@charset "utf-8";
/* 공통 */
.sub-pd { padding: 120px 0;}
.sub-pd.pb { padding-top: 0; padding-bottom: 120px; }
.sub-pd.pt { padding-top: 120px; padding-bottom: 0; }
.sub-pd.tc { text-align: center; }
.sub-pd.gray { background: #f5f5f5; }
.sub-tc { padding: 0 15px; text-align: center;}
.subtit { font-size: 40px; font-weight: 700; letter-spacing: -.04em; line-height: 1.5em; color: #222; font-family: 'notoserifKR';}
.subtit.fz { font-size: 30px; }
.subtit.mg { margin-bottom:30px; }
.subtit.white { color: #fff; text-align: center; }
.subtit.tc { text-align: center; }
.subtit.tc.bg { display: inline-block; background: linear-gradient(to top,#f5eddd 40%, transparent 50%);}
.subtit .clr1 { color: #fff; background: #1f3a21; padding: 0 6px;}
.subtit .clr2 { color: #fff; background: #a77719; padding: 0 6px;}
.subtxt { font-size: 18px; line-height: 1.666em; letter-spacing: -.03em; font-weight: 300; }
.subtxt.white { color: #fff; }
.subtxt.fw { font-weight: 600; margin-top: 20px; }
.lh { line-height: 2em; }

/* 인사말 */
.gt { display: flex; align-items: center;}
.gt .left { width: 50%; }
.gt .right { width: 50%; border-radius: 12px; overflow: hidden;}
.gt-sec2 { background: #1f3a21; position: relative; text-align: center; }
.gt-sec2 .gt-logo { position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); }
.gt-sec2 h4 { display: inline-block; font-size: 24px; font-weight: 600; line-height: 1.3em; background: #a77719; margin: 45px 0 25px; color: #fff; position: relative; z-index: 1; padding: 5px 13px;}
.gt-sec3 { background: url(../images/sub/sub1-1-bg1.jpg) center no-repeat; background-size: cover; }
.gt-fx { display: flex; align-items: flex-start; margin-bottom: 40px; }
.gt-fx:last-child { margin-bottom: 0; }
.gt-fx .left { width: 49%; padding-right: 20px; }
.gt-fx .right { width: 51%; }
.gt-fx.rv { flex-direction: row-reverse; }
.gt-fx.rv .left { padding-right: 0; }
.gt-fx .right img { border-radius: 30px; }
.gt-fx .right .txtbox { position: relative; margin-top: -130px; z-index: 1; display: flex; align-items: flex-start; background: #e2ede3; width: 85%; padding-top: 35px; border-radius: 0 30px 0 0;}
.gt-fx .right .txtbox .num { width: 60px; font-family: 'notoserifKR'; font-size: 40px; font-weight: 700; color: #1f3a21; text-align: center;}
.gt-fx .right .txtbox .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 15px; padding-top: 3px; }
.gt-fx .right .txtbox .info .tit { font-size: 22px; font-weight: 600; color: #222; line-height: 1.3em; margin-bottom: 20px; }
.gt-sec4 { position: relative; }
.gt-sec4 .gt-sb { position: absolute; bottom: 100px; right: 100px; z-index: -1;}
.gt-list { display: flex; gap: 30px; flex-wrap: wrap; margin-top: 55px; }
.gt-list li { width: calc(100%/3 - 20px); }
.gt-list li img { border-radius: 8px 8px 0 0;}
.gt-list li img.left { border-radius: 120px 8px 0 0;}
.gt-list li img.right { border-radius: 8px 8px 120px 0;}
.gt-list li .tit { font-size: 30px; font-weight: 700; letter-spacing: -.04em; line-height: 1.5em; color: #1f3a21; font-family: 'notoserifKR'; margin: 30px 0 20px;}
.gt-list li .txt { font-size: 22px; font-weight: 300; line-height: 1.5em; letter-spacing: -.03em; color: #242424; }
.gt-sec5 { background: url(../images/sub/sub1-1-bg2.jpg) center no-repeat; background-size: cover; }
.gt-sec5 .col { width: 100%; background: #fff; margin-top: 50px; padding: 40px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;border: 1px solid #ddd; border-radius: 26px; }
.gt-sec5 .col .tit { display: inline-block; position: relative; padding-left: 53px; font-size: 22px; line-height: 1.5em; font-weight: 400; color: #222; letter-spacing: -.03em; padding-right: 75px; }
.gt-sec5 .col .tit span { font-weight: 600; }
.gt-sec5 .col .tit::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 24px; height: 24px; background: url(../images/sub/sub1-1-chk.png) center no-repeat; background-size: contain;}
.gt-sec5 .col .img { max-width: 470px; width: 100%; border-radius: 10px; overflow: hidden;}

/* 의료진소개 */
.doc-list { display: flex; flex-wrap: wrap; gap: 30px; }
.doc-list li { width: calc(100%/3 - 20px); border-radius: 8px; overflow: hidden;} 
.doc-list li .tit { color: #fff; background: #1f3a21; padding: 35px 40px 32px; line-height: 1.2em; font-size: 18px; font-weight: 500; }
.doc-list li .tit strong { font-size: 30px; font-weight: 700; font-family: 'notoserifKR'; display: inline-block; padding-right: 10px; }

/* 내부시설 */
.fc-swiper-box { position: relative;  }
.fc-swiper { width: 100%; position: relative; overflow: hidden;}
.fc-swiper-slide { display: flex; }
.fc-swiper-slide .big { width: 69%;}
.fc-swiper-slide .big img { border-radius: 8px; }
.fc-swiper-slide .info { width: 31%; padding-left: 40px; display: flex; flex-direction: column; justify-content: space-between;}
.fc-swiper-slide .info .ctr { font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color: #1f3a21; }
.fc-swiper-slide .info .tit { font-size: 30px; font-weight: 700; letter-spacing: -.04em; line-height: 1.5em; color: #222; font-family: 'notoserifKR'; margin: 10px 0 20px;}
.fc-swiper-slide .info .small {width: 100%; }
.fc-swiper-slide .info .small img { width: 100%; border-radius: 8px; }
.fc-btbox { display: flex; width: 31%; padding-left: 30px; top: 50%; transform: translateY(-50%); right: 0; align-items: center; gap: 30px; position: absolute; z-index: 3;}
.fc-prev::after, .fc-next::after { display: none; }
.fc-prev, .fc-next { width: 8px; height: 13px; position: relative; top: auto; margin-top: 0; background-repeat: no-repeat; background-position: center; background-size: contain;}
.fc-prev { background-image: url(../images/sub/sub1-3-prev.png); }
.fc-next { background-image: url(../images/sub/sub1-3-next.png); }
.fc-pagination { position: relative; font-size: 16px; font-weight: 500; color: #222; width: auto; top: auto; bottom: auto;}
.fc-progress { position: relative; width: 100%; height: 4px; background: #ddd; border-radius: 2px;margin-top: 70px; }
.fc-progress .swiper-pagination-progressbar-fill { background: #1f3a21; }

/* 주차안내 */
.pk-img { display: flex; justify-content: space-between; margin-top: 35px; }
.pk-img img { border-radius: 8px; }

/* 진료시간 */
.tm-box { background: #1f3a21; padding: 40px 0; border-radius: 8px; color: #fff; display: flex; align-items: center;}
.tm-box .logo { width:25%; text-align: center; }
.tm-box .info {width: 75%; border-left: 1px solid rgba(255,255,255,0.3); padding-left: 60px; }
.tm-box .info ul li { display: flex; margin-bottom: 7px; font-size: 18px;}
.tm-box .info ul li:last-child { margin-bottom: 0; }
.tm-box .info ul li .tit { width: 138px; font-weight: 600; letter-spacing: -.03em; line-height: 1.5em; }
.tm-box .info ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; color: rgba(255,255,255,0.7); }
.tm-tbl-wrap { overflow: auto;}
.tm-tbl { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: 8px 8px 0 0;}
.tm-tbl tr { border-bottom: 1px solid #ddd;}
.tm-tbl tr.bd { border-bottom: 1px solid #999;}
.tm-tbl tr th { background: #1f3a21; line-height: 1em; border-right: 1px solid #ddd; color: #fff; font-weight: 600; font-size: 16px; padding: 16px 10px;}
.tm-tbl tr th:last-child { border-right: none; }
.tm-tbl tr td { padding: 23px 10px; text-align: center; border-right: 1px solid #ddd;}
.tm-tbl tr td.clr { color: #1f3a21; font-weight: 500; }
.tm-tbl tr td:last-child { border-right: none; }
.tm-tbl tr td.photo { position: relative; padding: 0; }
.tm-tbl tr td.photo img { width: 100%; object-fit: cover; height: 100%; }
.tm-tbl tr td.photo .tit { display: flex; position: absolute; left:0; bottom: 10px; line-height: 1.2em; color: #fff; background: #1f3a21; border-radius: 8px; font-size: 16px; font-weight: 500; letter-spacing: -.03em; right: 0; margin: auto; width: 130px; height: 32px; align-items: center; justify-content: center; }
.tm-tbl tr td .open { width: 24px; height: 24px; border-radius: 100%; margin: auto; border: 1px solid #a77719; display: inline-block; position: relative; top: 3px; }
.tm-tbl tr td.holy { color: #a77719; font-weight: 600; background: #f8f8f8;}
.tm-tbl tr td.bd { border-right: 1px solid #ddd;}

/* 오시는길 */
.lct { display: flex; align-items: flex-start; margin-top: 35px; }
.lct .left { width: 58%; }
.lct .right { width: 42%; }
.lct h5 { display: flex; align-items: center; margin-bottom: 28px; line-height: 1em; font-size: 18px; font-weight: 600; color: #1f3a21; letter-spacing: -.03em; gap: 10px; }
.lct h3 { font-size: 24px; font-weight: 600; color: #222; letter-spacing: -.03em; line-height: 1.5em; margin-bottom: 5px; }
.lct .spanbox span { display: inline-block; padding-right: 20px; }
.lct .spanbox span:last-child { padding-right: 0; }
.lct ul li { display: flex; align-items: flex-start; margin-bottom: 20px; }
.lct ul li:last-child { margin-bottom: 0; }
.lct ul li .tit { width: 100px; font-weight: 600; letter-spacing: -.03em; font-size: 16px; color: #222; letter-spacing: -.03em;}
.lct ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; line-height: 1.556em; }
.lct ul li .txt .clr1 { color: #3b5eb8; font-weight: 500;}
.lct ul li .txt .clr2 { color: #ffb600; font-weight: 500; }

/* sub2 공통 */
.sub2-big { background-repeat: no-repeat; background-position: center; background-size: cover; padding: 125px 10px; border-radius: 12px; color: #fff; text-align: center; }
.sub2-big.bg1 { background-image: url(../images/sub/sub2-1-big.jpg); }
.sub2-big.bg2 { background-image: url(../images/sub/sub2-2-big.jpg); }
.sub2-big.bg2-2 { background-image: url(../images/sub/sub2-2-big2.jpg); }
.sub2-big.bg3 { background-image: url(../images/sub/sub2-3-big.jpg); }
.sub2-big.bg3-2 { background-image: url(../images/sub/sub2-3-big2.jpg); }
.sub2-big.bg4-1 { background-image: url(../images/sub/sub4-1-big.jpg);}
.sub2-big.bg4-2 { background-image: url(../images/sub/sub4-2-big.jpg);}
.sub2-big.bg4-3 { background-image: url(../images/sub/sub4-3-big.jpg);}
.sub2-big.bg4-5 { background-image: url(../images/sub/sub4-5-big.jpg);}
.sub2-big.bg4-6 { background-image: url(../images/sub/sub4-6-big.jpg);}
.sub2-big.bg4-7 { background-image: url(../images/sub/sub4-7-big.jpg);}
.sub2-big.bg4-8 { background-image: url(../images/sub/sub4-8-big.jpg);}
.sub2-big .subtit { line-height: 1.666em;}
.sub2-big .clr2 { padding: 0; }
.sub2-fx { display: flex; align-items: center; margin-bottom: 120px; }
.sub2-fx:last-child { margin-bottom: 0; }
.sub2-fx.rv { flex-direction: row-reverse; }
.sub2-fx .left { width: 53%; }
.sub2-fx .left img { border-radius: 12px; }
.sub2-fx .right { width: 47%; padding-left: 30px; }
.sub2-fx .right p { line-height: 2em; }
.sub2-fx.rv .right { padding-right: 20px; padding-left: 0; }

/* 고농도봉침 */
.cct-diagram {text-align: center; margin-top: 60px; }
.cct-list1 { display: flex; flex-wrap: wrap; gap: 20px; }
.cct-list1 li { width: calc(100%/2 - 10px); text-align: center; border-radius: 8px; overflow: hidden;}
.cct-list1 li>img { width: 100%; }
.cct-list1 li .txtbox { padding: 36px 10px 33px; background: #efefef; position: relative; }
.cct-list1 li .tit { font-size: 22px; font-weight: 600; color: #222; line-height: 1.5em; margin-bottom: 8px; }
.cct-list1 li .txtbox .iconbox { width: 60px; height: 60px; background: #fff; border-radius: 100%; display: flex; position: absolute; top: -30px; left: 0; right: 0; margin: auto; align-items: center; justify-content: center;  box-shadow: 0 0 13px rgba(31, 58, 33, 0.58);}
.cct-list1.list2 li { background: #efefef; text-align: left; padding: 40px; }
.cct-list1.list2 li .tit { margin: 16px 0 8px;}
.cct-list1.list2 li .icon {width: auto;}

/* 사암침법 */
.ap-list { display: flex; flex-wrap: wrap; gap: 30px;}
.ap-list li { width: calc(100%/3 - 20px); border-radius: 8px; overflow: hidden; }
.ap-list li img { width: 100%; }
.ap-list li .txtbox { padding: 35px 40px; background: #1f3a21; position: relative; color: #fff; min-height: 290px;}
.ap-list li .txtbox .num { font-size: 30px; font-weight: 700; letter-spacing: -.03em; line-height: 1em;  font-family: 'notoserifKR'; color: rgba(255,255,255,0.15);}
.ap-list li .tit { font-size: 22px; font-weight: 600; line-height: 1.5em; margin: 30px 0 10px;}
.ap-list li .txt { color: rgba(255,255,255,0.7);}
.ap-list2 { display: flex; flex-wrap: wrap; gap: 50px 0; justify-content: center;}
.ap-list2 li { width: calc(100%/3); text-align: center; }
.ap-list2 li .tit { font-size: 22px; font-weight: 600; line-height: 1.5em; margin: 25px 0 8px; color: #222; }

/* 방약합편 */
.md { background: url(../images/sub/sub2-3-bg.jpg) center no-repeat; background-size: cover; }
.md .md-fx { display: flex; }
.md .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px; display: flex; flex-direction: column; justify-content: space-between; }
.md .info .group { color: #fff; text-align: left;}
.md .info .group .subtit { text-align: left; margin-bottom: 20px; }
.md .info .group p { line-height: 2em; }
.md .img img { border-radius: 20px; }

/* 주문 인트로 */
.intro-row { display: flex; flex-wrap: wrap; gap: 20px; }
.intro-row .col { width: calc(100%/2 - 10px); border-radius: 8px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.intro-row .col a { padding: 140px 0; display: block; text-align: center; color: #fff; position: relative; transition: .3s;}
.intro-row .col a::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(-135deg, #a77719 20%, rgba(37, 66, 39)); opacity: 0; transition: .3s;}
.intro-row .col.bg1 { background-image: url(../images/sub/sub3-2-list1.jpg);}
.intro-row .col.bg2 { background-image: url(../images/sub/sub3-2-list2.jpg);}
.intro-row .col .subtit { margin-bottom: 25px; position: relative; z-index: 1; }
.intro-row .col .txt { position: relative; z-index: 1;}
.intro-row .col .view { position: absolute; right: 25px; bottom: 20px; line-height: 1em; color: #fff; display: inline-block; font-weight: 600; font-size: 16px; letter-spacing: -.03em; padding-right: 48px; opacity: 0; transition: .3s; z-index: 1; }
.intro-row .col .view::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 35px; height: 7px; background: url(../images/sub/sub3-2-view.png) center no-repeat; background-size: contain;}
.intro-row .col:hover { box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.intro-row .col a:hover::before { opacity: 0.7; }
.intro-row .col a:hover .view { opacity: 1; }

/* 주문 */
.order-noti { background: #f5f5f5; border-radius: 12px; padding: 45px 50px; margin-bottom: 80px; }
.order-noti h4 { font-size: 18px; line-height: 1.4em; letter-spacing: -.03em; margin-bottom: 25px; color: #222; }
.order-noti h4 span { font-weight: 700; }
.order-noti p { margin-bottom: 15px; position: relative; padding-left: 17px; }
.order-noti p:last-child { margin-bottom: 0; }
.order-noti p:before { content: ""; position: absolute; left: 0; top: 11px; width:3px; height: 3px; background: #a77719; border-radius: 100%; }
.order-noti p span { display: block; }
.order-noti p span strong { color: #a77719; font-weight: 600; }
.order-noti p span strong.fw { font-weight: 400; }
.order-form .subtit { margin-bottom: 55px; }
.order-form h4 { font-size: 26px; color: #222; letter-spacing: -.03em; line-height: 1.3em; margin-bottom: 35px; font-weight: 600; }
.order-form .group { margin-bottom: 50px; }
.order-form .group:last-child { margin-bottom: 0; }
.order-form .group .title { display: flex; align-items: center; margin-bottom: 20px; }
.order-form .group .title .num { width: 24px; height: 24px; background: #1f3a21; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; font-weight:700; margin-right: 10px; font-family: 'notoserifKR';}
.order-form .group .title strong { font-size: 18px; font-weight: 600; letter-spacing: -.03em; line-height: 1.5em; color: #222; flex: 1 1 auto; min-width: 0; width: 1%; }
.order-form .group .title .required { color: #a77719;}
.order-form .group .ctt { padding-left: 35px; }
.order-form .group .ctt p { position: relative; top: -10px; margin-bottom: 15px; }
.order-form .group .input { height: 50px; border-radius: 6px; }
.order-form .group .item-fx { display: flex; gap: 10px 40px; flex-wrap: wrap; }
.order-form .group .item-fx.radio { gap: 20px 40px;}
.order-form .group .item-fx .fx { display: inline-flex; align-items: center; gap: 10px; position: relative; margin-top: -6px; }
.order-form .group .item-fx.radio .radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:20px; height:20px; background-color:transparent; border:1px solid #ccc; border-radius: 4px; }
.order-form .group .item-fx.radio .radiobox input:checked + label:before {background:#1f3a21 url("/images/bbs/checkbox.png") 50% 50% no-repeat; border-color:#1f3a21;}
.order-form .group .item-fx.radio .checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:20px; height:20px; background-color:transparent; border:1px solid #ccc; border-radius: 4px; border-radius: 100%;}
.order-form .group .item-fx.radio .checkbox input:checked + label:before {background:#fff url("/images/bbs/radiobox.png") 50% 50% no-repeat; }
.btn-submit { width: 160px; height: 56px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; letter-spacing: -.03em; border-radius: 10px; border: 1px solid #1f3a21; color: #1f3a21; margin: 100px auto 0; cursor: pointer; background:transparent;}

/* 복용법 */
.method-img-wrap { border-radius: 0 80px 0 0; overflow: hidden; margin: 60px 0 40px; display: flex; gap: 20px; }
.method-group { display: flex; padding: 30px; align-items: flex-start; background: #f5eddd; border-radius: 8px; margin-bottom: 20px; }
.method-group:last-child { margin-bottom: 0;} 
.method-group .icon { width: 38px; padding-top: 4px;}
.method-group .info { flex: 1 1 auto; min-width: 0; width: 1%; }
.method-group .info h4 { font-size: 21px; font-weight: 600; line-height: 1.5em; color: #222; letter-spacing: -.03em; margin-bottom: 10px; }

/* sub4 공통 */
.sub4-ct-bg { background: url(../images/sub/sub4-contact-bg.jpg) center no-repeat; background-size: cover; }
.sub4-circle-list { display: flex; gap: 35px; justify-content: center; flex-wrap: wrap; margin-top: 80px; }
.sub4-circle-list li { width: auto; text-align: center; }
.sub4-circle-list li .tit { width: 100px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; line-height: 1em; margin: 20px auto 0; font-weight: 600; letter-spacing: -.03em; color: #1f3a21; background: #e8ebe8; }
.sub4-contact { display: flex; align-items: center; }
.sub4-contact .left { width: 50%; padding-right: 50px; }
.sub4-contact .left img { border-radius: 16px; }
.sub4-contact .right { width: 50%; padding-left: 50px; }
.sub4-contact .right .num { line-height: 1em; font-size: 20px; font-weight: 700; color: #222; letter-spacing: -.03em; margin-bottom: 10px; margin-top: 50px; }
.sub4-contact .right .num.mt { margin-top: 22px; }
.sub4-contact .right .price { font-size: 22px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; color: #a77719; }
.sub4-contact .right .tit { line-height: 1em; margin: 35px 0 15px; font-size: 20px; font-weight: 700; color: #1f3a21; letter-spacing: -.03em;}
.sub4-contact .right .input { height: 50px; border-radius: 6px; margin-bottom: 10px; }
.sub4-contact .right .btn-submit { margin: 0; margin-top: 10px; }

/* 척추인대환 */
.tn3-fx { display: flex; align-items: center;}
.tn3-fx .left { width: 50%; padding-right: 20px; }
.tn3-fx .right { width: 50%; border-radius: 16px; overflow: hidden; }
.tn3-fx.rv { flex-direction: row-reverse; margin-bottom: 20px; }
.tn3-fx.rv:last-child { margin-bottom: 0;}
.tn3-fx.rv .left { padding-right: 0; padding-left: 60px; }

/* 해인양기환 */
.tn4-bg { background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff !important;}
.tn4-bg.bg1 { background-image: url(../images/sub/sub4-4-bg1.jpg);}
.tn4-bg.bg2 { background-image: url(../images/sub/sub4-4-bg2.jpg);}
.tn4-bg.bg3 { background-image: url(../images/sub/sub4-4-bg3.jpg);}
.tn4-point { display: flex; width: 110px; height: 40px; margin: 0 auto 20px; border-radius: 20px; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; font-family: 'notoserifKR'; font-size: 16px; font-weight: 700; letter-spacing: -.03em; background: #a77719;}
.tn4-txt { margin-bottom: 60px; line-height: 1.556em;}
.tn4-txt strong { color: #a77719; font-weight: 700; }
.tn4-list1 { display: flex; justify-content: center; flex-wrap: wrap; gap: 45px 80px; }
.tn4-list1.mt { margin-top: 80px; }
.tn4-list1.jt {justify-content: flex-start;}
.tn4-list1 li { text-align: center; position: relative; width: auto; }
.tn4-list1 li .tit { position: absolute; left: 0; right: 0; margin: auto; color: #fff; line-height: 1em; font-size: 20px; font-weight: 700; top: 50%; transform: translateY(-50%);}
.tn4-list1 li .txtbox { position: absolute; left: 0; right: 0; margin: auto; color: #fff; top: 50%; transform: translateY(-50%); }
.tn4-list1 li .txtbox .title { font-size: 20px; line-height: 1em; font-weight: 700; margin-bottom: 12px; }
.tn4-list2 { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; }
.tn4-list2 li { width: calc(100%/2 - 10px); border-radius: 16px; overflow: hidden;}
.tn4-list2 li img { width: 100%; }
.tn4-list2.flex li { flex: 1;}
.tn4-big { border-radius: 16px; overflow: hidden;}
.tn4-big img { width: 100%; }
.tn4-list3 { display: flex; justify-content: center; flex-wrap: wrap; gap: 25px; }
.tn4-list3 li { text-align: center; position: relative; width: calc(100%/5 - 20px); border-radius: 16px; overflow: hidden;}
.tn4-list3 li .tit { position: absolute; left: 0; right: 0; margin: auto; color: #fff; line-height: 1.5em; font-size: 20px; font-weight: 700; top: 50%; transform: translateY(-50%);}
.tn4-list4 { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px 24px; }
.tn4-list4 li { text-align: center; position: relative; width: calc(100%/4 - 18px); border-radius: 16px; background: #f5eddd; padding: 25px 10px;}
.tn4-list4 li .tit { font-size: 20px; font-weight: 700; line-height: 1.5em; color: #222; letter-spacing: -.03em; margin-top: 10px; }

/* 속편환 */
.tn5-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 50px 30px; }
.tn5-list li { text-align: center; width: calc(100%/3 - 20px);}  
.tn5-list li img { width: 100%; border-radius: 16px; }
.tn5-list li .tit { margin: 23px 0 10px; font-size: 20px; font-weight: 700; line-height: 1em; color: #222; letter-spacing: -.03em; }
.tn5-list.wt { gap: 45px 28px;}
.tn5-list.wt li { width: calc(100%/4 - 21px); }
.tn8 { background: url(../images/sub/sub4-8-bg.jpg) center no-repeat; background-size: cover; color: #fff; }
.tn8 .subtit { color: #fff; }