/*±âº» °øÅë*/
td {font-family: "µ¸¿òü" , verdana; color: #828282; font-size: 9pt; line-height:14px; letter-spacing:-0.5; }

A:link { color :#626262; font : 9pt verdana,µ¸¿òü ;  text-decoration: none}

A:visited {color :#626262 ; font : 9pt verdana,µ¸¿òü ; text-decoration: none}

A:hover { color :#002C6D; font : 9pt verdana,µ¸¿òü; text-decoration: none }

img { border:0px; }

BODY { Margin-left:0px; Margin-right:0px; Margin-top:0px; Margin-bottom:0px;
       scrollbar-face-color:#FFFFFF;
       scrollbar-shadow-color:#B3B3B3;	scrollbar-highlight-color:#B3B3B3;
	   scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff;
	   scrollbar-track-color:#ffffff; scrollbar-arrow-color:#B3B3B3;
 	 }

select, option, textarea { font-size:8pt; font-family:"-µ¸¿òü,Tahoma"; text-decoration: none; color:#555555;
 line-height: 16px;  letter-spacing: -0.5px; padding-left:10px; padding-right:10px;  padding-top:10px; padding-bottom:10px; }


.input {

       font-family: "µ¸¿òü";

	   font-size: 12px;

	   color: #404040;

	   height: 18px;

	   border: #ADADAD;

	   border-style: solid;

	   border-top-width: 1px;

	   border-right-width: 1px;

	   border-bottom-width: 1px;

	   border-left-width: 1px

	   }


/* ¿£¼¥ CSS*/

.list_padding{  font-family: "µ¸¿òü" , verdana; color: #828282; font-size: 9pt; line-height:14px; letter-spacing:0.5; padding:21px 4px 0 0;}
.content_padding {padding:13px 0 50px 6px;  }








/*Ç¥µðÀÚÀÎ*/
.board_top_line { border-top:solid 2px #7c7c7c; border-bottom:solid 1px #C7C7C7; }
.board_TR_line { border-top:solid 2px #7c7c7c; border-right:solid 1px #C7C7C7; border-bottom:solid 1px #C7C7C7; }
.board_BR_line { border-right:solid 1px  #C7C7C7; border-bottom:solid 1px  #C7C7C7;}
.board_bottom_line { border-bottom:solid 1px  #C7C7C7;}



/* top nav */
.top_nav{width: 812px; height: 94px; }
.top_nav .main{text-align: center;height: 94px;list-style:none;display:flex;justify-content: space-around;align-items: center;}
.top_nav .main>li{width: 15%;height: 30px;position: relative;margin-top: 15px;}
.top_nav .main>li>a{text-decoration: none;font-size: 16px;font-weight: bold;color: #444;display: block;width: 100%;height: 100%;transition: all ease .3s;}
.top_nav .main>li:hover >a{color: #0d449c;}
.top_nav .main>li:hover .sub, .sub:hover{visibility: visible; opacity: 1;}
.top_nav .sub{list-style: none;position: absolute;left: -10px;top: 30px;white-space: nowrap;display: flex;padding: 0;visibility: hidden;opacity: 0;transition: all ease .3s;}
.top_nav .sub li{}
.top_nav .sub li a{line-height: 1.5; padding: 5px 15px; margin-right: 8px; font-weight: 7; border-radius: 25px 0; text-decoration: none;font-weight: 700; transition: all ease .3s;}
.top_nav .sub li a:hover{background: #fb7600; color: #fff;}

/* main visual */
.main_visual{width: 441px;height: 517px;position: absolute; top: 12px;left: 15px;}
.main_visual .item{width: 441px; height: 517px;}
.main_visual .item img{width: 416px;}

/* product visual */
.pro1_wrap{position: relative; width: 120px;height: 239px;}
.pro1_visual{position: absolute;top: 50%;left: 45%;transform: translate(-50%, -50%);width: 120px;}
.pro1_visual .item{width: 120px !important;height: 120px; background-size: cover; }
.pro1_visual .item img{}
.pro1_arrow{}
.pro1_arrow .slick-arrow{position: absolute; left: 45%; transform: translateX(-50%); width: 21px; height: 11px; text-indent:-9999px; cursor: pointer;}
.pro1_arrow .slick-arrow.prev{top: 30px; background: url('/img/index_img/arrow_p.png') no-repeat;}
.pro1_arrow .slick-arrow.next{bottom: 30px; background: url('/img/index_img/arrow_n.png') no-repeat;}

.pro2_visual{width: 400px; height: 243px; position: relative;}
.pro2_visual .item{position: absolute;width: 101px;height: 73px;background-size: cover;box-shadow: 3px 3px 4px #bbb; transition: all ease .2s}
.pro2_visual .item1{background: url('/img/index_img/pro2_01.png') no-repeat center; top: 0; left: 10px;}
.pro2_visual .item2{background: url('/img/index_img/pro2_02.png') no-repeat center;top: 73px;left: 111px;}
.pro2_visual .item3{background: url('/img/index_img/pro2_03.png') no-repeat center;top: 146px;left: 10px;}
.pro2_visual .item:hover{transform: scale(1.05,1.05);}

/* relation site */
.relation{width: 402px; height: 75px;}
.relation h3{padding: 8px 0;margin: 0;}
.relation h3 span{color: #023c95}
.relation_site{width: 402px;height: 50px;border: 1px solid #ededed; border-radius: 5px; position: relative;}
.relation_site .site_slide{width: 80%; height: 50px; margin: 0 auto;}
.relation_site .site_slide .item{width: 80% !important;}
.relation_site .site_slide .item a{display: block; width: 100%; height: 100%; }
.relation_site .site_slide .item a img{max-width: 100%; margin: auto 0;}
.relation_site .site_arrow .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 9px; height: 18px; cursor: pointer;}
.relation_site .site_arrow .slick-arrow.prev{left: 5px; background: url('/img/index_img/arrow_L.png') no-repeat;}
.relation_site .site_arrow .slick-arrow.next{right: 5px; background: url('/img/index_img/arrow_R.png') no-repeat;}

/* sub product slide */
.sub_pro_wrap{width: 120px; height: 140px; position: relative;}
.sub_pro_slide{position: absolute; top: 50%;left: 48%;transform: translate(-50%, -50%);width: 70px;height: 100px;}
.sub_pro_slide .item{height: 100px;margin-top: 15px}
.sub_pro_slide .item img{width: 70px;}
.spro_arrow .slick-arrow{position: absolute; left: 47%; transform: translateX(-50%); width: 21px; height: 11px; text-indent:-9999px; cursor: pointer;}
.spro_arrow .slick-arrow.prev{top: 20px; background: url('/img/index_img/arrow_p.png') no-repeat;}
.spro_arrow .slick-arrow.next{bottom: 8px; background: url('/img/index_img/arrow_n.png') no-repeat;}