/* 공통 */
.sub_con {width: 1300px; margin:0 auto;}
.sub_title h2 {font-size:18px; font-weight: 700; color:#1f9fae; letter-spacing: 6.3px; text-transform: uppercase; margin-bottom: 20px; font-family: 'NanumSquare',sans-serif;}
.sub_title h1 {font-size:48px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}
.sub_title p {font-size:17px; font-weight: 400; color:#666; font-family: 'NanumSquare',sans-serif; margin:28px 0 0; line-height: 36px; }
.sub_p {font-size:16px; font-weight: 300; color:#666; line-height: 30px; letter-spacing: -.5px; }

.w_bg {padding:100px 0; background: #fff;}
.g_bg {padding:100px 0; /* background: url('../img/dot_bg.jpg') 50% 50% repeat; */ background-color: #f7f7f7; }

.bullet_title {position: relative; font-size:24px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif; padding-left:30px; }
.bullet_title span {display: block; width: 3px; height: 24px; background: #1f9fae; position: absolute; left:0; top:7px; }
.bullet_title span::after {content: ''; display: inline-block; width: 3px; height: 24px; background: #4cd2e2; margin-left:8px; }

.step {width: 100%; border-top:1px solid #000; text-align: left; }
.step li {padding:16px 50px; border-bottom: 1px solid #ddd; display: flex; align-items: center; }
.step li span {display: block; width: 36px ;height: 36px; border-radius: 50%; background: #1f9fae; text-align: center; line-height: 36px; font-size: 18px; font-weight: 800;
color:#fff; font-family: 'NanumSquare',sans-serif;  margin-right: 24px; }
.step li p {font-size:16px; font-weight: 300; color:#666; }
.step li:nth-child(even) span {background-color: #333; }




/*Content CSS*/
#policy4 {text-align: center; padding:80px 0 0;}
#policy4 .sub_title { padding-bottom: 90px; }

/* 추가 공통 */
.bar_title { line-height: 1; position:relative; text-align: center; font-family: 'NanumSquare',sans-serif; font-size: 30px;  color: #333; margin:0 0 45px; }
.bar_title:before { content:""; display: block; width:50px; height:3px; background:#1f9fae; margin:0 auto 25px; }
.bar_p { font-size:24px; line-height: 2; color: #333; font-family: 'NanumSquare',sans-serif; margin: 0 0 45px; font-weight: bold; }
.bar_p span { color:#1f9fae; }

.toggle_list { text-align: left; }
.toggle_list > li { margin-bottom: 30px; }
.toggle_list > li:last-child { margin-bottom: 0; }

.toggle_list .que { position:relative; display: flex; align-items: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; cursor: pointer; }
.toggle_list .que .num { background:#1f9fae; display: flex; align-items: center; justify-content: center; width:74px; height: 74px; margin-right: 25px; color:#fff; font-size: 24px; font-family: 'NanumSquare',sans-serif; font-weight: bold; }
.toggle_list > li:nth-child(2n) .num { background:#333; }

.toggle_list .que h3 { font-size: 20px; font-family: 'NanumSquare',sans-serif;  color: #333; }
.toggle_list .que .arrow { position:absolute; right:0; top:50%; transform: translateY(-50%); }
.toggle_list .que .arrow img { transition: all .3s; }
/* active */
.toggle_list .que.active .arrow img { transform: rotate(180deg);}

.toggle_list .ans { display: none; padding:30px 100px; background:#f7f7f7; }
.toggle_list .ans li b { display: block; font-weight: bold; color: #666; font-size: 16px; }
.toggle_list .ans li ~ li { margin-top: 30px; }

.g_bg .toggle_list .ans { background:#eaeaea; }




#pol4_sec1 .flex { display: flex; }
#pol4_sec1 .step li { padding:16px 0; }

#pol4_sec2 .bar_title,
#pol4_sec3 .bar_title,
#pol4_sec5 .bar_title { margin:0 0 30px; }

#pol4_sec7 .bar_title { margin:0 0 27px; }
#pol4_sec7 .bar_title + p { font-size: 17px; line-height: 2.12; color: #666; font-family: 'NanumSquare',sans-serif; margin:0 0 45px; text-align: left; margin:0; }

/* 추가(왼쪽정렬) */
#policy4 .sub_title { width:1300px; margin:0 auto; }
#policy4 .sub_title p { text-align: left; }