html{-webkit-text-size-adjust:none;}
body {min-width:300px;/*min-height: 2000px;*/padding-top: 0;}
.container{min-width:300px;}
a, a:hover {color: #555;text-decoration: none; background-color: transparent;}
.pc_show{display:none;}
.mb_show{display:block;}
.linebreak {width:100%; word-break:break-all;word-wrap:break-word;}
.top_img {height:100px;background-image: url(image/topbg.png);background-position:center bottom;background-size:cover;background-repeat:no-repeat;margin-bottom:0;}
#dday {font-size:1.1rem; color:#fff;}
#dday span {background-color:#687cae;font-size:1.1em;}
.navbar-kj{position:sticky;top:0;background-color:#FFF;letter-spacing:-.1rem;font-weight:bold;border-bottom:1px solid #ddd;padding: .5rem 0;}
.navbar-kj .navbar-nav{width:100%;}
.navbar-kj .navbar-nav > li{width:25%;text-align:center;}
.navbar-kj .navbar-nav .nav-link {color:#666;}
.navbar-kj .navbar-nav .active>.nav-link, .navbar-kj .navbar-nav .nav-link.active, .navbar-kj .navbar-nav .nav-link.show, .navbar-kj .navbar-nav .show>.nav-link{color:#fe5454;}
.navbar-kj .navbar-nav .nav-link.disabled {color: rgba(0,0,0,.25);}

.main_h2 {color:#333; font-size:1.4rem; letter-spacing:-1px;font-weight:bold; }
.main_h4 {color:#333; font-size:1.2rem; letter-spacing:-1px;font-weight:bold; }
.more {position:relative; display:inline-block; width:3%; }
.ls1 {letter-spacing:-.1em;}
.text-c1{color:#1a2d5e;}

#survey { position: relative; display: inline-block;vertical-align: top; padding: 1rem; border: 5px solid #ddd;}

.back-to-top {cursor: pointer; position: fixed; bottom: 10px; right: 10px; display:none;}

/*Çìµå¶óÀÎ*/
.e47_headline > div{background:#f4f7fd;}
.e47_headline .h2 a{display: block;/*text-overflow:ellipsis;overflow: hidden;white-space: nowrap;*/color:#000;font-size:.8em;}
.h4_tit{color:#1a2d5e;letter-spacing:-.1rem;}

/*±â»ç¸ñ·Ï2 */
.ss_left2 .thumb img {max-width:130px;max-height:90px;width:auto;height:auto;vertical-align:middle;}
.ss_left2 .thumb {float:left; min-width:130px; height:90px; text-align:center;background:#eee;line-height:90px;}
.ss_left2 .thumb:empty {display:none;}
.list_thumb { max-height: 100px;}

.iframe_load{margin:0 auto;background-color:#252831;background-image:url(/kookje/images/loading_sun.gif);background-repeat:no-repeat;background-position:center center;}

@media (min-width: 576px) {
	body{min-width:1280px;}
	.container {max-width:1280px;}
	.pc_show{display:inline-block;}
	.mb_show{display:none;}
	.top_back{height:120px;background-color:#2d2568;}
	.top_img {height:120px;background-image: url(image/topbg.png);background-repeat:no-repeat;background-position:center bottom;}
	#dday {font-size:1.6rem; color:#fff;}
	#dday span {font-size:1.1em;}
	.navbar-kj {padding: .5rem 1rem;font-size:1.4rem;}
	.navbar-kj .navbar-nav > li{width:20%;text-align:center;}

	.back-to-top {bottom: 30px;right:30px;}

	/*Çìµå¶óÀÎ*/
	.e47_headline >div{max-height:200px;overflow:hidden;}
	.e47_headline a{display: block;color:#000;;}
	.hd_img {width:320px !important;min-width:320px;min-height:200px;overflow:hidden;}
	.e47_headline .e47_text{margin-left:-5px;line-height:1.4em;max-height:200px;overflow:hidden;}
	.e47_headline2 a {color:#333;}
	.e47_headline2 .box1 {width:262px;}
	.e47_headline2 .e47_text {overflow:hidden;max-height:50px;}
	.e47_headline2 .hd_img {width:262px !important;min-width:262px;min-height:163px;overflow:hidden;}

	/*±â»ç¸ñ·Ï2 */
	.ss_left2 .thumb img {max-width:224px;max-height:112px;width:auto;height:auto;vertical-align:middle;}
	.ss_left2 .thumb {float:left; width:224px; height:112px; text-align:center;background:#eee;line-height:108px;}
	.ss_left2 .thumb:empty {display:none;}
	.list_thumb { max-height: 120px;}
}

/*±â»ç¸ñ·Ï3 */
.article3 dl {margin:0; padding:15px 0;border-top:1px solid #bbb;color:#666;display:block;float:left;width:100%;}
.article3 dl:first-child{border-top:none;}
.article3 dt {padding:0; font-size: 1.3em; color:#333;font-weight:400;}
.article3 dt:first-child {margin-top:0;border:none;padding-top:0;}
.article3 dd.thumb {float:left; width:125px; height:80px; margin:7px 10px 0  0; padding:0;overflow:hidden;background:#eee;text-align:center;}
.article3 img {width:max-width:100%; height:80px;vertical-align:middle;}
.article3 dd.cont {float:left; width:calc(100% - 140px);height:90px;position:relative;text-align:justify;line-height:30px;margin:5px 0 0;letter-spacing:-1px;overflow:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.article3 .thumb:empty {display:none;}
.article3 .main_rel1 {position:absolute;bottom:0;background:#fff;}
.article3 .main_rel1 a {}
.article3 .main_rel1 p{height:20px;padding-top:10px;}

.opi, .hit{border: 1px solid #ddd; border-top: 2px solid #000;list-style-type: none;}
.opi .stay {font-weight: bold;color: #059;margin0: padding:0;}
.opi .opimg + .optit {display:inline-block;width: calc(100% - 70px);}
.opi li{padding:.3rem 0 .5rem 0;vertical-align: middle;}
.opi li .opimg {float: right;margin: 0;width: 60px;height: 60px;border-radius: 60px;overflow: hidden;margin-top:.5rem;}

.hit li {margin: 0; padding: 5px 0;border-bottom: 1px solid #ddd;}
.hit li span.num {display: inline-block;width: 20px;color: #123688;font-weight: bold;vertical-align: top;}
.hit li span.ncon {display: -webkit-inline-box;width: 90%;max-height: 50px;overflow: hidden;letter-spacing: -1px;}
.hit li:last-child{border-bottom:none}
.ellipsis2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

#sub_top {width:100%; height: 100px; background:url(image/sub_top_bg.jpg) no-repeat 0 0;background-position:right top;text-align:center;vertical-align:middle; }
#sub_top h2 {position:relative; font-size:1.8rem; color:#05042a; font-weight:normal;}
.sub_h3 {font-size:1.2rem; color:#05042a; font-weight:600;}
#sub_top .int {position:relative; width:100%; font-size:1em; color:#3d3d56;;}
#sub_cont {clear:both; position:relative; width:100%; margin:0 auto 2rem; font-size:1.1em;}

table.his_ele{width:100%; margin:0;border:0;border-collapse:collapse;border-top:2px solid #678;border-bottom:1px solid #b0b5ba;border-right:1px hidden #fff;background:#fff; }
*+html table.his_ele{border-right:1px solid #fff;}
* html table.his_ele{border-right:1px solid #fff;}
table.his_ele tr{text-align:center;}
table.his_ele th,table.his_ele td{border:1px solid #dadde0;border-width:1px 1px 0 0;padding:4px 6px 2px; height:20px; background:#fff;}
table.his_ele th{background:#fff;font-weight:normal;text-align:center;}
table.his_ele thead th {border-width:0 1px 1px 0;border-color:#dadde0;background:#f4f5f9;color:#333;text-align:center;vertical-align:middle;}
table.his_ele th,table.his_ele td{border:1px solid #dadde0;border-width:1px 1px 0 0;padding:10px 6px; background:#fff;}
table.his_ele tr td.win {background:#efddff;}

@media (min-width: 576px) {
	#sub_top {height: 137px;background-size:contain; }
}

.sbox {background:#f1f1f1;min-height:590px;}
@media (max-width: 576px) {
 .sbox {background:#f1f1f1;min-height:auto;}
}

footer{color: #666 !important;border-top:1px solid #ddd;}
#livereContainer{display:inline-block;width:100%;margin:20px 30px;}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}




/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {background-color: #eff8fe;padding-top:0px;}
.carousel button{border:none;}
/*#carousel-second .carousel {margin-bottom: 60px;background-color: #333;padding-top:0px;padding-bottom:50px;}*/

/* Since positioning the image, we need to help out the caption */
.carousel-caption {z-index: 10;}

/* Declare heights because of positioning of img element */
.carousel .item {height: auto;background-color: #eff8fe;}
.carousel-inner > .item > img { margin:auto; max-height: 545px;}
#carousel-second .carousel-inner > .item > img {max-height: 450px;}

.carousel-indicators li {width: 12px;height: 12px;margin: 1px 2px;text-indent: -999px;cursor: pointer;background-color: #899abc;border:none;}
.carousel-indicators .active {width: 30px;height: 12px; background-color: #039;
}
.carousel-control.left,.carousel-control.right {background:none;}
.carousel-control .ctl_circle{width:47px;height:47px;border-radius:47px;background-color:#4e8dcc;line-height:45px;}
.carousel-control-next-icon,.carousel-control-prev-icon { background-size: 50%;}

@media screen and (min-width: 768px){
	.carousel {background-color: #eff8fe; }
	.carousel-indicators { bottom: 5px;	}
	.carousel-control .ctl_circle{width:57px;height:57px;border-radius:57px;line-height:55px;}
	.carousel-indicators .active { width: 50px;}
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    margin: auto;
}


.news_tit{color:#000;letter-spacing:-.05em;}
/*.list_thumb {max-height:120px}*/

.news_list .col-lg-4 {  margin-bottom: 1.5rem;  text-align: center;}
.news_list a { color: #212529;text-decoration:none;}
.news_list h2 {  font-weight: 400;}
.news_list .col-lg-4 p {  margin-right: .75rem;  margin-left: .75rem;}
.featurette-heading {  font-weight: 400; letter-spacing: -.05rem;}
.news_list .lead { font-size:1.1rem;}

.vote_top{background:#fff;z-index:2;width:100%;}
#livereContainer{margin-top:-250px;z-index:1;}

.col_score {padding: .2rem 1rem;background-color: #e77901;color: #fff;text-align: left;border-radius:0 2rem 2rem 0;margin-bottom:.3rem;}
.col_score_go {background-color: #000;font-weight:600;padding:.2rem .2rem .2rem 1rem;}

.carousel_top3{background-color:#555;width:50px;height:50px;border:10px solid #555}


@media(max-width:576px) {
	#news_topArea {border-bottom: 1px solid #000; padding-bottom: 3em;}
    section { padding:0 0 25px;    }
    .section-subheading {margin-bottom:20px;}
	.article-page h1 {margin-bottom:10px;}
	.tright{clear:both;width:100%;}
	.tleft{clear:both;width:100%; }
}
#news_topArea {border-bottom: 1px solid #000; padding-bottom: 2em;}
.section-heading { margin: 20px 0;    font-size: 1.8em;	line-height:1.4em;text-align:center;color:#5a5a5a;}
.section-subheading { margin-bottom:30px; font-size: 1.2em;	line-height:1.4em;text-align:center;}
.section-lead {    margin: 30px 0;}
.section-paragraph {    margin: 30px 0;}

.newsimg{margin:0 auto;}
.tright{float:right;width:300px;margin-left:10px;}.tleft{float:left;width:300px;margin-right:10px;}
article {    text-align: justify;    font-size: 18px;    line-height: 28px;}
article table {margin: 15px auto;}
.imgcaption { font-size: .8em; color: #555; padding: 7px 0; text-shadow: 1px 1px 1px lightgrey;}

/*.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none;}*/

.btn_kj1 {    color: #fff;    background-color: #da310a;    border-color: #da310a;}

.bd-callout-danger {border-left-color: #d9534f !important;}
.bd-callout { padding: 1.25rem;margin-top: 1.25rem;margin-bottom: 1.25rem;border: 1px solid #ccc;border-left-width: .25rem;    border-radius: .25rem;}
.bd-callout-danger h4 {color: #d9534f;}
.bd-callout h4 {margin-top: 0;margin-bottom: .25rem;}

p.h5 {font-size:1.1rem;line-height:1.6rem;}

.page-item.active .page-link {color: #fff; background-color: #000; border-color: #000;border-radius:0}
.page-item .page-link {border-radius:0;margin:0 2px;}