@charset "utf-8";
/* g5 : 0404 틀니·무치악 / 0405 보험 / 0406 HERI / 0407 IBS — 통이미지 HTML 전환 (2026-10-22)
   단위: --u = 원본 이미지 1px (PC 1920 기준 최대 1px, 1400px 이하에서 비례 축소 / 모바일 750 기준) */
.jsg5{--u:min(1px,calc(100vw / 1400));--h:calc(100vw / 1920);position:relative;overflow:hidden;font-family:'Noto Sans KR',sans-serif;color:#000;letter-spacing:-1px;word-break:keep-all;background:#fff;text-align:left}
.jsg5 *{box-sizing:border-box}
.jsg5 h2,.jsg5 h3,.jsg5 h4,.jsg5 h5,.jsg5 p,.jsg5 ul,.jsg5 li,.jsg5 dl,.jsg5 dt,.jsg5 dd{margin:0;padding:0;font-family:inherit;letter-spacing:inherit;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
.jsg5 li{list-style:none}
.jsg5 img{display:block;max-width:none;border:0}
.jsg5 b,.jsg5 strong{font-weight:700}
.jsg5 .jsg5_mo{display:none}
.jsg5 .jsg5_in{position:relative;width:calc(1300*var(--u));margin:0 auto}
.jsg5 .jsg5_c{text-align:center}
.jsg5 .jsg5_or{color:#fba200}
.jsg5 .jsg5_hl{background:linear-gradient(to bottom,transparent 58%,#ffe1b2 58%,#ffe1b2 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.jsg5 .jsg5_hl2{background:linear-gradient(to bottom,transparent 55%,#fff6b5 55%,#fff6b5 95%,transparent 95%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.jsg5 .jsg5_deco{position:absolute;font-family:'Montserrat',sans-serif;font-weight:700;line-height:1;letter-spacing:0;color:transparent;-webkit-text-stroke:1px #e3e3e3;white-space:nowrap;pointer-events:none;user-select:none;z-index:0}
.jsg5 .jsg5_deco.jsg5_fill{-webkit-text-stroke:0;color:rgba(0,0,0,.045)}

/* hero */
.jsg5 .jsg5_hero{position:relative;height:calc(936*var(--h));background:#fff url(/img/sub/html/0404_wm.jpg) 0 0/calc(960*var(--h)) auto no-repeat}
.jsg5 .jsg5_hero picture,.jsg5 .jsg5_hero_img{position:absolute;right:0;top:0;width:50%;height:100%}
.jsg5 .jsg5_hero_img img{width:100%;height:100%;object-fit:cover}
.jsg5 .jsg5_hero_txt{position:absolute;left:calc(310*var(--h));top:calc(330*var(--h));z-index:1}
.jsg5 .jsg5_hero_lb{display:inline-block;font-size:calc(22*var(--h));line-height:calc(26*var(--h));font-weight:700;color:#fba200;border-bottom:calc(1*var(--h)) solid #fba200;padding-bottom:calc(1*var(--h))}
.jsg5 .jsg5_hero_tt{margin-top:calc(22*var(--h));font-size:calc(80*var(--h));line-height:calc(96*var(--h));font-weight:700;letter-spacing:-0.03em}
.jsg5 .jsg5_hero_sb{margin-top:calc(66*var(--h));font-size:calc(21*var(--h));line-height:calc(32*var(--h));font-weight:400}
.jsg5 .jsg5_hero_tt1+.jsg5_hero_sb{margin-top:calc(66*var(--h))}

/* section title (light + bold) */
.jsg5 .jsg5_tit{text-align:center;font-size:calc(49*var(--u));line-height:calc(60*var(--u));font-weight:300;letter-spacing:-0.04em}
.jsg5 .jsg5_tit b{display:block;font-weight:700}
.jsg5 .jsg5_tit b.jsg5_inl{display:inline}

/* intro */
.jsg5 .jsg5_intro{padding-top:calc(178*var(--u));text-align:center}
.jsg5 .jsg5_intro h3{font-size:calc(48*var(--u));line-height:calc(65*var(--u));font-weight:700;letter-spacing:-0.04em}
.jsg5 .jsg5_intro_p{margin-top:calc(52*var(--u));font-size:calc(24*var(--u));line-height:calc(35*var(--u));font-weight:400}
.jsg5 .jsg5_vline{position:relative;z-index:2;width:1px;height:calc(180*var(--u));margin:calc(50*var(--u)) auto calc(-58*var(--u));background:#000}
.jsg5 .jsg5_band{background:linear-gradient(to bottom,#fff 0,#fff calc(255*var(--u)),#fee100 calc(255*var(--u)))}
.jsg5 .jsg5_band_ph img,.jsg5 .jsg5_band_ph picture{display:block;width:calc(1300*var(--u));height:auto}
.jsg5 .jsg5_cols{display:flex;padding:calc(92*var(--u)) 0 calc(96*var(--u))}
.jsg5 .jsg5_cols_h{flex:0 0 calc(548*var(--u));font-size:calc(39.5*var(--u));line-height:calc(55*var(--u));font-weight:700;letter-spacing:-0.05em}
.jsg5 .jsg5_cols_p{flex:1;font-size:calc(21.5*var(--u));line-height:calc(32*var(--u))}
.jsg5 .jsg5_cols_p p+p{margin-top:calc(32*var(--u))}

/* cards */
.jsg5 .jsg5_cards{display:flex;justify-content:space-between}
.jsg5 .jsg5_card{background:#fff;box-shadow:0 0 calc(18*var(--u)) rgba(0,0,0,.07);text-align:center}
.jsg5 .jsg5_card_pt{font-family:'Montserrat',sans-serif;font-weight:600;font-size:calc(26*var(--u));line-height:calc(30*var(--u));letter-spacing:-0.03em}
.jsg5 .jsg5_card_dash{display:block;width:calc(11*var(--u));height:calc(2*var(--u));background:#000;margin:calc(16*var(--u)) auto calc(11*var(--u))}
.jsg5 .jsg5_card_p{font-size:calc(21*var(--u));line-height:calc(32*var(--u))}

/* ===== 0404 ===== */
.jsg5 .js0404_adv{padding-top:calc(192*var(--u))}
.jsg5 .js0404_adv .jsg5_cards{width:calc(1282*var(--u));margin:calc(97*var(--u)) auto 0}
.jsg5 .js0404_adv .jsg5_card{width:calc(310*var(--u));height:calc(466*var(--u));padding-top:calc(65*var(--u))}
.jsg5 .js0404_adv .jsg5_card img{margin:0 auto;height:auto}
.jsg5 .js0404_ic{height:calc(85*var(--u));display:flex;align-items:center;justify-content:center;margin-bottom:calc(51*var(--u))}
.jsg5 .js0404_sel{position:relative;margin-top:calc(205*var(--u));background:#ececec;height:calc(880*var(--u))}
.jsg5 .js0404_sel_ph{position:absolute;top:0;right:50%;width:calc(960*var(--u));height:calc(880*var(--u))}
.jsg5 .js0404_sel_ph img{width:100%;height:100%;object-fit:cover}
.jsg5 .js0404_sel_r{position:absolute;left:50%;top:0;width:calc(650*var(--u))}
.jsg5 .js0404_sel .jsg5_tit{text-align:left;padding:calc(181*var(--u)) 0 0 calc(50*var(--u));letter-spacing:-0.04em}
.jsg5 .js0404_sel_box{margin-top:calc(44*var(--u));background:#f6f6f6;padding:calc(52*var(--u)) calc(30*var(--u)) calc(50*var(--u)) calc(53*var(--u));font-size:calc(21.5*var(--u));line-height:calc(32*var(--u))}
.jsg5 .js0404_sel_box strong{display:block;margin-bottom:calc(32*var(--u))}
.jsg5 .js0404_types{position:relative;padding:calc(209*var(--u)) 0 calc(194*var(--u))}
.jsg5 .js0404_row{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start}
.jsg5 .js0404_row1{margin-top:calc(118*var(--u))}
.jsg5 .js0404_row+.js0404_row{margin-top:calc(253*var(--u))}
.jsg5 .js0404_row_img{flex:0 0 calc(550*var(--u))}
.jsg5 .js0404_row_img img{width:calc(550*var(--u));height:auto}
.jsg5 .js0404_need{background-image:url(/img/sub/html/0404_05.jpg)}
.jsg5 .js0404_row_tx{flex:0 0 calc(550*var(--u))}
.jsg5 .js0404_lb{display:inline-block;font-size:calc(22*var(--u));line-height:calc(24*var(--u));font-weight:500;color:#fba200;border-bottom:1px solid #fba200;padding-bottom:calc(2*var(--u))}
.jsg5 .js0404_row h4{margin-top:calc(20*var(--u));font-size:calc(49*var(--u));line-height:calc(58*var(--u));font-weight:700;letter-spacing:-0.04em}
.jsg5 .js0404_row h4 span{display:block;font-weight:300}
.jsg5 .js0404_strong{margin-top:calc(42*var(--u));font-size:calc(29*var(--u));line-height:calc(40*var(--u))}
.jsg5 .js0404_strong b{font-weight:700}
.jsg5 .js0404_row_tx .jsg5_p{margin-top:calc(37*var(--u));font-size:calc(21.5*var(--u));line-height:calc(32*var(--u))}
.jsg5 .js0404_d1{left:calc(50% + calc(280*var(--u)));top:calc(273*var(--u));font-size:calc(250*var(--u))}
.jsg5 .js0404_d2{right:calc(50% + calc(230*var(--u)));top:calc(918*var(--u));font-size:calc(250*var(--u))}
.jsg5 .js0404_need{background-position:center;background-size:cover;background-repeat:no-repeat;height:calc(770*var(--u));padding-top:calc(192*var(--u))}
.jsg5 .js0404_list{display:grid;grid-template-columns:calc(638*var(--u)) calc(638*var(--u));column-gap:calc(31*var(--u));row-gap:calc(15*var(--u));width:calc(1307*var(--u));margin:calc(90*var(--u)) auto 0}
.jsg5 .js0404_list li{display:flex;align-items:center;height:calc(80*var(--u));background:#fff;padding-left:calc(23*var(--u));font-size:calc(21*var(--u))}
.jsg5 .js0404_list li img{width:calc(30*var(--u));height:calc(30*var(--u));margin-right:calc(27*var(--u))}

/* generic rows (0405~) */
.jsg5 .jsg5_row{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start}
.jsg5 .jsg5_row_img{flex:0 0 calc(550*var(--u))}
.jsg5 .jsg5_row_img img,.jsg5 .jsg5_row_img picture{display:block;width:calc(550*var(--u));height:auto}
.jsg5 .jsg5_row_tx{flex:1 1 auto;min-width:0}
.jsg5 .jsg5_row_r .jsg5_row_tx{margin-left:calc(200*var(--u))}
.jsg5 .jsg5_lb{display:inline-block;font-size:calc(22*var(--u));line-height:calc(24*var(--u));font-weight:500;color:#fba200;border-bottom:1px solid #fba200;padding-bottom:calc(2*var(--u))}
.jsg5 .jsg5_row h4{margin-top:calc(20*var(--u));font-size:calc(50*var(--u));line-height:calc(58*var(--u));font-weight:700;letter-spacing:-0.04em;white-space:nowrap}
.jsg5 .jsg5_row_hl{margin-top:calc(30*var(--u));font-size:calc(29*var(--u));line-height:calc(40*var(--u))}
.jsg5 .jsg5_row_tx .jsg5_p{margin-top:calc(36*var(--u));font-size:calc(21.5*var(--u));line-height:calc(32*var(--u))}

/* ===== 0405 ===== */
.jsg5 .js0405_intro{padding-top:calc(184*var(--u))}
.jsg5 .js0405_intro .jsg5_intro_p{margin-top:calc(30*var(--u))}
.jsg5 .js0405_intro .jsg5_vline{margin-top:calc(48*var(--u))}
.jsg5 .js0405_cols{padding-bottom:calc(195*var(--u))}
.jsg5 .js0405_ben{position:relative;padding:calc(190*var(--u)) 0 calc(199*var(--u))}
.jsg5 .js0405_ben .jsg5_row h4{font-size:calc(48.5*var(--u))}
.jsg5 .js0405_row1 .jsg5_p{margin-top:calc(39*var(--u))}
.jsg5 .js0405_row2 .jsg5_p{margin-top:calc(20*var(--u))}
.jsg5 .js0405_ben .jsg5_in{left:calc(-14*var(--u))}
.jsg5 .js0405_row1{margin-top:calc(189*var(--u))}
.jsg5 .js0405_row2{margin-top:calc(250*var(--u))}
.jsg5 .js0405_d1{left:calc(50% - calc(285*var(--u)));top:calc(243*var(--u));font-size:calc(250*var(--u))}
.jsg5 .js0405_d2{left:calc(50% - calc(955*var(--u)));top:calc(893*var(--u));font-size:calc(250*var(--u))}
.jsg5 .js0405_guide{position:relative;z-index:1;width:calc(1300*var(--u));margin:calc(206*var(--u)) auto 0;background:#fff;box-shadow:0 0 calc(20*var(--u)) rgba(0,0,0,.07);padding:calc(73*var(--u)) calc(33*var(--u)) calc(110*var(--u));font-size:calc(17.7*var(--u));line-height:calc(41*var(--u));overflow:hidden}
.jsg5 .js0405_guide>h4,.jsg5 .js0405_gl{padding-left:calc(40*var(--u))}
.jsg5 .js0405_guide>h4{font-size:calc(29*var(--u));line-height:calc(36*var(--u));font-weight:700;letter-spacing:-0.04em}
.jsg5 .js0405_gic{position:absolute;right:calc(50*var(--u));top:calc(59*var(--u));width:calc(226*var(--u));height:auto}
.jsg5 .js0405_gl{margin-top:calc(34*var(--u))}
.jsg5 .js0405_gl.js0405_gl2{margin-top:calc(30*var(--u))}
.jsg5 .js0405_gl2 li:last-child{margin-top:calc(5*var(--u))}
.jsg5 hr.js0405_hr{display:block;height:1px;border:0;background:#777;margin:calc(68*var(--u)) 0 calc(62*var(--u));padding:0}
.jsg5 .js0405_sep{font-style:normal}
.jsg5 .js0405_note{margin-top:calc(15*var(--u));padding-left:calc(46*var(--u));font-size:calc(17.8*var(--u));line-height:calc(25*var(--u));font-weight:500}
.jsg5 .js0405_box{margin:calc(47*var(--u)) calc(42*var(--u)) 0 calc(46*var(--u));background:#fff5b1;padding:calc(21*var(--u)) calc(20*var(--u)) calc(22*var(--u)) calc(47*var(--u));text-indent:calc(-18*var(--u));font-size:calc(17.7*var(--u));line-height:calc(25*var(--u));font-weight:700}

/* ===== 0406 ===== */
.jsg5 .js0406_intro{padding-top:calc(189*var(--u))}
.jsg5 .js0406_intro .jsg5_vline{height:calc(182*var(--u));margin:calc(44*var(--u)) auto 0}
.jsg5 .js0406_band{margin-top:calc(48*var(--u));background:linear-gradient(to bottom,#fff 0,#fff calc(148*var(--u)),#fee100 calc(148*var(--u)))}
.jsg5 .js0406_cards{display:flex;justify-content:space-between}
.jsg5 .js0406_cards .jsg5_card{width:calc(295*var(--u));height:calc(444*var(--u));padding:calc(63*var(--u)) 0 0 calc(20*var(--u));text-align:left}
.jsg5 .js0406_ic{height:calc(89*var(--u));display:flex;align-items:flex-end;justify-content:center;margin:0 calc(20*var(--u)) 0 0}
.jsg5 .js0406_ic img{height:auto}
.jsg5 .js0406_cards .jsg5_card_pt{margin-top:calc(12*var(--u));text-align:center;padding-right:calc(20*var(--u));font-size:calc(24*var(--u))}
.jsg5 .js0406_kr{text-align:center;padding-right:calc(20*var(--u));font-size:calc(22.5*var(--u));line-height:calc(30*var(--u))}
.jsg5 .js0406_cards .jsg5_card_dash{margin:calc(16*var(--u)) 0 calc(13*var(--u)) calc(50% - calc(15.5*var(--u)))}
.jsg5 .js0406_cards .jsg5_card_p{font-size:calc(21.5*var(--u))}
.jsg5 .js0406_cols{padding:calc(40*var(--u)) 0 calc(148*var(--u))}
.jsg5 .js0406_cols .jsg5_cols_p{padding-top:calc(3*var(--u))}
.jsg5 .js0406_cols_h{flex-basis:calc(553*var(--u));font-weight:300;font-size:calc(40.5*var(--u));line-height:calc(56*var(--u))}
.jsg5 .js0406_cols_h b{display:block;font-size:calc(39.5*var(--u));font-weight:700}
.jsg5 .js0406_way{position:relative;padding-top:calc(185*var(--u));padding-bottom:calc(151*var(--u))}
.jsg5 .js0406_wayin{display:flex;justify-content:space-between;margin-top:calc(152*var(--u))}
.jsg5 .js0406_wm{position:absolute;left:calc(-310*var(--u));top:calc(-287*var(--u));width:calc(560*var(--u));height:calc(550*var(--u));z-index:0}
.jsg5 .js0406_grp{position:relative;z-index:1;width:calc(565*var(--u))}
.jsg5 .js0406_dg{display:flex;justify-content:space-between;align-items:flex-start}
.jsg5 .js0406_dc{position:relative;width:calc(240*var(--u));height:calc(290*var(--u));box-shadow:0 0 calc(12*var(--u)) rgba(0,0,0,.05)}
.jsg5 .js0406_dc img{width:calc(240*var(--u));height:calc(290*var(--u))}
.jsg5 .js0406_lbl{position:absolute;font-size:calc(17.5*var(--u));line-height:calc(28*var(--u));color:#000;white-space:nowrap}
.jsg5 .js0406_arr{position:relative;flex:0 0 calc(59*var(--u));height:calc(59*var(--u));margin-top:calc(119*var(--u));background:#515151}
.jsg5 .js0406_arr:after{content:"";position:absolute;left:calc(22*var(--u));top:calc(22*var(--u));width:calc(13*var(--u));height:calc(13*var(--u));border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}
.jsg5 .js0406_pbox{margin-top:calc(33*var(--u));height:calc(226*var(--u));text-align:center;padding-top:calc(52*var(--u));font-size:calc(21.5*var(--u));line-height:calc(32*var(--u))}
.jsg5 .js0406_pbox h4{font-weight:700;margin-bottom:calc(18*var(--u))}
.jsg5 .js0406_pbox_y{background:#fff6b3}
.jsg5 .js0406_pbox_g{background:#f3f3f3}
.jsg5 .js0406_cmp{position:relative;background:#ececec;padding:calc(191*var(--u)) 0 calc(181*var(--u))}
.jsg5 .js0406_d{left:calc(-12*var(--u));top:calc(-2*var(--u));font-size:calc(236*var(--u));line-height:0.79;font-weight:800;color:#e3e3e3}
.jsg5 .js0406_cmpin{display:flex;justify-content:space-between;margin-top:calc(37*var(--u))}
.jsg5 .js0406_cmpin:before{content:"";position:absolute;left:0;right:0;top:calc(396*var(--u));height:1px;background:repeating-linear-gradient(90deg,#000 0,#000 2px,transparent 2px,transparent 3px)}
.jsg5 .js0406_cc{width:calc(548*var(--u));text-align:center}
.jsg5 .js0406_circ{width:calc(274*var(--u));height:calc(274*var(--u));margin:0 auto calc(27*var(--u))}
.jsg5 .js0406_tb h4{height:calc(96*var(--u));padding-top:calc(28*var(--u));font-size:calc(29*var(--u));line-height:calc(36*var(--u));font-weight:300;letter-spacing:-0.04em}
.jsg5 .js0406_tb h4 b{font-weight:700}
.jsg5 .js0406_tb{height:calc(320*var(--u));padding-top:0}
.jsg5 .js0406_cc1 .js0406_tb{background:#d9d9d9}
.jsg5 .js0406_cc2 .js0406_tb{background:linear-gradient(to bottom,#fff6b3 0,#fff6b3 calc(96*var(--u)),#fffad2 calc(96*var(--u)))}
.jsg5 .js0406_tb p{padding-top:calc(34*var(--u));font-size:calc(21.2*var(--u));line-height:calc(32*var(--u))}
.jsg5 .js0406_tb p.js0406_sm{padding-top:calc(6*var(--u));font-size:calc(21*var(--u));line-height:calc(32*var(--u));color:#222}
.jsg5 .js0406_strong{color:#fba200;font-weight:700}
.jsg5 .js0406_vs{position:absolute;left:50%;top:calc(478*var(--u));transform:translateX(-50%);font-size:calc(19*var(--u));line-height:calc(20*var(--u))}
.jsg5 .js0406_joi{position:relative;height:calc(1069*var(--u));background:url(/img/sub/html/0406_bg.jpg) center top/cover no-repeat;padding-top:calc(111*var(--u));color:#fff;text-align:center}
.jsg5 .js0406_joi .jsg5_tit{color:#fff;font-weight:300}
.jsg5 .js0406_joi_img{width:calc(763*var(--u));height:auto;margin:calc(61*var(--u)) 0 0 calc(50% - calc(381*var(--u)))}
.jsg5 .js0406_joi_box{width:calc(1198*var(--u));margin:calc(83*var(--u)) auto 0;background:#fff6b3;color:#000;height:calc(149*var(--u));padding-top:calc(42*var(--u));font-size:calc(21.5*var(--u));line-height:calc(32*var(--u))}

/* ===== 0407 ===== */
.jsg5 .js0407_intro{padding-top:calc(204*var(--u))}
.jsg5 .js0407_intro h3{font-size:calc(49*var(--u))}
.jsg5 .js0407_intro .jsg5_intro_p{margin-top:calc(61*var(--u))}
.jsg5 .js0407_intro .jsg5_vline{height:calc(181*var(--u));margin:calc(60*var(--u)) auto calc(-59*var(--u))}
.jsg5 .js0407_cols{padding-bottom:calc(127*var(--u))}
.jsg5 .js0407_proc{padding:calc(183*var(--u)) 0 calc(175*var(--u))}
.jsg5 .js0407_cards{display:flex;justify-content:space-between;width:calc(1301*var(--u));margin-top:calc(92*var(--u))}
.jsg5 .js0407_cards .jsg5_card{position:relative;width:calc(295*var(--u));height:calc(500*var(--u));padding-top:calc(28*var(--u))}
.jsg5 .js0407_cards .jsg5_card img{width:calc(238*var(--u));height:calc(188*var(--u));margin:0 auto}
.jsg5 .js0407_cards h4{margin-top:calc(26*var(--u));font-size:calc(28.5*var(--u));line-height:calc(38*var(--u));font-weight:700;letter-spacing:-0.03em}
.jsg5 .js0407_dash{display:block;width:calc(28*var(--u));height:calc(3*var(--u));background:#000;margin:calc(24*var(--u)) auto calc(18*var(--u))}
.jsg5 .js0407_cards .jsg5_card_p{font-size:calc(21.5*var(--u));line-height:calc(32*var(--u))}
.jsg5 .js0407_arr{position:absolute;z-index:2;right:calc(-49*var(--u));top:calc(225*var(--u));width:calc(59*var(--u));height:calc(59*var(--u));background:#515151}
.jsg5 .js0407_arr:after{content:"";position:absolute;left:calc(21*var(--u));top:calc(22*var(--u));width:calc(13*var(--u));height:calc(13*var(--u));border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}
.jsg5 .js0407_sp{position:relative;background:#ececec;padding:calc(132*var(--u)) 0 calc(114*var(--u))}
.jsg5 .js0407_d{left:calc(-8*var(--u));top:calc(-2*var(--u));font-size:calc(236*var(--u));line-height:0.79;font-weight:800;color:#e3e3e3}
.jsg5 .js0407_sp .jsg5_tit{position:relative;z-index:1}
.jsg5 .js0407_frame{position:relative;z-index:1;width:calc(550*var(--u));margin:calc(67*var(--u)) auto 0;border:calc(16*var(--u)) solid #fff6b1}
.jsg5 .js0407_frame img{width:calc(518*var(--u));height:calc(308*var(--u))}
.jsg5 .js0407_gbox{width:calc(1020*var(--u));margin:calc(35*var(--u)) auto 0;padding:calc(24*var(--u)) 0 calc(30*var(--u));text-align:center;background:linear-gradient(90deg,rgba(255,246,179,0) 0,rgba(255,246,179,.6) 10%,#fff6b3 15%,#fff6b3 85%,rgba(255,246,179,.6) 90%,rgba(255,246,179,0) 100%)}
.jsg5 .js0407_gbox h4{font-size:calc(29*var(--u));line-height:calc(36*var(--u));font-weight:700;letter-spacing:-0.04em}
.jsg5 .js0407_en{font-size:calc(23.2*var(--u));line-height:calc(30*var(--u));letter-spacing:-0.04em}
.jsg5 .js0407_gbox p+p:last-child{margin-top:calc(12*var(--u));font-size:calc(21.5*var(--u));line-height:calc(32*var(--u))}
.jsg5 .js0407_pts{display:flex;margin-top:calc(55*var(--u));border-left:1px dashed #9d9d9d}
.jsg5 .js0407_pts li{flex:1;height:calc(176*var(--u));border-right:1px dashed #9d9d9d;text-align:center;padding-top:calc(28*var(--u));font-size:calc(23*var(--u));line-height:calc(34*var(--u))}
.jsg5 .js0407_num{display:inline-block;width:calc(34*var(--u));height:calc(34*var(--u));border-radius:50%;background:#000;color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:calc(19*var(--u));line-height:calc(34*var(--u));letter-spacing:-0.05em;margin-bottom:calc(17*var(--u))}

/* ===================== mobile ===================== */
@media (max-width:768px){
	.jsg5{--u:calc(100vw / 750);--h:calc(100vw / 750)}
	.jsg5 .jsg5_mo{display:inline}
	.jsg5 .jsg5_pc{display:none}
	.jsg5 .jsg5_in{width:calc(650*var(--u))}
	.jsg5 .jsg5_hero{height:calc(850*var(--h));background:none}
	.jsg5 .jsg5_hero picture,.jsg5 .jsg5_hero_img{width:100%}
	.jsg5 .jsg5_hero_txt{left:calc(50*var(--h));top:calc(417*var(--h))}
	.jsg5 .jsg5_hero_lb{font-size:calc(22*var(--h));line-height:calc(26*var(--h))}
	.jsg5 .jsg5_hero_tt{margin-top:calc(24*var(--h));font-size:calc(60*var(--h));line-height:calc(75*var(--h))}
	.jsg5 .jsg5_hero_sb{margin-top:calc(80*var(--h));font-size:calc(21*var(--h));line-height:calc(32*var(--h))}
	.jsg5 .jsg5_intro{padding-top:calc(186*var(--u))}
	.jsg5 .jsg5_intro_p{margin-top:calc(70*var(--u))}
	.jsg5 .jsg5_vline{height:calc(212*var(--u));margin-top:calc(62*var(--u));margin-bottom:calc(-59*var(--u))}
	.jsg5 .jsg5_band{background:linear-gradient(to bottom,#fff 0,#fff calc(256*var(--u)),#fee100 calc(256*var(--u)))}
	.jsg5 .jsg5_band_ph img,.jsg5 .jsg5_band_ph picture{width:calc(650*var(--u))}
	.jsg5 .jsg5_cols{display:block;padding:calc(59*var(--u)) calc(46*var(--u)) calc(61*var(--u))}
	.jsg5 .jsg5_cols_p{margin-top:calc(57*var(--u))}
	.jsg5 .jsg5_cols_p p+p{margin-top:0}
	.jsg5 .jsg5_cards{flex-wrap:wrap}

	.jsg5 .js0404_adv{padding-top:calc(193*var(--u))}
	.jsg5 .js0404_adv .jsg5_cards{width:calc(649*var(--u));margin-top:calc(90*var(--u));row-gap:calc(23*var(--u))}
	.jsg5 .js0404_adv .jsg5_card{width:calc(311*var(--u));height:calc(465*var(--u))}
	.jsg5 .js0404_sel{height:auto;margin-top:calc(200*var(--u));padding-bottom:calc(100*var(--u))}
	.jsg5 .js0404_sel_ph{position:relative;right:auto;width:100%;height:auto}
	.jsg5 .js0404_sel_ph img{height:auto}
	.jsg5 .js0404_sel_r{position:relative;left:auto;width:calc(650*var(--u));margin:calc(-198*var(--u)) auto 0}
	.jsg5 .js0404_sel .jsg5_tit{text-align:center;padding:0}
	.jsg5 .js0404_sel_box{margin-top:calc(43*var(--u));padding:calc(50*var(--u)) calc(20*var(--u)) calc(50*var(--u));text-align:center}
	.jsg5 .js0404_types{padding:calc(189*var(--u)) 0 calc(193*var(--u))}
	.jsg5 .js0404_row1{margin-top:calc(193*var(--u))}
	.jsg5 .js0404_row{display:flex;flex-direction:column}
	.jsg5 .js0404_row+.js0404_row{margin-top:calc(191*var(--u))}
	.jsg5 .js0404_row_img{flex:none;order:0;margin-bottom:calc(61*var(--u))}
	.jsg5 .js0404_row_img img{width:calc(650*var(--u))}
	.jsg5 .js0404_row_tx{flex:none;order:1;width:calc(650*var(--u))}
	.jsg5 .js0404_row2 .js0404_row_tx{text-align:right}
	.jsg5 .js0404_d1{left:auto;right:calc(-12*var(--u));top:calc(400*var(--u));font-size:calc(120*var(--u))}
	.jsg5 .js0404_d2{right:auto;left:calc(-6*var(--u));top:calc(1434*var(--u));font-size:calc(120*var(--u))}
	.jsg5 .js0404_need{height:calc(1060*var(--u));padding-top:calc(190*var(--u));background-image:url(/img/sub/html/0404_05m.jpg)}
	.jsg5 .js0404_list{display:block;width:calc(638*var(--u));margin-top:calc(77*var(--u))}
	.jsg5 .js0404_list li{margin-bottom:calc(16*var(--u));padding-left:calc(87*var(--u))}

	.jsg5 .jsg5_row{flex-direction:column}
	.jsg5 .jsg5_row_img{flex:none;order:0;margin-bottom:calc(60*var(--u))}
	.jsg5 .jsg5_row_img img,.jsg5 .jsg5_row_img picture{width:calc(650*var(--u))}
	.jsg5 .jsg5_row_tx{flex:none;order:1;width:calc(650*var(--u))}
	.jsg5 .jsg5_row_r .jsg5_row_tx{margin-left:0}
	.jsg5 .jsg5_row_r .jsg5_row_tx{text-align:right}

	.jsg5 .js0405_intro{padding-top:calc(186*var(--u))}
	.jsg5 .js0405_intro .jsg5_intro_p{margin-top:calc(70*var(--u))}
	.jsg5 .js0405_intro .jsg5_vline{margin-top:calc(62*var(--u))}
	.jsg5 .js0405_cols{padding:calc(60*var(--u)) calc(46*var(--u)) calc(92*var(--u))}
	.jsg5 .js0405_cols .jsg5_cols_h{white-space:nowrap}
	.jsg5 .js0405_cols .jsg5_cols_p p+p{margin-top:calc(32*var(--u))}
	.jsg5 .js0405_ben{padding:calc(193*var(--u)) 0 calc(200*var(--u))}
	.jsg5 .js0405_ben .jsg5_in{left:0}
	.jsg5 .js0405_row1{margin-top:calc(190*var(--u))}
	.jsg5 .js0405_row2{margin-top:calc(176*var(--u))}
	.jsg5 .js0405_d1{left:auto;right:calc(-60*var(--u));top:calc(380*var(--u));font-size:calc(110*var(--u))}
	.jsg5 .js0405_d2{left:calc(-10*var(--u));top:calc(1250*var(--u));font-size:calc(110*var(--u))}
	.jsg5 .js0405_guide{width:calc(650*var(--u));margin-top:calc(200*var(--u));padding:calc(93*var(--u)) calc(50*var(--u)) calc(100*var(--u))}
	.jsg5 .js0405_guide>h4,.jsg5 .js0405_gl{padding-left:0}
	.jsg5 .js0405_guide>h4{color:#fba200}
	.jsg5 .js0405_gic{right:calc(-30*var(--u));top:calc(20*var(--u))}
	.jsg5 hr.js0405_hr{margin:calc(60*var(--u)) 0 calc(60*var(--u))}
	.jsg5 .js0405_gl2{display:flex;flex-wrap:wrap;row-gap:calc(45*var(--u));margin-top:calc(45*var(--u))}
	.jsg5 .js0405_gl2 li{width:50%;line-height:calc(25*var(--u))}
	.jsg5 .js0405_gl2 li:nth-child(2n){padding-left:0}
	.jsg5 .js0405_gl2 li:last-child{margin-top:0}
	.jsg5 .js0405_gl2 .js0405_k{display:block;font-size:calc(21*var(--u));line-height:calc(30*var(--u));margin-bottom:calc(2*var(--u))}
	.jsg5 .js0405_gl2 .js0405_sep{display:none}
	.jsg5 .js0405_gl2 .js0405_v{display:block}
	.jsg5 .js0405_note{margin-top:calc(55*var(--u));padding:0;text-align:center}
	.jsg5 .js0405_box{margin:calc(40*var(--u)) 0 0;padding:calc(30*var(--u)) calc(20*var(--u));text-indent:0;text-align:center}

	.jsg5 .js0406_intro{padding-top:calc(186*var(--u))}
	.jsg5 .js0406_intro .jsg5_vline{height:calc(212*var(--u));margin:calc(45*var(--u)) auto 0}
	.jsg5 .js0406_band{margin-top:calc(31*var(--u));background:linear-gradient(to bottom,#fff 0,#fff calc(572*var(--u)),#fee100 calc(572*var(--u)))}
	.jsg5 .js0406_cards{flex-wrap:wrap;width:calc(649*var(--u));row-gap:calc(14*var(--u))}
	.jsg5 .js0406_cards .jsg5_card{width:calc(311*var(--u));height:auto;padding-bottom:calc(31*var(--u))}
	.jsg5 .js0406_cols{padding:calc(42*var(--u)) calc(48*var(--u)) calc(115*var(--u))}
	.jsg5 .js0406_cols .jsg5_cols_p{padding-top:0;margin-top:calc(53*var(--u))}
	.jsg5 .js0406_way{padding-top:calc(103*var(--u));padding-bottom:calc(174*var(--u))}
	.jsg5 .js0406_wayin{display:block;width:calc(565*var(--u));margin-top:calc(110*var(--u))}
	.jsg5 .js0406_wm{display:none}
	.jsg5 .js0406_grp{width:calc(565*var(--u))}
	.jsg5 .js0406_grp+.js0406_grp{margin-top:calc(84*var(--u))}
	.jsg5 .js0406_cmp{padding:calc(192*var(--u)) 0 calc(155*var(--u))}
	.jsg5 .js0406_d{font-size:calc(150*var(--u));top:calc(10*var(--u));left:calc(-8*var(--u))}
	.jsg5 .js0406_cmpin{display:block;width:calc(637*var(--u));margin-top:calc(33*var(--u))}
	.jsg5 .js0406_cmpin:before{display:none}
	.jsg5 .js0406_cc{width:calc(637*var(--u))}
	.jsg5 .js0406_circ{width:calc(330*var(--u));height:calc(330*var(--u));margin-bottom:calc(55*var(--u))}
	.jsg5 .js0406_tb{height:auto;padding-bottom:calc(37*var(--u));border-bottom:1px solid #000}
	.jsg5 .js0406_cc1 .js0406_tb h4{background:#ccc}
	.jsg5 .js0406_tb h4{border-bottom:1px solid #000;padding-top:calc(34*var(--u))}
	.jsg5 .js0406_cc2 .js0406_tb{background:#fffad2}
	.jsg5 .js0406_cc2 .js0406_tb h4{background:#fff6b3}
	.jsg5 .js0406_vs{position:static;transform:none;margin:calc(68*var(--u)) 0 calc(75*var(--u));text-align:center}
	.jsg5 .js0406_joi{height:calc(1066*var(--u));padding:calc(85*var(--u)) 0 0}
	.jsg5 .js0406_joi_img{width:calc(560*var(--u));margin:calc(110*var(--u)) auto 0}
	.jsg5 .js0406_joi_box{width:calc(630*var(--u));height:auto;margin-top:calc(42*var(--u));padding:calc(38*var(--u)) calc(10*var(--u)) calc(36*var(--u))}

	.jsg5 .js0407_intro{padding-top:calc(186*var(--u))}
	.jsg5 .js0407_intro .jsg5_intro_p{margin-top:calc(38*var(--u))}
	.jsg5 .js0407_intro .jsg5_vline{height:calc(212*var(--u));margin:calc(62*var(--u)) auto calc(-58*var(--u))}
	.jsg5 .js0407_cols{padding-bottom:calc(92*var(--u))}
	.jsg5 .js0407_proc{padding:calc(110*var(--u)) 0 calc(174*var(--u))}
	.jsg5 .js0407_cards{flex-wrap:wrap;width:calc(649*var(--u));row-gap:calc(16*var(--u));margin-top:calc(75*var(--u))}
	.jsg5 .js0407_cards .jsg5_card{width:calc(311*var(--u))}
	.jsg5 .js0407_cards li:nth-child(2) .js0407_arr{right:auto;left:calc(-378*var(--u));top:calc(741*var(--u))}
	.jsg5 .js0407_sp{padding:calc(108*var(--u)) 0 calc(120*var(--u))}
	.jsg5 .js0407_d{font-size:calc(120*var(--u))}
	.jsg5 .js0407_frame{margin-top:calc(60*var(--u))}
	.jsg5 .js0407_gbox{width:calc(750*var(--u));padding:calc(30*var(--u)) 0 calc(30*var(--u));margin-top:calc(35*var(--u))}
	.jsg5 .js0407_pts{flex-wrap:wrap;width:calc(650*var(--u));margin-top:calc(60*var(--u))}
	.jsg5 .js0407_pts li{flex:0 0 50%;height:calc(176*var(--u));margin-bottom:calc(30*var(--u))}
}

/* ---------- 모바일 글자 크기 보정 (2026-10-22): 본문 14px·카드제목 16px·섹션제목 20px·라벨 12px·도식 라벨 10px 이상 ---------- */
@media (max-width:768px){
	.jsg5 .jsg5_hero_lb{font-size:max(12px,calc(22*var(--h)));line-height:1.3}
	.jsg5 .jsg5_hero_sb{font-size:max(14px,calc(21*var(--h)));line-height:1.5}
	.jsg5 .jsg5_intro_p{font-size:max(14px,calc(24*var(--u)));line-height:1.6}
	.jsg5 .jsg5_cols_h{font-size:max(20px,calc(39.5*var(--u)));line-height:1.4}
	.jsg5 .jsg5_cols_p{font-size:max(14px,calc(21.5*var(--u)));line-height:1.6}
	.jsg5 .jsg5_card_pt{font-size:max(14px,calc(26*var(--u)))}
	.jsg5 .jsg5_card_p{font-size:max(14px,calc(21*var(--u)));line-height:1.55;letter-spacing:-0.05em}
	.jsg5 .jsg5_lb,.jsg5 .js0404_lb{font-size:max(12px,calc(22*var(--u)));line-height:1.3}
	.jsg5 .jsg5_row_hl,.jsg5 .js0404_strong{font-size:max(15px,calc(29*var(--u)));line-height:1.5}
	.jsg5 .jsg5_row_tx .jsg5_p,.jsg5 .js0404_row_tx .jsg5_p{font-size:max(14px,calc(21.5*var(--u)));line-height:1.6}

	.jsg5 .js0404_adv .jsg5_card{height:auto;min-height:calc(465*var(--u));padding-left:calc(12*var(--u));padding-right:calc(12*var(--u));padding-bottom:calc(36*var(--u))}
	.jsg5 .js0404_sel_box{font-size:max(14px,calc(21.5*var(--u)));line-height:1.6}
	.jsg5 .js0404_need{height:auto;min-height:calc(1060*var(--u));padding-bottom:calc(120*var(--u))}
	.jsg5 .js0404_list li{height:auto;min-height:calc(80*var(--u));padding-top:8px;padding-bottom:8px;padding-right:calc(12*var(--u));font-size:max(14px,calc(21*var(--u)));line-height:1.45}

	.jsg5 .js0405_guide{font-size:max(14px,calc(17.7*var(--u)));line-height:1.6;padding-left:calc(36*var(--u));padding-right:calc(36*var(--u))}
	.jsg5 .js0405_guide>h4{font-size:max(16px,calc(29*var(--u)));line-height:1.4;padding-right:calc(150*var(--u))}
	.jsg5 .js0405_gl li{margin-bottom:4px}
	.jsg5 .js0405_gic{width:calc(130*var(--u));right:calc(-14*var(--u));top:calc(24*var(--u))}
	.jsg5 .js0405_guide>.js0405_gl:not(.js0405_gl2){margin-top:calc(60*var(--u))}
	.jsg5 .js0405_note br,.jsg5 .js0405_box br{display:none}
	.jsg5 .js0405_gl2 li{line-height:1.5;padding-right:8px}
	.jsg5 .js0405_gl2 .js0405_k{font-size:max(14px,calc(21*var(--u)));line-height:1.4}
	.jsg5 .js0405_note{font-size:max(14px,calc(17.8*var(--u)));line-height:1.6}
	.jsg5 .js0405_box{font-size:max(14px,calc(17.7*var(--u)));line-height:1.6}

	.jsg5 .js0406_cards .jsg5_card{padding-left:calc(12*var(--u));padding-right:calc(12*var(--u))}
	.jsg5 .js0406_cards .jsg5_card_pt,.jsg5 .js0406_kr{padding-right:0}
	.jsg5 .js0406_cards .jsg5_card_dash{margin-left:auto;margin-right:auto}
	.jsg5 .js0406_ic{margin-right:0}
	.jsg5 .js0406_cards .jsg5_card_pt{font-size:max(14px,calc(24*var(--u)))}
	.jsg5 .js0406_kr{font-size:max(14px,calc(22.5*var(--u)));line-height:1.4}
	.jsg5 .js0406_cards .jsg5_card_p{font-size:max(14px,calc(21.5*var(--u)))}
	.jsg5 .js0406_lbl{font-size:max(10.5px,calc(17.5*var(--u)));line-height:1.3}
	.jsg5 .js0406_pbox{height:auto;padding:28px 12px 28px;font-size:max(14px,calc(21.5*var(--u)));line-height:1.6}
	.jsg5 .js0406_pbox h4{font-size:16px;margin-bottom:8px}
	.jsg5 .js0406_tb h4{height:auto;padding-top:12px;padding-bottom:12px;font-size:max(16px,calc(29*var(--u)));line-height:1.4}
	.jsg5 .js0406_tb p{padding-left:12px;padding-right:12px;font-size:max(14px,calc(21.2*var(--u)));line-height:1.6}
	.jsg5 .js0406_tb p.js0406_sm{font-size:max(14px,calc(21*var(--u)));line-height:1.5}
	.jsg5 .js0406_vs{font-size:max(14px,calc(19*var(--u)));line-height:1.2}
	.jsg5 .js0406_joi{height:auto;min-height:calc(1066*var(--u));padding-bottom:calc(110*var(--u))}
	.jsg5 .js0406_joi_box{font-size:max(14px,calc(21.5*var(--u)));line-height:1.6;padding-left:calc(20*var(--u));padding-right:calc(20*var(--u))}

	.jsg5 .js0407_cards .jsg5_card{height:auto;min-height:calc(500*var(--u));padding-left:calc(12*var(--u));padding-right:calc(12*var(--u));padding-bottom:calc(36*var(--u))}
	.jsg5 .js0407_cards h4{font-size:max(16px,calc(28.5*var(--u)));line-height:1.35}
	.jsg5 .js0407_cards .jsg5_card_p{font-size:max(14px,calc(21.5*var(--u)));line-height:1.55}
	.jsg5 .js0407_gbox{padding-left:calc(20*var(--u));padding-right:calc(20*var(--u))}
	.jsg5 .js0407_gbox h4{font-size:max(16px,calc(29*var(--u)));line-height:1.4}
	.jsg5 .js0407_en{font-size:max(13px,calc(23.2*var(--u)));line-height:1.4}
	.jsg5 .js0407_gbox p+p:last-child{font-size:max(14px,calc(21.5*var(--u)));line-height:1.6}
	.jsg5 .js0407_pts li{height:auto;min-height:calc(176*var(--u));padding-bottom:16px;padding-left:8px;padding-right:8px;font-size:max(14px,calc(23*var(--u)));line-height:1.5}
	.jsg5 .js0407_num{width:24px;height:24px;font-size:12px;line-height:24px}
}