@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@font-face {
    font-family: 'SBAggroB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#lightWebMail, #vaccinepage{
    margin: 0px auto;
    padding: 0px;
    width: 765px;
    text-align: left;
    font-family: "Noto Sans KR", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 16px;
}

#lightWebMail .sec, #vaccinepage .sec{margin-top: 50px;}
#lightWebMail h5, #lightWebMail h4, #lightWebMail h1, #lightWebMail h6, #vaccinepage h5, #vaccinepage h4, #vaccinepage h1, #vaccinepage h6{margin: 0;}
#lightWebMail .sec h2, #vaccinepage .sec h2{font-size: 18px;position: relative;padding-left: 18px;}
#lightWebMail .sec h2:after, #vaccinepage .sec h2:after{position: absolute;content: '';width: 12px;height:12px;background: #5832a3;left: 0;top: 50%;transform: translateY(-50%);}
#lightWebMail .sec1{margin-top: 0;width: calc(100% - 30px);height: 230px;background: url(images/sec1_bg2.jpg) no-repeat center;background-size: cover;display: flex;flex-direction: column;justify-content: center;padding-left: 30px;color: #fff;}
#lightWebMail .sec1 h1{font-size: 2.2em;}
#lightWebMail .sec2{position: relative;text-align: center;}
/* #lightWebMail .sec2:after{position: absolute;top: -75px; width: 4px; height: 50px;background: #6713d2;content: '';left: 50%;transform: translateX(-50%);} */
/* #lightWebMail .sec2 h4{padding: 15px 0;background: #3678b0;color: #fff;font-size: 1.4em;font-weight: bold;} */
#lightWebMail .sec2 h4 span{background-image: linear-gradient(to right, #cc208e 0%, #6713d2 100%);-webkit-text-fill-color: transparent;background-clip: text;-webkit-background-clip: text;font-size: 2em;font-weight: bold;}
#lightWebMail .sec2 ul{padding: 15px 0;list-style: none;margin: 20px;background: #efefef;}
#lightWebMail .sec2 ul li{width: max-content;margin: 6px auto;}
#lightWebMail .sec3{display: flex;flex-direction: row;justify-content: space-between;border-top: 1px solid #6457C6;border-bottom: 1px solid #6457C6;padding: 15px 0;}
#lightWebMail .sec3 .txt{width: 60%;display: flex;flex-direction: column;justify-content: center;padding: 15px;}
#lightWebMail .sec3 .txt h4{font-size: 1.4em;color: #6713d2;}
#lightWebMail .sec3 .btn_wrap{width: 40%;padding: 15PX;}
#lightWebMail .sec3 .btn_wrap a{display: flex;flex-direction: row;width: 100%;background: #5832a3; border-radius: 15px;justify-content: center;height: 100%;color: inherit;text-decoration: none;text-align: center;}
#lightWebMail .sec3 .btn_wrap a img{width: 50px;filter: invert(1);}
#lightWebMail .sec3 .btn_wrap a .btn_txt{display: flex;flex-direction: column;justify-content: center;color: #fff;margin-left:6px}
#lightWebMail .sec3 .btn_wrap a .btn_txt p{margin: 0;}
#lightWebMail .sec3 .btn_wrap a .btn_txt h4{font-size: 36px;}
#lightWebMail .sec4 table{width: 100%;text-align: center;border-collapse: collapse;}
#lightWebMail .sec4 table caption{font-size: 0.8em;text-align: right;color: #666;}
#lightWebMail .sec4 table th{border-top: 2px solid #5832a3;padding: 12px;border-bottom: 1px solid #bbb;background: #f9f7fd;}
#lightWebMail .sec4 table td{padding: 12px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
#lightWebMail .sec4 table td a{padding: 8px 10px;background: #cc208e;color: #fff;border-radius: 7px;margin: 12px 0;text-decoration: none;transition: all 0.3s ease-in-out;border: 1px solid #cc208e;font-weight: bold;}
#lightWebMail .sec4 table td a:hover{background: #fff;color: #cc208e;}
#lightWebMail .sec4 table .btn_tr td{height: 50px;}
#lightWebMail .sec4 table .cost_tr td{background: #5832a3;color: #fff;}
#lightWebMail .sec5 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;list-style: none;padding: 0;}
#lightWebMail .sec5 ul li{width: calc(48% - 40px);border: 1px solid #bbb;margin: 10px 0;padding: 20px;border-radius: 6px;}
#lightWebMail .sec5 ul li:nth-child(3n), #lightWebMail .sec5 ul li:nth-child(2), #lightWebMail .sec5 ul li:nth-child(7){background: #f9f7fd;}
#lightWebMail .sec5 ul li dl{margin: 0;}
#lightWebMail .sec5 ul li dl dt{font-weight: bold;font-size: 1.2em;}
#lightWebMail .sec5 ul li dl dd{position: relative;margin: 4px 0;padding-left: 12px;word-break: keep-all;}
#lightWebMail .sec5 ul li dl dd:after{content: '-';position: absolute;left: 0;top: 0}
#lightWebMail .sec6{background: #efefef;border-top: 1px solid #5832a3;border-bottom: 1px solid #5832a3;padding: 15px;word-break: keep-all;}
#lightWebMail .sec7 ul{border: 3px solid #efefef;padding: 20px;}
#lightWebMail .sec7 ul li{margin-left: 20px ;}
#lightWebMail .sec7 ul li u{color: #5832a3;font-weight: bold;text-decoration: none;}
#lightWebMail .sec7 ul .red{color: #cc208e;}
#lightWebMail .sec7 ul .red h6{font-size: inherit;margin-top: 10px;}
#lightWebMail .sec7 ul .red p{margin: 0;font-size: 0.7em;}
#lightWebMail .sec7 ul .red p span{cursor: pointer;}
#lightWebMail .sec7 ul .red .black{color: #000;font-size: 16px;background: #efefef;padding: 12px;margin: 8px 0;word-break: keep-all;}

