@import url("nav.css");

* {

margin:0;

padding:0;

COLOR: #7F7F7F;

FONT-FAMILY: "µ¸¿ò", "Arial";

}

a:link, a:visited {

font-family: "µ¸¿ò", "Arial";

font-size: 11px;

color: #7F7F7F;

text-decoration: none;

line-height:150%;

}

A:active, a:hover {

font-family: "µ¸¿ò", "Arial";

font-size: 11px;

color: #ff9900;

text-decoration:none;

line-height:150%;

}

BODY {

width:100%;

margin:0;

padding:0;

scrollbar-face-color : #E7E7E7;

scrollbar-highlight-color : #FFFFFF;

scrollbar-darkshadow-color: #E7E7E7;

scrollbar-shadow-color : #8B8B8B;

scrollbar-3dlight-color : #E7E7E7;

scrollbar-arrow-color : #999999;

FONT-SIZE:  11px;

letter-spacing:-1px;

FONT-FAMILY: "µ¸À½", "Arial";

color: #7F7F7F;

background-color:#ffffff;

}

.wrap {

width:1000px;

margin:0 auto;

}
ul, li	{ list-style:none}
	
.flash_block{

background-color:#FFF;

z-index:1;

width:100%;

height:100%;

top:0px;

left:0px;

position:absolute;

_position: static;

*position: static;

}

.header {

height:140px;

}

.content_wrap {

width:1000px;

}

.content_wrap .page_content {

width:790px;

margin-left:10px;

float:left;

padding-top:50px;

background:url(../../Images/common/sub_page_content_bg_top.jpg) top no-repeat;

}

.page_content_bg {

padding:0 60px;

background:url(../../Images/common/sub_page_content_bg.jpg) top repeat-y;

}

.page_content_bottom_bg {

height:60px;

background:url(../../Images/common/sub_page_content_bg_bottom.gif) bottom no-repeat;

_margin-bottom:0px;

}

.content_wrap .content_bg {

width:590px;

margin-right:20px;

float:left;

padding:40px;

}

.content_wrap .page_sidebar {

float:left;

width:200px;

}

.content_wrap .sidebar {

width:280px;

float:right;

}

.content_wrap .content {

padding:0 60px 0 60px;

background:url(../../Images/common/sub_page_content_bg.jpg) top repeat-y;

}

.content_wrap .content_bg .bottom {

height:60px;

background:url(../../Images/common/sub_page_content_bg_bottom.gif) bottom no-repeat;

}



.header{



}



.top_navi_wrap {

width:100%;

position:absolute;

top:0px;

_top:0px;

}



.top_navi_block {

width:1000px;

margin:0 auto;

}

.top_navi {

position:relative;

}

.top_navi ul li {

display:block;

float:left;

}

.footer_wrap {

z-index:800;

}



#productLayer{

z-index:700;

}



.menu_all {

z-index:600;

}

.menu_all_block {

z-index:500;

}

.front_info_wrap {

z-index:300;

}

.product_info_block {

z-index:300;

}

.top_menu_block {

z-index:200;

position:absolute;

top:0;

right:0;

}

.top_navi .gnb {

z-index:100;

}

.top_menu_block .top_nb a,

.top_menu_block .top_nb a:hover {

display:block;

padding:5px 10px;

font-size:11px;

font-weight:bold;

font-family:verdana;

color:#FF9900;

}

.top_menu_block .top_nb, 

.top_menu_block .menu_all_block {

float:right;

}

.top_menu_block .top_nb{

margin-right:10px;

}





.menu_all_block .btn a,

.menu_all_block .btn a:hover{

background:url(/Images/common/all_menu_btn.png) no-repeat;

display:block;

width:86px;

height:26px;

text-indent:-9999px;

padding:0;

_background:none;

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/all_menu_btn.png',sizingMethod='crop');

}

.menu_all {

top:0;

left:-530px;

_left:205px;

*left:205px;

padding:20px;

width:745px;

border:5px solid #ff9434;

position:absolute;

background:#fff;

}

.menu_all div.menu_one_block{

float:left;

font-size:12px;

padding:0 16px;

}

.menu_all div.menu_one_block a,

.menu_all div.menu_one_block a:hover{

display:block;

padding:0;

text-indent:-9999px;

}

