@charset "utf-8";


button:focus {outline:0;}
/* 회사소개 */

.company {
    margin-bottom: 160px;
}

.com_box1 img {
    float: left
}

.com_box1 .right {
    margin-bottom: 50px;
}

.com_box1 .right h6 {
    margin: 20px 0;
}

.sonova_logo {
    margin-top: 230px;
    float: left;
    width: 50%;
}

.big_num {
    float: left;
    font-size: 4em;
    line-height: 1em;
    text-align: center;
    width: 20%;
}

.p_img {
    display: table;
    width: 100%;
    min-height: 400px;
    background: transparent;
}

.swiss {
    margin-right: 20px;
}

.no_num {
    color: #ccc;
    float: right;
    margin: 0 30px 0 4px;
}

.sp_num {
    color: #8bbc07;
    font-size: 2.4em;
    float: right;
    line-height: 1em;
}

.history {}

.history .c40 img {
    float: right
}

.his_tit {
    margin-top: 76px;
    width: 55%;
}

.s_img {
    width: 100%;
    float: left;
    padding: 140px 0;
    background-position: center center;
    background-size: cover;
    background-image: url(img/sol/ps-back.png);
}

.s_img h4 {
    margin: 0 0 600px;
}

.s_img a {
    color: #8bbc07;
}

.sol_wrap {
    text-align: center;
    position: relative;
}

.img_holder {
    height: 200px;
}

.sol_tit {
    width: 100%;
    background-color: #fff;
    padding: 24px 0;
    cursor: pointer;
}

.sol_tit:hover {
    background-color: #8bbc07;
    color: #fff
}

.sol-tt {
    margin: 80px 0 30px
}

.sol h4 {
    margin: 0 0 30px
}

.sol1_p1 {
    width: 84%;
    margin-top: 80px;
}

.sol1_p2 {
    float: right;
    width: 84%;
    margin-top: 100px;
}

.sol1_p3 {
    margin-top: 80px;
    width: 84%;
}

.sol1_gif {
    width: 400px;
}

.sol2_img1 {
    margin: 32px 0;
}

.sol2_img2 {
    margin: 9px 0;
}

.sol2_img3 {}

.sol5_p1 {
    margin-top: 100px;
}

.sol5_img1 {}

.sol5_img2 {
    margin-top: 31px;
}

.sol5_img3 {
    margin-top: 50px;
}

.sol3_if {
    margin-left: 100px;
}

.sol .sol3_p1 {
    margin: 50px 0 20px
}

.sol .sol3_p2 {
    margin-top: 70px;
}

.why_p1 {
    width: 424px;
}


