<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">


/* ��釉붾젢 */
@media screen and (max-width:1400px) {
    /* -----怨듯넻----- */
    /* header */
    html, body {overflow-x: scroll;width: 140rem; -webkit-overflow-scrolling: touch;}
    .container {width: 100%;}
    .container .sub_visual {width: 140rem;}
    .container .sub_visual .sub_visual_nav {width: 100%;}
    .container .contents .contents_inner {width: 140rem;position: relative;}

    

    /* -----硫붿씤----- */

    /* �꾩냼��媛� area */
    .cont_main .section1 { width:100%; }
    .cont_main .section1 .count2 { right: 50%; transform: translateX(calc(60rem + 2vw)); }
    .cont_main .section1 .count2.on { transform: translateX(60rem); }

    /* header */
    .header .header_wrap {/*width: calc(100% - 16rem);*/ width: calc(100% - 5rem); position: relative;}
    .header .gnb&gt;ul&gt;li .gnb_tit {padding: 0 4vw; }
    .header .gnb&gt;ul&gt;li .depth_box .depth_list .list_tit { width: 100%; }
    .header .lang_select .lang_choice li {margin-right: 1.5rem;}
    .header .lang_select .lang_choice li:last-child { margin-right: 0;}
    /* footer */
    .footer .footer_wrap {width: 140rem;}

    /* -----�뚯궗�뚭컻----- */
    /* 李얠븘�ㅼ떆�� 湲� */
    .cont_company .btn_apply {right: 0;}

    /* -----�ъ뾽�뚭컻----- */
    /* �섏쿂由� */
    .cont_business .bus_section3 {width: 140rem;}

}

/* gnb 챙쨔짢챘짼�씳�벬셌ヂ∴� 챙혶쨍챠�◈� 챘짧짢챘째�씳�씲셌�꽉쑦ヂ┑� */
@media screen and (max-width:1080px) {
    .header .gnb {display: none;}
    
    .sitemap .sitemap_wrap li:nth-child(3) h2 { font-size: 2.5rem; line-height: 1.4; }
    /* 221013 �앹뾽異붽� */
/*     #warn_popup {width: 310px; height: 424px;}
    .modal_box {margin:-212px 0 0 -155px}
    #warn_popup1 {width: 310px; height: 510px;} 20201112 異붽�
    #warn_popup1.modal_box {margin:-255px 0 0 -155px} 20201112 異붽�
    
    .modal_body {padding: 10px 20px;}
    .modal_body strong.tit {margin: 0 0 20px; font-size: 20px; line-height: 24px;}
    
    .modal_body .btn_view {margin: 15px 0; padding: 5px 10px; background: #f4f4f4;}
    .modal_body .btn_view ul li {font-size: 11px;}
    .modal_body .btn_view ul li span {padding-left: 50px;} 20201112 異붽� */
    
    .modal_box {left: 50%; top: 50%; transform: translate(-50%, -50%);}
    .modal_body p.txt {font-size: 11px; line-height: 18px;}
    
    .close_option {font-size: 10px;}

}

