html{overflow:auto}
body{background:#fff}
#wrap {width:100%; position:relative; margin:0 auto;}

#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.cols{display:inline-block}
.col1, .col2, .col3, .col4{float:left; position:relative;}

/*header*/
.headerWrap{background:url(../../images/main/top_bg.gif) left top repeat-x; width:100%!important;}
#header{height:112px; z-index:100; width:960px; margin:0 auto!important;}
	
	.headerWrap	h1{width:240px; padding-top:43px;}
	.headerWrap .util {height:12px; padding-right:0px; position:absolute; top:60px; right:0; z-index:10; font-size:11px;}
	.headerWrap .util ul{margin-top:0px; overflow:hidden}
	.headerWrap .util li {float:left; margin-left:10px; padding-left:10px; background:url(/images/common/util_gap.gif) left 0px no-repeat}
	.headerWrap .util .f{background:none}

/* quick menu 
#quick{width:50px; height:153px; position:absolute; right:-70px;}
#quick ul{width:50px;}
#quick ul li{width:50px; height:50px; margin-bottom:1px; background:#333; text-align:center; color:#fff; vertical-align:middle;}*/

/*visual*/
.mainVisualWarp{background:url(../../images/main/visual_bg.jpg) left top repeat-x; width:100%}
#mainVisual{height:373px; z-index:1 !important; width:960px; margin:0 auto!important;}
.subVisualWarp{background:url(../../images/main/visual_bg.jpg) left top repeat-x; width:100%}
#subVisual{height:233px; z-index:1 !important; width:958px; margin:0 auto!important;/*text-align:center; font-size:30px; font-weight:bolder; padding-top:50px; background:url(/images/common/subvisual_bg.gif) left top repeat;*/ }

/*main contents*/
#contents {width:100%; height:333px; position:relative; background:url(../../images/main/main_cols_bg.gif) left top repeat-x;}
	.mainConWrap {width:960px; margin:0 auto; background:url(../../images/main/main_colsB.gif) left bottom repeat-x; margin-bottom:30px}
	.mainConWrap .cols{width:960px;}
	.mainConWrap dl.col1{width:289px;float:left;height:113px; border:1px solid #dddddd; margin-right:42px; margin-top:28px; background:url(../../images/main/banner_01bg.gif) left top no-repeat;}
	.mainConWrap dl.col2{width:289px;float:left;height:113px; border:1px solid #dddddd; margin-right:42px; margin-top:28px; background:url(../../images/main/banner_02bg.gif) left top no-repeat;}
	.mainConWrap dl.col3{width:289px;float:left;height:113px; border:1px solid #dddddd; margin-top:28px; background:url(../../images/main/banner_03bg.gif) left top no-repeat;}
	.mainConWrap dl.col4{width:289px;float:left;height:120px;margin-right:62px; margin-top:65px; background:url(../../images/main/cols03_bg.png) right top no-repeat;}
	.mainConWrap dl.col5{width:270px;float:left;height:120px;margin-right:62px; margin-top:65px; background:url(../../images/main/cols02_bg.png) right top no-repeat;}
	.mainConWrap dl.col6{width:271px; float:left;height:120px;margin-top:65px; background:url(../../images/main/cols01_bg.png) right top no-repeat;}
	
	.mainConWrap dl.col1 dt{margin-top:15px; margin-left:15px}
	.mainConWrap dl.col1 dd{margin-top:7px; margin-left:15px; color:#999999!important; line-height:17px; font-family:'Nanum Gothic'; font-size:11px!important;}
	.mainConWrap dl.col2 dt{margin-top:15px; margin-left:15px}
	.mainConWrap dl.col2 dd{margin-top:7px; margin-left:15px; color:#999999!important; line-height:17px; font-family:'Nanum Gothic'; font-size:11px!important;}
	.mainConWrap dl.col3 dt{margin-top:15px; margin-left:15px}
	.mainConWrap dl.col3 dd{margin-top:7px; margin-left:15px; color:#999999!important; line-height:17px; font-family:'Nanum Gothic'; font-size:11px!important;}
	
	.mainConWrap dl.col4 dt{font-size:15px;font-family:'Nanum GothicB'; font-weight:bold; color:#000000!important;}
	.mainConWrap dl.col4 dd{line-height:17px; font-family:'Nanum Gothic'; color:#666666; font-size:12px!important; margin-top:13px;}
	.mainConWrap dl.col5 dt{font-size:15px;font-family:'Nanum GothicB'; font-weight:bold; color:#000000!important;}
	.mainConWrap dl.col5 dd{line-height:17px; font-family:'Nanum Gothic'; color:#666666; font-size:12px!important; margin-top:13px}
	.mainConWrap dl.col6 dt{font-size:15px;font-family:'Nanum GothicB'; font-weight:bold; color:#000000!important;}
	.mainConWrap dl.col6 dd{line-height:17px; font-family:'Nanum Gothic'; color:#666666; font-size:12px!important; margin-top:13px}
	
	.gobt{position:absolute; bottom:12px}

/*sub contents*/
#container {width:960px; overflow:hidden; margin:0 auto; background:url(../../images/sub/container_bg.gif) 210px top no-repeat;}
	#Scontents{width:697px; float:right; min-height:400px; margin-top:45px; text-align:left; margin-left:50px; margin-bottom:60px }
	#Scontents .titleArea{height:45px; margin-bottom:20px; position:relative;}	
	#Scontents .titleArea h3{padding:0px; color:#333; margin-top:20px; font-size:30px; font-family: 'Nanum GothicEB';}	
	#Scontents .titleArea .location {padding-left:15px; position:absolute; left:0px; top:-25px; color:#888888; font-size:11px; font-family:'³ª´®°íµñ'; background:url(../../images/common/icon_location.gif) left 2px no-repeat}	
	#Scontents .titleArea .location .strong{color:#333}
	
	/*contents*/
	.contentsArea{padding:0px}
	.contentsArea .con_01{background:url(../../images/sub/con_01_bg.gif) right bottom no-repeat; line-height:20px; font-family:'Nanum Gothic';}
	.contentsArea .con_02{background:url(../../images/sub/con_02_bg.jpg) right bottom no-repeat; line-height:20px; font-family:'Nanum Gothic';}
	.contentsArea .con_02 .con_02T01{margin-top:30px; background:url(../../images/sub/con_02_year01.gif) left top no-repeat; padding-left:165px}
	.contentsArea .con_02 .con_02T02{margin-top:30px; background:url(../../images/sub/con_02_year02.gif) left top no-repeat; padding-left:165px}
	.contentsArea .con_02 .con_02T03{margin-top:30px; background:url(../../images/sub/con_02_year03.gif) left top no-repeat; padding-left:165px}
	.contentsArea .con_02 .con_02T04{margin-top:30px; background:url(../../images/sub/con_02_year04.jpg) left top no-repeat; padding-left:165px}
	
	.contentsArea h4{color:#1379d7; font-family:'Nanum Gothic'; font-size:19px; }
	.contentsArea h5{font-weight:bold; font-size:16px; font-family:'Nanum GothicB'; margin-bottom:10px; color:#000000!important;}
	.contentsArea h6{font-weight:bold; font-size:16px; font-family:'Nanum GothicB'; margin-bottom:4px; color:#1379d7;}
	
	.contentsArea .section{margin-bottom:60px}
	.contentsArea .T01{margin-top:30px; padding-top:10px; background:url(../../images/common/bar.gif) 32px top no-repeat;}
	.contentsArea .T01_1{margin-top:0px; padding-top:0px; }

	.contentsArea .T02{margin-top:30px; background:url(../../images/sub/pro_con01.jpg) left top no-repeat; padding-left:340px}
	.contentsArea .T02 span.dot{padding-left:12px; background:url(../../images/common/dot_blue_icon.gif) 1px center no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	
	.contentsArea .T03{margin-top:30px; background:url(../../images/sub/pro_con02.jpg) left top no-repeat; padding-left:340px}
	.contentsArea .T03 li.dot{padding-left:12px; background:url(../../images/common/dot_blue_icon.gif) 1px 11px no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	.contentsArea .T03_1{margin-top:10px;}
	.contentsArea .T03_1 li.dot{padding-left:12px; background:url(../../images/common/dot_blue_icon.gif) 0px center no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	
	.contentsArea .T04{margin-top:30px; background:url(../../images/sub/pro_con03.jpg) left top no-repeat; padding-left:340px}
	.contentsArea .T04 span.dot{padding-left:12px; background:url(../../images/common/dot_blue_icon.gif) 1px center no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	
	.contentsArea .T05{margin-top:30px; background:url(../../images/sub/pro_con04.jpg) left top no-repeat; padding-left:340px}
	.contentsArea .T05 li.dot{padding-left:12px; margin-top:8px; background:url(../../images/common/dot_blue_icon.gif) 1px center no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	.contentsArea .T05 li.dot:first-child{padding-left:12px; margin-top:8px; background:url(../../images/common/dot_blue_icon.gif) 1px center no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	.contentsArea .T05 li.dotnott{padding-left:12px;line-height:20px; font-family:'Nanum GothicB'; color:#333333;}
	
	.contentsArea .T06{margin-top:30px; background:url(../../images/sub/pro_con05.jpg) left top no-repeat; padding-left:340px}
	.contentsArea .T06 li.dot{padding-left:12px; background:url(../../images/common/dot_blue_icon.gif) 1px 11px no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	.contentsArea .T06_1{margin-top:-60px;}
	.contentsArea .T06_1 li.dot{padding-left:15px; background:url(../../images/common/dot_blue_icon.gif) 0px center no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}

	.contentsArea .T07{margin-top:30px; background:url(../../images/sub/pro_con07.jpg) left top no-repeat; padding-left:340px}
	.contentsArea .T07 li.dot{padding-left:12px; margin-top:8px; background:url(../../images/common/dot_blue_icon.gif) 1px center no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	.contentsArea .T07 li.dot:first-child{padding-left:12px; margin-top:8px; background:url(../../images/common/dot_blue_icon.gif) 1px center no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	.contentsArea .T07 li.dotnott{padding-left:12px;line-height:20px; font-family:'Nanum GothicB'; color:#333333;}

	.contentsArea .T08{margin-top:30px; background:url(../../images/sub/pro_con08.jpg) left top no-repeat; padding-left:340px}
	.contentsArea .T08 li.dot{padding-left:12px; margin-top:8px; background:url(../../images/common/dot_blue_icon.gif) 1px center no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	.contentsArea .T08 li.dot:first-child{padding-left:12px; margin-top:8px; background:url(../../images/common/dot_blue_icon.gif) 1px center no-repeat; line-height:26px; font-family:'Nanum GothicB'; color:#333333;}
	.contentsArea .T08 li.dotnott{padding-left:12px;line-height:20px; font-family:'Nanum GothicB'; color:#333333;}


	.contentsArea .pT01{background:url(../../images/sub/con06_icon01.gif) left top no-repeat; padding-left:140px; margin-bottom:30px; padding-bottom:16px; font-family:'Nanum Gothic'}
	.contentsArea .pT02{background:url(../../images/sub/con06_icon02.gif) left top no-repeat; padding-left:140px; margin-bottom:26px; padding-bottom:30px; font-family:'Nanum Gothic'}
	.contentsArea .pT03{background:url(../../images/sub/con06_icon03.gif) left top no-repeat; padding-left:140px; margin-bottom:30px; font-family:'Nanum Gothic'}
	.contentsArea .pT04{background:url(../../images/sub/con06_icon04.gif) left top no-repeat; padding-left:140px; margin-bottom:34px; padding-bottom:30px; font-family:'Nanum Gothic'}
	.contentsArea .pT05{background:url(../../images/sub/con06_icon05.gif) left top no-repeat; padding-left:140px; margin-bottom:30px; padding-bottom:20px; font-family:'Nanum Gothic'}
	
	.contentsArea .pT01 h5{color:#1379d7!important; font-family:'Nanum GothicB'; font-size:16px; }
	.contentsArea .pT02 h5{color:#1379d7!important; font-family:'Nanum GothicB'; font-size:16px; }
	.contentsArea .pT03 h5{color:#1379d7!important; font-family:'Nanum GothicB'; font-size:16px; }
	.contentsArea .pT04 h5{color:#1379d7!important; font-family:'Nanum GothicB'; font-size:16px; }
	.contentsArea .pT05 h5{color:#1379d7!important; font-family:'Nanum GothicB'; font-size:16px; }
	
	.h6{color:#1379d7; font-family:'Nanum GothicB'; font-size:16px; margin-bottom:10px;}
	.h4_2{line-height:26px; margin-top:-10px;font-weight:bold; font-size:16px; font-family:'Nanum GothicB'; margin-bottom:10px; color:#333333!important;}
	
	.blueF{color:#1379d7!important;}
	
	.contentsArea .con08{margin-top:40px;}
	.contentsArea .con08 .h5{color:#1379d7; font-size:18px; font-weight:normal!important; font-family:'Nanum GothicB'; width:100px;}
	.contentsArea .con08 .nomall{padding-left:85px; margin-top:-20px; font-family:'Nanum Gothic'; line-height:20px;}
	.contentsArea .con08 .nomall2{padding-left:100px; margin-top:-20px; font-family:'Nanum Gothic'; line-height:20px; background:url(../../images/common/blue_dots.gif) 85px center no-repeat;}
	
	.contentsArea .con09{margin-top:40px;}
	.contentsArea .con09 .h5{color:#1379d7; font-size:18px; font-weight:normal!important; font-family:'Nanum GothicB'; width:100px;}
	.contentsArea .con09 .nomall{padding-left:108px; margin-top:-20px; font-family:'Nanum Gothic'; line-height:20px;}
	.contentsArea .con09 .nomall2{padding-left:120px; margin-top:-20px; font-family:'Nanum Gothic'; line-height:20px; background:url(../../images/common/blue_dots.gif) 108px center no-repeat;}
	


	.contentsArea span.dot{padding-left:30px; background:url(../../images/common/dot_icon.gif) 13px center no-repeat; line-height:20px; font-family:'Nanum Gothic'; color:#333333;}
	.emailbtn{padding-left:85px; margin-top:13px;}
	.emailbtn2{padding-left:108px; margin-top:13px;}
	.fB{ font-family:'Nanum GothicEB'}
	.dotnot{padding-left:12px; line-height:13px; font-family:'Nanum Gothic'; color:#333333; margin-bottom:8px;}
	.dotnot2{padding-left:15px; line-height:13px; font-family:'Nanum Gothic'; color:#333333; margin-bottom:8px;}
	.textB{font-family:'Nanum GothicB'}
	
	
	/*table*/
	.Type01{font-family:'Nanum Gothic'; width:100%; margin-top:30px; line-height:20px;}
	.Type01 th{text-align:center; height:35px; background:url(../../images/common/product_board_bg.gif) left top repeat-x; border-right:1px solid #ccc; border-left:1px solid #ccc;}
	.Type01 td{height:28px; font-size:12px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding-left:20px; padding-top:5px; padding-bottom:5px;}
	.Type01 td:first-child{height:28px; font-size:12px; border-left:none; border-bottom:1px solid #ccc; padding-left:20px; padding-top:5px; padding-bottom:5px;}
	
	

	/*sub navigation bar*/
	#SNB {width:212px; float:left; margin-top:80px;}
	.SNBWrap {margin-top:0px}
	.SNBWrap h3{margin-bottom:35px; font-weight:bold; color:#000; font-size:20px; padding-left:0;}
	.SNBWrap .menu li{width:100%; margin:0px 0px; font-family:'³ª´®°íµñ'; font-weight:bold; padding-top:4px!important; border-bottom:1px solid #e0e0e0;}

	.SNBWrap .menu .snb_off{font-size:12px; color:#56585c; width:100%; background:url(../../images/sub/snb_out.gif) right 0px no-repeat; height:35px; padding:0px; line-height:30px;}
	.SNBWrap .menu .snb_on{font-size:12px; color:#000000; width:100%; background:url(../../images/sub/snb_ov.gif) right 0px no-repeat; height:35px; padding:0px; line-height:30px;}
	
	.SNBWrap .menu .snb_2dep{font-size:12px; color:#666; width:100%; background:#ffffff !important; height:15px; padding:0px; line-height:15px;}
	.SNBWrap .menu .snb_2dep_on{font-size:12px; color:#339fd3; width:100%; background:#f5f5f5 !important; height:15px; padding:0px; line-height:15px;}
	
	.SNBWrap .menu .snb_on a, .SNBWrap .menu .snb_off a,
	.SNBWrap .menu .snb_on a:hover, .SNBWrap .menu .snb_off a:hover,
	.SNBWrap .menu .snb_on a:link, .SNBWrap .menu .snb_off a:link{color:#fff; width:100%; display:block}
	
	.SNBWrap .menu .snb_2dep a{color:#666; width:100%; display:block}
	.SNBWrap .menu .snb_2dep a:hover, .SNBWrap .menu .snb_2dep_on a, .SNBWrap .menu .snb_2dep_on a:hover{color:#dd0000; width:100%; display:block}
	
	/* banner */
	.SNBWrap .banner{margin-top:25px; width:100%;}
	.SNBWrap .banner li{width:198px; text-align:center; padding:30px 0px; background:#f5f5f5; border:1px dashed #e0e0e0;}



/*foot*/
#foot{z-index:99999 !important; width:100%; border-top:1px solid #e0e0e0; margin-top:20px;}
	.footWrap {width:1000px; height:100px; margin:0 auto; position:relative; font-size:11px;}
	.footWrap h3{padding:30px 80px 0 0px; float:left; font-size:30px; margin-left:20px;}
	.footWrap .footCnt{float:left; padding-top:30px;}
	.footWrap .footCnt address{padding-bottom:3px;color:#a5a5a5; font-family:'Nanum Gothic'}
	.footWrap .footCnt address span{padding-right:10px; margin-right:10px;   background:url(../../images/common/util_gap.gif) right top no-repeat}
	.footWrap .footCnt .way21{padding-top:3px; color:#999;}
	.footWrap .footCnt .way21 a, .footWrap .footCnt .way21 a:hover, .footWrap .footCnt .way21 a:active, .footWrap .footCnt .way21 a:visit, .footWrap .footCnt .way21 a:link{color:#ccc !important;}