/* 기사 리스트 페이지 본문*/

.contexts { font-family: NanumGothic,나눔고딕, 'Nanum Gothic'}
#main_wrap {margin-top:3.3%; margin-bottom:4.96%; width:100%;}
#main_wrap h1{ 	font-size:22px; color:#303030; font-weight:600; margin-bottom:2.976%;}
@media all and (min-width:320px) and (max-width:375px) {#main_wrap h1{font-size:12px;}}
@media all and (min-width:376px) and (max-width:414px){#main_wrap h1{font-size:16px;}}




#contentsBoard{
	width:47.420%;
	border:1px solid #dbdbdb;
	float:left;
	margin-bottom:3.3%;
	margin-left:0.8%;
	margin-right:0.8%;
}

#contentsBoard p{
	color:#333333; 
	font-size:18px;
    margin:0.99%;
	padding-top:1%;
	padding-bottom:1%;
	text-align: justify;
	height: 40px;
	}

@media all and (min-width:320px) and (max-width:375px){#contentsBoard p{font-size:12px; height: 26px;}}
@media all and (min-width:376px) and (max-width:414px){#contentsBoard p{font-size:14px; height: 26px;}}

#contentsBoard p a{
	color:#333333;
}
#contentsBoard ul{
	border-top:1px solid #dbdbdb;
	padding-top:2%; 
	padding-bottom:2%; 
	padding-left:0.99%;
}
#contentsBoard ul li{
	color:#666666; 
	font-size:12px; 
	display: inline; 
	padding-right:1.98%;
	letter-spacing: -1px;
	}
#contentsBoard ul .boardDate{float:right; padding-top:0.5%;}

