/*
 *작성자 : 이병욱*
 *2016-02-29 최초작성일*
 *메인/서브 레이아웃 구성만 들어갑니다.*
*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(../fonts/font.css);

html { position: relative; min-height: 100%; }
body { background:#fff;font-family : 'Noto Sans KR', malgun Gothic, 맑은고딕, dotum, 돋움, sans-serif; min-width:320px; position:static; width:auto;}
html, body { height: auto; }
body img{max-width:100%;}
ul{list-style:none; padding: 0; }

a { text-decoration: none; }
a:hover { text-decoration: none!important; }


/* #top-menu .nav > li.active:first-child a {
	color:#539658 !important;
}
#top-menu .nav > li:first-child a {
	position:relative;
	padding-left:20px;
}
#top-menu .nav > li:first-child a::before {
	content: '';
	display: inline-block;
	background-image: url(/assets/common/images/challenge/challenge_icon.png);
	background-size: contain;
	width: 18px;
	background-repeat: no-repeat;
	height: 18px;
	position: absolute;
	top: 13px;
	left: 0;
}
#top-menu .nav > li:first-child a:hover {
	color:#539658 !important;
} */
/* modal */
.modal {
	text-align: center;
  padding: 0 !important;
}
.modal-title {
	font-size: 17px;
    font-weight: 700;
}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.modal-dialog {
	display: inline-block;
text-align: left;
vertical-align: middle;
}
.modal-dialog .carousel-inner .item {
  position:relative;
}
@media (min-width:992px) {
  .modal-dialog .carousel-inner .item {
    height:650px;
  }
}
.modal-dialog .carousel-inner .item::before {
  content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}
.modal-dialog .carousel-inner .item img {
  position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    height: auto;
    margin: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';
}

/* 상단 숨김메뉴 */
#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;}

/* 헤더영역 */
.page-with-top-menu { padding:0; }
.main-navbar { position: relative; background-color: #2fbfc6; border-bottom:solid 1px #01466c; color: #fff; z-index: 10;}

.main-navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height:55px;
    z-index: 101;
}

#header {
	background:#fff;
	height: 100px;
	border-bottom: solid 1px #ddd;
}

.navbar-header { padding-right: 20px;border: 0;  }
.navbar-header .navbar-brand { position: relative; width: auto; margin:10px 0 0 0!important; display:inline-block; padding: 0; z-index:1016;}

