@charset "utf-8"; @import url("font.css"); /* common */ * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { border: 0; /* vertical-align:middle */ } .clrfix:after { display: block; content: ""; clear: both } h2 { line-height: 150%; } h3 { line-height: 150%; } /* layout */ #wrap { position: relative; width: 100%; background: #fff; } #container { } #content_wrap { margin: 0 auto; width: 1040px; padding: 50px 0; } #content_wrap::after { content: " "; display: block; clear: both; } #top { } #top::after { content: " "; display: block; clear: both; } #left { width: 200px; float: left; margin: 0 87px 0 0; } #content { width: 753px; float: left; } #footer { } /****************************************************************** header *************************************************************/ /*탑메뉴영역 start*/ .sub_hea_menu { position: absolute; width: 100%; top: 0; left: 0; height: auto; border-bottom: 1px solid #e0dfdf; background: #fff; } .sub_hea_menu .hm_inner { width: 1040px; height: 199px; margin: 0 auto; position: relative; } /*네비게이션*/ .log_wrap .my-nav li a, .sub_hea_menu .hm_inner .menu_wrap .log-nav li a { font-family: 'Noto Sans KR L','Noto Sans KR','Noto Sans KR M','Noto Sans KR B','sans-serif'; font-size: 14px; color: inherit; } .sub_hea_menu .hm_inner .menu_wrap ul li.nav a:link { font-family: 'Noto Sans KR','sans-serif'; color: inherit; font-size: inherit; text-decoration: none; } .sub_hea_menu .hm_inner .menu_wrap ul li.nav a:visited { font-family: 'Noto Sans KR','sans-serif'; color: inherit; font-size: inherit; text-decoration: none; } .sub_hea_menu .hm_inner .menu_wrap ul li.nav a:hover { font-family: 'Noto Sans KR','sans-serif'; color: inherit; font-size: inherit; text-decoration: none; } .sub_hea_menu .hm_inner .menu_wrap { margin-top: 8px; width: 100%; height: 46px; } .sub_hea_menu .hm_inner .menu_wrap .toplogo { float: left; padding-top: 10px; width: 180px; text-align: left; } .sub_hea_menu .hm_inner .menu_wrap .topmenu { float: left; width: auto; } .sub_hea_menu .hm_inner .menu_wrap .topmenu ul { /*inline-block 여백방지용*/ font-size: 0; letter-spacing: 0; word-spacing: 0; } .sub_hea_menu .hm_inner .menu_wrap .topmenu ul li.nav { float: left; display: inline; margin-right: 28px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight: 500; font-size: 16px; color: #333333; } .sub_hea_menu .hm_inner .menu_wrap .topmenu ul li.nav:last-child { margin-right: 0; } .sub_hea_menu .hm_inner .menu_wrap .topmenu ul li.nav a { box-sizing: border-box; padding-top: 10px; display: block; height: 43px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight: 500; font-size: 16px; text-align: center; } .sub_hea_menu .hm_inner .menu_wrap .topmenu ul li.nav a.noPd-t { padding-top: 3px; } .sub_hea_menu .hm_inner .menu_wrap .topmenu ul li.nav a:hover { padding-top: 7px; font-family: 'Noto Sans KR','sans-serif'; font-weight: 500; font-size: 16px; color: #333333; text-decoration: none; border-bottom: 3px solid #085CB4; } .sub_hea_menu .hm_inner .menu_wrap .topmenu ul li.nav a.noPd-t:hover { padding-top: 0px; font-family: 'Noto Sans KR','sans-serif'; } .sub_hea_menu .hm_inner .menu_wrap .topmenu ul li.nav a .tit-tag { display: block; line-height: 1; font-family: 'Noto Sans KR','sans-serif'; font-size: 13px; font-weight: 300; } .sub_hea_menu .hm_inner .menu_wrap .log-nav { float: right; /*inline-block 여백방지용*/ font-size: 0; letter-spacing: 0; word-spacing: 0; } .sub_hea_menu .hm_inner .menu_wrap .log-nav li { display: inline-block; margin-left: 30px; font-size: 14px; color: #222; vertical-align: middle; } .sub_hea_menu .hm_inner .menu_wrap .log-nav li a { font-family: 'Noto Sans KR','sans-serif'; font-size: inherit; } .sub_hea_menu .hm_inner .menu_wrap .log-nav li#Bookmark-nav.nav a:hover { padding-top: 0px; padding-bottom: 3px; font-family: 'Noto Sans KR','sans-serif'; border-bottom: 3px solid #085CB4; } .sub_hea_menu .hm_inner .menu_wrap .log-nav li.allmenu { margin-right: -10px; } /*로그인*/ .log_wrap { width: 100%; height: 32px; padding-top: 10px; } .log_wrap .my-nav { float: right; margin-right: 20px; /*inline-block 여백방지용*/ font-size: 0; letter-spacing: 0; word-spacing: 0; } .log_wrap .my-nav li { display: inline-block; font-family: 'Noto Sans KR','sans-serif'; font-size: 14px; color: #77797B; vertical-align: middle; } .log_wrap .my-nav li.mypage { margin-left: 20px; width: 92px; } .log_wrap .my-nav li.myinfo span { font-family: 'Noto Sans KR','Noto Sans KR L','sans-serif'; font-weight: 300; font-size: inherit; line-height: 28px; } .log_wrap .myinfo a { padding-left: 4px; font-family: 'Noto Sans KR','Noto Sans KR L','sans-serif'; font-weight: 300; font-size: inherit; text-decoration: underline; } /*탑메뉴영역 end*/ /*롤오버시 메뉴 start*/ /*스크롤바*/ /*크롬*/ .scroll::-webkit-scrollbar { width: 6px; } .scroll::-webkit-scrollbar-track { background-color: transparent; } .scroll::-webkit-scrollbar-thumb { border-radius: 3px; background-color: gray; } .scroll::-webkit-scrollbar-button { width: 2; height: 2; } /*IE*/ .scroll { scrollbar-face-color: #e0dfdf; scrollbar-3dlight-color: #e0dfdf; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #e0dfdf; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } /*icon*/ .menuI20 { display: inline-block; width: 20px; height: 20px; background: url(/image/sub_2020/layout/menu-icon20.png) no-repeat; vertical-align: bottom; } .menuI20.logo_glosign { margin-right: 2px; background-position: 0px 2px; } .menuI20.logo_shiftee { margin-right: 2px; background-position: -20px 2px; } .menuI20.newWindow { margin-left: 6px; background-position: -40px 2px; } .menuI20.subMi.newWindow { margin-left: 6px; background-position: -40px -18px; } .menuI20.bookI-add { margin-bottom: 0px; display: block; background-position: -60px 2px; } .menuI20.bookI-add.on { display: block; background-position: -60px -18px; } .menuI20.bookI-del { margin-bottom: 0px; display: block; background-position: -80px 2px; } /*wrap style*/ .header_menu_wrap { width: 100%; height: auto; overflow: hidden; margin: 0 auto; top: 200px; left: 0; position: absolute; background: rgba(255, 255, 255, 0.95); box-shadow: 0 1px 1px 0 #e0dfdf; z-index: 99; } .header_menu_wrap .headerM_wrap_inner { width: 1036px; height: auto; overflow: hidden; margin: 0 auto; } /*title style*/ .headerM_dep2_tit.dep2_tit-1 { box-sizing: border-box; padding-top: 12px; width: 100%; min-height: 34px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight: 500; line-height: 1.2em; font-size: 16px; letter-spacing: -0.08em; text-align: left; } .headerM_dep2_tit.dep2_tit-1-2 { box-sizing: border-box; padding-top: 10px; width: 100%; min-height: 34px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight: 500; line-height: 1.2em; font-size: 17px; letter-spacing: -0.08em; text-align: left; } .headerM_dep2_tit.dep2_tit-2 { box-sizing: border-box; width: 100%; min-height: 44px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight: 500; line-height: 1.2em; font-size: 17px; letter-spacing: -0.08em; text-align: left; } .headerM_dep2_tit.dep2_tit-2 .dep2_tit-tag { display: block; font-family: 'Noto Sans KR','Noto Sans KR L','sans-serif'; font-weight: 300; font-size: 13px; line-height: 20px; height: 20px; } .headerM_dep2_tit.dep2_tit-2 .dep2_1line { display: inline-block; box-sizing: border-box; padding-right: 2px; width: auto; max-width: 100%; height: 1.24em; overflow: hidden; font-family: 'Noto Sans KR L','Noto Sans KR','Noto Sans KR M','Noto Sans KR B','sans-serif'; text-overflow: ellipsis; white-space: nowrap; } /*depth style*/ .headerM_dep2_wrap { padding-bottom: 40px; /*inline-block 여백방지용*/ font-size: 0; letter-spacing: 0; word-spacing: 0; text-align: left; } .headerM_dep2_wrap > li.w6n { margin: 14px 0; margin-right: 28px; display: inline-block; width: 149px; vertical-align: text-top; } .headerM_dep2_wrap > li.w6n:nth-child(6n) { margin-right: 0; } .headerM_dep2_wrap > li.W100 { margin: 14px 0; width: 100%; } .headerM_dep2_wrap > li.w6n.noDep2 { padding-top: 20px; } .headerM_dep2_wrap > span { margin: 14px 0; margin-right: 24px; display: inline-block; width: auto; vertical-align: text-top; } .headerM_dep2_wrap > span li.w6n { margin-right: 24px; display: inline-block; width: 149px; vertical-align: text-top; } .headerM_dep2_wrap > span li.w6n:last-child { margin-right: 0; } .headerM_dep2_wrap > span li.W100 { width: 100%; } .headerM_dep2_wrap > span li.w6n.noDep2 { padding-top: 20px; } .headerM_dep3_wrap { margin-top: 6px; /*inline-block 여백방지용*/ font-size: 0; letter-spacing: 0; word-spacing: 0; text-align: left; } .headerM_dep3_wrap > li { margin-top: 4px; margin-bottom: 4px; display: inline-block; width: 100%; font-size: 15px; } /*폰트컬러*/ .headerM_dep2_tit a { font-family: 'Noto Sans KR L','Noto Sans KR','Noto Sans KR M','Noto Sans KR B','sans-serif'; line-height: 1.2em; } .headerM_dep2_tit a:link { font-family: 'Noto Sans KR','sans-serif'; color: #333333; font-size: inherit; text-decoration: none; } .headerM_dep2_tit a:visited { font-family: 'Noto Sans KR','sans-serif'; color: #333333; font-size: inherit; text-decoration: none; } .headerM_dep2_tit a:hover { font-family: 'Noto Sans KR','sans-serif'; color: #333333; font-size: inherit; text-decoration: underline; } .headerM_dep3_wrap li a { display: inline-block; line-height: 1.2em; font-family: 'Noto Sans KR','Noto Sans KR L','sans-serif'; font-weight: 300; word-break: keep-all; } .headerM_dep3_wrap li a:link { font-family: 'Noto Sans KR','sans-serif'; color: #77797B; font-size: inherit; letter-spacing: -0.05em; text-decoration: none; } .headerM_dep3_wrap li a:visited { font-family: 'Noto Sans KR','sans-serif'; color: #77797B; font-size: inherit; letter-spacing: -0.05em; text-decoration: none; } .headerM_dep3_wrap li a:hover { font-family: 'Noto Sans KR','sans-serif'; color: #77797B; font-size: inherit; letter-spacing: -0.05em; text-decoration: underline; } /*popupBookmark*/ .btn_close-popupBook { position: absolute; top: 0; right: 0; } /*폰트컬러*/ .popupBook_dep3_wrap > span li a { font-family: 'Noto Sans KR','sans-serif'; } .popupBook_dep3_wrap > span li a:link { font-family: inherit; color: inherit; font-size: inherit; text-decoration: none; } .popupBook_dep3_wrap > span li a:visited { font-family: inherit; color: inherit; font-size: inherit; text-decoration: none; } .popupBook_dep3_wrap > span li a:hover:not(.disable) { font-family: inherit; color: inherit; font-size: inherit; background-color: rgb(30, 143, 250, .2); } .popupBook_dep3_wrap > span li a:hover:not(.disable) .on_icon-add { font-family: inherit; display: block; } .popupBook_dep3_wrap > span li a .on_icon-add { display: none; position: absolute; top: -3px; right: -7px; width: 15px; height: 15px; background: url(/images/layout/menu-icon20.png) no-repeat; background-position: -60px -20px; } .popupBookmark { position: fixed; padding: 22px; top: 20%; left: 50%; margin-left: -520px; width: 1040px; height: auto; overflow: hidden; background: #fff; border-radius: 8px; text-align: left; } .popupBookmark .popupBookm-top { position: relative; border-bottom: 1px solid #c8c8c8; } .popupBookmark .popupBookm-top .popupBook_tit { font-family: 'Noto Sans KR','sans-serif'; margin-bottom: 6px; font-size: 20px; color: #333333; } .popupBookmark .popupBookm-top p { font-family: 'Noto Sans KR','sans-serif'; margin-bottom: 12px; font-size: 15px; color: #77797B; } .popupBookm-box { position: relative; margin-bottom: 30px; height: auto; overflow: hidden; } .popupBookm-con .popupBook_dep2_tit { float: left; width: 149px; color: #333333; } .popupBook_dep2_tit.dep2_tit-1 { box-sizing: border-box; margin-top: 17px; padding-top: 12px; min-height: 34px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size: 16px; font-weight: 500; letter-spacing: -0.08em; text-align: left; } .popupBook_dep2_tit.dep2_tit-2 { box-sizing: border-box; margin-top: 14px; min-height: 44px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight: 500; font-size: 17px; letter-spacing: -0.08em; text-align: left; } .popupBook_dep2_tit.dep2_tit-2 .dep2_tit-tag { display: block; margin-bottom: 2px; font-size: 13px; font-family: 'Noto Sans KR','Noto Sans KR L','sans-serif'; font-weight: 400; } .popupBook_dep3_wrap { float: left; width: calc(100% - 149px); height: auto; overflow: hidden; /*inline-block 여백방지용*/ font-size: 0; letter-spacing: 0; word-spacing: 0; } .popupBook_dep3_wrap > span li { margin: 20px 14px 0px; display: inline-block; padding: 4px; width: auto; font-size: 16px; color: #77797B; vertical-align: text-top; } .popupBook_dep3_wrap > span li .btn_bookM { position: relative; cursor: pointer; padding: 4px 10px; display: block; width: auto; font-family: 'Noto Sans KR','Noto Sans KR L','sans-serif'; font-weight: 300; } .popupBook_dep3_wrap > span li a.disable { font-family: 'Noto Sans KR L','Noto Sans KR','Noto Sans KR M','Noto Sans KR B','sans-serif'; background-color: #E9EAEB; pointer-events: none; } /*//popupBookmark*/ /*롤오버시 메뉴 end*/ /************************************************** //header ****************************************************************/ /**************************************************** footer ***************************************************************/ #sub_footer_wrap { position: absolute; left: 0; width: 100%; max-width: 100%; height: 200px; border-top: 1px solid #d6d6d6; background-color: #fff; margin-top: 100px; } #sub_footer_wrap .f_inner { width: 1040px; height: auto; margin: 0 auto; position: relative; padding-top: 20px; } /* 패밀리 사이트 */ #sub_bot_con1 { float: left; width: 1040px; height: auto; } #sub_bot_fam { position: relative; width: 100%; } #sub_bot_fam .wrap { position: absolute; right: 0; top: 0; float: right; z-index: 4; font-family: 'Noto Sans KR','sans-serif'; font-size: 13px; color: #999; font-weight: 400; } #sub_bot_fam .family_site { position: relative; width: 180px; } #sub_bot_fam .family_site .site_btn { position: relative; display: block; height: 28px; padding: 0 1em; border: 1px solid #d6d6d6; background: transparent; cursor: pointer; font-family: 'Noto Sans KR','sans-serif'; font-weight: 400; font-size: 13px; line-height: 28px; color: #999; text-align: left; text-decoration: none; } #sub_bot_fam .family_site .ctrl { position: absolute; right: 10px; top: 50%; height: 0; width: 0; margin-top: -2px; border-color: #d6d6d6 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; } #sub_bot_fam .family_site a.on .ctrl { position: absolute; right: 10px; top: 50%; height: 0; width: 0; margin-top: -2px; font-family: 'Noto Sans KR','sans-serif'; border-color: transparent transparent #8a9198 transparent; border-width: 0 4px 4px 4px; } #sub_bot_fam .family_site ul { display: none; position: absolute; bottom: 100%; left: 0; right: 0; z-index: 5; padding: 8px 0; background: #fff; border: 1px solid #d6d6d6; border-bottom: 0; } #sub_bot_fam .family_site ul li a { display: block; height: 30px; line-height: 30px; padding: 0 1em; color: #999; font-family: 'Noto Sans KR','sans-serif'; font-weight: 400; font-size: 13px; } #sub_bot_fam .family_site ul li a:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } #sub_bot_fam .family_site ul li a:hover { text-decoration: none; color: #075cb4; } #sub_bot_fam .family_site a.on + ul { display: block; } /* 네비게이션 */ #sub_bottom_navi { float: left; width: 950px; height: 30px; margin-bottom: 15px; } #sub_bottom_navi li { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-weight: 400; font-size: 14px; color: #828282; letter-spacing: -0.0375em; text-align: left; margin-right: 36px; line-height: 30px; height: 31px; margin-bottom: 30px; } #sub_bottom_navi li a { font-family: 'Noto Sans KR','sans-serif'; font-weight: 400; font-size: 14px; color: #828282; } #sub_bottom_navi li a:link { color: #828282; text-decoration: none; } #sub_bottom_navi li a:hover { color: #333; text-decoration: none; } #sub_bottom_navi li a:visited { color: #828282; text-decoration: none; } #sub_bottom_navi li:nth-child(3) a { color: #333; } /* 개인정보처리방침 수정 231106 */ /*주소*/ #sub_bot_con2 { float: left; width: 1040px; overflow: hidden; } #sub_bot_con2 .bo_add { float: left; margin-bottom: 3px; width: 8100%; height: auto; overflow: hidden; line-height: 18px; } #sub_bot_con2 .bo_add li { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-weight: 400; font-size: 13px; color: #999; padding-right: 10px; letter-spacing: -0.0375em; } #sub_bot_con2 .add_libg { background: url(/image/sub_2020/layout/bot_line.png) 0 4px no-repeat; padding-left: 10px; } /*copy*/ #sub_bot_con2 .bo_copy { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-weight: 400; font-size: 13px; color: #999; padding-right: 15px; line-height: 28px; letter-spacing: -0.0375em; } /*인증*/ #sub_bot_con3 { float: left; width: 1040px; height: auto; overflow: hidden; } #sub_bot_con3 .bot_cer { float: left; width: auto; margin-top: 15px; } #sub_bot_con3 .bot_cer_li01 { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-weight: 400; font-size: 12px; color: #666; background: url(/image/sub_2020/layout/bot_ima01.png) 0 0 no-repeat; margin-right: 25px; padding-left: 36px; line-height: 15px; letter-spacing: -0.0375em; height: 33px; text-align: left; } #sub_bot_con3 .bot_cer_li01 a { font-family: 'Noto Sans KR','sans-serif'; font-size: 12px; color: #666; font-weight: 400; line-height: 15px; } #sub_bot_con3 .bot_cer_li01 a:link { color: #666; text-decoration: none; } #sub_bot_con3 .bot_cer_li01 a:hover { color: #666; text-decoration: none; } #sub_bot_con3 .bot_cer_li01 a:visited { color: #666; text-decoration: none; } #sub_bot_con3 .bot_cer_li02 { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-size: 12px; color: #666; font-weight: 400; background: url(/image/sub_2020/layout/bot_ima02.png) 0px 0 no-repeat; padding-left: 40px; line-height: 15px; letter-spacing: -0.0375em; height: 33px; text-align: left; } #sub_bot_con3 .bot_cer_li02 a { font-family: 'Noto Sans KR','sans-serif'; font-size: 12px; color: #666; font-weight: 400; line-height: 15px; } #sub_bot_con3 .bot_cer_li02 a:link { color: #666; text-decoration: none; } #sub_bot_con3 .bot_cer_li02 a:hover { color: #666; text-decoration: none; } #sub_bot_con3 .bot_cer_li02 a:visited { color: #666; text-decoration: none; } /*앱*/ #sub_bot_app { float: right; width: auto; margin-top: 15px; } #sub_bot_app .bot_app_li01 { float: right; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-size: 13px; color: #999; font-weight: 400; margin-right: 12px; padding-top: 7px; line-height: 20px; letter-spacing: -0.0375em; } #sub_bot_app .bot_app_li02 { float: right; display: inline; margin-right: 5px; } #sub_bot_app .bot_app_li03 { float: right; display: inline; } /*sns*/ #sub_bot_sns { float: right; width: auto; margin-top: 15px; margin-left: 20px; /*inline-block 여백방지용*/ font-size: 0; letter-spacing: 0; word-spacing: 0; text-align: left; } #sub_bot_sns li { display: inline-block; margin-left: 12px; padding-top: 3px; vertical-align: middle; } #sub_bot_sns li.bot_sns_in { padding-top: 0; } #sub_bot_sns li.bot_sns_li-h1 { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-size: 13px; color: #999; font-weight: 400; padding-top: 7px; line-height: 20px; letter-spacing: -0.0375em; } /**************************************************** etax ***************************************************************/ /*이텍스 탑메뉴영역 start*/ #sub_hea_menu_etax { position: absolute; width: 100%; top: 0; left: 0; height: 224px; border-bottom: 1px solid #e0dfdf; background: #fff; } #sub_hea_menu_etax { position: absolute; width: 100%; top: 0; left: 0; height: 224px; border-bottom: 1px solid #e0dfdf; background: #fff; } #sub_hea_menu_etax #hm_inner_etax { width: 1040px; height: 224px; margin: 0 auto; position: relative; } .sub_top_blank { height: 200px; margin: 0 0 50px 0; } /*로그인*/ #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax { width: 100%; height: 26px; padding: 23px 0 20px 0; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .sns { float: right; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .sns ul { float: left; margin-left: 12px; width: auto; height: 28px; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .sns ul li { display: inline; float: left; margin: 5px 0 0 12px; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .customer { float: right; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .customer ul { float: left; margin-left: 10px; width: auto; height: 31px; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .customer ul li { display: inline; float: left; font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; color: #666; letter-spacing: -0.0375em; padding: 0 12px 0px 12px; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .customer ul li a { font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; color: #666; text-decoration: none; line-height: 28px; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .customer ul li.bs a { display: block; width: 72px; background: url(/image/sub_2020/layout/icon_bs.png) 0 0 no-repeat; text-indent: -9999px; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .login { float: right; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .login ul { float: left; width: auto; height: 26px; border: solid 1px #e1e1e1; border-radius: 4px; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .login ul li { display: inline; float: left; font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; color: #666; letter-spacing: -0.0375em; padding: 0 12px 0 12px; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .login ul li a { font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; color: #666; text-decoration: none; line-height: 26px; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .login ul li.li_line { border-right: solid 1px #e1e1e1; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .myinfo { float: right; margin: 0 20px 0; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .myinfo p { font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; line-height: 28px; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .myinfo a { font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; text-decoration: underline; } #sub_hea_menu_etax #hm_inner_etax #log_wrap_etax .myinfo span { font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; line-height: 28px; } /*네비게이션*/ #sub_hea_menu_etax #hm_inner_etax #menu_wrap_etax { width: 100%; height: 26px; top: 80px; } #sub_hea_menu_etax #hm_inner_etax #menu_wrap_etax #toplogo_etax { float: left; width: 122px; top: 80px; } #sub_hea_menu_etax #hm_inner_etax #menu_wrap_etax #topmenu_etax { float: right; width: auto; } #sub_hea_menu_etax #hm_inner_etax #menu_wrap_etax #topmenu_etax ul li.nav { float: left; display: inline; margin-left: 35px; font-family: 'Noto Sans KR','sans-serif'; font-weight: 500; font-size: 18px; color: #333333; line-height: 26px; } #sub_hea_menu_etax #hm_inner_etax #menu_wrap_etax #topmenu_etax ul li.nav:hover { } #sub_hea_menu_etax #hm_inner_etax #menu_wrap_etax #topmenu_etax ul li.nav a { font-family: 'Noto Sans KR','sans-serif'; font-weight: 500; font-size: 18px; color: #333333; line-height: 26px; } #sub_hea_menu_etax #hm_inner_etax #menu_wrap_etax #topmenu_etax ul li.nav a:link { color: #333333; text-decoration: none; } #sub_hea_menu_etax #hm_inner_etax #menu_wrap_etax #topmenu_etax ul li.nav a:visited { color: #333333; text-decoration: none; } #sub_hea_menu_etax #hm_inner_etax #menu_wrap_etax #topmenu_etax ul li.nav a:hover { color: #085cb4; text-decoration: none; } #sub_hea_menu_etax #hm_inner_etax #menu_wrap_etax #topmenu_etax ul li.nav.allmenu { padding-top: 5px } /* 광고 */ .bnr_ad_top_etax { margin: 0 auto; width: 970px; padding: 10px 0 0; height: 90px; /*inline-block 여백방지용*/ font-size: 0; letter-spacing: 0; word-spacing: 0; } .bnr_ad_top { margin: 0 auto; width: 970px; padding: 10px 0 0; /*inline-block 여백방지용*/ font-size: 0; letter-spacing: 0; word-spacing: 0; } .bnr_ad_left { position: fixed; padding: 100px 0 0 0; margin: 175px 0 0 -220px; z-index: 1; } .bnr_ad_right { position: fixed; margin: 175px 0 0 1100px; z-index: 1; } .bnr_ad_right_ser { position: fixed; padding: 100px 0 0 0; margin: 175px 0 0 1100px; z-index: 1; } .bnr_ad_728x90 { margin: 0 auto; padding: 0; width: 728px; height: 90px; } /*이텍스 탑메뉴영역 end*/ /*------------------------------------*/ /* 이텍스 로그인*/ #login_etax_menu { position: absolute; width: 100%; top: 100px; left: 0; height: 31px; border-bottom: 0px solid #e0dfdf; background: #fff; } #login_etax_menu #login_etax_inner { width: 1040px; height: 31px; margin: 0 auto; position: relative; } .login_top_blank { height: 181px; margin: 0 0 50px 0; } /*로그인*/ #login_etax_menu #login_etax_inner #log_etax_wrap { width: 100%; height: 26px; padding: 23px 0 20px 0; } #login_etax_menu #login_etax_inner #log_etax_wrap .login { float: right; } #login_etax_menu #login_etax_inner #log_etax_wrap .login ul { float: left; width: auto; height: 26px; border: solid 1px #e1e1e1; border-radius: 4px; } #login_etax_menu #login_etax_inner #log_etax_wrap .login ul li { display: inline; float: left; font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; color: #666; letter-spacing: -0.0375em; padding: 0 12px 0 12px; } #login_etax_menu #login_etax_inner #log_etax_wrap .login ul li a { font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; color: #666; text-decoration: none; line-height: 26px; } #login_etax_menu #login_etax_inner #log_etax_wrap .login ul li.li_line { border-right: solid 1px #e1e1e1; } #login_etax_menu #login_etax_inner #log_etax_wrap .myinfo { float: right; margin: 0 20px 0; } #login_etax_menu #login_etax_inner #log_etax_wrap .myinfo p { font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; line-height: 28px; } #login_etax_menu #login_etax_inner #log_etax_wrap .myinfo a { font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; text-decoration: underline; } #login_etax_menu #login_etax_inner #log_etax_wrap .myinfo span { font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; font-size: 15px; line-height: 28px; } /*------------------------------------*/ /**************************************************** etax footer ***************************************************************/ #sub_etax_footer_wrap { position: absolute; left: 0; width: 100%; max-width: 100%; height: 150px; border-top: 1px solid #d6d6d6; background-color: #fff; margin-top: 100px } #sub_etax_footer_wrap .f_inner { width: 1040px; height: auto; margin: 0 auto; position: relative; padding-top: 20px; } #sub_etax_bot_con1 { float: left; width: 1040px; height: auto; } /* 네비게이션 */ #sub_etax_bottom_navi { float: left; width: 950px; height: 30px; margin-bottom: 15px; } #sub_etax_bottom_navi li { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-weight: 400; font-size: 14px; color: #828282; letter-spacing: -0.0375em; text-align: left; margin-right: 36px; line-height: 30px; height: 31px; margin-bottom: 30px; } #sub_etax_bottom_navi li a { font-family: 'Noto Sans KR','sans-serif'; font-weight: 400; font-size: 14px; color: #828282; } #sub_etax_bottom_navi li a:link { color: #828282; text-decoration: none; } #sub_etax_bottom_navi li a:hover { color: #333; text-decoration: none; } #sub_etax_bottom_navi li a:visited { color: #828282; text-decoration: none; } /*주소*/ #sub_etax_bot_con2 { float: left; width: 1040px; overflow: hidden; } #sub_etax_bot_con2 .bo_add { float: left; margin-bottom: 3px; width: 8100%; height: auto; overflow: hidden; line-height: 18px; } #sub_etax_bot_con2 .bo_add li { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-size: 13px; color: #999; font-weight: 400; padding-right: 10px; letter-spacing: -0.0375em; } #sub_etax_bot_con2 .add_libg { background: url(/image/sub_2020/layout/bot_line.png) 0 4px no-repeat; padding-left: 10px; } #sub_etax_bot_con2 .bo_copy { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-size: 13px; color: #999; font-weight: 400; padding-right: 15px; line-height: 28px; letter-spacing: -0.0375em; } /*링크*/ #sub_etax_bot_con3 { float: right; width: 1040px; height: auto; overflow: hidden; } #sub_etax_bot_con3 .bot_cer { float: right; width: auto; margin-top: 15px; } #sub_etax_bot_con3 .bot_cer_li01 { float: right; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-size: 12px; color: #666; font-weight: 400; background: url(/images/etaxbill/img_innobiz.gif) 0 0 no-repeat; margin-right: 25px; padding-left: 36px; line-height: 15px; letter-spacing: -0.0375em; height: 33px; } #sub_etax_bot_con3 .bot_cer_li01 a { font-family: 'Noto Sans KR','sans-serif'; font-size: 12px; color: #666; font-weight: 400; line-height: 15px; } #sub_etax_bot_con3 .bot_cer_li01 a:link { color: #666; text-decoration: none; } #sub_etax_bot_con3 .bot_cer_li01 a:hover { color: #666; text-decoration: none; } #sub_etax_bot_con3 .bot_cer_li01 a:visited { color: #666; text-decoration: none; } #sub_etax_bot_con3 .bot_cer_li02 { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-size: 12px; color: #666; font-weight: 400; background: url(/images/etaxbill/img_nipa.gif) 0px 0 no-repeat; padding-left: 40px; line-height: 15px; letter-spacing: -0.0375em; height: 33px; } #sub_etax_bot_con3 .bot_cer_li02 a { font-family: 'Noto Sans KR','sans-serif'; font-size: 12px; color: #666; font-weight: 400; line-height: 15px; } #sub_etax_bot_con3 .bot_cer_li02 a:link { color: #666; text-decoration: none; } #sub_etax_bot_con3 .bot_cer_li02 a:hover { color: #666; text-decoration: none; } #sub_etax_bot_con3 .bot_cer_li02 a:visited { color: #666; text-decoration: none; } #sub_etax_bot_con3 .bot_cer_li03 { float: left; display: inline; font-family: 'Noto Sans KR','sans-serif'; font-size: 12px; color: #666; font-weight: 400; background: url(/images/etaxbill/img_ebusiness.gif) 0px 0 no-repeat; padding-left: 40px; line-height: 15px; letter-spacing: -0.0375em; height: 33px; } #sub_etax_bot_con3 .bot_cer_li03 a { font-family: 'Noto Sans KR','sans-serif'; font-size: 12px; color: #666; font-weight: 400; line-height: 15px; } #sub_etax_bot_con3 .bot_cer_li03 a:link { color: #666; text-decoration: none; } #sub_etax_bot_con3 .bot_cer_li03 a:hover { color: #666; text-decoration: none; } #sub_etax_bot_con3 .bot_cer_li03 a:visited { color: #666; text-decoration: none; } #sub_bot_etax_link { position: absolute; right: 0; top: 90px; } #sub_bot_etax_app { float: right; width: auto; } #sub_bot_etax_app .bot_app_li01 { float: right; display: inline; } #sub_bot_etax_app .bot_app_li02 { float: right; display: inline; margin-left: 10px; } #sub_bot_etax_app .bot_app_li03 { float: right; display: inline; margin-left: 10px; padding: 7px 0 0 0 } /****************************************************************** //footer *************************************************************/ /**************************************************** LeftMenu ***************************************************************/ #sub_lnb { padding: 200px 70px 0 0; box-sizing: border-box; background: #fff; } #sub_lnb .lnb_in { margin: 50px 0 0; width: 200px; display: block; } #sub_lnb .tit { padding: 0 0 28px 0; color: #333333; font-size: 21px; line-height: 21px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight: 500; letter-spacing: -1px; } #sub_lnb .tit p { padding: 3px 0 0 0; color: #666; font-size: 16px; font-family: 'Noto Sans KR','sans-serif'; font-weight: 300; letter-spacing: -1px; } #sub_lnb li { margin: 0; } #sub_lnb li a { letter-spacing: -1px; } #sub_lnb .depth1 > li { margin: 0; border-bottom: 1px solid #d6d6d6; } #sub_lnb .depth1 > li > a { display: block; position: relative; padding: 13px 0 13px 0; font-size: 16px; color: #666; line-height: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } #sub_lnb .depth1 > li > a:hover, #sub_lnb .depth1 > li > a:focus, #sub_lnb .depth2 > li > a:hover, #sub_lnb .depth2 > li > a:focus, #sub_lnb .depth3 > li > a:hover, #sub_lnb .depth3 > li > a:focus { color: #075cb4; text-decoration: none; } #sub_lnb .depth1 > li.on > a, #sub_lnb .depth2 > li.on > a, #sub_lnb .depth3 > li.on > a { color: #075cb4; } #sub_lnb .depth1 > li > a .btn { display: block; text-indent: -9999px; position: absolute; right: 10px; top: 50%; width: 13px; height: 13px; padding: 0; margin-top: -7px; background: url(/image/sub_2020/layout/btn_lnb_open.png) center center no-repeat; overflow: hidden; } #sub_lnb .depth1 > li > a .open { display: block; } #sub_lnb .depth1 > li.on > a .open { display: none; } #sub_lnb .depth1 > li.on > a .close { display: block; } #sub_lnb .depth1 > li.on > a .btn { background: url(/image/sub_2020/layout/btn_lnb_close.png) center center no-repeat; } #sub_lnb .depth1 > li .depth2 { display: none; } #sub_lnb .depth1 > li.on .depth2 { display: block; background: #FCFCFC; border-top: 1px solid #e7e7e7; } #sub_lnb .depth2 > li > a, #sub_lnb .depth2 > li > span { margin: 0; border-top: 1px solid #e7e7e7; } #sub_lnb .depth2 > li:first-child > a, #sub_lnb .depth2 > li:first-child > span { border-top: 0; } #sub_lnb .depth2 > li > a, #sub_lnb .depth2 > li > span { display: block; position: relative; padding: 10px 0 10px 0; margin: 0 15px; font-size: 15px; color: #666; line-height: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } #sub_lnb .depth2 > li.on > a { } #sub_lnb .depth3 { display: none; } #sub_lnb .open > .depth3 { display: block; padding: 0 16px 5px 17px; /* border-top: 1px solid #e7e9ea;background: #f6f7f7; */ } #sub_lnb .depth3 li { margin: 0; /* border-top:1px solid #ddd; */ background: url(/image/sub_2020/layout/bul_lnb.png) center left no-repeat; } #sub_lnb .depth3 li:first-child { border-top: 0; } #sub_lnb .depth3 li > a { display: block; font-family: 'Noto Sans KR','Noto Sans KR L','sans-serif'; font-weight: 300; font-size: 14px; color: #77797B; padding: 5px 0 5px 7px; } #sub_lnb .depth3 li:last-child > a { } #sub_lnb .depth3 li.on > a { } /* leftmenu_banner */ .lnb_bnr { margin-top: 20px; } /**************************************************** EtaxLeftMenu ***************************************************************/ #sub_etax_lnb { padding: 200px 70px 0 0; box-sizing: border-box; background: #fff; } #sub_etax_lnb .lnb_in { margin: 50px 0 0; width: 200px; display: block; } #sub_etax_lnb .tit { padding: 0 0 28px 0; color: #222; font-size: 21px; line-height: 21px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; letter-spacing: -1px; } #sub_etax_lnb li { margin: 0; } #sub_etax_lnb li a { letter-spacing: -1px; } #sub_etax_lnb .depth1 > li { margin: 0; border-bottom: 1px solid #d6d6d6; } #sub_etax_lnb .depth1 > li > a { display: block; position: relative; padding: 13px 0 13px 0; font-size: 16px; color: #666; line-height: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } #sub_etax_lnb .depth1 > li > a:hover, #sub_etax_lnb .depth1 > li > a:focus, #sub_etax_lnb .depth2 > li > a:hover, #sub_etax_lnb .depth2 > li > a:focus, #sub_etax_lnb .depth3 > li > a:hover, #sub_etax_lnb .depth3 > li > a:focus { color: #075cb4; text-decoration: none; } #sub_etax_lnb .depth1 > li.on > a, #sub_etax_lnb .depth2 > li.on > a, #sub_etax_lnb .depth3 > li.on > a { color: #075cb4; } #sub_etax_lnb .depth1 > li > a .btn { display: block; text-indent: -9999px; position: absolute; right: 10px; top: 50%; width: 13px; height: 13px; padding: 0; margin-top: -7px; background: url(/image/sub_2020/layout/btn_lnb_open.png) center center no-repeat; overflow: hidden; } #sub_etax_lnb .depth1 > li > a .open { display: block; } #sub_etax_lnb .depth1 > li.on > a .open { display: none; } #sub_etax_lnb .depth1 > li.on > a .close { display: block; } #sub_etax_lnb .depth1 > li.on > a .btn { background: url(/image/sub_2020/layout/btn_lnb_close.png) center center no-repeat; } #sub_etax_lnb .depth1 > li .depth2 { display: none; } #sub_etax_lnb .depth1 > li.on .depth2 { display: block; background: #fbfbfb; border-top: 1px solid #e7e7e7; } #sub_etax_lnb .depth2 > li > a, #sub_etax_lnb .depth2 > li > span { margin: 0; border-top: 1px solid #e7e7e7; } #sub_etax_lnb .depth2 > li:first-child > a, #sub_etax_lnb .depth2 > li:first-child > span { border-top: 0; } #sub_etax_lnb .depth2 > li > a, #sub_etax_lnb .depth2 > li > span { display: block; position: relative; padding: 10px 0 10px 0; margin: 0 15px; font-size: 15px; color: #666; line-height: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } #sub_etax_lnb .depth2 > li.on > a { } #sub_etax_lnb .depth3 { display: none; } #sub_etax_lnb .open > .depth3 { display: block; padding: 0 16px 5px 17px; /* border-top: 1px solid #e7e9ea;background: #f6f7f7; */ } #sub_etax_lnb .depth3 li { margin: 0; /* border-top:1px solid #ddd; */ background: url(/image/sub_2020/layout/bul_lnb.png) center left no-repeat; } #sub_etax_lnb .depth3 li:first-child { border-top: 0; } #sub_etax_lnb .depth3 li > a { display: block; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 14px; color: #777; padding: 3px 0 3px 7px; } #sub_etax_lnb .depth3 li:last-child > a { } #sub_etax_lnb .depth3 li.on > a { } /**************************************************** //LeftMenu ***************************************************************/ /* 공통 */ .event_blind { visibility: hidden; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; font-size: 0px; line-height: 0; } /* Sub Main */ /* 전자세금계산서 */ #sub_dti { /*margin:0 0 100px;*/ width: 1040px; } #sub_dti h2 { font-size: 28px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; margin: 0 0 30px 0; letter-spacing: -1px; } .worklink_wrap { background: #f2f2f2; padding: 22px; } .worklink_wrap .worklink { padding: 0 0 22px 0; border-bottom: 1px solid #d4d4d4 } .worklink_wrap .worklink ul::after { display: block; content: ""; clear: both } .worklink_wrap .worklink li { float: left; width: 25%; } .worklink_wrap .worklink li a { display: block; margin: 0 25px; background: url(/image/sub_2020/submain/icon_arrow01.png) right 50% no-repeat; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #333; text-decoration: none; } .worklink_wrap .worklink li:first-child a { margin: 0 25px 0 0; } .worklink_wrap .worklink li:last-child a { margin: 0 0 0 25px; } .searchbox { position: relative; margin: 22px 0 0 0; } .searchbox li.sup a { color: #075cb4; background-image: url(/image/sub_2020/submain/icon_arrow02_b.png); } /*.subject_input {width: 580px;height: 50px;margin-right: 0;padding: 0 20px 0 50px;border: 1px solid #fff;border-radius: 0;box-sizing: border-box;font-family: 'Noto Sans KR R', sans-serif;font-size: 15px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 54px;letter-spacing: normal;color: #666;background:url(/image/sub_2020/submain/icon_glass.png) 20px 50% no-repeat #fff;}*/ .searchbox::after { display: block; content: ""; clear: both } .subject_input { width: 550px; height: 50px; margin-right: 0; padding: 0 20px 0 20px; border: 1px solid #fff; border-radius: 0; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 50px; letter-spacing: normal; color: #666; background: #fff; } .search { float: left; } .search_btn { float: left; } .search_btn a { display: block; width: 50px; height: 50px; background: url(/image/sub_2020/submain/icon_glass.png) 10px 50% no-repeat #fff; text-indent: -9999px; } .searchbox ul { position: absolute; top: 15px; right: 0 } .searchbox li { float: left; margin: 0 0 0 30px; height: 22px; } .searchbox li a { display: block; padding: 0 0 0 30px; background: url(/image/sub_2020/submain/icon_arrow02.png) 0 50% no-repeat; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #666; text-decoration: none; line-height: 22px; } .favlink { margin: 30px 0 0; border: 1px solid #e5e5e5; box-sizing: border-box; } .favlink ul::after { display: block; content: ""; clear: both } .favlink li { float: left; width: 20%; padding: 25px 0 23px 0; box-sizing: border-box; border-right: 1px solid #e5e5e5; text-align: center; } .favlink li:last-child { border: 0 } .favlink li a { display: block; text-decoration: none; } .favlink li a:hover .tit { color: #085cb4; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } .favlink li .picto { display: inline-block; width: 61px; height: 58px; background: url(/image/sub_2020/submain/icon_fav220526.png); } /*220526수정1*/ .favlink li.favm01 .picto { } .favlink li.favm02 .picto { background-position: -61px 0; } .favlink li.favm03 .picto { background-position: -122px 0; } .favlink li.favm04 .picto { background-position: -182px 0; } /*220526수정2*/ .favlink li.favm05 .picto { width: 40px; background-position: -244px 0; } .favlink li.favm06 .picto { width: 80px; background-position: -242px 0; } /*220526수정3*/ .favlink li .tit { display: block; margin: 15px 0 0 0; font-size: 15px; color: #484848; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } .favlink li .tit.blue { color: #085cb4; } .main_slide_wrap { width: 1040px; margin: 30px 0; } .main_slide li { position: relative; height: 340px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; background-position: right top; } .main_slide li.image00 { background-image: url(/image/sub_2020/submain/dti_visual0.gif); background-color: #065bb4; } .main_slide li.image01 { background-image: url(/image/sub_2020/submain/dti_visual1.png); background-color: #065bb4; } .main_slide li.image02 { background-image: url(/image/sub_2020/submain/dti_visual2.png); background-color: #065bb4; } .main_slide li.image03 { background-image: url(/image/sub_2020/submain/dti_visual3.png); background-color: #065bb4; } .main_slide li.noimage { background-color: #fff; } .main_slide li .banner { margin: 0 0 0 50px; } .main_slide li .txt { margin: 65px 0 20px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #fff; font-size: 50px; line-height: 1.3em; letter-spacing: -0.1em; } .main_slide li .ct { margin: 0 0 30px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #fff; font-size: 19px; line-height: 1.4em; letter-spacing: -0.1em; } .main_slide li .btn_go { position: relative; display: inline-block; padding: 11px 44px 12px 12px; font-size: 15px; line-height: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #333; background: url(/image/sub_2020/submain/icon_arrow03.png) right 14px center no-repeat #fff; } .main_slide li .btn_go:hover { text-decoration: none; color: #085cb4; } .main_slide li .banner a + a { margin: 0 0 0 10px; } .main_slide_wrap .bx-wrapper .bx-controls a { background-image: url(/image/sub_2020/submain/icon_play.png); background-repeat: no-repeat; } .main_slide_wrap .bx-wrapper .bx-controls-direction a { margin-top: -37px; width: 38px; height: 73px; background-image: url(/resources/img/btn_pn.png); } .main_slide_wrap .bx-controls-direction a.bx-prev { /* margin-left:-750px; */ left: 20px; background-position: 0 0; } .main_slide_wrap .bx-controls-direction a.bx-next { /* margin-right:-750px; */ right: 20px; background-position: -40px 0; } .main_slide_wrap .bx-controls-auto { right: 10px; bottom: 30px; } .main_slide_wrap .bx-controls-auto a { display: block; width: 20px; height: 20px; text-indent: -9999px; background-position: -60px 0; } .main_slide_wrap .bx-controls-auto a.bx-stop { background-position: -40px 0; } .main_slide_wrap .bx-pager.bx-default-pager { right: 30px; bottom: 30px; } .main_slide_wrap .bx-pager.bx-default-pager a { display: block; width: 20px; height: 20px; margin: 0 0 0 0; background-position: 0 0; text-indent: -9999px; } .main_slide_wrap .bx-pager.bx-default-pager a:hover, .main_slide_wrap .bx-pager.bx-default-pager a.active, .main_slide_wrap .bx-pager.bx-default-pager a:focus { background-position: -20px 0; } .servbnr h3 { font-size: 28px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; margin: 30px 0; } .servbnr ul::after { display: block; content: ""; clear: both } .servbnr li { float: left; margin: 0 66px 0 0; box-sizing: border-box; text-align: center; } .servbnr li:last-child { margin: 0; } /* .servbnr li a{display:block;text-decoration:none;} */ .servbnr li a { display: block; position: relative; width: 210px; height: 450px; overflow: hidden; white-space: nowrap; text-decoration: none; } .servbnr li a::after { display: inline-block; content: ""; vertical-align: middle; width: 0; height: 100%; } .servbnr li a .hover_wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .servbnr li a:hover .hover_wrap { display: block; opacity: 1; } .servbnr li a img { vertical-align: middle; } .servbnr li .tit { display: block; margin: 22px 0 15px 0; font-size: 23px; color: #333; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; letter-spacing: -0.05em; } .servbnr li .ct { display: block; font-size: 17px; color: #666; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; letter-spacing: -0.1em; line-height: 1.5em; } /* 230512 수정*/ .bnr_ad01_out { width: 1040px; height: auto; overflow: hidden; margin-bottom: 40px; } .submain_bnr_ad01 { width: 970px; height: 90px; margin: 0 auto; } /*.submain_bnr_ad02{margin:0 auto; width:650px;}*/ .submain_bnr_ad02 { margin: 0 auto; width: 1038px; } /*.submain_bnr_ad02 .ad1 {margin:0 50px 0 0;}*/ .submain_bnr_ad02 .ad1 { margin: 0; } .submain_bnr_ad02 .ad1, .submain_bnr_ad02 .ad2 { float: left; width: 346px; } .submain_bnr_ad02::after { display: block; content: ""; clear: both } /* 전자세금계산서 2023 리뉴얼 */ /*로딩이미지 230509*/ .load { width: 80px; margin: 0 auto; } .load img { width: 80px; height: 80px; position: absolute; top: 50%; transform: translate(0, -50%); } #sub_dtiN { width: 1040px; } #sub_dtiN .title { width: 100%; height: auto; overflow: hidden; margin-bottom: 24px; } #sub_dtiN .title h2 { font-size: 28px; line-height: 28px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; letter-spacing: -1px; width: auto; float: left; margin-right: 20px; } /*230512 수정*/ #sub_dtiN .title .search_box { float: left; width: 360px; height: 36px; background-color: #f7f7f8; border-radius: 30px; margin-top: 0; } /*230512 수정*/ #sub_dtiN .title .search_box .inp_txt { float: left; width: 305px; margin-left: 20px; height: 35px; border: 0; font-size: 15px; letter-spacing: -0.6px; line-height: 34px; font-family: "Noto Sans KR", "Helvetica Neue", "Malgun Gothi#sub_dtiN .title .search_boxc", dotum, sans-serif; outline: 0; color: #b6b6b6; background-color: transparent; } #sub_dtiN .title .search_box .search_btn { float: left; width: 24px; height: 100%; } #sub_dtiN .title .search_box .search_btn a { float: left; width: 24px; height: 100%; background: transparent url(/image/sub_2020/submain/dti/ic_search.png) no-repeat 50% 50%; border: none; cursor: pointer; text-indent: -9999px; } .blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; } /*메뉴*/ .dtiN_menu { background-color: #eff4fe; height: auto; overflow: hidden; margin-bottom: 34px; padding: 27px 25px; } .work { padding-bottom: 25px; width: 990px; height: auto; overflow: hidden; border-bottom: 1px solid #dde0e5; } .w_menu01 { float: left; width: 190px; height: 30px; background: url(/image/sub_2020/submain/dti/ic_prev.png) 180px no-repeat; text-align: center; } .w_menu02 { float: left; width: 206px; height: 30px; background: url(/image/sub_2020/submain/dti/ic_prev.png) 197px no-repeat; text-align: center; } .w_menu03 { float: left; width: 180px; height: 30px; text-align: center; } .often { padding-top: 25px; width: 990px; height: auto; overflow: hidden; } .f_menu01 { float: left; width: 190px; height: 30px; background: url(/image/sub_2020/submain/dti/ic_line.png) 183px no-repeat; text-align: center; } .f_menu02 { float: left; width: 206px; height: 30px; background: url(/image/sub_2020/submain/dti/ic_line.png) 200px no-repeat; text-align: center; } .f_menu03 { float: left; width: 180px; height: 30px; text-align: center; } .wf_menu { height: 30px; margin: 0 auto; } .wf_menu li { display: inline; height: 30px; float: left; } .wf_menu li img { vertical-align: middle; } .wf_ic { float: left; width: auto; margin-right: 6px; line-height: 28px; } .wf_txt { line-height: 28px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 18px; color: #5b6070; font-weight: 400; font-weight: normal; letter-spacing: -0.375px; } .wf_txt a:link { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 18px; color: #5b6070; font-weight: 400; font-weight: normal; text-decoration: none; letter-spacing: -0.375px; } .wf_txt a:visited { color: #6171a6; text-decoration: none; } .wf_txt a:hover { color: #6171a6; text-decoration: none; } /*공용 컨텐츠Box*/ .dti_con_w { float: left; width: auto; height: auto; overflow: hidden; } /*추천+지원사업*/ /*230512 수정*/ .dtiN_content01 { height: auto; overflow: hidden; margin-bottom: 50px; position: relative; } .dtiN_con { float: left; width: 688px; height: auto; overflow: hidden; } .dtiN_bus { float: left; width: 396px; height: auto; overflow: hidden; top: 0px; left: 644px; z-index: 2; position: absolute; background-color: #fff; } .dtiN_bus_in { float: right; width: 352px; height: auto; overflow: hidden; } /*추천지원사업 페이징*/ .dtiN_con .dtiN_wrapper { width: 688px; position: relative; float: left; } .dtiN_con .dtiN_wrapper .arL { position: absolute; z-index: 10; top: -37px; right: 62px; } .dtiN_con .dtiN_wrapper .arR { position: absolute; z-index: 10; top: -37px; right: 42px; } .dtiN_bus .dtiN_wrapper { width: 352px; position: relative; float: left; } .dtiN_bus .dtiN_wrapper .arL { position: absolute; z-index: 10; top: -40px; right: 20px; } .dtiN_bus .dtiN_wrapper .arR { position: absolute; z-index: 10; top: -40px; right: 0px; } /*//추천지원사업 페이징*/ /*추천콘텐츠*/ .title_h3_D { float: left; height: 52px; width: 100%; } .title_h3 { float: left; width: auto; line-height: 37px; text-align: left; font-size: 26px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; letter-spacing: -1px; margin-bottom: 15px; } /*next*/ .title_arrow { line-height: 37px; } .title_h3_D .mr43 { margin-right: 43px; } .title_arrow li { float: left; display: inline; } .title_arrow li.mr3 { margin-right: 3px; } .arr_Left { width: 15px; height: 18px; border: none; cursor: pointer; background: url(/image/sub_2020/submain/dti/btn_arrL.png) 3px no-repeat; } .arr_Left:hover { background: url(/image/sub_2020/submain/dti/btn_arrL_on.png) 3px no-repeat; text-decoration: none; } .arr_Right { width: 15px; height: 18px; background: url(/image/sub_2020/submain/dti/btn_arrR.png) 3px no-repeat; border: none; cursor: pointer; } .arr_Right:hover { background: url(/image/sub_2020/submain/dti/btn_arrR_on.png) 3px no-repeat; text-decoration: none; } .dtiN_line { float: left; width: 100%; height: 250px; overflow: hidden; margin-bottom: 36px; } .dtiN_line02 { float: left; width: 100%; height: 250px; overflow: hidden; } /*추천Box*/ .con_Box { position: relative; float: left; width: 300px; height: 250px; margin-bottom: 36px; overflow: hidden; margin-right: 44px; } .con_Box .link_item .new { position: absolute; top: 20px; left: 20px; /*transform:translate(-50%,-50%) ;*/ width: 60px; height: 23px; border-radius: 30px; background-color: #6bb6bb; text-align: center; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 13px; color: #ffffff; font-weight: 500; font-weight: normal; text-decoration: none; letter-spacing: -0.375px; line-height: 20px; } .con_Box .link_item .hot { position: absolute; top: 20px; left: 20px; /*transform:translate(-50%,-50%) ;*/ width: 60px; height: 23px; border-radius: 30px; background-color: #da5882; text-align: center; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 13px; color: #ffffff; font-weight: 500; font-weight: normal; text-decoration: none; letter-spacing: -0.375px; line-height: 20px; } .con_Box .link_item { display: block; cursor: pointer; text-decoration: none; } .con_Box .link_item .con_Box_AD { overflow: hidden; position: relative; width: 300px; height: 250px; margin-bottom: 36px; } /*230509수정*/ .con_Box .link_item .con_Box_ima { overflow: hidden; position: relative; border-radius: 8px; width: 300px; height: 154px; } .con_Box .link_item .con_Box_ima:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0; border-radius: 8px; } .con_Box .link_item .con_Box_ima img { width: 100%; height: 100%; border-radius: 4px; transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); } .con_Box .link_item:hover .con_Box_ima img { transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); } .con_Box .link_item .con_Box_txt { width: 300px; height: 84px; padding-top: 8px; } .con_Box .link_item .con_Box_txt .conbox_tit { height: 60px; text-align: left; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 19px; color: #333333; font-weight: 500; font-weight: normal; text-decoration: none; letter-spacing: -0.375px; line-height: 26px; } .con_Box .link_item .con_Box_txt .conbox_txt { height: 24px; } .con_Box .link_item .con_Box_txt .conbox_txt li { display: inline; float: left; text-align: left; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 16px; color: #838c9c; text-decoration: none; letter-spacing: -0.375px; line-height: 20px; } .con_Box .link_item .con_Box_txt .conbox_txt li.txt01 { font-weight: 500; font-weight: normal; margin-right: 16px; } .con_Box .link_item .con_Box_txt .conbox_txt li.txt02 { font-weight: 400; font-weight: normal; } /*지원사업*/ .bus_con { border-top: 1px solid #efefef; } .bus_conBox { float: left; width: 100%; height: 179px; border-bottom: 1px solid #efefef; position: relative; } .bus_conBox_in { float: left; width: 100%; height: auto; overflow: hidden; position: absolute; top: 50%; transform: translate(0, -50%); /*margin-top: -25px;*/ } .bus_conBox_zone { float: left; width: 100%; height: 23px; overflow: hidden; margin-bottom: 5px; } .bus_conBox_zone p { width: 60px; height: 23px; border-radius: 30px; background-color: #abc7ff; text-align: center; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 14px; color: #ffffff; font-weight: 500; font-weight: normal; text-decoration: none; letter-spacing: -0.375px; line-height: 20px; } .bus_tit { width: 352px; height: auto; overflow: hidden; margin-bottom: 8px; } .bus_tit li { display: inline; line-height: 22px; float: left; } .bus_tit li img { vertical-align: middle; } .bus_tit li.icon { width: 20px; margin-right: 8px; padding-top: 7px; } .bus_tit li.txt { width: 324px; font-size: 17px; color: #333; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-weight: normal; etter-spacing: -0.375px; } .bus_tit li.txt a:link { width: 324px; font-size: 17px; color: #333; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-weight: normal; etter-spacing: -0.375px; } .bus_tit li.txt a:visited { color: #000; text-decoration: none; } .bus_tit li.txt a:hover { color: #000; text-decoration: none; } .bus_pay { width: 352px; height: auto; overflow: hidden; margin-bottom: 2px; } .bus_pay li { display: inline; line-height: 21px; float: left; } .bus_pay li img { vertical-align: middle; } .bus_pay li.icon { width: 20px; margin-right: 8px; padding-top: 1px; } .bus_pay li.txt { width: 324px; font-size: 15px; color: #999; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-weight: normal; etter-spacing: -0.375px; } .bus_date { width: 352px; height: auto; overflow: hidden; } .bus_date li { display: inline; line-height: 21px; float: left; } .bus_date li img { vertical-align: middle; } .bus_date li.icon { width: 20px; margin-right: 8px; padding-top: 1px; } .bus_date li.txt { width: 324px; font-size: 15px; color: #999; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-weight: normal; etter-spacing: -0.375px; } /*롤링배너*/ .dtiN_Banner { width: 1040px; height: auto; overflow: hidden; margin-bottom: 40px; position: relative; } .dtiN_Banner .bx-wrapper { position: relative; overflow: hidden; width: 1040px; margin-bottom: 0px; } .dtiN_Banner .bx-viewport { position: relative; overflow: hidden; width: 1040px; } .dtiN_Banner .main_slide li { position: absolute; height: 155px; width: 1040px; display: block; } .dtiN_Banner .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; text-indent: -9999px; z-index: 9999; } .dtiN_Banner .bx-wrapper .bx-controls-direction { position: absolute; right: 0; top: 60px; width: 1010px; z-index: 100; } .dtiN_Banner .bx-wrapper .bx-controls-direction p { position: relative; } .dtiN_Banner .bx-wrapper .bx-prev { display: block; position: absolute; left: -20px; width: 35px; height: 35px; text-indent: -9999px; background: #fff url(/image/sub_2020/submain/dti/btn_arrL.png) 13px no-repeat; border-radius: 50px; } .dtiN_Banner .bx-wrapper .bx-prev:hover { background: #fff url(/image/sub_2020/submain/dti/btn_arrL_on.png) 13px no-repeat; box-shadow: 2px 2px 6px #e3e3e3; } .dtiN_Banner .bx-wrapper .bx-next { display: block; position: absolute; right: 10px; width: 35px; height: 35px; background-position: -40px 0; text-indent: -9999px; background: #fff url(/image/sub_2020/submain/dti/btn_arrR.png) 15px no-repeat; border-radius: 50px; } .dtiN_Banner .bx-wrapper .bx-next:hover { background: #fff url(/image/sub_2020/submain/dti/btn_arrR_on.png) 15px no-repeat; box-shadow: 2px 2px 6px #e3e3e3; } .dtiN_Banner .bx-pager bx-default-pager { display: none; } /*추천+혜택*/ /*230512 수정*/ .dtiN_content02 { height: auto; overflow: hidden; margin-bottom: 50px; position: relative; } /*혜택*/ .dtiN_par { float: left; width: 396px; height: auto; overflow: hidden; top: 0px; left: 644px; z-index: 2; position: absolute; background-color: #fff; } .dtiN_par_in { float: right; width: 352px; height: auto; overflow: hidden; } .par_con { float: right; width: 352px; height: auto; overflow: hidden; } .par_conBox { float: left; width: 352px; height: 114px; background-color: #f9fafc; margin-bottom: 27px; border-radius: 8px; cursor: pointer; position: relative; } /*230509 수정*/ .par_conBox:hover .par_tit02 { color: #000; } .par_tit02 { float: left; width: 100%; height: auto; overflow: hidden; font-size: 19px; color: #333; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-weight: normal; letter-spacing: -0.375px; line-height: 28px; } /*20230428 수정*/ .par_conBox02 { float: left; width: 352px; height: 114px; background-color: #f9fafc; border-radius: 8px; } /*.par_conBox02:hover{background-color:#f2f5fb; text-decoration:none;}*/ .par_conBox02:hover .par_tit02 { color: #000; } .par_conBox_in { margin: 28px 0 0 28px; width: 100%; height: auto; overflow: hidden; } .par_tltle { float: left; height: auto; overflow: hidden; width: 245px; } .par_tit01 { float: left; width: auto; height: 24px; overflow: hidden; margin-bottom: 5px; } .par_tit01 p { width: auto; height: 24px; border-radius: 30px; text-align: center; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 14px; color: #ffffff; font-weight: 500; font-weight: normal; text-decoration: none; letter-spacing: -0.375px; line-height: 22px; padding: 0 10px; } .par_tit01 .blue { background-color: #85acfa; } .par_tit01 .green { background-color: #6bb6bb; } .par_tit01 .orange { background-color: #fa8d85; } .par_tit01 .red { background-color: #d98595; } .par_tit02 { float: left; width: 100%; height: auto; overflow: hidden; font-size: 19px; color: #333; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-weight: normal; etter-spacing: -0.375px; line-height: 28px; } .par_icon { float: left; width: 51px; height: auto; overflow: hidden; } .par_icon img { vertical-align: middle; padding-top: 5px; } /*재무세무뉴스*/ .dtiN_notice { height: auto; overflow: hidden; margin-bottom: 50px; } .dtiN_not_ban { float: left; width: 300px; height: 250px; border-radius: 8px; overflow: hidden; position: relative; } .dtiN_not_con { float: left; width: 696px; height: 250px; margin-left: 44px; } /*뉴스롤링배너*/ .dtiN_not_ban .bx-wrapper { position: relative; overflow: hidden; width: 300px; margin-bottom: 0px; } .dtiN_not_ban .bx-viewport { position: relative; overflow: hidden; width: 300px; } .dtiN_not_ban .bnr_slide li { position: absolute; height: 250px; width: 300px; display: block; } .dtiN_not_ban .bx-wrapper .bx-prev { display: none; } .dtiN_not_ban .bx-wrapper .bx-next { display: none; } .dtiN_not_ban .bx-wrapper .bx-pager { font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 0; top: 223px; /*left:230px;*/ right: 10px; } /*0524 수정*/ .dtiN_not_ban .bx-wrapper .bx-pager.bx-default-pager a { background: #999; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .dtiN_not_ban .bx-wrapper .bx-pager.bx-default-pager a:hover, .dtiN_not_ban .bx-wrapper .bx-pager.bx-default-pager a.active, .dtiN_not_ban .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #666; } .dtiN_not_ban .bx-wrapper .bx-pager-item, .dtiN_not_ban .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .dtiN_not_ban.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /*//뉴스롤링배너*/ /*뉴스*/ .not_con { float: left; width: 696px; height: auto; overflow: hidden; border-top: 1px solid #e0e0e0; padding-top: 16px; } .not_box { float: left; width: 696; height: auto; overflow: hidden; } .not_box_ul { float: left; width: 696; height: 36px; margin-bottom: 7px; } .not_box_ul li { display: inline; line-height: 37px; float: left; } .not_box_tit { width: 600px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 18px; color: #999999; font-weight: 400; font-weight: normal; letter-spacing: -0.0375em; text-align: left; } .not_box_tit a:link { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 18px; color: #999999; font-weight: 400; font-weight: normal; letter-spacing: -0.0375em; text-align: left; } .not_box_tit a:visited { color: #666666; text-decoration: none; } .not_box_tit a:hover { color: #666666; text-decoration: none; } .not_box_txt { width: 96px; 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: right; } .dtiN_newsletter { width: 1040px; height: auto; overflow: hidden; margin-bottom: 50px; background-color: #eff4fe; } /*컨텐츠*/ .news_content { float: left; width: 950px; height: 190px; overflow: hidden; padding: 40px 45px 0 45px; background: url(/image/sub_2020/submain/dti/bg_newsletter2.png) 805px 70px no-repeat; } /*타이틀*/ .news_con { width: auto; height: auto; overflow: hidden; } .news_con_txt { height: 30px; line-height: 30px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 20px; color: #333333; font-weight: 400; font-weight: normal; letter-spacing: -0.0375em; text-align: left; } .news_con_tit { height: 47px; line-height: 47px; letter-spacing: -0.0375em; text-align: left; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 27px; color: #333333; font-weight: 400; font-weight: normal; margin-bottom: 12px; } .news_con_tit span { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 27px; color: #333333; font-weight: 700; font-weight: bold; } /*구독하기*/ .news_inp { width: 100%; height: auto; overflow: hidden; } .news_inp li { display: inline; float: left; width: auto; height: auto; overflow: hidden; text-align: left; } .news_inp_btn { margin-left: 10px; } .news_input { font-family: 'Noto Sans KR','Noto Sans KR', 'Spoqa Han Sans','sans-serif'; font-size: 17px; color: #999; font-weight: 400; font-weight: normal; width: 460px; height: 42px; padding-left: 15px; background-color: #ffffff; border: none; } .news_btn { width: 98px; height: 42px; line-height: 42px; border-radius: 4px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size: 17px; font-weight: 400; color: #ffffff; letter-spacing: -0.0375em; cursor: pointer; background-color: #7198f2; text-align: center; border: 0; } .news_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .news_btn:hover { background-color: #6590f1; text-decoration: none; } /*동의*/ .news_form_D { text-align: left; width: 100%; height: auto; overflow: hidden; } .news_form_D li { display: inline; float: left; font-family: 'Noto Sans KR','Noto Sans KR R', 'Spoqa Han Sans R','sans-serif'; font-size: 15px; color: #666; font-weight: 400; height: 40px; padding-right: 7px; } .news_form_D li.li_intbtn { padding-top: 7px; } .news_form_D li.li_input { padding-top: 13px; } .news_form_D li.li_txt { line-height: 40px; } .news_formbtn a { float: left; text-align: left; width: 92px; height: 28px; line-height: 26px; border-radius: 4px; background: #fff url(/image/sub_2020/submain/dti/int_btn_pre.png) 86px 8px no-repeat; padding-left: 7px; font-family: 'Noto Sans KR','Noto Sans KR','sans-serif'; font-size: 14px; color: #666; letter-spacing: -0.0375em; border: 1px solid #e7ecf6; cursor: pointer; } .news_formbtn a:link { font-family: 'Noto Sans KR','Noto Sans KR','sans-serif'; font-size: 14px; color: #666; text-decoration: none; } .news_formbtn a:visited { color: #666; text-decoration: none; } .news_formbtn a:hover { color: #444; text-decoration: none; } /*보안문자*/ .news_safety { float: left; width: 100%; height: 148px; } .news_safety .Nsafety_box { width: 950px; margin: 0 45px 0 45px; padding-top: 27px; border-top: 1px solid #DEDFE0; height: auto; overflow: hidden; } .news_safety .Nsafety_box-img { padding-right: 24px; float: left; width: auto; border-right: 1px solid #DEDFE0; } .news_safety .Nsafety_box-img .Nsafety_box-title { display: block; clear: both; padding-bottom: 10px; width: 100%; height: auto; overflow: hidden; } .news_safety .Nsafety_box-img .Nsafety_box-title span { float: left; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-weight: 400; font-weight: normal; font-size: 15px; color: #000; } .news_safety .Nsafety_box-img .Nsafety_box-title span.safe_t_red { padding-top: 3px; padding-left: 5px; color: #cc390d; } .news_safety .Nsafety-img { margin-right: 10px; float: left; width: auto; height: 45px; border: 1px solid #ccc; } .news_safety .Nsafety-img-reload_btn { float: left; text-align: center; width: 50px; height: 45px; border-radius: 4px; background: #fff; border: 1px solid #ccc; cursor: pointer; background: #fff url(/image/sub_2020/submain/dti/icon_safety-txt-reload.png) 10px 9px no-repeat; } .news_safety .Nsafety_box-check { float: left; margin-left: 24px; height: auto; overflow: hidden; } .news_safety .Nsafety_box-check .Nsafety_box-txt { padding-bottom: 10px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-weight: 400; font-weight: normal; font-size: 15px; color: #666; } .news_safety .Nsafety-txt_input { font-family: 'Noto Sans KR','Noto Sans KR', 'Spoqa Han Sans','sans-serif'; font-size: 16px; color: #333; font-weight: 300; border: 0; height: 45px; padding-left: 15px; line-height: 40px; } .news_safety .Nsafety-txt_input::placeholder { color: #666; font-style: normal; opacity: 1; } .news_safety .Nsafety-txt_input::-webkit-input-placeholder { color: #666; font-style: normal; } .news_safety .Nsafety-txt_input:-ms-input-placeholder { color: #666; font-style: normal; } /*//뉴스레터*/ /*추천서비스*/ /* 230512 수정*/ .dtiN_service { width: 1040px; height: auto; overflow: hidden; margin-bottom: 50px; } .dtiN_ser_con { float: left; width: 1040px; height: auto; overflow: hidden; } .serBox_out { float: left; height: auto; overflow: hidden; } .ser_Box { float: left; margin: 0 auto; width: 240px; height: 188px; border: 1px solid #e6e6e8; border-radius: 8px; cursor: pointer; } .ser_Box { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .ser_Box .ser_tit { margin-top: 27px; padding-left: 27px; margin-bottom: 17px; line-height: 30px; height: 30px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size: 20px; font-weight: 700; font-weight: bold; color: #333333; letter-spacing: -0.0375em; } .ser_Box .ser_txt { padding-left: 27px; line-height: 23px; 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; } .ser_Box:hover { border: 1px solid #7198f2; } .ser_Box:hover .ser_tit { color: #ffffff; text-decoration: none; } .ser_Box:hover .ser_txt { color: #bfcff9; text-decoration: none; } .dtiN_ser01 { background: #fff url(/image/sub_2020/submain/dti/icon_banner01.png) 165px 110px no-repeat; } .dtiN_ser01:hover { background: #7198f2 url(/image/sub_2020/submain/dti/icon_banner01.png) 165px 110px no-repeat; } /*20230403 AD 수정*/ .dtiN_ser02 { background: #fff url(/image/sub_2020/submain/dti/icon_banner02.png) 165px 0px no-repeat; } .dtiN_ser02:hover { background: #7198f2 url(/image/sub_2020/submain/dti/icon_banner02.png) 165px 0px no-repeat; } .dtiN_ser03 { background: #fff url(/image/sub_2020/submain/dti/icon_banner03.png) 165px 110px no-repeat; } .dtiN_ser03:hover { background: #7198f2 url(/image/sub_2020/submain/dti/icon_banner03.png) 165px 110px no-repeat; } .dtiN_ser04 { background: #fff url(/image/sub_2020/submain/dti/icon_banner04.png) 165px 110px no-repeat; } .dtiN_ser04:hover { background: #7198f2 url(/image/sub_2020/submain/dti/icon_banner04.png) 165px 110px no-repeat; } /* //전자세금계산서 2023 리뉴얼 */ /* RPA */ .event_blind { visibility: hidden; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; font-size: 0px; line-height: 0; } #RPA_W { width: 1040px; position: relative; margin: 0; } .RPA_vis { width: 1040px; height: 559px; background: url(/image/sub_2020/submain/RPA_vis_ima01N.jpg) no-repeat; position: relative; } .RPA_ser01 { width: 1040px; height: 478px; margin: 50px 0; background: url(/image/sub_2020/submain/RPA_ser_ima01.jpg) no-repeat; position: relative; } .RPA_ser02 { width: 1040px; height: 692px; margin: 50px 0; background: url(/image/sub_2020/submain/RPA_ser_ima02.jpg) no-repeat; position: relative; } .RPA_ser03 { width: 1040px; height: 464px; margin: 50px 0; background: url(/image/sub_2020/submain/RPA_ser_ima03.jpg) no-repeat; position: relative; } .RPA_ser04 { width: 1040px; height: 907px; margin: 50px 0 0; background: url(/image/sub_2020/submain/RPA_ser_ima04.jpg) no-repeat; position: relative; } .RPA_ser_ask { width: 1040px; height: 216px; } /* RM */ #RM { width: 1040px; position: relative; margin: 0; } .RM_vis { width: 1040px; position: relative; height: 477px; background: url(/image/sub_2020/submain/rm_top.png) no-repeat; position: relative; } .RM_vis p.btn { position: absolute; top: 300px; left: 100px; } .RM_ser01 { width: 1040px; height: 657px; margin: 50px 0; background: url(/image/sub_2020/submain/rm_con1.png) no-repeat; position: relative; } .RM_ser02 { width: 1040px; height: 291px; margin: 50px 0; background: url(/image/sub_2020/submain/rm_con2.png) no-repeat; position: relative; } .RM_ser03 { width: 1040px; height: 584px; margin: 50px 0; background: url(/image/sub_2020/submain/rm_con3.png) no-repeat; position: relative; } .RM_ser04 { width: 1040px; height: 767px; margin: 50px 0 0; background: url(/image/sub_2020/submain/rm_con4.png) no-repeat; position: relative; } .RM_ser05 { width: 1040px; height: 378px; margin: 50px 0 0; background: url(/image/sub_2020/submain/rm_con5.png) no-repeat; position: relative; } .RM_ask { width: 1040px; height: 120px; margin: 50px 0 0; } /*리스크관리 버튼 추가*/ .menu_depbtn04N { float: left; text-align: left; width: 150px; border-radius: 40px; background: #0069b4 url(/image/sub_2020/layout/btn_pre.png) 149px 12px no-repeat; padding-left: 18px; letter-spacing: -0.1em; margin-bottom: 5px; } .menu_depbtn04N a { display: block; padding: 5px 0 8px 0; font-family: 'Noto Sans KR','sans-serif'; font-weight: 400; font-size: 18px; color: #ffffff; } .menu_depbtn04N a:link { color: #fff; text-decoration: none; } .menu_depbtn04N a:visited { color: #fff; text-decoration: none; } .menu_depbtn04N a:hover { color: #fff; text-decoration: none; } /* Bigdata */ #bigdata { width: 1040px; } .big_banner li { position: relative; height: 390px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; } .big_banner li.bimg01 { background: url(/image/sub_2020/submain/big_vis1.png) right top no-repeat #f6f6f6; } .big_banner li.bimg02 { background: url(/image/sub_2020/submain/big_vis2.png) left top no-repeat #fff; } .big_banner li.bimg03 { background: url(/image/sub_2020/submain/big_vis3.png) right top no-repeat #f6f6f6; } .big_banner li .banner { padding: 0 0 0 60px; } .big_banner li .banner_r { padding: 0 0 0 520px; } .big_banner li .txt { padding: 75px 0 40px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #000; font-size: 43px; line-height: 1.3em; letter-spacing: -0.05em; } .big_banner li .ct { margin: 0 0 30px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #666; font-size: 16px; line-height: 1.7em; letter-spacing: -0.08em; } .big_banner li .btn_go { display: inline-block; padding: 19px 50px 18px 50px; background: #fff; border: 1px solid #e5e5e5; text-decoration: none; } .big_banner li .btn_go span { padding: 0 15px 0 0; font-size: 17px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #333; background: url(/image/sub_2020/submain/icon_arrow03.png) right 7px no-repeat; } .big_banner li .btn_go:hover span { color: #085cb4; } /* Bigdata-BI */ .ask_btn { float: left; width: 753px; height: 173px; } .bi_top { margin: 0 0 50px 0; width: 753px; height: 360px; background: url(/image/sub_2020/bigdata/bi_top.png) no-repeat; position: relative; } .bi_con01 { margin: 0 0 50px 0; width: 753px; height: 808px; background: url(/image/sub_2020/bigdata/bi_con1.png) no-repeat; position: relative; } .bi_con02 { margin: 0 0 50px 0; width: 753px; height: 619px; background: url(/image/sub_2020/bigdata/bi_con2.png) no-repeat; position: relative; } .bi_con03 { margin: 0 0 50px 0; width: 753px; height: 298px; background: url(/image/sub_2020/bigdata/bi_con3.png) center top no-repeat; position: relative; } /* Bigdata-OPEN */ .open_top { margin: 0 0 50px 0; width: 753px; height: 360px; background: url(/image/sub_2020/bigdata/open_top.png) no-repeat; position: relative; } .open_con01 { margin: 0 0 50px 0; width: 753px; height: 651px; background: url(/image/sub_2020/bigdata/open_con.png) no-repeat; position: relative; } /* Bigdata-SM */ .sm_top { margin: 0 0 50px 0; width: 753px; height: 360px; background: url(/image/sub_2020/bigdata/sm_top.png) no-repeat; position: relative; } .sm_con01 { margin: 0 0 50px 0; width: 753px; height: 272px; background: url(/image/sub_2020/bigdata/sm_con.png) no-repeat; position: relative; } /* BzServie */ #bzservice { width: 1040px; } .bz_banner li { position: relative; height: 365px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; } .bz_banner li.bimg01 { background: url(/image/sub_2020/submain/bz_vis1.png) right top no-repeat #f6f6f6; } .bz_banner li.bimg02 { background: url(/image/sub_2020/submain/bz_vis2.png) left top no-repeat #fff; } .bz_banner li.bimg03 { background: url(/image/sub_2020/submain/bz_vis3.png) right top no-repeat #f6f6f6; } .bz_banner li .banner { padding: 0 0 0 60px; } .bz_banner li .banner_r { padding: 0 0 0 520px; } .bz_banner li .txt { padding: 80px 0 25px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #000; font-size: 40px; line-height: 1.3em; letter-spacing: -0.05em; } .bz_banner li .ct { margin: 0 0 35px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #666; font-size: 18px; line-height: 1.7em; letter-spacing: -0.08em; } .bz_banner li .btn_go { display: inline-block; padding: 10px 50px 10px 20px; border: 1px solid #e5e5e5; text-decoration: none; background: url(/image/sub_2020/submain/icon_arrow03.png) right 20px center no-repeat #fff; } .bz_banner li .btn_go span { font-size: 17px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #333; } .bz_banner li .btn_go:hover span { color: #085cb4; } .bz_banner li .banner a + a, .bz_banner li .banner_r a + a { margin: 0 0 0 10px; } .bz_banner li.bimg03 .txt { padding: 60px 0 25px 0; } .bz_banner li.bimg03 .btn_2 { margin: 0 0 10px 0; } .searchbox.bz { position: relative; margin: 30px 0 0 0; } .search_bdr { border: 1px solid #e5e5e5; width: 610px; } .search_bdr::after { display: block; content: ""; clear: both } /* API */ #api { width: 1040px; } .api_banner li { position: relative; height: 365px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; } .api_banner li.bimg01 { background: url(/image/sub_2020/submain/api_vis1.png) left 60px center no-repeat #fff; } .api_banner li.bimg02 { background: url(/image/sub_2020/submain/api_vis2.png) right 60px center no-repeat #f6f6f6; } .api_banner li.bimg03 { background: url(/image/sub_2020/submain/api_vis3.png) left 60px center no-repeat #fff; } .api_banner li.bimg04 { background: url(/image/sub_2020/submain/api_vis4.png) right 60px center no-repeat #f6f6f6; } .api_banner li .banner { padding: 0 0 0 60px; } .api_banner li .banner_r { padding: 0 0 0 520px; } .api_banner li .txt { padding: 80px 0 25px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #000; font-size: 40px; line-height: 1.3em; letter-spacing: -0.05em; } .api_banner li .ct { margin: 0 0 35px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #666; font-size: 18px; line-height: 1.7em; letter-spacing: -0.08em; } .api_banner li .btn_go { display: inline-block; padding: 10px 50px 10px 20px; border: 1px solid #e5e5e5; text-decoration: none; background: url(/image/sub_2020/submain/icon_arrow03.png) right 20px center no-repeat #fff; } .api_banner li .btn_go span { font-size: 17px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #333; } .api_banner li .btn_go:hover span { color: #085cb4; } /* Smart AD */ #smartad { width: 1040px; } .ad_vis { height: 480px; padding: 0 0 0 60px; background: url(/image/sub_2020/submain/ad_vis.png); } .ad_vis .txt { padding: 90px 0 25px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #fff; font-size: 68px; line-height: 1.3em; letter-spacing: -0.05em; } .ad_vis .txt span { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 68px; color: #a4bcf0; } .ad_vis .ct { margin: 0 0 35px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #fff; font-size: 20px; line-height: 1.7em; letter-spacing: -0.05em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .ad_vis .btn_go { display: inline-block; width: 180px; padding: 11px 0 12px 0; text-decoration: none; background: #fff; border-radius: 13px; text-align: center; } .ad_vis .btn_go span { font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; } .ad_vis .btn_go span.let { letter-spacing: -0.1em; } .ad_vis .btn_go02 { display: inline-block; width: 180px; padding: 11px 0 12px 0; text-decoration: none; background: #285bb8; border-radius: 13px; text-align: center; } .ad_vis .btn_go02 span { font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #fff; } .ad_vis a + a { margin: 0 0 0 10px; } .ad_con { margin: 50px 0; padding: 0 10px; } .ad_con h3 { text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 36px; color: #333; } .ad_con p { margin: 30px 0 0; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 18px; color: #666; } .ad_list { margin: 50px 0 0; } .ad_list li { float: left; width: 280px; padding: 100px 30px 0 30px; text-align: center; color: #333; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } .ad_list::after { display: block; content: ""; clear: both } .ad_list .ad_img01 { background: url(/image/sub_2020/submain/ad_list_icon1.png) center top no-repeat; } .ad_list .ad_img02 { background: url(/image/sub_2020/submain/ad_list_icon2.png) center top no-repeat; } .ad_list .ad_img03 { background: url(/image/sub_2020/submain/ad_list_icon3.png) center top no-repeat; } .ad_slist { margin: 30px 0 0; } .ad_slist li { float: none; width: 98%; padding: 0 0 10px 10px; text-align: left; font-size: 14px; color: #666; font-family: 'Noto Sans KR', sans-serif; background: url(/image/sub_2020/submain/ad_list_bul.gif) left 10px no-repeat; } .ad_bnr { padding: 50px 0; background: #fafafa; text-align: center; } .ad_bnr h3 { text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 30px; color: #333; } .ad_bnr p { margin: 30px 0 40px 0; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 18px; color: #666; } .ad_bnr .btn_go { display: inline-block; width: 180px; padding: 11px 0 12px 0; border: 1px solid #e5e5e5; text-decoration: none; background: #fff; text-align: center; } .ad_bnr .btn_go span { font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #333; } .ad_bnr .btn_go span:hover { color: #085cb4; } .ad_bnr a + a { margin: 0 0 0 10px; } /* 스마트빌 파트너스 */ #smartbz { width: 1040px; } .bz_vis { height: 480px; padding: 0 0 0 60px; background: url(/image/sub_2020/submain/partner_vis.png); } .bz_vis .txt { padding: 90px 0 25px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #fff; font-size: 68px; line-height: 1.3em; letter-spacing: -0.05em; } .bz_vis .txt span { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 68px; color: #a4bcf0; } .bz_vis .ct { margin: 0 0 35px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #fff; font-size: 20px; line-height: 1.7em; letter-spacing: -0.05em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .bz_vis .btn_go { display: inline-block; width: 180px; padding: 11px 0 12px 0; text-decoration: none; background: #fff; border-radius: 13px; text-align: center; } .bz_vis .btn_go span { font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; } .bz_vis a + a { margin: 0 0 0 10px; } .bz_con { margin: 50px 0; padding: 0 10px; text-align: center; } .bz_con h3 { text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 36px; color: #333; letter-spacing: -0.1px; } .bz_con p { margin: 15px 0 30px 0; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 18px; color: #666; } .bz_con .btn_go { display: inline-block; width: 180px; padding: 11px 0 12px 0; border: 1px solid #e5e5e5; text-decoration: none; background: #fff; text-align: center; } .bz_con .btn_go span { font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #333; } .bz_con .btn_go span:hover { color: #085cb4; } .bz_list { margin: 50px 0 0; } .bz_list li { float: left; width: 280px; padding: 0 30px 0 30px; text-align: center; } .bz_list::after { display: block; content: ""; clear: both } .bz_list > li > p { display: block; color: #333; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } .bz_list > li > span { display: inline-block; height: 80px; background: url(/image/sub_2020/submain/partner_list_icon.png) no-repeat; } .bz_list > li > span.img1_1 { width: 90px; text-indent: -10000px; background-position: 0 0; } .bz_list > li > span.img1_2 { width: 90px; text-indent: -10000px; background-position: -90px 0; } .bz_list > li > span.img1_3 { width: 90px; text-indent: -10000px; background-position: -180px 0; } .bz_list > li > span.img2_1 { width: 90px; text-indent: -10000px; background-position: 0 -80px; } .bz_list > li > span.img2_2 { width: 90px; text-indent: -10000px; background-position: -90px -80px; } .bz_list > li > span.img2_3 { width: 90px; text-indent: -10000px; background-position: -180px -80px; } .bz_list > li > span.img3_1 { width: 80px; text-indent: -10000px; background-position: 0 -160px; } .bz_list > li > span.img3_2 { width: 80px; text-indent: -10000px; background-position: -80px -160px; } .bz_list > li > span.img3_3 { width: 80px; text-indent: -10000px; background-position: -160px -160px; } .bz_slist { margin: 0; } .bz_slist li { float: none; width: 100%; padding: 0; font-size: 14px; color: #666; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; } .bz_con.gray { padding: 50px 10px; background: #fafafa; } /* 고객센터 */ #cscenter { width: 1040px; } #cscenter h2 { font-size: 28px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; margin: 0 0 30px 0; letter-spacing: -1px; } .cscall { padding-left: 10px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #065bb4; font-size: 28px; } .faq_wrap { background: #f2f2f2; padding: 50px 0 45px 0; } .faqbox { position: relative; width: 650px; margin: 0 auto; } .faqbox::after { display: block; content: ""; clear: both } /*.faq {float:left;}*/ .faq_btn { float: left; } .faq_btn a { display: block; width: 50px; height: 50px; background: url(/image/sub_2020/submain/icon_glass.png) 10px 50% no-repeat #fff; text-indent: -9999px; } .faq .subject_input { width: 600px; height: 50px; padding: 0 20px 0 20px; border: 1px solid #fff; border-radius: 0; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 50px; letter-spacing: normal; color: #666; background: #fff; } .searchtxt { margin: 20px 0 0 0; text-align: center; } .searchtxt a { display: inline-block; padding: 4px 12px 5px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 14px; background: #c1c1c1; color: #fff; border-radius: 18px; text-decoration: none; } .searchtxt a + a { margin-left: 5px; } .searchtxt a.point { background: #065bb4; } .searchtxt a:link { color: #fff; text-decoration: none; } .searchtxt a:visited { color: #fff; text-decoration: none; } .searchtxt a:hover { color: #fff; text-decoration: none; } .favlink li .picto_cs { display: inline-block; width: 61px; height: 58px; background: url(/image/sub_2020/submain/icon_fav_cs.png); } .favlink li.favm02 .picto_cs { background-position: -61px 0; } .favlink li.favm03 .picto_cs { width: 80px; background-position: -122px 0; } .favlink li.favm04 .picto_cs { width: 58px; background-position: -202px 0; } .favlink li.favm05 .picto_cs { width: 50px; background-position: -260px 0; } .qna { margin: 30px 0; } .qna_tit { position: relative; border-bottom: 1px solid #e5e5e5; margin: 20px 0; } .qna_tit h3 { padding: 0 0 15px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; font-size: 20px; } .qna_tit .allview { position: absolute; display: block; top: 6px; right: 0; } .qna_tit .allview a { padding: 0 10px 0 0; background: url(/image/sub_2020/submain/icon_arrow04.png) right 5px no-repeat; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #999; font-size: 13px; } .qna_list li { position: relative; padding-bottom: 5px; } .qna_list li a { font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #666; font-size: 16px; } .qna_list .no_list { padding: 10px 0 20px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #666; font-size: 14px; text-align: center; } .qna_tit .allview a:hover { text-decoration: none; } .qna_list li img { vertical-align: middle; padding-bottom: 5px; } .qna_list span.date { position: absolute; right: 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #999; font-size: 13px; } .cs_bnr { margin-bottom: 30px; } .cs_bnr::after { display: block; content: ""; clear: both } .cs_bnr .fl_l { float: left; } .cs_bnr .fl_r { float: right; } .cs_btn_n { text-align: center; width: auto; height: 18px; overflow: hidden; line-height: 20px; padding-left: 5px; padding-right: 5px; border-radius: 4px; background-color: #f35520; font-family: 'Dotum','돋움'; font-size: 12px; color: #ffffff; font-weight: bold; letter-spacing: -0.0375em; border: none; cursor: pointer; margin-left: 5px; margin-right: 2px; } /* 마이페이지 */ #sub_my { margin: 0 0 100px; width: 1040px; } #sub_my h2 { font-size: 28px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; margin: 0 0 30px 0; letter-spacing: -1px; } .myad_banner { width: 1040px; margin-bottom: 10px; height: auto; overflow: hidden; } /*20220224 마이페이지 배너 추가*/ /*개인정보*/ .my_ind { height: 262px; width: 1040px; background-color: #e5eeff; margin-bottom: 45px; box-shadow: 3px 3px 12px #c3c4c4; } .my_ind_lef { float: left; height: 262px; width: 446px; background-color: #046fd9; } .my_indlef_per { float: left; width: 182px; height: auto; overflow: hidden; padding-left: 50px; padding-top: 57px; } .my_indlef_per img { } .my_indlef_txt { float: left; padding-top: 45px; width: 182px; height: auto; overflow: hidden; } .my_indlef_txt li.my_indtxt_tit { font-size: 21px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #ffff66; letter-spacing: -1px; line-height: 32px; } .my_indlef_txt li.my_indtxt_txt { font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #ffffff; letter-spacing: -1px; line-height: 28px; } .my_indlef_txt li.my_indtxt_txt a:link { font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #ffffff; text-decoration: none; } .my_indlef_txt li.my_indtxt_txt a:visited { color: #ffffff; text-decoration: none; } .my_indlef_txt li.my_indtxt_txt a:hover { color: #ffffff; text-decoration: underline; } .my_indlef_txt li.my_indtxt_txt2 { font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #ffffff; letter-spacing: -1px; line-height: 28px; margin-bottom: 10px; margin-top: 12px; } #dvTime_mp { font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #ffffff; letter-spacing: -1px; line-height: 28px; margin-bottom: 10px; margin-top: 12px; } .my_indlef_txt li.my_indtxt_txt2 a:link { font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #ffffff; text-decoration: none; } .my_indlef_txt li.my_indtxt_txt2 a:visited { color: #ffffff; text-decoration: none; } .my_indlef_txt li.my_indtxt_txt2 a:hover { color: #ffffff; text-decoration: underline; } .my_indlef_txt li.my_indtxt_btn { margin-top: 7px; } .my_btn { float: left; width: 105px; height: 37px; line-height: 35px; border-radius: 4px; background-color: #178cfe; font-family: 'Noto Sans KR','sans-serif'; font-size: 19px; color: #ffffff; font-weight: 500; letter-spacing: -0.0375em; text-align: center; margin: 0 auto; border: none; cursor: pointer; } .my_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .my_btn:hover { background: #399cfd; color: #ffffff; } .my_ind_rig { float: left; height: 146spx; width: 594px; padding-top: 57px; padding-bottom: 59px; } .myind_div { float: left; width: 196px; height: 146px; border-right: 1px solid #d3ddf3; text-align: center; } .myind_div2 { float: left; width: 196px; height: 146px; text-align: center; } .myind_menu { margin: auto 0; width: 100%; height: auto; overflow: hidden; } .myind_menu dt { height: 99px; margin: auto 0; text-align: center; margin-bottom: 12px; } .myind_menu dd { margin: auto 0; text-align: center; height: 35px; line-height: 35px; font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #222; letter-spacing: -0.0375em; } .myind_menu dd a:link { font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #222; text-decoration: none; } .myind_menu dd a:visited { color: #222; text-decoration: none; } .myind_menu dd a:hover { color: #0c64bf; text-decoration: none; } /*//개인정보*/ /*전자세금계산서 국세청*/ .my_info { width: 1040px; height: auto; overflow: hidden; } .my_info h3 { font-size: 26px; line-height: 26px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; margin-bottom: 14px; } .my_info_box { width: 1040px; height: auto; overflow: hidden; background-color: #f2f2f2; margin-bottom: 40px; } .myinfo_sbox { float: left; width: 950px; height: auto; overflow: hidden; margin-left: 50px; margin-top: 36px; margin-bottom: 24px; } .myinfo_con { float: left; width: 950px; height: auto; overflow: hidden; margin-bottom: 18px; border-bottom: 1px solid #e7e7e7; } .myinfo_con2 { float: left; width: 950px; height: auto; overflow: hidden; } .myinfo_con3 { float: left; width: 950px; height: auto; overflow: hidden; } .myinfoc_lef { float: left; width: 190px; height: 110px; overflow: hidden; font-size: 20px; line-height: 39px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #000; } .myinfoc_lef2 { float: left; width: 190px; height: 52px; overflow: hidden; font-size: 20px; line-height: 39px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #000; } .myinfoc_rig { float: left; width: 757px; height: auto; overflow: hidden; margin-bottom: 11px; } .myinfoc_ul { float: left; width: 230px; margin-right: 70px; } .myinfoc_ul2 { float: left; width: 240px; } .myinfoc_ul3 { float: left; width: 250px; margin-right: 20px; } .myinfoc_li_tit { float: left; display: inline; font-size: 20px; line-height: 39px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #3e4c5e; letter-spacing: -0.0375em; } .myinfoc_li_txt { float: right; display: inline; font-size: 20px; line-height: 39px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #3e4c5e; letter-spacing: -0.0375em; } .myinfoc_or { font-size: 20px; line-height: 39px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #f35520; } .myinfoc_or a:link { font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 39px; color: #f33420; text-decoration: none; } .myinfoc_or a:visited { color: #f35520; text-decoration: none; } .myinfoc_or a:hover { color: #f33420; text-decoration: underline; } .myinfoc_btn { float: right; width: 159px; height: 39px; } .my_btn2 { float: left; text-align: left; width: 159px; height: 39px; line-height: 36px; border-radius: 30px; background: #178cfe url(/image/sub_2020/submain/my_ico_pre.png) 136px 10px no-repeat; font-family: 'Noto Sans KR','sans-serif'; font-size: 19px; color: #ffffff; font-weight: 500; letter-spacing: -0.0375em; text-align: left; padding-left: 18px; border: none; cursor: pointer; } .my_btn2 { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .my_btn2:hover { background: #399cfd url(/image/sub_2020/submain/my_ico_pre.png) 136px 10px no-repeat; color: #ffffff; } /*스마트빌비즈니스 버튼추가 20210419*/ .myinfoc_biz_btn { float: right; width: 200px; height: 39px; } .mybiz_btn2 { float: left; text-align: left; width: 200px; height: 39px; line-height: 36px; border-radius: 30px; background: #178cfe url(/image/sub_2020/submain/my_ico_pre.png) 180px 10px no-repeat; font-family: 'Noto Sans KR','sans-serif'; font-size: 19px; color: #ffffff; font-weight: 500; letter-spacing: -0.0375em; text-align: left; padding-left: 18px; border: none; cursor: pointer; } .mybiz_btn2 { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .mybiz_btn2:hover { background: #399cfd url(/image/sub_2020/submain/my_ico_pre.png) 180px 10px no-repeat; color: #ffffff; } /*//스마트빌비즈니스 버튼추가 20210419*/ /*//전자세금계산서 국세청*/ /*요금정보 클로버 쿠폰현황*/ .my_paycou_box { width: 1040px; height: auto; overflow: hidden; margin-bottom: 40px; } .my_pay_box { float: left; width: 500px; height: 290px; overflow: hidden; margin-bottom: 18px; border: 1px solid #e7e7e7; box-shadow: 3px 3px 10px #c3c4c4; } .my_coupon_box { float: right; width: 500px; height: 290px; overflow: hidden; margin-bottom: 18px; border: 1px solid #e7e7e7; box-shadow: 3px 3px 10px #c3c4c4; margin-right: 5px; } .my_pay_boxin { float: left; width: 400px; height: 220px; overflow: hidden; margin: 35px 50px; } .mypay_tit { width: 100%; height: 43px; overflow: hidden; font-size: 20px; line-height: 35px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #000; } .mypay_con { width: 100%; height: auto; overflow: hidden; } .mypay_Cbox { width: 100%; height: 38px; overflow: hidden; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; } .mypay_ul { float: left; width: auto; height: 38px; } .mypay_btn { float: right; width: 127px; height: 38px; } .my_btn3 { float: right; text-align: center; width: 127px; height: 38px; line-height: 36px; border-radius: 4px; background-color: #178cfe; font-family: 'Noto Sans KR','sans-serif'; font-size: 19px; color: #ffffff; font-weight: 500; letter-spacing: -0.0375em; border: none; cursor: pointer; } .my_btn3 { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .my_btn3:hover { background-color: #399cfd; color: #ffffff; } .mycou_list { width: 100%; border-spacing: 0; } .mycou_list caption { display: none; } .mycou_list th { height: 30px; font-size: 18px; line-height: 30px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #3e4c5e; text-align: right; border-bottom: 1px solid #e7e7e7; } .mycou_list td { height: 32px; line-height: 25px; border-bottom: 1px solid #e7e7e7; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #3e4c5e; text-align: right; } .mycou_list td.left { text-align: left; } .mycou_or { font-size: 18px; line-height: 33px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #f35520; } .mycou_or a:link { font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 33px; color: #f33420; text-decoration: none; } .mycou_or a:visited { color: #f35520; text-decoration: none; } .mycou_or a:hover { color: #f33420; text-decoration: underline; } /*//요금정보 클로버 쿠폰현황*/ /*공지사항*/ .my_notic { width: 1040px; height: auto; overflow: hidden; margin-bottom: 40px; } .my_notic_h3 { } .my_notic_h3 h3 { float: left; font-size: 26px; line-height: 26px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; margin-bottom: 14px; } .my_notic_h3 p { float: right; padding-top: 8px; } .my_notic_con { width: 100%; height: auto; overflow: hidden; } .mynot_table { width: 100%; border-top: #666666 solid 1px; border-spacing: 0; } .mynot_table caption { display: none; } .mynot_table td { height: 60px; line-height: 57px; border-bottom: 1px solid #cccccc; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #666666; } .mynot_table td a:link { color: #666666; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } .mynot_table td a:visited { color: #666666; text-decoration: none; } .mynot_table td a:hover { color: #666666; text-decoration: underline; } .mynot_table td.Nright { text-align: right; } .mynot_table td.Nleft { text-align: left; } /*new버튼*/ .my_btn5 { text-align: center; width: auto; height: 22px; overflow: hidden; line-height: 24px; padding-left: 7px; padding-right: 7px; border-radius: 4px; background-color: #f35520; font-family: 'Dotum','돋움'; font-size: 13px; color: #ffffff; font-weight: bold; letter-spacing: -0.0375em; border: none; cursor: pointer; margin-left: 2px; margin-right: 2px; } .my_btn5 { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .my_btn5:hover { background-color: #f33420; color: #ffffff; } /*//공지사항*/ /*고객지원*/ /*고객센터*/ .my_cs { width: 1040px; height: auto; overflow: hidden; margin-bottom: 40px; } .my_cs h3 { font-size: 26px; line-height: 26px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; margin-bottom: 14px; } .my_cs .mycs_or { font-size: 26px; line-height: 33px; font-family: 'Spoqa Han Sans', sans-serif; font-weight: 700; color: #f35520; } .mycs_box { width: 1038px; height: auto; overflow: hidden; border: 1px solid #e5e5e5; margin-bottom: 30px; } .myfavlink { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; } .myfavlink ul::after { display: block; content: ""; clear: both } .myfavlink li { float: left; width: 20%; padding: 25px 0 23px 0; box-sizing: border-box; border-right: 1px solid #e5e5e5; text-align: center; } .myfavlink li:last-child { border: 0 } .myfavlink li a { display: block; text-decoration: none; } .myfavlink li a:hover .tit { color: #085cb4; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } /*.myfavlink li .picto{display:inline-block;width:70px;height:58px;background:url(/image/sub_2020/submain/my_icon_fav.png);}/*220526수정4*/ .myfavlink li .picto { display: inline-block; width: 70px; height: 58px; background: url(/image/sub_2020/submain/my_icon_fav220526.png); } /*220727수정1*/ .myfavlink li.favm01 .picto { } .myfavlink li.favm02 .picto { background-position: -70px 0; } .myfavlink li.favm03 .picto { background-position: -145px 0; } .myfavlink li.favm04 .picto { background-position: -210px 0; } .myfavlink li.favm05 .picto { width: 80px; background-position: -280px 0; } /*.myfavlink li.favm06 .picto{width:65px;background-position:-365px 0;}/*220526수정5*/ .myfavlink li.favm06 .picto { width: 80px; background-position: -280px 0; } /*220727수정2*/ .myfavlink li .tit { display: block; margin: 15px 0 0 0; font-size: 16px; color: #333; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } .myfavlink li .tit.blue { color: #085cb4; } .mycs_ask { float: left; width: 100%; } .mycs_ask_box { height: auto; overflow: hidden; margin: 20px 32px; } .myask_ul li { display: inline; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 28px; } .myask_li_tit { float: left; color: #178cfe; margin-right: 20px; } .myask_li_txt { float: left; color: #666666; margin-right: 20px; } .myask_li_txt a:link { color: #666666; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } .myask_li_txt a:visited { color: #666666; text-decoration: none; } .myask_li_txt a:hover { color: #666666; text-decoration: underline; } .myask_li_txt2 { float: left; color: #666666; margin-right: 20px; padding-top: 4px; } .myask_li_txt3 { float: right; color: #666666; } .my_btn4 { float: right; text-align: center; width: auto; height: 22px; overflow: hidden; line-height: 24px; padding-left: 7px; padding-right: 7px; border-radius: 4px; background-color: #f35520; font-family: 'Dotum','돋움'; font-size: 13px; color: #ffffff; font-weight: bold; letter-spacing: -0.0375em; border: none; cursor: pointer; } .my_btn4 { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .my_btn4:hover { background-color: #f33420; color: #ffffff; } /*광고영역*/ .my_ad_box { width: 1040px; height: auto; overflow: hidden; } .myad_lef { float: left; width: 506px; height: 201px; } .myad_rig { float: right; width: 506px; height: 201px; } /*//고객지원*/ /* //마이페이지 */ /* 로그인&회원가입 */ /* 로그인 */ .login_page { margin-top: 20px; } .login_area { margin: 0 auto; width: 430px; padding: 60px 0 0 0; } .login_txt { position: relative; display: inline-block; margin: 0 0 10px 0; width: 100%; } .login_txt input { width: 100%; padding: 12px; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #666; border: 1px solid #707070; background: #fff; box-sizing: border-box; } .btn_login_p a { display: block; padding: 10px 0; background: #085cb4; width: 430px; color: #fff; text-align: center; text-decoration: none; } .btn_login_p a span { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 20px; color: #fff; } .btn_login_p a:hover { text-decoration: none } .btn_join_p a { display: block; margin-top: 10px; padding: 10px 0; background: #069f90; width: 430px; color: #fff; text-align: center; text-decoration: none; } .btn_join_p a span { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 20px; color: #fff; } .btn_join_p a:hover { text-decoration: none } .login_srch { position: relative; } .login_save { float: left; } .login_support { margin: 0 0 20px 0; } .login_support:after { content: ''; display: block; clear: both; } .login_save { display: inline-block; position: relative; vertical-align: top; } .login_save input { position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 0; opacity: 0; cursor: pointer; } .login_save label { display: inline-block; position: relative; min-height: 18px; padding-left: 25px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 14px; color: #666; line-height: 18px; cursor: pointer; } .login_save label:before { position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url(/image/sub_2020/mb/check_id.png) 0 0 no-repeat; background: none\9; content: ""; } .login_save input:checked + label:before { background-position: 0 100%; } .login_save input:focus + label:before { outline: 1px dotted #888; outline: auto -webkit-focus-ring-color; } .login_idpw { float: right; font-size: 0; } .login_idpw a { display: inline-block; position: relative; padding: 0 10px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 14px; color: #333; line-height: 18px; } .login_idpw a:last-child { padding-right: 0; } .login_idpw a:first-child:before { display: none; } .login_idpw a:before { position: absolute; top: 4px; left: 0; width: 1px; height: 12px; background: #a0a0a0; content: ""; } .login_ad { margin: 0 auto; width: 430px; padding: 10px 0 0 0; } .ad1 p, .ad1 a { font-size: 0; line-height: 0; } .ad1 p + p { margin-top: 5px; } .login_ad .ad2 { margin-top: 60px; } /* 로그인실패 */ .lf_stit { margin: 0 0 20px 0; font-family: "Noto Sans KR", sans-serif; font-weight: 400; font-size: 20px; color: #333; letter-spacing: -1px; } .lf_txt, .lf_txt span { margin: 0 0 30px 0; font-family: "Noto Sans KR", sans-serif; font-weight: 400; font-size: 16px; color: #666; line-height: 1.4; } .lf_txt .blue { color: #4966b2; } .lf_box { padding: 30px 50px; background: #f9f9f9; } .lf_box a { display: inline-block; padding: 10px 0; background: #fff; border: 1px solid #dddddd; text-align: center; text-decoration: none; width: 150px; } .lf_box a span { padding: 0 12px 0 0; background: url(/image/sub_2020/mb/btn_ar.png) right 0 top 6px no-repeat; font-family: "Noto Sans KR", sans-serif; font-weight: 400; font-size: 14px; color: #474747; } .lf_box a span.blue { color: #4966b2; } .mem_lost_list li { position: relative; padding: 10px 0; margin-bottom: 15px; } .mem_lost_list li:last-child { margin-bottom: 0; } .mem_lost_list p { display: inline; font-family: "Noto Sans KR", sans-serif; font-weight: 300; font-size: 14px; color: #666; padding: 0 0 0 12px; background: url(/image/sub_2020/mb/mb_bul_blue.gif) 0 center no-repeat; } .mem_lost_list li a { position: absolute; top: 0; right: 0; } /* nudgep */ #smartnud { width: 1040px; } .nud_vis { height: 465px; padding: 0 0 0 60px; background: url(/image/sub_2020/submain/nud/nud_vis.jpg) 0 0 no-repeat; text-align: left; } .nud_vis .txt { padding: 90px 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #fff; font-size: 68px; line-height: 1.3em; letter-spacing: -0.05em; text-align: left; } .nud_vis .txt span { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 68px; color: #a4bcf0; } .nud_vis .ct { margin: 0 0 35px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #fff; font-size: 20px; line-height: 1.7em; letter-spacing: -0.05em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); text-align: left; } /*.nud_vis .btn_go{display:inline-block;width:180px;padding:11px 0 12px 0;text-decoration:none;background:#fff;border-radius:13px;text-align:center;} .nud_vis .btn_go span{font-size:20px;font-family:'Noto Sans KR', sans-serif;font-weight:400;color:#000;}*/ .nud_vis a + a { margin: 0 0 0 10px; } .nud_con { margin: 50px 0 80px 0; padding: 0 10px; width: 100%; height: auto; overflow: hidden; } .nud_con h3 { text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 36px; color: #333; width: 100%; height: auto; overflow: hidden; } .nud_con p { width: 100%; height: 48px; margin-bottom: 10px; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 18px; color: #666; background: url(/image/sub_2020/submain/nud/nud_bg.gif) 0 0 no-repeat; } .nud_menu { width: auto; height: 310px; box-shadow: 2px 2px 10px #c3c4c4; margin-bottom: 10px; } .nud_menu_list { float: left; width: auto; height: auto; overflow: hidden; } .nud_menu_listD { float: left; width: auto; height: auto; overflow: hidden; } .nud_ser { margin: 50px 0 80px 0; padding: 0 10px; width: 100%; height: auto; overflow: hidden; } .nud_ser h3 { text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 36px; color: #333; width: 100%; height: auto; overflow: hidden; margin-bottom: 50px; } .nud_serD { width: auto; height: auto; overflow: hidden; } .nud_serD2 { width: auto; height: auto; overflow: hidden; margin-bottom: 20px; } /*넛지 20210604 추가*/ .nud_ser_list { float: left; width: auto; height: auto; overflow: hidden; } .nud_ser_list_r { float: right; width: auto; height: auto; overflow: hidden; } .nud_bnr { margin-bottom: 50px; text-align: center; width: 100%; height: auto; overflow: hidden; } .nud_bnr p { margin-bottom: 50px; text-align: center; width: 100%; height: auto; overflow: hidden; } .nud_bnr .txt { margin: 30px 0 40px 0; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 24px; color: #666; line-height: 30px; letter-spacing: -1px; } .htxt { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 36px; color: #333; } .btxt { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 24px; color: #333; } .nud_ind { width: 100%; height: auto; overflow: hidden; } /* //nudgep */ /* nudgep-etax */ .ask_btn { float: left; width: 753px; height: 173px; } .etax_top { margin: 0 0 50px 0; width: 753px; height: 360px; background: url(/image/sub_2020/nudgep/nud_etax_ima01.gif) no-repeat; position: relative; } .etax_con01 { margin: 0 0 50px 0; width: 753px; height: 737px; background: url(/image/sub_2020/nudgep/nud_etax_ima02.gif) no-repeat; position: relative; } .etax_con02 { margin: 0 0 50px 0; width: 753px; height: 545px; background: url(/image/sub_2020/nudgep/nud_etax_ima03.gif) no-repeat; position: relative; } /* nudgep-eAccounting */ .eAcc_top { margin: 0 0 50px 0; width: 753px; height: 360px; background: url(/image/sub_2020/nudgep/nud_eAcc_ima01.gif) no-repeat; position: relative; } .eAcc_con01 { margin: 0 0 50px 0; width: 753px; height: 737px; background: url(/image/sub_2020/nudgep/nud_eAcc_ima02.gif) no-repeat; position: relative; } .eAcc_con02 { margin: 0 0 50px 0; width: 753px; height: 545px; background: url(/image/sub_2020/nudgep/nud_eAcc_ima03.gif) no-repeat; position: relative; } /* nudgep-Consolidation */ .Con_top { margin: 0 0 50px 0; width: 753px; height: 360px; background: url(/image/sub_2020/nudgep/nud_Con_ima01.gif) no-repeat; position: relative; } .Con_con01 { margin: 0 0 50px 0; width: 753px; height: 737px; background: url(/image/sub_2020/nudgep/nud_Con_ima02.gif) no-repeat; position: relative; } .Con_con02 { margin: 0 0 50px 0; width: 753px; height: 545px; background: url(/image/sub_2020/nudgep/nud_Con_ima03.gif) no-repeat; position: relative; } /* nudgep-FirmBanking */ .Firm_top { margin: 0 0 50px 0; width: 753px; height: 360px; background: url(/image/sub_2020/nudgep/nud_Firm_ima01.gif) no-repeat; position: relative; } .Firm_con01 { margin: 0 0 50px 0; width: 753px; height: 737px; background: url(/image/sub_2020/nudgep/nud_Firm_ima02.gif) no-repeat; position: relative; } .Firm_con02 { margin: 0 0 50px 0; width: 753px; height: 545px; background: url(/image/sub_2020/nudgep/nud_Firm_ima03.gif) no-repeat; position: relative; } /* nudgep-PMS */ .PMS_top { margin: 0 0 50px 0; width: 753px; height: 360px; background: url(/image/sub_2020/nudgep/nud_PMS_ima01.gif) no-repeat; position: relative; } .PMS_con01 { margin: 0 0 50px 0; width: 753px; height: 737px; background: url(/image/sub_2020/nudgep/nud_PMS_ima02.gif) no-repeat; position: relative; } .PMS_con02 { margin: 0 0 50px 0; width: 753px; height: 545px; background: url(/image/sub_2020/nudgep/nud_PMS_ima03.gif) no-repeat; position: relative; } /*원큐브 기프티샵 버튼*/ .btn_gift { float: right; text-align: left; width: auto; padding-right: 10px; height: 28px; line-height: 27px; border-radius: 4px; font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight: 400; font-size: 15px; color: #ffffff; letter-spacing: -0.0375em; border: none; background: #3f77da url(/image/sub_2020/layout/btn_S_gift.png) 10px 4px no-repeat; margin-right: 3px; padding-left: 32px; cursor: pointer; } .btn_gift { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; color: #ffffff; } .btn_gift a { font-family: 'Noto Sans KR','Noto Sans KR M','sans-serif'; font-weight: 400; font-size: 15px; color: #ffffff; } .btn_gift a:link { color: #fff; text-decoration: none; } .btn_gift a:visited { color: #fff; text-decoration: none; } .btn_gift a:hover { color: #ffffff; text-decoration: none; } /*//원큐브 기프티샵 버튼*/ /* SAP ERP 구축 및 운영 */ .ERP_top { margin: 0 0 50px 0; width: 753px; height: 360px; background: url(/image/sub_2020/nudgep/nud_ERP_ima01.gif) no-repeat; position: relative; } .ERP_con01 { margin: 0 0 50px 0; width: 753px; height: 753px; background: url(/image/sub_2020/nudgep/nud_ERP_ima02.gif) no-repeat; position: relative; } /* //SAP ERP 구축 및 운영 */ /* SAP 기반 통합 솔루션 제안 */ .Com_top { margin: 0 0 50px 0; width: 753px; height: 360px; background: url(/image/sub_2020/nudgep/nud_Com_ima01.gif) no-repeat; position: relative; } .Com_con01 { margin: 0 0 50px 0; width: 753px; height: 703px; background: url(/image/sub_2020/nudgep/nud_Com_ima02.gif) no-repeat; position: relative; } .Com_con02 { margin: 0 0 50px 0; width: 753px; height: 781px; background: url(/image/sub_2020/nudgep/nud_Com_ima03.gif) no-repeat; position: relative; } /* //SAP 기반 통합 솔루션 제안 */ /* 파트너스 이용동의 210630 */ #bzpartner { width: 1040px; padding-top: 50px; } .partner_img { margin: 0 auto; width: 574px; height: 333px; background: url(/image/sub_2020/mb/login_partners_210630.jpg); } .partner_btn { margin: 0 auto; padding-top: 80px; width: 574px; text-align: center; } .partner_btn a { display: block; margin: 0 auto; padding: 15px 0; width: 290px; background: #fff; color: #666; border: 1px solid #ccc; } .partner_btn a > span { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 19px; } .partner_btn a + a { margin-top: 15px; } .partner_btn a:hover { text-decoration: none; } .partner_btn a.pbtn_b { background: #4771f6; border: 1px solid #4771f6; } .partner_btn a.pbtn_b span { color: #fff; } /* //파트너스 이용동의 210630 */ /*220316_2022 비대면바우처*/ /*공통*/ html { scroll-behavior: smooth; } #k-voucher { width: 1040px; } .kV_blind { overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; } .textA-center { text-align: center; } .titleMB { margin-bottom: 70px; } #k-voucher { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto; } #k-voucher .title_txt { font-size: 18px; color: #8b8b8b; } /*btn*/ .k-voucher_apply .kV_apply_form li input.kV_apply_btn_m { padding: 0px 4px; width: 110px !important; font-size: 14px; font-weight: 600; color: #333; text-align: center; background: #fff; border: 1px solid #c9c9c9; border-radius: 8px; cursor: pointer; -moz-transition: background 500ms ease-out; -o-transition: background 500ms ease-out; transition: background 500ms ease-out; } .kV_apply_btn_l { padding: 0px 34px; min-width: 30% !important; line-height: 58px; font-size: 20px; font-weight: 600; color: #333; background: #fff; border: 1px solid #c9c9c9; border-radius: 8px; cursor: pointer; -moz-transition: background 500ms ease-out; -o-transition: background 500ms ease-out; transition: background 500ms ease-out; } .k-voucher_apply .kV_apply_form li input.kV_apply_btn_m:hover, .kV_apply_btn_l:hover { background: #f5f5f5; } .k-voucher_apply .kV_apply_form li input.kV_apply_btn_m:focus, .kV_apply_btn_l:focus { background: #ffb4e9; } /*chkbox*/ /* Hide the browser's default checkbox */ .kV_agree_chk input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .kV_agree_chk span { position: absolute; top: 0; left: 10px; height: 20px; width: 20px; border: 1px solid rgba(0,0,0,0.3); border-radius: 2px; } /* On mouse-over, add a grey background color */ .kV_agree_chk:hover input ~ span { background-color: #f5f5f5; } /* When the checkbox is checked, add a blue background */ .kV_agree_chk input:checked ~ span { background-color: #56c065; } /* Create the checkmark/indicator (hidden when not checked) */ .kV_agree_chk span:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .kV_agree_chk input:checked ~ span:after { display: block; } /* Style the checkmark/indicator */ .kV_agree_chk span:after { left: 6px; top: 2px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /*img*/ .k-voucher_top { position: relative; display: block; width: 100%; height: 520px; margin-bottom: 58px; background: url(/image/sub_2020/submain/k-voucher_top.jpg) no-repeat center center; } .k-voucher_price { position: relative; display: block; width: 100%; height: 407px; margin-bottom: 38px; background: url(/image/sub_2020/submain/k-voucher_price.gif) no-repeat center center; } .k-voucher_step { position: relative; display: block; width: 100%; height: 414px; margin-bottom: 108px; background: url(/image/sub_2020/submain/k-voucher_step.gif) no-repeat center center; } .k-voucher_intro { position: relative; display: block; width: 100%; height: 1273px; margin-bottom: 108px; background: url(/image/sub_2020/submain/k-voucher_intro.jpg) no-repeat center center; } .k-voucher_advice { position: relative; margin-bottom: 108px; } .k-voucher_apply { position: relative; margin-bottom: 108px; } .k-voucher_advice ul.kV_advice_ul { margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; } .k-voucher_advice ul.kV_advice_ul li { box-sizing: border-box; display: inline-block; width: 25%; border-right: 1px solid #c9c9c9; } .k-voucher_advice ul.kV_advice_ul li:first-child { border-left: 1px solid #c9c9c9; } .k-voucher_advice ul.kV_advice_ul h1 { margin-bottom: 12px; font-size: 14px; text-align: center; } .k-voucher_advice ul.kV_advice_ul p { margin: 0 auto; width: 72%; font-size: 16px; color: #8b8b8b; word-break: keep-all; text-align: center; } .k-voucher_apply .kV_apply_form { margin: 0; margin-bottom: 40px; padding: 0; display: flex; flex-wrap: wrap; } .k-voucher_apply .kV_apply_form li { box-sizing: border-box; display: inline-flex; flex: 0 0 50%; line-height: 56px; } .k-voucher_apply .kV_apply_form li label { box-sizing: border-box; display: inline-block; padding-left: 20px; width: 30%; line-height: 56px; font-size: 16px; color #333; font-weight: 600; } .k-voucher_apply .kV_apply_form li input { box-sizing: border-box; padding-right: 80px; width: 70%; line-height: 56px; font-size: 16px; border-style: none; border: 0; border-radius: 0; border-bottom: 1px solid #c9c9c9; -webkit-transition: border 500ms ease-out; -moz-transition: border 500ms ease-out; -o-transition: border 500ms ease-out; transition: border 500ms ease-out; } .k-voucher_apply .kV_apply_form li input:focus { outline: none; border-color: #ffb4e9; } .k-voucher_apply .kV_apply_form li .kVAF_inputNbtn-box { width: 70%; display: flex; } .k-voucher_apply .kV_apply_form li .kVAF_inputNbtn-box .kVAF_radioBox { margin-top: 10px; width: 50%; } .k-voucher_apply .kV_apply_form li .kVAF_inputNbtn-box .kVAF_radioBox input { margin-right: 10px; width: auto; } .k-voucher_apply .kV_apply_form li .kVAF_inputNbtn-box .kVAF_radioBox .kVAF_radioLabel { display: inline-block; font-size: 14px; line-height: 1.24em; vertical-align: middle; } .k-voucher_apply .kV_apply_table { margin-bottom: 10px; display: block; width: 100%; } .k-voucher_apply .kV_apply_table ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; border-left: 1px solid #ffb4e9; border-top: 1px solid #ffb4e9; } .k-voucher_apply .kV_apply_table ul li { box-sizing: border-box; width: 25%; border-right: 1px solid #ffb4e9; border-bottom: 1px solid #ffb4e9; } .k-voucher_apply .kV_apply_table ul li.w50 { width: calc(50% - 1px); } .k-voucher_apply .kV_apply_table .kV_apply_table_th { padding: 10px 26px; font-weight: 400; color: #332e2e; border-bottom: #ffb4e9; background-color: #ffd9f4; text-align: center; } .k-voucher_apply .kV_apply_table .kV_apply_table_td { padding: 10px 26px; color: #8b8b8b; word-break: keep-all; text-align: center; } .kV_agree { position: relative; margin-bottom: 40px; padding-left: 40px; width: 100%; line-height: 20px; } /*//220316_2022 비대면바우처*/ /* 220401 클라우드바우처 */ .ev_top { background: url(/image/sub_2020/submain/e-voucher_top.jpg) no-repeat center center; } .e-voucher_price { position: relative; display: block; width: 100%; height: 1129px; margin-bottom: 38px; background: url(/image/sub_2020/submain/e-voucher_price1.gif) no-repeat center center; } .e-voucher_price2 { position: relative; display: block; width: 100%; height: 885px; margin-bottom: 38px; background: url(/image/sub_2020/submain/e-voucher_price2.gif) no-repeat center center; } .e-voucher_price3 { position: relative; display: block; width: 100%; height: 1012px; margin-bottom: 38px; background: url(/image/sub_2020/submain/e-voucher_price3.gif) no-repeat center center; } .ev_step { position: relative; display: block; width: 100%; height: 423px; margin-bottom: 108px; background: url(/image/sub_2020/submain/e-voucher_step.gif) no-repeat center center; } .e-voucher_intro { position: relative; display: block; width: 100%; height: 962px; margin-bottom: 108px; background: url(/image/sub_2020/submain/e-voucher_intro.jpg) no-repeat center center; } .ev_btn { margin-bottom: 78px; } .k-voucher_intro2 { position: relative; display: block; width: 100%; height: 1620px; margin-bottom: 108px; background: url(/image/sub_2020/submain/k-voucher_intro2.jpg) no-repeat center center; } /* //220401 클라우드바우처 */ /* 220405 통합 바우처 */ .voucher_vis { height: 480px; padding: 0 0 0 60px; background: url(/image/sub_2020/submain/voucher/ek-voucher_top.png); margin-bottom: 50px; } .voucher_vis .txt { padding: 60px 0 30px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #fff; font-size: 48px; line-height: 1.2em; letter-spacing: -0.05em; } .voucher_vis .txt span { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 48px; color: #a4bcf0; } .voucher_vis .ct { margin: 0 0 35px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #fff; font-size: 18px; line-height: 1.2em; letter-spacing: -0.05em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .voucher_vis .btn_go { display: inline-block; width: 180px; padding: 11px 0 12px 0; text-decoration: none; background: #fff; border-radius: 13px; text-align: center; } .voucher_vis .btn_go span { font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; } .ek-voucher_top1 { position: relative; display: block; width: 100%; height: 376px; margin-bottom: 48px; background: url(/image/sub_2020/submain/voucher/ek-voucher_con1.png) no-repeat center center; } .ek-voucher_price1 { position: relative; display: block; width: 100%; height: 311px; margin-bottom: 48px; background: url(/image/sub_2020/submain/voucher/ek-voucher_price1.gif) no-repeat center center; } .ek-voucher_top2 { position: relative; display: block; width: 100%; height: 372px; margin-bottom: 48px; background: url(/image/sub_2020/submain/voucher/ek-voucher_con2.png) no-repeat center center; } .ek-voucher_price2 { position: relative; display: block; width: 100%; height: 684px; margin-bottom: 48px; background: url(/image/sub_2020/submain/voucher/ek-voucher_price2.gif) no-repeat center center; } .ek-voucher_price3 { position: relative; display: block; width: 100%; height: 687px; margin-bottom: 48px; background: url(/image/sub_2020/submain/voucher/ek-voucher_price3.gif) no-repeat center center; } .ek-voucher_price4 { position: relative; display: block; width: 100%; height: 1413px; margin-bottom: 48px; background: url(/image/sub_2020/submain/voucher/ek-voucher_price4.gif) no-repeat center center; } /* //220405 통합 바우처 */ /* SHIFTEE */ #SHIFTEE { width: 1040px; } .sft_vis { height: 465px; padding: 0 0 0 60px; background: url(/image/sub_2020/submain/shiftee/sft_vis.jpg) right top no-repeat #294dd2; text-align: left; } .sft_vis .txt { padding: 120px 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #fff; font-size: 58px; line-height: 1em; letter-spacing: -0.05em; text-align: left; } .sft_vis .txt span { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 68px; color: #fff; } .sft_vis .ct { width: 500px; margin: 10px 0 35px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #fff; font-size: 18px; line-height: 1.6em; letter-spacing: -0.05em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); text-align: left; } .sft_con { margin: 50px 0 80px 0; overflow: hidden; } .sft_con.gray { padding: 50px 0; background: #f2f4f7; } .sft_con.blue { padding: 50px 0; background: #074499; } .sft_con h3 { text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 36px; color: #333; width: 100%; height: auto; overflow: hidden; margin-bottom: 50px; } .sft_con h4 { text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 25px; color: #333; width: 100%; height: auto; overflow: hidden; margin-bottom: 50px; } .sft_spec { background: url(/image/sub_2020/submain/shiftee/sft_con_spec.jpg) 0 0 no-repeat; height: 432px; } .sft_function { background: url(/image/sub_2020/submain/shiftee/sft_con_function.jpg) center 0 no-repeat; margin-bottom: 50px; height: 537px; } .sft_function2 { background: url(/image/sub_2020/submain/shiftee/sft_con_function2.jpg) center 0 no-repeat; height: 830px; } .sft_plan_txt { background: url(/image/sub_2020/submain/shiftee/sft_con_plan_txt.jpg) center 0 no-repeat; margin-bottom: 30px; height: 108px; } .sft_plan_img { background: url(/image/sub_2020/submain/shiftee/sft_con_plan_img.jpg) center 0 no-repeat; height: 657px; } .sft_customer { background: url(/image/sub_2020/submain/shiftee/sft_con_customer.jpg) center 0 no-repeat; height: 469px; } .sft_bnr { text-align: center; } .sft_bnr .txt { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 28px; color: #fff; overflow: hidden; margin-bottom: 15px; } .sft_bnr .ct { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 18px; color: #96b0d4; margin-bottom: 30px; } .sft_bnr .btn_go { display: inline-block; width: 200px; padding: 11px 0 12px 0; text-decoration: none; background: #fff; border: 1px solid #074499; border-radius: 4px; text-align: center; } .sft_bnr .btn_go.nc { border: 1px solid #fff; background: #074499; } .sft_bnr .btn_go.nc span { color: #fff; } .sft_bnr .btn_go span { font-size: 17px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #2349b5; letter-spacing: -0.05em; } .sft_bnr a + a { margin: 0 0 0 20px; } /* SHIFTEE EVENT */ #SHIFTEE_EVENT { width: 1040px; } .sft_evt01 { background: url(/image/sub_2020/submain/shiftee/sft_evt01.jpg) 0 0 no-repeat; height: 450px; } .sft_evt02 { background: url(/image/sub_2020/submain/shiftee/sft_evt02.jpg) center 0 no-repeat; height: 213px; } .sft_evt03 { background: url(/image/sub_2020/submain/shiftee/sft_evt03.jpg) center 0 no-repeat; height: 526px; } .sft_evt04 { background: url(/image/sub_2020/submain/shiftee/sft_evt04.jpg) center 0 no-repeat; height: 427px; } .sft_evt05 { background: url(/image/sub_2020/submain/shiftee/sft_evt05.jpg) center 0 no-repeat; height: 440px; } .sft_evt06 { background: url(/image/sub_2020/submain/shiftee/sft_evt06.jpg) center 0 no-repeat; height: 187px; } .sft_evt_btn01 { padding-left: 654px; padding-top: 335px; } .sft_evt_btn02 { text-align: center; padding-top: 36px; } /* //SHIFTEE EVENT */ /*블록체인*/ #blockchain { width: 1040px; } .blockchain_vis { position: relative; width: 1040px; height: 432px; background: url(/image/sub_2020/submain/blockchain01.jpg) no-repeat; } .blockchain_01did { position: relative; width: 1040px; height: 802px; margin: 50px 0; background: url(/image/sub_2020/submain/blockchain02.png) no-repeat; } .blockchain_01nft { position: relative; width: 1040px; height: 615px; margin: 50px 0; background: url(/image/sub_2020/submain/blockchain03.png) no-repeat; } /* 스마트빌 싸인 */ #sub_sbsign { width: 1040px; /*margin-bottom:100px;*/ } .sbsign_top { width: 100%; height: 350px; position: relative; background: url(/image/sub_2020/submain/sbsign_top.png) no-repeat; } .sbsign_top h2 { text-indent: -9999px; } .sbsign_top a { position: absolute; top: 230px; left: 390px; } #sub_sbsign h3 { margin: 40px 0; text-align: center; } #sub_sbsign h3:first-child { margin-top: 0; text-align: center; } #sub_sbsign h3 { text-align: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 36px; color: #333; width: 100%; height: auto; overflow: hidden; margin-bottom: 50px; } .sbsign_con1 { height: 463px; background: url(/image/sub_2020/submain/sbsign_con1.png) no-repeat; } .sbsign_con2 { height: 351px; background: url(/image/sub_2020/submain/sbsign_con2.png) no-repeat; } .sbsign_con3 { height: 550px; background: url(/image/sub_2020/submain/sbsign_con3.png) no-repeat; } .sbsign_con4 { height: 530px; background: url(/image/sub_2020/submain/sbsign_con4.png) no-repeat; } .sbsign_con1 li, .sbsign_con2 li, .sbsign_con3 li, .sbsign_con4 li { text-indent: -9999px; } .sbsign_con4 h3 { margin: 0; display: none; } /*마이페이지 버튼 추가 */ #sub_my .submy_title { width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; margin-top: 30px; } #sub_my .submy_title_h2 { float: left; width: 500px; font-size: 28px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; letter-spacing: -1px; line-height: 26px; } .my_btn_p { float: right; text-align: left; width: 165px; height: 36px; line-height: 36px; border-radius: 4px; background: #e1e1e2 url(/image/sub_2020/submain/icon_arrow03.png) 145px 13px no-repeat; font-family: 'Noto Sans KR','sans-serif'; font-size: 16px; color: #666666; font-weight: 400; text-align: left; padding-left: 16px; border: none; cursor: pointer; margin-top: 3px; } .my_btn_p { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .my_btn_p:hover { background: #d6d6d9 url(/image/sub_2020/submain/icon_arrow03.png) 145px 13px no-repeat; color: #666666; } /*//마이페이지 버튼 추가 */ /* 마진 */ .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } /* 버튼 */ .btn_cen { text-align: center; } .btn_cen a { display: inline-block; } .btn_cen a:hover { text-decoration: none; } .btn_cen a + a { margin: 0 0 0 10px; } a.btn_m { padding: 10px 35px; background: #ccc; font-family: "Noto Sans KR", sans-serif; font-weight: 400; font-size: 15px; color: #666; border-radius: 3px; border: 1px solid #ccc; } a.btn_m.blue { background: #4966b2; color: #fff; border: 1px solid #4966b2; } a.btn_s { vertical-align: middle; display: inline-block; padding: 0 8px; line-height: 30px; background: #ccc; font-family: "Noto Sans KR", sans-serif; font-weight: 400; font-size: 13px; color: #666; } a.btn_s:hover { text-decoration: none; } /* glosign event */ #glosign_event { width: 1040px; } .glosign_evt01 { background: url(/image/sub_2020/submain/glosign/glosign_evt01.jpg) 0 0 no-repeat; height: 234px; } .glosign_evt02 { background: url(/image/sub_2020/submain/glosign/glosign_evt02.jpg) center 0 no-repeat; height: 918px; } .glosign_evt03 { background: url(/image/sub_2020/submain/glosign/glosign_evt03.jpg) center 0 no-repeat; height: 462px; } .glosign_evt04 { background: url(/image/sub_2020/submain/glosign/glosign_evt04.jpg) center 0 no-repeat; height: 506px; } .glosign_evt05 { background: url(/image/sub_2020/submain/glosign/glosign_evt05.jpg) center 0 no-repeat; height: 302px; } .glosign_evt06 { background: url(/image/sub_2020/submain/glosign/glosign_evt06.jpg) center 0 no-repeat; height: 947px; } .glosign_evt07 { background: url(/image/sub_2020/submain/glosign/glosign_evt07.jpg) center 0 no-repeat; height: 474px; } .glosign_btn { text-align: center; padding-top: 100px; padding-bottom: 160px; } /* //glosign event */ /* SBApp */ #SBApp { width: 1040px; } /*20230403 생체인증추가*/ .SBApp_visual01 { background: url(/image/sub_2020/submain/SBApp/SBApp_vis01.png) 0 0 no-repeat; height: 515px; margin-bottom: 80px; } .SBApp_visual02 { background: url(/image/sub_2020/submain/SBApp/SBApp_vis02.png) 0 0 no-repeat; height: 473px; } .SBApp_visual03 { background: url(/image/sub_2020/submain/SBApp/SBApp_vis03.png) 0 0 no-repeat; height: 494px; margin-bottom: 50px; } .SBApp_visual04 { background: url(/image/sub_2020/submain/SBApp/SBApp_vis04.png) 0 0 no-repeat; height: 499px; margin-bottom: 50px; } .SBApp_visual { background: url(/image/sub_2020/submain/SBApp/SBApp_vis.jpg) 0 0 no-repeat; height: 465px; } .SBApp_content01 { background: url(/image/sub_2020/submain/SBApp/SBApp_con01.jpg) 0 0 no-repeat; height: 181px; } .SBApp_content02 { width: 100%; height: auto; overflow: hidden; margin-bottom: 100px; } .SBApp_content0201 { background: url(/image/sub_2020/submain/SBApp/SBApp_con02.jpg) 130px 90px no-repeat; height: 382px; } .SBApp_button { width: 100%; height: auto; overflow: hidden; } .SBApp_btn { width: 672px; height: auto; overflow: hidden; margin: 0 auto; } .SBApp_btn li { display: inline; width: 300px; height: auto; overflow: hidden; float: left; margin: 0 18px; } .SBApp_btn img { cursor: pointer; border: 0; } .SBApp_content03 { width: 100%; height: auto; overflow: hidden; margin-bottom: 100px; } .SBApp_content0301 { background: url(/image/sub_2020/submain/SBApp/SBApp_con0301.jpg) 190px 0 no-repeat; height: 303px; margin-bottom: 48px; } .SBApp_content0302 { background: url(/image/sub_2020/submain/SBApp/SBApp_con0302.jpg) 190px 0 no-repeat; height: 303px; margin-bottom: 48px; } .SBApp_content0303 { background: url(/image/sub_2020/submain/SBApp/SBApp_con0303.jpg) 190px 0 no-repeat; height: 303px; margin-bottom: 48px; } .SBApp_content04 { background: url(/image/sub_2020/submain/SBApp/SBApp_con04.jpg) center 0 no-repeat; height: 400px; margin-bottom: 65px; } .SBApp_banner { width: 100%; height: auto; overflow: hidden; } .SBApp_banner img { cursor: pointer; border: 0; } /* //SBApp */ /* event-221110 */ #event_221110 { width: 1040px; } .event_221110_img1 { position: relative; background: url(/image/sub_2020/event/evt_221110_img1.jpg) 0 0 no-repeat; height: 1173px; } .event_221110_img2 { background: url(/image/sub_2020/event/evt_221110_img2.jpg) center 0 no-repeat; height: 441px; } .event_221110_img3 { background: url(/image/sub_2020/event/evt_221110_img3.jpg) center 0 no-repeat; height: 186px; } .event_221110_btn { position: absolute; left: 165px; bottom: 55px; } /* //event-221110 */ /* 서브페이지 모바일용 팝업 */ .pc_mbpop_bg { z-index: 10; position: absolute; background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .pc_mbpop_wrap { position: relative; width: 100%; height: 100%; } .pc_mbpop { position: absolute; bottom: 0; width: 100%; height: auto; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: #31c7a5; } .pc_mbpop .pc_mbpop_close { position: absolute; top: 20px; right: 20px; } .pc_mbpop .pc_mbpop_con { width: 100%; max-width: 1040px; margin: 0 auto; padding: 5em 0 3em 0; } .pc_mbpop .pc_mbpop_tit { width: 100%; max-width: 851px; margin: 0 auto; padding-bottom: 1em; } .pc_mbpop .pc_mbpop_tit img { width: 100%; max-width: 100%; height: auto; } .pc_mbpop .pc_mbpop_btn { width: 100%; max-width: 523px; margin: 0 auto; padding-bottom: 3em; } .pc_mbpop .pc_mbpop_btn img { width: 100%; max-width: 100%; height: auto; } .pc_mbpop .pc_mbpop_close2 { width: 100%; max-width: 251px; margin: 0 auto; } .pc_mbpop .pc_mbpop_close2 img { width: 100%; max-width: 100%; height: auto; } /* //서브페이지 모바일용 팝업 */ /*서브모바일팝업 추가*/ @media all and (max-width:900px) { .pc_mbpop .pc_mbpop_close { position: absolute; top: 20px; right: 20px; } .pc_mbpop .pc_mbpop_close img { width: 25px; } .pc_mbpop .pc_mbpop_tit { width: 80%; } .pc_mbpop .pc_mbpop_btn { width: 70%; padding-bottom: 1.8em; } .pc_mbpop .pc_mbpop_close2 { width: 30%; } } /* //서브페이지 모바일용 팝업 */ /* 서브페이지 모바일용 팝업 230504 */ .pc_mbpop2 { position: absolute; bottom: 0; width: 100%; height: auto; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: #ffffff; } .pc_mbpop2 .pc_mbpop_close { position: absolute; top: 20px; right: 20px; } .pc_mbpop2 .pc_mbpop_con { width: 100%; max-width: 1040px; margin: 0 auto; padding: 5em 0 5em 0; } .pc_mbpop2 .pc_mbpop_tit { width: 100%; max-width: 800px; margin: 0 auto; padding-bottom: 3em; } .pc_mbpop2 .pc_mbpop_tit img { width: 100%; max-width: 100%; height: auto; } .pc_mbpop2 .pc_mbpop_btn { width: 100%; max-width: 900px; margin: 0 auto; padding-bottom: 4em; } .pc_mbpop2 .pc_mbpop_btn a { display: block; background: #015bd6; text-align: center; border-radius: 1em; padding: 1.25em 1em; height: 6em; line-height: 6em; } .pc_mbpop2 .pc_mbpop_btn a:hover { text-decoration: none; } .pc_mbpop2 .pc_mbpop_btn a span { font-family: "Noto Sans KR", "sans-serif"; font-weight: 500; font-size: 4em; color: #fff; } .pc_mbpop2 .pc_mbpop_close2 { width: 100%; margin: 0 auto; } .pc_mbpop2 .pc_mbpop_close2 a { display: block; text-align: center; text-decoration: none; } .pc_mbpop2 .pc_mbpop_close2 a span { font-family: "Noto Sans KR", "sans-serif"; font-weight: 300; font-size: 2.5em; color: #b4b4b4; } /*서브모바일팝업 추가*/ @media all and (max-width: 900px) { .pc_mbpop2 .pc_mbpop_con { padding: 4em 0 2em 0; } .pc_mbpop2 .pc_mbpop_close { position: absolute; top: 20px; right: 20px; } .pc_mbpop2 .pc_mbpop_close img { width: 25px; } .pc_mbpop2 .pc_mbpop_tit { width: 80%; } .pc_mbpop2 .pc_mbpop_btn { width: 85%; padding-bottom: 1.8em; } .pc_mbpop2 .pc_mbpop_btn a span { font-size: 3.5em; } .pc_mbpop2 .pc_mbpop_close2 a span { font-size: 2em; } } @media all and (max-width: 600px) { .pc_mbpop2 .pc_mbpop_con { padding: 3em 0 2em 0; } .pc_mbpop2 .pc_mbpop_tit { padding-bottom: 1.5em; } .pc_mbpop2 .pc_mbpop_btn a { height: 3em; line-height: 3em; } .pc_mbpop2 .pc_mbpop_btn a span { font-size: 2em; } .pc_mbpop2 .pc_mbpop_close2 a span { font-size: 1.25em; } } /* //서브페이지 모바일용 팝업 230504 */ /* membership*/ #Membership { width: 1040px; } /*.MBship_title{background: url(/image/sub_2020/submain/membership/MBship_tit.jpg) 0 no-repeat; height:76px; margin-bottom:70px;} .MBship_content01{background: url(/image/sub_2020/submain/membership/MBship_con01.jpg) 0 no-repeat; height:110px; margin-bottom:70px;} .MBship_content02{height:auto; overflow:hidden; margin-bottom:55px;} .MBship_content0201 {background: url(/image/sub_2020/submain/membership/MBship_con0201.jpg) 0 no-repeat; height:112px; margin-bottom:26px;} .MBship_content0202 {height:auto; overflow:hidden;} .MBship_ul{height:auto; overflow:hidden;} .MBship_ul li{display:inline; width:520px; height:355px; float:left;} .MBship_ul li img{cursor:pointer; border:0;} .MBship_content03{background: url(/image/sub_2020/submain/membership/MBship_con03.jpg) 0 no-repeat; height:370px; margin-bottom:70px;} .MBship_content04 {background: url(/image/sub_2020/submain/membership/MBship_con04.jpg) 0 no-repeat; height:531px; margin-bottom:70px;} .MBship_content05 {background: url(/image/sub_2020/submain/membership/MBship_con05.jpg) 0 no-repeat; height:185px; margin-bottom:70px;} .event_table{ display:none;}*/ /* //membership*/ /* membership 추가*/ .Mbs_vis { height: 431px; padding: 0 0 0 60px; background: url(/image/sub_2020/submain/membership/mbs_vis.png) 0 0 no-repeat; text-align: left; } .Mbs_vis .txt { padding: 120px 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; color: #fff; font-size: 68px; line-height: 105px; letter-spacing: -0.0375em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); text-align: left; } .Mbs_vis .ct { margin: 0 0 35px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #fff; font-size: 22px; line-height: 35px; letter-spacing: -0.0375em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); text-align: left; } /*타이틀*/ .Mbs_txt_h3 { font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 38px; line-height: 60px; letter-spacing: -0.0375em; color: #333846; text-align: center; margin-bottom: 5px; } .Mbs_txt_h3 span { font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 38px; line-height: 60px; letter-spacing: -0.0375em; color: #4966f1; text-align: center; } .Mbs_ct { font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 20px; line-height: 30px; letter-spacing: -0.0375em; color: #9195a5; text-align: center; } .Mbs_con01 { margin: 60px 0 50px 0; width: 100%; height: auto; overflow: hidden; } .Mbs_con02 { margin-bottom: 40px; width: 100%; height: auto; overflow: hidden; } .Mbs_ban { height: auto; overflow: hidden; } .Mbs_ban01 { float: left; text-align: left; width: 481px; height: 318px; float: left; background: url(/image/sub_2020/submain/membership/mbs_bg01.png) 0 no-repeat; border-radius: 10px; box-shadow: 3px 3px 10px #c1c2c3; margin: 30px 19px; } .Mbs_ban02 { float: right; text-align: left; width: 481px; height: 318px; float: left; background: url(/image/sub_2020/submain/membership/mbs_bg02.png) 0 no-repeat; border-radius: 10px; box-shadow: 3px 3px 10px #c1c2c3; margin: 30px 19px; } .Mbs_ban_ul { float: left; margin: 35px 40px; } .Mbs_ban_txt { font-family: 'Noto Sans KR', sans-serif; line-height: 45px; margin-bottom: 15px; font-size: 24px; color: #666; font-weight: 500; } .Mbs_ban_tit { font-family: 'Noto Sans KR', sans-serif; line-height: 46px; font-weight: 700; font-size: 33px; color: #444; margin-bottom: 30px; } .Mbs_ban_tit span { font-family: 'Noto Sans KR', sans-serif; line-height: 48px; color: #444; font-weight: 700; font-size: 33px; color: #ff6600; } .Mbs_ban_btn { height: auto; overflow: hidden; } .Mbs_ban_btn .Mbs_b_btn { float: left; text-align: left; width: 160px; height: 50px; padding-left: 18px; line-height: 47px; border-radius: 50px; font-size: 22px; color: #666666; font-weight: 500; letter-spacing: -0.0375em; background: #fff url(/image/sub_2020/submain/membership/mbs_arr.png) 138px 18px no-repeat; font-family: 'Noto Sans KR','sans-serif'; border: none; cursor: pointer; } .Mbs_ban_btn .Mbs_b_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .Mbs_ban_btn .Mbs_b_btn:hover { background: #fff url(/image/sub_2020/submain/membership/mbs_arr_ov.png) 138px 18px no-repeat; color: #595858; } .Mbs_con03 { margin-bottom: 50px; width: 100%; height: auto; overflow: hidden; } .Mbs_class_box { width: 1002px; height: auto; overflow: hidden; margin-top: 20px; border-radius: 10px; border: 1px solid #d2d2d2; } .Mbs_box { width: 962px; height: auto; overflow: hidden; margin: 34px 18px 27px 18px; } .Mbs_box .class { float: left; height: auto; overflow: hidden; } .Mbs_con04 { margin-bottom: 50px; width: 100%; height: auto; overflow: hidden; } .Mbs_tab { height: auto; overflow: hidden; } .Mbs_tab01 { float: left; width: 462px; height: 477px; border-radius: 10px; box-shadow: 3px 3px 10px #c1c2c3; margin: 27px 19px; } .Mbs_plus { float: left; width: 40px; height: 477px; margin: 27px 0; } .Mbs_plus img { float: left; margin: 220px 0; } .Mbs_tab02 { float: left; width: 462px; height: 477px; border-radius: 10px; box-shadow: 3px 3px 10px #c1c2c3; margin: 27px 19px; } .Mbs_tab_in { height: auto; overflow: hidden; margin: 50px 30px 30px 30px; } .Mbs_ul { height: 42px; margin-bottom: 20px } .Mbs_ul li { margin-bottom: 30px; text-align: center; font-size: 28px; line-height: 30px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; color: #565e75; letter-spacing: -0.0375em; } .Mbs_ul li img { margin-right: 10px; } .Mbs_ul li span { text-align: center; font-size: 28px; line-height: 30px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; color: #ff6600; letter-spacing: -0.0375em; } .Mbs_list { width: 100%; border-spacing: 0; } .Mbs_list caption { display: none; } .Mbs_list tr { height: 48px; background: url(/image/sub_2020/submain/membership/cp_line_dot.png) 0 45px no-repeat; } .Mbs_list th { height: 48px; line-height: 45px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; color: #333846; } .Mbs_list td { height: 48px; line-height: 45px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #9195a5; } .Mbs_list .left { text-align: center; } .Mbs_list .right { text-align: right; } .Mbs_con05 { margin-bottom: 50px; width: 100%; height: auto; overflow: hidden; } .Mbs_date { height: auto; overflow: hidden; margin-top: 20px; } .Mbs_ban { width: 100%; height: auto; overflow: hidden; } .Mbs_btn_box { height: auto; overflow: hidden; margin-top: 45px; } .Mbs_btn_box ul { margin: 0 auto; height: auto; overflow: hidden; width: 580px; } .Mbs_btn_box li { display: inline; margin: 0 10px; } .Mbs_btn { float: center; text-align: left; width: 266px; height: 60px; line-height: 55px; border-radius: 4px; background-color: #3f6dd5; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum'; font-weight: 500; font-weight: normal; font-size: 22px; color: #ffffff; letter-spacing: -0.0375em; text-align: center; margin: 0 auto; border: none; cursor: pointer; } .Mbs_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .Mbs_btn:hover { background: #395fc4; color: #ffffff; } /* //membership 추가*/ /* coupon */ #Coup_my { margin: 0 0 50px; width: 1040px; } #Coup_my h2 { font-size: 28px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; margin: 0 0 10px 0; letter-spacing: -1px; } .Coup_ind { height: auto; overflow: hidden; width: 1040px; background-color: #e5eeff; margin-bottom: 45px; border-radius: 10px; /*box-shadow: 3px 3px 12px #c3c4c4;*/ } .Coup_ind_con { float: left; height: auto; overflow: hidden; width: 960px; margin: 40px; } .Coup_mem { float: left; height: 80px; width: 80px; background-color: #ffffff; border-radius: 10px; } .Coup_mem p { margin: 20px 15px; width: 48px; height: 40px; } /*coupon 20230113 수정1*/ .Coup_mem p.welcome { background: url(/image/sub_2020/submain/membership/cp_ic_welcome_v.png) no-repeat; } .Coup_mem p.family { background: url(/image/sub_2020/submain/membership/cp_ic_family_v.png) no-repeat; } .Coup_mem p.bronze { background: url(/image/sub_2020/submain/membership/cp_ic_bronze_v.png) no-repeat; } .Coup_mem p.silver { background: url(/image/sub_2020/submain/membership/cp_ic_silver_v.png) no-repeat; } .Coup_mem p.gold { background: url(/image/sub_2020/submain/membership/cp_ic_gold_v.png) no-repeat; } .Coup_mem p.vip { background: url(/image/sub_2020/submain/membership/cp_ic_vip_v.png) no-repeat; } /*//coupon 20230113 수정1*/ .Coup_mem_con { float: left; height: auto; overflow: hidden; width: 636px; padding-left: 34px; } .Coup_mem_con .ultit { width: 636px; height: 48px; } .Coup_mem_con .ultit li { display: inline; float: left; font-size: 29px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #2d3545; letter-spacing: -0.0375em; line-height: 29px; } /*20220103 수정*/ /*coupon 20230113 수정2*/ .Coup_mem_con .ultit li.B { padding: 0 9px; font-size: 31px; font-weight: 700; color: #178cfe; } .Coup_mem_con .ultit li.B span { font-size: 31px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; } .Coup_mem_con .ultit li.B span.welcome { color: #69b5f2; } .Coup_mem_con .ultit li.B span.family { color: #2fbc9f; } .Coup_mem_con .ultit li.B span.bronze { color: #e08b44; } .Coup_mem_con .ultit li.B span.silver { color: #47bbcf; } .Coup_mem_con .ultit li.B span.gold { color: #ea9003; } .Coup_mem_con .ultit li.B span.vip { color: #e16471; } /*//coupon 20230113 수정2*/ .Coup_mem_con .ultxt { width: 636px; height: 35px; line-height: 29px; } .Coup_mem_con .ultxt li { display: inline; float: left; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #9195a5; letter-spacing: -0.0375em; } .Coup_mem_con .ultxt li.line { padding-left: 20px; background: url(/image/sub_2020/submain/membership/cp_line.png) 10px 8px no-repeat; } .Coup_mem_con .ultxt li.line span { font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #9195a5; } /*//20220103 수정*/ .Coup_mem_btn { float: right; width: 208px; height: auto; overflow: hidden; padding: 16px 0; } .Coup_btn { float: left; text-align: left; width: 208px; height: 50px; line-height: 47px; padding-left: 18px; border-radius: 10px; font-size: 20px; color: #626978; font-weight: 500; letter-spacing: -0.0375em; background: #ffffff url(/image/sub_2020/submain/membership/cp_arr.png) 187px 16px no-repeat; font-family: 'Noto Sans KR','sans-serif'; border: none; cursor: pointer; } .Coup_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .Coup_btn:hover { background: #ffffff url(/image/sub_2020/submain/membership/cp_arr_over.png) 187px 15px no-repeat; color: #178cfe; } .Coup_info { width: 1040px; height: auto; overflow: hidden; } .Coup_info h3 { font-size: 26px; line-height: 26px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; margin-bottom: 14px; } .Coup_box { width: 1040px; height: auto; overflow: hidden; background-color: #f2f2f2; margin-bottom: 40px; border-radius: 10px; } .Coup_sbox { float: left; width: 970px; height: auto; overflow: hidden; margin: 30px 30px 40px 35px; } .Coup_con { float: left; width: 970px; height: auto; overflow: hidden; margin-bottom: 18px; border-bottom: 1px solid #e7e7e7; } .Coup_con h4 { font-size: 24px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #333846; margin: 0 0 10px 0; letter-spacing: -0.0375em; } .Coup_con_in { width: 970px; height: auto; overflow: hidden; } .Coup_list { float: left; width: 694px; height: auto; overflow: hidden; margin-bottom: 10px; } .Coup_mem_btn2 { float: right; width: 208px; height: auto; overflow: hidden; padding: 10px 0 20px 0; } /*20230104 수정*/ .Coup_mem_btn2 li { float: left; width: 208px; height: auto; overflow: hidden; padding-bottom: 10px; } /*쿠폰*/ .coup_content { width: 322px; height: 131px; } .coup_content ul { width: 172px; height: auto; overflow: hidden; margin-left: 150px; } .coup_content .tit { width: 172px; height: 20px; line-height: 20px; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #2d3545; text-align: left; } .coup_content .disc { width: 172px; height: 54px; line-height: 50px; font-size: 50px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; color: #2d3545; text-align: left; } .coup_content .date { width: 172px; height: 24px; line-height: 24px; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #9195a5; text-align: left; } .number { width: 347px; height: 30x; } .numb_txt { float: left; width: 220px; height: auto; overflow: hidden; margin-left: 25px; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #ffffff; text-align: left; letter-spacing: -0.0375em; height: 30px; line-height: 26px; } .numb_btn { float: right; width: 102px; height: 30px; overflow: hidden; } /*쿠폰생성 전*/ .welcome_of { float: left; width: 347px; height: 241px; background: url(/image/sub_2020/submain/membership/cp_welcome_of.png) no-repeat; } .welcome_of .welcome { width: 340px; padding-right: 7px; height: 42px; padding-top: 53px; } .welcome_of .welcome p { width: 85px; height: 28px; line-height: 26px; background-color: #b9c0d2; border-radius: 50px; padding-right: 9px; padding-left: 9px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #ffffff; font-size: 15px; margin: 0 auto; text-align: center; } .welcome_of .wel_txt { width: 340px; padding-right: 7px; height: auto; line-height: 28px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #9195a5; text-align: center; } /*//쿠폰생성 전*/ /*시프티 사용전*/ .shiftee_ov { float: left; width: 347px; height: 241px; background: url(/image/sub_2020/submain/membership/cp_shiftee_ov.png) no-repeat; } .shiftee_ov .Dday { width: 322px; height: 28px; padding-right: 25px; padding-top: 20px; } .shiftee_ov .Dday p { float: right; width: auto; height: 28px; line-height: 26px; background-color: #FF9900; border-radius: 10px; padding-right: 9px; padding-left: 9px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #ffffff; font-size: 15px; } .shiftee_ov .number_btn { float: left; text-align: center; width: 76px; height: 30px; line-height: 25px; border-radius: 10px; font-size: 15px; color: #6b95f3; font-weight: 500; letter-spacing: -0.0375em; background: #ffffff; font-family: 'Noto Sans KR','sans-serif'; border: none; cursor: pointer; } .shiftee_ov .number_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .shiftee_ov .number_btn:hover { background: #ffffff; color: #5d8af1; } /*시프티 사용후*/ .shiftee_of { float: left; width: 347px; height: 241px; background: url(/image/sub_2020/submain/membership/cp_shiftee_of.png) no-repeat; } .shiftee_of .Dday { width: 322px; height: 28px; padding-right: 25px; padding-top: 20px; } .shiftee_of .Dday p { float: right; width: auto; height: 28px; line-height: 26px; background-color: #b9c0d2; border-radius: 10px; padding-right: 9px; padding-left: 9px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #ffffff; font-size: 15px; } .shiftee_of .number_btn { float: left; text-align: center; width: 76px; height: 30px; line-height: 25px; border-radius: 10px; font-size: 15px; color: #b9c0d2; font-weight: 500; letter-spacing: -0.0375em; background: #ffffff; font-family: 'Noto Sans KR','sans-serif'; border: none; cursor: pointer; } .shiftee_of .number_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .shiftee_of .number_btn:hover { background: #ffffff; color: #b9c0d2; } /*글로싸인 사용전*/ .glosign_ov { float: left; width: 347px; height: 241px; background: url(/image/sub_2020/submain/membership/cp_glosign_ov.png) no-repeat; } .glosign_ov .Dday { width: 322px; height: 28px; padding-right: 25px; padding-top: 20px; } .glosign_ov .Dday p { float: right; width: auto; height: 28px; line-height: 26px; background-color: #FF9900; border-radius: 10px; padding-right: 9px; padding-left: 9px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #ffffff; font-size: 15px; } .glosign_ov .number_btn { float: left; text-align: center; width: 76px; height: 30px; line-height: 25px; border-radius: 10px; font-size: 15px; color: #44a2fc; font-weight: 500; letter-spacing: -0.0375em; background: #ffffff; font-family: 'Noto Sans KR','sans-serif'; border: none; cursor: pointer; } .glosign_ov .number_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .glosign_ov .number_btn:hover { background: #ffffff; color: #379cfc; } /*글로싸인 사용후*/ .glosign_of { float: left; width: 347px; height: 241px; background: url(/image/sub_2020/submain/membership/cp_glosign_of.png) no-repeat; } .glosign_of .Dday { width: 322px; height: 28px; padding-right: 25px; padding-top: 20px; } .glosign_of .Dday p { float: right; width: auto; height: 28px; line-height: 26px; background-color: #b9c0d2; border-radius: 10px; padding-right: 9px; padding-left: 9px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #ffffff; font-size: 15px; } .glosign_of .number_btn { float: left; text-align: center; width: 76px; height: 30px; line-height: 25px; border-radius: 10px; font-size: 15px; color: #b9c0d2; font-weight: 500; letter-spacing: -0.0375em; background: #ffffff; font-family: 'Noto Sans KR','sans-serif'; border: none; cursor: pointer; } .glosign_of .number_btn { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .glosign_of .number_btn:hover { background: #ffffff; color: #b9c0d2; } /*사용방법*/ .Coupon_txt { float: left; width: 970px; height: auto; overflow: hidden; } .Coupon_txt h5 { font-size: 24px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #333846; margin: 0 0 10px 0; letter-spacing: -0.0375em; } .Coupon_txt01 { float: left; width: 970px; height: auto; overflow: hidden; margin-bottom: 20px; } .Coupon_txt01 li { float: left; width: 100%; font-size: 18px; line-height: 29px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #9195a5; letter-spacing: -0.0375em; text-align: left; } .Coupon_txt02 { float: left; width: 970; height: auto; overflow: hidden; } .Coupon_txt02 li { float: left; width: 100%; font-size: 18px; line-height: 29px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #9195a5; letter-spacing: -0.0375em; } /*등급별 혜택*/ .Coup_class { width: 1040px; height: auto; overflow: hidden; } .Coup_class h3 { font-size: 26px; line-height: 26px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; margin-bottom: 14px; } .Coup_class_box { width: 1038px; height: auto; overflow: hidden; margin-bottom: 40px; border-radius: 10px; border: 1px solid #d2d2d2; } .class_box { width: 1001px; height: auto; overflow: hidden; margin: 34px 18px 27px 18px; } .class_box .class { float: left; height: auto; overflow: hidden; } .class li { font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #9195a5; letter-spacing: -0.0375em; text-align: center; } .class .score { line-height: 28px; margin-bottom: 10px; } .class .Family { font-size: 20px; line-height: 35px; color: #2fbc9f; font-weight: 700; margin-top: 15px; } .class .Family span { font-size: 30px; line-height: 35px; color: #2fbc9f; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; } .class .Bronze { font-size: 20px; line-height: 35px; color: #e08b44; font-weight: 700; margin-top: 15px; } .class .Bronze span { font-size: 30px; line-height: 35px; color: #e08b44; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; } .class .Silver { font-size: 20px; line-height: 35px; color: #47bbcf; font-weight: 700; margin-top: 15px; } .class .Silver span { font-size: 30px; line-height: 35px; color: #47bbcf; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; } .class .Gold { font-size: 20px; line-height: 35px; color: #f39705; font-weight: 700; margin-top: 15px; } .class .Gold span { font-size: 30px; line-height: 35px; color: #f39705; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; } .class .Vip { font-size: 20px; line-height: 35px; color: #e16471; font-weight: 700; margin-top: 15px; } .class .Vip span { font-size: 30px; line-height: 35px; color: #e16471; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; } /* //coupon */ /*마이페이지 멤버십 추가*/ .mymemb_sbox { float: left; width: 950px; height: auto; overflow: hidden; margin-left: 50px; margin-top: 36px; margin-bottom: 24px; } .mymemb_membership { float: left; width: 213px; } /*마이페이지 20230113 수정1*/ .mymemb_membership ul { float: left; width: 138px; height: 138px; margin-top: 5px; margin-left: 12px; } .mymemb_membership ul.welcome { background: url(/image/sub_2020/submain/my_icon_welcome.png) no-repeat; } .mymemb_membership ul.welcome .li_ima { width: 138px; height: 85px; } .mymemb_membership ul.welcome .li_tit { width: 138px; height: 40px; line-height: 38px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; letter-spacing: -0.0375em; text-align: center; color: #69b5f2; } .mymemb_membership ul.family { background: url(/image/sub_2020/submain/my_icon_family.png) no-repeat; } .mymemb_membership ul.family .li_ima { width: 138px; height: 85px; } .mymemb_membership ul.family .li_tit { width: 138px; height: 40px; line-height: 38px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; letter-spacing: -0.0375em; text-align: center; color: #2fbc9f; } .mymemb_membership ul.bronze { background: url(/image/sub_2020/submain/my_icon_bronze.png) no-repeat; } .mymemb_membership ul.bronze .li_ima { width: 138px; height: 85px; } .mymemb_membership ul.bronze .li_tit { width: 138px; height: 40px; line-height: 38px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; letter-spacing: -0.0375em; text-align: center; color: #e08b44; } .mymemb_membership ul.silver { background: url(/image/sub_2020/submain/my_icon_silver.png) no-repeat; } .mymemb_membership ul.silver .li_ima { width: 138px; height: 85px; } .mymemb_membership ul.silver .li_tit { width: 138px; height: 40px; line-height: 38px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; letter-spacing: -0.0375em; text-align: center; color: #47bbcf; } .mymemb_membership ul.gold { background: url(/image/sub_2020/submain/my_icon_gold.png) no-repeat; } .mymemb_membership ul.gold .li_ima { width: 138px; height: 85px; } .mymemb_membership ul.gold .li_tit { width: 138px; height: 40px; line-height: 38px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; letter-spacing: -0.0375em; text-align: center; color: #ea9003; } .mymemb_membership ul.vip { background: url(/image/sub_2020/submain/my_icon_vip.png) no-repeat; } .mymemb_membership ul.vip .li_ima { width: 138px; height: 85px; } .mymemb_membership ul.vip .li_tit { width: 138px; height: 40px; line-height: 38px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; letter-spacing: -0.0375em; text-align: center; color: #e16471; } /*//마이페이지 20230113 수정1*/ .mymemb_content { float: left; width: 578px; height: auto; overflow: hidden; } .memb { width: 100%; height: 34px; margin-bottom: 10px; } .memb li { display: inline; float: left; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; } .memb .tit { font-size: 25px; color: #178cfe; margin-right: 4px; line-height: 34px; } /*마이페이지 20230113 수정2*/ .memb .tit span { font-size: 25px; margin-right: 4px; line-height: 37px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; } .memb .tit span.welcome { color: #69b5f2; } .memb .tit span.family { color: #2fbc9f; } .memb .tit span.bronze { color: #e08b44; } .memb .tit span.silver { color: #47bbcf; } .memb .tit span.gold { color: #ea9003; } .memb .tit span.vip { color: #e16471; } /*//마이페이지 20230113 수정2*/ .memb .txt { font-size: 20px; color: #000000; margin-right: 7px; line-height: 39px; } .memb .icon { padding-top: 12px; } .memb_con { width: 100%; height: 43px; } .memb_con li { display: inline; float: left; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; line-height: 40px; color: #3e4c5e; } .memb_con li.tit { width: 83px; text-align: left; } .memb_con li.score { width: 90px; text-align: right; color: #f35520; } .memb_con li.score span { width: 90px; text-align: right; color: #f35520; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; line-height: 40px; } /*20230109수정*/ .memb_con li.txt { width: auto; text-align: left; padding-left: 5px; } .memb_txt { width: 100%; height: 38px; margin-top: 4px; } .memb_txt li { display: inline; float: left; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 35px; color: #7a7a7a; letter-spacing: -0.0375em; } .memb_txt li.tit { width: 83px; text-align: left; } .memb_txt li.txt { width: auto; text-align: left; padding-left: 5px; } .memb_txt li.txt span { width: auto; text-align: left; padding-left: 5px; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 36px; color: #7a7a7a; } /*20230113수정*/ .mymemb_btn { float: right; width: 159px; height: auto; overflow: hidden; padding-top: 47px; } /*//마이페이지 멤버십 추가*/ /* 폰트-underline */ .ft_udline { text-decoration: underline; } /* loading */ .loadingWrap { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -index: 100; } .loadingBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); } .loadingImg { position: absolute; top: 50%; left: 50%; z-index: 200; } /* 사용가이드 */ .SBApp_guide { position: relative; background: url(/image/sub_2020/submain/SBApp/SBApp_guide.png) center 0 no-repeat; height: 477px; margin-bottom: 65px; } .SBApp_guide ul { position: absolute; bottom: 80px; left: 90px } .SBApp_guide li { float: left; padding-right: 25px; } /* 로그인N 240306 */ #login_new { position: relative; width: 1040px; margin: 0; } .login_ad_top { margin: 0 auto; width: 728px; height: 90px; } .login_ad_botm { margin: 0 auto; width: 970px; height: 90px; position: relative; } /* Slider */ .loginAdR .bnr_slide li { overflow: hidden; width: 264px; height: 424px; } .loginAdR .bnr_slide li img { width: 100%; height: 100%; } .loginWrap { padding: 60px 0 80px 0; margin: 0 auto; } .loginWrap.widthAd { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 746px; } .loginWrap.widthAd .loginAreaL { width: 420px; -webkit-box-flex: 0; -ms-flex: 0 0 420px; flex: 0 0 420px; } .loginAreaL .login_logo { margin: 0 auto; text-align: center; width: 157px; height: 34px; padding-bottom: 43px; } .loginAreaL .login_logo a { display: block; width: 157px; height: 34px; background: url(/image/sub_2020/mb/login_sb_logo.png) no-repeat; background-size: 157px 34px; } .loginAreaL .login_txt { position: relative; display: inline-block; margin: 0 0 10px 0; width: 100%; } .loginAreaL .login_txt.mb13 { margin: 0 0 13px 0; } .loginAreaL .login_txt input { width: 100%; padding: 12px; font-size: 16px; font-family: "Noto Sans KR", sans-serif; font-weight: 400; color: #707070; background: #f0f0f0; border: none; border-radius: 4px; box-sizing: border-box; } .loginAreaL .btn_login_p a { display: block; background: #174eb2; border-radius: 4px; width: 420px; height: 52px; padding: 0; color: #fff; text-align: center; text-decoration: none; } .loginAreaL .btn_login_p a span { font-family: "Noto Sans KR", sans-serif; font-weight: 400; font-size: 18px; line-height: 52px; color: #fff; } .loginAreaL .login_save label { font-weight: 400; font-size: 15px; } .loginAreaL .login_idpw a { color: #000; font-weight: 400; font-size: 16px; } .loginAreaL .login_idpw a.join { color: #174eb2; font-weight: 600; } .loginAreaL .login_support { margin: 40px 0 0 0; } .loginAreaL .login_ad { margin: 0 auto; width: 420px; padding: 13px 0 0 0; } .loginAreaL .login_ad .ad1 p + p { margin-top: 6px; } .loginWrap.widthAd .loginAdR { width: 264px; -webkit-box-flex: 0; -ms-flex: 0 0 264px; flex: 0 0 264px; height: 424px; margin-left: 62px; overflow: hidden; border-radius: 6px; } /* PAGER */ .loginAdR .bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; bottom: 10px; width: 60px; left: 50%; margin-left: -30px; } .loginAdR .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .loginAdR .bx-wrapper .bx-pager.bx-default-pager a:hover, .loginAdR .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } .loginAdR .bx-wrapper .bx-pager-item, .loginAdR .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .loginAdR .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* //로그인N */ /* 20240801 마이페이지 리뉴얼 수정 */ /* font size */ .new-ht { font-family: 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: 500; letter-spacing: -0.2px; color: #222222; } .new-subt { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: 500; letter-spacing: -0.2px; } .new-subt-b { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -0.2px; } .mtext { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.2px; } .mtext-b { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: -0.2px; } .mtext-m { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.2px; } .mtext-s { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.2px; } #new-myp { width: 1040px; margin-top: 20px; font-size: 0; line-height: 1.5; } /* 탑배너 영역 */ .new-myadtop a { cursor: pointer; display: block; height: 100px; } .new-myadtop a img { border-radius: 5px; } /* 좌측 로컬네비게이션 */ .new-mylnb { width: 267px; margin-right: 20px; display: inline-block; vertical-align: top; } /* 프로필,멤버쉽 영역 */ .new-mylnb .new-myprofile { border: 1px solid #d2d2d2; box-sizing: border-box; border-radius: 5px; padding: 30px 24px; } .new-mylnb .new-myprofile .new-myinfo { text-align: center; border-bottom: 1px solid #d2d2d2; overflow: hidden; } .new-mylnb .new-myprofile .new-myinfo h2, .new-mylnb .new-myprofile .new-myinfo span { color: #222222; } .new-mylnb .new-myprofile .new-myinfo .bname { color: #164EB1; } .new-mylnb .new-myprofile .new-myinfo .bnum { margin-bottom: 20px; } .new-mylnb .new-myprofile .new-mymem { display: inline-block; margin-top: 20px; } .new-mylnb .new-myprofile .new-mymem .new-mymem-icon { display: inline-block; } .new-mylnb .new-myprofile .new-mymem .new-mymem-icon a { display: block; margin-right: 8px; width: 60px; height: 60px; background: url(/image/sub_2020/submain/new_my_icon_gold.png) no-repeat center center / cover; cursor: pointer; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt { display: inline-block; line-height: 20px; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt a { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: -0.2px; cursor: pointer; position: relative; display: inline-block; color: #222222; margin-bottom: 10px; text-decoration: none; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt a::after { content: ''; display: inline-block; left: 0; width: 20px; height: 20px; background: url(/image/sub_2020/submain/new_my_icon_arrow.png) no-repeat center; vertical-align: bottom; transition: all 0.3s ease; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt a:hover::after { margin-left: 2px; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt a span.mgold { color: #F39705; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt span.mgold { color: #F39705; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt a span.mwelcome { color: #74BAF3; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt span.mwelcome { color: #74BAF3; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt a span.mfamily { color: #2fbc9f; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt span.mfamily { color: #2fbc9f; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt a span.mbronze { color: #e08b44; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt span.mbronze { color: #e08b44; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt a span.msilver { color: #47bbcf; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt span.msilver { color: #47bbcf; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt a span.mvip { color: #e16471; font-weight: bold; } .new-mylnb .new-myprofile .new-mymem .new-mymem-txt span.mvip { color: #e16471; font-weight: bold; } /* 서브메뉴 영역 */ .new-mylnb .new-mysub1, .new-mylnb .new-mysub2 { border: 1px solid #d2d2d2; box-sizing: border-box; border-radius: 5px; padding: 30px 20px; } .new-mylnb .new-mysub1 ul li, .new-mylnb .new-mysub2 ul li { margin-bottom: 16px; } .new-mylnb .new-mysub1 ul li:last-child, .new-mylnb .new-mysub2 ul li:last-child { margin-bottom: 0; } .new-mylnb .new-mysub1 ul li a, .new-mylnb .new-mysub2 ul li a { position: relative; display: block; text-decoration: none; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.2px; color: #222222; cursor: pointer; } .new-mylnb .new-mysub1 ul li a:hover, .new-mylnb .new-mysub2 ul li a:hover { color: #7EADFF; } .new-mylnb .new-mysub1 ul li a::after, .new-mylnb .new-mysub2 ul li a::after { content: ''; display: inline-block; width: 24px; height: 24px; background: url(/image/sub_2020/submain/new_my_icon_arrow.png) no-repeat center; vertical-align: bottom; transition: all 0.3s ease; } .new-mylnb .new-mysub1 ul li a:hover::after, .new-mylnb .new-mysub2 ul li a:hover::after { margin-left: 4px; background: url(/image/sub_2020/submain/new_my_icon_arrow_hover.png) no-repeat; } .new-mylnb .new-mysub1 { margin: 20px 0; } /* 스마트빌 파트너스 영역 */ .new-mylnb .new-mysmbp a { display: block; background: #164EB1; border-radius: 5px; height: 80px; margin: 20px 0; text-align: center; cursor: pointer; } /* 고객센터 영역 */ .new-mylnb .new-mycs { background: #EFF4FE; border-radius: 5px; padding: 40px 20px; } .new-mylnb .new-mycs .new-mycs-txt { display: inline-block; margin-right: 10px; } .new-mylnb .new-mycs .new-mycs-txt .new-subt-b { color: #222222; } .new-mylnb .new-mycs .new-mycs-txt .new-ht { color: #FF6565; } /* 우측 콘텐츠 영역 */ .new-myconts { width: 753px; display: inline-block; } /* 전자세금계산서 영역 */ .new-myconts .new-myeti { } .new-myconts .new-myeti h1 { padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; } .new-myconts .new-myeti .new-myeti-list { margin: 20px 0 60px 0; display: inline-block; font-size: 0; width: 100%; } .new-myconts .new-myeti .new-myeti-list .new-myeti-price { display: inline-block; width: 50%; } .new-myeti-list .new-myeti-price .price-iconbg { display: inline-block; width: 120px; height: 120px; background: #164EB1; border-radius: 100%; text-align: center; vertical-align: middle; margin-right: 20px; transition: all 1s ease; cursor: pointer; position: relative; } .new-myconts .new-myeti .new-myeti-list .new-myeti-price .price-iconbg:hover { transform: rotateY(360deg); } .new-myconts .new-myeti .new-myeti-list .new-myeti-price .price-iconbg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .new-myconts .new-myeti .new-myeti-list .new-myeti-price .new-myeti-price-txt { display: inline-block; vertical-align: middle; } .new-myconts .new-myeti .new-myeti-list .new-myeti-price .new-myeti-price-txt h2 { color: #164EB1; margin-bottom: 10px; } .new-myconts .new-myeti .new-myeti-list .new-myeti-price .new-myeti-price-txt a { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.2px; cursor: pointer; } .new-myconts .new-myeti .new-myeti-list .new-myeti-price .new-myeti-price-txt a:hover { color: #7EADFF; text-decoration: none; } .new-myconts .new-myeti .new-myeti-list .new-myeti-price .new-myeti-price-txt a::after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/image/sub_2020/submain/new_my_icon_arrow_gray.png) no-repeat center; vertical-align: bottom; transition: all 0.3s ease; } .new-myconts .new-myeti .new-myeti-list .new-myeti-price .new-myeti-price-txt a:hover::after { margin-left: 4px; width: 20px; height: 20px; background: url(/image/sub_2020/submain/new_my_icon_arrow_hover.png) no-repeat center; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs { display: inline-block; width: 50%; vertical-align: middle; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs > ul > li { padding: 10px 0; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs > ul > li:nth-child(1) { padding-top: 0; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs > ul > li:nth-child(2) { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs > ul > li:nth-child(3) { padding-bottom: 0; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs .new-myeti-docslist { display: block; width: 100%; font-size: 0; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs .new-myeti-docslist li { display: inline-block; width: 33.3%; vertical-align: middle; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs .new-myeti-docslist .docs-name { } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs .new-myeti-docslist .docs-count { color: #FF6565; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; left: 20px; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs .new-myeti-docslist .docs-count::after { content: '건'; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.2px; color: #666666; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs .new-myeti-docslist .morebtn { position: relative; right: -66px; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs .new-myeti-docslist .morebtn a { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.2px; cursor: pointer; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs .new-myeti-docslist .morebtn a:hover { color: #7EADFF; text-decoration: none; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs .new-myeti-docslist .morebtn a::after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/image/sub_2020/submain/new_my_icon_arrow_gray.png) no-repeat center; vertical-align: bottom; transition: all 0.3s ease; } .new-myconts .new-myeti .new-myeti-list .new-myeti-docs .new-myeti-docslist .morebtn a:hover::after { margin-left: 4px; width: 20px; height: 20px; background: url(/image/sub_2020/submain/new_my_icon_arrow_hover.png) no-repeat center; } /* 전자계약 영역 */ .new-myconts .new-myec h1 { padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; } .new-myconts .new-myec .new-myec-list { margin: 20px 0 60px 0; display: inline-block; font-size: 0; width: 100%; } .new-myconts .new-myec .new-myec-list .new-myec-price { display: inline-block; width: 50%; } .new-myconts .new-myec .new-myec-list .new-myec-price .price-iconbg { display: inline-block; width: 120px; height: 120px; background: #7EADFF; border-radius: 100%; text-align: center; vertical-align: middle; margin-right: 20px; transition: all 1s ease; cursor: pointer; position: relative; } .new-myconts .new-myec .new-myec-list .new-myec-price .price-iconbg:hover { transform: rotateY(360deg); } .new-myconts .new-myec .new-myec-list .new-myec-price .price-iconbg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .new-myconts .new-myec .new-myec-list .new-myec-price .new-myec-price-txt { display: inline-block; vertical-align: middle; } .new-myconts .new-myec .new-myec-list .new-myec-price .new-myec-price-txt h2 { color: #164EB1; margin-bottom: 10px; } .new-myconts .new-myec .new-myec-list .new-myec-price .new-myec-price-txt a { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.2px; cursor: pointer; } .new-myconts .new-myec .new-myec-list .new-myec-price .new-myec-price-txt a:hover { color: #7EADFF; text-decoration: none; } .new-myconts .new-myec .new-myec-list .new-myec-price .new-myec-price-txt a::after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/image/sub_2020/submain/new_my_icon_arrow_gray.png) no-repeat center; vertical-align: bottom; transition: all 0.3s ease; } .new-myconts .new-myec .new-myec-list .new-myec-price .new-myec-price-txt a:hover::after { margin-left: 4px; width: 20px; height: 20px; background: url(/image/sub_2020/submain/new_my_icon_arrow_hover.png) no-repeat center; } .new-myconts .new-myec .new-myec-list .new-myec-docs { display: inline-block; width: 50%; vertical-align: middle; } .new-myconts .new-myec .new-myec-list .new-myec-docs > ul > li { padding: 10px 0; } .new-myconts .new-myec .new-myec-list .new-myec-docs > ul > li:nth-child(1) { padding-top: 0; } .new-myconts .new-myec .new-myec-list .new-myec-docs > ul > li:nth-child(2) { border-top: 1px solid #d2d2d2; padding-bottom: 0; } .new-myconts .new-myec .new-myec-list .new-myec-docs .new-myec-docslist { display: block; width: 100%; font-size: 0; } .new-myconts .new-myec .new-myec-list .new-myec-docs .new-myec-docslist li { display: inline-block; width: 33.3%; vertical-align: middle; } .new-myconts .new-myec .new-myec-list .new-myec-docs .new-myec-docslist .docs-name { } .new-myconts .new-myec .new-myec-list .new-myec-docs .new-myec-docslist .docs-count { color: #FF6565; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; left: 20px; } .new-myconts .new-myec .new-myec-list .new-myec-docs .new-myec-docslist .docs-count::after { content: '건'; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.2px; color: #666666; } .new-myconts .new-myec .new-myec-list .new-myec-docs .new-myec-docslist .morebtn { position: relative; right: -66px; } .new-myconts .new-myec .new-myec-list .new-myec-docs .new-myec-docslist .morebtn a { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.2px; cursor: pointer; } .new-myconts .new-myec .new-myec-list .new-myec-docs .new-myec-docslist .morebtn a:hover { color: #7EADFF; text-decoration: none; } .new-myconts .new-myec .new-myec-list .new-myec-docs .new-myec-docslist .morebtn a::after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/image/sub_2020/submain/new_my_icon_arrow_gray.png) no-repeat center; vertical-align: bottom; transition: all 0.3s ease; } .new-myconts .new-myec .new-myec-list .new-myec-docs .new-myec-docslist .morebtn a:hover::after { margin-left: 4px; width: 20px; height: 20px; background: url(/image/sub_2020/submain/new_my_icon_arrow_hover.png) no-repeat center; } /* 1:1문의 영역 */ .new-myconts .new-myinq .new-myinq-txtarea { display: inline-block; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; } .new-myconts .new-myinq .new-myinq-txtarea h1 { display: inline-block; } .new-myconts .new-myinq .new-myinq-txtarea a { display: inline-block; text-decoration: none; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.2px; position: relative; left: 605px; transform: translate(0,-25%); cursor: pointer; } .new-myconts .new-myinq .new-myinq-txtarea a::after { content: ''; display: inline-block; width: 24px; height: 24px; background: url(/image/sub_2020/submain/new_my_icon_arrow.png) no-repeat center; vertical-align: bottom; transition: all 0.3s ease; } .new-myconts .new-myinq .new-myinq-txtarea a:hover { color: #7EADFF; } .new-myconts .new-myinq .new-myinq-txtarea a:hover::after { margin-left: 4px; width: 24px; height: 24px; background: url(/image/sub_2020/submain/new_my_icon_arrow_hover.png) no-repeat center; } .new-myconts .new-myinq .new-myinq-list { margin-top: 20px; } .new-myconts .new-myinq .new-myinq-list > ul > li { margin-bottom: 16px; } .new-myconts .new-myinq .new-myinq-list > ul > .myinq-nontext { text-align: center; padding: 40px 0 20px 0; color: #d2d2d2; } .new-myconts .new-myinq .new-myinq-list > ul > li:last-child { margin-bottom: 0; } .new-myconts .new-myinq .new-myinq-list > ul > li > .list-tit { display: inline-block; width: 100%; font-size: 0; } .new-myconts .new-myinq .new-myinq-list > ul > li > .list-tit > li:first-child { width: 85%; display: inline-block; } .new-myconts .new-myinq .new-myinq-list > ul > li > .list-tit > li:last-child { width: 15%; display: inline-block; text-align: right; } .new-myconts .new-myinq .new-myinq-list > ul > li > .list-tit > li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .new-myconts .new-myinq .new-myinq-list > ul > li > .list-tit > li, .new-myconts .new-myinq .new-myinq-list > ul > li > .list-tit > li > a { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.2px; text-decoration: none; } .new-myconts .new-myinq .new-myinq-list > ul > li > .list-tit > li > a { cursor: pointer; } .new-myconts .new-myinq .new-myinq-list > ul > li > .list-tit > li > a:hover { text-decoration: underline; color: #666666; } .new-myconts .new-myinq .new-myinq-list > ul > li > .list-tit > li > a span { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.2px; width: 33px; height: 20px; background: #164EB1; color: #EFF4FE; display: inline-block; text-align: center; border-radius: 12px; line-height: 1.4; margin-left: 4px; } /* 하단 광고배너 영역 */ .new-myconts .new-myads { display: inline-block; width: 100%; font-size: 0; margin-top: 60px; } .new-myconts .new-myads .left-ad, .new-myconts .new-myads .right-ad { width: calc(50% - 10.5px); display: inline-block; height: 150px; border-radius: 5px; } .new-myconts .new-myads .left-ad { margin-right: 10.5px; } .new-myconts .new-myads .right-ad { margin-left: 10.5px; } .new-myconts .new-myads .left-ad a, .new-myconts .new-myads .right-ad a { display: inline-block; cursor: pointer; } .new-myconts .new-myads .left-ad a img, .new-myconts .new-myads .right-ad a img { border-radius: 5px; } /* //20240801 마이페이지 리뉴얼 수정 */ /* 20240814 마이페이지 리뉴얼 수정 */ /* 프로필 영역 */ #new-myp .new-myprofile { font-size: 0; width: 100%; border: 1px solid #d2d2d2; border-radius: 4px; box-sizing: border-box; position: relative; } #new-myp .new-myprofile .new-myprop-left { width: 353px; display: inline-block; padding: 40px; border-right: 1px solid #d2d2d2; box-sizing: border-box; } #new-myp .new-myprofile .new-myprop-left .new-myinfo { margin-bottom: 20px; } #new-myp .new-myprofile .new-myprop-left .new-myinfo h2 { color: #222222; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #new-myp .new-myprofile .new-myprop-left .new-myinfo .bname { color: #164EB1; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt a { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.2px; cursor: pointer; position: relative; display: inline-block; color: #222222; margin-bottom: 10px; text-decoration: none; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt a span.mgold { color: #F39705; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt a span.mvip { color: #e16471; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt a span.msilver { color: #47bbcf; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt a span.mbronze { color: #e08b44; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt a span.mfamily { color: #2fbc9f; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt a span.mwelcome { color: #74BAF3; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt a::after { content: ""; display: inline-block; width: 24px; height: 24px; background: url(/image/sub_2020/submain/new_my_icon_arrow.png) no-repeat center; vertical-align: bottom; transition: all 0.3s ease; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt a:hover::after { margin-left: 4px; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt span.mgold { color: #F39705; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt span.mvip { color: #e16471; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt span.msilver { color: #47bbcf; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt span.mbronze { color: #e08b44; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt span.mfamily { color: #2fbc9f; font-weight: bold; } #new-myp .new-myprofile .new-myprop-left .new-mymem .new-mymem-txt span.mwelcome { color: #74BAF3; font-weight: bold; } #new-myp .new-myprofile .new-myprop-right { width: 685px; display: inline-block; position: absolute; box-sizing: border-box; top: 50%; transform: translate(0, -50%); } #new-myp .new-myprofile .new-myprop-right ul { font-size: 0; } #new-myp .new-myprofile .new-myprop-right ul li { width: 33.3%; display: inline-block; text-align: center; padding: 25px 0; box-sizing: border-box; } #new-myp .new-myprofile .new-myprop-right ul li:nth-of-type(2) { border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; } #new-myp .new-myprofile .new-myprop-right ul li a { display: inline-block; } #new-myp .new-myprofile .new-myprop-right ul li a span { color: #222222; margin-top: 10px; } #new-myp .new-myprofile .new-myprop-right ul li a img { width: 80px; height: 80px; display: block; background-color: #EFF4FE; margin: 0 auto 10px; border-radius: 100%; transition: all 1s ease; } #new-myp .new-myprofile .new-myprop-right ul li a:hover img { transform: rotateY(360deg); } /* 전자세금계산서 영역 */ #new-myp .sbservice { width: 100%; box-sizing: border-box; margin: 40px 0; font-size: 0; } #new-myp .sbservice .new-myeti { width: calc(50% - 10px); display: inline-block; vertical-align: top; margin-right: 20px; } #new-myp .sbservice .new-myeti .new-myeti-txt { display: inline-block; margin-bottom: 10px; font-size: 0; } #new-myp .sbservice .new-myeti .new-myeti-txt h1, #new-myp .sbservice .new-myeti .new-myeti-txt p, #new-myp .sbservice .new-myeti .new-myeti-txt a { display: inline-block; } #new-myp .sbservice .new-myeti .new-myeti-txt a { color: #164EB1; font-weight: 500; font-size: 20px; font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.2px; margin: 0 4px 0 20px; cursor: pointer; } #new-myp .sbservice .new-myeti .new-myeti-docs { box-sizing: border-box; border: 1px solid #d2d2d2; border-radius: 4px; padding: 20px 0; } #new-myp .sbservice .new-myeti .new-myeti-docs ul { font-size: 0; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li { display: inline-block; width: 33.3%; text-align: center; box-sizing: border-box; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li:nth-of-type(2) { position: relative; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li:nth-of-type(2)::after { content: ""; height: 100%; border-left: 1px solid #d2d2d2; position: absolute; left: -8px; top: 0; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li:nth-of-type(2)::before { content: ""; height: 100%; border-right: 1px solid #d2d2d2; position: absolute; right: -8px; top: 0; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li a { display: block; text-decoration: none; cursor: pointer; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li a .docs-name, #new-myp .sbservice .new-myeti .new-myeti-docs ul li a .docs-count { transition: all 0.3s ease; line-height: 150%; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li a:hover .docs-name { background-color: #164EB1; color: #EFF4FE; border: 1px solid #164EB1; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li a:hover .docs-count { text-decoration: underline; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li a span { display: block; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li a .docs-name { display: inline-block; padding: 1px 20px; box-sizing: border-box; border: 1px solid #d2d2d2; border-radius: 50px; margin-bottom: 4px; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li a .docs-count { color: #FF6565; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; padding: 0 25px; } #new-myp .sbservice .new-myeti .new-myeti-docs ul li a .docs-count::after { content: "건"; font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; color: #666666; } /* 전자계약 영역 */ #new-myp .sbservice .new-myec { width: calc(50% - 10px); display: inline-block; vertical-align: top; } #new-myp .sbservice .new-myec .new-myec-txt { display: inline-block; margin-bottom: 10px; font-size: 0; } #new-myp .sbservice .new-myec .new-myec-txt h1, #new-myp .sbservice .new-myec .new-myec-txt p, #new-myp .sbservice .new-myec .new-myec-txt a { display: inline-block; } #new-myp .sbservice .new-myec .new-myec-txt a { color: #164EB1; font-weight: 500; font-size: 20px; font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.2px; margin: 0 4px 0 20px; cursor: pointer; } #new-myp .sbservice .new-myec .new-myec-docs { box-sizing: border-box; border: 1px solid #d2d2d2; border-radius: 4px; padding: 20px 0; } #new-myp .sbservice .new-myec .new-myec-docs ul { font-size: 0; } #new-myp .sbservice .new-myec .new-myec-docs ul li { display: inline-block; width: 50%; text-align: center; } #new-myp .sbservice .new-myec .new-myec-docs ul li:nth-of-type(1) { position: relative; } #new-myp .sbservice .new-myec .new-myec-docs ul li:nth-of-type(1)::before { content: ""; height: 100%; border-right: 1px solid #d2d2d2; position: absolute; right: -8px; top: 0; } #new-myp .sbservice .new-myec .new-myec-docs ul li a { display: block; text-decoration: none; cursor: pointer; transition: all 0.3s ease; } #new-myp .sbservice .new-myec .new-myec-docs ul li a .docs-name, #new-myp .sbservice .new-myec .new-myec-docs ul li a .docs-count { transition: all 0.3s ease; line-height: 150%; } #new-myp .sbservice .new-myec .new-myec-docs ul li a:hover .docs-name { background-color: #164EB1; color: #EFF4FE; border: 1px solid #164EB1; } #new-myp .sbservice .new-myec .new-myec-docs ul li a:hover .docs-count { text-decoration: underline; } #new-myp .sbservice .new-myec .new-myec-docs ul li a span { display: block; } #new-myp .sbservice .new-myec .new-myec-docs ul li a .docs-name { display: inline-block; padding: 1px 20px; box-sizing: border-box; border: 1px solid #d2d2d2; border-radius: 50px; margin-bottom: 4px; } #new-myp .sbservice .new-myec .new-myec-docs ul li a .docs-count { color: #FF6565; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; padding: 0 25px; } #new-myp .sbservice .new-myec .new-myec-docs ul li a .docs-count::after { content: "건"; font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0.2px; color: #666666; } /* 키워드광고 여백부분 추가 */ .keywordAD-bm { margin-bottom: 60px; } /* //20240814 마이페이지 리뉴얼 수정 */ /* 240819 신규검색페이지 */ .schTit { font-family: 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: 500; letter-spacing: -0.2px; color: #222; } /* 검색바 */ #mySearch .my-schBox h1, #mySearch .my-schBox .my-schbar { display: inline-block; } #mySearch .my-schBox h1 { margin-right: 20px; vertical-align: middle; } #mySearch .my-schBox .my-schbar { position: relative; margin-bottom: 40px; width: 520px; height: 50px; box-sizing: border-box; border: 2px solid #164EB1; border-radius: 4px; } #mySearch .my-schBox .my-schbar input { border: none; outline: none; padding-left: 20px; color: #222; font-size: 16px; width: 420px; height: inherit; background: transparent; } #mySearch .my-schBox .my-schbar input::placeholder, #mySearch .my-schBox .my-schbar input::-webkit-input-placeholder { color: #d2d2d2; } #mySearch .my-schBox .my-schbar input:focus::placeholder, #mySearch .my-schBox .my-schbar input:focus::-webkit-input-placeholder { color: transparent; } #mySearch .my-schBox .my-schbar button { all: unset; } #mySearch .my-schBox .my-schbar .schbarIcon { position: absolute; width: 44px; height: 48px; right: 0; cursor: pointer; } #mySearch .my-schBox .my-schbar .schbarIcon::after { content: ""; position: absolute; width: 24px; height: 24px; top: 50%; background: url(/image/sub_2020/search/mysearch_icon_search.png) no-repeat center/cover; transform: translate(0, -50%); } /* 신청하기 배너 */ #mySearch .my-schapply-kword, #mySearch .my-schapply-nservice { height: 100px; border-radius: 4px; margin: 40px 0; } /* 신규서비스 광고 */ #mySearch .my-schserNew h1 { margin-bottom: 20px; } #mySearch .my-schserNew .my-schserBox { width: auto; } #mySearch .my-schserNew .my-schserBox ul { font-size: 0; } #mySearch .my-schserNew .my-schserBox ul li { width: calc(33.3% - 13px); display: inline-block; height: 160px; overflow: hidden; } #mySearch .my-schserNew .my-schserBox ul li:nth-child(3n+2) { margin: 0 20px; } #mySearch .my-schserNew .my-schserBox ul li:nth-child(-n+9) { margin-bottom: 20px; } #mySearch .my-schserNew .my-schserBox ul li a img { border-radius: 4px; transition: all ease 0.3s; } #mySearch .my-schserNew .my-schserBox ul li:hover a img { transform: scale(1.05); opacity: 0.7; } /* //240819 신규검색페이지 */ /* 250225 웰컴백이벤트 페이지 */ .welcomeback-wrap { width: 1040px; } .welcomeback-wrap, .welcomeback-wrap .txt-area p, .welcomeback-wrap .txt-area h2, .welcomeback-wrap .txt-area span, .welcomeback-wrap .benefits p, .welcomeback-wrap .benefits h3, .welcomeback-wrap .benefits span, .welcomeback-wrap .benefits a, .welcomeback-wrap .benefits label, .agree-checkbox, .benefit-area, .benefit-image { font-family: 'Noto Sans KR', sans-serif; } .welcomeback-wrap .txt-area { text-align: center; } .welcomeback-wrap .txt-area p:nth-of-type(1) { font-size: 20px; text-transform: uppercase; font-weight: 700; color: #222; } .welcomeback-wrap .txt-area p:nth-of-type(1) > span { font-size: 14px; color: #fff; padding: 2px 8px; background: #4d81f1; border-radius: 4px; margin-left: 5px; position: relative; top: -2px; } .welcomeback-wrap .txt-area h2 { font-size: 64px; font-weight: 700; color: #222; line-height: 1; margin: 10px 0 30px 0; } .welcomeback-wrap .txt-area p:last-child { font-size: 24px; line-height: 1.5; color: #222; } .welcomeback-wrap .txt-area p:last-child > span { font-size: 24px; line-height: 1.5; color: #222; font-weight: 700; } .welcomeback-wrap .benefits { padding: 0 100px; } .welcomeback-wrap .benefits .benefit1, .welcomeback-wrap .benefits .benefit2 { display: flex; border: 1px solid #d2d2d2; border-radius: 16px; padding: 40px 40px 60px; } .welcomeback-wrap .benefits .benefit1 { margin-top: 40px; justify-content: space-between; } /* .welcomeback-wrap .benefits .benefit1 .benefit-txt {width: 50%;} */ .welcomeback-wrap .benefits .benefit1 .benefit-txt p { font-size: 16px; padding: 4px 10px; border: 1px solid #4d81f1; color: #4d81f1; font-weight: 700; display: inline-block; border-radius: 2px; line-height: 1; margin-bottom: 20px; } .welcomeback-wrap .benefits .benefit1 .benefit-txt h3, .welcomeback-wrap .benefits .benefit1 .benefit-txt h3 > span { font-size: 24px; color: #222; line-height: 1.3; } .welcomeback-wrap .benefits .benefit1 .benefit-txt h3 > span { color: #4d81f1; } .welcomeback-wrap .benefits .benefit1 .benefit-txt .btnwrapper { position: relative; width: 245px; height: 50px; margin-top: 40px; cursor: pointer; } .welcomeback-wrap .benefits .benefit1 .benefit-txt .btnwrapper > span { background: url(../image/sub_2020/welcomeback_EV/icon_arrow_right.png) center / cover no-repeat; width: 28px; height: 28px; position: absolute; top: 10px; left: 110px; transition: all 0.3s ease; } .welcomeback-wrap .benefits .benefit1 .benefit-txt input { border: none; outline: none; font-size: 20px; line-height: 1.5; font-weight: 700; background: #4d81f1; text-decoration: none; text-align: center; padding: 10px 136px 10px 20px; display: inline-block; color: #fff; border-radius: 4px; letter-spacing: -0.4px; position: relative; transition: all 0.3s ease; cursor: pointer; } .welcomeback-wrap .benefits .benefit1 .benefit-txt .btnwrapper:hover input { background: #709DFF; } .welcomeback-wrap .benefits .benefit1 .benefit-txt .btnwrapper:hover span { left: 115px; } .welcomeback-wrap .benefits .benefit1 .benefit-image img { height: 221px; width: fit-content; } .welcomeback-wrap .benefits .benefit2 { flex-direction: column; margin-top: 20px; } .welcomeback-wrap .benefits .benefit2 .benefit-area { display: flex; justify-content: space-between; } /* .welcomeback-wrap .benefits .benefit2 .benefit-area .benefit-txt {width: 50%;} */ .welcomeback-wrap .benefits .benefit2 .benefit-area .benefit-txt p { font-size: 16px; padding: 4px 10px; border: 1px solid #4d81f1; color: #4d81f1; font-weight: 700; display: inline-block; border-radius: 2px; line-height: 1; margin-bottom: 20px; } .welcomeback-wrap .benefits .benefit2 .benefit-area .benefit-txt h3, .welcomeback-wrap .benefits .benefit2 .benefit-area .benefit-txt h3 > span { font-size: 24px; color: #222; line-height: 1.3; } .welcomeback-wrap .benefits .benefit2 .benefit-area .benefit-txt h3 > span { color: #4d81f1; } .welcomeback-wrap .benefits .benefit2 .benefit-area .btnwrapper { position: relative; width: 245px; height: 50px; margin-top: 40px; cursor: pointer; } .welcomeback-wrap .benefits .benefit2 .benefit-area .benefit-txt input { border: none; outline: none; font-size: 20px; line-height: 1.5; font-weight: 700; background: #4d81f1; text-decoration: none; text-align: center; padding: 10px 100px 10px 20px; display: inline-block; color: #fff; border-radius: 4px; letter-spacing: -0.4px; position: relative; transition: all 0.3s ease; cursor: pointer; } .welcomeback-wrap .benefits .benefit2 .benefit-area .benefit-txt .btnwrapper > span { content: ""; background: url(../image/sub_2020/welcomeback_EV/icon_arrow_right.png) center / cover no-repeat; width: 28px; height: 28px; position: absolute; top: 10px; left: 143px; transition: all 0.3s ease; } .welcomeback-wrap .benefits .benefit2 .benefit-area .benefit-txt .btnwrapper:hover input { background: #709DFF; } .welcomeback-wrap .benefits .benefit2 .benefit-area .benefit-txt .btnwrapper:hover span { left: 148px; } .welcomeback-wrap .benefits .benefit2 .benefit-area .benefit-image img { height: 266px; width: fit-content; } .welcomeback-wrap .chkbox-area { display: flex; justify-content: space-between; margin: 80px 0 40px 0; } .welcomeback-wrap .chkbox-area .chk-lists { display: flex; flex-direction: column; width: 65%; } .welcomeback-wrap .chkbox-area .chk-lists .agree1, .welcomeback-wrap .chkbox-area .chk-lists .agree2 { display: flex; } .welcomeback-wrap .chkbox-area .chk-lists .agree-txt { width: 58%; } .welcomeback-wrap .chkbox-area .chk-lists .agree-txt p { font-size: 16px; color: #222; } .welcomeback-wrap .chkbox-area .chk-lists .agree-txt p > a { color: #4d81f1; font-size: 16px; text-decoration: none; } .welcomeback-wrap .chkbox-area .chk-lists .agree-checkbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #d2d2d2; border-radius: 2px; display: inline-block; cursor: pointer; background: #fff; position: relative; } .welcomeback-wrap .chkbox-area .chk-lists .agree-checkbox input[type="checkbox"]::after { content: ""; position: absolute; top: 0px; left: 4px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); display: none; } .welcomeback-wrap .chkbox-area .chk-lists .agree-checkbox input[type="checkbox"]:checked { border-color: #4d81f1; background-color: #4d81f1; } .welcomeback-wrap .chkbox-area .chk-lists .agree-checkbox input[type="checkbox"]:checked::after { display: block; } .welcomeback-wrap .chkbox-area .chk-lists .agree-checkbox input { width: 16px; height: 16px; position: relative; top: -2px; } .welcomeback-wrap .chkbox-area .chk-lists .agree-checkbox label { font-size: 16px; color: #222; } .welcomeback-wrap .chkbox-area .chk-btn input { border: none; outline: none; text-decoration: none; padding: 15px 20px; display: block; background: #4d81f1; color: #fff; font-size: 20px; line-height: 1.5; font-weight: 700; border-radius: 4px; letter-spacing: -0.4px; cursor: pointer; } .welcomeback-wrap .chkbox-area .chk-lists .agree1 { margin-bottom: 10px; } .welcomeback-wrap .caution-area p { font-size: 16px; color: AFAFAF; letter-spacing: -0.6px; line-height: 1.7; } .welcomeback-wrap .caution-area p > a { color: #4d81f1; font-size: 16px; text-decoration: none; } /* //250225 웰컴백이벤트 페이지 */ /* 20260422 SBApp renewal */ #SBAppRenew { position: relative; width: 1040px; margin: 0 auto; padding: 0 0 90px; } #SBAppRenew, #SBAppRenew * { font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; } .renew-shell { position: relative; width: 1040px; margin: 0 auto; } .renew-hero { position: relative; display: flex; gap: 40px; align-items: center; min-height: 620px; padding: 48px; border-radius: 32px; } .renew-hero-copy, .renew-hero-visual { position: relative; z-index: 1; } .renew-hero-copy { width: 50%; color: #fff; } .renew-drop-stack { position: relative; margin-top: 80px; } .drop-tag { position: absolute; display: inline-flex; align-items: center; justify-content: center; padding: 16px 40px; border-radius: 999px; color: #fff; font-size: 32px; font-weight: 500; line-height: 1; letter-spacing: -0.02em; white-space: nowrap; opacity: 0; transform: translateY(-140px) rotate(0deg) scale(0.96); animation: tagDrop 0.9s cubic-bezier(.22,1,.28,1) forwards; box-shadow: 0 14px 24px rgba(0,0,0,.14); font-family: "Luckiest Guy", cursive !important; } .tag-01 { left: 0; top: 18px; background: #072fbe; transform: translateY(-160px) rotate(-8deg) scale(0.96); animation-delay: .05s; } .tag-02 { left: 118px; top: 2px; background: #384151; transform: translateY(-170px) rotate(9deg) scale(0.96); animation-delay: .18s; } .tag-03 { left: 250px; top: 26px; background: #25d0e6; transform: translateY(-180px) rotate(-6deg) scale(0.96); animation-delay: .31s; } .tag-04 { left: 48px; top: 82px; background: #222; transform: translateY(-165px) rotate(11deg) scale(0.96); animation-delay: .44s; } .tag-05 { left: 208px; top: 92px; background: #072fbe; transform: translateY(-175px) rotate(-12deg) scale(0.96); animation-delay: .57s; } .tag-06 { left: 312px; top: 108px; background: #7C90B5; transform: translateY(-185px) rotate(8deg) scale(0.96); animation-delay: .70s; } .tag-07 { left: 4px; top: 128px; background: #25d0e6; transform: translateY(-190px) rotate(-5deg) scale(0.96); animation-delay: .83s; } @keyframes tagDrop { 0% { opacity: 0; } 10% { opacity: 1; } 72% { opacity: 1; transform: translateY(10px) rotate(var(--rot, 0deg)) scale(1); } 100% { opacity: 1; transform: translateY(0) rotate(var(--rot, 0deg)) scale(1); } } .tag-01 { --rot: -8deg; } .tag-02 { --rot: 9deg; } .tag-03 { --rot: -6deg; } .tag-04 { --rot: 11deg; } .tag-05 { --rot: -12deg; } .tag-06 { --rot: 8deg; } .tag-07 { --rot: -5deg; } .renew-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1px solid rgba(0,0,0,0.16); border-radius: 999px; background: #072fbe; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: -0.05em; } .renew-title { margin: 20px 0 16px; font-size: 48px; line-height: 1.3; letter-spacing: -0.05em; word-break: keep-all; position: relative; background: linear-gradient(180deg, #384151 0%, #072fbe 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .renew-hero-visual { width: 430px; } .renew-device-stage { position: relative; width: 430px; height: 500px; margin: 0 auto; } .renew-phone { position: absolute; border-radius: 24px; overflow: hidden; box-shadow: 0 26px 44px rgba(8, 15, 39, 0.28); background: #fff; opacity: 0; transform: translateY(28px) scale(0.94); filter: blur(6px); } .renew-phone.main { outline: 4px solid #384151; border: 2px solid #7C90B5; } .renew-phone img { display: block; width: 100%; } .renew-phone.main { left: 108px; top: 36px; width: 234px; z-index: 3; } .renew-phone.sub { width: 208px; } .renew-phone.sub-1 { left: 16px; top: 88px; z-index: 2; transform: translateY(28px) rotate(-9deg) scale(0.94); } .renew-phone.sub-2 { right: 24px; z-index: 1; top: 160px; transform: translateY(28px) rotate(9deg) scale(0.94); } .renew-phone.is-show { opacity: 1; filter: blur(0); transition: opacity 0.8s ease, transform 1s cubic-bezier(.22,1,.36,1), filter 0.8s ease; } .renew-phone.main.is-show { transform: translateY(0) scale(1); } .renew-phone.sub-1.is-show { transform: translateY(0) rotate(-9deg) scale(1); } .renew-phone.sub-2.is-show { transform: translateY(0) rotate(9deg) scale(1); } .renew-storyboard { position: relative; margin-top: 28px; } .renew-feature { position: relative; display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 28px; padding: 120px 40px; } .renew-feature.is-reverse { flex-direction: row-reverse; } .renew-feature-device { width: 360px; } .renew-feature-label { display: inline-flex; align-items: center; gap: 8px; padding: 4px 16px; border-radius: 999px; background: #e8f1ff; color: #072fbe; font-size: 14px; font-weight: 700; } .renew-feature-title { margin: 16px 0; font-size: 32px; line-height: 1.28; letter-spacing: -0.05em; word-break: keep-all; } .renew-feature-desc { margin: 0; color: #384151; font-size: 16px; line-height: 1.8; word-break: keep-all; } .renew-feature-desc > span { color: #7C90B5; font-size: 14px; margin-top: 8px; } .renew-device-mock { width: 320px; margin: 0 auto; border-radius: 24px; overflow: hidden; box-shadow: 0 24px 40px rgba(15, 23, 42, 0.18); background: #fff; position: relative; } .renew-device-mock img { display: block; width: 100%; } .device-mock1::after { content: ""; width: 288px; height: 42px; position: absolute; background-color: rgba(7, 47, 190, 0.25); border: 2px solid #072fbe; border-radius: 2px; box-shadow: 0 0px 20px rgba(7, 47, 190, 0.5); bottom: 6px; right: 14px; } .device-mock2::after { content: ""; width: 288px; height: 250px; position: absolute; background-color: rgba(7, 47, 190, 0.25); border: 2px solid #072fbe; border-radius: 2px; box-shadow: 0 0px 20px rgba(7, 47, 190, 0.5); bottom: 295px; right: 14px; } .device-mock3::after { content: ""; width: 192px; height: 30px; position: absolute; background-color: rgba(7, 47, 190, 0.25); border: 2px solid #072fbe; border-radius: 2px; box-shadow: 0 0px 20px rgba(7, 47, 190, 0.5); bottom: 380px; right: 14px; } .renew-summary { width: 1040px; margin: 0 auto; padding: 0 0 80px; } .renew-summary-list { overflow: hidden; padding: 40px; background: #f4f5f8; border-radius: 24px; display: flex; } .renew-summary-item { display: flex; flex-direction: column; align-items: center; position: relative; width: 33.3333%; min-height: 150px; box-sizing: border-box; } .renew-summary-item + .renew-summary-item:before { content: ""; position: absolute; left: 0; top: 20px; width: 1px; height: 110px; background: #dfe3ea; } .renew-summary-icon { float: left; width: 96px; height: 96px; border-radius: 24px; } .renew-summary-icon img { display: block; width: 96px; height: auto; } .renew-summary-copy { overflow: hidden; padding-top: 16px; font-size: 20px; line-height: 1.5; text-align: center; } .renew-summary-copy strong { display: block; color: #384151; font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: -0.05em; } .renew-orb { position: absolute; border-radius: 50%; background: radial-gradient(circle, rgba(96,165,250,0.28), transparent 68%); pointer-events: none; animation: pulseSoft 5s ease-in-out infinite; } .renew-orb.orb-1 { width: 160px; height: 160px; top: 20px; right: 22px; } .renew-orb.orb-2 { width: 120px; height: 120px; bottom: 18px; left: 20px; animation-delay: 1s; } .renew-utility { display: grid; grid-template-columns: 1fr; gap: 120px; margin-top: 40px; } .renew-download, .renew-guideboard { position: relative; overflow: hidden; } .renew-guideboard { padding: 48px; border-radius: 24px; background: #fff; box-shadow: 0 0 40px rgba(30, 64, 175, 0.08); } .renew-download h3, .renew-guideboard h3 { margin: 0 0 8px; font-size: 32px; letter-spacing: -0.04em; text-align: center; } .renew-download p, .renew-guideboard p { margin: 0; color: #475569; font-size: 16px; line-height: 1.5; word-break: keep-all; text-align: center; } .renew-download-box { border-radius: 24px; display: flex; justify-content: center; gap: 80px; margin-top: 16px; } .renew-download-info { display: flex; flex-direction: column; text-align: center; margin-top: 8px; line-height: 1.5; } .renew-download-info strong { font-size: 20px; } .renew-download-info > a { position: relative; overflow: hidden; display: inline-block; margin-top: 16px; padding: 12px 24px; background-color: #222; border-radius: 999px; color: #fff; text-decoration: none; transition: transform 0.25s ease; font-size: 16px; } .renew-download-info > a:hover { transform: translateY(-2px); } .renew-download-info > a:link, .renew-download-info > a:visited, .renew-download-info > a:hover { color: #fff; text-decoration: none; } .renew-download-info > a::after { content: ""; position: absolute; top: -40%; left: -120%; width: 50%; height: 180%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 35%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.15) 65%, rgba(255,255,255,0) 100%); transform: rotate(18deg); } .renew-download-info > a:hover::after { animation: shineMove 0.9s ease forwards; } @keyframes shineMove { 0% { left: -120%; } 100% { left: 160%; } } .renew-qr-area img { width: 200px; height: 200px; } .renew-store-links { display: grid; gap: 14px; margin-top: 22px; } .renew-store-links a { display: block; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 24px rgba(15,23,42,0.08); } .renew-guide-links { display: grid; gap: 16px; margin-top: 16px; grid-template-columns: 1fr 1fr 1fr; } .renew-guide-links a { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px; border-radius: 16px; background: linear-gradient(135deg, #f4f5f8, #ffffff); color: #384151; box-shadow: 0 12px 24px rgba(15,23,42,0.06); transition: all 0.3s ease; text-decoration: none; } .renew-guide-links a:hover { transform: translateY(-4px); background-position: 100% 100%; box-shadow: 0 16px 32px rgba(15,23,42,0.10); background: #072fbe; text-decoration: none; } .renew-guide-links a:hover strong, .renew-guide-links a:hover span { color: #fff; } .renew-guide-links a > div img { transition: transform 0.3s ease; } .renew-guide-links a:hover > div img { transform: scale(1.08); } .renew-guide-links .renew-arrow { transition: transform 0.3s ease; } .renew-guide-links a:hover .renew-arrow { transform: translateX(6px); } .renew-guide-links a img { margin-bottom: 8px; } .renew-guide-links strong { display: block; font-size: 16px; letter-spacing: -0.03em; color: #384151; } .renew-guide-links span { display: block; margin-top: 8px; color: #64748b; font-size: 14px; line-height: 1.5; } .renew-arrow { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; position: relative; } .renew-arrow::before { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin: -5px 0 0 -7px; border-top: 2px solid #7C90B5; border-right: 2px solid #7C90B5; transform: rotate(45deg); } .renew-reveal { opacity: 0; transform: translateY(34px); transition: opacity 0.8s ease, transform 0.8s ease; } .renew-reveal.is-visible { opacity: 1; transform: translateY(0); } @keyframes driftY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes pulseSoft { 0%, 100% { transform: scale(1); opacity: 0.48; } 50% { transform: scale(1.12); opacity: 0.74; } } /* //20260422 SBApp renewal */