@charset "utf-8";
/* CSS Document */
/* default *********************************************************/
@media (min-width: 320px) {
	.web {display: none !important;}
	.mobile {display: block !important;}}
@media (min-width: 1200px) {
	.web {display: block !important;margin: 0 auto;}
	.mobile {display: none !important;}}
/* nav ***********************************************************/
.navbar-default {border: 0;background: transparent;}
.navbar-default .gnb {margin-top:11px; text-align:right; font-size:0.85em;}
.navbar-default .gnb a {color:#ddd; padding-left: 5px;}
.navbar-default .mnbox {padding: 20px 0px !important;}
.navbar-default .navbar-nav>li>a {font-family: 'NanumSquareB';text-align: right;font-size: 20px;color: #839ba2;padding:10px 0;width: 150px;}
.navbar-default .navbar-nav>li:nth-child(1) a {width: 130px;}
.navbar-default .navbar-nav>li:nth-child(2) a {width: 160px;}
.navbar-default .navbar-nav>li:nth-child(3) a {width: 200px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a.active {font-family: NanumSquareB;color: #111;}
.navbar-default .navbar-nav li.noLink a:hover, .navbar-default .navbar-nav li.noLink a:focus {color: #839ba2;cursor: no-drop;}
.navbar-default .navbar-nav>li>a.topMn_r {color:#00fff6; font-size: 1.0em;width: 95px;text-align: right;}
.navbar-default .navbar-nav>li>a span.topMn_join {display:inline-block;width:20px;height:14px; background:url(../images/common/icon_join.png) left center no-repeat;margin-left: 20px;position: relative;top: 2px;}
.navbar-default .navbar-nav>li>a span.topMn_login {display:inline-block;width:23px;height:14px;background:url(../images/common/icon_login.png) left center no-repeat;position: relative;top: 2px;}
.navbar-default .navbar-collapse {width: 70%;margin-right: 20px;}
.navbar-default .navbar-collapse .navbar-nav {float: right;}
.navbar-default .nav_sns {float: right;display: inline-block;}
.navbar-header .logo {display:inline-block;width: 161px;height: 60px;background:url(../images/main/header_logo.gif) left center no-repeat;background-size: 100%;position: absolute;top:0;}
.navbar {min-height: 60px;}

/* contants *****************************************/
.mainWrap {display: block;background:url(../images/main/main_bg1.png) top center no-repeat;color: #fff;background-size: cover;}
.mainWrap .container {width: 1170px !important;min-width: 1170px !important;color: #333;overflow: hidden;}
.mainWrap section.solution {padding: 0;position: relative;text-align: center;}
.mainWrap section.solution .logoiImg {display: block;width:348px;height:164px;background: url(../images/main/billing_01.png)center no-repeat;background-size: 100%;margin: 0 auto;margin-top: 200px;margin-bottom: 50px;}
.mainWrap section.solution .conTit {margin-bottom: 30px;}
.mainWrap section.solution .conTit h4 {margin: 0 auto;border-radius: 100px; font-size: 50px;letter-spacing: -1px;font-family: 'NanumSquareEB';color: #fff;}
.mainWrap section.solution .conTit h5 {font-size: 20px;letter-spacing: -0.5px;color: #555;line-height: 28px;font-weight: normal;margin: 10px 0 80px;color: #fff;font-family: NanumSquareR;}
.mainWrap section.solution .btnMainWrap {margin-bottom: 20px;}
@media (max-width: 1170px) {
	.mainWrap {min-width: 100%;}
	.mainWrap .container {padding: 0 60px;}}
@media (min-width: 1171px) {
	section.solution {height: 96vh;}}
	
/* banner ***********************************************************/
.mainWrap .bannerClose {width: 10px;height: 10px;background: url(../images/pop_close.png) center no-repeat;position: absolute;background-size: 100%;right: 0;left: 0;text-align: center;margin: 0 auto;top: 10px;z-index: 99999;display: none;}
.mainWrap .bannerSeesaw {background: #5c0f8b;cursor: pointer;width: 140px;height: 140px;overflow: hidden;position: absolute;border-radius: 50%;top: 30px;right: 40px;box-shadow: 0 0 15px 8px #2ffff3;border: 1px solid #5c0f8b;
	animation-name: time3;animation-duration: 1s;animation-delay: 1s;animation-iteration-count: infinite;animation-direction: alternate;transition: all 0.4s ease;}
 	@keyframes time3 { 
		0% {right:40px; top:30px;}
		25% {right:40px; top:60px;}
		50% {right:40px; top:30px;}
		75% {right:40px; top:40px;}
		100% {right:40px; top:30px;}}
.mainWrap .bannerSeesaw span {width: 140px;height: 140px;position: absolute;border-radius: 50%;bottom: -24px;color: #ffec7e;z-index: 1;font-size: 12px;text-align: center;line-height: 16px;font-family: 'NanumGothicB';left: 0;}
.mainWrap .bannerSeesaw a {width: 140px;height: 140px;background: #5c0f8b url(../images/seesaw_banner.gif) bottom 45px center no-repeat;position: absolute;left: 0;}
.mainWrap .bannerSeesaw p {width: 24px;height: 24px;color: #5c0f8b;background: #ffec7e;border-radius: 50%;line-height: 24px;font-size: 11px;position: absolute;text-align: center;bottom: 17px;left: 0;right: 0;margin: 0 auto;font-family: 'NanumGothicEB';}

/* footer ***********************************************************/
footer.mainFooter {position: fixed;bottom: 0;display: block;height: auto;padding: 15px 0px;overflow: hidden;width: 100%;text-align: center;font-size: 11px;background: #052669;float: left;color: #eee;}
footer.mainFooter .copy { float:left; width: 100%;}
footer.mainFooter .corp { display: inline-block;}
footer.mainFooter .corp a { color: #fff;font-size: 12px;cursor: pointer;}
footer.mainFooter .corp strong a { font-family: 'NanumGothicEB'}
footer.mainFooter .copyright {color: #eee;}
footer.mainFooter .copy p { float:left; margin-bottom:0;}
footer.mainFooter .copy p.txt { display: inline-block;}

/* btn ***********************************************************/	
.btnMain {border-radius: 50px;font-size: 20px;vertical-align: middle;padding: 0px 40px;transition: all 0.2s ease-in-out;color: #fff;background: transparent;border: 1px solid #00ffcc;text-align: center;
	font-family: NanumSquareB;width: 300px;height: 70px;line-height: 70px;margin: 0 3px;}

.btnMainOn {background: url(../images/main/btn_bg.png) left top repeat;background-size: 100%;border: 0;}
.btnMainOn:hover, .btnMainOn.active, .btnMainOn:visited, .btnMainOn:focus {color:#fff !important;background: url(../images/main/btn_bg.png) left top repeat;background-size: 100%;transform: translate(0px, -4px);box-shadow: 0px 5px 15px #05306a;font-weight: bold;border: 0;}