/*Content CSS*/
/* 공통 */
.subpage {text-align: center;}
.subpage,
.subpage p {word-break: keep-all; }
.subpage img {max-width: 100%;}
.subpage br:not(.space) {display: none;}

.sub_con {width:100%; padding:0 15px;}
.res_img {width:100%; height:auto;}
.border_bottom{border-bottom:1px solid #eee; padding-bottom:50px;}
.sub_head {font-size:22px; font-weight: 600; font-family: 'NanumSquare'; display: flex; align-items: flex-start; word-break: keep-all; line-height: 30px;}
.sub_head > span {display: inline-block; width:8px; height:8px; background: #a50034; margin-right:16px; margin-bottom:3px; }
.sub_head > b {display: inline-block; padding:4px 10px; border:1px solid #a50034; color:#a50034; margin-right:8px; position: relative; top:-6px;}
.sub_head2 {font-size:22px; font-weight: 600; font-family: 'NanumSquare'; color:#333; text-align:left;}

.fs_50 {font-size:30px; font-weight: 900; color:#a12c29; line-height: 1.3;}
.fs_30 {font-size: 22px; font-weight: 900; color:#211c1c; line-height: 1.45;}
.fs_24 {font-size: 17px; font-weight: 800; color:#444; line-height: 1.45; font-family: 'NanumSquare';}
.fs_22 {font-size: 16px; font-weight: 900; color:#333; line-height: 1.45;}
.fs_20 {font-size: 15px; font-weight: 700; color:#48343c; line-height: 1.4;}
.fs_18 {font-size: 14px; font-weight: 900; color:#333; line-height: 1.5;}
.fs_17 {font-size: 13px; font-weight: 400; color:#666; line-height: 1.53;}
.fs_16 {font-size: 13px; font-weight: 500; color:#a12c29; line-height: 1.53;}
.fs_14 {font-size: 12px; font-weight:500; color:#a12c29; line-height: 1.53;}

.pd_title2 {margin: 20px 0 30px;}
.pd_title2 h3 {font-weight: 800; color:#000;  font-family: 'NanumSquare'; margin-bottom: 10px;  }
.pd_title2 h3 i { display: block; position: relative; margin:0 0 10px;}
.pd_title2 p {line-height: 1.6; color:#666; font-weight: 400;}
.pd_title2 b {font-weight: 500; color:#000; display: block;margin-top: 25px; }
.pd_title2 b span { color:#cea836;}

.inner + .inner {margin-top:50px; }


/* flex_cont-type1 */
.flex-cont-type01 {display: flex; flex-direction: column;  align-items: center; margin-top:30px; text-align: center;}
.flex-cont-type01 .left {border-radius: 15px; overflow:hidden; width: 100%; margin-bottom: 30px; }
.flex-cont-type01 .right {max-width:640px; width: 100%; }
.flex-cont-type01 .right .box + .box {margin-top: 20px; padding-top: 20px; border-top:1px solid #ddd;  }
.flex-cont-type01 .box.type1 {display: flex; align-items: center; justify-content: center; flex-direction: column; }
.flex-cont-type01 .box.type1 .txt {margin-bottom: 20px; }
.flex-cont-type01 .box.type2 {display: flex; align-items: flex-start;}
.flex-cont-type01 .box.type2 h4 {flex-shrink: 0; margin-right: 90px; min-width: 67px; }
.flex-cont-type01 .box .list {display: flex; justify-content: space-between; }
.flex-cont-type01 .box .list h4 {font-weight: 500; margin-bottom: 10px; }
.flex-cont-type01 .box .txt p {margin:10px 0 0; }
.flex-cont-type01 + .fs_14 {margin-top: 70px; }

/* .flex-cont-type01.reverse {flex-direction: row-reverse; } */

a.fs_30 {color:#fff; font-weight: 800;font-family: 'NanumSquare'; display: flex; align-items: center; justify-content: center; background-color: #9a2a28;
width: 100%; border-radius: 10px; margin-top: 30px; transition: all .3s; padding: 10px 5px; font-size: 17px;}
a.fs_30:hover {background-color: #333;}

/* 제품메뉴 통일 */
.product_head {display: inline-block; width:100%; text-align:center;}
.product_head h2 {font-size:20px; font-weight: 300;  font-family: 'NanumSquare'; color:#333; margin-bottom:25px; line-height: 28px; word-break: keep-all;}
.product_head h2 b {color:#a50034; font-weight: 600; font-family: 'NanumSquare';}
.product_head p {font-size:15px; font-weight: 300; line-height: 24px; color:#666; letter-spacing: -1px; word-break: keep-all;}
.product_head p b {color:#333; font-weight: 600;}
.product_head .float {float:none; clear:both;}
.product_head.green > div {float:none; clear:both;}
.product_head.green  {padding-top:50px; border-top:1px solid #eee; margin-top:30px;}

/* green_icon */
.green_icon {width:100%; display: flex; text-align:center; margin-top:40px; flex-wrap:wrap; justify-content: center;}
.green_icon li {width:100px; height:100px; border-radius: 100%; background: #f5f5f5; padding-top:17px; margin:6px;}
.green_icon li > div {height:48px; }
.green_icon li > h4 {font-size:14px; color:#835824; font-weight: 500; margin-top:0px;     font-family: "Noto Sans KR", sans-serif;}
/* green */
.green {margin-top:30px;}
.green > p { margin-top:10px; font-size:17px; color:#666; font-weight: 400; font-family: 'NanumSquare'; word-break: keep-all; line-height: 26px;}
.green > p.green_p {padding-left:0; text-align:center; margin-top:40px; font-size:16px; line-height: 28px; font-weight: 300;
font-family: "Noto Sans KR", sans-serif;}
.green > p.green_p b {font-size: 22px; color:#a50034; font-weight: 600; font-family: 'NanumSquare'; word-break: keep-all; line-height: 28px;}
.green > p.green_p span {font-size:17px; font-weight: 400;font-family: 'NanumSquare'; color:#333;  display: block; margin-top:20px; line-height: 26px;
word-break: keep-all;}

.green_table {display: inline-block; width:100%; margin-top:25px; }
.green_table h3 {font-size: 16px; font-weight:600; font-family: 'NanumSquare'; color:#000;  margin-bottom: 15px;}
.green_table > div { width:100%; margin-top: 30px; }
.green_table > div  >  p {font-size:14px; font-weight: 300; color:#868686; letter-spacing: -1px; margin-top:6px; word-break: keep-all;
display: flex; align-items: flex-start;}
.green_table > div  >  p span {display: block; margin-right:5px;}
.green_table table {width:100%; text-align:center;}
.green_table table th, .green_table table td {border:1px solid #e0e0e0; padding:13px 3px; text-align:center; margin:0;}
.green_table table tr th {background: #fbfbfb; font-size:15px; font-weight: 500; color:#333;}
.green_table table thead th {padding:12px 10px; font-size:14px; color:#fff; font-weight: 400; background:#274738; font-family: 'NanumSquare'; word-break: keep-all;}
.green_table table tr td {font-size:14px; font-weight: 300; color:#666; letter-spacing: -1px; word-break: keep-all; padding:10px 10px;}
.green_table table tr td b {font-weight: 600;}
/* green_bottom */
.green_btn.ver2 {float:none; clear:both; width:100%; margin-top:0; margin-bottom:30px;}
.green_bottom {margin-top:30px;}
.green_bottom > div {float:none; clear:both; width:100%; padding-top:0; text-align:center;}

/* green_btn */
.green_btn {width:100%; display: flex; justify-content: center;  text-align:center; }
.green_btn li {width:120px; height:40px; line-height: 40px; font-size:14px; font-weight: 300;     font-family: "Noto Sans KR", sans-serif;
border-radius: 30px; border:1px solid #ddd; margin-right:15px; transition: all 0.3s ease; letter-spacing: -.5px;}
.green_btn li:last-child {margin-right:0;}
.green_btn li > a {display: block; width:100%; height:100%;  color:#666; transition: color 0.3s ease;}
.green_btn li:hover, .green_btn li.active {background: #274738; border:1px solid #274738;}
.green_btn li:hover a, .green_btn li.active a {color:#fff;}
.green_btn.ver3 {margin-bottom:50px;}
.green_btn.ver3 li:hover, .green_btn.ver3 li.active {background: #a50034; border:1px solid #a50034;}