/* reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,input,textarea,p,blockquote,th,td,a,div {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:맑은 고딕,Malgun Gothic,돋움,dotum,NanumGothicWeb,NanumGothic,;Sans-serif;
	color:#666666;
}
img{vertical-align:top;}
a{text-decoration:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;font-weight:normal;}

/*subpage*/
.main_top_area {background:url("../img/main_bg.jpg") no-repeat center #D0E1FB; height:535px;}
.main_top {background:url(none); height:535px; width:956px; position:relative; margin:0 auto;}
.top_area {background:url("../img/sub_top_bg.gif") repeat-x; height:305px;}
.company_top {background:url("../img/company_visual.gif") no-repeat; height:305px; width:956px; position:relative; margin:0 auto;}
.service_top {background:url("../img/service_visual.gif") no-repeat; height:305px; width:956px; position:relative; margin:0 auto;}
.customer_top {background:url("../img/customer_visual.gif") no-repeat; height:305px; width:956px; position:relative; margin:0 auto;}
.product_top {background:url("../img/product_visual.gif") no-repeat center; height:305px; width:956px; position:relative; margin:0 auto;}
.keypad {position:absolute; top:0; right:-20px;}
.top_logo {position:absolute; top:40px; left:30px;}
.top_menu {background:url("../img/top_menu_bg.gif") no-repeat; width:621px; height:41px; position:absolute; top:40px; right:107px;}
.top_menu ul {margin-left:15px;}
.top_menu li {float:left; text-align:center; width:150px;}
.top_menu li a {width:133px; display:block; height:41px;}  
.content_area {width:943px; margin:0 auto; background:url("../img/content_bg.gif") repeat-y; padding:34px 0 50px 0; overflow:visible;}
.left_area {float:left; width:186px; margin-right:30px; overflow:hidden;}
.left_top {text-align:center; padding:0 0 14px 0;}
.left_area ul {margin-bottom:20px;}
.left_area li {margin-bottom:3px;}
.left_li {padding:5px 0 5px 22px;}
.td-out {padding:5px 0 5px 22px;}
.td-over {padding:5px 0 5px 22px; background-color:#20307C;}
.td_font_over {color:#ffffff;}
.td_font_out {}
.prod_title {color:#20307C; font-size:23px; margin-bottom:40px; }
.prod_list_title {padding:10px 0 20px 0; color:#20307C; font-size:17px; font-weight:bold;}
.best_title {color:#20307C; font-size:15px; font-weight:bold;}
.best_img img{width:100%;}
.banner {border-top:1px solid #E4E4E4;}
.banner img {border-bottom:1px solid #E4E4E4;}
.cont_area {float:right; width:725px; margin-top:18px}
.cont_area2 {float:right; width:750px; margin-top:18px}
.sub_title {margin-bottom:40px;}
.product_list {overflow:hidden;}
.product_list li {float:left; margin-right:5px; height:304px;}
.pp {border-top:1px solid #E4E4E4;}
.pop_style {border:8px solid #20307C; padding:20px; position:absolute; top:0; left:0; width:655px; background-color:#ffffff;}
.pop_cont {overflow:hidden;}
.pop_close {width:100%; text-align:right; clear:both; margin-top:10px;}

.pop_box01 {overflow:hidden;  margin-bottom:25px;}
.pop_img {width:331px; float:left; margin-right:15px;}
.pop_img2 img  {width: 331px; float:left }​
.pop_txt {float:left;}
.pro_title {padding:27px 0 20px 0;}
.pro_title2 {padding:27px 0 20px 0; color:#20307C; font-size:35px; font-weight:bold;}
.pop_title {padding:0 0 10px 0;}
.pop_box01_txt {overflow:auto; float:right; line-height:20px; color:#000000; width:300px; height:220px;}
.pop_box01_txt2 {overflow:auto; float:right; line-height:20px; color:#000000; width:650px; height:220px;}
.pop_box02 {clear:both; overflow:hidden;}
.pop_title02 {float:left; width:109px;}
.pop_box02_txt {float:left; overflow:auto;line-height:20px; color:#000000; width:540px; height:160px;}

.p_table {border-top:2px solid #333333; width:100%;}
.p_table th {background-color:#F6F6F6; font-weight:bold; padding:7px 0 7px 0; border-right:1px solid #E2E0E0; border-bottom:1px solid #B8B8B8; text-align:center; color:#000000;}
.p_table th.end {background-color:#F6F6F6; font-weight:bold; padding:10px 0 10px 0; border-right:0px; border-bottom:1px solid #B8B8B8; color:#000000;}
.p_table td {padding:10px 0 10px 20px; border-right:1px solid #E2E0E0; line-height:20px; border-bottom:1px solid #B8B8B8;}
.p_table td.end {padding:10px 0 10px 0; border-right:0px; line-height:20px; border-bottom:1px solid #B8B8B8;}
.p_table td.end02 {padding:10px 0 10px 20px; border-right:0px; line-height:20px; border-bottom:1px solid #B8B8B8;}

.p_table02 td {padding:0 40px 0 0; color:#000000;}

.sub_txtbox {}
.sub_txtbox ul {margin-bottom:15px;}
.sub_txtbox li {margin-bottom:10px; line-height:20px;}

.sub_txtbox dl {margin-bottom:15px;}
.sub_txtbox dt {font-weight:bold; margin-bottom:10px;}
.sub_txtbox dd {margin-bottom:10px; line-height:20px; padding-left:15px;}

.sub_txtbox2 dl {margin-bottom:15px;}
.sub_txtbox2 dt {font-weight:bold; margin-bottom:10px; background:url("../img/blit.gif") no-repeat 0 3px; padding-left:15px;}
.sub_txtbox2 dd {margin-bottom:10px; line-height:20px; padding-left:15px;}

.d_table {border-top:2px solid #333333; width:100%;}
.d_table th {background:url("../img/th_bar.gif") #F6F6F6 no-repeat right; font-weight:bold; height:28px; border-bottom:1px solid #B8B8B8; text-align:center; color:#000000;}
.d_table th.end {background:none #F6F6F6; font-weight:bold; height:28px; border-right:0px; border-bottom:1px solid #B8B8B8; color:#000000;}
.d_table td {padding:7px 0 7px 0; text-align:center; border-right:1px solid #E2E0E0; line-height:20px; border-bottom:1px solid #B8B8B8;}
.d_table td.subject {padding:7px 0 7px 10px; text-align:left; border-right:1px solid #E2E0E0; line-height:20px; border-bottom:1px solid #B8B8B8;}
.d_table td.end {padding:7px 0 7px 0; text-align:center; border-right:0; line-height:20px; border-bottom:1px solid #B8B8B8;}

.d_list {width:100%;}
.d_list td {padding:7px 0 7px 0; text-align:center; border-right:1px solid #E2E0E0; line-height:20px; border-bottom:1px solid #B8B8B8;}
.d_list td.subject {padding:7px 0 7px 10px; text-align:left; border-right:1px solid #E2E0E0; line-height:20px; border-bottom:1px solid #B8B8B8;}
.d_list td.end {padding:7px 0 7px 0; text-align:center; border-right:0; line-height:20px; border-bottom:1px solid #B8B8B8;}
.d_list td.qna_txt {background-color:#F5F5F5; padding:20px; text-align:left; line-height:20px;}

.h_table td.v_yyyy {font-size:15px; color:#314289; padding:14px 7px 0 7px;}
.h_table td.v_mm {font-size:15px; color:black; padding:14px 7px 0 7px;}
.h_table td.v_title {font-size:14px; padding:14px 7px 0 7px;}

.qna_table {border-top:2px solid #333333; width:100%;}
.qna_table th {background:url("../img/th_bar.gif") #F6F6F6 no-repeat right; font-weight:bold; height:28px; border-bottom:1px solid #B8B8B8; text-align:center; color:#000000;}
.qna_table th.end {background:none #F6F6F6; font-weight:bold; height:28px; border-right:0px; border-bottom:1px solid #B8B8B8; color:#000000;}
.qna_table td {padding:7px 0 7px 0; text-align:center; border-right:1px solid #E2E0E0; line-height:20px; border-bottom:1px solid #B8B8B8;}
.qna_table td.subject {padding:7px 0 7px 10px; text-align:left; border-right:1px solid #E2E0E0; line-height:20px; border-bottom:1px solid #B8B8B8;}
.qna_table td.end {padding:7px 0 7px 0; text-align:center; border-right:0; line-height:20px; border-bottom:1px solid #B8B8B8;}

.qna_list {width:100%;}
.qna_list td {padding:7px 0 7px 0; text-align:center; line-height:20px; border-bottom:1px solid #B8B8B8;}
.qna_list td.subject {padding:7px 0 7px 10px; text-align:left; line-height:20px; border-bottom:1px solid #B8B8B8;}
.qna_list td.qna_txt {background-color:#F5F5F5; padding:20px; text-align:left; line-height:20px;}

.sub_txtbox span {color:#B46B1E;}

.end_area {background-color:#F9F9F9; height:73px; text-align:center; color:#777777; line-height:18px; padding-top:10px; clear:both;}
.end_area .copy {font-size:11px; color:#C0C0C0; margin-top:10px;}

.cust {position:absolute; bottom:0; right:0;}

.main_content_area {width:980px; margin:0 auto; padding:20px 0 5px 0; overflow:hidden;}
.notice_box {width:340px; float:left; margin-right:18px;}
.notice_title {margin-bottom:30px;}
.notice_list li{background:url("../img/notice_icon.gif") no-repeat 0 7px; padding-left:10px; margin-bottom:10px;} 
.product_title {margin-bottom:10px;}
.arrow_l {float:left; margin-top:38px;}
.arrow_r {float:right; margin-top:38px;}
.sliding img {vertical-align:middle;}
.sliding {width:573px; height:115px; overflow:hidden; float:left;}
.sliding li {text-align:center; width:180px;}
.sliding_banner {height:115px; margin-bottom:10px;}
.list_img img  {     width: 100% }​ 


/*popup*/
.main_pop {width:680px; margin:0 auto;}
.pop_title {margin-top:35px; border-bottom:1px solid #;}
.pop_content {height:; width:100%;}
.pop_table {border-top:2px solid #333333; width:100%;}
.pop_table th {background-color:#F6F6F6; font-weight:bold; height:28px; border-bottom:1px solid #B8B8B8; text-align:left; color:#000000; padding-left:10px; margin-bottom:10px;}
.pop_table td {padding:7px 5px 7px 5px; text-align:left; line-height:20px; border-bottom:1px solid #B8B8B8;}

.pop_btn {margin-top:10px; text-align:right;}
.pop_btn2 {margin-top:10px; text-align:center;}
.paging {margin-bottom:20px; text-align:center;}