.menu_all div.menu_one_block a.company{

background:url(/Images/common/top_menu_btn_company.jpg) no-repeat;

width:154px;

height:190px;

}

.menu_all div.menu_one_block a.product{

background:url(/Images/common/top_menu_btn_product.jpg) no-repeat;

width:154px;

height:160px;

}

.menu_all div.menu_one_block a.tvc{

background:url(/Images/common/top_menu_btn_tvc.jpg) no-repeat;

width:154px;

height:30px;

}

.menu_all div.menu_one_block a.customer{

background:url(/Images/common/top_menu_btn_customer.jpg) no-repeat;

width:154px;

height:96px;

}

.menu_all div.menu_one_block a.member{

background:url(/Images/common/top_menu_btn_member.jpg) no-repeat;

width:154px;

height:172px;

}







.menu_all .close_btn a{

position:absolute;

bottom:5px;

right:5px;

background:url(/Images/common/close_btn.jpg) no-repeat;

display:block;

text-indent:-9999px;

width:53px;

height:17px;

}

.menu_all div ul li {

float:none;

}

.menu_all div ul li a,

.menu_all div ul li a:hover {

font-size:11px;

}

.menu_all div ul li a{

padding:3px 0;

}

.top_navi .gnb {

position:absolute;

top:40px;

width:1000px;

}

.top_navi .gnb h1, .top_navi .gnb ul {

float:left;

}

.top_navi .gnb h1 a {

display:block;

text-indent:-9999px;

background:url(../../Images/common/htb_logo.png) no-repeat;



_background:none;

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/htb_logo.png',sizingMethod='crop');



width:140px;

height:68px;

}

.top_navi .gnb ul {

float:right;

width:798px;

height:57px;

background:url(/Images/common/gnb_bg.png) no-repeat;



_background:none;

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/gnb_bg.png',sizingMethod='crop');

}

.top_navi .gnb ul li{

display:block;

float:left;

padding:5px 14px;

padding-bottom:0;

}

.top_navi .gnb ul li a {

display:block;

text-indent:-9999px;

background:url(/Images/common/btn_company_off.jpg) no-repeat;

width:168px;

height:40px;

padding:0;

}



.top_navi .gnb ul li a.product_off {

background:url(/Images/common/btn_product_off.jpg) no-repeat;

}

.top_navi .gnb ul li a.brand_off {

background:url(/Images/common/btn_tv_off.jpg) no-repeat;

}

.top_navi .gnb ul li a.customer_off {

background:url(/Images/common/btn_customer_off.jpg) no-repeat;

}







.top_navi .gnb ul li a:hover {

background:url(/Images/common/btn_company_on.jpg) no-repeat;

}

.top_navi .gnb ul li a.product_off:hover {

background:url(/Images/common/btn_product_on.jpg) no-repeat;

}

.top_navi .gnb ul li a.brand_off:hover {

background:url(/Images/common/btn_tv_on.jpg) no-repeat;

}

.top_navi .gnb ul li a.customer_off:hover {

background:url(/Images/common/btn_customer_on.jpg) no-repeat;

}





.top_navi .gnb ul li.company_selected a {

background:url(/Images/common/btn_company_on.jpg) no-repeat;

}

.top_navi .gnb ul li.product_selected a {

background:url(/Images/common/btn_product_on.jpg) no-repeat;

}



.top_navi .gnb ul li.brand_selected a {

background:url(/Images/common/btn_tv_on.jpg) no-repeat;

}

.top_navi .gnb ul li.customer_selected a {

background:url(/Images/common/btn_customer_on.jpg) no-repeat;

}

.footer_wrap {

width:100%;

position:absolute;

bottom:40px;

_bottom:30px;

}

.footer_block {

width:1000px;

margin:0 auto;

}

.footer{

height:40px;

}

.footer_inside ul li {

display:block;

float:left;

padding:10px;

background:url(/Images/common/footer_menu_bar.jpg) 100% 45% no-repeat;

}

.footer_inside ul li.bg_none{

background:none;

}

.footer_inside .footer_menu{

float:left;

}

.footer_inside .copyright_block {

float:right;

}

.copyright_block p,

