@charset euc-kr;

img{max-width:100%;}

.article{margin:0 0 25px 0;}
.article.top{margin:50px 0 0;}
.stit{font-size:18px;color:#333;font-weight:bold;margin:0 0 15px 0;line-height:24px;}
.stit.big{font-size:28px;line-height:34px;}
.stit.thin{font-weight:normal;}
.txt{font-size:13px;color:#666}

.fluid_list{overflow:hidden;margin: 15px 0 0;}
.fluid_list ul > li{float:left;width:33.33333%;padding:0 2px;margin:0 0 2px 0;box-sizing:border-box;}
.fluid_list.two ul > li{width:50%;}
.fluid_list ul > li > a{display:block;box-sizing:border-box;color:#666;font-size:14px;padding:13px 24px;border:1px solid #e1e1e1;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;position:relative;background:url(/img/bul_list_arr.gif) no-repeat 92% 50%;}
.fluid_list ul > li i > img{height:12px;position:absolute;top:50%;right:15px;margin:-6px 0 0;}
.fluid_list ul > li > a:hover,
.fluid_list ul > li > a:focus{border:1px solid #e0002a;font-weight:bold;}

.summary{font-size:14px;line-height:20px;}
.summary p{margin:0 0 15px 0;}
.summary_view{font-size:14px;line-height:20px;}
.summary.default_orange_color{margin:0 0 30px 0;color:#ea002c;}
.default_orange_color{color:#ea002c;}

.fluid_img{padding: 25px 0;max-width: 100%;margin:0 auto;display:block}

.list_wrap{padding: 15px 0 0;}
.list2{border-bottom:1px solid #bababa;}
.list2 > li {border-top:1px solid #bababa;}
.list2 > li > a{display:block;}
.list2 > li a:focus { outline: #333 dotted 1px; margin: 0 1px 0 0; }
.list2 > li a:hover .description,
.list2 > li a:focus .description{font-weight:bold;}
.list2 > li .list_sub h5{font-size:15px;color:#ea002c;font-weight:bold;padding:0 0 10px 100px;}
.list2 > li .list_sub{background:#fff;overflow:visible;padding:15px 20px;position:relative;min-height:80px;}
.list2 > li .list_sub img{float: left;margin:0 10px 0 0;height:80px;width:80px;position:absolute;top:50%;left:20px;margin:-40px 0 0;}
.list2 > li .list_sub .description{color:#666;font-size:13px;line-height:17px;padding:0 0 0 100px;}
.list2 > li .list_sub .description a:hover,
.list2 > li .list_sub .description a:focus{font-weight:bold;}

.list1{border-top:2px solid #bababa;}
.list1 > li {border-bottom:1px solid #bababa;}
.list1 > li > a{display:block;padding:15px 0;color:#333;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:bold;}
.list1 > li a:focus { outline: #333 dotted 1px; }
.list1 > li.current > a{background:url(/img/bul_list_up.gif) no-repeat 98% 50%}
.list1 > li .list_sub{background:#fff;overflow:hidden;padding:0 20px 15px 15px;position:relative;}
.list1 > li .list_sub img{float: left;margin:0 20px 0 0;height:80px;width:80px;}
.list1 > li .list_sub .description{color:#666;font-size:13px;line-height:17px;}
.list1 > li .list_sub .description a:hover,
.list1 > li .list_sub .description a:focus{font-weight:bold;}

/* View */
#contents div.intro {padding:0; margin-bottom:16px; line-height:19px; text-align:left;}
#contents div.intro font{font-family:Malgun Gothic,MalgunGothic,돋움,Helvetica,Arial,Sans-serif !important;font-size:14px;display:block;margin:0 0 5px 0; line-height: 20px;}
#contents div.con {padding:0; font-size:14px; color:#666; line-height: 22px;}
#contents div.no_bg_wrap {padding-top: 30px;}
#contents div.renewal_intro.view {margin:0; padding:0;}
#contents div.renewal_intro .bg_wrap {padding:0; font-size:14px; color: #ea002c;}
#contents div.renewal_intro .bg_wrap p.summary { padding-top:0; font-size:14px; font-weight: bold; color: #313137;  }
#contents div.renewal_intro h4.title { position: relative; height: 16px; padding: 30px 0 18px 0;color:#333;}
#contents div.renewal_intro h4.title .border { position:absolute; top: 28px; height:16px; width:100%; border-bottom: 1px solid #e3e3e3; }
#contents div.renewal_intro h4.title .con { position:absolute; padding-right: 10px; background:white; font-size:18px; line-height:20px; font-weight: bold; }
#contents div.renewal_intro .twodepth_wrap { overflow:hidden; zoom:1; line-height: 15px; color: black; }
#contents div.renewal_intro .twodepth_wrap .left_con { float: left; width: 294px; padding-right:10px; border: 1px solid #dadada; border-right: 0; }
#contents div.renewal_intro .twodepth_wrap .right_con { overflow-y: scroll; float: left; padding: 10px; width: 262px; height:191px; border: 1px solid #dadada; }
#contents div.renewal_intro .twodepth_wrap .left_con .movie_wrap { width: 282px; height: 211px; }
#contents div.renewal_intro .twodepth_wrap .right_con .subtitle { padding:5px 2px 5px 10px; width: 270px; height: 79px; border: 0; font-size: 11px; line-height:15px; color: #444547; resize:none; }
@-moz-docuprefix() { #contents  .content div.renewal_intro .twodepth_wrap .right_con .subtitle { padding:5px 0 0 10px; width:272px; } }
#contents div.renewal_intro .realcon_wrap { overflow: hidden; zoom: 1; }
#contents div.renewal_intro .realcon_wrap h5.title { padding-bottom:8px; font-size:12px; margin: 15px 0 0;font-weight:bold;}
#contents div.renewal_intro .realcon_wrap h5.title a{color:#333;font-size:14px;}
#contents div.renewal_intro .realcon_wrap p.con { padding-bottom:18px; font-size:14px; color:#444547; line-height: 20px; }
#contents div.renewal_intro .realcon_wrap ul.ullist { list-style: none; }
#contents div.renewal_intro .realcon_wrap .con_wrap { float: left; margin-right: 12px; width: 369px; }
#contents div.renewal_intro .realcon_wrap .etc_wrap { float: left; margin-top: 44px; padding: 10px; width: 180px; border: 4px solid #E3E3E3; text-align: left; }
#contents div.renewal_intro .realcon_wrap .etc_wrap h3 { padding: 0 0 10px 8px; font-size: 11px; }
#contents div.renewal_intro .realcon_wrap .etc_wrap li { padding: 0 8px 6px 8px; }
#contents div.renewal_intro .realcon_wrap .etc_wrap .file_wrap img { padding-right: 8px; vertical-align: text-bottom; }
#contents div.renewal_intro .realcon_wrap .etc_wrap .file_wrap a { color: black; }
#contents div.renewal_intro .realcon_wrap .catgory_wrap { margin-top:14px; padding-top:18px; border-top:1px dashed #E3E3E3; }
#contents div.renewal_intro .realcon_wrap .catgory_wrap li a { color: black; }
#contents div.renewal_intro .realcon_wrap .catgory_wrap li a:hover,
#contents div.renewal_intro .realcon_wrap .catgory_wrap li a:focus,
#contents div.renewal_intro .realcon_wrap .catgory_wrap li a:active { text-decoration: underline; }
#contents div.renewal_intro .contact_wrap { clear: both; overflow: hidden; zoom: 1; margin-top: 10px; padding:10px 10px; border: 8px solid #f1f1f1; background: white; }
#contents div.renewal_intro .contact_wrap * { vertical-align: middle; }
#contents div.renewal_intro .download_wrap .contact_wrap .title { float: left; padding-top: 2px;}
#contents div.renewal_intro .contact_wrap .name { float: left; padding-left: 16px; padding-top: 1px; width: 178px; }
#contents div.renewal_intro .contact_wrap .phone { float: left; padding-left: 16px; }
#contents div.renewal_intro .contact_wrap .email { float: right; }
#contents div.renewal_intro .download_wrap { margin-top: 20px; padding: 0;  background:#f1f1f1; }
#contents div.renewal_intro .download_wrap .title { padding: 10px 10px 0 10px; font-weight: bold;  color: #4e4e4e; font-size: 12px; }
#contents div.renewal_intro .download_wrap .filelist { overflow: hidden; margin: 10px; }
#contents div.renewal_intro .download_wrap .filelist li.first { margin-left: 0; padding-left:0; background-image: none; }
#contents div.renewal_intro .download_wrap .filelist li a { font-size:11px; color: #424242; }
#contents div.renewal_intro .download_wrap .filelist li a:hover,
#contents div.renewal_intro .download_wrap .filelist li a:focus,
#contents div.renewal_intro .download_wrap .filelist li a:active{ color:#ea002c;  }
#contents div.renewal_intro .download_wrap .caution_wrap { position: relative; margin: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; font-size: 11px; color: #424242; }
#contents div.renewal_intro .download_wrap .caution_wrap span { font-size: 12px; }
#contents div.renewal_intro .download_wrap .caution_wrap a { position: absolute; top:10px; right: 0; }
#contents div.renewal_intro .download_wrap .item { padding-left:24px;  }
#contents div.renewal_intro .download_wrap .item img { vertical-align: middle; }
#contents div.renewal_intro .download_wrap .item a { font-size: 11px; }
#contents div.renewal_intro .download_wrap .paddingLeft0 { padding-left:0px;  }

/* PR센터 > 뉴스 */
.first_list{height:173px;position:relative;padding-left:263px}
.first_list .cont_box{border:1px solid #e1e1e1;padding:15px 30px;position:relative;background:#fdfdfd}
.first_list .title{font-size:20px;font-weight:bold;color:#333;text-overflow:ellipsis;width:95%;white-space:nowrap;display:block;overflow:hidden}
.first_list .cont{margin-top:13px;display:block;line-height:20px;height:63px;padding-bottom:20px;overflow:hidden;}
.first_list .cont .list_date{position:absolute;bottom:0px;left:0px;height:auto;padding-bottom:0px}
.first_list .thumbnail{width:243px;height:174px;position:absolute;top:0px;left:0px}
.first_list .thumbnail img{width:243px;height:174px;}

/* Industry */
.industry_title1{font-size:18px;margin-bottom:18px;color:#333;font-family:Malgun Gothic,MalgunGothic,돋움,Helvetica,Arial,Sans-serif !important;font-weight:bold}
.industry_title2{font-size:16px;margin-bottom:18px;color:#333;font-family:Malgun Gothic,MalgunGothic,돋움,Helvetica,Arial,Sans-serif !important;font-weight:bold}
.industry_txt1{font-size:14px;line-height:20px;color:#e50030;font-family:Malgun Gothic,MalgunGothic,돋움,Helvetica,Arial,Sans-serif !important}
.industry_txt2{font-size:13px;line-height:20px;font-family:Malgun Gothic,MalgunGothic,돋움,Helvetica,Arial,Sans-serif !important}

/* 사이트맵 */
.sitemap_list{overflow:hidden;}
.sitemap_list > li{float:left;width:32%;margin:0 2% 0 0;}
.sitemap_list > li.list_3{margin:0;}
.sitemap_list h4{background:#ebebeb;padding:12px 0 12px 25px;font-size:16px;font-weight:bold;color:#333;}
.sitemap_list .sub{margin:10px 0;}
.sitemap_list .sub.space{margin:10px 0 20px 0;}
.sitemap_list .sub > li > a {display:block;padding:6px 0 6px 25px;font-size:14px;font-weight:bold;color:#333;border-top:1px solid #dbdbdb;}
.sitemap_list .sub > li:first-child > a{border-top:0;}
.sitemap_list .sub > li > ul{padding:6px 0 15px 0;border-top:1px solid #dbdbdb;}
.sitemap_list .sub > li > ul > li > a{display:block;font-size:13px;color:#666;padding:3px 0 3px 25px;}
.sitemap_list .sub > li > ul > li > a:before{content:'- ';}

@media screen and (max-width:749px){ /* Mobile 해상도 */
	.fluid_list ul > li{width:50%;}
	.article .article_solution_img{float:none;margin:0 auto;display:block;}
	.article .article_solution h5{text-align:center;}
	.article .article_solution p{text-align:center;}
	#contents .content div.renewal_intro .download_wrap .contact_wrap .title{text-align:center;width:100%;padding:0;}
	#contents .content div.renewal_intro .contact_wrap .name { width:100%;padding:0 0 15px 0; text-align:center; }
	#contents .content div.renewal_intro .contact_wrap .phone { width:50%; text-align: center; padding:0; }
	#contents .content div.renewal_intro .contact_wrap .email { width:50%; text-align: center; padding:0; }
	.list2 > li .list_sub img{position:static;float:none;display:block;margin:0 auto 10px auto;}
	.list2 > li .list_sub h5{padding:0 0 10px 0;text-align:center;}
	.list2 > li .list_sub .description{padding:0;text-align:center;}

	.list1 > li > a{text-align:center;}
	.list1 > li .list_sub img{float:none;display:block;margin:0 auto 20px auto;}
	
	/* PR센터 > 뉴스 */
	.first_list{padding-left:0px;height:auto}
	.first_list .cont_box{padding:15px}
	.first_list .thumbnail{position:static;width:auto;height:auto;text-align:center;margin:10px 0}
	.first_list .thumbnail img{width:auto;height:auto;max-width:100%;}

	.sitemap_list > li.list_1{width:48%;margin:0 2% 0 0;}
	.sitemap_list > li.list_2{width:48%;}
	.sitemap_list > li.list_3{width:100%;}
}

@media screen and (max-width:480px){
	.sitemap_list > li.list_1{width:100%;margin:0;}
	.sitemap_list > li.list_2{width:100%;}
}