/* 공통 */
.sub_con {width: 100%; margin:0 auto; padding: 0 15px; }
.sub_title h2 {font-size:17px; font-weight: 700; color:#1f9fae; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; font-family: 'NanumSquare',sans-serif;}
.sub_title h1 {font-size:24px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}
.sub_title p {font-size:15px; font-weight: 400; color:#666; font-family: 'NanumSquare',sans-serif; margin:20px 0 0; line-height: 26px; word-break: keep-all; }
.sub_p {font-size:14px; font-weight: 300; color:#666; line-height: 24px; letter-spacing: -.5px; word-break: keep-all; }

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

.step {width: 100%; border-top:1px solid #000; text-align: left; }
.step li {padding:10px 0; border-bottom: 1px solid #ddd; display: flex; align-items: flex-start; }
.step li span {display: block; width: 28px ;height: 28px; border-radius: 50%; background: #1f9fae; text-align: center; line-height: 28px; font-size: 13px; font-weight: 600;
color:#fff;  margin-right:15px; min-width: 28px ; min-height: 28px;  }
.step li p {font-size:13px; font-weight: 300; color:#666; letter-spacing: -.7px; line-height: 22px; position: relative; top:2px; word-break: keep-all; }
.step li:nth-child(even) span {background-color: #333; }



/*Content CSS*/
#policy4 {text-align: center; padding:40px 0 0;}
#policy4 .sub_title { padding:0 15px 50px; }
#policy4 .sub_title br { display: none; }

/* 추가 공통 */
.bar_title { line-height: 1; position:relative; text-align: center; font-family: 'NanumSquare',sans-serif; font-size: 20px;  color: #333; margin:0 0 35px; }
.bar_title:before { content:""; display: block; width:40px; height:3px; background:#1f9fae; margin:0 auto 20px; }
.bar_p { font-size:15px; line-height: 28px; color: #333; font-family: 'NanumSquare',sans-serif; margin: 0 0 30px; font-weight: bold; word-break: keep-all; }
.bar_p span { color:#1f9fae; }
.bar_p br { display: none; }

.toggle_list { text-align: left; }
.toggle_list > li { margin-bottom: 15px; }
.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:50px; height: 50px; margin-right: 15px; color:#fff; font-size: 20px; font-family: 'NanumSquare',sans-serif; font-weight: bold; }
.toggle_list > li:nth-child(2n) .num { background:#333; }

.toggle_list .que h3 { font-size: 16px; 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 { width: 20px; transition: all .3s; }
/* active */
.toggle_list .que.active .arrow img { transform: rotate(180deg);}

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

.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 20px; }


#pol4_sec7 { padding-bottom: 60px; }
#pol4_sec7 .bar_title { margin:0 0 20px; }
#pol4_sec7 .bar_title + p { font-size: 14px; line-height: 1.9; color: #666; font-family: 'NanumSquare',sans-serif; margin:0 0 35px; word-break: keep-all; margin:0; text-align: left; }
.bar_title + p br { display: none; }



/* 추기 */
#policy4 .sub_title p { text-align: left; }