/* MAGAZINE */

.breadcrumbs {font-size:12px; margin-bottom:25px; float:left; width:100%; border-bottom:1px solid #f3f3f3; padding-bottom:8px;}
.breadcrumbs a {color:#000;}
.breadcrumbs a:hover {color:#333;}
.breadcrumb-selected {color:#0079bb}
.footer-col {width:94%; padding:15px 3%; float:left; background:#efefef; margin-top:50px; border-top:2px solid #b6b6b6;}
.title-h1 {border-bottom: 1px solid #333; margin-top: 0; padding-bottom: 5px;}
.inner-pg-col {margin-top:20px;}
.img-brd {border:2px solid #ced1d6;}
.magazine-col1 {width:65%; float:left; margin-left:5%; }
.magazine-col2 {width:30%; float:left;}
.magazine-title {margin-bottom:0;}
.magazine-date {margin:5px 0 0;}
.date-p {text-transform:none; font-size:14px; color:#999;}
.readmore-link {color:#0079bb; font-size:13px; font-family:"Open-Sans-Semibold"}

.browse-magazine-ul {margin:0; padding:0; float:left; width:100%; background:#f7f7f7;}
.browse-magazine-ul li {display:inline-block; font-size:13px; font-family:"Open-Sans-Semibold"}
.browse-magazine-ul li  label {padding:8px 3px 8px 15px;  display:block;}
.browse-magazine-ul li a { padding:8px 15px; display:block; }
.browse-magazine-ul li a:hover {background:#007bbe; color:#fff; }
.browse-magazine-ul li a.selected {background:#007bbe; color:#fff; }

.bg-brd { border-bottom: 1px solid #f3f3f3;
    float: left;
    height: 3px;
    position: relative;
    width: 100%;
    z-index: -1;}
.sm-head-style {float: left;
    margin-top: -14px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;}
.sm-head-title {
    background: none repeat scroll 0 0 #fff;
    color: #555;
    font-size: 12px;
    padding: 0 0px;
    text-transform: uppercase;
}
.past-magazine-list {margin:0; padding:0}
.past-magazine-list li {display:block; float:left;}
.past-magazine-list li:last-child {margin-bottom:30px;}
.past-magazine-col1 {width:80%; margin-right:5%; float:left; }
.past-magazine-col2 {width:15%; float:left;}
.head-title {margin-bottom:15px; margin-top:15px; float:left; width:100%}

/*Magazine Contents */


.mgn-cnt-col1 {width:35%; float:left}
.mgn-cnt-col2 {width:60%; margin-left:5%; float:right}

.contents-mgn-list {}
.contents-mgn-list .past-magazine-col1{width:70%; float:right; margin-right:0; margin-left:5%;}
.contents-mgn-list .past-magazine-col1 h2 {margin-top:0}
.contents-mgn-list .past-magazine-col2 {width:25%;}
.contents-ul {margin:30px 0 0; padding:0}
.contents-ul li {display:block; margin-bottom:30px;}
.contents-col1 {float:left; width:50px; font-size:24px; font-family:inherit !important; color:#CC0000; border-right:2px solid #CC0000;font-weight: 500;}
.contents-col2 {margin-left:70px;}
.contents-col2 h3 {margin:0; font-size:17px ; font-family:"Open-Sans-Semibold";}
.contents-col2 p {margin-top:0px}
.contents-block1 {background:#f7f7f7; padding:2%; width:96%; float:left}
.res2-contents-bock1 {border-bottom:1px solid #f3f3f3; float:left; width:100%; padding-bottom:30px; margin-bottom:20px; margin-top:20px; display:none}

.contents-res-mgn-col1 {width:200px; float:left}
.contents-res-mgn-col2 {margin-left:230px; margin-top:30px;}


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

	/* Magazine */

.past-magazine-col1 {width:100%;}
.past-magazine-col2 {width:120px;}

/* Contents */
.contents-res-mgn-col1 {width:100%;}
.contents-res-mgn-col2 {width:100%; margin:0}
}

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

/* Magazine*/
.magazine-col2 {width:200px;}
.magazine-col1 {width:100%; margin:0}

}


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

	/* CONTENTS */
	.mgn-cnt-col2 {width:100%; margin:0}
	.mgn-cnt-col1 {width:100%;}
	.res2-contents-bock1 {display:block}
	.contents-block1 {display:none}
}