/*보청기소개*/
.menu-swiss {padding: 32px 15%; } 
.menu-swiss p {font-size: 0.91em;}
.ear-slide {margin-left:3%;}
.ric p.open-slide3 {width:156px;}
.ric p.open-slide5 {width:170px;}
.total dl dd:hover {background:#8BBC07; cursor: pointer;}
/*.list_menu dd.menusel {padding: 5% 26px;}*/
 
/* 로져솔루션 */

.rosersol {
    margin: 80px 0
}

.rosersol .c33 {
    margin: 40px 0
}

.rs-07 {
    background: url(/img/ro-sol/rs-07.jpg);
    width: 100%;
    float: left;
    padding: 0px 0;
    background-position: center top;
    background-size: cover;
}

.rs-08 {
    background: url(/img/ro-sol/rs-08.jpg);
    width: 100%;
    float: left;
    padding: 0px 0;
    background-position: center top;
    background-size: cover;
}

.rs-09 {
    background: url(/img/ro-sol/rs-09.jpg);
    width: 100%;
    float: left;
    padding: 0px 0;
    background-position: center top;
    background-size: cover;
}

.sr-tabel table {
    border: 1px solid #fafafa;
}

.sr-tabel th {
    padding-top: 10px;
    padding-bottom: 40px;
}

.sr-tabel td {
    padding: 0 0 0 20px;
    width: 370px
}


/*지원서비스앱*/

.app_p1 {
    margin: 60px 0 20px
}

.app_center_1 {
    margin: 0px 140px;
}

.app_center_2 {
    margin: 0px 200px;
}


/*비르토 Q*/

.vq_p1 {
    margin: 130px 0 0
}


/*오데오 Q*/

.au_p1 {
    margin: 75px 0 0
}


/*오데오 v*/

.ra-head {
    background: #8BBC07;
    padding: 10px;
    border-radius: 20px;
    width: 411px;
    color: #fff;
}


/*이지콜*/

.ec_p1 {
    margin: 30px 0 20px
}

.po_p1 {
    margin: 70px 0 0
}


/*로저펜*/

.roger-c01 {
    width: 42px;
    height: 42px;
    background-color: #b12212;
    border-radius: 100%;
}

.roger-c02 {
    width: 42px;
    height: 42px;
    background-color: #dddddd;
    border-radius: 100%;
}

.roger-c03 {
    width: 42px;
    height: 42px;
    background-color: #626b73;
    border-radius: 100%;
}


/*컴파일럿*/

.compa-c01 {
    width: 42px;
    height: 42px;
    background-color: #888888;
}

.compa-c02 {
    width: 42px;
    height: 42px;
    background-color: #b7b19b;
}

/*리모트마이크*/
img.rc-img {margin-left: 100px;}

/*럭셔리패키지*/

.lp-bg {
    background: url(../img/lp-bg.jpg);
    background-size: cover;
    background-position: center;
}

.lp-head {
    letter-spacing: 0.8em;
}

.lp-big {
    font-size: 4em;
    font-weight: 500;
}

.acc a div:hover {
    background: #fff;
    color: #8BBC07;
    border: 1px solid #8BBC07;
    transition: 0.2s ease;
}

 
/*제품 컬러*/ 
.color-chip {width: 35px; height: 35px; border-radius: 100%; cursor: pointer; display: table; text-align: center;}
.color-chip :active {}
.c-m {margin-right: 3%;}
.p1 {background: #a48478;}
.p2 {background: #9b725f;}
.p3 {background: #6f5851;}
.p4 {background: #372324;}
.p5 {background: #a6968f;}
.p6 {background: #a8a0a2;}
.p7 {background: #554d50;}
.p8 {background: #282226;}
.p9 {background-color: #a81e13;}
.q1 {background-color: #1b1e29;}
.b01 {background-color: #e8c5a6;}
.b38 {background: rgb(112,41,143);}
.b13 {background: rgb(151,156,162);}
.b37 {background: rgb(37,77,140);}
.b14 {background: #dbaa85;}
.b22 {background: #bc8867;}
.b26 {background: #f6bb94;}
.b28 {background: #976047;}
.b19 {background: #ededed;}
.b21 {background: #c1c1c1;}
.b00 {background: #000000;}
.bb2 {background: #b2b2b2;}
 
.s-q2 {
    width: 65px;
    height: 65px;
    background-color: #8cbc8f;
    border-radius: 100%;
    display: table;
}

.s-q3 {
    width: 65px;
    height: 65px;
    background-color: #5c949f;
    border-radius: 100%;
    display: table;
}

.s-q4 {
    width: 65px;
    height: 65px;
    background-color: #903f1f;
    border-radius: 100%;
    display: table;
}

.s-q5 {
    width: 65px;
    height: 65px;
    background-color: #8a1734;
    border-radius: 100%;
    display: table;
}

.s-q6 {
    width: 65px;
    height: 65px;
    background-color: #2c99d4;
    border-radius: 100%;
    display: table;
}

.s-q7 {
    width: 65px;
    height: 65px;
    background-color: #363483;
    border-radius: 100%;
    display: table;
}

.s-p1 {
    width: 65px;
    height: 65px;
    background-color: #a29280;
    border-radius: 100%;
    display: table
}

.s-p2 {
    width: 65px;
    height: 65px;
    background-color: #a28871;
    border-radius: 100%;
    display: table
}

.s-p3 {
    width: 65px;
    height: 65px;
    background-color: #756659;
    border-radius: 100%;
    display: table
}

.s-p4 {
    width: 65px;
    height: 65px;
    background-color: #382829;
    border-radius: 100%;
    display: table
}

.s-p5 {
    width: 65px;
    height: 65px;
    background-color: #a59c90;
    border-radius: 100%;
    display: table
}

.s-p6 {
    width: 65px;
    height: 65px;
    background-color: #acada8;
    border-radius: 100%;
    display: table
}

.s-p8 {
    width: 65px;
    height: 65px;
    background-color: #2a2a2d;
    border-radius: 100%;
    display: table
}

.s-p9 {
    width: 65px;
    height: 65px;
    background-color: #670c1e;
    border-radius: 100%;
    display: table
}

.s-q1 {
    width: 65px;
    height: 65px;
    background-color: #3e4952;
    border-radius: 100%;
    display: table
}

.s-t3 {
    width: 65px;
    height: 65px;
    background-color: #d28fac;
    border-radius: 100%;
    display: table
}

.s-b13 {
    width: 65px;
    height: 65px;
    background-color: #9e9ea1;
    border-radius: 100%;
    display: table
}

.s-b01 {
    width: 65px;
    height: 65px;
    background-color: #c7ae90;
    border-radius: 100%;
    display: table
}

.s-t7 {
    width: 65px;
    height: 65px;
    background-color: #f4f6f5;
    border-radius: 100%;
    display: table
}

.s-t7 p {
    color: #999!important;
}

.s-m6 {
    width: 65px;
    height: 65px;
    background-color: #951e21;
    border-radius: 100%;
    display: table
}

.s-m7 {
    width: 65px;
    height: 65px;
    background-color: #174a8e;
    border-radius: 100%;
    display: table
}

.s-m8 {
    width: 65px;
    height: 65px;
    background-color: #482f70;
    border-radius: 100%;
    display: table
}

.p4-h {
    width: 65px;
    height: 65px;
    background-color: #7f9796;
    border-radius: 100%;
    display: table
}

.p6-h {
    width: 65px;
    height: 65px;
    background-color: #1aa166;
    border-radius: 100%;
    display: table
}

.p8-h {
    width: 65px;
    height: 65px;
    background-color: #e6e51c;
    border-radius: 100%;
    display: table
}

.p9-h {
    width: 65px;
    height: 65px;
    background-color: #52c6d9;
    border-radius: 100%;
    display: table
}

.q1-h {
    width: 65px;
    height: 65px;
    background-color: #92288c;
    border-radius: 100%;
    display: table
}

.t3-h {
    width: 65px;
    height: 65px;
    background-color: #3853a4;
    border-radius: 100%;
    display: table
}

.b13-h {
    width: 65px;
    height: 65px;
    background-color: #ed2328;
    border-radius: 100%;
    display: table
}

.s-r1-h {
    width: 65px;
    height: 65px;
    background-color: #0c7771;
    border-radius: 100%;
    display: table
}

.s-r2-h {
    width: 65px;
    height: 65px;
    background-color: #f0d21d;
    border-radius: 100%;
    display: table
}

.s-r3-h {
    width: 65px;
    height: 65px;
    background-color: #8c1951;
    border-radius: 100%;
    display: table
}

.s-q6-h {
    width: 65px;
    height: 65px;
    background-color: #1e86b7;
    border-radius: 100%;
    display: table
}

.s-b13-2-h {
    width: 65px;
    height: 65px;
    background-color: #878988;
    border-radius: 100%;
    display: table
}

.s-q7-h {
    width: 65px;
    height: 65px;
    background-color: #1f3086;
    border-radius: 100%;
    display: table
}

.s-r4-h {
    width: 65px;
    height: 65px;
    background-color: #ce3827;
    border-radius: 100%;
    display: table
}
.sqc p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-weight: 500;
}
.sqc {
    cursor: pointer;}

.ch a:hover {
    color: #8BBC07;
    transition: 0.2s ease;
}
 

/*스카이 컬러변경*/
.sky-hook {}
.sky-main {position:absolute; top:0; left:0;}
.skyv-img {width: 100%; max-width: 400px; margin: 0 auto; position: relative;}
.skyv-hook {position:absolute; top:0; left:0; width: 100%;}

/*티나이터스 밸런스 앱*/

.tt-bg {
    background: url(/img/ttapp-bg.jpg);
    background-size: cover;
    background-position: center;
}


/*액세서리 상세*/

.bar02 {
    width: 20%;
    float: left;
    height: 3px;
}


/*스마트케어*/

.smart-bg {
    width: 100%;
    background: url(../img/smartcare/smart-07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bar03 {
    width: 15px;
    float: left;
    height: 3px;
}


/*오시는길*/
#map {
    filter: grayscale(100%);
    width:100%;height:568px;
}
 
.map-box {
    width: 350px;
    height: 568px;
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -590px;
    background: url(../img/map-box.png);
}

.map-marker {
    position: absolute;
    z-index: 1;
    margin-top: 182px;
    margin-left: 555px;
}
 
.mapBtn {
    width: 80px;
    text-align: center;
    padding: 10px;
    background: #626b73;
    border-radius: 5px;
    color: #fff;
}

.mapBtn:hover {
    transition: 0.4s ease;
    background: #fff;
    color: #666;
}



/*대리점찾기*/
.distributorItem {cursor: pointer;}
.distributor {width: 620px;}

.distributors-box2 {
    width: 100%;
}
.distributors-box3 {
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    padding: 20px 0;
}
button {
    background: #fff;
    border: 1px solid #f2f2f2;
    float: left;
    padding: 10px 0;
}
button:focus, button:active {background: #f2f2f2;}


.distributors-box a:hover,
.distributors-box a:active {
    color: #8BBC07;
}

.dbs .find-box {width: 280px; height: 42px; border: 2px solid #626B73; padding-left: 10px;}
.dts-box {border:1px solid #ddd;float: left;width: 100%;margin-bottom: 20px;margin-top: -1px;}
.dts-box dt, .dts-box dd, .dts-box span {color: #999999; line-height: 1.8em;}
.dts-map-box {width: 530px; background: #f2f2f2;}

.goBtn { }
.goBtn:focus {}
.diBtn:focus {color:#8BBC07; text-decoration: none;}
.findBtn {margin-left: -35px;}
.naverBtn {background: #8bbc07; color: #fff; border: 1px solid #8bbc07; text-align: center; font-weight: 300; width: 50%; margin: 0 auto; border-radius: 5px;}
.fastBtn {background:#626b73; color: #fff; border: 1px solid #626b73; text-align: center; font-weight: 300; }
.naverBtn:hover, .fastBtn:hover {background:#ddd; border: 1px solid #ddd; transition: 0.2s ease;}
.mo-dBtn {width: 50%;}

/*청력 자가진단*/
.test-box {width: 20px;
	height: 20px;
	border-radius: 3px;
	background-color: #d8d8d8;
    cursor: pointer;
}
.test-box.green { background-color: #8BBC07; }
.st-02 span {color: #888888;}

/*전세계지사*/
ul.tabs {
    margin: 0 auto;
    padding: 0;
    float: left;
    list-style: none;
    height: 46px;
    color: #888;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:187px;
    height: 46px;
    line-height: 46px;
    background: #ffff;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    margin-left: -1px;
}
ul.tabs li.active {
    background: #8BBC07;
    color: #fff;
}
.tab_container {
    /* border: 1px solid #eee; */
    border-top: none;
    clear: both;
    float: left;
    background: #FFFFFF;
    width: 100%;
}
.tab_content {
    padding: 5px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}


 
/*우리의 미션*/
figure {width: 285px; height: 192px;  overflow: hidden; position: relative; display: inline-block; vertical-align: top; margin: 10px;}
figcaption{ position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  display: table;
}
figcaption div{
  display: table-cell;
  vertical-align: middle;  
    opacity: 0;
/*
  position: relative;
  top: 20px;

  color: #2c3e50;
  text-transform: uppercase;
*/
}


figure img{
          transition: all 0.5s linear;
          transform: scale3d(1, 1, 1);
}

figure:hover figcaption{
 background: rgba(0,0,0,0.6);
}

figcaption:hover div{
  opacity: 1;
  top: 0;
}

figcaption:hover div:after{
  width: 50%;
}

figure:hover img{
          transform: scale3d(1.2, 1.2, 1);
}


/*배터리*/
.moreBtn {
    padding: 10px 20px;
	text-align: center;
	color:#fff;
	border-radius: 3px;
	margin-top: 15px;
	background-color: #8bbc07;
	border: solid 1px #8bbc07;
    transition: 0.2s ease;
	}
.moreBtn:hover{background-color:#fff; color:#8bbc07;transition: 0.2s ease;}
 
/*홍보영상*/
.vid-cursor {cursor:pointer;}
div.video div.bx-wrapper div.bx-pager {bottom: -10px;}
 
/*나이다Q*/
.morecfff:hover {font-weight: 600; transition: 0.2s ease; cursor: pointer}

/*메인 배너*/ 
.banner {position: absolute;margin-top: 20px;margin-left: -865px;left: 50%; cursor: pointer;} 

/*전문센터 찾기*/
.loc_popup {min-width:320px; max-width: 530px; margin: auto;}
#google_map {width:620px; height:600px;}
.map-inner {width:495px;height:263px;}
.distributor dt{color: #222;font-size: 1.1em;font-weight: 500;}
.loc_list_wrap{position: absolute;z-index: 100;left: 0;width: 500px;}
.dts-box img{}
.dts-info{
    padding: 0 5%;
    width: 90%;
    font-size: 0.85em;
}
.dts-info dl{}
.dts-info dt{
    float: left;
    font-weight: 500;
    width: 25%;
}
.dts-info dd{
    float: left;
    margin: 0;
    width: 65%;
}
.dts-box h2{padding: 5% 0 0;text-align: center;}
    .dts-info dt:last-child {width: 95%;}
/*모바일*/
.display_on {display: none;}
.product {display: block;} 

.acc_thum2 img.list4-img {height: 106px;} 
 
/*전문센터 소개글
.center-img {background:url(../img/center-img.png); 
    background-position: center center;
    background-size: cover;
width: 100%; height:415px;  float: left;} */  

/*전문센터*/
.red {color: crimson;}
.why-back {background: url(/img/wp-01-back.jpg); background-size: cover; width: 100%; height: auto; background-position: center 88%;}
.why-box {height: 250px; display: table;}
div.why_btn {margin: 0 auto; width: 150px; float: none;}
 


/*난청이란?*/
.hearing01-box {width: 940px; height: 400px; margin: 0 auto; }
.hearing01-back {background: url(../img/hearing/new_ear/intro.causesandtypes.bg.jpg) center center no-repeat; height: 400px;}
.hearing01-w-box {background: #fff;width: 360px;height: 280px;position: absolute;left: 50%;margin-top: 28px;margin-left: 15px;padding: 30px;}

/*overview*/
#hearing01-overview a {cursor:pointer;}
#hearing01-overview {width: 940px; height: 100%; margin: 0 auto; }
#hearing01-back01 {background: url(../img/hearing/new_ear/causesandtypes.overview.bg.jpg) center center no-repeat; height: 340px;}
#back-btn a {color: #333; font-size: 1.2em; position: absolute; left: 50%; z-index: 10;} 
#back-btn01 {margin-left: -231px; margin-top: 250px;}
#back-btn02 {margin-left: 138px; margin-top: 262px;}
#back-btn03 {margin-left: 200px; margin-top: 145px;}

/*네비게이션 바*/
#hearing01-back01-bar {width: 100%; height: 60px; background: #807269; display: table;}
#hearing01-back01-bar a {display: table-cell; vertical-align: middle; padding: 10px; color: #fff;}
#hearing01-back01-bar a:hover {font-weight: 600; transition: 0.2s ease; }
a#btn-overview {width:100px; padding-left: 38px;}
.btn-outear, .btn-middleear, btn-innerear {width: 150px; }
#hearing01-bar {position: absolute; left: 50%; margin-top: 10px; margin-left: -190px;}

/*외이도 hover*/
#hearing01-out {width: 256px; height: 340px;  margin: 0 auto; background: url(../img/hearing/new_ear/out-ear.jpg); position: absolute; left: 50%; margin-left: -230px;}
.out-btn {background: #fff; padding: 5px 15px; position: absolute; left: 50%; margin-left:-90px; margin-top: 147px;}

/*중이 hover*/ 
#hearing01-middle {width: 182px; height: 340px; margin: 0 auto; background: url(../img/hearing/new_ear/middle-ear.jpg); position: absolute; left: 50%; margin-left: -42px; }
.middle-btn {background: #fff; padding: 5px 15px; position: absolute; left: 50%; }
.middle-btn01 {margin-top: 109px; margin-left: -122px;}
.middle-btn02 {margin-top: 228px; margin-left: 7px;}
.middle-btn03 {margin-top: 202px; margin-left: -127px;}

/*내이 hover*/
#hearing01-inner {width: 279px; height: 340px; margin: 0 auto; background: url(../img/hearing/new_ear/inner-ear.jpg); position: absolute; left: 50%; margin-left: -25px; }
.inner-btn {background: #fff; padding: 5px 15px; position: absolute; left: 50%; }
.inner-btn01 {margin-top: 209px; margin-left: 2px;}
.inner-btn02 {margin-top: 72px; margin-left: 75px;}

/*외이 클릭*/
#out-ear-inner-01 {background: url(../img/hearing/new_ear/causesandtypes.detail.outerear.bg.jpg) center center no-repeat; height: 340px;}
#out-ear-inner ul, #middle-ear-inner-list ul, #inner-ear-inner-list ul {padding: 30px;}
#out-ear-inner li, #middle-ear-inner-list li, #inner-ear-inner-list li  { margin-bottom: 10px;}
#out-ear-inner li a, #middle-ear-inner-list li a, #inner-ear-inner-list li a {color: #333;}
#out-ear-inner li a:hover, #middle-ear-inner-list li a:hover, #inner-ear-inner-list li a:hover {font-weight: 600; transition: 0.2s ease;}
#out-ear-inner-img {background: url(../img/hearing/new_ear/causesandtypes.detail.selector.outerear.png) center center no-repeat; width: 140px; height: 125px; position: absolute; left: 50%; margin-left: -440px; margin-top: 63px;} 
.out-ear-inner-box {background: #fff; width: 314px; height: 280px; padding: 30px;}

#out-ear-inner-02 {background: url(../img/hearing/new_ear/causesandtypes.detail.outerear.01.jpg) center center no-repeat; height: 340px;}
.sol-btn {border-radius: 5px; padding: 10px 30px; color: #fff; background: #8bbc07; border: 1px solid #8bbc07;}
.sol-btn:hover {transition: 0.2s ease; border: 1px solid #ddd; background: #fff; color: #333;}

/*외이 - 과도한 귀지*/  
#out-ear-inner-03 {background: url(../img/hearing/new_ear/causesandtypes.detail.outerear.02.jpg) center center no-repeat; height: 340px;} 
 
/*외이 - 외부요인*/  
#out-ear-inner-04 {background: url(../img/hearing/new_ear/causesandtypes.detail.outerear.03.jpg) center center no-repeat; height: 340px;} 
 
/*중이 클릭*/
#middle-ear-inner-01 {background: url(../img/hearing/new_ear/causesandtypes.detail.middleear.bg.jpg) center center no-repeat; height: 340px;}
#middle-ear-inner-img {background: url(../img/hearing/new_ear/causesandtypes.detail.selector.middleear.png) center center no-repeat; width: 140px; height: 125px; position: absolute; left: 50%; margin-left: -440px; margin-top: 63px;} 
/*중이-중이감염*/
#middle-ear-inner-02 {background: url(../img/hearing/new_ear/causesandtypes.detail.middleear.01.jpg) center center no-repeat; height: 340px;}
/*중이-고막손상*/
#middle-ear-inner-03 {background: url(../img/hearing/new_ear/causesandtypes.detail.middleear.02.jpg) center center no-repeat; height: 340px;}
/*중이-귀경화증*/
#middle-ear-inner-04 {background: url(../img/hearing/new_ear/causesandtypes.detail.middleear.02.jpg) center center no-repeat; height: 340px;}

.video-container {
	position: absolute;
	width: 167px;
	height: 167px;
	left: 50%;
    margin-left: -143px;
    margin-top: 144px;
}
 
a.video-play-btn { width: 100%; height: 100%; background: url(../img/hearing/new_ear/btn.video.play.png) center center no-repeat; }
a.video-play-btn.active { background: url(../img/hearing/new_ear/btn.video.play.hover.png) center center no-repeat; }
 
 
/*내이 - 클릭*/
#inner-ear-inner-01 {background: url(../img/hearing/new_ear/causesandtypes.detail.innerear.bg.jpg) center center no-repeat; height: 340px;}
#inner-ear-inner-img {background: url(../img/hearing/new_ear/causesandtypes.detail.selector.innerear.png) center center no-repeat; width: 140px; height: 125px; position: absolute; left: 50%; margin-left: -440px; margin-top: 63px;} 

/*내이 - 노화*/
#inner-ear-inner-02 {background: url(../img/hearing/new_ear/causesandtypes.detail.innerear.01.jpg) center center no-repeat; height: 340px;}
/*내이 - 브라스트*/
#inner-ear-inner-03 {background: url(../img/hearing/new_ear/causesandtypes.detail.innerear.02.jpg) center center no-repeat; height: 340px;}
/*내이 - 신경세포*/
#inner-ear-inner-04 {background: url(../img/hearing/new_ear/causesandtypes.detail.innerear.03.jpg) center center no-repeat; height: 340px;}

/*70주년 로고*/
.logo-70year {float: left; margin-top: 7px; margin-bottom: 7px;}
.logo-70year img {float: left; width: 160px;}

/*전문점 메인*/ 
.center-div {clear: both;}
.center-margin {margin: 0;}

#center-quick {position: absolute; left: 50%; margin-left: -671px;}
#center-quick p {color: #fff;}
#center-quick ul {margin-top: 21px; width: 80px;}
#center-quick li {width: 80px; height: 80px; /*opacity: 0.7; filter: opacity(0.7);*/ text-align: center; transition: 0.2s ease; float: left; margin-top: -1px; display: table;} 
#center-quick .center-quick01 {background:#8bbc07; border: 1px solid #8bbc07;}
#center-quick .center-quick02 {background: #626b73; border:1px solid #626b73; }
#center-quick .fa {color: #fff; font-size: 2.3em;}
#center-quick .center-quick02:hover {}
/*#center-quick li:hover {background-color:#eee; opacity: 1; filter: opacity(1); transition: 0.2s ease;  border: 1px solid #ddd;}*/
#center-quick a {display: table-cell; vertical-align: middle; }
#center-quick p {font-size: 0.9em; margin-top: 5px;}
#center-quick img {height: 35px; }

#center-p p {color: #222;}
.center {background: url(/img/center-back.png) no-repeat; background-size: cover;} 
.c67 {width: 67.2%;}
.center-one {width: 120px; height: 120px; border: 1px solid #ddd; border-radius: 100%; display: table;}
.fa-mobile {color:#aaa; font-size: 4em; vertical-align: middle; display: table-cell;} 
.fa-building-o, .center .fa-comments {color:#aaa; font-size: 3em; vertical-align: middle; display: table-cell;}

.register {background: url(/img/center-back2.png) no-repeat; background-size: cover;}

/*메인 버튼*/
.mainMorePn {
    font-size: 0.9em;
	float:left;
	width: 87px;
	text-align: center;
	padding: 6px 10px;
	color:#fff;
	border-radius: 3px;
/*	margin-top: 15px;*/
	background-color: #8bbc07;
	border: solid 1px #8bbc07;
	cursor: pointer;
    transition: 0.2s ease;
	}
.mainMorePn a {color:#fff;}
.mainMorePn:hover {background-color:#fff; color:#8bbc07;transition: 0.2s ease;}


.mainMorePn2 {
    font-size: 0.9em;
	float:left;
	width: 87px;
	text-align: center;
	padding: 6px 10px;
	color:#fff;
	border-radius: 3px;
/*	margin-top: 15px;*/
	background-color: #999;
	border: solid 1px #999;
	cursor: pointer;
    transition: 0.2s ease;
	}
.mainMorePn2 a {color:#fff;}
.mainMorePn2:hover {background-color:#fff; color:#999;transition: 0.2s ease;}




.mainMore {
    font-size: 0.9em;
	float:left;
	width: 87px;
	text-align: center;
	padding: 6px 10px;
	color:#8bbc07;
	border-radius: 3px;
/*	margin-top: 15px;*/
	background-color: #fff;
	border: solid 1px #fff;
	cursor: pointer;
    transition: 0.2s ease;
	}
.mainMore a {color:#fff;}
.mainMore:hover {background-color:#f7f7f7; border: 1px solid #f7f7f7; color:#8bbc07;transition: 0.2s ease;}

/*구매팁*/
 
    .buy-tip p {font-size: 1em;}

/*공지사항*/
#bo_list a.btn_b02 {float: none;}

/*오데오 B-R*/
.abr-p {margin: 5% 0 0 0;}
.abr7 { font-size: 1.5em; font-weight: 600;}
.abr-p-ok {font-size: 1.3em; font-weight: 500; color: #333; margin-left: 5px;}
.naver {margin-top: 20px;}
.naver h6 {margin: 2% 0;}
.abr-so {color: #333; font-size: 1.5em; font-weight: 500; margin: 10% 0;}
.maTop70 {margin-top: 70px;}
.maTop40 {margin-top: 40px;}

/*메인 유튜브 팝업*/
.videoLink {width: 590px; height: 447px; position: absolute!important; z-index: 2!important; cursor: pointer; }
#playerLayer {position: absolute; z-index: 1!important;} 

/*메인 슬라이더*/
.main_slider01 li {border-right: 1px solid #ddd; background-size:588px 447px;background-repeat:no-repeat;}
.main_slider01 .wrap{ float: none; /*display: table;*/ height: 447px; width: 50%;}
.comingSoon {font-size: 0.7em; background: #d9d9d9; font-weight: 400; padding: 0 6px; color: #767676; border-radius: 100px; margin-left: 5px; letter-spacing: 0.01em;}
.com {}
.main_slider01 .c50{ display: table-cell; vertical-align: middle; color: #fff}
.main_slider01 p{ margin-top: 40px;}
.prod_slider .pa5{display:table;height: 446px;padding: 0 5%;}
.prod_slider h5{ font-size: 1.4em;margin-bottom: 20px;}
.prod_slider{}
.c100 {width: 100%;}  

/*오데오 B*/
.audeo-b .c35 {width: 35%}
.audeo-b .c37 {width: 37%}
.audeo-b .c82 {width: 82%}
.audeo-b .c83 {width: 83%}
.audeo-b .c87 {width: 87%}
.audeo-b #id2 img {margin-bottom: 15px;}
.audeo-b #id5 img {margin-bottom: 15px;}
.audeo-b .margin20 {margin: 0 20px;}
.audeo-b .marginTop17 {margin-top: 17px;}
.audeo-b .marginTop10 {margin-top: 10px;}

/*로저-터치스크린*/
.rts iframe {width: 880px; height: 450px;}

/*메인 배너-포낙오픈하우스*/
.phOpenHouse {height: 447px; margin-left: -1px;}
.phOpenHouse a {width: 589px; height: 447px; float: left}
.phOpenHouse h1 {font-size: 2.87em; line-height: 1em; margin-bottom: 5px;}
.phOpenHouse p {color: #000; margin-top: 10px;}
.phOpenHouse .iconBox {margin: 30px 0}
.phOpenHouse .iconBox div {margin-bottom: 10px; height: 26px;}
.phOpenHouse .iconBox div span:nth-child(1) {width: 28px; height: 26px; display: table; float: left; margin-right: 10px;}
.phOpenHouse .iconBox div span:nth-child(2) {display: table-cell; vertical-align: middle; padding-top: 3px}
.phOpenHouse .iconBox div span:nth-child(1) img {display: table-cell; vertical-align: middle;}
.phOpenHouse .mainMorePn {width: 110px; background:#6d900e; border:1px solid #6d900e;}
.phOpenHouse .mainMorePn:hover {border:1px solid #6d900e; background: #fff; color: #6d900e;}

/*오데오 BD*/
.topImage {margin-top: 130px;}
.mfaImg {margin-left: 90px; position: absolute;}
.topMFA {width: 154px; }
.audeoBD_type {width: 520px; margin:  0 auto;}
.audeoBD_type ul {width: 50%; float:  left;}
.audeoBD_type ul li {text-align:  center; border-bottom:  1px solid #8bbc07; height:  69px; display:  table; width:  100%;}
.audeoBD_type ul li:nth-child(1) {height: auto; padding: 10px 0;}
.audeoBD_type ul li p {vertical-align: middle;display: table-cell;color:  #333;font-weight:  400;text-align:  center;}
.audeoBD #id2 .wrapB {border-top: 1px solid #f4f4f4}
.sword {margin-top: 110px;}
.handsfree {border-top: 1px solid #f4f4f4}
.audeoBD .moProductImg img {width: auto; margin: 0 auto; display: block}

/*TV 커넥터*/
.tv-connector #id1 .font-s {font-size: 1em;}
.tv-connector .border {border-top: 1px solid #ddd; padding-top: 80px;}
.tv-connector .bf4 img {display: block; margin: 0 auto;}
.tv-connector .maTop1 {margin-top: 65px;}
.tv-connector .maTop2 {margin-top: 100px;}
.tv-connector .maTop3 {margin-top: 85px}
.tv-connector .in {margin-left: 12px;}

/*2018 배너*/
.banner1_2018 ul {position:  absolute; top: 50%; left:  50%; margin-top: -44px; margin-left: -265px;}
.banner1_2018 li {display: inline-block; border-right: none;} 
.banner1_2018 li a {color: #688e03;border: 1px solid #688e03;margin-right: 10px;padding: 7px 13px;border-radius: 3px;font-size: 0.9em;}
.banner1_2018 li a:hover {color: #fff; background: #688e03}
.banner1_2018_center {width: 590px}
.banner1_2018_center ul {margin-top: 179px; margin-left: 27px; position: inherit}

.banner2_2018 ul {position:  absolute; top: 50%; left:  50%; margin-top: -44px; margin-left: -265px;}
.banner2_2018 li {display: inline-block; border-right: none;} 
.banner2_2018 li a {color: #fff; background: #688e03;border: 1px solid #688e03;margin-right: 10px;padding: 7px 13px;border-radius: 3px;font-size: 0.9em;}
.banner2_2018 li a:hover {color: #688e03;background: transparent;}
.banner2_2018_center {width: 590px}
.banner2_2018_center ul {margin-top: 179px; margin-left: 27px; position: inherit}

/*비르토 B*/
.virto-b .bigImg img {display: block; margin: 0 auto; margin-top: 170px}
.virto-b .color {margin-top: 25px; }
.virto-b .color ul {margin-top: 15px; width: 100%; float: left}
.virto-b .color li {
    float:  left;
    text-align:  center;
    width:  90px;
    margin-right: 25px;
}
.virto-b .color li img {}
.virto-b .color li span {
    width: 100%;
    float:  left;
    color:  #fff;
    font-weight:  300;
    padding: 4px 0;
    margin-top: 7px;
}
.virto-b .color li p {
    width:  100%;
    float:  left;
    color:  #333;
    font-weight: 400;
    margin-top: 10px;
    line-height: 1.1em;
}
.virto-b .color li:nth-child(1) span {background: #b37d61}
.virto-b .color li:nth-child(2) span {background: #e79975}
.virto-b .color li:nth-child(3) span {background: #996651}
.virto-b .color li:nth-child(4) span {background: #e5e4ea}
.virto-b .color li:nth-child(5) span {background: #c7c6cb}
.virto-b .color li:nth-child(6) span {background: #b6281a}
.virto-b .color li:nth-child(7) span {background: #0061a5}
.virto-b .style {
    margin-top: 50px;
}
.virto-b .style ul {
    width:  100%;
    float:  left;
    margin-top: 40px;
}
.virto-b .style li {
    float:  left;
    text-align:  center;
    margin-right:  50px;
}
.virto-b .style li p {
    color:  #333;
    font-weight:  400;
    line-height: 1.2em;
}
.virto-b .type {
    width: 100%;
    float:  left;
}
.virto-b .type .bpn {
    width: 10%;
    float:  left;
    background: #fff;
    margin-right: 10px;
}
.virto-b .type .bpn li {font-size: 1.1em;background:  #8bbc07;padding: 7px 5%;width: 90%;float:  left;}
.virto-b .type .bpn li:nth-child(1) {height: 51.45px;
    margin-bottom: 10px;
    padding: 33% 5% 5% 5%;}
.virto-b .type .bpn li:nth-child(2) {margin-bottom: 10px}
.virto-b .type .bpn li:nth-child(3) {margin-bottom: 15px}
.virto-b .type .bpn li:nth-child(4) {    height: 45.45px;
    margin-bottom: 13px;
    padding: 17% 5% 5% 5%;}
.virto-b .type .list {
    width:  16.6%;
    float:  left;
}
.virto-b .type .list li:nth-child(even) {
    background:  #fff;
    margin: 9px 0;
}
.virto-b .type .list li {
    text-align:  center;
    background:  #f0f0f0;
    padding: 10px 0;
}
.virto-b .type .list li img {}
.virto-b .type .list li p {
    color:  #333;
    font-weight:  400;
    line-height: 1.35em;
}
.virto-b .type>p {margin-top:20px}
.virto-b .type .list:nth-child(6) li:nth-child(4) {margin: 8px 0 0 0;
    padding: 10px 0 0 0;}
.virto-b .type .c60 span {margin-left: 10px;}
.virto-b .b312 {margin-top: 30px}
.virto-b .b312 span:nth-child(2) {margin: 32px 0 0 32px}
.virto-b .back {
    width: 100%;
    float:  left;
    background: url(/img/virto-b/img15.jpg);
    height: 484px;
}
.virto-b .back .txt {
    margin: 140px 0 0 20px;
}
.virto-b .back .txt p {
    margin-top: 10px;
}
.virto-b #id1 .wrapB>h2 {margin-bottom: 10px}
.virto-b .type .last li:nth-child(4) {margin: 9px 0 0 0;
    padding: 9px 0 0 0;}