/* 공통부분 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600;700&display=swap');

.ami_info .sub_visual,
.jeju_food_material .sub_visual,
.skin_tester .sub_visual{
/*background: url(../commercialization/img/commercialization_top_bg.jpg) ; */
background-color:#c3dbeb;
background-size: cover !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center !important;
  background-repeat: no-repeat;}
.ami_info .sub_visual .sub_tabmenu li,
.jeju_food_material .sub_visual .sub_tabmenu li,
.skin_tester .sub_visual .sub_tabmenu li{background: #9a9185}

.jeju_food_material .sub_visual .sub_tabmenu li{width:250px;}
.skin_tester .sub_visual .sub_tabmenu li{width:300px;}
.skin_tester .sub_visual .sub_tabmenu li:nth-child(4){width:300px;}

.noti{padding:7px 0 0 45px; color:#fff; font-size: 18px; height: 40px; width: 100%; }

.noti1{background:#9e8f80 url(../commercialization/img/noti1.gif) no-repeat;}
.noti2{background:#9e8f80 url(../commercialization/img/noti2.gif) no-repeat;}
.noti3{background:#9e8f80 url(../commercialization/img/noti3.gif) no-repeat;}
.noti4{background:#9e8f80 url(../commercialization/img/noti4.gif) no-repeat;}

.block .cw{padding: 30px 10px 30px 40px;}
.block .cw .ti{ font-size: 18px;  margin: 20px 0 20px 0;}

.block .cw .ti2{ font-size: 18px;  margin: 20px 0 20px 0; padding-left: 28px; background: url(../img/custom_cosmetic/span_ti.png) no-repeat 0 4px;}
.block .imgs{border:1px #c4cae2 solid; padding: 50px 0; text-align: center; margin: 10px 0 30px 0;}
.block .imgs img{margin: auto;}
.block .li_icon{font-size: 16px; line-height: 25px;  margin: 10px 0 20px 0; padding-left:25px; background: url(../img/li_icon_base.gif) no-repeat 0 6px; overflow: hidden;}

.block .lispan{padding-left: 15px; margin-bottom: 10px; font-size: 16px; line-height: 25px; background: url(../img/lispan_icon_base.gif) no-repeat 0 12px; margin-left: 25px;}


.table1{display:inline-block; background: #f1f1f1; margin:0 0 0 150px;}
.table1 strong{width:100%; display: block; padding: 50px 0 10px 0; font-size: 16px; text-align: center; background: #fff; margin: 0;}
.table1 .line{float:left; margin-left: -1px;}
.table1 .line.f{margin-left:0;}

.table1 .line em{width: 100%; text-align: center; padding: 10px 0; font-size: 14px; background: #f5f5f5; border: 1px #e6e6e6 solid;}

.table1 .line ul{padding: 0 !important;}
.table1 .line li{width: 100%; text-align: center; padding: 8px 10px !important;  font-size: 14px; border:1px #eee solid; background: #fff; margin-top: -1px;}
.table1 .line li:nth-child(1){border-top:1px #eee solid; margin-top: 0;}



/* amii 아미코스메틱 소개 */
.amii .bl1 .cw1{background: url(../commercialization/img/ami_info-01.gif) no-repeat; background-size: auto 100%; margin: 30px 0 30px 20px; text-align: center; padding: 0;}
.amii .bl1 .cw1 strong{color:#350872; font-size: 36px; margin: 40px 0 30px 0; font-family: 'Noto Serif KR', serif; font-weight: 700;}
.amii .bl1 .cw1 p{font-family: 'Noto Serif KR', serif; font-weight: 600; font-size: 18px; line-height: 41px; padding-bottom: 30px;}
.amii .bl1 .cw1 span{font-family: 'Noto Serif KR', serif; font-weight: 700; width: 100%; padding: 20px 0 20px 0; background: rgba(48,23,74,0.6); color:#fff; font-size: 22px; line-height: 40px;}

.amii .line{display: flex; padding-bottom: 30px;}
.amii .line img{max-width: 49%;}
.amii .line div{padding:10px 0 0 40px;}
.amii .cw .line:nth-child(3) div,
.amii .cw .line:nth-child(5) div{order:1; padding: 10px 40px 0 0;}
.amii .cw .line:nth-child(3) img,
.amii .cw .line:nth-child(5) img{order:2;}
.amii .line div strong{width:100%; text-align: center; font-size: 22px;}
.amii .line div span{ font-size: 18px; line-height: 30px; padding-top: 30px;}
.amii .line div ul{padding: 30px 0 0 0;}
.amii .line div li{font-size: 18px; line-height: 30px;}
.amii .li1{flex-direction: column; text-align: center;}
.amii .li1 img{max-width:none;}
.amii .li1 strong{font-size: 44px; padding: 30px 0 20px 0;}
.amii .li1 span{font-size: 18px; line-height: 30px;}

.amii .bl2 .cw1 .li2 div{background: url(../commercialization/img/amii_bl2_cw1_icon1.gif) no-repeat right bottom;}
.amii .bl2 .cw1 .li3 div ul{float:right;}
.amii .bl2 .cw1 .li3 div ul li{float:left; padding-top: 110px; font-size: 14px; margin-right: 20px; width: 120px; text-align: center;}
.amii .bl2 .cw1 .li3 div ul li:nth-child(1){background: url(../commercialization/img/amii_bl2_cw1_icon21.gif) no-repeat center 0;}
.amii .bl2 .cw1 .li3 div ul li:nth-child(2){background: url(../commercialization/img/amii_bl2_cw1_icon22.gif) no-repeat center 0;}
.amii .bl2 .cw1 .li3 div ul li:nth-child(3){background: url(../commercialization/img/amii_bl2_cw1_icon23.gif) no-repeat center 0;}
.amii .bl2 .cw1 .li4 div{background: url(../commercialization/img/amii_bl2_cw1_icon3.gif) no-repeat 90% 70%;}
.amii .bl2 .cw1 .li5 div{background: url(../commercialization/img/amii_bl2_cw1_icon4.gif) no-repeat 80% bottom;}

.amii .bl4 .cw1 .li2 ul{background: url(../commercialization/img/amii_bl4_cw1_icon1.gif) no-repeat 20% center; padding-left: 120px;}
.amii .bl4 .cw1 .li3 ul{background: url(../commercialization/img/amii_bl4_cw1_icon2.gif) no-repeat 20% center; padding-left: 120px;}
.amii .bl4 .cw1 .li2 ul{background: url(../commercialization/img/amii_bl4_cw1_icon1.gif) no-repeat 0 center; padding:50px 0 50px 170px;}
.amii .bl4 .cw1 .li3 ul{background: url(../commercialization/img/amii_bl4_cw1_icon2.gif) no-repeat 0 center; padding:60px 0 60px 170px;}
.amii .bl4 .cw1 .li4 ul{background: url(../commercialization/img/amii_bl4_cw1_icon3.gif) no-repeat 0 center; padding:60px 0 60px 170px;}



/* amp 아미코스메틱 맞춤형화장품 */
.amp{}
.amp img{margin: 30px auto 0 auto;}



/* ams 아미코스메틱 매장소개 */






/* jfm 제주특화식품 원료 */
.jfm .top_{
background: url(../commercialization/img/jeju_food_material-01bg.png) no-repeat center center;
background-size: 100% 100%; width: auto; height: 230px; display: flex; justify-content: center; align-items: center;
padding: 0 100px;
margin: 30px 0 100px 20px;
}

.jfm .top_ p{text-align: center; padding: 30px; font-size: 18px;  line-height: 30px;}

.jfm .menu_list{padding: 16px 0 0 20px;}
.jfm .menu_list li{float:left; width:50%; padding: 4px;}

.jfm .menu_list li a{
float:left;
width: 100%;
height: 40px;
display: flex; align-items: center; justify-content: center;
border: 1px #e6e6e6 solid;
font-size: 16px; cursor: pointer;
}

.jfm .menu_list li:hover a{background: #f5f5f5;}

.jfm .menu_list li.select a{background: #f5f5f5; cursor: default;}

.jfm .cont_list{display: flex; flex-direction: column;}
.jfm .cont_list .table{margin-top:50px;}
.jfm .cont_list .table .ti{
background: #9a9185;
color: #fff; width: 100%;
padding: 10px 0; font-size: 16px;
text-align: center;
margin-bottom: 0px;}




.jfm .cont_list .table div{border:1px #e6e6e6 solid; border-bottom: 0;}

.jfm .cont_list .table div span{
font-size: 16px; line-height: 26px; padding: 15px 15px 15px 215px; min-height: 60px; position: relative; display: block; border-bottom: 1px #e6e6e6 solid; overflow: hidden;}

.jfm .cont_list .table span em{
background: #f5f5f5;
position: absolute; top: 0; left:0; width: 200px; height: 100%; text-align: center; padding: 15px 0 0 0; font-size: 16px; }

.jfm .cont_list .table div span img{float: left; margin-right: 10px;}
.jfm .cont_list .table .file a{text-decoration: underline;}
.jfm .cont_list .table .file a:hover{color:#1382ff;}



/* jfd 제주특화원료 식품개발 */
.jfd .bl1 .cw1{background: url(../commercialization/img/jeju_food_developement-01bg.png) no-repeat; background-size: 100% 100%; padding: 40px 70px; margin: 30px 0 100px 20px;}
.jfd .bl1 .cw1 span{background: rgba(255,255,255,0.85); display: flex; align-items: center; justify-content: center; width: 100%; height: 150px; font-size: 20px;}

.jfd .bl2 .cw1{background: url(../commercialization/img/jeju_food_developement-02bg.png) no-repeat; background-size: auto 100%; margin: 30px 0 0 20px; padding: 40px 70px; height: 330px; display: flex; align-items: center;}
.jfd .bl2 .cw1 span{color:#fff; font-size: 20px; line-height: 40px; letter-spacing: -1px;}



/* ctf 제주특화원료 식품개발 */
.ctf .bl1 .cw1{background: url(../commercialization/img/custom_food-01bg.png) no-repeat; background-size: 100% 100%; padding: 40px 70px; margin: 30px 0 0 20px;}
.ctf .bl1 .cw1 span{background: rgba(255,255,255,0.85); display: flex; align-items: center; justify-content: center; width: 100%; height: 150px; font-size: 20px;}
.ctf .bl1 .cw2 ul{padding-left: 20px;}
.ctf .bl1 .cw2 li{padding-bottom: 20px;}
.ctf .bl1 .cw2 li em{display: block; }
.ctf .bl1 .img_txt{display: block; margin-left: 150px; font-size: 16px;}



/* cff 맞춤형식품 기초제형 */
.cff .bl1 .cw1{background: url(../commercialization/img/custom_food_form-01.gif) no-repeat; background-size: 100% 100%; padding: 40px 70px; margin: 0 0 30px 0;}
.cff .bl1 .cw1 span{background: rgba(255,255,255,0.85); display: flex; align-items: center; justify-content: center; width: 100%; height: 150px; font-size: 20px;}
.cff .bl1 .li_icon{}
.cff .bl2 table{}

.cff .bl2 thead th{
border: 1px #e6e6e6 solid;
background: #9a9185;
padding: 10px 0;
color:#fff;
}

.cff .bl2 tbody th{
border:1px #e6e6e6 solid;
background: #f5f5f5; padding: 10px 0;}

.cff .bl2 tbody td{
border:1px #e6e6e6 solid; padding: 10px 10px; line-height: 25px;
}

.cff .bl2 .ac td{text-align: center;}
.cff .bl3 .lispan{margin: 5px 0;}
.cff .bl3 .img_txt{display: block; margin-left: 150px; font-size: 16px;}



/* ctf 맞춤형식품 사업화 */
.cfb .bl1 .cw1{background: url(../commercialization/img/custom_food_form-01.gif) no-repeat; background-size: 100% 100%; padding: 40px 70px; margin: 0 0 30px 0;}
.cfb .bl1 .cw1 span{background: rgba(255,255,255,0.85); display: flex; align-items: center; justify-content: center; width: 100%; height: 150px; font-size: 20px;}



/* skt 피부진단기 및 어플리케이션 */
.skt .cw{padding-bottom: 50px;}
.skt .img_wrap{clear:both; float:left; display: inline-block;}
.skt .img_wrap img{}
.skt .img_txt{float:left; width:700px; padding: 30px 0 0 40px;}
.skt .img_txt em{display: block; font-size: 20px;  padding-bottom: 20px;}
.skt .img_txt span{display: block; font-size: 18px; line-height: 36px; margin-top: 10px;}




/* smf 맞춤형화장품 제조용 스마트 팩토리 */
.smf .img_wrap{clear:both; float:left; display: inline-block; max-width: 480px; margin-bottom: 30px;}
.smf .img_wrap img{width: 100%;}
.smf .img_txt{float:left; width:700px; padding: 0 0 40px 40px;}
.smf .img_txt strong{display: block; font-size: 20px;  padding-bottom: 50px; color: #9175b7; margin-top: 30px;}
.smf .img_txt em{display: block; font-size: 20px;  padding-bottom: 20px; padding-left: 10px;}
.smf .img_txt span{display: block; font-size: 18px; line-height: 36px; margin-top: 10px; padding-left: 20px;}
.smf .img_txt li{display: block; font-size: 18px; line-height: 36px; margin-top: 10px; padding-left: 20px;}



/* coc 맞춤형화장품용 용기 및 스마트 패키징 */
.coc .img_wrap{clear:both; float:left; display: inline-block; max-width: 530px; margin-bottom: 30px;}
.coc .img_wrap img{width: 100%;}
.coc .img_txt{float:left; width:700px; padding: 20px 0 40px 40px;}
.coc .img_txt em{display: block; font-size: 20px;  padding-bottom: 10px; padding-left: 10px;}
.coc .img_txt span{display: block; font-size: 18px; line-height: 36px; margin-top: 10px; padding-left: 20px;}
.coc .img_txt li{display: block; font-size: 18px; line-height: 36px; margin-top: 5px; padding-left: 20px;}
.coc .img_txt img{width: 460px; margin: 11px 0 0 20px;}



/* stc 매장관리 CMS */
.stc .img_wrap{clear:both; float:left; display: inline-block; max-width: 530px; margin-bottom: 30px;}
.stc .img_wrap img{width: 100%; margin-bottom: 20px;}
.stc .img_txt{float:left; width:700px; padding: 20px 0 40px 40px;}
.stc .img_txt em{display: block; font-size: 20px;  padding-bottom: 10px; padding-left: 10px;}
.stc .img_txt span{display: block; font-size: 18px; line-height: 36px; margin-top: 10px; padding-left: 20px;}