@charset 'EUC-KR';
@import url('sub.css');
@import url('jquery.mCustomScrollbar.css');
@import url('jquery.booklet.latest.css');

@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:400;
	src:url('../font/NanumBarunGothic.eot');
	src:url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family:'NanumBarunGothicBold';
	font-style:normal;
	font-weight:700;
	src:url('../font/NanumBarunGothicBold.eot');
	src:url('../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumBarunGothicBold.woff') format('woff');
}

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, 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;line-height:120%}
input, select{margin:0;padding:0;font-size:100%;font:inherit}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{font-family:'µ¸¿ò',Dotum,Verdana,AppleGothic}
li{list-style:none;}
blockquote, q{quotes:'"' '"'}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
address{font-style:normal}
input, select, button, img{vertical-align:middle}
button{margin:0;padding:0;border:0;background-color:transparent;cursor:pointer}
a{color:inherit;text-decoration:none}
a:hover, a:focus{text-decoration:underline}

/* display */
.hidden{display:none !important}
.block{display:block !important}
.inline{display:inline !important}
.inline-block{display:inline-block;zoom:1;*display:inline}
/* accessibility */
.indent{display:block;position:relative;width:0;height:0;text-indent:-10000px}
.fold{display:block !important;overflow:hidden !important;height:0 !important}
/* overflow */
.over_a{overflow:auto !important}
.over_h{overflow:hidden !important}
/* float */
.f_left{float:left !important}
.f_right{float:right !important}
.f_clear{clear:both !important}
/* position */
.relative{position:relative !important}
.absolute{position:absolute !important}
.static{position:static !important}
/* width & height */
.w100{width:100%}
.h100{height:100%}
/* margin */
.m_none{margin:0 !important}
.m_t0{margin-top:0 !important}
.m_t5{margin-top:5px !important}
.m_t10{margin-top:10px !important}
.m_t20{margin-top:20px !important}
.m_t30{margin-top:30px !important}
.m_t40{margin-top:40px !important}
.m_t50{margin-top:40px !important}
.m_t60{margin-top:60px !important}
.m_b10{margin-bottom:10px !important}
.m_b20{margin-bottom:20px !important}
.m_b30{margin-bottom:30px !important}
.m_b40{margin-bottom:40px !important}
.m_b50{margin-bottom:50px !important}
.m_b60{margin-bottom:60px !important}
.m_r10{margin-right:10px !important}
/* padding */
.p_none{padding:0 !important}
.p_t10{padding-top:10px !important}
.p_t20{padding-top:20px !important}
.p_b10{padding-bottom:10px !important}
.p_b20{padding-bottom:20px !important}
/* border */
.b_none{border:0 !important}
/* background */
.bg_none{background:none !important}
/* text-align */
.t_left{text-align:left !important}
.t_right{text-align:right !important}
.t_center{text-align:center !important}
/* vertical-align */
.v_base{vertical-align:baseline !important}
.v_top{vertical-align:top !important}
.v_mid{vertical-align:middle !important}
.v_bot{vertical-align:bottom !important}
/* font */
.oblique{font-style:oblique !important}
.italic{font-style:italic !important}
.normal{font-weight:400 !important}
.bold{font-weight:700 !important}
.extra{font-weight:800 !important}
/* white-space */
.w_pre{white-space:pre;word-wrap:break-word}
/* cursor */
.pointer{cursor:pointer !important}
/* opacity */
.alpha{opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';filter:alpha(opacity=0)}

/* skiptoContent */
#skiptoContent{position:absolute;width:100%}
#skiptoContent dt{position:absolute;left:0;top:-10000px}
a.skip{display:block;position:absolute;left:0;top:-10000px;z-index:1000;width:100%;font-size:15px;text-align:center}
a.skip:hover, a.skip:focus, a.skip:active{position:absolute;top:0;z-index:1000;padding:15px 0;background:#fff;font-weight:800;color:#000;text-decoration:underline}

body{overflow-x:hidden;position:relative;width:100%;min-width:1259px;background:#26170F;font-family:NanumBarunGothic}
body.sub{overflow-y:scroll;background:#161d22}

/* common */
.bgColor{background-color:#161d22}
.font20{font-size:20px}
.color1{color:#fff}
.color2{color:#a0a0a0}
.color3{color:#8b8e91}
.color4{color:#707070}
.line24{line-height:24px !important}

#topBannerWrap{display:none;overflow:hidden;position:relative;width:100%;height:0}
div.top_banner, div.top_banner ul, li.top_banners{overflow:hidden;position:relative;width:100%;height:100%}
li.top_banner1{position:relative;background:url('../img/new/top_img1.jpg') no-repeat 50% 0}
li.top_banner2{position:relative;background:url('../pop/pop20170728.jpg') no-repeat 50% 0}
li.top_banner3{position:relative;background:url('../pop/20170810_1.jpg') no-repeat 50% 0}
li.top_banner4{position:relative;background:url('../pop/20170810_2.jpg') no-repeat 50% 0}
#bindPromotionModalOpen{display:block;position:absolute;left:50%;top:192px;width:410px;height:35px;margin-left:195px;text-indent:-10000px}
ul.relation_link{position:absolute;left:0;top:200px;width:100%;text-align:center}
ul.relation_link li{display:inline-block;height:52px;margin:0 5px;background-repeat:no-repeat;background-position:0 0}
ul.relation_link li:hover{background-position:0 -52px}
li.relation_link1{width:240px;background-image:url('../img/new/top_tab1_1.png')}
li.relation_link2{width:240px;background-image:url('../img/new/top_tab1_2.png')}
li.relation_link3{width:180px;background-image:url('../img/new/top_tab1_1_new.png')}
li.relation_link4{width:180px;background-image:url('../img/new/top_tab1_2_new.png')}
li.relation_link5{width:45px;background-image:url('../img/new/top_tab1_3_new.png')}
li.relation_link6{width:45px;background-image:url('../img/new/top_tab1_4_new.png')}
li.relation_link7{width:45px;background-image:url('../img/new/top_tab1_5_new.png')}
ul.relation_link li a{display:block;position:relative;width:100%;height:100%;text-indent:-10000px}
ul.top_control{overflow:hidden;position:absolute;left:50%;top:30px;margin-left:590px}
ul.top_control li{float:left;width:9px;height:9px;margin-left:5px}
ul.top_control li a{display:block;width:100%;height:100%;background-image:url('../img/new/top_btn2.png');background-repeat:no-repeat;background-position:0 -9px}
ul.top_control li.on a{background-position:0 0}

button.top_banner_x{display:none;position:absolute;left:50%;top:20px;z-index:160;width:42px;height:44px;margin-left:586px;background-image:url('../img/new/top_btn.png');background-repeat:no-repeat;background-position:0 0;text-indent:-10000px;
-webkit-transition: background-position 0.5s;
-moz-transition: background-position 0.5s;
transition: background-position 0.5s;
}
button.top_banner_x.on{background-position:0 -44px}

div.introText{position:absolute;top:518px;left:50%;margin-left:-130px;color:#b0a8a6;text-align:center;letter-spacing:-1.5px;line-height:22px}
div.introText strong{text-decoration:underline}

#entireWrap{overflow:hidden;position:relative;width:100%;height:1800px}
/* pipe sprite */
#pipeWrap{position:absolute;left:50%;top:80px;width:3000px;height:1690px;margin-left:-1500px}
.pipe_x{width:76px;height:71px;background-image:url('../img/new/pipe_sprite_x.png');background-repeat:no-repeat}
.pipe_x00{background-position:0 0}
.pipe_x01{background-position:0 -71px}
.pipe_x02{background-position:0 -142px}
.pipe_x03{background-position:0 -213px}
.pipe_x04{background-position:0 -284px}
.pipe_x05{background-position:0 -355px}
.pipe_x06{background-position:0 -426px}
.pipe_x07{background-position:0 -497px}
.pipe_x08{background-position:0 -568px}
.pipe_x09{background-position:0 -639px}
.pipe_x10{background-position:0 -710px}
.pipe_x11{background-position:0 -781px}
.pipe_x12{background-position:0 -852px}
.pipe_x13{background-position:0 -923px}
.pipe_y{width:71px;height:76px;background-image:url('../img/new/pipe_sprite_y.png');background-repeat:no-repeat}
.pipe_y00{background-position:-923px 0}
.pipe_y01{background-position:-852px 0}
.pipe_y02{background-position:-781px 0}
.pipe_y03{background-position:-710px 0}
.pipe_y04{background-position:-639px 0}
.pipe_y05{background-position:-568px 0}
.pipe_y06{background-position:-497px 0}
.pipe_y07{background-position:-426px 0}
.pipe_y08{background-position:-355px 0}
.pipe_y09{background-position:-284px 0}
.pipe_y10{background-position:-213px 0}
.pipe_y11{background-position:-142px 0}
.pipe_y12{background-position:-71px 0}
.pipe_y13{background-position:0 0}
#pipeElem01Wrap{position:absolute;left:990px;top:174px}
#pipeElem02Wrap{position:absolute;left:2289px;top:445px}
#pipeElem03Wrap{position:absolute;left:780px;top:666px}
#pipeElem04Wrap{position:absolute;left:2266px;top:720px}
#pipeElem05Wrap{position:absolute;left:1096px;top:360px}
#pipeElem06Wrap{position:absolute;left:1305px;top:180px}
#pipeElem07Wrap{position:absolute;left:1875px;top:185px}

/* wrapper */
#wrap{width:1259px;height:1690px;padding-top:80px;margin:0 auto}
#wrap.sub{height:auto}

/* header */
#headerWrap{overflow:hidden;position:absolute;z-index:150;width:100%;height:80px;background-color:#1c1c1c}
#header{width:1259px;margin:0 auto}
ul.gnbMajor{margin-right:105px;padding-top:15px}
li.gnbMajors{float:left}
li.gnbMajor1{width:194px}
li.gnbMajor2{width:118px}
li.gnbMajor3{width:128px}
li.gnbMajor4{width:158px}
li.gnbMajor5{width:143px}
li.gnbMajor6{width:201px}
li.gnbMajors a{display:block;width:100%;height:50px;background-repeat:no-repeat;background-position:50% -50px;transition:0.5s all}
li.gnbMajors a:hover{background-position:50% 0}
ul.gnbMajor li.on a{background-position:50% 0}
li.gnbMajor1 a{background-image:url("../img/new/gnb1.png")}
li.gnbMajor2 a{background-image:url("../img/new/gnb2.png")}
li.gnbMajor3 a{background-image:url("../img/new/gnb3.png")}
li.gnbMajor4 a{background-image:url("../img/new/gnb4.png")}
li.gnbMajor5 a{background-image:url("../img/new/gnb5.png")}
li.gnbMajor6 a{background-image:url("../img/new/gnb6.png")}
ul.gnbMinors{display:none;position:relative;z-index:50;margin:20px 0 0 28px}
li.gnbMajor6 ul.gnbMinors{margin:20px 0 0 -4px}
ul.gnbMinors li{width:auto;margin-bottom:10px}
ul.gnbMinors li a{height:auto;background:none;font-size:14px;color:#a4a4a4;text-decoration:none}
ul.gnbMinors li a:hover, ul.gnbMinors li.on a{color:#fff}
#sitemapBtn{position:absolute;top:28px;left:50%;width:33px;height:27px;margin-left:525px;background:url('../img/new/sitemap_btn.png') no-repeat;background-position:0 0}
#sitemapBtn span{display:block;width:0;height:0;text-indent:-9000px}

/* tiles */
#tileWrap{position:absolute;top:80px;width:100%;height:1690px}
.tiles{position:absolute}
#bannerRollWrap{width:100%;height:549px}
#bannerRoll{overflow:hidden;position:relative;width:100%;height:100%}

/* 1025 */
.bannerWrap{width:100%;height:100%}
.bannerWrap li{position:relative;width:100%;height:100%}
.bannerWrap li a{display:block;width:100%;height:100%;}
li.bannerRoll1{background:url('../img/new/main_banner01.jpg') no-repeat}
li.bannerRoll2{background:url('../img/new/main_banner02.jpg') no-repeat}
li.bannerRoll3{background:url('../img/new/main_banner03.jpg') no-repeat}
li.bannerRoll4{background:url('../img/new/main_banner04.jpg') no-repeat}

.bannerRoll1Title{position:absolute;left:670px;top:72px}
.bannerRoll1Detail{position:absolute;left:840px;top:408px}
.bannerRoll2Detail{position:absolute;left:455px;top:270px}
div.bannerRollBtn button{position:absolute;top:50%;z-index:50;width:11px;height:19px;margin-top:-10px;background-image:url('../img/new/ban_btn1.png');background-repeat:no-repeat;text-indent:-10000px}
.bannerRollL{left:6px;background-position:0 0}
.bannerRollR{right:6px;background-position:0 100%}

.roll_wrap{position:absolute;bottom:36px;left:0;width:100%;text-align:center;font-size:0}
.bannerRollCtr{display:inline-block;vertical-align:top;width:21px;height:21px;background-image:url("../img/new/btn_playstop.png");background-repeat:no-repeat;background-position:0 0;text-indent:-10000px}
.bannerRollCtr.stop{background-position:0 -21px}
.bannerRollCirc{display:inline-block;vertical-align:top;overflow:hidden;right:44px;bottom:36px}
.bannerRollCirc li{float:left;width:20px;height:20px;border:1px solid #fff;border-radius:15px;margin-left:12px;transition:0.5s all}
.bannerRollCirc li.on{width:42px;background-color:#fff}
.bannerRollCirc li a{display:block;width:100%;height:100%;text-indent:-10000px}

.tile01{left:0;top:564px;width:300px;height:378px}
.tile02{left:321px;top:564px;width:300px;height:378px}
.tile03{left:640px;top:564px;width:619px;height:378px}
.tile04{left:0;top:962px;width:471px;height:315px}
.tile05{overflow:hidden;left:492px;top:962px;width:767px;height:315px}
.tile05Circ{overflow:hidden;position:absolute;right:12px;top:12px}
.tile05Circ li{float:left;width:13px;height:13px;margin-left:8px;background-color:#fff;border-radius:7px;transition:.5s all}
.tile05Circ li.on{background-color:#8a7a6c}
.tile05Circ li a{display:block;text-indent:-10000px}
.tile06{left:0;top:1298px;width:300px;height:315px}
.tile06Roll{width:183px;margin:0 auto;padding-top:34px;color:#fff}
.tile06Roll ul{overflow:hidden;position:relative;height:192px}
.tile06Roll dd{color:#aaa}
.tile06Roll dd.thumbnail{height:101px;margin:14px 0 20px}
div.rollBtn button{position:absolute;top:50%;width:12px;height:19px;margin-top:14px;background-image:url('../img/new/ban_btn2.png');background-repeat:no-repeat;text-indent:-10000px}
.rollBtnL{left:25px;background-position:0 0}
.rollBtnR{right:25px;background-position:0 100%}
.tile07{left:321px;top:1298px;width:300px;height:315px;background:url('../img/new/tile7.jpg') no-repeat}
.tile07Roll{overflow:hidden;position:relative;width:185px;height:210px;margin:0 auto;padding-top:82px}
.tile07Roll dd{font-size:14px;color:#ebebeb;}
.tile07Roll dd.thumbnail{margin:14px 0 20px}
.tile08{overflow:hidden;left:640px;top:1298px;width:300px;height:315px}
.tile08cont{width:252px;height:204px;margin:27px 0 0 25px;background-image:url('../img/new/tile8bgicon.png');background-repeat:no-repeat}
.tile08cont.on{background-position:0 0}
.tile08cont.offEnd{background-position:0 100%}
.tile08cont span{display:block;padding-top:76px;font-size:45px;color:#fff;text-align:center}
.tile09{left:959px;top:1298px;width:300px;height:315px}
.tile09 h3{padding:24px 0 0 22px}
.tile09Notice{padding:16px 0 0 22px;font-size:14px}
.tile09Notice li{margin-bottom:10px;list-style:disc inside;color:#aaa}/*#ec1a24*/
.tile09Notice li a{color:#aaa}
.smsBanner{position:absolute;left:0;bottom:0}

/* css animation */
.anim{
-webkit-animation-timing-function:cubic-bezier(1.000, 0.195, 0.115, 0.995);
        animation-timing-function:cubic-bezier(1.000, 0.195, 0.115, 0.995);
}

/* (wrapper) */
#wrap.anim{
-webkit-animation-name:wrappertransform;
        animation-name:wrappertransform;
-webkit-animation-duration:5s;
        animation-duration:5s;
}
@-webkit-keyframes wrappertransform{
	from {
		-webkit-transform:perspective(3000px) scale(0.3, 0.3) rotateX(180deg) rotateY(180deg);
		-webkit-transform-origin:50% 35%;
	}
	15% {
		-webkit-transform:perspective(3000px) scale(0.3, 0.3) rotateX(45deg) rotateY(180deg);
		-webkit-transform-origin:50% 20%;
	}
	30% {
		-webkit-transform:perspective(3000px) scale(0.3, 0.3) rotateX(45deg) rotateY(30deg);
		-webkit-transform-origin:50% 20%;
	}
	35% {
		-webkit-transform:perspective(3000px) scale(0.3, 0.3) rotateX(45deg) rotateY(30deg);
		-webkit-transform-origin:50% 20%;
	}
	40% {
		-webkit-transform:perspective(3000px) scale(0.3, 0.3) rotateX(15deg) rotateY(5deg);
		-webkit-transform-origin:50% 20%;
	}
	45% {
		-webkit-transform:perspective(3000px) scale(0.3, 0.3) rotateX(0deg) rotateY(0deg);
		-webkit-transform-origin:50% 20%;
	}
	50% {
		-webkit-transform:perspective(3000px) scale(0.3, 0.3) rotateX(0deg) rotateY(0deg);
		-webkit-transform-origin:50% 20%;
	}
	65% {
		-webkit-transform:perspective(3000px) scale(0.6, 0.6) rotateX(0deg) rotateY(0deg);
		-webkit-transform-origin:50% 18%;
	}
	75% {
		-webkit-transform:perspective(3000px) scale(0.6, 0.6) rotateX(0deg) rotateY(0deg);
		-webkit-transform-origin:50% 18%;
	}
	to {
		-webkit-transform-origin:50% 10%;
	}
}
@keyframes wrappertransform{
	from {
		transform:perspective(3000px) scale(0.3, 0.3) rotateX(180deg) rotateY(180deg);
		transform-origin:50% 35%;
	}
	15% {
		transform:perspective(3000px) scale(0.3, 0.3) rotateX(45deg) rotateY(180deg);
		transform-origin:50% 20%;
	}
	30% {
		transform:perspective(3000px) scale(0.3, 0.3) rotateX(45deg) rotateY(30deg);
		transform-origin:50% 20%;
	}
	35% {
		transform:perspective(3000px) scale(0.3, 0.3) rotateX(45deg) rotateY(30deg);
		transform-origin:50% 20%;
	}
	40% {
		transform:perspective(3000px) scale(0.3, 0.3) rotateX(15deg) rotateY(5deg);
		transform-origin:50% 20%;
	}
	45% {
		transform:perspective(3000px) scale(0.3, 0.3) rotateX(5deg) rotateY(-5deg);
		transform-origin:50% 20%;
	}
	50% {
		transform:perspective(3000px) scale(0.3, 0.3) rotateX(0deg) rotateY(0deg);
		transform-origin:50% 20%;
	}
	65% {
		transform:perspective(3000px) scale(0.6, 0.6) rotateX(0deg) rotateY(0deg);
		transform-origin:50% 18%;
	}
	75% {
		transform:perspective(3000px) scale(0.6, 0.6) rotateX(0deg) rotateY(0deg);
		transform-origin:50% 18%;
	}
	to {
		transform-origin:50% 10%;
	}
}

/* (tiles) */
.tiles.anim{
-webkit-animation-duration:5s;
        animation-duration:5s;
}
.tile00.anim{
-webkit-animation-name:boxtransform00;
        animation-name:boxtransform00;
}
@-webkit-keyframes boxtransform00{
	from {
		-webkit-transform:perspective(500px);
	}
	70% {
		-webkit-transform:perspective(500px);
	}
	75% {
		-webkit-transform:perspective(500px) translateZ(-50px);
	}
	to {
	}
}
@keyframes boxtransform00{
	from {
		transform:perspective(500px);
	}
	70% {
		transform:perspective(500px);
	}
	75% {
		transform:perspective(500px) translateZ(-50px);
	}
	to {
		transform:perspective(500px) translateZ(0);
	}
}
.tile01.anim{
-webkit-animation-name:boxtransform01;
        animation-name:boxtransform01;
}
@-webkit-keyframes boxtransform01{
	from {
		-webkit-transform:perspective(500px);
	}
	70% {
		-webkit-transform:perspective(500px);
	}
	75% {
		-webkit-transform:perspective(500px) translateZ(-100px);
	}
	to {
	}
}
@keyframes boxtransform01{
	from {
		transform:perspective(500px);
	}
	70% {
		transform:perspective(500px);
	}
	75% {
		transform:perspective(500px) translateZ(-100px);
	}
	to {
		transform:perspective(500px) translateZ(0);
	}
}
.tile02.anim{
-webkit-animation-name:boxtransform02;
        animation-name:boxtransform02;
}
@-webkit-keyframes boxtransform02{
	from {
		-webkit-transform:perspective(500px);
	}
	70% {
		-webkit-transform:perspective(500px);
	}
	75% {
		-webkit-transform:perspective(500px) translateZ(50px);
	}
	to {
	}
}
@keyframes boxtransform02{
	from {
		transform:perspective(500px);
	}
	70% {
		transform:perspective(500px);
	}
	75% {
		transform:perspective(500px) translateZ(50px);
	}
	to {
		transform:perspective(500px) translateZ(0);
	}
}
.tile03.anim{
-webkit-animation-name:boxtransform03;
        animation-name:boxtransform03;
}
@-webkit-keyframes boxtransform03{
	from {
		-webkit-transform:perspective(500px);
	}
	70% {
		-webkit-transform:perspective(500px);
	}
	75% {
		-webkit-transform:perspective(500px) translateZ(-50px);
	}
	to {
	}
}
@keyframes boxtransform03{
	from {
		transform:perspective(500px);
	}
	70% {
		transform:perspective(500px);
	}
	75% {
		transform:perspective(500px) translateZ(-50px);
	}
	to {
		transform:perspective(500px) translateZ(0);
	}
}
.tile04.anim{
-webkit-animation-name:boxtransform04;
        animation-name:boxtransform04;
}
@-webkit-keyframes boxtransform04{
	from {
		-webkit-transform:perspective(500px);
	}
	70% {
		-webkit-transform:perspective(500px);
	}
	75% {
		-webkit-transform:perspective(500px) translateY(100px) translateZ(-100px);
	}
	to {
	}
}
@keyframes boxtransform04{
	from {
		transform:perspective(500px);
	}
	70% {
		transform:perspective(500px);
	}
	75% {
		transform:perspective(500px) translateY(100px) translateZ(-100px);
	}
	to {
		transform:perspective(500px) translateY(0) translateZ(0);
	}
}
.tile05.anim{
-webkit-animation-name:boxtransform05;
        animation-name:boxtransform05;
}
@-webkit-keyframes boxtransform05{
	from {
		-webkit-transform:perspective(500px);
	}
	70% {
		-webkit-transform:perspective(500px);
	}
	75% {
		-webkit-transform:perspective(500px) translateY(100px) translateZ(100px);
	}
	to {
	}
}
@keyframes boxtransform05{
	from {
		transform:perspective(500px);
	}
	70% {
		transform:perspective(500px);
	}
	75% {
		transform:perspective(500px) translateY(100px) translateZ(100px);
	}
	to {
		transform:perspective(500px) translateY(0) translateZ(0);
	}
}
.tile06.anim{
-webkit-animation-name:boxtransform06;
        animation-name:boxtransform06;
}
@-webkit-keyframes boxtransform06{
	from {
		-webkit-transform:perspective(500px);
	}
	70% {
		-webkit-transform:perspective(500px);
	}
	75% {
		-webkit-transform:perspective(500px) translateY(200px) translateZ(-100px);
	}
	to {
	}
}
@keyframes boxtransform06{
	from {
		transform:perspective(500px);
	}
	70% {
		transform:perspective(500px);
	}
	75% {
		transform:perspective(500px) translateY(200px) translateZ(-100px);
	}
	to {
		transform:perspective(500px) translateY(0) translateZ(0);
	}
}
.tile07.anim{
-webkit-animation-name:boxtransform07;
        animation-name:boxtransform07;
}
@-webkit-keyframes boxtransform07{
	from {
		-webkit-transform:perspective(500px);
	}
	70% {
		-webkit-transform:perspective(500px);
	}
	75% {
		-webkit-transform:perspective(500px) translateY(200px) translateZ(150px);
	}
	to {
	}
}
@keyframes boxtransform07{
	from {
		transform:perspective(500px);
	}
	70% {
		transform:perspective(500px);
	}
	75% {
		transform:perspective(500px) translateY(200px) translateZ(150px);
	}
	to {
		transform:perspective(500px) translateY(0) translateZ(0);
	}
}
.tile08.anim{
-webkit-animation-name:boxtransform08;
        animation-name:boxtransform08;
}
@-webkit-keyframes boxtransform08{
	from {
		-webkit-transform:perspective(500px);
	}
	70% {
		-webkit-transform:perspective(500px);
	}
	75% {
		-webkit-transform:perspective(500px) translateY(200px) translateZ(-200px);
	}
	to {
	}
}
@keyframes boxtransform08{
	from {
		transform:perspective(500px);
	}
	70% {
		transform:perspective(500px);
	}
	75% {
		transform:perspective(500px) translateY(200px) translateZ(-200px);
	}
	to {
		transform:perspective(500px) translateY(0) translateZ(0);
	}
}
.tile09.anim{
-webkit-animation-name:boxtransform09;
        animation-name:boxtransform09;
}
@-webkit-keyframes boxtransform09{
	from {
		-webkit-transform:perspective(500px);
	}
	70% {
		-webkit-transform:perspective(500px);
	}
	75% {
		-webkit-transform:perspective(500px) translateY(200px) translateZ(150px);
	}
	to {
	}
}
@keyframes boxtransform09{
	from {
		transform:perspective(500px);
	}
	70% {
		transform:perspective(500px);
	}
	75% {
		transform:perspective(500px) translateY(200px) translateZ(150px);
	}
	to {
		transform:perspective(500px) translateY(0) translateZ(0);
	}
}

/* cube animation */
.transition{
-webkit-transition:1s all ease-in-out;
        transition:1s all ease-in-out;
}
.cubeWrap.enable{
-webkit-perspective:500px;
   -moz-perspective:500px;
    -ms-perspective:500px;
        perspective:500px;
}
.csstransforms3d.preserve-3d .cubeWrap.enable .cube{position:absolute;width:100%;height:100%;
-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
        transform-style:preserve-3d;
-webkit-transform:translateZ(-50px);
        transform:translateZ(-50px);
}
.csstransforms3d.preserve-3d .cubeWrap.enable .cube:hover{position:absolute;width:100%;height:100%;
-webkit-transform:rotateY(180deg) translateZ(50px);
        transform:rotateY(180deg) translateZ(50px);
}
.cubeWrap .cube .cube_items{position:absolute}
.csstransforms3d.preserve-3d .front{
-webkit-transform:translateZ(50px);
        transform:translateZ(50px);
}
.csstransforms3d.preserve-3d .cubeWrap.enable .back{
-webkit-transform:rotateY(180deg) translateZ(50px);
        transform:rotateY(180deg) translateZ(50px);
}
.csstransforms3d.preserve-3d .cubeWrap.enable .left{
-webkit-transform:rotateY(-90deg) translateZ(50px);
        transform:rotateY(-90deg) translateZ(50px);
}
.csstransforms3d.preserve-3d .cubeWrap.enable .right{
-webkit-transform:rotateY(90deg) translateZ(250px);
        transform:rotateY(90deg) translateZ(250px);
}
.csstransforms3d.preserve-3d .cubeWrap.enable .top{
-webkit-transform:rotateX(90deg) translateZ(50px);
        transform:rotateX(90deg) translateZ(50px);
}
.csstransforms3d.preserve-3d .cubeWrap.enable .bottom{
-webkit-transform:rotateX(-90deg) translateZ(326px);
        transform:rotateX(-90deg) translateZ(326px);
}
.csstransforms3d.preserve-3d .cubeWrap.enable .tile03Cube .right{width:100px;height:378px;
-webkit-transform:rotateY(90deg) translateZ(569px) !important;
        transform:rotateY(90deg) translateZ(569px) !important;
}
.csstransforms3d.preserve-3d .cubeWrap.enable .tile04Cube .right{width:100px;height:315px;
-webkit-transform:rotateY(90deg) translateZ(421px) !important;
        transform:rotateY(90deg) translateZ(421px) !important;
}
.csstransforms3d.preserve-3d .cubeWrap.enable .tile04Cube .bottom{width:471px;height:100px;background-color:#000;
-webkit-transform:rotateX(-90deg) translateZ(265px) !important;
        transform:rotateX(-90deg) translateZ(265px) !important;
}
.csstransforms3d.no-preserve-3d .left, .csstransforms3d.no-preserve-3d .right, .csstransforms3d.no-preserve-3d .top, .csstransforms3d.no-preserve-3d .bottom{display:none}
.csstransforms3d.no-preserve-3d .cubeWrap.enable .back{transform:rotateY(180deg)}
.csstransforms3d.no-preserve-3d .cubeWrap.enable .cube:hover .front{z-index:1;transform:rotateY(180deg)}
.csstransforms3d.no-preserve-3d .cubeWrap.enable .cube:hover .back{z-index:10;transform:rotateY(360deg)}
.tile01Cube .front{z-index:10;width:300px;height:378px}
.tile01Cube .back{width:300px;height:378px}
.tile01Cube .left{width:100px;height:378px}
.tile01Cube .right{width:100px;height:378px}
.tile01Cube .top{width:300px;height:100px;background-color:#8d6011}
.tile01Cube .bottom{width:300px;height:100px;background-color:#000}
.tile02Cube .front{z-index:10;width:300px;height:378px}
.tile02Cube .back{width:300px;height:378px}
.tile02Cube .left{width:100px;height:378px}
.tile02Cube .right{width:100px;height:378px}
.tile02Cube .top{width:300px;height:100px;background-color:#893d01}
.tile02Cube .bottom{width:300px;height:100px;background-color:#000}
.tile03Cube .front{z-index:10;width:619px;height:378px}
.tile03Cube .back{width:619px;height:378px}
.tile03Cube .left{width:100px;height:378px}
.tile03Cube .top{width:619px;height:100px;background-color:#22150f}
.tile03Cube .bottom{width:619px;height:100px;background-color:#000}
.tile04Cube .front{z-index:10;width:471px;height:315px}
.tile04Cube .back{width:471px;height:315px}
.tile04Cube .left{width:100px;height:315px}
.tile04Cube .top{width:471px;height:100px;background-color:#450f0d}

/* footer */
#footer{overflow:hidden;clear:both;position:relative;z-index:10;width:1210px;padding-bottom:11px;padding-top:30px;margin:0 auto;font-size:13px}
#footer.main{position:absolute;top:1708px;left:50%;margin-left:-575px}
div.footerL{width:435px;color:#5c6165;letter-spacing:-0.5px;text-align:left}
div.footerL p.private{letter-spacing:-1.2px}
div.footerL address, div.footerL p.copy{font-size:11px;line-height:15px}
div.footerL address{margin-top:6px}
div.footerR{overflow:hidden;width:765px;color:#6c5f43}
ul.botAward{overflow:hidden;margin-top:5px}
ul.botAward li{float:left;margin-right:8px}
ul.botAward li img{display:block}
ul.botAward li span{font-size:11px;display:block;margin-left:5px;text-align:left;letter-spacing:-0.5px}
#oldSiteBtn{margin-top:28px}

/* privacy layer */
#privacy_wrap {overflow:hidden;position:absolute;z-index:1000;width:100px;height:50px;background:#fff;text-align:center;border-radius:5px}
#p_spinner {padding-top:10px}
#privacy {position:relative;width:800px;height:530px;margin:0 auto;padding:20px;border:1px solid #b1b1b1;text-align:left}
#privacy_title {position:relative;height:75px;background-color:#b1b1b1;border-radius:10px}
#privacy h1 {padding:25px 0 0 15px;font-weight:800;font-size:25px;color:#fff}
#privacy_x {position:absolute;right:10px;top:15px}
#privacy_con {margin-top:10px;padding:20px 10px 20px 20px;background:#9b9b9b;border-radius:10px}
div.privacy_text {overflow-y:scroll;height:400px;padding-right:20px;font-size:14px;text-align:justify;line-height:18px}

/* sms layer */
#smspop{display:none;position:fixed;left:50%;top:110px;z-index:2000;margin-left:-450px;padding-bottom:84px;background:url('../sms/img/shadow.png') no-repeat 50% 100%}
#smsWrap{overflow:hidden;position:relative;width:896px;height:392px;border:2px solid #735b4e;background-color:#fff;font-size:14px;color:#000}
#step1{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background-color:#fff}
#step2{position:absolute;left:0;top:0}
#step1 div.policy_wrap{overflow-y:scroll;width:806px;height:134px;margin:28px auto 0;padding:15px 20px;border:1px solid #3e3e3e}
#step1 div.policy_check{margin:15px 0 0 50px}
#step1 button.next_step{width:332px;height:39px;margin-top:20px}
#step2 form{padding:14px}
div.sms_left{float:left;position:relative}
div.sms_left p.subject{position:absolute;left:0;top:0;width:100%;height:25px;padding-top:5px;background:url('../sms/img/sms_alpha.png');color:#fff;text-indent:20px}
div.sms_right{float:right;width:332px;margin-left:18px}
table.sms_con{width:100%;margin-top:25px}
table.sms_con th, table.sms_con td{padding-bottom:5px;color:#000}
table.sms_con th{width:75px;font-size:13px;text-align:left}
table.sms_con td{width:257px}
table.sms_con input{width:247px;padding:4px;border:1px solid #3e3e3e;background-color:transparent;color:#000}
div.text_con{position:relative;margin-top:20px}
div.text_con #label_cont{position:absolute;left:15px;top:15px;width:90%}
div.text_con textarea{overflow:hidden;position:relative;z-index:10;width:300px;padding:15px;border:1px solid #3e3e3e;background-color:transparent;color:#000}
div.text_con div.text_bytes{position:absolute;right:10px;bottom:10px;font-size:12px;color:#000}
div.submit_btn{margin-top:6px}
.btnSmsX{position:absolute;right:10px;top:10px;z-index:10}

table.promotion_con{width:100%;margin-top:25px}
table.promotion_con th, table.promotion_con td{padding:5px 0;font-weight:700;color:#000}
table.promotion_con td.birth{padding:10px 0}
table.promotion_con th{width:75px;font-size:13px;text-align:left}
table.promotion_con td{width:257px}
table.promotion_con input{width:238px;padding:5px;border:1px solid #3e3e3e;background-color:transparent;color:#000}
table.promotion_con input.radio{width:auto;padding:0;border:0}
table.promotion_con select{padding:4px;border:1px solid #3e3e3e;background-color:transparent;font-weight:400;color:#666}
table.promotion_con select.yy{width:115px}
table.promotion_con select.mm{width:63px}
table.promotion_con select.dd{width:63px}
table.promotion_con #local{width:248px}

.quick_menu{position:fixed;left:50%;margin-left:-746px;top:76px;width:120px;height:230px;background: url('../img/new/quick_bg.png') no-repeat 50% 50%}
.quick_menu li{position:absolute;left:14px;width:92px;height:98px}
.quick_menu li a{display:block;width:100%;height:100%;font-size:0;line-height:0}
.quick_menu li.quick_01{top:14px}
.quick_menu li.quick_02{top:119px}