/* 紐⑤컮�� */  
@media screen and (max-width:767px) {
    /* 怨듯넻遺�遺� */
    br.br_pc, br.br_t {display: none;}
    br.br_m {display: block;}
    html, body {overflow-x: hidden;width: 100%;}

    

    .header {height: 5.5rem;}
    .header .header_wrap {width: 100%;}
    .header h1 {padding-top: 1.4rem;padding-left: 1rem;}
    .header h1 .logo {width: 7.5rem;height: 2.7rem;}
    .header .gnb_menu { display: flex; align-items: center; height: 5.5rem; max-width: 100%; }
    .header .lang_select {display: block; height: inherit; }
    .header .lang_select .lang_choice { display: flex; height: inherit; align-items: center; }
    .header .lang_select .lang_choice li a { height: 100%; display: inline; }
    .header .top_sitemap {display: block;padding: 0 1rem 0 0;} 

    /* sitemap */
    .header.on { background-color: #fff; }
    .header.on h1 .logo { background: url(../images/common/img_logo.svg) left center no-repeat; background-size: contain; } 
    .header.on .header_wrap h1.off { display: block; }
    /* .notScroll {overflow: hidden;width: 100%;height: 100vh;touch-action:none;} */
    
    .sitemap { height: 0; margin-top: 5.5rem; top:0; left:0; transition:.6s height 0s; overflow: auto; }
    .sitemap_bg { height: 0; margin-top: 5.5rem; display: block; background: #fff; }
    .sitemap.on, .sitemap_bg.on { height: 100vh; border-top: .1rem solid #e8e8e8; }
    .sitemap_bg { left:0; transition:height .5s; }
    
    
    .sitemap .sitemap_wrap { display: flex; flex-direction: column; height: auto; padding-bottom: 5rem; }
    .sitemap .sitemap_wrap li { width:100%; float: none; text-align: unset; background: none; display: flex; align-items: center; flex-wrap: wrap; transition:all ease .6s; border-bottom: .1rem solid #e8e8e8; overflow: hidden; padding-bottom: 0;}
    .sitemap .sitemap_wrap li.on { height: 100%; background: #00a970 !important; }
    .sitemap .sitemap_wrap li:nth-child(3) h2 { font-size: 2rem; }
    .sitemap .sitemap_wrap li:hover { background: none; }
    .sitemap .sitemap_wrap li:not(:last-child) { border-right: none; }
    .sitemap .sitemap_wrap li .tit_line { display: none; }
    .sitemap .sitemap_wrap li p { margin-top: 0; transition:all ease .3s; transition-delay: 0s; width: 1.7rem; margin:0 0 .2rem 4rem; padding-bottom: 0;}
    .sitemap .sitemap_wrap li p img { width: 100%; }
    .sitemap .sitemap_wrap li:hover p img:first-of-type { display: unset; }
    .sitemap .sitemap_wrap li:hover p img:last-of-type,
    .sitemap .sitemap_wrap li.on p img:first-of-type,
    .sitemap .sitemap_wrap li p img:last-of-type { display: none; }
    .sitemap .sitemap_wrap li.on p img:last-of-type { display: inline-block; }

    .sitemap .sitemap_wrap li .depth_box .dep { padding-left:25px}/* 220824 css �섏젙 */
    
    .sitemap .sitemap_wrap li h2 { width: calc(100% - 5.7rem); position: relative; padding-left: 2.75rem; font-size: 2rem; margin-top: 0; transition: all ease .3s; transition-delay: 0s; height: 10rem; vertical-align: middle; }
    .sitemap .sitemap_wrap li h2 a { transition:all ease .3s; font-weight: 400; position: absolute; top: 50%; transform: translateY(-50%); width:40%; }
    .sitemap .sitemap_wrap li h2:after { content: ''; background: url(../images/common/sitemap_off.png) 50% 50% no-repeat; width: 2.1rem; height: 1.1rem; position: absolute; background-size: contain; top: 50%; transform: translateY(-50%); right: 3.9rem;  }
    .sitemap .sitemap_wrap li.on h2:after { background: url(../images/common/sitemap_on.png) 50% 50% no-repeat; background-size: contain; }
    .sitemap .sitemap_wrap li:hover h2 a { color: unset; }
    .sitemap .sitemap_wrap li.on h2 a:hover { padding-left: .5rem; color: #f5b508; }
    .sitemap .sitemap_wrap li.on h2 a { color: #fff; }
    .sitemap .sitemap_wrap li .depth_box { margin-top:-1.5rem; padding:0; width: 100%; max-height: 0; transition:max-height .6s ease; overflow: hidden; }    /* 220824 css �섏젙 */
    .sitemap .sitemap_wrap li.on .depth_box { opacity: 1; max-height: 50rem; padding-right: 0; }/* 220824 css �섏젙 */
    .sitemap .sitemap_wrap li .depth_list { font-size:1.5rem; line-height: 1; padding-top: 0rem; }
    .sitemap .sitemap_wrap li .depth_list:not(:first-of-type) { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .sitemap .sitemap_wrap li .depth_list a { color:#777777; position: relative; left: 8rem;}    /* 220824 css �섏젙 */
	.sitemap .sitemap_wrap li .depth_list.dep {font-size: 1.25rem; line-height: 1; padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .sitemap .sitemap_wrap li .depth_list.dep a:before{ background-color: rgba(255, 255, 255, .5);}
    .sitemap .sitemap_wrap li .depth_list a:after { display: none; }
    .sitemap .sitemap_wrap li .depth_list a:hover:after { right: auto; left: 0; width: 100%; }
    .sitemap .sitemap_wrap li.on .depth_list a:hover { color:#f5b508; }
    .sitemap .sitemap_wrap li.on .depth_list a { color:rgba(255, 255, 255, .5); }
    .sitemap .sitemap_wrap li p.on, .sitemap .sitemap_wrap li h2.on , .sitemap .sitemap_wrap li .depth_list.on { opacity: 1; }
    .sitemap .sitemap_wrap li .depth_list:last-of-type { padding-bottom: 4rem;  }
    .sitemap .sitemap_wrap li:hover .depth_list.dep a {opacity: 1;}/* 220712 css �섏젙 */
    .sitemap .sitemap_wrap li:hover .depth_list.dep a:before { background-color:rgba(255, 255, 255, .5); }/* 220712 css �섏젙 */


    .container .sub_visual {height: 27.5rem;width: 100%;}
    .container .sub_visual .sub_visual_nav h2 {font-size: 3rem;}
    .container .sub_visual .sub_visual_nav &gt; div {display: none;}
    .container .sub_visual .sub_visual_menu {width: calc(100% - 2rem);height: 5rem;left: 2rem;}
    .container .sub_visual .sub_visual_menu .home {width: 5rem;height: 5rem;background: #00a970 url(../images/common/sub_nav_home_m.png) no-repeat 50% 50%;background-size: 1.2rem 1.3rem;}
    .container .sub_visual .sub_visual_menu .depth1 {display: none;} 
    .container .sub_visual .sub_visual_menu .depth2 {width: calc(100% - 5rem)!important;border-right: 0;} 
    .container .sub_visual .sub_visual_menu .depth:last-child .dep_tit {width: 100%;}
    .container .sub_visual .sub_visual_menu .depth &gt; a {height: 5rem;line-height: 5.2rem;font-size: 1.4rem;padding-left: 2.4rem;}
    .container .sub_visual .sub_visual_menu .depth.open .drop_box {padding: 1rem 0 1rem 2rem;}
    .container .sub_visual .sub_visual_menu .depth .drop_box li a {font-size: 1.3rem;}
    .container .sub_visual .sub_visual_menu .depth:last-child &gt; a:before {height: .5rem;top:2.2rem;right:2rem;}
    .container .sub_visual .sub_visual_menu .depth:last-child.open &gt; a:before {top: 2.4rem;}

    .footer {height: 34.3rem;padding-top: 0;}
    .footer .footer_wrap {max-width: 100%;}
    .footer .footer_wrap .menu_top {padding: 3rem 2rem; display: flex; border-bottom: 1px solid #597055; overflow-x: scroll;}/* 220704 css �섏젙 */
    .footer .footer_wrap .footer_menu a {display: block;font-size: 1.3rem;padding: 0 2rem;word-break: break-word;flex-shrink: 0;}
    .footer .footer_wrap .footer_info {font-size: 1.3rem;padding: 3rem 2rem 0;}
    .footer .footer_wrap .footer_info &gt; div {display: block;margin-bottom: 2rem;margin-right: 0;}
    .footer .footer_wrap .footer_info &gt; div &gt; span {margin-right: 0.8rem;}
    .footer .footer_wrap .footer_info &gt; div:first-child {letter-spacing: -.0625rem;}
    .footer .footer_wrap .copyright {padding: 0 2rem;font-size: 1.2rem;}
    .footer .family_site {position:relative;padding: 3rem 2rem 0;}
    .footer .family_site .site_link .link_open {width: 100%;font-size: 1.3rem;}
    .footer .family_site .site_link .link_list a {font-size: 1.3rem;}
    #topButton {border-radius: 2.5rem;/* right: 3.7rem; */left: calc(100% - 8.7rem); bottom: 3.3rem; box-shadow: 1px 2px 7.9616px 0.0384px rgba(67, 83, 66, 0.16);}
    #topButton &gt; img:first-child {display: none;}
    #topButton &gt; img:last-child {display: block;width: 5rem;}

    .container .contents .contents_inner{padding: 6rem 0 10rem;width: 100%;}
    .contents .contents_inner &gt; .icon {padding-bottom: 1.2rem;}
    .contents .contents_inner &gt; .icon &gt; img {width: 1.7rem;}
    .contents .contents_inner &gt; .title {font-size: 2.5rem;}
    .contents .contents_inner &gt; .tit_line {margin: 2.3rem auto; }
    .contents .contents_inner &gt; .tit_line.on {height: 4rem;} 
    .contents .contents_inner .sub_contents .inner {padding: 0 2rem;}

    .input_row {width: 100%;}
    .input_search input {width: 100%;}

    .company_visual:before { background:url('../images/company/sub_banner_m.png') no-repeat 50% 50%;background-size: cover; }
    .business_visual:before { background:url('../images/business/sub_banner_m.png') no-repeat 50% 50%;background-size: cover; }
    .sustain_visual:before { background:url('../images/sustain/sub_banner_m.png') no-repeat 50% 50%;background-size: cover; }
    .invest_visual:before { background:url('../images/invest/sub_banner_m.png') no-repeat 50% 50%;background-size: cover; }
    .recruit_visual:before { background:url('../images/recruit/sub_banner_m.png') no-repeat 50% 50%;background-size: cover; }

    .contents .paging {margin-top: 3rem;}
    .contents .paging .front {width: 1.8rem;height: 1.9rem;background: url(../images/common/arrow_front_m.png) 0 0 no-repeat;background-size: contain;}
    .contents .paging .prev {margin-left: 1rem;width: .9rem;height: 1.9rem;background: url(../images/common/arrow_prev_m.png) 0 0 no-repeat;background-size: contain;}
    .contents .paging .next {margin-right: 1rem;width: .9rem;height: 1.9rem;background: url(../images/common/arrow_next_m.png) 0 0 no-repeat;background-size: contain;}
    .contents .paging .last {width: 1.8rem;height: 1.9rem;background: url(../images/common/arrow_last_m.png) 0 0 no-repeat;background-size: contain;}
    .contents .paging ul {margin: 0 1rem;} 
    .contents .paging ul li {margin: 0 .5rem;}
    .contents .paging ul li a {width: 3rem;height: 3rem;line-height: 3rem;font-size: 1.3rem;}


    /* �뚯궗�뚭컻 - CEO �몄궗留� */
    .container .cont_company .contents_inner .slogan { font-size: 3.5rem; margin-top: 3.6rem; letter-spacing: -.2rem; padding: 0 2rem; }
    .container .cont_company .contents_inner .sub_con {font-size: 1.6rem; margin: 2rem 0 4.5rem; padding: 0 2rem; }
    .container .cont_company .sub_contents .greet { flex-direction: column; padding-bottom: 0; margin-top: 0; gap: 0;}
    .container .cont_company .sub_contents .greet &gt; div,
    .container .cont_company .sub_contents .greet .left img { width: 100%; }
    .container .cont_company .sub_contents .greet .left a {display: block; font-family: 'NS'; float: right; width: 20.75rem;height: 4rem; border-radius: 2rem; margin-top: 2.5rem; padding: 0 2rem; font-size: 1.3rem; background:#00b699 url(../images/common/icon_btn_arrow_w.png) no-repeat calc(100% - 2rem) 49%; }
    .container .cont_company .sub_contents .greet .left a:hover { transform: scale(.95); }
    .container .cont_company .sub_contents .greet .right { padding:4rem 0 0 0; font-size: 1.4rem; line-height: 1.6; }
    .container .cont_company .sub_contents .greet .right dl:not(:last-of-type) { padding-bottom: 3.5rem; }
    .container .cont_company .sub_contents .greet .right dl dt { font-size: 1.5rem; padding-bottom: .8rem; }
    .container .cont_company .sub_contents .greet .sign { font-size: 1.6rem; }
    .container .cont_company .sub_contents .greet .sign span { font-size: 3.5rem; }

    /* �뚯궗�뚭컻 - �고쁺 */
    .container .cont_company .sub_contents .history { margin-top: 3.7rem; }
    .container .cont_company .sub_contents .history .line { width: .05rem; height: calc(100% - 3rem); right: auto; left: 1rem; top:1rem; }
    .container .cont_company .sub_contents .history dl { width: calc(100% - 1rem); }
    .container .cont_company .sub_contents .history dl:not(:last-of-type) { border-bottom: .05rem solid #e8e8e8; padding-bottom: 4.5rem; margin-bottom: 4.5rem; }
    .container .cont_company .sub_contents .history dl:nth-of-type(odd),
    .container .cont_company .sub_contents .history dl:nth-of-type(even) { text-align: left; padding-right: 0; margin-left: 0%; padding-left: 2rem; margin-left: 1rem; }
    .container .cont_company .sub_contents .history dl dt { font-size: 2.5rem; margin-bottom: 3rem; }
    .container .cont_company .sub_contents .history dl dt span { font-size: 4.5rem; position: relative; top:.5rem; padding-right: 1.45rem; }
    .container .cont_company .sub_contents .history dl dt:after { top: 1.2rem; }
    .container .cont_company .sub_contents .history dl dt:before { top: 2rem; }
    .container .cont_company .sub_contents .history dl dd:before { top: .8rem; }
    .container .cont_company .sub_contents .history dl:nth-of-type(odd) dt:after,
    .container .cont_company .sub_contents .history dl:nth-of-type(even) dt:after { right: unset; left: -3rem; }
    .container .cont_company .sub_contents .history dl:nth-of-type(odd) dt:before,
    .container .cont_company .sub_contents .history dl:nth-of-type(odd) dd:before,
    .container .cont_company .sub_contents .history dl:nth-of-type(even) dt:before,
    .container .cont_company .sub_contents .history dl:nth-of-type(even) dd:before { right: unset; left: -2.2rem; }
    .container .cont_company .sub_contents .history dl dd { font-size: 1.4rem; line-height: 1.6; position: relative; letter-spacing: -.05rem; }
    .container .cont_company .sub_contents .history dl dd:not(:last-of-type) { padding-bottom: 1.5rem; }
    .container .cont_company .sub_contents .history dl dd span { font-size: 1.9rem; position: absolute; line-height: 1.3; }
    .container .cont_company .sub_contents .history dl:nth-of-type(odd) dd,
    .container .cont_company .sub_contents .history dl:nth-of-type(even) dd { padding-left: 5.7rem; padding-right: 0; }
    .container .cont_company .sub_contents .history dl:nth-of-type(odd) dd span,
    .container .cont_company .sub_contents .history dl:nth-of-type(even) dd span { right: unset; left: 0; }
    .container .cont_company .sub_contents .history dl .special_br { line-height: 2.7; margin-top: -.8rem; }
    .container .cont_company .sub_contents .history dl .special_br span { line-height: 2; }
    .container .cont_company .sub_contents .history dl .special_br:before { top:1.5rem; }
    
    /* �뚯궗�뚭컻 - CI */
	.container .cont_company .ci_contents img {max-width: 100%;}

    .contents .contents_inner .ci_contents .inner {padding: 0 1rem;}
    .container .cont_company .ci_contents section .s_title_img {margin-bottom: 1.2rem;}
    .container .cont_company .ci_contents section .s_title_img &gt; img:first-of-type {display: none;}
    .container .cont_company .ci_contents section .s_title_img &gt; img:last-of-type {display: block;margin: 0 auto;}
    .container .cont_company .ci_contents section &gt; h3 {font-size: 2.5rem;}
    .container .cont_company .ci_contents section &gt; p {font-size: 1.4rem;line-height: 1.57;margin-top: 2.4rem;}

    .container .cont_company .ci_contents .section1 {height: auto;padding: 4rem 1rem 0;margin-top: 2.3rem;background: linear-gradient(to bottom, #f5f5f5 90%, #fff 90% 100%);}
    .container .cont_company .ci_contents .section1 .s_title_img &gt; img {width: 4rem;}
    .container .cont_company .ci_contents .section1 .s1_box ul {flex-direction: column; width: 100%;margin: 3.5rem auto 0;border-top: 0;border-left: 2px solid #568236;box-shadow: 2.5px 4.5px 9px 1px rgba(0, 0, 0, 0.1);}
    .container .cont_company .ci_contents .section1 .s1_box ul li {width: 100%; padding: 3rem;}
    .container .cont_company .ci_contents .section1 .s1_box ul li .tit {font-size: 1.4rem;margin-bottom: .5rem;}
    .container .cont_company .ci_contents .section1 .s1_box ul li &gt; p {font-size: 1.3rem;line-height: 1.61;}
    .container .cont_company .ci_contents .section1 .s1_box li:first-child {position: relative;}
    .container .cont_company .ci_contents .section1 .s1_box li:first-child:after {content:'';display: inline-block;width: calc(100% - 4.8rem);height: .1rem;background: #ccc;position: absolute;bottom: 0; left: 2.4rem;} 

    .container .cont_company .ci_contents .section2 {width: 100%;margin: 6rem auto 0;padding: 0 1rem;}
    .container .cont_company .ci_contents .section2 .s_title_img &gt; img {width: 9.9rem;}
    .container .cont_company .ci_contents .section2 .s2_box .top {height: auto;padding: 2rem;flex-direction: column;align-items: normal;}
    .container .cont_company .ci_contents .section2 .s2_box .top .tit {font-size: 1.5rem;}
    .container .cont_company .ci_contents .section2 .s2_box .top &gt; p {font-size: 1.2rem;flex-direction: column-reverse;align-items: normal;text-align: left;}
    .container .cont_company .ci_contents .section2 .s2_box .top &gt; p &gt; span:first-of-type {margin-right: 0;}
    .container .cont_company .ci_contents .section2 .s2_box .top &gt; p &gt; span:last-of-type {margin: 1.5rem 0;}
    .container .cont_company .ci_contents .section2 .s2_box .cont ul {padding-bottom: 1.1rem;flex-direction: column; }
    .container .cont_company .ci_contents .section2 .s2_box .cont ul li {width: 100%;padding-bottom: 4rem;}
    .container .cont_company .ci_contents .section2 .s2_box .cont ul li:first-child {border-bottom: 1px solid #e8e8e8;   }
    .container .cont_company .ci_contents .section2 .s2_box .cont ul li .logo {width: 26rem;}
    .container .cont_company .ci_contents .section2 .s2_box01 {margin-top: 2.7rem;}
    .container .cont_company .ci_contents .section2 .s2_box01 .cont ul li:first-child .logo {height: 16.8rem;background-image: url(../images/company/signature_type_logo01_m.png);}
    .container .cont_company .ci_contents .section2 .s2_box01 .cont ul li:last-child .logo {height: 16.7rem;background-image: url(../images/company/signature_type_logo02_m.png);}
    .container .cont_company .ci_contents .section2 .s2_box02 .cont ul li:first-child .logo {height: 15.9rem;background-image: url(../images/company/signature_type_logo03_m.png);}
    .container .cont_company .ci_contents .section2 .s2_box02 .cont ul li:last-child .logo {height: 15.7rem;background-image: url(../images/company/signature_type_logo04_m.png);}
    .container .cont_company .ci_contents .section2 .s2_box03 .cont ul li:first-child .logo {height: 18.6rem;background-image: url(../images/company/signature_type_logo05_m.png);}
    .container .cont_company .ci_contents .section2 .s2_box03 .cont ul li:last-child .logo {height: 16.4rem;background-image: url(../images/company/signature_type_logo06_m.png);}
    .container .cont_company .ci_contents .section2 .s2_box .cont .cont_tit {width: 8rem;height: 2.5rem;margin: 4rem 0 3rem 0;border-radius: 1.25rem;font-size: 1.25rem;line-height: 2.5rem;}
    .container .cont_company .ci_contents .section2 .s2_box03 .cont ul li:last-child .cont_tit {margin: 4rem 0 4rem 0;}
    .container .cont_company .ci_contents .section2 .s2_box03 .top {padding: 2rem 2rem 4.5rem;}
    .container .cont_company .ci_contents .section2 .s2_box03 .top .tit {padding-bottom: 1.2rem;}
    .container .cont_company .ci_contents .section2 .s2_box03 .top &gt; p {display: block;position: relative;}
    .container .cont_company .ci_contents .section2 .s2_box03 .top &gt; p span.line {display: none;}
    .container .cont_company .ci_contents .section2 .s2_box .top &gt; p span &gt; img:first-of-type {display: none;}
    .container .cont_company .ci_contents .section2 .s2_box .top &gt; p span &gt; img:last-of-type {display: inline-block;}
    .container .cont_company .ci_contents .section2 .s2_box01 .top &gt; p span &gt; img {width: 7.1rem;}
    .container .cont_company .ci_contents .section2 .s2_box02 .top &gt; p span &gt; img {width: 11.1rem;}
    .container .cont_company .ci_contents .section2 .s2_box03 .top &gt; p span:nth-of-type(1) {position: absolute;top:4rem;}
    .container .cont_company .ci_contents .section2 .s2_box03 .top &gt; p span:nth-of-type(2) &gt; img {width: 11.3rem;}
    .container .cont_company .ci_contents .section2 .s2_box03 .top &gt; p span:nth-of-type(4) &gt; img {width: 14.7rem;}
    /* CI �ㅼ슫濡쒕뱶 踰꾪듉 異붽�(221103) */
	.container .cont_company .ci_contents .section3 .s3_box {padding: 2rem;}
	.container .cont_company .ci_contents .section2 .s2_box .cont ul li, .container .cont_company .ci_contents .section3 .s3_box .cont ul li {margin: 0; gap: 2rem; width: 100%; padding: 2rem;}
	.container .cont_company .ci_contents .section3 .s3_box .cont ul {flex-direction: column;}


    .container .cont_company .ci_contents .section3 {width: 100vw;margin: 4rem auto 0;margin-left: -1rem;padding: 5rem 1rem 2.5rem;}
    .container .cont_company .ci_contents .section3 .s_title_img &gt; img {width: 10.7rem;}
    .container .cont_company .ci_contents .section3 .s3_box {width: 100%;height: auto;text-align: center;background: transparent;}
    .container .cont_company .ci_contents .section3 .s3_box &gt; img {display: inline-block; max-width: 34.5rem;width: 100%; object-fit: contain;}
    .container .cont_company .ci_contents .section3 .s3_box01 {margin: 2.6rem auto 0;width: 100%;height: auto;}
    .container .cont_company .ci_contents .section3 .s3_box02 {margin: 2rem auto 0;width: 100%;height: auto;}

    .container .cont_company .ci_contents .section4 {width: 100%;margin: 5rem auto 0;border-bottom: 1px solid #e8e8e8;padding: 0 1rem;}
    .container .cont_company .ci_contents .section4 .s_title_img &gt; img {width: 9.1rem;}
    .container .cont_company .ci_contents .section4 .s4_box {flex-direction: column; padding-bottom: 4rem;}
    .container .cont_company .ci_contents .section4 .s4_box .tit {font-size: 1.7rem;width: auto;margin-bottom: 1.8rem;}

	.container .cont_company .ci_contents .section4 .cont_color {flex-direction: column; padding: 2rem;}
	.container .cont_company .ci_contents .section4 .cont_color strong {font-size: 4rem; text-align: center; width: 100%;}
	.container .cont_company .ci_contents .section4 .cont_color ul {width: auto; margin-top: 1rem;}
	.container .cont_company .ci_contents .section4 .cont_color ul li {display: flex; font-size: 1.5rem;margin: 0.5rem 0;}

    .container .cont_company .ci_contents .section5 {width: 100%;margin: 6rem auto 0;padding: 0 1rem;}
    .container .cont_company .ci_contents .section5 .s_title_img &gt; img {width: 10.2rem;}
    .container .cont_company .ci_contents .section5 .s5_box {flex-direction: column;}
    .container .cont_company .ci_contents .section5 .s5_box .tit {font-size: 1.7rem;width: auto;line-height: normal;margin-bottom: 1.5rem;}
    .container .cont_company .ci_contents .section5 .s5_box01 {margin: 3.5rem 0 3.7rem;}
    .container .cont_company .ci_contents .section5 .s5_box .cont {width: 100%;height: auto;background: none;}
    .container .cont_company .ci_contents .section5 .s5_box .cont &gt; img {display: block;margin: 0 auto; width: 100%;object-fit: contain;}
	.container .cont_company .ci_contents .section5 .cont {margin-top: 0;}
	.container .cont_company .ci_contents .section5 ul p {font-size: 1.35rem;}
	 
	.container .cont_company .ci_contents .btn_download {margin: 10px auto 60px;}
	.container .cont_company .ci_contents .btn_download &gt; a {text-align: left;}

    /* �뚯궗�뚭컻 - 寃쎌쁺鍮꾩쟾 */
    .container .cont_company .sub_contents .vision { margin: 4rem 0 0; position: relative; }
    .container .cont_company .sub_contents .vision img:last-of-type { display: block; width: 100%; object-fit: cover; }
    .container .cont_company .sub_contents .vision img:first-of-type { display: none; }
    .container .cont_company .sub_contents .vision .mob_txt { display: block; margin-top: 4rem; letter-spacing: -.1rem; }
    .container .cont_company .sub_contents .vision .mob_txt dl { position: relative; padding-left: 3.25rem; margin-top: 2rem; }
    .container .cont_company .sub_contents .vision .mob_txt dl dt { font-size: 1.5rem; font-weight: 400; }
    .container .cont_company .sub_contents .vision .mob_txt dl dt span { position: absolute; left: 0; }
    .container .cont_company .sub_contents .vision .mob_txt dl dd { font-size: 1.4rem; line-height: 1.5; padding-top: 1rem; color:#555555; font-weight: 200; }
    .container .cont_company .sub_contents .vision .mob_txt dl:nth-of-type(1) dt { color: #6d736c; }
    .container .cont_company .sub_contents .vision .mob_txt dl:nth-of-type(2) dt { color: #6d825e; }
    .container .cont_company .sub_contents .vision .mob_txt dl:nth-of-type(3) dt { color: #568236; }
    .container .cont_company .sub_contents .vision .mob_txt dl:nth-of-type(4) dt { color: #42751d; }
    .container .cont_company .sub_contents .vision .mob_txt dl:nth-of-type(5) dt { color: #0e5b0d; }
    .container .cont_company .sub_contents .vision .mob_txt dl:nth-of-type(6) dt { color: #00a970; }
    .container .cont_company .sub_contents .vision .mob_txt dl:nth-of-type(7) dt { color: #094303; }
    .container .cont_company .sub_contents .vision .mob_txt dl:nth-of-type(8) dt { color: #0e290b; }

    /* �뚯궗�뚭컻 - 李얠븘�ㅼ떆�� 湲� */
    .container .cont_company .contents_inner.location {padding: 6rem 0 0 0;}
    .container .cont_company .contents_inner.location .inner { padding: 0; }
    .container .cont_company .contents_inner.location .tit_line { display: none; }
    .cont_company .direction {max-width: 120rem; margin: 1rem 2rem 5rem; font-size: 1.5rem; flex-direction: column;}
    .cont_company .direction &gt; div &gt; div { flex-direction: column; width: 100%; line-height: 1; padding: 3rem 0 0; position: relative;}
    .cont_company .direction &gt; .contact &gt; div { padding-left: .5rem; }
    .cont_company .direction &gt; .contact &gt; div &gt; span { padding-bottom: 1rem; margin-left: -.5rem; } 
    .cont_company .direction &gt; div &gt; div &gt; span &gt; img:first-of-type {display: none;}
    .cont_company .direction &gt; div &gt; div &gt; span &gt; img:last-of-type {display: inline-block;}
    .cont_company .direction &gt; .contact &gt; div:nth-child(1) &gt; span &gt; img {width: 8.4rem;}
    .cont_company .direction &gt; .contact &gt; div:nth-child(2) &gt; span &gt; img {width: 5.6rem;}
    .cont_company .direction &gt; .trans dt {font-size: 1.2rem; line-height: 2.5; display: inline-block; margin-left: 4.25rem;}
    .cont_company .direction &gt; .trans dd {font-size: 1.2rem;line-height: 1; padding:1rem 0 0 .5rem; }
    .cont_company .direction &gt; .trans &gt; div &gt; span {margin-right: 1rem; width: 2.85rem; position: absolute;}
    .cont_company .direction &gt; .trans &gt; div &gt; span img { width: 100%; }
    .cont_company .direction &gt; div:not(:last-child) {margin-right: 0rem;}
    .cont_company .map { height: 50rem; position: relative;}
    .cont_company .btn_apply {width: 11.5rem;height: 11.5rem; background: #00a970 url(../images/company/dir_icon00.png) no-repeat 50% 3rem; background-size: 23%; box-shadow: .1rem .15rem .48rem .02rem rgba(0, 0, 0, 0.5); top: 2rem;right: unset; left:2rem; }
    .cont_company .btn_apply &gt; a { font-size: 1.2rem; padding-top: 7.35rem;}


    /* �ъ뾽�뚭컻 - 媛쒖슂 紐⑤컮�� */ 
    .cont_business .contents_inner .busIntro_contents .inner {max-width: 100%;padding: 0 2rem;}
    .busIntro_contents .title {font-size: 4rem;letter-spacing: -.2rem;}
    .busIntro_contents .sub_con {font-size: 1.5rem;margin: 3.5rem 0 6.3rem;}
    .busIntro_contents .businessIntro &gt; ul {flex-direction: column;}
    .busIntro_contents .businessIntro &gt; ul &gt; li {width: 100%;height: 25rem;border-radius: 4.5rem 0 4.5rem 0;display: table;margin-left: 0;}
    .busIntro_contents .businessIntro &gt; ul &gt; li:not(:last-child) {margin-bottom: 4rem;}
    .busIntro_contents .businessIntro &gt; ul &gt; li &gt; .tit {display: none;}
    .busIntro_contents .businessIntro &gt; ul &gt; li .hover {display: table-cell;vertical-align: middle;padding-top: 0;}
    .busIntro_contents .businessIntro &gt; ul &gt; li:hover {border-radius: 4.5rem 0 4.5rem 0;}
    .busIntro_contents .businessIntro &gt; ul &gt; li .hover &gt; .tit {font-size: 2rem;margin-bottom: 5rem;}
    .busIntro_contents .businessIntro &gt; ul &gt; li .hover &gt; ul {display: flex;justify-content: center;flex-wrap: wrap;}
    .busIntro_contents .businessIntro &gt; ul &gt; li .hover &gt; ul &gt; li &gt; a {font-size: 1.5rem;padding: 1rem 2.5rem;}
    .busIntro_contents .businessIntro &gt; ul &gt; li:hover .hover {display: table-cell;}
    .busIntro_contents .businessIntro &gt; ul &gt; li:first-child, .busIntro_contents .businessIntro &gt; ul &gt; li:first-child:hover .hover {background: url(../images/business/intro_img01_m.png) no-repeat 50% 50%;background-size: cover;}
    .busIntro_contents .businessIntro &gt; ul &gt; li:nth-child(2) {background: url(../images/business/intro_img02_m.png) no-repeat 50% 50%;background-size: cover;}
    .busIntro_contents .businessIntro &gt; ul &gt; li:last-child {background: url(../images/business/intro_img03_m.png) no-repeat 50% 50%;background-size: cover;}


    /* �ъ뾽�뚭컻 - �섏쿂由� - O&amp;M 紐⑤컮�� */
    .container .contents .contents_inner.onm_inner {padding: 6rem 0 0;background: linear-gradient(to bottom, #fff, #fff 88%, #f7f7f7 88.1%, #f7f7f7 100%);}
    .cont_business .onm_inner .business_contents .inner {max-width: 100%; padding:0 2rem;}
    .onm_inner .business_contents .section1 .nav_btn_wrap { overflow-x: scroll; width: calc(100% + 4rem);height: auto; margin-left: -2rem; padding:0 2rem; }
    .onm_inner .business_contents .section1 .sub_con {font-size: 1.7rem; line-height: 1.6; top:2rem; }
    .onm_inner .business_contents .section1 .sub_con.on { top:0; padding:0 1.5rem; }
    .onm_inner .business_contents .section1 .nav_btn {height: 14rem; width: fit-content; margin: 2.75rem auto 0; }
    .onm_inner .business_contents .section1 .nav_btn li {width: 11.2rem; box-shadow: none; }
    .onm_inner .business_contents .section1 .nav_btn &gt; li.on { border: 0.15rem solid #568236; }
    .onm_inner .business_contents .section1 .nav_btn li .nav_tit {font-size: 1.3rem; line-height: 1.7rem; top: 8.9rem;}
    .onm_inner .business_contents .section1 .nav_btn .on .nav_tit { top:8.85rem; }
    .onm_inner .business_contents .section1 .nav_btn li .icon { padding-top:2.9rem; }
    .onm_inner .business_contents .section1 .nav_btn .on .icon { padding:2.85rem 0 2.25rem 0; }
    .onm_inner .business_contents .section1 .nav_btn li .icon img.onm_icon { width: 4rem; }
    .onm_inner .business_contents .section1 .nav_btn li:nth-child(1) .icon img.onm_icon { width: 3.75rem; }
    .onm_inner .business_contents .section1 .nav_btn li:nth-child(3) .icon img.onm_icon { width: 3.85rem; }
    .onm_inner .business_contents .section1 .nav_btn li:nth-child(n+1):nth-child(-n+2) .icon img.envir_icon {width: 4.1rem;}
    .onm_inner .business_contents .section1 .nav_btn li:nth-child(3) .icon img.envir_icon {width: 2.5rem;}
    .onm_inner .business_contents .section2 {position: relative;width: 100%; min-height:44.7rem;height: auto; margin-top:7rem;}
    .onm_inner .business_contents .section2 .nav_box {display: none;/* position: absolute; */position: relative; letter-spacing: -.1rem;}
    .onm_inner .business_contents .section2 .nav_box.on { width: 100%; display: flex; flex-wrap: wrap; }
    .onm_inner .business_contents .section2 .nav_box .box_text {width: 100%;flex-shrink: 1;}
    .onm_inner .business_contents .section2 .nav_box .box_text .onm_title {font-size: 2.4rem;font-weight: 400;color: #222;position: relative;}
    .onm_inner .business_contents .section2 .nav_box .box_text .onm_title:after {content:'';display: block;width: 9rem;height: .3rem;background: #568235;position: absolute;bottom:-1.9rem;}
    .onm_inner .business_contents .section2 .nav_box .box_text .onm_desciption { font-size: 1.5rem; line-height: 1.5; margin-top: 4.9rem; }
    .onm_inner .business_contents .section2 .onm_box_slider_button { width: 13rem;position:relative; top:unset; bottom:unset; left:0; height:5.5rem; margin-top: 4.3rem; }
    .onm_inner .business_contents .section2 .onm_box_slider_button .swiper-button-prev, 
    .onm_inner .business_contents .section2 .onm_box_slider_button .swiper-button-next { width: 5.5rem; height: 5.5rem; }
    .onm_inner .business_contents .section2 .nav_box .swiper { width: 100%; margin-top: 2rem; }
    .onm_inner .business_contents .section2 .swiper .swiper-slide .onm_slide_img {width: 100%; height: auto;}
    .onm_inner .business_contents .section2 .swiper .swiper-slide .onm_slide_text_box { padding:1.95rem 2.2rem 2.45rem; font: 200 1.4rem 'NS'; }
    .onm_inner .business_contents .section2 .swiper .swiper-slide .onm_slide_text_box h3 { font-size: 1.7rem; height:auto; /* height: 4.2rem; */ letter-spacing: -.085rem; }
    .onm_inner .business_contents .section2 .swiper .swiper-slide .onm_slide_text_box &gt; div:before { margin: 3.3rem 0 1.8rem;}
    .onm_inner .business_contents .section2 .swiper .swiper-slide .onm_slide_text_box dl dt { padding-right: 1.3rem; }
    .onm_inner .business_contents .section2 .swiper_2depth_tabs { margin-top: 4rem; }
    .onm_inner .business_contents .section2 .swiper_2depth_tabs p { margin-bottom: 2rem; width:calc(50% - .58rem); }
    .onm_inner .business_contents .section2 .swiper_2depth_tabs p:last-child { float: right ;}
    .onm_inner .business_contents .section2 .swiper_2depth_tabs p a { height: 4.5rem; font:200 1.4rem/4.5rem 'NS'; width: 100%; margin:0; }
    .onm_inner .business_contents .section2 .swiper_2depth_tabs .on a { font:400 1.4rem/4.5rem 'NS'; }
    .cont_business .bus_section3 {width: 100vw;height: auto;background: #f7f7f7;padding-bottom: 15rem;/* padding-top: 31vw; */}
    .cont_business .bus_section3 .search { text-align: center; }
    .cont_business .bus_section3 .input_search {margin: 5rem 0 4rem; width: calc(100% - 7.5rem);}
    .cont_business .bus_section3 .input_search input {background: #fff; width: 100%; }
    .cont_business .bus_section3 .onm_list ul {padding: 0 2rem; width: 100%; justify-content: center; }
    .cont_business .bus_section3 .onm_list ul li:before {content:'';display: none;width: calc(100% + .5rem); height: 100%; box-sizing: border-box;background: transparent;border: .3rem solid;border-image: linear-gradient(to bottom, #568236, #135a1a);border-image-slice: 1;position: absolute;top: 2.1rem;left: 1.6rem;z-index: -10;}
    .cont_business .bus_section3 .onm_list ul li {width: 100%; margin:0 2.9rem 4rem; box-shadow: 9px 8px 13px 0px rgba(0, 0, 0, 0.13);}
    .cont_business .bus_section3 .onm_list ul li:nth-last-child(-n+3) {margin-bottom: 4rem;}
    .cont_business .bus_section3 .onm_list ul li:last-child {margin-bottom: 0;}
    .cont_business .bus_section3 .onm_list ul li .list_img {width: 100% ;height: auto; position: relative;}
    .cont_business .bus_section3 .onm_list ul li .list_img:after { height: 100%; }
    .cont_business .bus_section3 .onm_list ul li .list_cont { padding: 2.5rem 1.95rem 2.9rem; width: 100%; }
    .cont_business .bus_section3 .onm_list ul li .list_cont dt {font-size: 1.3rem; margin-bottom: 1.15rem;}
    .cont_business .bus_section3 .onm_list ul li .list_cont dd { font-size: 1.5rem; }
    .cont_business .bus_section3 .btn_more { padding-top: 6rem;}
    .cont_business .bus_section3 .btn_more a .icon {width: 5rem;height: 5rem; margin: 0 auto 1.2rem; }
    .cont_business .bus_section3 .btn_more a i:first-child {top:1.5rem;left:2.4rem;}
    .cont_business .bus_section3 .btn_more a i:last-child {top:2.4rem;left:1.5rem;}
    .cont_business .bus_section3 .btn_more a span {font-size: 1.5rem;}
    

    /* �앹뾽 */

    .card_popup .popup_inner {position:absolute;top:50%;left:50%;width: 100%;padding: 0 2rem; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, calc(-50% + 2.75rem));z-index: 1004;}
    .card_popup .popup_inner .pop_close {top:-5rem;right: 2rem;width: 3rem;height: 3rem;}
    .card_popup .popup_inner .pop_cont {max-width: 100%;background: #fff;padding: 2rem 1.7rem 0 1.7rem;height: 41.4rem;overflow-y: scroll;display: block;}
    .card_popup .popup_inner .pop_cont .inner_box {width: 100%;height: auto;}
    .card_popup .popup_inner .pop_cont .inner_box .list {width: 100%; height: 35.1rem;}
    .card_popup .popup_inner .pop_cont .inner_nav {width: 12.5rem;margin: 1.3rem auto 0;}
    .card_popup .popup_inner .pop_cont .inner_nav .arrow:after {width: 1.2rem;height: 1.2rem;border-top: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;}
    .card_popup .popup_inner .pop_cont .inner_nav .counter_slider {font-size: 1.2rem;letter-spacing: -.06rem;}
    .card_popup .popup_inner .pop_cont .inner_nav .counter_slider .swiper-pagination-current {font-size: 1.7rem;margin-right: .3rem;}
    .card_popup .popup_inner .pop_cont .txt_box {width: 100%;height: auto; padding: 4rem 2rem 3rem 2rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_lbl {font-size: 1.4rem;margin-bottom: .7rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_tit {font-size: 2rem;letter-spacing: -.075rem;line-height: 1.35;}
    .card_popup01 .popup_inner .pop_cont .txt_box .card_tit, .card_popup02 .popup_inner .pop_cont .txt_box .card_tit {height: auto;position: relative;}
    .card_popup .popup_inner .pop_cont .txt_box .card_tit:after {height: .2rem;margin: 1.2rem 0 1.8rem;}
    .card_popup01 .popup_inner .pop_cont .txt_box .card_tit:after, .card_popup02 .popup_inner .pop_cont .txt_box .card_tit:after {margin: 0;position: absolute;bottom: -1.2rem; }
    .card_popup .popup_inner .pop_cont .txt_box .card_des {font-size: 1.3rem;line-height: 1.53;letter-spacing: -.032rem;height: 4.6em;}
    .card_popup01 .popup_inner .pop_cont .txt_box .card_des {height: 4.6em;margin-top: 3rem;}
    .card_popup02 .popup_inner .pop_cont .txt_box .card_des {height: 4.6em;margin-top: 3rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_des::-webkit-scrollbar {width: .3rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_info dt {font-size: 1.2rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_info dd {font-size: 1.3rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_class li {margin-top: 2.5rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_class li:nth-child(3),
    .card_popup .popup_inner .pop_cont .txt_box .card_class li:nth-child(4) {margin-top: 1.6rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_class dt {font-size: 1.2rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_class dd {margin: .5rem 0;font-size: 1.3rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_tb {margin-top: .8rem;}
    .card_popup .popup_inner .pop_cont .txt_box .card_tb thead td {font-size: 1.2rem}
    .card_popup .popup_inner .pop_cont .txt_box .card_tb tbody tr:first-child {border-top: 1px solid #568235;border-bottom: 1px solid #dcdcdc;}
    .card_popup .popup_inner .pop_cont .txt_box .card_tb td {padding:1.5rem 0; vertical-align: bottom;}
    .card_popup .popup_inner .pop_cont .txt_box .card_tb dd {margin-top: .5rem;}


    /* �ъ뾽�뚭컻 - �섏쿂由� - 湲곗닠��웾 */
    .cont_business .rnd_contents .tab_list { overflow-x: auto; padding:0 1rem .6rem; }
    .cont_business .rnd_contents .tab_list ul { width: fit-content; }
    .cont_business .rnd_contents .tab_list ul li { width: 17.8rem; font-size: 1.4rem; }
    .cont_business .rnd_contents .tab_list ul li:after { height: 0.2rem; }
    .cont_business .rnd_contents .tab_list ul li a { /* padding: 0 0 1.5rem 0; */ padding: 1rem 0; }
    .cont_business .rnd_contents .nav_btn_wrap { overflow: scroll; width: calc(100% + 4rem); margin-left: -2rem; padding: 6.45rem 2rem 1rem; margin-bottom: 5.45rem; }
    .cont_business .rnd_contents .nav_btn {height: 14rem; width: fit-content; margin: 0 auto; }
    .cont_business .rnd_contents .nav_btn li {width: 11.2rem; height: 100%; border: .05rem solid #eee;}
    .cont_business .rnd_contents .nav_btn li:not(:first-child) {margin-left: -.05rem;}
    .cont_business .rnd_contents .nav_btn &gt; li.on {border: .15rem solid #568236; box-shadow: 0.35rem 0.35rem .5rem 0 rgba(0, 0, 0, 0.23); }
    .cont_business .rnd_contents .nav_btn li .icon { padding-top:2.2rem; }
    .cont_business .rnd_contents .nav_btn li .icon img { width: 3.6rem; }
    .cont_business .rnd_contents .nav_btn li .icon img:last-child { width:3.6rem; }
    .cont_business .rnd_contents .nav_btn li .nav_tit {font-size: 1.4rem; margin: 2rem 0 1rem; line-height: 1;}
    .cont_business .rnd_contents .nav_btn li .nav_num { font-family:'Montserrat';font-size: 2rem; line-height: 1; }
    .cont_business .rnd_contents .section1 .sub_con p { font-size: 1.5rem; line-height: 1.5; }
    .cont_business .rnd_contents .section1 .sub_con p &gt; b {font-size: 1.8rem; line-height: 1.3;}
    .cont_business .rnd_contents .section1 .sub_con p:first-child {margin: 4rem 0;}
    .cont_business .rnd_contents .section2 { overflow: scroll; width: calc(100% + 4rem); margin-left: -2rem; padding: 0 2rem 1rem; }
    .cont_business .rnd_contents .tb_box.on { width: 108.9rem; }
    .cont_business .rnd_contents .tb_box .tb_row&gt;div { height: 6rem; }
    .cont_business .rnd_contents .tb_box .tb_row.row_head&gt;div { font-size: 1.4rem; } 
    .cont_business .rnd_contents .tb_box .tb_row.row_body&gt;div { font-size: 1.4rem; }


    /* �ъ뾽�뚭컻 - �섏쿂由� - 湲곗닠��웾 - �뺣룄愿�由� 220418 */
    .cont_business .rnd_contents .qc_section1 { margin-top: 4rem; padding-bottom: 15.8rem; width: calc(100% + 4rem); margin-left: -2rem; }
    .cont_business .rnd_contents .qc_section1 h3 { font-size: 2.4rem; padding: 5.95rem 0 4.05rem; }
    .cont_business .rnd_contents .qc_section1 ul { width: 100%; padding: 0 3.75rem; }
    .cont_business .rnd_contents .qc_section1 ul li { width: 100%; height: fit-content; border-radius: 3rem; box-shadow: -.25rem .2rem .5rem 0px rgba(0, 0, 0, 0.16); }
    .cont_business .rnd_contents .qc_section1 ul li:not(:last-child) { margin-bottom: 2.5rem; }
    .cont_business .rnd_contents .qc_section1 ul li h4 { font-size: 1.6rem; padding: 1.5rem 0; }
    .cont_business .rnd_contents .qc_section1 ul li h5 { line-height:6.25rem; font-size: 1.6rem; }
    .cont_business .rnd_contents .qc_section1 ul li h5 span{ padding-top: 2.5rem;}
    .cont_business .rnd_contents .qc_section1 ul li p { font-size: 1.3rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(1) p { padding-bottom: 2.95rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(2) p { padding-bottom: 3.5rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3) p { padding-bottom: 3.9rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3) h5 { line-height:6.9rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3) h5 span { padding-top: 3.15rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(4) p { padding-bottom: 3.4rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(4) h5 { line-height:8.25rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(4) h5 span { padding-top: 2.5rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(5) p { padding-bottom: 3.05rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(6) p { padding-bottom: 3.85rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(6) h5 { line-height:7.25rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(6) h5 span { padding-top: 3.5rem; }
    .cont_business .rnd_contents .qc_section1 ul li p .sub_desc { font-size: 1.1rem; padding-top: 0rem; }
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3n + 1) { left: 0rem; }   /* item [1][4] */
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3n), 
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3n) p .hl { right:0rem; }   
    .cont_business .rnd_contents .qc_section1 ul li:nth-of-type(n + 4) { margin-top: 0rem; }   /* item [4][5][6]... */
    .cont_business .rnd_contents .qc_section1-2 { margin-top: -11.5rem; padding:0 2rem; width: calc(100% + 4rem); margin-left: -2rem; }
    .cont_business .rnd_contents .qc_section1-2 &gt; div &gt; div &gt; p { font-size: 1.8rem; margin-top: 6rem; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current { flex-direction: column-reverse; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current &gt; div { width: 100%; position: relative; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con ul { margin: 3rem 0 4rem; justify-content: space-around; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con ul li { font-size: 1.6rem; line-height: 1.25; padding: 0; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con ul li p { height: auto; width: 5.25rem; line-height: 6.9rem; margin:0 auto 1rem; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con ul li p img { width: 100%; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 img:last-of-type { display: block; width: 100%; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 img:first-child { display: none; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 ul { position: relative; bottom: 0; right: 0; display: flex; justify-content: end; padding-right: 1.3rem;}
    .cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 ul li { font-size: 1.3rem; position: relative; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 ul li:first-child { margin-bottom: 0; padding-right: 3.1rem; }
    .cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 ul li:before { width: .8rem; height: .8rem; position: absolute; left: -1.5rem; margin-top: .4rem; }
    .cont_business .rnd_contents .qc_section1-2 .qc_test &gt; div p { padding-top: 0; margin-top: 7.98rem; }
    .cont_business .rnd_contents .qc_section1-2 .qc_test &gt; div &gt; ul { margin-top: 4.05rem; flex-direction: column; }
    .cont_business .rnd_contents .qc_section1-2 .qc_test &gt; div &gt; ul:first-of-type li { width: 20.7rem; margin: auto; }
    .cont_business .rnd_contents .qc_section1-2 .qc_test &gt; div &gt; ul:first-of-type li img { width: 100%; }
    .cont_business .rnd_contents .qc_section1-2 .qc_test &gt; div &gt; ul:first-of-type li:nth-child(2) { margin:1.6rem auto; }
    .cont_business .rnd_contents .qc_section1-2 .qc_test &gt; div &gt; ul:last-of-type li &gt; ul { margin:0; }
    .cont_business .rnd_contents .qc_section1-2 .qc_test &gt; div &gt; ul:last-of-type &gt; li:first-child { font-size: 1.6rem; line-height: 1.4; }
    .cont_business .rnd_contents .qc_section1-2 .qc_test &gt; div &gt; ul:last-of-type &gt; li:last-child { font-size: 1.4rem; line-height: 1.5; margin-top: 3rem; padding-bottom: 6.05rem; }
    .cont_business .rnd_contents .qc_section2 { padding: 8.05rem 0 7.9rem; }
    .cont_business .rnd_contents .qc_section2 p { font-size: 1.8rem; }
    .cont_business .rnd_contents .qc_section2 div { flex-direction: column; margin-top: 2.5rem; }
    .cont_business .rnd_contents .qc_section2 div ul { width: 100%; }
    .cont_business .rnd_contents .qc_section2 div ul:first-of-type { display: flex; flex-direction: column; }
    .cont_business .rnd_contents .qc_section2 div ul:first-of-type li { padding: 0; margin:1.5rem auto; width: 20.4rem; }
    .cont_business .rnd_contents .qc_section2 div ul:first-of-type li img { width: 100%; }
    .cont_business .rnd_contents .qc_section2 div ul:last-of-type { padding-left: 0; font-size: 1.4rem; line-height: 1.5; padding-top: 4.6rem; }
    .cont_business .rnd_contents .qc_section2 div ul:last-of-type li:first-child { font-size: 1.6rem; line-height: 1.43; padding-bottom: 2.95rem; }
    .cont_business .rnd_contents .qc_section3 { background:#F4F6F1 url(../images/business/qc_section2_bg_m.png) no-repeat 100% 100%; background-size: cover; height:76rem; padding: 5.95rem 2rem 0; width: calc(100% + 4rem); margin-left: -2rem; }
    .cont_business .rnd_contents .qc_section3 p { font-size: 1.8rem; }
    .cont_business .rnd_contents .qc_section3 div { margin-top: 6.05rem; }
    .cont_business .rnd_contents .qc_section3 div h3 { font-size: 1.6rem; line-height: 1.43; padding-bottom: 4rem; }
    .cont_business .rnd_contents .qc_section3 div ul li { font-size: 1.4rem; line-height: 1.5; padding-bottom: 5rem; }
    .cont_business .rnd_contents .qc_section3 div ul li:last-child { padding-bottom: 0; }
    .cont_business .rnd_contents .qc_section3 div ul li h4 { font-size: 1.6rem; padding-bottom: 1.5rem; }
    .cont_business .rnd_contents .qc_section4 { padding: 6rem 0 0.9rem; }
    .cont_business .rnd_contents .qc_section4 &gt; p { font-size: 1.8rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul { margin-top: 5.8rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul li { font-size: 1.4rem; line-height: 1.5; padding-bottom: 4rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul li h4 { font-size: 1.6rem; padding-bottom: 1.5rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul li .sub_desc { font-size: 1.2rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul { margin-top: 6rem; flex-direction: column; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li { align-items: center; flex-basis: auto; padding-bottom:3.8rem;  }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li p { font-size: 1.4rem; padding-top: 2rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li .abi { padding: 0 2.35rem 0; height: 1.8rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li .qc_circle_bg { width: 11.5rem; height: 11.5rem; line-height: 11.5rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li .qc_circle_bg img { display: inline-block; vertical-align: middle; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li:nth-of-type(1) .qc_circle_bg:nth-of-type(1) img { width: 4.35rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li:nth-of-type(1) .qc_circle_bg:nth-of-type(2) img { width: 5.1rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li:nth-of-type(2) .qc_circle_bg:nth-of-type(1) img { width: 4.95rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li:nth-of-type(2) .qc_circle_bg:nth-of-type(2) img, 
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li:nth-of-type(3) .qc_circle_bg:nth-of-type(1) img { width: 5.25rem; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li:nth-of-type(2) { margin-left: 0; }
    .cont_business .rnd_contents .qc_section4 &gt; ul .qc_last &gt; ul li:last-child { flex-basis: auto; margin-left: 0; }


    /* �ъ뾽�뚭컻 - �섏쿂由� - 湲곗닠��웾 - 怨듬쾿 220517 */
    .skills_contents .sub_tab ul {flex-wrap: wrap;margin: 4rem auto 4.5rem;}
    .skills_contents .sub_tab ul li { flex: initial;width: 50%;}
    .skills_contents .sub_tab ul li a {padding: 1.5rem 0;}
    .skills_contents .sub_tab ul li:nth-child(3) {border-top: 0;margin-left: 0;}
    .skills_contents .sub_tab ul li:nth-child(4) {border-top: 0;}
    .skills_contents .sub_tab ul li a {font-size: 1.4rem;}
    .skills_contents .method_wrap h3 {font-size: 1.8rem;}
    .skills_contents .method_wrap01 .section1 p {font-size: 1.5rem;line-height: 1.46;padding: 3rem 0 6rem;}
    .skills_contents .method_wrap .tit_green {font-size: 1.6rem;}
    .cont_business .skills_contents .section2 {padding: 0;width: 100vw!important;}
    /* .skills_contents .section2 {padding-bottom: 0!important;} */
    .skills_contents .skills_contents .method_wrap01 .section2 {width: 100vw!important;overflow-x: hidden;}
    .skills_contents .method_wrap01 .section2 .s_con {width: 100%;/* margin-left: -2rem; */ margin-top: 2.7rem;padding: 6rem 2rem 5.5rem;}
    .skills_contents .method_wrap01 .section2 .s_con .top &gt; img:first-of-type {display: none;}
    .skills_contents .method_wrap01 .section2 .s_con .top &gt; img:last-of-type {display: block;max-height: 67.6rem;}
    .skills_contents .method_wrap01 .section2 .s_con .bottom:before {margin: 4.7rem 0 2.2rem;}
    .skills_contents .method_wrap01 .section2 .s_con .bottom &gt; p {font-size: 1.3rem;line-height: 1.53;padding: 0 2rem;}
    .skills_contents .method_wrap01 .section3 &gt; h3 {padding: 8.5rem 0 3rem;}
    .skills_contents .method_wrap01 .section3&gt; div:first-of-type {flex-direction: column;}
    .skills_contents .method_wrap01 .section3&gt; div ul {width: 100%;padding-left: .65rem;}
    .skills_contents .method_wrap01 .section3&gt; div ul.left:after {display: block;position: initial;width: 3rem;height: 8.2rem;background: url(../images/business/method01_arrow02_m.png) no-repeat;background-size: contain;transform: translateY(0);margin: 4rem auto;}
    .skills_contents .method_wrap01 .section3&gt; div ul.right {padding-left: .65rem;}
    .skills_contents .method_wrap01 .section3&gt; div ul li {font-size: 1.5rem;line-height: 1.46;}
    .skills_contents .method_wrap01 .section3&gt; div ul.right li {color: #568236;font-weight: 400;}
    .skills_contents .method_wrap01 .section3 .tit_green {padding: 6rem 0 2.5rem;}
    .skills_contents .method_wrap01 .section3 .screenshot {flex-direction: column;}
    .skills_contents .method_wrap01 .section3 .screenshot &gt; div {margin: 0;width: 100%;}
    .skills_contents .method_wrap01 .section3 .screenshot &gt; div:first-of-type {margin-bottom: 4rem;}
    .skills_contents .method_wrap01 .section3 .screenshot &gt; div img {object-fit: contain;width: 100%;}
    .method_bg {height: 24.8rem;}

    .skills_contents .method_wrap &gt; ul &gt; li {width: 100%; padding: 0;margin-top: 3.5rem;}
    .skills_contents .method_wrap ul &gt; li .img {width: 100%;}
    .skills_contents .method_wrap ul &gt; li .img img {object-fit: contain;width: 100%;}
    .skills_contents .method_wrap ul &gt; li .desc {padding-top: 2rem;}
    .skills_contents .method_wrap ul &gt; li .desc .tit {font-size: 1.6rem;}
    .skills_contents .method_wrap ul &gt; li .desc .txt {font-size: 1.3rem;padding: 1rem 0 1.5rem;}
    .skills_contents .method_wrap ul &gt; li .desc &gt; ul &gt; li {font-size: 1.4rem;}
    .skills_contents .method_wrap02 &gt; ul {width: 100%;}

    .skills_contents .method_wrap03 .section1 &gt; ul {padding: 0;flex-wrap: wrap;width: 100vw;margin-left: -2rem;padding: 0 2rem 6.5rem;}
    .skills_contents .method_wrap03 .section1 &gt; ul &gt; li {width: 100%;margin-top: 3.5rem;}
    .skills_contents .method_wrap03 .section2 &gt; h3 {padding: 7rem 0 3.5rem;}
    .skills_contents .method_wrap03 .section2 &gt; ul {flex-direction: column;}
    .skills_contents .method_wrap03 .section2 &gt; ul &gt; li:not(:last-child) {margin-bottom: 5rem;}
    .skills_contents .method_wrap03 .section2 &gt; ul &gt; li .img img {width: 25rem;height: 25rem;}
    .skills_contents .method_wrap03 .section2 &gt; ul &gt; li .txt .tit {font-size: 1.6rem;padding: 3.3rem 0 2.5rem;}
    .skills_contents .method_wrap03 .section2 &gt; ul &gt; li .txt p {font-size: 1.4rem;line-height: 1.5;}

    .skills_contents .method_wrap04 .section1 .banner {height: 20.5rem;margin-top: 3.5rem;}
    .skills_contents .method_wrap04 .section1 .banner .icon {padding-top: 2.7rem;}
    .skills_contents .method_wrap04 .section1 .banner .icon img {width: 7.2rem;}
    .skills_contents .method_wrap04 .banner p {padding-top: 1.2rem;font-size: 1.5rem;line-height: 1.1;}
    .skills_contents .method_wrap04 .banner p &gt; span &gt; b {font-size: 2rem;}
    .skills_contents .method_wrap04 .banner .ylw {font-size: 1.4rem;margin-top: 1.4rem;}
    .skills_contents .method_wrap04 .s_con {flex-direction: column;padding: 2rem 2rem 0;}
    .skills_contents .method_wrap04 .s_con .left {flex-basis: auto;}
    .skills_contents .method_wrap04 .section1 .s_con {padding-bottom: 6.5rem;}
    .skills_contents .method_wrap04 .s_con .left li:first-child {font-size: 1.6rem;}
    .skills_contents .method_wrap04 .s_con .left li:nth-child(2) {font-size: 1.4rem;padding: 1.5rem 0 2rem;}
    .skills_contents .method_wrap04 .s_con .left li:last-child {font-size: 1.3rem;}
    .skills_contents .method_wrap04 .s_con .right {margin-top: 3rem;}
    .skills_contents .method_wrap04 .s_con .right li {font-size: 1.4rem;}
    .skills_contents .method_wrap04 .section2 h3 {padding: 7.5rem 0 3.7rem;}
    .skills_contents .method_wrap04 .section2 .banner {min-height: 20.5rem;height: auto;padding-bottom: 2rem;}
    .skills_contents .method_wrap04 .section2 .banner .icon {padding-top: 2.7rem;}
    .skills_contents .method_wrap04 .section2 .banner .icon img {width: 9.2rem;}


    /* �ъ뾽�뚭컻 - �섏쿂由� - 湲곗닠��웾 - 湲곗닠吏��� 220412 */
    .cont_business .rnd_contents .tech_support { margin-top:4rem; /* padding-bottom: 13.6rem;  */}
    .cont_business .rnd_contents .tech_support &gt; ul { flex-direction: column; }
    .cont_business .rnd_contents .tech_support &gt; ul &gt; li { margin: 0 2rem; width: calc(100% - 4rem); height: 123vw; }
    .cont_business .rnd_contents .tech_support &gt; ul &gt; li:first-child { background-size: contain; }
    .cont_business .rnd_contents .tech_support &gt; ul &gt; li:last-child { margin-top: 4rem; background-size: contain; }
    .cont_business .rnd_contents .tech_support &gt; ul &gt; li div { padding: 3.45rem 2.35rem; }
    .cont_business .rnd_contents .tech_support ul li div ul li:not(:first-of-type):before { width: .2rem; height: .2rem; margin:.9rem 0 0 -.8rem; }
    .cont_business .rnd_contents .tech_support ul li div ul li { font-size: 1.4rem; line-height: 1.5; }
    .cont_business .rnd_contents .tech_support ul li div ul li:first-of-type { font-size: 1.6rem; line-height: 3.6; }
    .cont_business .tech_support_graybg { height: 115vw; }


    /* �ъ뾽�뚭컻 - Green - �먮꼫吏� 220419 */
    .green_contents .energy_intro_wrap {padding: 3rem 0 4.7rem; width: calc(100% + 4rem); margin-left: -2rem; }
    .green_contents .energy_intro_wrap h2 { font-size: 1.6rem; padding-bottom: 3rem; }
    .green_contents .energy_intro_wrap .img_wrap {background: #f4f6f2;}
    .green_contents .energy_intro_wrap img:first-of-type { display: none; }
    .green_contents .energy_intro_wrap img:last-of-type { display: block; width: 100%;height: auto;max-height: 107.2rem;object-fit: contain; }
    .green_contents .energy_wrap .s_tit { font-size: 1.7rem; line-height: 1.3; padding:3rem 0 5.25rem;}
    .green_contents .energy_wrap .energy_box .s_tit { padding:3rem 0 10.5rem;}
    .green_contents .energy_wrap .img {width: 100%;height: 23rem; }
    .green_contents .energy_wrap .img &gt; .tag { width: 9rem;height: 3rem; border-radius: .5rem 0; line-height: 3rem; font-size: 1.3rem; top: -1.5rem;left: 1rem; }
    .green_contents .energy_wrap .img &gt; img {position: relative; top:0;left: 0; transform: translateX(0); width: 100%; height: 100%; object-fit: cover; }
    .green_contents .energy_wrap .desc &gt; h4 {font-size: 2rem; padding: 4rem 0;}
    .green_contents .energy_wrap .desc &gt; h4 span { font-size: 1.4rem; padding-bottom: .8rem; }
    .green_contents .energy_wrap .desc &gt; div { padding: 0;}
    .green_contents .energy_wrap .energy_box .desc &gt; div &gt; ul:last-of-type { display: block; }
    .green_contents .energy_wrap .energy_box .desc &gt; div &gt; ul:not(:last-of-type) { display: none; }
    .green_contents .energy_wrap .desc &gt; div &gt; ul {width: 100%;}
    .green_contents .energy_wrap .desc &gt; div &gt; ul &gt; li {font-size: 1.4rem; padding-bottom: 1.5rem;}
    .green_contents .energy_wrap .desc &gt; div &gt; ul &gt; li:last-child { padding-bottom: 0rem; }
    .green_contents .energy_wrap .desc &gt; div &gt; ul &gt; li &gt; .desc_tit { width: 10.75rem; }

    .green_contents .energy_wrap .desc .waste_heat_sheet &gt; ul { padding-left: 14vw; }
    .green_contents .energy_wrap .desc .waste_heat_sheet &gt; ul &gt; li:last-child { padding-bottom: 1.5rem; }
    .green_contents .energy_wrap .desc .waste_heat_sheet &gt; ul:last-child &gt; li:last-child { padding-bottom: 0; }
    .green_contents .energy_wrap .desc .waste_heat_sheet &gt; ul &gt; li &gt; .desc_tit { padding-right: 2.45rem;}
    .green_contents .energy_wrap .energy_box .arrow { top:19%; }
    .green_contents .energy_wrap .energy_box .swiper-button-prev { background-image: url(../images/business/arrow_prev_on.png); background-position:1.8rem; left: unset; right: 6.5rem; }
    .green_contents .energy_wrap .energy_box .swiper-button-next { background-image: url(../images/business/arrow_next_on.png); background-position:2.1rem; right: 0rem; }
    .green_contents .energy_wrap .energy_box .swiper-button-next.swiper-button-disabled, 
    .green_contents .energy_wrap .energy_box .swiper-button-prev.swiper-button-disabled { background-color: #000; opacity: .2; }


    /* �ъ뾽�뚭컻 - Green - �먯썝�쒗솚 220517 */
    .green_contents .sub_con {font-size: 1.8rem;line-height: 2.7rem;padding-bottom: 6.4rem;}
    .cont_business .top { overflow-x: auto; padding:0 0 .6rem; }
    .cont_business .top .tab_list { width: fit-content; }
    .cont_business .top .tab_list li { width: 17.8rem; font-size: 1.4rem; }
    .cont_business .top .tab_list li:after { height: 0.2rem; }
    .cont_business .top .tab_list li a { padding: 1rem 0; }
    .green_contents .circulation_wrap {padding-bottom: 0;font-family: 'NS';}
    .green_contents .circulation_wrap .s_tit {font-size: 1.7rem;padding: 3.5rem 0 5rem;letter-spacing: -.045rem;}
    .green_contents .circulation_wrap .img {width: auto;height: auto;}
    .green_contents .circulation_wrap .img &gt; img {width: 100%; object-fit: contain;position: initial;transform: translateX(0);}
    .green_contents .circulation_wrap .img &gt; .tag {width: 9rem;height: 3rem;border-radius: .5rem 0;line-height: 3rem;font-size: 1.3rem;top: -1.5rem;left: 1rem;}
    .green_contents .circulation_wrap .desc &gt; h4 {padding: 3.5rem 0;font-size: 2rem;}
    .green_contents .circulation_wrap .desc &gt; div {flex-direction: column;padding: 0;}
    .green_contents .circulation_wrap .desc &gt; div &gt; ul {width: 100%;}
    .green_contents .circulation_wrap .desc &gt; div &gt; ul &gt; li {font-size: 1.4rem;padding-bottom: 1rem;}
    .green_contents .circulation_wrap .desc &gt; div &gt; ul &gt; li &gt; .desc_tit {width: 32%;word-break: break-word;}
    .green_contents .circulation_wrap .desc &gt; div &gt; ul:last-child li:last-child {padding-bottom: 0;}
    .green_contents .circulation_wrap .desc &gt; div.wasteoil &gt; ul:first-child &gt; li &gt; .desc_tit {width: 32%;}
    .green_contents .circulation_wrap .swiper-nav, 
	.green_contents .circulation_wrap .swiper-nav.ct {display: block;position: relative;top:0;left: auto;right:0;transform: translateX(0);text-align: right;padding: 0 0 3.9rem;justify-content: initial;}
	.green_contents .circulation_wrap .swiper-nav.ct {transform: translateY(50px);}
    .green_contents .circulation_wrap .swiper-button-prev {margin-right: 1.5rem;}
    .circulation_bg {display: none;}

    /* 220712 css 異붽� */
    .green_contents .circulation_wrap .desc &gt; div &gt; ul:nth-child(2) {width: 100%;}

    /* �ъ뾽�뚭컻 - Green - new biz 220517 */
    .green_contents .newbiz_wrap {padding-top: 5rem;width: 100vw;margin-left: -2rem;}
    .green_contents .newbiz_wrap &gt; img:first-of-type {display: none;}
    .green_contents .newbiz_wrap &gt; img:last-of-type {display: block;max-height: 96rem;width: 100%;background: #f4f6f2;}
    .green_contents .newbiz_wrap .s_tit {font-size: 1.7rem;line-height: 1.33;padding: 0 2rem;}
    .green_contents .newbiz_wrap03 &gt; h4 { padding: 8.5rem 0 3rem !important; }
    .green_contents .newbiz_wrap &gt; h4 {font-size: 1.6rem;padding: 4rem 0 3rem;}
    .green_contents .newbiz_wrap02 .preocess_wrap {padding:  6.9rem 0;}
    .green_contents .newbiz_wrap03 .preocess_wrap {background: #f4f6f2;}
    .green_contents .newbiz_wrap02 .preocess_wrap &gt; img:first-of-type,
    .green_contents .newbiz_wrap03 .preocess_wrap &gt; img:first-of-type {display: none;}
    .green_contents .newbiz_wrap02 .preocess_wrap &gt; img:last-of-type {display: block;margin: 0 auto;max-height: 93.7rem;width: 100%; object-fit: contain;}
    .green_contents .newbiz_wrap03 .preocess_wrap &gt; img:last-of-type {display: block;margin: 0 auto;max-height: 105.7rem;width: 100%; object-fit: contain;}
    .green_contents .newbiz_wrap &gt; h4 {font-size: 1.6rem;padding: 4rem 0 3rem;}

    /* 吏��띻��κ꼍�� - �ㅻ━寃쎌쁺 怨듯넻 */
    .cont_sustain .ethic_contents .inner {max-width: 100%;padding: 0 2rem;}
    .cont_sustain .top .tab_list li {font-size: 1.4rem;}
    .cont_sustain .top .tab_list li a {padding:1rem 0;}
    .cont_sustain .ethic_wrap {margin-top: 4rem;}
    .cont_sustain .ethic_wrap .section2, .cont_sustain .ethic_wrap .section3 {flex-direction: column;max-width: 100%;}
    .cont_sustain .ethic_wrap section .s_tit {font-size: 1.7rem;width: auto;}
    .cont_sustain .ethic_wrap section .s_con {width: 100%;} 
    .cont_sustain .ethic_wrap .section3 {padding-top: 5rem;}
    .cont_sustain .download_wrap {margin-top: 4.2rem;}
    .cont_sustain .download_wrap &gt; div:not(.btn_download) {flex-direction: column;min-height: auto;padding: 2.2rem 2rem 2rem;}
    .cont_sustain .download_wrap dt {font-size: 1.5rem;letter-spacing: -.06rem;}
    .cont_sustain .download_wrap dd {font-size: 1.4rem;letter-spacing: -.056rem;line-height: 1.5;}    
    .cont_sustain .btn_download {width: 100%;height: 4.7rem;line-height: 4.7rem;padding: 0 3.5rem 0 4rem;margin-top: 1.5rem;}
    .cont_sustain .btn_download &gt; a {font-size: 1.3rem;background-size: 1.8rem 1.7rem;}
    .cont_sustain .btn_download:hover &gt; a {background-size: 1.8rem 1.7rem;}

    /* �ㅻ━寃쎌쁺 �뚭컻 */
    .cont_sustain .ethical_intro_wrap .section1 {width: calc(100% + 4rem);margin-left: -2rem; height: 35rem;padding: 0 2rem;margin-bottom: 12.5rem;}
    .cont_sustain .ethical_intro_wrap .section1  .s_title_img  {padding: 4rem 0 1.5rem;}
    .cont_sustain .ethical_intro_wrap .section1  .s_title_img img:first-of-type {display: none;}
    .cont_sustain .ethical_intro_wrap .section1  .s_title_img img:last-of-type {display: inline-block;height: 2rem;}
    .cont_sustain .ethical_intro_wrap .section1 &gt; h3 {font-size: 2.5rem;}
    .cont_sustain .ethical_intro_wrap .section1 &gt; .ethical_intro_banner {max-width: 100%;height: 34rem;background: url(../images/sustain/ethical_intro_banner_m.png) no-repeat 50% 50%;background-size: cover;margin: 2.7rem auto 0;}
    .cont_sustain .ethical_intro_wrap .section1 &gt; .ethical_intro_banner &gt; p {font-size: 1.4rem;line-height: 1.78;letter-spacing: -.045rem;width: 100% !important;top: 3rem;left: 0;padding-left: 2rem;padding-right: 2rem;}
    .cont_sustain .ethical_intro_wrap .section1 &gt; .ethical_intro_banner &gt; p:before {display: none;}
    .cont_sustain .ethical_intro_wrap .section2 {padding: 5rem 0;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul {display: block;padding-left: 0;padding-top: 3rem;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li {display: flex;align-items: center;justify-content: left;padding: 0;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li:not(:last-child) {margin-bottom: 1rem;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li &gt; .icon_box {width: 10.5rem;height: 10.5rem;flex-basis: 10.5rem;flex-shrink: 0;margin:0;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li &gt; .icon_box .icon {height: 3.3rem;top: 2rem !important;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li:first-child &gt; .icon_box .icon {background-size: 3.5rem 3rem;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li:nth-child(2) &gt; .icon_box .icon {background-size: 3.4rem 3.3rem;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li:last-child &gt; .icon_box .icon {background-size: 3.2rem 3.3rem;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li &gt; .icon_box &gt; p {font-size: 1.5rem;top: 6.4rem;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li &gt; .txt_box {flex-shrink: 1;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li &gt; .txt_box li {font-size: 1.4rem;text-align: left;line-height: 1.78;margin-left: 3rem;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li &gt; .line {display: none;}
    .cont_sustain .ethical_intro_wrap .section2 .s_con &gt; ul &gt; li &gt; .line:before {display: none;}
    .cont_sustain .ethical_intro_wrap .section3 .s_tit {margin-bottom: 1.5rem;}
    .cont_sustain .ethical_intro_wrap .section3 .s_con &gt; p {font-size: 1.4rem;line-height: 1.57;}
    .cont_sustain .ethical_intro_wrap .section3 .s_con &gt; p:last-of-type {margin: 2rem 0 1.5rem;}
    .cont_sustain .ethical_intro_wrap .section3 .s_con &gt; ol &gt; li {font-size: 1.4rem;margin: 0;line-height: 1.93;}
    .cont_sustain .ethical_intro_wrap .section3 .s_con &gt; ol &gt; li:before {width: 1.7rem;height: 1.7rem;font-size: 1.1rem;line-height: 1.7rem;margin: .5rem 1.8rem .5rem 0;}

    /* �곷떞/�쒕낫 */
    .cont_sustain .speakup_wrap .section1 .speakup_banner {width: calc(100% + 4rem);min-height: 43.5rem;height: auto;background: url(../images/sustain/ethical_speakup_banner_m2.jpg) no-repeat 50% 50%;background-size: cover;padding: 0 2rem;margin-left: -2rem;}
    .cont_sustain .speakup_wrap .s_tit {margin-bottom: 1.5rem;}
    .cont_sustain .speakup_wrap .section1 .speakup_banner &gt; p {font-size: 1.8rem;padding: 5rem 0 0;line-height: 2.8rem;}
    .cont_sustain .speakup_wrap .section1 .speakup_banner .icon {width: 10.5rem;height: 10.5rem;margin: 3rem 0 1.5rem;}
    .cont_sustain .speakup_wrap .section1 .speakup_banner .icon &gt; img {width: 3.8rem;}
    .cont_sustain .speakup_wrap .section1 .speakup_banner &gt; div {flex-direction: column;}
    .cont_sustain .speakup_wrap .section1 .speakup_banner &gt; div &gt; ol {}
    .cont_sustain .speakup_wrap .section1 .speakup_banner &gt; div &gt; ol &gt; li {font-size: 1.4rem;line-height: normal;margin: 1.5rem 0;}
    .cont_sustain .speakup_wrap .section1 .speakup_banner &gt; div &gt; ol &gt; li:before {width: 1.7rem;height: 1.7rem;font-size: 1.1rem;line-height: 1.7rem;margin: .2rem 1.8rem 0 0;}
    .cont_sustain .speakup_wrap .section2 {padding: 5rem 0;}
    .cont_sustain .speakup_wrap .section2 .s_con &gt; ul, .cont_sustain .speakup_wrap .section3 .s_con &gt; ul {font-size: 1.4rem;}
    .cont_sustain .speakup_wrap .section2 .s_con &gt; ul li, .cont_sustain .speakup_wrap .section3 .s_con &gt; ul li {margin-left: .5rem;}
    .cont_sustain .speakup_wrap .section2 .s_con &gt; p {font-size: 1.3rem;line-height: 2;margin: 2.5rem 0 3rem;}
    .cont_sustain .speakup_wrap .section2 .btn_box {width: 21.7rem;height: 4.7rem;padding: 0 3rem 0 4rem;line-height: 4.7rem;}
    .cont_sustain .speakup_wrap .section2 .btn_box &gt; a {font-size: 1.3rem;}
    .cont_sustain .speakup_wrap .section3 {padding-top: 5rem;}
    .cont_sustain .speakup_wrap .section3 .download_wrap {width: 100%; min-height: 13rem;padding: 2.5rem 2rem 2rem;margin: 5rem 0 0;flex-direction: column;}

    /* 吏��띻��κ꼍�� - �덉쟾蹂닿굔 - �뚭컻, 嫄댁쓽 諛� �쒕낫 */
    .cont_sustain .contents_inner {max-width: 100%;}
    .cont_sustain .sub_con .inner {padding: 0 2rem;}
    .cont_sustain .tb_top .nav_btn li {font-size: 1.4rem;}
    .cont_sustain .tb_top .nav_btn li a {padding: 1rem 0;}
    .cont_sustain .sub_con .inner section .shm_sub_tit {width: auto;}
    .cont_sustain .sub_con .inner section .shm_sub_tit p {font-size: 1.7rem; line-height: normal;}
    .cont_sustain .sub_con .inner section:not(.section1)  { margin: 0;flex-direction: column; }
    .cont_sustain .sub_con .inner section:not(.section1, .section4) &gt; div:not(.shm_sub_tit) p {font-size: 1.4rem;line-height: 1.57;padding-top: 2rem; }
    .cont_sustain .sub_con .inner section:not(.section1) &gt; div:not(.shm_sub_tit) ul li {font-size: 1.4rem;line-height: 1.92;}
    .cont_sustain .sub_con .inner section:not(.section1) &gt; div:not(.shm_sub_tit) ul li:not(:last-child) { margin-bottom: 0;}
    /* 230420 �덉쟾蹂닿굔 �섏젙 */
    .cont_sustain .sub_con .inner .section1 {margin: 4rem auto 0;padding: 4rem 1rem 3rem;}
    .cont_sustain .sub_con .inner .section1 .shm_sub_con {width:100%; padding: 40px 0px 0px;}
    .cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_desc h3 {font-size: 2.5rem;}
    .cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_desc p:first-child img:first-of-type {display: none;}
    .cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_desc p:first-child img:last-of-type {display: inline-block;height: 2rem;}
    .cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_desc p {font-size: 1.4rem;line-height: 2.2rem;padding: 2.5rem 0 0;}
    .cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_gray {padding: 5.5rem 0.1rem;}
    .cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_gray .shm_sub_box {margin: 0 auto; position: relative;justify-content: space-between;max-width: 33.5rem;}
    .cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_gray .shm_sub_box .dot_line {display: none;}

    .shm_circle {width: 12rem;height: 12rem;}
    /* .shm_circle:nth-of-type(1) {margin-right: 100px;} */
    .shm_circle &gt; div &gt; span {width: 7rem;margin: 1rem auto 1rem}
    .shm_circle.highlight {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
    .shm_circle &gt; div p:first-child {font-size: 1.3rem;}
    .shm_circle &gt; div p:last-child {font-size: 1.4rem;}
    .shm_circle.highlight &gt; div p {font-size: 1.5rem;font-weight: 200;}
    .shm_circle.highlight &gt; div p img {width: 3.5rem;}

    /* .cont_sustain .sub_con .inner .section2 &gt; div:not(.shm_sub_tit) ul li span.fix_str {margin-bottom: 0;} */
    .cont_sustain .sub_con .inner .section2 {padding: 4rem 0 5rem;}
    .cont_sustain .sub_con .inner .safety_intro .section2 {border-bottom: 0;}
    .cont_sustain .sub_con .inner section:not(.section1) &gt; div:not(.shm_sub_tit) .shm_sub_con_line {display: none;}
    .cont_sustain .sub_con .inner .section2 &gt; div:not(.shm_sub_tit), 
    .cont_sustain .sub_con .inner .section3 &gt; div:not(.shm_sub_tit) { width: 100%; float: none; padding-left: 0; }
    .cont_sustain .sub_con .inner .section3 &gt; div:not(.shm_sub_tit) table { margin-top: 2rem; } /* 230420 css 異붽� */
    .cont_sustain .sub_con .inner .section2 &gt; div:not(.shm_sub_tit) ul,
    .cont_sustain .sub_con .inner .section3 &gt; div:not(.shm_sub_tit) ul { padding: 1.5rem 0;}
    .cont_sustain .sub_con .inner section:not(.section1, .section4) &gt; div:not(.shm_sub_tit) ul li span:first-of-type {width: 1.7rem;height: 1.7rem;margin-right: 1.6rem;line-height: 1.7rem;font-size: 1.1rem;margin-top: .4rem;}
    .cont_sustain .sub_con .inner .section2 &gt; div:not(.shm_sub_tit) p span {position: initial;font-size: 1.7rem;line-height: normal;margin-bottom: 1.5rem;display: flex;justify-content: space-between;align-items: center;}
    .cont_sustain .sub_con .inner .section2 &gt; div:not(.shm_sub_tit) p span:after {content:'';display: inline-block;width: calc(100% - 13rem);height: .1rem;background: #e8e8e8;}
    .cont_sustain .sub_con .inner .section2 &gt; div:not(.shm_sub_tit) &gt; div &gt; p.fix_str &gt; span {display: flex;justify-content: space-between;align-items: center;}
    .cont_sustain .sub_con .inner .section2 &gt; div:not(.shm_sub_tit) &gt; div &gt; p.fix_str &gt; span:after {content:'';display: inline-block;width: calc(100% - 13rem);height: .1rem;background: #e8e8e8;}
    .cont_sustain .sub_con .inner .section2 .shm_sub_con &gt; div:last-child &gt; p:not(.fix_str) &gt; span:after {width: calc(100% - 17rem);}
    .cont_sustain .sub_con .inner .section2 &gt; div:not(.shm_sub_tit) &gt; div div {margin-top: 2.5rem;margin-bottom: 1.8rem;}
    .cont_sustain .sub_con .inner .section2 &gt; div:not(.shm_sub_tit) &gt; div div img {width: 100%;}
    .cont_sustain .sub_con .inner .section3 &gt; div:not(.shm_sub_tit) &gt; div div {margin-left: 0;margin-top: 2rem;}
    .cont_sustain .sub_con .inner .section3 &gt; div:not(.shm_sub_tit) &gt; div div img:first-of-type,
	.cont_sustain .sub_con .inner .section3 &gt; div:not(.shm_sub_tit) &gt; div p img:first-of-type {display: none;}
    .cont_sustain .sub_con .inner .section3 &gt; div:not(.shm_sub_tit) &gt; div div img:last-of-type,
	.cont_sustain .sub_con .inner .section3 &gt; div:not(.shm_sub_tit) &gt; div p img:last-of-type {display: block;width: 100%;object-fit: contain;}
    .cont_sustain .sub_con .inner .safety_intro .section3 {padding-bottom: 0;border-bottom: 0;}
    .cont_sustain .sub_con .inner .safety_intro .section3 .shm_sub_con ul {padding: 0;}
    .cont_sustain .sub_con .inner .safety_intro .section3 .shm_sub_con ul li {display: block;line-height: 1.65;margin-top: 1rem;}
    .cont_sustain .sub_con .inner .safety_intro .section3 .shm_sub_con ul li:first-child {margin-top: 0;}
    /* 230420 css 異붽� */
    .cont_sustain .sub_con .inner .safety_intro .section3.table{padding:4rem 0 1rem;}
    .cont_sustain .sub_con .inner .safety_intro .section3.table .shm_sub_con {overflow-x: auto;}
    .cont_sustain .sub_con .inner .safety_intro .section3.table .shm_sub_con ul li {font-size: 1.3rem;}
    .cont_sustain .sub_con .inner .safety_intro .section3.table .shm_sub_con .policy_table {width:92.0rem;}
    .cont_sustain .sub_con .inner .safety_intro .section3.table .shm_sub_con .policy_table thead tr th {font-size:1.7rem;}
    .cont_sustain .sub_con .inner .safety_intro .section3.table .shm_sub_con .policy_table .green_tit {font-size:1.7rem;}
    .cont_sustain .sub_con .inner .safety_intro .section3.table .shm_sub_con .policy_table tbody tr td ul {padding-top: 3rem;}
    .cont_sustain .sub_con .inner .safety_intro .section3.table .shm_sub_con .policy_table tbody tr td ul li:not(.green_tit):before {left:-15%;}

    .cont_sustain .sub_con .inner .section3 &gt; div:not(.shm_sub_tit) ul li span:last-of-type {font-size: 1.4rem;}
    .cont_sustain .sub_con .inner .safety_intro .section3 .shm_sub_con ul li p {padding-top: 0;padding-left: 3.3rem;font-size: 1.3rem;color: #555;font-weight: 200;}
    .cont_sustain .sub_con .inner .safety_intro .section4 .shm_sub_con {margin-top: 1.5rem;}
    .cont_sustain .sub_con .inner .section4 &gt; div:not(.shm_sub_tit) &gt; div:last-child {padding-top: 3rem;}
    .cont_sustain .sub_con .inner .section4 ul {width: 100%;padding-top: 2rem;}
    .cont_sustain .sub_con .inner .section4 ul .shm_circle {width: calc(33.33vw - 2rem);height: calc(33.33vw - 2rem);}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(5n-3) {right: 0;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(5n-2) {right: 0;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(5n-1) {right: 0;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(5n) {right: 0;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(3n-2) {right: -1rem;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(3n-1) {right: 0rem;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(3n) {right: 1rem;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(n+6):nth-child(-n+10) {top: 0rem;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(n+11):nth-child(-n+12) {top: 0rem;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(n+4):nth-child(-n+6) {top: -1rem;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(n+7):nth-child(-n+9) {top: -2rem;}
    .cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(n+10):nth-child(-n+12) {top: -3rem;}
    .cont_sustain .sub_con .inner .section4 ul .shm_circle &gt; div p:first-child {font-size: 1rem;}
    .cont_sustain .sub_con .inner .section4 ul .shm_circle &gt; div p:first-child span {font-size: 1.2rem;}
    .cont_sustain .sub_con .inner .section4 ul .shm_circle &gt; div &gt; span {width: calc(100% - 2.4rem);margin: .6rem auto .5rem;}
    .cont_sustain .sub_con .inner .section4 ul .shm_circle &gt; div p:last-child {font-size: 1.3rem;letter-spacing: -.06rem;}
    
    .cont_sustain .sub_con .inner .section4 {padding-top: 4.5rem;}
    .cont_sustain .sub_con .inner .section4 &gt; div:not(.shm_sub_tit) {width: auto;}
    .cont_sustain .sub_con .inner .section4 &gt; div:not(.shm_sub_tit) p span {font-size: 1.7rem;}
    .cont_sustain .sub_con .inner .section4 &gt; div:not(.shm_sub_tit) &gt; div:first-child &gt; p {padding-top: 0;font-size: 1.4rem;line-height: 1.57;letter-spacing: -.056rem;}
    .cont_sustain .sub_con .inner .section4 &gt; div:not(.shm_sub_tit) &gt; div &gt; p &gt; span {display: flex;justify-content: space-between;align-items: center;}
    .cont_sustain .sub_con .inner .section4 &gt; div:not(.shm_sub_tit) &gt; div:first-child &gt; p &gt; span:after {content:'';display: inline-block;width: calc(100% - 6rem);height: .1rem;background: #e8e8e8;}
    .cont_sustain .sub_con .inner .section4 &gt; div:not(.shm_sub_tit) &gt; div:last-child &gt; p &gt; span:after {content:'';display: inline-block;width: calc(100% - 12rem);height: .1rem;background: #e8e8e8;}

    .cont_sustain .sub_con .inner .section4 &gt; div:not(.shm_sub_tit) &gt; div.fix_str p { font-size: 1.3rem;line-height: 2;}
    .cont_sustain .sub_con .inner .section4 &gt; div:not(.shm_sub_tit) &gt; div.fix_str p span {font-size: 1.4rem;font-weight: 300;padding: 1.5rem 0 2.5rem;}
    .cont_sustain .sub_con .inner .section4 .btn_box {width: 21.7rem;height: 4.7rem;padding: 0 3rem 0 4rem;line-height: 4.7rem; margin: 2.5rem 0 0 0;}
    .cont_sustain .sub_con .inner .section4 .btn_box &gt; a {font-size: 1.3rem;}

    /* 怨듭젙嫄곕옒�먯쑉以��섑봽濡쒓렇�� 220513 */
    .cont_sustain .cp_contents .sub_con {font-size: 1.8rem;}
    .cont_sustain .cp_contents .cp_wrap .section1 {width: 100vw; height: auto;margin: 3.5rem 0 0;margin-left: -2rem;padding: 0 2rem;}
    .cont_sustain .cp_contents .cp_wrap .section1 .s_title_img { padding: 4rem 0 1.5rem;}
    .cont_sustain .cp_contents .cp_wrap .section1 .s_title_img img:first-of-type {display: none;}
    .cont_sustain .cp_contents .cp_wrap .section1 .s_title_img img:last-of-type {display: inline-block;height: 2rem;}
    .cont_sustain .cp_contents .cp_wrap .section1 &gt; h3 {font-size: 2.5rem; line-height: 1;}
    .cont_sustain .cp_contents .cp_wrap .section1 &gt; h3 &gt; span {font-size: 1.4rem; text-transform: uppercase;}
    .cont_sustain .cp_contents .cp_wrap .section1 .cp_banner { height: 43rem;margin: 1.9rem auto 0;background: url(../images/sustain/cp_banner_m.png) no-repeat 50% 100%;padding: 4rem 2rem; background-size: cover;}
    .cont_sustain .cp_contents .cp_wrap .section1 .cp_banner &gt; p { font-size: 1.4rem; line-height: 1.5; }
    .cont_sustain .cp_contents .cp_wrap .section1 .cp_banner &gt; p:before { display: none; }

    .cont_sustain .cp_contents .cp_wrap section:not(:first-child) { flex-direction: column; padding: 5rem 0;}
    .cont_sustain .cp_contents .cp_wrap section .s_tit {font-size: 1.7rem; width: 100%; line-height: 1; }
    .cont_sustain .cp_contents .cp_wrap section .s_con {width: 100%; }
    .cont_sustain .cp_contents .cp_wrap section .s_con &gt; .sub { font-size: 1.4rem; margin-top: 1.5rem; } 
    .cont_sustain .cp_contents .cp_wrap section .s_con &gt; .txt_green {font-size: 1.7rem; margin-top: 4rem; position: relative ;}
    .cont_sustain .cp_contents .cp_wrap section .s_con &gt; .txt_green:after { content: ''; /* width: 12.5rem; */ height: .1rem; background: #e8e8e8; position: absolute; top: .8rem; right: 0; }
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; .txt_green:after {width: calc(100% - 21rem);}
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; .sub {line-height: 1.6; margin-top: 1.5rem;}
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; .sub &gt; ol {display: inline; height:unset; line-height: 1.6rem; padding: .1rem .6rem;}
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; .sub &gt; ol &gt; li { display: inline-block; }
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; .sub &gt; ol &gt; li:nth-of-type(4) { padding-left: .6rem; }
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; .sub &gt; ol &gt; li:not(:last-child) { padding-right: 2.5rem;}
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; .sub &gt; ol &gt; li:not(:last-child):after { right: .4rem; }
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; .sub &gt; ol &gt; li &gt; span { width: 1.7rem;height: 1.7rem;font-size: .9rem; vertical-align: middle;line-height: 1.7rem;}

    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; ol { flex-wrap: wrap; margin-top: 2rem; }
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; ol &gt; li {width: calc(33% + 1rem); }
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; ol &gt; li:not(:first-child, :nth-child(4)) {margin-left: -1.5rem;}
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; ol &gt; li:nth-child(4) {margin-left: 0rem;}
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; ol &gt; li:nth-child(n + 4) {margin-top: -.5rem;}
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; ol &gt; li .num {font-size: 1rem; transform:translate(-50%,-3.5rem);}
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; ol &gt; li .num:after { width: 7rem;height: 0.05rem; margin-top: 1rem;}
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; ol &gt; li .txt {font-size: 1.4rem; transform: translate(-50%, 0rem); width: 100%; }
    .cont_sustain .cp_contents .cp_wrap .section2 .s_con &gt; ol &gt; li .txt &gt; span { text-transform: uppercase; padding-top: .5rem; display: inline-block; }
    .cont_sustain .cp_contents .cp_wrap .section3 .s_con &gt; ul { margin-top: 4rem; }
    .cont_sustain .cp_contents .cp_wrap .section3 .s_con &gt; ul &gt; li {font-size: 1.4rem; line-height: 1.6; margin-top: 3rem; flex-direction: column;}
    .cont_sustain .cp_contents .cp_wrap .section3 .s_con &gt; ul &gt; li &gt; span:first-child { margin-right: 0rem; }

    .cont_sustain .cp_contents .cp_wrap .section4 {padding: 5rem 0 4.7rem !important;}
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; .txt {font-size: 1.4rem;color: #222;margin: 3rem 0 2rem;  line-height: 1.8;}
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; .txt:last-of-type {font-size: 1.3rem; margin-top: 2rem;}
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; .txt_green:first-of-type:after {width: calc(100% - 11.5rem);}
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; .txt_green:nth-of-type(2):after {width: calc(100% - 8rem);}
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; ol { margin-top: 3.1rem; flex-wrap: wrap; padding-left: 1rem; }
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; ol &gt; li:not(:last-child) {margin-right: 17vw;}

    .sitemap .sitemap_wrap li .depth_list.dep .inner {margin-left: -5px; max-width: inherit;}
    
    @media screen and (max-width:450px) {
        .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; ol &gt; li:nth-child(3n) { margin-right: 0; }
    }
    @media screen and (max-width:334px) {
        .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; ol &gt; li:nth-child(3n) { margin-right: 17vw; }
        .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; ol &gt; li:nth-child(3) { margin-top: 3.05rem; }
    }
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; ol &gt; li:nth-child(n + 4) { margin-top: 3.05rem; }
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; ol &gt; li .icon:after { width: .85rem;height: 1.5rem;  background-size: contain; right: -9vw; }
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; ol &gt; li .txt {font-size: 1.4rem;text-align: center;margin-top: 2.15rem;}
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; .btn_box {width: 21.75rem;height: 4.7rem; padding: 0; line-height: 4.7rem; margin-top: 3rem;}
    .cont_sustain .cp_contents .cp_wrap .section4 .s_con &gt; .btn_box &gt; a {background: url(../images/common/icon_btn_arrow.png) no-repeat calc(100% - 3.1rem) 50%; padding: 0 3.1rem 0 4rem; font-size: 1.3rem; }


    /* �꾩냼��媛� */
    .cont_sustain .carbon_contents .section1 {width: 100vw;height: 82.8rem;margin-left: -2rem;margin-top: 2.3rem;padding: 0 2rem;flex-direction: column-reverse;justify-content: center;} 
    .cont_sustain .carbon_contents .section1 .center_img {margin-top: 4.2rem;}
    .cont_sustain .carbon_contents .section1 .center_img &gt; img {width: 24rem;}
    .cont_sustain .carbon_contents .section1 .left { width: 100%;height: 33.2rem;background: url(../images/sustain/carbon_bottom.png) no-repeat center 0;background-size: contain;}
    .cont_sustain .carbon_contents .section1 .right { width: 100%;height: 41.6rem;background: url(../images/sustain/carbon_top.png) no-repeat center 0;background-size: contain;margin-top: 0rem;}
    .cont_sustain .carbon_contents .section2 table {font-size: 1.2rem;margin-top: 6rem;}
    .cont_sustain .carbon_contents .section2 table thead tr th {height: 4rem;}
    .cont_sustain .carbon_contents .section2 table tbody tr td {height: 4rem;word-break: break-word;padding: 0 .5rem;}
    .cont_sustain .carbon_contents .section2 &gt; p {font-size: 1.2rem;color: #888;line-height: 1.57;margin-top: 1.5rem; }

    /* �ы쉶怨듯뿄  */
    .contents .contents_inner .SC_sub_con .inner {padding: 0 1rem;}
    .cont_sustain .SC_sub_con .inner section .sc_desc h3 {font-size: 2.5rem;padding-top: 1.4rem;}
    .cont_sustain .SC_sub_con .inner section .sc_desc p:first-child img:first-of-type {display: none;}
    .cont_sustain .SC_sub_con .inner section .sc_desc p:first-child img:last-of-type {display: inline-block;height: 2rem;}
    .cont_sustain .SC_sub_con .inner .section1 { width: 100%; padding: 4rem 2rem 2rem; margin:2.3rem auto 6rem;}
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj { margin-top:3rem; }
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj img:first-of-type { display: none; }
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj img:last-of-type { display: block; width:calc(100% + 2rem); margin-left: -1rem; }
    .cont_sustain .SC_sub_con .inner section .sc_desc p:last-child { padding-top: 3rem; font-size: 1.4rem; line-height: 2.2rem; letter-spacing: -.056rem; }
    
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; p { padding: 2rem 3.9rem; border-radius: 3.6rem;font-size: 1.3rem; margin-top: 3rem;}
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; p &gt; span {font-size: 1.4rem;margin-bottom: .7rem;display: block;}
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div {padding: 0; margin-top: 4rem;}
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div &gt; div { justify-content: space-between;flex-wrap: wrap;}
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div &gt; div p { width: auto; }
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div &gt; div p:first-child { font-size: 1.6rem; }
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div &gt; div p:last-child { text-align: left; font-size: 1.2rem; }
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div .sc_obj_box {flex-wrap: wrap;margin-top: 0;}
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div .sc_obj_box li {width: 50%;}
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div .sc_obj_box li:nth-child(1) { margin-bottom: 2.3rem; }
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div .sc_obj_box li:nth-child(2) { padding-left: 1.5rem;margin-bottom: 2.3rem; }
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div .sc_obj_box li:nth-child(3) { padding-left: 0; }
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div .sc_obj_box li:last-child { justify-content: normal;padding-left: 1.5rem; }
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div .sc_obj_box li .sc_obj_box_inner div:first-child {font-size: 6rem;}
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div .sc_obj_box li .sc_obj_box_inner div:first-child span {  font-size: 1.6rem; left: 1rem; bottom: 0; }
    .cont_sustain .SC_sub_con .inner .section1 .sc_obj &gt; div .sc_obj_box li .sc_obj_box_inner div:last-child { font-size: 1.3rem; line-height: 2.1rem; margin-top: 1.5rem; } 
   
    .cont_sustain .SC_sub_con .inner .section2 { padding-bottom: 6rem; }
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj {margin-top: 4rem;}
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li { width: 100%; padding: 0 2vw;align-items: center; height: 18.75rem; }
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li:nth-child(even) { border-left:none; }
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li p {width: 50%;position: relative;}
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li p:first-child {padding: 0;height: 100%; }
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li p:first-child img {box-shadow: 6px 7px 16.17px 0.33px rgba(24, 24, 24, 0.3);width: 14rem;object-fit: contain;position: absolute;top: 50%;left: 45%;transform: translate(-50%,-50%);}
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li p:last-child { padding-left: 0; font-size: 1.3rem; line-height: 1.6; }
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li p:last-child span { font-size: 1.6rem; line-height: 1.5; padding-bottom: 0rem;  }
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li:nth-child(-n+2) p:last-child {padding-top:0;}
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li:nth-child(n+3):nth-child(-n+4) p:last-child {padding-top:0;}
    .cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li:last-child { align-items: flex-start; }

    .cont_sustain .SC_sub_con .inner .section3 .news_list ul { flex-direction: column; margin-top: 3rem;}
    .cont_sustain .SC_sub_con .inner .section3 .news_list ul li {width: 100%; height: fit-content; margin: 0rem 0 4rem 0; box-shadow: 0.9rem 0.8rem 1.3rem 0 rgb(0 0 0 / 13%);}
    .cont_sustain .SC_sub_con .inner .section3 .news_list ul li:nth-last-child(-n+2) {margin-bottom:3rem;}
    .cont_sustain .SC_sub_con .inner .section3 .news_list ul li:last-of-type {margin-bottom:0rem;}
    .cont_sustain .SC_sub_con .inner .section3 .news_list ul li .top { height: fit-content; padding: 4rem; }
    .cont_sustain .SC_sub_con .inner .section3 .news_list ul li .top .tit {font-size: 2.2rem; }
    .cont_sustain .SC_sub_con .inner .section3 .news_list ul li .top .date { font-size: 1.4rem; bottom: 0rem; position: relative; margin-top: 4rem; }
    .cont_sustain .SC_sub_con .inner .section3 .news_list ul li .img { height: fit-content; position: relative;}
    .cont_sustain .SC_sub_con .inner .section3 .news_list ul li .img img { position: relative; }
    .cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more { padding-top: 6rem; }
    .cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a .icon {width: 5rem;height: 5rem; margin: 0 auto 1.2rem;}
    .cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a .icon &gt; i {position: absolute;display: inline-block;background: #568236;}
    .cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a i:first-child { top:1.5rem; left:2.4rem;}
    .cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a i:last-child { top:2.4rem;left:1.5rem;}
    .cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a span {font-size: 1.5rem; }

    /* ESG �곗씠�� 230117  */
    .cont_sustain .esg_contents section .s_tit {font-size: 1.7rem;margin-top: 10rem;}    
    .cont_sustain .esg_contents section table {font-size: 1.2rem;}
    .cont_sustain .esg_contents section table thead tr th {height: 4rem;}
    .cont_sustain .esg_contents section table tbody tr td {height: 4rem;word-break: break-word;padding: 0 .5rem;}
    .cont_sustain .esg_contents section &gt; p {font-size: 1.2rem;color: #888;line-height: 1.57;margin-top: 1.5rem; }



    /* �ъ옄�뺣낫 - �댁뒪 220310 */
    .irsearch_contents .search .input_search {margin-right: 0;}
    .irsearch_contents .input_search input {width: 100%;font-size: 1.2rem;}
    .cont_invest .news_list ul { flex-direction: column; margin-top: 3rem;}
    .cont_invest .news_list ul li {width: 100%; height: fit-content; margin: 0rem 0 4rem 0; box-shadow: 0.9rem 0.8rem 1.3rem 0 rgb(0 0 0 / 13%);}
    .cont_invest .news_list ul li:nth-last-child(-n+2) {margin-bottom:3rem;}
    .cont_invest .news_list ul li:last-of-type {margin-bottom:0rem;}
    .cont_invest .news_list ul li .top { height: fit-content; padding: 4rem; }
    .cont_invest .news_list ul li .top .tit {font-size: 2.2rem; }
    .cont_invest .news_list ul li .top .date { font-size: 1.4rem; bottom: 0rem; position: relative; margin-top: 4rem; }
    .cont_invest .news_list ul li .img { height: fit-content; position: relative;}
    .cont_invest .news_list ul li .img img { position: relative; }
    .cont_invest .news_list .btn_more { padding-top: 6rem; }
    .cont_invest .news_list .btn_more a .icon {width: 5rem;height: 5rem; margin: 0 auto 1.2rem;}
    .cont_invest .news_list .btn_more a .icon &gt; i {position: absolute;display: inline-block;background: #568236;}
    .cont_invest .news_list .btn_more a i:first-child { top:1.5rem; left:2.4rem;}
    .cont_invest .news_list .btn_more a i:last-child { top:2.4rem;left:1.5rem;}
    .cont_invest .news_list .btn_more a span {font-size: 1.5rem; }

    /* �ъ옄�뺣낫  - �곸꽭�섏씠吏� 220310 */ 
    .container .contents .contents_inner .detail_sub_contents .inner { padding: 0 2rem;}
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .tb_row {padding:2rem 2rem; border-top:2px solid #000; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .tb_row .tit {font-size:2rem; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .tb_row .date {font:200 1.4rem "Montserrat", sans-serif; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box { padding:4rem 2rem; line-height:1.5; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .view_link,
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .file_box { padding:3.5rem 0 2rem 0; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .file_box .file_download a img { top:0; position: absolute; padding-right: 0; left:-3rem; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .view_info { padding-bottom:3.5rem; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .view_info p img,
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .view_info iframe,
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .view_info .image img { width: 100% !important; height: auto !important; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_nav dl { display:flex; align-items: center; padding:2rem; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_nav dl dt { padding-right:2rem; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_nav dl dt, dd { float:none; }
    .container .contents .contents_inner .detail_sub_contents .inner .tb_view .btn_box .btn_line a {  margin: 6rem auto 0 auto; }


    /* �ъ옄�뺣낫 - 怨듦퀬 - 220510 */
    .cont_invest .contents_inner .disclosure_banner {margin: 2.3rem auto 8rem;}
    .cont_invest .contents_inner .disclosure_banner &gt; p {font-size: 1.7rem;padding: 8rem 0 3rem;}
    .cont_invest .contents_inner .disclosure_banner &gt; .btn_goDart {font-size: 1.4rem;}

    .cont_invest .tb_top .total {float: inherit;padding-top: 3rem;font-size: 1.3rem;font-weight: 100;}
    .cont_invest .tb_top .total b {font-size: 1.5rem;}
    .cont_invest .tb_top .search {float: inherit;}
    .cont_invest .tb_top .search .input_search {width: 100%;}
    .cont_invest .tb_box {margin-top: 1.5rem;border-top: .2rem solid #000;}
    /* .cont_invest .tb_box .tb_row.row_head {display: none;} */
    .cont_invest .tb_box .tb_row.row_body {padding: 1.5rem;}
    .cont_invest .tb_box .tb_row &gt; div {height: auto;line-height: 1;}
    .cont_invest .tb_box .tb_row.row_body&gt;div {padding: 0;text-align: left;font-weight: 100;}
    .cont_invest .tb_box .tb_row.row_body .num {display: none;}
    .cont_invest .tb_box .tb_row.row_body .tit {display: block;width: 100%;font-size: 1.3rem;font-weight: 100;}
    .cont_invest .tb_box .tb_row.row_body .view {display: inline-block;padding-top: 1rem;width: 25%;font-size: 1.1rem;font-weight: 100;}
    .cont_invest .tb_box .tb_row.row_body .view b {display: inline-block;font-weight: 300;}
    .cont_invest .tb_box .tb_row.row_body .date {display: inline-block;padding-top: 1rem;width: 50%;font-size: 1.1rem;font-weight: 100;}
    .cont_invest .tb_box .tb_row.row_body .date b {display: inline-block;font-weight: 300;}
    .cont_invest .tb_box .tb_row.row_body .none {width: 100%;height: 15rem; text-align: center;}

    .cont_invest .tb_view .tb_row.row_head {display: block;padding: 2.5rem;}
    .cont_invest .tb_view .tb_row.row_head .tit {display: block;padding: 0 0 1.5rem 0;width: 100%;font-size: 1.6rem;font-weight: 100;}
    .cont_invest .tb_view .tb_row.row_head .date {display: block;padding: 0;width: 100%;text-align: left;font-size: 1.6rem;font-weight: 100;}
    .cont_invest .tb_view .view_box .file_box {padding: 2rem;}
    .cont_invest .tb_view .view_box .file_box .file_download {margin-top: .5rem; }
    .cont_invest .tb_view .view_box .file_box .file_download a {background-size: 1.5rem 1.9rem;font-size: 1.2rem; position:relative; left:3rem; }
    .cont_invest .tb_view .view_nav dl {float: inherit;width: 100%;}
    .cont_invest .tb_view .view_nav .nav_prev:after {display: none;}
    .cont_invest .tb_view .view_nav dl dd {width: 70%;padding-left: 1.5rem;height: auto; overflow: hidden; text-overflow: ellipsis; }
    .cont_invest .tb_view .view_nav dl dd a {font-size: 1.3rem; white-space: nowrap; }
    .cont_invest .tb_view .view_nav dl dt {width: 25%;padding-right: 0;height: auto;font-size: 1.5rem;}
    .cont_invest .tb_view .view_nav .nav_prev dt span {padding-left: 0;background: url(../images/common/nav_prev_m.png) 0 50% no-repeat;background-size: 2.5rem 1.8rem;}
    .cont_invest .tb_view .view_nav .nav_next dt span {padding-left: 0;padding-right: 0;background: url(../images/common/nav_next_m.png) 0 50% no-repeat;background-size: 2.5rem 1.8rem;}
    .cont_invest .tb_view .btn_box {margin-top: 4rem;}

    /* �ъ옄�뺣낫 - �щТ�뺣낫 - �щТ�곹깭��,�먯씡怨꾩궛�� 220510 */
    .cont_invest.fc_info .tb_top .nav_btn li {font-size: 1.4rem;}
    .cont_invest.fc_info .tb_top .nav_btn li a {padding: 1rem 0;}
    .cont_invest.fc_info .tb_box {margin-top: 1.5rem;border-top: 0;}
    .cont_invest.fc_info .tb_box p {font-size: 1.2rem;padding: 0 0 1.5rem 0;}
    .cont_invest.fc_info .tb_box p:last-child {font-size: 1.2rem;padding: 1.5rem 0 0 0;}
    .cont_invest.fc_info .tb_box .tb_row.row_body {padding: 0;}
    /* .cont_invest.fc_info .tb_box&gt; div:nth-of-type(2) {border-top: .2rem solid #000;} */
    .cont_invest.fc_info .tb_box .tb_row.row_body &gt; div {font-size: 1.2rem;}
    .cont_invest.fc_info .tb_box .tb_row &gt; div {height: 5rem;}
    .cont_invest.fc_info .tb_box .tb_row.row_body &gt; div {padding: 0;text-align: center;word-break: break-word;}

    /* 誘몃뵒�댁꽱�� - �띾낫�먮즺 */
    .cont_media .disclosure_banner {height: 65rem; background: url(../images/media/promotion_img_m.png) no-repeat 50% 50%; margin: 5rem auto 6rem;}
    .cont_media .disclosure_banner .content_wrap {align-items: center; padding: 41rem 0 0 0;}
    .cont_media .disclosure_banner .content_wrap p {font-size: 1.7rem;}
    .cont_media .disclosure_banner .download_wrap {flex-direction: column; gap: 2rem;}


    /*  - �몄옱梨꾩슜 - �몄궗�쒕룄 - 220518 */
    .cont_recruit .personnel_contents .sub_con { font-size: 1.8rem; }
    .contents .contents_inner .personnel_contents .inner {padding: 0 1rem;}
    .cont_recruit .personnel_contents section .s_title_img &gt; img:first-of-type {display: none;}
    .cont_recruit .personnel_contents section .s_title_img &gt; img:last-of-type {display: block;margin: 0 auto;}
    .cont_recruit .personnel_contents .section1 .s_title_img &gt; img:last-of-type {width: 9.85rem;}
    .cont_recruit .personnel_contents .section2 .s_title_img &gt; img:last-of-type {width: 10.8rem;}
    .cont_recruit .personnel_contents .section3 .s_title_img &gt; img:last-of-type {width: 12.7rem;}
    .cont_recruit .personnel_contents &gt; .inner {margin: 0 auto;}
    .cont_recruit .personnel_contents section &gt; h3 {font-size: 2.5rem;margin-top: 1.5rem;}
    .cont_recruit .personnel_contents .section1 {height: 75rem;padding-top: 4rem;} 
    .cont_recruit .personnel_contents .section1 &gt; ul {flex-direction: column;padding: 0;margin-top: 2.5rem;}
    .cont_recruit .personnel_contents .section1 &gt; ul &gt; li {width: calc(100% - 4rem);height: 18rem;background-position: 50% 50%;background-size: cover;}
    .cont_recruit .personnel_contents .section1 &gt; ul &gt; .reward_sys01 {background-image: url(../images/recruit/reward_sys_img01_m.png);margin-left: 3rem;}
    .cont_recruit .personnel_contents .section1 &gt; ul &gt; .reward_sys02 {background-image: url(../images/recruit/reward_sys_img02_m.png);margin-top: 0;margin-left: 1rem;}
    .cont_recruit .personnel_contents .section1 &gt; ul &gt; .reward_sys03 {background-image: url(../images/recruit/reward_sys_img03_m.png);margin-left: 3rem;}
    .cont_recruit .personnel_contents .section1 &gt; ul &gt; .reward_sys04 {background-image: url(../images/recruit/reward_sys_img04_m.png);margin-top: 0;margin-left: 1rem;}
    .cont_recruit .personnel_contents .section1 &gt; ul &gt; li .hov_wrap {padding: 3.5rem;}
    .cont_recruit .personnel_contents .section1 &gt; ul &gt; li .tit {font-size: 1.6rem;padding-bottom: 1.5rem;}
    .cont_recruit .personnel_contents .section1 &gt; ul &gt; li p {font-size: 1.5rem;line-height: 1.33;}

    .cont_recruit .personnel_contents .section2 {margin-top: 15.8rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul {margin-left: 2px;margin-top: 5rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; li {width: 50%;min-height: 18.5rem;height: auto;margin-left: -1px;margin-top: -1px;padding: 3rem 0 2.5rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; li:nth-child(4n-3) {margin-left: -1px;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; li:nth-child(2n-1) {margin-left: 0;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; li:nth-child(n+5):nth-child(-n+8) {margin-top: -1px;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; li:nth-child(n+1):nth-child(-n+2) {margin-top: 0;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; li .tit {font-size: 1.6rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; li p {font-size: 1.2rem;line-height: 1.67;margin-top: 1rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; li .icon {height: 4.2rem;margin: 0 0 2.5rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; .welfare_benifits01 .icon {background-size: 3.95rem 3.4rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; .welfare_benifits02 .icon {background-size: 4.15rem 4rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; .welfare_benifits03 .icon {background-size: 3.65rem 3.85rem;  }
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; .welfare_benifits04 .icon {background-size: 3.95rem 3.25rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; .welfare_benifits05 .icon {background-size: 3.95rem 3.7rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; .welfare_benifits06 .icon {background-image: url(../images/recruit/welfare_benefits_icon06_m.png);background-size: 4rem 4.15rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; .welfare_benifits07 .icon {background-size: 3.95rem 3.5rem;}
    .cont_recruit .personnel_contents .section2 &gt; ul &gt; .welfare_benifits08 .icon {background-size: 3.95rem 3.85rem;}

    .cont_recruit .personnel_contents .section3 {margin-top: 6rem;padding: 4rem 1rem;}
    .cont_recruit .personnel_contents .section3 &gt; p {font-size: 1.5rem;line-height: 1.46;margin: 1.5rem 0 3.5rem;}

    .cont_recruit .personnel_contents .section3 .edu_wrap {margin: 0 auto;width: 15rem;}

    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div {width: 100%;flex-direction: column;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; .edu_benifits01 {height: auto;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; .edu_benifits02 {height: auto;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; .edu_benifits03 {height: auto;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; .tit {font-size: 1.7rem;width: auto;margin-top: 1.5rem;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul {margin-top: 1.8rem;flex-direction: column;border-top: 0;/* border-left: 1px solid #e8e8e8; */position: relative;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul:before {content:'';display: inline-block;width: .1rem;background: #e8e8e8;position: absolute;top: 1rem;left: 0;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; .edu_benifits01 &gt; ul:before {height: 10rem;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; .edu_benifits02 &gt; ul:before {height: 18.8rem;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; .edu_benifits03 &gt; ul:before {height: 8rem;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul li:nth-child(1) {width: 100%;padding-left: 0;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul li:nth-child(2) {width: 100%;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul li:nth-child(3) {width: 100%;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul li {/* display: flex; */position: relative;margin-bottom: 2rem;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; .edu_benifits02 &gt; ul li {margin-bottom: 1.5rem;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul li .cont {padding-left: 2.5rem;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul li .cont .txt {font-size: 1.5rem;margin: 0;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul li .cont p {font-size: 1.2rem;line-height: 1.67;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul li .dot {margin-top: 0;margin-left: -1.05rem; width: 2.1rem;height: 2.1rem;position: absolute;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; div &gt; ul li .dot:after {width: .5rem;height: .5rem;}
    .cont_recruit .personnel_contents .section3 .edu_wrap &gt; .edu_benifits03 &gt; ul li:last-child {margin-bottom: 0;}
    

    /* �몄옱梨꾩슜 - 梨꾩슜怨듦퀬 220510 */
    .cont_recruit .recruit_contents .tab_list {overflow-x: auto; padding:0 1rem .6rem;}
    .cont_recruit .recruit_contents .tab_list .nav_btn {width: fit-content;}
    .cont_recruit .recruit_contents .tab_list .nav_btn li {font-size: 1.4rem; width: 17.8rem;}
    .cont_recruit .recruit_contents .tab_list .nav_btn li a {padding: 1rem 0;}

    .cont_recruit .recruit_contents .tb_top {margin-top: 5rem;}
    .cont_recruit .recruit_contents .tb_top .total {float: inherit;padding-top: 3rem;font-size: 1.3rem;font-weight: 100;}
    .cont_recruit .recruit_contents .tb_top .total b {font-size: 1.5rem;}
    .cont_recruit .recruit_contents .tb_top .search {float: inherit;}
    .cont_recruit .recruit_contents .tb_top .search .input_search {width: 100%;}
    .cont_recruit .recruit_contents .tb_box {margin-top: 1.5rem;border-top: .2rem solid #000;}
    .cont_recruit .recruit_contents .tb_box .tb_row.row_head {display: none;}
    .cont_recruit .recruit_contents .tb_box .tb_row.row_body {padding: 1.5rem;}
    .cont_recruit .recruit_contents .tb_box .tb_row &gt; div {height: auto;line-height: 1;}
    .cont_recruit .recruit_contents .tb_box .tb_row.row_body&gt;div {padding: 0;text-align: left;font-weight: 100;}
    .cont_recruit .recruit_contents .tb_box .tb_row.row_body .num {display: none;}
    .cont_recruit .recruit_contents .tb_box .tb_row.row_body .tit {display: block;width: 100%;font-size: 1.3rem;font-weight: 100;}
    .cont_recruit .recruit_contents .tb_box .tb_row.row_body .view {display: inline-block;padding-top: 1rem;width: 25%;font-size: 1.1rem;font-weight: 100;}
    .cont_recruit .recruit_contents .tb_box .tb_row.row_body .view b {display: inline-block;font-weight: 300;}
    .cont_recruit .recruit_contents .tb_box .tb_row.row_body .date {display: inline-block;padding-top: 1rem;width: 50%;font-size: 1.1rem;font-weight: 100;}
    .cont_recruit .recruit_contents .tb_box .tb_row.row_body .date b {display: inline-block;font-weight: 300;}
    .cont_recruit .recruit_contents .tb_box .tb_row.row_body .none {width: 100%;height: 15rem; text-align: center;}

    .cont_recruit .recruit_contents .tb_view .tb_row.row_head {display: block;padding: 2.5rem;}
    .cont_recruit .recruit_contents .tb_view .tb_row.row_head .tit {display: block;padding: 0 0 1.5rem 0;width: 100%;font-size: 1.6rem;font-weight: 100;}
    .cont_recruit .recruit_contents .tb_view .tb_row.row_head .date {display: block;padding: 0;width: 100%;text-align: left;font-size: 1.6rem;font-weight: 100;}
    .cont_recruit .recruit_contents .tb_view .view_box .file_box {padding: 2rem;}
    .cont_recruit .recruit_contents .tb_view .view_box .file_box .file_download {margin-top: .5rem;}
    .cont_recruit .recruit_contents .tb_view .view_box .file_box .file_download a {background-size: 1.5rem 1.9rem;font-size: 1.2rem;}
    .cont_recruit .recruit_contents .tb_view .view_nav dl {float: inherit;width: 100%;}
    .cont_recruit .recruit_contents .tb_view .view_nav .nav_prev:after {display: none;}
    .cont_recruit .recruit_contents .tb_view .view_nav dl dd {width: 70%;padding-left: 1.5rem;height: 6rem;}
    .cont_recruit .recruit_contents .tb_view .view_nav dl dd a {font-size: 1.3rem;}
    .cont_recruit .recruit_contents .tb_view .view_nav dl dt {width: 30%;padding-right: 0;height: 6rem;font-size: 1.5rem;}
    .cont_recruit .recruit_contents .tb_view .view_nav .nav_prev dt span {padding-left: 4rem;background: url(../images/common/nav_prev_m.png) 0 50% no-repeat;background-size: 2.5rem 1.8rem;}
    .cont_recruit .recruit_contents .tb_view .view_nav .nav_next dt span {padding-left: 4rem;padding-right: 0;background: url(../images/common/nav_next_m.png) 0 50% no-repeat;background-size: 2.5rem 1.8rem;}
    .cont_recruit .recruit_contents .tb_view .btn_box {margin-top: 4rem;}

    /*  - �몄옱梨꾩슜 - 梨꾩슜�뺣낫 : 梨꾩슜�꾨줈�몄뒪 - 220518 */
    .cont_recruit .recruit_contents .hiring_process {padding: 4rem 2rem 2rem;margin-top: 4rem;}
    .cont_recruit .recruit_contents .hiring_process .section1 &gt; .s_title_img {margin: 0 auto;}
    .cont_recruit .recruit_contents .hiring_process .section1 &gt; .s_title_img img:first-of-type {display: none;}
    .cont_recruit .recruit_contents .hiring_process .section1 &gt; .s_title_img img:last-of-type {display: block;width: 9.85rem;margin: 0 auto;}
    .cont_recruit .recruit_contents .hiring_process .section1 &gt; h3 {font-size: 2.5rem;padding: 1.5rem 0;}
    .cont_recruit .recruit_contents .hiring_process .section1 &gt; p {font-size: 1.4rem;line-height: 1.5;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul {width: 100%;margin: 4rem auto 0;flex-direction: column;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; li {/* min-height: 24.5rem; */height: auto;margin-left: 0;margin-bottom: 1rem;border-radius: 2.5rem;box-shadow: -4px -3px 9.4px .6px rgba(0, 0, 0, 0.1);}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; .process01 {width: 100%;margin-left: 0;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; .process02 {width: 100%;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; .process03 {width: 100%;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; .process04 {width: 100%;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; .process05 {width: 100%;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; li .tit {height: 3.7rem;border-radius: 2.5rem 2.5rem 0 0;font-size: 1.5rem;line-height: 3.7rem;text-align: left;padding-left: 3.5rem; }
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; li .cont {height: auto;padding: 2.5rem 0;display: flex;align-items: center;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; li .cont .icon {margin: 0;width: 10rem;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; .process01 .icon img {width: 3.6rem;height: auto;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; .process02 .icon img {width: 3.4rem;height: auto;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; .process03 .icon img {width: 3.4rem;height: auto;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; .process04 .icon img {width: 3.4rem;height: auto;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; .process05 .icon img {width: 3.7rem;height: auto;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; li .cont .txt {width: calc(100% - 10rem);font-size: 1.4rem;line-height: 1.57;text-align: left;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; li .cont .txt li {justify-content: left;}
    .cont_recruit .recruit_contents .hiring_process .section2 &gt; ul &gt; li:first-child .cont .txt li:before {position: initial;}
    
    /*  - �몄옱梨꾩슜 - 梨꾩슜�뺣낫 : 吏곷Т�뚭컻 - 220518 */
    .cont_recruit .recruit_contents .job_intro {padding: 4rem 2rem 2rem;margin-top: 4rem;}
    .cont_recruit .recruit_contents .job_intro .section1 &gt; .s_title_img img:first-of-type {display: none;}
    .cont_recruit .recruit_contents .job_intro .section1 &gt; .s_title_img img:last-of-type {display: inline-block;width: 10.8rem;}
    .cont_recruit .recruit_contents .job_intro .section1 &gt; h3 {font-size: 2.5rem;padding: 1.5rem 0;}
    .cont_recruit .recruit_contents .job_intro .section1 &gt; p {font-size: 1.4rem;}
    .cont_recruit .recruit_contents .job_intro .section2 .job_intro_box_wrap {margin: 2rem auto 0;}
    .cont_recruit .recruit_contents .job_intro .section2 .job_intro_box_wrap01 {margin-top: 3rem;}
    .cont_recruit .recruit_contents .job_intro .section2 .job_intro_box {width: 100%;/* min-height: 36.3rem; */margin-bottom: 1rem;box-shadow: 8px 6px 18.8px 1.2px rgba(0, 0, 0, 0.1);}
    .cont_recruit .recruit_contents .job_intro .section2 .job_intro_box_wrap01 &gt; div {margin-bottom: 1rem;}
    .cont_recruit .recruit_contents .job_intro .section2 .job_intro_box_wrap02 &gt; div {margin-bottom: 1rem;}
    .cont_recruit .recruit_contents .job_intro .section2 .job_intro_box_wrap03 &gt; div {margin-bottom: 1rem;}
    .cont_recruit .recruit_contents .job_intro .section2 .job_intro_box &gt; .img {width: 100%;}
    .cont_recruit .recruit_contents .job_intro .section2 .job_intro_box &gt; .img &gt; img {height: auto;width: 100%;object-fit: contain;}
    .cont_recruit .recruit_contents .job_intro .section2 .job_intro_box &gt; .txt {padding: 3rem 3rem 3.5rem;font-size: 1.5rem;}
    .cont_recruit .recruit_contents .job_intro .section2 .job_intro_box &gt; .txt .tit {font-size: 1.6rem;margin-bottom: 1rem;}


    /*  - �몄옱梨꾩슜 - 梨꾩슜�뺣낫 : 梨꾩슜 FAQ - 220518 */
    .cont_recruit .recruit_contents .faq {margin: 13px 1rem 0;}
    .cont_recruit .recruit_contents .faq &gt; div &gt; p:before {font-size: 1.9rem;padding: 0 1.5rem 0 1rem;}
    .cont_recruit .recruit_contents .faq .que &gt; p:before {line-height: normal;}
    .cont_recruit .recruit_contents .faq .que {padding: 2.6rem 0;font-size: 1.6rem;letter-spacing: -.055rem;}
    .cont_recruit .recruit_contents .faq .que &gt; p {background: url(../images/recruit/faq_arrow.png) no-repeat calc(100% - 1rem) 50%;background-size: .95rem .5rem;}
    .cont_recruit .recruit_contents .faq .que.on &gt; p {background: none;}
    .cont_recruit .recruit_contents .faq .ans {padding: 2.8rem 0;font-size: 1.5rem;line-height: 1.46;}
    



    /* 硫붿씤 */
    .cont_main section .tit_area {padding-top: 7rem;}
    .cont_main section .tit_area .title {font-size: 1.4rem; /* font-weight: 450; */}
    .cont_main section .tit_area .sub_con {font-size: 2.3rem;margin-top: 2rem;font-weight: 100;}

    /* section0: video */
	.container .section0 .main_visual .swiper-slide {height: calc(100vw / 1.75) !important;}
    .cont_main .section0 {width: 100vw; height: auto !important; /* height: 70.1rem; */overflow: hidden; /* height: 66.7rem; *//* margin-bottom: 6.4rem;*/ margin-bottom: 3rem; }
    .cont_main .section0 .vis_scroll {display: none;}
	.cont_main .section0 .main_visual video {height: auto !important;}
    .cont_main .section0 .main_visual { width:100%; height: auto !important; /* height: calc(100% - 8.9rem); */ margin-top: 5.5rem; float: right; overflow: hidden; /* box-shadow: -.2rem -.15rem .95rem .05rem rgba(0, 0, 0, 0.2); */ }
    .cont_main .section0 .main_visual .txt {width: 100%;padding: 0 15vw;font-size: 2.4rem;letter-spacing: -.12rem;text-shadow: 1px 1.5px 4.7px rgba(0, 0, 0, 0.5);top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .cont_main .section0 .main_visual .swiper-wrapper {width: 100%;height: 66.7rem;}
    .cont_main .section0 .main_visual .swiper-wrapper .swiper-slide{height: 100% !important;}
    .cont_main .section0 .main_visual .swiper-wrapper video { object-position: 50% 50%; }
    /* .cont_main .section0 .main_visual .swiper-wrapper .bg {width: 100%;height: 100%;background: #eee;position: relative;}
    .cont_main .section0 .main_visual .swiper-wrapper video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%;width: auto;} */
    
    .cont_main .section0 .naviPlay {width: calc(100% - 4rem);height: 5rem;padding: 2rem 2.5rem 2rem 2rem; bottom: 0; /* bottom: -3.4rem; */}
    .cont_main .section0 .naviPlay .slide_bar {text-align:left;position: absolute;top: 3rem;}
    .cont_main .section0 .naviPlay .playbar {width: 5rem;margin-right: .1rem;}
    .cont_main .section0 .naviPlay .swiper-pagination {display: none;}
    .cont_main .section0 .naviPlay .playbar .playTime {top: -.2rem;}
    .cont_main .section0 .arrow img {width: 0.6rem;height: 1rem;}
    .cont_main .section0 .arrow.left {top:2rem; right:6.8rem;}
    .cont_main .section0 .arrow.right {top:2rem; right:2.5rem;}
    .cont_main .section0 .naviPlay .naviAuto {top: 2rem;right: 4.6rem;}
    .cont_main .section0 .naviPlay .naviAuto img {width: 0.7rem;}

    /* section1 : �꾩냼��媛� area */
    .cont_main .section1 { width: calc(100% - 2rem); height: fit-content; margin:auto; overflow: hidden; background: url(../images/main/sec1_bg.jpg); position: relative;}
    .cont_main .section1 .count { margin-top: 15.4rem; }
    .cont_main .section1 .count &gt; p { font-size:1.4rem; line-height: 1; }
    .cont_main .section1 .count &gt; p span { padding:1rem .5rem; }
    .cont_main .section1 .count .count_trigger { display: flex; justify-content: space-between; align-items: baseline; width:calc(100% - 4rem); margin:auto; }
    .cont_main .section1 .count .count_trigger div { color: #555555; font-weight: 300; }
    .cont_main .section1 .count .count_trigger div:first-child { font-size: 1.3rem; margin-top:3.15rem; display:flex; }
    .cont_main .section1 .count .count_trigger div:first-child p:last-child { margin-top:1.8rem; padding-left: 1rem; }
    .cont_main .section1 .count .count_trigger div:last-child { font-size: 1.3rem; }
    .cont_main .section1 .count .count_trigger div:last-child span { min-width:100%; background-size:100rem; background-position:40% 61%; font-size:6.5rem; margin-top:2rem; text-shadow:2px -1px .92px rgba(0, 0, 0, 0.05); position: absolute; left: 0; }

    .cont_main .section1 .count2 { position: relative; top: 6.55rem !important; right: 50%; transform: translateX(50%); }
    .cont_main .section1 .count2.on { position: relative; top: 6.55rem !important; transform: translateX(50%); }
    .cont_main .section1 .count2 .level .carbon_number { width:14.05rem; height: 14.05rem; font-size: 1.3rem; }
    .cont_main .section1 .count2 .level .carbon_number .carbon_number_inner p { text-align: center; font-size: 1.2rem; line-height: 1; }
    .cont_main .section1 .count2 .level .carbon_number .carbon_number_inner p:last-child { font-size:1.1rem; font-weight:300; color: #777; padding-top: .5rem;}
    .cont_main .section1 .count2 .level .carbon_number .carbon_number_inner .tit_pc { display: none; }
    .cont_main .section1 .count2 .level .carbon_number .carbon_number_inner .tit_mob { display: block; letter-spacing: -.1rem; font-size: 1.3rem; padding-bottom: 1rem; }
    .cont_main .section1 .count2 .level .carbon_number .carbon_number_inner .mov_num1 {font-size: 2.7rem; width: 7.5rem;}
    .cont_main .section1 .count2 .level .carbon_chart { width:17.75rem; height:17.75rem; }
    .cont_main .section1 .count2 .text-circle {width: 22.95rem; top:0; left:50%; transform: translate(-54%, -2.7rem) scale(.95); }
    .cont_main .section1 .count2 .text-circle &gt; img:last-of-type {display: none;}
    .cont_main .section1 .count2.on .text-circle &gt; img:first-of-type {display: none;}
    .cont_main .section1 .count2.on .text-circle &gt; img:last-of-type {display: block;}
    
    /* section1 : tree �꾩냼�섏튂 洹몃옒�� */
    .cont_main .section1 .count3 { margin-top: 11.5rem; }
    .cont_main .section1 .count3 .tree { display: flex; flex-direction: column; flex-wrap: wrap;  }
    .cont_main .section1 .count3 .tree &gt; a { order:2; padding: 1rem 2rem 0; }
    .cont_main .section1 .count3 .tree &gt; a &gt; img { width: 100%; }
    .cont_main .section1 .count3 .tree .tree_counts { position: relative; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: flex; height: fit-content; flex-direction: column; order:1; width: calc(100% - 2rem); }
    .cont_main .section1 .count3 .tree .tree_counts li:not(:last-child) { position: relative; display:flex; left: unset; align-items: flex-start; margin-bottom: 3.5rem; padding: 0 1rem; }
    .cont_main .section1 .count3 .tree .tree_counts li .tc_img { width: 6.35rem; height: 6.35rem; display:inline-block; text-align: center; }
    .cont_main .section1 .count3 .tree .tree_counts li .tc_img img { width: 100%; height: 100%; object-fit: cover; }
    .cont_main .section1 .count3 .tree .tree_counts li h2 { font-size: 1.6rem; line-height: 0.9; padding-left: 2.45rem; padding-top: 1rem; display: inline-block; }
    .cont_main .section1 .count3 .tree .tree_counts li p { font-size: 1.4rem; line-height: 1; right: unset; bottom: 1.2rem; top: unset; left: 9.7rem; display:inline-flex; align-items: baseline; margin:auto; }
    .cont_main .section1 .count3 .tree .tree_counts li p span { font-size: 2.1rem; display: inline-block !important; padding-right: 1rem; }
    .cont_main .section1 .count3 .tree .tree_counts li p:after { width: calc(100% - 3.2rem); height: 1rem; bottom: -.2rem; right: unset; left: -.2rem; }
    .cont_main .section1 .count3 .tree .tree_counts li .line { display: none; }
    .cont_main .section1 .count3 .tree .tree_counts li:not(:last-child):nth-child(even) { flex-direction: row; left: unset; right: unset; }
    .cont_main .section1 .count3 .tree .tree_counts li:not(:last-child):nth-child(even) h1 { padding-left: 2.45rem; padding-right: 0; }
    .cont_main .section1 .count3 .tree .tree_counts li:not(:last-child):nth-child(even) h2 { padding-left: 2.45rem; padding-right: 0; }
    .cont_main .section1 .count3 .tree .tree_counts li:not(:last-child, :nth-child(4)):nth-child(even) p { right: unset; }
    .cont_main .section1 .count3 .tree .tree_counts li:nth-child(1),
    .cont_main .section1 .count3 .tree .tree_counts li:nth-child(2), 
    .cont_main .section1 .count3 .tree .tree_counts li:nth-child(3),
    .cont_main .section1 .count3 .tree .tree_counts li:nth-child(4),
    .cont_main .section1 .count3 .tree .tree_counts li:nth-child(5) { top: 0; transform:translateX(0); }
    .cont_main .section1 .count3 .tree .tree_counts li:last-child { bottom:0; right: unset; position: relative; display: flex; align-items: flex-start; transform:translateX(0); padding: 4rem 1rem 0; border-top: .05rem solid #000; }
    .cont_main .section1 .count3 .tree .tree_counts li:last-child h2 { padding-top: 1rem; font-size: 1.6rem; padding-right: 0; padding-left: 2.45rem; }
    .cont_main .section1 .count3 .tree .tree_counts li:last-child p { bottom: 1.5rem; right:unset; top:unset; left:9.7rem; }
    .cont_main .section1 .count3 .tree .tree_counts li:last-child p:after { background: #97b47e; }
    .cont_main .section1 .count3 .tree .tree_counts li:nth-child(4) p { right: initial; }
    .cont_main .section1 .count3 .tree .tree_counts li:nth-child(2) .tc_img img { width: 5.8rem; object-fit: contain; }
    .cont_main .section1 .count3 .tree .tree_counts li:nth-child(4) .tc_img img { width: 3.85rem; object-fit: contain; }
    .cont_main .section1 .count3 .tree .tree_counts li:nth-child(5) .tc_img img { width: 4.9rem; object-fit: contain; }
    .cont_main .section1 .count3 .tree .tree_counts li:last-child .tc_img img { width: 6.35rem; object-fit: contain; }

    /* section2 : Business area */
    .cont_main .section2 .tit_area { padding-top: 7rem; }
    .cont_main .section2 .line {display: none;}
    .cont_main .section2 .business_list {flex-direction: column;padding: 0 1rem;margin: 7.5rem auto 0;}
    .cont_main .section2 .business_list li {max-width: 100%;width: calc(100% - 2rem);height: auto;border: .45rem solid #e1e8dc; margin-bottom:6.35rem;}
    .cont_main .section2 .business_list li:nth-child(2n-1) {border-radius: 0 4.5rem;}
    .cont_main .section2 .business_list li:nth-child(2n) {border-radius: 4.5rem 0;margin-top: 0; }
    .cont_main .section2 .business_list li:nth-child(2) { height: auto;}
    .cont_main .section2 .business_list li:nth-child(3) { height: auto; margin-top: 0rem;}
    .cont_main .section2 .business_list li:nth-child(4) { height: auto;}
    .cont_main .section2 .business_list li:last-child {margin-bottom: 2rem; }
    .cont_main .section2 .business_list li .img {position: initial;margin-top: -3.3rem;margin-left: 2.5rem; width: 100%;height: 21.2rem;box-shadow: 1px 6px 8px 0px rgba(0, 0, 0, 0.24); overflow: hidden;}
    .cont_main .section2 .business_list li .img img { object-fit: cover; height: 100%;}
    .cont_main .section2 .business_list li:nth-child(2n-1) .img {border-radius: 0 4.5rem; left: auto;right: 0;}
    .cont_main .section2 .business_list li:nth-child(2n) .img {border-radius: 4.5rem 0; left: auto;right: 0;}
    .cont_main .section2 .business_list li .txt {position:relative; top: 0; padding: 4rem;}
    .cont_main .section2 .business_list li .txt dt {font-size: 1.6rem;}
    .cont_main .section2 .business_list li .txt dd {font-size: 1.4rem; line-height: 1.57;letter-spacing: -.04rem; }
    .cont_main .section2 .business_list li:nth-child(2) .txt,
    .cont_main .section2 .business_list li:nth-child(3) .txt,
    .cont_main .section2 .business_list li:nth-child(4) .txt {padding: 4rem;}
    
    /* section3 : 吏��띻��κ꼍�� */
    .cont_main .section3 .sustain_list {margin-top: 4.5rem;}
    .cont_main .section3 .sustain_list ul {height: 47rem;}
    .cont_main .section3 .sustain_list ul li {width: 100%;height: 100%;border-right: 0;}
    .cont_main .section3 .sustain_list ul li .sustain_tit {font-size: 2.2rem;}
    .cont_main .section3 .sustain_list ul li .sustain_sub {display: block;font-size: 1.4rem;letter-spacing: -.03rem;line-height: 1.57;margin: 2rem 0 3.7rem;}
    .cont_main .section3 .sustain_list ul li .view_more {display: block;width: 15rem;height: 3.8rem;border-radius: 1.9rem;font-size: 1.2rem;line-height: 3.8rem;}
    .cont_main .section3 .sustain_list ul li:hover {width: 100%;padding: 0 1rem;}
    .cont_main .section3 .sustain_list ul li:nth-child(1).swiper-slide-active {background: url(../images/main/s3_bg01_m.png) no-repeat 50% 50%;background-size: cover;}
    .cont_main .section3 .sustain_list ul li:nth-child(2).swiper-slide-active {background: url(../images/main/s3_bg02_m.png) no-repeat 50% 50%;background-size: cover;}
    .cont_main .section3 .sustain_list ul li:nth-child(3).swiper-slide-active {background: url(../images/main/s3_bg03_m.png) no-repeat 50% 50%;background-size: cover;}
    .cont_main .section3 .sustain_list ul li:nth-child(4).swiper-slide-active {background: url(../images/main/s3_bg04_m.png) no-repeat 50% 50%;background-size: cover;}
    .cont_main .section3 .sustain_list ul li:nth-child(5).swiper-slide-active {background: url(../images/main/s3_bg05_m.png) no-repeat 50% 50%;background-size: cover;}
    .cont_main .section3 .sustain_list .swiper-container {position: relative;}
    .cont_main .section3 .sustain_list .swiper-pagination {display: flex;width: 11rem;justify-content: space-between;position: absolute;bottom: 6rem;left: 50%;transform: translateX(-50%);}
    .cont_main .section3 .sustain_list .swiper-pagination &gt; .swiper-pagination-bullet {width: 1rem;height: 1rem;background: #fff;border-radius: 50%;cursor: pointer;}
    .cont_main .section3 .sustain_list .swiper-pagination &gt; .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active {background: #808954;}
    .cont_main .section3 .sustain_list .swiper-pagination &gt; .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active {background: #00a970;}
    .cont_main .section3 .sustain_list .swiper-pagination &gt; .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active {background: #766c61;}
    .cont_main .section3 .sustain_list .swiper-pagination &gt; .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active {background: #738413;}
    .cont_main .section3 .sustain_list .swiper-pagination &gt; .swiper-pagination-bullet:nth-of-type(5).swiper-pagination-bullet-active {background: #787c8f;}
    /* section4 : ENC area */
    .cont_main .section4 {padding: 0 1rem 5rem 1rem; }
    .cont_main .section4 .emc_wrap {flex-direction: column;margin-top: 4.5rem;height: auto;}
    .cont_main .section4 .emc_wrap .news .top {margin-bottom: 1.5rem;}
    .cont_main .section4 .emc_wrap .news {width: 100%;height: auto;padding: 4rem 2rem 0;}
    .cont_main .section4 .emc_wrap .news .top h2 {font-size: 1.8rem;}
    .cont_main .section4 .emc_wrap .news .top a &gt; img {width: 1.1rem;}
    .cont_main .section4 .emc_wrap .news .thumbnail {display: none;}
    .cont_main .section4 .emc_wrap .news .news_list li {height: 9.7rem;border-top: 1px solid #efefef;border-bottom: 0;}
    .cont_main .section4 .emc_wrap .news .news_list li .news_list_tit {font-size: 1.4rem; height:auto; padding-right: 2rem; }
    .cont_main .section4 .emc_wrap .news .news_list li .news_list_date {font-size: 1.1rem;}
    .cont_main .section4 .emc_wrap .news .news_list li .btn img {width: 1.4rem;height: 0.7rem;}
    .cont_main .section4 .emc_wrap .emc_list {width: 100%;}
    .cont_main .section4 .emc_wrap .emc_list ul li {height: 17.5rem;}
    .cont_main .section4 .emc_wrap .emc_list .emc_list_box .emc_tit {font-size: 2rem;}
    .cont_main .section4 .emc_wrap .emc_list ul li:hover .emc_list_box {background: transparent;}
    .cont_main .section4 .emc_wrap .emc_list ul li:hover .emc_list_box .emc_tit:after {display: none;}
    .cont_main .section4 .emc_wrap .emc_list ul li:hover .emc_list_box .emc_sub {display: none;}


}
/* @media screen and (max-width:400px) {
    .shm_circle {width: 30vw;height: 30vw;}
    .shm_circle:nth-of-type(1) {margin-right: 20vw;}
} */
</pre></body></html>