@charset "utf-8";

/* 콘텐츠 */
.contents .section.zdx1 {z-index: 1;}
.contents .section.bgGray {background: #f7f7f7;padding: 120px 0 120px;}
.contents .section.bgGray.download {background: #f7f7f7;padding: 206px 0 120px;margin-top: -212px;}

/* 자료실 */
.supportP .phraseArea {display: table;width: 100%;height: 500px;background: url(/assets/images/support/bg_pharse01.png) no-repeat 0 0;border-radius: 20px;padding: 0 130px;margin-bottom: 86px;/* background-size: 100% 100%; */-webkit-transition: all 0.2s;transition: all 0.2s;}
.supportP .phraseArea .phraseBox {display: table-cell;vertical-align: middle;}
.supportP .phraseArea .phraseBox h2 {font-size: 42px;color: #fff;line-height: 63px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);}

.supportP .downloadArea {padding: 0;}
.supportP .downloadArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 35px;}
.supportP .downloadArea ul {/* overflow: hidden; */margin-left: -10px;margin-right: -10px;}
.supportP .downloadArea ul li {position: relative;float: left;width: calc(50% - 20px);margin-left: 10px;margin-right: 10px;margin-bottom: 20px;background: #ffffff;padding: 49px 51px 30px 51px;border-radius: 10px;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);-webkit-transition: all 0.2s;transition: all 0.2s;}
.supportP .downloadArea ul li p.desc {position: relative;font-size: 14px;font-weight: 700;letter-spacing: 0px;color: #909090;margin-bottom: 9px;}
.supportP .downloadArea ul li p.tit {font-size: 30px;font-weight: 700;color: #191919;margin-bottom: 12px;}
.supportP .downloadArea button {position: absolute;right: 41px;top: 50px;}
.supportP .downloadArea button.pdf {width: 162px;height: 52px;border: 1px solid #0072DE;border-radius: 99px;padding: 0;text-align: center;-webkit-transition: all 0.1s;transition: all 0.1s;}
.supportP .downloadArea button.pdf span {font-size: 14px;font-weight: 500;color: #0072DE;letter-spacing: 0px;}
.supportP .downloadArea button.pdf span:after {width: 24px;height: 24px;margin: -4px 0px 0 8px;background: url(/assets/images/support/icon_pdf_download.svg) no-repeat 0 0;}
.supportP .downloadArea button.pdf:hover {color: #fff;background: #0072DE !important;}
.supportP .downloadArea button.pdf:hover span {color: #fff;}
.supportP .downloadArea button.pdf:hover span:after {background: url(/assets/images/support/icon_pdf_download_on.svg) no-repeat 0 0;}

/* 담당자 연락처 */
.supportP .personArea {padding: 0;}
.supportP .personArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 35px;}
.supportP .personArea ul {/* overflow: hidden; */margin-left: -10px;margin-right: -10px;}
.supportP .personArea ul li {position: relative;float: left;width: calc((100% / 3) - 20px);margin-left: 10px;margin-right: 10px;margin-bottom: 20px;background: #ffffff;padding: 39px 20px;text-align: center;border-radius: 10px;border: 1px solid #DBDBDB;-webkit-transition: all 0.2s;transition: all 0.2s;}
.supportP .personArea ul li:nth-child(7),
.supportP .personArea ul li:nth-child(8),
.supportP .personArea ul li:nth-child(9) {margin-bottom: 0px;}
.supportP .personArea ul li p.cat {display: inline-block;padding: 12px 20px 13px;font-size: 14px;font-weight: 700;letter-spacing: 0px;text-align: center;color: #0072DE;margin: 0 auto;margin-bottom: 25px;background: #EEF5FE;border-radius: 99px;}
.supportP .personArea ul li p.tag {font-size: 14px;letter-spacing: 0px;text-align: center;color: #505050;margin-top: -12px;margin-bottom: 17px;}
.supportP .personArea ul li p.dpt {font-size: 14px;letter-spacing: 0px;text-align: center;color: #909090;margin-bottom: 12px;}
.supportP .personArea ul li p.name {font-size: 24px;font-weight: 700;color: #191919;letter-spacing: 0px;text-align: center;margin-bottom: 23px;}
.supportP .personArea ul li a {font-size: 14px;font-weight: 400;color: #505050;letter-spacing: 0px;-webkit-transition: all 0.1s;transition: all 0.1s;}
.supportP .personArea ul li a:hover {color: #0072DE;}
.supportP .personArea ul li a:before {display: inline-block;width: 24px;height: 24px;margin: -2px 5px 0 0;content:"";vertical-align: middle;background: url(/assets/images/support/icon_email.svg);}

.supportP .formWrap {margin-bottom: 120px;}/*margin-top: 126px;*/
.supportP .formWrap h2 {font-size: 38px;font-weight: 700;margin-bottom: 35px;}
.supportP .formArea {padding: 80px;border-radius: 20px;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 16%);}
.supportP .formArea .formBox {padding: 0px;}
.supportP .formArea .formBox dl {display: table;width: 100%;margin-bottom: 20px;}
.supportP .formArea .formBox dl.divider {display: table;padding-bottom: 29px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.supportP .formArea .formBox dl dt {display: table-cell;vertical-align: top;width: 182px;font-size: 18px;font-weight: 700;letter-spacing: 0px;padding-top: 4px;}
.supportP .formArea .formBox dl dd {display: table-cell;vertical-align: top;}
.supportP .formArea .formBox dl dd p.comt {display: inline-block;font-size: 14px;font-weight: 400;letter-spacing: 0px;line-height: 20px;color: #999;margin-top: 21px;}

.supportP .formArea .checkListBox {position: relative;padding: 53px 50px 40px;margin-top: 29px;margin-bottom: 50px;border-radius: 10px;background: #F7F7F7;}
.supportP .formArea .checkListBox .tit {padding-bottom: 26px;border-bottom: 1px solid #ddd;margin-bottom: 31px;}
.supportP .formArea .checkListBox .tit strong {font-size: 18px;font-weight: 700;letter-spacing: 0px;margin-right: 28px;}
.supportP .formArea .checkListBox .tit button {position: relative;top: -3px;width: 129px;height: 41px;border: 1px solid #505050;border-radius: 5px;padding: 0;-webkit-transition: all 0.1s;transition: all 0.1s;}
.supportP .formArea .checkListBox .tit button span {font-size: 14px;color: #505050;letter-spacing: 0px;}
.supportP .formArea .checkListBox .tit button:hover {color: #fff;background: #505050 !important;}
.supportP .formArea .checkListBox .tit button:hover span {color: #fff;}
.supportP .formArea .checkListBox dl {overflow: hidden;}
.supportP .formArea .checkListBox dl dt {position: relative;font-size: 14px;/* font-weight: 400; */letter-spacing: 0px;line-height: 20px;margin-bottom: 19px;}
.supportP .formArea .checkListBox dl dt label {font-size: 16px;font-weight: 900;padding-left: 34px;}
.supportP .formArea .checkListBox dl dd {position: relative;margin-bottom: 11px;}
.supportP .formArea .checkListBox dl dd label {font-size: 14px;/* font-weight: 400; */letter-spacing: 0px;line-height: 20px;padding-left: 34px;}
.supportP .formArea .checkListBox dl dd label span {color: #DA2424;}
.supportP .formArea .checkListBox dl button {position: absolute;right: 0px;top: 8px;min-width: 99px;height: 40px;border: 2px solid #666;-webkit-transition: all 0.1s;transition: all 0.1s;}
.supportP .formArea .checkListBox dl button span {font-size: 16px;}

.supportP .formArea .btnBox {text-align: center;}
.supportP .formArea .btnBox button {width: 250px;height: 72px;background: #0072DE;border-radius: 99px;padding: 0;-webkit-transition: all 0.1s;transition: all 0.1s;}
.supportP .formArea .btnBox button span {font-size: 18px;font-weight: 500;color: #fff;}
.supportP .formArea .btnBox button:hover {box-shadow: 5px 5px 20px rgb(0 0 0 / 16%);}

/* 약관 - 모달 팝업 */
.modal .clauseArea {margin-bottom: 28px;}
.modal .clauseArea p {font-size: 16px;font-weight: 400;color: #505050;line-height: 24px;margin-bottom: 20px;}
.modal .clauseArea p.tit {margin-bottom: 10px;font-weight: 500;color: #191919;}
.modal .clauseArea p.txtIndent {padding-left: 25px;}
.modal .clauseArea + .buttonArea {margin-top: 55px;}
.modal .clauseArea table {border: 1px solid #e7e7e7;}
.modal .clauseArea table thead th {padding: 5px 5px;border-right: 1px solid #e7e7e7;font-size: 13px;}
.modal .clauseArea table tbody td {padding: 5px 5px;font-size: 13px;}



@media (max-width:959px) {/* 모바일: 최대 959 */
/* 콘텐츠 */
.contents .section.bgGray {padding: 45px 0 40px;}
.contents .section.bgGray.download {padding: 140px 0 40px;margin-top: -145px;}

/* 자료실 */
.supportP .phraseArea {height: 320px;padding: 0 20px;margin-bottom: 45px;background-size: 100% 100%;}
.supportP .phraseArea .phraseBox h2 {font-size: 20px;line-height: 30px;}

.supportP .downloadArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 35px;}
.supportP .downloadArea ul li {width: calc(100% - 20px);padding: 24px 51px 20px 51px;text-align: center;}
.supportP .downloadArea ul li:last-child {margin-bottom: 0;}
.supportP .downloadArea ul li p.desc {text-align: center;margin-bottom: 13px;}
.supportP .downloadArea ul li p.tit {font-size: 24px;text-align: center;margin-bottom: 22px;}
.supportP .downloadArea button {position: static;}

/* 담당자 연락처 */
.supportP .personArea ul li {width: calc((100% / 2) - 20px);padding: 19px 20px 21px;margin-bottom: 20px !important;}
.supportP .personArea ul li:last-child {margin-bottom: 0 !important;}
.supportP .personArea ul li p.cat {margin-bottom: 15px;}
.supportP .personArea ul li p.tag {font-size: 14px;letter-spacing: 0px;text-align: center;color: #505050;margin-top: -2px;margin-bottom: 16px;}
.supportP .personArea ul li p.dpt {margin-bottom: 7px;}
.supportP .personArea ul li p.name {margin-bottom: 13px;}

.supportP .formWrap {margin-top: 46px;margin-bottom: 40px;}
.supportP .formWrap h2 {font-size: 24px;margin-bottom: 35px;}
.supportP .formArea {padding: 0;border-radius: 0px;box-shadow: none;}
.supportP .formArea .formBox {padding: 0px;}
.supportP .formArea .formBox dl {display: table;width: 100%;margin-bottom: 20px;}
.supportP .formArea .formBox dl.divider {display: block;margin-bottom: 34px;}
.supportP .formArea .formBox dl dt {display: block;width: 100%;padding-top: 0px;margin-bottom: 12px;}
.supportP .formArea .formBox dl dd {display: block;}
.supportP .formArea .formBox dl dd .gInputText {width: 100% !important;}
.supportP .formArea .formBox dl dd .gInputText.email {width: calc((100% / 2) - 18px) !important;}
.supportP .formArea .formBox dl dd .gInputText + span.txtAlt {font-size: 14px;}
.supportP .formArea .formBox dl dd .fSelect.email {width: calc((100% / 2) - 18px);margin: 12px 0 0 0;float: right;}
.supportP .formArea .formBox dl dd .fTextarea {min-height: 200px !important;}
.supportP .formArea .formBox dl dd p.comt {margin-top: 16px;}

.supportP .formArea .checkListBox {position: relative;padding: 33px 20px 23px;margin-bottom: 40px;margin-left: -20px;margin-right: -20px;border-radius: 0px;}
.supportP .formArea .checkListBox .tit {padding-bottom: 16px;}
.supportP .formArea .checkListBox .tit strong {margin-right: 18px;}


}



@media (max-width:640px) {/* 모바일: 최대 640 */
/* 자료실 */
.supportP .phraseArea {background-size: auto 100%;}

/* 담당자 연락처 */
.supportP .personArea ul li {width: calc(100% - 20px);margin-bottom: 10px !important;}





}






/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */