@charset "utf-8";

/*      상단헤더 서식  */
header {
    width: 100%;
    height: 80px;
    position: relative;
    z-index: 5000;
}

/*
        #header_top h1{
            width:1200px;
            text-align: center;
            margin: 0px auto;
        }
*/

.h_wrap{
    width:1000px;
    height:80px;
    margin: 0px auto;
    position: relative;
    
}

nav {
    width: 100%;
    height: 80px;
    margin: 0px auto;    
    
    
}

nav h1 {
    width: 235px;
}

nav h1 img {
    width: 100%;
    transform: translateY(20px);

}



.gnb {
    width: 660px;
    height: 80px;
    margin: 0px auto;
    position: absolute;
    top: 0px;
    right: 0px;

}

.gnb > li {
    float: left;
    padding: 0px 10px;
    line-height: 80px;
}


.gnb > li:last-child {
    padding-right: 0px;
}

.gnb > li > a {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.gnb > li > a:hover {
    color: #F2827F;
}

/*      메뉴 클릭시 해당콘텐츠가 올라오면 해당메뉴에 적용할 서식  */
.on {
    color: #F2827F !important;
}



/*      콘텐츠영역 서식  */
section {
    clear: both;
    overflow: hidden;

}

section article{
    width:1000px;
    margin: 0px auto;
}

section article:last-child{margin-bottom: 0px;}

.sub_con {
    width: 1200px;
    margin: 30px auto;
}

section #visual {
    width: 100%;
    height: 650px;
    position: absolute;
    top: 0px;
    z-index: 1;
    overflow: hidden;
}

#visual img {
    height: 650px;

}

.txt01 {
    position: absolute;
    top:230px;left: 32%;
    font-size: 26px;
    text-align: center;
    line-height: 42px;
    letter-spacing: 1px;
    margin: 0px auto;
    opacity: 0;
}

.txt01 strong{font-size: 35px;}


#about{
    margin-top: 605px;
}

.about_txt{
    width:1000px;
/*    text-align: center;*/
    margin: 0px auto;
}

.about_txt>h3{
    font-size:42px;
    padding-top: 55px;
    text-align: center;
}

.about_txt>span{
    display: block;
    width:50px;height:5px;
    background-color: #A4D233;
    margin: 10px auto 60px auto;    
}

.about_txt p:first-of-type{
    font-size:20px;
    font-weight: bold;
    margin: 30px 0px;
    line-height: 150%;
    text-align: center;
    opacity: 0;
}

.about_txt p:nth-of-type(2){
    font-size:16px;
    line-height: 170%;
    opacity: 0;
}

.slogan_wrap{width:1200px;}

.slogan{
    text-align: center;
    margin: 50px auto 0px auto;
    
}
/*
.on{
    opacity: 1 !important;
    color:#333 !important;
}
*/

.slogan>li:first-child{margin-left: 101px;opacity: 0;}
.slogan>li:nth-child(2){opacity: 0;}
.slogan>li:nth-child(3){opacity: 0;}



.slogan>li{
    float: left;
    width:300px;
    height:360px;    
    line-height: 20px; 
    margin-right:48px;
    color:#fff;
    border-radius: 20px 20px 0px 20px;
    background-image:url('../img/index_c_6.gif');
}

.slogan>li p{
    font-size: 18px;
    line-height: 24px;
}

.slogan li:first-child div,
.slogan>li:nth-child(2)>div,
.slogan>li:last-child>div{
    transform: translateY(80px);
}



.slogan>li:first-child h4,
.slogan>li:nth-child(2) h4,
.slogan>li:last-child h4{
    margin-bottom: 35px;
}



.slogan>li:last-child p{margin-top: 10px;}

.slogan>li h4{
    font-size:28px;
    margin-bottom: 15px;
    color:#000;
}

#about::after{
    clear:both;
    display: block;
    content: "";
}


#history{
    margin-top: 100px;
    text-align: center;
    width:1000px;
}

#history>h3{    
    font-size:42px;
    
}

#history>span{
    display: block;
    width:50px;height:5px;
    background-color: #A4D233;
    margin: 10px auto 60px auto;    
}

#history ul{float: left;opacity: 0;}

#history>ul:first-of-type{width:10%;}

#history>ul:first-of-type>li{
    margin-bottom:120px;
    font-size: 36px;
    font-weight: bold;
    color: #A4D233;
}

#history>ul:first-of-type>li:first-child{
    margin-bottom:180px;
}

#history>ul:first-of-type>li:nth-child(2){
    margin-bottom:93px;
}

#history>ul:first-of-type>li:nth-child(3){
    margin-bottom:115px;
}

#history>ul:first-of-type>li:nth-child(4){
    margin-bottom:139px;
}

#history>ul:first-of-type>li:nth-child(5){
    margin-bottom:89px;
}

#history>ul:first-of-type>li:nth-child(6){
    margin-bottom:116px;
}

#history>ul:first-of-type>li:nth-child(7){
    margin-bottom:90px;
}

#history>ul:first-of-type>li:nth-child(8){
    margin-bottom:70px;
}

#history>ul:first-of-type>li:nth-child(9){
    margin-bottom:95px;
}

#history>ul:first-of-type>li:nth-child(10){
    margin-bottom:67px;
}

#history>ul:first-of-type>li:nth-child(11){
    margin-bottom:93px;
}

#history>ul:first-of-type>li:nth-child(12){
    margin-bottom:0px;
}


#history>ul:nth-of-type(2){
    width:64%;
    text-align: left;
}

#history>ul:nth-of-type(2)>li{
    margin-bottom:50px;
    font-size: 14px;
    padding-left: 45px;
}

