*{letter-spacing: -0.05em;}

.container{width: 1300px; margin: 0 auto; position: relative; z-index: 5;}

/* 메인배너 */
.main_ban_wrap{background: #2A3342; height: 668px; position: relative; overflow: hidden;}
.main_ban_wrap:before{content: '';display: block; width: 962px; height: 688px; background: url('/theme/sisun_v1/img/v1/18/view_02/main_model.png')no-repeat; background-size: contain; position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -65px}
.main_ban_wrap .tit{margin: 75px 0 0 0; color: #fff}
.main_ban_wrap .tit .sub{font-size: 16px; line-height: 16px; letter-spacing: 0.3em; color: #6B7586;}
.main_ban_wrap .tit h1{font-size: 90px; line-height: 90px;  font-weight: 300; margin: 10px 0 0 0;}
.main_ban_wrap .tit h1 strong{font-weight: 700;}
.main_ban_wrap .tit h2{font-size: 60px; line-height: 60px;  font-weight: 300; margin: 10px 0 0 0;}
.main_ban_wrap .sub_tit{margin: 40px 0 0 0; font-size: 20px; line-height: 30px;  color: #fff}
.main_ban_wrap ul{display: flex; margin: 50px 0 0 0;}
.main_ban_wrap li:not(:last-child){margin: 0 10px 0 0;}
.main_ban_wrap li{width: 122px; height: 137px; background: url(/theme/sisun_v1/img/v1/18/view_02/main_list_bg.png)no-repeat; color: #fff;font-size: 16px; line-height: 20px;  display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.main_ban_wrap li:before{content: ''; display: block; width: 36px; height: 36px; margin: 0 auto 10px;}
.main_ban_wrap li:nth-child(1):before{background: url('/theme/sisun_v1/img/v1/15/ic-01.png')}
.main_ban_wrap li:nth-child(2):before{background: url('/theme/sisun_v1/img/v1/15/ic-02.png')}
.main_ban_wrap li:nth-child(3):before{background: url('/theme/sisun_v1/img/v1/15/ic-03.png')}
.main_ban_wrap li:nth-child(4):before{background: url('/theme/sisun_v1/img/v1/15/ic-04.png')}
.main_ban_wrap li:nth-child(5):before{background: url('/theme/sisun_v1/img/v1/15/ic-05.png')}
.main_ban_wrap .note{font-size: 15px; line-height: 22px; margin: 50px 0 0 0; color: #fff}

/* 섹션 공통 */
.sec{padding: 80px 0;}
.sec .title{text-align: center; margin: 0 0 60px;}
.sec .title .sub{font-size: 24px; line-height: 24px; letter-spacing: 0.1em; color: #334F7C; margin: 0 0 10px; display: block;}
.sec .title h2{font-size: 46px; line-height: 46px;  font-weight: 700;}
.sec .title h2 span{font-weight: 300;}
.sec .title h2:after{content: '';display: block; width: 80px; height: 4px; background: #4C6898; margin: 60px auto;}
.sec .title .des{font-size: 24px; line-height: 35px; }
.sec .note{margin: 60px 0 0 0; text-align: center; font-size: 24px; line-height: 42px; }
.sec .note .point{font-weight: 700; padding: 0 5px; position: relative;}
.sec .note .point:before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #C2DDF5; z-index: -1;}
.img_wrap{ display: inline-flex; flex-direction: column;}
.img_wrap p{background: #333; padding: 0 20px; height: 40px; line-height: 40px; font-size: 20px; color: #fff; text-align: center;}
.img_wrap .img{position: relative;}
.img_wrap .img:before{content: 'Before'; display: block; position: absolute; top: 0; left: 0; color: #fff; font-weight: 300; line-height: 36px; width: 70px; height: 36px; background: #7C7C7F; font-size: 18px; text-align: center;}
.img_wrap .img:after{content: 'After'; display: block; position: absolute; top: 50%; left: 0; color: #fff; font-weight: 300; line-height: 36px; width: 70px; height: 36px; background: #4C6898; font-size: 18px; text-align: center;}
.img_wrap.left .img:after{top: 0; left: 50%;}

/* ~이란 */
.sec_01 .img_wrap img{display: block;}
.sec_01 .contents{display: flex; flex-wrap: wrap; justify-content: center}
.sec_01 .contents .img_wrap{margin: 0 15px;}
.sec_01 .contents .img_wrap:not(:nth-child(-n+2)){margin-top: 20px;}

/* 수술 대상 */
.sec_02{background: #F4F5F9;}
.sec_02 ul{display: flex; flex-wrap: wrap;  justify-content: center; width: 800px; gap: 45px; margin: 0 auto;}
.sec_02 li{width: 230px; height: 230px; background-color: #fff; border: 10px solid; border-image: linear-gradient(to right, #C6E0F2, #DFF7FF); border-image-slice: 1;  display: flex; align-items: center; justify-content: center;font-size: 24px; line-height: 35px;  text-align: center;box-shadow: 10px 10px 20px rgba(0,0,0,0.05);}

/* 라인 종류 */
.sec_03{background: linear-gradient(90deg, #C6E0F2 0%, #DFF7FF 100%); text-align: center;}
.sec_03 .title .des{font-size: 24px; line-height: 32px;}
.sec_03 .title .des .point{display: block; margin: 0 0 30px; font-size: 30px; line-height: 30px; }
.sec_03 .title .des .point strong{font-weight: 700; color: #334F7C;}
.sec_03 ul{display: flex; align-items: stretch; justify-content: center;}
.sec_03 li{margin: 0 20px; background: #fff; padding: 30px 0; text-align: center; width: 290px; box-shadow: 10px 10px 20px #B0D9F1; gap: 30px; display: flex; flex-direction: column; align-items: center}
.sec_03 li .tit{display: flex; flex-direction: column; align-items: center; gap: 10px;}
.sec_03 li .tit strong{font-size: 24px; line-height: 24px; font-weight: 700; color: #4C6898;}
.sec_03 li img{width: 210px;}
.sec_03 li .des{font-size: 18px; line-height: 24px;}
.sec_03 .txt{padding: 60px 0;}
.sec_03 .txt i{font-size: 34px; line-height: 34px; font-style: italic;}
.sec_03 .txt p{margin: 30px 0; font-size: 24px; line-height: 28px; }
.sec_03 .txt p strong{font-weight: 700;}
.sec_03 .txt h5{color: #DC769A; font-size: 40px; line-height: 40px; font-weight: 700;}

/* 눈동자 노출량 증가 */
.sec_04{position: relative; padding: 80px 0 0; text-align: center;}
.sec_04 .bg{ position: absolute; width: 100%; height: 50%; left: 0; top: 0;z-index: 0; background: linear-gradient(90deg, #C6E0F2 0%, #DFF7FF 100%); overflow: hidden;}
.sec_04 .bg:before{content: ''; display: block; position: absolute; left: 50%; top: 80px; margin: 0 0 0 -532.5px; background: #B0D9F1; transform: translate(10px,10px); filter: blur(20px); width: 1065px; height: 100%;}
.sec_04 .box{display: inline-block; position: relative; z-index: 1; width: 1065px; padding: 80px 0; background: #fff; border: 10px solid #D2DCE4;}
.sec_04 .box .title h2:after{display: none;}
.sec_04 .box .title .des{font-size: 30px; line-height: 40px; color: #999; font-weight: 500; margin: 10px 0 0 0;}
.sec_04 .box .txt{display: inline-flex; margin: 60px 0 0 0; flex-wrap: wrap; font-size: 20px; line-height: 20px; font-weight: 700; justify-content: center;}
.sec_04 .box .txt p{ margin: 0 15px;}
.sec_04 .box .txt p:first-child{flex-basis: 100%; margin-bottom: 20px;}
.sec_04 .box .txt span{color: #334F7C; display: inline-block; margin: 0 8px 0 0;}

/* 절개, 비절개 */
.sec_05 .title .des{font-size: 30px; line-height: 30px;}
.sec_05 .contents{display: flex; justify-content: center;}
.sec_05 .contents > *{margin: 0 20px; display: flex; flex-direction: column; align-items: center;}
.sec_05 .contents .img_wrap{margin: 40px 0 0 0;}
.sec_05 .contents .img_wrap + p{border: 1px solid #e5e5e5; padding: 30px; text-align: center; font-size: 20px; line-height: 30px; width: 100%;flex-grow: 1; display: flex; align-items: center; justify-content: center;}

/* 수술 방법 */
.sec_06{text-align: center;background: #F4F5F9;}
.sec_06 .contents{display: inline-flex; flex-wrap: wrap; margin: 40px 0 0 0; justify-content: center; }
.sec_06 .contents .case{display: inline-flex; flex-wrap: wrap; justify-content: center; }
.sec_06 .contents .case_02{margin-top: 60px;}
.sec_06 .contents .case h3{flex-basis: 100%; font-size: 36px; line-height: 46px; font-weight: 500; margin: 0 0 100px;}
.sec_06 .contents .case h3 .num{display: block;width: 80px; height: 80px; margin: 0 auto 15px; border-radius: 100%; background: #4C6898; color: #fff; font-size: 36px; line-height: 80px; font-weight: 900; text-align: center;}
.sec_06 .contents .list{margin: 0 10px; width: 228px; position: relative;}
.sec_06 .contents .list .step{width: 80px; height: 80px; border-radius: 100%; background: #4C6898; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 50%; top:-40px; margin: 0 0 0 -40px; font-size: 15px; line-height: 24px; font-weight: 700;  color: #fff;}
.sec_06 .contents .list .step.ko{font-size: 18px;}
.sec_06 .contents .list .step .num{font-size: 24px;}
.sec_06 .contents p{border: 1px solid #e5e5e5; height: 98px; padding: 7px 0;font-size: 18px; line-height: 26px; word-break: keep-all; display: flex; align-items: center; justify-content: center; background: #fff}


/* 사례 */
.sec_07{background: #F4F5F9; display: flex; flex-direction: column; gap: 100px;}
.sec_07 .container{background: #FFF; box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.1); padding: 80px 0; }
.sec_07 .contents{display: flex; flex-wrap: wrap; gap: 60px; justify-content: center;}
.sec_07 .contents .intro{flex-basis: 100%; display: flex; gap: 60px; align-items: center; justify-content: center;}
.sec_07 .contents .intro .note{margin: 0; text-align: left; flex-basis: 566px;}
.sec_07 .contents img{display: block;}

/* 눈동자 노출량 증가 */
.sec_08{position: relative; padding: 80px 0; text-align: center; background: linear-gradient(90deg, #C6E0F2 0%, #DFF7FF 100%);}

.sec_08 .container{width: 1200px; background: #fff; padding: 120px 0; z-index: 1; box-shadow: 10px 10px 20px #BFE9FA; }
.sec_08 .title h2:after{display: none;}
.sec_08 .title .des{font-size: 30px; line-height: 40px; color: #999; font-weight: 500; margin: 10px 0 0 0;}
.sec_08 .txt{display: inline-flex; margin: 60px 0 0 0; flex-wrap: wrap; font-size: 20px; line-height: 20px; font-weight: 700; justify-content: center;}
.sec_08 .txt p{ margin: 0 15px;}
.sec_08 .txt p:first-child{flex-basis: 100%; margin-bottom: 20px;}
.sec_08 .txt span{color: #334F7C; display: inline-block; margin: 0 8px 0 0;}



.before-after{text-align: center;}
.before-after .title img{margin: 0 0 5px;display: inline-block;}
.before-after .title h2:after{display: none;}
.before-after .blog-desc{font-size: 22px; line-height: 30px; }
.before-after .blog-desc button{background: #FFFB82; width: 58px; height: 30px; border-radius: 10px; font-size: 17px; line-height: 30px; vertical-align: top; margin: 0 10px 0 0;}
.before-after .type{display: block; font-size: 36px; line-height: 36px; font-weight: 500;margin: 60px 0 0 0;}
.before-after .type span{display: block; margin: 0 auto 20px; width: 80px; height: 80px; border-radius: 100%; background: #D289A3; line-height: 80px; text-align: center; font-weight: 36px; font-weight: 900; color: #fff;}

.before-after .viewBA .viewBA-item-wrap{margin: 30px 0 0 0;}

.qa_wrap {background: linear-gradient(90deg, #E4F4FF 0%, #FFDFF2 100%);text-align: center;}
.qa_wrap .title{font-size: 46px; line-height: 67px; font-weight: 300; }
.qa_wrap .title img{display: block; margin: 0 auto;}
.qa_wrap .qna{display: inline-block; width: 900px; background: #fff; padding: 0 50px;}
.qa_wrap .qna dl{padding: 60px 0;}
.qa_wrap .qna dl:not(:first-child){border-top: 1px solid #aaa;}
.qa_wrap .qna dt{font-size: 30px; line-height: 30px; color: #DC769A; font-weight: 700;}
.qa_wrap .qna dd{margin: 30px 0 0 0;font-size: 20px; line-height: 30px; font-weight: 300;}

.sec_08 .contents{text-align: center;}
.sec_08 .tbl_wrap{border: 10px solid; border-image: linear-gradient(to right, #E4F4FF, #FFDFF2);border-image-slice: 1; width: 907px; display: inline-block; padding: 20px;}
.sec_08 table{table-layout: fixed;}
.sec_08 table > * > * > *:nth-child(2){background: #F4FBFF;}
.sec_08 thead{border-bottom: 2px solid #A9CBE8}
.sec_08 thead th{padding: 20px 0;font-size: 22px; font-weight: 600;}
.sec_08 thead th:not(:last-child){border-right: 1px solid #A9CBE8;}
.sec_08 thead th:first-child{border-right: 2px solid #A9CBE8;}
.sec_08 tbody tr{border-top: 1px solid #A9CBE8;}
.sec_08 tbody th{border-right: 2px solid #A9CBE8;font-size: 22px; font-weight: 600;}
.sec_08 tbody td{ font-size: 22px; line-height: 30px; border-top: 1px solid #A9CBE8; border-left: 1px solid #A9CBE8; padding: 20px 0; word-break: keep-all;}
.sec_08 tbody td li{display: inline-block;text-align: left;}
.sec_08 table tbody td .box {display: inline-block;}
.sec_08 table tbody td .box .line {padding-left: 12px; position: relative;}
.sec_08 table tbody td .box .line:before {display: inline-block; content: '-'; position: absolute; top: 0; left: 0;}
.sec_08 table tbody td span {display: block; text-align: left; letter-spacing: -1px;}
.sec_08 table tbody td em {display: inline-block;}
.sec_08 .btn_go{display: block; margin: 60px auto 0; width: 346px; height: 56px; line-height: 56px; background: #333;font-size: 24px; color: #fff; }