/* 공통 */
.se_con { padding:80px 0 110px; }
.sub_title { width:1300px; margin:0 auto; text-align:center; }
.sub_title h1 { font-size:48px; }
.sub_title h1::after { content:""; display: inline-block; width:12px; height:12px; border:3px solid #910023; border-radius: 50%; vertical-align: 50px; }
.sub_title span { font-size:17px; color:rgba(0,0,0,.64); }
.con_wrap { width:1300px; margin:0 auto; }

.table_type { border-collapse: collapse; width:100%; line-height: 1; border: 1px solid #e1d7d7; }
.table_type caption { display: none; }
.table_type thead th { font-size:20px; background:#910023; color:#fff; line-height: 70px; font-weight: 400; }
.table_type thead th ~ th { border-left:1px solid rgba(255,255,255,.15); }
.table_type tbody tr { border-top: 1px solid #e1d7d7; }
.table_type tbody tr th { font-size:20px; background:#f2efef; color:#000; font-weight: 400; border-right: 1px solid #e1d7d7; }
.table_type tbody tr td { background:#fff; padding:28px 60px; font-size:16px; line-height: 36px; font-weight: 300; text-transform: uppercase; }
.table_type tbody tr td li:before { content:""; display: inline-block; width:3px; height: 3px; margin-right: 7px; background:#910023;
vertical-align: middle; }

/*Content CSS*/
#about1_wrap > div:nth-child(even) { background:#faf8f8; }

/* section1 */
.s1 .sub_title span { display: flex; justify-content: flex-end; margin-top: -20px; }

.s1_con .list_title { display: flex; margin-top: 40px; }
.s1_con .list_title h2 { font-size: 24px; width:410px; line-height: 75px; background:#910023; color:#fff; text-align: center;
border-radius: 20px 0 0 0; }
.s1_con .list_title p { display: flex; align-items: center; width:calc(100% - 410px); padding-left:52px; background:#faf8f8; border:1px solid #e1d7d7; font-size: 17px; }
.s1_con .list_title p span { font-size:24px; font-weight: bold; color:#910023; margin-right:24px; }

.s1_con .box_wrap { display: flex; margin:45px 0 15px; }
.s1_con .box_wrap > div { position:relative; width:410px; min-height:300px; padding:57px 60px 60px; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.07); }
.s1_con .box_wrap > div:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:3px solid #910023; opacity: 0;
transition: all .3s; }
.s1_con .box_wrap > div ~ div { margin-left:35px; }

.s1_con .box_type1 h3 { font-size:24px; }
.s1_con .box_type1 ul { position:relative; margin-top: 20px; line-height: 1; }
.s1_con .box_type1 li { font-size: 16px; line-height: 36px; font-weight: 300; }
.s1_con .box_type1 li:before { content:""; display: inline-block; width:3px; height: 3px; margin:0 7px; background:#046b40; vertical-align: 5px; }
.s1_con .box_type1 i { position:absolute; left:0; top:0; width:50px; height: 50px; background:#046b40; color:#fff;
  font-size: 16px; font-style: normal; font-weight: bold; text-align: center; line-height: 50px; transition: all .3s; }

.s1_con .box_type2 { width:100%; padding:40px 70px; border:1px solid #e1d7d7; border-top: 0; font-size: 16px; font-weight: 300;
line-height: 1.88; }

.s1_con .box_wrap > div:hover:before { opacity: 1; }
.s1_con .box_wrap > div:hover i { background:#910023; }
.s1_con .box_wrap > div:hover li:before{ background:#910023; }


/* section 2 */
.s2_con ul { display: flex; justify-content: space-between; margin-top:50px; }
.s2_con li { display: flex; flex-direction: column; justify-content: center; height:418px; background:no-repeat center;
line-height: 1;  text-align:left; }
.s2_con li.list1 { width:429px; padding-left:110px; background-image:url('../img/ab1_s2_bg1.png'); }
.s2_con li.list2 { width:448px; padding-left:130px; background-image:url('../img/ab1_s2_bg2.png'); }
.s2_con li.list3 { width:438px; padding-left:130px; background-image:url('../img/ab1_s2_bg3.png'); }

.s2_con li h2 { font-size:24px; }
.s2_con li p { margin-top:18px; font-size:16px; line-height: 30px; font-weight: 300; }


/* section 3 */
.s3_con .list { display: flex; justify-content: space-between; margin-top: 70px; }
.s3_con .left h2 { position:relative; width:410px; margin-top:23.5px; line-height: 75px; font-size:24px; color:#fff; background:#910023; text-align: center; }
.s3_con .left h2::after { content:""; position:absolute; right:-65px; top:-23.5px; width:65px; height:122px;
background:url('../img/ab1_s3.png') no-repeat center; }
.s3_con .left ul { padding-top:38px; }
.s3_con .left ul li { font-size:16px; line-height: 36px; }
.s3_con .left ul li span { font-weight: bold; color:#910023; }

.s3_con .right { display: flex; align-items: center; width:780px; min-height: 210px; padding:40px 32px; border:1px solid #e1d7d7;
border-top:3px solid #910023; }
.s3_con .right ul { display: flex; flex-wrap: wrap; }
.s3_con .right ul li { position:relative; width:50%; padding-left: 10px; margin-bottom: 10px; font-size:16px; line-height:24px;
font-weight: 300; text-transform: uppercase; }
.s3_con .right ul li:before { content:""; position:absolute; left:0; top:10px; width:3px; height:3px; background:#910023; vertical-align: middle; }

.s3_con .list:nth-child(even) .left h2 { background:#046b40; }
.s3_con .list:nth-child(even) .left h2:after { background-image: url('../img/ab1_s3_b.png'); }
.s3_con .list:nth-child(even) .right { border-top:3px solid #046b40; }
.s3_con .list:nth-child(even) .right li:before { background:#046b40; }


/* section 4 */
.s4 .sub_title span { display: inline-block; margin-top: 10px; }

.s4_con .top { display: flex; justify-content: space-between; margin-top: 40px; height: 210px; }
.s4_con .top .img { display: flex; align-items: center; }
.s4_con .top h2 { display: flex; justify-content: center; align-items: center; width:50%; height: 100%; background:#046b40;
  color:#fff; text-align: center; font-size:24px; line-height: 36px; }
.s4_con .top .left,
.s4_con .top .right { display: flex; width:600px; }
.s4_con .top .left ul,
.s4_con .top .right ul { width:50%; height: 100%; border-top:1px solid #e1d7d7; border-right:1px solid #e1d7d7; }
.s4_con .top .left ul li,
.s4_con .top .right ul li { display: flex; align-items:center; justify-content: center; height:calc(100% / 3);
border-bottom: 1px solid #e1d7d7; font-size:20px; }

.s4_con .top .right h2 { background:#910023; }
.s4_con .top .right ul li { height: calc(100% /4); }
.s4_con .top .right li.active { width:calc(100% + 1px); color:#800019; border:2px solid #910023; }

.s4_con .bot { margin-top:48px; }