@charset "UTF-8";
@font-face{
font-family:'Noto Sans KR';font-style:normal;font-weight:normal;src:url(./fonts/NotoSansKR-Medium.woff2) format('woff2'),url(./fonts/NotoSansKR-Medium.woff) format('woff'),url(./fonts/NotoSansKR-Medium.otf) format('opentype')}
@font-face{
font-family:'safekorea';font-style:normal;font-weight:normal;src:url(./fonts/safekorea.woff2) format('woff2'),url(./fonts/safekorea.woff) format('woff'),url(./fonts/safekorea.otf) format('opentype')}

/* reset */
html{font-size:10px;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body {background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body{font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',sans-serif;font-size:10px;color:#0E0E1E;letter-spacing:-1px;}
body{font-size:1.8rem;}
input[type=text],input[type=password]{font-size:1.8rem}
input[type=checkbox],input[type=radio]{width:18px;height:18px;vertical-align:middle}
button{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;vertical-align:top;white-space:nowrap;cursor:pointer}
caption,legend,#accessibility,.hidden{font-size:0;line-height:0;text-indent:-9999px}
input{border-radius:0;font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',sans-serif;font-size:18px;}
img,fieldset,iframe{border:0 none;vertical-align:middle}
ul,ol{list-style:none}
a{color:#191F53;text-decoration:none;cursor:pointer}
em,address{font-style:normal}
table{border-collapse:collapse}
hr{display:none}
button{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;outline:0}
:active{outline:none}
input,select,textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
input, textarea, button{-webkit-appearance:none; -moz-appearance:none; appearance:none;}

/* for FireFox */
button::-moz-focus-inner{border:0}
a,a:hover{text-decoration:none;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}

/* skip */
#skipnav{overflow:hidden;position:relative;z-index:1000;width:100%}
#skipnav a{display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#skipnav a:focus,#skip a:hover,#skip a:active{width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:1.8rem;font-weight:bold;line-height:1;color:#fff}

.viewport .content {margin-top:48px;background:#fff;}
.viewport.type2 .content{margin-top:96px;}
.viewport.type3 .content{margin-top:120px;}
.viewport .pagehead {background:#1d71d8;}

header {position:fixed;left:0;right:0;top:0;background:#0558be;z-index:100;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
header .inner {position:relative;padding:0 ;}
header .btn_back{display:block;position:absolute;width:24px;height:24px;left:12px;top:50%;margin-top:-12px;background:url(../../images/kcg/ico_back.gif) no-repeat;background-size:cover;font-size:0;line-height:0;text-indent:-9999px;cursor:hand;}

h3.subtit {background:#1d71d8;padding:0 20px;}
h1.tit, h3.subtit {margin:0 auto;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:1.8rem;line-height:48px;color:#fff;font-weight:normal;}
h1.tit{ width:75%;}

.searchbox {position:relative;padding:12px 16px;border-radius:3px;height:48px;}
.inp_search {width:100%;border:0;border-radius:3px;line-height:48px;padding:0 40px;}
.searchbox:before {display:block;position:absolute;width:18px;height:18px;left:32px;top:50%;margin-top:-9px;background:url(../../images/kcg/ico_zoom.png) no-repeat;background-size:cover;content:'';}

.tab{display:block;}
.tab:after {display:block;clear:both;content:'';}
.tab li{float:left;width:50%;background:#034aa2;}
.tab li.active {background:#1d71d8;}
.tab li a{font-size:1.7rem; color:#fff;line-height:48px;display:block;text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.detail .tbl{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}

.detail .tbl th {text-align:left;}
.detail .tbl th, .detail .tbl td {font-size:1.5rem;padding:14px 10px;border-bottom:1px solid #e8e9ec;}
.detail .tbl th {padding-left:20px;color:#a3a3a3;font-weight:normal;}
.detail .tbl td {padding-right:20px;color:#0558be;}

.list li {border-bottom:1px solid #e8e9ec;}
.list li a{font-size:1.8rem; position:relative;display:block;padding:22px 55px 22px 17px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#0558be;}
.list li span {display:block;color:#9b9b9b;font-size:1.1rem;}
.list li a:before{display:block;position:absolute;width:8px;height:12px;right:24px;top:50%;margin-top:-6px;background:url(../../images/kcg/ico_arr.png) no-repeat;background-size:cover;content:'';}

/* 화학장비 목록용 */
.list2 li {border-bottom:1px solid #e8e9ec;}
.list2 li a{font-size:1.8rem; position:relative;display:block;padding:22px 55px 0px 17px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#0558be;}
.list2 li span {display:block;color:#9b9b9b;font-size:1.1rem;}
.list2 li div{    background: url(../../images/kcg/ico_arr.png) no-repeat 95% center; background-size: 8px auto;}

.list.type2 li a{padding:12px 55px 12px 17px;}

/* 방제절차, 대응지침 */
.listSt05 li li{
    border: 0;
    padding: 0;
    background: none;
    margin: 0;
    line-height: 2em;
    color: #3f4143;
    margin-left: 18px;
    list-style: decimal;
    font-weight: bold;
} 
	 
.listSt05 li li li {
    border: 0;
    padding: 0;
    background: none;
    margin: 0;
    line-height: 2em;
    color: #3f4143;
    margin-left: 18px;
    list-style: upper-alpha;
    font-weight: normal;
}


.listSt05 li li li li{
    border: 0;
    padding: 0;
    background: none;
    margin: 0;
    line-height: 2em;
    color: #3f4143;
    margin-left: 18px;
    list-style: lower-roman;
    font-weight: normal;
}


.listSt05 > li {border:1px solid #464646; padding:10px; background:#fff url('../../images/common/ico_plus.gif') no-repeat 95% 13px; background-size:12px auto; margin-top:5px;}
.listSt05 li:first-child {margin-top:0}
.listSt05 li button {width:92%; line-height:1.2em; color:#3f4143; text-align:left;}
.listSt05 li ul {padding:10px 0; border-top:1px solid #aeaeae; margin-top:10px; display:none;}
.listSt05 li.curr {background:#fff url('../../images/common/ico_minus.gif') no-repeat 95% 13px; background-size:12px auto;}
.listSt05 li.curr button {font-weight:bold;}
.listSt05 li.curr ul {display:block;}
.listSt05 > li > ul > li {border:0; padding:0; padding-left: 10px; background:none; margin:0; margin-bottom: 5px; line-height:1.4em; color:#3f4143; line-height: 1.5; margin-left:18px;}
button{ background: none;  font-size:1.8rem; }
.content .listCont { background: #fff; padding: 8px; }


/* main  test 박강단*/
.main {position:relative;}
.main:before {position:fixed;top:3rem;left:0;right:0;bottom:0;background:#ebe9e6 url(../../images/kcg/main/main-background.png) no-repeat;background-size:cover;z-index:1;content:'';speak:none;}
.main ul{position:relative;display:block;padding-top:4rem;padding-left:1rem;padding-right:1rem;z-index:2;}
.main ul:after {display:block;clear:both;content:'';}
.main li {float:left;width:33.33333%;text-align:center;}
.main li a{display:inline-block;width:80%;text-align:center;}
.main li a img {width:60%;background:#fff;padding:20%;}
.main li a:before {display:block;width:100%;height:100%;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-size:cover;content:'';speak:none;}

.main li strong {display:block;color:#000;font-size:1.1rem;font-weight:normal;margin:.1rem 0 1.5rem;}

/* 
@media only screen and (max-width:359px) {
	html{font-size:80%}
}

@media only screen and (min-width:360px) {
	html{font-size:100%} 
} */