
/* 공통 */
.con_wrap { width:1300px; margin:0 auto; text-align: center; }
.s_tit { position:relative; line-height: 1; font-size: 42px; font-weight: 600; margin-bottom: 50px; }
.s_tit:before { content:""; display: block; width:30px; height:3px; background:#ae003a; margin:0 auto 20px; }
.s_tit.eng { font-size: 48px; font-family: 'Poppins', sans-serif; }
.s_tit.eng:before { margin:0 0 20px; }
.se_con { padding:80px 0 100px; }

.bar_tit { padding-left: 18px; position:relative; font-size:25px; font-weight: bold; color:#333; text-align: left;
    margin-bottom: 25px; }
.bar_tit:before { content:""; position:absolute; left:0; top:2px; width:3px; height:24px; background: #ae003a; }
.bar_tit span { font-weight: 300; }

.list_type1 { border:1px solid #ddd; padding:50px; text-align: left; }
.list_type1 li { display: flex; margin-bottom: 18px; }
.list_type1 li:last-child { margin-bottom: 0; }
.list_type1 h2 { font-size:16px; font-weight: bold; width:25px; height: 25px; line-height: 25px; background:#000; color:#fff; text-align: center; font-family: 'Poppins', sans-serif; position:relative; top:2px; }
.list_type1 p { font-size:16px; font-weight: 300; word-break: keep-all; margin-left: 20px; line-height: 28px; }

.list_type2 { display: flex; }
.list_type2 li { flex:1; padding:45px; margin-right: 28px; text-align: center; border:1px solid #ddd; background:#fff; }
.list_type2 li:last-child { margin-right: 0 !important; }
.list_type2 h2 { font-size:16px; width:100%; line-height: 35px; background:#000; color:#fff; text-align: center; border-radius: 17.5px;  margin:0 auto; }
.list_type2 h2 span { position:relative; }
.list_type2 h2 span:before { content:""; display: inline-block; width:1px; height: 15px; background:#fff; margin:0 15px; position:relative; top:1px; }
.list_type2 p { margin-top: 30px; font-size:16px; line-height: 29px; text-align: center; word-break: keep-all; }
.list_type2 .ico { display: block; margin:20px auto; }

.table_type1 { border-collapse: collapse; width:100%; border:1px solid #ddd; background:#fff; }
.table_type1 caption { display: none; }
.table_type1 thead th { background:#000; font-size:18px; color:#fff; border-top: 0; font-weight: normal; line-height: 60px; }
.table_type1 thead th ~ th { border-left: 1px solid rgba(255,255,255,.27); }
.table_type1 tbody tr { border-top: 1px solid #ddd; }
.table_type1 tbody tr.bg_g { background:#f9f9f9; }
.table_type1 tbody th { font-size:18px; color:#333; font-weight: 500; line-height: 29px; }
.table_type1 tbody th b { display: inline-block; width:30px; height: 25px; background:#000; color:#fff; line-height: 25px; text-align: center; margin-right: 18px; font-size:16px; font-family: 'Poppins', sans-serif; font-weight: 600; }
.table_type1 tbody td { border-left: 1px solid #ddd; font-size:16px; color:#333; font-weight: 300; padding:20px 0; }

#bu1 { position:relative; overflow: hidden; line-height: 1; padding-top: 30px; }
#bu1 > div:nth-of-type(even) { background:#f7f7f7; }

/* contents */
#s1 { padding: 30px 0 100px; }


/* s3 */
#s3 .table_type1 tbody th { padding-left: 200px; text-align: left; }
#s3 .s3_con { padding-top: 50px; border-top:1px solid #ddd; }

/* s4 */
#s4 .s4_con { padding-top: 50px; border-top:1px solid #ddd; }
#s4 .list_type1 { border:0; padding:30px 0 0; }

/* s5 */
#s5 .s5_con { padding-top: 50px; border-top:1px solid #ddd; display: flex; }
#s5 .s5_con > div { width:calc(50% - 15px); }
#s5 .s5_con .left { margin-right: 30px; }
#s5 .s5_con .left ul { height: 314px; }

/* s6 */
#s6 .list_type2 li { margin-right: 20px; }
#s6 .list_type2 h2 { width:100px; }
#s6 .list_type2 p { margin-top: 20px; line-height: 26px; font-weight: 500; }

/* s7 */
#s7 .list_type2 li { position:relative; padding:0 0 35px; margin-right: 45px; }
#s7 .list_type2 li:after { content:""; position:absolute; right:-32px; top:50%; transform: translateY(-50%); width:14px; height: 24px; background:url('../img/bu1_s_arrow.png') no-repeat center; }
#s7 .list_type2 li:last-child:after { display: none; }
#s7 .list_type2 h2 { width:100%; background:#333; border-radius: 0; font-weight: 500; line-height: 50px; }
#s7 .list_type2 p { position:relative; font-size:16px; color:#666; font-weight: 300; }
#s7 .list_type2 p:before { content:""; display: block; width:20px; height:1px; background:#666; margin:0 auto 10px; }
#s7 .list_type2 .ico { margin-top: 40px; }

/* s8 */
#s8 .se_con { padding-bottom: 150px; }
#s8 ul { display: flex; flex-wrap: wrap; }
#s8 ul li { width:calc(25% - 15px); margin-right: 20px; }
#s8 ul li:nth-child(4n) { margin-right: 0; }
#s8 ul li:nth-child(n+5) { margin-top: 45px; }
#s8 ul li img { width:100%; }
#s8 ul li h2 { font-size:16px; line-height: 45px; background:#000; color:#fff; }
