@charset "UTF-8";
/********************************************************
■ 공통
********************************************************/
.at-body {
background: #f1f1f1;
}
::selection {
background: rgba(51, 51, 51, 0.7);
color: #fff;
}
a:hover, a:focus, a:active { color: #e49c12; }
/* 공통 코드 */
.height1 {
height: 1px;
}
.height2 {
height: 2px;
}
.height3 {
height: 3px;
}
.height4 {
height: 4px;
}
.height5 {
height: 5px;
}
.height6 {
height: 6px;
}
.height7 {
height: 7px;
}
.height8 {
height: 8px;
}
.height9 {
height: 9px;
}
.height10 {
height: 10px;
}
/* 부트스트랩 컬럼간 좌우 간격 조정 */
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
.fix-height-0 {
height: 0px;
}
.row.fix-gutters-2 {
margin-right: -2px;
margin-left: -2px;
}
.row.fix-gutters-2 > [class^="col-"],
.row.fix-gutters-2 > [class*=" col-"] {
padding-right: 2px;
padding-left: 2px;
}
.fix-height-4 {
height: 40px;
}
.row.fix-gutters-3 {
margin-right: -3px;
margin-left: -3px;
}
.row.fix-gutters-3 > [class^="col-"],
.row.fix-gutters-3 > [class*=" col-"] {
padding-right: 3px;
padding-left: 3px;
}
.fix-height-6 {
height: 6px;
}
.row.fix-gutters-5 {
margin-right: -5px;
margin-left: -5px;
}
.row.fix-gutters-5 > [class^="col-"],
.row.fix-gutters-5 > [class*=" col-"] {
padding-right: 5px;
padding-left: 5px;
}
.fix-height-10 {
height: 10px;
}
.row.fix-gutters-30 {
margin-right: -30px;
margin-left: -30px;
}
.row.fix-gutters-30 > [class^="col-"],
.row.fix-gutters-30 > [class*=" col-"] {
padding-right: 30px;
padding-left: 30px;
}
.fix-height-20 {
height: 20px;
}
/********************************************************
■ 메뉴
********************************************************/
.at-menu .nav-height { height:110px; line-height:110px !important; }
.pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height { height:111px;     border-bottom: 1px solid #5d5d5d;}
.kks-logo { /*padding: 36px 60px; background: #1f1f1f; */}
.kks-logo img { height: 97px; position: absolute; top: 13px; left: 14px; }
.pc-menu { background: #1f1f1f; }
.pc-menu .menu-a { font-size: 15px; }
.pc-menu .nav-top .menu-a { color: #fff; background: #1f1f1f; }
.pc-menu .nav-top .menu-li:hover .menu-a, .pc-menu .nav-top .menu-li.on .menu-a { background: #1f1f1f; color: #e49c12; border-bottom: 3px solid #e49c12; }
.pc-menu .nav-rw { width: 170px; padding: 0 5px; }
.pc-menu .nav-right { background: #1f1f1f; font-size: 13px; }
.pc-menu .nav-top .sub-1da { color: #fff; }
.pc-menu .nav-top .sub-1dli.on .sub-1da, .pc-menu .nav-top .sub-1dli:hover .sub-1da { 
	border-color: #1f1f1f !important;
    background: #1f1f1f !important;
    color: #e49c12;
}
.pc-menu .nav-top .sub-2dli:hover .sub-2da { color:#fff; font-weight:bold; background: #e49c12; border-color:#e49c12; }
.pc-menu .nav-top .sub-1div {
    border: 1px solid #e49c12;
    background: #1f1f1f;
    position: absolute !important;
    top: 95px;
    text-align: center;
    padding: 10px;
}
.pc-menu .nav-top .sub-1div::before { border: 0; }
.pc-menu .nav-top .sub-2da { color: #2e2e2e; }
.pc-menu .nav-home .menu-a {
font-size: 16px;
}
.pc-menu .nav-top .kks-logo a span {
font-size: 30px;
line-height: 36px;
color: #fff;
display: inline-block;
font-weight: bold;
position: relative;
top: 3px;
}
.pc-menu-all .table td.on .menu-a {
color: #000;
}
.pc-menu-all .sub-1dli.on .sub-1da, .pc-menu-all .sub-1dli:hover .sub-1da {
color: #000;
font-weight: bold;
}
/********************************************************
■ 헤더
********************************************************/
.m-header {
background: rgb(38, 38, 38);
}
.at-lnb { background: rgb(38, 38, 38); border-bottom: 1px solid #010101;height: 70px;}
.at-lnb ul { padding: 12px 20px; overflow: hidden; line-height: 12px; margin-top: 3px;}
.at-lnb ul > li > a { color: #e0e0e0; }
.at-lnb ul > li.headertxt > a { line-height: 14px; }
.at-lnb ul > li::after { content: none; }
#search-top { border-bottom: 1px solid #ddd; }
/********************************************************
■ 메인
********************************************************/
.widget-title {
border-bottom: 3px solid #e49c12 !important;
border-bottom: 0;
background: #464646 ;
padding: 12px 10px;
color: #e49c12;
}
.widget-title > a {
color: #e49c12;
}
.widget-box {
margin-bottom: 10px !important;
border: 1px solid #ddd;
background: #2e2e2e;
padding: 10px;
color: #fff;
}
.widget-box > a {
color: #fff;
}
.ryan-bg-dark {
background: rgb(38, 38, 38);
}
.none-border {
margin: 0 -1px;
}
.ticker-notice {
padding: 15px 40px;
}
.ticker-notice a {
color: #fff;
font-size: 13px;	
}

.hidden-sm .widget-box{height:213px; margin-bottom:7px!important}


.widget-box { border: 1px solid #5d5d5d; background: #2e2e2e ; padding: 11px; color: #fff;}
.widget-box-title {
    color: #fff;
    padding: 13px 15px;
    border-bottom: 3px solid #e49c12 !important;
    background: #464646 !important;
    font-size: 13px;
	
	 }
.div-tab.tabs.trans-top ul.nav-tabs li.active a {
color: #fff !important;
font-weight: bold;
}
.under-outlogin-ticker {
padding: 10px 10px 0 10px;
margin: 10px -15px -5px -15px;
border-top: 1px solid #464646;
}
.under-outlogin-ticker .lightgray {
color: #ff8000;
margin-right: 5px;
display: inline-block;	
font-weight: bold;
}
.at-title {
height: 50px;
background-color: rgb(38, 38, 38);
border-bottom: 0;
border-top: 1px solid #000;
}
.at-title .page-title {
font-size: 15px;
bottom: 10px;
color: #e0e0e0;
}
@media all and (max-width:767px) {
.responsive .at-title { height:40px; }
.responsive .at-title .page-title {
font-size: 14px;
left: 15px;
bottom: 6px;
}
}
.main-icon {
text-align: center;
overflow: hidden;
}
.main-icon a {
margin-right: 5px;
margin-bottom: 10px;
}
.main-icon a:last-child {
margin-right: 0;
}
@media only screen and (max-width : 768px) {
.nav.nav-tabs li {
border-right-width: 1px !important; 
border-right-style: solid !important; 
border-right-color: #ddd !important;
}
}
/********************************************************
■ 푸터
********************************************************/
.at-footer {
background-color: #000;
width: 100%;
}
.at-footer .at-copyright {
position: relative;
padding: 0;
font-size: 12px;
}
.at-footer .footer-txt {
padding: 11px 0;
line-height: 17px;
}
.so-title, .so-list {
background: #2e3032;
color: #fff;
cursor: pointer;
text-align: center;
float: left;
}
.so-title {
width: 55px;
padding: 17px 0;
}
.so-list {
height: 56px;
padding: 16px 0;
display: none;
position: absolute;
left: 55px;
z-index: 9999;
width: 200px;
}
.so-list a {
margin-right: 10px;
}
.so-list .sns-share-icon img {
width: 26px;
}
.so-list > div { overflow: hidden; }
@media only screen and (max-width : 405px) {
.at-footer .at-copyright {
font-size: 11px;
}
}
.main2-wrapper {
padding: 0 15px;
}
.main2-wrapper .at-col {
padding-top: 15px;
padding-bottom: 15px;
}
.ryan-main-side-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.ryan-main-side-menu ul li {
margin-bottom: 6px;
padding-bottom: 4px;
border-bottom: 1px solid rgba(221, 221, 221, 0.69);
}

	  		#leftDataTop{padding-top: 0px;width:100%; margin-bottom:0;margin-top:0; overflow:hidden;z-index:999}
			#leftDataTop h2{
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    height: 50px;
    line-height: 46px;
    float: left;
    background: #464646;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    padding-left: 10px;
    border-bottom: 3px solid #e49c12 !important;
				}
			#leftDataTop ul{padding: 0px;margin-top: 0px;margin-bottom: 0px;width:100%; height:34px; line-height:33px; background:#2e2e2e; overflow:hidden; position:relative; text-align:center; border-bottom:1px solid #2e2e2e;}
			#leftDataTop ul li{display:inline;}
			#leftDataTop ul li.prev{position:absolute; left:0px; top:0px; display:block;}
			#leftDataTop ul li.next{position:absolute; right:0px; top:0px; display:block;}
			#leftDataTop ul li a {color: #fff; display:inline-block; padding:0 2px; height:33px; line-height:33px; font-weight:bold; font-size:12px; }
			#leftDataTop ul li a:link,
			#leftDataTop ul li a:visited{color:#fff;}
			#leftDataTop ul li a:hover{color:#fff;}
			#leftDataTop ul li a.on{color:#fff; text-decoration:underline;}
			#leftDataTop dl{width:100%; border:1px solid #333333;}
			#leftDataTop dl dt{background:#f9f9f9; padding:10px; text-align:left; overflow:hidden;}
			#leftDataTop dl dt a{display:inline-block; padding:4px; font-size:12px;}
			#leftDataTop dl dt a:link,
			#leftDataTop dl dt a:visitied{color:#fff;}
			#leftDataTop dl dt a:hover{color:#fff;}
			#leftDataTop dl dt a.on{color:#2d94fb; text-decoration:underline; font-weight:bold;}
			#leftDataTop dl dd {width:100%; overflow:hidden;}
			#leftDataTop dl dd table{width:100%;}
			#leftDataTop dl dd table thead th{height:24px; text-align:center; font-weight:normal; color:#fff;  background:#2e2e2e; border-bottom:1px solid #333333; font-size:11px;}
			#leftDataTop dl dd table tbody th{padding-left: 15px;color:#fff; font-family:verdana; font-size:10px; border-bottom:1px solid #333333;}
			#leftDataTop dl dd table tbody tr.first{background: #2e2e2e;}
			#leftDataTop dl dd table tbody tr{background: #2e2e2e;}
			#leftDataTop dl dd table tbody tr.first th{padding-left: 15px;color:#fff;}
			#leftDataTop dl dd table tbody td{height:27px; text-align:center; border-bottom:1px solid #333333; color:#fff; font-size:11px;}
			#leftDataTop dl dd table tbody tr.first td{font-weight:bold;}
			#leftDataTop dl dd table tbody tr:hover{background:#000;}
			#leftDataTop dl dd table tbody td.left{text-align:left;}
			#leftDataTop dl dd a.more{height:40px; line-height:40px; display:block; clear:both; text-align:center; color:#fff; font-weight:bold;}
			#leftDataTop dl dd a:hover.more{color:#fff}