@charset "UTF-8";

/* RESET */
html,body {-webkit-text-size-adjust:none}
body,div,span,em,strong,select,section,article,nav,footer,header,address,caption,figure,figcaption,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,textarea,input,button,tr,th,td,table {margin:0; padding:0}
body,button,input,select,option,textarea,table,th,td {color:#121212; font-size:14px; font-family:'Apple SD Gothic Neo','Helvetica Neue','AppleGothic','Droid Sans fallback',sans-serif}
h1,h2,h3,h4,h5,h6 {font-size:inherit}
ol,ul,li {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:after,q:before {content:'';content:none}
img,fieldset,iframe {border:0 none; vertical-align:top}
img {max-width:100%}
i,em,address,optgroup {font-style:normal}
hr {display:none}
input,button,select,textarea,label {vertical-align:middle}
input::-ms-clear{display:none}
select {appearance:none; outline:none; width:100%; border:none; box-sizing:border-box; background-color:transparent; cursor:pointer}
textarea {resize:none}
button {border:0 none; border-radius:0; background:transparent; cursor:pointer}
table {border-collapse:collapse; border-spacing:0}
caption {width:0; height:0; overflow:hidden; color:transparent; text-indent:-9999px}
legend, .blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption {display:block}
a {color:#222; text-decoration:none}

.essential {color:#de0f0e}
.essential-txt {margin:10px 0 5px; text-align:right}
.is-pc {display:none}
.is-mo {display:block}
.txt-color, .total-num {color:#0065D2}
.login-wrap > a {display:inline-block; line-height:1.5; vertical-align:middle}
.text-right {text-align:right}
.text-center {text-align:center}
.color-gray {color:#888}

.wrap.main {padding-bottom:60px}
.header {position:sticky; top:0; z-index:9999999; width:100%; box-sizing:border-box}
.contents {overflow:hidden}

.mt-10 {margin-top:10px}

/* header */
.logo-wrap {position:relative; padding:0 14px; border-bottom:1px solid #efefef; box-sizing:border-box}
.logo-wrap::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.7); -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.logo-wrap .logo-section {position:relative; display:flex; min-height:50px; padding-bottom:8px; box-sizing:border-box;}
.logo-wrap .logo-section .section-title {display:inline-flex; align-items:flex-end; padding:8px 0; color:#555; font-size:22px; line-height:1.1em; letter-spacing:0}
.logo-wrap .logo-short-hk {display:inline-flex; justify-content:center; align-items:flex-end; margin-right:7px; padding:0 6px 8px 5px; background-color:#142c67; box-sizing:border-box}
.logo-wrap .logo-short-hk::before {content:''; display:inline-block; width:39px; height:24px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sybtb%2Sybtb-fubeg-ux-j.fit') no-repeat 50% 50%/contain; vertical-align:top}
.header .my-menu {display:flex; position:absolute; top:42px; right:20px}
.header .my-menu [class^='btn-'] + [class^='btn-'] {margin-left:20px}
.header .my-menu .btn-subscribe {display:flex; align-items:center; height:20px}
.header .my-menu .btn-subscribe::before {content:''; flex:0 0 auto; width:20px; height:20px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-fhof.fit') no-repeat center/18px 20px}
.header .my-menu .btn-subscribe .is-pc {margin-left:10px; font-weight:700; font-size:16px; vertical-align:middle}

/* gnb */
.gnb-wrap {border-bottom:1px solid #e5e5e5; background-color:#fff; box-sizing:border-box}
.gnb-wrap.sub-gnb {display:none}
.gnb-wrap.sub-gnb .menu-item {font-weight:500}
.gnb-wrap.main-gnb .gnb-menu > li.active > a, .gnb-wrap.sub-gnb li.on .menu-item {font-weight:700; color:#0065d2}
.gnb-wrap .inner-scroll {padding:10px 0}

.gnb-wrap .sub-list {display:none}
.gnb-wrap .menu-item {color:#222; font-weight:700; font-size:16px; white-space:nowrap; text-align:center}
.gnb-wrap .gnb-menu {display:inline-flex; align-items:center; justify-content:space-between; min-width:100%}
.gnb-wrap .gnb-menu li {flex:0 0 auto; padding:0 15px}
.gnb-wrap .gnb-menu li:first-child {padding-left:20px}
.gnb-wrap .gnb-menu li.only-menu .menu-item, .only-menu.sub-item, .only-menu.menu-item {padding-right:15px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-yvax.fit') no-repeat right 4px/10px 10px}
.gnb-wrap.sub-gnb .gnb-menu {min-width:100%}
.gnb-wrap.sub-gnb .gnb-menu li {flex:1 1 auto; text-align:center; white-space:nowrap}
.gnb-wrap .sub-list .only-menu.sub-item {display:inline-block}

/* 메인 상단 슬라이드 */
.main-slide .swiper-slide {position:relative; text-align:center; box-sizing:border-box}
.main-slide .tit-area {position:absolute; top:39px; left:0; padding:0 30px; text-align:left;}
.main-slide picture {display:block}
/* .main-slide picture {display:block; height:0; padding-bottom:119%}
.main-slide picture img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover;} */
.main-slide picture img {width:100%; height:100%; object-fit:cover}
.visual-top .visual-tit, .visual-top .sub-txt {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all}
.visual-top .visual-tit {line-height:1.3; font-weight:800; font-size:36px; letter-spacing:-0.05em}
.visual-top .sub-txt {margin-top:20px; line-height:1.5; color:#121212; font-size:15px; letter-spacing:-0.05em}

/* .main-slide .swiper-slide[data-swiper-slide-index="0"] {background:#cceeff !important}
.main-slide .swiper-slide[data-swiper-slide-index="1"] {background:#cceeff !important}
.main-slide .swiper-slide[data-swiper-slide-index="2"] {background:#e9e9e9 !important} */

.main-slide .slide-control {display:flex; align-items:center; position:absolute; bottom:30px; right:20px; border-radius:20px; padding:6px 10px; background:rgba(0,0,0,.45); z-index:9}
.main-slide .slide-control > div {flex:1 1 auto}
.main-slide .swiper-button-prev, .main-slide .swiper-button-next {position:relative; top:auto; left:auto; right:auto; width:9px; height:12px; margin:0; padding:5px 8px; color:#fff; color:transparent; font-size:0; text-align:center}
.swiper-button-next:after, .swiper-button-prev:after {display:none}
.swiper-button-next:before, .swiper-button-prev:before {content:''; display:inline-block; transform:rotate(45deg); vertical-align:top}
.swiper-button-prev:before {border-left:2px solid #fff; border-bottom:2px solid #fff}
.swiper-button-next:before {border-right:2px solid #fff; border-top:2px solid #fff}
.cont-slide .swiper-button-prev, .cont-slide .swiper-button-next {opacity:0;}

.main-slide .swiper-button-next:before, .main-slide .swiper-button-prev:before {width:7px; height:7px}
.main-slide .swiper-pagination {position:relative; bottom:auto; display:flex; align-items:center; margin:2px 0 0; color:#c7c7c7; transform:none}
.main-slide .swiper-pagination > span {width:12px; margin:0 9px; font-size:11px}
.main-slide .swiper-pagination-current {font-weight:700; color:#fff}
.main-slide .slide-status .btn-pause {display:inline-block; width:12px; height:12px; padding:5px 8px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-cnhfr.fit') no-repeat center/12px 12px; box-sizing:content-box}
.main-slide .slide-status .btn-pause.play {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-cynl.fit'); background-size:10px 12px}
.main-slide .slide-status .btn-pause.stop {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-fgbc.fit'); background-size:11px 11px}

/* contents */
.contents {padding-top:40px}
.cont-item {overflow:hidden; border-radius:20px; box-shadow:0px 0px 10px rgba(18, 18, 18, 0.1); background-color:#fff; box-sizing:border-box}
.cont-item .sub-tit {display:block; font-size:21px}
.cont-item .sub-txt, .cont-item .cont-info li {line-height:1.3; font-size:17px}
.cont-item .sub-tit + .sub-txt {display:block; margin-top:10px}
.cont-item .sub-txt + .sub-tit {display:block; margin-top:5px}
.cont-item .sub-tit + .cont-info {min-height:88px; margin-top:20px; margin-bottom:55px}
.cont-item .cont-info li {color:#555}
.cont-item .price {color:#000; font-size:17px}
.cont-item .price span {font-weight:700; color:#0065d2; font-size:24px}
.btn-view {position:relative; display:block; padding-right:13px; padding-bottom:19px; border-bottom:3px solid #121212; font-size:15px}
.btn-view::after {content:''; display:block; position:absolute; top:2px; right:0; width:7px; height:7px; border-top:2px solid #121212; border-right:2px solid #121212; transform:rotate(45deg)}

.main .inner-scroll .main-event {display:inline-flex}
.main .cont-item {width:310px; padding:30px}
.main .cont-item + .cont-item, .main .cont-item:first-child {margin-left:20px}
.main .cont-item:last-child {margin-right:20px}
.main .cont-area + .cont-area,
.main .cont-area ~ .cont-area {margin-top:40px}
.main .cont-area .cont-tit + .cont-inner {padding:10px 0}
.main .cont-tit {margin-bottom:6px; padding:0 20px; line-height:1.3; color:#444; font-size:24px; letter-spacing:-0.05em; word-break:keep-all}

.cont-slide .swiper {overflow:visible}
.cont-slide .swiper-item:last-child {margin-right:20px}

/* 구독상품 리스트 */
.main-subs .subs-info {display:flex; flex-direction:column; justify-content:space-between; align-items:stretch !important; flex-wrap:wrap; gap:8px}
.main-subs .sub-tit {font-size:24px}
.main-subs .subs-desc {margin-top:20px; color:#555; font-size:17px}
.main-subs .item-img {margin-top:34px; text-align:center}
.main-subs .item-img img {max-width:100%; height:200px; object-fit:contain}
.main-subs .btn-area {display:flex; gap:24px !important; margin-top:30px}
.main-subs .btn-area > [class^="btn-"] {flex:1 1 auto}
.main-subs .cont-item {display:flex; flex-direction:column; height:auto; padding:40px 30px; background-repeat:no-repeat; background-size:cover; box-sizing:border-box}
.main-subs .cont-item.item1 {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sot-vgrz1.wct')}
.main-subs .cont-item.item2 {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sot-vgrz2.wct')}
.main-subs .cont-item.item3 {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sot-vgrz3.wct')}
.main-subs .cont-item.item4 {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sot-vgrz4.wct')}

/* 스페셜패키지 리스트 */
.main .special-subs .cont-item {padding:0}
.special-subs .cont-item {flex:0 0 auto; min-height:450px; height:auto; background-size:cover; background-repeat:no-repeat; background-position:center}
.special-subs .cont-item.item-head {position:relative; padding:40px 30px}
.special-subs .cont-item.item-head::before {content:''; display:block; position:absolute; bottom:120px; left:50%; width:221px; height:190px; transform:translateX(-50%); background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sot-fcrpvny-250926-z.cat') no-repeat center/contain !important}
.special-subs .thumb-img {display:block; width:100%; height:310px; border-bottom:1px solid #e5e5e5}
.special-subs .thumb-img img {width:100%; height:100%; object-fit:cover}
.special-subs .txt-cont {margin-top:0; padding:20px 30px 30px}
.special-subs .txt-cont .sub-tit, .special-subs .txt-cont .sub-txt {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-break:keep-all; -webkit-line-clamp:2}
.special-subs .txt-cont .sub-tit {font-weight:700}
.special-subs .txt-cont .txt-color {display:block; margin-top:20px; font-weight:700; font-size:16px}

/* 이벤트 리스트 */
.cont-item.event-head .cont-bottom {position:absolute; bottom:25px; left:25px}
.cont-item.item-head .cont-bottom {position:absolute; bottom:40px; left:50%; text-align:center; transform:translateX(-50%)}
.cont-item.item-head .sub-tit {line-height:1.4; font-size:24px; letter-spacing:-0.05em; word-break:keep-all}
.event-wrap .event-head {display:block; position:relative}
.event-wrap .event-head::before {content:''; display:block; position:absolute; bottom:13px; right:22px; width:90px; height:80px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svzt-rirag.cat') no-repeat center/contain}
.main-event .cont-item {position:relative; height:186px; padding:30px 25px; background-repeat:no-repeat; background-size:cover; background-position:30% center; box-sizing:border-box}
.main-event .cont-item .sub-tit, .main-event .cont-item .sub-txt, .main-event .cont-item .date {color:#fff}
.main-event .cont-item .sub-tit, .main-event .cont-item .sub-txt {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-break:keep-all}
.main-event .cont-item .sub-tit {width:67%; -webkit-line-clamp:3; line-height:1.4; font-size:23px}
.main-event .cont-item .sub-txt {font-weight:700; letter-spacing:-0.05em; -webkit-line-clamp:2}
.main-event .cont-item .date {font-size:13px}
.main-event .cont-item.event-head {padding:30px 30px}
.main-event .cont-item.event-head .sub-tit {width:100%; color:#121212; font-size:22px; letter-spacing:-0.05em}
.main-event .cont-item.event-head .btn-default {height:40px}

/* 독자센터 */
.contact-area {padding:10px 20px}
.contact-area .cont-item + .cont-item, .contact-area .cont-item:first-child {margin-left:0}
.contact-area .cont-item {width:100%; padding:0; box-shadow:0px 0px 10px rgba(18, 18, 18, 0.16)}
.contact-area .cont-item + .cont-item {margin-top:15px}
.contact-area .cont-item > a {display:flex; align-items:center; height:100%; padding:20px 30px; box-sizing:border-box}
.contact-area .contact-num {color:#fff; background-color:#333}
.contact-area .contact-tit {flex:0 0 auto; width:65px; padding-right:9px; font-weight:700; font-size:17px; letter-spacing:-0.05em; box-sizing:border-box}
.contact-area .contact-txt {color:#888; font-size:13px; letter-spacing:-0.05em}
.contact-area .tel-area {display:flex; justify-content:space-between; align-items:center; margin-bottom:9px}
.contact-area .contact-num {padding:20px 30px}
.contact-area .contact-num .contact-txt, .contact-area .contact-num a {color:#fff}
.contact-area .contact-num .contact-txt {line-height:1.4}
.contact-area .contact-num a {font-weight:700; font-size:30px; letter-spacing:0}
.contact-area .cont-item.contact-kakao {background-color:#fae101}
.contact-area .cont-item.contact-kakao > a {padding:5px 26px}
.contact-area .contact-kakao .contact-tit {width:70px; height:50px; padding:0; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-xnxnb.fit') no-repeat left center/50px 50px}
.contact-area .contact-kakao .contact-txt {margin-top:3px; font-weight:700; color:#121212}

.video-wrap .cont-item {position:relative; height:186px; padding:0; overflow:hidden}
.video-wrap .thumb-vod {position:absolute; right:20px; bottom:20px; width:40px; height:40px; overflow:hidden; background-repeat:no-repeat; background-position:right bottom; background-size:contain; color:transparent; text-indent:-9999px; pointer-events:none; transform-origin:right bottom; z-index:1; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-ivqrb.fit')}
.video-wrap .thumb {position:relative; width:100%; height:100%}
.video-wrap .thumb::before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:20px; background:rgba(0,0,0,.4); z-index:1; pointer-events:none}
.video-wrap .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}
.video-wrap .btn-area .btn-basic {display:block; width:150px; margin:0 auto}
.video-wrap .btn-area .btn-basic + .btn-basic {margin-top:10px} 

.video-wrap .event-head {display:block; position:relative; padding:30px 30px}
.video-wrap .event-head::before {content:''; display:block; position:absolute; bottom:24px; right:20px; width:133px; height:112px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svzt-ivqrb-zber.cat') no-repeat center/contain}
.video-wrap .event-head .sub-tit {width:100%; color:#121212; font-size:22px; letter-spacing:-0.05em}
.video-wrap .event-head .btn-default {height:40px}

.cont-slide .intro-wrap:hover .swiper-button-prev, .cont-slide .intro-wrap:hover .swiper-button-next {opacity:0}
.intro-wrap .item-head {display:none}
.intro-wrap .cont-item {height:186px; padding:34px 30px 25px}
.intro-wrap .sub-tit {font-size:21px}
.intro-wrap .sub-txt {margin-top:10px; font-size:17px}
.intro-wrap .intro-icon {width:35px; height:30px; text-align:left}
.intro-wrap .intro-icon img {height:100%; object-fit:contain}
.intro-wrap .txt-cont {margin-top:17px}

/* footer */
.main .footer {margin:25px 20px 35px}
.footer .inner {padding-top:25px; border-top:1px solid #ededed}
.footer .item {line-height:1.7; color:#757777; font-size:13px}
.footer .item + .item::before {content:''; display:inline-block; width:1px; height:10px; margin-left:12px; margin-right:15px; vertical-align:-1px; background-color:#888}
.foot-row, .foot-row + .copyright, .foot-row .tit {margin-bottom:20px}
.copyright, .foot-row .tit {font-weight:700; color:#121212}
.foot-row .tit {display:block}
.footer .foot-policy .item.privacy {color:#121212}
.sub .cont-body, .sub .footer {background-color:#f7f7fa}
/* .sub .footer {padding:25px 20px 85px} */
.sub .footer .inner {max-width:1160px; margin:0 20px; padding:25px 0 37px}

/* 서브페이지들 */
.sub .contents {padding-top:30px}
.sub .contents .inner {padding:0 20px}
.cont-head {padding-bottom:30px; background-color:#fff}
.cont-body {padding:30px 0 25px; background-color:#f7f7fa}
.sub-cont-tit {font-size:26px}
.sub .contact-area {margin-top:50px; padding:0}

.btn-area {text-align:center}
.btn-area.bottom {display:flex; justify-content:center; flex-wrap:wrap; gap:10px}
.btn-area.bottom > .btn-default {flex:1; margin:0; white-space:nowrap}
.main .btn-area {text-align:left}
.btn-basic {display:inline-block; padding:13px 40px 12px; border-radius:100px; border:1px solid #707070; font-weight:700; font-size:16px; vertical-align:middle; background-color:#fff; box-sizing:border-box}
.notice-badge {display:inline-block; height:25px; margin-right:7px; padding:0px 15px; border-radius:30px; line-height:27px; font-weight:700; font-size:12px; color:#fff; vertical-align:2px; background-color:#142c67; box-sizing:border-box}

.icon-area {display:inline-block; margin-left:5px}
.icon-img {display:inline-block; width:14px; height:13px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-vzt.fit') no-repeat center/contain}

.view-cont + .btn-area {margin-top:20px}
.board-list {border-top:1px solid #e5e5e5}
.board-list .board-tit {display:block}
.board-head {display:none}
.board-item {padding:15px 0; border-bottom:1px solid #e5e5e5; box-sizing:border-box}
.board-item .col.date {margin-top:7px; color:#555; font-size:13px}
.board-wrap .col.num {display:none}
.board-wrap .col.subj .tit {line-height:1.5; font-size:17px}

.view-head {padding-bottom:20px}
.view-head .view-tit {line-height:1.4; font-size:22px}
.view-head .view-info {margin-top:10px}
.view-head .view-info .date {color:#555; font-size:13px}
.view-head .date-area .date + .date {margin-top:6px}
.share-list {display:flex; align-items:center; justify-content:flex-end; margin-top:20px; text-align:right}
.share-list li {margin-left:10px}
.share-list li > a {display:block; width:30px; height:30px; background-repeat:no-repeat; background-size:contain; background-position:center}
.share-list li.facebook > a {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sybtb-snprobbx.fit')}
.share-list li.kakao > a {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sybtb-xnxnb.fit')}
.share-list li.twitter > a {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sybtb-gjvggre.fit')}
.share-list li.naverband > a {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sybtb-anireonaq.fit')}
.share-list li.url > a {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-hey.fit')}
.view-cont {padding:20px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; line-height:1.4; font-size:17px; box-sizing:border-box}
.view-cont img {max-width:100%}

/* 탭메뉴 */
.tab-menu {margin:10px -17px 0}
.tab-menu ul {display:flex; align-items:center}
.tab-menu ul > li {flex:0 0 auto; height:32px; margin:0 17px}
.tab-menu ul > li:last-child {padding-right:25px}
.tab-menu ul > li button {font-size:17px; padding-bottom:9px; box-sizing:border-box}
.tab-menu ul > li.on button, .tab-menu ul > li:hover button {border-bottom:3px solid #142c67; font-weight:700; color:#142c67}

.inp-txt {width:100%; border:none; outline:none; font-size:17px}
.head-info .search-area {margin-top:10px}
.search-area {position:relative; height:100%; padding-right:50px; border-radius:40px; background-color:#f7f7f7; overflow:hidden; box-sizing:border-box}
.search-area .inp-txt {padding:13px 16px; background-color:transparent; box-sizing:border-box}
.search-area .btn-search {outline:none; position:absolute; top:0; right:0; width:50px; height:46px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-frnepu.fit') no-repeat center/16px 16px}

/* faq */
.faq-list {margin-bottom:15px; border-top:1px solid #e5e5e5}
.faq-item {border-bottom:1px solid #e5e5e5}
.faq-tit {position:relative; padding:15px 25px 15px 35px; line-height:1.3; font-size:17px; box-sizing:border-box; cursor:pointer}
.faq-tit::before {content:'Q'; display:block; position:absolute; top:13px; left:0; width:25px; height:25px; border-radius:50%; font-family:'Pretendard',sans-serif; font-weight:700; line-height:24px; color:#fff; font-size:15px; text-align:center; background-color:#999}
.faq-item.on .faq-tit::before {background-color:#142c67}
.faq-tit::after {content:''; display:block; position:absolute; top:50%; right:0; width:7px; height:7px; border-bottom:2px solid #121212; border-right:2px solid #121212; transform:translateY(-50%) rotate(45deg)}
.faq-item.on .faq-tit::after {border-top:2px solid #121212; border-left:2px solid #121212; border-bottom:none; border-right:none}
.faq-cont {display:none; padding:18px 25px 15px 35px; line-height:1.4; font-size:17px; background-color:#ededf2; box-sizing:border-box}
.faq-item.on .faq-tit + .faq-cont {display:block}

/* 이벤트 검색결과 페이지 */
.search-result-wrap {padding:30px 0 50px; text-align:center}
.search-result-wrap .result-txt {display:inline-block; font-size:19px}
.search-result-wrap .result-txt::before {content:''; display:block; width:25px; height:25px; margin:0 auto 30px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-frnepu-ovt.fit') no-repeat center/contain}
.search-result-wrap .result-sub-txt {margin-top:20px; color:#888; line-height:1.8; font-size:13px}

/* 이벤트 리스트 */
.total-num {font-weight:700}
.search-result {margin-bottom:14px; font-size:13px}
.event-list .event-item, .video-list .video-item {margin-bottom:30px}
.event-list .thumb {overflow:hidden; position:relative; border-radius:20px; box-shadow:0px 0px 10px rgba(18, 18, 18, 0.1); box-sizing:border-box}
.event-list .thumb > a {display:block}
.event-list .thumb > a img {width:100%}
.event-list .btn-result {position:absolute; bottom:20px; left:25px; padding:10px 17px 8px; border-radius:30px; font-weight:700; font-size:11px; background-color:#fff; box-sizing:border-box;}
.txt-cont {margin-top:15px}
.txt-cont .list-tit {display:-webkit-box; line-height:1.3; font-weight:700; font-size:21px; letter-spacing:-0.05em; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
.txt-cont .date-wrap {display:flex; justify-content:space-between; margin-top:12px}
.txt-cont .date-wrap > span {display:block; color:#555; font-size:13px}

/* 종료된 이벤트 */
.event-list .event-item.end-item .thumb {position:relative}
.event-list .event-item.end-item .thumb::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, .6); pointer-events:none;}

/* 추천영상 */
.video-list .thumb {overflow:hidden; position:relative; height:0; padding-bottom:56.25%; border-radius:20px; box-sizing:border-box}
.video-list .thumb > a {position:absolute; top:0; left:0; right:0; bottom:0}
.video-list .video-item {min-width:320px}

/* 지국 찾기 */
.branch-search {border-radius:20px; padding:20px; box-sizing:border-box; background-color:#fff}
.branch-search .search-tit {margin-bottom:15px; line-height:1.3; font-size:21px; text-align:center}
.branch-search .branch-srch-txt {margin-top:10px; color:#777; font-size:12px; text-align:center}
.branch-search + .branch-list {margin-top:25px}
.branch-search .search-area {max-width:400px; margin:0 auto}
.branch-list .board-item {display:flex}
.branch-list .board-item.no-result {justify-content:center; font-size:17px}
.branch-list .col {flex:0 0 auto; width:50%; font-size:17px}
.branch-list .col.number {text-align:center;}

/* 기사액자 만들기 */
.reprint-wrap {font-size:14px; line-height:1.3; word-break:keep-all; word-wrap:break-word}
.reprint-wrap .reprint-top-tit {display:block; margin-bottom:20px; font-size:27px; letter-spacing:-0.04em; line-height:1.4; text-align:center}
.reprint-wrap img {width:100%; height:100%; vertical-align:top; object-fit:contain}
.reprint-wrap .blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.reprint-inner {margin:0 auto; box-sizing:border-box}
.reprint-body {overflow:hidden; border-radius:20px; background-color:#fff}
.reprint-tit-wrap {position:relative; text-align:center}
.reprint-tit-wrap::after {content:''; display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#142c67; transform:translateY(-50%)}
.reprint-tit {position:relative; display:inline-flex; align-items:center; justify-content:center; min-width:190px; padding:15px 10px 14px; border-radius:50rem; background:#142c67; color:#fff; font-size:19px; line-height:1; white-space:nowrap; z-index:1}
.reprint-wrap .color-point {color:#ff0000}
.reprint-wrap .cont-bg-box {padding:30px 20px}

.reprint-info-tit, .reprint-info-txt {line-height:1.4}
.reprint-info-tit {display:block; font-size:24px; letter-spacing:-0.05em}
.reprint-info-txt {margin-top:15px; font-size:15px}
.reprint-info-txt + .reprint-inner {margin-top:30px}
.reprint-info {padding:30px 20px; box-sizing:border-box; text-align:center}
.reprint-info .reprint-inner {padding:30px 20px; border-radius:20px; text-align:center; background-color:#f7f7fa}
.reprint-info .img-area {display:inline-block; width:140px; height:185px; margin-bottom:20px}
.reprint-info .img-area img {box-shadow:1px 1px 3px rgba(0,0,0,.2)}
.reprint-info .txt-area strong {font-size:17px}
.reprint-info .txt-area p + p {margin-top:15px}

.reprint-product {padding:40px 20px; background-color:#fafafa; box-sizing:border-box}
.reprint-product-list {padding:30px 0 0}
.reprint-product-list > li {position:relative}
.reprint-product-list > li + li {margin-top:60px}
.reprint-product-list dl > dt {padding-bottom:20px; text-align:center}
.reprint-product-list dl > dt strong {display:block; font-size:19px}
.reprint-product-list dl > dt span {display:block; font-size:15px}
.reprint-product-list .product-cont {display:flex; justify-content:space-between}
.reprint-product-list .product-cont .size {font-size:15px}
.reprint-product-list .product-cont > [class^="type-"] {text-align:center}
.reprint-product-list .product-cont > .type-a3 {flex:0 0 auto; width:55%}
.reprint-product-list .product-cont > .type-a4 {flex:0 0 auto; width:41%}
.reprint-product-list .product-cont.product-img-area {align-items:flex-end}
.reprint-product-list .product-cont.product-txt-area {position:relative; margin-top:20px; padding-top:20px; font-size:17px; text-align:center; box-sizing:border-box}
.reprint-product-list .product-cont.product-txt-area::before {content:''; position:absolute; left:0; right:0; top:0; height:1px; background:#b5b5b5}

.result-list li {font-size:17px}
.result-list li + li {margin-top:15px}
.result-list .tit,
.result-list .txt {display:block}
.result-list .tit {margin-bottom:5px; font-weight:700}

.notice-area {margin:25px 0 35px; font-size:16px}
.notice-area .tit-area {margin-bottom:10px}
.notice-area .tit {font-size:19px}
.notice-area .stit-area {margin-bottom:5px}
.notice-area .stit {font-size:15px}
.notice-area .txt-area + .txt-area {margin-top:20px; padding-top:20px; border-top:1px solid #ddd; color:#555}
.notice-area .txt + .txt {margin-top:5px}

/* button */
a[role="button"] {cursor:pointer}a[role="button"] {cursor:pointer}
.btn-outline {display:inline-flex; align-items:center; justify-content:center; padding:10px 10px 9px; border:1px solid #707070; border-radius:25rem; background:#fff; font-size:15px; line-height:1; box-sizing:border-box}
.btn-outline.active {border-color:#0065d2; color:#0065d2}

.btn-default {display:inline-flex; align-items:center; justify-content:center; min-width:110px; height:46px; padding:0 20px; border:1px solid #707070; border-radius:100px; background:#fff; font-size:16px; font-weight:700; box-sizing:border-box; cursor:pointer; vertical-align:middle}
.btn-default + .btn-default {margin-left:8px}
.btn-default.btn-pramary {padding:0 15px; border-color:#0065d2; color:#fff; background:#0065d2}
.btn-default.btn-sm {min-width:100px; height:36px; padding:0 15px; font-size:15px; line-height:34px}

.btn-apply-step span {position:relative; padding-right:11px; line-height:1.5}
.btn-apply-step span::after {content:''; display:block; position:absolute; top:45%; right:0; width:7px; height:7px; border-top:2px solid #121212; border-right:2px solid #121212; transform:translateY(-50%) rotate(45deg)}
.btn-apply-step-prev span {position:relative; padding-left:11px; line-height:1.5}
.btn-apply-step-prev span::after {content:''; display:block; position:absolute; top:45%; left:0; width:7px; height:7px; border-bottom:2px solid #121212; border-left:2px solid #121212; transform:translateY(-50%) rotate(45deg)}

.form-select-agree {margin-top:15px}
.form-select-agree .tit, .form-select-agree .txt {display:block; font-size:13px; letter-spacing:-0.05em}
.form-select-agree .txt {margin-top:10px}
.form-select-agree .select-agree {margin-top:20px}
.form-select-agree .banner-wrap {margin:20px 0 !important}
.form-select-agree .banner-wrap .is-mo {display:inline !important;}
.form-ui .btn-default {min-width:80px; height:34px; margin:0 !important; padding-bottom:0; font-family:'NotoCJkr'}
.form-ui .form-check {display:inline-flex; align-items:center; font-size:15px; font-weight:500; cursor:pointer}
.form-ui .form-check:last-child {margin-right:0}
.form-ui + .form-ui {margin-top:20px}
.form-ui.align-top {align-items:flex-start}
.form-ui.align-top > dt {padding-top:6px}
.form-ui > dt {display:block; margin-bottom:10px; font-size:15px; font-weight:700}
.form-ui > dd {position:relative}
.form-ui.type-row {display:flex; flex-direction:column; gap:15px; align-items:flex-start}
.form-ui.type-row + .form-ui.type-row {margin-top:20px}
.form-ui.type-row > dt,
.form-ui.type-row > dd {width:100%; margin-bottom:0}
.form-ui.type-row > dd.sub-q {margin-top:-10px; box-sizing:border-box}

.flex-column {flex-direction:column}
.flex-column .form-ui {display:flex; flex-wrap:wrap}
.flex-column .form-check .check {flex:0 0 auto}
.form-radio-ui .flex-column .form-ui + .form-check {margin-top:10px; font-weight:400}
.form-ui-check {position:relative}
.form-ui-check .form-only-check {position:absolute; top:-28px; right:0; font-size:13px}


.form-radio-ui .radio {margin-right:10px}
.form-check .check {margin-right:5px}
.form-radio-ui .form-check.form-only-check {width:100%}
.form-account, .form-klay {margin-top:20px}
.form-account.active {display:block}

.inp-txt-wrap {position:relative; display:flex; margin-bottom:10px}
.inp-txt-wrap * + * {margin-left:5px !important}
.inp-txt-wrap + .inp-txt-wrap {margin-top:5px}

.inp-txt-list {position:absolute; top:50px; left:0; width:100%; z-index:1; box-sizing:border-box;}
.inp-txt-list > ul {border:1px solid #bbb; box-sizing:border-box; background-color:#fff}
.inp-txt-list li:nth-child(2n) {background-color:#f7f7f7}
.inp-txt-list li a {display:block; padding:15px 25px; font-size:15px; box-sizing:border-box}
.inp-txt-list .keyword {color:#0065d2}

.form-ui .inp-txt {display:block; width:100%; height:50px; padding:0 20px; background-color:#f7f7f7; font-size:15px; line-height:50px; border-radius:30px; box-sizing:border-box; overflow:hidden}
.form-ui .inp-txt:read-only, .form-ui .inp-txt:disabled {background-color:#e5e5e5}
.form-ui .inp-txt:-ms-input-placeholder {color:#b5b5b5}
.attach-file input:-ms-input-placeholder {color:#b5b5b5}
.reprint-apply .inp-txt::-webkit-input-placeholder {color:#b5b5b5}
.attach-file input::-webkit-input-placeholder {color:#b5b5b5}
.reprint-apply .inp-txt::placeholder {color:#b5b5b5}
.attach-file input::placeholder {color:#b5b5b5}
.form-ui .inp-txt::placeholder {color:#b5b5b5}

.attach-file {position:relative; height:50px; padding-right:80px; padding-left:20px; border-radius:30px; background-color:#f7f7f7}
.attach-file input {border:none; width:100%; height:100%; background-color:#f7f7f7}
.attach-file .btn-file, .form-ui .btn-inp {position:absolute; top:10px; right:10px; width:70px; height:30px; border-radius:30px; background:#000; color:#fff; overflow:hidden; cursor:pointer; text-align:center; line-height:32px; font-size:12px}
.form-ui .btn-inp.line-type {border:1px solid #999; color:#121212; font-size:14px; background-color:#fff}
.form-ui .btns-area {margin-top:10px}
.form-ui .btns-area .btn-inp {position:relative; top:auto; right:auto}
.form-ui .btns-area .btn-inp + .btn-inp {margin-left:5px}
.form-ui .btns-area .btn-inp.bg-gray {background-color:#666}

.attach-file .btn-file input[type="file"] {position:absolute; top:0; right:0; width:180px; height:34px; opacity:0; filter:alpha(opacity=0); cursor:pointer}
.attach-file + .file-info {margin-top:10px}
.file-info {color:#555; font-size:13px; letter-spacing:-0.05em}
.file-info span {color:#e12626}
.file-info + .file-info {margin-top:5px}

.form-radio-ui .radio, .check-type .radio {display:block; line-height:1; cursor:pointer}
.form-radio-ui .form-check {flex:0 0 auto; width:50%; margin:5px 0}
.form-radio-ui dd {display:flex; flex-wrap:wrap}
.form-check .check {display:inline-block; width:22px; height:22px; margin-top:-2px; line-height:1; border-radius:0}
.form-check-ui .form-check {font-weight:700; letter-spacing:-0.05em}

.form-no-tit + .form-no-tit {margin-top:10px}
.form-radio-ui + .form-no-tit {margin-top:15px}
.form-ui.ui-block {padding-top:15px; border-top:1px solid #e5e5e5}
.form-check + .form-radio-ui {margin-top:18px}
.form-radio-ui + .inp-txt {margin-top:13px}
.inp-txt-desc {color:#555; font-size:12px}
.inp-txt + .inp-txt-desc {margin-top:10px}

.input-date-wrap {position:relative; border:1px solid #ddd; border-radius:10px; background:#fff}
.input-date-wrap .input-date {position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; width:100%; height:100%; border:none; opacity:0}
.input-date-wrap .input-date::-webkit-calendar-picker-indicator {width:100%; height:36px; cursor:pointer}
.input-date-wrap .date-value {display:block; padding:10px; font-size:15px}
.input-date-wrap .date-icon {position:absolute; top:50%; right:10px; transform:translateY(-50%)}
.input-date-wrap .date-icon .svg-icon {vertical-align:top}

.form-count {display:flex}
.form-count .inp-count {width:40px; height:40px; border:1px solid #eee; box-sizing:border-box; font-size:15px; text-align:center}
.form-count [class^="btn-"] {width:40px; height:40px; border:1px solid #eee; box-sizing:border-box; font-size:20px; text-align:center}
.form-count .btn-minus {border-radius:10px 0 0 10px; border-right:none}
.form-count .btn-minus::before {content:'-'}
.form-count .btn-plus {border-radius:0 10px 10px 0; border-left:none}
.form-count .btn-plus::before {content:'+'}

.list-filter {display:flex; position:relative}
.list-filter .filter-date {display:flex; align-items:center}
.list-filter .filter-date .input-date-wrap {flex:1}
.list-filter .filter-date .dash {flex:0 0 auto; width:27px; font-size:17px; text-align:center}

/* .form-check-ui .form-check {position:relative; font-family:'NotoCJkr'}
.form-check-ui .form-check .check {position:absolute; top:0; right:0; width:0; height:0; overflow:hidden}
.form-check-ui .form-check .check + label {display:inline-flex; align-items:flex-start; height:auto; background:none; color:#333; word-break:break-all}
.form-check-ui .form-check .check + label::before {content:''; position:relative; top:-1px; flex:0 0 auto; display:inline-block; width:22px; height:22px; margin-right:6px; border:1px solid #7b7b7b; box-sizing:border-box; background:#fff}
.form-check-ui .form-check .check:checked + label::before {border-color:transparent; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrzoref.unaxlhat.pbz%2Svzntrf%2Spbzzba%2Sot_purpxObk.cat') no-repeat 0 -22px} */

.step-list {margin:0 -20px}
.apply-step {display:flex; justify-content:center}
.apply-step > li {position:relative; flex:0 0 auto; margin:0 11px}
.apply-step > li:first-child {padding-left:10px}
.apply-step > li:last-child {padding-right:20px}
.apply-step > li + li {position:relative}
.apply-step > li + li::before {content:''; display:block; position:absolute; top:50%; left:-17px; width:7px; height:7px; border-top:2px solid #121212; border-right:2px solid #121212; transform:translateY(-50%) rotate(45deg)}
.apply-step > li dl {width:80px; height:80px; padding:12px 7px; border:5px solid #f7f7fa; border-radius:50%; text-align:center; font-weight:500; box-sizing:border-box; background-color:#fff}
.apply-step > li dt {margin-bottom:5px; font-weight:700; color:#0065d2; font-size:11px}
.apply-step > li dd {display:flex; align-items:center; justify-content:center; height:27px; font-weight:700; font-size:11px; box-sizing:border-box}
.apply-step > li.on dl {border-color:#0065d2; background:#0065d2}
.apply-step > li.on dt, .apply-step > li.on dd {color:#fff}

.step-list + .step-area {margin-top:10px}
.step-area .step-tit {text-align:center}
.step-area .step-tit dl {display:inline-flex; flex-wrap:wrap; justify-content:center; font-size:19px; line-height:1; font-weight:700}
.step-area .step-tit dl dt, .step-area .step-tit dl dd {flex:0 0 auto; letter-spacing:-0.05em}
.step-area .step-tit dl dt {margin-right:10px; line-height:1.3; color:#0065d2}
.step-area .step-tit dl dd {width:calc(100% - 60px); word-break:keep-all; line-height:1.3; flex:1 1 auto}
.step-area .step-txt {margin:9px 0 20px; color:#888; font-size:15px}

.step-box {padding:20px; border:1px solid #707070; border-radius:20px; box-sizing:border-box}
.step-box + .step-box, .step-tit + .step-box {margin-top:20px}
.step-area + .step-area {margin-top:40px}
.step-box.step-agree .agree-box {display:none; height:140px; margin-top:15px; padding:20px; border-radius:10px; line-height:1.5; font-size:12px; background:#f7f7fa; box-sizing:border-box; overflow:hidden; overflow-y:auto}
.step-box.step-agree .agree-box::-webkit-scrollbar {display:none}
.step-box.step-agree .agree-box.active {display:block}
/* .step-box.step-agree .form-check-ui {margin-top:20px} */
.step-box.step-agree .form-check .check {margin-top:-4px}
.step-box.step-agree .form-check-ui .form-check {align-items:flex-start; font-size:13px}
.step-box.step-agree .form-check-ui {margin-top:10px}
.step-box.step-agree .total-agree .form-check-ui {margin-top:0}
.step-box.step-agree .select-agree .form-check-ui {margin-top:15px; margin-right:10px}
.step-box.step-agree .total-agree {margin-bottom:20px}
.step-box.step-agree .total-agree .form-check {font-size:15px}
.step-box.step-agree .btn-detail {display:flex; flex:0 0 auto; position:relative; width:25px; height:20px; font-size:13px}
.step-box.step-agree .btn-detail::after {content:''; display:block; position:absolute; top:2px; right:0; width:6px; height:6px; border-bottom:2px solid #121212; border-right:2px solid #121212;transform:rotate(45deg)}
.step-box.step-agree .btn-detail.on::after {top:5px; border-bottom:none; border-right:none; border-top:2px solid #121212; border-left:2px solid #121212;}
.step-box.step-agree .btn-detail > span {flex:0 0 auto}
.step-box.step-agree .agree-area .form-ui {display:flex; justify-content:space-between; align-items:center}
.step-box.step-agree .form-check .check {flex:0 0 auto}
.step-box textarea.inp-txt {height:150px}
.step-box + .step-sub-tit {margin-top:30px}
.step-sub-tit {display:block; margin:10px 0; font-weight:400; font-size:17px; text-align:center;}

.form-tit-area {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:16px 0}
.form-tit-area .btn-default {min-width:unset; height:32px; padding:0 20px; font-weight:400; font-size:14px}
.form-tit-area .btn-default.btn-pramary {padding:0 20px}
.form-tit-area .btn-default.btn-refresh::before {content:''; display:inline-block; width:14px; height:14px; margin-right:6px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Spff%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2715.199%27%20urvtug%3Q%2714.263%27%253R%253Pcngu%20svyy%3Q%27abar%27%20fgebxr%3Q%27%2523121212%27%20fgebxr-yvarpnc%3Q%27ebhaq%27%20fgebxr-yvarwbva%3Q%27ebhaq%27%20q%3Q%27Z.699%205.658n34.572%2034.572%200%200%201%202.678-3.214%206.631%206.631%200%201%201-1.678%206.53z-1-3.316I1.237z0%204.421U5.12%27%2S%253R%253P%2Sfit%253R") no-repeat 50% 50%/contain}
.form-tit-area .essential-txt {margin:0}

.btn-area.bottom,
.step-area + .btn-area {margin-top:25px; text-align:center}
.reprint-apply {padding:30px 20px 50px}
.reprint-apply .btn-link {display:inline-flex; align-items:center; padding:2px 10px 1px; background:#5a5a5a; color:#fff}

#wrapDaum {overflow-x:hidden; overflow-y:auto;}
.reprint-apply .step-list {margin:10px -20px}
.reprint-apply .step-1 .check-type dt {display:flex; align-items:flex-end; justify-content:center; margin-bottom:10px; padding:0 0 20px; border-bottom:1px solid #b5b5b5; text-align:center}
.reprint-apply .step-1 .check-type dt .name {font-size:19px}
.reprint-apply .step-1 .check-type dt .size {margin-left:5px; color:#555; font-size:15px}
.reprint-apply .step-1 .check-type + .check-type {margin-top:23px}
.reprint-apply .step-1 .product-check-list > li {position:relative}
.reprint-apply .step-1 .product-check-list > li > label {display:flex; align-items: center; justify-content:space-between; font-size:15px; cursor: pointer;}
.reprint-apply .step-1 .product-check-list > li strong {display:block; margin-bottom:4px}
.reprint-apply .step-1 .total-data-info {padding-top:20px; margin-top:10px; border-top:1px solid #b5b5b5}
.reprint-apply .step-1 .total-data-info .product-count {display:flex; gap:10px; align-items:center}
.reprint-apply .step-1 .total-data-info .product-count > label {flex:0 0 auto; font-weight:bold; font-size:16px}
.reprint-apply .step-1 .total-data-info .product-count > .select-style2 {flex:1}
.reprint-apply .step-1 .total-data-info .price {margin-top:10px; font-weight:bold; font-size:17px; text-align:right}
.reprint-apply .step-box.step-agree .btn-link {margin-left:10px}
.reprint-apply.reprint-result {margin:0; padding-top:50px}
.reprint-result .reprint-inner {padding:0 10px}
.reprint-result .result-msg {margin-bottom:70px; color:#000099; font-size:24px; text-align:center;}
.reprint-result .step-box {padding:20px}
.reprint-result .result-cont {font-size:15px; line-height:1.5}
.reprint-result .bul-dot {margin-top:10px}
.reprint-result .bul-dot > li {position:relative; padding-left:10px}
.reprint-result .bul-dot > li::before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background:#333}
.reprint-result .result-cont + .result-cont {margin-top:30px; padding-top:30px; border-top:1px solid #a7a7a7 }

/* 정기구독 */
.form-tit {display:flex; justify-content:space-between}
.form-tit .tit {font-weight:700; font-size:18px}
.form-tit .txt {color:#555; font-size:13px}
.form-tit .txt a {letter-spacing:-0.05em; text-decoration:underline}

.subs-info-wrap .img-area, 
.subs-info-wrap .subs-cont, 
.subs-img .subs-info,
.subs-info-area {overflow:hidden; padding:20px 0; border-radius:20px; background-color:#fff; box-sizing:border-box}
.subs-wrap .select-item {padding:14px 20px; border-radius:10px; border:1px solid #707070; box-sizing:border-box; cursor:pointer}
.subs-info-wrap > div + div {margin-top:15px}
.subs-info-wrap .subs-cont {padding:30px 20px; box-sizing:border-box}
.subs-info-wrap .subs-cont + .subs-cont {margin-top:15px} 
.subs-info-wrap .subs-tit-area {display:flex; margin-bottom:15px}
.subs-info-wrap .subs-tit {flex:0 0 auto; font-size:21px; letter-spacing:-0.05em}
.subs-info-wrap .subs-sub-tit {margin-top:2px; margin-left:10px; font-size:17px}
.subs-info-wrap .subs-img .img-area {width:100%; padding:0; box-shadow:0px 0px 10px rgba(18, 18, 18, 0.1)}
.subs-info-wrap .subs-img img {width:100%; height:100%; object-fit:cover}
.subs-info-wrap .subs-img .subs-info {margin-top:15px}
.img-area + .subs-info-area {margin-top:15px}
.subs-info-area {text-align:center}
.subs-info-list {display:inline-flex; align-items:center; width:100%; box-sizing:border-box}
.subs-info-list > li {flex:1 1 auto; display:flex; flex-direction:column; min-width:80px; padding:0 6px; box-sizing:border-box}
.subs-info-list > li:first-child {padding-left:10px}
.subs-info-list > li:last-child {padding-right:10px}
.subs-info-list > li + li {position:relative}
.subs-info-list > li + li::after {content:''; display:block; position:absolute; top:5px; left:0; width:1px; height:52px; background-color:#e8e8e8}
.subs-info-list > li p {min-height:34px; color:#333; line-height:1.4; font-size:12px; letter-spacing:-0.05em; text-align:center}
.subs-info-list > li::before {content:''; display:block; width:40px; height:40px; border-radius:50%; margin:0 auto 6px; background-repeat:no-repeat; background-size:contain; background-position:center}
.subs-info-list > li.item1::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-hcqngr.fit')}
.subs-info-list > li.item2::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-cncre.fit')}
.subs-info-list > li.item3::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-jfw.cat')}
.subs-info-list > li.item4::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-cnpxntr.fit')}
.icon-millie::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-zvyyvr.cat')} 
.icon-wave::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-jnir.cat')} 
.icon-careet::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-pnerrg.cat')} 
.icon-galaxy::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-tnynkl.cat')} 
.icon-jbl::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-woy.cat')} 

.subs-info-detail {margin-top:30px}
.subs-info-detail .detail-cont {padding-top:20px}
.subs-info-detail .detail-cont a {width:inline-block}
.subs-info-detail .detail-cont img {width:100%}
.subs-info-detail .detail-tit .tit {display:block; padding:20px 10px; border-radius:6px; box-sizing:border-box; font-weight:700; font-size:17px; text-align:center; background-color:#fff}
.subs-info-detail .detail-tit .desc {display:block; width:100%; padding:25px 0; border-bottom:1px solid #e5e5e5; font-size:17px; box-sizing:border-box; text-align:center}

.item-list li {display:flex; justify-content:space-between; align-items:center}
.item-list li + li {margin-top:10px}
.item-list li.on {border-color:#0065d2}
.item-list li .check-item, .item-list li .price {font-size:17px}
.item-list li .price {font-weight:700}
.item-list li .form-radio-ui {flex:1 1 auto}

.form-radio-area {display:flex}
.form-radio-area > div {flex:0 0 auto; width:50%}
.form-radio-area .check-item {font-size:15px}
.form-radio-ui label {display:flex; align-items:center; cursor:pointer}
.radio-area, .select-area {margin-top:20px}
.select-area .form-tit {margin-bottom:10px}
input[type="radio"] {appearance: none; width:24px; height:24px; border:4px solid #fff; border-radius:50%; box-shadow: 0 0 0 1px #888; background-color:#fff}
input[type="radio"]:checked {box-shadow: 0 0 0 1px #0065d2; background-color:#0065d2}

.radio-area .form-tit {margin-bottom:12px}
.radio-area + .select-style {margin-top:15px}
.subs-cont-wrap .price-wrap {width:100%; margin-top:15px; letter-spacing:-0.04em}
.subs-cont-wrap .price-wrap::after {content:''; display:block; clear:both}
.subs-cont-wrap .price-wrap .percent {float:left; color:#e50001; font-size:28px}
.subs-cont-wrap .price-wrap .price {margin-right:10px; color:#aaa; font-size:15px}
.subs-cont-wrap .price-wrap .price > strong {font-weight:700; font-size:19px}
.subs-cont-wrap .price-wrap .price-area {float:right}
.subs-cont-wrap .price-wrap .now-price {font-size:19px}
.subs-cont-wrap .price-wrap .now-price > strong {font-size:26px} 

.subs-wrap .select-item.select-style {position:relative; height:50px; padding:0; border:none; border-radius:0}
.select-style {position:relative}
.select-style select {width:100%; height:100%; padding:13px 20px; border-radius:10px; border:1px solid #121212; color:#121212; font-size:15px}
.select-item.select-style select {border-color:#121212}
.select-item.select-style select:disabled {border-color:#ddd; color:#b5b5b5; cursor:default}
.select-style::after {content:''; display:block; position:absolute; top:47%; right:20px; width:7px; height:7px; border-bottom:1px solid #b5b5b5; border-right:1px solid #b5b5b5; transform:translateY(-50%) rotate(45deg)}
.select-style.active::after {border-color:#121212}

.select-style2 {position:relative; border-radius:30px; font-size:15px; background-color:#f7f7f7}
.select-style2::after {content:''; display:block; position:absolute; top:47%; right:20px; width:7px; height:7px; border-bottom:1px solid #121212; border-right:1px solid #121212; transform:translateY(-50%) rotate(45deg)}
.select-style2 select {padding:15px 35px 15px 20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.select-style3 {position:relative; padding-right:15px; box-sizing:border-box}
.select-style3::after {content:""; display:inline-block; position:absolute; top:5px; right:0; width:0; height:0; border-style:solid; border-width:5px 5px; border-color:#000 transparent transparent transparent}
.select-style3 select {cursor:pointer; outline:0; width:100%; border:0; border-radius:0; font-size:13px; text-align:center; background-color:transparent; box-sizing:border-box; appearance:none}

.btn-area .btn-subs {flex:1 1 auto; width:50%; display:block; height:60px; border-radius:10px; padding:20px 10px; font-weight:700; color:#fff; font-size:16px; background-color:#0065d2; box-sizing:border-box}
.btn-area .btn-subs.no-member {background-color:#333}
.btn-area .btn-subs.line-type {border:2px solid #0065d2; color:#0065d2; background-color:#fff}

.subs-wrap .btn-area, .subs-info-wrap .btn-area {margin-top:18px}
.subs-info-wrap .btn-area, .nomember-pop .btn-area {display:flex; justify-content:space-between; gap:10px}
/* .subs-info-wrap .btn-subs {flex:1 1 auto; width:50%; display:block; border-radius:10px; width:100%; padding:20px 10px; font-weight:700; color:#fff; font-size:16px; background-color:#0065d2; box-sizing:border-box} */

.subs-apply-wrap > div {border-radius:20px; background-color:#fff}
.subs-apply-wrap > div + div {margin-top:20px}
.subs-apply-head, .subs-apply-cont {padding:20px}
.subs-apply-head {display:flex; align-items:center}
.subs-apply-item {width:120px; height:100px; margin-right:20px; border-radius:20px; border:1px solid #e5e5e5; overflow:hidden}
.subs-apply-item img {width:100%; height:100%; object-fit:cover}
.subs-apply-detail {position:relative; flex:1 1 auto}
.subs-apply-detail .tit, .subs-apply-detail .txt {display:block}
.subs-apply-detail .tit {font-size:21px}
.subs-apply-detail .txt {margin-top:5px; font-size:15px}
.subs-apply-detail .pay-price {margin-top:15px; font-size:17px}
.subs-apply-detail .pay-price > em, .subs-apply-detail .pay-price .txt-color {font-weight:700}
.subs-apply-detail .pay-price > em {margin-right:6px}

.top-banner-wrap {height:0; position:relative; color:#fff; font-size:13px; box-sizing:border-box; transition:all .3s}
.top-banner-wrap.active {height:auto;}
.top-banner-wrap a {display:block; width:100%; height:100%; padding:10px 35px 10px 10px; color:#fff; box-sizing:border-box}
.top-banner-wrap .banner-slide {width:100%; height:100%; text-align:center}
.top-banner-wrap .banner-slide .swiper-slide > div {max-width:1160px; margin:0 auto}
.top-banner-wrap .btn-close {position:absolute; top:3px; right:10px; width:30px; height:30px; border:none; z-index:9}
.top-banner-wrap .btn-close::before,
.top-banner-wrap .btn-close::after {content:''; position:absolute; left:50%; top:6px; width:2px; height:17px; background-color:#FFF}
.top-banner-wrap .btn-close:before {transform:translate(-50%) rotate(45deg)}
.top-banner-wrap .btn-close:after {transform:translate(-50%) rotate(-45deg)}

.banner-wrap {margin:10px 0 20px}
.banner-wrap a {display:block; border-radius:20px; overflow:hidden}
.banner-wrap a + a {margin-top:10px}
.banner-wrap img {width:100%; height:100%; object-fit:cover}

.step-area.step-3 + .btn-area .btn-default {min-width:130px}
.step-tit + .cont-bg-box {margin-top:20px}
.cont-bg-box {padding:15px 20px 20px; border-radius:20px; background-color:#fafafa; box-sizing:border-box}
.cont-bg-box .img-area {margin-bottom:20px; border:1px solid #e5e5e5; border-radius:20px; box-sizing:border-box; overflow:hidden}
.cont-bg-box .img-area img {width:100%}
.myhk-wrap .result-list li {font-size:17px}
.myhk-wrap .result-list li + li {margin-top:15px}
.myhk-wrap .result-list .tit, .myhk-wrap .result-list .txt {display:block}
.myhk-wrap .result-list .tit {margin-bottom:5px; font-weight:700}


/* 스페셜 패키지 */
.cont-top {display:flex; flex-direction:column; justify-content:space-between}
.package-wrap .btn-area {margin-top:20px}
.package-wrap .subs-tit-area {flex-direction:column; margin-bottom:24px}
.package-wrap .subs-info-wrap .subs-sub-tit {margin-top:10px; margin-left:0}
.package-item {border-radius:20px; overflow:hidden; background-color:#fff}
.package-item + .package-item {margin-top:30px}
.package-item .thumb {position:relative; border-bottom:1px solid #ebebeb; box-sizing:border-box}
.package-item .thumb a {display:block; height:100%}
.package-item .thumb img {width:100%; height:100%; object-fit:cover}
.package-item .thumb-brand {position:absolute; top:15px; right:15px; width:40px; height:40px; border-radius:50%; overflow:hidden}
.package-item .thumb-brand::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%; border:1px solid #f3f3f3; z-index:1;}
.package-item .txt-cont {margin-top:0; padding:20px; background-color:#fff; box-sizing:border-box}
.package-item .sub-tit, .package-item .sub-txt {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.package-item .sub-tit {font-weight:700; font-size:21px}
.package-item .sub-txt {margin-top:8px; line-height:1.4; font-size:15px}
.package-item .price {display:block; margin-top:15px; color:#0065d2; font-weight:700; font-size:15px}
.package-wrap .select-wrap {display:flex; justify-content:flex-end; margin-bottom:14px}
.package-wrap .select-wrap .select-style3 {margin-right:20px}
.package-wrap .select-wrap .select-style3:last-child {margin-right:0}
.package-wrap .search-result {margin-bottom:10px}

/* KLAY 상품권 교환 */
.package-wrap del {color:#888}
.package-wrap .subs-img-list {display:flex; justify-content:center; gap:10px}
.package-wrap .subs-img-list > li {flex:0 0 auto; width:calc(33.33336% - 7px); border-radius:20px; background:#fff; overflow:hidden;}
.package-wrap .subs-img-list > li > a {display:block;}
.package-wrap .subs-img-list > li img {width:100px; height:100px; object-fit:cover}
.package-wrap .subs-detail-info {display:flex; flex-direction:column; gap:20px; padding:15px 0; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; font-size:17px}
.package-wrap .subs-detail-info .item {display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px}
.package-wrap .subs-detail-info .item .price {color:#0065D2; font-weight:700}
.package-wrap .badge-area {display:flex; gap:10px; flex-wrap:wrap}
.package-wrap .badge-area > span {display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:25rem; font-size:13px; color:#fff}
.package-wrap .badge-area > span.best {background:#FFB100}
.package-wrap .badge-area > span.new {background:#2EAF1D}
.package-wrap .badge-area > span.sale {background:#E52323}
.package-wrap.type-product .subs-img .subs-info-area {margin-top:15px; padding:0; border-radius:0; background:none}
.package-wrap.type-product .subs-img .subs-info-area .inner-scroll {padding:0}
.package-wrap.type-product .package-item,
.package-wrap.type-product .package-item .txt-cont {background:none}
.package-wrap.type-product .package-list {display:flex; flex-wrap:wrap}
.package-wrap.type-product .package-item {width:calc(50% - 5px); margin-bottom:30px; margin-right:10px; border-radius:20px 20px 0 0}
.package-wrap.type-product .package-item .txt-cont {margin-top:15px; padding:0}
.package-wrap.type-product .package-item:nth-child(2n) {margin-right:0}
.package-wrap.type-product .package-item + .package-item {margin-top:0}
.package-wrap.type-product .package-item > a {display:block}
.package-wrap.type-product .package-item .thumb {border:none; background:#fff; border-radius:0 0 20px 20px; overflow:hidden}
.package-wrap.type-product .package-item:hover .thumb {border-radius:0; transition:all .25s}
.package-wrap.type-product .package-item .price-wrap {display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:15px; font-size:17px}
.package-wrap.type-product .package-item .price-wrap .sale {font-weight:700; color:#E50001}
.package-wrap.type-product .package-item .price-wrap .price {margin:0}
.package-wrap.type-product .package-item .price-wrap + .badge-area {margin-top:10px}
.package-wrap.type-product .package-list.grid-3-4 .package-item .thumb {height:0; padding-bottom:100%}
.package-wrap.type-product .package-list.grid-3-4 .package-item .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}

.drop-box {position:relative;}
.drop-box .select-tit, .drop-box .drop-list {border-radius:10px; border:1px solid #dedede; font-size:15px; box-sizing:border-box}
.drop-box .select-tit {display:block; position:relative; width:100%; padding:15px 40px 15px 20px; text-align:left; background-color:#f7f7fa}
.drop-box .select-tit::after {content:""; display:inline-block; position:absolute; top:55%; right:20px; width:0; height:0; border-style:solid; border-width:6px 6px; border-color:#000 transparent transparent transparent; transform:translateY(-50%)}
.drop-box .select-tit.active::after {top:42%; border-color: transparent transparent #000 transparent}
.drop-box .drop-list {display:none; position:absolute; top:53px; left:0; width:100%; z-index:1; background-color:#fff; overflow:hidden}
.drop-box .drop-list .drop-item {display:block; width:100%; padding:10px 20px; font-size:15px; text-align:left; box-sizing:border-box}
.drop-box .drop-list .drop-item:hover, .drop-box .drop-list .drop-item:focus {background-color:#f7f7fa}
.drop-box .drop-list li:first-child .drop-item {padding-top:15px}
.drop-box .drop-list li:last-child .drop-item {padding-bottom:15px}
.drop-box .select-tit.active + .drop-list {display:block}

/* 서비스 약관 및 정책 */
.terms-wrap .terms-tit {display:block; margin-bottom:25px; font-size:21px}
.terms-cont {padding:30px 20px 35px; border-radius:20px; line-height:1.5; font-size:13px; background-color:#fff; box-sizing:border-box}
.terms-box .terms-sub-tit {display:block; margin:20px 0; padding-bottom:20px; border-bottom:1px solid #121212; font-size:17px}
.terms-history {margin-top:22px}
.terms-history > em {display:block; margin-bottom:10px; color:#888; font-size:13px; letter-spacing:-0.05em}

/* 클레이연동 */
.logo-klay-hk {display:block; width:134px; height:20px; margin:0 auto 30px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sybtb-xynl-gbc.cat') no-repeat center/contain}
.klay-wrap {max-width:720px; margin:0 auto; font-family:'GmarketSans', sans-serif;}
.klay-wrap .top-menu {display:flex; width:100%}
.klay-wrap .top-menu .txt-link {display:block; flex:0 0 auto; width:50%; padding:15px 10px; text-align:center; box-sizing:border-box}
.klay-wrap .top-menu .members {background-color:#00b7be}
.klay-wrap .top-menu .mobilehk {background-color:#002a8e}
.klay-wrap .txt-link span {padding-right:22px; font-family:'AppleSDGothicNeo-Regular, sans-serif'; color:#000; font-weight:700; font-size:15px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-yvax.fit') no-repeat right 4px/10px 10px; filter:invert(100)}

.klay-visual {position:relative; min-height:500px; padding:34px 20px 70px; text-align:center; background:#deeaff url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sot-xynl.wct%3Si%3Q2') no-repeat center 77%/contain; box-sizing:border-box}
.klay-visual .visual-txt, .klay-visual .visual-tit {display:block}
.klay-visual .visual-txt {font-weight:700; font-size:19px; letter-spacing:-0.05em}
.klay-visual .visual-tit {margin-top:14px; color:#0062ff; font-size:29px; letter-spacing:-0.03em}
.klay-visual .visual-desc {position:absolute; left:50%; bottom:40px; width:100%; padding:0 20px; font-family:'Pretendard',sans-serif; line-height:1.3; font-size:15px; text-align:center; transform:translateX(-50%); box-sizing:border-box}

.iframe-area {position:relative; height:0; padding-bottom:56.25%; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0)}
.iframe-area iframe {position:absolute; top:0; left:0; width:100%; height:100%}

.klay-wrap .iframe-area + .iframe-area {margin-top:15px}
.klay-wrap .cont-box {padding:40px 30px; background-color:#f8f8f8; box-sizing:border-box}
.klay-wrap .cont-box:nth-child(2n) {background-color:#eff3f4}
.klay-wrap .cont-box .btn-area {margin-top:30px}
.klay-wrap .klay-tit {display:block; margin-bottom:20px; color:#106afa; font-weight:700; font-size:19px; text-align:center}
.klay-wrap .btn-klay {display:inline-block; max-width:400px; width:100%; padding:18px 17px; border-radius:6px; font-weight:700; color:#fff; font-size:15px; background-color:#216feb; box-sizing:border-box}
.klay-wrap .btn-klay.line-type {border:2px solid #121212; font-weight:500; color:#121212; background-color:#fff}

.klay-wrap .tit {display:block; margin-bottom:10px; color:#002a8e; font-weight:500}
.klay-wrap .txt {line-height:1.5; font-size:15px; letter-spacing:-.05em; text-align:center}
.klay-wrap .txt > span {display:block; font-weight:300; font-size:13px}
.klay-wrap .txt + .klay-tit {margin-top:30px}
.klay-wrap .cont-list .txt + .btn-area {margin-top:10px}
.klay-wrap .cont-list li {font-size:15px; text-align:center}
.klay-wrap .cont-list li + li {margin-top:20px}
.klay-wrap .img-coin {position:relative; width:106px; height:106px; margin:0 auto 10px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svzt-pbva1.cat') no-repeat center/contain}
.klay-wrap .img-coin .percent-badge {position:absolute; top:5px; right:-5px; width:45px; height:45px; border-radius:50%; padding:8px; color:#fff; font-size:8px; background-color:#106afa; box-sizing:border-box}
.klay-wrap .img-coin .percent-badge .percent {font-weight:700; font-size:17px}
.klay-wrap .cont-list.step-type {margin-bottom:30px}
.klay-wrap .cont-list.step-type li + li {margin-top:10px}
.klay-wrap .cont-list.step-type li {border-radius:100px; padding:18px 10px; text-align:center; background-color:#fff; box-sizing:border-box}
.klay-wrap .cont-list.step-type .step-badge {display:inline-block; width:60px; margin-bottom:10px; padding:4px 10px; border-radius:30px; color:#fff; font-size:12px; background-color:#002a8e; box-sizing:border-box}
.klay-wrap .keyword-info {margin-top:20px; border-radius:20px; background-color:#fff}
.klay-wrap .keyword-item {padding:20px 20px 20px 80px; box-sizing:border-box}
.klay-wrap .keyword-item + .keyword-item {border-top:1px solid #f2efef}
.klay-wrap .keyword-item .cont strong {color:#106afa; font-size:17px}
.klay-wrap .keyword-item .cont p {margin-top:6px; line-height:1.4; font-size:13px}
.klay-wrap .keyword-item.klay {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svzt-pbva2.cat') no-repeat 20px center/46px 45px}
.klay-wrap .keyword-item.klip {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-xyvc.cat') no-repeat 20px center/45px 22px}

.klay-wrap .cont-box.klay-info .klay-tit {font-size:17px; text-align:left;}
.klay-wrap .cont-box.klay-info .txt-list li {padding-left:10px; line-height:1.5; font-size:15px; text-indent:-10px}
.klay-wrap .cont-box.klay-info .txt-list + .klay-sub-tit {margin-top:30px}
.klay-wrap .klay-sub-tit {display:block; margin-bottom:5px; font-size:15px}

/* 1:1문의 */
.qna-wrap .contact-area {margin-top:0}
.qna-wrap .contact-area .cont-item {display:flex; justify-content:space-between; align-items:center; padding:15px 30px; box-shadow:none}
.qna-wrap .contact-area .btn-area {flex:0 0 auto}
.qna-wrap .contact-area .btn-basic {padding:9px 28px; font-size:13px}
.qna-wrap .btn-file {position:relative; width:100px; height:40px; margin-bottom:10px; padding:10px; border-radius:30px; color:#fff; line-height:23px; font-size:15px; text-align:center; background-color:#121212; box-sizing:border-box}

.qna-wrap .btn-file input {border:none; width:100%; height:100%; background-color:#f7f7f7}
.qna-wrap .btn-file input[type="file"] {position:absolute; top:0; left:0; width:100px; height:40px; opacity:0; filter:alpha(opacity=0); cursor:pointer}
.file-list li {display:inline-block; position:relative; margin-bottom:10px; padding:10px 50px 10px 20px; border-radius:30px; border:1px solid #555; font-size:15px; box-sizing:border-box}
.file-list .btn-close, .myhk-wrap .btn-close {position:absolute; top:0; right:10px; width:20px; height:40px}
.file-list .btn-close::before,
.file-list .btn-close::after,
.myhk-wrap .btn-close::before,
.myhk-wrap .btn-close::after {content:''; position:absolute; left:50%; top:50%; width:1px; height:13px; background-color:#000}
.file-list .btn-close:before, .myhk-wrap .btn-close::before {transform:translate(-50%,-50%) rotate(45deg)}
.file-list .btn-close:after, .myhk-wrap .btn-close::after {transform:translate(-50%,-50%) rotate(-45deg)}

.qna-wrap .contact-area .tel-area {margin-bottom:0}
.qna-wrap .contact-area .contact-tit {width:auto; font-size:17px}
.qna-wrap .contact-area .contact-tit + a {font-weight:700; font-size:22px}
.qna-wrap .cont-item.qna-kakao .contact-tit {padding:5px 0 5px 30px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-xnxnb.fit') no-repeat left center/25px 25px}
.qna-wrap .cont-item.qna-kakao .contact-txt {margin-top:10px}
.qna-wrap .qna-cont {margin-top:20px; padding:30px 20px 40px; border-radius:20px; background-color:#fff; box-sizing:border-box}
.qna-wrap .qna-tit {font-size:19px}
.qna-wrap .qna-txt {margin-top:10px; color:#888; font-size:13px}
.qna-wrap .step-box {margin-top:20px; margin-bottom:30px}
.qna-wrap .select-style2 + .select-style2 {margin-top:10px}
.qna-wrap .select-style2 {background-color:#e5e5e5}
.qna-wrap .select-style2.active {background-color:#f7f7f7}
.qna-wrap .select-style2::after {border-color:#b5b5b5}
.qna-wrap .select-style2.active::after {border-color:#000}
.qna-wrap .form-ui textarea.inp-txt {height:300px}
.qna-wrap .txt-info, .step-box .txt-info {margin-top:10px; font-size:13px; color:#555; text-align:right}

/* 퀵메뉴 */
.quick-menu {z-index:9; position:fixed; bottom:0; left:0; right:0; width:100%; height:60px; background:#fff; box-shadow:0px 3px 10px #12121229}
.quick-menu ul {display:flex; align-items:center; height:100%; padding:0 10px; box-sizing:border-box}
.quick-menu li {flex:1 1 auto; width:20%}
.quick-menu li a {display:block; padding:20px 25px; box-sizing:border-box; background-repeat:no-repeat; background-position:center; background-size:contain}
.quick-menu .quick-home a {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-dhvpx-ubzr.fit'); background-size:19px 22px}
.quick-menu .quick-kakao a {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-dhvpx-xnxnb.fit'); background-size:22px 21px}
.quick-menu .quick-my a {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-dhvpx-zl.fit'); background-size:21px 21px}
.quick-menu .quick-mobilhk a {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-dhvpx-zbovyrux2.fit%3Si%3Q2'); background-size:22px 21px}
.quick-menu .quick-event a {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-dhvpx-rirag2.fit'); background-size:20px 20px}

/* 미니 배너 */
.mini-banner-wrap {margin-top:18px}
.mini-banner-wrap a {display:block}
.mini-banner-wrap img {width:100%; min-height:50px; object-fit:cover}

/* 팝업 */
.layer-wrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999999; align-items:center; justify-content:center; background:rgba(0,0,0,.8); overflow-x:hidden; overflow-y:auto}
.layer-wrap.active {display:block}
.layer-wrap .pop-inner {display:flex; align-items:center; justify-content:center; min-height:calc(100% - (0.1rem * 2)); padding:0 20px}
.layer-wrap .pop-wrap {position:relative; width:100%; max-width:480px; box-sizing:border-box; background-color:#fff}
.layer-wrap .pop-wrap.nomember-pop {padding:30px 20px; background-color:#f7f7fa}
.layer-wrap .pop-wrap.nomember-pop .pop-cont {text-align:center}
.layer-wrap .pop-wrap .btn-area {margin-top:20px}
.layer-wrap .pop-wrap .btn-area .btn-subs {width:auto}
.layer-wrap .btn-pop-close {position:absolute; top:-30px; right:0px; width:20px; border:none}
.layer-wrap .btn-pop-close::before,
.layer-wrap .btn-pop-close::after {content:''; position:absolute; left:50%; top:0; width:3px; height:20px; background-color:#FFF}
.layer-wrap .btn-pop-close:before {transform:translate(-50%) rotate(45deg)}
.layer-wrap .btn-pop-close:after {transform:translate(-50%) rotate(-45deg)}

/* 레이어팝업 배너 */
/* .layer-pop .scroll-area {overflow-x:hidden; overflow-y:auto} */

.layer-pop {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; align-items:center; justify-content:center; background-color:rgba(0,0,0,.6); animation:fade-out .3s forwards; font-family:HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif}
.layer-pop:not(.modal-photoviewer) {touch-action:none; height:100vh}
.layer-pop .pop-inner {overflow:hidden; position:fixed; left:0; bottom:0; right:0; border-radius:20px 20px 0 0; background:#fff; animation:modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards; touch-action:auto}
.layer-pop .pop-link {display:block}
.layer-pop .pop-link img {width:100%; height:100%; object-fit:cover}
.layer-pop .pop-body {text-align:center}
.layer-pop .pop-footer {display:flex; align-items:center; justify-content:space-between; height:40px; padding:10px 15px 10px; text-align:center; background-color:#fff; box-sizing:border-box}
.layer-pop .pop-footer [class^="btn-"] {flex:0 0 auto; font-size:15px}

.layer-pop.show {display:flex; animation:fade-in .3s forwards}
.layer-pop.show .pop-inner {animation:modalScaleUp .3s cubic-bezier(.6, 0, .4, 1) forwards}
.layer-pop.hide {animation:fade-out .3s forwards}
.layer-pop.hide .pop-inner {animation:modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards}
@keyframes fade-in {
  from {opacity:0}
  to {opacity:1}
}
@keyframes fade-out {
  from {opacity:1}
  to {opacity:0; z-index:-1; height:0; overflow:hidden}
}
@keyframes modalScaleUp {
	0% {-webkit-transform:translateY(100%); transform:translateY(100%)}
	to {-webkit-transform:translateY(0); transform:translateY(0)}
}
@keyframes modalScaleDown {
    0% {-webkit-transform:translateY(0); transform:translateY(0); opacity:1}
	to {-webkit-transform:translateY(200%); transform:translateY(200%); opacity:0}
}

.layer-pop .form-checkbox {display:inline-flex; align-items:center; position:relative}
.layer-pop .form-checkbox input[type="checkbox"] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.layer-pop .form-checkbox label {color:#121212; line-height:16px; font-size:15px; user-select:none; cursor:pointer}
.layer-pop .form-checkbox label::before {content:''; display:inline-block; width:15px; height:15px; margin-right:5px; border:none; box-sizing:border-box; vertical-align:-3px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-pvepyr-purpx.fit') no-repeat center/contain}
.layer-pop .form-checkbox input[type="checkbox"]:checked + label::before {background:#fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-pvepyr-purpx-ba.fit") no-repeat center center/contain}

.nomember-pop strong, .nomember-pop strong + p {letter-spacing:-0.05em}
.nomember-pop strong {font-size:22px}
.nomember-pop strong + p {margin-top:5px; font-size:15px}
.nomember-pop .bg-box {margin-top:20px; padding:25px; border-radius:10px; border:2px solid; box-sizing:border-box; text-align:left}
.nomember-pop .bg-box.member {border-color:#0065d2}
.nomember-pop .bg-box.nomemeber {border-color:#777}
.nomember-pop .bg-box + .bg-box {margin-top:10px}
.nomember-pop .bg-box .tit, .nomember-pop .bg-box li {line-height:1.4; font-size:17px}
.nomember-pop .bg-box .tit {margin-bottom:7px; font-weight:700}
.nomember-pop .bg-box li span {display:inline-block; margin-right:10px; font-weight:700}
.nomember-pop .bg-box.member li span {font-family:'Pretendard',sans-serif; font-weight:900}
.nomember-pop .bg-box.member .tit, .nomember-pop .bg-box.member li span {color:#0065d2}
.nomember-pop .bg-box.nomemeber .tit, .nomember-pop .bg-box.nomemeber li span {color:#121212}
.nomember-pop .bg-box li + li {margin-top:7px}

/* 커스텀 alert */
.layer-pop.type-alert,
.layer-pop.type-alert.show,
.layer-pop.type-alert.show .pop-inner {animation:none}
.layer-pop.type-alert .pop-inner {position:relative; width:calc(100% - 40px); max-width:360px; border-radius:8px; padding:24px; box-sizing:border-box;}
.layer-pop.type-alert .pop-body {text-align:left; word-break:keep-all}
.layer-pop.type-alert .msg-tit {font-size:24px}
.layer-pop.type-alert .msg {font-size:16px}
.layer-pop.type-alert .msg-tit + .msg {margin-top:8px}
.layer-pop.type-alert .alert-btns {margin-top:24px; display:flex; align-items:center; justify-content:center;}
.layer-pop.type-alert .alert-btns .btn-default {flex:1; min-width:unset; height:36px; font-size:14px}

/* 쿠폰 */
.form-credit {margin-top:20px}
.form-credit > .form-ui {align-items:flex-start}
.form-credit > .form-ui dt {margin-top:12px}
.coupon-num {margin-top:10px; color:#555; font-size:14px}
.coupon-list .coupon-num {margin-top:0}
.coupon-item {display:inline-block; position:relative; margin:5px 0; padding:10px 40px 10px 20px; border-radius:30px; border:1px solid #555; font-size:15px; box-sizing:border-box}
.coupon-item .btn-close {position:absolute; top:50%; right:10px; width:27px; height:37px; transform:translateY(-50%)}
.coupon-item .btn-close::before,
.coupon-item .btn-close::after {content:''; position:absolute; left:50%; top:50%; width:1px; height:13px; background-color:#000}
.coupon-item .btn-close:before {transform:translate(-50%,-50%) rotate(45deg)}
.coupon-item .btn-close:after {transform:translate(-50%,-50%) rotate(-45deg)}

.form-total-price {margin-top:20px}
.form-total-price .form-ui {display:flex; justify-content:space-between}
.form-total-price .form-ui:first-child {padding-top:20px; border-top:1px solid #e5e5e5; box-sizing:border-box}
.form-total-price .form-ui > dt {margin-bottom:0; font-weight:400}
.form-total-price .form-ui.total-num dt {font-weight:700; color:#121212}
.form-total-price .form-ui.total-num dd {font-weight:400; color:#121212}
.form-total-price .form-ui.total-num dd span {font-weight:700; font-size:17px}
.form-total-price .form-ui.total-num dd p {font-size:17px; text-align:right}
/* .form-total-price .form-ui:first-child dd {border-top:1px solid #e5e5e5} */

/* 클레이 결제 */
.form-klay .klay-txt {display:block; font-size:15px}
.form-klay .klay-txt span {display:inline-block; margin-left:5px; color:#888}
.form-klay .form-ui .btn-inp {position:relative; display:inline-block; top:auto; right:auto; left:50%; width:auto; margin-top:15px; padding:2px 20px; font-size:13px; transform:translateX(-50%); box-sizing:border-box}
.form-ui .form-klay {margin-top:0}
.form-ui .form-klay .btn-inp.line-type {display:inline-block; position:relative; top:auto; right:auto; width:auto; height:36px; margin-top:15px; padding:2px 20px; line-height:32px; box-sizing:border-box}

/* 마이한경 */
.myhk-menu-wrap {border-top:5px solid #f7f7fa}
.myhk-menu-area {background-color:#fff}
.myhk-menu-area .inner-scroll {padding:0 0 0 10px}
.myhk-menu-area .menu-item {display:block; white-space:nowrap; box-sizing:border-box; text-align:center}
.myhk-menu-area ul {display:flex; align-items:center}
.myhk-menu-area ul li:last-child {padding-right:10px}
.myhk-menu-area ul li.on .menu-item {font-weight:700; color:#121212}
.myhk-menu-area ul.align-center {justify-content:center}
.myhk-menu-area ul.align-end {justify-content:flex-end}
.myhk-menu + .myhk-sub-menu {border-top:1px solid #e2e2e2}
.myhk-menu ul li {width:33.33%; min-width:113px}
.myhk-menu ul li.on {border-bottom:3px solid #000}
.myhk-menu .menu-item {padding:12px 0; color:#888; font-weight:700; font-size:17px}
.myhk-sub-menu ul li {margin:0 12px}
.myhk-sub-menu .menu-item {padding:15px 0; font-size:15px}

.paging-box,
.myhk-member .my-box,
.myhk-member .my-subs {border-radius:20px; background-color:#fff}

.paging-box {position:relative; margin-top:25px; padding:25px 0}
.paging-list {display:flex; align-items:center; justify-content:center; gap:50px; font-size:15px}
.paging-list > a,
.paging-list > strong {display:inline-flex; align-items:center; height:50px; padding:0 5px; white-space:nowrap; color:#555; box-sizing:border-box}
.paging-list > strong {color:#142C67}
.paging-list > [class^="btn-page"] {gap:6px}
.paging-list .btn-page-first::before,
.paging-list .btn-page-last::after {content:''; display:inline-block; width:8px; height:8px; margin-top:-2px; border-width:2px; border-color:#888; transform:rotate(45deg)}
.paging-list .btn-page-first::before {border-style:none none solid solid}
.paging-list .btn-page-last::after {border-style:solid solid none none}
.paging-list > [aria-disabled="true"] {color:#cdcdcd; pointer-events:none}
.paging-list > [aria-disabled="true"]::before,
.paging-list > [aria-disabled="true"]::after {border-color:#cdcdcd}

.myhk-cont-tit {margin:20px 0 15px; font-size:19px}
.myhk-cont-txt {margin-bottom:15px; font-size:15px}
.myhk-cont-stit {font-size:17px}

.myhk-cont-tit-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px}
.myhk-cont-tit-wrap .myhk-cont-tit-desc {margin-top:7px}
/* .myhk-cont-tit-wrap .myhk-cont-tit {margin:0; font-size:19px; line-height:36px; white-space:nowrap} */
/* .myhk-cont-tit-wrap .btn-default {height:36px; font-size:15px} */
.myhk-cont-tit-wrap .myhk-cont-tit {margin:0}
.myhk-wrap .rank-family {color:#6c7279}
.myhk-wrap .rank-silver {color:#b5beca}
.myhk-wrap .rank-gold {color:#dea21a}
.myhk-wrap .rank-platinum {color:#0467d3}

.myhk-member .my-box, .myhk-member .my-subs {padding:25px 20px; box-sizing:border-box}
.myhk-member .my-box {display:flex; flex-direction:column}
.myhk-member .my-box + .my-subs {margin-top:10px}
.myhk-member .state-box {display:flex; align-items:center}
.myhk-member .state-box::before {content:''; flex:0 0 auto; width:56px; height:65px; margin-right:20px; background-repeat:no-repeat; background-position:center; background-size:contain}
.myhk-member .state-box.rank-family::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-enax-snzvyl.fit')}
.myhk-member .state-box.rank-silver::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-enax-fvyire.fit')}
.myhk-member .state-box.rank-gold::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-enax-tbyq.fit')}
.myhk-member .state-box.rank-platinum::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-enax-cyngvahz.fit')}
.myhk-member .state-box .name, .myhk-member .state-box [class^="rank-"] {display:block; font-weight:700}
.myhk-member .state-box .name {color:#121212; font-size:20px}
.myhk-member .state-box [class^="rank-"] {margin-top:8px; font-size:15px}
.myhk-member .btn-box {margin:10px -2px 0; text-align:center}
/* .myhk-member .btn-box > div {display:flex; flex-wrap:wrap; justify-content:center; } */
.myhk-member .btn-box > div { }
.myhk-member .btn-box .btn-basic {display:inline-block; width:38%; height:40px; margin:0 2px 10px; padding:11px 10px 10px; font-size:15px; text-align:center; white-space:nowrap}
.myhk-member .btn-box .btn-basic.klay-type {width:57%}
.myhk-wrap .btn-basic.klay-type::before {content:''; display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:middle; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-xynl.fit') no-repeat center/contain}
.myhk-wrap .btn-line {display:inline-block; padding:11px 19px 10px; border-radius:30px; border:1px solid #999; font-size:13px; line-height:1; box-sizing:border-box}
.myhk-wrap .btn-line.color-type {border-color:#0065d2; color:#0065d2}
.myhk-member .my-subs .subs-top {display:flex; align-items:center; justify-content:space-between; margin-bottom:15px}
.myhk-member .my-subs .subs-top .tit {font-size:19px}
.myhk-member .my-subs .subs-list li + li {margin-top:15px}
.myhk-member .my-subs .subs-list .tit, .myhk-member .my-subs .subs-list .txt {display:block; line-height:1.4; font-size:16px}
.myhk-member .my-subs .subs-list .tit {margin-bottom:5px; font-weight:700}

.myhk-box {border-radius:20px; background-color:#fff; box-sizing:border-box}
.myhk-box + .myhk-box {margin-top:20px}
.myhk-boxs .myhk-box + .myhk-box {margin-top:0}

.myhk-boxs {display:flex; flex-direction:column; gap:25px}
.myhk-boxs > .myhk-box {padding:20px; border-radius:20px; background-color:#fff}

/* 구독처리현황 */
.process-cont .myhk-box {padding:20px 30px 30px}
.process-list {position:relative} 
.process-list::after {content:''; display:block; position:absolute; left:18px; top:0; width:5px; height:100%; background-color:#f7f7f7}
.process-list li {position:relative; display:flex; align-items:center; line-height:1.4; font-size:15px}
.process-list li::before {content:''; display:block; width:40px; height:40px; border-radius:50%; margin-right:20px; background-color:#c7c7c7; background-repeat:no-repeat; background-position:center; background-size:43%; z-index:1}
.process-list li + li { margin-top:30px}
.process-list li.on {font-weight:700; color:#0065d2}
.process-list li.on::before {background-color:#0065d2}
.process-list .process-apply::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-nccyl.fit')}
.process-list .process-call::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-pnyy.fit')}
.process-list .process-wait::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-jnvg.fit')}
.process-list .process-delivery::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-qryvirel.fit')}
.process-list .process-subs::before {background-size:auto; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-cubar-j.fit')}

.no-data-box {padding:48px 30px; border-radius:20px; text-align:center; background-color:#fff; box-sizing:border-box}
.no-data-box .btn-area {margin-top:20px}
.no-data-box .btn-line {padding:11px 16px 10px; font-weight:700; font-size:13px}
.no-data-box .btn-default {height:auto; padding:10px 16px 9px; font-weight:700; font-size:13px}
.no-data-box strong {font-size:17px}
.no-data-box strong::before {content:''; display:block; margin:0 auto 30px}
.no-data-box .no-subscribe::before {width:35px; height:30px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-cebqhpg.fit') no-repeat center/contain}
.no-data-box .no-card::before {width:31px; height:24px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-pneq.fit') no-repeat center/contain}
.no-data-box .no-cart {font-weight:400}
.no-data-box .no-cart::before {width:30px; height:30px; margin-bottom:20px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-pneg.fit') no-repeat center/contain}
.no-data-box p {margin-top:10px; color:#888; line-height:1.5; font-size:15px}

.myhk-wrap .subs-cont .myhk-box, .myhk-wrap .refund-cont .myhk-bg-box .myhk-box {width:100%; margin-top:20px; padding:20px}
.myhk-wrap .subs-cont .cont-bg-box {padding:0; background-color:transparent; box-sizing:border-box}
.myhk-wrap .subs-cont .cont-bg-box .myhk-flex {padding:25px 20px 20px; border-radius:20px; background-color:#fff; box-sizing:border-box}
.myhk-wrap .result-list + .btn-area {margin-top:20px}

.myhk-cont .product-top.is-pc {display:none}
.myhk-cont .product-top {display:flex; flex-direction:column; margin-bottom:20px}
.myhk-cont .product-top .product-item + .product-item {margin-top:15px}
.myhk-cont .product-top .product-item .tit, .myhk-cont .product-top .product-item .txt {display:inline-block; font-size:15px; vertical-align:middle}
.myhk-cont .product-top .product-item p.txt {display:block; margin-top:5px}
.myhk-cont .product-top .product-item span.txt::before {content:''; display:inline-block; width:1px; height:13px; margin:0 10px; background-color:#e0e0e0; vertical-align:middle}

.method-cont .no-data-box {margin-top:20px}
.method-cont .method-item {text-align:center}
.method-cont .method-info {font-size:15px}
.method-cont .method-info::before {content:''; display:block; margin:0 auto 10px; width:100px; height:60px;}
.method-cont .method-info .tit, .method-cont .method-info .num {font-size:15px}
.method-cont .method-info .num {margin-top:5px}
.method-cont .method-item .btn-area {margin-top:15px}
.method-cont .method-info.method-account::before {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-nppbhag.fit') no-repeat center/contain}
.method-cont .method-info.method-card::before {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Svpba-perqvgpneq.fit') no-repeat center/contain}

.method-cont .myhk-boxs {padding:35px 20px; border-radius:20px; background-color:#fff}
.method-cont .myhk-boxs > .myhk-box {border:1px solid #ddd}
.method-cont .step-box, .refund-cont .step-box {border:none}
.refund-cont .step-box .form-account {margin-top:0}
.method-cont .step-box .btn-area, .refund-cont .step-box .btn-area {margin-top:20px}
.myhk-wrap .form-ui > dt, .myhk-wrap .form-ui > dd, .myhk-wrap .form-ui .inp-txt, .myhk-wrap .select-style2 {font-size:17px}

.mypay-cont .myhk-box {padding:20px}
.mypay-cont .area-top {}
.mypay-cont .area-top .tit, .mypay-cont .area-list .tit, .mypay-cont .area-list .txt {font-size:15px}
.mypay-cont .area-list li {margin-top:5px}
.mypay-cont .area-list + .btn-area {margin-top:10px}
.mypay-cont .area-list + .btn-area .btn-line + .btn-line {margin-left:7px}
.mypay-cont .receipt-area + .pay-area {margin-top:15px}
.mypay-cont .area-list .tit span::after {content:''; display:inline-block; width:1px; height:13px; margin:0 10px; background-color:#e0e0e0; vertical-align:middle}

.myhk-wrap .tbl-chk { margin-top:14px}
.myhk-wrap .tbl-chk table {table-layout:fixed; width:100%}
.myhk-wrap .tbl-chk th, .myhk-wrap .tbl-chk td {padding:17px 0; text-align:center}
.myhk-wrap .tbl-chk thead tr {border-bottom:1px solid #707070;}
.myhk-wrap .tbl-chk tbody tr {border-bottom:1px solid #ddd; cursor:pointer}
.myhk-wrap .tbl-chk th {font-size:15px}
.myhk-wrap .tbl-chk td {font-size:17px}
.myhk-wrap .tbl-chk .check {width:20px; height:20px}
.myhk-wrap .tbl-chk .tbl-list {text-align:left; box-sizing:border-box;}
.myhk-wrap .tbl-chk .tbl-list li {display:flex}
.myhk-wrap .tbl-chk .tbl-list li + li {margin-top:15px}
.myhk-wrap .tbl-chk .tbl-list .tit, .myhk-wrap .tbl-list .txt {font-size:15px}
.myhk-wrap .tbl-chk .tbl-list .tit {width:70px; padding-right:15px; font-weight:700}
.myhk-wrap .tbl-chk .tbl-list .txt {width:calc(100% - 70px)}
.myhk-wrap .tbl-chk .tbl-cont-box {display:none; background-color:#ededf2}
.myhk-wrap .tbl-chk .tbl-cont-box.active {display:table-row}
.myhk-wrap .tbl-chk .tbl-cont-box td {padding:22px;}
.myhk-wrap .tbl-chk td.txt {text-align:left;}

/* My쇼핑 */
.myhk-shopping .list-item {position:relative; display:flex; flex-direction:column; gap:15px; font-size:15px}
.myhk-shopping .list-item .list-item-tit {padding-bottom:10px; border-bottom:1px solid #121212; font-size:17px}
.myhk-shopping .list-item .division-cont {padding-top:15px; border-top:1px solid #eee}
.myhk-shopping .list-item .order-info {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap}
.myhk-shopping .list-item .product-item {display:flex; gap:10px}
.myhk-shopping .list-item .product-thumb {flex:0 0 auto; width:90px; height:90px; border:1px solid #ddd; border-radius:6px; overflow:hidden}
.myhk-shopping .list-item .product-thumb > a {display:block; width:100%; height:100%}
.myhk-shopping .list-item .product-thumb img {width:100%; height:100%; object-fit:cover}
.myhk-shopping .list-item .product-item > .product-info-wrap {flex:1 1 auto; display:flex; flex-direction:column; gap:10px; width:calc(100% - 100px)}
.myhk-shopping .list-item .product-item .product-info {display:flex; flex-direction:column; gap:6px}
.myhk-shopping .list-item .product-item > .product-info {flex:1 1 auto; width:calc(100% - 100px)}
.myhk-shopping .list-item .product-item > .product-info .name {overflow:hidden; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; font-weight:bold; -webkit-line-clamp:2; font-size:17px}
.myhk-shopping .list-item .product-item > .product-info-wrap > .product-info {width:100%}
.myhk-shopping .list-item del {margin-left:5px; color:#888}
.myhk-shopping .list-item .product-info .key::after {content:'|'; margin:0 0 0 4px; color:#ddd}
.myhk-shopping .list-item .order-status {color:#0065d2}
.myhk-shopping .list-item .order-status-btns {display:flex; flex-wrap:wrap; justify-content:center; gap:10px}
.myhk-shopping .list-item .order-status-btns [class^="btn-"] {min-width:85px}
.myhk-shopping .list-item .total-price {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; width:100%}
.myhk-shopping .list-item .total-price.big,
.myhk-shopping .list-item .total-price .big {font-size:17px}
.myhk-shopping .list-item .total-price.justify-end {gap:10px; justify-content:flex-end}
.myhk-shopping .list-item .info-list-tit {margin-bottom:10px}
.myhk-shopping .list-item .info-list {display:flex; flex-direction:column; gap:10px; word-break:break-all}
.myhk-shopping .list-item .info-list > li {display:flex}
.myhk-shopping .list-item .info-list > li > .tit {flex:0 0 auto; width:100px; font-weight:bold}
.myhk-shopping .list-item .info-list > li > .cont {flex:1 1 auto; width:calc(1000% - 100px)}
.myhk-shopping .list-item .info-list.justify-between > li {justify-content:space-between; flex-wrap:wrap}
.myhk-shopping .list-item .info-list.justify-between > li > .tit,
.myhk-shopping .list-item .info-list.justify-between > li > .cont {flex:none; width:auto; font-weight:normal}
.myhk-shopping .list-item .inner-list {display:flex; flex-direction:column; gap:6px; margin-top:10px; font-size:14px}
.myhk-shopping .list-item .inner-list > li::after {display:block; content:''; clear:both}
.myhk-shopping .list-item .inner-list > li > .tit {float:left; margin-right:10px}
.myhk-shopping .list-item .inner-list.justify-between > li {display:flex; justify-content:space-between; flex-wrap:wrap}
.myhk-shopping .list-item .inner-list.justify-between > li > .tit,
.myhk-shopping .list-item .inner-list.justify-between > li > .cont {flex:none; width:auto}
.myhk-shopping .list-item .inner-list.justify-between > li::after {display:none}
.myhk-shopping .list-item .form-ui {display:flex; flex-direction:column; gap:10px}
.myhk-shopping .list-item .form-ui > .form-ui-label {display:block}
.myhk-shopping .addr-item .btn-area {display:flex; justify-content:center; flex-wrap:wrap; gap:10px}
.myhk-shopping .addr-item .btn-outline {min-width:82px}
.myhk-shopping .addr-default-item .info-list-tit {font-size:17px}
.myhk-shopping .addr-from {position:relative}
.myhk-shopping .addr-from .inp-txt-wrap + .inp-txt-wrap {margin-bottom:0}
.myhk-shopping .cart-list .form-check-all {display:flex; justify-content:space-between; align-items:center}
.myhk-shopping .cart-list .form-check-all .form-check .check {margin:0 10px 0 0}
.myhk-shopping .cart-list .list-item .btn-close {top:14px; width:30px; height:30px}
.myhk-shopping .cart-list .list-item .btn-close::before,
.myhk-shopping .cart-list .list-item .btn-close::after {width:2px; height:20px}
.myhk-shopping .cart-list .list-item .form-check .check {margin:0}

/* My멤버십 */
/* 쿠폰 */
.mycoupon-page {background-color:#F7F7FA}
.mycoupon-wrap {padding:20px}
.mycoupon-wrap .myhk-cont-tit-wrap {margin-bottom:15px}
.mycoupon-wrap .no-data {width:100%; padding:100px 0; font-size:17px; text-align:center}
.mycoupon-box {padding:20px; border-radius:20px; background:#fff}
.mycoupon-list {display:flex; flex-direction:column; flex-wrap:wrap; gap:20px}
.mycoupon-item {position:relative; flex:1; width:100%; background:#F5F6F8; overflow:hidden}
.mycoupon-item > a.mycoupon {position:relative; z-index:2; display:flex; flex-direction:column; gap:10px; height:100%; padding:20px; box-sizing:border-box}
.mycoupon-item .mycoupon-name {color:#0065D2; font-weight:bold; font-size:28px; word-break:keep-all; word-wrap: break-word}
.mycoupon-item .mycoupon-sub-name {color:#0065D2; font-weight:bold; font-size:17px; word-break:keep-all; word-wrap: break-word}
.mycoupon-item .mycoupon-txt {font-size:15px}
.mycoupon-item .mycoupon-txt-underlien {margin-top:10px; color:#888; font-size:13px; text-decoration:underline}
.mycoupon-item .btn-use {position:absolute; bottom:20px; left:140px; background:none; border-color:#fff; color:#fff; white-space:nowrap}
.mycoupon-item::after {content:''; position:absolute; top:50%; right:-25px; width:50px; height:50px; border-radius:100%; transform:translateY(-50%); background:#fff; pointer-events:none}
.mycoupon-item::before {content:'COUPON'; color:#CECECE; position:absolute; top:calc(50% - 5px); right:-10px; transform:rotate(-90deg) translateY(-50%); letter-spacing:6px; font-weight:bold; font-size:16px; pointer-events:none}
.mycoupon-item.theme-blue {background:#0065D2; color:#fff}
.mycoupon-item.theme-blue .mycoupon-name,
.mycoupon-item.theme-blue .mycoupon-sub-name,
.mycoupon-item.theme-blue .mycoupon-txt {color:#fff}
.mycoupon-item.theme-blue .mycoupon-txt-underlien {color:#fff}
.mycoupon-item.theme-blue::before {color:#378DEA}
.mycoupon-wrap .attention-txt,
.myhk-member-coupon .mycoupon-wrap .attention-txt {margin-top:30px; padding-top:20px; border-top:1px solid #121212; font-size:15px}
.mycoupon-wrap .attention-title {display:block; margin-bottom:10px}
.mycoupon-wrap .attention-cont {line-height:1.4}

.mycoupon-inner .mycoupon-item > a.mycoupon {padding:15px}
.mycoupon-inner .mycoupon-item .mycoupon-name {font-size:16px}
.mycoupon-inner .mycoupon-item .mycoupon-sub-name {display: -webkit-box; font-size:11px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2}
.mycoupon-inner .mycoupon-item .mycoupon-txt, .mycoupon-inner .mycoupon-item .mycoupon-subtxt {font-size:10px}
.mycoupon-inner .mycoupon-item .mycoupon-txt-underlien {font-size:12px}
.mycoupon-inner .mycoupon-item .btn-use {bottom:16px; left:115px; padding:5px 10px; font-size:10px;}
.mycoupon-inner .mycoupon-item::before {top:calc(50% - 10px); transform:rotate(-90deg) translateY(-50%) scale(0.8)}
.mycoupon-wrap .mycoupon-inner .attention-title {font-size:12px}
.mycoupon-wrap .mycoupon-inner .attention-cont {font-size:10px}

.mycoupon-layer {position:fixed; top:50%; left:50%; z-index:10; min-width:200px; transform:translate(-50%, -50%); border:1px solid #DDD; background:#fff; box-shadow:0px 1px 8px #00000014}
.mycoupon-layer .mycoupon-layer-inner {padding:20px}
.mycoupon-layer .btn-close {position:absolute; top:0; right:0; width:30px; height:30px}
.mycoupon-layer .btn-close::before,
.mycoupon-layer .btn-close::after {width:2px; height:15px}
.mycoupon-layer .mycoupon-tit {margin-bottom:10px; font-size:21px}
.mycoupon-layer .mycoupon-subtit {margin-bottom:8px; font-weight:bold; font-size:17px}
.mycoupon-layer .form-select-agree .txt {line-height:1.4}
.myhk-wrap .mycoupon-layer .btn-line.color-type {color:#fff; background-color:#0065d2}

.myhk-member-coupon .mycoupon-layer {position:absolute; top:50%; width:calc(100% - 40px); min-width:250px; max-width:550px; width:93%}
.myhk-member-coupon .btn-area.bottom > .btn-default {flex:0 0 auto}
.myhk-member-coupon .btn-default {padding-top:3px}
.myhk-member-coupon .mycoupon-layer .btn-close {top:20px; right:20px}
.myhk-member-coupon .mycoupon-layer .btn-close::before, .myhk-member-coupon .mycoupon-layer .btn-close::after {height:20px}
.myhk-member-coupon .myhk-area {position:relative}
.myhk-member-coupon .layer-mycoupon-detail {max-width:350px}
.myhk-member-coupon .layer-mycoupon-detail .mycoupon-txt {margin-bottom:10px}

/* 팝업 페이지 */
.mycoupon-page .mycoupon-layer .mycoupon-tit {font-size:16px}
.mycoupon-page .mycoupon-layer .mycoupon-subtit {font-size:14px}
.mycoupon-page .layer-mycoupon-register {min-width:auto; width:93%}
.mycoupon-page .layer-mycoupon-register .mycoupon-msg {font-size:12px}
.mycoupon-page .layer-mycoupon-register .mycounpon-detail-info li {font-size:13px}
.mycoupon-page .layer-mycoupon-register .mycounpon-detail-info ul {padding:15px}
.mycoupon-page .layer-mycoupon-detail .mycoupon-name {font-size:16px}
.mycoupon-page .layer-mycoupon-detail .mycoupon-sub-name {font-size:11px}
.mycoupon-page .layer-mycoupon-detail .mycoupon-txt, .mycoupon-page .layer-mycoupon-detail .mycoupon-subtxt {font-size:10px}
.mycoupon-page .layer-mycoupon-detail .mycoupon-subtxt + .mycoupon-subtxt {margin-top:-2px}
.mycoupon-page .mycoupon-layer .mycoupon-layer-inner {padding:15px}
.mycoupon-page .layer-mycoupon-register .mycoupon-input .inp-txt {height:35px; font-size:12px}
.mycoupon-page .layer-mycoupon-register .mycoupon-input .btn-line {white-space:nowrap}

.mycoupon-inner .myhk-cont-tit {margin-top:0; font-size:16px}
.mycoupon-inner .myhk-cont-tit-desc {margin-top:5px; font-size:12px}
.mycoupon-wrap .btn-line {min-width:80px; height:35px; padding:10px 0}

.layer-mycoupon-detail .mycoupon-layer-inner {display:flex; flex-direction:column; gap:5px; font-size:14px}
.layer-mycoupon-detail .mycoupon-name,
.layer-mycoupon-detail .mycoupon-sub-name {color:#0065D2; font-weight:bold}
.layer-mycoupon-detail .mycoupon-name {font-size:36px}
.layer-mycoupon-detail .mycoupon-sub-name {display: -webkit-box; margin-bottom:10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2; font-size:17px}
.layer-mycoupon-detail .mycoupon-subtxt {color:#888}
.layer-mycoupon-detail .mycoupon-txt, .layer-mycoupon-detail .mycoupon-subtxt {font-size:14px}
/* .layer-mycoupon-detail .mycoupon-txt, .layer-mycoupon-detail .mycoupon-subtxt {font-size:10px} 
.layer-mycoupon-detail .mycoupon-subtxt + .mycoupon-subtxt {margin-top:-2px}*/

.layer-mycoupon-register .mycoupon-layer-inner {padding:20px}
.layer-mycoupon-register .mycoupon-input {display:flex; flex-direction:column; gap:10px; align-items:center;}
.layer-mycoupon-register .mycoupon-input .inp-txt {flex:1 1 auto}
.layer-mycoupon-register .mycoupon-input .btn-default {flex:0 0 auto; width:100px; height:46px; font-weight:bold}
.layer-mycoupon-register .mycoupon-msg {margin:10px 0 30px; color:#888; font-size:13px}

.mycoupon-layer .mycounpon-detail-info ul {display:flex; flex-direction:column; gap:10px; padding:20px; border-radius:20px; background:#F7F7F7; font-size:15px}
.mycoupon-layer .mycounpon-detail-info .key {display:block; margin-bottom:5px}
.mycoupon-layer .mycounpon-detail-info li {font-size:15px}
.mycoupon-layer .step-box {border:none; padding:0}
.mycoupon-layer .step-box.step-agree {margin-top:40px; border:1px solid #707070; padding:20px}
.mycoupon-layer .step-box + .step-tit,
.mycoupon-layer .step-box + .btn-area {margin-top:40px}
.mycoupon-layer .step-tit {margin:20px 0; font-weight:700; font-size:19px; text-align:center}
.mycoupon-layer .form-ui > dt, .mycoupon-layer .form-ui .inp-txt {font-size:15px}
.mycoupon-layer .essential-txt {margin-top:10px; font-size:13px}

.myhk-member-coupon .mycoupon-wrap {padding:0}
.myhk-member-coupon .myhk-cont-tit-wrap {margin:20px 0 15px}
.myhk-member-coupon .myhk-cont-tit-wrap .myhk-cont-tit {font-size:19px}

.layer-mycoupon-use {max-height:550px; overflow-y:auto;}
.layer-mycoupon-use .mycoupon-layer-inner {padding:20px 20px 30px}
.layer-mycoupon-use .mycoupon-tit {margin-bottom:15px; color:#0065d2; text-align:center}
.layer-mycoupon-use .mycounpon-detail-info li {font-size:16px}

/* 등급별 혜택 */
.myhk-member-benefit .desc {color:#121212; font-size:15px}
.myhk-member-benefit .desc.big,
.myhk-member-benefit .myhk-member .desc.big [class^="rank-"] {font-size:17px}
.myhk-member-benefit .myhk-box {padding:30px 20px }
.myhk-member-benefit .myhk-box .my-info {flex:1}
.myhk-member-benefit .myhk-box.current-benefit .state-box .name,
.myhk-member-benefit .myhk-box.current-benefit .state-box [class^="rank-"] {display:inline;}
.myhk-member-benefit .myhk-box.current-benefit .desc:not(.big) {margin-top:10px}
.myhk-member-benefit .myhk-cont-stit {margin:20px 0; font-weight:400; font-size:19px}
.myhk-member-benefit .desc {font-size:17px}
.myhk-member-benefit .myhk-boxs {gap:20px}
.myhk-member-benefit .myhk-boxs .myhk-box [class^="rank-"] {margin-bottom:10px; font-size:17px}
.myhk-member-benefit .myhk-boxs .myhk-box .desc + .desc {margin-top:5px}
.myhk-member-benefit .info-msg-box {margin-top:20px; font-size:15px; line-height:1.4}
/* 1:1문의 */
.myhk-member-qna .myhk-cont-tit-wrap {align-items:center; margin:10px 0}
.inquiry-list .myhk-box {padding:0; font-size:15px}
.inquiry-dropdown {position:relative}
.inquiry-dropdown .inquiry-toggle {display:block; padding:25px 20px 30px}
.inquiry-dropdown .inquiry-toggle .qna-type {display:flex; align-items:center; min-height:36px; padding-right:65px; font-weight:bold}
.inquiry-dropdown .inquiry-toggle .qna-tit {margin-top:3px; font-size:17px}
.inquiry-dropdown .inquiry-toggle .qna-date {margin-top:15px}
.inquiry-dropdown .inquiry-toggle .qna-status {margin-top:10px}
.inquiry-dropdown .inquiry-toggle .qna-status::after {content:''; display:inline-block; width:6px; height:6px; border-width:2px; border-color:#121212; transform:rotate(45deg); border-style:none solid solid none; vertical-align:3px;}
.inquiry-dropdown .inquiry-toggle .qna-status.waiting {color:#888}
.inquiry-dropdown .inquiry-toggle .qna-status.waiting::after {border-color:#888}
.inquiry-dropdown .inquiry-cont {display:none; padding:0 20px 30px}
.inquiry-dropdown .inquiry-cont .qna-q,
.inquiry-dropdown .inquiry-cont .qna-a {display:flex; align-items:baseline; gap:10px}
.inquiry-dropdown .inquiry-cont .qna-q::before,
.inquiry-dropdown .inquiry-cont .qna-a::before {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:25px; height:25px; border-radius:100%; color:#fff; font-weight:bold; font-size:14px; text-align:center}
.inquiry-dropdown .inquiry-cont .qna-q::before {content:'Q'; background-color:#142C67}
.inquiry-dropdown .inquiry-cont .qna-a::before {content:'A'; background-color:#0065D2}
.inquiry-dropdown .inquiry-cont .qna-a {margin-top:15px}
.inquiry-dropdown .btn-del {position:absolute; top:25px; right:20px; width:60px}
.inquiry-dropdown.active .inquiry-toggle .qna-status::after {transform:rotate(-135deg); vertical-align:1px}

.form-tab-ui.form-ui > dd {width:100%}
.form-tab-menu {display:flex; flex-wrap:wrap; border-radius:10px; box-sizing:border-box}
.form-tab-menu .form-tab-item {flex:0 0 auto; width:50%; height:50px; margin-right:-1px; padding:15px 5px; border:1px solid #888; color:#888; font-weight:700; font-size:15px; box-sizing:border-box; text-align:center; overflow:hidden}
.form-tab-menu .form-tab-item:nth-child(2n+1) {border-right:none}
.form-tab-menu .form-tab-item:nth-child(2) ~ .form-tab-item {margin-top:-1px}
.form-tab-menu .form-tab-item:nth-child(1) {border-radius:10px 0 0 0}
.form-tab-menu .form-tab-item:nth-child(2) {border-radius:0 10px 0 0}
.form-tab-menu .form-tab-item:nth-child(3) {border-radius:0 0 0 10px}
.form-tab-menu .form-tab-item:nth-child(4) {border-radius:0 0 10px 0}
.form-tab-menu .form-tab-item.on {position:relative; width:50%; margin-right:-1px; border-right:1px solid #0065d2; border-color:#0065d2; font-weight:700; color:#0065d2; background-color:#EFF6FF; z-index:2}
.form-tab-menu .form-tab-item.on:nth-child(2n+1) {border-right:1px solid #0065d2}

/* 이벤트 신청 */
.contents.contents-event {padding-top:0 !important}
.event-top-banner {position:relative; margin-bottom:20px; border-radius:20px; overflow:hidden}
.event-top-banner img {width:100%; height:100%; object-fit:cover; object-position:center top}
.event-top-banner::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:20px; border:1px solid rgba(0,0,0,.1)}
.multiple-choice {display:flex; flex-direction:column; gap:10px}
.multiple-choice .form-check {display:flex; align-items:center; gap:10px} 

.sub-cont-tit + .select-col-area {margin-top:30px}
.select-col-area .select-style2 {background-color:#f7f7fa; border:1px solid #ddd}
.select-col-area .select-style2 + .select-style2 {margin-top:10px}
.select-col-area .select-style2.active {border-color:#333; background-color:#fff}
.select-col-area .select-style2::after {border-color:#b5b5b5}
.select-col-area .select-style2.active::after {border-color:#000}



@media (max-width:1159px){
    .inner-scroll {overflow-y:hidden; overflow-x:auto; height:auto; padding:10px 0; -webkit-overflow-scrolling:touch}
    .inner-scroll::-webkit-scrollbar {display:none}

    .logo-wrap {padding-top:31px}
    .login-wrap {position:absolute; top:0; left:0; right:0; padding:5px 15px 6px; text-align:right; background-color:#f7f7f7; box-sizing:border-box}
    .login-wrap > a {font-size:13px}
    .login-wrap > a + a::before {content:''; display:inline-block; width:1px; height:12px; margin:0 12px; background-color:#ddd; vertical-align:middle}
    
    .gnb-wrap {overflow:hidden}
    .gnb-wrap.sub-gnb.active {display:block}

    .board-item .col.subj {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}

    .reprint-apply .btn-area.type-row {display:flex; justify-content:center; align-items:center; padding:0 10px}
    .reprint-apply .btn-area.type-row .btn-default {flex:0 0 auto; width:calc(50% - 10px); max-width:200px; min-width:unset}
    .reprint-apply .btn-area.type-row .btn-default:first-child {margin-left:0}
    .reprint-apply .btn-area.type-row .btn-default:last-child {margin-right:0}
    .reprint-apply .step-1 .product-check-list > li {padding:8px 0}
    .reprint-apply .step-1 .product-check-list > li .price {margin-right:10px}

    /* form */
    .input-date-wrap .filter-date-value {font-size:14px}

    .list-filter {flex-direction:column; gap:15px}
    .list-filter .filter-shortcut {display:flex; align-items:center; gap:10px}
    .list-filter .filter-shortcut button {flex:1}
    .list-filter .filter-date .dash {width:20px}
    .list-filter .filter-btns {display:flex; align-items:center; justify-content:center}

    /* paing */
    .paging-box {padding:0 0 50px}
    .paging-list {justify-content:space-around; gap:5px}
    .btn-page-first,
    .btn-page-last {position:absolute; bottom:0; width:50%; justify-content:center; border-top:1px solid #ddd}
    .btn-page-first {left:0}
    .btn-page-last {right:0}
    .btn-page-last::before {content:''; position:absolute; top:50%; left:-1px; width:1px; height:15px; background:#ddd; transform:translateY(-50%)}

    /* MY쇼핑 */
    .myhk-shopping .myhk-area > .myhk-box {padding:20px; border-radius:20px; background-color:#fff}
    .myhk-shopping .addr-item .info-list > li > .tit {width:80px}
    .myhk-shopping .cart-list .list-item .total-price {margin-top:5px} 

    .form-tit-area .btn-default.btn-refresh::before {transform:translateY(-1px)}

    .main-subs .cont-item {padding:40px 20px !important}
    .main-subs .btn-area {gap:16px !important}
}

@media (max-width:470px){
    .reprint-wrap .apply-step {justify-content:flex-start}
    .layer-pop .pop-link img {min-height:360px}
}
@media (max-width:359px){
    .qna-wrap .cont-item.qna-kakao .contact-tit {padding-left:0; background:none}
    .qna-wrap .contact-area .tel-area {flex-direction:column; align-items:flex-start}
    .qna-wrap .contact-area .contact-tit + .contact-txt {display:block; margin-top:9px}
    
    .subs-info-wrap .btn-subs.no-member span {display:none}
    .apply-step {justify-content:flex-start}
    .myhk-wrap .btn-basic.klay-type::before {display:none}

    .list-filter .filter-date {flex-direction:column}
    .list-filter .filter-date .input-date-wrap {width:100%}
}
@media (max-width:320px){
    /* .main-slide picture {padding:0; height:430px} */
    .myhk-member .btn-box .btn-basic, .myhk-member .btn-box .btn-basic.klay-type {width:100%}

    .mycoupon-list {padding:20px 10px}  
    /* .mycoupon-item > a.mycoupon {padding:30px 20px} */
    .mycoupon-item .btn-use {left:130px}
    .mycoupon-item::before {display:none}
}
@media (min-width:720px){
    .main-slide {position:relative}
    /* .main-slide picture {position:absolute; top:0; right:0; bottom:0; padding-bottom:0; width:100%; max-width:1920px; height:450px} */
    .main-slide picture {width:100%; height:100%; max-width:1160px; min-height:100%; max-height:500px; margin:0 auto}
    .main-slide .slide-control {left:55px; right:auto; bottom:30px; padding:0; background-color:transparent}
    .main-slide .swiper-pagination {color:#aaa}
    .main-slide .swiper-pagination > span {width:18px; margin:0 15px; font-size:16px}
    .main-slide .swiper-pagination-current {color:#121212}
    .main-slide .slide-control {transform:translate(-10px, -10px)}
    .main-slide .swiper-button-prev, .main-slide .swiper-button-next {padding:10px}
    .main-slide .swiper-button-prev {margin-right:5px}
    .main-slide .swiper-button-prev:before, .main-slide .swiper-button-next:before {width:7px; height:7px; border-color:#121212}
    .main-slide .slide-status {margin-right:5px}
    .main-slide .slide-status .btn-pause {padding:10px; background-size:9px 12px; filter:invert(1)}
    .main-slide .slide-status .btn-pause.play {background-size:12px 13px}
    .main-slide .slide-status .btn-pause.stop {background-size:13px 13px}
    .main-slide .tit-area {width:50%}

    .event-list, .video-list {display:flex; flex-wrap:wrap}
    .event-list .event-item, .video-list .video-item {flex:0 0 auto; width:calc(50% - 20px); margin-right:40px}
    .event-list .event-item:nth-child(2n), .video-list .video-item:nth-child(2n) {margin-right:0}

    .form-ui {display:flex; align-items:center}
    .form-ui > dt {flex:0 0 auto; width:115px; margin-bottom:5px}
    .form-ui > dd {flex:0 0 auto; width:calc(100% - 115px)}
    .form-ui.vertical-top > dt {margin-bottom:20px}
    .form-ui.form-radio-ui > dt {margin-bottom:0}
    .form-ui.ui-block {flex-direction:column; align-items:flex-start; margin-top:30px; margin-left:115px; padding-top:20px}
    .form-check + .form-radio-ui {width:100%; margin-top:25px}
    .form-radio-ui + .form-no-tit {margin-top:20px}
    .form-ui-check dd {padding-right:110px; box-sizing:border-box}
    .form-ui-check .form-only-check {top:15px}
    .form-ui .form-klay {position:relative; padding-top:6px}
    .form-ui .form-klay .text-center {position:absolute; bottom:-5px; right:0}

    .subs-apply-cont.cont-type2 .form-ui > dt {width:160px}
    .subs-apply-cont.cont-type2 .form-ui > dd {width:calc(100% - 160px)}
    
    .form-credit .select-style2 {display:inline-block; width:450px; margin-right:20px}
    .form-credit .select-style2 + .coupon-num {display:inline-block}
    .coupon-list {display:flex; flex-wrap:wrap; align-items:center}
    .coupon-num {font-size:15px}
    .coupon-list .coupon-num {margin-left:10px}
    .coupon-item {margin-right:10px; padding:8px 40px 7px 20px; font-size:16px}
    .coupon-item .btn-close {height:34px}
    .form-total-price .form-ui:first-child {border-top:none; padding-top:0}
    .form-total-price .form-ui:first-child dt, .form-total-price .form-ui:first-child dd {padding-top:20px}
    .form-klay .form-total-price .form-ui:first-child dt, .form-klay .form-total-price .form-ui:first-child dd {padding-top:30px}
    .form-total-price .form-ui:first-child dd {border-top:1px solid #e5e5e5}
    .form-total-price .form-ui > dd {text-align:right}

    .reprint-apply .step-1 .product-check-list .check-item {display:flex; justify-content:space-between; align-items:center; width:calc(100% - 44px)}
    .reprint-apply .step-1 .step-box {flex-wrap:wrap}
    .reprint-apply .step-1 .total-data-info {display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; width:100%}    
    .subs-apply-detail .pay-price {position:absolute; top:50%; right:0; margin-top:0; transform:translateY(-50%)}
    .subs-apply-detail .pay-price > em {margin-right:15px}

    .banner-wrap {margin:50px -20px 25px; text-align:center}
    .banner-wrap .inner-scroll {display:inline-flex; overflow-y:hidden; overflow-x:auto; width:100%; height:auto; padding:10px 0; -webkit-overflow-scrolling:touch}
    .banner-wrap .inner-scroll::-webkit-scrollbar {display: none}
    .banner-wrap a {flex:0 0 auto; width:300px; height:150px; margin:0 10px}
    .banner-wrap a:first-child {margin-left:20px}
    .banner-wrap a:last-child {margin-right:20px}
    .banner-wrap a + a {margin-top:0}

    .package-list {display:flex; flex-wrap:wrap}
    .package-item {flex:0 0 auto; margin-right:30px; margin-bottom:30px}
    .package-item + .package-item {margin-top:0}
    .package-item .thumb-brand {top:20px; right:20px; width:60px; height:60px}
    .package-item .sub-tit {font-size:26px}
    .package-item .price {margin-top:19px; font-size:17px}
    .cont-top {flex-direction:row;}
    
    .klay-wrap .txt-link {padding:18px 10px}
    .klay-wrap .txt-link span {font-size:21px; background-size:12px 12px}
    .klay-wrap .txt > span {font-size:17px}
    .logo-klay-hk {width:203px; height:30px}
    .klay-visual {min-height:880px; padding:50px 67px 100px 67px; background-position:center 25px}
    .klay-visual .visual-txt {font-size:34px}
    .klay-visual .visual-tit {font-size:58px}
    .klay-visual .visual-desc {bottom:58px; font-size:21px}
    .klay-wrap .cont-box {padding:70px 58px}
    .klay-wrap .klay-tit {margin-bottom:30px; font-size:32px}
    .klay-wrap .cont-list li, .klay-wrap .txt {font-size:20px}
    .klay-wrap .cont-list li + li {margin-top:30px}
    .klay-wrap .img-coin {width:191px; height:191px; margin-bottom:26px}
    .klay-wrap .img-coin .percent-badge {top:30px; right:5px; width:60px; height:60px; padding:11px; font-size:11px}
    .klay-wrap .img-coin .percent-badge .percent {font-size:24px}
    .klay-wrap .btn-klay {padding:23px 17px; font-size:19px}
    .klay-wrap .btn-klay.line-type {font-size:17px}
    .klay-wrap .cont-list .txt + .btn-area {margin-top:15px}
    .klay-wrap .cont-list.step-type {max-width:450px; margin:0 auto 50px}
    .klay-wrap .cont-list.step-type .step-badge {width:80px; font-size:15px}
    .klay-wrap .cont-list.step-type li {padding:15px 10px}
    .klay-wrap .txt + .klay-tit, .klay-wrap .cont-box .btn-area {margin-top:50px}
    .klay-wrap .iframe-area + .iframe-area, .klay-wrap .keyword-info {margin-top:30px}

    .klay-wrap .keyword-item {padding:30px 27px 30px 140px}
    .klay-wrap .keyword-item.klay, .klay-wrap .keyword-item.klip {background-position:45px center}
    .klay-wrap .keyword-item.klay {background-size:66px 64px}
    .klay-wrap .keyword-item.klip {background-size:62px 30px}
    .klay-wrap .keyword-item .cont strong {font-size:22px}
    .klay-wrap .keyword-item .cont p {margin-top:10px; font-size:17px}
    .klay-wrap .cont-box.klay-info {padding:50px 58px}
    .klay-wrap .cont-box.klay-info .klay-tit {font-size:20px}

    .video-wrap .btn-area .btn-basic {display:inline-block}
    .video-wrap .btn-area .btn-basic + .btn-basic {margin-top:0; margin-left:7px} 

    .qna-wrap .contact-area {display:flex}
    .qna-wrap .contact-area .cont-item + .cont-item {margin-top:0; margin-left:20px}
    .qna-wrap .contact-area .cont-item, .qna-wrap .contact-area .tel-area {flex-direction:column; justify-content:center; align-items:center}
    .qna-wrap .contact-area .cont-item > div:first-child {height:58px}
    .qna-wrap .contact-area .contact-tit {display:block; padding:5px 0; font-size:18px; text-align:center}
    .qna-wrap .contact-area .contact-tit + a {font-size:28px}
    .qna-wrap .contact-area .contact-txt {display:block; margin-top:10px; font-size:14px}
    .qna-wrap .cont-item.qna-kakao .contact-txt {text-align: center;}
    .qna-wrap .contact-area .btn-basic {font-size:12px}
    .qna-wrap .contact-area .contact-txt, .qna-wrap .cont-item.qna-kakao .contact-txt {margin-top:0}
    .qna-wrap .cont-item.qna-contact .contact-txt {margin-top:5px}

    .qna-wrap .select-style2 {display:inline-block; width:32.8%}
    .qna-wrap .form-ui.vertical-top, .step-box .form-ui.vertical-top {align-items:flex-start}
    .qna-wrap .form-ui.vertical-top > dt, .step-box .form-ui.vertical-top > dt {margin-top:5px}
    .mycoupon-layer .step-box .form-ui.vertical-top > dt {margin-top:14px}

    .form-klay .form-ui {align-items:flex-start}
    .form-klay > .form-ui {align-items:center}
    .form-klay .form-ui .btn-inp {position:absolute; top:-9px; right:0; left:auto; margin-top:0; padding:0 20px; font-size:14px; transform:none}
    
    /* 마이한경 */
    .myhk-member .my-box {flex-direction:row; justify-content:space-between}
    .myhk-member .btn-box .btn-basic {width:auto; min-width:130px}
    .myhk-member .btn-box .btn-basic.klay-type {width:auto; min-width:155px}
    .myhk-member .my-subs .subs-list li {display:flex}
    .myhk-member .my-subs .subs-list li + li {margin-top:10px}
    .myhk-member .my-subs .subs-list .tit {flex:0 0 auto; margin-bottom:0}
    .myhk-member .my-subs .subs-list .tit > span {display:inline-block; width:75px}
    .myhk-member .my-subs .subs-list .tit::after {content:''; display:inline-block; width:1px; height:15px; margin:0 8px; background-color:#e0e0e0; vertical-align:middle}

    .method-cont .form-ui > dt, .refund-cont .form-ui > dt {width:180px}
    .method-cont .form-ui > dd, .refund-cont .form-ui > dd {width:calc(100% - 180px)}

    /* .btn-area.bottom {gap:20px} */
    .btn-area.bottom > .btn-default {flex:0 0 auto; padding:0 20px}

    /* My쇼핑 */
    .myhk-shopping .list-item .form-ui {flex-direction:row; align-items:flex-start}
    .myhk-shopping .list-item .form-ui > .form-ui-label {flex:0 0 auto; padding-top:15px}
    .myhk-shopping .list-item .form-ui > .form-ui-cont {flex:1 1 auto}
    .myhk-shopping .cancel-request .list-item .form-ui > .form-ui-label {width:125px}
    .myhk-shopping .exchange-request .list-item .form-ui > .form-ui-label {width:60px}
    .mycoupon-inner .mycoupon-item .mycoupon-sub-name,
    .layer-mycoupon-detail .mycoupon-sub-name {-webkit-line-clamp:1; white-space:normal}
    .layer-mycoupon-register {max-width:550px}
    
    .myhk-cont-tit-wrap .myhk-cont-tit {margin:0 }
    .inquiry-dropdown .inquiry-toggle .qna-date, .inquiry-dropdown .inquiry-toggle .qna-status,
    .inquiry-dropdown .inquiry-cont .qna-q, .inquiry-dropdown .inquiry-cont .qna-a {font-size:17px}
    .inquiry-dropdown .inquiry-cont .qna-q::before, .inquiry-dropdown .inquiry-cont .qna-a::before {width:30px; height:30px; font-size:16px}

}
@media (min-width:720px) and (max-width:1260px) {
    /* .main-slide .slide-control {left:35px; right:auto; bottom:71px} */
    .main-slide .swiper-slide {padding:0 50px}
    .package-item {width:calc(50% - 15px)}
    .package-item:nth-child(2n) {margin-right:0}

}

@media (min-width:768px){
    .main .cont-item {width:400px}
    .contact-area .cont-item {width:100%}

    .quick-menu {bottom:auto; left:auto; right:0; top:185px; width:auto; height:auto; border-radius:20px 0px 0px 20px;}
    .quick-menu ul {flex-direction:column; padding:10px 15px}
    .quick-menu li {width:100%}
    .quick-menu li + li {border-top:1px solid #ededed}
    .quick-menu li a {padding:19px 15px; transform:scale(0.75)}

    .myhk-member-benefit .myhk-boxs {flex-direction:row; flex-wrap:wrap}
    .myhk-member-benefit .myhk-boxs .myhk-box {flex:0 0 auto; width:calc(50% - 10px)}

    .form-tab-ui {margin-bottom:30px}
    .form-tab-menu .form-tab-item, .form-tab-menu .form-tab-item.on {width:25%}
    .form-tab-menu .form-tab-item {padding:13px 5px; font-size:18px}
    .form-tab-menu .form-tab-item:nth-child(1) {border-radius:10px 0 0 10px}
    .form-tab-menu .form-tab-item:nth-child(2) {border-radius:0}
    .form-tab-menu .form-tab-item:nth-child(3) {border-radius:0}
    .form-tab-menu .form-tab-item:nth-child(4) {border-radius:0 10px 10px 0}
    .form-tab-menu .form-tab-item:nth-child(2) ~ .form-tab-item {margin-top:0}

    /* 레이어팝업 배너 */
    /* .layer-pop {font-family:-apple-system,"Malgun Gothic","맑은 고딕",BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif} */
    .layer-pop,
    .layer-pop.show,
    .layer-pop.show .pop-inner {animation:none}
    .layer-pop .pop-inner {position:relative; width:360px; border-radius:0}
    .layer-pop .pop-footer {padding:10px 15px 10px 10px}
    .layer-pop .pop-footer [class^="modal-btn-"] {text-decoration:none}
    .layer-pop .pop-link img {height:360px}
    .layer-pop .form-checkbox label, .layer-pop .pop-footer [class^="btn-"] {font-size:13px}
}

/* PC */
@media (min-width:991px){
    .subs-info-wrap {display:flex; justify-content:space-between}
    .subs-info-wrap .subs-img {flex:0 0 auto; width:480px}
    .subs-info-wrap .subs-cont-wrap {width:calc(100% - 480px); margin-left:50px; margin-top:0}

    .cont-bg-box {display:flex; align-items:center; justify-content:center; padding:40px 40px 50px}
    .cont-bg-box .img-area {width:300px; height:250px; margin-bottom:0; margin-right:60px}
    .cont-bg-box .img-area + .result-list {width:calc(100% - 360px)}
    .cont-bg-box .result-list li, .myhk-wrap .result-list li {display:flex; align-items:center}
    .cont-bg-box .result-list li + li, .myhk-wrap .result-list li + li {margin-top:20px}
    .cont-bg-box .result-list .tit {width:165px; font-size:20px}
    .cont-bg-box .result-list .txt {width:calc(100% - 165px); font-size:18px}
    .step-area.step-3 + .btn-area .btn-default {min-width:150px}

    .reprint-wrap .cont-bg-box {padding:60px 40px}
    .mini-banner-wrap {margin-top:30px}
    .step-box.step-agree .btn-detail {width:auto; height:auto; padding-right:20px; font-size:16px}
    .step-box.step-agree .btn-detail::after {top:4px}
    .step-box.step-agree .btn-detail.on::after {top:7px}

    .flex-column {flex-direction:column}
    .myhk-flex {display:flex; align-items:center}
    .myhk-wrap .subs-cont .myhk-box, .myhk-wrap .refund-cont .myhk-bg-box .myhk-box {margin-top:30px; padding:30px 40px}
    
    .myhk-wrap .subs-cont .cont-bg-box {align-items:flex-start; padding:40px 40px 50px; background-color:#fafafa}
    .myhk-wrap .subs-cont .cont-bg-box .img-area {margin-right:40px}
    .myhk-wrap .result-list .tit {width:125px; margin-bottom:0}
    .myhk-wrap .result-list .tit, .myhk-wrap .result-list .txt {font-size:17px}
    .myhk-wrap .subs-cont .cont-bg-box .myhk-flex {display:flex; align-items:center; width:100%; padding:0; background-color:transparent}
    .myhk-wrap .subs-cont .cont-bg-box .img-area + .result-list {width:calc(100% - 340px)}

    /* My멤버십 */
    .mycoupon-page {background:#fff}
    .mycoupon-wrap {padding:30px}
    .mycoupon-inner {max-width:600px; margin:0 auto; padding:20px 25px; border:1px solid #ddd}
    .mycoupon-box {padding:0; border-radius:0}
    .mycoupon-list {flex-direction:row; gap:15px; max-width:925px; margin:0 auto;}
    .mycoupon-item {flex:0 0 auto; width:calc(50% - (15px / 2))}
    .mycoupon-layer {top:20%; transform:translate(-50%, 0)}
    
    .mycoupon-layer .mycoupon-layer-inner {padding:30px}
    .mycoupon-page .layer-mycoupon-register .mycoupon-layer-inner {padding:20px}
    .mycoupon-page .layer-mycoupon-register .mycoupon-msg {margin-bottom:30px}
    .layer-mycoupon-register .mycoupon-input {flex-direction:row}
    .layer-mycoupon-register .mycoupon-input .btn-default {height:50px; min-width:unset}
    .layer-mycoupon-register .mycoupon-msg {margin:20px 0 50px}
    .mycoupon-layer .mycounpon-detail-info li {display:flex; flex-wrap:wrap}
    .mycoupon-layer .mycounpon-detail-info .key {flex:0 0 auto; width:80px; margin-bottom:0}
    .mycoupon-item {border-radius:8px}
    .mycoupon-item .mycoupon-name {font-size:32px}
    .mycoupon-item > a.mycoupon {padding:30px}




    /* 이벤트 신청 */
    .event-top-banner {margin-bottom:30px}
    .multiple-choice {gap:16px}
    .form-ui.type-row + .form-ui.type-row {margin-top:30px}
}
@media (min-width:1160px){
    body,button,input,select,option,textarea,table,th,td {font-family:'Pretendard',sans-serif}
    .inner, .gnb-wrap .inner-scroll {max-width:1160px; margin:0 auto}
    .is-pc {display:block}
    .is-mo {display:none}
    .essential-txt {margin:5px 0 10px}

    .info-section {z-index:9; display:flex; align-items:center;}
    .login-wrap > a {font-size:14px}
    .login-wrap > a + a {margin-left:20px}

    /* button */
    .btn-outline {padding:11px 10px 10px; font-size:13px}
    .btn-default.btn-sm {height:40px; font-size:14px; line-height:38px}

    /* form */
    .form-tit-area .btn-default {height:36px; font-size:16px}
    .list-filter .filter-date .input-date-wrap {flex:0 0 auto; width:135px}

    /* layout */
    .myhk-boxs {gap:15px}
    .myhk-boxs > .myhk-box {padding:20px 30px; border:1px solid #eee}

    /* paing */
    .paging-box {margin-top:20px}

    /* 팝업 */
    .layer-wrap .btn-pop-close::before, .layer-wrap .btn-pop-close::after {top:-10px; height:23px}
    .layer-wrap .pop-wrap.nomember-pop {width:100%; padding:40px 30px}
    .nomember-pop strong {font-size:28px}
    .nomember-pop strong + p {margin-top:10px; font-size:17px}
    .nomember-pop .bg-box {display:flex; padding:20px 30px; border-radius:20px}
    .nomember-pop .bg-box .tit {flex:0 0 auto; width:78px; margin-right:20px}
    .nomember-pop .bg-box ul {width:calc(100% - 98px)}
    .nomember-pop .bg-box li {font-size:16px}

    /* header */
    .header .my-menu {position:relative; top:auto; right:auto; margin-left:30px}
    .logo-wrap::before {background:#fff; backdrop-filter:none}
    .logo-wrap .inner {display:flex; justify-content:space-between; align-items:center}
    .logo-wrap .logo-short-hk {display:inline-block; height:80px; margin-right:10px; padding:30px 12px 0; background-color:#142c67; vertical-align:top; box-sizing:border-box}
    .logo-wrap .logo-short-hk::before {width:66px; height:35px}
    .logo-wrap .logo-section {padding-bottom:15px}
    .logo-wrap .logo-section .section-title {display:inline-block; margin-top:25px; padding:0; font-family:"Malgun Gothic","맑은 고딕",sans-serif; font-size:36px; line-height:1.2; vertical-align:top}

    .top-banner {z-index:9; width:170px; height:65px; margin-right:30px}
    .top-banner img {max-width:100%}
    
    /* gnb */
    .gnb-wrap.main-gnb {padding:0 14px}
    .gnb-wrap.sub-gnb {display:none}
    .gnb-wrap .inner-scroll {display:flex; position:relative; padding:16px 0 18px}
    .gnb-wrap .gnb-menu {justify-content:flex-start; min-width:auto; border-right:1px solid #ddd}
    .gnb-wrap .gnb-menu li {position:relative; padding:0 25px; font-size:16px; text-align:left}
    .gnb-wrap .gnb-menu li:hover .sub-list, .gnb-wrap .gnb-menu .menu-item.on  + .sub-list {display:block}
    .gnb-wrap .gnb-menu li:first-child {padding-left:0}
    .gnb-wrap .gnb-menu li:last-child {padding-right:50px}
    .gnb-wrap .gnb-menu li:first-child .sub-list {transform:translateX(-55%)}
    .gnb-wrap .gnb-menu li.only-menu .menu-item, .only-menu.sub-item, .only-menu.menu-item {padding-right:17px; background-size:12px 12px}
    .gnb-wrap .sub-list {position:absolute; top:30px; left:50%; width:140px; border-radius:10px; padding:20px 15px; text-align:center; background-color:#fff; box-shadow:0px 0px 6px rgba(0,0,0,.29); box-sizing:border-box; transform:translateX(-50%); z-index:9}
    .gnb-wrap .sub-list::before {content:''; display:block; position:absolute; top:-20px; left:0; width:100%; height:20px; cursor:pointer}
    .gnb-wrap .sub-list .sub-item {display:block; color:#121212; font-size:15px; letter-spacing:-0.075px;}
    .gnb-wrap .sub-list .sub-item + .sub-item {margin-top:15px} 
    .gnb-wrap .sub-list .sub-item.on, .gnb-wrap .sub-list .sub-item:hover {font-weight:700; color:#0065d2}
    
    .visual-top {min-height:auto; min-height:500px; max-height:500px;}
    .visual-top .main-slide {height:100%}
    .visual-top .visual-tit {font-size:54px; letter-spacing:-0.05em}
    .visual-top .sub-txt {margin-top:20px; font-size:16px}

    .main-slide .tit-area {position:relative; top:auto; left:auto; margin-top:65px; padding:0}
    /* .main-slide .slide-control {left:120px} */
    .main-slide picture {height:500px}
    .main-slide picture img {height:auto}
    .main-slide .slide-control {bottom:71px}

    /* contents */
    .contents, .sub .contents {padding-top:50px}
    .main .gnb-wrap .inner-scroll {max-width:1160px; margin:0 auto}
    .main .inner-scroll .cont-item:first-child {margin-left:0}
    .main .cont-area .cont-tit + .cont-inner {padding:0}
    .main .cont-list + .cont-list {margin-top:80px}
    .main .cont-tit {margin:0 auto 30px; padding:0; font-size:28px}


    .cont-slide .swiper {margin-left:-20px; padding-right:40px}
    .cont-slide .swiper-button-prev.swiper-button-disabled, .cont-slide .swiper-button-next.swiper-button-disabled,
    .cont-slide .swiper:hover .swiper-button-prev.swiper-button-disabled, .cont-slide .swiper:hover .swiper-button-next.swiper-button-disabled {opacity:0}
    .cont-slide .swiper-button-prev, .cont-slide .swiper-button-next {opacity:0; width:55px; height:55px; border-radius:50%; background-color:rgba(85, 85, 85, 0.5); transform:scale(.8); transition: transform .5s ease-in,opacity .7s cubic-bezier(.15,0,.2,1) .1s}

    .cont-slide .swiper:hover .swiper-button-prev, .cont-slide .swiper:hover .swiper-button-next {opacity:1; transform:scale(1); transition-duration:.5s}
    .cont-slide .swiper-button-prev::before, .cont-slide .swiper-button-next::before {width:12px; height:12px; border-width:3px}
    /* .cont-slide .swiper-button-prev::before {transform:rotate(45deg) translate(30px, -1px)}
    .cont-slide .swiper-button-next::before {transform:rotate(45deg) translate(27px, 3px)} */
    .cont-slide .swiper-button-prev::before {margin-left:5px}
    .cont-slide .swiper-button-next::before {margin-right:5px}

    .cont-item .sub-tit, .main-event .cont-item .sub-tit {line-height:1.4; font-size:28px}
    .cont-item .sub-txt, .cont-item .cont-info li {font-size:17px}
    .cont-item .sub-tit + .cont-info {min-height:90px; margin-bottom:30px}
    .main-event .cont-item {height:240px}
    .main-event .cont-item .sub-tit {width:56%; font-size:28px}
    .main .cont-area + .cont-area,
    .main .cont-area ~ .cont-area {margin-top:70px}
    .main-event .cont-item.event-head .sub-tit,
    .video-wrap .event-head .sub-tit {font-size:25px}
    .main-event .cont-item.event-head .btn-default,
    .video-wrap .event-head .btn-default {height:50px}
    .cont-item.event-head .cont-bottom {bottom:40px}

    /* 구독상품 리스트 */
    .main-subs .cont-item {padding:50px 30px 60px}
    .main-subs .btn-area {margin-top:87px}
    .cont-item .price {font-size:16px}
    .cont-item .price span {font-size:30px}
    .btn-view {padding-right:20px; font-size:17px}
    .btn-view::after {top:5px}

    /* 스페셜패키지 리스트 */
    .cont-item.item-head .sub-tit {font-size:28px}
    .special-subs .cont-item {width:400px; min-height:500px}
    .special-subs .txt-cont .sub-txt {font-size:16px}
    .special-subs .thumb-img {height:350px}
    .special-subs .txt-cont {padding:20px 30px 25px}
    .special-subs .txt-cont .sub-txt {margin-top:5px}
    .special-subs .txt-cont .txt-color {font-size:19px}
    .special-subs .cont-item.item-head {padding:50px 30px 40px}
    .special-subs .cont-item.item-head::before {bottom:145px !important; width:244px !important; height:210px !important; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sot-fcrpvny-250926.cat') no-repeat center/contain !important}

    .main .cont-area.contact-wrap {margin-left:0; margin-top:50px; padding:0 20px}
    .contact-area {display:flex; padding:20px 0}
    .contact-area .cont-item + .cont-item {margin-left:20px}
    .contact-area .cont-item {flex:1 1 auto; width:240px}
    .contact-area .cont-item + .cont-item {margin-top:0; margin-left:20px}
    .contact-area .contact-tit {margin-bottom:15px; padding-right:0}
    .contact-area .cont-item.contact-num {display:flex; justify-content:space-between; align-items:flex-end; width:400px}
    .contact-area .cont-item.contact-num .contact-tit {margin-bottom:5px}
    .contact-area .tel-area, .contact-area .cont-item > a {flex-direction:column; align-items:flex-start}
    .contact-area .tel-area {margin-bottom:0}
    .contact-area .cont-item > a {padding:24px 30px}
    .contact-area .cont-item.contact-kakao {width:220px}
    .contact-area .cont-item.contact-kakao > a {flex-direction:row; align-items:center}
    .contact-area .contact-kakao .contact-tit {width:55px; margin-bottom:0}

    .video-wrap .cont-item {width:400px; height:240px}
    .video-wrap .video-iframe {padding:0 100px}

    .cont-slide .intro-wrap:hover .swiper-button-prev, .cont-slide .intro-wrap:hover .swiper-button-next {opacity:1; transform:scale(1); transition-duration:.5s}
    .intro-wrap .swiper-wrapper {position:relative; display:flex; flex-wrap:wrap; width:1300px; margin-left:420px; box-sizing:border-box}
    .intro-wrap .cont-item {flex:0 0 auto; width:calc(32% - 16px); min-width:400px; height:240px; margin-bottom:20px; padding:46px 40px}
    .intro-wrap .item-head {display:block; position:absolute; top:0; left:-420px; height:500px; padding:50px 30px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Szrzoref%2Svzt%2Sot-vageb.fit') no-repeat center 70%/73% auto}
    .intro-wrap .sub-tit {font-size:24px}
    .intro-wrap .sub-txt {font-size:20px}
    .intro-wrap .txt-cont {margin-top:28px}

    .main .footer {max-width:1160px; margin:30px 20px 85px}
    .footer .inner {padding-top:30px}
    .footer .item {font-size:14px}
    .foot-row .tit {margin-bottom:15px}
    .footer .item + .item::before {height:13px; background-color:#8b95a1}
    .sub .footer .inner {max-width:1160px; margin:0 auto; padding:30px 0 72px}

    .pagination {display:flex; align-items:center; justify-content:center; margin:50px 0 95px}
    .pagination > a, .pagination > strong {display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:35px; padding:0 5px; border-radius:2px; border:1px solid transparent; box-sizing:border-box; font-size:13px; font-family:Tahoma, sans-serif; line-height:0; white-space:nowrap; cursor:pointer}
    .pagination > a:not(:first-child),
    .pagination > strong {margin-left:-1px;}
    .pagination > [class^="btn-"]::before {content:''; display:inline-block; width:8px; height:7px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:contain}
    .pagination > .btn-page-first::before {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-cntr-svefg.fit')}
    .pagination > .btn-page-prev::before {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-cntr-ceri.fit')}
    .pagination > .btn-page-next::before {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-cntr-arkg.fit')}
    .pagination > .btn-page-last::before {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-cntr-ynfg.fit')}
    .pagination > a:hover, .pagination > strong {position: relative; border-color: #121212; background-color:#fff}
    
    .quick-menu {top:215px}
    .quick-menu ul {padding:17px 30px}
    .quick-menu li a {padding:30px 15px; transform:scale(1)}

    /* 서브페이지들 */
    .sub .contact-area {margin-top:80px}
    .cont-body {padding:60px 0 30px}
    .cont-head {padding-bottom:50px}
    .sub-cont-tit {font-size:34px}

    .notice-badge {height:30px; margin:0 30px; padding:0 17px; line-height:30px; font-size:15px}
    .board-list {border-top:none}
    .board-list .board-tit {display:flex; align-items:center; width:100%}
    .board-head {display:flex; align-items:center; border-radius:6px; background-color:#fff}
    .board-wrap .col {flex:0 0 auto; padding:20px 0; font-size:17px; text-align:center}
    .board-wrap .col.num {display:inline-block; width:120px}
    .board-wrap .col.subj {width:calc(100% - 310px)}
    .board-wrap .col.date {width:190px; font-size:17px}
    .board-head .col {font-weight:700}
    .board-item {display:flex; padding:0}
    .board-item .col.subj {text-align:left;}
    .board-item .col.num {color:#555}
    .board-item.notice-item .col.subj {width:calc(100% - 190px)}
    .board-wrap .col.subj .tit {flex:0 0 auto; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

    .btn-basic {padding:15px 46px 14px}
    .view-cont + .btn-area {margin-top:40px}
    .view-head {padding-bottom:25px}
    .view-head .view-tit {font-size:30px}
    .view-head .view-info {display:flex; align-items:center; justify-content:space-between; height:36px; margin-top:6px}
    .view-head .view-info .date {font-size:15px}
    .share-list {margin-top:0}
    .share-list li > a {width:36px; height:36px}
    .view-cont {padding:40px 0px}
    .view-cont .img-area {padding:0 20px; box-sizing:border-box}

    /* faq */
    .cont-head .head-info {display:flex; justify-content:space-between; align-items:flex-end;}
    .cont-head .head-info .search-area {flex:0 0 auto}
    .tab-menu {margin:34px -25px 0}
    .tab-menu ul > li {height:38px; margin:0 25px; }
    .tab-menu ul > li button {padding-bottom:10px; font-size:18px}
    .head-info .tab-menu + .search-area {margin-top:0}

    .search-area {width:200px; padding-right:45px}
    .search-area .inp-txt {padding:9px 16px}
    .search-area .btn-search {width:45px; height:38px}

    .faq-tit {padding:25px 50px 25px 80px}
    .faq-tit::before {top:22px; left:30px; width:30px; height:30px; line-height:30px; font-size:18px}
    .faq-tit::after {right:30px; width:8px; height:8px; border-width:1px}
    .faq-item.on .faq-tit::after {border-width:1px}
    .faq-cont {padding:25px 60px 30px 80px}

    .search-result-wrap {padding:60px 0 140px}
    .search-result-wrap .result-txt {font-size:21px}
    .search-result-wrap .result-sub-txt {font-size:14px}
    
    .search-result {margin-bottom:20px; font-size:15px}
    .event-list .event-item, .video-list .video-item {margin-bottom:50px}
    .event-list + .pagination, .video-list + .pagination {margin-top:0}
    .event-list .btn-result {bottom:40px; left:40px; padding:12px 20px 11px; font-size:14px}
    .txt-cont {margin-top:20px}
    .txt-cont .list-tit {font-size:26px; letter-spacing:-0.04em}
    .txt-cont .date-wrap {margin-top:15px}
    .txt-cont .date-wrap > span {font-size:15px}

    .branch-wrap {margin-bottom:90px}
    .branch-search {padding:34px 0; border-radius:6px; text-align:center}
    .branch-search .search-tit {margin-bottom:26px; font-size:26px}
    .branch-search .search-wrap {display:inline-flex; justify-content:center; align-items:center}
    .branch-search .search-wrap > em {display:inline-block; margin-right:23px; font-weight:700; font-size:17px}
    .branch-search .branch-srch-txt {margin-top:20px; margin-left:80px; font-size:15px}
    .branch-search .search-area {width:400px}
    .branch-list .col, .branch-list .board-item .col.subj {text-align:center}
    .branch-list .board-head .col {padding:20px 0}
    .branch-list .board-list .col, .branch-list .board-item.no-result {padding:25px 0}

    .reprint-wrap {padding-bottom:100px}
    .reprint-wrap .reprint-top-tit {margin-bottom:40px; font-size:48px}
    .reprint-info-tit {font-size:40px}
    .reprint-info-txt {margin-top:25px; font-size:24px; letter-spacing:-0.05em}
    .reprint-info-txt + .reprint-inner {margin-top:50px}
    .reprint-inner {padding:0}
    
    .reprint-tit {padding:24px 40px; font-size:32px}
    .reprint-info {padding:50px 110px 80px}
    .reprint-info .reprint-inner {display:flex; align-items:center; padding:30px 65px}
    .reprint-info .img-area {width:200px; height:265px; margin-bottom:0; margin-right:50px}
    .reprint-info .img-area img {max-width:100%; box-shadow:1px 1px 5px rgba(0,0,0,.1)}
    .reprint-info .txt-area {width:calc(100% - 250px); text-align:left}
    .reprint-info .txt-area strong {line-height:1.4; font-size:30px; letter-spacing:-0.04em}
    .reprint-info .txt-area p {line-height:1.5; font-size:17px; letter-spacing:-0.05em}
    .reprint-info .txt-area p + p {margin-top:25px}
    .reprint-product {padding:60px 110px 100px}
    .reprint-product .reprint-inner {padding:0}
    .reprint-product-list {padding:60px 0 0}
    .reprint-product-list > li + li {margin-top:95px}
    .reprint-product-list .product-cont .size {margin-bottom:10px; font-size:24px}
    .reprint-product-list dl {display:flex; align-items:flex-end}
    .reprint-product-list dl > dt {width:285px; padding-bottom:145px; text-align:left}
    .reprint-product-list dl > dt strong {font-size:36px}
    .reprint-product-list dl > dt span {font-size:24px}
    .reprint-product-list dl > dd {width:calc(100% - 285px)}
    .reprint-product-list .product-cont > .type-a4 {width:279px}
    .reprint-product-list .product-cont > .type-a3 {width:361px}
    .reprint-product-list .product-cont.product-txt-area {height:127px; margin-top:25px; padding:15px 0; font-size:24px}
    .reprint-product-list .product-cont.product-txt-area::before {display:none}
    .reprint-product-list > li::before {content:''; display:block; position:absolute; bottom:125px; left:0; width:100%; height:1px; background-color:#b5b5b5}
    .reprint-apply {padding:90px 110px}
    .btn-area.bottom,
    .step-area + .btn-area,
    .mycoupon-layer .step-box + .btn-area {margin-top:30px}

    .notice-area {margin-bottom:50px} 
    .notice-area .tit-area {margin-bottom:20px}
    .notice-area .tit {font-size:26px}
    .notice-area .stit-area {margin-bottom:10px}
    .notice-area .stit {font-size:16px}
    .notice-area .txt-area + .txt-area {margin-top:30px; padding-top:30px}
    .notice-area .txt + .txt {margin-top:10px}

    .btn-apply-step::after {margin-left:15px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #fff}
    .btn-apply-step-prev span {padding-left:15px}
    .btn-apply-step-prev span::after {top:48%}
    .btn-apply-step span {padding-right:15px}
    .btn-apply-step span::after {top:46%}

    .form-ui.type-line {margin-top:25px; padding-top:25px; border-top:1px solid #a7a7a7}
    .form-ui + .form-ui {margin-top:10px}
    .form-ui .inp-txt {padding:0 30px; font-size:18px}
    .form-ui > dt {width:145px; margin-bottom:0; font-size:20px}
    .form-ui > dd {width:calc(100% - 145px); font-size:18px}
    .subs-apply-cont.cont-type2 .form-ui > dt {width:180px}
    .subs-apply-cont.cont-type2 .form-ui > dd {width:calc(100% - 180px)}
    .btn-default {min-width:150px; height:50px; line-height:42px; font-size:16px}
    .btn-default.btn-pramary {padding:0 30px}
    .form-ui .form-check {font-size:18px}
    .form-ui.vertical-top {margin-bottom:20px}
    .form-ui.vertical-top > dt {margin-bottom:26px}
    .form-check .check {margin-right:10px}
    .form-radio-ui .radio {margin-right:20px}
    .form-radio-ui .form-check {width:145px; margin-right:30px}
    .form-check-ui .check {margin-top:0}
    .form-select-agree {margin-top:40px}
    .form-select-agree .tit, .form-select-agree .txt {font-size:16px}
    .form-select-agree .select-agree {display:flex; align-items:center}
    .form-select-agree .banner-wrap .is-mo {display: none !important;}
    .step-box.step-agree .form-select-agree .txt + .form-check-ui {margin-top:30px}
    .step-box.step-agree .form-select-agree .form-check-ui {margin-top:20px}
    .step-box textarea.inp-txt {padding-top:10px; height:200px}
    .form-total-price .form-ui + .form-ui {margin-top:40px}
    .form-total-price .form-ui dd {font-size:20px}
    .form-total-price .form-ui.total-num dd span {font-size:24px}
    .form-total-price .form-ui.total-num dd p {margin-top:5px; font-size:20px}
    .step-box .form-ui.vertical-top {margin-bottom:0}
    .step-sub-tit {margin:20px 0; font-size:22px}
    .step-box + .step-sub-tit {margin-top:40px}
    .form-ui-check dd {padding-right:145px}
    .form-ui-check .form-only-check {font-weight:400; font-size:18px}
    .form-radio-ui .flex-column .form-ui + .form-check {margin-bottom:20px}

    .form-ui.type-row > dd.sub-q {font-size:16px}

    .form-tit .txt {font-size:15px}
    .radio-area, .select-area {margin-top:30px}
    .form-radio-area .check-item {font-size:18px}

    .inp-txt-desc {font-size:15px}
    .inp-txt + .inp-txt-desc {margin-top:13px; padding-left:30px}
    .form-ui + .form-ui.ui-block {margin-top:30px}
    .form-ui.ui-block {margin-left:145px}
    .form-ui.ui-block > .form-check {font-size:16px}

    .attach-file {padding-right:110px}
    .attach-file .btn-file, .form-ui .btn-inp {top:7px; width:100px; height:36px; font-size:16px; line-height:36px}
    .attach-file .btn-file input[type="file"] {width:200px; height:36px}
    .file-info {font-size:15px}
    .attach-file + .file-info {margin-top:11px}

    .reprint-apply .inp-txt {font-size:18px}
    .reprint-apply .inp-txt-wrap * + * {margin-left:10px !important}
    .reprint-apply .inp-txt-wrap + .inp-txt-wrap {margin-top:10px}
    .step-box.step-agree .form-check-ui {margin-top:15px}
    .step-box.step-agree .form-check-ui .form-check {font-size:16px}
    .step-box.step-agree .total-agree .form-check {font-size:18px}

    /* .apply-step > li::after {right:-19px; width:15px; height:15px} */
    .apply-step > li:first-child {padding-left:0}
    .apply-step > li:last-child {padding-right:0}
    .apply-step > li dl {padding:30px 20px;width:160px; height:160px; border-width:10px}
    .apply-step > li dt {margin-bottom:10px; font-size:18px; letter-spacing:-0.05em}
    .apply-step > li dd {height:45px; line-height:1.4; font-size:17px}
    .apply-step > li {margin:0 36px}
    .apply-step > li + li::before {left:-48px; width:13px; height:13px; border-width:3px}

    .step-box {padding:40px}
    .step-box.step-agree .agree-box {height:237px; padding:30px; border-radius:20px; font-size:16px; letter-spacing: -0.05em}
    .step-tit + .step-box {margin-top:30px}
    .step-area .step-tit dl {font-size:30px}

    .reprint-apply .step-area + .step-area {margin-top:70px}
    .reprint-apply .step-list {margin:60px 0 80px}
    .reprint-apply .step-1 .check-type dt {align-items:center; margin-bottom:30px; padding-bottom:30px}
    .reprint-apply .step-1 .check-type dt .name {font-size:26px}
    .reprint-apply .step-1 .check-type dt .size {margin-left:10px; font-size:18px}
    .reprint-apply .step-1 .product-check-list > li + li {margin-top:10px}
    .reprint-apply .step-1 .step-box {display:flex; justify-content:space-between}
    .reprint-apply .step-1 .check-type {flex:0 0 auto; width:calc(50% - 45px)}
    .reprint-apply .step-1 .check-type + .check-type {margin-top:0}
    .reprint-apply .step-1 .total-data-info .product-count > .select-style2 select {padding-right:45px}
    .reprint-apply .step-1 .total-data-info {margin-top:30px; padding-top:30px}
    .reprint-apply .step-1 .total-data-info .price {font-size:24px}
    
    .reprint-apply.reprint-result {margin:0; padding-top:100px}
    .reprint-result .reprint-inner {padding:0}
    .reprint-result .result-msg {margin-bottom:130px; font-size:50px}
    .reprint-result .step-box {padding:30px 70px}
    .reprint-result .result-cont {font-size:20px}
    .reprint-result .bul-dot > li::before {top:10px}
    .reprint-apply .step-4 .step-tit + .step-box .form-ui {margin-bottom:20px}

    .subs-wrap .select-item {padding:20px; border-radius:20px}
    .subs-wrap .btn-area {margin-top:40px}
    .btn-area .btn-subs {border-radius:20px}
    /* .subs-wrap .btn-subs, .nomember-pop .btn-subs {border-radius:20px} */
    .subs-info-wrap .subs-tit-area {margin-bottom:20px}
    .subs-info-wrap .subs-tit {font-size:26px}
    .subs-info-wrap .subs-sub-tit {margin-top:5px; margin-left:15px; font-size:18px}
    .subs-info-wrap .subs-cont {padding:40px 45px 50px}
    .subs-info-wrap .subs-cont + .subs-cont {margin-top:20px} 
    .item-list li .check-item {font-size:18px}
    .item-list li .price {font-size:17px}

    .subs-wrap .select-item.select-style {height:60px}
    .select-style select {padding:20px 30px; border-radius:20px; font-size:18px}
    .select-style::after {right:30px}
    .select-style2 select {padding:15px 30px; font-size:18px}
    .file-info + .file-info {margin-top:8px}

    .step-list + .step-area {margin-top:30px}
    .step-area .step-tit dl {flex-wrap:nowrap}
    .step-area .step-txt {margin:15px 0 40px; font-size:18px}
    .subs-wrap .price-wrap {margin-top:20px}
    .subs-wrap .price-wrap .percent {font-size:32px}
    .subs-wrap .price-wrap .price {margin-right:15px; font-size:20px}
    .subs-wrap .price-wrap .price > strong {font-size:24px}
    .subs-wrap .price-wrap .now-price {font-size:24px}
    .subs-cont-wrap .price-wrap .now-price > strong {font-size:32px}
    .subs-info-wrap .subs-img .subs-info {margin-top:20px}
    /* .subs-info-wrap .subs-img .img-area {max-height:590px; min-height:400px} */
    .subs-info-wrap .subs-img .img-area {height:400px}

    .img-area + .subs-info-area {margin-top:30px}
    .subs-info-area {padding:37px 0 30px}
    .subs-info-list > li::before {width:60px; height:60px; margin-bottom:10px}
    .subs-info-list > li + li::after {top:15px; height:80px}
    .subs-info-list > li:first-child {padding-left:20px}
    .subs-info-list > li:last-child {padding-right:20px}
    .subs-info-list > li p {font-size:13px}
    .subs-info-detail .detail-tit .tit {font-size:17px}
    .subs-info-detail .detail-cont {padding:25px 0}

    .subs-apply-wrap > div + div {margin-top:30px}
    .subs-apply-head {padding:25px 50px}
    .subs-apply-cont {padding:60px 110px 70px}
    .subs-apply-item {margin-right:32px}
    .subs-apply-detail .tit {font-size:20px}
    .subs-apply-detail .txt {margin-top:10px}
    .subs-apply-detail .pay-price {font-size:21px}
    .inp-txt-list {padding:0 20px}
    .inp-txt-list li a {padding:16px 26px; font-size:17px}

    .top-banner-wrap.active {height:39px}
    .top-banner-wrap a {padding:12px 0}
    .top-banner-wrap .btn-close {width:40px; height:40px; top:0}
    .top-banner-wrap .btn-close::before, .top-banner-wrap .btn-close::after {top:13px; height:14px}
    .banner-wrap {margin:50px 0 25px}
    .banner-wrap a:first-child {margin-left:0px}
    .banner-wrap a:last-child {margin-right:0px}

    /* 구독패키지 */
    .package-item {width:calc(32.9% - 15px)}
    .package-item:nth-child(3n) {margin-right:0}
    .package-item .thumb {height:300px}
    .package-item .txt-cont {min-height:180px}
    .package-wrap .form-tit .tit {font-size:18px}
    .package-wrap .search-result {margin-bottom:30px}

    /* .package-list.grid-3-4 .package-item {width:calc(33.33% - 15px)}
    .package-list.grid-3-4 .package-item:nth-child(2n) {margin-right:30px}
    .package-list.grid-3-4 .package-item:nth-child(3n) {margin-right:0} */

    .package-list.grid-3-4 .package-item {width:32%}
    .package-list.grid-3-4 .package-item, .package-list.grid-3-4 .package-item:nth-child(2n), .package-list.grid-3-4 .package-item:nth-child(3n) {margin-right:23px}
    .package-list.grid-3-4 .package-item:nth-child(3n) {margin-right:0}

    .select-style3::after {top:7px}

    .terms-cont {padding:52px 70px 70px; font-size:15px}
    .terms-wrap .terms-tit {margin-bottom:40px; font-size:28px}
    .terms-box .terms-sub-tit {margin:30px 0; font-size:19px}
    .terms-history {display:flex; align-items:center; margin-top:55px}
    .terms-history > em {margin-bottom:0; margin-right:20px}
    .terms-history .select-style2 {flex:0 0 auto; width:335px}

    .drop-box .select-tit, .drop-box .drop-list {border-radius:6px}
    .drop-box .select-tit, .drop-box .drop-list .drop-item {font-size:18px}
    .drop-box .select-tit {padding:19px 40px 19px 20px}
    .drop-box .drop-list {top:68px}
    .view-head .date-area {display:flex; align-items:center}
    .view-head .date-area .date + .date {margin-top:0}
    .view-head .date-area .date + .date::before {content:''; display:inline-block; width:1px; height:15px; margin:0 15px; vertical-align:-2px; background-color:#ccc}
    
    .qna-wrap .qna-cont {margin-top:40px; padding:48px 110px 93px}
    .qna-wrap .qna-tit {font-size:30px}
    .qna-wrap .qna-txt {line-height:1.4; font-size:15px}
    .qna-wrap .step-box {margin-top:30px}
    .qna-wrap .btn-file, .qna-wrap .file-list .file-tit {font-size:16px}
    .qna-wrap .btn-file {height:36px; line-height:16px}
    .qna-wrap .txt-info, .step-box .txt-info {font-size:15px}
    .qna-wrap .btn-default.btn-pramary {min-width:auto}
    .qna-wrap .select-style2 + .select-style2 {margin-top:0; margin-left:5px}
    .qna-wrap .select-style2 {width:32.4%}
    .qna-wrap .contact-area {margin-top:0}
    .qna-wrap .contact-area .cont-item {flex:1 1 auto; width:32.2%; padding:24px 30px}
    .qna-wrap .contact-area .contact-tit {margin-bottom:0}
    .qna-wrap .contact-area .btn-area {margin-top:10px}
    .qna-wrap .contact-area .contact-txt, .qna-wrap .cont-item.qna-kakao .contact-txt {margin-top:5px}
    .qna-wrap .form-ui textarea.inp-txt {height:350px}
    .qna-wrap .display-flex {display:flex; margin-bottom:7px}
    .qna-wrap .file-list {margin-left:10px}
    .file-list li {margin-right:5px; padding:7px 36px 8px 20px}
    .file-list .btn-close {height:35px}

    .form-klay {margin-top:30px}
    .form-klay .klay-txt {font-size:18px}
    .form-klay .form-total-price {margin-top:25px}
    
    .step-box.step-agree .form-check .check {margin-top:0}
    .step-box.step-agree .select-agree .form-check-ui {margin-top:0; margin-right:85px}
    .form-select-agree {margin-top:20px; margin-left:30px}
    .form-ui .btns-area {margin:15px 0 5px}
    .form-select-agree .txt {margin-top:15px}

    /* 마이한경 */
    .myhk-menu-wrap + .cont-body {padding-top:20px}
    .myhk-menu-wrap {padding-top:60px; background-color:#f7f7fa; box-sizing:border-box}
    .myhk-menu-area {max-width:1160px; margin:0 auto; padding:0 42px; border-radius:20px; background-color:#fff; box-sizing:border-box}
    .myhk-menu-area .inner-scroll, .myhk-menu-area ul li:last-child {padding:0}
    .myhk-menu-area ul.align-center {justify-content:center}
    .myhk-menu-area ul.align-right {justify-content:flex-end}
    .myhk-menu .menu-item {padding:28px 0 17px; font-size:19px}
    .myhk-sub-menu .inner-scroll {display:flex}
    .myhk-sub-menu .menu-item {padding:26px 0 30px; font-size:17px}
    .myhk-sub-menu ul {min-width:33.33%; width:100%}
    .myhk-sub-menu ul li {margin:0 25px}
    .myhk-sub-menu ul li:first-child {margin-left:0}

    .myhk-wrap .btn-line {font-size:14px}
    .myhk-member {display:flex}
    .myhk-member > div {width:calc(50% - 10px)}
    .myhk-member .my-box + .my-subs {margin-top:0; margin-left:20px}
    .myhk-member .my-box, .myhk-member .my-subs {padding:25px 30px}
    .myhk-cont .myhk-area {margin-top:20px; padding:40px 50px; border-radius:20px; background-color:#fff}
    .myhk-cont-tit {margin:0 0 20px; font-size:26px}
    .myhk-cont-txt {margin-bottom:30px; font-size:17px}

    .myhk-member .btn-box {margin:10px 0; text-align:left}
    .myhk-member .btn-box .btn-basic {font-size:14px}

    .myhk-bg-box {border-radius:20px; background-color:#fafafa}
    .process-cont .myhk-box {padding:0; background-color:transparent}
    .process-cont .myhk-box + .myhk-box {margin-top:30px}
    .process-cont .myhk-bg-box, .method-cont .myhk-bg-box, .refund-cont .myhk-bg-box {padding:45px 40px}
    .process-list {display:flex; justify-content:space-between; position:relative}
    .process-list::before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:80px; border-radius:20px; background-color:#fff}
    .process-list li {flex:0 0 auto; flex-direction:column; text-align:center}
    .process-list li::before {position:relative; width:50px; height:50px; margin:15px 50px 40px; z-index:1}
    .process-list li + li {margin-top:0}
    .process-list::after {top:28%; left:50px; width:90%; height:5px}

    .myhk-cont .product-top.is-pc {display:flex}
    .myhk-cont .product-top {display:flex; align-items:center; flex-direction:row; margin-bottom:30px; padding-bottom:38px; border-bottom:1px solid #707070}
    .myhk-cont .product-top .product-item + .product-item {margin-top:0; margin-left:40px}
    .myhk-cont .product-top .product-item .tit, .myhk-cont .product-top .product-item .txt {font-size:17px}
    .myhk-cont .product-top .product-item p.txt {margin-top:15px}
    .myhk-cont .product-top .product-item span.txt::before {margin:0 20px}

    .no-data-box {padding:68px 0 116px}
    .no-data-box strong {font-size:21px}
    .no-data-box strong::before {margin-bottom:25px}
    .no-data-box p {margin-top:20px; font-size:14px}
    .no-data-box .btn-line {min-width:86px}
    .no-data-box .no-cart::before {width:40px; height:40px}
    .no-data-box .no-cart + .btn-area {margin-top:40px}
    .no-data-box .btn-default {font-size:16px}

    .method-cont .no-data-box {margin-top:0}
    .method-cont .myhk-boxs {padding:0; background-color:transparent}
    .method-cont .myhk-boxs > .myhk-box {border:none}
    .method-cont .method-item {display:flex; justify-content:space-between; align-items:center}
    .method-cont .method-info .method-tit {text-align:left}
    .method-cont .method-info {display:flex; align-items:center}
    .method-cont .method-info::before {display:inline-block; width:116px; height:70px; margin:0 30px 0 0; }
    .method-cont .method-info .tit, .method-cont .method-info .num {display:block; font-size:17px}
    .method-cont .form-ui > dt {width:210px; font-size:18px}
    .method-cont .form-ui > dd {width:calc(100% - 210px)}
    .method-cont .step-box .btn-area, .refund-cont .step-box .btn-area {margin-top:30px}
    .method-cont .step-box, .refund-cont .step-box {padding:0}
    .mypay-cont .myhk-flex {align-items:flex-start; padding-bottom:30px; border-bottom:1px solid #ddd; box-sizing:border-box}
    .mypay-cont .myhk-flex > div {flex:0 0 auto; position:relative; width:50%}
    .mypay-cont .receipt-area + .pay-area {margin-top:0}
    .mypay-cont .area-list + .btn-area {display:inline-block; position:absolute; top:0; right:30px; margin-top:0}
    .mypay-cont .area-top .tit, .mypay-cont .area-list .tit, .mypay-cont .area-list .txt {font-size:17px}
    .mypay-cont .area-list li {margin-top:20px}
    .myhk-wrap .tbl-chk .tbl-cont-box td {padding:30px 0}
    .myhk-wrap .tbl-chk .tbl-list {display:flex; flex-wrap:wrap}
    .myhk-wrap .tbl-chk .tbl-list li {flex:0 0 auto; width:33.333%; margin-bottom:10px}
    .myhk-wrap .tbl-chk .tbl-list li + li {margin-top:0}
    .mypay-cont .form-check {font-weight:500; font-size:17px}
    .mypay-cont .myhk-box {padding:0}

    .package-wrap.type-product .package-list.grid-4-4 {gap:0 30px}

    .package-wrap.type-product .package-list.grid-4-4 .package-item:hover, .package-list.grid-3-4 .package-item:hover {border-radius:20px}
    .package-wrap.type-product .package-list.grid-4-4 .package-item {width:23%; margin-right:0}
    .package-wrap.type-product .package-list.grid-4-4 .package-item > a, .package-wrap.type-product .package-list.grid-3-4 .package-item > a {padding:0 10px; box-sizing:border-box}
    .package-wrap.type-product .package-list.grid-4-4 .package-item .thumb, .package-wrap.type-product .package-list.grid-3-4 .package-item .thumb {margin:0 -10px}

    .myhk-shopping .myhk-boxs > .myhk-box.list-filter {padding:15px 30px}
    .myhk-shopping .list-filter {gap:35px; align-items:center}
    .myhk-shopping .list-filter .btn-outline {padding:7px 19px; font-size:14px}
    .myhk-shopping .list-filter .filter-btns {position:absolute; top:50%; right:30px; transform:translateY(-50%)} 
    .myhk-shopping .list-item .order-info {justify-content:flex-start}
    .myhk-shopping .list-item .order-info .date::after {content:"|"; margin:0 10px; color:#ddd}
    .myhk-shopping .list-item .product-item {gap:20px}
    .myhk-shopping .list-item .product-item > .product-info-wrap {width:calc(100% - 110px)}
    .myhk-shopping .list-item .product-item > .product-info {width:calc(100% - 110px)}
    .myhk-shopping .list-item .order-status {position:absolute; top:19px; right:30px}
    .myhk-shopping .list-item .order-status-btns {justify-content:flex-end; margin-top:-45px}
    .myhk-shopping .addr-from .form-check-default {position:absolute; top:43px; left:195px}
    .myhk-shopping .cart-list .list-item {padding-left:60px}
    .myhk-shopping .cart-list .list-item .form-check-ui {position:absolute; top:50%; left:20px; transform:translateY(-50%)}
    .myhk-shopping .cart-list .list-item > .total-price {margin-top:-20px}
    .myhk-shopping .cart-list .list-item .btn-close {right:30px}
    .myhk-shopping .cart-list .list-item .product-info-wrap {padding-right:50px}
    /* My멤버십 */
    .myhk-member-benefit > .myhk-member {display:block}
    .myhk-member-benefit .myhk-cont-stit {border-bottom:1px solid #121212; margin-bottom:30px; padding-bottom:20px; text-align:center}
    .myhk-member-benefit .myhk-boxs {flex-direction:row; width:100%; gap:0; padding-bottom:30px; border-bottom:1px solid #eee}
    .myhk-member-benefit .myhk-boxs .myhk-box {flex:1; width:auto; padding:0; border:none; border-radius:0; text-align:center}
    .myhk-member-benefit .myhk-boxs .myhk-box .my-info {width:100%;}
    .myhk-member-benefit .myhk-boxs .myhk-box .state-box {flex-direction:column}
    .myhk-member-benefit .myhk-boxs .myhk-box .state-box::before {margin:0}
    .myhk-member-benefit .myhk-boxs .myhk-box [class^="rank-"] {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
    .myhk-member-benefit .myhk-boxs .myhk-box .desc + .desc {margin-top:15px}
    .inquiry-list .myhk-box {padding:0;}
    .myhk-member-benefit .desc.big,
    .myhk-member-benefit .myhk-member .desc.big [class^="rank-"] {font-size:20px}
    .myhk-member-benefit .myhk-box.current-benefit {width:auto}
    .myhk-member-benefit .myhk-box.current-benefit .desc:not(.big) {font-size:19px}

    .mycoupon-inner .layer-mycoupon-register .mycoupon-input .inp-txt {height:37px}
    .myhk-wrap .mycoupon-layer .btn-line {flex:0 0 auto}
    .myhk-member-coupon .myhk-cont-tit-wrap .myhk-cont-tit {font-size:26px}
    .myhk-member-coupon .mycoupon-wrap {margin-top:30px}
    .myhk-member-coupon .myhk-cont-tit-desc {margin-top:19px; font-size:15px}
    .myhk-member-coupon .mycoupon-wrap .attention-title {font-size:17px}
    .myhk-member-coupon .mycoupon-wrap .attention-cont {font-size:14px}
    .myhk-member-coupon .myhk-cont-tit-wrap {margin-top:0}
    .myhk-member-coupon .mycoupon-layer {position:absolute; top:50%; transform:translate(-50%, -50%)}
    .myhk-member-qna .myhk-cont-tit-wrap {margin:0 0 20px}

    .mycoupon-layer .form-ui > dt {width:100px}
    .mycoupon-layer .form-ui > dd {width:calc(100% - 100px)}
    .mycoupon-layer .form-ui > dt, .mycoupon-layer .form-ui .inp-txt {font-size:18px}
    .mycoupon-layer .step-tit {margin:20px 0 15px}
    .mycoupon-layer .step-tit + .step-box {margin-top:15px}
    .mycoupon-layer .step-box + .step-tit {margin-top:30px}
    .mycoupon-layer .step-box.step-agree {padding:40px 30px}
    .mycoupon-layer .step-box.step-agree .select-agree .form-check-ui {width:50%; margin-right:10px}

    .select-col-wrap {position:relative; padding-bottom:80px}
    .select-col-wrap .select-col-area {position:absolute; left:0; bottom:0; display:flex; align-items:center}
    .select-col-area .select-style2 {min-width:260px}
    .select-col-area .select-style2 + .select-style2 {margin-top:0; margin-left:10px}
}
@media (min-width:1160px) and (max-width:1440px) {
    .main .cont-area,
    .visual-top .inner {margin-left:calc(-268px + 25vw)}
    /* .main-slide .slide-control {left:calc(-268px + 25vw)} */
}
@media (min-width:1160px) and (max-width:1200px) {
    .main-slide .tit-area {padding:0 10px}
}
@media (min-width:1200px){
    .main .footer {margin:30px auto 85px}
}
@media (min-width:1260px){
    .main-slide .slide-control {left:50%; margin-left:-570px}
}
@media (min-width:1440px){
    .main .cont-item, .event-list .thumb, .video-list .thumb, .package-item {transition:all .3s cubic-bezier(0,0,.5,1)}
    .main .cont-item:hover, .event-list .thumb:hover, .video-list .thumb:hover, .package-item:hover {box-shadow:2px 4px 16px rgba(0,0,0,.16); transform: scale3d(1.01,1.01,1.01)}
    .main .cont-area,
    .visual-top .inner {margin-left:120px}
    /* .main-slide .slide-control {left:120px} */

    .cont-item.item-head .cont-bottom {bottom:40px; left:50%; transform:translateX(-50%)}
    .event-wrap {position:relative}
    .event-wrap .event-head::before {bottom:30px; right:25px; width:140px; height:110px; max-height:110px;}
    .event-wrap .event-head .btn-basic,
    .video-wrap .event-head .btn-basic {display:inline-block; padding:15px 40px; border-radius:100px; border:1px solid #707070; font-weight:700; font-size:16px; background-color:#fff; box-sizing:border-box}
    .main-event .cont-item {height:240px; padding:35px 38px}
    .main-event .cont-item .sub-tit {width:53%}

    .video-wrap .event-head::before {bottom:41px; right:30px; width:171px; height:144px}

    .top-banner-wrap .btn-close {left:50%; transform:translateX(575px)}
}

@media (min-width:1920px){
    .cont-slide .intro-wrap:hover .swiper-button-prev, .cont-slide .intro-wrap:hover .swiper-button-next {opacity:0}
    .visual-top .inner {max-width:1920px}
}