@charset "utf-8";
@import url("../fonts/font.css");
img {
  max-width: 100%;
  height: auto;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*공통*/
* { margin: 0; padding: 0; }

html, body {  }
html { min-height: 100%; position:relative;}
body { background: #F0F0F0; font-size: 15px; color: #666; font-family: 'nanum-square-r', sans-serif; }
h1,h2,h3,h4,h5,h6,p,pre { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style:none; }
a { text-decoration: none; }
a.support:hover {
  text-decoration:none;
}
.w-link {
    display:block;
}
.m-link {
    display:none;
}
.pd-right-10 {
  padding-left:20px;
}
/* Header */
/* #accessibility {
  display:none;
} */
.orange-color {
  color:#fe5938;
}
#accessibility { overflow:hidden; position:fixed; top:0; left: 0; width:100%;z-index:10000;}
#accessibility a{
    display:block;
    overflow:hidden;
    height:1px;
    width:1px;
    margin:0 -1px -1px 0;
    font-size:0;
    line-height:0;
    text-align:center;
}
#accessibility a:focus,
#accessibility a:hover,
#accessibility a:active { width:auto; height: 30px; margin:0;padding:12px 0 0 15px; background:#20262c; font-size:13px;font-weight:700;line-height:1;color:#fff;}
#header {
    position: fixed;
    top:0; left: 0;
    width: 100%; height: 80px;
    background:#333;
    background-color:rgba(0,0,0,0.3);

    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
    z-index: 1014;
}
#header.fixed-header { height: 80px; background-color:rgba(0,0,0,0.3); border-bottom:1px solid #ddd; }
#header .header-cont { position: relative; width: 100%; z-index:99; }
#header a {
  opacity: 1;
}
.logo { position: absolute; display: block; z-index:1060; width:auto; padding:5px 10px; left:20px; top:0; }
.logo img { width:90px;}
.logo .mlogo {display: none;}
.logo .wlogo {display: block;}


.util { position: relative;; z-index: 1015; width:99%; margin:0 auto; }
.util ul { padding: 0; }
.util ul > li { float: left; padding: 0 10px; }
.util ul > li a { color:#fff; font-size: 12px; }
.util ul > li.support a{
    width:180px;
    height:60px;
    padding: 0;
    background-color:#ea5515;
    transition:0.7s;
    color:#ffffff;
    text-align:center;
    display:block;
    line-height:60px;
    font-size:16px;
}
.util ul > li.support a:hover {
    text-decoration:none;
    background-color:#a0260d;
}


/* navigation */
.gnb-nav { position: absolute; top:10px; width: 100%; text-align: right;  }
.gnb-nav  ul { margin: 0; padding:0px 0 0; display: inline-block; float: right; }
.gnb-nav  ul  li { margin: 0;  padding: 0;  display: inline-block;  position: relative;  font-size:15px;  color: #ffffff; }
.gnb-nav  ul  li  a { padding: 15px 20px;  font-size: 15px;  color: #ffffff;  display: inline-block;  outline: 0;  font-weight: 400;}
.gnb-nav  ul  li:hover ul.dropdown { display: block; }
/* .gnb-nav li:nth-child(4):after {
    content:"";
    width:1px;
    height:24px;
    background-color:#fff;
    position:absolute;
    top:18px;
} */
.gnb-nav > ul li:last-child {
  display:none;
}
/* .gnb-nav > ul li:nth-child(3) {
  display:none;
} */
.gnb-nav li ul.dropdown {
  position: absolute;
  display: none;
  width: 160px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border:2px solid #ea5515;
  border-radius:5px;
  padding-top: 0;
}

.gnb-nav ul li ul.dropdown li { display: block; list-style-type: none;}
.gnb-nav ul li ul.dropdown li a { padding: 12px 15px; font-size: 15px; color: #333; display: block; text-align: left; font-weight: 400; }
.gnb-nav li ul.dropdown li:last-child a { border-bottom: none; }
.gnb-nav li:hover a { color: #fff;}
.gnb-nav li:first-child:hover a { border-radius: 3px 0 0 3px; }
.gnb-nav li ul.dropdown li:hover a { color:#ea5515; text-decoration:none; }
.gnb-nav li ul.dropdown li.active a {
  color:#ea5515;
}
.gnb-nav li ul.dropdown li:first-child:hover a { border-radius: 0; }
.gnb-nav .m-util { display: none; }

.arrow-down { width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #def1f0;
  position: relative;
  top: 15px;
  right: -5px;
  content: '';
}
.sub-sns {
  text-align:center;
  padding:30px 0;
}
.sub-sns ul {
  float:none;
  display:inline-block;
}
.sub-sns ul li {
  padding:0 10px;
  float:left;
}
.sub-sns ul li a {
  padding:0;
}
.cover-bg.on { background: rgba(0,0,0,0.5); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1015; }
.nav-toggle { display: block; border-radius: 3px; }
.btn-social.btn-block {
  background: #fff;
  border-radius: 5px;
  color: #777;
  border: 1px solid #ddd;
}
.btn-social.btn-bloc:hover {
  color:#333;
}
#mainContainer{
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:auto;
}

#section01 {

}
#section01 .mainbanner {
    width:100%;
    height:800px;
    overflow:hidden;
    display:block;
    margin-top:80px;
}
#section01 .mainbanner .item {
    position:relative;
    float:left;
    overflow:hidden;
    width:100%;
    height:800px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
#section01 .mainbanner01 {
    position:absolute;
    width:100%;
    height:100%;
    bottom:0;
    display:table;
    text-align:center;
    background:rgba(0,0,0,0.01);
}
#section01 .mainbanner01::after {
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle;
}

#section01 .inner {
    position:relative;
    z-index:99;
    display:table-cell;
    vertical-align:middle;

}
#section01 .inner .text_box {

  padding:50px 30px;
  /* border-top:1px solid #fff;
  border-bottom:1px solid #fff; */
  width:600px;
  margin:0 auto;
  background-color:rgba(0,0,0,0.5);
}
#section01 .inner p {
    font-size:38px;
    font-weight:600;
    text-align:center;
    vertical-align:middle;
    color:#fff;
}
#section01 .inner .banner_txt01 {
  font-size:24px;
  font-weight:400;
}
#section01 .inner .banner_txt01 img {
  display:inline-block;
  width:45px;
  margin-top:-10px;
  margin-right:5px;
}
#section01 .inner .banner_txt02 {
  font-weight:bold;
  font-size:72px;
  text-shadow:4px 4px 10px #111;
}
#section01 .inner .banner_txt03 {
  font-weight:bold;
  font-size:36px;
  text-shadow:4px 4px 10px #111;
  margin-bottom: 20px;
}
#section01 .inner .banner_txt04 {
  font-size:21px;
  text-shadow:4px 4px 10px #111;
  word-break: keep-all;
  font-weight: 300;
}
#section01 .inner .banner_txt05 {
  font-weight:bold;
  font-size:18px;
}
#section01 .inner .banner_txt05 > span.color_orange{
  color: #ffb974;
  text-shadow: 2px 2px 2px #333;
}
#section01 .inner .banner_linkBox{
  margin-top:15px;
}
#section01 .inner .banner_link {
  font-size:18px;
  padding:20px 35px;
  background-color:#ea5515;
  color:#fff;
  font-weight:400;
}
#section01 .inner .more {
    width:180px;
    height:60px;
    margin:0 auto;
    margin-top:50px;
    background-color:#ea5515;
}
#section01 .inner .more a {
    line-height:60px;
    color:#fff;
    text-align:center;
    display:block;
}
#section01 .mainbanner .owl-dots {
    position:absolute;
    width:100%;
    text-align:center;
    bottom:30px;
}

