/* custom_cosmetic 공통부분 */
.definition .sub_visual,
.relate_laws .sub_visual,
.reference .sub_visual,
.custom_cosmetic_sales .sub_visual{
/*background: url(../custom_cosmetic/img/custom_cosmetic_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;}
.definition .sub_visual .sub_tabmenu li,
.relate_laws .sub_visual .sub_tabmenu li,
.reference .sub_visual .sub_tabmenu li,
.custom_cosmetic_sales .sub_visual .sub_tabmenu li{background: #9a9185;}


.noti{padding:7px 0 0 45px; color:#fff; font-size: 18px; height: 40px; width: 100%; }
.noti1{background:#9a9185 url(../custom_cosmetic/img/noti1.gif) no-repeat;}
.noti2{background:#9a9185 url(../custom_cosmetic/img/noti2.gif) no-repeat;}
.noti3{background:#9a9185 url(../custom_cosmetic/img/noti3.gif) no-repeat;}
.noti4{background:#9a9185 url(../custom_cosmetic/img/noti4.gif) no-repeat;}

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

.table1{width: 100%; margin: 10px 0 30px 0;}
.table1 thead th{
border:1px #e6e6e6 solid;
padding: 10px 0;
text-align: center;
background: #9a9185;
color:#fff;
font-size: 16px;
}


.table1 thead th:first-child{border-left:0;}
.table1 tbody th{}
.table1 tbody td{border:1px #e6e6e6 solid; padding: 10px 0;}
.table1 tbody td.p0{padding: 0;}
.table1 tbody td.al{text-align: left;}
.table1 tbody td.ac{text-align: center;}
.table1 tbody td.ar{text-align: right;}
.table1 tfoot td{padding: 10px 5px;}
.table1 tfoot td .right{float: right; font-size: 13px;}

.table1 tbody td table{width:100%; border: 0;}
.table1 tbody td td{border: 0; border-top:1px #eee solid; border-left:1px #eee solid;}
.table1 tbody td td:first-child{border-left: 0;}
.table1 tbody td tr:first-child td{border-top: 0;}
















/* def 맞춤형화장품 정의 */
.def {padding-bottom: 30px !important;}
.def .bl1 .cw1 .table1 td{text-align: center; font-size: 16px;}
.def .bl1 .cw1 .table1 td span{font-size: 14px; margin: 5px 0; line-height: 22px;}
.def .bl1 .cw1 .table1 tr td:nth-child(2){text-align: left; padding-left: 20px;}
.def .bl1 .cw1 .table1 tr td:nth-child(2) span{padding: 0 10px 0 15px; background: url(../img/li_icon_dot_gray.png) no-repeat 0 7px; }
.def .bl2 .cw1 .table1 td{text-align: center; font-size: 16px;}


/* his 맞춤형화장품 기술개발 동향 */
.his .bl1 .cw1 .img_txt em{font-size: 18px; }
.his .bl1 .cw1 .img_txt ol{list-style: decimal; padding: 10px 0 30px 0;}
.his .bl1 .cw1 .img_txt li{font-size: 18px; line-height: 26px;  margin-top: 10px; margin-left: 30px;}
.his .bl1 .cw1 .it2 {padding-bottom: 30px;}
.his .bl1 .cw1 .it2 em,
.his .bl1 .cw1 .it2 span{font-size: 14px; line-height: 24px;  display: block; text-align: center;}
.his .bl1 .cw1 .it2 span{ border-bottom: 1px #e6e6e6 dotted; padding-bottom: 10px;}
.his .bl1 .cw1 .snumlist{list-style:decimal; padding: 10px 0 30px 0;}
.his .bl1 .cw1 .snumlist li{font-size: 18px; line-height: 26px;  margin-top: 10px; margin-left: 18px;}
.his .bl1 .cw1 .snumlist em{font-size: 18px; line-height: 26px;  margin-top: 10px; }
.his .bl1 .cw1 .snumlist span{font-size: 18px; line-height: 26px;  margin-top: 10px; }
.his_table1{display: flex; justify-content: center;}
.his_table1 > li{width: 240px; display: flex; align-items: center; flex-direction: column;}
.his_table1 li strong{background: url(../custom_cosmetic/img/his_tb1_strong_bg1.png) no-repeat 0 center,url(../custom_cosmetic/img/his_tb1_strong_bg2.png) no-repeat right center; display: flex; align-items: center; justify-content: center; font-size: 18px; color:#fff; line-height: 24px;  padding: 0 50px; height: 79px; width: 100%;}
.his_table1 li em{font-size: 16px; border: 1px #e6e6e6 dotted; border-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: flex; align-items: center; justify-content: center; width: 170px; height: 70px; padding-top: 10px; font-size: 15px; background: url(../custom_cosmetic/img/his_table1_em_bg1.png) no-repeat center 0; background-size: 100%;}
.his_table1 li ul{padding: 21px 15px 90px 15px; margin: -5px 0 15px 0; min-height: 195px;}
.his_table1 li:nth-child(1) ul{background: url(../custom_cosmetic/img/his_table1_ul_bg1.png) no-repeat center bottom;}
.his_table1 li:nth-child(2) ul{background: url(../custom_cosmetic/img/his_table1_ul_bg2.png) no-repeat center bottom;}
.his_table1 li:nth-child(3) ul{background: url(../custom_cosmetic/img/his_table1_ul_bg3.png) no-repeat center bottom;}
.his_table1 li:nth-child(4) ul{background: url(../custom_cosmetic/img/his_table1_ul_bg4.png) no-repeat center bottom;}
.his_table1 li ul li{font-size: 14px; line-height: 16px; background: url(../custom_cosmetic/img/his_table1_li_bg1.png) no-repeat 0 1px; margin-bottom: 5px; padding-left: 15px; text-align: left; color:#555;}
.his_table1 li span{ color:#fff; height: 75px; width: 175px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 24px;}
.his_table1 .li1 strong,
.his_table1 .li1 span{background-color: #a9a496;}
.his_table1 .li2 strong,
.his_table1 .li2 span{background-color: #8f8576;}
.his_table1 .li3 strong,
.his_table1 .li3 span{background-color: #7d7066;}
.his_table1 .li4 strong,
.his_table1 .li4 span{background-color: #655245;}
.his_table2 thead th{background: #9a9185; color:#fff; font-size: 16px; text-align: center; height: 40px; border:1px #e6e6e6 solid;padding:10px 0px;}
.his_table2 tbody th{background: #f2f2f2; font-size: 16px; text-align: center; border:1px #e6e6e6 solid;}
.his_table2 tbody td{background: #fff; font-size: 16px; line-height: 22px; border:1px #e6e6e6 solid; padding:10px 20px;}


/* idt 맞춤형화장품 시장동향 */
.idt li ul{padding: 10px 0 20px 0;}
.idt li ul > li{}
.idt li ol{list-style: decimal; margin-left: 15px; padding: 10px 0 20px 0 ;}
.idt li ol > li{margin-left: 20px;}
.idt .img_txt.img2{}
.idt .img_txt.img2 em{width:100%; text-align: center; font-size: 18px;  padding: 40px 0 15px 0;}
.idt .img_txt.img2 img{width: 100%;}

.idt .img_txt.img2 span{width:100%; text-align: right;font-size: 14px;  padding: 0 0 0 0;}

.idt_table1 thead th{
background: #9a9185;
border:1px #e6e6e6 solid;
color:#fff;
text-align:center;
padding:10px 0px;
font-size: 16px;
}


.idt_table1 thead th:first-child{border-left:1px #a29d8b solid;}

.idt_table1 tbody th{
background: #f5f5f5; 
border:1px #e6e6e6 solid;
padding: 0 20px;
}


.idt_table1 tbody tr:nth-child(2) th,
.idt_table1 tbody tr:nth-child(4) th{background: #f5f5f5;}


.idt_table1 tbody tr:nth-child(4) th{border-bottom:1px #f5f5f5 solid;}

.idt_table1 tbody td{
position: relative;
border: 1px #e6e6e6 solid;
padding: 20px 0;
}


.idt_table1 tbody td ul{position: absolute; width: 100%; height: 100%; top:0; left:0; display: flex; flex-direction: column; padding: 0;}
.idt_table1 tbody td ul > li{flex: 1; display: flex;}
.idt_table1 tbody td ul > li > span{
flex:1; 
border-right:1px #e6e6e6 solid;
display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 20px; text-align: center;
}


.idt_table1 tbody td ul > li:last-child > span{border-bottom:0;}
.idt_table1 tbody td ul > li > span:last-child{border-right:0;}
.idt_table1 tbody td ol{list-style: none;}
.idt_table1 tbody td ol > li{float:left; text-align: center; min-width:180px; padding-right: 40px;}
.idt_table1 tbody tr td ol > li:nth-child(1){float:left; text-align: center; background: url(../custom_cosmetic/img/idt_tb1_ol_libg1.gif) no-repeat right 100px;}
.idt_table1 tbody tr td ol > li:nth-child(2){float:left; text-align: center; background: url(../custom_cosmetic/img/idt_tb1_ol_libg2.gif) no-repeat right 100px;}
.idt_table1 tbody tr:nth-child(4) td ol > li:nth-child(2){background:none;}
.idt_table1 tbody td ol > li > span{background-position: center 0; background-repeat: no-repeat; font-size: 14px; width:107px; height: 41px; text-align: center; color:#fff; margin: auto;}
.idt_table1 tbody td ol > li > em{display: block; padding:0 0 115px 0; background-position: center bottom; background-repeat: no-repeat; font-size: 14px; margin-top: -5px;}
.idt_table1 tbody td:nth-child(2) > span{background: url(../img/lispan_icon_base.gif) no-repeat 0 12px; font-size: 16px; line-height: 26px; padding-left: 15px; margin:0 20px 20px 20px;}
.idt_table1 tbody td ol > li:nth-child(1) > span{background-image: url(../custom_cosmetic/img/idt_tb1_ol_spanbg1.gif);}
.idt_table1 tbody td ol > li:nth-child(2) > span{background-image: url(../custom_cosmetic/img/idt_tb1_ol_spanbg2.gif);}
.idt_table1 tbody td ol > li:nth-child(3) > span{background-image: url(../custom_cosmetic/img/idt_tb1_ol_spanbg3.gif);}
.idt_table1 tbody tr:nth-child(1) td ol > li:nth-child(1) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg1_1.jpg);}
.idt_table1 tbody tr:nth-child(1) td ol > li:nth-child(2) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg1_2.jpg);}
.idt_table1 tbody tr:nth-child(1) td ol > li:nth-child(3) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg1_3.jpg);}
.idt_table1 tbody tr:nth-child(2) td ol > li:nth-child(1) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg2_1.jpg);}
.idt_table1 tbody tr:nth-child(2) td ol > li:nth-child(2) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg2_2.jpg);}
.idt_table1 tbody tr:nth-child(2) td ol > li:nth-child(3) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg2_3.jpg);}
.idt_table1 tbody tr:nth-child(3) td ol > li:nth-child(1) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg3_1.jpg);}
.idt_table1 tbody tr:nth-child(3) td ol > li:nth-child(2) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg3_2.jpg);}
.idt_table1 tbody tr:nth-child(3) td ol > li:nth-child(3) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg3_3.jpg);}
.idt_table1 tbody tr:nth-child(4) td ol > li:nth-child(1) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg4_1.jpg);}
.idt_table1 tbody tr:nth-child(4) td ol > li:nth-child(2) > em{background-image: url(../custom_cosmetic/img/idt_tb1_ol_embg4_2.jpg);}
.idt_table1 tfoot td{text-align: right;  padding: 10px 0 0 0; font-size: 14px; line-height: 20px;}

