@charset "UTF-8";
/* Reset */
* { -webkit-text-size-adjust: none;}
body{margin:0; padding:0; font-size:12px; line-height:1.2; font-family:"맑은 고딕",Dotum,Helvetica,AppleGothic,Sans-serif; color:#a4a4a4; background:transparent; letter-spacing:-0.05em;}
img{border:0;}
#div_nctop {min-width:1100px;}
div#div_nctop div.gnbContainer{width:1100px !important;}
.blind, caption {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd{margin:0; padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;}
.ir{margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999px; }
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix { zoom:1; } /*for IE 5.5-7*/
*, *:before, *:after{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* animate */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
/* sliick slider default setting */
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index:100;
}
.slick-slide img{display:inline-block; width:100%;}
.slick-slide{outline:none;}
.slick-dots {
    position:relative;
    display: block;
    width: 100%;
    padding: 20px 0 0 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
	vertical-align:top;
}
.slick-dotted{
	padding-bottom:35px;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding:0;
    border: 0;
    outline: none;
	background: #312b23;
    text-indent: -9999px;
    border: 0 none;
	cursor: pointer;
}
.slick-dots li.slick-active button{
	background: #b3926d;
}
.slick-slider .slick-next.slick-disabled, .slick-slider .slick-prev.slick-disabled{display:none !important;}

/* common */
#div_nctop { display: none;}
div#div_nctop div.gnbContainer{max-width: 100%; width: 100% !important;}
#header .sns{display:none;}
.row{margin:0 -0.625%;}
.row:before, .row:after{content:" "; display:table;}
.row:after{clear:both;}
.column {position:relative; float:left; padding-left:0.625%; padding-right:0.625%; width:100%;}
[class*="column"]+[class*="column"]:last-child{float:right;}
[class*="column"]+[class*="column"].end{float:left;}
.full .row{margin:0;}
.full .column{padding:0;}

.md-1, .md-2 .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12,
.lg-1, .lg-2 .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12,
.xlg-1, .xlg-2 .xlg-3, .xlg-4, .xlg-5, .xlg-6, .xlg-7, .xlg-8, .xlg-9, .xlg-10, .xlg-11, .xlg-12{width:100%;}

.sm-1{width::8.33333%;}
.sm-2{width::16.66667%;}
.sm-3{width:25%;}
.sm-4{width:33.33333%;}
.sm-5{width:41.66667%}
.sm-6{width:50%;}
.sm-7{width:58.33333%;}
.sm-8{width:66.66667%;}
.sm-9{width:75%;}
.sm-10{width:83.33333%;}
.sm-11{width:91.66667%;}
.sm-12{width:100%;}

.sm-offset-0{position:relative;margin-left:0% !important}
.sm-offset-1{position:relative;margin-left:8.33333% !important}
.sm-offset-2{position:relative;margin-left:16.66667% !important}
.sm-offset-3{position:relative;margin-left:25% !important}
.sm-offset-4{position:relative;margin-left:33.33333% !important}
.sm-offset-5{position:relative;margin-left:41.66667% !important}
.sm-offset-6{position:relative;margin-left:50% !important}
.sm-offset-7{position:relative;margin-left:58.33333% !important}
.sm-offset-8{position:relative;margin-left:66.66667% !important}
.sm-offset-9{position:relative;margin-left:75% !important}
.sm-offset-10{position:relative;margin-left:83.33333% !important}
.sm-offset-11{position:relative;margin-left:91.66667% !important}
.sm-offset-12{position:relative;margin-left:100% !important}
.sm-hidden{display:none !important;}

@media (min-width: 641px) {
	#div_nctop{display:none; }
	div#div_nctop div.gnbContainer{width:100% !important;}
	.md-1{width::8.33333%;}
	.md-2{width::16.66667%;}
	.md-3{width:25%;}
	.md-4{width:33.33333%;}
	.md-5{width:41.66667%}
	.md-6{width:50%;} 
	.md-7{width:58.33333%;}
	.md-8{width:66.66667%;}
	.md-9{width:75%;}
	.md-10{width:83.3333%;}
	.md-11{width:91.66667%;}
	.md-12{width:100%;}
	.md-offset-0{position:relative;margin-left:0% !important}
	.md-offset-1{position:relative;margin-left:8.33333% !important}
	.md-offset-2{position:relative;margin-left:16.66667% !important}
	.md-offset-3{position:relative;margin-left:25% !important}
	.md-offset-4{position:relative;margin-left:33.33333% !important}
	.md-offset-5{position:relative;margin-left:41.66667% !important}
	.md-offset-6{position:relative;margin-left:50% !important}
	.md-offset-7{position:relative;margin-left:58.33333% !important}
	.md-offset-8{position:relative;margin-left:66.66667% !important}
	.md-offset-9{position:relative;margin-left:75% !important}
	.md-offset-10{position:relative;margin-left:83.33333% !important}
	.md-offset-11{position:relative;margin-left:91.66667% !important}
	.md-offset-12{position:relative;margin-left:100% !important}
	.sm-hidden{display:block !important;}
	span.sm-hidden{display:inline !important;}
	span.md-hidden{display:none !important;}
	.md-hidden{display:none !important;}
}
@media (min-width: 960px) {
	#div_nctop{display:block; min-width:auto; position:fixed !important;}
	div#div_nctop div.gnbContainer{width:100% !important; padding:0 20px !important;}
	.btn-top{position:fixed; right:0; bottom:0; width:48px; height:48px; padding-top:10px;}
	.lg-1{width::8.33333%;}
	.lg-2{width::16.66667%;}
	.lg-3{width:25%;}
	.lg-4{width:33.33333%;}
	.lg-5{width:41.66667%}
	.lg-6{width:50%;}
	.lg-7{width:58.33333%;}
	.lg-8{width:66.66667%;}
	.lg-9{width:75%;}
	.lg-10{width:83.3333%;}
	.lg-11{width:91.66667%;}
	.lg-12{width:100%;}
	.lg-offset-0{position:relative;margin-left:0% !important}
	.lg-offset-1{position:relative;margin-left:8.33333% !important}
	.lg-offset-2{position:relative;margin-left:16.66667% !important}
	.lg-offset-3{position:relative;margin-left:25% !important}
	.lg-offset-4{position:relative;margin-left:33.33333% !important}
	.lg-offset-5{position:relative;margin-left:41.66667% !important}
	.lg-offset-6{position:relative;margin-left:50% !important}
	.lg-offset-7{position:relative;margin-left:58.33333% !important}
	.lg-offset-8{position:relative;margin-left:66.66667% !important}
	.lg-offset-9{position:relative;margin-left:75% !important}
	.lg-offset-10{position:relative;margin-left:83.33333% !important}
	.lg-offset-11{position:relative;margin-left:91.66667% !important}
	.lg-offset-12{position:relative;margin-left:100% !important}
	.sm-hidden{display:block !important;}
	span.sm-hidden{display:inline !important;}
	.md-hidden{display:block !important;}
	span.md-hidden{display:inline !important;}
	.lg-hidden{display:none !important;}
	.slick-dots li button{margin:0 5px;}
}
@media (min-width: 1260px) {
	div#div_nctop div.gnbContainer{max-width:1260px !important; padding:0 !important;}
}
@media (min-width: 1920px) {
	#div_nctop{display:block; }
	div#div_nctop div.gnbContainer{max-width: 1260px !important;}
	.xlg-1{width::8.33333%;}
	.xlg-2{width::16.66667%;}
	.xlg-3{width:25%;}
	.xlg-4{width:33.33333%;}
	.xlg-5{width:41.66667%}
	.xlg-6{width:50%;}
	.xlg-7{width:58.33333%;}
	.xlg-8{width:66.66667%;}
	.xlg-9{width:75%;}
	.xlg-10{width:83.3333%;}
	.xlg-11{width:91.66667%;}
	.xlg-12{width:100%;}
	.xlg-offset-0{position:relative;margin-left:0% !important}
	.xlg-offset-1{position:relative;margin-left:8.33333% !important}
	.xlg-offset-2{position:relative;margin-left:16.66667% !important}
	.xlg-offset-3{position:relative;margin-left:25% !important}
	.xlg-offset-4{position:relative;margin-left:33.33333% !important}
	.xlg-offset-5{position:relative;margin-left:41.66667% !important}
	.xlg-offset-6{position:relative;margin-left:50% !important}
	.xlg-offset-7{position:relative;margin-left:58.33333% !important}
	.xlg-offset-8{position:relative;margin-left:66.66667% !important}
	.xlg-offset-9{position:relative;margin-left:75% !important}
	.xlg-offset-10{position:relative;margin-left:83.33333% !important}
	.xlg-offset-11{position:relative;margin-left:91.66667% !important}
	.xlg-offset-12{position:relative;margin-left:100% !important}
	.xlg-hidden{display:none !important;}
}
/*navi-mobile*/
.nav-trigger{position:fixed; top:56px; right:13px; width:32px; height:31px; background:#584532; overflow:hidden; text-indent:100%; white-space:nowrap; z-index:1000; border:1px solid #7d5e3e;}
.nav-trigger span{position:absolute; display:block; width:18px; height:2px; top:50%; margin-top:-1px; left:50%; margin-left:-9px; background:rgba(255,255,255,1);}
.nav-trigger span::before, .nav-trigger span::after{content:" "; position:absolute; left:0; width:100%; height:100%; background:inherit; -webkit-backface-visibility: hidden; backface-visibility:hidden;
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
	-webkit-transition: -webkit-transform 0.3s, background 0s;
    -moz-transition: -moz-transform 0.3s, background 0s;
    transition: transform 0.3s, background 0s;
}
.nav-trigger span::before{top:-6px;
	-webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.nav-trigger span::after{bottom:-6px;
	-webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.nav-trigger.menu-is-open span{background:rgba(255,255,255,0);}
.nav-trigger.menu-is-open span::before {top: 0; 
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.nav-trigger.menu-is-open span::after {bottom: 0; 
	-webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
.nav-trigger.menu-is-open span::before, .nav-trigger.menu-is-open span::after{background:rgba(255,255,255,1);}

#menu-mobile .overlay{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8); z-index:999;}
#menu-mobile .overlay-slidedown{visibility:hidden; -webkit-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition:-webkit-transform 0.4s ease-in-out, visibility 0s 0.4s; transition:transform 0.4s ease-in-out, visibility 0s 0.4s;}
#menu-mobile .overlay-slidedown.open{visibility:visible; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.4s ease-in-out; transition:transform 0.4s ease-in-out;}
#menu-mobile .overlay nav{text-align:center; position:relative; top:50%; height:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
#menu-mobile .overlay nav ul{list-style:none; padding:0; margin:0 auto; display:inline-block; height:100%; position:relative;}
#menu-mobile .overlay nav ul li{display:block; height:25%; position:relative;}
#menu-mobile .overlay nav ul li a{font-size:19px; color:#fff; text-decoration:none;}
#menu-mobile .overlay nav ul li:after{content:""; display:block; width:7px; height:7px; background-color:#9b7f5e; position:absolute;  top:50%; left:50%; margin-left:-3.5px;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#menu-mobile .overlay nav ul li:last-child::after{display:none;}

.bg-mask-class{overflow:hidden; background-attachment:initial; background-position:50% 0px; background-repeat:no-repeat;}
.bgimage-cover .bg-mask-class{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.inner-section{overflow:hidden; position:relative;}

/* 힘의 인도자 */
#header .bg-mask-class{background-image:url("../img/bg01_sm@2x.jpg"); background-position:50% -43px; -webkit-background-size:960px 960px; -moz-background-size:960px 960px; -o-background-size:960px 960px; background-size:960px 960px; background-color:#0e0d0c; padding-top:43px;}
.gnb-mobile{position:fixed; width:100%; height:43px; text-align:center; border-bottom:1px solid #ddd; background:#fff; line-height:43px; float:none;  margin:0; text-align:center; text-indent:0; font-size:16px; color:#020202; text-decoration:none; z-index:1000;}
.gnb-mobile .prev{position:absolute; top:50%; margin-top:-10px; left:20px; display:block; width:27px; height:19px; background:url("../img/btn_back.jpg") no-repeat 0 0; background-size:27px 19px;  z-index:1001; text-indent:-9999em;}
.gnb-mobile .update{width:100%; height:43px; text-align:center; background:#fff; line-height:43px; float:none;  margin:0; text-align:center; text-indent:0; font-size:16px; color:#020202; text-decoration:none; z-index:1000;}
#naviArea .home, #naviArea .update, #naviArea .prev{text-indent:-9999em;}
#naviArea .update{display:none;}
#naviArea .home{display:none;}
#naviArea .prev{position:fixed; top:12px; left:20px; display:block; width:27px; height:19px; background:url("../img/btn_back.jpg") no-repeat 0 0; background-size:27px 19px;  z-index:1001;}

#header .storyCnt{display:none;}
.headerCnt .home{display:none; position:absolute; top:21px; left:12px; width:120px; height:25px; background:url("../img/logo.png") no-repeat 0 0; margin:0; -webkit-background-size:120px 25px; -moz-background-size:120px 25px; -o-background-size:120px 25px; background-size:120px 25px; text-indent:-9999em;}
.headerCnt{position:relative; min-height:525px;}
.section .headerCnt .wrap-content{position:static;}
.headerCnt .wrap-content .inner{width:100%; height:390px; position:static; }
.headerCnt .h1-title{text-indent:-9999em; font-size:0; height:0; background:url("../img/title_sm@2x.png") no-repeat 0 0; width:294px; height:88.5px; position:absolute; top:110px; left:50%; margin-left:-147px; background-size:cover;}
.headerCnt small{text-indent:0; font-size:16px; color:#b3926d; text-align:center; display:block; text-decoration:underline; position:absolute; top:80px; left:0; right:0;}
.headerCnt .txt-header01{font-size:16px; color:#fff; text-align:center; line-height:28px; display:none;}

.btn-top{position:fixed; right:0; bottom:0; display:block; width:40px; height:40px; background:#73593b; color:#fff; font-weight:bold; padding-top:6px; text-align:center; font-size:12px; text-decoration:none; z-index:1000;}
.btn-top:before{content:"^"; color:#fff; font-size:20px; display:block; font-weight:normal; font-family:"dotum"; line-height:1; margin-bottom:-7px;}

#contents{background-image:url("../img/bg02_sm@2x.jpg"); background-position:50% 0; -webkit-background-size:960px 960px; -moz-background-size:960px 960px; -o-background-size:960px 960px; background-size:960px 960px; background-repeat:no-repeat; background-color:#141413;}
.section .wrap-content{padding:60px 13px 60px; max-width:588px; margin:0 auto;  position:relative;}
.section .section-title{letter-spacing:-0.08em;}
.btn-scroll{display:block; position:absolute; width:60px; height:46px; bottom:20px; left:50%; margin-left:-18px; background:url("../img/arw_down.png") no-repeat 0 0; text-indent:-9999em; font-size:0; background-size:100%;}

.section .section-title{text-align:center; font-size:25px; color:#fff; font-weight:normal;}
.section .section-txt{display:none; line-height:1.4;}
.section .slick-dotted{padding-bottom:0;}
.section01 .section-title{margin-bottom:30px;}
.section01 .group-quest{border-top:1px solid #73593b; width:100%;}
.section01 .group-quest .select-img{width:100%; position:relative; overflow:hidden;}
.section01 .group-quest .select-img img{width:100%; height:auto;}
.section01 .group-quest .select-img p{background:rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%; font-size:14px; color:#fff; height:40px; line-height:40px; text-align:center;}
.section01 .group-quest .select-content{width:100%; background:rgba(42,34,26,0.4); height:auto; padding:20px;}
.section01 .group-quest .select-content h3{font-size:16px; font-weight:bold; color:#b3926d; margin-bottom:20px;}
.section01 .group-quest .select-content dl{}
.section01 .group-quest .select-content dt{font-size:14px; font-weight:normal; color:#587185; margin-bottom:3px;}
.section01 .group-quest .select-content dd{font-size:14px; font-weight:normal; color:#777; margin-bottom:7px;}

.section .dot{height:70px; background:url("../img/dot_tit.png") no-repeat 50% 50%; background-size:7px 29px;}
.section01 .article{padding-bottom:130px;}
.section01 .article-txt{font-size:17px; color:#ccc; margin-bottom:35px; text-align:center;}

.section02 {background:rgba(0,0,0,0.2);}
.section02 .dot{height:70px; background:url("../img/dot_tit.png") no-repeat 50% 50%; background-size:7px 29px;}
.section02 .wrap-content{padding-top:60px; z-index:1; height:auto;}
.section02 .obj-anus01{position: absolute; display: none; width:785px; height:667px; background:url("../img/obj_anus01.png") no-repeat 0 0; top:15px; left:50%; margin-left:-645px; z-index:0; -webkit-animation-duration: 2s;
animation-duration: 2s; background-size:785px 667px;}
.section02 .obj-anus02{position: absolute; display: none; width:785px; height:717px; background:url("../img/obj_anus02.png") no-repeat 0 0; top:325px; left:50%; margin-left:-73px; z-index:0; -webkit-animation-duration: 2s;
animation-duration: 2s; background-size:785px 717px;}
.section02 article{width:100%; margin:0 auto;}
.section02 .article-title{font-size:21px; color:#b3926d; text-align:center; margin-bottom:25px; font-weight:normal;}
.section02 .slide-quest-wrap{position:relative; z-index:1;}
.section02 .pager-quest{background:#73593b; text-align:center;}
.section02 .pager-quest li{display:none; padding:15px 10px 13px;}
.section02 .pager-quest li:first-child{display:block;}
.section02 .pager-quest li.star a{color:#c2a256;}
.section02 .pager-quest li.star a:before{content:""; display:inline-block; width:11px; height:10px; background:url("../img/icon_star.png") no-repeat 0 0; margin-right:3px;}
.section02 .pager-quest li a{color:#382815; font-size:14px; height:16px; line-height:16px; text-decoration:none; position:relative; font-weight:bold;}
.section02 .pager-quest li a .tooltip{position:absolute; top:15px; left:50%; margin-left:-56px; padding:7px 6px 6px 0; text-align:center; width:119px; height:44px; background:url("../img/tooltip.png") no-repeat 0 0; font-size:11px; line-height:13px; color:#ffd87a;}
.section02 .pager-quest li a .tooltip strong{display:block; color:#fff; text-align:center;}
.section02 .pager-quest li a.active{color:#fff;}
.section02 .pager-quest li.star a.active:before{background-image:url("../img/icon_star_active.png");}
.section02 .slide-quest .item{background:rgba(42,34,26,0.4); height:auto; padding:25px; display:none;}
.section02 .slide-quest .item:first-child{display:block;}
.section02 .slide-quest .item h4{text-align:center; font-size:16px; color:#fff; font-weight:normal; margin-bottom:20px;}
.section02 .slide-quest .item dl{overflow:hidden; margin-bottom:5px;}
.section02 .slide-quest .item dl dt{font-size:13px; color:#587185; line-height:18px;}
.section02 .slide-quest .item dl dd{font-size:13px; color:#777;  line-height:18px; letter-spacing:-0.08em;}
.is-mobile .section02 .slide-quest-wrap .slick-track{transform: translate3d(0px, 0px, 0px) !important;}
.is-mobile .section02 .slide-quest01 .slick-list{height:253px !important;}
.is-mobile .section02 .slide-quest02 .slick-list{height:253px !important;}
.section03 .section-txt{display:block;}
.section03 .wrap-content .row{margin:0;}
.section03 .wrap-content .row .column{padding:0;}
.section03 .sub-title{font-size:21px; color:#b3926d; font-weight:normal; text-align:center; margin-bottom:15px;}
.section03 .section-txt{margin-bottom:20px;}
.section03 .group-quest{border-top:1px solid #73593b; margin-bottom:0;}
.section03 .group-quest .silen-img{width:100%; position:relative; height:auto; overflow:hidden;}
.section03 .group-quest .silen-img img{height:auto; width:100%; position:relative;}
.section03 .group-quest .silen-content{width:100%; background:rgba(42,34,26,0.4); height:auto; padding:20px;}
.section03 .group-quest .silen-content h3{font-size:17px; font-weight:bold; color:#b3926d; margin-bottom:22px;}
.section03 .group-quest .silen-content dl{}
.section03 .group-quest .silen-content dt{font-size:14px; font-weight:normal; color:#587185; margin-bottom:3px;}
.section03 .group-quest .silen-content dd{font-size:14px; font-weight:normal; color:#777; margin-bottom:7px;}
.section03 .group-monster{}
.section03 .group-monster .mob{float:left; background-color:rgba(0,0,0,0.3); position:relative; height:385px; text-align:center; padding-top:35px; background-position:50% 97px; background-repeat:no-repeat;}
.section03 .group-monster .mob01{width:33%; background-image:url("../img/img_monster01.png");}
.section03 .group-monster .mob02{width:34%; border-left:1px solid #1f1f1e; border-right:1px solid #1f1f1e;  background-image:url("../img/img_monster02.png")}
.section03 .group-monster .mob03{width:33%; background-image:url("../img/img_monster03.png")}
.section03 .group-monster .mob01:after, .section03 .group-monster .mob02:after{content:""; display:block; width:37px; height:37px; position:absolute; left:100%; top:50%; margin-left:-18px; margin-top:-19px; background:url("../img/arw_monster.png") no-repeat 0 0; z-index:10;}
.section03 .group-monster .mob dl{}
.section03 .group-monster .mob dl dt{font-size:17px; font-weight:bold; color:#ccc; margin-bottom:8px;}
.section03 .group-monster .mob dl dd{font-size:14px; color:#787878;}
.section03 .group-quest .fairy-img{width:100%; position:relative; height:auto; overflow:hidden;}
.section03 .group-quest .fairy-img img{height:auto; width:100%; position:relative;}
.section03 .group-quest .fairy-content{width:100%; background:rgba(42,34,26,0.4); height:auto; padding:20px;}
.section03 .group-quest .fairy-content p{font-size:14px; font-weight:normal; color:#777; margin-bottom:15px; line-height:22px;}
.section03 .group-quest .fairy-content ul{}
.section03 .group-quest .fairy-content ul li{font-size:14px; font-weight:normal; color:#587185; line-height:22px; text-indent:-10px; padding-left:10px;}
.section03 .group-quest-fairy{margin-bottom:0;}

.section04 {background:rgba(0,0,0,0.2);}
.section04 .section-title{margin-bottom:0;}
.section04 .sub-title{font-size:21px; color:#b3926d; font-weight:normal; text-align:center; margin-bottom:10px;}
.section04 .section-txt{display:block; margin-bottom:20px;}
.section04 .section-txt2{display:block; margin-bottom:20px; color:#554a3d; font-size:14px; text-align:center;  letter-spacing:-0.1em; line-height:1.4;}
.section04 .section-txt-next{padding-top:80px; background:url("../img/icon_enchanter@2x.png") no-repeat 50% 0; background-size:62px 68px;}
.section04 .section-txt-next strong{ color:#b35b3c; font-weight:normal;}
.section04 .wrap-content{padding-top:60px;  z-index:1;}
.section04 .group-quest{border-top:1px solid #73593b; margin-bottom:25px;}
.section04 .group-quest .weapon-img{width:100%; position:relative; height:auto; overflow:hidden;}
.section04 .group-quest .weapon-img img{height:auto; width:100%; position:relative;}
.section04 .group-quest .weapon-content{width:100%; background:rgba(42,34,26,0.4); height:auto; padding:20px;}
.section04 .group-quest .weapon-content h4{font-size:17px; font-weight:bold; color:#ccc; margin-bottom:30px;}
.section04 .group-quest .weapon-content dl{margin-bottom:35px;}
.section04 .item03 .group-quest .weapon-content dl{margin-bottom:0;}
.section04 .group-quest .weapon-content dt{font-size:14px; font-weight:normal; color:#587185; margin-bottom:5px;}
.section04 .group-quest .weapon-content dd{font-size:14px; font-weight:normal; color:#777; margin-bottom:7px; line-height:1.2;}
.section04 .group-quest .weapon-content dd.list{padding-left:8px; text-indent:-8px;}
.section04 .group-quest .weapon-content h5{font-size:14px; color:#b35b3c; font-weight:bold; display:inline-block; padding-top:2px; border-top:1px solid #b35b3c; letter-spacing:0; margin-bottom:10px;}
.section04 .group-quest .weapon-content ul li{color:#4b4646; font-size:12px; padding-left:10px; position:relative; line-height:1.4; margin-bottom:2px; letter-spacing:-0.05em; font-weight:bold;}
.section04 .group-quest .weapon-content ul li:before{content:""; display:block; width:2px; height:2px; position:absolute; left:0; top:7px; background:#b35b3c;}
.section04 .pager-weapon{text-align:center;}
.section04 .pager-weapon li{display:inline-block; padding:10px 4px 20px;}
.section04 .pager-weapon li a{color:#554a3d; font-size:14px; line-height:33px; text-decoration:none; position:relative; width:85px; height:36px; display:block; background:transparent; border:1px solid #312b23; border-radius:18px; font-weight:bold;}
.section04 .pager-weapon li a.active{background:#73593b; border:1px solid #73593b; color:#fff;}
.section04 .obj-class{position: absolute; display: none; width:422px; height:621px; background:url("../img/obj_class01.png") no-repeat 0 0; top:1050px; right:0; z-index:0; -webkit-animation-duration: 2s;
animation-duration: 2s; background-size:422px 621px;}
.section04 .article-class .article-title{padding-top:65px; background:url("../img/icon_magic@2x.png") no-repeat 50% 0; font-size:21px; color:#b3926d; font-weight:normal; text-align:center; margin-bottom:15px; background-size:49px 47px;}
.section04 .article-class .article-txt{text-align:center; font-size:14px; color:#777; margin-bottom:15px; line-height:1.4;}
.section04 .article-class .group-skill{margin:0 -7px 50px;}
.section04 .article-class .group-skill .column{padding:0 7px;}
.section04 .article-class .group-skill .box-skill{}
.section04 .article-class .group-skill .box-skill dt{background:#73593b; padding:10px; font-size:14px; color:#ccc; font-weight:bold; text-align:center; line-height:1.4}
.section04 .article-class .group-skill .box-skill dd{border:1px solid #1f1d1a; border-top:0; background:rgba(0,0,0,0.6); padding:20px 25px; font-size:14px; color:#515151; text-align:center; line-height:1.4; height:auto; margin-bottom:15px; font-weight:bold;}
.section04 .article-class + .section-txt2{margin-bottom:0; margin-top:50px} 
.section04 .slide-skill .item h5{font-size:17px; text-align:center; font-weight:bold; color:#597a94; margin-bottom:5px;} 
.section04 .slide-skill .item p{font-size:14px; text-align:center; color:#777; margin-bottom:20px; min-height:40px; line-height:1.4;}
.section04 .slide-skill-wrap .slide-skill .item .box-skill dt{background:#394c5b; font-size:14px; color:#ccc; font-weight:bold; text-align:center; padding:10px; line-height:1.4; letter-spacing:-0.1em;}
.section04 .slide-skill-wrap .slide-skill .item .box-skill dd{border:1px solid #1f1d1a; border-top:0; background:rgba(0,0,0,0.6); padding:20px 25px; font-size:14px; color:#515151; text-align:center; line-height:20px; min-height:151px; font-weight:bold;}
.section04 .slide-skill-wrap .slide-skill .item .column:first-child .box-skill dd{margin-bottom:15px;}
.section04 .slide-skill-wrap .slide-skill .slick-prev{background:url("../img/arw_prev_story.png") no-repeat 0 0; width:26px; height:50px; left:-40px; top: 125px;}
.section04 .slide-skill-wrap .slide-skill .slick-next{background:url("../img/arw_next_story.png") no-repeat 0 0; width:26px; height:50px; right:-40px; top: 125px;}

.section05 .wrap-content{padding-top:60px;}
.section05 .section-title{margin-bottom:20px;}
.section05 .wrap-ui{height:auto; margin:0 auto; background:rgba(0,0,0,0.15); border-top:1px solid #73593b; padding-bottom:35px;}
.section05 .slide-ui .item{padding-top:35px;}
.section05 .slide-ui .item h3{color:#b3926d; font-size:20px; margin-bottom:10px; text-align:center; font-weight:normal;}
.section05 .slide-ui .item p.txt{color:#979088; font-size:14px; margin-bottom:20px; text-align:center;}
.section05 .slide-ui .item p.img{ text-align:center;}
.section05 .wrap-ui .slick-slider .slick-prev{background:url("../img/arw_prev_story.png") no-repeat 0 0; width:26px; height:50px; left:-60px; top: 310px;}
.section05 .wrap-ui .slick-slider .slick-next{background:url("../img/arw_next_story.png") no-repeat 0 0; width:26px; height:50px; right:-60px; top: 310px;}
.section05 .wrap-ui .slick-dots{padding-top:6px;}
.btn-wrap{display:none;}

.footer-wrap{padding:50px 0; text-align:center;background:rgba(0,0,0,0.3);}
.footer-wrap address{display:inline-block; color:#acacac; font-size:14px; font-style:normal; letter-spacing:0; margin-top:25px;}
.footer-wrap .sns{display:block; vertical-align:middle; margin-top:-55px;}
@media (min-width: 360px) {
	.headerCnt{position:relative; min-height:560px;}
	.section .headerCnt .wrap-content{position:static;}
	.headerCnt .wrap-content .inner{width:100%; height:460px; position:static; }
}
@media (min-width: 641px) {
	.headerCnt .home{left:30px;}
	.nav-trigger{right:30px;}
	.section04 .pager-weapon li a{width:98px;}
	.section .wrap-content{padding-left:0; padding-right:0;}
	.content-3 .section04 .obj-class{display:block;}
	.content-1 .section02 .obj-anus01, .content-1 .section02 .obj-anus02{display:block;}
	.section04 .slide-skill .item p{min-height:auto;}
	.section04 .slide-skill-wrap .slide-skill .item .column:first-child .box-skill dd{margin-bottom:0;}
}
@media (min-width: 960px) {
	.slick-slide img{width:auto;}
	.section .slick-dotted{padding-bottom:35px;}
	.section .wrap-content{padding:0;  max-width:960px;}
	.section .group-quest{width:900px; margin:0 auto;}
	.slick-dots li button {width: 8px; height: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	
	#container{padding-top:33px;}
	.gnb-mobile{display:none;}
	.bg-mask-class{overflow:hidden; background-attachment:fixed; background-position:50% 0px; background-repeat:no-repeat;}
	.bgimage-cover .bg-mask-class{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
	#header .bg-mask-class{background-image:url("../img/bg01_lg.jpg"); background-position:50% 0; background-size:1920px 1500px; padding-top:0;}
	.headerCnt .home{display:none;}
	#naviArea{display:block; height:80px; border-bottom:1px solid rgba(255,255,255,0.06); position:fixed;  top:33px; width:100%; z-index:10000;}
	#naviArea .anchor{width:100%; padding:0 20px;}
	#naviArea .home{display:block; width:141px; height:29px; background:url("../img/logo.png") no-repeat 0 0; float:left; margin:25px 10px 0 0;}
	#naviArea .update{display:block; width:96px; height:15px; background:url("../img/logo_history.png") no-repeat 0 0;  float:left;  margin:33px 0 0 0;}
	#naviArea[class*="menu"]{background-color:rgba(11,15,18,0.9);}
	.navi ul{overflow:hidden; float:right; margin:30px -18px 0;}
	.navi ul li{float:left; padding:0 18px;}
	.navi ul li a{display:block; color:#fff; opacity:0.3; text-decoration:none; font-size:15px;}
	.navi ul li.on a, .navi ul li a:hover{opacity:1;}
	.wrap-content{width:100%; margin:0 auto; position:relative; height:100%;}
	.headerCnt{position:relative; height:875px}
	.headerCnt .wrap-content{overflow:hidden}
	.headerCnt .wrap-content .inner{}
	.headerCnt .h1-title{text-indent:-9999em; font-size:0; height:0; background:url("../img/title_lg.png") no-repeat 0 0; width:683px; height:211px; position:absolute; top:221px; left:50%; margin-left:-341.5px;}
	.headerCnt small{text-indent:0; font-size:16px; color:#b3926d; text-align:center; display:block; text-decoration:underline; position:absolute; top:210px; width:100%;}
	.headerCnt .txt-header01{font-size:15px; color:#fff; text-align:center; line-height:24px; position:absolute; top:432px; left:0; right:0; }
	
	#header .storyCnt{display:block;}
	.storyCnt{background:rgba(0,4,13,0.80);}
	.storyCnt .wrap-content .inner{width:622px; margin:0 auto; text-align:center;}
	.storyCnt .h2-title{display:inline-block; width:86px; height:35px; font-size:0; text-indent:-999em; background:url("../img/title_story.png") no-repeat 50% 0; margin-bottom:50px;}
	.storyCnt .wrap-content .inner{padding-top:100px;}
	.storyCnt .wrap-content .story-title{color:#b3926d; font-size:21px; font-weight:normal; text-align:center; margin-bottom:20px;}
	.storyCnt .wrap-content .story-txt{text-align:center; font-size:14px; color:#808184; line-height:23px; height:100px; letter-spacing:-0.09em;}
	.storyCnt .wrap-content .story-img{width:622px; height:320px;}
	.storyCnt .wrap-content .story-img img{width:100%; height:100%;}
	.slider-story .slick-slider{padding-top:35px;}
	.slider-story .slick-slider .slick-prev{background:url("../img/arw_prev_story.png") no-repeat 0 0; width:26px; height:50px; left:-60px; top: 310px;}
	.slider-story .slick-slider .slick-next{background:url("../img/arw_next_story.png") no-repeat 0 0; width:26px; height:50px; right:-60px; top: 310px;}
	.slider-story .slick-dots{width:100%; position:absolute; top:0; padding:0;}
	.slider-story .slick-dots li button {width:23px; height:1px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background:#333336; border:0;}
	.slider-story .slick-dots li.slick-active button{background: #f8ebdd;}

	.btn-scroll{display:block; position:absolute; width:60px; height:71px; bottom:20px; left:50%; margin-left:-30px; background:url("../img/arw_down.png") no-repeat 0 0; text-indent:-9999em; font-size:0;}
	
	#contents .bg-mask-class{background-image:url("../img/bg02_lg.jpg"); background-position:50% 0; background-size:1920px 1500px}
	.section .section-title{text-align:center; font-size:36px; color:#fff; font-weight:normal; margin-bottom:15px;}
	.section .section-txt{display:block; text-align:center; font-size:14px; color:#777; margin-bottom:50px;  line-height:24px;}
	.section .wrap-content{padding:0 30px; width:960px; margin:0 auto;}

	.section01 .wrap-content{padding-top:150px;}
	.section01 .group-quest{border-top:1px solid #73593b;}
	.section01 .group-quest .select-img{float:left; width:50%; position:relative; height:304px; overflow:hidden;}
	.section01 .group-quest .select-img img{height:100%; position:relative; width:100%;}
	.section01 .group-quest .select-img p{background:rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%; font-size:14px; color:#fff; height:40px; line-height:40px; text-align:center;}
	.section01 .group-quest .select-content{float:left; width:50%; background:rgba(42,34,26,0.4); height:304px; padding:38px 40px;}
	.section01 .group-quest .select-content h3{font-size:17px; font-weight:bold; color:#b3926d; margin-bottom:22px;}
	.section01 .group-quest .select-content dl{}
	.section01 .group-quest .select-content dt{font-size:14px; font-weight:normal; color:#587185; margin-bottom:3px;}
	.section01 .group-quest .select-content dd{font-size:14px; font-weight:normal; color:#777; margin-bottom:7px;}
	
	.section .dot{height:120px; background:url("../img/dot_tit.png") no-repeat 50% 50%; background-size:7px 29px;}
	.section01 .article{padding-bottom:130px;}
	.section01 .article-txt{font-size:17px; color:#ccc; margin-bottom:35px; text-align:center;}
	.section01 .group-slide{width:900px; margin:0 auto; position:relative;}
	.section01 .group-slide .tit{color:#b3926d; font-size:21px; margin-bottom:30px; font-weight:normal;}
	.section01 .group-slide .slide-enemy-wrap{float:left; width:50%; padding:0 20px 0 159px; position:relative;}
	.section01 .group-slide .slide-enemy-wrap:before{position:absolute; top:-7px; left:100%; margin-left:-19px; content:""; display:block; width:37px; height:37px; background:url("../img/icon_vs.png") no-repeat 0 0;}
	.section01 .group-slide .slide-enemy-wrap:after{position:absolute; top:55px; left:100%;  margin-left:-1px; content:""; display:block; width:1px; height:271px; background:#31353c;}
	.section01 .group-slide .slide-enemy-wrap .tit{text-align:right; padding-right:10px;}
	.section01 .group-slide .slide-friendly-wrap{float:left; width:50%; padding:0 159px 0 20px;}
	.section01 .group-slide .slide-friendly-wrap .tit{text-align:left; padding-left:10px;}
	.section01 .pager-enemy{width:120px; position:absolute; left:0; top:45px;}
	.section01 .pager-enemy li, .section01 .pager-friendly li{border-bottom:1px solid rgba(158,129,97,0.2);}
	.section01 .pager-enemy li.last, .section01 .pager-friendly li.last{border-bottom:0;}
	.section01 .pager-enemy li a{font-size:14px; color:#777; display:block; height:40px; line-height:40px; text-align:right; text-decoration:none;  position:relative;}
	.section01 .pager-friendly{width:120px;  position:absolute; right:0px; top:45px;}
	.section01 .pager-friendly li a{font-size:14px; color:#777; display:block; height:40px; line-height:40px; text-align:left; text-decoration:none; position:relative;}
	.section01 .pager-enemy li a.active, .section01 .pager-friendly li a.active{color:#b3926d;}
	.section01 .pager-enemy li a.active::after{position:absolute; content:">"; font-family:dotum; color:#b3926d; right:-23px; height:40px; line-height:40px; font-size:14px; top:1px;}
	.section01 .pager-friendly li a.active::after{position:absolute; content:"<"; font-family:dotum; color:#b3926d; left:-23px; height:40px; line-height:40px; font-size:14px; top:1px;}
	
	.section02 {background:rgba(0,0,0,0.2);}
	.section02 .dot{height:110px; background:url("../img/dot_tit.png") no-repeat 50% 50%; background-size:7px 29px;}
	.section02 .wrap-content{padding-top:150px; z-index:1; height:1212px;}
	.section02 .section-txt{display:block; margin-bottom:0;}
	.section02 .obj-anus01{position: absolute; display: none; width:1208px; height:1027px; background:url("../img/obj_anus01.png") no-repeat 0 0; top:61px; left:50%; margin-left:-965px; z-index:0; -webkit-animation-duration: 2s;
  animation-duration: 2s; background-size:1208px 1027px;}
	.section02 .obj-anus02{position: absolute; display: none; width:1028px; height:939px; background:url("../img/obj_anus02.png") no-repeat 0 0; top:273px; left:50%; margin-left:-217px; z-index:0; -webkit-animation-duration: 2s;
  animation-duration: 2s; background-size:1208px 939px;}
	.content-1 .section02 .obj-anus01, .content-1 .section02 .obj-anus02{display:block;}
	.section02 article{width:622px; margin:0 auto;}
	.section02 .article-title{font-size:21px; color:#b3926d; text-align:center; margin-bottom:25px; font-weight:normal;}
	.section02 .pager-quest{background:#73593b; text-align:center;}
	.section02 .pager-quest li{display:inline-block !important; padding:14px 10px 14px; position:relative;}
	.section02 .pager-quest li:after{content:""; display:block; width:1px; height:16px; background:#624b31; position:absolute; right:-1px; top:50%; margin-top:-8px;}
	.section02 .pager-quest li:last-child::after{display:none;}
	.section02 .pager-quest li.star a{color:#c2a256;}
	.section02 .pager-quest li.star a:before{content:""; display:inline-block; width:11px; height:10px; background:url("../img/icon_star.png") no-repeat 0 0; margin-right:3px;}
	.section02 .pager-quest li a{color:#382815; font-size:14px; height:16px; line-height:16px; text-decoration:none; position:relative;}
	.section02 .pager-quest li a .tooltip{position:absolute; top:15px; left:50%; margin-left:-56px; padding:7px 6px 6px 0; text-align:center; width:119px; height:44px; background:url("../img/tooltip.png") no-repeat 0 0; font-size:11px; line-height:13px; color:#ffd87a;}
	.section02 .pager-quest li a .tooltip strong{display:block; color:#fff; text-align:center;}
	.section02 .pager-quest li a.active{color:#fff;}
	.section02 .pager-quest li.star a.active:before{background-image:url("../img/icon_star_active.png");}
	.section02 .slide-quest .item{background:rgba(42,34,26,0.4); padding:50px 40px 30px; display:block;}
	.section02 .slide-quest .item h4{text-align:center; font-size:17px; color:#fff; font-weight:normal; margin-bottom:35px;}
	.section02 .slide-quest .item dl{overflow:hidden; margin-bottom:5px;}
	.section02 .slide-quest .item dl dt{font-size:13px; color:#587185; float:left; width:70px; line-height:18px;}
	.section02 .slide-quest .item dl dd{font-size:13px; color:#777; float:left; width:465px; line-height:18px; letter-spacing:-0.08em;}
	.section02 .slide-quest .item dl dd strong{font-weight:normal; color:#fff;}
	.section02 .slide-quest .item .info{font-size:12px; color:#453b2f; padding-top:5px;}


	.section03 .section-txt{display:block;}
	.section03 .wrap-content{padding-top:150px;}
	.section03 .wrap-content .row{margin:0;}
	.section03 .wrap-content .row .column{padding:0;}
	.section03 .sub-title{font-size:21px; color:#b3926d; font-weight:normal; text-align:center; margin-bottom:15px;}
	.section03 .section-txt{margin-bottom:20px;}
	.section03 .group-quest{border-top:1px solid #73593b; margin-bottom:30px;}
	.section03 .group-quest .silen-img{float:left; width:50%; position:relative; height:248px; overflow:hidden;}
	.section03 .group-quest .silen-img img{width:auto; height:100%; position:relative; left:50%; margin-left:-262px;}
	.section03 .group-quest .silen-content{float:left; width:50%; background:rgba(42,34,26,0.4); height:248px; padding:38px 40px;}
	.section03 .group-quest .silen-content h3{font-size:17px; font-weight:bold; color:#b3926d; margin-bottom:22px;}
	.section03 .group-quest .silen-content dl{}
	.section03 .group-quest .silen-content dt{font-size:14px; font-weight:normal; color:#587185; margin-bottom:3px;}
	.section03 .group-quest .silen-content dd{font-size:14px; font-weight:normal; color:#777; margin-bottom:7px;}
	.section03 .group-monster{}
	.section03 .group-monster .mob{float:left; background-color:rgba(0,0,0,0.3); position:relative; height:385px; text-align:center; padding-top:35px; background-position:50% 97px; background-repeat:no-repeat;}
	.section03 .group-monster .mob01{width:33%; background-image:url("../img/img_monster01.png");}
	.section03 .group-monster .mob02{width:34%; border-left:1px solid #1f1f1e; border-right:1px solid #1f1f1e;  background-image:url("../img/img_monster02.png")}
	.section03 .group-monster .mob03{width:33%; background-image:url("../img/img_monster03.png")}
	.section03 .group-monster .mob01:after, .section03 .group-monster .mob02:after{content:""; display:block; width:37px; height:37px; position:absolute; left:100%; top:50%; margin-left:-18px; margin-top:-19px; background:url("../img/arw_monster.png") no-repeat 0 0; z-index:10;}
	.section03 .group-monster .mob dl{}
	.section03 .group-monster .mob dl dt{font-size:17px; font-weight:bold; color:#ccc; margin-bottom:8px;}
	.section03 .group-monster .mob dl dd{font-size:14px; color:#787878;}
	.section03 .group-quest .fairy-img{float:left; width:50%; position:relative; height:338px; overflow:hidden;}
	.section03 .group-quest .fairy-img img{width:auto; height:100%; position:relative; left:50%; margin-left:-262px;}
	.section03 .group-quest .fairy-content{float:left; width:50%; background:rgba(42,34,26,0.4); height:338px; padding:85px 40px;}
	.section03 .group-quest .fairy-content p{font-size:14px; font-weight:normal; color:#777; margin-bottom:55px; line-height:22px;}
	.section03 .group-quest .fairy-content ul{}
	.section03 .group-quest .fairy-content ul li{font-size:14px; font-weight:normal; color:#587185; line-height:22px;}
	.section03 .group-quest-fairy{margin-bottom:145px;}
	
	.section04 {background:rgba(0,0,0,0.2);}
	.section04 .section-title{margin-bottom:0;}
	.section04 .sub-title{font-size:21px; color:#b3926d; font-weight:normal; text-align:center; margin-bottom:10px;}
	.section04 .section-txt{display:block; margin-bottom:20px;}
	.section04 .section-txt2{display:block; margin-bottom:20px; color:#554a3d; font-size:15px; text-align:center;}
	.section04 .section-txt-next{padding-top:80px; background:url("../img/icon_enchanter.png") no-repeat 50% 0; background-size:63px 67px;}
	.section04 .wrap-content{padding-top:150px;  z-index:1;}
	.section04 .group-quest{border-top:1px solid #73593b; margin-bottom:30px;}
	.section04 .group-quest .weapon-img{float:left; width:50%; position:relative; height:470px; overflow:hidden;}
	.section04 .group-quest .weapon-img img{width:auto; height:100%; position:relative; left:50%; margin-left:-262px;}
	.section04 .group-quest .weapon-content{float:left; width:50%; background:rgba(42,34,26,0.4); height:470px; padding:38px 40px;}
	.section04 .group-quest .weapon-content h4{font-size:17px; font-weight:bold; color:#ccc; margin-bottom:30px;}
	.section04 .group-quest .weapon-content dl{margin-bottom:35px;}
	.section04 .group-quest .weapon-content dt{font-size:14px; font-weight:normal; color:#587185; margin-bottom:3px;}
	.section04 .group-quest .weapon-content dd{font-size:13px; font-weight:normal; color:#777; margin-bottom:7px;}
	.section04 .group-quest .weapon-content h5{font-size:14px; color:#b35b3c; font-weight:bold; display:inline-block; padding-top:2px; border-top:1px solid #b35b3c; letter-spacing:0; margin-bottom:10px;}
	.section04 .group-quest .weapon-content ul li{color:#4b4646; font-size:12px; padding-left:10px; position:relative; line-height:22px;}
	.section04 .group-quest .weapon-content ul li:before{content:""; display:block; width:2px; height:2px; position:absolute; left:0; top:10px; background:#b35b3c; margin-bottom:0;}
	.section04 .pager-weapon{text-align:center;}
	.section04 .pager-weapon li{display:inline-block; padding:15px 8px 40px;}
	.section04 .pager-weapon li a{color:#554a3d; font-size:14px; line-height:33px; text-decoration:none; position:relative; width:98px; height:36px; display:block; background:transparent; border:1px solid #312b23; border-radius:18px;}
	.section04 .pager-weapon li a.active{background:#73593b; border:1px solid #73593b; color:#fff;}
	.section04 .obj-class{position: absolute; display: none; width:650px; height:957px; background:url("../img/obj_class01.png") no-repeat 0 0; top:850px; right:-150px; z-index:0; -webkit-animation-duration: 2s;
  animation-duration: 2s;background-size:650px 957px;}
	.content-3 .section04 .obj-class{display:block;}
	.section04 .article-class .article-title{padding-top:65px; background:url("../img/icon_magic.png") no-repeat 50% 0; font-size:21px; color:#b3926d; font-weight:normal; text-align:center; margin-bottom:15px;}
	.section04 .article-class .article-txt{text-align:center; font-size:14px; color:#777; margin-bottom:15px;}
	.section04 .article-class .group-skill{margin:0 -7px 50px;}
	.section04 .article-class .group-skill .column{padding:0 7px;}
	.section04 .article-class .group-skill .box-skill{}
	.section04 .article-class .group-skill .box-skill dt{background:#73593b; height:45px; line-height:45px; font-size:15px; color:#ccc; font-weight:bold; text-align:center; padding:0;}
	.section04 .article-class .group-skill .box-skill dd{border:1px solid #1f1d1a; border-top:0; background:rgba(0,0,0,0.6); padding:25px; font-size:14px; color:#515151; text-align:center; line-height:20px; height:170px;}
	.section04 .article-class + .section-txt2{margin-bottom:80px;} 
	.section04 .slide-skill .item h5{font-size:17px; text-align:center; font-weight:bold; color:#597a94; margin-bottom:5px;} 
	.section04 .slide-skill .item p{font-size:14px; text-align:center; color:#777; margin-bottom:20px;}
	.section04 .slide-skill-wrap .slide-skill .item .box-skill dt{background:#394c5b; height:45px; line-height:45px; font-size:15px; color:#ccc; font-weight:bold; text-align:center; padding:0;}
	.section04 .slide-skill-wrap .slide-skill .item .box-skill dd{border:1px solid #1f1d1a; border-top:0; background:rgba(0,0,0,0.6); padding:25px; font-size:14px; color:#515151; text-align:center; line-height:20px; height:110px; min-height:110px;}
	.section04 .slide-skill-wrap .slide-skill .slick-prev{background:url("../img/arw_prev_story.png") no-repeat 0 0; width:26px; height:50px; left:-30px; top: 50%; margin-top:-15px;}
	.section04 .slide-skill-wrap .slide-skill .slick-next{background:url("../img/arw_next_story.png") no-repeat 0 0; width:26px; height:50px; right:-30px; top: 50%; margin-top:-15px;}

	.section05 .wrap-content{padding-top:150px;}
	.section05 .section-title{margin-bottom:40px;}
	.section05 .wrap-ui{height:644px; margin:0 auto; background:rgba(0,0,0,0.15); border-top:1px solid #73593b;}
	.section05 .slide-ui .item{padding-top:60px;}
	.section05 .slide-ui .item h3{font-size:20px; margin-bottom:15px; text-align:center; font-weight:normal;}
	.section05 .slide-ui .item p.txt{color:#979088; font-size:14px; margin-bottom:40px; text-align:center;}
	.section05 .slide-ui .item p.img{ text-align:center;}
	.section05 .wrap-ui .slick-slider .slick-prev{background:url("../img/arw_prev_story.png") no-repeat 0 0; width:26px; height:50px; left:-30px; top: 310px;}
	.section05 .wrap-ui .slick-slider .slick-next{background:url("../img/arw_next_story.png") no-repeat 0 0; width:26px; height:50px; right:-30px; top: 310px;}
	.section05 .wrap-ui .slick-dots{padding-top:20px;}

	.btn-wrap{display:block; text-align:center; padding:100px 0;}
	.btn-power{display:inline-block; padding-left:50px; background:url("../img/power.jpg") no-repeat 0 0; text-decoration:none; margin-right:5px;}
	.btn-power span{display:block; padding:0 50px; height:50px; line-height:50px; text-align:center; font-weight:bold; color:#fff; font-size:17px; background:#405769;}
	.btn-event{display:inline-block; padding:0 50px; height:50px; line-height:50px; text-align:center; font-weight:bold; color:#fff; font-size:17px; background:#73593b; text-decoration:none;}
	
	.footer-wrap{padding:70px 0; text-align:center;background:rgba(0,0,0,0.2);}
	.footer-wrap address{display:inline-block; color:#acacac; font-size:10px; font-style:normal; letter-spacing:0;}
	.footer-wrap .sns{display:inline-block; vertical-align:middle; margin-top:5px;}

}
@media (min-width: 1050px){
	.section04 .slide-skill-wrap .slide-skill .slick-prev{left:-60px; top: 50%; margin-top:-15px;}
	.section04 .slide-skill-wrap .slide-skill .slick-next{right:-60px; top: 50%; margin-top:-15px;}
	.section05 .wrap-ui .slick-slider .slick-prev{left:-60px;}
	.section05 .wrap-ui .slick-slider .slick-next{right:-60px;}
}
@media (min-width: 1260px){
	#naviArea .anchor{width:1260px; margin:0 auto; padding:0;}
	.section .wrap-content{width:1048px; max-width:1048px; margin:0 auto; position:relative; padding:0}
	.section .group-quest{width:1048px;}
	.section .group-quest .select-img img, .section .group-quest .silen-img img, .section .group-quest .fairy-img img, .section .group-quest .weapon-img img{width:100%; height:auto; left:0; margin-left:0;}
	.storyCnt .wrap-content .inner{padding-top:150px;}
	.slick-dots{width:960px; margin: 0 auto;}
	.section01 .wrap-content, .section02 .wrap-content, .section03 .wrap-content, .section04 .wrap-content, .section05 .wrap-content, .section06 .wrap-content{padding-top:150px;}
	.section01 .group-slide{width:960px;}
	.section01 .group-slide .slide-enemy-wrap{padding:0 40px 0 169px;}
	.section01 .group-slide .slide-friendly-wrap{ padding:0 169px 0 40px;}
	.section01 .group-slide .slide-enemy-wrap .tit{padding-right:0px;}
	.section01 .group-slide .slide-friendly-wrap .tit{padding-left:0px;}
	.section02 .obj-anus01{margin-left:-965px;}
	.section02 .obj-anus02{margin-left:-73px; z-index:0;}
	.section04 .obj-class{right:0; top:850px;}
	.section04 .slide-skill-wrap .slide-skill .slick-prev{left:-60px; top: 50%; margin-top:-15px;}
	.section04 .slide-skill-wrap .slide-skill .slick-next{right:-60px; top: 50%; margin-top:-15px;}
	.section05 .wrap-ui .slick-slider .slick-prev{left:-60px;}
	.section05 .wrap-ui .slick-slider .slick-next{right:-60px;}

}
@media (min-width: 1920px) {
	
}