@charset "UTF-8";
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html,body{
    font-family: 'Nanum Gothic', sans-serif;
}
img{
    width:100%;
    vertical-align:top;
}
a{
    text-decoration:none;
    color:#fff;
}
section h1{
    display:none;
}
.mobile{
    display:none;
}
.contents{
    max-width:1190px;
    margin:0px auto;
}
.main_content{
    position:relative;
    padding-bottom:35%;
}
.main_content>div{
    position:absolute;
    bottom:-20px;
    left:50%;
    transform:translate(-50%);
    width:50%;
}

footer{
    background:#434343;
    font-size:0px;
}
footer label{
    display:inline-block;
    width:15%;
    color:#fff;
    font-size:1rem;
    word-break:keep-all;
}
footer input{
    width:35%;
    height:50px;
    line-height:50px; 
    font-size:1rem;
    padding:0px 1%;
}
footer .contents{
    padding:5%
}
footer .contents>div{
    margin-bottom:3%;
}
footer .contents>div:nth-of-type(1) label:nth-of-type(2){
    text-align:center;
}
footer .contents>div:nth-of-type(2) textarea{
    width:85%;
    height:100px;
    padding:1%;
    resize:none;
}
footer .contents>div:nth-of-type(2) label{
    vertical-align:top;
}
footer .contents>div:nth-of-type(3){
    display:flex;
    justify-content:space-between;
    font-size:1rem;
    padding-left:15%;
}
footer .contents>div:nth-of-type(3) input{
    display:none;
}
footer .contents>div:nth-of-type(3) input:checked + .checked{
    background:center /15px url("../images/checked.png") no-repeat #545454;
}
footer .contents>div:nth-of-type(3) .checked{
    display:inline-block;
    width:20px;
    height:20px;
    background-color:#fff;
    text-indent:-9999px;
}
footer .contents>div:nth-of-type(3) .submit{
    width:50%;
}
footer .contents>div:nth-of-type(3) .submit a{
    display:block;
    height:100px;
    font-size:2em;
    font-weight:bold;
    text-align:center;
    line-height:100px;
    background:#ff7c24;
}
footer .contents>div:nth-of-type(3)>div:nth-of-type(2){
    width:25%;
    font-size:0px;
}
footer .contents>div:nth-of-type(3)>div:nth-of-type(2) label:nth-of-type(2){
    width:calc(100% - 20px);
    text-align:center;
}
footer .contents>div:nth-of-type(3)>.agree_btn a{
    padding:5px 10px;
    background:#545454;
}
footer h2{
    width:65%;
    margin:0px auto 5%;
}

.modal{
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
}
.modal .bd{
    font-weight:bold;
    font-size:1.2em;
    line-height:2rem;
}
.modal .red{
    color:#f00;
}
.modal>div{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:60%;
    height:70%;
    border-radius:10px;
    background:#fff;
    overflow-y:auto;
}
.modal h2{
    line-height:50px;
    border-bottom:1px solid #434343;
    text-align:center;
}
.modal p{
    padding:20px;
}
.modal a{
    position:absolute;
    top:10px;
    right:10px;
}
@media all and (max-width:750px){
    .mobile{
        display:block;
    }
    .pc{
        display:none;
    }
    html,body{
        font-size:3vw;
    }
    .main_content{
        padding-bottom:105%;
    }
    .main_content>div{
        width:100%;
    }
    footer input{
        width:85%;
    }
    footer .contents>div:nth-of-type(1) label:nth-of-type(1){
        vertical-align:top;
    }
    footer .contents>div:nth-of-type(1) label:nth-of-type(2){
        text-align:left;
    }
    footer input:nth-of-type(1){
        margin-bottom:3%;
    }
    footer h2{
        margin:10% auto 20%;
        width:90%;
    }
    footer .contents>div:nth-of-type(2) textarea{
        height:300px;
    }
    footer .contents{
        padding:10% 5% 5%;
    }
    footer .contents>div:nth-of-type(3){
        position:relative;
    }
    footer .contents>div:nth-of-type(3)>div:nth-of-type(2){
        width:inherit;
    }
    .agree_btn{
        margin-bottom:150px;
    }
    .submit{
        /* display:none; */
        position:absolute;
        bottom:0px;
        left:50%;
        transform:translate(-50%);
    }
    .modal>div{
        width:90%;
        line-height:1.5em;
    }
}