@charset "utf-8";
html,body{height:auto;}
body{width:100%;background:#000;}
button{border:none 0; outline:none 0; cursor:pointer;}
input,select{outline:none 0; border:none 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.eblind{font-size:0; text-indent:-9999em; background:url('images/t.gif') 0 0 repeat;}
.hide {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
div.shadow {width:100%;height:100%;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.8);z-index:9998;}

/* layout */
.e-container {position:relative;overflow:hidden;min-width:1200px;max-width:1920px;margin:0 auto;}
.e-wrap {position:relative;width:1200px;margin:0 auto;box-sizing:border-box;}

.e-footer {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}

.e-header {width:100%; height:697px; background:url('images/bg_header.jpg') 50% 0 no-repeat;}
.e-header .logo {position:absolute;top:32px;right:-8px;z-index:1;}
.e-header .logo a {overflow:hidden;display:block;width:164px;height:79px;background:url('images/bi.png') no-repeat;text-indent:-1000em;cursor:pointer;}
.e-header .intro {position:relative;width:100%;height:697px;}
.e-header .intro .title {position:absolute;top:0;left:198px;overflow:hidden;width:637px;height:34px;background:url('images/img_header01.png') no-repeat 0 100%;text-indent:-1000em;-webkit-transition:all 0.7s ease;transition:all 0.7s ease;}
.e-header .intro .char {position:absolute;bottom:-51px;right:111px;display:block;width:597px;height:541px;background:url('images/img_header02.png') no-repeat;}
.e-header .today {position:absolute;bottom:8px;right:43px;z-index:1;display:inline-block;width:124px;height:20px;vertical-align:middle;}
.e-header .today .chk {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.e-header .today label {overflow:hidden;display:block;width:100%;height:100%;background:url('images/today.png') no-repeat 0 -20px;text-indent:-1000em;cursor:pointer;}
.e-header .today .chk:checked + label {background-position:0 0;}
.loaded .e-header .intro .title {height:632px;}

.e-nav {position:absolute;top:697px;left:0;z-index:10;width:100%;height:100px;background:#1c110b;}
.e-nav .menu {overflow:hidden;width:1020px;}
.e-nav .menu li {float:left;width:340px;}
.e-nav a {overflow:hidden;display:block;height:100px;background-image:url('images/nav_off.jpg');background-repeat:no-repeat;text-indent:-1000em;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.e-nav li.on a,
.e-nav a:hover {background-image:url('images/nav_on.jpg');}
.e-nav a.nav1 {background-position-x:0;}
.e-nav a.nav2 {background-position-x:-340px;}
.e-nav a.nav3 {background-position-x:-680px;}
.e-container.nav-fixed .e-nav {position:fixed;top:0;}

.e-nav .home {position:absolute;top:0;right:28px;z-index:1;height:100px;padding-top:27px;box-sizing:border-box;}
.e-nav .home a {overflow:hidden;float:left;width:42px;height:48px;background-image:url('images/btn_home.png');background-repeat:no-repeat;text-indent:-1000em;}
.e-nav .home a.btn-red {background-position:0 0;}
.e-nav .home a.btn-blue {margin-left:10px;background-position:-52px 0;}
.e-nav .home a:hover {background-image:url('images/btn_home_on.png');}

.e-float {position:absolute;left:0;z-index:100;top:797px;left:50%;margin-left:537px;box-sizing:border-box;}
.e-float .floatbox {overflow:hidden;width:95px;height:511px;padding-top:32px;box-sizing:border-box;}
.e-float .float a {overflow:hidden;display:block;width:95px;height:95px;margin-bottom:14px;text-indent:-1000em;box-sizing:border-box;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.e-float a.top {overflow:hidden;display:block;width:95px;height:95px;text-indent:-1000em;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.e-float a.intro {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.e-float.fixed {position:fixed;top:100px;}

.rankbox {position:absolute;left:0;overflow:hidden;width:1200px;height:717px;}
.rankbox a[class^='btn-'] {position:absolute;bottom:81px;overflow:hidden;display:block;width:488px;height:50px;text-indent:-1000em;box-sizing:border-box;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.rankbox a.btn-score {left:106px;}
.rankbox a.btn-note {right:113px;}
.rankbox .list-rank {}
.rankbox .list-rank li {position:absolute;top:406px;width:155px;height:157px;padding:45px 5px 0;text-align:center;box-sizing:border-box;}
.rankbox .list-rank li.no1 {top:146px;left:179px;width:228px;height:231px;padding-top:0;}
.rankbox .list-rank li.no2 {top:146px;left:490px;width:228px;height:231px;padding-top:0;}
.rankbox .list-rank li.no3 {top:146px;left:800px;width:228px;height:231px;padding-top:0;}
.rankbox .list-rank li.no4 {left:44px;}
.rankbox .list-rank li.no5 {left:200px;}
.rankbox .list-rank li.no6 {left:356px;}
.rankbox .list-rank li.no7 {left:512px;}
.rankbox .list-rank li.no8 {left:668px;}
.rankbox .list-rank li.no9 {left:824px;}
.rankbox .list-rank li.no10 {left:980px;}
.rankbox .list-rank span {overflow:hidden;display:block;font-size:15px;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.rankbox .list-rank .lv {color:#1e3e6d;font-size:18px;}
.rankbox .list-rank .lv em {font-family:'Nanum Gothic Bold';font-style:normal;}
.rankbox .list-rank .srv {margin-top:14px;color:#8a8787;}
.rankbox .list-rank .chr {margin-top:8px;color:#27201f;}
.rankbox .list-rank .pnt {margin-top:3px;color:#27201f;}
.rankbox .update {position:absolute;bottom:51px;right:111px;color:#27201f;font-size:14px;}
.rankbox .list-rank li.no1,
.rankbox .list-rank li.no2,
.rankbox .list-rank li.no3 {padding:48px 10px 0;}
.rankbox .list-rank li.no1 .lv,
.rankbox .list-rank li.no2 .lv,
.rankbox .list-rank li.no3 .lv {position:absolute;left:0;bottom:0;overflow:hidden;width:100%;height:34px;font-size:19px;text-align:center;line-height:34px;}
.rankbox .list-rank li.no1 .lv em,
.rankbox .list-rank li.no2 .lv em,
.rankbox .list-rank li.no3 .lv em {font-size:24px;line-height:34px;}
.rankbox .list-rank li.no1 .lv {color:#f06b42;}
.rankbox .list-rank li.no2 .lv {color:#ffc77d;}
.rankbox .list-rank li.no3 .lv {color:#93abd8;}
.rankbox .list-rank li.no1 .srv,
.rankbox .list-rank li.no2 .srv,
.rankbox .list-rank li.no3 .srv {font-size:20px;font-family:'Nanum Gothic Bold';line-height:1.5;}
.rankbox .list-rank li.no1 .srv {color:#ffb6b6;}
.rankbox .list-rank li.no2 .srv {color:#ffbd65;}
.rankbox .list-rank li.no3 .srv {color:#2f4e83;}
.rankbox .list-rank li.no1 .chr,
.rankbox .list-rank li.no2 .chr,
.rankbox .list-rank li.no3 .chr {margin-top:2px;color:#fff;font-size:20px;line-height:1.5;}
.rankbox .list-rank li.no1 .pnt,
.rankbox .list-rank li.no2 .pnt,
.rankbox .list-rank li.no3 .pnt {margin-top:0;color:#fff;font-size:20px;line-height:1.5;}
.rankbox p[class^='dimmed-'] {position:absolute;top:0;left:0;z-index:10;overflow:hidden;display:block;width:1200px;height:717px;}
.rankbox p[class^='dimmed-'] strong {overflow:hidden;display:block;text-indent:-1000em;}
.rankbox p.dimmed-open {background:url('images/img_dimmed_open.png') no-repeat;}
.rankbox p.dimmed-end {background:url('images/img_dimmed_end.png') no-repeat;}

.rankbox .selectbox {position:absolute;top:61px;right:83px;width:125px;box-sizing:border-box;}
.rankbox .selectbox a {display:block;width:100%;height:31px;color:#1c595f;font-size:16px;background:url('images/bg_select.png') no-repeat 100% 100%;text-indent:20px;line-height:34px;}
.rankbox .selectbox select {position:absolute;top:0;left:0;width:100%;height:31px;opacity:0;}

.e-cont {padding-top:100px;background-repeat:no-repeat;background-position:50% 100px;}
.e-mastery {background-image:url('images/bg_mastery.jpg');}
.mastery-part1 a[class^='btn-'] {position:absolute;bottom:1525px;overflow:hidden;display:block;width:335px;height:91px;text-indent:-1000em;box-sizing:border-box;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.mastery-part1 a.btn-mured {left:260px;}
.mastery-part1 a.btn-mublue {right:259px;}
.e-mastery .rankbox {top:1451px;background:url('images/bg_rank01.png') no-repeat;}
.e-mastery .e-float .floatbox {background:url('images/bg_floating01.png') no-repeat;}

.e-lite {background-image:url('images/bg_lite.jpg');}
.lite-part1 a[class^='btn-'] {position:absolute;overflow:hidden;display:block;width:341px;height:91px;text-indent:-1000em;box-sizing:border-box;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.lite-part1 a.btn-detail {top:1333px;left:363px;width:469px;}
.lite-part1 a.btn-mured {bottom:327px;left:252px;}
.lite-part1 a.btn-mublue {bottom:327px;right:254px;}
.e-lite .rankbox {top:1257px;background:url('images/bg_rank02.png') no-repeat;}
.e-lite .e-float .floatbox {background:url('images/bg_floating02.png') no-repeat;}

.e-sales {background-image:url('images/bg_sales.jpg');}
.sales-part a[class^='btn-'] {overflow:hidden;display:block;width:341px;height:91px;text-indent:-1000em;box-sizing:border-box;background-color:#fff;opacity:0;filter:alpha(opacity=1);}
.sales-part a.btn-mured {float:left;width:335px;height:91px;}
.sales-part a.btn-mublue {float:left;width:335px;height:91px;margin-left:11px;}
.sales-part .btnset-top {position:absolute;top:1352px;left:258px;overflow:hidden;}
.sales-part .btnset-top a.btn-detail {display:none;margin-bottom:8px;width:681px;height:78px;}
.sales-part .btnset-btm {position:absolute;bottom:146px;left:259px;overflow:hidden;}

/* popup */
.pop-note {display:none;position:absolute;z-index:9999;box-sizing:border-box;}
.pop-close {position:absolute;top:11px;right:26px;overflow:hidden;width:52px;height:52px;background:url('images/btn_close.png') no-repeat 50%;text-indent:-1000em;cursor:pointer;}

.pager {clear:both;position:relative;margin:21px auto 0;text-align:center;z-index:1;*z-index:3;}
.pager a {display:inline-block;height:20px;margin:0 3px 0 4px;color:#7e7b78;text-align:center;font-size:18px;line-height:20px;*display:inline;*zoom:1;}
.pager a:hover {color:#cd6d2e;text-decoration:none;}
.pager .prev,
.pager .next {display:inline-block;width:18px;height:20px;margin:0;text-indent:-10000px;border:0;}
.pager .prev {margin-right:31px;background:url('images/bg_paging.png') no-repeat 50% 0;}
.pager .next {margin-left:34px;background:url('images/bg_paging.png') no-repeat 50% -20px;}
.pager .current {display:inline-block;height:20px;margin:0 4px 0 5px;color:#cd6d2e;text-align:center;font-size:18px;line-height:20px;}
.pager .disabled {display:none;}
.pager span,.pager a, .pager a:hover {display:inline-block;vertical-align:middle;}
*+html .pager{margin-top:0;}

.tbl-point {table-layout:fixed;width:708px;margin:0 auto;border-collapse:collapse;border-spacing:0;}
.tbl-point th {position:relative;height:42px;border-left:1px solid #6a6d9c;background:#30357a;color:#fff;line-height:42px;font-weight:normal;font-size:17px;text-align:center;}
.tbl-point td {overflow:hidden;height:38px;border-top:1px solid #c8c9d5;border-left:1px solid #c8c9d5;background:#ededed;color:#696969;line-height:38px;font-size:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.tbl-point .lv {border-left:0;}
.tbl-point td.lv,
.tbl-point td.no {color:#1b367a;}
.tbl-point tr td:first-of-type {border-left:0;}
.tbl-point tr:first-of-type td {border-top:0;}

.search-area {overflow:hidden;width:708px;height:34px;margin:0 auto 13px;}
.search-area:after {content:"";display:table;clear:both;}
.search-area .search-title {float:left;width:102px;color:#495b7c;font-size:18px;line-height:34px;}
.search-area .selectbox {position:relative;float:left;width:157px;height:100%;border:1px solid #7974a9;background:#130f3c;box-sizing:border-box;}
.search-area .selectbox a {display:block;height:100%;color:#fff;font-size:16px;background:url('images/ico_select.png') no-repeat 100% 50%;text-indent:20px;line-height:34px;}
.search-area .selectbox select {position:absolute;top:0;left:0;width:100%;height:33px;opacity:0;}
.search-area .inp-search {float:left;width:410px;height:34px;margin-left:5px;background:#130f3c;color:#fff;font-size:16px;text-indent:10px;box-sizing:border-box;}
.search-area .btn-search {overflow:hidden;float:left;width:34px;height:34px;margin:0;padding:0;border:0;background:url('images/btn_search.jpg') no-repeat;text-indent:-1000em;cursor:pointer;}
.search-area input::-ms-clear {display:none;}
.search-area input::-webkit-input-placeholder{color:#fff;}
.search-area input::-ms-input-placeholder{color:#fff;}

.pop-result {display:none;position:absolute;z-index:9999;width:764px;height:783px;padding:0;background:#fff;box-sizing:border-box;}
.pop-result .pop-title {overflow:hidden;width:100%;height:75px;margin-bottom:28px;background-repeat:no-repeat;text-indent:-1000em;}
.pop-result .title-mastery {background-image:url('images/pop_title01.jpg');}
.pop-result .title-lite {background-image:url('images/pop_title02.jpg');}
.result-box {position:absolute;bottom:0;left:0;right:0;height:178px;box-sizing:border-box;}