/* 공통 */
html { overflow-y: scroll; overflow-x: hidden; }
html, body { }
html, body,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
table, th, td, p, blockquote, img,
form, fieldset, legend, object,
input, select, textarea, button, header, nav,
footer, address, section, article, figure, figcaption { margin: 0; padding: 0; }
ul,li { list-style: none; }
img { vertical-align: middle; margin: 0; padding: 0; border: none; }
/* 링크 */
a:link,
a:visited,
a:active { font-family: 'nanum-barun-gothic-regular', '돋움', 'AppleGothic', 'Helvetica', sans-serif; text-decoration: none; }
a:hover { font-family: 'nanum-barun-gothic-regular', '나눔고딕', '돋움', 'AppleGothic', 'Helvetica', sans-serif; text-decoration: none; }
a:active { /* selector-dummy:expression(this.hideFocus = true); */} /* 클릭시 점선 안생기게 함 */
.td1 {font-size:12px; font-family:"돋움"; color:#FFFFFF; line-height:17px; padding-left:10px;}
td {font-size:12px; font-family:"돋움"; color:#666666; line-height:17px;}
/*********링크점선없애기*********************/
a,area {blr:expression(this.onFocus=this.blur())}
:focus { -moz-outline-style:none;}
/********************* Forms *********************************************************************************************************************************/
input,textarea,select { border:#B7B3A9 1px solid; font-size:12px; font-family:"돋움"; color:#4E4F30;}
/********************* basic Link ****************************************************************************************************************************/
a { selector-dummy : expression(this.hideFocus=true);} /*링크 점선 없애기*/
a:link { font-size:12px;color:#909090;font-family:돋움; text-decoration:none }
a:visited { font-size:12px;color:#909090;font-family:돋움; text-decoration:none }
a:active { font-size:12px;color:#909090;font-family:돋움; text-decoration:none}
a:hover { font-size:12px;color:#909090;font-family:돋움; text-decoration:none}
/********************* Scrollbar ****************************************************************************************************************************/
.bg_left
{
background-image:url(http://www.jjhearing.kr/images/sub_left_bg.jpg); background-repeat:repeat-x; background-position:right top;
}
.bg_right
{
background-image:url(http://www.jjhearing.kr/images/sub_right_bg.jpg); background-repeat:repeat-x;
}
BODY
{
/*background-image:url(/images/sub_bg.jpg); background-repeat:repeat-x;*/
background-color:#FFFFFF;
scrollbar-face-color: #F2F2F2;
scrollbar-shadow-color: #B7B7B7;
scrollbar-highlight-color: #F2F2F2;
scrollbar-3dlight-color: #F2F2F2;
scrollbar-darkshadow-color: #E9E9E9;
scrollbar-track-color: #E9E9E9;
scrollbar-arrow-color: #999999;
}
.sub_table
{
background-image:url(http://www.jjhearing.kr/images/sub_table03.jpg); background-repeat:no-repeat;
}
TABLE, IMG{ border: 0px; }
FORM, P { margin: 0px; }
/********************* font ****************************************************************************************************************************/
.list {padding:2 5; font-size: 12px; color: #FFFFFF;}
/********************* link ****************************************************************************************************************************/
.11-L:link { font-size:11px;color:#ED6B1F;font-family:돋움; text-decoration:none }
.11-L:visited { font-size:11px;color:#ED6B1F;font-family:돋움; text-decoration:none }
.11-L:active { font-size:11px;color:#ED6B1F;font-family:돋움; text-decoration:underline }
.11-L:hover { font-size:11px;color:#ED6B1F;font-family:돋움; text-decoration:underline }
.12-B:link { font-size:12px;color:#014B8C;font-family:돋움; font-weight:bold;text-decoration:none }
.12-B:visited { font-size:12px;color:#014B8C;font-family:돋움; font-weight:bold;text-decoration:none }
.12-B:active { font-size:12px;color:#014B8C;font-family:돋움; font-weight:bold;text-decoration:underline }
.12-B:hover { font-size:12px;color:#014B8C;font-family:돋움; font-weight:bold;text-decoration:underline }
.12-Green-B:link { font-size:12px;color:#4E4F30;font-family:돋움; font-weight:bold;text-decoration:none }
.12-Green-B:visited { font-size:12px;color:#4E4F30;font-family:돋움; font-weight:bold;text-decoration:none }
.12-Green-B:active { font-size:12px;color:#438A01;font-family:돋움; font-weight:bold;text-decoration:underline }
.12-Green-B:hover { font-size:12px;color:#438A01;font-family:돋움; font-weight:bold;text-decoration:underline }
.sub_text-B:link { font-size:12px;color:#9C686B;font-family:굴림; font-weight:bold;text-decoration:none }
.sub_text-B:visited { font-size:12px;color:#9C686B;font-family:굴림; font-weight:bold;text-decoration:none }
.sub_text-B:active { font-size:12px;color:#9C686B;font-family:굴림; font-weight:bold;text-decoration:underline }
.sub_text-B:hover { font-size:12px;color:#9C686B;font-family:굴림; font-weight:bold;text-decoration:underline }
.aaa { font-family:돋움체; font-size: 8pt; color: #FFFFFF;}
.aaa a:link{text-decoration:none; color:"#FFFFFF"; font-size:8pt;}
.aaa a:visited{text-decoration:none; color:"#FFFFFF"; font-size:8pt;}
.aaa a:active{text-decoration:none; color:"#FFFFFF"; font-size:8pt;}
.aaa a:hover{text-decoration:none; color:"#06C8EB"; font-size:8pt; }
.sub_sum {
background-image:url(http://www.jjhearing.kr/images/sub_sum_bg.jpg); background-repeat:repeat-x;
}
.bod-title {
font-weight: bold;
color: #704F2C;
align: center;
text-align: center;
}
.11-font {
font-size: 11px;font-family:Tahoma
}
.11-spacing{
font-size: 11px; letter-spacing:-1px; line-height:14px;
}
.12-spacing{
font-size: 12px; letter-spacing:-1px;
}
.12-spacing01{
font-size: 12px; letter-spacing:-2px;
}
.red {
font-size: 12px; color: #AF0000;
font-weight:bold;
}
.ttl {
color: #704F2C;
font-weight: bold;
}
.brown {
font-size: 12px; color: #704F2C;
}
.green {color: #598527}
.year {
font-size: 11px; color: #D7503D; font-weight:bold; font-family:Verdana;
}
.month {
font-size:12px; color:#B86D62;
}
.sub_bg{
background-image:url(http://www.jjhearing.kr/images/sub_bg.jpg); background-repeat:repeat-x; background-position:center;
}
.headerWrap { position: relative; overflow: visible; background: #fff;height: 95px;border-bottom: 3px solid #d60825; }
#logo { position: absolute; width: 170px; margin-left: -490px; left: 50%; overflow: hidden; top: 0px; height: 68px; }
h1 { }
/* gnb */
#gnbWrap { position: absolute; z-index: 120; left: 0px; width: 100%; top: 15px; }
.gnb > ul { overflow:hidden; width: 800px; margin: 0 auto; padding-left: 200px; }
.gnb > ul > li { float:left; }
.gnb a.oneD { padding: 0 10px; height:83px; display:block; font-size:15px; color:#333; font-weight:bold; line-height:83px; text-align:center; font-family: 'nanum-barun-gothic-regular', '돋움', 'AppleGothic', 'Helvetica', sans-serif; }
.gnb a.oneD.on,
.gnb a.oneD:hover { color: #d23333; text-decoration: none; }
.gnb .deps2 { position:absolute; width: 100%; top:83px; left: 0; height:50px; z-index:100; overflow:hidden; /* background:#c9c9c9; */ background: rgba(235,235,235,0.9);}
.gnb .deps2 > ul { width: 1000px; margin: 0 auto; overflow: hidden; }
.gnb .deps2 a { float:left; height:50px; display:block; overflow:hidden; font-size:13px; font-weight:bold; color:#666; line-height:43px; padding:5px 5px; font-family: 'nanum-barun-gothic-regular', '돋움', 'AppleGothic', 'Helvetica', sans-serif; }
.gnb .deps2 a.on,
.gnb .deps2 a:hover { color:#aa3939; text-decoration: none; }
.gnb .two40 a {width:144px; text-align:center;}
.gnb a.two11 { padding-left: 210px; }
.gnb a.two21 { padding-left: 260px; }
.gnb a.two31 { padding-left: 300px; }
.gnb a.two41 { padding-left: 10px; }
.gnb a.two51 { padding-left: 0px; }
.gnb a.two61 { padding-left: 20px; }
.gnb li > div { display: none; }
/* 서브 */
/* lnb */
.aside { position: relative; }
.aside h2 { font-size: 25px; color: #00aabc; font-family: 'nanum-barun-gothic-regular', '돋움', 'AppleGothic', 'Helvetica', sans-serif; margin: 30px 0 15px 20px; letter-spacing: -0.05em; }
.aside h2 span { display: block; font-size: 12px; margin-top: 5px; font-weight: normal; }
#lnbWrap { position: relative; padding-top: 0px; width: 159px; border: 1px solid #a3c7ca; border-radius: 7px; min-height: 200px; margin: 0 auto; }
.lnb { width: 80%; margin: 15px auto; ; }
.lnb > li { border-bottom: 1px solid #e0e4e7; margin-bottom: -1px; }
.lnb > li > a { padding: 7px 3px ; display: block; font-family: 'nanum-barun-gothic-regular', '돋움', 'AppleGothic', 'Helvetica', sans-serif; font-size: 13px; color: #333; position: relative; letter-spacing: -0.05em; }
.lnb > li > a:hover { color: #d21010; }
.lnb > li.active > a { color: #d21010; }
.lnb > li > a.oneD.on,
.lnb > li > a.oneD:hover { color: #d21010; opacity: 1;}
.lnb .deps2 > a.on,
.lnb .deps2 > a:hover { color: #d21010; opacity: 1; }
.lnb li ul { padding: 13px 0 10px; background: #fff;}
.lnb .deps3 { line-height: 1.6em; padding-left: 25px; }
.lnb .deps3 a.on,
.lnb .deps3 a:hover { color: #d21010; }
.lnb a > i { position: absolute; right: 0; top: 8px; display: block; }
.mainImg { width: 1920px; margin-left: -960px; left: 50%; position: relative; overflow: hidden; box-sizing: border-box;}
.subImg { background: url(../image/sub_img.jpg) no-repeat center 0; height: 208px; }
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; padding: 0; *zoom: 1; top: 0; }
/*
.bx-wrapper img { max-width: 100%; display: block; }
*/
/** THEME
===================================*/
.bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.mainImg { }
.mainImg .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.mainImg .bx-pager { width: 100%; z-index: 9999; bottom: 30px; /*top: 58%; */ position: absolute; display: table; text-align: center; }
.mainImg .bx-pager > div { display: inline-block; text-align: center; margin: 0 7px; }
.mainImg .bx-pager-item { }
.mainImg .bx-pager-item a { text-indent: -999em; width: 10px; height: 10px; border-radius: 50%; background: #fff; display: block; }
.mainImg .bx-pager-item a.active { background: #ff7403; }
.mainImg .bx-controls .bx-controls-direction { overflow: hidden; display: none; }
.mainImg .bx-controls .bx-controls-direction a { display: block; float: left; width: 37px; height: 61px; text-indent: -99999px; position: absolute; top: 60%; }
.mainImg .bx-controls .bx-controls-direction a.bx-prev { background: url(http://www.jjhearing.kr/img/btn_mainImg_l.png) no-repeat; left: 30px; }
.mainImg .bx-controls .bx-controls-direction a.bx-next { background: url(http://www.jjhearing.kr/img/btn_mainImg_r.png) no-repeat; right: 30px; }