/* 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:-8rem; bottom:0; width:8rem; height:8rem; overflow:hidden; border-radius:50%; box-shadow:4rem 4rem 0 0 var(--basic-color-w);} #contents .c_more:after {content:""; position:absolute; right:0; top:-8rem; width:8rem; height:8rem; overflow:hidden; border-radius:50%; box-shadow:4rem 4rem 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%;} #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_left {display:inline-block; float:left; box-sizing:border-box; width:66.667%; padding-right:1rem;} #contents.c_main .cm_right {display:inline-block; float:left; box-sizing:border-box; width:33.3334%; padding-left:2rem;} #contents.c_main .cm_hero {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:50rem;} #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_border {position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; pointer-events:none;} #contents.c_main .cm_hero .cmh_border i {content:""; position:absolute; width:8rem; height:8rem; overflow:hidden; border-radius:50%;} #contents.c_main .cm_hero .cmh_border i:nth-child(1) {left:0; top:0; box-shadow:-4rem -4rem 0 0 var(--basic-color-w);} #contents.c_main .cm_hero .cmh_border i:nth-child(2) {right:0; top:0; box-shadow:4rem -4rem 0 0 var(--basic-color-w);} #contents.c_main .cm_hero .cmh_border i:nth-child(3) {right:0; bottom:0; box-shadow:4rem 4rem 0 0 var(--basic-color-w);} #contents.c_main .cm_hero .cmh_slide .slick-slide {position:relative; height:50rem; 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; overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0;} #contents.c_main .cm_hero .cmh_slide .cmhs_wrap:focus-visible {outline:0.2rem dashed var(--ibk-sky-blue) !important;} #contents.c_main .cm_hero .cmh_slide .cmhs_bg {display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0;} #contents.c_main .cm_hero .cmh_slide mark {overflow:hidden; display:-webkit-box; position:absolute; left:4rem; top:4rem; max-width:47%; height:3rem; border-radius:1.5rem; padding:0 2rem; font-family:"OpenSans","Pretendard"; font-size:1.6rem; font-weight:600; color:var(--basic-color-w); line-height:3rem; letter-spacing:-0.05rem; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-all;} #contents.c_main .cm_hero .cmh_slide p {position:absolute; left:4rem; right:34rem; top:10rem; font-size:3rem; font-weight:400; color:var(--basic-color-w); line-height:4rem; letter-spacing:-0.1rem; text-align:left;} #contents.c_main .cm_hero .cmh_slide p strong {overflow:hidden; display:-webkit-box; float:left; box-sizing:border-box; width:100%; font-weight:700; width:100%; height:4rem; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;} #contents.c_main .cm_hero .cmh_slide p span {overflow:hidden; display:-webkit-box; float:left; box-sizing:border-box; width:100%; width:100%; height:8rem; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;} #contents.c_main .cm_hero .cmh_slide b {overflow:hidden; display:-webkit-box; position:absolute; left:4rem; bottom:11rem; max-width:40%; height:5rem; padding:0rem 2.5rem; padding-right:4rem; border-radius:3rem; background-color:var(--basic-color-w); font-size:2rem; font-weight:600; line-height:5rem; letter-spacing:-0.08rem; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-all;} #contents.c_main .cm_hero .cmh_slide b i {position:absolute; right:2.5rem; top:47%; width:1.2rem; height:1.2rem; margin-top:-0.6rem;} #contents.c_main .cm_hero .cmh_slide b i:before {content:""; position:absolute; top:30%; width:0.9rem; height:0.15rem; border-radius:0.75rem; background-color:currentColor; transform:rotate(45deg);} #contents.c_main .cm_hero .cmh_slide b i:after {content:""; position:absolute; top:77%; width:0.9rem; height:0.15rem; border-radius:0.75rem; background-color:currentColor; transform:rotate(135deg);} #contents.c_main .cm_hero .cmh_nav {position:absolute; left:0; bottom:0; z-index:1; width:41rem; height:7rem; background-color:var(--basic-color-w); border-radius:0 3.5rem 0 0;} #contents.c_main .cm_hero .cmh_nav:before {content:""; display:block; position:absolute; right:-4rem; bottom:-0.2rem; width:10rem; height:7.2rem; overflow:hidden; background:url("../images/main/deco_banner.svg") center center no-repeat; background-size:100%;} #contents.c_main .cm_hero .cmh_nav:after {content:""; position:absolute; left:0; top:-8rem; width:8rem; height:8rem; overflow:hidden; border-radius:50%; box-shadow:-4rem 4rem 0 0 var(--basic-color-w);} #contents.c_main .cm_hero .cmh_nav .cmhn_pagination {position:absolute; left:1rem; bottom:1.5rem; z-index:1; width:auto; text-align:left; font-size:1.6rem; font-weight:300; font-family:"iDreamWeb"; color:var(--secondary-color-1); line-height:3rem; letter-spacing:-0.064rem;} #contents.c_main .cm_hero .cmh_nav .cmhn_pagination .current {font-weight:600;} #contents.c_main .cm_hero .cmh_nav .cmhn_bar {display:inline-block; overflow:hidden; position:absolute; left:8rem; bottom:2.8rem; width:12rem; height:0.4rem; border-radius:0.2rem; background-color:var(--secondary-color-5);} #contents.c_main .cm_hero .cmh_nav .cmhn_bar .cmhnb_progress {display:inline-block; position:absolute; left:0; top:0; bottom:0; width:0; background-color:var(--secondary-color-1);} #contents.c_main .cm_hero .cmh_nav .cmhn_control {position:absolute; right:2rem; bottom:1rem;} #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%; box-shadow:0rem 0.5rem 1rem 0rem rgba(13, 14, 15, 0.08); 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:1rem;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li button {position:absolute; left:0; right:0; top:0; bottom:0; width:100%;} #contents.c_main .cm_hero .cmh_nav .cmhn_control li button.control i {transform:scale(1.5);} #contents.c_main .cm_hero .cmh_nav .cmhn_deco {position:absolute; left:-0.2rem; bottom:-0.2rem; width:calc(100% + 0.2rem); height:calc(100% + 0.2rem); background:#fff; border-radius:0 3.5rem 0 0;} #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:49.36%; aspect-ratio:1/1;} #contents.c_main .cm_nav {position:relative; z-index:1;} #contents.c_main .cm_nav ul {display:inline-block; float:left; width:calc(100% + 1rem); margin-left:-0.5rem;} #contents.c_main .cm_nav ul li {display:inline-block; float:left; position:relative; z-index:0; box-sizing:border-box; width:50%; padding:0.5rem;} #contents.c_main .cm_nav ul li:hover {z-index:1;} #contents.c_main .cm_nav ul li:nth-child(1), #contents.c_main .cm_nav ul li:nth-child(2) {padding-top:0;} #contents.c_main .cm_nav ul li:nth-last-child(1), #contents.c_main .cm_nav ul li:nth-last-child(2) {padding-bottom:0;} #contents.c_main .cm_nav ul li a {display:inline-block; float:left; position:relative; box-sizing:border-box; width:100%; height:16rem; border-radius:4rem; background-color:var(--secondary-color-6); text-align:left;} #contents.c_main .cm_nav ul li:nth-child(1) a {background-color:var(--ibk-purple);} #contents.c_main .cm_nav ul li:nth-child(2) a {background-color:var(--ibk-gray-blue);} #contents.c_main .cm_nav ul li a > 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_main .cm_nav ul li a > 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_main .cm_nav ul li a:hover > strong, #contents.c_main .cm_nav ul li a:hover > span {text-decoration:underline dotted; -webkit-text-decoration:underline dotted; text-decoration-color:rgba(255, 255, 255, 0.4); text-decoration-thickness:0.15rem; text-underline-offset:0.4rem;} #contents.c_main .cm_nav ul li:nth-child(3) a:hover > strong, #contents.c_main .cm_nav ul li:nth-child(3) a:hover > span {text-decoration-color:rgba(205, 55, 0, 0.40);} #contents.c_main .cm_nav ul li:nth-child(4) a:hover > strong, #contents.c_main .cm_nav ul li:nth-child(4) a:hover > span {text-decoration-color:rgba(1, 123, 130, 0.40);} #contents.c_main .cm_nav ul li:nth-child(5) a:hover > strong, #contents.c_main .cm_nav ul li:nth-child(5) a:hover > span {text-decoration-color:rgba(0, 85, 162, 0.40);} #contents.c_main .cm_nav ul li:nth-child(6) a:hover > strong, #contents.c_main .cm_nav ul li:nth-child(6) a:hover > span {text-decoration-color:rgba(78, 149, 178, 0.40);} #contents.c_main .cm_nav ul li a .cmn_icon {position:absolute; right:2.5rem; bottom:2.5rem; width:5.2rem; height:5.2rem; background-size:100% auto; background-repeat:no-repeat; filter:drop-shadow(0.5rem 0.5rem 1rem rgba(13, 14, 15, 0.2));} #contents.c_main .cm_nav ul li.t3 a .cmn_icon {filter:drop-shadow(0.5rem 0.5rem 1rem rgba(241, 90, 33, 0.2));} #contents.c_main .cm_nav ul li.t4 a .cmn_icon {filter:drop-shadow(0.5rem 0.5rem 1rem rgba(1, 123, 130, 0.2));} #contents.c_main .cm_nav ul li.t5 a .cmn_icon {filter:drop-shadow(0.5rem 0.5rem 1rem rgba(0, 85, 162, 0.2));} #contents.c_main .cm_nav ul li.t6 a .cmn_icon {filter:drop-shadow(0.5rem 0.5rem 1rem rgba(0, 117, 163, 0.2));} #contents.c_main .cm_nav ul li a .cmn_icon i {position:absolute; left:0; right:0; top:0; bottom:0; background-size:100% auto; background-repeat:no-repeat;} #contents.c_main .cm_nav ul li.t1 a .cmn_icon {background-image:url("../images/main/icon_coin.svg");} #contents.c_main .cm_nav ul li.t1 a .cmn_icon i:nth-child(1) {background-image:url("../images/main/icon_coin01.svg"); animation:main_ani1_ver2 6s ease-in-out infinite; animation-delay:0.8s;} #contents.c_main .cm_nav ul li.t1 a .cmn_icon i:nth-child(2) {background-image:url("../images/main/icon_coin02.svg"); animation:main_ani1_ver2 6s ease-in-out infinite; animation-delay:0.6s;} #contents.c_main .cm_nav ul li.t1 a .cmn_icon i:nth-child(3) {background-image:url("../images/main/icon_coin03.svg"); animation:main_ani1_ver2 6s ease-in-out infinite; animation-delay:0.4s;} #contents.c_main .cm_nav ul li.t1 a .cmn_icon i:nth-child(4) {background-image:url("../images/main/icon_coin04.svg"); animation:main_ani1_ver2 6s ease-in-out infinite; animation-delay:0.2s;} #contents.c_main .cm_nav ul li.t2 a .cmn_icon {background-image:url("../images/main/icon_money_t1.svg");} #contents.c_main .cm_nav ul li.t2 a .cmn_icon i:nth-child(1) {background-image:url("../images/main/icon_money_t101.svg"); animation:main_ani2 6s ease-in-out infinite; animation-delay:1s;} #contents.c_main .cm_nav ul li.t3 a .cmn_icon {background-image:url("../images/main/icon_plus.svg");} #contents.c_main .cm_nav ul li.t3 a .cmn_icon i:nth-child(1) {left:29%; top:30%; right:auto; width:1.6rem; height:1.6rem; background-image:url("../images/main/icon_plus02.svg"); animation:main_ani3 6s ease-in-out infinite; animation-delay:2s;} #contents.c_main .cm_nav ul li.t4 a .cmn_icon {background-image:url("../images/main/icon_building_t1.svg");} #contents.c_main .cm_nav ul li.t4 a .cmn_icon i:nth-child(1) {background-image:url("../images/main/icon_building_t101.svg"); animation:main_ani1 6s ease-in-out infinite; animation-delay:2s;} #contents.c_main .cm_nav ul li.t4 a .cmn_icon i:nth-child(2) {background-image:url("../images/main/icon_building_t103.svg"); animation:main_ani1 6s ease-in-out infinite; animation-delay:2.2s;} #contents.c_main .cm_nav ul li.t4 a .cmn_icon i:nth-child(3) {background-image:url("../images/main/icon_building_t102.svg"); animation:main_ani1 6s ease-in-out infinite; animation-delay:2.4s;} #contents.c_main .cm_nav ul li.t4 a .cmn_icon i:nth-child(4) {background-image:url("../images/main/icon_building_t104.svg"); animation:main_ani1 6s ease-in-out infinite; animation-delay:2.6s;} #contents.c_main .cm_nav ul li.t5 a .cmn_icon {background-image:url("../images/main/icon_pc_t1.svg");} #contents.c_main .cm_nav ul li.t5 a .cmn_icon i:nth-child(1) {background-image:url("../images/main/icon_pc_t101.svg"); animation:main_ani4 6s ease-in-out infinite; animation-delay:6s;} #contents.c_main .cm_nav ul li.t6 a .cmn_icon {background-image:url("../images/main/icon_phone_t1.svg");} #contents.c_main .cm_nav ul li.t6 a .cmn_icon i:nth-child(1) {right:auto; width:100%; background-image:url("../images/main/icon_phone_t101.svg"); background-size:auto 100%; animation:nav_ani6 6s ease-in-out infinite; animation-delay:5.2s;} #contents.c_main .cm_nav ul li.t6 a .cmn_icon i:nth-child(2) {background-image:url("../images/main/icon_phone_t102.svg"); animation:main_ani1 6s ease-in-out infinite; animation-delay:5.2s;} #contents.c_main .cm_nav ul li .cmn_explanation {position:absolute; right:2.5rem; top:2rem; width:2rem; height:2rem; border-radius:50%; background-color:var(--basic-color-w); text-align:center;} #contents.c_main .cm_nav ul li:nth-child(n + 3) .cmn_explanation {top:2.5rem;} #contents.c_main .cm_nav ul li .cmn_explanation:before {content:""; position:absolute; left:-0.5rem; right:-0.5rem; top:-0.5rem; bottom:-0.5rem;} #contents.c_main .cm_nav ul li .cmn_explanation i {display:inline-block; font-size:1.4rem; font-weight:500; color:var(--secondary-color-2); line-height:2rem; letter-spacing:-0.056rem;} #contents.c_main .cm_nav ul li .cmn_explanation > p {display:none; position:absolute; left:-1rem; top:3rem; padding:1rem 1.5rem; padding-right:3rem; border-radius:0.5rem; background-color:rgba(13, 14, 15, 0.85);} #contents.c_main .cm_nav ul li .cmn_explanation:hover > p {display:inline-block;} #contents.c_main .cm_nav ul li a:focus-visible + .cmn_explanation > p {display:inline-block;} #contents.c_main .cm_nav ul li .cmn_explanation > p:before {content:""; position:absolute; left:1.5rem; top:-0.5rem; width:0; height:0; border-style:solid; border-width:0 0.5rem 0.5rem 0.5rem; border-color:transparent transparent var(--secondary-color-1) transparent; opacity:0.85;} #contents.c_main .cm_nav ul li .cmn_explanation > p > span {display:inline-block; float:left; width:100%; font-size:1.5rem; font-weight:500; color:var(--basic-color-w); line-height:2.5rem; letter-spacing:-0.024rem; white-space:nowrap; text-align:left;} #contents.c_main .cm_nav ul li .cmn_explanation > p > span > strong {color:#5dd1d8;} @keyframes main_ani1 { 0% {opacity:0;} 10% {opacity:0;} 12% {opacity:1;} 90% {opacity:1;} 92% {opacity:0;} 100% {opacity:0;} } @keyframes main_ani1_ver2 { 0% {opacity:0.7;} 10% {opacity:0.7;} 12% {opacity:1;} 90% {opacity:1;} 92% {opacity:0.7;} 100% {opacity:0.7;} } @keyframes main_ani2 {0% {margin-top:0;} 5% {margin-top:-7%;} 10% {margin-top:0;} 15% {margin-top:-7%;} 20%,100% {margin-top:0} } @keyframes main_ani3 {0% {transform:rotate(0);} 10% {transform:rotate(0);} 20% {transform:rotate(360deg);} 100% {transform:rotate(360deg);} } @keyframes main_ani4 {0%{opacity:1;} 10%{opacity:0.2} 20%,100%{opacity:1;}} #contents.c_main .cm_info {display:inline-block; float:left; width:100%;} #contents.c_main .cm_info ul {display:inline-block; float:left; width:calc(100% + 3rem); margin-left:-1.5rem;} #contents.c_main .cm_info ul li {display:inline-block; float:left; box-sizing:border-box; width:33.333%; padding:0 1.5rem;} #contents.c_main .cm_info ul li:nth-last-child(1) {margin-top:1rem;} #contents.c_main .cm_info ul li .cmi_box {display:flex; overflow:hidden; flex-direction:column; float:left; position:relative; box-sizing:border-box; width:100%; height:33rem; padding:3rem 3.5rem; border-radius:4rem 4rem 0; background-color:var(--secondary-light-green); text-align:left;} #contents.c_main .cm_info ul li:nth-child(1) .cmi_box {background-color:var(--secondary-light-blue);} #contents.c_main .cm_info ul li:nth-child(2) .cmi_box {background-color:var(--secondary-light-yellow);} #contents.c_main .cm_info ul li:nth-last-child(1) .cmi_box, #contents.c_main .cm_info ul li:nth-last-child(2) .cmi_box {height:16rem;} #contents.c_main .cm_info ul li .cmi_box:before {content:""; position:absolute; left:3rem; bottom:3rem; width:12rem; height:12rem; background-image:url("../images/main/icon_supoort.png"); 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_main .cm_info ul li:nth-last-child(1) .cmi_box:before, #contents.c_main .cm_info ul li:nth-last-child(2) .cmi_box:before {display:none;} #contents.c_main .cm_info ul li:nth-child(2) .cmi_box:before {background-position:center -12rem;} @keyframes bounceY { 0% { transform:translateY(-5%); } 50% { transform:translateY(5%);} 100% {transform:translateY(-5%);} } @keyframes bouncesmallY { 0% { transform:translateY(-3%); } 50% { transform:translateY(3%);} 100% {transform:translateY(-3%);} } #contents.c_main .cm_info ul li .cmi_box strong {display:inline-block; float:left; width:100%; font-size:2.5rem; font-weight:700; color:var(--ibk-blue); line-height:3.5rem; letter-spacing:-0.1rem;} #contents.c_main .cm_info 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_info ul li .cmi_box 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_main .cm_info ul li .cmi_box p span {display:inline-block; float:left; width:100%;} #contents.c_main .cm_board {display:inline-block; float:left; width:100%;} #contents.c_main .cm_board + .cm_board {margin-top:6rem;} #contents.c_main .cm_board .cmb_title {display:inline-block; float:left; width:100%; margin-bottom:3rem;} #contents.c_main .cm_board .cmb_title .title {display:inline-block; float:left;} #contents.c_main .cm_board .cmb_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_board .cmb_title a:hover {background-color:var(--secondary-color-1); border-color:var(--secondary-color-1); color:var(--basic-color-w);} #contents.c_main .cm_board .cmb_list {display:inline-block; float:left; width:100%;} #contents.c_main .cm_board .cmb_list ul {display:flex; flex-wrap:wrap; float:left; width:calc(100% + 3rem); margin-left:-1.5rem;} #contents.c_main .cm_board .cmb_list ul li {display:flex; box-sizing:border-box; width:50%; padding:0 1.5rem;} #contents.c_main .cm_board .cmb_list ul li:nth-child(n + 3) {margin-top:3rem;} #contents.c_main .cm_board .cmb_list ul li > a {display:inline-block; overflow:hidden; float:left; box-sizing:border-box; width:100%; border-radius:4rem; box-shadow:0rem 1rem 3rem rgba(13, 14, 15, 0.08);} #contents.c_main .cm_board .cmb_list ul li > a .cmbl_box {display:inline-block; float:left; position:relative; box-sizing:border-box; width:100%; padding:2.5rem; background-color:var(--basic-color-w);} #contents.c_main .cm_board .cmb_list ul li > a mark {display:inline-block; float:left; padding:0.5rem 1.5rem; box-sizing:border-box; height:3rem; background-color:var(--secondary-color-1); border-radius:1.5rem; font-family:"OpenSans"; font-size:1.4rem; font-weight:500; color:var(--basic-color-w); line-height:2.05rem; letter-spacing:-0.056rem;} #contents.c_main .cm_board .cmb_list ul li > a strong {display:-webkit-box; float:left; overflow:hidden; width:100%; height:3rem; margin:1.5rem 0; font-size:1.8rem; font-weight:500; color:var(--secondary-color-1); line-height:3rem; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; text-align:left; letter-spacing:-0.072rem;} #contents.c_main .cm_board .cmb_list ul li > a: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.4rem;} #contents.c_main .cm_board .cmb_list ul li > a time {display:-webkit-box; float:left; width:100%; height:2rem; font-size:1.4rem; font-weight:400; color:var(--secondary-color-3); line-height:2rem; letter-spacing:-0.056rem; text-align:left;} #contents.c_main .cm_board .cmb_list ul li > a time i {position:relative; top:0.3rem; margin-right:0.5rem;} #contents.c_main .cm_board .cmb_list ul li > a .cmbl_more {position:absolute; right:2.5rem; top:2.5rem; width:3rem; height:3rem; border-radius:50%; background-color:var(--secondary-color-6); transform:rotate(45deg);} #contents.c_main .cm_board .cmb_list ul li > a .cmbl_more i {position:relative; top:0.7rem;} #contents.c_main .cm_board .cmb_list ul li > a:hover .cmbl_more {background-color:var(--ibk-blue);} #contents.c_main .cm_board .cmb_list ul li > a:hover .cmbl_more i {background-image:url("../images/common/icon_line_w.svg");} #contents.c_main .cm_board .cmb_list ul li > a .cmlbl_pic {display:inline-block; float:left; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; aspect-ratio:3/2;} #contents.c_main .cm_board .cmb_list ul li > a .cmlbl_pic img {display:none;} #contents.c_main .cm_board .cmb_list ul li > .cmbl_empty {display:flex; gap:1rem; justify-content:center; flex-direction:column; overflow:hidden; box-sizing:border-box; width:100%; border-radius:4rem; border:var(--secondary-color-6-line) solid 0.1rem;} #contents.c_main .cm_board .cmb_list ul li > .cmbl_empty > i {display:inline-block; width:18rem; height:18rem; margin:0 auto; background-image:url("../images/common/icon_noitem.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center; opacity:0.6;} #contents.c_main .cm_board .cmb_list ul li > .cmbl_empty > span {font-size:1.8rem; font-weight:400; color:var(--secondary-color-4); font-weight:400; line-height:3.2rem; letter-spacing:-0.052rem;} #contents.c_main .cm_board .cmb_list ul li > .cmbl_empty > span > strong {font-weight:700} #contents.c_main .cm_inquiry {display:inline-block; float:left; width:100%;} #contents.c_main .cm_inquiry ul {display:inline-block; float:left; width:calc(100% + 3rem); margin-left:-1.5rem;} #contents.c_main .cm_inquiry ul li {display:inline-block; float:left; box-sizing:border-box; width:33.333%; padding:0 1.5rem; } #contents.c_main .cm_inquiry ul li .cmi_box {display:flex; flex-direction:column; overflow:hidden; float:left; position:relative; box-sizing:border-box; width:100%; height:30rem; padding:3.5rem; border-radius:4rem 4rem 0; background-color:var(--secondary-color-6); text-align:left;} #contents.c_main .cm_inquiry ul li .cmi_box:before {content:""; position:absolute; left:3rem; bottom:3rem; width:12rem; height:12rem; background-image:url("../images/main/icon_supoort.png"); 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_main .cm_inquiry ul li:nth-child(1) .cmi_box:before {background-position:center -24rem;} #contents.c_main .cm_inquiry ul li:nth-child(2) .cmi_box:before {background-position:center -36rem;} #contents.c_main .cm_inquiry ul li:nth-child(3) .cmi_box:before {background-position:center -48rem;} @keyframes bounceY { 0% { transform:translateY(-5%); } 50% { transform:translateY(5%);} 100% {transform:translateY(-5%);} } #contents.c_main .cm_inquiry ul li .cmi_box strong {display:inline-block; float:left; width:100%; font-size:2.5rem; font-weight:700; color:var(--ibk-blue); line-height:3.5rem; letter-spacing:-0.1rem;} #contents.c_main .cm_inquiry 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_inquiry ul li .cmi_box 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_main .cm_inquiry ul li .cmi_box p span {display:inline-block; float:left; width:100%;} /* submain */ #contents .c_wrap.c_submain {padding-bottom:0} #contents .c_submain .c_title {padding:2rem 0;} #contents .c_submain .c_title > p {display:block; margin-top:2rem; line-height:5rem;} #contents .c_submain .c_title > p span {display:block; font-weight:700} #contents .c_submain .c_title > p mark {text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:none; text-decoration-color:rgba(0, 85, 162, 0.25); text-decoration-thickness:1.2rem; text-underline-offset:-0.7rem; text-underline-position:from-font;} #contents .c_submain .c_title .ct_deco {display:block; width:20rem; height:20rem; margin:0 auto; margin-bottom:2rem; background-repeat:no-repeat; background-size:100% auto; background-position:center 0; animation:bounceY 3s infinite;} #contents .c_submain.c_product .c_title .ct_deco {background-image:url("../images/product/icon_pocket.png")} #contents .c_submain.c_retireann .c_title .ct_deco {width:40rem; height:20rem; background-image:url("../images/retireann/icon_people.png")} #contents .c_submain.c_about .c_title .ct_deco {background-image:url("../images/about/icon_bank.png")} #contents .c_submain.c_contact .c_title .ct_deco {background-image:url("../images/contact/icon_dictionary.png")} #contents .c_submain.c_pbano .c_title .ct_deco {background-image:url("../images/pbano/icon_art.png")} #contents .c_submain .cs_direct > ul {display:flex; gap:2rem;} #contents .c_submain .cs_direct + .cs_direct::before {content:""; display:block; width:100%; height:0.1rem; margin:5rem 0; background:var(--secondary-color-6-line)} #contents .c_submain .cs_direct > ul.csd4 {flex-wrap:wrap;} #contents .c_submain .bgcslg + ul .title.dot::before {border-color:var(--ibk-green-txt)} #contents .c_submain .cs_direct > ul.csd3 > li {width:100%; border-radius:4rem; background:var(--secondary-color-6);} #contents .c_submain .cs_direct > ul.csd2 > li {width:calc((100% - 2rem) / 2);} #contents .c_submain .cs_direct > ul.csd4 > li {width:calc((100% - 2rem) / 2);} #contents .c_submain .cs_direct > ul > li {position:relative; box-sizing:border-box; border-radius:4rem; background:var(--secondary-color-6);} #contents .c_submain .cs_direct > ul > li.csd_important {border:0.5rem solid var(--ibk-blue);} #contents .c_submain.c_product .cs_direct > ul > li:hover {background:var(--secondary-light-blue);} #contents .c_submain .cs_direct > ul > li::after {content:""; display:block; width:100%; padding-bottom:40.67%; pointer-events:unset} #contents .c_submain .cs_direct > ul.csd3 > li::after {padding-bottom:62%;} #contents .c_submain .cs_direct > ul.csd4 > li::after {padding-bottom:40.67%;} #contents .c_submain .cs_direct > ul > li > div {display:flex; flex-direction:column; justify-content:space-between; position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%; padding:3rem 3.5rem;} #contents .c_submain .cs_direct > ul > li > div > i {display:block; width:8rem; height:8rem; position:absolute; bottom:3rem; right:3rem; background-size:100% auto; background-repeat:no-repeat; filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 85, 162, 0.20));} #contents .c_submain.c_product .cs_direct > ul > li > div > i {background-image:url(../images/product/icon_direct.svg);} #contents .c_submain .cs_direct > ul > li:nth-child(1) > div > i {background-position:center 0;} #contents .c_submain .cs_direct > ul > li:nth-child(2) > div > i {background-position:center -8rem;} #contents .c_submain .cs_direct > ul > li:nth-child(3) > div > i {background-position:center -16rem;} #contents .c_submain .cs_direct > ul > li:nth-child(4) > div > i {background-position:center -24rem;} #contents .c_submain .title.dot + span {display:block; margin-top:0.5rem; font-weight:500; text-align:left; letter-spacing:-0.072rem;} #contents .c_submain .title.dot {font-size:2.5rem; line-height:3rem;} #contents .c_submain .csd3 .title.dot {letter-spacing:-0.05rem;} #contents .c_submain .csd4 .title.dot {letter-spacing:-0.1rem;} #contents .c_submain .cs_faq .title.dot {position:relative;} #contents .c_submain .cs_faq .title.dot mark {margin-right:0;} #contents .c_submain .cs_direct .csd_btn a, #contents .c_submain .cs_direct .csd_btn button {display:flex; align-items:center; padding:0 1.2rem 0 1.5rem; border-radius:3rem; background:var(--basic-color-w); color:var(--ibk-blue); font-weight:600; letter-spacing:-0.064rem;} #contents .c_submain .cs_direct .csd_btn a.t1 {background:var(--ibk-blue); color:var(--basic-color-w)} #contents .c_submain .cs_direct .csd_btn a.t2 {color:var(--ibk-green-txt)} #contents .c_submain .cs_direct .csd_btn a:hover, #contents .c_submain .cs_direct .csd_btn button:hover {background:var(--ibk-blue); color:var(--basic-color-w)} #contents .c_submain .cs_direct .csd_btn a.t1:hover {background:var(--ibk-sky-blue);} #contents .c_submain .cs_direct .csd_btn a.t2:hover {background:var(--ibk-green-txt);} #contents .c_submain .cs_direct .csd_btn a:hover i, #contents .c_submain .cs_direct .csd_btn button:hover i {right:-0.3rem; background-image:url("../images/common/icon_line_w.svg")} #contents .c_submain .cs_direct .csd_btn a + a {margin-top:0.5rem;} #contents .c_submain .cs_direct .csd_btn a i, #contents .c_submain .cs_direct .csd_btn button i {position:relative; right:0; margin-left:0.5rem; background-position:60% -14.4rem; transition:0.2s;} #contents .c_submain .cs_direct .csd_btn {display:flex; flex-direction:column; align-items:flex-start;} #contents .c_submain .cs_direct .csd_btn.cm a:hover {background:var(--ibk-sky-blue)} #contents .c_submain .cs_direct .csd_title {display:flex; align-items:center; justify-content:space-between; margin-bottom:2rem; padding:3.5rem; border-radius:4rem;} #contents .c_submain .cs_direct .csd_title h4 {letter-spacing:-0.12rem;} #contents .c_submain .cs_direct .csd_title ul {display:flex; align-items:center;} #contents .c_submain .cs_direct .csd_title ul li {display:flex; align-items:center} #contents .c_submain .cs_direct .csd_title ul li + li::before {content:""; display:block; width:0.4rem; height:0.4rem; margin:0 1rem; border-radius:100%; background:var(--ibk-blue)} #contents .c_submain .cs_direct .csd_title ul li.csgt + li::before {background:var(--ibk-green-txt)} #contents .c_submain .cs_direct .csd_title.bgcslb + ul a:first-child:hover {background:var(--ibk-sky-blue)} #contents .c_submain .cs_faq > div {margin-top:5rem; padding-top:5rem; border-top:0.1rem solid var(--secondary-color-6-line)} #contents .c_submain .cs_faq .csf_list {margin-top:2rem;} #contents .c_submain .cs_faq .csf_list li {padding:0 3rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:1.5rem; box-sizing:border-box; text-align:left;} #contents .c_submain .cs_faq .csf_list li > div {display:flex;} #contents .c_submain .cs_faq .csf_list .csfl_a {display:none; padding-top:2rem; padding-bottom:1.9rem; border-top:0.1rem solid var(--secondary-color-6-line)} #contents .c_submain .cs_faq .csf_list .csfl_q {display:flex; position:relative; width:100%; padding:1.9rem 0; font-size:1.8rem; line-height:3.2rem; letter-spacing:-0.036rem; text-align:left;} #contents .c_submain .cs_faq .csf_list .csfl_q mark {padding-left:0.35rem; margin-right:1.85rem; color:var(--ibk-sky-blue-txt); font-weight:700; line-height:3.2rem} #contents .c_submain .cs_faq .csf_list .csfl_q span {margin-right:4.5rem; text-align:left} #contents .c_submain .cs_faq .csf_list .csfl_a mark {padding-left:0.35rem; margin-right:1.85rem; font-weight:700; font-size:1.8rem; line-height:3.2rem; letter-spacing:-0.036rem;} #contents .c_submain .cs_faq .csf_list .csfl_a p {font-weight:400; line-height:3rem} #contents .c_submain .cs_faq .csf_list li:hover .csfl_q span {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.5rem;} #contents .c_submain .cs_faq .csf_list li button > i {position:absolute; right:0; top:2.4rem; pointer-events:none; transition:0.2s;} #contents .c_submain .cs_faq .csf_list li + li {margin-top:1rem;} #contents .c_submain .cs_faq .csf_list li.on {background:var(--secondary-color-6); border-color:var(--secondary-color-3)} #contents .c_submain .cs_faq .csf_list li.on span {font-weight:600} #contents .c_submain .cs_faq .csf_list li.on button > i {transform:rotate(-180deg);} #contents .c_submain .cs_faq .csf_list li .csfl_a > div {display:flex} #contents .c_submain .cs_faq .csf_list li button > span.blind:after {content:"열기"} #contents .c_submain .cs_faq .csf_list li.on button > span.blind:after {content:"닫기"} #contents .c_submain .cs_faq .title.dot a {display:flex; align-items:center; justify-content:center; position:absolute; right:0; top:0; width:3rem; height:3rem; border-radius:100%; background:var(--secondary-color-6); transform:rotate(45deg);} #contents .c_submain .cs_faq .title.dot a:hover {background:var(--ibk-blue)} #contents .c_submain .cs_faq .title.dot a:hover i {background-image:url("../images/common/icon_line_w.svg")} #contents .c_submain .cs_faq .csf_tab {display:flex; align-items:center; gap:0.5rem; margin-top:2.5rem} #contents .c_submain .cs_faq .csf_tab .csft_tab {padding:0.5rem 1.5rem; border-radius:3rem; background:var(--secondary-color-6); font-size:1.6rem; font-weight:600; line-height:3rem; letter-spacing:-0.064rem} #contents .c_submain .cs_faq .csf_tab .csft_tab.on, #contents .c_submain .cs_faq .csf_tab .csft_tab:hover {background:var(--ibk-sky-blue); color:var(--basic-color-w)} #contents .c_submain .c_nav li:nth-child(1) .cn_icon {background-position:center 0;} #contents .c_submain .c_nav li:nth-child(1) .cn_icon {background-position:center 0;} #contents .c_submain .c_nav li:nth-child(2) .cn_icon {background-position:center -5.2rem;} #contents .c_submain .c_nav li:nth-child(3) .cn_icon {background-position:center -10.4rem;} #contents .c_submain .c_nav li:nth-child(4) .cn_icon {background-position:center -15.6rem;} #contents .c_submain.c_product .c_nav {margin-top:4.8rem} #contents .c_submain.c_product .c_nav .cn_icon {background-image:url(../images/product/icon_nav.svg);} #contents .c_submain.c_product .c_nav li:nth-child(1) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 85, 162, 0.20));} #contents .c_submain.c_product .c_nav li:nth-child(2) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(241, 90, 33, 0.20));} #contents .c_submain.c_product .c_nav li:nth-child(3) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 153, 218, 0.20));} #contents .c_submain.c_retireann .cs_direct > ul li > div > i {background-image:url(../images/retireann/icon_direct.svg); filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 85, 162, 0.20));} #contents .c_submain.c_retireann .cs_direct .bgcslg + ul li > div > i {background-image:url(../images/retireann/icon_direct_t1.svg); filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(1, 123, 130, 0.20));} #contents .c_submain.c_retireann .cs_direct > ul li:nth-child(1) > div > i {background-position:center 0;} #contents .c_submain.c_retireann .cs_direct > ul li:nth-child(2) > div > i {background-position:center -8rem;} #contents .c_submain.c_retireann .cs_direct > ul li:nth-child(3) > div > i {background-position:center -16rem;} #contents .c_submain.c_retireann .c_nav .cn_icon {background-image:url(../images/retireann/icon_nav.svg);} #contents .c_submain.c_retireann .c_nav li:nth-child(1) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 85, 162, 0.20));} #contents .c_submain.c_retireann .c_nav li:nth-child(2) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(1, 123, 130, 0.20));} #contents .c_submain.c_retireann .c_nav li:nth-child(3) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(67, 103, 147, 0.20));} #contents .c_submain.c_retireann .c_nav li:nth-child(4) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 153, 218, 0.20));} #contents .c_submain.c_pbano .c_nav .cn_icon {background-image:url(../images/pbano/icon_nav.svg);} #contents .c_submain.c_pbano .c_nav li:nth-child(1) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(67, 103, 147, 0.20));} #contents .c_submain.c_pbano .c_nav li:nth-child(2) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(241, 90, 33, 0.20));} #contents .c_submain.c_pbano .c_nav li:nth-child(3) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 153, 218, 0.20));} #contents .c_submain .cs_menu .csm_list {margin-top:5rem; border-bottom:0.1rem solid var(--secondary-color-6-line)} #contents .c_submain .cs_menu .csm_list > li {display:flex; align-items:center; padding:4rem 3.5rem; border-top:0.1rem solid var(--secondary-color-6-line)} #contents .c_submain .cs_menu .csm_list > li.t2 {align-items:flex-start;} #contents .c_submain .cs_menu .csm_list > li .title.dot {width:32rem; min-width:32rem; flex-shrink:0; margin-right:6rem;} #contents .c_submain .cs_menu .csm_list > li .title.dot a {display:flex; align-items:center;} #contents .c_submain .cs_menu .csm_list > li .title.dot a:hover {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_submain .cs_menu .csm_list > li .title.dot a:hover > i {background:var(--ibk-blue)} #contents .c_submain .cs_menu .csm_list > li .title.dot a:hover > i i {background-image:url(../images/common/icon_line_w.svg);} #contents .c_submain .cs_menu .csm_list > li > div {display:flex; align-items:flex-start; justify-content:space-between; width:100%;} #contents .c_submain .cs_menu .csm_list .csml_info 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.5rem;} #contents .c_submain .cs_menu .csm_list .csml_info .big {font-family:"OpenSans"; font-weight:500} #contents .c_submain .cs_menu .title.dot a > i {display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; margin-left:1rem; border-radius:100%; background:var(--secondary-color-6); transform:rotate(45deg);} #contents .c_submain .cs_menu .csm_list > li.t2 ul {width:100%; text-align:left} #contents .c_submain .cs_menu .csm_list > li.t2 li {display:flex; align-items:center; justify-content:space-between} #contents .c_submain .cs_menu .csm_list > li.t2 li 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.5rem;} #contents .c_submain .cs_menu .csm_list > li.t2 li + li {margin-top:2rem; padding-top:2rem; border-top:0.1rem solid var(--secondary-color-6)} #contents .c_submain .cs_menu .csm_list > li.t2 li a {overflow:hidden; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; text-align:left} #contents .c_submain .cs_menu .csm_list > li.t2 li time {flex-shrink:0; padding-left:1.5rem;} #contents .c_submain .cs_menu .csm_list .csml_info > div {display:flex; align-items:center;} #contents .c_submain .cs_menu .csm_list .csml_info > div + div {margin-top:1rem} #contents .c_submain .cs_menu .csm_list .csml_info > div > .t1 {display:flex; flex-direction:column;} #contents .c_submain .cs_menu .csm_list .csml_info > div > .t1 > div {display:flex; align-items:center} #contents .c_submain .cs_menu .csm_list .csml_info > div > div {display:flex; align-items:center; position:relative;} #contents .c_submain .cs_menu .csm_logo {display:flex; align-items:center; gap:2rem; margin-top:5rem;} #contents .c_submain .cs_menu .csm_logo li { width:100%;} #contents .c_submain .cs_menu .csm_logo li a {overflow:hidden; display:block; position:relative; box-sizing:border-box; width:100%; height:100%;border:0.1rem solid var(--secondary-color-6-line); border-radius:0.5rem;} #contents .c_submain .cs_menu .csm_logo li a::after {content:""; display:block; padding-bottom:25.48%;} #contents .c_submain .cs_menu .csm_logo li img {position:absolute; top:50%; left:50%; width:100%; height:100%; object-fit:cover; transform:translate(-50%, -50%); transition:0.2s} #contents .c_submain .cs_menu .csm_logo li a:hover img {transform:translate(-50%, -50%) scale(1.1)} #contents .c_submain .cs_faq .title.dot a:hover > i {background-image:url("../images/common/icon_line_w.svg")} #contents .c_submain .cs_faq .title.dot a:hover i i {background-image:url("../images/common/icon_line_w.svg")} #contents .c_submain .c_title .ct_deco.bank {background-image:url("../images/about/icon_bank.png")} #contents .c_submain.c_about .cs_direct > ul li > div > i {background-image:url(../images/about/icon_direct.svg)} #contents .c_submain.c_about .c_nav .cn_icon {background-image:url(../images/about/icon_nav.svg);} #contents .c_submain.c_about .c_nav li:nth-child(1) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 85, 162, 0.20));} #contents .c_submain.c_about .c_nav li:nth-child(2) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(1, 123, 130, 0.20));} #contents .c_submain.c_about .c_nav li:nth-child(3) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(67, 103, 147, 0.20));} #contents .c_submain.c_about .c_nav li:nth-child(4) .cn_icon {filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 153, 218, 0.20));} #contents .c_submain.c_contact .cs_faq > div {margin-top:0; margin-bottom:5rem; padding-top:0; padding-bottom:5rem; border-top:none; border-bottom:0.1rem solid var(--secondary-color-6-line)} #contents .c_submain.c_contact .cs_faq form .csf_search {display:flex; align-items:center; justify-content:center; padding:3.5rem 0; margin-bottom:5rem; border-radius:4rem; background:var(--secondary-color-6)} #contents .c_submain.c_contact .cs_faq form .csf_search > div {display:flex; align-items:center; box-sizing:border-box; width:100%; max-width:56rem; margin:0 2rem; padding:0.9rem 0.9rem 0.9rem 2rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:3rem; background:var(--basic-color-w)} #contents .c_submain.c_contact .cs_faq form .csf_search > div input {width:100%; margin-right:1rem; font-size:1.8rem; font-weight:500; line-height:3rem; letter-spacing:-0.072rem;} #contents .c_submain.c_contact .cs_faq form .csf_search > div input::placeholder {color:var(--secondary-color-1)} #contents .c_submain.c_contact .cs_faq form .csf_search > div button {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:3rem; height:3rem;} #contents .c_submain.c_contact .cs_faq .csf_list {margin-top:2.5rem;} #contents .c_submain.c_contact .cs_direct > ul li > div > i {background-image:url(../images/contact/icon_direct.svg)} #contents .c_submain.c_contact .cs_direct > ul > li::after {padding-bottom:47.5%} #contents .c_submain.c_contact .cs_direct > ul > li ul + p {margin-top:1rem;} #contents .c_submain.c_contact .cs_direct > ul > li li {display:flex; align-items:center} #contents .c_submain.c_contact .cs_direct > ul > li li + li {margin-top:1rem;} #contents .c_submain.c_contact .cs_direct > ul > li li mark {margin-right:2.5rem;} #contents .c_submain.c_contact .cs_direct > ul > li li a {font-family:"OpenSans"; font-size:2.2rem; font-weight:500; letter-spacing:-0.044rem; line-height:3rem;} #contents .c_submain.c_contact .cs_direct > ul > li li a:not(:last-child) {margin-right:2.5rem;} #contents .c_submain.c_contact .cs_direct > ul > li li i {margin-right:0.5rem;} #contents .c_submain.c_contact .cs_direct > ul > li li 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_submain.c_contact .c_nav li .cn_icon {background-image:url("../images/contact/icon_nav.svg"); background-size:100% auto; filter:drop-shadow(0.5rem 0.5rem 1rem rgba(0, 85, 162, 0.20));} #contents .c_submain.c_contact .c_nav li:nth-child(2) .cn_icon {background-position:center -5.2rem; filter:drop-shadow(0.5rem 0.5rem 1rem rgba(241, 90, 33, 0.20));} #contents .c_submain.c_contact .c_nav li:nth-child(3) .cn_icon {background-position:center -10.4rem; filter:drop-shadow(0.5rem 0.5rem 1rem rgba(99, 65, 207, 0.20));} #contents .c_submain.c_contact .c_nav li:nth-child(4) .cn_icon {background-position:center -15.6rem; filter:drop-shadow(0.5rem 0.5rem 1rem rgba(0, 117, 163, 0.20));} #contents .c_submain.c_pbano .cs_direct > ul.csd4 > li::after {padding-bottom:47.45%} #contents .c_submain.c_pbano .cs_direct > ul li > div > i {background-image:url(../images/pbano/icon_direct.svg); filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 85, 162, 0.20));} #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(1) > div > i {background-position:center 0;} #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(2) > div > i {background-position:center -8rem;} #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(3) > div > i {background-position:center -16rem;} #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(4) > div > i {background-position:center -24rem;} #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(5) > div > i {background-position:center -32rem;} #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(6) > div > i {background-position:center -40rem;} /* channel */ #contents .c_channel .c_box {display:flex; flex-direction:column; justify-content:space-between; height:100%; padding:5rem 3.5rem; background-color:var(--secondary-color-6); text-align:center;} #contents .c_channel .c_box:hover {background-color:var(--secondary-light-blue);} #contents .c_channel .c_box:hover .cc_keyword li {background:#BFE1FA; color:var(--ibk-blue)} #contents .c_channel .c_box .cc_keyword {display:flex; justify-content:center; flex-wrap:wrap; gap:0.5rem; margin-top:2rem; margin-bottom:3.2rem;} #contents .c_channel .c_box .cc_keyword li {flex-shrink:0; padding:0 0.8rem; border-radius:2.5rem; background:var(--secondary-color-6-line); font-size:1.4rem; line-height:2.8rem; font-weight:600; color:var(--secondary-color-2); letter-spacing:-0.056rem} #contents .c_channel .cc_list {display:inline-block; width:100%; font-size:0; line-height:0;} #contents .c_channel .cc_list li {display:inline-block; width:8rem;} #contents .c_channel .cc_list li + li {margin-left:3rem;} #contents .c_channel .cc_list li .ccl_box {display:inline-block; float:left; width:100%;} #contents .c_channel .cc_list li .ccl_box .ccl_icon {display:inline-block; box-sizing:border-box; width:100%; height:8rem; padding:2.4rem; border-radius:2.5rem; background-color:var(--basic-color-w);} #contents .c_channel .cc_list li .ccl_box:hover .ccl_icon {background-color:var(--ibk-blue);} #contents .c_channel .cc_list li .ccl_box:hover .ccl_icon i {background-image:url("../images/common/icon_line_w.svg");} #contents .c_channel .cc_list li .ccl_box span {display:inline-block; float:left; width:100%; margin-top:1rem; font-size:1.6rem; font-weight:600; color:var(--secondary-color-1); line-height:2rem; letter-spacing:-0.064rem;} /* retireann */ #contents .c_retireann .cr_bi {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1.5rem; align-self:stretch; box-sizing:border-box; height:16rem; margin:4rem 0; padding-top:1rem; border-radius:4rem; background:linear-gradient(169deg, #0055A2 0%, #0099DA 100%);} #contents .c_retireann .cr_retire ul {display:flex; gap:4rem;} #contents .c_retireann .cr_retire li {position:relative; vertical-align:middle;} #contents .c_retireann .cr_retire li:first-child:before {content:""; position:absolute; left:calc(100% + 0.8rem); top:50%; width:2.4rem; height:2.4rem; margin-top:-1.2rem; background-image:url("../images/common/icon_line_g.svg"); background-size:1100% auto; background-repeat:no-repeat; background-position:60% -4.8rem;} #contents .c_retireann .cr_retire li .c_box {height:100%; padding:4rem 6rem;} #contents .c_retireann .cr_retire li .crr_icon {display:inline-block; position:relative; width:15rem; height:15rem; margin-bottom:1rem; background-image:url("../images/retireann/icon_retire.png"); background-repeat:no-repeat; background-size:100% auto; animation:bounceY 3s infinite;} #contents .c_retireann .cr_retire li:nth-child(2) .crr_icon {background-position:center -15rem;} #contents .c_retireann .cr_retire li .title {width:100%; margin-bottom:4rem;} #contents .c_retireann .cr_list .cl_box:nth-child(1) {margin-top:15rem;} #contents .c_retireann .cr_list .cl_box:nth-child(2) {margin:7.5rem 0;} #contents .c_retireann .cr_list .cl_box:nth-child(3) {margin-bottom:15rem;} #contents .c_retireann .cr_preparation figure {margin-bottom:-1rem;} #contents .c_retireann .cr_rtanty {display:flex; align-items:center; gap:4rem;} #contents .c_retireann .cr_rtanty .c_list {display:flex; flex-direction:column; justify-content:center; align-items:center; flex-shrink:0; max-width:45.2rem; margin:0;} #contents .c_retireann .cr_rtanty .c_list .cl_box {width:100%; margin:0; padding:0; border-radius:0; background-color:transparent;} #contents .c_retireann .cr_rtanty .c_list .cl_box > strong {padding:1.4rem 2rem; font-size:1.8rem; font-weight:700; line-height:3.2rem;} #contents .c_retireann .cr_rtanty .c_list li {padding:1rem 1.5rem; background-color:var(--secondary-color-6);} #contents .c_retireann .cr_rtanty .c_list li span {font-size:1.6rem; line-height:3rem;} #contents .c_retireann .cr_rtanty .c_list ol li mark {margin-right:0.5rem;} #contents .c_retireann .cr_rtanty .crr_arrow {display:flex; width:9.6rem; height:2rem; flex-direction:column; justify-content:flex-end; align-items:center; background-image:url("../images/retireann/icon_arrowright1.svg"); background-repeat:no-repeat; background-size:5rem 2rem; background-position:center;} #contents .c_retireann .cr_rtanty .crr_icon {display:flex; width:45.2rem; height:30rem; justify-content:center; align-items:center; background-image:url("../images/retireann/icon_irp.png"); background-repeat:no-repeat; background-size:30rem 30rem; background-position:center; animation:bouncesmallY 3s infinite;} #contents .c_retireann .cr_result {display:flex; box-sizing:border-box; width:100%; margin-top:2rem; padding:3rem 2rem; justify-content:center; align-items:center; gap:3rem; border-radius:1.5rem; background-color:var(--secondary-color-6);} #contents .c_retireann .cr_result .crr_arrow {display:flex; width:4rem; height:2rem; margin-left:-0.5rem; flex-direction:column; justify-content:flex-end; align-items:center; background-image:url("../images/retireann/icon_arrowright2.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center;} #contents .c_retireann .cr_result p span {display:flex; justify-content:center;} #contents .c_retireann .cr_result p > span > em:first-child {float:left;} #contents .c_retireann .cr_result p > span > em:last-child {float:right;} #contents .c_retireann .cr_mix {display:flex; align-items:flex-start; gap:1rem;} #contents .c_retireann .cr_mix > div {display:flex; flex-direction:column; justify-content:center; flex-shrink:0; width:67rem;} #contents .c_retireann .cr_mix i {display:flex; width:40rem; height:30rem; justify-content:center; align-items:center; background-image:url("../images/retireann/icon_mix.png"); background-repeat:no-repeat; background-size:30rem 30rem; background-position:center; animation:bouncesmallY 3s infinite;} #contents .c_retireann .cr_policy table tr td:nth-child(n + 2){text-align:left;} #contents .c_retireann .cr_policy table tr td i {display:inline-block; position:relative; top:0.2rem; vertical-align:text-top; width:1.2rem; height:1.2rem; background-image:url("../images/retireann/icon_zu.png"); background-repeat:no-repeat; background-size:100% auto; background-position:center; font-size:0; line-height:0;} #contents .c_retireann .cr_logo {display:inline-block; float:left; position:relative; width:100%; margin-bottom:2rem; padding:1rem 0; background-color:var(--secondary-color-6); border-radius:4rem; text-align:center;} #contents .c_retireann .cr_logo img {display:inline-block; vertical-align:middle; width:auto; height:5rem;} #contents .c_retireann .cr_merit figure {text-align:center;} #contents .c_retireann .cr_merit img {display:inline-block; position:relative; left:0.5rem; max-width:91rem;} #contents .c_retireann .cr_info {display:inline-block; width:100%; text-align:center;} #contents .c_retireann .cr_info ul {display:flex; flex-wrap:wrap; float:left; width:calc(100% + 2rem); margin-left:-1rem;} #contents .c_retireann .cr_info ul li {display:flex; float:left; box-sizing:border-box; width:50%; padding:0 1rem;} #contents .c_retireann .cr_info ul li .cri_box {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2rem; box-sizing:border-box; width:100%; padding:2rem; border-radius:3.5rem; background-color:var(--secondary-color-6);} #contents .c_retireann .cr_info ul li .cri_box.t1 {padding-bottom:2rem} #contents .c_retireann .cr_info ul li .cri_box > div {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1rem;} #contents .c_retireann .cr_info ul li .cri_icon {display:flex; justify-content:center; align-items:center; width:10rem; height:10rem; background-color:var(--basic-color-w); border-radius:50%;} #contents .c_retireann .cr_info.t1 ul {box-sizing:border-box; width:100%; padding:1.8rem 0.8rem; margin-left:0; border-radius:4.5rem; border:var(--secondary-color-6-line) dashed 0.2rem;} #contents .c_retireann .cr_info.t1 ul li {width:25%;} #contents .c_retireann .cr_info ul li .cri_box {justify-content:flex-start; padding:2rem 1rem; padding-bottom:5rem;} #contents .c_retireann .cr_plusbox {display:inline-block; float:left; width:100%; text-align:center;} #contents .c_retireann .cr_plusbox ul {display:flex; flex-wrap:wrap; float:left; width:calc(100% + 4rem); margin-left:-2rem;} #contents .c_retireann .cr_plusbox ul li {display:flex; float:left; box-sizing:border-box; position:relative; width:25%; padding:0 2rem;} #contents .c_retireann .cr_plusbox ul li .crp_box {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1rem; box-sizing:border-box; width:100%; padding:2rem; border-radius:3.5rem;} #contents .c_retireann .cr_plusbox ul li > i {position:absolute; left:-1.1rem; top:50%; width:2.2rem; height:2.2rem; margin-top:-1.1rem; color:var(--secondary-color-3);} #contents .c_retireann .cr_plusbox ul li > i:before {content:""; position:absolute; left:0; right:0; top:50%; height:0.3rem; margin-top:-0.15rem; border-radius:0.15rem; background-color:var(--secondary-color-4);} #contents .c_retireann .cr_plusbox ul li > i:after {content:""; position:absolute; left:50%; top:0; bottom:0; width:0.3rem; margin-left:-0.15rem; border-radius:0.15rem; background-color:var(--secondary-color-4);} #contents .c_retireann .cr_serviceinfo {display:flex; flex-direction:column; align-items:center; gap:3rem; width:100%; margin-top:3rem;} #contents .c_retireann .cr_serviceinfo > * {display:flex;} #contents .c_retireann .cr_serviceinfo > i {width:6rem; height:6rem; background-image:url("../images/retireann/icon_arrowup3.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center;} #contents .c_retireann .cr_serviceinfo .crs_list {width:100%; flex-wrap:wrap; justify-content:center; align-items:center; gap:3rem;} #contents .c_retireann .cr_serviceinfo .crs_list li {width:100%; text-align:center;} #contents .c_retireann .cr_serviceinfo .crs_list li:nth-child(n + 2) {flex:1 1 0; width:50%;} #contents .c_retireann .cr_serviceinfo .crs_list li .crsl_box {display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center; padding:2rem; border-radius:3.5rem;} #contents .c_retireann .cr_serviceinfo .crs_list li .crsl_box > strong {font-weight:700} #contents .c_retireann .cr_serviceinfo .crs_list li:nth-child(n + 2) .crsl_box:before {content:""; position:absolute; left:50%; top:-3rem; width:0.2rem; height:3rem; margin-left:-0.1rem; border-left:var(--secondary-color-6-line) dashed 0.2rem;} #contents .c_retireann .cr_serviceinfo .crs_list li p {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:1rem} #contents .c_retireann .cr_serviceinfo .crs_list li p span {width:auto;} #contents .c_retireann .title.t1 a:hover {text-decoration:underline dotted; -webkit-text-decoration:underline dotted; text-decoration-color:rgba(13, 14, 15, 0.3); text-decoration-thickness:0.15rem; text-underline-offset:0.4rem;} #contents .c_retireann .tablewrap tr td 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_retireann .cr_product {display:flex; margin-top:2rem;} #contents .c_retireann .cr_product .crp_head {margin-bottom:1rem; padding:1rem 2.5rem; border-radius:1.5rem; text-align:center} #contents .c_retireann .cr_product > div {display:flex; flex-direction:column; width:100%;} #contents .c_retireann .cr_product > div + div {margin-left:1rem} #contents .c_retireann .cr_product > div:nth-child(odd) .crp_head {background:var(--ibk-blue)} #contents .c_retireann .cr_product > div:nth-child(even) .crp_head {background:var(--ibk-gray-blue)} #contents .c_retireann .cr_product .crp_body {flex-grow:1; padding:2rem 3rem; border-radius:1.5rem; border:0.1rem solid var(--secondary-color-6-line); text-align:left} #contents .c_retireann .cr_product .crp_body em {display:block; text-align:left} #contents .c_retireann .cr_product.t1 table {text-align:left; font-weight:400} #contents .c_retireann .cr_product.t1 .tablewrap table td {padding:1rem 2rem} #contents .c_retireann .cr_product.t1 > div:last-child table th, #contents .c_retireann .cr_product.t1 > div:last-child table td {height:auto} #contents .c_retireann .cr_product.t1 table .crp_grade {display:flex; align-items:center} #contents .c_retireann .cr_product.t1 table .crp_grade span {width:1rem; height:1rem; margin-right:1rem; border-radius:100%;} #contents .c_retireann .cr_product.t1 {overflow:hidden; height:0; margin-top:0} #contents .c_retireann .cr_product.t1.on {overflow:visible; height:auto;} #contents .c_retireann .cr_product.t1 > div + div {margin-left:2rem} #contents .c_retireann .cr_risk {display:inline-block; padding:0 2rem; border-radius:3rem; color:var(--basic-color-w); font-weight:700} #contents .c_retireann .cr_risk + span {display:block;} /* about */ #contents .c_about .ca_map {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; box-sizing:border-box; width:100%; border-radius:1.5rem; border:var(--secondary-color-6) solid 0.2rem; font-size:0; line-height:0;} #contents .c_about .ca_map #map {width:100%; height:50rem;} #contents .c_about .ca_map .cam_control {position:absolute; right:1.8rem; bottom:1.8rem; width:4rem; z-index:1;} #contents .c_about .ca_map .cam_control .camc_btn {display:inline-block; box-sizing:border-box; float:left; width:100%; height:4rem; border-radius:0.5rem; border:var(--secondary-color-6) solid 0.1rem; background-color:var(--basic-color-w); box-shadow:0 0.2rem 3rem rgba(0, 0, 0, 0.08); color:var(--secondary-color-1);} #contents .c_about .ca_map .cam_control .camc_btn + .camc_btn {margin-top:0.1rem;} #contents .c_about .ca_map .cam_control .camc_btn:hover {border-color:var(--ibk-blue); background-color:var(--ibk-blue); color:var(--basic-color-w);} #contents .c_about .ca_map .cam_control .camc_btn i {display:inline-block; position:absolute; width:1.4rem; height:1.4rem; margin-left:-0.7rem; margin-top:-0.7rem;} #contents .c_about .ca_map .cam_control .camc_btn i:before {content:""; position:absolute; left:0; right:0; top:50%; height:0.2rem; margin-top:-0.1rem; border-radius:0.1rem; background-color:currentColor;} #contents .c_about .ca_map .cam_control .camc_btn.zoomin i:after {content:""; position:absolute; left:50%; top:0; bottom:0; width:0.2rem; margin-left:-0.1rem; border-radius:0.1rem; background-color:currentColor;} #contents .c_about .ca_address {position:relative;} #contents .c_about .ca_address:before {content:""; position:absolute; left:0; right:0; bottom:0; height:0.1rem; background-color:var(--secondary-color-6-line);} #contents .c_about .ca_address ul {display:inline-block; vertical-align:middle; width:100%; margin-top:2rem; font-size:0; line-height:0;} #contents .c_about .ca_address ul li {display:inline-block; position:relative;} #contents .c_about .ca_address ul li + li {margin-left:4.4rem;} #contents .c_about .ca_address ul li + li:before {content:""; position:absolute; left:-2.4rem; top:50%; width:0.4rem; height:0.4rem; margin-top:-0.2rem; border-radius:50%; background-color:var(--secondary-color-1);} #contents .c_about .ca_address ul li strong, #contents .c_about .ca_address ul li p {display:inline-block; float:left;} #contents .c_about .ca_address ul li p {margin-left:1rem;} #contents .c_about .ca_address ul li p 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_about .ca_transportation {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding-left:8rem; padding-right:8rem; padding-bottom:0} #contents .c_about .ca_transportation > ul > li {display:inline-block; position:relative; float:left; box-sizing:border-box; width:50%; padding-left:7rem; text-align:left;} #contents .c_about .ca_transportation > ul > li .cat_icon {position:absolute; left:0; top:0; width:6rem; height:6rem; background-image:url("../images/about/icon_location.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0;} #contents .c_about .ca_transportation > ul > li .cat_icon.car {background-position:center -6rem;} #contents .c_about .ca_transportation .cat_box {display:inline-block; width:100%; margin-top:1rem; text-align:left; font-weight:500} #contents .c_about .ca_transportation p {width:100%; margin-top:0.5rem;} #contents .c_about .ca_transportation .cat_box li {display:inline-block; float:left;} #contents .c_about .ca_transportation .cat_box li i {margin:0 0.5rem;} #contents .c_about .ca_transportation .cat_line {display:inline-block; min-width:6rem; height:3rem; border-radius:2rem; background-color:#00B140; line-height:3.1rem;} #contents .c_about .ca_transportation .cat_line.line1 {background-color:#0032A0;} #contents .c_about .ca_transportation .cat_line.line4 {background-color:#00A9E0;} #contents .c_about .ca_transportation .cat_line + .cat_line {margin-left:0.5rem;} #contents .c_about .ca_banner {overflow:hidden; position:relative; border-radius:4rem; margin-top:5rem; margin-bottom:10rem;} #contents .c_about .ca_banner::after {content:""; display:block; width:100%; padding-bottom:33.33%;} #contents .c_about .ca_banner > div {position:absolute; top:0; left:0; width:100%; height:100%; opacity:1 !important; will-change: transform;} #contents .c_about.c_ethics .ca_banner > div {background:url("../images/about/pic_banner01.jpg") center center no-repeat; background-size:cover;} #contents .c_about.c_ceo .ca_banner > div {background:url("../images/about/pic_banner02.jpg") center center no-repeat; background-size:cover;} #contents .c_about.c_ctrbt .ca_banner > div {background:url("../images/about/pic_banner03.jpg") center center no-repeat; background-size:cover;} #contents .c_about .c_title em {text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:none; text-decoration-color:rgba(0, 85, 162, 0.25); text-decoration-thickness:1.2rem; text-underline-offset:-0.7rem; text-underline-position:from-font;} #contents .ca_txt p.big strong {text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:none; text-decoration-color:rgba(0, 85, 162, 0.25); text-decoration-thickness:0.5rem; text-underline-offset:-0.2rem; text-underline-position:from-font;} #contents .ca_txt p.huge strong {text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:none; text-decoration-color:rgba(0, 85, 162, 0.25); text-decoration-thickness:1rem; text-underline-offset:-0.5rem; text-underline-position:from-font;} #contents .ca_txt p.huge strong.t1 {text-decoration-thickness:0.6rem; text-underline-offset:-0.4rem;} /* about > c_ethics */ #contents .c_wrap.c_ethics, #contents .c_wrap.c_ceo, #contents .c_wrap.c_ctrbt {padding-bottom:15rem; padding-top:29rem} #contents .c_ethics .c_title {display:flex; flex-direction:column; align-items:center; margin-bottom:5rem;} #contents .c_ethics .c_title h3, #contents .c_ceo .c_title h3, #contents .c_ctrbt .c_title h3 {position:relative; line-height:4.5rem} #contents .c_ethics .c_title h3::before {content:""; display:block; position:absolute; right:calc(100% + 2rem); top:50%; width:4rem; height:6rem; background:url("../images/about/icon_leaves.svg") center center no-repeat; background-size:100%; transform:translateY(-50%)} #contents .c_ethics .c_title h3::after {content:""; display:block; position:absolute; left:calc(100% + 2rem); top:50%; width:4rem; height:6rem; background:url("../images/about/icon_leaves_t1.svg") center center no-repeat; background-size:100%; transform:translateY(-50%)} #contents .c_ethics .ce_list {padding:8rem 12rem; margin-bottom:10rem; border-radius:4rem; background:var(--secondary-color-6)} #contents .c_ethics .ce_list li {position:relative; padding:2.5rem 3rem; border-radius:5rem; background:var(--basic-color-w);} #contents .c_ethics .ce_list li + li {margin-top:3rem;} #contents .c_ethics .ce_list li > mark {display:flex; align-items:center; justify-content:center; position:absolute; left:4rem; top:-1rem; width:4.5rem; height:4.5rem; border-radius:100%; background:var(--ibk-blue); color:var(--basic-color-w)} #contents .c_ethics .ce_list li em {text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:none; text-decoration-color:rgba(0, 85, 162, 0.25); text-decoration-thickness:0.5rem; text-underline-offset:-0.3rem; text-underline-position:from-font;} #contents .c_ethics .ce_logo img {display:block; width:100%; max-width:39.7rem; margin:0 auto;} /* about > c_ceo */ #contents .c_wrap.c_ceo {padding-bottom:35rem; margin-bottom:6rem; background:var(--basic-color-w)} #contents .c_ceo {position:relative;} #contents .c_ceo > .wrap {position:relative; z-index:3} #contents .c_ceo .cc_bg {position:absolute; bottom:0; left:0; z-index:0; width:100%; height:90rem; background:url("../images/about/bg_about.png") bottom center no-repeat; background-size:cover;} /* about > c_ctrbt */ #contents .c_ctrbt .cc_content {display:flex; gap:4rem; margin-top:10rem;} #contents .c_ctrbt .cc_content > div {display:flex; flex-direction:column; justify-content:flex-start; width:100%; padding:5rem; border-radius:4rem; background:var(--secondary-color-6)} #contents .c_ctrbt .cc_content > div mark {margin:4rem 0; line-height:4.5rem} #contents .c_ctrbt .cc_content > div mark strong {text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:none; text-decoration-color:rgba(0, 85, 162, 0.25); text-decoration-thickness:1rem; text-underline-offset: -0.5rem; text-underline-position:from-font;} /* contact */ /* contact > c_term */ #contents .c_term .ct_words {display:flex; align-items:center; justify-content:center; padding-bottom:2rem; margin-bottom:5rem; border:0.1rem solid var(--secondary-color-6-line); border-top:none; border-radius:0 0 1.5rem 1.5rem; background:var(--secondary-color-6)} #contents .c_term .ct_words li {width:4rem; flex-shrink:0} #contents .c_term .ct_words li + li {margin-left:0.5rem;} #contents .c_term .ct_words button {width:100%; min-width:inherit;} #contents .c_term .ct_words button.on {background:var(--secondary-color-1)} #contents .c_term #form .f_search {margin-bottom:0; padding-top:2rem; border-radius:1.5rem 1.5rem 0 0; border-bottom:none;} #contents .c_term .ct_result {display:flex; margin-top:1.6rem;} #contents .c_term .ct_result > div {border-top:0.1rem solid var(--ibk-blue);} #contents .c_term .ct_result > div > span {display:block; box-sizing:border-box; width:100%; padding:1.4rem 3rem; border:0.1rem solid var(--secondary-color-5); border-bottom:0.1rem solid var(--secondary-color-5); background:var(--secondary-color-6); border-top:none; text-align:left;} #contents .c_term .ct_result .ctr_left {flex-shrink:0; width:38rem; margin-right:1rem;} #contents .c_term .ct_result .ctr_left ul {overflow-y:scroll; box-sizing:border-box; max-height:61rem; margin-top:-0.1rem; padding-top:0.5rem; border:0.1rem solid var(--secondary-color-5); border-top:none;} #contents .c_term .ct_result .ctr_left li button {display:flex; align-items:center; width:100%; min-height:6rem; padding:0.5rem 3rem; line-height:3rem; text-align:left} #contents .c_term .ct_result .ctr_left li button:hover {background:var(--ibk-blue); color:var(--basic-color-w)} #contents .c_term .ct_result .ctr_right {width:100%;} #contents .c_term .ct_result .ctr_right .ctrr_txt {overflow-y:scroll; box-sizing:border-box; height:61rem; max-height:61rem; margin-top:-0.1rem; padding:1.9rem 3rem; border:0.1rem solid var(--secondary-color-5); border-top:none} #contents .c_term .ct_result .ctr_right .ctrr_txt em {display:block} #contents .c_term .ct_result .ctr_left ul::-webkit-scrollbar {width:1rem;} #contents .c_term .ct_result .ctr_left ul::-webkit-scrollbar-thumb {background-color:var(--ibk-blue); border-radius:1rem; background-clip:padding-box; border:0.2rem solid transparent;} #contents .c_term .ct_result .ctr_left ul::-webkit-scrollbar-thumb:hover {background-color:var(--ibk-blue);} #contents .c_term .ct_result .ctr_left ul::-webkit-scrollbar-track {background-color:#fff0;} #contents .c_term .ct_result .ctr_right .ctrr_txt::-webkit-scrollbar {width:1rem;} #contents .c_term .ct_result .ctr_right .ctrr_txt::-webkit-scrollbar-thumb {background-color:var(--ibk-blue); border-radius:1rem; background-clip:padding-box; border:0.2rem solid transparent;} #contents .c_term .ct_result .ctr_right .ctrr_txt::-webkit-scrollbar-thumb:hover {background-color:var(--ibk-blue);} #contents .c_term .ct_result .ctr_right .ctrr_txt::-webkit-scrollbar-track {background-color:#fff0;} #contents .c_term #form .b_empty {margin-top:1.7rem; padding-top:6rem; padding-bottom:5rem; border-bottom:none;} /* contact > c_guide */ #contents .c_guide .cg_banner {padding:3.5rem 4rem; border-radius:1.5rem; background:var(--secondary-color-6)} #contents .c_guide .cg_banner .cgb_contents {display:flex; align-items:flex-start; justify-content:center; margin:0 2rem;} #contents .c_guide .cg_banner .cgb_contents > div {display:flex; align-items:flex-start; width:calc((100% - 4rem) / 3); text-align:left;} #contents .c_guide .cg_banner .cgb_contents > div i {flex-shrink:0; margin-right:1.5rem;} #contents .c_guide .cg_banner .cgb_contents > div p {font-weight:500; text-align:left; line-height:2.5rem; word-break:keep-all;} #contents .c_guide .cg_banner .cgb_contents > div em {display:block; margin-bottom:0.5rem; font-weight:600; text-align:left} #contents .c_guide .cg_banner .cgb_contents > div + div {margin-left:2rem;} #contents .c_guide .cg_banner .cgb_buttons {display:flex; align-items:center; justify-content:center; margin-top:2rem; padding-top:2rem; border-top:0.1rem solid var(--secondary-color-6-line)} #contents .c_guide .cg_banner .cgb_buttons button:first-child {padding-left:4rem; padding-right:4.3rem; margin-right:1rem;} #contents .c_guide li.dot p 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;} /* contact > c_callcenter */ #contents .c_callcenter .cc_info {display:flex; align-items:center; justify-content:center; padding:1.9rem 1rem; margin-bottom:5rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:1.5rem; background:var(--secondary-color-6)} #contents .c_callcenter .cc_info > div {display:flex; align-items:center;} #contents .c_callcenter .cc_info mark {min-width:6.5rem; margin-right:2rem; line-height:3rem; letter-spacing:-0.072rem;} #contents .c_callcenter .cc_info i {margin-right:0.5rem; margin-top:0.1rem;} #contents .c_callcenter .cc_info a {min-width:10.9rem; margin-right:2rem; text-align:left; font-size:2.2rem; line-height:3rem; font-weight:500; letter-spacing:-0.044rem; font-family:"OpenSans";} #contents .c_callcenter .cc_info a:last-child {margin-right:5rem;} #contents .c_callcenter .cc_info 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.4rem;} #contents .c_callcenter .cc_info div:not(:first-child) a:last-child {margin-right:5.5rem;} #contents .c_callcenter .tablewrap table td:first-child {padding-right:1.6rem; padding-left:1.6rem;} #contents .c_callcenter .tablewrap table td.t1:first-child {padding-right:2rem; padding-left:2rem;} #contents .c_callcenter .tablewrap table td.t_pd {padding-right:0.8rem; padding-left:0.8rem; white-space:nowrap} /* contact > c_mobile */ #contents .c_mobile .cm_area {display:flex; justify-content:space-between; gap:2rem;} #contents .c_mobile .cm_area > div {flex-shrink:0; width:calc((100% - 2rem)/2);} #contents .c_mobile .cm_screen {position:relative;} #contents .c_mobile .cm_screen img {position:absolute;} #contents .c_mobile .cm_screen figure:nth-child(1) img {top:10rem; left:5rem; width:23rem; height:44rem; filter:drop-shadow(0 3rem 4rem rgba(13, 14, 15, 0.10));} #contents .c_mobile .cm_screen figure:nth-child(2) img {top:2rem; right:9rem; width:31.4rem; height:60rem; filter:drop-shadow(0 4rem 3rem rgba(13, 14, 15, 0.25));} #contents .c_mobile .cm_process > li {display:flex; align-items:flex-start; box-sizing:border-box; padding:2.5rem 3rem; border-radius:4rem; background:var(--secondary-color-6)} #contents .c_mobile .cm_process > li + li {margin-top:1rem;} #contents .c_mobile .cm_process > li.t1 {display:block; padding:2.1rem 2.6rem; border:0.4rem solid var(--ibk-blue); background:var(--secondary-light-blue)} #contents .c_mobile .cm_process > li.t1 > div:first-child {display:flex; align-items:center;} #contents .c_mobile .cm_process .cmp_title {display:flex; align-items:center; min-width:17rem; margin-right:1rem;} #contents .c_mobile .cm_process .cmp_title span {flex-shrink:0; width:3rem; height:3rem; margin-right:1rem; border-radius:100%; background:var(--ibk-blue); font-size:1.8rem; font-weight:700; text-align:center; line-height:3rem; color:var(--basic-color-w)} #contents .c_mobile .cm_process .cmp_title em {font-size:1.8rem; font-weight:600; letter-spacing:-0.036rem; line-height:3.2rem;} #contents .c_mobile .cm_process .cmp_title + div {display:flex; flex-direction:column; align-items:flex-start; margin-top:0.2rem;} #contents .c_mobile .cm_process .cmp_qr ul {display:flex; align-items:center; justify-content:center; gap:2rem; margin-top:2rem;} #contents .c_mobile .cm_process .cmp_qr ul li {display:flex; flex-direction:column; align-items:center;} #contents .c_mobile .cm_process .cmp_qr ul li:nth-child(1) a {color:var(--secondary-color-1)} #contents .c_mobile .cm_process .cmp_qr ul li:nth-child(2) a {color:var(--basic-color-b)} #contents .c_mobile .cm_process .cmp_qr ul li a i {width:2.2rem; height:3rem; background-size:cover;} #contents .c_mobile .cm_process .cmp_qr ul li:nth-child(1) a i {background:url("../images/contact/icon_playstore.svg") center center no-repeat;} #contents .c_mobile .cm_process .cmp_qr ul li:nth-child(2) a i {background:url("../images/contact/icon_apple.svg") center center no-repeat;} #contents .c_mobile .cm_process .cmp_qr ul div {box-sizing:border-box; width:9rem; height:9rem; padding:0.78rem; border-radius:1.5rem; background:var(--basic-color-w);} #contents .c_mobile .cm_process .cmp_qr ul div img {width:100%;} #contents .c_mobile .cm_process .cmp_qr ul a {display:flex; align-items:center; justify-content:center; gap:0.5rem; box-sizing:border-box; width:17rem; padding:0.5rem 2rem 0.5rem 1.5rem; margin-top:1rem; border-radius:3rem; background:var(--basic-color-w); line-height:3rem; transition:0.2s} #contents .c_mobile .cm_process .cmp_qr ul a:hover {background:var(--ibk-blue); color:var(--basic-color-w)!important;} #contents .c_mobile .cm_process .cmp_qr ul li:nth-child(2) a:hover i {background:url("../images/contact/icon_apple_t1.svg") center center no-repeat;} #contents .c_mobile .cm_process .cmp_login ul {display:flex; align-items:center; gap:1rem;} #contents .c_mobile .cm_process .cmp_login ul li {overflow:hidden; border-radius:1rem;} #contents .c_mobile .cm_process .cmp_login i {display:block; width:4rem; height:4rem; background-image:url("../images/contact/icon_login.png"); background-size:100% auto; background-repeat:no-repeat;} #contents .c_mobile .cm_process .cmp_login li:nth-child(1) i {background-position:center 0;} #contents .c_mobile .cm_process .cmp_login li:nth-child(2) i {background-position:center -4rem;} #contents .c_mobile .cm_process .cmp_login li:nth-child(3) i {background-position:center -8rem;} #contents .c_mobile .cm_process .cmp_login li:nth-child(4) i {background-position:center -12rem;} #contents .c_mobile .cm_process .cmp_login li:nth-child(5) i {background-position:center -16rem;} #contents .c_mobile .cm_entr {display:flex; gap:2rem;} #contents .c_mobile .cm_entr > div {width:100%;} #contents .c_mobile .cm_entr th, #contents .c_mobile .cm_entr td {height:8rem;} #contents .c_mobile .cm_entr h5 {margin-bottom:1rem;} #contents .c_mobile h4.dot {padding-top: 17rem; margin-top: -12rem;} /* contact > c_complaint */ #contents .c_complaint .tabwrap.t2 ~ div {display:none} #contents .c_complaint .tabwrap.t2 ~ div.on {display:block;} #contents .c_complaint .tab2 button {display:inline-block;} #contents .c_complaint .tab02 .btn {min-width:16rem; margin-left:auto; margin-right:auto; margin-top:5rem;} #contents .c_complaint .tab03 .cs_icon i {width:4rem; height:4rem; background-image:url(../images/contact/icon_process.svg); background-size:100%; background-repeat:no-repeat; filter:drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 153, 218, 0.20))} #contents .c_complaint .tab03 li:nth-child(1) .cs_icon i {background-position:center 0;} #contents .c_complaint .tab03 li:nth-child(2) .cs_icon i {background-position:center -4rem;} #contents .c_complaint .tab03 li:nth-child(3) .cs_icon i {background-position:center -8rem;} #contents .c_complaint .tab03 li:nth-child(4) .cs_icon i {background-position:center -12rem;} #contents .c_complaint .tab03 li:nth-child(5) .cs_icon i {background-position:center -16rem;} /* contact > c_pbano */ #contents .c_submain.c_pbano {padding-top:5rem;} #contents .c_pbano .cp_content {display:none;} #contents .c_pbano .cp_content.on {display:block} /* contact > c_mobile */ #contents .c_regul .cr_rule {padding:4rem 6rem; border-radius:1.5rem; background-image:url("../images/contact/icon_logo.png"); background-position:center center; background-size:30rem; background-repeat:no-repeat; background-color:var(--secondary-color-6)} #contents .c_regul .cr_rule li {display:flex; flex-direction:column; align-items:flex-start; padding:2rem 3rem; border-radius:3rem; background:var(--basic-color-w)} #contents .c_regul .cr_rule li + li {margin-top:2rem;} #contents .c_regul .cr_rule li em {padding:0 2rem; margin-bottom:1rem; border-radius:3rem; background:var(--ibk-blue); color:var(--basic-color-w)} #contents .c_regul .cr_rule li mark {text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:none; text-decoration-color:rgba(0, 85, 162, 0.25); text-decoration-thickness:0.5rem; text-underline-offset:-0.3rem; text-underline-position:from-font;} /* contact > c_incon */ #contents .c_incon .ci_file {display:flex; align-items:center; gap:1rem; margin-left:2.5rem; margin-top:1rem} /* contact > c_org */ #contents .c_org .co_box {padding:8rem 6rem; border-radius:1.5rem; background:var(--secondary-color-6)} #contents .c_org .co_box img {display:block; width:100%; max-width:90rem; margin:0 auto;} /* contact > c_indv */ #contents .c_indv .tablewrap.t1 table td {height:17rem} #contents .c_indv .tablewrap.t2 table td {height:8rem} #contents .c_indv p 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.4rem;} #contents .c_indv .d_flex .btn {width:6rem; margin-left:1rem} #contents .c_indv .ci_file {display:flex; align-items:center; margin-top:1rem} /* contact > c_utlz */ #contents .c_utlz .cu_select {display:flex; justify-content:flex-start} #contents .c_utlz .cu_select select {width:24rem; background-color:var(--secondary-color-6)} #contents .c_utlz .c_article > div.pl-25 {display:flex; flex-direction:column; align-items:flex-start} #contents .c_utlz p 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.4rem;} /* product > c_benefit */ #contents .c_submain.c_benefit {padding-top:5rem;} #contents .c_submain.c_benefit .c_title .ct_deco {background-image:url("../images/product/icon_gift.png")} #contents .c_benefit .wrap > ol {margin-bottom:6rem;} #contents .c_benefit .wrap > ol li {font-family:"iDreamWeb"; color:#333; font-weight:400} #contents .c_benefit .wrap > ol > li + li {margin-top:5rem; padding-top:5rem; border-top:0.1rem solid var(--secondary-color-6-line)} #contents .c_benefit .cb_title {display:flex; align-items:center; justify-content:center; padding:1.5rem 0; border-radius:3rem; background:#E4F6FF; font-size:2.7rem; font-family:"iDreamWeb"; font-weight:700;} #contents .c_benefit .cb_title span {width:3rem; height:3rem; margin-right:0.5rem; border-radius:100%; background:var(--ibk-blue); font-family:"NanumSquare"; font-size:2rem; line-height:3rem; text-align:center; font-weight:700; color:var(--basic-color-w)} #contents .c_benefit .cb_reason {display:flex; flex-direction:column; align-items:center; position:relative; width:67.8rem; margin:0 auto; margin-top:5rem;} #contents .c_benefit .cb_reason .cbr_txt {display:flex; align-items:center; position:relative; z-index:1; box-sizing:border-box; width:67.8rem; height:13.2rem; padding:1rem 0; border-radius:6.6rem; border:0.2rem solid #4D4D4D; background:#fff} #contents .c_benefit .cb_reason .cbr_txt > div {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; width:50%; height:100%;} #contents .c_benefit .cb_reason .cbr_txt > div:nth-child(1) {border-right:0.1rem dashed #b9b9b9} #contents .c_benefit .cb_reason .cbr_icon {display:flex; align-items:center; position:relative; width:100%;} #contents .c_benefit .cb_reason .cbr_icon > i {display:flex; align-items:center; justify-content:center; width:50%;} #contents .c_benefit .cb_reason .cbr_icon > i:nth-child(1) i {display:block; width:9.57rem; height:10.1rem; background:url("../images/product/pic_benefit011.svg") center center no-repeat; background-size:cover;} #contents .c_benefit .cb_reason .cbr_icon > i:nth-child(2) {display:block; position:absolute; bottom:0; left:50%; z-index:0; width:6.3rem; height:7.1rem; background:url("../images/product/pic_benefit013.svg") center center no-repeat; background-size:cover; transform:translateX(-50%)} #contents .c_benefit .cb_reason .cbr_icon > i:nth-child(3) i {display:block; width:9.57rem; height:10.1rem; background:url("../images/product/pic_benefit012.svg") center center no-repeat; background-size:cover; } #contents .c_benefit .cb_reason .cr {font-size:2.7rem; line-height:4rem; font-weight:700} #contents .c_benefit .cb_reason span {font-size:2.3rem; line-height:4rem;} #contents .c_benefit .cb_general {width:67.5rem; margin:0 auto;} #contents .c_benefit .cb_txt {font-size:2.5rem; line-height:4rem;} #contents .c_benefit .cb_txt.t2 {font-size:2rem; line-height:2.7rem} #contents .c_benefit .cb_txt.t3 {padding-top:1.1rem; padding-left:2rem; font-size:1.6rem; color:#666; line-height:1.5} #contents .c_benefit .cb_txt span {font-size:2rem; line-height:2.7rem;} #contents .c_benefit .cb_general > div {display:flex; justify-content:center; gap:3.2rem; width:67.2rem; margin:0 auto; margin-top:10rem;} #contents .c_benefit .cb_general > div > div {width:100%; position:relative; background:var(--basic-color-w)} #contents .c_benefit .cb_general .cbg_tit {display:block; position:relative; z-index:1; width:100%; margin-bottom:1rem; border-radius:1rem; background:#4D4D4D; color:var(--basic-color-w); font-weight:700; font-size:2.4rem; line-height:3.8rem;} #contents .c_benefit .cb_general .cbg_tit.aos-animate, #contents .c_benefit .cb_general > div > div.t1 .cbg_tit {background:var(--ibk-sky-blue)} #contents .c_benefit .cb_general .cbg_icon {content:""; display:block; position:absolute; bottom:calc(100% - 0.3rem); left:11rem; z-index:-1; width:10.3rem; height:7.6rem; background:url("../images/product/pic_benefit021.svg") center center no-repeat; background-size:cover;} #contents .c_benefit .cb_general > div > div:nth-child(2) .cbg_icon {background-image:url("../images/product/pic_benefit022.svg")} #contents .c_benefit .cb_general ul {position:relative; z-index:2; box-sizing:border-box; background:var(--basic-color-w)} #contents .c_benefit .cb_general ul:after {content:""; display:block; position:absolute; top:50%; left:50%; width:100%; height:100%; z-index:2; border:0.2rem solid #4D4D4D; border-radius:1rem; transform:translate(-50%,-50%); transition:0.5s;} #contents .c_benefit .cb_general ul.aos-animate::after, #contents .c_benefit .cb_general > div > div.t1 ul::after {width:calc(100% - 0.3rem); height:calc(100% - 0.3rem); border-color:var(--ibk-sky-blue); border-width:0.5rem;} #contents .c_benefit .cb_general li {font-size:2rem; line-height:2.6rem;} #contents .c_benefit .cb_general li:first-child {padding-top:1.7rem} #contents .c_benefit .cb_general li:first-child.aos-animate, #contents .c_benefit .cb_general > div > div.t1 li:first-child {color:var(--ibk-red)} #contents .c_benefit .cb_general li + li::before {content:""; display:block; width:90%; height:0.1rem; margin:2.5rem auto 1.7rem; border-top:0.1rem dashed #b9b9b9} #contents .c_benefit .cb_general li:nth-child(2) .bold.aos-animate, #contents .c_benefit .cb_general > div > div.t1 li:nth-child(2) .bold {color:var(--ibk-sky-blue)} #contents .c_benefit .cb_general li:nth-child(3) .bold.aos-animate, #contents .c_benefit .cb_general > div > div.t1 li:nth-child(3) .bold {color:var(--ibk-sky-blue)} #contents .c_benefit .cb_general li:last-child.aos-animate, #contents .c_benefit .cb_general > div > div.t1 li:last-child {background:#E4F6FF} #contents .c_benefit .cb_general li:last-child::before {margin-bottom:4.5rem} #contents .c_benefit .cb_general li:last-child {padding-bottom:2.5rem; background:#F0F0F0} #contents .c_benefit .cb_general li:last-child p {position:relative;} #contents .c_benefit .cb_general li:last-child p.aos-animate, #contents .c_benefit .cb_general > div > div.t1 li:last-child p {color:var(--ibk-blue)} #contents .c_benefit .cb_general li:last-child p::before {content:""; display:block; position:absolute; bottom:calc(100% + 0.5rem); left:50%; width:4.7rem; height:2.7rem; background:url("../images/product/pic_tip.svg") center center no-repeat; background-size:100%; transform:translateX(-50%)} #contents .c_benefit .cb_general li p span {font-size:1.6rem; line-height:2.6rem} #contents .c_benefit .cb_amount, #contents .c_benefit .cb_saving {width:70.3rem; margin:0 auto;} #contents .c_benefit .cb_amount .cba_content {margin-top:4.7rem} #contents .c_benefit .cb_amount .cba_content .cbac_top {display:flex; justify-content:center;} #contents .c_benefit .cb_amount .cba_content .cbac_top > div {overflow:hidden; position:relative; height:32.4rem;} #contents .c_benefit .cb_amount .cba_content .cbac_top > div > * {position:absolute; left:0; width:100%;} #contents .c_benefit .cb_amount .cba_content .cbac_top > div:nth-child(1), #contents .c_benefit .cb_amount .cba_content .cbac_top > div:nth-child(3) {display:flex; align-items:flex-end; width:13.3rem} #contents .c_benefit .cb_amount .cba_content .cbac_top > div:nth-child(2) {box-sizing:border-box; width:15.8rem; padding:0.95rem;} #contents .c_benefit .cb_amount .cba_content .cbac_top > div:nth-child(2) i {top:5.4rem; left:0; width:100%; height:16.3rem; background:url("../images/product/pic_benefit033.svg") center center no-repeat; background-size:auto 100%;} #contents .c_benefit .cb_amount .cba_content .cbac_empty {box-sizing:border-box; height:26.9rem; border:0.1rem dashed #575757; border-bottom:none;} #contents .c_benefit .cb_amount .cba_content .cbac_img {bottom:-0.2rem; background-size:auto 100%;} #contents .c_benefit .cb_amount .cba_content div:nth-child(1) > .cbac_img {height:24.2rem; background:url("../images/product/pic_benefit031.svg") center center no-repeat;} #contents .c_benefit .cb_amount .cba_content div:nth-child(3) > .cbac_img {height:32.5rem; background:url("../images/product/pic_benefit032.svg") center center no-repeat;} #contents .c_benefit .cb_amount .cba_content .cbac_txt {font-size:2rem; font-weight:700; line-height:1.5} #contents .c_benefit .cb_amount .cba_content div:nth-child(1) .cbac_txt {top:14rem;} #contents .c_benefit .cb_amount .cba_content div:nth-child(3) .cbac_txt {top:8rem; color:var(--basic-color-w)} #contents .c_benefit .cb_amount .cba_content .cbac_txt em {font-size:2.5rem} #contents .c_benefit .cb_amount .cba_content .cbac_bottom {display:flex; align-items:center; justify-content:center; border-top:0.2rem solid #4D4D4D} #contents .c_benefit .cb_amount .cba_content .cbac_bottom > span {font-size:2rem; font-weight:600; line-height:4.8rem;} #contents .c_benefit .cb_amount .cba_content .cbac_bottom > span:nth-child(1) {width:13.3rem;} #contents .c_benefit .cb_amount .cba_content .cbac_bottom > span:nth-child(2) {width:15.8rem;} #contents .c_benefit .cb_amount .cba_content .cbac_bottom > span:nth-child(1) {width:13.3rem;} #contents .c_benefit .cb_amount .btn {font-family:"Pretendard"} #contents .c_benefit .cb_right {width:2rem; height:2rem; background:url("../images/product/icon_arrow.svg") center center no-repeat; background-size:100%;} #contents .c_benefit .cb_saving .cbs_content {display:flex; flex-direction:column; align-items:center; position:relative; padding:2.6rem 1.5rem 3.5rem 1.5rem; margin-top:7.5rem; background:#f6f6f6} #contents .c_benefit .cb_saving .cbs_content > em {position:absolute; left:50%; top:6.6rem; font-size:2rem; line-height:1.5; transform:translateX(-50%)} #contents .c_benefit .cb_saving .cbs_content .cbsc_txt {display:flex; flex-direction:column; align-items:center; margin-bottom:1rem; font-size:1.8rem; line-height:1.5} #contents .c_benefit .cb_saving .cbs_content .cbsc_txt em {font-size:2.4rem;} #contents .c_benefit .cb_saving .cbs_content > i {width:2.1rem; height:1.7rem; margin-bottom:1rem; background:url("../images/product/pic_benefit042.svg") center center no-repeat; background-size:auto 100%;} #contents .c_benefit .cb_saving .cbs_content > mark {width:32rem; background:var(--ibk-red); color:var(--basic-color-w); font-weight:700; font-size:2.4rem; line-height:4rem;} #contents .c_benefit .cb_saving .btn {font-family:"Pretendard"} #contents .c_benefit .cb_saving .cbs_content > i[data-aos="fade-down"] {transform:translateY(-2rem);} #contents .c_benefit .cb_saving .cbs_content > i[data-aos="fade-down"].aos-animate {transform:translateY(0);} /* prevent */ #contents .c_prevent .btn {display:inline-block; line-height:4rem;} /* form */ #form .f_result {display:inline-block;float:left; width:100%;} #form .f_search > label {margin-right:1rem;} #form .f_search > span {margin-left:1rem;} #form .f_search > button {margin-left:1rem;} #form .b_empty, #board .b_empty {display:flex; align-items:center; flex-direction:column; box-sizing:border-box; width:100%; padding-top:2.9rem; padding-bottom:4rem; border-bottom:0.1rem solid var(--secondary-color-5)} #form .b_empty > i, #board .b_empty > i {display:block; width:18rem; height:18rem; margin-bottom:1rem; background:url("../images/common/pic_search.svg") center center no-repeat; background-size:100%;} #form .b_empty > span, #board .b_empty > span {margin-bottom:2rem; font-size:1.8rem; font-weight:400; line-height:3.2rem;} #form .b_empty > span strong, #board .b_empty > span strong {font-weight:600;} form + #contents {margin-top:0} /* board */ #board .b_view {text-align:left;} #board .b_view .bv_head {padding:0 2rem; padding-top:2.3rem; padding-bottom:2.4rem; border-top:0.2rem solid var(--ibk-blue);} #board .b_view .bv_head h4 {font-size:1.8rem; font-weight:600; letter-spacing:-0.036rem; line-height:3.2rem;} #board .b_view .bv_head > time {display:block; margin-top:0.5rem; font-size:1.5rem; font-weight:400; letter-spacing:-0.006rem; line-height:3rem; color:var(--secondary-color-3)} #board .b_view .bv_head ul {display:flex; align-items:center; margin-top:0.5rem; font-size:1.5rem; letter-spacing:-0.06rem; line-height:3rem} #board .b_view .bv_head ul li {display:flex; align-items:center; margin-right:1.5rem} #board .b_view .bv_head ul li:not(:last-child)::after {content:""; display:block; width:0.1rem; height:1.5rem; margin-left:1.5rem; background:var(--secondary-color-6-line);} #board .b_view .bv_head ul em {margin-right:1rem; font-weight:600;} #board .b_view .bv_head ul span, #board .b_view .bv_head ul time {color:var(--secondary-color-3); font-weight:400} #board .b_view .bv_body .bvb_file {display:flex; align-items:center; justify-content:space-between; padding:2rem; } #board .b_view .bv_body .bvb_file:nth-child(1) {border-top:0.1rem solid var(--secondary-color-5);} #board .b_view .bv_body .bvb_file + .bvb_file {padding-top:0; margin-top:-1.5rem;} #board .b_view .bv_body .bvb_file a {display:flex; align-items:center; font-size:1.5rem; letter-spacing:-0.06rem; line-height:3rem; font-weight:400; color:var(--ibk-blue); text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;} #board .b_view .bv_body .bvb_file a > i {display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; margin-right:0.5rem;} #board .b_view .bv_body .bvb_file span {font-size:1.2rem; line-height:2.6rem; letter-spacing:-0.048rem; font-weight:400; color:var(--secondary-color-3)} #board .b_view .bv_body .bvb_cont {padding:3rem 2rem 5rem 2rem; border-top:0.1rem solid var(--secondary-color-5); border-bottom:0.1rem solid var(--secondary-color-5); line-height:2.8rem;} #board .b_view .bv_body .bvb_cont img {display:block;} #board .bv_foot > div {display:flex; align-items:center; padding:1.95rem; border-bottom:0.1rem solid var(--secondary-color-5);} #board .bv_foot > div:hover {background:var(--secondary-color-6)} #board .bv_foot > div a:hover {color:var(--ibk-blue); font-weight:700} #board .bv_foot > div a {overflow:hidden; display:-webkit-box; margin-right:2rem; line-height:3rem; letter-spacing:-0.032rem; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;} #board .bv_foot > div > span, #board .bv_foot > div time {flex-shrink:0} #board .bv_foot > div > span {display:flex; align-items:center; min-width:10rem; margin-right:2rem; color:var(--secondary-color-3)} #board .bv_foot > div > .bvf_period {margin-right:0; font-size:1.5rem; line-height:3rem; letter-spacing:-0.06rem; font-weight:400; color:var(--secondary-color-3)} #board .bv_foot > div > .bvf_period span {padding:0 0.4rem} #board .bv_foot > div > span > i {display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; margin-right:1rem;} #board .bv_foot > div time {padding-right:0.5rem; font-size:1.4rem; font-weight:400; line-height:2.8rem; color:var(--secondary-color-3)} #board .bv_foot .bvf_tit {display:flex; align-items:center; width:100%; margin-right:2rem;} #board .bv_foot > a {width:16rem; margin-top:5rem;} #board .bg_list {margin-top:3rem;} #board .bg_list ul {display:flex; flex-wrap:wrap; gap:3rem; width:100%;} #board .bg_list li {width:calc((100% - 6rem) / 3); text-align:left; border:none} #board .bg_list .bgl_img {overflow:hidden; position:relative; border-radius:1.5rem; margin-bottom:2rem; aspect-ratio:100 / 118.4;} #board .bg_list .bgl_img > div {width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; transition:0.2s} #board .bg_list .bgl_img img {display:none; position:absolute; top:50%; left:50%; width:100%; height:100%; object-fit:cover; transform:translate(-50%,-50%)} #board .bg_list li a {width:100%;} #board .bg_list li a:hover > p {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;} #board .bg_list li a:hover .bgl_img > div {transform:scale(1.05)} #board .bg_list li a > p {overflow:hidden; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:1.8rem; line-height:3.2rem; letter-spacing:-0.072rem;} #board .bg_list .bgl_date {display:flex; align-items:center; margin-top:1rem; font-weight:400; font-size:1.4rem; letter-spacing:-0.056rem; line-height:2rem; color:var(--secondary-color-3);} #board .bg_list .bgl_date i {margin-right:0.5rem;} #board .b_search {display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:1.8rem;} #board .b_search .bs_total {font-weight:300} #board .b_search > div, #form .f_search {display:flex; align-items:center;} #board .b_search .select {width:12rem; margin-right:1rem;} #board .b_search .input {width:24rem; margin-right:1rem;} #board .b_search.t1 .input {width:36rem;} #board .b_search .bs_total .cm, #board .b_search .bs_total strong {font-weight:600;} #board .b_search.t1, #form .f_search {justify-content:center; box-sizing:border-box; padding:0.9rem 0; margin-bottom:5rem; background:var(--secondary-color-6); border:0.1rem solid var(--secondary-color-6-line); border-radius:1.5rem;} #board .b_list ul > li {display:flex; border-bottom:0.1rem solid var(--secondary-color-5)} #board .b_list ul > li.on, #board .b_list ul > li:hover {background:var(--secondary-color-6)} #board .b_list ul > li .bl_tit a, #board .b_list ul > li .bl_tit button {overflow:hidden; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;} #board .b_list ul > li .bl_tit a:hover, #board .b_list ul > li .bl_tit button:hover {color:var(--ibk-blue); font-weight:700} #board .bl_head em {font-weight:600} #board .b_list ul > li > div {padding:1.4rem 2rem; line-height:3rem;} #board .bl_head > div {padding:1.5rem 2rem; line-height:3rem;} #board .bl_head .bl_tit {text-align:center;} #board .bl_num {flex-shrink:0; width:6rem;} #board .bl_year {flex-shrink:0; width:16rem; font-weight:400} #board .bl_tit {width:100%;} #board .bl_file {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:6rem;} #board .bl_file.t1 {width:16rem;} #board .bl_file a {display:flex; align-items:center; justify-content:center; width:3rem; height:3rem;} #board .b_list .bl_date, #board .bl_head .b_date {flex-shrink:0; width:10rem; padding-right:0; padding-left:0; text-align:center;} #board .bl_head > div.bl_date {padding-right:0; padding-left:0;} #board .bl_date.t1 {width:25rem;} #board .bl_date time {font-size:1.4rem; line-height:2.8rem; letter-spacing:-0.028rem; font-weight:400; color:var(--secondary-color-3)} #board .bl_body .bl_tit {display:flex; justify-content:flex-start;} #board .bl_body .bl_num {font-size:1.4rem; letter-spacing:-0.028rem; color:var(--secondary-color-3)} #board .bl_head {display:flex; border-top:0.2rem solid var(--ibk-blue); border-bottom:0.1rem solid var(--secondary-color-5)} #board.b_faq {padding-top:5rem; margin-top:-5rem;} #board .bf_list {margin-top:5rem; text-align:left;} #board .bf_list .b_empty {border-top:0.1rem solid var(--secondary-color-5)} #board .bf_list li {position:relative; padding:0 3rem; border:0.1rem solid var(--secondary-color-6-line); border-radius:1.5rem; box-sizing:border-box;} #board .bf_list li > div, #board .bf_list li > button {display:flex;} #board .bf_list li .bfl_a {display:none; padding-top:2rem; padding-bottom:1.9rem; border-top:0.1rem solid var(--secondary-color-6-line)} #board .bf_list li .bfl_q {width:100%; padding:1.9rem 0; font-size:1.8rem; line-height:3.2rem; letter-spacing:-0.036rem;} #board .bf_list li .bfl_q mark {padding-left:0.35rem; margin-right:1.85rem; color:var(--ibk-blue); font-weight:700; line-height:3.2rem} #board .bf_list li .bfl_q span {margin-right:4.5rem; text-align:left} #board .bf_list li .bfl_a mark {padding-left:0.35rem; margin-right:1.85rem; font-weight:700; font-size:1.8rem; line-height:3.2rem; letter-spacing:-0.036rem;} #board .bf_list li .bfl_a p {font-weight:400; line-height:3rem} #board .bf_list li:hover .bfl_q span {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;} #board .bf_list li.on:hover .bfl_q span {text-decoration:none} #board .bf_list li > i {position:absolute; right:3.2rem; top:2.4rem; pointer-events:none; transition:0.2s;} #board .bf_list li + li {margin-top:1rem;} #board .bf_list li.on {background:var(--secondary-color-6); border-color:var(--secondary-color-3)} #board .bf_list li.on > i {transform:rotate(-180deg);} #board .bf_list li.on .bfl_a > div {display:flex} #board button[type="submit"] i.search.small {background-position:80% -19.2rem;} /* editor */ #board .b_view .bv_body .bvb_cont blockquote, .note-editor blockquote {padding:1rem 2rem; margin:0 0 2rem; border-left:0.5rem solid var(--ibk-blue); font-size:1.7rem;} #board .b_view .bv_body .bvb_cont pre, .note-editor pre {display:block; padding:1rem; margin:0 0 1rem; border:0.1rem solid var(--secondary-color-5); border-radius:0.4rem; background-color:var(--secondary-color-6); font-size:1.4rem; line-height:2rem; word-break:break-all; word-wrap:break-word;} #board .b_view .bv_body .bvb_cont h1, .note-editor h1 {font-size:3.5rem; line-height:4rem;} #board .b_view .bv_body .bvb_cont h2, .note-editor h2 {font-size:3rem; line-height:3.6rem;} #board .b_view .bv_body .bvb_cont h3, .note-editor h3 {font-size:1.8rem; line-height:3rem;} #board .b_view .bv_body .bvb_cont h4, .note-editor h4 {font-size:1.6rem; line-height:3rem;} #board .b_view .bv_body .bvb_cont h5, .note-editor h5 {font-size:1.4rem; line-height:3rem;} #board .b_view .bv_body .bvb_cont h6, .note-editor h6 {font-size:1.2rem; line-height:2.5rem;} #board .b_view .bv_body .bvb_cont p, .note-editor p {font-size:1.6rem; line-height:3rem;} #board .b_view .bv_body .bvb_cont b, .note-editor b {font-weight:700;} #board .b_view .bv_body .bvb_cont i, .note-editor i {font-style:italic;} #board .b_view .bv_body .bvb_cont ol, .note-editor ol {list-style:decimal;} #board .b_view .bv_body .bvb_cont li, .note-editor li {list-style:inherit;} #board .b_view .bv_body .bvb_cont ul li, .note-editor ul li {list-style:disc;} #board .b_view .bv_body .bvb_cont a, .note-editor p > a {color:var(--ibk-blue); text-decoration:underline !important;} #board .b_view .bv_body .bvb_cont hr, .note-editor hr {display:block; box-sizing:content-box; height:0; margin:2rem 0; border:none; border-top:0.1rem solid var(--secondary-color-6-line);} #board .b_view .bv_body .bvb_cont table {width:100%; border-collapse:collapse;} #board .b_view .bv_body .bvb_cont table td, #board .b_view .bv_body .bvb_cont table th {padding:0.5rem 0.3rem; border:0.1rem solid #ececec;} .note-editor .note-editing-area .note-editable {background:#fff;} #board .b_view .bv_body .bvb_cont ol li, #board .b_view .bv_body .bvb_cont ul li {list-style-position:inside;} @media (max-width:1750px) { #contents.c_main .cm_nav ul li:nth-child(2n) .cmn_explanation > p {left:auto; right:-1rem;} #contents.c_main .cm_nav ul li:nth-child(2n) .cmn_explanation > p:before {left:auto; right:1.5rem;} } @media (max-width:1280px) { #contents.c_main .cm_nav ul li .cmn_explanation > p > span {font-size:1.2rem; line-height:2rem;} /* contents */ #contents {padding-top:0 !important; margin-top:7rem;} #contents .c_wrap {padding-top:16rem;} #contents .c_more {width:6.5rem; height:6.5rem;} #contents .c_more:before {left:-6rem; width:6rem; height:6rem; box-shadow:3rem 3rem 0 0 var(--basic-color-w);} #contents .c_more:after {top:-6rem; width:6rem; height:6rem; 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_area, #contents.c_main .cm_area.t1 {padding:3rem 0;} #contents.c_main .cm_hero {z-index:0; width:61.22%; padding-right:0;} #contents.c_main .cm_hero .cmh_slide, #contents.c_main .cm_hero .cmh_slide .slick-slide {height:auto; aspect-ratio:16/9;} #contents.c_main .cm_hero .cmh_slide mark {left:3rem; top:3rem; font-size:1.4rem;} #contents.c_main .cm_hero .cmh_slide p {left:3rem; right:45%; top:8rem; font-size:2rem; line-height:3.3rem;} #contents.c_main .cm_hero .cmh_slide p strong {height:3.3rem;} #contents.c_main .cm_hero .cmh_slide p span {height:6.6rem;} #contents.c_main .cm_hero .cmh_slide b {left:3rem; bottom:10rem; height:4.1rem; padding:0rem 2rem; padding-right:4rem; font-size:1.6rem; line-height:4.1rem;} #contents.c_main .cm_hero .cmh_nav {width:33rem;} #contents.c_main .cm_hero .cmh_nav .cmhn_bar {left:7rem; width:8rem;} #contents.c_main .cm_nav {z-index:2; width:38.78%;} #contents.c_main .cm_nav ul li a {height:auto; border-radius:3rem; aspect-ratio:109/66;} #contents.c_main .cm_nav ul li a > strong {left:2rem; top:2rem; font-size:1.6rem; line-height:2.3rem;} #contents.c_main .cm_nav ul li a > span {left:2rem; top:4.3rem; font-size:1.6rem; line-height:2.3rem;} #contents.c_main .cm_nav ul li a .cmn_icon {right:2rem; bottom:2rem; width:4rem; height:4rem;} #contents.c_main .cm_info ul {width:calc(100% + 2rem); margin-left:-1rem;} #contents.c_main .cm_info ul li {width:50%; padding:0 1rem;} #contents.c_main .cm_info ul li:nth-last-child(1), #contents.c_main .cm_info ul li:nth-last-child(2) {margin-top:2rem;} #contents.c_main .cm_info ul li .cmi_box {height:26rem; padding:2.5rem 3rem; border-radius:3rem 3rem 0;} #contents.c_main .cm_info ul li:nth-last-child(1) .cmi_box, #contents.c_main .cm_info ul li:nth-last-child(2) .cmi_box {height:18rem;} #contents.c_main .cm_info ul li .cmi_box:before {left:2.5rem; bottom:2.5rem; width:10rem; height:10rem;} #contents.c_main .cm_info ul li:nth-child(2) .cmi_box:before {background-position:center -10rem;} #contents.c_main .cm_board + .cm_board {margin-top:4rem;} #contents.c_main .cm_board .cmb_title {margin-bottom:2rem;} #contents.c_main .cm_board .cmb_list ul {width:calc(100% + 2rem); margin-left:-1rem;} #contents.c_main .cm_board .cmb_list ul li {padding:0 1rem;} #contents.c_main .cm_board .cmb_list ul li:nth-child(n + 3) {margin-top:2rem;} #contents.c_main .cm_board .cmb_list ul li > a {border-radius:3rem;} #contents.c_main .cm_board .cmb_list ul li > a .cmbl_box {padding:2rem;} #contents.c_main .cm_board .cmb_list ul li > a .cmbl_more {right:2rem; top:2rem;} #contents.c_main .cm_board .cmb_list ul li > a strong {margin:1rem 0;} #contents.c_main .cm_inquiry ul li .cmi_box {height:26rem; padding:2.5rem 3rem; border-radius:3rem 3rem 0;} #contents.c_main .cm_inquiry ul li .cmi_box:before {left:2.5rem; bottom:2.5rem; width:10rem; height:10rem;} #contents.c_main .cm_inquiry ul li:nth-child(1) .cmi_box:before {background-position:center -20rem;} #contents.c_main .cm_inquiry ul li:nth-child(2) .cmi_box:before {background-position:center -30rem;} #contents.c_main .cm_inquiry ul li:nth-child(3) .cmi_box:before {background-position:center -40rem;} /* submain */ #contents .c_submain .c_title .ct_deco {width:15rem; height:15rem;} #contents .c_submain .c_title > p {font-size:3rem; line-height:3.5rem;} #contents .c_submain .title.dot {font-size:2.2rem;} .text.middle, .text .middle {font-size:1.6rem; line-height:3rem;} #contents .c_submain .cs_faq .csf_list li {padding:0 2rem;} #contents .c_submain .cs_faq .csf_list .csfl_q {padding:1.5rem 0; font-size:1.6rem; line-height:3rem; letter-spacing:-0.032rem;} #contents .c_submain .cs_faq .csf_list .csfl_q mark, #contents .c_submain .cs_faq .csf_list .csfl_a mark {font-size:1.6rem; line-height:3rem;} #contents .c_submain .cs_faq .csf_list .csfl_a {padding-top:1.5rem; padding-bottom:1.5rem; font-size:1.5rem;} #contents .c_submain .cs_faq .csf_list li > i {top:2rem;} #contents .c_nav li .cn_box {border-radius:3rem} #contents .c_nav li strong, #contents .c_nav li span {font-size:1.8rem} #contents .c_submain .cs_direct > ul > li > div > i {width:6rem; height:6rem;} #contents .c_submain .cs_direct > ul > li:nth-child(2) > div > i, #contents .c_submain.c_retireann .cs_direct > ul li:nth-child(2) > div > i, #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(2) > div > i {background-position:center -6rem;} #contents .c_submain .cs_direct > ul > li:nth-child(3) > div > i, #contents .c_submain.c_retireann .cs_direct > ul li:nth-child(3) > div > i, #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(3) > div > i {background-position:center -12rem;} #contents .c_submain .cs_direct > ul > li:nth-child(4) > div > i, #contents .c_submain.c_retireann .cs_direct > ul li:nth-child(4) > div > i, #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(4) > div > i {background-position:center -18rem;} #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(5) > div > i {background-position:center -24rem;} #contents .c_submain.c_pbano .cs_direct > ul li:nth-child(6) > div > i {background-position:center -30rem;} #contents .c_submain .cs_menu .csm_list > li .title.dot {margin-right:3.5rem;} #contents .c_submain .cs_direct > ul > li > div {padding:2rem 2.5rem} #contents .c_submain .cs_direct > ul.csd3 li {border-radius:3rem;} #contents .c_submain .cs_direct .csd_title {padding:3rem; border-radius:3rem;} #contents .c_submain .cs_menu .csm_list > li {padding:2.5rem 3.5rem;} #contents .c_submain.c_contact .cs_direct > ul > li li a {font-size:2rem;} #contents .c_submain.c_contact .cs_direct > ul > li li + li, #contents .c_submain.c_contact .cs_direct > ul > li ul + p {margin-top:0} #contents .c_submain.c_contact .cs_faq form .csf_search {padding:2.5rem 0} #contents .c_submain.c_contact .cs_faq form .csf_search > div input {font-size:1.6rem;} #contents .c_submain .cs_faq .csf_list li button > i {top:1.8rem;} #contents .c_submain .cs_menu .csm_list > li .title.dot {width:30.5rem; min-width:30.5rem; margin-right:1rem;} #contents .c_submain .cs_menu .csm_list .csml_info > div:first-child {margin-right:1rem;} /* channel */ #contents .c_channel .c_box {padding:3.5rem} #contents .c_channel .c_div.div4 > ul > li::after {padding-bottom:67%} #contents .c_channel .cc_list li .ccl_box .ccl_icon {width:7rem; height:7rem; padding:1.9rem; border-radius:2rem;} #contents .c_channel .cc_list li .ccl_box .ccl_icon i {transform:scale(0.9)} /* retireann */ #contents .c_retireann .cr_retire li .c_box {padding:3rem 4rem;} #contents .c_retireann .cr_retire li .title {margin-bottom:3rem;} #contents .c_retireann .cr_bi {border-radius:3rem; margin:3.5rem 0; gap:1.3rem; height:14rem;} #contents .c_retireann .cr_bi img {width:15rem;} #contents .c_retireann .cr_mix > div {width:58rem;} #contents .c_retireann .cr_info ul li .cri_box {padding:2rem 1.5rem; border-radius:3rem;} #contents .c_retireann .cr_info ul li .cri_box br {display:none;} #contents .c_retireann .cr_info.t1 ul li .cri_box br {display:block;} #contents .c_retireann .cr_plusbox ul li .crp_box {padding:1.5rem; border-radius:3rem;} #contents .c_retireann .cr_product .crp_body {padding:2rem;} #contents .c_retireann .cr_product .crp_body .text.bold.mb-10, #contents .c_retireann .cr_product .crp_body ul.mb-10 {margin-bottom:0.5rem!important;} #contents .c_retireann .cr_product .crp_body li.text.dot.tl {padding-left:0.5rem} #contents .c_retireann .c_article > h4 + ul.pl-25 br {display:none;} #contents .c_retireann .c_box em + p br {display:none;} #contents .c_retireann .c_box ul li br {display:none;} /* about */ #contents .c_about .ca_map #map {height:35rem;} #contents .c_wrap.c_ethics, #contents .c_wrap.c_ceo, #contents .c_wrap.c_ctrbt {padding-bottom:10rem; padding-top:22rem;} #contents .c_ethics .c_title, #contents .c_ceo .c_title, #contents .c_ctrbt .c_title {margin-bottom:0} #contents .c_ethics .ce_list {padding:6rem 8rem} #contents .c_ethics .ce_logo img {max-width:34rem} #contents .c_wrap.c_ceo .huge.mt-100 {margin-top:7rem!important;} #contents .c_about .ca_banner {margin-bottom:7rem;} #contents .ca_txt .text.big.mt-100 {margin-top:0!important;} #contents .c_wrap.c_ceo .text.big.mt-100 br {display:none} #contents .c_ctrbt .cc_content {margin-top:7rem} #contents .c_ctrbt .cc_content > div {padding:4rem;} #contents .c_ctrbt .cc_content > div mark {margin:2.5rem 0} /* contact > c_guide */ #contents .c_guide .cg_banner {padding:3rem;} #contents .c_guide .cg_banner .cgb_contents > div p br {display:none} #contents .c_ceo p.huge strong {text-decoration-thickness:0.7rem;} /* contact > c_mobile */ #contents .c_mobile .cm_screen figure:nth-child(1) img {top:13rem; left:6%; width:21rem; height:auto;} #contents .c_mobile .cm_screen figure:nth-child(2) img {top:6rem; right:inherit; left:32%; width:29rem; height:auto;} #contents .c_mobile .cm_process > li {padding:2rem 2.5rem; border-radius:3rem;} #contents .c_mobile .cm_process .cmp_title em, #contents .c_mobile .cm_process .cmp_title span {font-size:1.6rem;} #contents .c_mobile .cm_process .cmp_title span {width:2.8rem; height:2.8rem; line-height:2.8rem;} #contents .c_mobile .cm_process .cmp_title {min-width:15rem;} #contents .c_mobile .cm_process .cmp_qr p {line-height:2rem;} #contents .c_org .co_box {padding:5rem 4rem} #contents .c_regul .cr_rule {padding:3rem;} #contents .c_benefit .cb_title {padding:1.2rem 0; font-size:2.3rem;} #contents .c_benefit .cb_reason .cr {font-size:2.3rem;} #contents .c_benefit .cb_reason span {font-size:2rem} #contents .c_benefit .cb_reason .cbr_txt {height:12rem;} #contents .c_benefit .cb_txt {font-size:2.2rem; line-height:3.5rem;} #contents .c_notice + .btn_wrap {margin-top:4rem;} .c_indv .c_article .text.dot > .d_flex {flex-wrap:wrap} .c_indv .c_article .text.dot > .d_flex > p {width:100%;} #contents .c_indv .d_flex .btn {margin-left:0;} #contents .c_indv .d_flex .btn + button {margin-left:1rem} /* board */ #board .bf_list li {padding:0 2rem;} #board .bf_list li .bfl_q {padding:1.5rem 0; font-size:1.6rem; line-height:3rem; letter-spacing:-0.032rem;} #board .bf_list li .bfl_q mark {font-size:1.6rem; line-height:3rem} #board .bf_list li .bfl_a, #board .bf_list li .bfl_a mark {font-size:1.5rem;} #board .bf_list li .bfl_a {padding-top:1.5rem; padding-bottom:1.5rem} #board .bf_list li .bfl_q mark, #board .bf_list li .bfl_a mark {margin-right:1.5rem;} #board .bf_list li > i {top:2rem;} #board .b_search.t1, .tabwrap.t1, #contents .c_title {margin-bottom:4rem;} #board .bf_list {margin-top:4rem;} #contents .c_benefit .cb_saving .cbs_content {margin-top:4.5rem} #contents .c_ethics .ce_list li > mark {left:3.5rem; top:-1.5rem; width:4.2rem; height:4.2rem} } @media (max-width:1095px) { #contents .c_mobile .cm_entr th, #contents .c_mobile .cm_entr td {height:9.6rem} }