/*공통*/
.con1300 {width: 1300px; margin: 0 auto;}

.s_title {text-align: center;}
.s_title h1 {font-family: 'GmarketSansMedium'; font-size: 60px; color:#000; margin-bottom: 25px; font-weight: normal;}
.s_title h2 {font-family: 'GmarketSansMedium'; font-size: 24px; color:#1d2088; margin-bottom: 25px; font-weight: normal;}
.s_title p {font-size: 18px; color:#333;line-height: 36px; font-weight: 300;}


/*Content CSS*/
#solar_prom5 { padding:130px 0 0; text-align: center; }
#solar_prom5 > div:nth-of-type(2n) { background:#f7f7f7; }


/* s1 */
#s1 { position:relative; z-index: 1; }
#s1::after { content:""; position:absolute; left:0; width:100%; bottom:0; height: 250px; background:#f7f7f7; z-index: -1; }
#s1 .img { margin-top: 60px; background:#fff; padding:75px 100px; box-shadow: 0 0 34.3px 0.7px rgba(29, 32, 136, 0.1); }
#s1 img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }


/* s2 */
#s2 { padding:75px 0 100px; }
#s2 h3 { font-size: 24px; color: #000; font-weight: normal; font-family: 'GmarketSansMedium'; margin-bottom: 40px; }

#s2 ul { border-top: 3px solid #143b88; }
#s2 ul li { display: flex; line-height: 1; border-bottom: 1px solid #ddd; }
#s2 ul li b { width: 200px; background:rgba(20,59,136,0.06); padding:20px; text-align: center; font-size: 16px; color: #000; font-weight: 400; }
#s2 ul li p { width: calc(100% - 200px); background:#fff; padding:20px 35px; text-align: left; font-size: 16px; font-weight: 300; color: #333; }

#s2 table { width:100%; margin-top: 45px; border-collapse: collapse; border:1px solid #ddd; }
#s2 thead th { padding:20px; background-color: #143b88; font-size: 17px; font-weight: normal; color: #fff; }
#s2 thead th ~ th { border-left: 1px solid rgba(255,255,255,0.23); }
#s2 tbody th { background-color: #fff; border-bottom:1px solid #ddd; padding:15px; font-size: 16px; font-weight: 300; color: #333; line-height: 1.63; }
#s2 tbody td { background-color: #fff; border-bottom:1px solid #ddd;}
#s2 tbody td small { color: #666; font-size: inherit; }
#s2 tbody td div { position:relative; padding:15px; font-size: 16px; font-weight: 300; color: #333; line-height: 1.63; }
#s2 tbody td div:before { content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:16px; height: 52px; background:url('../img/prom5_arrow.png') no-repeat center; }
#s2 tbody td:last-child div { text-align: left; padding-left: 80px; }


/* s3 */
#s3 { padding:80px 0 100px; }
#s3 table { width:100%; border:1px solid #ddd; border-collapse: collapse; margin:50px 0 0; }
#s3 thead th { background-color: #333; font-size: 17px; color: #fff; padding:20px; font-weight: normal; }
#s3 thead th ~ th { border-left: 1px solid rgba(255,255,255,0.2); }
#s3 tbody tr { border-bottom: 1px solid #ddd; }
#s3 tbody th { font-size: 17px; font-weight: normal; color: #000; background:rgba(20,59,136,0.06); }
#s3 tbody td { border-left: 1px solid #ddd; padding:30px; font-size: 17px; color: #000; text-align: center; }
#s3 tbody td p { position:relative; font-size: 15px; font-weight: 300; color: #333; margin-bottom: 8px; }
#s3 tbody td p:after { content:""; position:absolute; left:50%; transform: translateX(-50%); bottom:-5px; height: 1px; background:#333; width:80px; }
#s3 tbody td li { position:relative; font-size: 16px; font-weight: 300; line-height: 1;  color: #333; text-align: left; }
#s3 tbody td li:before { content:""; display: inline-block; width:6px; height: 6px; background:#333; border-radius: 50%;     position: relative; top: -3px; margin-right: 8px; }
#s3 tbody td li ~ li { margin-top: 13px; }


/* s4 */
#s4 { padding:80px 0 100px; }
#s4 .step_list { margin-top: 60px; display: flex; justify-content: center; background:url('../img/prom5_icon_bg.png') no-repeat top 50px center; }
#s4 .step_list .box { width: 23%; }

#s4 .box h3 { position:relative; font-size: 24px; font-weight: normal; font-family: 'GmarketSansMedium'; line-height: 1; }
#s4 .box h3:before { content:""; display: block; width:20px; height: 2px; margin:25px auto 20px; background:#143b88; }
#s4 .box ul { width: 190px; margin: 25px auto 0; }
#s4 .box li { position:relative; padding-left: 15px; font-size: 16px; font-weight: 300; color: #333; line-height: 1.56; text-align: left; word-break: keep-all; margin-bottom: 8px; }
#s4 .box li:before { content:""; position:absolute; left:0; top:10px; width:6px; height: 6px; background:#143b88; border-radius: 50%; }
#s4 .box li small { color: #666; font-size: inherit; }