@charset 'utf-8';
/* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}

html, body {width:100%; height:100%;}
html {overflow-y:scroll;}
body {font-family:'Noto Sans', arial, sans-serif; color:#8a8a8a; background:#ccc; font-size:12px;}
a {text-decoration:none; color:#c0c0c0;}
a:hover {color:#EFEFEF;}
em {font-style:normal;}

.wrapper {min-width:1020px;}
.placeholder {position:relative; width:1020px; min-width:1020px; margin:0 auto;}

.header {position:relative; z-index: 10; height:70px; background: #272727;}
.header h1 {position: absolute; left:0; top:13px; }
.header h1 a {display: block; width:146px; height:96px; background: url(/Images/logo_hhk.png) no-repeat; text-indent: -5000px;}
.header .nav {position: absolute; left:212px; top:32px;}
.header .nav li {position: relative; float: left; font-size: 14px; font-weight: 700; }
.header .nav a {position: relative;}
.header .nav a:hover {color:#EFEFEF;}
.header .nav a.m {z-index: 20;}
.header .nav .m1 {width:88px;}
.header .nav .m2 {width:79px;}
.header .nav .m3 {width:76px;}
.header .nav .m4 {width:71px;}
.header .nav .m5 {width:93px;}
.header .nav .m6 {width:70px;}
.header .nav .sub {position: relative; top:5px; display:inline-block; width:7px; height:5px; margin-left:3px; overflow:hidden; background: url(/Images/ico_arrow_down.png) no-repeat; text-indent: -5000px; vertical-align: top;}
.header .nav a.m:hover .sub {background-position: 0 -5px;}
.header .nav ol {position: absolute; left:-20px; top:1px; width:157px; padding:44px 0px 5px 19px; border-left:2px solid #FDE23C; background: #272727;}
.header .nav li li {float:none; height:24px; font-size:12px; font-weight: normal;}
.header .nav li li a {display: block;}
.header .member {position: absolute; right:1px; top:33px; font-weight: 700; color:#4e4d4d;}

.main .spotlight {height: auto; background: #000;}
.main .spotlight .placeholder {width:auto;}
#hero-photos {position: relative;}
#hero-photos .item {position: relative; height: 370px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size:cover;}
#hero-photos .item img{ display: none; width: 100%; height: auto; opacity: 0;}

.main .contents {height:360px; background: #ccc;}
.main .contents h3 {padding: 19px 0 19px 0; color:#666; font-size:16px; font-weight: 700;}
.main .contents .championship {float:left; width:490px; margin-right:40px;}
.main .contents .player {float:left; width:490px;}
.main .contents a.photo {position: relative; display:block; width:490px; height:276px; background: #EFEFEF;}
  .ko .main .contents a.photo {font-family:dotum, sans-serif;}
.main .contents .photo h4 {width:184px; padding: 21px 0 0 25px; font-size:13px; color:#333; line-height: 1.4; font-weight: bold; word-break:keep-all;}
.main .contents .photo p {width:190px; padding: 16px 0 0 25px; font-size:12px; color:#666; line-height: 1.5; word-break:keep-all;}
.main .contents .photo .thumb {position: absolute; right:0; top:0; width:260px; height:276px; overflow: hidden;}
.main .contents .photo .thumb img {width:100%;}
.main .contents .photo .over {display:none; position: absolute; right:0; top:0; width:260px; height:276px; overflow: hidden; background:#000; opacity:0.2; filter:alpha(opacity=20);}
.main .contents .photo .up {position: absolute; display:block; left:0; top:0; overflow: hidden; width:0; height:13px; border-bottom:14px solid transparent; border-left:15px solid #EFEFEF;}
.main .contents .photo .down {position: absolute; display:block; left:0; top:27px; overflow: hidden; width:0; height:235px; border-top:14px solid transparent; border-left:15px solid #EFEFEF;}
.main .contents a.photo:hover {background: #ecfd3b;}
.main .contents a.photo:hover .over {display: block;}
.main .contents a.photo:hover .up {border-left-color: #ecfd3b;}
.main .contents a.photo:hover .down {border-left-color: #ecfd3b;}

.footer {height: 110px; background: #272727; color:#8A8A8A;}
.footer h3 {position: absolute; left:0; top:21px; width:87px; height:61px; background: url(/Images/logo_hhk_g.png) no-repeat; text-indent: -5000px;}
.footer a {color:#8a8a8a;}
.footer a:hover {color:#DADADA;}
.footer .copyrights {padding:37px 0 0 105px;}
.footer .links {padding: 10px 0 0 105px;}
.footer .links li {float:left; margin-right:20px; }
.footer .links a {font-size:11px; }
  .ko .links a {font-family:dotum, sans-serif; letter-spacing: -1px;}
  .ko .links .email a {letter-spacing: 0; font-family: 'Noto Sans';}
.footer .sns {position: absolute; right:-9px; top:21px; }
.footer .sns h5 {padding-bottom: 6px; font-weight: 700; font-size: 11px;}
.footer .sns li {float: left; margin-right:10px;}
.footer .sns a {display: block; width: 32px; height: 32px; background: url(/Images/bg_sns.png) no-repeat; text-indent: -5000px;}
/*.footer .sns .facebook a {background-position: 0 0;}
.footer .sns .twitter a {background-position: -42px 0;}
.footer .sns .instagram a {background-position: -84px 0;}
.footer .sns .youtube a {background-position: -125px 0;}*/
.footer .sns .instagram a {background-position: 0 0;}
.footer .sns .youtube a {background-position: -42px 0;}
.footer .sns .facebook a {background-position: -84px 0;}
.footer .sns .kakao a {background-position: -125px 0;}

