#media .visual {
 background: url(/marketing/search/img/visual.jpg) center top no-repeat;
}
#media .sub-tit {
 margin-bottom: 120px;
}
#media .sub-tit.title {
 margin-bottom: 0;
}
#media .sub-tit.title .tb-cell.rs p {
 margin-bottom: 30px;
}
#media .sub-tit.title .tb-cell.rs p strong {
 display: block;
 color: #4166d8;
 margin-bottom: 0.5em;
}
#media .sub-tit.title .tb-cell.rs dl {
 transition-delay: 0.6s;
}
#media .sub-tit.title .tb-cell.rs dl dt {
 font-size: 18px;
 font-weight: bold;
 color: #fff;
 padding: 10px 15px;
 background: #4166d8;
 display: inline-block;
 border-radius: 50px;
 margin-bottom: 15px;
}
#media .sub-tit.title .tb-cell.rs dl dd {
 font-size: 21px;
 font-weight: 500;
 color: #4166d8;
}
#media .case {
 background: #5f80c2;
 box-shadow: inset 5px 14px 30px -8px rgba(49, 65, 99, 0.5);
}
#media .case h5 {
 font-size: 24px;
 color: #fff;
 font-weight: 500;
 padding: 40px 0;
 position: relative;
 top: 50px;
 opacity: 0;
 transition: all 1s ease 0s;
}
#media .case .img {
 position: relative;
 top: 10px;
 height: 658px;
}
#media .case .img img {
 position: absolute;
 bottom: 0;
 opacity: 0;
 transition: all 1s ease 0.3s;
}
#media .case .img img:nth-child(1) {
 bottom: 27px;
 left: -50px;
 box-shadow: 5px 14px 30px -8px rgba(49, 65, 99, 0.5);
}
#media .case .img img:nth-child(2) {
 right: -50px;
}
#media .case.run h5 {
 top: 0;
 opacity: 1;
}
#media .case.run .img img:nth-child(1) {
 left: 0;
 opacity: 1;
}
#media .case.run .img img:nth-child(2) {
 right: 0;
 opacity: 1;
}
#media .form-img {
 border: 1px solid #dbdbdb;
 overflow: hidden;
 height: 586px;
 position: relative;
 background: url(/marketing/banner/img/form.jpg) center/cover;
}
#media .form-img img {
 position: absolute;
 opacity: 0;
 margin-top: 50px;
 transition: all 1s ease 0s;
}
#media .form-img img:nth-child(1) {
 top: 238px;
 left: 79px;
}
#media .form-img img:nth-child(2) {
 top: 213px;
 left: 847px;
 transition-delay: 0.1s;
}
#media .form-img.run img {
 margin-top: 0;
 opacity: 1;
}
#media .way {
 background: #e5e7e8;
 padding-bottom: 30px;
}
#media .way .sub-tit {
 margin-bottom: 0;
}
#media .way .sub-tit .tb {
 border-bottom: 0;
}
#media .way .target {
 width: 1280px;
 margin: 0 auto 70px;
}
#media .way .target dl {
 background: #fff;
 display: table;
 table-layout: fixed;
 width: 100%;
 cursor: default;
 margin-bottom: 70px;
 position: relative;
 top: 50px;
 opacity: 0;
 transition: all 1s ease 0s;
}
#media .way .target dl dt, #media .way .target dl dd {
 display: table-cell;
 width: 50%;
 vertical-align: middle;
}
#media .way .target dl dt {
 padding: 70px 160px 45px 100px;
 position: relative;
 text-align: right;
}
#media .way .target dl dt strong {
 position: absolute;
 top: 50px;
 left: 100px;
 text-align: left;
 font-size: 26px;
 font-family: "Montserrat", "NotoSansKR", NotoSansKR, NotoSans, "Malgun Gothic", dotum, sans-serif;
 color: #dbdbdb;
 font-weight: 900;
}
#media .way .target dl dd p {
 font-size: 21px;
}
#media .way .target dl dd p strong {
 margin-bottom: 0.5em;
 display: block;
 color: #4166d8;
 font-weight: 500;
}
#media .way .target dl dd p em {
 margin-top: 1em;
 display: block;
 color: #4166d8;
 font-style: normal;
 text-decoration: underline;
 text-underline-position: under;
 font-weight: 500;
}
#media .way .target dl.run {
 top: 0;
 opacity: 1;
}
#media .reason {
 padding-bottom: 70px;
}
#media .reason .sub-tit {
 margin-bottom: 0;
}
#media .reason .sub-tit .tb {
 padding-top: 90px;
 border-bottom: 0;
}
#media .reason .wrap {
 display: flex;
 justify-content: space-between;
 text-align: center;
}
#media .reason .wrap dl {
 width: 416px;
 height: 402px;
 background: #f3f3f4;
 display: flex;
 flex-direction: column;
 justify-content: center;
 opacity: 0;
 position: relative;
 top: 50px;
 transition: all 0.7s ease 0s;
}
#media .reason .wrap dl::before {
 display: inline-block;
}
#media .reason .wrap dl:nth-of-type(2) {
 transition-delay: 0.2s;
}
#media .reason .wrap dl:nth-of-type(3) {
 transition-delay: 0.4s;
}
#media .reason .wrap dl dt {
 font-size: 24px;
 font-weight: bold;
 color: #4166d8;
 margin-bottom: 0.5em;
}
#media .reason .wrap dl dd {
 font-size: 21px;
}
#media .reason .wrap .img::before {
 content: url(/marketing/media/img/reason-img.png);
}
#media .reason .wrap .pr::before {
 content: url(/marketing/media/img/reason-pr.png);
}
#media .reason .wrap .record::before {
 content: url(/marketing/media/img/reason-record.png);
}
#media .reason .wrap.run dl {
 opacity: 1;
 top: 0;
}
#media .press {
 padding-bottom: 85px;
}
#media .press .sub-tit {
 margin-bottom: 0;
}
#media .press .wrap li {
 position: relative;
 opacity: 0;
 transition: all 0.7s ease 0s;
}
#media .press .wrap li img {
 display: block;
 margin: auto;
 width: 1200px;
}
#media .press .wrap li:nth-of-type(1) {
 transition-delay: 0s;
}
#media .press .wrap li:nth-of-type(2) {
 transition-delay: 0.2s;
}
#media .press .wrap li:nth-of-type(3) {
 transition-delay: 0.4s;
}
#media .press .wrap li:nth-of-type(4) {
 transition-delay: 0.6s;
}
#media .press .wrap li:nth-of-type(odd) {
 left: -50px;
}
#media .press .wrap li:nth-of-type(even) {
 right: -50px;
}
#media .press.run h5 {
 opacity: 1;
 top: 0;
}
#media .press.run li {
 opacity: 1;
}
#media .press.run li:nth-of-type(odd) {
 left: 0;
}
#media .press.run li:nth-of-type(even) {
 right: 0;
}
#media .proc {
 padding: 70px 0 110px;
 background: #e5e7e8;
}
#media .proc h5 {
 font-size: 34px;
 position: relative;
 top: 50px;
 opacity: 0;
 margin-bottom: 50px;
 transition: all 0.5s ease 0s;
}
#media .proc h5.run {
 top: 0;
 opacity: 1;
}
#media .proc .step {
 width: 1224px;
 margin: auto;
 background: #fff;
 overflow: hidden;
 padding: 30px 80px;
}
#media .proc .step ul {
 display: table;
 table-layout: fixed;
 width: 100%;
}
#media .proc .step ul:nth-of-type(2) {
 width: 70%;
 margin: auto;
}
#media .proc .step ul li {
 display: table-cell;
 vertical-align: middle;
 height: 150px;
 padding: 30px 0;
 text-align: center;
 position: relative;
 opacity: 0;
 left: -50px;
 transition: all 1s ease 0s;
}
#media .proc .step ul li::after {
 content: "";
 position: absolute;
 top: 90px;
 right: 0;
 width: 10px;
 height: 18px;
 background: url(/marketing/banner/img/proc/arr.png);
}
#media .proc .step ul li:last-child::after {
 display: none;
}
#media .proc .step ul li img {
 margin-bottom: 10px;
}
#media .proc .step ul:nth-of-type(1) li:nth-of-type(1) {
 transition-delay: 0.1s;
}
#media .proc .step ul:nth-of-type(1) li:nth-of-type(2) {
 transition-delay: 0.2s;
}
#media .proc .step ul:nth-of-type(1) li:nth-of-type(3) {
 transition-delay: 0.3s;
}
#media .proc .step ul:nth-of-type(2) li:nth-of-type(1) {
 transition-delay: 0.4s;
}
#media .proc .step ul:nth-of-type(2) li:nth-of-type(2) {
 transition-delay: 0.5s;
}
#media .proc .step ul:nth-of-type(2) li:nth-of-type(3) {
 transition-delay: 0.6s;
}
#media .proc .step dl {
 font-size: 23px;
 font-weight: 500;
}
#media .proc .step dl dt {
 color: #4166d8;
}
#media .proc .step.run li {
 opacity: 1;
 left: 0;
}
#media .proc .noti {
 width: 1224px;
 margin: 50px auto 0;
 border-radius: 6px;
 border: 1px solid #4166d8;
 background: #fff;
}
#media .proc .noti table {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
}
#media .proc .noti table th {
 width: 280px;
 border-right: 1px solid #4166d8;
 font-size: 24px;
 opacity: 0;
 padding-top: 30px;
 transition: all 1s ease 0s;
}
#media .proc .noti table td {
 padding: 40px 50px;
}
#media .proc .noti table td strong {
 display: block;
 font-size: 24px;
 color: #4166d8;
 line-height: 31px;
 overflow: hidden;
 padding-bottom: 25px;
 opacity: 0;
 position: relative;
 left: 50px;
 transition: all 1s ease 0.3s;
}
#media .proc .noti table td strong svg {
 float: left;
 margin-right: 10px;
}
#media .proc .noti table td strong span {
 display: inline-block;
 padding: 0 35px;
 font-size: 21px;
 position: relative;
 top: -3px;
}
#media .proc .noti table td ul {
 opacity: 0;
 position: relative;
 left: 50px;
 transition: all 1s ease 0.3s;
}
#media .proc .noti table td ul li {
 font-size: 21px;
 color: #2e2e2e;
 display: inline-block;
}
#media .proc .noti table td ul li:nth-child(2) {
 padding-left: 10px;
}
#media .proc .run table th {
 opacity: 1;
 padding-top: 0;
}
#media .proc .run table td strong {
 opacity: 1;
 left: 0;
}
#media .proc .run table td ul {
 opacity: 1;
 left: 0;
}

h6.form::before {
 content: url(/marketing/banner/img/icon-form.png);
 position: relative;
 top: 2px;
 margin-right: 10px;
}

.way h6::before {
 content: url(/marketing/banner/img/icon-way.png);
 position: relative;
 top: 2px;
 margin-right: 10px;
}