/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/*/!*폰트지정영역_Noto Sans KR*!/*/
/*@font-face{*/
    /*font-family: 'Noto Sans Korean';*/
    /*font-style: normal;*/
    /*font-weight: 100;*/
    /*src: local('Noto Sans Thin'), local('NotoSans-Thin'),*/
    /*url(../font/NotoSansKR-Thin-Hestia.eot),*/
    /*url(../font/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),*/
    /*url(../font/NotoSansKR-Thin-Hestia.woff) format('woff'),*/
    /*url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');*/
/*}*/
/*@font-face{*/
    /*font-family: 'Noto Sans Korean';*/
    /*font-style: normal;*/
    /*font-weight: 300;*/
    /*src: local('Noto Sans Light'), local('NotoSans-Light'),*/
    /*url(../font/NotoSansKR-Light-Hestia.eot),*/
    /*url(../font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),*/
    /*url(../font/NotoSansKR-Light-Hestia.woff) format('woff'),*/
    /*url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');*/
/*}*/
/*@font-face{*/
    /*font-family: 'Noto Sans Korean';*/
    /*font-style: normal;*/
    /*font-weight: 300;*/
    /*src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),*/
    /*url(../font/NotoSansKR-DemiLight-Hestia.eot),*/
    /*url(../font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),*/
    /*url(../font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),*/
    /*url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');*/
/*}*/
/*@font-face{*/
    /*font-family: 'Noto Sans Korean';*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*src: local('Noto Sans Regular'), local('NotoSans-Regular'),*/
    /*url(../font/NotoSansKR-Regular-Hestia.eot),*/
    /*url(../font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),*/
    /*url(../font/NotoSansKR-Regular-Hestia.woff) format('woff'),*/
    /*url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');*/
/*}*/
/*@font-face{*/
    /*font-family: 'Noto Sans Korean';*/
    /*font-style: normal;*/
    /*font-weight: 500;*/
    /*src: local('Noto Sans Medium'), local('NotoSans-Medium'),*/
    /*url(../font/NotoSansKR-Medium-Hestia.eot),*/
    /*url(../font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),*/
    /*url(../font/NotoSansKR-Medium-Hestia.woff) format('woff'),*/
    /*url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');*/
/*}*/
/*@font-face{*/
    /*font-family: 'Noto Sans Korean';*/
    /*font-style: normal;*/
    /*font-weight: 700;*/
    /*src: local('Noto Sans Bold'), local('NotoSans-Bold'),*/
    /*url(../font/NotoSansKR-Bold-Hestia.eot),*/
    /*url(../font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),*/
    /*url(../font/NotoSansKR-Bold-Hestia.woff) format('woff'),*/
    /*url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');*/
/*}*/
/*@font-face{*/
    /*font-family: 'Noto Sans Korean';*/
    /*font-style: normal;*/
    /*font-weight: 900;*/
    /*src: local('Noto Sans Black'), local('NotoSans-Black'),*/
    /*url(../font/NotoSansKR-Black-Hestia.eot),*/
    /*url(../font/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),*/
    /*url(../font/NotoSansKR-Black-Hestia.woff) format('woff'),*/
    /*url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');*/
/*}*/