#vaccinepage .sec1{background-image: linear-gradient(225deg, #B7F8DB 0%, #50A7C2 100%);padding: 30px;}
#vaccinepage .sec1 img{width: 300px;margin-left: auto;margin-right: 0;display: block;filter: invert(1)}
#vaccinepage .sec1 h1{font-family: 'SBAggroB';font-size: 45px;color: #000;}
#vaccinepage .sec1 p{font-size: 2em;word-break: keep-all;color: #000;font-weight: bold;}
#vaccinepage .sec2 ul{list-style: none;padding: 0;}
#vaccinepage .sec2 ul li{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 30px;}
#vaccinepage .sec2 ul li .img_wrap{width: 100px;height: 100px;border-radius: 50%;background-image: linear-gradient(225deg, #B7F8DB 0%, #50A7C2 100%);;display: flex;flex-direction: column;justify-content: center;}
#vaccinepage .sec2 ul li .img_wrap img{width: 50%;margin: 0 auto;}
#vaccinepage .sec2 ul li .txt{width: calc(97% - 100px);}
#vaccinepage .sec2 ul li .txt p{padding-left: 12px;position: relative;word-break: keep-all;}
#vaccinepage .sec2 ul li .txt p:after{position: absolute;content: '-';top:0;left:0;}
#vaccinepage .sec2 ul li .txt h5{font-size: 20px;padding-left: 8px;border-left: 4px solid #64b7c7;}
#vaccinepage .sec h2:after{background: #64b7c7;}

#vaccinepage .sec4 table{width: 100%;text-align: center;border-collapse: collapse;}
#vaccinepage .sec4 table caption{font-size: 0.8em;text-align: right;color: #666;}
#vaccinepage .sec4 table th{border-top: 2px solid #64b7c7;padding: 12px;border-bottom: 1px solid #bbb;background: #f3fffa;}
#vaccinepage .sec4 table td{padding: 12px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
#vaccinepage .sec4 table .btn_tr td{height: 50px;}
#vaccinepage .sec4 table .cost_tr td{background: #64b7c7;color: #fff;}