@media(min-width:1025px){.col-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:8.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:8.3333333333%}.col-1,.offset-1{position:relative}.offset-1{margin-left:8.3333333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:16.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:16.6666666667%}.col-2,.offset-2{position:relative}.offset-2{margin-left:16.6666666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:25%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:25%}.col-3,.offset-3{position:relative}.offset-3{margin-left:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:33.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:33.3333333333%}.col-4,.offset-4{position:relative}.offset-4{margin-left:33.3333333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:41.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:41.6666666667%}.col-5,.offset-5{position:relative}.offset-5{margin-left:41.6666666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:50%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:50%}.col-6,.offset-6{position:relative}.offset-6{margin-left:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:58.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:58.3333333333%}.col-7,.offset-7{position:relative}.offset-7{margin-left:58.3333333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:66.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:66.6666666667%}.col-8,.offset-8{position:relative}.offset-8{margin-left:66.6666666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:75%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);width:75%}.col-9,.offset-9{position:relative}.offset-9{margin-left:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:83.3333333333%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:83.3333333333%}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:91.6666666667%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:91.6666666667%}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box;flex-basis:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);position:relative;width:100%}.offset-12{margin-left:100%;position:relative}}.wrap.ci-manual .sec_welcome_common .sec_header{padding:max(calc(60px*var(--base-ratio)),calc(60/var(--base-size)*var(--base-percent))) 0}@media(max-width:1024px){.wrap.ci-manual .sec_welcome_common .sec_header{padding-bottom:max(calc(48px*var(--base-ratio)),calc(48/var(--base-size)*var(--base-percent)));padding-top:calc(max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) + max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))))}}.wrap.ci-manual .banner_wrap{background:url(/resources/images/ci-manual/banner_bg.png) 50% no-repeat;background-size:cover;border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));height:max(calc(100px*var(--base-ratio)),calc(100/var(--base-size)*var(--base-percent)));margin-top:max(calc(60px*var(--base-ratio)),calc(60/var(--base-size)*var(--base-percent)));width:100%}.wrap.ci-manual .banner_wrap a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;gap:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));height:100%;justify-content:center;width:100%}@media(min-width:1025px)and (pointer:fine){.wrap.ci-manual .banner_wrap a:hover .ic_arrow:before{-webkit-animation:shortcutBefore .3s ease-in-out forwards;animation:shortcutBefore .3s ease-in-out forwards}.wrap.ci-manual .banner_wrap a:hover .ic_arrow:after{-webkit-animation:shortcutAfter .3s ease-in-out forwards;animation:shortcutAfter .3s ease-in-out forwards}}.wrap.ci-manual .banner_wrap span{color:#fff;font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));font-weight:500;letter-spacing:-.02em;line-height:1.3}.wrap.ci-manual .banner_wrap .ic_arrow{height:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));position:relative;width:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.ci-manual .banner_wrap .ic_arrow:after,.wrap.ci-manual .banner_wrap .ic_arrow:before{background:url(/resources/images/common/icon/ic_shortcut_white.svg) 50% no-repeat;background-size:cover;content:"";height:100%;position:absolute;right:0;width:100%}.wrap.ci-manual .banner_wrap .ic_arrow:after{opacity:0}@media(max-width:1024px){.wrap.ci-manual .banner_wrap{background:url(/resources/images/ci-manual/banner_bg_tb.png) 50% no-repeat;background-size:cover;height:max(calc(80px*var(--base-ratio)),calc(80/var(--base-size)*var(--base-percent)));margin-top:max(calc(48px*var(--base-ratio)),calc(48/var(--base-size)*var(--base-percent)))}.wrap.ci-manual .banner_wrap span{font-size:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3}}@media(max-width:767px){.wrap.ci-manual .banner_wrap{background:url(/resources/images/ci-manual/banner_bg_m.png) 50% no-repeat;background-size:cover}.wrap.ci-manual .banner_wrap span{font-size:max(calc(18px*var(--base-ratio)),calc(18/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3}}.wrap.typography .tab_content .tab_panel{color:#58595b;font-size:max(calc(28px*var(--base-ratio)),calc(28/var(--base-size)*var(--base-percent)));height:max(calc(400px*var(--base-ratio)),calc(400/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.3;text-align:center}.wrap.typography .tab_content .tab_panel.active{display:-webkit-box;display:-ms-flexbox;display:flex}.wrap.typography .tab_content .tab_panel .txt{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.wrap.typography .tab_content .tab_panel p{font-size:max(calc(28px*var(--base-ratio)),calc(28/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.2;margin-top:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)));text-align:left;word-break:break-all}.wrap.typography .tab_content .tab_panel p:first-child{margin-top:0}.wrap.typography .sec1 .tab_panel{font-family:DBDream,sans-serif}.wrap.typography .sec1 .bold{font-weight:700}.wrap.typography .sec1 .extra_bold{font-weight:800}.wrap.typography .sec2 .tab_panel{font-family:DBGothic,sans-serif}.wrap.typography .sec2 .light{font-weight:300}.wrap.typography .sec2 .bold{font-weight:700}.wrap.typography .sec3 .controller_box{background-color:#f3f3f3;border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));max-height:max(calc(540px*var(--base-ratio)),calc(540/var(--base-size)*var(--base-percent)));min-height:max(calc(400px*var(--base-ratio)),calc(400/var(--base-size)*var(--base-percent)));overflow:hidden;padding:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .option_box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;height:max(calc(56px*var(--base-ratio)),calc(56/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .select_box.font_type .current_option{border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent))) 0 0 max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .select_box_wrap{display:none}.wrap.typography .sec3 .select_box_wrap.active{display:block}.wrap.typography .sec3 .select_box_wrap .select_box .current_option{border-radius:0}.wrap.typography .sec3 .font_option_wrap{background-color:#fff;border:1px solid #ccc;border-radius:0 max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent))) max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent))) 0;padding:max(calc(19px*var(--base-ratio)),calc(19/var(--base-size)*var(--base-percent))) max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)));width:max(calc(316px*var(--base-ratio)),calc(316/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .font_option_wrap .slide_container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;gap:max(calc(8px*var(--base-ratio)),calc(8/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .font_option_wrap .current_font,.wrap.typography .sec3 .font_option_wrap .size_txt{color:#888;font-size:max(calc(14px*var(--base-ratio)),calc(14/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1;width:max(calc(32px*var(--base-ratio)),calc(32/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .font_option_wrap .font-size-change-box{position:relative;width:calc(100% - max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))))}.wrap.typography .sec3 .font_option_wrap .font-size-change-box #range-value{font-size:0}.wrap.typography .sec3 .font_option_wrap .font-size-change-box .size-slider{-webkit-appearance:none;background:-webkit-gradient(linear,left top,right top,from(#000),color-stop(16.6667%,#000),color-stop(16.6667%,#ddd),to(#ddd));background:linear-gradient(90deg,#000 0,#000 16.6667%,#ddd 0,#ddd);height:2px;left:0;opacity:1;outline:none;position:absolute;top:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)));-webkit-transition:background .45s ease-in;transition:background .45s ease-in;width:100%}.wrap.typography .sec3 .font_option_wrap .font-size-change-box .size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border-radius:50%;cursor:pointer;height:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));width:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .font_option_wrap .font-size-change-box .size-slider::-moz-range-thumb{background:#000;border-radius:50%;cursor:pointer;height:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)));width:max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .preview_cont{height:calc(100% - max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent))));padding:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent))) 0 0}.wrap.typography .sec3 .preview_cont textarea{background-color:transparent;border:none;color:#231f20;font-size:inherit;line-height:1.5;max-height:max(calc(300px*var(--base-ratio)),calc(300/var(--base-size)*var(--base-percent)));outline:none;padding:0 max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent)));resize:none;width:100%;word-break:break-all}@media(max-width:1024px){.wrap.typography .tab_container{background-color:#f3f3f3;border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));overflow:hidden}.wrap.typography .tab_content .tab_panel{height:max(calc(320px*var(--base-ratio)),calc(320/var(--base-size)*var(--base-percent)));line-height:1.3;padding:0 max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.typography .tab_content .tab_panel,.wrap.typography .tab_content .tab_panel p{font-size:max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)));letter-spacing:-.02em}.wrap.typography .tab_content .tab_panel p{line-height:1.2;margin-top:max(calc(6px*var(--base-ratio)),calc(6/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .controller_box{background-color:transparent;border-radius:0;max-height:unset;min-height:unset;padding:0}.wrap.typography .sec3 .option_box{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.wrap.typography .sec3 .select_box,.wrap.typography .sec3 .select_box_wrap{width:33.33%}.wrap.typography .sec3 .select_box_wrap .select_box{width:100%}.wrap.typography .sec3 .font_option_wrap{width:33.33%}.wrap.typography .sec3 .preview_cont{background-color:#f3f3f3;border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));margin-top:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));max-height:max(calc(420px*var(--base-ratio)),calc(420/var(--base-size)*var(--base-percent)));min-height:max(calc(280px*var(--base-ratio)),calc(280/var(--base-size)*var(--base-percent)));overflow:hidden;padding:max(calc(40px*var(--base-ratio)),calc(40/var(--base-size)*var(--base-percent))) max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent))) max(calc(16px*var(--base-ratio)),calc(16/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .preview_cont textarea{padding:0 max(calc(24px*var(--base-ratio)),calc(24/var(--base-size)*var(--base-percent)))}}@media(max-width:767px){.wrap.typography .tab_content .tab_panel{height:64vw}.wrap.typography .tab_content .tab_panel .txt{display:block}.wrap.typography .tab_content .tab_panel p{font-size:max(calc(17px*var(--base-ratio)),calc(17/var(--base-size)*var(--base-percent)));letter-spacing:-.02em;line-height:1.2}.wrap.typography .sec3 .option_box{-ms-flex-wrap:wrap;flex-wrap:wrap}.wrap.typography .sec3 .select_box.font_type{width:50%}.wrap.typography .sec3 .select_box.font_type .current_option{border-radius:max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent))) 0 0 0}.wrap.typography .sec3 .select_box_wrap{width:50%}.wrap.typography .sec3 .select_box_wrap .select_box .current_option{border-left:transparent;border-radius:0 max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent))) 0 0}.wrap.typography .sec3 .font_option_wrap{border-radius:0 0 max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent))) max(calc(10px*var(--base-ratio)),calc(10/var(--base-size)*var(--base-percent)));margin-top:-1px;width:100%}.wrap.typography .sec3 .preview_cont{max-height:150vw;min-height:64vw;padding:max(calc(20px*var(--base-ratio)),calc(20/var(--base-size)*var(--base-percent)))}.wrap.typography .sec3 .preview_cont textarea{padding:0}}