.idt_table2 thead th{
background: #9a9185; 
border:1px #e6e6e6 solid;
color:#fff;
text-align: center;
font-size: 16px;
line-height: 20px;
padding:10px 0px;
}


.idt_table2 thead th:first-child{border-left:1px #9a9185 solid;}
.idt_table2 tbody th{background: #f5f5f5; border-bottom:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid; padding: 0 10px;  font-size: 16px; text-align: center;}
.idt_table2 tbody th.brand{word-break: break-all; border-left:1px #e6e6e6 solid;}

.idt_table2 tbody td{position: relative; border: 1px #e6e6e6 solid; border-left:0; border-top:0; padding: 20px 0; font-size: 16px;}
.idt_table2 tbody td.type{text-align: center;}
.idt_table2 tbody td ul{display: flex; justify-content: center;}
.idt_table2 tbody td li{float:left; padding:0 0 0 40px; background: url(../custom_cosmetic/img/idt_tb2_plus.png) no-repeat 7px center;}
.idt_table2 tbody td li.arrow{background: url(../custom_cosmetic/img/idt_tb2_arrow.png) no-repeat 7px center;}
.idt_table2 tbody td li:first-child{background:none; padding-left: 0;}
.idt_table2 tbody td li span{float:left; display: flex; justify-content: center; align-items: center; text-align: center !important; padding: 0 10px !important; min-height: 100px; font-size: 14px !important; line-height: 20px; border:3px #aad7bd solid; border-radius: 10px;}


/* relate_laws 관련법규 및 논문 */
.relate_laws .cont_wrap{padding: 0 0 100px 0;}
.relate_laws .board2{margin:60px 60px 0 60px; width: auto;}
.relate_laws .board2 .ti{width:60%;}
.relate_laws .cont_wrap > .board_title{
height: 150px;
width: 100%;
display: flex; align-items: center; justify-content: center;
font-size: 36px; 
}



/* reference 자료실 */
.reference .cont_wrap{padding: 0 0 100px 0;}
.reference .board2{margin:60px 60px 0 60px; width: auto;}
.reference .board2 .ti{width:60%;}

.reference .cont_wrap > .board_title{
height: 150px;
width: 100%;
display: flex; align-items: center;
justify-content: center;
font-size: 36px; 
}


/* ccs 맞춤형화장품 판매업 */
.ccs .bl1 .cw2 ol{list-style:decimal; padding: 0 0 10px 25px;}
.ccs .bl1 .cw2 ol > li{margin: 0 0 10px 20px; font-size: 18px;}
.ccs .bl1 .cw3 ul{padding: 0 0 0 25px;}
.ccs .bl1 .cw3 li{font-size: 18px;}
.ccs .bl1 .cw3 .box{background: #f5f5f5; padding: 30px 40px; margin: 10px 0 30px 0;}
.ccs .bl1 .cw3 .box em{font-size: 18px; text-align: center; width: 100%;}
.ccs .bl1 .cw3 .box ul{list-style: disc; overflow: hidden; padding: 30px 0 0 0;}
.ccs .bl1 .cw3 .box li{font-size: 18px; line-height: 26px; margin-bottom: 10px; margin-left: 20px;}
.ccs .bl2 .cw ol{list-style: decimal; padding: 10px 0 0 0;}
.ccs .bl2 .cw ol > li{margin: 0 0 10px 20px;}
.ccs .bl2 .cw2 .box{background: #f5f5f5; padding: 30px 40px; margin: 10px 0 30px 0;}
.ccs .bl2 .cw2 .box span{font-size: 18px; line-height: 26px; margin-bottom: 10px;}
.ccs_tb1 thead th{
background: #9a9185; 
border:1px #e6e6e6 solid;
color:#fff;
text-align: center; 
font-size: 16px;
padding:10px 0px;
}

.ccs_tb1 thead th:first-child{border-left:1px #9a9185 solid;}

.ccs_tb1 tbody th{border:1px #e6e6e6 solid;  padding: 0 20px; }

.ccs_tb1 tbody td{position: relative; border: 1px #e6e6e6 solid; border-left:0; border-top:0; padding: 20px;}

.ctb1_1 tbody td ol{list-style:decimal;}
.ctb1_1 tbody td ol > li{margin-left: 25px; padding: 5px 0; font-size: 16px; line-height: 22px;}

.ctb1_2{width: 100%;}

.ctb1_2 tbody th{border:1px #e6e6e6 solid;}

.ctb1_2 tbody td{background: url(../custom_cosmetic/img/ccs_tb1_2_bg2.gif) no-repeat center center; padding: 20px 60px;height: 220px;}
.ctb1_2 tbody td.plus{background: url(../custom_cosmetic/img/ccs_tb1_2_bg1.gif) no-repeat center center;}
.ctb1_2 tbody td div:first-child{float:left;}
.ctb1_2 tbody td div:last-child{float:right;}
.ctb1_2 tbody tr:nth-child(1) td div:nth-child(1){background: url(../custom_cosmetic/img/ccs_tb1_2_icon1_1.gif) no-repeat center 0;}
.ctb1_2 tbody tr:nth-child(1) td div:nth-child(2){background: url(../custom_cosmetic/img/ccs_tb1_2_icon1_2.gif) no-repeat center 0;}
.ctb1_2 tbody tr:nth-child(2) td div:nth-child(1){background: url(../custom_cosmetic/img/ccs_tb1_2_icon2_1.gif) no-repeat center 0;}
.ctb1_2 tbody tr:nth-child(2) td div:nth-child(2){background: url(../custom_cosmetic/img/ccs_tb1_2_icon2_2.gif) no-repeat center 0;}
.ctb1_2 tbody tr:nth-child(3) td div:nth-child(1){background: url(../custom_cosmetic/img/ccs_tb1_2_icon3_1.gif) no-repeat center 0;}
.ctb1_2 tbody tr:nth-child(3) td div:nth-child(2){background: url(../custom_cosmetic/img/ccs_tb1_2_icon3_2.gif) no-repeat center 0;}
.ctb1_2 tbody td span{text-align: center; width: 250px; height: 60px; display: flex; align-items: center; justify-content: center; margin-top: 110px;}
.ctb1_2 tfoot td{text-align: center; padding: 30px 0; line-height: 25px; padding: #f5f5f5;}
.ctb1_2 tfoot td span{text-align: center; padding: 30px 0; line-height: 30px; background: #f5f5f5; width: 100%;}

.ctb1_3 tbody td ul{list-style:outside;}
.ctb1_3 tbody td ul > li{margin-left: 25px; padding: 5px 0; font-size: 16px; line-height: 22px;}



/* ccc 맞춤형화장품 조제관리사 */
.ccc .bl1 .cw1{background: url(../custom_cosmetic/img/custom_cosmetic_certification_1_bg.jpg) no-repeat right center; background-size: auto 100%; margin: 30px 0 30px 20px; padding: 30px 20px 0 40px;}
.ccc .bl1 .cw1 ul{padding: 0 0 30px 25px;}
.ccc .bl1 .cw1 li{font-size: 18px; line-height: 26px; margin-bottom: 10px;}

.ccc .bl1 .cw1 li .star{padding-left: 15px;}

.ccc .bl2 .box1{background: #f5f5f5; text-align: center; padding: 30px 0;}
.ccc .bl2 .box1 em{display: inline-block;font-size: 18px; margin-bottom: 30px;}
.ccc .bl2 .box1 span{display: block; margin:10px 0 0 250px; text-align: left;}
.ccc .bl2 .box1 span a{font-size: 14px; }
.ccc .bl2 .box1 span a:hover{color:#856653;}
.ccc .bl2 .cw1{overflow: visible;}
.ccc .bl2 .cw1 > ul > li{overflow: visible;}
.ccc .bl2 .box2{
background: #f5f5f5;
text-align: center; padding:30px 0; margin: 20px 0 30px 0; overflow: visible;}


.ccc .bl2 .box2 em{display: inline-block; padding: 10px 0 10px 0px; font-size: 18px;  margin-bottom: 20px;}

.ccc .bl2 .box2 ul{text-align: left; padding-left: 150px;}
.ccc .bl2 .box2 li{ font-size: 18px; display: inline-block; text-align: left; margin-right: 70px; margin-bottom: 10px;}
.ccc .bl2 .box2 .clip{position: absolute; top:-27px; left:10px; width: 22px; height: 55px;}

.ccc .bl3 .cw1 .box{background: #f5f5f5; padding: 40px 0 30px 0; text-align: center; margin: 5px 0;}
.ccc .bl3 .cw1 .box em{display: inline-block; font-size: 18px;  margin-bottom: 20px;}
.ccc .bl3 .cw1 .box span{ display: block;}
.ccc .bl3 .cw1 .stxt{font-size: 16px; line-height: 20px; display: block; margin: 5px 0 0 0; clear: both; float: left;}
.ccc .bl3 .cw1 .stxt:last-child{margin-bottom: 30px;}
.ccc .bl3 .cw1 ol{list-style: decimal; padding: 10px 0 0 5px;}
.ccc .bl3 .cw1 ol > li{margin: 10px 0 0 20px;}
.ccc .bl3 .cw1 ol > li a{font-size: 14px; }
.ccc .bl3 .cw1 ol > li a:hover{color:#856653;}