/* **************************************** *
 * width_area
 * **************************************** */
.width_area {width:96%; margin-left:auto; margin-right:auto;}




/* **************************************** *
 * header
* **************************************** */
#header {text-align:center; position:relative; padding:20px 0px; background:#000}

.allmenu {display:none;}


.tnb {position:absolute; top:3px; right:35px;  overflow:hidden;   z-index:29; }
	.tnb li a{font-size:12px; color:#666; display:block;opacity:0.7; text-transform:uppercase; line-height:20px;  color:#fff;}



#header h1 img {height:30px; padding-top:44px;}


.header .open_mn { position:absolute; text-indent:-999px; top:22px; right:10px; z-index:1005;
background:url('/eng/images/common/bt_menu.png') no-repeat 0 0; height:24px; width:24px; overflow:hidden; background-size:24px auto; }
.header a {text-indent:-999px;}


#header .open_mn.on {background-image:url('/eng/images/common/bt_menu_close.png'); text-indent:-999px; background-size:24px auto;}


.mob {left:0px !important; width:740px !important; -webkit-transition: all 1s;transition: all 1s; }






#gnb {display:none; position:fixed; right:0px; top:0px; width:240px; box-sizing:border-box; background:#333;}
#gnb .inr {width:240px; background:#333; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; 
opacity:1; filter:alpha(opacity=100); z-index:1001; position:fixed; right:0px; top:40px;}
#nav {}
#nav h2 {display:block; padding:15px 0px; background:#0f449c; text-align:center;}
#nav h2 img {height:20px;}