#section01 .mainbanner .owl-nav .owl-prev,
#section01 .mainbanner .owl-nav .owl-next {
    position:absolute;
    background:#ffffff;
    background-color:rgba(255,255,255,1);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    width:60px;
    height:60px;
    top:50%;
    border-radius:100%;
}
#section01 .mainbanner .owl-nav .owl-prev {
    left:2%;
    border:0;
}
#section01 .mainbanner .owl-nav .owl-next {
    right:2%;
    border:0;
}
#section01 .mainbanner .owl-nav .owl-prev span,
#section01 .mainbanner .owl-nav .owl-next span {
    color:#333333;

}
#section01 .owl-nav {
}
.owl-theme .owl-dots .owl-dot {
  background:none;
  border:0;
}
#section01 .owl-nav span {
    font-size:36px;
}

#section01 .owl-theme .owl-dots .owl-dot span {
    background-color:rgba(255,255,255,0.5);
}
#section01 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color:#ffffff;
}

/*=========== section02 시작 ============*/
#section02 {
    position:relative;
    background-color:#ea5515;
    padding:100px 0;
    text-align:center;
}
#section02 .cont {
    color:#ffffff;
}
#section02 .cont p {
    font-size:32px;
    padding:0 80px;
}


/*=========== section02 끝 ============*/

/*=========== section03 시작 ============*/
#section03 {
    position:relative;
    background-color:#e3deda;
    padding:120px 0 120px;

}
#section03 .video iframe {
  width:100%;
  /* height:315px; */
}
.section03_tit {
  text-align:center;
  padding-bottom:30px;
  font-size:32px;
  color:#76310d;
}
.section03_tit strong{
  font-size:42px;
}
#section03 .section03-txt {
  margin-top:20px;
  text-align: center;
}

#section03 .section03-txt h2 strong {
    font-size:28px;
    color:#ea5515;
}
#section03 .section03-txt p:first-child {
  padding-top:0;
}
#section03 .section03-txt p {
    clear:both;
    padding-top:15px;
    line-height:1.8;
    color:#76310d;
    font-size:20px;
}
#section03 .section03-txt span {
    font-weight:bold;
}
#section03 .section03-txt a {
    margin-top:15px;
    display:inline-block;
    width:150px;
    height:50px;
    background-color:#ea5515;
    line-height:50px;
    text-align:center;
    color:#ffffff;
}
/*=========== section03 끝 ============*/
/*=========== section04 시작 ============*/
#section04 {
    position:relative;
    background-color:#e3deda;
    padding:80px 0 50px;
}
#section04 .txt-box {
    padding:30px 0;
}
#section04 .txt-box p {
    font-size:18px;
    color:#594739;
    line-height:1.8;
    padding-bottom:15px;
}
.section04-content {
  width:100%;
  max-width: 800px;
  margin:0 auto;
}
.section04-content .img-box {
  position: relative;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.section04-content .img-box img {
  max-width:100%;
}
.section04-content .txt-cont {
  text-align: center;
  background: #fff;
  padding: 30px 0;
  border-radius: 0px 0 10px 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.section04-content .txt-cont > strong {
  display:block;
  font-size: 24px;
  margin:0px 0px 10px;
  color:#333;
}
.section04-content .txt-cont > a {
  display:block;
}
#section04 .support {
    width:150px;
    height:50px;
    background-color:#ea5515;
    display:block;
    line-height:50px;
    text-align:center;
    color:#fff;
    margin-top:5px;
}
#section04 .support:hover {
  text-decoration:underline;
}
/*=========== section04 끝 ============*/