.copyright_block select {

display:block;

float:left;

margin-left:10px;

}

.copyright_block p{

padding:5px;

font-family:verdana;

font-size:10px;

}

.copyright_block select{

height:20px;

font-size:11px;

}

.product_info_block {

position:absolute;

right:0px;

top:130px;

}



.product_info_block p,

.product_info_block .product_all_block {

float:left;

}



.product_info_block .product_all_block {

margin-top:8px;

}



.product_info_block p.btn_close a {

position:absolute;

top:10px;

right:30px;

font-size:15px;

font-weight:bold;

}

.product_info_block p.product_all_btn{

padding-top:80px;

}

.product_info_block p.product_all_btn a {

display:block;

text-indent:-9999px;

width:55px;

height:165px;

background:url(/Images/common/tap_menu_btn.png) no-repeat;

_background:none;

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/tap_menu_btn.png',sizingMethod='crop');

}

.product_all_block{

width:405px;

position:absolute;

right:0;

border:5px solid #FF9900;

}

.list_block{

padding:20px 25px;

}



.list_block_wrap .first,

.list_block_wrap .second{

display:block;

float:left;

width:250px;

}

.list_block_wrap .first h3{

padding-bottom:10px;

}

.list_block_wrap .second{

width:100px;

}

p.list_title{

margin-top:20px;

}

p.list_title a{

display:block;

font-size:12px !important;

padding:3px;

margin-bottom:1px;

color:#999 !important;

border-bottom:1px solid #ccc;

}

p.list_title a.selected{

color:#fff !important;

font-weight:bold;

background:#FF9900;

margin-top:-1px;

}

.list_block ul{

}

.list_block .first ul li{

display:block;

width:110px;

margin-right:5px;

float:left;

height:140px;

}

.list_block .first ul li a{

display:block;

border:3px solid #ccc;

}

.list_block .first ul li p{

width:110px;

text-align:center;

}

.list_block .first ul li p a:hover{

border:3px solid #FF9900;

}

.list_block .first ul li p.name{

padding-top:5px;

word-break:keep-all;

}



/*common page*/

.content_img p{

padding:20px 0;

}

.sub_title_block {

padding-bottom:10px;

border-bottom:1px dotted #ccc;

margin-bottom:20px;

}

.sub_title_block h2, .sub_title_block p {

display:block;

float:left;

}

.sub_title_block p {

float:right;

padding-top:10px;

}

.board_block{

border:3px solid #ececec;

border-top:none;

padding:10px 0;

padding-bottom:25px;

}

.board_view_block{

border:3px solid #ececec;

padding:15px;

}

.board_view_block p span{

display:block;

float:left;

width:50px;

color:#999;

}

.board_view_block p span.title{

width:500px;

}

.board_view_block p span.date{

}

.board_view_block p.title_block{

padding:15px;

border-bottom:1px dotted #ccc;

margin-bottom:20px;

} 

.board_view_block p.title_block span{

padding-top:3px;

}

.board_view_block p.title_block span.title{

font-size:16px;

font-weight:bold;

color:#F90;

padding-top:0px;

}



.board_view_block .board_content{

font-size:12px;

line-height:18px;

padding:20px 0;

padding-left:20px;

padding-bottom:40px;

}



.board_view_block .pre_next_block{

padding:15px;

border-top:1px dotted #ccc;

}



.board_view_block .go_list_btn_block{

text-align:right;

border-top:2px solid #ececec;

padding-top:20px;

}



.list_one_block{

padding:10px 0;

border-bottom:1px dotted #ccc;

margin:0 15px;

font-family:verdana, µ¸¿ò;

}

.list_one_block span{

display:block;

float:left;

text-align:center; 

}

.list_one_block .num{

width:40px;

}

.list_one_block .txt{

width:400px;

padding-left:90px;

text-align:left;

}

.list_one_block .txt2{

width:320px;

padding-left:25px;

padding-right:15px;

text-align:left;

}

.list_one_block .attach{

width:50px;

padding-right:20px;

}

.list_one_block .date{

width:100px;

}

.list_one_block .count{

width:50px;

padding-left:7px;

}





.paging_block{

padding:20px 0;

text-align:center;

}

.paging_block a{

font-size:12px;

padding:3px;

}

