@charset "utf-8";


/* 서브 페이지 컨텐츠 타이틀 */
h3 { font-weight: 500; font-size: 30px; text-align: center; letter-spacing: -0.04em; line-height: 1.5;}
h4 { font-weight: 500; font-size: 28px; text-align: center; letter-spacing: -0.04em; line-height: 1.5;}
h5 { font-weight: 400; font-size: 22px; text-align: center; letter-spacing: -0.06em; }
@media only screen and (max-width:480px){
	h3 { color: #000; font-weight: 600; font-size: 23px; }
	h4 { color: #000; font-size: 18px; line-height: 1.2;}
	h5 { font-size: 16px; }
}



/* ======================================================
   1. 컨슈머인사이트 > 회사소개
=========================================================*/
.about-wrap.intro { position: Relative; }
.about-wrap.intro .tits { margin-bottom: 45px; text-align: center;}
.about-wrap.intro .tits h4 { color: #2797f5;}
/* .about-wrap.intro .tits .lineBreak { display: block;}
 */
.about-wrap.intro .cont { position: relative; width: 1000px; margin: 0  auto; /* padding-left:570px; */} 
.about-wrap.intro .cont:after { content:""; display: block ; clear: both; }
.about-wrap.intro .cont .fl { position: absolute; float: none; left: 0; top: 0; width: 530px; }
.about-wrap.intro .cont .fl img { width: 100%; }
.about-wrap.intro .cont .fr { float: none; }
/* .about-wrap.intro .cont .fr span { display: block;} */
.about-wrap.intro .cont .fr .lineBreak { display: block;}

.about-wrap.intro .cont .txt .btxt { color:#232424; font-weight: 500; font-size: 23px; letter-spacing: -0.03em; line-height: 1.3em; }
.about-wrap.intro .cont .txt .stxt { margin-top: 10px; color:#3d3d3d; font-weight: 400; font-size: 17px; letter-spacing: -0.03em; line-height: 1.8em; }
.about-wrap.intro .cont .txt ul { margin-top: 7px; margin-bottom: 7px;}
.about-wrap.intro .cont .txt li { position: relative; padding-left: 12px; color:#3d3d3d; font-weight: 400; font-size: 17px; letter-spacing: -0.03em; line-height: 1.4em; }
.about-wrap.intro .cont .txt li:nth-child(n+2) { margin-top: 3px;}
.about-wrap.intro .cont .txt li:before { content:""; display: block; position: Absolute; left: 0; top: 12px; width: 6px; border-bottom: 1px solid #333; }

.about-wrap.intro .cont .sign { margin-top: 15px; font-size: 0; text-align: right;}
/* .about-wrap.intro .cont .sign p { display: inline-block; vertical-align: top; line-he.about-wrap.intro .tits h3 ight:24px; padding-top:17px; font-size:20px; color:#404040; letter-spacing:-0.03em;} */
.about-wrap.intro .cont .sign p { display: inline-block; height: 24px; padding-top: 17px; color:#404040; font-size: 20px; letter-spacing:-0.03em; vertical-align: top; }

.about-wrap.intro .cont .sign img { display: inline-block; width: 10%; margin-left: 10px; vertical-align: top;}
	@media only screen and (max-width:1440px){
		.about-wrap.intro .cont .fl { width: 500px; }

		.about-wrap.intro .cont .txt .btxt { font-size: 22px; }
		.about-wrap.intro .cont .txt .stxt { font-size: 16px; }
		.about-wrap.intro .cont .txt li { font-size: 16px; }
		.about-wrap.intro .cont .txt li:before { top: 11px;}
		.about-wrap.intro .cont .sign p { padding-top: 15px; font-size: 18px; line-height: 20px; }
		.about-wrap.intro .cont .sign img { height: 38px}
	}

	@media only screen and (max-width:999px){
		.about-wrap.intro .tits { margin-bottom: 30px; }
		.about-wrap.intro .tits h3 { font-size: 26px; } 

		.about-wrap.intro .cont { width: 700px; padding-left: 0; }
		.about-wrap.intro .cont .fl { position: relative; left: auto; top: auto; width: auto; margin-top: 30px;}
		.about-wrap.intro .cont .fr .lineBreak { display: none;}

		.about-wrap.intro .cont .txt .btxt { font-size: 20px; }
		.about-wrap.intro .cont .txt .stxt { font-size: 15px; }
		.about-wrap.intro .cont .txt li { font-size: 15px; }
		.about-wrap.intro .cont .txt li:before { top: 11px; }
		.about-wrap.intro .cont .sign p { padding-top: 13px; font-size: 16px; line-height: 20px; }
		.about-wrap.intro .cont .sign img { height: 34px; }
	}
	@media only screen and (max-width:680px){
		.about-wrap.intro .tits h3 { font-size: 23px; } 
		
		.about-wrap.intro .cont { width: 500px; }
		.about-wrap.intro .cont .txt .btxt { font-size: 18px; }
		.about-wrap.intro .cont .txt .stxt { font-size: 14px; }
		.about-wrap.intro .cont .txt li { font-size: 14px; }
		.about-wrap.intro .cont .txt li:before { top: 10px; }
		.about-wrap.intro .cont .sign p { font-size: 15px; line-height: 18px;}
		.about-wrap.intro .cont .sign img { height: 30px; }
	}
	@media only screen and (max-width:480px){
		.about-wrap.intro .tits h4 br { display:none !important;}
		.about-wrap.intro .tits h4 .lineBreak { display: block;}
		.about-wrap.intro .tits h3 { font-size: 20px;} 
		.about-wrap.intro .cont .fr span { display: none;}

		.about-wrap.intro .cont { width: 100%; }
		.about-wrap.intro .cont .txt .btxt { font-size: 16px; }
		.about-wrap.intro .cont .txt li { font-size: 13px; }
		.about-wrap.intro .cont .txt li:before { top: 10px; }
		.about-wrap.intro .cont .sign p { padding-top: 10px; font-size: 14px; }
		.about-wrap.intro .cont .sign img { width: auto;}
	}





.about-wrap.history h3 { margin-bottom: 70px; }

.about-wrap.history .list { position: relative; width: 1400px; margin: auto;}
.about-wrap.history .list:before { content:""; display: block; position: absolute; left: 50%; top: 20px; width: 0; height: calc(100% - 90px); border-left: 1px solid #0f87ec; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition: height 4s ease-out;-moz-transition: height 4s ease-out;-o-transition: height 4s ease-out;transition: height 4s ease-out;}

.about-wrap.history .list .vtem { position: relative; padding-left: calc(50% + 60px); }
.about-wrap.history .list .vtem:nth-child(even) { padding-right: calc(50% + 60px); padding-left: 0; text-align: right;}
.about-wrap.history .list .vtem:nth-child(n+2) { margin-top: 70px;}

.about-wrap.history .list .vtem { position: Relative;}
.about-wrap.history .list .vtem:before { content:""; display: block; position: absolute; z-index: -1; left: 50%; width: 25px; height: 25px; top: 10px; border: 4px solid #e7f0f9; border-radius: 100%; box-sizing: border-box; background:#d1e5f9; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.about-wrap.history .list .vtem:after { content:""; display: block; position: absolute; z-index: 5; left: 50%; top: 19px; width: 8px; height: 8px; border: 2px solid #0f87ec; border-radius: 100%; box-sizing: border-box; background:#d1e5f9; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.about-wrap.history .list .vtem h4 { font-family: 'Montserrat'; color:#0f87ec; font-weight: 700; font-size: 38px; letter-spacing: -0.04em; line-height: 40px; }
.about-wrap.history .list .vtem h4:before { content:""; display: block; position: absolute; z-index: 5; left: calc(50% + 2px); top: 23px; width: 49px; height: 0; border-top: 1px dashed #2793ee; }

.about-wrap.history .list .vtem:nth-child(even) h4:before { left: auto; right: calc(50% + 2px); }

.about-wrap.history .list .vtem ul { margin-top: 25px; }
.about-wrap.history .list .vtem ul li { position: relative; padding-left: 12px; color:#555; font-weight: 300; font-size: 17px; letter-spacing: -0.03em; line-height: 1.5em;  }
.about-wrap.history .list .vtem ul li a { color:#555}
.about-wrap.history .list .vtem ul li:nth-child(n+2) { margin-top: 4px;}
.about-wrap.history .list .vtem ul li:before { content: ""; display: block; position: Absolute; left: 0; top: 11px; width: 3px; height: 3px; background:#91c9f8; }

.about-wrap.history .list .vtem:nth-child(even) li { padding-right: 12px; padding-left: 0; text-align: right;}
.about-wrap.history .list .vtem:nth-child(even) li:before { right: 0; left: auto;}
	@media only screen and (max-width:1440px){
		.about-wrap.history h3 { font-size: 34px ; margin-bottom: 60px;}

		.about-wrap.history .list .vtem h4 { font-size: 34px;}
		.about-wrap.history .list .vtem ul { margin-top: 20px;}
		.about-wrap.history .list .vtem ul li { font-size: 16px;}
		.about-wrap.history .list .vtem ul li:before { top: 10px;}


		.about-wrap.history .list .vtem:before { top: 7px;}
		.about-wrap.history .list .vtem:after { top: 16px;}
		.about-wrap.history .list .vtem h4:before { top: 20px;}
	}
	@media only screen and (max-width:1200px) {
		.about-wrap.history .list { width: 100%;}
	}
	@media only screen and (max-width:999px){
		.about-wrap.history h3 { margin-bottom: 50px; font-size: 30px; }

		.about-wrap.history .list .vtem:nth-child(n+2) { margin-top: 50px;}

		.about-wrap.history .list .vtem h4 { font-size: 30px;}

		.about-wrap.history .list .vtem ul { margin-top: 15px;}
		.about-wrap.history .list .vtem ul li { font-size: 15px;}
		.about-wrap.history .list .vtem ul li:before { top: 10px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.history h3 { font-size: 26px ; margin-bottom: 40px;}
		.about-wrap.history .list:before { left: 10px; height: calc(100% - 60px);}
		.about-wrap.history .list .vtem { padding-left: 60px;}
		.about-wrap.history .list .vtem:nth-child(even) { padding-right: 0; padding-left: 60px; text-align: left;}
		.about-wrap.history .list .vtem:nth-child(even) h4:before { left: 10px; right: auto;}
		.about-wrap.history .list .vtem:nth-child(n+2) { margin-top: 40px;}

		.about-wrap.history .list .vtem:before { left: 10px; top: 2px;}
		.about-wrap.history .list .vtem:after { left: 10px; top: 11px;}

		.about-wrap.history .list .vtem h4:before { left: 10px; top: 15px; width: 40px;}
		.about-wrap.history .list .vtem h4 { font-size: 26px; line-height: 30px;}

		.about-wrap.history .list .vtem ul { margin-top: 10px;}
		.about-wrap.history .list .vtem ul li { font-size: 14px; padding-left: 10px;}
		.about-wrap.history .list .vtem ul li:before { top: 9px;}

		.about-wrap.history .list .vtem:nth-child(even) li { padding-right: 0; padding-left: 12px; text-align: left;}
		.about-wrap.history .list .vtem:nth-child(even) li:before { right: auto; left: 0;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.history h3 { margin-bottom: 30px; font-size: 22px; }

		.about-wrap.history .list .vtem { padding-left: 45px;}
		.about-wrap.history .list .vtem:nth-child(even) { padding-left: 45px;}		
		.about-wrap.history .list .vtem:nth-child(n+2) { margin-top: 30px;}

		.about-wrap.history .list .vtem h4:before { width: 30px;}
		.about-wrap.history .list .vtem h4 { font-size: 22px; text-align: left;}

		.about-wrap.history .list .vtem ul { margin-top: 5px;}
		.about-wrap.history .list .vtem ul li { font-size: 13px;}
		.about-wrap.history .list .vtem ul li:before { top: 9px;}
	}



/* ======================================================
    1. 컨슈머인사이트 > 사업소개
=========================================================*/
.analysis { position: relative;  } 
.analysis h4 { margin-top: 50px; } 

.analysis ul { display: flex; position: relative; width: 920px; margin: 30px auto; } 
.analysis li { position: relative; width: 49%; padding: 60px 40px; border-radius: 10px; letter-spacing: -0.03em; line-height: 1.5em;}
.analysis li:first-child { margin-right: 2%; background: #e7f3fd; } 
.analysis li:last-child  { background: #f2f2f2; } 

.analysis li dl dt { margin-bottom: 50px; font-weight: 600; font-size: 35px; text-align: center; line-height: 1.1;}
.analysis li dl dd { background: #fff; padding: 20px; border-radius: 10px; text-align: center;}
.analysis li dl dd:nth-child(4) { height: 70px;}
.analysis li dl dd:nth-child(5) { height: 70px;}
.analysis li dl dd:last-child { height: 85px;}
.analysis li dl dd + dd { margin-top: 10px;}
.item1 dt { color:#0f87ec;}

.analysis li dl dd span { display: block; line-height: 1.2;}
.analysis li dl dd .tit { font-weight: 600; font-size: 24px;}
.analysis li dl dd .txt { font-size: 18px;}


@media only screen and (max-width:999px){
	.analysis ul { width: 100%; margin: 20px auto; } 
	.analysis li { padding: 30px; }
	.analysis li dl dt { margin-bottom: 15px; font-size: 32px;}
	.analysis li dl dd { height: 75px; padding: 10px; border-radius: 5px; line-height: 1.2;}
}

@media only screen and (max-width:680px){
	.analysis ul { width: 500px; margin: 20px auto; } 
}

@media only screen and (max-width:480px){
	.analysis h4 { margin-top: 20px; }

	.analysis ul { flex-wrap: wrap; width: 100%; margin: 20px auto; } 
	.analysis li { width: 100%; padding: 20px; }
	.analysis li:first-child { margin-right: 0; } 
	.analysis li:last-child { margin-top: 10px; margin-left: 0;} 

	.analysis li dl dt { margin-bottom: 20px; font-size: 20px; }
	.analysis li dl dd { height: auto;}
	.analysis li dl dd:nth-child(4) { height: auto;}
	.analysis li dl dd:nth-child(5) { height: auto;}
	.analysis li dl dd:last-child { height: auto;}
	.analysis li dl dd .tit { font-size: 17px;}
	.analysis li dl dd .txt { font-size: 15px;}
	

}

.IBP { margin-top: 150px; text-align: center; }
.IBP h4 { font-size: 32px; }
.IBP p.stit { margin-top: 30px; font-size: 20px;}

.IBP_cont { width: 100%; padding: 50px 0; margin-top: 50px; background: #e7f3fd; }
.IBP_cont ul { display: flex; justify-content: center; width: 1000px; margin: auto;}
.IBP_cont li { position: relative; width: 33.3333%; text-align: center;}
.IBP_cont li::after { content: ''; display: block; position: absolute; top: 40%; right: -20px;  width: 35px; height: 20px; background: url(../Img/sub/business_icon_arr.png) center no-repeat;}
.IBP_cont li:last-child::after { display: none;}
.IBP_cont li .icon {  display: block; width: 230px; height: 230px; margin: auto; border-radius: 50%; background: #fff; }
.IBP_cont li .icon img { margin: 40px 0 10px;}
.IBP_cont li .txt { margin-top: 20px; font-size: 17px; }

.IBP_cont2 { margin-top: 50px;}
.IBP_cont2 ul { display: flex; flex-wrap: wrap; position: relative; width: 700px; margin: -20px auto; }
.IBP_cont2 ul::before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: -10px; width: 699px; height: 161px; background: url(../Img/sub/business_icon_x.png) center no-repeat; background-size: 90%;}
.IBP_cont2 li { display: flex; justify-content: center; align-items: center; position: relative; width: calc(50% - 10px); height: 70px; margin-top: 10px; border-radius: 5px; background: #f2f2f2; font-size: 16px;}
.IBP_cont2 li:nth-child(odd) { margin-right: 10px;}
.IBP_cont2 .txt { margin-top: 60px; text-align: center;}
.IBP_cont2 .txt p:first-child { font-weight: 600; font-size: 20px; }
.IBP_cont2 .txt p:last-child { margin-top: 30px; font-size: 19px; line-height: 1.5; }

@media only screen and (max-width:999px){
	.IBP { margin-top: 80px;  }
	.IBP h4 { font-size: 28px; }

	.IBP .lineBreak { display: block;}
	.IBP_cont { padding: 30px 0;}
	.IBP_cont ul { width: 100%; }
	.IBP_cont li { padding: 10px;}
	.IBP_cont li::after { top: 30%}
	.IBP_cont li .icon { width: 200px; height: 200px; }
	.IBP_cont li .txt { font-size: 15px; }

	.IBP_cont2 .txt p:first-child { font-size: 18px;}
	.IBP_cont2 .txt p:last-child br { display:none !important;}

}

@media only screen and (max-width:680px){

}

@media only screen and (max-width:480px){
	.IBP { margin-top: 50px;  }
	.IBP h4 { font-size: 20px; }
	.IBP p.stit { margin-top: 20px; font-size: 16px;}
	.IBP .lineBreak { display: none;}

	.IBP_cont { padding: 10px 0; margin-top: 20px; border-radius: 10px;}
	.IBP_cont ul { flex-wrap: wrap; width: 100%; }
	.IBP_cont li { width: 100%; }
	.IBP_cont li::after { display: none;}
	.IBP_cont li .icon { width: 150px; height: 150px; }
	.IBP_cont li .icon img { width: 70%; margin: 20px 0 10px;}
	.IBP_cont li .txt { font-size: 15px; }

	.IBP_cont2 { margin-top: 30px;}
	.IBP_cont2 ul { justify-content: space-between; width: 100%; }
	.IBP_cont2 ul::before { top: -20px; left: -185px; background-size: 47%;}
	.IBP_cont2 li { width: calc(50% - 5px); height: 50px;}
	.IBP_cont2 li:nth-child(odd) { margin-right: 0;}
	.IBP_cont2 .txt p:first-child { font-size: 18px;}
	.IBP_cont2 .txt p:last-child { margin-top: 20px; font-size: 16px;}
}





/* ======================================================
    1. 컨슈머인사이트 > 기획조사 개요
=========================================================*/

/* 연혁 */
.surveyhistory { position: relative; width: 1000px; margin: auto; color: #393c42; letter-spacing: -0.02em; } 
.surveyhistory h3 { margin-bottom: 20px; } 

.surveyhistory .tbl1 { position: relative; margin-bottom: 40px; border-top: 2px solid #333; color: #333; font-size: 17px; } 
.surveyhistory .tbl1 dl { display: flex; border-bottom: 1px solid #ddd; } 
.surveyhistory .tbl1 dt { display: flex; align-items: center; width: 15%; padding-left: 25px; background: #f6f6f6; font-family: 'Montserrat'; font-weight: 500; font-size: 19px; text-align: left; } 
.surveyhistory .tbl1 dd { width: 85%; padding: 20px 0 20px 20px; line-height: 1.5;} 
.surveyhistory .tbl1 a { text-decoration: underline;}

@media only screen and (max-width:999px){
	.surveyhistory { width: 100%; }
}

@media only screen and (max-width:480px){
	.surveyhistory { margin-top: 0;}
	.surveyhistory .tbl1 { font-size: 15px;}
	.surveyhistory .tbl1 dl { display: flex; flex-direction: column;}
	.surveyhistory .tbl1 dt { width: auto; padding: 5px 0; padding-left: 10px;}
	.surveyhistory .tbl1 dd { padding: 15px;}
	.surveyhistory .tbl1 a { font-size: 13px; word-break: break-all;}
}


/* 구성 */
.summary { position: relative; width: 100%; color: #393c42; letter-spacing: -0.02em; } 
.summary h3 { margin-top: 50px; margin-bottom: 20px; } 

.summary .tbl { position: relative; width: 1000px; margin: auto; margin-bottom: 4%; border-top: 2px solid #333; color: #333;  } 
.summary .tbl tr { border-bottom: 1px solid #ddd; } 
.summary .tbl th { width: 16.6666% !important; padding: 10px; border-left: 1px solid #ddd; background: #f6f6f6; font-weight: 500; font-size: 17px; text-align: center; word-wrap: break-word; } 
.summary .tbl th:first-child { border-left: 0; background: none; background: #f6f6f6; } 
.summary .tbl td { width: 16.6666% !important; padding: 17px 10px 30px 10px; border-left: 1px solid #ddd; font-size: 16px; line-height: 1.5; letter-spacing: -0.05em; vertical-align: top; word-wrap: break-word; } 
.summary .tbl td:first-child { padding: 0; border-left: 0; font-weight: 500; text-align: center; vertical-align: middle; } 
.summary .tbl td span  { display: block; padding: 0 0 0 15px; font-weight: normal; font-size: 14px; text-align: left; } 
.summary .tbl td span.tit { display: block; height: 70px; padding: 5px; border-radius: 5px; background: #e7f3fd; color:#333; font-weight: 500; font-size: 15px; text-align: center; line-height: 120%; } 
.summary .tbl td span.txt { display: block; padding: 5px 0 0 5px; font-weight: normal; font-size: 16px; text-align: left; } 
.summary .tbl td p { padding: 0 0 15px 13px; margin-bottom: 0; background: url(../img/icon_skyblue.png) left 10px/4px no-repeat; } 

@media only screen and (max-width:999px){
	.summary .tbl { width: 100%;}
	.summary .tbl td span.tit { display: block; height: 100px; padding: 3px; line-height: 1.1;}
}

@media only screen and (max-width:480px){
	.summary .tbl { width: 800px;}
	.summary h3 { margin-top: 20px;}
	.summary > div { overflow-x: scroll;}

	.summary .tbl th { padding: 10px 0; font-size: 15px;}
	.summary .tbl td { padding-top: 10px; padding-bottom: 10px; font-size: 14px;}
	.summary .tbl td span.txt { font-size: 14px; } 
	.summary .tbl td span.tit { height: 75px; padding: 5px 0; font-size: 14px; }
}







/* ======================================================
   2. 주요 DATA > 
=========================================================*/
.data { width: 1100px; margin: auto;}

.data .graph_area { position: relative; border: 1px solid #99d3ff; border-radius: 10px; background: #fff;}

.data .graph_area .btn { position: absolute; top: -50px; right: 0;}
.data .graph_area .btn a { display: block; padding: 8px 45px 8px 20px; border: 1px solid #938C85; border-radius: 100px; color: #888; font-size: 14px; }
.data .graph_area .btn a::after { content: ''; display: block; position: absolute; top: 11px; right: 20px; width: 13px; height: 13px; background: url(../Img/sub/btn_dw.png) center top no-repeat;}

.data .graph_area .select_area { display: flex; justify-content: center; padding: 25px 0; border-radius: 10px 10px 0 0; background: #e9f5ff;}
.data .graph_area .select_area p { position: relative; font-size: 18px;}
.data .graph_area .select_area p::after { content: ''; position: absolute; width: 4px; height: 4px; margin-left: 5px; border-radius: 100%; background: #6ec1ff;}
.data .graph_area .select_area ul { display: flex; margin-left: 20px;}
.data .graph_area .select_area ul li:last-child { margin-left: 5px;}
.data .graph_area .select_area .period { display: flex; align-items: center; }
.data .graph_area .select_area .period input[type=radio] { display: none; }
.data .graph_area .select_area .period input[type=radio] + label { display: inline-block; width: 100px; height: 34px; border: 1px solid #cdcdcd; border-radius: 100px; cursor: pointer;}
.data .graph_area .select_area .period input[type=radio] + label { background: #fff; color: #676767; font-size: 16px; line-height: 2.1; text-align: center;}
.data .graph_area .select_area .period input[type=radio]:checked + label { border: 1px solid #0f87ec; background: #0f87ec; color: #fff; }

.data .graph_area .select_area .timing { display: flex; align-items: center; margin-left: 30px;}
.data .graph_area .select_area .timing select { display: inline-block; height: 34px; padding: 0 35px 0 15px; border: 1px solid #cdcdcd; border-radius: 100px; background: #fff url(../Img/sub/arr_down.png) no-repeat right 10px center; color: #676767; font-size: 15px;}
.data .graph_area .select_area .timing .year { width: 110px; }
.data .graph_area .select_area .timing .month { width: 90px;}

.data .graph_area .graph dl { display: flex;}
.data .graph_area .graph dl dt { width: 18%;}
.data .graph_area .graph dl dt .key { margin-top: 100px; margin-left: 40px;}
.data .graph_area .graph dl dt .key a { display: block; position: relative; margin-top: 10px; padding-left: 20px; padding-bottom: 2px; }
.data .graph_area .graph dl dt .key a::before { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 15px; height: 3px; }
.data .graph_area .graph dl dt .key a.depth0 { position: relative; background: #fff url(../Img/sub/chk_off.png) left center/15px no-repeat; } /* 체크 전 */
.data .graph_area .graph dl dt .key a.off { position: relative; background: #fff url(../Img/sub/chk_off.png) left center/15px no-repeat; } /* 체크 전 */


.data .graph_area .graph dl dt .keyinde a:nth-child(1).on::before { background: #06489a;}   
.data .graph_area .graph dl dt .keyinde a:nth-child(2).on::before { background: #999;}  
.data .graph_area .graph dl dt .keyinde a:nth-child(3).on::before { background: #e581b6;}  

.data .graph_area .graph dl dt .keydoex a:nth-child(1).on::before { background: #ffc000;}   
.data .graph_area .graph dl dt .keydoex a:nth-child(2).on::before { background: #843c0c;}  
.data .graph_area .graph dl dt .keydoex a:nth-child(3).on::before { background: #ea7a2e;}  

.data .graph_area .graph dl dt .keytr a:nth-child(1).on::before { background: #843c0c;}
.data .graph_area .graph dl dt .keytr a:nth-child(2).on::before { background: #ea7a2e;}
.data .graph_area .graph dl dt .keytr a:nth-child(3).on::before { background: #ffc000;} 
.data .graph_area .graph dl dt .keytr a:nth-child(4).on::before { background: #7f7f7f;}
.data .graph_area .graph dl dt .keytr a:nth-child(5).on::before { background: #b1b1b1;} 

.data .graph_area .graph dl dt .keysp a:nth-child(1).on::before { background: #2e75b6;}
.data .graph_area .graph dl dt .keysp a:nth-child(2).on::before { background: #80abd3;}
.data .graph_area .graph dl dt .keysp a:nth-child(3).on::before { background: #2655b3;} 
.data .graph_area .graph dl dt .keysp a:nth-child(4).on::before { background: #7f7f7f;}
.data .graph_area .graph dl dt .keysp a:nth-child(5).on::before { background: #b1b1b1;}  

.data .graph_area .graph dl dt .keycu a:nth-child(1).on::before { background: #e581b6;}
.data .graph_area .graph dl dt .keycu a:nth-child(2).on::before { background: #cc0099;}
.data .graph_area .graph dl dt .keycu a:nth-child(3).on::before { background: #ff3399;} 
.data .graph_area .graph dl dt .keycu a:nth-child(4).on::before { background: #7f7f7f;}
.data .graph_area .graph dl dt .keycu a:nth-child(5).on::before { background: #b1b1b1;}  

.data .graph_area .graph dl dt .keyre a:nth-child(1).on::before { background: #548235;}
.data .graph_area .graph dl dt .keyre a:nth-child(2).on::before { background: #70ad47;}
.data .graph_area .graph dl dt .keyre a:nth-child(3).on::before { background: #009242;}
.data .graph_area .graph dl dt .keyre a:nth-child(4).on::before { background: #7f7f7f;}
.data .graph_area .graph dl dt .keyre a:nth-child(5).on::before { background: #b1b1b1;}

.data .graph_area .graph dl dt .keyle a:nth-child(1).on::before { background: #ffc000;}
.data .graph_area .graph dl dt .keyle a:nth-child(2).on::before { background: #70ad47;}
.data .graph_area .graph dl dt .keyle a:nth-child(3).on::before { background: #2655b3;}
.data .graph_area .graph dl dt .keyle a:nth-child(4).on::before { background: #843c0c;}
.data .graph_area .graph dl dt .keyle a:nth-child(5).on::before { background: #cc0099;}
.data .graph_area .graph dl dt .keyle a:nth-child(6).on::before { background: #ea7a2e;}
.data .graph_area .graph dl dt .keyle a:nth-child(7).on::before { background: #2e75b6;}
.data .graph_area .graph dl dt .keyle a:nth-child(8).on::before { background: #ff3399;}

.data .graph_area .graph dl dt  a.keyle_0.on::before { background: #ff3399;}    /* 문화예술 관람하기 */
.data .graph_area .graph dl dt  a.keyle_1.on::before { background: #cc0099;}    /* 문화예술 직접하기 */
.data .graph_area .graph dl dt  a.keyle_2.on::before { background: #2655b3;}    /* 스포츠 관람하기 */
.data .graph_area .graph dl dt  a.keyle_3.on::before { background: #2e75b6;}    /* 운동/스포츠 직접하기 */
.data .graph_area .graph dl dt  a.keyle_4.on::before { background: #ffc000;}    /* 관광/여행 */
.data .graph_area .graph dl dt  a.keyle_5.on::before { background: #70ad47;}    /* 오락/휴식 */
.data .graph_area .graph dl dt  a.keyle_6.on::before { background: #ea7a2e;}  	 /* 자기계발/자기관리 */
.data .graph_area .graph dl dt  a.keyle_7.on::before { background: #843c0c;}    /* 사회교류 */


.data .graph_area .graph dl dt .key a.increase::before { background: #06489a;} 
.data .graph_area .graph dl dt .key a.decrease::before { background: #f9293c;} 

.data .graph_area .graph dl dt .key a.sports1::before { background: #2e75b6;}
.data .graph_area .graph dl dt .key a.sports2::before { background: #80abd3;}
.data .graph_area .graph dl dt .key a.sports3::before { background: #2655b3;}

.data .graph_area .graph dl dt .key a.cultur1::before { background: #e581b6;}
.data .graph_area .graph dl dt .key a.cultur2::before { background: #cc0099;}
.data .graph_area .graph dl dt .key a.cultur3::before { background: #ff3399;}

.data .graph_area .graph dl dt .key a.rest1::before { background: #548235;}
.data .graph_area .graph dl dt .key a.rest2::before { background: #70ad47;}
.data .graph_area .graph dl dt .key a.rest3::before { background: #009242;}

.data .graph_area .graph dl dt .key a.travel::before { background: #ffc000;}

.data .graph_area .graph dl dt .key a.self::before { background: #843c0c;}

.data .graph_area .graph dl dt .key a.social::before { background: #ea7a2e;}

.data .graph_area .graph dl dt .key a.top4::before { background: #7f7f7f;}
.data .graph_area .graph dl dt .key a.top5::before { background: #b1b1b1;}



.data .graph_area .graph dl dd { width: 82%;}
.data .graph_area .graph dl dd .gr_line { margin-left: -10px; padding: 10px 10px 10px 0;}
.data .graph_area .graph dl dd .gr_line img { width: 100%;}

.data .graph_area .graph .tbl_All { padding: 10px;}
.data .graph_area .graph .tbl_All table { border-bottom: 1px solid #ddd; text-align: center;}
.data .graph_area .graph dl dd .gr_line { margin-left: -10px; padding: 10px 10px 10px 0;}
.data .graph_area .graph .tbl_All tr:first-child { border-top: 1px solid #ddd; background: #f6f6f6; }
.data .graph_area .graph .tbl_All td { width: 6.30769%; border-bottom: 1px dashed #e5e5e5; padding: 8px 0; font-size: 14px;}
.data .graph_area .graph .tbl_All td:first-child { width: 18%; text-align: right;}
.data .graph_area .graph .tbl_All td:last-child { border-right: 0;}
.data .graph_area .graph .tbl_All td a.btn_prev { display: inline-block; width: 11px; height: 18px; background: url(../Img/sub/btn_prev_icon.png) right no-repeat;}
.data .graph_area .graph .tbl_All td a.btn_next { display: inline-block; width: 11px; height: 18px; background: url(../Img/sub/btn_next_icon.png) right no-repeat;}
.data .graph_area .graph .tbl_All td span { display: block; color: #747474; font-size: 12px;}
.data .graph_area .graph .tbl_All tr.bg_gray { background: #f9f9f9; font-size: 14px; } 

.data .question { padding: 15px; padding-top: 0;}
.data .question .ask { position: relative; padding-left: 22px; font-size: 14px;}
.data .question .ask::before { content: 'Q'; display: block; position: absolute; top: 2px; left: 0; width: 18px; height: 18px; border-radius: 50%; background: #555; color: #fff; font-family: 'pretendard'; font-weight: 400; font-size: 14px; line-height: 1.3; text-align: center;}
.data .question .note { margin-top: 10px; font-weight: 400; font-size: 14px;}

.data .comment { padding: 15px; padding-top: 5px; }
.data .comment p { color: #747474; font-size: 12px; line-height: 1.5;}


@media only screen and (max-width:1440px){
	.data { width: 100%;}
}

@media only screen and (max-width:999px){
	.data .graph_area .select_area p { font-size: 16px;}
	.data .graph_area .select_area .period input[type=radio] + label { font-size: 14px; line-height: 2.4;}
	.data .graph_area .select_area .timing select { font-size: 14px;}

	.data .graph_area .graph dl { display: none;}
	.data .graph_area .graph .tbl_All td { width: 12.4285%;}
	.data .graph_area .graph .tbl_All td:nth-child(2),.data .graph_area .graph .tbl_All td:nth-child(3),.data .graph_area .graph .tbl_All td:nth-child(4),.data .graph_area .graph .tbl_All td:nth-child(5),.data .graph_area .graph .tbl_All td:nth-child(6),.data .graph_area .graph .tbl_All td:nth-child(7)
	{ position: absolute; top: -1000px; left: -1000px; font-size: 0; line-height: 0; text-indent: -4000px;}
}

@media only screen and (max-width:480px){
	.data .graph_area .btn { display: none;}

	.data .graph_area .select_area { flex-direction: column; align-items: center; padding: 15px; }
	.data .graph_area .select_area .timing { margin-left: 0; margin-top: 10px;}
	.data .graph_area .select_area .timing select { padding: 0 20px 0 10px; border-radius: 4px;}
	.data .graph_area .select_area .timing .year { width: 95px; }
	.data .graph_area .select_area .timing .month { width: 70px;}
	.data .graph_area .select_area p { font-size: 14px;}
	.data .graph_area .select_area .period input[type=radio] + label { width: 80px; height: 28px; border-radius: 4px; line-height: 1.9;}

	.data .graph_area .graph .tbl_All tr:first-child td { width: 18%; font-size: 13px;}
	.data .graph_area .graph .tbl_All td:first-child { font-size: 12px;}
	.data .graph_area .graph .tbl_All td { width: 16.4%; padding: 3px 0; font-size: 13px;}
	.data .graph_area .graph .tbl_All td:nth-child(8), .data .graph_area .graph .tbl_All td:nth-child(8),.data .graph_area .graph .tbl_All td:nth-child(9)
	{ position: absolute; top: -1000px; left: -1000px; font-size: 0; line-height: 0; text-indent: -4000px;}

	.data .question .ask { font-size: 13px;}
	.data .question .ask::before { font-size: 13px; line-height: 1.4;}
	.data .question .note { margin-top: 5px; font-size: 12px;}
	.data .comment { padding: 0;}
}







/* ======================================================
   3. 분석 REPORT > 보도자료 - 갤러리형 리스트
=========================================================*/
.report_keyword { width: 1000px; margin: auto;} 
.report_keyword ul { display: flex; margin-bottom: 20px;}
.report_keyword li { position: relative; margin-left: 5px;} 
.report_keyword li:first-child { margin-left: 0;}
.report_keyword input[type=radio] { display: none; }
.report_keyword input[type=radio] + label { display: inline-block; width: 100px; height: 34px; border: 1px solid #cdcdcd; border-radius: 5px; cursor: pointer;}
.report_keyword input[type=radio] + label { background: #fff; color: #676767; font-size: 18px; line-height: 1.9; text-align: center;}
.report_keyword input[type=radio]:checked + label { border: 1px solid #0f87ec; color: #0f87ec; }

.report_keyword input[type=checkbox] { display: none;} 
.report_keyword input[type=checkbox] + label { display: inline-block; width: 80px; height: 34px; padding-left: 0; border: 1px solid #cdcdcd; border-radius: 5px; cursor: pointer;}
.report_keyword input[type=checkbox] + label { background: #fff; color: #676767; font-size: 18px; line-height: 1.9; text-align: center;}
.report_keyword input[type=checkbox]:checked + label { border: 1px solid #0f87ec; background: #0f87ec; color: #fff; }
.report_keyword input[type="checkbox"] + label::before { display: none; }
.report_keyword input[type="checkbox"]:checked + label::before { display: none;}

@media only screen and (max-width:480px){ 
	.report_keyword { width: 100%; margin-top: 20px;} 
	.report_keyword ul { margin-bottom: 10px;}
	.report_keyword li { width: 25%;}
	.report_keyword input[type=checkbox] + label { width: 100%; height: auto; padding-left: 0; font-size: 14px; text-align: center;}
}






.post_area { position: relative; width: 1000px; margin: auto;}

.post_area .recent_post { position: relative; padding: 15px; border-radius: 10px; background: #f6f6f6;}
.post_area .recent_post a { display: flex; }
/* .post_area .recent_post .imgbox { width: 100%; } */
.post_area .recent_post .imgbox img {  border-radius: 10px;  width: 450px;}
.post_area .recent_post .txt { margin-left: 20px; margin-top: 20px; text-align: left;}
.post_area .recent_post .txt .category { display: inline-block; padding: 0 20px; border: 1px solid #999; border-radius: 25px; color: #999; font-weight: 500; font-size: 14px; line-height: 25px;}
.post_area .recent_post .txt .tit { display: block; margin-top: 10px; color: #333; font-weight: 500; font-size: 30px; line-height: 1.2;}
.post_area .recent_post .txt .sub_tit { margin-top: 10px; }
.post_area .recent_post .txt .sub_tit p { color: #747474; font-size: 17px;}
.post_area .recent_post .txt .sub_tit p + p { margin-top: 5px;}
.post_area .recent_post .txt .date { display: block; padding-top: 15px; color: #999; font-size: 13px;}


.post_area ul { display: flex; margin-top: 20px;}
.post_area ul + ul { margin-top: 30px;}
.post_area li { width: 317px;}
.post_area li:first-child, .post_area li:nth-child(2) { margin-right: 25px;}
.post_area li a { overflow: hidden; display: block; position: relative; padding: 220px 20px 20px 20px; border: 1px solid #e0e0e0; border-radius: 10px; }
.post_area li a:hover { box-shadow: 2px 3px 8px 0px rgb(0 0 0 / 10%); border: 1px solid #999; box-sizing: border-box;}
.post_area li a:hover img { transform: scale(1.1);}
.post_area li .thumb { overflow: hidden; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 209px; transition: all .3s ease-in-out; }
.post_area li .thumb img { width: 100%; height: 100%; transition: all .3s ease-in-out; }
.post_area li .summ .category { display: inline-block; position: absolute; top: 10px; right: 10px; width: 60px; border-radius: 25px; background:rgba(255,255,255,0.6);color: #555; font-weight: 500; font-size: 13px; text-align: center; line-height: 25px;}
.post_area li .summ .category1 { display: inline-block; position: absolute; top: 10px; right: 10px; width: 60px; border-radius: 25px; background:rgba(255,255,255,0.6);color: #555; font-weight: 500; font-size: 13px; text-align: center; line-height: 25px;}
.post_area li .summ .category2 { display: inline-block; position: absolute; top: 36px; right: 10px; width: 60px; border-radius: 25px; background:rgba(255,255,255,0.6);color: #555; font-weight: 500; font-size: 13px; text-align: center; line-height: 25px;}
.post_area li .summ .category3 { display: inline-block; position: absolute; top: 62px; right: 10px; width: 60px; border-radius: 25px; background:rgba(255,255,255,0.6);color: #555; font-weight: 500; font-size: 13px; text-align: center; line-height: 25px;}
.post_area li .summ .category4 { display: inline-block; position: absolute; top: 88px; right: 10px; width: 60px; border-radius: 25px; background:rgba(255,255,255,0.6);color: #555; font-weight: 500; font-size: 13px; text-align: center; line-height: 25px;}

.post_area li .summ .tit { overflow: hidden; display: block; height: 60px; font-weight: 500; font-size: 17px; line-height: 1.2;}
.post_area li .summ .date { display: block; color: #999; font-size: 14px;}

@media only screen and (max-width:999px){
	.post_area { width: 100%; }

	.post_area .recent_post .imgbox img { width: 100%;}
	.post_area .recent_post .txt { margin-top: 0;}
	.post_area .recent_post .txt .tit { font-size: 20px;}
	.post_area .recent_post .txt .sub_tit p { font-size: 14px; }

	.post_area ul { justify-content: space-between; margin-top: 20px;}
	.post_area li { width: 33%;}
	.post_area li:first-child, .post_area li:nth-child(2) { margin-right: 0;}
	.post_area li .summ .tit { height: 40px; font-size: 16px; word-break: break-all;}
	.post_area li .thumb { height: auto;}
	.post_area li a { padding: 190px 15px 15px 15px;}
}

@media only screen and (max-width:720px){
	.post_area li a { padding: 180px 15px 15px 15px;}
	
}

@media only screen and (max-width:480px){ 
	.post_area { width: 100%; }

	.post_area .recent_post { padding: 10px;}
	.post_area .recent_post a { display: block; }
	.post_area .recent_post .txt { margin-top: 10px; margin-left: 0;}
	.post_area .recent_post .txt .sub_tit p { font-size: 14px;}
	.post_area .recent_post .txt .category { position: absolute; top: 20px; right: 20px; background: rgba(255,255,255,0.6); border-color: rgba(255,255,255,0.1); color: #333;}

	.post_area li .summ .category { font-size: 13px; line-height: 20px;}
	.post_area li .summ .tit { height: auto; word-break: keep-all; }
	.post_area li .summ .date { padding-top: 10px;}

	.post_area li .thumb { width: 100%; height: 65%;}
	.post_area ul { display: block; width: 100%; margin-top: 25px;}
	.post_area li { width: 100%; display: block; }
	.post_area li + li { margin-top: 20px;}
	.post_area li a { padding: 200px 15px 15px 15px;}
}






/* 페이징 */
.paging { display: flex; justify-content: center; margin-top: 30px; text-align: center;}

.paging .pagingPrev, .paging .pagingPrev:hover { background: url(../Img/sub/paging_prev.png) no-repeat center center;}
.paging .pagingNext, .paging .pagingNext:hover { background: url(../Img/sub/paging_next.png) no-repeat center center;}
.paging .pagingPrev, .paging .pagingNext { width: 40px;  height: 40px; }

.paging .num { display: flex; align-items: center; margin: 0 5px; }
.paging .num .on { color: #0f87ec; }
.paging .num a { display: block; width: 30px; height: 30px; color: #808080; font-size: 16px; line-height: 1.8; }
.paging .num a:hover { color: #0f87ec; }
.paging a { text-decoration: none;}






/* ======================================================
   3. 분석 REPORT > 보도자료 - 목록형 리스트
=========================================================*/

.news_list { position: relative; width: 1000px; margin: auto; letter-spacing: -0.005em;}

.viewtype_list { position: absolute; right: -10px; top: -40px; margin: 0 10px;}
.viewtype_list::after { display: block; clear: both; content: ""; }

.viewtype_list a { overflow: hidden; float: left; position: relative; width: 18px; height: 18px; text-align: center;}
.viewtype_list a::after { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../Img/sub/viewtype.png) no-repeat; }
.viewtype_list .ty_thmb::after { background-position: 0 0;}
.viewtype_list .ty_list::after { background-position: -28px 0;}
.viewtype_list .ty_thmb.on::after, .viewtype_list .ty_thmb:hover::after { background-position: -58px 0; } 
.viewtype_list .ty_list.on::after, .viewtype_list .ty_list:hover::after { background-position: -86px 0; }

.viewtype_list .ty_list { margin-left: 10px;}


.sch_area { position: absolute; width: 200px; right: 80px; top: -55px; }
.sch_area input { width: 100%; height: 34px; padding-left: 10px; border: 0; border-bottom: 1px solid #c2c2c2; background: #fff; color: #333; font-size: 15px;}
.sch_area input:focus { border-color: #0f87ec;  }
.sch_area input::placeholder { font-size: 14px;}
.sch_area button { position: absolute; right: -12px; top: 50%; transform: translate(0,-50%); width: 25px; height: 25px; outline: 0; border: 0; background: url(../Img/sub/sch_icon.png) center center no-repeat; background-size: 22px; background-color: transparent; text-indent: -9999px;}



.hidden { position: absolute; visibility: hidden; overflow: hidden; width: 0; height: 0; padding: 0; margin: 0; font: 0/0 Arial; line-height: 0;}

.news_list ul { border-top: 2px solid #333; }
.news_list li { border-bottom: 1px solid #ddd;}
.news_list li a { display: flex; justify-content: space-between; align-items: flex-end; padding: 20px 0;}
.news_list li a .txtbox { width: 90%; }
.news_list li a .txtbox .subtit { color: #999; font-weight: 400; font-size: 16px;}
.news_list li a .txtbox .tit { color: #333; font-weight: 500; font-size: 22px;}
.news_list li a .txtbox .article { overflow: hidden; display: block; margin-top: 5px; color: #808080; font-size: 15px; white-space: nowrap; text-overflow: ellipsis;}
.news_list li a .date { width: 10%; color: #999; font-weight: 300; font-size: 14px; text-align: right;}

@media only screen and (max-width:999px){
	.news_list { width: 100%;}
}

@media only screen and (max-width:720px){
	.sch_area { width: 150px; }
	.sch_area input::placeholder { font-size: 13px;}
	
}

@media only screen and (max-width:480px){ 
	.viewtype_list { top: -75px; }

	.sch_area { top: -90px; left: 0; width: 70%;}

	.news_list li a { padding: 10px 0;}
	.news_list li a .txtbox { width: 80%;}
	.news_list li a .txtbox .subtit { font-size: 13px;}
	.news_list li a .txtbox .tit { overflow: hidden; display: block; font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
	.news_list li a .txtbox .article { font-size: 13px;}
	.news_list li a .date { width: 20%; font-size: 12px; }
}


/* ======================================================
   3. 분석 REPORT > 보도자료 - 게시글
=========================================================*/

.board_view_top { height: 220px; background: #e9f4fe; }
.board_view_top .txt_area { width: 1000px; margin: auto; padding-top: 60px; text-align: left;}
.board_view_top .txt_area .tit { font-weight: 500; font-size: 35px; letter-spacing: -0.05em;}

.board_view_top .txt_area .sns { display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.board_view_top .txt_area .sns .date { display: block; color: #999; font-weight: 300; font-size: 15px; letter-spacing: 0.005em;}
.board_view_top .txt_area .sns .list ul { display: flex; justify-content: flex-end; }
.board_view_top .txt_area .sns .list li { margin-left: 10px;}
.board_view_top .txt_area .sns .list li:first-child { margin-left: 0;}
.board_view_top .txt_area .sns .list a { display: inline-block; width: 28px; height: 28px; }
.board_view_top .txt_area .sns .list .file_doc { background: url(../Img/sub/file_doc.png) no-repeat; background-size: 100%;}
.board_view_top .txt_area .sns .list .file_pdf { background: url(../Img/sub/file_pdf.png) no-repeat; background-size: 100%;}
.board_view_top .txt_area .sns .list .sns_facebook { border-radius: 50px; background: url(../Img/sub/btn_facebook.png) no-repeat; background-size: 100%;}
.board_view_top .txt_area .sns .list .sns_naverpost { border-radius: 50px; background: url(../Img/sub/sns_naverpost.png) no-repeat; background-size: 100%;}
.board_view_top .txt_area .sns .list .btn_print { border-radius: 50px; background: url(../Img/sub/btn_print.png) no-repeat; background-size: 100%;}

.board_view { width: 1000px; margin: auto; } 

.board_view .board_list { margin-top: 30px;}
.board_view .board_list .btn { display: block; width: 150px; padding: 12px 0; margin: auto; border-radius: 5px; background: #0f87ec; color: #fff; font-size: 16px; text-align: center;}

.board_view .board_list .pn { margin-top: 30px; border-top: 2px solid #e6e6e6;}
.board_view .board_list dl { overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e6e6e6; }
.board_view .board_list dl:last-of-type { border-bottom: 2px solid #e6e6e6;}
.board_view .board_list dl dt { float: left; position: relative; width: 8%; height: 78px; font-size: 18px; line-height: 78px; }
.board_view .board_list dl.prev dt::after { content: ""; display: block; position: absolute; top: 45%; right: 20px; width: 11px; height: 7px; background: url(../Img/sub/icon_prev.png) no-repeat;}
.board_view .board_list dl.next dt::after { content: ""; display: block; position: absolute; top: 48%; right: 20px; width: 11px; height: 7px; background: url(../Img/sub/icon_next.png) no-repeat;}
.board_view .board_list dl dd { overflow: hidden; position: relative; height: 78px; line-height: 78px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.board_view .board_list dl dd a { margin-left: 20px; font-size: 17px;}
.board_view .board_list dl dd::before {  content: ""; display: block; position: absolute; top: 40%; width: 1px; height: 20px; background: #e6e6e6;}


.board_view_con { position: relative; padding: 0 5px; color: #393c42; font-size: 16px; line-height: 1.8; } 
.board_view_con .sub_tit { color: #4da5ef; font-size: 20px;}
.board_view_con .txt { padding-bottom: 30px; }
.board_view_con .txt li { position: relative; padding-top: 10px; padding-left: 10px; font-weight: 400; font-size: 17px;}
.board_view_con .txt li::before { content: ""; display: block; position: absolute; top: 22px; left: 0; width: 3px; height: 3px; background: #868891;}
.board_view_con img { display: block; max-width: 650px; margin-top: 50px; margin-left: auto; margin-right: auto; margin-bottom: 5px; } 
.board_view_con a { text-decoration: underline;} 

.report_surveyMethod { position: relative; float: left; width: 100%; margin-bottom: 40px; border-top: 2px dotted #868891; color: #7d7d7d; } 
.report_surveyMethod td { padding-top: 40px; font-size: 14px; text-align: left; line-height: 130%; } 
.report_surveyMethod td strong { display: block; margin-bottom: 5px; color: #454551; font-size: 15px; } 
.report_surveyMethod td a { color: #393c42; } 

.Contactnew_p { text-align: center; padding-bottom: 10px;}

.Contactnew_tr1 { width: 650px; margin: auto; border-top: 2px solid #6ec1ff; text-align: center;}
.Contactnew_tr1 th { width: 30%; padding: 10px 0; background: #e9f4fe; font-size: 14px; line-height: 150%;}
.Contactnew_tr1 td { padding: 10px 0; padding-left: 20px; background: #f4f9fe; font-size: 14px; line-height: 150%;}
.Contactnew_tr1 td:first-child { width: 40%;}
.Contactnew_tr1 td:last-child  { width: 30%;}

.Contactnew_tr2 { width: 650px; margin: auto; border-top: 2px solid #6ec1ff; text-align: left;}
.Contactnew_tr2 th { width: 30%; padding: 10px 0; padding-left: 20px; border-bottom: 1px solid #fff; background: #e9f4fe; font-size: 14px; line-height: 150%;}
.Contactnew_tr2 td { padding: 10px 0; padding-left: 20px; border-bottom: 1px solid #fff; background: #f4f9fe; font-size: 14px; line-height: 150%;}
.Contactnew_tr2 tr:last-child th { border-bottom: 1px solid #fff; }
.Contactnew_tr2 tr:last-child td { border-bottom: 1px solid #fff; }
.Contactnew_tr2 td:first-child { width: 40%;}
.Contactnew_tr2 td:last-child  { width: 30%;}

.Contactnew_tr3 { width: 650px; margin: auto; border-top: 2px solid #6ec1ff; text-align: left;}
.Contactnew_tr3 th { width: 30%; padding: 10px 0; padding-left: 20px; border-bottom: 1px solid #fff; background: #e9f4fe; font-weight: 400; font-size: 14px; line-height: 150%;}
.Contactnew_tr3 td { padding: 10px 0; padding-left: 20px; border-bottom: 1px solid #fff; background: #f4f9fe; font-size: 14px; line-height: 150%;}
.Contactnew_tr3 tr:last-child th { border-bottom: 1px solid #fff; }
.Contactnew_tr3 tr:last-child td { border-bottom: 1px solid #fff; }
.Contactnew_tr3 td:first-child { width: 40%;}
.Contactnew_tr3 td:last-child  { width: 30%;}


@media only screen and (max-width:999px){
	.board_view_top { padding: 20px;}
	.board_view_top .txt_area { width: 100%; padding-top: 60px;}
	.board_view { width: 100%;}
	.board_view .board_list dl.prev dt::after { right: 0; }
	.board_view .board_list dl.next dt::after { right: 0; top: 45%; }
	.board_view .board_list dl dd::before { display: none;}
}

@media only screen and (max-width:480px){ 
	.board_view_top { height: auto;}

	.board_view_top .txt_area { width: 100%; padding-top: 0;}
	.board_view_top .txt_area .tit { font-size: 24px;}
	.board_view_top .txt_area .sub_tit { font-size: 17px;}

	.board_view_top .txt_area .sns .list { margin-top: 0;}
	.board_view_top .txt_area .sns .list ul { margin-top: 0;}
	.board_view_top .txt_area .sns .list li { margin-left: 5px;}
	.board_view_top .txt_area .sns .list a { width: 20px; height: 20px;}

	.board_view_con { margin-top: 0;}
	.board_view_con .sub_tit { font-size: 17px; line-height: 1.2;}
	.board_view_con img { width: 100%;}
	.board_view_con .txt li { font-size: 14px; line-height: 1.3;}
	.board_view_con td { font-size: 14px; line-height: 1.5;}
	.board_view_con .txt li { padding-left: 8px;}
	.board_view_con .txt li::before { top: 18px; }

	.Contactnew_tr1 { width: 100%;}
	.Contactnew_tr2 { width: 100%;}
	.Contactnew_tr3 { width: 100%;}
	.Contactnew_tr3 th { padding: 10px; font-size: 13px;}
	.Contactnew_tr3 td { display: block; padding: 8px; font-size: 13px;}
	.Contactnew_tr3 td:last-child { width: auto;}

	.board_view .board_list { margin-top: 0;}
	.board_view .board_list .btn { width: 100px; padding: 8px 0; font-size: 14px;}

	.board_view .board_list dl dt { width: 15%; height: 50px; font-size: 13px; line-height: 50px;}
	.board_view .board_list dl dd { height: 50px; line-height: 50px;}

	.board_view .board_list dl dd a { font-size: 13px;}
	.board_view .board_list dl.prev dt::after { right: 0;}
	.board_view .board_list dl.next dt::after { right: 0; top: 45%; }
}





/* ======================================================
   3. 분석 REPORT > 보고서
=========================================================*/

.report { width: 1000px; margin: auto;}
.report .stit { margin-top: 30px; color: #3d3d3d; font-weight: 300; font-size: 17px; line-height: 1.5;}
.report .stit a { display: block; width: 85px; padding: 5px 8px; margin-top: 10px; border: 1px solid #0f87ec; border-radius: 4px; color: #0f87ec; font-size: 14px;}
.report .lineBreak { display: block;}

.report h3.tit { margin-top: 150px; }
.report h4 { margin-top: 60px;}
.report .txt { margin-top: 30px; font-size: 17px; text-align: center; line-height: 1.5;}

.report .btn_report { margin-top: 30px; text-align: center;}
.report .btn_report a { display: inline-flex; align-items: center; justify-content: flex-start; width: 300px; height: 65px; padding-left: 40px; border: 1px solid #333; border-radius: 5px; background: #fff; font-weight: 500; font-size: 20px; text-align: center;}
.report .btn_report a:hover { background: #f6f6f6;}
.report .btn_report .btn_sample { position: relative; }
.report .btn_report .btn_sample::after { content: ''; display: block; position: absolute; right: 20px; width: 19px; height: 18px; background: url(../Img/sub/btn_dw2.png) no-repeat;}
.report .btn_report .btn_manual { position: relative; margin-left: 10px;}
.report .btn_report .btn_manual::after { content: ''; display: block; position: absolute; right: 20px; width: 19px; height: 22px; background: url(../Img/sub/manual_icon.png) no-repeat;}
.report .btn_report .btn_sample::before { content: ''; display: block; position: absolute; top: -5px; right: 10px; width: 47px; height: 18px; background: url(../Img/sub/sample_icon.png) no-repeat;}


.report .year_btn_new { margin-top: 30px;}
.report .year_btn_new ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px;}
.report .year_btn_new li { display: flex; justify-content: flex-start; align-items: center; position: relative; width: 40%; height: 60px; padding-left: 15px; border: 1px solid #0f87ec; border-radius: 4px; color: #0f87ec; font-size: 14px;}
.report .year_btn_new li a { display: block; position: relative; color: #333; font-weight: 500; font-size: 19px;}
.report .year_btn_new li a span { color: #555; font-size: 13px;}
.report .year_btn_new li::after { content: ''; display: block; position: absolute; top: 40%; right: 10px; width: 13px; height: 13px; background: url(../Img/sub/btn_dw_bl.png) no-repeat;}
.report .year_btn_new li::after { content: ''; display: block; position: absolute; top: 40%; right: 10px; width: 13px; height: 13px; background: url(../Img/sub/btn_dw_bl.png) no-repeat;}
.report .year_btn_new .new { position: relative; }
.report .year_btn_new .new::after { content: ''; display: block; position: absolute; top: -15px; left: -12px; width: 30px; height: 18px; background: url(../Img/sub/new_icon.png) no-repeat;}
.report .year_btn_new .newen { position: relative; }
.report .year_btn_new .newen::after { content: ''; display: block; position: absolute; top: -15px; left: -12px; width: 30px; height: 18px; background: url(../Img/sub/new_icon.png) no-repeat;}


@media only screen and (max-width:480px){ 
	.report .year_btn_new li{ width: 100%;}
	.report .year_btn_new li a { font-size: 16px;}
}


.report .year_btn { margin-top: 30px;}
.report .year_btn ul { display: flex; justify-content: center;}
.report .year_btn li { width: 25%; display: flex; justify-content: flex-start; align-items: center; position: relative; padding-left: 25px; margin-left: 5px; border: 1px solid #0f87ec; border-radius: 4px; color: #0f87ec; font-size: 14px;}
.report .year_btn li:first-child { margin-left: 0;}
.report .year_btn li a { position: relative; color: #333; font-weight: 500; font-size: 18px;}
.report .year_btn li::after { content: ''; display: block; position: absolute; top: 40%; right: 20px; width: 13px; height: 13px; background: url(../Img/sub/btn_dw_bl.png) no-repeat;}
.report .year_btn li .year { font-family: 'Montserrat'; font-weight: 600; }
.report .year_btn .new { position: relative; }
.report .year_btn .new::after { content: ''; display: block; position: absolute; top: -5px; right: -50px; width: 30px; height: 18px; background: url(../Img/sub/new_icon.png) no-repeat;}

.report .year_btn .kr li a { line-height: 3.5;}
.report .year_btn .en { margin-top: 10px;}
.report .year_btn .en li { padding-top: 10px; padding-bottom: 10px; font-family: 'Montserrat';}
.report .year_btn .en a span { display: block; color: #555; font-size: 14px;}

.report .comment { margin-top: 10px; color: #747474; font-size: 14px; line-height: 1.3;}
.report .comment a { text-decoration: underline;}

@media only screen and (max-width:999px){
	.report { width: 100%;}
	.report h3.tit { margin-top: 80px; }
	.report .year_btn li { justify-content: center; padding-left: 0;}
	.report .year_btn li::after { display: none;}
	.report .year_btn .new::after { right: 0;}
}

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

	.report h3 { font-size: 22px;}
	.report .stit { font-size: 16px;}
	.report .txt { margin-top: 20px; font-size: 16px;}

	.report .btn_report a { display: flex; width: auto; height: auto; padding: 12px; font-size: 15px;}
	.report .btn_report .btn_manual { margin-left: 0; margin-top: 10px;}

	.report h3.tit { margin-top: 50px;}

	
	.report .year_btn ul { display: block;}
	.report .year_btn li { justify-content: flex-start; width: auto; height: auto; margin-left: 0; margin-top: 5px; padding: 12px;}
	.report .year_btn li:first-child { margin-top: 0;}
	.report .year_btn li::after { content: ''; display: block; position: absolute; top: 40%; right: 20px; width: 13px; height: 13px; background: url(../Img/sub/btn_dw_bl.png) no-repeat;}
	.report .year_btn .new::after { display: none;}
	.report .year_btn li a { padding-left: 20px; font-size: 16px; line-height: 1.2;}
	.report .year_btn .kr li a { font-weight: 400; font-size: 16px; line-height: 1;}
	.report .year_btn .en a span { font-size: 13px;}

	.report .comment { font-size: 14px;}
}






/* ======================================================
   3. 분석 REPORT > 주요이슈
=========================================================*/

/* 2022 ~ 2019 탭메뉴 */
.tab_menu { position: relative;}
.tab_menu .list { overflow: hidden; display: flex; justify-content: center; }
.tab_menu .list li { position: relative; width: 25%; margin-right: 5px; }
.tab_menu .list .btn { display: flex; align-items: center; justify-content: center; padding: 15px 0; border: 1px solid #6ec1ff; border-radius: 5px; background: #fff; font-family: 'Montserrat'; font-weight: 500; font-size: 20px; text-align: center;}
.tab_menu .list .btn.prc { font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; }
.tab_menu .list .btn span { display: inline-block; margin-left: 5px; margin-top: -2px; font-family: 'Noto Sans KR'; font-size: 17px;}
.tab_menu .list .cont { display: none; }
.tab_menu .list li.is_on .btn { border: 1px solid #0f87ec; background: #0f87ec; color: #fff; }
.tab_menu .list li.is_on .cont { display: block; margin: auto;}


/* 2019 이전 탭메뉴 */
.tab { margin-top: 30px; width: 100%; }
.tabnav { display: flex; justify-content: flex-end;}
.tabnav li { margin-right: 30px; text-align: center; }
.tabnav li:last-child { margin-right: 0;}
.tabnav li a.active, .tabnav li a:hover { color: #0f87ec; }
.tabnav li a { position: relative; display: block; font-family: 'Montserrat'; font-weight: 500; font-size: 20px; text-decoration: underline; }


@media only screen and (max-width:999px){
	
}

@media only screen and (max-width:480px){ 
	.tab_menu .list li { width: 25%;}
	.tab_menu .list .btn { height: 35px; padding: 0;  font-size: 16px;}
	.tab_menu .list .btn span { margin-left: 0; font-size: 14px;}
	.tab_menu .list .btn.prc { height: 40px; font-size: 14px;}
	.tab_menu .list .btn.before { font-size: 14px; line-height: 1;}

	.tabnav li { margin-right: 10px;}
	.tabnav li a { font-size: 16px;}
}

.issue { width: 1100px; margin: auto; } 

.issue .tbl { margin-top: 50px; margin-bottom: 50px; border-top: 2px solid #ddd; } 
.issue .tbl tr { border-bottom: 1px solid #ddd; }
.issue .tbl tr:first-child { background: #f6f6f6;} 
.issue .tbl tr:first-child td { font-weight: 400; font-size: 16px; text-align: center;}
.issue .tbl th { padding: 15px 0; font-size: 18px; text-align: center; vertical-align: middle; } 
.issue .tbl td { padding: 8px 2px 7px 2px; border-left: 1px solid #e6e6e6; font-size: 15px; text-align: center; } 
.issue .tbl td:first-child { width: 5%; border-left: 0; padding: 0 15px;}
.issue .tbl td:nth-child(2) { width: 10%; }
.issue .tbl td:last-child { width: 75%; padding: 10px 2px 10px 18px; text-align: left; } 
.issue .tbl td > p { position: relative; padding-left: 18px;}
.issue .tbl td p + p { margin-top: 5px;}
.issue .tbl td p::before { content: ''; display: inline-block; position: absolute; top: 7px; left: 10px; width: 3px; height: 3px; border-radius: 100%; background: #aaa;}
.issue .tbl tr.bg_gray { background: #f9f9f9; font-size: 15px; } 


.issue .tbl .divide dl { display: flex;}
.issue .tbl .divide dl + dl { margin-top: 5px;}
.issue .tbl .divide dl dt { display: flex; justify-content: center; align-items: center; width: 60px; border: 1px solid #eee; border-radius: 5px; background: #eee; padding: 5px 0; font-size: 14px; text-align: center;} 
.issue .tbl .divide dl dt.s { border-color: #c5e6ff; background: #c5e6ff;} /* 스포츠 */
.issue .tbl .divide dl dt.c { border-color: #ffd0e7; background: #ffd0e7;} /* 문화 */
.issue .tbl .divide dl dt.t { border-color: #ffed9d; background: #ffed9d;} /* 여행 */ 

.issue .tbl .divide dl dd { width: 100%; padding: 10px; padding-left: 0;}
.issue .tbl .divide dl dd p { position: relative; padding-left: 18px; font-weight: 300;}
.issue .tbl .divide dl dd p + p { margin-top: 5px;}
.issue .tbl .divide dl dd p::before { content: ''; display: inline-block; position: absolute; top: 7px; left: 10px; width: 3px; height: 3px; border-radius: 100%; background: #aaa;}

@media only screen and (max-width:999px){
	.issue { width: 100%; } 
}

@media only screen and (max-width:480px){ 
	.issue .tbl { margin-top: 20px; margin-bottom: 30px;}
	.issue .tbl th { padding: 10px 0; font-size: 14px;}
	.issue .tbl td { font-size: 13px;}
	.issue .tbl td:first-child { width: 5%; padding: 0; padding-right: 3px;}
	.issue .tbl td:nth-child(2) { width: 10%; }
	.issue .tbl td:last-child { width: 75%; padding: 10px;}
	.issue .tbl td > p { margin-left: 0; padding-left: 10px;}
	.issue .tbl td p::before { left: 0;}

	.issue .tbl .divide dl { width: 100%;}
	.issue .tbl .divide dl dt { width: 15%; font-size: 12px;}
	.issue .tbl .divide dl dd { width: 85%; padding: 0;}
	
}





/* ======================================================
   4. 데이터 상품안내 > 무료 다운로드
=========================================================*/

.dataDownload { width: 1000px; margin: auto; text-align: center;}
.dataDownload p { font-size: 20px; }
.dataDownload p + p { margin-top: 15px;}
.dataDownload p span { font-weight: 600;}

.dataDownload .btn { margin-top: 50px;}
.dataDownload .btn a { display: inline-block; position: relative; width: 300px; height: 65px; padding-left: 20px; border-radius: 100px; background: #0f87ec; color: #fff; font-weight: 500; font-size: 22px; line-height: 3; text-align: center;}
.dataDownload .btn a::before { content: ''; position: absolute; top: 24px; left: 40px; width: 19px; height: 18px; background: url(../Img/sub/btn_dw2_w.png) no-repeat;}
.dataDownload .btn a:hover { background: #2655b3;}

.dataDownload .org { margin-top: 80px;}
.dataDownload .org ul { display: flex;}
.dataDownload .org ul li { display: flex; justify-content: center; align-items: center; position: relative; width: 33.3333%; height: 80px; margin: auto;}
.dataDownload .org ul li::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: #e5e5e5; }
.dataDownload .org ul li:first-child { margin-left: 0;}
.dataDownload .org ul li:first-child::before { display: none;}
.dataDownload .org ul li img { width: 70%;}

.dataDownload .list { margin-top: 80px;}
.dataDownload .list ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.dataDownload .list ul li { position: relative; width: 32%; padding: 15px 0; margin-top: 10px; border-radius: 100px; background: #e8f4ff; font-size: 16px;}

@media only screen and (max-width:999px){
	.dataDownload { width: 100%; } 

	.dataDownload .list { margin-top: 30px;}
}

@media only screen and (max-width:480px){ 
	.dataDownload p { font-size: 16px;}

	.dataDownload .btn { margin-top: 30px;}
	.dataDownload .btn a { width: 100%; height: 45px; padding-left: 0; font-size: 16px; line-height: 2.8;}
	.dataDownload .btn a::before { top: 30%; }

	.dataDownload .org { margin-top: 30px; }
	.dataDownload .org ul li { height: auto; }
	.dataDownload .org ul li img { width: 95%;}

	.dataDownload .list { margin-top: 30px;}
	.dataDownload .list ul { margin-right: -5px;}
	.dataDownload .list ul li { width: 50%; padding: 10px 0; margin: 5px 0 0 -5px; border-radius: 5px; font-size: 12px;}

	.dataDownload .lineBreak { display: block;}
}





/* ======================================================
   4. 데이터 상품안내 > 상품구성 및 가격
=========================================================*/

.price { width: 1100px; margin: auto; }
.price p { font-size: 18px; text-align: center;}
.price .comment { color: #747474; font-size: 14px; line-height: 1.3; text-align: left;}

@media only screen and (max-width:999px){
	.price { width: 100%; } 
	.price p { font-size: 14px; }
}

@media only screen and (max-width:480px){ 
	.price .comment { font-size: 12px; }
}

/* 여행시장 동향 */
.markettrends { margin-top: 50px;} 
.markettrends h3 { padding-bottom: 20px; } 

.markettrends .tbl1 { position: relative; width: 100%; margin-bottom: 120px; border-top: 2px solid #333; color: #333; } 
.markettrends .tbl1 tr { border-bottom: 1px solid #ddd;}
.markettrends .tbl1 th { width: 25%; padding: 20px 0 20px 0; border-left: 1px solid #ddd; background: #f6f6f6; font-weight: 500; font-size: 18px; text-align: center;}
.markettrends .tbl1 th:first-child { border-left: 0;}
.markettrends .tbl1 td { padding: 12px 8px; border-left: 1px solid #ddd; font-size: 16px; text-align: center; line-height: 1.5; }
.markettrends .tbl1 tr:nth-child(2) td:first-child { border-left: 0;}
.markettrends .tbl1 tr:nth-child(5) td:first-child { border-left: 0;}

.markettrends .tbl1.second { margin-top: 20px; }
.markettrends .tbl1.second th { width: 50%;}
.markettrends .tbl1.second td { padding: 20px 40px; text-align: left;}
.markettrends .tbl1.second td:first-child { padding-left: 130px; vertical-align: top;}


@media only screen and (max-width:999px){
	.markettrends .tbl1 th { padding: 10px 0; font-size: 14px;}
	.markettrends .tbl1 th:first-child { width: 15%;}
	.markettrends .tbl1 td { padding: 5px; font-size: 13px;}

	.markettrends .tbl1.second th { width: 50%;}
	.markettrends .tbl1.second td { padding: 5px;}
	.markettrends .tbl1.second td:first-child { padding-left: 5px; }

	.markettrends .tbl1 .lineBreak { display: block; border-top: 1px s}
}

@media only screen and (max-width:480px){ 
	.markettrends .tbl1 { margin-bottom: 40px; } 
}






/* 국내 여행 */
.domestic { margin-top: 50px;} 
.domestic h3 { padding-bottom: 20px; } 

.domestic .tbl1 { position: relative; width: 100%; border-top: 2px solid #333; color: #333; } 
.domestic .tbl1 tr { border-bottom: 1px solid #ddd;}
.domestic .tbl1 th { padding: 20px 0 20px 0; border-left: 1px solid #ddd; background: #f6f6f6; font-weight: 500; font-size: 18px; text-align: center;}
.domestic .tbl1 th:first-child { width: 10%; border-left: 0;}
.domestic .tbl1 th:nth-child(2) { width: 20%;}
.domestic .tbl1 th:nth-child(3) { width: 20%;}
.domestic .tbl1 th:nth-child(4) { width: 20%;}
.domestic .tbl1 th:last-child { width: 20%;}
.domestic .tbl1 td { padding: 12px 8px; border-left: 1px solid #ddd; font-size: 16px; text-align: center; line-height: 1.5; }
.domestic .tbl1 tr:nth-child(2) td:first-child { border-left: 0; }
.domestic .tbl1 tr:nth-child(5) td:first-child { border-left: 0; }
.domestic .tbl1 tr:nth-child(8) td:first-child { border-left: 0; }

.domestic .comment { margin-top: 10px; margin-bottom: 120px; }

.domestic .tbl1.second { margin-top: 20px; }
.domestic .tbl1.second tr:first-child { border-bottom: 1px dashed #ddd;}
.domestic .tbl1.second tr:first-child th { background: #efefef;}
.domestic .tbl1.second tr:nth-child(2) th { padding: 12px 0; font-size: 16px;}
.domestic .tbl1.second th { width: 33.3333%; padding: 15px 0;}
.domestic .tbl1.second tr:nth-child(3) td:first-child { border-left: 0;}

.domestic .tbl1.third { margin-top: 50px; }
.domestic .tbl1.third tr:first-child { border-bottom: 1px dashed #ddd;}
.domestic .tbl1.third tr:first-child th { background: #efefef;}
.domestic .tbl1.third tr:nth-child(2) th { padding: 12px 0; font-size: 16px;}
.domestic .tbl1.third th { width: 50%; padding: 15px 0;}
.domestic .tbl1.third tr:nth-child(3) td:first-child { border-left: 0;}
.domestic .tbl1.third tr:nth-child(4) td:first-child { border-left: 0;}
.domestic .tbl1.third tr:nth-child(5) td:first-child { border-left: 0;}
.domestic .tbl1.third tr:nth-child(6) td:first-child { border-left: 0;}

.domestic .tbl1.fourth { margin-top: 20px; }
.domestic .tbl1.fourth td { width: 20%;}
.domestic .tbl1.fourth tr:first-child { border-bottom: 1px dashed #ddd;}
.domestic .tbl1.fourth th:first-child { border-left: 1px solid #ddd; }
.domestic .tbl1.fourth tr:nth-child(2) th { padding: 12px 0; font-size: 16px;}
.domestic .tbl1.fourth tr:nth-child(1) th:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(3) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(4) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(5) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(6) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(7) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(8) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(9) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(10) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(11) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(12) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(13) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(14) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(15) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(16) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(17) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(18) td:first-child { border-left: 0;}
.domestic .tbl1.fourth tr:nth-child(19) td:first-child { border-left: 0;}

@media only screen and (max-width:999px){
	.domestic .tbl1 th { padding: 10px 0; font-size: 14px;}
	.domestic .tbl1 th:first-child { width: 15%;}
	.domestic .tbl1 td { padding: 5px; font-size: 13px;}
	.domestic .tbl1 .smfont { font-size: 12px;}
	.domestic .tbl1 .lineBreak { display: block;}

	.domestic .tbl1.second th { width: 33.3333%; padding: 10px 0; }
	.domestic .tbl1.second td { padding: 5px;}
	.domestic .tbl1.second td:first-child { padding-left: 5px; }
	.domestic .tbl1.second tr:nth-child(2) th { padding: 10px 0;}

	.domestic .tbl1.third th { width: 50%; padding: 10px 0;}
	.domestic .tbl1.third tr:nth-child(2) th { padding: 10px 0;}

	.domestic .tbl1.fourth th { padding: 10px 5px;}
}

@media only screen and (max-width:480px){ 
	.domestic .tbl1.second tr:nth-child(2) th { font-size: 13px;}
	.domestic .tbl1.third tr:nth-child(2) th { font-size: 13px}
	.domestic .tbl1.fourth tr:nth-child(2) th { font-size: 13px}

	.domestic .comment { margin-bottom: 40px; }

}






/* 해외 여행 */
.overseas { margin-top: 50px;} 
.overseas h3 { padding-bottom: 20px; } 

.overseas .tbl1 { position: relative; width: 100%; border-top: 2px solid #333; color: #333; } 
.overseas .tbl1 tr { border-bottom: 1px solid #ddd;}
.overseas .tbl1 th { padding: 20px 0 20px 0; border-left: 1px solid #ddd; background: #f6f6f6; font-weight: 500; font-size: 18px; text-align: center;}
.overseas .tbl1 th:first-child { width: 10%; border-left: 0;}
.overseas .tbl1 th:nth-child(2) { width: 20%;}
.overseas .tbl1 th:nth-child(3) { width: 30%;}
.overseas .tbl1 th:nth-child(4) { width: 20%;}
.overseas .tbl1 th:last-child { width: 20%;}
.overseas .tbl1 td { padding: 12px 8px; border-left: 1px solid #ddd; font-size: 16px; text-align: center; line-height: 1.5; }
.overseas .tbl1 tr:nth-child(2) td:first-child { border-left: 0; }
.overseas .tbl1 tr:nth-child(5) td:first-child { border-left: 0; }
.overseas .tbl1 tr:nth-child(8) td:first-child { border-left: 0; }

.overseas .comment { margin-top: 10px; margin-bottom: 120px; }

.overseas .tbl1.second { margin-top: 20px; }
.overseas .tbl1.second th { width: 33.3333%; }
/* .overseas .tbl1.second th:nth-child(2) { width: 25%;}
.overseas .tbl1.second th:nth-child(3) { width: 30%;} */
.overseas .tbl1.second td { padding: 10px 20px; text-align: left;}

@media only screen and (max-width:999px){
	.overseas .tbl1 th { padding: 10px 0; font-size: 14px;}
	.overseas .tbl1 td { padding: 5px; font-size: 13px;}

	.overseas .tbl1.second td { padding: 5px; }
}

@media only screen and (max-width:480px){ 
	.overseas .tbl1.second td { vertical-align: top;}
	.overseas .comment { margin-bottom: 40px; }

}





/* 여행 상품 및 구매채널 */
.package { margin-top: 50px;} 
.package h3 { padding-bottom: 20px; } 

.package .tbl1 { position: relative; width: 100%; border-top: 2px solid #333; color: #333; } 
.package .tbl1 tr { border-bottom: 1px solid #ddd;}
.package .tbl1 tr:first-child { border-bottom: 1px dashed #ddd;}
.package .tbl1 tr:first-child th:first-child { border-left: 0;}
.package .tbl1 tr:nth-child(3) td:first-child { border-left: 0;}
.package .tbl1 tr:nth-child(6) td:first-child { border-left: 0;}
.package .tbl1 tr:nth-child(9) td:first-child { border-left: 0;}
.package .tbl1 tr:nth-child(2) th { padding: 12px 0; font-size: 16px;}
.package .tbl1 th { padding: 20px 0 20px 0; border-left: 1px solid #ddd; background: #f6f6f6; font-weight: 500; font-size: 18px; text-align: center;}
.package .tbl1 th:first-child { width: 10%; }
.package .tbl1 th:nth-child(2) { width: 18%; }
.package .tbl1 th:nth-child(3) { width: 18%; }
.package .tbl1 th:nth-child(4) { width: 18%; }
.package .tbl1 th:nth-child(5) { width: 18%; }
.package .tbl1 th:last-child { width: 18%; }
.package .tbl1 td { padding: 12px 8px; border-left: 1px solid #ddd; font-size: 16px; text-align: center; vertical-align: middle; line-height: 1.5; }

.package .comment { margin-top: 10px; margin-bottom: 120px; }

.package .tbl1.second { margin-top: 20px; }
.package .tbl1.second tr:first-child { border-bottom: 1px solid #ddd;}
.package .tbl1.second tr:last-child td:first-child { border-left: 0;}
.package .tbl1.second th{ width: 33.3333%; }
/* .package .tbl1.second th:nth-child(2) { width: 25%;}
.package .tbl1.second th:nth-child(3) { width: 30%;} */
.package .tbl1.second td { padding: 10px 20px; text-align: left;}

@media only screen and (max-width:999px){
	.package .tbl1 th { padding: 10px 0; font-size: 14px;}
	.package .tbl1 td { padding: 5px; font-size: 13px;}

	.package .tbl1.second th { width: 33.3333%;} 
	.package .tbl1.second td { width: 33.3333%; padding: 5px; vertical-align: top;}

	.package .tbl1 .smfont { font-size: 12px;}
}


@media only screen and (max-width:480px){ 
	.package .tbl1 tr:nth-child(2) th { font-size: 13px;}

	.package .comment { margin-bottom: 40px; }

}









/* ======================================================
   4. 데이터 상품안내 > 구독권
=========================================================*/

.subscription { width: 1000px; margin: auto; margin-bottom: 4%; }

.subscription .stit { font-size: 18px; text-align: center; line-height: 1.5; } 
.subscription .stit a { color: #0f87ec; text-decoration: underline; } 

.subscription h3 { margin-top: 50px; padding-bottom: 20px;}

.subscription .tbl1 { position: relative; width: 100%; border-top: 2px solid #333; color: #333; } 
.subscription .tbl1 tr { border-bottom: 1px solid #ddd;}
.subscription .tbl1 th { width: 25%; height: 42px; padding: 15px 0; border-left: 1px solid #ddd; background: #f6f6f6; font-weight: 500; font-size: 18px; text-align: center;}
.subscription .tbl1 th:first-child { border-left: 0; }
.subscription .tbl1 td { padding: 17px 10px 30px 10px; border-left: 1px solid #ddd; font-size: 16px; text-align: center; line-height: 1.5; letter-spacing: -0.05em; vertical-align: top;}
.subscription .tbl1 td:first-child { border-left: 0; }

.subscription .guide_btn { margin-top: 20px; }
.subscription .guide_btn a { display: inline-block; position: relative; padding: 5px 27px 5px 8px; border: 1px solid #0f87ec; border-radius: 4px; color: #0f87ec; font-size: 14px; }
.subscription .guide_btn a::after { content: ''; display: block; position: absolute; top: 8px; right: 5px; width: 13px; height: 13px; background: url(../Img/sub/btn_dw_bl.png) no-repeat;}

.subscription .tbl2 { position: relative; width: 100%; border-top: 2px solid #333;  color: #333; } 
.subscription .tbl2 tr { border-bottom: 1px solid #ddd;}
.subscription .tbl2 th { width: 25%; height: 42px; padding: 15px 0; border-left: 1px solid #ddd; background: #f6f6f6; font-weight: 500; font-size: 18px; text-align: center;}
.subscription .tbl2 th:first-child { border-left: 0; }
.subscription .tbl2 td { padding: 17px 10px 30px 10px; border-left: 1px solid #ddd; font-size: 16px; text-align: center; line-height: 1.5; letter-spacing: -0.05em; vertical-align: top;}
.subscription .tbl2 td:first-child { border-left: 0; }
.subscription .tbl2 td.align_left { padding-left: 50px; text-align: left; vertical-align: top;}
.subscription .tbl2 td .txblue { color: #0f87ec; } 

.subscription .comment { position: relative; margin-top: 10px; color: #747474; font-size: 14px; line-height: 1.3;}

.subscription .tbl3 { width: 100%; border-top: 2px solid #333; border-bottom: 1px solid #ddd; color: #333; } 
.subscription .tbl3 th, .subscription .tbl3 td { padding: 20px 10px; border-left: 1px solid #ddd; font-size: 17px; text-align: center;}
.subscription .tbl3 th { width: 20%; font-weight: 500; border-left: 0; background: #f6f6f6; }
.subscription .tbl3 td:first-child { width: 20%; background: #fff;}
.subscription .tbl3 td:last-child { width: 60%; border-right: 0; background: #fff;}

.subscription .comment2 { margin-top: 10px; color: #B30002;}
.subscription .comment2 a { color: #B30002; font-weight: 500; text-decoration: underline; } 

@media only screen and (max-width:999px){
	.subscription { width: 100%; } 
}

@media only screen and (max-width:480px){ 
	.subscription .stit { font-size: 16px;}

	.subscription h3 { font-size: 22px;}

	.subscription .tbl1 th { padding: 10px 0; font-size: 14px;}
	.subscription .tbl1 td { padding: 5px; font-size: 13px; text-align: left;}

	.subscription .tbl2 th { padding: 10px 0; font-size: 14px;}
	.subscription .tbl2 td { padding: 5px; font-size: 13px; text-align: center;}
	.subscription .tbl2 td.align_left { padding-left: 5px;}

	.subscription .comment { font-size: 12px;}

	.subscription .tbl3 { width: 100%; }
	.subscription .tbl3 th, .subscription .tbl3 td { padding: 10px; font-size: 14px;}
	.subscription .tbl3 th { width: auto;}
	.subscription .tbl3 td { float: left;}
	.subscription .tbl3 td:last-child { padding-top: 0;}

	.subscription .comment2 { font-size: 13px;}
}





/* ======================================================
   4. 데이터 상품안내 > 정부지원사업
=========================================================*/
.project { width: 1000px; margin: auto;}
.project ul { display: flex; justify-content: space-between; }
.project ul + ul { margin-top: 30px;}
.project li { width: 300px; }
.project li img { border-radius: 10px; }

@media only screen and (max-width:999px){
	.project { width: 650px; }
	.project li { width: calc(100%/3); margin-right: 10px;}
	.project li:last-child { margin-right: 0;}
	.project li img { width: 100%;}

}

@media only screen and (max-width:480px){ 
	.project { width: 100%; }
	.project ul { display: block; }
	.project li { width: 100%; padding-top: 30px; margin: auto; text-align: center;}
	.project li:first-child { padding-top: 0;}
	.project li:last-child { display: none; }
	.project li img { width: auto;}
}







/* ======================================================
   5. 문의 > 자료문의
=========================================================*/
.inquiry { width: 1000px; margin: auto;}
.inquiry h5 { margin-bottom: 30px;}

.inquiry .contact { display: flex; justify-content: center;}
.inquiry .contact .box { position: relative; width: 33.3333%; padding: 30px; margin: 0 15px; border: 1px solid #6ec1ff; border-radius: 10px;}
.inquiry .contact .box:first-child { margin-left: 0;}
.inquiry .contact .box span { position: relative; font-weight: 500; font-size: 19px; }
.inquiry .contact .box span::after { content: ""; display: block; width: 40px; height: 1px; margin: 26px 0 28px; background: #6ec1ff;}
.inquiry .contact .box li { position: relative; padding-left: 10px; font-size: 17px; letter-spacing: 0;}
.inquiry .contact .box li::before { content: ''; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; background: #6ec1ff;}
.inquiry .contact .box li a { font-size: 15px;}

.inquiry h4 { padding-top: 60px; padding-bottom: 20px;}
.inquiry .form { position: relative; margin-bottom: 40px; border-top: 2px solid #aaa; color: #333; font-size: 17px; } 
.inquiry .form dl { display: flex; border-bottom: 1px solid #ddd; } 
.inquiry .form dt { display: flex; align-items: center; width: 20%; padding-left: 25px; background: #f6f6f6; font-size: 17px; text-align: left; } 
.inquiry .form dt span { display: inline-block; font-size: 17px; }
.inquiry .form dt span::after { content: ''; position: absolute; width: 4px; height: 4px; margin-left: 5px; border-radius: 100%; background: #aaa; }
.inquiry .form dd { width: 80%; padding: 20px 0 20px 20px; line-height: 1.5;} 
.inquiry .form dd input[type="text"] { width: 60%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 3px; color: #999; font-size: 16px; }
.inquiry .form dd textarea { overflow-y: scroll; width: 90%; height: 120px; padding: 10px; border: 1px solid #ddd; border-radius: 3px; background: #fff; font-size: 15px;}
.inquiry .form dd .personal_info { padding: 20px; margin-bottom: 5px; border: 1px solid #ddd; border-radius: 3px; }
.inquiry .form dd .personal_info p { color: #333; font-size: 15px;}
.inquiry .form dd .personal_info li { position: relative; padding-left: 8px; color: #747474; font-size: 14px;}
.inquiry .form dd .personal_info li::before { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; background: #999;}
.inquiry .form .btn { margin: auto; margin: 30px 0; text-align: center;}
.inquiry .form .btn a { display: block; width: 180px; padding: 15px 0; margin: auto; border-radius: 5px; background: #0f87ec; color: #fff; font-size: 18px;}

.inquiry .form dd select.tel { width: 16%; float: left; height: 45px; padding-left: 5px; border: 1px solid #ddd; border-radius: 3px; background: #fff; font-size: 15px;} 

.inquiry .form dd input.tel { width: 16%; } 


@media only screen and (max-width:999px){
	.inquiry { width: 100%; }
	.inquiry .contact .box { padding: 15px; margin-top: 10px; margin-left: 0; margin-right: 10px;}
	.inquiry .contact .box:last-child { margin-right: 0;}
	.inquiry .form dt { width: 25%;}

}

@media only screen and (max-width:480px){ 
	.inquiry .contact { display: block; }
	.inquiry .contact .box { width: auto; margin-top: 10px; margin-left: 0; margin-right: 0;}
	.inquiry .contact .box span { font-size: 16px;}
	.inquiry .contact .box span::after { margin: 10px 0 10px;}
	.inquiry .contact .box li { font-size: 14px;}
	.inquiry .contact .box li a { font-size: 14px;}

	.inquiry .form { margin-bottom: 0; } 

	.inquiry .form dl { display: block; width: 100%;} 
	.inquiry .form dt { width: 100%; padding-left: 5px; padding-top: 10px; background: #fff; font-size: 16px;}
	.inquiry .form dt span { font-weight: 500; font-size: 15px; }
	.inquiry .form dd { padding-left: 5px; padding-top: 10px; padding-bottom: 10px; padding-right: 0; }
	.inquiry .form dd input[type="text"] { width: 100%; font-size: 14px; }
	.inquiry .form dd .code { margin-top: 10px;}
	.inquiry .form dd .code input[type="text"] { width: 80%; }
	.inquiry .form dd select.tel { width: 20%; float: left; height: 45px; padding-left: 5px; border: 1px solid #ddd; border-radius: 3px; background: #fff; font-size: 15px;}  
	.inquiry .form dd input.tel { width: 20%; } 
	.inquiry .form dd .personal_info { width: 110%; padding: 10px; }
	.inquiry .form dd .personal_info p { font-size: 14px;}
	.inquiry .form dd .personal_info li { font-size: 13px;}
	.inquiry .form dd .personal_info li::before { top: 10px; left: 3px;}

	.inquiry .form .btn { margin-top: 30px; margin-bottom: 0; }
	.inquiry .form .btn a { display: block; width: 160px; padding: 12px 0; font-size: 16px;}
}






/* ======================================================
   5. 문의 > 뉴스레터 신청
=========================================================*/
.newsletter { width: 1000px; margin: auto;}

.newsletter .form { position: relative; margin-top: 30px; margin-bottom: 40px; border-top: 2px solid #6ec1ff; border-bottom: 1px solid #6ec1ff; color: #333; font-size: 17px; } 

.newsletter .form dl { display: flex; border-bottom: 1px solid #d4ebff; } 
.newsletter .form dt { display: flex; align-items: center; position: relative; width: 15%; padding-left: 25px; text-align: left; } 
.newsletter .form dt span { display: inline-block; font-size: 17px; }
.newsletter .form dt span::after {  content: ''; position: absolute; width: 4px; height: 4px; margin-left: 5px; border-radius: 100%; background: #6ec1ff; }
.newsletter .form dd { width: 85%; padding: 20px 0 20px 20px; line-height: 1.5;} 
.newsletter .form dd input[type="text"] { width: 60%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 3px; color: #999; font-size: 16px; }
.newsletter .form dd textarea { overflow-y: scroll; width: 90%; height: 120px; padding: 10px; border: 1px solid #ddd; border-radius: 3px; background: #fff; font-size: 15px;}

.newsletter .personal_info { padding: 25px; border-radius: 5px; background: #f6f6f6;  } 
.newsletter .personal_info p { font-size: 16px;}
.newsletter .personal_info ul { margin-top: 10px;}
.newsletter .personal_info li { position: relative; padding-left: 8px; color: #747474; font-size: 14px;}
.newsletter .personal_info li + li { margin-top: 5px;}
.newsletter .personal_info li::before { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; background: #999;}
.newsletter .personal_info span { display: block; margin-top: 10px;}
.newsletter .personal_info span input { width: 190px; height: 40px; padding-left: 5px; border: 1px solid #999; color: #000000; font-size: 17px;  } 

.newsletter .btn { display: flex; justify-content: center; margin-top: 30px; text-align: center;}
.newsletter .btn a { display: block; width: 180px; padding: 15px 0; border-radius: 5px; color: #fff; font-size: 18px;}
.newsletter .btn a.send { background: #0f87ec; }
.newsletter .btn a.refusal { margin-left: 10px; background: #999; }


@media only screen and (max-width:999px){
	.newsletter { width: 100%; }
	.newsletter .form dt { width: 20%;}
	.newsletter .personal_info { padding: 20px; }
}

@media only screen and (max-width:480px){ 
	.newsletter .form { margin-top: 20px; margin-bottom: 20px;}
	.newsletter .form dl { display: block; } 
	.newsletter .form dt { width: 100%; padding-left: 5px; padding-top: 10px; background: #fff; font-size: 16px;}
	.newsletter .form dt span { font-weight: 500; font-size: 15px; }
	.newsletter .form dd { padding-left: 5px; padding-top: 10px; padding-bottom: 10px; padding-right: 0; }
	.newsletter .form dd input[type="text"] { width: 100%; font-size: 14px; }
	.newsletter .personal_info { padding: 10px; }
	.newsletter .personal_info p { font-size: 14px;}
	.newsletter .personal_info li { font-size: 13px;}
	.newsletter .personal_info li::before { top: 10px; left: 3px;}
	.newsletter .btn a { display: block; width: 160px; padding: 12px 0; font-size: 16px;}
	.newsletter .btn a.refusal { margin-left: 5px; }
}





/* ======================================================
	페이지 준비중
=========================================================*/
.ready { width: 1000px; margin: auto; margin-top: 50px; text-align: center;}
.ready img { width: 20%; }
.ready p.tit { margin-top: 20px; font-size: 35px;}
.ready p.txt { margin-top: 10px; font-size: 16px;}

@media only screen and (max-width:999px){
	.ready { width: 100%; }
}

@media only screen and (max-width:480px){ 
	.ready { margin-top: 0;}
	.ready img { width: 40%;}

	.ready p.tit { font-size: 25px;}
	.ready p.txt { font-size: 14px;}
}



/* ======================================================
	page view
=========================================================*/
.pageview { width: 1500px; margin: auto;}
.pageview .top { display: flex; width: 100%; justify-content: center; align-items: center; margin-bottom: 20px; text-align: center;}
.pageview .top p { position: relative; margin-right: 10px; color: #333; font-size: 24px; }
/* .pageview .top p::after { content: ''; position: absolute; width: 4px; height: 4px; margin-left: 5px; border-radius: 100%; background: #6ec1ff; } */
.pageview .top input[type=text] { width: 100px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 3px; color: #0f87ec; font-size: 16px;} 

.pageview .select_area { display: flex; justify-content: flex-start; margin-left: 10px;}
.pageview .select_area li:last-child { margin-left: 7px;}
.pageview .select_area select { width: 120px; height: 40px; padding: 0 35px 0 10px; border: 1px solid #c7c7c7; border-radius: 3px; background: #fff url(../Img/sub/arr_down_gr.png) no-repeat right 10px center;color: #333; font-size: 16px;}


.pageview .Table_area .tbl_All { padding: 10px;}
.pageview .Table_area .tbl_All table {  border-top: 2px solid #747474; border-bottom: 1px solid #747474; text-align: center;}
.pageview .Table_area dl dd .gr_line { margin-left: -10px; padding: 10px 10px 10px 0;}
.pageview .Table_area .tbl_All tr:first-child { background: #f6f6f6; border-bottom: 1px solid #747474; }
.pageview .Table_area .tbl_All tr:first-child td { padding: 12px 0; }
.pageview .Table_area .tbl_All tr:first-child td:nth-child(2) { text-align: center;}
.pageview .Table_area .tbl_All td { width: 60px; text-align: center; border-bottom: 1px dashed #c7c7c7; padding: 10px 0; font-size: 14px;}
.pageview .Table_area .tbl_All td:first-child { width: 120px; padding: 10px; border-right: 1px solid #c7c7c7; text-align: center;}
.pageview .Table_area .tbl_All td:nth-child(2) { width: 70px; padding-right: 10px; border-right: 1px solid #c7c7c7; text-align: right;} 
.pageview .Table_area .tbl_All td:last-child { border-right: 0;}
.pageview .Table_area .tbl_All td a.btn_prev { display: inline-block; width: 11px; height: 18px; background: url(../Img/sub/btn_prev_icon.png) right no-repeat;}
.pageview .Table_area .tbl_All td a.btn_next { display: inline-block; width: 11px; height: 18px; background: url(../Img/sub/btn_next_icon.png) right no-repeat;}
.pageview .Table_area .tbl_All td span { display: block; color: #747474; font-size: 12px;}
.pageview .Table_area .tbl_All tr.bg_gray { background: #f9f9f9; font-size: 14px; }