@charset "utf-8";
/* css setting start */

#contact{margin-top: 0;}
#contact .apply-tit{
    padding: 5rem;
    background-size: cover;
    background-position: right;
}
#contact .info-wr{display:flex;justify-content: space-between;}
#contact .info-wr h2{color:#262d2e; font-size:2rem;text-align: left;}
#contact .info-wr h2 span{ font-size:2.4rem;display: block;}
#contact .info{width: 720px;display: flex;justify-content: space-between;flex-wrap: wrap;}
#contact .info dl{display: block;border-bottom: none;padding: 0;}
#contact .info dt{color:#6a8787; font-size:1.6rem; font-weight:700;text-align: left;width: 100%;padding-bottom: 1rem;}
#contact .info dd{color:#374647; font-size:1.6rem; font-weight:400;text-align: left;width: 100%;}

#contact .info dl.address{width: 100%;padding-bottom: 3rem;}
#contact .info dl.address dt{}
#contact .info dl.address dd{}

#contact .info dl.sns-wr{}
#contact .info dl.sns-wr dd{display:flex;}
#contact .info dl.sns-wr dd p{margin-right: 2rem;padding-top: 0;}
#contact .info dl.sns-wr dd p:last-child{margin-right: 0rem;}
#contact .info dl.sns-wr dd p a{
    display:block;
    width: 30px;
    height: 30px;
    font-size: 0;
    background: #77909d;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
}
#contact .info dl.sns-wr dd p.mail a{background-image: url(/images/sub/sns_mail.png);}
#contact .info dl.sns-wr dd p.insta a{background-image: url(/images/sub/sns-in.png);}
#contact .info dl.sns-wr dd p.face a{background-image: url(/images/sub/sns-face.png);}
#contact .info dl.sns-wr dd p.kakao a{background-image: url(/images/sub/sns-kakao.png);}

#contact dl.agree{
    border-bottom: none;
    padding-left: 0;
}
#contact dl.agree dd{
    width: 100%;
}
#contact dl.agree .check-wrap{}
#contact dl.agree .check-wrap label{font-size: 1.6rem; color:#666666; }
#contact dl.agree .check-wrap input{}
#contact dl.agree .check-wrap span{}
#contact dl.agree .check-wrap a{text-decoration: underline; color:#000; font-weight:600; }
#contact .f-btn{}
#contact .f-btn li{
    max-width: 160px;
    height: 50px;
    border-radius: 25px;
}
#contact .f-btn li a{font-size:1.6rem;line-height: 50px;}


/* css setting end */

/* media size setting start */
@media all and (max-width:1320px) {

}
@media all and (max-width:1240px) {

}
@media all and (max-width:1024px) {
    #contact {}
    #contact .apply-tit{}
    #contact .info-wr{flex-wrap: wrap;}
    #contact .info-wr h2{}
    #contact .info{
        width: 100%;
        padding-top: 3rem;
    }


}
@media all and (max-width:840px) {

}
@media all and (max-width:767px) {
    #contact .info{}
    #contact .info dl{width: 50%; }
    #contact .info dl.address{}
    #contact .info dl:nth-last-child(1),
    #contact .info dl:nth-last-child(2){padding-top: 3rem;}


}
@media all and (max-width:640px) {

}
@media all and (max-width:480px) {
    #contact {}
    #contact .apply-tit{padding: 3rem; margin-bottom:0;}
    #contact .info{}
    #contact .info dl:nth-child(1){width:100%;}
    #contact .info dl{width: 50%;padding-bottom: 1rem;}
    #contact .info dl.address{padding-bottom:1rem;}
	#contact .info dt{margin-bottom:0;}
    #contact .info dl:nth-last-child(1),
    #contact .info dl:nth-last-child(2){padding-top: 0rem;}
}
/* media size setting end */