.paging_block2{

padding:5px 0;

padding-bottom:10px;

color:#999;

}

.paging_block2 a{

padding:3px;

}

.footer {

margin:50px 0 30px 0;

}

/*common*/

.location_01 {

font-family:"µ¸À½";

font-size: 11px;

color:c8c8c8;

}

.location_02 {

font-family:"µ¸À½";

font-size: 11px;

color:#ff9900;

}

.sub_tap_menu{

padding-bottom:0 !important;

}

.sub_tap_menu a,

.sub_tap_menu img{

display:block;

float:left;

}

.sub_tap_menu img{

margin-right:1px;

_margin-right:0;

_padding-right:1px;

}





.border_block{

border:3px solid #ccc;

padding-top:0;

}

.text_align_center{

text-align:center;

}



.one_block{

padding:30px 0;

}





/*ÀÎDz¹Ú½º*/

.input1 {

width:100px;

}
.input2 {
width:230px;
}

.input_address {

width:300px;

}

.input_password{

width:200px;

}

.input_select_shop {

width:70px;

}

.input_name{

width:200px;

}

.input_jumin_num{

width:87px;

}

.input3 {

height:130px;

width:430px;

}

.input4 {

width:90px;

}

.input5 {

width:97px;

}

.input6 {

width:95px;

}

.input7 {

height:170px;

width:400px;

}

.input8 {

width:112px;

}

.input9 {

width:300px;

}

.input10 {

width:400px;

}

.input11 {

width:170px;

}

input,

textarea{

line-height:13px;

font-size:12px;

font-family:verdana, µ¸¿ò;

border:1px solid #ccc;

padding:4px;

}

.popup_block input{

border:none;

}

.input_style_none{

border:1px solid #ccc;

padding:0px;

}

.border_orange{

border:1px solid #F90;

}



select{

height:25px;

}

.input_style_none{

padding:0;

border:none;

}



.input_block{

padding:20px;

border:3px solid #ececec;

}

.search_input_block{

padding:20px 0;

padding-left:230px;

}

.search_input_block input{

display:block;

float:left;

margin-right:5px;

}

.login_block ul,

.login_block p{

display:block;

float:left;

}

.login_block ul{

margin-right:10px;

}

.login_block ul li{

list-style:none;

padding:4px 0;

}



/*ÅؽºÆ®½ºÅ¸ÀÏ*/

.txt_01 {

font-family:"µ¸À½", "Arial";

font-size:11px;

color:#a4a4a4;

text-decoration:none;

line-height:170%;

}

.txt_02 {

font-family:"µ¸À½", "Arial";

font-size:11px;

color:#ffffff;

text-decoration:none;

font-weight:bold;

line-height:150%;

}

.txt_03 {

font-family:"µ¸À½", "Arial";

font-size:16px;

color:#f7941e;

text-decoration:none;

font-weight:bold;

line-height:150%;

}

.txt_04 {

font-family:"µ¸À½", "Arial";

font-size:11px;

color:#ffffff;

text-decoration:none;

font-weight:bold;

line-height:150%;

}

.txt_05 {

font-family:"µ¸À½", "Arial";

font-size:12px;

color:#ffbb00;

text-decoration:none;

font-weight:bold;

line-height:150%;

}

.txt_06 {

font-family:"µ¸À½";

font-size: 11px;

color:ff9900;

line-height:150%;

}

.txt_07 {

font-family:"µ¸À½";

font-size: 10px;

color:ff9900;

font-weight:bold;

}

.txt_08 {

font-family:"µ¸À½", "Arial";

font-size:11px;

color:#919191;

text-decoration:none;

font-weight:bold;

line-height:150%;

}

.txt_09 {

font-family:"µ¸À½";

font-size: 11px;

color:f7941e;

text-decoration: underline;

font-weight:bold;

}

.txt_10 {

font-family:"µ¸À½", "Arial";

font-size:10px;

color:#a4a4a4;

text-decoration:none;

line-height:170%;

}

.txt_11 {

font-family:"µ¸À½", "Arial";

font-size:11px;

color:#a4a4a4;

text-decoration:none;

line-height:130%;

LETTER-SPACING: -1px;

}

