/* common */

#wrap{width:100%; min-height:100%; overflow:hidden; }
.neo-inner{width:1440px; margin:0 auto; }
h3{font-size:20px; font-weight:600;}

/**header**/
.br_960{display: block;}

.neo-search-area p img{width:50%;}
.neo-filter-list span img{width:3%;}
.neo-footer-mo img{width:50%;}
.neo-footer-nav img{width:50%;}

.neo-mo-nav{display:none;}

.neo-gnb{padding:0;}
.neo-gnb:after{content: ''; display: block; clear: both;}
.neoh1{float:left; width:18%; line-height:80px;}
.neo-nav{float:left; font-size:16px; width:67%; }
.neo-sidenav{float:right; font-size:14px; color:#666666; width:15%;  text-align:right; line-height:80px;}

.neo-nav:after{content: ''; display: block; clear: both;}
.neo-nav li{float:left; padding-right:50px; position:relative; line-height:80px;}

.neo-nav li:last-child{padding-right:0;}

/**drop down css**/
.neo-nav li:hover .neo-navdrop1,li:hover .neo-navdrop2,li:hover .neo-navdrop3,li:hover .neo-navdrop4,li:hover .neo-navdrop5{display: block; }
.neo-nav li:hover p{color:#00ADE5; border-bottom:3px solid #00ADE5;  line-height:77px;}



.neo-nav .neo-navdrop1,.neo-navdrop2,.neo-navdrop3,.neo-navdrop4,.neo-navdrop5
{display:none; position:absolute; left:0; right:0; text-align:left; 
 background-color:#fff; font-size:14px; padding:40px 40px 20px 40px; box-sizing: border-box; }


.neo-nav .neo-navdrop1{width:1040px; box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.13); }
.neo-nav .neo-navdrop2{width:780px; box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.13); }
.neo-nav .neo-navdrop3{width:500px; box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.13);}
.neo-navdrop4{width:230px; box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.13);}



