@media only screen and (max-width: 980px) {

}

@media only screen and (max-width: 768px) {
.spHide {display: none;}
.spShow {display: block;}
.sp_mgBot15 {margin-bottom: 15px;}
.sp_padLR15 {padding-left: 15px !important; padding-right: 15px !important;}
.sp_txtLeft {text-align: left;}

/*=== header $ footer page ===*/
#header .content {padding: 15px;}
#footer  .content {padding: 0 30px;}
.spPhone {text-align: right;}
.spPhone img {height: 70px;}
/*=== header $ footer page ===*/

#banner .content {padding: 15px; height: auto;}
.txtPart p[class^="txt"] {font-size: 10px; line-height: 20px;}
.txt01, .txt02, .txt03 {top: 20px;}
.pdConfig.row {margin-left: 0; margin-right: 0;}
.pdConfig.row > div[class^="col-md"]:before, .pdConfig.row > div[class^="col-md"]:after {content: ""; display: table;}
.pdConfig.row > div[class^="col-md"]:after {clear: both;}
.pdConfig.row > div[class^="col-md"] + div {margin-top: 30px;}
.item {padding: 15px;}
.item .tit {font-size: 20px; font-weight: bold;}
.bgBtn {font-size: 12px;}
.item .txtPd {padding: 0;}
.item .txtRed {font-size: 28px;}
.sp_noBorder {border: none; border-radius: 0; background: none; padding: 0;}
.copyright {font-size: 14px;}
.contBody h2 img, .sphei_auto {height: auto;}

/*=== form ===*/
.mgBot60 {margin-bottom: 40px;}
#contact-form, #contact-form .content {padding: 30px 15px;}
#modal-form {max-width: 95% !important;}
.titForm h2 {font-size: 24px;}
.formSty, .formSty-confirm {margin: 0;}
.formSty dt {line-height: 1.1; margin-bottom: 5px;}
.formSty input:not([type="file"]), .formSty textarea {padding: 10px;}
.formSty input[type="file"] {padding: 5px 0;}
.informationNoti {padding: 10px; max-height: 250px;}
.formSty .checkSty {padding: 10px;}
.btnSty {padding: 8px 15px;}
}

@media only screen and (max-width: 425px) {
.spPhone img {height: 46px;}
}

@media only screen and (max-width: 375px) {
.spPhone img {height: 40px;}
}