@charset "utf-8";

.widget-blue-post-more { position:relative; }
.widget-blue-post-more #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.widget-blue-post-more .item-more { text-align:center; margin:20px 0px 0px; }
.widget-blue-post-more .item-more a { color:#333; }
.widget-blue-post-more .item-more a:hover { color:crimson; }
.widget-blue-post-more .item-list { position:relative; overflow:hidden; background: #fff; padding:10px; border:1px solid #DEE3EB; border-radius:2px; }
.widget-blue-post-more .img-more { }
.widget-blue-post-more .txt-more { padding:0px; text-align:center; }
.widget-blue-post-more .item-heading { display:block; margin:0px; font-weight:bold; }
.is-pc .widget-blue-post-more .item-heading { font-size:14px; }
.is-mobile .widget-blue-post-more .item-heading { font-size:16px; }
.widget-blue-post-more .item-details { margin-top:10px; padding:4px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.widget-blue-post-more .item-cont { padding:10px 0px 10px 0px; border-top:1px solid #eee; border-bottom:1px solid #eee; line-height:20px; min-height:40px; }
.widget-blue-post-more .item-sp { margin:0px 7px; color:#ddd; font-size:11px; }
.widget-blue-post-more .item-read { margin-top: 10px; }
.widget-blue-post-more .item-read .pull-left i { margin-right:2px; }
.widget-blue-post-more .item-wrap { overflow:hidden; }
.widget-blue-post-more .item-row { float:left; }
.widget-blue-post-more .item-none { padding:50px 10px; }
.widget-blue-post-more .img-photo i,
.widget-blue-post-more .img-photo img {
    width:40px; height:40px; line-height: 40px; vertical-align:middle; font-size: 24px; text-align: center; background-color: #ddd; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.widget-blue-post-more .img-tbl { 
	position:relative; z-index:1; display:table; width:100%; height:100%; table-layout:fixed; margin:0; border-collapse: collapse;
}
.widget-blue-post-more .img-cell { 
	display:table-cell; vertical-align:middle;
}
.widget-blue-post-more .notice { 
	font-size:13px; font-weight:bold; margin-top:10px; margin-left:10px; text-align:left;
}
.widget-blue-post-more .comment-type { 
	text-align:left; margin-left:10px;
}
.widget-blue-post-more .demo-box {
    display: inline-block;
    overflow: hidden;
    float: right;

}
.widget-blue-post-more .demo-box li { 
    float: left;
    list-style-type: none;
	border:1px solid #e8e8e8;
	padding:1px 10px 2px 10px;
	border-radius:2px;
	background:#fafafa;
}
.ment-title {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	background: #2a36b1;
}
.subject-box {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    background: #fafafa;
}
.code-box {
	padding: 15px 0px 5px 0px;
}
/*Modal*/
.modal-btn{border-radius:50%}
.viewModalBlue .modal-dialog{width:100%;height:100%;    margin: 0;}
.viewModalBlue .modal-content{width: 100%;border-radius:0;border:0;overflow:hidden}
.viewModalBlue .modal-body{width: 100%;height: 100%;padding: 1px;}
.viewModalBlue #viewModalContent{width: 100%;height: 100%;}
.viewModalBlue #viewModalFrames{width: 100%;height: 100%;}
.viewModalBlue .close-modal{position:absolute;top:10%;right:10%;display:none}
.viewModalBlue .close-modal i:hover{color:#BCA480;background-color:white}
#viewModalLoadings{width: 100%;left: 0;top: 0;position: fixed;display:none;z-index:9999} 

/*Loader*/
.loading.basic .box{background-color:#BCA480;}
.loading.basic .loader3:after{background-color:#BCA480;}
.box{position:absolute!important;display: inline-block;width: 100%;float:left; position: relative;transition: all .2s ease;z-index:99;}
.loading{z-index:9999}

/* MEDIA QUERIES */
@media (max-width: 700px){
    .box{width: 50%;}
	.box:nth-child(2n-1){background-color: inherit;}
	.box:nth-child(4n),.box:nth-child(4n-3) {background-color: rgba(0,0,0,0.05);}
}
@media (max-width: 420px){
    .box{width: 100%;}
	.box:nth-child(4n),.box:nth-child(4n-3){background-color: inherit;}
	.box:nth-child(2n-1){background-color:rgba(0,0,0,0.05);}
}
.loader3{position: relative;width: 150px; height: 20px;top: 45%;top: -webkit-calc(50% - 10px);top: calc(50% - 10px);left: 25%; left: -webkit-calc(50% - 75px);left: calc(50% - 75px);}
.loader3:after{content: "LOADING ..."; color: #fff;font-family:  Lato,"Helvetica Neue" ;font-weight: 200;font-size: 16px;position: absolute;width: 100%;height: 20px;line-height: 20px;left: 0;top: 0;z-index: 1;}
.loader3:before{content: "";position: absolute;background-color: #fff; top: -5px;left: 0px;height: 30px; width: 0px;z-index: 0;opacity: 1; -webkit-transform-origin:  100% 0%;transform-origin:  100% 0% ;-webkit-animation: loader3 10s ease-in-out infinite;animation: loader3 10s ease-in-out infinite;}

@-webkit-keyframes loader3{0%{width: 0px;}70%{width: 100%; opacity: 1;} 90%{opacity: 0; width: 100%;}100%{opacity: 0;width: 0px;}}
@keyframes loader3{0%{width: 0px;}70%{width: 100%; opacity: 1;}90%{opacity: 0; width: 100%;}100%{opacity: 0;width: 0px;}}

.widget-blue-post-more .choose{ border: 1px solid #283593; }
.widget-blue-post-more .choose ul li { float:left; }
.widget-blue-post-more .choose ul li a{ color:#fff; font-family: 'Noto Sans KR', "Malgun Gothic", dotum, sans-serif !important; font-size: 13px; font-weight:bold; padding-left: 0; padding-right: 0; background: #3f51b5; }
.widget-blue-post-more .choose ul li a i{ margin-right:5px; }
.widget-blue-post-more .choose ul li a:hover{ color:#fff; background:#3949ab; }
.nav-pills > li + li { margin-left:0px !important; }
.nav-justified > li > a { margin-bottom:0px !important; }
.nav-pills>li>a { border-radius: 0px !important; }
/*========= MENU CUSTOM =========*/
#spin-link { display:inline-block; height:15px; line-height: 17px; overflow:hidden; }
#spin-link p { display:inline-block; position: relative;
-webkit-transition:-webkit-transform 0.3s;
-moz-transition:-moz-transform 0.3s;
transition:transform 0.3s;
}
#spin-link p::before { position: absolute; top:100%; content:attr(data-hover);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#spin-link:hover p, #spin-link:focus p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}

#spin-link-a2 { -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease }
#spin-link-a2:hover { text-decoration:none }
