@charset "utf-8";
@media screen and (-webkit-min-device-pixel-ratio:0){
	.crbold
	{font-weight:bold !important;}
}

#skip a{
position:absolute;
width:100%;
top:-9999px;z-index:9999;
display:block;text-align:center;
font-size:16px;font-weight:600;
background:#333;color:#fff;
}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}

#wrap{overflow: hidden;min-width:1200px;max-width:1920px;margin: 0 auto;}
#wrap .inner{position: relative;width: 1200px;margin: 0 auto;}

/*** HEADER ***/
#header{position: relative;width: 100%;height: 90px;background: #fff;z-index:1000;}
#header .inner{height: 90px;}
#header h1{position: absolute;top:30px;left:5px;}
#header .bg{display: none;position: absolute;width: 1200px;height: 203px;top:90px;left:50%;margin-left: -600px;background: url(/kor/images/gnb-bg.png) no-repeat;
z-index:100;border-top:1px solid #33b5c5;}
#tnb{text-align: right;font-size: 0;}
#tnb li{display: inline-block;vertical-align: top;}
#tnb li.li01 a{background: #0080bf;}
#tnb li.li02 a{background: #667b96;}
#tnb li.li03 a{background: #9fa3a6;}
#tnb li a{display: block;width: 82px;height: 25px;line-height: 25px;font-size: 13px;color: #fff;text-align: center;}
#gnb{text-align: right;}
#gnb > li{
display: inline-block;vertical-align: top;position: relative;width: 150px;margin: 0 25px;text-align: center;
transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
#gnb > li:first-child{margin-left: 0;}
#gnb > li > a{display: block;font-size: 19px;height: 61px;line-height: 61px;color: #353535;font-family: ngb;}
#gnb > li.active > a,
#gnb > li:hover > a{color: #004ea2;transition:0.3s;}
#gnb > li:after{display:block;content:''; width:0;height: 4px;margin: 0 auto;background: #2eb3c2;}
#gnb > li.active:after,
#gnb > li:hover:after{width: 100%;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
#gnb > li ul{position: absolute;top:65px;left:50%;margin-left: -75px;width: 150px;height: 178px;z-index:200;display: none;padding-top: 25px;}
#gnb > li.active ul,
#gnb > li:hover ul{z-index:210;}
#gnb > li ul li:first-child{border-top: 0;}
#gnb > li ul li a{display: block;margin-bottom: 13px;text-align: center;font-size: 16px;color: #$header;}
#gnb > li ul li.active a,
#gnb > li ul li:hover a{color: #004ea2;font-family: ngb;}

