@charset "utf-8"; /* Sub Common */ .cont_h4 { font-size: 1.125rem; color: #000; line-height: 32px; background: url(/images/icon/icon_check.png) no-repeat; background-position: left 10px; text-indent: 25px; margin-bottom: 15px; } /* WeBusan 인증제(인증제소개) */ .title_blue { font-size: 1.063rem; color: #31409b; font-weight: 600; margin-bottom: 20px; } .check_title { font-size: 1.063rem; color: #000; font-weight: 600; line-height: 32px; background: url(/images/icon/icon_check.png) no-repeat; background-position: left 10px; text-indent: 25px; } .dot_list li { position: relative; font-size: 0.9375rem; color: #666; font-weight: 400; line-height: 26px; padding-left: 15px; } .dot_list > ul > li::before { content: "·"; display: block; position: absolute; left: 0; } .dot_list > ul > li > ul > li { font-size: 0.875rem; line-height: 1.563rem; } .dot_list > ul > li > ul > li::before { content: "-"; display: block; position: absolute; left: 0; } .support.step_list ul { display: flex; flex-wrap: wrap; } .support.step_list ul li { min-height: 360px; } .box33 { display: inline-block; width: calc((100% / 3) - 27px); float: left; } .title_black { font-size: 1.063rem; color: #444444; font-weight: 600; } .cont_img { margin-top: 10px; } .cont_img img { width: 100%; border: 1px solid #d2d2d2; } .simbol .cont_img img { display: block; max-width: 190px; border: none; margin: 0 auto; } .simbol { text-align: center; } .box50 { display: inline-block; width: calc((100% / 2) - 20px); float: left; margin-bottom: 30px; } .case_list > ul { overflow: hidden; } .case_list > ul > li { display: inline-block; width: calc((100% / 5) - 10px); float: left; margin-right: 12px; margin-bottom: 30px; } .case_list > ul > li:nth-child(5n) { margin-right: 0; } .bg_gray_text { text-align: center; font-size: 0.9375rem; color: #666666; background-color: #f8f8f9; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 10px 0; } .inline_box { display: inline-block; float: left; } /* WeBusan 인증제(인증제 절차) */ .step_list ul { overflow: hidden; } .step_list ul li { display: inline-block; float: left; width: calc((100% / 3) - 39px); min-height: 312px; border: 1px solid #d2d2d2; background-color: #fff; margin-right: 40px; margin-bottom: 40px; } .step_list ul li:nth-child(3n) { margin-right: 0; } .step_top { position: relative; background-color: #f5f5f5; padding: 15px 15px 30px 15px; } .step_top .cate { text-align: right; color: #a6a6a6; font-size: 0.875rem; } .step_icon { text-align: center; } .step_num { position: absolute; left: calc(50% - 20px); bottom: -20px; width: 40px; height: 40px; border-radius: 20px; color: #fff; text-align: center; font-weight: bold; background-color: #676e94; padding: 7px 0; } .step_bottom { text-align: center; padding: 40px 20px; } .step_title { font-size: 1.063rem; color: #333; font-weight: bold; margin-bottom: 10px; } .step_cont { font-size: 0.9375rem; color: #666666; } .btn_center { width: 150px; color: #fff; text-align: center; padding: 15px; margin: 0 auto; } .btn_center a { color: #fff; } .btn_center.blue { background-color: #31419b; } .m_contimg { display: none; } /* 인증제도 BI */ .case_name { font-size: 14px; color: #000; text-align: center; font-weight: 500; margin-top: 10px; } /* WeBusan 인증제(인증기준) */ .cont_section.bg_blue { background-color: #f5f8ff; } .yellow_text { color: #ffaf30; font-weight: bold; } .notice_box { background-color: #fff; border-radius: 5px; border: 3px solid #e8e8e8; padding: 20px; margin-top: 50px; } .notice_box > div { display: inline-block; vertical-align: middle; } .icon_notice { margin: 0 30px; } /* WeBusan 인증제(지정교육) */ .edu_box { background: url("/images/img/edu_img.png")no-repeat; padding: 50px 0 100px 300px; } .edu_box dl dt { font-size: 1.063rem; color: #444444; font-weight: bold; background: url("/images/icon/icon_check.png")no-repeat; background-position: center left; padding-left: 25px; margin-top: 20px; } .edu_box dl dt:first-child { margin-top: 0; } .edu_box > dl > dd { position: relative; color: #666; font-weight: 400; padding-left: 40px; } .edu_box > dl > dd::before { content: "·"; display: block; position: absolute; left: 25px; } /* List */ .dot_list li { position: relative; color: #666; font-weight: 400; padding-left: 15px; } .dot_list > ul > li::before { content: "·"; display: block; position: absolute; left: 0; } .dot_list > ul > li > ul > li { font-size: 0.875rem; line-height: 1.563rem; } .dot_list > ul > li > ul > li::before { content: "-"; display: block; position: absolute; left: 0; } /* Basic Table */ .basic_table { border-collapse: collapse; } .basic_table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; } .basic_table td { display: table-cell; text-align: left; border-right: 1px solid #d0d2db; padding: 12px; } .basic_table th { background-color: #31419b; text-align: center; color: #fff; font-weight: 500; padding: 12px; } .basic_table td:last-child { border-right: none; } .basic_table td { color: #484a4c; vertical-align: middle; border-bottom: 1px solid #d0d2db; } .basic_table .center, .col_table .center { text-align: center; } .basic_table .left { text-align: left; } .basic_table .bd_right { border-right: 1px solid #d0d2db !important; } .basic_table .custom_bg th { background: #f3f5ff; color: #000; border-right: 1px solid #d0d2db; } .basic_table .custom_bg th:last-child { border-right: 0; } /* Table (Gray) */ .basic_table.gray th { background-color: #eff0f2; color: #333; border-top: 2px solid #3c3f45; border-right: 1px solid #d0d2db; } .basic_table.gray th:last-child { border-right: none; } /* Site Map */ .site_map ul { overflow: hidden; } .site_map > ul > li { display: inline-block; width: calc((100% / 3) - 30px); float: left; text-align: center; margin-right: 40px; margin-bottom: 30px; } .site_map > ul > li:nth-child(3n) { margin-right: 0; } .site_depth1 > span { position: relative; display: inline-block; font-size: 1.25rem; color: #333; font-weight: 600; } .site_depth1 > span::before { content: ''; position: absolute; top: 0px; left: -8px; width: 18px; height: 18px; border-radius: 8px; background-color: #bac3f6; z-index: -1; } .site_depth2 { border-top: 1px solid #efefef; padding: 15px; margin-top: 15px; } .site_depth2 > li { color: #444; line-height: 26px; } /* 인증제도 소개 */ .bdtop_gray { border-top: 1px solid #d7d7d7; } .btn_line { color: #31409b; text-align: center; border: 1px solid #31409b; font-size: 0.8125rem; padding: 5px; margin: 4px 10px; display: inline-block; } /* 인증신청 */ .top_introduce { padding-top: 20px; padding-bottom: 40px; } .top_introduce.wb_bg1 { background: url("/images/img/wb_bg1.png") no-repeat; background-position: right top; background-size: 20%; } .top_introduce.wb_bg2 { background: url("/images/img/wb_bg2.png") no-repeat; background-position: right center; background-size: 20%; } .tit_big_blue { font-size: 30px; color: #31419b; line-height: 35px; } .small_txt_gray { font-size: 18px; color: #666; padding: 15px 0; } .btn_line_blue { display: inline-block; border: 1px solid #31419b; padding: 10px 25px; color: #31419b; background: #fff; } /* Media Query */ @media all and (max-width:1200px) { /* WeBusan 인증제(인증제 절차) */ .step_list ul li { width: calc((100% / 2) - 40px) } .step_list ul li:nth-child(even) { margin-right: 0; } .step_list ul li:nth-child(3n) { margin-right: 40px; } /* WeBusan 인증제(인증기준) */ .icon_notice { margin: 2%; } /* 인증신청 */ .top_introduce.wb_bg1 { /* background-size: 23%; */ background-position: right center; } .top_introduce.wb_bg2 { /* background-size: 40%; */ } } @media all and (max-width:900px) { /* WeBusan 인증제(인증제소개) */ .support.step_list ul li { min-height: 424px; } .inline_box .cont_img img { max-width: 200px; } /* WeBusan 인증제(지정교육) */ .edu_box { background: none; padding: 50px 0; } /* Site Map */ .site_map > ul > li { width: calc((100% / 2) - 30px); margin-bottom: 40px; } .site_map > ul > li:nth-child(3n) { margin-right: 40px; } .site_map > ul > li:nth-child(even) { margin-right: 0; } .site_depth1 > span { font-size: 1.125rem; } /* 인증신청 */ .tit_big_blue { font-size: 25px; line-height: 30px; } .small_txt_gray { font-size: 16px; padding: 10px 0; } .btn_line_blue { padding: 8px 15px; } } @media all and (max-width:700px) { /* WeBusan 인증제(인증제 절차) */ .step_list ul li { width: calc((100% / 2) - 20px); } .step_list ul li:nth-child(even) { margin-right: 0; } } @media all and (max-width:600px) { /* WeBusan 인증제(인증제소개) */ .support.step_list ul li { min-height: auto; } .box33 { width: 100%; margin-bottom: 30px; } .box33.mr40 { margin-right: 0 !important; } .title_black { font-size: 1rem; } .box50 { width: 100%; } .box50.mr40 { margin-right: 0 !important; } .case_list > ul > li { width: calc((100% / 2) - 6px); } .case_list > ul > li:nth-child(even) { margin-right: 0; } .case_list > ul > li:nth-child(5n) { margin-right: 12px; } .case_list > ul > li:last-child { margin-right: 0; } .inline_box { width: 100%; } .inline_box .cont_img { text-align: center; } .simbol .cont_img img { max-width: 130px; } /* WeBusan 인증제(인증제 절차) */ .step_list ul li { width: 100%; min-height: auto; margin-right: 0; } .step_list ul li:nth-child(3n) { margin-right: 0; } .btn_center { width: 120px; font-size: 14px; padding: 10px; } .m_contimg { display: block; } .m_contimg .btn { display: block; text-align: center; border: 1px solid #ddd; padding: 5px 10px; margin-bottom: 20px; } /* WeBusan 인증제(인증기준) */ .notice_box { padding: 10px; margin-top: 25px; } .icon_notice img { max-width: 50px; } .notice_cont { font-size: 0.875rem; } /* WeBusan 인증제(지정교육) */ .edu_box { padding: 20px 0; } .edu_box dl dt { font-size: 0.9375rem; } .edu_box > dl > dd { font-size: 0.875rem; } /* Basic Table */ .basic_table.responsive col { width: 100% !important; } .basic_table.responsive th { display: none; } .basic_table.responsive td { display: block; overflow: hidden; font-size: 0.875rem; } .basic_table.responsive th, .basic_table.responsive td { border-right: none; } .basic_table.responsive td:before { content: attr(data-th); width: 150px; display: table-cell; text-align: left; font-weight: bold; } .basic_table.responsive th, .basic_table.responsive td:before { font-weight: bold; } .basic_table.responsive tr:nth-child(even) { background-color: #f7f7f7; } .basic_table.responsive .center { text-align: left; } .basic_table .m_rowspan { background: #fafbff; color: #31419b; } .basic_table .bd_right { border-right: none !important; } /* Site Map */ .site_map > ul > li { width: 100%; margin-right: 0; margin-bottom: 25px; } .site_map > ul > li:nth-child(3n) { margin-right: 0; } /* 인증제도 소개 */ .btn_line { display: inline-block; margin: 5px 0 0 0; } /* 인증신청 */ .top_introduce { padding: 20px; margin-bottom: 30px; } .top_introduce.wb_bg1 { background: #fbfbfb url(/images/img/wb_bg1.png) no-repeat; background-size: 30%; background-position: 95% 10%; } .top_introduce.wb_bg2 { background: #fbfbfb url(/images/img/wb_bg2.png) no-repeat; background-size: 23%; background-position: 95% 10%; } .tit_big_blue { font-size: 20px; line-height: 28px; } .small_txt_gray { font-size: 14px; padding: 8px 0; } .btn_line_blue { font-size: 14px; } }