#content { color: #272727;font-size: 16px; padding-bottom:65px; width: 100%; font-weight:500; line-height:1.7em;}
 #content img {max-width: 100%;}
 #content span.next { display:block;}
 .mobile_img{ display:none}
 .bgno { background:none !important; padding-left:0px; }
  .c0 { margin-top:0px; }
 .pc_none { display:none; }
  h4:first-child { margin-top:0px; }
  .w100{width: 100%;}
  h4 { background: url("/images/common/sub/content_bl.png?build_20251205011") no-repeat 0px 4px; margin-top:65px; padding-left:36px; color:#02346b; font-size:27px; font-weight:600; letter-spacing:-1px; display:block; line-height:33px; }
 h5 { background: url("/images/common/sub/content_bl.png?build_20251205011") no-repeat 0px -71px; margin-top:50px; padding-left:20px; color:#785828; font-size:22px; font-weight:500; display:block; }
 h6 { background: url("/images/common/sub/content_bl.png?build_20251205011") no-repeat 0px -129px; margin-top:40px; padding-left:33px; color:#128009; font-size:19px; font-weight:500; display:block; }
  ul.basic { margin-top:20px;}
 ul.basic > li { background:url("/images/common/sub/basic_ul_bl.png?build_20251205011") no-repeat 0px 11px ; padding:0 0 0 10px; }
 ul.basic > li > ul { margin:5px 0; }
 ul.basic > li > ul li { background:url("/images/common/sub/basic_ul_ul_bl.png?build_20251205011") no-repeat 0px 7px ; padding:0 0 0 10px; }
 ul.basic > li > ul li ul li { background:url("/images/common/sub/basic_ul_ul_ul_bl.png?build_20251205011") no-repeat 0px 7px ; padding:0 0 0 10px; }
 ul.ul_po > li { background:url("/images/common/sub/w_bl.png?build_20251205011") no-repeat 0px 7px ; padding: 0 0 0 22px; }
 ul.ul_br > li { background:url("/images/common/sub/br_bl.png?build_20251205011") no-repeat 0px 7px ; padding: 0 0 0 22px; }
  ol.basic { margin-top:20px; list-style: none; counter-reset: counter;}
 ol.basic > li { margin-top:7px; padding-bottom:7px; border-bottom:1px dashed #9e9e9e; counter-increment: counter; }
 ol.basic > li:before{content: counter(counter); display: inline-block; border-radius: 19%; border: 1px solid #c5c5c5; width: 26px; height: 26px; line-height: 26px; text-align: center; vertical-align: middle; margin: -1px 5px 0 3px; text-indent: -1px;}
 ol.basic > li > ul { background-color:#f9f7f3; padding:8px 17px; margin:10px 0; }
 ol.basic > li > ul li { background:url("/images/common/sub/basic_ul_ul_bl.png?build_20251205011") no-repeat 0px 7px ; padding:0 0 0 10px; }
 ol.ol_br > li:before { background-color:#418bcc; border:1px solid #418bcc; color:#fff; }
  ol.ol_ye > li:before { background-color:#fac426; border:1px solid #fac426; }
  .pen{ background: linear-gradient(to top, #ffe16c 50%, transparent 50%);}
 .underline{ border-bottom: 1px solid #000;}
   table.basic { margin:18px 0 5px 0; border-right:1px solid #d2d2d2; border-top:2px solid #4264a3; border-bottom:1px solid #d2d2d2; border-collapse:collapse; clear:both; width:100%; }
 table.basic th { font-weight:500; padding:13px; background-color:#f5f8fd; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-top:1px solid #4264a3; vertical-align:middle; word-break:keep-all; color:#002a77; font-size:17px; }
 table.basic td { background-color:#fff; text-align:center; padding:10px !important; border-left:1px solid #dedede; border-top:1px solid #dedede; vertical-align:middle; word-break:break-all;}
 table.basic td.th { background-color:#f5f8fd;}
 table.basic th.bbn { border-bottom:1px solid #d2d2d2; }
 table.basic.bbn th { border-bottom:1px solid #d2d2d2; }
 table.basic:first-child { margin:0 0 0 0; }
 table.basic tr .bg_bl{background:#e4fffc;}
 table.basic ul { margin-top:0;}
 table.basic ul > li { background:url("/images/common/sub/basic_ul_bl.png?build_20251205011") no-repeat 0px 11px ; padding:0 0 0 10px; }
 table.basic ul > li > ul { margin:8px 0; background: none; border:none; padding:0px; }
 table.basic ul > li > ul li { background:url("/images/common/sub/basic_ul_ul_bl.png?build_20251205011") no-repeat 0px 7px ; padding:0 0 0 10px; }
 table.basic ol.basic { margin-top:0px;}
 table.basic ol.basic > li { border-bottom:0px; padding-bottom:0px; }
 table.basic ol.basic > li:before{ border-radius: 50%; border: 1px solid #c5c5c5; width: 22px; height: 22px; line-height: 22px; font-size:13px; text-indent:1px; }
 .tb_info { float:right; padding-bottom:5px;}
   .c_box { background-color:#f3f4f6; margin-top:20px; padding:25px 30px; border:1px solid #cacccc; }
 .c_box > p.basic:first-child, .c_box > ul.basic:first-child, .c_box > ol.basic:first-child, .c_box > h4:first-child, .c_box > h5:first-child { margin-top:0px; }
 .c_box > p.basic { margin-top:10px; }
 .c_box > ul.basic > li > ul , .c_box > ol.basic > li > ul { background:none; padding:0 0 0 0px; }
 .c_box > ol.basic > li::before { border:none; padding: 0 10px 0 0; margin: -4px 0 0 0; width:unset; height:unset; }
 .c_box > ol.basic > li:first-child { margin-top:10px; }
 .c_box > ol.basic > li { margin-top:17px; }
 .c_box > ol.basic > li > ul > li { background:url("/images/common/sub/basic_ul_box_ul_bl.png?build_20251205011") no-repeat 0px 3px ; padding: 0 0 0 23px; }
 .c_box > ul.basic > li > ul { border:0px; }
 .c_box > ul.basic > li > ul > li { background:url("/images/common/sub/basic_ul_box_ul_bl.png?build_20251205011") no-repeat 0px 3px ; padding: 0 0 0 23px; }
 .c_box2 { margin-top:20px; padding:25px 30px; border:1px dashed #b3b3b3; }
 .c_box2 > p.basic:first-child, .c_box2 > ul.basic:first-child, .c_box2 > ol.basic:first-child, .c_box2 > h4:first-child, .c_box2 > h5:first-child { margin-top:0px; }
 .c_box2 > p.basic { margin-top:10px; }
 .c_box2 > .c_box { padding:10px; border:0px; margin-top:10px; }
 .c_box2 > .c_box:first-child { margin-top:0px; }
 .c_box3 { background-color:#f3f4f6; margin-top:20px; padding:5px; border:1px solid #cacccc; }
 .c_box3 .in_box { background-color:#fff; padding:25px 30px; overflow:hidden; }
 .c_box3 .in_box > p.basic:first-child, .c_box3 .in_box > ul.basic:first-child, .c_box3 > .in_box > ol.basic:first-child, .c_box3 .in_box > h4:first-child, .c_box3 .in_box > h5:first-child { margin-top:0px; }
 .c_box > h4 , .c_box > h5, .c_box2 > h4 , .c_box2 > h5, .c_box3 .in_box > h4 , .c_box3 .in_box > h5 { margin:25px 0 0 0; }
 .c_box3 > p.basic { margin-top:10px; }
 .iconbox { width:100%; min-height:60px; padding:0px; display: inline-block; }
 .iconbox .icon { background:url("/images/common/sub/box_icon01.png?build_20251205011") no-repeat 58px 49px ; float:left; width:21%; height:120px; position:relative; }
 .iconbox .icon2 { background:url("/images/common/sub/box_icon02.png?build_20251205011") no-repeat 62px 29px ; float:left; width:21%; height:120px; position:relative; }
 .iconbox .icon3 { background:url("/images/common/sub/box_icon01.png?build_20251205011") no-repeat 58px 32px ; float:left; width:21%; height:120px; position:relative; }
 .iconbox .info { float:left; width:79%; }
 .iconbox .info .in_box { background-color: #fff; padding:25px; }
 .iconbox .info .in_box h5:first-child { margin-top:0px; }
 .iconbox .info .in_box h5 { background: none; padding-left:0px; }
 .iconbox .info .in_box > ul.basic > li > ul { background:none; padding:0px; border:none; }
 .iconbox .info .in_box .basic > a.btn_dw { border-radius:50px;}
 .c_box:first-child, .c_box2:first-child, .c_box3:first-child { margin-top:0px; }
  .line_dot { border-bottom:1px dashed #d2d2d2; display: block; margin:20px 0px 0px; }
  p.basic { margin-top:20px;}
 p.line { border-bottom:1px dashed #d2d2d2; display:block; padding-bottom:7px; }
  .star_a { background:url("/images/common/sub/content_star.png?build_20251205011") no-repeat 0px 0px ; display: block; width:16px; height:16px; float:left; margin:4px 4px 0 0;}
 .star_b { background:url("/images/common/sub/content_star_b.png?build_20251205011") no-repeat 0px 0px ; display: block; width:16px; height:16px; float:left; margin:4px 4px 0 0;}
 .star_c { background:url("/images/common/sub/content_star_g.png?build_20251205011") no-repeat 0px 0px ; display: block; width:21px; height:21px; float:left; margin:2px 4px 0 0;}
  .btn_p{margin-top: 2rem;display: flex;flex-wrap: wrap;gap: 1rem;}
 .btn_p a {border-radius: 0.4rem;color:#fff;padding:1rem 2rem;transition: all 0.3s ease 0s;height: 4rem;display: inline-flex;align-items: center;}
 .btn_p a.p1 { border:1px solid #c83232; color:#c83232; }
 .btn_p a.p1:hover { background-color:#c83232; color:#fff; }
 .btn_p a.p2 { background-color:#c83232; border:1px solid #821616; }
 .btn_p a.p2:hover { background-color:#40434c; border:1px solid #40434c; }
 .btn_p a.p3 { background-color:#40434c; border:1px solid #1c233b; }
 .btn_p a.p3:hover { background-color:#293f82; border:1px solid #293f82; }
 .btn_p a.p4 { background-color:#f4d34f; border:1px solid #a58919; color:#412c00; }
 .btn_p a.p4:hover { background-color:#ffcc00; border:1px solid #ffcc00; }
 .btn_p a.p5 { border:1px solid #a58919; color:#412c00; }
 .btn_p a.p5:hover { background-color:#ffcc00; border:1px solid #ffcc00; }
 .btn_p a.rdno { border-radius:0; padding:0.5rem 1rem; text-align:center;}
 .btn_p a.block { display:block;}
 .btn_p.align_center{justify-content: center;}
 .btn_p.align_right{ justify-content: right;}
  a.btn_dw {border: 1px solid #333333; color:#333; background-color: #fff;border-radius:0.4rem;padding: 1rem 1.5rem;height: 4rem;display: inline-flex;transition: all 0.3s ease 0s;align-items: center; gap:0 0.5rem;}
 a.btn_dw::before{content:'';display:inline-block;background:url(/images/module/common/sp_icon_itid.png?build_20251205011)no-repeat;width:2.4rem;height:2.4rem;}
 a.btn_dw.hwp::before{ background-position:-4rem -4.1rem;}
 a.btn_dw.hwp:hover { background-color:#3481c8;color:#fff; border:1px solid #1e72be; }
 a.btn_dw.xls::before{background-position: -14.2rem -4.1rem;}
 a.btn_dw.xls:hover { background-color:#118f47;color:#fff; border:1px solid #09813d; }
 a.btn_dw.pdf::before{background-position: -10.8rem -4.1rem;}
 a.btn_dw.pdf:hover { background-color:#c85a5a;color:#fff; border:1px solid #c35050; }
 a.btn_dw.zip::before{background-position: -21rem -4.1rem;}
 a.btn_dw.zip:hover { background-color:#e9742e;color:#fff; border:1px solid #e46a21; }
 a.btn_dw.pptx::before{background-position: -17.6rem -4.1rem;}
 a.btn_dw.pptx:hover { background-color:#e9742e;color:#fff; border:1px solid #e46a21; }
 a.btn_dw.new3{background-color:#fff; border-color:#333; color:#333;}
 a.btn_dw.new3::before {background-position: -103.3rem -4.2rem;width: 2rem;}
 a.btn_dw.new4{background-color:#f4d34f; border-color:#a58919; color:#333;}
 a.btn_dw.new4::before {background-position: -79rem -4.2rem;width: 2rem;}
 a.btn_dw.new5{background-color:#333; color:#fff; border-color:#000; }
 a.btn_dw.new5::before {background-position: -79rem -4.2rem;width: 2rem;filter:contrast(0) brightness(10) ;}
 a.btn_dw.new6{background-color:#1a4ab9; color:#fff; border-color:#27458a;}
 a.btn_dw.new6::before {background-position: -79rem -4.2rem;width: 2rem;filter:contrast(0) brightness(10) ;}
  .btn_dw_in {margin: 0 0.2rem;padding: 0.3rem 1rem;display: inline-flex;border:1px solid #c3c3c3;font-size:16px;transition: all 0.5s ease 0s;border-radius: 5rem;align-items: center;}
 a.btn_dw_in::before{content:'';display: inline-block;background:url(/images/module/common/sp_icon_itid.png?build_20251205011?build_20250919011)no-repeat;width:2.4rem;height:2.4rem;margin-right: 0.5rem;vertical-align: middle;}
 a.btn_dw_in.hwp::before{ background-position:-4rem -4.1rem;}
 a.btn_dw_in.hwp:hover { background-color:#3481c8;color:#fff; border:1px solid #1e72be; }
 a.btn_dw_in.xls::before{background-position: -14.2rem -4.1rem;}
 a.btn_dw_in.xls:hover { background-color:#118f47;color:#fff; border:1px solid #09813d; }
 a.btn_dw_in.pdf::before{background-position: -10.8rem -4.1rem;}
 a.btn_dw_in.pdf:hover { background-color:#c85a5a;color:#fff; border:1px solid #c35050; }
 a.btn_dw_in.zip::before{background-position: -21rem -4.1rem;}
 a.btn_dw_in.zip:hover { background-color:#e9742e;color:#fff; border:1px solid #e46a21; }
 a.btn_dw_in.new1{display: inline-block;vertical-align: middle;border: none;padding: 0;border-radius: 0;border-bottom: 1px solid #1a4ab9;color: #1a4ab9;}
 a.btn_dw_in.new1::before {background-position: -79rem -4.2rem;width: 2rem;}
 a.btn_dw_in.new2{background-color:#fff;color:#333;}
 a.btn_dw_in.new2::before {background-position: -79rem -4.4rem;width: 2rem;height: 2rem;}
 a.btn_dw_in.mail{background-color:unset; padding:0;border:0;height: auto;vertical-align: middle;margin-left: 0.5rem;color:#1a4ab9;border-bottom: 1px solid #1a4ab9;border-radius: 0;}
 a.btn_dw_in.mail::before {background: url(/images/common/sp_content.png?build_20251205011) -51.9rem -0.8rem no-repeat;width: 1.7rem;}
 a.btn_dw_in.tel{background-color:unset; padding:0;border:0;height: auto;vertical-align: middle;margin-left: 0.5rem;color:#1a4ab9;border-bottom: 1px solid #1a4ab9;border-radius: 0;}
 a.btn_dw_in.tel::before {background: url(/images/common/sp_content.png?build_20251205011) -54.9rem -0.8rem no-repeat;width: 1.7rem;}
  .c_box3 .in_box .box_l {float:left;width: 43%;margin-left:3%;border-right:1px solid #e2e2e2;padding-right: 5%;}
 .c_box3 .in_box .box_r {float:left;width: 43%;margin-left: 5%;}
 .c_box3 .in_box .box_l > ul.basic > li > ul , .c_box3 .in_box .box_r > ul.basic > li > ul { margin:4px 0 10px 0px; }
 .c_box3 .in_box .box_l h5:first-child, .c_box3 .in_box .box_l ul.basic:first-child, .c_box3 .in_box .box_r h5:first-child, .c_box3 .in_box .box_r ul.basic:first-child { margin-top:0px; }
  .mat0{margin-top:0 !important;}
 .mat3{margin-top:3px !important;}
 .mat5{margin-top:5px !important;}
 .mat10{margin-top:10px !important;}
 .mat12{margin-top:12px !important;}
 .mat15{margin-top:15px !important;}
 .mat20{margin-top:20px !important;}
 .mat25{margin-top:25px !important;}
 .mat30{margin-top:30px !important;}
 .mat35{margin-top:35px !important;}
 .mat40{margin-top:40px !important;}
 .mat45{margin-top:45px !important;}
 .mat50{margin-top:50px !important;}
 .mat55{margin-top:55px !important;}
 .mat60{margin-top:60px !important;}
 .mat65{margin-top:65px !important;}
 .mat70{margin-top:70px !important;}
 .mat75{margin-top:75px !important;}
 .mat80{margin-top:80px !important;}
 .mat85{margin-top:85px !important;}
 .mat90{margin-top:90px !important;}
 .mat95{margin-top:95px !important;}
 .mat100{margin-top:100px !important;}
 .mat110{margin-top:110px !important;}
 .mat120{margin-top:120px !important;}
 .mat130{margin-top:130px !important;}
 .mat140{margin-top:140px !important;}
 .mat150{margin-top:150px !important;}
 .mat200{margin-top:200px !important;}
 .mab0{margin-bottom:0 !important;}
 .mab5{margin-bottom:5px !important;}
 .mab10{margin-bottom:10px !important;}
 .mab15{margin-bottom:15px !important;}
 .mab20{margin-bottom:20px !important;}
 .mab25{margin-bottom:25px !important;}
 .mab30{margin-bottom:30px !important;}
 .mab35{margin-bottom:35px !important;}
 .mab40{margin-bottom:40px !important;}
 .mab45{margin-bottom:45px !important;}
 .mab50{margin-bottom:50px !important;}
 .mab55{margin-bottom:55px !important;}
 .mab60{margin-bottom:60px !important;}
 .mab65{margin-bottom:65px !important;}
 .mab70{margin-bottom:70px !important;}
 .mab75{margin-bottom:75px !important;}
 .mab80{margin-bottom:80px !important;}
 .mab85{margin-bottom:85px !important;}
 .mab90{margin-bottom:90px !important;}
 .mab95{margin-bottom:95px !important;}
 .mal0{margin-left:0 !important;}
 .mal5{margin-left:5px !important;}
 .mal10{margin-left:10px !important;}
 .mal15{margin-left:15px !important;}
 .mal20{margin-left:20px !important;}
 .mal25{margin-left:25px !important;}
 .mal30{margin-left:30px !important;}
 .mal35{margin-left:35px !important;}
 .mal40{margin-left:40px !important;}
 .mal45{margin-left:45px !important;}
 .mal50{margin-left:50px !important;}
 .mal55{margin-left:55px !important;}
 .mal60{margin-left:60px !important;}
 .mal65{margin-left:65px !important;}
 .mal70{margin-left:70px !important;}
 .mal75{margin-left:75px !important;}
 .mal80{margin-left:80px !important;}
 .mal85{margin-left:85px !important;}
 .mal90{margin-left:90px !important;}
 .mal95{margin-left:95px !important;}
 .mal100{margin-left:100px !important;}
 .mal120{margin-left:120px !important;}
 .mal130{margin-left:130px !important;}
 .mal140{margin-left:140px !important;}
 .mal150{margin-left:150px !important;}
 .mar0{margin-right:0 !important;}
 .mar5{margin-right:5px !important;}
 .mar10{margin-right:10px !important;}
 .mar15{margin-right:15px !important;}
 .mar20{margin-right:20px !important;}
 .mar25{margin-right:25px !important;}
 .mar30{margin-right:30px !important;}
 .mar35{margin-right:35px !important;}
 .mar40{margin-right:40px !important;}
 .mar45{margin-right:45px !important;}
 .mar50{margin-right:50px !important;}
 .mar55{margin-right:55px !important;}
 .mar60{margin-right:60px !important;}
 .mar65{margin-right:65px !important;}
 .mar70{margin-right:70px !important;}
 .mar75{margin-right:75px !important;}
 .mar80{margin-right:80px !important;}
 .mar85{margin-right:85px !important;}
 .mar90{margin-right:90px !important;}
 .mar95{margin-right:95px !important;}
 .mar100{margin-right:100px !important;}
 .mar120{margin-right:120px !important;}
 .mar130{margin-right:130px !important;}
 .mar140{margin-right:140px !important;}
 .mar150{margin-right:150px !important;}
 .ma0{margin:0 !important;}
 .ma5{margin:5px !important;}
 .ma10{margin:10px !important;}
 .ma15{margin:15px !important;}
 .ma20{margin:20px !important;}
 .ma25{margin:25px !important;}
 .ma30{margin:30px !important;}
 .ma35{margin:35px !important;}
 .ma40{margin:40px !important;}
 .ma45{margin:45px !important;}
 .ma50{margin:50px !important;}
 .pat0{padding-top:0px !important;}
 .pat5{padding-top:5px !important;}
 .pat10{padding-top:10px !important;}
 .pat15{padding-top:15px !important;}
 .pat20{padding-top:20px !important;}
 .pat25{padding-top:25px !important;}
 .pat30{padding-top:30px !important;}
 .pat35{padding-top:35px !important;}
 .pat40{padding-top:40px !important;}
 .pat45{padding-top:45px !important;}
 .pat50{padding-top:50px !important;}
 .pat60{padding-top:60px !important;}
 .pat70{padding-top:70px !important;}
 .pat80{padding-top:80px !important;}
 .pat90{padding-top:90px !important;}
 .pab0{padding-bottom:0 !important;}
 .pab5{padding-bottom:5px !important;}
 .pab10{padding-bottom:10px !important;}
 .pab15{padding-bottom:15px !important;}
 .pab20{padding-bottom:20px !important;}
 .pab25{padding-bottom:25px !important;}
 .pab30{padding-bottom:30px !important;}
 .pab35{padding-bottom:35px !important;}
 .pab40{padding-bottom:40px !important;}
 .pab50{padding-bottom:50px !important;}
 .pal0{padding-left:0px !important;}
 .pal5{padding-left:5px !important;}
 .pal10{padding-left:10px !important;}
 .pal15{padding-left:15px !important;}
 .pal20{padding-left:20px !important;}
 .pal25{padding-left:25px !important;}
 .pal30{padding-left:30px !important;}
 .pal35{padding-left:35px !important;}
 .pal40{padding-left:40px !important;}
 .pal45{padding-left:45px !important;}
 .pal50{padding-left:50px !important;}
 .pal55{padding-left:55px !important;}
 .pal60{padding-left:60px !important;}
 .pal65{padding-left:65px !important;}
 .pal70{padding-left:70px !important;}
 .pal75{padding-left:75px !important;}
 .pal80{padding-left:80px !important;}
 .pal85{padding-left:85px !important;}
 .pal90{padding-left:90px !important;}
 .par0{padding-right:0 !important;}
 .par5{padding-right:5px !important;}
 .par10{padding-right:10px !important;}
 .par15{padding-right:15px !important;}
 .par20{padding-right:20px !important;}
 .par25{padding-right:25px !important;}
 .par30{padding-right:30px !important;}
 .par35{padding-right:35px !important;}
 .par40{padding-right:40px !important;}
 .pa0{padding:0 !important;}
 .pa5{padding:5px !important;}
 .pa10{padding:10px !important;}
 .pa15{padding:15px !important;}
 .pa20{padding:20px !important;}
 .pa25{padding:25px !important;}
 .pa30{padding:30px !important;}
 .pa35{padding:35px !important;}
 .pa40{padding:40px !important;}
 .pa45{padding:45px !important;}
 .pa50{padding:50px !important;}
  .h100 { min-height:100px; }
 .h150 { min-height:150px; }
 .h200 { min-height:200px; }
 .h250 { min-height:250px; }
 .h300 { min-height:300px; }
 .h350 { min-height:350px; }
 .h400 { min-height:400px; }
 .h450 { min-height:450px; }
 .h500 { min-height:500px; }
  .img_txt {clear:both;width:100%;margin:4rem 0 1.5rem 0;display: flex;flex-wrap: wrap;gap: 2rem 3%;}
  .img_txt .l50 {width: 48%;}
 .img_txt .r50 {width: 48%;}
  .img_txt .l30 {width: 31.33%;}
 .img_txt .c30 {width: 31.33%;}
 .img_txt .r30 {width: 31.33%;}
  .img_txt .l40 { width:40%; }
 .img_txt .r60 {width: 57%;}
  .img_txt .l60 {width: 58%;}
 .img_txt .r40 { width:38%;}
  .img_txt .r70{width: 65.66%;}
  .img_txt .l70{width: 65.66%;}
 .img_txt h4:first-child, .img_txt h5:first-child, .img_txt h6:first-child { margin-top:0px; }
  .img_txt .l20 {width: 20%;}
 .img_txt .r80 {width: 78%;}
  .img_txt .l20 {width: 19%;}
 .img_txt .r80 {width: 78%;}
  .img_txt .l80 {width: 78%;}
 .img_txt .r20 {width: 19%;}
  .img_txt .l25 {width: 24%;}
 .img_txt .r75 {width: 73%;}
  .img_txt > div { position:relative;}
 .img_txt > div > .photo_name1 {display:block;width:100%;background:rgba(0,0,0,.6);text-align:center;position:absolute;bottom:0px;height:45px;line-height:45px;color:#fff;}
 .img_txt img{height: -webkit-fill-available;}
  ul.img_col2 {margin:35px 0 0px;width: 100%;display: flex;gap: 2rem 2%;flex-wrap: wrap;}
  ul.img_col2 li {text-align: center;width: 49%;border-radius: 10px;overflow: hidden;}
 ul.img_col2 li img { width:100%; height:auto; border-radius:1rem;}
 ul.img_col3 {margin:35px 0 0px;width: 100%;display: flex;gap: 2rem 2%;flex-wrap: wrap;}
  ul.img_col3 li {text-align: center;width: 32%;border-radius: 10px;overflow: hidden;}
 ul.img_col3 li img { width:100%; height:auto;border-radius:1rem;}
 ul.img_col4 {margin:35px 0 0px;width: 100%;display: flex;gap: 2rem 2%;flex-wrap: wrap;}
  ul.img_col4 li {text-align: center;width: 23.5%;border-radius: 10px;overflow: hidden;}
 ul.img_col4 li img { width:100%; height:auto;border-radius:1rem;}
 ul.img_col5 {margin:35px 0 0px;width: 100%;display: flex;gap: 2rem 2%;flex-wrap: wrap;}
  ul.img_col5 li {text-align: center;width: 18.4%;border-radius: 10px;overflow: hidden;}
 ul.img_col5 li img { width:100%; height:auto; border-radius:1rem;}
 ul.img_col6 {margin:35px 0 0px;width: 100%;display: flex;gap: 2rem 2%;flex-wrap: wrap;}
  ul.img_col6 li {text-align: center;width: 15%;border-radius: 10px;overflow: hidden;}
 ul.img_col6 li img { width:100%; height:auto;border-radius:1rem;}
  ul[class^=img_col] li {position:relative;height: fit-content;}
 ul[class^=img_col] li span.photo_name1 {display:block;width:100%;background:rgba(0,0,0,.5);text-align:center;position:absolute;bottom: 0;height: 4rem;line-height: 4rem;color:#fff;}
 ul[class^=img_col].align_center{justify-content: center;}
  .br { color:#063472;}
 .rd { color:#c83232;}
 .gr { color:#088277;}
  .siz12 { font-size:12px;}
 .siz13 { font-size:13px;}
 .siz14 { font-size:14px;}
 .siz15 { font-size:15px;}
 .siz16 { font-size:16px;}
 .siz17 { font-size:17px;}
 .siz18 { font-size:18px;}
 .siz19 { font-size:19px;}
 .siz20 { font-size:20px;}
 .siz21 { font-size:21px;}
 .siz22 { font-size:22px;}
 .siz23 { font-size:23px;}
 .siz24 { font-size:24px;}
 .siz25 { font-size:25px;}
 .siz26 { font-size:26px;}
 .siz27 { font-size:27px;}
 .siz28 { font-size:28px;}
 .siz29 { font-size:29px;}
 .siz30 { font-size:30px;}
 .siz31 { font-size:31px;}
 .siz32 { font-size:32px;}
 .siz33 { font-size:33px;}
 .siz34 { font-size:34px;}
 .siz35 { font-size:35px;}
  #content.big_font, #content.big_font a { font-size:19px !important;}
 .big_font h3 { font-size:32px !important; line-height:36px !important; height: auto !important;}
 .big_font h4 { font-size: 28px !important; line-height:32px !important; height: auto !important;}
 .big_font h5 { font-size: 26px !important;}
 .big_font .siz12 { font-size:14px;}
 .big_font .siz13 { font-size:15px;}
 .big_font .siz14 { font-size:16px;}
 .big_font .siz15 { font-size:17px;}
 .big_font .siz16 { font-size:18px;}
 .big_font .siz17 { font-size:19px;}
 .big_font .siz18 { font-size:20px;}
 .big_font .siz19 { font-size:21px;}
 .big_font .siz20 { font-size:22px;}
 .big_font .siz21 { font-size:23px;}
 .big_font .siz22 { font-size:24px;}
 .big_font .siz23 { font-size:25px;}
 .big_font .siz24 { font-size:26px;}
 .big_font .siz25 { font-size:27px;}
 .big_font .siz26 { font-size:28px;}
 .big_font .siz27 { font-size:29px;}
 .big_font .siz28 { font-size:30px;}
 .big_font .siz29 { font-size:31px;}
 .big_font .siz30 { font-size:32px;}
 .big_font .siz31 { font-size:33px;}
 .big_font .siz32 { font-size:34px;}
 .big_font .siz33 { font-size:35px;}
 .big_font .siz34 { font-size:36px;}
 .big_font .siz35 { font-size:37px;}
  .map_box { margin-top:20px; }
 .map_box:first-child { margin-top:0px; }
 .map_box .root_daum_roughmap { width:100% !important; }
 .map_box .root_daum_roughmap .wrap_map { min-height:460px; }
  .content_tabbox_wrap{position: relative; padding-top: 80px; margin: 30px 0;}
 .content_tabbox_wrap .tabbox_item{}
 .content_tabbox_wrap .tabbox_item > a._action_tab{position: absolute; top: 0; background-color: #fff; border: 1px solid #40434c; padding: 10px 38px; border-radius: 3px;}
 .content_tabbox_wrap .tabbox_item > a._action_tab.on{background-color: #c83232; border-color: #821616; color: #fff;}
 .content_tabbox_wrap .tabbox_item ._action_wrap_tab{display: none;}
 .content_tabbox_wrap .tabbox_item > a._action_tab.on + ._action_wrap_tab{display: block;}
  #logintxt_box{padding: 4px 8px; color: #c83232;}
  #content .sitemap {display: block;float: left; margin: 0 0 30px; min-height: 200px; padding: 0; width: 100%}
 #content .sitemap h3 {margin-top: 0 !important;padding: 5px 0 15px 0 !important;font-size: 27px; text-align: left; color: #2a548e; background: none; font-weight: 500;}
 #content .sitemap > ul {margin: 0 0 27px; padding: 0; background: url("/images/www/sub/sitmap_bg.gif?build_20251205011") repeat-x scroll left top #fff ; border: 1px solid #dee4e3;}
 #content .sitemap ul ul li {line-height: 130% !important; padding: 0 0 0 20px; text-align: justify}
 #content .sitemap ul { margin-bottom: 10px; display: block}
 #content .sitemap ul li { display: inline-block; width: 100%;}
 #content .sitemap > ul > li > a { color: #0c4da2; font-size: 16px; font-weight: 400; padding: 0 0 0 11px}
 #content .sitemap ul li ul {margin-top: 15px; overflow: hidden;}
 #content .sitemap ul li ul li {background: url("/images/common/sub/basic_ul_bl.png?build_20251205011") no-repeat 0px 8px ; padding: 0 0 0 10px; border: medium none; display: inline-block; float: left; margin-right: 2px; margin-left: 30px;width: 290px; margin-bottom: 10px;}
 #content .sitemap ul li ul li a {color: #000000;font-weight: 500; font-size: 18px;}
 #content .sitemap ul li ul li a:hover {text-decoration: underline;}
 #content .sitemap ul li ul li ul { margin-top: 5px !important; margin-left: 0px;}
 #content .sitemap ul > li > ul > li > ul > li {background: url("/images/common/sub/basic_ul_ul_bl.png?build_20251205011") no-repeat 0px 5px ; padding: 0 0 0 10px; margin: 2px 0 2px 0}
 #content .sitemap ul li ul li ul li a { color: #4c4c4c; font-size: 17px; font-weight: 500}
 #content .sitemap ul li ul li ul li ul li { position: relative; background: none;}
 #content .sitemap ul li ul li ul li ul li::after {content: ""; display: block; width: 4px; height: 3px; position: absolute; top: 8px; left: 0; background-color: #575757; }
 #content .sitemap ul li ul li ul li ul li a { color: #646464; font-size: 16px;}
 .sitemap_list > ul > li > a { display: block; font-size: 21px; font-weight: 400; background: #E5E6EE; padding: 14px;}
 .sitemap_list > ul > li > a:hover { background-color: #ffda21; transition: ease-in-out 0.28s;}
 .sitemap_list { border: 2px solid #dcdcdc;}
  .step_list {margin-top: 2rem;background: #F6F6F6;padding: 2% 3%;border-radius:2rem;display: flex;justify-content: center;flex-wrap: wrap;gap: 2rem 0%;}
 .step_list .step_box {width: 20%;border-radius: 14px;vertical-align: middle;display: flex;position: relative;flex-direction: column;}
 .step_list .step_box.w25 {width: 24% }
 .step_list .step_box .tit{text-align:center;font-weight: 600;font-size: 1.8rem;color: #ffffff;padding: 8px;background: #1A4AB9;border-radius: 0.6rem;flex-direction: column;}
 .step_list .step_box .sub_tit{background:#3280E6; color:#fff; text-align:center; padding:1rem 0; margin:0.4rem 0}
 .step_list .step_box .txt{padding: 1rem 1rem;background: #fff;border: 1px solid #e4e4e4;border-radius: 0.6rem;display: flex;align-items: center;text-align:center;word-break: keep-all;height: 100%;flex-direction: column;justify-content: center;}
 .step_list .step_box .tit + .txt{margin-top: 4px;}
 .step_list .step_box .tit > .next{font-weight:400; font-size:1.6rem;}
 .step_list .step_box .txt + .sub_tit{border-radius:1rem}
 .step_list .step_box .txt span.next, .step_list .step_box .txt span.plus{ line-height: 18px; display:block;}
 .step_list .step_box .txt span.part{color:#757575; font-size:1.6rem}
 .step_list .step_next, .step_list .step_plus {position: relative;text-align: center;width: 34px;margin: 0px 1.4%;vertical-align: middle;display: flex;align-items: center;}
 .step_list .step_next > span{width: 35px;height: 35px;text-indent: -999em;display: block;background: #777777 url(/images/www/common/sp_content.png?build_20251205011) -266px -5px no-repeat;margin: 0 auto;vertical-align: top;border-radius: 100px;}
 .step_list .step_plus > span{width: 35px;height: 35px;text-indent: -999em;display: block;background: #777777 url(/images/www/common/sp_content.png?build_20251205011) -415px -5px no-repeat;margin: 0 auto;vertical-align: top;border-radius: 100px;}
 .step_list .step_box .txt ul.basic{margin: 0; text-align:left;}
 .step_list .step_box .txt p.basic{margin-top: 0;}
 .step_list .step_box > .num{position: absolute;left: -10px;top: -15px;display: block;width: 32px;background: #1A4AB9;color: #fff;padding: 4px 5px;border-radius: 8px 10px 8px 10px;}
 .step_list .step_box .txt ol > li{margin-top: 0;border: 0;text-align: left;}
 .step_list .step_box .txt ol > li:before{ margin-left: 0; width: 24px; height: 24px; line-height: 22px; font-size: 15px;}
 .step_list .step_box .txt ol > li:last-child{padding-bottom:0;}
 .step_list .step_box .txt.align_left{align-items: flex-start;}
 .step_list.ver2 .step_box .tit{ background: #282968;}
 .step_list.two .step_box{width: 45%;}
 .step_list.two .step_box .txt{padding: 3%;}
 .step_list.three .step_box{width: 29%;}
 .step_list.five .step_box{width: 14%;}
 .step_list.five .step_next{margin: 0 1.5%;}
 .step_list .step_next.down{margin:1rem auto;}
 .step_list .step_next.down span{transform: rotate(90deg);}
 .step_list .align_top{flex-direction:column;}
  .step_list_col {margin-top: 2rem;display: flex;flex-direction: column;align-items: center;}
 .step_list_col .step_box { display: flex; width: 100%; border-radius: 2rem; overflow: hidden; border: 1px solid #e4e4e4;}
 .step_list_col .step_box .tit{display: inline-flex;padding: 10px;background: #F6F6F6;width: 20%;justify-content: center;align-items: center;font-size: 1.8rem;font-weight: 700;}
 .step_list_col .step_box ul.basic.txt{text-align: left;}
 .step_list_col .step_box .tit.bor_n{ border: none; margin-bottom: 0; padding-bottom: 0;}
 .step_list_col .step_box .txt{text-align:center;padding: 3rem;background: #fff;width: 80%;}
 .step_list_col .step_box .txt span.next, .step_list_col .step_box .txt span.plus{ line-height: 18px; }
 .step_list_col .step_box .txt span.part{color:#6b6b6b;}
 .step_list_col .step_next, .step_list_col .step_plus {position: relative;text-align: center;width: 34px;margin: 15px 0;display: inline-block;vertical-align: middle;}
 .step_list_col .step_next > span{width: 35px;height: 35px;text-indent: -999em;display: block;background: #757575 url("/images/www/common/sp_content.png?build_20251205011") -266px -5px no-repeat;margin: 0 auto;vertical-align: top;border-radius: 100px;transform: rotate(90deg);}
 .step_list_col .step_plus > span{width: 35px;height: 35px;text-indent: -999em;display: block;background: #777777 url(/images/www/common/sp_content.png?build_20251205011) -415px -5px no-repeat;margin: 0 auto;vertical-align: top;border-radius: 100px;}
 .step_list_col .step_box .txt > .basic:first-child{ margin-top: 0;}
  .blind { position: absolute !important; top:0; left:-10000px; width:1px; height:1px; overflow:hidden; }
   .content_top_alert, .content_top_alert2 {border: 1px solid #272727;position:relative;margin-bottom: 3rem;border-radius: 0.6rem;display: flex;}
 .content_top_alert::before, .content_top_alert2::before{content:'';display: block;width:20rem;height: 18rem;background: url("/images/common/sub/top_alert_icon.png?build_20251205011") no-repeat center 4rem;}
 .content_top_alert .alert_content, .content_top_alert2 .alert_content {padding: 3rem 4rem 3rem 0; width: calc(100% - 20rem);}
 .alert_content ul.basic:first-child {margin-top:0px;}
 .content_top_alert .btn_flex.btn_page a.btn_dw{height:4.8rem; border-radius:0;}
 .content_top_alert h4, .content_top_alert2 h4{ background: no-repeat; padding: 0; margin-top: 3.5rem;}
 .content_top_alert h4:first-child, .content_top_alert2 h4:first-child{ margin-top:0;}
  .top_alert_step{display:flex;gap: 1rem 2%;margin: 2rem 0;align-items: center;}
 .top_alert_step .step_box{background:#EDF1F5;height: -webkit-fill-available;border-radius:0.7rem;padding: 1.6rem 1rem;display: flex;justify-content: center;flex: 1;align-items: center;word-break: keep-all;text-align: center;flex-direction: column;}
 .top_alert_step .step_next{width: 1.6rem;height: 1.9rem;background: url(/images/www/contents/alert_icon_next.png?build_20251205011) center no-repeat;display: flex;align-items: center;justify-content: center;}
 .top_alert_step .step_next span{text-indent:-999em; display:block;}
 .top_alert_step .step_box i.alert_ico{width: 6rem;height: 5.5rem;background: url(/images/www/contents/alert_icon_sp.png?build_20251205011) no-repeat;display: flex;margin-bottom: 0.6rem;}
 .top_alert_step .step_box i.alert_ico.i01{background-position: 0.6rem 0rem;}
 .top_alert_step .step_box i.alert_ico.i02{background-position: -8.7rem 0rem;}
 .top_alert_step .step_box i.alert_ico.i03{background-position: -18.4rem 0rem;}
  :root { --pie-main: #1A4AB9;  --pie-sub: #0089ff;  --pie-sub2: #03A16E;  --pie-bg: #f3f3f3;  }
  .c_box .vertical_chart_box, .c_box2 .vertical_chart_box, .c_box3 .vertical_chart_box{margin: 2rem 0 2.5rem 0;}
 .vertical_chart_box {position: relative;margin: 3rem 0 10rem 0;}
 .vertical_chart_box .chart_box {position: relative;box-sizing: border-box;height: 20rem;display: flex;flex-wrap: wrap;}
 .vertical_chart_box .axis_y {display: -webkit-flex;display: -ms-flex;display: -o-flex;display: flex;flex-direction: column-reverse;align-items: center;justify-content: space-between;margin: 0;padding: 0;max-width: 5rem;height: 100%;font-size: 1.3rem;color: #4a4a4a;padding-right: 1rem;box-sizing: border-box;}
 .vertical_chart_box .axis_x { display: -webkit-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; position: relative; padding: 0; box-sizing: border-box; height: 100%; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; width: calc(100% - 5rem); }
 .vertical_chart_box .axis_x .chart_item {flex: 1;position: relative;}
 .vertical_chart_box .axis_x .chart_item .text_box {position: absolute;top: 20.5rem;left: 50%;width: 100%;text-align: center;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);}
 .vertical_chart_box .axis_x .chart_item .text_box .tit {display: block;font-size: 1.3rem;color: #4a4a4a;}
 .vertical_chart_box .axis_x .chart_item .text_box .sub_tit {display: block;margin-top: 3px;font-size: 1.3rem;color: #999;}
 .vertical_chart_box .axis_x .graph {display: -webkit-flex;display: -ms-flex;display: -o-flex;display: flex;flex-direction: column-reverse;position: relative;margin: 0 auto;padding: 0;width: 3.6rem;height: 100%;background: #f3f3f3;border-radius: 3px 3px 0 0;overflow: hidden;}
 .vertical_chart_box .axis_x .graph .graph_item {display: block;position: relative;box-sizing: content-box;width: 100%;}
 .vertical_chart_box .axis_x .graph .graph_item.data1 { background:var(--pie-main); z-index: 3;}
 .vertical_chart_box .axis_x .graph .graph_item.data2 { background:var(--pie-sub) ; z-index: 2;}
 .vertical_chart_box .axis_x .graph .graph_item.data3 { background:var(--pie-sub2) ; z-index: 1;}
 .vertical_chart_box .axis_x .graph .graph_item .num{color:#fff; font-size:1.2rem; letter-spacing:-0.05rem}
 .vertical_chart_box .axis_x button.graph { border: 0;}
 .vertical_chart_box .axis_x .graph .graph_item:last-child{border-radius:3px 3px 0 0;}
  .h0p{height:0%}
 .h5p{height:5%}
 .h10p{height:10%}
 .h15p{height:15%}
 .h20p{height:20%}
 .h25p{height:25%}
 .h30p{height:30%}
 .h35p{height:35%}
 .h40p{height:40%}
 .h45p{height:45%}
 .h50p{height:50%}
 .h55p{height:55%}
 .h60p{height:60%}
 .h65p{height:65%}
 .h70p{height:70%}
 .h75p{height:75%}
 .h80p{height:80%}
 .h85p{height:85%}
 .h90p{height:90%}
 .h95p{height:95%}
 .h100p{height:100%}
  .pie_chart_box{display:flex;gap: 2rem 4%;margin-top: 3rem;flex-wrap: wrap;justify-content: space-evenly;align-items: center;}
 .pie_chart_box .pie_chart {min-width: 20rem;min-height: 20rem;border-radius: 50%;background: conic-gradient(#f3f3f3 0% 100%);position:relative;}
 .pie_chart_box .pie_chart .data{background:#fff;width: 56%;height: 56%;position:absolute;left: 22%;top: 22%;display:flex;border-radius: 50%;align-items: center;justify-content: center;word-break: keep-all;padding: 1rem;text-align: center;flex-direction: column;gap: 0.5rem 0;}
 .pie_chart_box .pie_chart .data b{color:#1A4AB9; display:block; font-size:2rem;}
 .pie_chart_box .label {position: absolute;top: 50%;transform: translateY(-50%);text-align: center;font-size: 1.5rem;}
 .pie_chart_box .label.left {left: -34%;text-align: right;}
 .pie_chart_box .label.left::after{content:'';width: 1.2rem;height:1px;border-top:1px solid #333;display: inline-block;position: absolute;top: 11px;right: -16px;}
 .pie_chart_box .label.right {right: -34%;text-align: left;}
 .pie_chart_box .label.right::after{content:'';width: 1.2rem;height:1px;border-top:1px solid #333;display: inline-block;position: absolute;top: 11px;left: -16px;}
 .pie_chart_box b{display:block;}
  .pie_chart_box .label.top10{top: 10%;}
 .pie_chart_box .label.left.top10::after{width: 7rem;right: -7.5rem;}
 .pie_chart_box .label.right.top10::after{width: 7rem;left: -7.5rem;}
 .pie_chart_box .label.top20{ top: 20%;}
 .pie_chart_box .label.left.top20::after{width: 4rem;right: -4.5rem;}
 .pie_chart_box .label.right.top20::after{ width: 4rem; left: -4.5rem;}
 .pie_chart_box .label.top70{top: 90%;}
 .pie_chart_box .label.left.top70::after{width: 4rem;right: -4.5rem;}
 .pie_chart_box .label.right.top70::after{ width: 4rem; left: -4.5rem;}
 .pie_chart_box .pie_100 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 100%, var(--pie-bg) 100% 100%);}
 .pie_chart_box .pie_95 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 95%, var(--pie-bg) 95% 100%);}
 .pie_chart_box .pie_90 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 90%, var(--pie-bg) 90% 100%);}
 .pie_chart_box .pie_85 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 85%, var(--pie-bg) 85% 100%);}
 .pie_chart_box .pie_80 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 80%, var(--pie-bg) 80% 100%);}
 .pie_chart_box .pie_75 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 75%, var(--pie-bg) 75% 100%);}
 .pie_chart_box .pie_70 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 70%, var(--pie-bg) 70% 100%);}
 .pie_chart_box .pie_65 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 65%, var(--pie-bg) 65% 100%);}
 .pie_chart_box .pie_60 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 60%, var(--pie-bg) 60% 100%);}
 .pie_chart_box .pie_55 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 55%, var(--pie-bg) 55% 100%);}
 .pie_chart_box .pie_50 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 50%, var(--pie-bg) 50% 100%);}
 .pie_chart_box .pie_45 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 45%, var(--pie-bg) 45% 100%);}
 .pie_chart_box .pie_40 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 40%, var(--pie-bg) 40% 100%);}
 .pie_chart_box .pie_35 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 35%, var(--pie-bg) 35% 100%);}
 .pie_chart_box .pie_30 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 30%, var(--pie-bg) 30% 100%);}
 .pie_chart_box .pie_25 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 25%, var(--pie-bg) 25% 100%);}
 .pie_chart_box .pie_20 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 20%, var(--pie-bg) 20% 100%);}
 .pie_chart_box .pie_15 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 15%, var(--pie-bg) 15% 100%);}
 .pie_chart_box .pie_10 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 10%, var(--pie-bg) 10% 100%);}
 .pie_chart_box .pie_5 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 5%, var(--pie-bg) 5% 100%);}
 .pie_chart_box .pie_0 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 5%, var(--pie-bg) 0% 100%);}
 .pie_chart_box .wh300{width: 300px;height: 300px;}
 .pie_chart_box .wh400{width: 400px;height: 400px;}
 .pie_chart_box .wh500{width: 500px;height: 500px;}
 .pie_chart_box .wh600{width: 600px;height: 600px;}
 .pie_chart_box .pie_95_5 {background: conic-gradient(var(--pie-sub) 95%, var(--pie-main) 95% 100%);}
 .pie_chart_box .pie_90_10 {background: conic-gradient(var(--pie-sub) 90%, var(--pie-main) 90% 100%);}
 .pie_chart_box .pie_85_15 {background: conic-gradient(var(--pie-sub) 85%, var(--pie-main) 85% 100%);}
 .pie_chart_box .pie_80_20 {background: conic-gradient(var(--pie-sub) 80%, var(--pie-main) 80% 100%);}
 .pie_chart_box .pie_75_25 {background: conic-gradient(var(--pie-sub) 75%, var(--pie-main) 75% 100%);}
 .pie_chart_box .pie_70_30 {background: conic-gradient(var(--pie-sub) 70%, var(--pie-main) 70% 100%);}
 .pie_chart_box .pie_65_35 {background: conic-gradient(var(--pie-sub) 65%, var(--pie-main) 65% 100%);}
 .pie_chart_box .pie_60_40 {background: conic-gradient(var(--pie-sub) 60%, var(--pie-main) 60% 100%);}
 .pie_chart_box .pie_55_45 {background: conic-gradient(var(--pie-sub) 55%, var(--pie-main) 55% 100%);}
 .pie_chart_box .pie_50_50 {background: conic-gradient(var(--pie-sub) 50%, var(--pie-main) 50% 100%);}
 .pie_chart_box .pie_45_55 {background: conic-gradient(var(--pie-sub) 45%, var(--pie-main) 45% 100%);}
 .pie_chart_box .pie_40_60 {background: conic-gradient(var(--pie-sub) 40%, var(--pie-main) 40% 100%);}
 .pie_chart_box .pie_35_65 {background: conic-gradient(var(--pie-sub) 35%, var(--pie-main) 35% 100%);}
 .pie_chart_box .pie_30_70 {background: conic-gradient(var(--pie-sub) 30%, var(--pie-main) 30% 100%);}
 .pie_chart_box .pie_25_75 {background: conic-gradient(var(--pie-sub) 25%, var(--pie-main) 25% 100%);}
 .pie_chart_box .pie_20_80 {background: conic-gradient(var(--pie-sub) 20%, var(--pie-main) 20% 100%);}
 .pie_chart_box .pie_15_85 {background: conic-gradient(var(--pie-sub) 15%, var(--pie-main) 15% 100%);}
 .pie_chart_box .pie_10_90 {background: conic-gradient(var(--pie-sub) 10%, var(--pie-main) 10% 100%);}
 .pie_chart_box .pie_5_95 {background: conic-gradient(var(--pie-sub) 5%, var(--pie-main) 5% 100%);}
  .cate_list { overflow: hidden; border-left: 1px solid #d2d2d2; margin-bottom: 20px }
 .cate_list li { float: left; width: 20%; text-align: center; height: 47px; line-height: 47px; }
 .cate_list li a { display: block; color: #333; padding: 0 10px; border: solid #d2d2d2; border-width: 0 1px 1px 0; background: #fafafa; height: 100%; box-sizing: border-box; }
 .cate_list li:nth-child(n):nth-child(-n+5) a { border-top-width: 1px; }
 .cate_list li.on { background: #3b74d2; color: #fff; }
 .cate_list li.on a { color: #FFF; border-color: #3b74d2; }