/* body {border:3px solid red;} */



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

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




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

.main_visual {width:100%;position:relative;  width:100%; text-align:center;
background:url('/kor/nimg/main/visual.jpg') no-repeat center -420px; height:770px; overflow:hidden; background-size: auto 1500px ;}




	.main_visual div {position:absolute;  left:0px; background:hsla(0,100%,0%,0.5); width:100%; box-sizing:border-box;
	padding:170px 0px;
	height:100%; text-align:center;  -webkit-transition: all 2s;transition: all 2s;}
	.main_visual div dl {display:inline-block; margin-top:80px; width:760px;}

			.main_visual div dt {font-size:24px; letter-spacing:5px; 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:70px; color:#fff;}


			.main_visual div dd {font-size:60px; line-height:73px; text-align:center; color:#fff; font-family:aritaL;
			padding-top:50px; letter-spacing:-2px;  vertical-align:top; padding-bottom:50px;}
.main_visual div dd strong {font-size:60px; line-height:73px; color:#fff; font-family:aritaSB;letter-spacing:-2px;}

.main_visual div p {color:#fff; font-size:13px; margin-left:auto; margin-right:auto; border-radius:30px; border:1px solid #fff;
background:url('/kor/nimg/main/360.png') no-repeat 60px 15px; width:580px; box-sizing:border-box; padding:0px 20px 0px 70px;
line-height:55px; clear:both; font-size:17px; opacity:0.9; 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;}
 */




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

.procut_roll {margin-top:60px;}
	.procut_roll .bxslider div {overflow:Hidden; position:relative;
	box-sizing:border-box; padding:0px 30px !important; text-align:center; max-width:490px;  }

.procut_roll .bxslider div  img {width:90%; max-width:415px; !important; height:auto !important;}

	.procut_roll .bxslider div  dl { margin-top:-80px;background:#21a9e8; display:inline-block; width:80%;
	box-sizing:border-box; padding:35px 20px; text-align:center;}

	.procut_roll .bxslider div  dl dt {color:#fff; text-transform:uppercase; font-size:22px; line-height:50px; font-family:aritaSB;}
.procut_roll .bxslider div  dl dd {opacity:0.8; color:#fff; font-size:22px;}



/* **************************************** *
 * greeting
 * **************************************** */
.greeting {width:100%; background:url('/kor/nimg/main/greeting_bg.png') no-repeat top center; padding:180px 0px; 
text-align:center;   height:300px; margin-top:50px;}
	.greeting h2 {font-size:30px; line-height:37px; padding-bottom:40px; color:#000;  }
	.greeting p {font-size:18px; line-height:22px; padding-bottom:20px; color:#000;  padding-bottom:70px; color:#666;}
	.greeting a {font-size:15px; display:inline-block; border-radius:10px; 
	text-transform:uppercase; -webkit-transition: all 1s;transition: all 1s;
	width:300px; border:2px solid #222; color:#222; line-height:60px; letter-spacing:5px; font-family:aritaB;}

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




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

.rnd dl {overflow:hidden; display:inline-block; padding:170px 55px 30px 55px; margin:50px 0px; cursor:pointer;}
	.rnd dl dt {color:#2e9ecd; font-size:22px; line-height:60px;font-family:aritaSB;}
	.rnd dl dd{color:#000; font-size:18px; line-height:23px; text-transform:uppercase;}


	.rnd dl:nth-child(2) {background:url('/kor/img/main/rnd_icon01.png') no-repeat center 20px;}
	.rnd dl:nth-child(3) {background:url('/kor/img/main/rnd_icon02.png') no-repeat center 35px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
	.rnd dl:nth-child(4) {background:url('/kor/img/main/rnd_icon03.png') no-repeat center 40px;}





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

.banner_zone  .banner_2_zone {overflow:hidden; float:left; box-sizing:border-box;  width:53%;}
	.banner_2_zone .banner_1st {background:url('/kor/img/main/n_banner_bg01.png') no-repeat right top ; background-size:cover;height:405px;
	box-sizing:border-box; padding:220px 0% 0px 15%; cursor:pointer; }
	.banner_2_zone .banner_2nd {padding:80px 0px 0px 15%;box-sizing:border-box;  cursor:pointer;
	background:url('/kor/img/main/n_banner_bg02.png') no-repeat top right; background-size:cover; height:300px;}
.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:40px; letter-spacing:5px; text-transform:uppercase;  font-family:aritaB; line-height:40px; padding-bottom:10px;}
	.banner_2_zone .banner_1st  dt {color:#2e3c65}
	.banner_2_zone .banner_2nd  dt {color:#fff}

.banner_zone  .banner_2_zone dd {font-size:20px;line-height:22px;}
	.banner_2_zone .banner_2nd  dd {color:#fff}


.banner_zone  .banner_1_zone  {overflow:hidden; float:left; box-sizing:border-box; height:595px;  width:47%; margin-top:110px;
background:url('/kor/img/main/n_banner_bg03.png') no-repeat center center ; background-size:cover ;text-transform:uppercase; 
}

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

.banner_zone  .banner_1_zone div  dl {margin-left:auto; margin-right:auto; width:66%; max-width:300px;
 box-sizing:border-box; padding-top:120px; padding-left:13%; 
background:url('/kor/img/main/go_icon.png') no-repeat  63% bottom; padding-bottom:50px;
} 

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

.banner_zone  .banner_1_zone div  dl dd { color:#31b1cc; padding-top:30px; font-size:40px;
letter-spacing:5px; text-transform:uppercase;  font-family:aritaB; line-height:40px; padding-bottom:10px;}




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


.notice  {padding:60px 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:45px; line-height:80px; color:#000; text-transform:uppercase; letter-spacing:7px;}
	.notice .tit dt strong{font-size:45px; line-height:80px; font-family:aritaSB;letter-spacing:7px;color:#000;}

.notice .tit dd {position:absolute; top:30px; right:0px;overflow:hidden;background:url('/kor/img/main/icon_list.png') no-repeat  left 3px;  
line-height:30px;padding-left:40px;}
.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:12%; text-align:center; opacity:0.7;}
	.notice .list_inner dl:nth-child(1) dt {font-family:aritaB; font-size:59px; line-height:63px;}
	.notice .list_inner dl:nth-child(1) dd {font-family:aritasB; font-size:23px; line-height:27px;}

.notice .list_inner dl:nth-child(2) {width:88%; padding-top:10px; background:url('/kor/img/main/go_icon.png') no-repeat  right center;}
.notice .list_inner dl:nth-child(2) dt {font-size:23px;font-family:aritasB; line-height:40px;color:#000;}
.notice .list_inner dl:nth-child(2) dt span{line-height:27px; border:2px solid #359ded; box-sizing:border-box; margin-top:5px; 
width:100px; text-align:center; letter-spacing:5px;display:inline-block; font-size:18px !important;; color:#219fe7; margin-right:20px;}

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



.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%;}


/*두줄이상일때 2

text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; 라인수
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.2em;
height: 3.6em;*/





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

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

/* 	.footer_banner dl:nth-child(2) {background:url('/kor/img/main/fbanner02.png') no-repeat top center; background-size:auto 100% ; }
	 */
	.footer_banner dl dt {color:#fff; font-size:49px; font-family:aritaB;  text-transform:uppercase; letter-spacing:5px; line-height:52px;}
	.footer_banner dl dd {color:#fff; font-size:21px; line-height:31px;
 padding-bottom:40px; opacity:0.7; padding-top:25px;
	
	}
.footer_banner  dl a {display:inline-block;  color:#fff;  text-align:center;
    font-size: 18px;
    display: inline-block;
    border-radius: 10px;
    text-transform: uppercase;
    -webkit-transition: all 1s;
    transition: all 1s;
    width: 300px; 
    border: 2px solid #fff;
    line-height: 50px;
    letter-spacing: 5px;
    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:50px 0px;}

.footer .width_area {background:url('/kor/img/com/logo.png') no-repeat  96%  110px; background-size:auto 50px;}


	.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:16px; padding:0px 10px;}
	.footer .fnb a:nth-child(1){color:#fff; font-family:aritasB; }


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












/* **************************************** *
 * common
 * **************************************** */
.web {display:block !important;}
.mobile_show {display:none;}



/* **************************************** *
 * header
* **************************************** */
#header  { width:100%;  height:68px;  position:fixed; top:0px; left:0px;  -webkit-transition: all 0.3s;transition: all 0.3s;
z-index:80; background:#fff; border-bottom:1px solid #ddd;}
	#header h1 {float:left; overflow:hidden;   text-align:center;    -webkit-transition: all 0.3s;transition: all 0.3s;
	z-index:90;width:10%;line-height:68px !important;  height:68px !important;  position:absolute; top:0px; left:0px;  z-index:80;}
#header h1 img {width:80%; max-width:90px;   -webkit-transition: all 0.3s;transition: all 0.3s;  vertical-align:middle; line-height:68px !important;}

 /*    .fixheader  h1{ line-height:68px !important;  height:68px !important; }
    .fixheader h1 img {padding:0px !important; vertical-align:middle; line-height:68px !important;}
    
     */

.header {display:none;}
.open_mn {display:none;}

#gnb { position:relative; left:0 !important; width:100%; height:68px !important;  box-sizing:border-box;
background:#fff; z-index:20;}
#gnb li.mm1,#gnb li.mm2,
#gnb li.mm3, #gnb li.mm5,
#gnb li.mm4 {background:#0f449c;}

#gnb li.mm1 a,#gnb li.mm2 a,
#gnb li.mm3 a,#gnb li.mm5 a,
#gnb li.mm4 a {color:#fff; } 

 #gnb li.mm1:hover >  .sm {display:none !important;}
 #gnb li.mm2:hover >  .sm {display:none !important;}
 #gnb li.mm3:hover >  .sm {display:none !important;}
 #gnb li.mm4:hover >  .sm {display:none !important;}
 #gnb li.mm5:hover >  .sm {display:none !important;}





 #gnb .inr.ov .navi > li > a {}


#nav {position:relative; padding-left:10%;  width:100%; height:70px;  z-index:90; box-sizing:border-box;}
#nav h2 {display:none;}

.navi > li {float:left}
.navi > li > a {display:block; height:70px; font-size:17px; color:#222;  line-height:70px;  padding:0px 25px;
text-align:center; font-family:aritasB;}
.navi > li > a:hover,
.navi > li.ov > a {color:#0f449c; !important;}


.navi .sm { display:none;  position:absolute; padding-top:30px !important; overflow:Hidden; background:#fff;
top:68px; left:0; width:90%;  max-width:1500px;  height:226px; z-index:40;margin-left:auto; margin-right:auto;

box-sizing:border-box; margin-left:10%;

}

.navi .sm > div {position:absolute; width:27%; height:240px; top:0px;
padding-top:140px;  padding-right:30px;   
 box-sizing:border-box;text-align:right;}

/* 
 .mm1 > .sm > div {background:#eee url('/kor/img/com/bg0001.png')  no-repeat 90% 0px; }
 .mm2 > .sm > div {background:#eee url('/kor/img/com/bg0002.png')  no-repeat 90% 0px; }
 .mm3 > .sm > div {background:#eee url('/kor/img/com/bg0003.png')  no-repeat 90% 0px; }
 .mm4 > .sm > div {background:#eee url('/kor/img/com/bg0004.png')  no-repeat 90% 0px; } */
 .mm6 > .sm > div {background:#008cd0 url('/kor/img/com/bg0002.png')  no-repeat 90% 30px; }
 .mm7 > .sm > div {background:#008cd0 url('/kor/img/com/bg0004.png')  no-repeat 90% 30px; }
 .mm8 > .sm > div {background:#008cd0 url('/kor/img/com/bg0005.png')  no-repeat 90% 30px; }




.navi .sm > div p {font-size:21px; letter-spacing:-0.06em; color:#fff;}
.navi .sm > div span {display:inline-block; margin-top:7px; font-weight:normal;font-size:16px;
font-weight:400; letter-spacing:2; text-transform:uppercase; color:#fff; opacity:0.5;}

.navi .sm > ul {float:right; width:70%; box-sizing:border-box; }
.navi .sm > ul > li {float:left; width:29%; margin-top:13px; margin-left:2.7%;}
.navi .sm > ul > li > a {display:block; height:42px; padding-top:12px; font-size:16px; color:#222; border-bottom:1px solid #333;}
.navi .sm > ul > li > a[target="_blank"] {background:url('/kor/images/common/blank_1.png') no-repeat right center;}
.navi .sm > ul > li > a:focus,
.navi .sm > ul > li > a:hover,
.navi .sm > ul > li.ov > a,
.navi .sm > ul > li.on > a {color:#008cd0; border-color:#008cd0; background:url('/kor/img/com/bullet.png') no-repeat right center;}
.navi .sm > ul > li.ov > a[target="_blank"]:hover,
.navi .sm > ul > li > a[target="_blank"]:hover {background-image:url('/images/common/blank_2.png') !important;}
.navi .sm > ul > li > ul {display:none;}

.web #blind {width:100%; padding-left:10%; }


.tnb {position:absolute; top:25px; right:70px;  overflow:hidden;   z-index:29; }
	.tnb li a{font-size:19px; color:#000; display:block; padding:0px 7px; text-transform:uppercase; line-height:20px; }


.allmenu {position:absolute; top:25px; right:10px;  cursor:pointer; z-index:29;}
.allmenu  a{ background:#fff url('/kor/img/main/icon_list.png') no-repeat top left; display:inline-block; width:40px; height:30px; }


















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

.window .sm div {display:none;}

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

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


.window li  a{float:left; width:280px; font-size:17px; line-height:21px; background:#0f449c; padding:10px 20px;
color:#fff; box-sizing:border-box; font-family:aritaSB; }


.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; padding:12px 7px !important;}
	.window .sub_menu li a{display:block; font-size:15px;  width:auto !important; padding:0px 2px !important; 
	line-height:20px; font-weight:300; color:#333;  width: auto !important; background:#fff;}

.window .sm {overflow:hidden;float:right; width:480px; box-sizing:border-box; padding: 0px 10px ;}

.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;}





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


.window2 .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;}
	.window2 .btn_close i {line-height:40px; font-size:22px;}

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

.window2 h3 {font-size:17px; 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:30px; line-height:63px; color:#1024a1; 
border-bottom:1px dotted #bbb; margin-bottom:30px; margin-top:-20px;}



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


.product_tab {text-align:center; height:100px; width:100%; overflow:hidden;}
.product_tab dl {display:inline-block;  width:49%;   box-sizing:border-box; margin-left:-3px;
padding:20px 40px; cursor:pointer;height:100px;  }

	.product_tab dt { font-size:24px; padding-bottom:4px; text-transform:uppercase; line-height:33px; text-align:left; font-family:aritasb;}
	.product_tab  dt sup{font-size:10px;  margin-right:10px; display:inline-block; margin-top:-10px; text-align:left;}
	.product_tab  dd { font-size:16px; line-height:20px; opacity:0.7;  text-transform:uppercase; text-align:left;}

	.product_tab dl dt{color:#eee; }
	.product_tab dt sup{color:#eee;}
	.product_tab dd {color:#eee;}


.product_tab dl.on { border:5px solid rgba(0,0,0,0.3); border-bottom:0px !important; margin-top:0px; }
	.product_tab dl.on dt {color:#fff; }
	.product_tab dl.on dt sup{color:#fff;}
	.product_tab dl.on  dd {color:#fff;}

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


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

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






/******************************************************************이전것*/




















/* **************************************** *
 *  tb_base2
 * **************************************** */

.tb_base2{border-top:2px solid #222;  margin:8px 0 15px 0; border-collapse:collapse; width:100%; margin-top:40px;    border-top:2px solid #bbb;
border-right:1px solid #ddd;
}
	.tb_base2 thead th {background:#777; text-align:center; color:#fff;    font-weight:bold; border-left:1px solid #444 !important;
	 padding-top:15px; padding-bottom:15px; border-bottom:1px solid #222;  font-size:15px;
	 }


.tb_base2 tbody th { text-align:center; background:#f7f7f7;}


.tb_base2 tbody th, .tb_base2 tbody td {border-bottom:1px solid #ddd; 
border-left:1px solid #ddd;  	font-size:15px !important; box-sizing:border-box;   }

	.tb_base2 tbody td { color:#555;  border-bottom:1px solid #ddd; 
padding:15px 10px;}


	.tb_base2 tbody td div {min-height:120px; overflow:hidden;}
	.tb_base2 tbody td div a {color:#666;}

.mobile_show, .desktop_none {display:none;}






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

/* snb */
.snb {width:100%; overflow:hidden; } 
 .subbg01 {background:url('/kor/nimg/main/visual.jpg') no-repeat center -440px; background-size:cover;}

	 .snb .wrap_inner {background:rgba(27, 34, 49,0.7); width:100%; height:100%; padding-bottom:30px;  padding-top:115px; box-sizing:border-box;}

.snb  dl {overflow:hidden;  padding-left:170px; box-sizing:border-box;}
	.snb  dl dt {font-size:32px; line-height:40px; border-right:1px solid #ccc; padding-right:30px;  margin-right:15px;
	overflow:hidden; float:left; color:#fff ;  font-family:aritaB;  }
	.snb  dl dd{float:left; overflow:hidden; }
	.snb  dl dd a{display:block; line-height:40px; font-size:17px; color:#ddd; padding:0px 20px; font-family:aritasB; opacity:0.7;  -webkit-transition: all 2s;transition: all 2s; }
	.snb  dl dd.on a{ opacity:1; color:#27c7df; font-family:aritaB;}

.snb  dl dd a:hover {opacity:0.9;}



h2.sub_tit {overflow:hidden; width:100%; text-align:center; color:#000; font-size:45px; 
font-family:aritasB; line-height:120px; letter-spacing:-1px;  }
.sub_contents_area {overflow:hidden; width:100%; min-height:400px; padding-bottom:60px;}



/*under_construction */

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




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

 .greeting_area {overflow:hidden; width:100%; margin-bottom:-60px; padding-bottom:60px;
 
 }
	 .greeting_area .img_txt {overflow:hidden; width:100%; background:url('/kor/images/sub/greeting_bg.jpg') no-repeat center center; 
	 padding:37px 0px; margin-bottom:30px;}
	 .greeting_area .img_txt div {overflow:hidden; padding-left:50px; box-sizing:border-box; color:#fff;  font-family:aritasB; font-size:24px; 
	 line-height:39px; letter-spacing:-1px;}

 .greeting_area .width_area div {display:inline-block; width:48%; box-sizing:border-box; padding:10px 0px;}
 .greeting_area  p {padding:10px 0px; overflow:hidden; font-size:17px; line-height:30px; color:#333;}


 .greeting_area .width_area  {  }

 .greeting_area  .sign {overflow:hidden;}
	 .greeting_area  .sign dt{overflow:hidden; float:left;  font-family:aritaB; padding-right:20px;
	 text-transform:uppercase; color:#000; font-size:17px; line-height:90px;}
	 .greeting_area  .sign dd{overflow:hidden; float:left;  line-height:80px; font-family: 'East Sea Dokdo', cursive; 
	 letter-spacing:3px; font-size:50px; color:#000;}





/* **************************************** *
 *  연구소
 * **************************************** */
.Research-Institute {width:100%; background:url('/kor/images/sub/sub02bg.jpg') no-repeat top right; overflow:hidden; padding:30px 0px;
margin-bottom:-60px;}

	.Research-Institute .tit {overflow:Hidden; width:100%; padding-bottom:30px;}
		.Research-Institute .tit dt {overflow:Hidden; color:#114498;  font-size:47px; line-height:52px; font-weight:800; letter-spacing:-1px;}
		.Research-Institute .tit dd {overflow:Hidden; color:#000;  font-size:20px; line-height:26px; font-family:aritasB;  padding-top:40px;}
		.Research-Institute .tit dd p.line {width:100px; height:2px; overflow:Hidden; background:#114498; margin-top:40px;}



.Research-Institute .chap_inner {overflow:hidden; float:left; width:50%; padding-top:70px; padding-bottom:50px;}
.Research-Institute .chap_inner p {font-size:16px; line-height:28px; margin-top:30px;}



/* **************************************** *
 *  product_list
 * **************************************** */
.product_list {/* text-align:center; */}
	.product_list div {display:inline-block; overflow:hidden; width:30%;background:#e9e9e9; text-align:center;
	margin:30px 1.5%; position:relative; cursor:pointer; }
	.product_list div img{width:80%; margin-top:-30px;}
	.product_list div dl{width:100%;-webkit-transition: all 2s;transition: all 1s;   box-sizing:border-box; height:110px;
	background:rgba(0,0,0,0.5); box-sizing:border-box; padding:20px 40px; position:absolute; bottom:-40px; left:0px; overflow:hidden;}

.product_list div dl dt {color:#fff; font-size:25px; letter-spacing:-1px; line-height:32px; 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:0px;}
.product_list div dl dd a:hover > img {opacity:1;}






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


#img_thum {overflow:hidden; width:150px; float:left;  overflow:hidden;}
	#img_thum li  {overflow:hidden; width:85%; box-sizing:border-box;  margin-bottom:16px; 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 {float:left; overflow:hidden; width:480px; box-sizing:border-box;  }
	.product_view .img_big img {width:97%; border:1px solid #ddd; }


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






.product_view {padding-top:40px;}

.product_view .desc_inner {font-size:16px; line-height:27px; color:#333;  padding-bottom:10px;}

.product_view .desc {overflow:hidden; width:50%; float:right;}
.product_view .desc dl {overflow:hidden; ; padding-bottom:10px;}
	.product_view .desc dl dt {overflow:hidden; font-size:33px; color:#000; line-height:40px;}
	.product_view .desc dl dd {overflow:hidden; font-size:20px; color:#777; line-height:30px;  }





.spec {overflow:hidden; width:100%; max-width:1500px; margin-left:auto;margin-right:auto; 
box-sizing:border-box;}
.spec h3 {color:#000; font-size:40px; font-FAMILY:aritaSB;  line-height:44px; float:left; overflow:hidden;  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{float:left; overflow:hidden; font-size:17px !important; padding:10px 0px 10px 15px !important;
	font-family: 'Montserrat'; line-height:20px !important; width:50%; box-sizing:border-box !important; font-weight:500;}
		.spec div dl dd{float:right; overflow:hidden;  font-size:17px !important;  font-FAMILY:arita; line-height:20px !important;
		padding:10px 10px !important;
		color:#666; box-sizing:border-box; width:50%;  font-weight:300;  box-sizing:border-box !important;}



.spec div h4 {color:#418fc6; font-size:23px; font-FAMILY:aritaSB;  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:13px; line-height:20px;}

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

.spec div table tr th:nth-child(1) {max-width:100px; width:100px;}







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


.history_wrap { overflow:hidden; position:relative; padding:30px 0px 160px 0px;; margin-bottom:-70px;
background:url('/kor/images/sub/history_bg.gif') no-repeat bottom right; background-size:auto 30% ; 
}
	.history_wrap div.inner {width:50.8%;   position:relative; box-sizing:border-box; padding:0px 3%; float:left; clear:both;
	background:url('/kor/nimg/com/line1.jpg') no-repeat;  padding-top:20px; background-size: 69px 2px; 
	
	}



.history_wrap div.inner {background:url('/kor/images/sub/roll.png') no-repeat;}

	.history_wrap div.inner:nth-child(2n-1) { background-position: right 35px;}
	.history_wrap div.inner:nth-child(2n) {float:right; background-position: left 35px;}


.history_wrap div.inner h2 {font-size:37px; line-height:50px;  width:300px; color:#295ea4; opacity:0.8;}

.history_wrap div.inner:nth-child(2n-1) h2 {text-align:right;  float:right;}
.history_wrap div.inner:nth-child(2n-1) P {overflow:hidden; float:right; clear:both;}
	.history_wrap div p {overflow:hidden; font-size:16px; color:#777;  line-height:20px; 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:49.9%;}


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

.flow_chart {text-align:center; padding:40px 0px 90px 0px;}
.flow_chart img{width:96%; max-width:1000px; }

.flow_chart_mobile {display:none;}


/* **************************************** *
 * global_network 
 * **************************************** */
.global_network {text-align:center;}
.global_network p {overflow:hidden; width:67%; float:left;}
.global_network p img {width:94%;}
.global_network  div {float:right; width:33%; box-sizing:border-box;}
.global_network dl { width:100%; margin:0px 10px; overflow:hidden;  padding:30px 30px; box-sizing:border-box;
border-top:3px solid #222; border-bottom:1px solid #222;}
.global_network dl dt {float:left; overflow:hidden; font-size:20px; color:#000; font-family:aritaB;  width:45% ; box-sizing:border-box; border-right:1px solid #ccc; padding-right:20px;}
.global_network dl dd {float:right; overflow:hidden; font-size:20px; padding-left:20px;  width:55%; box-sizing:border-box;}

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




/* **************************************** *
 * global_network 
 * **************************************** */




#map {width:100%; height:500px; margin-bottom:30px;}

.location  {text-align:center; overflow:hidden; width:100%;}
.location  dl {overflow:Hidden; display:inline-block; width:43%; box-sizing:border-box; padding:30px 40px;
overflow:hidden;  margin:10px 10px; box-sizing:border-box; height:260px;}
.location  dl dt  i {line-height:80px; padding-right:10px; font-size:18px;}
.location  dl dt {text-align:center; line-height:80px; font-size:22px; color:#000; font-family:aritasb; border-bottom:1px solid #ddd;}
.location  dl dd {padding-top:40px; text-align:center; color:#444; font-size:15px; line-height:24px; height:90px;}



.location  dl:nth-child(1),  .location  dl:nth-child(4) {background:#fff; border:7px solid #ddd;}
.location  dl:nth-child(2), .location  dl:nth-child(3) {background:#f7f7f7; }



/* **************************************** *
 * company_info
 * **************************************** */
.company_info {overflow:hidden; width:100%; background:url('/kor/images/sub/sbg01.png') no-repeat  100% 40px;}

.company_info .chart {overflow:hidden; text-align:center; padding-top:40px; padding-bottom:90px; }
.company_info .chart img {max-width:700px; width:80%;}


	.company_info dl {overflow:hidden; width:100%;}
	.company_info dl dt {overflow:hidden; width:100%; text-align:center; font-size:36px; 
	line-height:47px; font-family:aritaSB; 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:18px; line-height:30px; padding-top:10px;}


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

.search_form select, .search_form input {line-height:40px; height:40px; padding:0px 10px;}
.search_form select {width:100px;
-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; /* 네이티브 외형 감추기 */
background:#fff url('/images/sub/select_bg.jpg') no-repeat 90% center;
 text-indent: 0.01px;
    text-overflow: "";
}
.search_form input:first-child {width:500px;}

.search_form .btn_ty1 {background:#0060bf; line-height:40px; font-family:aritasb; color:#fff; text-align:center; 
width:150px; border:none !important; font-size:16px;}




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


 .contact {overflow:hidden; width:100%; padding-bottom:60px; margin-bottom:-60px;
 background:url('/kor/images/sub/bgimg.png') no-repeat right top; background-size:cover  ;  }
 .contact  h2 {  padding-top:150px; padding-bottom:120px; font-family:aritaL;  }
	 .contact  h2 STRONG {font-family:aritaSB; }
 .contact  h2,  .contact  h2 STRONG {font-size:27px; color:#fff;  line-height:40px;text-shadow:2px 2px 3px #203b57;}


 .contact .inner { }

 .contact .inner  dl {background:#f4f4f4;  padding:60px 50px; box-sizing:border-box;
 overflow:hidden; width:30%; display:inline-block; margin-right:20px; min-width:270px; }

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

 .contact .inner  dl dt,   .contact .inner  dl dt span   {font-size:23px; line-height:80px;}
 .contact .inner  dl dd{font-size:20px; line-height:26px; padding-top:10px;}


/* **************************************** *
 *  tech_important_list
 * **************************************** */
/* 
.tech_important_list {overflow:Hidden; text-align:center;}

.tech_important_list div { width:100%; padding:50px 20px;  background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box; text-align:center;
border-top:1px solid #ddd; overflow:hidden;  display:inline-block; width:40%; margin:30px; text-align:center;}

.tech_important_list div h3 {font-size:22px; line-height:29px; color:#295ea4;   padding-bottom:10px; }

.tech_important_list div .linner {width:70%; background:linear-gradient(to right, #0a8dd1 , #01a0e2 , #28b48f , #1268b5 , #28419a , #1b559f);
height:3px; display:inline-block; margin-top:20px; margin-bottom:20px;}


	.tech_important_list div h3 p {width:50%;  text-align:center; line-height:46px; margin-right:10px; font-size:16px;
	opacity:0.9; background:#295ea4; color:#fff;  margin-bottom:30px; width:70%; margin-left:15%; 
	
	}

.tech_important_list div li {font-size:16px; line-height:23px; color:#333; display:inline-block; padding:0px 5px;}


 */


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

.tech_important_list .accordionItem h3 p{display:inline-block;/*  background:#777; color:#fff; width:340px; */  color:#666; 
font-size:16px; line-height:47px;  font-family:aritaT;
padding:0px 10px;text-align:center;}


.tech_important_list .accordionItem h3 br {display:none;}
.tech_important_list .accordionItem h3 {font-size:20px; line-height:47px; padding-top:20px; }






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

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

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


.tech_important_list .close h3 {font-family:aritaT;}



.tech_important_list .accordionItemHeading{
    cursor:pointer;
    margin:0px 0px 10px 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: 20px; margin-top:20px;
    border: 1px solid #ddd; background:#f7f7f7;
    width: 98%; padding:20px 40px; 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:18px; color:#000;}



.tech_important_list .open .accordionItemHeading{
  
}

.tech_important_list  {background:#fff;}

.tech_top {background:url('/kor/nimg/com/exp.png') no-repeat top right; width:100%; background-size:auto 30%;
padding-top:30px;}

.tech_top  h4 {font-size:76px; /* font-family:'Montserrat'; */
font-family:aritaT;
text-transform:uppercase; line-height:90px; font-weight:400; letter-spacing:31px; color:#bbb;}
.tech_top  h4:nth-child(2) {margin-left:240px;}

.tech_top .stit { color:#000; font-size:33px; line-height:60px; font-family:aritaL; padding-top:20px; padding-bottom:20px; 
text-shadow:3px -3px 1px #fff;}

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



.tech_top  h5 {font-size:16px; line-height:27px;font-family:aritaT; color:#888; text-shadow:3px 1px 1px #fff; }
.tech_top .titarea2 {padding-top:10px; padding-bottom:50px;}





/* **************************************** *
 *  prize
 * **************************************** */
.prize {overflow:hidden; width:100%; text-align:center; background:url('/kor/nimg/sub/spb01.png') no-repeat 32% -240px;
background-size: 2200px auto ;}

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

.prize .inner {}
 	.prize .inner dl{ overflow:hidden; margin:10px 2%; display:inline-block; width:260px;}
	.prize .inner dt{ overflow:hidden; box-sizing:border-box; width:100%; text-align:center; padding-bottom:30px;}
	.prize .inner dt img{ width:220px;
	    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-family:aritasb; }
	.prize .inner dd {font-size:16px; font-family:aritaL; line-height:24px; color:#000; min-height:80px;}


.prize .inner:nth-child(6), .prize .inner:nth-child(7){ width:400px; display:inline-block; }


.prize  h4 {font-size:76px; /* font-family:'Montserrat'; */
font-family:aritaT;
text-transform:uppercase; line-height:90px; font-weight:400; letter-spacing:31px; color:#bbb;}
.prize  h4:nth-child(2) {margin-left:120px;}

.prize .stit { color:#000; font-size:33px; line-height:60px; font-family:aritaL; padding-top:20px; padding-bottom:20px; 
text-shadow:3px -3px 1px #fff;}

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

.prize  h5 {font-size:16px; line-height:27px;font-family:aritaT; color:#888; text-shadow:3px 1px 1px #fff; }
 .prize .titarea2 {padding-top:10px; padding-bottom:10px; text-align:left;}



/* **************************************** *
 *  reserach_inst
 * **************************************** */
.reserach_inst{background:url('/kor/images/sub/sub02bg.jpg') no-repeat top right;}
.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;   display:inline-block; margin:30px 30px;  }
	.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:23px; color:#000; line-height:31px;}
		.reserach_inst  .desc div dl.txt dd {font-size:16px; color:#888; line-height:28px; padding-top:20px; overflow:hidden; padding-bottom:30px;}



.reserach_inst  .desc div:nth-child(2n) {float:right; padding-left:17%; min-width:37%;}
.reserach_inst  .desc div:nth-child(2n-1) {float:left; padding-left:5%;  min-width:51%;}


.reserach_inst  .desc div:nth-child(2) {margin-top:-740px;}
.reserach_inst  .desc div:nth-child(3) {margin-top:-100px; }



	.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:70px;}
	.reserach_inst  .desc div dl.img dt img{width:400px; 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:400px; position:absolute; ; height:80%; z-index:8; }




	.reserach_inst  .desc div:nth-child(1) dl.img dd {background:url('/kor/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('/kor/nimg/com/bg001.png') no-repeat top left; top:-30px; left:-5%; }
	.reserach_inst  .desc div:nth-child(3) dl.img dd {background:url('/kor/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:23px; line-height:70px; background:#efefef; color:#000; font-family:aritasb; padding-left:30px; border-bottom:1px solid #222;}


.reserach_inst .table_cell dl {border-bottom:1px solid #bbb; width:50%; overflow:hidden; float:left; box-sizing:border-box;}
	.reserach_inst .table_cell dl dt {float:left; width:40%; font-size:17px; line-height:35px; box-sizing:border-box;
	margin:20px 0px; color:#000; font-family:aritasb; padding-left:30px; border-right:1px solid #ddd;}
	.reserach_inst .table_cell dl dd {float:right; width:50%;font-size:17px;  line-height:35px;margin:20px 0px; color:#333; box-sizing:border-box;}


/* **************************************** *
 *  vr-home
 * **************************************** */
.vr-home {overflow:hidden; padding-top:60px; }
.vr-home iframe {width:500px; height:650px; overflow:hidden; margin-left:auto; margin-right:auto;
 display:block;}


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


a.btnst011 {display:inline-block; font-size:18px; line-height:63px; padding:0px 30px 0px 76px; border-radius:2px;
color:#fff; margin-bottom:30px; background:#4274c5 url('/images/sub/vr.png') no-repeat  15px 7px; 
background-size:auto 42px; font-family:aritaSB; border-bottom:4px solid rgba(0,0,0,0.3);}