@charset "utf-8";
/* ----------------------------------------------
UI - Layout
------------------------------------------------*/
/* common */
html, body {background:#ebebeb; color:#666; font-size:13px !important; font-family:"Exo 2", sans-serif; line-height:20px;}
a {color:#666; font-size:13px; text-decoration:none; line-height:22px;}
a:hover, a:focus {color:#333; text-decoration:none;}
.switch .slider {background:#aaa;}
.switch.active .slider {background:#333;}
.go-btn button {border:2px solid #333; color:#333;}

.search_ui {background:#d3d3d3;}
@media (max-width:1280px) {
	.search_ui {background:#333;}
}
.btn.btn-play {background:#333 !important;}
#sidebar-box .sidebar-content .loginWrap {border-top:10px solid #333 !important;}
.basic-outlogin .btn-navy {background:#333 !important; border:1px solid #333 !important; color:#ffca00 !important;}
.widget-miso-post-more .item-list .label {background:#333 !important;}
.uiSide .navi .menuBox ul li a i {color:#ffca00;}
.page-content .article-title {color:#333 !important;}
.border-color {border-color:#333; font-size:20px; font-weight:bold;}

/* uiSide */
.uiSide {background:linear-gradient(to bottom,#1b1e31 0, #0d0f1f 100%); box-shadow:none;}
/*uiSide:after {content:''; display:block; position:absolute; bottom:0; width:240px; height:100%; background:url(img/side_bg.png) no-repeat; background-position:bottom; background-size:contain; z-index:1;}*/
@media (max-height:900px) {
	.uiSide:after {opacity:0.3;}
}
.uiSide h1 {border-bottom:0;}
.uiSide h1 a i {color:#ffca00;}
.uiSide h1,
.uiSide .navi,
.uiSide .uiFooter {position:relative; z-index:2;}

.uiSide .navi {}
.uiSide .navi .menuBox ul {}
.uiSide .navi .menuBox ul li.first_depth a {color:rgba(255, 255, 255, 0.9); font-size:16px;}
.uiSide .navi .menuBox ul li.first_depth a:hover {color:rgba(255, 255, 255, 0.9);}
.uiSide .navi .menuBox ul li.first_depth.active a {border-radius:20px; background:#000; color:#fff;}
.uiSide .navi .menuBox ul li a {color:#c6a154; font-weight:bold;}
.uiSide .navi .menuBox ul li a:before {color:#e9c67c;}
.uiSide .navi .menuBox ul li a:hover {color:#e9c67c;}
.uiSide .navi .menuBox ul li ul li.on a,
.uiSide .navi .menuBox ul li ul li a:hover {color:#e9c67c; text-decoration:underline;}

/* root */
.search_ui form {background:#fff;}
#mNavidim {background:rgba(11, 11, 11, 0.8);}

/* uiFooter */
.uiSide .uiFooter {}
.uiSide .uiFooter a {color: rgba(255,255,255,0.8);}
.uiSide .uiFooter span {border-top:1px solid rgba(255, 255, 255, 0.1);color: rgba(255,255,255,0.8);}

/* uiHeader */
.uiContainer .uiHeader {border-bottom: 0;box-shadow:none;background:rgba(27, 30, 49, 0.1);}
.uiContainer .uiHeader .tools .user i,
.uiContainer .uiHeader .tools button,
.uiContainer .uiHeader .tools button:hover,
.uiContainer .uiHeader .tools .switch {color:#666;}
.uiContainer .uiHeader .tools button:hover {background:rgba(0,0,0,0.06);}

@media (max-width:1280px) {
	.responsive .uiContainer .uiHeader {background:#1b1e31;}
	.uiContainer .uiHeader .tools .user i {color:#c6a154}
	.uiContainer .uiHeader .tools button {color:#c6a154 !important;}
}


/* contents.sub */
.uiContainer .uiBody .contents.sub {border:2px solid #e4e4e4; box-shadow:none;}
.uiContainer .uiBody .uirSide .widget .wheader {color:#333;}
.uiContainer .uiBody .contents.sub .title strong {color:#333;}


/* ----------------------------------------------
UI - mobile
------------------------------------------------*/
.uiContainer .uiHeader .title button {color:#c6a154;}
.uiContainer .uiHeader .title h1 a {color:#c6a154;}
.uiContainer .uiHeader .title h1 a i {color:#c6a154;}

/* ----------------------------------------------
UI - Widget
------------------------------------------------*/
/* pinterlast */
.widget-miso-post-more .item-list {}
.widget-miso-post-more .item-list .item-box {}
.widget-miso-post-more .item-list:hover {border:0 solid transparent !important; background: linear-gradient(to bottom,#fff 0, #000 100%); padding:2px;}

/* widget */
.uiContainer .uiBody .uirSide .widget {background:#FFF; border:1px solid #CCC;}

/* sidebar */
#sidebar-box .sidebar-content .memberWrap {background:linear-gradient(to bottom,#696969 0, #333 100%) !important;}
#sidebar-box .sidebar-content .memberWrap .profileWrap .profile a .photo {color:#333 !important;}
#sidebar-box .sidebar-content .sidebar-item .tabs {background:#333 !important;}
#sidebar-box .sidebar-content .sidebar-item .tabs ul li:first-child {border-left:0 !important;}
#sidebar-box .sidebar-content .sidebar-item .tabs ul li {border-left:1px solid #333 !important;}
#sidebar-box .sidebar-content .sidebar-item .tabs ul li.active {color:#333 !important;}



.section_area .title{text-align:center; margin-bottom:2em;}
.section_area .title h3{font-size:1.5em; font-weight:bold;color:#1b1e31; margin-bottom:.2em;}
.section_area .title h4{font-size:1em; display:inline-block; padding:0 3em; border-bottom:1px solid #333; color:#353a5c; padding-bottom:.5em}
.section01{margin-bottom:3em;}
.r_tell{background:#1b1e31 !important; color:#c6a154;}
.r_tell .icon{overflow:hidden;}
.r_tell .icon .left{float:left; font-size:4em; margin-right:.3em;}
.r_tell .icon .right{float:left;}
.r_tell .icon .right strong, .tell .icon .right span{display:block;}
.r_tell .icon .right strong{font-size:1.3em; font-weight:bold;margin-bottom:.3em;}
.r_tell .icon .right span{font-size:1.5em; font-weight:bold; }