/*=========== section05 시작 ============*/
#section05 {
    position:relative;
    background-image:url(/assets/common/img/user/section05_bg02.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:520px;
}
#section05 .cont {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  padding: 0 15px;
}
#section05 .cont h2 {
    position:relative;
    z-index:100;
    color:#ffffff;
    text-align:center;
    font-size:26px;
    line-height:1.6;
    text-shadow: 2px 3px 2px #000000;
}
#section05 .cont a {
    display:block;
    position:relative;
    z-index:100;
    color:#fff;
    width:200px;
    height:60px;
    line-height:60px;
    background-color:#ea5515;
    text-align:center;
    font-size:16px;
    margin:0 auto;
    margin-top:50px;
}
/*=========== section05 끝 ============*/

/*=========== section06 시작 ============*/
#section06 {
    position:relative;
    background-color:#ea5515;
    padding: 0px 0 80px;
}
#section06  .section06-title {
    font-size:38px;
    font-weight:bold;
    color:#ffffff;
    line-height:1.8;
    margin-bottom: 50px;
    text-align:center;
}
#section06 .imgbox img {
    display:block;
    margin:0 auto;
}
#section06 .subTitle {
    font-size:18px;
    line-height:1.6;
    color:#ffffff;
    text-align:center;
}
#section06 .subTxt {
    text-align:center;
}
#section06 .subTxt p {
    font-size:21px;
    color:#ffffff;
}
#section06 .subTxt p strong{
    font-size:28px;
}
#section06 .reference {
    padding:50px 0;
    text-align:center;
    color:#ffffff;
    font-size:14px;
}
.section06-img-cont {
  position: relative;
  max-width: 900px;
  width: 100%;
  margin: 45px auto 0;
}
.section06-img-cont .img-box {
  display: -webkit-box;
  display: -ms-felx;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.3);
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}
.section06-img-cont .img-box .img {
  -moz-flex: 60% 0 0;
  -webkit-flex: 60% 0 0;
  flex: 60% 0 0;
}
.section06-img-cont .img-box .img img{
  display: inline-block;
  max-width:100%;
}
.section06-img-cont .img-box .txt {
  -moz-flex: 1 0 0;
  -webkit-flex: 1 0 0;
  flex: 1 0 0;
  text-align: left;
  line-height: 1.6;
  padding: 25px;
}
.section06-img-cont .img-box .txt span {
  font-size: 18px;
  color:#111;
  font-weight: 700;
}
.section06-img-cont .img-box .txt span strong {
  display: inline-block;
  margin-top:10px;
  color:#111;
}
/*=========== section06 끝 ============*/
/*=========== section07 시작 ============*/
#section07 {
    padding:200px 0px;
    background-image:url(/assets/common/img/user/section07_bg.jpg);
    background-repeat:no-repeat;
    background-position:center 50%;
    background-size:cover;
}
#section07 h2 {
    text-align:center;
    font-size:36px;
    color:#ffffff;
}
#section07 h3 {
  text-align: center;
  font-size:24px;
  color:#ffffff;
  padding-bottom:35px;
  line-height:1.8;
}
#section07 .txt01 {
    text-align:center;
    font-size:18px;
    color:#ffffff;
    padding-bottom:35px;

}
#section07 .txt02 {
    text-align:center;
    font-size:28px;
    color:#ffffff;
}
#section07 .txt02 strong {
    font-weight:300;
}
.main-cont {
  padding: 50px 0;
}
.main-img-box {
  text-align: center;
}
.main-img-box img {
  max-width:80%;
}
/*=========== section07 끝 ============*/
/*=========== section08 시작 ============*/
#section08 {
    position:relative;
    background-color:#ea5515;
    padding:50px 0;
}
#section08 .section08-title {
    font-size:38px;
    font-weight:bold;
    color:#ffffff;
    line-height:1.8;
    padding:50px 0;
    text-align:center;
}
#section08 .col-md-3.col-xs-6 {
  padding-bottom:25px;
}
#section08 .icon_box {
  text-align:center;
  height:225px;
}
#section08 .icon_box .img {
  position:relative;
  display: inline-block;
  width:120px;
  height:120px;
  background-color:#fff;
  border-radius: 50%;
}
#section08 .icon_box .img img {
  position:absolute;
  width:90px;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}

#section08 .icon_txt01 {
  color:#ffffff;
  font-size:21px;
  font-weight:bold;
}
#section08 .icon_txt01 span {
  font-size:16px;
  font-weight:300;
}
#section08 .icon_txt02 {
  color:#ffffff;
}

