@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  overflow-x:hidden;
  font-family: 'NanumSquare', "Apple SD Gothic Neo", Helvetica, sans-serif, Arial;
  word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: #ccc 1px 1px 1px rgba(0,0,0,0.004);
  font-smooth: always;
}
 body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0; padding:0;}
 ul, ol{list-style-type:none;}
img,fieldset{border:none;}
body, input, textarea, select, button, table{font-size:13px; color:#666; font-family:'Nanum Gothic','나눔고딕', 'NanumGothic','맑은고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim;}
a{text-decoration:none; color:#666; }
a:link, a:visited{text-decoration:none; color:#666; /*outline: none!important;*/}
a:hover, a:active{text-decoration:none; color:#666; /*outline: none!important;*/}
input{border:0; font-family: 'NanumGothic','돋움',Dotum;}
select{font-family: 'NanumGothic','돋움',Dotum; vertical-align: top;height:24px;border:1px solid #c5c5c5;}
button {letter-spacing: -0.06em; font-family: 'NanumSquare'; font-size: 16px; background: none; border: none; cursor: pointer;}
img {
    display: block;
    border: none;
}
/* iframe default */
iframe {
    border:0px none transparent !important;
}

iframe[name="google_conversion_frame"] {height:0 !important}
#wrap {
    max-width: 1920px;
    min-width: 1300px;
}
#wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}
/* ggnb_left_top */
.emergency_relief_cnts_top {background:#4f4241;margin: 0px auto;width: 100%;height: 29px;border-bottom-color: #272120;border-bottom-width: 1px;border-bottom-style: solid;position: relative;z-index: 9999; box-sizing:unset;}
.emergency_relief_cnts_top ul.util_left{width: 420px; height: 30px; position: absolute; left: 47.75%; margin-left: -470px; top: 0px; } 
.emergency_relief_cnts_top ul.util_left li{float: left;}

/* footer */
#footer{background: #f1f1f1; border-top: 1px solid #e5e5e5; height:auto;}
#footer .inner{margin: auto; width: 1050px;}
#footer a,
#footer span{font-family: "Nanum Barun Gothic"; letter-spacing: -0.05em;}
.footer-top{padding-top: 20px;}
.footer-top:after { content: ''; display: block; clear: both; }
.sns-link-wrap{float: left; margin-top: 2px;}
.sns-link-wrap:after { content: ''; display: block; clear: both; }
.sns-link-wrap a{float: left; margin-right: 20px;}
.sns-link-wrap a:last-child{margin-right: 0;}
.bi-wrap{float: right;}
.footer-menu-list{margin-top: 22px;}
.footer-menu-list ul li{float: left; position: relative; margin-right: 15px; padding-right: 17px;}
.footer-menu-list ul:after { content: ''; display: block; clear: both; }
.footer-menu-list ul li:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 13px; background: #e5e5e5;}
.footer-menu-list ul li:last-child{margin-right: 0; padding-right: 0;}
.footer-menu-list ul li:last-child:after{content: none;}
.footer-menu-list ul li a{font-size: 15px; color: #555555; font-weight: 700;}
.footer-info-list{margin-top: 14px;}
.footer-info-list ul:after { content: ''; display: block; clear: both; }
.footer-info-list ul li{float: left; position: relative; margin-right: 8px; padding-right: 8px;}
.footer-info-list ul li:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 13px; background: #e5e5e5;}
.footer-info-list ul li:last-child{margin-right: 0; padding-right: 0;}
.footer-info-list ul li:last-child:after{content: none;}
.footer-info-list ul li a{font-size: 13px; color: #777777; letter-spacing: -0.05em;}
.copyright{margin-top: 6px; padding-bottom: 22px;}
.copyright span{font-size: 13px; color: #999999; letter-spacing: -0.03em;}

.email-popup-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000;}
.popup-bg {width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.65); z-index: 999999;}
.email-popup {width: 590px; height: 529px; background-color: #fff; margin: auto; position: absolute; z-index: 9999999; text-align: center; top: 0; left: 0; right: 0; bottom: 0;}
.email-popup div:nth-child(1) {text-align: left; position: relative; height: 74px; background: url('https://care.sc.or.kr/images/b-copy.png'); background-position: center top; background-repeat: no-repeat; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.email-popup div:nth-child(1) img {margin-top: 17px; margin-left: 15px;position: relative; display: inline-block; left: 15px;}
.email-popup div:nth-child(1) button {margin-top: 12px; float: right; margin-right: 35px; cursor: pointer;}
.email-popup div:nth-child(1) button>img {right: 35px; margin-top: 14px; margin-right: 15px;}
.email-popup div:nth-child(2) {position: relative; margin-bottom: 0px;}
.email-popup div:nth-child(2) h2 {margin-top: 73px; margin-bottom: 19px; font-size: 29px; font-family: 'NanumSquare', "Apple SD Gothic Neo", Helvetica, sans-serif, Arial; color:#000000;}
.email-popup div:nth-child(2) h3 {font-size: 16px; color: #333333; font-family: 'Nanum Barun Gothic', sans-serif; padding-bottom: 19px; line-height: 1.5;}
.email-popup div:nth-child(2) p {margin-top: 0px; margin-bottom: 0px; line-height: 1.5; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-bottom: 77px; font-family: 'Nanum Barun Gothic', sans-serif; font-size: 15px; color: #555555;}
.email-popup div:nth-child(2) p strong{font-weight: bold;}
.email-popup div:nth-child(3) {position: relative; height: 115px;}
.email-popup .close-btn {overflow: auto; margin: auto; width: 146px; height: 55px; background-color: #555555; position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: white; font-family: 'Nanum Barun Gothic', sans-serif; font-size: 16px;	cursor: pointer;}

/* content */
*{padding:0; margin:0; text-decoration:none; list-style:none; box-sizing:border-box;}
.div_sec .blind {position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
.div_sec{max-width:1920px; min-width:1050px;}
/*.div_sec img.center_img{position: relative; top: 0; left: 50%; margin-left:-960px; display: block; max-width: none;}
.div_sec img.btn_img{display:block; width:100%; height:100%;}*/

.div_sec img{position: relative; top: 0; left: 50%; transform: translateX(-50%); display: block; max-width: none;}
.div_sec .screen_out {overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.div_sec .div_inner{position: absolute; top: 0; left: 50%; margin-left: -525px; width: 1050px;}
.div_sec.area01{position:relative;}
.div_sec.area01 .btn01{position:absolute; bottom:0px; left:50%; display: block; margin-left:-203px; width: 406px; height: 82px;}
.div_sec.area01 .div_movie{position:absolute; top:842px; left:50%; margin-left:-619px; display:block; width:1242px; }
.div_sec.area01 .div_movie .load_movie{position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto;}
.div_sec.area01 .div_movie .load_movie iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.div_sec.area05{position:relative;}
.div_sec.area05 .btn02{position:absolute; top:739px; left:322px; display: block; width:407px; height: 82px;}
.div_sec.area07{position:relative;}
.div_sec.area07 .btn03{position:absolute; top:796px; left:322px; display: block; width:407px; height: 82px;}

.float_area {position:fixed; right: 2%; top: 24%; z-index:10;}
.float_area a {display:block;}