/* 공통  */
.subpage {overflow: hidden; text-align: center; word-break: keep-all; }
.subpage img {max-width: 100%;}
.sub_con {width: 100%; margin:0 auto; padding:0 15px; }
.subpage > section {width: 100%; background-color: #fff; padding:50px 0;}
.subpage > section:nth-child(even) {background-color: #f0f5fc;}

.s_title {text-align: center; }
.s_title h2 {font-size:14px; font-weight: 800; letter-spacing:2px; color:#306fd9; text-transform: uppercase;font-family: 'NanumSquare', sans-serif; }
.s_title h1 {margin-top: 15px; font-size:24px; font-weight: 800; color: #000;  font-family: 'NanumSquare',sans-serif;}
.s_title p {font-size:14px; font-weight: 400; color:#333; line-height: 26px; margin-top:10px; font-family: 'NanumSquare',sans-serif; word-break: keep-all;}
.s_title p span {color:#306fd9; font-weight: 600; }
/* 타이틀2 */
.s_title2 {text-align: center; margin-bottom: 30px;}
.s_title2.bor {border-bottom: 1px solid #bcd1f2; padding-bottom: 30px; margin-bottom:30px;}
.s_title2 h1 {font-size:22px; font-weight: 700; color:#000; font-family: 'NanumSquare',sans-serif; line-height: 35px; }
.s_title2 h1 span {color:#306fd9;  position: relative; z-index: 1;}
.s_title2 h1 span::before {content: ''; position: absolute; z-index: -1; width: calc(100% + 10px); left:-5px; bottom: -5px; height:15px; background-color: #d8e7ff; }
.s_title2 p {margin-top:20px; font-size:15px; font-weight: 400; color:#333; font-family: 'NanumSquare',sans-serif;  line-height:28px; word-break: keep-all;}

/* s_list */
.s_list {width: 100%; text-align: left;}
.s_list li { position: relative; padding-left: 15px; line-height: 24px; margin-bottom: 8px;  word-break: keep-all;}
.s_list li::before {content: ''; display: block; width: 4px; height: 4px; background-color: #306fd9; position: absolute; left:0; top:8px; }
.s_list li:last-child {margin-bottom: 0; }
.s_list.flex {display: flex; flex-wrap:wrap;}
.s_list.flex li {width: 100%;}
.s_list.flex li:last-child {margin-bottom: 0;}
/* b_title */
.b_title {font-size:20px; font-weight: 600; color:#000; position: relative; padding-left:15px; font-family: 'NanumSquare',sans-serif; text-align: left; margin-bottom: 20px;}
.b_title::before {content: ''; display: block; width: 3px; height: 22px; background-color: #306fd9; position: absolute; left:0; top:5px;}
.b_title.bor {border-bottom: 1px solid #bcd1f2; padding-bottom:20px; margin-bottom:20px;}
/* table */
.s_table table {border-collapse: collapse; width: 100%; border-top: 2px solid #306fd9; }
.s_table table thead th {padding:12px 10px; font-size:15px; font-weight: 600; color:#fff; background-color: #333; border:1px solid rgba(255,255,255,.2);
font-family: 'NanumSquare',sans-serif;}
.s_table table tbody th {font-size:13px; font-weight: 600; color:#333; border:1px solid #d9dde8; padding:10px; text-align: center; background-color: #f7faff;
font-family: 'NanumSquare',sans-serif; white-space: nowrap;}
.s_table table tbody td {font-size:13px; font-weight: 300; color:#666; border:1px solid #d9dde8; padding:10px; text-align: center;  background-color: #fff; line-height: 1.5;}
.s_table table tbody tr td:last-child {text-align: left; }
.s_table table tbody td span {color:#ccc;}
.s_table table tbody th.black {background-color: #333; border-color: rgba(255,255,255,.2); color:#fff;}

/* font-size */
.fs_24 {font-size: 17px; font-weight: 800; color:#306fd9; font-family: 'NanumSquare',sans-serif;  }
.fs_17 {font-size: 14px; font-weight: 400; color:#000; font-family: 'NanumSquare',sans-serif;  letter-spacing: -.17px; word-break: keep-all; line-height: 1.65}
.fs_15 {font-size: 13px; font-weight: 400; color:#000; font-family: 'NanumSquare',sans-serif;  letter-spacing: -.15px; line-height: 1.4; word-break: keep-all;}

/*Content CSS*/
.w_box {display: flex; align-items: center; justify-content: center; padding: 15px; background-color: #fff;  box-shadow: 1.5px 1.4px 27px 0 rgba(48, 111, 217, 0.16);}
.cont + .cont {margin-top: 50px; }
.flex_list {display: flex; flex-wrap: wrap ;}
.flex_list.col2 > li {width: 100%;}
.flex_list.col2 > li:nth-child(n+2) {margin-top: 15px;}

/* sec1 */
#sec1 .img {  box-shadow: 1.5px 1.4px 27px 0 rgba(48, 111, 217, 0.16); margin: 30px 0 30px;}
#sec1 .txt h3 {margin-bottom:10px;}

/* sec2 */
#sec2 .s_list + .w_box {margin-top:30px;}
#sec2 .cont1 .w_box {display: block; }
#sec2 .cont1 .w_box .flex {text-align: left; }
#sec2 .cont1 .w_box .flex > div:nth-child(2) {border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px;}
#sec2 .cont1 .w_box .flex h3 {margin-bottom: 10px;}
#sec2 .cont1 .w_box .img {margin: 30px 0 25px;}
#sec2 .cont1 .w_box .list {display: flex; justify-content: center; }
#sec2 .cont1 .w_box .list li + li {margin-left: 15px;}
#sec2 .cont1 .w_box .list i {display: flex; align-items: center ;justify-content: center; height: 64px;margin-bottom: 10px;}
#sec2 .cont4 .w_box {padding: 20px 15px 0;  align-items: flex-end; margin: 30px 0 15px; }
#sec2 .cont4 .w_box img {max-height: 200px;}
#sec2 .cont4 p {text-align: left; }

/* sec3 */
#sec3 .w_box {padding: 20px;}


/* sec4 */
#sec4 .s_table + .s_table {margin-top: 30px;}




@media screen and (max-width: 600px) {

}