@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; letter-spacing:-0.1em; background: #151213;}
html,body{overflow-x:hidden;}
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;}

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

.sm-hidden, span.sm-hidden, img.sm-hidden{display:none !important;}

/*sliick slider default setting*/
.slick-prev, .slick-next, .hunt-prev, .hunt-next, .attrhunt-prev, .attrhunt-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:1001;
}
.slick-slide img{display:inline-block; vertical-align:top;}
.slick-slide{outline:none;}
.slick-dots {
    position:relative;
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
	vertical-align:top;
}
.slick-dotted{
	padding-bottom:10px;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding:0;
    border: 0;
    outline: none;
	background: transparent;
    text-indent: -9999px;
    border: 1px solid #a97e71;
	cursor: pointer;
}
.slick-dots li.slick-active button{
	border: 1px solid #efa892;
	background: #efa892;
}
.slick-slider .slick-next.slick-disabled, .slick-slider .slick-prev.slick-disabled{display:none !important;}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

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

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.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 moverepeat {
  0% {
    -webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
  }
  50% {
    -webkit-transform:translate3d(0,-20px,0);
	transform:translate3d(0,-5px,0);
  }	
  100% {
    -webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
  }
}

@keyframes moverepeat {
  0% {
    -webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
  }
  50% {
    -webkit-transform:translate3d(0,-5px,0);
	transform:translate3d(0,-5px,0);
  }	
  100% {
    -webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
  }
}
.active .moverepeat {
	-webkit-animation: moverepeat 1.5s infinite;
	 animation: moverepeat 1.5s infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes shadow {
  0% {
    opacity:1;
	transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
  50% {
    opacity:0.8;
	transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }	
  100% {
    opacity:1;
	transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@keyframes shadow {
  0% {
    opacity:1;
	transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
  50% {
    opacity:0.8;
	transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }	
  100% {
    opacity:1;
	transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.active .moveshadow {
	-webkit-animation: shadow 1.5s infinite;
	 animation: shadow 1.5s infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/*navi-mobile*/
.nav-trigger{position:fixed; top:56px; right:13px; width:32px; height:31px; background:#47433f; overflow:hidden; text-indent:100%; white-space:nowrap; z-index:1000; border:1px solid #7f726b;}
.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);}
.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;}

.button-group li{display:none;}
.button-group2 li{display:none;}

#header .bg-mask-class{background-image:url("../img/bg_header_sm.jpg"); background-position:50% 43px; -webkit-background-size:960 510px; -moz-background-size:960px 510px; -o-background-size:960px 510px; background-size:960px 510px;}
.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;}

.headerCnt .home{position:absolute; top:64px; left:12px; width:120px; height:15px; background:url("../img/logo.png") no-repeat 0 0; margin:0; -webkit-background-size:120px 15px; -moz-background-size:120px 15px; -o-background-size:120px 15px; background-size:120px 15px; text-indent:-9999em;}
.headerCnt{position:relative;}
.section .headerCnt .wrap-content{padding-top:0;}
.headerCnt .wrap-content .inner{width:100%; height:553px; position:static; padding-top:230px;}
.is-mobile .headerCnt .wrap-content{height:auto !important;}
.headerCnt .h1-title{animation-delay: 1s; text-indent:-9999em; font-size:0; height:52px; background:url("../img/title_godard_sm.png") no-repeat 50% 0; background-size:320px 52px; position:relative; z-index:100; width:300px; margin:0 auto; display:block;}
.headerCnt small{animation-delay: 1.8s; text-indent:0; font-size:12px; color:#faae8c; text-align:center; text-decoration:underline; margin-bottom:0; position:relative;  z-index:100; display:block;}
.is-mobile .headerCnt .txt-header01{display:none !important;}
.headerCnt .txt-header01{display:none;}

#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%; -webkit-transform:translateY(-45%); transform:translateY(-45%);}
#menu-mobile .overlay nav h1{display:inline-block; width:200px; height:80px; background:url("../img/m_logo_dim.png") no-repeat 0 0; position:relative; text-indent:-9999px; background-size:cover; margin-bottom:28px;}
#menu-mobile .overlay nav h1 a{display:block;width:200px; height:80px;text-indent:-9999px;}
#menu-mobile .overlay nav ul{list-style:none; padding:0; margin:0 auto 40px; display:block; height:auto; position:relative; margin-bottom:20px;}
#menu-mobile .overlay nav ul li{display:block; height:60px; position:relative;}
#menu-mobile .overlay nav ul li a{font-size:18px; color:#fff; text-decoration:none; font-weight:normal;}
#menu-mobile .overlay nav ul li:after{content:""; display:block; width:7px; height:7px; background-color:#af6250; position:absolute;  top:50%; left:50%; margin-left:-3.5px; margin-top:5px; font-weight:normal;
	-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;}
#menu-mobile .overlay .index{display:inline-block; width:164px; height:39px; text-indent:0; border:1px solid rgba(186,115,97,0.35); text-align:center; line-height:37px; color:#fff; font-size:18px; text-decoration:none;  font-weight:normal;}
#menu-mobile .overlay .index .arw{font-family:"dotum"}
.btn-scroll{display:block; position:absolute; width:52.5px; bottom:0; left:50%; margin-left:-26.25px; padding-top:22px;  text-indent:0; font-size:11px; color:rgba(254,254,255,0.4); text-align:center; opacity:0; margin-bottom:15px; text-decoration:none;}
.btn-scroll .icon{position:absolute; width:52.5px; height:23px; top:0; left:0; background:url("../img/arw_down_sm.png") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;}
.btn-top{position:fixed; right:0; bottom:0; display:block; width:40px; height:40px; background:#67534a; 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;}
.btn-tooltip{display:none;}
.section .wrap-content{padding:40px 10px 0px; max-width:320px; margin:0 auto;}
.section .wrap-button{text-align:center; margin-bottom:30px;}
.section .section-title{letter-spacing:-0.08em; text-align:center; font-size:30px; color:#fff; font-weight:normal; margin-bottom:30px;}
.section .section-title .ank{display:inline-block; position:relative; padding-right:0}                 
.section .section-title .btn-power{position:absolute; top:50%; right:0; display:none; width:45px; height:45px; text-indent:-9999px; background:url("../img/icon_power.png") no-repeat 50% 50% #b16553; margin-top:-22px;}
.section .section-txt{font-size:16px;margin-bottom:60px; line-height:22px; text-align:center; color:#efa892;}
.section .article-title{text-align:center; font-weight:normal; margin-bottom:15px;}
.section .article-title .line{display:inline-block; font-size:18px; color:#e9d2cf; position:relative; padding:0 92px;}
.section .article-title .line::before{display:block; content:""; position:absolute; top:50%; left:0; background:url("../img/line_subtitle_left.png") no-repeat 0 0; -webkit-background-size:cover;background-size:cover; width:87px; height:9px; margin-top:-4.5px;}
.section .article-title .line::after{display:block; content:""; position:absolute; top:50%; right:0; background:url("../img/line_subtitle_right.png") no-repeat 0 0; -webkit-background-size:cover;background-size:cover; width:87px; height:9px; margin-top:-4.5px;}
.section .article-txt{font-size:13px; color:#b68c7f; line-height:18px; text-align:center; margin-bottom:25px;}
.section .article-txt em{color:#ff9177; font-weight:normal; font-style:normal;}
.power{text-align:center;}
.power .link-power{display:inline-block; width:163px; height:46px; line-height:46px; text-align:center; background:#634942; color:#b58e84; font-size:16px; text-decoration:none;}
.power .link-power::before{content:""; display:inline-block; width:18px; height:18px; background:url("../img/icon_power02_off.png") no-repeat 0 0; vertical-align:middle; margin-top:-4px; margin-right:8px;}
.power .link-power:hover{background:#bc7564; color:#fff;}
.power .link-power:hover::before{background-image:url("../img/icon_power02_on.png");}
	
.section .item img,  .section .sub-item img {width:100%;}  /*임시*/
.section01 .wrap-content{z-index:1; position:relative; padding-bottom:50px;} 
.section01 .bg-mask-class{background-image:url("../img/bg_section01_sm.jpg"); background-size:960px auto; background-position:50% 0;}	
.section01 .slide-domain-wrap{position:relative;}
.section01 .pager-domain{overflow:hidden; margin-bottom:20px;}
.section01 .pager-domain li{float:left; margin-right:4.5px;width:71.5px; height:37px;}
.section01 .pager-domain li:last-child{float:left; margin-right:0; }
.section01 .pager-domain li a{display:table-cell; width:71px; height:37px; text-align:center; color:#8e6d62; text-align:center; line-height:1; font-size:12px; background:url("../img/tab_off_sm.png") no-repeat 50% 50%; -webkit-background-size:cover;background-size:cover; text-decoration:none; vertical-align:middle;}
.section01 .pager-domain li a.active{color:#fff; background-image:url("../img/tab_on_sm.png");}
.section01 .button-group .hunt-prev, .section01 .button-group .hunt-next{top:inherit; bottom:330px;}
.section01 .slide-domain{}
.section01 .slide-domain .item{}
.section01 .slide-domain .item .desc{padding:40px 0 60px; text-align:center; font-size:16px; color:#b68c7f; line-height:22px;}
.section01 .slide-domain .item .info-wrap{margin-bottom:25px;}
.section01 .slide-domain .item .info{background:rgba(13,7,7,0.48); padding:0 0 0 0; display:block; vertical-align:middle; text-align:center; width:100%; height:32px;}
.section01 .slide-domain .item .info dl{margin-bottom:0; display:block; width:100%; text-align:center;}
.section01 .slide-domain .item .info dl:last-child{margin-bottom:0;}
.section01 .slide-domain .item .info dt{float:none; width:auto; font-size:13px;  display:inline-block; color:#ff7c4a; text-align:left; padding-left:10px; position:relative; line-height:32px; margin-right:20px;}
.section01 .slide-domain .item .info dt::before{content:""; display:block; width:4px; height:4px; border-radius:50%; background:#ff7c4a; position:absolute; left:0; top:50%; margin-top:-2px;}
.section01 .slide-domain .item .info dd{float:none; width:auto; display:inline-block; font-size:13px; color:#e9d2cf; line-height:32px;}
.section01 .slide-hunt .sub-item .img{width:300px; height:254px; overflow:hidden;}
.section01 .slide-hunt .sub-item .img img{width:auto; height:254px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.section02 .wrap-content{z-index:1; position:relative; padding-bottom:50px;}
.section02 .bg-mask-class{background-image:url("../img/bg_section02_sm.jpg"); background-size:960px auto; background-position:50% 0; background-color:#201d1e;}	
.section02 .article-txt{margin-bottom:40px;}
.section02 .group-jinn{padding:0 7.5px; display:inline-block; width:100%; position:relative; margin-bottom:75px;}
.section02 .group-jinn h4{position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px; display:block; width:80px; height:80px; background:url("../img/icon_rotate_sm.png") no-repeat 50% 50%; -webkit-background-size:cover;background-size:cover; text-align:center; font-size:12px; color:#efa892; line-height:13px; padding-top:27px;} 
.section02 .box-jinn{width:140px; height:160.5px; background:url("../img/bg_jinn_sm.png") no-repeat 0 0; -webkit-background-size:cover;background-size:cover; float:left; position:relative;}
.section02 .box-jinn.fire{margin-right:5px; margin-bottom:5px;}
.section02 .box-jinn.water{margin-bottom:5px;}
.section02 .box-jinn.wind{margin-right:5px;}
.section02 .box-jinn.earth{}
.section02 .box-jinn .obj{position:absolute; left:50%; z-index:10;}
.section02 .box-jinn.fire .obj{width:71px; height:104px; background:url("../img/jinn01.png") no-repeat 50% 50%; -webkit-background-size:cover;background-size:cover; top:41px; margin-left:-35.5px;}
.section02 .box-jinn.water .obj{width:61px; height:110px; background:url("../img/jinn02.png") no-repeat 50% 50%; -webkit-background-size:cover;background-size:cover; top:38px; margin-left:-30.5px;}
.section02 .box-jinn.wind .obj{width:104px; height:91px; background:url("../img/jinn03.png") no-repeat 50% 50%; -webkit-background-size:cover;background-size:cover; top:27px; margin-left:-52px;}
.section02 .box-jinn.earth .obj{width:106px; height:76.5px; background:url("../img/jinn04.png") no-repeat 50% 50%; -webkit-background-size:cover;background-size:cover; top:27.5px; margin-left:-53px;}
.section02 .box-jinn .shadow{position:absolute; left:50%; background-color:rgba(0,0,0,0.53); border-radius:50%; z-index:9;}
.section02 .box-jinn.fire .shadow{width:15px; height:5px; bottom:10px;  margin-left:-7.5px;}
.section02 .box-jinn.water .shadow{width:16px; height:4px; bottom:8px; margin-left:-8px;}
.section02 .box-jinn.wind .shadow{width:24px; height:6px; bottom:40px; margin-left:-12px;}
.section02 .box-jinn.earth .shadow{width:51px; height:6px; bottom:51px; margin-left:-25.5px;}
.section02 .box-jinn dl{width:116px; height:50px; border-radius:25px; background:rgba(0,0,0,0.59); position:absolute; top:-25px; left:50%; margin-left:-58px; padding-top:6px; text-align:center;}
.section02 .box-jinn dl::before{display:inline-block; content:""; width:26px; height:18px; background:url("../img/arw_jinn2_sm.png") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;margin-bottom:3px;}
.section02 .box-jinn dl::after{display:inline-block; content:""; width:26px; height:18px; background:url("../img/arw_jinn_sm.png") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;margin-top:3px;}
.section02 .box-jinn dt{font-size:13px; color:#e9d2cf; text-align:center;}
.section02 .box-jinn.wind dl, .section02 .box-jinn.earth dl{top:auto; bottom:-25px;}
.section02 .box-jinn.fire dl::before, .section02 .box-jinn.water dl::before{display:none;}
.section02 .box-jinn.wind dl::after, .section02 .box-jinn.earth dl::after{display:none;}
.section02 .box{background:rgba(13,7,7,0.48); padding:15px 10px; margin-bottom:30px;}
.section02 .box dt{font-size:14px; color:#ebbead; text-align:center; margin-bottom:5px;}
.section02 .box dt::before{content:'"'; display:inline-block; font-size:23px; color:#ebbead; vertical-align:middle; margin-top:-5px;}
.section02 .box dt::after{content:'"'; display:inline-block; font-size:23px; color:#ebbead; vertical-align:middle; margin-top:-5px;}
.section02 .box dd{font-size:12px; text-align:center; line-height:1.4; color:#e9d2cf;}
.section02 .box dd em{font-style:normal; color:#eb8771;}
.section02 .list-star{overflow:hidden; margin-bottom:30px; margin-top:-30px;}
.section02 .list-star li{float:left; width:25%; text-align:center; padding-top:42px; font-size:12px; color:#b68c7f; line-height:1.4; position:relative;}
.section02 .list-star li::before{content:""; display:block; width:38px; height:38px; position:absolute; top:0; left:50%; margin-left:-19px;}
.section02 .list-star li.water::before{background:url("../img/item_star01.jpg") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;}
.section02 .list-star li.fire::before{background:url("../img/item_star02.jpg") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;}
.section02 .list-star li.wind::before{background:url("../img/item_star03.jpg") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;}
.section02 .list-star li.earth::before{background:url("../img/item_star04.jpg") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;}
.section02 .box-attrsys{height:222px; background:url("../img/box_attrsys_sm.png") no-repeat 0 0; -webkit-background-size:cover;background-size:cover; padding:15px 20px; margin-bottom:20px; position:relative;}
.section02 .box-attrsys::after{content:""; display:block; width:43px; height:53px; background:url("../img/arw_attrsys_sm.png") no-repeat 0 0; -webkit-background-size:cover;background-size:cover; position:absolute; bottom:-38px; left:50%; margin-left:-21.5px; z-index:10;}
.section02 .box-attrsys h4{font-size:14px; color:#ebbead; text-align:center; margin-bottom:85px;}
.section02 .box-attrsys ul{}
.section02 .box-attrsys ul li{font-size:12px; color:#aad4ec; line-height:14px; margin-bottom:8px; padding-left:72px; text-indent:-72px;}
.section02 .box-attrsys ul li::before{content:"1"; width:15px; height:15px; background:#aad4ec; border-radius:50%; display:inline-block; line-height:15px; text-align:center; color:#1e1b1b; font-size:12px; text-indent:0; margin-right:5px;}
.section02 .box-attrsys ul li:last-child{margin-bottom:0;padding-left:72px; text-indent:-72px;}
.section02 .box-attrsys ul li:last-child::before{content:"2";}
.section02 .slide-attrsys-wrap{}
.section02 .slide-attrsys .item{background:#1b1314;}
.section02 .slide-attrsys .item .img{border:1px solid #422d28; padding:25px 33px 26px;}
.section02 .slide-attrsys .item .txt{background:url("../img/bg_text_attrsys_sm.jpg") no-repeat 0 0; -webkit-background-size:cover;background-size:cover; border:1px solid #422d28; border-top:0; text-align:center; display:table-cell; width:300px; height:65px; vertical-align:middle;}
.section02 .slide-attrsys .item dl{display:inline-block;}
.section02 .slide-attrsys .item dl dt{font-size:13px; color:#df7f68; text-align:center; line-height:15px; margin-bottom:2px;}
.section02 .slide-attrsys .item dl dd{font-size:13px; color:#ebbead; text-align:center; line-height:15px;}

.section03 .wrap-content{z-index:1; position:relative; padding-bottom:50px;}
.section03 .bg-mask-class{background-image:url("../img/bg_section03_sm.jpg"); background-size:960px auto; background-position:50% 0;}	
.section03 .slide-attr-wrap{position:relative;}
.section03 .pager-attr{overflow:hidden; margin-bottom:20px;}
.section03 .pager-attr li{float:left; margin-right:4.5px;width:71.5px; height:37px;}
.section03 .pager-attr li:last-child{float:left; margin-right:0; }
.section03 .pager-attr li a{display:table-cell; width:71.5px; height:37px; text-align:center; color:#8e6d62; text-align:center; line-height:1; font-size:12px; background:url("../img/tab_off_sm.png") no-repeat 50% 50%; -webkit-background-size:cover;background-size:cover; text-decoration:none; vertical-align:middle;}
.section03 .pager-attr li a.active{color:#fff; background-image:url("../img/tab_on_sm.png");}
.section03 .info-wrap{margin-bottom:25px;}
.section03 .info{background:rgba(13,7,7,0.48); padding:0 0 0 0; display:block; vertical-align:middle; text-align:center; width:100%; height:32px;}
.section03 .info dl{margin-bottom:0; display:block; width:100%; text-align:center;}
.section03 .info dl:last-child{margin-bottom:0;}
.section03 .info dt{float:none; width:auto; font-size:13px;  display:inline-block; color:#ff7c4a; text-align:left; padding-left:10px; position:relative; line-height:32px; margin-right:20px;}
.section03 .info dt::before{content:""; display:block; width:4px; height:4px; border-radius:50%; background:#ff7c4a; position:absolute; left:0; top:50%; margin-top:-2px;}
.section03 .info dd{float:none; width:auto; display:inline-block; font-size:13px; color:#e9d2cf; line-height:32px;}
.section03 .button-group .hunt-prev, .section03 .button-group .hunt-next{top:inherit; bottom:330px;}
.section03 .slide-attr{}
.section03 .slide-attr .item{position:relative;}
.section03 .slide-attr .item .desc{padding:40px 0 60px; text-align:center; font-size:16px; color:#b68c7f; line-height:22px;}
.section03 .slide-attrHunt .sub-item .img{width:300px; height:254px; overflow:hidden;}
.section03 .slide-attrHunt .sub-item .img img{width:auto; height:254px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.section03 .dinfo{position:absolute; background:rgba(67,46,39,0.8); z-index:100; top:0; left:0; right:0;}
.section03 .dinfo ul{padding:10px;}
.section03 .dinfo ul li{padding-left:6px; position:relative; font-size:12px; color:#e9d2cf; line-height:1.4;}
.section03 .dinfo ul li strong{color:#e1b6a6; font-weight:normal;}
.section03 .dinfo ul li::before{content:""; display:block; width:2px; height:2px; background:#aa8e8b; position:absolute; left:0; top:50%; margin-top:-1px;}

.section04 .wrap-content{z-index:1; position:relative; padding-bottom:0px;}
.section04 .bg-mask-class{background-image:url("../img/bg_section04_sm.jpg"); background-size:960px auto; background-position:50% 0; background-color:#1a1718;}	
.section04 .slide-skill-wrap{position:relative; margin-bottom:50px;}
.section04 .pager-skill{overflow:hidden; margin-bottom:20px;}
.section04 .pager-skill li{float:left; margin-right:4.5px;width:71.5px; height:37px;}
.section04 .pager-skill li:last-child{float:left; margin-right:0; }
.section04 .pager-skill li a{display:table-cell; width:71.5px; height:37px; text-align:center; color:#8e6d62; text-align:center; line-height:1; font-size:12px; background:url("../img/tab_off_sm.png") no-repeat 50% 50%; -webkit-background-size:cover;background-size:cover; text-decoration:none; vertical-align:middle;}
.section04 .pager-skill li a.active{color:#fff; background-image:url("../img/tab_on_sm.png");}
.section04 .slide-skill{}
.section04 .slide-skill .item{position:relative;}
.section04 .slide-skill .skill-title{height:32px; background:url("../img/bg_skill_title.jpg") no-repeat 50% 0; -webkit-background-size:cover;background-size:cover; line-height:32px; text-align:center; font-size:12px; color:#fff; margin-bottom:20px; font-weight:normal;}
.section04 .slide-skill .skill-info{background:rgba(13,7,7,0.81); padding:13px 0 0; margin-bottom:11px; position:relative;}
.section04 .slide-skill .skill-info:last-child{margin-bottom:0;}
.section04 .slide-skill .skill-info .new::before{content:""; display:block; width:65px; height:64px; background:url("../img/icon_new_sm.png") no-repeat 0 0; -webkit-background-size:cover;background-size:cover; position:absolute; top:-9px; right:10px;}
.section04 .slide-skill .skill-info h4{font-size:15px; color:#ebbead; padding-bottom:10px; position:relative; margin-bottom:5px; text-align:center; font-weight:normal;}
.section04 .slide-skill .skill-info h4::after{content:""; display:block; width:20px; height:2px; position:absolute; bottom:0; left:50%; margin-left:-10px; background:#3c3333;}
.section04 .slide-skill .skill-info p{font-size:13px; color:#c0adaa;text-align:center; margin-bottom:12px;}
.section04 .slide-skill .skill-info dl{background:#251f1f; padding:12px 0;}
.section04 .slide-skill .skill-info dt{font-size:14px; color:#efa892; margin-bottom:5px; text-align:center;}
.section04 .slide-skill .skill-info dd{font-size:13px; color:#c0adaa; line-height:1.4; text-align:center; margin-bottom:5px;}
.section04 .slide-skill .skill-info dd strong{font-weight:normal; color:#ff9177;}
.section04 .slide-skill .skill-info dd:last-child{margin-bottom:0;}
.section04 .slide-skill .skill-info dd.light{color:#8a7875;}
.section04 .slide-skill .skill-info dd.light small{font-size:12px;}
.section04 .slide-skill .slick-prev{width:14px; height:22px; background-image:url("../img/arw_prev2.png"); -webkit-background-size:cover;background-size:cover; top:6px; margin-top:0; left:10px;}
.section04 .slide-skill .slick-next{width:14px; height:22px; background-image:url("../img/arw_next2.png"); -webkit-background-size:cover;background-size:cover; top:6px; margin-top:0; right:10px;}
.section04 .notice-mask{background:#191617;}
.section04 .update-mask{background:#1e1a1b;}
.section04 .notice-mask .wrap-content{padding:20px 0;}
.section04 .notice-mask .wrap-content .notice{text-align:center; font-size:13px; color:#b68c7f; line-height:1.5;}
.section04 .update-mask .wrap-content{padding:25px 0;}
.section04 .update-mask .wrap-content .btn-wrap{text-align:center;}
.section04 .update-mask .wrap-content .btn-wrap .btn-update{display:inline-block; width:264px; height:59px; border:1px solid rgba(119,87,76,0.35); font-size:18px; text-align:center; line-height:57px; color:#b68c7f; text-decoration:none;}
.section04 .update-mask .wrap-content .btn-wrap .btn-update::after{content:""; display:inline-block; width:9px; height:16px; background:url("../img/arw_btn_sm.png") no-repeat 0 0; -webkit-background-size:cover;background-size:cover; margin-left:5px;}

.bg-footer{background:#151213;}
#footer{height:10px;}
.footer-wrap{padding:50px 0; text-align:center}
.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;}
.footer-wrap .sns a{text-indent:-9999px; display:inline-block; width:29px; height:29px; background:url("../img/sns.png") no-repeat; background-size:103px 29px; border:1px solid rgba(183,189,188,0.1);}
.footer-wrap .sns .fb{background-position:0 0;}
.footer-wrap .sns .tw{background-position:-37px 0; margin:0 7px;}
.footer-wrap .sns .ks{background-position:-74px; 0;}
.dim{width:100%; height:100%; position:fixed; top:0; left:0; display:none; z-index:999;}

@media (min-width: 641px) {
	#div_nctop{display:none; }
	div#div_nctop div.gnbContainer{width:100% !important;}
	.sm-hidden{display:block !important;}
	span.sm-hidden, img.sm-hidden{display:inline !important;}
	span.md-hidden, img.md-hidden{display:none !important;}
	.md-hidden{display:none !important;}
	.row{margin:0 -20px;}
    .column {position:relative; float:left; padding:10px 20px;}
	.section .wrap-content{padding:50px 20px 0px; max-width:640px;}
	
	.section01 .wrap-content{z-index:1; position:relative; padding-bottom:50px;} 
	.section01 .pager-domain li{margin-right:9px;width:143px; height:38px;}
	.section01 .pager-domain li a{width:143px; height:38px; line-height:38px; font-size:13px; background-image:url("../img/tab_off_md.png");}
	.section01 .pager-domain li a br{display:none;}
	.section01 .pager-domain li a.active{background-image:url("../img/tab_on_md.png");}
	.section01 .slide-hunt .sub-item .img{width:600px; height:507px;}
	.section01 .slide-hunt .sub-item .img img{height:507px;}
	
	.section02 .wrap-content{padding-bottom:50px;} 
	.section02 .group-jinn{padding:0;}
	.section02 .box-jinn{width:297px; height:161px; background-image:url("../img/bg_jinn_md.png");}
	.section02 .box-jinn.fire{margin-right:6px; margin-bottom:6px;}
	.section02 .box-jinn.water{margin-bottom:6px;}
	.section02 .box-jinn.wind{margin-right:6px;}
	.section02 .list-star{margin-top:-15px;}
	.section02 .list-star li{padding-top:80px;}
	.section02 .list-star li br{display:none;}
	.section02 .list-star li::before{width:76px; height:76px; margin-left:-38px;}

	.section02 .box-attrsys{height:270px; background-image:url("../img/box_attrsys_md.png");padding:15px 30px;}
	.section02 .box-attrsys h4{margin-bottom:152px;}
	.section02 .box-attrsys ul li{padding-left:0; text-indent:0;}
	.section02 .box-attrsys ul li br{display:none;}
	.section02 .box-attrsys ul li:last-child{margin-bottom:0;padding-left:0; text-indent:0;}

	.section02 .slide-attrsys .item .img{padding:52px 66px;}
	.section02 .slide-attrsys .item .txt{width:600px; height:58px;}
	.section02 .slide-attrsys .item .txt br{display:none;}

	.section03 .wrap-content{padding-bottom:50px;} 
	.section03 .pager-attr li{margin-right:9px;width:143px; height:38px;}
	.section03 .pager-attr li a{width:143px; height:38px; line-height:38px; font-size:13px; background-image:url("../img/tab_off_md.png");}
	.section03 .pager-attr li a br{display:none;}
	.section03 .pager-attr li a.active{background-image:url("../img/tab_on_md.png");}
	.section03 .slide-attrHunt .sub-item .img{width:600px; height:538px;}
	.section03 .slide-attrHunt .sub-item .img img{height:538px;}
	
	.section04 .slide-skill .skill-title{height:33px; line-height:33px;}
}
@media (min-width: 960px) {
	.section .wrap-content{padding:0; max-width:960px;}
	.slick-dots{padding:15px 0 0 0;}
	.slick-dotted{padding-bottom:35px;}
	.slick-dots li button {width: 12px; height: 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
	.slick-prev, .hunt-prev, .attrhunt-prev{width:50px; height:70px; background:url("../img/arw_prev.png") no-repeat 0 0; left:20px; top:220px;}
	.slick-next, .hunt-next, .attrhunt-next{width:50px; height:70px; background:url("../img/arw_next.png") no-repeat 0 0; right:20px; top:220px;}
	#container{padding-top:33px;}
	#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;}
	.sm-hidden{display:block !important;}
	span.sm-hidden, img.sm-hidden{display:inline !important;}
	.md-hidden{display:block !important;}
	span.md-hidden, img.md-hidden{display:inline !important;}
	.lg-hidden, span.lg-hidden, img.lg-hidden{display:none !important;}
	.gnb-mobile{display:none;}
	#header .bg-mask-class{background-image:url("../img/bg_header_lg.jpg"); background-position:50% 0; background-size:2560px auto;}
	#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:198px; height:24px; 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(0,0,0,0.5);}
	.navi ul{overflow:hidden; float:right; margin:30px -18px 0;}
	.navi ul li{float:left; padding:0 18px; line-height:1.2;}
	.navi ul li a{display:block; color:#fff; opacity:0.3; text-decoration:none; font-size:15px;}
	.navi ul li a .arw{font-family:"dotum"}
	.navi ul li.on a, .navi ul li a:hover{opacity:1;}
	.navi  .index{border-left:1px solid rgba(255,255,255,0.3);}
	.headerCnt .home{display:none;}
	.section .headerCnt .wrap-content{padding-top:0;}
	.headerCnt .wrap-content .inner{width:100%; position:static; padding-top:345px;}
	.headerCnt .h1-title{height:126px; background:url("../img/title_godard_lg.png") no-repeat 50% 0; background-size:960px 126px; position:relative; z-index:100; width:960px; margin:0 auto 70px; display:none;}
	.headerCnt small{text-indent:0; font-size:16px; color:#faae8c; text-align:center; display:none; text-decoration:underline; margin-bottom:0; position:relative;  z-index:100;}
	.headerCnt .txt-header01{animation-delay: 2s; font-size:18px; text-align:center; color:#e3bcab; line-height:30px; display:none;}
	.headerCnt .obj{position:absolute; left:321px;}
	.headerCnt .obj-light{background:url("../img/title_effect_lg.png") no-repeat 50% 0; background-size:132px 133px; width:132px; height:133px; top:-60px;}
	.btn-scroll{display:block; position:absolute; width:82px; bottom:0; left:50%; margin-left:-41px; padding-top:48px;  text-indent:0; font-size:14px; color:#fefeff; text-align:center; opacity:0; margin-bottom:40px; text-decoration:none;}
	.btn-scroll .icon{position:absolute; width:82px; height:54px; top:0; left:0; background:url("../img/arw_down_sm.png") no-repeat 50% 0; -webkit-background-size:cover;background-size:cover;}
	.btn-tooltip{display:inline-block; width:16px; height:16px; position:relative; text-indent:-9999px; background:url("../img/icon_info_off.png") no-repeat 0 0; vertical-align:middle; margin-top:-3px;}
	.btn-tooltip:hover, .btn-tooltip.active{background-image:url("../img/icon_info_on.png");}
	.section .wrap-content{padding:145px 0 0px;}
	.section .wrap-button{text-align:center; margin-bottom:60px;}
	.section .section-title{font-size:50px; margin-bottom:30px; }
	.section .section-title .ank{display:inline-block; position:relative; padding-right:65px; vertical-align:middle;}
	.section .section-title .btn-power{position:absolute; top:50%; right:0; display:block; width:45px; height:45px; text-indent:-9999px; background:url("../img/icon_power.png") no-repeat 50% 50% #b16553; margin-top:-16px;}
	.section .section-txt{font-size:16px;margin-bottom:60px; line-height:22px; text-align:center;}
	.section .article-title{text-align:center;}
	.section .article-title .line{display:inline-block; font-size:30px; color:#e9d2cf; position:relative; padding:0 185px; vertical-align:middle;}
	.section .article-title .line::before{display:block; content:""; position:absolute; top:50%; left:0; background:url("../img/line_subtitle_left.png") no-repeat 0 0; width:174px; height:18px; margin-top:-9px;}
	.section .article-title .line::after{display:block; content:""; position:absolute; top:50%; right:0; background:url("../img/line_subtitle_right.png") no-repeat 0 0; width:174px; height:18px; margin-top:-9px;}
	.section .article-txt{font-size:16px; color:#b68c7f; line-height:22px; text-align:center; margin-bottom:4 0px;}
	.section .article-txt em{color:#ff9177; font-weight:normal; font-style:normal;}
	.power{text-align:center;}
	.power .link-power{display:inline-block; width:163px; height:46px; line-height:46px; text-align:center; background:#634942; color:#b58e84; font-size:16px; text-decoration:none;}
	.power .link-power::before{content:""; display:inline-block; width:18px; height:18px; background:url("../img/icon_power02_off.png") no-repeat 0 0; vertical-align:middle; margin-top:-4px; margin-right:8px;}
	.power .link-power:hover{background:#bc7564; color:#fff;}
	.power .link-power:hover::before{background-image:url("../img/icon_power02_on.png");}
	
	.section01 .wrap-content{z-index:1; position:relative; padding-bottom:110px;}
	.section01 .bg-mask-class{background-image:url("../img/bg_section01_lg.jpg"); background-size:2560px auto; background-position:50% 0;}
	.section01 .slide-domain-wrap{position:relative;}
	.section01 .pager-domain{overflow:hidden;}
	.section01 .pager-domain li{float:left; margin-right:9px; width:233px; height:64px;}
	.section01 .pager-domain li:last-child{float:left; margin-right:0;}
	.section01 .pager-domain li a{display:block; width:233px; height:64px; text-align:center; color:#8e6d62; text-align:center; line-height:64px; font-size:20px; background:url("../img/tab_off.png") no-repeat 50% 50%; text-decoration:none;}
	.section01 .pager-domain li a.active{color:#fff; background-image:url("../img/tab_on.png");}
	.section01 .button-group .hunt-prev, .section01 .button-group .hunt-next{top:inherit; bottom:330px;}
	.section01 .slide-domain{}
	.section01 .slide-domain .item{}
	.section01 .slide-domain .item .desc{padding:40px 0 60px; text-align:center; font-size:16px; color:#b68c7f; line-height:22px;}
	.section01 .slide-domain .item .info-wrap{margin-bottom:40px;}
	.section01 .slide-domain .item .info{background:rgba(13,7,7,0.48); padding:0 100px 0 160px; display:table-cell; vertical-align:middle; width:100%; height:181px; text-align:left;}
	.section01 .slide-domain .item .info dl{margin-bottom:15px; display:inline-block; width:100%; text-align:left;}
	.section01 .slide-domain .item .info dl:last-child{margin-bottom:0;}
	.section01 .slide-domain .item .info dt{float:left; width:110px; font-size:16px; color:#ff7c4a; text-align:left; padding-left:10px; position:relative; line-height:25px; margin-right:0; display:block;}
	.section01 .slide-domain .item .info dt::before{content:""; display:block; width:4px; height:4px; border-radius:50%; background:#ff7c4a; position:absolute; left:0; top:50%; margin-top:-2px;}
	.section01 .slide-domain .item .info dd{float:right; width:590px; font-size:14px; color:#e9d2cf; line-height:25px; display:block;}
	.section01 .obj-hunt .obj03{display:none; position:absolute; width:343px; height:439px; background:url("../img/obj_hunt03.png") no-repeat 0 0; bottom:-80px; left:50%; margin-left:-672px; z-index:1000;}
	.section01 .obj-hunt .obj04{display:none; position:absolute; width:366px; height:449px; background:url("../img/obj_hunt04.png") no-repeat 0 0; bottom:-85px; left:50%; margin-left:323px; z-index:1000;}
	.section01 .slide-hunt .sub-item .img{width:960px; height:508px;}

	.section02 .wrap-content{z-index:1; position:relative;padding-bottom:80px;}
	.section02 .bg-mask-class{background-image:url("../img/bg_section02_lg.jpg"); background-size:2560px auto; background-position:50% 0;}
	.section02 .group-jinn{padding:0;}
	.section02 .group-jinn h4{margin-top:-79px; margin-left:-79px; width:158px; height:158px; font-size:24px; line-height:26px; padding-top:54px; font-weight:normal;} 
	.section02 .box-jinn{width:474px; height:231px; background-image:url("../img/bg_jinn_lg.png");}
	.section02 .box-jinn.fire{margin-right:11px; margin-bottom:9px;}
	.section02 .box-jinn.water{margin-bottom:9px;}
	.section02 .box-jinn.wind{margin-right:11px;}
	.section02 .box-jinn .obj, .section02 .box-jinn .shadow{left:70.886075%}
	.section02 .box-jinn.water .obj, .section02 .box-jinn.water .shadow,
	.section02 .box-jinn.earth .obj, .section02 .box-jinn.earth .shadow{left:28.270042%}
	.section02 .box-jinn.fire .obj{width:123px; height:181px; top:22px; margin-left:-61.5px;}
	.section02 .box-jinn.water .obj{width:105px; height:192px; top:19px; margin-left:-52.5px;}
	.section02 .box-jinn.wind .obj{width:181px; height:159px; top:37px; margin-left:-90.5px;}
	.section02 .box-jinn.earth .obj{width:212px; height:153px; top:34px; margin-left:-106px;}
	.section02 .box-jinn.fire .shadow{width:38px; height:13px; bottom:19px;  margin-left:-19px;}
	.section02 .box-jinn.water .shadow{width:27px; height:7px; bottom:12px; margin-left:-13.5px;}
	.section02 .box-jinn.wind .shadow{width:42px; height:10px; bottom:29px; margin-left:-21px;}
	.section02 .box-jinn.earth .shadow{width:101px; height:12px; bottom:33px; margin-left:-50.5px;}
	.section02 .box-jinn dl{width:232px; height:100px; border-radius:50px; top:50%; margin-top:-50px; left:30px; margin-left:0; padding-top:12px; text-align:right; padding-left:5px; padding-right:55px; position:absolute; z-index:100;}
	.section02 .box-jinn.water dl, .section02 .box-jinn.earth dl{left:auto; right:30px; text-align:left; padding-left:55px; padding-right:5px;}
	.section02 .box-jinn dl::before{width:35px; height:51px; background-image:url("../img/arw_jinn2.png");margin-bottom:0; display:block; position:absolute; right:8px; top:50%; margin-top:-25px;}
	.section02 .box-jinn dl::after{width:35px; height:51px; background-image:url("../img/arw_jinn.png");display:block; position:absolute; left:8px; top:50%; margin-top:-25px;}
	.section02 .box-jinn dt{font-size:20px; color:#e9d2cf; text-align:left; line-height:22px; margin-bottom:5px;}
	.section02 .box-jinn dd{font-size:14px; color:#ebbead; text-align:left; line-height:22px; letter-spacing:-0.1em;}
	.section02 .box-jinn.fire dt,
	.section02 .box-jinn.wind dt,
	.section02 .box-jinn.fire dd,
	.section02 .box-jinn.wind dd{text-align:right;}
	.section02 .box-jinn.wind dl, .section02 .box-jinn.earth dl{top:50%; bottom:auto;}
	.section02 .box-jinn.fire dl::before, .section02 .box-jinn.wind dl::before{display:block;}
	.section02 .box-jinn.fire dl::after, .section02 .box-jinn.wind dl::after{display:none;}
	.section02 .box-jinn.water dl::before, .section02 .box-jinn.earth dl::before{display:none;}
	.section02 .box-jinn.water dl::after, .section02 .box-jinn.earth dl::after{display:block;}
	.section02 .list-star{width:468px; margin:0 auto 60px;}
	.section02 .list-star li{padding-top:80px; font-size:16px;}
	.section02 .list-star li br{display:none;}
	.section02 .list-star li::before{width:76px; height:76px; margin-left:-38px;}
	.section02 .list-neck{overflow:hidden; width:468px; margin:30px auto 0;}
	.section02 .list-neck li{float:left; width:25%; text-align:center; padding-top:80px; font-size:16px; color:#b68c7f; line-height:1.4; position:relative;}
	.section02 .list-neck li::before{content:""; display:block; width:76px; height:76px; position:absolute; top:0; left:50%; margin-left:-38px;}
	.section02 .list-neck li.water::before{background:url("../img/item_neck01.jpg") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;}
	.section02 .list-neck li.fire::before{background:url("../img/item_neck02.jpg") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;}
	.section02 .list-neck li.wind::before{background:url("../img/item_neck03.jpg") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;}
	.section02 .list-neck li.earth::before{background:url("../img/item_neck04.jpg") no-repeat 0 0; -webkit-background-size:cover;background-size:cover;}
	.section02 .box{padding:40px 10px; margin-bottom:0;}
	.section02 .box dt{font-size:24px; color:#ebbead; text-align:center; margin-bottom:5px;}
	.section02 .box dt::before{font-size:40px; margin-top:-5px; margin-right:5px;}
	.section02 .box dt::after{font-size:40px; margin-top:-5px; margin-left:5px;}
	.section02 .box dd{font-size:16px;}
	.section02 .box-attr{position:relative; background:#302422; height:488px; margin-bottom:90px; padding-top:112px}
	.section02 .box-attr h4{width:363px; height:244px; background:url("../img/bg_box_attr.png") no-repeat 50% 50%; padding-top:90px; text-align:center; font-size:24px; line-height:30px; color:#ffe7e1; margin:0 auto; font-weight:normal;}
	.section02 .box-attr dl{position:absolute; height:80px; }
	.section02 .box-attr dl dt{font-size:20px; font-weight:normal; color:#e9d2cf; text-align:center; margin-bottom:3px;}
	.section02 .box-attr dl dd{font-size:14px; color:#ebbead; text-align:center; line-height:22px;}
	.section02 .box-attr dl.attr01{width:363px; height:80px; top:32px; left:301px;}
	.section02 .box-attr dl.attr02{width:296px; height:80px; top:50%; margin-top:-40px; left:0; padding-right:5px;}
	.section02 .box-attr dl.attr03{width:291px; height:80px; top:50%; margin-top:-40px; right:0; padding-left:5px;}
	.section02 .box-attr dl.attr04{width:363px; height:80px; top:356px; left:301px; padding-top:5px;}
	.section02 .box-attr dl.attr02 dt, .section02 .box-attr dl.attr02 dd{text-align:right;}
	.section02 .box-attr dl.attr03 dt, .section02 .box-attr dl.attr03 dd{text-align:left;}
	.section02 .box-attrsys{height:271px; background-image:url("../img/box_attrsys_lg.png");padding:30px 167px; margin-bottom:40px;}
	.section02 .box-attrsys::after{width:86px; height:106px; bottom:-60px; margin-left:-43px;}
	.section02 .box-attrsys h4{font-size:24px; margin-bottom:120px; text-align:center; font-weight:normal;}
	.section02 .box-attrsys ul li{padding-left:0; text-indent:0; font-size:14px;}
	.section02 .box-attrsys ul li br{display:none;}
	.section02 .box-attrsys ul li::before{width:17px; height:17px; line-height:17px; font-size:13px; text-indent:0; margin-right:6px;}

	.mb90{margin-bottom:90px !important;}
	.section02 .slide-attrsys .item .img{padding:77px 126px;}
	.section02 .slide-attrsys .item .txt{width:960px; height:79px;}
	.section02 .slide-attrsys .item .txt dt, .section02 .slide-attrsys .item .txt dd{display:inline; font-size:16px;}
	.section02 .slide-attrsys .item .txt br{display:none;}

	.section03 .wrap-content{z-index:1; position:relative;padding-bottom:80px;}
	.section03 .bg-mask-class{background-image:url("../img/bg_section03_lg.jpg"); background-size:2560px auto; background-position:50% 0;}
	.section03 .info-wrap{margin-bottom:40px;}
	.section03 .info{padding:0 100px 0 160px; display:table-cell; vertical-align:middle; text-align:left; width:100%; height:181px;}
	.section03 .info dl{margin-bottom:15px; display:inline-block; width:100%; text-align:left;}
	.section03 .info dl:last-child{margin-bottom:0;}
	.section03 .info dt{float:left; width:110px; font-size:16px;  display:block; text-align:left; padding-left:10px; position:relative; line-height:25px; margin-right:0;}
	.section03 .info dt::before{content:""; display:block; width:4px; height:4px; border-radius:50%; background:#ff7c4a; position:absolute; left:0; top:50%; margin-top:-2px;}
	.section03 .info dd{float:right; width:590px; display:block; font-size:14px; color:#e9d2cf; line-height:25px;}
	.section03 .button-group2 .attrhunt-prev, .section03 .button-group2 .attrhunt-next{top:inherit; bottom:330px;}
	.section03 .pager-attr li{margin-right:9px;width:233px; height:64px;}
	.section03 .pager-attr li a{width:233px; height:64px; line-height:64px; font-size:20px; background-image:url("../img/tab_off.png");}
	.section03 .pager-attr li a br{display:none;}
	.section03 .pager-attr li a.active{background-image:url("../img/tab_on.png");}
	.section03 .slide-attrHunt .sub-item .img{width:960px; height:538px;}
	.section03 .slide-attrHunt .sub-item .img img{height:538px;}
	.section03 .button-group2 .attrhunt-prev, .section03 .button-group2 .attrhunt-next{top:inherit; bottom:330px;}
	.section03 .dinfo ul{padding:15px 35px;}
	.section03 .dinfo ul li{font-size:16px; line-height:22px;}

	.section04 .wrap-content{z-index:1; position:relative;}
	.section04 .bg-mask-class{background-image:url("../img/bg_section04_lg.jpg"); background-size:2560px auto; background-position:50% 0;}
	.section04 .slide-skill-wrap{margin-bottom:0; height:878px;}
	.section04 .pager-skill{margin-bottom:20px;}
	.section04 .pager-skill li{margin-right:9px;width:233px; height:64px;}
	.section04 .pager-skill li a{width:233px; height:64px; line-height:64px; font-size:20px; background-image:url("../img/tab_off.png");}
	.section04 .pager-skill li a br{display:none;}
	.section04 .pager-skill li a.active{background-image:url("../img/tab_on.png");}
	.section04 .slide-skill .item{padding-top:20px;}
	.section04 .slide-skill .skill-title{display:none;}
	.section04 .slide-skill .skill-info{background:rgba(13,7,7,0.81); padding:0; margin-bottom:10px;}
	.section04 .slide-skill .skill-info:last-child{margin-bottom:0;}
	.section04 .slide-skill .skill-info .twrap{display:table-cell; width:243px; height:161px; text-align:center; vertical-align:middle; position:relative;}
	.section04 .slide-skill .skill-info .new::before{width:74px; height:74px; background-image:url("../img/icon_new.png"); top:-15px; right:-20px;}
	.section04 .slide-skill .skill-info h4{font-size:18px; color:#ebbead; padding-bottom:14px; position:relative; margin-bottom:7px; text-align:center; font-weight:normal; height:51px;}
	.section04 .slide-skill .skill-info h4 span{display:block !important; font-size:14px; color:#c0adaa;}
	.section04 .slide-skill .skill-info p{font-size:14px; color:#c0adaa;text-align:center; margin-bottom:0; line-height:17px;}
	.section04 .slide-skill .skill-info dl{display:table-cell; width:717px; height:161px; text-align:center; vertical-align:middle; background:#251f1f; padding:12px 0;}
	.section04 .slide-skill .skill-info dt{font-size:20px; color:#efa892; margin-bottom:15px; text-align:center;}
	.section04 .slide-skill .skill-info dd{font-size:16px; color:#c0adaa; line-height:1.4; text-align:center; margin-bottom:5px;}
	.section04 .slide-skill .skill-info dd:last-child{margin-bottom:0;}
	.section04 .slide-skill .skill-info dd.light{color:#8a7875; font-size:14px; line-height:18px;}
	.section04 .slide-skill .skill-info dd.light small{font-size:14px;}
	.section04 .obj{position:absolute; left:50%; z-index:100; display:none;}
	.section04 .obj-skill .active .obj{display:block;}
	.section04 .obj .tip{background:url("../img/balloon01.png") no-repeat 0 0; width:219px; height:129px; display:block; font-size:16px; color:#fff; line-height:22px; text-align:center; padding-top:20px; position:absolute; padding-right:7px;}
	.section04 .obj11{width:299px; height:332px; top:378px; margin-left:-700px; background:url("../img/obj_skill01_01.png") no-repeat 0 0;}
	.section04 .obj12{width:337px; height:528px; top:98px; margin-left:293px; background:url("../img/obj_skill01_02.png") no-repeat 0 0;}
	.section04 .obj12 .tip{top:9px; left:180px; padding-top:32px;}
	.section04 .obj21{width:350px; height:404px; top:250px; margin-left:-690px; background:url("../img/obj_skill02_01.png") no-repeat 0 0;}
	.section04 .obj22{width:307px; height:491px; top:173px; margin-left:278px; background:url("../img/obj_skill02_02.png") no-repeat 0 0;}
	.section04 .obj22 .tip{top:-90px; left:219px;}
	.section04 .obj31{width:208px; height:450px; top:329px; margin-left:-628px; background:url("../img/obj_skill03_01.png") no-repeat 0 0;}
	.section04 .obj32{width:573px; height:448px; top:185px; margin-left:120px; background:url("../img/obj_skill03_02.png") no-repeat 0 0;}
	.section04 .obj32 .tip{top:-94px; left:354px;}
	.section04 .obj41{width:549px; height:349px; top:326px; margin-left:-780px; background:url("../img/obj_skill04_01.png") no-repeat 0 0;}
	.section04 .obj42{width:459px; height:497px; top:109px; margin-left:231px; background:url("../img/obj_skill04_02.png") no-repeat 0 0;}
	.section04 .obj42 .tip{top:-11px; left:225px;}
	
	.section04 .notice-mask{background:rgba(17,12,12,0.38); width:960px; margin:0 auto;}
	.section04 .update-mask{background:transparent;}
	.section04 .notice-mask .wrap-content{padding:50px 0;}
	.section04 .notice-mask .wrap-content .notice{font-size:14px;}
	.section04 .update-mask .wrap-content{padding:30px 0 100px;}
	.section04 .update-mask .wrap-content .btn-wrap{text-align:center;}
	.section04 .update-mask .wrap-content .btn-wrap .btn-update{display:inline-block; width:264px; height:59px; border:1px solid rgba(119,87,76,0.35); font-size:18px; text-align:center; line-height:57px; color:#b68c7f; text-decoration:none;}
	.footer-wrap{padding:100px 0 100px;}
	.footer-wrap address{display:inline-block; color:#acacac; font-size:10px; font-style:normal; letter-spacing:0;}
	.footer-wrap .sns{display:block; vertical-align:middle; margin-top:-60px; margin-left:5px;}
	#loading .load-container, #loading .load-con {position:relative; display:block; overflow:hidden;}
	#loading { position: fixed; z-index: 10000; background: #1b1d24; top: 0; bottom: 0; left: 0; right: 0; }
	#loading .load-container { text-indent: -999em; width: 389px; height: 46px; background: url("../img/loading_bg.png") no-repeat 50% 0; background-position: 0 0; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -195px;}
	#loading .load-con { text-indent: -999em; height: 46px; background: url("../img/loading_con.png") no-repeat 50% 0; width: 0; background-position: 0 0; position: absolute; top: 0; left: 0;}
	
	
}
@media (min-width: 1260px){
	#naviArea .anchor{width:1260px; margin:0 auto; padding:0;}
	div#div_nctop div.gnbContainer{max-width:1260px !important; padding:0 !important;}
	.wrap-content{width:1260px; margin:0 auto; position:relative;}
	.slick-prev, .hunt-prev, .attrhunt-prev{left:-57px;}
	.slick-next, .hunt-next, .attrhunt-next{right:-57px;}
}
@media (min-width: 1920px) {
	#div_nctop{display:block; }
	div#div_nctop div.gnbContainer{max-width: 1260px !important;}
}
@media (min-width: 2560px) {
	#header .bg-mask-class{background-size:cover;}
	.section01 .bg-mask-class{background-size:cover;}
	.section02 .bg-mask-class{background-size:cover;}
	.section03 .bg-mask-class{background-size:cover;}
	.section04 .bg-mask-class{background-size:cover;}
}