@import url("https://fonts.dubuplus.com/css?family=Nanum Brush Script");
@import url("https://fonts.dubuplus.com/css?family=Noto Sans KR");
#sub_contents {font-size:16px; line-height:1.6; letter-spacing:-0.5px; text-align:justify; font-family:"Noto Sans KR"}

.care{margin-bottom:40px;}

.care p {     
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -1px;
    text-align: left;
    margin-bottom: 5px;
    
    padding: 30px;
    background: #f9f9f9;
    border: 1px solid #eee;
}

.care table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #3ea42c;
    margin-top: 20px;
}


.care table td, .care table th {border:1px solid #ddd;
    font-size:16px;
    padding:10px;
    background-color:#fff;}

.care table th {
    background-color: #ecf4ea;
    text-align: center;
}

.care table td{text-align: center; padding-left:10px; vertical-align:middle; line-height:30px;}


.care h3 {
    font-size: 25px;
    letter-spacing: -1.5px;
    margin-bottom: 10px;
    margin-top:50px;
}
.care h3:before {content:'';display:inline-block;width:10px;height:25px;background: #3ea42c;border-radius:5px;margin-bottom:-3px;margin-right:5px;}
.care ul {
    padding: 30px;
    background: #f9f9f9;
    border: 1px solid #eee;
}
.care ul li { 
    background: url(/app/dubu_sourcecode/docs/imgs/1596433380_subcon002.png) no-repeat 0px 7px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -1px;
    text-align: left;
    padding-left: 20px;
    background-size: 15px;
    margin-bottom: 5px;
}
.care ul li:last-child {margin-bottom:0;}

.care em {color:#2ec7c7;}

.care p.tt{font-size:35px; text-align:center;color:#4CAF50; margin-bottom:50px; font-weight:500; letter-spacing:-2px; }

.care .imgbox{text-align:center; margin:20px 0;}
.care .imgbox img{width:100%;}
.care .aabtn {text-align:center;}
.care .aabtn a{padding:10px 40px; background:#2ec7c7; border-radius:10px; color:#fff; font-size:20px; display:inline-block; margin:50px auto;  }
.care .aabtn a:hover{background:#07a0a0;}


/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .care .imgbox img{width:100%;}
}

/* mobile */
@media screen and (max-width:767px){
    .care ul li {  font-size: 15px;}
    .care .imgbox img{width:100%;}
    .table-container{
	 width:100%;	
	 overflow-x:auto;
     white-space: nowrap;
	}
}