/* A A A : A : A : A : */
#sub5-1 { margin-bottom : 0;}
#sub5-1 .contWrap
{ max-width : 1400px; margin : 4em 0; flex-direction : column;}
#sub5-1 .contactWrap
{ width : 100%; height : auto; display : flex; align-items : flex-start;
justify-content : space-between; font-size : min(1em,20px);}
#sub5-1 .contactWrap:first-child
{ margin-bottom : 4.5em;}
#sub5-1 .contactWrap .leftWrap
{ width : 25%; height : auto; display : flex; flex-direction : column;
align-items : flex-start; padding-top : 2em;}
#sub5-1 .contactWrap .leftWrap .infoBox
{ width : 100%; height : auto; display : flex; flex-direction : column;
align-items : flex-start; }
#sub5-1 .contactWrap .leftWrap .infoBox:first-child
{ margin-bottom : 2em;}
#sub5-1 .contactWrap .leftWrap .infoBox .infoTit
{ font-weight : 500; line-height : 1em; margin-bottom : 0.5em;}
#sub5-1 .contactWrap .leftWrap .infoBox .infoValue
{ font-size : max(14px,0.9em); color : #999; font-weight : 500; line-height : 1.5em;}
#sub5-1 .contactWrap .leftWrap .infoBox.addr .infoValue.margin
{ margin-bottom : 0.5em;}
#sub5-1 .contactWrap .rightWrap
{ width : 75%; height : auto;}
#sub5-1 .contactWrap .rightWrap form
{ width : 100%; height : auto; background : #f7f7f7;}
#sub5-1 .contactWrap .rightWrap form .innerWrap
{ width : 100%; height : auto; padding : 2.5em 2em; display : flex;
flex-direction : column; align-items : flex-start;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .divisionWrap
{ width : 100%; height : auto; display : flex; align-items : center;
justify-content : space-between;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .divisionWrap .inputWrap
{ width : 49%;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .inputWrap
{ width : 100%; height : auto; display : flex; flex-direction : column;
align-items : flex-start; margin-bottom : 1.2em;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .inputWrap .inputTit
{ font-size : max(14px,0.8em); color : #000; font-weight : 500;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .inputWrap input,
#sub5-1 .contactWrap .rightWrap form .innerWrap .inputWrap textarea
{ font-size : max(14px,0.8em); color : #555; border : 1px solid #aaaaaa; outline : none;
width : 100%; height : auto; padding : 0.4em 0.6em; margin-top : 0.2em;
font-family : inherit; line-height : 1em;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .inputWrap input:focus,
#sub5-1 .contactWrap .rightWrap form .innerWrap .inputWrap textarea:focus
{ box-shadow : 0px 0px 3px 0px #aaa;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .inputWrap textarea
{ min-height : 10em; line-height : 1.7em;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .submitWrap
{ width : 100%; height : auto; display : flex; flex-direction : column;
align-items : flex-start; margin-top : 0.5em;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .submitWrap #caiaf_submit
{ color : #fff; background : #aaaaaa; line-height : 1em; padding : 0.8em 1.6em;
border-radius : 7px; cursor : pointer; transition : .2s;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .submitWrap #caiaf_submit:hover
{ background : #777; transition : .2s;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .submitWrap #caiaf_submit:active
{ background : #555;}
#sub5-1 .contactWrap .rightWrap #map
{ width : 100%; height : auto; aspect-ratio : 1000 / 470;}
@media (max-width:1024px) {
/* **************************************************************************************************************************************************************************** */
/* */
/* */
/* 1�� 諛곌꼍 Fixed */
/* */
/* */
/* **************************************************************************************************************************************************************************** */
/* A A A : A : A : A : */
#sub5-1 .contWrap
{ margin : 3.5em 0;}
#sub5-1 .contactWrap:first-child
{ margin-bottom : 3em;}
#sub5-1 .contactWrap .leftWrap
{ width : 28%;}
}
@media (max-width:819px) {
/* **************************************************************************************************************************************************************************** */
/* */
/* */
/* 1�� 諛곌꼍 Fixed */
/* */
/* */
/* **************************************************************************************************************************************************************************** */
/* A A A : A : A : A : */
#sub5-1 .contWrap
{ margin : 2.5em 0;}
#sub5-1 .contactWrap
{ flex-direction : column;}
#sub5-1 .contactWrap:first-child
{ margin-bottom : 2em;}
#sub5-1 .contactWrap .leftWrap
{ width : 100%; flex-direction : row; padding-top : 0;
margin-bottom : 1em;}
#sub5-1 .contactWrap .leftWrap .infoBox:first-child
{ margin-bottom : 0;}
#sub5-1 .contactWrap .leftWrap .infoBox.addr
{ flex-direction : row; flex-wrap : wrap;}
#sub5-1 .contactWrap .leftWrap .infoBox.addr .infoTit
{ width : 100%;}
#sub5-1 .contactWrap .leftWrap .infoBox.addr .infoValue.margin
{ margin-bottom : 0; margin-right : 1em;}
#sub5-1 .contactWrap .rightWrap
{ width : 100%;}
}
@media (max-width:640px) {
/* **************************************************************************************************************************************************************************** */
/* */
/* */
/* 1�� 諛곌꼍 Fixed */
/* */
/* */
/* **************************************************************************************************************************************************************************** */
/* A A A : A : A : A : */
#sub5-1 .contWrap
{ margin : 2em 0 3em;}
#sub5-1 .contactWrap:first-child
{ margin-bottom : 2.5em;}
#sub5-1 .contactWrap .leftWrap .infoBox.addr
{ flex-direction : row; flex-wrap : wrap;}
#sub5-1 .contactWrap .leftWrap .infoBox.addr .infoTit
{ width : 100%;}
#sub5-1 .contactWrap .leftWrap .infoBox.addr .infoValue.margin
{ margin-bottom : 0em; margin-right : 1em;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .divisionWrap
{ width : 100%; flex-direction : column;}
#sub5-1 .contactWrap .rightWrap form .innerWrap
{ padding : 2em 1em;}
#sub5-1 .contactWrap .rightWrap form .innerWrap .divisionWrap .inputWrap
{ width : 100%;}
}
@media (max-width:459px) {
#sub5-1 .contactWrap .leftWrap .infoBox.addr .infoValue.margin.eng
{ margin-bottom : 1em; }
}
@media (max-width:300px) {
/* **************************************************************************************************************************************************************************** */
/* */
/* */
/* 1�� 諛곌꼍 Fixed */
/* */
/* */
/* **************************************************************************************************************************************************************************** */
/* A A A : A : A : A : */
#sub5-1 .contactWrap .leftWrap .infoBox.addr
{ flex-direction : column;}
#sub5-1 .contactWrap .leftWrap .infoBox.addr .infoValue.margin
{ margin-right : 0; margin-bottom : 0.5em;}
#sub5-1 .contactWrap .leftWrap .infoBox .infoValue
{ font-size : 13px;}
#sub5-1 .contactWrap .rightWrap #map
{ height : 200px;}
}