/*!
 * style css v0.0.1
 * Copyright 2022.10
 * Writer 김준엽
 */
@charset "UTF-8";

.skipNavi {position: absolute;margin: 0 auto;width: 998px;list-style: none;font-size: 1.15em;top: -10.5em;left: 0;z-index: 1000;background: #eee;border: 1px solid #ccc;}
#naviMenu {display: none;z-index: 50;}
header{position: relative;}
p {line-height:25px; color: #666;}


.sub_tit{background: url(/images/new/web/sub/sub_visual01.png) no-repeat 50% 50%; width: 100%; height: 167px; position: relative; top: 146px;}
.sub_tit h2{}
.sub_tit .inner{margin: 0 auto; width: 1400px;}
.sub_tit .inner .search{text-align: center;}
.sub_tit .inner .search .search_form {position: relative; margin: 0 auto; width: 500px;padding-top: 46px;z-index: 0;}
.sub_tit .inner .search .search_form:after {position: absolute; content: '';width: 69px;height: 65px; top: 37px; left: 62px; background: url(/images/new/web/sub/sub_search_ico.png) no-repeat 0 0;}
.sub_tit .inner .search .search_form:before {position: absolute; content: '';width: 510px;height: 67px; top: 41px; left: 45px; background: linear-gradient(to right, #73a54a, #345aa0); z-index: -1;border-radius: 34px;}
.sub_tit .inner .search .search_form input[type="text"]{padding: 0 25px 0 86px; margin: 0 50px; width: 500px; height: 56px; font-size: 16px;letter-spacing: -0.045em;/*  border: 3px solid #375d9c; */ box-sizing: border-box; border-radius: 50px; color: #777; background: #fff;border: none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    /* color: #418087; */color: #777;
}
::-moz-placeholder { /* Firefox 19+ */
    /*  color: #418087; */ color: #777;
}
:-ms-input-placeholder { /* IE 10+ */
    /*  color: #418087; */ color: #777;
}
:-moz-placeholder { /* Firefox 18- */
    /* color: #418087; */ color: #777;
}
.sub_tit .inner .search .search_form input[type="image"] {background: #345aa0;padding: 18px;border-radius: 50%;position: absolute;right: -84px;top: 43px;}
.sub_tit .inner ul {display: flex; justify-content: center;margin-top: 16px;}
.sub_tit .inner ul li{margin-right: 10px;}
.sub_tit .inner ul li a{color: #666; font-weight: 600;font-size: 14px;letter-spacing: -0.5px;}

.text_box {margin-left: 5px; background-color: rgb(136, 136, 136); color: white; border-radius: 3px; padding: 3px 5px; line-height: 22px;}


.contents{width:1400px; margin:0 auto;}
.contents:after{display:block; content:""; clear:both;}

.sub_tit{display: none;}

#left_menu {position: relative; width: 100%;/*min-height: 86px;*/max-height: 60px; min-height: 60px;top:0; background: #1b8bc8; z-index: 10;}
#left_menu .inner{width: 1400px; margin: 0 auto; display: flex; align-items: center;justify-content: space-between;}
#left_menu .inner .home_box{display: flex;align-items: center; min-height: 60px;}
#left_menu .inner .left_home{display: inline-block;text-indent: -9999px;background: url(/images/new/web/sub/left_home_ico.png) no-repeat 0 0; width: 18px; height: 23px;background-position-y: 2px;padding-right: 30px;}
#left_menu .inner .select_menu{display: flex;}
#left_menu .inner .select_menu .control_box{position: relative;}
#left_menu .inner .select_menu .control_box:after{position: absolute;content: '';width: 1px;height: 20px;background: #50a6d5;top: 20px; left: 0;}
#left_menu .inner .select_menu .control_box .selected{}
#left_menu .inner .select_menu .control_box .selected .selected_value{width: 265px;margin: 0 25px;background: url(/images/new/web/sub/selected_value_btn.png) no-repeat 100% 50%;cursor: pointer;}
#left_menu .inner .select_menu .control_box .selected .selected_value a{color: #fff;font-size: 16px;display: block;word-break: keep-all;padding: 20px 0px;max-height: 60px;box-sizing: border-box;}
#left_menu .inner .select_menu .control_box ul{display: none;}
#left_menu .inner .select_menu .control_box ul.on{display: block;}
#left_menu .inner .select_menu .control_box .control_depth{width: 316px;border: 1px solid #ddd; position: absolute; background: #fff;border-top: none;margin: 28px 0 0 -1px; cursor: pointer;z-index: 1;top: 31px;}
#left_menu .inner .select_menu .control_box ul > li{}
#left_menu .inner .select_menu .control_box ul > li:hover{background: #f0f0f0;}
#left_menu .inner .select_menu .control_box ul > li > a{display: block;padding: 10px 15px;}
#left_menu .inner .select_menu .control_box ul > li:first-child > a{display: block;padding: 20px 15px 10px;}
#left_menu .inner .select_menu .control_box ul > li:last-child > a{display: block;padding: 10px 15px 20px;}
#left_menu .inner .share_box{position: relative;display: flex;}
#left_menu .inner .share_box div{display: none;position: absolute;top: 48px;left: -152px;width: 252px;height: 161px;padding: 20px;background-color: #fff;border-radius: 12px;color: #767676;box-shadow: 5.7px 5.7px 16px 0 rgba(41, 150, 204, 0.08);box-sizing: border-box;z-index: 1;}
#left_menu .inner .share_box.on div{display: block !important;}
#left_menu .inner .share_box div p{margin-bottom: 18px;font-size: 14px;}
#left_menu .inner .share_box div ul {display: flex;justify-content: space-between;margin-bottom: 12px;}
#left_menu .inner .share_box div ul li {float: left;margin-left: 8px;}
#left_menu .inner .share_box div ul li .link_btn {width: auto;height: auto;padding-right: 0px;}
#left_menu .inner .share_box div ul li:first-child {margin-left: 0;}
#left_menu .inner .share_box div span a {display: block;height: 36px;padding: 10px 0;border: 1px solid #e5e5e5;border-radius: 8px;font-size: 12px;text-align: center;box-sizing: border-box;width: 100%;}
#left_menu .inner .share_box div > a {position: absolute;top: 20px;right: 20px;width: auto;height: auto;}

/*#left_menu .inner .share_box:after{content:''; position:absolute;top: 17px;left: -35px;width: 1px;height: 12px; background: #bfbfbf;}*/
#left_menu .inner .share_box a{display: inline-block;position: relative;vertical-align: middle;width: 46px;height: 46px;font-size: 0;border-radius: 50%;}
#left_menu .inner .share_box .sub_share:after{content:''; position:absolute;top: 10px;left: 10px;width: 25px;height: 26px; background: url(/images/new/web/sub/sub_share_01.png) no-repeat 0 0; }
#left_menu .inner .share_box .sub_print:after{content:''; position:absolute;top: 10px;left: 10px;width: 25px;height: 26px; background: url(/images/new/web/sub/sub_print_01.png) no-repeat 0 0; }



/* 레프트메뉴 3시안 */
/* left */
/* #left_menu{display: flex; width: 100%; background: aliceblue;}
#left_menu h2{height: 66px; padding: 0 20px; background-color: #345aa0; color: #fff; font-size: 20px; font-family: 'NBG';}
#left_menu > ul {}
#left_menu > ul > li{display: flex;}
#left_menu > ul > li > a{display: block;padding: 18px;font-size: 16px; box-sizing: border-box;}
#left_menu > ul > li > a.on{background: #2b3c5b;border: 1px solid #2b3c5b;font-family: "NBGB";color: #fff;word-break: keep-all;}
#left_menu > ul > li.has_sub > ul{}
#left_menu > ul > li.has_sub > ul > li > a {display: block; position: relative;padding: 18px;background: #f4f4f5;color: #333;font-size: 15px;font-family: 'NBGB';line-height: 20px;} */

/* 레프트 메뉴1시안 */
/* left */
/* #left_menu{position:relative; float:left; width:240px;top: -136px;}
#left_menu h2{position: relative;display:flex; justify-content:center; align-items:center; height:135px; padding:0 20px; background-color:#345aa0; color:#fff; font-size:29px; font-family:'NBG'; font-weight:500; text-align:center; border-radius:4px; word-break:keep-all; box-sizing:border-box;z-index: 1;}
#left_menu h2:before{position: absolute; content: '';width: 70px;height: 135px; top: 0px; right: 0; background: url(/images/new/web/sub/left_menu_bg.png) no-repeat 0 0;z-index: -1;}
#left_menu > ul{margin-top:6px;}
#left_menu > ul > li:not(:first-child){margin-top:3px;}
#left_menu > ul > li > a{display:block; padding:18px; border:1px solid #e0e0e0; color:#333; font-size:16px; font-family:'NBGB'; border-radius:4px; line-height:20px; box-sizing:border-box;word-break: keep-all;}
#left_menu > ul > li > a.on{background:#2b3c5b; border:1px solid #2b3c5b; font-family:"NBGB"; color:#fff; word-break: keep-all;}
#left_menu > ul > li.has_sub > .util_line{position:relative; overflow:hidden; }
#left_menu > ul > li.has_sub > .util_line > a{display:block; padding:18px; border:1px solid #e0e0e0; color:#333; font-size:16px; font-family:'NBGB'; border-radius:4px; line-height:20px; box-sizing:border-box;}
#left_menu > ul > li.has_sub > .util_line > a.on{background:#2b3c5b; border:1px solid #2b3c5b; font-family:"NBGB"; color:#fff;}
#left_menu > ul > li.has_sub > .util_line > .util{position:absolute; top:1px; right:1px; width:58px; height:calc(100% - 2px); text-indent:-9999px; cursor:pointer;}
#left_menu > ul > li.has_sub > .util_line > .util:hover{background:#f5f5f5;}
#left_menu > ul > li.has_sub > .util_line > a.on + .util:hover{background:#4a5c7c;}
#left_menu > ul > li.has_sub > .util_line > .util::before{content:""; position:absolute; top:16px; right:calc(50% - 11px); width:22px; height:22px; background:url(/images/new/web/sub/left_menu_ico.png) no-repeat 0 0;}
#left_menu > ul > li.has_sub > .util_line > a.on + .util::before{background-position-y:-22px;}
#left_menu > ul > li.has_sub > ul{display:none;}  */
/* left_menu : 열린상태 */
/*  #left_menu > ul > li.has_sub.active > .util_line > .util::before{background-position-x:-22px;}
#left_menu > ul > li.has_sub > ul{margin-top:3px; border:1px solid #e0e0e0; border-radius:4px}
#left_menu > ul > li.has_sub > ul > li:not(:first-child){border-top:1px dashed #dfdfe0;}
#left_menu > ul > li.has_sub > ul > li > a{display:block; position:relative; padding:18px; background:#f4f4f5; color:#333; font-size:15px; font-family:'NBGB'; line-height:20px;}
#left_menu > ul > li.has_sub > ul > li > a.on{background:#eaeaeb; color:#345aa0;}
#left_menu > ul > li.has_sub > ul > li > a span{position:relative; padding-left:10px;}
#left_menu > ul > li.has_sub > ul > li > a span::before{content:''; top:7px; left:0; position:absolute; width:3px; height:3px; background:#333;}
#left_menu > ul > li.has_sub > ul > li > .util_line a{display:block; position:relative; padding:18px; background:#f4f4f5; color:#333; font-size:15px; font-family:'NBGB'; line-height:20px;}
#left_menu > ul > li.has_sub > ul > li > .util_line a.on{background:#eaeaeb; color:#345aa0;}
#left_menu > ul > li.has_sub > ul > li > .util_line a span{position:relative; padding-left:10px;}
#left_menu > ul > li.has_sub > ul > li > .util_line a span::before{content:''; top:7px; left:0; position:absolute; width:3px; height:3px; background:#333;}
#left_menu > ul > li.has_sub > ul > li > ul{}
#left_menu > ul > li.has_sub > ul > li > ul > li:not(:first-child){border-top:1px dashed #dfdfe0;}
#left_menu > ul > li.has_sub > ul > li > ul > li > a{display:block; padding:12px; padding-left:18px;}
#left_menu > ul > li.has_sub > ul > li > ul > li > a span{position:relative; padding-left:10px;}
#left_menu > ul > li.has_sub > ul > li > ul > li > a span::before{content:''; top:6px; left:0; position:absolute; width:4px; height:1px; background:#333;}
#left_menu > ul > li.has_sub > ul > li > ul > li > .util_line a{}
#left_menu > ul > li.has_sub > ul > li > ul > li > .util_line a.on{}  */

/* sub */
#sub{width:1400px; padding:0 0 80px 0;overflow: hidden;}
#content_wrap{width: 100%;}
/* #sub{float:right; width:1090px; padding:0 0 80px 0;} */
.sub_contents{}
.sub_contents img{max-width:100%;}
.sub_contents ul.type01{margin-top:24px;}
.sub_contents ul.type01 > li{position:relative; padding-left:12px; color:#777; font-size:17px; line-height:1.5; word-break:keep-all;}
.sub_contents ul.type01 > li::before{content:''; position:absolute; top:9px; left:0; width:4px; height:4px; background:#114ab0; border-radius:2px;}
.sub_contents ul.type01 > li:not(:first-child){margin-top:10px;}
.sub_contents ol.type01{}
.sub_contents ol.type01 > li{padding-left:12px; color:#777; font-size:17px; line-height:1.5; word-break:keep-all;}
.sub_contents ol.type01 > li:not(:first-child){margin-top:10px;}

.sub_contents .card_wrab .sub_title_01{display: none;}
.sub_contents .card_wrap .sub_title_01{display: none;}

/*.card_wrap{margin-top: 60px;  margin-bottom: 100px;}
.card_wrab{margin-top: 60px;  margin-bottom: 100px;}*/

/* 공공누리 등 저작권 이미지 사이즈 */
.copyright span img {max-width:none !important;}

/* strapline */
/* 같은 라인에 있을때 */
.strapline{display: flex;margin-top: 35px; justify-content: space-between;padding-bottom: 32px;border-bottom: 1px solid #cecece;}
.strapline .sub_title{}
.strapline .sub_title h2{font-size: 35px;font-weight: 600;color: #111;}
.strapline .home_wrap{display: flex;align-items: center;}
.strapline .home_wrap .nav{}
.strapline .home_wrap .nav .state{}
.strapline .home_wrap .nav .state span{position: relative;font-weight: 600; font-size: 15px; color: #666;padding: 0 14px;}
.strapline .home_wrap .nav .state span:after{content: '';position: absolute;border-left: 4px solid #c5c5c5;top: 4px;left: -1px; border-top: 4px solid transparent;border-bottom: 4px solid transparent;}
.strapline .home_wrap .nav .state span:first-child:after{display: none;}
.strapline .home_wrap .nav .state .home{ }
.strapline .home_wrap .nav .state .home a{display: inline-block;text-indent: -9999px;background: url(/images/new/web/sub/sub_home.png) no-repeat 0 0;width: 19px;height: 19px; }
.strapline .home_wrap .share_box{margin-left: 50px; position: relative;}
.strapline .home_wrap .share_box:after{content:''; position:absolute;top: 17px;left: -35px;width: 1px;height: 12px; background: #bfbfbf;}
.strapline .home_wrap .share_box a{display: inline-block; position: relative; vertical-align: middle; width: 46px; height: 46px; background: #f8f8f8; font-size: 0; border-radius: 50%; margin-right: 10px;}
.strapline .home_wrap .share_box .sub_share:after{content:''; position:absolute;top: 10px;left: 10px;width: 25px;height: 26px; background: url(/images/new/web/sub/sub_share.png) no-repeat 0 0; }
.strapline .home_wrap .share_box .sub_print:after{content:''; position:absolute;top: 10px;left: 10px;width: 25px;height: 26px; background: url(/images/new/web/sub/sub_print.png) no-repeat 0 0; }


.m_strapline{display: none;margin-top: 10px; justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #cecece; }
.m_strapline .sub_title{}
.m_strapline .sub_title h2{font-size: 35px;font-weight: 600;color: #111; text-align: center; margin-bottom: 3px;}
.m_strapline .home_wrap{display: flex;align-items: center; width: 100%; justify-content: center;}
.m_strapline .home_wrap .nav{}
.m_strapline .home_wrap .nav .state{}
.m_strapline .home_wrap .nav .state span{position: relative;font-weight: 600; font-size: 15px; color: #666;padding: 0 14px;}
.m_strapline .home_wrap .nav .state span:after{content: '';position: absolute;border-left: 4px solid #c5c5c5;top: 4px;left: -1px; border-top: 4px solid transparent;border-bottom: 4px solid transparent;}
.m_strapline .home_wrap .nav .state span:first-child:after{display: none;}
.m_strapline .home_wrap .nav .state .home{ }
.m_strapline .home_wrap .nav .state .home a{display: inline-block;text-indent: -9999px;background: url(/images/new/web/sub/sub_home.png) no-repeat 0 0;width: 19px;height: 19px; }
.m_strapline .home_wrap .share_box{margin-left: 50px; position: relative;}
.m_strapline .home_wrap .share_box:after{content:''; position:absolute;top: 17px;left: -35px;width: 1px;height: 12px; background: #bfbfbf;}
.m_strapline .home_wrap .share_box a{display: inline-block; position: relative; vertical-align: middle; width: 46px; height: 46px; background: #f8f8f8; font-size: 0; border-radius: 50%; margin-right: 10px;}
.m_strapline .home_wrap .share_box .sub_share:after{content:''; position:absolute;top: 10px;left: 10px;width: 25px;height: 26px; background: url(/images/new/web/sub/sub_share.png) no-repeat 0 0; }
.m_strapline .home_wrap .share_box .sub_print:after{content:''; position:absolute;top: 10px;left: 10px;width: 25px;height: 26px; background: url(/images/new/web/sub/sub_print.png) no-repeat 0 0; }
/* 밑으로 떨어질때  */
/* .strapline{display: flex;margin-top: 35px; justify-content: space-between;}
.strapline .sub_title{}
.strapline .sub_title h2{font-size: 32px;font-family: 'NBGB';color: #111;}
.home_wrap{display: flex;align-items: center; justify-content: flex-end; border-bottom: 1px solid #cecece;padding-bottom: 20px;}
.home_wrap .nav{}
.home_wrap .nav .state{}
.home_wrap .nav .state span{position: relative;font-family: 'NBG'; font-size: 15px; color: #666;padding: 0 14px;}
.home_wrap .nav .state span:after{content: '';position: absolute;border-left: 4px solid #c5c5c5;top: 4px;left: -1px; border-top: 4px solid transparent;border-bottom: 4px solid transparent;}
.home_wrap .nav .state span:first-child:after{display: none;}
.home_wrap .nav .state .home{ }
.home_wrap .nav .state .home a{display: inline-block;text-indent: -9999px;background: url(/images/new/web/sub/sub_home.png) no-repeat 0 0;width: 19px;height: 19px; }
.home_wrap .share_box{margin-left: 50px; position: relative;}
.home_wrap .share_box:after{content:''; position:absolute;top: 17px;left: -35px;width: 1px;height: 12px; background: #bfbfbf;}
.home_wrap .share_box a{display: inline-block; position: relative; vertical-align: middle; width: 46px; height: 46px; background: #f8f8f8; font-size: 0; border-radius: 50%; margin-right: 10px;}
.home_wrap .share_box .sub_share:after{content:''; position:absolute;top: 10px;left: 10px;width: 25px;height: 26px; background: url(/images/new/web/sub/sub_share.png) no-repeat 0 0; }
.home_wrap .share_box .sub_print:after{content:''; position:absolute;top: 10px;left: 10px;width: 25px;height: 26px; background: url(/images/new/web/sub/sub_print.png) no-repeat 0 0; } */

/* 서브 탭메뉴 */
/* 탭1 - 글씨 길어질때 */
/* .tab{margin-bottom:8px;margin-top: 46px;}
.tab ul{display: flex; flex-wrap: wrap;}
.tab ul li{flex: 1 1 30%;margin-right:2px;flex-grow: 1;width: 100%;}
.tab ul li a{display: block;padding: 18px 0;background-color: #fff;font-size: 17px;text-align: center;border: 1px solid #ccc;color: #888; border-radius: 6px;font-family: 'nbg'; letter-spacing: -0.8px;}
.tab ul li.on a{background-color:#4d4d4d; color:#fff;padding: 18px 0 27px;border-radius: 6px 6px 22px;} */

/*.tab{margin-bottom:8px;margin-top: 46px;}*/
/*.tab ul{width: 100%;}*/
/*.tab ul::after{ content:'';display:block;clear:both;}*/
/*.tab ul li{float: left; display: block; width:calc( 100% / 4 - 4px); height: 56px; line-height: 42px !important;font-size: 18px;background-color: #fff; border: 1px solid #ccc; text-align: center;border-radius: 6px; margin:4px 4px 0 0;box-sizing: border-box; cursor: pointer;}*/
/*.tab ul li:nth-child(4n){margin-right:0;}*/
/*.tab ul li:nth-child(-n+4){margin-top:0;}*/
/*.tab ul > li:first-child:nth-last-child(1) {width:100%;}*/
/*.tab ul > li:first-child:nth-last-child(2), .tab ul > li:first-child:nth-last-child(2) ~ li {width:calc(100% / 2 - 4px);}*/
/*.tab ul > li:first-child:nth-last-child(2), .tab ul > li:first-child:nth-last-child(2) ~ li {width: calc(100% / 2 - 4px);}*/
/*.tab ul > li:first-child:nth-last-child(3), .tab ul > li:first-child:nth-last-child(3) ~ li {width:calc(100% / 3 - 4px);}*/
/*.tab ul > li:first-child:nth-last-child(4), .tab ul > li:first-child:nth-last-child(4) ~ li {width:calc(100% / 4 - 4px);}*/

.tab{margin-bottom:8px;margin-top: 40px;}
.tab ul{width: 100%;}
.tab ul::after{ content:'';display:block;clear:both;}
.tab ul li{float: left; display: block; width:calc( 100% / 5 - 4px); height: 45px;font-size: 14px;background-color: #fff; border: 1px solid #ccc; text-align: center;border-radius: 6px; margin:4px 4px 0 0;box-sizing: border-box; cursor: pointer;}
.tab ul li:nth-child(5n){margin-right:0;}
.tab ul li:nth-child(-n+5){margin-top:0;}
.tab ul > li:first-child:nth-last-child(1) {width:100%;}
.tab ul > li:first-child:nth-last-child(2), .tab ul > li:first-child:nth-last-child(2) ~ li {width:calc(100% / 2 - 4px);}
.tab ul > li:first-child:nth-last-child(2), .tab ul > li:first-child:nth-last-child(2) ~ li {width: calc(100% / 2 - 4px);}
.tab ul > li:first-child:nth-last-child(3), .tab ul > li:first-child:nth-last-child(3) ~ li {width:calc(100% / 3 - 4px);}
.tab ul > li:first-child:nth-last-child(4), .tab ul > li:first-child:nth-last-child(4) ~ li {width:calc(100% / 4 - 4px);}
.tab ul li a{padding: 10px 0;}
.tab ul li.on{background-color: #4d4d4d; color:#fff;}
.tab ul li.on a{color:#fff;}
.tab ul > li:nth-child(4n+1){border-left:1px solid #ccc;}
.tab ul > li > a {display: block; padding: 13px 0px;}
/* .tab ul > li > a:focus{background: #4d4d4d;} */

.card_wrab p{line-height: 2;}
.card_wrap p{line-height: 2;}

/* 탭1 */
/* .tab{margin-bottom:8px;margin-top: 46px;}
.tab ul{display: flex;justify-content: center;}
.tab ul li{float:left; margin-right:2px;flex-grow: 1;width: 100%;}
.tab ul li a{display: block;padding: 18px 0;background-color: #fff;font-size: 17px;text-align: center;border: 1px solid #ccc;color: #888; border-radius: 6px;font-family: 'nbg'; letter-spacing: -0.8px;}
.tab ul li.on a{background-color:#4d4d4d; color:#fff;padding: 18px 0 27px;border-radius: 6px 6px 22px;}  */

/* 탭2 */
/* .tab{margin-bottom:8px;margin-top: 46px;border: 1px solid #7e7e7e;border-radius: 6px;}
.tab ul{display: flex;justify-content: center;}
.tab ul li{position: relative;float:left; margin-right:2px;flex-grow: 1;}
.tab ul li:after{content:''; position:absolute; top: 25px; left: 6px; width: 4px;height: 4px; background: #888;border-radius: 50%;}
.tab ul li a{display: block;padding: 18px 0;background-color: #fff;font-size: 17px;text-align: center;color: #888; border-radius: 6px;font-family: 'nbg'; letter-spacing: -0.8px;}
.tab ul li.on a{font-size: 15px;color: #4d4d4d; letter-spacing: -0.8px;padding: 18px 0;background-color: #fff;font-size: 17px;}
.tab ul li.on:after{content:''; position:absolute; top: 25px; left: 6px; width: 4px;height: 4px; background: #00ab4e;border-radius: 50%;}
 */
/* 조직도 */
.search_box2{background: #fbfbfb;padding: 30px 0;margin: 50px 0;border-top: 3px solid #111;border-bottom: 2px solid #ebebeb;}
.search_box2 *{box-sizing: border-box;}
.search_box2 select{width: 95%;cursor: pointer;}
.search_box2 div ul{margin: 0 auto;margin-bottom: 10px;width: calc(100% - 240px);display: flex;}
.search_box2 div ul li:nth-child(1){display: flex;align-items: center;}
.search_box2 div ul li:nth-child(2){width: 20%;}
.search_box2 div ul li:nth-child(3){width: 59%;display: flex;justify-content: space-between;}
.search_box2 div ul li:nth-child(3) select{width: 49%}
.search_box2 div label{margin-right: 10px;color: #111;font-size: 15px;letter-spacing: -0.9px;width: 90px;display: inline-block;}
.search_box2 div .top_select{padding: 10px;border-radius: 5px;color: #777;background: #fff url(/images/new/web/board/board_arr_01.png) 94% 50% no-repeat;}
.search_box2 .sf_2 ul li:first-child{display: flex;align-items: center;}
.search_box2 .sf_2 input[type='text']{padding: 10px;border-radius: 5px;color: #777;width: 100%;}
.search_box2 .org_btn{cursor: pointer;background: #375375 url(/images/new/web/sub/org_chart_01.png) no-repeat 75% 50%;margin-left: 10px;border-radius: 4px;min-width: 98px;}
.search_box2 .org_btn * {text-align: left;color: #fff;cursor: pointer;padding: 11px 16px;width: 100%;}
.search_box2 .org_btn button:focus{outline: 2px dashed #ff8383;}
.org_view_btn{text-align: center;}
.org_group01 .hidden_block h3{display: none;}

/* 조직도표 */
.org_list_tit{position: relative; color: #2aa29e;font-size: 21px; font-weight: 600; padding-left: 22px; margin-bottom: 21px;}
.org_list_tit:after{content:''; position:absolute;top: 0px; left: 0px; width: 15px;height: 18px; background: url(/images/new/web/sub/h5_tit.png) no-repeat 0 0; }
.org_list {margin:15px 0 30px 0; width:100%; border-top:2px solid #a9a9a9;  color: #6e6e6e;}
.org_list th {color:#343434; font-weight:bold; background: url(/images/new/web/board/th_bg_01.png); }
.org_list th, .org_list td {padding:15px 5px; font-size:14px; text-align:center; border:1px solid #d0d0d0;}
.org_list .left{text-align: left;padding-left: 18px;}


/* 만족도/페이지담당자 */
.management{ border: 1px solid #ddd; margin-top: 60px;}
.management .manager{display: flex;background: #fcfcfc;padding: 20px 30px; justify-content: space-between;border-bottom: 1px solid #ddd;}
.management .manager > div{display: flex;flex-wrap: wrap;}
.management .manager ul{display: flex; position: relative; line-height: 25px; flex-wrap: wrap; width: auto;}
.management .manager div p.tit:after{content:''; position:absolute;top: 2px; left: 0px; width: 19px;height: 21px; background: url(/images/new/web/sub/satisfaction_01.png) no-repeat 0 0; }
.management .manager div p.tit{position:relative;font-size: 15px; font-weight: 600;color: #111;padding-left: 25px;}
/*.management .manager div div{margin-left: 30px;}*/
.management .manager li{font-size: 14px; color: #333; font-weight: 600;margin-left: 25px;}
.management .manager .date{position: relative;padding-left: 20px; font-size: 15px;color: #666; font-weight: 600;min-width: 210px;display: flex;align-items: center;}
.management .manager .date span{margin-left: 3px;}
.management .manager .date:after{content:''; position:absolute;top: auto; left: 0px; width: 15px;height: 15px; background: url(/images/new/web/sub/satisfaction_03.png) no-repeat 0 0; }
.management .satisfaction{position: relative; padding: 20px 30px; /*height: 130px;*/ box-sizing: border-box;}
.management .satisfaction:after{content:''; position:absolute;top: 1px; right: 0px; width: 374px;height: 78px; background: url(/images/new/web/sub/satisfaction_04.png) no-repeat 101% 44%;background-size: 80%;}
.management .satisfaction p{position: relative;color: #111; font-weight: 600;letter-spacing: -0.8px;padding-left: 28px;font-size: 15px;}
.management .satisfaction p:after{content:''; position:absolute;top: 2px; left: 0px; width: 20px;height: 20px; background: url(/images/new/web/sub/satisfaction_02.png) no-repeat 0 0; }
.management .satisfaction ul{display:inline-block; vertical-align:middle;}
.management .satisfaction ul li{float:left; font-size:14px; margin: 5px 22px 5px 0;}
.management .satisfaction ul li:last-child{margin-right: 10px;}
.management .satisfaction ul li input{margin-right:4px;}
.management .satisfaction ul li input:focus {outline: 2px dashed #ff8383;}
.management .satisfaction ul li label{margin-right:4px; vertical-align: middle;}
.management .satisfaction ul li img{position: relative;top: 2px; width:auto;vertical-align: initial;}
.management .satisfaction a{display:inline-block; vertical-align:middle; width:50px; padding:3px 0; font-size:12px; text-align:center; background-color: #345aa0; color: #fff; border-radius: 3px;}
.management .satisfaction a:focus{outline: 2px dashed #ff8383;}
.management .satisfaction .other_opinions{display:none; overflow:hidden; margin-top:11px;padding: 2px 0;}
.management .satisfaction .other_opinions textarea{float:left; height:28px; padding:7px 0 0 7px; border:1px solid #d4d4d4;width: calc(100% - 50%);font-size: 15px;}
.management .satisfaction .other_opinions input{margin-left: 4px; height:37px; border: 1px solid #d4d4d4; text-align:center; cursor:pointer;width: 85px;background: #5a7091;color: #fff;font-size: 15px;}
.management .satisfaction .other_opinions input:focus{outline: 2px dashed #ff8383;}


.content_menu{border: 1px solid #7e7e7e; border-radius: 6px;position: relative;top: -13px;background: #fff;z-index: -1;}
.content_menu ul{display: flex;justify-content: space-between;padding: 20px;}
.content_menu ul li{position: relative;padding-left: 10px;letter-spacing: -0.4px;}
.content_menu ul li:after{content:''; position:absolute; top: 9px; left: 0px; width: 4px;height: 4px; background: #888;border-radius: 50%;}
.content_menu ul li.on:after{content:''; position:absolute; top: 9px; left: 0px; width: 4px;height: 4px; background: #00ab4e;border-radius: 50%;}
.content_menu ul li a{font-size: 15px; color: #888;}
.content_menu ul li.on a{font-size: 15px; color: #4d4d4d;}

.sub_title_01{font-size: 25px; color: #111; margin-top: 46px;margin-bottom: 30px;font-weight: 600;}
.sub_title_02{color: #345aa0; font-size: 24px;  margin-top: 40px; margin-bottom: 20px;line-height: 1.5; font-weight: 600;}
.sub_title_03{position: relative;color: #2aa29e; font-size: 20px; padding-left: 22px;margin-bottom: 15px; font-weight: 600;}
.sub_title_03:after{content:''; position:absolute;top: 6px; left: 0px; width: 15px;height: 18px; background: url(/images/new/web/sub/h5_tit.png) no-repeat 0 0; }

/* 공통 */
/* ul li 구조  */
.con_01 li{margin-bottom: 5px; color: #444; font-size: 16px; line-height: 1.5; margin-left: 15px;}
.con_01 .con_list_01{position: relative;padding-left: 15px;margin-bottom: 5px;letter-spacing: -0.1px;}
.con_01 .con_list_01:after{content:'•';position: absolute;left: 0px; top: -1px;}
.con_01 .con_list_013{position: relative;padding-left: 35px;margin-bottom: 5px;ltter-spacing: -0.1px;}
.con_01 .con_list_01:after{content:'•';position: absolute;left: 0px; top: -1px;}
/* .con_01 .con_list_01_1{position: relative;padding-left: 40px;margin-bottom: 10px;font-family: 'NBG';}
.con_01 .con_list_01_1:after{content:'';position: absolute;left: 20px; top: 9px; width: 8px;height: 2px; background: #444;} */
.con_01 .con_list_01_2{padding-left: 15px;margin-bottom: 5px;letter-spacing: -0.1px;}
.con_list_02{padding-left: 40px;color: #444;font-size: 15px;margin-bottom: 10px;}
.con_list_02_2{padding-left: 40px;color: #444;font-size: 15px;margin-bottom: 25px;}
.con_list_02_2:last-child{margin-bottom: 59px;}
.con_list_02_3{position: relative; padding-left: 30px;color: #444;font-size: 15px;margin-bottom: 10px;}
.con_list_02_3:after{content:'';position: absolute;left: 20px; top: 10px; width: 5px;height: 1px; background: #444;}
.con_list_02_4{padding-left: 15px;}
.con_list_02_5{padding-left: 30px;}
.con_list_03{position: relative;padding-left: 60px;color: #444;font-size: 15px;margin-bottom: 10px;}
.con_list_03:after{content: ''; position: absolute; left: 50px; top: 12px; width: 4px; height: 4px; background: #444; border-radius: 50%;}
.con_list_04{position: relative;padding-left: 60px;color: #444;font-size: 15px;margin-bottom: 10px;}

/* 화살표 */
.next{position: relative; display: inline-block;text-indent: -9999px; margin: 0 14px;vertical-align: middle;}
.next:after{content: ''; position: absolute; border-left: 6px solid #5290c4; top: 4px; left: -1px; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}

.con_2{}
.con_2 li{position: relative; padding-left: 20px; margin: 5px 0; font-weight: 600;}
.con_2 li:after{content:'※';position: absolute;left: 0px; top: 0px;}

.con_03{}
.con_03 .con_list_01{padding-left: 40px;margin-bottom: 10px;font-weight: 600;color: #111;font-size: 18px;}
.con_03 .con_list_02{position: relative;padding-left: 65px;color: #111;font-size: 17px;font-weight: 600;margin-bottom: 25px;letter-spacing: -0.1px;}
.con_03 .con_list_02:after{content:'';position: absolute;left: 55px; top: 7px; width: 4px;height: 4px; background: #444;border-radius: 50%;}

/* P 타입 */
.under{position: relative;padding-left: 20px;margin-bottom: 10px;font-weight: 600;}
.under:after{content:'';position: absolute;left: 0px; top: 9px; width: 8px;height: 2px; background: #444;}
.questions{color: #fc7d00;font-size: 15px;font-weight: 600;}
.f_right{text-align: end;margin-bottom: 10px;color: #888888; font-size: 15px;}
.dash{position: relative;padding-left: 20px;font-size: 17px;color: #444;font-weight: 600;line-height: 1.5;letter-spacing: -0.7px;}
.dash:after{content:'';position: absolute;left: 0px; top: 9px; width: 8px;height: 2px; background: #444;}

.p_tit_01{position: relative;color: #666;font-size: 18px;line-height: 1.5;padding-left: 22px; font-weight: 600;margin-bottom: 10px;}
.p_tit_01:after{content:'';position: absolute;left: 6px; top: 11px; width: 7px;height: 12px; background: url(/images/new/web/sub/p_tit_01.png) no-repeat 0 0;}
.p_txt_01{font-weight: 600; font-size: 18px;}
.p_tit_02{position: relative;color: #444;font-size: 17px;padding-left: 16px;}
.p_tit_02:after{content:'';position: absolute;left: 0px; top: 15px; width: 8px;height: 2px; background: #444;}
.p_txt_02{color: #777; margin-top: 15px; letter-spacing: 0.1px; font-size: 16px; line-height: 1.5;}

.p_txt_03{position: relative;color: #777; margin-top: 15px; letter-spacing: 0.1px; font-size: 16px; line-height: 1.5;padding-left: 15px;}
.p_txt_03:after{content: ''; position: absolute; left: 5px; top: 10px; width: 4px; height: 4px; background: #444; border-radius: 50%;}

/* 박스 이미지 스타일 */
.card_img_01{border: 1px solid #ddd; padding: 40px 0; text-align: center; margin:10px 0;}
/*.card_img_01 img{width: 100%;}*/
/*.card_img_01 a{display: block; color: red; font-size: 40px; font-weight: 600;}*/

/* 지도 박스 스타일 */
.map_area{border: 1px solid #ddd; padding: 35px 30px; text-align: center;}
.map_area a{display: block; color: red; font-size: 40px; font-weight: 600;}

/* 박스 스타일 */
.card_style_01{display: flex;justify-content: space-between;}
.card_style_01 .card_box_01{width: 30%; border: 1px solid #ddd;}
.card_style_01 .card_box_01 .tit_box{background: #188c7a;text-align: center; color: #fff; padding: 20px;}
.card_style_01 .card_box_01 .tit_box p{font-size: 20px; font-weight: 600;}
.card_style_01 .card_box_01 .img_box{padding: 20px;text-align: center;}
.card_style_01 .card_box_01 .img_box img{}
.card_style_01 .card_box_01 .txt_box{background: #f8f8f8;padding: 20px;}
.card_style_01 .card_box_01 .txt_box li{position: relative;word-break: keep-all; padding-left: 20px; margin-bottom: 10px; line-height: 1.5;font-size: 18px;}
.card_style_01 .card_box_01 .txt_box li:after{content: ''; position: absolute; left: 8px; top: 12px; width: 4px; height: 4px; background: #444; border-radius: 50%;}

.card_style_01 .card_box_02{width: 48%; border: 1px solid #ddd;}
.card_style_01 .card_box_02 .tit_box{background: #188c7a;text-align: center; color: #fff; padding: 20px;}
.card_style_01 .card_box_02 .tit_box p{font-size: 20px; font-weight: 600;}
.card_style_01 .card_box_02 .img_box{padding: 20px;text-align: center;}
.card_style_01 .card_box_02 .img_box img{}
.card_style_01 .card_box_02 .txt_box{background: #f8f8f8;padding: 20px;}
.card_style_01 .card_box_02 .txt_box li{position: relative;word-break: keep-all; padding-left: 20px; margin-bottom: 10px; line-height: 1.5;font-size: 18px;}
.card_style_01 .card_box_02 .txt_box li:after{content: ''; position: absolute; left: 8px; top: 12px; width: 4px; height: 4px; background: #444; border-radius: 50%;}



/* 박스 스타일_02 / 두개일때 */
.card_style_02{display: flex;justify-content: space-between;}
.card_style_02 .card_box_01{width: 48%; border: 1px solid #ddd;}
.card_style_02 .card_box_01 .img_box{padding: 20px;text-align: center;}
.card_style_02 .card_box_01 .img_box img{}
.card_style_02 .card_box_01 .txt_box_02{background: #f8f8f8;padding: 20px;text-align: center;}
.card_style_02 .card_box_01 .txt_box_02 p{}

/* 박스 스타일_02 / 3개일때 */
.card_style_02{display: flex;justify-content: space-between;}
.card_style_02 .card_box_02{width: 30%; border: 1px solid #ddd; background: #f8f8f8;}
.card_style_02 .card_box_02 .img_box{padding: 20px;text-align: center; background: #fff;}
.card_style_02 .card_box_02 .img_box img{}
.card_style_02 .card_box_02 .txt_box_02{background: #f8f8f8;padding: 20px;text-align: center; /*height: 55px;*/}
.card_style_02 .card_box_02 .txt_box_02 p{}

/* 컨텐츠 박스 */
.content_box{position: relative; display: flex; background: url(/images/new/web/sub/content_box_01.png) no-repeat 0 0; min-height: 213px; width: 100%; margin-top:40px; border-bottom: 1px solid #e6e6e6;}
.content_box .img_box{position: absolute;left: 48px; top: 118px; margin-top: -65px;width: 110px;}
.content_box .img_box:before{content:'';position: absolute;right: -62px; top: -23px; width: 86px;height: 87px; background: url(/images/new/web/sub/content_box_02.png) no-repeat 0 0;z-index: -1;}
.content_box .img_box:after{content:'';position: absolute;left: 0px;bottom: -10px; width: 32px;height: 31px; background: url(/images/new/web/sub/content_box_03.png) no-repeat 0 0;}
.content_box .img_box a{}
.content_box .img_box img{}
.content_box .tit_box{padding: 70px 56px 50px 277px;}
.content_box .tit_box .tit{color: #111;font-weight: 600;font-size: 20px; margin-bottom: 20px;line-height: 1.5;}
.content_box .tit_box .txt{color: #525252;font-size: 17px;/* font-weight: 600; */line-height: 1.5;word-break: keep-all;}
.content_box .tit_box .txt span{color: #e6451f;}

/* 컨텐츠 리스트 박스 */
.box{margin: 20px 0;}
.con_list_box{background: #f7f9fe; border: 1px solid #e8e8e8; padding: 25px 20px;}
.con_list_box_02{background: #f7f9fe; border: 1px solid #e8e8e8; padding: 20px; margin-top: 35px;}

/* 테이블 타입 */

.tbl_type01{width: 100%; table-layout: fixed; border-top: 3px solid #757983; border-bottom: 1px solid #757983;/* margin-bottom: 28px; */}
.tbl_type01 th{padding: 18px 10px; background-color: #f5f7fd;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6;font-size: 16px;text-align: center;vertical-align: middle; color: #444444;/* font-weight: 600 */;line-height: 1.5;}
.tbl_type01 .gray{background-color: #f6f6f6;}
.tbl_type01 td{padding: 15px 10px; border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6;font-size: 16px;text-align: center;vertical-align: middle;}
.tbl_type01 .left{padding: 10px 15px; border-right: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6; text-align: left;vertical-align: middle;line-height: 1.5;}
.tbl_type01 .left ul > li{position: relative;padding-left: 20px;line-height: 1.5;}
.tbl_type01 .left ul > li:after{content:'';position: absolute;left: 10px; top: 7px; width: 4px;height: 4px; background: #444;border-radius: 50%;}
.tbl_type01 .left ul .btn_li{position: relative;padding-left: 20px;line-height: 1.5; margin: 10px 0;}
.tbl_type01 .left ul .btn_li:after{content:'';position: absolute;left: 10px; top: 10px; width: 4px;height: 4px; background: #444;border-radius: 50%;}
.tbl_type01 .backslash{text-align: left;padding-left: 20px;}
.backslash{background: url(/images/new/web/sub/backslash.svg) no-repeat 0 0;}
.backslash div{text-align: end; padding-right: 20px;}
.tbl_type01 td .left{text-align: left;}

.tbl_type02{width: 50%; table-layout: fixed; border-top: 3px solid #757983; border-bottom: 1px solid #757983;margin-bottom: 28px;}
.tbl_type02 th{padding: 18px 10px; background-color: #f5f7fd;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6;font-size: 16px;text-align: center;vertical-align: middle; color: #444444;font-weight: 600;line-height: 1.5;}
.tbl_type02 .gray{background-color: #f6f6f6;}
.tbl_type02 td{padding: 15px 10px; border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6;font-size: 16px;text-align: center;vertical-align: middle;}
.tbl_type02 .left{padding: 10px 15px; border-right: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6;font-size: 16px;text-align: left;vertical-align: middle;line-height: 1.5;}
.tbl_type02 .left ul > li{position: relative;padding-left: 20px;line-height: 1.5;}
.tbl_type02 .left ul > li:after{content:'';position: absolute;left: 10px; top: 7px; width: 4px;height: 4px; background: #444;border-radius: 50%;}
.tbl_type02 .left ul .btn_li{position: relative;padding-left: 20px;line-height: 1.5; margin: 10px 0;}
.tbl_type02 .left ul .btn_li:after{content:'';position: absolute;left: 10px; top: 10px; width: 4px;height: 4px; background: #444;border-radius: 50%;}
.tbl_type02 .backslash{text-align: left;padding-left: 20px;}
.backslash{background: url(/images/new/web/sub/backslash.svg) no-repeat 0 0;}
.backslash div{text-align: end; padding-right: 20px;}

/* 링크 */
.link_blue{color: #0e53e8 !important;}

/* 버튼 타입 */
.btn{position: relative;background: #5c6582; color: #fff!important; padding: 4px 37px 4px 14px; border-radius: 3px; font-size: 13px; display: inline-block; box-sizing: border-box;}
.btn_02{background: #345aa0;color: #fff;padding: 13px 92px 16px 49px; border-radius: 30px; font-size: 17px; display: inline-block; box-sizing: border-box;}
.btn:link {color: #fff;}
.btn:focus{outline: 2px dashed #ff8383;}
.btn_02:link {color: #fff;}
.btn_02:visited {color: #fff;}
.down{background: #5c6582 url(/images/new/web/sub/btn_ico_02.png) no-repeat 83% 50%; margin-left: 15px;}
.down_02{background: #345aa0 url(/images/new/web/sub/btn_ico_01.png) no-repeat 92% 50%;}

.btn_box_01{display: flex;justify-content: center; border: 1px solid #ddd; padding: 30px 20px; margin-top: 20px;}
.btn_03{background: #345aa0; color: #fff;padding: 20px 70px 20px 30px;line-height: 1.5;font-size: 16px;text-align: center; margin: 0 10px;}
.btn_03:link {color: #fff;}
.btn_03:focus{outline: 2px dashed #ff8383;}
.down_03{background: #345aa0 url(/images/new/web/sub/btn_ico_03.png) no-repeat 92% 50%;}

.btn_04{background: #5a637f; padding: 18px 40px 14px 83px; border-radius: 5px;color: #fff; font-size: 22px;}
.btn_04:link {color: #fff;}
.btn_04:visited {color: #fff;}
.down_04{background: #5a637f url(/images/new/web/sub/pdf_btn_ico.png) no-repeat 20% 50%;}

.btn_05{border: 2px solid #b0b0b0; padding: 8px 36px 6px 15px;color: #777;font-size: 15px;}
.btn_05:link {color: #777;}
.down_05{background: #fff url(/images/new/web/sub/symbol_btn_ico.png) no-repeat 90% 50%;}

.big_view{padding: 2px 8px; margin-left: 6px; display: inline-block;}

/* 탭버튼 타입 */
.guide_step{display: flex;}
.guide_step li{position: relative;width: 33%;background: #999;text-align: center; padding: 16px;min-height: 50px;}
.guide_step li:after{position: absolute; z-index: 10; right: -23px; top: 12px; display: block; border: 1px solid #fff; width: 57px; height: 57px; transform: rotate(45deg); content: ''; border-bottom: none; border-left: none; background-color: #999;}
.guide_step li.st3:after{display: none;}
.guide_step li a{color: #fff;line-height: 1.5;}
.guide_step li a strong{font-size: 18px;}

/* 탭버튼 타입_02 */
.content_tab {background:#f8f8f8;padding:13px 15px;margin-bottom:30px;}
.content_tab > ul {overflow: hidden;}
.content_tab > ul > li {float:left;padding:5px}
.content_tab > ul > li > a {color:#188c7a; line-height:35px; height:35px; display:block; padding:0px 15px;border:#188c7a solid 1px;text-align:center;background:#fff}
.content_tab > ul > li > a.active {background:#188c7a;color:#fff}
.content_tab:after{content:'';display:block;clear:both}


/* 버튼박스 */
.box_left{text-align: left;}
.box_center{text-align: center;}
.box_right{text-align: right;}

/* color */
.red{color: #e80e0e;}

/*콘텐츠박스 아래첨자*/
.under_num{position: relative; top:2px; color: #525252 !important; font-size: 12px;}

/* 생태독성 도형 */
.ecotoxicity_forum{display: flex;flex-wrap: wrap;}
.ecotoxicity_forum .box_01{flex: 1 1 40%; display: flex; margin-bottom: 30px; position: relative;}
.ecotoxicity_forum .box_01 .tit{background: #0097e0;border-radius: 50%;width: 187px;height: 187px;color: #fff;box-sizing: border-box;z-index: 2; position: absolute; left: 0;display: flex;justify-content: center;align-items: center;text-align: center;}
.ecotoxicity_forum .box_01 .tit p{display: flex;justify-content: center;align-items: center;}
.ecotoxicity_forum .box_01 .txt{border: 1px solid #ddd;border-radius: 20px; padding: 30px 30px 30px 170px; width: 100%;background: #fff; z-index: 1; height: 156px; box-sizing: border-box; margin: 18px 20px 0 40px; display: flex; flex-direction: column; justify-content: center;}
.ecotoxicity_forum .box_01 .txt p{position: relative;line-height: 1.5; color: #444; font-size: 16px;}
.ecotoxicity_forum .box_01 .txt p:after{ content: ''; position: absolute; left: -8px; top: 11px; width: 4px; height: 4px; background: #444; border-radius: 50%;}

/* 오시는길 */
#map,#map2,#map3,#map4{width:100%;height:400px;margin-bottom:60px;background:rgb(221, 221, 221);z-index:1}
.map_wrap{position:absolute;left:2px;bottom:40px;width:288px;height:112px;margin-left:-144px;text-align:left;overflow:hidden;font-size:12px;font-weight: 600;line-height:1.5}
.map_wrap *{padding:0;margin:0}
.map_wrap .map_info{width:286px;height:100px;border-radius:5px;border-bottom:2px solid #ccc;border-right:1px solid #ccc;overflow:hidden;background:#fff}
.map_wrap .map_info .body{position:relative;overflow:hidden}
.map_wrap .map_info .desc{position:relative;margin:13px 0 0 90px;height:75px}
.map_wrap .map_info .link{color:#5085BB}
.map_wrap .map_info::after{content:'';position:absolute;margin-left:-12px;left:50%;bottom:0;width:22px;height:12px;background:url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.map_wrap .map_info:nth-child(1){border:0;box-shadow:0px 1px 2px #888}
.map_wrap .map_info .map_title{padding:5px 0 0 10px;height:30px;background:#eee;border-bottom:1px solid #ddd;font-size:18px}
.map_desc .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:14px 0 0 10px;line-height:20px}
.map_desc .jibun{font-size:11px;color:#888;margin-top:-2px}

/* 설립근거 목적 */
.mission_box{ border: 1px solid #e0e0e0; background: #fcfcfc url(/images/new/web/sub/establishment_bg.png) no-repeat 50% 50%; text-align: center; padding: 88px 50px;height: 879px;margin-top: 43px;}
.mission_box .tit{color: #00945E; font-size: 25px; font-weight: 600; margin-top: 108px;}
.mission_box .txt{font-size: 30px;margin-top: 23px;}
.mission_box .txt_02{font-size: 18px;margin-top: 105px;color: #fff;}
.mission_box .txt_box{display: flex;gap: 425px;justify-content:center;margin-top: 170px;}
.mission_box .txt_box .circle_01{font-size: 17px;color: #fff; position: relative; left: 29px;}
.mission_box .txt_box .circle_02{font-size: 17px;color: #fff; position: relative; top: -12px;}

/* 인사말 */
/* .greeting{display: flex; margin-top: 80px;}
.greeting .img_box{position: relative;width: 428px; margin-right: 72px;}
.greeting .img_box .name{background: url(/images/new/web/sub/greeting_03.png) no-repeat 0 0;width: 197px;height: 181px;position: absolute;bottom: 133px;right: 0; text-align: center;}
.greeting .img_box .name .y_tit{font-family: 'GM'; font-size: 15px; color: #ffff00; margin-top: 60px; text-align: left; margin-left: 38px; margin-bottom: 10px;}
.greeting .img_box .name .position{font-family: 'GB'; font-size: 22px; color: #fff;}
.greeting .txt_box{position: relative; width: 593px; margin-top: 94px;}
.greeting .txt_box:after{content: ''; position: absolute; left: 0px; top: -96px; width: 58px; height: 51px; background: url(/images/new/web/sub/greeting_02.png) no-repeat 0 0;}
.greeting .txt_box:before{content: ''; position: absolute; right: 0px; top: -47px; width: 506px; height: 1px; background: #ddd;}
.greeting .txt_box .tit{font-size: 30px; color: #111; font-family: 'GM';line-height: 1.3;}
.greeting .txt_box .txt{margin-top: 50px; color: #555; font-family: 'GL'; letter-spacing: -0.1px; font-size: 16px; line-height: 1.6;} */

/* 인사말 1400 */
.greeting_02{padding-top: 30px;}
.greeting_02 .greeting_box_01{background: url(/images/new/web/sub/greeting_bg.png) no-repeat 0 0;width: 1400px;height: 369px;padding-left: 90px;box-sizing: border-box;}
.greeting_02 .greeting_box_01 .tit_01{padding-top: 120px; font-size: 18px;color: #555;}
.greeting_02 .greeting_box_01 .tit_02{color: #11499b;font-size: 30px;font-weight: 600; margin-top: 25px;}
.greeting_02 .greeting_box_01 .tit_03{color: #222;font-size: 22px; margin-top: 22px;line-height: 1.5;}
.greeting_02 .greeting_box_02{margin-top: 68px;}
.greeting_02 .greeting_box_02 div{margin-bottom: 60px;}
.greeting_02 .greeting_box_02 div p{color: #444; font-size: 16px;line-height: 1.5;}
.greeting_02 .greeting_box_03{position: relative;text-align: right;color: #000; font-weight: 600; padding-right: 150px;margin-bottom: 120px;}
.greeting_02 .greeting_box_03:after{content:'';position:absolute; width: 129px; height: 100px; top: -33px; right: 0;background: url(/images/new/web/sub/greeting_name_01.png) no-repeat 0 0;}
.greeting_02 .greeting_box_03 p{}

/* 프로필 */
.profile .img_box{margin-bottom: 52px;}
.profile .weak_force_wrap{display: flex;margin-bottom: 50px;}
.profile .weak_force_wrap .tit{width: 280px;}
.profile .weak_force_wrap .tit p{color: #111; font-weight: 600; font-size: 26px;}
.profile .weak_force_wrap .year{width: 100%;}
.profile .weak_force_wrap .year li{position: relative; color: #111; margin-bottom: 32px;letter-spacing: -0.2px; padding-left: 11px;font-size: 18px;}
.profile .weak_force_wrap .year li:after{content: ''; position: absolute; left: 0px; top: 50%; width: 4px; height:4px; background: #444;border-radius: 50%;transform: translateY(-50%);}
.profile .weak_force_wrap .weak_force{}
.profile .weak_force_wrap .weak_force li{ color: #666; margin-bottom: 30px; font-size: 20px;}
.year span{margin-left: 70px;}

/* 생태독성 및 TOC관리 기술지원 */
.tab-nav {width: 100%;overflow: hidden;text-align: center;}
.tab-nav .tn-depth1 {float: left;width: 25%;}
.tab-nav a{font-weight: 600;color: #444;}
.tab-nav .tn-btn1 {display: block;line-height: 50px;letter-spacing: -1px;background-color: #f4f4f4;border: 1px solid #e0e0e0;border-bottom: 1px solid #7c87a3;border-left: none}
.tn-depth1:hover>.tn-btn1{background: #fff;border: 1px solid #7c87a3;border-left: 1px solid #7c87a3 !important;border-bottom: 1px solid #e0e0e0;}
.tab-nav ul {display: none;height: 200px;border: 1px solid #e0e0e0;border-top: none;border-left: none}
.tab-nav:hover>.tn-depth1 ul {display: block !important;}
.tab-nav ul a {text-align: left;display: block;padding: 5px 5px 5px 25px;}
.tn-depth2:hover{background-color: #f4f4f4;}
.tn-depth1 .con_list_02_3{padding-left: 10px;margin-bottom: 0px;}
.tn-depth1 .con_list_02_3::after{left: 20px;top: 15px;}
.left_b{border-left: 1px solid #e0e0e0 !important;}
/* 2 */
.tab-nav2{display: none;}
.tab-nav2 > .tn-depth3:focus{outline:none;}
.tab-nav2 > .tn-depth3{width: 25%;box-sizing: border-box;background: #f4f4f4;line-height: 50px;border: 1px solid #e0e0e0;border-bottom: 1px solid #7c87a3;}
.tab-nav2 > .tn-depth3:not(:first-child){border-left: none;}
.tab-nav2 > .tn-depth3 > option:first-child{text-align: center;}

.bx-step1 {position: absolute;top:-500px;display: block; height: 325px; background-repeat: no-repeat; background-position: center; overflow: hidden; text-indent: -99999px;}
.bx-step2 {position: absolute;top:-500px;display: block; height: 180px; background-repeat: no-repeat; background-position: center;  overflow: hidden;text-indent: -99999px;}
.p_tit_01{ position: relative; color: #444; font-size: 17px; line-height: 1.5; padding-left: 22px;}

/* 이사장과의 대화 */
.talk_chairman{margin-top: 30px;}
.talk_chairman .con_box_01{background: url(/images/new/web/sub/talk_chairman_01.png) no-repeat 0 0;height: 370px;}
.talk_chairman .con_box_01 .tit{ color: #111; font-size: 30px;line-height: 1.5;}
.talk_chairman .con_box_01 .tit span{color: #00ac6c;}
.talk_chairman .con_box_01 .txt{color: #fff; font-size: 22px; margin-top: 100px; margin-left: 50px; line-height: 1.8;}
.talk_chairman .guide{margin-top: 46px;}
.talk_chairman .guide p{letter-spacing: 1.1px; color: #666; margin-bottom: 50px; line-height: 1.8;font-size: 18px;}
.talk_chairman .guide p a{ color: #345aa0;}
.talk_chairman .consent_box{border: 1px solid #ddd; padding: 32px 42px;}
.talk_chairman .consent_box .consent_box_tit{border-bottom: 1px solid #ddd; padding-bottom: 28px;text-align: center;}
.talk_chairman .consent_box .consent_box_tit p{color: #345aa0; font-size: 23px; font-weight: 600; letter-spacing: 0.1px;}
.talk_chairman .con_box_02{margin-top: 50px;}
.talk_chairman .con_box_02 .consent_box_txt{color: #444; font-size: 17px; line-height: 1.5; letter-spacing: 0.1px;}
.talk_chairman .con_box_02 .sub_title_03{margin-top: 50px;}
.talk_chairman .con_box_02 .con_01 .con_list_01 {line-height: 1.5;}
.talk_chairman .con_box_03{border-top: 1px solid #ddd; padding-top: 43px; text-align: center;margin-top: 65px;}
.talk_chairman .con_box_03 .tit{color: #444;  margin-bottom: 20px;letter-spacing: -0.1px;}
.talk_chairman .con_box_03 .check_box{display: flex;justify-content: center;align-items: center;}
.talk_chairman .con_box_03 .check_box .txt{margin-right: 10px; color: #888;}
.talk_chairman .con_box_03 .check_box label {padding: 0 6px;line-height: 25px;}
.talk_chairman .con_box_03 .check_box [type="radio"] {vertical-align: middle;}
.talk_chairman .con_box_03 .check_box [type="radio"]:focus{outline: 2px dashed #ff8383;}
.talk_chairman .exclamation_mark{position: relative;margin-top: 30px; color: #ff5216; letter-spacing: -0.1px; padding-left: 24px;padding-bottom: 30px;}
.talk_chairman .exclamation_mark:before{content: ''; position: absolute; left: 0px; top: 3px; width: 20px; height: 20px; background: #ff5216; border-radius: 50%;}
.talk_chairman .exclamation_mark:after{content: '!'; position: absolute; left: 7px; top: 0; color: #fff;}

/* 본인인증1 */
.identity_verification{margin-top: 50px;}
.identity_verification .title_box{background: url(/images/new/web/sub/identity_verification_bg.png) no-repeat 0 0;height: 195px;padding-left: 224px;}
.identity_verification .title_box .tit{position: relative;color: #333; font-size: 21px; padding-top: 50px;padding-bottom: 18px}
.identity_verification .title_box .tit:before{content: ''; position: absolute; left: 2px; bottom: 9px; width: 35px; height: 1px; background: #444;}
.identity_verification .title_box .txt{color: #333; font-size: 17px;line-height: 1.5;font-weight: 600;}
.identity_verification .registration_box{margin-top: 80px; display: flex; background: #f6f6f6; padding: 54px 50px; border-radius: 10px;justify-content: center;}
.identity_verification .registration_box .more_than{background: #fff; padding: 40px; border-radius: 10px;width: 435px;margin-right: 50px;text-align: center;}
.identity_verification .registration_box .more_than .tit{font-weight: 600;color: #2b3c5b; font-size: 24px;margin-bottom: 22px;}
.identity_verification .registration_box .more_than .txt{position: relative;font-size: 17px;color: #6f748b;padding-bottom: 200px;}
.identity_verification .registration_box .more_than .txt:before{content: ''; position: absolute; left: 96px; top: 38px; width: 255px; height: 142px; background: url(/images/new/web/sub/identity_verification_01.png) no-repeat 0 0;}
.identity_verification .registration_box .more_than a{background: #00a3a0 url(/images/new/web/sub/identity_verification_btn.png) no-repeat 72% 50%;color: #fff;padding: 15px 165px; border-radius: 10px;display: block;margin-bottom: 10px;}

.identity_verification .registration_box .less_than{background: #fff; padding: 40px; border-radius: 10px;width: 435px;text-align: center;}
.identity_verification .registration_box .less_than .tit{font-weight: 600;color: #2b3c5b; font-size: 24px;margin-bottom: 22px;}
.identity_verification .registration_box .less_than .txt{position: relative;font-size: 17px;color: #6f748b;padding-bottom: 200px;}
.identity_verification .registration_box .less_than .txt:before{content: ''; position: absolute; left: 90px; top: 38px; width: 255px; height: 142px; background: url(/images/new/web/sub/identity_verification_02.png) no-repeat 0 0;}
.identity_verification .registration_box .less_than a{background: #437dea url(/images/new/web/sub/identity_verification_btn.png) no-repeat 72% 50%;color: #fff;padding: 15px 165px; border-radius: 10px;display: block;margin-bottom: 10px;}

/* 본인인증2 */
.identity_verification_02{margin-top: 20px}
.identity_verification_02 .title_box{background: url(/images/new/web/sub/identity_verification_bg.png) no-repeat 0 0;height: 195px;padding-left: 224px;}
.identity_verification_02 .title_box .tit{position: relative;color: #333; font-size: 21px; padding-top: 50px;padding-bottom: 18px}
.identity_verification_02 .title_box .tit:before{content: ''; position: absolute; left: 2px; bottom: 9px; width: 35px; height: 1px; background: #444;}
.identity_verification_02 .title_box .txt{color: #333; font-size: 17px;line-height: 1.5;padding-right: 30px;font-weight: 600;}
.identity_verification_02 .certified_box{margin-top: 80px; display: flex; background: #f6f6f6; padding: 54px 50px; border-radius: 10px;}
.identity_verification_02 .certified_box .i_pin{background: #fff; padding: 40px; border-radius: 10px;width: 435px;margin-right: 50px;text-align: center;}
.identity_verification_02 .certified_box .i_pin .tit{font-weight: 600;color: #2b3c5b; font-size: 24px;margin-bottom: 22px;}
.identity_verification_02 .certified_box .i_pin .txt{position: relative;font-size: 15px;color: #6f748b;margin-bottom: 48px;}
.identity_verification_02 .certified_box .i_pin .txt_02{position: relative;font-size: 15px; color: #353f90; font-weight: 600; margin-top: 50px; line-height: 1.5;}
.identity_verification_02 .certified_box .i_pin .txt_02:after{content: ''; position: absolute; left: 73px; top: 1px; width: 16px; height: 16px; background: url(/images/new/web/sub/identity_verification_05.png) no-repeat 0 0;}

.identity_verification_02 .certified_box .i_pin a{position: relative;background: #00a3a0 url(/images/new/web/sub/identity_verification_btn.png) no-repeat 72% 50%;color: #fff;padding: 15px 140px; border-radius: 10px;}
.identity_verification_02 .certified_box .i_pin a:after{content: ''; position: absolute; left: 100px; top: 15px; width: 26px; height: 26px; background: url(/images/new/web/sub/identity_verification_03.png) no-repeat 0 0;}

.identity_verification_02 .certified_box .cell_phone{background: #fff; padding: 40px; border-radius: 10px;width: 435px;text-align: center;}
.identity_verification_02 .certified_box .cell_phone .tit{font-weight: 600;color: #2b3c5b; font-size: 24px;margin-bottom: 22px;}
.identity_verification_02 .certified_box .cell_phone .txt{position: relative;font-size: 15px;color: #6f748b;margin-bottom: 48px;}
.identity_verification_02 .certified_box .cell_phone .txt_02{position: relative;font-size: 15px; color: #353f90; font-weight: 600; margin-top: 50px; line-height: 1.5;}
.identity_verification_02 .certified_box .cell_phone .txt_02:after{content: ''; position: absolute; left: 73px; top: 1px; width: 16px; height: 16px; background: url(/images/new/web/sub/identity_verification_05.png) no-repeat 0 0;}

.identity_verification_02 .certified_box .cell_phone a{position: relative;background: #437dea url(/images/new/web/sub/identity_verification_btn.png) no-repeat 72% 50%;color: #fff;padding: 15px 140px; border-radius: 10px;}
.identity_verification_02 .certified_box .cell_phone a:after{content: ''; position: absolute; left: 100px; top: 12px; width: 24px; height: 29px; background: url(/images/new/web/sub/identity_verification_04.png) no-repeat 0 0;}

/* 경영전략체계 */
.management_strategy_system{text-align: center;margin-top: 40px;}
.management_strategy_system .tit{color: #345aa0;font-size: 28px;margin-bottom: 14px;}
/*.management_strategy_system .box_01{background: url(/images/new/web/sub/management_strategy_system_bg.png) no-repeat 0 0; height: 299px;}
.management_strategy_system .box_01 .tit_01{padding-top: 116px;color: #fff;font-weight: 600;font-size: 22px;}
.management_strategy_system .box_01 .tit_02{margin-top: 10px; font-size: 22px; color: #f9ff4e; }
.management_strategy_system .box_01 .tit_03{margin-top: 85px; font-size: 22px; color: #111; font-weight: 600;}*/
.management_strategy_system .box_01{background: url(/images/new/web/sub/management_strategy_system_bg_01.png) no-repeat 0 0; height: 273px;}
.management_strategy_system .box_01 .tit_box {background: #019687;padding: 15px;border-radius: 80px;position: relative;top: 55px;  background: linear-gradient( to right, #01938a,#096eac);}
.management_strategy_system .box_01 .tit_box .border_box{border: 1px solid #51a4bc;padding: 24px;border-radius: 60px;}
.management_strategy_system .box_01 .tit_box .tit_01{color: #fff;font-weight: 600;font-size: 22px;}
.management_strategy_system .box_01 .tit_box .tit_02{margin-top: 10px; font-size: 22px; color: #f9ff4e; }
.management_strategy_system .box_01 .tit_box_02 .tit_01{ position: relative;margin-top: 85px; font-size: 22px; color: #111; font-weight: 600;}
.management_strategy_system .box_01 .tit_box_02 .tit_01 span{display: inline-block;background: #f6f8fb;padding: 0 15px;}
.management_strategy_system .box_01 .tit_box_02 .tit_01:after{ content: ''; position: absolute; left: 0; top: 12px; width: 100%; height: 1px; background:#a8d3ef; z-index: -1;}

.management_strategy_system .box_02{background: #708698;padding: 25px;}
.management_strategy_system .box_02 p{color: #fff;font-size: 22px;}
.management_strategy_system .box_03{background: #7c88a3;padding: 10px;margin-top: 30px;}
.management_strategy_system .box_03 p{border: 1px solid #ddd; padding: 20px;;color: #fff;font-size: 22px;}
.management_strategy_system .box_04{display: flex; justify-content: space-between; margin-top: 10px;}
.management_strategy_system .box_04 div{margin-top: 10px; background: #f5f6f8; padding: 30px; width: 45%;}
.management_strategy_system .box_04 div p{color: #444; font-size: 17px;}
.management_strategy_system .box_04 div p strong{color: #2aa29e; font-weight: 600; font-size: 20px; margin-right: 15px;}
.management_strategy_system .box_05{background: #7c88a3;padding: 10px;margin-top: 30px;}
.management_strategy_system .box_05 p{border: 1px solid #ddd; padding: 20px;;color: #fff;font-size: 22px;}
.management_strategy_system .box_06{display: flex; justify-content: space-between; margin-top: 20px;}
.management_strategy_system .box_06 div{background: #f5f6f8; padding: 42px; width: 13%;}
.management_strategy_system .box_06 div .tit{color: #2aa29e; font-size: 19px; font-weight: 600; word-break: keep-all; line-height: 1.3;}
.management_strategy_system .box_06 div .txt{margin-top: 40px; font-size: 18px; color: #444;  line-height: 1.5; word-break: keep-all;}

/* 비전 */
.vision{text-align: center; margin-top: 40px; padding-bottom: 120px;}
.vision .box_01{}
.vision .box_01 .tit_01{ color: #2aa29e; font-weight: 600;font-size: 22px;margin-bottom: 22px;}
.vision .box_01 .tit_02{color: #111; font-size: 24px;margin-bottom: 36px;}
.vision .box_01 .tit_03{position: relative;color: #111; font-weight: 600;font-size: 45px;margin-bottom: 30px; display: inline-block;}
.vision .box_01 .tit_03:after{content: ''; position: absolute; left: -60px; top: -28px; width: 46px; height: 36px; background: url(/images/new/web/sub/vision_01.png) no-repeat 0 0;}
.vision .box_01 .tit_03:before{content: ''; position: absolute; right: -64px; top: 28px; width: 46px; height: 36px; background: url(/images/new/web/sub/vision_02.png) no-repeat 0 0;}
.vision .box_01 .tit_03 .color_01{color: #2aa29e;}
.vision .box_01 .tit_03 .color_02{color: #00508f;}
.vision .box_01 .tit_03 .color_03{color: #0098d7;}
.vision .box_02{background: url(/images/new/web/sub/vision_bg.png) no-repeat 50% 50%; height: 640px;}
.vision .box_02 .txt_01{padding-top: 164px;color: #fff;font-weight: 600;font-size: 26px;}
.vision .box_02 .txt_02{padding-top: 20px;color: #fff;font-weight: 600;font-size: 22px; line-height: 1.5;}

/* 핵심가치 경영방침 */
.core_values .box_01{border: 1px solid #ddd;padding: 50px 100px;}
.core_values .box_01 > div{display: flex;position: relative;margin-bottom: 20px;}
.core_values .box_01 .tit_01{position: relative;padding: 57px 50px;border-radius: 50%; font-size: 23px;box-sizing: border-box;}
.core_values .box_01 .tit_01 p{color: #fff;font-weight: 600;width: 42px;}
.core_values .box_01 .txt_01{position: absolute;background: #f5f5f5; width: 95%;height:140px;border-radius: 65px;padding-right: 50px;z-index: -1;}
.core_values .box_01 .txt_01 p{padding: 57px 0px 0px 200px;font-size: 18px; color: #111;}
.core_values .box_01 .trust .tit_01{background: #0096e0;}
.core_values .box_01 .practical .tit_01{background: #1e9ac0;}
.core_values .box_01 .safety .tit_01{background: #f06037;}
.core_values .box_01 .process .tit_01{background: #00ac6c;}

.core_values .box_02{position: relative;text-align: center; border: 1px solid #ddd; padding: 50px; height: 700px; background: url(/images/new/web/sub/core_values_bg.png) no-repeat 50% 50%;}
.core_values .box_02 .tit_01{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #111; font-weight: 600; font-size: 23px; line-height: 1.2;}
.core_values .box_02 .tit_01 span{color: #2aa29e;}
.core_values .box_02 .value{position: relative;top: 64px;}
.core_values .box_02 .value .tit{color: #d8dce8; font-weight: 600; font-size: 23px; text-decoration: underline;}
.core_values .box_02 .value .tit p{}
.core_values .box_02 .value .txt{margin-top: 23px;font-size: 18px;color: #fff; line-height: 1.4;}
.core_values .box_02 .value .txt p{}
.core_values .box_02 .people{position: relative;top: 165px; right: 235px;}
.core_values .box_02 .people .tit{color: #afbff9; font-weight: 600; font-size: 23px; text-decoration: underline;}
.core_values .box_02 .people .tit p{}
.core_values .box_02 .people .txt{margin-top: 23px;font-size: 18px;color: #fff; line-height: 1.4;}
.core_values .box_02 .people .txt p{}
.core_values .box_02 .innovation{position: relative; left: 0; top: 282px;}
.core_values .box_02 .innovation .tit{color: #b1d9f0; font-weight: 600; font-size: 23px; text-decoration: underline;}
.core_values .box_02 .innovation .tit p{}
.core_values .box_02 .innovation .txt{margin-top: 23px;font-size: 18px;color: #fff; line-height: 1.4;}
.core_values .box_02 .innovation .txt p{}
.core_values .box_02 .scene{position: relative;left: 233px; top: -86px;width: 180px;margin: 0 auto;}
.core_values .box_02 .scene .tit{color: #a3e0f3; font-weight: 600; font-size: 23px; text-decoration: underline;}
.core_values .box_02 .scene .tit p{}
.core_values .box_02 .scene .txt{margin-top: 23px;font-size: 18px;color: #fff;line-height: 1.4;}
.core_values .box_02 .scene .txt p{}

/* 전략목표 */
.strategic_objectives{}
.strategic_objectives .sub_title_03{margin-bottom: 70px;}
.strategic_objectives .bundle{display:-webkit-flex; margin-bottom: 30px;}
.strategic_objectives .bundle .box_wrap{position: relative;width: 970px;}
.strategic_objectives .bundle .box_wrap:after{content: ''; position: absolute; right: -97px; top: 30px; width: 54px; height: 161px; background: url(/images/new/web/sub/strategic_objectives_02.png) no-repeat 0 0;}
.strategic_objectives .bundle .box_wrap .box_01{border: 1px solid #ddd;padding: 30px;margin-bottom: 18px;}
.strategic_objectives .bundle .box_wrap .box_01 p{color: #00ac6c; text-align: center; font-size: 22px;}
.strategic_objectives .bundle .box_wrap .box_02{position: relative;display: -webkit-flex; justify-content: space-between;}
.strategic_objectives .bundle .box_wrap .box_02:after{content: ''; position: absolute; left: calc(50% - 45px); top: 9px; width: 94px; height: 91px; background: url(/images/new/web/sub/strategic_objectives_01.png) no-repeat 0 0;}
.strategic_objectives .bundle .box_wrap .box_02 p{width: 48%; background: #f5f5f5; padding: 30px 20px; box-sizing: border-box;text-align: center;color: #111;font-size: 18px;line-height: 1.4;}
.strategic_objectives .bundle .tit_box{ width: 292px; margin-left: 133px; background: #ddd;border-radius: 20px;}
.strategic_objectives .bundle:nth-of-type(1) .tit_box p, .strategic_objectives .bundle:nth-of-type(5) .tit_box p{padding-top: 77px;}
.strategic_objectives .bundle:nth-of-type(3) .tit_box p{padding-top: 58px;}
.strategic_objectives .bundle:nth-of-type(4) .tit_box p{padding-top: 58px;}
.strategic_objectives .bundle .tit_box p{text-align: center;padding-top: 70px; font-size: 26px; color: #fff; font-weight: 600;line-height: 1.4;}
.strategic_objectives .bundle .color_01{background: #061e2d;}
.strategic_objectives .bundle .color_02{background: #00397f;}
.strategic_objectives .bundle .color_03{background: #118ad9;}
/* 윤리경영  */
/* 윤리헌장 */
.code_ethics{padding: 0 63px; margin-top: 70px; height: 1450px; /*background: url(/images/new/web/sub/code_ethics_01.png) no-repeat 50% 50%;*/; border:8px solid #fff; height: auto; position: relative; box-shadow: 0 0 0 8px #e9e9e9 inset; height: auto; overflow: hidden;}
.code_ethics div{text-align: center;}
.code_ethics .tit, .code_ethics .tit_02, .code_ethics .tit_03, .code_ethics .corruption_tit{position: relative; font-size: 50px; color: #111; padding: 73px 0 50px; display: inline-block;}
.code_ethics .tit:after, .code_ethics .tit_02:after, .code_ethics .tit_03:after, .code_ethics .corruption_tit:after{content: ''; position: absolute; left: 300px; top: 41px; width: 32px; height: 70px; background: url(/images/new/web/sub/code_ethics_03.png) no-repeat 0 0;}
.code_ethics .tit:before, .code_ethics .tit_02:before, .code_ethics .tit_03:before, .code_ethics .corruption_tit:before{content: ''; position: absolute; right: 300px; top: 42px; width: 32px; height: 70px; background: url(/images/new/web/sub/code_ethics_02.png) no-repeat 0 0;}
.code_ethics .tit_02:after{left: 612px;}
.code_ethics .tit_02:before{right: 610px;}
.code_ethics .tit_03:after{left: 250px;}
.code_ethics .tit_03:before{right: 250px;}
.code_ethics .corruption_tit:after{left: 845px;}
.code_ethics .corruption_tit:before{right: 845px;}
.code_ethics .txt{padding: 0 260px; font-size: 19px; text-align: center; word-break: keep-all; color: #111; line-height: 1.5;}
.code_ethics div .tit_02, .code_ethics div .tit{position: relative; z-index: 1;}{position: relative; z-index: 1;}
.code_ethics .txt_02{background: #f7f7f7; padding: 60px 40px; border-radius: 10px; margin-top: 30px;}
.code_ethics .txt_02 .txt_list{display: -webkit-flex; align-items: center; border-bottom: 2px dashed #ddd;}
.code_ethics .txt_02 .txt_list:last-child{border-bottom: none;}
.code_ethics .txt_02 .txt_list .num{width: 70px;height: 70px; background: #345aa0; text-align: center; border-radius: 50%; color: #fff; line-height: 70px;font-size: 17px;}
.code_ethics .txt_02 .txt_list .txt{color: #111;line-height: 1.5;text-align: left; padding: 20px 30px; width: 930px; margin: 30px 0;}
.code_ethics .txt_02 li{ color: #111; font-size: 19px; line-height: 1.5;  margin: 25px 0;}
.code_ethics .txt_02 li span{position: relative; color: #fff; background: #345aa0; padding: 15px 11px; box-sizing: border-box; border-radius: 50%;}
.code_ethics .txt_03{text-align: center; margin-top: 40px;}
.code_ethics .txt_03 .policy{line-height: 1.5; color: #444; font-size: 17px; letter-spacing: 0.1px;}
.code_ethics .txt_03 .date{margin-top: 20px; font-size: 16px; letter-spacing: 0.1px;}
.under_logo img{margin: 40px;}
.code_ethics .cus_svc{padding:20px 40px;}
.circle_inner .circle{ position:absolute; border-radius: 0 0 98%; background:#fff; }
.circle_inner .circle:nth-of-type(2){position:absolute; border-radius: 0 0 0 98%; background:#fff; }
.circle_inner .circle:nth-of-type(3){position:absolute; border-radius: 0 98% 0 0%; background:#fff; }
.circle_inner .circle:nth-of-type(4){position:absolute; border-radius: 98% 0 0 0; background:#fff; }
.circle_inner .circle1{border-right: 8px solid #e9e9e9; border-bottom: 8px solid #e9e9e9; width: 128px; height: 124px; top: -8px; left: -24px; background:#fff;}
.circle_inner .circle2{border-left: 8px solid #e9e9e9; border-bottom: 8px solid #e9e9e9; width: 128px; height: 124px; top: -8px; right: -24px; background:#fff;}
.circle_inner .circle3{border-top: 8px solid #e9e9e9; border-right: 8px solid #e9e9e9; width: 128px; height: 124px; bottom: -8px; left: -24px; background:#fff;}
.circle_inner .circle4{border-top: 8px solid #e9e9e9; border-left: 8px solid #e9e9e9; width: 128px; height: 124px; bottom: -8px; right: -24px; background:#fff;}

/* 인권경영헌장 */
.code_ethics_01{padding: 0 63px; margin-top: 70px; height: 1450px; /*background: url(/images/new/web/sub/code_ethics_01.png) no-repeat 50% 50%;*/; border:8px solid #fff; height: auto; position: relative; box-shadow: 0 0 0 8px #e9e9e9 inset; height: auto; overflow: hidden;}
.code_ethics_01 div{text-align: center;}
.code_ethics_01 .tit {position: relative; font-size: 50px; color: #111; padding: 73px 0 50px; display: inline-block;}
.code_ethics_01 .tit:after{content: ''; position: absolute; left: 298px; top: 41px; width: 32px; height: 70px; background: url(/images/new/web/sub/code_ethics_03.png) no-repeat 0 0;}
.code_ethics_01 .tit:before{content: ''; position: absolute; right: 295px; top: 44px; width: 32px; height: 70px; background: url(/images/new/web/sub/code_ethics_02.png) no-repeat 0 0;}
.code_ethics_01 .txt{padding: 0 260px; font-size: 19px; text-align: center; word-break: keep-all; color: #111;  line-height: 1.5;}
.code_ethics_01 .txt p{}
.code_ethics_01 .txt_02{background: #f7f7f7; padding: 60px 40px; border-radius: 10px; margin-top: 40px;}
.code_ethics_01 .txt_02 .txt_list{display: -webkit-flex; align-items: center; border-bottom: 2px dashed #ddd;}
.code_ethics_01 .txt_02 .txt_list:last-child{border-bottom: none;}
.code_ethics_01 .txt_02 .txt_list .num{width: 70px;height: 70px; background: #345aa0; text-align: center; border-radius: 50%; color: #fff; line-height: 70px;font-size: 17px;}
.code_ethics_01 .txt_02 .txt_list .txt{color: #111;line-height: 1.5;text-align: left; padding: 20px 30px; width: 930px; margin: 30px 0;}
.code_ethics_01 .txt_02 li{ color: #111; font-size: 19px; line-height: 1.5;  margin: 25px 0;}
.code_ethics_01 .txt_02 li span{position: relative; color: #fff; background: #345aa0; padding: 15px 11px; box-sizing: border-box; border-radius: 50%;}
.code_ethics_01 .txt_03{text-align: center; margin-top: 40px;}
.code_ethics_01 .txt_03 p{margin : 50px; font-size: 18px; letter-spacing: 0.1px;}

/* 지속가능경영보고서 */
.sustainability_report{background: #f5f6f8; border: 1px solid #e9e9ea;text-align: center;padding: 60px;}
.sustainability_report div{ margin-bottom: 50px;}
/*.sustainability_report div .down_04{color: #fff;}
.sustainability_report div .down_04:visited{color: #fff;}*/
.sustainability_report div img{border: 1px solid #ddd; box-shadow: -3px -5px 41px 2px #ddd;}

/* 고객서비스 */
/* 핵심서비스 이행표준 */
.core_service{}
.core_service .core_service_implementation_standards{ padding: 50px; border: 1px solid #ddd;}
.core_service .core_service_implementation_standards:after{content:'';display:block;clear:both}
.core_service .core_service_implementation_standards dt{clear:both;float:left;width:162px;height: 162px;border-radius: 50%; background: #ef6036;margin:10px 85px 0 0;position:relative;}
.core_service .core_service_implementation_standards dt:nth-child(1){background: #ef6036;}
.core_service .core_service_implementation_standards dt:nth-child(3){background: #708598;}
.core_service .core_service_implementation_standards dt:nth-child(5){background: #7fb41e;}
.core_service .core_service_implementation_standards dt:nth-child(7){background: #00ac6c;}
.core_service .core_service_implementation_standards dt:nth-child(9){background: #1e9ac0;}
.core_service .core_service_implementation_standards dt:nth-child(11){background: #0097e0;}
.core_service .core_service_implementation_standards dt:nth-child(13){background: #1862b6;}
.core_service .core_service_implementation_standards dt:nth-child(15){background: #5464af;}
.core_service .core_service_implementation_standards dt:nth-child(17){background: #5c6582;}

.core_service .core_service_implementation_standards dt:before{content: ''; position: absolute; right: -92px; top: 83px; width: 92px; height: 2px; background: #ececec;}
.core_service .core_service_implementation_standards dt:after{content: ''; position: absolute; top: 80px; right: -91px; width: 6px; height: 6px; border: 1px solid #fff;outline: 5px solid #f0673f; border-radius: 50%;background: #fff;}
.core_service .core_service_implementation_standards dt:nth-child(1):after{outline: 5px solid #f0673f;}
.core_service .core_service_implementation_standards dt:nth-child(3):after{outline: 5px solid #708598;}
.core_service .core_service_implementation_standards dt:nth-child(5):after{outline: 5px solid #7fb41e;}
.core_service .core_service_implementation_standards dt:nth-child(7):after{outline: 5px solid #00ac6c;}
.core_service .core_service_implementation_standards dt:nth-child(9):after{outline: 5px solid #1e9ac0;}
.core_service .core_service_implementation_standards dt:nth-child(11):after{outline: 5px solid #0097e0;}
.core_service .core_service_implementation_standards dt:nth-child(13):after{outline: 5px solid #1862b6;}
.core_service .core_service_implementation_standards dt:nth-child(15):after{outline: 5px solid #5464af;}
.core_service .core_service_implementation_standards dt:nth-child(17):after{outline: 5px solid #5c6582;}

.core_service .core_service_implementation_standards dt p{font-size:18px;font-weight:bold;text-align:center;color:#fff;height:100%;padding-top: 56px;line-height:1.5;letter-spacing: 0.9px;}
.core_service .core_service_implementation_standards dt:nth-child(11) p{padding-top: 42px;}
.core_service .core_service_implementation_standards dt:nth-child(15) p{padding-top: 42px;}
.core_service .core_service_implementation_standards dd{float: left;width: calc(100% - 248px);background: #f5f5f5;border-radius:10px; padding: 32px 60px;margin: 20px 0; min-height: 148px; box-sizing: border-box;}
.core_service .core_service_implementation_standards dd ul{}
.core_service .core_service_implementation_standards dd ul li{padding:2px 0 2px 10px; text-align:left; line-height: 1.5;position: relative;}
.core_service .core_service_implementation_standards dd ul li:after{content: ''; position: absolute; left: 0px; top: 11px; width: 4px; height: 4px; background: #444; border-radius: 50%;}

/* 청구 및 공개절차 */
.openguide {border:1px solid #dedddd; padding:30px 43px; }
.openguide:after{content:'';display:block;clear:both}
.openguide dt {float:left;clear:both;background:#e36547;width:162px;height:162px;border-radius:50%;margin:20px 0;position:relative;}
.openguide dt:before{content: ''; position: absolute; right: -92px; top: 83px; width: 92px; height: 2px; background: #ececec;}
.openguide dt:after{content: ''; position: absolute; top: 80px; right: -91px; width: 6px; height: 6px; border: 1px solid #fff;outline: 5px solid #f0673f; border-radius: 50%;background: #fff;}
.openguide dt:nth-child(1):after{outline: 5px solid #ef6036;}
.openguide dt:nth-child(3):after{outline: 5px solid #00ac6c;}
.openguide dt:nth-child(5):after{outline: 5px solid #05acb4;}
.openguide dt:nth-child(7):after{outline: 5px solid #0396dc;}
.openguide dt:nth-child(9):after{outline: 5px solid #5464af;}
.openguide dt:nth-child(1){background: #ef6036;}
.openguide dt:nth-child(3){background: #00ac6c;}
.openguide dt:nth-child(5){background: #05acb4;}
.openguide dt:nth-child(7){background: #0396dc;}
.openguide dt:nth-child(9){background: #5464af;}

.openguide dt span {display:block; color:#fff;font-size:25px;font-weight:bold;text-align:center;line-height:32px;padding-top: 40px;}
.openguide dt:after{}
.openguide dt p {color:#fff;font-size:18px;font-weight:bold;text-align:center;line-height:36px;letter-spacing:-1px}
.openguide dd {float:right;width:993px;background:#f5f5f5;border-radius:10px;padding:30px 35px;margin:20px 0;min-height:100px}
.openguide dd p {text-align: left;color:#a65846;font-size:16px;}
.openguide dd:nth-child(2) p{color:#a65846;}
.openguide dd:nth-child(4) p{color:#00ac6c;}
.openguide dd:nth-child(6) p{color:#05acb4;}
.openguide dd:nth-child(8) p{color:#0396dc;}
.openguide dd:nth-child(10) p{color:#5464af;}
.openguide dd ul {margin-top:10px}
.openguide dd ul li {padding:2px 0 2px 10px; text-align:left;position: relative;}
.openguide dd ul li:after{content: ''; position: absolute; left: 0px; top: 11px; width: 4px; height: 4px; background: #444; border-radius: 50%;}
.openguide dd ul + p{margin-top:20px}

/* CEO 메시지 */
.ceo-msg-bx {position: relative;overflow: hidden;}
.ceo-msg-bx:after{content: ''; position: absolute; top: 43px; left: 158px; width: 1px; height: calc(100% - 100px); background: #345aa0;z-index: -1;}
.ceo-msg-bx > ul {overflow:hidden}
.ceo-msg-bx > ul > li {margin-top:20px;}
.ceo-msg-bx > ul > li:first-child {margin-top:0px;}
.ceo-msg-bx > ul > li > span {position: relative;padding:32px 0 0 24px;display: inline-block;color:#345aa0;font-size:21px;width:180px;letter-spacing:-1px;}
.ceo-msg-bx > ul > li > span:after{content: ''; position: absolute; top: 39px; right: 0px; width: 5px; height: 5px; border: 1px solid #fff;outline: 3px solid #345aa0; border-radius: 50%;background: #fff;}
.ceo-msg-bx > ul > li > span:before{content: ''; position: absolute; top: 42px; right: 6px; width: 40px; height: 1000%; border-top: 1px solid #345aa0;}
.ceo-msg-bx > ul > li:last-child > span:before{border-top: 1px solid #345aa0;background: #fff}
.ceo-msg-bx > ul > li > ul {width:100%;margin-top:-45px;padding-left: 200px;box-sizing: border-box;}
.ceo-msg-bx > ul > li > ul > li {font-size:12px; color:#666666; margin-top:20px; line-height:18px;}
.ceo-msg-bx > ul > li > ul > li:first-child {margin-top:0px; }
.ceo-msg-bx > ul > li > ul > li > dl {border-radius:10px;border:1px solid #ccc;padding:42px}
.ceo-msg-bx > ul > li > ul > li .subj {font-weight: bold; color:#222222; margin-bottom:5px;font-size: 18px;line-height: 1.5;}
.ceo-msg-bx > ul > li > ul > li .subj b {color:#528fc6;}
.ceo-msg-bx > ul > li > ul > li > dl dd {color: #444; font-size: 16px;line-height: 1.5; margin-top: 20px;}
.msg_sound_only, .sound_only { display: inline-block !important; position: absolute; top: 0; left: 0; margin: 0 !important; padding: 0 !important; font-size: 0 !important;line-height: 0 !important; border: 0 !important;overflow: hidden !important; height: 0 !important;}

/* 심볼마크 */
.symbol{margin-top: 46px; margin-bottom: 120px;}
.symbol .chk_box{padding: 60px 0; margin: 32px 0 30px 0; background: url(/images/new/web/sub/chk_pattern.gif) 0 0;border: 1px solid #ddd; text-align: center;}
.symbol .box_right{margin-top: 35px;}
.symbol .box_01{display: flex; flex-wrap: wrap;}
.symbol .box_01 .box_02{flex: 1 1 40%; text-align: center; padding: 20px;}
.symbol .box_01 .box_02 p{position: relative;text-align: left; color: #111; margin-bottom: 10px; padding-left: 10px;font-size: 17px;}
.symbol .box_01 .box_02 p:after{content: ''; position: absolute; left: 0px; top: 6px; width: 4px; height: 4px; background: #444; border-radius: 50%;}
.symbol .box_01 .box_02 div{border: 1px solid #ddd; padding: 30px;}
.symbol .box_01 .box_02 div img{}
.symbol .dedicated_color{display: flex; border: 1px solid #ddd; padding: 50px 20px; text-align: center;gap: 20px; margin-bottom: 40px;}
.symbol .dedicated_color .color_box{width: calc(100% / 6); border: 1px solid #bab8b8;}
.symbol .dedicated_color .color_box .c_tit{padding: 40px 10px;color: #fff;background: #055f9b;font-size: 16px;}
.symbol .dedicated_color .color_box .c_tit p{}
.symbol .dedicated_color .color_box .c_txt{padding: 20px 10px;}
.symbol .dedicated_color .color_box .c_txt p{color: #777777;font-size: 14px;line-height: 1.5;}
.symbol .dedicated_color .color_box:nth-child(1) .c_tit{background: #055f9b;}
.symbol .dedicated_color .color_box:nth-child(2) .c_tit{background: #73be1e;}
.symbol .dedicated_color .color_box:nth-child(3) .c_tit{background: #1ba1c8;}
.symbol .dedicated_color .color_box:nth-child(4) .c_tit{background: #666666;}
.symbol .dedicated_color .color_box:nth-child(5) .c_tit{background: #b1babf;}
.symbol .dedicated_color .color_box:nth-child(6) .c_tit{background: #be9c39;}
.symbol .mascot{text-align: center; border: 1px solid #ddd; padding: 60px;}
.symbol .environmental_font{text-align: center; border: 1px solid #ddd; padding: 60px;}
.symbol .sub_title_03{margin-top: 45px;}

/* K-eco 안전119 */
.safety_sticker{margin: 50px 0;}
.safety_sticker .box_01{width: 100%;}
.safety_sticker .box_01 .card_box_01{width: 96%;}

/* 자율공시 목록 */
.esg_link_box{display: flex;justify-content: space-between; margin-top: 45px;}
.esg_link_box .esg_link{width: 31%; border: 1px solid #ddd;}
.esg_link_box .esg_link .tit_box {padding: 20px; background: #598dcb; text-align: center; color: #fff; font-size: 18px;}
.esg_link_box .esg_link:nth-child(1) .tit_box {background: #397ed0;}
.esg_link_box .esg_link:nth-child(2) .tit_box {background: #0d7dce;}
.esg_link_box .esg_link:nth-child(3) .tit_box {background: #06658a;}
.esg_link_box .esg_link .tit_box p{}
.esg_link_box .esg_link .txt_box{padding: 20px;}
.esg_link_box .esg_link .txt_box li{padding-left: 16px;position: relative; line-height: 1.2; margin-bottom: 10px;}
.esg_link_box .esg_link .txt_box li:after{content: '';position: absolute;left: 0px;top: 9px;width: 8px;height: 2px;background: #555;}

/* 경영공시 목록 */
.esg_link_box_02{display: flex;justify-content: space-between; margin-top: 45px;}
.esg_link_box_02 .esg_link{width: 19%; border: 1px solid #ddd;}
.esg_link_box_02 .esg_link .tit_box {padding: 20px; background: #598dcb; text-align: center; color: #fff; font-size: 18px;font-weight: 600;}
.esg_link_box_02 .esg_link:nth-child(1) .tit_box {background: #397ed0;}
.esg_link_box_02 .esg_link:nth-child(2) .tit_box {background: #0d7dce;}
.esg_link_box_02 .esg_link:nth-child(3) .tit_box {background: #06658a;}
.esg_link_box_02 .esg_link:nth-child(4) .tit_box {background: #06418a;}
.esg_link_box_02 .esg_link:nth-child(5) .tit_box {background: #101373;}
.esg_link_box_02 .esg_link .tit_box p{}
.esg_link_box_02 .esg_link .txt_box{padding: 20px;}
.esg_link_box_02 .esg_link .txt_box li{font-weight: 600;padding-left: 16px;line-height: 1.5; margin-bottom: 15px; font-size: 16px; word-break: keep-all;}
.esg_link_box_02 .esg_link .txt_box li > ul{ margin-top: 10px;}
.esg_link_box_02 .esg_link .txt_box li > ul > li{font-weight: 400;margin-bottom: 7px;font-size: 15px;}
.esg_link_box .esg_link .txt_box a.phide {display: none;}

.mhide{display: block;}
.phide{display: none;}

/* 사전정보공표_01 */
.priorInformation_publication_01{margin-top: 50px; display: flex; flex-wrap: wrap;}
.priorInformation_publication_01 ul{display: flex; flex-wrap: wrap;}
.priorInformation_publication_01 ul li{cursor: pointer; border: 1px solid #ddd; border-radius: 0 15px; flex: 1 1 20%;margin: 10px; color: #333; font-size: 20px; font-family: 'GM';}
.priorInformation_publication_01 ul li:nth-child(1){background: url(/images/new/web/sub/priorInformation_publication_ico_01.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(2){background: url(/images/new/web/sub/priorInformation_publication_ico_02.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(3){background: url(/images/new/web/sub/priorInformation_publication_ico_03.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(4){background: url(/images/new/web/sub/priorInformation_publication_ico_04.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(5){background: url(/images/new/web/sub/priorInformation_publication_ico_05.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(6){background: url(/images/new/web/sub/priorInformation_publication_ico_06.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(7){background: url(/images/new/web/sub/priorInformation_publication_ico_07.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(8){background: url(/images/new/web/sub/priorInformation_publication_ico_08.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(9){background: url(/images/new/web/sub/priorInformation_publication_ico_09.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(10){background: url(/images/new/web/sub/priorInformation_publication_ico_10.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(11){background: url(/images/new/web/sub/priorInformation_publication_ico_11.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(12){background: url(/images/new/web/sub/priorInformation_publication_ico_12.png) no-repeat 18% 50%;}
/* a 포인터 영역  */
.priorInformation_publication_01 ul li a{padding: 30px 30px 30px 80px; margin-left: 15px; display: block;}

.priorInformation_publication_01 ul li:nth-child(1):hover{background: #0097e0 url(/images/new/web/sub/priorInformation_publication_ico_01_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(2):hover{background: #0097e0 url(/images/new/web/sub/priorInformation_publication_ico_02_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(3):hover{background: #0097e0 url(/images/new/web/sub/priorInformation_publication_ico_03_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(4):hover{background: #0097e0 url(/images/new/web/sub/priorInformation_publication_ico_04_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(5):hover{background: #0097e0 url(/images/new/web/sub/priorInformation_publication_ico_05_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(6):hover{background: #0097e0 url(/images/new/web/sub/priorInformation_publication_ico_06_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(7):hover{background: #0097e0 url(/images/new/web/sub/priorInformation_publication_ico_07_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(8):hover{background: #0097e0 url(/images/new/web/sub/priorInformation_publication_ico_08_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(9):hover{background: #0097e0 url(/images/new/web/sub/priorInformation_publication_ico_09_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(10):hover{background: #0097e0  url(/images/new/web/sub/priorInformation_publication_ico_10_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(11):hover{background: #0097e0  url(/images/new/web/sub/priorInformation_publication_ico_11_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:nth-child(12):hover{background: #0097e0  url(/images/new/web/sub/priorInformation_publication_ico_12_h.png) no-repeat 18% 50%;}
.priorInformation_publication_01 ul li:hover a{color: #fff;}

/* 예진 */
/* 위원회명단 */
.commission_list{ border: 1px solid #ddd; margin-top: 50px;display: flex;justify-content: space-between; padding: 50px; flex-wrap: wrap;}
.commission_list .box_01{width: 30%; text-align: center; border: 1px solid #ddd;}
.commission_list .box_01:nth-child(1) .tit{background: #0b5ba4;}
.commission_list .box_01:nth-child(2) .tit{background: #0d8c78;}
.commission_list .box_01:nth-child(3) .tit{background: #9d4733;}
.commission_list .box_01 .tit{min-height: 76px; background: #ddd;color: #fff; font-size: 18px; line-height: 1.5; display: flex; align-items: center;justify-content: center;}
.commission_list .box_01 .tit p{}
.commission_list .box_01 .btn_box{margin: 30px 10px;}

/* CEO 안전보건경영철학 */
.philosophy_safety_health_management{margin-top: 58px; padding-bottom: 175px; background: url(/images/new/web/sub/philosophy_safety_health_management_01.png) no-repeat 90% 0;}
.philosophy_safety_health_management .tit_box{padding-top: 57px;padding-right: 630px; cursor: pointer;}
.philosophy_safety_health_management .tit_box p{font-size: 30px; color: #111; line-height: 1.5;}
.philosophy_safety_health_management .tit_box p span{color: #345aa0;}
.philosophy_safety_health_management .txt_box{padding-right: 630px;}
.philosophy_safety_health_management .txt_box p{color: #4d4d4d; font-size: 16px; margin-top: 30px; word-break: keep-all;line-height: 1.8;}

/*상임감사인사말*/
.standing_auditor_box {padding-top: 30px;}
.standing_auditor_box .standing_auditor_box_01 {background: url(/images/new/web/sub/standing_auditor_bg.png) no-repeat 0 0; width: 1400px; height: 369px; padding-left: 90px; box-sizing: border-box; }
.standing_auditor_box .standing_auditor_box_01 .tit_01{padding-top: 120px; font-size: 18px; color: #555; }
.standing_auditor_box .standing_auditor_box_01 .tit_02{color: #11869b; font-size: 30px; font-weight: 600; margin-top: 25px;}
.standing_auditor_box .standing_auditor_box_01 .tit_03{color: #222; font-size: 22px; margin-top: 22px; line-height: 1.5;}
.standing_auditor_box .standing_auditor_box_02 {margin-top: 38px;}
.standing_auditor_box .standing_auditor_box_02 div{margin-bottom: 30px;}
.standing_auditor_box .standing_auditor_box_02 div p{color: #444; font-size: 18px; line-height: 1.5;}
.standing_auditor_name{text-align: right; margin-bottom: 120px;}
.standing_auditor_name span{font-size: 30px; padding-left: 10px;}

/* 파란색 헤더 박스 */
.blue-bx strong { text-align: center; line-height: 48px; width: 100%; display: inline-block; background: #5290c3; font-size: 14px; color: #fff;}
.blue-bx>ul>li:last-child { border-bottom: 1px solid #cfcfcf; }
.blue-bx>ul>li { border: 1px solid #cfcfcf; border-bottom : none; padding: 20px 30px; line-height: 24px; color: #444444; font-size: 14px; }
.right-btn { position: relative; top:50%; }
.esg_link_box .esg_link ul li a:hover { border-bottom : 1px solid #000; }

/* 나의 민원 보기  */

.join_box {box-sizing:border-box; margin-bottom:400px; clear:both;}
.join_box .join_content_box {width: 100%; margin: 0 auto;}
.join_tit { margin-top: 30px; padding: 17px 15px; background: #f4f5f9; border-top: 1px solid #c4c9ce; }
.join_box .join_content_box .join_list::after{content:''; display:block; clear:both;}
.join_box .join_content_box .join_list a { padding: 25px 40px 25px 40px; width: calc(50% - 0px); display: block; float:left; border: 1px solid #d2d2d2; color: #555; font-size: 17px; margin-top: 15px; box-sizing: border-box; border-radius: 0px 30px 0px 30px;}
.join_box .join_content_box .join_list a:nth-child(even) { margin-left:10px;}

/*민원처리청렴도평가*/
/*.question_tit { line-height: 48px; width: 100%; display: inline-block; font-size: 20px; border-top: 1px solid #ccc; border-bottom:1px solid #ccc; padding: 30px; color:#444444; font-weight:bold;}*/
/*.question_box2 .question_tit span { font-weight: normal; font-size:17px;}*/
/*.question_box ul { padding: 40px; line-height: 36px; font-size: 17px; color: #666666;}*/
/*.question_box2 { padding: 20px; line-height: 36px; font-size: 18px; color: #666666;}*/
/*.question_box ul li {line-height:45px; color:#444444;}*/

/*!*라디오 버튼*!*/
/*.rd-btn{accent-color:#444444;}*/
/*.rd-btn li input{margin-right:15px;}*/




/*.question_box2 li {border-bottom:none;}*/
/*.question_box2 .q_txt_box {padding:5px; margin:0 auto;}*/
/*.q_txt_box textarea {width:99%; height:220px; padding:30px; border-radius: 10px;}*/
/*.phone_box , .email_box{padding:20px 40px 40px 40px;}*/
/*.q_sub_tit{font-size: 17px; color:#444444; font-weight:bold; margin-bottom:10px; }*/


/*.question_box2 .phone_box .q_tel1{width:200px; padding:10px; border-radius: 10px; background: url(/images/new/web/sub/select_btn_img.png) no-repeat 95% 50%; }*/
/*.question_box2 .phone_box .q_tel2{width:330px; padding:10px; border-radius: 10px;}*/
/*.question_box2 .email_box .q_mail1{width:260px; padding:10px; border-radius: 10px; border:1px solid #ccc;}*/
/*.question_box2 .email_box .q_mail2{width:250px; padding:10px; border-radius: 10px;}*/
/*.question_box2 .email_box select{display: block;width:578px; padding:10px; border-radius: 10px; margin-top:10px; margin-bottom : 55px; background: url(/images/new/web/sub/select_btn_img.png) no-repeat 98% 50%; }*/
/*.btbd{border-bottom:1px solid #ccc; margin-bottom:55px;}*/

/*민원처리청렴도평가*/
.survey_question{line-height: 48px; width: 100%; display: inline-block; font-size: 20px; border-top: 1px solid #ccc; border-bottom:1px solid #ccc; padding: 30px 0; color:#444444; font-weight:bold;}
.survey_box_list li ul {padding: 40px 0; line-height: 36px; font-size: 17px; color: #666666;}
.survey_box_list li ul{ line-height: 45px;}
.survey_box_list li ul input {margin-right: 15px; color: #444444;}
.survey_content{font-size: 17px; margin-top: 20px;}
.survay_q{line-height: 36px; color: #666666;}
ul li textarea {width: 100%; height: 220px; border-radius: 10px; margin: 0 auto;}
.survey_input{border-top: 1px solid #ccc; padding: 30px 0; line-height: 36px; font-size: 18px; color: #666666; margin-top: 20px;}
.survey_input:before{content: '※귀하께서 원하실 경우, 전화번호나 이메일주소 등 연락처를 남겨주시면 필요할 경우에 연락을 드리겠습니다.'; color: #444444; font-weight: bold; margin-bottom: 20px;}
.survey_input input, .survey_input select  {border-radius: 10px !important;  width: 250px; height: 60px !important; padding-left: 5px; font-size: 16px;}
.survey_input select{   background: url(/images/new/web/sub/select_btn_img.png) no-repeat 95% 50%; width: 150px; height: 60px !important;}
#email2_select{display: inline-block; width: 531px;}
.survey_input span{display: block; font-weight: bold; font-size: 17px;}
.inquiry:hover{cursor: pointer;}
.mail_align{display: flex; align-items: center; flex-wrap: wrap; gap:5px;}
.survey_input td{text-align: left;}

/*체크 모양 이미지*/
.chk{padding: 30px 0 30px 0px; color:#444444; font-size:17px;}
.chk li{background: url(/images/new/web/sub/check_img.png) 0 0px no-repeat; padding: 0 0 2px 30px; height: 22px;}
.chk li:first-child{margin-bottom:20px;}

/*사업계획서 샘플 및 자주하는질문,답변*/
.faq{font-size: 17px; border-bottom: 1px solid #ddd; margin-top: 20px;}
.faq ul {list-style: none; margin: 0; padding: 0;}
.faq ul li{ display: block !important;}
.faq ul li:first-child .q {border-top: 1px solid #ccc;}
.faq ul li .q , .tb_q{margin: 0; border-top: 1px solid #ddd;line-height: 16px;}
.slide_btn{width: 100%;display: inherit;padding: 15px 20px;}


.faq .a, .faq .tb_a {border-top: 1px solid #cfcfcf; line-height: 30px; padding: 40px 15px 60px 20px; background:#f7f7f7; display:flex;}
.tb_a div{width: calc(100% - 60px); margin: 0 auto; padding-right: 60px; box-sizing: border-box; }
.faq .q > a > span:first-child, .faq .tb_q > a > span:first-child, .a_icon {width : 40px; height : 40px; text-align: center; line-height: 36px; display: inline-block; background: #00ac6c; border-radius: 50%; color:#fff;}
.a_icon{background: #708598; margin-right: 20px;}
.a a span{color:#fff;}

.faq_tit{padding-left:20px;}
.f_bd{font-weight: bold;}

/*인터넷사보*/
.in_newsletter{background: #f5f6f8; border: 1px solid #e9e9ea;margin-top: 40px;}
.in_newsletter .inner{display: flex; padding:30px 40px 30px 50px; position: relative; margin-left: 10px;}
.in_newsletter div img{  box-shadow: 0 1px 30px 10px #cccccc; }
.in_newsletter div div{position: relative;display: block; padding: 80px 25px 50px 25px; text-align: center; }
.in_newsletter div div a{font-size: 17px; color: #ffffff;}
.newsletter_tit{position: absolute; top: 60px; left:0%; width: 14%; height: 7%; border-radius: 50%; color: #fff; text-align: center; line-height: 45px; font-size: 17px; background: #00ac6c; }
.bg1{background: #0097e0;}
.bg2{background: #ef6036;}
.bg3{background: #5c6582;}

/*중소규모 사업장 화학안전관리*/
.apps-bx{width: 100%;}
.apps-bx{box-sizing: border-box;}
.apps-bx > .inner, .small > ul  {overflow: hidden;margin-top: 10px;}
.apps-bx > div > strong {display: inline-block;float: left;width: 30%;height: 136px;margin-right: 20px;background: #528fc6;text-align: center;color: #fff;font-size: 16px;line-height: 126px;}
.apps-bx > .inner > .border_box {border: 1px solid #cfcfcf;width: 70%;height: 126px;padding: 5px 30px;}
.apps-bx > .inner .border_box p {font-size: 14px;}
.small > strong{line-height: 55px !important; height: 55px !important;}
.small > ul  {height: 24px !important; padding: 15px 30px !important; border: 1px solid #cfcfcf; position: relative; left: -20px; top: -1px; width: 40%;}
table td{padding: 15px 10px;}

/*환경측정기기 검사*/
.down_box{
    display: flex;
    flex-wrap: wrap;
}
.down_box > li{
    margin: 0 0 15px 15px;
}
.down_box > li > span{
    width: 160px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #528fc6;
    display: flex;
    align-items: center;
    height: 60px;
    word-break: keep-all;
    justify-content: center;
}
.down_box > li > ul{
    border: 1px solid #cfcfcf;
}
.down_box > li > ul > li{
    text-align: center;
    padding: 20px 0px;
}

/*기술자문위원회 운영*/
.commission_list{display: flex; justify-content: space-between;}

/*기후대기 모바일 이미지*/
.air_mo_01{display: none;}

/* 사전정보공표_탭메뉴 */
.priorInformation_publication_tab{margin-top: 50px; display: flex; flex-wrap: wrap;}
.priorInformation_publication_tab ul{display: flex; flex-wrap: wrap;}
.priorInformation_publication_tab ul li{cursor: pointer; flex: 1 1 25%; /* width: 350px; */ height: 74px; padding: 23px 20px 20px; box-sizing: border-box; border: 1px solid #f1f1f1;}
.priorInformation_publication_tab ul li:nth-child(1){background-image: url(/images/new/web/sub/priorInformation_publication_tab_01.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(2){background-image: url(/images/new/web/sub/priorInformation_publication_tab_02.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(3){background-image: url(/images/new/web/sub/priorInformation_publication_tab_03.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(4){background-image: url(/images/new/web/sub/priorInformation_publication_tab_04.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(5){background-image: url(/images/new/web/sub/priorInformation_publication_tab_05.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(6){background-image: url(/images/new/web/sub/priorInformation_publication_tab_06.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(7){background-image: url(/images/new/web/sub/priorInformation_publication_tab_07.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(8){background-image: url(/images/new/web/sub/priorInformation_publication_tab_08.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(9){background-image: url(/images/new/web/sub/priorInformation_publication_tab_09.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(10){background-image: url(/images/new/web/sub/priorInformation_publication_tab_10.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(11){background-image: url(/images/new/web/sub/priorInformation_publication_tab_11.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:nth-child(12){background-image: url(/images/new/web/sub/priorInformation_publication_tab_12.png); background-repeat:no-repeat; background-position-x:20px; background-position-y: 20px;}
.priorInformation_publication_tab ul li:hover{background-color: #e0e0e0;}
.priorInformation_publication_tab_on{background-color: #e0e0e0;}
.priorInformation_publication_tab ul li a{padding-left: 50px;color: #444;font-size: 17px; display: block;}


/* 사이트맵 */
.sitemap_wrap{margin-top: 40px;}
.sitemap_wrap .sitemap{overflow:hidden; margin-bottom:35px;}
.sitemap_wrap .sitemap > ol{display: flex;justify-content: space-between;}
.sitemap_wrap .sitemap > ol > li{width: 20%;margin-right: 10px;}
.sitemap_wrap .sitemap > ol > li > a{display:block;width:100%;padding:13px 0 13px 22px;margin-top:0;background: #2374a1;color:#fff;font-size:16px;box-sizing: border-box;}
.sitemap_wrap .sitemap > ol > li > a:focus{outline: 2px dashed #ffffff;outline-offset: -5px;}
.sitemap_wrap .sitemap > ol > li > ol {padding:0 0 15px 0;}
.sitemap_wrap .sitemap > ol > li > ol > li{font-size:15px; font-weight:bold;}
.sitemap_wrap .sitemap > ol > li > ol > li > a {display:block;padding:15px 0 15px 20px;border-bottom: 1px solid #b5c6cf;color: #2374a1;outline-offset: -1px;}
.sitemap_wrap .sitemap > ol > li > ol > li > ol{padding:7px 0 14px;background:#fcfcfe;border-bottom: 1px solid #b5c6cf;}
.sitemap_wrap .sitemap > ol > li > ol > li > ol > li{position:relative;margin:7px 0 0 22px; color:#959595;padding-left:12px; font-size:13px; font-weight:normal;}
.sitemap_wrap .sitemap > ol > li > ol > li > ol > li:before{content: '';display: inline-block;position: absolute;left: 0;top: 8px;width: 5px;height: 1px;background: #959595;}
.sitemap_wrap .sitemap > ol > li > ol > li > ol > li > a{color:#666;}


/* 승민 */
.slash {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>');
}
.backslash {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');
}

.cnvrs_chbrd{width: 1100px; margin: 0 auto;}
.cnvrs_chbrd .inner_left{float: left; width: 50%;}
.cnvrs_chbrd .inner_right{float: right; width: 50%; text-align: right;}
.cnvrs_chbrd:after {clear: both; content: ''; display: block;}

/*글자색 모음*/
.fcr{color: #a60d40 !important;}

td.POPs{display: flex;border-left: none;}
td.POPs ul:not(:first-child){color: #528fc6;}
td.POPs ul li:last-child ul{text-align: left;}

.link_btn_style:after{content: '';position: absolute;width: 13px;height: 7px;top: 50%;right: 10px;background: #5c6582 url(/images/new/web/footer/footer_btn.png)no-repeat;transform: rotate(90deg);}

.cnvrs_chbrd{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;flex-wrap: wrap;}

.mb55{margin-bottom: 55px !important;}

.a_link_color{color: #528fc6 !important;}

/* 이미지 텍스트 인라인 박스 */
.inline_box{display: flex;border: 1px solid #cfcfcf;margin-top: 30px;}
.inline_box > div{width: 100%;display: grid;grid-template-rows: 33px auto 53px;}
.inline_box_tit{text-align: center;line-height: 55px;width: 100%;border-bottom: 1px solid #cfcfcf;}
.inline_box>div>ul{padding: 0px 30px 20px;margin-top: 20px;margin-left: 15px;}
.inline_box_foot{background: #f7f9fb;padding: 15px 30px;color: #666666;font-size: 11px;line-height: 45px;}
.right_txt{border-left: 1px solid #ddd;padding: 40px 30px;line-height: 24px;font-size: 14px;width: 100%;text-align: left;}

/* diclist박스 */
.dicList {margin-top: 20px; display: flex;justify-content: space-between;}
.dicL {width: 49%;}
.dicR{width: 49%;}
.dicList dl dt {color: #fff;text-align: center;font-size: 16px;padding: 15px;}
.dicList dl dd {border: #dadada solid 1px;padding: 15px 18px;margin-bottom: 20px;}
.red{background-color: #e36547;}
.blue{background-color: #528fc6;}
.green{background-color: #669713;}
.teal{background-color: #33998C;}
.fl_box{display: flex; justify-content: space-around; flex-wrap: wrap;}

/*공공부문 온실가스 목표관리제 운영*/
.dicList01 dl dt{font-size: 18px;}


/* diclist박스2 */
.dic3{width: 31.333%;}
.dicList .dic3 dl dd{border-top: none;margin-bottom:0px;}
.dicList .dic3:first-child dl dd{text-align: center;}
.first{min-height: 0;}
.last{min-height: 165px !important;}

/* 박스 스타일_02 / 3개일때 */
.card_style_02{display: flex;justify-content: space-between;}
.card_style_02 .card_box_03{width: 23%; border: 1px solid #ddd;}
.card_style_02 .card_box_03 .img_box{padding: 20px;text-align: center;}
.card_style_02 .card_box_03 .img_box img{text-align: center;}
.card_style_02 .card_box_03 .txt_box_02{background: #f8f8f8;padding: 20px;text-align: center;}

/* 프로그램리스트 */
.prolist{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;border: 1px solid #dedddd;}
.prolist > ul{margin: 0 auto;padding: 20px 35px;display: flex;justify-content: space-around;}
.prolist > ul > li:first-child{margin-right: 20px;}
.prolist > ul > li img{display: block;}
.prolist > p{width: 100%;border-top: 1px solid #cfcfcf;text-align: center;line-height: 46px;}
.prolist > li{display: inline-block;box-sizing: border-box;width:49.5%;border: #dedddd solid 1px;padding: 18px 15px 0px 105px;background-position: 25px center !important;min-height: 116px;margin-bottom: 10px;}
.prolist > li p{font-size: 17px;margin-bottom: 10px;}
.prolist > li ul li{line-height: 20px;font-size: 14px;color: #666;padding-left: 15px;}
.prolist > li:nth-child(2) {background: url(http://keco.mediacore.kr/upload/editor/images/sub/business_0105_0203.png) no-repeat;}
.prolist > li:nth-child(1) {background: url(http://keco.mediacore.kr/upload/editor/images/sub/business_0105_0204.png) no-repeat;}
.prolist > li:nth-child(3) {background: url(http://keco.mediacore.kr/upload/editor/images/sub/business_0105_0205.png) no-repeat;}
.prolist > li:nth-child(4) {background: url(http://keco.mediacore.kr/upload/editor/images/sub/business_0105_0206.png) no-repeat;}
.prolist > li:nth-child(5) {background: url(http://keco.mediacore.kr/upload/editor/images/sub/business_0105_0207.png) no-repeat;}
.prolist > li:nth-child(6) {background: url(http://keco.mediacore.kr/upload/editor/images/sub/business_0105_0208.png) no-repeat;}

/* 주의박스 */
.caution_box{position: relative;margin-top: 30px;padding: 40px 80px 50px;border-top: 2px solid #c4c4c4;border-radius: 0px 0px 20px 20px;display: flex;color: #444444;font-size: 17px;overflow: hidden;box-shadow: 0px 0px 40px #ddd;}
.caution_box:before{content: '';position: absolute;width: 155px;height: 155px;left: -40px;bottom: -35px;background: url("http://keco.mediacore.kr/upload/editor/images/sub/caution_box_left.png");}
.caution_box:after{content: '';position: absolute;width: 310px;height: 310px;right: -180px;top: -35px;background: url("http://keco.mediacore.kr/upload/editor/images/sub/caution_box_right.png");}
.caution_box .caution_img_box:after{content: '';position: absolute;width: 92px;height: 92px;right: -0px;top: -20px;z-index: -1;background: url(http://keco.mediacore.kr/upload/editor/images/sub/caution_dot.png) no-repeat 0 0;}
.caution_box > .caution_img_box > img{min-height: 130px;min-width: 200px;}
.caution_box > .caution_img_box{margin-right:40px;position: relative;}
.caution_box > .caution_txt_box{max-width: 820px;max-height: 110px;position: relative;margin-top: 12.5px;}
.caution_box > .caution_txt_box > p{margin: 20px 60px;line-height: 35px;font-weight: 600;letter-spacing: normal;}
.caution_box > .caution_txt_box > p > span{background: #d9effa;}
.caution_box > .caution_txt_box:before{content: '';position: absolute;width: 32px;height: 32px;top:0px;background: url("http://keco.mediacore.kr/upload/editor/images/sub/caution_txt_left.png");}
.caution_box > .caution_txt_box:after{content: '';position: absolute;width: 32px;height: 32px;bottom:0px;right:0px;background: url("http://keco.mediacore.kr/upload/editor/images/sub/caution_txt_right.png");}

/* 신고박스 */
.Declaration_box{display: flex;justify-content: space-between;padding: 15px 43px;border: 1px solid #c7c7c7;border-radius: 5px;}
.Declaration_box .tit p{background: url("http://keco.mediacore.kr/upload/editor/images/sub/col.png")0px center no-repeat;padding-left: 35px;padding-right:55px;line-height: 30px;border-right: 1px solid #c7c7c7;}
.Declaration_box .txt p{margin-top: 5px;}
.Declaration_box .img_box img{max-height: 30px;}

.Declaration_box02{background: #f6f6f6;padding: 30px 70px;display: flex;justify-content: space-between;margin-bottom: 100px;}
.Declaration_box02 div{width: 40%;border: 1px solid #dedede;background: white;padding: 43px;text-align: center;border-radius: 10px;}
.Declaration_box02 div a{margin-bottom: 25px;min-width: 290px;text-align: center;padding: 19px;}
.Declaration_button_sky{background: #009fe3 url(/images/new/web/sub/btn_ico_01.png) no-repeat 92% 50%;}
.Declaration_button_gray{background: #e4e4e4 url(/images/new/web/sub/btn_ico_01.png) no-repeat 92% 50%; color: #666666 !important;}

/* 신고 박스 */
.singo_link{border: 1px solid #e0e0e0;background: #fff;padding: 20px 50px;margin-bottom: 50px;}
.singo_link img{margin-top: 25px;}
.singo_link > ul li{border-bottom: 3px dashed #dcdcdc;display: flex;justify-content: space-between;line-height: 110px;}
.singo_link > ul li div{display: grid;grid-template-columns: 72px auto;align-items: center;font-size: 18px;}
.singo_link > ul li div > p:first-child{width: 52px;height:52px;line-height: 50px;border-radius: 50%;background: #345aa0;color: #fff;margin: 10px 30px 10px 10px;text-align: center;}
.singo_link span{line-height: 20px;}
.singo_link > ul li:last-child{border-bottom: none;}
.singo_link > ul li a{padding-right: 50px;font-weight: bold;background: url("http://keco.mediacore.kr/upload/editor/images/sub/singo_link_logo.png") no-repeat;background-position: 99%;display: flex;align-items: center;}
.singo_link > ul > li > div > span > p:first-child{line-height: 21px;padding-left: 30px;background: url("http://keco.mediacore.kr/upload/editor/images/sub/keco_logo.png") no-repeat;}
.singo_link > ul > li > div > span > p:last-child{font-size: 15px;color: #345aa0;}

.bizHistoryDiv{width: 100%;}
.bizHistoryDiv dl{display: flex;flex-wrap: wrap;background: url(/images/new/web/sub/ceomess_bg.gif)no-repeat 0 0;}
.bizHistoryDiv dt{width: 5%;background: url(/images/new/web/sub/ceomess_point.png)no-repeat 0 5px;}
.bizHistoryDiv dd{width: 90%;}

/* 조직도 */
.org_group{overflow: hidden;width: 100%;text-align: center;padding-top: 80px;position: relative;}
.org_group a{color: #fff;}
.org_group *:not{.con_01 *}{margin: 0;padding: 0; box-sizing: border-box;clear: both;}
.org_group > h1 > a{width: 190px;height: 190px;border-radius: 50%;background: #00ac6c;line-height: 190px;color: #fff;font-size: 26pt;font-weight: bold;box-shadow: 0px 0 20px 5px #ddd;margin: auto;display: block;}
.org_group > h2{z-index:1;}
.org_group h3 a{width: 230px;line-height:70px;color: #fff;border-radius: 7px;font-size: 21px;background: #118ad9;display: block;}
.org_group:after{   content: '';width: 100%;height: 1150px;background: url(/images/new/sub/org_group.png) no-repeat;background-size: 82%;display: inline-block;position: absolute;top: 16%;left: 8.8%;z-index: -1;}
.org_group > h2 > a{width: 230px;line-height:70px;color: #fff;border-radius: 7px;font-size: 21px;margin-left: 22px;display: block;}
.org_group > h2:nth-of-type(1) > a{background: #079fae;margin-top: 20px;}
.org_group > h2:nth-of-type(2) > a{background: #47888f;margin-top: 10px;}
.org_group > .org_group01{position: relative;}
.org_group > .org_group01 > li:first-child{position: absolute;top: -165px;left: 50%;transform: translate(-50%, 0%);display: flex;gap: 20px;justify-content: center;}
.org_group > .org_group01 > li:nth-child(2){display: flex;width: 1150px;justify-content: space-between;margin: auto;margin-top: 45px;}
.org_group > .org_group01 > li:nth-child(2) > ul{display: flex;}
.org_group > .org_group01 > li:nth-child(2) > ul > li:first-of-type{margin-right: 10px;}
.org_group > .org_group01 > li:last-child > ul{display: flex;margin-left: 22px;}
.org_group > .org_group01 > li:last-child > ul > li{padding: 5px 4px;border: 1px solid #d1d1d1;margin: 55px 23px 0px 0px;background: #fff;}
.org_group > .org_group01 > li:last-child > ul > li > ul{height: 100%;}
.org_group > .org_group01 > li:last-child > ul > li > ul > li{height: 100%;}
.org_group > .org_group01 > li:last-child > ul > li > ul > li > a{width: 197px;line-height: 58px;background: #6E97B4;color: #fff;font-size: 18px;display: block;}
.org_group > .org_group01 > li:last-child > ul > li > ul > li > ul{height: 67%;background: #f5f5f5;margin-top: 5px;padding-top: 25px;}
.org_group > .org_group01 > li:last-child > ul > li > ul > li > ul > li{text-align: left;padding-left: 35px;font-size: 16px;}
.org_group > .org_group01 > li:last-child > ul > li > ul > li > ul > li a{color: #444;}
.org_group > .org_group01 > li:last-child > ul > li > ul > li > ul > li:after{left: 22px;top: 9px;}
.org_group > .org_group02 > li:first-child{width: 665px;margin:auto;margin-top: 58px;}
.org_group > .org_group02 > li:first-child > ul{display: flex;justify-content: space-between;}
.org_group > .org_group02 > li:last-child{display: flex;justify-content: space-between;}
.org_group > .org_group02 > li:last-child > ul > li:first-child{width: 197px;line-height: 58px;background: #6E97B4;color: #fff;font-size: 18px;margin: 65px 0px 20px;}
.org_group > .org_group02 > li:last-child > ul:last-child > li:first-child{margin-left: 320px;}
.org_group > .org_group02 > li:last-child > ul:first-child{margin-left: 23px;}
.org_group > .org_group02 > li:last-child > ul:last-child{margin-right: 46px;}
.org_group > .org_group02 > li:last-child > ul:last-child > li:last-child > ul > li > ul{display: flex;}
.org_group > .org_group02 > li:last-child > ul:last-child > li:last-child > ul > li > ul > li{margin-right: 15px;}
.org_group > .org_group02 > li:last-child > ul:last-child > li:last-child > ul > li:last-child > ul > li:first-child{margin-left: 110px;position: relative;}
a.gray_box{width: 197px;height: 75px;background: #f5f5f5;font-size: 18px;margin-bottom: 15px;display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;color: #444;}

/* 모든 서비스 */
.all_service{margin-top: 40px;}
.all_service > ul{display: flex;flex-wrap: wrap;justify-content: space-around;}
.all_service > .con_01 > .con_list_01{width: 310px;}

/* 저작권 정책 */
.copyright_policy{margin: 50px 0;}
.copyright_policy .box_01{}
.copyright_policy .box_01 p{margin-bottom: 50px;font-size: 16px;line-height: 1.5;}
.copyright_policy .box_01 .red_01{color: #e10000;}

/* 이메일무단수집거부 */
.unauthorised_refusal{margin: 50px 0;}
.unauthorised_refusal .box_01{border: 5px solid #ddd;padding: 20px;font-size: 16px;line-height: 1.5;margin-bottom: 40px;}
.unauthorised_refusal .box_01 p{}

/* 개인정보처리방침 */
/* 유틸 */
.utilPop{padding:17px;}
.utilPop .textBox{padding:16px 19px 17px; border:1px solid #eaeaea; background:#fcfcfc; font-size:16px; line-height:24px; color: #666;}
.utilPop .textBox2{padding:16px 19px 17px; font-size:12px; line-height:24px;}
.utilPop .priTxt .tit{font-weight:bold; margin-bottom: 12px;}
.utilPop .priTxt p{line-height: 1.5}
.utilPop .dTxtBox{text-align:left}
.utilPop .dTxtBox p{padding:18px 20px; text-align:left}
.utilPop table{width: 100%}
/* .utilPop select{display: inline-block;max-width: 100%;padding: 10px 35px 10px 15px;border-radius: 8px;margin-top: 15px;background: #fff url(/images/new/web/board/board_arr_01.png) 94% 50% no-repeat;border: 1px solid #ccc;appearance: none;-webkit-appearance: none;-moz-appearance: none;} */
.utilPop select{display: inline-block;max-width: 100%;padding: 10px 35px 10px 15px;border-radius: 8px;margin-top: 15px;background: #fff url(/images/select_arrow02.png) 94% 50% no-repeat;border: 1px solid #ccc;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.utilDiv{padding-bottom:45px;}
.rssVisual{height:262px; text-indent:-9999px}
.utilTit{font-size:17px; font-weight:bold;}

.utilsubTxt{position:relative; padding-left:10px; font-weight:bold;}
.utilsubTxt a.bt{display:block; position:absolute; top:0; right:0;}
.utilsubTxt .bts{position:absolute; top:0; right:0;}
.utilmoreTxt{position:relative;margin-top:10px;}
.utilmoreTxt a.bt{display:block; position:absolute; top:0; right:0;}
.rssList{padding-top:10px; border-top:1px solid #b2b2b2; width:100%; overflow:hidden}
.rssList li{width:480px; float:left; overflow:hidden; padding-bottom:3px;}
.rssList li .tit{width:260px; float:left; padding:4px 0 0 15px;}
.rssList li .bt{width:205px; float:left; overflow:hidden}
.rssList li .bt a{width:72px; height:28px; float:left; margin-right:3px; overflow:hidden; text-indent:-9999px}
.rssList li .bt a.address{}
.rssList li .bt a.xml{}

.boardType4{border-top:2px solid #6a8fb4; border-bottom:2px solid #a9a9a9;}
/* .boardType4 th{padding:11px 0 12px; line-height:10px; color:#333; font-weight:normal; border-bottom:1px solid #eee; border-right:1px solid #eee; background:#f6f6f6} */
/* .boardType4 th{padding:11px 0 12px; line-height:20px; color:#333; font-weight:normal; border-bottom:1px solid #eee; border-right:1px solid #eee; background:#f6f6f6} */
.boardType4 th{padding:11px 0 12px; line-height:20px; color:#333; font-weight:normal; border-bottom:1px solid #eee; border-right:1px solid #eee; background:#f6f6f6; text-align:center;}
.boardType4 th.end{border-right:none;}
.boardType4 td{padding:13px 7px 14px; border-bottom:1px solid #eee; border-right:1px solid #eee; text-align:center; color: #666;}
.boardType4.TaL tbody td{text-align:left; padding-left:20px;}
.boardType4 td.type{background:#fcfcfc}
.boardType4 td.type2{color:#333; background:#fcfcfc}
.boardType4 td.type3{background:#f6f6f6}
.boardType4 td.end{border-right:none;}
.boardType4 td.tit{padding:13px 8px 14px 12px; text-align:left}
.boardType4 td.verT{vertical-align:top}
.boardType4 td a:hover{text-decoration:underline;}
.boardType4 td .down{padding-right:18px;}

/* 핵심사업 메인페이지 시작 */
.sub_title_core{color: #4265a6;font-size:18pt;font-weight:bold;}
.climate{background:url(/images/new/web/sub/core/climate_bg.png) no-repeat;}
.water_soil{background: url(/images/new/web/sub/core/water_soil_bg.png) no-repeat;}
.resource_circulation{background: url(/images/new/web/sub/core/resource_circulation_bg.png) no-repeat;}
.environmental_facilities{background: url(/images/new/web/sub/core/environmental_facilities_bg.png) no-repeat;}
.national_health{background: url(/images/new/web/sub/core/national_health_bg.png) no-repeat;}
/* .sub_visual{position: relative;height: auto;padding: 60px 60px 0;margin-bottom: 60px;margin-top: 40px;background-position: top right;border-radius: 50px/11% 0 0 0;} */
/* .sub_visual{position:relative; height:220px; text-align:center; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#888;} */
.sub_visual{position:relative; line-height:100px; text-align:center; background-repeat:no-repeat; background-position:center; background-size:cover;font-weight: bold; font-size: 20px;}
.sub_visual > .sub_visual_01{padding-left:30px;}
.sub_visual > .sub_visual_01 > p{margin: 0 0 25px;font-size: 20px;font-weight: bold; letter-spacing: 1.5px;}
.sub_visual > .sub_visual_01 > h3{font-weight: bold;color: #283a54;font-size: 30px;margin-bottom:20px;}
.sub_visual > .sub_visual_01 > h4{font-size: 22px;font-weight: bold;}
.sub_visual > .sub_visual_02{background: #fff;padding: 34.5px 30px 34.5px;display: flex;border: 1px solid #dcdcdc;border-radius: 10px;height: auto;box-sizing: border-box;flex-wrap: wrap;justify-content: space-evenly;margin-top: 100px;}
.sub_visual > .sub_visual_02 > li{font-weight: bold;font-size: 16px;line-height: 1.5;display: flex;align-items: center; width: 16.667%; }
.sub_visual > .sub_visual_02 > li > a > img{float: left;margin-right: 10px;}
.sub_visual > .sub_visual_02 > li > a{display: flex;align-items: center; margin: 0 auto;}
.business_list{display: flex;justify-content: space-between;margin: 30px 0 40px;}
.business_list > *{box-sizing: border-box;}
.business_list > div{border: 1px solid #dcdcdc;border-radius: 11px 11px 0 0;}
.business_list > div > h1{text-align: center;height: 85px;display: grid;padding: 0 11px;box-sizing: border-box;font-size: 20px;font-weight: bolder;border-radius: 10px 10px 0 0px;letter-spacing: normal;color: #fff;align-items: center;}
.business_list > div > li{margin: 15px;text-indent: -21px;margin-left: 51px;}
.business_list > div:nth-child(1) > h1{background: #0097e0;}
.business_list > div:nth-child(2) > h1{background: #05acb4;}
.business_list > div:nth-child(3) > h1{background: #00ac6c;}
.business_list > div:nth-child(4) > h1{background: #5266af;}
.business_list > div:nth-child(5) > h1{background: #5c6582;}
.business_list > div:nth-child(6) > h1{background: #ff455b;}
.business_list > div:nth-child(1):hover{border: 1px solid #0097e0;}
.business_list > div:nth-child(2):hover{border: 1px solid #05acb4;}
.business_list > div:nth-child(3):hover{border: 1px solid #00ac6c;}
.business_list > div:nth-child(4):hover{border: 1px solid #5266af;}
.business_list > div:nth-child(5):hover{border: 1px solid #5c6582;}
.business_list > div:nth-child(6):hover{border: 1px solid #ff455b;}
.business_list > div:nth-child(1) > li:hover > a{color: #0097e0;}
.business_list > div:nth-child(2) > li:hover > a{color: #05acb4;}
.business_list > div:nth-child(3) > li:hover > a{color: #00ac6c;}
.business_list > div:nth-child(4) > li:hover > a{color: #5266af;}
.business_list > div:nth-child(5) > li:hover > a{color: #5c6582;}
.business_list > div:nth-child(6) > li:hover > a{color: #ff455b;}
.news_data{display: flex;justify-content: space-between;margin-bottom: 50px;}
.news_data *{box-sizing: border-box;}
.news_data ul{border: 1px solid #dcdcdc;padding: 20px 0 35px;border-left: none;border-right: none;}
.news_data ul li{line-height: 50px;display: flex;}
.news_data > div{width: 43%;}
.news_data > div > div{display: flex;justify-content: space-between;align-items: center;}
.news_data > div > div > .news_data_btn{font-size: x-large;font-weight: bolder;padding: 10px;padding-right: 0;}
.news_data ul li, .news_data ul a{width: 100%;display: grid;grid-template-columns: 91% 75px;justify-content: space-between;}
.news_data ul li div{display: grid;grid-template-columns: 110px auto;}
.new_news .p_txt_03 p{width: 75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #000;}
.p_txt_03 div p:first-child {width: 105px;}
.latest_data .p_txt_03 p:last-child{width: 85%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #000;}
.news_data .date{font-size: 13px;width: 75px;}
.default_tit{line-height: 75px;font-size: 22px;font-weight: bold;}
.related_site ul{display: flex;flex-wrap: wrap;}
.related_site ul li{list-style: disc;text-align: left;margin-left: 20px;width: 20%;}
.related_site ul li a{display: grid;align-items: center;height: 30px;}
/* 핵심사업 메인페이지 끝 */
.tab .label{display: none;}
.tab ul{border: none;}

/*개인정보처리방침css*/
.table_contents_title{display: flex;justify-content: space-between;margin: 20px;}
.table_contents_title > p{font-size: 20px;font-weight: 600; color: #333;}
.table_contents_title > .toggle_btn{background: #44465c;color: #fff;padding: 5px; border-radius: 5px;}

.select_table_contents{border-top: 2px solid #44465c;}
.select_table_contents > li{border-bottom: 1px solid #e1e3e6;position: relative;}
.select_table_contents > li:after{content: '';position: absolute;width: 7px;height: 7px;top: 25px;right: 3%;border-top: 2px solid gray;border-right: 2px solid gray;transform: translate(-50%,-50%) rotate(135deg);transition: all 0.3s;}
.select_table_contents > li > .privacy_tit h6{padding: 20px 100px 12px 25px;display: block;position: relative;font-size: 16px;cursor: pointer;font-weight: 600; width: 70%; text-indent: -38px; margin-left: 30px; color: #444;}
.select_table_contents > li > .privacy_tit > h6 > span{margin-right: 20px;}
/* .select_table_contents > li > .privacy_txt{line-height: 24px;background-color: #f6f6f6;border-top: 1px solid #e1e3e6;position: relative;padding: 20px 75px;display: none;transition: all 0.3s;max-height: 0px;} */
.select_table_contents > li > .privacy_txt{line-height: 24px;background-color: #f6f6f6;border-top: 1px solid #e1e3e6;position: relative;padding: 20px 35px;display: none;transition: all 0.3s;max-height: 0px;}
.select_table_contents > li > .active_box{display: block;max-height: none;}
.select_table_contents > .active_arr:after{transform: translate(-50%,-50%) rotate(315deg);border-top: 2px solid red;border-right: 2px solid red;}
.privacy_tit{display: -webkit-flex;}
.privacy_tit div{width: 300px;}
.privacy_tit img {width: 50px; height: 56px;}

.nonpoint_contamination{display: flex;margin: 10px 0;border: 1px solid #ddd;}

/*신규페이지*/
/*주요기능*/
.main_function{margin-bottom: 40px;}
.main_function > div{display: flex;border: 1px solid #cfcfcf;padding: 28px 38px;margin-bottom: 13px;align-items: center;}
.main_function > div > img{margin-right: 35px;}
.main_function > div > div > h6{font-weight: 600;font-size: 17px;margin-bottom: 10px;}
.main_function > div > div > p{position: relative;font-size: 16px;font-weight: 600;margin-bottom: 5px;}
.main_function > div > div .con_01 .con_list_02_3{margin-bottom: 0;font-size: 16px;padding-left: 12px;}
.main_function > div > div .con_01 .con_list_02_3:after{left: 3px;}
/*세부 업무*/
.detailed_work{display: flex; margin-top: 30px;}
.detailed_work > div{width: 33%;padding: 0 52px;}
.detailed_work > div:not(:last-of-type){border-right: 1px solid #cfcfcf;}
.detailed_work > div > h6{color: #fff;font-weight: 600;font-size: 17px;margin-bottom: 10px;text-align: center;background: #0097e0;width: 100%;height: 65px;display: flex;align-items: center;justify-content: center;border-radius: 65px;}
.detailed_work > div > div > p{position: relative;font-size: 16px;font-weight: 600;padding-left: 13px;margin-bottom: 5px;font-weight: 600;margin: 35px 0 15px;}
.detailed_work > div > div > p:before{content: '·';position: absolute;font-size: 25px;left: 0;}
.detailed_work > div > div .con_01 li{padding-left: 15px;font-size: 16px;}
.detailed_work > div > div .con_01 .con_list_02_3:after{left: 3px;}
.pc_img{display: block;}
.mb_img{display: none;}
/*!* select tab *!
.select_box2 * { box-sizing: border-box; }
.select_box2 {position: relative;width: 100%;height: 40px;border-radius: 6px;border: 1px solid #ccc;background:#fff;cursor: pointer;margin-bottom: 20px;}
!*.select_box2:after {content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;right: 35px;background: #ccc;}*!
.select_box2 .label {display: flex;position: relative;align-items: center;width: inherit;height: inherit;border: 0 none;outline: 0 none;padding-left: 15px;background: transparent;cursor: pointer;}
.select_box2 .label:after {content: '';display: inline-block;position: absolute;width: 8px;height: 14px;top: 50%;right: 15px;background: url(/images/new/web/sub/tab_arr_ico.png)no-repeat;transform: translateY(-50%);transition: .1s ease-in;}
.select_box2 .label_active:after {transform: translateY(-50%) rotate(90deg);}
.select_box2 .option_list {position: absolute;top: 40px;left: 0;width: 100%;color: #fff;list-style-type: none;padding: 0;border-radius: 6px;overflow: hidden;max-height: 0;background:#fff;z-index: 49;!*transition: .3s ease-in;*!}
.select_box2.active .option_list {max-height: 300px;overflow: auto;}
.select_box2 .option_list .option_item {display: flex;border-bottom: 1px solid #ccc;transition: .1s;min-height: 40px;}
.select_box2 .option_list .option_item:hover {}
.select_box2 .option_list .option_item:last-child {border-bottom: 0 none;}
.select_box2 .option_list .option_item a{padding: 10px 15px;width: 100%;}
.select_box2 .option_list .option_item_active {background: #333;}
.select_box2 .option_list .option_item_active a{color: #fff;}
!*스크롤 커스텀*!
.select_box2 .option_list::-webkit-scrollbar {width: 6px;}
.select_box2 .option_list::-webkit-scrollbar-track {background: transparent; }
.select_box2 .option_list::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.select_box2 .option_list::-webkit-scrollbar-thumb:hover {background: #303030;}*/

/* 유관기관 링크 */

/* .select_site .site {position:relative;}
.select_site .site > button{margin:0;}
.select_site .site .box_select {overflow:hidden; position:absolute; left:0; bottom:100%; width:391px; height:0; z-index:9 !important;}
.select_site .site .box_select.type_2 {overflow:visible; top:-193px;}
.select_site .site .box_select.type_3 {overflow:visible; top:-308px;}

.select_site .site .box_select .box_unit {position:relative; border:#93999d solid 2px; background-color:#fff; text-align:left;}
.select_site .site .box_select .box_unit.type_2 {width:390px;}
.select_site .site .box_select .box_unit.type_2 .box_group {float:left; width:190px;}

.select_site .site .box_select.type_1 {left:0px; top:-357px; width:1000px; overflow:visible;}
.select_site .site .box_select .box_unit:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.select_site .site .box_select .box_unit.type_1 {width: 1170px;}
.select_site .site .box_select .box_unit.type_1 .box_group li {float:left;width: 290px;}

.select_site .site .box_select a {display:block; font-size:11px; line-height:20px; color:#666;}
.select_site .site .box_select .box_unit.type1 a {font-size:14px;color:#444444;display:block;background:url('/common_2019/images/common/selectList_blt.png') 15px center no-repeat;padding:5px 10px 2px 23px}
.select_site .site .box_select .box_unit.type1 a:hover {color:#1e75d6}
.select_site .site .box_select h3 {background:#455262;color:#fff;font-size:16px;line-height:42px;padding:0 15px}

.select_site .site .box_select .box_unit ul {padding:10px 0}

.open_select {border:1px solid #555d64; border-top:none;border-bottom:none;padding:10px 10px 10px 16px;}
.open_select span {display:inline-block; color:#dcdcdc;  font-size:14px;  background:url('/common_2019/images/common/btn_more_gray.png') no-repeat right center; vertical-align:top;}
.site.on .open_select {background-color:#fff;}
.site.on .open_select span {background-position:100% -22px;}
.open_select.on span {background-position:100% -22px;}

.select_site .site_type_01 .open_select { z-index: 1000; position:relative }
.select_site .site_type_01 .boxWrap { position:absolute; width:391px; overflow: hidden }
.select_site .site_type_01 .boxWrap .box_select { display:none; top: 198px }

.select_site .site_type_02 .open_select { z-index: 1000; position:relative }
.select_site .site_type_02 .boxWrap {position:absolute;width: 1170px;overflow: hidden;left: -390px;}
.select_site .site_type_02 .boxWrap .box_select { display:none; top: 361px }

.select_site .site_type_03 .open_select { z-index: 1000; position:relative }
.select_site .site_type_03 .boxWrap { position:absolute; width:390px; overflow: hidden }
.select_site .site_type_03 .boxWrap .box_select { display:none; top: 313px }

@media screen and (max-width:1169px) {
	#link_site  {display:none}
	#link_site2  {display:block}
	#link_site2 {width: 100%; background: #323c44; position:relative; z-index:80;}
	#link_site2 li {display:block;width:33.3333%;float:left}
	#link_site2 .open_select {display:block;padding:10px 10px 10px 16px; height:40px; background:#323c44; z-index:10 !important;border-left:none}
	#link_site2 .open_select span {width:100%;display:block;text-align:center; font-size:12px;background-image:none;}
}
@media screen and (max-width:425px) {
	#link_site2 .open_select {padding:10px 0 }
	#link_site2 .open_select span {font-size:11px}
} */



/*-- 유관기관 링크 */



@media screen and (max-width:1399px) {
    header{
        position: fixed;
    }
    .business_list > div{width:49% !important;margin-bottom:2%;}
    .business_list{flex-wrap: wrap;}
	.m_strapline {display: block;}
    #left_menu .inner{
        width: 100%;
    }
    #sub{
        /* width: 1200px;*/
        width: 100%;
        padding: 0 20px 80px;
        box-sizing: border-box;
    }
    .contents{
        width: 100%;
        padding-top: 146px;
    }

    .tab ul li{align-items: center; justify-content: center; display: flex;}
    .tab ul > li > a{width: 100%;}
    /* 인사말 */
    .greeting_02 .greeting_box_01{ width:100%; background-size: 100%; padding: 30px;}
    .greeting_02 .greeting_box_01 .tit_01{font-size: 12px; padding-top: 60px;}
    .greeting_02 .greeting_box_01 .tit_02{font-size: 23px;}
    .greeting_02 .greeting_box_01 .tit_03{font-size: 15px;}

    /*이사장과의 대화*/
    .talk_chairman .con_box_01{background-size: 100%; height: auto;}
    .talk_chairman .con_box_01 .tit{ font-size: 24px; margin-left: 30px;}

    /*경영 전략체계*/
    .management_strategy_system .box_01{background-size: 100%;}
    .management_strategy_system .box_01 .tit_03{margin-top: 5%;}

    /*CEO 안전보건경영철학*/
    .philosophy_safety_health_management {background-size: 40%;}
    .philosophy_safety_health_management .tit_box, .philosophy_safety_health_management .txt_box{padding-right: 480px;}
    .philosophy_safety_health_management .tit_box p{font-size: 25px; margin-left:50px; }
    .philosophy_safety_health_management .txt_box p{font-size: 20px; margin-left: 50px;}

    /* 인권 경영 헌장 */
    .code_ethics_01 .txt{padding: 0;}
    .circle_inner .circle1,.circle_inner .circle2, .circle_inner .circle3,.circle_inner .circle4{width: 128px;}

    /*부패방치 방침*/
    .code_ethics .corruption_tit:after{display: none;}
    .code_ethics .corruption_tit:before{display: none;}

    /*인터넷사보*/
    .newsletter_tit{}
    .down_04{background-size: 15px;background-position: 15%;}
    .in_newsletter .inner div .btn_04{ padding: 13px 30px 10px 40px; font-size: 14px;}

    .inner{flex-wrap: wrap;justify-content: space-around;}
    .in_newsletter div div{padding-bottom: 0;}
    .newsletter_tit{position: absolute;top: 60px;left: 0;width: 15%;height: 9%;border-radius: 50%;}

    .org_group *{font-weight: bolder;letter-spacing: normal;}
    .org_group > h2:first-of-type{float: left;}
    .org_group > h2:last-of-type{float: right;}
    .org_group:after{display: none;}
    .org_group > h1{margin-bottom: 40px;position: relative;}
    .org_group > h1:before{content: '';display: inline-block;position: absolute;width: 1px;height: 25px;bottom: -13%;left: 50%;background: #d1d1d1;}
    .org_group > h1:after{content: '';display: inline-block;position: absolute;width: calc(50% + 5px);height: 1px;bottom: -25px;left: 50%;background: #d1d1d1;transform: translateX(-50%);}
    .org_group > h2{display: inline-block;width: calc(50% - 5px);position: relative;}
    .org_group > h2>a:before{content: '';display: inline-block;position: absolute;width: 1px;height: 25px;top: -15px;left: 50%;background: #d1d1d1;}
    .org_group > h2 > a{margin-left: 0;width: auto;margin-top: 10px!important;}
    .org_group h3 a{width: auto;}
    .org_group > .org_group01 > li:first-child{position: relative;top: 0;left: 0;transform: translateX(0);gap: 10px;padding-top: 5px;}
    .org_group > .org_group01 > li:first-child > ul{justify-content: space-between;margin-top: 20px;}
    .org_group > .org_group01 > li:first-child > ul > li:first-of-type{margin-right: 0;}
    .org_group > .org_group01 > li{width: 100%!important;flex-wrap: wrap;justify-content: space-between;margin-top: 0px!important;}
    .org_group > .org_group01 > li > h3{width: calc(50% - 5px);}
    .org_group > .org_group01 > li > ul{width:100%;margin-top: 5px;}
    .org_group > .org_group01 > li > ul > li{width: 100%;}
    .org_group > .org_group01 > li:first-child > ul > li{width: 49%;}
    .org_group > .org_group01 > li:last-child > ul{flex-wrap: wrap;margin-left: 0;justify-content: space-between;}
    .org_group > .org_group01 > li:last-child > ul > li{margin: 20px 0 0 0;width: calc(33% - 20px);height: 270px;}
    .org_group > .org_group01 > li:last-child > ul > li > ul > li > a{width: 100%;line-height: 50px;font-size: 17px;}
    .org_group .con_01 li{margin-bottom: 5px;font-size: 14px;font-weight: bolder;}
    .org_group > .org_group02 > li{width: auto !important;}
    .org_group > .org_group02 > li:first-child > ul > li{width: 49%;}
    .org_group > .org_group02 > li:last-child > ul{margin-left: 0 !important;width: 49%}
    .org_group > .org_group02 > li:last-child > ul > li{width: 100% !important;}
    .org_group > .org_group02 > li:last-child > ul > li:first-child{margin-top: 15px;}
    .org_group > .org_group02 > li:last-child > ul:last-child{margin-right: 0;}
    .org_group > .org_group02 > li:last-child > ul:last-child > li{margin-left: 0 !important;}
    a.gray_box{width: auto !important;}
    .org_group > .org_group02 > li:last-child > ul:last-child > li:last-child > ul > li > ul{flex-wrap: wrap;justify-content: space-between;}
    .org_group > .org_group02 > li:last-child > ul:last-child > li:last-child > ul > li:last-child > ul > li:first-child:after{display: none;}
    .org_group > .org_group02 > li:last-child > ul:last-child > li > ul > li > ul > li{width: 49%;margin-right: 0 !important;}
    .org_group > .org_group02 > li:last-child > ul:last-child > li:last-child > ul > li:last-child > ul > li:first-child{margin-left: 0;}

    .management .manager > div{flex-direction: column;}
    .management .manager ul:nth-child(2n){margin-left: 0;}
}

@media screen and (max-width:1199px){
    #left_menu{display: none;}
    .content_box{flex-wrap: wrap;justify-content: center;}
    .management_strategy_system .box_01 .tit_box_02 .tit_01 span{background: #fff;}

    .management_strategy_system .box_06 div{width: 16%;padding: 40px 15px;}
    .priorInformation_publication_01 ul li a{display: block;}

    .code_ethics_01{padding: 0px 17px;}
    .code_ethics .tit,.code_ethics_01 .tit, .code_ethics .tit_02, .code_ethics .tit_03 {font-size: 40px;}
    .code_ethics .txt p, .code_ethics_01 .txt p{font-size: 17px;}
    .code_ethics .txt_02, .code_ethics_01 .txt_02 {padding: 20px 40px;}
    .code_ethics .txt_02 .txt_list, .code_ethics_01 .txt_02 .txt_list{flex-wrap: wrap; justify-content: center;}
    .code_ethics .txt_02 .txt_list .txt,  .code_ethics_01 .txt_02 .txt_list .txt{text-align: center; padding: 0; margin: 10px 0 20px 0; font-size: 15px;}
    .code_ethics .txt_02 .txt_list .num,.code_ethics_01 .txt_02 .txt_list .num{width: 50px; height: 50px;line-height: 50px; margin-top: 15px; font-size: 15px;}
    .code_ethics .txt_03 p, .code_ethics_01 .txt_03 p{margin-top: 0;}
    .code_ethics .txt{padding: 0px 15px;}
    .code_ethics .tit_03:after{left: 170px;}
    .code_ethics .tit_03:before{right: 170px;}
}


@media screen and (max-width:1100px){
    /*프로필*/
    /*.profile .weak_force_wrap .tit {width: 30%;}*/
    /*.profile .weak_force_wrap .tit p {font-size: 22px;}*/
    /*.profile .weak_force_wrap .year {width: 25%;}*/
    /*.profile .weak_force_wrap .year li{font-size: 15px;}*/
    /*.profile .weak_force_wrap .weak_force li{font-size: 17px;}*/

    /*이사장과의 대화*/
    .talk_chairman .con_box_01 .txt{ font-size: 20px; margin-top:50px;}
    .cnvrs_chbrd{width: auto;}
    .cnvrs_chbrd .inner_left{float: none; width: 60%; margin: 0 auto;}
    .cnvrs_chbrd .inner_right{float: none; width: 40%; margin: 0 auto;}
    
    /*사전정보공표*/
    .priorInformation_publication_tab {margin-top:0;}

    /*경영 전략체계*/
    /* .management_strategy_system .box_01 .tit_01{padding-top: 87px;font-size: 18px;}
     .management_strategy_system .box_01 .tit_02{font-size: 18px;}*/

    /*CEO안전보건경영철학*/
    .philosophy_safety_health_management .txt_box{padding-right: 320px;}

    /*안전보건경영시스템 구축*/
    .con_list_box_02 .p_txt_01{font-size: 15px;}

    /*경영공시,자율공시 목록*/
    .esg_link_box, .esg_link_box_02 {flex-wrap:wrap; margin-left: 30px;}
    .esg_link_box .esg_link, .esg_link_box_02 .esg_link{flex:1 1 30%; margin: 0 30px 30px 0; }

    /*공통*/
    /*서브타이틀 폰트 사이즈 */
    .sub_title_02{font-size: 20px; }
    .sub_title_03{font-size: 18px;}
    /*con_01 li 클래스*/
    .con_01 li{font-size: 15px;}
    /*사이트맵*/
    .sitemap_wrap .sitemap > ol {flex-wrap: wrap;}
    .sitemap_wrap .sitemap > ol > li {flex: 1 1 30%;}
    /* 인권 경영 헌장 */
    .code_ethics_01 .txt{padding: 0;}
    .circle_inner .circle1{border-right: 8px solid #e9e9e9; border-bottom: 8px solid #e9e9e9; width: 100px; height: 100px; top: -8px; left: -24px; background:#fff;}
    .circle_inner .circle2{border-left: 8px solid #e9e9e9; border-bottom: 8px solid #e9e9e9; width: 100px; height: 100px; top: -8px; right: -24px; background:#fff;}
    .circle_inner .circle3{border-top: 8px solid #e9e9e9; border-right: 8px solid #e9e9e9; width: 100px; height: 100px; bottom: -8px; left: -24px; background:#fff;}
    .circle_inner .circle4{border-top: 8px solid #e9e9e9; border-left: 8px solid #e9e9e9; width: 100px; height: 100px; bottom: -8px; right: -24px; background:#fff;}

    /*수생태 환경기초시설*/
    .dicList{flex-direction: column;}
    .dic3, .dicL, .dicR {width: 100%;}

    /* 본인인증 */
    .identity_verification .registration_box{flex-direction: column; align-items: center;}
    .identity_verification .registration_box .more_than{margin-right: 0px; margin-bottom: 50px;}

    .search_box2 div ul{width: calc(100% - 120px);}
    .related_site ul li{width: 30%;}

    .sub_visual > .sub_visual_02 > li{width: 30%;}

    /*헌장*/
    .code_ethics{padding: 0 17px;}
    .code_ethics .tit:before, .code_ethics_01 .tit:before{right: 220px;}
    .code_ethics .tit:after, .code_ethics_01 .tit:after{left: 225px;}

    .detailed_work{display: block;}
    .detailed_work > div{width: 100%;padding: 0;}
    .detailed_work > div:not(:last-of-type){border: none;margin-bottom: 40px;}
    .detailed_work > div > h6{text-align: left;}
}

@media only screen and (max-width: 1023px){
    .ecotoxicity_forum{flex-direction: column;}
    .nonpoint_contamination{display: block;}
    .nonpoint_contamination > img{display: block;margin: 0 auto;padding: 20px 30px;}
    .right_txt{border: none;border-top: 1px solid #cfcfcf;width: auto;}

    /* 설립근거 및 목적 */
    .mission_box{background: #fcfcfc url(/images/new/web/sub/fndtn_estbl_tit.png)no-repeat 50% 10px;padding:10px 20px;height: 100%;}
    .mission_box .tit{margin-top: 40px;}
    .mission_box .txt{width: 70%;margin: 0 auto;margin-top: 0;font-size: 25px;}
    .mission_box .txt br{display: none !important;}
    .mission_box .txt_02{box-sizing: border-box;height: 150px;margin-top: 0;padding-top: 85px;background: url(/images/new/web/sub/mission_box_txt_02_img.png)no-repeat 50% 50%;}
    .mission_box .txt_box{align-items: flex-end;background: url(/images/new/web/sub/fndtn_estbl_keco.png)no-repeat 50% 0%;/*gap: calc(100% - 300px)*/gap: 40px;margin-top: 0;height: 280px;}
    .mission_box .txt_box .circle_01{background: url(/images/new/web/sub/fndtn_estbl_circle01.png)no-repeat;width: 142px;height: 142px;box-sizing: border-box;padding-top: 25px;font-size: 16px;}
    .mission_box .txt_box .circle_02{background: url(/images/new/web/sub/fndtn_estbl_circle02.png)no-repeat;width: 142px;height: 142px;box-sizing: border-box;padding-top: 25px;font-size: 14px; top: 0;}

    /*부패방지 방침*/
    .code_ethics .corruption_tit{font-size: 37px; line-height: 1;}
}

@media only screen and (max-width: 999px) {
    .strapline{flex-direction: column; padding-left: 20px;}
    .strapline .sub_title{margin-bottom: 10px;}
}
@media only screen and (max-width: 910px) {
    .inline_box{display: block;}
    .inline_box > img{display: block;margin: 0 auto;}
    .inline_box > div{border-top: 1px solid #cfcfcf;}
    .inline_box_foot{padding-left: 10px;}
}
@media only screen and (max-width: 900px) {
    .Declaration_box{flex-direction: column;}
    .Declaration_box div{margin-bottom: 10px;}
    .Declaration_box .tit p{border-right:none;}
    .Declaration_box02{flex-direction: column;}
    .Declaration_box02 div{width: auto; margin-bottom: 10px;}
    .caution_box{flex-direction: column; align-items: center;padding: 20px 10px;}
    .caution_box > .caution_img_box{margin-right: 0px;}

    /*사전정보공표 상단 메뉴 수정 */
    .priorInformation_publication_tab ul li a {padding-left:40px; font-size:15px;}

    /*전략목표*/
    .strategic_objectives .bundle .tit_box p{font-size: 20px; padding-top: 95px;}
    .strategic_objectives .bundle:nth-of-type(2) .tit_box p{padding-top: 80px;}
    .strategic_objectives .bundle:nth-of-type(3) .tit_box p{padding-top: 70px;}
    .strategic_objectives .bundle:nth-of-type(1) .tit_box p, .strategic_objectives .bundle:nth-of-type(5) .tit_box p{padding-top: 97px;}

    .search_box2 div ul{flex-direction: column;}
    .search_box2 div ul li{width: 100% !important;margin: 5px 0;}
    .search_box2 .org_btn{background: #375375 url(/images/new/web/sub/org_chart_01.png) no-repeat 95% 50%;margin-left: 0;}
    .search_box2 select{width: 100%;}

    .sub_visual > .sub_visual_02 > li{font-size: 14px;}

/*     .tab ul li{width: calc(100% / 3 - 5px); margin: 0;} */
/*    .tab ul li{width: calc(100% / 3 - 5px); margin: 0 0 5px 5px;}*/

/*     .tab ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 5px 0;} */
    .tab ul{display: inline-block;}

.tab ul > li:first-child:nth-last-child(2), .tab ul > li:first-child:nth-last-child(2) ~ li {width:calc(100% / 2 - 4px); margin: 0; margin-left: 4px;}
.tab ul > li:first-child:nth-last-child(2), .tab ul > li:first-child:nth-last-child(2) ~ li {width: calc(100% / 2 - 4px); margin: 0; margin-left: 4px;}
/* 
.tab ul > li:first-child:nth-last-child(3), .tab ul > li:first-child:nth-last-child(3) ~ li {width:calc(100% / 3 - 4px);}
.tab ul > li:first-child:nth-last-child(4), .tab ul > li:first-child:nth-last-child(4) ~ li {width:calc(100% / 4 - 4px);} */
    .m_strapline .sub_title h2{font-size: 27px;}
    .m_strapline .home_wrap .nav .state span{font-size: 14px;}
    .commission_list .box_01{width: 100%; margin-bottom: 20px;}

    /*기업 민원인 보호서비스 헌장*/
    .code_ethics .tit_02{font-size: 33px;}
    .code_ethics .tit_02:before {right: 393px;}
    .code_ethics .tit_02:after {left: 395px;}
}

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

     /* 만족도 */
    .management .manager ul:after {
        top: -1px;
    }

    .management .manager .date {
        display: none;
    }

    .management .manager ul .tit {
        width: 100%;
        margin: 0px 0 10px 25px;
        font-size: 14px;
        font-weight: 600;
    }

    .management .manager {
        padding: 15px;
    }

    .management .manager ul {
        flex-wrap: wrap;
        width: 100%;
    }

    .management .manager ul li {
    width: 50%;
        margin-left: 0;
    }

    .management .manager ul li:nth-child(5) {
        margin-top: 15px;
    }

    .management .manager ul li:last-child {
        width: 100%;
    }

    .management .satisfaction {
        padding: 15px;
        height: auto;
    }

    .management .satisfaction:after {
        display: none;
    }

    .management .satisfaction p {
        font-size: 14px;
    }

    .management .satisfaction ul li {
        margin: 5px 15px 5px 0;
        font-size: 12px;
    }

    .management .satisfaction ul li:last-child {
        margin-right: 0;
    }

    .management .satisfaction a {
        width: 100%;
        margin-top: 10px;
        padding: 5px 0;
        font-size: 14px;
    }

    .management .satisfaction .other_opinions {
        text-align: center;
    }

    .management .satisfaction .other_opinions textarea {
        float: none;
        height: 28px;
        padding: 0 0 0 10px;
        font-size: 12px;
        line-height: 28px;
        vertical-align: bottom;
    }

    .management .satisfaction .other_opinions input {
        height: 30px;
        margin-left: 5px;
        font-size: 12px;
    }

    /*이사장과의 대화*/
    .cnvrs_chbrd .inner_left{width: 100%;}
    .cnvrs_chbrd .inner_right{width: 100%; margin-top: 30px; text-align: center;}
    .cnvrs_chbrd .inner_right img{max-width: 50%;}
    .cnvrs_chbrd .sub_title_01{margin: 25px 0 20px; font-size: 20px;}
    .cnvrs_chbrd .sub_title_01 br{display: none;}
    .cnvrs_chbrd .inner_left p{font-size: 16px;}

    /*개인정보 처리방침*/
    .talk_chairman .consent_box{padding: 20px}
    .talk_chairman .consent_box .consent_box_tit{padding-bottom: 20px; font-size: 18px;}
    .talk_chairman .consent_box .consent_box_tit p{font-size: 16px;}
    .talk_chairman .con_box_01 .tit{font-size: 16px; margin: 0 0 40px 50px;}
    .talk_chairman .con_box_01 .txt{font-size: 14px;}
    .talk_chairman .con_box_02{margin-top: 20px;}
    .talk_chairman .con_box_02 .consent_box_txt{font-size: 14px;}
    .talk_chairman .con_box_02 .sub_title_03{margin: 25px 0 10px; font-size: 16px}
    .talk_chairman .con_box_02 .con_list_01{padding-left: 20px; font-size: 14px;}
    .talk_chairman .con_box_02 .con_list_02{margin-bottom: 13px; padding-left: 40px; font-size: 14px;}
    .talk_chairman .con_box_02 .con_list_02:after{left: 30px;}
    .talk_chairman .con_box_03{margin-top: 20px; padding-top: 20px; font-size: 14px;}
    .talk_chairman .con_box_03 .tit{margin-bottom: 10px;}
    .talk_chairman .exclamation_mark{margin-top: 15px;padding:0 0 15px 24px;font-size: 14px;}
    .talk_chairman .exclamation_mark:before{top: 2px;}
    .talk_chairman .exclamation_mark:after{top: -1px;}
}
@media only screen and (max-width: 767px) {
    .tbl_wrap{position: relative;padding-top: 40px;margin-top: 20px;}
    /* .tbl_wrap::before{content: '좌우로 표를 움직일 수 있습니다.';top: 0;left: 0;position: absolute;padding: 12px 0 12px 85px;width: 100%;min-width: 767px;background: url(/images/new/web/sub/tbl_wrap.png) no-repeat 10px 8px #188c7a; color: #fff;font-size: 13px;box-sizing: border-box;} */
    .tbl_wrap::before{content: '좌우로 표를 움직일 수 있습니다.';top: 0;left: 0;position: absolute;padding: 12px 0 12px 85px;width: 100%;min-width: 767px; background: #188c7a; color: #fff;font-size: 13px;box-sizing: border-box;}
    /* .tbl_wrap {overflow-x: scroll;} */
    .tbl_wrap {overflow-x: auto;}
    .tb_a div{padding-right: 65px;}
    .tbl_100{width: 100%;}
    .board_list1 {width:767px !important;}
}
@media only screen and (max-width: 767px) {
	/* .utilPop table{width: 767px;} */
	.utilPop table{width: 100%;}
	.utilPop .tbl_type01 {width:767px;}
}


@media screen and (max-width:768px){
    /* tab test */
    .tab * { box-sizing: border-box; line-height: 14px;}
    .tab {position: relative;width: 100%;height: 40px;border-radius: 6px;border: 1px solid #ccc;background:#fff;cursor: pointer;margin-bottom: 20px;}
    .tab .label {display: flex;position: relative;align-items: center;width: inherit;height: inherit;border: 0 none;outline: 0 none;padding: 0 40px 0 15px;background: transparent;cursor: pointer;}
    .tab .label:after {content: '';display: inline-block;position: absolute;width: 8px;height: 14px;top: 50%;right: 15px;background: url(/images/new/web/sub/tab_arr_ico.png)no-repeat;transform: translateY(-50%);transition: .1s ease-in;}
    .tab .label_active:after {transform: translateY(-50%) rotate(90deg);}
    .tab ul {display: block;position: absolute;top: 40px;left: 0;width: 100%;color: #fff;list-style-type: none;padding: 0;border-radius: 6px;overflow: hidden;max-height: 0;background:#fff;z-index: 49;/*transition: .3s ease-in;*/}
    .tab.active ul {max-height: 300px;overflow-x: hidden;overflow-y: auto;}
    .tab ul li {height: 40px;display: flex;border: none !important;border-bottom: 1px solid #ccc !important;transition: .1s;min-height: 40px;width: 100% !important;border-radius: 0;}
    .tab ul li:hover {}
    .tab ul li:last-child {border-bottom: 0 none;}
    .tab ul li a{padding: 10px 15px;width: 100%;text-align: left;}
    .tab ul li_active {background: #333;}
    .tab ul li_active a{color: #fff;}
    .tab ul::-webkit-scrollbar {width: 6px;}
    .tab ul::-webkit-scrollbar-track {background: transparent; }
    .tab ul::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
    .tab ul::-webkit-scrollbar-thumb:hover {background: #303030;}

    .sub_visual{padding: 60px 0px 0;background-position:top center !important;background-size: 95% !important;}
    .sub_visual > .sub_visual_01{text-align: center;padding-left: 0;}
    .sub_visual > .sub_visual_01 h4{width: 240px; margin: 0 auto;}
    .sub_visual > .sub_visual_02{margin-top: 2%;}
    .climate{background:url(/images/new/web/sub/core/climate_bg_tb.png) no-repeat;}
    .water_soil{background: url(/images/new/web/sub/core/water_soil_bg_tb.png) no-repeat;}
    .resource_circulation{background: url(/images/new/web/sub/core/resource_circulation_bg_tb.png) no-repeat;}
    .environmental_facilities{background: url(/images/new/web/sub/core/environmental_facilities_bg_tb.png) no-repeat;}
    .national_health{background: url(/images/new/web/sub/core/national_health_bg_tb.png) no-repeat;}
    .news_data{flex-direction: column; margin-bottom: 30px;}
    .news_data > div{width: 100%;}

    .m_strapline .sub_title h2{font-size: 22px;}
    .m_strapline .home_wrap{flex-wrap: wrap;}
    .m_strapline .home_wrap .share_box {margin-left: 0px; margin-top: 10px; width: 100%; display: flex; justify-content: center;}
    .m_strapline .home_wrap .share_box:after {display: none;}
    .m_strapline .home_wrap .share_box a {width: 36px; height: 36px;}
    .m_strapline .home_wrap .share_box .sub_share:after {top: 5px; left: 5px;}
    .m_strapline .home_wrap .share_box .sub_print:after {top: 5px; left: 5px;}
    /* 탭버튼 타입_02 */
    .content_tab {padding:10px}
    .content_tab > ul > li > a{padding:0 5px}

    .phide{display: block;}
    .mhide{display: none;}
    
     /*사전정보공표 상단 메뉴 수정 */
    .priorInformation_publication_tab ul li {flex:1 1 33%;}

    /*인사말*/
    .greeting_02 .greeting_box_01{padding: 15px;}
    .greeting_02 .greeting_box_01 .tit_01{font-size: 10px; padding-top: 30px; }
    .greeting_02 .greeting_box_01 .tit_02{font-size: 19px; margin-top:20px;}
    .greeting_02 .greeting_box_01 .tit_03{font-size: 13px; margin-top:20px;}

    /*프로필*/
    .profile .weak_force_wrap {display: flex;display: -webkit-flex !important; flex-wrap: wrap; justify-content: space-around; margin-bottom: 30px;}
    .profile .weak_force_wrap .tit{width: 100%; margin-bottom: 30px;}
    .profile .weak_force_wrap .tit p {font-size: 20px;}

    /* 경영 전략체계 */
    /* .management_strategy_system .box_01 .tit_01 {padding-top: 51px;font-size: 18px;}
     .management_strategy_system .box_06{flex-wrap: wrap;}
     .management_strategy_system .box_06 div{width: 31%; margin-top: 50px;}*/
    .management_strategy_system .tit{font-size: 20px;}
    .management_strategy_system .box_01{height: 240px;}
    .management_strategy_system .box_01 .tit_box{padding: 12px;}
    .management_strategy_system .box_01 .tit_box .tit_01{font-size: 18px;}
    .management_strategy_system .box_01 .tit_box .tit_02{font-size: 18px;}
    .management_strategy_system .box_01 .tit_box .border_box{padding: 15px;}
    .management_strategy_system .box_01 .tit_box_02 .tit_01{font-size: 18px;}
    .management_strategy_system .box_06{flex-wrap: wrap;}
    .management_strategy_system .box_06 div{width: 43%; margin-top: 15px;}
    .management_strategy_system .box_02{padding: 18px;}
    .management_strategy_system .box_02 p{font-size: 18px;}
    .management_strategy_system .box_03 p{padding: 18px;font-size: 18px;}
    .management_strategy_system .box_04 div p strong{font-size: 18px;}
    .management_strategy_system .box_05 p{padding: 18px;font-size: 18px;}
    .management_strategy_system .box_06 div .tit{font-size: 18px;}


    /*전용색상*/
    .symbol .dedicated_color{ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .symbol .dedicated_color .color_box{width: 45%;}

    /*환경체*/
    .card_style_02 .card_box_01 .img_box{padding: 20px;}
    .card_style_02 .card_box_01 .img_box a{padding: 13px 35px 16px 20px; font-size: 13px; background-size: 20%;}

    /*CEO 안전보건경영철학*/
    .philosophy_safety_health_management {background-size: 30%;}
    .philosophy_safety_health_management .tit_box {padding-right: 300px; padding-top: 20px;}
    .philosophy_safety_health_management .txt_box{padding-right: 100px;}

    /*안전보건경영시스템구축*/
    .btn_02{ font-size: 14px;}

    /*경영공시,자율공시 목록*/
    .esg_link_box .esg_link, .esg_link_box_02 .esg_link{flex:1 1 40%;}
	.esg_link_box .esg_link .txt_box a.mhide {display: none;}
	
    /*위원회 명단*/
    .commission_list .box_01 .tit{font-size: 15px;}
    .btn{font-size: 10px; margin: 0;}
	.btn.down {margin-left: 15px;}
	
    /*사이트맵*/
    .sitemap_wrap .sitemap > ol > li {flex: 1 1 45%;}

    /*주요사업*/
    /*생태독성 종합정보 바로가기*/
    .tab-nav{display: none;}
    .tab-nav2{display: flex;flex-wrap: wrap;}
    .tab-nav2 .tn-depth3{width: 50%;}
    .guide_step li a strong{font-size: 17px;}
    .guide_step li{font-size: 14px;}

    /*환경영향평가서 등 검토*/
    .card_style_02 {flex-wrap: wrap; }
    .card_style_02 .card_box_03{width: 49%;}

    /*공통*/
    /*버튼 크기*/
    .down_03{padding: 12px 49px 15px 25px; background-size: 30px}
    .btn_03{font-size: 13px;}

    /*카드 이미지 박스*/
    .card_img_01, .inline_box {flex-wrap: wrap;}
    .card_img_01{padding: 0; border: none;}
    .card_img_01 img{margin-bottom: 5px;}

    .core_values .box_01{padding: 50px 50px;}
    .core_values .box_01 .txt_01{width: 90%;}

    /* 부패신고상담 */
    .caution_box > .caution_img_box > img{ min-height: 0; min-width: 0; max-width: 80%;}
    .caution_box > .caution_txt_box > p{margin: 10px 60px;line-height: 1.5;}
    .Declaration_box02 div a{min-width: 180px;}

    /*콘텐츠박스*/
    .content_box{background: url(/images/new/web/sub/content_box_768.png) no-repeat 0 0;}
    .content_box .img_box img, .content_box .img_box:after {display: none;}
    .content_box .tit_box {padding: 65px 56px 30px 75px;}

    /* strapline */
    .contents {
        width: 100%;
    }
    .strapline {
        flex-direction: column;
        align-items: center;
        padding: 40px 20px;
        margin-top: 0px;
    }

    .strapline .sub_title {
        margin-bottom: 15px;
    }

    .strapline .sub_title h2 {
        font-size: 28px;
        text-align: center;
    }

    .strapline .home_wrap {
        flex-direction: column;
    }

    .strapline .home_wrap .nav .state {
        font-size: 0;
    }

    .strapline .home_wrap .nav .state span {
        font-size: 16px;
    }

    .strapline .home_wrap .nav .state span:first-child {
        padding-left: 0;
    }

    .strapline .home_wrap .nav .state span:last-child {
        padding-right: 0;
    }

    .strapline .home_wrap .nav .state span:after {
        top: 3px;
        left: -1px;
    }

    .strapline .home_wrap .nav .state .home a {
        background: url(/images/new/web/sub/sub_home.png) no-repeat 0 0 / 100%;
        width: 14px;
        height: 14px;
    }

    .strapline .home_wrap .share_box {
        margin: 20px 0 0;
    }

    .strapline .home_wrap .share_box:after {
        display: none;
    }

    .strapline .home_wrap .share_box a {
        width: 38px;
        height: 38px;
    }

    .strapline .home_wrap .share_box a:last-child {
        margin-right: 0;
    }

    .strapline .home_wrap .share_box .sub_share:after {
        content: '';
        display: inline-block;
        position: static;
        width: 100%;
        height: 100%;
        background: url(/images/new/web/sub/sub_share.png) no-repeat center center / 18px 19px;
    }

    .strapline .home_wrap .share_box .sub_print:after {
        content: '';
        display: inline-block;
        position: static;
        width: 100%;
        height: 100%;
        background: url(/images/new/web/sub/sub_print.png) no-repeat center center/ 18px 19px;
    }

    /* 본인인증 */
    .identity_verification .registration_box{padding: 50px 20px;margin: 20px;}
    .identity_verification .registration_box .more_than{ width: auto; padding: 20px;}
    .identity_verification .registration_box .less_than{ width: auto; padding: 20px;}
    .identity_verification .registration_box .more_than a{padding: 15px 20px;}
    .identity_verification .registration_box .less_than a{padding: 15px 20px;}
    .identity_verification .registration_box .more_than .txt:before{left: 40px;}
    .identity_verification .registration_box .less_than .txt:before{left: 25px;}

    .org_group > .org_group01 > li:last-child > ul > li{width: calc(50% - 15px);}

    /* 인사말 */
    .greeting_02 .greeting_box_02 {margin-top: 30px;}
    .greeting_02 .greeting_box_02 div {margin-bottom: 30px;}
    .greeting_02 .greeting_box_03:after {content: '';position: absolute;width: 110px;height: 66px;top: -11px;right: 13px;background: url(/images/new/web/sub/greeting_name_01.png) no-repeat 0 0;background-size: 80%;}

    .code_ethics .txt_03 .policy{font-size: 14px; margin-top: 10px;}
    .circle_inner .circle1{border-right: 8px solid #e9e9e9; border-bottom: 8px solid #e9e9e9; width: 80px; height: 80px; top: -8px; left: -24px; background:#fff;}
    .circle_inner .circle2{border-left: 8px solid #e9e9e9; border-bottom: 8px solid #e9e9e9; width: 80px; height: 80px; top: -8px; right: -24px; background:#fff;}
    .circle_inner .circle3{border-top: 8px solid #e9e9e9; border-right: 8px solid #e9e9e9; width: 80px; height: 80px; bottom: -8px; left: -24px; background:#fff;}
    .circle_inner .circle4{border-top: 8px solid #e9e9e9; border-left: 8px solid #e9e9e9; width: 80px; height: 80px; bottom: -8px; right: -24px; background:#fff;}

    .core_service .core_service_implementation_standards{padding: 25px;}
    .core_service .core_service_implementation_standards{display: flex;flex-direction: column;}
    .core_service .core_service_implementation_standards dd{border-radius: 0 0 10px 10px;width: 100% !important;margin: 0 0 20px 0;}
    .core_service .core_service_implementation_standards dt{border-radius: 10px 10px 0 0;width: 100%;height: 80px;}
    .core_service .core_service_implementation_standards dt p:before{display: none;}
    .core_service .core_service_implementation_standards dt p:after{display: none;}
    .core_service .core_service_implementation_standards dt p{padding-top: 0 !important;display: grid;align-items: center;line-height: 1.25;}
    .core_service .core_service_implementation_standards dt:nth-child(11) p{padding-top: 0 !important;}
    .core_service .core_service_implementation_standards dt:nth-child(15) p{padding-top: 0 !important;}

    /*비전*/
    .vision .box_01 .tit_03{font-size: 30px;}
    .vision .box_01 .tit_03:after{left: -57px;}
    .vision .box_01 .tit_03:before{right: -56px;}
    .vision .box_01 .tit_02{font-size: 20px;}

    /*전략목표*/
    .strategic_objectives .bundle{flex-wrap: wrap; display: -webkit-flex;}
    .strategic_objectives .bundle .tit_box{width: 100%; margin-left: 0; margin-top: 20px;}
    .strategic_objectives .bundle .tit_box p{padding:30px;}
    .strategic_objectives .bundle:nth-of-type(1) .tit_box p, .strategic_objectives .bundle:nth-of-type(5) .tit_box p{padding-top: 30px;}
    .strategic_objectives .bundle:nth-of-type(2) .tit_box p{padding-top: 30px;}
    .strategic_objectives .bundle:nth-of-type(3) .tit_box p, .strategic_obje30ives .bundle:nth-of-type(4) .tit_box p{padding-top: 30px;}
    .strategic_objectives .bundle:nth-of-type(4) .tit_box p{padding-top: 30px;}

    /*핵심가치*/
    .core_values .box_01{padding: 50px 50px;}
    .core_values .box_01 .txt_01 p{padding: 0 0px 0px 170px;}

    .search_box2 div ul{width: calc(100% - 60px);}

    /*민원처리정렴도평가*/
    .survey_question{line-height: 32px; padding: 15px 0; font-size: 17px;}
    .survey_content{padding-left: 5px;}
    ul li textarea{margin-left: 0; width: 100%;}



    /*기업 민원인 보호서비스 헌장*/
    .code_ethics .tit_02{font-size: 33px;}
    .code_ethics .tit_02:before {right: 393px;}
    .code_ethics .tit_02:after {left: 395px;}

    /*중소규모 사업장 화학안전관리*/
    .apps-bx > div > strong{float: none; width: 100%;}
    .apps-bx > .inner > .border_box{width: 100%; height: auto; box-sizing: border-box;}
    .small{margin-top: 10px;}
    .small > ul{top: -10px; width: auto; left: 0;}

    /*개인정보 처리방침*/
    .privacy_tit h6{width: 100%;}
    .privacy_tit div{width: 75%;}
    
    /* 온실가스 */
    .business_list > div > h1 {height: 60px;}
    
    /* table */
    .tbl_type01 td,
    .tbl_type01 th {padding: 9px 5px; font-size:14px;}
}

@media screen and (max-width:767px){
    .contents{
        padding-top: 110px;
    }
}

@media screen and (max-width: 640px){
    .singo_link > ul li{flex-direction: column;background-position: 65px;line-height: 36px;}
    .singo_link > ul li div{align-items: center;}
    .singo_link > ul li div > p:first-child{margin: 10px;}
    .singo_link img{margin-top: 0;}
    .singo_link > ul li a{margin: 10px 0;}
    .singo_link > ul li:first-child a{background: none;}
    .singo_link > ul > li > div > span > p:first-child{margin-top: 0;}
    
     /*사전정보공표 상단 메뉴 수정 */
    .priorInformation_publication_tab ul li a {padding-left:35px;}

    .profile .weak_force_wrap .year li{display: flex; flex-direction: column; padding-left:0;}
    .year span{margin-left: 0;}
    .profile .weak_force_wrap .year li:after{display: none;}
    .year b{margin-bottom: 10px;}

}
@media screen and (max-width: 580px){
    .sub_visual > .sub_visual_02{margin-top: 20px;padding: 15px 10px;justify-content: space-around;}
    .sub_visual > .sub_visual_02 > li{width: 50%;}
    
    .sub_visual > .sub_visual_02 > li:nth-last-of-type(1),
	.sub_visual > .sub_visual_02 > li:nth-last-of-type(2){margin-bottom: 0;}
    .climate{background:url(/images/new/web/sub/core/climate_bg_mb.png) no-repeat;}
    .water_soil{background: url(/images/new/web/sub/core/water_soil_bg_mb.png) no-repeat;}
    .resource_circulation{background: url(/images/new/web/sub/core/resource_circulation_bg_mb.png) no-repeat;}
    .environmental_facilities{background: url(/images/new/web/sub/core/environmental_facilities_bg_mb.png) no-repeat;}
    .national_health{background: url(/images/new/web/sub/core/national_health_bg_mb.png) no-repeat;}
    
     /*사전정보공표 상단 메뉴 수정 */
    .priorInformation_publication_tab ul li {flex:1 1 50%;}
    .priorInformation_publication_tab ul li a {padding-left:50px;}

    .m_strapline .sub_title h2 {font-size: 18px;}
    .m_strapline .home_wrap .nav .state span{padding: 3px 6px; font-size: 10px;}
    .m_strapline .home_wrap .nav .state .home a {width: 13px; height: 13px; background-size: cover;}
    .m_strapline .home_wrap .share_box a {width: 26px; height: 26px;}
    .m_strapline .home_wrap .share_box .sub_share:after {width: 16px; height: 16px;  background-size: cover;}
    .m_strapline .home_wrap .share_box .sub_print:after {width: 16px; height: 16px;  background-size: cover;}
    .contents > #sub > .strapline{display: block;}
    .core_values .box_01 .txt_01 p{padding: 40px 0px 0px 160px;}

    .openguide dd{width: auto;margin: 110px 0px 20px;}
    .openguide dt:before{width: 2px;height: 92px;left: 78px;top: 162px;}
    .openguide dt:after{top: 260px;left: 75px;}

    .code_ethics .tit, .code_ethics_01 .tit, .code_ethics .tit_03{font-size: 33px;}
    .code_ethics .txt_02, .code_ethics_01 .txt_02 {padding: 0px 10px;}
    .code_ethics .txt p, .code_ethics_01 .txt p{font-size: 15px;}
    .code_ethics .txt_02 .txt_list .num, .code_ethics_01 .txt_02 .txt_list .num{width: 40px; height: 40px; line-height: 40px;}
    .code_ethics .tit_03:after{left: 150px;}
    .code_ethics .tit_03:before{right: 150px;}

    /* 탭 버튼 타입 */
    .guide_step{flex-direction: column;}
    .guide_step li{width: auto;border-bottom: 1px solid #fff;}
    .guide_step li:after{right: 50%;width: 20px;height: 20px;transform: rotate(135deg) translate(-25%,-25%);top:72px;}

    .prolist{flex-direction: column;}
    .prolist > li{width: 100%}

    .core_service .core_service_implementation_standards dd{padding:32px !important;}


    /*비전*/
    .vision .box_01 .tit_03{font-size: 26px; padding-top: 30px;}
    .vision .box_02{background-size: 100%;}
    .vision .box_02 .txt_01{padding-top: 214px; font-size: 18px;}
    .vision .box_02 .txt_02{padding-top: 25px; font-size: 16px;}
    .vision .box_01 .tit_03:before, .vision .box_01 .tit_03:after{display: none;}

    /*자주하는 질문,답변*/
    .faq .tb_a{flex-direction: column; gap: 20px;}
    .tb_a div{padding-right: 5px; width: 100%;}

    .business_list > div{width: 100% !important;}

    /*기업 민원인 보호서비스 헌장*/
    .code_ethics .tit_02:before, .code_ethics .tit_02:after  {display: none;}
    /*윤리,인권경영,고객서비스 헌장*/
    .code_ethics .tit:before, .code_ethics_01 .tit:before{right: 175px;}
    .code_ethics .tit:after, .code_ethics_01 .tit:after{left: 180px;}

    .management .manager .date {
        display: none;}
    /*개인정보처리방침*/
    .privacy_tit{flex-wrap: wrap; flex-direction: column; justify-content: center;}
    .privacy_tit div{margin-left: 50px;}
}
@media screen and (max-width:479px) {
    .detailed_work > div > div > .con_01 > .con_list_02_3{margin-bottom:5px;}

    .guide_step li:after{content:none;}

    .search_box2 .sf_1{display: flex;flex-direction: column;text-align: center;}
    .search_box2 .sf_1 label{margin-right: 0;margin-bottom: 10px}
    .search_box2 .sf_1 .top_select{width: 100%;}
    .search_box2 .sf_2{display: flex;flex-direction: column;text-align: center;}
    .search_box2 .sf_2 label{margin-right: 0;}
    .search_box2 .org_btn{margin-left: 0;}
    .search_box2 .sf_1 ul li:nth-child(3) select:first-child{margin-bottom: 10px;}
    .search_box2 div ul li:nth-child(1){text-align: left;}
    .search_box2 .org_btn{text-align: left;}
    .search_box2 div ul li:nth-child(3){flex-direction: column;}

    .date{display: none;}
    .news_data ul li, .news_data ul a{grid-template-columns: 100%;}
    .new_news .p_txt_03 p{width: 100%;}
    .latest_data .p_txt_03 p:last-child{width: 100%;}

    #left_menu .inner {
        width: 100%;
    }

    #sub {
        width: 100%;
        padding: 0 20px 80px 20px;
        box-sizing: border-box;
    }

    .contents {
        width: 100%;
    }

    .strapline {
        flex-direction: column;
        align-items: center;
        padding: 20px;
        margin-top: 0px;
    }

    .strapline .sub_title {
        margin-bottom: 15px;
    }

    .strapline .sub_title h2 {
        font-size: 23px;
        text-align: center;
    }

    .strapline .home_wrap {
        flex-direction: column;
    }

    .strapline .home_wrap .nav .state {
        font-size: 0;
    }

    .strapline .home_wrap .nav .state span {
        font-size: 12px;
    }

    .strapline .home_wrap .nav .state span:first-child {
        padding-left: 0;
    }

    .strapline .home_wrap .nav .state span:last-child {
        padding-right: 0;
    }

    .strapline .home_wrap .nav .state span:after {
        top: 3px;
        left: -1px;
    }

    .strapline .home_wrap .nav .state .home a {
        background: url(/images/new/web/sub/sub_home.png) no-repeat 0 0 / 100%;
        width: 14px;
        height: 14px;
    }

    .strapline .home_wrap .share_box {
        margin: 20px 0 0;
    }

    .strapline .home_wrap .share_box:after {
        display: none;
    }

    .strapline .home_wrap .share_box a {
        width: 38px;
        height: 38px;
    }

    .strapline .home_wrap .share_box a:last-child {
        margin-right: 0;
    }

    .strapline .home_wrap .share_box .sub_share:after {
        content: '';
        display: inline-block;
        position: static;
        width: 100%;
        height: 100%;
        background: url(/images/new/web/sub/sub_share.png) no-repeat center center / 18px 19px;
    }

    .strapline .home_wrap .share_box .sub_print:after {
        content: '';
        display: inline-block;
        position: static;
        width: 100%;
        height: 100%;
        background: url(/images/new/web/sub/sub_print.png) no-repeat center center/ 18px 19px;
    }

    .management .manager ul:after {
        top: -1px;
    }

    .management .manager ul .tit {
        width: 100%;
        margin: 0px 0 10px 25px;
        font-size: 14px;
        font-weight: 600;
    }

    .management .manager {
        padding: 15px;
    }

    .management .manager ul {
        flex-wrap: wrap;
        width: 100%;
    }

    .management .manager ul li {
        width: 100%;
        margin-left: 0;
    }

    .management .manager ul li:nth-child(5) {
        margin-top: 15px;
    }

    .management .manager ul li:last-child {
        width: 100%;
        /*margin-top: 5px;*/
    }

    .management .satisfaction {
        padding: 15px;
        height: auto;
    }

    .management .satisfaction:after {
        display: none;
    }

    .management .satisfaction p {
        font-size: 14px;
    }

    .management .satisfaction ul li {
        margin: 5px 15px 5px 0;
        font-size: 12px;
    }

    .management .satisfaction ul li:last-child {
        margin-right: 0;
    }

    /*.management .satisfaction a {*/
    /*    font-size: 11px;*/
    /*}*/

    .management .satisfaction .other_opinions {
        text-align: center;
    }

    .management .satisfaction .other_opinions textarea {
        float: none;
        height: 28px;
        padding: 0 0 0 10px;
        font-size: 12px;
        line-height: 28px;
        vertical-align: bottom;
    }

    .management .satisfaction .other_opinions input {
        height: 30px;
        margin-left: 5px;
        font-size: 12px;
    }

    /* 본인인증 */
    .identity_verification_02 .title_box {
        height: auto;
        padding: 20px 20px;
        background: #f6f6f6;
        border-radius: 10px;
    }

    .identity_verification_02 .title_box .tit {
        padding-top: 0;
        font-size: 16px;
    }

    .identity_verification_02 .title_box .txt {
        font-size: 15px;
        padding-right: 0;
        word-break: keep-all;
    }

    .identity_verification_02 .certified_box {
        flex-direction: column;
        margin-top: 40px;
        padding: 30px 20px;
    }

    .identity_verification_02 .certified_box .cell_phone {
        width: 100%;
        box-sizing: border-box;
    }

    .identity_verification_02 .certified_box .cell_phone .tit {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .identity_verification_02 .certified_box .cell_phone .txt {
        margin-bottom: 20px;
        word-break: keep-all;
        font-size: 14px;
    }

    .identity_verification_02 .certified_box .cell_phone a {
        display: block;
        width: 100%;
        padding: 15px 0;
        margin: 0 auto;
        background-position: 90% 50%;
    }

    .identity_verification_02 .certified_box .cell_phone a:after {
        left: 20px;
    }

    .identity_verification_02 .certified_box .cell_phone .txt_02 {
        display: inline-block;
        margin-top: 20px;
    }

    .identity_verification_02 .certified_box .cell_phone .txt br {
        display: none;
    }

    .identity_verification_02 .certified_box .cell_phone .txt_02:after {
        top: 2px;
        left: -20px;
    }

    .identity_verification_02 .certified_box .i_pin {
        width: 100%;
        margin: 0 0 20px 0;
        box-sizing: border-box;
    }

    .identity_verification_02 .certified_box .i_pin .tit {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .identity_verification_02 .certified_box .i_pin .txt {
        margin-bottom: 20px;
        word-break: keep-all;
        font-size: 14px;
    }

    .identity_verification_02 .certified_box .i_pin a {
        display: block;
        width: 100%;
        padding: 15px 0;
        margin: 0 auto;
        background-position: 90% 50%;
    }

    .identity_verification_02 .certified_box .i_pin a:after {
        left: 20px;
    }

    .identity_verification_02 .certified_box .i_pin .txt_02 {
        display: inline-block;
        margin-top: 20px;
    }

    .identity_verification_02 .certified_box .i_pin .txt_02:after {
        top: 2px;
        left: -20px;
    }

    /* 사이트맵 */
    .sitemap_wrap {
        margin-top: 20px;
    }

    .sitemap_wrap .sitemap > ol {
        flex-direction: column;
    }

    .sitemap_wrap .sitemap > ol > li {
        width: 100%;
        margin-right: 0;
    }

    .sitemap_wrap .sitemap > ol > li > a {
        padding: 13px 0 13px 17px;
        font-size: 15px;
    }

    .sitemap_wrap .sitemap > ol > li > ol > li > a {
        padding: 10px 0 10px 15px;
        font-size: 14px;
    }

    .sitemap_wrap .sitemap > ol > li > ol > li > ol > li {
        margin: 7px 0 0 17px;
    }

    .sitemap_wrap .sitemap > ol > li > ol > li > ol > li > a {
        display: block;
    }

    /*인사말*/
    .greeting_02 .greeting_box_01 {
        margin-bottom: -200px;
    }

    .greeting_02 .greeting_box_02 div p {
        font-size: 14px;
    }

    .greeting_02 .greeting_box_01 .tit_01 {
        font-size: 7px;
        padding-top: 10px;
    }

    .greeting_02 .greeting_box_01 .tit_02 {
        font-size: 10px;
        margin-top: 15px;
    }

    .greeting_02 .greeting_box_01 .tit_03 {
        font-size: 12px;
        margin-top: 50px;
        text-align: center;
    }
    
    /*사전정보공표*/
    .priorInformation_publication_tab ul li {height:50px; padding:15px 20px 20px;}
    .priorInformation_publication_tab ul li a {padding-left:35px; font-size:14px;}

    /*프로필*/
    .profile .weak_force_wrap{margin-bottom: 10px; -webkit-box-orient: vertical !important;}
    .profile .weak_force_wrap .year li{padding: 0; font-size: 16px;}
    .profile .weak_force_wrap .year li:after{display: none;}

    /*이사장과의 대화*/
    .talk_chairman {
        margin-top: 40px;
    }

    .talk_chairman .con_box_01 {
        background-size: 100%;
        height: auto;
        background-position: 1% 50px
    }

    .talk_chairman .con_box_01 .tit {
        font-size: 13px;
        margin-left: 50px;
        margin: 0 0 10px 20px;
    }

    .talk_chairman .con_box_01 .txt {
        font-size: 10px;
        margin-left: 20px;
    }

    .talk_chairman .guide p {
        font-size: 14px;
    }

    /*경영전략체계*/
    .management_strategy_system .box_06 div {
        width: 100%;
    }

    .management_strategy_system .tit {
        font-size: 17px;
    }

    /*심벌마크. 로고타입, 시그니처, 전용색상, 마스코트, 환경체*/
    .p_tit_02 {
        font-size: 15px;
    }

    .p_txt_02 {
        font-size: 13px;
    }

    .box_right {
        text-align: center;
    }

    /*전용색상*/
    .symbol .dedicated_color .color_box {
        width: 100%;
    }

    /*환경체*/
    .btn_02 {
        padding: 13px 50px 16px 20px;
    }

    .con_01 li {
        font-size: 15px;
    }

    /*지속가능경영보고서*/
    .sustainability_report div img {
        width: 100%;
    }

    .btn_04 {
        font-size: 14px;
        padding: 18px 20px 14px 60px;
    }

    .down_04 {
        background-size: 12%;
    }

    /*CEO 안전보건경영철학*/
    .philosophy_safety_health_management .tit_box {
        padding-right: 150px;
        padding-top: 10px;
    }

    .philosophy_safety_health_management .txt_box {
        padding-right: 50px;
        padding-top: 20px;
    }

    .philosophy_safety_health_management .tit_box p {
        font-size: 20px;
        margin-left: 30px;
    }

    .philosophy_safety_health_management .txt_box p {
        font-size: 14px;
        margin-left: 30px;
    }


    /*심벌마크. 로고타입, 시그니처, 전용색상, 마스코트, 환경체*/
    .p_tit_02 {
        font-size: 15px;
    }

    .p_txt_02 {
        font-size: 13px;
    }

    .box_right {
        text-align: center;
    }

    /*심벌마크*/
    .symbol .chk_box img{width: 50%;}


    /*위원회 명단*/
    .commission_list{flex-wrap: wrap;}
    .commission_list .box_01{width: 100%; margin-bottom: 20px;}

    /*자율공시 목록*/
    .content_box{background: url(/images/new/web/sub/mobile_content_box_01.png) no-repeat 0 0;justify-content: center;flex-wrap: wrap; height: auto;min-height: auto;}

    /*공통 콘텐츠 박스*/
    .content_box .tit_box .tit{font-size: 17px; margin-bottom: 7px;}
    .content_box .tit_box{ padding: 34px 20px 20px 39px;}
    .content_box .img_box img {position: relative; top: -20px; left: -31px; width: 80%; display: none;}
    .content_box .img_box:after{left: -34px; bottom: 14px; display: none;}
    .content_box .img_box:before{right: 4px; top: -42px; display: none;}
    .content_box .tit_box .txt{font-size: 15px; line-height: 1.3; letter-spacing: -0.1px;}

    /*안전보건시스템구축*/
    .btn_02 {margin: 0 auto;}

    /*k-eco안전119*/
    .safety_sticker .box_01 .card_box_01{margin-bottom: 20px;}

    /*경영공시,자율공시 목록*/
    .esg_link_box .esg_link, .esg_link_box_02 .esg_link{flex: 100%;}

    /*민원처리 청렴도 평가*/
    .question_tit{font-size: 15px; margin-bottom: 10px; padding: 10px 0 10px 0; line-height: 2;}
    .question_box2 .q_txt_box{padding: 0;}
    .q_txt_box textarea{box-sizing: border-box;padding: 10px 20px;line-height: 25px;}
    .phone_box, .email_box{padding: 20px 10px 25px 10px;}
    .survey_box_list li ul{line-height: 30px; font-size: 15px;}

    /*공통 카드 이미지*/
    .card_style_02{justify-content: center;}
    .card_style_02 .card_box_01, .card_style_02 .card_box_02, .test_box2 > li, .card_style_01 .card_box_01, .card_style_02 .card_box_03{width: 100% !important;margin-bottom: 5px;}
    .prolist > ul, .card_style_01, .card_style_02, .test_box2 {flex-wrap: wrap;}
    .card_style_01 .card_box_01 .tit_box p{font-size: 17px;}
    .inline_box_tit, .con_01 .con_list_01{font-size: 14px;}
    p{font-size: 14px;}
    .inline_box_foot{padding: 13px 30px;}
    .down_box li span, .down_box li{width:100%;}

    /*공통 마진값*/
    .con_01 li, .con_02 li{margin-bottom: 30px;}

    /*주요사업*/
    /*물토양 지하수측정망 설치운영*/
    .prolist li {width: 100% !important;}
    .prolist img{margin-bottom: 10px;}
    .prolist > ul > li:first-child{margin-right: 0;}
    /*생태독성 종합정보 바로가기*/
    .tab-nav2 > .tn-depth3{width: 100% !important;}
    .guide_step li{padding: 6px;}

    /*공통*/
    /*버튼 크기*/
    .down_03{ padding: 5px 32px 9px 16px; background-size: 20px}
    .btn_03{font-size: 10px;}
    /*테이블크기*/
    /*.tbl_type01{table-layout: auto;}*/

    .prolist p{padding: 0px 10px;}

    .greeting_02 > .greeting_box_01 > .tit_03{margin-top: 0;text-align: left;}

    .symbol .mascot{padding: 10px;}
    /* CEO메시지 */
    .ceo-msg-bx > ul > li > span{padding: 35px 0 0 20px;font-size: 14px;}
    .ceo-msg-bx > ul > li:not(:last-child) > span:before{display: none;}
    .ceo-msg-bx > ul > li:last-child > span:before{border-top: none;width: 15px;left: 0;}
    .ceo-msg-bx > ul > li > span:after{left: 5px;}
    .ceo-msg-bx > ul > li > ul{margin-top: -30px;padding-left: 100px;}
    .ceo-msg-bx > ul > li > ul > li > dl{padding: 10px;}
    .ceo-msg-bx > ul > li > ul > li .subj{font-size: 11px;}
    .ceo-msg-bx > ul > li > ul > li > dl dd{font-size: 11px;}
    .ceo-msg-bx:after{top: 49px;left: 8px;height: 97.2%;z-index: -1;}

    .inline_box img{width: 100%;border-bottom: 1px solid #ddd;}

    .card_img_01 .right_txt{border: none;border-top: 1px solid #ddd;}

    .org_group > h1:after{content: '';display: inline-block;position: absolute;width: 50%;height: 1px;bottom: -25px;left: 50%;background: #d1d1d1;transform: translateX(-50%);}
    .org_group > .org_group01 > li:first-child > ul{justify-content: space-between;margin-top: 10px !important;}
    .org_group > .org_group01 > li:last-child > ul > li{margin:5px 0 0 0;width: 47%;height: 270px;}
    .org_group > .org_group02 > li:last-child{display: block;}
    .org_group > .org_group02 > li:last-child > ul{margin-left: 0 !important;width: 100%;}
    a.gray_box{width: auto !important;margin-bottom: 5px !important;}
    .org_group > .org_group02 > li:last-child > ul > li:first-child{margin-bottom: 5px !important;}

    /*헌장페이지 공통*/
    .code_ethics, .code_ethics_01{padding: 0 15px;}
    .code_ethics .txt_03 p, .code_ethics_01 .txt_03 p{font-size: 15px;}
    .code_ethics .txt_03{margin-top: 0;}
    .under_logo img{width: 40%; margin-top: 25px;}
    .circle_inner .circle1{border-right: 8px solid #e9e9e9; border-bottom: 8px solid #e9e9e9; width: 60px; height: 60px; top: -8px; left: -24px; background:#fff;}
    .circle_inner .circle2{border-left: 8px solid #e9e9e9; border-bottom: 8px solid #e9e9e9; width: 60px; height: 60px; top: -8px; right: -24px; background:#fff;}
    .circle_inner .circle3{border-top: 8px solid #e9e9e9; border-right: 8px solid #e9e9e9; width: 60px; height: 60px; bottom: -8px; left: -24px; background:#fff;}
    .circle_inner .circle4{border-top: 8px solid #e9e9e9; border-left: 8px solid #e9e9e9; width: 60px; height: 60px; bottom: -8px; right: -24px; background:#fff;}
    .code_ethics .tit:before, .code_ethics_01 .tit:before{right: 175px;}
    .code_ethics .tit:after, .code_ethics_01 .tit:after{left: 180px;}

    /*비전*/
    .vision{padding-bottom: 0; }
    .vision .box_02{background-position-y: 27%;}
    .vision .box_02 .txt_01{padding-top: 170px;}

    /*전략목표*/
    .strategic_objectives .bundle .box_wrap .box_02:after{left: calc(50% - 32px); top: 18px; background-size: 70px;}
    .strategic_objectives .bundle .box_wrap .box_01 p, .strategic_objectives .bundle .tit_box p{font-size: 18px;}
    .strategic_objectives .bundle .box_wrap .box_02 p{font-size: 16px;}
    .strategic_objectives .bundle:nth-of-type(4) .tit_box p{padding: 30px;}

    .question_box2 .phone_box .q_tel1{display: inline-block;width: 100%;padding: 10px;border-radius: 10px;background: url(/images/new/web/sub/select_btn_img.png) no-repeat 95% 50%;}
    .question_box2 .phone_box .q_tel2{display: inline-block;width: 100%;padding: 10px;border-radius: 10px;box-sizing: border-box;margin-top: 10px;}
    .question_box2 .email_box .q_mail1{margin-bottom: 10px;width: 100%;box-sizing: border-box;padding: 10px;border-radius: 10px;border: 1px solid #ccc;}
    .question_box2 .email_box .q_mail2{display: inline-block;width: calc(50% - 20px);box-sizing: border-box;padding: 10px;border-radius: 10px;}
    .question_box2 .email_box select{width: 49%;padding: 10px;border-radius: 10px;background: url(/images/new/web/sub/select_btn_img.png) no-repeat 98% 50%;display: inline-block;}

    /*기후대기 모바일 이미지*/
    .air_01{display: none;}
    .air_mo_01{display: block;}
    .year b{margin-left: 0; display: block; font-size: 16px;}
    .year span{margin-left: 0; white-space: nowrap;}
    .profile .weak_force_wrap .year li{font-size: 14px; margin-bottom: 15px;}

    /*민원처리 청렴도*/
    .survay_q p, .survey_input {font-size: 15px;}
    .survay_q p b{white-space: nowrap;}
    .chk li{font-size: 13px;}

    /*faq*/
    .slide_btn{padding: 15px 5px;}

    /*개인정보처리방침*/
    .select_table_contents > li > .privacy_txt{padding: 20px 35px;}

    .ecotoxicity_forum .box_01 .tit{width: 118px;height: 118px;}
    .ecotoxicity_forum .box_01 .txt{margin: 8px 20px 0 40px;padding: 0 10px 0 100px;height: 100px}
    .ecotoxicity_forum .box_01 .txt p{font-size: 14px;}

    .pc_img{display: none;}
    .mb_img{display: block;}
    .main_function > div{padding: 15px;}
    .main_function *{font-size: 14px !important;}
    .main_function > div > div > h6{font-size: 16px !important;}
}

@media screen and (max-width:455px) {
    /* 본인인증 */
    .identity_verification .registration_box .more_than .txt:before{left: 37px;background-size: 80%;width: 100%;top: 50px;}
    .identity_verification .registration_box .less_than .txt:before{left: 29px;background-size: 80%;width: 100%;top: 50px;}
    .identity_verification .registration_box .more_than .tit{font-size: 20px;margin-bottom: 10px;}
    .identity_verification .registration_box .less_than .tit{font-size: 20px;margin-bottom: 10px;}
    .identity_verification .registration_box .more_than .txt{padding-bottom: 140px;}
    .identity_verification .registration_box .less_than .txt{padding-bottom: 140px;}

    /* 부패신고상담 */
    .Declaration_box02{padding: 10px 50px;}
    .Declaration_box02 div a {min-width: 145px;padding: 12px 12px 12px 0px;}
    .caution_box > .caution_txt_box > p {margin: 10px 20px;line-height: 1.5;}
}

@media screen and (max-width:415px) {
    .ecotoxicity_forum .box_01{display: block;}
    .ecotoxicity_forum .box_01 .tit{position: relative;width: 100%;height: 30px;border-radius: unset;border-top-left-radius: 20px;border-top-right-radius: 20px;}
    .ecotoxicity_forum .box_01 .tit br{display: none;}
    .ecotoxicity_forum .box_01 .txt{height: 75px;padding: 20px;margin: 0;border-radius: unset;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}

    .tab {margin-top: 20px;}
    .tab ul > li:first-child:nth-last-child(2), .tab ul > li:first-child:nth-last-child(2) ~ li {width: calc(100% / 1 - 4px);margin-bottom: 5px;}
    /* 서브컨텐츠  */
    .sub_title_02{margin-top: 30px;margin-bottom: 10px; font-size: 18px;}
    .sub_title_03{font-size: 16px; margin-bottom: 10px;line-height: 1.5;}
    .con_01 li, .con_02 li {margin-bottom: 10px;line-height: 1.5;}
    .con_list_02_2:last-child {margin-bottom: 10px;}
    .tbl_type01 th{font-size: 14px;}
    .tbl_type01 td, .tbl_type01 .left{font-size: 14px;}
    .con_2 li{font-size: 14px;}
    .questions{font-size: 14px; line-height: 1.5; margin-top: 10px;}
    .under{font-size: 14px;line-height: 1.5;margin-top: 10px;}
    .con_01 .con_list_01{padding-left: 18px;}
    .con_01 .con_list_01:after{left: 4px;}
    .con_list_02_2{padding-left: 18px;}
    ul > li{font-size: 14px;line-height: 1.5;}
    .con_01 li {font-size: 14px;}
    .right-btn{top: 30%;}

    .titBox h4{font-size: 16px;}
    .Declaration_box{padding: 15px;}
    .p_txt_03{font-size: 14px;margin-top: 10px;}

    /* 인사말 */
    .greeting_02 .greeting_box_03{padding-right: 100px;}
    .greeting_02 .greeting_box_03:after{top: -11px;right: -21px;}

    /* 경영전략체계 */
    .management_strategy_system .box_04 div p strong {display: inline-block;margin-bottom: 10px;}
    .management_strategy_system .box_04 div{padding: 26px;width: 34%;margin-top: 5px;}
    .management_strategy_system .box_05{margin-top: 15px;}
    .management_strategy_system .box_03{margin-top: 15px;}
    .management_strategy_system .box_06{margin-top: 0px;}
    .management_strategy_system .box_06 div{padding: 20px 15px;}

    /* 본인인증 -개인정보처리방침 */
    .talk_chairman .consent_box{padding: 20px;}
    .talk_chairman .consent_box .consent_box_tit p{font-size: 16px;}
    .talk_chairman .consent_box .consent_box_tit{padding-bottom: 20px;}
    .talk_chairman .con_box_02 {margin-top: 15px;}
    .talk_chairman .con_box_02 .consent_box_txt{font-size: 14px;}
    .talk_chairman .con_box_02 .sub_title_03 {margin-top: 12px;}
    .con_03 .con_list_01 {padding-left: 20px;font-size: 14px;}
    .con_03 .con_list_02{font-size: 14px;padding-left: 33px;margin-bottom: 10px;}
    .con_03 .con_list_02:after{left: 25px;}
    .talk_chairman .con_box_03 {padding-top: 20px;margin-top: 20px;}

    /* 설립근거 및 목적 */
    .mission_box .txt{width: 100%;}
    .mission_box .txt_02{background-size: contain !important;}
    .mission_box .txt_box p{background-size: contain !important;font-size: 14px !important;padding-top: 11% !important;}

    /*민원처리 청렴도*/
    .survay_q ul li {line-height: 2.5;}
}
@media screen and (max-width:399px) {
    /* 본인인증 */
    .identity_verification_02 .certified_box .cell_phone a{
        background-position: 95% 50%;
    }
    .identity_verification_02 .certified_box .cell_phone a:after{
        display: none;
    }
    .identity_verification_02 .certified_box .i_pin a{
        background-position: 95% 50%;
    }
    .identity_verification_02 .certified_box .i_pin a:after{
        display: none;
    }
    .Declaration_box{padding: 15px 10px;}
    
    /* 인터넷사보 */
    .in_newsletter div div{padding: 40px 15px 30px;}
    .newsletter_tit {top: 55px;width: 18%;height: 10%;}
    /* 인사말 */
    .greeting_02 .greeting_box_03{margin-bottom: 70px;padding-right: 104px;}
    .greeting_02 .greeting_box_03:after {content: '';position: absolute;width: 110px;height: 66px;top: -11px;right: -19px;background: url(/images/new/web/sub/greeting_name_01.png) no-repeat 0 0;background-size: 80%;}

    /* iphone */
    .org_group h3 a{font-size: 14px;}
    .org_group > .org_group01 > li:last-child > ul > li{width: 45%!important;}
    .org_group > .org_group01 > li:last-child > ul > li > ul > li > ul > li{padding-left: 30px;font-size: 13px;}
    .org_group > .org_group01 > li:last-child > ul > li > ul > li > ul > li:after{left: 13px;top:8px;}

    .main_function > div{flex-direction: column;}
    .main_function > div > img{margin-bottom: 10px;}
}