@import url( "https://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.clearfix:before,
.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix {zoom:1;}

.combPattern {
	width:100%;
 	height:100%;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAASklEQVQoU4XQ2w2AMAxD0ZuZYP8JykxURkoFNI/8+siRbMABXOSnfFgBFD0IOCu4kD5m8INUHcENRTBEf5iiNyyRwxY5vLVTN/oE0rsTcBhfnLwAAAAASUVORK5CYII=) repeat;
	background-size:4px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
}
.dottPattern {

    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC) repeat;
    //background-size: 5px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.crossPatternGray {

    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIUlEQVQoU2M8duzYZgYiACNIoZWVlS8htaMK8YYQ0cEDADGeJxCGAizBAAAAAElFTkSuQmCC) repeat;
        background-size: auto;
    //background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQYV2NkQALHjh3bzAjjgzhWVla+YAEYB8RmROaABADg4Q8KGbr8XAAAAABJRU5ErkJggg==) repeat;
    background-size: 7px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}

.blackFilm {
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.5;
	position:absolute;
	top:0;
	left:0;
}
.wrap1600 {
	max-width:1600px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.wrap1500 {
	max-width:1500px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.wrap1400 {
	max-width:1400px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.wrap1300 {
	max-width:1300px;
	width:100%;
	height:100%;
	margin:0 auto;
}
.wrap1200 {
	max-width:1200px;
	width:100%;
	height:100%;
	margin:0 auto;
}
.wrap1100 {
	max-width:1100px;
	width:100%;
	height:100%;
	margin:0 auto;
}
.wrap1000 {
	max-width:1000px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.wrap900 {
	max-width:900px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.wrap865 {
	max-width:865px;
	width:100%;
	height:100%;
	margin:0 auto;
}


.wrap800 {
	max-width:800px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.fontWhite {color:white !important;}
.fontGray {color:#5d5d5d !important;}
.fontBlack { color:black !important;}

.vertCent {
	/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

.pc_hide {display:none;}

.paddingTopForHeader {padding:10px;padding-top:175px !important;}
@media all and (max-width:990px) {
	.paddingTopForHeader {padding-top:100px !important;}
}

legend {display:none;}

* { margin:0; padding:0; }
html {overflow-x:hidden;}
body {
	font-family: "Noto Sans KR", sans-serif;
	//font-family: "Nanum Gothic", sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul { list-style:none;}
a {text-decoration:none !important; color:inherit; outline:none;}
a:hover {color:inherit;}
img {border:0px;outline: none;}
ul, ol, p{margin-bottom:0;}
p {
	word-break:keep-all;
}
*:focus { outline: none; }


/*고스트 업 스타일*/


.ghost {
	
	transition:all 0.7s ease-in-out;
	-webkit-transition:all 0.7s ease-in-out;
	-moz-transition:all 0.7s ease-in-out;
}

.ghostLock {
	transform:translateY(80px);
	opacity:0;
	
}


.wrapper {
	overflow:hidden !important;
}
.site-header {
	background:url("../img/mainVisBack.png") no-repeat center !important;
	background-size:cover !important;
	padding-bottom:240px !important;
}

.site-header::after {
	background: url("../img/head-separator.png") repeat-x top !important;
}

#reg-form-frame {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.site-header .bg__girl {
	background:url("../img/backGirl03.png") no-repeat center !important;
	background-size:contain !important;
}

.site-header .bg__flag {
	background:url("../img/korean_flag.png") no-repeat center !important;
	background-size:contain !important;
	opacity:0.8 !important;
	transform:translateX(-55px) !important;
}

.section1 .item__ok {
	background:url("../img/check_icon.png") no-repeat center !important;
	background-size:contain !important;
}

.get-started .block .item__top {
	background: url("../img/circle-arrow.png") no-repeat center !important;
}


.section2 .why-choose .item .far, .section2 .why-choose .item .fas {
	color: #a72525;
}

.section2 .apps__phone-hand-bg {
	background:url("../img/mobile_web.png") no-repeat center !important;
	background-size:contain !important;
}

.section2 .graph__img {
	background:url("../img/graph.png") no-repeat top !important;
	background-size:cover !important;
}

.get-started {
	background: url("../img/Seoul_back.png") no-repeat bottom !important;
	background-size:cover !important;
}

.get-started::after {
	background: url("../img/get-started-separator.png") repeat-x bottom !important;
}

.section2 .graph__right-place {
	background:white !important;
}

.apps__container .links-block {
	background:rgba(255,255,255,0.7) !important;
	text-align:left !important;
	font-size:35px;
	font-weight:200;
	z-index:9999;
	line-height:50px;
	padding:90px 50px !important;
	top:150px !important;
}



.section2 .apps__container {
	margin-bottom:50px;
}

.loginBtn {
	background:white;
	width:360px;
	height:60px;
	transform:translateY(-10px);
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.loginBtn a {
	float:left;
	display:block;
	width:50%;
	
}

.loginBtn a:first-child{text-align:right;}
.loginBtn a:last-child{text-align:left;}

.loginBtn a img {max-width:90%;}

.fa-vk::before {content:"" !important;}