@charset "utf-8";
@import url('base.css');
@import url('layout.css');

hr	{display: none;}
body	{line-height: 1.5em; font-size: .75em; font-family: 'µ¸¿ò', Dotum, sans-serif; background: url('') 50% 0 no-repeat;}
#container{padding-top: 70px;}

/* content-primary */
.content-primary{position: static; float: left; width: 980px; padding-top: 25px; min-height: 600px;}
.content-primary .content-identity{position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 345px; background-position: 50% 0; background-repeat: no-repeat; background-image: url('/images/bg_content_identity.jpg')}

/*TAB*/
.Tab table{border:1px #aeaeae solid;}
.Tab table tr td{padding:10px 30px 10px 30px; font-weight:bold; font-size:10pt;}
.Tab table tr td.on{background-color:#01b6ad;}
.Tab table tr td.on a{color:#FFF;}
.Tab table tr td a{text-decoration:none; color:#555;}

/*board*/
.list-table.info{width:980px; border-top:2px solid #7cb62c;margin:0 0 0 0;}
.list-table{border-top:1px solid #aaa;}
.list-table th{background:#fafafa;color:#454545;border-bottom:1px solid #ddd;height:35px;line-height:35px;}
.list-table td{text-align:center;border-bottom:1px solid #eaeaea;line-height:20px;padding:8px 20px 7px 20px;}
.list-table tr.last td{border-bottom:1px solid #d5d5d5;}
.list-table tr.new td{background:#fafafa;font-weight:bold;}
.list-table td.notice,.list-table td.notice a{color:#333;font-weight:bold;}
.list-table td.tit a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}
.list-table .ico {margin: 0 0 0 10px;vertical-align: middle;}
.list-table .ico2{margin:0px 0 0 8px;vertical-align:middle;}
.list-table td.notice, .list-table td.notice img.ico2 {margin:-2px 0 0 8px;}
.list-table a:hover,.list-table a:focus{text-decoration:underline;}

.list-view.info{border-top:2px solid #7cb62c;}
.list-view{border-top:1px solid #aaa;}
.list-view th{color:#444;font-weight:normal;}
.list-view th a{color:#444;}
.list-view th,.list-view td{word-break:break-all;}

.list-view table tr{background:#fafafa;line-height:20px;padding:8px 0;border-bottom:1px solid #ddd;vertical-align:top;font-weight:bold;}
.list-view table tr .fwn{font-weight:normal;color:#666;}
.view_title{width:400px; padding:0 0 0 30px; }
.view_date{width:80px; color:#888;}
.view_click{width:60px; color:#888;}
.cont2{padding:30px;}
.download{width:100%; border-top:1px #eaeaea solid; padding:10px 0 10px 30px; border-bottom:1px #eaeaea solid;}

.list-view-title{width:100%; border-top:2px solid #7cb62c; background:#fafafa;line-height:20px;padding:0;border-bottom:1px solid #ddd;vertical-align:top; height:50px;}
.list-view thead th{background:#fafafa;line-height:20px;padding:8px 0;border-bottom:1px solid #ddd;vertical-align:top;font-weight:bold;}
.list-view thead th .fwn{font-weight:normal;color:#666;}
.list-view tbody td{line-height:20px;padding:8px 0 7px 0;border-bottom:1px solid #ddd;}
.list-view tbody th{line-height:20px;padding:8px 30px 7px 30px;border-bottom:1px solid #ddd;text-align:right;}
.list-view tbody td a{color:#666;}
.list-view a:hover,.list-view a:focus{text-decoration:underline;}
.list-view .tit{padding-left:30px;text-align:left;}
.list-view .date{padding-right:30px;text-align:right;}
.list-view .cont{padding:30px;border-bottom:1px solid #ddd;}
.list-view .cont > div{line-height:20px;min-height:150px;}
.list-view tr.prev th,
.list-view tr.prev td{border-bottom:1px solid #aaa;}
.list-view tr.next th,
.list-view tr.next td{border-bottom:1px solid #eaeaea;}
.list-view .move a{padding:0 0 0 17px;}
.list-view tr.prev .move a{background:url(../../hw_inc/img/ico_list_prev.gif) no-repeat 0 50%;}
.list-view tr.next .move a{background:url(../../hw_inc/img/ico_list_next.gif) no-repeat 0 50%;}
.list-view .tit-list{color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.search-area{text-align:center;margin:23px 0 0 0;}
.search-area select{width:79px;height:23px;border:1px solid #c5c5c5;vertical-align:top;margin:1px 0 0 0;}
.search-area .input{background:url(../../hw_inc/img/bg_input_l.gif) no-repeat;vertical-align:top;display:inline-block;height:23px;margin:1px 0 0 0;}
.search-area .input input{width:;height:15px;line-height:15px;padding:4px 7px;background:url(../../hw_inc/img/bg_input_r.gif) no-repeat 100% 0;border:0;}
*:first-child+html .search-area .input input{margin:-1px 0 0 0;}
.search-area .btn{vertical-align:top;margin:0 0 0 1px;}

/*¸µÅ©*/
.prod{background:url(/asp/images/product_list_bg.gif) repeat-y left; width:720px; margin:8px 0;}
.prod_top{background:url(/asp/images/product_list_top.gif) no-repeat left; height:4px; width:720px}
.prod_bot{background:url(/asp/images/product_list_bot.gif) no-repeat left; height:4px; width:720px}
.prod_img{margin:8px 7px; padding:5px 5px; width:140px; border-right:#ddd dotted 1px; text-align:center; vertical-align:top; font:Verdana, µ¸¿ò; color:#069; font-weight:bold }
.prod_img src{margin:8px 7px; padding:5px 5px; width:140px; border-right:#ddd dotted 1px; text-align:center; vertical-align:middle; font:Verdana, µ¸¿ò; color:#069; font-weight:bold }
.prod_det{}
.prod_det dl{padding:5px 10px; width:570px;  } 
.prod_det dt{ padding:3px 0 0 0; height:20px; width:570px; font:µ¸¿ò; color:#099; font-weight:bold; text-align:left;  } 
.prod_det dd{clear:both; margin-bottom:10px; width:570px; text-align:left;}

.prod_logo{margin:8px 7px; padding:5px 5px; width:200px; border-right:#ddd dotted 1px; text-align:center; vertical-align:middle; font:Verdana, µ¸¿ò; color:#069; font-weight:bold }
.prod_agy{width:980px; }
.prod_agy dl{padding:5px 10px; width:800px;  } 
.prod_agy dt{ padding:3px 0 0 0; height:20px; font:Verdana, µ¸¿ò; font-size:14px; color:#069; font-weight:bold; text-align:left;  } 
.prod_agy dd{clear:both;  text-align:left;}

.prod_tab{background:url(/asp/images/product/Tab_bg.gif) no-repeat left; width:720px; height:28px}
.prod_tab td.on{clear:both; background:url(/asp/images/product/Tab_on.gif) no-repeat left; width:132px; font:µ¸¿ò; color:#069; font-weight:bold; text-align:center;  }
.prod_tab td.on a{ text-decoration:none; color:#069;}
.prod_tab td on a:hover, a:active{text-decoration:none; color:#07E0E0; }
.prod_tab td.out{background:url(/asp/images/product/Tab_out.gif) no-repeat left; width:132px; color:#666; font-weight:bold; text-align:center;  }
.prod_tab td.out a{font:µ¸¿ò; color:#666; font-weight:bold; text-align:center;  }
.prod_tab td out a:hover, a:active{text-decoration:none; color:#07E0E0; }


/*faq*/

/*hybrid q&a*/
.section.qna .tab.small													{*zoom: 1;}
.section.qna .tab.small:after											{content: ""; display: block; float: none; clear: both;}
.section.qna .wrap														{padding-top: 0px;}

/*.recall-accordion h3													{padding: 25px 0; vertical-align: bottom; border-bottom: 1px #e4e4e4 solid;}*/
/*.recall-accordion h3 img												{margin-right: 4px; vertical-align: bottom;}*/
.section ul.tab li														{float:left}
.section h3																{clear:both; margin-top:30px; background: url(/res/images/hybrid/question_mark.jpg) 0 0 no-repeat; padding:3px 0 20px 0; text-indent:40px }
.accordion .border-list													{border-top: 1px #afd359 solid;}
.accordion .border-list li												{background: url('/images/accordion_on.gif') no-repeat 95% 28px;}
.accordion .border-list li.active										{background-image: url('/images/accordion_off.gif')}
.accordion .border-list li .question									{cursor: pointer; padding: 25px 50px 25px 40px; color: #666666; font-weight: bold; border-bottom: 1px #e4e4e4 solid;}
.accordion .border-list li .question span								{color: #666666;}
.accordion .border-list li.active .question span						{color: #00b8b0;}
.accordion .border-list li .answer										{display: none; padding: 20px 25px 30px 40px; color: #666666; border-bottom: 1px #e4e4e4 solid; position:relative;}
.accordion .border-list li .answer	.ans_txt{width:750px; padding:0px 0 0 15px; position:relative;}
.accordion .border-list li .answer	p{float:left;}
.accordion .border-list li.active .answer								{display: block;}
.accordion .border-list li table										{table-layout: fixed; width: 100%; border: 0 none; border-spacing: 0; border-collapse: collapse; width: 540px; margin: 0 auto;}
.accordion .border-list li table th										{height: 36px; color: #333333; text-align: center; border: 1px #e4e4e4 solid; background: #f2f2f2;}
.accordion .border-list li table td										{height: 36px; color: #666666; text-align: center; border: 1px #e4e4e4 solid;}

.accordion .border-list li:nth-child(1) .question						{background: url('/res/images/common/accordion_num_01.gif') no-repeat 0% 50%;}
.accordion .border-list li:nth-child(2) .question						{background: url('/res/images/common/accordion_num_02.gif') no-repeat 0% 50%;}
.accordion .border-list li:nth-child(3) .question						{background: url('/res/images/common/accordion_num_03.gif') no-repeat 0% 50%;}
.accordion .border-list li:nth-child(4) .question						{background: url('/res/images/common/accordion_num_04.gif') no-repeat 0% 50%;}
.accordion .border-list li:nth-child(5) .question						{background: url('/res/images/common/accordion_num_05.gif') no-repeat 0% 50%;}
.accordion .border-list li:nth-child(6) .question						{background: url('/res/images/common/accordion_num_06.gif') no-repeat 0% 50%;}
.accordion .border-list li:nth-child(7) .question						{background: url('/res/images/common/accordion_num_07.gif') no-repeat 0% 50%;}
.accordion .border-list li:nth-child(8) .question						{background: url('/res/images/common/accordion_num_08.gif') no-repeat 0% 50%;}
.accordion .border-list li:nth-child(9) .question						{background: url('/res/images/common/accordion_num_09.gif') no-repeat 0% 50%;}
.accordion .border-list li:nth-child(10) .question						{background: url('/res/images/common/accordion_num_10.gif') no-repeat 0% 50%;}

.accordion .border-list li.nth-child-1 .question						{background: url('/res/images/common/accordion_num_01.gif') no-repeat 0% 50%;}
.accordion .border-list li.nth-child-2 .question						{background: url('/res/images/common/accordion_num_02.gif') no-repeat 0% 50%;}
.accordion .border-list li.nth-child-3 .question						{background: url('/res/images/common/accordion_num_03.gif') no-repeat 0% 50%;}
.accordion .border-list li.nth-child-4 .question						{background: url('/res/images/common/accordion_num_04.gif') no-repeat 0% 50%;}
.accordion .border-list li.nth-child-5 .question						{background: url('/res/images/common/accordion_num_05.gif') no-repeat 0% 50%;}
.accordion .border-list li.nth-child-6 .question						{background: url('/res/images/common/accordion_num_06.gif') no-repeat 0% 50%;}
.accordion .border-list li.nth-child-7 .question						{background: url('/res/images/common/accordion_num_07.gif') no-repeat 0% 50%;}
.accordion .border-list li.nth-child-8 .question						{background: url('/res/images/common/accordion_num_08.gif') no-repeat 0% 50%;}
.accordion .border-list li.nth-child-9 .question						{background: url('/res/images/common/accordion_num_09.gif') no-repeat 0% 50%;}
.accordion .border-list li.nth-child-10 .question						{background: url('/res/images/common/accordion_num_10.gif') no-repeat 0% 50%;}

#content_01 .accordion .border-list li:nth-child(2) .answer						{overflow: hidden; position: relative; width: 635px; height: 966px;}
#content_01 .accordion .border-list li.nth-child-2 .answer						{position: relative; width: 635px; height: 966px;}
#content_01 .accordion .border-list li:nth-child(2) .answer .imageReplacement	{position: absolute; display: block; top: 151px; left: 40px; width: 635px; height: 839px; background: #fff url('/res/images/hybrid/hybrid_answer_0103.jpg') no-repeat;}
#content_01  .accordion .border-list li.nth-child-2 .answer .imageReplacement	{position: absolute; display: block; top: 151px; left: 40px; width: 635px; height: 839px; background: #fff url('/res/images/hybrid/hybrid_answer_0103.jpg') no-repeat;}

#content_01 .accordion .border-list li:nth-child(2) .answer table				{width: 100%; border: 1px solid #000; border-spacing: 0; border-collapse: collapse;}
#content_01 .accordion .border-list li.nth-child-2 .answer table				{width: 100%; border: 1px solid #000; border-spacing: 0; border-collapse: collapse;}
#content_01 .accordion .border-list li:nth-child(2) .answertable table th, 
#content_01 .accordion .border-list li:nth-child(2) .answertable table td		{border: 1px solid #000;}
#content_01 .accordion .border-list li.nth-child-2 .answertable table th, 
#content_01 .accordion .border-list li.nth-child-2 .answertable table td		{border: 1px solid #000;}

#content_03 .accordion .border-list li:nth-child(4) .answer						{overflow: hidden; position: relative; width: 666px; height: 370px;}
#content_03 .accordion .border-list li.nth-child-4 .answer						{position: relative; width: 666px; height: 370px;}
#content_03 .accordion .border-list li:nth-child(4) .answer .imageReplacement	{position: absolute; display: block; top: 0; left: 34px; width: 666px; height: 370px; background: #fff url('/res/images/hybrid/hybrid_answer_0301.jpg') no-repeat;}
#content_03 .accordion .border-list li.nth-child-4 .answer .imageReplacement	{position: absolute; display: block; top: 0; left: 34px; width: 666px; height: 370px; background: #fff url('/res/images/hybrid/hybrid_answer_0301.jpg') no-repeat;}

.accordion .border-list li .answer span.additional_txt {disaply:block; padding:10px 0; width:63px; height:20px}