@media all and (min-width:320px) and (max-width:375px){#contentsBoard ul li{font-size:10px;} #contentsBoard ul li{padding-top:3%;}}
@media all and (min-width:376px) and (max-width:414px){#contentsBoard ul li{font-size:12px;} #contentsBoard ul li{padding-top:1.5%;}}
@media(width:1024px){#contentsBoard ul li{font-size:14px;}}



.paging { clear:both;  padding-top:3.3%;  padding-bottom:4.96%;  text-align:center;    }
.paging .num a, .paging .num strong, .paging .btnPage a{ font-size:13px; color:#999999; padding:0.49% 1.785% 0.49% 1.19%; }
.paging .num a:hover, .paging .btnPage a:hover {font-size:13px; color:#ec008c; }
.paging .num strong{color: #ec008c;}


/*기사 상세내용 보기*/
#main_wrap h2{
	font-size:18px; 
	color:#303030; 
	font-weight:600; 
	margin-bottom:2.976%;
}
@media all and (min-width:320px) and (max-width:375px){#main_wrap h2{font-size:12px;}}
@media all and (min-width:376px) and (max-width:414px){#main_wrap h2{font-size:14px;}}


#viewBox {border:1px solid #cfcfcf; padding-top:3.333%; padding-bottom:3.333%; padding-left:3.333%; padding-right:3.333%; margin-bottom:3.3%; font-size: 16px; line-height: 30px; color: #333;}
#viewBox .like{ width:140px; height:70px; border:1px solid #cfcfcf;margin-top:3.968%; line-height: 1em;}
#viewBox .like .heartIcon{width:38px; height:36px;float:left;clear: both;padding-top:16px;padding-left:14px;}
#viewBox .like .count {font-size:20px;font-weight: 700;padding-top:16px;}
.contentView {padding:0.5% 0.5%; }
#viewBox .like a{color:#333333;}
#viewBox .like a:hover {color: #ea088c;}

/*문진*/
.interview .in { padding:3%; background:#f7f7f7;  }
.interview .q { padding:5px 10px 5px 33px; background:url(../img/sub/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 input { margin-right:5px; vertical-align:middle; margin-top:-2px; }

@media all and (min-width:320px) and (max-width:767px){
.interview .q { padding:0 6px 8px 22px; background:url(../img/sub/ico_q_s.png) no-repeat 0 0; font-size:12px; }
.interview ul { padding:2px 0 10px; }
.interview ul li { font-size:11px; padding:4px 8px 4px 22px; line-height: 16px;}
.interview ul li input { margin-right:2px;}
}

/*문진 뷰*/
.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 .sub-tit { margin:15px 0; padding-left:45px; font-size:18px; font-weight:600; color:#000; background:url(../img/sub/ico_bu.png) no-repeat 29px 5px; }
.result .in-box .in { padding:25px 0; text-align:center; background:#fff; }
.result .in-box .in #chartHolder{padding:30px 30px;height:400px;}
.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 38px; 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 .tip img{width:110px;}

@media all and (min-width:320px) and (max-width:767px){
.result .in-box { padding:25px 12px 12px 12px; background:#f7f7f7; }
.result .tit { text-align:center; font-size:15px; color:#3b3e3e; margin-bottom:26px; }
.result .tit span { color:#31bde2; }
.result .arrow-box { position:relative; }
.result .sub-tit { margin:15px 0; padding-left:18px; font-size:13px; font-weight:600; color:#000; background:url(../img/sub/ico_bu.png) no-repeat 6px 3px; }
.result .in-box .in { padding:25px 0; text-align:center; background:#fff; }
.result .in-box .in #chartHolder{padding:10px 10px;height: 150px;}
.result .in-box .in2 { padding:16px 20px; background:#fff; margin-bottom:23px; }
.result .in-box .in2 .txt1 { font-size:12px; line-height:24px; color:#ea088c; font-weight:600; margin-bottom:30px; }
.result .in-box .in2 .txt2 { font-size:11px; line-height:24px; color:#090909; }
.result .in-box .in3 { padding:62px 20px 20px 18px; background:#eceaf4; position:relative; font-size:11px; line-height:24px; color:#333; }
.result .in-box .in3 .tip { position:absolute; left:10px; top:28px; font-size:13px; font-weight:600;}
.result .in-box .in3 .tip img{width:70px;}
}




#listBt{border:1px solid #cfcfcf; width:140px;padding-top:10px; padding-bottom:10px;}
#listBt a {color:#111;}

@media all and (min-width:320px) and (max-width:375px){
	#viewBox .like .heartIcon{width:18px;height:16px;padding-top:10px;padding-left:8px;}
	#viewBox .like{ width:80px; height:40px; font-size:12px;} 
	#viewBox .like .count {font-size: 14px; font-weight: 700; padding-top: 5px;}
	#viewBox .like .likeText {padding-top: 5px;}
	#listBt{border:1px solid #cfcfcf; width:80px;padding-top:8px; padding-bottom:8px;font-size:12px;}
    #listBt a {color:#111;}
	}
@media all and (min-width:376px) and (max-width:414px){
	#viewBox .like .heartIcon{width:20px;height:14px;padding-top:10px;padding-left:8px;}
	#viewBox .like{ width:140px; height:70px; }
	#viewBox .like{ width:80px; height:40px; font-size:12px;} 
	#viewBox .like .count {font-size: 14px; font-weight: 700; padding-top: 5px;}
	#viewBox .like .likeText {padding-top: 5px;}
	#listBt{border:1px solid #cfcfcf; width:80px;padding-top:8px; padding-bottom:8px;font-size:13px;}
    #listBt a {color:#111;}
	}


/*검색 결과 콘텐츠*/
#main_wrap h1 .text_pink {color:#ec008c;}
.search_text{margin-left:22%;margin-right:20%; margin-top:9.92%; margin-bottom: 9.92%; font-size:15px;line-height:28px; font-family:NanumGothic,나눔고딕, 'Nanum Gothic'  }
.search_text .search_word {font-size:22px;color:#ec008c; font-weight: bold; }
.search_text p:nth-child(1){padding-bottom:16px;font-size:20px; }

@media all and (min-width:320px) and (max-width:375px){
.search_text {margin-left:3%; margin-right:3%; margin-top:8%; margin-bottom: 8%; font-size:11px; line-height:16px;letter-spacing: -0.3px;}
.search_text .search_word {font-size:14px;}
.search_text p:nth-child(1){font-size:13px; }
}

@media all and (min-width:376px) and (max-width:414px){
.search_text {margin-left:11%; margin-right:5%; margin-top:8%; margin-bottom: 8%; font-size:11px; }
.search_text .search_word {font-size:16px;}
.search_text p:nth-child(1){padding-bottom:16px; font-size:15px; }
}

@media all and (min-width:960px) and (max-width:1024px){
.search_text {margin-left:30%; margin-right:26%; }

}



/*상담내역*/
table {width:100%; color:#606060; border-bottom:2px solid #d9d9d9;}
thead{border-top:2px solid #ec008c; background-color: #fbfbfb;}
th {padding:1.587% 1.496% 1.587% 0.496%; font-weight: 600; vertical-align: middle;}
thead tr{border-bottom:1px dotted #d9d9d9;}
tbody tr {border-bottom:1px solid #d9d9d9;}
td {padding:1.587% 1.496% 1.587% 0.496%;  text-align: center; vertical-align: middle;}
.date{width:30%;}
table a{color: #606060;}
table a:hover {color: #ec008c;}
@media all and (min-width:320px) and (max-width:375px){th{font-size:12px;}tbody tr {font-size:11px;}}
@media all and (min-width:376px) and (max-width:414px){th{font-size:14px;}tbody tr {font-size:13px;}}



/*서비스 이용약관*/
.serviceTit{
	background: url(../img/sub/titimg01.jpg) no-repeat; 
	padding-left:46px; 
	line-height: 20px;
	margin-top:4.96%;
	font-size:17px;
	font-weight: 600;
	color:#909090;
}
.serviceTxt{
	padding:4.96% 0 2.976% 0; 
	text-align: justify;
	font-size:14px; 
	color:#909090; 
	line-height: 24px;
	margin-bottom:3.968%;
}

.serviceBT{text-align: center; margin-bottom:9.92%;}
.serviceBT li:nth-child(1){display: inline;border:1px solid #ec008c; padding:2% 4%; margin-right:1.984%;}
.serviceBT li:nth-child(2){display: inline;border:1px solid #cfcfcf; padding:2% 6.5%;}
.serviceBT a{color: #000; font-weight: 600;} 

@media all and (min-width:320px) and (max-width:414px){
	.serviceBT{font-size:12px;}
	.serviceTxt{font-size:11px;line-height:18px;}
	.serviceTit{font-size:12px;padding-left:30px;line-height:15px;background: url(../img/sub/titimg01s.jpg) no-repeat 0 5px; }
	}



/*웹페이지 메시지 창*/

#message {width:720px; height:346px;border:1px solid #cfcfcf;}
#message .messageTIT{
	padding-left:50px;
	padding-top:30px; 
	padding-bottom:30px; 
	font-size:26px; 
	font-weight: 600;
	border-bottom:1px solid #cfcfcf;
	}
#message .messageTXT{
	padding-left:50px;
	padding-right:50px;
	padding-top:30px; 
	padding-bottom:30px; 
	font-size:24px;
	line-height: 50px;
	}
#message .serviceBT .leftBT, #message .serviceBT .rightBT{ width:260px;padding:20px 0; font-size:24px; }
#message .serviceBT .leftBT{border:1px solid #ec008c; float:left; margin-left:70px; color:#ec008c; }
#message .serviceBT .rightBT{border:1px solid #cfcfcf; float:right;margin-right:70px;}
#message .serviceBT .close{border:1px solid #cfcfcf; width:600px; padding:20px 0; font-size:24px;margin-left:60px; }

.name{font-weight: 700;}
.pink{font-weight: 700; color:#ec008c;}
.purple{font-weight: 700; color:#6432ae;}
.blue{font-weight: 700; color:#61abf7;}



@media all and (min-width:320px) and (max-width:767px){
#message {width:300px; height:160px;border:1px solid #cfcfcf;}
#message .messageTIT{
	padding-left:20px;
	padding-top:10px; 
	padding-bottom:10px; 
	font-size:13px; 
	font-weight: 600;
	border-bottom:1px solid #cfcfcf;
	}
#message .messageTXT{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px; 
	padding-bottom:10px; 
	font-size:13px;
	line-height: 20px;
	}
#message .serviceBT .leftBT, #message .serviceBT .rightBT{ width:120px;padding:10px 0; font-size:12px; }
#message .serviceBT .leftBT{border:1px solid #ec008c; float:left; margin-left:20px; color:#ec008c; }
#message .serviceBT .rightBT{border:1px solid #cfcfcf; float:right;margin-right:20px;}
#message .serviceBT .close{border:1px solid #cfcfcf; width:260px; padding:10px 0; font-size:12px;margin-left:20px; }

}


/*로그인 페이지*/

.loginTit{
	background: url(../img/sub/titimg01.jpg) no-repeat; 
	padding-left:46px; 
	padding-top:1.3%;
	margin-top:4%;
	height: 40px;
	font-size:17px;
	font-weight: 600;
	color:#909090;
}

#loginBox{width:400px;text-align: left; margin:0 auto; padding-top:70px; padding-bottom:70px;}
#loginBox .logname input{width:400px; height: 30px; font-size:16px;padding:10px 10px;margin-bottom:20px;}
#loginBox .Phone #Phone, #loginBox .CodeNB #CodeNB{width:310px; height: 30px;font-size:16px;padding:10px 10px;margin-bottom:20px;margin-right:10px;}
#loginBox .Phone #codeOK, #loginBox .CodeNB #Check{width:80px; height:54px; font-size:16px; border:0px; background-color: #909090; color:#fff;}
#loginBox .BtnCheck_OK{width:424px;height: 40px; text-align: center; background-color: #ec008c; color:#fff; font-size:20px;padding-top:18px;margin-top:10px;}
#loginBox .txtTip{font-size:15px; color:#909090; width:424px; text-align: left;margin-top:20px;line-height: 26px; letter-spacing: -1px;}


@media all and (min-width:320px) and (max-width:767px){
.loginTit{
	background: url(../img/sub/titimg01s.jpg) no-repeat; 
	font-size:12px; padding-left:30px; padding-top:0%;line-height:15px;
}	
#loginBox{width:300px;text-align: left; margin:0 auto; padding-top:30px; padding-bottom:30px;}
#loginBox .logname input{width:288px; height: 30px; font-size:12px;padding:2px 4px;margin-bottom:10px;}
#loginBox .Phone #Phone, #loginBox .CodeNB #CodeNB{width:198px; height: 30px;font-size:12px;padding:2px 4px;margin-bottom:10px;}
#loginBox .Phone #codeOK, #loginBox .CodeNB #Check{width:80px; height:38px; font-size:12px; border:0px; background-color: #909090; color:#fff;}
#loginBox .BtnCheck_OK{width:300px;height: 30px; text-align: center;  background-color: #ec008c; color:#fff; font-size:14px;padding-top:14px;margin-top:2px;}
#loginBox .txtTip{font-size:12px; color:#909090; width:300px; text-align: left;margin-top:10px;line-height: 20px; letter-spacing: -1px;}

}


/*뉴스*/

#news .news_tit{text-align: left; text-overflow:ellipsis; overflow: hidden; width:73%;}
#news .num{width:10%;}
#news .provide{text-align: left;width:17%; letter-spacing: -1px;}
#news form {float:right; padding-bottom:10px;}
#news .news_search #news_searchBox{width:300px; height:30px; color:  #606060;padding:0 10px;}
#news .news_search #news_searchOK{text-align: center; background-color: #ec008c; color:#fff; width:70px;height: 34px; border:none; margin-left:5px;}


@media all and (min-width:320px) and (max-width:767px){

#news form {padding-bottom:8px;}
#news .news_search #news_searchBox{width:120px; height:20px;}
#news .news_search #news_searchOK{width:40px;height: 24px;}
}

/*웹진*/
#webzin{width:47.420%; float:left; margin-bottom:3.3%;margin-left:1.2%; margin-right:1.2%;}
#webzin img {margin-bottom:10px;}
#webzin p{text-align: center;  color:#333333; font-size:18px; height: 36px; border:1px solid #dbdbdb; vertical-align: middle; letter-spacing: -0.5px; padding-top:16px;}
#webzin p a{	color:#333333; }
#webzinBT{width:100%; height: 56px;}
#webzinBT p{width:140px; height: 30px; background-color:  #ec008c;color:#fff;float: right; margin-right:1.7%; padding:14px 0 0 46px; margin-top:0px;}
@media all and (min-width:320px) and (max-width:375px){
	#webzin p{font-size:11px; height: 20px; padding-top:8px;}
	#webzinBT{width:100%; height: 22px;}
	#webzinBT p{width:76px; height: 14px; margin-right:1.6%; padding:6px 0 0 22px; font-size:10px;}
	}
@media all and (min-width:376px) and (max-width:767px){
	#webzin p{font-size:14px; height: 26px;padding-top:8px;}
	#webzinBT{width:100%; height: 30px;}
	#webzinBT p{width:100px; height: 18px; margin-right:1.7%; padding:8px 0 0 36px; font-size:11px;}
	}




/* 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; 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;width:620px; }
.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/sub/ico_modal_close.png) no-repeat 50% 50% ; outline:none;}

.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 h3 {padding-left:80px;font-size:26px; font-weight: bold; letter-spacing: -2px; background: url(../img/sub/h3_ico.png)no-repeat;}
.modal-terms h3 p {font-size:14px;font-weight: 400;padding-top:18px; line-height: 22px;padding-bottom:20px;letter-spacing: 0px;}
.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:18px; font-weight:600; }
#modalRequest .webzine-request .mail { line-height:30px; margin-bottom:35px; }
#modalRequest .webzine-request .mail span { font-size:14px; 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; }


@media all and (min-width:320px) and (max-width:700px){

.modal-dialog {border-radius:5px;width:320px; }
.modal-content {padding:6px;}
.modal .close {top:10px; right:10px; width:50px; height:50px;}
.modal-body h3 { font-size:12px;padding-bottom:10px;margin-bottom:10px;}
.modal-body h3 .pos-right {top:-9px;}
.modal-body .txt { font-size:11px; line-height:22px;margin-bottom:20px; }
.modal .basic-box {padding:44px 0; font-size:11px; line-height:21px;} 
.modal .basic-box .img { margin-bottom:15px; }
.modal-footer {margin-bottom:0px; }
.modal-footer a {margin:0 3px; height:52px; width:132px; line-height:49px;font-size:11px; }

.modal-terms { padding:25px; }
.modal-terms h3 {font-size:14px;}
.modal-terms .temrs-scroll { margin:20px 0 45px; width:100%; height:300px;font-size:11px; line-height:21px;}
.modal-terms .modal-footer a { width:110px; height: 46px;  margin:0 5px; font-size:14px; }
.modal-terms h3 p{font-size:12px;font-weight: 400;padding-top:12px; line-height: 14px;}
#modalRequest .close { width:20px; height:20px; }
#modalRequest .modal-content { padding:40px 20px; }
#modalRequest .modal-header { font-size:14px; padding-bottom:13px; border-bottom:3px solid #ea088c; margin-bottom:10px;} 
#modalRequest .webzine-request h6 { font-size:12px; font-weight:600; margin-bottom:10px; }
#modalRequest .webzine-request .txt1 { font-size:11px; line-height:19px; margin-bottom:11px; text-align: justify;}
#modalRequest .webzine-request .agree-box { padding:10px 0 32px; font-size:12px;}
#modalRequest .webzine-request .agree-box label { margin-right:10px; }
#modalRequest .webzine-request .txt2 { font-size:11px;margin-bottom:8px; text-align: justify;}
#modalRequest .webzine-request .mail { line-height:30px; margin-bottom:25px; }
#modalRequest .webzine-request .mail span { font-size:12px; font-weight:600;margin-right:8px; }
#modalRequest .webzine-request .mail input { width:265px; height:28px;line-height:25px; font-size:12px;padding-left:10px;}
#modalRequest .modal-footer a { width:120px; height:35px; line-height:34px; font-size:14px; }


}


@media all and (min-width:320px) and (max-width:330px){ 
.modal-dialog {width:300px;}
#modalRequest .webzine-request .mail input { width:250px; }
#modalRequest .modal-footer a { width:110px; }
.modal-terms h3 {font-size:12px;}
.modal-terms h3 p{font-size:11px;font-weight: 400;padding-top:12px; line-height: 14px;}
.modal-terms .modal-footer a { width:100px; height: 46px; margin:0 5px; font-size:13px; }
}



/*서비스 안내 */


/* 서비스 등급 */

.level-table table { border-collapse:collapse; border-top:2px solid #ec47a3; margin-top:3.3%;border-bottom:1px solid #dedfe0; }
.level-table table td {border-left:1px solid #dedfe0; border-bottom:1px solid #dedfe0;font-size:14px;padding:20px 17px;  color:#303030; line-height:21px; text-align:center; letter-spacing:-1px;}
.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; padding-left:10px;}
.level-table table ul li{list-style:  disc; }

.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; }

@media all and (min-width:320px) and (max-width:600px){
.level-table table { border-collapse:collapse; border-top:2px solid #ec47a3; margin-top:3.3%;}
.level-table table td {border-left:1px solid #dedfe0; border-bottom:1px solid #dedfe0;font-size:11px; text-align:justify; padding:10px 10px;  color:#303030; line-height:15px; text-align:center; letter-spacing:-1px; }
.level-table table td:first-child { border-left:0; font-size:12px; padding-left:0; padding-right:0; }
.level-table table tr.title td { font-size:13px; line-height:16px; font-weight:600; }
}

/*건강/재무 상담 서비스*/
.serviceTit2 {padding-left:46px; line-height: 20px;	font-size:17px;	font-weight: 600; color:#909090;}

@media all and (min-width:320px) and (max-width:375px){}
@media all and (min-width:376px) and (max-width:767px){}


#content {}
#content .path { text-align:right; font-size:13px; color:#73737e; padding:14px 0 13px; }
#content h3 { padding:37px 0 0 220px; margin-bottom:11px; min-height:90px; background:url(../img/service/h3_ico.png) no-repeat 0 0; }
#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 .subTap-tit {padding:0 50px 50px 20px; border-bottom:1px dotted #ec008c;background:url(../img/sub/btn_open.png) no-repeat right 65px;}
#content .subTap-tit h4 { font-size:20px; font-weight:600; color:#333; padding:50px 0 20px 0; }
#content .subTap-tit p{color:#909090; margin-bottom:6px; font-size:14px; }
#content .subTap-tit .btn-oc {float: right; padding-left:30px; padding-right:30px;}

#container { padding-bottom:117px; }
#container.sub1 h3 { background:url(../img/service/h3_ico.png) no-repeat 0 0; }

@media all and (min-width:320px) and (max-width:767px){

#content {}
#content .path {font-size:11px;padding:14px 0 13px; }
#content h3 { padding:17px 0 0 65px; margin-bottom:11px; min-height:60px; background:url(../img/service/h3_ico_s.png) no-repeat 0 50%; }
#content h3 strong { display:block; font-size:16px; color:#303030; font-weight:900; margin-bottom:5px; }
#content h3 p { font-size:11px; 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:11px; color:#e5a2a2; line-height:15px; }

#content .subTap-tit {padding:0 24px 10px 5px; border-bottom:1px dotted #ec008c;background:url(../img/sub/btn_open_s.png) no-repeat right 35px;}
#content .subTap-tit h4 { font-size:14px; font-weight:600; color:#333; padding:15px 0 10px 0; }
#content .subTap-tit p{color:#909090; margin-bottom:6px; font-size:11px; line-height: 14px; }
#content .subTap-tit .btn-oc {float: right; padding-left:30px; padding-right:30px;}

#container { padding-bottom:117px; }
#container.sub1 h3 { background:url(../img/service/h3_ico.png) no-repeat 0 0; }


}



/* 케어 */
.care {}
.img-width{width:65%;}
.care .c-tab { overflow:hidden; padding:10px 0 15px; border-bottom:3px solid #f1f2f3; }
.care .c-tab a { float:left; width:24.5%; 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 {padding:0 30px 0 30px; background-color:  #f8f5fa;}
.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; margin-top:6px;padding-top:40px;}
.care .txt { font-size:14px; line-height:21px; color:#303030; margin-bottom:30px; }
.care .txt .small { font-size:12px; color:#ff9999; padding-top:10px; padding-bottom:40px;}
.care .c-cont.type2 h5 { margin-bottom:13px; }
.care .c-cont.type2 .txt { margin-bottom:30px; }




.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; }



.request-box { padding:35px 40px 0 0; background:#f7f7f7; border:1px solid #d8dcdf; display:none;}
.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:100px; 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; }


@media all and (min-width:320px) and (max-width:767px){
	
.img-width{width:100%;}
.care .c-tab { overflow:hidden; padding:0px 0 4px; border-bottom:3px solid #f1f2f3; }
.care .c-tab a { float:left; width:24.5%; height:40px; box-sizing:border-box; text-align:center; border:1px solid #b8c0c4; font-size:11px; line-height:12px; color:#606060; margin-left:2px; margin-bottom:1px; letter-spacing: -1px;}
.care .c-tab a:nth-child(4n+1) { margin-left:0; }
.care .c-cont {padding:0 10px 0 10px; background-color:  #f8f5fa;text-align: justify;}
.care .c-cont > div { display:none; }
.care .c-desc { font-size:13px; line-height:16px; border-bottom:3px solid #f1f2f3; padding:8px 0; margin-bottom:30px; }
.care h5 { font-size:12px; color:#000; font-weight:600; margin-bottom:20px; margin-top:6px;padding-top:20px;}
.care .txt { font-size:11px; line-height:14px; color:#303030; margin-bottom:10px; }
.care .txt .small { font-size:10px; color:#ff9999; padding-top:14px; padding-bottom:30px;}
.care .c-cont.type2 h5 { margin-bottom:13px; }
.care .c-cont.type2 .txt { margin-bottom:30px; }


.request-box { padding:10px 5px 0 0; background:#f7f7f7; border:1px solid #d8dcdf; display:none;}
.request-box table { width:100%; border-collapse:collapse; }
.request-box table td { padding:5px 0; font-size:12px; color:#303030; }
.request-box table td:first-child { width:40px; padding:0 6px; text-align:right; }
.request-box table input[type="text"] { width:90%; height:28px; line-height:25px; border:1px solid #d8dcdf; padding:0 10px; background:#fff; font-size:12px; color:#222; }
.request-box table textarea { width:90%; height:160px; border:1px solid #d8dcdf; padding:10px; background:#fff; font-size:12px; line-height:20px; color:#222; }
.request-box .btn-box { padding:5px 0 10px 80px; margin:0; min-height:inherit;  }
.request-box .iLabel { line-height:20px; padding-left:6px; color:#ccc; font-size:12px; }
.btn-box .btn-pink.border { display:inline-block; vertical-align:middle; padding:0 40px; line-height:32px; height:34px; border:1px solid #ec008c; font-size:12px; color:#222; background:#fff; }


.request-box table td:first-child { width:48px; padding:0 13px; text-align:right; }
}


#content .subTap-tit2{border-bottom:1px dotted #ec008c;background:url(../img/sub/btn_open.png) no-repeat right 16px;}
#content .subTap-tit2 h5 { font-size:16px; font-weight:600; color:#333; padding:15px 30px 0 0; }
.QnA-A {font-size:14px; padding:30px 0; line-height: 22px;}
.Q-pink {font-weight:800; color: #e4007f;}
.webzin_none{ text-align: center; padding:100px 0; color: #73737e;}


@media all and (min-width:320px) and (max-width:767px){
#content .subTap-tit2{border-bottom:1px dotted #ec008c;background:url(../img/sub/btn_open_s.png) no-repeat right 10px;}
#content .subTap-tit2 h5 { font-size:12px; font-weight:600; color:#333; padding:10px 20px 0 0; }
.QnA-A {font-size:11px; padding:15px 0; line-height: 22px;}
.Q-pink {font-weight:800; color: #e4007f;}
.webzin_none{ text-align: center; padding:100px 0; color: #73737e; font-size:12px;}
}















/* 라이프 케어 서비스 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;}


@media (max-width: 600px) and (min-width: 320px) {
	.ver-tab-box .tab-item {width: 45%; height: 48px;}
	.ver-tab-box .tab-anchor .txt {font-size: 12px; font-weight: 400; line-height: 44px;}
	/* 서비스등급안내 - 라이프케어서비스 */
	.level-table table {margin-top:0;}
	/* 서비스등급안내 - 라이프케어서비스 2.0 */
	caption {visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
	.tbl-box.type1 thead th {font-size: 12px; font-weight: 600; padding: 15px 4px;}
	.tbl-box.type1 tbody td {font-size: 11px; line-height: 15px; padding: 10px 4px; text-align: left;}
	.tbl-box.type2 thead th {font-size: 12px; font-weight: 600; padding: 15px 4px;}
	.tbl-box.type1 tbody th {font-size: 12px; line-height: 15px; padding: 10px 4px;}
	.tab-cont .service-detail h5, 
	.tab-cont .service-division h5, 
	.tab-cont .service-condition h5 {font-size: 13px; padding-top: 25px; padding-bottom: 13px;}
	.tab-cont .service-detail thead, 
	.tab-cont .service-division thead, 
	.tab-cont .service-condition thead {border-top: 0; background-color: transparent;}
	.tbl-box.type2 tbody th {font-size: 12px; padding: 10px 4px; line-height: 15px;}
	.tbl-box.type2 tbody td {font-size: 11px; padding: 10px 4px; line-height: 15px;}
	.tbl-box.type2 tbody td p.tit {font-size: 13px;}
	.tbl-box.type2 tbody td ul {margin-left: 0;}
	.service-condition h5 + p.info-txt {padding-bottom: 20px; font-size: 11px; line-height: 15px;}
	.tbl-service-condition td {text-align: left;}
	.service-condition td li.txt-health {padding-bottom: 15px;}
	.service-condition td li.txt-care > ul li {padding-top: 10px; }
	.service-condition td li.txt-care > ul li.third {padding-left: 7px; text-indent: -7px;}
	.service-condition tbody td.td-limit > ul,
	.service-condition tbody td.td-etc > ul {margin-left: 10px;}
	.service-detail thead th.th-item {width: 100px;}
	.service-detail li.txt-care > ul.pickup li.second {padding-left: 0; text-indent: 0;}

	/* 생활문화서비스 - 라이프케어서비스 */
	.care .c-tab {padding-top: 15px; border-bottom: 0;}
	.care .c-cont {padding: 0; background-color: #fff;}
	/*.care .c-tab a {width: 30%;}*/
	/* 생활문화서비스 - 라이프케어서비스 2.0 */
	.care h5 {margin-top: 0; margin-bottom: 0;}
	.care .tbl-service.type1 .txt-partners,
	.care .tbl-service.type1 .txt-detail,
	.care .tbl-service.type1 .txt-period,
	.care .tbl-service.type1 .txt-service.type1 {padding-left: 7px; text-indent: -7px;}

	.service-info {color: #ff9999; padding-bottom: 30px;}
	.service-info ul li {font-size: 11px; line-height: 15px; padding-top: 3px;}

	#content h3:first-child + h4 {font-size: 15px; padding-bottom: 10px;}
	.care.lifecare-2 {padding-top: 10px;}
	.care.lifecare-2 ul.lifecare-2-info {font-size: 10px; font-weight: normal; color: #ff9999; padding-top: 10px; line-height: 13px;}

}