td {  FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; font-size: 8pt; line-height: 14pt ; color: #5C5C5C; text-decoration: none}

td A:link {COLOR: #5C5C5C; TEXT-DECORATION: none ;}

td A:visited {COLOR: #5C5C5C; TEXT-DECORATION: none ;}

td A:active {COLOR: #5C5C5C; TEXT-DECORATION: none  ;}

td A:hover {COLOR: #5C5C5C; text-decoration: underline; TEXT-DECORATION: none ; }



a.notice:link { color: #ffffff;}

a.notice:visited { color: #ffffff;}

a.notice:active { color: #ffffff ; text-decoration: none;}

a.notice:hover { color: #ffffff ;}


a.port:link { color: #297472;}

a.port:visited { color: #297472;}

a.port:active { color: #297472 ; text-decoration: none;}

a.port:hover { color: #297472 ;}



a.pro:link { color: #017610;}

a.pro:visited { color: #017610;}

a.pro:active { color: #017610 ; text-decoration: none;}

a.pro:hover { color: #017610 ;}




.form {

	font-family: "Arial", "Helvetica", "sans-serif";

	font-size: 8pt;

	line-height: 14pt;

	color: #666666;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #D3D3D3;

	border-right-color: #D3D3D3;

	border-bottom-color: #D3D3D3;

	border-left-color: #D3D3D3;

}
.notice {
	color: #ffffff;
}
.y {
	color: #055aa2;
	font-size: 20px;
	font-weight: bold;
}
.form2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 8pt;
	line-height: 14pt;
	color: #666666;
	border: 1px solid #FFFFFF;
}
.portfolio {
	color: #297472;
	font-weight: bold;
}
.portfolio_title {

	color: #297472;
	font-size: 18px;
	font-weight: bold;
}
.product {


	color: #42b64e;
	font-size: 20px;
	font-weight: bold;
}
.print {

	color: #5C5C5C;
	font-size: 13px;
	font-weight: normal;
}




/* 210127 추가 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; padding: 0px; margin: 0px;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}


.menu_box {background: url(../images/inc/menu_bg.png) no-repeat center;/* background-color: #00cccc; */height: 97px; }
.menu_box .logo_box {position: absolute;  width: 111px; height: 57px;  left: 40px;  top: 24px;  z-index: 1}
.menu_box .logo_box a {display:block; width:100%; height:100%;}
.menu_box ul {padding: 0px; margin: 0px;}
.menu_box ul li {display: inline-block;}
.menu_box .dep1_wrap {position: relative; padding: 40px 0 0 255px;}
.menu_box .dep1_wrap .dep1 {margin-right: 40px;}
.menu_box .dep1_wrap .dep1 > a {font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 12px; color: #fff; padding: 0 9px 9px 9px; display: inline-block; transition: all 0.3s;}
.menu_box .dep1_wrap .dep1:hover > a {color: #7fe5e5;}
.menu_box .dep2_wrap {position: absolute; opacity: 0; display: none; transition: all 0.3s; background-color: #008585; border-radius: 3px; padding: 0 5px;}
.menu_box .dep2_wrap.on {opacity: 1;}
.menu_box .dep1:nth-child(2) .dep2_wrap {left: 241px;}
.menu_box .dep1:nth-child(4) .dep2_wrap {left: 634px;}
.menu_box .dep2_wrap li {padding: 0 4px;}
.menu_box .dep2_wrap li a {font-family: 'Open Sans', sans-serif; font-size: 10px; font-weight: 600; color: #fff; transition: all 0.3s; padding: 2px 1px; display: inline-block; letter-spacing: -0.05em;}
.menu_box .dep2_wrap li a:hover {color: #000;}

.menu_box.sub_box {background: url(../images/inc/menu_bg.png) no-repeat 24px center;/* background-color: #00cccc; */height: 97px;  background-size: 945px;}
.menu_box.sub_box .dep1_wrap {padding:40px 0 0 280px;}
.menu_box.sub_box .logo_box {left: 54px;}


.banner_box {background: url(../images/inc/banner.png) no-repeat center; height: 62px; position: relative;}
.banner_box .bn_btn {width: 27px; height: 11px; position: absolute; top: 7px;}
.banner_box .bn_btn1 {left: 139px;}
.banner_box .bn_btn2 {left: 281px;}


.slide_box {width: 942px; height: 214px; position: relative;}
.slide_box .img_box {width: 942px; height: 214px;}
.slide_box .slide_wrap {position: absolute; width: 100%; height: 100%;  top: 0px; left: 0px;}


.sub_menu {background-color: #fff; padding: 6px 11px 11px;}
.sub_menu.sub1 ul {background-color: #2d76ae;}
.sub_menu.sub2 ul {background-color: #268a33;}
.sub_menu.sub3 {height: 194px;}
.sub_menu.sub3 ul {background-color: #2b7675;}
.sub_menu.sub4 {height: 194px;}
.sub_menu.sub4 ul {background-color: #8c6f39;}
.sub_menu.sub5 {height: 194px;}
.sub_menu.sub5 ul {background-color: #823220;}
.sub_menu.sub6 {height: 194px;}
.sub_menu.sub6 ul {background-color: #912653;}
.sub_menu ul {padding: 25px 10px; margin: 0px; list-style: none; border-radius: 10px;}
.sub_menu ul li {border-bottom: 1px solid #919191; padding: 0 15px;}
.sub_menu ul a {display: block;  font-family: 'Open Sans', sans-serif; font-weight: 600; padding: 2px 0; transition: all 0.2s;}
.sub_menu ul a:hover {color: #fff!important;}
.sub_menu.sub1 ul a {color: #81dfea;}
.sub_menu.sub2 ul a {color: #d4ec63;}
.sub_menu.sub3 ul a {color: #8beaca;}
.sub_menu.sub4 ul a {color: #feda99;}
.sub_menu.sub5 ul a {color: #fcecd9;}
.sub_menu.sub6 ul a {color: #f2b5e2;}
.sub_menu .title {font-family: 'Open Sans', sans-serif; color: #fff; font-size: 21px; font-weight: 700; padding: 0 5px 15px; border-bottom: none;}