@import url("reset.css");

p{
    text-align: left;
    letter-spacing: 0px;
    color: #2C2C2C;
}
strong{
    font-weight: 500;
}
input[type="text"]{
    background: transparent;
    border: none;
    border-bottom: 1px dashed #707070;;
}
textarea[type="text"], input[type="submit"]{
    background: transparent;
    border: 1px dashed #707070;;
}
.contact-section{
    width: 100%;
    height: 110vh;
    min-height: 1200px;
}
.contact-section .wrap{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.contact-section .contact-area{
    /* width:1100px 으로 잡음 */
    width: 70%; 
    height: 80%;
    margin-top: 18%;
    display: grid;
    column-gap: 2%;
    grid-template-columns: minmax(47%, auto) minmax(50%, auto);
    grid-template-rows: minmax(5%, auto) minmax(20%, auto) minmax(55%, auto);
}
.contact-section .title-txt{
    grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
    grid-row-end: 2;
}
.contact-section .title-txt p{
    text-align: left;
    /* font: normal normal 300 34px/48px Montserrat; */
    font: normal normal 300 3.4vmax/1.41 Montserrat;
}
.contact-section .contact-area .contact-txt{
    margin-top: 5%;
    padding-left: 2%;
    grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 95%;
}
.contact-section .contact-txt p{
    word-break: keep-all;
    /* font: normal normal 300 16px/20px Montserrat; */
    font: normal normal 300 1.6vmax/1.25 Montserrat;
}
.contact-section .contact-form{
    grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
}
#label-name, #label-email{
    position: absolute;
    padding-left: 0.5%;
}
#label-message{
    padding-left: 1.5%;
}
.div-name{
    /* font: normal normal 300 20px/48px Montserrat; */
    font: normal normal 300 2vmax/2.4 Montserrat;
}
#wr_name{
    width: 100%;
}
.div-email{
    margin-top: 3%;
    /* font: normal normal 300 20px/48px Montserrat; */
    font: normal normal 300 2vmax/2.4 Montserrat;
}
#wr_emaill{
    width: 100%;
}
.div-message{
    margin-top: 3%;
    /* font: normal normal 300 20px/48px Montserrat; */
    font: normal normal 300 2vmax/2.4 Montserrat;
}
#input-message{
    width: 100%;
    height:auto;
    font: normal normal 300 2vmax/1 Montserrat;
}
.div-submitbtn{
    width: 100%;
    overflow: auto;
    margin-top: 3%;
}
#btn-submit{
    width: 39%;
    float: right;
    height: auto;
    padding: 3.5%;
    box-shadow: 0px 3px 6px #00000029;
    /* font: normal normal 300 16px/20px Montserrat; */
    font: normal normal 300 1.6vmax/1.25 Montserrat;
}
.email-link{
    margin-top: 1%;
    width: 100%;
}
.email-link .txt1{
    width: 35%;
    word-break: keep-all;
    text-align: right;
    float: right;
    /* font: normal normal 300 12px/16px Montserrat;     */
    font: normal normal 300 1.2vmax/1.33 Montserrat;    
}
.email-link em{
    text-decoration: underline;
    /* font: normal normal 500 12px/16px Montserrat;  */
    font: normal normal 500 1.2vmax/1.33 Montserrat;    
}
.contact-section .manaul-area{
    margin-top: 5%;
    width: 100%;
    height: 75%;
    grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
    text-align: left;
}
.contact-section .manual-area{
    padding: 3% 2% 0% 6%;
    box-shadow: 0px 3px 6px #00000029;
}
.contact-section .manual-area .first-txt p{
    word-break: keep-all;
    /* font: normal normal 500 16px/34px Montserrat; */
    font: normal normal 500 1.6vmax/2.125 Montserrat;
}
.contact-section .manual-area .manual-txt{
    padding-top: 5%;
    padding-left: 2%;
}
.contact-section .manual-area .manual-txt p{
    word-break: keep-all;
    /* font: normal normal 300 16px/20px Montserrat; */
    font: normal normal 300 1.6vmax/1.25 Montserrat;
}
.contact-section a:link{
    text-decoration: underline !important;
    color: #2C2C2C !important;
    font: normal normal 500 1.6vmax/1.25 Montserrat !important;
}