@charset "utf-8";

/* 초기화 */

body {margin:0;padding:0;color:#404040; font:12px/1.2 "돋움", Dotum, Tahoma, sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif, dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
/*input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif, dotum;font-size:1em}*/
input, button {margin:0;padding:0;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

/* textarea, select {font-family:'Noto Sans KR', sans-serif, dotum;font-size:1em} */
/* select {margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;
        background:#fff url('../../../webContents/images/covid19/bg-select.png') no-repeat right 15px  center;} */
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none;}
input:focus, textarea:focus{outline:none;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clear {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.clearfix{display:block;}

#co19_contents {width:655px; min-height:420px; height:auto !important; height:420px; padding:20px 22px 100px 21px; border:1px solid #cfd9e7;}
#co19_contents.guide-cnt{width:700px;padding:20px 0 0;box-sizing:border-box;}
#co19_contents.guide-cnt .location{margin-right:22px;}
.location {color:#8b8b8b; text-align:right; font-size:95%;}
.location a, .location strong {color:#8b8b8b;}
.location strong {font-weight:normal;}

#co19_contents .box-h3{margin:15px 20px 0;padding-left:10px;font-size:18px;line-height:40px;font-weight:700;letter-spacing:-0.07em;border-top:1px solid #cfd9e7;border-bottom:1px solid #cfd9e7;}
#co19_contents .guide-h4{position:relative;padding-left:50px;display:table;}
#co19_contents .guide-h4::before{content:'';width:40px;height:40px;border-radius:8px;background:#0068b7 url('../../../webContents/images/covid19/ico-syringe.png') no-repeat center;position:absolute;left:0;top:0;}
#co19_contents .guide-h4 h4{font-size:16px;line-height:20px;font-weight:400;display:table-cell;width:100%;height:100%;vertical-align:middle;}
#co19_contents .guide-h4 h4 strong{font-weight:400;color:#eb6100;}
.section{padding:30px 20px 40px;}
.section.sec-white{background-color:#fff;}
.section.sec-color{background-color:#f4f6f8;}
.last-sec{padding-bottom:70px;}
.first-sec{padding-top:0;}
.list-bullet {margin:25px 12px 0px 42px;}
.list-bullet > li{font-size:12px;line-height:17px;padding-left:8px;word-break:keep-all;position:relative;margin-bottom:15px;}
.list-bullet > li::before{content:'';width:4px;height:5px;background:url('../../../webContents/images/covid19/bullet-tri.png') no-repeat;position:absolute;left:0;top:4px;}
.list-bullet > li strong.blue{font-weight:700;color:#3b73b9;}
.list-bullet > li > ul{margin:10px 0 10px 5px;}
.list-bullet > li > ul > li{padding-left:12px; word-break:keep-all; position:relative;margin-bottom:5px;}
.list-bullet > li > ul > li:last-child{margin-bottom:0;}
.list-bullet > li > ul > li::before{content:'';width:3px;height:3px;border-radius:100%;background-color:#7ba7a5;position:absolute;left:0;top:5px;}
table.table-guide{width:100%;border-collapse:collapse;margin-top:10px;margin-bottom:20px;}
table.table-guide th, table.table-guide td{font-size:12px;line-height:17px;padding:10px;text-align:center;border-right:1px solid #cbdcd6;border-bottom:1px solid #cbdcd6;}
table.table-guide thead th{font-weight:700;background-color:#f1f6f6;border-top:1px solid #cbdcd6;}
table.table-guide tbody td{}
table.table-guide th:first-child, table.table-guide td:first-child{border-left:1px solid #cbdcd6;}
.box-guide{margin:15px;padding:15px 20px;background-color:#fff;border:1px solid #cbdcd6;}
.dot > li{padding-left:12px;word-break:keep-all;position:relative;margin-bottom:10px;}
.dot > li:last-child{margin-bottom:0;}
.dot > li::before{content:'';width:3px;height:3px;border-radius:100%;background-color:#7ba7a5;position:absolute;left:0;top:5px;}
.warninnng-txt{margin-left:15px;}
.warninnng-txt p{position:relative;padding-left:15px;margin-bottom:15px;word-break:keep-all;}
.warninnng-txt p::before{content:'※';font-size:12px;position:absolute;left:0;top:0;}
.line-txt{margin-left:15px;}
.line-txt p{position:relative;padding-left:15px;margin-top:5px;margin-bottom:10px;word-break:keep-all;}
.line-txt p::before{content:'-';font-size:12px;position:absolute;left:0;top:0;}
a.link-how{color:#0000ff;}
ul li.none::before{display:none !important;}

.wrap-chk{margin-bottom:10px;}
.wrap-chk.first{margin-top:30px;}
.wrap-chk .box-check label{font-size:16px;font-weight:700;width:calc(100% - 23px);margin-left:15px;}
.box-radio{background-color:#f4f6f8;border:1px solid #cfd9e7;border-top:none;padding:10px 30px 0;display:none;}
.box-radio span{display:block;margin-bottom:0px;}
.box-check{width:100%;border:1px solid #cfd9e7;padding:7px 30px;font-weight:300;background-color:#fff;margin-bottom:10px;}
.box-check label, .box-radio label{line-height:34px;margin-left:15px;margin-right:40px;}
.box-check label:last-child{margin-right:0;}
.box-check input[type="checkbox"]{vertical-align:top;margin-top:10px;}

.btn { display:block;width:380px;line-height:50px;text-align:center;font-size:16px;font-weight:700;
       background-color:#c1c4cb;color:#fff;border:none;outline:none;margin:20px auto;}
.btn.blue{background-color:#125ab3;}

/*버튼*/
.btn_80_1 { background:url("../../../common/images/btn/btn80.png") 15px 6px no-repeat; width:70px; height:21px; padding:10px 20px 0px 20px; color:#4f7c9e; font-weight:bold; display:block; }
.btn_80_2 { background:url("../../../common/images/btn/btn80.png") 0px 2px no-repeat; width:80px; height:27px; padding:8px 8px; color:#4f7c9e; font-weight:bold; display:inline-block; }
.btn_170  { background:url("../../../common/images/btn/btn170_1.gif") 0px 2px no-repeat; width:170px; padding:8px 8px; color:#4f7c9e; font-weight:bold; display:inline-block; margin:10px; }
.btn_80_1:hover { background:url("../../../common/images/btn/btn80_on.png") 15px 6px no-repeat; width:70px; height:21px; padding:10px 20px 0px 20px; color:#fff; font-weight:bold; display:block; cursor:pointer; }
.btn_80_2:hover { background:url("../../../common/images/btn/btn80_on.png") 0px 2px no-repeat; width:80px; height:27px; padding:8px 8px; display:inline-block; color:#fff; }
.btn_170:hover { background:url("../../../common/images/btn/btn170_1_on.gif") 0px 2px no-repeat; width:170px; padding:8px 8px; color:#fff; display:inline-block; margin:10px; }

.btn_110  { background:url("../../../common/images/btn/btn110_2.gif") 5px 5px no-repeat; width:90px; padding:11px 18px 8px 25px; color:#4f7c9e; font-weight:bold; display:inline-block; }
.btn_110:hover  { background:url("../../../common/images/btn/btn110_2_on.gif") 5px 5px no-repeat; width:90px; padding:11px 18px 8px 25px; color:#fff; display:inline-block; cursor:pointer; }

/*서브메뉴*/
#sub_navi { width:155px; height:auto !important; min-height:220px; padding-right:5px; margin:10px 0; margin-left:10px; border-bottom:1px solid #a5a5a5; border-top:2px solid #4f7c9e; }
#sub_navi h2.main_menu { height:50px; color:#555; line-height:50px; text-align:center; }
div.fir { width:97.5%; height:30px; line-height:30px; border-bottom:1px solid #a5a5a5; padding:5px 0 5px 10px; cursor:pointer; }
div.fir_css { background:#4f7c9e; }
div#menu1 { border-top:1px solid #a5a5a5; }
/* div#menu2 { border-top:1px solid #a5a5a5; } */
div#menu1 > a { color:#fff;}
/* div#menu2 > span > a { display:block; }
div#menu3 > a { color:#fff; } */
ul.sub_menu { padding-left:4px; line-height:20px; display:block; height:75px; }
ul.sub_menu > li > a { text-indent:5px; }
ul.sub_menu > li:hover > a { color:#00f; display:block; }
ul.bd1 { width:100%; height:30px; padding:20px 8px; border-right:1px solid #a5a5a5; border-left:1px solid #a5a5a5; }


/* 레이어팝업 */
.layer-health{width:550px; height:550px; position:absolute; padding:20px 20px;
   left:calc(50% - 215px); top:150px;background-color:#fff;border:2px solid #cfd9e7;box-sizing:border-box;}
.header-health{}
.header-health h4{font-family:"돋움", Dotum, Tahoma, sans-serif;font-size:16px;line-height:24px;font-weight:700;color:#333;margin-bottom:15px;}
.header-health h4 strong{font-weight:700;color:#125ab3;}
.header-health p{font-size:12px;line-height:17px;}
.body-health{width:100%; height:300px; background-color:#f4f6f8; overflow-y:auto; padding:15px; margin:20px 0;}
.body-health::-webkit-scrollbar {width:8px;background-color:#cfd9e7;border-radius:4px;}
.view-reaction{margin-bottom:40px;}
.view-reaction h5{font-family:"돋움", Dotum, Tahoma, sans-serif;font-size:16px;font-weight:700;color:#125ab3;margin-bottom:15px;}
.view-reaction p{font-size:12px;line-height:17px;}
.view-reaction p strong{display:block;font-weight:700;}
.view-reaction span.serious {display:inline-block; width:16px; height:17px; margin-left:8px;
    background: url('../../../webContents/images/covid19/icon_serious.png') left top no-repeat; background-size:16px;  }
.button-group{font-size:0; width:340px; margin:0 auto; text-align:center;}
.button-group .btn{display:inline-block;cursor:pointer;margin-top:0;}
.button-group .btn:first-child{width:230px;}
.button-group .btn:last-child{margin-left:10px;width:100px;}

/* 이상반응 신고하기 */
.tit-agree{text-align:center;font-family:"돋움", Dotum, Tahoma, sans-serif;font-size:16px;font-weight:700;}
.agree-box{border:1px solid #cfd9e7;background-color:#fafafa;overflow-y:auto;height:200px;padding:20px 25px;margin:20px 0;}
.agree-box::-webkit-scrollbar {width:8px;background-color:#cfd9e7;border-radius:4px;}
.agree-box h5{font-family:"돋움", Dotum, Tahoma, sans-serif;font-size:12px;line-height:17px;font-weight:700;}
.agree-box p{font-size:12px;line-height:17px;}
.agree-box ul{margin:5px 5px 15px;}
.agree-box ul li{position:relative;padding-left:10px;font-size:12px;line-height:17px;}
.agree-box ul li::before{content:'';width:5px;height:1px;background-color:#404040;position:absolute;left:0;top:7px;}
.agree-box ul li .blue{color:#0068b7;}
.agree-chk{text-align:right;margin-bottom:50px;}
.agree-chk label{font-size:12px;color:#3b73b9;font-weight:700;}

.h4-line{font-family:"돋움", Dotum, Tahoma, sans-serif;font-size:16px;line-height:24px;font-weight:700;position:relative;padding-left:15px;margin-bottom:10px;}
.h4-line::before{content:'';width:4px;height:15px;border-radius:2px;background-color:#0068b7;position:absolute;left:1px;top:4px;}
.h4-line strong{color:#eb6100;}
.tbl-report{width:100%;border-collapse:collapse;border-top:1px solid #cfd9e7; margin-bottom:40px; line-height:28px;}
.tbl-report th, .tbl-report td{text-align:left;font-size:12px;font-weight:400;padding:5px 10px;border-right:1px solid #cfd9e7;border-bottom:1px solid #cfd9e7;}
.tbl-report th{width:170px;background-color:#fff;border-left:1px solid #cfd9e7;}
.tbl-report td{width:calc(100% - 170px);background-color:#f4f6f8;}
.tbl-report td.non-border{border-bottom:none;padding-bottom:0;}
.tbl-report td input[type="text"]{background-color:#fff; border:1px solid #cfd9e7; font-size:12px; padding:0 7px; /* width:150px; */
           line-height:22px; height:24px;}
.tbl-report td input::placeholder{color:#ccc;font-weight:400;}
.tbl-report td input[type="text"]:disabled{background-color:#f5f5f5;}
.tbl-report td input.addr-long{width:100%;}
.radio-group{margin-right:40px;}
.btn-addr{width:100px;line-height:24px;text-align:center;font-size:12px;font-weight:700;color:#fff;margin-left:7px;outline:none;border:none;background-color:#0068b7;border-radius:3px;}
.select-group{margin-right:15px;}
.select-group select{margin-right:5px;background-color:#fff;border:1px solid #cfd9e7;font-size:12px;height:24px;line-height:22px;
           padding:0 0 0 7px; height:24px; /* width:60px; */}
label.sr-only{font-size:0;line-height:0;color:transparent;position:absolute;}

/* layer*/
/* .layer { position:relative; display: none; background:#f1f9f8; border:3px solid #85babb; left:190px; top:300px;
         padding: 5px; width:300px; height:90px; z-index:1000; line-height:20px; }
.layer > #close > span > img { position: absolute; top: 3px; right: 3px; }
.layer > #disp{ position:absolute; top:5px; left:10px; }
.layer > #disp > span.bold{ display:inline-block; margin-left:50px; font-weight:bold; color:#999; margin-top:6px; }
span.all{ display:inline-block; margin-left:60px; color:#e55ac3; font-weight:bold; margin-top:6px; }
span.titl{ display:inline-block; margin-left:20px; color:#e55ac3; font-weight:bold; margin-top:6px; }
#title{ display:inline; } */

/* 신고내역 조회 */
.divlabel {display:inline-block; padding-left:9px; }
.labelt { width:200px; float:left; }
.labels { padding-bottom:10px; }

/*예방접종피해 국가보상제도 안내 및 절차*/
.list-bullet1 {margin:25px 12px 0px 42px;}
.list-bullet1 > li{font-size:12px;line-height:17px;padding-left:21px;word-break:keep-all;position:relative;margin-bottom:15px;}
.list-bullet1 > li::before{content:'';width:4px;height:5px;position:absolute;left:0;top:4px;}
.list-bullet1 > li strong.blue{font-weight:700;color:#3b73b9;}
.list-bullet1 > li > ul{margin:10px 0 10px 5px;}
.list-bullet1 > li > ul > li{padding-left:12px; word-break:keep-all; position:relative;margin-bottom:5px;}
.list-bullet1 > li > ul > li:last-child{margin-bottom:0;}
.list-bullet1 > li > ul > li::before{content:'';width:3px;height:3px;border-radius:100%;background-color:#7ba7a5;position:absolute;left:0;top:5px;}
.list-bullet1 .li_span {margin:0 5px 0 -22px;}
.warninnng-txt1{margin-left:0px; }
.warninnng-txt1 p{position:relative;padding-left:15px;margin-bottom:15px;word-break:keep-all;}
.warninnng-txt1 p::before{content:'※';font-size:12px;position:absolute;left:0;top:0;}
.list-bullet2 {margin:25px 12px 0px 42px;}
.list-bullet2 > li{font-size:12px;line-height:17px;padding-left:8px;word-break:keep-all;position:relative;margin-bottom:15px;}
.list-bullet2 > li::before{content:'';width:4px;height:5px;background:url('../../../webContents/images/covid19/bullet-tri.png') no-repeat;position:absolute;left:0;top:4px;}
.list-bullet2 > li strong.blue{font-weight:700;color:#3b73b9;}
.list-bullet2 > li > ul{margin:10px 0 10px 5px;}
.list-bullet2 > li > ul > li{word-break:keep-all; position:relative;margin-bottom:5px;}
.list-bullet2 > li > ul > li.warninnng-txt{word-break:keep-all; position:relative;margin-bottom:5px; margin-left: 16px;}
.list-bullet2 > li > ul > li:last-child{margin-bottom:0;}
.warninnng-txt2{margin-left:15px; }
.warninnng-txt2 p{position:relative;padding-left:15px;margin-bottom:15px;word-break:keep-all;}
.warninnng-txt2 p::before{content:'※';font-size:12px;position:absolute;left:0;top:0;}

table.ercpr_info{width:90%;border-collapse:collapse;margin-bottom:10px; margin-left: 45px;}
table.ercpr_info th, table.ercpr_info td{font-size:12px;line-height:17px;padding:10px;text-align:center;border:1px solid #cbdcd6;border:1px solid #cbdcd6;}
table.ercpr_info thead th{font-weight:700;background-color:#f1f6f6;border:1px solid #cbdcd6;}
table.ercpr_info tbody td{}
table.ercpr_info th:first-child, table.table-guide td:first-child{border:1px solid #cbdcd6;}
.ercpr_info ul.erpli{text-align: left;}
.ercpr_info li{margin-left: 18px; word-break:keep-all;}
.ercpr_info span.erpli_span{margin: 0 5px 0 -21px;}
li.erpli_li{margin-bottom: 5px; margin-left: 21px; word-break:keep-all;}
span.erpli_span{margin: 0 5px 0 -21px;}

#tab_wrap{margin:30px 0 0 10px; width:100%; height:55px; }
#tab_btn{width:100%; height:60px; float:left; text-align:center; font-weight:bold;}

#tab_btn > ul > li.tab1{float:left; width:48%; height:60px; line-height:20px; padding-top:10px; border:1px solid #18486d; cursor:pointer;}
#tab_btn > ul > li.tab2{float:left; width:48%; height:60px; line-height:20px; padding-top:10px; border:1px solid #18486d; cursor:pointer;}
.tab_on{background:#18486d; color:#fff;}
#box_wrap{width:100%; margin-left:25px;}