@charset "utf-8";
@import  "default.css";
@import  "fonts.css";

#wrap { width:100%;text-align: center; }


.pc{display: block; width: 100%;}
.mob{display: none; width: 100%;}


.send_form{max-width: 1200px; width: calc(100% - 100px); margin: 50px; display: inline-block;}
.send_form>input{border: 1px solid #e5e5e5; font-size: 20px; padding: 17px; float: left; margin-right: 20px;}
.send_form>input::placeholder{color: #cacaca;}
.send_form>input.name{width: calc(20% - 26px);}
.send_form>input.phone{width: calc(24% - 26px);}
.send_form>input.content{width: calc(31.7% - 26px);}
.send_form>div{display: inline-block; float: left; width: 16.6%; text-align: left;}
.send_form>div>span{font-size: 25px; color: #fff; background: #004a98; display: block; padding: 17px 0; font-weight: 300; text-align: center; cursor: pointer;}
.send_form>div>div{margin-top: 10px;}
.send_form>div>div>input{vertical-align: middle; margin-right: 5px;}
.send_form>div>div>label{color: #b0b1b2; font-size: 18px;vertical-align: middle; font-weight: 300;}

.grid_img{max-width: 1200px; width: calc(100% - 100px); margin: 50px; display: inline-block;}
/* <!-- 220429추가 --> */
.add_grid_img_area {width:100%; background-color: #f7f7f7; }
.add_grid_img {max-width: 1200px; width: calc(100% - 100px); margin:10px 0; display: inline-block;}
/* <!-- 220429추가 --> */
.grid_img>img{margin-bottom: 15px; width: calc(96.5% / 3)}
.grid_img>img.grid1{margin-right: 1.25%;}
.grid_img>img.grid2{margin-right: 1.25%;}
.grid_img>img.grid3{}
.grid_img>img.grid4{margin-right: 1.25%;}
.grid_img>img.grid5{margin-right: 1.25%;}
.grid_img>img.grid6{}
input[type="checkbox"]+label {
    display: block;
    padding-left: 25px;
    padding-top: 1px;
    height: 20px;
    background: url('../img/chk_off.png') no-repeat 0 0px / contain;
}

input[type='checkbox']:checked+label {
    background: url('../img/chk_on.png') no-repeat 0 1px / contain;
}

input[type="checkbox"] {
    display: none;
}
@media screen and (max-width:1300px){
    .send_form>input.name{width: calc(38% - 34px);margin-bottom: 20px;}
    .send_form>input.phone{    width: calc(58% - 34px); margin-right: 0;margin-bottom: 20px; float: right;}
    .send_form>input.content{width: calc(100% - 34px);}
    .send_form>div{width: 200px; float: none;margin-top: 30px;}
	/* <!-- 220429추가 --> */
    .grid_img.add_grid_img>img {width:calc(67.5% / 3);}
}

@media screen and (max-width:720px){
    .send_form>input.name{width: calc(37% - 34px);}

}

@media screen and (max-width:750px){
    .pc{display: none;}
    .mob{display: block;}
	/* <!-- 220429추가 --> */
    .grid_img.add_grid_img>img {width:87%;}
    /* <!-- 220429추가 --> */
    .grid_img>img{margin-bottom: 10px; width: calc(98% / 2);}
    .grid_img>img.grid1{margin-right: 1.25%;}
    .grid_img>img.grid2{margin-right:0;}
    .grid_img>img.grid3{margin-right: 1.25%;}
    .grid_img>img.grid4{margin-right:0;}
    .grid_img>img.grid5{margin-right: 1.25%;}
    .grid_img>img.grid6{margin-right:0;}


}

@media screen and (max-width:600px){
    .send_form>input{font-size: 17px; padding: 14px;}
    .send_form>input.name{width: calc(36% - 28px);}
    .send_form>input.phone{    width: calc(58% - 28px);}
    .send_form>input.content{width: calc(100% - 28px);}
    .send_form>div>span{ padding: 14px 0; font-size: 21px;}
    .send_form>div>div>label{font-size: 16px;}
}

@media screen and (max-width:530px){
    .send_form>input.name{width: calc(35% - 28px);}

    .grid_img{width: calc(100% - 40px); margin: 20px; }
}

@media screen and (max-width:465px){
    .send_form{width: calc(100% - 40px); margin: 20px;}
    .send_form>input{float: none;}
    .send_form>input.name{width: calc(100% - 28px);}
    .send_form>input.phone{    width: calc(100% - 28px);}
    .grid_img>img{width: calc(97% / 2);}
}