/* 
 인벤토리컨텐츠 스킨 
 인벤토리의 최상단 박스모델에 클래스를 입히고 스타일을 정의한다. 
 같은레벨의 클래스 다중정의는 캐스케이드 규칙을 이용해서 소스의 양을 줄인다. 
*/

/* Swipe 2 required styles */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.swipe-controller{	
	margin-top:10px;
	text-align:center;
}

.swipe-controller .swipe-left, .swipe-controller .swipe-right, .swipe-controller button{		
	display:none; cursor:pointer;
}

.swipe-controller .counter{
	display:inline-block; text-indent:-10000px; width:8px; height:8px; border-radius:4px; background-color:#aaa;
	vertical-align:middle; margin:0 2px;
}
/* END required styles */

/* 사진 스타일 */
.cskin-photo1 > div {overflow:hidden; height:15em;}
.cskin-photo1 > ul > li{position:relative;}
.cskin-photo1 .thumb{display:block; text-align:center; height:15em; overflow:hidden}
.cskin-photo1 a{display:block}
.cskin-photo1 img{width:100%; min-height:100%}
.cskin-photo1 h3{font-size:1.2em; color:#fff;  text-align:center;  position:absolute; width:90%; padding-left:5%; left:0; bottom:0; line-height:2.4em; height:2.4em; z-index:4000; display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; opacity:1; }
.cskin-photo1 h4{font-weight:normal; color:#fff; display:none}
.cskin-photo1 p{font-size:1.2em; color:#666; text-indent:-100000px; position:absolute; width:100%; left:0; bottom:0; height:2.4em; background-color:#000; opacity:0.8}

.cskin-photo1.slide {position:relative;}
.cskin-photo1.slide > .swipe{overflow:hidden; height:15em;}
.cskin-photo1.slide h3{padding-bottom:1em;}
.cskin-photo1.slide p{padding-bottom:1em}
.cskin-photo1.slide .swipe-controller{position:absolute; bottom:.7em; width:100%; height:1em; text-align:center;}
.cskin-photo1.slide .swipe-controller .counter{background-color:#fff}

.cskin-photo1.type-2 h3{text-shadow: 1px 1px 1px #333; font-size:1.3em; line-height:1; height:1em; padding-bottom:10px;}
.cskin-photo1.type-2 p{		
	background: #000; /* Old browsers */
	background: -moz-linear-gradient(top, transparent, #000); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,transparent), color-stop(1,#A1DBFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, transparent,#000); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, transparent,#000); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, transparent,#000); /* IE10+ */
	background: linear-gradient(top, transparent,#000); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); /* IE6-9 */
	opacity:1; height:7em;
}

.cskin-photo1.slide.type-2 h3{ bottom:10px }
.cskin-photo1.slide.type-2 .swipe-controller{position:relative; margin:0; bottom:0; padding:10px 0 ; background:#eee; border-bottom:1px solid #ccc}
.cskin-photo1.slide.type-2 .swipe-controller .counter{background-color:#999; }
.cskin-photo1.slide.type-2 .swipe-controller .swipe-left, 
.cskin-photo1.slide.type-2 .swipe-controller .swipe-right{display:block; position:absolute; top:0; padding:10px; color:#4e4e4e; border-left:1px solid #dedede; border-right:1px solid #dedede; }

.cskin-photo1.slide.type-2 .swipe-controller .swipe-left{left:0; }
.cskin-photo1.slide.type-2 .swipe-controller .swipe-right{right:0;}


.cskin-photo2{padding:10px; overflow:hidden; }
.cskin-photo2 .description h3{display:inline-block; max-width:90%; color:#111; font-size:.9em; line-height:1.4em; height:2.8em; overflow:hidden; font-weight:normal; text-align:left}
.cskin-photo2 .description h4{display:none}
.cskin-photo2 .description p{display:none}
.cskin-photo2 a{display:block;}
.cskin-photo2 li{float:left; box-sizing:border-box;}
.cskin-photo2 li:first-child{padding-right:5px}
.cskin-photo2 li:last-child{padding-left:5px}

.cskin-photo2.col2 li{width:50%}
.cskin-photo2.col3 li{width:33%}

.cskin-photo2.relative-img .thumb {text-align:center; }
.cskin-photo2.relative-img .thumb img{max-width:100%;height:100px;}

.cskin-photo2.fixed-img .thumb {position:relative; padding-bottom:60%; overflow:hidden;}
.cskin-photo2.fixed-img .thumb img{position:absolute; width:100%; min-height:100%}


/* 사진+기사 스타일 */
.cskin-mixed1 a{display:block; padding:15px 10px; border-bottom:1px solid #dedede; overflow:hidden;}
.cskin-mixed1 ul li:last-child a{border-bottom:0; padding-bottom:0}
.cskin-mixed1 ul li:after{content: "";clear:both;width:100%;display:block;}
.cskin-mixed1 .thumb{float:left; width:6em; height:4em; overflow:hidden;  border:1px solid #dedede; margin-right:10px}
.cskin-mixed1 img{width:100%; /*max-height:100%;*/}
.cskin-mixed1 .description{height:4em; line-height:1.3em; overflow:hidden; }
.cskin-mixed1 h3{margin:0; font-weight:normal;}
.cskin-mixed1 h4{display:none}
.cskin-mixed1 p.summary{margin-top:5px; color:#666; font-size:.8em; overflow:hidden;}
.cskin-mixed1 p.info{margin-top:2px; color:#666;}
.cskin-mixed1 .writer{margin-right:10px; font-size:.9em}
.cskin-mixed1 .date{font-size:.9em}
.cskin-mixed1 .relation{display:none}

.cskin-mixed1.img-right .thumb{margin:0; max-height:4em; overflow:hidden; margin-left:10px; float:right}

.cskin-mixed1.view-title a{padding:15px 10px}
.cskin-mixed1.view-title .description{height:auto}
.cskin-mixed1.view-title h3{font-size:1.2em; font-weight:normal; line-height:1.4em; color:#133f6c}
.cskin-mixed1.view-title p.summary{display:none}

.cskin-mixed1.view-top h3{font-weight:bold; font-size:1.33em; padding-bottom:7px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cskin-mixed1.view-top .thumb{width:8em; height:5em; overflow:hidden}
.cskin-mixed1.view-top p.summary{font-size:.9em}

.cskin-mixed1.view-relation-news a{border:0;padding:0}
.cskin-mixed1.view-relation-news > ul > li{padding:15px 10px; font-size:1em; border-bottom:1px solid #dedede}
.cskin-mixed1.view-relation-news > ul > li:last-child{border-bottom:0}
.cskin-mixed1.view-relation-news > ul > li:first-child{border-bottom:1px solid #dedede;}
.cskin-mixed1.view-relation-news > ul > li .relation a{font-size:.9em}
.cskin-mixed1.view-relation-news .relation {display:block; margin-top:5px}

.cskin-mixed1.view-relation-news .relation a{padding:7px 10px; background:url('../_img/reply_2.gif') no-repeat 10px .7em; padding-left:20px; display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cskin-mixed1.view-relation-news .relation li:last-child a{padding-bottom:0}
.cskin-mixed1.view-relation-news .relation li.more a{cursor:pointer; background:none;  text-align:right; color:#777; padding-bottom:0}
.cskin-mixed1.view-relation-news .relation li.hidden{display:none}

.cskin-mixed2{}
.cskin-mixed2 a{display:block;  overflow:hidden;}
.cskin-mixed2 li{display:relative; padding-left:10px}
.cskin-mixed2 li:after{content: "";clear:both;width:100%;display:block;}
.cskin-mixed2 .thumb{float:left; padding:23px 0; width:4em; height:4em; overflow:hidden; margin-right:10px }
.cskin-mixed2 img{width:100%; height:100%; border-radius:50%; border:1px solid #dedede; box-sizing:border-box;}
.cskin-mixed2 .description{position:relative; overflow:hidden; min-height:4em; padding:23px 0; padding-right:10px; border-bottom:1px solid #dedede;}
.cskin-mixed2 li:last-child .description{border-bottom:0}
.cskin-mixed2 .description .ico{position:absolute; top:calc(50% - .5em); right:10px}
.cskin-mixed2 .description .etc{font-size:.7em; color:#999}
.cskin-mixed2 .description .etc span{display:inline-block; margin-right:5px}
.cskin-mixed2 .description .etc span.writer:before{content:" - "}
.cskin-mixed2 .ico{color:#133f6c}
.cskin-mixed2 h3{margin-top:2px; font-size:1.24em; font-weight:normal; line-height:1.4em; color:#133f6c}
.cskin-mixed2 h4{display:none}
.cskin-mixed2 p.summary{display:none}

.cskin-text2-rolling{padding:12px 10px; background-color:#f2f2f2;}
.cskin-text2-rolling h3{float:left; margin-right:10px; }		
.cskin-text2-rolling h3 > span{cursor:pointer; float:left; font-size:.7em; padding:7px; border-radius:5px; color:#fff }
.cskin-text2-rolling h3 > span.on{color:yellow !important;}
.cskin-text2-rolling p{}		
.cskin-text2-rolling .list.roll { line-height:1.5em; height:1.5em; overflow:hidden}	
.cskin-text2-rolling .list.rollOff{clear:left;}
.cskin-text2-rolling .list.rollOff li{border-bottom:1px solid #dedede}
.cskin-text2-rolling .list.rollOff li:last-child{border-bottom:0; margin-bottom:0}
.cskin-text2-rolling .list li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cskin-text2-rolling .list.rollOff li a{padding:10px}

/* 줄기사 스타일 */
.cskin-text1{}
.cskin-text1 a{padding:10px; display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cskin-text1 li{border-bottom:1px solid #dedede;}
.cskin-text1 li:last-child{border-bottom:0; margin-bottom:0; padding-bottom:0}
.cskin-text1 .category, .cskin-text1 .category2, .cskin-text1 .category3{display:none; margin-right:5px}
.cskin-text1 .num{display:none; color:#999; font-style:italic;  margin-right:10px; font-weight:bold;}

.cskin-text1.view-number .num{display:inline-block;}
.cskin-text1.view-category .category{display:inline-block; font-size:.9em}
.cskin-text1.view-category2 .category2{display:inline-block; font-size:.9em}
.cskin-text1.view-category3 .category3{display:inline-block; font-size:.9em}
.cskin-text1.view-category li:last-child{border-bottom:1px solid #dedede;}
.cskin-text1.sub-list li a{padding-left:25px; background:url('../_img/reply_2.gif') no-repeat 10px 50%}