.txt_12 {

font-family:"µ¸À½", "Arial";

font-size:11px;

color:ff9900;

text-decoration:none;

line-height:130%;

LETTER-SPACING: -1px;

}

.txt_content_view_title{

font-size:12px;

line-height:18px;

font-weight:bold;

}

.txt_content_view {

font-size:12px;

line-height:18px;

}

.agency_list_search_block{

}

.agency_list_search_block span,

.agency_list_search_block input,

.agency_list_search_block a{

display:block;

float:left;

margin-left:3px;

}

.agency_list_search_block span{

padding-top:5px;

}



/*½ºÅ¸ÀÏÆеù*/

/*style="padding-bottom:2px"*/

/* main */
#main	{ height:100%;}

#main #wrapper	 { position:relative;height:100%;min-height:750px;}

.front_info_wrap {

width:100%;

position:absolute;

top:500px;

display:none;

}

.front_info_block {

width:1000px;

margin:0 auto;

}

.front_info_block .inner {

float:right;

width:161px;

padding:20px;

height:316px;

background:url(/Images/common/main_board_bg.png) no-repeat;_background:none;

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/common/main_board_bg.png',sizingMethod='crop');

}

.front_info_block .inner h3{

margin-bottom:10px;

}

.front_info_block .inner h3 img.title,

.front_info_block .inner a {

display:block;

float:left;

}

.front_info_block .inner a {

float:right;

padding:3px;

}

.front_info_block .inner{

height:120px;

}

.front_info_block .inner .first{

margin-bottom:20px;

}

.front_info_block .inner .first ul{

background:#fff;

padding:10px;

}



.front_info_block .inner .second{

display:none;

}



.front_info_block .inner ul li{

list-style:none;

display:block;

}

.front_info_block .inner ul li a{

display:inline;

float:none;

}

/*tvc*/

.tv_player_block{

padding-left:150px;

padding-bottom:20px;

}

.tvc_list_block{

border:3px solid #ececec;

border-left:none;

border-right:none;

padding-left:20px;

padding-top:20px;

height:546px;

}

.tvc_list_block ul li {

display:block;

float:left;

padding:10px 5px;

}

.tvc_list_block ul li a{

display:block;

}

.tvc_list_block ul li p{

text-align:center;

padding-top:5px;

}

.selected_brand_list{

padding-left:80px;

}

.selected_brand_list h3{

margin-top:20px;

padding-bottom:15px;

margin-bottom:10px;

border-bottom:1px dotted #ccc;

}



/* ComProduction */

.production_flash_block{

padding:30px 0 30px 70px !important;

}



/*customer*/

.q_block {

padding:15px 0;

border-bottom:1px dotted #ccc;

}

.anwer_block {

padding:10px 0;

padding-left:25px;

background:url(/Images/customer/customer_01_img_07.jpg) 0 11px no-repeat;

margin-left:20px;

}



/*CustomerShop*/

.customer_shop_map_block{

padding:30px;

border:3px solid #ececec;

border-top:none;

margin-bottom:30px;

}

.customer_shop_map_block div.first,

.customer_shop_map_block div.second{

float:left;

width:300px;

}

.customer_shop_map_block div.second{

width:280px;

padding-top:195px;

margin-top:0px;

background:url(/Images/customer/customer_07_img_13.jpg) 0 100px no-repeat;

}

.customer_shop_map_block div.second .input_shop_block input,

.customer_shop_map_block div.second .input_shop_block select{

display:block;

float:left;

margin-right:3px;

}



.shop_one_list span{

display:block;

float:left;

text-align:center;

}

.shop_one_list span.name{

width:100px;

padding-left:35px;

}

.shop_one_list span.address{

width:250px;

_width:220px;

padding-left:90px;

color:#FF9900;

text-align:left;

}

.shop_one_list span.phone{

width:150px;

float:right;

}



/*MemModForm*/

.form_block{

padding-top:17px;

font-size:12px;

letter-spacing:0;

}

.input_block .form_block{

padding:20px;

}

.form_block2{

padding:20px 0 30px 100px;

}



.form_block h3{

font-size:13px;

letter-spacing:-1px;

padding-bottom:20px;

line-height:18px;

}



.form_block ul li,

.form_block label,

.form_block span,

.form_block input,

.form_block a,

