@charset "utf-8";

:root {
	--font-size:18px;
	--sub-font-size:16px;
	--small-font-size:15px;
	--xsmall-font-size:14px;
}

.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.pc_view {display:block}
.mb_view {display:none}
.mont {font-family:'Montserrat', sans-serif; }





/* header */
#header {width:100%; position: relative; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); z-index:10; line-height:0px}



.header_bar {padding:0px 10px; background: #fff;}
.header_bar.fix {width:100%; position: fixed; left: 0px; top:0px;  box-shadow:0px 6px 5px rgba(0, 0, 0, 10%);}
.in_header {max-width:var(--cont-inner); width:100%; height:100px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}


/* wrap */
#wrap {width:100%; overflow:hidden; word-break:keep-all; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {position:relative; padding:0px 10px 100px 10px;}
.inner {max-width:var(--cont-inner); margin:0 auto;}


.side_quick { position: fixed; right: 10px; top: 50%; z-index:99; transform: translateY(-50%);}
.side_quick > ul > li:not(:first-child) {border-top:1px solid #000;}
.side_quick a {background:#000; display:flex; width:100px; height:100px; border-radius:100%; font-size: 14px; font-weight:500; line-height:1.4em; justify-content: center; align-items: center; color:#fff; text-align: center; flex-direction: column;}
.side_quick a .ico {display:block; margin-bottom:5px;}

.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}

.menu_btn {position:absolute; right: 0px; top:50%; transform: translateY(-50%); display:flex; width:52px; height: 52px; justify-content: center; align-items: center; border-radius:20px; background: var(--key-color); transition:.25s; cursor:pointer}
.menu_btn a {position: relative; display: flex; align-items:center; justify-content: center; width:17px; height: 16px;}
.menu_btn a span{display:block;height:2px;background-color:#fff; text-indent:-9999px;}
.menu_btn span,
.menu_btn span:before,
.menu_btn span:after{content:"";right:0; position:absolute; display:block; width:100%; height:100%; background-color:#fff; transition:.25s;-webkit-transition:.25s;}
.menu_btn span:before{top:-6px; width:70%}
.menu_btn span:after{bottom:-6px; right: auto; width:70%; left: 0px; }
.menu_btn .active span{background-color:transparent !important;}
.menu_btn .active span:before{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); background: #000 !important; width: 100%;}
.menu_btn .active span:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); background: #000 !important; width: 100%;}
.menu_btn .active span, .menu_btn .active span:before, .menu_btn .active span:after {width:28px;}

.top_lang {position: absolute; right:55px; top:50%; transform: translateY(-50%);}
.top_lang a {display: flex; line-height: 1.2em; font-weight: 500; width:52px; height: 52px; justify-content: center; align-items: center; border-radius:20px; background:#f4f4f4; font-size:12px; color: #666666; flex-direction: column; gap: 5px;}


.top_search {position:absolute; right:45px; line-height:0px;; top:50%; transform:translateY(-50%); display:none;}
.top_search > button {padding:0px; line-height: 0px;}
.top_search > button img {width: 26px; height: 26px;}

.searchPop {position: absolute; right: 115px; top: 50%; transform: translateY(-50%); width: 200px;}
.searchPop .search_area .input {background:none} 
.searchPop .close {position:absolute; right:0px; top:50%; transform: translateY(-50%); display: none;} 
.searchPop .close a {color:#fff; font-weight:400; line-height:1.4em; font-size:1px; text-indent:-99999em; display: block; width:30px; height:30px;} 
.searchPop .x_btn {padding-left:0px;}
.searchPop .x_btn:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%}
.searchPop .x_btn:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}

.search_area {display: flex; border:1px solid #f2f2f2; border-radius:30px; align-items: center;}
.search_area .input {border:none; outline:none; flex:1; width:100%; order:2; font-size:14px;}
.search_area .check {min-width:160px; color:#999999;}
.search_area .btn {min-width:40px; height:100%; display:flex; justify-content:center ;align-items:center; text-indent:-999999em; font-size:1px; color:#fff; background: url(../img/common/search.svg) no-repeat right center ; background-size:20px auto ;}



/* GNB */
.w_gnb {padding:0px 310px 0px 310px;}
.w_gnb .gnb {max-width:930px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-around; transition:all 0.5s 0s ease-out;}
.w_gnb .gnb > li {text-align:left; flex:auto; padding:0px 5px; vertical-align:top;}
.w_gnb .gnb > li > a {display:block; color:#333;}
.w_gnb .gnb > li > a > span {display:flex; justify-content:center; align-items:center; font-size:24px; font-weight:700; height:100px; transition:all 0.2s 0s ease-in-out; position:relative;}
.w_gnb .gnb > li:hover > a > span {color: var(--key-color);}
.w_gnb .gnb > li.on > a > span {color: var(--key-color);}
.w_gnb .sub_menu {display:none;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {border-top:1px solid #ccc;position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 10%)}
.gnb_bar_in {max-width:var(--cont-inner); max-height:calc(100vh - 100px); overflow-y: auto;  margin:0 auto; display: flex; align-items: flex-start; position:relative;}
.gnb_bar_in::-webkit-scrollbar { width: 6px; }
.gnb_bar_in::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.gnb_bar_in::-webkit-scrollbar-track { background-color: transparent;  }
.gnb_bar_in:before {display:block; content: ""; width:1px; height: 100%; background:#e5e5e5; position:absolute; left:340px; top: 0px; display: none;}
.gnb_bar_in .bar_left {width:340px; min-width:340px; padding-top:50px; display:none}
.gnb_bar_in .bar_left .txt_a {font-weight:400;}
.gnb_bar_in .bar_left > h3 {color: var(--key-color); padding:0.1em 0px 0.4em 0px; font-size:42px; font-weight:600; line-height:1.4em;}
.gnb_bar_in .sub_menu {display:flex !important; }
.bar_right {display:flex; gap:0.8em; flex:1; padding:35px 0px; justify-content: center; }

.bar_right > li {flex:1; max-width:300px}
.bar_right > li > a {display:flex; height:60px; align-items:center; justify-content: center; text-align: center; border:1px solid #ccc; background: #fff; border-radius:4px; font-size:var(--font-size); color:#000000; font-weight:400; transition:all 0.2s 0s ease-in-out; padding: 5px;}
.bar_right > li:hover > a {color:#fff; background: var(--sub-key-color);}

.three_depth {padding-top:20px}
.three_depth > li + li {margin-top:10px;}
.three_depth > li > a {position:relative; padding-left:0.8em; display: block; font-size:0.888em; color: #333333; line-height: 1.3em;}
.three_depth > li > a:before {content:""; width:3px; height:3px; border-radius:3px; background:var(--sub-key-color); position: absolute; left: 0px; top:0.5em}
.three_depth > li > a:hover {color: var(--sub-key-color); font-weight:600;}




/* slide_menu */
.slide_menu_wrap {width:100vw; height:100%;  z-index:998; position:fixed; top:-100%; left:0px; overflow: hidden;}
.slide_menu_inner {height:100%; background:#fff; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}
.slide_menu_inner .header {height:100px; max-width: 1820px; margin:0 auto; position:relative; background: url(../img/common/logo.png) no-repeat 10px center;}
.slide_menu_inner .header::after {content:""; width:100vw; height:1px; background:#000; position:absolute; left:50%; top:100%; transform: translateX(-50%)}
.slide_menu_inner .bt_close {position:absolute; right:10px; top:50%; transform: translateY(-50%); display: flex; width:36px; height:36px; text-indent: -999999em;}
.slide_menu_inner .bt_close:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%}
.slide_menu_inner .bt_close:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.slide_menu_inner .gnb {max-width:1820px; margin:0 auto; position:relative; border-left:1px solid #000; border-right:1px solid #000; font-size:var(--sub-font-size); overflow-y: auto; height:calc(100% - 100px); overflow-x: hidden;}
.slide_menu_inner .gnb::-webkit-scrollbar { width: 6px; }
.slide_menu_inner .gnb::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.slide_menu_inner .gnb::-webkit-scrollbar-track { background-color: transparent;  }
.slide_menu_inner .gnb > li {display:flex; border-bottom:1px solid #000;}
.slide_menu_inner .gnb > li > a {font-size:2em; color:#000; font-weight:800 ; line-height:1.4em; padding:min(50px, 6vw) min(44px, 5vw); min-width:9em; align-self: flex-start;}
.slide_menu_inner .gnb a {color:#000;}
.slide_menu_inner .gnb .sub_menu {display: flex !important; gap:0.8em min(6em, 5vw); flex:1; flex-wrap:wrap; padding:min(50px, 6vw) min(44px, 5vw); border-left:1px solid #000 ;}
.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.5em; line-height:1.4em; font-weight:700;}
.slide_menu_inner .three_depth {padding:10px 0px 10px 0px;}
.slide_menu_inner .three_depth > li {padding-top:0px;}


.section {padding-top:min(80px, 10vw); padding-bottom:min(80px, 10vw); padding-left:10px; padding-right: 10px; font-size: var(--font-size); line-height:1.5em}
.section .more {position:absolute; right:0px; top:0px;}
.section .more > a {display:flex; color:#000; font-weight:600; align-items:center;}
.section .more > a > span {display:flex; width:32px; height:32px; justify-content:center; align-items:center; margin-left:10px; background:#fff; border-radius:10px; color:#fff; position:relative}
.section .more > a > span:after {display:block; content:""; width:16px; height:2px; background:#000; position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-1px; transition:all 0.5s;}
.section .more > a > span:before {display:block; content:""; width:2px; height:16px; background:#000; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-1px; transition:all 0.5s;}
.section .more > a:hover > span:after {transform:rotate(90deg);}
.section .more > a:hover > span:before {transform:rotate(90deg);}
.m_tit {padding:1em 0px 0.8em 0px; color:#000000; font-size:2em; line-height:120%; font-weight:400; }
.m_tit > strong {font-weight:800;}
.m_tit_txt {color:#e71b36; margin-bottom: 0.3em; font-weight:600;}
.m_tit_txt + .m_tit {padding-top:0px;}


#section1 {padding:0px;}
.main_visual {max-width: 100%;}
.main_visual .banner_slide {position: relative; max-width: var(--cont-inner); margin: 0 auto;}
.main_visual .swiper-slide { position: relative;}
.main_visual .swiper-slide .bg_img {}
.main_visual .txt_frame {position:relative; height:560px; z-index:2; color:#fff; display: flex; justify-content: center; flex-direction: column; width:100%; max-width:var(--inner); padding:0px 10px; margin:0 auto; text-shadow: 2px 2px 4px #333;}
.main_visual .txt_frame strong {font-weight:700}
.main_visual .txt_frame .txt_b {font-size:2.3333em; font-weight:100; line-height:1.4em;}
.main_visual .txt_frame .txt_a {font-size:3.55555em; font-weight:700; line-height:1.4em;}
.main_visual .slide_control { display: flex; justify-content: center; align-items: center; height: 36px; position: absolute; left: 50%; bottom:5%; transform: translateX(-50%); border-radius:20px; background: rgba(0, 0, 0, 70%); z-index: 9; padding: 0px 15px;}
.main_visual .slide_control .swiper-pagination {display: flex; margin-right:10px; min-width:4em; justify-content:center; align-items: center; gap:10px; font-size:11px; color:#fff; font-weight:300;}
.main_visual .slide_control .swiper-pagination > span {font-size:14px; font-weight:600}
.main_visual .slide_control .play_stop {font-size:0px; display: flex; width:14px; height:26px; justify-content: center; align-items: center; color:#fff;}
.main_visual .slide_control .play_stop:focus {outline:1px solid #fff}
.main_visual .slide_control .play:before {display: block; content: "▶"; font-size:9px;}
.main_visual .slide_control .stop:before {display: block; content: ""; width: 2px; height: 9px; border-left:3px solid #fff; border-right:3px solid #fff;}
.main_visual .arrow:after {display: block; content: ""; width: 6px; height: 6px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg);}
.main_visual .swiper-button-prev:after { transform: rotate(-135deg);}



.main_quick {display:flex; justify-content: space-between; margin: 0 auto; max-width:1400px; gap:1em;}
.main_quick > li {width:16.6666%;text-align: center;}
.main_quick > li * {transition: all 0.3s 0s ease-in-out;}
.main_quick .ico {max-width:120px; height:120px; padding: 1em; position: relative; border:1px solid #ccc; border-radius:20px; display: flex; justify-content: center; align-items: center; background: #fff; margin: 0 auto; margin-bottom: 1.2em;}
.main_quick .ico .arrow {display: flex; justify-content: center; align-items: center; width:40px; height: 40px; background: #f0f3f6; border-radius:100%; position: absolute; right: 0px; bottom: 0px; transform: translate(30%, 30%);}
.main_quick .ico .arrow img {width: 12px;}





 @media (hover: hover) and (pointer: fine) {
    .main_quick > li a:hover {color: var(--point-color); font-weight:600;}
	.main_quick > li a:hover .ico {border-color: var(--point-color); box-shadow:2px 5px 10px rgba(0, 0, 0, 10%);}
	.main_quick > li a:hover .arrow {background:var(--point-color);}
	.main_quick > li a:hover .arrow img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);}
	
	
 }

 


/* footer */
#footer { padding:0px 10px; position:relative; background:#eceff4 ;}
#footer .go_top {position:absolute; right:0px; top:50%; transform: translateY(-50%); z-index:99}
#footer .go_top > a {display:flex; width:70px; height:70px; line-height:1.6em; background:#fff; justify-content:center; text-align: center; align-items:center; flex-direction:column; color:#fff; font-size:9px; font-weight:600; border-radius:100%;}
#footer .copy {color: #fff; font-size: var(--small-font-size); color: #fff; position: relative; padding: 1em 0px;z-index: 2; text-transform: uppercase; font-weight:100; line-height: 1.3em;}
#footer .copy::before {content:""; width: 100vw; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background:var(--key-color); z-index: -1;}

.footer_navi {display:flex; flex-wrap:wrap; padding:10px 0px; gap:10px 20px; min-height:60px; justify-content:space-between; position:relative; }
.footer_navi:after {display:block; content:""; width:100vw; height:1px; background:#fff; position:absolute; left:50%; top:100%; transform:translateX(-50%); }
.footer_navi > ul {display:flex; flex-wrap:wrap; align-items:center;}
.footer_navi .navi > li { position:relative;}
.footer_navi .navi > li:not(:first-child) {margin-left:1em; padding-left:1em;}
.footer_navi .navi > li:not(:first-child):after {display:block; content:""; width:1px; height:10px; background:#666666; opacity: 0.5; position:absolute; left:0px; top:50%; transform: translateY(-50%);}
.footer_navi .navi > li a {display:block; font-size:var(--small-font-size); color:#666666; font-weight:500; line-height:1.3em; }
.footer_navi .sel_box {max-width: 230px; flex:1;}
.footer_navi .sel_box > li {width:100%;}
.footer_navi .sel_box > li select {height:44px; width:100%; font-size:var(--small-font-size); color:#666666; border-color: #ccc; border-radius:4px; padding:0px 1em; font-weight:400; background: url(../img/common/select_arrow2.svg) no-repeat calc(100% - 5px) center #fff !important; background-size: 22px auto !important;}
/* .footer_navi .sel_box > li select option {color: #fff;  background: #181a26; } */
.addressW {display: flex; font-size:var(--sub-font-size); gap:40px; padding:40px 0px; position:relative}
.addressW .f_logo {min-width: max-content;}
.addressW address {display: flex; flex-wrap: wrap; gap:0.3em 2em; flex: 1; padding-right:50px; max-width:660px; color: #666666; overflow: hidden;}
.addressW address > span {position:relative; font-weight:400;}
.addressW address > span:before {content:""; width:1px; height:14px; background: #ccc; opacity: 0.5; position: absolute; left:-1em; top: 50%; transform: translateY(-50%);}



/* sub_page */
.sub_wrap #header {border-bottom: 1px solid #e5e5e5;}
.sub_visual {width:100%; margin:0 auto; padding:30px 10px;overflow:hidden;}
.sub_visual .sub_txt {margin:0 auto; max-width:var(--inner); }
.sub_visual .sub_txt h2 {font-size:min(52px, 8vw); line-height:1.4em; font-weight:700;}

.location {position:relative; gap:0.7em; display: flex; align-items: center; height:40px; font-size:var(--small-font-size);}
.location span { font-weight:400;}
.location span.home {display: inline-flex; justify-content:center; align-items: center; /*background: #fff; border-radius:100%; width:40px; height:40px;*/}
.location > span {display: flex; align-items: center; gap:0.7em;}
.location > span:after {display:block; content:""; width:4px; height:4px; border-top:1px solid #333; border-right:1px solid #333; display:inline-block; transform:rotate(45deg);}
.location > span:last-child:after {display:none;}
.location span:first-child {padding-left:0px; margin-left:0px;}
.location #location_2 {font-weight:600; color:#fff}
.location #location_3 {font-weight:600;}
.location img {vertical-align:middle; margin-top:-2px;}



.lnbs3 {position: relative;}
.lnbs3:before {content:""; width: var(--cont-inner); height:1px; background: #ccc; position: absolute; left: 50%; bottom:1px; transform: translateX(-50%);}
.lnbs3 > ul {display:flex; gap:2px 2em; overflow: hidden; position: relative; z-index: 2;}
.lnbs3 li {position: relative;}
.lnbs3 li::before {content:""; width:5px; height: 5px; background: #000; position: absolute; left:-1.1em; top:50%; margin-top: -11px; border-radius: 100%;}
.lnbs3 li > a {font-size:var(--sub-font-size); line-height:1.3em; word-break:break-all; color: #999999; font-weight:700; padding-bottom: 0.5em; display: block; transition:all 0.2s 0s ease-in-out;}
.lnbs3 li.on > a, .lnbs3 li > a:hover {color:var(--key-color); border-bottom:5px solid var(--sub-key-color) ;}

.lnbs3 .three_depth {display:none;}
#lnb_wrap .lnbs {display:none;}
#lnb_wrap .ico_home {display:none;}


.lnb_tit, a.lnb_tit {font-size:16px; display:block; box-sizing:border-box; padding-left:20px; color:#000; line-height:60px; height:60px; cursor:pointer; padding-right:20px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}

.sub_con { max-width:var(--inner); margin:0 auto; font-size:var(--font-size); word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.s_tit {font-size:2.6666em; color:#000000; line-height:130%; padding:0px 0px 20px 0px;  position:relative; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit.no-flex {display:block; line-height:1.3em;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:block; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
*/
.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}

.ss_tit {font-size:1.77em; color:#000; margin:2.26em 0px 0.5em 0px; font-weight:700; display:flex; align-items:center;}
.ss_tit.tc {justify-content:center; text-align:center}
.ss_tit.no-flex {display:block;}
.ss_tit > span{font-weight:300;}

.sss_tit {font-size:1.444em; color:#000; margin:2.26em 0px 0.5em 0px; font-weight:700; display:flex; align-items:center;}
.sss_tit .ico {max-width:6vw;}
.sss_tit.tc {justify-content:center; text-align:center}
.sss_tit.no-flex {display:block;}
.sss_tit > span{font-weight:300;}

.bul_tit {font-size:1.33em; line-height: 1.3em; gap:0.5em; margin:2.26em 0px 0.5em 0px; font-weight:600; display:flex; align-items:center;}
.bul_tit:before {display:block; content:""; z-index:0; width:1em; height:1em; min-width:1em; border-radius:100%; background:url(../img/common/r_arrow.svg) no-repeat center center var(--key-color); background-size:0.6em auto; transform: rotate(-90deg); align-self: flex-start; margin-top: 0.15em;}
.bul_tit.no::before {display: none;}

.b_txt {font-size:min(2em , 5.5vw); line-height:1.6em;}
.b_txt_s {font-size:min(1.44em , 4.5vw); line-height:1.6em;}

.title_bar {text-align: center; padding:3em 0px 3em 0px;}
.title_bar > h2 {font-size:min(2.33em, 7.5vw); line-height: 1.4em; font-weight:800}
.title_bar .dec {font-size:clamp(18px, 2.5vw, 24px); padding-top: 1em; line-height: 1.4em; font-weight:400}


.sub_tab_menu {display: flex; gap:3px 6px; flex-wrap: wrap; margin-bottom: min(70px, 7vw); padding-top:min(50px, 5vw); border-top:4px solid #000;}
.sub_tab_menu > li {width:calc(20% - 5px);}
.sub_tab_menu > li > a {display:flex; align-items:center; justify-content:center; height: 3.75em; line-height: 1.2em; border:1px solid #000; border-radius:4px; text-align: center; padding:0.5em 1em; font-weight:600; transition:all 0.3s 0s ease-in-out;}
/* .sub_tab_menu > li > a:hover {color: var(--key-color); border-color:var(--key-color);} */
.sub_tab_menu > li.on > a {color:#fff; background: var(--point-color); border-color:var(--point-color); position: relative; padding-right:40px; padding-left: 40px;}
.sub_tab_menu > li.on > a:after {content:""; width: 24px; height: 24px; background: #fff; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border-radius:100%;}
.sub_tab_menu > li.on > a::before {content: ""; width: 4px; height: 4px; border-bottom: 2px solid var(--point-color); border-right: 2px solid var(--point-color); transform: rotate(45deg); position: absolute; right: 19px; top: 50%; margin-top: -3px; z-index: 2;}
.sub_tab_menu.six > li {width:calc(16.6666% - 5px)}
.sub_tab_menu.three > li {width:calc(33.333% - 4px)}
.sub_tab_menu.four > li {width:calc(25% - 5px)}
.sub_tab_menu.two > li {width:calc(50% - 5px); max-width:16em;}
.sub_tab_menu.auto > li {width:13em; max-width:calc(33.333% - 4px);}

.map_wrap {border:1px solid #ccc; height:600px; border-radius:min(20px, 3vw) ; overflow:hidden; box-sizing:border-box; margin-top:30px; margin-bottom:8px}
.map_wrap > div, .map_wrap iframe {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}
.map_wrap .border1, .map_wrap .border2, .map_wrap .border3, .map_wrap .border4 {display: none !important;}
.map_p_wrap.bg {justify-content: center; align-items: center; background: #f5a101; color: #fff; padding: 1em; min-height:5em; border-radius:4px ;}
.map_p_wrap {display: flex; flex-wrap: wrap; gap:10px 4em;}
.map_p {display:flex; align-items:center;}
.map_p > strong {display:flex; gap:10px; align-items:center; font-weight:700; min-width:fit-content; margin-right:15px;}
.map_p > strong .ico {min-width: max-content;}
.map_p + .map_p {position: relative;}
.map_p + .map_p:before {content:""; width: 1px; height:100%; background: #fff; position: absolute; left: -2em;}

.map_info {display:flex; gap:2em; padding-top:2em; justify-content: space-between;}
.map_info .box {width: 100%;}
.map_info .box:first-child {max-width:auto;}
.map_info .tel {display: flex; flex-wrap: wrap; gap: 1em; padding: 1em 2em; gap:1em; position: relative; border-radius:10px; background: #eff1f6; justify-content: space-between;}
.map_info .tel::before {content:""; width: 1px; height:40%; background: #ccc; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); opacity: 0.7; display:none;}
.map_info .tel > li {flex:400px;}
.map_info .tel > li .mont {font-size:1.11em; line-height: 1.4em; padding-top: 0.2em;}
.map_info .ss_tit {margin-top:0px; margin-bottom: 1em; font-size:1.111em;}
.map_info .txt_a {font-weight:700; font-size: 1em;}
.map_info .info > li {display:flex; align-items:center; gap:1em;}
.map_info .info > li + li {margin-top: min(45px, 4vw);}
.map_info .info > li .ico {align-self: flex-start;}
.map_info .info .subs {flex:1; font-size: 0.94em;}
.map_info .info .subs .txt_a {padding:15px 0px 0.5em 0px; font-size:1.06em;}
.map_info .info .subs .arrow {font-size:0.7em; display: inline-block; padding: 0px 1em; vertical-align: middle;}
.map_info .info .bus > li {display: flex; align-self: center; gap:0.5em}
.map_info .info .bus > li + li {margin-top: 0.5em;}
.map_info .info .bus > li .label {display: flex; min-width: 3.6em; height: 1.666em; border-radius:3px; justify-content: center; align-items: center; color: #fff; font-size: var(--small-font-size); align-self: flex-start;}



.introduce {display: flex; justify-content: space-between; gap:2em;}
.introduce .photo {width: 30%; max-width: max-content;}
.introduce .info {flex:1; max-width:700px;}
.introduce .txt_a {font-size:clamp(22px, 5vw, 2.333em); line-height: 1.5em; font-weight:300;}
.introduce .txt_b {font-size: 1.1111em;  font-weight: 500; padding: 2em 0px 1.5em 0px;}
.introduce .txt_c {font-size:0.94em; color: #666666;}
.introduce .txt_sign {text-align:right; padding-top: 1em; color: #666666;}
.introduce .txt_sign > strong {font-size: 1.33em; line-height: 1.4em; color: #000}


.history_wrap { position: relative;}
.history_wrap::before {content:""; width: 1px; height:calc(100% - 10px); background: #ccc; opacity: 0.5; position: absolute; left: 50%; top:10px; transform: translateY(0%);}
.history_wrap .box {display: flex; align-items: flex-start;}
.history_wrap .box .img {text-align: right; width: 50%; padding-right:min(60px, 5vw) ;}
.history_wrap .box .txt_a {font-size:1.444em; line-height: 1.3em; font-weight:700; padding-bottom:0.6em;}
.history_wrap .box + .box {padding-top:min(6em, 17vw);}
.history_wrap .history {width:50%; padding-left:2.5em; position: relative;}
.history_wrap .history::before {display: block; content:""; width:12px; height:12px; background: #9ac739; border-radius:100%; outline:10px solid rgba(154 199 57 / 0.2); position:absolute; left:-6px; top:6px;}
.history_wrap .history > li {display:flex; align-items: center; position:relative; z-index: 2;}
.history_wrap .history > li + li {margin-top:1.7em;}
.history_wrap .history .year {font-size:1.111em; line-height: 1.4em; font-weight: 700; min-width:4em; align-self: flex-start; }
.history_wrap .history .subs {flex:1;}
.history_wrap .history .bul02 > li {padding-left: 0.7em; text-indent: -0.7em;}
.organization .table_style1 {word-break: break-all; min-width:660px;}
.organization .table_style1 thead tr th {background: #fff;}
.organization .table_style1 thead tr th:first-child {border-left:none}
.organization .table_style1 tbody tr td:first-child {border-left:none}
.organization .table_style1 thead tr th:last-child {border-right:none}
.organization .table_style1 tbody tr td:last-child {border-right:none}
.organization .table_style1 tbody tr td {font-size: var(--sub-font-size); }

.member_list {display: flex; gap: clamp(10px, 2vw, 24px);}
.member_list > li {width: calc(20% - clamp(10px, 2vw, 24px)/5); border:1px solid var(--sub-key-color); border-radius:180px; text-align: center; display: flex; flex-direction: column; align-items: center; padding: clamp(15px, 2.1vw, 35px);}
.member_list .ico {display: flex; aspect-ratio: 1/1; width: 100%; border-radius:100%; background: var(--sub-key-color); justify-content: center; align-items: center; padding: 10px;}
.member_list .info {padding:1.2em 0px; margin: 0px clamp(-15px, -2.1vw, -35px);}
.member_list .txt_a {font-size:1.33em; line-height:1.2em; display: flex; align-items: center; justify-content: center; min-height: 2.4em; font-weight:700;}
.member_list .member {color: var(--sub-key-color); font-weight: 100; margin-top: 0.5em;}
.member_list .txt_b {font-size:var(--small-font-size); line-height: 1.3em; color: #666666; font-weight:400; padding-top: 1em;}
.member_list .txt_b::before {content: ""; display: block; width: 1px; height: 1em; background: #000; margin: 0 auto; margin-bottom: 1em;}
.member_list .bul01 {margin-top:0.8em; font-size:var(--sub-font-size); line-height: 1.3em;}
.member_list .bul01 > li {display: flex; text-align: left; align-items: center; color: #666;}
.member_list .bul01 > li .subj {min-width:2.6em; font-weight:700; color: #000;}
.member_list .bul01 > li:before {top: 0.4em;}

.br_box {border:1px solid #ccc; padding:min(2em, 4vw); border-radius:4px;}
.br_box.info {font-size:var(--sub-font-size); line-height: 1.4em;}
.br_box.info .txt_a {font-size:1.25em; line-height:1.4em; margin-top:1.5em; margin-bottom: 0.5em; font-weight:700;}
.br_box.info .txt_a:first-child {margin-top: 0px;}


.department_info {display:flex; align-items: center; flex-wrap: wrap; overflow: hidden; padding-top: 2em;}
.department_info .subj {font-weight:700; min-width: max-content;}
.department_info .subs {padding-left:1em; margin-left: 1em; position: relative; flex:1; display: flex;}
.department_info .subs::before {content:""; width: 1px; height:0.5em; background: #000; position: absolute; left: 0px; top:50%; transform: translateY(-50%);}
.department_info .subs > span {display: inline-flex; align-items: center; gap:0.5em; margin-left: 1em; vertical-align: middle;}


.bul_box {border:1px solid #e5e5e5; border-radius:10px; background: #f7f9fa; padding: clamp(20px, 2vw, 30px)}
.bul_box .bul01 {font-size: var(--small-font-size); line-height: 1.4em; display: flex; flex-wrap: wrap; gap:8px 10px;}
.bul_box .bul01 > li {margin:0px; width: calc(50% - 5px);}
.bul_box .bul01 > li:before {width: 4px; height: 4px;}

.business_img {display: flex; justify-content: space-between; gap: 7px; margin-top: clamp(20px, 4vw, 50px);}
.business_img > li {flex:1; max-width:419px}
.business_img .txt {padding-top:0.5em; text-align:center;}







.law_wrap .txt_a {color: var(--sub-key-color); font-weight:600;}
.law_wrap .txt_b {font-size:1.111em; font-weight:600; line-height:1.4em; padding-right:44vw;}
.law_list {display: flex; flex-wrap:wrap; justify-content: space-between; gap:10px; padding:min(80px, 8vw) 0px; position: relative; margin-top:min(50px, 5vw) ;}
.law_list::before {content:""; width:1720px; height: 100%; background:#019cdf; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1; border-radius:20px;}
.law_list::after {content:""; width:436px; height:301px; background:url(../img/law/01_img01.png) no-repeat left top/cover; position: absolute; right:0; top:-221px}

.law_list > li {width:calc(50% - 5px); max-width:684px; z-index: 2; position: relative;}
.law_list .box {display: flex; align-items: center; background: #fff; border-radius:6px; min-height:3.55em; height: 100%; padding:10px 1em;}
.law_list .num {margin-right:1em; display: flex; align-items: center; justify-content: center; width: 2.5em; height:2.5em; color:#fff; font-weight: 600; font-size:var(--sub-font-size); border-radius:100%; background: #019cdf;}
.law_list .txt_t {flex:1; font-weight:600; font-size:0.94em;}
.law_list .arrow {min-width:15px; width: 15px;; height: 16px; background: url(../img/common/m_arrow.png) no-repeat center center/cover;}

.chart-wrap {height:min(640px, 60vw);}
.chart-wrap.pie {height:min(350px, 60vw);}

.down_list {display: flex; flex-wrap: wrap; gap:0.7em 1em; font-size: var(--small-font-size); line-height: 1.4em;}
.down_list > li {width: calc(50% - 0.5em); padding-left:0.7em; position: relative;}
.down_list > li::after {content:""; margin-left: 0.7em; width:19px; height:25px; background: url(../img/common/ico_file2.png) no-repeat left top/cover; display: inline-block; vertical-align: middle;}
.down_list > li::before {content:""; width: 3px; height: 3px; background: var(--key-color); border-radius:100%; position:absolute; left: 0px; top: 0.7em;}
.down_list > li > a {text-decoration: underline; text-underline-offset: 0.3em;}


.website_list {display: flex; flex-wrap: wrap; gap:40px;}
.website_list * {transition:all 0.3s 0s ease-in-out;}
.website_list > li {width: calc(25% - 30px); border:1px solid #ccc; border-radius:4px;}
.website_list .box {display: block;}
.website_list .img {margin:1em; padding-bottom: calc(165 / 280 * 100%); position: relative;}
.website_list .img > img { width:100%; height: 100%; object-fit: cover; position: absolute; left:0%; top: 0%;}
.website_list .info {max-height:100%; padding: 1em; border-top:1px solid #ccc;}
.website_list .txt_a {line-height:1.3em; font-weight:700;}
.website_list .arrow {display: block; margin-left:auto; width:2.22em; height: 2.22em; border-radius:100%; background:url(../img/common/m_arrow.png) no-repeat center center #f0f3f6; background-size:11px auto;}

@media (hover: hover) and (pointer: fine) {
    .website_list > li:hover {border-color:var(--point-color);}
    .website_list > li:hover .txt_a {color:var(--point-color)}
    .website_list > li:hover .arrow {background:url(../img/common/m_arrow2.png) no-repeat center center var(--point-color); background-size:11px auto;}
    .website_list > li:hover .bt img {filter: invert(99%) sepia(61%) saturate(0%) hue-rotate(79deg) brightness(131%) contrast(100%);}
}


.search_page_top {position: relative; padding:min(80px, 8vw) 0px;}
.search_page_top .s_tit {font-size: min(2.6666em, 7vw);}
.search_page_top::before {content:""; width: 100vw; height: 100%; background: #f7f9fa; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index:-1 ;}
.search_page_top .search {max-width: 678px; margin: 0 auto; padding-left: 1em; background: #fff; overflow: hidden; border:2px solid var(--sub-key-color); border-radius:40px; display: flex;}
.search_page_top .search .input {height: 3.6em; flex: 1; border:none;}
.search_page_top .search .btn {width: 66px; border-radius:100%; display: flex; align-items: center; justify-content: center; background:var(--sub-key-color); margin-right: -1px;}
.search_page_top .search .btn img {width:60%; filter: invert(99%) sepia(61%) saturate(0%) hue-rotate(79deg) brightness(131%) contrast(100%);}

.search_list {padding-bottom:min(80px, 8vw); position: relative;}
.search_list + .search_list {padding-top:min(80px, 8vw);}
.search_list + .search_list::before {content: ""; width: 100vw; height: 1px; background: #ccc; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.search_list .sss_tit {font-size: 1em; margin-top: 0px;}
.search_list .paging {margin-bottom:0px;}
.search_list .t-key {color:var(--sub-key-color);}



.experience_main {display: flex; gap:1em; justify-content: space-between;}
.experience_main > li {flex: 1; max-width:440px ;}
.experience_main .box {display: flex; flex-direction: column; justify-content:center; align-items: center; gap:1.5em; padding:min(3em, 7vw); border-radius:10px; text-align: center; background:#019cdf;}
.experience_main .box .txt {font-size: 2em; line-height: 1.4em; font-weight: 700; color: #fff;}
.experience_main .bt {margin-top:1em; display: flex; flex-wrap:wrap; gap:2px;}
.experience_main .bt > li {width: calc(50% - 1px);}
.experience_main .bt > li > a {display: flex; justify-content: center; align-items:center;text-align: center; height:50px; border-radius:4px; border:1px solid #019cdf; border-radius:4px; color:#019cdf; background: #fff; position: relative; padding: 0px 1.5em; font-size:0.95em; font-weight:600; line-height: 1.2em;}
.experience_main .bt > li > a:after {content: ""; width:4px; height:4px; border-top:1px solid #019cdf; border-right:1px solid #019cdf; transform: rotate(45deg) translateY(-50%); position: absolute; right: 1em; top:50%;}

.experience_main .bg2 .box {background: #9ac739;}
.experience_main .bg2 .bt > li > a {border-color:#9ac739; color:#9ac739;}
.experience_main .bg2 .bt > li > a:after {border-color:#9ac739;}
.experience_main .bg3 .box {background: #fdb314;}
.experience_main .bg3 .bt > li > a {border-color:#fdb314; color:#fdb314;}
.experience_main .bg3 .bt > li > a:after {border-color:#fdb314; }


@media (hover: hover) and (pointer: fine) {
    .experience_main .bt > li > a:hover {color: #fff !important;}
	.experience_main .bt > li > a:hover:after {border-color: #fff !important;}

	.experience_main .bg1 .bt > li > a:hover {border-color:#019cdf; background: #019cdf;}
	.experience_main .bg2 .bt > li > a:hover {border-color:#9ac739; background: #9ac739;}
	.experience_main .bg3 .bt > li > a:hover {border-color:#fdb314; background: #fdb314;}

}

.ci_bg {min-height:min(353px, 35vw); border: 1px solid #f2f2f2; background: url(../img/introduce/ci_bg.gif) repeat left top; display: flex; justify-content: center; align-items: center; width: 100%; }
.ci_bg img {max-width:70vw;}
.ci_download_btns {margin-top:1em; display: flex; gap: 8px; justify-content:flex-end; flex-wrap: wrap;}
.ci_download_btns .btn { flex:1; display: flex; align-items: center; justify-content: center; gap:15px; height:4.06em; border: 1px solid var(--key-color); font-size: var(--sub-font-size); color: var(--sub-key-color); max-width:319px; border-radius:4px; font-weight:700;}
.ci_download_btns .btn::after { content: ''; display: block; width: 20px; aspect-ratio: 20/16; transform: translateY(-2px); background: url('../img/common/ico_down5.png') no-repeat center/contain; }

.logo_color {border:1px solid #ccc; padding: 2em; min-height: 345px; display:flex; align-items: center;}
.logo_color > ul {display: flex; gap: 1em; width: 100%;}
.logo_color > ul > li {flex:1;}
.logo_color .box {display: flex; align-items: center; gap: 1em;}
.logo_color .box .ball {width: 142px; aspect-ratio: 1/1; min-width: 142px; border-radius:100%;}
.logo_color .box .cmyk {flex:1;}
.logo_color .box .cmyk > li + li {margin-top:1em;}
.logo_color .box .cmyk > li {display:flex; align-items: center; gap:0.7em;}
.logo_color .box .cmyk .color {min-width: 34px; width: 34px; aspect-ratio:1/1;}
.logo_color .box .cmyk > li > ul {display: flex; align-items: center; gap:0.7em; font-size: var(--small-font-size); flex:1; line-height: 1.4em;}
.logo_color .name {font-size:1.33em; font-weight:700; line-height: 1.4em; padding-top: 1em; max-width:150px; letter-spacing:-0.5px; text-align: center;}

.balloon_txt {display: flex; align-items:center; gap:1em; margin-bottom:2em;}
.balloon_txt .subj {color: #fff; background: var(--sub-key-color); display: flex; justify-content: center; align-items: center; width:4.625em; aspect-ratio:74/34; border-radius:4px; position: relative; font-size: var(--sub-font-size); font-weight:600; line-height:1.4em;}
.balloon_txt .subj:after {content:""; border-left:6px solid var(--sub-key-color); border-top:6px solid transparent; border-bottom:6px solid transparent; position: absolute; left:calc(100% - 1px); top: 50%; transform: translateY(-50%);}
.balloon_tit {text-align: center; padding: 1em; border-top:1px solid #000; border-bottom: 1px solid #ccc;}
.balloon_tit + .table_wrap .table_style1:before {display:none;}
.balloon_list {margin-top: 1em; display:flex; flex-wrap: wrap; gap:14px;}
.balloon_list > li {border:1px solid #ccc; border-radius:8px; padding:0.5em; text-align: center; width:calc((100% / 8) - 12.5px); font-size: var(--sub-font-size);}
.balloon_list .name {font-weight:700;}
.balloon_list .txt {padding-top:0.4em; font-weight:300; line-height: 1.3em;}

.purpose .sss_tit:first-child {margin-top: 0px;}
.purpose .box {display: flex; justify-content: center; align-items: center; border-radius:100px; font-size:1.1em; font-weight:600; line-height: 1.4em; min-height:6.75em;  color: #fff; padding: 1em; text-align: center;}
.purpose .box1 {background:#019cdf;}
.purpose .box_wrap {display: flex;}
.purpose .box_wrap .box {background: #9ac739; flex: 1; justify-content: flex-start; padding:1.5em; text-align: left;}
.purpose .box_wrap .box .ico {min-width:106px; width: 106px; background: #fff; border-radius:100%; background: #fff ; margin-right: 1.5em;}
.purpose .function {position: relative; padding:100px 20px 0px 20px; margin-top: min(40px, 4vw); display:flex; gap:10px;}
.purpose .function > li {flex:1; border:1px solid #fdb314; border-radius:10px; padding:1em; display: flex; justify-content: center; padding-top: 5em; padding-bottom: 2em; text-align: center; position:relative;}
.purpose .function > li .ico {position: absolute; left: 50%; top:0px; transform: translate(-50%, -50%); width: 108px; height: 108px; display: flex; justify-content: center; align-items:center; border-radius:100%; background: #fdb314;}
.purpose .function::before {content:""; width: 100%; height:80px; background: #fff; border:1px solid #fdb314; border-bottom: none; border-radius:80px 80px 0px 0px; position:absolute; left: 0px; top: 0px;}
.purpose .box2 {background:#eceff4; color: #000; margin-top:min(20px, 3vw); font-size:var(--font-size);}

.incineration_process {display:flex; justify-content: center; flex-wrap:wrap; gap:50px;}
.incineration_process > li, .incineration_process .box {width: 205px; border:1px solid #9ac739; border-radius:100%; background:#fff; display: flex; flex-direction: column; gap:0.8em; align-items: center; padding:1em; text-align: center; position: relative; aspect-ratio: 1/1;}
.incineration_process .box {width: 100%; }
.incineration_process.six > li {width: 177px;}
.incineration_process.six .txt_a {min-height:auto;}
.incineration_process.four {justify-content:space-between;}
.incineration_process.four > li:has(.box):not(:first-child):before {left:max(-90px, -5vw)}

.incineration_process > li:has(.box) {border:none; border-radius: 0px; display: block; padding: 0px; background: none;}
.incineration_process > li:not(:first-child):before {display: block; content: ""; width:8px; height: 8px; border-top:3px solid #a1a1a1; border-right:3px solid #a1a1a1; transform: rotate(45deg) translateY(-50%); position: absolute; left: -35px; top: 50%;}
.incineration_process > li:has(.box):not(:first-child):before {top:40%}


.incineration_process > li.on {color: #fff; background: #9ac739;}
.incineration_process > li.on .num {color: #fff; }
.incineration_process > li.on .ico {background: #fff; }
.incineration_process .num {font-size: var(--sub-font-size); color: #9ac739; font-weight:600;}
.incineration_process .ico {width:61px; height:61px; background: #f6f6f6; display: flex; justify-content:center; align-items: center; border-radius:100%;}
.incineration_process .txt_a {font-weight:700; min-height:2.8em; line-height:1.4em; }
.incineration_process .txt_b {margin-left: 0px;padding-left: 0px;}
.incineration_process .txt_b::before {display:none; }



.half_div {display: flex; flex-wrap: wrap; justify-content: space-between; gap:0px 1em;}
.half_div > div {min-width: calc(50% - 0.5em);}

.photo_dec {display:flex; gap:36px;}
.photo_dec > li {border:1px solid #9ac739; background: #fff; flex:1; border-radius:4px; padding:13px; text-align: center;}
.photo_dec > li .img {display: block;}
.photo_dec > li .img img {width: 100%;}
.photo_dec > li .txt_a {font-weight:700; padding:0.8em 0px 0.5em 0px;}
.photo_dec > li .txt_b {padding-bottom:1em; padding-top:0.8em;}
.photo_dec > li .num {font-weight:600; color: #9ac739; font-size: var(--sub-font-size); padding-top:1em;}
.photo_dec > li .num + .txt_a {padding-top:0.5em;}
.photo_dec > li .num + .txt_b {padding-top:0em;}
.photo_dec > li .txt_a + .txt_b {padding-top: 0px;}
.photo_dec > li .mb_view + .txt_b {padding-top:1em;}
.photo_dec > li .bul01 {text-align: left; padding-bottom: 1em;}
.photo_dec > li .bul01 > li:before {width:0.28em; height: auto; aspect-ratio: 1/1;}
.photo_dec.five {gap:10px; flex-wrap: wrap;}
.photo_dec.five > li {width:calc(20% - 8px); flex: none;}


.arrow_step > li {position:relative;}
.arrow_step > li:not(:first-child):before {display: block; content: ""; width:8px; height: 8px; border-top:3px solid #a1a1a1; border-right:3px solid #a1a1a1; transform: rotate(45deg) translateY(-50%); position: absolute; left: -30px; top: 50%;}
.arrow_step > li.long {flex:1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.arrow_step > li.long2 {width: 40%; margin-top:20px; margin-left:26%}
.arrow_step > li.long2:before {left:26%; top:-40px; transform:rotate(135deg) translateY(0%);}
.arrow_step .flex {display: flex; gap:1em; width: 100%;}
.arrow_step .flex > li {flex:1;}
.arrow_step {flex-wrap: wrap; overflow: hidden;}
.arrow_step > li {flex:none; width: calc(25% - 27px);}
.arrow_step.three > li {width: calc(33.3333% - 24px);}

.img_br_box {border:1px solid #9ac739; padding:2em; border-radius:min(20px, 3vw) ; text-align: center;}

.photo_step.bottom {align-items:flex-end}
.photo_step {display:flex; justify-content: center; flex-wrap:wrap; gap:50px;}
.photo_step > li {text-align: center; position: relative; max-width: 175px;}
.photo_step > li .img {max-width: max-content; position: relative;}
.photo_step > li .img .num {display: flex; font-size: var(--sub-font-size); width:3.375em; aspect-ratio: 1/1; justify-content: center; align-items: center; color: #fff; line-height: 1.3em; font-weight:600; background: var(--point-color); border-radius: 100%; position: absolute; left: 0px; top: 0px;}
.photo_step > li:not(:first-child):before {display: block; content: ""; width:8px; height: 8px; border-top:3px solid #a1a1a1; border-right:3px solid #a1a1a1; transform: rotate(45deg) translateY(-50%); position: absolute; left: -35px; top:50%;}
.photo_step > li:has(.txt_a):not(:first-child):before, .photo_step > li:has(.txt_big):not(:first-child):before {top: 40%;}


.photo_step .txt_box {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0.5em; text-align: center; color: #fff; background: var(--point-color); border-radius:100%; aspect-ratio: 1/1; width: 100%; max-width:176px ;}
.photo_step.seven {gap:29px}
.photo_step.seven > li:not(:first-child):before {left: -25px;}

.photo_step .txt_a {padding-top: 0.5em;}
.t_arrow_b {padding-bottom: 10px;}
.t_arrow_b:after {display: block; margin:0 auto; content: ""; width:8px; height: 8px; border-bottom:3px solid #a1a1a1; border-right:3px solid #a1a1a1; transform: rotate(45deg);}

.photo_step_bg {background: #f7f9fa; padding:min(40px, 4vw);}
.photo_step_bg .txt_big {font-size:1.111em; font-weight:700; padding-top:0.5em; min-height: 3em;}
.photo_step_bg .photo_dec > li .img img {width: auto;}
.photo_step_wrap {background: #fff; border-radius:min(150px, 14vw); padding:min(40px, 4vw);}
.photo_step_wrap .none_arrow > li:not(:first-child):before {display:none;}
.photo_step_wrap .photo_step + .photo_step {margin-top:min(40px, 4vw);}
.photo_step_wrap.bg {background: #f7f9fa;}

.toner_cartridge {text-align: center; background: #f7f9fa; position: relative; padding:min(50px, 5vw);}
.toner_cartridge > dl {text-align: left; position: absolute; width:100%; max-width:23%; left:7%; font-weight:300;}
.toner_cartridge > dl dt {font-weight:800; padding-bottom: 0.5em;}
.toner_cartridge > dl:nth-child(1) {left:7%;}
.toner_cartridge > dl:nth-child(2) {top:10%;}
.toner_cartridge > dl:nth-child(3) {top:19%;}
.toner_cartridge > dl:nth-child(4) {top:30%;}
.toner_cartridge > dl:nth-child(5) {top:42%;}
.toner_cartridge > dl:nth-child(6) {top:57%;}
.toner_cartridge > dl:nth-child(7) {top:69%;}
.toner_cartridge > dl:nth-child(8) {top:78%;}
.toner_cartridge > dl:nth-child(even) {left:auto; right:7%;}

.blog_list > li {display: flex; align-items: center; gap: 2em;}
.blog_list > li + li {margin-top: 1.3em;}
.blog_list .img {min-width: max-content;}
.blog_list .info {flex: 1;}
.blog_list .info .txt_a {font-size: 1.11em; font-weight:800; line-height: 1.4em;}
.blog_list .list {margin-top:1.5em;}
.blog_list .list > li {width:100%; display: flex; gap:0.5em 1em; align-items: center;}
.blog_list .list > li + li {margin-top:1em;}
.blog_list .list .subj {display: flex;align-self: flex-start; align-items: center; gap:0.7em; min-width: max-content;}
.blog_list .list .top {align-self: flex-start;}

.toner_cartridge {text-align: center; background: #f7f9fa; position: relative; padding:min(50px, 5vw);}
.toner_cartridge .ico {display: block; padding-bottom: 1em;}
.toner_cartridge .ico img {max-width:20vw}

.flex_subj {display: flex; flex-wrap: wrap; gap:0.8em;}
.flex_subj > li {flex: 49.2%; display: flex; align-items: center; gap: 1em;}
.flex_subj .subj {display: flex; min-width:5.222em; height:2.222em; border-radius:4px; color: #fff; font-weight:600; justify-content: center; align-items: center; background:#019cdf; align-self: flex-start;}

.dl_box {display: flex; justify-content: space-between; gap:min(100px, 7.14vw);}
.dl_box > li {flex:1; position: relative;}
.dl_box > li:not(:first-child):before {display: block; content: ""; width:8px; height: 8px; border-top:3px solid #a1a1a1; border-right:3px solid #a1a1a1; transform: rotate(45deg) translateY(-50%); position: absolute; left:max(-60px, -4.5vw); top:50%;}
.dl_box dl {border:1px solid #9ac739; padding: 1em; background: #fff; border-radius:4px;}
.dl_box dt {display: flex; border-radius:8px; background: #019cdf; padding: 0.5em; justify-content: center; align-items: center; min-height:2.7em; transform: translateY(-50%);  color: #fff; margin-top: -1em;}
.dl_box .flex {display: flex; gap: 1em; text-align: center;}
.dl_box .flex > li {flex:1;}
.dl_box .flex .txt {padding-top: 0.7em;}







/*atab*/

.atab {display:flex; overflow-x:auto; gap:8px; justify-content:center; position:relative;}
.atab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.atab::-webkit-scrollbar-thumb {background:#666;}
.atab li {flex:1;}
.atab li a {display:flex; height:2.94em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:500; font-size:17px; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 5px; border-radius:60px; }
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#009178; color:#fff;}

.btab {display:flex;flex-wrap: wrap; margin-bottom:min(50px, 5vw); justify-content:center; position:relative;}
.btab li a {display:flex; height:2.88em; justify-content:center; align-items:center; word-break: break-all; background:#fff; border:1px solid #cccccc; border-radius:4px; text-align:center; font-weight:500; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 0.5em; min-width:6.6em;}
.btab li.on {position:relative; z-index:2;}
.btab li.on a {background:#d6c0fb;}

.ctab {display:flex; overflow-x:auto; margin-bottom:50px; padding-bottom:10px; position:relative; margin:0px -5px;}
.ctab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.ctab::-webkit-scrollbar-thumb {background:#666;}
.ctab li {flex:1; padding:0px 5px; min-width:fit-content;}
.ctab li a {display:flex; height:60px; justify-content:center; align-items:center; background:#fff; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#999999; padding:0px 1em; border:1px solid #cccccc;}
.ctab li.on {position:relative; z-index:2;}
.ctab li.on a { color:#009477; border-color:#009477}




.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; display: flex; align-items: center; justify-content:center; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; padding:10px; z-index:99999;  background:rgba(0, 0, 0, 50%); font-size:var(--font-size); line-height:1.5em; padding:10px;}
.pop_wrap {width:100%; max-height:100%; padding:10px; position:relative;  background:#fff; border:4px solid #000}
.pop_wrap .pop_body {padding:15px 20px; word-break:keep-all; overflow-y:auto; max-height:90vh;}
.pop_wrap .pop_body::-webkit-scrollbar { width: 6px; }
.pop_wrap .pop_body::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
.pop_wrap .pop_body::-webkit-scrollbar-track { background-color: transparent; }
.pop_wrap .x_btn {position:absolute; right:0px; top:10px; display:block; cursor:pointer; background:none; width:30px; height:30px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000; border-bottom:1px solid #000}
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {background:var(--key-color); position:relative;}
.pop_wrap .pop_head .x_btn {top:50%; transform: translateY(-50%); font-size:1px !important; text-indent:-999999px;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; text-align:left; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}



/* 팝업 */
.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}


.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap .lnb_position {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
.print_wrap .print_hide {display:none !important}
#wrap.print_wrap, .print_wrap #inner_wrap {padding:0px !important}


.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}

.sitemap .gnb {border:1px solid #000 }



/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}



@media screen and (max-width:1640px) {

}

/* 1440px 이하 */
@media screen and (max-width:1439px) {
	
	
	.side_quick {transform: translate(200%, -50%);}

	.all_menu {display:block;}
	.w_gnb {display: none;}
	
}

/* 1200px 이하 */
@media screen and (max-width:1200px) {
	

	.main_visual {flex-wrap: wrap;}
	.main_visual .txt_frame {justify-content: flex-start; padding-top:50px}
	.main_visual .banner_slide {width:100%; max-width: none;}


	
	.sub_visual {border-radius:0px;}
	

	.lnb_position {transform: none; width:100%;}
	.lnb_position .lnb_title, .lnbs3, .lnb_quick {display:none;}

	
	#lnb_wrap {position: relative; margin:0px -10px}
	#lnb_wrap:before {content:""; width:100vw; height:100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background: var(--key-color);}
	#lnb_wrap .lnbs {display:block;}
	#lnb_wrap .lnb {display:flex; margin:0 auto; position:relative; z-index:9; transition:all 0.3s;}
	#lnb_wrap .lnb .lnbs { width:50%; max-width:300px; box-sizing:border-box; border-right:1px solid rgba(255, 255, 255, 30%); position:relative;}
	#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff; box-shadow: 0px 0px 13px rgba(0, 0, 0, 10%);}
	#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}
	#lnb_wrap .lnb .lnbs .three_depth {padding: 10px 20px 10px 20px; display:none}
	#lnb_wrap .lnb  .lnbs .three_depth a {font-size:14px; min-height:auto; padding:15px 0px 15px 25px; border-bottom: 1px dashed #e2e2e2;}

	.lnb_tit, a.lnb_tit {color:#fff; font-size: 16px; padding-left: 20px; line-height: 60px; height: 60px;}
	.lnb ul li a {font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 20px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:500;}
	.lnb ul li a:hover {color:#000;}


	
	
	
	

	
}
@media screen and (min-width:980px) {
	.searchPop {display: block !important;}
}
/* 980px 이하 */
@media screen and (max-width:979px) {
	:root {
		--font-size:17px;
		--sub-font-size:15px;
		--small-font-size: 14px;
		--xsmall-font-size:13px;
	}

	.in_header {height: 80px;}
	.top_search {display: block; right: 125px;}
	.searchPop {width:100vw; position:absolute; right: auto; left:50%;  top:100%; transform: translateX(-50%); background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; box-shadow:0px 3px 5px rgba(0, 0, 0, 10%); padding:0px 10px; font-size:var(--font-size); z-index: 2; display: none; }
	.searchPop .inner {width:100%; max-width:1720px; position:relative; height:150px; display:flex; justify-content:center; align-items:center;}
	.search_area_wrap {margin:0px auto 0px auto; max-width:570px; border-bottom:9px solid #000; border-width:min(9px, 2vw); width:80%; position:relative;}
	.search_area {display:flex; overflow:hidden; height:75px; border: none; border-radius:0px; align-items:center; position:relative; z-index:1; font-weight:500;}
	.search_area .btn {background-position:center center ;}
	.search_area .input {order:inherit; height: 100%; font-size: var(--font-size);}
	.searchPop .close {display: block;}

	.slide_menu_inner .header {height:80px; background-size: auto 40px;}
	.slide_menu_inner .gnb {height: calc(100% - 80px);	}

	
	.main_movie {flex-direction: column;}
	.main_movie .box {width:100%}

	
	
	.main_board_wrap {flex-direction:column; gap:30px}
	.main_board_wrap > div {width:100%}
	.main_board {margin-top:0px;}

	.addressW {flex-direction: column; gap:20px; text-align: center; align-items: center;}
	.addressW .f_logo {text-align: center;}
	.addressW .f_logo img {max-width:44vw;}
	.addressW address {padding: 0px; justify-content:center;}
	#footer .copy {text-align: center;}

	.law_list::after {top: -23.5vw;	width: 46.5vw;	height: 32vw;}

	.balloon_list > li {width: calc((100% / 5) - 11.4px);}

	.photo_dec.five {gap:10px;}
	.photo_dec.five > li {width:calc(33.333333% - 7px);}

	
	.bul_box .bul01 {flex-direction: column;}
	.bul_box .bul01 > li {width:100%}

	.member_list {flex-wrap: wrap; justify-content: center;}
	.member_list > li {width: calc(32% - clamp(10px, 2vw, 24px) / 3);}
	.member_list .info {margin: 0px; padding: 1.2em;}
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
	:root {
		--font-size:15px;
		--sub-font-size:14px;
		--small-font-size:13px;
		--xsmall-font-size:12px;
	}
	
	.pc_view {display:none}
	.mb_view {display:block}

	.slide_menu_inner .gnb > li {flex-direction: column; padding:6vw}
	.slide_menu_inner .gnb > li > a {min-width: auto; padding:0px; margin-bottom:0.5em}
	.slide_menu_inner .gnb .sub_menu {border:none; padding:0px; gap:4vw}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.4em;}
	.slide_menu_inner .top_menu {right:50px}
	
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
	.over_layerW {position:relative;}
	.over_layerW .table_style1 {width:100%; margin:0px;}
	.over_layerW .table_style1 tbody tr th.tl {word-break: keep-all}
	.over_layerW table td, .over_layerW table th {word-break: keep-all}
    .over_layer {overflow:auto;}
	.over_layer > div {overflow:inherit; min-width:680px;}
	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
	.over_layer::-webkit-scrollbar-thumb {background:#666;}
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table {min-width:900px;}
	.table_wrap {position:relative; overflow: auto;}
	.table_wrap > table {min-width: max-content; max-width:768px;}
	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }
	.table_wrap {position:relative; overflow: auto;}

	 #header h1 img {height:40px;}
	.in_header {height:80px;}
	
	.main_visual .banner_slide .mb_view {width: 100%;}
	.main_visual .txt_frame {display:none;}
	.m_tit {font-size:min(2em, 6vw);}

	/* .board_slide .slide_control {right: auto; top:auto; position:relative; margin:0 auto; margin-top:1.5em} */
	.main_board_wrap .m_tit  {padding-right: 100px;}
	.main_board .tab {max-width:100%; flex-wrap:wrap;}
	.main_board .tab > li {flex:30%}

	.main_quick {flex-wrap: wrap;}
	.main_quick > li {flex:30%; max-width: 30%;}

	
	#footer .go_top {top:20px; transform: none; }
	#footer .go_top > a {width: 50px; height: 50px; padding: 10px;}

	.sub_visual .sub_txt h2 {font-size: min(42px, 8vw);}
	.location_wrap {display:none;}

	.history_wrap .box {flex-direction: column; gap:1em;}
	.history_wrap::before {display: none;}
	.history_wrap .box .img {text-align: left; width: 100%; padding:0px;}
	.history_wrap .box .img img {width: 100%;}
	.history_wrap .history {width:100%; padding-left: 0px;}
	.history_wrap .history::before {display:none;}
	.history_wrap .box .txt_a {font-size: 1.7em;}

	.map_wrap {height:440px;}

	.map_info {flex-direction: column;}
	.map_info .box {width:100%}
	.map_info .box:first-child {max-width: 100%;}
	


	
	.sub_tab_menu > li.on > a::before {display: none;}
	.sub_tab_menu > li.on > a::after {display: none;}
	.sub_tab_menu > li.on > a {padding:0.5em 1em}
	.sub_tab_menu > li {width:calc(33.3333% - 4px)}
	.sub_tab_menu.six > li {width:calc(33.3333% - 4px)}
	.sub_tab_menu.three > li {width:50%; max-width: calc(50% - 3px);}
	.sub_tab_menu.four > li {width:calc(33.3333% - 4px)}

	
	.law_list > li {width: 100%; max-width:100%;}

	.website_list > li {width: calc(50% - 10px);}

	.experience_main {flex-direction: column; gap:min(50px, 7vw);}
	.experience_main > li {max-width:100%;}
	.experience_main .box .ico img {max-width:34vw;}
	.experience_main .box .txt {font-size: min(2em, 5.5vw);}
	.experience_main .box .txt br {display:none;}



	.search_page_top .search .input {height: 3.6em; flex: 1; border:none;}
	.search_page_top .search .btn {width:55px;}
	.search_page_top .search .btn img {width:60%; filter: invert(99%) sepia(61%) saturate(0%) hue-rotate(79deg) brightness(131%) contrast(100%);}

	.search_list {padding-bottom:min(80px, 8vw); position: relative;}
	.search_list + .search_list {padding-top:min(80px, 8vw);}
	.search_list + .search_list::before {content: ""; width: 100vw; height: 1px; background: #ccc; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
	.search_list .sss_tit {font-size: 1em; margin-top: 0px;}
	.search_list .paging {margin-bottom:0px;}
	.search_list .t-key {color:var(--sub-key-color);}

	.logo_color > ul {flex-direction: column; gap:2em;}
	.logo_color .box {flex-direction: row;}
	.logo_color .name {max-width:150px;}
	
	.balloon_list > li {width: calc((100% / 3) - 9.5px);}

	.purpose .box_wrap {flex-direction: column; gap:1em;}
	.purpose .function {flex-direction: column; gap:40px; padding-top:60px}
	.purpose .function > li .ico {width: 68px; height: 68px;}
	.purpose .function > li {padding-top:40px;}
	.purpose .function > li br {display:none;}
	
	.purpose .box_wrap .box .ico {min-width:68px; width: 68px;	}


	

	.incineration_process {gap:10px}
	.incineration_process > li {width:calc(33.3333% - 7px) !important; border-radius:4px !important}
	.incineration_process .box {border-radius:4px !important; justify-content: center;}
	.incineration_process > li:not(:first-child):before {display:none}
	.incineration_process.four > li {width:calc(50% - 5px) !important;}

	.photo_dec {flex-wrap: wrap; gap:20px}
	.photo_dec > li {width:calc(50% - 10px); flex:none}

	.arrow_step > li:not(:first-child):before {display:none;}
	.photo_dec > li .mb_view + .txt_b {padding-top: 0px;;}
	
	.arrow_step > li.long2 {width: 100%; margin-top:0px;margin-left: 0%; order:3;}
	.arrow_step > li.long {width: 100%; margin-top:0px;margin-left: 0%; order:4;}
	.arrow_step.three > li {width: calc(50% - 10px);}

	.dl_box {flex-wrap: wrap; gap:70px;}
	.dl_box > li {flex: 100%;}
	.dl_box > li:not(:first-child):before {transform: rotate(135deg) translateY(0%);left: 50%;top: -50px;}

	.blog_list > li {align-items: flex-start; gap: 1em;}
	.blog_list .img {min-width: 30%; width: 30%;}
	.blog_list .list > li {flex-direction: column; align-items: flex-start;}
	.blog_list .list .subj img {max-width:5vw;}
}






/* 480px 이하 */
@media screen and (max-width:479px) {
	:root {
		--font-size:14px;
		--sub-font-size:13px;
		--small-font-size:12px;
		--xsmall-font-size:11px;
	}
	
	#header h1 img {height:32px;}
    .in_header {height:70px;}
	.top_lang {right:45px}
	.top_lang a {width:40px; height: 40px; gap: 1px;}
	.top_lang img {width: 12px; height: 12px;}
	.menu_btn {width:40px; height: 40px;}
	.top_search {right:90px;}
	.top_search > button {padding:7px}
	.top_search > button img {width:20px;}
	
	.slide_menu_inner .header {background-size: auto 32px; height: 70px;}
	.slide_menu_inner .gnb > li > a {font-size:1.5em; margin-bottom:0.5em}
	.slide_menu_inner .gnb .sub_menu {flex-direction: column;}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.15em;}

	.search_area_wrap {margin-top:0px; border-width:4px}
	.search_area .btn {background-size:20px auto ;}
	.searchPop .inner {height:130px;}
	.search_area {height: 55px;}

	.footer_navi {justify-content: center; padding: 20px 0px;}
	.footer_navi .sel_box {flex: inherit; width: 100%; max-width: 100%;}
	.footer_navi .sns img {width:24px}
	.addressW {padding: 30px 0px;}

    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
	.pop_wrap .pop_body {padding:10px}

	#inner_wrap {padding-bottom:50px; padding-top:0px;}
	.lnb_tit, a.lnb_tit {height:50px; line-height:50px; font-size:14px; }
	.lnb ul li a {font-size:13px;}
	.lnb_tit:after {right:10px;}

	 .introduce {flex-direction: column;}
	 .introduce .photo {width: 100%; max-width: 100%; text-align: center;}
	 .introduce .photo img {max-width:50vw;}

	 .map_wrap {height:300px;}
	 .map_p > strong .ico img {width: 30px;}
	 .map_info .info > li .ico {width: 30px;}
	 .map_info .info .subs .txt_a {padding-top:8px;}


	 
	
	 .down_list > li {width: 100%;}
	 .down_list > li::after {width: 13px; height: 17px;}

	 .website_list > li {width: calc(100% - 0px);}

	 .search_page_top .search .btn {width: 51px;}

	 .logo_color .box .ball {width: 102px; min-width: 102px;}
	 .logo_color .name {text-align: left; padding-top: 10px;}
	 .logo_color .box .cmyk .color {min-width: 25px;width: 25px;}

	 

	 .photo_step {gap:20px 30px !important;}
	 .photo_step > li {width: calc(50% - 15px) !important; max-width: max-content;}
	 .photo_step > li:not(:first-child):before {display: none;}
	 
	 .photo_dec.five > li {width:calc(50% - 5px);}

	 .member_list > li {width: 100%; border-radius: 10px;}
	 .member_list .ico {max-width:92px;}
	 .member_list .txt_a {min-height: auto;}
	
	.business_img {gap:20px; flex-direction: column;}
	
}