#history>ul:nth-of-type(2)>li>p:first-child{
    font-size: 20px;
    font-weight: bold;
    margin-bottom:12px;
}

#history>ul:nth-of-type(2)>li>p:nth-child(2){
    line-height: 170%;
}

#history>ul:last-of-type{width:26%;}










#history::after{
    clear:both;
    display: block;
    content: "";
}

#advertising{
    margin-top: 90px;
    text-align: center;
    
}

#advertising>h3{    
    font-size:42px;
}

#advertising>span{
    display: block;
    width:50px;height:5px;
    background-color: #A4D233;
    margin: 10px auto 60px auto;
    
}

#advertising iframe{width:1000px;height:510px;opacity: 0;}


#partnership{    
    text-align: center;
    width:1000px;
    margin: 90px auto 0px auto;
    
}

#partnership>h3{    
    font-size:42px;
}

#partnership>span{
    display: block;
    width:50px;height:5px;
    background-color: #A4D233;
    margin: 10px auto 60px auto;    
}

#partnership ul:first-of-type{
    transform: translateX(-100px);
}

#partnership ul:nth-of-type(2){
    transform: translateX(100px);
}

#partnership ul:last-of-type{
    transform: translateX(-100px);
}

#partnership ul li{
    float: left;
    width:320px;height:260px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #ededed;    
}

#partnership ul li span{
    display: block;
    transform: translateY(50px);
}

#partnership ul li span:first-child{
    font-size:36px;
    font-weight: bold;
    color:#A4D233;
}
#partnership ul li span:nth-child(2){
    font-size:20px;
    margin:20px auto 15px auto;
    font-weight: bold;
}

#partnership ul li span:last-child{
    line-height: 150%;
    font-weight: bold;
    color:#7e7e7e;
}

#partnership ul li:last-child{
    margin-right: 0px;
}

#partnership>ul:last-of-type>li:last-child{background-color: #ee7d6c; }
#partnership>ul:last-of-type>li:last-child>span:last-child{
    color: #f7f7f7;
}

#partnership::after{
    clear: both;
    display: block;
    content: "";
}


#location{
    margin-top: 90px;
    text-align: center;
}

#location>h3{    
    font-size:42px;
}

#location>span{
    display: block;
    width:50px;height:5px;
    background-color: #A4D233;
    margin: 10px auto 60px auto;
    
}

#location iframe{width:1000px;height:450px;}
#location dl{
    text-align: left;
    width:1000px;
    margin: 10px auto 0px auto;
}

#location dl:first-of-type{opacity: 0;}
#location dl:last-of-type{opacity: 0;}


#location dl dt{
    padding:30px 0px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

#location dl dd{
    padding:20px 0px;
    font-size: 16px;
    position: relative;
    line-height: 150%;
    border-bottom: 1px solid #f0f0f0;
}

#location dl dd span:first-child{
    position: absolute;
}

#location dl dd span:nth-child(2){
    padding-left: 100px;
    letter-spacing: -1px;
}

#location dl dd span:nth-child(3){
    padding-left: 100px;
    letter-spacing: -1px;
}


#contact{
    margin-top: 90px;
    padding-top:85px;
    text-align: center;
    width:100%;
    height:750px;
    background-color: #a4d233;
    background-image: url('../img/index_c_5.gif');
}

#contact>h3{
    
    font-size:42px;
}

#contact>span{
    display: block;
    width:50px;height:5px;
    background-color: #fff;
    margin: 10px auto 40px auto;
    
}

#contact form{
    width:850px;
    height:535px;
    background-color: #fff;
    margin: 0px auto;
    box-shadow: 5px 5px 10px #7b7b7b;
    border-radius: 30px;
    padding-top: 40px;
}

#contact input[type=text]{
    width:400px;
    height:30px;
    padding:5px 5px 5px 15px;
    border-radius: 10px;
    border:2px solid #d6d6d6;
    margin-bottom: 15px;
    text-align: left;
    font-family: 'Montserrat',arial,sans-serif;
    font-size: 14px;
}

#contact textarea{
    width:405px;
    height: 195px;
    border-radius: 10px;
    border:2px solid #d6d6d6;
    margin-bottom: 20px;
    padding-top:10px;
    padding-left:15px;
    font-family: 'Montserrat',arial,sans-serif;
    font-size: 14px;
}



#contact input[type=submit]{
    width:425px;
    height:50px;
    border-radius: 10px;
    border:none;
    background-color: #F2827F;    
    font-size: 20px;
    color:#fff;
    font-family: 'Montserrat',arial,sans-serif;
}


/*      푸터영역 서식  */
footer {
    width: 100%;
    height: 125px;
    background-color: #404040;
    text-align: center;
}

footer>ul{
    width:1200px;
    margin: 0px auto;
    padding-top: 25px;
    color:#fff;
    line-height: 22px;
    
}

footer>ul>li{
    font-size: 14px;
    padding-bottom: 0px;
    
}

/*
footer li:first-child{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}
*/

footer > address {
    font-style: normal;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    font-size: 14px;
}

footer a {
    background-color: #404040;
    color: #fff;
    font-size: 20px;
    padding: 30px 19px;
    position: fixed;
    bottom: 150px;
    right: 50px;
    border-radius: 50%;
    font-weight: bold;
}


/*
#status{
    background-color: #00f;
    color:#fff;
    position: fixed;
    top:50px;right:50px;
    font-size: 16px;
    z-index: 9999;
}
*/





/*      헤더 네비게이션 추가서식  */
.act {
    position: fixed;
    top: 0px;left:0px;
    width:100%;
    z-index: 1000;
    background-color: rgba(255, 255, 255, .8);
}