.form_block select,

.form_block img{

display:block;

}

.form_block label,

.form_block span,

.form_block input,

.form_block a,

.form_block select,

.form_block div,

.form_block img{

float:left;

}

.form_block label{

padding-top:5px;

}

.form_block span.first{

width:400px;

}

.form_block span.txt{

padding:5px;

}

.form_block span.inputed_txt{

padding:5px 0;

font-weight:bold;

font-size:12px;

}

.form_block span.checked_txt{

padding:5px 0;

color:#333;

}

.form_block span.checked_txt2{

}

.form_block span.btn{

padding-left:5px;

}

.form_block span.naming{

padding:5px 0 0 3px;

padding-left:3px;

margin-right:15px;

}

.form_block ul li{

padding:10px 0;

}

.form_block ul li{

}

.form_block ul li.guide{

padding:0px;

padding-bottom:8px;

margin-top:-5px;

padding-left:150px;

font-size:11px;

color:#999;

}

.form_block ul li.border{

padding-bottom:20px;

border-bottom:1px dotted #ccc;

margin-bottom:15px;

}

.form_block label{

display:block;

float:left;

width:150px;

letter-spacing:0px;

font-weight:bold;

color:#FF9900;

font-size:12px;

}

.form_block2 label{

width:100px;

}

.form_block2 ul.check li input{

padding:5px 0;

border:none;

}



.input_block .form_block label{

width:100px;

}

.input_block .form_block li.guide{

padding-left:100px;

}





.form_block p{

padding:30px;

margin-top:30px;

border-top:1px dotted #ccc;

padding-left:200px;

}



.form_block p a{

display:block;

float:left;

margin-right:5px;

}



.intro_input_form{

padding-left:100px;

border:3px solid #ececec;

border-top:none;

border-bottom:none;

}

.intro_input_form label{

display:block;

float:left;

font-weight:bold;

font-size:12px;

width:100px;

padding:5px 0;

color:#F90;

}

.intro_input_form input,

.intro_input_form span{

display:block;

float:left;

}

.intro_input_form span{

padding:5px;

}



.intro_input_form p,

.intro_input_form ul{

float:left;

display:block;

}

.intro_input_form ul{

width:320px;

padding-left:30px;

}

.intro_input_form ul li{

padding:5px 0;

list-style:none;

}

.intro_input_form p{

padding-top:5px;

}

.intro_input_form strong	{ 
color:#F90;
}



.agree_block span{

display:block;

float:left;

padding-left:118px;

}

.agree_block span.first{

padding-left:222px;

}



.find_result{

border:3px solid #ececec;

border-top:none;

padding:80px 0;

font-size:15px;

font-weight:bold;

}

.find_result p{

text-align:center;

padding:5px 0;

}



.find_result p.btn_block{

padding-top:40px;

}

.find_result p span{

color:#FF6600;

}





.company_bg{

background:url(/Images/common/water_bg.jpg) bottom center no-repeat;

}

.member_bg{

background:url(/Images/common/orange_bg.jpg) bottom center no-repeat;

}

.customer_bg{

background:url(/Images/common/leaf_bg.jpg) bottom center no-repeat;

}





#msg {

display:none;

position:absolute;

z-index:200;

background:url(/Common/Css/msg_arrow.gif) left center no-repeat;

padding-left:7px

}

#msgcontent {

display:block;

background:#f3e6e6;

border:2px solid #924949;

border-left:none;

padding:5px;

min-width:150px;

max-width:250px

}

#member_bg {

