@charset "utf-8";
.mo{display: none;}
.mo_resp_563{display:none;}
.mo_resp_400{display:none;}




/* 서브 공통 */
.s_tit_box {text-align:left;}
.sub_title {font-size:48px; font-weight:bold; color:#020202; }
.sub_title02{position: relative; font-size:30px; line-height:1.5; color:#222; font-weight:bold; padding-left:15px;}
.sub_title02:before, .sub_title02:after{position: absolute; content:''; width:6px; height:6px; -webkit-border-radius:50%;border-radius:50%; left:0px;}
.sub_title02:before{background:#89b942; top:15px;}
.sub_title02:after{background:#2098d5; top:25px;}

.sub-tit-box{}
.sub-tit-box .sub-tit-en{font-size:2rem; line-height:2; letter-spacing:-0.02em; color:#98c022; font-weight:700;}
.sub-tit-box .sub-tit{font-size:4rem; line-height:1.5; letter-spacing:-0.02em; color:#000; font-weight:700; margin-top:3rem;}
.sub-tit-box .sub-txt{font-size:2rem; line-height:1.6; letter-spacing:-0.02em; color:#888; font-weight:300; margin-top:4rem;}
.sub-tit-big{font-size:5rem; line-height:1.23; letter-spacing:-0.02em; font-weight:700; color:#000; margin-top:2rem;}

.l_align {text-align:left !important;}

.table_box {margin-bottom:5.5rem;}
.table_wrap {}
.table01 {word-break:keep-all; margin-top:20px;}
.table01 tr {border-bottom:1px solid #eee;}
.table01 thead tr {border-bottom:2px solid #444;}
.table01 th {font-size:18px; text-align:center; font-weight:bold; padding:15px 15px; color:#222;}
.table01 td {font-size:16px; text-align:center; padding:10px 15px; color:#666; border-right:1px solid #eee;}
.table01 td:last-child {border-right:none;}
.table01 td.num {font-size:12px; font-weight:bold; font-family:'Poppins', 'Noto Sans KR', 'Sans-serif'; color:#010101;}




@media all and (max-width:800px){
	.sub_title {font-size:32px; margin-bottom:40px;}
	.sub_title02 {font-size:22px;}
	.sub_title02:before{top:10px;}
	.sub_title02:after{top:20px;}
}

@media all and (max-width:640px){
	.table_box {overflow-x:scroll;}
	.table_box table {width:680px;}
	.table01 th {font-size:16px; padding:15px 5px;}
	.table01 td {font-size:15px; padding:10px 5px;}
}




/* ---회사소개--- */
.cm-step-wrapper{position: relative;}
.cm-step-wrapper .step-line{position: absolute; width:1px; height:100%; background:rgba(0,0,0,0.2); top:0; left:50%;}
.cm-step-wrapper .step-line:before{position: absolute; content:''; width:6px; height:6px; background:#000; border-radius:50%; bottom:-6px; left:50%; transform:translateX(-50%);}
.cm-step-wrapper .step-line .line{position: absolute; width:100%; height:0px; background:#458117;}
.cm-step-wrapper .step-line .line:before{position: absolute; content:''; width:6px; height:6px; background:#458117; border-radius:50%; bottom:-6px; left:50%; transform:translateX(-50%);}
.cm-step-con{position: relative; margin-bottom:13rem;}
.cm-step-con:last-child{margin-bottom:0;}
.cm-step-con .step-circle{position: relative; display: block; width:6px; height:6px; background:#000; border-radius:50%; margin:auto; margin-bottom:3rem;  transition:var(--transition-custom);}
.cm-step-con .step-circle:before{position: absolute; content:''; width:2.6rem; height:2.6rem; background:rgba(114, 167, 48, 0.15); border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%); transition:var(--transition-custom); opacity:0;}
.cm-step-con.active .step-circle{background:#458117;}
.cm-step-con.active .step-circle:before{opacity:1;}
.cm-step-con .sub-tit-box{margin-bottom:6rem;}


.brand-ci {margin-top:50px;}
.brand-ci .title-s2 {
    font-size: 3rem;
    line-height: 1.4;
    font-weight: 700;
	margin-bottom:20px;
}

.brand-ci .text-2  {
    font-size: 1.8rem;
    line-height: 1.4;
	word-break:keep-all;
}

.brand-ci .text-3  {
    font-size: 1.6rem;
    line-height: 1.4;
	word-break:keep-all;
}

.ci-motif {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8rem;
}
.ci-motif p {
    text-align: center;
    font-weight: 500;
}
.ci-motif p em {
    font-weight: 700;
    color: #98c022;
}
.motif-img {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 120rem;
}
.motif-ico {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    gap: 1.2rem;
    width: 11.6rem;
    height: 11.6rem;
    border-radius: 50%;
}
.motif-ico i {
    display: block;
    width: 4rem;
    height: 4rem;
}
.motif-ico .num {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: -0.02em;
    color: #fff;
}
.ico-motif-heart {
    background: svgCiMotif1("fff");
    background-size: 100% 100%;
}
.ico-motif-enterprise {
    background: svgCiMotif2();
    background-size: 100% 100%;
}
.ico-motif-puzzle {
    background: svgCiMotif3();
    background-size: 100% 100%;
}
.ci-type .content-wrap {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    margin-top: 3rem;
}
.ci-type .content strong {
    font-weight: 500;
}
.citype-list {
    display: flex;
    align-items: center;
    gap: 3rem;
}
.citype-li {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 1.2rem;
    flex-basis: 100%;
    flex-shrink: 1;
    height: 18.2rem;
    background-color: #f7f7f7;
    border-radius: 2rem;
    padding-bottom:2.4rem;
}
.citype-li span {
    color: #98c022;
}
.citype-li i {
    display: block;
}
.ci-color {margin-top:40px;}
.cicolor {margin-top:2rem;}
.cicolor-list {
    display: flex;
    gap: 3rem;
}
.cicolor-li {
    flex-basis: 100%;
    flex-shrink: 1;
}
.cicolor-color {
    display: block;
    width: 100%;
    height: 15rem;
    padding: 2.5rem;
    border-radius: 0.8rem;
}
.cicolor-color span {
    font-weight: 700;
    line-height: 1.8rem;
    color: #fff;
}
.cicolor-color.gradient {
    background: linear-gradient(to right, rgb(175, 208, 55), rgb(0, 177, 231));
}
.cicolor-color.green {
    background-color: #8dc63f;
}
.cicolor-color.blue {
    background-color: #00aeef;
}
.cicolor-color.gray {
    background-color: #818285;
}
.cicolor-text {
    margin-top: 1.5rem;
}
.cicolor-text strong {
    display: block;
    margin-bottom: 2px;
	font-size:1.8rem;
}
.cicolor-text span {
    display: block;
    font-weight: 400;
    color: #666;
}


@media all and (max-width:1200px){
	.brand-ci {margin-top:100px;}
	.brand-ci .title-s2 {margin-bottom:40px;}
}

@media all and (max-width:800px){
	.brand-ci .title-s2 br {display:none;}
	.brand-ci .title-s2 {margin-bottom:20px;}
}
@media all and (max-width:640px){
	.cicolor-list, .citype-list {flex-wrap:wrap;}
	.cicolor-li, .citype-li {width:calc(94% / 2);}
	.citype-li {height:auto;}
}




/***** 회사개요 *****/
.summary-gray-box{position: relative; padding-top:6rem; margin:6rem 0;}
.summary-gray-box:before{position: absolute; content:''; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); background:#f5f5f5;}
.summary-gray-box *{position: relative;}
.summary-gray-box .logo svg{width:100%; height:auto; top:5px;}
.summary-gray-box .txt{font-size:2.2rem; letter-spacing:-0.02em; line-height:1.7; color:#000; font-weight:600; margin-bottom:7rem; width:70%;}
.summary-gray-box .img{position: absolute; bottom:0; right:7rem; width:30.35%;}
.summary-gray-box .img img{max-width:100%;}
.summary-txt{font-size:1.8rem; line-height:1.88; letter-spacing:-0.02em; color:#000;}
.summary-ceo-txt{display: flex; align-items:Center; margin-top:3rem;}
.summary-ceo-txt p{font-size:1.8rem; line-height:1.66; letter-spacing:-0.02em; color:#000}
.summary-ceo-txt p span{color:var(--main-color2);}
.summary-ceo-txt b{font-size:2.8rem; line-height:1.07; letter-spacing:-0.02em; color:#000; font-weight:700; margin-left:1rem;}

@media all and (max-width:800px){
	.sub-tit-big{font-size:4rem; margin-top:1rem;}

	.summary-gray-box .img{right:0rem;}
}
@media all and (max-width:480px){
	.sub-tit-big{font-size:3.4rem;}
	.summary-gray-box .txt{width:100%; margin-bottom:280px;}
	.summary-gray-box .img{width:270px; margin:auto; right:auto; left:50%; transform:translateX(-50%);}
}





/* -------- 회사연혁 -------- */
.history-banner{position: relative; margin-top:8rem; z-index:1;}
.history-banner img{width:100%;}

.history-parallax-wrap{position: relative; padding: 12rem 0 0rem;}
.history-img-wrap {
  position: sticky;
  top: 0;
  height: auto;
  z-index: 10;
}
.history-img-wrap .inner{position: absolute; left: 0; width: 56rem; overflow:hidden;}
.history-img-wrap .txt-list li{display: none;}
.history-img-wrap .txt-list{text-align:center; margin-bottom:2rem;}
.history-img-wrap .txt-list .year-box{font-size:6rem; letter-spacing:-0.04em; color:#000; font-weight:700; margin-bottom:1rem;}
.history-img-wrap .txt-list .year-txt{font-size:2rem; line-height:1.5; letter-spacing:-0.02em; color:#98c022; font-weight:600;}
.history-img-wrap .img-list{position: relative; height:360px; display: flex; perspective: 1000px; width:100%;}
.history-img-wrap .img-list li{position: absolute; width:100%; height:0; padding-top:64.286%; border-radius:3rem; overflow:hidden;}
.history-img-wrap .img-list li span{position: absolute; top:0; right:0; width:0%; height:100%;/* transform:translateX(100%); transition:all 0.4s; will-change:transform; */transition:all 0.2s linear;}


.history-info-wrap{display: flex; margin-left:50%; width:50%; max-width:calc(100% - 56rem);}
.history-info-wrap ul{width: 100%; padding-left: 9rem; box-sizing: border-box;}
.history-column-list{position: relative;}
.history-column-list .history-item{position: relative; margin-bottom:6rem;}
.history-column-list .history-item .year{font-size: 2.8rem; font-weight: 700; color: #000; letter-spacing: -0.04em; margin-bottom:1.5rem;}
.history-column-list .history-item .txt p{position: relative; font-size: 1.8rem; font-weight: 300; color: #424242; letter-spacing: -.025em; line-height: 1.3;}
.history-column-list .history-item .txt p.dotted{padding-left: 1rem; }
.history-column-list .history-item .txt p + p{margin-top: 0.5rem;}
.history-column-list .history-item .txt p.dotted:before{content: ""; position: absolute; top: 1rem; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #424242;}
.history-column-list:last-child .history-item:last-child{margin-bottom:0;}
.list-top-box-m{display: none;}

/* Scroll start */
.history-img-wrap.fixing{position: fixed; top: 190px;}
.history-img-wrap.fixing.last{position: absolute; top: auto; bottom: 360px;}
.history-img-wrap li.on{display: block; z-index:1;}
.history-img-wrap.fixing .inner {position: static;}


.history-img-wrap .img-list li.on span{width:100%; right:0; left:auto;}
.history-img-wrap .img-list li.back span{width:100%; left:0; right:auto;}
.history-img-wrap .img-list li.prev span{width:40%; left:0; right:auto;}
.history-img-wrap .img-list li.back.next span{width:40%; right:0; left:auto;}

.history-img-wrap .img-list li.on:first-child + li + li{opacity:0;}


@media all and (max-width:1024px){
	.history-img-wrap .inner{width:45rem;}
}
@media all and (max-width:800px){
	.history-banner{margin-top:4rem;}
	.history-parallax-wrap{padding-top:6rem;}
	.history-wrapper .cm-step-wrapper .step-line{left:0rem;}
	.history-img-wrap{display: none;}
	.history-info-wrap{margin-left:0; width:100%; max-width:100%;}
	.history-info-wrap ul{padding-left:2rem;}
	.history-column-list{margin-bottom:6rem;}
	.history-column-list .history-item{margin-bottom:2rem;}

	.list-top-box-m{display: block; margin-bottom:4rem;}
	.list-top-box-m .year-txt-box{text-align:left; margin-bottom:2rem;}
	.list-top-box-m .year-txt-box .year-box{font-size:4rem; letter-spacing:-0.04em; color:#000; font-weight:700; margin-bottom:1rem;}
	.list-top-box-m .year-txt-box .year-txt{font-size:2rem; line-height:1.5; letter-spacing:-0.02em; color:#98c022; font-weight:600;}
	.list-top-box-m .img-box img{width:100%; max-width:360px;}
}


/* 조직도 */
.cont_area .organ {text-align:center;}


/* @media screen and (max-width:726px){
	.pc {display:none;}
    .mo{display: block;}
} */


/* 오시는길 */
.cont_area {margin-top:40px;}
.map_info {display: flex;flex-wrap: wrap;gap: 20px 0;background: #f9f9f9;padding: 30px;font-size: 1.2em;}
.map_info dl{width: 30%;display: flex;flex-wrap: wrap;flex-direction: row;gap: 0 10px;align-items: center; font-size:1.6rem;}
.map_info dl dt{color: #fff;padding: 10px;background: #98c022;border-radius: 50px; min-width: 100px;text-align: center;}
.map_info dl:first-child{width:100%;border-bottom:1px dotted #555;padding-bottom:20px;}
.map .cont {display:none !important;}
.root_daum_roughmap_landing .border2 {display:block !important;}


/* 인증현황 */
.pro_step {display:flex; flex-wrap:wrap; margin-top:50px; justify-content: flex-start;}
.pro_step li {width:calc(88% / 4); margin:0 1.5% 30px;}
.pro_step li p {display:block; font-size:2rem; margin-bottom:15px; margin-top:15px; text-align:center;}
.pro_step li span {font-size:1.4rem; color:#a1a1a1; margin-bottom:30px; word-break:keep-all;}
.pro_step li img {border:1px solid #eee;}

@media all and ( max-width: 720px ){
	.pro_step li{width:calc(93% / 2);}
}


/* 인사말 */
.about-banner-wrap{position: relative; width:100%; height:0; padding-top:34%; margin-bottom:100px;}
.about-banner-wrap span{position: absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center; background-image:url('/img/sub/greetings_img.jpg'); background-size:cover;}

.about-con01{margin-bottom:120px;}
.about-con01 .about-top-list{display: flex; align-items: center; margin-bottom:70px;}
.about-con01 .about-top-list:last-child{margin-bottom:0;}
.about-con01 .about-top-list dt{width:180px; height:180px; -webkit-border-radius:50%;border-radius:50%;}
.about-con01 .about-top-list dt span{display: block; width:100%; height:100%; background:no-repeat center;}
.about-con01 .about-top-list:nth-child(1) dt{background:#b30823;}
.about-con01 .about-top-list:nth-child(1) dt span{background-image:url('/img/sub/about_top_icon01.png');}
.about-con01 .about-top-list:nth-child(2) dt{background:#1055c2;}
.about-con01 .about-top-list:nth-child(2) dt span{background-image:url('/img/sub/about_top_icon02.png');}
.about-con01 .about-top-list:nth-child(3) dt{background:#219d7e;}
.about-con01 .about-top-list:nth-child(3) dt span{background-image:url('/img/sub/about_top_icon03.png');}
.about-con01 .about-top-list dd{width:calc(100% - 240px); margin-left:60px;}
.about-con01 .about-top-list dd .txt01{display: block; font-size:30px; line-height:1.5; letter-spacing:-0.5px; color:#000; font-weight:500; margin-bottom:10px;}
.about-con01 .about-top-list dd .txt02{font-size:18px; line-height:1.77; letter-spacing:-0.5px; color:#666;}

.sign {position:relative; }
.sign:before {content:''; width:120px; height:85px; position:absolute; right:0; bottom:0; background:url('/img/sub/sign.png') no-repeat; background-size:cover; opacity:0.5;}
.sign p {font-size:15px; text-align:right; font-weight:bold;}


@media all and ( max-width: 1024px ){
	.pc-br{display:none;}
}
@media all and (max-width:800px){
	.about-con01 .about-top-list{display: block; width:100%; margin-bottom:30px;}
	.about-con01 .about-top-list dt{margin:auto; margin-bottom:20px; width:140px; height:140px;}
	.about-con01 .about-top-list dt span{background-size:cover;}
	.about-con01 .about-top-list dd{width:100%; margin-left:0;}
	.about-con01 .about-top-list dd .txt01{font-size:20px;}
	.about-con01 .about-top-list dd .txt02{font-size:14px;}
	
	.about-banner-wrap{padding-top:280px; margin-bottom:50px;}
}
@media all and (max-width:480px){
	.about-con01 .about-top-list dt{width:100px; height:100px;}
}












/* 제품소개 */
.prodcut_table th{background:#f7f8fa; font-size:16px;}
.prodcut_table table tr  {border:1px dotted #ddd;}
.prodcut_table table tr th{border:1px dotted #ddd;}
.prodcut_table table tr td{border:1px dotted #ddd;}
.prodcut_list_box.prodcut_table > p{font-size: 1.7em; font-weight: 500;padding-top:50px; text-align:left;}
.prodcut_table tbody tr{background:#fff;}
#info_th th:last-child{border-right:0;}
.product_top{display:flex; justify-content:center;}
.product_top_column{display:flex; justify-content:center;}
/* 이미지 3개 정렬*/
.product_top_column_2{display:flex; justify-content:center;}
/* 이미지 2개 정렬*/
.product_top > div{width:50%;}
.product_top > ul{width:50%;}
.product_top_left{display:flex;}
.product_top_left > div {width:50%;}
.product_top_left > div img {width:100%;}


/*제품소개 반응형 */



/* 품질경영시스템 */
/* 생산설비 */
.prodcut_table table  tbody th:first-child,
.prodcut_table table tbody td:first-child {
	border-left: 0 !important;
}
.prodcut_table table th:last-child,
.prodcut_table table td:last-child {
	border-right: 0 !important;
}

.prodcut_table h3 {font-size: 27px;font-weight: 600;margin-bottom: 20px;}
.prodcut_table table{border-top:2px solid #333;text-align: center;font-size: 17px;letter-spacing: -1px; height:100%;  }
.prodcut_table table th, .prodcut_table table td{padding:10px;}


@media screen and (max-width:1300px){
    .prodcut_table{overflow-x: auto; width:100%; overflow-y: hidden;}
}
@media screen and (max-width:600px){
    .mo{display: block;}
}
@media screen and (max-width:900px){
    .mo_resp_900{display: block;}
}
@media screen and (max-width:1000px){
    .mo_resp_1000{display: block;}
}
@media screen and (max-width:500px){
    .mo_resp_563{display: block;}
}
@media screen and (max-width:400px){
    .mo_resp_400{display: block;}
}


/* ---제품정보--- */

/* 재질 */
.texture_box {margin-bottom:30px;}
.texture_box ul {margin-top:10px;}
.texture_box ul li {font-size:18px; color:#666; word-break:keep-all; margin-bottom:5px;}




/* ---품질정보--- */

/* 인증현황 */
.cer_gallery {display:flex; justify-content: flex-start; gap:20px 2%; flex-wrap:wrap;}
.cer_gallery > div {width:calc(94% / 4); text-align:center; box-sizing:border-box; border:1px solid #e0e0e0; transition:0.5s;}
.cer_gallery > div:hover {border:1px solid #98c022;}
.cer_gallery > div p {color:#666; font-size:16px; letter-spacing:-1px; padding:15px 10px; background:#fff; box-sizing:border-box; border-top:1px solid #e0e0e0; transition:0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 
100%; text-align:center;}
.cer_gallery > div:hover p {background:#98c022; color:#fff; font-weight:600; border-top:1px solid #98c022;}

.mfp-bottom-bar {margin-top:-25px !important;}
.mfp-title {text-align:center !important;}

@media screen and (max-width:640px){
	.cer_gallery > div {width:calc(94% / 2);}
}




/* 검사설비 */
.test_wrap {margin-bottom:70px; align-items:center;}
.test_wrap.right .txt {order:-1; margin-left:0; margin-right:5%;}
.test_wrap .img {width:50%; border:2px solid #eee;}
.test_wrap .txt {width:45%; margin-left:5%;}
.test_wrap .txt ul {margin-top:15px; display:none;}
.test_wrap .txt ul li {font-size:18px; margin-bottom:10px; word-break:keep-all;}
.test_wrap .txt ul li span {font-weight:bold; vertical-align:baseline;}

@media screen and (max-width:800px){
    .test_wrap.right .txt {order:1; margin-right:0;}
	.test_wrap .img {width:100%; margin-bottom:10px;}
	.test_wrap .txt {width:100%; margin-left:0;}
}

@media screen and (max-width:420px){
	.test_wrap {margin-bottom:30px;}
    .test_wrap .txt ul li {font-size:16px;}
}












/* 품질경영조직 */
.sub0203_margin{display:flex; justify-content:center; align-items:center; margin-top:60px;}


/* 품질경영시스템 */



/* 유성벤드 */

/* 유성벤드 반응형 style_resp 974로 옮김*/

.sub0201_align{display:flex; gap:50px; height:500px;}
.sub0201_align .sub0201bg
{width:calc((100% - 50px) / 2.5); height:100%;
background:url('../img/sub/sub02_01_bg.jpg') no-repeat center center;
background-size:cover;
}
.sub0201_align .prodcut_table{width:calc((100% - 50px) / 1.5);}
.sub0201_table{ height:100%;}


/*영업품목*/ 

.table_left_align p {text-align:left; display:flex; justify-content:center; line-height:1.5;}


/*영업품목*/ 



/* ----제조공정---- */
/* 제조설비 */

.fa_slide_wrap {margin-top:70px;}
.fa_slide_wrap .facility_slide {margin-top:20px;}
.facility_slide .slick-slide {margin:0 10px;}
.facility_slide p {text-align:center; font-size:18px; font-weight:600; color:#333; margin-top:15px;}

/* 제조공정 */
.pl-ma-listcontain {padding-top:5rem; padding-bottom:100px; }
.pl-ma-listcontain ul { font-size:0; text-align:center; }
.pl-ma-listcontain ul li { position:relative; display:inline-block; vertical-align:top; text-align:center;  }
.pl-ma-listcontain ul.w5 li {width:22%; margin-right:3.75%; }
/* .pl-ma-listcontain ul li:after { content:''; position:absolute; right:-21%; top:0;  width:21%; height:100%; background:url("/img/sub/arrow_btt_ri.png") no-repeat 50% 93px; } */
.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:0; }
.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after { content:none;  }
.pl-ma-listcontain ul li img { max-width:100%; }
.pl-ma-listcontain ul li div {padding-bottom:4rem;}
.pl-ma-listcontain ul li div u { text-decoration:none;  display:inline-block;  width:30px; height:30px; line-height:30px; border-radius:50%; background-color:#222; font-size:15px; color:#fff; font-family: 'Montserrat'; font-weight:600; }
.pl-ma-listcontain ul li div p { font-size:1.8rem; color:#222; padding:1.5rem 0; text-align:center; letter-spacing:-1px; word-break:keep-all; border:1px solid #ccc;}
.pl-ma-listcontain ul li div p span { display:block; font-size:18px; color:#222; font-weight:500;text-align:center;}
.pl-ma-listcontain ul li div p b { font-weight:400; color:#222; }
/* .pl-ma-listcontain ul.w5 li:nth-of-type(5):before, .pl-ma-listcontain ul.w5 li:nth-of-type(9):before { content:''; position:absolute; left:-21%; top:0;  width:21%; height:100%; background:url("/img/sub/arrow_btt_ri.png") no-repeat 50% 93px;}
.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  } */

@media screen and (max-width:1300px){
	.mak-container { padding-left:50px; padding-right:50px;  }
}
@media screen and (max-width:980px){
	.pl-ma-listcontain ul.w5 li { width:28%; margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after ,
	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain li:nth-of-type(6):before { content:none;  }

	.pl-ma-listcontain ul.w5 li:nth-of-type(6):before { content:none;  }
}
@media screen and (max-width:800px){
	.pl-ma-listcontain ul.w5 li { width:31%; margin-right:3.5%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:3.5%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n):after ,
	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain ul li:after { right:-10%; width:10%;  }
}
@media screen and (max-width:640px){
	.mak-container { padding-left:20px; padding-right:20px; padding-top:50px; }
	.mak-container .sb-title-subject  { padding-bottom:30px;  }
	.pl-ma-listcontain { padding-bottom:40px; }

	.pl-ma-listcontain ul.w5 li { width:47%; margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(2n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(2n):after { content:none;  }

	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain ul.w5 li:after { right:-10%; width:10%;  }

	.pl-ma-listcontain ul li div p span { font-size:16px;}
	.pl-ma-listcontain ul li div p { font-size:15px;  }

	.pl-ma-listcontain ul.w5 li:after { background-size:6px 10px; background-position:50% 19vw; }
	.pl-ma-listcontain ul li div u { width:23px; height:23px; line-height:23px; font-size:13px;  }

	
}