/*±âº»¼³Á¤ */


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}


**html input, *html input {margin:-1px 0px -1px 0px; width:100%;}


/*body {text-align:center; width:100%;}
*/
body { width:100%;}

hr {display:none;}
dl,li {list-style: none;}
a {text-decoration:none;color:#0064a9;}
a:link:hover, a:active {text-decoration:none;}
input,select,textarea {font-size:100%;vertical-align:middle;}
body,th,td {color:#333;} /* font¼³Á¤Àº ÇØ´ç ¼­ºñ½º¿¡ ¸Â°Ô º¯°æ */

.border	{border:1px #f00 solid;}
em	{font-style:normal;}

br {line-height:1px; padding:3px;}


/* ÀüüÀû¿ë */


#wrap {margin: 0px 0px 0px 0px;min-width: 320px;border:0px solid red;}

#top01 {position:relative; margin:0 auto; height:37px;display:block;*zoom:1;overflow:hidden;}
#top01 .back {float:right; margin-right:2px; margin-top:9px;}
#top01 .call {float:right; margin-right:2px; margin-top:9px;}
#top01 .facebook {float:right;margin-right:2px; margin-top:9px;}
#top01 .twitter {float:right; margin-right:10px; margin-top:9px;}
#top01 .logo {float:left; margin-left:10px; margin-top:3px;}

#top02 {position:relative; margin:0 auto; height:4px; *zoom:1;overflow:hidden; background:url(../images/top_line.gif);}

#main {position:relative; width:100%; background:url(../images/visual_m_bg2.gif); background-position:center; background-repeat:repeat-x; }
#main .img{position:relative; width:100%; background:url(../images/visual_m_bg1.jpg); background-position:center; height:382px; background-repeat:no-repeat;}

#foot01 {position:relative; margin:0 auto; height:6px; *zoom:1;overflow:hidden; background:url(../images/bottom_line.gif);}

#foot02 {position:relative; background-color:#fff;}
#foot02 .ul {width:320px;}
#foot02 .txt01 {padding-top:5px;font-family: "µ¸¿ò",arial; font-size: 11px; color: #888888; text-decoration: none; line-height: 15px;}
#foot02 .img01 {padding:4px 0 10px 0;}
#foot02 .btn {height:15px; margin-top:3px;}

#foot03 {position:relative; margin:0 auto;  background:url(../images/ft_gnb_bg.gif); background-repeat:repeat-x;clear:both;}
#foot03 .foot_menu {width:320px; margin:0 auto; height:34px; }
#foot03 .foot_menu a{float:left;}

#sub_visual {position:relative; width:100%;}
#sub_visual .img1{height:76px; background:url(../images/visual_sb_img1.gif);background-repeat:no-repeat; background-position: bottom right; margin:0px 12px; text-align:left;}
#sub_visual .img2{height:76px; background:url(../images/visual_sb_img2.gif);background-repeat:no-repeat; background-position: bottom right; margin:0px 12px; text-align:left;}
#sub_visual .img1{height:76px; background:url(../images/visual_sb_img1.gif);background-repeat:no-repeat; background-position: bottom right; margin:0px 12px; text-align:left;}
#sub_visual .txt{position:relative; padding-top:22px;}

#sub_con {position:relative; min-height:320px;padding-bottom:20px;color:#666666; font-size:12px; font-family: "gulim",arial;}
#sub_con .bg{position:relative; margin:10px;}
#sub_con2 {position:relative;padding-bottom:20px;color:#666666; font-size:12px; font-family: "gulim",arial;}

#sb_gnb .gnb {height:55px; background:url(../images/sb_gnb_bg1.gif); background-repeat:repeat-x;  clear:both;}
#sb_gnb .icon{float:left; margin:11px 0 0 17px;}
#sb_gnb .txt{float:left; color:#292727; font-size:16px;font-weight:bold; font-family: "gulim",arial; margin:20px 0px 0px 10px;}
#sb_gnb .arrow{float:right; margin:21px 17px 0px 0px;}
#sb_gnb  a{text-decoration:none; display:block;*zoom:1;overflow:hidden;}

#clear {clear:both;}
.cl {clear:both;}

#sub_title {height:28px; background-color:#e9f1ee; position:relative; width:100%; clear:both; border-bottom:1px solid #c2d8cf; border-top:1px solid #e0e0e0;}
#sub_title .icon{float:left; margin:9px 5px 12px 9px;}
#sub_title .txt{ float:left; font-family: "gulim",arial; font-size: 12px; color: #292727; text-decoration: none; line-height: 17px; font-weight:bold; margin-top:7px;}

#sub_con {position:relative;padding:0 5% 5%;}
#sub_con p{margin:6px 0 12px 0px;}

#sub_con .ttl01{text-align:left;}
#sub_con .ttl02{text-align:left; padding-top:8px;}

#sub_con .txt01{text-align:left; color:#666666; font-size:12px; font-family: "gulim",arial; line-height:17px;}
#sub_con .txt02{text-align:left; color:#0d579f; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; padding:11px 0 5px 0;}
#sub_con .txt03{text-align:left; color:#888; font-size:12px; font-family: "gulim",arial; line-height:17px;}
#sub_con .txt04{text-align:left; color:#121212; font-size:12px; font-family: "gulim",arial; line-height:17px; padding:10px 0 5px 0;}
#sub_con .txt05{float:left; color:#292727; font-size:14px; font-family: "gulim",arial; line-height:17px; font-weight:bold;}
#sub_con .txt06{float:left; color:#434343; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; width:60px; }
#sub_con .txt07{float:left; margin-left:12px;color:#666666; font-size:12px; font-family: "gulim",arial; line-height:17px; padding-bottom:3px; }
#sub_con .txt08{margin-left:12px;color:#1455a7; font-size:12px; font-family: "gulim",arial; line-height:17px; clear:both;}
#sub_con .txt09{float:left; color:#434343;line-height:17px; font-weight:bold;}
#sub_con .txt10{float:left; font-size:11px;line-height:25px; font-family: "dotum",arial;}
.wd30{width:30px}
.wd40{width:40px}
.wd45{width:45px}
.wd50{width:50px}
.wd55{width:55px}
.wd60{width:60px}
.wd65{width:65px}
.wd70{width:70px}
.wd80{width:80px}
.ht20{height:20px}
.ht27{height:27px}

.txt_bold{font-weight:bold;}

#sub_con .list01{text-align:left; padding:5px 0px 5px 0px; clear:both; height:20px;}
#sub_con .bul01{position:relative; float:left; margin:-1px 5px 0px 0px; clear:both;}
#sub_con .list02{text-align:left; padding:5px 0px 5px 0px; clear:both;}
#sub_con .bul02{position:relative; float:left; margin:2px 3px 0px 0px; }
#sub_con .dot{float:left;  color:#434343; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; margin-right:-15px;}
#sub_con .box01{ border:1px solid #96beaf; background-color:#f0f7f4; padding:10px; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; color:#006f45; clear:both; margin-bottom:5px;text-align:center;}
#sub_con .end{text-align:left; clear:both; height:20px;}
#sub_con .line01{height:1px; *zoom:1;overflow:hidden; background:url(../images/sb_con_line.gif);}
#sub_con .img01{text-align:left;}
#sub_con .list03{clear:both;margin:0 0 5px 0;padding-left:14px;text-align:left; font-family: "dotum",arial;line-height:26px;color:#0F64B7;height:23px;background:url(../images/ico_cross_blue1.gif) no-repeat 6px 45%;background-color:#EFF2F4;}
#sub_con .input_st1 {width:100%;border:1px solid #BAB9B9;height:19px;line-height:20px; font-family: "dotum",arial;}
#sub_con .input_st2 {width:80px;border:1px solid #BAB9B9;height:19px;line-height:20px; font-family: "dotum",arial;}

#colbox {position:relative;clear:both;border:1px solid #1d543f;background-color:#f0f7f4;padding:15px;}
#colbox .title{float:left;color:#006F45;font-size:14px;font-weight:bold;font-family: "dotum",arial;}
#colbox .con{text-align:left;padding-top:10px; font-size:12px; font-family: "gulim",arial; line-height:17px;color:#2f5848; clear:both;}

#tab {position:relative; margin:0px -6px 20px 0px; height:25px; clear:both;}
#tab_menu {margin:0 auto;}
#tab_menu .tab01 {float:left; border:1px solid #1d543f; background-color:#f0f7f4; padding:5px 12px 1px 12px; margin-right:6px; margin-bottom:6px; }
#tab_menu .tab01 a{text-decoration:none; display:block; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; color:#006f45; }
#tab_menu .tab02 {float:left;  border:1px solid #bab9b9; background-color:#ececec; padding:5px 12px 1px 12px; margin-right:6px; margin-bottom:6px;}
#tab_menu .tab02 a{text-decoration:none; display:block; font-size:12px; font-family: "gulim",arial; line-height:17px; font-weight:bold; color:#666666; }

.png24 {tmp:expression(setPng24(this));}

#cat {position:relative; margin:0 auto; display:block; *zoom:1;overflow:hidden; border-bottom:1px solid #d4e3dd; background-color:#fafafa; clear:both}
#cat_menu {position:relative; margin-top:5px;}
#cat_menu .cat01 {float:left; padding:0px 12px 0px 12px; margin-right:0px; margin-bottom:6px; }
#cat_menu .cat01 a{text-decoration:none; display:block; font-size:12px; font-family: "gulim",arial; line-height:17px;  font-weight:bold;  color:#0d579f; }
#cat_menu .cat02 {float:left; padding:0px 12px 0px 12px; margin-right:0px; margin-bottom:6px;  }
#cat_menu .cat02 a{text-decoration:none; display:block; font-size:12px; font-family: "gulim",arial; line-height:17px; color:#292727;}

#product {position:relative; margin:0 auto; display:block; *zoom:1;overflow:hidden;}
#product  a {text-decoration:none; display:block;*zoom:1;overflow:hidden; padding-top:7px; padding-bottom:7px;}
#product .img01 {float:left; border:1px solid #bfb7b5; }
#product .tit{float:left; padding:0px 0 0px 0px;color:#000000;font-size:11px; font-family:"gulim",arial; margin:1px 0px 0px 10px;}
#product .ptxt01{float:left; margin:17px 0px 0px -110px; color:#0a5b3c; font-size:12px; line-height:17px; font-family: "gulim",arial; font-weight:bold; text-align:left; }
#product .ptxt02{float:left; margin:-48px 0px 0px 90px; color:#666666; font-size:12px; line-height:17px; font-family: "gulim",arial; text-align:left; clear:both}

#product .pic01{border:1px solid #d1d1d1; padding:20px; clear:both} 
#product .tit2{padding:0px 0 0px 0px;color:#000000;font-size:11px; font-family:"gulim",arial; line-height:17px; text-align:left;} 
#product .ctxt01{float:left; color:#0a5b3c; font-size:12px; line-height:17px; font-family: "gulim",arial; font-weight:bold; text-align:left; }
#product .ctxt02{float:left; color:#666666; font-size:12px; line-height:17px; font-family: "gulim",arial; text-align:left;  padding-bottom:5px; clear:both;}
#product .list_line {border-top:1px solid #e3e3e3; clear:both;}

#scroll01 {position:relative; height:60px; margin-bottom:20px; margin:0 auto; }
#scroll01 .arrow01 {position:absolute; top:11px; left:0;  width:10px; height:15px;}
#scroll01 .arrow02 {position:absolute; top:11px; right:0; width:10px; height:15px;}
#scroll01 .simg01 {position:relative; margin:0 auto; width:280px; border:1px; padding-left:6px; }
#scroll01 .list_sthum li {position:relative; float:left;border:1px solid #ccc;padding:0; background-image:url(../images/pro_gal_bg.gif); width:47px; height:48px; margin: 7px 3px;}
#scroll01 .simg01 .scr a{display:block; padding:0px;}

#page1 {position:relative; margin:0 auto; height:41px;display:block;*zoom:1;overflow:hidden; width:50px;}
#page1 .arrow01 {float:left;}
#page1 .arrow02 {float:right;}

#page {position:relative; height:40px;text-align:center;margin:10px 0 0 0; width:100%;display:block;}
#page li{float:left; height:20px; padding-left:3px}
#page .btn {display:inline-block;margin:0 auto}
#page .btn li{margin-left:1px;margin-top:10px;}
#page .btn li a{padding-bottom:-10px;}
#page .no01 a{display:block; width:16px;height:15px; color:#777777;font-size:11px; font-family: "gulim",arial; line-height:15px; font-weight:bold;padding-top:6px;}
#page .no02 a{display:block; width:16px;height:15px; color:#777777;font-size:11px; font-family: "gulim",arial; padding-top:8px;}
#page .arrow01 a{display:block; width:24px;height:24px;}
#page .arrow02 a{display:block; width:24px;height:24px;}
#page .arrow03 a{display:block; width:24px;height:24px;}
#page .arrow04 a{display:block; width:24px;height:24px;}


#board {position:relative; margin:0 auto; display:block; *zoom:1;overflow:hidden; clear:both}
#board > .board{overflow:hidden;padding:10px 0;}
#board .list_line {border-top:1px solid #e3e3e3; clear:both;}
#board .no{ float:left; display:block;padding: 0px 0px 0px 10px; margin-top:10px; font-size:12px;font-weight:bold; font-family: "gulim",arial; color:#777777;}
/* #board .tit{ float:left; display:block;padding:0px 0 0px 0px;color:#2a649d;font-size:12px;font-weight:bold; font-family: "gulim",arial; margin:2px 0px 0px 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:80%;} */
#board .tit{ float:left; display:block;padding:0px 0 0px 0px;color:#2a649d;font-size:12px;font-weight:bold; font-family: "gulim",arial; margin:2px 0px 0px 10px; text-overflow:ellipsis; overflow:hidden; max-width:80%;} 
#board .tit02{ float:left; display:block;padding:0px 0 0px 0px;color:#2a649d;font-size:12px;font-weight:bold; font-family: "gulim",arial; margin:0px 0px 0px 0px; text-align:left; } 
#board .ar_txt01{float:left; display:block; padding:0px 0 0px 0px; margin-left:0px; margin:-5px 0px 0px 40px; color:#777777;font-size:11px; font-family: "gulim",arial; text-align:left; clear:both; text-align:left; }
#board .ar_txt02{float:left; display:block; padding:0px 0 0px 0x; margin-left: 0px;color:#777777;font-size:11px; font-family: "gulim",arial; text-align:left;  margin:-11px 0px 0px 110px; clear:both; text-align:left;}
#board .ar_txt03{float:left; display:block; padding:0px 0 0px 0x; margin-left: 0px;color:#d3d3d3;font-size:11px; font-family: "gulim",arial; text-align:left;  margin:-11px 0px 0px 97px; clear:both; text-align:left;}
#board .ct2{display:block;*zoom:1;overflow:hidden; padding-top:7px; padding-bottom:7px;}
#board .txt01{float:left; display:block; padding:0px 0 0px 0px; margin-left:0px; margin:3px 0px 0px 0px; color:#777777;font-size:11px; font-family: "gulim",arial; text-align:left; clear:both; text-align:left; }
#board .txt02_1{float:left; display:block; padding:0px 0 0px 0px; margin-left: 0px;color:#777777;font-size:11px; margin:-11px 0px 0px 67px; clear:both; text-align:left;}
#board .txt03{float:left; display:block; padding:0px 0 0px 0px; margin-left: 0px;color:#d3d3d3;font-size:11px; font-family: "gulim",arial; text-align:left;  margin:-11px 0px 0px 55px; clear:both; text-align:left;}
#board  a {text-decoration:none;}
#board br{margin:7px}
#board .down {padding:10px 0;}
#board .board_con{ padding-top:15px; padding-bottom:20px; font-family: "gulim",arial; font-size: 12px; color: #777777; text-decoration: none; line-height: 18px;}


#vtn2 ul{background-image:url(../images/vie_bot_btn_bg.jpg);height:33px;}
#vtn2 .left {position:absolute; left:0; background-image:url(../images/vie_bot_btn_left.jpg); background-repeat:no-repeat; width:5px;}
#vtn2 .right {position:absolute; right:0; background-image:url(../images/vie_bot_btn_right.jpg); background-repeat:no-repeat; width:5px;}
#vtn2 .line {width:1%;height:33px; float:left; background-image:url(../images/vie_bot_btn_line.jpg); background-repeat:no-repeat;}
#vtn2 .btn01 a{width:32%; float:left; font-family: "gulim",arial; font-size: 12px; color: #777777; text-decoration: none; line-height: 30px; font-weight:bold;}
#vtn2 .btn02 a{width:33%; float:left; font-family: "gulim",arial; font-size: 12px; color: #777777; text-decoration: none; line-height: 30px; font-weight:bold;}
#vtn2 .btn03 a{width:32%; float:left; font-family: "gulim",arial; font-size: 12px; color: #777777; text-decoration: none; line-height: 30px; font-weight:bold;}



/* »ó´Ü Áß¾Ó½ºÅ¸ÀÏ (id=TopC) */
#TopC {position:relative;margin:0 auto;display:block;*zoom:1;overflow:hidden;width:100%;height:50px;background:url('../images/bg_top.gif') repeat-x;}
#TopC .back {float:left;margin:10px 0 0 5px}
#TopC h1 {text-align:center}
#TopC .call {float:right;margin:10px 5px 0 0}


/* »ó´Ü ÁÂÃø½ºÅ¸ÀÏ (id=TopL) */
#TopL {position:relative;margin:0 auto;display:block;*zoom:1;overflow:hidden;width:100%;height:50px;background:url('../images/bg_top.gif') repeat-x;}
#TopL .back {position:absolute;right:55px;margin:10px 0 0 0}
#TopL h1 {float:left;margin:0 0 0 5px}
#TopL .call {float:right;margin:10px 5px 0 0}

/* ¸ÞÀκñÁÖ¾ó (id=mVisual) */
#mVisual {position:relative;margin:0 auto}

/* ¸Þ´º 5°³ ½ºÅ¸ÀÏ (id=GNB5) */
#GNB5 {clear:both;*zoom:1;position:relative;margin:0 auto; background:url('../images/bg_gnb.gif') repeat-x;-webkit-background-size:320px 65px;}
#GNB5 .menu {width:320px; margin:0 auto; height:65px; }
#GNB5 .menu a{float:left;width:63px;}
#GNB5 li{float:left;margin:0;padding:0;}
#GNB5 li span.m1 {background:url('../images/gnb5.jpg') no-repeat;background-position:0 0px;height:65px;display:block}
#GNB5 li a:hover span.m1 {background:url('../images/gnb5ov.jpg') no-repeat;background-position:0 0px;height:65px;display:block}
#GNB5 li span.m2 {background:url('../images/gnb5.jpg') no-repeat;background-position:-63px 0px;height:65px;display:block}
#GNB5 li a:hover span.m2 {background:url('../images/gnb5ov.jpg') no-repeat;background-position:-63px 0px;height:65px;display:block}
#GNB5 li span.m3 {background:url('../images/gnb5.jpg') no-repeat;background-position:-127px 0px;height:65px;display:block}
#GNB5 li a:hover span.m3 {background:url('../images/gnb5ov.jpg') no-repeat;background-position:-127px 0px;height:65px;display:block}
#GNB5 li span.m4 {background:url('../images/gnb5.jpg') no-repeat;background-position:-191px 0px;height:65px;display:block}
#GNB5 li a:hover span.m4 {background:url('../images/gnb5ov.jpg') no-repeat;background-position:-191px 0px;height:65px;display:block}
#GNB5 li span.m5 {background:url('../images/gnb5.jpg') no-repeat;background-position:-255px 0px;height:65px;display:block}
#GNB5 li a:hover span.m5 {background:url('../images/gnb5ov.jpg') no-repeat;background-position:-255px 0px;height:65px;display:block}

/* ¸Þ´º 4°³ ½ºÅ¸ÀÏ (id=GNB4) */
#GNB4 {clear:both;*zoom:1;position:relative;margin:0 auto; background:url('../images/bg_gnb.gif') repeat-x;-webkit-background-size:320px 65px;}
#GNB4 .menu {width:320px; margin:0 auto; height:65px; }
#GNB4 .menu a{float:left;width:79px;}
#GNB4 li{float:left;margin:0;padding:0;}
#GNB4 li span.m1 {background:url('../images/gnb4.jpg') no-repeat;background-position:0 0px;height:65px;display:block}
#GNB4 li a:hover span.m1 {background:url('../images/gnb4ov.jpg') no-repeat;background-position:0 0px;height:65px;display:block}
#GNB4 li span.m2 {background:url('../images/gnb4.jpg') no-repeat;background-position:-79px 0px;height:65px;display:block}
#GNB4 li a:hover span.m2 {background:url('../images/gnb4ov.jpg') no-repeat;background-position:-79px 0px;height:65px;display:block}
#GNB4 li span.m3 {background:url('../images/gnb4.jpg') no-repeat;background-position:-159px 0px;height:65px;display:block}
#GNB4 li a:hover span.m3 {background:url('../images/gnb4ov.jpg') no-repeat;background-position:-159px 0px;height:65px;display:block}
#GNB4 li span.m4 {background:url('../images/gnb4.jpg') no-repeat;background-position:-239px 0px;height:65px;display:block}
#GNB4 li a:hover span.m4 {background:url('../images/gnb4ov.jpg') no-repeat;background-position:-239px 0px;height:65px;display:block}


/* ÄÁÅÙÃ÷ ¿µ¿ª (id="contents) : ÀÌ¿ÜÀÇ ÄÚµå´Â ÀÚÀ¯·Î¿î ¹æ½ÄÀ¸·Î »ý¼º°¡´É*/
#contents .ttl {background:url('../images/bg_stl.gif') repeat-x;height:23px;color:#000;font-weight:bold;font-size:15px;padding:12px 0 0 14px}
#contents .ttl2 {background:url('../images/icon_2lv.gif') no-repeat;background-position:0 2px;color:#000;font-weight:bold;font-size:15px;padding-left:10px}
#contents .conarea{padding:0 5px 20px 5px;font-size:12px;color:#565656;line-height:140%;text-align:justify}


/* SNS¾ÆÀÌÄÜ À¯ (id=FootL) */
#FootL {position:relative; background-color:#F7F7F7;padding:10px 14px;clear:both;zoom:1;}
#FootL a{font-size:12px;color:#3e3e3e;display:block}
#FootL .tw {float:left;}
#FootL .fb {float:left;margin-left:3px}
#FootL .pc {position:absolute;top:16px;right:73px;}
#FootL .top {position:absolute;top:16px;right:5px;}
#FootL .txt01 {clear:both;zoom:1;font-size: 11px; color: #484848;padding-top:14px} 


/* SNS¾ÆÀÌÄÜ ¹« (id=FootC) */
#FootC {position:relative;background-color:#F7F7F7;padding:10px 14px;clear:both;zoom:1;text-align:center}
#FootC a{font-size:12px;color:#3e3e3e}
#FootC .tw, #FootC .fb{display:none;}
#FootC .txt01 {clear:both;zoom:1;font-size: 11px; color: #484848;padding-top:5px}