@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; list-style:none;}
body {font:12px/16px Arial, Helvetica, sans-serif; color:#000;}
img {border:0 none;}
video, embed, object, .videocontent {max-width:100% !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
input, select {font-family:Arial, Helvetica, sans-serif;}

::-moz-selection { /* Code for Firefox */color:#ffffff; background:#4cc7e7;}
::selection {color:#ffffff;background:#4cc7e7;}

a {color:#000; text-decoration:none; }
a:hover {color:#0099e8; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.caty {background:#f0464d; font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase; padding:3px 6px;}
.caty.blue {background:#24a5db; color:#fff;}
.wh {color:#ffffff;} .wh a {color:#ffffff;} .wh a:hover {text-decoration:underline;}
.red {color:#f0464d;} .red a {color:#f0464d;} .red a:hover {text-decoration:underline;}
.gray {color:#666;} .gray a {color:#666;}
.blue {color:#0488cf;} .blue a {color:#0488cf; text-decoration:underline;}
.catygray {background:#000; font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase; padding:3px 6px;}
.viewmore {padding:10px; text-align:center; background:#0488cf; color:#fff; font-weight:bold; clear:both; margin:0 10px; font-size:14px; letter-spacing:1px}
.viewmore:hover {background:#1b1a1a; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

/* no's*/
.no-border {border: 0 !important}
.no-margin {margin: 0 !important}
.no-bg {background: none !important}
.no-pad-top {padding-top: 0 !important}
.no-pad-bt {padding-bottom: 0 !important}

@font-face {
  font-family: 'Viga';
  font-style: normal;
  font-weight: 400;
  src: local('Viga-Regular'), url(../font/lfIpncSoqrT5_gbJGaWnGQ.woff) format('woff');
}

/** layout **/
.c100 {width:100%;}
.c1010 {width:1010px;}
.c680 {width:680px;}
.c655 {width:655px;}
.c655 {width:655px;}
.c635 {width:635px;}
.c410 {width:410px;}
.c350 {width:350px;}
.c325 {width:325px;}
.c320 {width:320px;}
.c155 {width:155px;}

.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}
.ma {margin:0 auto;}
.oh {overflow:hidden}

.mt20 {margin-top:20px;}
.mt15 {margin-top:15px;}
.mt10 {margin-top:10px;}
.mb30 {margin-bottom:30px;}
.mb20 {margin-bottom:20px;}
.mb15 {margin-bottom:15px;}
.mb10 {margin-bottom:10px;}
.mr13 {margin-right:13px;}
.mr20 {margin-right:20px;}
.mr15 {margin-right:15px;}
.mr10 {margin-right:10px;}
.ml20 {margin-left:20px;}
.ml15 {margin-left:15px;}
.ml10 {margin-left:10px;}
.ml5 {margin-left:5px;}

.wbg {background:#fff; -webkit-box-shadow:1px 1px 1px 1px #e4e4e4; box-shadow:1px 1px 1px 1px #e4e4e4;}
.bbg {background:#000; -webkit-box-shadow:1px 1px 1px 1px #e4e4e4; box-shadow:1px 1px 1px 1px #e4e4e4;}
.bbg a {color:#fff;}
.bbg a:hover{color:#f0464d;}
.wbg2 {background:#fff; color:#000;}
.bbg2 {background:#000; color:#fff;}
.bbg2 a {color:#fff;}
.bbg2 a:hover{color:#f0464d;}
.bbg3 {background:#ededed;}

.innerwrap {width:1020px; margin:0 auto;}

/** heder bar **/
.top {width:100%; height:35px; background:url(../images/bg_barline.gif) left top repeat-x;}
.top .innerwrap {position:relative;}
.top .lang {position:absolute; top:7px; text-transform:uppercase; font-weight:bold;}
.top .lang a {text-decoration:none; font-weight:normal;}
.top-bookmark {position:absolute; top:7px; right:130px; text-transform:uppercase;}
.top-bookmark .ic-star {background:url(../images/icons.png) no-repeat 0 0; width:15px; height:13px; display:inline-block; vertical-align:middle; margin-right:6px;}
.top-sns {width:115px; height:23px;}
.top-sns.top {position:absolute; top:3px; right:5px;}
.top-sns li {float:left; width:23px; height:21px;}
.top-sns a {display:block; text-indent: -9999px; width:23px; height:21px;}
.top-sns .fb {background:url(../images/bg_sns.png) no-repeat 0 0; margin-right:4px}
.top-sns .fb:hover {background:url(../images/bg_sns.png) no-repeat 0 -23px;}
.top-sns .tw {background:url(../images/bg_sns.png) no-repeat -27px 0; margin-right:10px}
.top-sns .tw:hover {background:url(../images/bg_sns.png) no-repeat -27px -23px;}
.top-sns .gg {background:url(../images/bg_sns.png) no-repeat -60px 0; margin-right:9px}
.top-sns .gg:hover {background:url(../images/bg_sns.png) no-repeat -60px -23px;}
.top-sns .rss {background:url(../images/bg_sns.png) no-repeat -92px 0; margin-right:0}
.top-sns .rss:hover {background:url(../images/bg_sns.png) no-repeat -92px -23px;}

/** header **/
.hd {height:79px; clear:both; position:relative;}
.hd .logo {position:absolute; top:17px; left:0px;}
.hd .t_social {position:absolute; bottom:32px; left:295px;}
.hd .t_social li {float:left; margin:0 5px;}
.hd .search {position:absolute; top:32px; right:0px;}
.hd .input {width:260px; padding:3px 10px; border-bottom:#dddddd 1px solid; border-top:#7c7c7c 1px solid; border-right:#c3c3c3 1px solid; border-left:#c3c3c3 1px solid; background:#fff url(../images/bg_input.gif) repeat-x 0 0; height:19px; font:11px/19px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#b5b5b5; position:relative;}
.hd .go {position:absolute; top:6px; right:8px; width:16px; height:16px; display:block; border:#fff 1px solid; text-indent:-9999px; cursor:pointer; background:url(../images/btn_search.gif) no-repeat center center;}

.hd_bn {background:#ededed; clear:both; text-align:center; padding:10px 0;}
.hd_bn2 {background:#333333; clear:both; text-align:center; padding:10px 0;}

/** nav **/
.nav_wp {height:36px; clear:both; clear:both;
*background:#353535; /* IE 7 and below */
_background:#353535; /* IE 6 and below */
background: #353535; /* Old browsers */
background: -moz-linear-gradient(top,  #353535 0%, #060606 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#060606)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #353535 0%,#060606 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #353535 0%,#060606 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #353535 0%,#060606 100%); /* IE10+ */
background: linear-gradient(to bottom,  #353535 0%,#060606 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#060606',GradientType=0 ); /* IE6-9 */}
.nav li {float:left; height:36px; color:#fff; font:15px/36px 'Viga', sans-serif; letter-spacing:-0.03em;}
.nav li a {color:#fff; padding:0 15px; display:inline-block; -webkit-transition:background 0.2s ease-in-out;}
.nav li a:hover {background:#e63c43;}
.nav li .on {background:#e63c43;}

/** sub menu **/
.submenu {border-top:#dbdbdb 1px solid; border-bottom:#dbdbdb 1px solid; overflow:hidden; margin:0 10px 15px 10px;}
.submenu li {padding:7px 7px; font-size:12px; float:left;}
.submenu li.on {border-top:#24a5db 3px solid}

/** location **/
.locate {margin-right:10px; overflow:hidden;}
.locate li {float:left; font-size:11px; color:#9ba6b5; background:#eeeeee; font-weight:bold; padding:5px 7px; margin-left:3px; text-transform:uppercase;}
.locate li.dark {background:#343131}
.locate li.dark:hover {background:#282525;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.locate li a {color:#9ba6b5}
.locate li.on {background:#f0464d; color:#fff;}
.locate li.on:hover {background:#db333a;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.locate li.on a {color:#fff;}

/** sns **/
.sns {position:absolute; bottom:0; right:0;}
.sns li {float:left; cursor:pointer; height:22px; color:#fff; font-weight:bold; font-size:11px; padding:0 6px 0 28px;}
.sns li a:hover {text-decoration:underline;}
.sns .tw {background:#24a5db url(../images/ico_sns.gif) no-repeat 0 0;}
.sns .fb {background:#192475 url(../images/ico_sns.gif) no-repeat -62px 0;}
.sns .tw a, .sns .fb a {color:#fff; line-height:22px !important}

.more {position:relative; height:40px;}
.more .comment {position:absolute; top:6px; left:0;}
.more .comment a {font-weight:bold; color:#666666; padding:0 2px; -webkit-transition:background 0.15s ease-in-out, color 0.1s ease; -moz-transition:background 0.15s ease-in-out, color 0.1s ease; -ms-transition:background 0.15s ease-in-out, color 0.1s ease; -o-transition:background 0.15s ease-in-out, color 0.1s ease; transition:background 0.15s ease-in-out, color 0.1s ease;}
.more .comment a:hover {color:#ffffff; background:#0488cf;}
.more .view {position:absolute; top:6px; right:0; font-weight:bold;}
.more .view2 {position:absolute; top:6px; left:0; font-weight:bold;}
.more .view2 a {display:inline-block !important; line-height:15px !important}
.more .arr {background:url(../images/ico_arr.png) no-repeat 0 0; width:6px; height:9px; display:inline-block; margin-left:5px; vertical-align:middle;}

/** slide **/
.ico_p {position:absolute; top:0; right:0; background:url(../images/ico_slide.png) no-repeat 0 0; width:42px; height:42px; display:block;}
.ico_mv {position:absolute; top:0; right:0; background:url(../images/ico_slide.png) no-repeat 0 -44px; width:42px; height:42px; display:block;}

.btn_slide {clear:both; text-align:right;}
.btn_slide .button1 {background:#f0464d; font-size:14px; font-weight:bold; color:#fff; padding:4px 8px; text-transform:uppercase; cursor:pointer; -webkit-transition:background 0.15s ease-in-out, color 0.1s ease; -moz-transition:background 0.15s ease-in-out, color 0.1s ease; -ms-transition:background 0.15s ease-in-out, color 0.1s ease; -o-transition:background 0.15s ease-in-out, color 0.1s ease; transition:background 0.15s ease-in-out, color 0.1s ease;}
.btn_slide .button1:hover {background:#0488cf;}

/** sidebar **/
.s_ad {background:#ededed; padding:10px; clear:both; text-align:center;}
.s_con1 {padding:6px 15px 0; float:left; border-top:#f0464d 3px solid; background:#ededed; clear:both; margin-bottom:15px;}
.s_con1 h4 {font-size:20px; line-height:24px; letter-spacing:-0.03em; padding:0 0 10px; text-align:center; text-transform:uppercase;}
.s_con1 .list {float:left; clear:both; width:100%}
.s_con1 .list a {display: block; line-height:0;}
.s_con1 .list .tit {font-size:14px; padding:8px 10px;}
.s_con1 .list .tit a {line-height:18px; }
.s_con1 .list .img {position:relative;}
.s_con1 .list .img .no {position:absolute; top:0; left:0; }

.tabs {overflow:hidden; margin-bottom:15px; }
.tabs li {float:left; color:#767575; background:#dcd9d9 url(../images/bg_tabs_gr.gif) 0 0 repeat-x; cursor:pointer; padding:5px 0 13px 0; text-align:center; width:50%;}
.tabs li.mr {margin-right:1px;} 
.tabs li.on {color:#fff; background:#f0464d url(../images/arrow_down_pink.gif) 50% 26px no-repeat;}

.s_con2 {width:320px; padding:6px 15px 0; float:left; background:#ededed; clear:both; margin-bottom:15px;}
.s_con2 h4 {font-size:20px; line-height:24px; letter-spacing:-0.03em; padding:0 0 10px; text-align:center; text-transform:uppercase;}
.s_con2 .list {width:320px; float:left; clear:both;}
.s_con2 .list .tit {font-size:14px; line-height:18px; padding:10px;}
.s_con2 .list .img {position:relative;}
.s_con2 .list .img .no {position:absolute; top:0; left:0;}

.s_con3 {background:#fff; border:#ededed 1px solid; border-top:#f0464d 3px solid; }
.s_con3 h4 {font-size:20px; line-height:24px; letter-spacing:-0.03em; padding:6px 0 10px; text-align:center; text-transform:uppercase;}
.s_con3 .list {padding:0 15px 15px 15px; width:auto; text-align:center; font-size:15px}
.s_con3 .list img {width:180px; height:180px; border-radius:180px; -webkit-border-radius:180px; -moz-border-radius:180px;}

/** footer **/
.f_ad {padding:15px 0; width:100%; clear:both; text-align:center;}

.f_caty_wp {width:100%; height:280px; clear:both; background:url(../images/bg_footer.gif) repeat bottom center; border-bottom:#494949 1px solid;}
.f_caty {width:1000px; margin:0 auto; position:relative;}
.f_caty h3 {position:absolute; top:-5px; left:0; background:url(../images/bg_tag.gif) no-repeat top left; font-size:16px; line-height:30px; letter-spacing:-0.03em; text-align:center; width:183px; height:32px; padding-right:5px; display:block; color:#fff;}
.f_caty .list {width:1000px; clear:both; padding-top:44px;}
.f_caty .list dl {width:189px; float:left; position:relative; margin-right:13px;}
.f_caty .list dt {position:absolute; top:5px; left:12px; font-size:14px; line-height:18px; letter-spacing:-0.03em; color:#fff; z-index:2; text-transform:uppercase; text-shadow:1px 1px 1px #393d39; filter:dropshadow(color=#393d39, offx=1, offy=1);}
.f_caty .list dt a {color:#fff;}
.f_caty .list .bg {position:absolute; top:0; left:0; width:189px; height:28px; display:block; background:#000; opacity:0.6; z-index:1;}
.f_caty .list img {margin-bottom:6px;}
.f_caty .list img img {line-height:0;}
.f_caty .list .t1 {color:#fff; font-size:14px; line-height:18px;}
.f_caty .list .t1 a {color:#fff;}
.f_caty .list .t1 .more a {font:12px 'Viga', sans-serif; letter-spacing:-0.05em; color:#f0464d; text-transform:uppercase;}
.f_caty .list .t1 .more a:hover {text-decoration:underline;}

.footer {height:152px; color:#fff; clear:both; border-top:1px #000000 solid;
background:url(../images/bg_footer.gif) left top repeat;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222221', endColorstr='#060606',GradientType=0 ); /* IE6-9 */}
.footer a {color:#fff;}
.footer a:hover {text-decoration:underline;}
.f_caty2 {padding:15px 0 0; margin:0 auto;}
.f_caty2 .list {width:350px; height:124px; border-right:#535353 1px solid;}
.f_caty2 .list2 {width:300px; height:124px; border-right:#535353 1px solid; border-left:#000000 1px solid; padding-left:30px;}
.f_caty2 .list3 {width:260px; height:124px; border-left:#000000 1px solid; padding-left:30px;}
.f_caty2 li {padding:2px 0;}
.footer .ttl {font:17px/20px 'Viga', sans-serif; letter-spacing:-0.5px;}
.f_srch .search {width:200px; height:20px; padding:3px 5px; line-height:20px; color:#666; border:none; float:left;}
.f_srch .search2 {width:29px; height:26px; display:block; float:left; border:#8c8c8c 1px solid; background:url(../images/bt_go.gif) no-repeat 0 0; text-indent:-9999px; cursor:pointer;}

.f_sns {background:url(../images/social.png) 0 0 no-repeat; height:24px;}
.f_sns a {float:left; width:24px; height:24px; margin-right:6px; display:block;}
.f_sns a span {display:none}
.footer2 {background:#000; height:40px; clear:both;}
.f_copy {margin:0 auto; color:#999999;}

/** main headline **/
.hdline_wp {width:100%; float:left; background:#ededed; clear:both; padding:20px 0;}
.hdline {width:1035px; clear:both; margin:0 auto;}
.hdline .con1 {width:375px;}
.hdline .con1 a {line-height:0px; display:block}
.hdline .con1 .img {position:relative;}
.hdline .con1 .img img {line-height:0;}
.hdline .con1 .t1 {position:absolute; bottom:0; left:0;}
.hdline .con1 .ttl {padding:0 15px;}
.hdline .con1 .ttl a {line-height:27px;}
/* headline */.hdline h1 {font-size:24px; line-height:27px; letter-spacing:-0.04em; padding:12px 0 8px;}
.hdline .con2 {position:relative;}
.hdline .con2 a {line-height:0px; display:block}
.hdline .con2 .t1 {position:absolute; top:0; left:0;}
.hdline .con2 h2 {position:absolute; bottom:0; left:0; width:218px; font:13px/16px Arial, Helvetica, sans-serif; font-weight:bold; padding:8px 5px 8px 10px;}
.hdline .con2 h2 a {line-height:16px}
.hdline .con3 {width:167px;}
.hdline .con3 a {line-height:0px; display:block}
.hdline .con3 .img {position:relative;}
.hdline .con3 .img img {line-height:0;}
.hdline .con3 .t1 {position:absolute; top:0; left:0;}
.hdline .con3 h2 {font:15px/18px Arial, Helvetica, sans-serif; letter-spacing:-0.03em; font-weight:bold; padding:10px 10px;}
.hdline .con3 h2 a {line-height:18px}
.hdline .con4 {width:260px;}
.hdline .con4 a {line-height:0px; display:block}
.hdline .con4 .img {position:relative;}
.hdline .con4 .img img {line-height:0;}
.hdline .con4 .t1 {position:absolute; top:0; left:0;}
.hdline .con4 .t2 {position:absolute; top:112px; left:0;}
.hdline .con4 h2 {font:16px/18px Arial, Helvetica, sans-serif; font-weight:bold; padding:12px 10px;}
.hdline .con4 h2 a {line-height:18px}
.hdline .con5 {width:260px;}
.hdline .con5 a {line-height:0px; display:block} 
.hdline .con5 .img {position:relative;}
.hdline .con5 .img img {line-height:0;}
.hdline .con5 .t1 {position:absolute; top:0; left:0;}
.hdline .con5 .t2 {position:absolute; top:112px; left:0;}
.hdline .con5 h2 {font:16px/18px Arial, Helvetica, sans-serif; font-weight:bold; padding:12px 10px;}
.hdline .con5 h2 a {line-height:18px}

/** main **/
.contents {width:1020px; padding:15px 0; clear:both; margin:0 auto; overflow:hidden}
.contents.art {width:1100px; padding:15px 0; clear:both; margin:0 auto; overflow:hidden}

.m_con1 {width:655px; float:left; clear:both;}
.m_con1 h3 {font-size:30px; line-height:34px; letter-spacing:-0.03em; padding:15px 0 10px;}
.m_con1 .ttl {width:248px;}
.m_con1 .ttl .date {color:#9a9a9a;}
.m_con1 .ttl .txt {padding:10px 0; font-size:14px; color:#666;}
.m_con1 .ttl .txt a {color:#0488cf; text-decoration:underline;}
.m_con1 .img {width:380px; position:relative;}
.m_con1 .img a {line-height:0px; display:block}
.m_con1 .img img {line-height:0;}
.m_con1 .t1 {position:absolute; top:0; left:0;}

.m_photo {width:auto; position:relative; clear:both;}
.m_photo a {line-height:0px; display:block}
.m_photo dd {text-align:center;}
.m_photo img {line-height:0;}
.m_photo .t1 {position:absolute; top:0; left:0;}
.m_ttl {clear:both;}
.m_ttl h3 {font-size:20px; line-height:24px; letter-spacing:-0.03em; padding:10px 0;}
.m_ttl .txt {padding:0 0 10px; font-size:14px; color:#666;}
.m_ttl .txt a {color:#0488cf; text-decoration:underline;}
.m_ttl2 {margin-bottom:15px;}
.m_ttl2 h4 {font-size:20px; line-height:24px; letter-spacing:-0.03em; padding:10px;}
.m_ttl2 h4 a {font-size:20px; line-height:24px; letter-spacing:-0.03em; text-decoration:none;}
.m_ttl2 h4 a:hover {color:#f0464d;}

/** article **/
.at_ttl {font-size:30px; line-height:35px; letter-spacing:-0.03em; clear:both;}
.at_ttl_2 {font-size:25px; line-height:30px; letter-spacing:-0.02em; clear:both;}
.at_name {color:#666666; padding:10px 10px 10px; clear:both;}
.at_tag {clear:both; padding:10px 10px 0;}
.at_tag.photo {padding:20px 0 0 0;}
.at_tag a {text-decoration:underline; padding:3px 3px;}
.at_tag .ttl {color:#fff; padding:3px 5px; background-color:#f0464d; margin-right:5px;}
.at_copy {clear:both; color:#666666; padding:0 10px 30px 0;}

.article {padding:20px 3px; clear:both; font-size:14px; line-height:22px;}
.article .caption {background:#ededed; font-size:11px; padding:3px 15px; color:#888;}
.article p {padding-bottom:20px;}
.article p a {color:#e63c43}

.at_related {clear:both; clear:both;}
.at_related .ttl {text-transform:uppercase; font-size:18px; line-height:24px; margin-bottom:10px; background:#f0464d; padding:3px 15px; color:#fff;}
.at_related h2 {padding:6px 0; font-size:15px; font-weight:bold;}

.at_social {clear:both; position:relative; border-top:#000000 2px solid; padding:10px 0;}
.at_social span {margin-right:15px;}
.at_social .option {position:absolute; top:10px; right:0;}
.at_social .email {width:12px; height:11px; display:inline-block; background:url(../images/ic_mail.gif) no-repeat 0 2px; margin-left:3px;}
.at_social .print {width:12px; height:11px; display:inline-block; background:url(../images/ic_print.gif) no-repeat top left; margin-left:3px;}

.at_coment {clear:both; border-top:#000000 2px solid; clear:both; padding:10px 0 30px;}
.at_coment h4 {font-size:18px; line-height:20px; letter-spacing:-0.03em; padding-bottom:20px;}
.at_coment .coment {clear:both;}

.at_latest {width:100%; float:left;}
.at_latest .ttl {text-transform:uppercase; font-size:18px; line-height:24px; margin-bottom:10px; background:#2e2e2e; padding:3px 15px; color:#fff;}
.at_latest ul {width:150px; float:left; vertical-align:top; margin-bottom:20px;}
.at_latest ul img {line-height:0;}
.at_latest ul li.img {position:relative}
.at_latest .t1 {font-size:14px; padding-top:5px;}

/** section **/
.sec_ttl {font-size:25px; line-height:28px; letter-spacing:-0.03em; padding:4px 5px; border-bottom:#000 3px solid; clear:both;}
.sec_ttl2 {font-size:25px; line-height:28px; letter-spacing:-0.03em; padding:0 10px; text-align:left;}
.sec_ttl3 {font-size:18px; line-height:30px; letter-spacing:-0.03em;}
.sec_list {width:645px; float:left; padding:15px 0; border-bottom:#666 1px dotted; clear:both;}
.sec_list .title {font-size:20px; line-height:24px; letter-spacing:-0.03em; padding-bottom:5px;}
.sec_list .txt {color:#666666; line-height:14px;}
.sec_list .date {color:#999999; font-size:11px;}

.page_num {clear:both; text-align:center; padding:30px 0;}
.page_num a {width:30px; height:30px; line-height:30px; font-size:14px; font-weight:bold; display:inline-block; margin:0 2px; color:#666666; background:#e4e4e4; -webkit-transition:background 0.15s ease-in-out, color 0.1s ease; -moz-transition:background 0.15s ease-in-out, color 0.1s ease; -ms-transition:background 0.15s ease-in-out, color 0.1s ease; -o-transition:background 0.15s ease-in-out, color 0.1s ease; transition:background 0.15s ease-in-out, color 0.1s ease;}
.page_num a:hover {background:#0488cf; color:#fff;}
.page_num .current {background:#0488cf; color:#fff;}
.page_num .prev {width:60px; height:30px; line-height:30px; background:#f0464d; color:#fff;}
.page_num .next {width:60px; height:30px; line-height:30px; background:#f0464d; color:#fff;}

/** about us **/
.au_txt {clear:both; padding-bottom:25px; line-height:18px;}
.au_tb {clear:both;}
.au_tb td {padding:8px 5px;}
.au_tb .input {background:#e7e7e7; padding:4px 5px; font-size:12px; line-height:16px; color:#454545;font-family:Arial, Helvetica, sans-serif;}
.au_btn {color:#ffffff; font-size:16px; line-height:22px; letter-spacing:-0.03em; border:#222 1px solid; padding:6px 25px; display:inline-block; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
*background:#353535; /* IE 7 and below */
_background:#353535; /* IE 6 and below */
background: #353535; /* Old browsers */
background: -moz-linear-gradient(top,  #353535 0%, #060606 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#060606)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #353535 0%,#060606 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #353535 0%,#060606 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #353535 0%,#060606 100%); /* IE10+ */
background: linear-gradient(to bottom,  #353535 0%,#060606 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#060606',GradientType=0 ); /* IE6-9 */}
.au_btn:hover {opacity:0.9;}


/* subscribe popup */
.wh_transf {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(235,235,235,0.8); z-index:99999;}
.subscribe_popup { width:518px; position:absolute; top:35%; left:50%; margin:-112px 0 0 -259px; height:233px; font-family:"Segoe UI"; color:#ffffff; text-align:center; background:#353535;}
.subscribe_popup .p_logo { padding:30px 0 10px 0}
.subscribe_popup .p_txt { padding:0 0 25px 0; font-size:16px;}
.subscribe_popup .p_subsc { margin:0 auto; width:417px; height:40px; vertical-align:top}
.subscribe_popup .p_subsc input { color:#ffffff; float:left; font-size:16px; padding:0; margin:0; line-height:36px;}
.subscribe_popup .p_subsc .field { background-color:#7e7f7e; border:#7e7f7e 1px solid; text-indent:10px; width:308px; height:36px;}
.subscribe_popup .p_subsc .button {background-color:#fd3b68; border:#ef0101 1px solid; font-weight:bold; text-align:center; width:105px; height:38px; cursor:pointer}
.subscribe_popup .option {font-size:13px; vertical-align:top; color:#999999; padding-top:20px}
.subscribe_popup .close { width:33px; height:33px; position:absolute; top:-10px; right:-10px;}

#div-gpt-ad-kdrama-lead-top, #div-gpt-ad-kdrama-lead-bot {width:728px; height:90px; margin:0 auto}

.imageNone {margin-bottom:15px;}
.imageLeft {float:left; margin-right:15px;}
.imageRight {float:right; margin-left:15px;}
.imageBox {text-align:center;margin:0 auto;}
.caption {text-align:left;}

/** Video **/
.video {background-color:#ededed; border-bottom:#dddcdc 1px solid; padding:6px;}
.video .ttl { color:#000000; font-size:14px;}
.video .date { color:#000000; font-size:12px; padding:7px 0 0 0}
.video .sum { color:#000000; font-size:12px; color:#7d7d7d;}
.vd-list ul {overflow:hidden; margin-bottom:20px; clear:both}
.vd-list li { overflow:hidden; position:relative; width:150px; margin-right:18px; float:left}
.vd-list li .vod-ttl a { font-weight:bold; font-size:14px; line-height:18px; color:#494949;}
.vd-list li .vod-ttl a:hover {color:#f0464d}
.vd-list li.nomr { margin-right:0;}
.vd-list li .playbt { width:26px; height:26px; position:absolute; background:url(http://www.kdramastars.com/views/images/vod_bt.gif) 0 0 no-repeat; top:90px; left:10px;}
.vd-list li .playbt.selected {width:130px;font-weight:bold;line-height:26px; text-indent:40px; background:#ededed url(http://www.kdramastars.com/views/images/vod_bt.gif) 0 0 no-repeat; color:#494949}
.vd-viewmore {margin:0 auto; background:#ededed url(http://www.kdramastars.com/views/images/vod_bt.gif) 0 -34px no-repeat; line-height:28px; width:130px; height:26px;}
.vd-viewmore a {color:#494949; font-weight:bold; text-indent:48px; width:130px; height:26px; display:inline-block;}


/* CHARTS */
.rank {font-size:12px; color:#7e7e7e;}
.numbone {height:102px; border-bottom:1px solid #fff; position:relative; background:#d4d4d4;}
.numbone .artist {position:absolute; left:40px; top:23px;}
.numbone .artistname {font-size:18px; font-weight:bold}
.numbbox {position:absolute; left:0; top:0; width:12px; height:18px;}
.numbbox_gry {background:#808080; left:0; top:0; width:12px; height:18px;}
.ctriimg {position:absolute; right:0; top:0;}
.leftnb {font-size:16px; padding-top:5px;}
.numbtw {height:51px; border-bottom:1px solid #fff; background:#d4d4d4; position:relative;}
.numbtw .artist {position:absolute; left:40px; top:8px;}
.numbtw .artistname {font-size:14px; font-weight:bold}
.numbone .artist .link a, .numbtw .artist .link a {font-size:11px; color:#f6043d}

/* mobile ad */
#adunit_article_center_top_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle1_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle2_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle3_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle4_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle5_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle6_mobile {width:90%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:10px 5%;}
#adunit_article_center_middle7_mobile {width:90%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:10px 5%;}
#adunit_article_center_bottom_mobile {width:100%; position:fixed; bottom:-5px; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto;}

.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; }