/* 위해정보신고 > 안전사고신고 > 안전사고신고안내 */
#contents .box_tit .box h2{font-size:18px;color:#0d82c8; margin-bottom:10px;}
#contents .box_tit p{font-size:14px;}
.cts34_point{background:url('../images/contents/cts34_img02.gif') no-repeat left 3px; padding:0 0 0 18px;}

/* 위해정보신고 > 자동차결함신고 > 자동차결함신고안내 */
.cts65 .box_tit .box .img_ico{background:url(../images/contents/cts65_img01.gif) no-repeat;}
.cts65 .img_ico{padding:5px 0  0 110px;min-height:85px;}

/*  위해정보신고 > 위해정보소개 > 위해정보제도 안내   */
.cts192 .box_tit .box .img_ico{background:url(../images/contents/cts192_img01.gif) no-repeat;}
.cts192 .img_ico{padding:5px 0  0 110px;min-height:85px;}
#contents .cts192 dl.bu dd{width:500px;}

/*  위해정보신고 > 위해정보소개 > 위해정보 제출기관 현황   */
.cts194_map{border-bottom:3px solid#d9d9d9}
.cts194_map > div{padding:22px 15px;border:solid 1px #91c3e1;}
.cts194_map  .map{float:left;display:inline}
.cts194_map  .local{float:left;display:inline;width:320px;}
.cts194_map .hospital{padding:0 0 20px;background: url('../images/contents/cts194_line.png') no-repeat left bottom;}
.cts194_map .firehouse{padding:20px 0 0}
#contents .cts194_map h3{float:left;width:100px;height:100px;padding-top:20px;text-align:center;font-size:17px;line-height:22px;color:#303030;font-weight:bold;}
#contents .cts194_map ul{float:left;width:200px;margin:5px 0 0 10px;}
#contents .cts194_map .hospital h3{background: url('../images/contents/cts194_titlebg_01.png') no-repeat;}
#contents .cts194_map .firehouse h3{background: url('../images/contents/cts194_titlebg_02.png') no-repeat;}
#contents .cts194_map .local{display:none}
#contents .cts194_map .local.local_01{display:block}
@media only screen and (max-width:987px){
  .cts194_map  .map{margin-left:2%}
	.cts194_map  .local{margin-left:2%;width:240px;}
	#contents .cts194_map ul{width:150px;}
	#contents .cts194_map h3{width:80px;height:80px;}
	#contents .cts194_map .hospital h3{background-size:100%}
	#contents .cts194_map .firehouse h3{background-size:100%}
}
@media only screen and (max-width:720px){
	.cts194_map  .map{float:none;display:block;margin-left:15%}
	.cts194_map  .local{float:none;display:block;width:100%;margin-left:15%}
	#contents .cts194_map h3{padding-top:15px;}
	#contents .cts194_map ul{width:60%;}
	#contents .cts194_map  .map img{max-width:335px}
}
@media only screen and (max-width:420px){
	.cts194_map > div{padding:22px 5px;}
	.cts194_map  .map{float:none;display:block;margin-left:2%}
	.cts194_map  .local{margin-left:4%}
	#contents .cts194_map h3{width:20%;padding-top:5%;padding-top:15px;font-size:15px;}
	#contents .cts194_map .hospital h3{background-size:100% auto}
	#contents .cts194_map .firehouse h3{background-size:100% auto}
	#contents .cts194_map ul{float:right;width:70%;}
	.cts194_map ul li{text-align:left}
}


/* 위해정보신고 > 관련사이트 */
.cts69 .site{margin-bottom:20px;}
.cts69 .site dl{background:#eaf3f9 url('../images/contents/cts69_bg01.gif') no-repeat right bottom; padding:12px 10px;}
.cts69 .site dl dt{float:left; background:url('../images/contents/mouse_ico.png') no-repeat left -4px; padding:0 20px 0 18px;font-size:15px; font-weight:bold;color:#234275;}
.cts69 .site dl dd{padding:0 20px 0 18px;font-size:14px;font-weight:bold;}
.cts69 .site p{margin-top:10px;}


/* 위해정보동향 > 위해정보 통계서 안내  */
.cts73 .box_tit .box .img_ico{background:url(../images/contents/cts73_img01.gif) no-repeat;}
.cts73 .img_ico{padding:5px 0  0 110px;min-height:85px;}


/* 분야별 위해정보 > 리콜정보 > 년도별 리콜실적 > 2013년 */
.cts542 .vis_box{padding:48px 25px 0px;height:435px; background:url(../images/contents/cts542_img01.jpg) no-repeat;}
.cts542 .vis_box p{font-size:16px; letter-spacing:-2px;}
.cts542 .vis_box .bun{padding:25px 0 0 41%;}
.cts542 .vis_box .bun ul li .tit{float:left;display:inline-block;padding:0 0 50px;}
.cts542 .vis_box .bun ul li .bun_list1{display:inline-block;width:65%;padding:10px 0 0 10px; font-size:14px;}
.cts542 .vis_box .bun ul li .bun_list2{display:inline-block;width:65%;padding:15px 0 0 10px; color:#177cb8; font-size:13px;}
.g_box{border:1px solid #e7e7e7; border-bottom:2px solid #000; padding:20px; margin-top:20px;}
.g_box2{margin-top:20px; background:url(../images/contents/cts542_year_bg.gif) no-repeat center 20px;}
.g_box2 ul {overflow:hidden;}
.g_box2 ul li{float:left; margin:0 20px 10px;}

@media only screen and (max-width:750px){
	.cts542 .vis_box{background:#f8f8f8;padding-bottom:20px;height:auto}
	.cts542 .vis_box .bun{padding:8px 0 0 0; margin-top:12px;border-top:1px dotted #e1af91;}
	.cts542 .vis_box .bun ul li .tit{float:none;display:block;margin-top:10px;padding:0;text-align:center}
	.cts542 .vis_box .bun ul li .bun_list1{width:auto;padding:10px 0 0 0;}
	.cts542 .vis_box .bun ul li .bun_list2{width:auto;padding:10px 0 0 0;}
}

/* 분야별 위해정보 > 리콜정보 > 년도별 리콜실적 > 2012년 */
.cts543 .vis_box{padding:38px 25px 0px;height:445px; background:url(../images/contents/cts543_img01.jpg) no-repeat;}
#contents .cts543 .vis_box h2{margin:0 0 15px}
.cts543 .vis_box p{font-size:16px; letter-spacing:-1px;}
.cts543 .vis_box .bun{padding:25px 0 0 41%;}
.cts543 .vis_box .bun ul li .tit{float:left;display:inline-block;}
.cts543 .vis_box .bun ul li .bun_list1{display:inline-block;width:65%;padding:10px 0 0 10px; font-size:14px;}
.cts543 .vis_box .bun ul li .bun_list2{display:inline-block;width:65%;padding:15px 0 0 10px; color:#177cb8; font-size:13px;}
.g_box{border:1px solid #e7e7e7; border-bottom:2px solid #000; padding:20px; margin-top:20px;}
.g_box2{margin-top:20px; background:url(../images/contents/cts542_year_bg.gif) no-repeat center 20px;}
.g_box2 ul {overflow:hidden;}
.g_box2 ul li{float:left; margin:0 20px 10px;}

@media only screen and (max-width:750px){
	.cts543 .vis_box{background:#f8f8f8;padding-bottom:20px;height:auto}
	.cts543 .vis_box .bun{padding:8px 0 0 0; margin-top:12px;border-top:1px dotted #e1af91;}
	.cts543 .vis_box .bun ul li .tit{float:none;display:block;margin-top:10px;text-align:center}
	.cts543 .vis_box .bun ul li .bun_list1{width:auto;padding:10px 0 0 0;}
	.cts543 .vis_box .bun ul li .bun_list2{width:auto;padding:10px 0 0 0;}
}

/* 분야별 위해정보 > 리콜정보 > 년도별 리콜실적 > 2011년 */
.cts544 .vis_box{padding:48px 25px 0px;height:435px; background:url(../images/contents/cts544_img01.jpg) no-repeat;}
.cts544 .vis_box p{font-size:16px; letter-spacing:-1px;}
.cts544 .vis_box .bun{padding:25px 0 0 41%;}
.cts544 .vis_box .bun ul li .tit{float:left;display:inline-block;padding:0 0 50px}
.cts544 .vis_box .bun ul li .bun_list1{display:inline-block;width:65%;padding:10px 0 0 10px; font-size:14px;}
.cts544 .vis_box .bun ul li .bun_list2{display:inline-block;width:65%;padding:15px 0 0 10px; color:#177cb8; font-size:13px;}
.g_box{border:1px solid #e7e7e7; border-bottom:2px solid #000; padding:20px; margin-top:20px;}
.g_box2{margin-top:20px; background:url(../images/contents/cts542_year_bg.gif) no-repeat center 20px;}
.g_box2 ul {overflow:hidden;}
.g_box2 ul li{float:left; width:27%;text-align:center;margin:0;padding:0 3%}

@media only screen and (max-width:640px){
	.cts544 .vis_box{background:#f8f8f8;padding-bottom:10px;height:auto}
	.cts544 .vis_box .bun{padding:8px 0 0 0; margin-top:12px;border-top:1px dotted #e1af91;}
	.cts544 .vis_box .bun ul li .tit{float:none;display:block;padding:0;margin-top:10px;text-align:center}
	.cts544 .vis_box .bun ul li .bun_list1{width:auto;padding:10px 0 0 0;}
	.cts544 .vis_box .bun ul li .bun_list2{width:auto;padding:10px 0 0 0;}
}

/* 위해정보검색 > 리콜정보 > 리콜주관기관 */
.cts94 .box_tit .box .img_ico{background:url(../images/contents/cts94_img01.gif) no-repeat;}
.cts94 .img_ico{padding:5px 0  0 110px;min-height:85px;}

/* 안전자료 > 안전캘린더 */
.cts190 ul.month1{margin:10px 0 0}
.cts190 ul.month1 li{position:relative;float:left;width:50%; height:94px;margin:0 0 1px;background:#f5f5f5;border-bottom:solid 1px #fff;}
.cts190 ul.month1 .mon{display:inline-block;float:left;width:124px;line-height:94px;margin-right:15px;color:#fff; font-size:20px;text-align:center;background:url(../images/contents/cts190_bg01.gif) no-repeat;}
.cts190 ul.month1 .mon2{display:inline-block;float:left;width:124px;line-height:94px;margin-right:15px;color:#fff; font-size:20px;text-align:center;background:url(../images/contents/cts190_bg02.gif) no-repeat;}
.cts190 ul.month1 .text{display:block;padding:20px;}
.cts190 ul.month1 .text1{display:block;padding:20px;letter-spacing:-1px}
.cts190 ul.month1 .text2{display:none;}
.cts190 ul.month1 .more{position:absolute;left:124px;bottom:0}

@media only screen and (max-width:640px){
	.cts190 ul.month1 li{width:100%;}
	.cts190 ul.month1 .text2{display:block;padding:20px;}
	.cts190 ul.month1 .text1{display:none;}
}

/*#contents .cts190 ul.month li.twocolor ul li.cal01{position:relative;background:url(../images/contents/cts190_bg02.gif) no-repeat; width:124px; height:94px;}*/

/* 분야별 위해정보 > 리콜정보 > 리콜제도 소개  */
.cts91 .box_tit .box .img_ico{background:url(../images/contents/cts91_img01.gif) no-repeat;}
.cts91 .img_ico{padding:5px 0  0 110px;min-height:85px;}


/* 위해정보신고 > 자동차결함신고 > 자동차결함신고안내 */
.cts65 .box_tit .box .img_ico{background:url(../images/contents/cts65_img01.gif) no-repeat;}
.cts65 .img_ico{padding:5px 0  0 110px;min-height:85px;}


/* ciss소개 > 소비자안전센터 */
#contents .cts195 ul.bu{border-bottom:1px dotted #ccc; margin-bottom:15px;}
#contents .cts195 ul.bu li span img{vertical-align:middle;margin:0px 5px;}
.cts195_img{text-align:center;}
.cts195_img p{height:2px; background:url('../images/contents/cts195_bg01.gif') repeat-x top center;}
.cts195_img img{margin-top:20px;margin-bottom:20px;}
#contents .cts195 p span.rie{float:right;}


/* ciss소개 > 유관기관소개 */
.related_site{position:relative;top:0;}
.related_site ul.list{padding:6px 0 6px 30px;background:url(../images/contents/cts198_tab_bg.png);border:solid 1px #ededed;}
.related_site ul.list li{position:relative;display:inline;float: left;padding:0 25px;background: url('../images/contents/dot_gray.gif') no-repeat left center;}
.related_site ul.list li.first{background:none;}
.related_site ul.list li img{vertical-align:top;}
.related_site ul.list li a{display:inline-block;float: left;padding:10px 0;font-size:14px}
.related_site ul.list li a.on{color:#356bb9;font-weight:600;}
.related_site .tab1more{position:absolute;bottom:-13px;display:none}
.related_site .tab1more.on{display:block}
.related_site #tab1more1{left:40px;}
.related_site #tab1more2{left:55px;}
.related_site #tab1more3{left:30px;}
.related_site #tab1more4{left:30px;}
.related_site #tab1more5{left:100px;}

.related_site .tabcontent{display: block;padding:0;margin:15px 0 0}
.related_site .tabcontent ul{width: 100%;}
.related_site .tabcontent ul li{display: block;width:100%;padding:0;line-height:18px;background:none;}
.related_site .tabcontent ul li a{display: block;float:none;padding:15px;font-size:13px;background:url(../images/contents/cts198_list_bg.png) no-repeat right bottom ;}
.related_site .tabcontent ul li span{vertical-align:top}
.related_site .tabcontent ul li .logo{float:left;display:inline-block;padding:0 3px 3px 0; background:url(../images/contents/cts198_bnr_bg.png) no-repeat right bottom ;}
.related_site .tabcontent ul li .logo img{border:solid 1px #eceded;width:145px;height:40px;}
.related_site .tabcontent ul li .name{display:inline-block;width:500px;padding:3px 0 0 10px; color:#234275; font-size:15px; font-weight:600;}
.related_site .tabcontent ul li .url{letter-spacing:0;font-size:13px;color:#555;font-weight:normal;}
.related_site .tabcontent ul li span.text{display:block;margin:15px 20px 30px 15px;line-height:18px}

@media only screen and (max-width:780px){
	 .related_site ul.list li{padding:0 25px 0 8px;}
	 .related_site ul.list li.first{background: url('../images/contents/dot_gray.gif') no-repeat left center;}
	 .related_site ul.list li a{padding:4px 0;}
	 .related_site .tab1more.on{display:none}
   .related_site .tabcontent ul li .logo{display:none}
	 .related_site .tabcontent ul li .name{width:auto;}
}

/* ciss소개 > 찾아오시는길 */
.cts199 .map{border:3px solid #e6e6e6; height:460px;}
.cts199 .load{width:100%;min-height:100px;margin-top:20px;}
#contents .cts199 .load h3{display:none;}
.cts199 .load p{float:left; width:14%;}
.cts199 .load h2{float:left; width:14%;}
.cts199 .load dl{float:right; margin:15px 0 0;width:83%;}
.cts199 .load dt{margin-bottom:2px;}
.cts199 .load dd{background:url(../images/contents/cts199_dote.gif) no-repeat left 8px; padding-left:6px;}
.cts199 .load dd span{display:block}
@media only screen and (max-width:640px){
	.cts199 .map{border:3px solid #e6e6e6; height:230px;}
	#contents .cts199 .load h3{display:block;}
	.cts199 .load p{display:none;}
    .cts199 .load h2{display:none;}
	.cts199 .load dl{width:100%;}
	.cts199 .load dd span{display:inline}
}
@media only screen and (min-width:641px) and (max-width:987px) {
   #contents .cts199 .load h3{display:none;}
	 .cts199 .load dd span{display:inline}
}


/* 홈페이지 도우미 > RSS이용안내 */
.cts211 .box_tit .box .img_ico{background:url(../images/contents/cts211_img01.gif) no-repeat;}
.cts211 .img_ico{padding:5px 0  0 110px;min-height:85px;}
.cts211 ul{overflow:hidden;text-align:center;}
.cts211 ul li{position:relative;float:left;padding-top:20px;width:138px;height:86px;border-bottom:1px solid #fff;background:#395583;color:#fff;}
.cts211 ul li a{color:#dadada;}
.cts211 ul li span{position:absolute;left:45%;top:65%;}
.cts211 ul li.di_color{position:relative;float:left;padding-top:20px;width:137px;height:86px;border-bottom:1px solid #fff;color:#f87d5e;background:#cbe3f1;}
.cts211 ul li.di_color a{color:#535353;}
.cts211 ul li.di_color span{position:absolute;left:45%;top:65%;}
.rss_g_m{display:none;}
@media only screen and (max-width:640px){
    .rss_g_m{display:block;}
	.rss_g{display:none;}
}


/* 홈페이지 도우미 > 사이트맵 */
#sitemap{width:100%;overflow:hidden}
#sitemap .area{width:130%;}
.sitemap_box{float:left;display:inline;width:200px;margin:0 4.7826% 30px 0;}
#contents .sitemap_box h2{padding:3px 0 0 30px;height:44px;line-height:44px;font-size:18px;letter-spacing:-1px;background:url('../images/contents/sitemap_h2.jpg') no-repeat}
#contents .sitemap_box h2 a{color:#fff;}
#contents .sitemap_box ul li{background:url('../images/contents/sitempa_depth1_bu.jpg') no-repeat 2px 13px}
#contents .sitemap_box ul li a{display:block;padding:10px 0 15px 18px;background:url('../images/contents/sitemap_line.jpg') repeat-x left bottom}
#contents .sitemap_box ul ul{margin:10px 0 0;padding:0 0 10px;border-bottom:1px solid #c1d2db}
#contents .sitemap_box ul ul li{background:url('../images/contents/sitempa_depth2_bu.jpg') no-repeat 12px 12px}
#contents .sitemap_box ul ul li a{display:block;padding:3px 0 3px 25px;background:none}
@media only screen and (max-width:640px){
    #sitemap{display:none}
}
@media only screen and (min-width:641px) and (max-width:987px) {
   .sitemap_box{width:22.23%;}
}


/* 홈페이지 도우미 > 뷰어다운로드 */
.cts214 .view_ico{width:100%; margin-top:30px;background:url(../images/contents/cts214_line.gif) no-repeat left bottom; min-height:130px;}
.cts214 .view_ico .view_img{float:left;margin-right:3%; width:22%;}
.cts214 .view_ico .view_list{float:right;width:75%;}
#contents .cts214 .view_ico .view_list h3{padding: 0 0 0 20px; background: url('../images/sub/h3bg.png') no-repeat 0px 4px;}
 .cts214  .viewer_mobile{display:none;}
 .cts214  .viewer_pc{display:block;}

@media only screen and (max-width:987px){
		.cts214 .view_ico{margin-top:10px;}
    .cts214 .view_ico .view_img{display:none}
    .cts214 .view_ico .view_list{float:none; width:100%;}
		.cts214  .viewer_pc{display:none;}
		.cts214  .viewer_mobile{display:block;}
		.cts214 .view_ico .view_list p{margin-left:20px}
		#contents .cts214 .view_ico .view_list h3{margin-bottom:10px}
}



/* 정보제공시스템  - 임시용 */
#contents .cts_481{position:absolute;right:0;top:40px;z-index:10000;max-width:760px}
#contents .cts_481_2{height:450px} 
@media only screen and (max-width:980px){
    #contents .cts_481{display:none}
}


/* 개인정보취급방침 */
#contents .cts281 h2{padding: 15px 0 8px 25px;font-size:15px;background-position: 0 15px}
#contents .cts281 h3{padding:5px 0 5px 28px;font-size:14px;background:none}
.cts281 p{padding-left:30px; margin-bottom:7px; }
#contents .cts281 td {padding:6px 5px 4px}
#contents .cts281 td ul{padding:0;} 
#contents .cts281 ul{margin:0;padding:0 0 7px 25px; }
#contents .cts281 ul li{margin:0;padding:0 0 3px 0;}
#contents .cts281 ul ul{padding-left:10px}
#contents .cts281 ul.num {margin:0px 0 0 15px; padding:0; }
#contents .cts281 ul.num li {background-repeat: no-repeat; background-position: 10px  5px; padding: 0 0 3px 25px;}
#contents .cts281 ul.num li.n01 { background-image: url('../images/sub/cn_01.png')}
#contents .cts281 ul.num li.n02 { background-image: url('../images/sub/cn_02.png')}
#contents .cts281 ul.num li.n03 { background-image: url('../images/sub/cn_03.png')}
#contents .cts281 ul.num li.n04 { background-image: url('../images/sub/cn_04.png')}
#contents .cts281 ul.num li.n05 { background-image: url('../images/sub/cn_05.png')}
#contents .cts281 ul.num ul{padding:6px 0 3px 0px}
#contents .cts281 ul.num ul li{padding-left:2px;}
#contents .cts281 ul.num ul ul{padding:2px 0 2px 15px}

/* 정보제공시스템 - 메인용 */
.info_left {float:left;display:inline-block;width:420px;}
.info_left .intro{padding:0px 0 35px}
.info_news{position:relative;height:167px;}
#contents .info_news h2{position:absolute;left:13px;top:24px;font-size:17px;color:#fff}
.info_news ul{margin:0 0 0 108px ;padding:8px 20px 8px 15px;border-bottom:1px solid #eee}
.info_news ul li{display: inline;float: left;width:99%;min-height:25px;}
.info_news ul li a{display: block;float: left;color:#5a5858;padding:3px 0 3px 8px;font-size:12.5px;white-space: nowrap;}
.info_news ul li .ico_new{margin:0 0 2px 3px;vertical-align:middle;}
.info_news ul li span{float:right;color:#9e9e9e;padding-top:3px;font-size:12px}
.info_news ul li em{color:#3994c1}
.info_news .more{position:absolute;left:13px;top:50px;}
.info_news .more a{display:inline-block;padding:0 23px 0 0;background:url('../images/main_info/info_more.png') no-repeat right 4px;color:#e2e2e2;}
.info_news.notice{background:url('../images/main_info/info_notice_bg.png') repeat-y}
.info_news.data{background:url('../images/main_info/info_data_bg.png') repeat-y}
.info_news.data .more{top:70px;}

.info_right {position:relative;top:-109px;float:left;display:inline-block;width:270px;}
.myinfo{width:100%;height:228px;background:url('../images/main_info/myinfo_bg.png') no-repeat}
.myinfo span{display:block;margin-left:22px;}
.myinfo .title{padding-top:28px;font-size:15px;color:#91c3db}
.myinfo .name{padding-top:13px;font-size:20px;color:#fff}
.myinfo .c_title{padding-top:3px;font-size:18px;color:#f1efc4}
.myinfo .count{padding-top:3px;font-size:18px;color:#f1efc4}
.myinfo .date{padding-top:10px;font-size:13px;color:#c2e4f5}
.myinfo .btn{text-align:right}

#info_pop{position:relative;background:#3cafc3;padding:20px 0 40px;}
#contents  #info_pop h2{padding:0 0 0 23px;font-size:18px;color:#fff}

#info_pop button{margin:0;padding:0;width:28px;height:27px;border:0;background:none;}
#info_pop .pop_count{display:none}
#info_pop .pop_count{position: absolute;top: 23px;right: 18px;}
#info_pop .pop_ctrl{display: block;position:absolute;top: 17px;right: 18px;z-index:10}
#info_pop .pop_ctrl a{padding: 0px;margin: 0px;}
#info_pop .Area{position: relative;margin:13px 0 0 23px;overflow: hidden;z-index:1; width: 230px;height: 235px; }


.exhibit{background: url('../images/contents/exhibit_bg.png') no-repeat;}
.exhibit>div{margin:0 0 0 170px;padding:45px 0 45px;font-size:15px; color:#535353;line-height:28px;background: url('../images/contents/exhibit_bg2.png') no-repeat right top;}
.exhibit img{margin:10px 0}
.exhibit span{display:block;margin:0 60px 0 0;}
@media only screen and (max-width:640px){
   .exhibit>div{margin:0 0 0 23%;font-size:14px}
   .exhibit img{margin:0;max-width:85%}
   .exhibit{background-size:auto 80%}
   .exhibit>div{padding:20px 0 55px;background-size:auto 80%;line-height:22px;}
}