.navbar-header .navbar-toggle,
.navbar-header .search-toggle { position:absolute; width: 50px; height:50px; line-height:50px; text-align: center; color: #999; font-size: 18px; }
.navbar-header .navbar-toggle:hover,
.navbar-header .search-toggle:hover { background: #fafafa; }

.navbar-header .navbar-toggle { margin: 0; border-radius: 0; border:0; border-right: solid 1px #ddd; left: 0; }
.navbar-header .navbar-toggle .icon-bar+.icon-bar { margin-top: 5px; }
.navbar-header .navbar-toggle .icon-bar { width: 26px; }

.navbar-header .search-toggle { right: 0; border-left: solid 1px #ddd; }
.navbar-header .search-toggle i { line-height:50px; }

.nav.navbar-nav > li { position: relative; }
.nav.navbar-nav > li:first-child:before {
	display: none;
}
.nav.navbar-nav > li::before {
	content: "";
	position:absolute; left: 0; top: 50%;
	width: 1px; height: 13px;
	background-color:rgba(255,255,255,0.7);
	transform: translateY(-50%);
}
.nav.navbar-nav > li > a { height: 35px; line-height: 35px; padding: 0 10px; color:#bbb; }
.nav.navbar-nav > li > a img { height: 22px; }
.nav.navbar-nav > li a:hover,
.nav.navbar-nav > li a:focus,
.nav.navbar-nav > li a:active { background:none;  color:#fff; opacity: 1; }
.nav.navbar-nav > li a i { font-size: 18px; }
.nav.navbar-nav > li a .material-icons {font-size: 32px; }
.nav.navbar-nav > li.navbar-user.open a,
.nav.navbar-nav > li.navbar-user a:focus,
.nav.navbar-nav > li.navbar-user a:hover { color: #fff; }
.nav.navbar-nav > li.navbar-user a.dropdown-toggle { line-height: 35px;  }
.nav.navbar-nav > li.navbar-user .dropdown-menu  { z-index: 1017; }
.nav.navbar-nav > li.navbar-user .dropdown-menu li a { color: #777; }
.nav.navbar-nav > li.navbar-user .dropdown-menu li a:hover { background:#FFEBF4; color:#333; }

/* 검색 */
.search_div { position: relative; }
.search_inner {  width:280px; height: 60px;border-left:solid 1px #e5e5e5; }
.search_inner .search_input { width:100%; height: 50px; float:left; padding:0 0 0 12px; font-size:14px; color: #999; border:0; }
.search_inner .search_btn {
	background:none;
	position:absolute;
	top:18px;
	right:0;
	height: 32px;
	display: inline-block;
	text-align: center; color: #999;
	border: 0;
	font-weight: 600; font-size: 32px;
}
.search_inner .search_btn i{ font-size: 32px; }
.search_inner .search_btn:hover { color: #222;  }

.headerTop { background: #4D4740; height: 35px; }
.headerTop .right { position: absolute; right: 0; }
.container-fluid { display: flex; align-items: center;}
/* 상단메뉴 */
.top-menu { background:none; position: relative; top: 0; height: auto; flex: 1; justify-content: flex-end; }
.top-menu .nav { float: right; margin: 0!important; }
.top-menu .nav > li {  }
.top-menu .nav > li > a { position: relative;  display: inline-block; color: #666; font-size: 18px; cursor: pointer; }
.top-menu .nav > li:hover > a,
.top-menu .nav > li:focus > a,
.top-menu .nav > li > a:hover,
.top-menu .nav > li > a:focus {
    background:none; color: #F33285;
}


.top-menu .nav .sub-menu {  display: none!important;  position: absolute; right: 0; width: 100%; background:none; list-style-type: none;  padding:30px 0 0; }
.top-menu .sub-menu > li { float: left; display: inline-block;  padding:0 5px; }
.top-menu .sub-menu > li > a { position: relative; padding: 12px 15px; display: block; font-size: 13px; color: #999; text-decoration: none;border-bottom: solid 2px #bbb; }
.top-menu .sub-menu > li.active > a,
.top-menu .sub-menu > li.active > a:hover,
.top-menu .sub-menu > li.active > a:focus,
.top-menu .sub-menu > li > a:hover,
.top-menu .sub-menu > li > a:focus {
	background:#F33285;
    color: #fff;
	border: 0;
}
.top-menu .sub-menu > li a:before { content:''; }

.top-menu .nav > li.has-sub:hover > .sub-menu { display: block; }
.top-menu .nav > li.active > a,
.top-menu .nav > li.active > a:hover,
.top-menu .nav > li.active > a:focus{
    background:none; color: #F33285;
}
.top-menu li.whoareu_btn { }
.top-menu li.whoareu_btn a {
	background: url(/assets/common/images/user/top_whoareyou.png) no-repeat;
	width: 64px; height: 47px;
	background-size: 64px 47px;
	margin: 5px 15px -15px;
	display: block;
}
.top-menu li.whoareu_btn.on a,
.top-menu li.whoareu_btn a:hover {
	background: url(/assets/common/images/user/top_whoareyou_.png) no-repeat;
	width: 64px; height: 47px;
	background-size: 64px 47px;
}


#nav_mobile{display:block;position:fixed;top:0;left:-260px;width:100%;height:100%;z-index:8000;}
#nav_mobile .nav_mask {background-color: #000; display: none; top:0;left: 0; position:fixed; top: 0;width:100%;height:100%;z-index:8000;opacity:0.8;overflow-y:hidden}
#nav_mobile .nav_mobile{position:absolute;top:0;left:0;max-width:260px;width:260px;height:100%;margin:0;z-index:8500;background: #fff;overflow:hidden;}
#nav_mobile .nav_mobile .mobile_top{position:relative;z-index:50000;padding:18px 25px;background:#f6f6f6; font-size: 18px; }
#nav_mobile .btn_mclose{position:absolute;top:20px;right:22px;z-index:55000;}
#nav_mobile .nav_mobile .nav{float:none;margin:0;}
#nav_mobile .nav_mobile .nav li{width:100%;font-size:15px; display: inline-block; }
#nav_mobile .nav_mobile .nav li > a { padding:16px 0 14px 20px;border-bottom:1px solid #eee;color:#696969; font-size:17px; font-family:"notokr-regular"; }
#nav_mobile .nav_mobile .nav li > a:hover, .nav li > a:focus  { }
#nav_mobile .nav_mobile .sns_nav{float:none; padding:25px 20px; }
#nav_mobile .nav_mobile .sns_nav li.tit{width:100%;font-size:16px; display: inline-block; border: 0; text-align: center;}
#nav_mobile .nav_mobile .sns_nav li { margin-bottom: 5px; }
#nav_mobile .nav_mobile .sns_nav li > a { display: block;padding:6px 0 ;border:1px solid #eee;color:#696969; text-align: center; font-size:15px; font-family:"notokr-regular"; }
#nav_mobile .nav_mobile .sns_nav li > a img { width: 24px; }

#nav_mobile .nav_mobile .nav .open > a,
#nav_mobile .nav_mobile  .nav .open > a:focus, .nav .open > a:hover, .nav .open > a.active{background:#fff;color:#F858A6;;background:url('../images/common/bg_toggle_down.png') 93% center no-repeat;}
#nav_mobile .nav_mobile .nav .dropdown-menu{position:relative;width:100%; margin: 0; padding:0;box-shadow:none;border:none;background:#f6f6f6;border-bottom:1px solid #e1e1e1}
#nav_mobile .nav_mobile .nav .dropdown-menu ul{padding:0;}
#nav_mobile .nav_mobile .nav .dropdown-menu li a{display:block;border:none;padding:11px 30px;;color:#888;font-size:15px;background:none;}
#nav_mobile .nav_mobile .nav .dropdown-menu li a:hover,
#nav_mobile .nav_mobile .nav .dropdown-menu li.active > a,
#nav_mobile .nav_mobile .nav .dropdown-menu li a.active{background:#FFEBF4;color:#333;text-decoration:none;}
#nav_mobile .nav_mobile .nav .dropdown-menu .has-sub > ul > li > a {
    padding-left: 40px;
    font-size: 14px;
}
#nav_mobile .nav_mobile .nav ul{height:100%;}

#nav_mobile .profile  { background: #fafafa; padding:20px 0 ; border-bottom: solid 1px #d5d5d5; }
#nav_mobile .profile .user_info { text-align: center;   }
#nav_mobile .profile .user_info .img { width: 80px; height:80px; display: inline-block; border-radius: 50%; overflow:hidden; }
#nav_mobile .profile .user_info .img img {  }
#nav_mobile .profile .user_info .txt { margin: 5px 0 0; font-size: 14px; }
#nav_mobile .profile .user_info .login_btn { margin-top: 10px; border-radius: 50px;  }
#nav_mobile .profile .user_info .join_btn { display: block; margin-top: 15px; color: #666; clear: both;  }

#nav_mobile .profile .user_info ul { float:none; display: inline-block; margin:10px 0 0; height:100%; }
#nav_mobile .profile .user_info ul li{ position: relative; display: inline-block; float: left; font-size:16px;}
#nav_mobile .profile .user_info ul li > a	{ display: block; text-align: center; padding:8px 15px;color:#999; font-size: 13px; font-family:"notokr-regular"; }
#nav_mobile .profile .user_info ul li > a:hover, .nav li > a:focus  { color:#696969; }

#nav_mobile .profile .user_info .line {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 1px;
    height: 25px;
    background: #ddd;
}


#mainContainer {}
#mainContainer .col-lg-4 { padding: 0 25px; }


#fullpage {}
#fullpage .slide {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
}
#fullpage .slide .slideCont { text-align: center; color: #fff; font-size: 36px; font-weight:normal; font-family: 'NanumSquareR';}

#fp-nav ul li a span, .fp-slidesNav ul li a span { background: #ccc; width: 6px; height: 6px; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background: #F33285; }


#section0 .slide .slideCont .intro_title { font-size: 36px; font-family: 'NanumSquareR'; }
#section0 .slide .slideCont .intro_title span { display: block; font-weight: normal; }
#section0 .slide .slideCont .intro_title b { font-size:42px;}
#section0 .slide .slideCont a { color: inherit;}
#section0 .slide .slideCont .main_business {}
#section0 .slide .slideCont .main_business .title { margin-bottom: 50px; font-size: 42px; font-family: 'NanumSquareR'; }
#section0 .slide .slideCont .main_business .title span { font-size: 32px; font-family: 'NanumSquareR';}
#section0 .slide .slideCont .main_business ul { display: inline-block;}
#section0 .slide .slideCont .main_business ul li { float: left; padding: 0 10px; }
#section0 .slide .slideCont .main_business ul li img { max-width: 100%; height: auto; }


#mainContainer #section1 {
    background-image:url('/assets/common/images/user/section_02_bg.jpg');
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
    padding:0 40px;
}

.mainBoard { width: 100%;display: inline-block; }
.mainBoard .title { width: 100%; display: inline-block; padding: 16px 0; border-bottom: solid 2px #666;}
.mainBoard .title h3 { float: left; margin: 0; font-family: NanumSquareB; font-size: 28px; color: #000000; }
.mainBoard .title .more{ float: right; font-family: NanumSquareB; font-size: 15px; color: #777777; font-weight: normal; }
.mainBoard .list { margin: 0; padding: 0; }
.mainBoard .list li { position: relative; padding: 20px 0 20px 10px; border-bottom: solid 1px #ccc; }
.mainBoard .list li a {
	width: 75%;
	display: block; font-size: 18px; color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mainBoard .list li a:hover { color: #F33285; }
.mainBoard .list li .date { position: absolute; right: 0; top:25px; font-size: 13px; color: #999; }
.mainBoard .list li.lineNone { width: 100%; text-align: center;  }

#mainContainer #section2 {
    background-image:url('/assets/common/images/user/section_03_bg.jpg');
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
    padding:0 40px;
}
#section2 .mainCont {}
#section2 .mainCont .title { font-size: 32px; font-family: NanumSquareR; font-weight: normal; color: #454545;}
#section2 .mainCont .snsBtn { width: 100%; float: left; display: inline-block;margin: 18px 0 12px; padding: 0; }
#section2 .mainCont .snsBtn::after {
  content:'';
  display:block;
  clear:both;
}
#section2 .support::after {
  content:'';
  display:block;
  clear:both;
}
#section2 .mainCont .snsBtn li { width: 50%; padding: 6px 0; float: left; }
#section2 .mainCont .snsBtn li a { position: relative; display: block; font-family: NanumSquareR; font-size: 18px; line-height: 36px; color: #444; font-weight: bold; }
#section2 .mainCont .snsBtn li a .icon {
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    display: inline-block;
    vertical-align: middle;
	float: left;
	margin-right: 5px;
}
#section2 .mainCont .snsBtn li a.facebook:hover { color: #3A599A; }
#section2 .mainCont .snsBtn li a.facebook .icon {
    background-image:url('/assets/common/images/user/facebook_icon.png');
}
#section2 .mainCont .snsBtn li a.twitter:hover { color: #2AADE3; }
#section2 .mainCont .snsBtn li a.twitter .icon {
    background-image:url('/assets/common/images/user/twitter_icon.png');
}
#section2 .mainCont .snsBtn li a.youtube:hover { color: #B91519; }
#section2 .mainCont .snsBtn li a.youtube .icon {
    background-image:url('/assets/common/images/user/youtube_icon.png');
}
#section2 .mainCont .subscribeBtn { background:#EF5A8B; clear: both; display:inline-block; padding:10px 20px; line-height: 1.4; color: #fff; font-size: 16px; font-family: NanumSquareR; }
#section2 .mainCont .subscribeBtn:hover { background:#DA386D; }
#section2 .mainCont .subscribeBtn i { line-height: 1.4; vertical-align: middle; }

#section2 .mainCont .support dl {  width: 100%; display: inline-block; margin:0px 0 0; background: rgba(255,255,255,0.8);}
#section2 .mainCont .support dl dt { position: relative; float: left; width: 30%; }
#section2 .mainCont .support dl dt .title {  margin: 50px 0 0; padding: 0 30px; font-size: 16px; text-align: center; color: #F62D6F; }
#section2 .mainCont .support dl dt .title i { font-size: 32px; }
#section2 .mainCont .support dl dd { width: 70%;  display: inline-block; padding: 20px; border-left: solid 1px #ccc;  }
#section2 .mainCont .support dl dd span { display: block; font-family: NanumSquareR;  }
#section2 .mainCont .support dl dd .now { font-weight: bold; font-size: 20px; color: #333; }
#section2 .mainCont .support dl dd .total { padding: 10px 0 0; font-weight: bold;  font-size: 18px;  color: #333; }
#section2 .mainCont .support dl dd .date { font-size: 15px; color: #777; font-weight: normal; }
#section2 .mainCont .supportBtn { width: 100%; display: inline-block; border-top: solid 1px #ccc; }
#section2 .mainCont .supportBtn a:first-child {
  border-left:0;
}
#section2 .mainCont .supportBtn a { background: rgba(255,255,255,0.8); width: 50%; display: block; float: left; padding: 15px 0; border-left: solid 1px #ccc; font-size: 15px; text-align: center; color: #333; }
#section2 .mainCont .supportBtn a:hover { color: #DA386D; }
#section2 .mainCont .support_info {
  background: rgba(255,255,255,0.8);
  padding: 35px 20px 45px;
  font-family: NanumSquareR;
  position:relative;
}
#section2 .mainCont .support_info .support_icon_box {
  position:absolute;
}
#section2 .mainCont .support_info .support_info_box {
  padding-left:108px;
}
#section2 .mainCont .support_info .support_icon_box img {
  margin: 4px 22px 0px 7px;
}
#section2 .mainCont .support_info .support_info_tit {
  font-size: 18px;
  font-weight: 700;
}
#section2 .mainCont .support_info ul li {
  font-size: 17px;
  line-height: 1.6;
}
#section2 .mainCont .support_info ul li strong {

}
#section2 .mainCont .support_info ul li span {

}
#section2 .mainCont .support_info ul li.text span {
  font-size: 15px;
  font-weight: 700; line-height: 1.3;

}
#section2 .mainCont .support_info .after {
  display:block;
  clear:both;
}
#section2 .facebookBox { width: 50%;  min-height: 550px; float: left; padding: 30px; background: rgba(255,255,255,0.8); text-align: center; }
#section2 .facebookBox .title { font-size: 20px; color: #3A599A; }
#section2 .facebookBox .boxCont { margin: 20px 0 0;text-align: center; overflow: hidden; }
#section2 .facebookBox .boxCont iframe { display: inline-block; }
#section2 .youtubeBox {
    background: rgba(255,255,255,0.8);
    width: 50%;
    min-height: 550px;
    float: left;
    padding: 30px;
    text-align: center;
    border-left:solid 1px #ddd;
}
#section2 .youtubeBox .title { font-size: 20px;  color: #B91519; }
#section2 .youtubeBox .boxCont { margin: 20px 0 0; }
#section2 .youtubeBox .boxCont .video { position:relative; }
#section2 .youtubeBox .boxCont .video::after {
	content: '';
	padding-top: 56.25%;
	display: block;
}
#section2 .youtubeBox .boxCont .video > iframe { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; height: 100%; }
#section2 .youtubeBox .boxCont .info { margin: 20px 0 0; text-align: left; }
#section2 .youtubeBox .boxCont .info .tit { font-size: 18px; color: #444;  }
#section2 .youtubeBox .boxCont .info p { margin: 10px 0 0; font-size: 13px; color: #777; }