/*공통영역*/
.width960{width: 960px; margin:auto;position: relative;}
html,body{height: 100%;position: relative;}
*body{font-family:'Noto Sans Korean', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:16px;margin: 0;color:#333745;}
a{color: #3c3c3c; text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul, ol, li{list-style: none;}
address, strong{font-style: normal;font-weight: normal;}
.hidden{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; font-size: 0;}
fieldset, img{border:0px;}
table{border-collapse: collapse;}
textarea,input{font-family: inherit; font-size: inherit;}

.top_back{background-color: rgb(208 215 221); color: #575757; min-width: 1250px; border-bottom: 1px solid #ccd7d7
}
.top{height: 45px; width: 1250px; margin: auto}
.top a{color: #575757; font-weight: 500; font-size: 14px;}
.title{display: block; float: left; font-size: 14px; line-height: 45px}
.title{display: block;}
.top_menu{display: block; float: right;}
.top_menu li{display: inline-block; text-align: right; padding: 0 5px; font-size: 12px; line-height: 45px; height: 45px;}
.top_menu li:last-child{border-right: none;}
.top_menu a:hover{text-decoration: underline;}

.top_main{display: block; width: 1250px; margin: auto; height: 130px}
.logo{display: block; float: left; margin-top: 20px;}
.logo a{text-indent: -9999px; display: block; background: url(../img/NICELogo.jpg) center no-repeat; width: 200px; height: 87px; background-size: contain;}
.top_search{display: block; text-align: center; float: left; border: 1px solid #a1a1a1;margin: 25px 0 0 110px; border-radius: 30px;}
.top_search_select{display: block; float: left; border: 1px solid #1f4b61; background: #1f4b61 url("../img/Select_box_icon2.png") no-repeat 90% 50%; color: #fff; height: 49px;-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */appearance:none;  font-size: 14px; font-weight: 400; margin: 3px 5px 0px 3px; width: 120px; padding-left:28px; line-height: 20px; cursor: pointer; border-radius: 35px;}
.top_search_select option{
    height: 30px;
}
.top_search select::-ms-expand {display:none}
.top_search_txt{
    display: block; 
    float: right; 
    font-size: 12px; 
    color: #111; 
    padding-right:16px;
}
.top_search_txt span{font-weight: 700}
.redCount{color: #767070; font-size: 20px}
.top_searchbox{width: 450px; height: 55px; float: left; border: none; font-size: 16px; line-height: 45px;}
.top_search_btn{display: block; background: #1f4b61 url(../img/top_search_btn.png) center no-repeat; text-indent: -9999px; width: 50px; height: 50px;float: right; border: none; box-shadow: none; cursor: pointer; border-radius: 25px; margin-top: 2px; margin-right: 3px;}
.top_search_btn:hover{background-color: #000000;}

/* .nav{display: block; float: left;} */
.nav_all{background: #222 url(../img/category.png) center no-repeat; color: #fff; width: 157px; height: 49px; border-bottom: 1px solid rgba(255,255,255,0.3); text-indent: -9999px}

.menu_ul{background-color: #222; position: relative; width: 157px; height: 405px; cursor: pointer;}
.menu_li{color: #DCDFE2; font-size: 14px; height: 45px; line-height: 44px; text-indent: 18px;}
.menu_li>ul{display: none;}
.menu_li:hover{background-color: #fff; color: #4a5368}
.menu_li:hover>ul{display: block; background-color: #fff; position: absolute; top:0; left: 157px;width: 480px; line-height: 36px; height: 482px; padding: 20px; box-shadow: 0 0 1px rgba(0,0,0,0.3); z-index: 99}
.menu_li_li{display: block; float: left; width: 50%;text-indent: 20px}
.menu_li_li a{color: #333;}
.menu_sub_title{display: block; font-size: 18px; font-weight: 700; margin-bottom: 10px}
.menulink a:hover{text-decoration: underline;}
.nav:hover .nav_sub{display: block; z-index: 99}
.nav_sub{display: none;}

.top_sub_menu_align{width: 1250px; margin:auto; height: 50px;}
.top_sub_menu_line{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; min-width: 1350px;}
.top_sub_menu{width: 700px; height: 50px; float: right; text-align: right;}
.top_sub_menu li{display: inline-block; text-align: center; margin-left: 20px}
.top_sub_menu a{font-size: 13px; line-height: 49px; color: #333}
.top_sub_menu a:hover{color: #777}


.ban_box_right_title {
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
    border: 1px solid #1c4b70;
    background: #1c4b70;
    background :linear-gradient( to right, #296fa6, #1c4b70);
}
.ban_box_right_ul{height: 380px; overflow: hidden;}

.ban_box_right_ul li{display: block; border-top: 1px solid #c9ccce; width: 100%;}
.ban_box_right_ul li:first-child{border-top: 0}
.ban_box_right_ul a {
    display: inline-block;
    background: #e9e9e9;
    width: 100%;
    height: 33px;
    color: #323232;
    font-weight: 900;
    border: 2px solid #fff;
    box-sizing: border-box;
    line-height: 27px;
    font-size: 12px;
    margin-bottom: 1px;
}
.ban_box_right_ul a:hover{
    background: #dbdbdb;
    text-decoration: underline;
}


.slider_page{display: block; float: left; width: 100%; background-color: #eee}
.slider_page img{display: block; height: 100%;}
.slider_txtbox{display: block; height: 200px; font-size: 14px}
.slider_txtbox h5{display: inline-block; background-color: rgba(0,0,0,0.2); padding: 0 10px; font-size: 12px; line-height: 25px; height: 26px; margin-top: 35px; margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.3)}
.bx-viewport{height: auto}
.bx-wrapper {-moz-box-shadow: none;  -webkit-box-shadow: none;  box-shadow: none;  border: 0;}
.bx-wrapper .bx-pager{top: 355px}
.bx-wrapper .bx-prev{}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #fff}
.bx-wrapper .bx-pager.bx-default-pager a{background: rgba(255,255,255,0.5); width: 8px; height: 8px}
.bx-wrapper .bx-controls-direction a{top:73%; width: 31px; height: 48px; z-index: 9}
.bx-wrapper .bx-prev{left: 0; background: url(../img/slider_prev.png) no-repeat}
.bx-wrapper .bx-next{right: 0; background: url(../img/slider_next.png) no-repeat}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background: url(../img/slider_prev.png) no-repeat;}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background: url(../img/slider_next.png) no-repeat;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity: 0.5;}
.main_top{background-color: #fff; min-width: 1250px; padding-bottom:20px;}
.md_choices{width: 1250px; background-color: #fff; border: 1px solid #c9ccce; margin: auto}
.new_product{
    width: 1250px; background-color: #fff; border: 1px solid #c9ccce;
    height: 449px; float: left;
}
.md_choices{height: 468px}
.slide-box .bx-wrapper .bx-pager{display: none}
.md_choices_item{padding: 20px}
.md_left,.md_right_top1,.md_right_top2,.md_right_btm{display: block; float: left; border: 1px solid #ddd}
.md_left{width: 598px; height: 360px; margin-right: 10px}
.md_right_top1,.md_right_top2{height: 173px;}
.md_right_top1{margin-right: 10px; width: 364px;}
.md_right_top2{width: 220px}
.md_right_btm{width: 596px; height: 173px; margin-top: 10px}

.keyword_back{background-color: #fff; min-width: 1250px; border-top: 1px solid #ccc; padding: 20px 0; height: 180px}
.keywordbox{width: 1250px; margin: auto;}
.keyword_title,.keyword_txt{display: block; float: left; height: 28px; margin: 8px 0}
.keyword_title{font-size: 28px; margin-right: 15px; line-height: 28px}
.keyword_txt{font-size: 15px; line-height: 40px; margin-right: 23px}
.keyword_search{display: block; float: left; border-radius: 99px; width: 222px; height: 24px; margin-top: 12px; border: 1px solid #d0d1d1; background: linear-gradient(to bottom, #f9f8f8, #e0dfdf); box-shadow: 0 3px 3px #8f8f8f;}
.keyword_searchbox{border: none; box-shadow: none; background: none; margin-left: 13px; font-size: 13px; height: 24px; color: #555; float: left; width: 175px}
.keyword_search_btn{border: none; box-shadow: none; text-indent: -9999px; background: url(../img/keyword_search_btn.svg) center no-repeat; height: 16px; margin-top: 4px; float: right; cursor: pointer; margin-right: 8px; width: 26px}
.keyword_textarea{width: 1250px; display: block; float: left; resize: none; font-size: 15px; padding: 10px; margin-top: 20px; height: 104px; overflow-y: scroll; border: 1px solid #d7d7d7; box-shadow: none;}

.mainBoxfirst{ width: 402px; height: 300px; border: 1px solid #ccc; display: inline-block; float: left; margin-right: 13px; background: white; }
.mainBoxcenter1{ width: 400px; height: 300px; margin-left: 5px; display: inline-block; float: left; margin-top: 20px}
.mainBoxcenter2{ 
    width: 260px; height: 230px; 
    border: 1px solid #e7e7e7; 
    display: inline-block; 
    background: #ffffff;
    float: left;
    background: url(../img/newInfo.jpg?2) center no-repeat;
    margin-top: 20px;
    text-align: center;
}
.mainBoxcenter2:hover{ 
    border: 1px solid #d4d4d4; 
}
.mainBoxcenter3{ 
    width: 390px; height: 230px; 
    border: 1px solid #e7e7e7; display: inline-block; 
    background: #ffffff;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    background: url(../img/service.jpg?5) center no-repeat;
}
.mainBoxcenter2 a{
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 50px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    margin-top: 165px;
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
}
.mainBoxcenter2 a:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
}

.edbtn{
    background-image: url('../img/edbtn.gif');
}
.mainBoxlast{
    width: 256px; height: 416px; border: 1px solid #ccc; display: inline-block; float: left; background: white;
}
.mainBoxlast h4{
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    background: #ff7687;
    padding-left: 45px;
    background-image: url('../img/icon/icons8-add-24.png');
    background-repeat: no-repeat;
    background-position: 13px 9px;
}
/*하단 공통*/
.footer{
    width: 100%;
    display: inline-block;
}
.footer_menu_line{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; min-width: 1250px; background: #fff}
.footer_menu{display: block; width: 1250px; margin: auto; height: 46px}
.footer_menu li{display: block; float: left; width: 311px; line-height: 14px; border-right: 1px solid #555; font-size: 12px; text-align: center; margin-top: 16px;}
.footer_menu li a{color: #555}
.footer_menu li a:hover{text-decoration: underline;}
.footer_menu li:last-child{border-right: none;}
.footer_back{background-color: #ffffff; color: #777; height: 245px; font-size: 12px; font-weight: 300; min-width: 1250px;}
.footer_center{display: block; width: 1250px; margin: auto; height: 206px; }
.footer_logo{background: url(../img/NICELogo.jpg) center no-repeat; width: 210px; height: 87px; text-indent: -9999px; float: left; margin-top: 58px;}
.footer_right{float: left; margin-top: 50px; margin-left: 20px;}
.footer_top{font-size: 15px; height: 30px; font-weight: 600}
.footer_info{margin: 10px 0; height: 70px}
.footer_copy{margin-top: 20px; height: 35px}
.companyinfo-right{
    width: 300px;
    float: right;
    font-size: 13px;
    color: #323232;
    margin-top: 50px;
    margin-right: 40px;
}
.companyinfo-right p{
    height: 25px;
}
.companyinfo-right p span{
    font-size: 25px;
    font-weight: 900;
    color: #173e5c;
}
._searchBox{
    display: block;
    float: left;
    height: 100%;
    width: 900px;
    padding-top: 13px;
    padding-left: 68px;
}
.bannerBox{
    display: block;
    float: left;
    height: 100%;
    width: 324px;
    padding: 30px 0 0 125px;
}
.bannerBox img:hover{
    border: 1px solid #dfdfdf ;
}