@charset "UTF-8";

/* CSS Document */
*{padding:0; margin:0; list-style:none;}
html {font-size:62.5%;}
body {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:1.2rem; line-height:1.6rem;}
img {border:0 none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
a {color:#333; text-decoration: none;}
a:hover {color:#0b7fdd; text-decoration:underline;}
.clr {clear:both; display:block;}

.unit-wrap {width:100%; float:left;}
.innerwrap {width:1240px; margin:0 auto;}
.photo {line-height:0;}
.photo img {width:100%;}
.caty {font-size:1.2rem; line-height:1.6rem; color:#76869a;}
.caty .catname {color:#0b7fdd; text-transform:uppercase; font-weight:bold;}
.summary {font-size:1.3rem; line-height:1.8rem; color:#666666;}
.sec-title {font-size:1.4rem; line-height:2.0rem; text-transform:uppercase; font-weight:bold; color:#999;}
.sec-title2 {font-size:1.4rem; line-height:2.0rem; text-transform:uppercase; font-weight:bold; color:#999; border-bottom:#e4e7ea 1px solid; border-top:#e4e7ea 3px solid; padding:6px 0; clear:both;}
.sec-title3 {font-size:1.6rem; line-height:2.0rem; font-weight:bold; color:#000; border-bottom:#e4e7ea 2px solid; padding-bottom:10px; clear:both;}

/* header */
.bk-header {width:100%; float:left; clear:both; margin-bottom:10px;}
.bk-top {width:100%; height:80px; float:left; clear:both; font-size:1.0rem; line-height:1.6rem; text-transform:uppercase;}
.bk-top .innerwrap {position:relative;}
.bk-top .logo {float:left; margin-left:8px; margin-top:24px;}
.bk-top .col {float:left; margin-top:31px; margin-left:15px; color:#888;}
.bk-top .top-srch {float:right; background:#bbb; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; border-radius:20px; margin-top:25px; padding:0 10px; border-top:#999 1px solid; border-left:#999 1px solid;}
.bk-top .top-srch input.input {font-size:1.3rem; line-height:30px; color:#fff; background:transparent; border:none; float:left; padding:0 10px;}
.bk-top .top-srch input.input::-webkit-input-placeholder {color:#fff;}
.bk-top .top-srch input.input::-moz-placeholder {color:#fff;}
.bk-top .top-srch input.input:-moz-placeholder {color:#fff;}
.bk-top .top-srch input.input:-ms-input-placeholder {color:#fff;}

.bk-top .top-srch .btn {background:url(../images/icons-en.png) no-repeat 0 -25px; width:17px; height:16px; display:inline-block; border:none; margin-top:6px; float:left; cursor:pointer; text-indent:-9999px;}
.bk-header .ic-nav {display:none;}

.bk-top2 {width:100%; height:30px; float:left; clear:both; font-size:1.1rem; line-height:3.0rem; text-transform:uppercase; color:#fff; background:#0b7fdd;}
.bk-top2 a {color:#fff;}
.bk-top2 .lft {float:left;}
.bk-top2 .lft a {margin:0 8px;}
.bk-top2 .rht {float:right;}
.bk-top2 .rht .bold {font-weight:bold; color:#fff;}
.bk-top2 .rht a {color:#a9d4f7; margin:0 8px;}

.bk-nav {border-bottom:#e4e7ea 1px solid; border-top:#e4e7ea 1px solid; width:100%; height:45px; float:left; clear:both;}
.bk-nav .menu {float:left;}
.bk-nav .menu li {float:left;}
.bk-nav .menu a {font-size:1.4rem; line-height:4.5rem; text-transform:uppercase; font-weight:bold; padding:0 15px; display:inline-block;}
.bk-nav .menu a:hover {background:#0079dc; color:#fff; text-decoration:none;}
.bk-nav .top-sns {float:right; margin-top:14px;}
.bk-nav .top-sns li {margin:0 5px; float:left;}
.m-nav {display:none;}

/* contents */
.bk-contents {width:100%; float:left; clear:both; padding:10px 0;}
.bk-body {width:69.75%; float:left; margin-bottom:20px;}
.bk-side {width:28.22%; float:right; margin-bottom:20px;}
.bk-body-sub {width:65.72%; float:left; margin-bottom:20px;}
.bk-side-sub {width:32.25%; float:right; margin-bottom:20px;}

.bx-hot {border-bottom:#e4e7ea 1px solid; border-top:#e4e7ea 1px solid; line-height:1.6rem; text-transform:uppercase; padding:5px 0; clear:both; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden;}
.bx-hot a {margin:5px 15px; font-size:1.2rem; display:inline-block;}
.bx-hot .ttl {font-size:1.1rem; background:#f51d1d; color:#fff; display:inline-block; padding:5px 10px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; border-radius:15px; margin:5px 0;}
.bx-hot .bar {width:2px; height:10px; display:inline-block; background:#e4e7ea;}
.bx-hdline {width:100%; float:left; clear:both;}
.bx-hdline .col {width:65.89%; float:left; margin-bottom:20px;}
.bx-hdline .col2 {width:31.79%; float:right;}
.bx-hdline .col h1 {font-size:3.0rem; line-height:3.3rem; font-weight:bold; margin:10px 0;}
.bx-hdline .col2 .list {width:100%; float:left; border-bottom:#e4e7ea 1px solid; padding-bottom:20px; margin-bottom:15px;}
.bx-hdline .col2 .list:last-child {border-bottom:none;}
.bx-hdline .col2 .list .caty {margin-bottom:10px;}
.bx-hdline .col2 .list .summary {margin-top:10px;}
.bx-hdline .col2 .list h3 {font-size:1.6rem; line-height:2.0rem; font-weight:bold;}
.bx-m-article {width:100%; float:left; clear:both;}
.bx-m-article .list {width:31.79%; float:left; margin-right:2.31%; margin-bottom:20px;}
.bx-m-article .list:last-child {margin-right:0;}
.bx-m-article .caty {margin:10px 0;}
.bx-m-article h4 {margin-bottom:10px;}
.bx-m-article h3 {font-size:1.8rem; line-height:2.2rem; font-weight:bold;}
.bx-latest {width:100%; float:left; clear:both;}
.bx-latest h4 {margin-top:10px;}
.bx-latest .col {width:65.89%; float:left; padding-right:2.19%; border-right:#e4e7ea 1px solid;}
.bx-latest .col2 {width:29.47%; float:right;}
.bx-latest .col .list {width:100%; float:left; clear:both; border-bottom:#e4e7ea 1px solid; padding:20px 0;}
.bx-latest .col .list .photo {width:255px; float:left; margin-right:20px;}
.bx-latest .col .list h3 {font-size:1.8rem; line-height:2.2rem; font-weight:bold; margin:10px 0;}
.bx-latest .col2 .list {width:100%; float:left; clear:both; border-bottom:#e4e7ea 1px solid; padding:20px 0;}
.bx-latest .col2 .list .caty {margin:10px 0;}
.bx-latest .col2 .list h3 {font-size:1.6rem; line-height:2.0rem; font-weight:bold;}
.bx-latest .col .list:last-child, .bx-latest .col2 .list:last-child {border-bottom:none;}

.bx-subscribe {width:100%; float:left; background:#e4e7ea; clear:both; margin-bottom:20px;}
.bx-subscribe .box {width:90%; padding:20px 5%; font-size:1.5rem; font-weight:bold;}
.bx-subscribe .ico {width:30px; height:30px; display:inline-block; text-indent:-9999px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; margin:0 5px; vertical-align:middle;}
.bx-subscribe .ic-fb {background:#1b70b6 url(../images/ic-sns-en.png) no-repeat 0 0;}
.bx-subscribe .ic-tw {background:#38b4e7 url(../images/ic-sns-en.png) no-repeat 0 -30px;}
.bx-subscribe .ic-g {background:#525252 url(../images/ic-sns-en.png) no-repeat 0 -60px;}
.bx-subscribe .ic-rss {background:#525252 url(../images/ic-sns-en.png) no-repeat 0 -90px;}
.bx-subscribe .box2 {width:90%; float:left; padding:20px 5%; font-size:1.5rem; font-weight:bold; border-top:#fff 1px solid;}
.bx-subscribe .box2 .t1 {margin-top:5px;}
.bx-subscribe .box2 .input {background:#fff; border:#ddd 1px solid; font-size:1.4rem; line-height:1.8rem; color:#888888; padding:8px 10px; width:60%; float:left;}
.bx-subscribe .box2 .btn {background:#f51d1d; border:#f51d1d 1px solid; color:#fff; font-size:1.4rem; line-height:1.8rem; border:none; padding:8px 10px; cursor:pointer; float:left;}
.bx-sbox {width:100%; float:left; clear:both;}
.bx-sbox h4 {margin-bottom:10px;}
.bx-sbox .list {width:90%; float:left; padding:12px 5%; background:#fff; -webkit-box-shadow: 0 0 1px 1px #eee; box-shadow: 0 0 1px 1px #eee; margin-bottom:20px;}
.bx-sbox .list h3 {font-size:1.5rem; line-height:2.0rem; font-weight:bold;}
.bx-sbox .list .photo {margin:10px 0;}
.bx-sbox2 {width:100%; float:left; clear:both; margin-bottom:20px;}
.bx-sbox2 .list {width:100%; float:left; padding:20px 0; clear:both; border-bottom:#e4e7ea 1px solid;}
.bx-sbox2 .list h3 {font-size:1.4rem; line-height:1.8rem; font-weight:bold;}
.bx-sbox2 .list .photo {float:right; width:70px; margin-left:10px;}
.bx-sbox2 .list .num {float:left; width:25px; margin:5px 0 20px; font-size:2.0rem; font-weight:bold; color:#888;}

.bk-dontmiss {width:100%; float:left; clear:both;}
.bk-dontmiss h4 {margin-bottom:10px;}
.bk-dontmiss .list {width:23.79%; margin-right:1.61%; float:left; margin-bottom:20px;}
.bk-dontmiss .list:last-child {margin-right:0;}
.bk-dontmiss .list h3 {font-size:1.5rem; line-height:2.0rem; font-weight:bold;}
.bk-dontmiss .list .caty {margin:10px 0;}

.bx-sec-article {width:100%; float:left; clear:both;}
.bx-sec-article .list {width:100%; float:left; clear:both; border-bottom:#e4e7ea 1px solid; padding:20px 0;}
.bx-sec-article .list:last-child {border-bottom:none;}
.bx-sec-article .list .photo {width:255px; float:left; margin-right:20px;}
.bx-sec-article .list h3 {font-size:1.8rem; line-height:2.2rem; font-weight:bold; margin:10px 0;}

.bx-page {width:100%; float:left; clear:both; text-align:center; margin:20px 0;}
.bx-page a.num {width:30px; height:30px; font-size:1.4rem; line-height:3.0rem; font-weight:bold; display:inline-block; text-align:center; margin:2px 0; border:#ccc 1px solid; margin:2px;}
.bx-page a.num:hover {background:#f5f5f5;}
.bx-page a.on {color:#fff; background:#f50023; border:#f50023 1px solid;}
.bx-page a.on:hover {color:#000;}

/* article */
.bk-article {width:92.5%; float:left; clear:both; padding-left:7.5%; position:relative;}
.bk-article .category {font-size:1.5rem; line-height:2.0rem; font-weight:bold; text-transform:uppercase; color:#0b7fdd;}
.bk-article h1 {font-size:2.9rem; line-height:3.7rem; font-weight:bold; letter-spacing:-0.02em; margin:10px 0 20px;}
.bk-article .date {font-size:1.4rem; line-height:2.0rem; text-transform:uppercase; color:#76869a; float:left; margin-bottom:20px;}
.bk-article .date a {font-weight:bold; color:#76869a;}
.bk-article .wp-share {float:right; margin-bottom:20px;}
.bk-article .wp-share .btn {color:#fff; font-size:1.2rem; line-height:1.4rem; padding:5px 20px; display:inline-block; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.bk-article .wp-share .btn:hover {background-color:#555; text-decoration:none;}
.bk-article .wp-share .bt-fb {background:#1b70b6;}
.bk-article .wp-share .bt-tw {background:#38b4e7; margin-left:4px;}
.bk-article .wp-share .bt-fb i {background:url(../images/ic-sns-en.png) no-repeat 0 -130px; width:14px; height:14px; display:inline-block; vertical-align:middle;}
.bk-article .wp-share .bt-tw i {background:url(../images/ic-sns-en.png) no-repeat 0 -144px; width:14px; height:14px; display:inline-block; vertical-align:middle;}
.bk-article .art-photo {width:100%; float:left; clear:both; margin-bottom:20px; overflow:hidden;}
.bk-article .caption {font-size:1.2rem; line-height:1.6rem; color:#888; margin-top:5px;}
.bk-article p {font-size:1.5rem; line-height:2.3rem; margin-bottom:20px;}
.bk-article p a {color:#0b7fdd;}
.bk-article .bx-like {width:94%; padding:15px 3%; float:left; background:#f8f8f8; clear:both; font-size:1.4rem; line-height:2.0rem; font-weight:bold; color:#7f8c8d; margin-bottom:30px;}
.bk-article .bx-like .t1 {color:#465b9b;}
.bk-article .bx-like .t2 {color:#2ba5ec;}
.bk-article .bx-like ul {display:inline-block; vertical-align:middle;}
.bk-article .bx-like li {float:left; margin:0 4px;}
.bk-article .art-copy {font-size:1.1rem; text-transform:uppercase; color:#888; text-align:center; clear:both; margin-bottom:30px;}
.bk-article .art-sns {width:30px; position:absolute; top:0; left:0;}
.bk-article .art-sns .ico {width:30px; height:30px; display:inline-block; text-indent:-9999px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; margin:4px 5px; vertical-align:middle;}
.bk-article .art-sns .ico2 {width:29px; height:29px; display:inline-block; text-indent:-9999px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; border:#ccc 1px solid; margin:4px 5px; vertical-align:middle;}
.bk-article .art-sns .ic-fb {background:#1c71b7 url(../images/ic-sns-en.png) no-repeat 0 0;}
.bk-article .art-sns .ic-tw {background:#38b5e8 url(../images/ic-sns-en.png) no-repeat 0 -30px;}
.bk-article .art-sns .ic-mail {background:#fff url(../images/ic-sns-en.png) no-repeat 0 -168px;}
.bk-article .art-sns .ic-print {background:#fff url(../images/ic-sns-en.png) no-repeat 0 -198px;}
.bk-article .art-tag {width:100%; float:left; clear:both; font-size:1.3rem; line-height:1.8rem; color:#fff;}
.bk-article .art-tag .ic-tag {background:url(../images/icons-en.png) no-repeat 0 -51px; width:16px; height:15px; display:inline-block;}
.bk-article .art-tag strong {text-transform:uppercase; margin-right:4px; color:#0b7fdd;}
.bk-article .art-tag a {background:#0b7fdd; color:#fff; padding:4px 10px; display:inline-block; margin:2px;}
.bk-article .art-comt {width:100%; float:left; clear:both; overflow:hidden; margin-bottom:20px;}

/* video */
.bx-video-main {width:100%; float:left; background:#000; text-align:center; padding:20px 0; overflow:hidden; margin-bottom:25px;}
.bx-video-main .ttl {font-size:1.8rem; line-height: 2.2rem; color: #fff; margin-top: 10px;}
.bx-video-list {width:100%; float:left; clear:both; margin-bottom:25px;}
.bx-video-list h4 {font-size:1.5rem; margin-bottom:20px;}
.bx-video-list .list {width:49%; float:left; margin-right:2%; border-bottom:#eee 2px solid; margin-bottom:25px;}
.bx-video-list .list:nth-of-type(2n) {margin-right:0;}
.bx-video-list .list .photo {width:40%; float:left; margin-right:20px; position:relative;}
.bx-video-list .list h3 {font-size:1.4rem; line-height:1.8rem;}
.bx-video-list .list i {color:#fff; font-size:3.5rem; position:absolute; bottom:5px; right:5px; z-index:3; opacity:0.7;}
.bx-video-list .played {background:#f5f5f5;}
.bx-video-list .played i {opacity:1;}
.bx-video-list .played h3 {color:#21a0fd;}
.viewmore {width:100%; float:left; clear:both; text-align:center; font-size:1.2rem; line-height:4.0rem; text-transform:uppercase; color:#fff; display:block;
background: #b2b2b2; /* Old browsers */
background: -moz-linear-gradient(top,  #b2b2b2 0%, #cecece 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b2b2b2 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b2b2b2 0%,#cecece 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b2b2b2 0%,#cecece 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b2b2b2 0%,#cecece 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */}
.viewmore:hover {color:#fff;
background: #cecece; /* Old browsers */
background: -moz-linear-gradient(top,  #cecece 0%, #b2b2b2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cecece 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cecece 0%,#b2b2b2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cecece 0%,#b2b2b2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cecece 0%,#b2b2b2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */}

/* footer */
.bk-footer {width:100%; float:left; clear:both;}
.bk-footer .fcon {width:100%; float:left; clear:both; background:#e3e3e3;}
.bk-footer .fcon .logo {float:left; padding:30px 0 0;}
.bk-footer .fcon .menu {float:left; padding:30px 30px; font-size:1.4rem; line-height:2.2rem; background:url(../images/bg-fline-en.gif) repeat-y top left; margin-left:30px;}
.bk-footer .fcon .menu a {margin-right:10px;}
.bk-footer .fcon .srch {float:right; background:#999999; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; border-radius:20px; margin-top:27px; padding:0 10px; border-top:#777 1px solid; border-left:#777 1px solid;}
.bk-footer .fcon .srch input.input {font-size:1.3rem; line-height:30px; color:#fff; background:transparent; border:none; width:180px; float:left; padding:0 10px;}
.bk-footer .fcon .srch input.input::-webkit-input-placeholder {color:#fff;}
.bk-footer .fcon .srch input.input::-moz-placeholder {color:#fff;}
.bk-footer .fcon .srch input.input:-moz-placeholder {color:#fff;}
.bk-footer .fcon .srch input.input:-ms-input-placeholder {color:#fff;}
.bk-footer .fcon .srch .btn {background:url(../images/icons-en.png) no-repeat 0 -25px; width:17px; height:16px; display:inline-block; border:none; margin-top:6px; float:left; cursor:pointer; text-indent:-9999px;}
.bk-footer .fcon2 {width:100%; float:left; clear:both; background:#666666; padding:20px 0; font-size:1.2rem; line-height:1.8rem; color:#fff; text-align: center;}
.bk-footer .fcon2 .copy {}
.bk-footer .fcon2 a {color:#fff; margin-right:10px;}

/* about us */
.bk-aboutus {width:100%; float:left; clear:both;}
.bk-aboutus .ttl {font-size:1.8rem; line-height:2.0rem; text-transform:uppercase; font-weight:bold; color:#999; margin-bottom:20px;}
.bk-aboutus .ttl2 {font-size:1.6rem; line-height:2.0rem; font-weight:bold; color:#000; margin-bottom:10px;}
.bk-aboutus .txt {font-size:1.5rem; line-height:2.2rem; margin-bottom:20px;}
.bk-aboutus .txt a {color:#0b7fdd;}
.bk-aboutus .img {float:right; margin-left:40px; margin-bottom:20px;}
.bk-aboutus .img2 {float: left; margin-right: 20px;}

/* social button */
.social { background:#eeefef; overflow:hidden; width:100%; margin-bottom:10px;}
.social .ttl { font-size:16px; font-weight:bold; padding:12px 40px 0; float:right; font-family:Arial, Helvetica, sans-serif}
.social .button { width:50px; height:40px; float:right; text-indent:-99999px; border-left:1px solid #ffffff;}
.social .button.fb { background:#0b7fdd url(http://assets.en.koreaportal.com/static/common/_v0.0.0/images/social-buttons.png) 21px 5px no-repeat;}
.social .button.tw { background:#0b7fdd url(http://assets.en.koreaportal.com/static/common/_v0.0.0/images/social-buttons.png) -32px 6px no-repeat;}
.social .button.yt { background:#0b7fdd url(http://assets.en.koreaportal.com/static/common/_v0.0.0/images/social-buttons.png) -85px 6px no-repeat;}

.social0609 { overflow:hidden; width:170px; color:#0b7fdd; float:right; margin:6px 10px 0 0}
.social0609 .ttl { font-size:12px; font-weight:bold; display:inline-block; width:63px; height:32px; line-height:32px;}
.social0609 .button { width:32px; height:25px; color:#0b7fdd; font-size:18px; border-radius:3px; text-decoration:none; display:inline-block; vertical-align:middle; text-align:center; padding:7px 0 0 0}
.social0609 .button.fb:hover { background:#2767b7; color:#ffffff}
.social0609 .button.tw:hover { background:#2dd0f3; color:#ffffff}
.social0609 .button.yt:hover { background:#d01d1d; color:#ffffff}

/* advertisement */
.unit-ad {width:100%; background:#e4e7ea; padding:10px 0; text-align:center; clear:both; margin-bottom:20px;}
.unit-ad2 {width:100%; float:left; text-align:center; clear:both; padding:10px 0; overflow:hidden;}
.unit-ad3 {width:100%; float:left; text-align:center; clear:both; overflow:hidden;}

.ad-sample { width: 100%; clear: both;}
.ad-sample:before, .ad-sample:after { content: ""; display: table; }
.ad-sample:after { clear: both; }
.ad-sample span {text-align: center; font-size: 0.688em; text-transform: uppercase; color: #ddd; margin-bottom: 0.625em; display: block; clear: both; }

@media screen and (max-width:1024px) {
.bk-footer .fcon .logo {display:none;}
html {font-size:58.5%;}
.innerwrap {width:1000px;}
.bk-body {width:68%;}
.bk-side {width:30%;}
.bx-hdline .col {width:62%;}
.bx-hdline .col2 {width:35%;}
.bx-latest .col .list .photo, .bx-sec-article .list .photo {width:42%;}
.bk-body-sub {width:58%;}
.bk-side-sub {width:40%;}
.bk-article {width:100%; padding-left:0;}
.bk-article .art-sns {width:100%; float:left; position:relative; clear:both; margin-bottom:10px;}
.bk-article .art-photo img {width:100%;}
.bk-footer .fcon .menu {background:none; margin:0;}
}
@media screen and (max-width:1000px) {
html {font-size:53%;}
.innerwrap {width:auto; padding:0 3%;}
.bk-nav .menu a {padding:0 8px;}
.bk-body {width:63%;}
.bk-side {width:35%;}
}
@media screen and (max-width:800px) {
.bk-top .col {display:none;}
.bk-body {width:53.75%;}
.bk-side {width:43.75%;}
.bx-hdline .col {width:100%; clear:both;}
.bx-hdline .col2 {width:100%; float:left; clear:both;}
.bx-latest .col {width:100%; float:left; padding-right:0; border-right:none; clear:both;}
.bx-latest .col2 {width:100%; float:left; clear:both;}
.bk-body-sub {width:50%;}
.bk-side-sub {width:48%;}
.bk-footer .fcon .menu {clear:both; padding:20px 20px;}
.bk-footer .fcon .srch {float:left; clear:both; margin:0 20px 20px;}
}
@media screen and (max-width:640px) {
.bk-nav {display:none;}
.bk-top {height:auto; position:relative;}
.bk-header .ic-nav {background:url(../images/icons-en.png) no-repeat 0 0; width:18px; height:15px; display:inline-block; text-indent:-9999px; position:absolute; top:20px; left:20px;}
.unit-nav {width:220px; color:#fff; position:fixed; top:0; left:0; background:#0B7FDD;}
.unit-nav a {color:#fff;}
.unit-nav a:hover {color:#fff; background:#0068dd;}
.unit-nav .top-srch {padding:10px; clear:both;}
.unit-nav .top-srch .input {font-size:11px; line-height:15px; color:#666; border:none; padding:8px 10px; background:#fff; float:left;}
.unit-nav .top-srch .btn {font-size:10px; line-height:15px; font-weight:bold; text-transform:uppercase; color:#fff; text-align:center; border:none; background:#000; cursor:pointer; padding:8px 6px; float:left;}
.unit-nav .menu {width:100%; float:left; clear: both;}
.unit-nav .menu a {border-bottom:#6eb5ef 1px dotted; font-size:1.4rem; line-height:2.0rem; text-transform:uppercase; font-weight:bold; padding:10px 20px; display:block;}
.bk-top .logo {width:100%; float:left; text-align:center; margin:15px 0;}
.bk-top .logo img {width:230px;}
.bk-top .top-srch {width:80%; float:left; clear:both; margin:0 5%; padding:0 5%;}
.bk-top .top-srch .input {width:90%;}
.bk-body, .bk-side, .bk-body-sub, .bk-side-sub {width:100%; float:left; clear:both;}
.bk-dontmiss .list {width:100%; margin-right:0; float:left; margin-bottom:20px; clear:both;}
.bk-dontmiss .list .photo {width:42%; float:left; margin-right:20px;}
.bk-aboutus {width:90%; padding:0 5%;}
.bk-aboutus .img {margin-left:0; clear:both; text-align:center;}
.unit-ad, .unit-ad2 {display: none;}
}