h2.title {height:205px; background-color: #000; background-repeat: no-repeat; background-position: center top; text-indent: -5000px;}
.sub_photos h2.title {background-image: url(/Images/bg_sub_photos.jpg);}
.sub_member h2.title {background-image: url(/Images/bg_sub_login.jpg);}
.sub_aboutus h2.title {background-image: url(/Images/bg_sub_aboutus.jpg);}

.sub .contents {background: #FFF;}

/* Photos */
.sub_photos .placeholder {overflow: hidden; padding:35px 0 75px 0;}
.sub_photos h3.year {position: relative; overflow:hidden; height:40px; padding:0 0 0 26px; font-size: 52px; color:#999; background:#EFEFEF; font-weight:normal; letter-spacing: -3px;}
.sub_photos h3.year span {position: absolute; left:26px; top:-8px;}
.sub_photos .list {padding:24px 0 0 0;}
.sub_photos .list ul {width:1030px; zoom:1;}
.sub_photos .list ul:after {content:'.'; display:block; clear:both; height:0; overflow:hidden; visibility: hidden;}
.sub_photos .list li {float:left; margin:0 10px 10px 0;}
.sub_photos .list a.item {position: relative; display: block; width:194px; height:194px; border:1px solid #E1E1E1; color:#000;}
.sub_photos .list a img {width:100%; height:100%;}
.sub_photos .list a b {display:none; position: absolute; left:7px; top:7px; width:180px; height:180px; background: #FFF url(/Images/bg_arrow_corner.png) no-repeat right bottom; opacity: 0.9;}
  .sub_photos .list a:hover b {display: block;}
.sub_photos .list a em {display:none; position: absolute; left:7px; top:50%; width:160px; padding:0 10px; text-align: center;  line-height: 1.4; word-break:keep-all;}
  .sub_photos .list a:hover em {display: block;}
.sub_photos .list a span {display:none;}
  .ko .sub_photos .list a em {font-family: dotum, sans-serif; font-size:12px;}

.sns_share {display: none; padding-top:10px; text-align: right;}
  .lb-details .sns_share {display:block;}
.sns_share a {position: relative; overflow: hidden; display:inline-block; width:32px; height:0; padding-top: 32px; margin-left:4px; background: url(/Images/btn_sns_share.png) no-repeat;}
.sns_share a.fb {background-position: 0 0;}
.sns_share a.tw {background-position: -40px 0;}

/* ±Û µî·Ï */
.board                 { width:800px; margin:0 auto;}
.board .write          { width:100%;   border-collapse:collapse; }
.board .write .line    { border-bottom:2px solid #cc0000; padding:0 0 0 0}
.board .write .line2   { border-bottom:3px solid #EFEFEF;  padding:0 0 0 0}
.board .write th       { text-align:center;  padding:20px; /*border-bottom:1px solid #CCC;*/ }
.board .write .td      { font-size:12px; font-weight:bold; text-align:left;  padding:5px; border-bottom:1px solid #CCC; height:20px; vertical-align:middle; }
.board .write .title   { font-size:16px; color:#333; line-height: 1.4; font-weight: 700; word-break:break-all; text-align:left;  padding:5px; height:20px; vertical-align:middle; }
.board .btn_close {position: absolute; right:2px; top:6px; text-indent: -5000px; display: block; width:71px; height:26px; background: url(/Images/close.png) no-repeat;}

/*button {margin:0 2px; border:1px solid #999; background: #EFEFEF; padding:10px; font-size:12px; border-radius:2px;}*/
.txtbox {font-family:"±¼¸²,µ¸¿ò"; font-size: 9pt; color:#444444; line-height: 13pt;solid; background-color:#F7F7F7; border:1px solid #B9B9B9;}

/* ȸ¿ø°¡ÀÔ */
.sub_member .placeholder {overflow: hidden; padding:15px 0 75px 0;}
.sub_member .list {width:600px; margin:0 auto; padding:24px 0 0 0;}
.sub_member .list a:hover b {display: block;}
.sub_member .list a span {display:none;}
.ko .sub_member .list a em {font-family: dotum, sans-serif; font-size:12px;}

.sub_member .write          { text-align:center; width:100%;   border-collapse:collapse; }
.sub_member .write .line1   { border-bottom:1px solid #CCC;  }
.sub_member .write .line2    { border-bottom:2px solid #cc0000; padding:0 0 0 0}
.sub_member .write .line3   { border-bottom:3px solid #EFEFEF;  padding:0 0 0 0}
.sub_member .write th       { text-align:center;  padding:20px; /*border-bottom:1px solid #CCC;*/ }
.sub_member .write .td      { font-size:12px; text-align:left; padding:5px; height:25px; vertical-align:middle; }
.sub_member .write .label { font-weight:bold;}

/* aboutus 2015-10-07 */
.sub_aboutus h2.title {background-image: url(/Images/bg_sub_aboutus.jpg);}
.sub_aboutus .placeholder {width:620px; min-width: auto; margin:0 auto; padding: 35px 0 80px 400px; background: url(/Images/logo_hhk_r.png) no-repeat 0 35px; word-break:break-all;}
.sub_aboutus .about {position: relative; padding:14px 0 46px 0; border-top:3px solid #C2C2C2; line-height: 1.6; color:#666;}
.sub_aboutus .about .line {position: relative; left:0; top:-17px; display:block; width:110px; height:3px; overflow:hidden; background:#D40C15;}
.sub_aboutus .contact {padding-bottom: 50px;}
.sub_aboutus .contact a {color:#666;}
.sub_aboutus .contact a:hover {text-decoration: underline;}
.sub_aboutus .contact h3 {display: inline-block; padding:6px 7px 5px 7px; background-color: #A9A9A9; color:#FFF; font-weight: bold;}
.sub_aboutus .contact p {padding:14px 0 16px 0; line-height:1.6; color:#666;}
.sub_aboutus .map {width:535px; border:1px solid #CECECE;}

.btn_sns {height:32px; zoom:1;}
.btn_sns:after {content: ''; clear:both; height:0; overflow: hidden; visibility: hidden;}
.btn_sns li {float: left; margin-right:10px;}
.btn_sns a {display: block; width: 32px; height: 32px; background: url(/Images/bg_sns.png) no-repeat; text-indent: -5000px;}
/*.btn_sns .facebook a {background-position: 0 0;}
.btn_sns .twitter a {background-position: -42px 0;}
.btn_sns .instagram a {background-position: -84px 0;}
.btn_sns .youtube a {background-position: -125px 0;}*/
.btn_sns .instagram a {background-position: 0 0;}
.btn_sns .youtube a {background-position: -42px 0;}
.btn_sns .facebook a {background-position: -84px 0;}
.btn_sns .kakao a {background-position: -125px 0;}

.form_write {width:800px; margin:0 auto;  font-size:12px;}
  .ko .form_write * {font-family: dotum;}
.form_write .form_group {padding:0 0 12px 0;}
.form_write label {display:block; padding: 0 0 8px 0; font-weight: bold; color:#333;}
.form_write input.file,
.form_write input.text {width:780px; padding:5px 10px; font-size:12px; border-radius:2px; border:1px solid #DDD; background: none;}
.form_write input.checkbox {vertical-align: middle; width:13px; height:13px;}
.form_write label.checkbox {font-weight: normal; padding:5px 0 0 5px;}
.form_write textarea {width:780px; min-height:150px; padding: 10px;  font-size:12px; border-radius:2px; border:1px solid #DDD;}
.form_write .form_btn {text-align: center;}
.form_write .form_btn button {margin:0 2px; border:1px solid #999; background: #EFEFEF; padding:10px; font-size:12px; border-radius:2px;}

.modal_shadow {position: fixed; left:0; top:0; display:block; width:100%; height:100%; background: #000; opacity: 0.3;}
.pop_email {position:fixed; left:50%; top:50%; width:710px; height:480px; margin:-240px 0 0 -355px; background: #FFF; border: 1px solid #999;}
.pop_email .btn_close {position: absolute; right:22px; top:16px; text-indent: -5000px; display: block; width:71px; height:26px; background: url(/Images/close.png) no-repeat;}

.form_email {width:auto; margin:0 auto; padding: 60px 0 0 0; border-top:4px solid #CCC;}
.form_write .form_group {padding:0 0 12px 19px;}
.form_write label {position: relative; top:8px; float:left; width:80px; color:#666;}
.form_write input.text {width:568px; background: #F7F7F7;}
.form_write textarea {width:568px; height:190px; min-height:190px; padding: 10px; font-size:12px; border-radius:2px; border:1px solid #DDD;  background: #F7F7F7;}

/* ¹öÆ° */
.form_write .form_btn button,
.button {margin:0 2px; border:1px solid #999; background: #EFEFEF; padding:10px; font-size:12px; border-radius:2px;}
.button_s {margin:0 2px; border:1px solid #999; background: #EFEFEF; padding:4px; font-size:11px; border-radius:1px;}
.button_b {margin:0 2px; border:1px solid #999; background: #EFEFEF; padding:12px; font-size:14px; border-radius:2px;}


/* 2015-10-14 */
.sub_news_k h2.title {background-image: url(/Images/bg_sub_news_k.jpg);}
.sub_news_k .news {width:1040px; padding-bottom: 40px; zoom:1;}
.sub_news_k .news:after  {content:'.'; display:block; clear:both; height:0; overflow:hidden; visibility: hidden;}
.sub_news_k .news .left {width:520px; float:left;}
.sub_news_k .news .right {width:520px; float:right;}
.sub_news_k a.article {float:left; position: relative; overflow: hidden; display:block; width:500px; height:572px; margin:10px; background: #EFEFEF;}
  .ko .sub_news_k a.article {font-family:dotum, sans-serif;}
.sub_news_k .article h4 {width:184px; padding: 21px 0 0 25px; font-size:16px; color:#333; line-height: 1.4; font-weight: 700; word-break:break-all; letter-spacing: -1px;}
.sub_news_k .article p {width:190px; padding: 13px 0 0 25px; font-size:13px; color:#666; line-height: 1.5; word-break:break-all; text-align: justify;}
.sub_news_k .article .more {display:block; color:#cc6666; font-weight: 700; font-size:12px; font-family: 'Noto Sans', sans-serif;}
.sub_news_k .article .thumb {position: absolute; right:0; top:0; width:262px; height:572px; overflow: hidden;}
.sub_news_k .article .thumb img {width:100%;}
.sub_news_k .article .over {display:none; position: absolute; right:0; top:0; width:262px; height:572px; overflow: hidden; background:#000; opacity:0.2; filter:alpha(opacity=20);}
.sub_news_k .article .up {position: absolute; display:block; left:0; top:0; overflow: hidden; width:0; height:20px; border-bottom:12px solid transparent; border-left:12px solid #EFEFEF;}
.sub_news_k .article .down {position: absolute; display:block; left:0; top:32px; overflow: hidden; width:0; height:572px; border-top:12px solid transparent; border-left:12px solid #EFEFEF;}
.sub_news_k a.article:hover {background: #ecfd3b;}
.sub_news_k a.article:hover .over {display: block;}
.sub_news_k a.article:hover .up {border-left-color: #ecfd3b;}
.sub_news_k a.article:hover .down {border-left-color: #ecfd3b;}
  .sub_news_k a.size_M {height:276px;}
  .sub_news_k .size_M .thumb {height:276px;}
  .sub_news_k a.size_S {width:240px; height:276px;}
  .sub_news_k .size_S h4 {width:auto; padding: 21px 25px 0 25px;}
  .sub_news_k .size_M .thumb {height:276px;}

.view_more {clear:both; padding-top:20px;}
input.btn_more {clear:both; display: block; width:100%; padding:12px 0 10px 0; background: #EFEFEF; text-align: center; color:#000; border:none; cursor:pointer;}
  .ko .btn_more {font-family:dotum, sans-serif;}

.sub_news_k input.btn_more {width:1020px; margin:0 0 0 10px;}

.selectbox .box {padding:4px 9px 4px 17px; border: 5px solid #993333;}
.selectbox .box strong {padding: 0 9px 0 0; color:#993333; font-weight: 700; font-size: 10px;}
.selectbox .box select {border:none; padding:0 15px 0 0; font-size:12px; color:#000; font-weight: 700; -webkit-appearance:none;  -moz-appearance: none; background: url(/Images/bg_arrow_down.png) no-repeat right 50%;}
.selectbox .box select::-ms-expand { display: none; }
  .ie8 .selectbox .box select {padding-right:0;}
  .ie9 .selectbox .box select {background: none; padding:0;}

.sub_news_k .selectbox {padding:35px 10px 10px 0; zoom:1;}
.sub_news_k .selectbox:after  {content:'.'; display:block; clear:both; height:0; overflow:hidden; visibility: hidden;}
.sub_news_k .selectbox .box {float:right;}
.sub_news_k .selectbox select {width:70px; margin-left:8px;}

.sub_news h2.title {background-image: url(/Images/bg_sub_news.jpg);}
.sub_news .news {width:710px; margin:0 auto; padding: 35px 0 40px 0; zoom:1;}
.sub_news a.article {position: relative; overflow: hidden; display:block; margin:0 0 38px 0;}
  .ko .sub_news_k a.article {font-family:dotum, sans-serif;}
.sub_news .article h4 {padding: 0 0 0 0; font-size:16px; color:#333; line-height: 1.4; font-weight: bold; word-break:break-all; letter-spacing: -1px;}
.sub_news .article p {padding: 13px 0 0 0; font-size:13px; color:#666; line-height: 1.5; word-break:break-all; text-align: justify;}
.sub_news .article .more { color:#cc6666; font-weight: 700; font-size:12px; font-family: 'Noto Sans', sans-serif; white-space: nowrap;}
.sub_news .article .thumb {position: relative; display:block; padding-bottom:22px; overflow: hidden;}
.sub_news .article .thumb img {display:block; width:708px; height:auto;  border:1px solid #E4E4E4;}
.sub_news .view_more {padding-top: 0;}

/* 2015-10-16 */
.sub_calendar h2.title {background-image: url(/Images/bg_sub_calendar.jpg);}
.sub_calendar .calendar {padding: 35px 0 35px 0;}
.sub_calendar .selectbox .box {padding-top: 9px; padding-bottom: 8px; border-width:3px;}
.sub_calendar .selectbox select {width: 55px; margin-left: 13px;}
.sub_calendar .selectbox .box strong {padding-right: 15px;}
.sub_calendar .selectbox .filter {position: relative; top:-1px; float:right; padding-right: 28px;}
.sub_calendar .selectbox .filter label {margin-left: 68px;}
.sub_calendar .selectbox .filter input {vertical-align: middle;}

.sub_calendar .timeline {position: relative; height:40px; margin:25px 0 25px 0; background: url(/Images/bg_cal_line.png) repeat-x;}
.sub_calendar .timeline .month {float:left; width:60px; height:40px; margin: 0 11px; background: url(/Images/bg_cal_month.png) no-repeat center top; text-align: center;}
.sub_calendar .timeline span {position: relative; top:37px; font-size:11px; font-weight: 700; color:#666;}
.sub_calendar .timeline .m1 {margin-left:29px;}
  .sub_calendar .timeline .on {color:#F21146; background-position: center -40px;}
  .sub_calendar .timeline .on span {color:#F21146;}
.sub_calendar .timeline .btn_left {position: absolute; display: block; left:0; top:0; width:13px; height:40px; background: url(/Images/btn_cal_left.png) no-repeat; text-indent: -5000px;}
.sub_calendar .timeline .btn_right {position: absolute; display: block; right:0; top:0; width:13px; height:40px; background: url(/Images/btn_cal_right.png) no-repeat; text-indent: -5000px;}

.sub_calendar .events {position: relative; left:-10px; width:1040px; margin:0 auto; zoom:1;}
.sub_calendar .events:after  {content:'.'; display:block; clear:both; height:0; overflow:hidden; visibility: hidden;}
.sub_calendar .day {float:left; position: relative; width:240px; height:240px; margin:10px; background: #EFEFEF;}
.sub_calendar .day h4 {position: absolute; right:18px; top:12px; color:#666;}
  .sub_calendar .sat h4 {color:#0099FF;}
  .sub_calendar .sun h4 {color:#FF0000;}
.sub_calendar .day h4 strong {font-size:36px; font-weight: 700;}
.sub_calendar .day h4 em {font-size:13px; font-weight: 700; vertical-align: baseline;}
.sub_calendar .day p {position: absolute; left:17px; top:60px; bottom:17px; padding-right:15px; line-height: 1.5; color:#666;}

body.sub_videos {background: #FFF;}
html.iframe {overflow: hidden;}

.sub_videos h2.title {background-image: url(/Images/bg_sub_video.jpg);}
.sub_videos .videos {padding-top:35px;}
.sub_videos .onair {position: relative; height:413px;}
.sub_videos .onair .movie {position: absolute; left:0; top:0;}
.sub_videos .onair .desc {padding-left: 690px; color:#000; line-height: 1.5; font-size: 12px; height:380px;}
.sub_videos .onair h3 {padding-bottom: 16px; font-weight: 700; font-size:16px;}

.sub_videos .tracks {position: relative; width:925px; height:115px; padding:25px 47px 45px 48px; margin-bottom: 45px; background: #232423;}
.sub_videos .tracks .item {margin:0 10px;}
.sub_videos .tracks a {position: relative; display: block;}
.sub_videos .tracks a img {display: block; width:163px; height:118px;}
.sub_videos .tracks .over {position: absolute; left:0; top:0; display:block; width:161px; height:116px; border:1px solid #5D5D5D; background: url(/Images/bg_thumb_pattern.png);}
  .sub_videos .tracks .on .over {width:157px; height:112px; border:3px solid #fff;}
.sub_videos .tracks em {position: absolute; left:1px; bottom:1px; display:block; width:141px; padding:8px 10px 6px 10px; background-color:rgba(0, 0, 0, 0.4); font-size: 11px; color:#FFF; line-height: 1.2;}
  .sub_videos .tracks .on em {left:3px; bottom:3px; width:137px; padding-top: 7px; padding-bottom:5px;}

.sub_videos .popular {position: relative; zoom:1;}
.sub_videos .popular:after  {content:'.'; display:block; clear:both; height:0; overflow:hidden; visibility: hidden;}
.sub_videos .popular  h3 {padding-bottom: 12px; font-size: 20px; font-weight: 700; color: #930000;}
.sub_videos .popular .mv {float:left; width:326px; height:310px; margin:10px 11px 10px 10px; background: #EFEFEF; color:#5e5e5e;}
.sub_videos .popular .list {position: relative; left:-10px; width:1042px; }
.sub_videos .popular .mv strong {display: block; padding:16px 15px 0 17px; font-weight: 700; line-height: 1.4;}
.sub_videos .popular .mv span {display: block; padding:0 15px 0 17px; font-weight: normald; line-height: 1.4;}

.paging {padding:35px 0 35px 0; text-align: center;}
.paging a {display:inline-block; padding:10px 8px; color:#666;  font-size: 14px;}
.paging a.on {font-weight: 700; color: #000;}
.paging a.btn_prev {margin-right:10px; background: url(/Images/btn_page_prev.png) no-repeat left 12px; text-indent: -5000px; }
.paging a.btn_next {margin-left:10px; background: url(/Images/btn_page_next.png) no-repeat right 12px; text-indent: -5000px; }

.sub_login h2.title {background-image: url(/Images/bg_sub_login.jpg);}
.sub_login .placeholder {padding:35px 0 200px 0;}
.sub_login .login {position: relative; width:1014px; height:295px; margin:0 auto; border:3px solid #993333; background: url(/Images/bg_login.png) no-repeat; }
.sub_login .login .field label {display:inline-block; width:122px; color:#000;}
.sub_login .login input.text {width:137px; padding:3px 0 3px 0; background: #F7F7F7; border: 1px solid #B9B9B9; text-indent: 5px;}
.sub_login .f_id {position: absolute; left:358px; top:97px;}
.sub_login .f_pw {position: absolute; left:358px; top:127px;}
.sub_login .btn_login {position: absolute; left:627px; top:97px; width:71px; height:54px; background: url(/Images/btn_login.png) no-repeat; border:none; text-indent: -5000px; cursor:pointer;}

.btn_text {display: inline-block; height:20px; padding: 0 0 0 19px; background:#CC3333 url(/Images/bg_btn_text.png) left top;}
.btn_text span {display: inline-block; padding:2px 7px 0 0;  height:18px; background: url(/Images/bg_btn_text.png) right top; color:#666;}
.sub_login .find_id {position: absolute; left:480px; top:173px;}
.sub_login .find_pw {position: absolute; left:573px; top:173px;}

/* 2015-10-22 */
.sub_workshop h2.title {background-image: url(/Images/bg_sub_workshop.jpg);}
.sub_workshop .workshop {padding: 35px 0 35px 0;}
.sub_workshop .detail {position: relative; min-height: 176px; padding:17px 17px 17px 17px; border:3px solid #993333;}
.sub_workshop .detail h3 {height:30px; padding-left: 4px; font-size: 14px; color:#993333; font-weight: 700;}
.sub_workshop .detail .thumb {position: absolute; left:17px; top:48px; width:228px; height:145px; background: url(/Images/bg_workshop.png) no-repeat;}
.sub_workshop .detail .desc {padding:0 0 0 247px; color:#000; line-height: 1.5; font-size:14px;}
.sub_workshop .boxlist {position: relative; margin-top: 28px; padding:22px 25px 25px 25px; border:4px solid #eee; background: #F7F7F7;}
.sub_workshop .boxlist h3 {padding-bottom: 23px; color: ##666; font-size: 34px; font-weight: 700;}
.sub_workshop .boxlist h3 span {font-size:18px;}
.sub_workshop .boxlist li {position: relative; padding-bottom: 17px; color:#666;}
.sub_workshop .boxlist li a {color: inherit;}
.sub_workshop .boxlist li b {font-weight: bold;}
.sub_workshop .boxlist li .tl {font-size:15px;}
.sub_workshop .boxlist .more {display: none; position: relative; margin-top:26px; border:1px solid #CCCCCC;}
.sub_workshop .boxlist .more .box {padding:12px 18px 15px 18px; background: #FFF;}
.sub_workshop .boxlist .more p {line-height: 1.5;}
.sub_workshop .boxlist .more .btns {padding-top: 10px;}
.sub_workshop .boxlist .more .btn_text {margin-right: 4px; background-color: #C76300;}
.sub_workshop .boxlist .arrow_top {position: absolute; left:44px; top:-15px; width: 15px; height:15px; background: url(/Images/bg_arrow_top.png) no-repeat;}

.btn_text2 {display: inline-block; height:24px; padding: 0 0 0 19px; background:#CC3333 url(/Images/bg_btn_text_l.png) left top;}
.btn_text2 span {display: inline-block; padding:4px 7px 0 0;  height:20px; background: url(/Images/bg_btn_text_l.png) right top; color:#666;}


.pop_view {position:absolute; z-index: 1000; width:760px; min-height: 500px; background: #FFF; border: 1px solid #999;}/*{position:absolute; z-index: 1000; left:50%; top:50%; width:760px; min-height: 500px; margin:-240px 0 0 -355px; background: #FFF; border: 1px solid #999;}*/
.pop_view .btn_close {position: absolute; right:22px; top:16px; text-indent: -5000px; display: block; width:71px; height:26px; background: url(/Images/close.png) no-repeat;}
.pop_view .article {position: relative; overflow: hidden; display:block; margin:0; padding-top: 60px;}
  .ko .sub_news_k a.article {font-family:dotum, sans-serif;}
.pop_view .article h4 {padding: 0 25px; font-size:16px; color:#333; line-height: 1.4; font-weight: bold; word-break:break-all; letter-spacing: -1px;}
.pop_view .article p {padding: 13px 25px 25px 25px; font-size:12px; color:#666; line-height: 0; word-break:break-all; text-align: justify;}
.pop_view .article .thumb {position: relative; display:block; width:710px; margin:0 auto; padding-bottom: 22px; overflow: hidden;}
.pop_view .article .thumb img {display:block; width:708px; height:auto;  border:1px solid #E4E4E4;}
.pop_view .sns_share {display: block; margin:0 25px; padding-bottom:20px; border-top:1px solid #CCCCCC;}

.pop_workshop {position: fixed;}
.pop_workshop .article {padding:57px 25px 0 25px;}
.pop_workshop .box {padding:15px; border:4px solid #EEEEEE; background: #F7F7F7 url(/Images/bg_workshop_apply.png) no-repeat right bottom;}
.pop_workshop .box h3 {font-size:16px; font-weight: 700; padding-bottom:18px;}
.pop_workshop .article .box p {padding:0 0 0 0; line-height: 1.5;}
.pop_workshop .form_group {margin-top: 33px; border-top:2px solid #CC0000;}
.pop_workshop .field {padding:4px 0 4px 0; border-bottom:1px solid #ccc;}
.pop_workshop label {display: inline-block; width:108px; padding: 0 0 0 12px; color:#666;}
.pop_workshop input {height:20px; border:1px solid #B9B9B9; background: #F7F7F7; text-indent: 10px;}
.pop_workshop .phone input {width:57px; margin-right: 14px; text-indent: 0; text-align: center;}
.pop_workshop .cert {padding:12px 0 0 125px; line-height: 1.5;}
.pop_workshop .btn_cert {margin-left: -5px; background-color:#9E9E9E; vertical-align: top;}
.pop_workshop .btns {padding:45px 0 0 0; text-align: center;}
.pop_workshop .btns a {margin:0 4px;}

/* 2015-10-28 */
.sub_rules h2.title {background-image: url(/Images/bg_sub_rules.jpg);}
.sub_rules .rules {min-height: 550px; padding: 35px 0 35px 0; background:url(/Images/bg_rules_cover.jpg) no-repeat right 37px;}
.sub_rules h3 {padding-bottom: 26px; font-size:24px; color:#993333;}
.sub_rules ul {width:473px; padding-left: 2px;}
.sub_rules ul li {position: relative; padding-bottom: 13px; font-size: 15px; line-height: 1.5;}
.sub_rules .dn {position: absolute; right:0; top:-2px; vertical-align: top;}
.sub_rules .dn a {display: inline-block; width:61px; height:22px; margin-left:1px; text-indent: -5000px;}
.sub_rules .dn .btn_kor {background: url(/Images/btn_n_kor.png) no-repeat;}
.sub_rules .dn .btn_eng {background: url(/Images/btn_n_eng.png) no-repeat;}

.sub_championship h2.title {background-image: url(/Images/bg_sub_championship.jpg);}
.sub_championship .championship {padding: 33px 0 50px 0;}
.sub_championship .korea_championship {padding: 33px 0 50px 0;}
.sub_championship .about {padding:0 0 0 264px; background: url(/Images/logo_championship.jpg) no-repeat;}
.sub_championship .korea_about {padding:0 0 0 264px; background: url(/Images/logo_championship_korea.jpg) no-repeat;}
.sub_championship h3 {padding-bottom: 20px; font-size: 18px; color:#993333;}
.sub_championship .desc p {padding: 0 0 25px 0; line-height: 1.5; color:#000;}
.sub_championship .how_to_join {padding: 20px 24px 20px 24px; margin-left: 264px; border:3px solid #993333;}
.sub_championship .how_to_join h4 {padding-bottom: 17px; font-size: 24px; font-weight: bold; color:#993333;}
.sub_championship .how_to_join p {padding-bottom: 17px; line-height: 1.7;}
.sub_championship .how_to_join p a {font-weight: bold; color:#cc0000;}
.sub_championship .how_to_join p a:hover {text-decoration: underline;}
.sub_championship .btn_contact em {color:#cc0000;}
.sub_championship .banner_bottom {height:266px; margin-top:43px; background: url(/Images/bg_championship_cover.jpg) no-repeat;}

.sub_scores h2.title {background-image: url(/Images/bg_sub_scores_result.jpg);}
.sub_scores .scores {padding:35px 0 50px 0;}
.sub_scores .selectbox .box {padding:4px 30px 4px 0; text-align:right;}
.sub_scores .selectbox select {width: 80px; text-align: center; font-size:18px; vertical-align: middle;}
.sub_scores .selectbox span {vertical-align: middle;}
.sub_scores .selectbox strong {vertical-align: middle;}
.sub_scores .item {position: relative; min-height:127px; padding:25px 25px 25px 23px;}
.sub_scores .item:nth-child(2n) {background: #f7f7f7;}
.sub_scores .item h3 {padding: 0 0 10px 0; font-size: 18px; font-weight: bold; color:#993333;}
.sub_scores .item .desc {font-size: 13px; line-height: 1.4;}
.sub_scores .media {float:right; width:219px; height:121px; margin-left:15px; background: url(/Images/bg_result_thumb.png) no-repeat; border:3px solid #dedede;}

.sub_scores .item2 {position: relative; min-height:230px; padding:25px 25px 25px 23px;}
.sub_scores .item2:nth-child(2n) {background: #f7f7f7;}
.sub_scores .item2 h3 {padding: 0 0 10px 0; font-size: 18px; font-weight: bold; color:#993333;}
.sub_scores .item2 .desc {font-size: 15px; line-height: 1.4;}
.sub_scores .media2 {float:right; width:400px; height:230px; margin-left:15px; background: url(/Images/bg_result_thumb.png) no-repeat; border:3px solid #dedede;}

/* 2015-10-30 */
.sub_worldbattle h2.title {background-image: url(/Images/bg_sub_worldbattle.jpg);}
.sub_worldbattle .worldbattle {padding:35px 0 50px 264px; background: url(/Images/bg_wb_cover.jpg) no-repeat 0 35px;}
.sub_worldbattle h3 {padding-bottom: 6px; font-size: 18px; font-weight: 700; color:#993333;}
.sub_worldbattle .desc {padding-bottom: 45px; font-size: 15px; colo:#666; line-height: 1.8;}
.sub_worldbattle .more a {margin-right: 6px;}
.sub_worldbattle .more_links {padding-bottom: 52px;}
.sub_worldbattle .schedule {}
.sub_worldbattle .schedule h3 {padding-bottom: 12px;}
.sub_worldbattle .schedule p {padding-bottom: 20px; color:#000; line-height: 1.4;}
.sub_worldbattle .schedule b {font-weight: 700;}
.sub_worldbattle .how_to_join {margin-top: 30px; padding: 20px 24px 20px 24px; border:3px solid #993333;}
.sub_worldbattle .how_to_join h4 {padding-bottom: 17px; font-size: 24px; font-weight: 700; color:#993333;}
.sub_worldbattle .how_to_join p {padding-bottom: 17px; line-height: 1.7;}
.sub_worldbattle .how_to_join p a {font-weight: 700; color:#cc0000;}
.sub_worldbattle .how_to_join p a:hover {text-decoration: underline;}
.sub_worldbattle .btn_contact em {color:#cc0000;}

.pop_battle {position: absolute; width:1020px; margin: 0 0 0 0px;}
.pop_battle .article {padding:67px 20px 35px 330px; border-top:4px solid #ccc;}
  .pop_battle .logo {position: absolute; z-index: -1; left:20px; top:44px; width: 316px; height: 277px; }
  .pop_battle .locking  {background: url(/Images/bg_wb_locking.jpg) no-repeat;}
  .pop_battle .breaking {background: url(/Images/bg_wb_breaking.jpg) no-repeat;}
  .pop_battle .popping  {background: url(/Images/bg_wb_popping.jpg) no-repeat;}
  .pop_battle .allstyles  {background: url(/Images/bg_wb_allstyles.jpg) no-repeat;}
  
.pop_battle h3 {padding-bottom: 20px; font-size: 18px; font-weight: 700; color:#993333;}
.pop_battle .desc {font-size: 15px; line-height: 1.4;}
.pop_battle .how_to_join {margin-top: 35px; padding: 20px 20px 20px 20px; border:3px solid #eee; background-color: #f7f7f7;}
.pop_battle .how_to_join h4 {padding: 0 0 6px 0; font-size: 18px; font-weight: normal; color:#993333;}
.pop_battle .how_to_join p {padding: 0 0 17px 0; line-height: 1.4;}
.pop_battle .how_to_join p a {font-weight: 700; color:#cc0000;}
.pop_battle .how_to_join p a:hover {text-decoration: underline;}
.pop_battle .btn_contact {padding: 0 0 0 14px; color:#666; background: url(/Images/bl_gt.png) no-repeat; }
.pop_battle .btn_contact em {color:#cc0000;}
.pop_battle .location {padding-top: 18px; margin-top: 40px; border-top:2px solid #cc0000; line-height: 1.5;}
.pop_battle .location b {font-weight: 700;}
.pop_battle .map {width: 670px; height:385px; margin-top: 25px; border: 1px solid #DDD;}