/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:normal; color:#666; vertical-align:baseline; background:transparent;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none;}
button{border:0; margin:0; padding:0; background:transparent; cursor:pointer;}
strong{font-weight:bold;}
em{font-style:normal;}
input, select{border:#cdcdcd 1px solid; font-size:11px; color:#666; background:#fff;}
input.check_no{border:none;}
em{font-style:normal;}

a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:#333;}

/* remember to define focus styles! */
a:focus{outline:1px dotted #000;}

/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}

/*  table markup need to cellspacing="0" */
table, th, td{border-collapse:collapse;  border-spacing:0; border:0;}

/* display none for screen reader sofrware */
hr, legend, .dpn, .hiddenTitle{overflow:hidden; position:absolute; left:0; top:0; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
caption{width:0; height:0; font-size:0; line-height:0; visibility:hidden;}

/*리셋 css에서 img 위아래 간격 꼭 줄여야 한다*/
img{vertical-align:top;}   

/* skipnavigation id for keyboard access */
.skiptocontents {position:relative;}
.skiptocontents a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;}
.skiptocontents a:focus {height:auto; width:100%; padding:5px; margin-bottom:0px; border:1px solid #000;}
.skiptocontents a:active {height:auto; width:100%; padding:5px; margin-bottom:0px; border:1px solid #000;}

/* color */
.grn{color:#509f46;}
.blue{color:#0c83d5;}
.org{color:#d44c00;}
.org_strong{color:#d44c00;font-weight:bold;}
.red{color:#bd3b3d;}

/* FONT */
@font-face{font-family:'NBG'; src:url(/env-health/font/nbg.woff)} 
*{font-family:'NanumBarunGothic','NBG',sans-serif;}
*{box-sizing:border-box;}

.wrap{position:relative;}
.container{width:1030px; margin:0 auto;}
.container:after{display:block; content:""; clear:both;}
.visual_container{position:relative; margin:0 auto; width:2000px; height:600px;}
.visual_container:after{display:block; content:""; clear:both;}
.clear_fixed:after{display:block; content:""; clear:both;}
.main_content{width:2000px; height:100%; margin:0 auto;}

/*HEADER UI CSS*/
.header{position:fixed; width:100%; height:143px; background:url(/env-health/images/common/header_bg.gif) left top repeat-x; z-index:10000;}
.header .top_menu{width:1030px;}
.header .util{float:left;}
.header .util .util_list li{float:left; padding-left:20px; height:39px;}    
.header .util .util_list li.first{background:#11b2e1;}
.header .util .util_list li.last{background:#4bb20d;}
.header .util .util_list li a{display:block; padding:12px 38px; color:#fff; font-size:14px;}
.header .util .util_list li.first a{background:url(/env-health/images/common/util_icon01.png) 14px center no-repeat;}
.header .util .util_list li.last a{background:url(/env-health/images/common/util_icon02.png) 14px center no-repeat;}
.header .util .util_list li.first a:hover{color:#004c62; background:url(/env-health/images/common/util_icon01_over.png) 14px center no-repeat;}
.header .util .util_list li.last a:hover{color:#215800; background:url(/env-health/images/common/util_icon02_over.png) 14px center no-repeat;}   
.header .site_map{float:right;}
.header .site_map span{display:inline-block; padding:9px 20px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.header .site_map a{color:#65c0e2; font-size:14px;}
.header .site_map a:hover{color:#333;}        
.header .main_manu .logo{float:left; display:block; padding:22px 0 40px 0;}
.header .main_manu_list{float:right;}   
.header .main_manu_list > li.level1{float:left; position:relative;}   
.header .main_manu_list > li.level1 > a{display:inline-block; padding:42px 14px 12px 14px; font-size:17px; transition:all 0.4s;}
.header .main_manu_list > li.level1 > a:hover{color:#0fa3da;}
.header .main_manu_list > li.level1 > a.hover{color:#0fa3da; font-weight:bold;}
.header .level2{display:none; position:absolute; left:0; top:77px; width:800px; z-index:1000;}
.header .level2 li{float:left; margin-right:17px;}
.header .level2 li a{display:inline-block; font-size:14px;}
.header .level2 li a.hover{color:#0fa3da;}
.header .level2 li a:hover{color:#0fa3da;}
.header .menu1{left:17px;}
.header .menu2{left:15px;}
.header .menu3{left:23px;}
.header .menu4{left:-204px;}
.header .menu5{left:-118px;}
.header .menu6{left:-173px;}
.header .menu7{left:-426px;}
.header .menu8{left:-13px;}


/*MAIN VISUAL UI CSS*/
.swiper-container.swiper-wrapper{width:100%; height:610px;}
.swiper-container.swiper-wrapper .swiper-slide{position:absolute; left:0; top:0; display:none; width:100%; height:100%;}
.swiper-container.swiper-wrapper .swiper-slide img{width:100%;}
.swiper-container.swiper-wrapper .swiper-slide.on{display:block;}
.main_visual{padding-top:110px;}
.main_visual .slogan{position:absolute; left:285px; top:316px; width:367px; height:284px; background:url(/env-health/images/index/slogan_bg.png) left top no-repeat; z-index:1000;}
.main_visual .slogan .text{padding:10px 30px;}
.main_visual .slogan .text p{margin-top:20px; font-size:22px; line-height:28pt; text-align:justify; font-weight:bold; color:#fff;}
.main_visual .slogan .text p span.b_text{font-size:30px; font-weight:bold; color:#fff;}
.main_visual .slogan .text p span.yellow{font-size:22px; font-weight:bold; color:yellow;}
.main_visual .slogan .text span.last{display:block; margin-top:10px; font-size:14px; line-height:15pt; font-weight:bold; color:#fff; text-align:justify;}
.main_visual .slogan .slide_btn{position:absolute; left:0; bottom:10px; margin-left:30px;}
.main_visual .slogan .slide_btn li{float:left; margin-left:10px;}
.main_visual .slogan .slide_btn li.first{margin-left:0;}
.main_visual .slogan .slide_btn li button{width:50px; height:10px; background:#fff; transition:all 0.4s;}
.main_visual .slogan .slide_btn li:hover button{background:#11b2e1;}
.main_visual .slogan .slide_btn li.on button{background:#11b2e1;}

/*QUICK MENU CSS UI*/
.quick_menu{position:relative;}
.quick_menu .quick_menu_list li{float:left;}
.quick_menu .quick_menu_list li a{display:block; padding:20px 34px; border-left:1px solid #e5e5e5; background:url(/env-health/images/index/quick_over.jpg) left top no-repeat; background-position:0 168px; transition:all 0.5s;}
.quick_menu .quick_menu_list li a.last{border-right:1px solid #e5e5e5;}
.quick_menu .quick_menu_list li a span{display:block; text-align:center;}
.quick_menu .quick_menu_list li a span.img{margin-bottom:10px; transition:all 0.4s;}
.quick_menu .quick_menu_list li a span.text{font-size:14px; transition:all 0.4s;}
.quick_menu .quick_menu_list li a:hover{background-position:0 0; transition:all 0.5s;}
.quick_menu .quick_menu_list li a:hover span.text{color:#fff;}
.quick_menu .quick_menu_list li a:hover span.img{transform:scale(1.1);}

/*NEWS UI CSS*/
.news{position:relative; background:#dce7ee;}
.news .news_title{float:left; padding:30px; height:314px; background:url(/env-health/images/index/news_bg.jpg) left top no-repeat;}
.news .news_title h2{margin-bottom:20px; font-size:28px; font-weight:bold; color:#fff;}
.news .news_title span{display:inline-block; width:172px; font-size:14px; color:#fff;}
.news .notice{position:relative; float:left; margin:27px 0 0 27px; width:470px; height:260px; background:#fff; border:1px solid #ccc;}
.news .notice .notice_title{border-bottom:1px solid #ccc;}
.news .notice .notice_title_list li{float:left; font-size:16px;}
.news .notice .notice_title_list li a{display:inline-block; padding:15px 20px;}
.news .notice .notice_title_list li a.first{border-right:1px solid #ccc;}
.news .notice .notice_title_list li.on{background:#11b2e1;}
.news .notice .notice_title_list li.on a{color:#fff;}
.news .notice .tab{position:absolute; left:12px; top:47px; display:none; width:100%;}
.news .notice .tab.on{display:block;}
.news .notice .notice_list{margin:30px 0 0 30px;}
.news .notice .notice_list li{margin:18px 0; padding-left:10px; font-size:14px; background:url(/env-health/images/common/blue_dot.gif) left center no-repeat;}
.news .notice .notice_list li:after{display:block; content:""; clear:both;}
.news .notice .notice_list li a{color:#999; font-size:14px;}
.news .notice .notice_list li span a{display:inline-block; color:#999; font-size:14px;}
.news .notice .notice_list li span.text{float:left;}
.news .notice .notice_list li span.text a{transition:all 0.4s;}
.news .notice .notice_list li span.text a:hover{color:#0fa3da;}
.news .notice .notice_list li span.date{float:right; margin-right:40px; color:#999; font-size:14px;}
.news .banner{position:relative; float:right; margin:27px 0 0 0; width:280px; height:260px; border:1px solid #ccc; background:#f7f1d4;}
.news .banner .banner_tab{position:absolute; left:0; top:0; display:none; width:100%; height:100%;}
.news .banner .banner_tab.on{display:block;}
.news .banner .banner_tab.list1{padding:20px; background:url(/env-health/images/index/banner_img01.png) right bottom no-repeat;}
.news .banner .banner_tab.list1 h3{margin-bottom:20px; font-size:15px; font-weight:bold; color:#11b2e1;}
.news .banner .banner_tab.list1 span{display:block; margin-bottom:10px; font-size:13px; line-height:14pt; color:#3d6f99;}
.news .banner .banner_tab.list1 span.nth_span2{width:170px;}
.news .banner .banner_tab.list1 strong{color:#144874;}
.news .banner .banner_tab.list2{padding:20px; background:url(/env-health/images/index/banner_img02.jpg) left top no-repeat;}
.news .banner .banner_tab.list2 h3{margin-bottom:20px; font-size:15px; font-weight:bold; color:#11b2e1;}
.news .banner .banner_tab.list2 span{display:block; margin-bottom:10px; width:130px; font-size:20px; line-height:26px; font-weight:bold; color:#3d6f99;}
.news .banner_btn{position:absolute; left:20px; bottom:20px; z-index:1002;}
.news .banner_btn li{float:left; margin-left:5px;}
.news .banner_btn li button{width:24px; height:14px; background:#999; transition:all 0.4s;}
.news .banner_btn li.on button{margin-left:0; background:#11b2e1;}
.news .banner_btn li:hover button{width:24px; height:14px; background:#11b2e1;}

/*SEARCHED UI CSS*/
.searched{position:relative;}
.searched .data{float:left; margin-top:30px;}
.searched .data .row01{position:relative; margin-bottom:36px; padding:29px 0 0 29px; overflow:hidden; width:230px; height:120px; border:1px solid #ccc; background:url(/env-health/images/index/data_img01.jpg) left bottom no-repeat;}
.searched .data .row01 .text{position:absolute; left:20px; top:20px; z-index:100;}
.searched .data .row01 .text h3{margin-bottom:20px; font-size:15px; color:#4bb20d;}
.searched .data .row01 .text span{display:inline-block; width:100px; font-size:13px; transition:all 0.4s;}    
.searched .data .row01 span img{position:absolute; left:0; top:0; z-index:1; transition:all 0.4s;}
.searched .data .row01 a{display:block; width:100%; height:100%;}
.searched .data .row01 a:hover span{color:#4bb20d;}
.searched .data .row01 a:hover img{transform:scale(1.2);}
.searched .data .row02{position:relative; margin-bottom:36px; padding:29px 0 0 29px; overflow:hidden; width:230px; height:120px; border:1px solid #ccc; background:url(/env-health/images/index/data_img02.jpg) left bottom no-repeat;}
.searched .data .row02 .text{position:absolute; left:20px; top:20px; z-index:100;}
.searched .data .row02 .text h3{margin-bottom:20px; font-size:15px; color:#4bb20d;}
.searched .data .row02 .text span{display:inline-block; width:100px; font-size:13px; transition:all 0.4s;}    
.searched .data .row02 span img{position:absolute; left:0; top:0; z-index:1; transition:all 0.4s;}
.searched .data .row02 a{display:block; width:100%; height:100%;}
.searched .data .row02 a:hover span{color:#4bb20d;}
.searched .data .row02 a:hover img{transform:scale(1.2);}
.searched .searched_menu{float:left; margin:30px 0 0 31px;}
.searched .searched_menu .menu01{float:left;}      
.searched .searched_menu .menu01 li{margin-bottom:-1px; width:254px; height:56px;}
.searched .searched_menu .menu01 li a{display:inline-block; padding:12px 0; width:254px; font-size:15px; border:1px solid #ccc;}    
.searched .searched_menu .menu01 li a span{float:left; display:block; margin-left:30px; padding-top:10px; width:33px; height:30px; transition:all 0.4s;}
.searched .searched_menu .menu01 li a span.icon01{background:url(/env-health/images/index/searched_list_btn01.gif) left center no-repeat;}
.searched .searched_menu .menu01 li a span.icon02{background:url(/env-health/images/index/searched_list_btn02.gif) left center no-repeat;}
.searched .searched_menu .menu01 li a span.icon03{background:url(/env-health/images/index/searched_list_btn03.gif) left center no-repeat;}
.searched .searched_menu .menu01 li a span.icon04{background:url(/env-health/images/index/searched_list_btn04.gif) left center no-repeat;}
.searched .searched_menu .menu01 li a span.icon05{background:url(/env-health/images/index/searched_list_btn05.gif) left center no-repeat;}    
.searched .searched_menu .menu01 li a span.text{float:left; display:block; margin-left:20px; padding-top:10px; width:100px;}
.searched .searched_menu .menu01 li a:hover span.text{color:#43a50b;}
.searched .searched_menu .menu01 li a:hover span.icon01{background:url(/env-health/images/index/searched_list_btn01_over.gif) left center no-repeat;}
.searched .searched_menu .menu01 li a:hover span.icon02{background:url(/env-health/images/index/searched_list_btn02_over.gif) left center no-repeat;}
.searched .searched_menu .menu01 li a:hover span.icon03{background:url(/env-health/images/index/searched_list_btn03_over.gif) left center no-repeat;}
.searched .searched_menu .menu01 li a:hover span.icon04{background:url(/env-health/images/index/searched_list_btn04_over.gif) left center no-repeat;}
.searched .searched_menu .menu01 li a:hover span.icon05{background:url(/env-health/images/index/searched_list_btn05_over.gif) left center no-repeat;}
.searched .searched_menu .menu02{float:left; margin-left:-1px;}
.searched .searched_menu .menu02 li{margin-bottom:-1px; width:254px; height:56px;}
.searched .searched_menu .menu02 li a{display:inline-block; padding:12px 0; width:254px; font-size:15px; border:1px solid #ccc;}    
.searched .searched_menu .menu02 li a span{float:left; display:block; margin-left:30px; padding-top:10px; width:33px; height:30px; transition:all 0.4s;}
.searched .searched_menu .menu02 li a span.icon06{background:url(/env-health/images/index/searched_list_btn06.gif) left center no-repeat;}
.searched .searched_menu .menu02 li a span.icon07{background:url(/env-health/images/index/searched_list_btn07.gif) left center no-repeat;}
.searched .searched_menu .menu02 li a span.icon08{background:url(/env-health/images/index/searched_list_btn08.gif) left center no-repeat;}
.searched .searched_menu .menu02 li a span.icon09{background:url(/env-health/images/index/searched_list_btn09.gif) left center no-repeat;}
.searched .searched_menu .menu02 li a span.icon10{background:url(/env-health/images/index/searched_list_btn10.gif) left center no-repeat;}    
.searched .searched_menu .menu02 li a span.text{float:left; display:block; margin-left:20px; padding-top:10px; width:100px;}    
.searched .searched_menu .menu02 li a:hover span.text{color:#43a50b;}
.searched .searched_menu .menu02 li a:hover span.icon06{background:url(/env-health/images/index/searched_list_btn06_over.gif) left center no-repeat;}
.searched .searched_menu .menu02 li a:hover span.icon07{background:url(/env-health/images/index/searched_list_btn07_over.gif) left center no-repeat;}
.searched .searched_menu .menu02 li a:hover span.icon08{background:url(/env-health/images/index/searched_list_btn08_over.gif) left center no-repeat;}
.searched .searched_menu .menu02 li a:hover span.icon09{background:url(/env-health/images/index/searched_list_btn09_over.gif) left center no-repeat;}
.searched .searched_menu .menu02 li a:hover span.icon10{background:url(/env-health/images/index/searched_list_btn10_over.gif) left center no-repeat;}
.searched .searched_title{float:right; padding:30px; width:230px; height:322px; border:1px solid #ccc; background:url(/env-health/images/index/searched_bg.jpg) left top no-repeat;}
.searched .searched_title h2{margin-bottom:20px; font-size:28px; font-weight:bold; color:#fff;}
.searched .searched_title span{font-size:14px; color:#fff;}

/*PHOTO GALLERY UI CSS*/
.photo_gallery{background:#e7e6e3; margin-bottom:60px;}
.photo_gallery .gallery_title{float:left; padding:30px; width:230px; height:220px; background:url(/env-health/images/index/photo_bg.jpg) left top no-repeat;}
.photo_gallery .gallery_title h2{margin-bottom:20px; font-size:28px; font-weight:bold; color:#fff;}
.photo_gallery .gallery_title span{font-size:14px; color:#fff;}    
.photo_gallery .gallery_box{position:relative;}
.gallery_box .gallery_list li{float:left; margin:17px 0 0 16px;}
.gallery_box .gallery_list li a{display:block; overflow:hidden; padding:4px; width:250px; height:187px; border:1px solid #ccc; background:#fff;}
.gallery_box .gallery_list li a span{text-align:center;}
.gallery_box .gallery_list li a span.img_box{display:block; width:238px; height:130px; overflow:hidden;}
.gallery_box .gallery_list li a span.title{display:block; margin-top:19px;}
.gallery_box .gallery_list li a span.img_box img{transition:all 0.4s;}
.gallery_box .gallery_list li a:hover span.img_box img{transform:scale(1.1); -ms-transform: scale(1.1);}
.gallery_box .gallery_list li a:hover span.title{color:#f86516;}

 /* SUB_MENU LAYOUT CSS */
.sub_container{padding-top:143px; margin-bottom:50px;}
.sub_menu{float:left; margin-left:-1px;}
.sub_menu .sub_header{width:241px; height:219px; background:url(/env-health/images/introduce/sub_title_bg.jpg) left top no-repeat;}
.sub_menu .sub_header h3{padding:16px 0 0 16px; color:#fff; font-size:24px; font-weight:bold;}
.sub_menu .sub_menu_list li{margin-top:-1px; width:242px; border:1px solid #dcdcdc; background:#fff;}
.sub_menu .sub_menu_list li a{display:block; padding:18px 59px; font-size:15px;}
.sub_menu .sub_menu_list li a:hover{color:#055b92;}        
.sub_menu .sub_menu_list li a.hover{background:#055b92; color:#fff;}
#sub_content{float:left; margin-left:10px; width:777px;}
.sub_title{padding:17px 12px; width:777px; height:54px; border-bottom:1px solid #dcdcdc;}
.sub_title .title{float:left;}
.sub_title .title h3{font-size:16px; font-weight:bold;}
.sub_title .sub_navi{float:right;}
.sub_title .sub_navi span{font-size:13px;}

/* visual */
#jqb_object {overflow:hidden; position:relative; width:776px; height:219px;}
#jqb_object .jqb_bar {position:absolute; left:0px; bottom:0px; width:776px; height:30px; font-weight:bold; color:#fff; background:#000; opacity:0.6; filter:alpha(opacity=60);}
#jqb_object .jqb_slide {position:absolute; width:776px; height:219px; text-align:left; font-weight:bold; color:#fff;}
#jqb_object .jqb_info {float:left; padding:2px 10px 2px 10px;}
#jqb_object .jqb_btn {float:right; width:15px; height:14px; margin:8px 10px 2px 2px; cursor:pointer;}
#jqb_object .jqb_btn_next {background-image:url(/env-health/images/common/btn_next.gif);}
#jqb_object .jqb_btn_prev {background-image:url(/env-health/images/common/btn_prev.gif);}
#jqb_object .jqb_btn_pause {background-image:url(/env-health/images/common/btn_stop.gif);}
#jqb_object .jqb_btn_play {background-image:url(/env-health/images/common/btn_play.gif);}
#sub_content .jqb_object {margin:0 auto; position:relative; width:776px; height:219px;}


/*FOOTER UI CSS*/
.footer{width:100%; border-top:1px solid #ccc; padding:20px 0;}
.footer .footer_logo{float:left; display:block; padding:10px 0;}
.footer .footer_text{margin-left:30%; font-size:13px;}
/* .footer .footer_text{float:right; font-size:13px;} 190228 */
.footer .footer_text .policy_list li{display:inline-block;}
.footer .footer_text .policy_list li.center{margin:0 20px;}
.footer .footer_text .policy_list li a strong{color:#11b2e1;}
.footer .footer_text .address{margin:10px 0;}