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

/* 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-button{		
	display:block; cursor:pointer; outline:1px solid #111;
}

.swipe .swipe-left, 
.swipe .swipe-right{display:block; position:absolute; opacity:0.4; top:-7.5em; padding:20px 10px; background-color:#000; color:#fff; top:30%;}

.swipe .swipe-left i, 
.swipe .swipe-right i{font-size:1.2em}

.swipe .swipe-left{left:0; }
.swipe .swipe-right{right:0;}

.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;}

.fa-pause-local{display:inline-block; background:url('http://m.mirae-biz.com/image/mobile_design_temp3.png') no-repeat; width:10px; height:10px; background-size:64px 34px;-moz-background-size:12px 12px; -webkit-background-size:64px 34px; background-position:0 -19px; position:relative; bottom:-1px}
.fa-play-local{display:inline-block; background:url('http://m.mirae-biz.com/image/mobile_design_temp3.png') no-repeat;width:10px; height:10px; background-size:64px 34px;-moz-background-size:64px 34px; -webkit-background-size:64px 34px; background-position:-22px -19px;  position:relative;  bottom:-1px}

.cskin-photo1.type-3.slide > .swipe{overflow:hidden; height:12em;}
.cskin-photo1 .thumb{display:block; text-align:center; height:12em; overflow:hidden}

.cskin-photo1.type-3 h3{}
.cskin-photo1.type-3 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:3em; /*outline:1px solid #111*/
}


