/* BASIC css start */
#conWrap{
    width: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    background: #004387;
}
.titleImg{
    margin: auto 0;
    position: relative;
    width: 100%;
    text-align: center;
    background: #3DB3E3;
	}
.titleImg img{
	width:100%;
	}
#conWrap .contents1{  margin: 0 auto;position:relative;}



.floating-menu.fix { 
	position: fixed; 
	z-index: 100;
	top:40px;
	width:100%;
 }

.floating-menu{overflow:hidden;}
.floating-menu li { margin: 0; float: left; width:50%;height:60px;background:#004387;}
.floating-menu li a {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    /* letter-spacing: -2px; */
    height: 60px;
    padding-top: 21px;
    box-sizing: border-box;
    font-family: "Apple Gothic","Apple SD Gothic Neo",sans-serif;
}
.floating-menu li.on a { background-color: #d83f82; color: #fff;}
.floating-menu li:nth-child(2).on a { background-color: #47D1F8; color: #fff;}
.scrollWrap {
    width: 100%;
    background: #d83f82;
    padding-bottom: 30px;
}
.scroll {
    margin: 0 auto;
}
.scroll img{width:100%}
.joinBtn{
position: fixed;
    bottom: 20px;
    /* text-align: center; */
    background: #ffcf17;
    width: 1300px;
    z-index: 10;
    left: 50%;
    margin-left: -650px;
    border-radius: 50px;
    display:none
}
.joinBtn a{
    /* position: fixed; */
    /* bottom: 10px; */
    display: block;
    text-align: center;
    font-size: 34px;
    height: 100px;
    /* z-index: 30000; */
    color: #000;
    line-height: 100px;
    font-family: NanumSquare,"Apple Gothic", "Apple SD Gothic Neo", sans-serif;
    font-weight: 600;
}
i.fas.fa-angle-double-right,i.fa-angle-double-left {
    font-size: 50px;
    vertical-align: inherit;
    display: inline-block;
    margin-left: 10px;
}
i.fas.fa-angle-double-left {
    margin-right: 10px;
        margin-left:0px;
}
.joinBtn.fix{display:block}

span.goUp1 {  bottom: 30px !important;}


span.inner_back{
    width: 38px;
    height: 38px;
    display: inline-block;
    background: #111;
    border-radius: 40px;
    opacity: .8;
    border: 1px solid #fff;
    position: fixed;
    z-index: 90;
    right: 5px;
    bottom: 79px;
    display: none;
}
span.inner_back a {
    width: 40px;
    height: 40px;
    display: inline-block;
}
i.fas.fa-chevron-left, i.fas.fa-sync-alt, i.fas.fa-chevron-up, i.fas.fa-ellipsis-h, i.fas.fa-redo {
    font-size: 22px;
    color: #fff;
    position: absolute;
    display: block;
    width: 38px;
    height: 38px;
    margin-top: 9px;
    text-indent: 11px;
}



p.view {
    text-align: center;
    font-size: 20px;
    height: 52px;
    background: #000;
    color: #fff;
    font-family: "Apple Gothic","Apple SD Gothic Neo",sans-serif;
    line-height: 47px;
}
p.view i{}
p.view i.on{
    transform: rotate(180deg);
}
p.viewImg{display:none}

p.viewImg.on{display:block;}
/* BASIC css end */