@charset "UTF-8";

/*****************************************************************/
/*소득 - Sub Content */
/*2022-08 */
/*****************************************************************/

p { line-height: 1.3; letter-spacing: 0; }
b { font-weight: 600; }
.contInfoBox { margin-top: 0; }

/* 동영상 소득 */
.videoArea { }
.videoArea > .vPlayer { width: 100%; }
.videoArea > .subTitle { padding: 20px; border: solid 1px #eaeaea; margin-top: 20px; }
.videoArea > .subTitle > p { line-height: 1.5; margin-bottom: 10px; }

/* 캔버라 그룹 */
.incomeInfo { padding: 30px 20px 30px 200px; background-repeat: no-repeat; border: solid 1px #eaeaea; background-color: #ffffff; background-position: 20px; margin-bottom: 20px; }
.canberra { background-image: url(../img/img_sub/logo_canberra.png); }
.oecd { background-image: url(../img/img_sub/logo_oecd.png); }
.ilo { background-image: url(../img/img_sub/logo_ilo.png); }
.eurostat { background-image: url(../img/img_sub/logo_euro.png); }
.poverty1 { background-image: url(../img/img_sub/poverty1.jpg); }
.poverty2 { background-image: url(../img/img_sub/poverty2.jpg); }
.poverty3 { background-image: url(../img/img_sub/poverty3.jpg); }
.lis { background-image: url(../img/img_sub/logo_lis.png); }

/* 관련사이트 - 국가통계포털(KOSIS) & 마이크로데이터(MDIS) */
.incomeSite { background-repeat: no-repeat; height: 800px; background-position: right;}
.incomeSite > p { line-height: 1.7; font-weight: 500; width: 100%; }
.incomeSite > a { color: #ffffff; font-size: 20px; padding: 15px 20px; border-radius: 5px; background-color: #033364; margin-top: 20px; display: inline-block; transition: 0.15s; box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1); }
.incomeSite > a:hover,
.incomeSite > a:focus { background-color: #002f8f; }


.incomeSite.kosis,
.incomeSite.mdis { height: auto; }
.incomeSite.kosis .wrap_img,
.incomeSite.mdis .wrap_img{ position: relative; margin-top: -50px; z-index:-1;}
.incomeSite.kosis .wrap_img img,
.incomeSite.mdis .wrap_img img{ display: block; width: 100%; }

@media only screen and (max-width: 990px) {
	.incomeSite { background-position: center 100px; }
	.incomeSite > a { margin-top: 20px; }
}

@media only screen and (max-width: 600px) {
	.incomeInfo{ padding: 100px 15px 20px 15px; background-position: top 15px center;}
}

@media only screen and (max-width: 400px) {
	.incomeSite.kosis .wrap_img,
	.incomeSite.mdis .wrap_img{ margin-top:0; }
}

/* 기존 관련사이트*/
/*
.incomeSite.kosis { background-image: url("../img/img_sub/income_kosis.png"); }
.incomeSite.mdis { background-image: url("../img/img_sub/income_mdis.png"); }

@media only screen and (max-width: 990px) {
	.incomeSite { background-position: center 100px; }
	.incomeSite > a { margin-top: 20px; }
}

@media only screen and (max-width: 800px) {
	.incomeSite { height:auto; padding-bottom:500px; }
	.incomeSite.kosis,.incomeSite.mdis { background-size: contain; background-position: bottom center; }
}

@media only screen and (max-width: 600px) {
	.incomeInfo{ padding: 100px 15px 20px 15px; background-position: top 15px center;}
	.incomeSite { padding-bottom:450px; }
}

@media only screen and (max-width: 400px) {
	.incomeSite { padding-bottom:350px; }
}
*/

/* 국외가구소득 통계작성기관 */
table.type010 td { vertical-align: middle; line-height: 1.5; }
table.type010 td:nth-child(-n+2),
table.type010 td:last-of-type { text-align: center; }

@media only screen and (max-width: 768px) {
	.site_map > ul > li { width: 50%; }
}

/* image box */
.contArea .imgBox { background-color: #ffffff; border: solid 1px #c5c6d5; margin-top: 30px; }

/* 사이트맵 */
.site_map {}
.site_map .site_h2 {margin:0 0 17px 0; padding:0 0 13px 0; font-size:22px; font-weight:500; color:#0064cc; border-bottom:2px solid #444444;}
.site_map ul { padding:0 0 15px 0; margin-bottom:40px; border-bottom:1px solid #e0e0e0; overflow:hidden;}

.site_map > ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.site_map > ul::after { content: ""; width: 24%; }

.site_map > ul > li {font-size: 18px; width:24%; font-weight:500; margin:0 0 4px 0; display: block; }
.site_map > ul > li > a {color:#222222; display:block; background: #f5f5f5; padding: 10px; }
.site_map > ul > li > a[target="_blank"] {background:#f5f5f5 url(../img/img_sub/t_blank_icon.png) no-repeat 94% center;}
.site_map > ul > li li > a[target="_blank"]:after {content: ''; position:absolute; width:18px; height:15px; background:#ffffff url(../img/img_sub/t_blank_icon.png) no-repeat 94% center;}
.site_map > ul > li  ul {width:1000%;  border-bottom:none;font-weight:normal; padding: 10px 0;}
.site_map > ul > li  ul li {font-size:16px; background: url(../img/img_sub/li_bul4.png) no-repeat 0px 12px; padding-left: 10px; margin-bottom: 3px; }
.site_map > ul > li  ul li a {color:#444444;}
.site_map > ul > li  ul li a:hover {color:#111111;}

@media only screen and (max-width: 768px) {
	.site_map ul { border-bottom: none; margin-bottom: 20px; padding-bottom: 0; }
	.site_map > ul > li { width: 100%; background-color: #f5f5f5; }
	.site_map > ul > li > a { background: transparent; width: auto; margin: 0; display: inline-block; }
	.site_map > ul > li > a[target="_blank"] {background:#f5f5f5 url(../img/img_sub/t_blank_icon.png) no-repeat 94% center; padding-right: 20px;}
	.site_map > ul > li > ul { background-color: #ffffff; margin: 0; padding: 0; }
	.site_map > ul > li > ul > li { border-bottom: solid 1px #d1d1d1; line-height: 2; margin: 0; background: url(../img/img_sub/li_bul4.png) no-repeat 8px 12px; }
	.site_map > ul > li > ul > li:last-of-type { border-bottom: none; }
	.site_map > ul > li > ul > li > a { font-weight: 500; position: relative; padding-left: 10px; }
	.site_map > ul > li > ul > li > a[target="_blank"]:after { height:26px; }
	.site_map > ul > li > ul > li > a:hover,
	.site_map > ul > li > ul > li > a:focus { color: #222222; }
}

/* 더 알아보기 */
.moreInfo { margin-top: 40px; }

.moreTop { display: flex; }
.moreTop > span { font-size: 16px; display: inline-block; padding: 8px 16px; font-weight: 500; }
.moreTop > span:first-of-type { border-radius: 8px 0 0 0; background-color: #333333; color: #ffff88; border-top: solid 1px #333333; }
.moreTop > span:last-of-type { color: #333333; background-color: #ffff88; border-radius: 0 8px 0 0; border-top: solid 1px #e5e539; border-right: solid 1px #e5e539; }
.moreText { padding: 30px; background-color: #fbfbfb; border: solid 1px #e7e7e7; }

@media (min-width: 1200px) and  (max-width: 1639px) {
	.contArea .imgBox img { width: 100%; }
}
@media only screen and (max-width: 1000px) {
	.contArea .imgBox img { width: 100%; }
}
@media only screen and (max-width: 820px) {
	.moreText {padding:20px;}
}
@media only screen and (max-width: 540px) {
	.moreText {padding:15px;}
}

/* 230220 반응형 수정*/
.twic .header_new .hn_c > div > div.fl_r {width:auto;}
.twic .footer_new {padding:20px 0;}
.twic .footer_new .f_c{padding:0;}