

body { word-break: keep-all;}

.pc-mode {}
.mobile-mode {display:none}

.sub-page {width:1024px; margin:0 auto; padding:50px 0 50px 0; font-size:15px; line-height:20px;word-break: keep-all; }
.sub-page:after { content:""; display:block; clear:both; }
.txt {color:#000000;}


.subcon-tit {text-align:left; font-size:28px;color:#4589bd;font-weight:500; border-bottom:1px solid #CCC; line-height:60px; width:100%; 
padding:0; margin:30px 0 10px 0; background: url('../../img/_designcoco/images/title-bg.jpg') center no-repeat; background-size: 100%;}

.subcon-tit i {font-size:38px; color:green }
.subcon-tit span {padding:0 10px 0 10px; margin:0 0 0px 0; }



.cer-btn {background:#545454; display:block; color:#e8e8e8 !important; width:160px; margin:20px 10px 0 30px; border:1px solid #666; padding:8px 0; text-align:center; font-size:14px; }
.cer-btn1 {float:left;background:#545454; display:block; color:#e8e8e8 !important; width:160px; margin:20px 30px 0 0px; border:1px solid #666; padding:8px 0; text-align:center; font-size:14px; }
.cer-btn2 {float:left;background:#545454; display:block; color:#e8e8e8 !important; width:160px; margin:20px 0px 0 0px; border:1px solid #666; padding:8px 0; text-align:center; font-size:14px; }
.cer-btn:hover, .cer-btn1:hover, .cer-btn2:hover {background:#666; color:#FFF !important;}


/* 왼쪽메뉴 
.leftmenu {width:230px; float:left; vertical-align:top; display: none}
.menu-tit {font-size:19px; font-weight:600; color:#FFF; background:#161e36; padding:20px 0; font-family:'Montserrat','Noto Sans KR', sans-serif;}
#submenu01_01 #submenu a.submenu1, #submenu01_02 #submenu a.submenu2, #submenu01_03 #submenu a.submenu3, #submenu01_04 #submenu a.submenu4,
 #submenu01_05 #submenu a.submenu5, #submenu01_06 #submenu a.submenu6, #submenu01_07 #submenu a.submenu7, #submenu01_08 #submenu a.submenu8,
 #submenu01_09 #submenu a.submenu9, #submenu01_10 #submenu a.submenu10 {color:#1E1E1E; font-weight:500; background:#FFF; background: url("images/arrow.png") right 17px no-repeat; border-bottom:1px solid #161e36;}
#submenu {width:100%;margin: 0 auto;border-top:1px solid rgba(255, 255, 255, 0.3)}
#submenu ul {margin:0 auto;text-align:center; }
#submenu li {}
#submenu li a {display:block; padding:12px 20px; font-size:14px; font-weight:400; text-align:left; color:#666; background:#f3f3f3; border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5; border-left:1px solid #D5D5D5;}
#submenu li a:hover {color:#1E1E1E; font-weight:500; background:#FFF; background: url("images/arrow.png") right 17px no-repeat; border-bottom:1px solid #161e36;}
*/
/* 서브페이지 */
#sub-contents {width:100%; margin:0 auto; text-align:center; }
.sub-contents {width:90%; vertical-align:top;margin:0 auto; text-align:center;}
.sub-contents_l {width:90%; vertical-align:top;margin:0 auto;}
.sub-contents h3 {font-size:28px; line-height:34px; font-weight:500; color:#333;}
.sub-contents h4 {font-size:28px; line-height:34px; font-weight:500; color:#000;}
.sub-contents h5 {font-size:20px; line-height:26px; font-weight:500; color:#876340;}

/* 서브페이지 타이틀 */
.title-box {width:100%; border-bottom:1px solid #DDD; padding-bottom:10px; margin-bottom:50px;}
.title-box h3 {width:70%; display:inline-block; vertical-align:top;text-align:left;  font-size:25px}
.title-box .navi {width:29%; display:inline-block; vertical-align:top; margin-top:10px; font-size:12px; text-align:right; color:#888;}
.arrow-pd {padding:0 4px;}

/* 서브페이지 상단이미지 */
.sub-top { padding:60px 0px 200px 0; text-align:center}
.sub-top .slogan-box {text-align:left;width:60%; margin:0 auto; padding:50px 0 0 0px;}
#sub-top-01 {background:url('../images/sub_top_01.jpg') center top no-repeat; background-attachment:fixed; text-align:center; }
#sub-top-02 {background:url('../images/sub_top_02.jpg') center top no-repeat; background-attachment:fixed; text-align:center; }
#sub-top-03 {background:url('../images/sub_top_03.jpg') center top no-repeat; background-attachment:fixed; text-align:center; }
#sub-top-04 {background:url('../images/sub_top_04.jpg') center top no-repeat; background-attachment:fixed; text-align:center; }
#sub-top-05 {background:url('../images/sub_top_05.jpg') center top no-repeat; background-attachment:fixed; text-align:center; }
#sub-top-06 {background:url('images/sub_top_06.jpg') center top no-repeat; background-attachment:fixed; text-align:center; }
#sub-top-03 .slogan-tit {font-size:36px; font-weight:500; color:#f69100; padding-top:20px;}
#sub-top-03 .slogan-box > p {color:#505050; font-size:16px; line-height:16px;}
.slogan-box {padding:30px 0 30px; }
.slogan-tit {font-size:36px; font-weight:500; color:#f69100; padding-top:20px;}
.slogan-box > p {color:#565656; font-size:16px; line-height:16px;}









/* 다모아 소개 */
.ceo-box {margin:0 auto; text-align:center;}

.ceo-box .ceo-tit {padding:0 50px 30px 50px; }
.ceo-box .ceo-tit > .tit {font-size:27px; line-height:32px; font-weight:500; color:#000; padding-bottom:10px;}
.ceo-box .ceo-tit > .txt {font-size:22px; line-height:28px; font-weight:400; color:#876340; padding-bottom:10px;}
.ceo-box .ceo-img {width:44%;padding:20px;vertical-align:top; display: inline-block;}
.ceo-box .ceo-img img {width:100%;vertical-align:top}
.ceo-box .con {width:55%; font-size:16px; line-height:25px; font-weight:200; text-align:left;display: inline-block;  padding:20px; word-break:keep-all;}
.ceo-box .con h3 {font-size:25px; line-height:32px; font-weight:400; color:#000; padding-bottom:30px;}
.ceo-box .con h3 p {font-size:22px; line-height:32px; font-weight:400; color:#000;}
.ceo-box .ceo_sign {display:block; padding-top:30px; text-align:right;}



/* 오시는 길 */
.map .map_img {height:450px;}
.map ul {padding:30px; margin-top:20px; background:#F5F5F5; border:1px solid #E5E5E5;}
.map ul li {padding:10px;text-align:left;} 
.map ul li > .tit {display:inline-block;  width:15%; color:#000; font-weight:500; padding-right:20px;}
.map ul li > .txt {display:inline-block; width:84%;}






/* ---------------------페이지별 상단 베너 --------------------------------------- */

#sub1.service-intro {text-align:left; width:100%; padding:45px 35px 0px 45px; background: url('../images/service_intro1.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
#sub2.service-intro {text-align:left; width:100%; padding:45px 35px 0px 45px; background: url('../images/service_intro2.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
#sub3.service-intro {text-align:left; width:100%; padding:45px 35px 0px 45px; background: url('../images/service_intro3.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
#sub4.service-intro {text-align:left; width:100%; padding:45px 35px 0px 45px; background: url('../images/service_intro4.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
#sub5.service-intro {text-align:left; width:100%; padding:45px 35px 0px 45px; background: url('../images/service_intro5.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
#sub6.service-intro {text-align:left; width:100%; padding:45px 35px 0px 45px; background: url('../images/service_intro6.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}

.service-intro .part-btn {display:block; color:#333 !important; width:160px; margin-top:20px; border:1px solid #666; padding:8px 0; text-align:center; font-size:14px; }
.service-intro .part-btn:hover {background:#666; color:#FFF !important;}
.service-intro h3 {font-size:30px; line-height:30px; letter-spacing :-1px; padding:0 0 10px 0;}
.service-intro h2 {font-size:20px; line-height:25px; font-weight:300;padding:0px 0 0 0;}
.service-intro .tit {width:40%;  font-size:16px; line-height:24px; padding:10px 0 100px 0; font-weight:200; }
.service-intro .point {font-size:10px; letter-spacing :11px; padding:0 30px 6px 11px;}
.service-intro h3 .text_accent {font-size:38px;color:#ff7e00;}


.banner {width:100%;}
.banner img {width:100%;}
/* ---------------------주요서비스--------------------------------------- */

.service {width:100%;}

.Introduce {width:100%; margin:0 auto; padding:0; margin-top:50px;}
.Introduce .content {text-align:left; width:55%; vertical-align:top; display:inline-block; padding:0px 20px 50px 0px; }
.Introduce .content h3 { font-size:29px; color:#1bb1b8 ; line-height:25px; font-weight:500px; }
.Introduce .content h3.big { font-size:55px; line-height:25px; font-weight:bold; }
.Introduce .content .tit { font-size:22px;  color:#876340 ; line-height:30px; font-weight:400; padding:15px 0 0 0 }
.Introduce .content .tit2 { font-size:18px;  line-height:25px; font-weight:300; padding:15px 20px 0 0 }
.Introduce .content .txt {  font-size:16px;  line-height:25px; font-weight:300;color:#787878; padding:20px 20px 20px 0;}
.Introduce-img {width:44%; display:inline-block; text-align:right}
.Introduce-img img {width:100%;vertical-align:middle;margin-top:0px; text-align:right; } 



.guide_wrap {widh: 100%; padding:50px 0 50px 0; }
.guide_wrap .guide {width: 100%;  margin:10px 0 30px 0 ; }
.guide_wrap .image {width: 50%; display:inline-block; }
.guide_wrap .image img {width:100%; vertical-align:top;}
.guide_wrap .guide_text {width: 49%; text-align: left; display:inline-block; padding:10px 20px 0px 50px; vertical-align:top;}
.guide_wrap h3 {font-size:19px;  color:#26b9c0;line-height:28px; font-weight:500;display:inline-block;}
.guide_wrap h3 i {color:#ff0030;  padding:0px 10px 0px 0; }

.guide_wrap p {font-size:16px;line-height:23px; font-weight:300;display:inline-block;}
.guide_wrap ul { color:#787878; font-size:16px;line-height:23px; font-weight:300; padding:10px 0px 0 20px; }
.guide_wrap li { list-style-type:disc;}

.guide_wrap02 {widh: 100%; padding:50px 0 0px 0; }
.guide_wrap02 .guide {width: 100%;  margin:10px 0 50px 0 ; }
.guide_wrap02 .image {width: 40%; display:inline-block; }
.guide_wrap02 .image img {width:100%; vertical-align:top;}
.guide_wrap02 .guide_text01 {width: 59%; text-align: left; display:inline-block; padding:0px 50px 0px 10px; vertical-align:top;}
.guide_wrap02 .guide_text02 {width: 59%; text-align: left; display:inline-block; padding:0px 10px 0px 50px; vertical-align:top;}
.guide_wrap02 h3 {font-size:20px; color:#26b9c0; font-weight:500;display:inline-block;padding:0px 0px 10px 0px;}
.guide_wrap02 h3 i {color:#ff0030;  padding:0px 10px 0px 0; }

.guide_wrap02 p {font-size:16px;line-height:23px; font-weight:300;display:inline-block;}
.guide_wrap02 ul { color:#787878; font-size:15px;line-height:23px; font-weight:200; padding:10px 0px 0 20px; }
.guide_wrap02 li { list-style-type:disc; }




/* ---------------------노인장기요양보험--------------------------------------- */
.business {width:100%;}

/* 노인장기요양보험 안내*/

.business .Introduce02 {width:100%; margin:0 auto; padding:0; }
.business .Introduce02 .content {text-align:left; width:55%; vertical-align:top; display:inline-block; padding:20px 0 0px 20px; }
.business .Introduce02 .content h3 { font-size:25px; color:#4589bd ; line-height:25px; font-weight:400; }
.business .Introduce02 .content h3.big { font-size:55px; line-height:25px; font-weight:bold; }
.business .Introduce02 .content .tit {width:90%; font-size:17px;  color:#876340 ; line-height:25px; font-weight:300; padding:15px 0 0 0 }
.business .Introduce02 .txt {text-align:left;  font-size:16px;  line-height:25px; font-weight:300; padding:20px 20px 20px 20px;}
.business .Introduce02 .service-img {width:44.3%; display:inline-block; }
.business .Introduce02 .service-img img {width:100%;vertical-align:middle;margin-top:25px; } 
.business .Introduce02 .content .point {font-size:10px; letter-spacing :15px; padding:0 0px 6px 0px; margin:0 0 0 115px}
.business .Introduce02 .content .text_accent {font-size:28px;color:#ff7e00;}

.business .Introduce02 ul.ja {width:100%; text-align:left;  padding:20px 0px 0px 0px;}
.business .Introduce02 ul.ja li {display:inline-block; text-align:left;  font-size:16px;  line-height:20px; font-weight:400; margin:5px 0px 5px 0px}
.business .Introduce02 ul.ja li span {font-size:16px; font-weight:200; padding: 0 0 0 5px;}
.business .Introduce02 ul.ja2 {width:100%; text-align:left;  padding:20px 0px 0px 20px;}
.business .Introduce02 ul.ja2 li {display:inline-block; text-align:left;  font-size:16px;  line-height:20px; font-weight:200; margin:3px 0px 3px 0px}





.business .Introduce03 {width:100%; margin:0 auto; padding-bottom:30px; }
.business .Introduce03 .content {text-align:left; width:55%; vertical-align:top; display:inline-block; padding:25px 0 00px 80px; }
.business .Introduce03 .content h3 { font-size:25px; color:#4589bd ; line-height:25px; font-weight:400; }
.business .Introduce03 .content h3.big { font-size:55px; line-height:25px; font-weight:bold; }
.business .Introduce03 .content .tit {width:100%; font-size:22px;  color:#876340 ; line-height:25px; font-weight:300; padding:20px 0 0 0 }
.business .Introduce03 .content .txt {   font-size:16px;  line-height:25px; font-weight:300; padding:10px 20px 20px 0;}
.business .Introduce03 .service-img {width:44.3%; display:inline-block; }
.business .Introduce03 .service-img img {width:100%;vertical-align:middle;margin-top:25px; } 
.business .Introduce03 .content .point {font-size:10px; letter-spacing :15px; padding:0 0px 6px 0px; margin:0 0 0 115px}
.business .Introduce03 .content .text_accent {font-size:28px;color:#ff7e00;}

.business .Introduce03 ul {width:100%; text-align:left;  padding:20px 0px 0px 0px;}
.business .Introduce03 ul li {display:inline-block; text-align:left;  font-size:16px;  line-height:20px; font-weight:300; margin:5px 0px 5px 0px}
.business .Introduce03 ul li p {text-align:left;  font-size:14px; color:red; line-height:20px; font-weight:200; padding:5px 0px 5px 10px}

.business .Introduce03 div.box {width:100%; text-align:left;margin-top:40px; padding:30px; border:1px solid #ccc;}
.business .Introduce03 div.box h3 {font-size:20px; color:#876340 ;  font-weight:600; }
.business .Introduce03 div.box p.txt {font-size:14px; line-height:25px; font-weight:300; padding:0px 0 0 10px}
.business .Introduce03 div.box ul {padding:8px 0px 0px 0px;} 
.business .Introduce03 div.box ul li{list-style-type: none;font-size:14px; line-height:25px; font-weight:200;margin:0px 0px 0px 0px} 





.business .bis-img {width:100%; margin:0 auto; padding-bottom:30px; }
.business .bis-img img {width:100%; }



.document-3s {width:100%;  padding-bottom:50px; margin:0 auto; text-align:top;}
.document-3s p {width:85%; padding:0px 0 30px 0; font-size:18px; color:#FFF; line-height:25px; word-break:keep-all; margin:0 auto; text-align:center;}
.document-3s img {width:30%; padding:40px 0 20px 0;}
.document-box-01 i,.document-box-02 i,.document-box-03 i {color:#FFF; font-size:90px;  padding:20px 0 20px 0;} 
.document-3s  .point{ color:#FFF; font-size:40px; line-height:50px; font-weight:500; }
.document-3s .line {width:2%;  display:table-cell; vertical-align:middle; background:#fff;}
.document-3s .document-box-01 {width:32%;  display:table-cell; vertical-align:top; background:#e3a600; padding:0px 0 20px 0;}
.document-3s .document-box-01 h3 {width:100%; color:#FFF; font-size:25px; line-height:60px; font-weight:500; background:#c48f00;}
.document-3s .document-box-02 {width:32%; display:table-cell; vertical-align:top; background:#8db138;padding:0px 0 20px 0;}
.document-3s .document-box-02 h3 {width:100%; color:#FFF; font-size:25px; line-height:60px; font-weight:500; background:#709b0a;}

.document-3s p.cer-btn-a {width:150px; padding:8px; font-size:14px; color:#ffffff !important;  line-height:21px;  margin:0 auto; text-align:center; background:#c48f00; }
.document-3s p.cer-btn-a:hover { background:#765600; }
.document-3s p.cer-btn-b {width:150px; padding:8px; font-size:14px; color:#ffffff !important;  line-height:21px;  margin:0 auto; text-align:center; background:#709b0a; }
.document-3s p.cer-btn-b:hover { background:#4d6c05; }
.document-3s p a {color:#ffffff  }




.business .gallery {width:100%; margin:0 auto; padding:40px 0 40px 0; border-bottom:1px solid #666; }
.business .first { border-top:1px solid #666; }
.business .gallery .img-wrapper {width:55%; display:inline-block; }
.business .gallery .content {text-align:left; width:44.5%; vertical-align:top; display:inline-block; padding:25px 0 50px 50px; }
.business .gallery .content h3 { font-size:28px; color:#4589bd ; line-height:25px; font-weight:400; }
.business .gallery .content h3.big { font-size:60px; line-height:25px; font-weight:bold; color:#ee7d04; }
.business .gallery .content h3 span { font-size:40px; line-height:25px; font-weight:bold; color:#2677df;}
.business .gallery .content .tit {width:100%; font-size:18px;  color:#7d4c1c ; line-height:25px; font-weight:300; padding:20px 0 0 0 }
.business .gallery .content .tit2 { font-size:18px;  line-height:25px; font-weight:300; padding:15px 20px 0 0 }
.business .gallery .content .txt {  font-size:18px;  line-height:25px; font-weight:200; padding:20px 20px 20px 0;}
.business .gallery .content .point {font-size:10px; letter-spacing :15px; padding:0 0px 6px 0px; margin:0 0 0 115px}
.business .gallery .content .text_accent {font-size:28px;color:#ff7e00;}
.business .gallery ul { color:#787878; font-size:16px;line-height:23px; font-weight:300; padding:20px 40px 0 20px; }
.business .gallery li { list-style-type:disc;}

.controls { opacity: 0; position: absolute; top: 50%; transform: translateY(-30px); transition: all .15s ease-in-out; width: 100%;}
.controls .prev-button,.controls .next-button { background-color: rgba(255,255,255,1); /*border-radius: 5px; -webkit-box-shadow: 0 0 10px #555;
 box-shadow: 0 0 10px #555;*/
 cursor: pointer; height: 30px; outline: none; position: absolute; transition: all .15s ease-in-out; width: 30px;}
.controls .prev-button:hover,.controls .next-button:hover { background-color: rgba(255,255,255,0);}
.controls .prev-button { padding: 15px 15px 15px 10px; left: 0;}
.controls .next-button { padding: 15px 10px 15px 15px; right: 0;}
.controls .prev-button.inactive,.controls .next-button.inactive { background-color: rgba(220,220,220,1);/*rgba(123,123,123,.6)*/;}
.controls .prev-button.inactive:hover,.controls .next-button.inactive:hover { /*background-color: rgba(123,123,123,.7);*/}
.controls svg { fill: #163838;}



.process-list02 { text-align:left;font-size:0;border:1px solid #CCC; width:100%; margin-top:50px;}
.process-list02 h2 {font-size:22px; padding-left:30px; background:#efefef}
.process-list02 ul {width:100%; padding:20px 0px 20px 20px;}
.process-list02 ul img.arrow {vertical-align:middle; padding-top:100px;}
.process-list02 li.title { width:100%; font-size:20px; background:#e1e1e1; line-height:20px; margin:20px 0 20px 0; padding:15px 0px 15px 20px; display:inline-block; vertical-align:top;}
.process-list02 li { width:23%; font-size:14px; line-height:20px; padding:5px 5px 20px 5px ; display:inline-block; vertical-align:top;}
.process-list02 li.mobile {display:none;}
.process-list02 li .process_warp {width:100%; text-align:center; padding:30px 15px 30px 15px;display:table;}
.process-list02 li h3 {font-size:18px; font-weight:400; text-align:center;line-height:20px;padding:10px 0 0 0}
.process-list02 li img {width:100%}


/* 노인성질환 도표 */
.disease {width:100%; margin:0 auto; padding:0; text-align:center; }
.disease table { border-collapse:collapse;  width:100%; margin-top:30px;}
.disease .blue { border:1px solid #cccccc;}
.disease .blue thead {  background:#f3f3f3;}
.disease thead { font-size:16px; font-weight:400; }

.disease tr {border-bottom:1px solid #cccccc;}
.disease th { text-align:center;  padding:17px 0 17px 0;  border-right:1px solid #cccccc;}
.disease th.tit1 { width:25%; text-align:center; }
.disease th.tit2 { width:60%; text-align:center; }
.disease td.tit1 { width:20%; text-align:center;  padding:5px 0; font-size:16px; font-weight:400;  line-height:1.5; }
.disease td { text-align:left;  padding: 20px;  font-size:14px; font-weight:200;   border-right:1px solid #cccccc;}

.disease td.box { text-align:left;  padding: 0px;  font-size:14px; font-weight:300;  border-right:1px solid #cccccc;}

.disease td.box ul { width:100%}
.disease td.box ul.code { width:100%;}
.disease td.box ul.code li { text-align:center; padding:8px 0 8px 0px; }
.disease td.box ul li { text-align:left; padding:8px 0 8px 20px; border-bottom:1px solid #cccccc;}
.disease td.box ul li.last { border-bottom:0px solid #cccccc;}

.disease td.box2 p {font-size:14px;   text-align:center; padding:10px 10px 10px 10px;}
.disease td.box p {font-size:14px;   text-align:left; padding:10px 20px 10px 20px;}
.disease tbody.hover tr:hover { background:#f9f9f9}
.disease p {font-size:14px; text-align:left; padding:10px 10px 10px 10px;}

/* 신청절차 */


.business .advantages-list02 { text-align:left;font-size:0; margin:30px 0 0 0;} 
.business .advantages-list02 li.title1 { width:100%; font-size:20px; background:#e1e1e1; line-height:20px; margin:0px 0 20px 0; padding:15px 0px 15px 20px; display:inline-block; vertical-align:top;}
.business .advantages-list02 li.title { width:100%; font-size:20px; background:#e1e1e1; line-height:20px; margin:20px 0 20px 0; padding:15px 0px 15px 20px; display:inline-block; vertical-align:top;}
.business .advantages-list02 li { width:100%; font-size:15px; line-height:20px; padding:5px ; display:inline-block; vertical-align:top;}
.business .advantages-list02 li.mobile {display:none;}
.business .advantages-list02 li .advantages_warp {width:100%; border:1px solid #CCC; display:table;}
.business .advantages-list02 li .advantages01 {width:25%; height:180px; margin:0 auto; text-align:center; display:table-cell; vertical-align:middle; background:#ededed;}
.business .advantages-list02 li .advantages01 img {width:75%;vertical-align:middle;}
.business .advantages-list02 li .advantages01 i {font-size:100px; vertical-align:middle; color:#7e7e7e;}
.business .advantages-list02 li .advantages02 {width:100%;display:table-cell;  padding:10px 0 10px 20px;}
.business .advantages-list02 li .advantages02 h3 {font-size:22px; }
.business .advantages-list02 li .advantages02 p {font-size:16px; line-height:20px; font-weight:400; padding:10px 20px 0 0;}
.business .advantages-list02 li .advantages02 span {font-size:30px; line-height:20px; font-weight:500; }

.business .advantages-list02 li .advantages02 ul {width:100%; padding:10px 10px 0 0; }
.business .advantages-list02 li .advantages02 ul li{width:100%; font-size:14px; line-height:20px; font-weight:300;padding:3px ; }


.business .Rating {width:95%; margin:0 auto; padding:0; text-align:center; }
.business .Rating table { border-collapse:collapse;  width:100%; margin:10px 0 10px 0;}
.business .Rating .blue { border:1px solid #cccccc;}

.business .Rating tr {border-bottom:1px solid #cccccc;}

.business .Rating td.tit1 { width:18%; text-align:center;  padding:5px 0; font-size:16px; font-weight:400;  line-height:1.5; }
.business .Rating td.txt { width:82%;text-align:left;  padding: 5px;  font-size:14px; font-weight:300;  }





/* 등급 도표 */
.Rating {width:100%; margin:0 auto; padding:0; text-align:center; }
.Rating table { border-collapse:collapse;  width:100%; margin:30px 0 30px 0;}
.Rating .blue { border:1px solid #cccccc;}
.Rating .blue thead {  background:#f3f3f3;}
.Rating thead { font-size:16px; font-weight:400; }

.Rating tr {border-bottom:1px solid #cccccc;}
.Rating th { text-align:center;  padding:17px 0 17px 0;  border-right:1px solid #cccccc;}
.Rating th.tit1 { width:20%; text-align:center; }
.Rating th.tit2 { width:60%; text-align:center; }
.Rating td.tit1 { width:20%; text-align:center;  padding:5px 0; font-size:16px; font-weight:400;  line-height:1.5; }
.Rating td { text-align:left;  padding: 20px;  font-size:14px; font-weight:200;   border-right:1px solid #cccccc;}

.Rating td.box { text-align:left;  padding: 0px;  font-size:14px; font-weight:300;  border-right:1px solid #cccccc;}


.Rating td.box2 {font-size:14px; font-weight:300;  text-align:center;}
.Rating td.box p {font-size:14px; text-align:left; padding:10px 20px 10px 20px;}
.Rating tbody.hover tr:hover { background:#f9f9f9}

.Rating td.box ul { width:100%; padding:10px 0 10px 20px;}
.Rating td.box ul li {width:32%; text-align:left; display:inline-block; line-height:2; }

.Rating td.box ul li{list-style-type: none;} 
.Rating td.box ul li:before{content: counter(item, disc) " ";color: red; padding:0px 3px 0px 0px;}

.Rating td.box div.left {width:40%;float:left; border:0px solid #cccccc; }
.Rating td.box div.right {width:59.9%;float:left; border:0px solid #cccccc;}

.Rating td.box div.left h3 {border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
.Rating td.box div.right h3 {border-bottom:1px solid #cccccc;}
.Rating td.box div h3 {width:100%;line-height:3; text-align:center; font-size:14px; font-weight:500;}

.Rating td.box div.left ul {border-right:1px solid #cccccc; }
.Rating td.box div.left ul li {width:48%; text-align:left; display:inline-block; line-height:2; }



ul.text-list {width:100%;list-style-type:disc; margin:10px 0 0 20px;}
ul.text-list li { width:100%; text-align:left;font-size:14px; font-weight:300;  display:inline-block; line-height:1; }











@media all and (max-width: 480px) { 



.pc-mode {display:none}
.mobile-mode {display:inline-block;}

.subcon-tit {text-align:left; font-size:23px;color:#4589bd;font-weight:500; border-bottom:1px solid #CCC; line-height:40px; width:100%; 
padding:0; margin:30px 0 0px 0; background: url('../../img/_designcoco/images/title-bg.jpg') center no-repeat; background-size: 100%; }

.subcon-tit i {font-size:30px; color:green }
.subcon-tit span {padding:0 5px 0 10px; margin:0 0 0px 0; }


.sub-page {width:100%;  margin:0 auto; padding:20px 0 50px 0; font-size:15px; line-height:20px; word-break: keep-all; }
.sub-page:after { content:""; display:block; clear:both; }
.txt {color:#000000;}

/* 서브페이지 */
.sub-contents {width:100%; padding:0 0 0px 0;}
/* 서브페이지 타이틀 */
.title-box {padding-bottom:10px; margin-bottom:10px;}
.title-box h3 {width:100%; text-align:center; padding-bottom:5px;}
.title-box .navi {width:100%; text-align:center;}


/* 서브페이지 상단이미지 */
.sub-top { width:100%;height:200px; margin-top:20px; padding:40px 0px 0px 0; text-align:left; }
.sub-top .slogan-box {text-align:left;float:left;width:62%; margin:0 auto; padding:10px 0 0 10px; }
#sub-top-01 {background:url('../images/sub_top_01.jpg') center top no-repeat; background-attachment:fixed;background-size:cover;  }
#sub-top-02 {background:url('../images/sub_top_02.jpg') center top no-repeat; background-attachment:fixed; background-size:cover;  }
#sub-top-03 {background:url('../images/sub_top_03.jpg') center top no-repeat; background-attachment:fixed;background-size:cover;  }
#sub-top-04 {background:url('../images/sub_top_04.jpg') center top no-repeat; background-attachment:fixed; background-size:cover;  }
#sub-top-05 {background:url('../images/sub_top_05.jpg') center top no-repeat; background-attachment:fixed;background-size:cover; }
#sub-top-06 {background:url('images/sub_top_06.jpg') center top no-repeat; background-attachment:fixed;  }
#sub-top-03 .slogan-tit {font-size:19px; font-weight:500; color:#f69100; padding-top:0px;}
#sub-top-03 .slogan-box > p { width:85%; color:#505050; font-size:16px; line-height:16px;}
.slogan-box {padding:30px 0 30px; }
.slogan-tit {font-size:19px; font-weight:500; color:#f69100; padding-top:10px;}
.slogan-box > p {color:#565656; font-size:14px; line-height:16px;}


/* ---------------------페이지별 상단 베너 --------------------------------------- */
.service-intro {width:100%; height:250px; }
#sub5.service-intro {width:100%; height:200px;}

#sub1.service-intro {text-align:left; width:100%; padding:10px 10px 0px 10px; background: url('../images/service_intro1.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
#sub2.service-intro {text-align:left; width:100%; padding:10px 10px 0px 10px; background: url('../images/service_intro2.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
#sub3.service-intro {text-align:left; width:100%; padding:10px 10px 0px 10px; background: url('../images/service_intro3.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
#sub4.service-intro {text-align:left; width:100%; padding:10px 10px 0px 10px; background: url('../images/service_intro4.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
#sub5.service-intro {text-align:left; width:100%; padding:10px 10px 0px 10px; background: url('../images/service_intro5.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}
#sub6.service-intro {text-align:left; width:100%; padding:10px 10px 0px 10px; background: url('../images/service_intro6.jpg') center no-repeat; background-size:cover; margin-bottom:40px;}

.service-intro .part-btn {display:block; color:#333 !important; width:160px; margin-top:20px; border:1px solid #666; padding:8px 0; text-align:center; font-size:14px; }
.service-intro .part-btn:hover {background:#666; color:#FFF !important;}
.service-intro h3 {font-size:22px; line-height:22px; letter-spacing :-1px; padding:0 0 5px 0;}
.service-intro h2 {font-size:16px; line-height:20px; font-weight:300;padding:0px 0 0 0;}
.service-intro .tit {width:60%;  font-size:14px; line-height:20px; padding:10px 0 10px 0; font-weight:200; }
.service-intro .point {font-size:10px; letter-spacing :11px; padding:0 30px 6px 11px;}
.service-intro h3 .text_accent {font-size:24px;color:#ff7e00;}



/* 다모아 소개 */
.ceo-box {width:100%; margin:0 auto; text-align:center;word-break: keep-all;}

.ceo-box .ceo-tit {padding:20px 10px 10px 10px; }
.ceo-box .ceo-tit > .tit {font-size:20px; line-height:20px; font-weight:500; color:#000; padding-bottom:10px;}
.ceo-box .ceo-tit > .txt {font-size:14px; line-height:20px; font-weight:400; color:#876340; padding-bottom:10px;word-break: keep-all;}
.ceo-box .mobile-ceo-img {width:100%;padding:0px;vertical-align:top;}
.ceo-box .mobile-ceo-img img {width:100%; vertical-align:top}
.ceo-box .con {width:100%; font-size:16px; line-height:22px; font-weight:300; text-align:left;display: inline-block;  padding:20px; word-break:keep-all;}
.ceo-box .con h3 {font-size:25px; line-height:32px; font-weight:400; color:#000; padding-bottom:20px;}
.ceo-box .con h3 p {font-size:22px; line-height:32px; font-weight:400; color:#000;}
.ceo-box .ceo_sign {display:block; padding-top:30px; text-align:right;}

/* 오시는 길 */
.map .map_img {width:100%; height:250px;}
.map ul {width:100%; padding:10px; margin-top:20px; background:#F5F5F5; border:1px solid #E5E5E5;}
.map ul li {width:100%; padding:0px;text-align:left; display:inline-block;} 
.map ul li > .tit {display:inline-block; float:left; width:30%; color:#000; font-weight:500; padding-right:0px;}
.map ul li > .txt {display:inline-block; float:left;width:70%;}



 /* ---------------------주요서비스--------------------------------------- */


.Introduce {width:100%; margin:0 auto; padding:0 10px 0 10px; margin-top:0px;word-break: keep-all;  }
.Introduce .content {text-align:left; width:100%; vertical-align:top; display:inline-block; padding:0px 0px 10px 0px; }
.Introduce .content h3 { font-size:29px; color:#1bb1b8 ; line-height:25px; font-weight:500px; }
.Introduce .content h3.big { font-size:55px; line-height:25px; font-weight:bold; }
.Introduce .content .tit { width:100%; font-size:22px;  color:#876340 ; line-height:30px; font-weight:400; padding:15px 0 0 0;  }
.Introduce .content .tit2 { font-size:18px;  line-height:25px; font-weight:300; padding:15px 0px 0 0 }
.Introduce .content .txt {  font-size:16px;  line-height:20px; font-weight:300;color:#787878; padding:10px 0px 0px 0; word-break: keep-all; }
.Introduce-img {width:100%; display:inline-block; text-align:right; }
.Introduce-img img {width:100%;vertical-align:middle;margin-top:0px; text-align:right; } 



.guide_wrap {widh: 100%; padding:0px 10px 0px 10px; }
.guide_wrap .guide {width: 100%;  margin:0px 0 30px 0 ; }
.guide_wrap .image {width: 100%; display:inline-block; }
.guide_wrap .image img {width:100%; vertical-align:top;}
.guide_wrap .guide_text {width: 100%; text-align: left; display:inline-block; padding:10px 10px 0px 10px; vertical-align:top;}
.guide_wrap h3 {font-size:19px;  color:#26b9c0;line-height:20px; font-weight:500;display:inline-block;}
.guide_wrap h3 i {color:#ff0030;  padding:0px 5px 0px 0; }

.guide_wrap p {font-size:16px;line-height:22px; font-weight:300;display:inline-block;}
.guide_wrap ul { color:#787878; font-size:16px;line-height:22px; font-weight:300; padding:5px 0px 0 20px; }
.guide_wrap li { list-style-type:disc;}

.guide_wrap02 {widh: 100%; padding:10px 10px 0px 10px; }
.guide_wrap02 .guide {width: 100%;  margin:0px 0 0px 0 ;}
.guide_wrap02 .image {width: 100%; display:inline-block; }
.guide_wrap02 .image img {width:100%; vertical-align:top;}
.guide_wrap02 .guide_text01 {width: 100%; text-align: left; display:inline-block; padding:0px 10px 20px 10px; vertical-align:top;}
.guide_wrap02 .guide_text02 {width: 100%; text-align: left; display:inline-block; padding:0px 10px 20px 10px; vertical-align:top;}
.guide_wrap02 h3 {font-size:19px; color:#26b9c0; line-height:20px;font-weight:500;display:inline-block;padding:0px 0px 10px 0px;}
.guide_wrap02 h3 i {color:#ff0030;  padding:0px 10px 0px 0; }
.guide_wrap02 .mobile-mode {padding:0px 0px 10px 0; }

.guide_wrap02 p {font-size:16px;line-height:20px; font-weight:300;display:inline-block;}
.guide_wrap02 ul { color:#787878; font-size:15px;line-height:23px; font-weight:400; padding:10px 0px 0 20px; }
.guide_wrap02 li { list-style-type:disc; }





/* 등급 도표 */
.Rating {width:100%; margin:0 auto; padding:10px ; text-align:center; }
.Rating table { border-collapse:collapse;  width:100%; margin:0px 0 0px 0;}
.Rating .blue { border:1px solid #cccccc;}
.Rating .blue thead {  background:#f3f3f3;}
.Rating thead { font-size:16px; font-weight:400; }

.Rating tr {border-bottom:1px solid #cccccc;}
.Rating th { text-align:center;  padding:10px 0 10px 0;  border-right:1px solid #cccccc;}
.Rating th.tit1 { width:35%; text-align:center; }
.Rating th.tit2 { width:40%; text-align:center; }
.Rating th.tit3 { width:20%; text-align:center; }

.Rating td.tit1 { width:35%; text-align:center;  padding:5px 0; font-size:14px; font-weight:400;  line-height:1.5; }
.Rating td { text-align:left;  padding: 10px;  font-size:14px; font-weight:200;   border-right:1px solid #cccccc;}

.Rating td.box { text-align:left;  padding: 0px;  font-size:14px; font-weight:300;  border-right:1px solid #cccccc;}


.Rating td.box2 {font-size:14px; font-weight:300;  text-align:center;}
.Rating td.box p {font-size:14px; text-align:left; padding:10px 20px 10px 20px;}
.Rating tbody.hover tr:hover { background:#f9f9f9}

.Rating td.box ul { width:100%; padding:10px 0 10px 20px;}
.Rating td.box ul li {width:32%; text-align:left; display:inline-block; line-height:2; }

.Rating td.box ul li{list-style-type: none;} 
.Rating td.box ul li:before{content: counter(item, disc) " ";color: red; padding:0px 3px 0px 0px;}

.Rating td.box div.left {width:40%;float:left; border:0px solid #cccccc; }
.Rating td.box div.right {width:59.9%;float:left; border:0px solid #cccccc;}

.Rating td.box div.left h3 {border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
.Rating td.box div.right h3 {border-bottom:1px solid #cccccc;}
.Rating td.box div h3 {width:100%;line-height:3; text-align:center; font-size:14px; font-weight:500;}

.Rating td.box div.left ul {border-right:1px solid #cccccc; }
.Rating td.box div.left ul li {width:48%; text-align:left; display:inline-block; line-height:2; }



ul.text-list {width:100%;list-style-type:disc; margin:10px 0 0 20px;}
ul.text-list li { width:100%; text-align:left;font-size:14px; font-weight:300;  display:inline-block; line-height:1; }



/* ---------------------노인장기요양보험--------------------------------------- */

/* 노인장기요양보험 안내*/

.business .Introduce02 {width:100%; margin:0 auto; padding:0px 10px 0px 10px; }
.business .Introduce02 .content {text-align:left; width:100%; vertical-align:top; display:inline-block;  margin:0 auto; padding:20px 0px 0px 0px; }
.business .Introduce02 .content h3 { font-size:22px; color:#4589bd ; line-height:22px; font-weight:400; }
.business .Introduce02 .content h3.big { font-size:55px; line-height:25px; font-weight:bold; }
.business .Introduce02 .content .tit {width:100%; font-size:16px;  color:#876340 ; line-height:20px; font-weight:300; padding:15px 0 0 0 }
.business .Introduce02 .txt {text-align:left;  font-size:16px;  line-height:22px; font-weight:300; padding:20px 0px 20px 0px;}
.business .Introduce02 .service-img {width:100%; display:inline-block; }
.business .Introduce02 .service-img img {width:100%;vertical-align:middle;margin-top:25px; } 
.business .Introduce02 .content .point {font-size:10px; letter-spacing :15px; padding:0 0px 6px 0px; margin:0 0 0 115px}
.business .Introduce02 .content .text_accent {font-size:28px;color:#ff7e00;}

.business .Introduce02 ul.ja {width:100%; text-align:left;  padding:20px 0px 0px 0px;}
.business .Introduce02 ul.ja li {display:inline-block; text-align:left;  font-size:16px;  line-height:20px; font-weight:400; margin:5px 0px 5px 0px}
.business .Introduce02 ul.ja li span {font-size:16px; font-weight:200; padding: 0 0 0 5px;}
.business .Introduce02 ul.ja2 {width:100%; text-align:left;  padding:20px 0px 0px 20px;}
.business .Introduce02 ul.ja2 li {display:inline-block; text-align:left;  font-size:16px;  line-height:20px; font-weight:200; margin:3px 0px 3px 0px}




.business .Introduce03 {width:100%; margin:0 auto; padding-bottom:10px; }
.business .Introduce03 .content {text-align:left; width:100%; vertical-align:top; display:inline-block; padding:25px 10px 10px 10px; }
.business .Introduce03 .content h3 { font-size:22px; color:#4589bd ; line-height:25px; font-weight:400; }
.business .Introduce03 .content h3.big { font-size:55px; line-height:25px; font-weight:bold; }
.business .Introduce03 .content .tit {width:100%; font-size:20px;  color:#876340 ; line-height:25px; font-weight:400; padding:15px 0 0 0 }
.business .Introduce03 .content .txt {   font-size:16px;  line-height:22px; font-weight:300; padding:10px 0px 0px 0;}
.business .Introduce03 .service-img {width:100%; display:inline-block; }
.business .Introduce03 .service-img img {width:100%;vertical-align:middle;margin-top:25px; } 
.business .Introduce03 .content .point {font-size:10px; letter-spacing :15px; padding:0 0px 6px 0px; margin:0 0 0 115px}
.business .Introduce03 .content .text_accent {font-size:28px;color:#ff7e00;}

.business .Introduce03 ul {width:100%; text-align:left;  padding:20px 0px 0px 0px;}
.business .Introduce03 ul li {display:inline-block; text-align:left;  font-size:16px;  line-height:20px; font-weight:300; margin:5px 0px 5px 0px}
.business .Introduce03 ul li p {text-align:left;  font-size:14px; color:red; line-height:20px; font-weight:200; padding:5px 0px 5px 10px}

.business .Introduce03 div.box {width:100%; text-align:left;margin-top:40px; padding:10px; border:1px solid #ccc;  word-break:normal;}
.business .Introduce03 div.box h3 {font-size:20px; color:#876340 ;  font-weight:600; }
.business .Introduce03 div.box p.txt {font-size:14px; line-height:25px; font-weight:300; padding:0px 0 0 10px}
.business .Introduce03 div.box ul {padding:8px 0px 0px 0px;} 
.business .Introduce03 div.box ul li{list-style-type: none;font-size:14px; line-height:22px; font-weight:200;margin:0px 0px 0px 0px} 





.document-3s {width:100%;  padding:0px 10px 0px 10px;  margin:0 auto; text-align:top;}
.document-3s p {width:95%; padding:10px 0 15px 0; font-size:16px; color:#FFF; line-height:21px; word-break:keep-all; margin:0 auto; text-align:center;}
.document-3s img {width:20%; padding:20px 0 20px 0;}
.document-box-01 i,.document-box-02 i,.document-box-03 i {color:#FFF; font-size:70px;  padding:15px 0 0px 0;} 
.document-3s  .point{ color:#FFF; font-size:40px; line-height:50px; font-weight:500; }
.document-3s .line {width:2%;  display:table-cell; vertical-align:middle; background:#fff;}
.document-3s .document-box-01 {width:100%; display:inline-block;  vertical-align:top; background:#e3a600;  padding:0px 0 20px 0;} 
.document-3s .document-box-01 h3 {width:100%; color:#FFF; font-size:22px; line-height:50px; font-weight:500; background:#c48f00;}
.document-3s .document-box-02 {width:100%; display:inline-block; vertical-align:top; background:#8db138;padding:0px 0 20px 0;} 
.document-3s .document-box-02 h3 {width:100%; color:#FFF; font-size:25px; line-height:50px; font-weight:500; background:#709b0a;}




.document-3s p.cer-btn-a {width:150px; padding:8px; font-size:14px; color:#ffffff !important;  line-height:21px;  margin:0 auto; text-align:center; background:#c48f00; }
.document-3s p.cer-btn-a:hover { background:#765600; }
.document-3s p.cer-btn-b {width:150px; padding:8px; font-size:14px; color:#ffffff !important;  line-height:21px;  margin:0 auto; text-align:center; background:#709b0a; }
.document-3s p.cer-btn-b:hover { background:#4d6c05; }
.document-3s p a {color:#ffffff  }


.business .Rating {width:100%; margin:0 auto; padding:0; text-align:center; }
.business .Rating table { border-collapse:collapse;  width:100%; margin:10px 0 10px 0;}
.business .Rating .blue { border:1px solid #cccccc;}
.business .Rating tr {border-bottom:1px solid #cccccc;}
.business .Rating td.tit1 { width:18%; text-align:center;  padding:5px 0; font-size:16px; font-weight:400;  line-height:1.5; background:#ebebeb;}
.business .Rating td.txt { width:82%;text-align:left;  padding: 5px;  font-size:14px; font-weight:300; line-height:20px; }



/* 노인성질환 도표 */
.disease {width:100%; margin:0 auto; padding:10px; text-align:center; }
.disease table { border-collapse:collapse;  width:100%; margin-top:30px;}
.disease .blue { border:1px solid #cccccc;}
.disease .blue thead {  background:#f3f3f3;}
.disease thead { font-size:16px; font-weight:400; }

.disease tr {border-bottom:1px solid #cccccc;}
.disease th { text-align:center;  padding:17px 0 17px 0;  border-right:1px solid #cccccc;}
.disease th.tit1 { width:20%; text-align:center; }
.disease th.tit2 { width:80%; text-align:center; }
.disease td.tit1 { width:20%; text-align:center;  padding:5px 0; font-size:16px; font-weight:400;  line-height:1.5; }

.disease td.box { text-align:left;  padding: 0px;  font-size:14px; font-weight:300;  border-right:1px solid #cccccc;}

.disease td.box ul { width:100%}
.disease td.box ul.code { width:100%;}
.disease td.box ul.code li { text-align:center; padding:8px 0 8px 10px; }
.disease td.box ul li { text-align:left; padding:8px 0 8px 0px; border-bottom:1px solid #cccccc;}
.disease td.box ul li.last { border-bottom:0px solid #cccccc;}

.disease td.box2 p {font-size:14px;   text-align:center; padding:10px 10px 10px 10px;}
.disease td.box p {font-size:14px;   text-align:left; padding:10px 20px 10px 20px;}
.disease tbody.hover tr:hover { background:#f9f9f9}
.disease p {font-size:14px; text-align:left; padding:10px 10px 10px 10px;}

.disease ul.text-list {width:100%;list-style-type:disc; margin:10px 0 0 0px;}
.disease ul.text-list li { width:100%; text-align:left;font-size:14px; font-weight:300;  display:inline-block; line-height:1; }


}


