article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {display: block;}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {display: inline-block;}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {display: none;height: 0;}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {display: none;}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {margin: 0;}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {outline: thin dotted;}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {outline: 0;}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font size within `section` and `article` contexts in
 * Firefox 4+, Safari 5, and Chrome.
 */

h1 {font-size: 2em;}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {border-bottom: 1px dotted;}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {font-weight: bold;}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {font-style: italic;}

/**
 * Address styling not present in IE 8/9.
 */

mark {background: #ff0;color: #000;}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {font-size: 80%;}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {top: -0.5em;bottom: -0.25em;}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {border: 0;}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {margin: 0;}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

.tableform button, .tableform input {border: 1px solid #B1B1B1; height: 25px; line-height: 24px;}

button, input {line-height: normal;}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {border-collapse: collapse;border-spacing: 0;}

/********************************************************************************************* 

2.  Grid 1200px

*********************************************************************************************/

.container-12 {margin:0 auto;width: 1200px;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
.beta {margin-left: 0;margin-right: 0;}
.container-12 .grid-1 {width:80px;}
.container-12 .grid-2 {width:180px;}
.container-12 .grid-3 {width:280px;}
.container-12 .grid-4 {width:360px;}
.container-12 .grid-5 {width:500px;}
.container-12 .grid-6 {width:580px;	}
.container-12 .grid-7 {width:680px;}
.container-12 .grid-8 {width:780px;}
.container-12 .grid-9 {width:880px;}
.container-12 .grid-10 {width:980px;}
.container-12 .grid-11 {width:1080px;}
.container-12 .grid-12 {width:1180px;}

@media only screen and (min-width: 1200px) {
a#pull2 {display: none;}
    
}
/********************************************************************************************* 

3.  Grid 960px (mediaqueries)

*********************************************************************************************/

@media only screen and (min-width: 960px) and (max-width: 1199px){
.container-12 {width: 960px;}
.container-12 .grid-1 {width:60px;}
.container-12 .grid-2 {width:140px;}
.container-12 .grid-3 {width:280px;}
.container-12 .grid-4 {width:240px;}
.container-12 .grid-5 {width:380px;}
.container-12 .grid-6 {width:460px;}
.container-12 .grid-7 {width:540px;}
.container-12 .grid-8 {width:620px;}
.container-12 .grid-9 {width:640px;}
.container-12 .grid-10 {width:780px;}
.container-12 .grid-11 {width:860px;}
.container-12 .grid-12 {width:940px;}
#timer {font-size: 13px;margin-right: -40px;}

    
    .tm ul li { float: left; display: block; padding: 13px 15px;}

.story-short {width: 100%;}
.short3 {width: 90%;	}
.tabs-list ul.tabs {width: 180px;	}
.tabs-list ul.tabs li {font-size: 13px;padding: 8px 8px;}
.tabs-list .img {width: 180px;	}
.coment {width: 90%;}
.short4 h2 {font-size: 14px;}
.sliderContent, .hotnews {max-height: 220px;}
.short5 {margin: 10px;}
.media_960 {display: block;}
.media_960_hide {display: none;}

a#pull2 {display: none;}
    
}
	
/********************************************************************************************* 

4.  Grid 720px (mediaqueries)

*********************************************************************************************/

@media only screen and (min-width: 720px) and (max-width: 959px) {

.container-12 {width: 720px;}
.pad{padding-bottom: 10px; margin-bottom: 10px;}    
.container-12 .grid-1 {width:40px;}
.container-12 .grid-2 {width:100px;}
.container-12 .grid-3 {width:280px;}
.container-12 .grid-4 {width:280px;}
.container-12 .grid-5 {width:400px;}
.container-12 .grid-6 {width:340px;position: relative;padding-bottom: 50px;}
.container-12 .grid-7 {width:400px;}
.container-12 .grid-8 {width:460px;}
.container-12 .grid-9 {width:400px;}
.container-12 .grid-10 {width:580px;}
.container-12 .grid-11 {width:640px;}
.container-12 .grid-12 {width:700px;position: relative;}
#timer {font-size: 13px;position: absolute;right: -150px;top: 0;}
.tabs-list ul.tabs {width: 180px;	}
.tabs-list ul.tabs li {font-size: 13px;padding: 8px 8px;}
.tabs-list .img {width: 200px;	}
.socgroup {position: absolute;	top: 80px;right: -35px;z-index: 1;}
.coment {width: 75%;}
.coment-area {width: 90%;}
.com-nav {clear: both;float: left;}
.com-nav span {font-size: 13px;}
.story-short {width: 100%;}
.short3 {width: 95%;height: auto;}
.short3 .img {max-width: 120px;}
.sliderContent, .hotnews {max-height: 220px;}
.media_720 {display: block;}
.media_720_hide {display: none;	}

}

/********************************************************************************************* 

5.  Grid lt 720px / Mobile (mediaqueries)

*********************************************************************************************/
	
@media only screen and (max-width: 719px) {
    
.container-12, .container-16 {width: 90%;}
.pad{padding-bottom: 10px; margin-bottom: 20px;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {width:100%;margin-left: 0px;margin-right: 0px;}
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
.beta {margin-left: 0;margin-right: 0;}
.container-16 .grid-1, .container-16 .grid-2, .container-16 .grid-3, .container-16 .grid-4, .container-16 .grid-5, .container-16 .grid-6, .container-16 .grid-7, .container-16 .grid-8, .container-16 .grid-9, .container-16 .grid-10, .container-16 .grid-11, .container-16 .grid-12, .container-16 .grid-13, .container-16 .grid-14, .container-16 .grid-15, .container-16 .grid-16, .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {width:100%;}
#top_wrap {height: 230px;border-bottom: solid 1px #e1e1e1;}
#tm_wrap {top: 230px;}
a#pull2 {background: url('../images/nav-icon2.png') no-repeat;  top: 204px !important;position: absolute;left: 10px;z-index: 999 !important;padding-left: 30px;}
.ab_foot {display: none;}
.logo {float: left;margin: 10px auto 0 auto;}
.pda-logo {width: 100%;height:200px;}
#timer {text-align: center;	position: relative;width: 50%;padding: 10px 0px 0px 50px;margin: 0;}
.footer .foot-block2 {float: left;padding: 0px 20px;width: 23%;}
.footer .foot-block3 {float: right;padding-right: 20px;width: 10%;}    

.center_content .grid-4 {margin: 40px 0px;}
.pda-panel {background-color: #E9ECEF}
a.loginlink {color: #061F37;line-height: 30px;}
a#pull {top: 5px !important;}
.grid-6 {position: relative;}
.socgroup {z-index: 1;text-align: center;float: none;margin: 10px 0px 0px;}
.socgroup a {text-align: center;display: inline-block;float: none;}
.searchBar {display: none;}
.media_search {top: 199px !important;position: absolute;right: 0;z-index: 999;}
.container-12 .grid-5 {margin-top: 50px;}
.searchBar {height: 32px;}
.coment {width: 90%;}
.coment-area {width: 75%;}
.com-nav {float: left;clear: both;}
.story-short {width: 100%;}
#navi {float: left;	margin: 25px 15px;}
.tabs-list ul.tabs {width: 100%;	float: right;z-index: 10;}
.tabs-list .img {max-width: 100%;z-index: 100;float: left;margin: 0;margin-bottom: 5px;}
.tabs-list .box {float: left;width: 100%;}
.tabs-list ul.tabs li {font-size: 14px;padding: 12px 12px;}
#counters {clear: both;margin: 20px 0;	float: left;}
.banner_280, .review {display: none;}
.mslider, .hotnews {max-height: 300px;padding-top: 40px;}
.media_719 {display: block;}
.media_719_hide {display: none;}
.media_719 .banner_728 {margin: 0;		}
.soc_title {width: 248px;}
.bc_media {width: 278px;}

}

@media only screen and (max-width: 480px) {
.pad{padding-bottom: 10px; margin-bottom: 90px;}
.mslider, .sliderContent, .hotnews {max-height:220px;}
   #top, .ab_foot {display: none;}
.logo {background: url(../images/logo_small.png) no-repeat;width: 85px;height: 151px;float: left;}
a.loginlink {color: #061F37;line-height: 30px;}
.pda {display:none;}
.pda-logo {width: 100% !important;padding-bottom: 70px;height:130px;}    
.pda-panel {background-color: #E9ECEF}
#timer {padding: 10px 0px 0px 40px;width: 50%;}
    
.hotnews .title {background-color: rgba(6, 31, 51, 1);}
.hotnews h2 {font-size: 18px;}
.short5 .img {max-width: 120px;}
.ava-com {width: 45px;height: 45px;}
.coment {margin: 5px;}
.comments_area {padding: 5px;}
.coment-area {margin-left: 60px;}
.date {display: none;}
.media_320_hide{display:none;}
.author a {padding-right: 5px;}
.media-date {display: block;	font-size: 13px;color: #9b9b9b;}
.com-nav, .com-nav a  {float: left;}
.com-nav span {font-size: 11px;}
.searchBar {width: 123px;}
.s-field {width: 100px;}
.center_content .grid-4 {margin: 40px 0px;}
}

@media only screen and (max-width: 320px) {

.pda, #top, .ab_foot, .date {display:none;}
.pda-logo {width: 100%;height:130px;}
.pda-logo h1 {font-size: 42px;padding: 35px 0px 0px 105px;}
.pda-logo h6 {padding: 0px 0px 0px 105px;}
#timer {padding: 5px 0px 0px 30px;} 
.media_320 {display: block;}
.media_320_hide {display: none;}
.multimedia {padding-bottom: 10px;	}
.multimedia .img {max-width: 80px !important;	}
.multimedia .mcat {margin-left: 100px;}

h2 {font-size: 14px;}
.mslider {width: 100%;max-height: 160px;}
.mslider, .sliderContent, .hotnews {max-height:160px;}
a.prev, a.next {width: 29px;height: 29px;background: url(../images/sl_arrows_small.png) no-repeat 0 0;}
.hotnews h2 {font-size: 16px;}
.media_hide {display: none;}
.short5 h2 {font-size: 13px !important;}
.ava-com {width: 30px;height: 30px;}
.coment {margin: 10px;}
.comments_area {padding: 5px;}
.coment-area {margin-left: 40px;}
.author a {padding-right: 5px;}
.media-date {display: block;	font-size: 13px;color: #9b9b9b;}
.com-nav, .com-nav a  {float: left;}
.com-nav span {font-size: 11px;}
.tabs2 li, .tabs2 li.current  {font-size: 13px;}
.story-short {width: auto;	}
.left_cell .img {width: 80px;	}
.left_cell h2 {font-size: 14px;}
.left_cell .short-content {display: none;	}
#newsticker_reveal {display: none !important;}
.soc_title, .bc_media {width: auto;}    
.center_content .grid-4 {margin: 40px 0px;}
}

@media only screen and (max-width: 1199px) {

.media_1199 {display: block;}
.lcol_hide {display: block !important;}
.media_hide {display: none;}
.short5, .short6, .multimedia {margin: 0;max-height: none !important;height: auto;float: left;}
.short5 .img, .short6 .img, .multimedia .img {margin: 9px;}
.short5 h2, .short6 h2 {margin: 9px 9px 9px 0;font-size: 14px;}
.short5:last-child {border: none;}
.multimedia {width: 100%;border-bottom: dashed 1px #e1e1e1;	}
.multimedia h2 {font-size: 15px;}
.multimedia .img {max-width: 120px;	}
.multimedia .img_ct {float: left;}
.cat_icon {bottom: 0px;	left: 0px;}
.short6 .cat_icon, .multimedia .cat_icon {bottom: 9px;left: 9px;}
.world h2 {font-size: 14px;}
.world .mcat li.comnum {display: none;}

} 

/********************************************************************************************* 

6.  Grid lt 959px / Mobile (mediaqueries)

*********************************************************************************************/

@media only screen and (max-width : 959px) {  

.media_959 {display: block;	}
.pda {display:none;} 
.ab_foot {display: none;}
.pda-logo {width: 100%;height:130px;}
.pda-logo h1 {font-size: 38px;padding: 25px 0px 0px 110px;}
.pda-logo h6 {padding: 0px 0px 0px 95px;}
#timer {padding: 5px 0px 0px 35px;}   
.media_959_hide {display: none;	}
.media_320_hide{display:none;}
a#pull {display:none;} 

#menu-icon {
 width: 100%;
 height:42px;₩
 background: url("../images/menu.png") no-repeat left 12px center;
 cursor:pointer;
 display:block;
 float: left;
 color: #fff;
 line-height: 42px;
}
    
.tm {display: block;position: absolute;height: auto;padding-top: 0px;}

#lgn_icon {margin: 0 0 0 20px;}
.pm_status {width: 100%;}

} 

img.scale, img.responsive {max-width: 100%;height: auto;}

.row {margin-bottom: 20px;}

    .container-12:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    .clearfix:before, .clearfix:after, .row:before, .row:after {content: '\0020'; display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
    .row:after, .clearfix:after {clear: both; }
    .row, .clearfix { zoom: 1; }

    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    
@media screen and (max-width: 500px){
a#pull, #top {display: none;}
    .center_content .grid-4 {margin: 40px 0px;}
#menu-icon{
 width: 100%;
 height:43px;
 background: url("../images/menu.png") no-repeat left 12px center;
 cursor:pointer;
 display:block;
 float: left;
 color: #fff;
 line-height: 44px;
}

#menu-icon b {padding: 0 0 0 36px;color: #eceff4;line-height: 46px;}

.glav_menu {display:none;}
.glav_menu li {display:block;margin:0;}
.glav_menu li a {background:#ffffff;color:#797979;border-top:1px solid #e0e0e0;border-left:3px solid #ffffff;}
.glav_menu li a:hover, .glav_menu li:hover > a {background:#f0f0f0;color:#797979;border-left:3px solid #4787cb;}
.glav_menu ul {display:block;position:relative;top:0;left:0;width:100%;}
.glav_menu ul ul {left:0;}	

.pda-logo {width: 100%;height:130px;}
.pda-logo h1 {font-size: 38px;padding: 25px 0px 0px 110px;}
.pda-logo h6 {padding: 0px 0px 0px 95px;}
#timer {padding: 5px 0px 0px 30px;}
 .container-12 .grid-5 {margin-top: 50px;}
}