/*=========== section08 끝 ============*/
/*=========== section09 시작 ============*/
#section09 {
  padding:50px 0 25px;
}
#section09 .container .donate_logo img {
  display:inline-block;
  width:135px;
  height:90px;
  text-align: center;
  margin-top:5px;
}
#section09 .container .donate_icon img {
  display:inline-block;
  width:75px;
  height:75px;
  margin:10px 0;
}
#section09 .container .donate_icon .txt {
  position:relative;
  padding-top:95px;
}
#section09 .container .donate_icon .txt01:before {
  content:'';
  position:absolute;
  width:75px;
  height:75px;
  top:10px;
  left:50%;
  margin-left:-37.5px;
  background:url(/assets/common/img/user/donate_money.png) no-repeat;
  background-size:75px;
}
#section09 .container .donate_icon .txt02:before {
  content:'';
  position:absolute;
  width:75px;
  height:75px;
  top:10px;
  left:50%;
  margin-left:-37.5px;
  background:url(/assets/common/img/user/donate_speech.png) no-repeat;
  background-size:75px;
}
#section10.main_aria {
  padding:50px 0;
  background:#dadada;
}
/*=========== mainbanner2시작 ============*/
.mainbanner2 .item {
  background:none;
}
.mainbanner2 .con_box {
  background-color:#fff;
  border-radius:10px;
  border:1px solid #bbb;
  height:175px;
}
.mainbanner2 .con_box h4 {
  padding-top:15px;
  font-weight:700;
}
.mainbanner2 .owl-nav .owl-prev{
  display:none !important;
}
.mainbanner2 .owl-nav .owl-next {
  transform:rotate(90deg);
}
.mainbanner2 .owl-dots {
  display:none;
}
.mainbanner2 .owl-nav .owl-prev,
.mainbanner2 .owl-nav .owl-next {
    background-color:#ea5515!important;
    width:30px;
    height:30px;
    border:0;
}
.mainbanner2 .txt {
  font-size:16px;
}
.mainbanner2.owl-theme .owl-dots .owl-dot.active span,
.mainbanner2.owl-theme .owl-dots .owl-dot:hover span {
  background:#ea5515 !important;
}

/* .mainbanner2 {
  position:relative;
}
.mainbanner2 .item {
  background:#fff;
  border-radius:10px;
}
.mainbanner2 .txt {
  font-size:16px;
  padding:30px 0;
}

.mainbanner2 .owl-nav .owl-prev,
.mainbanner2 .owl-nav .owl-next {
    background-color: rgba(0,0,0,0.7);
    width:30px;
    height:30px;
    border:0;
}
.mainbanner2 .owl-nav .owl-prev {
  border:0;
}
.mainbanner2 .owl-nav .owl-next {
  border:0;
} */

/*=========== mainbanner2끝 ============*/

/*=========== section09 t끝 ============*/
#section10.main_aria .container .col-md-4 {
  height:370px;
}
#section10.main_aria .container .con_box {
  background:#fff;
  height:100%;
  box-shadow:0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
}
#section10.main_aria .container .subTxtBox01 {
  padding:15px;
}
#section10.main_aria .container .subTxtBox01:before {
  content:'';
  position:absolute;
  left:50%;
  margin-left:-50px;
  width:100px;
  height:100px;
  background:url(/assets/common/img/user/backBook.png) no-repeat;

}
#section10.main_aria .container .subTitle {
  padding:15px;
  text-align:center;
}
#section10.main_aria .container .subTxt {
  font-size:18px;
  text-align:center;
  line-height:1.8;
}
#section10.main_aria .container .subTxt01 {
  padding-top:115px;
}
#section10.main_aria .container .subTxt02 {
  color:rgba(0,0,0,0.4);
  font-size:16px;
}
#section10.main_aria .container .subTxt03 {
  font-size:14px;
  padding:15px;
  color:rgba(0,0,0,0.6);
}
#section10.main_aria .container .subTxtBox01 a {
  display:block;
  width:100%;
  text-align: center;
  padding:6px 12px;
  background:#ea5515;
  color:#fff;
  border-radius:5px;
  margin-top:22px;
  transition:0s;
}
#section10.main_aria .container .subTxtBox01 a:hover {
  background:#d04d15;
  text-decoration:none;
}
#section10.main_aria .container .con_box button {
  background:#ea5515;
  border:0;
  width:100%;
  border-radius:5px;
}
#section10.main_aria .container .con_box button:hover {
  background:#d04d15;
}
#section10.main_aria .container .con_box iframe {
  display:inline-block;
}
#section10.main_aria .container .con_box iframe ._2p3a {
  width:100%;
}
#u_0_0 ._2p3a {
  width:100% !important;
}
#section10.main_aria .container .con_box input {
  margin-bottom:15px;
}
.newsLetter_box {
  padding:0 15px;
}
.newsLetter_box button {
  display:block;
  margin:0 auto;
}


