@charset "utf-8";

/*공단소개 > kr홍보 > 브로슈어*/
.promotion_bro {overflow:hidden;}
.promotion_bro > li {overflow:hidden; margin-top:15px; padding-top:25px; border-top:1px dashed #ddd;}
.promotion_bro > li:first-child {margin-top:0  !important; padding-top:0 !important; border-top:0;}
.promotion_bro li > .img {position:relative; float:left; width:249px; height:304px; margin-right:5%;}
.promotion_bro li > .img img {position:absolute; top:1px; left:11px; width:215px; height:286px;}
.promotion_bro li > .img > i {position:absolute; top:0; left:0; width:249px; height:304px; background:url('/images/template/krhome/sub/08/img_0804_bg.png') no-repeat;}
.promotion_bro dl.liTy01 {float:left; width:60%;}
.promotion_bro dl.liTy01 dt {margin:10px 0 15px 0;}
.promotion_bro dl.liTy01 dd + dd {margin-top:15px;}
.promotion_bro dl.liTy01 dd > p {margin-bottom:10px; background-position:0 5px;}
.promotion_bro dl.liTy01 dd > ul li {line-height:140%;}
.promotion_bro dl.liTy01 dd span {margin:0 0 5px 0;}
.promotion_bro dl.liTy01 dd .btn {line-height:22px; font-size:12px; margin-top:0;}

.download-divided > span {
	cursor: pointer;
}
.download-divided > div {
	display: none;
    padding-top: 10px;
    line-height: 26px;
}
.download-divided.opened > div {
	display: block;
}

/* 철도 동화 */
.promotion_bro li.fairytale > .img {
    width: 340px;
    height: 340px;
	
}
.promotion_bro li.fairytale > .img img {
    width: 340px;
    height: 340px;
    border-radius: 24px;
}
.promotion_bro li.fairytale dl.liTy01 dd { width: 100px; }
.promotion_bro li.fairytale dl.liTy01 dd span.btnTy {
    display: inline-block;
    height: 21px;
    width: 100px;
    padding: 0 0 0 10px;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background: #fff;
}
.promotion_bro li.fairytale dl.liTy01 dd span.btnTy .btn {
	display: block;
    height: 19px;
    padding: 0 12px 0 0;
    margin: 0;
    font-size: 11px;
    background: #fff;
    color: #757575;
    text-align: center;
    line-height: 20px;
}

@media (max-width:650px) {
	/*공단소개 > kr홍보 > 브로슈어*/
	.promotion_bro li > .img {clear:both; margin:0 auto; width:100%;}
	.promotion_bro dl.liTy01 {width:100%;}
}