@import url("product.css");
html, body, table, div, input, textarea, select, h1, h2, h3, h4, h5, h6 {color:#666; font-size:12px; font-family: Dotum, DotumChe;}
body {padding:0px;margin:0px; background-color:#ffffff;}
form, div, p, span, ul, li, dl, dd, dt, textarea, h1, h2, h3, h4, h5, h6, td {margin:0px; padding:0px;word-break:keep-all; line-height:18px;}
th { text-align:left; font-weight: normal}
table {border-collapse:collapse;}
ol, ul, dl {list-style:none;}
img {border:0px;}
input.box, textarea.box {border:1px solid #bebebe;}
hr {display:none;}
.f16 {font-size:16px;}
/* 이렇게 적용하면 ajax 처리에 문제가 있으므로 일단 주석처리 2009-05-08 김태호
select {behavior:url('/inc/css/selectbox2.htc'); #margin-top:-1px; vertical-align:middle; height:18px;}
*/
select.dg {behavior:url('/inc/css/selectbox2.htc'); #margin-top:-1px; vertical-align:middle; height:18px;}
/*기본링크 칼라*/
a:link {color:#666;text-decoration:none;}
a:visited {color:#666;text-decoration:none;}
a:hover {color:#999;text-decoration:underline;}
/******************************************layout******************************************/
#wrapper {width:1000px; margin:0 auto; padding:0px;}
#wrapper_in { width:970px;}
#header { margin: 0 0 20px 0}
#whole_body { width:100%;}
#leftmenu { position:relative; float:left;width:194px; margin: 0 0 0 0; }
#right_contents { float:left; width:776px; margin: 10px 0 0 0}
#contents_info { width:100%; height:28px; margin: 0 0 30px 0 }
#contents_info #title {float:left}
#contents_info #title h1 , #title h2 {display:inline}
#contents_info #navi { float:right; padding: 5px 5px 0 0; color:#999999;font-size:11px;}
#contents_info #navi :link, #contents_info #navi :visited { color:#999999;}
#contents_info #navi span {color:#999999;font-size:9px;font-family:Arial;}
#contents_body { min-height:330px;_height:330px}
#contents_body #title2 h3 { margin:0 0 20px 0}
#contents_body #title2 h4 { margin:0 0 8px 0}
#contents_body #title2 h5 { margin:0 0 2px 0}
#contents_body #title3 { float:right; margin:0 0 8px 0}
#footer {clear:both; width:970px; padding: 30px 0 20px 0; }
#footer .util {padding:20px 0 20px 10px;}
#footer .util li {float:left; }
#footer .util li img { padding: 0 5px}
#footer .add {clear:both;padding:6 0 0 15px;}
#footer .add li {float:left;padding:0 20px 0 0;}
#footer_main {clear:both; width:970px; padding: 5px 0 20px 0; }
#footer_main .util {padding:20px 0 20px 10px;}
#footer_main .util li {float:left; }
#footer_main .util li img { padding: 0 5px}
#footer_main .add {clear:both;padding:0 0 0 15px;}
#footer_main .add li {float:left;padding:0 20px 0 0;}
#right_top {}
#footer_contents { clear:both; margin:40px 0 0 0; border-top: 1px solid #DADADA; border-bottom:1px solid #DADADA;background-color: #F7F7F7; padding: 6px 0 }
#footer_contents div.go { float:left; padding:6px 0 0 8px}
#footer_contents dt { float:left; padding: 2px 10px 0 0}
#footer_contents dd { float:left; background:url(/img/common/footer_line.gif) left no-repeat; padding: 2px 10px 0 10px }
/******************************************layout******************************************/
.mgt15 {margin: 15px 0 0 0}
.firefox_both {clear:both;}
div.btn_r { float:right; margin: 10px 0 0 0; height:31px}
div.btn_c { margin: 10px 0 0 0; text-align: center}
div.cnt h2 { padding:15px 0 20px 0 }
div.cnt h5 { padding:0 0 20px 0 }
div.line { background:url(/img/bbs/line_dot01.gif) repeat-x; padding: 10px 0 0 0 ; height:1px }
div.main_notice { color:#999999; font-size:11px; padding: 0 0 0 14px}
div.main_notice img { vertical-align: middle; }
/*************************** Product *******************************************/
/* Product Order */
div.ProOrder {border-bottom:1px solid #e6e6e6; padding:30px 0 7px 0;margin-bottom:10px;}
div.ProOrder table th img {vertical-align: middle}
div.ProOrder table th font {color:#555555;font-weight:bold;font-size:12px;padding-bottom:2px;height:15px;}
div.ProOrder table td ul {float:right}
div.ProOrder table td li {float:left; padding: 0 0 0 15px}
div.ProOrder table td li img { vertical-align: middle}
div.ProOrder2 {border-bottom:1px solid #e6e6e6; padding:30px 0 7px 0; } /*제품리스트변경으로 인한 여백제로*/
div.ProOrder2 table th img {vertical-align: middle}
div.ProOrder2 table th font {color:#555555;font-weight:bold;font-size:12px;padding-bottom:2px;height:15px;}
div.ProOrder2 table td ul {float:right}
div.ProOrder2 table td li {float:left; padding: 0 0 0 15px}
div.ProOrder2 table td li img { vertical-align: middle}
div.ProOrder3 {border-bottom:1px solid #e6e6e6; padding:0 0 7px 0; } /*제품리스트변경으로 인한 여백제로 + 상단여백없앰 */
div.ProOrder3 table th img {vertical-align: middle}
div.ProOrder3 table th font {color:#555555;font-weight:bold;font-size:12px;padding-bottom:2px;height:15px;}
div.ProOrder3 table td ul {float:right}
div.ProOrder3 table td li {float:left; padding: 0 0 0 15px}
div.ProOrder3 table td li img { vertical-align: middle}
/* Product List */
div.ProList {clear:both; width:100%; border-bottom:1px solid #e6e6e6; }
div.ProList dl {width:194px;float:left; margin:10px 0; }
div.ProList dt { padding:5px 0;text-align:center;}
div.ProList dd {text-align:center;}
div.ProList dd.Botton {height:33px;padding-top:5px;vertical-align:top;}
div.ProList div.firefox_both {clear:both;}
div.ProList2 {clear:both; width:100%; border-bottom:1px solid #e6e6e6; }/*리스트변경_메인*/
div.ProList2 dl {width:242px;float:left; margin:0; }
div.ProList2 dt { text-align:center; height:13px; padding:17px 0 0 0}
div.ProList2 dd {height:250px; text-align:center; background:url(/img/product/right_line.gif) top right no-repeat; padding:3px 0 11px 0 }
div.ProList2 dd.lineno { text-align:center; background:none}
div.ProList2 dd.Botton {height:35px; vertical-align:top; background:none; padding:0}
div.ProList2 div.firefox_both {clear:both;}
div.ProList3 {clear:both; width:100%; border-bottom:1px solid #e6e6e6; }/*리스트변경_메인*/
div.ProList3 dl {width:255px;float:left; margin:0; }
div.ProList3 dt { text-align:center; height:13px; padding:17px 0 0 0}
div.ProList3 dd {height:250px; text-align:center; background:url(/img/product/right_line.gif) top right no-repeat; padding:3px 0 11px 0 }
div.ProList3 dd.lineno { text-align:center; background:none}
div.ProList3 dd.Botton {height:35px; vertical-align:top; background:none; padding:0}
div.ProList3 div.firefox_both {clear:both;}
/* 추가 20090722 */
.product_name3 { margin:10px 0 0 0; height:60px; float:left; padding: 15px 0 0 3px}
.product_name3 li { float:left;background:url(/img/common/tab_bottom_bg.gif) bottom repeat-x; height:33px}
.pj_b2b_con1 { clear:both;}
.pj_b2b_con1 li { padding:0 0 58px 0;}
.pj_b2b_con2 { clear:both;width:770px;}
.pj_b2b_con2 li { float:left; padding:0 50px 50px 0; background:url(/img/project/pj_b2b_img_gap_line.gif) no-repeat left 234px;width:327px;}
.pj_b2b_con2 li.bottom { clear:both; background:url(/img/project/pj_b2b_img_gap_line.gif) no-repeat left 234px;width:327px;}
.pj_etc_con1 { clear:both;}
.pj_etc_con1 li { padding:20px 0 20px 0;}
/* //20090722 */
/* paging */
div.paging { clear:both; width:100%;margin:13px 0 0 0;}
div.paging div.info {float:left; }
div.paging div.info dt {float:left; padding:0 5px 0 0;vertical-align: middle}
div.paging div.info dt img { vertical-align: middle }
div.paging div.info dd {float:left; color:#888888;font-size:11px; padding: 0 10px 0 0 }
div.paging div.info dd span {color:#ff7a00; font-size:11px;}
div.paging div.number {float:right;}
div.paging div.number li { display:inline; padding: 0 0 0 3px;color:#a0a0a0;font-size:11px;;font-weight:bold;vertical-align: middle}
div.paging div.number li img { vertical-align: middle }
div.paging div.number li :link,div.paging div.number li :visited {color:#a0a0a0;}
div.paging div.number li span {color:#FF7A00}
/* 제품이름&정보*/
div.product_name { margin:10px 0 0 0; height:20px}
div.product_name h3 {float:left;}
div.product_name ul {float:right;}
div.product_name li { float:left;background:url(/img/common/tab_bottom_bg.gif) bottom repeat-x; height:33px}
div.product_name2 { margin:10px 0 0 0; height:45px} /*탭위치수정*/
div.product_name2 h3 {float:left;}
div.product_name2 ul { clear:both; padding: 15px 0 0 3px}
div.product_name2 li { float:left;background:url(/img/common/tab_bottom_bg.gif) bottom repeat-x; height:33px}
div.product_whole { padding:30px 0 0 0;}
/* 우수대리점 */
div.Store_Box {border:5px solid #d3d3d3; padding:20px}
div.Store_Box table td { vertical-align: top}
div.Store_Box table dl { padding: 0 0 0 30px}
div.Store_Box table dt { color:#ff7a00; font-weight:bold;font-family:Gulim;padding:5px 0 17px 0 }
div.Store_Box table dd img { padding: 3px 10px 5px 0; vertical-align: middle}
div.Store_Box table div.detail { border-top:1px solid #e3e3e5; margin: 7px 0 0 20px; padding: 10px 0}
div.imglist_click { margin:15px 0 0 0; float:right; padding: 0 0 5px 0}
div.imglist_whole { clear:both;border-top:2px solid #b9b9b9; border-bottom:1px solid #b9b9b9;}
div.imglist { border-bottom:1px solid #eaeaea;}
div.imglist dl {float:left; margin:10px 0; padding: 0 0 0 0; width: 194px ; text-align:center} /*/project/store.jsp*/
div.imglist dt { padding:10px 0 5px 0; font-weight: bold}
div.imglist dt :link,visited {color:#ff7a00;}
div.imglist dd { padding:0 3px 0 3px}
div.imglist dd img.imgbox { border:1px solid #d3d3d3}
/* Search */
div.Search_Bar {background:url(/img/common/search_bar_bg.gif) top repeat-x;height:53px;width:776px;}
div.Search_Bar div.left {float:left;background:url(/img/common/search_bar_left.gif) no-repeat;padding:0 0 0 5px;height:53px;}
div.Search_Bar div.right { background:url(/img/common/search_bar_right.gif) right no-repeat;height:53px;}
div.Search_Bar div.right dl { padding:14px 20px 0 20px}
div.Search_Bar div.right dt { float:left;padding: 4px 70px 0 0}
div.Search_Bar div.right dd { float:left; padding: 0 0 0 5px }
div.Search_Bar div.right dd span { padding: 0 30px 0 0}
div.Search_Bar div.right ul { float:right; padding: 5px 17px 0 0}
div.Search_Box { background:url(/img/common/search_box_bg.gif) top repeat-y;width:776px;}
div.Search_Box div.top {background:url(/img/common/search_box_top.gif) top no-repeat;height:11px;}
div.Search_Box div.bottom {background:url(/img/common/search_box_bottom.gif) bottom no-repeat; padding: 5px 0 20px 0}
div.Search_Box div.bottom dl { clear:both;padding:0 20px 0 20px}
div.Search_Box div.bottom dt { float:left; width:120px;padding: 4px 0 0 0}
div.Search_Box div.bottom dd { float:left; padding: 0 0 0 5px }
div.Search_Box div.bottom dd span {padding:0 30px 0 3px;}
div.Search_Box div.bottom dd.btn { float:right; padding:6px 0 0 0}
div.Search_Box div.bottom table.store { }
div.Search_Box div.bottom table.store th { padding: 25px 30px 0 20px ; background:url(/img/project/store_search_line.gif) 20px right no-repeat; }
div.Search_Box div.bottom table.store td ul { padding: 10px 0 5px 100px}
div.Search_Box div.bottom table.store td ul li { float:left}
div.Search_Box div.bottom table.store td dt { clear:both; width:80px;padding: 4px 0 0 0}
div.Search_Box div.bottom table.store td dd { float:left; padding: 0 0 0 5px }
div.Search_Box div.bottom table.store td div.area { padding: 5px 0 0 30px; clear:both}
div.Search_Box div.bottom table.faq { }
div.Search_Box div.bottom table.faq th { padding: 20px 20px 20px 50px ; }
div.Search_Box div.bottom table.faq td dd img { vertical-align: middle }
div.Search_Box div.bottom table.faq td dd input { vertical-align: middle }
div.Search_Box div.bottom table.faq td ul { clear:both; padding: 2px 0 0 25px }
div.Search_Box div.bottom table.faq td li { float:left; font-size:11px; color:#999999; padding: 0 5px 0 0}
div.Search_Box div.bottom table.faq td li :link, div.Search_Box div.bottom table.faq td li :visited { font-size:11px; color:#999999; }
div.Search_Box div.bottom table.as { }
div.Search_Box div.bottom table.as th { padding: 3px 30px 0 20px ; vertical-align: top}
div.Search_Box div.bottom table.as td dt { clear:both; width:80px;padding: 4px 0 0 0}
div.Search_Box div.bottom table.as td dt span { padding: 3px 0 0 10px; vertical-align: top }
div.Search_Box div.bottom table.as td dd { float:left; padding: 0 0 0 5px }
div.Search_Box div.bottom div.search_total { padding: 5px 0 0 0 ; text-align: center; }
div.Search_Box div.bottom div.search_total input, div.Search_Box div.bottom div.search_total img { vertical-align: middle }
div.Search_Box div.bottom div.search_total h4 { padding: 7px 0 0 0; font-weight:normal }
div.Search_Box div.bottom div.search_total h4 b {color:#F35E08}
div.left_box_whole { margin:5px 0 0 4px}
div.left_box { background:url(/img/common/left_box_m.gif) top repeat-y;width:158px; }
div.left_box div.top {background:url(/img/common/left_box_t.gif) top no-repeat;height:6px;}
div.left_box div.bottom {background:url(/img/common/left_box_f.gif) bottom no-repeat; padding: 5px 0 7px 0}
div.left_box div.bottom div.search_name { padding: 0 0 5px 10px}
div.left_box div.bottom div.search_in { padding: 0 0 0 10px}
div.left_box div.bottom div.search_in img{ vertical-align: middle}
/* 검색상세 보이기 안보이기 */
div#s2 {display:none;}
/* 동영상 720*/
table.product_movie { clear:both; margin: 0 0 30px 10px }
table.product_movie td { vertical-align: top; padding: 0 0 0 20px}
table.product_movie div#player { background:url(/img/project/movie_720.jpg) no-repeat; width:736px;height:570px ; }
table.product_movie div#player #movie { padding: 21px 0 0 8px; width:720px;height:480px}
table.product_movie div#player #trackBar { width:689px; background:url(/img/pr/movie_ing.gif) repeat-x; margin: 20px 0 0 15px;height:5px; }
table.product_movie div#player #trackControler{position:relative;right:10;width:12px;height:5px;background:url(/img/pr/movie_play_bar.gif) no-repeat;cursor:hand;}
table.product_movie div#player #btn_volume { width:689px; margin: 10px 0 0 15px;}
table.product_movie div#player #btn_volume #btn { float:left}
table.product_movie div#player #btn_volume #volume { float:right}
table.product_movie div#player #btn_volume #volume #volumeimg {float:left}
table.product_movie div#player #btn_volume #volume #volumnBar { width:50px; background:url(/img/pr/movie_ing.gif) repeat-x; height:5px; margin: 3px 0 0 15px; }
table.product_movie div#player #btn_volume #volume #volumnControler{position:relative;right:0;width:10px;height:5px;background:url(/img/pr/movie_play_bar.gif) no-repeat;cursor:hand;}
/* 동영상 546*/
table.product_movie01 { clear:both; margin: 0 0 30px 10px }
table.product_movie01 td { vertical-align: top; padding:0 110px 0 100px;}
table.product_movie01 div#player { background:url(/img/project/movie_546_bg.gif) no-repeat; width:546px;height:450px; }
table.product_movie01 div#player #movie { padding: 21px 0 0 8px; width:540px;height:355px}
table.product_movie01 div#player #trackBar { width:520px; background:url(/img/pr/movie_ing.gif) repeat-x; margin: 20px 0 0 15px;height:5px; }
table.product_movie01 div#player #trackControler{position:relative;right:10;width:12px;height:5px;background:url(/img/pr/movie_play_bar.gif) no-repeat;cursor:hand;}
table.product_movie01 div#player #btn_volume { width:520px; margin: 10px 0 0 15px;}
table.product_movie01 div#player #btn_volume #btn { float:left}
table.product_movie01 div#player #btn_volume #volume { float:right}
table.product_movie01 div#player #btn_volume #volume #volumeimg {float:left}
table.product_movie01 div#player #btn_volume #volume #volumnBar { width:50px; background:url(/img/pr/movie_ing.gif) repeat-x; height:5px; margin: 3px 0 0 15px; }
table.product_movie01 div#player #btn_volume #volume #volumnControler{position:relative;right:0;width:10px;height:5px;background:url(/img/pr/movie_play_bar.gif) no-repeat;cursor:hand;}
/*******customer************/
div.faq {clear:both; margin:0 0 30px 0;}
div.faq td { vertical-align: top}
div.faq div.many h3 { border-bottom:2px solid #B9B9B9; height:30px;}
div.faq div.many ul li { padding:7px 0 5px 0; border-bottom:1px solid #ECECEC}
/* Faq 검색 */
div.Search_faq_box {padding:10px 20px 15px 60px;}
div.Search_faq_right {padding:10px 10px 15px 10px;}
div.Search_faq_right .hot { clear:both;}
div.Search_faq_right .hot li { font-size:11px; color:#999999; }
div.Search_faq_right .hot li :link, div.Search_faq_right .hot li :visited { color:#999999; }
div.tab { margin: 30px 0 5px 0; border-bottom:1px solid #B9B9B9;}
div.tab img { vertical-align: middle}
div.tab2 {background:url(/img/common/tab_bottom_bg.gif) bottom repeat-x;height:33px;}
/*faq*/
div.list_faq { border-bottom:1px solid #b9b9b9; }
div.list_faq div.q { background:url(/img/bbs/line_dot01.gif) bottom repeat-x; }
div.list_faq div.q table { width:100%}
div.list_faq div.q table th { padding: 6px 0 4px 0; vertical-align: top; width:35px }
div.list_faq div.q table td { padding: 6px 0 4px 0; }
div.list_faq div.q table.a { }
div.list_faq div.q table.a td { background-color: #F2F2F2; padding:8px}
div.go img { padding:0 3px 0 0 }
table.table_type1 { margin:30px 0 0 0}
table.table_type1 thead td { border-bottom:2px solid #B9B9B9; padding: 0 0 5px 0 }
table.table_type1 tbody th { background:url(/img/bbs/line_dot01.gif) bottom repeat-x; padding: 5px 0 5px 20px; color:#999999 }
table.table_type1 tbody th.name_top, table.table_type1 tfoot th.name_top{ vertical-align: top; padding: 8px 0 5px 20px;}
table.table_type1 tbody th input, table.table_type1 tbody th img {vertical-align: middle}
table.table_type1 tbody th input.point {border:1px solid #BEBEBE; background-color: #E9E9E9 }
table.table_type1 tbody th input.basic {border:1px solid #BEBEBE; }
table.table_type1 tfoot th { border-bottom:1px solid #B9B9B9; padding: 5px 0 5px 20px; color:#999999 }
table.table_type1 tfoot th input.basic , table.table_type1 tfoot th textarea {border:1px solid #BEBEBE; }
table.table_type2 { margin:10px 0 0 0}
table.table_type2 thead td { border-bottom:2px solid #B9B9B9; padding: 0 0 5px 0 }
table.table_type2 tbody th { background:url(/img/bbs/line_dot01.gif) bottom repeat-x; padding: 5px 0 5px 20px; color:#999999 }
table.table_type2 tbody th.name_top, table.table_type1 tfoot th.name_top{ vertical-align: top; padding: 8px 0 5px 20px;}
table.table_type2 tbody th input, table.table_type1 tbody th img {vertical-align: middle}
table.table_type2 tbody th input.point {border:1px solid #BEBEBE; background-color: #E9E9E9 }
table.table_type2 tbody th input.basic {border:1px solid #BEBEBE; }
table.table_type2 tfoot th { border-bottom:1px solid #B9B9B9; padding: 5px 0 5px 20px; color:#999999 }
table.table_type2 tfoot th input.basic , table.table_type1 tfoot th textarea {border:1px solid #BEBEBE; }
/*pr*/
div.notice_box {border: 1px solid #CFCFCF; }
div.notice_box div.in {border: 5px solid #ECECEC; padding: 15px 25px 5px 25px}
div.notice_box div.in div.imgbox { background:url(/img/pr/img_box.gif) no-repeat; width:148px; height:103px; padding: 10px 0 0 11px }
div.notice_box div.in table.list th { font-weight: bold; font-size:14px; padding: 0 0 7px 0}
div.notice_box div.in table.list td span { color:#B2B2B2; font-size:11px; font-family: Tahoma; padding: 0 0 0 5px}
table.notice_list { width:100%}
table.notice_list thead th { padding:30px 0 5px 0; border-bottom:2px solid #b9b9b9;text-align:right}
table.notice_list tbody div.imgbox { border:4px solid #E5E5E5; margin: 15px 0 0 15px }
table.notice_list tbody table.cnt { margin: 15px 15px 0 15px }
table.notice_list tbody table.cnt th { font-weight: bold; font-size:14px; padding: 0 0 7px 0; border:none}
table.notice_list tbody td.line {background:url(/img/bbs/line_dot01.gif) bottom repeat-x; height:13px }
table.notice_list tbody table.cnt td span { color:#B2B2B2; font-size:11px; font-family: Tahoma; padding: 0 0 0 5px}
table.notice_list tfoot td {border-bottom:1px solid #B9B9B9; height:15px }
div.imgleft { margin: 0 0 30px 0}
div.imgleft li { float:left}
div.ad_tab {background:url(/img/common/tab_bottom_bg.gif) bottom repeat-x; width:172px; height:33px; margin: 0 0 15px 0}
div.peace_tab {background:url(/img/common/tab_bottom_bg.gif) bottom repeat-x; width:192px; height:33px; margin: 0 0 15px 0}
div.society_tab {background:url(/img/common/tab_bottom_bg.gif) bottom repeat-x; width:543px; height:33px; margin:0 0 15px 0}
table.print_big { clear:both; margin: 0 0 30px 10px }
table.print_big td { vertical-align: top; padding: 0 30px 0 0}
table.print_big td h3 { font-size:14px; }
table.print_big td dl { padding: 10px 0 0 0}
table.print_big td dt { font-weight: bold}
table.print_big td dd { padding:20px 0 0 0; min-height:250px; _height:250px }
table.print_big td dd.movie { padding:20px 0 0 0; min-height:93px; _height:93px }
table.print_big td dd h4 { padding: 0 0 5px 0}
table.print_big td dd span {color:#B2B2B2; font-size:11px; font-family: Tahoma; }
table.print_big div.btn_zoom { clear:both;vertical-align: bottom; }
table.print_big div.big_img { background:url(/img/pr/ad_big.gif) no-repeat; width:360px;height:341px ; padding: 1px 0 0 1px}
table.print_big div.movie { background:url(/img/pr/bg_movie2.jpg) no-repeat; width:159px;height:162px ; padding: 10px 0 0 9px }
/* 태호 수정 2009-05-11
table.print_big div#player { background:url(/img/pr/bg_movie.jpg) no-repeat; width:351px;height:328px ; }
table.print_big div#player #movie { padding: 21px 0 0 8px; height:238px}
table.print_big div#player #play { width:320px; background:url(/img/pr/movie_bg.gif) repeat-x; margin: 20px 0 0 15px;height:5px; }
table.print_big div#player #play #play_ing { background:url(/img/pr/movie_ing.gif) repeat-x; height:5px; }
table.print_big div#player #btn_volume { width:320px; margin: 10px 0 0 15px;}
table.print_big div#player #btn_volume #btn { float:left}
table.print_big div#player #btn_volume #volume { float:right}
table.print_big div#player #btn_volume #volume #volumeimg {float:left}
table.print_big div#player #btn_volume #volume #play { width:50px; background:url(/img/pr/movie_bg.gif) repeat-x; height:5px; margin: 3px 0 0 15px; }
table.print_big div#player #btn_volume #volume #play #play_ing { background:url(/img/pr/movie_ing.gif) repeat-x; height:5px; }
*/
table.print_big div#player { background:url(/img/pr/bg_movie.jpg) no-repeat; width:351px;height:328px ; }
table.print_big div#player #movie { padding: 21px 0 0 8px; height:238px}
table.print_big div#player #trackBar { width:320px; background:url(/img/pr/movie_ing.gif) repeat-x; margin: 20px 0 0 15px;height:5px; }
table.print_big div#player #trackControler{position:relative;right:10;width:12px;height:5px;background:url(/img/pr/movie_play_bar.gif) no-repeat;cursor:hand;}
table.print_big div#player #btn_volume { width:320px; margin: 10px 0 0 15px;}
table.print_big div#player #btn_volume #btn { float:left}
table.print_big div#player #btn_volume #volume { float:right}
table.print_big div#player #btn_volume #volume #volumeimg {float:left}
table.print_big div#player #btn_volume #volume #volumnBar { width:50px; background:url(/img/pr/movie_ing.gif) repeat-x; height:5px; margin: 3px 0 0 15px; }
table.print_big div#player #btn_volume #volume #volumnControler{position:relative;right:0;width:10px;height:5px;background:url(/img/pr/movie_play_bar.gif) no-repeat;cursor:hand;}
div.print_list {border-top: 1px solid #E6E6E6; }
div.print_list div.img_box { background:url(/img/pr/ad_small.gif) no-repeat; width:138px;height:96px ; padding: 12px 0 0 10px }
div.print_list div.img_box_none { width:138px;height:96px ; padding: 12px 0 0 10px }
div.print_list h5 { font-weight: bold; padding: 0 0 0 8px}
div.print_list table td {border-bottom: 1px solid #E6E6E6; padding: 10px 0 }
div.tv_list {border-top: 1px solid #E6E6E6; }
div.tv_list td { vertical-align: top}
div.tv_list div.img_box { background:url(/img/pr/img_box2.gif) no-repeat; width:115px;height:98px ; padding: 10px 0 0 11px }
div.tv_list h5 { font-weight:normal; padding: 0 0 0 8px; line-height:16px}
div.tv_list h5 span {color:#B2B2B2; font-size:11px; font-family: Tahoma; }
div.tv_list table td {border-bottom: 1px solid #E6E6E6; padding: 10px 0 }
table.radio {}
table.radio td { vertical-align: top; }
table.radio div.year { background:url(/img/pr/bg_radio.gif) no-repeat; width:315px;height:70px ; padding: 53px 0 0 60px }
table.radio dd { padding:25px 0 0 0;min-height:50px; _height:50px }
table.radio td div.btn_zoom { clear:both;vertical-align: bottom; }
table.radio2 {}
table.radio2 td { vertical-align: top; }
table.radio2 div.year { background:url(/img/pr/bg_radio2.gif) no-repeat; width:220px;height:75px ; padding: 62px 0 0 35px }
table.radio2 td.radion_con { padding: 0 0 0 0px}
table.radio2 td.btn_zoom { padding: 10px 0 0 8px}
/*community*/
div.brd { clear:both; }
div.brd_bar { clear:both; background:url(/img/common/search_box_bg.gif) top repeat-y;width:776px;}
div.brd_bar div.top {background:url(/img/common/search_box_top.gif) top no-repeat; padding:9px 0 0 0}
div.brd_bar div.bottom {background:url(/img/common/search_box_bottom.gif) bottom no-repeat; padding: 0 0 13px 0}
div.brd_bar div.bottom table.bar { text-align: center; }
div.brd_bar div.bottom table.bar td { background:url(/img/community/bar_line.gif) right no-repeat; }
div.brd_bar div.bottom table.bar th { background:none; text-align: center}
div.brd_bar div.bottom div.view {font-weight: bold; padding:0 15px 0 15px}
table.brd_list { border-bottom:1px solid #B9B9B9; border-collapse:collapse }
table.brd_list td { padding: 6px 0; background:url(/img/bbs/line_dot01.gif) bottom repeat-x; text-align: center; color:#999999; font-size:11px; font-family: Tahoma}
table.brd_list td.point { font-weight: bold; color:#FD7736}
table.brd_list th { padding: 6px 0; background:url(/img/bbs/line_dot01.gif) bottom repeat-x; }
table.brd_list tfoot th, table.brd_list tfoot td { background:none }
div.list_search { margin:15px 0 0 0 ; height:20px}
div.list_search ul { float:right}
div.list_search li {float:left; padding: 0 0 0 5px}
div.list_search li img, div.list_search li input {vertical-align: middle}
div.list_search div.btn_left { float:left}
table.view_info td { background:url(/img/bbs/line_dot01.gif) bottom repeat-x; padding:6px 0; color:#999999; font-size:11px; font-family: Tahoma}
table.view_info td img{ padding: 0 15px; vertical-align: middle}
table.view_info td img.file { padding:0;}
table.view_info td.ing { font-weight: bold; color:#FD7736}
table.view_info th { background:url(/img/bbs/line_dot01.gif) bottom repeat-x; padding:6px 0; }
div.view_cnt { padding: 20px;min-height:300px;_height:300px}
div.view_as {border-bottom:1px solid #B9B9B9; padding: 20px 0}
div.view_as span { padding: 20px}
div.view_as div.answer { background-color: #EFEFEF; padding: 20px; margin: 20px 0 0 0}
div.view_as div.answer dt { float:left;}
div.view_as div.answer dd {padding:0 0 0 50px;}
table.view_pn { margin: 20px 0 0 0; border-bottom:1px solid #B9B9B9; border-top:1px solid #B9B9B9;}
table.view_pn th { background:url(/img/community/view_line.gif) top right no-repeat; background-color: #F7F7F7; padding: 4px 10px 4px 20px; color:#999999; border-bottom:1px solid #E5E5E5}
table.view_pn td { padding: 4px 10px; color:#999999; border-bottom:1px solid #E5E5E5 }
table.view_pn td :link , table.view_pn td :visited{ color:#999999;}
table.brd_type1 { border-top:2px solid #b9b9b9;border-bottom:1px solid #b9b9b9;}
table.brd_type1 thead td{ padding: 7px 0;text-align:center;border-bottom:1px solid #b9b9b9; }
table.brd_type1 tbody td { padding: 6px 0 4px 0; background:url(/img/bbs/line_dot01.gif) bottom repeat-x; text-align: center}
table.brd_type1 tbody th {font-weight:bold; padding: 6px 0 4px 0; background:url(/img/bbs/line_dot01.gif) bottom repeat-x;}
table.brd_type1 tfoot td { padding: 6px 0 4px 0; text-align: center}
table.brd_type1 tfoot th {font-weight:bold; padding: 6px 0 4px 0; }
table.brd_type2 { border-top:2px solid #b9b9b9;border-bottom:1px solid #b9b9b9;}
table.brd_type2 td { padding: 10px 0; background:url(/img/bbs/line_dot01.gif) bottom repeat-x; }
table.brd_type2 td img.imgbox { border:1px solid #E2E2E2; padding:3px}
table.brd_type2 td div h5 :link, table.brd_type2 td div h5 :visited { font-weight: bold; color:#333333; }
table.brd_type2 td dl { margin: 5px 0 0 0}
table.brd_type2 td dt { float:left; padding: 0 5px 0 0}
table.brd_type2 td dd.date { color:#999999; font-size:11px; font-family: Tahoma; }
table.brd_type2 tfoot td { background:none }
div.poll {clear:both; background:url(/img/community/poll_bg.gif) top repeat-y;width:776px; margin: 0 0 10px 0 }
div.poll div.top {background:url(/img/community/poll_top.gif) top no-repeat;height:28px;}
div.poll div.bottom {background:url(/img/community/poll_bottom.gif) bottom no-repeat; padding: 0px 0 25px 0}
div.poll div.bottom table.cnt { margin: 0 0 0 30px }
div.poll div.bottom table.cnt dt { background:url(/img/community/icon_poll.gif) left 5px no-repeat; padding: 0 0 0 10px; font-weight: bold; color:#607C9D; text-align: left}
div.poll div.bottom table.cnt ul { padding: 10px 0 0 8px}
div.poll_result { margin: 20px 15px 0 15px}
div.poll_result dt { background:url(/img/community/icon_poll.gif) left 5px no-repeat; padding: 0 0 0 10px;}
div.poll_result table.line { border:1px solid #E3E3E3; margin: 3px 0 10px 10px }
div.poll_result table.line table.line_in { background:url(/img/community/poll_line2.gif); margin: 10px}
div.poll_result table.line th { text-align:right; padding: 0 15px 0 0 }
div.poll_result table.line strong { color: #FF6600}
/*member*/
div.memberbox {clear:both; background:url(/img/member/box_m.gif) top repeat-y;width:776px; margin: 0 0 10px 0 }
div.memberbox div.top {background:url(/img/member/box_t.gif) top no-repeat;height:15px;}
div.memberbox div.bottom {background:url(/img/member/box_f.gif) bottom no-repeat; padding: 0px 0 15px 0}
div.memberbox div.bottom table.join_in { margin: 0 0 0 140px }
div.memberbox div.bottom table.join_in th { text-align: right; padding: 3px 30px 3px 0 }
div.memberbox div.bottom table.join_in td { text-align: left; padding: 3px 0}
div.memberbox div.bottom table.join_in td input { vertical-align: middle}
div.memberbox div.bottom div.result { text-align:center}
div.memberbox div.bottom div.result span {color:#FF7A00; font-weight:bold}
div.memberbox div.bottom div.login { margin: 0 37px 0 37px ; background:url(/img/bbs/line_dot01.gif) bottom repeat-x; }
div.memberbox div.bottom div.login table {margin: 15px 0 0 200px ;}
div.memberbox div.bottom div.login h3 { padding: 20px 0 0 90px}
div.memberbox div.bottom div.login table td { text-align:left; padding: 3px}
div.memberbox div.bottom div.secession { margin: 0 37px 0 37px ; }
div.memberbox div.bottom div.secession table {margin: 15px 0 0 200px ;}
div.memberbox div.bottom div.secession h3 { padding: 20px 0 0 0 }
div.memberbox div.bottom div.secession h4 { text-align:center; padding:10px 0 }
div.memberbox div.bottom div.secession table td { text-align:left; padding: 3px}
table.login_info { clear:both; margin:0 0 0 155px}
table.login_info th { padding: 3px 50px 3px 0}
table.login_info td { padding: 3px 0; text-align: left}
div.privacy {}
div.privacy dt { float:left; padding: 10px 5px 0 0}
div.privacy dd { padding: 10px 0 0 17px}
div.privacy h4 { padding: 10px 0 0 0; font-weight:normal}
/*search*/
table.search_list { border-bottom:1px solid #E5E5E5; margin: 0 0 15px 0 }
table.search_list td { padding: 0 0 3px 0}
table.search_list td img { vertical-align: middle}
table.search_list span { font-size:11px; padding: 0 0 0 7px; color:#999999}
table.search_list2 { margin: 0 0 0 12px }
table.search_list2 th :link, .search_list2 th :visited { color:#F35E08; text-decoration: underline}
table.search_list2 th { padding: 0 0 5px 0}
table.search_list2 th span { color:#999999; font-size:11px; padding: 0 0 0 8px; font-family: Tahoma; }
table.search_list2 td { padding:5px 0 15px 0 }
table.sitemap {}
table.sitemap td { vertical-align: top; padding: 0 35px 25px 0}
dl.contents_style { }
dl.contents_style dd { padding: 0 0 35px 0; vertical-align: top; }
dl.contents_style dd.left {float:left; }
dl.contents_style dt { padding: 0 0 0 0}
/*rss*/
table.rss {border: solid 1px #E4E4E4;}
table.rss th { background-color: #F4F4F4; border-bottom:solid 1px #E4E4E4; padding: 5px 15px 5px 15px }
table.rss th span {color:#888888}
table.rss td { background-color: #FFFFFF; padding: 5px 15px 5px 15px ; border-bottom:solid 1px #E4E4E4;}
table.rss td:link, table.rss td:visited { color:#666666}
/*popup_yunkyoung*/
div.pop_main2 {width:100%; height:100%; background-color:#f6f6f6;}
div.pop_comparison2 { margin:5px 19px 19px 19px;border:1px solid #e6e8eb;background-color:#ffffff;}
div.pop_comparison2 table.com_all td { text-align: left; }
div.pop_comparison2 table.leftname td { height:36px; text-align: center; border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1; }
div.pop_comparison2 table.c_list th { height:36px; text-align: center; background-color:#f1f1f1; border-right:1px solid #d4d4d4; }
div.pop_comparison2 table.c_list td { height:36px; text-align: center; border-right:1px solid #d4d4d4;}
div.pop_comparison2 table.c_list td.right_line {background:url(/img/project/popup_line.gif) bottom right no-repeat; padding: 20px 0; height:248px; border:none}
div.pop_comparison2 table.c_list_end th { height:36px; text-align: center; background-color:#f1f1f1; }
div.pop_comparison2 table.c_list_end td { height:36px; text-align: center; }
div.pop_comparison2 table.c_list_end td.right_line { padding: 20px 0; height:248px}
/* popup */
div.Pop_Main {width:100%; height:100%; text-align:center;background-color:#f6f6f6;}
div.Pop_Title_Comp {background:url(/img/project/popup_title_bg.gif) repeat-x; margin: 0 19px}
div.Pop_Title_Comp dd {float:left;}
div.Pop_Title_Comp dd.close {float:right;}
div.Pop_Comparison { margin:5px 19px 19px 19px;border:1px solid #e6e8eb;background-color:#ffffff;}
div.Pop_Comparison tr {clear:both;width:722px;}
div.Pop_Comparison td {float:left;}
div.Pop_Comparison tr.Project_Photo {padding:25px 0 19px 0;}
div.Pop_Comparison tr.Project_Photo td.Line {background:url(/img/project/popup_line.gif) bottom right no-repeat; padding: 20px 0}
tr.Pop_List {height:35px;}
tr.Pop_List td.Object{border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1;padding-left:15px;}
tr.Pop_List td.Color{border-top:1px solid #f1f1f1; border-right:1px solid #d4d4d4;padding-left:25px;background-color:#f1f1f1;}
tr.Pop_List td.Color01{border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1;padding-left:25px;background-color:#f1f1f1;}
tr.Pop_List01 {height:35px;}
tr.Pop_List01 td.Object{border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1;padding-left:15px;}
tr.Pop_List01 td.Color{border-top:1px solid #f1f1f1; border-right:1px solid #d4d4d4;padding-left:25px;background-color:#ffffff;}
tr.Pop_List01 td.Color01{border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1;padding-left:25px;background-color:#ffffff;}
.scrollbar1 {scrollbar-face-color:#EDEDED;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color: #C9C9C9;
scrollbar-shadow-color: #C9C9C9;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #F8F8F8;
scrollbar-arrow-color:#7A7A7A;
}
#scrollbox {width:92%; height:240px; overflow:auto; margin:0 20px ; }
/* popup_01 */
div.Pop_Main01 {width:450px; height:230px; text-align:center;background-color:#f6f6f6;}
div.Pop_Title_Comp01 {background:url(/img/customer/popup_title_bg.gif) repeat-x; margin: 0 19px;}
div.Pop_Title_Comp01 dd {float:left;}
div.Pop_Title_Comp01 dd.close {float:right;}
div.Pop_Comparison01 { margin:5px 19px 19px 19px;border:1px solid #e6e8eb;background-color:#ffffff;}
div.Pop_Comparison01 tr {clear:both;width:722px;}
div.Pop_Comparison01 td {float:left;}
div.Pop_Comparison01 tr.Project_Photo {padding:25px 0 19px 0;}
div.Pop_Comparison01 tr.Project_Photo td.Line {background:url(/img/project/popup_line.gif) bottom right no-repeat; padding: 20px 0}
tr.Pop_List01 {height:35px;}
tr.Pop_List01 td.Object{border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1;padding-left:15px;}
tr.Pop_List01 td.Color{border-top:1px solid #f1f1f1; border-right:1px solid #d4d4d4;padding-left:25px;background-color:#f1f1f1;}
tr.Pop_List01 td.Color01{border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1;padding-left:25px;background-color:#f1f1f1;}
tr.Pop_List011 {height:35px;}
tr.Pop_List011 td.Object{border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1;padding-left:15px;}
tr.Pop_List011 td.Color{border-top:1px solid #f1f1f1; border-right:1px solid #d4d4d4;padding-left:25px;background-color:#ffffff;}
tr.Pop_List011 td.Color01{border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1;padding-left:25px;background-color:#ffffff;}
.scrollbar1 {scrollbar-face-color:#EDEDED;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color: #C9C9C9;
scrollbar-shadow-color: #C9C9C9;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #F8F8F8;
scrollbar-arrow-color:#7A7A7A;
}
#scrollbox {width:92%; height:240px; overflow:auto; margin:0 20px ; }
/* Main product */
div.main_product {float:left; padding:7px 0 25px 0;}
/* Project 갤러리 */
div.pro_gallery {padding:50px 0 50px 0; width:776px;}
div.pro_gallery dt {float:left;background:url(/img/project/box_img.gif) no-repeat; padding:2px 1px 5px 5px;vertical-align:top;height:143px;}
div.pro_gallery td {float:left;background:url(/img/project/box_img.gif) no-repeat; padding:2px 17px 5px 5px;vertical-align:top;height:143px;}
div.gallery {width:776px; height:81px;padding:0 0 5px 0; position:relative;}
div.gallery td.photo {float:left;width:81px;background:url(/img/project/gallery_box.gif) no-repeat; padding:3px 5px 5px 3px;vertical-align:top;margin:0 8px 0 0;}
div.gallery td {float:left;width:81px;padding:3px 5px 5px 3px;vertical-align:top;margin:0 8px 0 0;}