.fp-slidesContainer {
	width: 100%!important;
	transform: none!important;
}

.fp-slide {
	width: 100%!important;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 0;
	transition: all .7s ease-in-out;
}

.fp-slide.active {
	visibility: visible;
	opacity: 1;
	z-index: 1;
}
.fp-controlArrow { display: none; }


.subPagecont { padding: 180px 0 0px!important ;}
.subPagecont .content {
	position: relative;
	padding:0;
    min-height: 600px;
}
.subPagecont .footer { }

/* 서브메뉴 */
.subMenu { position: fixed; right: 20px; top:110px; z-index: 9999; }
.subMenu .nav {  }
.subMenu .nav li { background:rgba(255,255,255,0.9); float: left; margin-left: 6px; }
.subMenu .nav li a {  display: inline-block; padding: 12px 15px 8px; background: none; border-bottom: solid 2px #ccc; font-size: 13px;   }
.subMenu .nav li a:hover,
.subMenu .nav li.active a { background:rgba(243,50,133,0.8); background:#F33285; border-bottom: solid 2px #D45794; color: #fff; }

/* 카피라이트 */
.footer { width: 100%; position: relative; margin: 0; background:#333438; border: 0; }
.footer_menu{ display: none;}
.footer .copy_logo { float: left; margin: 10px 20px 0 0; }
.footer .copy_logo img { height: 50px; }

.footer .footer_info { display: inline-block; padding: 10px 0 0 0; text-align: center; }
.footer .footer_info .info_btn { float:left; display: inline-block;  padding:0; margin:0; }
.footer .footer_info .info_btn li { position: relative; float: left; padding: 0 15px; }
.footer .footer_info .info_btn li:before { content: '|'; position: absolute; left: 0; }
.footer .footer_info .info_btn li:first-child { padding-left: 0; background: none; }
.footer .footer_info .info_btn li:first-child:before { content: ''; }
.footer .footer_info .info_btn li A { color:#ccc; text-align: left; font-size: 13px;  }

.footer .footer_info .info_text { clear: both; float:left; text-align: left; font-size:12px; margin: 8px 0 10px; }
.footer .footer_info .info_text p { margin: 0; color:#aaa!important; font-size:12px;}
.footer .footer_info .copy_text { clear: both; float:left; color:#999; font-size:11px; }


.footer_menu { width:100%; height:64px; z-index: 99; }
.footer_menu ul { height:64px; background: #404040; display: block; margin: 15px 0 0;  }
.footer_menu li { position:relative; width: 20%; float: left; height:64px; margin:10px 0 0; }
.footer_menu li A { height:80px; display: block; color:#eee; text-align: center; vertical-align: middle; text-decoration: none; }
.footer_menu li A p { font-size:13px;  }
.footer_menu li A span { font-size: 24px; }


.onePagecont { padding: 0!important ;}
.onePagecont .content { position: relative; padding:0; }
.onePagecont .footer { position: absolute; bottom: 0;  }

/* 서브메뉴 */
.onePagecont .pageMenu { position: fixed; right: 20px; top:110px; z-index: 9999; }
.onePagecont .pageMenu {  }
.onePagecont .pageMenu li { background:rgba(255,255,255,0.9); float: left; margin-left: 6px; }
.onePagecont .pageMenu li a {  display: inline-block; padding: 12px 15px 8px; background: none; border-bottom: solid 2px #ccc; font-size: 13px; color: #666;  }
.onePagecont .pageMenu li a:hover,
.onePagecont .pageMenu li.active a { background:rgba(243,50,133,0.8); background:#F33285; border-bottom: solid 2px #D45794; color: #fff; }


.main-wrap {
    height: 100%;
    background-color: #FCF4EC;
    flex-direction: column ;
    flex: 1 1 auto; margin-top: 100px;
}
.main-wrap .section1 {
	width: 100%;
    padding: 80px 0;
}
.main-banner-swiper .swiper-link {
  display: block;
}
.main-banner-swiper .swiper-visual {
  position:relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.main-banner-swiper .swiper-visual::after {
  content: '';
  display: block;
  padding-top: 45%;
}
.main-banner-swiper .banner-layout {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex; flex: 1;justify-content: center;
    align-items: center;
    max-width: 1200px;
    width: 100%;
    height: 100%;
    position: absolute; left: 50%; transform: translateX(-50%);
    z-index: 1;
    padding: 20px 30px;
}
.main-visual-control-wrap {
  position:absolute;
  bottom:18px;
  left:0;
  width: 100%;
  z-index: 10;
}
.main-visual-control-layout {
  text-align: center;
  margin: 0 30px;
}
.main-banner-swiper .banner-cont1 .text-box {
	text-align: center;
	color:#fff;
	margin-top: 20px;
	font-weight: 300;
	font-size: 32px;
	font-family: 'NanumSquareR';
}
.main-banner-swiper .banner-cont1 .intro_title { font-size: 36px; font-family: 'NanumSquareR'; text-align: center; color: #fff; }
.main-banner-swiper .banner-cont1 .intro_title span { display: block; font-weight: normal; }
.main-banner-swiper .banner-cont1 .intro_title b { font-size:42px;}
.main-visual-control {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color:rgba(0,0,0,0.5);
  border-radius: 30px;
  padding:6px;
}
.main-visual-control .swiper-pagination {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  position: relative;
  bottom: auto;
  width: auto;
  color:#fff;
  font-size: 16px;
  margin: 0 22px;
}
.main-visual-control .swiper-pagination .swiper-pagination-dot {
  display: inline-block;
  opacity: 0.7;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color:#fff;
  margin:0 10px;
  vertical-align: middle;
}
.main-visual-control .swiper-pagination .swiper-pagination-total {
  opacity: 0.7;
}
.main-visual-control button[class*="swiper"] {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: 1.5px solid #fff;
  background: none;
  border-radius: 24px;
  color:#fff;
  font-size: 16px;
}
.main-visual-control button[class*="swiper"].swiper-button-disabled {
  opacity: 0.4;
}
.main-visual-control .swiper-next {
  margin-left: 6px;
}
.main-visual-control .swiper-prev::after {
  font-family: "FontAwesome";
  content: "\f104";
  font-weight: 300;
}
.main-visual-control .swiper-next::after {
  font-family: "FontAwesome";
  content: "\f105";
  font-weight: 300;
}
.main-visual-control .swiper-play::after {
  font-family: "FontAwesome";
  content: "\f04b";
  font-weight: 300;
}
.main-visual-control .swiper-pause::after {
  font-family: "FontAwesome";
  content: "\f04c";
  font-weight: 300;
}

@media(max-width:1023px) {

	.main-wrap {
    	margin-top: 50px;
	}
	#section0 .slide .slideCont .main_business ul li { width: 20%; }
    #mainContainer #section1 { padding:0 10px; }

	body { margin-bottom:0!important; }
	.subMenu { display: none; }

	.subPagecont { padding: 80px 0 40px!important ;}
    .onePagecont .footer { display: none; }

    .headerTop { display: none; }

    .mainBoard { margin: 10px 0 0; }
    .mainBoard .title { padding:10px 0 ; }
    .mainBoard .title h3 { font-size: 20px; }
    .mainBoard .title .more{ float: right; font-family: NanumSquareB; font-size: 16px; color: #777777; }
    .mainBoard .list {}
    .mainBoard .list li { padding: 10px 0 10px 0px;  }
    .mainBoard .list li a { font-size: 14px;  }
    .mainBoard .list li .date { position: absolute; right: 0; top:12px; font-size: 13px; }


	.page-with-top-menu { padding:0 0; }
	/*헤더영역*/
	#header { background:#fff; height: 50px;border-bottom: solid 1px #ddd;}
	#header .container { width: 100%; height: 50px; padding: 0; }
	#header .container-fluid { width: 100%; padding: 0; m}

	#sub_container { margin: 0px 0 0; }

	#mainContainer #section2 { padding:0px; }

    #section0 .slide .slideCont .intro_title { padding: 0 10px; font-size: 26px;}
    #section0 .slide .slideCont .intro_title span { display: inline; }
    #section0 .slide .slideCont .intro_title b { font-size:32px;}
	#section0 .slide .slideCont .main_business ul li { width: 25%;}

	#section2 .facebookBox .boxCont iframe { width: 100%; }
	#section2 .mainCont .title { margin:0 0;font-size: 24px;  }
	#section2 .mainCont .title span { display: inline; }
	#section2 .mainCont .support {  margin-top: 15px; }
	#section2 .mainCont .support dl dt { position: relative; float: left;  width: 100%; }
	#section2 .mainCont .support dl dt i { display: none; }
	#section2 .mainCont .support dl dt .title { margin: 0; padding:15px 0 10px; font-size: 18px; text-align: center; color: #F62D6F; }
	#section2 .mainCont .support dl dd { width: 100%;  display: inline-block; padding:10px 0 10px; border-left:0; font-family:'NanumSquareR'; text-align: center; }
	#section2 .mainCont .support dl dd .now { font-weight: bold; font-size: 18px; color: #333; }
	#section2 .mainCont .support dl dd .total { padding: 10px 0 0; font-weight: bold;  font-size: 18px;  color: #333; }
	#section2 .mainCont .support dl dd .date { font-size: 14px; color: #777; font-weight: normal; }
    #section2 .mainCont .snsBtn { float: left; display: inline-block;margin: 10px 0; padding: 0; }
    #section2 .mainCont .snsBtn li {  }
    #section2 .mainCont .snsBtn li a { display: block; }


	/* 검색 */
	.search_div { position: absolute; top: 0; left: 50px; right: 50px; }
	.search_inner {  width:100%; height: 50px;  border-left:solid 1px #ddd; padding:0; }
	.search_inner .search_input { width:100%; height: 50px; float:left;  padding:0px 0 0 12px; color: #999; border:0; }
	.search_inner .search_btn { display: none; }

	#top-menu {display: none!important; }
	.container-fluid>.navbar-header { margin: 0; }
	.navbar-header { position: relative;;  width: 100%; height: 50px; margin: 0; padding: 0; text-align: center;  }
	.navbar-header .icon-bar  { background: #555; }
	.navbar-header .navbar-brand { width: auto; margin: 5px 0 0!important; display: inline-block; float: none; padding:0; font-size: 18px; color: #222; line-height: 0; }
	.navbar-header .navbar-brand img { height: 40px; }
	.navbar-header .navbar-toggle { display: block;  }
	.dropdown.open .dropdown-mobile {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.5);
		z-index: 99999;
		margin-top: 0;
		border-radius: 0;
	}
	.dropdown.open .dropdown-mobile li{  display: block;
	}
	.nav.navbar-nav { display: none; }

    .goodsTabs .nav.nav-tabs ul { border-bottom:0; }
    .goodsTabs .nav-tabs li { width: 50%; border-left: solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5; }

	.onePagecont .pageMenu  { display: none; }

	.footer { text-align: center; }
	.footer .container { padding: 0; }
	.footer .copy_logo { width: 100%; display: inline-block; margin: 10px 20px 10px 0; }
	.footer .copy_logo img { height: 50px; }

	.footer .footer_info { display: inline-block; padding: 10px 0 0 0; text-align: center; }
	.footer .footer_info .info_btn { width: 100%;  padding:0; margin:0; border-top:solid 1px #555;  border-right:solid 1px #555; }
	.footer .footer_info .info_btn li { width: 50%; padding: 0; border-left:solid 1px #555;border-bottom:solid 1px #555;   }
	.footer .footer_info .info_btn li::before { content:''; }
	.footer .footer_info .info_btn li a { display: block; padding:8px 0; text-align: center; }
	.footer .footer_info .info_btn li a:hover { background: #444; }

	.footer .footer_info .info_text { clear: both; width: 100%; display: inline-block; margin-top: 10px; padding: 0 10px; text-align: center; }
	.footer .footer_info .copy_text { clear: both; width: 100%;  display: inline-block; text-align: center; }
}
@media(min-width:1024px) {

	.page-with-top-menu { padding:0 0 0; }

    .goodsTabs .nav-tabs li { width: 25%;  }

	.search_div { display: block!important; float: right; }
	.navbar-header .search-toggle { display: none; }

}

@media(max-width:991px){

	.main-banner-swiper .banner-cont1 .intro_title { font-size: 24px; font-family: 'NanumSquareR'; text-align: center; color: #fff; }
	.main-banner-swiper .banner-cont1 .intro_title span { display: block; font-weight: normal; }
	.main-banner-swiper .banner-cont1 .intro_title b { font-size:36px;}
    #section2 .youtubeBox { display: none; }
    #section2 .facebookBox { display: none; }
    .mainBoard .list { height: 88px; overflow: hidden; }


	.pace-progress { top:54px; }
	.page-header-fixed { padding-top:0;}
}
@media(min-width:992px) {

}
@media (max-width: 767px) {
    .main-banner-swiper .swiper-visual {
        display: none;
    }
  .main-banner-swiper .m-banner {
    position:relative;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
  }
  .main-banner-swiper .m-banner::after {
    content:'';
    padding-top: 120%;
    display: block;
  }
  .main-banner-swiper .banner-cont1 .text-box {
  	font-size: 20px;
  	font-family: 'NanumSquareR';
  }
    #section0 .slide .slideCont .main_business .title { margin-bottom: 0px; font-size: 32px; font-family: 'NanumSquareR'; }
    #section0 .slide .slideCont .main_business .title span { display: block; font-size: 24px; font-family: 'NanumSquareR';}
	#section0 .slide .slideCont .main_business ul li { width: 50%; margin: 20px 0 0; }
	#section0 .slide .slideCont .main_business ul li a img { max-width: 120px; }
  .modal-dialog {
    width:94%;
    margin:0;
  }
}

@media (min-width: 768px) {
  	.navbar-ul { top:0; right:10px; }
}
.fund {
  border: 1px solid #ddd;
}
.fund .fund-tit {
	padding: 15px;
  border-bottom: 1px solid #ddd;
  margin: 0;
  margin-bottom: 23px;
	font-size: 17px;
}
.fund .form-group:last-child {
	border-bottom:0 !important;
	margin-bottom: 0 !important;
}