#nav h2 span {display:block; position:relative; padding-top:15px; color:#fff;}
#nav h2 span:before {content:""; display:block; position:absolute; top:0; width:62px; border-top:1px solid #fff; }
.navi > li {border-bottom:1px solid #555; background:#333 url('/eng/images/common/mob_gnb_arr.png') no-repeat 210px 1px;}
.navi > li > a {display:block; padding:10px 20px;  width:100%; box-sizing:border-box; line-height:22px; font-weight:700; font-size:13px; color:#fff;}
.navi > li.ov,
.navi > li.on {background-color:#3da1cb; background-position:210px -46px;}

.navi .sm {background:#fff;}
.navi .sm > div {display:none;}
.navi .sm > ul {display:none;}
.navi .sm > ul > li {background:#eee url('/eng/images/common/mob_gnb_bl2.png') no-repeat 20px 17px;}
.navi .sm > ul > li > a {display:block; padding:6px 10px !important; border-bottom:1px dotted #ccc;}
.navi li a br {display:none;}

.navi .sm > ul > li > a[target="_blank"] > span {display:inline-block; padding-right:15px; background:url('/eng/images/common/blank_1.png')no-repeat right 3px;}
.navi .sm > ul > li > a:hover span,
.navi .sm > ul > li.ov > a,
.navi .sm > ul > li.on > a {text-decoration:underline;}

.navi .sm > ul > li > ul {display:none; padding:0 0 8px; background:#fff; /*background:#e7f4f9;*/}
.navi .sm > ul > li > ul > li {padding-top:8px;}
.navi .sm > ul > li > ul > li {padding-left:10px;}
.navi .sm > ul > li > ul > li > a {display:block; padding-left:35px; line-height:20px !important;
background:url('/eng/images/common/mob_gnb_bl3.png') no-repeat 25px center; font-size:13px !important;}
.navi .sm > ul > li > ul > li > a:hover,
.navi .sm > ul > li > ul > li.on > a {text-decoration:underline; color:#3da1cb;}

#blind {display:none; position:fixed; left:0; top:0; width:100%; height:100%;
background-color: hsla(360,100%,0%,0.56); background-blend-mode:overlay;
	z-index:9999999 !important;}


#google_translate_element { position:absolute; top:0px; right:70px;  z-index:29;}




/* **************************************** *
 * width_area {}
 * **************************************** */

.width_area {width:95%; margin-left:auto;margin-right:auto;}




/* **************************************** *
 * main_visual
 * **************************************** */


.main_visual {width:100%;position:relative;   text-align:center;
background:url('/kor/nimg/main/visual.jpg') no-repeat center center;  height:290px; overflow:hidden; background-size:auto 290%; }
	.main_visual div {position:absolute; top:0px; left:0px; background:hsla(0,100%,0%,0.5); width:100%; 
	box-sizing:border-box; padding:30px 20px;
	height:100%; text-align:center;  -webkit-transition: all 2s;transition: all 2s; }
	.main_visual div dl {display:inline-block;  width:90%;}

			.main_visual div dt {font-size:13px; letter-spacing:1px; text-align:center;  
			border-top:1px solid hsla(0,360%,100%,0.8);  border-bottom:1px solid hsla(0,360%,100%,0.8); line-height:20px; padding:10px 0px;color:#fff;}


			.main_visual div dd {font-size:20px; line-height:27px; text-align:center; color:#fff; font-weight:400;;
			padding-top:50px; letter-spacing:-1px;  vertical-align:top; padding-bottom:30px;}
.main_visual div dd strong {font-size:20px; line-height:27px; color:#fff; font-weight:700;letter-spacing:-1px;}

.main_visual div p {margin-left:auto; margin-right:auto; border:1px solid #ddd;
background:url('/eng/nimg/main/360.png') no-repeat 6px 15px;   background-size:auto 24px; width:80%; 
box-sizing:border-box; padding:0px 20px 0px 30px; height:50px; width:60px;
 clear:both; opacity:0.9; text-indent:-999px; display:none;}


/* .main_visual iframe {width:100%; height:114% !important;}


.main_visual:hover >div {-webkit-transition: all 2s;transition: all 2s; opacity:0;  visibility: hidden;} */


/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left:0px;
  background-size:auto 20px;
}
.bx-wrapper .bx-next {
  right: -30px;
  background-size:auto 20px;
}



/* **************************************** *
 * procut_roll
 * **************************************** */

.procut_roll { margin-top:40px;  width:90%;}
	.procut_roll .bxslider div {overflow:Hidden; position:relative; width:9.2% !important;
	box-sizing:border-box; padding:0px 20px !important; text-align:center;  }

.procut_roll .bxslider div  img {width:93%;  height:auto !important;}
	.procut_roll .bxslider div  dl { margin-top:-80px;background:#21a9e8; display:inline-block; width:80%;
	box-sizing:border-box; padding:25px 20px; text-align:center;}

	.procut_roll .bxslider div  dl dt {color:#fff; text-transform:uppercase; font-size:14px; line-height:30px; font-weight:700;}
.procut_roll .bxslider div  dl dd {opacity:0.8; color:#fff; font-size:12px; font-weight:300; line-height:20px;}



/* **************************************** *
 * greeting
 * **************************************** */
.greeting {width:100%; background:url('/eng/nimg/main/greeting_bg.png') no-repeat center right; padding:90px 20px;  box-sizing:border-box;
text-align:center;    background-size:auto 100%; overflow:Hidden;}
	.greeting h2 {font-size:18px; line-height:24px; padding-bottom:30px; color:#000;  }
	.greeting p {font-size:13px; line-height:18px; padding-bottom:20px; color:#fff;  padding-bottom:30px; color:#666;}
	.greeting a {font-size:11px; display:inline-block; border-radius:10px;  background:#fff;
	text-transform:uppercase; -webkit-transition: all 1s;transition: all 1s;
	width:200px; border:2px solid #222; color:#222; line-height:40px; letter-spacing:3px; font-weight:700;}

.greeting a:hover {margin-top:-20px; background:#666; color:#fff; border:none;}




/* **************************************** *
 * rnd
 * **************************************** */
.rnd {overflow:hidden; background:#f4f4f4; width:100%; padding-top:40px; text-align:center; padding-bottom:20px;}
	.rnd h2 {font-size:20px; line-height:80px; color:#000; text-transform:uppercase; letter-spacing:2px;}
	.rnd h2 strong {font-size:20px; line-height:80px; font-weight:700;letter-spacing:7px;color:#000;}

.rnd dl {overflow:hidden;   margin:20px 1%;  width:100%; padding-left:70px; box-sizing:border-box;}
	.rnd dl dt {color:#2e9ecd; font-size:16px; line-height:23px; font-weight:700; text-align:left;}
	.rnd dl dd{color:#000; font-size:12px; line-height:18px; font-weight:300;  text-align:left;}


	.rnd dl:nth-child(2) {background:url('/eng/img/main/rnd_icon01.png') no-repeat 10px 0px; background-size: auto 35px; height:65px;}
	.rnd dl:nth-child(3) {background:url('/eng/img/main/rnd_icon02.png') no-repeat 10px 40px; background-size: auto 35px; padding-top:30px; padding-bottom:30px;
	border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	.rnd dl:nth-child(4) {background:url('/eng/img/main/rnd_icon03.png') no-repeat 10px 0px; background-size: auto 35px;}





/* **************************************** *
 * banner_zone 
 * **************************************** */
.banner_zone {  background: linear-gradient(180deg, #f4f4f4 50%, #fff 50%); padding:0px 1% 20px 1%; overflow:hidden; box-sizing:border-box;}

.banner_zone  .banner_2_zone {overflow:hidden; box-sizing:border-box;  width:100%;}
	.banner_2_zone .banner_1st {background:url('/eng/img/main/n_banner_bg01.png') no-repeat right top ; 
	background-size:cover;height:185px;
	box-sizing:border-box; padding:80px 0% 0px 8%; cursor:pointer; width:100%;}
	.banner_2_zone .banner_2nd {padding:35px 0px 0px 8%;box-sizing:border-box;  cursor:pointer; width:100%;
	background:url('/eng/img/main/n_banner_bg02.png') no-repeat right top; background-size:cover; height:170px;}


.banner_zone dl, .banner_zone div {-webkit-transition: all 2s;transition: all 2s;}
.banner_zone dl:hover,  .banner_1_zone div:hover{opacity:0.5; }
.banner_zone  .banner_2_zone dt {font-size:17px; letter-spacing:1px;  text-transform:uppercase;  font-weight:700; line-height:22px
; padding-bottom:5px;}
	.banner_2_zone .banner_1st  dt {color:#2e3c65}
	.banner_2_zone .banner_2nd  dt {color:#fff}

.banner_zone  .banner_2_zone dd {font-size:12px;line-height:18px; font-weight:300;}
	.banner_2_zone .banner_2nd  dd {color:#fff}


.banner_zone  .banner_1_zone  {overflow:hidden; float:left; box-sizing:border-box; height:175px;  width:100%; 
background:url('/eng/img/main/n_banner_bg03.png') no-repeat center center ; background-size:130% auto ;

text-transform:uppercase; 
}

.banner_zone  .banner_1_zone div {border:2px solid hsla(0,100%,100%,0.7);  height:150px; box-sizing:border-box; 
margin-left:auto; margin-right:auto;width:93%; margin-top:10px; text-align:center; cursor:pointer;}

.banner_zone  .banner_1_zone div  dl {margin-left:auto; margin-right:auto; width:66%; 
 box-sizing:border-box; padding-top:10px; padding-left:13%; 
background:url('/eng/img/main/go_icon.png') no-repeat  63% bottom; padding-bottom:25px; background-size:auto 21px;
} 

.banner_zone  .banner_1_zone div  dl dt {border-top:2px solid #000; border-bottom:2px solid #000;
color:#000; line-height:30px; font-size:12px;}

.banner_zone  .banner_1_zone div  dl dd { color:#31b1cc; padding-top:10px; font-size:17px; letter-spacing:1px; 
text-transform:uppercase;  font-weight:700; line-height:22px;}







/* **************************************** *
 * notice 
 * **************************************** */


.notice  {padding:20px 0px; text-align:center; overflow:hidden;}
	.notice .tit {text-align:center; width:100%; position:relative;}
	.notice .tit dt {text-align:center; width:100%; font-size:20px; line-height:80px; color:#000; text-transform:uppercase; letter-spacing:2px;}
	.notice .tit dt strong{font-size:20px; line-height:80px; font-weight:700;letter-spacing:2px;color:#000;}

.notice .tit dd {position:absolute; top:30px; right:0px;overflow:hidden;background:url('/eng/img/main/icon_list.png') no-repeat  left 3px;  
line-height:30px;padding-left:40px; text-indent:-999px; }
.notice .tit dd a{color:#000; font-size:18px;}


.notice .list_inner {width:100%; overflow:hidden; border-bottom:1px solid #ddd; cursor:pointer; padding:30px 30px;
text-align:left;box-sizing:border-box; -webkit-transition: all 2s;transition: all 2s;}


.notice .list_inner:last-child {border-bottom:none;}
	.notice .list_inner dl {overflow:hidden; box-sizing:border-box;float:left;  -webkit-transition: all 2s;transition: all 2s;}

.notice .list_inner dl:nth-child(1) {width:100%; text-align:center; opacity:0.7;}
	.notice .list_inner dl:nth-child(1) dt {font-family:aritaB; font-size:20px; line-height:33px;}
	.notice .list_inner dl:nth-child(1) dd {font-weight:600;; font-size:13px; line-height:16px;}

.notice .list_inner dl:nth-child(2) {width:100%;float:right; padding-top:10px; background:url('/eng/img/main/go_icon.png') no-repeat  right center; background-size:auto 21px;}
.notice .list_inner dl:nth-child(2) dt {text-overflow: ellipsis; font-size:16px;font-weight:600;; text-align:center; line-height:30px;
color:#000; white-space:nowrap; overflow:hidden; width:90%;}
.notice .list_inner dl:nth-child(2) dt span{display:inline-block;line-height:18px; border:2px solid #359ded; box-sizing:border-box; margin-top:5px; 
width:30px; text-align:center;  font-size:11px !important;; color:#219fe7; margin-left:10px; }

.notice .list_inner dl:nth-child(2) dd {text-overflow: ellipsis; font-size:13px; color:#777; line-height:30px;white-space:nowrap;
width:90%;  overflow:hidden;  padding-left:10px;}



.notice .list_inner:hover > dl:nth-child(2) dt {color:#359ded;}
.notice .list_inner:hover > dl:nth-child(2) dd {color:#359ded; opacity:0.7;}





.footer_banner {overflow:hidden; width:100%;}





/* **************************************** *
 * footer_banner
 * **************************************** */

.footer_banner dl {text-align:center; box-sizing:border-box; width:100%; text-align:center; padding:50px 0px; cursor:pointer;
-webkit-transition: all 2s;transition: all 2s;  
overflow:hidden;  background:url('/eng/img/main/fbanner01.png') no-repeat top center;  background-size:100% 100%;}

/* 	.footer_banner dl:nth-child(2) {background:url('/eng/img/main/fbanner02.png') no-repeat top center; background-size:auto 100% ; }
	 */
	.footer_banner dl dt {color:#fff; font-size:23px; font-weight:700;  text-transform:uppercase; line-height:37px;}
	.footer_banner dl dd {color:#fff; font-size:12px; line-height:18px;
 padding-bottom:40px; opacity:0.7; padding-top:25px;
	
	}
.footer_banner  dl a {display:inline-block;  color:#fff;  text-align:center;
    font-size: 13px;
    display: inline-block;
    border-radius: 10px;
    text-transform: uppercase;
    -webkit-transition: all 1s;
    transition: all 1s;
    width: 150px; 
    border: 2px solid #fff;
    line-height: 40px;
    letter-spacing: 4px;
    font-family: aritaB;
}
.footer_banner  dl a:hover {opacity:0.7;}

.footer_banner dl:hover{background-size:120% 120%  ;}







/* **************************************** *
 * footer
 * **************************************** */

.footer {background:#151c2d; width:100%; padding:20px 0px;}


	.footer .fnb {border-bottom:1px solid #4b515e; box-sizing:border-box; width:100%; box-sizing:border-box; margin-bottom:20px;}
	.footer .fnb a{color:#959597; line-height:60px; font-size:13px; padding:0px 2px;}
	.footer .fnb a:nth-child(1){color:#fff; font-weight:700; }


	.footer p {overflow:hidden; padding-top:20px; padding-left:5px;}
		.footer p.addresss {color:#fff; opacity:0.8; font-size:12px;}
		.footer p.copy {font-size:11px;color:#fff; text-transform:uppercase; letter-spacing:1px; opacity:0.5;}








/* **************************************** *
 * window
 * **************************************** */
.window {
    display: none;
	box-sizing:border-box; padding:50px 20px 30px 20px; background:#fff;
	border-color:#ddd #aaa #888 #ddd; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.7);  width:80%; }

.window .sm div {display:none;}

.window li {width:100%; overflow:hidden;  border-bottom:1px solid #ddd; padding:23px 30px; box-sizing:border-box;}


.window li:last-child {border-bottom:none;}


.window li  a{float:left; width:20%; font-size:19px; line-height:50px; background:#0f449c; padding:0px 20px;
color:#fff; box-sizing:border-box; font-weight:700;}


.window .sub_menu  { overflow:hidden; width:100%;}

	.window .sub_menu li{overflow:hidden; box-sizing:border-box;  float:left; border:none !important;  width: auto !important;}
	.window .sub_menu li a{display:block; font-size:17px; line-height:20px; font-weight:300; color:#333;  width: auto !important; background:#fff;}

.window .sm {overflow:hidden;float:right; width:80%; box-sizing:border-box; padding: 0px 20px ;}

.window .btn_close {position:absolute; top:30px; right:30px; overflow:hidden; box-sizing:border-box; border:1px solid #888; 
height:40px; width:40px; text-align:center;  -webkit-transition: all 1s;transition: all 1s;}
	.window .btn_close i {line-height:40px; font-size:22px;}

.window .btn_close:hover {background:#888;}
.window .btn_close:hover i {color:#fff;}









/* **************************************** *
 *  sub_layout
 * **************************************** */

/* snb */
.snb {display:none; } 




h2.sub_tit {
background:rgba(27, 44, 49, 0.7) url('/kor/nimg/main/visual.jpg') no-repeat center center; background-size:cover;
overflow:hidden; width:100%;  background-blend-mode:overlay;
text-align:center; color:#fff; font-size:18px;   font-weight:700; line-height:22px; }
.sub_contents_area {overflow:hidden; width:100%; min-height:500px; padding-top:30px; padding-bottom:30px;}

h2.sub_tit{padding:23px 0px;}

/*under_construction */

.under_construction {width:90%; overflow:hidden; padding:30px; box-sizing:border-box; text-align:center;
background:#eee; margin-left:auto; margin-right:auto;}
	.under_construction dt {font-size:15px; line-height:30px; font-weight:700; color:#999; }
	.under_construction dd {font-size:12px; color:#777;  }







/* **************************************** *
 *  인사말
 * **************************************** */

 .greeting_area {overflow:hidden; width:100%;}
	 .greeting_area .img_txt {overflow:hidden; width:100%; background:url('/eng/images/sub/greeting_bg.jpg') no-repeat center center; padding:44px 0px; margin-bottom:30px;}
	 .greeting_area .img_txt div {overflow:hidden; box-sizing:border-box; color:#fff;  font-weight:700; font-size:17px; 
	 line-height:24px; }


 .greeting_area  p {padding:15px 0px; overflow:hidden; font-size:14px; line-height:20px;  font-weight:300;}

 .greeting_area  .sign {overflow:hidden;}
	 .greeting_area  .sign dt{overflow:hidden; float:left;  font-weight:700; padding-right:20px;
	 text-transform:uppercase; color:#000; font-size:14px; line-height:60px;}
	 .greeting_area  .sign dd{overflow:hidden; float:left;  line-height:60px; font-family: 'East Sea Dokdo', cursive; font-size:50px; color:#000;}




/* **************************************** *
 *  연구소
 * **************************************** */
.Research-Institute {width:100%; background:url('/eng/images/sub/sub02bg.jpg') no-repeat top center; overflow:hidden; padding:30px 0px; background-size:cover;
}

	.Research-Institute .tit {overflow:Hidden; width:100%; padding-bottom:30px;}
		.Research-Institute .tit dt {overflow:Hidden; color:#114498;  font-size:23px; line-height:25px; font-weight:800; }
		.Research-Institute .tit dd {overflow:Hidden; color:#000;  font-size:16px; line-height:20px; font-weight:700;  padding-top:20px;}
		.Research-Institute .tit dd p.line {width:100px; height:2px; overflow:Hidden; background:#114498; margin-top:40px;}



.Research-Institute .chap_inner {overflow:hidden;  padding-top:10px; 
 box-sizing:border-box;}
.Research-Institute .chap_inner p {font-size:13px; line-height:21px; margin-top:10px;}






/* **************************************** *
 *  product_list
 * **************************************** */

.product_list {text-align:center;}
	.product_list div {display:inline-block; overflow:hidden; width:90%; margin:10px 0px; position:relative; cursor:pointer;}
	.product_list div img{width:100%;}
	.product_list div dl{width:100%;-webkit-transition: all 2s;transition: all 1s;   box-sizing:border-box; height:100px;
	background:rgba(0,0,0,0.5); box-sizing:border-box; padding:10px 40px; position:absolute; bottom:-50px; left:0px; overflow:hidden;}

.product_list div dl dt {color:#fff; font-size:19px; line-height:30px; text-transform:uppercase; width:100%; overflow:hidden; text-align:center;}
.product_list div dl dd img {width:42px !important; display:none;}
.product_list div dl dd  {float:right; line-height:40px;}

.product_list div:hover dl {bottom:-20px;}
.product_list div dl dd a:hover > img {opacity:1;}




/* **************************************** *
 *  
product_tab
 * **************************************** */


.product_tab {text-align:center;}
.product_tab dl {display:inline-block; width:90%; margin-botom:10px; box-sizing:border-box;  margin-top:10px;
box-sizing:border-box; padding:73px 20px 10px 20px; cursor:pointer; border-bottom:4px solid rgba(0,0,0,0.3)}

	.product_tab dt { font-size:17px; padding-bottom:5px; text-align:center; text-transform:uppercase; line-height:30px;  font-weight:700; }
	.product_tab  dt sup{font-size:13px;  margin-right:10px; display:inline-block; margin-top:-5px; }
	.product_tab  dd { font-size:13px; line-height:20px; opacity:0.7; text-align:center;}

.product_tab dl.on {opacity:1;}





	.product_tab .product dt {color:#fff; }
	.product_tab .product dt sup{color:#fff;}
	.product_tab .product dd {color:#fff;}

	.product_tab .vr_view dt {color:#fff; }
	.product_tab .vr_view dt sup{color:#fff;}
	.product_tab .vr_view dd {color:#fff;}


.product_tab .vr_view {background:#aaa url('/eng/images/sub/vr.png') no-repeat  center 15px;; background-size: auto 52px; border-bottom:5px solid #1a5d86;
}
.product_tab .vr_view.on{background:#259882 url('/eng/images/sub/vr.png') no-repeat  center 15px;; background-size: auto 52px;
}


.product_tab .product{background:#aaa url('/eng/images/sub/icon22.png') no-repeat center 15px;; background-size:auto 42px; 
border-bottom:5px solid #1a6a5b}

.product_tab .product.on{background:#2585c0 url('/eng/images/sub/icon22.png') no-repeat center 15px;; background-size:auto 42px;}



/* **************************************** *
 *  product_view
 * **************************************** */

.product_view {text-align:center;}
#img_thum {overflow:hidden; width:42px; display:inline-block;  overflow:hidden;}
	#img_thum li  {overflow:hidden; width:90%; box-sizing:border-box;  margin-bottom:3px; border:1px solid #ddd;}
		#img_thum li img {width:100%; opacity:0.8;}
	#img_thum li.on {border:4px solid #0f449c;}

.product_view .img_big { overflow:hidden; width:100%; box-sizing:border-box; }
	.product_view .img_big img {width:96%; border:1px solid #ddd;}


.product_view .desc_inner {font-size:14px; line-height:20px; color:#333; padding-top:20px; text-align:left;  box-sizing:border-box; padding-left:10px;}

.product_view .desc {overflow:hidden; width:100%;}
.product_view .desc dl {overflow:hidden; padding-bottom:10px; padding-top:10px; padding-bottom:10px;}
	.product_view .desc dl dt {overflow:hidden; font-size:26px; color:#000; line-height:40px;}
	.product_view .desc dl dd {overflow:hidden; font-size:15px; color:#777; line-height:30px;  }

.product_view .btn {overflow:hidden; padding-top:30px;}
.product_view .btn a{margin-right:10px; line-height:40px; background:#009bcb; margin:5px;
text-align:center; width:90%; display:inline-block; color:#fff; font-size:14px; border-radius:5px;}
.product_view .btn img {vertical-align:middle; padding:0px 10px; border:none !important; width:12px;}



.spec {overflow:hidden; width:100%;  box-sizing:border-box; padding:10px 10px;}
 .spec h3 {color:#000; font-size:20px; font-weight:700;  line-height:54px;  overflow:hidden;  }
.spec h3 br {display:none;}
 .spec div { float:right; overflow:hidden; width:100%; border-top:2px solid #222; }
.spec div dl{overflow:hidden; border-bottom:1px solid #ddd; padding:0px !important; }
		.spec div dl dt{ overflow:hidden;  font-size:16px !important; color:#000;
		box-sizing:border-box;  font-weight:700; text-align:left; padding:6px 10px !important;}
		 .spec div dl dd{overflow:hidden; font-size:16px !important;  font-FAMILY:arita; text-align:left;
		color:#666; box-sizing:border-box; padding:5px 10px !important;
		width:66%;  font-weight:300;}

.product_view .desc  .btn a:nth-child(2) img {height:11px;}
.product_view .desc  .btn a:nth-child(1) img {height:18px;}





.spec div h4 {color:#418fc6; font-size:18px; font-weight:700;  line-height:44px; padding-top:30px;}

.spec div table {width:100% !important; border-top:1px solid #ddd;
border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}

.spec div table td, .spec div table th { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box;
padding:5px 5px; vertical-align:middle; font-size:12px; line-height:20px; word-break:break-all; width:auto !important;}

 .spec div table th {background:#f4fbff; color:#4582ad; }









/* **************************************** *
 * history_wrap
 * **************************************** */


.history_wrap { overflow:hidden; position:relative; padding:30px 0px 160px 0px;; margin-bottom:-40px;
background:url('/eng/images/sub/history_bg.gif') no-repeat bottom right; background-size:auto 20%   ; 
}
	.history_wrap div.inner {width:100%;   position:relative; box-sizing:border-box; padding-left:30px; float:left; clear:both;
 margin:10px 0px; background:url('/eng/images/sub/roll.png') no-repeat; 
  background-size:auto 12px;  box-sizing:border-box; background-position: 7px 11px;}

.history_wrap div.inner h2 {font-size:20px; line-height:30px;  width:300px; color:#295ea4; opacity:0.8; font-weight:600;}

.history_wrap div.inner:nth-child(2n-1) h2 {}
.history_wrap div.inner:nth-child(2n-1) P {overflow:hidden;clear:both;}
	.history_wrap div p {overflow:hidden; font-size:13px; color:#777;  line-height:19px; padding-top:5px; text-shadow:0px 0px 1px #fff}

.history_wrap .line_bg {position:absolute; height:100%; width:1px; border-left:1px dotted #222; left:20px;}





/* **************************************** *
 * flow_chart
 * **************************************** */

.flow_chart {text-align:center; overflow:hidden ;display:none; }

.flow_chart_mobile {  text-align:center;  overflow:hidden; padding:30px 0px;}
.flow_chart_mobile  img{width:90%; }




/* **************************************** *
 * global_network 
 * **************************************** */
.global_network {text-align:center;}
.global_network p {overflow:hidden; width:100%; margin-bottom:20px;}
.global_network p img {width:100%;}

.global_network dl { width:100%; margin:0px 0px; overflow:hidden;  padding:20px 10px; box-sizing:border-box;
border-top:4px solid #222; border-bottom:1px solid #222;}
.global_network dl dt {float:left; overflow:hidden; font-size:17px; color:#000; font-weight:700; border-right:1px solid #ccc; padding-right:20px;}
.global_network dl dd {float:left; overflow:hidden; font-size:17px; padding-left:20px;}


.global_network dl:nth-child(2) {border-top:2px solid #222 !important;}



/* **************************************** *
 * location
 * **************************************** */


#map {width:100%; height:300px; margin-bottom:30px;}
.location  dl {overflow:Hidden; display:inline-block; width:90%; box-sizing:border-box; padding:30px 15px;
overflow:hidden; background:#eee; margin:5px 5px;}
.location  dl dt  i {line-height:40px; padding-right:10px; font-size:18px;}
.location  dl dt {text-align:center; line-height:40px; font-size:17px; color:#000; font-weight:700; border-bottom:1px solid #ddd;}
.location  dl dd {padding-top:20px; text-align:center; color:#444; font-size:14px; line-height:20px;}

.location  {text-align:center;}



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

.company_info .chart {overflow:hidden; text-align:center; padding-top:0px; padding-bottom:20px;}
.company_info .chart img { width:98%;}


	.company_info dl {overflow:hidden; width:100%; padding-top:30px;}
	.company_info dl dt {overflow:hidden; width:100%; text-align:center; font-size:19px;
	line-height:27px; font-weight:700; color:#000; letter-spacing:-1px; color:#295ea4; position:relative;  height:90px;}

	.company_info dl dt div{width:10%; height:6px; position:absolute; left:45%; bottom:15px;
	background: linear-gradient(to right, #0a8dd1 , #01a0e2 , #28b48f , #1268b5 , #28419a , #1b559f);}
	.company_info dl dd {overflow:hidden; width:100%; text-align:center; padding-bottom:50px; font-size:16px; line-height:23px; padding-top:10px;}




/* **************************************** *
 *  board
 * **************************************** */
 .bd_search_wrap {overflow:Hidden; height:auto !important;}
.search_form {width:100%; margin-left:auto !important; margin-right:auto !important;  float:none !important; overflow:hidden;
background:#f9f9f9; box-sizing:border-box; padding:30px 0px !important; text-align:CENTER; margin-bottom:30px !important;}

.search_form select, .search_form input {line-height:28px; height:28px; padding:0px 10px;}
.search_form select {width:60px;
-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; /* 네이티브 외형 감추기 */
background:#fff url('/eng/images/sub/select_bg.jpg') no-repeat 90% center;
 text-indent: 0.01px;
    text-overflow: "";
}
#search_word{width:80px !important;}
.search_form .btn_ty1 {background:#0060bf; line-height:28px; font-weight:700; color:#fff; text-align:center; width:60px; border:none !important; font-size:16px;}






/* **************************************** *
 *  contatct us
 * **************************************** */


 .contact {overflow:hidden; width:100%; padding-bottom:80px; margin-bottom:-70px;
 background:url('/eng/images/sub/bgimg.png') no-repeat center center; background-size: cover; margin-top:-30px;  }
 .contact  h2 {  padding-top:50px; padding-bottom:30px; font-weight:400;; text-align:center;  ont-weight:600;  }
	 .contact  h2 STRONG {font-weight:600;; }
 .contact  h2,  .contact  h2 STRONG {font-size:16px; color:#fff;  line-height:24px;text-shadow:2px 2px 3px #203b57;}


 .contact .inner { text-align:center; }

 .contact .inner  dl {background:#f4f4f4;  padding:20px 25px; box-sizing:border-box; width:90%;
 overflow:hidden;  display:inline-block; margin-top:10px;}

 .contact .inner  dl dt{ text-align:center; font-weight:700; color:#000; border-bottom:1px solid #ddd;}
 .contact .inner  dl dt span{ font-weight:400;; color:#000; padding-right:10px;}
 .contact .inner  dl dd{ text-align:center;}

 .contact .inner  dl dt,   .contact .inner  dl dt span   {font-size:17px; line-height:30px;}
 .contact .inner  dl dd{font-size:15px; line-height:20px; padding-top:10px;}





/* **************************************** *
 *  tech_important_list
 * **************************************** */



.tech_important_list .accordionItem{
    display:block;
    width:100%;
    box-sizing: border-box; box-sizing:border-box; padding:10px 10px;  border-top:1px solid #ddd;
}

.tech_important_list .accordionItem h3 p{  color:#666; 
font-size:12px; line-height:16px;  font-weight:500;
}


.tech_important_list .accordionItem h3 br {display:none;}
.tech_important_list .accordionItem h3 {font-size:15px; line-height:22px; padding-top:10px;  padding-top:10px;}






.tech_important_list .close {background: url('/kor/nimg/com/arrow_down.png') no-repeat  95% 47px; background-size:auto 6px}

.tech_important_list .open  {background:#2aa7d7  url('/kor/nimg/com/arrow_up2.png') no-repeat  95% 47px;  padding-bottom:30px;  background-size:auto 6px}

.tech_important_list .open h3 {color:#fff;}
.tech_important_list .open h3 p{color:#fff; opacity:0.7;}


.tech_important_list .close h3 {font-weight:500;}



.tech_important_list .accordionItemHeading{
    cursor:pointer;
    margin:0px 0px 0px 0px;
    padding:10px;
 color:#000;
    width:100%;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
        box-sizing: border-box;
}






.tech_important_list .close .accordionItemContent{
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
    float:left;
    display:block;
    
    
}
.tech_important_list .open .accordionItemContent{
        padding: 0px; margin-top:0px;
    border: 1px solid #ddd; background:#f7f7f7;
    width: 98%; padding:20px 10px; box-sizing:border-box;
    margin-left:auto; margin-right:auto;
    display:block;
    -webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
    -webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;

	-webkit-transition: -webkit-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.4s ease;
        box-sizing: border-box;
}

.tech_important_list .open .accordionItemContent  li {float:left; overflow:hidden; padding-right:10px; font-size:13px; color:#000;}



.tech_important_list .open .accordionItemHeading{
  
}





.tech_important_list  {background:#fff;}

.tech_top {background:url('/eng/nimg/com/exp.png') no-repeat 80% 2%  ; width:100%; background-size: 240% auto ;  padding-top:0px;
background-color: rgb(255,255,255,0.7);
    background-blend-mode: overlay;



}

.tech_top  h4 {font-size:17px; /* font-family:'Montserrat'; */
font-weight:500;
text-transform:uppercase; line-height:23px; font-weight:400; letter-spacing:12px; color:#bbb;}
.tech_top  h4:nth-child(2) {margin-left:40px;}

.tech_top .stit { color:#000; font-size:19px; line-height:23px; font-weight:400;; padding-top:30px; padding-bottom:20px; 
text-shadow:3px 3px 13px #fff;}

.tech_top .stit strong { color:#000; font-size:33px; line-height:60px; font-weight:700;}



.tech_top  h5 {font-size:13px; line-height:21px;font-weight:500; color:#888;  }
.titarea2 {padding-top:0px; padding-bottom:30px;}






/* **************************************** *
 *  prize
 * **************************************** */
.prize {overflow:hidden; width:100%; text-align:center; background:url('/eng/nimg/sub/spb01.png') no-repeat 40% top;
background-size:200% auto  ; text-align:center;}

.prize h3 {font-size:17px; padding-top:20px; color:#000; line-height:40px;}

.prize .inner { text-align:center;}
 	.prize .inner dl{ overflow:hidden; margin:20px 2%; display:inline-block; width:180px;}
	.prize .inner dt{ overflow:hidden; box-sizing:border-box; width:100%; text-align:center; padding-bottom:50px;}
	.prize .inner dt img{ width:160px;
	    box-shadow:9px -5px 15px rgba(0, 0, 0, 0.2);    
	border: 10px solid transparent;  border-image-slice: 1; 
	border-image: linear-gradient(to right, #2a4a7f 0%, #466393 60%, #182844 100%);
	        border-image-slice: 100%;
	    border-image-slice: 1; box-sizing:border-box;
	
	}
	.prize .inner dd p {color:#265fae; font-weight:700; }
	.prize .inner dd {font-size:14px; font-weight:400;; line-height:22px; color:#000; }


.prize .inner:nth-child(5), .prize .inner:nth-child(6){ width:100%; display:inline-block; }

.prize h4 {font-size:17px; /* font-family:'Montserrat'; */
font-weight:500;
text-transform:uppercase; line-height:23px; font-weight:400; letter-spacing:12px; color:#bbb;}
.prize h4:nth-child(2) {margin-left:40px;}

.prize .stit { color:#000; font-size:19px; line-height:23px; font-weight:400;; padding-top:30px; padding-bottom:20px; 
text-shadow:3px -3px 1px #fff;}

.prize .stit strong { color:#000; font-size:33px; line-height:60px; font-weight:700;}

.prize h5 {font-size:13px; line-height:21px;font-weight:500; color:#888; text-shadow:3px 1px 1px #fff; }




/* **************************************** *
 *  reserach_inst
 * **************************************** */
.reserach_inst{}
.reserach_inst .table_cell {border-top:2px solid #bbb;}
.reserach_inst .table_cell dl {border-bottom:1px solid #ddd;}


.reserach_inst  .desc {width:100%; overflow:hidden; }
.reserach_inst  .desc div {padding-top:30px;   margin:10px 20px;  overflow:hidden;}
	.reserach_inst  .desc div dl.txt {overflow:hidden; width:100%;box-sizing:border-box; padding-top:30px;}
		.reserach_inst  .desc div dl.txt dt {font-size:17px; color:#000; line-height:21px; margin-top:-10px;}
		.reserach_inst  .desc div dl.txt dd {font-size:14px; color:#888; line-height:23px; padding-top:10px; overflow:hidden;  padding-bottom:20px;}


 



	.reserach_inst  .desc div dl.img { width:100%;  box-sizing:border-box; position:relative; }
	.reserach_inst  .desc div dl.img dt  {z-index:9; position:relative; padding-bottom:60px;}
	.reserach_inst  .desc div dl.img dt img{width:200px; box-sizing:border-box; display:block;
	box-shadow:12px 12px 12px rgba(0,0,0,0.3); }
	.reserach_inst  .desc div dl.img dd { width:200px; position:absolute; ; height:80%; z-index:8; }




	.reserach_inst  .desc div:nth-child(1) dl.img dd {background:url('/eng/nimg/com/bg002.png') no-repeat right bottom; background-size:cover; bottom:30px; left:5%}
	.reserach_inst  .desc div:nth-child(2) dl.img dd {background:url('/eng/nimg/com/bg001.png') no-repeat top left; top:-30px; left:-5%; }
	.reserach_inst  .desc div:nth-child(3) dl.img dd {background:url('/eng/nimg/com/bg003.png') no-repeat center center; background-size:cover; top:-30px; left:5%}


.reserach_inst .table_cell {border-top:3px solid #222;}
.reserach_inst .table_cell h3 {font-size:16px; line-height:50px; background:#efefef; color:#000; font-weight:700; padding-left:10px; border-bottom:1px solid #222;}

.reserach_inst .table_cell dl {border-bottom:1px solid #bbb; width:100%; overflow:hidden; float:left; box-sizing:border-box;}
	.reserach_inst .table_cell dl dt {float:left; width:35%; font-size:13px; line-height:35px; box-sizing:border-box;
	margin:10px 0px; color:#000; font-weight:700; padding-left:10px; border-right:1px solid #ddd;}
	.reserach_inst .table_cell dl dd {float:right; width:62%;font-size:13px;  line-height:35px;margin:10px 0px; color:#333; box-sizing:border-box;}



.window .btn_close {position:absolute; top:10px; right:10px; overflow:hidden; box-sizing:border-box; border:1px solid #888; 
height:30px; width:30px; text-align:center;  -webkit-transition: all 1s;transition: all 1s;}
	.window .btn_close i {line-height:30px; font-size:16px;}

.window .btn_close:hover {background:#888;}
.window .btn_close:hover i {color:#fff;}




/* **************************************** *
 * window2
 * **************************************** */
.window2 {
    display: none;
	box-sizing:border-box; padding:40px 10px 10px 10px; background:#fff;
	border-color:#ddd #aaa #888 #ddd; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.7);  width:86%; overflow-y:auto !important; height:200px;}


.window2 .btn_close {position:absolute; top:10px; right:10px; overflow:hidden; box-sizing:border-box; border:1px solid #888; 
height:30px; width:30px; text-align:center;  -webkit-transition: all 1s;transition: all 1s;}
	.window2 .btn_close i {line-height:30px; font-size:16px;}

.window2 .btn_close:hover {background:#888;}
.window2 .btn_close:hover i {color:#fff;}

.window2 h3 {font-size:16px; padding-top:15px; color:#1c2c8b; padding-bottom:5px;}

.window2 h4 {font-size:14px; color:#000; padding-top:10px;}


.window2 h2 {font-family:aritab;; font-size:17px; line-height:43px; color:#1024a1; 
border-bottom:1px dotted #bbb; margin-bottom:25px; margin-top:-30px;}




/* **************************************** *
 *  vr-home
 * **************************************** */
.vr-home {overflow:hidden; width:80% !important; }
.vr-home iframe {width:100%; height:650px; overflow:hidden;}

.vr-home #container {margin-top:-95px !important;}


/* **************************************** *
 *  dialog22
 * **************************************** */
#dialog22 iframe{ width:100%; height:300px; margin-top:10px;}
#dialog22 h3 {font-size:17px; line-height:40px; font-family:arita; color:#000; margin-top:-30px;}


a.btnst011 {display:inline-block; font-size:14px; line-height:60px;  border-radius:2px; text-align:center;
color:#fff; margin-bottom:30px; background:#4274c5 url('/eng/images/sub/vr.png') no-repeat  15px 7px;  box-sizing:border-box;
background-size:auto 37px; font-weight:700; border-bottom:4px solid rgba(0,0,0,0.3); padding:0px 20px 0px 70px}