.font-12{font-size: 12px  !important; line-height: 160%;}
.font-14{font-size: 14px  !important; line-height: 160%;}
.font-15{font-size: 15px  !important; line-height: 160%;}
.font-16{font-size: 16px  !important; line-height: 160%;}
.font-17{font-size: 17px  !important; line-height: 160%;}
.font-18{font-size: 18px  !important; line-height: 160%;}
.font-20{font-size: 20px  !important; line-height: 160%;}
.font-22{font-size: 22px !important; line-height: 180%;}
.font-24{font-size: 24px !important; line-height: 180%;}
.font-25{font-size: 25px !important; line-height: 180%;}
.font-27{font-size: 27px !important; line-height: 180%;}
.font-30{font-size: 30px !important; line-height: 180%;}
.font-35{font-size: 35px !important; line-height: 140%;}
.font-40{font-size: 40px !important; line-height: 140%;}
.font-45{font-size: 45px !important; line-height: 140%;}
.font-50{font-size: 50px !important; line-height: 140%;}
.font-55{font-size: 55px !important; line-height: 140%;}
.font-60{font-size: 60px !important; line-height: 140%;}
.font-64{font-size: 64px !important; line-height: 140%;}
.font-70{font-size: 70px !important; line-height: 140%;}

.weight-200{font-weight: 200;}
.weight-300{font-weight: 300;}
.weight-400{font-weight: 400;}
.weight-500{font-weight: 500;}
.weight-600{font-weight: 600;}
.weight-700{font-weight: 700;}
.weight-800{font-weight: 800;}

.franchise ul {display:flex; align-items: center;}
.franchise ul li {width:50%}

.franchise ul li:first-child img{max-width: 100%;}
.franchise ul li:last-child {margin-left:8%} 

