@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote{ margin:0;padding:0; }
body {  align:center; background: none repeat scroll 0 0 #FFFFFF; color:#666666; font:normal 12px Nanum Gothic,µ¸¿ò,Dotum,AppleGothic,Verdana,Arial,San-Serif; }
a {color:#666666; text-decoration:none; }
a:visited, a:active {text-decoration:none;} a:hover {text-decoration:none;}
input, select { font-size:100%; vertical-align:middle; margin:0; padding:0; }
ol,ul,li { list-style:none; } fieldset, blockquote { border:none; }
i,em,cite { font-style:normal; }
b {color:#cccccc;font-weight:normal}
h3,h4,h5,h6 { clear:both; font:bold 12px Nanum Gothic,µ¸¿ò,Dotum,AppleGothic,Verdana,Arial,San-Serif; }
caption,legend { display:none; clear:both;font:bold 12px Nanum Gothic,µ¸¿ò,Dotum,AppleGothic,Verdana,Arial,San-Serif; }
hr { display:none; clear:both; }
/*table { table-layout:fixed; border-collapse:collapse; border-spacing:0; border:0; }
th,td { border-collapse:collapse; }
*/
strong { font-style:normal; font-weight:bold; }
img,button { margin:0; padding:0; border:0 none; vertical-align: middle;}
form    {display:block;}
input, textarea, select {font:12px Nanum Gothic;}
label { cursor:pointer; }

/*
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
{
	margin:0;
	padding:0;
	font-family: 'Nanum Gothic', Arial, self !important;  font-size:12px; color:#666;
}
*/


TD {font-size :12px; font-family: 'Nanum Gothic', Arial, self !important;  color :#666666;  line-height:20px; letter-spacing:0;}
#INP {font-family:arial; font-size:9pt; border-style:solid; border-color:#a9a9a9; border-width:1pt;}
TEXTAREA  {font-family:arial; font-size:10pt; font-style:normal; font-weight:normal;
           text-decoration:none; border-style:solid; border-color:#000000; border-width:1pt;ime-mode:active;}
.textbox {font-family: 'Nanum Gothic', Arial, self !important;  font-size:9pt; border-width:1; border-color:#D0D0D0; color: #333333; text-decoration: none}
.z01 {font-size:13px; font-family: 'Nanum Gothic', Arial, self !important; color: #02029E; line-height:20px; font-style:bold;}
.text01 {font-size:12px; font-family: 'Nanum Gothic', Arial, self !important;  color: #666666; line-height:20px; font-style:bold;}
.text02 {font-family: 'Nanum Gothic', Arial, self !important;  font-size:11px; font-family:"","u"; color: #666666; line-height:20px; font-style:bold;}


a:link {color:#666666;text-decoration: none;}
a:active {color:#02029E;}
a:visited {color:#666666;text-decoration: none;}
a:hover {color:#067EB6;text-decoration:;}
a.z00:link {color:#017F9E;text-decoration: none;}
a.z00:active {color:#017F9E;}
a.z00:visited {color:#017F9E;text-decoration: none;}
a.z00:hover {color:#017F9E;text-decoration:;}

body{
scrollbar-face-color:#c8c8c8;
scrollbar-shadow-color:#c8c8c8;
scrollbar-highlight-color:#c8c8c8;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#c8c8c8;
scrollbar-arrow-color:#000000;
}


a.ca_link:link, a.ca_link:visited, a.ca_link:active  { padding-left:29px; padding-top:4px; color:#848484; font-weight:bold; width:165px; height:26px; display:block; font-size:9pt; font-family:±¼¸²; background-image:url(/images/products/menu_bg.gif); text-decoration:none; }
a.ca_link:hover { color:#666; background-image:url(/images/products/menu_bg.gif); background-position:0 26px; }



.fl{float:left}
.fr{float:right}
.fc{clear:both;}
.fc:after{content:""; display:block; clear:both;}

.txtC{text-align:center;}
.txtL{text-align:left;}
.txtR{text-align:right}


.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt16{font-size:16px;}
.txt18{font-size:18px;}
.txt20{font-size:20px;}
.txt22{font-size:22px;}
.txt24{font-size:24px;}
.txt26{font-size:26px;}
.txt28{font-size:28px;}
.txt30{font-size:30px;}

.t_orange{color:#e24000; font-weight:normal;}
.t_orange2{color:#e24000; font-size:11px;letter-spacing:-1px;padding:0px 0px 0px 5px;}

.t_red{color:#d4000f;}
.t_blue{color:#218dd1;}
.t_blue2{color:#218dd1;font-size:11px;letter-spacing:-1px;}


.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt35{padding-top:35px;}
.pdt40{padding-top:40px;}
.pdt45{padding-top:45px;}
.pdt50{padding-top:50px;}
.pdt55{padding-top:55px;}
.pdt60{padding-top:60px;}
.pdt65{padding-top:65px;}
.pdt70{padding-top:70px;}


.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdl35{padding-left:35px;}
.pdl40{padding-left:40px;}
.pdl45{padding-left:45px;}
.pdl50{padding-left:50px;}

.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}
.pdr35{padding-right:35px;}
.pdr40{padding-right:40px;}
.pdr45{padding-right:45px;}
.pdr50{padding-right:50px;}

.pdb5{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdb35{padding-bottom:35px;}
.pdb40{padding-bottom:40px;}
.pdb45{padding-bottom:45px;}
.pdb50{padding-bottom:50px;}


#wrap{position:relative; width:100%;}
#header{position:relative; width:100%; height:100px; }

.wrap_div{width:1000px; margin:0px auto;}
.wrap_div2{width:1200px; margin:0px auto;}

.gblmenu{width:100%; list-style:none; text-align:right;}
.gblmenu li{display: inline; padding:0px 10px 0px 10px; }



/* navi */
#naviWrap {clear:both; height:50px;  }
#naviWrap h2{display:none;}
.sub #naviWrap {clear:both; position:relative; height:50px;  }

#navi {/*position:relative;*/ margin:0 auto;}
#navi a {color:#000;}
#navi > ul {float:left; width:700px;  }
#navi > ul > li {float:left; padding:0 38px;  box-sizing:border-box;}
#navi > ul > li > a {display:block; height:51px;  padding-top:15px; letter-spacing:-0.05em;  font-size:17px; line-height:130%; color:#333; FONT-WEIGHT: bold; text-align:center; cursor:pointer;}
#navi .smWrap {height:37px; display:none; position:absolute; left:0; top:84px; z-index:9999;background:#f3f5f7; border-top: 1px solid #bec2c7; width:100%; }
#navi .sm {position:relative; overflow:hidden; z-index:9999; text-align:left; width:1000px;margin:0 auto;}
#navi .sm > ul {float:left; position:relative;  margin-top:0px; }
#navi .sm > ul > li {position:relative; padding-left:0px; float:left; display:inline; }
#navi .sm > ul > li > a {font-weight:normal; font-size:13px; letter-spacing:-0.05em; color:#222; display:block; height:17px; padding:10px 10px;}

#navi .sm a[target="_blank"] {display:inline-block; padding-right:16px; background:url('/images/i_blank.gif') no-repeat right center;}
#leftWrap .subMenu li a[target="_blank"] span{display:inline-block; padding-right:16px; background:url('/images/i_blank02.gif') no-repeat right center !important;}

.main .smWrap {background-color:#3ba8e7; }

.mm1 .sm ul{padding-left:300px; }
.mm2 .sm ul{ padding-left:470px; 	}
.mm3 .sm ul{ padding-left:5px; }
.mm4 .sm ul{ padding-left:745px; }
.mm5 .sm ul{ padding-left:850; }


/*¸ÞÀΞ*/
#navi > ul > li > a.active span,
#navi > ul > li > a:hover span {display:inline-block; height:35px; background:url('/images/menu_on.gif') no-repeat center bottom;}
#navi .sm > ul > li a:hover,#navi .sm > ul > li a:focus { background-color:#323e4c;  color:#fff; border-radius:0px; display:block;}





/* ¸ÞÀÎÀ̹ÌÁö */
#mainImg{background:url("/images/main/main_bg.jpg") repeat-x 50% 0%; height:360px;}

.wrapV{position:relative;width:1200px;margin:0 auto;height:360px;}
#vcontainer{position:relative; z-index:10;min-height:360px}
.colgroup1{position:relative;z-index:11; }
.visual .wrap{height:360px;}
.visual .visual_images{position:relative;z-index:10;}
.visual .visual_images li{display:none;position:absolute;left:0;width:100%;z-index:10;}
.visual .visual_images li.active{display:block;z-index:11;}

.visual .visual_images .visual_curtain{position:absolute;left:0;top:0;display:block;width:100%;height:360px;background:url(/images/main/visual_curtain.png) repeat;z-index:15;}
.visual .visual_cont{position:relative;z-index:11; margin:0 auto; width:1200px;}
.visual .visual_cont .visual_ctrl{position:absolute;width:1200px;}
.visual .visual_cont .visual_ctrl a{display:inline-block;margin:0 5px;}
.visual .visual_cont .visual_text{position:absolute;margin-left:40px; top:0px; width:1090px;}
.visual .visual_cont .visual_text a{margin-left:0px;display:block;width:1050px;height:330px;}
.visual .visual_cont .visual_text li{display:none;position:absolute;left:0;top:0;width:277px;height:10px;padding:30px 44px;background:url(/images/main/txt_box_bg02.png) -11px 103px no-repeat;}
.visual .visual_cont .visual_text li.active{display:block;}
.visual .visual_cont .visual_text li .txt_box{position:absolute; }
/* // ¸ÞÀÎÀ̹ÌÁö */

#subImg{background:url("/images/main/main_bg.jpg") repeat-x 50% 0%; height:160px;}


#notice{width:100%; height:40px; background:#5394ce;}
#notice h2{width:80px; float: left;color:#fff; font-size:15px; padding:4px 0px 0px 0px;}


.pr{position:relative; width:778px; padding:15px; height:75px; border: 1px solid #eee;}
.pr li{display: inline;  list-style:none; float: left; width:120px;  	padding:8px 0px 8px 9px;  line-height:170%; background:url("/images/dealing/dealing_dot.gif") 0 14px no-repeat; }


.pr2{position:relative; width:808; height:220px; padding:0px; border: 1px solid #eee;}



.pr3{position:relative; width:778px; padding:15px; height:75px; border: 1px solid #eee;}
.pr3 li{display: inline;  list-style:none; float: left; width:145px;  	padding:8px 0px 8px 9px;  line-height:170%; background:url("/images/dealing/dealing_dot.gif") 0 14px no-repeat; }


#footer{margin-top:20px;width:100%; border-top: 1px solid #e4e4e4; }


h3{background:url("/images/h3_icon.gif") 0 6px no-repeat;color:#595959;padding:2px 0px 5px 16px;font-weight:bold;font-size:13px;margin:15px 0 5px 0;	letter-spacing:-0.03em;}
h4{{background:url("/images/h4_icon.gif") 0 3px no-repeat;color:#222;padding:2px 0px 10px 20px;font-weight:bold;font-size:14px;margin:10px 0 10px 0; letter-spacing:-0.03em;}



.pr_menu{padding:0px 15px 10px 0px; }