/*********************************************
 공통 
**********************************************/

body { font-family: 'NanumSquareNeo' } 
.wrap { position: relative; top: 0; } 

/*헤더*/
.yj_header { width: 100%; padding: 15px 15px 8px 15px; display: flex; justify-content: space-between; align-items: center; /*padding-left: 0; padding-right: 0; */ margin: auto; position: fixed; z-index: 99999; /*border-bottom: 1px #d7d7d7 solid; *//*opacity: .9*/ transition: color .3s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; background-color: #fff; box-shadow: 0 .5rem 1rem rgba(0,0,0,.05); } 
.yj_header img { width: 125px; height: 27px; cursor: pointer } 
.yj_header .menu_list { margin-bottom: 0 } 
.yj_header .menu_list li { display: inline-block; margin-right: 30px; font-size: 1.3076rem; font-weight: 400; cursor: pointer; } 
.yj_header .menu_list li a { color: #fff } 
.fix .yj_header .menu_list li a { color: #000 } 
.fix .yj_header { width: 100%; background-color: #fff !important; box-shadow: 0 .5rem 1rem rgba(0,0,0,.05) !important; } 


/*********************************************
 index 
**********************************************/


/*대시보드 이미지*/
/* .main_image::before { position: absolute; width: 100%; height: 517px; background-color: #e7e7e7; left: 0; right: 0; content: '' } */
.dash_board_area { position: relative; width: 100%; height: 517px; } 
.dash_board_area .main_left_txtBox { width: 1150px; height: 517px; position: relative; margin: auto; } 
.dash_board_area .main_left_txtBox .left_title { z-index: 999; position: relative; margin-top: 206px; font-size: 3.230769rem; font-weight: 600; line-height: 1.4; letter-spacing: -1.5px; float: left; animation-timing-function:ease-out; color: #e8e8e8; text-shadow: 2px 3px 4px #5a5a5a; text-align: center; } 
.dash_board_area .main_left_txtBox .left_title p { display: block; text-align: center; margin-top: 400px !important; margin: auto; } 
.dash_board_area .main_left_txtBox .left_title em { font-style: normal; color: #fb5b17 } 
.dash_board_area .main_left_txtBox .left_subTxt { float: left; position: relative; font-size: 1.3846rem; font-weight: 300; margin-top: 25px; animation-timing-function:ease-in-out; line-height: 1.7; display: none; } 

.main_right_imgBox { float: left; position: relative } 
.main_right_imgBox img.right_main_img { position: relative; top: 59px; display: none; } 
.main_right_imgBox img.sub_img_style { position: absolute !important; right: 407px; top: 60px } 

.main_index.dash_board_area { position: relative; width: 100%; height: 517px; background-color: rgba(0,0,0, .5); z-index: 999; } 


/*사업분야 솔루션 리뷰*/
.business_introduce { position: relative; bottom: 0; top: -101px; left: 0; animation-timing-function:ease-in-out; width: 71%; z-index: 999; } 
.business_introduce .business_num_01 { width: 257px; height: 270px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; background-color: #fff; float: left; margin-right: 15px; cursor: pointer; overflow: hidden; position: relative } 

/*.img_shell_01 { width: 257px; height: 234px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } */
.business_introduce .business_num_01 .solution_img_box { transition: transform 0.3s ease-in-out; } 
.business_introduce .m_hub.business_num_01 .solution_img_box { width: 257px; height: 101px; display: inline-block; position: relative; overflow: hidden; background: url(../images/etc/cms_designer..jpg) 50% 44%; background-size: cover; } 
.business_introduce .wcms.business_num_01 .solution_img_box { width: 257px; height: 101px; display: inline-block; position: relative; overflow: hidden; background: url(../images/etc/wcms_designer.jpg) 50% 8%; background-size: cover; } 
.business_introduce .cts.business_num_01 .solution_img_box { width: 257px; height: 101px; display: inline-block; position: relative; overflow: hidden; background: url(../images/etc/npaper_designer.jpg) 50% 40%; background-size: cover; } 
.business_introduce .business_num_01 .solution_img_box .solution_img_01 { width: 257px; transition: transform 0.3s ease-in-out; } 
.business_introduce .business_num_01:hover .solution_img_box .solution_img_01 { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } 
.business_introduce .business_num_01:hover .solution_img_box { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } 

.business_introduce .business_num_01 .solution_txt_box { width: 257px; height: 169px; overflow: hidden; position: absolute; background-color: #ededed; bottom: 0; border: 1px #e1e1e1 solid; } 
.business_introduce .business_num_01 .solution_txt_box h5 { font-family: pretendard; padding: 15px; font-weight: 800; font-size: 22px; transform: skew(-0.04deg); margin-bottom: 0; color: #6a0dd1; } 
.business_introduce .business_num_01 .solution_txt_box span { padding: 15px; display: block; line-height: 1.7; padding-top: 0; font-size: 15px; letter-spacing: -1px; font-weight: 500; margin-top: 7px; } 


/*중간인트로*/
.md_txt_img { display: block; position: relative; margin: auto; text-align: center; margin-bottom: 20px; top: 32px } 
.md_txt_img img { width: 593px; /*height: 30px*/ } 
.md_txt_img p { font-size: 36px; font-weight: 700; letter-spacing: -1.5px; } 
.md_txt_img p span { color: #6a0dd1; } 


.md_intro_img { width: 100%; height: 426px; overflow: hidden; margin-top: 20px } 
.md_intro_img div { width: 100%; height: 426px; background-image: url(../images/etc/yj_md_img_og_01.png); content: ''; float: left; position: absolute; left: 0; right: 0; background-position: center; background-attachment: fixed; } 

.home_md_intro { display: flex; margin-bottom: 100px; height: 565px; /*position: relative; left: 0; right: 0; */ margin-top: 42px; align-items: center; } 
.home_md_intro::before { width: 100%; height: 510px; content: ''; position: absolute; left: 0; right: 0; background-position: center 40px; background-attachment: fixed; opacity: 1; background-repeat: no-repeat; background-color: #dfdfdf; } 
.home_md_intro .md_intro_paragraph { text-align: center; margin-top: 20px; font-size: 1.3846rem; } 
.home_md_intro .md_main_img { position: relative; z-index: 999; bottom: 0; left: 0; right: 0; text-align: center; flex: 1; } 
.home_md_intro .md_main_img p.ex_top_txt { text-align: left; font-size: 31px; font-weight: 600; padding-bottom: 12px; border-bottom: 1px #363636 solid; color: #0076c3; width: 467px; letter-spacing: -1.5px; } 
.md_main_img { height: auto; } 

/*하단 사업분야*/
.bs_area { position: relative; margin-bottom: 50px; margin-top: 150px; /*bottom: 200px; */ /*opacity: 1; */ display: block } 
.bs_area .bs_box_01 { width: 100%; height: 390px; background-color: #fff; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; position: relative; bottom: 0; /* opacity: 0*/ } 
.bs_area .bs_box_01 .box_layer { width: 100%; background-color: rgba(17, 17, 17, 0.7); height: 169px; position: absolute; right: 0; left: 0; } 
.bs_area .bs_box_01 .box_layer .under_bs_name { color: #fff; text-align: center; width: 100%; display: block; font-size: 2.1538rem; padding: 44px 0 0; font-weight: 700 } 
.bs_area .bs_box_01 .box_layer .under_bs_eg_name { color: #fff; text-align: center; width: 100%; display: block; font-size: 1.3846rem; padding: 5px 0 } 

.bs_area .bs_box_01 .bs_introImg_01 { width: 100%; height: 169px; background-image: url(../images/etc/yj_under_bsImg_01.png); background-size: cover; } 
.bs_area .bs_box_01 .bs_introImg_02 { width: 100%; height: 169px; background-image: url(../images/etc/yj_under_bsImg_02.png); background-size: cover; } 
.bs_area .bs_box_01 .bs_introImg_03 { width: 100%; height: 169px; background-image: url(../images/etc/yj_under_bsImg_03.png); background-size: cover; } 
.bs_area .bs_box_01 .bs_introImg_04 { width: 100%; height: 169px; background-image: url(../images/etc/yj_under_bsImg_04.png); background-size: cover; } 

.bs_area .bs_box_01 .bs_under_txt { width: 100%; height: 219px; display: flex; flex-direction: column; align-items: center } 
.bs_area .bs_box_01 .bs_under_txt .under_bs_txtArea { width: 100%; height: 100%; display: flex; align-items: center } 

.bs_area .bs_box_01 .bs_under_txt .under_bs_txtArea .bs_conBar { width: 48px; height: 2px; background-color: #fb5b17; display: block; margin: auto } 
.bs_area .bs_box_01 .bs_under_txt .under_bs_txtArea .bs_contxt { display: block; margin: auto; line-height: 1.8 } 
.bs_area .bs_box_01 .bs_under_txt .under_bs_txtArea .bs_contxt p { text-align: center; font-size: 1.1538rem } 
.bs_area .bs_box_01 .bs_under_txt .under_bs_txtArea button { display: block; margin: auto; font-size: 1rem } 
.bs_area .bs_box_01 .bs_under_txt .under_bs_txtArea .under_conBtn { padding: 8px 25px !important } 


/*하단메뉴*/
.under_menu_area { position: relative; width: 50%; display: flex; align-items: center; margin-top: 120px !important; /*margin-bottom: 80px*/ margin: auto; z-index: 999; } 
.under_menu_area a { display: block; margin: auto; width: 100%; } 
.under_menu_area a img { display: block; margin: auto; } 
.under_menu_area a p { text-align: center; padding-top: 12px; font-size: 14px; font-weight: 500; } 


/*footer*/
.footer { width: 100%; height: 400px; background-color: #596067; position: relative; display: none } 
.footer .footer_area { width: 1180px; display: flex; margin: auto; } 
.footer .footer_area .sitemap_list { margin-top: 58px; width: 100% } 
.footer .footer_area .sitemap_list li { margin-bottom:17px; color: #c9c9c9; font-size: 1.0769rem; transform: skew(-0.04deg); font-weight: 400 } 
.footer .footer_area .sitemap_list .map_menuTitle { margin-bottom: 20px !important; font-weight: 600; font-size: 1.3846rem !important; color: #fff; } 

/*copyright_footer*/
.copyright_footer { width: 100%; height: 170px; background-color: #464b50; position: absolute; left: 0; right: 0; } 
.copyright_footer .copyright_area { width: 1180px; display: flex; margin: auto; } 
.copyright_footer .copyright_area .under_yjlogo { margin-top: 52px; margin-right: 50px; width: 200px } 

.copyright_footer .copyright_area .adress_area { margin-top: 30px; width: 594px; } 
.copyright_footer .copyright_area .adress_area p { font-size: 1rem; font-weight: 500; color: #cbcbcb;; line-height: 1.9; transform: skew(-0.04deg) !important; } 
.copyright_footer .copyright_area .adress_area .right_txt { margin-top: 13px; color: #acacac !important } 

.copyright_footer .copyright_area .banner_area { width: 300px } 
.copyright_footer .copyright_area .banner_area img { float: right; margin-top: 50px; } 


/*********************************************
 회사소개 
**********************************************/

.main_image_company::before { position: absolute; width: 100%; height: 421px; left: 0; right: 0; content: ''; background-image: url(../images/etc/yj_md_img_og_03.jpg); background-attachment: fixed; background-position:top; background-size: cover; overflow: hidden; } 
.company_dash_introLayer { background-color: rgba(17, 17, 17, 0.7); height: 421px; z-index: 999; position: absolute; right: 0; left: 0; } 

.main_image_company .dash_board_area { width: 100%; height: 421px; } 
.company_txt_center { width: 100%; text-align: center; display: flex; align-items: center } 
.company_txt_center div { width: 100%; display: block; display: flex; flex-direction: column } 
.company_txt_center div p:nth-child(1) { color: #fff; z-index: 999; font-size: 2.6153rem; color: #fff; margin-bottom: 15px; font-weight: 600 } 
/*.company_txt_center div p:nth-child(2) { color: #fff; z-index: 999; font-size: 18px; color: #fff; margin-bottom: 20px; font-weight: 300 } */
.company_txt_center div p:last-child { z-index: 999; font-size: 1.8461rem; color: #d7d7d7 } 

.md_menu { /*width: 100%; */ height: 80px; background-color: #fff; box-shadow: 0 .5rem 4rem rgba(0,0,0,.18)!important; position: relative; bottom: 25px; z-index: 999; } 

.md_title { width: 247px; height: 80px; background: linear-gradient(to right, #3b54dd 4%,#3b54dd 0,#6100c9 82%); display: block; float: left } 
.md_title span { display: block; font-size: 1.6153rem; color: #fff; font-weight: 600; text-align: center; margin-top: 24px; } 

.md_list { display: flex; align-items: center; height: 80px; margin-left: 40px; float: left } 
.md_list li { display: inline-block; margin-right: 50px; font-size: 1.3076rem; color: #363636; letter-spacing: -1.8px; font-weight: 500; } 
.md_list li:hover { color: #6a0dd1 } 
.md_list li.active { font-weight: 600; color: #6a0dd1 } 
.company_contents { width: 100%; text-align: center; margin-top: 60px } 
.company_contents .contents_title { font-size: 2.3076rem; font-weight: 600; letter-spacing: -1.8px; margin-bottom: 30px } 
.company_contents .contents_txt { font-size: 1.2307rem; font-weight: 500; line-height: 2; letter-spacing: -1.2px; color: #4b4b4b } 
.company_contents .contents_title em { font-style: normal; color: #6a0dd1 } 
.line_horizon { width: 570px; height: 2px; background-color: #d7d7d7; margin: auto; margin-top: 50px; margin-bottom: 50px } 

.company_intro_area { width: 780px; margin: auto; display: block; height: 120px; margin-bottom: 150px; padding-top: 40px; border-top: 1px #d7d7d7 solid; } 
.company_intro_area span { float: left } 
.company_intro_area span:first-child { margin-right: 50px } 
.company_intro_area span:last-child { font-size: 1.1538rem; line-height: 1.8; transform: skew(-0.03deg); } 

.contents_set02 .company_contents .work_under_txt02 p { font-size: 1.3846rem; font-weight: 500; line-height: 2; letter-spacing: -1.2px; color: #4b4b4b; } 

.contents_set02 { margin-bottom: 200px } 
.contents_set02 img { width: 100% } 

.work_box_01 { width: 100%; height: 293px; border: 1px #d7d7d7 solid; background-color: #fff; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; position: relative; bottom: 0; /* opacity: 0*/ margin-top: 40px; margin-bottom: 40px } 
.work_box_01 .work_box_img01 { width: 100%; background-image: url(../images/etc/yj_work_img_01.png); background-size: cover; height: 127px } 
.work_box_01 .work_box_img02 { width: 100%; background-image: url(../images/etc/yj_work_img_02.png); background-size: cover; height: 127px } 
.work_box_01 .work_box_img03 { width: 100%; background-image: url(../images/etc/yj_work_img_03.png); background-size: cover; height: 127px } 
.work_box_01 .work_box_img04 { width: 100%; background-image: url(../images/etc/yj_work_img_04.png); background-size: cover; height: 127px } 
.work_box_01 .work_under_txt { width: 100%; height: 164px; display: flex; flex-direction: column; align-items: center } 

.under_work_txtArea01 { width: 100%; height: 100%; display: flex; align-items: center; margin-top: 20px } 
.under_work_txtArea02 { width: 100%; height: 100%; display: flex; align-items: center; height: 41px } 
.under_work_txtArea03 { width: 100%; height: 100%; display: flex; align-items: center } 

.work_contxt { width: 100%; text-align: center; font-size: 24px; font-weight: 600 } 
.work_contxt_02 { width: 100%; text-align: center; font-size: 16px } 

.center_bar { width: 30px; height: 2px; background-color: #28a0ee; display: block; margin: auto } 

.work_box_01 .work_under_txt02 { width: 100%; text-align: center; line-height: 1.8; margin-bottom: 150px } 
.work_box_01 .work_under_txt02 p { font-size: 1.3846rem } 
.menu_right_position_01 { right: -13px } 

.contents_set02 .work_under_txt02 p { font-size: 1.3846rem; font-weight: 600; line-height: 2; letter-spacing: -1.2px; color: #4b4b4b; } 

.footer_area_container { position: relative; display: none } 
.footer_area_container .sitemap_ico.active { position: absolute; top: -41px; right: 48px; cursor:pointer; background: url(../images/etc/sitemap_hide.png)no-repeat; width: 58px; height: 41px } 
.footer_area_container .sitemap_ico { position: absolute; top: -41px; right: 48px; cursor:pointer; background: url(../images/etc/sitemap_show.png)no-repeat; width: 58px; height: 41px } 


/*********************************************
 조직도 
**********************************************/

.first_contents_area { } 



/*********************************************
 C.I 소개 
**********************************************/

.contents_set03 { padding-bottom: 40px; padding-top: 40px; border-bottom: 1px #d7d7d7 solid; } 
.contents_set03 img { margin: auto; width: 800px; margin-top: 100px } 
.contents_set03 .ci_con_01 img { width: 410px; margin: auto; display: block; margin-bottom: 62px; } 

.margin_bottom_style { margin-bottom: 100px } 

.m_footer_container { width: 100%; padding: 15px; height: 150px; background-color: #363636; display: none } 
.m_footer_container span { text-align: center } 
.m_footer_container span p { color: #c5c5c5; margin-top: 5px; font-size: 10px; letter-spacing: 0; } 

.m_menu_ico { display: none } 
.vg-nav { display: block } 
.yj_info_area { display: flex; margin: auto; height: 85px; width: 800px; align-items: center } 

.ci_md_intro { width: 100%; height: 400px } 
.ci_md_intro:before { width: 100%; height: 359px; background-image: url(../images/etc/img_subCI_contents_02.png); content: ''; /* float: left; */ position: absolute; left: 0; right: 0; background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: contain } 

.ci_con_01 img { width: 500px; margin: auto; display: block } 
.ci_con_01 .ci_sub_txt { text-align: center; margin-top: 20px; } 
.ci_con_01 .ci_sub_txt p { font-size: 1.3846rem; margin-top: 5px; font-weight: 500; } 

.ci_con_02 { } 
.ci_con_02 img { width: 762px; margin: auto; display: block } 
.ci_con_02 .ci_sub_txt { text-align: center; margin-top: 20px } 
.ci_con_02 .ci_sub_txt p { font-size: 1.3846rem; margin-top: 5px; font-weight: 500; } 

.ci_con_03 { margin-top: 50px } 
.ci_con_03 img { width: 980px; margin: auto; display: block } 
.ci_con_03 .ci_sub_txt { text-align: center; margin-top: 20px; font-weight: 500; } 
.ci_con_03 .ci_sub_txt p { font-size: 1.3846rem; margin-top: 5px; } 


/*********************************************
 연혁 
**********************************************/

.history_first_title { } 
.history_first_title .history_sub_txt { text-align: center; margin-top: 20px } 
.history_first_title .history_sub_txt p { font-size: 1.3846rem; margin-top: 5px; line-height: 1.8; font-weight: 500; } 

.history_first_title { padding-bottom: 45px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 163px; } 
.history_con_02 img { margin: auto; display: block; } 
.history_con_02 .history_year_01 { display: block; text-align: center; font-size: 34px; font-weight: 600; letter-spacing: -1.2px; color: #282828; margin-bottom: 30px } 
.history_con_02 .history_sub_txt { display: block; text-align: center; font-size: 18px; line-height: 2 } 


.history_con_set03 { width: 1180px; padding-top: 30px; border-top: 1px #d7d7d7 solid } 
.history_con_set03 img { margin: auto; } 
.history_sub_txt img { padding-bottom: 40px } 

.history_con_02 .partner_part_01 { display: block; text-align: center; font-size: 28px; font-weight: 600; letter-spacing: -1.2px; color: #282828; margin-bottom: 30px } 
.history_con_02 .partner_sub_txt { display: block; text-align: center; font-size: 18px; line-height: 2 } 


/*********************************************
 찾아오시는 길 
**********************************************/

.adress_opt_01 { font-size: 18px !important; } 

.location_con_01 { display: flex; width: 100% } 

.location_subTitle { font-size: 18px; font-weight: 800 } 

.location_subTxt { display: flex; align-items: center; margin-top: 15px; font-weight: 500; } 
.location_subTxt span:nth-child(2) { font-size: 16px; color: #fb5b17; margin-left: 10px } 
.location_subTxt span:nth-child(3) { font-size: 16px; margin-left: 10px } 
.bus_title_01 { width: auto; flex-shrink: 0; font-size: 16px; color: #fb5b17; } 
.bus_title_02 { width: auto; font-size: 16px; color: #363636 !important } 

.m_partner_01 { display: none !important } 
.m_ci_form01 { display: none !important } 
.m_ci_form02 { display: none !important } 


/*모바일 사이드메뉴*/
.m_menu_container { width: 100%; background-color: #fff; position: fixed; z-index: 999999; height: 100%; overflow: auto; margin-left: -100%; display: none } 

.m_menu_container .menu-title-container { padding: 15px; border-bottom: 2px #d3d3d3 solid; } 
.m_menu_container .menu-title-container img { width: 104px; display: inline-block; } 
.m_menu_container .menu-title-container .cancel-ico-01 { float: right; width: 18px !important; position: relative; top: 1px; cursor: pointer; } 

.m_menu_container .side_nav_container { padding: 20px; } 
.m_menu_container .side_nav_container .nav_section { margin-bottom: 30px; padding-bottom: 12px; border-bottom: 1px #d7d7d7 solid; } 
.m_menu_container .side_nav_container .nav_section .topTitle_navBox p { font-size: 20px; font-weight: 600; } 
.m_menu_container .side_nav_container .nav_section .nav_menu_flex { display: flex; width: 100%; margin-top: 12px; } 
.m_menu_container .side_nav_container .nav_section .nav_menu_flex a { display: block; width: 50%; font-size: 16px; } 
.m_menu_container .side_nav_container .nav_section .nav_menu_flex a p { font-weight: 500; font-size: 14px; } 
.m_menu_container .side_nav_bottom { margin-top: 20px; padding: 40px 20px; padding-bottom: 30px; background-color: #f7f7f7; } 
.m_menu_container .side_nav_bottom p { margin-top: 12px; color: #7f7f7f; } 


/*********************************************
 신문제작시스템 
**********************************************/

.biz_image_company::before { position: absolute; width: 100%; height: 421px; background-image: url(../images/etc/yj_md_img_og_05.jpg); left: 0; right: 0; content: ''; background-attachment: fixed; background-position:0 -365px; background-size: cover; overflow: hidden; } 
.biz_image_company .dash_board_area { width: auto; height: 421px; } 

.biz_txt_center { width: 100%; text-align: left; display: flex; align-items: center; z-index: 9999 } 
.biz_txt_center .section_evenTitle_area { width: 100%; display: block; } 
.biz_txt_center .section_evenTitle_area .section_title_01 { z-index: 999; font-size: 2.9230rem; color: #fff; margin-bottom: 0; font-weight: 600; display: block } 
.biz_txt_center .section_evenTitle_area .section_subTitle { z-index: 999; font-size: 2.6153rem; font-weight: 600; color: #c2c2c2; display: inline-block; border-bottom: 3px #c2c2c2 solid; padding-bottom: 23px; } 

.biz_txt_center .section_evenTitle_area .section_subTxt01 { color: #fff; margin-top: 40px; font-size: 1.3846rem; font-weight: 400; padding-bottom: 5px; line-height: 2; } 
.biz_txt_center .section_evenTitle_area .section_subTxt02 { color: #fff; font-size: 1.3846rem; font-weight: 400; line-height: 1.8 } 
.biz_txt_center .section_evenTitle_area .section_subTxt03 { color: #fff; font-size: 24px; font-weight: 400; margin-top: 40px; padding-bottom: 10px } 

.company_contents .biz_contents_title { font-size: 24px; font-weight: 600; letter-spacing: -1.8px; margin-bottom: 5px; } 
.company_contents .biz_contents_title02 { font-size: 24px; font-weight: 600; letter-spacing: -1.8px; margin-bottom: 30px !important } 

.biz_section_title { margin-bottom: 70px } 
.biz_section_title h5 { font-size: 36px; font-weight: 700; letter-spacing: -1.8px; } 
.biz_section_title p { font-size: 16px !important; transform: skew(-0.04deg) } 

.recruit_section_title { margin-bottom: 70px } 
.recruit_section_title h5 { font-size: 28px; font-weight: 600; letter-spacing: -1.8px; color: #28a0ee } 
.recruit_section_title p { font-size: 16px !important } 


.line_horizon_org { width: 370px; height: 2px; background-color: #6a0dd1; margin: auto; margin-top: 80px; margin-bottom: 80px } 

.biz_section_container { margin-top: 80px; } 
.biz_section_container .biz_title_area { width: 100%; text-align: center } 
.biz_section_container .biz_title_area .paper_section_title01 { font-size: 36px; font-weight: 800; letter-spacing: -1.5px } 
.biz_section_container .biz_title_area .paper_section_title02 { font-size: 36px; margin-left: 5px } 
.biz_section_container .biz_title_area .paper_section_title02 em { color: #fb5b17; font-style: normal; font-weight: 600 } 

.biz_section_container .biz_cts_txtList { text-align: center; padding-top: 15px; margin: auto } 
.biz_section_container .biz_cts_txtList p { font-size: 18px; margin-bottom: 10px; letter-spacing: -1.5px; font-weight: 500; } 
.section_detail_back_01 { width: 100%; height: 597px; /*background-color: #f2f5f7; */ margin-top: 10px; display: flex } 
.section_detail_back_01 span { width: 100%; padding: 0 10px } 

.section_detail_back_02 { position: relative; /* background-color: #f2f5f7; */width: 100%; height: 592px; display: flex } 
.section_detail_back_02 span { width: 100%; padding: 0 10px } 

.section_detail_container { width: 1180px; height: 517px; display: flex; margin: auto } 
.section_detail_container div { width: 100%; padding: 0 10px; text-align: center; position: relative } 

.cts_explane_txt { position: absolute; top: 117px; text-align: center; width: 264px; display: block; left: 60px; } 
.cts_explane_txt .title_set01 { font-size: 18px; font-weight: 600; display: block } 

.explane_list_area { margin-top: 0; padding: 30px 0 0 30px; } 
.explane_list_area li { padding-bottom: 12px; font-size: 15px; text-align: left; list-style:disc; line-height: 1.8 } 

.biz_section_container02 { position: relative; margin-top: 50px } 
.biz_section_container02 .biz_title_area { width: 100%; text-align: center } 
.biz_section_container02 .biz_title_area .paper_section_title01 { font-size: 36px; font-weight: 800 } 
.biz_section_container02 .biz_title_area .paper_section_title02 { font-size: 36px; margin-left: 5px } 
.biz_section_container02 .biz_title_area .paper_section_title02 em { color: #fb5b17; font-style: normal; font-weight: 400; font-size: 30PX } 

.biz_section_container02 .biz_cts_txtList { text-align: center; padding-top: 15px; margin: auto } 
.biz_section_container02 .biz_cts_txtList p { font-size: 18px; margin-bottom: 10px; letter-spacing: -1.5px } 

.section_detail_back_03 { width: 100%; height: 500px; position: relative; background-color: #e8ecef; margin-top: 20px } 
.section_detail_back_03 img { display: block; margin: auto } 

.main_fnc_title { width: 100%; text-align: center; margin-top: 50px } 
.main_fnc_title h5 { font-size: 22px; font-weight: 600 } 

.fnc_table { margin-top: 20px } 
.fnc_table .fnc_table_area { border-top: 2px #828282 solid; border-bottom:2px #828282 solid; table-layout: fixed; width: 100% } 
.fnc_table .fnc_table_area tbody tr { border-bottom: 1px #d7d7d7 solid } 
.fnc_table .fnc_table_area tbody tr th { background-color: #ebeced; font-size: 18px; font-weight: 600; padding: 15px } 
.fnc_table .fnc_table_area tbody tr td { font-size: 16px; padding: 15px } 
.fnc_table .fnc_table_area tbody tr td p { padding-bottom: 6px } 

.main_fnc_title02 { width: 100%; text-align: center; margin-top: 50px; display: none } 
.main_fnc_title02 h5 { font-size: 22px; font-weight: 600 } 

.m_contents_set_01 { display: none } 
.m_archive_con_01 .m_archive_title { width: 100%; text-align: center; margin-top: 12px; font-size: 17px; font-weight: 600; color: #fb5b17; margin-bottom: 20px } 
.m_archive_con_01 p { width: 100%; text-align: center; font-size: 16px; padding-bottom: 7px } 
.m_archive_set01 { margin-top: 50px } 

.section_detail_container .newspaper_ex_box01 { background: url(../../common/images/etc/cts_set_02.png) no-repeat center; width: 100%; height: 100%; padding: 0 10px; text-align: center; position: relative; } 
.section_detail_container .newspaper_ex_box01 div.cts_explane_txt { top: 139px; margin: auto; left: auto; width: 264px; } 
.section_detail_container .newspaper_ex_box02 { background: url(../../common/images/etc/cts_set_03.png) no-repeat center; width: 100%; height: 100%; padding: 0 10px; text-align: center; position: relative; } 
.section_detail_container .newspaper_ex_box02 div.cts_explane_txt { top: 139px; margin: auto; left: auto; width: 264px; } 
.section_detail_container .newspaper_ex_box03 { background: url(../../common/images/etc/cts_set_03.png) no-repeat center; width: 100%; height: 100%; padding: 0 10px; text-align: center; position: relative; } 
.section_detail_container .newspaper_ex_box03 div.cts_explane_txt { top: 139px; margin: auto; left: auto; width: 264px; } 


/*********************************************
 출판제작시스템 
**********************************************/

.section_detail_back_04 { position: relative; /* background-color: #f2f5f7; */width: 100%; height: auto; display: flex } 
.section_detail_container02 { width: 1180px; height: auto; display: flex; margin: auto } 
.publish_con_img_01 { width: 976px; height: 669px; display: block; margin: auto; } 

.fnc_list { width: 100%; text-align: center; margin-top: 20px } 
.fnc_list li { padding-bottom: 10px; font-size: 16px; transform: skew(-0.04deg); } 
.fnc_list li::before { content: ''; width: 6px; height: 6px; display: inline-block; background-color: #363636; margin-right: 10px; } 

.relation_program_container { width: 100%; text-align: center; padding-top: 40px; margin-top: 40px; border-top: 1px #d7d7d7 solid } 
.relation_program_container h5 { font-size: 20px; font-weight: 600 } 

.relation_program_respon { width: 800px; height: 500px; margin: auto; margin-top: 50px } 
.relation_program_respon .under_con01 { width: 392px; height: 400px; float: left; margin-right: 15px; cursor: pointer } 
.relation_program_respon .under_con01 .program_under_con01 { width: 392px; height: 400px; border: 1px #d7d7d7 solid; padding: 15px } 
.relation_program_respon .under_con01 .program_under_con01 img { width: 120px; padding-top: 20px } 
.program_title_01 { font-size: 22px; font-weight: 600; padding-top: 40px } 
.program_subTitle_01 { font-size: 16px; color: #6a0dd1; padding-top: 10px } 
.program_txt_01 { padding-top: 20px; line-height: 1.8; font-size: 15px; letter-spacing: -1.2px; transform: skew(-0.04deg); font-weight: 500; } 


/*********************************************
 인터넷&모바일 
**********************************************/

.biz_title_area .section_subTitle { display: block; margin-bottom: 30px; font-size: 18px; font-weight: 600; color: #6a0dd1 } 
.mobile_con_img_01 { width: 976px; height: auto; display: block; margin: auto; margin-top: 30px } 
.biz_section_container .biz_title_area .mobile_section_title01 { display: block; font-size: 33px; font-weight: 600; color: #272727; margin-bottom: 10px; } 
.chart_img_01 { width: 976px; display: block; margin: auto; border-bottom: 1px #d7d7d7 solid; padding-bottom: 50px; } 
.mobile_con_img_02 { width: auto; height: auto; display: block; margin: auto; margin-top: 30px } 

.m_main_fnc_area { display: none } 


/*********************************************
 콘텐츠 자산관리시스템 
**********************************************/

.dams_con_img_01 { width: 590px; height: 313px; display: block; margin: auto; margin-top: 30px } 
.biz_section_container .biz_title_area .dams_section_title01 { font-size: 20px; font-weight: 600 } 
.dams_con_img_02 { width: 940px; height: 901px; display: block; margin: auto; margin-top: 30px } 



/*********************************************
 media hub 
**********************************************/

.product_image_company { } 
.product_image_company::before { position: absolute; width: 100%; height: 421px; background-image: url(../images/etc/yj_md_img_og_06.jpg); left: 0; right: 0; content: ''; background-attachment: fixed; background-position:0 -365px; background-size: cover; overflow: hidden; } 
.product_image_company .dash_board_area { width: auto; height: 421px; } 

.product_contents { width: 100%; text-align: center; margin-top: 60px } 
.product_contents .contents_title { font-size: 2.3076rem; font-weight: 600; letter-spacing: -1.8px; margin-bottom: 30px } 
.product_contents .contents_txt { font-size: 1.3846rem; font-weight: 500; line-height: 2; letter-spacing: -1.2px; color: #4b4b4b } 
.product_contents .contents_title em { font-style: normal; color: #fb5b17 } 

.product_contents .biz_section_title h5 { font-family: 'pretendard'; } 
.product_contents .biz_section_title img { margin-top: 25px } 

.product_contents .biz_contents_title { font-size: 24px; font-weight: 600; letter-spacing: -1.8px; margin-bottom: 5px } 
.product_contents .biz_contents_title02 { font-size: 24px; font-weight: 500; letter-spacing: -1.8px; margin-bottom: 30px !important } 

.cms_con_img_01 { width: 1180px; height: 451px; display: block; margin: auto; margin-top: 30px } 
.pps_con_img_01 { width: 1180px; height: 529px; display: block; margin: auto; margin-top: 30px } 
.wps_con_img_01 { width: 1180px; height: 395px; display: block; margin: auto; margin-top: 30px } 
.dps_con_img_01 { width: 1180px; height: 367px; display: block; margin: auto; margin-top: 30px } 



/*********************************************
 wcms 
**********************************************/

.horizon_slide_container { margin-top: 120px; padding-bottom: 50px; border-bottom: 1px #d7d7d7 solid; width: 1180px; height: 450px } 
.horizon_slide_container .horizon_slide_element .right_show_img { float: left } 

.horizon_slide_container .horizon_slide_element .right_show_txt { float: right; padding-top: 80px; width: 488px } 
.horizon_slide_container .horizon_slide_element .right_show_txt .right_txt_way01 { font-size: 27px; font-weight: 600; letter-spacing: -1.5px; padding-bottom: 20px } 
.horizon_slide_container .horizon_slide_element .right_show_txt .right_txt_way02 { font-size: 17px; line-height: 1.8; letter-spacing: -1.2px; } 

/*.horizon_slide_container { margin-top: 120px; padding-bottom: 100px; border-bottom: 1px #d7d7d7 solid; } */
.horizon_slide_container .horizon_slide_element .left_show_img { float: right; /*width: 468px*/ } 

.horizon_slide_container .horizon_slide_element .left_show_txt { float: left; padding-top: 80px; width: 464px } 
.horizon_slide_container .horizon_slide_element .left_show_txt .left_txt_way01 { font-size: 27px; font-weight: 600; letter-spacing: -1.5px; padding-bottom: 20px } 
.horizon_slide_container .horizon_slide_element .left_show_txt .left_txt_way02 { font-size: 18px; line-height: 1.8 } 

.horizon_slide_container .horizon_slide_element .right_show_txt02 { float: right; padding-top: 80px; width: 404px } 
.horizon_slide_container .horizon_slide_element .right_show_txt02 .right_txt_way01 { font-size: 27px; font-weight: 600; letter-spacing: -1.5px; padding-bottom: 20px } 
.horizon_slide_container .horizon_slide_element .right_show_txt02 .right_txt_way02 { font-size: 18px; line-height: 1.8 } 

.fully_contents_container { margin-top: 180px; padding-bottom: 80px; border-bottom: 1px #d7d7d7 solid; height: auto; } 
.fully_contents_container img { display: block; margin: auto; } 
.fully_contents_container .product_subTxt_container .product_last_intro { font-size: 30px; font-weight: 600; text-align: center; letter-spacing: -1.8px; padding-top: 50px; color: #111111 } 
.fully_contents_container .product_subTxt_container .product_last_sub { font-size: 18px; text-align: center; line-height: 1.8; padding-top: 20px; font-weight: 500; } 

.content_intro_area { padding-top: 100px } 
.content_intro_area .content_intro_title { } 
.content_intro_area .content_intro_title p { text-align: center; font-size: 27px; font-weight: 800 } 

.wcms_con_under { display: flex; align-items: center; width: 100%; margin-top: 40px } 
.wcms_con_under .wcms_process_img01 { width: auto } 
.wcms_con_under .wcms_process_img01 .process_box_01 { width: 171px; text-align: center } 
.wcms_con_under .wcms_process_img01 .process_box_01 span { font-size: 17px; font-weight: 500; } 

.wcms_con_under .wcms_process_element02 { margin-left: 23px; margin-right: 23px } 

.under_notice { width: 100%; margin-top: 150px; padding-bottom: 50px; text-align: center } 
.notice_btn { font-size: 15px !important; transform: skew(-0.04deg); padding: 10px 40px !important; } 

.notice_title { font-size: 22px; font-weight: 600; padding-top: 50px } 
.notice_title02 { font-size: 22px; font-weight: 400; padding-top: 10px } 

.demo_title { padding: 40px 0; font-size: 27px; font-weight: 400 } 
.vg-nav { transform: skew(-0.04deg); } 

.main_fnc_area { width: 100%; text-align: center } 
.ceps_con_img_01 { width: 976px; height: 492px; display: block; margin: auto; margin-top: 30px } 

.ceps_fnc_container { width: 100% } 
.ceps_fnc_box01 { } 
.biz_section_container .biz_title_area .ceps_section_title01 { font-size: 26px; font-weight: 800 } 
.intro_img_area img { display: block; margin: auto; margin-bottom: 20px !important } 
.ceps_fnc_container p { text-align: center; padding-top: 7px; font-size: 16px; transform: skew(-0.04deg); } 
.sub_paragraph_01 { /*font-size: 14px*/ !important; color: #9c9c9c } 

.main_fnc_area p { font-size: 18px; transform: skew(-0.04deg); line-height: 1.9 } 
.fonts_con_img_01 { width: 770px; height: 170px; display: block; margin: auto; margin-top: 50px } 

.fonts_fnc_container { /*width: 100%*/ } 
.fonts_fnc_container img { display: block; margin: auto } 
.biz_section_container .biz_title_area .fonts_section_title01 { font-size: 26px; font-weight: 600; color: #fb5b17 } 

.fonts_copyright_container { background-color: #ebebeb; padding: 15px; width: 100%; text-align: center } 
.fonts_copyright_container p { font-size: 16px; line-height: 2 } 

.font_copyRight_sub_notice { margin-top: 20px } 
.font_copyRight_sub_notice p { color: #47a6dc; } 

.home_table_head { } 
.home_table_head table { } 
.home_table_head table thead { } 
.home_table_head table thead tr { padding: 10px } 
.home_table_head table thead tr th { font-size: 17px; padding: 10px; background-color: #ebeced; border: 1px #d7d7d7 solid; text-align: center } 

.fnc_head_area { table-layout: fixed; width: 100% } 
.fnc_table .home_table_body .fnc_table_area tbody tr th { background-color: #f5f5f5; font-size: 18px; font-weight: 600; padding: 15px; border-right: 1px #d7d7d7 solid } 

.home_table_body { transform: skew(-0.04deg); } 
.home_table_body table { } 
.home_table_body table tbody { } 
.home_table_body table tbody tr { } 
.home_table_body table tbody tr th { font-size: 16px !important; text-align: center } 
.home_table_body table tbody tr td p { font-size: 14px; padding-bottom: 0 !important } 

.point_color { color: #fb5b17 } 
.point_color_02 { color: #28a0ee } 

.fonts_table_ex { font-size: 13px; margin-top: 20px !important; display: block; color: #939393 } 


/*********************************************
 indesign plugin 
**********************************************/

.id_con_img_01 { width: 1180px; height: 335px; display: block; margin: auto; margin-top: 30px } 
.m_id_con_img_01 { width: 375px; height: 1075px; display: block; margin: auto; margin-top: 30px } 



/*********************************************
 인재상 
**********************************************/

.recruit_image_company { } 
.recruit_image_company::before { position: absolute; width: 100%; height: 421px; background-image: url(../images/etc/yj_md_img_og_07.jpg); left: 0; right: 0; content: ''; background-attachment: fixed; background-position:0 -221px; background-size: cover; overflow: hidden; } 
.recruit_image_company .dash_board_area { width: auto; height: 421px; } 

.recruit_md_intro { width: 100%; height: 400px } 
.recruit_md_intro:before { width: 100%; height: 359px; background-image: url(../images/etc/yj_md_img_og_08.jpg); content: ''; /* float: left; */ position: absolute; left: 0; right: 0; background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover } 
.spirit_img_box { width: 100%; height: 187px; background-color: #eaeaea; } 
.spirit_img_box img { display: block; margin: auto; padding-top: 8px } 
.spirit_img_box .spirit_e_title { font-weight: 600; font-size: 18px; color: #fb5b17; text-align: center; padding-top: 5px } 
.spirit_img_box .spirit_k_title { font-weight: 600; font-size: 22px; text-align: center; padding-top: 5px } 

.recruit_area { position: relative; margin-bottom: 50px; margin-top: 160px; /*bottom: 200px; */ /*opacity: 1; */ display: block } 
.recruit_area .recruit_box_01 { width: 100%; height: auto; border: 1px #d7d7d7 solid; background-color: #fff; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; position: relative; bottom: 0; /* opacity: 0*/ } 

.recruit_area .recruit_box_01 .recruit_under_txt { width: 100%; height: 127px; display: flex; flex-direction: column; align-items: center; padding-bottom: 25px; padding-left: 9px; padding-right: 9px; } 
.recruit_area .recruit_box_01 .recruit_under_txt .under_recruit_txtArea { width: 100%; height: 100%; display: flex; align-items: center } 

.recruit_area .recruit_box_01 .recruit_under_txt .under_recruit_txtArea .recruit_conBar { width: 48px; height: 2px; background-color: #fb5b17; display: block; margin: auto } 
.recruit_area .recruit_box_01 .recruit_under_txt .under_recruit_txtArea .recruit_contxt { display: block; margin: auto; line-height: 1.7 } 
.recruit_area .recruit_box_01 .recruit_under_txt .under_recruit_txtArea .recruit_contxt p { text-align: center; font-size: 1.1538rem; transform: skew(-0.04deg); } 


/*********************************************
 복리후생 
**********************************************/

.welfare_md_intro { width: 100%; height: 400px } 
.welfare_md_intro:before { width: 100%; height: 359px; background-image: url(../images/etc/yj_md_img_og_09.jpg); content: ''; /* float: left; */ position: absolute; left: 0; right: 0; background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover } 
.recruit_area img { display: block; margin: auto } 
.flexList_boxTxt { text-align: center } 
.flexList_boxTxt p { font-size: 22px; font-weight: 600; } 
.flexList_boxTxt span { display: block; font-size: 16px; transform: skew(-0.04deg); } 


/*********************************************
 동호회 소개 
**********************************************/

.club_md_intro { width: 100%; height: 400px } 
.club_md_intro:before { width: 100%; height: 359px; background-image: url(../images/etc/piqsels.com-id-fkrmi.jpg); content: ''; /* float: left; */ position: absolute; left: 0; right: 0; background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover } 
.club_txt_title { font-size: 34px; font-weight: 800 } 
.club_sub_txt { font-size: 24px; color: #fb5b17; margin-bottom: 20px } 
.club_intro_img { box-shadow: 0 .5rem 1rem rgba(0,0,0,.3)!important; } 
.recuit_guide_img { display: block; margin: auto } 



/*********************************************
 고객지원 
**********************************************/

.customer_image_company { } 
.customer_image_company::before { position: absolute; width: 100%; height: 421px; background-image: url(../images/etc/yj_md_img_og_12.jpg); left: 0; right: 0; content: ''; background-attachment: fixed; background-position:0px -150px; background-size: cover; overflow: hidden; } 
.customer_image_company .dash_board_area { width: auto; height: 421px; } 

.customer_area { position: relative; margin-bottom: 50px; margin-top: 160px; /*bottom: 200px; */ /*opacity: 1; */ display: block } 
.customer_table_area { display: block; margin: auto; width: 800px; padding: 25px; /*background-color: #f5f5f5*/ } 
.cs_form_input { width: 100% !important; height: 40px !important; font-size: 14px !important; padding: 7px !important; } 
.cs_table_head { font-size: 17px !important; font-weight: 600 } 
.cs_table_shell { display: block; margin: auto; width: 501px; } 
.ncy_ico { color: #ff0000 } 
.cs_txtarea { height: 200px !important; padding: 10px !important; font-size: 14px !important; resize: none } 

.under_send_info { text-align: center; display: block; margin: auto; margin-top: 30px; transform: skew(-0.04deg) !important; } 
.under_send_info div { padding-bottom: 10px } 
.under_send_info span { font-size: 19px; } 
.under_send_info span:first-child { font-weight: 600; color: #28a0ee; } 
.under_send_info p {display: inline-block; font-size: 16px;}

.top_move { display: none; position: fixed; top: 80%; float: left; z-index: 99999; right: 5%; padding: 8px; border: 1px #d7d7d7 solid; background-color: #fff; opacity: .8; } 

/*폰트테스트 20200728*/
.font_test_style01 { font-weight: 300 !important } 
.font_test .contents_txt,.font_test .work_under_txt02 p { font-weight: 300 !important } 


.business_under_intro { } 
.business_under_container { width: 715px; margin: auto } 


/*20200825 추가*/
.m_cms_partner { display: none !important } 

/*20200907 추가*/
.left_txt_opt01 { font-size: 30px; margin-bottom: 20px; font-weight: 600; } 
.left_txt_opt01 strong,.left_txt_way02 strong { font-weight: normal; color: #28a0ee } 

.fully_contents_custom { margin-top: 180px; padding-bottom: 80px; } 

.question_division { margin-top: 120px; text-align: center } 
.question_division .product_ask_area_01 { font-size: 24px; padding-bottom: 10px; font-weight: 600; margin-top: 180px } 
.question_division .product_ask_area_02 { font-size: 22px; font-weight: 500; margin-top: 5px; color: #28a0ee } 
.question_division .product_ask_area_03 { font-size: 20px; margin-top: 5px } 
.question_division .product_ask_area_04 { font-size: 16px; display: inline-block; margin-right: 30px; font-weight: 500; } 

.insert_lineStyle_01 { width: 250px; height: 2px; background-color: #fb5b17; display: block; margin: auto; margin-top: 30px; margin-bottom: 30px } 


/*복리후생 갤러리*/
.gallery_area { margin-top: 120px; border-top: 1px #d7d7d7 solid; padding-top: 80px } 
.gallery_area .under_title_01 { width: 100%; text-align: center; font-size: 32px; font-weight: 600; } 
.gallery_area .gallery_container { margin-top: 50px } 
.gallery_area .gallery_container .photo_box_01 { width: 100%; height: 250px; /*border: 1px #d7d7d7 solid; */ /*display: flex; align-items: center; */position: relative; overflow: hidden; } 
.gallery_area .gallery_container .photo_box_01 img { width: 100%; height: 200px; object-fit: cover; object-position: 0 29% } 
.imgBox_title { width: 100%; text-align: center; padding: 10px } 
.imgBox_title span { font-size: 14px; transform: skew(-0.04deg); display: block } 


.underBtn_style { text-align: center } 

.under_btn_area { width: 100%; text-align: center; margin-top: 50px } 
.line_horizon_short { width: 270px; height: 2px; background-color: #fb5b17; margin: auto; margin-top: 40px; margin-bottom: 60px } 

.company_md_intro { width: 100%; height: 400px } 
.company_md_intro:before { width: 100%; height: 359px; background-image: url(../images/etc/company_intro_img.jpg); content: ''; /* float: left; */ position: absolute; left: 0; right: 0; background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: contain } 
.work_under_txt02 .contents_title { font-size: 2.3076rem !important; font-weight: 600; letter-spacing: -1.8px; margin-bottom: 30px } 

.slide_flex { display: flex; width: 990px; margin-top: 80px; position: relative; height: 400px } 
.slide_flex .left_flex { position: relative; width: 262px; z-index: 999 } 
.slide_flex .left_flex img { position: absolute; right: 0; left: 150px; z-index: 999; top: 14px } 
.slide_flex .right_flex { position: relative; width: 480px } 
.slide_flex .right_flex img { position: absolute } 

.section_detail_back_05 { position: relative; /* background-color: #f2f5f7; */width: 100%; height: auto; display: block } 
.section_detail_back_05 .ceps_con_img_02 { width: 683px; /*height: 492px; */ display: block; margin: auto; margin-top: 30px } 
.section_detail_back_05 .section_detail_container03 { width: 1180px; height: auto; display: block; margin: auto } 
.section_detail_back_05 .contents_under_obj { width: 100%; display: block; text-align: center; margin-top: 40px; font-size: 20px } 

#yj_header .yj_header { background-color: rgba(255,255,255,0); box-shadow: none } 

/* 통계 화면 */
.biz_section_container .introduce_flex_container { display: flex; width: 100%; margin-top: 100px; } 
.biz_section_container .introduce_flex_container .intro_center_box .intro_top_img { display: flex; width: 100%; height: 200px; background-color: #e7eff9; } 
.biz_section_container .introduce_flex_container .intro_center_box .intro_top_img img { display: block; margin: auto; } 
.biz_section_container .introduce_flex_container .intro_center_box p.box_title_01 { font-size: 24px; margin-top: 12px; font-weight: 600; margin-bottom: 16px; letter-spacing: -1.5px; } 
.biz_section_container .introduce_flex_container .intro_center_box p.box_txt_01 { font-size: 16px; font-weight: 400; line-height: 1.8; color: #363636; letter-spacing: -1.2px; } 
.biz_section_container > img { display: block; margin: auto; } 

.scrollprogress { position: fixed; top: 56px; left: 0; height: 3px; background: #6a0dd1; width: 0%; } 

/* 웹편집 화면 */
.chart_title_01 { width: 100%; margin-bottom: 30px; font-size: 24px; font-weight: 500; text-align: center; } 

.bg_video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } 
.bg_video .bg_video_contents { height: 517px; width: 100%; object-fit: cover; position: relative; object-position: 0 32%; } 

/* 자동롤링배너 */
.banner_wrap { overflow: hidden; } 
.banner_wrap .rolling-list { display: block; } 
.banner_wrap .rolling-list ul { display: flex; } 
.banner_wrap .rolling-list ul li { width: auto; height: 65px; box-sizing: border-box; border-radius: 20px; margin: 0 16px; /* padding: 46px 31px; */ display: flex; align-items: center; flex-shrink: 0; } 
/* .banner_wrap .rolling-list ul li:nth-child(even) { margin-top: 80px; } */
.banner_wrap .rolling-list ul li .image-wrap { /* padding-right: 32px; */ width: 155px; flex-shrink: 0; } 
.banner_wrap .rolling-list ul li .image-wrap > img { width: 100%; } 
.banner_wrap .rolling-list ul li .desc { font-family: 'BMJUA'; } 
.banner_wrap .rolling-list ul li .desc strong { display: block; font-size: 24px; margin-bottom: 24px; } 
.banner_wrap .rolling-list ul li .desc span { font-size: 18px; line-height: 1.2; } 

.banner_wrap02 { overflow: hidden; } 
.banner_wrap02 .rolling-list02 { display: block; } 
.banner_wrap02 .rolling-list02 ul { display: flex; } 
.banner_wrap02 .rolling-list02 ul li { width: auto; height: 65px; box-sizing: border-box; border-radius: 20px; margin: 0 16px; /* padding: 46px 31px; */ display: flex; align-items: center; flex-shrink: 0; } 
/* .banner_wrap .rolling-list ul li:nth-child(even) { margin-top: 80px; } */
.banner_wrap02 .rolling-list02 ul li .image-wrap { /* padding-right: 32px; */ width: 155px; flex-shrink: 0; } 
.banner_wrap02 .rolling-list02 ul li .image-wrap > img { width: 100%; } 
.banner_wrap02 .rolling-list02 ul li .desc { font-family: 'BMJUA'; } 
.banner_wrap02 .rolling-list02 ul li .desc strong { display: block; font-size: 24px; margin-bottom: 24px; } 
.banner_wrap02 .rolling-list02 ul li .desc span { font-size: 18px; line-height: 1.2; } 

.banner_wrap03 { overflow: hidden; } 
.banner_wrap03 .rolling-list02 { display: block; } 
.banner_wrap03 .rolling-list02 ul { display: flex; } 
.banner_wrap03 .rolling-list02 ul li { width: auto; height: 65px; box-sizing: border-box; border-radius: 20px; margin: 0 16px; /* padding: 46px 31px; */ display: flex; align-items: center; flex-shrink: 0; } 
/* .banner_wrap .rolling-list ul li:nth-child(even) { margin-top: 80px; } */
.banner_wrap03 .rolling-list02 ul li .image-wrap { /* padding-right: 32px; */ width: auto; flex-shrink: 0; } 
.banner_wrap03 .rolling-list02 ul li .image-wrap > img { width: 100%; } 
.banner_wrap03 .rolling-list02 ul li .desc { font-family: 'BMJUA'; } 
.banner_wrap03 .rolling-list02 ul li .desc strong { display: block; font-size: 24px; margin-bottom: 24px; } 
.banner_wrap03 .rolling-list02 ul li .desc span { font-size: 18px; line-height: 1.2; } 

.banner_wrap04 { overflow: hidden; } 
.banner_wrap04 .rolling-list02 { display: block; } 
.banner_wrap04 .rolling-list02 ul { display: flex; } 
.banner_wrap04 .rolling-list02 ul li { width: auto; height: 65px; box-sizing: border-box; border-radius: 20px; margin: 0 16px; /* padding: 46px 31px; */ display: flex; align-items: center; flex-shrink: 0; } 
/* .banner_wrap .rolling-list ul li:nth-child(even) { margin-top: 80px; } */
.banner_wrap04 .rolling-list02 ul li .image-wrap { /* padding-right: 32px; */ width: auto; flex-shrink: 0; } 
.banner_wrap04 .rolling-list02 ul li .image-wrap > img { width: 100%; } 
.banner_wrap04 .rolling-list02 ul li .desc { font-family: 'BMJUA'; } 
.banner_wrap04 .rolling-list02 ul li .desc strong { display: block; font-size: 24px; margin-bottom: 24px; } 
.banner_wrap04 .rolling-list02 ul li .desc span { font-size: 18px; line-height: 1.2; } 

.history_container { width: 100%; margin-top: 50px; } 
.history_container .history_group { margin-right: 30px; } 
.history_container .history_group a { border: 0; font-size: 20px; border-radius: 30px; font-weight: 600; margin-bottom: 30px; } 
.history_container .history_group a.active { background-color: #55b2f0 } 
/* .history_height { position: relative; top: 56px; } */
.history_height .history_conBox { margin-bottom: 80px; padding-top: 100px; } 
.history_height h4 { margin-top: 30px; font-size: 24px; font-weight: 600; color: #47a6dc; margin-bottom: 18px; } 
.history_height ul li { font-size: 16px; margin-bottom: 12px; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; font-weight: 500; } 

.md_main_img .md_intro_paragraph { text-align: left; font-size: 23px; font-weight: 600; letter-spacing: -1.5px; color: #110935; padding-top: 7px; line-height: 1.8; } 

.home_md_intro .swiper-container { flex: 1.4; } 
.home_md_intro .swiper-container .swiper-wrapper { position: relative; } 
.home_md_intro .swiper-container .swiper-wrapper div.swiper-slide { width: 345px; height: 400px; background-color: #28a0ee; } 
.home_md_intro .swiper-container .swiper-wrapper div.swiper-slide a { position: relative; z-index: 1; } 
.home_md_intro .swiper-container .swiper-button-next { color: #282828; z-index: 99999; background-color: rgba(255,255,255,.5); padding: 12px; box-sizing: content-box; right: 0; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } 
.home_md_intro .swiper-container .swiper-button-prev { color: #282828; z-index: 99999; background-color: rgba(255,255,255,.5); padding: 12px; box-sizing: content-box; left: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.home_md_intro .swiper-button-prev, .home_md_intro .swiper-container-rtl .swiper-button-next {background-image: url(../images/ico/left_arrow_01.png); right: auto;}
.home_md_intro .swiper-button-next, .home_md_intro .swiper-container-rtl .swiper-button-prev {background-image: url(../images/ico/right_arrow_01.png); left: auto;}

.home_md_intro .swiper-container .swiper-button-prev::after, .home_md_intro .swiper-container .swiper-button-next::after { padding: 17px; background-color: #fff; opacity: .5; border-radius: 12px; z-index: 99999; } 
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { z-index: 9999; pointer-events: auto !important; } 

.home_md_intro .swiper-container .swiper-slide .product_intro01 { width: 100%; height: 246px; background-color: #f7f7f7; overflow: hidden; } 
.home_md_intro .swiper-container .swiper-slide.p_slide_01 .product_intro_title { width: 100%; height: 154px; background-color: #2c23b5; padding: 17px; } 
.home_md_intro .swiper-container .swiper-slide.p_slide_02 .product_intro_title { width: 100%; height: 154px; background-color: #27292b; padding: 17px; } 
.home_md_intro .swiper-container .swiper-slide.p_slide_03 .product_intro_title { width: 100%; height: 154px; background-color: #0d3d93; padding: 17px; } 
.home_md_intro .swiper-container .swiper-slide.p_slide_04 .product_intro_title { width: 100%; height: 154px; background-color: #4a546b; padding: 17px; } 
.home_md_intro .swiper-container .swiper-slide.p_slide_05 .product_intro_title { width: 100%; height: 154px; background-color: #114ea9; padding: 17px; } 
.home_md_intro .swiper-container .swiper-slide .product_intro_title p.product_name { font-size: 28px; font-weight: 600; font-family: pretendard; color: #fff; } 
.home_md_intro .swiper-container .swiper-slide .product_intro_title p.product_e_name { font-weight: 600; color: #28a0ee; } 
.home_md_intro .swiper-container .swiper-slide .product_intro_title p.p_explain { margin-top: 30px; font-weight: 600; font-size: 14px; line-height: 1.8; color: #fff; } 

/* .swiper-container .swiper-wrapper { transform: translate3d(102px, 0px, 0px) !important; } */

/* PC 톱메뉴 */
.top_nav_container .menu_list li.dropdown { position: relative; font-size: 17px; margin-right: 43px; padding-bottom: 10px; } 
.top_nav_container .menu_list li.dropdown ul.left { position: absolute; top: 30px; display: none; width: 180px; padding: 10px; background: linear-gradient(152deg, rgba(35, 81, 198, 0.95) 1.96%, rgba(92, 25, 123, 0.95) 98.04%); border-radius: 5px; } 
.top_nav_container .menu_list li.dropdown ul.left li { display: block; font-size: 14px; margin-bottom: 10px } 
.top_nav_container .menu_list li.dropdown ul.left li a { display: block; color: #eeeeee; padding-bottom: 10px; } 
.top_nav_container .menu_list li.dropdown ul.left li a:hover { color: #aa97be; } 
.top_nav_container .menu_list li.dropdown ul.left li:last-child a { padding-bottom: 0; } 

/* 기업인증 */
.company_certification .certi_flex { display: flex; margin-top: 145px !important; width: 800px; margin: auto; } 
.company_certification .certi_flex .left_certi { width: 100%; padding: 20px; } 
.company_certification .certi_flex .left_certi span:nth-child(2) { display: block; text-align: center; margin-top: 20px; font-size: 16px; font-weight: 400; color: #28a0ee; } 
.company_certification .certi_flex .left_certi span:last-child { display: block; text-align: center; margin-top: 5px; font-size: 18px; font-weight: 600; } 
.company_certification .certi_flex .left_certi img { display: block; width: 300px; margin: auto; border: 1px #d7d7d7 solid; } 
.company_certification .certi_flex .right_certi { width: 100%; padding: 20px; } 
.company_certification .certi_flex .right_certi span:nth-child(2) { display: block; text-align: center; margin-top: 20px; font-size: 16px; font-weight: 400; color: #28a0ee; } 
.company_certification .certi_flex .right_certi span:last-child { display: block; text-align: center; margin-top: 5px; font-size: 18px; font-weight: 600; } 
.company_certification .certi_flex .right_certi img { display: block; width: 300px; margin: auto; border: 1px #d7d7d7 solid; } 

.customer_desk {width: 100%; margin-top: 60px;}
.customer_desk .btn {display: block; margin: auto; width: 300px;}
.btn.under_help_btn {width: 268px !important; background-color: #01AAAD !important; padding: 10px !important; color: #fff !important; font-size: 18px; border-radius: 28px;}
.btn.under_help_btn:hover {background-color: #017d80 !important;}