/*** MAIN ***/
#visual{position: relative;height: 554px;}
#visual .roll li{width: 100%;height: 554px;}
#visual .roll li dl{width: 1200px;margin: 0 auto;margin-top: 105px;letter-spacing: -0.08em;font-family: ntr;}
#visual .roll li dt{font-size: 44px;line-height: 46px;color: #135da1;margin-top: -100px;margin-bottom: 20px;opacity: 0;}
#visual .roll li dt strong{display: block;font-weight: normal;font-family: ntb;margin-top: 15px;font-size: 50px;}
#visual .roll li dd{font-size: 23px;line-height: 30px;letter-spacing: -0.04em;margin-top: 60px;color: #4f4f4f;opacity: 0;}
#visual .roll li dd a{display: block;margin-top: 35px;background: url(/kor/images/visual-btn.png) no-repeat;width: 200px;height: 39px;line-height: 39px;letter-spacing: -0.03em;
font-size: 16px;color: #fff;text-align: center;opacity: 0;}
#visual .roll li dd a span{padding-right: 8px;}
#visual .bx-controls-direction a{display: block; width: 39px;height: 78px;position: absolute;top: 50%;margin-top: -20px;z-index: 100; text-indent: -9999px;}
#visual .bx-controls-direction a.bx-prev{left:50%;margin-left: -740px;background: url(/kor/images/vis_prev.png) no-repeat;}
#visual .bx-controls-direction a.bx-next{right:50%;margin-right: -740px;background: url(/kor/images/vis_next.png) no-repeat;}
@media screen and (max-width:1400px){
	#visual .bx-controls-direction a.bx-prev{left:15px;margin-left: 0;}
	#visual .bx-controls-direction a.bx-next{right:15px;margin-right: 0;}
}
#mainContent .inner{height: 175px;padding-top: 45px;font-size: 0;}
#mainContent .inner > div{overflow: hidden;display: inline-block;vertical-align: top;height: 145px;}
#mainContent .notice{width: 425px;}
#mainContent .service{width: 475px;}
#mainContent .customer{width: 300px;}
#mainContent .tit{font-size: 20px;margin-bottom: 20px;color: #4b4b4b;font-family: ngb;}
#mainContent .notice li{position: relative;width: 350px;margin-bottom: 8px;}
#mainContent .notice li a{display: block;}
#mainContent .notice li p,
#mainContent .notice li span{height: 17px;line-height: 17px;}
#mainContent .notice li p{font-size: 15px;color: #898989;padding-left: 13px;background: url(/kor/images/blue-front.jpg) no-repeat center left;
width: 240px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
#mainContent .notice li span{position: absolute;top:0;right:0;font-size: 14px;color: #898989;}
#mainContent .service ul{font-size: 0;}
#mainContent .service ul li{position: relative;display: inline-block;vertical-align: top;width: 72px;margin-left: 11px;text-align: center;}
#mainContent .service ul li:first-child{margin-left: 0;}
#mainContent .service ul li a{position: absolute;top:0;left:0;display: block;width: 100%;height: 100%;}
#mainContent .service ul li:hover p{color: #000;}
#mainContent .service ul li p{font-size: 14px;font-family: ngb;color: #757575;margin-top: 12px;}
#mainContent .customer{overflow: visible  !important;}
#mainContent .customer .tit{margin-bottom: 15px;}
#mainContent .customer dt{font-family: ngb;color: #626262;}
#mainContent .customer dt p.tel{font-size: 25px;height: 33px;line-height: 33px;padding-left: 48px;background: url(/kor/images/mtel_front.jpg) no-repeat center left;margin-bottom: 5px;}
#mainContent .customer dt p.email{font-size: 25px;padding-left: 48px;background: url(/kor/images/memail_front.jpg) no-repeat center left;}
#mainContent .customer dd{font-size: 15px;line-height: 20px;margin-top: 15px;}


