:root {
    --color-black: #000;
    --color-white: #fff;
    --color-point01: #4C00FF;
    --color-point02: #0ABCFF;
    --color-point03: #55ADFF;
    --color-point04: #FF0ACE;
    --bg-color01: #E4D8FF;
}
#hd_pop { display: none;}

/* 구독서비스 헤더 스타일 */
.header { box-shadow: none; background: transparent; transition: 0s; z-index: 9999;} 
.header .logo img { filter: invert(1); } 
.header .nav li a { color: #fff; } 
.header .menu_btn .bar { background-color: #fff; } 
.header:hover,
.header.on { background: #fff; } 
.header:hover .logo img,
.header.on .logo img { filter: invert(0); } 
.header:hover .nav li a,
.header.on .nav li a { color: #000; } 
.header:hover .menu_btn .bar,
.header.on .menu_btn .bar { background-color: #000; } 

.menu_box { z-index:10000;}

/* 구독서비스 공통영역 */
.subscription_wrap { color:var(--color-black); line-height:1.4; letter-spacing: 0;} 
section {overflow:hidden; padding:180px 0;}
.subscription_wrap .inner { padding:0; margin: 0 auto;}
.subscription_wrap .pc { display: block;}
.subscription_wrap .mob { display: none;}
.subscription_wrap em { font-style: normal;}
.subscription_wrap .tit_wrap {text-align: center;}
.subscription_wrap .tit_wrap.flex { display: flex; align-items: center; justify-content: space-between; text-align: left;}
.subscription_wrap .tit_wrap > span {display: block; font-size: clamp(20px,1.5625vw,30px); font-weight: 700;}
.subscription_wrap .tit_wrap > p {margin-top: 24px; font-size: clamp(24px,2.6042vw,50px); font-weight: 700;}
.subscription_wrap .tit_wrap > em {display: block; margin-top: 24px; font-size: clamp(14px,1.25vw, 24px);}

.link_type01 { display: inline-flex; align-items: center; justify-content: center; width: clamp(175px ,15.625vw, 300px); height: clamp(44px ,3.125vw, 60px); background-color: var(--color-white); border-radius: 999px;}
.link_type01 span { padding-right: 30px; background:url(../img/subscription/arrow01.svg) right center no-repeat; font-size: clamp(14px, 1.0417vw, 20px); font-weight:700;}

.scroll_wrap {overflow: auto;}
.section06 .tab_menu::-webkit-scrollbar,
.scroll_wrap::-webkit-scrollbar {width: 4px; height:4px;}
.scroll_wrap::-webkit-scrollbar-track {background: transparent;}
.scroll_wrap::-webkit-scrollbar-thumb {background: var(--color-point01);border-radius: 999px;}
.scroll_wrap::-webkit-scrollbar-thumb:hover {background: #ddd;}

.section06 .tab_menu::-webkit-scrollbar-thumb {background: transparent;}
.section06 .tab_menu::-webkit-scrollbar-thumb:hover {background: transparent;}

.modal_type01 { display: none; justify-content: center; align-items: center; position:fixed; left:0; right:0; top:0; bottom:0; z-index: 99999; background-color: rgba(0,0,0,.5);}
.modal_type01 .modal_con { overflow: hidden; position: relative; padding:80px 20px 20px; border-radius: 20px; max-width: 90vw; max-height: 90vh; background:#fff;}
.modal_type01 .btn_close { position: absolute; right:16px; top:16px; border:0; background:transparent; width:50px;}
.modal_type01 .btn_close img { width: 100%; transform: rotate(45deg);}
.modal_type01 .modal_con .scroll_wrap { overflow-x: hidden; padding:20px; max-height: calc(90vh - 100px);}

@media all and (max-width:768px){
	.subscription_wrap .pc { display: none;}
    .subscription_wrap .mob { display: block;}

    .modal_type01 .modal_con { padding:40px 16px 16px;}
    .modal_type01 .modal_con .scroll_wrap { padding:0; padding-right:8px;}
    .modal_type01 .btn_close { width:35px; right:8px; top:8px;}
}

@media all and (max-aspect-ratio: 17/10){}

/* animation - keyframe */
@keyframes dungdung {
    0%   { transform: translateY(0) scale(1); }
    50%  { transform: translateY(-8px) scale(1.005); }
    100% { transform: translateY(0) scale(1); }
}

/* section01 */
.section01 { display: flex; align-items: center; justify-content: center; position: relative; padding: 200px 0 5.7292vw; min-height:100dvh; box-sizing: border-box;} 
.section01 .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/subscription/sec01_bg.jpg) center no-repeat; background-size: cover;} 
.section01 .vis { position: relative; z-index: 2; text-align: center; } 
.section01 .vis .txt_wrap { margin-bottom: clamp(40px, 4.1667vw ,80px);} 
.section01 .vis .txt_wrap strong {overflow: hidden; font-size:clamp(34px,3.854vw, 74px); font-weight:700; line-height:1.4;}
.section01 .vis .txt_wrap strong.pc { display: inline-block;}
.section01 .vis .txt_wrap strong.mob { display: none;}
.section01 .vis .txt_wrap strong em { color:var(--color-point01);}
.section01 .vis .txt_wrap p {overflow: hidden; margin-top: clamp(12px, 1.5625vw, 30px); font-size: clamp(14px,1.25vw, 24px);}
.section01 .vis .txt_wrap .link_type01 {margin-top: clamp(40px, 3.125vw ,60px);}
.section01 .vis .txt_wrap p span,
.section01 .vis .txt_wrap strong span {display: inline-block; transform: translateY(100%); transition:.6s;}
.section01 .vis .txt_wrap strong:nth-of-type(2) span {transition-delay: 0.2s;}
.section01 .vis .txt_wrap p span{transition-delay: 0.4s;}
.section01 .floating_text{ display:flex; justify-content: center; position:absolute; padding:20px 0; min-width:327px; background-color: rgba(0,0,0,.4); border-radius: 10px; color:var(--color-white); text-align: left;}
.section01 .floating_text.left { right:85%; top:40%; transition-delay: 1.6s;  animation: dungdung 2s ease-in-out infinite;}
.section01 .floating_text.right {left:90%; top:27%; transition-delay: 1.6s;  animation: dungdung 2.2s ease-in-out infinite;}
.section01 .floating_text .txt { position:relative; padding-left: 28px; font-size:clamp(14px,1.25vw, 20px); line-height:1.5;}
.section01 .floating_text strong::before {content:''; position: absolute; left:0; top:6px; width:16px; height:16px; border-radius: 50%; background-color:var(--color-point03);}
.section01 .floating_text.left,
.section01 .floating_text.right { opacity:1; transform: none; transform: translateY(100px); opacity: 0; transition-duration:.6s;}
.section01 .item_list { display: flex; } 
.section01 .item_list .item { display: flex; align-items: flex-end; justify-content: center; position:relative; padding:38px; width:355px; height:355px; border-radius: 28px; border: 3px solid #FFF; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); opacity:0; transition:.6s;}
.section01 .item_list .item picture img { position:absolute; left:50%; top:0; transform: translateX(-50%);}
.section01 .item_list .item:nth-of-type(1) {transform: rotate(-7.19deg) scale(0); transition-delay: 1s;}
.section01 .item_list .item:nth-of-type(2) {z-index: 2; transform: scale(0); transition-delay: 1.1s;}
.section01 .item_list .item:nth-of-type(3) {transform: rotate(7.19deg) scale(0); transition-delay: 1.2s;}
.section01 .item_list .item:nth-of-type(3) picture img { top:5%;}
.section01 .item_list .item p { font-size: clamp(14px,1.25vw, 24px); font-weight: 600;}
.open .section01 .floating_text.left,
.open .section01 .floating_text.right { opacity:1; transform: none;}
.open .section01 .vis .txt_wrap p span,
.open .section01 .vis .txt_wrap strong span { transform: none;}
.open .section01 .item_list .item:nth-of-type(1) {transform: rotate(-7.19deg) scale(1); opacity:1;}
.open .section01 .item_list .item:nth-of-type(2) {transform: scale(1); opacity:1;}
.open .section01 .item_list .item:nth-of-type(3) {transform: rotate(7.19deg) scale(1); opacity:1;}

/* section02 */
.section02 { display: flex; justify-content: center; align-items: center; padding:220px 0 135px; background: linear-gradient(113deg, #F3EEFF 38.03%, #FEFEFF 60.1%);}
.section02 .ico_wrap {display: flex; position:relative;}
.section02 .ico {position:relative;}
.section02 .ico img { width: auto;}
.section02 .ico01 {top:-80px; left:10%; animation: dungdung 1.5s ease-in-out infinite;}
.section02 .ico02 {z-index: 2;  animation: dungdung 2.2s ease-in-out infinite;}
.section02 .ico03 { left:-13.5%;}
.section02 .txt_wrap .tag_box { display: flex; align-items: stretch; gap:0 13px;}
.section02 .txt_wrap .tag_box span { display: inline-flex; align-items: center; gap:0 13px; padding:0 32px; height:60px; border-radius: 10px; background-color: var(--color-black); font-size: clamp(16px,1.5625vw, 30px); color:#fff; font-weight: 600;}
.section02 .txt_wrap .tag_box span em { display: block; width:16px; height:16px; border-radius: 50%;}
.section02 .txt_wrap .tag_box .color01 em { background-color: #7749E2;}
.section02 .txt_wrap .tag_box .color02 em { background-color: #0a7cff;}
.section02 .txt_wrap p {overflow: hidden; margin-top: 30px; font-size:clamp(24px, 2.6042vw, 50px); font-weight: 700; line-height: 1.4;}
.section02 .txt_wrap p span { display: inline-block;}

/* section03 */
.section03 { overflow: hidden; display: flex; justify-content: center; padding: 180px 0; background: url(https://hothaan.co.kr/html/img/subscription/sec03_bg.jpg)
 center bottom no-repeat; background-size: cover; } 
.section03 .txt_wrap { text-align: center; } 
.section03 .tit_wrap span { color: var(--color-point02); } 
.section03 .tit_wrap p { color: var(--color-white); } 
.section03 .card_swiper { position: relative; } 
.section03 .sd { margin-top: 160px; } 
.section03 .card_list { position: relative; max-width: 1420px; } 
.section03 .card_list li { display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 0 50px; height: 303px; border-radius: 20px; box-shadow: 0 3px 18.5px 0 rgba(0, 0, 0, 0.23); color: var(--color-white); } 
.section03 .card_list li.black { color: var(--color-black); } 
.section03 .card_list li.card1 { background: linear-gradient(232deg, #e9fffd -9.61%, #1b91ff 59.18%); } 
.section03 .card_list li.card2 { background: linear-gradient(115deg,#78f6ff -11.31%,#405dbe 30.09%,#656ac3 80.49%); } 
.section03 .card_list li.card3 { background: linear-gradient(248deg, #3499fa -14.89%, #fff 74.61%); } 
.section03 .card_list li.card4 { background: linear-gradient(122deg,#7cb5ff 12.48%,#d5f3ff 39.3%,#d5f3ff 63.95%,#9ed3ff 87.87%); } 
.section03 .card_list li.card5 { background: linear-gradient(269deg, #6a88ea -3.14%, #222230 42.74%); } 
.section03 .card_list li.card6 { background: linear-gradient(232deg, #90d3ff -9.61%, #1b3265 59.18%); } 
.section03 .card_list li em { position: absolute; right: 50px; bottom: 40px; font-size: clamp(40px, 4.8438vw, 93px); font-weight: 800; line-height: 1; } 
.section03 .card_list li strong { font-size: clamp(16px, 1.4063vw, 27px); } 
.section03 .card_list li p { font-size: clamp(14px, 0.9375vw, 18px); } 
.section03 .sec03_btn_prev,
.section03 .sec03_btn_next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; } 
.section03 .sec03_btn_prev { left: -160px; } 
.section03 .sec03_btn_next { right: -160px; } 
.section03 .card_swiper .sec03_progressbar {display: none; position: absolute; width: calc(100% - 40px); left: 50%; transform: translateX(-50%); top: auto; bottom: -30px; } 
.section03 .card_swiper .sec03_progressbar .swiper-pagination-progressbar-fill { background: var(--color-white); } 

/* section04 */
.section04 { background: #F8F8F8;}
.section04 .inner { max-width: 1180px;}
.section04 .tit_wrap {text-align: left; line-height:1;}
.section04 .tit_wrap span {color:var(--color-point01);}
.section04 .list { display: flex; flex-wrap:wrap; justify-content: center; align-items: stretch; gap:20px; padding-top: 180px;}
.section04 .list li { position: relative; padding-top: 144px; width: 380px; height:380px; border-radius: 30px; border: 1px solid #E2E2E2;background: #FFF; text-align: center;}
.section04 .list li picture { position: absolute; top:-100px; left:50%; transform: translateX(-50%);}
.section04 .list li .txt {font-size: clamp(18px, 1.0417vw, 20px);}
.section04 .list li .txt p { margin-bottom: 34px; line-height:1.5;}
.section04 .list li .txt span { display: inline-flex; align-items: center; padding:0 35px; height:50px; border-radius: 26px;
    background: #7134FF; color:var(--color-white); font-weight:500;}

/* section05 */
.section05 {overflow: hidden; padding:0; position:relative; height:100dvh; background: url(../img/subscription/sec05_bg01.jpg) center no-repeat; background-size: cover;}
.section05 .bg { position: absolute; left:0; right:0; top:0; bottom:0; z-index:2;}
.section05 .bg .dim { opacity:0; position: absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.15); transition: opacity .5s;}
.section05 .bg img {opacity:0; position: absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; object-fit: cover; object-position: center; transition:opacity .5s;}
.section05 .tit_wrap { position:absolute; left:50%; top:180px; z-index: 10; transform: translateX(-50%); line-height:1;}
.section05 .tit_wrap span {color:#0A7CFF;}
.section05 .tit_wrap p {color:var(--color-white);}
.section05 .list { display: flex; width:100%; height:100%; position:relative; z-index: 3;}
.section05 .list li {flex:1; position:relative; text-align: center;}
.section05 .list li ~ li::before {content:''; position:absolute; left:0; top:0; width:1px; height:0; background-color:rgba(255, 255, 255, 0.30); transition:.6s;}
.section05 .list li.active::before { height:100%;}
.section05 .list li:nth-of-type(2):before {transition-delay: 0.2s;}
.section05 .list li:nth-of-type(3):before {transition-delay: 0.4s;}
.section05 .list li:nth-of-type(4):before {transition-delay: 0.6s;}
.section05 .list li a { display: flex; flex-direction: column; align-items: center; justify-content: center; width:100%; height:100%; color:var(--color-white);}
.section05 .list li:hover {background:rgba(0, 0, 0, 0.30);}
.section05 .list li a strong {display:block; font-size: clamp(18px, 1.5625vw, 30px); transform: translateY(50%); transition:.6s;}
.section05 .list li:nth-of-type(2) a strong {transform: translateY(80%);}
.section05 .list li:hover a strong {font-size: clamp(18px, 1.8229vw, 35px); transform: none;}
.section05 .list li a p { opacity:0; transform: translateY(20%); margin-top: 30px; font-size: clamp(13px, 0.9375vw, 18px); transition:.6s .3s;}
.section05 .list li:hover a p { opacity: 1; transform: none;}

/* section06 */
.section06 {min-height:150dvh; background: linear-gradient(45deg, #7E47FF 50%, #4070F1 100%);}
.section06 .tit_wrap {line-height:1;}
.section06 .tit_wrap span {color:var(--color-point02);}
.section06 .tit_wrap p {color:var(--color-white);}
.section06 .tab_menu { display: flex; justify-content: center; align-items: center; gap:0 20px; padding:40px 0;}
.section06 .tab_menu li { display: inline-flex; align-items: center; padding:0 50px; height:60px; border-radius: 39px; border: 1px solid var(--color-white); color:var(--color-white); font-size: clamp(14px, 1.0417vw, 20px); font-weight: 700; cursor: pointer;}
.section06 .tab_menu li.active { background-color:var(--color-point02); border-color: var(--color-point02);}
.section06 .tab_container .tab_con {text-align: center;}
.section06 .tab_container .tab_con:not(:nth-of-type(1)) { display: none;}
.section06 .tab_container .tab_con ul {display: flex; flex-wrap:wrap;}
.section06 .tab_container .tab_con ul li {position:relative; width:calc((100% - 40px)/3); opacity:0; transform: translateY(30px);}
.section06 .tab_container .tab_con:nth-of-type(odd) ul { gap:40px 20px;}
.section06 .tab_container .tab_con:nth-of-type(even) ul { gap:20px;}
.section06 .tab_container .tab_con:nth-of-type(3) ul li { width:calc(50% - 10px);}
.section06 .tab_container .tab_con ul li .img { width:100%; transition:.5s;}
.section06 .tab_container .tab_con ul li p { margin-top: 14px; font-size:clamp(14px, 1.25vw ,24px); color:var(--color-white); font-weight: 700; text-align: left; transition:.5s;}
.section06 .tab_container .tab_con ul li:hover .img { transform: translateY(-10px);}
.section06 .tab_container .tab_con ul li:hover p { transform: translateY(-10px);}
.section06 .tab_container .tab_con .link_type01 { margin-top:80px;}

/* section07 */
.section07 { background:#04003F url(../img/subscription/sec07_bg.png) center bottom no-repeat; background-size: cover;}
.section07 .tit_wrap {margin-bottom: 100px; line-height:1;}
.section07 .tit_wrap span {color:var(--color-point02);}
.section07 .tit_wrap p {color:var(--color-white); line-height: 1.4;}
.section07 .tit_wrap em {color:var(--color-white);}
.section07 .marquee {overflow: hidden;}
.section07 .margqee_list{display: flex; gap:0 24px; width: max-content;}
.section07 .marquee_progress {display: none;}
.section07 .margqee_list .item {flex-shrink: 0; width:280px; height:267px;}
.section07 .margqee_list .item .top { padding:20px 24px; height:calc(100% - 59px); border-radius: 30px 30px 0 0; background: var(--color-white);}
.section07 .margqee_list .item .top p { font-size:clamp(14px, 0.8333vw,16px); line-height: 1.5; word-break: break-all;}
.section07 .margqee_list .item .bot { display: flex; justify-content: space-between; align-items: center; padding:0 24px; height:59px; border-radius: 0 0 30px 30px; background:#7134FF; line-height:1; color:var(--color-white);}
.section07 .margqee_list .item .bot strong {font-size:clamp(14px, 0.8333vw,16px);}
.section07 .margqee_list .item .bot span {font-size:clamp(13px, 0.7292vw,14px);}

/* section08 */
.section08 { background:url(../img/subscription/sec08_bg.jpg) center bottom no-repeat; background-size: cover;}
.section08 .inner { max-width: 1195px;}
.section08 .tit_wrap { line-height: 1;}
.section08 .tit_wrap span { color:var(--color-point01);}
.section08 .list { display: flex; flex-wrap:wrap; align-items: stretch; justify-content: center; gap:20px; margin-top: 60px;}
.section08 .list li {display: flex; flex-direction: column; justify-content: space-between; width:calc((100% - 40px)/3); min-height: 439px; padding:40px; border-radius: 30px; background: var(--color-white);}
.section08 .list li .ico { display: flex; justify-content: flex-end;}
.section08 .list li:hover .ico picture {  animation: dungdung 1s ease-in-out infinite;}
.section08 .list li .txt strong {font-size: clamp(20px,1.25vw, 24px);}
.section08 .list li .txt p {margin-top: 12px; font-size: clamp(14px, 1.0417vw, 20px); letter-spacing: -0.4px; line-height:1.5; word-break: break-all;}

/* section09 */
.section09 {background: linear-gradient(170deg, #F3EEFF 47.78%, #FEFEFF 72.39%);}
.section09 .inner { max-width: 1600px;}
.section09 .tit_wrap {margin-bottom: 60px;}
.section09 .tit_wrap .tag {display: inline-flex; align-items: center; gap:0 20px; margin-top: 0; padding:20px 30px; border-radius: 10px; background: var(--bg-color01);}
.section09 .tit_wrap .tag::before { content: ''; display: block; width:20px; height: 20px; border-radius: 50%; background-color: var(--color-point01);}
.section09 .list { display: flex; flex-wrap: wrap; gap:20px; padding:50px; border-radius: 30px; background: var(--color-white); box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.12);}
.section09 .list li { overflow: hidden; position: relative; width: calc((100% - 40px)/3); border-radius: 24px;}
.section09 .list li .txt { position: absolute; left:0; right:0; top:0; bottom:0; z-index: 2; color:var(--color-white); transition: .6s;}
.section09 .list li .txt::after { content:''; position:absolute; left:0; right:0; bottom:0; inset: 0;  z-index: -1; /*background: linear-gradient(180deg, rgba(17, 17, 17, 0.00) 0%, #111 100%);*/background: linear-gradient(180deg, rgba(17, 17, 17, 0.00) 0%, rgba(17, 17, 17, 0.00) 50%, rgba(17, 17, 17, 0.70) 70%, #111 100%);}
.section09 .list li:hover .txt { justify-content: center; height:100%; backdrop-filter: blur(10px); -webkit-backdrop-filter:blur(10px); background: rgba(0, 0, 0, 0.50);}
.section09 .list li img { transition: .5s;}
.section09 .list li:hover img { transform: scale(1.05);}
.section09 .list li:hover .txt::after { opacity: 0;}
.section09 .list li .txt p { display:inline-flex; flex-wrap:wrap; gap:3px 12px; align-items:baseline; position: absolute; left:40px; bottom:50px; width: max-content; font-size: clamp(12px, 1.5625vw,30px); transition: .5s;}
.section09 .list li .txt p span { font-size:clamp(11px,1.0417vw,20px);}
.section09 .list li:hover .txt p { left:50%; bottom:50%; transform: translate(-50%, 50%);}

/* section10 */
.section10 {background: linear-gradient(113deg, #8455FF 35.13%, #3872EF 102.57%);}
.section10 .inner{ max-width: 1780px;}
.section10 .tit_wrap {position:relative; z-index: 5;}
.section10 .tit_wrap p { color:var(--color-white);}
.section10 .tit_wrap p b { display: inline; color: #1BC1FF; font-weight: 700;}
.section10 .tit_wrap .tooltip { position:absolute; right: 21%; top:25%; z-index: 10; animation: dungdung 1.5s ease-in-out infinite; padding:30px 39px 60px; min-width:424px; background:url(../img/subscription/tooltip_bg.png) center no-repeat; background-size: 100%; text-align: center;}
.section10 .tit_wrap .tooltip p {font-size: clamp(14px,1.25vw, 24px); color:var(--color-black); font-weight: 400; line-height:34px;}
.section10 .tit_wrap .tooltip p strong {color: var(--color-point01);}
.section10 .list { display: flex; align-items: center; gap:20px; margin-top: 30px;}
.section10 .list > li { flex:1; height:802px; border-radius: 20px; background: #F5F5F5; border: 2px solid transparent; text-align: center; transition:transform .3s;}
.section10 .list li a { display: block; padding:60px 28px; height:100%;}
.section10 .list li .ico { height:80px;}
.section10 .list li .ico img { height: 100%;}
.section10 .list li .top { margin-top: 30px;}
.section10 .list li .bot { margin-top: 30px;}
.section10 .list li .top span { font-size: clamp(24px,1.7708vw,34px); font-weight: 700; line-height:1.3;}
.section10 .list li .top strong { display: block; margin-top: 10px; font-size:clamp(32px,2.8125vw,54px); color:var(--color-point01); line-height: 1;}
.section10 .list li .bot p { font-size: clamp(16px, 1.0417vw, 20px); text-align: left; line-height: 1.5; letter-spacing: -0.2px;} 
.section10 .list li .bot p span { display: block;} 
.section10 .list li .bot p span b { display: inline; font-weight: 700;} 
.section10 .list li .bot p span em {font-weight: 500;}
.section10 .list li .bot p .color01 { color: var(--color-point04);}
.section10 .list li .bot p .color02 { color: var(--color-point01);}
.section10 .hash_tag { display: flex; flex-wrap: wrap; gap:8px; margin-top: 20px;}
.section10 .hash_tag li { padding:0 10px; border-radius: 100px; border: 1px solid #6B21FF; font-size: clamp(12px,0.8333vw,16px); color:#6B21FF; font-weight: 500; line-height:36px; box-sizing: border-box;}
.section10 .hash_tag.blue li { color:#214DFF; border-color:#214DFF;}
.section10 .list li:last-child .hash_tag li { padding:0 9px;}
.section10 .list > li:hover { transform:scale(1.03); background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #1A00FF 0%, #FF0ACE 54%) border-box;}
.section10 .list > li:hover .ico { animation: dungdung .8s ease-in-out infinite;}

/* section11 */
.section11 {background: url("../img/subscription/sec11_bg.png") lightgray -274.199px 0px / 147.72% 123.93% no-repeat;}
.section11 .inner { max-width: 1200px;}
.section11 .tit_wrap p { margin-top: 0; margin-bottom: 24px;}
.section11 .tit_wrap > span { font-weight:500;}
.section11 .scroll_wrap { display: flex; justify-content: center; overflow-x: auto; width:100%; margin-top: 60px;}
.section11 .scroll_wrap .img { min-width: 600px; width: max-content;}

/* section12 */
.section12 { background: url(../img/subscription/sec12_bg.jpg) center no-repeat; background-size: cover;}
.section12 .inner { max-width: 1600px;}
.section12 .tit_wrap {margin-bottom: 60px; line-height: 1;}
.section12 .tit_wrap span { color:var(--color-point02);}
.section12 .list { display: flex; align-items: stretch; gap:20px;}
.section12 .list li { flex:1; padding:40px; border-radius: 30px; background: var(--color-white); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.07); text-align: right;}
.section12 .list li .ico { display: inline-flex; align-items: center; justify-content: center; width: 120px; height: 120px; border-radius: 20px; background: #D9E1FF;}
.section12 .list li .txt { padding-top: 60px; text-align: left;}
.section12 .list li .txt strong { font-size: clamp(20px, 1.5625vw, 30px); color:#0A99FF; line-height: 1;}
.section12 .list li .txt p {margin-top: 20px; font-size: clamp(14px, 1.0417vw, 20px); line-height:1.3; word-break: break-all;}
.section12 .list li:hover .ico img { animation: dungdung .5s ease-in-out infinite;}

/* section13 */
.section13 { background: rgba(248, 248, 248, 0.97);}
.section13 .inner {max-width: 1500px; position:relative; display: flex;}
.section13 .tit_wrap { position: relative; z-index: 101; min-width: 500px; text-align: left; line-height: 1.4;}
.section13 .tit_wrap p { margin-top:0;}
.section13 .tit_wrap > span {margin-top:24px; font-weight: 400;}
.section13 .down_pdf { display: inline-flex; align-items: center; margin-top: 80px; padding:0 34px; height:64px; border-radius: 45px; background: #111;}
.section13 .down_pdf span { padding-right: 26px; font-size: clamp(14px, 1.0417vw, 20px); color:var(--color-white); font-weight: 700; background:url(../img/subscription/ico_download.svg) right center no-repeat;}
.section13 .swiper_wrap { position:relative;}
.section13 .swiper_wrap::before { content:''; position:absolute; left:-100%; top:0; bottom:0; width:100%; z-index: 100; background:#f8f8f8;}
.section13 .swiper_inner { overflow: hidden;}
.section13 .swiper_wrap .sd { overflow: visible;}
.section13 .swiper-slide { position:relative; max-width: 800px;}
.section13 .swiper-slide::after { content: ''; position: absolute; left:0; right:0; top:0; bottom:0; background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.15) 40%, rgba(255,255,255,0.35) 60%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,1) 100%);}
.section13 .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{ position:static; margin-top:30px; height:3px; background:#BABABA;}
.section13 .swiper-scrollbar-drag { background:var(--color-point01);}
.section13 .btn_pdf { display: flex; align-items: center; margin-top: 70px; padding:0 30px; width:100%; height: 107px; border-radius: 20px; border: 2px solid var(--color-point01); background: var(--color-white);}
.section13 .btn_pdf span { padding-left: 55px; background: url(../img/subscription/ico_plus.svg) left center no-repeat; font-size:clamp(16px, 1.5625vw, 30px); color:var(--color-point01); font-weight: 700;}

/* section14 */
.section14 {background: url("../img/subscription/sec14_bg.png") lightgray 50% / cover no-repeat;}
.section14 .tit_wrap p { color:var(--color-white);}
.section14 .tit_wrap .tag {display: inline-flex; align-items: center; gap:0 20px; margin-top: 0; padding:20px 30px; border-radius: 10px; background: var(--bg-color01);}
.section14 .tit_wrap .tag::before { content: ''; display: block; width:20px; height: 20px; border-radius: 50%; background-color: var(--color-point01);}
.section14 .list {margin-top: 60px;}
.section14 .list li {color:var(--color-white); border-bottom: 1px solid #DDD;}
.section14 .list li .tit { display: flex; align-items: center; gap: 0 34px; padding:40px; font-size: clamp(18px, 1.5625vw, 30px); font-weight: 700; background:url(../img/subscription/arrow_down01.svg) right 40px center no-repeat; transition:.3s; cursor: pointer;}
.section14 .list li .tit p { max-width:80%;}
.section14 .list li .tit.active { border-radius: 20px; background-color: var(--color-white); color:var(--color-black); background-image: url(../img/subscription/arrow_up01.svg);}
.section14 .list li .tit.active .en { color:#590BFF;}
.section14 .list li .txt { display: none; position:relative; padding:34px 40px; font-size: clamp(14px, 1.0417vw, 20px);}
.section14 .list li .txt .en { position: absolute; left:40px; top:34px; font-size: clamp(18px, 1.5625vw, 30px); font-weight: 700;}
.section14 .list li .txt .an { padding-left: 64px; max-width: 90%; line-height:1.6;}

/* section15 */
.section15 { background: url(../img/subscription/sec15_bg.jpg) center no-repeat; background-size: cover;}
.section15 .inner { max-width: 1200px;}
.section15 .tit_wrap {line-height: 1;}
.section15 .tit_wrap span,
.section15 .tit_wrap p { color: var(--color-white);}
.section15 .list { display: flex; flex-direction: column; gap:20px; margin-top: 60px;}
.section15 .list li { display: flex; align-items: center; justify-content: space-between; padding:80px; border-radius: 20px; background: rgba(64, 64, 64, 0.30); backdrop-filter: blur(25px); -webkit-backdrop-filter:blur(25px); color:var(--color-white);}
.section15 .list li .ico { display: flex; justify-content: center; width:180px;}
.section15 .list li .txt { width:calc(100% - 282px);}
.section15 .list li strong {font-size: clamp(20px, 1.5625vw, 30px); font-weight: 700;}
.section15 .list li p { margin-top: 24px; font-size: clamp(14px, 1.0417vw, 20px);}

/* section16 */
.section16 { background: url(../img/subscription/sec16_bg.jpg) center no-repeat; background-size: cover;}
.section16 .tit_wrap {position: relative; text-align: left; line-height: 1;}
.section16 .tit_wrap > span {color:var(--color-point01);}
.section16 .tit_wrap .link_type01 { position:absolute; right:0; bottom:0;}
.section16 .txt_wrap { display: flex; align-items: center; justify-content: space-between; padding:0 147px; height:447px; margin-top: 60px; border-radius: 20px; background: rgba(56, 31, 114, 0.12); backdrop-filter: blur(35px); -webkit-backdrop-filter:blur(35px);}
.section16 .txt_wrap .link { display: flex; flex-direction: column; gap:26px;}
.section16 .txt_wrap .link li { position: relative;}
.section16 .txt_wrap .link li em { position: absolute; left:-20px; top:-20px; display: flex; align-items: center; justify-content: center; width:40px; height:40px; border-radius: 50%; font-size:clamp(24px,1.5104vw,29px); color:var(--color-white); font-weight: 700; line-height: 1;}
.section16 .txt_wrap .link li:nth-of-type(1) em { background-color: #FF0089;}
.section16 .txt_wrap .link li:nth-of-type(2) em { background:var(--color-point01) url(../img/subscription/ico_mail.svg) center no-repeat;}
.section16 .txt_wrap .link li a { display: inline-flex; justify-content: center; align-items: center; width:200px; height:50px; border-radius: 39px; border:1px solid var(--color-white); font-size: clamp(15px, 1.0417vw, 20px); font-weight: 700;}
.section16 .txt_wrap .link li:nth-of-type(1) a { background:var(--color-white); color:var(--color-black);}
.section16 .txt_wrap .link li:nth-of-type(2) a { color:var(--color-white);}
.section16 .txt_wrap .link li p {margin-top: 8px; font-size:clamp(14px,0.8333vw,16px); color:var(--color-white); font-weight: 500; text-align: center;}
.section16 .txt_wrap .txt { text-align: right; color:var(--color-white);}
.section16 .txt_wrap .txt strong { font-size: clamp(20px,2.6042vw,50px);}
.section16 .txt_wrap .txt p {margin-top: 30px; font-size: clamp(14px,1.0417vw,20px);}

@media (max-width: 1760px){
    .section03 .sec03_btn_prev { left: -80px; } 
    .section03 .sec03_btn_next { right: -80px; } 
}

@media (max-width: 1600px){
 .subscription_wrap section > .inner { padding: 0 40px; max-width: 100%; } 
 .section03 .card_list {max-width: 1200px;}
 }

@media (max-width: 1500px){
 .section01 .floating_text.left { top: 35%; } 
 .section01 .floating_text.right { left: 80%; } 
 .section03 .card_list {max-width: 1100px;} 
 }
@media (max-width: 1300px){
    .subscription_wrap section > .inner {padding:0 20px; max-width: 100%;}
    .section01 .item_list .item {width:285px; height:285px;}
    .section01 .floating_text {min-width: 250px;}
    .section01 .floating_text.left { top: 38%; left:-10%; right: auto;}
    .section02 .ico_wrap  {max-width: 60%;}
	.section03 .sd { margin-top: 80px; }
    .section04 .list li {padding-top: 114px; width: auto; height: 350px; flex: 1;}
    .section08 .list li {min-height: 400px;}
    .section10 .list { flex-wrap: wrap; align-items: stretch; height:auto;}
    .section10 .list > li { width:calc(50% - 10px); flex:none; height:auto;}
    .section10 .list li a { padding:40px 15px;}
    .section10 .tit_wrap .tooltip { min-width: 354px; padding:40px 35px 60px; }
    .section10 .tit_wrap .tooltip p { line-height:1.4;}
    .section12 .list {gap:20px; flex-wrap: wrap;}
    .section12 .list li { width:calc(50% - 10px); flex:none;}
    .section12 .list li .txt { padding-top: 40px;}
    .section13 .tit_wrap { min-width: 380px;}
    .section13 .btn_pdf { height: 48px;}
}
 @media (max-width: 1200px){
    .section03 .card_list {max-width: 860px;}
 }
@media (max-width: 1024px){
    section {padding:120px 0;}
    .subscription_wrap .tit_wrap.flex { flex-direction: column; gap:40px;}

    .section01 .vis {padding-top: 120px;}
    .section01 .floating_text {min-width: auto; width:max-content; padding:10px 20px; height: auto;}
    .section01 .floating_text.left { top: 0; left:50%; transform: translate(-50%, 30px); transition-delay: 0s; animation:none;}
    .section01 .floating_text.right { top:50px; left:50%; transform: translate(-50%, 30px); transition-delay: 0.2s;  animation:none;}
    .section01 .floating_text .txt { display: flex; align-items: center; gap:0 4px; padding-left: 23px;}
    .section01 .floating_text strong::before { width:10px; height:10px;}
    .section01 .vis .txt_wrap .link_type01 { margin-top: 20px;}
    .section01 .item_list .item { width:235px; height:235px;}
    .section01 .item_list .item picture img { max-width: 80%;}
    .open .section01 .floating_text.left, .open .section01 .floating_text.right { transform: translate(-50%, 0);}

    .section02 { flex-direction: column; gap:40px;}
    .section02 .ico_wrap  {max-width: 90%;}
    .section02 .txt_wrap p {text-align: center;}
    .section02 .txt_wrap .tag_box span { height:40px; padding:0 20px;}
    .section02 .txt_wrap .tag_box .color01 em { width: 10px; height:10px;}

    .section03 { width: 100%; } 
	 .section03 .card_list { max-width: 100%;} 
	 .section03 .sd { overflow: visible;}
	 .section03 .card_list li { width:80vw; min-width:300px; transform: scale(0.95); transition:.5s;}  
	 .section03 .card_list li.swiper-slide-active { transform: scale(1);}
	 .section03 .card_wrap { padding:0 20px; width:100%;}
	 .section03 .card_wrap .tit_wrap .mob { display: block; } 
	 .section03 .card_wrap .tit_wrap .pc { display: none; } 
	 .section03 .sec03_btn_prev, .section03 .sec03_btn_next { display: none;}
	 .section03 .card_swiper .sec03_progressbar { display: block;}

    .section04 .list li { width:calc(50% - 10px); flex:none;}
    .section04 .list li:nth-of-type(3) { margin-top: 100px;}
    .section05 .list { flex-wrap: wrap; height:calc(100vh - 203px);}
    .section05 .list li { width:50%; height:50%; flex:none;}
    .section05 .list li ~ li::before { display: none;}

    .section05 .tit_wrap { padding:80px 0 40px; position: relative; left:auto; top:auto; transform: none; text-align: center;}
    .section06 {min-height: 100dvh;}
    .section06 .tab_menu {overflow-x:auto; gap:0 8px;}
    .section06 .tab_menu li { padding:0 16px; height:30px;}
    .section08 .list li { width:calc((100% - 20px)/2);}

    .section07 .margqee_list { display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: auto;}
    .section07 .marquee_progress {display: block; position: relative; margin:24px auto 0; width: calc(100% - 40px); height: 4px; background: rgba(255, 255, 255, 0.20); overflow: hidden; }
    .section07 .marquee_progress span { display: block; height: 100%; width: 0%; background: var(--color-white);}
    .section07 .marquee_progress.dragging {cursor: grabbing;}

	.section09 .list li .txt p { left:12px; bottom:16px;}

    .section10 .tit_wrap .tooltip { position: static;}

    .section11 .scroll_wrap picture,
    .section11 .scroll_wrap picture img { min-width: 600px;}
    .section13 .inner { flex-direction: column; gap:30px;}
    .section13 .tit_wrap { width:100%;}
    .section13 .tit_wrap .mob { display: block;}
    .section13 .tit_wrap .pc { display: none;}
    .section13 .down_pdf { margin-top: 30px; padding:0 20px; height:44px;}
    .section13 .swiper_wrap .swiper-slide { max-width: 80%;}
    .section13 .btn_pdf { justify-content: center; margin-top: 40px; padding: 0; width: 100%; height: 48px; border-radius: 10px;}

    .section09 .tit_wrap .tag,
    .section14 .tit_wrap .tag { padding:12px 30px; gap:0 8px;}
    .section09 .tit_wrap .tag::before,
    .section14 .tit_wrap .tag::before { width:10px; height: 10px;}

    .section14 .list li .tit { padding:24px 16px; gap:0 12px;}
    .section14 .list li .txt { padding:24px 16px;}
    .section14 .list li .txt .an { padding-left:46px;}
    .section14 .list li .txt .en { left:16px;}

    .section15 .list li { padding:24px; flex-direction: column; gap:20px;}
    .section15 .list li .ico { width: 100%; justify-content: flex-start;}
    .section15 .list li .txt { width:100%;}

    .section16 .txt_wrap { padding:40px 20px; flex-direction: column-reverse; gap:30px;}
    .section16 .txt_wrap .txt { text-align: left; max-width:100%;}
    .section16 .txt_wrap .txt p { margin-top: 16px;}
    .section16 .txt_wrap .link { width:100%; align-items: center;}
}

@media (orientation: landscape) and (max-height: 520px) {
    .section05 { min-height: 620px; height:auto;}
	.section05 .list { height:auto;}
	.section05 .list li { height:310px;}
    .section03 { padding:80px 0 500px; min-height: 100dvh; height:auto;}
	.section05 .tit_wrap { top:80px;}

}

@media (max-width: 768px){
    section {padding:80px 0;}
    .subscription_wrap .tit_wrap > p { margin-top: 14px;}
    .subscription_wrap .tit_wrap.flex { gap:20px;}
    .subscription_wrap .tit_wrap.flex p { margin-top: 0;}

    .section01 {padding:100px 20px 60px; background-image: url(../img/subscription/mobile/sec01_bg.jpg);}
    .section01 .vis .txt_wrap { line-height: 1.25;}
    .section01 .floating_text { height:40px; padding-top: 0; padding-bottom: 0;}
	.section01 .floating_text.left,
	.section01 .floating_text.right { animation:none;}
    .section01 .floating_text strong::before { top:15px;}
    .section01 .vis .txt_wrap strong.pc { display: none;}
    .section01 .vis .txt_wrap strong.mob { display: inline-block;}
    .section01 .item_list .item { position:relative; padding:10px; width:120px; height:120px; border-radius: 8.685px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(4.710190773010254px); -webkit-backdrop-filter: blur(4.710190773010254px);}
    .open .section01 .item_list .item:nth-of-type(1) {left:10px;}
    .open .section01 .item_list .item:nth-of-type(3) {right:10px;}

    .section02 { padding:120px 0 80px;}
    .section02 .ico_wrap { max-width: 100%; justify-content:center;}
    .section02 .ico {flex-shrink: initial;}
    .section02 .ico01 {top:-40px; left:10%;}
    .section02 .ico02 { position: relative; left:0; margin-left: 0;}
    .section02 .ico03 { left:auto; right:50px;}

    .section03 { padding:80px 0 120px;}
	 .section03 .card_wrap { width: 100%; padding: 0 20px; text-align: center; } 
	 .section03 .sd { margin-top: 64px;}
	 .section03 { background-image: url(../img/subscription/mobile/sec03_bg.jpg) } 
	 .section03 .card_list li { padding: 20px; gap: 10px; height: 210px; text-align: left; justify-content: flex-start;}
	 .section03 .card_list li em { right: 20px; bottom: 20px; } 
	 .section03 .card_list li p { line-height: 1.3; word-break: break-all; padding-right:40px;} 
	 .section03 .card_list li p br { display: none;}

    .section04 .list {padding-top: 100px;}
    .section04 .list li { width:100%; height:auto; min-height:298px; padding-top: 90px; border-radius: 20px;}
    .section04 .list li ~ li,
    .section04 .list li:nth-of-type(3) { margin-top: 70px;}
	.section04 .list li .txt p {margin-bottom: 24px;}
    .section04 .list li picture { top:-70px;}

    /* .section05 { height:auto; min-height: 100dvh;} */
    /* .section05 .list {height:auto;}
    .section05 .list li { height: 310px;} */
    .section05 { background-image: url(../img/subscription/mobile/sec05_bg01.jpg) ;}
	.section05 .list { z-index:15;}
    .section05 .list li:nth-of-type(2) a strong { transform: translateY(120%);}
    .section05 .list li:hover:nth-of-type(2) a strong { transform:  translateY(0%);}
    .section05 .list li a {padding:0 16px;}
    .section05 .list li a p {margin-top: 14px; word-break: break-all;}
    .section05 .list li a p br {display: none;}

    .section06 .tab_menu {justify-content: flex-start; padding:30px 0; width: 100%;}
    .section06 .tab_menu li {flex-shrink:0;}
    .section06 .tab_container .tab_con:nth-of-type(odd) ul {gap:20px 10px;}
    .section06 .tab_container .tab_con:nth-of-type(even) ul { gap:10px;}
    .section06 .tab_container .tab_con ul li {width:calc(50% - 5px);}
    .section06 .tab_container .tab_con:nth-of-type(3) ul li { width:100%;}
    /* .section06 .tab_container .tab_con ul li:nth-of-type(9) { display: none;} */
    .section06 .tab_container .tab_con ul li p {line-height: 1;}
    .section06 .tab_container .tab_con .link_type01 { margin-top: 40px; width: 200px;}

    .section07 {background-image: url(../img/subscription/mobile/sec07_bg.png);}
    .section07 .margqee_list .item {flex-shrink: 0; width:260px; height:215px;}
    .section07 .tit_wrap { margin-bottom: 50px;}
    .section07 .margqee_list .item .top { padding:20px; border-radius: 20px 20px 0 0;}
    .section07 .margqee_list .item .bot { padding:0 20px; height:49px; border-radius: 0 0 20px 20px;}

    .section08 { background-image: url(../img/subscription/mobile/sec08_bg.jpg);}
    .section08 .list li {width:100%; padding:24px 20px; border-radius:20px; min-height: auto;}
    .section08 .list li .txt { margin-top: 40px;}
    
    .section09 .tit_wrap { margin-bottom: 40px;}
    .section09 .list {padding:16px; gap:10px; border-radius: 20px;}
    .section09 .list li { width: calc(50% - 5px); border-radius: 0;}
	.section09 .list li .txt p {flex-direction:column; gap:2px; line-height:1.2;}
	.section09 .list li:hover .txt p { align-items:center;}

    .section10 .tit_wrap .tooltip { min-width: auto;}
    .section10 .list {margin-top: 0px;}
    .section10 .list > li {position: relative; padding-bottom:20px; width:100%;}
    .section10 .list > li {box-shadow: 15px 10px 20px 0 rgba(0, 0, 0, 0.10);}
	.section10 .list > li:hover {background:#fff; transform:none;}
    .section10 .list > li.active{border:3px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #00D9FF 20%, #FF70EE 100%) border-box;}
    .section10 .list li a { padding:30px 16px 0px 16px;}
	.section10 .list li .con { padding-bottom:40px;}
    .section10 .list li .ico { height:60px;}
    .section10 .list li .top {margin-top: 12px;}
    .section10 .list li .bot { display: none; margin-top: 20px;}
    .section10 .hash_tag {margin-top: 14px; gap:6px;}
    .section10 .hash_tag li{ padding:0 10px; line-height: 26px;}
    .section10 .detail_view { position: absolute; left:0; bottom:15px; z-index:10; padding-left:20px; width:100%; font-size: 14px; color:#444; background: none; border: none; text-align:left;}
    .section10 .detail_view span { padding-right:24px ; background: url(../img/subscription/arrow_down02.svg) right center no-repeat;}
    .section10 .list li.active .bot { display: block;}
    .section10 .list li.active .detail_view span { background-image: url(../img/subscription/arrow_up02.svg);}

    .section11 { background:url(../img/subscription/mobile/sec11_bg.png) left bottom no-repeat; background-size: cover;}
    .subscription_wrap  .section11 > .inner { padding-right:0;}
    .section11 .scroll_wrap {margin-top:40px; padding-bottom: 12px; justify-content: flex-start;}
    .section11 .scroll_wrap::-webkit-scrollbar {height:2px;}
    .section11 .scroll_wrap::-webkit-scrollbar-track {background: rgba(76, 0, 255, 0.20);}
    .section11 .scroll_wrap::-webkit-scrollbar-thumb {background: var(--color-point01);border-radius: 999px;}

    .section12 { background-image: url(../img/subscription/mobile/sec12_bg.jpg);}
    .section12 .list li { padding:24px 20px; width:100%; border-radius: 20px;}
    .section12 .list li .ico { width: 80px; height:80px; border-radius: 16px;}
    .section12 .list li .ico picture { text-align: center;}
    .section12 .list li .ico img { display: inline-block; max-width: 60%;}

    .section13 .tit_wrap p { margin-top:0;}
	.section13 .tit_wrap > span { margin-top:16px;}
    .section13 .swiper_wrap .swiper-slide img { width:100%;}
    .section13 .btn_pdf span { padding-left: 0; padding-right: 28px; background-position: right center;}

    .section14 .list { margin-top: 40px;}
    .section14 .list li .tit { background-position: right 16px center;}
    .section14 .list li .tit.active { border-radius: 10px;}

    .section15 { background-image: url(../img/subscription/mobile/sec15_bg.jpg);}
    .section15 .list { margin-top: 40px;}
    .section15 .list li { padding:24px 20px;}

    .section16 { background-image: url(../img/subscription/mobile/sec16_bg.jpg);}
    .section16 .tit_wrap .link_type01 { position:static; margin-top: 30px; width:205px;}
    .section16 .txt_wrap { margin-top: 40px; height: auto; gap:50px;}
    .section16 .txt_wrap .link li { width:calc(100% - 40px); text-align: center;}
    .section16 .txt_wrap .link li a { width:100%; height:44px;}   
}