@charset "utf-8";
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('../font/NanumGothic.eot'); 
  src: local('※'), url('../font/NanumGothic.woff') format('woff'), url('../font/NanumGothic.ttf') format('truetype'); 
} 

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;font-family:'NanumGothic', '나눔고딕', "맑은고딕",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; line-height:1; font-size:12px; color:#333;  }
a { text-decoration:none; color:#333}
a:hover { text-decoration:none; }
em { font-style:normal }
input[type="text"],
input[type="password"] ,
textarea { font-family:'NanumGothic', '나눔고딕','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }
select { font-family:'NanumGothic','나눔고딕',"맑은고딕",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }


/**************************************************************************************************************
	공통
**************************************************************************************************************/
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;background:none;}
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb5 { margin-bottom:5px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb40 { margin-bottom:40px !important }
.mb50 { margin-bottom:50px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb130 { margin-bottom:130px !important }
.mb150 { margin-bottom:150px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none_bor { border:0 !important }
.center { text-align:center !important }
.txt-center { text-align:center !important }
.txt-left { text-align:left !important }
.txt-right { text-align:right !important }
.f12 { font-size:12px !important }
.txt-under { text-decoration:underline !important }
.blue { color:#0991bd !important } 
.org { color:#fb6827 !important }
.bold { font-weight:bold !important }
.red { color:#fe4e00 !important }
.gray { color:#8d8d8d !important }
.inline { display:inline-block; }

.col-box:after { display:block; content:''; clear:both; }
.col-left { float:left; }
.col-right { float:right; }

/******************************************************************************************************************************************************
	Common
******************************************************************************************************************************************************/
body { min-width:980px; }
/*skipnavi*/
#skipNavi{text-align:center; position:absolute; z-index:5; width:100%;}
#skipNavi a{position:absolute; left:0; top:-9999em; font-size:16px;}
#skipNavi a:hover, #skipNavi a:active, #skipNavi a:focus{width:100%; padding:5px 0; display:block; top:0; z-index:99999; background:#3e3e3e; font-weight:bold; color:#fff;}
.inner { width:980px; margin:0 auto;  box-sizing:border-box; }
.inner:after { display:block; content:''; clear:both; }
.lnb { position:absolute; right:0; top:27px; }
.lnb a { float:left; margin-left:12px; padding-left:13px; background:url(../img/common/line_lnb.gif) no-repeat 0 0; font-size:12px; font-family:'돋움',dotum; color:#818181; } 
.lnb a:first-child { margin-left:0; padding-left:0; background:none; }
h1 { position:absolute; left:0; top:66px; }
#header { height:120px; background:url(../img/common/bg_header.png) repeat-x 0 100%; position:relative; z-index:1000; }
/*#header .inner {padding:66px 0 0 319px; }*/
#header .inner { position:relative; }
#gnb { position:absolute; left:319px; top:66px; z-index:10; }
#gnb > ul {  }
#gnb > ul:after { display:block; content:''; clear:both }
#gnb > ul > li { float:left; background:url(../img/common/bu_gnb.gif) no-repeat 0 0; letter-spacing:-1px; }
#gnb > ul > li .btn-dep1 { display:block; font-size:16px; height:20px; text-align:center; background-position:50% 0; background-repeat:no-repeat; text-indent:-9999px; }
#gnb > ul > li.m1 { width:137px; }
#gnb > ul > li.m2 { width:128px; }
#gnb > ul > li.m3 { width:143px; }
#gnb > ul > li.m4 { width:151px; }
#gnb > ul > li.m5 { width:102px; }

#gnb > ul > li.m1 .btn-dep1 { background-image:url(../img/common/gnb1_off.png); }
#gnb > ul > li.m2 .btn-dep1 { background-image:url(../img/common/gnb2_off.png); }
#gnb > ul > li.m3 .btn-dep1 { background-image:url(../img/common/gnb3_off.png); }
#gnb > ul > li.m4 .btn-dep1 { background-image:url(../img/common/gnb4_off.png); }
#gnb > ul > li.m5 .btn-dep1 { background-image:url(../img/common/gnb5_off.png); }
#gnb > ul > li.m1:hover .btn-dep1 { background-image:url(../img/common/gnb1_on.png); }
#gnb > ul > li.m2:hover .btn-dep1 { background-image:url(../img/common/gnb2_on.png); }
#gnb > ul > li.m3:hover .btn-dep1 { background-image:url(../img/common/gnb3_on.png); }
#gnb > ul > li.m4:hover .btn-dep1 { background-image:url(../img/common/gnb4_on.png); }
#gnb > ul > li.m5:hover .btn-dep1 { background-image:url(../img/common/gnb5_on.png); }

#gnb .dep2 { display:none; background:url(../img/common/bu_gnb.gif) repeat-y 0 0; padding-top:44px; height:106px; position:relative;  }
#gnb .dep2:before { content:''; position:absolute; right:0; top:44px; height:106px; width:1px; background:#e6e9ea; }

#gnb .dep2 li { padding-left:25px;  }
#gnb .dep2 li a { font-size:14px; color:#606060; line-height:24px; }
.bg-gnb { display:none; position:absolute; left:0; right:0; height:133px; top:120px; background:url(../img/common/bg_gnb.gif) repeat 0 0;  }
#gnb .dep2 li a:hover { color:#0c72b5; text-decoration:none; font-weight:600; }
#header.active .dep2,
#header.active .bg-gnb { display:block; }
h1 { height:52px; border-bottom:1px solid #ec008c; width:200px; }

#footer { height:159px; background:#fbfbfb; }
#footer .inner { padding-top:24px; position:relative; }
#footer .col-box .col-right { font-size:12px; color:#a2a3a3; }
#footer .col-box .col-right span,
#footer .col-box .col-right a { display:inline-block; vertical-align:middle; margin:0 1px;}
#footer .col-box .col-right a.shadow { box-shadow:0 0 2px rgba(0,0,0,0.1); }
#footer .addr { font-size:12px; line-height:18px; color:#a2a3a3; }
#footer .addr a { color:#333; position:relative; font-weight:600; }
#footer .addr span { margin-left:12px; }
#footer .addr span em { display:inline-block;  width:1px; height:10px;  background:#ddd; margin:0 8px; }
#footer .family { position:absolute; right:0; top:57px; }
#footer .family a { font-size:11px; color:#7e7979; font-family:'돋움',dotum; background:#fff; white-space:nowrap; overflow:hidden; }
#footer .family > a { display:block; width:128px; padding:0 5px; height:22px; border:1px solid #d5d5d5; line-height:21px; text-decoration:none; background:#fff url(../img/common/bu_foot_select.png) no-repeat 100% 0; }
#footer .family ul { display:none; position:absolute; left:0; right:0; bottom:23px; border:1px solid #d5d5d5; }
#footer .family ul li  { border-top:1px solid #d5d5d5; }
#footer .family ul li:first-child { border-top:0; }
#footer .family ul li a { display:block; padding:5px 5px; text-decoration:none; }
#footer .family ul li a:hover { background:#f2f2f2; }
#footer .family:hover ul { display:block; }


/******************************************************************************************************************************************************
	Main
******************************************************************************************************************************************************/
.main-wrap { clear:both; height:883px; background:url(../img/main/bg_main.jpg) no-repeat 0 0; }
.main-visual { height:386px; border-bottom:1px solid #ec008c; }
.main-visual .inner { /*background:url(../img/main/bg_visual1.png) no-repeat 100% 0;*/ position:relative; }
.main-visual .inner:before { content:''; position:absolute; right:0; top:0; bottom:0; width:44px; background:url(../img/main/bg_visual1.png) no-repeat 100% 0; z-index:100; }
.visual { height:386px; position:relative; }
.visual .img1 { position:absolute; left:92px; top:90px; opacity:0;}
.visual .img2 { position:absolute; left:92px; top:150px; opacity:0; }
.visual .img3 { position:absolute; right:10px; bottom:0; opacity:0 }
.visual2 .img3 { right:43px; }
.main-visual .bx-pager { position:absolute; left:19px; bottom:12px; z-index:1000; }
.main-visual .bx-pager div { display:inline-block; vertical-align:middle; margin:0 3px; }
.main-visual .bx-pager div a { display:block; width:13px; height:13px; text-indent:-9999px; background:#491d74; border-radius:100%; }
.main-visual .bx-pager div a.active { background-color:#ec008c; }

.main-btns { overflow:hidden; padding-top:30px; border-top:6px solidd #ec008c; margin-bottom:38px; }
.main-btns a { float:left; margin-left:13px; }
.main-btns a:first-child { margin-left:0; }
.main-col4 { overflow:hidden; margin-bottom:50px; }
.main-col4 > div { float:left; margin-left:13px; }
.main-col4 > div:last-child { margin-left:14px; }
.main-col4 > div:first-child { margin-left:0; }
.main-col4 .latest { width:246px; }
.main-col4 .latest .tit { }
.main-col4 .latest a { display:block;  }
.main-col4 .latest .subj { height:64px; padding:14px 10px 0 10px; font-size:14px; line-height:17px; color:#000; background:#efeff0; box-sizing:border-box; }
.main-col4 .latest .subj span { height:34px; overflow:hidden; }


/******************************************************************************************************************************************************
	Content
******************************************************************************************************************************************************/

#snb { float:left; width:200px; padding-top:40px; }
#snb h2 { height:95px; background:url(../img/common/bg_snb_title.gif) no-repeat 0 0; }
#snb h2 p {	font-size: 34px;font-weight: 600;	color: #ec008c;	padding: 22px 0 0 0; text-align:center;}
#container.sub1 #snb h2 p { letter-spacing:-5px; } 
#snb .nav { margin-bottom:20px; }	
#snb .nav > ul > li {  }
#snb .nav a { text-decoration:none; }
#snb .nav .btn-dep1 { display:block; height:42px; line-height:41px; padding-left:18px; font-size:14px; color:#303030; font-weight:600; border-bottom:1px solid #e9e9e9; }
#snb .nav > ul > li:last-child  a { border-color:#c4c4c5; }
#snb .nav > ul > li.dep2 .btn-dep1 { background:url(../img/common/ico_snb_plus.gif) no-repeat 172px 15px; }
#snb .nav .btn-dep1:hover,
#snb .nav li.active > a { color:#ec008c !important; }
#snb .nav .dep2 ul { display:none; padding:22px 0 22px 33px; background:#f7f7f7; border-bottom:1px solid #e9e9e9; }
#snb .nav .dep2 .btn-dep2 { display:block; font-size:14px; color:#303030; line-height:24px; }
#snb .nav .dep2 .btn-dep2:before { content:'-'; display:inline; margin-right:4px; }
#snb .nav .dep2 .btn-dep2:hover { color:#ea088c; }
#snb .nav .dep2.active .btn-dep1 { color:#ea088c; background-image:url(../img/common/ico_snb_minus.gif); }
#snb .nav .dep2.active ul { display:block; }
#snb .cs { margin-bottom:20px; margin-top:20px; }

#content { float:right; width:732px; }
#content .path { text-align:right; font-size:13px; color:#73737e3; padding:14px 0 13px; }
#content h3 { padding:37px 0 0 220px; margin-bottom:11px; min-height:90px; }
#content h3 strong { display:block; font-size:30px; color:#303030; font-weight:900; margin-bottom:10px; }
#content h3 p { font-size:14px; line-height:21px; color:#909090; margin-bottom:6px; font-weight:600; letter-spacing:-1px; }
#content h3 span { display:block; padding-left:16px; text-indent:-16px; font-size:12px; color:#e5a2a2; line-height:15px; }
#content h4 { font-size:24px; font-weight:600; color:#333; padding:0 0 30px 8px; }

#container { padding-bottom:117px; }
#container.sub1 h3 { background:url(../img/sub1/h3_ico.png) no-repeat 0 0; }
#container.sub2 h3 { background:url(../img/sub2/h3_ico.png) no-repeat 0 0; }
#container.sub3 h3 { background:url(../img/sub3/h3_ico.png) no-repeat 0 0; }
#container.sub4 h3 { background:url(../img/sub4/h3_ico.png) no-repeat 0 0; }
#container.sub5 h3 { background:url(../img/sub5/h3_ico.png) no-repeat 0 0; }
#container.member h3 { background:url(../img/member/h3_ico.png) no-repeat 0 0; }
#container.sitemap h3 { background:url(../img/sitemap/h3_ico.png) no-repeat 0 0; }


/* 갤러리 */
.gallery ul:after { display:block; content:''; clear:both; }
.gallery ul { margin:0 -5px 0 -6px; }
.gallery ul li { float:left; width:234px; height:269px; border:1px solid #d9d9d9; margin:0 5px 19px 6px; }
.gallery ul li a { display:block; }
.gallery ul li span { display:block; }
.gallery ul li span.thum img {height: 160px;} /* 170728 추가 */
.gallery ul li .txt { padding:10px 7px; border-bottom:1px solid #d9d9d9; font-weight:600; }
.gallery ul li .txt span{ font-size:16px; line-height:22px; color:#333; height:44px; overflow:hidden; }
.gallery ul li .col-box { padding:9px 7px; font-size:12px; color:#666; }
.gallery ul li .col-box .col-left span { display:inline; margin-right:6px; }

/* 웹진 */

.webzine ul:after { display:block; content:''; clear:both; }
.webzine ul { margin:0 -12px; }
.webzine ul li { float:left; width:228px; margin:0 12px 40px;   }
.webzine ul li a { display:block; width:228px; height:280px;  }
.webzine ul li a .thum { display:block; width:226px; height:235px; overflow:hidden; border:1px solid #d9d9d9; margin-bottom:6px; }
.webzine ul li a .thum img { width:226px; height:235px; }
.webzine ul li a .txt { display:block; text-align:center; border:1px solid #d9d9d9; height:32px; line-height:34px; font-size:12px; color:#303030; } 
.none-list { font-size:13px; text-align:center ; color:#222; padding:80px 0;}



.paging { text-align:center; margin-top:24px }
.paging a { display:inline-block; vertical-align:middle; margin:0 3px; padding:0 10px; font-size:13px; color:#999; line-height:30px; }
.paging a.active { color:#0077c0; font-weight:600; }


.paging2 { text-align:center; }
.paging2 a { display:inline-block; vertical-align:middle; padding:0 4px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#666; line-height:20px; }
.paging2 a.active { color:#e20f8c; font-weight:600; text-decoration:underline;  }

/* 게시판 상단 검색 */
.board-srch:after { display:block; content:''; clear:both; }
.board-srch { margin-bottom:9px; }
.board-srch .total { float:left; line-height:24px; font-size:13px; }
.board-srch .total strong { color:#e70f8c; font-weight:normal; }
.board-srch .srch-box { float:right; }
.board-srch .srch-box select { padding-left:10px; height:24px; border:1px solid #d9d9d9; font-size:12px; color:#606060; vertical-align:middle; }
.board-srch .srch-box input[type=text] { width:137px; height:22px; border:1px solid #d9d9d9; font-size:12px; color:#606060; padding:0 10px; vertical-align:middle; }
.board-srch .srch-box .btn-srch { width:66px; height:24px; line-height:21px; border:1px solid #d9d9d9; background:#ea088c; font-size:13px; text-align:center; color:#fff; vertical-align:middle; }

/* 건강이야기 상세 */
.board-view { padding:18px 35px 60px; border-top:1px solid #e9e9e9 !important; border-bottom:1px solid #e9e9e9 !important; margin-bottom:25px; margin-top:30px; }
.board-view .subject { margin:0 -25px; font-size:14px; color:#0077c0; padding-bottom:130px; text-align:right; }
.board-view .subject strong { color:#666; font-weight:normal;  }
.board-view .subject span { margin-right:30px; }
.board-view .view-box { font-size:18px; line-height:40px; color:#333; }
.board-view .view-box img { max-width:100%; }

.btn-box { min-height:75px; position:relative }
.btn-box .pull-left { position:absolute; left:0; top:0; }
.btn-box .pull-center {  text-align:center; }
.btn-box .pull-right { position:absolute; right:0; top:0; }
.btn-box .btn-white { display:inline-block; vertical-align:middle; padding:0 15px; line-height:44px; height:46; border:1px solid #cfcfcf; font-size:16px; color:#000; }
.btn-box .btn-pink { display:inline-block; vertical-align:middle; padding:0 56px; line-height:42px; height:44px; border:1px solid #ec008c; font-size:14px; color:#fff; background:#ec008c; }
.btn-box .btn-pink.border { display:inline-block; vertical-align:middle; padding:0 56px; line-height:42px; height:44px; border:1px solid #ec008c; font-size:14px; color:#222; background:#fff; }
.btn-box .pull-right a { margin-left:3px; }
.btn-box .btn-like { display:inline-block; vertical-align:middle; padding:15px 24px 15px 75px; border:1px solid #cfcfcf; background:url(../img/common/ico_like.png) no-repeat 27px 17px; }
.btn-box .btn-like strong { font-size:20px; color:#000; display:block; margin-bottom:6px; }
.btn-box .btn-like span { font-size:14px; color:#000; display:block; }
.btn-result {display:inline-block; vertical-align:middle; border:1px solid #cfcfcf; width:214px; height:68px; line-height:65px; font-size:24px; color:#ea088c; font-weight:600; text-align:center; }
.btn-box .btn-s { height:32px; line-height:30px; }

/* 문진 선택 */
.interview { padding:50px 30px 104px; border:1px solid #ccc; margin-bottom:11px; }
.interview .in { padding:22px 20px; background:#f7f7f7;  }
.interview .q { padding:5px 10px 5px 33px; background:url(../img/sub1/ico_q.png) no-repeat 0 0; font-size:16px; color:#666; line-height:1.4em; }
.interview ul { padding:15px 0 25px; }
.interview ul li { font-size:14px; color:#222; padding:8px 8px 8px 33px; }
.interview ul li p { margin-bottom:17px; }
.interview ul li input { margin-right:5px; vertical-align:middle; margin-top:-2px; }

/* 문진결과 */
.result { padding:51px 22px; border:1px solid #ccc; margin-bottom:12px; }
.result .in-box { padding:35px 24px 90px; background:#f7f7f7; }
.result .tit { text-align:center; font-size:26px; color:#3b3e3e; margin-bottom:36px; }
.result .tit span { color:#31bde2; }
/* .result .arrow-box { position:relative;} */
.result .arrow-box { position:relative; width: 591px; margin: 0 auto;}/* 170727 그래프 화살표 문제로 수정 */
.result .sub-tit { margin:15px 0; padding-left:45px; font-size:18px; font-weight:600; color:#000; background:url(../img/sub1/ico_bu.png) no-repeat 29px 5px; }
/* .result .in-box .in { padding:25px 0; text-align:center; background:#fff; }  */
.result .in-box .in { padding:25px 0; /*text-align:center;*/ background:#fff; } /* 170727 그래프 화살표 문제로 수정 */
.result .in-box .in2 { padding:26px 30px; background:#fff; margin-bottom:53px; }
.result .in-box .in2 .txt1 { font-size:18px; line-height:24px; color:#ea088c; font-weight:600; margin-bottom:30px; }
.result .in-box .in2 .txt2 { font-size:14px; line-height:24px; color:#090909; }
.result .in-box .in3 { padding:92px 30px 30px 85px; background:#eceaf4; position:relative; font-size:14px; line-height:24px; color:#333; }
.result .in-box .in3 .tip { position:absolute; left:38px; top:28px; font-size:18px; font-weight:600; }
.result .in-box .in3 h5 { font-size:14px; xfont-weight:normal; }

/* 게시판리스트 */
.list-table { margin-bottom:21px; }
.list-table table { width:100%; border-collapse:collapse; border-top:2px solid #ec008c; border-bottom:1px solid #a3a3a3; }
.list-table table thead th { height:37px; font-size:14px; color:#606060; background:#fbfbfb; border-top:1px solid #fff; border-bottom:1px dotted #ccc; }
.list-table table tbody td { text-align:center; font-size:13px; color:#606060; padding:13px 0; line-height:18px; border-top:1px solid #d9d9d9; }
.list-table table tbody tr:first-child td { border-top:0; }
.list-table table tbody td.subject { text-align:left; }
.list-table table tbody td a { color:#606060; }

/* 게시판 상세보기 */
.list-view { margin-bottom:12px; }
.list-view .title { overflow:hidden; height:37px; line-height:36px; padding:0 40px; background:#fbfbfb; border-top:2px solid #ec008c; font-size:12px; color:#606060; }
.list-view .view-box { padding:0 20px 130px; border-bottom:1px solid #a3a3a3; }
.list-view .view-box .subj { text-align:center; font-size:22px; line-height:1.3em; color:#303030; padding:60px 0; }
.list-view .view-box p { font-size:13px; line-height:24px; color:#606060; }

/* 서비스 등급 */
.level-table table { width:100%; border-collapse:collapse; border-top:2px solid #ec47a3; }
.level-table table td { border-left:1px solid #dedfe0; border-bottom:1px solid #dedfe0; padding:20px 17px; font-size:14px; color:#303030; line-height:21px; text-align:center; letter-spacing:-1px; background:#f2f2f2;  }
.level-table table td:first-child { border-left:0; font-size:15px; padding-left:0; padding-right:0; }
.level-table table tr.title td { font-size:24px; line-height:24px; font-weight:600; }
.level-table table tr.title .l-blue { color:#03a0da; }
.level-table table tr.title .l-purple { color:#6d3b97; }
.level-table table tr.title .l-pink{ color:#e4007f; }
.level-table table ul { text-align:left; }
.level-table table ul li:before { content:''; display:inline-block; vertical-align:middle; width:3px; height:3px; border-radius:100%; margin:-4px 7px 0 0; background:#303030; }

.level-table table td:nth-child(2) { background:#f2fafd; }
.level-table table td:nth-child(3) { background:#f8f5fa; }
.level-table table td:nth-child(4) { background:#fef2f8; }
.level-table table td:before { content:''; width:3px; position:absolute; left:0; top:0; bottom:0; background:#fff; z-index:10; }
.level-table table td:after { content:''; width:3px; position:absolute; right:0; top:0; bottom:0; background:#fff; z-index:10; }
.level-table table td:last-child:after { display:none; }
.level-table table td:first-child { background:none; }

/* 케어 */
.care { }
.care .c-tab { overflow:hidden; padding:16px 0 25px; border-top:3px solid #f1f2f3; }
.care .c-tab a { float:left; width:180px; height:48px; box-sizing:border-box; text-align:center; border:1px solid #b8c0c4; font-size:14px; line-height:21px; color:#606060; margin-left:4px; padding-top:12px;  margin-bottom:4px;}
.care .c-tab a.line2 { padding-top:2px; } 
.care .c-tab a.active { border-color:#ec008c; color:#303030; }

.care .c-tab a:nth-child(4n+1) { margin-left:0; }
.care .c-cont > div { display:none; }
.care .c-desc { font-size:16px; line-height:21px; border-bottom:3px solid #f1f2f3; padding:8px 0; margin-bottom:50px; }
.care h5 { font-size:16px; color:#000; font-weight:600; margin-bottom:25px; }
.care .txt { font-size:14px; line-height:21px; color:#303030; margin-bottom:75px; }
.care .txt .small { font-size:12px; color:#ff9999; padding-top:10px; }
.care .c-cont.type2 h5 { margin-bottom:13px; }
.care .c-cont.type2 .txt { margin-bottom:30px; }

.request-box { padding:35px 40px 0 0; background:#f7f7f7; border:1px solid #d8dcdf; }
.request-box table { width:100%; border-collapse:collapse; }
.request-box table td { padding:5px 0; font-size:14px; color:#303030; }
.request-box table td:first-child { width:60px; padding:0 13px; text-align:right; }
.request-box table input[type="text"] { width:100%; height:28px; line-height:25px; border:1px solid #d8dcdf; padding:0 10px; background:#fff; font-size:14px; color:#222; }
.request-box table textarea { width:100%; height:220px; border:1px solid #d8dcdf; padding:10px; background:#fff; font-size:14px; line-height:20px; color:#222; }
.request-box .btn-box { padding:10px 0 15px 80px; margin:0; min-height:inherit;  }
.request-box .iLabel { line-height:28px; padding-left:10px; color:#ccc; font-size:14px; }

 /* QNA */
.qna-box {}
.qna-box > div { display: none}
.qna-box > div:first-child { display: block }
.qna-box ul { background:url(../img/common/ico_qna_dot.png) repeat-x 0 100%;}
.qna-box ul li { font-size:14px; color: #303030; line-height:19px; }
.qna-box ul li .q { padding:20px 44px; background:url(../img/common/ico_qna_dot.png) repeat-x 0 0; cursor: pointer;}
.qna-box ul li .q strong { color:#ec008c}
.qna-box ul li .a { display: none;padding:44px; background:#f8f4f6 url(../img/common/ico_qna_dot.png) repeat-x 0 0;}
.qna-box ul li .a strong { }
.qna-box ul li.active .a { display: block }




/* 로그인 */
.login-box { width:392px; margin:0 auto;  }
.login-box .inp-box { position:relative; margin-bottom:14px; padding-right:113px; }
.login-box .inp-box .inp { width:100%; height:47px; border:1px solid #b8c0c4; padding:0 15px; box-sizing:border-box; font-size:18px; color:#000; line-height:43px; }
.login-box .inp-box a { position:absolute; right:0; top:0; width:99px; height:47px; background:#b8c0c4; font-size:16px; text-align:center; box-sizing:border-box; line-height:20px; padding-top:14px; }
.login-box .inp-box a.line2 { padding-top:5px; }
.login-box .inp-box .iLabel { padding-left:15px; font-size:18px; color:#000; line-height:44px; }
.login-box .btn-login { padding:27px 0 15px; }
.login-box .btn-login button { display:block; width:100%; height:72px; line-height:71px; text-align:center; background:#e4007f; font-size:30px; color:#fff; }
.login-box .login-desc { font-size:14px; line-height:20px; color:#606060; font-weight:600; }

/* 사이트맵 */
.sitemap-box { position:relative; height:736px; }
.sitemap-box .sitemap { position:absolute; right:0; top:0; bottom:0; width:980px; margin-top:45px; padding-top:23px; border-top:1px solid #e3e3e3; }
.sitemap-box .sitemap ul{overflow:hidden; }
.sitemap-box .sitemap ul li { float:left; width:236px; height:419px; margin-left:10px; position:relative; }
.sitemap-box .sitemap ul li:before { content:''; position:absolute; left:-5px; top:63px; height:180px; width:1px; background:#ededed; }
.sitemap-box .sitemap ul li.first { margin-left:0; }
.sitemap-box .sitemap ul li h5 { font-size:24px; font-weight:600; color:#e4007f; padding-bottom:5px; margin-bottom:40px; border-bottom:4px solid #e4007f; }
.sitemap-box .sitemap ul li dl { padding-left:37px; margin-bottom:18px; }
.sitemap-box .sitemap ul li dl dt { font-size:17px; color:#303030; font-weight:600; margin-bottom:5px; }
.sitemap-box .sitemap ul li dl dd { font-size:14px; color:#606060; line-height:24px; }







/* MODAL */
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.5; filter:alpha(opacity=50);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; text-align:left;}
.modal-dialog {position:relative; width:auto;margin:0 auto; border-radius:5px; }
.modal-header { padding:8px 0 24px 0; text-align:center; font-size:20px; color:#303030 ; border-bottom:1px solid #cecece; }

.modal-content {position:relative; color:#555; background-color:#fff; outline:none;  overflow:hidden; padding:16px;}
.modal .close {position:absolute; top:10px; right:10px; width:50px; height:50px; padding:0; border:0; background:url(../img/common/ico_modal_close.png) no-repeat 50% 50% ; outline:none;}
.modal-body {}
.modal-footer:after {content:""; display:block; clear:both;}
.modal-body h3 { font-size:17px; color:#222; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px; position:relative; }
.modal-body h3 .pos-right { position:absolute; right:0; top:-9px;  }
.modal-body .txt { font-size:13px; line-height:22px; color:#666; margin-bottom:20px; }
.modal .basic-box { text-align:center; padding:44px 0; font-size:14px; line-height:21px; color:#606060; } 
.modal .basic-box strong { color:#1058a5; font-weight:600; }
.modal .basic-box .black { color:#222 !important; }
.modal .basic-box .pink { color:#1058a5 !important; }
.modal .basic-box .purple { color:purple !important; }
.modal .basic-box .img { margin-bottom:15px; }
.modal-footer { text-align:center; margin-bottom:30px; }
.modal-footer a { display:inline-block; vertical-align:middle; margin:0 3px; height:52px; width:132px; line-height:49px; text-align:center; border:1px solid #909090; font-size:14px; color:#000; }
.modal-footer .btn1 { border-color:#ea088c; }

.modal-terms { padding:25px; }
.modal-terms .temrs-scroll { margin:20px 0 45px; width:100%; height:384px; overflow:hidden; overflow-y:auto; border:0; font-size:14px; line-height:21px; color:#909090; }
.modal-terms .modal-footer a { width:222px; margin:0 5px; font-size:18px; }

#modalRequest .close { border:1px solid #999; width:40px; height:40px; }
#modalRequest .modal-content { padding:50px 42px; }
#modalRequest .modal-header { font-size:30px; display:inline-block; padding-top:0; vertical-align:middle; padding-bottom:13px; border-bottom:5px solid #ea088c; font-weight:600; margin-bottom:10px;} 
#modalRequest .webzine-request h6 { font-size:16px; font-weight:600; color:#303030; margin-bottom:10px; }
#modalRequest .webzine-request .txt1 { font-size:14px; line-height:19px; color:#909090; margin-bottom:11px; }
#modalRequest .webzine-request .agree-box { padding:10px 0 32px; font-size:16px; color:#909090; }
#modalRequest .webzine-request .agree-box label { margin-right:25px; }
#modalRequest .webzine-request .agree-box label:first-child { font-weight:600; color:#222; }
#modalRequest .webzine-request .txt2 { font-size:14px; color:#303030; margin-bottom:8px; font-weight:600; }
#modalRequest .webzine-request .mail { line-height:30px; margin-bottom:35px; }
#modalRequest .webzine-request .mail span { font-size:16px; font-weight:600; color:#000; margin-right:8px; }
#modalRequest .webzine-request .mail input { width:384px; height:28px; border:1px solid #909090; line-height:25px; font-size:14px; color:#303030; padding-left:10px;}
#modalRequest .modal-footer { margin-bottom:0; }
#modalRequest .modal-footer a { width:220px; height:50px; line-height:48px; font-size:18px; }



#modalTermsInfo h3,
#modalTerms h3 { padding:37px 0 0 220px; margin-bottom:11px; min-height:90px; background:url(../img/member/h3_ico.png) no-repeat 0 0;; }
#modalTermsInfo h3 strong,
#modalTerms h3 strong { display:block; font-size:30px; color:#303030; font-weight:900; margin-bottom:10px; }
#modalTermsInfo h3 p,
#modalTerms h3 p { font-size:14px; line-height:21px; color:#909090; margin-bottom:6px; font-weight:600; letter-spacing:-1px; }
#modalTermsInfo h3,
#modalTerms h3 {  }





/* 라이프 케어 서비스 2.0 관련 수정 */
.care {padding-top: 15px; border-top: 3px solid #f1f2f3;}
.care .c-tab {padding-top: 30px; border-top: none;}
/* 서비스 tab */
.ver-tab-box .tab-wrap {list-style: none; margin: 0; position: relative;}
.ver-tab-box .tab-item {float: left; width: 180px; height: 48px; margin-left: 3px;}
.ver-tab-box .tab-item:first-child {margin-left: 0;}
.ver-tab-box .tab-anchor {display: block; border: 2px solid #b8c0c4; text-align: center; cursor: pointer;}
.ver-tab-box .tab-anchor .txt {font-size: 17px; font-weight: normal; color: #000; letter-spacing: -1px; line-height: 44px; }
.ver-tab-box .tab-cont {position: absolute; width: 100%; top: 60px; left: 0; border-top: 3px solid #ec47a3; display: none;}
.ver-tab-box .tab-item.active .tab-anchor {border: 2px solid #ec008c;}
.ver-tab-box .tab-item.active .tab-cont {display: block;}

/* 서비스 table 공통 */
.tab-cont .service-detail h5,
.tab-cont .service-division h5,
.tab-cont .service-condition h5  {font-size: 20px; font-weight: normal; color: #000; padding-top: 45px; padding-bottom: 20px; letter-spacing: -1px;}
.tbl {width: 100%;}
.tab-cont .c-cont .cont > .service-detail h5, 
.tab-cont .c-cont .cont > .service-division h5, 
.tab-cont .c-cont .cont > .service-condition h5 {padding-top: 20px;}
/* 기존 */
.tab-cont .level-table table {border-top: 0;}
/* 서비스 table - type1 */
.tbl-box.type1 {padding-top: 2px; border-top: 2px solid #d8dcdf; }
.tbl-box.type1 thead th {font-size: 15px; font-weight: normal; color: #303030; padding: 17px 10px 18px; text-align: center; letter-spacing: -1px; border-bottom: 1px solid #dddfe0; border-left: 1px solid #dddfe0; background-color: #e4e9ea;}
.tbl-box.type1 thead.th-grade {width: 17%;}
.tbl-box.type1 thead.th-detail {width: auto;}
.tbl-box.type1 thead.th-method {width: 20%;}
.tbl-box.type1 thead th:first-child {border-left: 0;}
.tbl-box.type1 tbody th, 
.tbl-box.type1 tbody td {letter-spacing: -1px; border-bottom: 1px solid #dddfe0;}
.tbl-box.type1 tbody th {font-size: 15px; font-weight: normal; color: #333; padding: 27px 10px 18px; line-height: 21px; text-align: center; } 
.tbl-box.type1 tbody td {font-size: 15px; font-weight: normal; color: #333; padding: 27px 15px 33px 20px; line-height: 24px; border-left: 1px solid #dddfe0;}
.tbl-box.type1 dd {margin-left: 8px;}
/* 생활/문화 서비스 (서비스 내용 service-detail) */
.care .tbl-service.type1 .service {}
.care .tbl-service.type1 .txt-service.type1 {padding-left: 150px; text-indent: -150px;} /*유기농야채서비스*/
.care .tbl-service.type1 .txt-partners {padding-left: 65px; text-indent: -65px;}
.care .tbl-service.type1 .txt-detail {padding-left: 80px; text-indent: -80px;}
.care .tbl-service.type1 .txt-period {padding-left: 65px; text-indent: -65px;}
/* 서비스 table - type2 */
.tbl-box.type2 {border-top: 3px solid #d8dcdf; }
.tbl-box.type2 thead th {font-size: 18px; font-weight: normal; color: #333; padding: 24px 10px 24px; text-align: center; letter-spacing: -1px; line-height: 21px; border-bottom: 1px solid #dddfe0; border-left: 1px solid #dddfe0;}
.tbl-box.type2 thead th:first-child {border-left: 0;}
.tbl-box.type2 tbody th {font-size: 15px; font-weight: normal; color: #303030; padding: 16px 10px 20px; text-align: center; vertical-align: middle; letter-spacing: -1px; line-height: 24px; border-bottom: 1px solid #dddfe0;}
.tbl-box.type2 tbody td {font-size: 15px; font-weight: normal; color: #303030; padding: 16px 10px 20px; text-align: center; vertical-align: middle; letter-spacing: -1px; line-height: 24px; border-bottom: 1px solid #dddfe0; border-left: 1px solid #dddfe0;}
.tbl-box.type2 tbody tr > td:first-child {border-left: 0;}
.tbl-box.type2 tbody td.verti-top {vertical-align: top;}
.tbl-box.type2 tbody td p.tit {font-size: 18px; font-weight: bold; color: #000; line-height: 21px; margin-bottom: 18px;}
.tbl-box.type2 tbody td ul {list-style: none; margin-left: 20px;}
.tbl-box.type2 tbody td li {text-align: left;}
.tbl-box.type2 td.bg-01 {background-color: #f2fafd;}
.tbl-box.type2 td.bg-02 {background-color: #fef2f8;}
/* 서비스 등급안내 - 서비스 이용조건 service-condition */
.service-condition h5 + p.info-txt {font-size: 15px; font-weight: normal; color: #303030; line-height: 21px; padding-top: 10px; padding-bottom: 58px; letter-spacing: -1px;  border-top: 3px solid #d8dcdf;}
/*.service-condition .tbl-box.type1 tbody th {border-right: 1px solid #dddfe0;}
.service-condition .tbl-box.type1 tbody td:first-child {border-left: 0;}*/
.service-condition td {vertical-align: top;}
.service-condition td li.txt-product {padding-left: 10px; text-indent: -10px;}
.service-condition td li.txt-health {padding-left: 10px; text-indent: -10px; padding-bottom: 30px;}
.service-condition td li.txt-care > ul {margin-left: 10px;}
.service-condition td li.txt-care > ul li {padding-top: 30px; padding-left: 7px; text-indent: -7px;}
.service-condition td li.txt-care > ul li.third {padding-left: 45px; text-indent: -45px;}
.service-condition td.td-limit {padding-left: 7px; text-indent: -7px;}
.service-condition td.td-limit p.info {padding-left: 17px; text-indent: -17px;}
.service-condition td.td-etc {padding-left: 7px; text-indent: -7px;}
.service-condition .color-1 {font-weight: normal; color: #ec008c;}
/* 서비스 등급안내 - 서비스 내용 service-detail */
.tbl-service-detail tbody th,
.tbl-service-detail tbody td {vertical-align: top; }
.tbl-box.type1 .tbl-service-detail tbody td {line-height: 18px;}
.service-detail li {padding-top: 20px;}
.service-detail li:first-child {padding-top: 0;}
.service-detail li.txt-care > ul.pickup {margin-top: 20px; margin-left: 5px;}
.service-detail li.txt-care > ul.pickup li {padding-top: 0;}
.service-detail li.txt-care > ul.pickup li.second {padding-left: 95px; text-indent: -95px;}
.service-detail .color-1 {font-weight: normal; color: #ec008c;}
.service-detail .color-2 {font-weight: normal; color: #0027ec;}

.service-detail .service-info {padding-top: 20px;}
.service-info {}
.service-info ul li {font-size: 12px; padding-top: 5px; padding-left: 15px; text-indent: -15px; line-height: 18px;}

.care .c-cont > div.cont.active {display: block;}

.care.lifecare-2 {padding-top: 30px;}
.care.lifecare-2 ul.lifecare-2-info {font-size: 12px; font-weight: normal; color: #ff9999; padding-top: 10px; line-height: 15px;}
.care.lifecare-2 ul.lifecare-2-info li {padding-left: 15px; text-indent: -15px; padding-top: 5px;}

/* DB암호화 서버점검 공지 */
/* 나눔스퀘어 */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


/*  나눔스퀘어 라운드 */
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*  나눔스퀘어 네오 */
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.noticeWrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
}
.noticeContentWrap {    
    position: relative; 
    top: 100px; 
    width:90%;
    height: 460px;
    max-width: 380px;
    min-width: 360px;       
    z-index: 1101;
    background-color: aliceblue ;
    padding-top: 20px;
    font-family: 'NanumSquareNeo-Variable';
    font-size: 14px;
    margin: 0 auto;
}
.noticeContentWrap .nTitle {
    width: 100%;
    height: 60px;
    text-align: center;
    padding: 20px auto;
    font-size: 24pt;
    color: darkblue;
    font-weight: 700;
}
.noticeContentWrap .nContentsWrap {        
    width: 90%;
    height: 340px;
    margin: auto auto;
    background-color: #ffffff; 
    text-align: center;
    border-radius: 15px;
    font-weight:500;
}
.noticeContentWrap .nContents {        
    width: 90%; 
    height: 60px;
    padding: 5px 0;
    word-break: keep-all;
    text-align: center;
    margin: 0 auto;
    line-height: 140%;
}
.noticeContentWrap .nContentsSchedule {        
    display: flex;
    width: 90%; 
    height: 40px;
    color: darkblue;
    text-align:center;   
}
.noticeContentWrap .nContentsDate {   
    width: 80%; 
    height: 40px;
    color: darkblue;
    text-align:center;
	letter-spacing: normal; 
}
.noticeContentWrap .nContentsDateLine{
    width: 90%; 
    height: 20px;
    margin:0 auto;
    /*padding: 0 10px;*/
    color: darkblue;
    text-align:center;
    overflow: hidden;
}

.m5a {margin: 5px auto;}
.m0a {margin: 0 auto;}
.p010 {padding: 0px 10px;}
.p510 {padding: 5px 10px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fw600 {font-weight: 600;}
.fw500 {font-weight: 500;}

.noticeContentWrap .nContentsDateTitle {        
    width: 110px;
    height: 24px;
    background-color: darkblue;
    color: #ffffff;
    border-radius: 15px;
    padding-top:3px;
}
.popclose {
    color: inherit;
    text-decoration: none;
    color: #000000;
    font: 11px dotum;
    font-weight: 600;
    margin-top: 7px;
}
/* DB암호화 서버점검 공지 END */