/*** SUB ***/
#subVisual{overflow: hidden;height: 231px;font-family: ntr;}
#subVisual dl{margin-top: 45px;}
#subVisual dt{font-size: 40px;line-height: 42px;color: #135da1;letter-spacing: -0.08em;}
#subVisual dt strong{font-family: ntb;margin-top: 5px;}
#subVisual dd{margin-top: 15px;font-size: 20px;color: #4f4f4f;}
#location{height: 39px;background: #f9f9f9;border-bottom:1px solid #ddd;}
#location ul{font-size: 0;text-align: right;}
#location ul li{display: inline-block;vertical-align: top;height: 39px;line-height: 39px;font-size: 13px;color: #424242;background: url(/kor/images/loc_arrow.jpg) no-repeat center left;padding-left: 16px;margin-left: 12px;}
#location ul li:first-child{margin-left: 0;padding-left: 0;background: none;}
#sub{overflow: hidden;width: 1200px;margin: 0 auto;padding-bottom: 90px;background: url(/kor/images/aside_line.gif) repeat-y;}
#sub:after{display: block;content: '';clear: both;}
#aside,
#content{float: left;}
#aside{width: 253px;background: #fff;border:1px solid #e2e2e2;border-top:0;border-bottom:0;}
#aside .asideTit{height: 150px;text-align: center;background: #2676b1;font-size: 0;}
#aside .asideTit:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#aside .asideTit dl{display: inline-block;vertical-align: middle;color: #fff;}
#aside .asideTit dt{font-size: 32px;font-family: ngb;margin-bottom: 8px;}
#aside .asideTit dd{font-size: 14px;margin-top: 10px;}
#aside > ul > li > a{display: block;padding: 15px 20px;font-size: 17px;color: #4b4b4b;/* border-top:1px solid #e2e2e2; */border-bottom:1px solid #e2e2e2;font-family: ngb;}
#aside > ul > li:first-child > a{border-top:0;}
#aside > ul > li.active > a,
#aside > ul > li:hover > a{color: #2676b1;background:#f0f0f0;}
#aside > ul > li ul li{border-top:1px dashed #eaeaea;}
#aside > ul > li ul li:first-child{border:0;}
#aside > ul > li ul li a{display: block;font-size: 15px;color: #7f7f7f;padding: 10px 0;padding-left: 33px;background: url(/kor/images/depth3-front.jpg) no-repeat 24px 50%;}
#aside > ul > li ul li.active a,
#aside > ul > li ul li:hover a{background: url(/kor/images/depth3-front-active.jpg) no-repeat 24px 50%;color: #2676b1;}
#aside .bottom{margin-top: 30px;}
#aside .bottom dl{padding: 15px 25px;}
#aside .bottom dt{height: 34px;line-height: 34px;padding-left: 42px;font-size: 18px;font-family: ngb;}
#aside .bottom dd{font-size: 14px;line-height: 20px;color: #606060;}
#aside .customer{background: #f2f8fc;}
#aside .customer dt{background: url(/kor/images/lnb_tel.jpg) no-repeat center left;}
#aside .customer dd strong{display: block;font-size: 28px;color: #1986c1;margin: 10px 0;}
#aside .product{background: #cce4f2;}
#aside .product dt{background: url(/kor/images/lnb_product.jpg) no-repeat center left;}
#aside .product dd{margin-top: 10px;}
#content{width: 895px;margin-left: 50px;margin-top: 50px;}
h3.conTit{height: 60px;font-size: 30px;font-family: ngb;color: #363636;}

/* LIST */
.tabTypeA{font-size: 0;border-bottom:1px solid #008ec5;margin-left: -2px;margin-bottom: 20px;}
.tabTypeA li{display: inline-block;vertical-align: top;width: 50%;border:1px solid #d7d7d7;border-bottom:0;margin-left: -2px;}
.tabTypeA li a{display: block;padding: 12px 0;text-align: center;font-size: 16px;color: #474747;background: #ebebeb;}
.tabTypeA li.active a,
.tabTypeA li:hover a{background: #198acc;color: #fff;border-color:#198acc;}

.productList{font-size: 0;margin-top: 1px;margin-left: 1px;}
.productList li{
	display: inline-block;vertical-align: top;
	position: relative;overflow: hidden;
	width: 297px;height: 286px;
	text-align: center;
	border:1px solid #ddd;margin-left: -1px;margin-top: -1px;
}
.productList li .ibox{display: block;height: 240px;line-height: 240px;}
.productList li > img{max-width:95%;}
.productList li .pHover{display: none;width: 100%;height: 100%;position: absolute;top:0;left:0;}
.productList li p.tit{font-size: 18px;font-family: ngb;color: #4b4b4b;text-align: center;padding: 0 10px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
/* VIEW */
.viewTopTab{font-size: 0;margin-bottom: 33px;}
.viewTopTab li{display: inline-block;vertical-align: top;text-align: center;width: 128.5px;height: 45px;margin-left: -1px;}
.viewTopTab li:first-child{margin-left: 0;}
.viewTopTab li.active a,
.viewTopTab li:hover a{background: #fff;color: #000;border-bottom:1px solid #fff;transition:0.3s;}
.viewTopTab li.active a span:after,
.viewTopTab li:hover a span:after{display: inline-block;content: '';width: 14px;height: 8px;background: url(/kor/images/viewtoptab_arrow.png) no-repeat;margin-left: 8px;transition:0.3s;}
.viewTopTab li a{display: block;height: 100%;line-height: 45px;font-size: 15px;background: #f3f3f3;border:1px solid #d7d7d7;border-top:1px solid #1f70ac;
font-family: ngb;color: #808080;}
.tCon{padding:25px;margin-bottom: 30px;border:1px solid #e0e0e0;}
.tCon > img{max-width:100%;}
.con1{position: relative;padding: 0 25px;padding-left: 392px;margin-bottom: 0;padding-right: 0;}
.con1 .ibox{overflow: hidden;position: absolute;top:0;left:0;width: 392px;height: 375px;line-height: 375px;text-align: center;}
.con1 .ibox img{max-width:95%;}
.con1 .txt{overflow: hidden;height: auto;min-height: 300px;padding: 50px 35px 25px 36px;border-left:1px solid #e0e0e0;}
.con1 .txt dt{font-size: 22px;font-family: ngb;color: #07649f;margin-bottom: 10px;}
.con1 .txt dd,
.con1 .txt dd p{font-size: 14px;line-height: 26px;}
.vbtWrap{height: 130px;font-size: 0;text-align: center;border:1px solid #e0e0e0;margin-top: -1px;}
.vbtWrap:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.viewBottomTab{display: inline-block;vertical-align: middle;}
.viewBottomTab li{display: inline-block;width: 210px;margin-left: -1px;background: #f2f8fc;}
.viewBottomTab li:first-child{margin-left: 0;}
.viewBottomTab li.active a,
.viewBottomTab li:hover a{background: #2676b1;transition:0.3s;}
.viewBottomTab li.active span,
.viewBottomTab li:hover span,
.viewBottomTab li.active span:after,
.viewBottomTab li:hover span:after{color: #fff;transition:0.3s;}
.viewBottomTab li a{display: block;height: 55px;line-height: 55px;border:1px solid #e0e0e0;text-align: center;}
.viewBottomTab li span{display: inline-block;font-size: 15px;color: #808080;font-family: ngb;}
.viewBottomTab li span:before{display: inline-block;vertical-align: middle;content: '';height: 25px;background-position: 50% 50% !important;margin-right: 8px;}
.viewBottomTab li span:after{display: inline-block;vertical-align: top;content: '>';font-size: 12px;margin-left: 8px;color: #808080;}
.viewBottomTab li.li01 span:before{background: url(/kor/images/vbt_front1.png) no-repeat;width: 18px;}
.viewBottomTab li.li01.active span:before,
.viewBottomTab li.li01:hover span:before{background: url(/kor/images/vbt_front_active1.png) no-repeat;width: 18px;}
.viewBottomTab li.li02 span:before{background: url(/kor/images/vbt_front2.png) no-repeat;width: 24px;}
.viewBottomTab li.li02.active span:before,
.viewBottomTab li.li02:hover span:before{background: url(/kor/images/vbt_front_active2.png) no-repeat;width: 24px;}
.viewBottomTab li.li03 span:before{background: url(/kor/images/vbt_front3.png) no-repeat;width: 28px;}
.viewBottomTab li.li03.active span:before,
.viewBottomTab li.li03:hover span:before{background: url(/kor/images/vbt_front_active3.png) no-repeat;width: 28px;}
.viewBottomTab li.li04 span:before{background: url(/kor/images/vbt_front4.png) no-repeat;width: 23px;}
.viewBottomTab li.li04.active span:before,
.viewBottomTab li.li04:hover span:before{background: url(/kor/images/vbt_front_active4.png) no-repeat;width: 23px;}


.__itemlist{font-size: 0;margin-left: -20px;margin-top: -20px;}
.__itemlist li{display: inline-block;vertical-align: top;margin-left: 20px;margin-top: 20px;}
.__itemlist li span{display: block;margin-top: 10px;font-size: 14px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}




.location {margin-top:30px;}
.location h4 {position:relative;padding:15px 0 10px;font-size:17px;font-weight:600;color:#333;}
.location h4:before {
	content:"";
	display:block;
	width:20px;
	height:2px;
	background:#2676b1;
	position:absolute;
	top:0;
	left:0;
}
.location table {width:100%;border-top:1px solid #2676b1;}
.location table th,
.location table td {padding:15px;font-size:14px;border-bottom:1px solid #ddd;}
.location table th {background:#f6f6f6;text-align:center;font-weight:600;width:150px;}

.view3Con{padding:25px;margin-bottom: 30px;border:1px solid #e0e0e0;}
.view3Con > img{max-width:100%;}


/*** FOOTER ***/
#footer{background: #414141;}
#footer .inner{overflow: hidden;width: 925px;padding-left: 275px;height: 140px;}
#footer .footerLogo{position: absolute;top:40px;left:0;}
#footer p{margin-top: 33px;color: #999;font-size: 13px;line-height: 26px;}
#footer .footerBtn{position: absolute;top:50%;right:0;margin-top: -22px;}
.sel-box{width: 175px;background: none;border:0;background: url(/kor/images/footer-btn-plus.jpg) no-repeat 130px 50%;border:1px solid #939598;text-align: left;}
.sel-box .sel-txt {
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
	text-indent:10px;
	position:relative;
	padding: 0 20px;
	height: 43px;line-height: 43px;
	
	color: #b7b9bc;
	z-index:0;
}
.sel-box .sel-op {
	position: absolute;
	top:0;
	left:0;;
	width: 100%;
	height:100%;
	font-size: 13px;
	color: #333;
	letter-spacing: -1px;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 1;
}