@charset "UTF-8";/* FONT */
@font-face { font-family: "OneShinhan"; src: local(※), url(/siw/common/font/OneShinhanLight.eot) format("eot"), url(/siw/common/font/OneShinhanLight.woff) format("woff"), url(/siw/common/font/OneShinhanLight.woff) format("woff2"), url(/siw/common/font/OneShinhanLight.ttf) format("opentype"); font-weight: 300; font-style: normal; } 
@font-face { font-family: "OneShinhan"; src: local(※), url(/siw/common/font/OneShinhanMedium.eot) format("eot"), url(/siw/common/font/OneShinhanMedium.woff) format("woff"), url(/siw/common/font/OneShinhanMedium.woff) format("woff2"), url(/siw/common/font/OneShinhanMedium.ttf) format("opentype"); font-weight: 500; font-style: normal; } 
@font-face { font-family: "OneShinhan"; src: local(※), url(/siw/common/font/OneShinhanBold.eot) format("eot"), url("/siw/common/font/OneShinhanBold.woff") format("woff"); font-weight: 500; font-style: normal; } 
@font-face { font-family: "GmarketSans"; src: local(※), url(/siw/common/font/GmarketSansBold.woff2) format("woff2"), url(/siw/common/font/GmarketSansBold.woff) format("woff"); font-weight: 500; font-style: normal; } 
*,
*::before,
*::after { box-sizing: border-box; } 

:root { overflow-wrap: break-word; word-break: keep-all; -webkit-font-smoothing: antialiased; } 

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button { margin: 0; padding: 0; } 

dl,
ul,
ol,
menu,
li { list-style: none; } 

address,
caption,
cite,
code,
dfn,
em,
var,
i { font-style: normal; } 

img,
fieldset,
iframe { border: 0 none; } 

img { max-width: 100%; height: auto; -webkit-backface-visibility: hidden; } 

audio,
canvas,
iframe,
img,
svg,
video { vertical-align: middle; } 

input,
select,
textarea,
button { vertical-align: middle; } 

textarea { resize: none; } 

input::-ms-clear { display: none; } 

button { border: 0 none; background-color: transparent; cursor: pointer; } 

button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=file] { border-radius: 0; -webkit-appearance: button; } 

input[type=image],
input[type=text],
input[type=submit],
input[type=password],
input[type=search] { border-radius: 0; -webkit-appearance: none; } 

input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } 

table { border-collapse: collapse; border-spacing: 0; empty-cells: show; } 

caption,
legend { position: absolute; top: -9999px; left: -9999px; font-size: 0px; line-height: 0; } 

a { text-decoration: none; color: #000; } 

a:active { color: inherit; background-color: transparent; } 

a:link,
a:visited { color: inherit; } 

textarea,
input { appearance: none; } 

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
main,
menu { display: block; } 

blockquote,
q { quotes: none; } 

blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; content: none; } 

sup,
sub { line-height: 0; } 

ul:after,
ol:after { content: ""; clear: both; display: block; } 

summary::marker { font-size: 0; display: none; } 

.body,
body { min-height: 100vh; color: var(--g66); background: var(--ff); font-family: "OneShinhan"; color: var(--g00); font-weight: 300; } 

/* HIDDEN */
caption { overflow: hidden; width: 0; height: 0; margin: 0; padding: 0; font-size: 0; text-indent: -5000em; line-height: 0; } 

.blind,
legend,
input[type=hidden] { position: absolute; left: -5000em; top: -5000em; font-size: 1px; line-height: 1px; } 

.ir { display: inline-block; overflow: hidden; text-indent: -5000em; } 

