@charset "utf-8";
@import "common.css";
/*==================================================================
  COMMON
===================================================================*/
#life_care_mobile {box-sizing: border-box;}
.contentsWrap img{display: block;width: 100%;}
.contentsWrap ul, .contentsWrap ol, .contentsWrap dl{padding:10px 0 20px;}
.contentsWrap ul li, .contentsWrap ol li, .contentsWrap dt {margin-bottom: 10px;}
.social_link img {width: 30px}

/* wrap & box */
.text_wrap {padding: 35px 25px 40px 25px;font-size: 20px;line-height:30px;}
.text_wrap p {padding-bottom: 30px;}
.blue_box {background:#fff;border: 3px solid #49c3db;font-size: 16px}
.blue_box .text_wrap {font-size: 18px; line-height: 24px}
.blue_box .title_l{margin:10px 0 20px;color:#49c3db; font-size: 20px}
.purple_box {border: 3px solid #90608a;}
.purple_box .text_wrap {padding: 30px 25px;font-size: 18px; line-height: 28px}
.purple_box .title_l{margin:10px 0 20px;color:#90608a; font-size: 20px}
.purple_box .title_bar{background:#90608a;}

/*etc*/
.bg_box{background: url('') no-repeat bottom center;background-size: 100%}
.br {display: block;}
.add_text2 {display: block;margin:5px 0 5px 25px;color:#90608a;line-height: 1.5;font-size: 16px;}
.add_text3 {display: block;margin:5px 0;color:#666;line-height: 1.3;font-size: 16px;}

/*리스트 & 블릿*/
.check_list  {padding:10px 0 20px;}
.check_list li {margin-bottom: 10px;padding-left: 20px;background: url('') no-repeat 0 6px;background-size:15px;}
.check_list.blue li {background-image: url('http://www.samsungfire.com/m2/lifecare/contents/images/c_bul06_01.png');}
.check_list.purple li {background-image: url('http://www.samsungfire.com/m2/lifecare/contents/images/c_bul08.png');background-size:9px;}
.blue_box .check_list.blue li {background-image: url('http://www.samsungfire.com/m2/lifecare/contents/images/c_bul01.png');background-size:9px;}

/*상단 안내글 */
.life_care_guide p {padding-bottom: 30px; line-height: 34px;}
.life_care_guide p:last-child, .text_wrap p:last-child {padding-bottom: 0;}

/*타이틀*/
.title_l{margin-top:20px;font-weight: bold}
p.title_s{padding-bottom: 10px;color: #90608a;font-size: 18px}
.purple_box .title_s{padding-bottom: 10px;color: inherit; font-weight: bold;}

/*table*/
table {margin: 20px 0;width: 100%;border-top: 2px solid #666;border-bottom: 2px solid #666;font-size: 18px;}
table th{font-weight: bold;}
table th, td {padding:5px;}
table th+th, td+td,th+td {border-left: 1px solid #999;}
table th,td{border-bottom: 1px solid #999;}

/*정의를 내리는 항목 좌우 배치일 경우*/
dl.define_st01 {}
dl.define_st01 dt {float: left;width: 100px;}
dl.define_st01 dd {word-break: break-all;margin-bottom: 10px;padding: 0 0 15px 100px;}

/*리스트 항목 좌우 배치일 경우*/
.list_st01 li {overflow: hidden;}
.list_st01 span:nth-of-type(1) {float: left;display: inline-block;width: 20%;vertical-align: top;}
.list_st01 span:nth-of-type(2) {display: inline-block;width: 80%;}

/*리스트 항목 좌우 배치일 경우 + 앞에 원 숫자 올때(숫자 형태 : ①)*/
.list_st01.circle span {display: inline-block;padding-left: 0;}
.list_st01.circle span:nth-of-type(1){width: 8%;color:#935f8f;}
.list_st01.circle span:nth-of-type(2){width: 92%;}

/*리스트 앞에 숫자가 있는 경우 (숫자 형태 : 01.) */
.number_st01 {padding-left: 20px!important;}
.number_st01 li{list-style-type:decimal}

/*카피라이터*/
.copyright {width: 100%; margin-bottom: 50px;padding:12px 0;background: #f3f3f3; border-top: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;font-size: 14px;text-align: center;color: #3b3a3a;letter-spacing: -0.5px;line-height: 28px;}
.copyright dt {display: inline-block;font-weight: bold;}
.copyright dd + dt {margin-left: 15px;}
.copyright dd {display: inline-block;padding-left:6px;}



/*==================================================================
  해당 페이지 개별 적용
===================================================================*/



/*==================================================================
  가로 화면 720px 이상 일때
===================================================================*/
@media screen and (min-width:720px){
	#life_care_mobile{margin:0 auto;width:720px !important;}
	.bg_box {padding-bottom:40%; }
	.br {display: inline-block !important;padding-right: 10px}
}

/*==================================================================
  가로 화면 320px 이하 일때 
===================================================================*/
@media screen and (max-width:320px){
.text_wrap {padding: 16px;}
}