/*=========== footer 시작 ============*/
#footer {
    width:100%;
    background-color:#312f2f;
    padding: 40px 0;
}
#footer .container {
  position:relative;
}
#footer a:hover {
  text-decoration:none;
}
#footer .family_frame {
  position:absolute;
  right:0;
  top:0;
  width:140px;
  background:#fff;
  border-radius:5px;
}
#footer .family_frame .family {
  position:relative;
}
#footer .family_frame .family > a{
  width:100%;
  display:block;
  padding: 5px 15px;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  color:#777;
  position:relative;
  cursor:pointer;
}
#footer .family_frame .family > a span {
  position:absolute;
  right:10px;
  top:5px;
  font-size:14px;
  transition:0.7s;
}
#footer .family_frame .family .family_list {
  position:absolute;
  bottom:40px;
  width:100%;
  border:1px solid #ddd;
  border-radius:5px;
  background:#fff;
  display:none;
}
#footer .family_frame .family .family_list li {
  width:100%;
}
#footer .family_frame .family .family_list li a {
  font-size:14px;
  color:#777;
  width:100%;
  display:block;
  padding:5px 15px;
}
#footer .family_frame .family .family_list li a:hover {
  text-decoration: underline;
}
#footer .footerInfo {

}
#footer .sns {
    text-align:center;
}
#footer .sns ul {
    display:table;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
}
#footer .sns li {
    float:left;
    margin-left:30px;
}
#footer .sns li:nth-child(1) {
    margin:0;
}
#footer .sns li a {
    color:#ffffff;
}
#footer .footerMenu {
    padding-top:20px;
    text-align:center;
}
#footer .footerMenu ul {
    display:table;
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
}
#footer .footerMenu li {
    float:left;
}
#footer .footerMenu li a {
    color:#ffffff;
}
#footer .footerMenu span {
    display:inline-block;
    margin:0 15px;
    color:#ffffff;
    float:left;
}
#footer .footerMenu span:last-child {
  display:none;
}
#footer .footerTxt {
    padding-top:20px;
    color:#bbbbbb;
    text-align:center;
}
#footer .footerTxt span {
    padding-right:15px;
}
.copyright {
    padding:15px 0px 0px;
    color:#888888;
    text-align:center;
    font-size:15px;
}


/* 로그인 팝업 */
.loginPopup { width: 100%; max-width: 320px; border-radius: 8px; overflow: hidden; }
.loginPopup .modal-body { padding: 30px; }
.loginPopup .modal-body .title {
    margin: 10px 0 15px;
    padding-bottom: 10px;
    border-bottom: solid 2px #ddd;
    font-family : 'nanum-square-r', 'Nanum Gothic', 나눔고딕, Malgun Gothic, 맑은고딕, sans-serif;
    font-weight: 500;

}
.loginPopup .modal-body .form-group { margin-bottom: 10px; }
.loginPopup .modal-body .form-control { height: 40px; }
.loginPopup .modal-body .login-buttons { width: 100%; display: inline-block; margin: 0}
.loginPopup .modal-body .login-buttons li { float: left; width: 33.3%; padding: 5px 8px; }
.loginPopup .modal-body .textBox {
    margin: 0 0 15px;
    padding: 15px 0;
    border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc;
    text-align: center; line-height: 1.4;
    font-size: 13px;
}
.loginPopup .modal-body .textBox i { font-size: 5rem; }
.loginPopup .modal-body .textBox h4 { font-size: 15px; }
.loginPopup .modal-body .textBox p { font-size: 13px; }



.divider {
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    color: #E5E5E5;
    width: 100%;
}
.divider:after,
.divider.divider-center:before,
.divider.divider-center.divider-short:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 8px;
    left: 30px;
    height: 0;
    border-top: 1px solid #ddd;
}
.divider.divider-center { text-align: center; }
.divider.divider-center:before {
    left: -50% !important;
    right: 0;
    margin-left: -20px;
}

