@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: 140vh;
    min-height: 770px;
}
.contact-section .wrap{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.contact-section .contact-area{
    /* width: 약 316.8px 으로 잡음 */
    width: 88%; 
    height: 82%;
    margin-top: 18%;
    display: grid;
    column-gap: 0%;
    grid-template-columns: minmax(35%, auto) minmax(65%, auto);
    grid-template-rows: minmax(5%, auto) minmax(10%, auto) minmax(18%, auto) minmax(45%, 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 24px/48px Montserrat;
}
.contact-section .contact-area .contact-txt{
    margin-top: 0%;
    padding-left: 0%;
    grid-column-start: 1;
	grid-column-end: 3;
	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 12px/16px Montserrat;
}
.contact-section .contact-form{
    grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 5;
}
#label-name, #label-email{
    position: absolute;
    padding-left: 0.5%;
}
#label-message{
    padding-left: 1.5%;
}
.div-name{
    font: normal normal 300 15px/48px Montserrat;
}
#wr-name{
    width: 100%;
}
.div-email{
    margin-top: 0%;
    font: normal normal 300 15px/48px Montserrat;
}
#wr-email{
    width: 100%;
}
.div-message{
    margin-top: 0%;
    font: normal normal 300 15px/48px Montserrat;
}
#input-message{
    width: 100%;
    font: normal normal 300 15px/15px Montserrat;
}
.div-submitbtn{
    width: 100%;
    overflow: auto;
    margin-top: 3%;
}
#btn-submit{
    width: 50%;
    float: right;
    height: auto;
    padding: 3.5%;
    box-shadow: 0px 3px 6px #00000029;
    font: normal normal 300 15px/20px Montserrat;
}
.email-link{
    margin-top: 1%;
    width: 100%;
}
.email-link .txt1{
    width: 100%;
    word-break: keep-all;
    text-align: right;
    float: right;
    font: normal normal 300 9px/12px Montserrat; 
}
.email-link em{
    text-decoration: underline;
    font: normal normal 00 15px/48px Montserrat;  
}
.contact-section .manual-area{
    margin-top: 5%;
    width: 100%;
    height: 95%;
    grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
    text-align: left;
}
.contact-section .manual-area em{
    font-weight: 500;
    text-decoration: underline;
}
.contact-section .manual-area{
    padding: 5% 10% 0% 6%;
    box-shadow: 0px 3px 6px #00000029;
}
.contact-section .manual-area .first-txt p{
    word-break: keep-all;
    font: normal normal 500 11px/13px Montserrat;
}
.contact-section .manual-area .manual-txt{
    padding-top: 5%;
    padding-left: 0%;
}
.contact-section .manual-area .manual-txt p{
    word-break: keep-all;
    font: normal normal 300 11px/15px Montserrat;
}
.contact-section a:link{
    text-decoration: underline !important;
    color: #2C2C2C !important;
    font: normal normal 500 11px/15px Montserrat !important;
}