* {margin:0; padding:0;}
.gnb {box-sizing:border-box;  text-align:Center; background: rgb(255,255,255); position:absolute; top:0; left:0;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(219,239,250,1) 100%); z-index:2;
border-radius:30px; padding:0px; width:100%;}
.gnb:before {content:'';  position:absolute; background:#c3ddef; 
z-index:1; border-radius:0px 0px 30px 30px; height:40px; 
bottom:-40px; left:3%; width:94%;}

.gnb  li {display:inline-block;  font-size:20px; line-height:40px; color:#ffff; position:relative;}

.gnb  li a {font-family: 'Pretendard-ExtraBold'; color:#00557c; font-size:18px;
padding:0px 20px; line-height:60px; position:relative;}
.gnb  li a:before {content:''; position:absolute; background:rgba(0,0,0,0.1); width:1px; height:11px; 
position:absolute; top:6px; right:0px;}
.gnb  li:last-child a:before{display:none;}

.gnb li .snb { top:50px; left:0;  font-size:16px; line-height:22px;
visibility:hidden;  opacity:0; position:absolute; z-index:3; min-width:700px;}
.gnb li:hover > ul.snb {visibility:visible;  opacity:1;  }
 ul.snb  {text-align:left;}
 ul.snb li a {   font-family: 'Pretendard-Medium'; font-size:13px; color:#00557c; padding:0px 10px; }
 ul.snb li  a:before{display:none;}
 ul.snb li a:after {content:''; border-radius:50%; position:absolute; top:6px; left:0;
 width:3px; height:3px; background:#00557c;}
.gnb li:nth-child(1) .snb {left:30px;}
.gnb li:nth-child(2) .snb {left:10px; }
.gnb li:nth-child(2) .snb  li a {padding-right:1px; letter-spacing:-0.8px; }

.gnb li:nth-child(3) .snb {left:-170px;}
.gnb li:nth-child(4) .snb {left:-70px; }
.gnb li:nth-child(5) .snb {left:-170px;}
.gnb li:nth-child(6) .snb {left:-160px;}
.gnb li:nth-child(7) .snb{left:-60px;}


.gnb, .lnb,
.lnb  li, .gnb  li, .gnb  ul{ list-style:none}
.lnb {background:#fff; padding:0px; margin:0}
.lnb li a {color:#666; display:block; font-size:13px;  line-height:20px;    
font-family: 'Pretendard-Medium'; box-sizing:border-box; word-break:keep-all;
width:100%;padding:13px 0px 10px 13px;}
.lnb li.on a {color:#339999;    font-family: 'Pretendard-SemiBold';}
.lnb li  {border-top:1px solid #ddd; overflow:hidden;}
.lnb li:nth-child(1){border:0}
.lnb  li a:before {display:none;}

.imgmove{
				animation-name: sectionbg01;
		animation-iteration-count: 1; 
				animation-duration:1s;
		animation-delay:0s;
		animation-fill-mode:forwards;
		 -webkit-animation-fill-mode: forwards;
	}
@keyframes sectionbg01{
		0%{ opacity:0; transform:translateY(-50px)}
		 100%{ opacity:1; transform:translateY(0px)}
		}




.main_visual{
				animation-name: sectionbg02;
		animation-iteration-count: 1; 
				animation-duration:1.4s;
		animation-delay:0s;
		animation-fill-mode:forwards;
		 -webkit-animation-fill-mode: forwards;
	}
@keyframes sectionbg02{
		0%{ opacity:0; transform:translate(-17px, -16px)}
		 100%{ opacity:1; transform:translate(0px, 0px)}
		}



/*새로운 서브 설계*/
#eCon { overflow:hidden; width:620px;
    font-family: 'Pretendard-Regular';
	font-size:14px; line-height:26px;

}
#eCon table,
#eCon table td,
#eCon table th,
#eCon p {     font-family: 'Pretendard-Regular';}
#eCon img {max-width:100%;}

#eCon li {list-style:none;}






/*의료장비 - 청력검사기*/

.medical_page1 {padding-left: 302px; min-height:250px; margin-bottom: 35px;  position:relative; }
.medical_page1 .img {position:absolute; left:0px; top:0px; width:280px; }

.medical_page1 h4 { font-size:27px; line-height:30px; padding:0px !important; margin-bottom:10px !important;
color:#339999;}

.medical_page1 h4 em { font-weight: 400; font-size: 15px; line-height: 26px; color: #333333;}
.medical_page1 .txt { font-weight: 400; font-size: 15px; line-height: 26px; color: #666666;}
.dotted_txt_15_22  {font-size:16px; line-height:22px;}

#eCon table td,
#eCon table th {font-size:14px; line-height:26px; padding:5px;}
.medical-table-area th{color:#339999; font-weight:600; text-align:left;}

.medical_page2 {padding: 20px; background-color:#f4f2ea;}
.medical_page2.fix {height: 115px;}
.medical_page2 li {font-size:13px; line-height:22px; overflow:hidden;  position:relative;
padding-bottom: 5px;  padding-left: 30px;}


.medical_page2 li div {width: 572px; float: right; font-size:13px; line-height:22px;}
.medical_page2 li strong {font-size:15px; }

.conts_both_wrap,
.medical-table-area ,
.medical_page3 {width: 100%; padding: 15px 15px; box-sizing:Border-box;  overflow:hidden; background-color:#f4f2ea;}
.dotted_txt_15_22,
.medical_page3 li {width: 100%; padding:5px 5px 5px 20px;  box-sizing:Border-box; list-style:none; position:relative; float: left; }
.dotted_txt_15_22:before,
.medical_page3 li:before {content:''; position:absolute; top:14px; left:20px; width:7px;
height:3px; background:#82aeae;}

.dotted_txt_15_22 {padding-left:36px;}
.dotted_txt_15_22 strong {color:#1c99a6;}



.medical_page3 li div {background:url(../../images/product/bul2.jpg) 20px 8px no-repeat; padding-left: 30px; font-size:13px; line-height:22px; }
.medical_page3 li div strong {font-size:15px; }

.product_detail_popup_wrap {position:fixed; left:0px; top:0px; width: 100%; height: 100%; display: none; z-index:999; background:url(../../images/common/bg_pop.png) 0 0 repeat; }
.product_detail_popup_wrap .inner_box {width: 500px; position:absolute; left:50%; top:50%; margin: -250px 0 0 -250px; background-color:#fff;}
.product_detail_popup_wrap .pop_top {height: 53px; padding: 0 0 0 30px; background-color:#3aaaec; font-size:22px; line-height:51px; color:#fff;}
.product_detail_popup_wrap .close {position:absolute; right:0px; top:0px; }

.product_detail_popup_wrap .pop_contents {width: 500px; height: 447px; position:relative; overflow:hidden; }
.product_detail_popup_wrap .pop_contents .img_wrap {width: 500px; height: 447px; position:relative; overflow:hidden;}
.product_detail_popup_wrap .pop_contents .img_wrap li {position:absolute; left:0px; top:0px; }
.product_detail_popup_wrap .pop_contents .img_wrap li img {width: 500px; height: 447px; }

.product_detail_popup_wrap .pop_contents .prev {position:absolute; left:10px; top:200px; z-index:10;  }
.product_detail_popup_wrap .pop_contents .next {position:absolute; right:10px; top:200px; z-index:10; }


.exp_comment {margin: 0 auto; padding: 15px 20px; background-color:#f8f8f8;}
.exp_comment li { padding-left: 10px; list-style:none;
font-size:14px; line-height:22px; position:relative; }
.exp_comment li.red {color:#cd3232;}
.exp_comment li:before {content:''; position:absolute; background:#339999;;
top:10px; left:0px; width:3px; height:3px; border-radius:50%;}


.title_style3.blue { padding-left:30px;
  color: #339999; position:relative; margin-top:26px !important;
}
.title_style3.blue:before{content:''; position:absolute; top:23px; left:0; width:7px; height:7px;
border-radius:50%; border:6px solid #339999 }

.title_style4 {
  color: #156288;
  font-size: 34px; margin:20px 0px 0px 0px;
  line-height: 38px;  font-family: 'Pretendard-SemiBold';
}

.txt_15_22 {font-size:15px; line-height:26px;}
.title_style3 {
padding-top:20px; margin:0px !important;
  font-size: 22px !important; padding-bottom:20px;
  line-height: 26px;
  color: #339999;
}


.sound_page1_1 {padding: 20px; font-size:14px; line-height:22px; background-color:#f8f8f8;}

.sound_page1_2 {margin-left:0px !important; padding-left:0px;}
.sound_page1_2 li {padding: 35px 0 35px 325px; min-height:232px;
position:relative; border-bottom: dashed 1px #c6c6c6; font-size:15px; line-height:22px; }
.sound_page1_2 li  img {width:300px;}

.sound_page1_2 li .img_box {position:absolute; left:0px; top:35px; }
.sound_page1_2 li .tit {font-size:22px; line-height:26px; display:block; padding-bottom: 12px; padding-top: 10px; }

.sound_page2_1 {padding-left: 362px; height: 302px; margin-bottom: 60px;  background:url(/images/sub/img_sound1_8.jpg) 0 0 no-repeat; }
.sound_page2_1 .sub_tit {line-height:28px; font-size:22px; padding-bottom: 25px; }

.sound_page2_2 {padding: 35px; background-color:#f8f8f8;}
.sound_page2_3 {text-align:center; padding-top: 20px; }

.sound_page3_1 {padding-left: 362px; height: 316px; margin-bottom: 60px;  background:url(/images/sub/img_sound3_1.jpg) 0 0 no-repeat; }
.sound_page3_1 .sub_tit {line-height:28px; font-size:22px; padding-bottom: 25px; }

.sound_page_list_style {padding: 0 35px; background-color:#f8f8f8;}
.sound_page_list_style li {padding: 25px 0 25px 140px;  min-height:96px; position:relative; border-top: dashed 1px #c6c6c6; font-size:15px; line-height:22px; }
.sound_page_list_style li:first-child {border-top: dashed 0 #fff;}				
.sound_page_list_style li .img_box {position:absolute; left:0px; top:50%; margin-top: -48px;}
.sound_page_list_style li .tit {font-size:22px; line-height:26px; display:block; padding-bottom: 12px; padding-top: 7px; }

.sound_page3_2 {width: 100%; overflow:hidden; }
.sound_page3_2 ul {width: 774px; overflow:hidden; }
.sound_page3_2 li {float: left; padding-bottom: 35px; padding-right: 19px; }

.sound_title1 {font-size:22px; line-height:26px; color:#ec9d06;}
.sound_title2 {font-size:22px; line-height:26px; color:#00a5b9;}
.sound_title3 {font-size:22px; line-height:26px;}

.sound_page3_3 {padding-left: 362px; height: 200px; margin-bottom: 60px;  background:url(/images/sub/img_sound3_29.jpg) 0 0 no-repeat; }
.sound_page3_3 .sub_tit {line-height:28px; font-size:22px; padding-bottom: 10px; }

.sound_page3_4 {width: 100%; overflow:hidden; padding-bottom: 35px; }
.sound_page3_4 ul {width: 780px; overflow:hidden; }
.sound_page3_4 ul li {padding-right: 20px; padding-bottom: 35px;  float: left; }

.sound_page3_5 {width: 100%; overflow:hidden; }
.sound_page3_5 ul {width: 60%; float: left; }
.sound_page3_5 ul.r_area {width: 40%; float: left; }
.sound_page3_5 li {padding-left: 44px; position:relative; font-size:15px; line-height:22px; padding-top: 6px; padding-bottom: 25px; }
.sound_page3_5 li span {font-family:'ng_b'; position:absolute; left:0px; top:0px; display:inline-block; width: 35px; height: 42px; padding-left: 7px;  color:#fff; font-size:18px; line-height:34px;  background:url(../../images/product/bg_speech1.gif) 0 0 no-repeat; } 

.sound_page3_6 {width:100%; background:url(/images/sub/img_sound3_6_01.gif) 426px 10px no-repeat;}


.product_table2 {}
.product_table2 th {padding: 14px 0; color:#fff; font-size:15px; line-height:18px; background:url(../../images/common/bar4.gif) right center no-repeat #767676;  }
.product_table2 th.bg_none {background:none #767676;}
.product_table2 th.tit1 {background:none; background-color:#cfe8f6; color:#333; line-height:22px; border-bottom: solid 1px #bad0dd;}
.product_table2 td {padding: 14px 0; text-align:center; color:#393939; font-size:15px; line-height:22px; border-bottom: solid 1px #e1e1e1;}
.product_table2 td.col1 {background-color:#fbfbfb;}
.product_table2 td.l {padding-left: 15px; padding-right: 15px;  text-align:left; }
.product_table2 .blue {color:#269de3;}


.tab_style1.col4 li{width:25%}
.tab4-cont {padding:0px;}
.tab4-cont li{display:table;width:100%;padding:30px 0;
background:url(/images/sub/tab4-pt.png) repeat-x 0 100%}
.tab4-cont li:first-child{padding-top:20px}
.tab4-cont li:last-child{padding-bottom:0;background:none}
.tab4-cont .img{display:table-cell;width:260px}
.tab4-cont .img img {width:96%}
.tab4-cont .text{display:table-cell;padding:0px 0 0 40px; vertical-align:middle;}
.tab4-cont .text h5{font-size:22px;font-weight:700; line-height:30px; color:#339999;
padding:0px; margin:0px 0px 0px 0px;}
.tab4-cont .text h6{margin-top:15px;  padding:0px 0px 0px 0px; margin-bottom:0px; line-height:22px; 
font-size:15px;font-weight:700;text-transform:uppercase}
.tab4-cont .text .t1{margin-top:15px;font-size:15px;line-height:22px}
.tab4-cont .text .t2{margin-top:10px;font-size:14px;line-height:22px; word-break: break-all;}



.sound_page1_1 {padding: 20px; font-size:14px; line-height:22px; background-color:#f8f8f8;}

.sound_page1_2 {margin-left:0px !important; padding-left:0px;}
.sound_page1_2 li {padding: 35px 0 35px 325px; min-height:232px;
position:relative; border-bottom: dashed 1px #c6c6c6; font-size:15px; line-height:22px; }
.sound_page1_2 li  img {width:300px;}

.sound_page1_2 li .img_box {position:absolute; left:0px; top:35px; }
.sound_page1_2 li .tit {font-size:22px; line-height:26px; display:block; padding-bottom: 12px; padding-top: 10px; }

.sound_page2_1 {padding-left: 262px; height: 232px; box-sizing:border-box;
background:#fcfbf1 url(/images/sub/img_sound1_8.jpg) 0 0 no-repeat;  background-size:auto 240px;
background-blend-mode: multiply;
}
.sound_page2_1 .sub_tit {line-height:28px; font-size:22px; padding-bottom: 25px; background-blend-mode: multiply; }

.sound_page2_2 {padding: 35px; background-color:#f8f8f8;}
.sound_page2_3 {text-align:center; padding-top: 20px; }

.sound_page3_1 {padding-left: 362px; height: 316px; margin-bottom: 60px;  background:url(/images/sub/img_sound3_1.jpg) 0 0 no-repeat; }
.sound_page3_1 .sub_tit {line-height:28px; font-size:22px; padding-bottom: 25px; }

.sound_page3_1 {padding-left:262px; height: 316px; margin-top:60px; 
background:#fcfbf1 url(/images/sub/img_sound3_1.jpg) 0 0 no-repeat; box-sizing:border-box; 
background-size:auto 220px; background-blend-mode: multiply;
}
.sound_page3_1 .sub_tit {line-height:28px; font-size:22px; padding-bottom: 25px; }

.sound_page_list_style {padding: 0 35px; background-color:#f8f8f8;}
.sound_page_list_style li {padding: 25px 0 25px 140px;  min-height:96px; position:relative; border-top: dashed 1px #c6c6c6; font-size:15px; line-height:22px; }
.sound_page_list_style li:first-child {border-top: dashed 0 #fff;}				
.sound_page_list_style li .img_box {position:absolute; left:0px; top:50%; margin-top: -48px;}
.sound_page_list_style li .tit {font-size:22px; line-height:26px; display:block; padding-bottom: 12px; padding-top: 7px; }

.sound_page3_2 {width: 100%; overflow:hidden; }
.sound_page3_2 ul {width: 774px; overflow:hidden; }
.sound_page3_2 li {float: left; padding-bottom: 35px; padding-right: 19px; }

.sound_title1 {font-size:22px; line-height:26px; color:#ec9d06;}
.sound_title2 {font-size:22px; line-height:26px; color:#00a5b9;}
.sound_title3 {font-size:22px; line-height:26px;}

.sound_page3_3 {padding-left: 362px; height: 200px; margin-bottom: 60px; 
background:url(/images/sub/img_sound3_29.jpg) 0 0 no-repeat; }
.sound_page3_3 .sub_tit {line-height:28px; font-size:22px; padding-bottom: 10px; }

.sound_page3_4 {width: 100%; overflow:hidden; padding-bottom: 35px; }
.sound_page3_4 ul {width: 780px; overflow:hidden; }
.sound_page3_4 ul li {padding-right: 20px; padding-bottom: 35px;  float: left; }

.sound_page3_5 {width: 100%; overflow:hidden; }
.sound_page3_5 ul {width: 60%; float: left; }
.sound_page3_5 ul.r_area {width: 40%; float: left; }
.sound_page3_5 li {padding-left: 44px; position:relative; font-size:15px; line-height:22px; padding-top: 6px; padding-bottom: 25px; }
.sound_page3_5 li span {font-family:'ng_b'; position:absolute; left:0px; top:0px; display:inline-block; width: 35px; height: 42px; padding-left: 7px;  color:#fff; font-size:18px; line-height:34px;  background:url(../../images/product/bg_speech1.gif) 0 0 no-repeat; } 

.sound_page3_6 {width:100%; background:url(/images/sub/img_sound3_6_01.gif) 426px 10px no-repeat;}


.gnb22 {overflow:hidden; text-align:Center; margin-left:0px !important; padding:0px !important;}
.gnb22 >  li {display:inline-block; vertical-align:top; background:rgba(0,0,0,0.1);
box-sizing:border-box; padding:15px; border-radius:30px;
width:270px; margin:6px; height:170px;}
.gnb22 > li > a {background:#457a8a; color:#fff; display:inline-block; width:100%; font-size:17px;  border-radius:15px;
line-height:40px; font-family: 'Pretendard-ExtraBold';}
.snb22 {padding:0px !important; margin-top:10px;}
.snb22 > li  {text-align:left; list-style:none; padding:2px 0px; display:inline-block; padding-right:10px;}
.snb22 > li > a  {    font-family: 'Pretendard-Regular';  font-size:14px; line-height:18px; }









/*새로운 서브 설계*/
.new_sub_wrap { overflow:hidden; width:620px;  text-align:left;}

.new_sub_wrap > * {    font-family: 'Pretendard-Regular' !important;
	font-size:14px; line-height:26px;  }

.new_sub_wrap img {max-width:100%;}
.new_sub_wrap img.bgno {mix-blend-mode: darken;}

.new_sub_wrap li {list-style:none;}


.new_sub_wrap .q_box,
.new_sub_wrap h4.titn {  font-family: 'Pretendard-SemiBold';   overflow:hidden;  
color:#3075ce; font-size:22px; line-height:33px; padding-top:10px; margin-top:30px; position:relative;}

.new_sub_wrap .q_box:before,
.new_sub_wrap h4.titn:before {content:''; height:4px; width:22px; background:#3075ce ; position:absolute; top:0; left:0px;}
.pt20 {padding-top:20px;}
.new_sub_wrap  .r {text-align:right;}

.new_sub_wrap caption {display:none;}


table.tb_base {border-top:1px solid #ddd;}
table.tb_base th,
table.tb_base td {padding:10px 10px; word-break:keep-all; border-bottom:1px solid #ddd; text-align:center;}

table.tb_base thead {background: #747a7d; color:#fff;}
.exp_comment {margin-top:20px;}


.ntit_new_sub {background:url('/img/inicon001.gif') no-repeat top left; padding-left:30px; color:#222;
font-size:14.5px; line-height:20px; padding-top:0; font-family: 'Pretendard-SemiBold'; }


.intablist {padding-bottom:20px;}
.intablist li{display:inline-block; text-align:center;width:32%;  box-sizing:border-box;}
.intablist li a {font-size:15px; line-height:40px; width:100%;
display:inline-block;border:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.1)}

.intablist li a sup {line-height:30px;}

.intablist li.on a {color:#fff;  font-family: 'Pretendard-SemiBold'; background:rgba(35, 120, 134, 0.9);}

h4.ntit_new04 {font-size:30px; line-height:40px; color:#339999; margin-bottom:20px; font-family: 'Pretendard-ExtraBold';}

.acc_comment_box1 { overflow:hidden; box-sizing:border-box; background:#eee; padding:30px 30px;}


.acc_comment_box1 img {mix-blend-mode: darken; float:right; margin-top:-20px; margin-bottom:-20px;}

.acc_comment_box1 .mentbox {font-size:15px; word-break:keep-all; line-height:29px; float:left; width:calc(100% - 270px)}

.main_inlist {background:rgba(249, 227, 227, 0.4);  padding:10px 10px; margin-bottom:10px;}
.main_inlist a{display:inline-block; position:relative; font-size:14px; padding-right:10px;line-height:23px;  padding-left:10px;font-family: 'Pretendard-SemiBold';}
.main_inlist a:before {content:''; position:absolute; top:10px; left:0; border-radius:50%; width:3px; height:3px; background:Red;}




.tb_base2 { border-collapse:collapse; border-spacing:0; border:0}

.tb_base2{border-right:medium none;border-top:2px solid #7d8499;width:100%;border-bottom:1px solid #7d8499;}
.tb_base2 thead th{background:#9ba0b4;  font-family: 'Pretendard-SemiBold'; border-bottom:1px solid #7d8499;
color:#fff;font-size:15px;padding-bottom:9px;padding-top:9px;text-align:center; 
letter-spacing:0;border-left:1px solid #7d8499;vertical-align:middle}
.tb_base2 tbody th,.tb_base td{border-top:1px solid #ddd;border-right:1px solid #ddd;text-align:center;vertical-align:middle}


.tb_base2 tbody th{background:#f4f4f4;color:#444;letter-spacing:0;padding:6px 0}

.tb_base2 td {padding:10px 10px;   font-family: 'Pretendard-Regular' !important;}
.tb_base2 td input {height:26px; line-height:26px;}


.btn_normal,
.btn_important {border:none; display:inline-block; width:100px; color:#fff !important; margin:2px; 
text-align:center;font-family: 'Pretendard-SemiBold';  font-size:13px; line-height:32px;}



.btn_normal {background:rgba(0,0,0,0.6);}
.btn_important {background:rgba(35, 120, 134, 0.9)}


.search_bottom {overflow:hidden; text-align:center; border-top:1px solid #ddd; padding-top:20px;}


.search_bottom input,
.search_bottom select{ box-sizing:Border-box; padding-left:10px;line-height:30px; height:30px; font-size:13px; }


.search_bottom input[type='submit'] {padding:0px 20px;}


.mapin dl {overflow:hidden; }

.mapin dl dt,
.mapin dl dd{display:inline-block; vertical-align:middle; font-size:15px; line-height:26px;}
.mapin dl dt {color: #339999;  font-family: 'Pretendard-SemiBold'; width:80px;}



.copy dt,  .copy dd, .copy p { font-family: 'Pretendard-SemiBold'; }
.copy dl{padding:0px 3px;}
.copy dl, .copy dt,  .copy dd {display:inline-block; font-size:13px; line-height:16px;}
 .copy p {opacity:0.6; font-size:11px; }