@charset "utf-8";
@import url("font.css");
/*공통*/
.evt_blind { visibility: hidden; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; font-size: 0px; line-height: 0; }
.title_D { width: 100%; height: 44px; overflow: hidden; }
/*margin-bottom:24px;*/
.title_D h2 { font-size: 28px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; letter-spacing: -1px; width: auto; float: left; margin-right: 20px; }
.title_D .navi { float: right; width: auto; height: auto; overflow: hidden; margin-top: 15px; }
.title_D .navi li { display: inline; float: left; padding: 0 12px 0 12px; }
.title_D .navi li img { border: 0; margin-top: 4px; }
.title_D .navi li.page { background: url(/image/sub_2020/submain/cs/ic_home_line.png) 0 5px no-repeat; }
.title_D .navi li.page a { font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #bbb; }
.title_D .navi li.page a:link { color: #bbb; text-decoration: none; }
.title_D .navi li.page a:visited { color: #bbb; text-decoration: none; }
.title_D .navi li.page a:hover { color: #999; text-decoration: none; }
/*고객센터 2023 리뉴얼 */
#sub_csN { width: 1040px; }
/*타이틀*/
#sub_csN .title { width: 100%; height: auto; overflow: hidden; margin-bottom: 24px; }
#sub_csN .title h2 { font-size: 28px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; letter-spacing: -1px; width: auto; float: left; margin-right: 20px; }
/*검색창*/
#sub_csN .Sbox { width: 100%; height: auto; overflow: hidden; margin-bottom: 24px; }
#sub_csN .Sbox .search_box { float: left; width: 1030px; height: 60px; background-color: #ffffff; border-radius: 8px; margin-bottom: 20px; border: 1px solid #e3e3e5; }
#sub_csN .Sbox .search_box .inp_txt { float: left; width: 950px; margin-left: 20px; height: 60px; border: 0; font-size: 18px; letter-spacing: -0.6px; line-height: 60px; font-family: "Noto Sans KR", "Helvetica Neue", "Malgun Gothic", dotum, sans-serif; font-weight: 400; outline: 0; color: #666; background-color: transparent; }
#sub_csN .Sbox .search_box .inp_txt placeholder { color: #ccc; }
#sub_csN .Sbox .search_box .search_btn { float: right; width: 50px; height: 100%; background: url(/image/sub_2020/submain/cs/ic_cs_search.png) no-repeat 50% 50%; border: none; cursor: pointer; text-indent: -10000px; }
/*검색어*/
#sub_csN .Sbox .schtxt { margin: 20px 0 0 0; text-align: center; }
#sub_csN .Sbox .schtxt a { display: inline-block; padding: 8px 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 14px; background: #fff; color: #333; border-radius: 30px; text-decoration: none; margin: 0 5px; border: 1px solid #e3e3e5; }
#sub_csN .Sbox .schtxt a:link { color: #333; text-decoration: none; }
#sub_csN .Sbox .schtxt a:visited { color: #333; text-decoration: none; }
#sub_csN .Sbox .schtxt a:hover { color: #000; text-decoration: none; }
#sub_csN .Sbox .schtxt a.point { background: #6699ff; color: #fff; display: inline-block; padding: 10px 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 14pxborder-radius:30px; text-decoration: none; margin: 0 5px; border: 0; }
#sub_csN .Sbox .schtxt a.point a:link { color: #fff; text-decoration: none; }
#sub_csN .Sbox .schtxt a.point a:visited { color: #fff; text-decoration: none; }
#sub_csN .Sbox .schtxt a.point a:hover { color: #fff; background: #5a91fd; text-decoration: none; }
/*즐겨찾는메뉴*/
#sub_csN .csN_menu_D { width: 1040px; height: auto; overflow: hidden; margin-bottom: 50px; }
#sub_csN .csN_menu_D .csN_menu_box { float: left; background-color: #e8f0ff; width: 100%; height: 168px; border-radius: 8px; }
#sub_csN .csN_menu_D .csN_menu_box .csNM_box_in { margin-top: 30px; margin-left: 8px; width: auto; height: auto; overflow: hidden; }
#sub_csN .csN_menu_D .csN_menu_box .csNM_box_in .csNM_div { float: left; width: 202px; height: 110px; border-right: 1px solid #d3ddf3; text-align: center; }
#sub_csN .csN_menu_D .csN_menu_box .csNM_box_in .csNM_div2 { float: left; width: 202px; height: 110px; text-align: center; }
.csN_menu { margin: auto 0; width: 100%; height: auto; overflow: hidden; }
.csN_menu dt { height: 68px; margin: auto 0; text-align: center; margin-bottom: 12px; }
.csN_menu dd { margin: auto 0; text-align: center; height: 35px; line-height: 35px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #333; letter-spacing: -0.0375em; }
.csN_menu dd a:link { font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #333; text-decoration: none; }
.csN_menu dd a:visited { color: #333; text-decoration: none; }
.csN_menu dd a:hover { color: #000; text-decoration: none; }
.csN_menu dd .csN_menu dd { letter-spacing: -0.5em; }
/*서비스소개*/
#sub_csN .csN_service_D { width: 1040px; height: auto; overflow: hidden; margin-bottom: 34px; }
#sub_csN .csN_service_D .csS_menu_box { float: left; width: 100%; height: auto; overflow: hidden; }
#sub_csN .csN_service_D .csS_menu_box .csNS_div { float: left; width: 193px; height: 138px; border: 1px solid #ebebeb; text-align: center; border-radius: 8px; margin-bottom: 16px; }
#sub_csN .csN_service_D .csS_menu_box .csNS_div2 { float: left; width: 193px; height: 138px; border: 1px solid #ebebeb; text-align: center; border-radius: 8px; margin-bottom: 16px; }
.csNS_div_box { float: left; height: auto; overflow: hidden; width: 210px; }
.csNS_div { float: left; width: 193px; height: 138px; border: 1px solid #ebebeb; text-align: center; border-radius: 8px; margin-bottom: 16px; }

.csN_ser { margin: auto 0; width: 100%; height: auto; overflow: hidden; }
.csN_ser dt { height: 90px; margin: auto 0; text-align: center; }
.csN_ser dt img { margin-top: 24px; }
.csN_ser dd { margin: auto 0; text-align: center; height: 35px; line-height: 35px; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #333; letter-spacing: -0.0375em; }
.csN_ser dd a:link { font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #333; text-decoration: none; }
.csN_ser dd a:visited { color: #333; text-decoration: none; }
.csN_ser dd a:hover { color: #000; text-decoration: none; }
/*공지사항*/
.csN_notice { height: auto; overflow: hidden; margin-bottom: 50px; }
.csN_not_con { height: auto; overflow: hidden; margin-bottom: 40px; }
.csN_not_con2 { height: auto; overflow: hidden; }
#sub_csN .csN_notice .csN_not_con .title_h3_D .title_arrow { float: right; width: 15px; height: auto; overflow: hidden; padding-top: 15px; }
#sub_csN .csN_notice .csN_not_con2 .title_h3_D .title_arrow { float: right; width: 15px; height: auto; overflow: hidden; padding-top: 15px; }
.csN_arr { width: 15px; height: 18px; background: url(/image/sub_2020/submain/dti/btn_arrR.png) 3px no-repeat; border: none; cursor: pointer; }
.csN_arr:hover { background: url(/image/sub_2020/submain/dti/btn_arrR_on.png) 3px no-repeat; text-decoration: none; }

/*뉴스*/
#sub_csN .not_con { float: left; width: 100%; height: auto; overflow: hidden; border-top: 1px solid #e0e0e0; padding-top: 16px; }
#sub_csN .not_box { float: left; width: 100%; height: auto; overflow: hidden; }
#sub_csN .not_box .not_box_ul { float: left; width: 100%; height: 36px; margin-bottom: 7px; }
#sub_csN .not_box .not_box_ul li { display: inline; line-height: 42px; float: left; }
#sub_csN .not_box .not_box_ul li.not_box_tit { width: auto; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 17px; color: #999999; font-weight: 400; font-weight: normal; letter-spacing: -0.0375em; text-align: center; }
#sub_csN .not_box .not_box_ul li.not_box_tit a:link { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 17px; color: #999999; font-weight: 400; font-weight: normal; letter-spacing: -0.0375em; text-align: left; }
#sub_csN .not_box .not_box_ul li.not_box_tit a:visited { color: #666666; text-decoration: none; }
#sub_csN .not_box .not_box_ul li.not_box_tit a:hover { color: #666666; text-decoration: none; }
#sub_csN .not_box .not_box_ul li.not_box_txt { float: right; width: 97px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 15px; color: #999999; font-weight: 400; font-weight: normal; letter-spacing: -0.0375em; text-align: center; }

/*배너*/
.csN_banner { width: 1040px; height: auto; overflow: hidden; margin-bottom: 50px; }
.ban_Box { float: left; width: 497px; height: 164px; border-radius: 8px; cursor: pointer; }
.ban_Box { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; }
.ban_Box .ser_tit { margin-top: 26px; padding-left: 35px; line-height: 35px; height: 35px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size: 21px; font-weight: 700; font-weight: bold; color: #fff; letter-spacing: -0.0375em; margin-bottom: 5px; }
.ban_Box .ser_txt { padding-left: 35px; line-height: 25px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size: 17px; font-weight: 500; font-weight: normal; color: #d9ddf0; letter-spacing: -0.0375em; }
.csN_ban01 { background: #89a8f0 url(/image/sub_2020/submain/cs/icon_banner05.png) 400px 90px no-repeat; margin-right: 43px; }
.csN_ban01:hover { background: #81a2ef url(/image/sub_2020/submain/cs/icon_banner05.png) 400px 90px no-repeat; margin-right: 43px; }
.csN_ban02 { background: #8b97e1 url(/image/sub_2020/submain/dti/icon_banner01_230905.png) 410px 80px no-repeat; }
.csN_ban02:hover { background: #828fe0 url(/image/sub_2020/submain/dti/icon_banner01_230905.png) 410px 80px no-repeat; }

/* RM 리스크관리 2023 리뉴얼*/
#ser_RM { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.rmN_vis { width: 1040px; position: relative; height: 375px; margin-bottom: 50px; background: url(/image/sub_2020/service/rm_vis_250527.jpg) 482px no-repeat; position: relative; }
.rmN_vis_in { width: auto; position: absolute; height: auto; overflow: hidden; top: 50px; padding-left: 55px; }
.ned_vis_in { width: auto; position: absolute; height: auto; overflow: hidden; top: 70px; padding-left: 55px; }
/*타이틀*/
.serN_ct { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #8d92a2; font-size: 21px; line-height: 30px; letter-spacing: -0.0375em; text-align: left; }
.serN_tit { margin-bottom: 20px; text-align: left; color: #2d3545; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 60px; line-height: 80px; letter-spacing: -0.0375em; text-align: left; }
.serN_tit .tit_blue { color: #4966f1; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 60px; line-height: 80px; letter-spacing: -0.0375em; text-align: left; }
.serN_txt { margin-bottom: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #999; font-size: 20px; line-height: 32px; letter-spacing: -0.0375em; text-align: left; }
.serN_txt .sertxt_gray { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #666; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 20px; }
.serN_btn { height: auto; overflow: hidden; }
/*버튼*/
.rmN_btn { float: center; text-align: left; width: 195px; height: 54px; line-height: 54px; border-radius: 4px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum'; font-weight: 400; font-we ight:normal; font-size: 18px; color: #ffffff; letter-spacing: -0.0375em; text-align: center; border: none; cursor: pointer; background-color: #3f6dd5; }
.rmN_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; }
.rmN_btn:hover { background: #395fc4; color: #ffffff; }
/*설명*/
.rmN_ser_D { width: 1040px; height: 180px; background: url(/image/sub_2020/service/rm_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
.rmN_ser_con { width: 100%; height: auto; overflow: hidden; margin-bottom: 70px; }
/*텍스트*/
.rmN_txt_D { width: 100%; height: auto; overflow: hidden; margin-bottom: 50px; }
.rmN_txt_D2 { width: 100%; height: auto; overflow: hidden; margin-bottom: 30px; }
.rmN_txt_h3 { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 28px; line-height: 45px; letter-spacing: -0.0375em; color: #333; text-align: left; margin-bottom: 5px; margin-bottom: 9px; }
.rmN_ct { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: -0.0375em; color: #999; text-align: left; }
/*이미지*/
.rmN_ser01_img { width: 1040px; height: auto; overflow: hidden; }
.rmN_ser01_img p { width: 705px; margin: 0 auto; }
.rmN_ser02_img { width: 1040px; height: auto; overflow: hidden; }
.rmN_ser02_img p { width: 943px; margin: 0 auto; }
.rmN_ser03_img { width: 1040px; height: auto; overflow: hidden; }
.rmN_ser03_img p { width: 1010px; margin: 0 auto; }
.rmN_ser04_img { width: 1040px; height: auto; overflow: hidden; }
.rmN_ser04_img p { width: 1040px; margin: 0 auto; }
.rmN_ser05_img { width: 1040px; height: auto; overflow: hidden; }
.rmN_ser05_img p { width: 981px; margin: 0 auto; }
.rmN_ask { width: 1040px; height: auto; overflow: hidden; padding-top: 20px; margin-bottom: 50px; }

/*전자세금계산서 소개 2023 리뉴얼*/
#ser_dti { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.dtiNS_vis { width: 1040px; position: relative; height: 375px; margin-bottom: 50px; background: url(/image/sub_2020/service/dti_vis.jpg) 515px no-repeat; position: relative; }
/*설명*/
.dtiNS_ser_D { width: 1040px; height: 361px; background: url(/image/sub_2020/service/dti_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
/*이미지*/
.dtiNS_ser01_img { width: 1040px; height: auto; overflow: hidden; }
.dtiNS_ser01_img p { width: 1040px; margin: 0 auto; }
.dtiNS_ser02_img { width: 1040px; height: 755px; background: url(/image/sub_2020/service/dti_ima02.png) no-repeat; }
.dtiNS_ser03_img { width: 1040px; height: 532px; background: url(/image/sub_2020/service/dti_ima03.png) 26px no-repeat; }

/* nudgep 재무통합 2023 리뉴얼*/
#ser_nud { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.nudN_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/nud_vis.jpg) 505px no-repeat; position: relative; }
/*설명*/
.nudN_ser_D { width: 1040px; height: 198px; background: url(/image/sub_2020/service/nud_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
/*타이틀*/
.nudN_txt_D2 { width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; }
.nudN_txt_h3 { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 28px; line-height: 45px; letter-spacing: -0.0375em; color: #333; text-align: left; }
/*바로가기*/
.nudN_ser01_D { width: 1040px; height: auto; overflow: hidden; }
.nudN_Box { float: left; width: 194px; height: 212px; border: 1px solid #e6e6e8; border-radius: 8px; cursor: pointer; }
.nudN_Box { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; }
.nudN_btn { float: left; width: 171px; padding-left: 23px; margin-top: 13px; height: 26px; text-align: right; }
.nudN_btn p { float: right; margin-right: 11px; background: url(/image/sub_2020/service/nud_more.png) no-repeat; width: 15px; height: 15px; }
.nudN_tit { float: left; width: 171px; padding-left: 23px; text-align: left; margin-bottom: 13px; line-height: 36px; height: 36px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size: 23px; font-weight: 700; font-weight: bold; color: #333333; letter-spacing: -0.0375em; }
.nudN_txt { float: left; width: 171px; padding-left: 23px; text-align: left; line-height: 21px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size: 15px; font-weight: 500; font-weight: normal; color: #999999; letter-spacing: -0.0375em; }
.nudN_Box:hover { border: 1px solid #7198f2; }
.nudN_Box:hover .nudN_btn p { float: right; margin-right: 11px; background: url(/image/sub_2020/service/nud_more_r.png) no-repeat; width: 15px; height: 15px; }
.nudN_Box:hover .nudN_tit { color: #ffffff; text-decoration: none; }
.nudN_Box:hover .nudN_txt { color: #bfcff9; text-decoration: none; }

.nudN_ser01 { background: #fff url(/image/sub_2020/service/nud_icon01.png) 139px 148px no-repeat; margin-right: 15px; }
.nudN_ser01:hover { background: #7198f2 url(/image/sub_2020/service/nud_icon01_r.png) 139px 148px no-repeat; margin-right: 15px; }
.nudN_ser02 { background: #fff url(/image/sub_2020/service/nud_icon02.png) 138px 148px no-repeat; margin-right: 15px; }
.nudN_ser02:hover { background: #7198f2 url(/image/sub_2020/service/nud_icon02_r.png) 138px 148px no-repeat; margin-right: 15px; }
.nudN_ser03 { background: #fff url(/image/sub_2020/service/nud_icon03.png) 130px 146px no-repeat; margin-right: 15px; }
.nudN_ser03:hover { background: #7198f2 url(/image/sub_2020/service/nud_icon03_r.png) 130px 146px no-repeat; margin-right: 15px; }
.nudN_ser04 { background: #fff url(/image/sub_2020/service/nud_icon04.png) 134px 150px no-repeat; margin-right: 15px; }
.nudN_ser04:hover { background: #7198f2 url(/image/sub_2020/service/nud_icon04_r.png) 134px 150px no-repeat; margin-right: 15px; }
.nudN_ser05 { background: #fff url(/image/sub_2020/service/nud_icon05.png) 135px 146px no-repeat; }
.nudN_ser05:hover { background: #7198f2 url(/image/sub_2020/service/nud_icon05_r.png) 135px 146px no-repeat; }
/*솔루션*/
.nudN_ser02_D { width: 990px; height: auto; overflow: hidden; padding: 0 25px; }
.nudN_ser0201 { float: left; width: 477px; height: 281px; background: url(/image/sub_2020/service/nud_int_bg01.png) no-repeat; }
.nudN_ser0202 { float: left; width: 477px; height: 281px; background: url(/image/sub_2020/service/nud_int_bg02.png) no-repeat; margin-left: 34px; }
.nudN_ser0203 { position: relative; float: left; width: 477px; height: 249px; background: url(/image/sub_2020/service/nud_int_bg03.png) no-repeat; margin-top: 38px; }
.nudN_ser0204 { position: relative; float: left; width: 477px; height: 249px; background: url(/image/sub_2020/service/nud_int_bg04.png) no-repeat; margin-top: 38px; margin-left: 34px; }
/*버튼*/
.nudN_form { top: 172px; left: 42px; position: absolute; }
.nudN_formbtn { float: left; text-align: left; width: 110px; height: 36px; line-height: 34px; border-radius: 4px; background: #fff url(/image/sub_2020/submain/dti/int_btn_pre.png) 95px 12px no-repeat; padding-left: 15px; font-family: 'Noto Sans KR','Noto Sans KR','sans-serif'; font-size: 16px; color: #999; letter-spacing: -0.0375em; border: 1px solid #dcdada; cursor: pointer; }
.nudN_formbtn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; }
.nudN_formbtn:hover { color: #666; text-decoration: none; }

/* 홈택스연동 API 2023 리뉴얼*/
#ser_openscr { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.openscrN_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/openscr_vis.jpg) 546px no-repeat; position: relative; }
/*설명*/
.openscrN_ser_D { width: 1040px; height: 140px; background: url(/image/sub_2020/service/openscr_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
.openscrN_img { width: 1040px; height: auto; overflow: hidden; }
.openscrN_ser01_img p { width: 940px; margin: 0 auto; }
.openscrN_ser02_img { width: 1040px; height: auto; overflow: hidden; }
.openscrN_ser02_img p { width: 851px; margin: 0 auto; }
.openscrN_ser03_img { width: 1040px; height: 230px; background: url(/image/sub_2020/service/openscr_ima03.png) 175px no-repeat; }

/* 세금계산서 API 2023 리뉴얼*/
#ser_openapiN { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
/*비주얼*/
.openapiN_vis { width: 1040px; position: relative; height: 410px; margin-bottom: 40px; background: url(/image/sub_2020/service/openapi_vis.jpg) 560px no-repeat; position: relative; }
/* api센터 버튼 */
a.openapi_link { position: absolute; bottom: 0; left: 50px; padding: 10px 20px; border-radius: 4px; color: #ffffff; cursor: pointer; background-color: #3f6dd5; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; }
a.openapi_link:link { font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "돋움", "돋움체", "Dotum"; font-weight: 400; font-size: 18px; color: #ffffff; letter-spacing: -0.0375em; text-decoration: none; }
a.openapi_link:visited { color: #ffffff; text-decoration: none; }
a.openapi_link:hover { background: #395fc4; color: #ffffff; text-decoration: none; }
a.openapi_link span { padding-left: 5px; font-family: "돋움", "돋움체", "Dotum"; font-size: 18px; color: #ffffff; font-weight: bold; }
/*설명*/
.openapiN_ser_D { width: 1040px; height: 143px; background: url(/image/sub_2020/service/openapi_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
.openapiN_img { width: 1040px; height: auto; overflow: hidden; }
.openapiN_ser01_img p { width: 940px; margin: 0 auto; }
.openapiN_ser02_img { width: 1040px; height: auto; overflow: hidden; }
.openapiN_ser02_img p { width: 822px; margin: 0 auto; }
.openapiN_ser03_img { width: 1040px; height: 230px; background: url(/image/sub_2020/service/openapi_ima03.png) 175px no-repeat; }

/* 휴폐업 2023 리뉴얼*/
#ser_tempN { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.tempN_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/temp_vis.jpg) 586px no-repeat; position: relative; }
/*설명*/
.tempN_ser_D { width: 1040px; height: 201px; background: url(/image/sub_2020/service/temp_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
.tempN_ser01_img { width: 1040px; height: 292px; background: url(/image/sub_2020/service/temp_ima01.png) 105px no-repeat; }
.tempN_ser02_img { width: 1040px; height: auto; overflow: hidden; }
.tempN_ser02_img p { width: 828px; margin: 0 auto; }
.tempN_ser03_img { width: 1040px; height: auto; overflow: hidden; }
.tempN_ser03_img p { width: 800px; margin: 0 auto; }

/* 주요사용업체 2023 리뉴얼*/
#ser_entN { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.entN_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/ent_vis.jpg) 586px no-repeat; position: relative; }
/*텍스트*/
.entN_txt_D2 { width: 100%; height: auto; overflow: hidden; margin-bottom: 30px; }
.entN_txt_h3 { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 28px; line-height: 45px; letter-spacing: -0.0375em; color: #333; text-align: center; margin-bottom: 5px; margin-bottom: 9px; }
/*컨텐츠*/
.entN_ser01_img { width: 1040px; height: 528px; background: url(/image/sub_2020/service/ent_ima01.jpg) no-repeat; }
.entN_ser02_img { width: 1040px; height: 528px; background: url(/image/sub_2020/service/ent_ima02.jpg) no-repeat; }
.entN_ser03_img { width: 1040px; height: 620px; background: url(/image/sub_2020/service/ent_ima03.jpg) no-repeat; }
.entN_ser04_img { width: 1040px; height: 620px; background: url(/image/sub_2020/service/ent_ima04.jpg) no-repeat; }
.entN_ser05_img { width: 1040px; height: 528px; background: url(/image/sub_2020/service/ent_ima05.jpg) no-repeat; }
.ent_blind li { visibility: hidden; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; font-size: 0px; line-height: 0; }

/* 부가세/원천세 2023 리뉴얼*/
#ser_etax { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.etaxN_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/Etax_vis.jpg) 569px no-repeat; position: relative; }
/*설명*/
.etaxN_ser_D { width: 1040px; height: 174px; background: url(/image/sub_2020/service/Etax_ser.png) no-repeat; margin-bottom: 70px; }
/*텍스트*/
.etaxN_txt_h3 { font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 28px; line-height: 45px; letter-spacing: -0.0375em; color: #333; text-align: left; margin-bottom: 5px; margin-bottom: 9px; }
.etaxN_txt_h3 .etaxN_tit { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 28px; line-height: 45px; letter-spacing: -0.0375em; color: #333; text-align: left; margin-bottom: 5px; margin-bottom: 9px; }
/*컨텐츠*/
.etaxN_ser01_img { width: 1040px; height: 675px; background: url(/image/sub_2020/service/Etax_ima01.png) 94px no-repeat; }
.etaxN_ser02_img { width: 1040px; height: 409px; background: url(/image/sub_2020/service/Etax_ima02.png) 143px no-repeat; }
.etaxN_ser03_img { width: 1040px; height: 194px; background: url(/image/sub_2020/service/Etax_ima03.png) 250px no-repeat; }

/* 이어카운팅 2023 리뉴얼*/
#ser_eAcc { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.eAccN_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/eAcc_vis.jpg) 552px no-repeat; position: relative; }
/*설명*/
.eAccN_ser_D { width: 1040px; height: 386px; background: url(/image/sub_2020/service/eAcc_ser.png) no-repeat; margin-bottom: 70px; }
/*텍스트*/
.eAccN_txt_h3 { font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 28px; line-height: 45px; letter-spacing: -0.0375em; color: #333; text-align: left; margin-bottom: 5px; margin-bottom: 9px; }
.etaxN_txt_h3 .etaxN_tit { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 28px; line-height: 45px; letter-spacing: -0.0375em; color: #333; text-align: left; margin-bottom: 5px; margin-bottom: 9px; }
/*컨텐츠*/
.eAccN_ser01_img { width: 1040px; height: 675px; background: url(/image/sub_2020/service/eAcc_ima01.png) 94px no-repeat; }
.eAccN_ser02_img { width: 1040px; height: 410px; background: url(/image/sub_2020/service/eAcc_ima02.png) 143px no-repeat; }
.eAccN_ser03_img { width: 1040px; height: 194px; background: url(/image/sub_2020/service/eAcc_ima03.png) 250px no-repeat; }

/* 연결회계 2023 리뉴얼*/
#ser_cons { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.consN_vis { width: 1040px; position: relative; height: 388px; margin-bottom: 38px; background: url(/image/sub_2020/service/cons_vis.jpg) 551px no-repeat; position: relative; }
/*설명*/
.consN_ser_D { width: 1040px; height: 174px; background: url(/image/sub_2020/service/cons_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
.consN_ser01_img { width: 1040px; height: 675px; background: url(/image/sub_2020/service/cons_ima01.png) 93px no-repeat; }
.consN_ser02_img { width: 1040px; height: 410px; background: url(/image/sub_2020/service/cons_ima02.png) 143px no-repeat; }
/* 펌뱅킹 2023 리뉴얼*/
#ser_Firm { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.FirmN_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/firm_vis.jpg) 561px no-repeat; position: relative; }
/*설명*/
.FirmN_ser_D { width: 1040px; height: 173px; background: url(/image/sub_2020/service/firm_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
.FirmN_ser01_img { width: 1040px; height: 675px; background: url(/image/sub_2020/service/firm_ima01.png) 93px no-repeat; }
.FirmN_ser02_img { width: 1040px; height: 410px; background: url(/image/sub_2020/service/firm_ima02.png) 143px no-repeat; }
/* 프로젝트관리 2023 리뉴얼*/
#ser_PMS { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.PMSN_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/PMS_vis.jpg) 539px no-repeat; position: relative; }
/*설명*/
.PMSN_ser_D { width: 1040px; height: 174px; background: url(/image/sub_2020/service/PMS_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
.PMSN_ser01_img { width: 1040px; height: 675px; background: url(/image/sub_2020/service/PMS_ima01.png) 94px no-repeat; }
.PMSN_ser02_img { width: 1040px; height: 410px; background: url(/image/sub_2020/service/PMS_ima02.png) 149px no-repeat; }
/* SAP ERP 2023 리뉴얼*/
#ser_ERP { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.ERPN_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/ERP_vis.jpg) 559px no-repeat; position: relative; }
/*컨텐츠*/
.ERPN_ser01_img { width: 1040px; height: 654px; background: url(/image/sub_2020/service/ERP_ima01.png) 94px no-repeat; }
/* SAP 통합솔루션 2023 리뉴얼*/
#ser_comb { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.combN_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/comb_vis.jpg) 559px no-repeat; position: relative; }
/*컨텐츠*/
.combN_ser01_img { width: 1040px; height: 563px; background: url(/image/sub_2020/service/comb_ima01.png) 128px no-repeat; }
.combN_ser02_img { width: 1040px; height: 673px; background: url(/image/sub_2020/service/comb_ima02.png) 127px no-repeat; }

/*글로싸인 소개 2023 리뉴얼*/
#ser_dct { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.dctN_vis { width: 1040px; position: relative; height: 375px; margin-bottom: 50px; background: url(/image/sub_2020/service/dct_vis.jpg) 535px no-repeat; position: relative; }
/*설명*/
.dctN_ser_D { width: 1040px; height: 160px; background: url(/image/sub_2020/service/dct_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
/*이미지*/
.dctN_ser01_img { width: 1040px; height: auto; overflow: hidden; }
.dctN_ser01_img p { width: 775px; margin: 0 auto; }
.dctN_ser02_img { width: 1040px; height: 598px; background: url(/image/sub_2020/service/dct_ima02.png) no-repeat; }
.dctN_ser03_img { width: 1040px; height: 671px; background: url(/image/sub_2020/service/dct_ima03.png) no-repeat; }
.dct2N_ser01_img { width: 1040px; height: auto; overflow: hidden; }
.dct2N_ser01_img p { width: 968px; margin: 0 auto; }
.dct2N_ser02_img { width: 1040px; height: 620px; background: url(/image/sub_2020/service/dct2_ima02.png) no-repeat; }
.dct2N_ser03_img { width: 1040px; height: 533px; background: url(/image/sub_2020/service/dct2_ima03.png) no-repeat; }
/*탭 추가*/
.svN_list { float: left; width: 1040px; height: auto; overflow: hidden; margin-bottom: 70px; }
.svN_list ul li { display: inline; float: left; width: 517px; /*line-height:45px;*/ padding-top: 12px; }
.svN_list ul li.list01 { background-color: #f7f9fb; border-bottom: 2px solid #4177c2; border-left: 1px solid #d7dde3; border-top: 1px solid #d7dde3; /*height:46*/ height: 40px; }
.svN_list ul li.list01on { background-color: #fff; border-left: 2px solid #4177c2; border-right: 2px solid #4177c2; border-top: 2px solid #4177c2; /*height:47*/ height: 41px; }
.svN_list ul li.list02 { background-color: #f7f9fb; border-bottom: 2px solid #4177c2; border-right: 1px solid #d7dde3; border-top: 1px solid #d7dde3; /*height:46*/ height: 40px; }
.svN_list ul li.list02on { background-color: #fff; border-left: 2px solid #4177c2; border-right: 2px solid #4177c2; border-top: 2px solid #4177c2; /*height:47*/ height: 41px; }
.svN_list ul li.on { color: #4177c2; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-weight: 400; font-weight: normal; font-size: 18px; text-align: center; letter-spacing: -0.05em; }
.svN_list ul li.on a:link { color: #4177c2; text-decoration: none; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-weight: 400; font-weight: normal; font-size: 18px; text-align: center; letter-spacing: -0.05em; }
.svN_list ul li.on a:visited { color: #4177c2; text-decoration: none; }
.svN_list ul li.on a:hover { color: #4177c2; text-decoration: none; }
.svN_list ul li.off { color: #777f88; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-weight: 400; font-weight: normal; font-size: 18px; text-align: center; letter-spacing: -0.05em; }
.svN_list ul li.off a:link { color: #777f88; text-decoration: none; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-weight: 400; font-weight: normal; font-size: 18px; text-align: center; letter-spacing: -0.05em; }
.svN_list ul li.off a:visited { color: #777f88; text-decoration: none; }
.svN_list ul li.off a:hover { color: #4177c2; text-decoration: none; }

/*블록체인 2023 리뉴얼*/
#ser_bc { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.bc_vis { width: 1040px; position: relative; height: 373px; margin-bottom: 50px; background: url(/image/sub_2020/service/bc_vis.png) 535px no-repeat; position: relative; }
/*컨텐츠*/
/*이미지*/
.bc_ser01_img { width: 1040px; height: 680px; background: url(/image/sub_2020/service/bc_img01.png) no-repeat; }
.bc_ser02_img { width: 1040px; height: 481px; background: url(/image/sub_2020/service/bc_img02.png) no-repeat top center; }
/*빅데이터-bi 2023 리뉴얼*/
#ser_bi { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.bi_vis { width: 1040px; position: relative; height: 373px; margin-bottom: 50px; background: url(/image/sub_2020/bigdata/bi_vis.png) 535px no-repeat; position: relative; }
/*컨텐츠*/
/*이미지*/
.bi_ser01_img { width: 1040px; height: auto; overflow: hidden; }
.bi_ser01_img p { width: 981px; margin: 0 auto; }
.bi_ser02_img { width: 1040px; height: auto; overflow: hidden; }
.bi_ser02_img p { width: 987px; margin: 0 auto; }
.bi_ser03_img { width: 1040px; height: 598px; background: url(/image/sub_2020/bigdata/bi_img03.png) no-repeat; }
.bi_ser04_img { width: 1040px; height: 230px; background: url(/image/sub_2020/bigdata/bi_img04.png) 200px no-repeat; }
/*빅데이터-sm 2023 리뉴얼*/
#ser_sm { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.sm_vis { width: 1040px; position: relative; height: 373px; margin-bottom: 50px; background: url(/image/sub_2020/bigdata/sm_vis.png) 535px no-repeat; position: relative; }
/*컨텐츠*/
/*이미지*/
.sm_ser01_img { width: 1040px; height: 421px; background: url(/image/sub_2020/bigdata/sm_img01.png) no-repeat top center; }

/* NICEabc 240306 */
#ser_niceabc { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.niceabc_vis { width: 1040px; position: relative; height: 375px; margin-bottom: 50px; background: url(/image/sub_2020/niceabc/niceabc_vis.jpg) 540px no-repeat; position: relative; }
.niceabc_vis_in { width: auto; position: absolute; height: auto; overflow: hidden; top: 50px; padding-left: 55px; }
.ned_vis_in { width: auto; position: absolute; height: auto; overflow: hidden; top: 70px; padding-left: 55px; }
/*타이틀*/
.niceabc_st { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #8d92a2; font-size: 21px; line-height: 30px; letter-spacing: -0.0375em; text-align: left; }
.niceabc_tit { margin-bottom: 20px; text-align: left; color: #2d3545; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 60px; line-height: 80px; letter-spacing: -0.0375em; text-align: left; }
.niceabc_tit .tit_green { color: #21a16d; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 60px; line-height: 80px; letter-spacing: -0.0375em; text-align: left; }
.niceabc_txt, .niceabc_txt .color_g { margin-bottom: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #999; font-size: 20px; line-height: 32px; letter-spacing: -0.0375em; text-align: left; }
.niceabc_txt .sertxt_gray { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #666; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 20px; }
.niceabc_txt .color_g { color: #21a16d; }

/*버튼*/
.niceabc_btn { float: center; text-align: left; width: 195px; height: 54px; line-height: 54px; border-radius: 4px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum'; font-weight: 400; font-we ight:normal; font-size: 18px; color: #ffffff; letter-spacing: -0.0375em; text-align: center; border: none; cursor: pointer; background-color: #3f6dd5; }
.niceabc_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; }
.niceabc_btn:hover { background: #395fc4; color: #ffffff; }
/*설명*/
.niceabc_ser_D { width: 1040px; height: 180px; background: url(/image/sub_2020/niceabc/niceabc_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
.niceabc_ser_con { width: 100%; height: auto; overflow: hidden; margin-bottom: 70px; }
/*텍스트*/
.niceabc_txt_D { width: 100%; height: auto; overflow: hidden; margin-bottom: 50px; }
.niceabc_txt_D2 { width: 100%; height: auto; overflow: hidden; margin-bottom: 30px; }
.niceabc_txt_h3 { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 28px; line-height: 45px; letter-spacing: -0.0375em; color: #333; text-align: left; margin-bottom: 5px; margin-bottom: 9px; }
.niceabc_ct { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: -0.0375em; color: #999; text-align: left; }
/* 기대효과 타이틀 */
.niceabc_benefit { margin-bottom: 0; }
/*이미지*/
.niceabc_ser01_img { width: 1040px; height: auto; overflow: hidden; }
.niceabc_ser01_img p { width: 575px; margin: 0 auto; }
.niceabc_ser02_img { width: 1040px; height: auto; overflow: hidden; }
.niceabc_ser02_img p { width: 677px; margin: 0 auto; }
.rmN_ask { width: 1040px; height: auto; overflow: hidden; padding-top: 20px; margin-bottom: 50px; }
/* 스마트플로우 2025 */
#ser_openscr { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.smartflow_vis { width: 1040px; position: relative; height: 385px; margin-bottom: 40px; background: url(/image/sub_2020/service/smartflow_vis.png) 546px no-repeat; position: relative; }
/*설명*/
.smartflow_ser_D { width: 1040px; height: 200px; background: url(/image/sub_2020/service/sm_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
.smartflow_img { width: 1040px; height: auto; overflow: hidden; }
.smartflow_ser01_img p { width: 940px; margin: 0 auto; }
.smartflow_ser02_img { width: 1040px; height: auto; overflow: hidden; }
.smartflow_ser02_img p { width: 851px; margin: 0 auto; }
.smartflow_ser03_img { width: 1040px; height: 160px; background: url(/image/sub_2020/service/smartflow_ima03.png) 175px no-repeat; }
/* 스마트노트 2025 */
#ser_openscr { width: 1040px; position: relative; margin: 0; }
/*비주얼*/
.smartDocs_vis { width: 1040px; position: relative; height: 400px; margin-bottom: 120px; background: url(/image/sub_2020/service/smartnote_vis.jpg) 546px no-repeat; position: relative; }
/*설명*/
.smartDocs_ser_D { width: 1040px; height: 363px; background: url(/image/sub_2020/service/sn_ser.png) no-repeat; margin-bottom: 70px; }
/*컨텐츠*/
.smartDocs_img { width: 1040px; height: auto; overflow: hidden; }
.smD_h3, .smf_h3 { text-align: center; }
.smartDocs_ser01_img p { text-align: center; }
.smartDocs_ser02_img { width: 1040px; height: auto; overflow: hidden; }
.smartDocs_ser02_img p { width: 851px; margin: 0 auto; }
.smartDocs_ser03_img { width: 1040px; height: 195px; background: url(/image/sub_2020/service/smartnote_ima02.png) 254px no-repeat; }
.ips_h3 span { font-size: 14px; padding: 8px 16px; background: #439aff; line-height: 1.5; color: #fff; border-radius: 100px; vertical-align: middle; margin-right: 4px; }

/* SmartBill 현금영수증 소개 페이지 */
.cr-page { width: 970px; /* tokens */ --cr-blue: #4a8cf5; --cr-blue-deep: #4966f1; --cr-blue-press: #1c40c9; --cr-ink: #2d3545; --cr-ink-soft: #5b6577; --cr-gray: #999; --cr-gray-light: #9aa3b2; --cr-card-bg: #f7f9fc; --cr-line: #edf1f7; --cr-line-strong: #e6ebf3; --cr-wrap: 1080px; background: #fff; color: var(--cr-ink); font-family: "Noto Sans KR", sans-serif; -webkit-font-smoothing: antialiased; }
.cr-page * { box-sizing: border-box; font-family: "Noto Sans KR", sans-serif; }
.cr-page a { font-family: "Noto Sans KR", sans-serif; color: var(--cr-blue-deep); text-decoration: none; }
.cr-page a:hover { color: var(--cr-blue-press); }
.cr-page a:focus-visible { outline: 2px solid var(--cr-blue); outline-offset: 2px; }
.cr-wrap { width: 100%; max-width: var(--cr-wrap); margin: 0 auto; padding: 0 24px; }
/* hero */
.cr-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 64px; align-items: center; padding: 24px 0 72px; }
.cr-hero-kicker { font-size: 19px; color: var(--cr-gray); font-weight: 500; margin-bottom: 14px; }
.cr-hero-title { font-size: 56px; line-height: 1.16; font-weight: 800; color: var(--cr-ink); }
.cr-hero-title .cr-accent { font-size: 56px; line-height: 1.16; color: var(--cr-blue-deep); }
.cr-hero-desc { margin-top: 28px; font-size: 17px; line-height: 1.5; color: var(--cr-gray); font-weight: 500; }
.cr-hero-actions { display: flex; gap: 10px; margin-top: 32px; flex-wrap: wrap; }
.cr-hero-media { position: relative; width: 100%; margin: 0 auto; aspect-ratio: 4072/4248; overflow: hidden; }
.cr-hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* buttons */
.cr-btn,
.cr-btn:link { font-family: "Noto Sans KR", sans-serif; display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 22px; border-radius: 4px; font-weight: 700; transition: background 0.15s, color 0.15s; text-decoration: none; }
.cr-btn.cr-btn-solid { font-size: 15px; background: var(--cr-blue); color: #fff; }
.cr-btn.cr-btn-solid:hover { background: var(--cr-blue-press); color: #fff; }
.cr-btn.cr-btn-line { font-size: 15px; border: 1px solid var(--cr-blue); color: var(--cr-blue); }
.cr-btn.cr-btn-line:hover { background: rgba(74, 140, 245, 0.08); color: var(--cr-blue); }
/* section headings */
.cr-sec-head { margin: 100px 0 12px; text-align: center; font-size: 30px; font-weight: 800; line-height: 1.4; }
.cr-sec-head-line { text-align: center; font-size: 30px; font-weight: 800; letter-spacing: -0.02em; color: var(--cr-ink); }
.cr-sec-head { margin: 88px 0 44px; color: var(--cr-ink); }
/* card grids */
.cr-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 40px; }
.cr-grid-2.cr-mt { margin-top: 44px; }
.cr-card { background: var(--cr-card-bg); border: 1px solid var(--cr-line); border-radius: 6px; padding: 34px 32px 38px; }
.cr-card-icon { width: 36px; height: 36px; object-fit: contain; display: block; }
.cr-card-title { margin-top: 18px; font-size: 20px; font-weight: 700; color: var(--cr-ink-soft); }
.cr-card-body { margin-top: 14px; font-size: 15px; line-height: 1.75; color: var(--cr-gray); font-weight: 500; }
.cr-card-plain { border: 1px solid var(--cr-line-strong); border-radius: 6px; padding: 32px; }
.cr-card-tint { background: var(--cr-card-bg); border: 1px solid var(--cr-line); border-radius: 6px; padding: 32px; }
.cr-card-kicker { font-size: 15px; font-weight: 700; color: var(--cr-blue-deep); }
.cr-card-kicker.cr-caps { font-weight: 800; letter-spacing: 0.04em; }
.cr-card-lead { margin-top: 8px; font-size: 19px; font-weight: 700; color: var(--cr-ink-soft); }
.cr-card-note { margin-top: 16px; font-size: 15px; line-height: 1.75; color: var(--cr-gray); font-weight: 500; }
/* numbered features */
.cr-feat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; margin-bottom: 40px; }
.cr-feat { display: flex; border: 1px solid var(--cr-line-strong); border-radius: 6px; overflow: hidden; }
.cr-feat-num { flex: 0 0 74px; background: var(--cr-blue); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 800; font-feature-settings: "tnum"; }
.cr-feat-text { padding: 22px 24px; }
.cr-feat-title { font-size: 18px; font-weight: 700; color: var(--cr-ink-soft); }
.cr-feat-desc { margin-top: 8px; font-size: 14px; line-height: 1.6; color: var(--cr-gray); font-weight: 500; }
/* recommend list */
.cr-rec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; padding-bottom: 96px; }
.cr-rec-item { display: flex; gap: 14px; align-items: flex-start; padding: 22px 24px; border: 1px solid var(--cr-line-strong); border-radius: 6px; }
.cr-rec-item svg { flex: 0 0 auto; margin-top: 3px; }
.cr-rec-item span { font-size: 17px; line-height: 1.5; color: var(--cr-ink-soft); font-weight: 500; }
/* CTA banner */
.cr-cta { background: var(--cr-blue); padding: 26px 35px; }
.cr-cta-inner { max-width: var(--cr-wrap); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.cr-cta-left { display: flex; align-items: center; gap: 28px; min-width: 0; }
.cr-cta-left svg { flex: 0 0 auto; }
.cr-cta-icon { flex: 0 0 auto; width: 50px; object-fit: contain; display: block; }
.cr-cta-text { font-size: 27px; font-weight: 800; color: #fff; letter-spacing: -0.02em; }
.cr-page .cr-cta-btn { font-family: "Noto Sans KR", sans-serif; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 186px; height: 60px; border-radius: 4px; background: #fff; color: var(--cr-blue-deep); font-size: 20px; font-weight: 800; transition: background 0.2s ease; text-decoration: none; }
.cr-page .cr-cta-btn:hover { background: #eef3ff; color: var(--cr-blue-deep); }