/* 공통 */ #container {overflow:hidden;} #container.no_header {margin-top:0;} #container.inc_cate {margin-top:14rem;} #container .content {width:100%; max-width:124.4rem; margin:0 auto; margin-top:8rem; padding:0 2.2rem;} #container.w800 .content {max-width:84.4rem; margin:0 auto; margin-top:8rem;} #container.product .content {width:100%; max-width:84.4rem; margin:0 auto 18rem; margin-top:6rem; padding:0 2.2rem;} #container.product .content:focus-visible {outline:none !important;} .skipNavi {position:fixed; left:0; top:0; z-index:999999;} .skipNavi a {position:absolute; left:0; top:0; width:10rem; background:var(--ibk-blue); color:var(--basic-color-w); font-size:1.5rem; line-height:3rem; opacity:0; pointer-events:none;} .skipNavi a > p {border:0 !important; outline:0 !important; padding:0 !important} .skipNavi a:focus-visible {padding:0 !important; opacity:1; pointer-events:auto; background:var(--ibk-blue); color:var(--basic-color-w);} /* main */ #contents {display:inline-block; float:left; width:100%; margin-top:8rem;} #cate + #contents {margin-top:0;} #contents .c_wrap {display:inline-block; box-sizing:border-box; width:100%; margin:0 auto; padding-top:20rem; padding-bottom:6rem;} #contents .c_more {position:absolute; right:0; bottom:0; width:7.5rem; height:7.5rem; border-radius:4rem 0 0 0; background-color:var(--basic-color-w);} #contents .c_more:before {content:""; position:absolute; left:-6rem; bottom:0; width:6rem; height:6rem; overflow:hidden; border-radius:50%; box-shadow:3rem 3rem 0 0 var(--basic-color-w);} #contents .c_more:after {content:""; position:absolute; right:0; top:-6rem; width:6rem; height:6rem; overflow:hidden; border-radius:50%; box-shadow:3rem 3rem 0 0 var(--basic-color-w);} #contents .c_more.bgcs6:before {box-shadow:4rem 4rem 0 0 var(--secondary-color-6);} #contents .c_more.bgcs6:after {box-shadow:4rem 4rem 0 0 var(--secondary-color-6);} #contents .c_more > i {position:absolute; right:0; bottom:0; z-index:1; width:6rem; height:6rem; border-radius:50%; background-color:var(--secondary-color-1); transform:rotate(45deg);} #contents .c_more > i > .icon {position:absolute; left:50%; top:50%; margin-left:-1rem; margin-top:-1rem;} #contents a:hover > .c_more > i, #contents button:hover > .c_more > i {background-color:var(--ibk-blue);} #contents a.c_more:hover > i {background-color:var(--ibk-blue);} #contents .c_area {display:inline-block; float:left; width:100%; padding:5rem 0;} #contents .c_area.t1 {padding:4rem 0;} #contents .c_area.pb0 {padding-bottom:0 !important;} #contents .c_area.c_bgc {background-color:var(--secondary-color-6);} #contents .c_title {display:inline-block; float:left; width:100%; margin-bottom:5rem;} #contents .c_title p span {font-weight:600;} #contents .c_title > p {display:flex; align-items:center; justify-content:center; margin-top:2rem; text-align:center;} #contents .c_title > p i {margin:0 1rem;} #contents .c_title > p mark {font-weight:700} #contents .c_title span {text-align:center !important;} #contents .c_div > ul {display:flex; gap:2rem} #contents .c_div > ul > li {width:100%;} #contents .c_div.div2 > ul > li {width:calc((100% - 2rem)/2);} #contents .c_div.div2 > ul > li:nth-child(n + 3) {margin-top:2rem;} #contents .c_div.div3 > ul > li {width:33.333%;} #contents .c_div.div3 > ul > li:nth-child(n + 4) {margin-top:2rem;} #contents .c_div.div4 > ul {flex-wrap:wrap} #contents .c_div.div4 > ul > li {width:calc((100% - 2rem)/2);} #contents .c_div.div4 > ul > li:nth-child(n + 5) {margin-top:0;} #contents .c_channel .c_div.div4 > ul > li:nth-child(n + 5) {margin-top:0;} #contents .c_box {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:3rem 3.5rem; border-radius:4rem; text-align:left;} #contents .c_div.t1 .c_box {height:30rem;} #contents a.c_box:hover strong {text-decoration:underline dotted; -webkit-text-decoration:underline dotted; text-decoration-color:rgba(13, 14, 15, 0.3); text-decoration-thickness:0.1rem; text-underline-offset:0.3rem;} #contents .c_box.c_iconbox p {display:inline-block; float:left; width:100%; margin-top:0.5rem; font-size:1.8rem; font-weight:500; color:var(--secondary-color-1); line-height:3rem; letter-spacing:-0.072rem;} #contents .c_box.c_iconbox span {display:inline-block; float:left; width:100%;} #contents .c_box.c_iconbox .c_deco {position:absolute; position:absolute; left:3rem; bottom:3rem; width:12rem; height:12rem; background-repeat:no-repeat; background-size:100% auto; background-position:center 0; filter:drop-shadow(1rem 1rem 3rem rgba(13, 14, 15, 0.15)); animation:bounceY 3s infinite;} #contents .c_box.c_iconbox .c_deco.book {background-image:url("../images/product/icon_book.png");} #contents .c_box p span {display:inline-block; width:100%; word-break:keep-all} #contents .c_box figure img {display:block; width:100%;} #contents .c_box .c_calc {display:flex; align-items:center; justify-content:center; padding:1rem 2.5rem; border-radius:1.5rem; background:var(--secondary-color-6)} #contents .c_box .c_calc span.semibold {margin:0 3rem;} #contents .c_box p a {text-decoration:underline; text-underline-position:under;} #contents .c_box p a:hover {color:var(--ibk-blue)} #contents .c_box .c_div {margin-top:2rem;} #contents .c_box.t1 {box-sizing:border-box; padding:3.9rem 5.9rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:1.5rem;} #contents .c_box.t2 {box-sizing:border-box; padding:6rem 9.9rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:1.5rem;} #contents .c_article {display:inline-block; width:100%;} #contents .tabwrap + .c_article, #contents .c_article + .c_article {margin-top:5rem;} #contents .tabwrap.t1 + .c_article {margin-top:0} #contents .c_article > * + .text, #contents .c_article > * + .tablewrap, #contents .c_article > * + .c_box,#contents .c_article > * + ul,#contents .c_article > * + div {margin-top:2rem;} #contents .c_article * + .c_notice {margin-top:5rem;} #contents .c_article > .tablewrap + ul {display:inline-block; width:100%;} #contents .c_article .ca_tit {display:flex; align-items:center; justify-content:space-between;} #contents .c_article .ca_tit .btn {flex-shrink:0; min-width:16rem;} #contents .c_qalist {display:inline-block; position:relative; float:left; width:100%;} #contents .c_qalist:before {content:""; position:absolute; left:0; right:0; top:0; height:0.1rem; background-color:var(--secondary-color-3);} #contents .c_qalist li {display:inline-block; position:relative; float:left; width:100%;} #contents .c_qalist li:before {content:""; position:absolute; left:0; right:0; bottom:0; height:0.1rem; background-color:var(--secondary-color-6-line);} #contents .c_qalist li a {display:-webkit-box; float:left; overflow:hidden; box-sizing:border-box; width:100%; height:6rem; font-size:1.6rem; font-weight:500; color:var(--secondary-color-1); line-height:6rem; letter-spacing:-0.032rem; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; text-align:left;} #contents .c_qalist li a:hover {color:var(--ibk-blue);} #contents .c_qalist li a:last-child {padding-right:5rem;} #contents .c_qalist li a mark {display:inline-block; font-weight:700; color:var(--ibk-blue); margin-right:1rem;} #contents .c_list {display:flex; vertical-align:middle; width:calc(100% + 2rem); margin-left:-1rem; text-align:center;} #contents .c_list .cl_box {display:inline-block; float:left; box-sizing:border-box; width:calc(50% - 2rem); margin:0 1rem; padding:1rem; border-radius:4rem; background-color:var(--secondary-color-6);} #contents .c_list.div3 .cl_box {width:calc(33.333% - 2rem);} #contents .c_list .cl_box > strong {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-bottom:2rem; padding:1.7rem 1rem; border-radius:6rem; font-size:2.2rem; font-weight:400; color:var(--basic-color-w); line-height:3.6rem; letter-spacing:-0.044rem; word-break:keep-all;} #contents .c_list ul, #contents .c_list ol {display:inline-block; float:left; box-sizing:border-box; width:100%;} #contents .c_list li {display:inline-block; float:left; box-sizing:border-box; width:100%; padding:1.4rem 2.5rem; border-radius:6rem; background-color:var(--basic-color-w);} #contents .c_list li + li {margin-top:1rem;} #contents .c_list li span {display:inline-block; vertical-align:middle; font-size:1.8rem; font-weight:700; color:var(--secondary-color-1);line-height:3.2rem; letter-spacing:-0.036rem; word-break:keep-all;} #contents .c_list ol {text-align:left;} #contents .c_list ol li span {font-weight:400;} #contents .c_list ol li mark {display:inline-block; width:2rem; margin-right:1.5rem; text-align:center;} #contents .c_notice.t1 {padding:2.4rem 3.4rem;} #contents .c_nav li {display:inline-block; float:left; box-sizing:border-box;} #contents .c_nav li + li {margin-left:2rem;} #contents .c_nav li .cn_box {display:block; box-sizing:border-box; position:relative; width:100%; height:16rem; border-radius:4rem; background-color:var(--basic-color-w);} #contents .c_nav li strong {display:inline-block; position:absolute; left:2.5rem; top:2.5rem; font-size:2rem; font-weight:700; color:var(--basic-color-w); line-height:3rem; letter-spacing:-0.08rem;} #contents .c_nav li span {display:inline-block; position:absolute; left:2.5rem; top:5.5rem; font-size:2rem; font-weight:400; color:var(--basic-color-w); line-height:3rem; letter-spacing:-0.08rem;} #contents .c_nav li .cn_box:hover > strong, #contents .c_nav li .cn_box:hover > span {text-decoration:underline dotted; -webkit-text-decoration:underline dotted; text-decoration-color:rgba(13, 14, 15, 0.3); text-decoration-thickness:0.2rem; text-underline-offset:0.5rem;} #contents .c_nav li .cn_box:hover > strong.cm, #contents .c_nav li .cn_box:hover .cm + span {text-decoration-color:rgba(0, 85, 162, 0.4);} #contents .c_nav li .cn_box:hover > strong.cgt, #contents .c_nav li .cn_box:hover .cgt + span {text-decoration-color:rgba(1, 123, 130, 0.4);} #contents .c_nav li .cn_box:hover > strong.cr, #contents .c_nav li .cn_box:hover .cr + span {text-decoration-color:rgba(205, 55, 0, 0.40);} #contents .c_nav li .cn_box:hover > strong.cp, #contents .c_nav li .cn_box:hover .cp + span {text-decoration-color:rgba(99, 65, 207, 0.40);} #contents .c_nav li .cn_box:hover > strong.csb, #contents .c_nav li .cn_box:hover .csb + span {text-decoration-color:rgba(78, 149, 178, 0.40);} #contents .c_nav li .cn_box:hover > strong.cgb, #contents .c_nav li .cn_box:hover .cgb + span {text-decoration-color:rgba(67, 103, 147, 0.40);} #contents .c_nav {padding:4rem 0; margin-top:6rem; background:var(--secondary-color-6)} #contents .c_nav ul {display:flex; margin:0 auto;} #contents .c_nav li {width:100%;} #contents .c_nav li .cn_box {background:var(--basic-color-w)!important;} #contents .c_nav li .cn_icon {position:absolute; right:2.5rem; bottom:2.5rem; width:5.2rem; height:5.2rem; background-size:100%; background-repeat:no-repeat;} #contents .c_cate {border-top:0.1rem solid var(--secondary-color-6-line); border-bottom:0.1rem solid var(--secondary-color-6-line); background:var(--secondary-color-6);} #contents .c_cate .wrap {display:flex; align-items:center; justify-content:space-between; height:5.8rem; margin:0 auto; text-align:left;} #contents .c_cate .cc_wrap {display:flex; align-items:center;} #contents .c_cate .cc_wrap > a {border-right:0.1rem solid var(--secondary-color-6-line)} #contents .c_cate .c_home {display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:6rem; height:5.8rem; border-left:0.1rem solid var(--secondary-color-6-line); border-right:0.1rem solid var(--secondary-color-6-line)} #contents .c_cate .c_home:hover {background:var(--basic-color-w)} #contents .c_cate .wrap > button {display:flex; align-items:center; justify-content:center; width:6rem; height:5.8rem; border-left:0.1rem solid var(--secondary-color-6-line); border-right:0.1rem solid var(--secondary-color-6-line)} #contents .c_cate .wrap > button:hover {background:var(--basic-color-w)} #contents .c_cate .wrap > button:hover i {background-image:url("../images/common/icon_line_b.svg")} #contents .c_menu {display:flex; align-items:center;} #contents .c_menu > li {position:relative; border-right:0.1rem solid var(--secondary-color-6-line)} #contents .c_menu > li > button {display:block; position:relative; min-width:23.8rem; padding:0 1.9rem; line-height:5.8rem; text-align:left; letter-spacing:-0.032rem;} #contents .c_menu > li > button:hover {background:var(--basic-color-w)} #contents .c_menu > li > button i {display:flex; align-items:center; justify-content:center; position:absolute; right:1.8rem; top:50%; width:1.2rem; height:1.2rem; transform:translateY(-50%); transition:0.2s} #contents .c_menu > li.on > button i {transform:rotate(-180deg) translateY(50%);} #contents .c_menu ul {display:none; position:absolute; left:0; top:100%; z-index:3; box-sizing:border-box; width:100%; min-width:17.5rem; border:0.1rem solid var(--secondary-color-3); background:var(--basic-color-w); box-shadow:0 0.5rem 1rem 0 rgba(13, 14, 15, 0.06);} #contents .c_menu ul a,#contents .c_menu ul button {display:block; padding:1rem 2rem; font-size:1.6rem; line-height:3rem; letter-spacing:-0.032rem; white-space:nowrap; text-align:left;} #contents .c_menu ul a:hover,#contents .c_menu ul button:hover {text-decoration:underline dotted; -webkit-text-decoration:underline dotted; text-decoration-color:rgba(13, 14, 15, 0.3); text-decoration-thickness:0.1rem; text-underline-offset:0.4rem;} #contents .c_menu ul li a.on {background:var(--secondary-color-6);} #contents .c_step > li {position:relative; display:flex; align-items:flex-start; padding:2rem; border-radius:7rem; background:var(--secondary-color-6); text-align:left} #contents .c_step.t1 > li {align-items:center} #contents .c_step > li:not(:last-child) {margin-bottom:3.8rem;} #contents .c_step > li:not(:last-child)::after {content:""; display:block; position:absolute; top:100%; left:0; width:100%; height:3.8rem; background-image:url("../images/retireann/icon_arrowdown01.svg"); background-repeat:no-repeat; background-size:1.4rem 1.8rem; background-position:center center;} #contents .c_step .cs_icon {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:10rem; height:10rem; margin-right:2rem; border-radius:100%; background:var(--basic-color-w)} #contents .c_step .cs_tit {display:flex; align-items:center; margin-bottom:1rem;} #contents .c_step .cs_tit mark {padding:0 2rem; margin-right:1rem; border-radius:3rem; background:var(--ibk-blue); color:var(--basic-color-w); text-align:center} #contents .c_step > li p {text-align:left} #contents .c_step .cs_process {display:flex; align-items:center} #contents .c_step .cs_process > li {display:flex; align-items:center} #contents .c_step .cs_process > li:not(:last-child)::after {content:""; width:1.2rem; height:1.2rem; margin:0 1rem; background:url("../images/contact/icon_arrowright.svg") center center no-repeat;} #contents .c_notice {display:inline-block; box-sizing:border-box; width:100%; padding:1.9rem 2.9rem; border-radius:1.5rem; border:0.1rem solid var(--secondary-color-5); background:var(--secondary-color-6); text-align:center;} #contents .c_notice strong {display:block; margin-bottom:1rem;} #contents .c_notice a.btn.gray.filled {font-weight:500} #contents .c_notice a:hover {text-decoration:underline dotted; -webkit-text-decoration:underline dotted; text-decoration-color:rgba(13, 14, 15, 0.3); text-decoration-thickness:0.1rem; text-underline-offset:0.3rem;} #contents .c_notice a.btn:hover {text-decoration:none} #contents .c_notice li.text.dot.bold + li {margin-top:3rem;} #contents .c_notice + .c_article {margin-top:5rem} #contents .c_notice + .btn_wrap {margin-top:5rem} #contents .c_link {display:flex; flex-wrap:wrap; gap:2rem;} #contents .c_link.div3 li {width:calc((100% - 4rem) / 3)} #contents .c_link.div3 li a {display:flex; align-items:center; justify-content:space-between; padding:1.4rem 1.5rem 1.4rem 2.5rem; border-radius:3rem; background:var(--secondary-color-6); letter-spacing:-0.072rem} #contents .c_link.div3 li a > i {display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; border-radius:100%; background:var(--basic-color-w); transform:rotate(45deg);} #contents .c_link.div3 li a:hover > i {background:var(--ibk-blue);} #contents .c_link.div3 li a:hover > i i {background-image:url("../images/common/icon_line_w.svg")} /* main */ #contents.c_main .cm_wrap {display:inline-block; float:left; width:100%; padding-bottom:6rem;} #contents.c_main .cm_wrap.t1 {background-color:var(--secondary-color-6);} #contents.c_main .cm_area {display:inline-block; float:left; width:100%; padding:6rem 0;} #contents.c_main .cm_area.t1 {padding-top:7rem;} #contents.c_main .cm_area + .cm_area {padding-top:0;} #contents.c_main .cm_area:last-child {padding-bottom:0;} #contents.c_main .cm_area .cm_title {display:inline-block; float:left; width:100%; margin-bottom:3rem;} #contents.c_main .cm_area .cm_title .title {display:inline-block; float:left;} #contents.c_main .cm_area .cm_title a {display:inline-block; float:right; margin-top:0.5rem; padding:0 2rem; border-radius:1.5rem; border:0.1rem solid var(--secondary-color-5); font-size:1.5rem; font-weight:500; color:var(--secondary-color-1); line-height:2.8rem; } #contents.c_main .cm_area .cm_title a:hover {background-color:var(--secondary-color-1); border-color:var(--secondary-color-1); color:var(--basic-color-w);} #contents.c_main .cm_hero {display:inline-block; float:left; box-sizing:border-box; width:100%; position:relative; z-index:0; font-size:0; line-height:0; } #contents.c_main .cm_hero .cmh_wrap {display:inline-block; float:left; position:relative; width:100%;} #contents.c_main .cm_hero .cmh_slide {display:inline-block; width:100%; height:40rem;} #contents.c_main .cm_hero .cmh_slide .slick-arrow {display:none !important;} #contents.c_main .cm_hero .cmh_slide.t2 {overflow:hidden; position:absolute; left:0; top:0; right:0; bottom:0; width:auto;} #contents.c_main .cm_hero .cmh_slide .slick-slide {position:relative; height:40rem; border:none;} #contents.c_main .cm_hero .cmh_slide.t2 .slick-slide {transition:0.3s all; animation-timing-function:cubic-bezier(0.21, 0.54, 0.19, 1.2);} #contents.c_main .cm_hero .cmh_slide.t2 .slick-slide:before {content:""; display:none; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; border-radius:4rem; border:var(--ibk-blue) solid 0.3rem; pointer-events:none;} #contents.c_main .cm_hero .cmh_slide.t2 .slick-slide:focus-visible:before {display:inline-block;} #contents.c_main .cm_hero .cmh_slide.t2 .slick-slide.rebound {transform:translateY(-2rem);} #contents.c_main .cm_hero .cmh_slide.t2 .slick-slide.rereversebound {transform:translateY(2rem);} #contents.c_main .cm_hero .cmh_slide.t2 .slick-slide.nobound {transform:translateY(0) !important;} #contents.c_main .cm_hero .cmh_slide .cmhs_wrap {display:inline-block; height:100%;} #contents.c_main .cm_hero .cmh_slide .slick-slide:focus-visible .cmhs_wrap:before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; inset:0.2rem; border:0.2rem dashed var(--ibk-blue); pointer-events:none;} #contents.c_main .cm_hero .cmh_slide .cmhs_contents {position:relative; height:100%;} #contents.c_main .cm_hero .cmh_slide p {position:absolute; left:0; right:calc(30% + 2rem); top:6rem; text-align:left; word-break:keep-all;} #contents.c_main .cm_hero .cmh_slide p strong {overflow:hidden; display:-webkit-box; float:left; box-sizing:border-box; width:100%; max-height:15rem; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; text-align:left; word-break:keep-all; transform:translateY(2rem); opacity:0; transition:0.5s all;} #contents.c_main .cm_hero .cmh_slide .slick-current p strong {opacity:1; transition-delay:0.8s; transform:translateY(0);} #contents.c_main .cm_hero .cmh_slide p span {overflow:hidden; display:-webkit-box; float:left; box-sizing:border-box; width:100%; height:8rem; margin-top:1rem; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; transition:0.5s all ease; opacity:0;} #contents.c_main .cm_hero .cmh_slide .slick-current p span {opacity:1; transition-delay:0.5s;} #contents.c_main .cm_hero .cmh_slide.init p strong, #contents.c_main .cm_hero .cmh_slide.init p span {transition:none !important;} #contents.c_main .cm_hero .cmh_nav {display:flex; align-items:center; gap:1.5rem; position:absolute; left:50%; bottom:6rem; z-index:1; box-sizing:border-box; width:100%; max-width:124.4rem; height:4rem; padding:0 2.2rem; transform:translateX(-50%); pointer-events:none;} #contents.c_main .cm_hero .cmh_nav .cmhn_control {display:inline-block; pointer-events:auto;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li {display:inline-block; position:relative; float:left; width:4rem; height:4rem; background-color:var(--basic-color-w); border-radius:50%; transition:0.2s;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li:hover {transform:scale(1.1);} #contents.c_main .cm_hero .cmh_nav .cmhn_control li + li {margin-left:0.5rem;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li:last-child {margin-left:1.5rem; background-color:transparent;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li button {display:flex; justify-content: center; align-items:center; position:absolute; left:0; right:0; top:0; bottom:0; width:100%;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li button.prev .icon {width:1.6rem; height:1.6rem; background-image:url("../images/common/icon_arrowleft.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li button.next .icon {width:1.6rem; height:1.6rem; background-image:url("../images/common/icon_arrowright.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li button.control .icon.play {background-image:url("../images/common/icon_play_w.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li button.control .icon.play + .blind:after {content:"정지";} #contents.c_main .cm_hero .cmh_nav .cmhn_control li button.control .icon.pause {background-image:url("../images/common/icon_pause_w.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li button.control .icon.pause + .blind:after {content:"재생";} #contents.c_main .cm_hero .cmh_nav .cmhn_pagination {display:flex; align-items:center; gap:1rem; width:auto; text-align:left; pointer-events:auto;} #contents.c_main .cm_hero .cmh_nav .cmhn_pagination i {display:inline-block; width:0.1rem; height:1.2rem; background-color:var(--basic-color-w); opacity:0.4;} #contents.c_main .cm_hero .cmh_slide .cmhs_pic {display:flex; flex-direction:column; align-items:flex-end; justify-content:center; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;} #contents.c_main .cm_hero .cmh_slide .cmhs_pic.heroicon {background-image:none !important;} #contents.c_main .cm_hero .cmh_slide .cmhs_pic.fullimage img {display:none;} #contents.c_main .cm_hero .cmh_slide .cmhs_pic.heroicon img {width:30%; margin-right:2rem; aspect-ratio:1/1;} #contents.c_main .cm_calwrap {display:block; position:relative; z-index:1; width:100%; margin-bottom:21.5rem;} #contents.c_main .cm_calculator {display:block; position:absolute; top:0; left:0; box-sizing:border-box; width:100%; border-radius:4rem; background:var(--basic-color-w); box-shadow:0 2rem 6rem 0 rgba(13, 14, 15, 0.10); padding:4.5rem 5.5rem;} #contents.c_main .cm_calculator .cal_contin {display:flex; justify-content:center; align-items:flex-start; align-self:stretch; gap:2rem;} #contents.c_main .cm_calculator .cmc_item.t1 {width:33.0285%;} #contents.c_main .cm_calculator .cmc_item.t2 {width:38.0745%;} #contents.c_main .cm_calculator .cmc_item.t3 {width:25.23%;} #contents.c_main .cm_calculator .cmc_item.t4 {width:22.6615%;} #contents.c_main .cm_calculator .cmc_item.t5 {width:11.9275%;} #contents.c_main .cm_calculator .cmc_item.t6 {width:11.9275%;} #contents.c_main .cm_calculator .cmc_item.t7 {width:22.6615%;} #contents.c_main .cm_calculator .cmc_item.t8 {width:23.4825%;} #contents.c_main .cm_calculator.step01 .cmc_item.t3 .cmci_input {display:none;} #contents.c_main .cm_calculator.step01 .cal_addop {display:none;} #contents.c_main .cm_calculator.step01 .cal_result {display:none;} #contents.c_main .cm_calculator.step02 .cmc_item.t3 button {display:none;} #contents.c_main .cm_calculator.step02 .cal_result {display:none;} #contents.c_main .cm_calculator.step03 .cal_contin {display:none;} #contents.c_main .cm_calculator.step03 .cal_addop {display:none;} #contents.c_main .cm_calculator .cmc_item .cmci_inputwrap {display:flex; justify-content:flex-start; align-items:center; align-self:stretch; gap:2rem;} #contents.c_main .cm_calculator .cmc_item .desc {margin-top:1rem; text-align:left;} #contents.c_main .cm_calculator .cmc_item .cmci_input > label, #contents.c_main .cm_calculator .cmc_item .cmci_input > .label {display:block; width:100%; margin-bottom:0.5rem; text-align:left;} #contents.c_main .cm_calculator .cmc_item .inputwrap {display:flex; align-items:center; gap:0.5rem;} #contents.c_main .cm_calculator .cmc_item .inputwrap .age {display:flex; justify-content:center; align-items:center; box-sizing:border-box; width:10rem; height:6rem; padding:0 2rem; border-radius:1.5rem; border:0.1rem solid var(--secondary-color-5); background:var(--secondary-color-6); font-size:2rem; text-align:left; pointer-events:none;} #contents.c_main .cm_calculator .cmc_item .inputwrap .age::placeholder {color:var(--secondary-color-1);} #contents.c_main .cm_calculator .cmc_item .radiowrap {display:flex; box-sizing:border-box; position:relative; padding:0.4rem; border-radius:2rem; border:0.1rem solid var(--secondary-color-5); background:var(--basic-color-w);} #contents.c_main .cm_calculator .cmc_item .radiowrap input {position:absolute; top:0.5rem; bottom:0.5rem; width:5rem; height:5rem; appearance:none; -webkit-appearance:none; border-radius:1rem; background-color:transparent;} #contents.c_main .cm_calculator .cmc_item .radiowrap input#sex_m {left:0.5rem;} #contents.c_main .cm_calculator .cmc_item .radiowrap input#sex_f {right:0.5rem;} #contents.c_main .cm_calculator .cmc_item .radiowrap label {display:flex; width:5rem; height:5rem; margin:0; padding:0; justify-content:center; align-items:center; border-radius:1.5rem; aspect-ratio:1/1; color:var(--secondary-color-1); text-align:center; cursor:pointer;} #contents.c_main .cm_calculator .cmc_item .radiowrap label:before {opacity:0;} #contents.c_main .cm_calculator .cmc_item .radiowrap label span {display:block; width:100%; line-height:3rem;} #contents.c_main .cm_calculator .cmc_item .radiowrap #sex_f + label {position:relative; left:-0.1rem;} #contents.c_main .cm_calculator .cmc_item .radiowrap #sex_f + label span {border-left:0.1rem solid var(--secondary-color-6);} #contents.c_main .cm_calculator .cmc_item .radiowrap input:checked + label {background:var(--ibk-sky-blue); color:var(--basic-color-w);} #contents.c_main .cm_calculator .cmc_item .radiowrap input:checked + label:before {content:none;} #contents.c_main .cm_calculator .cmc_item .radiowrap input:focus + label {border:0;} #contents.c_main .cm_calculator .cmc_item .calc_btn {margin-top:3.5rem;} #contents.c_main .cm_calculator .cmc_item .calc_btn i {background-image:url("../images/common/icon_calc_w.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transition:0.3s all;} #contents.c_main .cm_calculator .cmc_item .cmcii_insureance {display:flex; flex-direction:row; justify-content:space-between; align-items:center; box-sizing:border-box; width:100%; padding:1.4rem 2rem; border-radius:2rem; border-radius:2rem; border:0.1rem solid var(--secondary-color-4); background:var(--basic-color-W);} #contents.c_main .cm_calculator .cmc_item .cmcii_insureance input {display:block; width:calc(100% - 4.3rem); height:3rem; padding:0; border:0; font-size:2rem; font-weight:500; line-height:3rem; color:var(--secondary-color-1); letter-spacing:-0.04rem;} #contents.c_main .cm_calculator .cmc_item .cmcii_insureance span {} #contents.c_main .cm_calculator .cal_addop {display:flex; justify-content:center; align-items:flex-start; align-self:stretch; gap:2rem; margin-top:3rem; padding-top:3rem; border-top:0.1rem solid var(--secondary-color-6);} #contents.c_main .cm_calculator .cmc_item #cal_button {margin-top:3.5rem;} #contents.c_main .cm_calculator .cmc_item #cal_button i {background-image:url("../images/common/icon_calc_w.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transition:0.3s all;} #contents.c_main .cm_calculator .cal_result {display:flex; flex-direction:column; align-items:center; gap:3rem; width:100%; padding:0;} #contents.c_main .cm_calculator .cal_result > strong {font-size:4rem; line-height:5.5rem; letter-spacing:-0.08rem;} #contents.c_main .cm_calculator .cal_result > strong > span {display:block;} #contents.c_main .cm_calculator .cal_result > strong#calcResultY {display:none;} #contents.c_main .cm_calculator .cal_result > strong > span span.t1 {color:var(--ibk-sky-blue);} #contents.c_main .cm_calculator .cal_result > strong > span span.t2 {color:var(--ibk-red);} #contents.c_main .cm_calculator .cal_result .res_wrap {display:block; width:100%; margin:0; padding:0; border:0;} #contents.c_main .cm_calculator .cal_result .res_cont {display:flex; flex-direction:column; gap:3rem;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph {display:flex; box-sizing:border-box; width:100%; gap:3rem; padding:4rem 5rem; border-radius:3rem; border:0.3rem solid var(--secondary-color-6); background-color:var(--basic-color-w);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_period {display:flex; flex-direction:column; justify-content:space-around; flex-shrink:0;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment {display:grid; grid-template-columns:25.41% 30.94% 43.65%; grid-template-rows:repeat(3, auto); width:100%;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_info {display:contents;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_info > div {padding-bottom:1.5rem;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_info .res_paying {position:relative;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_info .res_paying p {text-align:right;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_info .res_paying i {display:block; position:absolute; left:0; right:0; bottom:0.9rem; width:auto; height:0.2rem; background-color:var(--secondary-color-6-line);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_info .res_paying i:before {content:''; display:block; position:absolute; top:-0.4rem; bottom:-0.4rem; left:0; width:0.2rem; height:auto; background-color:var(--secondary-color-6-line);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_info .res_paying i:after {content:''; display:block; position:absolute; top:-0.4rem; bottom:-0.4rem; right:0; width:0.2rem; height:auto; background-color:var(--secondary-color-6-line);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_info .res_refund p {text-align:center;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age {display:contents;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_paying {display:flex; flex-direction:row; justify-content:flex-end; box-sizing:border-box; padding:1.8rem 1.2rem; border-radius:1rem 0 0 1rem; background:var(--ibk-sky-blue);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_accrual {display:flex; flex-direction:column; justify-content:center; align-items:center; background:var(--secondary-color-6);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever {display:flex; flex-direction:row; align-items:stretch; justify-content:space-between; gap:0.2rem;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever p {display:flex; justify-content:center; align-items:center; flex-shrink:0; width:10.8rem; background: var(--ibk-red);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i {display:block; position:relative; width:calc(100% - 10.8rem); width:100%;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t1 {background:linear-gradient(90deg, #f15a21 0%, #f2642e 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t2 {background:linear-gradient(90deg, #f2642f 0%, #f36e3c 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t3 {background:linear-gradient(90deg, #f3703e 0%, #f4794a 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t4 {background:linear-gradient(90deg, #f47a4c 0%, #f68358 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t5 {background:linear-gradient(90deg, #f6855b 0%, #f68e66 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t6 {background:linear-gradient(90deg, #f78f68 0%, #f89975 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t7 {background:linear-gradient(90deg, #f89a77 0%, #f9a483 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t8 {background:linear-gradient(90deg, #faa586 0%, #fbae92 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t9 {background:linear-gradient(90deg, #faaf93 0%, #fcb9a0 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t10 {background:linear-gradient(90deg, #fcbaa1 0%, #fdc4ae 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t11 {background:linear-gradient(90deg, #fdccb9 0%, #fecebc 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t12 {background:linear-gradient(90deg, #fecfbe 0%, #ffdacc 100%);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t12:before {content:''; position:absolute; top:0; right:0; width:1rem; border-left:1rem solid transparent; border-right:0 solid var(--basic-color-w); border-top:3rem solid var(--basic-color-w); border-bottom:3rem solid var(--basic-color-w);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_annuity {display:contents;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_annuity > div {position:relative; padding-top:1.5rem;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_annuity .res_pensioner p {text-align:left;} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_annuity .res_pensioner i {display:block; position:absolute; left:0; right:1rem; top:0.9rem; width:auto; height:0.2rem; background-color:var(--secondary-color-6-line);} #contents.c_main .cm_calculator .cal_result .res_cont .res_graph .res_deferment .res_annuity .res_pensioner i:before {content:''; display:block; position:absolute; top:-0.4rem; bottom:-0.4rem; left:0; width:0.2rem; height:auto; background-color:var(--secondary-color-6-line);} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst {display:flex; width:100%; flex-direction:row; justify-content:space-between;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl {padding:0;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl:nth-child(4) {min-width:25rem;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl dt {position:relative; margin:0; padding-left:2.4rem; text-align:left;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl dt:before {content:''; position:absolute; top:1rem; left:0; width:1.4rem; height:1.4rem; border-radius:50%;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl:nth-child(1) dt:before {background-color:var(--ibk-sky-blue);} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl:nth-child(2) dt:before {background-color:var(--ibk-red);} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl:nth-child(3) dt:before {background-color:var(--ibk-red);} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl dt:after {content:''; position:absolute; top:1.4rem; left:0.4rem; width:0.6rem; height:0.6rem; border-radius:50%; background-color:var(--basic-color-w);} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl dt + dd {margin-top:1rem;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl dd {font-size:3rem; line-height:4.5rem; text-align:left;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl dd strong {margin-right:0.5rem; font-size:4rem; line-height:5rem;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl dd p {margin-top:1rem; text-align:left;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl .register_btn {margin-top:1rem;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl .recalculate_btn i {background-image:url("../images/common/icon_recalc.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transition:0.3s all;} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl .recalculate_btn:hover i {background-image:url("../images/common/icon_recalc_db.svg");} #contents.c_main .cm_calculator .cal_result .res_cont .res_lst dl .register_btn i {background-image:url("../images/common/icon_register_w.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transition:0.3s all;} #contents.c_main .cm_calculator .cal_result .btnwrap {display:flex; flex-direction:row; justify-content:space-between; width:100%; padding-top:3rem; border-top:0.1rem solid var(--secondary-color-6);} #contents.c_main .cm_calculator .cal_result .btnwrap .btn_right {display:flex; gap:1rem;} #contents.c_main .cm_info {display:block; float:left; width:100%;} #contents.c_main .cm_info .cmi_slider {width:calc(100% + 3rem); margin-left:-1.5rem;} #contents.c_main .cm_info .cmi_slider::after {content:''; display:block; clear:both;} #contents.c_main .cm_info .cmi_slider .cmis_item {float:left; box-sizing:border-box; padding:0 1.5rem;} #contents.c_main .cm_info.item1 .cmi_slider .cmis_item {width:100%;} #contents.c_main .cm_info.item2 .cmi_slider .cmis_item {width:50%;} #contents.c_main .cm_info.item3 .cmi_slider .cmis_item {width:33.3333%;} #contents.c_main .cm_info.is_slider .cmi_slider {width:auto; margin-left:0;} #contents.c_main .cm_info .slick-list {overflow:hidden; margin:-0.3rem -1.5rem -0.3rem; padding:0.3rem 0;} #contents.c_main .cm_info .slick-slide {height:auto;} #contents.c_main .cm_info .slick-slide .cmis_item {padding:0 1.5rem;} #contents.c_main .cm_info .slick-prev, #contents.c_main .cm_info .slick-next {display:none !important;} #contents.c_main .cm_info .slick-dots {display:flex; justify-content:center; gap:1rem; margin-top:3rem;} #contents.c_main .cm_info .slick-dots li {width:auto; padding:0; float:none; font-size:0; line-height:0;} #contents.c_main .cm_info .slick-dots li button {overflow:hidden; width:0.8rem; height:0.8rem; border-radius:1rem; background:var(--secondary-color-5); color:transparent; transition:background .3s;} #contents.c_main .cm_info .slick-dots li.slick-active button {width:2.4rem; background:var(--secondary-color-1);} #contents.c_main .cm_info .cmi_slider .cmis_item .cmi_box {display:flex; overflow:hidden; flex-direction:column; float:left; position:relative; box-sizing:border-box; width:100%; height:29rem; padding:3rem 3rem; border-radius:3.5rem; background-color:var(--secondary-color-6); text-align:left;} #contents.c_main .cm_info .cmi_slider .cmis_item .cmi_box img {position:absolute; right:2rem; bottom:2rem; width:13rem; height:13rem; background-repeat:no-repeat; background-size:100% auto; background-position:center 0; filter:drop-shadow(0 1rem 2rem rgba(13, 14, 15, 0.15));} #contents.c_main .cm_info .cmi_slider .cmis_item.t1 .cmi_box:before {background-image:url("../images/main/icon_product01.svg");} #contents.c_main .cm_info .cmi_slider .cmis_item.t2 .cmi_box:before {background-image:url("../images/main/icon_product02.svg");} #contents.c_main .cm_info .cmi_slider .cmis_item.t3 .cmi_box:before {background-image:url("../images/main/icon_product03.svg");} #contents.c_main .cm_info .cmi_slider .cmis_item .cmi_box strong {display:inline-block; float:left; width:100%; text-align:left;} #contents.c_main .cm_info .cmi_slider .cmis_item .cmi_box:hover strong {text-decoration:underline dotted; -webkit-text-decoration:underline dotted; text-decoration-color:rgba(0, 85, 162, 0.4); text-decoration-thickness:0.15rem; text-underline-offset:0.4rem;} #contents.c_main .cm_info .cmi_slider .cmis_item .cmi_box p {display:inline-block; float:left; width:100%; margin-top:1rem; color:var(--secondary-color-1); text-align:left;} #contents.c_main .cm_info .cmi_slider .cmis_item .cmi_box p span {display:inline-block; float:left; width:100%;} #contents.c_main .cm_banner {display:block;} #contents.c_main .cm_banner ul {display:inline-block; width:100%;} #contents.c_main .cm_banner ul li {display:inline-block; width:100%; margin:-0.3rem 0; padding:0.3rem 0;} #contents.c_main .cm_banner ul li + li {margin-top:1.5rem;} #contents.c_main .cm_banner ul li a {display:block; overflow:hidden; box-sizing:border-box; width:100%; border-radius:3rem;} #contents.c_main .cm_banner ul li a img {display:inline-block; float:left; width:100%; transition:0.5s all;} #contents.c_main .cm_banner ul li a:hover img {scale:1.025;} #contents.c_main .cm_review {display:inline-block; float:left; width:100%;} #contents.c_main .cm_review ul {display:inline-block; float:left; width:calc(100% + 3rem); margin-left:-1.5rem;} #contents.c_main .cm_review ul li {display:inline-block; float:left; box-sizing:border-box; width:33.333%; padding:0 1.5rem; } #contents.c_main .cm_review ul li .cmi_box {display:flex; flex-direction:column; overflow:hidden; float:left; position:relative; box-sizing:border-box; width:100%; height:32rem; padding:3.5rem; border-radius:4rem 4rem 0; text-align:left;} #contents.c_main .cm_review ul li:nth-child(1) .cmi_box {background-color:#E9EDFE;} #contents.c_main .cm_review ul li:nth-child(2) .cmi_box {background-color:#EDF4FF;} #contents.c_main .cm_review ul li:nth-child(3) .cmi_box {background-color:#FFF8EC;} #contents.c_main .cm_review ul li .cmi_box:before {content:""; position:absolute; left:50%; bottom:2.1rem; width:15rem; height:15rem; margin-left:-7.5rem; background-repeat:no-repeat; background-size:100% auto; background-position:center 0;} #contents.c_main .cm_review ul li:nth-child(1) .cmi_box:before {background-image:url("/nresources/images/newbird/main/icon_review01.svg"); filter:drop-shadow(0 2rem 2rem rgba(11, 47, 80, 0.15));} #contents.c_main .cm_review ul li:nth-child(2) .cmi_box:before {background-image:url("/nresources/images/newbird/main/icon_review02.svg"); filter:drop-shadow(0 2rem 2rem rgba(34, 101, 130, 0.20));} #contents.c_main .cm_review ul li:nth-child(3) .cmi_box:before {background-image:url("/nresources/images/newbird/main/icon_review03.svg"); filter:drop-shadow(0 2rem 2rem rgba(189, 131, 89, 0.20));} #contents.c_main .cm_review ul li .cmi_box strong {display:inline-block; box-sizing:border-box; width:auto; height:3.4rem; margin:0 auto; padding:0.1rem 2rem 0; border:0.2rem solid currentColor; line-height:3rem; border-radius:2rem;} #contents.c_main .cm_review ul li:nth-child(1) .cmi_box strong {color:var(--ibk-blue);} #contents.c_main .cm_review ul li:nth-child(2) .cmi_box strong {color:var(--ibk-sky-blue-dark-text-color);} #contents.c_main .cm_review ul li:nth-child(3) .cmi_box strong {color:var(--ibk-red-dark-text-color);} #contents.c_main .cm_review ul li .cmi_box:hover strong {text-decoration:underline dotted; -webkit-text-decoration:underline dotted; text-decoration-color:rgba(0, 85, 162, 0.4); text-decoration-thickness:0.15rem; text-underline-offset:0.4rem;} #contents.c_main .cm_review ul li .cmi_box p {display:inline-block; float:left; width:100%; margin-top:1rem; color:var(--secondary-color-1); text-align:center; word-break:keep-all;} #contents.c_main .cm_review ul li .cmi_box p span {display:inline-block; float:left; width:100%;} /* 청약상품 */ #container .prod_top {height:auto; padding:2.5rem 0; background-color:var(--basic-color-w);} #container .prod_top .prod_topin {width:100%; max-width:84.4rem; margin:0 auto; padding:0 2.2rem;} #container .prod_top .prod_box {display:flex; align-items:center; justify-content:center;} #container .prod_top .prod_box .prod_home a {display:block;} #container .prod_top .prod_cont {display:flex; flex-direction:column; align-items:center; width:calc(100% - 4rem);} #container .prod_top .prod_cont .prod_name {width:auto; height:auto; font-size:2rem; line-height:3rem; color:var(--secondary-color-1);} #container .prod_top .prod_cont .prod_opt {width:auto; height:auto;} #container .prod_top .prod_cont .prod_opt ul li.prod_money {display:inline-block; box-sizing:border-box; width:auto; margin:0; padding:0 2rem; border-radius:5rem; background-color:var(--ibk-sky-blue); font-size:1.4rem; font-weight:600; line-height:2rem; color:var(--basic-color-w);} #container .prod_top .prod_cont .prod_opt ul li.prod_money strong {font-size:1.4rem; font-weight:600; line-height:2rem; color:var(--basic-color-w);} #container .prod_top .prod_menu {position:relative;} #container .prod_top .prod_menu ul {position:absolute; top:1.5rem; right:0; z-index:2; display:none; flex-direction:column; gap:0.1rem; box-sizing:border-box; width:auto; padding:0.5rem; border-radius:1rem; background-color:var(--basic-color-w); box-shadow:0 2rem 6rem 0 rgba(13, 14, 15, 0.1);} #container .prod_top .prod_menu ul li {display:block; position:relative; width:auto;} #container .prod_top .prod_menu ul li + li:before {content:''; display:block; position:absolute; top:-0.1rem; left:1rem; right:1rem; width:auto; height:0.1rem; background-color:var(--secondary-color-6);} #container .prod_top .prod_menu ul li a {display:block; box-sizing:border-box; width:16rem; padding:0.5rem 2rem; border-radius:1rem; font-size:1.6rem; font-weight:400; line-height:2.6rem; text-align:center;} #container .prod_top .prod_menu ul.on {display:flex;} #container .prod_top .prod_menu ul li a:focus, #container .prod_top .prod_menu ul li a:hover {background-color:var(--secondary-color-6); font-weight:600; color:var(--secondary-color-1); text-decoration:underline; text-underline-position:under;} #container .prod_top .prod_progressbar {display:block; position:relative; width:100%; height:1rem; margin-top:3rem; border-radius:5rem; background-color:var(--secondary-color-6);} #container .prod_top .prod_progressbar .progress_dot {position:absolute; top:0.3rem; width:0.4rem; height:0.4rem; border-radius:50%; background-color:var(--secondary-color-5);} #container .prod_top .prod_progressbar .progress_dot.t1 {left:0.3rem;} #container .prod_top .prod_progressbar .progress_dot.t2 {left:calc(9.0909% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot.t3 {left:calc(18.1818% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot.t4 {left:calc(27.2727% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot.t5 {left:calc(36.3636% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot.t6 {left:calc(45.4545% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot.t7 {left:calc(54.5454% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot.t8 {left:calc(63.6363% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot.t9 {left:calc(72.7272% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot.t10 {left:calc(81.8181% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot.t11 {left:calc(90.909% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot.t12 {left:calc(100% - 0.7rem);} #container .prod_top .prod_progressbar .progress_dot:focus-visible {outline:0 !important;} #container .prod_top .prod_progressbar .progress_dot:focus-visible:before {content:''; display:block; position:absolute; top:-0.5rem; bottom:-0.5rem; left:-0.5rem; right:-0.5rem; border-radius:5rem; outline:0.2rem dashed var(--ibk-blue);} #container .prod_top .prod_progressbar .progress_line {display:block; position:relative; z-index:1; float:left; width:1rem; height:1rem; border-radius:5rem; background-color:var(--ibk-sky-blue);} #container .prod_top .prod_progressbar .progress_line::before {content:''; position:absolute; top:0.3rem; right:0.3rem; width:0.4rem; height:0.4rem; border-radius:50%; background-color:var(--secondary-color-6);} #container .prod_top .prod_progressbar.step01 .progress_line {width:1rem;} #container .prod_top .prod_progressbar.step02 .progress_line {width:9.0909%;} #container .prod_top .prod_progressbar.step03 .progress_line {width:18.1818%;} #container .prod_top .prod_progressbar.step04 .progress_line {width:27.2727%;} #container .prod_top .prod_progressbar.step05 .progress_line {width:36.3636%;} #container .prod_top .prod_progressbar.step06 .progress_line {width:45.4545%;} #container .prod_top .prod_progressbar.step07 .progress_line {width:54.5454%;} #container .prod_top .prod_progressbar.step08 .progress_line {width:63.6363%;} #container .prod_top .prod_progressbar.step09 .progress_line {width:72.7272%;} #container .prod_top .prod_progressbar.step10 .progress_line {width:81.8181%;} #container .prod_top .prod_progressbar.step11 .progress_line {width:90.909%;} #container .prod_top .prod_progressbar.step12 .progress_line {width:100%;} #container .prod_top .prod_progressbar.step02 .progress_dot.t1,#container .prod_top .prod_progressbar.step03 .progress_dot.t1,#container .prod_top .prod_progressbar.step03 .progress_dot.t2,#container .prod_top .prod_progressbar.step04 .progress_dot.t1,#container .prod_top .prod_progressbar.step04 .progress_dot.t2,#container .prod_top .prod_progressbar.step04 .progress_dot.t3,#container .prod_top .prod_progressbar.step05 .progress_dot.t1,#container .prod_top .prod_progressbar.step05 .progress_dot.t2,#container .prod_top .prod_progressbar.step05 .progress_dot.t3,#container .prod_top .prod_progressbar.step05 .progress_dot.t4,#container .prod_top .prod_progressbar.step06 .progress_dot.t1,#container .prod_top .prod_progressbar.step06 .progress_dot.t2,#container .prod_top .prod_progressbar.step06 .progress_dot.t3,#container .prod_top .prod_progressbar.step06 .progress_dot.t4,#container .prod_top .prod_progressbar.step06 .progress_dot.t5,#container .prod_top .prod_progressbar.step07 .progress_dot.t1,#container .prod_top .prod_progressbar.step07 .progress_dot.t2,#container .prod_top .prod_progressbar.step07 .progress_dot.t3,#container .prod_top .prod_progressbar.step07 .progress_dot.t4,#container .prod_top .prod_progressbar.step07 .progress_dot.t5,#container .prod_top .prod_progressbar.step07 .progress_dot.t6,#container .prod_top .prod_progressbar.step08 .progress_dot.t1,#container .prod_top .prod_progressbar.step08 .progress_dot.t2,#container .prod_top .prod_progressbar.step08 .progress_dot.t3,#container .prod_top .prod_progressbar.step08 .progress_dot.t4,#container .prod_top .prod_progressbar.step08 .progress_dot.t5,#container .prod_top .prod_progressbar.step08 .progress_dot.t6,#container .prod_top .prod_progressbar.step08 .progress_dot.t7,#container .prod_top .prod_progressbar.step09 .progress_dot.t1,#container .prod_top .prod_progressbar.step09 .progress_dot.t2,#container .prod_top .prod_progressbar.step09 .progress_dot.t3,#container .prod_top .prod_progressbar.step09 .progress_dot.t4,#container .prod_top .prod_progressbar.step09 .progress_dot.t5,#container .prod_top .prod_progressbar.step09 .progress_dot.t6,#container .prod_top .prod_progressbar.step09 .progress_dot.t7,#container .prod_top .prod_progressbar.step09 .progress_dot.t8,#container .prod_top .prod_progressbar.step10 .progress_dot.t1,#container .prod_top .prod_progressbar.step10 .progress_dot.t2,#container .prod_top .prod_progressbar.step10 .progress_dot.t3,#container .prod_top .prod_progressbar.step10 .progress_dot.t4,#container .prod_top .prod_progressbar.step10 .progress_dot.t5,#container .prod_top .prod_progressbar.step10 .progress_dot.t6,#container .prod_top .prod_progressbar.step10 .progress_dot.t7,#container .prod_top .prod_progressbar.step10 .progress_dot.t8,#container .prod_top .prod_progressbar.step10 .progress_dot.t9,#container .prod_top .prod_progressbar.step11 .progress_dot.t1,#container .prod_top .prod_progressbar.step11 .progress_dot.t2,#container .prod_top .prod_progressbar.step11 .progress_dot.t3,#container .prod_top .prod_progressbar.step11 .progress_dot.t4,#container .prod_top .prod_progressbar.step11 .progress_dot.t5,#container .prod_top .prod_progressbar.step11 .progress_dot.t6,#container .prod_top .prod_progressbar.step11 .progress_dot.t7,#container .prod_top .prod_progressbar.step11 .progress_dot.t8,#container .prod_top .prod_progressbar.step11 .progress_dot.t9,#container .prod_top .prod_progressbar.step11 .progress_dot.t10,#container .prod_top .prod_progressbar.step12 .progress_dot.t1,#container .prod_top .prod_progressbar.step12 .progress_dot.t2,#container .prod_top .prod_progressbar.step12 .progress_dot.t3,#container .prod_top .prod_progressbar.step12 .progress_dot.t4,#container .prod_top .prod_progressbar.step12 .progress_dot.t5,#container .prod_top .prod_progressbar.step12 .progress_dot.t6,#container .prod_top .prod_progressbar.step12 .progress_dot.t7,#container .prod_top .prod_progressbar.step12 .progress_dot.t8,#container .prod_top .prod_progressbar.step12 .progress_dot.t9,#container .prod_top .prod_progressbar.step12 .progress_dot.t10,#container .prod_top .prod_progressbar.step12 .progress_dot.t11,#container .prod_top .prod_progressbar.step13 .progress_dot.t1,#container .prod_top .prod_progressbar.step13 .progress_dot.t2,#container .prod_top .prod_progressbar.step13 .progress_dot.t3,#container .prod_top .prod_progressbar.step13 .progress_dot.t4,#container .prod_top .prod_progressbar.step13 .progress_dot.t5,#container .prod_top .prod_progressbar.step13 .progress_dot.t6,#container .prod_top .prod_progressbar.step13 .progress_dot.t7,#container .prod_top .prod_progressbar.step13 .progress_dot.t8,#container .prod_top .prod_progressbar.step13 .progress_dot.t9,#container .prod_top .prod_progressbar.step13 .progress_dot.t10,#container .prod_top .prod_progressbar.step13 .progress_dot.t11,#container .prod_top .prod_progressbar.step13 .progress_dot.t12,#container .prod_top .prod_progressbar.step14 .progress_dot.t1,#container .prod_top .prod_progressbar.step14 .progress_dot.t2,#container .prod_top .prod_progressbar.step14 .progress_dot.t3,#container .prod_top .prod_progressbar.step14 .progress_dot.t4,#container .prod_top .prod_progressbar.step14 .progress_dot.t5,#container .prod_top .prod_progressbar.step14 .progress_dot.t6,#container .prod_top .prod_progressbar.step14 .progress_dot.t7,#container .prod_top .prod_progressbar.step14 .progress_dot.t8,#container .prod_top .prod_progressbar.step14 .progress_dot.t9,#container .prod_top .prod_progressbar.step14 .progress_dot.t10,#container .prod_top .prod_progressbar.step14 .progress_dot.t11,#container .prod_top .prod_progressbar.step14 .progress_dot.t12,#container .prod_top .prod_progressbar.step14 .progress_dot.t13,#container .prod_top .prod_progressbar.step15 .progress_dot.t1,#container .prod_top .prod_progressbar.step15 .progress_dot.t2,#container .prod_top .prod_progressbar.step15 .progress_dot.t3,#container .prod_top .prod_progressbar.step15 .progress_dot.t4,#container .prod_top .prod_progressbar.step15 .progress_dot.t5,#container .prod_top .prod_progressbar.step15 .progress_dot.t6,#container .prod_top .prod_progressbar.step15 .progress_dot.t7,#container .prod_top .prod_progressbar.step15 .progress_dot.t8,#container .prod_top .prod_progressbar.step15 .progress_dot.t9,#container .prod_top .prod_progressbar.step15 .progress_dot.t10,#container .prod_top .prod_progressbar.step15 .progress_dot.t11,#container .prod_top .prod_progressbar.step15 .progress_dot.t12,#container .prod_top .prod_progressbar.step15 .progress_dot.t13,#container .prod_top .prod_progressbar.step15 .progress_dot.t14,#container .prod_top .prod_progressbar.step16 .progress_dot.t1,#container .prod_top .prod_progressbar.step16 .progress_dot.t2,#container .prod_top .prod_progressbar.step16 .progress_dot.t3,#container .prod_top .prod_progressbar.step16 .progress_dot.t4,#container .prod_top .prod_progressbar.step16 .progress_dot.t5,#container .prod_top .prod_progressbar.step16 .progress_dot.t6,#container .prod_top .prod_progressbar.step16 .progress_dot.t7,#container .prod_top .prod_progressbar.step16 .progress_dot.t8,#container .prod_top .prod_progressbar.step16 .progress_dot.t9,#container .prod_top .prod_progressbar.step16 .progress_dot.t10,#container .prod_top .prod_progressbar.step16 .progress_dot.t11,#container .prod_top .prod_progressbar.step16 .progress_dot.t12,#container .prod_top .prod_progressbar.step16 .progress_dot.t13,#container .prod_top .prod_progressbar.step16 .progress_dot.t14,#container .prod_top .prod_progressbar.step16 .progress_dot.t15,#container .prod_top .prod_progressbar.step17 .progress_dot.t1,#container .prod_top .prod_progressbar.step17 .progress_dot.t2,#container .prod_top .prod_progressbar.step17 .progress_dot.t3,#container .prod_top .prod_progressbar.step17 .progress_dot.t4,#container .prod_top .prod_progressbar.step17 .progress_dot.t5,#container .prod_top .prod_progressbar.step17 .progress_dot.t6,#container .prod_top .prod_progressbar.step17 .progress_dot.t7,#container .prod_top .prod_progressbar.step17 .progress_dot.t8,#container .prod_top .prod_progressbar.step17 .progress_dot.t9,#container .prod_top .prod_progressbar.step17 .progress_dot.t10,#container .prod_top .prod_progressbar.step17 .progress_dot.t11,#container .prod_top .prod_progressbar.step17 .progress_dot.t12,#container .prod_top .prod_progressbar.step17 .progress_dot.t13,#container .prod_top .prod_progressbar.step17 .progress_dot.t14,#container .prod_top .prod_progressbar.step17 .progress_dot.t15,#container .prod_top .prod_progressbar.step17 .progress_dot.t16 {z-index:2; background-color:var(--basic-color-w);} #container .prod_top .prod_progressbar .progress_dot:focus ~ .progress_line .progress_tooltip {opacity:1; pointer-events:auto;} #container .prod_top .prod_progressbar.t1 .progress_dot.t1 {left:0.3rem;} #container .prod_top .prod_progressbar.t1 .progress_dot.t2 {left:calc(6.25% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t3 {left:calc(12.5% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t4 {left:calc(18.75% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t5 {left:calc(25% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t6 {left:calc(31.25% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t7 {left:calc(37.5% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t8 {left:calc(43.75% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t9 {left:calc(50% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t10 {left:calc(56.25% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t11 {left:calc(62.5% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t12 {left:calc(68.75% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t13 {left:calc(75% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t14 {left:calc(81.25% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t15 {left:calc(87.5% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t16 {left:calc(93.75% - 0.7rem);} #container .prod_top .prod_progressbar.t1 .progress_dot.t17 {left:calc(100% - 0.7rem);} #container .prod_top .prod_progressbar.t1.step01 .progress_line {width:1rem;} #container .prod_top .prod_progressbar.t1.step02 .progress_line {width:6.25%;} #container .prod_top .prod_progressbar.t1.step03 .progress_line {width:12.5%;} #container .prod_top .prod_progressbar.t1.step04 .progress_line {width:18.75%;} #container .prod_top .prod_progressbar.t1.step05 .progress_line {width:25%;} #container .prod_top .prod_progressbar.t1.step06 .progress_line {width:31.25%;} #container .prod_top .prod_progressbar.t1.step07 .progress_line {width:37.54%;} #container .prod_top .prod_progressbar.t1.step08 .progress_line {width:43.75%;} #container .prod_top .prod_progressbar.t1.step09 .progress_line {width:50%;} #container .prod_top .prod_progressbar.t1.step10 .progress_line {width:56.25%;} #container .prod_top .prod_progressbar.t1.step11 .progress_line {width:62.5%;} #container .prod_top .prod_progressbar.t1.step12 .progress_line {width:68.75%;} #container .prod_top .prod_progressbar.t1.step13 .progress_line {width:75%;} #container .prod_top .prod_progressbar.t1.step14 .progress_line {width:81.25%;} #container .prod_top .prod_progressbar.t1.step15 .progress_line {width:87.5%;} #container .prod_top .prod_progressbar.t1.step16 .progress_line {width:93.75%;} #container .prod_top .prod_progressbar.t1.step17 .progress_line {width:100%;} #container .prod_top .prod_progressbar .progress_line .progress_tooltip {display:block; position:absolute; top:1.8rem; box-sizing:border-box; width:auto; padding:0.5rem 0; border-radius:0.5rem; background-color:var(--ibk-sky-blue); transition:0.3s all; text-align:center;} #container .prod_top .prod_progressbar .progress_line .progress_tooltip::before {content:''; display:block; position:absolute; top:-0.3rem; left:50%; width:1rem; height:1rem; transform:translateX(-50%) rotate(45deg); background-color:var(--ibk-sky-blue);} #container .prod_top .prod_progressbar .progress_line .progress_tooltip, #container .prod_top .prod_progressbar .progress_line .progress_tooltip {opacity:1; pointer-events:auto;} #container .prod_top .prod_progressbar .progress_line .progress_tooltip p {font-size:1.2rem; font-weight:700; line-height:2rem; color:var(--basic-color-w);} #container .prod_top .prod_progressbar.step01 .progress_line .progress_tooltip {right:-1.4rem; width:3.8rem;} #container .prod_top .prod_progressbar.step01 .progress_line .progress_tooltip p::before {content:'0%';} #container .prod_top .prod_progressbar.step02 .progress_line .progress_tooltip {right:-1.4rem; width:3.8rem;} #container .prod_top .prod_progressbar.step02 .progress_line .progress_tooltip p::before {content:'9%';} #container .prod_top .prod_progressbar.step02.t1 .progress_line .progress_tooltip p::before {content:'6%';} #container .prod_top .prod_progressbar.step03 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step03 .progress_line .progress_tooltip p::before {content:'18%';} #container .prod_top .prod_progressbar.step03.t1 .progress_line .progress_tooltip p::before {content:'13%';} #container .prod_top .prod_progressbar.step04 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step04 .progress_line .progress_tooltip p::before {content:'27%';} #container .prod_top .prod_progressbar.step04.t1 .progress_line .progress_tooltip p::before {content:'19%';} #container .prod_top .prod_progressbar.step05 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step05 .progress_line .progress_tooltip p::before {content:'36%';} #container .prod_top .prod_progressbar.step05.t1 .progress_line .progress_tooltip p::before {content:'25%';} #container .prod_top .prod_progressbar.step06 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step06 .progress_line .progress_tooltip p::before {content:'45%';} #container .prod_top .prod_progressbar.step06.t1 .progress_line .progress_tooltip p::before {content:'31%';} #container .prod_top .prod_progressbar.step07 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step07 .progress_line .progress_tooltip p::before {content:'54%';} #container .prod_top .prod_progressbar.step07.t1 .progress_line .progress_tooltip p::before {content:'38%';} #container .prod_top .prod_progressbar.step08 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step08 .progress_line .progress_tooltip p::before {content:'63%';} #container .prod_top .prod_progressbar.step08.t1 .progress_line .progress_tooltip p::before {content:'44%';} #container .prod_top .prod_progressbar.step09 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step09 .progress_line .progress_tooltip p::before {content:'72%';} #container .prod_top .prod_progressbar.step09.t1 .progress_line .progress_tooltip p::before {content:'50%';} #container .prod_top .prod_progressbar.step10 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step10 .progress_line .progress_tooltip p::before {content:'81%';} #container .prod_top .prod_progressbar.step10.t1 .progress_line .progress_tooltip p::before {content:'56%';} #container .prod_top .prod_progressbar.step11 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step11 .progress_line .progress_tooltip p::before {content:'90%';} #container .prod_top .prod_progressbar.step11.t1 .progress_line .progress_tooltip p::before {content:'63%';} #container .prod_top .prod_progressbar.step12 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step12 .progress_line .progress_tooltip p::before {content:'100%';} #container .prod_top .prod_progressbar.step12.t1 .progress_line .progress_tooltip p::before {content:'69%';} #container .prod_top .prod_progressbar.step13 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step13 .progress_line .progress_tooltip p::before {content:'75%';} #container .prod_top .prod_progressbar.step14 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step14 .progress_line .progress_tooltip p::before {content:'81%';} #container .prod_top .prod_progressbar.step15 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step15 .progress_line .progress_tooltip p::before {content:'88%';} #container .prod_top .prod_progressbar.step16 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step16 .progress_line .progress_tooltip p::before {content:'94%';} #container .prod_top .prod_progressbar.step17 .progress_line .progress_tooltip {right:-1.7rem; width:4.4rem;} #container .prod_top .prod_progressbar.step17 .progress_line .progress_tooltip p::before {content:'100%';} /* 청약상품 - 페이지1 */ #container .content .join_chk {margin-top:0;} #container .content .join_chk > strong {display:block; width:100%; text-align:left;} #container .content .join_chk .step {display:flex; justify-content:center; gap:3rem; height:auto; margin-top:2rem;} #container .content .join_chk.vrb_join .step {background:none;} #container .content .join_chk .step li {width:22rem; margin:0;} #container .content .join_chk .step .img_wrap {display:block; width:100%; max-width:16rem; margin:0 auto; padding:3rem; border-radius:30rem; background-color:var(--secondary-color-6); aspect-ratio:1/1;} #container .content .join_chk .step .img_wrap img {width:100%; margin:0; filter:drop-shadow(0 1rem 1rem rgba(13, 14, 15, 0.15));} #container .content .join_chk .step .img_wrap + strong {display:block; width:100%; margin-top:1.5rem; font-size:1.8rem; text-align:center;} /* 툴팁 */ #container .content .tip_box {margin-top:-0.2rem;} #container .content .tip_box .btn_tip {width:1.8rem; height:1.8rem; margin:0; background-image:url("/nresources/images/newbird/common/icons_tooltip.svg"); background-repeat:no-repeat; background-size:920% auto; background-position:-1.8rem 0;} #container .content .tip_box .btn_tip i {width:1.8rem; height:1.8rem;} #container .content .tip_box .tip_con {left:auto; right:0; width:24rem; height:auto; margin-left:0; margin-right:-2rem; padding:1rem 1.5rem; border-radius:0.5rem; border:0; background-color:rgba(13, 14, 15, 0.85); box-shadow:0 0.4rem 0.8rem 0 rgba(13, 14, 15, 0.1);} #container .content .tip_box .tip_con:before {box-sizing:border-box; top:-1.2rem; left:auto; right:2.3rem; width:1.2rem; height:1.2rem; border-left:0.6rem solid transparent; background:transparent; border-right:0.6rem solid transparent; border-top:0.6rem solid transparent; border-bottom:0.6rem solid rgba(13, 14, 15, 0.85);} #container .content .tip_box .tip_con .txt {margin:0;} #container .content .tip_box .tip_con .txt p {font-size:1.4rem; font-weight:500; line-height:2.4rem; color:var(--basic-color-w); letterspacing:-0.05rem; text-align:left; word-break:keep-all;} #container .content .tip_box .tip_con .txt li {color:var(--basic-color-w) !important;} /* 동의 */ #container .content .cp_agreewrap {display:block; width:100%; box-sizing:border-box; margin-top:8rem; padding:5rem; border-radius:4rem; border:0.1rem solid var(--secondary-color-6-line);} #container .content .cp_agreewrap .cpa_checkall {display:block; width:100%; box-sizing:border-box; margin-top:2rem; padding:0.5rem 2rem; border-radius:1.6rem; background-color:var(--secondary-color-6);} #container .content .cp_agreewrap .cpa_checkall + .cpa_box {margin-top:2rem;} #container .content .cp_agreewrap .cpa_box {display:block; width:100%; box-sizing:border-box; padding:0 2rem;} #container .content .cp_agreewrap .cpa_box + .cpa_box {margin-top:0.5rem;} #container .content .cp_agreewrap .cpa_box .cpa_top {display:flex; justify-content:space-between; align-items:center;} #container .content .cp_agreewrap .cpa_box .cpa_text {display:block; width:100%; box-sizing:border-box; padding:0 4rem; text-align:left;} #container .content .cp_agreewrap .cpa_box .cpa_text span {display:block; width:100%;} #container .content .cp_agreewrap .optical {padding-top:4rem; margin-top:4rem; border-top:0.1rem solid var(--secondary-color-6);} #container .content .cp_agreewrap .optical .cpa_box {margin-top:0.5rem;} #container .content .cp_agreewrap .optical .cpa_box:nth-of-type(1) {margin-top:2rem;} #container .content .cp_agreewrap .optical .cpat_buttonwrap {display:flex; gap:1rem; padding:1.2rem 0;} #container .content .cp_agreewrap .optical .cpat_buttonwrap button {position:relative; width:26px; height:26px; border:0.1rem solid var(--secondary-color-3); border-radius:0.7rem;} #container .content .cp_agreewrap .optical .cpat_buttonwrap button:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url("/nresources/images/newbird/common/icon_checkbox_cs1.svg"); background-size:100% auto; opacity:0;} #container .content .cp_agreewrap .optical .cpat_buttonwrap button.on:after {opacity:1;} #container .content .cp_agreewrap .optical .cpat_buttonwrap button.on + h3 {font-weight:600 !important;} /* 플로팅버튼 */ #container .content .floating_btnwrap {position:fixed; bottom:0; left:0; right:0; z-index:100; margin:0; padding:1.5rem 0; border-top:0.1rem solid var(--secondary-color-6); background:var(--basic-color-w);} #container .content .floating_btn {display:flex; gap:1rem; width:100%; max-width:84.4rem; margin:0 auto; padding:0 2.2rem;} /* 팝업 */ .layerWrap .back {background-color:rgba(13, 14, 15, .8) !important;} .layerWrap > .layerpop_wrap {overflow:visible; top:calc(50% + 3rem); height:auto; padding:4.5rem 3.9rem 4.5rem 4rem; border-radius:4rem;} .layerWrap > .layerpop_wrap.w800 {width:80rem;} .layerWrap > .layerpop_wrap .layerpop_scroll {overflow:hidden; overflow-y:auto; height:calc(90dvh - 15rem); padding:5rem 0 0.1rem;} .layerWrap > .layerpop_wrap.t3 .layerpop_scroll {padding-top:6rem;} .layerWrap > .layerpop_wrap .layerpop_scroll::-webkit-scrollbar {width:0.6rem;} .layerWrap > .layerpop_wrap .layerpop_scroll::-webkit-scrollbar-track {background-color:var(--secondary-color-6); border-radius:2rem;} .layerWrap > .layerpop_wrap .layerpop_scroll::-webkit-scrollbar-thumb {background-color:var(--ibk-sky-blue); border-radius:2rem; background-clip:padding-box; border:0;} .layerWrap > .layerpop_wrap .layerpop_scroll::-webkit-scrollbar-thumb:hover {background-color:var(--ibk-sky-blue);} #dataLoadingBackground.layerWrap > .layerpop_wrap {overflow:hidden; top:50%; padding:0; border-radius:0;} .layerWrap > .layerpop_wrap .layer_header {position:absolute; top:4.4rem; left:5rem; right:3.9rem; z-index:1; padding-top:0.1rem; padding-bottom:1.3rem; background-color:var(--basic-color-w);} .layerWrap > .layerpop_wrap.t3 .layer_header {padding-bottom:2.5rem; background:none;} .layerWrap > .layerpop_wrap .pop_tit02 {padding:0; background-color:transparent; font-size:2.5rem; font-weight:700; line-height:3.5rem; letter-spacing:-0.05rem; color:var(--secondary-color-1); text-align:left;} .layerWrap > .layerpop_wrap .layer_body {margin-top:0; padding:0;} .layerWrap > .layerpop_wrap .layer_body .txt {font-size:1.6rem; font-weight:500; line-height:2.6rem; color:var(--secondary-color-1); word-break:keep-all;} .layerWrap > .layerpop_wrap .layer_body .lb_section {display:flex; flex-direction:column; gap:1rem; width:100%; margin-top:3rem; padding-top:3rem; border-top:0.1rem solid var(--secondary-color-6);} .layerWrap > .layerpop_wrap .layer_body .lb_section:nth-child(1) {margin:0; padding:0; border:0;} .layerWrap > .layerpop_wrap .layer_body .lb_section li {margin:0; font-size:1.6rem; font-weight:400; line-height:2.6rem; color:var(--secondary-color-1); word-break:keep-all;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .indent {padding-left:1.2rem;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .indent.t2 {padding-left:2.7rem;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .indent.t3 {padding-left:4.2rem;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .asterisk {position:relative; padding-left:1.1rem;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .asterisk:before {content:'*'; position:absolute; top:0; left:0;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .asterisk.indent {padding-left:2.3rem;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .asterisk.indent.t2 {padding-left:3.8rem;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .asterisk.indent.t3 {padding-left:5.3rem;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .asterisk.indent:before {left:1.2rem;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .asterisk.indent.t2:before {left:2.7rem;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .asterisk.indent.t3:before {left:4.2rem;} .layerWrap > .layerpop_wrap .layer_body .lb_section li p, .layerWrap > .layerpop_wrap .layer_body .lb_section li strong {display:block; width:100%; text-align:left;} .layerWrap > .layerpop_wrap .layer_body .lb_section li .grade {display:inline-block; width:auto; padding:0 1rem 0.1rem; background-color:var(--ibk-sky-blue); border-radius:5rem; font-size:1.2rem; font-weight:700; line-height:1.9rem; color:var(--basic-color-w);} .layerWrap > .layerpop_wrap .layer_body .agreeCheck {display:block; box-sizing:border-box; width:100%; margin-bottom:2rem !important; padding:0 2rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:1.6rem;} .layerWrap > .layerpop_wrap .layer_body .agreeCheck_select {display:block; box-sizing:border-box; width:100%; padding:1.2rem 2rem ; border:0.1rem solid var(--secondary-color-6-line); border-radius:1.6rem;} .layerWrap > .layerpop_wrap .layer_body .agreeCheck_select .checkbox_wrap {display:flex; justify-content:space-between; align-items:center;} .layerWrap > .layerpop_wrap .layer_body .agreeCheck .checkbox {width:100%;} .layerWrap > .layerpop_wrap.t2 .layerpop_scroll {overflow:hidden; overflow-y:hidden; padding-left:1rem;} .layerWrap > .layerpop_wrap.t2 .layer_body {overflow:hidden; overflow-y:auto; position:relative; width:calc(100% - 0.2rem); height:calc(100% - 8rem); padding-right:0.5rem; text-align:left;} .layerWrap > .layerpop_wrap.t2 .layer_body::-webkit-scrollbar {width:0.6rem;} .layerWrap > .layerpop_wrap.t2 .layer_body::-webkit-scrollbar-track {background-color:var(--secondary-color-6); border-radius:2rem;} .layerWrap > .layerpop_wrap.t2 .layer_body::-webkit-scrollbar-thumb {background-color:var(--ibk-sky-blue); border-radius:2rem; background-clip:padding-box; border:0;} .layerWrap > .layerpop_wrap.t2 .layer_body::-webkit-scrollbar-thumb:hover {background-color:var(--ibk-sky-blue);} .layerWrap > .layerpop_wrap.t3 .layer_body, .layerWrap > .layerpop_wrap.t4 .layer_body, .layerWrap > .layerpop_wrap.t5 .layer_body {position:relative; width:100%; height:100%;} .layerWrap > .layerpop_wrap .bg_box {margin:0 !important; padding:0; border-radius:4rem;} .layerWrap > .layerpop_wrap .bg_box .txt {padding:3rem 3.5rem; font-size:1.8rem; font-weight:500; line-height:3rem; color:var(--secondary-color-1);} .layerWrap > .layerpop_wrap .consent_rating {display:block; width:100%; margin-top:3rem;} .layerWrap > .layerpop_wrap .consent_rating .img_wrap {overflow:hidden; width:100%;} .layerWrap > .layerpop_wrap .consent_rating .img_wrap img {float:left; width:100%;} .layerWrap > .layerpop_wrap .consent_rating .qr_wrap {display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:0.5rem;} .layerWrap > .layerpop_wrap .consent_rating .qr_wrap p {text-align:left;} .layerWrap > .layerpop_wrap .consent_rating .qr_wrap img {flex-shrink:0;} .layerWrap > .layerpop_wrap .layer_btnwrap {display:flex; gap:1rem; position:absolute; bottom:4.4rem; left:5rem; right:4.6rem; z-index:1; padding-top:2.8rem; padding-bottom:0.1rem; background-color:var(--basic-color-w);} .layerWrap .layerpop_wrap div.layerpop_cls_popup {position:absolute;right:29px;top:20px} .layerWrap .layerpop_wrap div.layerpop_cls_popup a {overflow:hidden;display:inline-block;text-indent:-9999px;font-size:0;border:none;width:23px;height:22px;background:url(../images/common/btn_pop_cls.png) no-repeat 0 0} .layerWrap > .layerpop_wrap .layerpop_cls, .layerWrap > .layerpop_wrap div.layerpop_cls_popup {position:absolute; top:-6rem; left:50%; margin-left:-2rem; width:4rem; height:4rem; border-radius:5rem; background-color:var(--basic-color-w);} .layerWrap > .layerpop_wrap .layerpop_cls a, .layerWrap > .layerpop_wrap div.layerpop_cls_popup a {width:100%; height:100%; font-size:0; line-height:0; background:none; transition:0.3s all;} .layerWrap > .layerpop_wrap .layerpop_cls a:hover, .layerWrap > .layerpop_wrap div.layerpop_cls_popup a:hover {transform:rotate(90deg);} .layerWrap > .layerpop_wrap .layerpop_cls a::before, .layerWrap > .layerpop_wrap div.layerpop_cls_popup a::before {content:''; display:block; position:absolute; top:1rem !important; left:1rem !important; width:2rem; height:2rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:20% 12.5%; mask-position:20% 12.5%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-blue);} .layerWrap > .layerpop_wrap .layerpop_cls a:focus-visible, .layerWrap > .layerpop_wrap div.layerpop_cls_popup a:focus-visible {outline:0.2rem dashed var(--basic-color-w) !important; border-radius:5rem;} .win_popup {position:relative; top:0.2rem; overflow:auto; width:calc(100% - 0.4rem) !important; height:calc(100% - 8rem) !important; margin-bottom:8rem; padding-top:0; margin-left:0.2rem; padding-left:1rem; padding-right:0.5rem;} .win_popup::-webkit-scrollbar {width:0.6rem;} .win_popup::-webkit-scrollbar-track {background-color:var(--secondary-color-6); border-radius:2rem;} .win_popup::-webkit-scrollbar-thumb {background-color:var(--ibk-sky-blue); border-radius:2rem; background-clip:padding-box; border:0;} .win_popup::-webkit-scrollbar-thumb:hover {background-color:var(--ibk-sky-blue);} /* 휴대폰 인증 팝업 */ .win_popup .win_content {padding-left:1rem;} .win_popup .win_content.t2, .win_popup .layerpop_cont.t2 {padding:0 !important;} .win_popup .win_content.t2 .wp_list {display:block; width:100%;} .win_popup .win_content.t2 .wp_list + .wp_list {margin-top:3rem; padding-top:3rem; border-top:0.1rem solid var(--secondary-color-6);} .win_popup .win_content.t2 .wp_list > li + li {margin-top:3rem;} .win_popup .win_content.t2 .wp_list .wpl_title {display:block; width:100%; margin-bottom:1rem; text-align:left; word-break:keep-all;} .win_popup .win_content.t2 .wp_list .wpl_inputwrap {display:flex; width:100%;} .win_popup .win_content.t2 .wp_list .wpl_input {width:100%;} .win_popup .win_content.t2 .wp_list .wpl_input.w33 {width:33.3333%;} .win_popup .win_content.t2 .wp_list .dash {flex-shrink:0; width:3rem; font-size:1.8rem; font-weight:700; line-height:5rem; text-align:center;} .win_popup .win_content.t2 .c_mark.chkIcn.t2::after {background-image:url("/nresources/images/newbird/common/icon_checkbox_cs1.svg");} .win_popup .win_content.t2 .btn_area_c {display:flex; align-items:center; justify-content:space-between; gap:1rem; position:fixed; bottom:0.3rem; left:1rem; right:0.5rem; box-sizing:border-box; height:8rem; margin-top:0; padding-top:3rem; padding-bottom:0.2rem; background:none; color:var(--secondary-color-1);} .win_popup .win_content.t2 .agree_list {box-sizing:border-box; padding:0 2rem; margin-top:2rem !important;} .win_popup .win_content.t2 .agree_list .checkbox {display:flex; align-items:center;} .win_popup .win_content.t2 .agree_list .checkbox input {position:absolute; left:0; z-index:1; width:3rem;} .win_popup .win_content.t2 .agree_list .checkbox .c_mark {margin:0.2rem 0;} .win_popup .win_content.t2 .agree_list .checkbox .c_label {gap:0.3rem;} .win_popup .win_content.t2 .agr_area {margin:0; padding:0; border:0;} .win_popup .win_content.t2 .agr_area .btn_agr {top:-4.1rem;} .win_popup .win_content.t2 .agr_area .btn_agr .agr_btn {position:relative;; background:none;} .win_popup .win_content.t2 .agr_area .btn_agr .agr_btn:before {content:''; position:absolute; top:0.1rem; right:0; width:2.8rem; height:2.8rem; border-radius:50%; background-color:var(--secondary-color-6);} .win_popup .win_content.t2 .agr_area .btn_agr .agr_btn:after {content:''; position:absolute; top:0.7rem; right:0.6rem; width:1.6rem; height:1.6rem; background-image:url("/nresources/images/newbird/common/icons_stroke_s.svg"); background-size:1100% auto; background-position:80% 0;} .win_popup .win_content.t2 .agr_area .btn_agr .agr_btn.agr_cls:after {transform:rotate(180deg);} .win_popup .win_content.t2 .agr_area .agr_box {box-sizing:border-box; width:100%; margin:0; margin-bottom:1rem; padding:1rem 0.5rem 1rem 1.5rem; border-radius:1rem; border:0.1rem solid var(--secondary-color-6);} .win_popup .win_content.t2 .agr_area .agr_box .agr_in {width:100%; margin:0; box-sizing:border-box; padding:0 1rem 0 0; font-size:1.2rem; font-weight:400; line-height:2rem; letter-spacing:-0.024rem; word-break:keep-all;} .win_popup .win_content.t2 .agr_area .agr_box .agr_in::-webkit-scrollbar-track {background-color:var(--secondary-color-6); border-radius:2rem;} .win_popup .win_content.t2 .agr_area .agr_box .agr_in::-webkit-scrollbar {width:0.4rem;} .win_popup .win_content.t2 .agr_area .agr_box .agr_in::-webkit-scrollbar-track {background-color:var(--secondary-color-6); border-radius:2rem;} .win_popup .win_content.t2 .agr_area .agr_box .agr_in::-webkit-scrollbar-thumb {background-color:var(--ibk-sky-blue); border-radius:2rem; background-clip:padding-box; border:0;} .win_popup .win_content.t2 .agr_area .agr_box .agr_in::-webkit-scrollbar-thumb:hover {background-color:var(--ibk-sky-blue);} .win_popup .win_content.t2 .wp_list li .agreeAll {box-sizing:border-box; padding:0.5rem 2rem; border-radius:1.6rem; background-color:var(--secondary-color-6);} /* 직업찾기 팝업 */ .win_popup .win_content.t2 .selectjob_btn {display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:0.2rem;} .win_popup .win_content.t2 .selectjob_btn li {width:25%;} .win_popup .win_content.t2 .selectjob_btn li button {box-sizing:border-box; width:100%; height:5rem; border-radius:1.6rem; border:0.1rem solid var(--secondary-color-3); font-size:1.8rem; font-weight:700; line-height:4.8rem; color:var(--secondary-color-3); text-align:center;} .win_popup .win_content.t2 .selectjob_btn li button:hover, .win_popup .win_content.t2 .selectjob_btn li button.on {color:var(--ibk-sky-blue); border:0.3rem solid var(--ibk-sky-blue); line-height:4.4rem;} /* 우편번호 찾기 */ .win_popup .win_content.t2 .zip_op {display:flex; gap:1rem; width:100%; background-color:var(--basic-color-w); padding:0; padding-top:0.2rem;} .win_popup .win_content.t2 .zip_op input {position:absolute; opacity:0; height:2rem; width:0;} .win_popup .win_content.t2 .zip_op input + label {display:flex; flex-direction:row; align-items:center; justify-content:center; width:50%; height:5rem; margin:0; padding:0; border:0.1rem solid var(--secondary-color-3); border-radius:1.6rem; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-3); text-align:center; cursor:pointer;} .win_popup .win_content.t2 .zip_op input:checked + label, .win_popup .win_content.t2 .zip_op input:hover + label {border:0.3rem solid var(--ibk-sky-blue); color:var(--ibk-sky-blue);} .win_popup .win_content.t2 .zip_op input + label:before {display:none;} .win_popup .win_content.t2 .zip_op input + label .tip_box {margin:0; margin-left:0.3rem;} .win_popup .win_content.t2 .zip_op input + label .tip_box .btn_tip {background-position:-6.5rem 0;} .win_popup .win_content.t2 .zip_op input:focus-visible + label {outline:0.2rem dashed var(--ibk-blue);} .win_popup .win_content.t2 .zip_op input:checked + label .tip_box .btn_tip, .win_popup .win_content.t2 .zip_op input:hover + label .tip_box .btn_tip {background-position:-1.8rem 0;} /* 금융상품에 대한 중요사항 확인서 */ .win_popup .win_content.t2 .bg_box {display:block; box-sizing:border-box; width:100%; margin:0; padding:3rem 3.5rem; border-radius:4rem; border:0; background-color:var(--secondary-color-6);} /* 계약자 주요내용 확인서 */ .win_popup .win_content.t2 .agr_opt .txt_rfradio {position:relative; width:100%; border:0;} .win_popup .win_content.t2 .agr_opt.t2 {display:flex; align-items:center; justify-content:space-between; margin-top:1.5rem;} .win_popup .win_content.t2 .agr_opt.t2 .txt_rfchk {position:relative;} .win_popup .win_content.t2 .agr_opt.t2 input[type=text], .win_popup .win_content.t2 .agr_opt.t2 input[type=tel], .win_popup .win_content.t2 .agr_opt.t2 input[type=email], .win_popup .win_content.t2 .agr_opt.t2 input[type=password] {padding:0; text-align:right;} .win_popup .win_content.t2 .agr_opt.t2 p {position:absolute;} .win_popup .win_content.t2 .agr_opt.t2 .name input {width:10rem;} .win_popup .win_content.t2 .agr_opt.t2 .txt_rfchk input + label {display:flex; align-items:center; justify-content:center; gap:0.6rem; width:16rem; height:4rem; margin:0; padding:0; border:0.1rem solid var(--ibk-sky-blue); border-radius:4rem; background-color:var(--basic-color-w); font-size:1.6rem; font-weight:700; line-height:2rem; letter-spacing:-0.032rem; color:var(--ibk-sky-blue);} .win_popup .win_content.t2 .agr_opt.t2 .txt_rfchk input + label:before {position:relative; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:10% 45%; mask-position:10% 45%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} .win_popup .win_content.t2 .agr_opt.t2 .txt_rfchk input:checked + label {background-color:var(--ibk-sky-blue); color:var(--basic-color-w);} .win_popup .win_content.t2 .agr_opt.t2 .txt_rfchk input:checked + label::before {-webkit-mask-position:0 45%; mask-position:0 45%; background:var(--basic-color-w);} .win_popup .win_content.t2 .agr_opt.t2 .txt_rfchk input:focus + label::before {border:unset;} .win_popup .win_content.t2 .btn_radio.t2 {display:flex; width:100%; margin-top:1.5rem; padding:0; border:0; overflow:visible;} .win_popup .win_content.t2 .btn_radio.t2 input {position:absolute; opacity:0; height:2rem; width:0;} .win_popup .win_content.t2 .btn_radio.t2 input + label {display:flex; flex-direction:row; align-items:center; justify-content:center; position:relative; width:100% !important; height:4rem; margin:0; padding:0; border:0.1rem solid var(--secondary-color-3); border-radius:1.2rem; font-size:1.6rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-3); text-align:center; cursor:pointer;} .win_popup .win_content.t2 .btn_radio.t2 input + label + input + label {margin-left:1rem;} .win_popup .win_content.t2 .btn_radio.t2 input:checked + label, .win_popup .win_content.t2 .btn_radio.t2 input:hover + label {border:0.3rem solid var(--ibk-sky-blue); color:var(--ibk-sky-blue); background-color:var(--basic-color-w);} .win_popup .win_content.t2 .btn_radio.t2 input + label:before {display:none;} .win_popup .win_content.t2 .btn_radio.t2 input + label .tip_box {margin:0; margin-left:0.3rem;} .win_popup .win_content.t2 .btn_radio.t2 input + label .tip_box .btn_tip {background-position:-6.5rem 0;} .win_popup .win_content.t2 .btn_radio.t2 input:checked + label .tip_box .btn_tip, .win_popup .win_content.t2 .btn_radio.t2 input:hover + label .tip_box .btn_tip {background-position:-1.8rem 0;} .win_popup .win_content.t2 .btn_radio.t2 input:focus-visible + label {outline:0.2rem dashed var(--ibk-blue);} .win_popup .win_content.t2 .post_area {margin:0; border:0;} .win_popup .win_content.t2 .post_table tbody td .post_table_in {height:auto; background-color:transparent;} .win_popup .win_content.t2 .post_table tbody td.data_none {width:100%; border:0;} .win_popup .win_content.t2 .post_table_in table {display:block; width:100%;} .win_popup .win_content.t2 .post_table_in table tbody {display:block; width:100%;} .win_popup .win_content.t2 .post_table_in table tr {display:flex; align-items:flex-end; width:100%;} .win_popup .win_content.t2 .post_table_in table tr + tr {margin-top:1rem; padding-top:1rem; border-top:0.1rem solid var(--secondary-color-6);} .win_popup .win_content.t2 .post_table_in table th {display:block; width:9rem; padding:0; font-size:1.6rem; font-weight:400; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-1);} .win_popup .win_content.t2 .post_table_in table th span {display:block; text-align:left;} .win_popup .win_content.t2 .post_table_in table td {display:block; width:calc(100% - 9rem); padding:0;} .win_popup .win_content.t2 .post_table_in table td p {font-size:1.6rem; font-weight:600; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-1);} /* 해외금융계좌 신고 확인서 */ .win_popup .win_content.t3 {padding:0 !important;} .win_popup .win_content.t3 .wp_list {display:block; width:100%;} .win_popup .win_content.t3 .wp_list + .wp_list {margin-top:3rem; padding-top:3rem; border-top:0.1rem solid var(--secondary-color-6);} .win_popup .win_content.t3 .wp_list li {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; column-gap:1.5rem; row-gap:3rem;} .win_popup .win_content.t3 .wp_list li .bg_box {display:block; box-sizing:border-box; width:100%; margin:0; padding:3rem 3.5rem; border-radius:1.6rem; border:0; background-color:var(--secondary-color-6);} .win_popup .win_content.t3 .wp_list li .bg_box .dot {display:block; width:100%; position:relative; box-sizing:border-box; padding-left:2.2rem;} .win_popup .win_content.t3 .wp_list li .bg_box .dot:before {content:''; position:absolute; top:1.1rem; left:0.9rem; width:0.3rem; height:0.3rem; border-radius:50%; background-color:var(--secondary-color-1);} .win_popup .win_content.t3 .wp_list li .jb_inputwrap {width:100%;} .win_popup .win_content.t3 .wp_list li .jb_inputwrap.w100 {width:100%;} .win_popup .win_content.t3 .wp_list li .jb_inputwrap.half {width:calc(50% - 0.75rem);} .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input {display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction:row; gap:1rem; width:100%;} .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input > p {display:block; position:relative; width:100%; text-align:left;} .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input > p.flexend label {position:absolute; top:-1rem; right:0;} .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t2, .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t3 {position:absolute; opacity:0; height:2rem; width:0;} .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t2 + label, .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t3 + label {display:flex; flex-direction:row; align-items:center; justify-content:center; width:50%; height:5rem; margin:0; padding:0; border:0.1rem solid var(--secondary-color-3); border-radius:1.6rem; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-3); text-align:center; cursor:pointer;} .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t2 + label:before, .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t3 + label:before {display:none;} .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t2 + label {width:calc(50% - 0.5rem);} .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t2.w100 + label {width:100%;} .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t3 + label {width:calc(33.3333% - 0.6666rem);} .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t2:checked + label, .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t2:hover + label, .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t3:checked + label, .win_popup .win_content.t3 .wp_list li .jb_inputwrap .jb_input input.rd_basic.t3:hover + label {border:0.3rem solid var(--ibk-sky-blue); color:var(--ibk-sky-blue);} .win_popup .win_content.t3 .btn_area_c {display:flex; align-items:center; justify-content:space-between; gap:1rem; position:fixed; bottom:-0.1rem; left:0; right:0; box-sizing:border-box; height:8rem; margin-top:0; padding-top:3rem; padding-bottom:0.2rem; background-color:var(--basic-color-w); color:var(--secondary-color-1);} /* 가입문서확인 */ .layerpop_wrap.t4 .win_popup {height: calc(100% - 13rem) !important; margin-bottom:13rem;} .win_popup .win_content.t2 .document_tab {display:flex; justify-content:space-between; width:100%; margin-top:1rem; margin-bottom:2.5rem;} .win_popup .win_content.t2 .document_tab a {display:inline-block; box-sizing:border-box; width:calc(50% - 0.5rem); height:5rem; margin:0; border:0.1rem solid var(--secondary-color-3); border:0.1rem solid var(--secondary-color-3); border-radius:1.6rem; background:var(--basic-color-w); font-size:1.8rem; font-weight:700; line-height:4.8rem; color:var(--secondary-color-3) !important; text-align:center;} .win_popup .win_content.t2 .document_tab a:nth-child(2) {margin-left:1rem;} .win_popup .win_content.t2 .document_tab a.on, .win_popup .win_content.t2 .document_tab a:hover {border:0.3rem solid var(--ibk-sky-blue); line-height:4.4rem; color:var(--ibk-sky-blue) !important;} .layerpop_wrap.t4 .win_popup .win_content.t2 .btn_area_r {display:flex; gap:1rem; position:fixed; bottom:12.5rem; left:5rem; right:4.5rem; z-index:5;} .layerWrap > .layerpop_wrap.t4 .layer_btnwrap {padding-top:8rem;} /* 해피콜 */ .happycall_agreebtn .btn_radio {display:block; width:100%; border:0;} .happycall_agreebtn .btn_radio input {position:absolute; opacity:0; height:2rem; width:0;} .happycall_agreebtn .btn_radio input + label {display:flex; justify-content:center; align-items:center; gap:0.8rem; width:100%; height:5rem; border-radius:1.6rem; border:0.1rem solid var(--ibk-sky-blue); background:var(--basic-color-w); font-size:1.8rem; font-weight:700; line-height:4.8rem; color:var(--ibk-sky-blue);} .happycall_agreebtn .btn_radio input[type=radio] + label:last-child {border-right:0.1rem solid var(--ibk-sky-blue);} .happycall_agreebtn .btn_radio input:checked + label {background:var(--ibk-sky-blue); color:var(--basic-color-w);} .happycall_agreebtn .btn_radio input:focus + label {border:0.1rem solid var(--ibk-sky-blue);} .happycall_agreebtn .btn_radio input:checked + label .icon.stroke.i_ticksquareoff::before, .happycall_agreebtn .btn_radio input:checked + label .icon.stroke.i_ticksquareoff::after {-webkit-mask-position:0 45%; mask-position:0 45%; color:var(--basic-color-w);} .happycall_agreebtn .checkbox {display:flex; justify-content:center; align-items:center; gap:0.8rem; position:relative; width:100%; height:5rem; border-radius:1.6rem; border:0.1rem solid var(--ibk-sky-blue); background:var(--basic-color-w); font-size:1.8rem; font-weight:700; line-height:4.8rem; color:var(--ibk-sky-blue);} .happycall_agreebtn .checkbox input:checked {background-color:var(--ibk-sky-blue);} .happycall_agreebtn .checkbox input:checked ~ i {z-index:2;} .happycall_agreebtn .checkbox input:checked ~ i::before, .happycall_agreebtn .checkbox input:checked ~ i::after {-webkit-mask-position:0 45%; mask-position:0 45%; background-color:var(--basic-color-w);} .happycall_agreebtn .checkbox input:checked ~ span {z-index:1; color:var(--basic-color-w);} .happycall_agreebtn .checkbox input:checked ~ span:before {content:''; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; border-radius:1.6rem; background-color:var(--ibk-sky-blue);} .happycall_agreebtn .checkbox input:focus-visible ~ span:after {content:''; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; border-radius:1.6rem; outline:0.2rem dashed var(--ibk-sky-blue); outline-offset:0.2rem;} .pro_desc_list li {min-height:auto; margin-bottom:0; padding:0; border:0;} .pro_desc_list li .txt {display:block; width:100%; text-indent:0;} .pro_desc_list li .focusCtrl {display:block; margin-top:1.5rem;} .pro_desc_list li .btn_radio {display:flex; gap:1rem; width:100%; border:0; background-color:var(--basic-color-w); padding:0;} .pro_desc_list li .btn_radio.t3 {flex-direction:column;} .pro_desc_list li .btn_radio::after {display:none;} .pro_desc_list li .btn_radio input {position:absolute; opacity:0; height:2rem; width:0;} .pro_desc_list li .btn_radio input + label {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; height:5rem; margin:0; padding:0; border:0.1rem solid var(--secondary-color-3); border-radius:1.6rem; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-3); text-align:center; cursor:pointer;} .pro_desc_list li .btn_radio input[type=radio] + label:last-child {border-right:0.1rem solid var(--secondary-color-3);} .pro_desc_list li .btn_radio input[type=radio]:checked + label, .pro_desc_list li .btn_radio input[type=radio]:hover + label {border:0.3rem solid var(--ibk-sky-blue); background:var(--basic-color-w); color:var(--ibk-sky-blue);} .pro_desc_list li .btn_radio input + label:before {display:none;} #ly_HapCallAgrm_AddPop {box-sizing:border-box; position:fixed; top:50% !important; left:50% !important; min-width:50rem; min-height:fit-content; padding:5rem; border-radius:4rem; background:var(--basic-color-w); box-shadow:0 2rem 5rem rgba(13, 14, 15, 0.28); transform:translate(-50%, -50%);} #ly_HapCallAgrm_AddPop #AddPop_content {font-size:1.6rem; font-weight:500; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-1);} #ly_HapCallAgrm_AddPop #AddPopchk {display:block; width:100%; margin-top:2rem;} #ly_HapCallAgrm_AddPop #AddPopchk a {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; height:4rem; margin:0; padding:0; border:0.1rem solid var(--ibk-blue); border-radius:1.2rem; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--ibk-blue); text-align:center;} #ly_HapCallAgrm_AddPop #AddPopchk a:hover {border-width:0.3rem;} #ly_HapCallAgrm_AddPop #AddPopchk a + a {margin-top:0.5rem;} /* 페이징 */ .paging {display:flex; align-items:center; justify-content:center; gap:0.5rem; margin:0 !important;} .paging > a {display:flex; align-items:center; justify-content:center; position:relative; width:5rem; height:5rem; margin-top:6rem;} .paging > a:hover {border-radius:50%; background-color:var(--secondary-color-6);} .paging > a:before {content:''; display:block; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--secondary-color-1);} .paging > a:after {display:block; position:absolute; top:50% !important; left:50% !important; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--secondary-color-1);} .paging > a.first:before {-webkit-mask-position:90% 0; mask-position:90% 0; margin-left:-0.4rem;} .paging > a.first:after {content:''; -webkit-mask-position:90% 0; mask-position:90% 0; margin-top:-0.8rem; margin-left:-0.5rem;} .paging > a.prev:before {-webkit-mask-position:90% 0; mask-position:90% 0;} .paging > a.next:before {-webkit-mask-position:100% 0; mask-position:100% 0;} .paging > a.last:before {-webkit-mask-position:100% 0; mask-position:100% 0; margin-right:-0.4rem;} .paging > a.last:after {content:''; -webkit-mask-position:100% 0; mask-position:100% 0; margin-top:-0.8rem; margin-left:-1.1rem;} .paging > a img {position:absolute; opacity:0;} .paging > a.disable:before, .paging > a.disable:after {background-color:var(--secondary-color-3);} .paging ul {display:flex; align-items:center; justify-content:center; gap:0.5rem; padding:0 1.75rem; margin-top:6rem;} .paging ul li {display:flex; align-items:center; justify-content:center; width:5rem; height:5rem; padding:0;} .paging ul li a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:1.6rem; font-weight:400; line-height:2.6rem; color:var(--secondary-color-1);} .paging ul li a:hover {border-radius:50%; background-color:var(--secondary-color-6);} .paging ul li a strong {font-size:1.6rem; font-weight:400; line-height:2.6rem; color:var(--secondary-color-1);} .paging ul li.on {border:0.1rem solid var(--ibk-sky-blue); border-radius:50%;} .paging ul li.on a {font-weight:700; color:var(--ibk-sky-blue); pointer-events:none;} .paging ul li.on a strong {font-weight:700; color:var(--ibk-sky-blue);} .alertpop {display:none; position:fixed; z-index:900; top:0; left:0; width:100%; height:100%;} .alertpop .back {width:100%; height:100%; background-color:rgba(13, 14, 15, .8);} .alertpop .alertpop_wrap {overflow:hidden; box-sizing:border-box; position:absolute; top:50%; left:50%; z-index:999; width:50rem; padding:5rem; border-radius:4rem; background-color:var(--basic-color-w); transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);} .alertpop .alertpop_header {display:block; width:100%;} .alertpop .alertpop_header strong {display:block; width:100%; text-align:left;} .alertpop .alertpop_header strong span {display:block; width:100%;} .alertpop .alertpop_body {display:block; box-sizing:border-box; width:100%; margin-top:1.5rem; padding:2.5rem 3rem; border-radius:1.6rem; background-color:var(--secondary-color-6);} .alertpop .alertpop_body strong {display:block; width:100%; text-align:left;} .alertpop .alertpop_body strong + p {margin-top:1rem;} .alertpop .alertpop_body p {display:block; width:100%; text-align:left;} .alertpop .alertpop_body p span {display:block; width:100%;} .alertpop .alertpop_body .apb_list li {position:relative; padding-left:2.5rem;} .alertpop .alertpop_body .apb_list li:before {content:''; position:absolute; top:1.2rem; left:1rem; display:block; width:0.5rem; height:0.5rem; border-radius:5rem; background-color:var(--secondary-color-1);} .alertpop .alertpop_body .apb_list.t2 li:before {content:''; position:absolute; top:1.3rem; left:1rem; display:block; width:0.4rem; height:0.4rem; border-radius:5rem; background-color:var(--secondary-color-1);} .alertpop .alertpop_body .apb_list li p span {display:inline;} .alertpop .alertpop_footer {display:flex; width:100%; gap:1rem; margin-top:2rem;} .alertpop.t2 .alertpop_wrap {width:70rem; padding:4.5rem 5rem;} .alertpop.t2 .alertpop_body {margin-top:3rem; padding:0; border-radius:0; background:none;} .alertpop.t2 .alertpop_body .apb_rd {display:flex; flex-direction:row; flex-wrap:wrap; gap:1rem; margin-top:1.5rem;} .alertpop.t2 .alertpop_body .apb_rd label {width:100%; box-sizing:border-box; margin:0; padding:1.2rem; border-radius:1.6rem; border:0.1rem solid var(--secondary-color-3); font-size:1.8rem; font-weight:700; color:var(--secondary-color-3); line-height:2.5rem; letter-spacing:-0.036rem; text-align:center;} .alertpop.t2 .alertpop_body .apb_rd label:before {display:none !important;} .alertpop.t2 .alertpop_body .apb_rd input:checked + label {border:0.3rem solid var(--ibk-sky-blue); color:var(--ibk-sky-blue); line-height:2.1rem;} .alertpop.t2 .alertpop_body .apb_rd.t2 label {width:calc(50% - 0.5rem);} .alertpop.t2 .alertpop_body .apb_rd.t3 label {width:calc(33.3333% - 0.6667rem);} .alertpop.t2 .alertpop_footer {margin-top:3rem;} /* 청약상품 - 페이지2,3 */ #container .content .join_box {box-sizing:border-box; width:100%; margin-top:2rem; padding:5rem; border-radius:4rem; border:0.1rem solid var(--secondary-color-6-line); background-color:var(--basic-color-w);} #container .content .join_box > li {display:flex; flex-direction:column; gap:1rem; width:100%;} #container .content .join_box > li + li {margin-top:3rem; padding-top:3rem; border-top:0.1rem solid var(--secondary-color-6);} #container .content .join_box > li > p {margin:0 !important; text-align:left;} #container .content .join_box > li > p .csb, #container .content .join_box .jb_inputwrap label.text .csb {margin-left:0.3rem;} #container .content .join_box .jb_inputwrap {display:flex; align-items:flex-end; justify-content:space-between;} #container .content .join_box .jb_inputwrap.w290 {width:29rem;} #container .content .join_box .jb_inputwrap.w390 {width:39rem;} #container .content .join_box .jb_inputwrap label.text {display:block; margin:0 !important; margin-bottom:1rem !important; text-align:left;} #container .content .join_box .jb_inputwrap > span {height:5rem; width:1rem; font-size:2.2rem; font-weight:500; line-height:5rem; color:var(--secondary-color-1); text-align:center;} #container .content .join_box .jb_inputwrap > span.t2 {width:2rem;} #container .content .join_box .jb_inputwrap > span.dash {width:3rem;} #container .content .join_box .jb_input.w100 {width:100%;} #container .content .join_box .jb_input.w120 {width:12rem;} #container .content .join_box .jb_input.w140 {width:14rem;} #container .content .join_box .jb_input.w160 {width:16rem;} #container .content .join_box .jb_input.w180 {width:18rem;} #container .content .join_box .jb_input.w200 {width:20rem;} #container .content .join_box .jb_input.w210 {width:21rem;} #container .content .join_box .jb_input.w213 {width:21.3rem;} #container .content .join_box .jb_input.w240 {width:24rem;} #container .content .join_box .jb_input.w280 {width:28rem;} #container .content .join_box .jb_input.w290 {width:29rem;} #container .content .join_box .jb_input.w340 {width:34rem;} #container .content .join_box .jb_input.w390 {width:39rem;} #container .content .join_box .jb_input.w550 {width:55rem;} #container .content .join_box .idcard_sel, #container .content .join_box .idcard_sel02 {} #container .content .join_box .idcard_sel .img_wrap, #container .content .join_box .idcard_sel02 .img_wrap {overflow:hidden; width:39rem; margin:3rem auto;} #container .content .join_box .idcard_sel .img_wrap img, #container .content .join_box .idcard_sel02 .img_wrap img {float:left; width:100%;} #container .content .join_box .rd.t1 {display:flex; box-sizing:border-box; width:100%; background-color:var(--basic-color-w); padding:0.5rem; border-radius:2rem; border:0.1rem solid var(--secondary-color-4);} #container .content .join_box .rd.t1 input {position:absolute; opacity:0; height:2rem; width:0;} #container .content .join_box .rd.t1 input + label {display:flex; flex-direction:row; align-items:center; justify-content:center; width:50%; height:5rem; margin:0; padding:0; border:0; border-radius:1.6rem; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-1); text-align:center; cursor:pointer;} #container .content .join_box .rd.t1 input:checked + label, #container .content .join_box .rd.t1 input:hover + label {background-color:var(--ibk-sky-blue); color:var(--basic-color-w);} #container .content .join_box .rd.t1 input + label:before {display:none;} #container .content .join_box .rd.t1 input:focus-visible + label {outline:0.2rem dashed var(--ibk-blue);} #container .content .join_box .rd.t2 {display:flex; gap:1rem; width:100%; background-color:var(--basic-color-w); padding:0;} #container .content .join_box .rd.t2 input {position:absolute; opacity:0; height:2rem; width:0;} #container .content .join_box .rd.t2 input + label {display:flex; flex-direction:row; align-items:center; justify-content:center; width:50%; height:5rem; margin:0; padding:0; border:0.1rem solid var(--secondary-color-3); border-radius:1.6rem; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-3); text-align:center; cursor:pointer;} #container .content .join_box .rd.t2 input:checked + label, #container .content .join_box .rd.t2 input:hover + label {border:0.3rem solid var(--ibk-sky-blue); color:var(--ibk-sky-blue);} #container .content .join_box .rd.t2 input + label:before {display:none;} #container .content .join_box .rd.t2 input + label .tip_box {margin:0; margin-left:0.3rem;} #container .content .join_box .rd.t2 input + label .tip_box .btn_tip {background-position:-6.5rem 0;} #container .content .join_box .rd.t2 input:checked + label .tip_box .btn_tip, #container .content .join_box .rd.t2 input:hover + label .tip_box .btn_tip {background-position:-1.8rem 0;} #container .content .join_box .rd.t2 input:focus-visible + label {outline:0.2rem dashed var(--ibk-blue);} #container .content .join_box .rd.t3 {display:flex; flex-direction:row; align-items:center; justify-content:space-between;} #container .content .join_box .rd.t3 p {text-align:left;} #container .content .join_box .rd.t3 .btn_radio {position:relative; border:0;} #container .content .join_box .rd.t3 .btn_radio input[type=radio] + label {display:flex; align-items:center; justify-content:center; gap:0.6rem; width:16rem; height:4rem; border-radius:4rem; font-size:1.6rem; font-weight:700; line-height:2rem; letter-spacing:-0.032rem;} #container .content .join_box .rd.t3 .btn_radio input[type=radio]:nth-child(1) + label {position:absolute; top:0; left:0; z-index:1; background-color:var(--ibk-sky-blue); color:var(--basic-color-w); opacity:0;} #container .content .join_box .rd.t3 .btn_radio input[type=radio]:nth-child(1):checked + label {opacity:1;} #container .content .join_box .rd.t3 .btn_radio input[type=radio]:nth-child(3) + label {background-color:var(--basic-color-w); color:var(--ibk-sky-blue); border:0.1rem solid var(--ibk-sky-blue);} #container .content .join_box .rd.t3 .txt_btn {position:relative; height:4rem;} #container .content .join_box .rd.t3 .txt_btn #esSusDoctext {top:0; right:0; display:inline-block; width:16rem; font-size:1.6rem; font-weight:700; line-height:4rem; color:var(--ibk-sky-blue); text-align:center;} #container .content .join_box .rd.t3 .txt_btn #esSusDocProgress {position:relative; top:unset; right:unset; overflow:hidden; box-sizing:border-box; width:16rem; height:4rem; border:0.1rem solid var(--ibk-sky-blue); border-radius:5rem; background:var(--basic-color-w); box-shadow:unset;} #container .content .join_box .rd.t3 .txt_btn #esSusDocbar {border-radius:0; background:var(--secondary-color-6);} #container .content .join_box .rd.t3 .txt_btn #esSusDocTimeTxt {top:4.5rem; right:0; font-size:1.2rem; font-weight:400; color:var(--secondary-color-1); left:-15rem; text-align:right;} #container .content .join_box .rd.t3 .txt_btn #esSusDocCfm {display:flex; justify-content:center; align-items:center; gap:0.6rem; box-sizing:border-box; width:16rem; height:4rem; border:0.1rem solid var(--ibk-sky-blue); border-radius:5rem; background:var(--basic-color-w); font-size:1.6rem; font-weight:700; line-height:3.8rem; color:var(--ibk-sky-blue);} #container .content .join_box .rd.t3 .txt_btn #esSusDocCfm:before {content:''; display:block; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:10% 45%; mask-position:10% 45%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} #container .content .join_box .rd.t3 .txt_btn #esSusDocCfm:after {display:none;} #container .content .join_box .rd.t3 .txt_btn #esSusDocCfmCmpt {display:flex; justify-content:center; align-items:center; gap:0.6rem; box-sizing:border-box; width:16rem; height:4rem; border:0.1rem solid var(--ibk-sky-blue); border-radius:5rem; background:var(--ibk-sky-blue); font-size:1.6rem; font-weight:700; line-height:3.8rem; color:var(--basic-color-w);} #container .content .join_box .rd.t3 .txt_btn #esSusDocCfmCmpt:before{content:''; display:block; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:0 45%; mask-position:0 45%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--basic-color-w);} #container .content .join_box .rd.t3 .txt_btn #esSusDocCfmCmpt:after {display:none;} #container .content .join_box .rd.t3 .btn_box #esSusDocDown {display:flex; justify-content:center; align-items:center; gap:0.6rem; box-sizing:border-box; width:16rem; height:4rem; border:0.1rem solid var(--ibk-sky-blue); border-radius:5rem; background:var(--basic-color-w); font-size:1.6rem; font-weight:700; line-height:3.8rem; color:var(--ibk-sky-blue);} #container .content .join_box .rd.t3 .btn_box #esSusDocDown:before {content:''; display:block; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:10% 45%; mask-position:10% 45%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} #container .content .join_box .rd.t3 .btn_box #esSusDocDown:after {display:none;} #container .content .join_box .rd.t3 .btn_box #esSusDocDownCmpt {display:flex; justify-content:center; align-items:center; gap:0.6rem; box-sizing:border-box; width:16rem; height:4rem; border:0.1rem solid var(--ibk-sky-blue); border-radius:5rem; background:var(--ibk-sky-blue); font-size:1.6rem; font-weight:700; line-height:3.8rem; color:var(--basic-color-w);} #container .content .join_box .rd.t3 .btn_box #esSusDocDownCmpt:before{content:''; display:block; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:0 45%; mask-position:0 45%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--basic-color-w);} #container .content .join_box .rd.t3 .btn_box #esSusDocDownCmpt:after {display:none;} #container .content .join_box .rd.t4 {display:flex; flex-direction:column; align-items:flex-start; gap:1.5rem;} #container .content .join_box .rd.t4 p {text-align:left;} #container .content .join_box .rd.t4 .btn_radio {position:relative; overflow:visible; border:0; width:100%;} #container .content .join_box .rd.t4 .btn_radio input[type=radio] + label {display:flex; align-items:center; justify-content:center; gap:0.6rem; width:100%; height:4rem; border-radius:1.2rem; font-size:1.6rem; font-weight:700; line-height:2rem; letter-spacing:-0.032rem;} #container .content .join_box .rd.t4 .btn_radio input[type=radio]:nth-child(1) + label {position:absolute; top:0; left:0; z-index:1; background-color:var(--ibk-sky-blue); color:var(--basic-color-w); opacity:0;} #container .content .join_box .rd.t4 .btn_radio input[type=radio]:nth-child(1):checked + label {opacity:1;} #container .content .join_box .rd.t4 .btn_radio input[type=radio]:nth-child(3) + label {background-color:var(--basic-color-w); color:var(--ibk-sky-blue); border:0.1rem solid var(--ibk-sky-blue);} #container .content .join_box .rd.t4 .btn_radio input[type=radio]:focus-visible + label + input + label:before {content:''; position:absolute; top:-0.2rem; bottom:-0.2rem; left:-0.2rem; right:-0.2rem; border-radius:1.2rem; outline:0.2rem dashed var(--ibk-blue);} #container .content .join_box .rd.t4 .txt_btn {position:relative; width:100%; height:3rem;} #container .content .join_box .rd.t4 #esSusbtn_box {width:100%;} #container .content .join_box .rd.t4 #esSusbtn_reTry {width:100%;} #container .content .join_box .rd.t4 .txt_btn #esSusDoctext {top:0; right:0; display:inline-block; width:100%; font-size:1.6rem; font-weight:700; line-height:4rem; color:var(--ibk-sky-blue); text-align:center;} #container .content .join_box .rd.t4 .txt_btn #esSusDocProgress {position:relative; top:unset; right:unset; overflow:hidden; box-sizing:border-box; width:100%; height:4rem; border:0.1rem solid var(--ibk-sky-blue); border-radius:1.2rem; background:var(--basic-color-w); box-shadow:unset;} #container .content .join_box .rd.t4 .txt_btn #esSusDocbar {border-radius:0; background:var(--secondary-color-6);} #container .content .join_box .rd.t4 .txt_btn #esSusDocTimeTxt {top:4.5rem; right:0; font-size:1.2rem; font-weight:400; color:var(--secondary-color-1); left:-15rem; text-align:right;} #container .content .join_box .rd.t4 .txt_btn #esSusDocCfm {display:flex; justify-content:center; align-items:center; gap:0.6rem; box-sizing:border-box; width:100%; height:4rem; border:0.1rem solid var(--ibk-sky-blue); border-radius:1.2rem; background:var(--basic-color-w); font-size:1.6rem; font-weight:700; line-height:3.8rem; color:var(--ibk-sky-blue);} #container .content .join_box .rd.t4 .txt_btn #esSusDocCfm:before {content:''; display:block; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:10% 45%; mask-position:10% 45%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} #container .content .join_box .rd.t4 .txt_btn #esSusDocCfm:after {display:none;} #container .content .join_box .rd.t4 .txt_btn #esSusDocCfmCmpt {display:flex; justify-content:center; align-items:center; gap:0.6rem; box-sizing:border-box; width:100%; height:4rem; border:0.1rem solid var(--ibk-sky-blue); border-radius:1.2rem; background:var(--ibk-sky-blue); font-size:1.6rem; font-weight:700; line-height:3.8rem; color:var(--basic-color-w);} #container .content .join_box .rd.t4 .txt_btn #esSusDocCfmCmpt:before{content:''; display:block; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:0 45%; mask-position:0 45%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--basic-color-w);} #container .content .join_box .rd.t4 .txt_btn #esSusDocCfmCmpt:after {display:none;} #container .content .join_box .rd.t4 .btn_box {width:100%;} #container .content .join_box .rd.t4 .btn_box #esSusDocDown {display:flex; justify-content:center; align-items:center; gap:0.6rem; box-sizing:border-box; width:100%; height:4rem; border:0.1rem solid var(--ibk-sky-blue); border-radius:1.2rem; background:var(--basic-color-w); font-size:1.6rem; font-weight:700; line-height:3.8rem; color:var(--ibk-sky-blue);} #container .content .join_box .rd.t4 .btn_box #esSusDocDown:before {content:''; display:block; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:10% 45%; mask-position:10% 45%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} #container .content .join_box .rd.t4 .btn_box #esSusDocDown:after {display:none;} #container .content .join_box .rd.t4 .btn_box #esSusDocDownCmpt {display:flex; justify-content:center; align-items:center; gap:0.6rem; box-sizing:border-box; width:100%; height:4rem; border:0.1rem solid var(--ibk-sky-blue); border-radius:1.2rem; background:var(--ibk-sky-blue); font-size:1.6rem; font-weight:700; line-height:3.8rem; color:var(--basic-color-w);} #container .content .join_box .rd.t4 .btn_box #esSusDocDownCmpt:before{content:''; display:block; width:1.6rem; height:1.6rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:0 45%; mask-position:0 45%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--basic-color-w);} #container .content .join_box .rd.t4 .btn_box #esSusDocDownCmpt:after {display:none;} #container .content .join_box .happycalltip {position:relative; box-sizing:border-box; padding-left:1rem;} #container .content .join_box .happycalltip:before {content:'*'; position:absolute; top:0; left:0.1rem; font-size:1.4rem; font-weight:400; line-height:2.4rem; color:var(--secondary-color-3);} #container .content .join_box #tab1_1_desc .easy_auth_layer {flex-direction:row; justify-content:center; flex-wrap:wrap; gap:1rem;} #container .content .join_box #tab1_1_desc .easy_auth_layer input.rd_basic + label {width:28rem; margin:0;} #container .content .join_box #tab1_1_desc .easy_auth_layer input ~ label.easy_auth_btn_cy {border:0.1rem solid var(--secondary-color-3);} #container .content .join_box #tab1_1_desc .easy_auth_layer .btn.outlined:hover, #container .content .join_box #tab1_1_desc .easy_auth_layer .btn.outlined:active, #container .content .join_box #tab1_1_desc .easy_auth_layer .btn.outlined.is-hover {border:0.3rem solid var(--secondary-color-1); box-shadow:unset;} #container .content .join_box #tab1_1_desc .easy_auth_layer input.rd_basic:checked + label {border:0.3rem solid var(--secondary-color-1); background:var(--basic-color-w);} #container .content .join_box #tab1_1_desc .easy_auth_layer input.rd_basic:checked + label i::before {-webkit-mask-position:0 45%; mask-position:0 45%;} /* 청약 - 완료 */ #container .irp_join_finish .top {display:flex; flex-direction:column; justify-content:center; position:relative; min-height:17.5rem; padding:0; padding-left:21.5rem; border:0; background:none;} #container .irp_join_finish .top:before {content:''; position:absolute; top:50%; left:0; width:17.5rem; height:17.5rem; margin-top:-8.75rem; border-radius:50%; background-color:#EDF4FF;} #container .irp_join_finish .top:after {content:''; position:absolute; top:50%; left:2.75rem; width:12rem; height:12rem; margin-top:-6rem; background-image:url("/nresources/images/newbird/common/icon_lattercheck.png"); background-size:100% auto; background-position:center; background-repeat:no-repeat; filter:drop-shadow(0 1rem 1rem rgba(13, 14, 15, 0.15));} #container .irp_join_finish .top .txt1 {margin:0; padding:0; letter-spacing:0;} #container .irp_join_finish .top .txt2 {margin:0; margin-top:0.5rem; padding:0; line-height:4rem; letter-spacing:0;} #container .irp_join_finish .top .txt3 {display:flex; gap:0.5rem; position:relative; box-sizing:border-box; margin:0; margin-top:2rem; padding:0; padding-left:1.1rem; background:none; line-height:3rem; letter-spacing:0;} #container .irp_join_finish .top .txt3 a {box-sizing:border-box; position:relative; padding-left:2.9rem;} #container .irp_join_finish .top .txt3 a .icon {position:absolute; top:0.9rem; left:0.6rem;;} #container .irp_join_finish .top .txt3 a:before {content:''; position:absolute; top:0.3rem; left:0; width:2.4rem; height:2.4rem; border-radius:50%; background-color:var(--ibk-blue);} #container .irp_join_finish .top .txt3:before {content:''; display:block; position:absolute; top:1.2rem; left:0; width:0.6rem; height:0.6rem; border-radius:50%; background-color:var(--secondary-color-4);} #container .irp_join_finish .middle {display:block; box-sizing:border-box; width:100%; margin-top:4rem; padding:5rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:4rem;} #container .irp_join_finish .middle > ul {display:block; width:100%;} #container .irp_join_finish .middle > .btn_area_l {display:flex; gap:1rem; margin-bottom:0;} #container .irp_join_finish .middle > .btn_area_l > a {margin:0 !important;} #container .irp_join_finish .guide_box_bg {display:block; box-sizing:border-box; width:100%; margin:0; margin-top:4rem !important; padding:5rem; border-radius:2rem;} #container .irp_join_finish .guide_box_bg form > div {display:flex; align-items:flex-end; justify-content:space-between; gap:1rem;} #container .irp_join_finish .guide_box_bg form > div > div {width:calc(100% - 11rem);} #container .irp_join_finish .guide_box_bg form > div > div label {display:block;} #container .irp_join_finish .guide_box_bg form > div > div input {margin-top:0.5rem;} #container .irp_join_finish .guide_box_bg form > iframe {position:absolute; opacity:0;} #container .irp_join_finish .guide_box_bg form > div a {min-width:10rem; margin:0;} /* 변액가입 */ .layerWrap > .layerpop_wrap.t5 .layerpop_scroll {padding-top:0;} .layerWrap > .layerpop_wrap.t5 .win_popup {position:relative;} .layerWrap > .layerpop_wrap.t5 .win_popup .win_content {padding:0;} .layerWrap > .layerpop_wrap.t5 .win_popup .win_content.t2 .btn_area_c {position:fixed; bottom:4.5rem; left:4.5rem; right:4.5rem; height:5rem; padding:0 0.5rem;} /* 카카오, 휴대폰 문자 인증 */ .layerWrap > .layerpop_wrap.t5 .win_popup .win_content.t2 .CY_Rgst_Tab > .tab_btn {display:flex; width:100%; padding:0.4rem; border-radius:2rem; border:0.1rem solid var(--secondary-color-4); background:var(--basic-color-w);} .layerWrap > .layerpop_wrap.t5 .win_popup .win_content.t2 .CY_Rgst_Tab > .tab_btn input + label {display:flex; justify-content:center; align-items:center; border:0; border-radius:1.6rem; background:var(--basic-color-w); font-size:1.8rem; font-weight:700; line-height:2.5rem; letter-spacing:-0.036rem; cursor:pointer;} .layerWrap > .layerpop_wrap.t5 .win_popup .win_content.t2 .CY_Rgst_Tab > .tab_btn input:checked + label {background-color:var(--ibk-sky-blue); color:var(--basic-color-w);} .layerWrap > .layerpop_wrap.t5 .win_popup .win_content.t2 .wp_list {display:flex; flex-wrap:wrap;} .layerWrap > .layerpop_wrap.t5 .win_popup .win_content.t2 .wp_list li {width:100%;} .layerWrap > .layerpop_wrap.t5 .win_popup .win_content.t2 .wp_list li + li.half:nth-of-type(2) {margin-top:0;} .layerWrap > .layerpop_wrap.t5 .win_popup .win_content.t2 .wp_list li.half {width:calc(50% - 2rem);} .layerWrap > .layerpop_wrap.t5 .win_popup .win_content.t2 .wp_list li.half.snd {margin-left:4rem;} .layerWrap > .layerpop_wrap.t5 .CY_Rgst_Tab {padding:0; box-shadow:unset;} .layerWrap > .layerpop_wrap.t5 .CY_Rgst_Tab .tab_content {padding:0; padding-top:3rem;} .layerWrap > .layerpop_wrap.t5 .CY_Rgst_Tab .tab_content {} .layerWrap > .layerpop_wrap.t5 .btn_radio.t2 {display:flex; width:100%; margin-top:0; padding:0; border:0;} .layerWrap > .layerpop_wrap.t5 .btn_radio.t2 input {position:absolute; opacity:0; height:2rem; width:0;} .layerWrap > .layerpop_wrap.t5 .btn_radio.t2 input + label {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100% !important; height:5rem; margin:0; padding:0; border:0.1rem solid var(--secondary-color-3); border-radius:1.2rem; font-size:1.6rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-3); text-align:center; cursor:pointer;} .layerWrap > .layerpop_wrap.t5 .btn_radio.t2 input + label + input + label {margin-left:1rem;} .layerWrap > .layerpop_wrap.t5 .btn_radio.t2 input:checked + label, .layerWrap > .layerpop_wrap.t5 .btn_radio.t2 input:hover + label {border:0.2rem solid var(--ibk-sky-blue); color:var(--ibk-sky-blue); background-color:var(--basic-color-w);} .layerWrap > .layerpop_wrap.t5 .btn_radio.t2 input:disabled + label {pointer-events:none;} .layerWrap > .layerpop_wrap.t5 .win_popup .win_content.t2 .btn_area_c .btn.primary {margin:0; color:var(--basic-color-w) !important;} /* 변액가입 - 진단 */ #container .test_top .inp {display:flex; flex-direction:row; flex-wrap:wrap; gap:1rem;} #container .test_top {margin-top:3rem; padding:3rem 5rem; border:0.5rem solid var(--ibk-sky-blue); border-radius:4rem; background-color:var(--basic-color-w);} #container .test_top input.rd_basic + label {width:calc(50% - 0.5rem); margin:0; padding:1.2rem 2.4rem; border:0.1rem solid var(--secondary-color-3); border-radius:1.6rem; font-size:1.8rem; font-weight:700; line-height:2.5rem; letter-spacing:-0.036rem; text-align:center;} #container .test_top input:checked + label {border:0.1rem solid var(--ibk-sky-blue); background-color:var(--ibk-sky-blue); color:var(--basic-color-w);} #container .test_top input.rd_basic + label:before {display:none;} #container .invest_type_test {margin-top:3rem; margin-bottom:0; padding:5rem; border-radius:4rem; border:0.1rem solid var(--secondary-color-6-line);} #container .invest_type_test > ol li {margin-top:1.5rem;} #container .invest_type_test > ol li + li {margin-top:3rem; padding-top:3rem; border-top:0.1rem solid var(--secondary-color-6);} #container .invest_type_test > ol li .q {margin:0;} #container .invest_type_test > ol li .a {display:flex; flex-direction:row; flex-wrap:wrap; gap:1rem; margin-top:1.5rem;} #container .invest_type_test > ol li .a br {display:none;} #container .invest_type_test > ol li .a label {width:100%; box-sizing:border-box; margin:0; padding:1.2rem 1rem; border-radius:1.6rem; border:0.1rem solid var(--secondary-color-3); font-size:1.8rem; font-weight:700; color:var(--secondary-color-3); line-height:2.5rem; letter-spacing:-0.036rem; text-align:center;} #container .invest_type_test > ol li .a input:checked + label {border:0.3rem solid var(--ibk-sky-blue); color:var(--ibk-sky-blue); line-height:2.1rem;} #container .invest_type_test > ol li .a.t2 label {width:calc(50% - 0.5rem);} #container .invest_type_test > ol li .a.t3 label {width:calc(33.3333% - 0.6667rem);} #container .invest_type_test > ol li .a.multi label {position:relative; padding-left:4.8rem; letter-spacing:-0.072rem; text-align:left;} #container .invest_type_test > ol li .a.multi label:before {content:''; display:block; position:absolute; top:1.6rem; left:2.4rem; width:1.6rem; height:1.6rem; border:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:10% 45%; mask-position:10% 45%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--secondary-color-3);} #container .invest_type_test > ol li .a.multi input:checked + label {padding-left:4.6rem;} #container .invest_type_test > ol li .a.multi input:checked + label:before {top:1.4rem; left:2.2rem; -webkit-mask-position:0 45%; mask-position:0 45%; background:var(--ibk-sky-blue);} #container .invest_type_test > ol li .a.multi input:disabled + label {padding-left:4.6rem; border:0.3rem solid var(--secondary-color-3); line-height:2.1rem;} #container .invest_type_test > ol li .a.multi input:disabled + label:before {display:none;} #container .invest_type_test > ol li .a.multi input:disabled + label:after {content:''; display:block; position:absolute; top:1.5rem; left:2.3rem; width:1.4rem; height:1.4rem; border-radius:0.5rem; background-color:var(--secondary-color-3);} #container .invest_type_test > ol li .a label:before {display:none;} #container .invest_type_test > ul {margin-top:3rem; padding-top:3rem; border-top:0.1rem solid var(--secondary-color-6);} #container .invest_type_test .verification_items {margin-top:5rem;} #container .invest_type_test .verification_items ul {margin-top:1.5rem;} #container .invest_type_test .verification_items ul li + li {margin-top:2rem; padding-top:2rem; border-top:0.1rem solid var(--secondary-color-6);} /* 최근 설계 내역 */ #container .tit02.xl {margin:0;} #container .tit02_under.m {margin:0; margin-top:2rem;} #container .tit02_under.m li {position:relative; box-sizing:border-box; margin:0; padding:0.1rem 0; padding-left:1.7rem;} #container .tit02_under.m li + li {margin-top:0.5rem;} #container .tit02_under.m li:before {content:''; position:absolute; top:0.7rem; left:0; width:1.2rem; height:1.2rem; border-radius:50%; background-color:var(--ibk-sky-blue);} #container .tit02_under.m li:after {content:''; position:absolute; top:1.1rem; left:0.4rem; width:0.4rem; height:0.4rem; border-radius:50%; background-color:var(--basic-color-w);} #container .com_tab.t2 {display:flex; box-sizing:border-box; width:100%; margin:0; margin-top:6rem; padding:0.4rem; border:0.1rem solid var(--secondary-color-6); border-radius:2rem; background-color:var(--basic-color-w);} #container .com_tab.t2 li {width:100%; height:auto; position:relative; padding:0; border:0.1rem solid transparent !important; border-radius:1.6rem; background-color:transparent;} #container .com_tab.t2 li:before {content:''; position:absolute; display:none; top:1rem; bottom:1rem; left:0; width:0.1rem; height:auto; background-color:var(--secondary-color-6);} #container .com_tab.t2 li + li:before {display:block;} #container .com_tab.t2 li a {position:relative; z-index:1; padding:1.2rem 0; font-size:1.8rem; font-weight:500; line-height:2.4rem; border-radius:1.6rem; color:var(--secondary-color-1);} #container .com_tab.t2 li.select {border:0.1rem solid var(--ibk-sky-blue) !important; background-color:var(--ibk-sky-blue);} #container .com_tab.t2 li.select:before, #container .com_tab.t2 li.select + li:before {display:none;} #container .com_tab.t2 li.select a {color:var(--basic-color-w); font-weight:700; text-decoration:underline; text-underline-position:under;} #container .tb_row.t2 {display:block; box-sizing:border-box; width:100%; padding:5rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:4rem; background:var(--basic-color-w);} #container .tb_row.t2 colgroup {display:none;} #container .tb_row.t2 tbody {display:flex; flex-wrap:wrap; justify-content:space-between; column-gap:4rem; row-gap:3rem;} #container .tb_row.t2 tbody tr {display:block; width:100%;} #container .tb_row.t2 tbody > .w50 {width:calc(50% - 2rem);} #container .tb_row.t2 tbody tr th {display:block; height:auto; padding:0; border:0; background:var(--basic-color-w);} #container .tb_row.t2 tbody tr td {display:block; height:auto; margin-top:1rem; padding:0; border:0; background:var(--basic-color-w);} #container .tb_row.t2 tbody tr .juminwrap {display:flex;} #container .tb_row.t2 tbody tr .juminwrap input {width:calc(50% - 1.5rem);} #container .tb_row.t2 tbody tr .juminwrap .dash {flex-shrink:0; width:3rem; font-size:2.2rem; font-weight:500; line-height:5rem; color:var(--secondary-color-1); text-align:center;} #container .tb_row.t2 tbody tr .telwrap {display:flex;} #container .tb_row.t2 tbody tr .telwrap input, #container .tb_row.t2 tbody tr .telwrap select {width:calc(33.3333% - 2rem);} #container .tb_row.t2 tbody tr .telwrap .dash {flex-shrink:0; width:3rem; font-size:2.2rem; font-weight:500; line-height:5rem; color:var(--secondary-color-1); text-align:center;} #container .tb_row.t2 tbody tr .genderwrap {display:flex; justify-content:space-between; position:relative;} #container .tb_row.t2 tbody tr .genderwrap input {position:absolute; top:0; left:0; opacity:0; pointer-events:none;} #container .tb_row.t2 tbody tr .genderwrap input + label {display:block; width:calc(50% - 0.5rem); height:5rem; margin:0; padding:1.2rem 0; border:0.1rem solid var(--secondary-color-3); border-radius:1.6rem; background-color:var(--basic-color-w); font-size:1.8rem; font-weight:700; line-height:2.5rem; color:var(--secondary-color-3); text-align:center;} #container .tb_row.t2 tbody tr .genderwrap input:checked + label {padding:1.1rem 0; border:0.2rem solid var(--ibk-sky-blue); color:var(--ibk-sky-blue);} #container .tb_row.t2 tbody tr .genderwrap input + label:before {display:none;} #container .tb_row.t2 tbody tr .genderwrap input:focus-visible + label {outline:0.2rem dashed var(--ibk-blue);} #container .guide_box.t2 {padding:4.5rem 5rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:4rem; background:var(--basic-color-w);} #container .guide_box.t2:before {display:none;} #container .guide_box.t2 .guide_tit {position:unset; margin:0; padding:0; border:0;} #container .guide_box.t2 .guide_txt {display:block; width:100%; margin-top:1.5rem; padding-top:1.5rem; border-top:0.1rem solid rgba(13, 14, 15, 0.15);} #container .guide_box.t2 .guide_txt > li {padding:0; margin:0; background:none;} #container .guide_box.t2 .guide_txt > li:before {display:none;} #container .my_prod_list > li {margin:0; padding:3rem 3.5rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:4rem;} #container .my_prod_list > li + li {margin-top:1.5rem;} #container .my_prod_list > li .pro_tit {display:flex; align-items:center; gap:1rem; margin:0;} #container .my_prod_list > li .pro_tit i {height:2.4rem; padding:0 1rem; border-radius:2rem;} #container .my_prod_list > li .pro_tit i.t1 {background:var(--ibk-blue-dark-text-color);} #container .my_prod_list > li .pro_tit i.t2 {background:var(--ibk-green-dark-text-color);} #container .my_prod_list > li .pro_tit i.t3 {background:var(--ibk-sky-blue-dark-text-color);} #container .my_prod_list > li .pro_tit i.t4 {background:var(--ibk-red-dark-text-color);} #container .my_prod_list > li .pro_tit i.t5 {background:var(--ibk-red);} #container .my_prod_list > li .pro_tit i.t6 {background:var(--secondary-color-2);} #container .my_prod_list > li .pro_tit i.t7 {background:var(--secondary-color-6); color:var(--secondary-color-1) !important;} #container .my_prod_list > li .pro_tit strong {margin:0;} #container .my_prod_list > li .info {display:flex; position:relative; margin-top:1.5rem; padding-top:1.5rem; padding-left:0.9rem; border-top:0.1rem solid var(--secondary-color-6-line);} #container .my_prod_list > li .info:before {content:''; position:absolute; bottom:1.1rem; left:0; width:0.4rem; height:0.4rem; border-radius:5rem; background-color:var(--ibk-sky-blue);} #container .my_prod_list > li .info dt {position:relative; margin-right:0.5rem; padding-left:0.9rem;} #container .my_prod_list > li .info dt:before {content:''; position:absolute; bottom:1.1rem; left:0; width:0.4rem; height:0.4rem; border-radius:5rem; background-color:var(--ibk-sky-blue);} #container .my_prod_list > li .info dd {margin-right:3rem;} #container .my_prod_list > li .online {position:unset; width:100%; margin-top:2rem;} #container .my_prod_list > li .online .btn_area {overflow:visible; display:flex; margin:0; text-align:left;} #container .my_prod_list > li .online .btn_area a + a {margin-left:1rem;} #container .build_nodata {margin-top:6rem; padding:3rem 3.5rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:4rem;} /* 자주뭍는질문 */ #container .search_box.t2 {display:block; width:100%; float:none; padding:5.5rem; border-radius:4rem; background-color:var(--basic-color-w); box-shadow:0 2rem 6rem 0 rgba(13, 14, 15, 0.1);} #container .search_box.t2 form {display:flex; justify-content:center; align-items:center; gap:1.5rem;} #container .search_box.t2 form input {height:6rem;} #container .com_tab_ty02.qna_tab {display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:1rem; width:100%; height:auto; margin-top:6rem; margin-bottom:0;} #container .com_tab_ty02.qna_tab li {width:auto; border:0; border:0.1rem solid var(--secondary-color-3); border-radius:5rem;} #container .com_tab_ty02.qna_tab li:before {display:none;} #container .com_tab_ty02.qna_tab li a {padding:1rem 2rem; font-size:1.6rem; font-weight:700; line-height:2rem; letter-spacing:-0.032rem; color:var(--secondary-color-3);} #container .com_tab_ty02.qna_tab li:hover, #container .com_tab_ty02.qna_tab li.select {border:0.2rem solid var(--ibk-blue);} #container .com_tab_ty02.qna_tab li:hover a, #container .com_tab_ty02.qna_tab li.select a {padding:0.9rem 1.9rem; color:var(--ibk-blue); text-decoration:underline; text-underline-position:under;} #container .qna_list {border:0; border-bottom:0.1rem solid var(--secondary-color-6-line);} #container .qna_list dt {padding:2rem 3rem 2rem 6.3rem; border:0; border-top:0.1rem solid var(--secondary-color-6-line);} #container .qna_list dt span {top:2rem; left:3rem; width:auto; margin:0; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--ibk-sky-blue-dark-text-color);} #container .qna_list dt a {position:relative; padding-right:4.5rem; font-size:1.8rem; font-weight:500; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-1); background:none;} #container .qna_list dt a:before {content:''; position:absolute; top:0.3rem !important; left:unset !important; right:0.3rem !important; width:2.4rem; height:2.4rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:80% 0; mask-position:80% 0; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--secondary-color-1);} #container .qna_list dt.on {background-color:var(--secondary-color-6);} #container .qna_list dt.on a {font-weight:700;} #container .qna_list dt.on a:before {transform:rotate(180deg);} #container .qna_list dd {position:relative; padding:2rem 3rem 2rem 6.3rem; border:0; background-color:var(--secondary-color-6); font-size:1.8rem; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-1);} #container .qna_list dd:before {content:''; position:absolute; top:0; left:3rem; right:3rem; height:0.1rem; background-color:var(--secondary-color-6-line);} #container .qna_list dd span {top:2rem; left:3rem; width:auto; margin:0; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-1);} /* 이벤트 */ #container .tb_board {margin:0; margin-top:3rem;} #container .tb_board thead {border-top:0.2rem solid var(--ibk-blue);} #container .tb_board thead tr {border:0;} #container .tb_board thead tr th {padding:1.5rem 2rem; border:0; font-size:1.6rem; font-weight:600; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-1);} #container .tb_board tbody {border-top:0.1rem solid var(--secondary-color-6-line);} #container .tb_board tbody tr {border:0; border-bottom:0.1rem solid var(--secondary-color-6-line);} #container .tb_board tbody tr td {padding:1.6rem 2rem 1.7rem; border:0; font-size:1.4rem; font-weight:500; line-height:2.6rem; letter-spacing:-0.029rem; color:var(--secondary-color-3); text-align:center;} #container .tb_board tbody tr td.subject {color:var(--secondary-color-1); font-size:1.6rem; font-weight:500; text-align:left;} #container .tb_board tbody tr td.subject a {font-weight:500;} #container .tb_board tbody tr td.subject a:hover {font-weight:700; text-decoration:underline;} /* 이벤트 */ #container .board_view {margin:0; margin-top:6rem;} #container .board_view .tb_row {display:block; border-top:0.2rem solid var(--ibk-blue);} #container .board_view .tb_row colgroup {display:none;} #container .board_view .tb_row tbody {display:flex; flex-direction:column;} #container .board_view .tb_row tbody tr {display:block; overflow:hidden; width:100%; border-bottom:0.1rem solid var(--secondary-color-6-line);} #container .board_view .tb_row tbody tr th {display:block; float:left; width:16rem; height:7rem; padding:2.2rem 2rem; border:0; background-color:var(--secondary-color-6); font-size:1.6rem; font-weight:600; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-1);} #container .board_view .tb_row tbody tr td {display:block; float:left; height:7rem; padding:2.2rem 2rem; border:0; font-size:1.6rem; font-weight:400; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-1);} #container .board_view .tb_row tbody tr td:nth-child(2) {width:calc(67% - 16rem);} #container .board_view .tb_row tbody tr td:nth-child(4) {width:calc(33% - 16rem);} #container .board_view .tb_row tbody tr:nth-child(1) td:nth-child(2) {font-weight:600;} #container .board_view .view_cont {margin-bottom:3rem; padding:3rem 2rem 5rem;} #container .board_view .board_sibling {border:0;} #container .board_view .board_sibling colgroup {display:none;} #container .board_view .board_sibling tbody {display:flex; flex-direction:column; border-bottom:0.1rem solid var(--secondary-color-5);} #container .board_view .board_sibling tbody tr {display:flex; width:100%; border-top:0.1rem solid var(--secondary-color-5);} #container .board_view .board_sibling tbody tr th {display:block; position:relative; width:14rem; height:7rem; padding:2.2rem 2rem 2.2rem 6rem; border:0; font-size:1.6rem; font-weight:400; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-3); background:none;} #container .board_view .board_sibling tbody tr th:before {content:''; position:absolute; top:2.5rem; left:2.5rem; width:2rem; height:2rem; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--secondary-color-1);} #container .board_view .board_sibling tbody tr.prev th:before {-webkit-mask-position:0 2.5%; mask-position:0 2.5%;} #container .board_view .board_sibling tbody tr.next th:before {-webkit-mask-position:80% 0; mask-position:80% 0;} #container .board_view .board_sibling tbody tr td {display:block; width:calc(100% - 14rem); height:7rem; padding:2.2rem 2rem 2.2rem 0; border:0; font-size:1.6rem; font-weight:500; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-1);} #container .board_view .btn_area_box .btn {width:20rem; min-width:20rem;} #container .event_lst {display:flex; flex-direction:row; flex-wrap:wrap; gap:3rem;} #container .event_lst .noevent {display:flex; flex-direction:column; align-items:center;} #container .event_lst .noevent .imgwrap img {filter:drop-shadow(0 2rem 3rem rgba(13, 14, 15, 0.1));} #container .event_lst p {width:calc(33.3333% - 2rem); margin:0;} #container .event_lst p a {display:flex; justify-content:center; align-items:center; overflow:hidden; width:100%; border-radius:4rem; background-color:var(--secondary-color-6); aspect-ratio:1/1.184;} #container .event_lst p a img {width:100%;} /* 가입후기 */ #container .faq_list {display:flex; flex-direction:column; gap:1.5rem; margin-top:6rem;} #container .faq_list .faq .faq_list_area dl {padding:3rem 3.5rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:4rem;} #container .faq_list .faq .faq_list_area .question {display:flex; flex-direction:column; padding:0 !important; border:0 !important; background-color:var(--basic-color-w);} #container .faq_list .faq .faq_list_area .question .q_top {display:flex; align-items:center; overflow:hidden; position:relative; width:100%; padding:0 0.5rem;} #container .faq_list .faq .faq_list_area .question .q_top:before {content:''; position:absolute; top:0.1rem; right:0.5rem; width:2.8rem; height:2.8rem; border-radius:50%; background-color:var(--secondary-color-6);} #container .faq_list .faq .faq_list_area .question .q_top:after {content:''; position:absolute; top:0.7rem; right:1.1rem; width:1.6rem; height:1.6rem; background-image:url("/nresources/images/newbird/common/icons_stroke_s.svg"); background-size:1100% auto; background-position:80% 0;} #container .faq_list .faq .faq_list_area .question.show .q_top:after {background-position:0 2.5%;} #container .faq_list .faq .faq_list_area .question .q_top .star-rating {position:relative; height:2rem; margin:0.5rem 0; background:none;} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star_empty {position:absolute; top:0; width:2rem; height:2rem; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:10% 52.5%; mask-position:10% 52.5%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star_empty.t1 {left:0;} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star_empty.t2 {left:2.3rem} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star_empty.t3 {left:4.6rem;} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star_empty.t4 {left:6.9rem;} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star_empty.t5 {left:9.2rem;} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star {position:relative; height:2rem; margin:0; background:none;} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star .star_item {position:absolute; top:0; width:2rem; height:2rem; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:80% 50%; mask-position:80% 50%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star .t1 {left:0;} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star .t2 {left:2.3rem} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star .t3 {left:4.6rem;} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star .t4 {left:6.9rem;} #container .faq_list .faq .faq_list_area .question .q_top .star-rating .star .t5 {left:9.2rem;} #container .faq_list .faq .faq_list_area .question .q_top .text {padding:0.2rem 0;} #container .faq_list .faq .faq_list_area .question .q_top .sub_tit {padding:0.2rem 0; padding-right:3rem; text-align:left;} #container .faq_list .faq .faq_list_area .question .q_bottom {display:flex; align-items:center; overflow:hidden; margin-top:1.5rem; padding:0 0.5rem; padding-top:1.5rem; border-top:0.1rem solid var(--secondary-color-6-line);} #container .faq_list .faq .faq_list_area .question .q_bottom span {width:auto !important;} #container .faq_list .faq .faq_list_area .question .q_bottom span:nth-child(1) {font-size:1.4rem; font-weight:600; line-height:3rem; letter-spacing:-0.028rem; color:var(--secondary-color-1);} #container .faq_list .faq .faq_list_area .question .q_bottom span:nth-child(2) {margin-left:2rem;} #container .faq_list .faq .faq_list_area .question .q_bottom span:nth-child(2) a {width:auto !important; font-size:1.4rem; font-weight:400; line-height:3rem; letter-spacing:-0.028rem; color:var(--secondary-color-3) !important;} #container .faq_list .faq .faq_list_area .question .q_bottom span:nth-child(3) {height:1rem; margin-left:1.5rem; padding-left:1.5rem; border-left:0.1rem solid var(--secondary-color-3); font-size:1.4rem; font-weight:400; line-height:1rem; letter-spacing:-0.028rem; color:var(--secondary-color-3);} #container .faq_list .faq .faq_list_area .answer {display:flex; flex-direction:column; padding:0 !important; border:0 !important;} #container .faq_list .faq .faq_list_area .answer .detail {width:100% !important; margin-top:1.5rem;} #container .faq_list .faq .faq_list_area .answer .detail .review {width:100% !important; padding:2rem 2.5rem; border-radius:1.6rem; background-color:var(--secondary-color-6); font-size:1.6rem; font-weight:400; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-1);} #container .faq_list .faq .faq_list_area .answer .link-product {overflow:hidden; margin:0; margin-top:1.5rem; padding:0; border:0;} #container .faq_list .faq .faq_list_area .answer .link-product .btn_area_l {display:flex; justify-content:flex-end;} #container .faq_list .faq .faq_list_area .answer .link-product .btn_area_l a {min-width:8rem; margin-right:0; margin-left:1rem;} #container .guide_box_bg {display:flex; flex-wrap:wrap; margin:0; margin-top:1rem; padding:3rem 3.5rem; border-radius:4rem; background-color:var(--secondary-color-6);} #container .guide_box_bg p {width:100%; margin-bottom:0.5rem;} #container .guide_box_bg.col2_list .guide_txt {display:inline-block; width:calc(50% - 0.5rem); margin:0; padding-left:0;} #container .guide_box_bg.col2_list .guide_txt li {position:relative; padding-left:2.4rem; background:none; text-align:left;} #container .guide_box_bg.col2_list .guide_txt li:before {content:''; position:absolute; top:1rem; left:1rem; width:0.4rem; height:0.4rem; border-radius:50%; background-color:var(--secondary-color-1);} #container .guide_box_bg.col2_list .guide_txt + .guide_txt {margin-left:1rem;} /* 가입후기 - 글쓰기 */ #container .tb_row.t3 {display:block; box-sizing:border-box; width:100%; padding:5rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:4rem; background:var(--basic-color-w);} #container .tb_row.t3 colgroup {display:none;} #container .tb_row.t3 tbody {display:flex; flex-wrap:wrap; justify-content:space-between;} #container .tb_row.t3 tbody tr {display:block; width:100%;} #container .tb_row.t3 tbody tr + tr {margin-top:3rem; padding-top:3rem; border-top:0.1rem solid var(--secondary-color-6);} #container .tb_row.t3 tbody > .w50 {width:50%; margin-top:3rem; padding-top:3rem; padding-right:0.75rem; border-top:0.1rem solid var(--secondary-color-6);} #container .tb_row.t3 tbody > .w50:nth-child(even) {padding-right:0; padding-left:0.75rem;} #container .tb_row.t3 tbody tr:nth-child(1), #container .tb_row.t3 tbody tr.w50:nth-child(1) + .w50 {margin-top:0; padding-top:0; border:0;} #container .tb_row.t3 tbody tr th {display:block; height:auto; padding:0; border:0; background:var(--basic-color-w);} #container .tb_row.t3 tbody tr td {display:block; height:auto; margin-top:1rem; padding:0; border:0; background:var(--basic-color-w);} #container .captcha_wrap {display:flex; justify-content:space-between;} #container .captcha_wrap .captcha_no {display:flex; gap:0.5rem;} #container .captcha_wrap .captcha_no canvas {width:16rem; height:5rem; border-radius:1.6rem; border:0.1rem solid var(--secondary-color-4);} #container .captcha_wrap .captcha_no button i {width:5rem; height:5rem; border-radius:50%; background-color:var(--secondary-color-6);} #container .captcha_wrap .captcha_no button i:before {width:2.4rem; height:2.4rem; background-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-size:1100% auto; background-position:30% 22.5%;} #container .captcha_wrap .captcha_input {width:45.5rem;} #container .captcha_wrap .captcha_input input {width:100%;} /* 상품안내 */ #container .prod_visual {overflow:visible !important;} #container .prod_visual .img {position:relative; left:0; overflow:hidden; margin:0; border-radius:3rem;} #container .prod_visual .img img {width:100%;} #container .prod_visual .prod_info .prod_intxt {height:auto !important; padding:0;} /* 상품안내 - 계산기 */ #container #frmInsu.prod_calcwrap {position:fixed; left:50%; bottom:0; z-index:101; width:120rem; max-width:90%; height:auto; border-radius:4rem 4rem 0 0; border:0 !important; background-color:white; box-shadow:0 2rem 6rem 0 rgba(13, 14, 15, 0.1); transform:translate(-50%, 0);} #container #frmInsu.prod_calcwrap.step01 {padding:2.1rem 0 1.2rem;} #container #frmInsu.prod_calcwrap.step01.off {height:40px;} #container #frmInsu.prod_calcwrap.step01.off #cal_cont > div > .text {opacity:0;} #container #frmInsu.prod_calcwrap.step02 {padding:4.7rem 0 4.5rem; box-shadow:0 5rem 12rem 0 rgba(13, 14, 15, 0.2);} #container #frmInsu.prod_calcwrap.step02.off {height:19rem; padding:2.1rem 0 0;} #container #frmInsu.prod_calcwrap.step03 {padding:7rem 0 2rem; box-shadow:0 5rem 12rem 0 rgba(13, 14, 15, 0.2);} #container #frmInsu.prod_calcwrap.step03.off {height:19rem; padding:6rem 0 0;} #container #frmInsu.prod_calcwrap #cal_togglebtn {position:absolute; top:0; width:5rem; height:5rem; top:-1rem; left:50%; margin-left:-2.5rem; border-radius:50%; background-color:var(--basic-color-w);} #container #frmInsu.prod_calcwrap #cal_togglebtn:before {content:''; position:absolute; top:1rem; left:1rem; width:3rem; height:3rem; border-radius:50%; background-color:var(--secondary-color-6);} #container #frmInsu.prod_calcwrap #cal_togglebtn:after {content:''; position:absolute; top:1.7rem; left:1.7rem; width:1.6rem; height:1.6rem; background-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-size:1100% auto;} #container #frmInsu.prod_calcwrap.on #cal_togglebtn:after {background-position:80% 0;} #container #frmInsu.prod_calcwrap.off #cal_togglebtn:after {background-position:0 2.5%;} #container #frmInsu.prod_calcwrap.step02 #cal_togglebtn, #container #frmInsu.prod_calcwrap.step03 #cal_togglebtn {display:block; opacity:1; pointer-events:auto;} #container #frmInsu.prod_calcwrap .calculate {width:80rem; max-width:100%; margin:0 auto;} #container #frmInsu.prod_calcwrap.step03 .cal_cont {display:none; position:absolute; opacity:0; pointer-events:none;} #container #frmInsu.prod_calcwrap #cal_cont > div > .text {pointer-events:none;} #container #frmInsu.prod_calcwrap .cal_cont.pch_open_1 {overflow:visible;} #container #frmInsu.prod_calcwrap #pch_open_2 {display:none;} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dl.rd dd {display:flex; box-sizing:border-box; padding:0.5rem; border:0.1rem solid var(--secondary-color-4); border-radius:2rem; background-color:var(--basic-color-w);} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dl.rd dd label {display:flex; justify-content:center; align-items:center; width:5rem; height:5rem; padding:0; margin:0; border-radius:1.5rem; font-size:2rem; font-weight:500; line-height:3rem; letter-spacing:-0.04rem; color:var(--secondary-color-1);} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dl.rd dd input:focus + label, #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dl.rd dd input:focus + label:before {outline:0 !important; border:0 !important;} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dl.rd dd label:before {display:none;} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dl.rd dd input:checked + label {background-color:var(--ibk-sky-blue); color:var(--basic-color-w);} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dl.rd dd label:last-child {margin-left:-0.1rem;} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dl.rd dd label:last-child:before {content:''; display:block; position:absolute; top:1rem; left:0; width:0.1rem; height:3rem; background:none; background-color:var(--secondary-color-6);} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dl.rd dd input:checked + label:last-child:before {display:none;} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dl.rd dd input:focus-visible + label {outline:0.2rem dashed var(--ibk-blue) !important;} #container #frmInsu.prod_calcwrap .cal_cont .cal_contin {margin-top:1rem; padding:0;} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic p.btn {position:relative; top:unset; left:unset;} #container #frmInsu.prod_calcwrap.step02 .cal_cont .cal_basic p.btn, #container #frmInsu.prod_calcwrap.step03 .cal_cont .cal_basic p.btn {position:absolute; opacity:0; pointer-events:none;} #container #frmInsu.prod_calcwrap.step02 .cal_result {position:absolute; opacity:0; pointer-events:none;} #container #frmInsu.prod_calcwrap .cal_cont .cal_basic dt {width:auto; margin-bottom:0.5rem; line-height:3rem;} #container #frmInsu.prod_calcwrap .txt_birth {display:block; width:80rem; margin:1rem auto 0;} #container #frmInsu.prod_calcwrap .additional_opt {display:none; width:80rem; margin:1rem auto 0; margin-top:3rem; padding-top:3rem; border-top:0.1rem solid var(--secondary-color-6);} #container #frmInsu.prod_calcwrap.step02 .additional_opt {display:block; clear:both;} #container #frmInsu.prod_calcwrap .cal_result .res_wrap {margin-top:2.25rem; margin-bottom:0; padding-bottom:0; border-bottom:none;} #container #frmInsu.prod_calcwrap.off .cal_result .res_wrap {margin-top:10rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont {float:unset;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph {display:flex; box-sizing:border-box; float:unset; width:100%; gap:3rem; padding:3.7rem 2rem; border-radius:3rem; border:0.3rem solid var(--secondary-color-6); background-color:var(--basic-color-w);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_period {display:flex; flex-direction:column; justify-content:space-around; flex-shrink:0;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment {display:grid; grid-template-columns:21.9941% 32.258% 45.7478%; grid-template-rows:repeat(3, auto); width:100%;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_info {display:contents;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_info > div {padding-bottom:1.5rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_info .res_paying {position:relative;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_info .res_paying p {text-align:right; white-space:nowrap;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_info .res_paying i {display:block; position:absolute; left:0; right:0; bottom:0.9rem; width:auto; height:0.2rem; background-color:var(--secondary-color-6-line);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_info .res_paying i:before {content:''; display:block; position:absolute; top:-0.4rem; bottom:-0.4rem; left:0; width:0.2rem; height:auto; background-color:var(--secondary-color-6-line);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_info .res_paying i:after {content:''; display:block; position:absolute; top:-0.4rem; bottom:-0.4rem; right:0; width:0.2rem; height:auto; background-color:var(--secondary-color-6-line);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_info .res_refund p {text-align:center;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age {display:contents;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_paying {display:flex; flex-direction:row; justify-content:flex-end; box-sizing:border-box; padding:1.8rem 1.2rem; border-radius:1rem 0 0 1rem; background:var(--ibk-sky-blue);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_accrual {display:flex; flex-direction:column; justify-content:center; align-items:center; background:var(--secondary-color-6);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever {display:flex; flex-direction:row; align-items:stretch; justify-content:space-between; gap:0.2rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever p {display:flex; justify-content:center; align-items:center; flex-shrink:0; width:10.8rem; background: var(--ibk-red);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i {display:block; position:relative; width:calc(100% - 10.8rem); width:100%;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t1 {background:linear-gradient(90deg, #f15a21 0%, #f26631 100%);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t2 {background:linear-gradient(90deg, #f26733 0%, #f47342 100%);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t3 {background:linear-gradient(90deg, #f47545 0%, #f68155 100%);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t4 {background:linear-gradient(90deg, #f68256 0%, #f68d65 100%);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t5 {background:linear-gradient(90deg, #f78f67 0%, #f89a77 100%);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t6 {background:linear-gradient(90deg, #f89c78 0%, #faa889 100%);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t7 {background:linear-gradient(90deg, #faaa8b 0%, #fbb59a 100%);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t8 {background:linear-gradient(90deg, #fbb69c 0%, #fdc2ac 100%);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t9 {background:linear-gradient(90deg, #fdc4ae 0%, #fed1c0 100%);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_age .res_ever i.t9:before {content:''; position:absolute; top:0; right:0; width:0; border-left:1rem solid transparent; border-right:0 solid var(--basic-color-w); border-top:3rem solid var(--basic-color-w); border-bottom:3rem solid var(--basic-color-w);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_annuity {display:contents;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_annuity > div {position:relative; padding-top:1.5rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_annuity .res_pensioner p {text-align:left;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_annuity .res_pensioner i {display:block; position:absolute; left:0; right:1rem; top:0.9rem; width:auto; height:0.2rem; background-color:var(--secondary-color-6-line);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_graph .res_deferment .res_annuity .res_pensioner i:before {content:''; display:block; position:absolute; top:-0.4rem; bottom:-0.4rem; left:0; width:0.2rem; height:auto; background-color:var(--secondary-color-6-line);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst {display:flex; float:unset; width:100%; margin-top:2.25rem; flex-direction:row; justify-content:space-between;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl {padding:0;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl:nth-child(1) {max-width:23rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl:nth-child(2) {max-width:15rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl:nth-child(3) {max-width:17rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl:nth-child(4) {min-width:20rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl dt {position:relative; margin:0; margin-top:0.5rem; padding-left:2.4rem; font-size:1.8rem; text-align:left;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl dt:before {content:''; position:absolute; top:1rem; left:0; width:1.4rem; height:1.4rem; border-radius:50%;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl:nth-child(1) dt:before {background-color:var(--ibk-sky-blue);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl:nth-child(2) dt:before {background-color:var(--ibk-red);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl:nth-child(3) dt:before {background-color:var(--ibk-purple);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl dt:after {content:''; position:absolute; top:1.4rem; left:0.4rem; width:0.6rem; height:0.6rem; border-radius:50%; background-color:var(--basic-color-w);} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl dt + dd {margin-top:1rem; font-size:3rem; font-weight:400; line-height:5rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl dd strong {margin-right:0.5rem; font-size:4rem; font-weight:700; line-height:5rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl dd p {margin-top:1rem; text-align:left;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl .register_btn {margin-top:1rem;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl .recalculate_btn i {background-image:url("../images/common/icon_recalc.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transition:0.3s all;} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl .recalculate_btn:hover i {background-image:url("../images/common/icon_recalc_db.svg");} #container #frmInsu.prod_calcwrap .cal_result .res_cont .res_lst dl .register_btn i {background-image:url("../images/common/icon_register_w.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center; transition:0.3s all;} #container #frmInsu.prod_calcwrap .cal_result .btnwrap {display:flex; flex-direction:row; justify-content:space-between; width:100%; padding-top:2.25rem; margin-top:2.25rem; border-top:0.1rem solid var(--secondary-color-6);} #container #frmInsu.prod_calcwrap .cal_result .btnwrap .btn_right {display:flex; gap:1rem;} /* 상품안내 - 탭 */ #container .prod_info_tab .com_tab {display:flex; gap:1rem; position:sticky; top:17rem; z-index:100; width:fit-content; margin:0 auto; padding:1rem; border-radius:5rem; background-color:var(--basic-color-w); box-shadow:0 2rem 3rem 0 rgba(13, 14, 15, 0.1);} #container .prod_info_tab .com_tab li {display:block; width:auto; height:auto; padding:0; border:0; border-radius:2rem; background-color:var(--basic-color-w);} #container .prod_info_tab .com_tab li a {display:block; width:auto; height:auto; padding:0.5rem 1.8rem; border-radius:2rem; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-1);} #container .prod_info_tab .com_tab li.select {background-color:var(--secondary-color-1);} #container .prod_info_tab .com_tab li.select a {color:var(--basic-color-w);} #container .prod_info_tab .dtabprod {font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:1.6rem; font-weight:500; line-height:3rem; letter-spacing:-0.032rem; color:var(--secondary-color-1);} #container .prod_info_tab > .dtabprod {display:block !important; width:100%; margin-bottom:6rem; padding-top:12rem;} #container .prod_info_tab > .dtabprod:nth-of-type(1) {margin-top:0; padding-top:1rem;} /* 상품안내 - 상품특징 */ #container .prod_info_tab .dtabprod .ibk_prodcont {display:flex; flex-direction:column; width:80rem; margin:0 auto;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section {display:flex; gap:4rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section + .ip_section {margin-top:4rem; padding-top:4rem; border-top:0.1rem solid var(--secondary-color-6);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ips_txt {display:flex; flex-direction:column; justify-content:flex-start; width:100%; gap:1.5rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ips_txt p span {display:block; width:100%;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ips_txt strong span {display:block; width:100%;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ips_txt em span {display:block; width:100%;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ips_txt em .dot {position:relative; padding-left:1.4rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ips_txt em .dot i {position:absolute; top:0; left:0;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ips_img {display:flex; justify-content:center; align-items:center; width:100%; position:relative;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section.t1 {flex-direction:row; align-items:center; justify-content:space-between;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section.t1 .ips_txt {padding-left:0.5rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section.t1 .ips_img {aspect-ratio:1/1;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section.t2 {flex-direction:row-reverse; align-items:center; justify-content:space-between;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section.t2 .ips_txt {padding-left:4rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section.t2 .ips_img {aspect-ratio:1/1;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section.col {flex-direction:column; align-items:center;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section.col .ips_txt {padding:0 0.5rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section.col .ips_img {padding:0 0.5rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t3 ul {margin-top:0.1rem; transition:0.3s all; transition-delay:0.3s;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t3 ul li span {display:block;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t3.aos-animate > div:nth-child(1) ul {margin:0; border:0.3rem solid var(--ibk-sky-blue) !important;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 {width:33rem; height:25.4rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_graph {display:flex; align-items:flex-end; justify-content:flex-start;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_graph p {position:absolute; top:0; right:0.5rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_graph p span {display:block; width:100%; text-align:right;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_graph .ipsic_imgwrap {overflow:hidden; width:0; transition:0.8s all;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_graph.t2 .ipsic_imgwrap {transition-delay:0.5s;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5.aos-animate .ipsic_graph .ipsic_imgwrap {width:100%;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_graph .ipsic_imgwrap img:last-child {opacity:0; transition:0.3s all; transition-delay:1.1s;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5.aos-animate .ipsic_graph .ipsic_imgwrap img:last-child {opacity:1;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_chart {positiopn:absolute; top:0; left:0; width:100%; height:100%;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_chart:before {content:''; position:absolute; bottom:3.15rem; left:0; right:0; width:auto; height:0.1rem; background-color:var(--secondary-color-6-line);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_chart p.t1 {position:absolute; bottom:0; right:10rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_chart p.t1:before {content:''; position:absolute; top:-22.25rem; bottom:3.15rem; left:50%; border-right:0.1rem dashed var(--secondary-color-6-line); transform:translate(-50%, 0);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_chart p.t2 {position:absolute; bottom:0; right:0;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_chart p.t2:before {content:''; position:absolute; top:-22.25rem; bottom:3.15rem; left:50%; border-right:0.1rem dashed var(--secondary-color-6-line); transform:translate(-50%, 0);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_chart p i {display:block; position:absolute; top:-1.2rem; left:50%; width:1rem; height:1rem; border-radius:50%; transform:translate(-50%, 0);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_chart p i:before {content:''; display:block; position:absolute; top:0.3rem; left:0.3rem; width:0.4rem; height:0.4rem; border-radius:50%; background-color:var(--basic-color-w);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_chart p.t1 i{background-color:var(--ibk-red);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t5 .ipsic_chart p.t2 i{background-color:var(--ibk-sky-blue);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t7 > div {position:relative;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t7 > div:before {content:''; display:block; position:absolute; bottom:2.6rem; left:0; right:0; width:auto; height:0.1rem; background-color:var(--secondary-color-6-line);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t7 > div > div {justify-content:space-between; height:16.5rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t7 > div > div:last-child {height:18.8rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t7 .ipsic_imgwrap {overflow:hidden; position:absolute; bottom:2.6rem; width:7rem; height:0; transition:0.8s all;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t7 .ipsic_imgwrap img {position:absolute; bottom:0; left:0; width:7rem; height:11.3rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t7 > div > div:last-child .ipsic_imgwrap {transition-delay:0.5s;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t7 > div > div:last-child .ipsic_imgwrap img {height:13.6rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t7.aos-animate .ipsic_imgwrap {height:11.3rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t7.aos-animate > div > div:last-child .ipsic_imgwrap {height:13.6rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t8 {position:relative;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t8:before {content:''; display:block; position:absolute; bottom:8.3rem; left:0; right:0; width:auto; height:0.1rem; background-color:var(--secondary-color-6-line);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t8 > div {position:relative;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t8 > div:before {content:''; display:block; position:absolute; top:11rem; bottom:8.3rem; left:50%; border-left:0.1rem dashed var(--secondary-color-6-line);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t8 > div > p {position:relative;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t8 > div > p:before {content:''; position:absolute; bottom:7.8rem; left:50%; width:1rem; height:1rem; margin-left:-0.5rem; border-radius:50%; background-color:var(--ibk-blue);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t8 > div > p:after {content:''; position:absolute; bottom:8rem; left:50%; width:0.6rem; height:0.6rem; margin-left:-0.3rem; border-radius:50%; background-color:var(--basic-color-w);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t9 > div {position:relative;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t9 > div:before {content:''; position:absolute; bottom:3.1rem; left:0; right:0; z-index:-1; height:0.1rem; background:var(--secondary-color-6-line);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t9 > div:after {content:''; position:absolute; top:0; bottom:3.1rem; right:5rem; z-index:-1; border-left:0.1rem dashed var(--secondary-color-6-line);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t9 > div > p {position:relative;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t9 > div > p:before {content:''; position:absolute; top:-1.2rem; right:4.6rem; width:1rem; height:1rem; border-radius:50%; background:var(--ibk-sky-blue);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t9 > div > p:after {content:''; position:absolute; top:-0.9rem; right:4.9rem; width:0.4rem; height:0.4rem; border-radius:50%; background:var(--basic-color-w);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t9 > div > div:nth-child(1) > .ipsic_imgwrap {overflow:hidden; width:0; height:7rem; transition:0.8s all;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t9 > div > div:nth-child(2) > .ipsic_imgwrap {overflow:hidden; width:0; height:7rem; transition:0.8s all; transition-delay:0.5s;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t9.aos-animate > div > div:nth-child(1) > .ipsic_imgwrap {width:15.8rem; height:7rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t9.aos-animate > div > div:nth-child(2) > .ipsic_imgwrap {width:21.1rem; height:7rem;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t10 > div {position:relative;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t10 > div:before {content:''; position:absolute; top:1.3rem; bottom:4.5rem; left:1.2rem; border:0.1rem dashed var(--secondary-color-6-line);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t10 > div:after {content:''; position:absolute; top:1.3rem; bottom:4.5rem; right:3.1rem; border:0.1rem dashed var(--secondary-color-6-line);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t10 > div > div > p {position:relative;} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t10 > div > div > p:before {content:''; position:absolute; top:-1.2rem; left:50%; width:1rem; height:1rem; margin-left:-0.5rem; border-radius:50%; background:var(--ibk-sky-blue);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t10 > div > div > p:after {content:''; position:absolute; top:-0.9rem; left:50%; width:0.4rem; height:0.4rem; margin-left:-0.2rem; border-radius:50%; background:var(--basic-color-w);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t11 .ipsic_criteria:before {content:''; position:absolute; top:-13rem; bottom:100%; left:3.2rem; z-index:-1; border:0.1rem dashed var(--secondary-color-6-line);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t11 .ipsic_criteria:after {content:''; position:absolute; top:-13rem; bottom:100%; left:32rem; z-index:-1; border:0.1rem dashed var(--secondary-color-6-line);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t11 .ipsic_criteria p:before {content:''; position:absolute; position:absolute; top:-1.2rem; left:50%; z-index:1; width:1rem; height:1rem; margin-left:-0.5rem; border-radius:50%; background:var(--ibk-sky-blue);} #container .prod_info_tab .dtabprod .ibk_prodcont .ip_section .ipsi_cont.t11 .ipsic_criteria p:after {content:''; position:absolute; top:-0.9rem; left:50%; z-index:1; width:0.4rem; height:0.4rem; margin-left:-0.2rem; border-radius:50%; background:var(--basic-color-w);} /* 상품안내 - 가입후기 */ #container .prodreview {display:block; width:100%; margin-bottom:6rem; padding-top:12rem;} #container .prodreview .prodreview_top {display:flex; justify-content:space-between; align-items:center; position:relative; box-sizing:border-box; padding-left:2.4rem; text-align:left; word-break:keep-all;} #container .prodreview .prodreview_top button {display:flex; justify-content:center; align-items:center; width:3rem; height:3rem; border-radius:50%; background-color:var(--secondary-color-6);} #container .prodreview .prodreview_top button .icon {transform:rotate(45deg);} #container .prodreview .prodreview_top button:hover {background-color:var(--ibk-blue);} #container .prodreview .prodreview_top button:hover .icon {color:var(--basic-color-w) !important;} #container .prodreview .prodreview_top:before {content:''; position:absolute; top:1rem; left:0; width:1.4rem; height:1.4rem; border-radius:50%; background-color:var(--ibk-sky-blue);} #container .prodreview .prodreview_top:after {content:''; position:absolute; top:1.4rem; left:0.4rem; width:0.6rem; height:0.6rem; border-radius:50%; background-color:var(--basic-color-w);} #container .prodreview ul {display:flex; gap:2rem; width:100%; margin-top:2rem;} #container .prodreview ul li {width:100%; padding:3rem; border-radius:4rem; border:0.1rem solid var(--secondary-color-6-line); cursor:pointer;} #container .prodreview ul li a {display:block; width:100%;} #container .prodreview ul li .prodreview_info {display:flex; justify-content:space-between; align-items:center; width:100%;} #container .prodreview ul li .review-title {height:7rem;} #container .prodreview ul li .prodreview_title {display:block; width:100%; margin-top:1.5rem;} #container .prodreview ul li .prodreview_item {display:block; width:100%; margin-top:3rem;} #container .prodreview ul li .prodreview_star {display:block; width:100%; margin-top:0.5rem;} #container .prodreview ul li .prodreview_star > span {display:flex; justify-content:space-between; align-items:center;} #container .prodreview ul li .prodreview_star .star-rating {display:flex; position:relative; height:4.4rem; background:none;} #container .prodreview ul li .prodreview_star .star-rating .star_empty {position:absolute; top:0; width:4.4rem; height:4.4rem; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:10% 52.5%; mask-position:10% 52.5%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} #container .prodreview ul li .prodreview_star .star-rating .star_empty.t1 {left:0;} #container .prodreview ul li .prodreview_star .star-rating .star_empty.t2 {left:5.2rem} #container .prodreview ul li .prodreview_star .star-rating .star_empty.t3 {left:10.4rem;} #container .prodreview ul li .prodreview_star .star-rating .star_empty.t4 {left:15.6rem;} #container .prodreview ul li .prodreview_star .star-rating .star_empty.t5 {left:20.8rem;} #container .prodreview ul li .prodreview_star .star-rating .star {position:relative; height:4.4rem; margin:0; background:none;} #container .prodreview ul li .prodreview_star .star-rating .star .star_item {position:absolute; top:0; width:4.4rem; height:4.4rem; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:80% 50%; mask-position:80% 50%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} #container .prodreview ul li .prodreview_star .star-rating .star .t1 {left:0;} #container .prodreview ul li .prodreview_star .star-rating .star .t2 {left:5.2rem} #container .prodreview ul li .prodreview_star .star-rating .star .t3 {left:10.4rem;} #container .prodreview ul li .prodreview_star .star-rating .star .t4 {left:15.6rem;} #container .prodreview ul li .prodreview_star .star-rating .star .t5 {left:20.8rem;} /* 상품안내 - 자주묻는질문 */ #container .detail_qna_wrap {} #container .detail_qna_wrap .detail_qna_top {display:flex; justify-content:space-between; align-items:center; position:relative; box-sizing:border-box; padding-left:2.4rem; text-align:left; word-break:keep-all;} #container .detail_qna_wrap .detail_qna_top:before {content:''; position:absolute; top:1rem; left:0; width:1.4rem; height:1.4rem; border-radius:50%; background-color:var(--ibk-sky-blue);} #container .detail_qna_wrap .detail_qna_top:after {content:''; position:absolute; top:1.4rem; left:0.4rem; width:0.6rem; height:0.6rem; border-radius:50%; background-color:var(--basic-color-w);} #container .detail_qna_wrap .detail_qna_list {margin-top:2rem; border:0; border-bottom:0.1rem solid var(--secondary-color-6-line);} #container .detail_qna_wrap .detail_qna_list dt {padding:2rem 3rem 2rem 6.3rem; border:0; border-top:0.1rem solid var(--secondary-color-6-line);} #container .detail_qna_wrap .detail_qna_list dt span.q {position:absolute; top:2rem; left:3rem; width:auto; margin:0; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--ibk-sky-blue-dark-text-color);} #container .detail_qna_wrap .detail_qna_list dt a {position:relative; padding-right:4.5rem; font-size:1.8rem; font-weight:500; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-1); background:none;} #container .detail_qna_wrap .detail_qna_list dt a:before {content:''; position:absolute; top:0.3rem !important; left:unset !important; right:0.3rem !important; width:2.4rem; height:2.4rem; inset:0; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:80% 0; mask-position:80% 0; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--secondary-color-1);} #container .detail_qna_wrap .detail_qna_list dt.on {background-color:var(--secondary-color-6);} #container .detail_qna_wrap .detail_qna_list dt.on a {font-weight:700;} #container .detail_qna_wrap .detail_qna_list dt.on a:before {transform:rotate(180deg);} #container .detail_qna_wrap .detail_qna_list dd {position:relative; padding:2rem 3rem 2rem 6.3rem; border:0; background-color:var(--secondary-color-6); font-size:1.8rem; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-1);} #container .detail_qna_wrap .detail_qna_list dd:before {content:''; position:absolute; top:0; left:3rem; right:3rem; height:0.1rem; background-color:var(--secondary-color-6-line);} #container .detail_qna_wrap .detail_qna_list dd span.a {display:inline-block; position:absolute; top:2rem; left:3rem; width:auto; margin:0; font-size:1.8rem; font-weight:700; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-1);} #container .detail_qna_wrap .detail_qna_list dd .guide_box02 {border:0.1rem solid var(--secondary-color-6-line); border-radius:1.6rem; background-color:transparent;} /* 상품안내 - 하단 버튼 */ #container .btm_field {display:block; width:100%; padding:4rem 0; background-color:var(--secondary-color-6);} #container .bf_tab {display:flex; gap:2rem; margin:0 auto;} #container .bf_tab li {width:100%; height:16rem; border-radius:4rem; background-color:var(--basic-color-w);} #container .bf_tab li a, #container .bf_tab li button {display:block; width:100%; height:100%; padding:2.5rem; border-radius:4rem;} #container .bf_tab li strong {display:block; width:100%;} #container .bf_tab li strong span {display:block; text-align:left;} #container .bf_tab li .icon {float:right;} #container .bf_tab li .icon, #container .bf_tab li .icon:before, #container .bf_tab li .icon:after {width:5.2rem; height:5.2rem;} #container .bf_info {display:block; width:100%; max-width:120rem; margin:0 auto;} #container .bf_tab + .bf_info {margin-top:4rem; padding-top:1.5rem; border-top:0.1rem solid var(--secondary-color-5);} #container .btm_field .bf_info > p {display:block; width:100%; position:relative; margin-top:0.5rem; padding-left:2.4rem; font-size:1.6rem; font-weight:500; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-2);} #container .btm_field .bf_info > p:before {content:''; display:block; position:absolute; top:1rem; left:1rem; width:0.4rem; height:0.4rem; border-radius:50%; background-color:var(--secondary-color-2);} #container .btm_field .bf_info > p p, #container .btm_field .bf_info > p span, #container .btm_field .bf_info > p strong, #container .btm_field .bf_info > p b {font-size:1.6rem; font-weight:500; line-height:2.6rem; letter-spacing:-0.032rem; color:var(--secondary-color-2);} #container .btm_field .bf_info > p .charge_info {margin:0 !important; padding:0; border:0; text-align:left;} #container .btm_field .bf_info > p strong, #container .btm_field .bf_info > p b {font-weight:700; color:var(--ibk-blue);} /* 상품안내 - 팝업 */ #ly_bflayer03 .layer_body {font-size:1.6rem; font-weight:400; line-height:2.6rem; letter-spacing:-0.032rem; word-break:keep-all; color:var(--secondary-color-1);} #ly_bflayer03 .detail_qna_list_title {font-size:1.6rem; font-weight:700; line-height:2.6rem; letter-spacing:-0.032rem; word-break:keep-all;} #ly_bflayer03 .list_box01 {margin-top:1rem;} #ly_bflayer03 .list_box01 + .detail_qna_list_title {margin-top:2rem; padding-top:2rem; border-top:0.1rem solid var(--secondary-color-6);} #ly_bflayer03 .p_title {font-size:1.6rem; font-weight:500; line-height:2.6rem; letter-spacing:-0.032rem; word-break:keep-all;} #ly_bflayer03 .p_content, #ly_bflayer03 .p_sub_content {margin-top:0.5rem; font-size:1.4rem; font-weight:400; line-height:2.4rem; letter-spacing:-0.028rem; word-break:keep-all;} #ly_bflayer03 .red_span {color:var(--ibk-red);} #ly_bflayer03 .brick_span {color:var(--ibk-red);} #ly_bflayer03 .bold_span {font-weight:700;} #ly_reviewdetail .layer_body {display:flex; flex-direction:column;} #ly_reviewdetail .layer_body .lbr_info {display:flex; justify-content:space-between; align-items:center; margin-top:3rem;} #ly_reviewdetail .layer_body .lbr_contents {margin-top:2rem; padding-top:2rem; border-top:0.1rem solid var(--secondary-color-6);} #ly_reviewdetail .layer_body .lbr_contents .lbrc_wrap {margin-top:3rem; padding:2rem 2.5rem; border-radius:1.6rem; background-color:var(--secondary-color-6);} #ly_reviewdetail .layer_body .lbr_rating {margin-top:3rem;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star {display:block; width:100%; margin-top:0.5rem;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star > span {display:flex; justify-content:space-between; align-items:center;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating {display:flex; position:relative; height:4.4rem; background:none;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star_empty {position:absolute; top:0; width:4.4rem; height:4.4rem; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:10% 52.5%; mask-position:10% 52.5%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star_empty.t1 {left:0;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star_empty.t2 {left:5.2rem} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star_empty.t3 {left:10.4rem;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star_empty.t4 {left:15.6rem;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star_empty.t5 {left:20.8rem;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star {position:relative; height:4.4rem; margin:0; background:none;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star .star_item {position:absolute; top:0; width:4.4rem; height:4.4rem; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:80% 50%; mask-position:80% 50%; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--ibk-sky-blue);} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star .t1 {left:0;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star .t2 {left:5.2rem} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star .t3 {left:10.4rem;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star .t4 {left:15.6rem;} #ly_reviewdetail .layer_body .lbr_rating .lbrr_star .star-rating .star .t5 {left:20.8rem;} /* 이용가이드 */ #container .com_tab.t4 {display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:4rem; position:relative; width:100%; margin:0; margin-top:6rem;} #container .com_tab.t4:before {content:''; display:block; position:absolute; top:50%; left:0; right:0; width:100%; height:0.2rem; margin-top:-0.3rem; border-bottom:0.2rem dashed var(--secondary-color-6);} #container .com_tab.t4 li {position:relative; width:25%; height:auto; border:0.1rem solid var(--secondary-color-6-line); border-radius:5rem; background:var(--basic-color-w); box-shadow:0 2rem 6rem 0 rgba(13, 14, 15, 0.1);} #container .com_tab.t4 li:before {content:''; display:block; position:absolute; top:50%; left:-3rem; width:2rem; height:2rem; margin-top:-1rem; -webkit-mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); mask-image:url("/nresources/images/newbird/common/icons_stroke_l.svg"); background-image:none !important; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:100% 0; mask-position:100% 0; -webkit-mask-size:1100% auto; mask-size:1100% auto; background:var(--secondary-color-4);} #container .com_tab.t4 li:first-child:before {display:none;} #container .com_tab.t4 li:nth-child(1) {z-index:4;} #container .com_tab.t4 li:nth-child(2) {z-index:3;} #container .com_tab.t4 li:nth-child(3) {z-index:2;} #container .com_tab.t4 li:nth-child(4) {z-index:1;} #container .com_tab.t4 li a {display:flex; justify-content:center; align-items:center; width:100%; padding:2.5rem 0; border-radius:5rem; font-size:1.8rem; font-weight:400; line-height:3rem; letter-spacing:-0.036rem; color:var(--secondary-color-1);} #container .com_tab.t4 li.select {background:var(--ibk-sky-blue);} #container .com_tab.t4 li.select a {color:var(--basic-color-w); font-weight:700; text-decoration:underline; text-underline-position:under;} #container .com_tab.t4 ~ .tab_cont {margin-top:6rem;} #container .direct_step {border-radius:4rem; border:0.1rem solid var(--secondary-color-6-line);} #container .direct_step img {border-radius:4rem;} #container .direct_step .btn_prev, #container .direct_step .btn_next {display:flex; justify-content:center; align-items:center; top:50%; transform:translate(0, -50%); width:6rem; height:6rem; border-radius:50%; background:0; background-color:var(--secondary-light-blue); font-size:0;} #container .direct_step .btn_prev {left:-3rem;} #container .direct_step .btn_next {right:-3rem;} /* 가입 후 이용안내 */ #container .com_tab.t3 {display:flex; flex-wrap:wrap; box-sizing:border-box; width:100%; margin:0; margin-top:6rem; padding:0.4rem; border:0.1rem solid var(--secondary-color-6); border-radius:2rem; background-color:var(--basic-color-w);} #container .com_tab.t3 li {width:25%; height:auto; position:relative; border:0.1rem solid transparent !important; border-radius:1.6rem; background-color:var(--basic-color-w);} #container .com_tab.t3 li:before {content:''; position:absolute; display:none; top:1rem; bottom:1rem; left:0; width:0.1rem; height:auto; background-color:var(--secondary-color-6);} #container .com_tab.t3 li:nth-child(n+5):after {content:''; position:absolute; display:block; left:1rem; right:1rem; top:-0.1rem; width:auto; height:0.1rem; background-color:var(--secondary-color-6);} #container .com_tab.t3 li.select + li + li + li + li:after {display:none;} #container .com_tab.t3 li + li:before {display:block;} #container .com_tab.t3 li a {position:relative; z-index:1; padding:1.2rem 0; border-radius:1.6rem; font-size:1.8rem; font-weight:500; line-height:2.4rem; color:var(--secondary-color-1);} #container .com_tab.t3 li:nth-child(n+5) a {top:0.1rem;} #container .com_tab.t3 li:nth-child(4n + 1):before {display:none;} #container .com_tab.t3 li.select {border:0.1rem solid var(--ibk-sky-blue) !important; background-color:var(--ibk-sky-blue);} #container .com_tab.t3 li.select:before, #container .com_tab.t3 li.select + li:before {display:none;} #container .com_tab.t3 li.select a {color:var(--basic-color-w); font-weight:700; text-decoration:underline; text-underline-position:under;} #container .joinafter .guide_box02 {margin:0;} #container .joinafter .list_ty02 > li {margin:0; padding-left:2.4rem; text-align:left; color:var(--secondary-color-1);} #container .joinafter .list_ty02 > li:before {content:''; display:block; position:absolute; top:1.1rem; left:1rem; width:0.4rem; height:0.4rem; border-radius:1rem; background:var(--secondary-color-1);} #container .joinafter .list_ty02 > li > ul {} #container .joinafter .list_ty02 > li > ul > li {margin:0; padding-left:2.4rem; text-align:left; color:var(--secondary-color-1);} #container .joinafter .list_ty02 > li > ul > li:before {content:'-'; position:absolute; top:0; left:1rem; width:auto; height:auto; background:none;} @media (max-width:1280px) { /* contents */ #contents {padding-top:0 !important; margin-top:7rem;} #contents .c_wrap {padding-top:19rem;} #contents .c_more {width:6.5rem; height:6.5rem;} #contents .c_more:before {left:-5.5rem; width:5.5rem; height:5.5rem; box-shadow:3rem 3rem 0 0 var(--basic-color-w);} #contents .c_more:after {top:-5.5rem; width:5.5rem; height:5.5rem; box-shadow:3rem 3rem 0 0 var(--basic-color-w);} #contents .c_more.bgcs6:before {box-shadow:3rem 3rem 0 0 var(--secondary-color-6);} #contents .c_more.bgcs6:after {box-shadow:3rem 3rem 0 0 var(--secondary-color-6);} #contents .c_more > i {width:5rem; height:5rem;} #contents .c_box {border-radius:3rem;} #contents .c_box.t1 {padding:4rem} #contents .c_box.t1.mb-50 {margin-bottom:3.5rem !important;} #contents .c_list .cl_box > strong {padding:1.5rem 0.8rem; font-size:2rem; line-height:3.2rem;} #contents .c_list ul, #contents .c_list ol {border-radius:3rem;} #contents .c_list li {padding:1.2rem 2rem; border-radius:5rem;} #contents .c_list li span {font-size:1.6rem; line-height:3rem;} #contents .c_article + .c_article {margin-top:4rem;} #contents .c_article * + .c_notice {margin-top:4rem;} #contents .c_menu > li > button {font-size:1.5rem;} /* main */ #contents.c_main .cm_wrap {padding-bottom:3rem;} #contents.c_main .cm_area, #contents.c_main .cm_area.t1 {padding:3rem 0;} #contents.c_main .cm_area .cm_title {margin-bottom:2rem;} #contents.c_main .cm_hero {z-index:0; padding-right:0;} #contents.c_main .cm_hero .cmh_slide {height:36rem;} #contents.c_main .cm_hero .cmh_slide .slick-slide {height:36rem;} #contents.c_main .cm_hero .cmh_slide p {top:4rem;} #contents.c_main .cm_hero .cmh_nav {bottom:4rem;} #contents.c_main .cm_calculator {padding:3rem 4rem;} #contents.c_main .cm_calculator .cmc_item.t1 {width:30%;} #contents.c_main .cm_calculator .cmc_item.t2 {width:42%;} #contents.c_main .cm_calculator .cmc_item.t3 {width:28%;} #contents.c_main .cm_calculator .cmc_item.t4 {width:22%;} #contents.c_main .cm_calculator .cmc_item.t5 {width:15%;} #contents.c_main .cm_calculator .cmc_item.t6 {width:15%;} #contents.c_main .cm_calculator .cmc_item.t7 {width:20%;} #contents.c_main .cm_calculator .cmc_item.t8 {width:28%;} #contents.c_main .cm_calculator .cmc_item .inputwrap .age {width:8rem;} #contents.c_main .cm_info ul {width:calc(100% + 2rem); margin-left:-1rem;} #contents.c_main .cm_info ul li {padding:0 1rem;} #contents.c_main .cm_info ul li .cmi_box {height:26rem; padding:2.5rem 3rem; border-radius:3rem;} #contents.c_main .cm_info ul li .cmi_box:before {right:1.5rem; bottom:1.5rem; width:10rem; height:10rem;} #contents.c_main .cm_info ul li .cmi_box p span {display:inline; float:none; width:auto;} #contents.c_main .cm_info .slick-dots {margin-top:1.5rem;} #contents.c_main .cm_review ul li .cmi_box {height:26rem; padding:2.5rem 3rem; border-radius:3rem 3rem 0;} #contents.c_main .cm_review ul li .cmi_box:before {bottom:2rem; width:10rem; height:10rem; margin-left:-5rem;} }