html,body{height:100%;margin:0;padding:0;overflow: auto;}
body{font-family: "Noto Sans KR", sans-serif;font-size:16px;color:#333;}
a {text-decoration:none;}
h1,h2,h3,h4,h5,h6{margin:0;}
ul,ol,li{padding:0;margin:0;}
.wrap{padding:0;width:100%;max-width:768px;margin:0 auto;box-sizing: border-box;}
#top_symbol_group .cls-1{fill:#ffffff;}
header{text-align: center;background-color:#b62d35;border-radius: 0 0 15px 15px;}
section{padding:0 20px;}
.top_logo_area{list-style: none;height:65px;line-height: 65px;margin:0;}
.top_logo_area li {display: inline-block;vertical-align: middle;}
.top_logo_area li strong {color:#fff;}
.top_logo_area .symbol{position: relative;}
.top_logo_area .symbol > img{display:block;height:40px;}
.top_logo_area .logo{display: inline-block;font-size:1.6rem;}

.section_title{margin:1.05rem 0 0.75rem 0;}
.section_title .h2_title_icon{display:inline-block;height:24px;vertical-align: middle;}
.section_title h2{display:inline-block;vertical-align: middle;font-size:1.3rem;}

.flex {display:flex;}
.flex-item{width:100%;padding:0 5px;}
.flex-item img{display:block;width:100%;}

.list{padding:10px;border:1px solid #ece8e5; border-radius: 6px;}
.list ul{list-style: none;margin:0;padding:0;}
.list ul li{list-style: none;margin:0;padding:0; border-bottom:1px dotted #ccc; padding:6px 10px 8px 10px;position: relative;}
.list ul li:last-child{border-bottom-width:0px;}
.list ul li a {display:block;position:relative;color:#444;background-repeat:no-repeat;background-position: right center;background-size:18px;background-image: url('../images/pdf-icon.png');font-size:1rem;padding-left:10px;}
.list ul li a:hover,.list ul li a:focus {background-image: url('/images/pdf-icon-ov.png')}
.list ul li a::before{content:'';display:block;position:absolute;height:75%;width:5px;border-radius: 4px;background-color:#2d89df;top:50%;transform: translateY(-50%);left:-8px;}

.office_banner{padding:35px 15px; text-align: center}
.office_banner_inner{position: relative;width:95%;min-width:245px;max-width:245px;background-color:#fffde2;border-radius: 25px; height:50px; line-height: 50px;padding:0 40px 0 20px;display: inline-block;margin-left:-20px;}
.office_text{position:relative;font-weight: 500;font-size:1.25rem;}
.office_text strong{color:#cc0000;}
.office_text strong * {color:#cc0000 !important;}
.office_icon{position: absolute;z-index: 1;right:-20px;top:50%;transform: translateY(-50%);}
.office_icon > img{display:block;width:70px;}

footer {padding:20px 0; border-top:1px solid #ece8e5;}
/*
.foot_banner{}
.foot_banner > ul{list-style: none;margin:0;padding:0;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;width:100%;}
.foot_banner > ul > li{padding:0 5px;}
.foot_banner > ul > li > a{display:block;width:100%;border:1px solid #ccc; border-radius:8px;overflow: hidden;}
.foot_banner > ul > li > a > img{display: block;width:100%;}
*/
.foot_banner > ul{list-style: none;margin:0;padding:0;width:100%;font-size:0px;}
.foot_banner > ul > li{padding:0 5px;box-sizing:border-box;width:calc(100% / 4);display:inline-block;}
.foot_banner > ul > li > a{display:block;width:100%;border:1px solid #ccc; border-radius:8px;overflow: hidden;}
.foot_banner > ul > li > a > img{display: block;width:100%;}