<style type="text/css">

td {font-family:  "µ¸¿ò","±¼¸²";font-size: 12px;color: #555555;letter-spacing:-0.5px;}
table {font-family:  "µ¸¿ò","±¼¸²";font-size: 12px;color: #555555;letter-spacing:-0.5px;}

a:link {  font-family: "µ¸¿ò","±¼¸²"; font-size: 12px; color: #555555; text-decoration: none;onfocus:blur;}
a:visited {  font-family: "µ¸¿ò","±¼¸²"; font-size: 12px; color: #555555; text-decoration: none;onfocus:blur;}
a:hover {  font-family: "µ¸¿ò","±¼¸²"; font-size: 12px; color: #000000; text-decoration: none;onfocus:blur;}

select {
		font-family: "µ¸¿ò";
		background-color:#F7F7F2;
		font-size: 12px;
		line-height: 22px;
		color: #000000;
		padding-top:2;
		letter-spacing:-1px;
		height:22px;
		}

/* ½ºÅ©·Ñ¹Ù »ö±ò */
body {
        scrollbar-3dlight-color:#eeeeee;
	    scrollbar-arrow-color:#CFCFCF;
	    scrollbar-base-color:#CFCFCF;
	    scrollbar-darkshadow-color:#CFCFCF;
	    scrollbar-face-color:#eeeeee;
	    scrollbar-highlight-color:#FFFFFF;
	    scrollbar-shadow-color:#CFCFCF;
}

/****************¸µÅ©ºÎºÐ*****************/
/*´º½º¹×°øÁö*/
a.notice:link {  font-family: "µ¸¿ò","±¼¸²"; font-size: 11px; color: #555555; text-decoration: none;letter-spacing:0px;}
a.notice:visited {  font-family: "µ¸¿ò","±¼¸²"; font-size: 11px; color: #555555; text-decoration: none;letter-spacing:0px;}
a.notice:hover {  font-family: "µ¸¿ò","±¼¸²"; font-size: 11px; color: #000000; text-decoration: none;letter-spacing:0px;}

/*********** ÅØ½ºÆ®È¿°ú************/
/*³¯Â¥*/
.date{font-family: "µ¸¿ò", "±¼¸²";font-size:11px;color: #555555;text-decoration: none;;letter-spacing:0px;font-weight:bold;}


/* °Ë»ö */
.search{font-family: "µ¸¿ò"; font-size: 12px;color: #555555;padding:2 0 0 2;border-top: 1px solid #b7b7b7;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;border-left: 1px solid #b7b7b7;background-color: #FFFFFF;height:20px; }
/*TEXTAREA*/
.textarea1 {background-color: #FFFFFF;padding: 5px;	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: #b7b7b7;	border-right-color: #e0e0e0;	border-bottom-color: #e0e0e0;	border-left-color: #b7b7b7;	font-family: "µ¸¿ò";	font-size: 12px;	line-height: 20px;	color: #555555;	text-decoration: none;}


/* 210308 Ãß°¡ */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;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(../img/new/header_bg.jpg) no-repeat left center; padding-left: 290px; position: relative; height: 73px; width: 950px; box-sizing: border-box;}
.logo {position: absolute; left: 50px; top: 14px;}
.logo a {display: block; width: 159px; height: 30px;}
.menu_box ul {padding: 0; margin: 0px;}
.menu_box li {list-style: none; display: inline-block;}
.menu_box li a {font-family: 'Nanum Gothic', sans-serif;}
.menu_box .dep1_wrap {padding: 20px 0 0; position: relative;}
.menu_box .dep1 {width: 128px; text-align: center; line-height: 14px; border-right: 1px solid #cccccc; padding: 0 8px; box-sizing: border-box;}
.menu_box .dep1:last-child {border-right: none;}
.menu_box .dep1 > a {font-size: 14px; color: #999999; font-weight: 700; padding: 0 0 13px; transition: all 0.3s;}
.menu_box .dep1:nth-child(1):hover > a {color: #ee1802;}
.menu_box .dep1:nth-child(2):hover > a {color: #fa4b06;}
.menu_box .dep1:nth-child(3):hover > a {color: #05abcf;}
.menu_box .dep1:nth-child(4):hover > a {color: #820dd5;}
.menu_box .dep1:nth-child(5):hover > a {color: #62a501;}
.menu_box .dep2_wrap {position: absolute; top: 43px; padding-top: 9px; display: none; opacity: 0; transition: all 0.3s; padding-bottom:8px;}
.menu_box .dep2_wrap.on {opacity: 1;}
.menu_box .dep1:nth-child(1) .dep2_wrap {left: 20px;}
.menu_box .dep1:nth-child(2) .dep2_wrap {left: 120px;}
.menu_box .dep1:nth-child(3) .dep2_wrap {left: 190px;}
.menu_box .dep1:nth-child(4) .dep2_wrap {left: 220px;}
.menu_box .dep1:nth-child(5) .dep2_wrap {left: 270px;}
.menu_box .dep2_wrap li {padding-right: 10px;}
.menu_box .dep2_wrap li:last-child {padding-right: 0px;}
.menu_box .dep2_wrap a {font-size: 11px; color: #a4a4a4; font-weight: 700; transition: all 0.3s; padding-right: 9px; display: block; line-height: 17px;}
.menu_box .dep1:nth-child(1) .dep2_wrap a:hover {background: #ee1802; color: #fff;}
.menu_box .dep1:nth-child(2) .dep2_wrap a:hover {background: #fa4b06; color: #fff;}
.menu_box .dep1:nth-child(3) .dep2_wrap a:hover {background: #05abcf; color: #fff;}
.menu_box .dep1:nth-child(4) .dep2_wrap a:hover {background: #820dd5; color: #fff;}
.menu_box .dep1:nth-child(5) .dep2_wrap a:hover {background: #62a501; color: #fff;}
.menu_box .dep2_wrap a::before {content: '- '; transition: all 0.3s;}
.menu_box .dep1:nth-child(1) .dep2_wrap a:hover::before {color: #ee1802;}
.menu_box .dep1:nth-child(2) .dep2_wrap a:hover::before {color: #fa4b06;}
.menu_box .dep1:nth-child(3) .dep2_wrap a:hover::before {color: #05abcf;}
.menu_box .dep1:nth-child(4) .dep2_wrap a:hover::before {color: #820dd5;}
.menu_box .dep1:nth-child(5) .dep2_wrap a:hover::before {color: #62a501;}

.main_img {position: relative; width:505px;}
.main_img .slick-dots {position: absolute; top: 0px; left: 0px; padding: 0; margin: 0;}
.main_img .slick-dots li {position: absolute; width: 58px; height: 41px; cursor: pointer; list-style: none;}
.main_img .slick-dots li.slick-active {outline: 2px solid #fa0606;}
.main_img .slick-dots li:nth-child(1) {top: 107px; left: 325px; background: url(../img/new/01.png) no-repeat center;}
.main_img .slick-dots li:nth-child(2) {top: 162px; left: 338px; background: url(../img/new/02.png) no-repeat center;}
.main_img .slick-dots li:nth-child(3) {top: 127px; left: 408px; background: url(../img/new/03.png) no-repeat center;}
.main_img .slick-dots li button {color: transparent; background-color: transparent; border: none; outline: none;}
.main_img .img_wrap {width: 505px; height: 505px;}
.main_img .img_wrap .img_box {width: 505px; height: 505px;}



.products_list {padding: 0px; margin: 0px; width: 237px;}
.products_list li {list-style: none; border-bottom: 1px solid #e2e2e2}
.products_list li a {font-family: 'Nanum Gothic', sans-serif; font-size: 14px; font-weight: 700; display: block; color: #bebebe; transition: color 0.3s; padding: 6px 3px; box-sizing: border-box; border-bottom: 1px solid #fff;}
.products_list li a:hover {color: #fa0606; border-bottom: 1px solid #ff6600; background: url(../img/new/main_arrow.jpg) no-repeat right center;}



.qm_box {border-top: none; padding: 10px 0;}
.qm_box ul {padding: 0; margin: 0;}
.qm_box ul li {list-style: none; padding: 6px 0;}
.qm_box ul li a {font-family: 'Nanum Gothic', sans-serif; font-size: 10px; color: #999999; font-weight: 700; padding-bottom: 29px; text-align: center; display: block; letter-spacing: -0.12em; transition: all 0.2s;}
.qm_box ul li a:hover {color: #666666;}
.qm_box ul li:nth-child(1) a {background: url(../img/new/qm_01.jpg) no-repeat center bottom;}
.qm_box ul li:nth-child(1) a:hover {background: url(../img/new/qm_01_on.jpg) no-repeat center bottom;}
.qm_box ul li:nth-child(2) a {background: url(../img/new/qm_02.jpg) no-repeat center bottom;}
.qm_box ul li:nth-child(2) a:hover {background: url(../img/new/qm_02_on.jpg) no-repeat center bottom;}
.qm_box ul li:nth-child(3) a {background: url(../img/new/qm_03.jpg) no-repeat center bottom;}
.qm_box ul li:nth-child(3) a:hover {background: url(../img/new/qm_03_on.jpg) no-repeat center bottom;}
.qm_box ul li:nth-child(4) a {background: url(../img/new/qm_04.jpg) no-repeat center bottom;}
.qm_box ul li:nth-child(4) a:hover {background: url(../img/new/qm_04_on.jpg) no-repeat center bottom;}




.sub_menu {padding: 160px 0 0 95px;}
.sub_menu .ttl {color: #ffffff; font-size: 20px; font-weight: 700; text-shadow: 2px 2px 2px #879ea1; font-family: 'Nanum Gothic', sans-serif;}
.sub_menu ul {padding: 0; margin: 0;}
.sub_menu ul li {list-style: none;}
.sub_menu ul li a {font-family: 'Nanum Gothic', sans-serif; font-size: 10px; display: block; color: #499aa5; position: relative; padding: 1px 0 1px 10px; border: 1px solid transparent; width: 150px; box-sizing: border-box; font-weight: 700; transition: all 0.2s;}
.sub_menu ul li:hover a {border: 1px solid #66cccc; background-color: #fff; border-radius: 50px;}
.sub_menu ul li a::before {content: ''; width: 6px; height: 6px; border-radius: 6px; background-color: #fff; position: absolute; left: 0px; top: 4px;}
</style>