:root { --g00: #000; --g66: #666; --eff:#eff1f5; --ff: #fff; --primary: #c8a564; } 

.g00 { color: var(--g00) !important; } 

.bg_g00 { background-color: var(--g00); /* 색상 설정 */}

.g66 { color: var(--g66) !important; } 

.bg_g66 { background-color: var(--g66); /* 색상 설정 */}

.ff { color: var(--ff) !important; } 

.bg_ff { background-color: var(--ff); /* 색상 설정 */}

.eff { color: var(--eff) !important; } 

.bg_eff { background-color: var(--eff); /* 색상 설정 */}

.primary { color: var(--primary) !important; } 

.bg_primary { background-color: var(--primary); /* 색상 설정 */}

/* CONTENTS */
.container { padding-top: 80px; box-sizing: border-box; } 
.container.intro { height: 298px; box-sizing: border-box; background: #000 url("/shinhan-premier/img/bg_intro.png") center center no-repeat; background-size: cover; } 
.container.service { height: 298px; box-sizing: border-box; background: #000 url("/shinhan-premier/img/bg_service.png") center center no-repeat; background-size: cover; } 
.container.channel { height: 298px; box-sizing: border-box; background: #000 url("/shinhan-premier/img/bg_channel.png") center center no-repeat; background-size: cover; } 
.container ~ .container { padding-top: 0; } 
.container .inner { position: relative; width: 996px; margin: 0 auto; padding: 120px 0; box-sizing: border-box; } 
.container .inner.page_title_wrap { display: flex; height: 100%; flex-direction: column; justify-content: center; } 
.container .inner + .inner { padding: 40px 0 120px; border-top: 1px solid #b4b4b4; } 

.page_title { color: var(--ff); font-size: 28px; text-align: center; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.49); font-weight: 500; line-height: 1; letter-spacing: -0.25px; } 

.ft32 { font-size: 32px; font-weight: 300; line-height: 1.7; } 

.ft32_m { font-size: 32px; font-weight: 500; line-height: 1.7; } 

.ft32_b { font-size: 32px; font-weight: 700; line-height: 1.7; } 

.g_ft32 { font-family: "GmarketSans"; font-size: 32px; font-weight: 500; line-height: 1.7; } 

.ft28 { font-size: 28px; font-weight: 300; line-height: 1.7; } 

.ft28_m { font-size: 28px; font-weight: 500; line-height: 1.7; } 

.ft28_b { font-size: 28px; font-weight: 700; line-height: 1.7; } 

.g_ft28 { font-family: "GmarketSans"; font-size: 28px; font-weight: 500; line-height: 1.7; } 

.ft26 { font-size: 26px; font-weight: 300; line-height: 1.7; } 

.ft26_m { font-size: 26px; font-weight: 500; line-height: 1.7; } 

.ft26_b { font-size: 26px; font-weight: 700; line-height: 1.7; } 

.g_ft26 { font-family: "GmarketSans"; font-size: 26px; font-weight: 500; line-height: 1.7; } 

.ft22 { font-size: 22px; font-weight: 300; line-height: 1.7; } 

.ft22_m { font-size: 22px; font-weight: 500; line-height: 1.7; } 

.ft22_b { font-size: 22px; font-weight: 700; line-height: 1.7; } 

.g_ft22 { font-family: "GmarketSans"; font-size: 22px; font-weight: 500; line-height: 1.7; } 

.ft20 { font-size: 20px; font-weight: 300; line-height: 1.7; } 

.ft20_m { font-size: 20px; font-weight: 500; line-height: 1.7; } 

.ft20_b { font-size: 20px; font-weight: 700; line-height: 1.7; } 

.g_ft20 { font-family: "GmarketSans"; font-size: 20px; font-weight: 500; line-height: 1.7; } 

.ft18 { font-size: 18px; font-weight: 300; line-height: 1.7; } 

.ft18_m { font-size: 18px; font-weight: 500; line-height: 1.7; } 

.ft18_b { font-size: 18px; font-weight: 700; line-height: 1.7; } 

.g_ft18 { font-family: "GmarketSans"; font-size: 18px; font-weight: 500; line-height: 1.7; } 

.ft16 { font-size: 16px; font-weight: 300; line-height: 1.7; } 

.ft16_m { font-size: 16px; font-weight: 500; line-height: 1.7; } 

.ft16_b { font-size: 16px; font-weight: 700; line-height: 1.7; } 

.g_ft16 { font-family: "GmarketSans"; font-size: 16px; font-weight: 500; line-height: 1.7; } 

.m16 { margin: 16px !important; } 

.mt16 { margin-top: 16px !important; } 

.mr16 { margin-right: 16px !important; } 

.mb16 { margin-bottom: 16px !important; } 

.mlr16 { margin-left: 16px !important; margin-right: 16px !important; } 

.mtb16 { margin-top: 16px !important; margin-bottom: 16px !important; } 

.p16 { padding: 16px !important; } 

.pt16 { padding-top: 16px !important; } 

.pr16 { padding-right: 16px !important; } 

.pb16 { padding-bottom: 16px !important; } 

.pl16 { padding-left: 16px !important; } 

.plr16 { padding-left: 16px !important; padding-right: 16px !important; } 

.ptb16 { padding-top: 16px !important; padding-bottom: 16px !important; } 

.gap16 { gap: 16px !important; } 

.m36 { margin: 36px !important; } 

.mt36 { margin-top: 36px !important; } 

.mr36 { margin-right: 36px !important; } 

.mb36 { margin-bottom: 36px !important; } 

.mlr36 { margin-left: 36px !important; margin-right: 36px !important; } 

.mtb36 { margin-top: 36px !important; margin-bottom: 36px !important; } 

.p36 { padding: 36px !important; } 

.pt36 { padding-top: 36px !important; } 

.pr36 { padding-right: 36px !important; } 

.pb36 { padding-bottom: 36px !important; } 

.pl36 { padding-left: 36px !important; } 

.plr36 { padding-left: 36px !important; padding-right: 36px !important; } 

.ptb36 { padding-top: 36px !important; padding-bottom: 36px !important; } 

.gap36 { gap: 36px !important; } 

.m50 { margin: 50px !important; } 

.mt50 { margin-top: 50px !important; } 

.mr50 { margin-right: 50px !important; } 

.mb50 { margin-bottom: 50px !important; } 

.mlr50 { margin-left: 50px !important; margin-right: 50px !important; } 

.mtb50 { margin-top: 50px !important; margin-bottom: 50px !important; } 

.p50 { padding: 50px !important; } 

.pt50 { padding-top: 50px !important; } 

.pr50 { padding-right: 50px !important; } 

.pb50 { padding-bottom: 50px !important; } 

.pl50 { padding-left: 50px !important; } 

.plr50 { padding-left: 50px !important; padding-right: 50px !important; } 

.ptb50 { padding-top: 50px !important; padding-bottom: 50px !important; } 

.gap50 { gap: 50px !important; } 

.m40 { margin: 40px !important; } 

.mt40 { margin-top: 40px !important; } 

.mr40 { margin-right: 40px !important; } 

.mb40 { margin-bottom: 40px !important; } 

.mlr40 { margin-left: 40px !important; margin-right: 40px !important; } 

.mtb40 { margin-top: 40px !important; margin-bottom: 40px !important; } 

.p40 { padding: 40px !important; } 

.pt40 { padding-top: 40px !important; } 

.pr40 { padding-right: 40px !important; } 

.pb40 { padding-bottom: 40px !important; } 

.pl40 { padding-left: 40px !important; } 

.plr40 { padding-left: 40px !important; padding-right: 40px !important; } 

.ptb40 { padding-top: 40px !important; padding-bottom: 40px !important; } 

.gap40 { gap: 40px !important; } 

.m60 { margin: 60px !important; } 

.mt60 { margin-top: 60px !important; } 

.mr60 { margin-right: 60px !important; } 

.mb60 { margin-bottom: 60px !important; } 

.mlr60 { margin-left: 60px !important; margin-right: 60px !important; } 

.mtb60 { margin-top: 60px !important; margin-bottom: 60px !important; } 

.p60 { padding: 60px !important; } 

.pt60 { padding-top: 60px !important; } 

.pr60 { padding-right: 60px !important; } 

.pb60 { padding-bottom: 60px !important; } 

.pl60 { padding-left: 60px !important; } 

.plr60 { padding-left: 60px !important; padding-right: 60px !important; } 

.ptb60 { padding-top: 60px !important; padding-bottom: 60px !important; } 

.gap60 { gap: 60px !important; } 

.m100 { margin: 100px !important; } 

.mt100 { margin-top: 100px !important; } 

.mr100 { margin-right: 100px !important; } 

.mb100 { margin-bottom: 100px !important; } 

.mlr100 { margin-left: 100px !important; margin-right: 100px !important; } 

.mtb100 { margin-top: 100px !important; margin-bottom: 100px !important; } 

.p100 { padding: 100px !important; } 

.pt100 { padding-top: 100px !important; } 

.pr100 { padding-right: 100px !important; } 

.pb100 { padding-bottom: 100px !important; } 

.pl100 { padding-left: 100px !important; } 

.plr100 { padding-left: 100px !important; padding-right: 100px !important; } 

.ptb100 { padding-top: 100px !important; padding-bottom: 100px !important; } 

.gap100 { gap: 100px !important; } 

.m32 { margin: 32px !important; } 

.mt32 { margin-top: 32px !important; } 

.mr32 { margin-right: 32px !important; } 

.mb32 { margin-bottom: 32px !important; } 

.mlr32 { margin-left: 32px !important; margin-right: 32px !important; } 

.mtb32 { margin-top: 32px !important; margin-bottom: 32px !important; } 

.p32 { padding: 32px !important; } 

.pt32 { padding-top: 32px !important; } 

.pr32 { padding-right: 32px !important; } 

.pb32 { padding-bottom: 32px !important; } 

.pl32 { padding-left: 32px !important; } 

.plr32 { padding-left: 32px !important; padding-right: 32px !important; } 

.ptb32 { padding-top: 32px !important; padding-bottom: 32px !important; } 

.gap32 { gap: 32px !important; } 

.m43 { margin: 43px !important; } 

.mt43 { margin-top: 43px !important; } 

.mr43 { margin-right: 43px !important; } 

.mb43 { margin-bottom: 43px !important; } 

.mlr43 { margin-left: 43px !important; margin-right: 43px !important; } 

.mtb43 { margin-top: 43px !important; margin-bottom: 43px !important; } 

.p43 { padding: 43px !important; } 

.pt43 { padding-top: 43px !important; } 

.pr43 { padding-right: 43px !important; } 

.pb43 { padding-bottom: 43px !important; } 

.pl43 { padding-left: 43px !important; } 

.plr43 { padding-left: 43px !important; padding-right: 43px !important; } 

.ptb43 { padding-top: 43px !important; padding-bottom: 43px !important; } 

.gap43 { gap: 43px !important; } 

.m20 { margin: 20px !important; } 

.mt20 { margin-top: 20px !important; } 

.mr20 { margin-right: 20px !important; } 

.mb20 { margin-bottom: 20px !important; } 

.mlr20 { margin-left: 20px !important; margin-right: 20px !important; } 

.mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; } 

.p20 { padding: 20px !important; } 

.pt20 { padding-top: 20px !important; } 

.pr20 { padding-right: 20px !important; } 

.pb20 { padding-bottom: 20px !important; } 

.pl20 { padding-left: 20px !important; } 

.plr20 { padding-left: 20px !important; padding-right: 20px !important; } 

.ptb20 { padding-top: 20px !important; padding-bottom: 20px !important; } 

.gap20 { gap: 20px !important; } 

.m26 { margin: 26px !important; } 

.mt26 { margin-top: 26px !important; } 

.mr26 { margin-right: 26px !important; } 

.mb26 { margin-bottom: 26px !important; } 

.mlr26 { margin-left: 26px !important; margin-right: 26px !important; } 

.mtb26 { margin-top: 26px !important; margin-bottom: 26px !important; } 

.p26 { padding: 26px !important; } 

.pt26 { padding-top: 26px !important; } 

.pr26 { padding-right: 26px !important; } 

.pb26 { padding-bottom: 26px !important; } 

.pl26 { padding-left: 26px !important; } 

.plr26 { padding-left: 26px !important; padding-right: 26px !important; } 

.ptb26 { padding-top: 26px !important; padding-bottom: 26px !important; } 

.gap26 { gap: 26px !important; } 

.m70 { margin: 70px !important; } 

.mt70 { margin-top: 70px !important; } 

.mr70 { margin-right: 70px !important; } 

.mb70 { margin-bottom: 70px !important; } 

.mlr70 { margin-left: 70px !important; margin-right: 70px !important; } 

.mtb70 { margin-top: 70px !important; margin-bottom: 70px !important; } 

.p70 { padding: 70px !important; } 

.pt70 { padding-top: 70px !important; } 

.pr70 { padding-right: 70px !important; } 

.pb70 { padding-bottom: 70px !important; } 

.pl70 { padding-left: 70px !important; } 

.plr70 { padding-left: 70px !important; padding-right: 70px !important; } 

.ptb70 { padding-top: 70px !important; padding-bottom: 70px !important; } 

.gap70 { gap: 70px !important; } 

.flex { display: flex; } 
.flex.column { flex-direction: column; } 
.flex.row { flex-direction: row; } 
.flex.j_ce { justify-content: center; } 
.flex.j_st { justify-content: flex-start; } 
.flex.j_en { justify-content: flex-end; } 
.flex.j_be { justify-content: space-between; } 
.flex.j_ar { justify-content: space-around; } 
.flex.a_ce { align-items: center; } 
.flex.a_st { align-items: flex-start; } 
.flex.a_en { align-items: flex-end; } 
.flex.a_be { align-items: space-between; } 
.flex.a_ar { align-items: space-around; } 

.tc { text-align: center; } 

.tl { text-align: left; } 

.tr { text-align: right; } 

.header { position: absolute; top: 0; padding-top: 28px; width: 100%; } 
.header-inner { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; } 
.header-inner img { height: 21px; } 
.header .menu { display: flex; gap: 66px; } 
.header .menu a { color: var(--ff); font-size: 16px; font-weight: 700; } 
.header .menu a.active { padding-bottom: 8px; border-bottom: 2px solid var(--primary); } 

.btn_wrap { margin-top: 100px; text-align: center; } 

.btn { display: flex; justify-content: center; align-items: center; width: 100%; height: 122px; font-size: 32px; font-weight: 700; letter-spacing: -0.5px; border-radius: 26px; padding: 20px; } 
.btn.pm { color: var(--ff); background-color: var(--primary); } 

.wrap.home { background: #000 url("/shinhan-premier/img/bg_main.png") center bottom no-repeat; background-size: cover; min-height: 100vh; } 
.wrap.home .container { width: 1200px; min-height: 90vh; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; } 

.list_roundbox li { border-radius: 6px; overflow: hidden; } 
.list_roundbox li img { min-width: 282px; max-width: 282px; } 

.caution_list { margin-top: 16px; } 
.caution_list li { font-size: 18px; color: var(--g66); line-height: 1.77; letter-spacing: -0.25px; display: flex; gap: 4px; } 
.caution_list li::before { content: "※"; } 

.caution { font-size: 18px; color: var(--g66); line-height: 1.6; letter-spacing: -0.25px; display: flex; gap: 4px; } 
.caution::before { content: "※"; } 

.cont_tit { display: flex; gap: 20px; align-items: center; font-size: 28px; font-weight: 500; letter-spacing: -0.5px; } 
.cont_tit::before { content: ""; display: block; width: 8px; height: 28px; background-color: var(--primary); } 

.tab_wrap { background-color: #e5e5e5; } 
.tab_inner { display: flex; width: 1000px; margin: 0 auto; border-left: 4px solid var(--ff); border-right: 4px solid var(--ff); } 
.tab_btn { font-family: "OneShinhan";flex: 1; font-size: 18px; color: #686868; font-weight: 500; letter-spacing: -0.25px; height: 76px; border-right: 3px solid var(--ff); } 
.tab_btn + .tab_btn { border-left: 2px solid var(--ff); border-right: 0; } 
.tab_btn.active { font-weight: 700; background-color: var(--primary); color: var(--ff); } 

.video_wrap { margin-top: 16px; } 
.video_wrap video { width: 100%; } 
.w100 {width: 100% !important;}
.container.solution {
  height: 298px;
  box-sizing: border-box;
  background: #000 url("/shinhan-premier/img/bg_solution.png") center center no-repeat;
  background-size: cover;
}/*# sourceMappingURL=styles.css.map */