/* 공통 */
.sub_con {width: 100%; padding:0 15px; position: relative; }
.wh_bg {background-color: #fff; padding: 50px 15px;}
.gray_bg {background-color: #f2f4f7; padding:50px 0;}

.sub_p {font-size:14px; font-weight: 400; color:rgba(51, 51, 51, 0.8); line-height: 26px; word-break: keep-all; font-family: 'NanumSquareRound',sans-serif;}
.s_title h1 {font-size:20px; font-weight: 800; color:#000; letter-spacing: -1.2px; font-family: 'NanumSquareRound',sans-serif; line-height: 36px; word-break: keep-all;
word-break: keep-all;}
.s_title h1 span {position: relative; }
.s_title h1 span::before {content: ''; display: block; position: absolute; top:-12px; left:50%; transform:translateX(-50%); width:5px; height: 5px; border-radius: 50%;
background-color: #f7ce08; }
.s_title p {font-size:14px; font-weight: 400; color:#000; letter-spacing: -.6px; font-family: 'NanumSquareRound',sans-serif;  line-height: 26px; margin-top:10px;
word-break: keep-all;}
.s_title.wh h1, .s_title.wh p {color:#fff;}

/* icon_title */
.icon_title {position: relative; text-align: left; }
.icon_title h1 {display: flex; align-items: flex-end; justify-content: center; font-size:20px; font-weight: 800; color:#000; font-family: 'NanumSquareRound',sans-serif;}
.icon_title h1 img {margin-right: 15px; width: 30px; }
/* bu_title */
.bu_title {font-size:16px; font-weight: 700; color:#000; font-family: 'NanumSquareRound',sans-serif; position: relative; padding-left:18px; }
.bu_title::before {content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-image: linear-gradient(-45deg, #6c69e9, #287be4); position: absolute;
left:0; top:3px; }
/* s_list */
.s_list {width: 100%; }
.s_list li {font-size:13px; font-weight: 400; color:rgba(51, 51, 51, 0.8); position: relative; padding-left: 10px; line-height: 25px; margin-bottom: 10px;
font-family: 'NanumSquareRound',sans-serif; word-break: keep-all;}
.s_list li::before {content: ''; display: block; width: 3px; height: 3px; background-color: #287be4; position: absolute; left:0; top:9px; }
.s_list li:last-child {margin-bottom: 0; }
/* line_title */
.line_title {text-align: left; padding-bottom:15px ;border-bottom:1px solid #ddd; position: relative; margin-bottom: 20px; }
.line_title::before {content: ''; display: block; width: 120px; height: 2px; position: absolute; left:0; bottom: -1px ; background-color: #287be4; }
.line_title h1 {font-size:16px; font-weight: 700; color:#000; font-family: 'NanumSquareRound',sans-serif; line-height: 28px; word-break: keep-all;}
.line_title h2 {font-size:14px; font-weight: 700; color:#287be4; margin-bottom: 8px; font-family: 'NanumSquareRound',sans-serif;}



/*Content CSS*/
#treatment1 {padding:50px 0 0;}
#treatment1 .icon_title {margin-bottom: 30px; }
/* 전문진료센터 top */
.tre_top .title {position: relative; width: 100%; z-index: 1; text-align: center; }
.tre_top .title h2 {font-size:16px; font-weight: 700; color:#000; font-family: 'NanumSquareRound',sans-serif; line-height: 30px; word-break: keep-all; }
.tre_top .title h2 span {color:#287be4; }
.tre_top .title h1 {font-size:20px; font-weight: 700; color:#000; font-family: 'NanumSquareRound',sans-serif; margin-top: 10px; line-height: 32px;}
.tre_top .title .icon {margin-top:30px; }
.tre_top .title .icon img {width: 200px; }
.txt_box {width: 100%; background-color: #fff ;  box-shadow: 2.2px 2px 35px 0 rgba(0, 0, 0, 0.07); padding:40px 20px; margin-top:-40px; position: relative;
z-index: 1; text-align: center; overflow: hidden;}
.txt_box h2 {font-size:16px; font-weight: 800; color:#287be4; letter-spacing: 3px; text-transform: uppercase;  font-family: 'NanumSquareRound',sans-serif;
line-height: 28px;}
.txt_box p {font-size:13px; font-weight: 300; color:#000; line-height: 25px; margin-top:15px;  font-family: 'NanumSquareRound',sans-serif; word-break: keep-all;}
/* icon_list */
.icon_list {display: flex;flex-direction: column; align-items:center; text-align: center; }
.icon_list li {width: 100%; background-color: #fff; box-shadow: 2.2px 2px 35px 0 rgba(0, 0, 0, 0.11); padding:40px 20px; max-width: 420px;
border-style: solid; border-image: linear-gradient(to left, #6c69e9, #287be4); border-image-slice: 1; border-image-width: 4px 0 0 0;}
.icon_list li:nth-child(n+2) {margin-top:30px;}
.icon_list li .icon {height: 100px; line-height: 100px; }
.icon_list li .icon img {transition: transform 500ms;}
.icon_list li h1 {font-size:18px; font-weight: 800; color:#000; font-family: 'NanumSquareRound',sans-serif; margin:25px 0 15px;}
.icon_list li p {font-size:14px; font-weight: 400; color:rgba(51, 51, 51, 0.8); line-height: 26px; letter-spacing: -1.13px; font-family: 'NanumSquareRound',sans-serif;}

/* sub_bnt */
.sub_btn {display: flex; align-items: center ;justify-content: center; width:220px; height: 55px; transition: all .3s ease; border-radius: 5px; background-color: #333;
font-size:15px; font-weight:700; color:#fff; font-family: 'NanumSquareRound',sans-serif; margin:0 auto; }
.sub_btn:hover {background-color: #287be4; }
.sub_btn img {margin-left:12px; position: relative; top:-2px ; height: 10px; }


/* section1 */
#tre1_sec1 {padding-bottom:50px; }
#tre1_sec1 .box {margin-top:80px; }
#tre1_sec1 .sub_p {font-size:14px; line-height: 26px; text-align: center; }
#tre1_sec1 .step_list {display: flex; flex-wrap:wrap; margin-top:30px; }
#tre1_sec1 .step_list li {width: 100%; border:1px solid #ccc; display: flex; align-items: center; padding:20px; margin-bottom: 10px ;}
#tre1_sec1 .step_list li:last-child {margin-bottom: 0; }
#tre1_sec1 .step_list li h1 {font-size:18px; font-weight: 800; color:#287be4; font-family: 'NanumSquareRound',sans-serif; margin-right: 15px; position: relative; top: 1px ;}
#tre1_sec1 .step_list li h2 {font-size:15px; font-weight: 700; color:#000; font-family: 'NanumSquareRound',sans-serif;}

/* section2 */
#tre1_sec2 .icon_title {margin-bottom: 0;}
#tre1_sec2 .icon_title h1 { justify-content: flex-start;}
#tre1_sec2 .icon_title h2 {font-size:30px; font-weight: 800; color:#287be4; line-height: 30px; font-family: 'Montserrat'; position: absolute; right: 0; top:50%; transform:translateY(-50%);}
#tre1_sec2 .img_list {display: flex; flex-wrap:wrap;  margin-top:40px; margin-bottom: 50px;}
#tre1_sec2 .img_list li {width: 100%; margin-bottom: 30px; }
#tre1_sec2 .img_list li .img img {width: 100%;}
#tre1_sec2 .img_list li:last-child {margin-bottom: 0; }
#tre1_sec2 .img_list .bu_title {margin-top: 20px; }













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

}

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

}

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

}

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

}