.franchise ul li small {color:#787878}
.franchise ul li h2{padding-top: 20px;}
.franchise ul li h2 img{max-width: 35%;}
.franchise ul li p {padding:20px 0px 35px}
.franchise ul li div {border-top:1px solid #787878; padding-top:20px}
.franchise ul li .card_img{width: 100%;}
.franchise ul li .card_img img{max-width: 100%;}

@media screen and (max-width :800px) {
.franchise ul  {flex-wrap: wrap;}
.franchise ul li {width:100%}
.franchise ul li:last-child {margin-left:0%; margin-top:30px} 
.franchise ul li p {padding:50px 0px 30px}
}


.inner_sub{width: 1320px; max-width: 100%; margin: 0 auto;}
.p_color{color: #0a1468;}
.sub_page{padding: 95px 0 100px 0; width: 100%;}
.sub_page .main_tit{margin-top: 50px;}


.sub_page .fix_buy{float: right;}
.sub_page .fix_buy a{background: #172860; color: #fff; border-radius: 20px; display: inline-block; padding: 3px 20px;}
.sub_page .fix_buy.on{position: fixed; top: 135px; right: 20px}

@media screen and (max-width :1200px) {
	.sub_page .fix_buy a{font-size: 12px !important;}
}

.top_area{padding: 60px 0 80px;}
.top_area span{color: #696969; font-size: 16px;}

.tab-menu{width: 100%; padding: 15px 0; box-sizing: border-box; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 20px; position: relative;}
.tab-menu ul li{text-align: center;}
.tab-menu ul li a{color: #696969;}
.tab-menu ul li a.on{font-weight: 800; color: #333;}

.tab-menu .swiper_menu .swiper-button-next,
.tab-menu .swiper_menu .swiper-button-prev{color: #b8b8b8;}


/* ceo 페이지 */
.sub_ctt.ceo{width: 100%;}
.sub_ctt.ceo .inner_sub{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_ctt.ceo .inner_sub .ceo_img{width: 35%;}
.sub_ctt.ceo .inner_sub .ceo_img img{max-width: 100%;}
.sub_ctt.ceo .inner_sub .main_tit{width: 60%; margin-top: 0;}
.sub_ctt.ceo .inner_sub .main_tit span{display: block; padding: 30px 0;}
.sub_ctt.ceo .inner_sub .main_tit .ceo_name{float: right;}


@media screen and (max-width : 1020px) {
    .sub_ctt.ceo .inner_sub .ceo_img{width: 100%;}
    .sub_ctt.ceo .inner_sub .main_tit{width: 100%; margin-top: 50px;}
}
@media screen and (max-width : 768px) {
    .sub_ctt.ceo .inner_sub .main_tit p{word-break: keep-all;}
    .sub_ctt.ceo .inner_sub .main_tit p br.none{display: none;}
}
@media screen and (max-width : 500px) {
    .sub_page .main_tit br.none{display: none;}
    .sub_ctt .main_tit h2 br.none{display: none;}
}

/* 공통 */
.sub_ctt .flex_ctt{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_ctt .flex_ctt .left_tit{width: 35%;}

/* 경영이념 페이지 */
.sub_ctt.manage{width: 100%;}
.sub_ctt.manage .mg_banner{width: 100%; padding: 100px 20px 80px; text-align: center; background: url(../img/sub/manage_bg.png) no-repeat; background-size: cover; background-position: center; color: #fff; border-radius: 150px 0 0 0 ; margin-bottom: 80px;}
.sub_ctt.manage .mg_banner h2{padding-bottom: 30px;}
.sub_ctt.manage .mg_banner span{color: #ccc;}


.sub_ctt.manage .mg_ctt ul{width: 65%; border-top: 3px solid #172860; box-sizing: border-box;}
.sub_ctt.manage .mg_ctt ul li{border-bottom: 1px solid #172860; box-sizing: border-box; padding: 40px 20px; display: flex; flex-wrap: wrap; align-items: center;}
.sub_ctt.manage .mg_ctt ul li .icon{width: 20%; text-align: center; margin-right: 20px;}
.sub_ctt.manage .mg_ctt ul li .icon img{max-width: 80%; height: 60px; object-fit: cover;}

@media screen and (max-width : 768px) {
    .sub_ctt.manage .mg_banner{padding: 70px 50px;}

    .sub_ctt .flex_ctt .left_tit{width: 100%;}
    .sub_ctt.manage .mg_ctt ul{width: 100%; margin-top: 20px;}
    .sub_ctt.manage .mg_ctt ul li .icon img{height: 40px;}
}
@media screen and (max-width : 500px) {
    .sub_ctt.manage .mg_ctt ul li{flex-direction: column; align-items: flex-start;}
    .sub_ctt.manage .mg_ctt ul li .icon{margin-bottom: 10px;}
}



/* 위치 소개 페이지 */
.sub_ctt.location .loca_banner{width: 100%; margin-bottom: 50px; border-radius: 150px 0 0 0; overflow: hidden;}
.sub_ctt.location .loca_banner img{width: 100%; height: 350px; object-fit: cover;}

.sub_ctt.location .map_area{width: 60%;  margin-top: 40px; max-width: 100%;}
.sub_ctt.location .map_area::after{content: ""; display: block; clear: both;}
.sub_ctt.location .map_area iframe{float: right; width: 100%; max-width: 100%;}
.sub_ctt.location .map_area ul{border-top: 3px solid #172860; box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 50px 0;}
.sub_ctt.location .map_area ul li{display: flex; flex-wrap: wrap; align-items: center;}
.sub_ctt.location .map_area ul li:nth-child(1){width: 40%;}
.sub_ctt.location .map_area ul li:nth-child(2){width: 60%;}
.sub_ctt.location .map_area ul li .icon{margin-right: 30px;}
.sub_ctt.location .map_area ul li .icon img{height: 40px;}
@media screen and (max-width : 1200px){
    .sub_ctt.location .map_area{width: 100%;}
}
@media screen and (max-width : 768px){
    .sub_ctt.location .loca_banner img{height: 280px;}

    .sub_ctt.location .map_area ul li:nth-child(1){width: 100%;}
    .sub_ctt.location .map_area ul li:nth-child(2){width: 100%; margin-top: 20px;}
}



/* ci 페이지 */
.sub_ctt.ci ul.tab-list{display: flex; flex-wrap: wrap; margin: 0px 0 80px;}
.sub_ctt.ci ul.tab-list li{color: #fff; cursor: pointer; margin-right: 0px;background: #909090; transition: 0.2s; padding: 5px 30px;}
.sub_ctt.ci ul.tab-list li:hover,.sub_ctt.ci ul.tab-list li.on{background: #111b42; }

.sub_ctt.ci .ci-list .ci_show{display: none;}
.sub_ctt.ci .ci-list .ci_show:nth-child(1){display: block;}
.sub_ctt.ci .down-button{text-align: center; margin-top: 80px;}
.sub_ctt.ci .down-button a{border: 1px solid #111b42; box-sizing: border-box; padding: 12px 20px; transition: 0.2s;}
.sub_ctt.ci .down-button a img{margin-left: 20px; transition: 0.2s;}
.sub_ctt.ci .down-button a:hover{background-color: #111b42; color: #fff;}
.sub_ctt.ci .down-button a:hover img{filter: invert(1);}

.sub_ctt.ci .ci-list .ci_show .flex{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_ctt.ci .ci-list .ci_show .flex:first-child{margin-bottom: 150px;}
.sub_ctt.ci .ci-list .ci_show .flex > div:first-child{width: 200px;}
.sub_ctt.ci .ci-list .ci_show .flex > div:last-child{width: calc(100% - 200px);}

.sub_ctt.ci .ci-list .ci_show .flex .type_list ul{display: flex; flex-wrap: wrap;}
.sub_ctt.ci .ci-list .ci_show .flex .type_list ul li{display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 40px;}
.sub_ctt.ci .ci-list .ci_show .flex .type_list ul li:nth-child(1){width: 100%;}
.sub_ctt.ci .ci-list .ci_show .flex .type_list ul li:nth-child(2){width: 50%;}
.sub_ctt.ci .ci-list .ci_show .flex .type_list ul li:nth-child(3){width: 50%;}

.sub_ctt.ci .ci-list .ci_show .flex .type_list ul li > span{display: inline-block; width: 150px; text-align: center; padding: 2px 5px 2px 16px; background-color: #172860; border-radius: 32px 0 0 0; color: #fff; margin-right: 8px;} 
.sub_ctt.ci .ci-list .ci_show .flex .type_list ul li p{display: inline-block;}
.sub_ctt.ci .ci-list .ci_show .flex .type_list ul li p span{font-weight: 400;}

.sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img{display: flex; flex-wrap: wrap; align-items: flex-end; width: 100%;}
.sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img .left_box{width: 65%;}
.sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img .left_box.center{width: 80%; margin: 0 auto;}
.sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img .left_box img{width: 100%;}
.sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img .right_box{width: 35%;}
.sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img .right_box img{max-width: 90%;}


.sub_ctt.ci .ci-list .ci_show .flex .sig_list{width: 100%;}
.sub_ctt.ci .ci-list .ci_show .flex .sig_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_ctt.ci .ci-list .ci_show .flex .sig_list ul li{width: 48%; margin-bottom: 40px;}
.sub_ctt.ci .ci-list .ci_show .flex .sig_list ul li span{display: inline-block; width: 150px; text-align: center; padding: 2px 5px 2px 16px; background-color: #172860; border-radius: 32px 0 0 0; color: #fff; margin-right: 8px;}
.sub_ctt.ci .ci-list .ci_show .flex .sig_list ul li .box{border: 1px solid #909090; box-sizing: border-box; text-align: center; width: 100%; height: 250px; display: flex; align-self: center; justify-content: center; align-content: center; flex-wrap: wrap;}
.sub_ctt.ci .ci-list .ci_show .flex .sig_list ul li .box img{max-width: 80%;}

@media screen and (max-width : 1200px) {
    .sub_ctt.ci .ci-list .ci_show .flex > div:first-child{width: 100%;}
    .sub_ctt.ci .ci-list .ci_show .flex > div:last-child{width: 100%; margin-top: 30px;}
}
@media screen and (max-width : 980px) {
    .sub_ctt.ci .ci-list .ci_show .flex .type_list ul li p{display: block; width: 100%;}
    .sub_ctt.ci .ci-list .ci_show .flex .type_list ul li:nth-child(2){width: 100%;}
    .sub_ctt.ci .ci-list .ci_show .flex .type_list ul li:nth-child(3){width: 100%;}
}
@media screen and (max-width : 768px){
	.sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img .left_box.center{width: 100%;}
    .sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img .left_box{width: 100%;}
    .sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img .right_box{width: 100%;}
    .sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img .right_box img{width: 50%; float: left;}
    .sub_ctt.ci .ci-list .ci_show .flex .type_list .logo_img .right_box img:last-child{margin-top: -16px;}
    .sub_ctt.ci .ci-list .ci_show:nth-child(2) .flex .type_list .logo_img .right_box img:last-child{margin-top: -5px;}

    .sub_ctt.ci .ci-list .ci_show .flex .sig_list ul li{width: 100%;}
}




/* 적용범위 페이지 */
.sub_ctt::after{content: ""; display: block; clear: both;}
.sub_ctt .top-right{text-align: right; padding-top: 20px;}

.sub_ctt.apply > div{padding: 80px 0;}
.sub_ctt.apply .flex{display: flex;flex-wrap: wrap;}
.sub_ctt.apply .flex:not(:last-child){margin-bottom: 100px;}
.sub_ctt.apply .flex h3{width: 25%; margin-right: 40px; word-break: keep-all;}
.sub_ctt.apply .flex .right_app{width: calc(75% - 40px);}
.sub_ctt.apply .flex .right_app > p{word-break: keep-all;}
.sub_ctt.apply .flex .right_app > h4 b{font-weight: 800;}
.sub_ctt.apply .flex .right_app > span.gray{color: #696969; padding-bottom: 40px; display: inline-block;}


/* 의료 */
/* flex_two */
.sub_ctt.apply .flex .right_app .flex_two{display: flex;flex-wrap: wrap; justify-content: space-between; margin: 30px 0 50px;}

.sub_ctt.apply .flex .right_app .flex_two img{width: 48%;}

.sub_ctt.apply .flex .right_app .flex_two li{width: 48%;}
.sub_ctt.apply .flex .right_app .flex_two li p{color: #4a4a4a;}
.sub_ctt.apply .flex .right_app .flex_two li span{display: block; position: relative; padding: 5px 0 5px 25px; color: #4a4a4a;}
.sub_ctt.apply .flex .right_app .flex_two li span::before{content: ""; background: url(../img/sub/plus_icon.png) no-repeat; position: absolute; left: 0; top: 10px; width: 16px; height: 16px; background-size: cover;}
.sub_ctt.apply .flex .right_app .flex_two li span b{display: block;}

.sub_ctt.apply .flex .right_app .span_inline{width: 100%; margin: 20px 0 40px;}
.sub_ctt.apply .flex .right_app .span_inline span{display: inline-block; padding-left: 20px; padding-right: 20px; position: relative; }
.sub_ctt.apply .flex .right_app .span_inline span::before{content: ""; position: absolute; left: 0; top: 5px; width: 15px; height: 15px; background-color: #172860;}

/* flex_four */
.sub_ctt.apply .flex .right_app .flex_four{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0 50px;}
.sub_ctt.apply .flex .right_app .flex_four li{width: 24%; text-align: center;}
.sub_ctt.apply .flex .right_app .flex_four li img{max-width: 100%;}
.sub_ctt.apply .flex .right_app .flex_four li p{padding-top: 5px; word-break: keep-all;}

/* flex_three */
.sub_ctt.apply .flex .right_app .flex_three{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.sub_ctt.apply .flex .right_app .flex_three.medical li{width: 30%; text-align: center; border-bottom: 0;}
.sub_ctt.apply .flex .right_app .flex_three.medical li img{width: 100%; height: 250px; object-fit: cover;}
.sub_ctt.apply .flex .right_app .flex_three.medical li p{padding-top: 5px;}
.sub_ctt.apply .flex .right_app .flex_three.medical li:first-child{position: relative;}
.sub_ctt.apply .flex .right_app .flex_three.medical li:first-child::after{content: ""; width: 1px; height: 90%; background: #ccc; position: absolute; right: -8%; top: 0px;}
.sub_ctt.apply .flex .right_app .flex_three.medical li:nth-child(2){position: relative;}
.sub_ctt.apply .flex .right_app .flex_three.medical li:nth-child(2)::after{content: ""; background: url(../img/sub/arrow_btn.png) no-repeat; background-size: cover; width: 15px; height: 15px; position: absolute; right: -10%; top: 45%; transform: translateY(-50%);}


/* apply_table */
.sub_ctt.apply .flex .right_app .apply_table{width: 100%; margin-top: -20px;}
.sub_ctt.apply .flex .right_app .apply_table table{width: 100%; border: 1px solid #172860; box-sizing: border-box; border-collapse : collapse; border-spacing : 0;}
.sub_ctt.apply .flex .right_app .apply_table table caption{display: none;}
.sub_ctt.apply .flex .right_app .apply_table table tr th,
.sub_ctt.apply .flex .right_app .apply_table table tr td{text-align: center; padding: 3px 5px;}
.sub_ctt.apply .flex .right_app .apply_table table tr th{background: #172860; color: #fff;}
.sub_ctt.apply .flex .right_app .apply_table table tr td{border-bottom: 1px solid #ccc; border-bottom-style: dashed;}
.sub_ctt.apply .flex .right_app .apply_table table tr td{border-right: 1px solid #ccc; border-right-style: dashed;}


/* 제조 */
.sub_ctt.apply .flex .right_app h4.padding-top{padding-top: 50px;}

.sub_ctt.apply .flex .right_app .flex_column{width: 100%; margin-top: 30px;}
.sub_ctt.apply .flex .right_app .flex_column li{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; padding: 40px 0;}
.sub_ctt.apply .flex .right_app .flex_column li:not(:last-child){border-bottom: 1px solid #ccc; box-sizing: border-box;}
.sub_ctt.apply .flex .right_app .flex_column li .img_left{width: 38%;}
.sub_ctt.apply .flex .right_app .flex_column li .img_left img{max-width: 100%;}
.sub_ctt.apply .flex .right_app .flex_column li .txt_right{width: 60%;}
.sub_ctt.apply .flex .right_app .flex_column li .txt_right span{display: block; padding-left: 25px; position: relative;}
.sub_ctt.apply .flex .right_app .flex_column li .txt_right span::before{content: ""; width: 15px; height: 15px; background: #172860; left: 0; top: 8px; position: absolute;}



/* 식품 */
.sub_ctt.apply .flex .right_app .flex_three li{width: 33.3333%; text-align: center; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 40px 10px;}
.sub_ctt.apply .flex .right_app .flex_three li .number{width: 80px; height: 80px; border-radius: 50%; border: 2px solid #172860; box-sizing: border-box; margin: 0 auto 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.sub_ctt.apply .flex .right_app .flex_three li p{word-break: keep-all;}

.sub_ctt.apply >  h5{text-align: center; padding-bottom: 20px;}

/* full bg */
.sub_ctt.apply .food_full{width: 100%; background: #f9f9f9;}
.sub_ctt.apply .food_full ul{display: flex; flex-wrap: wrap;}
.sub_ctt.apply .food_full ul li:first-child{width: 30%; margin-right: 100px;}
.sub_ctt.apply .food_full ul li:last-child{width: calc(70% - 100px);}

/*  full bg 왼쪽 컨텐츠 */
.sub_ctt.apply .food_full ul li:first-child .graphic{text-align: center; position: relative;}
.sub_ctt.apply .food_full ul li:first-child .graphic img{width: 100%;}
.sub_ctt.apply .food_full ul li:first-child .graphic p{position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%);}
.sub_ctt.apply .food_full ul li:first-child .graphic span{display: block; padding-top: 10px;}

.sub_ctt.apply .food_full ul li:first-child .mark_logo{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 50px;}
.sub_ctt.apply .food_full ul li:first-child .mark_logo img{margin-right: 20px;}
.sub_ctt.apply .food_full ul li:first-child .mark_logo p{line-height: 140% !important;}

/*  full bg 오른쪽 컨텐츠 */
.sub_ctt.apply .food_full ul li:last-child .span_inline{width: 100%; margin: 30px 0 60px;}
.sub_ctt.apply .food_full ul li:last-child .span_inline span{display: block; padding: 0 0 30px 20px; position: relative; color: #696969;}
.sub_ctt.apply .food_full ul li:last-child .span_inline span b{color: #172860;}
.sub_ctt.apply .food_full ul li:last-child .span_inline span::before{content: ""; position: absolute; left: 0; top: 7px; width: 15px; height: 15px; background-color: #172860;}

.sub_ctt.apply .food_full ul li:last-child .embed_img{width: 80%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px;}
.sub_ctt.apply .food_full ul li:last-child .embed_img img{width: 48%;}



/* 푸드 페이지 - 인증서 */
.food_certifi{width: 100%;}
.food_certifi h5{margin: 60px 0 40px; text-align: center;}
.food_certifi .iso{display: flex; flex-wrap: wrap; }
.food_certifi .iso li:first-child{text-align: center; margin-right: 30px; width: 30%;}
.food_certifi .iso li:first-child img{max-width: 100%;}
.food_certifi .iso li:first-child p{padding-top: 20px; color: #165da2; padding-bottom: 40px;}
.food_certifi .iso li:last-child{width: calc(70% - 40px);}

.food_certifi .iso li .iso_list{display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.food_certifi .iso li .iso_list span{display: inline-block; color: #165da2; width: 70px;}
.food_certifi .iso li .iso_list h6{width: calc(100% - 70px);}
.food_certifi .iso li .iso_list h6 p{color: #4a4a4a;  word-break: keep-all;}

.food_certifi .certifi_img{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px;}
.food_certifi .certifi_img li:nth-child(1){width: 29%;}
.food_certifi .certifi_img li:nth-child(2){width: 29%;}
.food_certifi .certifi_img li:nth-child(3){width: 39%;}
.food_certifi .certifi_img li img{max-width: 100%;}
.food_certifi .certifi_img li span{display: inline-block; padding-left: 25px; position: relative; padding-bottom: 5px;}
.food_certifi .certifi_img li span::before{content: ""; position: absolute; left: 0; top: 7px; width: 15px; height: 15px; background-color: #172860;}
.food_certifi .certifi_img li p{text-align: center; padding-top: 10px; word-break: keep-all;}

.food_certifi .certifi_last{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; margin-bottom: 50px;}
.food_certifi .certifi_last li{width: 33%;}
.food_certifi .certifi_last li img{max-width: 100%;}


.food_certifi > p{text-align: center; padding-bottom: 5px; word-break: keep-all;}
.food_certifi > p .red{color: #a50000;}




/* 도장 */
.sub_ctt.apply .flex .right_app .flex_two.full li{width: 100%;}
.sub_ctt.apply .flex .right_app .flex_two.border li p{padding-left: 25px; position: relative; padding-bottom: 10px;}
.sub_ctt.apply .flex .right_app .flex_two.border li p::before{content: ""; position: absolute; width: 15px; height: 15px; background: #172860; left: 0; top: 5px;}
.sub_ctt.apply .flex .right_app .flex_two.border li{border: 1px solid #172860; box-sizing: border-box; border-radius: 0 0 35px 0; padding: 20px;}


.sub_ctt.apply .flex .right_app .flex_two.border li.gray p::before{background: #b4b4b4;}
.sub_ctt.apply .flex .right_app .flex_two.border li.gray{border: 1px solid #b4b4b4;}
.sub_ctt.apply .flex .right_app .flex_two.border li.gray span::before{content: ""; background: url(../img/sub/none_icon.png) no-repeat; position: absolute; left: 0; top: 10px; width: 16px; height: 16px; background-size: cover;}

.sub_ctt.apply .flex .right_app .flex_two.after img{width: 100%;}
.sub_ctt.apply .flex .right_app .flex_two.after p{text-align: center; padding-top: 10px;}
.sub_ctt.apply .flex .right_app .flex_two.after li:first-child{position: relative;}
.sub_ctt.apply .flex .right_app .flex_two.after li:first-child::after{content: ""; background: url(../img/sub/arrow_btn.png) no-repeat; background-size: cover; width: 20px; height: 20px; position: absolute; right: -6%; top: 45%; transform: translateY(-50%);}

/* 레저 */
.sub_ctt.apply .flex .right_app > img{max-width: 100%; margin-top: 20px;}

.sub_ctt.apply .food_full ul li:first-child .certifi_img p{text-align: center; padding-top: 10px;}
.sub_ctt.apply .food_full ul li:first-child .certifi_img img{max-width: 100%;}
.sub_ctt.apply .food_full ul li:last-child > p b{color: #888888;}
.sub_ctt.apply .food_full ul li:last-child h4 b.red{color: #cd0000;}
.sub_ctt.apply .food_full ul li:last-child .span_inline.red{display: flex; flex-wrap: wrap;}
.sub_ctt.apply .food_full ul li:last-child .span_inline span .red{display: inline-block; color: #cd0000;}
.sub_ctt.apply .food_full ul li:last-child .span_inline.red span{width: 50%;}
.sub_ctt.apply .food_full ul li:last-child .span_inline span::before{content: ""; position: absolute; left: 0; top: 7px; width: 15px; height: 15px; border: 3px solid #cd0000; background: transparent;}


.sub_ctt.apply .laser_txt{width: 100%; text-align: center;}
.sub_ctt.apply .laser_txt p{padding: 20px 0 15px;}

.sub_ctt.apply .flex_four{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px;}
.sub_ctt.apply .flex_four li{width: 24%; margin-bottom: 20px;}
.sub_ctt.apply .flex_four li img{max-width: 100%;}





/* slick-ctt */
.sub_ctt.apply .slick-list{margin-top: 20px;}
.sub_ctt.apply .slick-list .slide-img p{text-align: center; padding-top: 10px;}
.sub_ctt.apply .slick-list{text-align: center;}
.sub_ctt.apply .slick-list img{max-width: 100%;}
.sub_ctt.apply .slick-list button.slick-prev{position: absolute; top: 50%; transform: translateY(-50%); left: 10px; z-index: 2; background: url(../img/sub/arrow-left.png); background-repeat: no-repeat; background-size: cover; width: 20px; height: 37px; font-size: 0; border: none;}
.sub_ctt.apply .slick-list button.slick-next{position: absolute; top: 50%; transform: translateY(-50%); right: 10px; z-index: 2; background: url(../img/sub/arrow-right.png); background-repeat: no-repeat; background-size: cover; width: 20px; height: 37px; font-size: 0; border: none;}

.sub_ctt.apply .slick-list.product button.slick-prev{left: 20%;}
.sub_ctt.apply .slick-list.product button.slick-next{right: 20%;}
.sub_ctt.apply .slick-list.product .slide-img img{display: inline-block; max-width: 60%;}
.sub_ctt.apply .slick-list.product ul.slick-dots{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px;}
.sub_ctt.apply .slick-list.product ul.slick-dots li{font-size: 0; width: 12px; height: 12px; border: 1px solid #000; border-radius: 50%; transition: 0.2s; cursor: pointer; margin-right: 10px;}
.sub_ctt.apply .slick-list.product ul.slick-dots li:last-child{margin-right: 0;}
.sub_ctt.apply .slick-list.product ul.slick-dots li.slick-active{background-color: #000;}
.sub_ctt.apply .slick-list.product ul.slick-dots li button{display: none;}


/* product01- 이세퍼레이터 */
.sub_ctt.product{width: 100%;}
.sub_ctt.product .pd_title{text-align: center;}
.sub_ctt.product .pd_title h2{display: inline-block; background: #172860; color: #fff; padding: 0 10px;}
.sub_ctt.product .pd_title h3{padding: 10px 0 20px;}
.sub_ctt.product .pd_title p{word-break: keep-all;}
.sub_ctt.product .pd_title .check_product span{padding: 0 20px;}

.sub_ctt.product .bg_img{background-image: url(../img/product/pd02-bg.png); background-repeat: no-repeat; background-attachment: fixed; width: 100%; text-align: center;}
.sub_ctt.product .bg_img ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px;}
.sub_ctt.product .bg_img ul li{width: 16%;}
.sub_ctt.product .bg_img ul li img{max-width: 90%; box-shadow: 1px 5px 6px #696969; border-radius: 50%;}
.sub_ctt.product .bg_img ul li p{padding-top: 10px; word-break: keep-all;}

/* flex_two */
.sub_ctt.product .flex_two{width: 100%; padding-top: 80px; margin-bottom: 80px;}
.sub_ctt.product .flex_two h4{text-align: center; padding-bottom: 60px;}
.sub_ctt.product .flex_two ul{display: flex; width: 90%; margin: 0 auto; flex-wrap: wrap; align-items: center;}
.sub_ctt.product .flex_two ul li:first-child{width: 40%;}
.sub_ctt.product .flex_two ul li:last-child{width: 60%;}
.sub_ctt.product .flex_two ul li > h5{line-height: 140%;}
.sub_ctt.product .flex_two ul li > p{padding: 30px 0 20px; line-height: 140%; word-break: keep-all;}
.sub_ctt.product .flex_two ul li > p b{display: inline;}

.sub_ctt.product .flex_two ul li .icon_list{margin-top: 30px; border-bottom: 1px solid #818181; display: inline-block; box-sizing: border-box; padding-bottom: 20px; margin-bottom: 20px;}
.sub_ctt.product .flex_two ul li .icon_list .icon{float: left; margin-right: 20px;}
.sub_ctt.product .flex_two ul li .icon_list p{float: left; line-height: 140%;}

.sub_ctt.product .flex_two ul li > span{display: block; width: 100%; padding: 5px 0;}
.sub_ctt.product .flex_two ul li > span .number{display: inline-block; border-radius: 50%; width: 30px; text-align: center; line-height: 30px; height: 30px; background: #172860; color: #fff; margin-right: 10px;}

.sub_ctt.product .flex_two ul li > img{max-width: 90%;}


.sub_ctt.product .flex_two.bg{background-color: #f9f9f9; padding-bottom: 0;}
.sub_ctt.product .flex_two.bg .number_list{width: 100%; margin-top: 60px; position: relative; padding-top: 20px;}
.sub_ctt.product .flex_two.bg .number_list::before{content: ""; width: 50px; height: 4px; background: #172860; position: absolute; top: 0; left: 0;}
.sub_ctt.product .flex_two.bg .number_list p{display: inline-block; line-height: 80%;margin-bottom: 20px;}
.sub_ctt.product .flex_two.bg .number_list p:first-child{margin-right: 40px; }

.sub_ctt.product .flex_two.bg ul li:first-child{width: 50%;}
.sub_ctt.product .flex_two.bg ul li:last-child{width: 50%;}

.sub_ctt.product .flex_three{width: 100%; text-align: center;}
.sub_ctt.product .flex_three ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; width: 100%;}
.sub_ctt.product .flex_three ul li{width: 32%; background: #f9f9f9; padding: 0 20px 40px; border-radius: 30px;}
.sub_ctt.product .flex_three ul li img{max-width: 95%; height: 450px; object-fit: cover;}
.sub_ctt.product .flex_three ul li p{padding: 30px 0 15px;}
.sub_ctt.product .flex_three ul li span{word-break: keep-all;}


.sub_ctt.product .flex_two.half h4{text-align: left;}
.sub_ctt.product .flex_two.half ul{align-items: flex-start; width: 100%; margin-top: -20px;}
.sub_ctt.product .flex_two.half li:first-child{width: 50%; border: 1px solid #000; box-sizing: border-box; border-radius: 40px; text-align: center; padding: 50px;}

.sub_ctt.product .flex_two.half li:last-child{width: 50%; padding-left: 80px;}
.sub_ctt.product .flex_two.half li:last-child h5{padding-bottom: 20px;}
.sub_ctt.product .flex_two.half li:last-child .spec_list{width: 100%; margin: 8px 0;}
.sub_ctt.product .flex_two.half li:last-child .spec_list span{display: inline-block; width: 185px;}
.sub_ctt.product .flex_two.half li:last-child .spec_list p{display: inline-block; width: calc(100% - 190px);}

.sub_ctt.product .flex_two.half li:last-child a{display: inline-block; padding: 10px 30px; background: linear-gradient(to left, #1e3c72, #2a5298); border-radius: 20px; color: #fff; margin-top: 20px;}
.sub_ctt.product .flex_two.half li:last-child a img{width: 20px; margin-left: 10px; margin-top: -4px;}



.sub_ctt.apply .bg-cut{position: relative;}
.sub_ctt.apply .bg-cut::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 650px; background-color: #f9f9f9; z-index: -1;}


.sub_ctt.apply .bg-black{background-color: #0e0e12; padding: 0;}

/* product02 - 에어클라 */
.sub_ctt.product .bg_img.four ul li{width: 24%; margin-bottom: 40px;}

.sub_ctt.product .two_bg{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_ctt.product .two_bg li{width: 48%;color: #fff; text-align: center; padding: 180px 20px; border-radius: 60px;}
.sub_ctt.product .two_bg li h5{text-shadow: 2px 4px 6px #575757;}
.sub_ctt.product .two_bg li p{padding-top: 12px;}
.sub_ctt.product .two_bg li.pd_01{background: url(../img/product/pd_bgimg01.png) no-repeat; background-size: cover;}
.sub_ctt.product .two_bg li.pd_02{background: url(../img/product/pd_bgimg02.png) no-repeat; background-size: cover;}
.sub_ctt.product .two_bg li.pd_02 h5{color: #000;}
.sub_ctt.product .two_bg li.pd_02 p{color: #000;}

.sub_ctt.product .pd_center_txt{width: 100%; text-align: center; margin-top: 100px;}
.sub_ctt.product .pd_center_txt .logo{margin: 30px 0;}
.sub_ctt.product .pd_center_txt .logo img{max-width: 90%;}
.sub_ctt.product .pd_center_txt p{padding-top: 20px; word-break: keep-all;}
.sub_ctt.product .pd_center_txt p b.sky{color: #1eb9ee;}
.sub_ctt.product .pd_center_txt p b.purple{color: #4d3b90;}

.sub_ctt.product .pd_center_txt .airk_img{margin-top: 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.sub_ctt.product .pd_center_txt .airk_img img{margin-right: 40px; max-width: 90%;}
.sub_ctt.product .pd_center_txt .airk_img ul li{padding: 8px 0; display: flex; align-items: center;}
.sub_ctt.product .pd_center_txt .airk_img ul li .color{width: 25px; height: 25px; border-radius: 50%; display: inline-block; margin-right: 5px;}
.sub_ctt.product .pd_center_txt .airk_img ul li:nth-child(1) .color,
.sub_ctt.product .pd_center_txt .airk_img ul li:nth-child(4) .color{background: #445661;}
.sub_ctt.product .pd_center_txt .airk_img ul li:nth-child(2) .color{background: #ffe109;}
.sub_ctt.product .pd_center_txt .airk_img ul li:nth-child(3) .color{background: #d6d7d7;}


.sub_ctt.product .air_step{width: 100%; text-align: center;}
.sub_ctt.product .air_step ul{display: flex; flex-wrap: wrap; align-items: center; margin-top: 60px;}
.sub_ctt.product .air_step ul li.ctt{width: 22%; padding: 0 10px;}
.sub_ctt.product .air_step ul li .number{margin: 20px 0 10px;}
.sub_ctt.product .air_step ul li p{padding-bottom: 10px;}
.sub_ctt.product .air_step ul li.arrow{width: 4%;}
.sub_ctt.product .air_step ul li.arrow img{margin-top: 134px;}

.sub_ctt.product .air_step ul li.ctt img{max-width: 95%;}


.sub_ctt.product .airk_icon{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.sub_ctt.product .airk_icon .left_box{width: 70%;}
.sub_ctt.product .airk_icon .left_box ul{margin-top: 40px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_ctt.product .airk_icon .left_box ul li{width: 32%; text-align: center;}
.sub_ctt.product .airk_icon .left_box ul li img{max-width: 60%;}
.sub_ctt.product .airk_icon .left_box ul li p{padding: 30px 0px 20px; word-break: keep-all;}
.sub_ctt.product .airk_icon .left_box ul li span b{color: #e03a3a;}

.sub_ctt.product .airk_icon .right_img{width: 30%; text-align: center;}
.sub_ctt.product .airk_icon .right_img img{max-width: 95%;}



/* product03 - 퓨리티 */
.sub_ctt.apply .bg-img02{background-image: url(../img/product/pd05-bg.png); background-repeat: no-repeat; background-attachment: fixed;}

.sub_ctt.product .two_bg li.pd_03{background: url(../img/product/pd_bgimg03.png) no-repeat; background-size: cover;}
.sub_ctt.product .two_bg li.pd_04{background: url(../img/product/pd_bgimg04.png) no-repeat; background-size: cover;}

.sub_ctt.apply .purity_bf{width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-top: 40px;}
.sub_ctt.apply .purity_bf .bf_ctt{width: 80%;}
.sub_ctt.apply .purity_bf .bf_list{width: 20%;}
.sub_ctt.apply .purity_bf .bf_list span{display: block; padding-left: 40px; position: relative; margin: 10px 0;}
.sub_ctt.apply .purity_bf .bf_list span::before{content: ""; width: 20px; height: 20px; background: #172860; position: absolute; left: 10px; top: 5px;}

.sub_ctt.apply .purity_bf .bf_ctt ul{width: 100%; display: flex; flex-wrap: wrap;}
.sub_ctt.apply .purity_bf .bf_ctt ul li{width: 50%; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}
.sub_ctt.apply .purity_bf .bf_ctt ul li img{max-width: 90%; margin-bottom: 20px;}
.sub_ctt.apply .purity_bf .bf_ctt ul li p{background: #172860; color: #fff; display: inline-block; padding: 4px 30px;}

.sub_ctt.apply .haccp_step{width: 100%; margin-top: 80px;}
.sub_ctt.apply .haccp_step ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; border: 1px solid #ccc; box-sizing: border-box; padding: 40px 50px; border-radius: 30px;}
.sub_ctt.apply .haccp_step ul li{width: 33.3333%; text-align: center; position: relative;}
.sub_ctt.apply .haccp_step ul li::after{content: url(../img/sub/arrow_btn.png); position: absolute; right: -5px; top: 45%; transform: translateY(-50%);}
.sub_ctt.apply .haccp_step ul li:last-child:after{display: none;}
.sub_ctt.apply .haccp_step ul li img{max-width: 80%;}
.sub_ctt.apply .haccp_step ul li p{padding-left: 5px; padding-right: 5px;}


.sub_ctt.apply .purity_solution{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 40px;}
.sub_ctt.apply .purity_solution .solut_box{width: 50%; padding: 0 10px; text-align: center;}
.sub_ctt.apply .purity_solution .solut_box ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.sub_ctt.apply .purity_solution .solut_box ul li{width: 49%;}
.sub_ctt.apply .purity_solution .solut_box ul li img{max-width: 100%;}
.sub_ctt.apply .purity_solution .solut_box ul li p{padding-top: 10px;  word-break: keep-all;}
.sub_ctt.apply .purity_solution .solut_box ul li p b.r_color{color: #cd0000;}

.sub_ctt.apply .purity_solution.two .solut_box:first-child{border-right: 1px solid #ccc; box-sizing: border-box;}

.sub_ctt.apply .purity_solution.three .solut_box ul li{border-radius: 20px; padding: 20px 30px; margin-bottom: 15px;}
.sub_ctt.apply .purity_solution.three .solut_box:first-child ul li{background: #f5f5f5; color: #666;} 
.sub_ctt.apply .purity_solution.three .solut_box:last-child ul li{background: linear-gradient(to left, #1e3c72, #2a5298); color: #fff;} 
.sub_ctt.apply .purity_solution.three .solut_box h5 img{width: 100px;}


.sub_ctt.apply .purity_bg{width: 100%; background-color: #f6f6f6; text-align: center; padding-top: 0; margin-top: 80px;}
.sub_ctt.apply .purity_bg img{max-width: 90%;}
.sub_ctt.apply .purity_bg h4{padding: 50px 0 30px;}
.sub_ctt.apply .purity_bg p{word-break: keep-all;}
.sub_ctt.apply .purity_bg p b.red{color: #ad0000;}





/* product04 - 에어핀 */
.sub_ctt.product .bg_img.cloud{background-image: url(../img/product/bg04-bg.png); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; text-align: center;}

.sub_ctt.product ul.three_bg{margin-top: 60px; width: 100%; display: flex; flex-wrap: wrap;}
.sub_ctt.product ul.three_bg li{width: 33.3333%; margin-bottom: 50px; padding: 0 10px; text-align: center;}
.sub_ctt.product ul.three_bg li p{color: #979797; padding-top: 20px;}
.sub_ctt.product ul.three_bg li h5{color: #3968b7;}

.sub_ctt.product ul.three_bg.back{justify-content: space-between;}
.sub_ctt.product ul.three_bg.back li{border-radius: 20px; overflow: hidden; height: 250px; width: 31%;}
.sub_ctt.product ul.three_bg.back li:nth-child(1){background: url(../img/product/air_img02.png) no-repeat; background-size: cover;}
.sub_ctt.product ul.three_bg.back li:nth-child(2){background: url(../img/product/air_img03.png) no-repeat; background-size: cover;}
.sub_ctt.product ul.three_bg.back li:nth-child(3){background: url(../img/product/air_img04.png) no-repeat; background-size: cover;}
.sub_ctt.product ul.three_bg.back li:nth-child(4){background: url(../img/product/air_img05.png) no-repeat; background-size: cover;}
.sub_ctt.product ul.three_bg.back li:nth-child(5){background: url(../img/product/air_img06.png) no-repeat; background-size: cover;}
.sub_ctt.product ul.three_bg.back li:nth-child(6){background: url(../img/product/air_img07.png) no-repeat; background-size: cover;}
.sub_ctt.product ul.three_bg.back li p{color: #fff; line-height: 230px; position: relative; display: inline-block; padding-top: 0; z-index: 2;}
.sub_ctt.product ul.three_bg.back li p::before{content: ""; width: 110%; height: 30px; background: #3968b7; opacity: 0.6; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}



.sub_ctt.product .flex_two.cloud{width: 100%; padding-top: 0px; padding-bottom: 80px; background: url(../img/product/air_img01_bg.png) no-repeat; background-size: cover;}
.sub_ctt.product .flex_two.cloud ul{display: flex; width: 100%; margin: 0 auto; flex-wrap: wrap; align-items: center;align-items: flex-start;}
.sub_ctt.product .flex_two.cloud > ul > li:first-child{width: 50%; text-align: center;}
.sub_ctt.product .flex_two.cloud > ul > li:first-child img{max-width: 75%;}
.sub_ctt.product .flex_two.cloud h5{color: #fff;}
.sub_ctt.product .flex_two.cloud h5 span{position: relative; z-index: 2;}
.sub_ctt.product .flex_two.cloud h5 span::before{content: ""; width: 100%; height: 15px; background: #3968b7; position: absolute; left: 0; bottom: 0; z-index: -1;}
.sub_ctt.product .flex_two.cloud p{color: #fff;}
.sub_ctt.product .flex_two.cloud p img{width: 70px;}

.sub_ctt.product .flex_two.cloud > ul > li:last-child{width: 50%; margin-top: 100px;}

.sub_ctt.product .flex_two.cloud > ul > li:last-child .airfin_list{margin-top: 50px;}
.sub_ctt.product .flex_two.cloud > ul > li:last-child .airfin_list p{color: #3968b7;padding-bottom: 10px;}
.sub_ctt.product .flex_two.cloud > ul > li:last-child .airfin_list ul{align-items: center; display: flex; flex-wrap: wrap;}
.sub_ctt.product .flex_two.cloud > ul > li:last-child .airfin_list ul li{width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(to left, #3883ee, #265fc4); text-align: center; display: flex;flex-direction: column; align-items: center; justify-content: center; align-content: center; color: #fff; margin-right: 20px; margin-bottom: 10px;}
.sub_ctt.product .flex_two.cloud > ul > li:last-child .airfin_list ul li span{font-size: 10px; padding: 0; display: block;}




.sub_ctt.product  .air_banner{width: 100%; padding: 100px 20px; background: url(../img/product/air_banner.png) no-repeat; background-size: cover; text-align: center;}
.sub_ctt.product  .air_banner h4{color: #22437a;}
.sub_ctt.product  .air_banner p{padding: 30px 0;}
.sub_ctt.product  .air_banner p b{color: #22437a;}
.sub_ctt.product  .air_banner a{color: #fff; background: linear-gradient(to right, #3883ee, #265fc4); display: inline-block; padding: 3px 20px; text-decoration: underline;}


.sub_ctt.product  .air_add{width: 100%; text-align: center;}
.sub_ctt.product  .air_add img{max-width: 100%; margin-top: 10px;}

.sub_ctt.apply .purity_solution .solut_box ul.left{align-items: center;}
.sub_ctt.apply .purity_solution .solut_box ul.left li{text-align: left; display: flex; flex-direction: column; align-items: flex-start;}
.sub_ctt.apply .purity_solution .solut_box ul.left li span{color: #fff; padding: 3px 7px; border-radius: 50%; background: #22437a; margin-bottom: 10px;}
.sub_ctt.apply .purity_solution .solut_box ul.left li h5{color: #fff; background: #22437a; display: inline-block; padding: 0 10px; margin: 10px 0;}
.sub_ctt.apply .purity_solution .solut_box ul.left li p b{display: block;}


.sub_ctt.product .air_last{text-align: center; border: 1px solid #ccc; box-sizing: border-box; width: 50%; margin: 100px auto 150px; border-radius: 20px; font-style: italic; padding: 5px 10px;}


.sub_ctt.product .air_down{text-align: center;}
.sub_ctt.product .air_down > img{margin-right: 20px;}
.sub_ctt.product .air_down a{display: inline-block; padding: 10px 30px; background: linear-gradient(to left, #1e3c72, #2a5298); border-radius: 20px; color: #fff; margin-top: 20px;}
.sub_ctt.product .air_down a img{width: 20px; margin-left: 10px; margin-top: -4px;}










@media screen and (max-width : 1640px) {
    .sub_ctt .top-right img{width: 100%;}
}
@media screen and (max-width : 1200px) {
    .sub_ctt.apply .flex h3{width: 100%; margin-right: 0;}
    .sub_ctt.apply .flex .right_app{width: 100%; margin-top: 30px;}

    .sub_ctt.apply .food_full ul li:first-child{width: 100%; margin-right: 0px;}
    .sub_ctt.apply .food_full ul li:last-child{width: 100%; margin-top: 40px;}
    .sub_ctt.apply .food_full ul li:first-child .graphic img{width: 100%; max-width: 50%;}
    .sub_ctt.apply .food_full ul li:first-child .mark_logo{justify-content: flex-start;}
    .sub_ctt.apply .food_full ul li:first-child .mark_logo img{width: 120px;}

    .sub_ctt.apply .food_full ul li:first-child{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

    /* product */
    .sub_ctt.product .bg_img ul li{width: 30%; margin-bottom: 40px;}
    .sub_ctt.product .bg_img ul li:nth-child(1n+3){margin-bottom: 0px;}

    .sub_ctt.product .flex_two ul{width: 100%;}
    .sub_ctt.product .flex_two ul li .icon_list .icon img{width: 70px;}

    .sub_ctt.product .air_step ul li.ctt{width: 48%; padding: 0 10px;}
    .sub_ctt.product .air_step ul li.arrow{width: 2%;}
    .sub_ctt.product .air_step ul li{margin-bottom: 60px;}
    .sub_ctt.product .air_step ul li:nth-child(4){display: none;}

    .sub_ctt.product .airk_icon .left_box{width: 100%;}
    .sub_ctt.product .airk_icon .left_box h4{text-align: center;}
    .sub_ctt.product .airk_icon .right_img{width: 100%; margin-top: 50px;}


    .sub_ctt.apply .purity_bf .bf_ctt{width: 100%;}
    .sub_ctt.apply .purity_bf .bf_ctt ul li{width: 100%;}
    .sub_ctt.apply .purity_bf .bf_ctt ul li:first-child{margin-bottom: 40px;}
    .sub_ctt.apply .purity_bf .bf_list{width: 100%; margin-top: 30px;}

    .sub_ctt.apply .purity_solution .solut_box{width: 100%;}
    .sub_ctt.apply .purity_solution .solut_box:first-child{margin-bottom: 50px;}
    .sub_ctt.apply .purity_solution.two .solut_box:first-child{border-bottom: 1px solid #ccc; box-sizing: border-box; border-right: 0; padding-bottom: 50px;}

    .sub_ctt.product .air_last{width: 100%;}
}

@media screen and (max-width : 1000px){
    .sub_ctt.product .flex_three ul li{width: 100%;}
    .sub_ctt.product .flex_three ul li:not(:last-child){margin-bottom: 40px;}

    .sub_ctt.product .flex_two.half li:last-child{padding-left: 20px;}

    .sub_ctt.apply .haccp_step ul li{width: 50%; margin-bottom: 40px;}
    .sub_ctt.apply .haccp_step ul li:nth-child(2)::after{display: none;}

    .sub_ctt.product .flex_two.cloud > ul > li:first-child{width: 100%;}
    .sub_ctt.product .flex_two.cloud > ul > li:last-child{width: 100%; margin-top: 50px; padding: 0 20px;}

	.food_certifi .iso li:first-child{text-align: center; margin-right: 30px; width: 100%;}
	.food_certifi .iso li:last-child{width: 100%;}

}
@media screen and (max-width : 768px){
    .sub_ctt .top-right img{width: 100%; height: 200px; object-fit: cover;}

    .sub_ctt.apply .flex .right_app .flex_two li{width: 100%;}
    .sub_ctt.apply .flex .right_app .flex_two li:not(:last-child){margin-bottom: 30px;}

    .sub_ctt.apply .flex .right_app .flex_four li{width: 48%; margin-bottom: 20px;}

    .sub_ctt.apply .flex .right_app .flex_three.medical li:nth-child(1){width: 100%; margin-bottom: 20px;}
    .sub_ctt.apply .flex .right_app .flex_three.medical li:nth-child(1)::after{display: none;}
    .sub_ctt.apply .flex .right_app .flex_three.medical li:nth-child(2),
    .sub_ctt.apply .flex .right_app .flex_three.medical li:nth-child(3){width: 48%;}
    .sub_ctt.apply .flex .right_app .flex_three.medical li:nth-child(2) img,
    .sub_ctt.apply .flex .right_app .flex_three.medical li:nth-child(3) img{height: 150px;}
    .sub_ctt.apply .flex .right_app .flex_three.medical li:nth-child(2)::after{right: -8%;}


    .sub_ctt.apply .flex .right_app .flex_column li .img_left{width: 100%;}
    .sub_ctt.apply .flex .right_app .flex_column li .txt_right{width: 100%; margin-top: 20px;}

    .sub_ctt.apply .flex .right_app .flex_three li{width: 48%;}

    .food_certifi .iso li:first-child{margin-right: 0;}

    .sub_ctt.apply .food_full ul li:last-child .embed_img{width: 100%;}

    .food_certifi .certifi_img li{margin-bottom: 20px;}
    .food_certifi .certifi_img li:nth-child(1){width: 48%;}
    .food_certifi .certifi_img li:nth-child(2){width: 48%;}
    .food_certifi .certifi_img li:nth-child(3){width: 48%;}

    .food_certifi .certifi_last li{width: 48%; margin-bottom: 20px;}

    .sub_ctt.apply .food_full ul li:first-child .graphic img{width: 100%; max-width: 80%;}

    .sub_ctt.apply .flex .right_app .flex_two.after li:first-child{padding-bottom: 20px;}
    .sub_ctt.apply .flex .right_app .flex_two.after li:first-child::after{content: ""; background: url(../img/sub/arrow_btn.png) no-repeat; background-size: cover; width: 20px; height: 20px; position: absolute; right: auto; left: 50%; top: auto; bottom: -4%; transform: translate(-50%, 0) rotate(90deg);}

    .sub_ctt.apply .food_full ul li:last-child .span_inline.red span{width: 100%;}

    .sub_ctt.apply .flex_four li{width: 48%;}

    /* product */
    .sub_ctt.product .bg_img ul li{width: 48%; margin-bottom: 40px;}
    .sub_ctt.product .bg_img ul li:nth-child(1n+3){margin-bottom: 40px;}
    .sub_ctt.product .bg_img ul li:nth-child(1n+4){margin-bottom: 0px;}

    .sub_ctt.product .flex_two ul li:first-child{width: 100%; padding-bottom: 60px;}
    .sub_ctt.product .flex_two.cloud ul li:first-child{padding-bottom: 0;}
    .sub_ctt.product .flex_two ul li:last-child{width: 100%;}

    .sub_ctt.product .flex_two.bg ul li:first-child{width: 100%; order: 2; padding-bottom: 0;}
    .sub_ctt.product .flex_two.bg ul li:last-child{width: 100%; order: 1; padding-bottom: 60px;}

    .sub_ctt.product .flex_two ul li > p br.none{display: none;}
    .sub_ctt.product .flex_two ul li .icon_list p{padding-top: 10px;}
    .sub_ctt.product .flex_two ul li .icon_list p br.none{display: none;}

    .sub_ctt.product .flex_three ul li img{height: 300px;}


    .sub_ctt.product .flex_two.half li:first-child{width: 100%;}
    .sub_ctt.product .flex_two.half li:last-child{width: 100%; margin-top: 30px; padding-left: 0;}

    .sub_ctt.product .bg_img.four ul li{width: 48%;}
    .sub_ctt.product .bg_img.four ul li:nth-child(1n+4){margin-bottom: 40px;}

    .sub_ctt.product .two_bg li{width: 100%; margin-bottom: 40px; padding: 100px 20px;}

    .sub_ctt.product ul.three_bg li{width: 50%;}

    .sub_ctt.product ul.three_bg.back li{width: 48%;}

    .sub_ctt.product .airk_icon .left_box ul li{width: 45%; margin-bottom: 20px;}

    .sub_ctt.apply .haccp_step ul{padding: 30px 15px;}
    .sub_ctt.apply .haccp_step ul li{width: 100%;}
    .sub_ctt.apply .haccp_step ul li::after{right: auto;top: auto; bottom: -30px; left: 50%; transform: translate(-60%, 0) rotate(90deg); }
    .sub_ctt.apply .haccp_step ul li:nth-child(2)::after{display: block;}

	.sub_ctt.product .pd_title .check_product span{display: block; padding: 5px 0;}
    
}
@media screen and (max-width : 500px){
    .sub_ctt.apply .flex .right_app .flex_three li{width: 100%;}

    .food_certifi .certifi_img li:nth-child(1){width: 100%;}
    .food_certifi .certifi_img li:nth-child(2){width: 100%;}
    .food_certifi .certifi_img li:nth-child(3){width: 100%;}

    .food_certifi .certifi_last li{width: 100%;}

    .sub_ctt.apply .food_full ul li:first-child .graphic img{width: 100%; max-width: 100%;}
    .sub_ctt.apply .food_full ul li:first-child .mark_logo img{width: 80px;}

    .sub_ctt.apply .purity_solution .solut_box{padding: 0;}
    .sub_ctt.apply .purity_solution .solut_box ul li{width: 100%; margin-bottom: 20px;}

    .sub_ctt.product ul.three_bg.back li{width: 100%; height: 200px;}
    .sub_ctt.product ul.three_bg.back li p{line-height: 200px;}

    .sub_ctt.product ul.three_bg li{width: 100%;}

    .sub_ctt.apply .purity_solution .solut_box ul.left li{align-items: center; text-align: center;}

    .sub_ctt.product .air_step ul li.ctt{width: 100%; border-bottom: 1px solid #ccc; box-sizing: border-box; padding-bottom: 20px;}
    .sub_ctt.product .air_step ul li.arrow{display: none;}


	.sub_ctt.product .flex_two.half li:last-child .spec_list span{display: block; width: 100%;}
	.sub_ctt.product .flex_two.half li:last-child .spec_list p{display: block; width: 100%; padding-bottom: 10px;}
}





/* 특허 및 인증서 페이지 */
.sub_ctt.certifi > div{padding: 50px 0;}
.sub_ctt.certifi .top-right{padding-top: 0;}


.sub_ctt.certifi .certifi_tit{width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.sub_ctt.certifi .certifi_tit h4{display: inline-block; width: 250px;}
.sub_ctt.certifi .certifi_tit .line{width: calc(100% - 270px); height: 1px; background: #172860;}

.sub_ctt.certifi ul.flex_five{display: flex; flex-wrap: wrap; margin: 20px 0 50px; width: 100%;}
.sub_ctt.certifi ul.flex_five li{width: calc(20% - 20px); margin-right: 20px; margin-bottom: 20px;}
.sub_ctt.certifi ul.flex_five li img{max-width: 100%; border: 1px solid #c4c4c4; box-sizing: border-box;}

.sub_ctt.certifi ul.flex_five li p{display: block; text-align: center; padding-top: 10px;}
.sub_ctt.certifi ul.flex_five li p b{display: block;}




/* 유튜브 페이지 */
.youtube-ctt{width: 100%; border-top: 1px solid #2f407f; border-bottom: 1px solid #aaa; box-sizing: border-box; padding:50px 0px}


/*a/s*/
.sub_ctt.as{}
.sub_ctt.as .as_flex{width: 100%; display: flex; flex-wrap: wrap;  justify-content: space-between; margin-top: 60px;}
.sub_ctt.as .as_flex > div{width: 48%; text-align: center; background: #f6f6f6; padding: 50px 10px; border-radius: 50px}
.sub_ctt.as .as_flex > div > img{max-height: 350px; max-width: 90%; object-fit: cover; margin-bottom: 10px}
.sub_ctt.as .as_flex > div h5{padding-bottom: 40px;}
.sub_ctt.as .as_flex > div a{text-decoration: underline;}

.sub_ctt.as .as_flex > div .as_ct{display: flex; width: 100%; flex-wrap: wrap; align-items: center;  justify-content: center;}
.sub_ctt.as .as_flex > div .as_ct .as_logo{width: 45%; text-align: center;}
.sub_ctt.as .as_flex > div .as_ct .as_logo img{max-width: 70%;}
.sub_ctt.as .as_flex > div .as_ct .as_list{width: 55%;}
.sub_ctt.as .as_flex > div .as_ct .as_list p{text-align: left;}
.sub_ctt.as .as_flex > div .as_ct .as_list p a{font-size: 20px; font-weight: bold;}



@media screen and (max-width : 1380px) {
    .inner_sub{padding-left: 20px !important; padding-right: 20px !important;}
}
@media screen and (max-width : 1200px) {
    .sub_ctt.certifi ul.flex_five li{width: calc(25% - 20px);}
}
@media screen and (max-width : 950px) {
    .sub_ctt.certifi ul.flex_five li{width: calc(33.3333% - 20px);}
	.sub_ctt.as .as_flex > div .as_ct .as_logo{width: 100%; text-align: center;}
	.sub_ctt.as .as_flex > div .as_ct .as_list{width: 100%; margin-top: 20px;}
	.sub_ctt.as .as_flex > div .as_ct .as_list p{text-align: center;}
}
@media screen and (max-width : 768px) {
    .sub_ctt.certifi .certifi_tit h4{display: inline-block; width: 120px;}
    .sub_ctt.certifi .certifi_tit .line{width: calc(100% - 120px);}
	.sub_ctt.as .as_flex > div > img{max-height: 280px;}

    .sub_ctt.certifi ul.flex_five li{width: calc(50% - 20px);}

	.sub_ctt.as .as_flex > div{width: 100%; margin-bottom: 40px;}
}
@media screen and (max-width : 450px) {
    .sub_ctt.certifi ul.flex_five li{width: 100%; margin-right: 0px;}
}




@media screen and (max-width : 1400px) {
    .font-12{font-size: 12px !important;}
    .font-14{font-size: 14px !important; }
    .font-15{font-size: 15px !important; }
    .font-16{font-size: 16px !important; }
    .font-17{font-size: 17px !important;}
    .font-18{font-size: 18px !important; }
    .font-20{font-size: 20px !important; }
    .font-22{font-size: 22px !important; }
    .font-24{font-size: 24px !important; }
    .font-25{font-size: 25px !important; }
    .font-27{font-size: 27px !important; }
    .font-30{font-size: 30px !important; }
    .font-35{font-size: 32px !important; }
    .font-40{font-size: 38px !important; }
    .font-45{font-size: 42px !important;}
    .font-50{font-size: 48px !important; }
    .font-55{font-size: 52px !important; }
    .font-60{font-size: 55px !important; }
    .font-64{font-size: 60px !important;}
    .font-70{font-size: 65px !important; }
}
@media screen and (max-width : 1000px) {
    .font-12{font-size: 12px !important;}
    .font-14{font-size: 14px !important;}
    .font-15{font-size: 15px !important; }
    .font-16{font-size: 16px !important;}
    .font-17{font-size: 17px !important; }
    .font-18{font-size: 17px !important; }
    .font-20{font-size: 18px !important; }
    .font-22{font-size: 20px !important;}
    .font-24{font-size: 22px !important; }
    .font-25{font-size: 24px !important;}
    .font-27{font-size: 25px !important; }
    .font-30{font-size: 28px !important; }
    .font-35{font-size: 30px !important; }
    .font-40{font-size: 34px !important; }
    .font-45{font-size: 38px !important; }
    .font-50{font-size: 40px !important; }
    .font-55{font-size: 45px !important; }
    .font-60{font-size: 50px !important;}
    .font-64{font-size: 55px !important;}
    .font-70{font-size: 60px !important;}
}
@media screen and (max-width : 768px) {
    .font-12{font-size: 11px !important;}
    .font-14{font-size: 12px !important;}
    .font-15{font-size: 13px !important;}
    .font-16{font-size: 15px !important;}
    .font-17{font-size: 16px !important; }
    .font-18{font-size: 17px !important;}
    .font-20{font-size: 18px !important; }
    .font-22{font-size: 20px !important; }
    .font-24{font-size: 22px !important; }
    .font-25{font-size: 23px !important;}
    .font-27{font-size: 24px !important; }
    .font-30{font-size: 26px !important;}
    .font-35{font-size: 28px !important;}
    .font-40{font-size: 30px !important; }
    .font-45{font-size: 35px !important;}
    .font-50{font-size: 38px !important;}
    .font-55{font-size: 40px !important; }
    .font-60{font-size: 45px !important; }
    .font-64{font-size: 50px !important;}
    .font-70{font-size: 55px !important;}

    .sub_ctt.apply .slick-list.product button.slick-prev{left: 5%;}
    .sub_ctt.apply .slick-list.product button.slick-next{right: 5%;}
}
@media screen and (max-width : 500px) {
    .font-12{font-size: 10px !important;}
    .font-14{font-size: 11px !important;}
    .font-15{font-size: 12px !important;}
    .font-16{font-size: 14px !important; }
    .font-17{font-size: 15px !important; }
    .font-18{font-size: 15px !important; }
    .font-20{font-size: 17px !important; }
    .font-22{font-size: 19px !important; }
    .font-24{font-size: 21px !important; }
    .font-25{font-size: 22px !important; }
    .font-27{font-size: 23px !important;}
    .font-30{font-size: 25px !important;}
    .font-35{font-size: 27px !important;}
    .font-40{font-size: 29px !important;}
    .font-45{font-size: 32px !important;}
    .font-50{font-size: 35px !important;}
    .font-55{font-size: 38px !important;}
    .font-60{font-size: 40px !important;}
    .font-64{font-size: 45px !important;}
    .font-70{font-size: 50px !important;}
}