@import url("base.css");

/*layout*/
#wrap_all { margin:0 auto; background-color:#041A3F; }
.wrap_main { position:absolute; width:100%; height:100%; background:url(/image/common/bg_main.jpg) top center no-repeat; }
.wrap_sub { position:absolute; width:100%; height:100%; background:url(/image/common/bg_sub.jpg) top center no-repeat; }
#wrap { position:relative; width:960px; margin:0 auto; }

/*top*/
#header { position:relative; width:960px; height:100px; margin:0 auto; }
#header .logo { float:left; padding-top:37px; }
.gnb { float:right; padding-top:13px; }
.gnb li { float:left; padding:0 0 0 7px; }
#header #menu { position:absolute; display:block; top:40px; left:355px; width:605px; }
.lnb { float:left; }
.lnb li { float:left; padding:0 0 0 0px; }

/*main*/
#main_box { position:relative; width:1000px; margin:0 auto; }
.main_visual { width:1000px; height:570px; padding:20px 0 35px 0; }
.main_con { width:960px; margin:0 auto; }
.news_area { float:left; width:320px; height:80px; }
.news_img { float:left; padding-right:10px; }
.news_area h3 { padding:4px 0px 8px 0px; }
.news_area li { font-size:12px; text-align:left; color:#828D9F; letter-spacing:-0.5pt; padding:2px 0 1px 0; }
.product_area { float:left; width:305px; height:80px; }
.product_img { float:left; padding-right:10px; }
.product_area h3 { padding:4px 0px 5px 0px; }
.product_area li { padding:0px 0px 0px 0px;}
.cs_area { float:left; width:227px; height:80px; }
.cs_img { float:left; padding-right:10px; }
.cs_area h3 { padding:4px 0px 5px 0px; }
.cs_area li { padding:0px 0px 0px 0px;}
.side { float:left; width:54px; height:80px; }

/*sub_img*/
#sub_visual { position:relative; width:960px; height:170px; margin:0 auto; }
.sub_img { padding:0 0 0 110px; }

/*snb*/
#snb {  position:absolute; float:left; width:260px; padding:0 50px 0 20px; }
#snb h2 { padding:27px 0 13px 0; }
#snb li { float:left; padding-bottom:0px; }

#left_ban { margin:0 auto; }
#left_ban li { padding:70px 0 0 0; }
#tab li { float:left; display:block; }
/*contents*/
#container { position:relative; width:960px; margin:0 auto; }
#contents { float:right; width:700px; padding:0px; }
#contents h2 { float:left; padding:27px 0 18px 0; }
#contents .location { float:right; padding:47px 4px 0 0; font-family:"µ¸¿ò","tahoma"; font-size:11px; Color:#585F79; letter-spacing:-1px; }
#contents .location a:link, a:visited { color:#585F79; text-decoration:none; }
#contents .location a:hover, a:active  { color:#585F79; text-decoration:none; }
#article { width:700px; min-height:350px; _height:350px; background-color:#ffffff; }
#article .cont { width:650px; padding:10px 0 0 0; margin:0 auto; }
.sub_table { border:#abd7f0 1px solid; border-spacing:0; }
.sub_table td { border:#abd7f0 1px solid; border-spacing:0; border-collapse:collapse; text-align:center; padding:2px 2px; }
.sub_table th { border:#abd7f0 1px solid; border-spacing:0; border-collapse:collapse; text-align:center; color:#1d4d63; }

.sub_table2 { border:#abd7f0 1px solid; border-spacing:0; }
.sub_table2 td { border:#abd7f0 1px solid; border-spacing:0; border-collapse:collapse; text-align:center; padding:2px 2px; }

#sub3_table { 
	border-top:2px solid #d5e0ec;
	border-bottom:2px solid #d5e0ec;
 }
#sub3_table td {
	padding-left:10px;
	border-bottom:1px solid #ebebeb;
	height:30px;
}

#system { height:40px; padding-top:30px; }
/*footer*/
#footer { clear:both; width:960px; margin:0 auto; }
#footer address,#footer p { padding :50px 0px 15px 0px ; }










.flick_banner{position:absolute; width:1000px;height:570px; background:url(/main_img/main_bg.png) no-repeat;}
.flick_view{overflow:hidden;position:relative; width:768px; height:570px; left:232px;}
.flick_view ul,.flick_view li{float:left;height:570px;}
.flick_view li{position:relative;width:768px;}
.flick_view a{position:absolute;bottom:0;left:0;}
.flick_pg{ position:absolute; top:0; left:0; width:232px; top:74px; }
.flick_pg a{overflow:hidden;display:inline-block;vertical-align:top; overflow:hidden; display:block; }
.flick_pg .n1{background:url(/main_img/popzone_btn1.png) no-repeat; cursor:pointer; overflow:hidden; display:block;width:232px;height:80px;}
.flick_pg .n2{background:url(/main_img/popzone_btn2.png) no-repeat; cursor:pointer; overflow:hidden; display:block;width:218px;height:80px;}
.flick_pg .n3{background:url(/main_img/popzone_btn3.png) no-repeat; cursor:pointer; overflow:hidden; display:block;width:198px;height:80px;}
.flick_pg .n4{background:url(/main_img/popzone_btn4.png) no-repeat; cursor:pointer; overflow:hidden; display:block;width:218px;height:80px;}
.flick_pg .n5{background:url(/main_img/popzone_btn5.png) no-repeat; cursor:pointer; overflow:hidden; display:block;width:232px;height:80px;}

.flick_pg .on .n1,.flick_pg .n1:hover{background:url(/main_img/popzone_btn1_r.png) no-repeat; overflow:hidden; display:block;width:232px;height:80px;}
.flick_pg .on .n2,.flick_pg .n2:hover{background:url(/main_img/popzone_btn2_r.png) no-repeat; overflow:hidden; display:block;width:218px;height:80px;}
.flick_pg .on .n3,.flick_pg .n3:hover{background:url(/main_img/popzone_btn3_r.png) no-repeat; overflow:hidden; display:block;width:198px;height:80px;}
.flick_pg .on .n4,.flick_pg .n4:hover{background:url(/main_img/popzone_btn4_r.png) no-repeat; overflow:hidden; display:block;width:218px;height:80px;}
.flick_pg .on .n5,.flick_pg .n5:hover{background:url(/main_img/popzone_btn5_r.png) no-repeat; overflow:hidden; display:block;width:232px;height:80px;}