.cskin-photo1.slide.type-3 h3{text-shadow: 1px 1px 1px #333; text-align:left; font-weight:bold; bottom:0; outline:0px solid #fff; font-size:1.3em; line-height:1.3em; height:2em; text-overflow:clip; white-space:normal}
.cskin-photo1.slide.type-3 .swipe-controller{position:absolute; margin:0;  bottom:60px; padding:10px 0; padding-left:20px; outline:0px solid #fff; overflow:visible; text-align:left;}
.cskin-photo1.slide.type-3 .swipe-controller .counter{background-color:#000; border:1px solid #fff; border-radius:6.5px;}
.cskin-photo1.slide.type-3 .swipe-controller .counter.active{border-radius:0; border:1px solid #000; background-color:#fff !important}

.cskin-photo1.type-3 .swipe-left{display:none}
.cskin-photo1.type-3 .swipe-right{display:none}


.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{padding:10px}

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

.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; outline:0px solid #111}
.cskin-photo2.fixed-img.img-horizinal .thumb{padding-bottom:100%}
.cskin-photo2.fixed-img .thumb img{position:absolute; width:100%;}

.cskin-photo2.fixed-img.img-horizinal ul{margin:5px}
.cskin-photo2.fixed-img.col2 .thumb img{height:100%}

.cskin-photo2.fixed-img.img-horizinal{padding:0; outline:0px solid #111}
.cskin-photo2.fixed-img.img-full li{position:relative;}
.cskin-photo2.fixed-img.img-full .thumb{padding-bottom:80%; }
.cskin-photo2.fixed-img.img-full.img-vertical .thumb{padding-bottom:50%}
.cskin-photo2.fixed-img.img-full h3{
	font-size:1em; color:#fff;  text-align:center;  position:absolute; width:90%; padding-left:5%; left:0; 
	line-height:1.3em; height:2.6em; text-overflow:clip; white-space:normal; z-index:9999999999999;  bottom:1.3em; 
}

.cskin-photo2.fixed-img.img-full.col2 h3{bottom:1.5em;}

.cskin-photo2.fixed-img.img-full.col2 .swipe-left,
.cskin-photo2.fixed-img.img-full.col2 .swipe-right{display:none}

.cskin-photo2.fixed-img.img-horizinal h3{color:#fff}
.cskin-photo2.fixed-img.img-full.img-vertical h3{font-size:1.2em}

.cskin-photo2.fixed-img.img-full{padding:0;}
.cskin-photo2.fixed-img.img-full li{padding:0}
.cskin-photo2.fixed-img.img-full p{
	display:block; position:absolute;width:100%; height:60%; z-index:999999999; bottom:0; left:0; text-indent:-100000px;
	background-color:#000; 
	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 */
}


.cskin-photo2.fixed-img.img-full{position: relative}
.cskin-photo2.fixed-img.img-full h3{font-weight:normal; bottom:1.3em; outline:0px solid #111; }
.cskin-photo2.fixed-img.img-full .swipe-controller{position:absolute; width:100%; margin:0; bottom:0; padding:10px 0 ; outline:0px solid #fff; overflow:visible;}
.cskin-photo2.fixed-img.img-full .swipe-controller .counter{background-color:#999; }
.cskin-photo2.fixed-img.img-full .swipe-controller .counter.active{background-color:#fff !important}




.cskin-photo2.fixed-img.img-horizinal .swipe-controller{position:static; margin:0; bottom:0; padding:10px 0 ; overflow:visible}
.cskin-photo2.fixed-img.img-horizinal .swipe-controller .counter{background-color:#999; }
.cskin-photo2.fixed-img.img-horizinal .swipe-controller .counter.active{background-color:#fff !important}


/* 사진+기사 스타일 */
.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%;*/ 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*/ display:none !important;}
.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('/image/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-mixed1.view-relation-news-custom li{position:relative}*/
.cskin-mixed1.type-2 .thumb{width:8em; height:5.2em}
.cskin-mixed1.type-2 .thumb img{min-height:5.2em}
.cskin-mixed1.type-2 .description .summary{margin:0}
.cskin-mixed1.type-2 .description .etc{font-size:.8em; color:#777; line-height:1.5em}
.cskin-mixed1.type-2 .description .etc span.sec{color:#eaa328   }
.cskin-mixed1.type-2 .description .etc span{display:inline-block; margin-right:10px}
.cskin-mixed1.type-2 .description{height:auto; }
.cskin-mixed1.type-2 .description * {outline:0px solid #111;}
.cskin-mixed1.type-2 a{border:0;padding:0}
.cskin-mixed1.type-2 .description{position:relative; }
.cskin-mixed1.type-2 h3{font-size:1em; font-weight:bold; line-height:1.2em; color:#333; height:2.4em; overflow:hidden; margin-top:7px}
.cskin-mixed1.type-2 > ul > li{padding:15px 10px; font-size:1em; border-bottom:1px solid #dedede}
.cskin-mixed1.type-2 > ul > li:last-child{border-bottom:0}
.cskin-mixed1.type-2 > ul > li:first-child{border-bottom:1px solid #dedede;}
.cskin-mixed1.type-2 a.more{display:none}


.cskin-mixed1.type-2.no-image .thumb{display:none}

.cskin-mixed1.view-relation-news-custom a.more{display:block; color:#666; font-size:.9em; cursor:pointer; margin-top:2px}
.cskin-mixed1.view-relation-news-custom > ul > li .relation a{font-size:.9em}
.cskin-mixed1.view-relation-news-custom .relation {display:none; margin-top:5px; clear:both;}
.cskin-mixed1.view-relation-news-custom .relation a{padding:7px 10px; background:url('/image/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-custom .relation li:last-child a{padding-bottom:0}
.cskin-mixed1.view-relation-news-custom .relation li.more a{cursor:pointer; background:none;  text-align:right; color:#777; padding-bottom:0}
.cskin-mixed1.view-relation-news-custom .relation li.hidden{display:none}
.cskin-mixed1.view-relation-news-custom > ul > li{padding:10px 10px; font-size:1em; border-bottom:0px solid #dedede}
.cskin-mixed1.view-relation-news-custom > ul > li:last-child{border-bottom:0}
.cskin-mixed1.view-relation-news-custom > ul > li:first-child{border-bottom:0px solid #dedede;}

.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*/ display:none;}
.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{font-size:1em; font-weight:bold; line-height:1.2em; color:#333; height:2.4em; overflow:hidden; margin-top:7px}
.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{font-size:1.2em; padding-left:25px; background:url('/image/reply_2.gif') no-repeat 10px 50%}