/**drop style 01**/
.neo-drop-area dl{border-bottom:1px solid #E5E5E5; padding-bottom:30px; margin-bottom:30px; width:95%;}
.neo-drop-area dt{font-size:14px; color:#000; font-weight:600; line-height:20px;}
.neo-drop-area dd{font-size:12px; color:#666666; line-height:20px;}
.neo-drop-area dd:last-child a{font-size:14px; color:#00ADE5; text-decoration:none; }

.neo-drop-area ul dd:last-child a{font-size:12px; color:#666666;}
.neo-drop-area ul dl{border:0; padding:0; margin:0;}
.neo-drop-area ul:after{content: ''; display: block; clear: both;}
.neo-drop-area li{ float:left; margin:0 2% 2% 0; font-size:14px; color:#666666; padding-right:0;}
.neo-drop-area li dd a{ color:#666666; }
.neo-drop-area li dt{color:#000; border-bottom:1px solid #000;margin-bottom:10px; line-height:20px;}
.neo-drop-area li dt a{color:#000;}
.neo-drop-area li dt a{color:#000;}
.neo-drop-area li:first-child{width:27%;}
.neo-drop-area li:nth-child(2){width:27%;}
.neo-drop-area li:last-child{margin:0 0 2% 0; width:40%;}
.neo-drop-area li:last-child>div a{font-weight: 600;  }
.neo-drop-area li:last-child>div{padding-bottom:20px; line-height:16px;}
.neo-drop-area li:last-child>div a{color:#000;}

.neo-navdrop1{width:100%;}
.neo-navdrop1:after{content: ''; display: block; clear: both;}
.neo-navdrop1 .neo-drop-area{float:left; width:70%;}
.neo-navdrop1 .neo-drop-img{float:left; width:30%;}

.neo-drop-img li{background-color:#EEEEEE; padding:20px 20px; box-sizing: border-box; width:300px; height:120px;  font-size:14px; line-height:20px;}
.neo-drop-img li strong{display: block; font-size:16px; padding-bottom:5px;}
.neo-drop-img li:first-child{background:url(../images/2nd-nav-img1.png) no-repeat center right , #EEEEEE; margin-bottom:2%;}
.neo-drop-img li:last-child{background:url(../images/2nd-nav-img2.png) no-repeat center right, #EEEEEE; }


/**drop style 02**/
.neo-navdrop2 dl{border-bottom:1px solid #E5E5E5; padding-bottom:30px; margin-bottom:30px; }
.neo-navdrop2 dt{font-size:14px; color:#000; font-weight:600; line-height:20px;}
.neo-navdrop2 dd{font-size:12px; color:#666666; line-height:20px;}
.neo-navdrop2 dd:last-child a{font-size:14px; color:#00ADE5; text-decoration:none; }
.neo-navdrop2 ul:after{content: ''; display: block; clear: both;}
.neo-navdrop2 li{ float:left; width:32% ; margin:0 2% 2% 0; font-size:14px; color:#666666; padding-right:0; height:150px;}
.neo-navdrop2 li dl{border-bottom:0; padding:0; margin:0;}
.neo-navdrop2 li:last-child{margin:0 0 2% 0; height:auto;} 
.neo-navdrop2 li:nth-child(4){height:auto;}
.neo-navdrop2 li:nth-child(3){margin:0 0 2% 0;}
.neo-navdrop2 li dd a{ color:#666666 !important;}
.neo-navdrop2 li dt{color:#000; border-bottom:1px solid #000; margin-bottom:10px;}
.neo-navdrop2 li dt a{color:#000;}

/**drop style 03**/
.neo-navdrop3 dl{border-bottom:1px solid #E5E5E5; padding-bottom:30px; margin-bottom:30px; }
.neo-navdrop3 dt{font-size:14px; color:#000; font-weight:600; line-height:20px; padding-bottom:10px; line-height:20px;}
.neo-navdrop3 dd{font-size:12px; color:#666666; line-height:20px;}
.neo-navdrop3 dd:last-child a{font-size:14px; color:#00ADE5; text-decoration:none; }
.neo-navdrop3 li dl{border-bottom:0; padding:0; margin:0;}
.neo-navdrop3 li dd a{ color:#666666 !important;}
.neo-navdrop3 li dt{padding-bottom:15px;}
.neo-navdrop3 li dt a{color:#000;}

/**drop style 04**/
.neo-navdrop4 dt{font-size:14px; color:#000; font-weight:600; line-height:20px; padding-bottom:10px;}
.neo-navdrop4 li dt a{color:#000;}


/**drop down css end**/
.neo-sidenav:after{content: ''; display: block; clear: both;}
.neo-sidenav li{float:left;}
.neo-sidenav li:after{content: 'ㅣ' ; margin:0 4px; color:#666666;}
.neo-sidenav li:last-child:after{content: '';}
.neo-sidenav li select{border:0; color:#666666; font-size:14px;}
.neo-sidenav li select option{padding: 10px 0;}

/**mobile gnb**/
.mo-menu-trigger, .mo-menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box;}
.mo-menu-trigger{display:none;}
.mo-menu-trigger span{position:absolute; left:0; width:100%; height:2px; background-color:#747474; border-radius:4px;}
.mo-menu-trigger span:nth-of-type(1){top:0;}
.mo-menu-trigger span:nth-of-type(2){top:10px;}
.mo-menu-trigger span:nth-of-type(3){bottom:0;}

.mo-menu-trigger.active span:nth-of-type(1){
    -webkit-transform:translateY(10px) rotate(-315deg);
    transform:translateY(10px) rotate(-315deg);
}
.mo-menu-trigger.active span:nth-of-type(2){
    opacity:0;
}
.mo-menu-trigger.active span:nth-of-type(3){
    -webkit-transform:translateY(-10px) rotate(315deg);
    transform:translateY(-10px) rotate(315deg);
}
.m-gnb-bg{display:none;}





.neo-visual{background: url(../images/ProbeStore_header_pc.jpg) no-repeat 100% center; height:350px;  }
.neo-visual dt{font-size:18px; color:#fff; padding-top:70px; }
.neo-visual dt h2{font-size:40px;  color:#fff; padding-top:10px; line-height:50px;}
.neo-visual dd{font-size:16px; line-height:26px; padding-top:30px; color:#fff;}

.neo-sitemap{padding:20px 0 40px 0;}
.neo-sitemap:after{content: ''; display: block; clear: both;}
.neo-sitemap li{float:left; font-size:14px; color:#989898; padding:2px;}
.neo-sitemap li:first-child img{padding-bottom:4px;}
.neo-sitemap li:after{   content: url( "../images/icon-submenu-next.png" );   }
.neo-sitemap li:last-child:after{content: '';} 

.neo-search-area{background-color:#EEEEEE; padding:40px 0; text-align:center; width:1440px; margin:0 auto; }
.neo-search-area p{position: absolute; right:33%; top:0; padding-top:5px;}
.neo-form{position:relative; }

.neo-search-area form{width:700px; margin:0 auto; }
.neo-search-area:after{content: ''; display: block; clear: both;}
.neo-search-area input{float:left; width:68%; height:36px; margin-right:1%; padding:2px 10px; border:1px solid #E5E5E5; color:#000;  }
.neo-search-btn{float:left; width:30%;}

.neo-search-area input::-webkit-input-placeholder {color:#D4D4D4;}
.neo-search-area input:-ms-input-placeholder {color:#D4D4D4;}
.neo-search-area textarea::-webkit-input-placeholder {color:#D4D4D4;}
.neo-search-area textarea:-ms-input-placeholder  {color:#D4D4D4;}



.neo-search-btn:after{content: ''; display: block; clear: both;}
.neo-search-btn li{float:left; margin-right:2%;}
.neo-search-btn li:last-child{margin-right:0;}
.neo-search-btn li:first-child a{display:inline-block; padding:4px 20px; box-sizing: border-box; background-color:#000; border:1px solid #000; color:#fff; font-size:12px;}
.neo-search-btn li:last-child a{display:inline-block; padding:4px 20px; box-sizing: border-box; border:1px solid #000; background-color:#EEEEEE; color:#fff; font-size:12px; color:#000;}

.neo-gray-line{border-top:1px solid #E3E3E3; width:100%; display:block; margin-top:60px; width:80%; }

.neo-filter-list{padding-top:10px; width:490px; margin:0 auto; text-align:center;}
.neo-filter-list:after{content: ''; display: block; clear: both; }
.neo-filter-list ul{float:left; width:80%;  margin-left: auto;  margin-right: auto;}

.neo-filter-list ul:after{content: ''; display: block; clear: both; }
.neo-filter-list li{float:left; background-color:#fff; font-size:12px; border: 1px solid #999999; margin-right:1%; padding:0 30px 0 10px; box-sizing: border-box; border-radius: 2px;
opacity: 1; text-align:left; position: relative; color:#999999;}
.neo-filter-list li:last-child{margin-right:0; }
.neo-filter-list li>div{position: absolute; right:10%; top:-1%; }
.neo-filter-list p{float:left; color:#000; width:20%;}





.neo-sort-area{text-align:right; font-size:14px; padding:40px 0 20px 0;}
.neo-sort-area span{display:inline-block; padding-right:10px;}
.neo-sort-area select{font-size:12px; border:1px solid #BEBEBE; padding:2px 30px 2px 2px;}

.con-bspace{padding-bottom:60px;}
.neo-col4:after{content: ''; display: block; clear: both;}
.neo-col4 li{float:left; width:23.5%; margin-right:2%; border:1px solid #E5E5E5; box-sizing: border-box;}
.neo-col4 li:last-child{margin-right:0;}
.neo-col4 dl{padding:20px; }

.neo-col4 dt{padding-bottom:10px;}
.neo-col4 dd:first-child{background: url( "../images/icon-bullet.png" ) no-repeat left top; padding-left:10px; font-size:14px; color:#666666;}
.neo-col4 dd{background: url( "../images/icon-bullet.png" ) no-repeat left 10px; padding:0 0 0 10px; font-size:14px; color:#666666;}
.neo-col4 img{width:100%;}
.neo-col4 ul{padding:0 20px 20px 20px;}
.neo-col4 ul:after{content: ''; display: block; clear: both;}
.neo-col4 ul li{float:left; width:48%; margin-right:4%; border:0;}
.neo-col4 ul li:last-child{margin-right:0;}
.neo-col4 .neo-btn-blue a{background-color:#00ADE5; border:1px solid #00ADE5; color:#fff; display:inline-block; font-size:14px; text-align:center;  padding:5px 0; line-height:22px;  width:100%;}
.neo-col4 .neo-btn-outline a{color:#000; display:inline-block; font-size:14px; text-align:center;padding:5px 0; box-shadow: 0 0 0 1px #000 inset; width:100%;}



.neo-btn-blue:hover{color:#fff;}

.neo-btn-outline:hover{color:#000;}

.neo-footer-pc{background-color: #2A3554; display: block;}
.neo-footer-mo{background-color: #2A3554; display: none;}
.f-sitemap{padding:80px 0; border-bottom:1px solid #6D7792;}
.f-sitemap:after{content: ''; display: block; clear: both;}
.f-sitemap li{float:left; padding-right:80px;}
.f-sitemap li:last-child{padding-right:0;}
.f-sitemap li dt{color:#fff; font-size:16px; text-align:left; padding-bottom:20px;}
.f-sitemap li dd{color:#6D7792; font-size:14px; text-align:left; line-height:23px;}
.f-sitemap li dd a{color:#6D7792; }
.f-copy{padding:20px 0 40px 0;}
.f-copy:after{content: ''; display: block; clear: both;}
.f-copy p{float:left; color:#6D7792; font-size:14px;}
.f-copy ul{float:right;}
.f-copy ul:after{content: ''; display: block; clear: both;}
.f-copy ul li{float:left; color:#6D7792; font-size:14px; }
.f-copy ul li a{color:#6D7792; font-size:14px;}
.f-copy ul li:after{content: 'ㅣ' ; margin:0 5px;}
.f-copy ul li:last-child:after{content: ''; margin:0;}



/**반응형**/

@media only screen and (max-width: 1440px) { 
.neo-inner{width:96%; margin:0 auto; }
.neo-search-area{width:96%; margin:0 auto; }
.f-sitemap li{padding-right:70px;} 
.neoh1{width:19%;}
.neo-nav{width:66%;}
.neo-sidenav{width:15%;}
    
    
}

@media only screen and (max-width: 1352px) { 

.neoh1{width:19%;}
.neo-nav{width:64%;}
.neo-sidenav{width:17%;}
    
    
}

@media only screen and (max-width: 1280px) { 
.f-sitemap li {padding-right:0px; width:24%; height:330px;}  
.f-sitemap li:nth-child(5) {padding-right:0px; width:24%; height:250px;}   
.f-sitemap li:nth-child(6) {padding-right:0px; width:24%; height:250px;}  
.f-sitemap li:nth-child(7) {padding-right:0px; width:24%; height:250px;}  
.f-sitemap{padding:80px 0 0 0 ;}

 
.neo-sidenav{width:22%;} 
    
/**mobile gnb active**/
.neo-nav{display:none;}

    
.neo-mo-nav{position:absolute; top:0; right:0px; margin-top:0; z-index:99999999; width:100%; height:100%; padding-top:50px; background-color:#fff; transform: translateX(320px); -webkit-transform:translateX(320px); opacity:0;}
.neo-mo-nav.active{display:block;opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px); transition:all .4s;}

.m-gnb-bg.active{position:absolute; display:block; top:0; left:0; z-index:9999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);}
.mo-menu-trigger{position:absolute; top:26px; right:20px; z-index:999999999; display:block; width:34px; height:24px; cursor:pointer;}
.mo-menu-trigger.active span{background-color:#060845;} 
    
/**mobile gnb 모바일용으로 디자인스타일 변경**/   
.neo-mo-nav .neo-mo-logo{position: relative; padding-bottom: 20px; border-bottom: 1px solid #E5E5E5;}
.neo-mo-nav .neoh1{position: absolute; top:-60px; left:20px; }
.neo-mo-nav li span{padding:20px;font-size:16px; font-weight:600; display: inline-block;}
.neo-nav-2dep li{border-bottom: 1px solid #E5E5E5; padding:20px; box-sizing: border-box; }
.neo-mo-nav .neo-nav-2dep li a{font-size:16px; font-weight:600; }
.neo-mo-nav .neo-nav-2dep li a:hover{color:#000;}
.neo-mo-nav .neo-nav-2dep li:first-child{background-color:#EEEEEE; }

.neo-viewall{color:#00ADE5 !important;}
.neo-viewall a{color:#00ADE5 !important;}
.neo-viewall a:hover{color:#00ADE5 !important;}    
    
    
/** mobile footer**/    
    .neo-footer-nav{background-color: #2A3554; display: block; padding:40px 10px;}
    
    .neo-footer-nav ul:after{content: ''; display: block; clear: both;}
    .neo-footer-nav li{float:left; padding:0 10px 30px 0; vertical-align: bottom; }
    .neo-footer-nav li:nth-child(2){float:left; padding:0 0 30px 0; vertical-align: bottom; }
    .neo-footer-nav dl:after{content: ''; display: block; clear: both;}
    .neo-footer-nav dd{float:left; width:50%; text-align:left; color:#fff; padding-bottom:10px;}
    .neo-footer-nav dd a{color:#fff;  font-size:16px; display: inline-block;}
    .neo-footer-nav p {color:#6D7792;  font-size:16px; border-top:1px solid #6D7792; padding-top:30px; margin-top:30px;}
    

    
}


@media only screen and (max-width: 960px) { 
    .neo-col4 li{width:49%;}{margin:0 2% 2% 0;}
    .neo-col4 li:nth-child(2n){margin:0 0 2% 0;}
    .neo-search-btn{width:24%;}
    .neo-search-area input{width:74%}
    .neo-search-area form{width:800px;}
    .neo-sidenav{margin-right:2%; width:25%;}
    .neo-filter-list{width:500px;}
    .neo-search-area p{right:28%;}
    .br_960{display:none;}
    
    .neoh1{line-height:16px; padding:20px 0;}
    .neo-sidenav li{line-height:16px; padding:35px 0 0 0; }
    .neo-sidenav li:last-child{padding:35px 10px 0 0;}
    .mo-menu-trigger{top:30px !important;}
    
}


@media only screen and (max-width: 820px) { 
    .neo-sidenav {width:auto; margin-right:5%;}
    .neo-visual dt{padding-top:40px;}
  
    .neo-search-area input{width:66%;}
    .neo-search-btn{width:30%;} 
    .neo-search-area p{right:35%;}
    
    .neo-search-area form{width:98%; margin: 0 2%; }
    .neo-search-btn li:first-child{width:49%; margin-right:2%;}
    .neo-search-btn li:first-child a{padding:4px 0; width:100%;}
    .neo-search-btn li:last-child{width:49%; margin-right:0%;}
    .neo-search-btn li:last-child a{padding:4px 0; width:100%;}
    
   
        
    .neo-footer-pc{background-color: #2A3554; display: none;}
    .neo-footer-mo{background-color: #2A3554; display: block; padding:40px 10px;}
    
    .neo-footer-mo ul:after{content: ''; display: block; clear: both;}
    .neo-footer-mo li{float:left; padding:0 10px 30px 0; vertical-align: bottom; }
    .neo-footer-mo li:nth-child(2){float:left; padding:0 0 30px 0; vertical-align: bottom; }
    .neo-footer-mo dl:after{content: ''; display: block; clear: both;}
    .neo-footer-mo dd{float:left; width:50%; text-align:left; color:#fff; padding-bottom:10px;}
    .neo-footer-mo dd a{color:#fff;  font-size:16px; display: inline-block;}
    .neo-footer-mo p {color:#6D7792;  font-size:16px; border-top:1px solid #6D7792; padding-top:30px; margin-top:30px;}
    
    
}


@media only screen and (max-width: 640px) { 
    .neo-visual dt{font-size:16px;}
    .neo-visual dt h2{font-size:28px; line-height:34px; font-weight:600;}
    .neo-visual dd{font-size:14px; line-height:22px;}
    
}




@media only screen and (max-width: 540px) { 
    
    .neo-visual{background: url(../images/ProbeStore_header_mobile.jpg) no-repeat 100% center; height:450px;}
   
    .neo-sidenav{margin-right:8%;}
    
    .neo-sitemap{display: none;}
    .neo-inner{width:94%; margin:0 auto;}
    .neo-visual dt{padding-top:50px;}
    .neo-visual dd{font-weight:200;}
    
    .neo-search-area{width:100%; margin:0 auto; }
    
  
    
    .neo-search-area input{float:none; width:90%; margin-right:0;}
    .neo-search-btn{float:none; width:90%; margin:0 auto; margin-top:2%;}
    .neo-search-area p{right:8%;}
    .neo-search-btn li:first-child{width:48%; margin-right:3%;}
    
    .neo-search-btn li:first-child a{font-size:16px; padding:6px 0;}
    .neo-search-btn li:last-child a{font-size:16px; padding:6px 0;}
    .neo-search-btn{margin-top:3%;}
    .neo-filter-list{padding-top:20px;}
    .neo-filter-list span{padding:20px 0 0 7px; display: inline-block;}
    .neo-search-area input{font-size:16px; height:40px;}
    .neo-filter-list li{margin-right:2%;}
    
    
    .neo-gray-line{display:none; margin-top:0;}    
    .neo-col4 li{width:100%; margin: 0 0 2% 0;}
    .neo-col4 li:nth-child(2n){margin: 0 0 2% 0;}
    .neo-filter-list ul{width:96%; float:none;}
    .neo-filter-list{width:90%; text-align:left;}
    .neo-filter-list span{float:none; width:100%; text-align:left; padding-left:7px;}
    
    
    .neo-scroll{width:100%; height:30px; overflow-x:scroll; white-space:nowrap; margin:0 auto;  }
    .neo-scroll ul{font-size:0}
    .neo-scroll li{display:inline-block; vertical-align: top; float:none;}
  
    .neo-col4 ul li{width:46%; margin-right:7%;}
    .neo-col4 .neo-btn-blue a{padding:7px 0;}
    .neo-col4 .neo-btn-outline a{padding:7px 0;}
    .neo-footer-mo p{padding-top:20px; margin-top:20px;}
    
}


@media only screen and (max-width: 400px) { 
    .neo-footer-mo dd a{font-size:14px; font-weight: 200;}
    .neo-footer-mo p{font-size:14px;}
    .neo-sidenav{margin-right:12%;}
    
}