background-image: url('/Images/member/member_00_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#member_bg_left {

background-image: url('/Images/member/member_00_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#member_bg_right {

background-image: url('/Images/member/member_00_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

#company_bg {

background-image: url('/Images/company/company_00_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#company_bg_left {

background-image: url('/Images/company/company_00_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#company_bg_right {

background-image: url('/Images/company/company_00_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

#customer_bg {

background-image: url('/Images/customer/customer_00_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#customer_bg_left {

background-image: url('/Images/customer/customer_00_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#customer_bg_right {

background-image: url('/Images/customer/customer_00_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

#brand_bg {

background-image: url('/Images/brand/brand_00_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#brand_bg_left {

background-image: url('/Images/brand/brand_00_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#brand_bg_right {

background-image: url('/Images/brand/brand_00_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

#product_02_bg {

background-image: url('/Images/product/product_02_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#product_02_bg_left {

background-image: url('/Images/product/product_02_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#product_02_bg_right {

background-image: url('/Images/product/product_02_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

#product_02_02_bg {

background-image: url('/Images/product/product_02_02_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#product_02_02_bg_left {

background-image: url('/Images/product/product_02_02_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#product_02_02_bg_right {

background-image: url('/Images/product/product_02_02_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

#product_03_bg {

background-image: url('/Images/product/product_03_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#product_03_bg_left {

background-image: url('/Images/product/product_03_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#product_03_bg_right {

background-image: url('/Images/product/product_03_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

#product_04_bg {

background-image: url('/Images/product/product_04_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#product_04_bg_left {

background-image: url('/Images/product/product_04_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#product_04_bg_right {

background-image: url('/Images/product/product_04_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

#product_bg {

background-image: url('/Images/product/product_00_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#product_bg_left {

background-image: url('/Images/product/product_00_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#product_bg_right {

background-image: url('/Images/product/product_00_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

#product_06_bg {

background-image: url('/Images/product/product_06_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#product_06_bg_left {

background-image: url('/Images/product/product_06_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#product_06_bg_right {

background-image: url('/Images/product/product_06_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

#product_07_bg {

background-image: url('/Images/product/product_07_img_bg_01.jpg');

background-repeat: no-repeat;

background-position: bottom;

}

#product_07_bg_left {

background-image: url('/Images/product/product_07_img_bg_02.jpg');

background-repeat: no-repeat;

background-position: bottom right;

}

#product_07_bg_right {

background-image: url('/Images/product/product_07_img_bg_03.jpg');

background-repeat: no-repeat;

background-position: bottom left;

}

/* clearfix */

.clearfix:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix {

display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {

height: 1%;

}

.clearfix {

display: block;

}

/* End hide from IE-mac */




/* Á¤µµ°æ¿µ */
img	{ border:0}
.tab	{ width:670px;height:29px;margin:0;padding:0;border-bottom:3px solid #ff9501;overflow:hidden}
.tab li	{ float:left;margin:0 1px 0 0;padding:0}
.ethicsBox	{ width:624px;padding:20px;border:3px solid #ececec;border-top-width:1px;}
.ethicsBox h3	{ height:23px;margin-bottom:15px;border-bottom:1px dashed #c9c9c9;}
.ethicsBox .sort { width:604px;padding:16px 0 17px 20px;margin:0 0 20px;overflow:hidden;background:#f4f4f4}
.ethicsBox .sort li	{ float:left;width:200px;height:14px;padding:4px 0 3px;margin:0;list-style:none}
.ethicsBox .sort2	{ width:622px;padding-left:2px;}
.ethicsBox .sort2 li	{ width:auto;padding:4px 18px 3px;}
.ethicsBox .cont h3	{ height:auto;margin:15px 0 0;border:none;font-weight:bold;font-size:11px;color:#949494;}
.ethicsBox .cont ol.depth1	{ width:624px;padding:0;margin:0;}
.ethicsBox .cont li	{ padding-bottom:15px;font-size:11px;color:#949494;line-height:16px;list-style:none}
.ethicsBox .cont h4	{ font-size:11px;color:#ff9501}
.ethicsBox .cont li p	{ padding:0;margin:0;color:#949494;}
.ethicsBox .cont ol.depth2	{ width:599px;padding:0 0 0 25px;margin:0}
.ethicsBox .cont ol.depth2 li	{ padding:15px 0 0 ;list-style:decimal;font-weight:bold;}
.ethicsBox .cont ol.depth2 li h5	{ display:inline;font-weight:bold;color:#949494;font-size:11px;}
.ethicsBox .cont ol.depth2 li p	{ padding-left:10px;font-weight:normal}
.ethicsBox .cont ol.depth3	{ width:574px;padding:0 0 0 25px;margin:0}
.ethicsBox .cont ol.depth3 li	{ padding-top:0;list-style:lower-roman;font-weight:normal}
.ethicsBox .cont ol.depth3 li li	{ padding-left:10px;list-style:circle inside}