.divider.divider-center:after {
    left: 50% !important;
    right: 0;
    margin-left: 20px;
}
 @media(max-width:1199px) {
	.logo .wlogo { height: 30px; }

	.total-gnb-nav li { margin-right: 40px; }
	.container { width: 96%; }
}

 @media(max-width:991px) {
	#header { position: fixed; top:0; left: 0; width: 100%; height: 50px!important; background-color:rgba(234,85,21,1); z-index: 1015; }
    #header.fixed-header { height: 80px; background-color:rgba(234,85,21,1); }
    #header .header-cont { position: relative; width: 100%; z-index:99; }

	.header-cont { width: 100%; height: 50px; left: 0; top:0; text-align: center; }

	.logo { top:0; position: relative; display: inline-block;  }
	.logo .mlogo { display: block;}
	.logo .wlogo { display: none;}

     /* navigation */

    .gnb-nav {
	  background: #fff;
	  width: 300px;
	  height: 100%;
	  display: block;
	  position: fixed;
	  left: -300px;
	  top: 0px;
	  -webkit-transition: left 0.25s ease;
	  -moz-transition: left 0.25s ease;
	  -ms-transition: left 0.25s ease;
	  -o-transition: left 0.25s ease;
	  transition: left 0.25s ease;
	  margin: 0;
	  border: 0;
	  border-radius: 0;
	  overflow-y: auto;
	  overflow-x: hidden;
	  height: 100%;
      z-index: 1016
	}
	.gnb-nav.visible {
	  left: 0px;
	  -webkit-transition: left 0.25s ease;
	  -moz-transition: left 0.25s ease;
	  -ms-transition: left 0.25s ease;
	  -o-transition: left 0.25s ease;
	  transition: left 0.25s ease;
	}

	.gnb { }
	.gnb-nav { text-align: inherit;  }
	.gnb-nav > ul { display: block; padding-top: 0; float: none; }
	.gnb-nav > ul li { display: block;  margin-right: 0; padding: 0; border-bottom: solid 1px #e5e5e5; }
	.gnb-nav > ul li a { display: block; padding: 15px 20px; color: #505050; font-weight: 600; }
	.gnb-nav > ul li:first-child:hover a { border-radius: 0; }
	.gnb-nav > ul > li:hover > a,
	.gnb-nav > ul > li.active > a,
  .gnb-nav > ul > li.focus { background:rgba(234,85,21,0.5);  color: #fff;}
    .gnb-nav > ul > li:hover ul.dropdown,
    .gnb-nav > ul > li.active > ul.dropdown {  display: block; }

	.gnb-nav > ul > li > ul.dropdown { background: #f5f5f5;  position: relative; top:0; width: auto; height: auto; display: none; float: none; box-shadow:none; }
	.gnb-nav > ul > li > ul.dropdown > li { width: 100%; display: block; padding: 0; margin: 0; list-style-type: none; }
	.gnb-nav > ul > li > ul.dropdown > li a { border-bottom: none;  color: #333;}
	.gnb-nav > ul > li > ul.dropdown > li > a:hover,
	.gnb-nav > ul > li > ul.dropdown > li.active > a:hover { background: rgba(0,0,0,.1); color: #333;}
	.gnb-nav > ul > li > ul.dropdown li a { padding: 10px 10px 10px 30px; }
	.gnb-nav > ul > li:hover .arrow-down { border-top: 5px solid #fff; }

     /* mobile */
	.util { width:100%; position: relative; top:0; right: 0;display: block; background: #f5f5f5; height:50px; }
  .util ul { float: none; }
	.util > li { }
	.util > li a.support { position: relative; }

     /* toggle */
	.nav-toggle { display: inline-block; vertical-align: middle; height: 50px; cursor: pointer; margin: 0; position: absolute; top: 0; left: 0; padding: 12px; }
	.nav-toggle span { height: 2px; background: #fff; margin: 5px; display: block; width: 20px; }
	.nav-toggle span:nth-child(2) { width: 20px; }
	.nav-toggle span:nth-child(3) { width: 20px; }

	.arrow-down { border-top: 5px solid #505050; position: absolute; top: 20px; right: 10px; }
}

.flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media(max-width:1199px) {
    .m0 {
        margin:0;
    }
    .p0 {
        padding:0;
    }
    /* #section10 .col-md-4.col-sm-12.w-link {
      display:none;
    } */
}
@media(max-width:991px) {
    body{
      padding-bottom:0;
    }
    .m0 {
        margin:0;
    }
    .p0 {
        padding:0;
    }
    .w-link {
        display:none;
    }
    .m-link {
        display:block;
    }
    .logo img {
      width:50px;
    }
    .gnb-nav .util .open {
      width:160px;
    }
    .gnb-nav .util .dropdown-toggle {
      color:#333;
    }
    .gnb-nav .util > ul > li:first-child {
      width:160px;
    }
    .gnb-nav > ul li:last-child {
      display:block;
    }
    /* .gnb-nav > ul li:nth-child(2) {
      display:none;
    }
    .gnb-nav > ul li:nth-child(3) {
      display:block;
    } */
    .util ul > li.support a {
      width:140px;
      height:50px;
      font-size:14px;
      line-height:50px;
    }
    .gnb-nav li ul.dropdown {
      border:0;
      border-radius:0;
    }
    .sub-util {
      text-align:center;
      background:#ea5515;
      padding-top:20px;
    }
    .sub-util .user_info .txt {
      padding:10px 0;
      color:rgba(255,255,255,1);
    }
    .sub-util .user_info .user_img img {
      display:inline-block;
      width:75px;
      height:75px;
      border-radius:100%;
    }
    .sub-util ul {
      float:none;
    }
    .sub-util ul li {

    }
    .sub-util ul li a {
      color:rgba(255,255,255,1);
    }
    .sub-util ul li p {
      font-size:12px;
    }
    .sub-util ul li::after {
      content:"";
      position:absolute;
      display:block;
      width:1px;
      height:24px;
      background:#fff;
      right:0;
      top:50%;
      margin-top:-12px;
    }
    .sub-util ul li:last-child::after {
      display:none;
    }
    #section02 {
      padding:100px 0;
    }
    #section03 .section03-txt {
      padding-top:20px;
    }
    #section06 .pd {
        padding:15px 0;
    }
    #section09.mainbanner2 .tc {
      text-align: center;
    }
    #section09 .container .donate_logo img {
      margin-top:25px;
    }
    #section10.main_aria .container .subTxtBox01 a {
      width:20%;
      margin:22px auto;
      padding:10px;
    }
    #section10.main_aria .container .con_box button {
      display:block;
      width:20%;
      padding:10px;
      margin:0 auto;
    }

    #footer {
      position:relative;
      height:auto;
    }
    #footer .sns li {
        margin-left:25px;
    }
    #footer .footerMenu ul {
      width:100%;
    }
    #footer .footerMenu li {
        padding:0;
        width:50%;
        box-sizing:border-box;
        box-shadow:
            1px 0 0 0 #454545,
            0 1px 0 0 #454545,
            1px 0 0 0 #454545 inset,
            0 1px 0 0 #454545 inset;
    }
    #footer .footerMenu li a {
        font-size:12px;
        padding:10px 20px;
        display:block;
    }
    #footer .footerMenu li span {
        display:none;
    }
    #footer .footerTxt {
        font-size:12px;
    }
    .ft-w-link {
        display:none;
    }
    .ft-m-link {
        display:block;
    }
    .copyright {
        font-size:12px;
        padding:15px 0;
    }
    #footer .footerMenu span {
      display:none;
    }
}
@media(max-width:767px) {
    body {
      padding-bottom:0;
    }
    .m0 {
        margin:0;
    }
    .p0 {
        padding:0;
    }
    .w-link {
        display:none;
    }
    .m-link {
        display:block;
    }
    .logo img {
      width:50px;
    }
    .gnb-nav > ul li:last-child {
      display:block;
    }
    /* .gnb-nav > ul li:nth-child(2) {
      display:none;
    }
    .gnb-nav > ul li:nth-child(3) {
      display:block;
    } */
    .gnb-nav .util .open {
      width:160px;
    }
    .gnb-nav .util .support {
      display:none;
    }

    .gnb-nav li ul.dropdown {
      border:0;
      border-radius:0;
    }
    .sub-util {
      text-align:center;
      background:#ea5515;
      padding-top:20px;
    }
    .sub-util .user_info .txt {
      padding:10px 0;
      color:rgba(255,255,255,1);
    }
    .sub-util .user_info .user_img img {
      display:inline-block;
      width:75px;
      height:75px;
      border-radius:100%;
    }
    .sub-util ul {
      float:none;
    }
    .sub-util ul li {

    }
    .sub-util ul li a {
      color:rgba(255,255,255,1);
    }
    .sub-util ul li p {
      font-size:12px;
    }
    .sub-util ul li::after {
      content:"";
      position:absolute;
      display:block;
      width:1px;
      height:24px;
      background:#fff;
      right:0;
      top:50%;
      margin-top:-12px;
    }
    .sub-util ul li:last-child::after {
      display:none;
    }
    /*======모바일 section01시작 ======*/
    #section01 .mainbanner {
        height:640px;
    }
    #section01 .mainbanner .item {
        height:640px;
        /* background-size:cover; */
        background-position:center;
    }
    #section01 .inner .text_box {
      width:95%;
    }
    #section01 .inner .banner_txt01 {
      font-size:12px;
    }
    #section01 .inner .banner_txt02 {
      font-size:32px;
    }
    #section01 .inner .banner_txt03 {
      font-size:23px;
    }
    #section01 .inner .banner_linkBox{
      margin-top:10px;
    }
    #section01 .inner .banner_link {
      padding:15px 20px;
      font-size:12px;
    }
    #section01 .inner .more {
        width:120px;
        height:45px;
    }
    #section01 .inner .more a {
        font-size:14px;
        line-height:45px;
    }
    #section01 .mainbanner .owl-nav .owl-prev, #section01 .mainbanner .owl-nav .owl-next {
        width:50px;
        height:50px;
    }
    #section01 .owl-nav span {
      font-size:24px;
    }
    #section01 .inner .banner_txt04 {
      font-size:21px;
    }
    /*======모바일 section01끝 ======*/

    /*======모바일 section02시작 ======*/
    #section02 {
        padding:100px 0;
    }
    #section02 .cont p {
        padding:0;
        font-size:18px;
    }

    /*======모바일 section02끝 ======*/

    /*======모바일 section03시작 ======*/
    #section03 {
        padding:50px 0;
    }
    #section03 .container {
        padding:0;
        width:100%;
    }
    #section03 .video {
        position:relative;
        height:0;
        width:100%;
        padding-bottom:56.25%;
    }
    #section03 .video iframe {
        position:absolute;
        top:0;
        left:0;
        display:block;
        width:100%;
        height:100%;
    }
    #section03 .section03-txt {
        padding:15px;
        text-align:center;
    }
    #section03 .section03-txt h2 {
        padding-top:20px;
        font-size:18px;
    }
    #section03 .section03-txt h2 strong {
        font-size:21px;
    }
    #section03 .section03-txt p {
        padding:20px 0;
        font-size:14px;
        line-height:1.8;
    }
    #section03 .section03-txt span {
        font-size:12px;
    }
    #section03 .section03-txt a {
        margin:30px auto;
    }
    /*======모바일 section03끝 ======*/

    /*======모바일 section04시작 ======*/
    #section04 .txt-box {
      padding:10px 0;
    }
    #section04 .container {
        width:100%;
        padding:0;
    }
    /* #section04 .container .row > div {
        background:url(/assets/common/img/user/m-section04-bg.png) no-repeat;
        background-size:100%;
        background-position:top center;
    }
    #section04 .txt-box {
        padding-top:75%;
    } */
    #section04 .txt-box p {
        padding-left:15px;
        padding-right:15px;
        padding-top:15px;
        padding-bottom:0;
        font-size:15px;
        text-align:center;
    }
    #section04 .txt-box span {
        text-align:center;
        display:block;
        padding-top:15px;
        font-size:14px;
    }
    #section04 .txt-box .txt04 {
        display:none;
    }
    #section04 .support {
        display:none;
    }

    /*======모바일 section04끝 ======*/

    /*======모바일 section05시작 ======*/
    #section05 {
        padding:50px 0;
    }
    #section05 .cont h2 {
        font-size:18px;
    }
    #section05 .cont a {
        display: block;
        width: 150px;
        height: 50px;
        line-height: 50px;
        font-size:14px;
    }
    /*======모바일 section05끝 ======*/

    /*======모바일 section06시작 ======*/
    #section6 .container {
        width:100%;
        padding:0;
    }
    #section06 .section06-title {
        font-size:25px;
        padding:25px 0;
    }

    #section06 .subTitle {
        font-size:20px;
        text-align:left;
    }
    #section06 .subTxt {
        text-align:left;
    }
    #section06 .pd {
        padding:15px 0;
    }
    #section06 .imgbox {
        text-align:center;
    }
    #section06 .imgbox img {
        display:inline-block;
        padding-right:10px;
    }
    #section06 .subTxt p {
        font-size:14px;
    }
    #section06 .subTxt p strong {
        font-size:18px;
    }
    #section06 .reference {
        padding:25px 0;
        font-size:12px;
    }

    #section07 {
        padding:50px 0;
    }
    #section07 h2 {
        font-size:24px;

    }
    #section07 .txt01 {
        font-size:14px;
        padding-bottom:25px;
    }
    #section07 .txt02 {
        font-size:24px;
    }
    #section08 {
      padding-bottom:25px;
    }
    #section08 .section08-title {
      font-size:25px;
      padding:25px 0;
    }
    #section08 .icon_txt01 {
      font-size:20px;
    }
    #section08 .icon_txt01 span {
      font-size:14px;
    }
    #section08 .icon_txt02 {
      font-size:14px;
    }
    .mainbanner2 .con_box {
      background-color:#fff;
      border-radius:0;
      border:none;
      height:175px;
    }
    .mainbanner2 .con_box h4 {
      padding-top:15px;
      font-weight:700;
    }
    .mainbanner2 .owl-nav .owl-prev,
    .mainbanner2 .owl-nav .owl-next {
        background-color: rgba(0,0,0,0.4) !important;
        width:30px;
        height:30px;
        border:0;
    }
    .mainbanner2 .txt {
      font-size:16px;
    }
    #section09 .container {
      padding:0;
      width:98%;
    }

    #section10.main_aria .container .subTxtBox01 a {
      width:50%;
      margin:22px auto;
    }
    #section10.main_aria .container .con_box button {
      width:50%;
    }
    .newsLetter_box label {
      display:inline-block;
      font-size:14px;
    }
    #section10 .container {
      width:100%;
      padding:0;
    }
    /*footer*/
    #footer {
      position:relative;
      height:auto;
    }
    #footer .footerInfo {
        padding-top:15px;
    }
    #footer .family_frame {
      position:relative;
      width:100%;
      margin-bottom:15px;
      border-bottom: 1px solid #4d4d4d;
      background:none;
    }
    #footer .family_frame .family .family_list {
      position:static;
      background:none;
      border:none;
      border-radius:0px;
      border-top:1px solid #ccc;
    }
    #footer .family_frame .family > a {
      color:#cdcdcd;
    }
    #footer .family_frame .family .family_list li a {
      color:#9b9b9b;
      padding:10px 15px;
    }
    #footer .sns li {
        margin-left:25px;
    }
    #footer .footerMenu ul {
      width:100%;
    }
    #footer .footerMenu li {
        padding:0;
        width:50%;
        box-sizing:border-box;
        box-shadow:
            1px 0 0 0 #454545,
            0 1px 0 0 #454545,
            1px 0 0 0 #454545 inset,
            0 1px 0 0 #454545 inset;
    }
    #footer .footerMenu li a {
        font-size:12px;
        padding:10px 20px;
        display:block;
    }
    #footer .footerMenu li span {
        display:none;
    }
    #footer .footerTxt {
        font-size:12px;
    }
    .ft-w-link {
        display:none;
    }
    .ft-m-link {
        display:block;
    }
    .copyright {
        font-size:12px;
    }
    #footer .footerMenu span {
      display:none;
    }
    .copyright {
      padding:15px 0;
    }
    .section03_tit {
      font-size: 26px;
    }
    .section03_tit strong {
      font-size: 32px;
    }
    .section06-img-cont .img-box {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .section06-img-cont .img-box .img {
      flex:100% 0 0;
    }
}
@media(max-width:474px) {
  #section01 .mainbanner {
    height: 100vh;
}
#section01 .mainbanner .item {
  height:100vh;
}
  .section03_tit {
    font-size: 21px;
    padding:10px;
  }
  .section03_tit strong {
    font-size:28px;
  }
  .section04-content {
    width:95%;
  }
  .section04-content .txt-cont > strong {
    font-size: 16px;
  }
  .section06-img-cont .img-box .txt span {
    font-size: 16px;
  }

}