@charset "utf-8";
/* CSS Document */

/******************************
	gameMain common
******************************/
.widthAuto {width: auto !important;}

/*main*/
#content.main {padding:0; position:absolute; overflow:hidden; }
#content.main img {vertical-align:top;}
#content.main a {text-decoration:none;}
#content a.line {text-decoration:underline;}
#content a.line:hover {text-decoration:none;}
#content.main .clr {height:0;}

/*visual*/
#content.main .visual { top:0; left:0; right:0; position:fixed; z-index:0;}
#content.main .visual div {text-align:center;}
#content.main .visual div img { max-width:100%;}

/*main_column*/
#content.main .main_column {clear:both; font-size:13px; width:290px; padding-left:15px; padding-right:15px; float:right; padding-top:0; background: url(https://static.ncsoft.jp/images/common/t_black_65.png); /*border-radius: 4px;*/ border-left:1px solid #262626; border-top:1px solid #262626; position:relative; z-index:1;}

/*main_bottom*/
#content.main .main_bottom { width:100%; padding:0; position:fixed; z-index:0; bottom:0; background:url(/images/common/bg_mc_bottom.png) no-repeat right 0;}
#content.main .main_bottom .inner { margin-right:610px;}
#content.main .main_bottom .inner li { width:50%; padding-bottom:20px; float:left;}
#content.main .main_bottom .inner li ~ li { background:url(/images/common/line_mc_bottom.png) no-repeat 0 43px;}
#content.main .main_bottom .inner li a { max-width:320px; margin:0 auto; text-align:center; display:block; cursor:pointer; overflow:hidden;}
#content.main .main_bottom .inner li a img { display:inline-block;}
#content.main .main_bottom .inner li a .cont { width:160px; padding-top:45px; text-align:left; font-size:14px; font-weight:bold; display:inline-block; color:#d7d7d7; text-shadow:0 1px 0px rgba(0, 0, 0, 0.7);}
#content.main .main_bottom .inner li a .cont em { font-size:28px;/*30px*/ font-style:normal; color:#ececec;}

/*topIcon*/
#content.main .topIcon { height:199px; margin: 0 -15px; overflow:hidden;}
#content.main .topIcon ul {overflow:hidden; margin-right:-3px/* browser縮小表示対応 */;}
#content.main .topIcon li {position:relative; border-right:1px solid #262626; border-bottom:1px solid #262626; float:left;}
#content.main .topIcon li.i3,
#content.main .topIcon li.i6 { border-right:none;}
#content.main .topIcon li a { width:106px; height:99px; display:block; background: url(/images/bul/ico_main_top_v2.png) no-repeat; text-indent:-9999px; overflow:hidden;}
#content.main .topIcon li a .new {position:absolute; top:17px; left:67px; width:18px; height:21px; background:url(/images/bul/ico_main_top_v2.png) left bottom;}

#content.main h3 { margin:0 -15px; padding:7px 0 6px 13px; border-top:1px solid #262626; border-bottom:1px solid #262626; font-size:15px; font-weight: normal; line-height:1.5; color:#ccc; overflow:hidden}
#content.main h3 a {color:#ccc; float:left;}
#content.main h3.more a {display:block; float:none; background:url(/images/bul/bul_main_more.png) no-repeat 281px 6px;}

/*nrm*/
#content.main .nrm_list,
#content.main .nrm_list a {color:#ccc;}
#content.main .nrm_list {line-height:1.5; padding-top:0; padding-bottom:14px;}
#content.main .nrm_list ul { padding-top:10px;}
#content.main .nrm_list li { padding:4px 0 4px 10px; background:url(/images/bul/bul_main_list.png) no-repeat 0 10px;}
#content.main .nav_rolling { margin:5px 20px 0 0; float:right; overflow:hidden}
#content.main .nav_rolling a {float:left; width:11px; height:11px; background:url(/images/bul/bul_main_nav.png) no-repeat 0 0; text-indent:-5000px; margin:0 0 0 6px;}
#content.main .nav_rolling .current  {background-position:-50px 0;}

/*event*/
#content.main #eventBannerList {line-height:17px; /*30px*/}
#content.main #eventBannerList .block {display:block; padding-top:5px; cursor:pointer;}
#content.main #eventBannerList .banner img {width:272px; height:96px; border-radius:4px;}
#content.main #eventBannerList em{display:block;color:#ccc; display:block; font-weight:bold; padding:8px 0 4px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#content.main #eventBannerList .summary{display:block;color:#999;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#content.main #eventBannerList .slideBannerArea{ margin:20px 0 0 9px; position:relative;width:272px;height:160px;overflow:hidden}
#content.main #eventBannerList .slideBannerArea ul{position:absolute;width:5000px}
#content.main #eventBannerList .slideBannerArea ul li{float:left;width:272px;overflow:hidden}
#content.main #eventBannerList .slideBannerArea ul li a{display:block}
#content.main #eventBannerList .slideBannerAreaTp2{position:relative;margin:20px 0 0 8px;width:272px;height:214px;overflow:hidden}
#content.main #eventBannerList .slideBannerAreaTp2 .slideBannerSet{position:absolute;width:5000px;}
#content.main #eventBannerList .slideBannerAreaTp2 ul{float:left;margin-right:18px;}
#content.main #eventBannerList .slideBannerAreaTp2 ul li{float:none;margin-bottom:18px;width:272px;overflow:hidden}
#content.main #eventBannerList .slideBannerAreaTp2 ul li a{display:block}

#content.main #eventBannerList .slideBannerAreaTp3 {height:252px; width:290px;}
#content.main #eventBannerList .swiper-pagination-switch {
    background: url("https://static.ncsoft.jp/images/bul/bul_main_nav.png") no-repeat; float:left; height:11px; margin: 0 0 0 6px; text-indent: -5000px; width:11px; opacity:1; cursor:pointer;}
#content.main #eventBannerList .swiper-active-switch {background-position: -50px 0;}
#content.main #eventBannerList .swiper-slide-inner {padding:20px 9px;}
#content.main #eventBannerList .swiper-slide-inner a {display:block; width:272px; height:96px; margin-bottom:20px; }#content.main #eventBannerList .swiper-slide-inner a img {border-radius:4px;}


/*shop_list*/
#content.main .shop_list,
#content.main .shop_list a {color:#c3c3c3;}
#content.main .shop_list .pos { margin:0 -15px; padding:16px 24px 0; overflow:hidden;}
#content.main .shop_list { padding:0 0 20px 0;}
#content.main .shop_list ul {overflow:hidden;}
#content.main .shop_list li {float:left; width:80px; margin-left:16px; text-align:center; line-height:17px;}
#content.main .shop_list li:first-child {margin-left:0;}
#content.main .shop_list li img {border-radius:4px;}
#content.main .shop_list em {display:block; padding:9px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#content.main .shop_list .price {font-size:12px !important; line-height:17px;}

/*thumb_list*/
#content.main .thumb_list { margin-bottom:20px; padding:0 0 20px 0; color:#999; line-height:17px; border-bottom:1px solid #262626;}
#content.main .thumb_list ul { padding-top:15px; padding-left:9px;}
#content.main .thumb_list li {padding-left:8px; background:url(/images/bul/bul_main_list.png) no-repeat 0 5px;}
#content.main .thumb_list li a {color:#999;}
#content.main .thumb_list li .nobr {height:17px;}
#content.main .thumb_list .hot {background:none; padding-left:0;}
#content.main .thumb_list .hot + li {margin-top:13px;}
#content.main .thumb_list li ~ .hot {padding-top:10px; margin-top:0}
#content.main .thumb_list .hot a {display:block; overflow:hidden; cursor:pointer;}
#content.main .thumb_list .hot img {float:left; margin:5px 15px 0 0; width:90px; height:90px; border-radius:4px;}
#content.main .thumb_list .hot .cont { padding-top:1px; overflow:hidden; max-height:93px;}
#content.main .thumb_list .hot em {line-height:1.75; color:#ccc; display:block; max-height:42px; overflow:hidden; margin-bottom:4px;}

/*quick*/
#content.main .quick {font-size:11px; color:#ccc; width:272px; background:#1c1c1c; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,.1); overflow:hidden;}
#content.main .quick ul {float:left; position:relative; left:50%;}
#content.main .quick ul:after  {content: ""; display: block; height:0; clear: both; visibility: hidden;line-height:0em; font-size:0;}
.ie7 #content.main .quick ul {zoom:1;}
#content.main .quick li {float:left; position:relative; left:-50%; height:63px; text-align:center; font-size:11px; font-weight:600; background:url(/images/bul/bul_main_quick.gif) no-repeat center 0;}
#content.main .quick li a {display:block; padding:39px 0 0; width:65px; color:#ccc;}

/*msg*/
#content.main .main_msg { margin-left:7px; padding:20px 0 20px; color:#999; width:272px; font-size:11px; line-height:16px;}
#content.main .main_msg em {display:block; padding:1px 0 7px 25px; background:url(/images/bul/bul_main_msg.png) no-repeat 0 0; font-weight:600;}


/******************************
	aion
******************************/

#content.main.aion_main { background:#000;}  /* 背景を白くする場合は#contentにwhiteVerクラスを追加 */
#content.main.aion_main .visual div img { margin-top:0; margin-left:58px;}/*メインイメージマージンで位置調整*/

/* #content.main.aion_main .main_bottom { background:url(/images/common/bg_mc_bottom2.png) no-repeat right 0;}
#content.main.aion_main .main_bottom .inner { margin-right:630px;} */
#content.main.aion_main .main_bottom .inner li ~ li a .cont em { font-size:24px; letter-spacing:-1px;}/*font-size*/

#content.main.aion_main .topIcon li.i1 a { background-position:0 -990px;}
#content.main.aion_main .topIcon li.i2 a { background-position:0 -99px;}
#content.main.aion_main .topIcon li.i3 a { background-position:0 -198px;}
#content.main.aion_main .topIcon li.i1 a:hover { background-position:0 -1089px;}
#content.main.aion_main .topIcon li.i2 a:hover { background-position:0 -396px;}
#content.main.aion_main .topIcon li.i3 a:hover { background-position:0 -495px;}
#content.main.aion_main .topIcon li.i2.after a { background-position:0 -1188px;}
#content.main.aion_main .topIcon li.i2.after a:hover { background-position:0 -1287px;}

#content.main.aion_main .topIcon li.i4 a { background-position:0 -1500px;}
#content.main.aion_main .topIcon li.i5 a { background-position:0 -1700px;}
#content.main.aion_main .topIcon li.i6 a { background-position:0 -1900px;}
#content.main.aion_main .topIcon li.i4 a:hover { background-position:0 -1600px;}
#content.main.aion_main .topIcon li.i5 a:hover { background-position:0 -1800px;}
#content.main.aion_main .topIcon li.i6 a:hover { background-position:0 -2000px;}

#content.main.aion_main .quick{margin-top:20px; margin-left:9px; float:none;}
#content.main.aion_main .quick ul {left:53%;}
#content.main.aion_main .quick1 {background-position:center 2px;}
#content.main.aion_main .quick2 {background-position:center -68px;}
#content.main.aion_main .quick3 {background-position:center -138px;}
#content.main.aion_main .quick4 {background-position:center -970px;}
#content.main.aion_main .quick5 {background-position:center -693px;}
#content.main.aion_main .quick6 {background-position:center -760px;}
#content.main.aion_main .quick7 {background-position:center -832px;}
#content.main.aion_main .quick8 {background-position:center -901px;}
#content.main.aion_main .quick4 a,
#content.main.aion_main .quick5 a { font-size:10px; letter-spacing:-1px;}


/******************************
	aionmaster
******************************/

#content.main.aionmaster_main { background:#000;}  /* 背景を白くする場合は#contentにwhiteVerクラスを追加 */
#content.main.aionmaster_main .visual div img { margin-top:0; margin-left:58px;}/*メインイメージマージンで位置調整*/

/* #content.main.aionmaster_main .main_bottom { background:url(/images/common/bg_mc_bottom2.png) no-repeat right 0;}
#content.main.aionmaster_main .main_bottom .inner { margin-right:630px;} */
#content.main.aionmaster_main .main_bottom .inner li ~ li a .cont em { font-size:24px; letter-spacing:-1px;}/*font-size*/

#content.main.aionmaster_main .topIcon li.i1 a { background-position:0 -990px;}
#content.main.aionmaster_main .topIcon li.i2 a { background-position:0 -99px;}
#content.main.aionmaster_main .topIcon li.i3 a { background-position:0 -198px;}
#content.main.aionmaster_main .topIcon li.i1 a:hover { background-position:0 -1089px;}
#content.main.aionmaster_main .topIcon li.i2 a:hover { background-position:0 -396px;}
#content.main.aionmaster_main .topIcon li.i3 a:hover { background-position:0 -495px;}
#content.main.aionmaster_main .topIcon li.i2.after a { background-position:0 -1188px;}
#content.main.aionmaster_main .topIcon li.i2.after a:hover { background-position:0 -1287px;}

#content.main.aionmaster_main .topIcon li.i4 a { background-position:0 -1700px;}
#content.main.aionmaster_main .topIcon li.i5 a { background-position:0 -1900px;}
#content.main.aionmaster_main .topIcon li.i4 a:hover { background-position:0 -1800px;}
#content.main.aionmaster_main .topIcon li.i5 a:hover { background-position:0 -2000px;}

#content.main.aionmaster_main .quick{margin-top:20px; margin-left:9px; float:none;}
#content.main.aionmaster_main .quick ul {left:53%;}
#content.main.aionmaster_main .quick1 {background-position:center 2px;}
#content.main.aionmaster_main .quick2 {background-position:center -68px;}
#content.main.aionmaster_main .quick3 {background-position:center -138px;}
#content.main.aionmaster_main .quick4 {background-position:center -760px;}
/* #content.main.aionmaster_main .quick5 {background-position:center -693px;}
#content.main.aionmaster_main .quick6 {background-position:center -760px;}
#content.main.aionmaster_main .quick7 {background-position:center -832px;}
#content.main.aionmaster_main .quick8 {background-position:center -901px;} */
#content.main.aionmaster_main .quick4 a,
#content.main.aionmaster_main .quick5 a { font-size:10px; letter-spacing:-1px;}


/******************************
	L2
******************************/

#content.main.l2_main { background:#000;}/**/
#content.main.l2_main .visual div img { margin-top:0; margin-left:-38px;}/*メインイメージマージンで位置調整*/

#content.main.l2_main .main_bottom { background:url(/images/common/bg_mc_bottom2.png) no-repeat right 0;}
#content.main.l2_main .main_bottom .inner { margin-right:630px;}

#content.main.l2_main .topIcon li.i1 a { background-position:0 -990px;}
#content.main.l2_main .topIcon li.i2 a { background-position:0 -99px;}
#content.main.l2_main .topIcon li.i3 a { background-position:0 -693px;}
#content.main.l2_main .topIcon li.i1 a:hover { background-position:0 -1089px;}
#content.main.l2_main .topIcon li.i2 a:hover { background-position:0 -396px;}
#content.main.l2_main .topIcon li.i3 a:hover { background-position:0 -891px;}
#content.main.l2_main .topIcon li.i2.after a { background-position:0 -1188px;}
#content.main.l2_main .topIcon li.i2.after a:hover { background-position:0 -1287px;}

#content.main.l2_main .topIcon li.i4 a { background-position:0 -1500px;}
#content.main.l2_main .topIcon li.i5 a { background-position:0 -1700px;}
#content.main.l2_main .topIcon li.i6 a { background-position:0 -198px;}
#content.main.l2_main .topIcon li.i4 a:hover { background-position:0 -1600px;}
#content.main.l2_main .topIcon li.i5 a:hover { background-position:0 -1800px;}
#content.main.l2_main .topIcon li.i6 a:hover { background-position:0 -495px;}

#content.main.l2_main .quick{margin-top:20px; margin-left:9px; float:none;}
#content.main.l2_main .quick ul {left:53%;}
#content.main.l2_main .quick1 {background-position:center 2px;}
#content.main.l2_main .quick2 {background-position:center -68px;}
#content.main.l2_main .quick3 {background-position:center -138px;}
#content.main.l2_main .quick4 {background-position:center -970px;}
#content.main.l2_main .quick5 {background-position:center -620px;}
#content.main.l2_main .quick6 {background-position:center -760px;}
#content.main.l2_main .quick7 {background-position:center -901px;}
#content.main.l2_main .quick8 {background-position:center -207px;}
#content.main.l2_main .quick4 a { font-size:10px; letter-spacing:-1px;}
#content.main.l2_main .quick8 a { letter-spacing:-1px;}

/******************************
	L2Classic
******************************/

#content.main.l2classic_main { background:#000;}/**/
#content.main.l2classic_main .visual div img { margin-top:0; margin-left:-38px;}/*メインイメージマージンで位置調整*/

#content.main.l2classic_main .main_bottom { background:url(/images/common/bg_mc_bottom2.png) no-repeat right 0;}
#content.main.l2classic_main .main_bottom .inner { margin-right:630px;}

#content.main.l2classic_main .topIcon li.i1 a { background-position:0 -990px;}
#content.main.l2classic_main .topIcon li.i2 a { background-position:0 -99px;}
#content.main.l2classic_main .topIcon li.i3 a { background-position:0 -198px;}
#content.main.l2classic_main .topIcon li.i1 a:hover { background-position:0 -1089px;}
#content.main.l2classic_main .topIcon li.i2 a:hover { background-position:0 -396px;}
#content.main.l2classic_main .topIcon li.i3 a:hover { background-position:0 -495px;}
#content.main.l2classic_main .topIcon li.i2.after a { background-position:0 -1188px;}
#content.main.l2classic_main .topIcon li.i2.after a:hover { background-position:0 -1287px;}
#content.main.l2classic_main .topIcon li.i4 a { background-position:0 -1700px;}
#content.main.l2classic_main .topIcon li.i4 a:hover { background-position:0 -1800px;}

#content.main.l2classic_main .quick{margin-top:20px; margin-left:9px; float:none;}
#content.main.l2classic_main .quick ul {left:53%;}
#content.main.l2classic_main .quick1 {background-position:center 2px;}
#content.main.l2classic_main .quick2 {background-position:center -68px;}
#content.main.l2classic_main .quick3 {background-position:center -138px;}
#content.main.l2classic_main .quick4 {background-position:center -970px;}
#content.main.l2classic_main .quick5 {background-position:center -620px;}
#content.main.l2classic_main .quick6 {background-position:center -760px;}
#content.main.l2classic_main .quick7 {background-position:center -901px;}
#content.main.l2classic_main .quick8 {background-position:center -207px;}
#content.main.l2classic_main .quick4 a { font-size:10px; letter-spacing:-1px;}
#content.main.l2classic_main .quick8 a { letter-spacing:-1px;}







/******************************
	L1
******************************/

#content.main.l_main{ background:#000;}
#content.main.l_main .visual div img { margin-top:0px; margin-left:51px;}/*メインイメージマージンで位置調整*/

#content.main.l_main .topIcon li.i1 a { background-position:0 -990px;}
#content.main.l_main .topIcon li.i2 a { background-position:0 -99px;}
#content.main.l_main .topIcon li.i3 a { background-position:0 -594px;}
#content.main.l_main .topIcon li.i1 a:hover { background-position:0 -1089px;}
#content.main.l_main .topIcon li.i2 a:hover { background-position:0 -396px;}
#content.main.l_main .topIcon li.i3 a:hover { background-position:0 -792px;}
#content.main.l_main .topIcon li.i2.after a { background-position:0 -1188px;}
#content.main.l_main .topIcon li.i2.after a:hover { background-position:0 -1287px;}

#content.main.l_main .topIcon li.i4 a { background-position:0 -1500px;}
#content.main.l_main .topIcon li.i5 a { background-position:0 -1700px;}
#content.main.l_main .topIcon li.i6 a { background-position:0 -198px;}
#content.main.l_main .topIcon li.i4 a:hover { background-position:0 -1600px;}
#content.main.l_main .topIcon li.i5 a:hover { background-position:0 -1800px;}
#content.main.l_main .topIcon li.i6 a:hover { background-position:0 -495px;}


/*L1のみ*/
#content.main.l_main .shop_list .quick { margin-top:10px;}
#content.main.l_main .shop_list .quick ul { overflow: visible;}
#content.main.l_main .shop_list .quick li.quick1 {background-position:center -69px; }
#content.main.l_main .shop_list .quick li.quick2 { margin-left:40px; background-position:center 1px; }
#content.main.l_main .shop_list .quick li.quick2 a { font-size:10px;}

#content.main.l_main .quick{margin-top:20px; margin-left:9px; float:none;}
#content.main.l_main .quick a {width:88px;}
#content.main.l_main .quick li.quick3 {background-position:center -140px; }
#content.main.l_main .quick li.quick4 { margin-left:40px; background-position:center -972px; }

/******************************
	shin-jrm
******************************/

#content.main.jrm_main { background:#000;}

#content.main.jrm_main .main_bottom .inner li a .cont { font-weight: normal; text-shadow:0 1px 0px rgba(0, 0, 0, 0.5);}
#content.main.jrm_main .main_bottom .inner li a .cont em { font-weight:bold;}
#content.main.jrm_main .main_bottom .inner li a .cont em.c { font-size:14px;}
#content.main.jrm_main .main_bottom .inner li a .cont em.mc { font-size:20px;}

#content.main.jrm_main .topIcon li.i1 a { background-position:0 0;}
#content.main.jrm_main .topIcon li.i2 a { background-position:0 -99px;}
#content.main.jrm_main .topIcon li.i3 a { background-position:0 -198px;}
#content.main.jrm_main .topIcon li.i1 a:hover { background-position:0 -297px;}
#content.main.jrm_main .topIcon li.i2 a:hover { background-position:0 -396px;}
#content.main.jrm_main .topIcon li.i3 a:hover { background-position:0 -495px;}
#content.main.jrm_main .topIcon li.i2.after a { background-position:0 -1188px;}
#content.main.jrm_main .topIcon li.i2.after a:hover { background-position:0 -1287px;}

#content.main.jrm_main .quick{margin-top:20px; margin-left:9px; float:none;}
#content.main.jrm_main .quick a {width:88px;}
#content.main.jrm_main .quick1 {background-position:center 2px;}
#content.main.jrm_main .quick2 {background-position:center -68px;}
#content.main.jrm_main .quick3 {background-position:center -620px;}
#content.main.jrm_main .quick4 {background-position:center -350px;}
#content.main.jrm_main .quick5 {background-position:center -140px;}
#content.main.jrm_main .quick6 {background-position:center -550px;}

/******************************
	whiteVer
******************************/
#content.main.whiteVer { background:#fff;}
#content.main.whiteVer .main_bottom { background:url(/images/common/bg_mc_bottom_white.png) no-repeat right 0;}
/* #content.main.aion_main.whiteVer .main_bottom,
#content.main.l2_main.whiteVer .main_bottom { background:url(/images/common/bg_mc_bottom2_white.png) no-repeat right 0;} */
#content.main.whiteVer .main_bottom .inner li ~ li { background:url(/images/common/line_mc_bottom_white.png) no-repeat 0 43px;}
#content.main.whiteVer .main_bottom .inner li a .cont { color:#494949; text-shadow: none;}
#content.main.whiteVer .main_bottom .inner li a .cont em { color:#202020;}

body #content.main.whiteVer .main_column { background: url(/images/common/t_white_90.png) !important; border-left:1px solid #e4e2e3; border-top:1px solid #e4e2e3;}/*2014 02_03 bg mod*/
#content.main.whiteVer h3 { color:#000; border-top:1px solid #e4e2e3; border-bottom:1px solid #e4e2e3;}
#content.main.whiteVer h3 a { color:#000;}
#content.main.whiteVer h3.more a { background:url(/images/bul/bul_main_more_black.png) no-repeat 281px 6px;}

#content.main.whiteVer .topIcon li { border-right:1px solid #e4e2e3; border-bottom:1px solid #e4e2e3;}
#content.main.whiteVer .topIcon li.i3,
#content.main.whiteVer .topIcon li.i6 { border-right:none;}
#content.main.whiteVer .topIcon li a { background: url(/images/bul/ico_main_top_black_v2.png) no-repeat;}
#content.main.whiteVer .topIcon li a .new {background-image:url(/images/bul/ico_main_top_black_v2.png);}

#content.main.whiteVer .nrm_list, #content.main.whiteVer .nrm_list a { color:#333;}
#content.main.whiteVer .nav_rolling a { background:url(/images/bul/bul_main_nav_black.png) no-repeat 0 0;}
#content.main.whiteVer .nav_rolling .current  {background-position:-50px 0;}
#content.main.whiteVer .shop_list,
#content.main.whiteVer .shop_list a {color:#333;}
#content.main.whiteVer.l_main .shop_list .quick li a { color:#ccc;}

#content.main.whiteVer .shop_list .price { color:#ff9600;}
#content.main.whiteVer .thumb_list { border-bottom:1px solid #e4e2e3;}
#content.main.whiteVer .thumb_list li a {color:#333;}
#content.main.whiteVer .thumb_list .hot em { color:#6b6b6b;}

#content.main.whiteVer .main_msg { color:#010101;}
#content.main.whiteVer .main_msg em { color:#535353; font-weight:normal;}


/************************************************************
*
*	NEW MAIN CONTENT 2018
*
*************************************************************/
[class^="ncWeb-"] {display:inline-block; background-size: contain; background-position: center; flex-shrink: 0; }
.ncWeb-join {background-image: url(https://static.ncsoft.jp/images/bul/join.png)}
.ncWeb-coupon {background-image: url(https://static.ncsoft.jp/images/bul/coupon.png)}
.ncWeb-guide {background-image: url(https://static.ncsoft.jp/images/bul/guide.png)}
.ncWeb-kaimo {background-image: url(https://static.ncsoft.jp/images/bul/kaimo.png)}
.ncWeb-uTurn {background-image: url(https://static.ncsoft.jp/images/bul/uTurn.png)}
.ncWeb-daily {background-image: url(https://static.ncsoft.jp/images/bul/daily.png)}
.ncWeb-gauge {background-image: url(https://static.ncsoft.jp/images/bul/gauge.png)}
.ncWeb-twitter {background-image: url(https://static.ncsoft.jp/images/bul/twitter.png)}
.ncWeb-unseal {background-image: url(https://static.ncsoft.jp/images/bul/unseal.png)}
.ncWeb-present {background-image: url(https://static.ncsoft.jp/images/bul/present.png)}
.ncWeb-security {background-image: url(https://static.ncsoft.jp/images/bul/security.png)}


#content.mainRenew {background: #fff !important; }
#content.mainRenew * {box-sizing: border-box; }


/* mainBanner */

    #content.main #mainBanner {position: relative; height: 480px; background: #000; user-select: none; /* transition: height 1s ease-in-out; */ }
    #content.main #mainBanner .swiperArea {height: 100%;}
    #content.main #mainBanner .swiperArea .swiper-container,
    #content.main #mainBanner .swiperArea .swiper-wrapper {height: 100%; }
    #content.main #mainBanner .swiperArea .swiper-slide {overflow: hidden; }
    #content.main #mainBanner .swiperArea .swiper-slide .visual {position: absolute; left: 50%; transform: translateX(-50%); max-height: 100%; }
    #content.main #mainBanner .swiperArea .swiper-slide .txtImage {position: absolute; top: 80px; left: 50%; transform: translateX(-50%); width: 1140px; max-width: calc(100% - 120px); transition: top 0.5s ease-in-out; }
    #content.main #mainBanner .swiperArea .swiper-slide .txtImage img {max-width: 90%; transition: width .5s linear; }

    #content.main #mainBanner .swiperArea [class^="swiper-button-"] {position: absolute; top: 0; height: 100%; width: 100px; background: none; }
    #content.main #mainBanner .swiperArea [class^="swiper-button-"]::after {content: ""; position: absolute; width: 46px; height: 86px; background-size: contain; transition: all .5s ease-in-out; top: 33%; }
    #content.main #mainBanner .swiperArea .swiper-button-prev {left: 0; }
    #content.main #mainBanner .swiperArea .swiper-button-prev::after {left: 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3csvg%20version%3d%221%2e1%22%20id%3d%22%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc_1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20viewBox%3d%220%200%2046%2086%22%20style%3d%22enable%2dbackground%3anew%200%200%2046%2086%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cg%3e%3cg%3e%3cpolygon%20style%3d%22fill%2drule%3aevenodd%3bclip%2drule%3aevenodd%3bfill%3a%23808080%3b%22%20points%3d%223%2e4%2c43%2e3%2042%2e2%2c4%2e3%2043%2e4%2c5%2e6%205%2e9%2c43%2e4%2043%2e4%2c81%2e1%2042%2e1%2c82%2e3%203%2e5%2c43%2e4%203%2e5%2c43%2e4%20%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e")}
    #content.main #mainBanner .swiperArea .swiper-button-next {right: 0; }
    #content.main #mainBanner .swiperArea .swiper-button-next::after {right: 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20viewBox%3d%220%200%2046%2086%22%20style%3d%22enable%2dbackground%3anew%200%200%2046%2086%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cg%3e%3cg%3e%3cpolygon%20style%3d%22fill%2drule%3aevenodd%3bclip%2drule%3aevenodd%3bfill%3a%23808080%3b%22%20points%3d%2243%2e4%2c43%2e3%204%2e7%2c4%2e3%203%2e4%2c5%2e6%2040%2e9%2c43%2e4%203%2e5%2c81%2e1%204%2e7%2c82%2e3%2043%2e4%2c43%2e4%2043%2e3%2c43%2e4%20%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e")}

    #content.main #mainBanner .thumbArea [class^="swiper-button-"] {width: 36px; height: 56px; margin-top: -28px; background-size: contain; transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
    #content.main #mainBanner .thumbArea .swiper-button-prev {left: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20viewBox%3d%220%200%2036%2056%22%20style%3d%22enable%2dbackground%3anew%200%200%2036%2056%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cpath%20style%3d%22fill%2drule%3aevenodd%3bclip%2drule%3aevenodd%3bfill%3a%23828282%3b%22%20d%3d%22M11%2e5%2c27%2e8l20%2e4%2d25c%2d1%2d1%2d2%2e7%2d1%2d3%2e7%2c0L4%2e8%2c25%2e9c%2d0%2e9%2c0%2e8%2d1%2c2%2e1%2d0%2e4%2c3%2e1c0%2e1%2c0%2e3%2c0%2e3%2c0%2e6%2c0%2e6%2c0%2e9l23%2e4%2c23%2e4c1%2c1%2c2%2e7%2c1%2c3%2e7%2c0L11%2e5%2c27%2e8z%22%2f%3e%3c%2fsvg%3e")}
    #content.main #mainBanner .thumbArea .swiper-button-next {right: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20viewBox%3d%220%200%2036%2056%22%20style%3d%22enable%2dbackground%3anew%200%200%2036%2056%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cpath%20style%3d%22fill%2drule%3aevenodd%3bclip%2drule%3aevenodd%3bfill%3a%23828282%3b%22%20d%3d%22M24%2e5%2c27%2e8L4%2e1%2c2%2e7c1%2d1%2c2%2e7%2d1%2c3%2e7%2c0l23%2e5%2c23%2e1c0%2e9%2c0%2e8%2c1%2c2%2e1%2c0%2e4%2c3%2e1c%2d0%2e1%2c0%2e3%2d0%2e3%2c0%2e6%2d0%2e6%2c0%2e9L7%2e7%2c53%2e2c%2d1%2c1%2d2%2e7%2c1%2d3%2e7%2c0L24%2e5%2c27%2e8z%22%2f%3e%3c%2fsvg%3e")}

    #content.main #mainBanner .thumbArea {position: absolute; bottom: 0; height: 130px; width: 100%; background: rgba(34,7,36,.8); z-index: 2; /* transition: height 1s ease-in-out; */ }
    #content.main #mainBanner .thumbArea .swiper-container {max-height: 100%; overflow: visible; /* transition: transform .5s ease-in-out; */ }
    #content.main #mainBanner .thumbArea .swiper-slide {width: 245px; /* transition: all 1s ease-in-out; */ }
    #content.main #mainBanner .thumbArea .swiper-slide img {max-height: 100%; max-width: 100%; }
    #content.main #mainBanner .thumbArea .swiper-slide-active::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 0 1px #DE3049 inset; }
    #content.main #mainBanner .thumbArea .thumbAdjust {overflow: hidden; /* transition: width .5s ease-in-out; */ }

    /* mainBanner mobile */
    #content.main #mainBanner.mobile {height: auto; padding-top: 52.333333%; }
    #content.main #mainBanner.mobile > .thumbArea {display: none;}
    #content.main #mainBanner.mobile > .swiperArea {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    #content.main #mainBanner.mobile > .swiperArea .swiper-slide .visual {max-width: 100%;}
    #content.main #mainBanner.mobile > .swiperArea [class^="swiper-button-"] {width: 20px; margin-top: 0;}

    /* janryumonは固定画像 */
    #content.main.jrm_main #mainBanner {background: url(https://static.ncsoft.jp/images/janryumon/main/main.jpg) center top no-repeat #fff; background-size: auto 100%; }




/********************
 * mainBannerV2
 ********************/
.mainBannerV2 {position: relative; user-select: none; /* transition: height 1s ease-in-out; */ }
.mainBannerV2__swiperArea {height: 240px; background: #000; } /* 通常height: 500px;  */
.mainBannerV2__swiperArea .swiper-container,
.mainBannerV2__swiperArea .swiper-wrapper {height: 100%; }

.mainBannerV2__swiperArea .swiper-slide {overflow: hidden; }
.mainBannerV2__swiperArea [class^="swiper-button-"] {position: absolute; top: 0; height: 100%; width: 100px; background: none; margin: 0; }
.mainBannerV2__swiperArea [class^="swiper-button-"]::after {content: ""; position: absolute; width: 32px; height: 60px; background-size: contain; transition: all .5s ease-in-out; top: 45%; transform: translateY(-50%); }
.mainBannerV2__swiperArea .swiper-button-prev {left: 0; }
.mainBannerV2__swiperArea .swiper-button-prev::after {left: 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3csvg%20version%3d%221%2e1%22%20id%3d%22%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc_1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20viewBox%3d%220%200%2046%2086%22%20style%3d%22enable%2dbackground%3anew%200%200%2046%2086%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cg%3e%3cg%3e%3cpolygon%20style%3d%22fill%2drule%3aevenodd%3bclip%2drule%3aevenodd%3bfill%3a%23808080%3b%22%20points%3d%223%2e4%2c43%2e3%2042%2e2%2c4%2e3%2043%2e4%2c5%2e6%205%2e9%2c43%2e4%2043%2e4%2c81%2e1%2042%2e1%2c82%2e3%203%2e5%2c43%2e4%203%2e5%2c43%2e4%20%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e")}
.mainBannerV2__swiperArea .swiper-button-next {right: 0; }
.mainBannerV2__swiperArea .swiper-button-next::after {right: 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20viewBox%3d%220%200%2046%2086%22%20style%3d%22enable%2dbackground%3anew%200%200%2046%2086%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cg%3e%3cg%3e%3cpolygon%20style%3d%22fill%2drule%3aevenodd%3bclip%2drule%3aevenodd%3bfill%3a%23808080%3b%22%20points%3d%2243%2e4%2c43%2e3%204%2e7%2c4%2e3%203%2e4%2c5%2e6%2040%2e9%2c43%2e4%203%2e5%2c81%2e1%204%2e7%2c82%2e3%2043%2e4%2c43%2e4%2043%2e3%2c43%2e4%20%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e")}

.mainBannerV2__thumbArea [class^="swiper-button-"] {width: 30px; height: 76px; margin-top: -38px; background-size: contain; transition: all .5s ease-in-out; }

.mainBannerV2__thumbArea [class^="swiper-button-"]::after {content: ""; position: absolute; width: 20px; height: 38px; background-size: contain; transition: all .5s ease-in-out; top: 50%; transform: translateY(-50%); }
.mainBannerV2__thumbArea .swiper-button-prev::after {left: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3csvg%20version%3d%221%2e1%22%20id%3d%22%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc_1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20viewBox%3d%220%200%2046%2086%22%20style%3d%22enable%2dbackground%3anew%200%200%2046%2086%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cg%3e%3cg%3e%3cpolygon%20style%3d%22fill%2drule%3aevenodd%3bclip%2drule%3aevenodd%3bfill%3a%23808080%3b%22%20points%3d%223%2e4%2c43%2e3%2042%2e2%2c4%2e3%2043%2e4%2c5%2e6%205%2e9%2c43%2e4%2043%2e4%2c81%2e1%2042%2e1%2c82%2e3%203%2e5%2c43%2e4%203%2e5%2c43%2e4%20%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e")}
.mainBannerV2__thumbArea .swiper-button-next::after {right: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20viewBox%3d%220%200%2046%2086%22%20style%3d%22enable%2dbackground%3anew%200%200%2046%2086%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cg%3e%3cg%3e%3cpolygon%20style%3d%22fill%2drule%3aevenodd%3bclip%2drule%3aevenodd%3bfill%3a%23808080%3b%22%20points%3d%2243%2e4%2c43%2e3%204%2e7%2c4%2e3%203%2e4%2c5%2e6%2040%2e9%2c43%2e4%203%2e5%2c81%2e1%204%2e7%2c82%2e3%2043%2e4%2c43%2e4%2043%2e3%2c43%2e4%20%22%2f%3e%3c%2fg%3e%3c%2fg%3e%3c%2fsvg%3e")}

.mainBannerV2__date {position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(23,23,23,.8); text-align: center; color: #fff; border-top: 1px solid rgba(62,62,62,.8);   }
.mainBannerV2__dateInner {display: block; padding: .6rem 1rem .8rem; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all .4s ease-out .1s; }
.mainBannerV2 .swiper-slide-prev .mainBannerV2__dateInner {transform: translateX(-100%); opacity: 0; }
.mainBannerV2 .swiper-slide-next .mainBannerV2__dateInner {transform: translateX(100%); opacity: 0; }
.mainBannerV2 .swiper-slide-active .mainBannerV2__dateInner {opacity: 1; transform: translateX(0); }
.mainBannerV2__tag {display: inline-block; position: relative; width: 80px; height: 22px; vertical-align: middle; background-repeat: no-repeat; background-size: contain;  }
.mainBannerV2__tag--EVENT {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTMuOTkgMzAiPjxwYXRoIGZpbGw9IiNlNjIwMjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgxMDYuMjNsNy43NiAxNC45NUwxMDYuMjMgMzBIMFYweiIvPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0zMC4zIDEzLjU0djNoLTUuMnYyLjc5aDUuNnYzLjIxaC05LjZWNy45NGg5LjZ2My4yaC01LjZ2Mi40Wk0zOS4zMiAxOC43NGwyLjc0LTEwLjhoNC4xNmwtNC44IDE0LjZoLTQuMmwtNC44LTE0LjZoNC4yNGwyLjYyIDEwLjhaTTU3LjM0IDEzLjU0djNoLTUuMnYyLjc5aDUuNnYzLjIxaC05LjZWNy45NGg5LjZ2My4yaC01LjZ2Mi40Wk02OC43MiAxNS45NHYtOGgzLjl2MTQuNmgtMy45bC00LjM2LTh2OGgtMy45VjcuOTRoMy45Wk04Ny4wOCA3Ljk0djMuM2gtNHYxMS4zSDc5di0xMS4zaC00di0zLjNaIi8+PC9nPjwvc3ZnPg==)}
.mainBannerV2__tag--NOTICE {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTMuOTkgMzAiPjxwYXRoIGZpbGw9IiM3ZWEzMTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgxMDYuMjNsNy43NiAxNC45NUwxMDYuMjMgMzBIMFYweiIvPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0yMy44NSAxNS45NHYtOGgzLjl2MTQuNmgtMy45bC00LjM2LTh2OGgtMy45VjcuOTRoMy45Wk0zMS44NCA5Ljc1YTcuNDUgNy40NSAwIDAgMSA1LjQ3LTIgNy40MyA3LjQzIDAgMCAxIDUuNDcgMiA3LjM3IDcuMzcgMCAwIDEgMiA1LjQ5IDcuNDIgNy40MiAwIDAgMS0yIDUuNDkgNy40MyA3LjQzIDAgMCAxLTUuNDcgMiA3LjQ1IDcuNDUgMCAwIDEtNS40Ny0yIDcuNDIgNy40MiAwIDAgMS0yLTUuNDkgNy4zNyA3LjM3IDAgMCAxIDItNS40OVptMi4wNyA1LjQ5YzAgMi44IDEuMTMgNC4xOSAzLjQgNC4xOXMzLjQtMS4zOSAzLjQtNC4xOVMzOS41OCAxMSAzNy4zMSAxMXMtMy40IDEuNDQtMy40IDQuMjRaTTU4LjMzIDcuOTR2My4zaC00djExLjNoLTQuMDR2LTExLjNoLTR2LTMuM1pNNjEgMjIuNTRWNy45NGg0LjR2MTQuNlpNNzUuMzcgMjIuNzRhNy45MiA3LjkyIDAgMCAxLTUuNjctMiA3LjIyIDcuMjIgMCAwIDEtMi4xMy01LjQ5IDcuMjkgNy4yOSAwIDAgMSAyLjA1LTUuNTEgNy45IDcuOSAwIDAgMSA1Ljc1LTIgOC4wNSA4LjA1IDAgMCAxIDQuOCAxLjRMNzkuMDcgMTJhNS45MSA1LjkxIDAgMCAwLTMuMy0xLjEgNC4wNiA0LjA2IDAgMCAwLTMgMS4xIDQuNDMgNC40MyAwIDAgMC0xLjA4IDMuMiA0LjI4IDQuMjggMCAwIDAgMS4xMyAzLjE0IDQgNCAwIDAgMCAzIDEuMTYgNS45MyA1LjkzIDAgMCAwIDMuMy0xLjExbDEuMSAyLjlhOC4wNiA4LjA2IDAgMCAxLTQuODUgMS40NVpNOTEuODkgMTMuNTR2M2gtNS4ydjIuNzloNS42djMuMjFoLTkuNlY3Ljk0aDkuNnYzLjJoLTUuNnYyLjRaIi8+PC9nPjwvc3ZnPg==)}
.mainBannerV2__tag--UPDATE {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTMuOTkgMzAiPjxwYXRoIGZpbGw9IiNmZjYwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgxMDYuMjNsNy43NiAxNC45NUwxMDYuMjMgMzBIMFYweiIvPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0yNC4xNCAyMS4xN2E2IDYgMCAwIDEtNC40NSAxLjU3IDYgNiAwIDAgMS00LjQ1LTEuNTcgNi4zNSA2LjM1IDAgMCAxLTEuNTUtNC42M3YtOC42aDR2OC44OWEzLjM3IDMuMzcgMCAwIDAgLjUgMi4wNiAxLjggMS44IDAgMCAwIDEuNS42NSAxLjc3IDEuNzcgMCAwIDAgMS41LS42NSAzLjMgMy4zIDAgMCAwIC41LTIuMDZWNy45NGg0djguNmE2LjM1IDYuMzUgMCAwIDEtMS41NSA0LjYzWk0zMi4zMSAxOHY0LjU3aC0zLjlWOGEyOS40NCAyOS40NCAwIDAgMSA0LjQtLjNxNi44IDAgNi44IDQuOWE1LjE0IDUuMTQgMCAwIDEtMS41MyA0IDYuNTEgNi41MSAwIDAgMS00LjQ3IDEuNCAxMS40MSAxMS40MSAwIDAgMS0xLjMgMFptMC0yLjg5YTYuMTcgNi4xNyAwIDAgMCAuOS4wNiAzIDMgMCAwIDAgMi0uNiAyLjEyIDIuMTIgMCAwIDAgLjctMS43MWMwLTEuMzktLjktMi4wOS0yLjctMi4wOWE0LjczIDQuNzMgMCAwIDAtLjkuMDlaTTUzLjczIDE1YTcuNTkgNy41OSAwIDAgMS0yLjA2IDUuNjcgNy44NCA3Ljg0IDAgMCAxLTUuNzQgMiAzMiAzMiAwIDAgMS00LjQtLjNWOGEyOS40NCAyOS40NCAwIDAgMSA0LjQtLjMgOCA4IDAgMCAxIDUuNzQgMS45NUE3IDcgMCAwIDEgNTMuNzMgMTVabS04LjMgNC41YTQuNzMgNC43MyAwIDAgMCAuOS4wOXEzLjYgMCAzLjYtNC41OWMwLTIuOC0xLjItNC4yMS0zLjYtNC4yMWE0LjEgNC4xIDAgMCAwLS45LjExWk01OS41NyAxOS43NGwtLjY2IDIuOGgtNC4xNmw0LjgtMTQuNmg0LjJsNC44IDE0LjZoLTQuMjRsLS42OC0yLjhabS43Mi0zaDIuNjRsLTEuMy01LjQxWk04MiA3Ljk0djMuM2gtNHYxMS4zaC00LjA3di0xMS4zSDcwdi0zLjNaTTkzLjU5IDEzLjU0djNoLTUuMnYyLjc5SDk0djMuMjFoLTkuNlY3Ljk0SDk0djMuMmgtNS42djIuNFoiLz48L2c+PC9zdmc+)}
.mainBannerV2__tag--SALE {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTMuOTkgMzAiPjxwYXRoIGZpbGw9IiMzNzU3Y2QiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgxMDYuMjNsNy43NiAxNC45NUwxMDYuMjMgMzBIMFYweiIvPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0zOC43MSAxMS44M2E5LjIxIDkuMjEgMCAwIDAtNC4xLTEgMi41MiAyLjUyIDAgMCAwLTEuNDIuMzQgMSAxIDAgMCAwLS40OC44N2MwIC41Ni40NCAxIDEuMyAxLjJhMTAuNjggMTAuNjggMCAwIDEgNC40MiAyIDMuODQgMy44NCAwIDAgMSAxLjI4IDMgMy45MSAzLjkxIDAgMCAxLTEuNTIgMy4zNCA3LjUyIDcuNTIgMCAwIDEtNC41OCAxLjE2IDkuNzUgOS43NSAwIDAgMS0yLjc1LS40NCA3LjY5IDcuNjkgMCAwIDEtMi4zNS0xLjA2bC45LTMuMTFhOSA5IDAgMCAwIDIuMjEgMS4xMSA3LjE0IDcuMTQgMCAwIDAgMi4xOS4zOWMxLjIgMCAxLjgtLjQzIDEuOC0xLjMgMC0uNTUtLjUzLTEtMS42LTEuMjlhMTAuNDggMTAuNDggMCAwIDEtNC4xNi0yIDQgNCAwIDAgMS0xLjI0LTMgMy43NSAzLjc1IDAgMCAxIDEuNTItMy4xNCA2Ljg5IDYuODkgMCAwIDEgNC4yOC0xLjE2IDExLjI1IDExLjI1IDAgMCAxIDUgMVpNNDYgMTkuNzRsLS42NiAyLjhoLTQuMjFsNC44LTE0LjZoNC4ybDQuOCAxNC42aC00LjI0bC0uNjktMi44Wm0uNzItM2gyLjY0TDQ4IDExLjMzWk02MSA3Ljk0djExLjNoNS45djMuM2gtMTBWNy45NFpNNzguNDcgMTMuNTR2M2gtNS4ydjIuNzloNS42djMuMjFoLTkuNlY3Ljk0aDkuNnYzLjJoLTUuNnYyLjRaIi8+PC9nPjwvc3ZnPg==)}
.mainBannerV2__tag--INFO {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTMuOTkgMzAiPjxwYXRoIGZpbGw9IiM3ZTM2YzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgxMDYuMjNsNy43NiAxNC45NUwxMDYuMjMgMzBIMFYweiIvPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0zMCAyMi41NFY3Ljk0aDQuNHYxNC42Wk00NS43OSAxNS45NHYtOGgzLjl2MTQuNmgtMy45bC00LjM2LTh2OGgtMy45VjcuOTRoMy45Wk02MS42NSAxMy45NHYzaC01djUuNjFoLTRWNy45NGg5LjR2My4yaC01LjR2Mi44Wk02NS44IDkuNzVhNy40NSA3LjQ1IDAgMCAxIDUuNDctMiA3LjQzIDcuNDMgMCAwIDEgNS40NyAyIDcuMzcgNy4zNyAwIDAgMSAyIDUuNDkgNy40MiA3LjQyIDAgMCAxLTIgNS40OSA3LjQzIDcuNDMgMCAwIDEtNS40NyAyIDcuNDUgNy40NSAwIDAgMS01LjQ3LTIgNy40MiA3LjQyIDAgMCAxLTItNS40OSA3LjM3IDcuMzcgMCAwIDEgMi01LjQ5Wm0yLjA3IDUuNDljMCAyLjggMS4xMyA0LjE5IDMuNCA0LjE5czMuNC0xLjM5IDMuNC00LjE5UzczLjU0IDExIDcxLjI3IDExcy0zLjQgMS40NC0zLjQgNC4yNFoiLz48L2c+PC9zdmc+)}
.mainBannerV2__tag--GUIDE {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTMuOTkgMzAiPjxwYXRoIGZpbGw9IiMzNmJjOWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgxMDYuMjNsNy43NiAxNC45NUwxMDYuMjMgMzBIMFYweiIvPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0yOS4xIDEzLjU0aDYuOHY4LjJhMTUuNjggMTUuNjggMCAwIDEtNS42IDEgOC4yMiA4LjIyIDAgMCAxLTUuODMtMiA3LjE5IDcuMTkgMCAwIDEtMi4xNy01LjQ2IDcuMTkgNy4xOSAwIDAgMSAyLjExLTUuNSA4LjIgOC4yIDAgMCAxIDUuODktMiA4LjU2IDguNTYgMCAwIDEgNSAxLjRMMzQuMiAxMmE2LjU4IDYuNTggMCAwIDAtMy41LTEuMSA0LjMzIDQuMzMgMCAwIDAtMy4yIDEuMSA0LjMgNC4zIDAgMCAwLTEuMTQgMy4yIDQuMjIgNC4yMiAwIDAgMCAxLjE4IDMuMTggNC4zMyA0LjMzIDAgMCAwIDMuMTYgMS4xNiA0LjY0IDQuNjQgMCAwIDAgMS40LS4ydi0yLjhoLTNaTTQ4Ljg3IDIxLjE3YTYgNiAwIDAgMS00LjQ1IDEuNTdBNiA2IDAgMCAxIDQwIDIxLjE3YTYuMzUgNi4zNSAwIDAgMS0xLjU1LTQuNjN2LTguNmg0djguODlhMy4zNyAzLjM3IDAgMCAwIC41IDIuMDYgMi4wNiAyLjA2IDAgMCAwIDMgMCAzLjM3IDMuMzcgMCAwIDAgLjUtMi4wNlY3Ljk0aDR2OC42YTYuMyA2LjMgMCAwIDEtMS41OCA0LjYzWk01My4zNCAyMi41NFY3Ljk0aDQuNHYxNC42Wk03My4wNiAxNUE3LjU1IDcuNTUgMCAwIDEgNzEgMjAuNzFhNy44NCA3Ljg0IDAgMCAxLTUuNzQgMiAzMiAzMiAwIDAgMS00LjQtLjNWOGEyOS40NCAyOS40NCAwIDAgMSA0LjQtLjNBOCA4IDAgMCAxIDcxIDkuNjkgNyA3IDAgMCAxIDczLjA2IDE1Wm0tOC4zIDQuNWE0LjczIDQuNzMgMCAwIDAgLjkuMDlxMy42IDAgMy42LTQuNTljMC0yLjgtMS4yLTQuMjEtMy42LTQuMjFhNC4xIDQuMSAwIDAgMC0uOS4xMVpNODQuMjggMTMuNTR2M2gtNS4ydjIuNzloNS42djMuMjFoLTkuNlY3Ljk0aDkuNnYzLjJoLTUuNnYyLjRaIi8+PC9nPjwvc3ZnPg==)}


.mainBannerV2__thumbArea {position: relative; margin: 0 auto; width: 100%; background: #252525; z-index: 2; /* transition: height 1s ease-in-out; */ }
.mainBannerV2__thumbArea .swiper-container {max-height: 100%; overflow: visible; /* transition: transform .5s ease-in-out; */ }
.mainBannerV2__thumbArea .swiper-slide {width: 160px;} /* 通常width: 215px */
.mainBannerV2__thumbArea .swiper-slide img {max-height: 100%; max-width: 100%; image-rendering: -webkit-optimize-contrast; }
.mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-container {transform: translateX(-80px); }
.mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-slide-active::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 0 1px #DE3049 inset; }
.mainBannerV2__thumbAdjust {margin: auto; width: 320px; overflow: hidden; /* transition: width .5s ease-in-out; */ }

.mainBannerV2__thumbArea2 .swiper-slide {width: 215px;}
.mainBannerV2__thumbArea2 .swiper-slide img {max-width: 100%;}



.mainBannerV2__bannerImg {position: relative; left: 50%; transform: translateX(-50%); height: 100%;  }

/* mainBanner mobile */
.mainBannerV2.mobile {height: auto; padding-top: 62.533333% /* pagination用に10%余分にとっている */; }
.mainBannerV2.mobile > .mainBannerV2__thumbArea {display: none;}
.mainBannerV2.mobile > .mainBannerV2__swiperArea {position: absolute; top: 0; left: 0; width: 100%; height: 84.008528%; }
.mainBannerV2.mobile > .mainBannerV2__swiperArea .swiper-slide .visual {max-width: 100%;}
.mainBannerV2.mobile > .mainBannerV2__swiperArea [class^="swiper-button-"] {width: 20px; margin-top: 0;}
.mainBannerV2.mobile .mainBannerV2__swiperArea .swiper-container {overflow: visible; }
.mainBannerV2.mobile .mainBannerV2__swiperArea .swiper-pagination {bottom: -10% }
.mainBannerV2.mobile .swiper-slide .mainBannerV2__date {bottom: 0 !important;}
.mainBannerV2.mobile .swiper-slide .mainBannerV2__dateInner {text-align: left !important;}
.mainBannerV2.mobile .mainBannerV2__tag {width: 57px; height: 15px; }
.mainBannerV2.mobile .mainBannerV2__bannerImg {max-width: 100%; }

@media screen and (min-width: 800px) {
    .mainBannerV2__thumbAdjust {width: 480px; }
    .mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-container {transform: translateX(-160px); }
    /*.mainBannerV2__thumbArea [class^="swiper-button-"] {width: 20px;}*/
    .mainBannerV2__thumbArea .swiper-button-prev {left: 10px;}
    .mainBannerV2__thumbArea .swiper-button-next {right: 10px;}
}

@media screen and (min-width: 986px) {
    .mainBannerV2__swiperArea {height: 300px;}
    .mainBannerV2__swiperArea [class^="swiper-button-"] {width: 50px; }
    .mainBannerV2__swiperArea .swiper-slide .txtImage {top: 35px; }
    .mainBannerV2__thumbAdjust {width: 640px; }
    .mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-container {transform: translateX(-240px); }
    .mainBannerV2 .mainBanner__date {bottom: 4%; }
    .mainBannerV2 .swiper-slide .mainBanner__dateInner {padding: .4rem .5rem .5rem; }
    .mainBannerV2__date {bottom: 6%;}
}

@media screen and (min-width: 1200px) {
    .mainBannerV2__swiperArea {height: 500px;}
    .mainBannerV2__thumbArea .swiper-slide {width: 245px;}
    .mainBannerV2__thumbAdjust {width: 735px; }
    .mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-container {transform: translateX(-245px); }
    .mainBannerV2__swiperArea [class^="swiper-button-"]::after {width: 46px; height: 86px;  }
    .mainBannerV2__thumbArea [class^="swiper-button-"]::after {width: 26px; height: 50px;  }
    .mainBannerV2__thumbArea .swiper-button-prev {left: 20px;}
    .mainBannerV2__thumbArea .swiper-button-next {right: 20px;}
}


@media screen and (min-width: 1400px) {
    .mainBannerV2__swiperArea [class^="swiper-button-"] {width: 80px; }
    .mainBannerV2__thumbAdjust {margin: 0 auto; width: 980px; }
    .mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-container {transform: translateX(-367.5px); }
}


@media screen and (min-width: 1700px) {
    .mainBannerV2__thumbAdjust {margin: 0 auto; width: 1225px; }
    .mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-container {transform: translateX(-490px); }
}




/*@media screen and (max-width: 1600px) {*/
/*    .mainBannerV2__swiperArea [class^="swiper-button-"] {width: 80px; }*/
/*    .mainBannerV2__swiperArea [class^="swiper-button-"]::after {width: 34px; height: 64px; }*/
/*    .mainBannerV2__thumbAdjust {margin: 0 auto; width: 1075px; }*/
/*    .mainBannerV2__thumbArea .swiper-container {transform: translateX(-430px); }*/
/*}*/
/*@media screen and (max-width: 1400px) {*/
/*    .mainBannerV2__thumbAdjust {margin: 0 auto; width: 860px; }*/
/*    .mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-container {transform: translateX(-322.5px); }*/
/*}*/
/*@media screen and (max-width: 1200px) {*/
/*    .mainBannerV2__swiperArea {height: 300px;}*/
/*    .mainBannerV2__swiperArea [class^="swiper-button-"] {width: 50px; }*/
/*    .mainBannerV2__swiperArea .swiper-slide .txtImage {top: 35px; }*/
/*    .mainBannerV2__thumbArea .swiper-slide {width: 160px; }*/
/*    .mainBannerV2__thumbAdjust {margin: 0 auto; width: 640px; overflow: hidden; }*/
/*    .mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-container {transform: translateX(-240px); }*/
/*    .mainBannerV2 .mainBanner__date {bottom: 4%; }*/
/*    .mainBannerV2 .swiper-slide .mainBanner__dateInner {padding: .4rem .5rem .5rem; }*/
/*    .mainBannerV2__swiperArea [class^="swiper-button-"]::after {top: 45%; }*/
/*}*/
/*@media screen and (max-width: 986px) {*/
/*    .mainBannerV2__thumbAdjust {margin: 0 auto; width: 480px; overflow: hidde; }*/
/*    .mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-container {transform: translateX(-160px); }*/
/*    .mainBannerV2__thumbArea [class^="swiper-button-"] {width: 20px;}*/
/*    .mainBannerV2__thumbArea .swiper-button-prev {left: 10px;}*/
/*    .mainBannerV2__thumbArea .swiper-button-next {right: 10px;}*/
/*}*/

/*@media screen and (max-width: 800px) {*/
/*    .mainBannerV2__swiperArea {height: 200px;}*/
/*}*/

/*@media screen and (min-width: 1600px) {*/
/*    .mainBannerV2__thumbAdjust {margin: 0 auto; width: 1290px; }*/
/*    .mainBannerV2__thumbArea:not(.mainBannerV2__thumbArea--tp2) .swiper-container {transform: translateX(-537.5px); }*/
/*}*/



    /* janryumonは固定画像 */
#content.main.jrm_main #mainBannerV2 {background: url(https://static.ncsoft.jp/images/janryumon/main/main.jpg) center top no-repeat #fff; background-size: auto 100%; }

#content.main #mainColumn {padding: 20px 20px 10px; max-width: 1200px; margin-left: auto; margin-right: auto;}
#content.main #mainColumn .trColumn {display: flex;}
#content.main #mainColumn .trColumn .column {padding: 10px 10px 30px; align-items: stretch; }
#content.main #mainColumn .trColumn .columnL {flex-grow: 1; width: calc(100% - 390px) /* widthの設定は長いテキストを…に出来るように */; }
#content.main #mainColumn .trColumn .columnR {width: 390px; max-width: 100%; flex-shrink: 0; }
#content.main #mainColumn .trColumn #newsArea,
#content.main #mainColumn .trColumn #communityArea {display: flex; flex-direction: column; }
#content.main #mainColumn .trColumn .column .columnHeader {display: flex; justify-content: space-between; height: 38px; padding-bottom: 0.5em; border-bottom: 2px solid #000;}

#content.main #mainColumn .trColumn .column .columnHeader.no-border {border: none; height: 36px;  }
#content.main #mainColumn .trColumn .column .columnHeader a {align-self: flex-end; }
#content.main #mainColumn .trColumn1,
#content.main #mainColumn .trColumn2 {height: 450px;}

.trColumnBannerArea {padding: 0 10px; }
.trColumnBannerArea__row {display: flex; flex-wrap: wrap; margin-left: -0.25rem; margin-right: -0.25rem; }
.trColumnBannerArea__col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
    -ms-flex-preferred-size: 0;
    margin-bottom: 1rem;
}
.trColumnBannerArea__img {max-width: 100%; border: 1px solid #ccc; }

@media screen and (max-width: 986px) {
    .trColumnBannerArea__col {flex-basis: auto; width: 100%; }
}

#content.main #mainColumn .articleList {display: flex; flex-direction: column; flex-grow: 1; }
#content.main #mainColumn .articleList li {display: flex; align-items: center; padding: 10px; flex-grow: 1; border-bottom: 1px solid #ddd; }
#content.main #mainColumn .articleList li > span {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#content.main a.more::after {content: ""; display: inline-block; width: 8px; height: 8px; border: 1px solid #666; border-width: 0 1px 1px 0; transform: rotate(-45deg); }

#content.main #mainColumn .twitterArea {width: 100%; border: 1px solid #ddd; }


/**************************************
 * 便利アイコン
 **************************************/
#content.main #mainColumn #utilityArea {display: flex; flex-direction: column; padding-top: 46px; }
#content.main #mainColumn #utilityArea .specialBanner {position: relative; margin-bottom: 10px; overflow: hidden; transition: height .5s ease-in-out; }
#content.main #mainColumn #utilityArea .specialBanner a {opacity: 1; transition: opacity .5s ease-in-out; }
/*#content.main #mainColumn #utilityArea .specialBanner.minify {height: 30px;}*/
#content.main #mainColumn #utilityArea .specialBanner.minify a {opacity: .5;}
#content.main #mainColumn #utilityArea .specialBanner img {max-width: 100%; }
#content.main #mainColumn #utilityArea .specialBanner .toggle {display: none; position: absolute; right: 3px; top: 3px; height: 24px; background: rgba(255,255,255,.5); border: 1px solid rgba(255,255,255,.6); border-radius: 5px; font-size: 12px; padding: 3px 5px; line-height: 18px; cursor: pointer;  }
#content.main #mainColumn #utilityArea .specialBanner .toggle.show {display: block; }

#content.main #mainColumn .utilityIcons {display: flex; flex-wrap: wrap; flex-grow: 1; border: 1px solid #ccc; border-width: 0 1px 1px 0; }
#content.main #mainColumn .utilityIcons li {display: block; width: 50%; border: 1px solid #ccc; border-width: 1px 0 0 1px; white-space: nowrap; color: #666; }
#content.main #mainColumn #utilityArea .utilityIcons li br {display: none;}
#content.main #mainColumn .utilityIcons li a {display: flex; flex-direction: column; padding: 10px; align-items: center; width: 100%; height: 100%; justify-content: center; }
#content.main #mainColumn .utilityIcons li .gray {opacity: 0.3;}
#content.main #mainColumn .utilityIcons li [class^="ncWeb-"] {display: block; margin-left: auto; width: 32px; height: 32px; margin-right: auto; }
#content.main #mainColumn .specialBanner + .utilityIcons li [class^="ncWeb-"] {position: relative; margin:0 5px 0 0; vertical-align: middle;}
#content.main #mainColumn .specialBanner + .utilityIcons li [class^="ncWeb-"].new::after {content: "N"; position: absolute; top: -3px; right: -3px; background: #FD4040; width: 16px; height: 16px; border-radius: 100%; text-align: center; color: #fff; line-height: 16px; font-size: 14px;}
#content.main #mainColumn .specialBanner + .utilityIcons li a {flex-direction: row; padding: 0 0 0 10px; justify-content: flex-start; }
#content.main #mainColumn .utilityIcons li.empty {display: none;}


/**************************************
 * メインページ メディア掲載　（L2）
 **************************************/
.mediaLinks {display: flex; flex-wrap: wrap; border: solid #ccc; border-width: 0 1px 1px 0; }
.mediaLinks__item {width: 50%; text-align: center; border: solid #ccc; border-width: 1px 0 0 1px;}
.mediaLinks__link {display: flex; width: 100%; height: 100%; padding: 8px; justify-content: center; align-items: center; }


.flex-row-reverse {flex-direction: row-reverse; }


/**************************************
 * メインページ画像掲示板
 **************************************/
#content.main #mainColumn .imgCommuArticleList {margin: -7px; display: flex; flex-wrap: wrap; align-content: center; }
#content.main #mainColumn .imgCommuArticleList li {padding: 7px; width: 50%; }
#content.main #mainColumn .imgCommuArticleList li a {display: block; position: relative; border: 1px solid #ccc; }
#content.main #mainColumn .imgCommuArticleList li a .imageWrapper {display: block; position: relative; width: 100%; height: 0; padding-top: 100%; overflow: hidden; background: #eee; }
#content.main #mainColumn .imgCommuArticleList li a .imageWrapper img {position: absolute; top: 0; left: 0; width: 100%; }
#content.main #mainColumn .imgCommuArticleList li .info {position: absolute; width: 100%; padding: 5px; bottom: 0; left: 0; background: rgba(255,255,255,.95); }
#content.main #mainColumn .imgCommuArticleList li .info span {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* #content.main #mainColumn .articleList li {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;} */

/*@media screen and (min-width: 1600px) {*/
/*    #content.main #mainBanner .thumbArea .thumbAdjust {margin: 0 auto; width: 1225px; }*/
/*    #content.main #mainBanner .thumbArea .swiper-container {transform: translateX(-490px); }*/
/*    */
/*    .mainBannerV2__thumbArea .thumbAdjust {margin: 0 auto; width: 1225px; }*/
/*    .mainBannerV2__thumbArea .swiper-container {transform: translateX(-490px); }*/
/*}*/

@media screen and (max-width: 1600px) {
    #content.main #mainBanner .swiperArea [class^="swiper-button-"] {width: 80px; }
    #content.main #mainBanner .swiperArea [class^="swiper-button-"]::after {width: 34px; height: 64px; }
    #content.main #mainBanner .thumbArea .thumbAdjust {margin: 0 auto; width: 980px; }
    #content.main #mainBanner .thumbArea .swiper-container {transform: translateX(-367.5px); }
}

@media screen and (max-width: 1400px) {
    #content.main #mainBanner .thumbArea .thumbAdjust {margin: 0 auto; width: 735px; }
    #content.main #mainBanner .thumbArea .swiper-container {transform: translateX(-245px); }
}

@media screen and (max-width: 1200px) {
    #content.main #mainBanner {height: 360px;}
    #content.main #mainBanner .swiperArea [class^="swiper-button-"] {width: 50px; }
    #content.main #mainBanner .swiperArea .swiper-slide .txtImage {top: 35px; }
    #content.main #mainBanner .thumbArea {height: 100px;}
    #content.main #mainBanner .thumbArea .swiper-slide {width: 188px; }
    #content.main #mainBanner .thumbArea .thumbAdjust {margin: 0 auto; width: 564px; overflow: hidde; }
    #content.main #mainBanner .thumbArea .swiper-container {transform: translateX(-188px); }
}

@media screen and (max-width: 986px) {
    #content.main #mainColumn {padding: 5px; }
    #content.main #mainColumn .trColumn {flex-direction: column; height: auto; }
    #content.main #mainColumn .trColumn .column {width: 100%;}
    #content.main #mainColumn .trColumn1 {flex-direction: column-reverse;}
    #content.main #mainColumn .trColumn3 {flex-direction: column-reverse;}

    #content.main #mainColumn #utilityArea {padding-top: 10px;}
    #content.main #mainColumn .utilityIcons li {width: 33.333333%;  height: auto; text-align: center; }
    #content.main #mainColumn .utilityIcons li [class^="ncWeb-"] {display: block; margin-left: auto !important; margin-right: auto !important; }
    #content.main #mainColumn .utilityIcons li a {padding: 10px !important; flex-direction: column !important; }
    #content.main #mainColumn .utilityIcons li.empty {display: block; }
    #content.main #mainColumn .imgCommuArticleList li a {border: none;}
    #content.main #mainColumn .imgCommuArticleList li .info {display: block; position: static; padding: 5px 0 0; }
    #content.main #mainColumn .imgCommuArticleList li .info .date {display: none; }
    #content.main #mainBanner .thumbArea .thumbAdjust {margin: 0 auto; width: 376px; overflow: hidde; }
    #content.main #mainBanner .thumbArea .swiper-container {transform: translateX(-94px); }
    #content.main #mainBanner .thumbArea [class^="swiper-button-"] {width: 20px;}
    #content.main #mainBanner .thumbArea .swiper-button-prev {left: 10px;}
    #content.main #mainBanner .thumbArea .swiper-button-next {right: 10px;}

}

@media screen and (max-width: 800px) {
    #content.main #mainColumn .utilityIcons li {font-size: 12px;}
    .res1~ #container #content.main #mainColumn .utilityIcons li br {display: inline; }
}

@media screen and (max-width: 420px) {
    #content.main #mainColumn .utilityIcons li br {display: inline; }
    #content.main #mainColumn .utilityIcons li {font-size: 10px; }
}

@media screen and (min-width: 1600px) {
    #content.main #mainBanner .thumbArea .thumbAdjust {margin: 0 auto; width: 1225px; }
    #content.main #mainBanner .thumbArea .swiper-container {transform: translateX(-490px); }
}

/******************************
	etc
******************************/

/* 初心者レイヤー表示 */
#beginnerLayer{position:absolute;top:0;left:0;width:640px;text-align:left;z-index:999999999;border:1px solid #333;border:1px solid rgba(255,255,255,0.2);color:#bebebe;overflow:hidden}
body.lineage #beginnerLayer{background:url(https://static.ncsoft.jp/images/lineage/main/layer/bg.png) center center no-repeat;}
body.lineage2 #beginnerLayer{background:url(https://static.ncsoft.jp/images/lineage2/main/layer/bg.png) center center no-repeat;}
body.aion #beginnerLayer{background:url(https://static.ncsoft.jp/images/aion/main/layer/bg.png) center center no-repeat;}
body.janryumon #beginnerLayer{background:url(https://static.ncsoft.jp/images/janryumon/main/layer/bg.png) center center no-repeat;}
#beginnerLayerNull1{padding:10px;}
#beginnerLayer .title{margin-bottom:5px;height:38px;text-indent:-9999px;}
body.lineage #beginnerLayer .title{background:url(https://static.ncsoft.jp/images/lineage/main/layer/title.png) no-repeat;}
body.lineage2 #beginnerLayer .title{background:url(https://static.ncsoft.jp/images/lineage2/main/layer/title.png) no-repeat;}
body.aion #beginnerLayer .title{background:url(https://static.ncsoft.jp/images/aion/main/layer/title.png) no-repeat;}
body.janryumon #beginnerLayer .title{background:url(https://static.ncsoft.jp/images/janryumon/main/layer/title.png) no-repeat;}
#beginnerLayer .catchCopy{margin-bottom:10px;}
#beginnerLayer .movieArea{float:left;margin-bottom:10px;width:304px;height:171px;background:#333}
#beginnerLayer .movieArea span{display:block;width:304px;height:171px;background:url(https://static.ncsoft.jp/images/lineage/main/layer/btn.png) center top no-repeat;text-indent:-9999px;cursor:pointer}
body.lineage #beginnerLayer .movieArea span{background:url(https://static.ncsoft.jp/images/lineage/main/layer/btn.png) center top no-repeat;}
body.lineage2 #beginnerLayer .movieArea span{background:url(https://static.ncsoft.jp/images/lineage2/main/layer/btn.png) center top no-repeat;}
body.aion #beginnerLayer .movieArea span{background:url(https://static.ncsoft.jp/images/aion/main/layer/btn.png) center top no-repeat;}
body.janryumon #beginnerLayer .movieArea span{background:url(https://static.ncsoft.jp/images/janryumon/main/layer/btn.png) center top no-repeat;}
#beginnerLayer .movieArea span:hover{background-position:center -300px;}
#beginnerLayer .stepArea{float:right;margin-bottom:15px;}
#beginnerLayer .bannerArea{clear:left;float:left;height:75px;margin-bottom:15px;}
#beginnerLayer .checkArea{clear:both;padding:5px;background:#000;border:1px solid #3c3c3c;text-align:center;font-size:85%;}
#beginnerLayer .checkArea input{vertical-align:middle;margin-right:7px;}
body.lineage #beginnerLayer .stepArea{background:url(https://static.ncsoft.jp/images/lineage/main/layer/border.gif) 166px top repeat-y}
body.lineage2 #beginnerLayer .stepArea{background:url(https://static.ncsoft.jp/images/lineage2/main/layer/border.gif) 166px top repeat-y}
body.aion #beginnerLayer .stepArea{background:url(https://static.ncsoft.jp/images/aion/main/layer/border.gif) 166px top repeat-y}
body.janryumon #beginnerLayer .stepArea{background:url(https://static.ncsoft.jp/images/janryumon/main/layer/border.gif) 166px top repeat-y}
#beginnerLayer .stepArea ul li{margin-top:30px;}
#beginnerLayer .stepArea ul .li1{margin-top:0}
#beginnerLayer .stepArea ul li a{display:block;width:290px;height:52px;text-indent:-9999px;overflow:hidden}
body.lineage #beginnerLayer .stepArea ul li a{background-image:url(https://static.ncsoft.jp/images/lineage/main/layer/step.png);}
body.lineage2 #beginnerLayer .stepArea ul li a{background-image:url(https://static.ncsoft.jp/images/lineage2/main/layer/step.png);}
body.aion #beginnerLayer .stepArea ul li a{background-image:url(https://static.ncsoft.jp/images/aion/main/layer/step.png);}
body.janryumon #beginnerLayer .stepArea ul li a{background-image:url(https://static.ncsoft.jp/images/janryumon/main/layer/step.png);}
#beginnerLayer .stepArea ul .li2 a{height:92px;background-position:0 -82px;}
#beginnerLayer .stepArea ul .li3 a{background-position:0 -204px;}
#beginnerLayer .stepArea ul .li1 a:hover{background-position:-300px 0;}
#beginnerLayer .stepArea ul .li2 a:hover{background-position:-300px -82px;}
#beginnerLayer .stepArea ul .li3 a:hover{background-position:-300px -204px;}
#beginnerLayer .close{position:absolute;top:8px;right:8px;height:37px;width:37px;text-indent:-9999px;cursor:pointer}
body.lineage #beginnerLayer .close{background:url(https://static.ncsoft.jp/images/lineage/main/layer/close.gif);}
body.lineage2 #beginnerLayer .close{background:url(https://static.ncsoft.jp/images/lineage2/main/layer/close.gif);}
body.aion #beginnerLayer .close{background:url(https://static.ncsoft.jp/images/aion/main/layer/close.gif);}
body.janryumon #beginnerLayer .close{background:url(https://static.ncsoft.jp/images/janryumon/main/layer/close.gif);}
#beginnerLayerBg{position:fixed;top:0;left:0;height:100%;width:100%;background:#000;z-index:999999999;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#beginnerOpener{position:absolute;top:20px;right:100px;width:30px;height:30px;background:#fff;color:#000;cursor:pointer}

.res0~#beginnerLayer{width:320px;}
.res0~#beginnerLayer .movieArea,
.res0~#beginnerLayer .stepArea,
.res0~#beginnerLayer .bannerArea{float:none}
.res0~#beginnerOpener{top:100px;right:20px;}

/*****************************************************************************************
	game mainVisual Media
*****************************************************************************************/

@media screen and (max-width:1247px) {
    /*GW*/
    #content.main.g_main {padding-left:0; padding-right:0;}
    #content.main.g_main .main_column { margin-left:14px;}
    #content.main.g_main .main_column ~ .main_column { margin-right:14px;}
}

@media screen and (max-width:986px) {

    /*common*/
    #content.main .visual { position:absolute;}
    #content.main .visual div { float:left; left:50%; position:relative;}
    #content.main .visual div img { float:left; left:-50%; position:relative;}

    /*2014 02 04 ios 対応 bg none*/
    #content.main .main_column {float:none !important; margin-top:0; margin-bottom:0; margin-left:auto!important; margin-right:auto!important; padding-top:0 !important; border-left:none!important; background: none!important; }
    #content.main.whiteVer .main_column { background: none!important;}
    /**/

    #content.main .main_bottom {margin-top:450px; position:relative; background:none!important;}
    #content.main .main_bottom .inner { margin-right:0!important;}
    #content.main .main_bottom .inner li { width:auto; float:none; padding-bottom:0;}
    #content.main .main_bottom .inner li ~ li { background:none!important; padding-bottom:20px;}

    /*aion*/
    #content.main.aion_main .visual div,
    #content.main.aion_main .visual div img { width:1100px;}
    #content.main.aion_main .visual div img { margin-top:0; margin-left:11px;}

    /*aionmaster*/
    #content.main.aionmaster_main .visual div,
    #content.main.aionmaster_main .visual div img { width:1100px;}
    #content.main.aionmaster_main .visual div img { margin-top:0; margin-left:11px;}

    /*L2*/
    #content.main.l2_main .visual div,
    #content.main.l2_main .visual div img { width:1000px;}
    #content.main.l2_main .visual div img { margin-top:0; margin-left:26px;}

    /*L2classic*/
    #content.main.l2classic_main .visual div,
    #content.main.l2classic_main .visual div img { width:1000px;}
    #content.main.l2classic_main .visual div img { margin-top:0; margin-left:26px;}

    /*L1*/
    #content.main.l_main .visual div,
    #content.main.l_main .visual div img { width:1130px;}
    #content.main.l_main .visual div img { margin-top:0; margin-left:30px;}

    /*shin-jrm*/
    #content.main.jrm_main .visual div,
    #content.main.jrm_main .visual div img { width:1000px;}
    #content.main.jrm_main .visual div img { margin-left:48px;}

    /*GW*/
    #content.main.g_main h1 {padding-top:20px; font-size:40px;}
    #content.main.g_main h1 span {font-size:15px;}
    #content.main.g_main .visual {top:30px;}
    #content.main.g_main .visual div {position:absolute; width:1200px; height:684px;}
    #content.main.g_main .visual div img {position:absolute;width:1200px; }
    #content.main.g_main .main_column {margin-top:440px; padding-top:1px!important; }
    #content.main.g_main .main_column ~ .main_column {margin-top:38px;}

    /*BT*/
    #content.main.bt_main .visual {top:65px;}
    #content.main.bt_main .visual div {width:1200px; left:50%;}
    #content.main.bt_main .visual div img {width:1200px; left:-45%;}
}

@media screen and (min-width:927px) and (max-width:1057px) {

    /*common*/
    #content.main {padding-left:0; padding-right:0;}
    #content.main h1 {padding-top:20px; font-size:40px;}
    #content.main h1 span {font-size:15px;}

    /*GW*/
    #content.main.g_main .visual {top:30px;}
    #content.main.g_main .visual div {position:absolute; width:1200px; height:684px;}
    #content.main.g_main .visual div img {position:absolute;width:1200px; }
    #content.main.g_main .main_column {margin-top:440px; }

    /*BT*/
    #content.main.bt_main .visual {top:65px;}
    #content.main.bt_main .visual div {width:1200px; left:50%;}
    #content.main.bt_main .visual div img {width:1200px; left:-45%;}

}

@media screen and (max-width:624px) {

    /*common*/
    #content.main {position:relative; }

    /*GW*/
    #content.main.g_main { overflow:hidden;}

    /*BT*/
    #content.main.bt_main .visual {top:125px;}
    #content.main.bt_main .visual div {width:800px; left:50%;}
    #content.main.bt_main .visual div img {width:800px; left:-45%;}
    #content.main.bt_main .main_box { margin-top:260px;}

}

@media screen and (max-width:367px) {

    /*common*/
    #content.main .visual {top:0; left:0;}
    #content.main .main_bottom { margin-top:350px;}

    /*aion*/
    #content.main.aion_main .visual div,
    #content.main.aion_main .visual div img { width:945px;}
    #content.main.aion_main .visual div img { margin-top:0; margin-left:0;}

    /*L2*/
    #content.main.l2_main .visual div,
    #content.main.l2_main .visual div img { width:860px;}
    #content.main.l2_main .visual div img { margin-left:12px;}

    /*L1*/
    #content.main.l_main .visual div,
    #content.main.l_main .visual div img { width:833px;}
    #content.main.l_main .visual div img { margin-top:0; margin-left:29px;}

    /*shin-jrm*/
    #content.main.jrm_main .visual div,
    #content.main.jrm_main .visual div img { width:833px;}

    /*GW*/
    #content.main.g_main .visual {top:170px;}
    #content.main.g_main .visual div {position:absolute; width:700px; height:684px;}
    #content.main.g_main .visual div img {position:absolute;width:700px; }
    #content.main.g_main .main_column {margin-top:300px; }

    /*BT*/
    #content.main.bt_main h1 {font-size:37px;}
    #content.main.bt_main .main_box {margin:260px 0 0; width:auto; border-radius:0;}
}


/*****************************************************************************************
	게임소개
*****************************************************************************************/
.gameinfo_movie .screen {position:relative; padding-bottom:52.95%;}
.gameinfo_movie .screen .video,
.gameinfo_movie .screen iframe {width:100%; height:100%; left:0; top:0; position:absolute;}
.gameinfo_movie .slide_list2_wrap {border-width:1px;}
.slide_list2_wrap {position:relative; border:1px solid #1d1d1d; border-width:1px 0 0; background:url(/images/common/bg_library.gif); }
.slide_list2_wrap .bg {position:absolute; left:1px; right:1px; top:1px; background:url(/images/common/bg_library_nav.png) repeat-x 0 0; height:20px;}
.slide_list2 {margin:20px 0 0;}
.slide_list2 .block {display:inline-block; vertical-align:top; width:16.6%;margin-right:-4px; padding:0 0 20px;}
.ie7 .slide_list2 .block {display:inline;margin-right:0;}
.legacy-ie .slide_list2 .block {}
.slide_list2 .block .box {display:block; width:120px; margin:0 auto; height:70px; border:1px solid #000; position:relative; border-radius:4px;}
.slide_list2 .block .box img {width:100%; height:100%; border-radius:4px; vertical-align:top;}
.slide_list2 .block .box .frame {position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border-radius:4px; z-index:1;}
.slide_list2 .block:hover .frame,
.slide_list2 .current .frame {border:2px solid #FFB51B; }
.slide_list2 .box .frame .play {background:url(/images/common/btn_play_movie.png) no-repeat center center; position:absolute; left:0; right:0; top:0; bottom:0; display:block;}
.slide_list2 .block:hover .box .frame .play,
.slide_list2 .current .box .frame .play {display:none;}
.slide_list2 .block em {display:block; font-size:11px; line-height:1.53; padding:4px 0; text-align:center; color:#a2a2a2;}
.slide_list2 .block:hover em,
.slide_list2 .current em {color:#fff;}
.gameinfo h3 {color:#2d2d2d; font-size:24px; font-weight:600; line-height:1.33; padding:26px 24px 5px; position:relative; z-index:1;}
.gameinfo .explain {font-size:15px; color:#828282; line-height:1.7; padding:0 24px 13px; position:relative; z-index:1; }
.gameinfo .act {padding:0 24px; position:relative; z-index:1;}
.gameinfo_header.line,
.gameinfo.line{ border-bottom:1px solid #e8e8e8;}

.gameinfo.type1 {overflow:hidden; position:relative;}
.gameinfo.type1 .section {float:left; width:50%;}
.ie7 .gameinfo.type1 .section {width:49.95%}
.gameinfo.type1 .visual {position:absolute; left:50%; bottom:0; width:50%; text-align:right;}
.gameinfo.type1 .section:first-child .visual {left:0;}
.gameinfo.type1 .visual img {margin-right:24px;}

.gameinfo.type3 {position:relative; overflow:hidden;}
.gameinfo.type3 .visual {position:absolute; left:24px; right:24px; bottom:0; text-align:right;}

.gameinfo.type5 {overflow:hidden;}
.gameinfo.type5 .section {overflow:hidden;}
.gameinfo.type5 .section:first-child {float:left;}
.gameinfo.type5 .section .visual {padding:0 24px 15px 24px; overflow:hidden;}
.gameinfo.type5 .section .visual img {width:100%;}

/*aion*/
.gameinfo_movie .movie_screen,
.gameinfo_movie .slide_list2_wrap {margin:0;}
.gameinfo_simple {overflow:hidden;margin:0 auto;}
.gameinfo_simple li {float:left; margin:22px 0 0; width:22.1%; height:147px; background-repeat:no-repeat; background-position:center 0; position:relative;}
.gameinfo_simple li strong {position:absolute; display:block; visibility:hidden}
.gameinfo_simple li img {position:absolute; left:50%; top:0;}
.gameinfo_simple .info1 {background-image:url(/images/aion/gameinfo/simple_01.jpg)}
.gameinfo_simple .info2 {background-image:url(/images/aion/gameinfo/simple_02.jpg)}
.gameinfo_simple .info3 {background-image:url(/images/aion/gameinfo/simple_03.jpg)}
.gameinfo_simple .focus {float:none; overflow:hidden; width:auto; background:url(/images/aion/gameinfo/simple_04.jpg) no-repeat center 0;}
.gameinfo_simple .focus div {max-width:270px; margin:0 auto; position:relative; background:url(/images/aion/gameinfo/simple_04_txt.png) no-repeat 0 0}
.gameinfo_simple .focus img {margin-left:-135px;}
.gameinfo_simple li .btn_v3 {position:relative; left:50%; margin-top:98px; margin-left:-76px;}
.gameinfo_simple .focus .btn_v3 {left:0; margin-left:0;}

.gameinfo.type1 .aion_section2 {padding-bottom:162px;}
.gameinfo.type1 .aion_section2 .visual img {max-width:404px; }
.gameinfo.type1 .aion_section3 .visual img {max-width:321px; }
.gameinfo.aion_section4 .explain {float:left;max-width:715px;}
.gameinfo.aion_section4 .act {float:left; width:127px; }/*padding-left:0;*/
.gameinfo.aion_section4 ul {margin-top:20px; overflow:hidden; padding:0 24px; clear:both;}
.gameinfo.aion_section4 li {float:left; width:12.5%; height:226px; background:url(/images/aion/gameinfo/bg_weapon.jpg) no-repeat right 0;}
.ie7 .gameinfo.aion_section4 li {width:12.45%;}
.gameinfo.aion_section4 .weapon2 {background-position:right -250px;}
.gameinfo.aion_section4 .weapon3 {background-position:right -500px;}
.gameinfo.aion_section4 .weapon4 {background-position:right -750px;}
.gameinfo.aion_section4 .weapon5 {background-position:right -1000px;}
.gameinfo.aion_section4 .weapon6 {background-position:right -1250px;}
.gameinfo.aion_section4 .weapon7 {background-position:right -1500px;}
.gameinfo.aion_section4 .weapon8 {background-position:right -1750px;}
.gameinfo.aion_section4 li p img {margin:29px 0 0 10px;}
.gameinfo.type3.aion_section5 {padding-bottom:50px;}
.gameinfo.type3.aion_section5 .explain {margin-right:42.5%;}
.gameinfo.type3.aion_section5 .visual img {max-width:408px;}
.gameinfo.type5 .aion_section6 {width:50%;}
.gameinfo.type5 .aion_section6 img {max-width:592px;}
.gameinfo.type5 .aion_section7 img {max-width:272px;}
.ie8 .gameinfo.type5 .aion_section6 img,
.ie8 .gameinfo.type5 .aion_section7 img {width:auto;max-width:100%;}
/*l2*/
.gameinfo.type1 .l2_section1 {min-height:238px;}
.gameinfo .l2_section1 {padding-bottom:129px;}
.gameinfo .l2_section1 .explain {max-width:310px;}
.gameinfo.type1 .l2_section1 .visual img {max-width:420px; margin-right:0;}
.gameinfo.type1 .l2_section2 .visual img {max-width:456px;}
.gameinfo.type3.l2_section4 {min-height:260px;}
.gameinfo.type3.l2_section4 .visual img {max-width:451px;}
/* lineage */
.gameinfo.type1 .l_section1 {min-height:403px;}
.gameinfo.type1 .l_section1 .visual img {max-width:363px; width:100%;}
.gameinfo.type1 .l_section2 .visual img {max-width:415px; width:100%;}
.gameinfo.type1 .l_section1 .act {padding-bottom:132px;}
.gameinfo.type3.l_section4 {min-height:256px;}
.gameinfo.type3.l_section4 .visual img {max-width:417px;}
h2.chrinfo_header {color:#1b1b1b; font-size:25px; line-height:1.3; font-weight:600; padding:24px 24px 27px;}
h2.chrinfo_header span {display:block;font-size:15px; color:#828282; font-weight:normal;margin-top:5px;}
.chrinfo_cont {}
.chrinfo_cont h3 {font-size:30px; color:#1b1b1b; line-height:1.3; position:relative; z-index:1;}
.chrinfo_item {display:none;}
.chrinfo {padding:25px 24px 24px; position:relative; border-bottom:1px solid #e8e8e8; overflow:hidden; min-height:317px;}
.chrinfo .visual {position:absolute; bottom:0; display:block; overflow:hidden;}
.chrinfo .visual img {width:100%; max-width:433px;}
.chrinfo dl {position:relative; z-index:1;}
.chrinfo dt {font-size:15px; line-height:1.6; }
.chrinfo dd {font-size:14px; line-height:1.69; color:#828282; padding:10px 0 22px;}
.chrinfo dd.type2 {padding:0 0 0 10px; background:url(/images/bul/bul_dot_gray.gif) no-repeat 0px 9px;}
.chrinfo_screen {padding:16px 24px 10px;}
.chrinfo_screen em {font-size:15px; line-height:1.46; display:block; padding-bottom:5px;font-weight:600;margin-bottom:10px;}
.chrinfo_screen ul {overflow:hidden; padding-right:219px;}
.chrinfo_screen li {float:left; width:33.3%; padding:1px 0 0;}
.chrinfo_screen li p {padding-right:1px;}
.chrinfo_screen li.last {float:right; margin-right:-219px; width:219px;}
.chrinfo_screen li.last p {padding-right:0;}
.chrinfo_screen img {max-width:219px;vertical-align:top; border-radius:4px; width:100%;}
.chrinfo_item.odd .chrinfo {padding-right:439px;}
.chrinfo_item.odd .chrinfo .visual {right:24px; }
.chrinfo_item.odd .chrinfo .visual img {float:right; }
.chrinfo_item.even .chrinfo {padding-left:480px;}
.chrinfo_item.even .chrinfo .visual {left:24px; }
.story_print {font-size:13px; line-height:2; color:#494949; padding:18px 24px 5px;
    -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:24px; -moz-column-gap:24px; column-gap:24px;}
.story_print p {} /*padding-top:bottom:10px;*/

/* janryumon */
.gameinfo.type1 .j_section2 {min-height:369px;}
.gameinfo.type1 .j_section2 .visual img {max-width:302px; margin-right:0;}
.gameinfo.type1 .j_section3 .visual img {max-width:429px; margin-right:0;}

.jstroy{position:relative;margin:0 24px;}
.jstroy h2{position:relative;z-index:1;clear:both;padding:19px 0 11px;color:#2d2d2d;line-height:120%;font-weight:bold;font-size:20px;}
.jstroy img{max-width:100%;}
.jstroy .desc1{position:relative;z-index:1;padding-right:45%;}
.jstroy .desc2{overflow:hidden;margin-top:20px;}
.jstroy .expl{overflow:hidden;}
.jstroy p{margin-bottom:11px;color:#494949;line-height:160%;font-size:13px}
.jstroy .visual{position:absolute;right:0;top:0;max-width:370px;}
.jstroy .fl{margin-right:24px;}
.jstroy .fr{margin-left:24px;}
/* bluetears */
.gameinfo.type3.b_section1,
.gameinfo.type3.b_section4 {min-height:264px;}
.gameinfo.type3.b_section1 .visual img {max-width:439px;}
.gameinfo.type1 .b_section2 {min-height:390px;}
.gameinfo.type1 .b_section2 .explain {/*padding-bottom:162px;*/}
.gameinfo.type1 .b_section2 .visual img {max-width:335px; width:100%;}
.gameinfo.type1 .b_section3 .visual img {max-width:383px; width:100%;}
.gameinfo.type3.b_section4 .visual img {max-width:394px;}

/* guildwars */
.gameinfo_movie.guildwars .movie_screen {margin:24px 40px 0;}
.campaign_visual {padding:24px 0; text-align:center;}
.campaign_visual img {max-width:100%;}
.campaign_section { padding:0 24px; color:#494949; font-size:13px; line-height:1.92;}
.campaign_section h3 {font-size:15px; color:#1b1b1b; font-weight:600; padding:28px 0 0;}
.campaign_section h3:first-child {padding-top:0;}
.campaign_section .thumb {float:left; padding:5px 24px 0 0}
.campaign_innerlist {padding:10px 0 0;}
.campaign_innerlist li  p,
.campaign_innerlist li.bul {overflow:hidden; padding:0 0 0 10px; background:url(/images/bul/bul_dot_gray.gif) no-repeat 0 10px;}
.campaign_gallery {padding:28px 0 0; overflow:hidden;}
.campaign_gallery {padding-top:28px;}
.campaign_gallery h3 {padding-top:0;}
.campaign_gallery {width:50%; }
.campaign_gallery ul {margin-right:136px; max-width:296px;}
.campaign_gallery li {float:left; width:50%;}
.campaign_gallery ._3n,
.campaign_gallery ._last {overflow:hidden; width:auto; margin-right:-136px;}
.ie7 .campaign_gallery li {width:49.95%;}
.ie7 .campaign_gallery ._3n,
.ie7 .campaign_gallery ._last {width:136px; }
.campaign_gallery li span {display:block; padding:0 5% 5% 0; cursor:pointer;}
.ie7 .campaign_gallery li span {zoom:1;}
.campaign_gallery ._3n span,
.campaign_gallery ._last span {padding-right:0;}
.campaign_gallery img {max-width:100%; vertical-align:top; display:block; font-size:0; line-height:0;}
.campaign_gallery.fr h3,
.campaign_gallery.fr ul {padding-left:5%;}
.campaign_gallery2.fl,
.campaign_gallery2.fr {width:50%; }
.campaign_gallery2 .thumb2 {padding-right:24px; display:block;}
.campaign_gallery2 .thumb2 img {max-width:100%; }
.campaign_gallery2 .btn_l {clear:both; padding-left:0;}
.ie7 .campaign_gallery2 .btn_l {zoom:1;}
.campaign_gallery2.fl dl {padding-right:5%;}
.campaign_gallery2.fr .thumb2,
.campaign_gallery2.fr .btn_l,
.campaign_gallery2.fr dd {padding-left:5%;}
.campaign_gallery2 .thumb2 {float:left;}
.campaign_gallery2 dt {font-weight:600; color:#2d2d2d;}


.campaign_notice {clear:both; background:#f8f8f8; color:#828282; padding:10px 15px 15px; margin-top:32px;}
.campaign_notice dt {color:#2b2b2b; font-weight:600; padding:0 0 10px;}
.campaign_notice .act {padding-top:14px;}
.campaign_faq dt {background:url(/images/bul/bul_dot_gray.gif) no-repeat 0 10px; font-weight:600; padding:0 0 5px 10px; margin-top:25px;}
.campaign_faq dt:first-child {margin-top:8px;}

.gameinfo_con{overflow:hidden;padding:0 24px;}
.gameinfo_con h2{color:#2d2d2d;font-size:20px;font-weight:bold;}
.gameinfo_con h2+h3{margin-top:10px;}
.gameinfo_con h3{margin:33px 0 0;clear:both;color:#1b1b1b;line-height:28px;font-size:15px;font-weight:bold;}
.gameinfo_con h3.package{padding-top:20px;margin:0;}
.gameinfo_con .expl{overflow:hidden;}
.gameinfo_con .thumb{display:block;}
.gameinfo_con .thumb.fl{padding:0 24px 0 0;}
.gameinfo_con .thumb.fr{padding:0 0 0 24px;}
.gameinfo_con .thumb img{max-width:100%;}
.gameinfo_con p{margin-bottom:15px;color:#494949;font-size:13px;line-height:160%;}
.gameinfo_con .notice{clear:both;margin:32px 0 0;}
.gameinfo_con .notice li{line-height:17px;color:#828282;font-size:11px;}
.gameinfo_con .notice dd{margin-top:4px;color:#828282;line-height:25px;}
.gameinfo_con .notice dd a{text-decoration:none;}
.gameinfo_con .btn_r{clear:both;}
.gameinfo_con dl dt{color:#2d2d2d;line-height:32px;font-size:13px;font-weight:bold;}
.gameinfo_con dl dd{margin-bottom:5px;color:#494949;line-height:25px;font-size:13px;}
.gameinfo_con dl dd a{text-decoration:underline;color:#494949;}
.gameinfo_con ul li{padding-left:10px;color:#494949;line-height:28px;font-size:13px;background:url(/images/bul/bul_dot_gray.gif) no-repeat left 14px;}
.gameinfo_con .infoin{overflow:hidden;margin-top:8px;}
.gameinfo_con .infoin h3{margin-top:5px;}
.gameinfo_con .infoin ul{overflow:hidden;background-color:#f8f8f8;border-radius:4px;margin:2px 0 9px;padding:10px 16px;}
.gameinfo_con .infoin ul li{float:left;margin-right:16px;}
.gameinfo_con .package{padding-top:8px;}
.gameinfo_con .package h3{margin:0 0 3px 0;}
.gameinfo_con .package h3 em{margin-left:5px;color:#828282;font-size:12px;font-weight:normal;}
.gameinfo_con .package .goods_info{padding:0;background:none;}
.gameinfo_con .package .goods_info li{float:none;padding:0;background:none;line-height:28px;color:#494949;font-size:13px;}
.gameinfo_con .package .impor{display:block;margin:5px 0 10px;padding-left:10px;color:#828282;text-decoration:underline;font-size:12px;background:url(/images/bul/bul_dot_gray.gif) no-repeat left 8px;}
.gameinfo_con .package .notice{margin:15px 0;padding: 8px 16px 13px;}
.gameinfo_con .package .tbl{width:350px;margin-bottom:15px;}
.gameinfo_con .package .down{display:block;margin:7px 0;}
.gameinfo_con .package .down em{margin-left:10px;color:#828282;font-size:12px;}
.campaign_main{padding:0 24px;}
.campaign_main h3{padding:20px 0 5px;color:#1b1b1b;line-height:28px;font-size:15px;font-weight:bold;}
.campaign_main p{margin-bottom:8px;color:#494949;font-size:13px;line-height:160%;}
.campaign_list{overflow:hidden;margin:24px -24px 0;border:1px solid #e8e8e8;border-width:1px 0;}
.campaign_list li{float:left;width:33.3%;}
.campaign_list li .box{position:relative;overflow:hidden;min-height:280px;border:1px solid #e8e8e8;border-width:0 0 0 1px;}
.campaign_list li:first-child .box{border-left:0;}
.campaign_list li .tit{padding:10px 0 0 24px;position:absolute; left:0; right:0; top:0; z-index:1;}
.campaign_list li .tit p{margin-bottom:13px;color:#828282;line-height:34px;font-size:16px;}
.campaign_list li .tit p strong{display:block;color:#2d2d2d;font-weight:bold;font-size:28px;}
.campaign_list li .tit a{color:#828282;font-size:12px;}
.campaign_list li .visual{position:relative;left:50%;float:left;margin-top:34px;}
.campaign_list li .visual img {float:left;position:relative;left:-50%;}
.campaign_main .expl,
.campaign_main .expl .infoin{overflow:hidden;}
.campaign_main .expl .thumb{margin-right:20px;float:left;}


/* gameinfo top common */
.gameinfo_header h1,
.gameinfo_intro h3 { -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.gameinfo_header {position:relative; overflow:hidden; min-height:318px;}
.gameinfo_header h1 {text-align:left; font-size:55px; line-height:1.2; color:#1b1b1b; font-weight:600; padding:29px 24px 16px; position:relative; z-index:1;}
.gameinfo_header h1 span {font-size:36%; display:block; padding:0 0 2px;}
.gameinfo_header .explain {font-size:15px; padding-left:24px; padding-right:24px; line-height:1.69; font-weight:600; color:#a3a3a3; position:relative; z-index:1;}
.gameinfo_header .visual {position:absolute; right:0; bottom:0; text-align:right; display:block; }
/* gameinfo top aion */
.gameinfo_header.aion .explain {padding-bottom:36px; margin-right:55%;}
.gameinfo_header.aion .visual {width:60%; }
.gameinfo_header.aion .visual img {margin-left:-60%;}
/* gameinfo top lineage2 */
.gameinfo_header.l2 .explain {padding-bottom:36px; margin-right:50%;}
.gameinfo_header.l2 .visual {width:50%; }
.gameinfo_header.l2 .visual img {margin-left:-30%;}
/* gameinfo top lineage */
.gameinfo_header.lineage .explain {padding-bottom:36px; margin-right:50%;}
.gameinfo_header.lineage .visual {width:50%;}
.gameinfo_header.lineage .visual img {margin-left:-40%;}
/* gameinfo top janryumon */
.gameinfo_header.janryumon .explain {padding-bottom:36px; margin-right:45%;}
.gameinfo_header.janryumon .visual {width:40%;}
.gameinfo_header.janryumon .visual img {margin-left:-40%;}
/* gameinfo top guildwars */
.gameinfo_header.guildwars .explain {padding-bottom:36px; margin-right:45%;}
.gameinfo_header.guildwars .visual {width:40%;}
.gameinfo_header.guildwars .visual img {margin-left:-50%;}

/* gameinfo bg section common */
.gameinfo_intro {position:relative; }
.gameinfo_intro h3 {padding:20px 24px 11px; text-align:left; position:relative; z-index:1; font-size:30px; line-height:1.25; color:#fff; font-weight:600; text-shadow:1px 1px 0 rgba(0,0,0,.75);}
.gameinfo_intro .explain {padding:0 24px; position:relative; z-index:1; font-size:15px; line-height:1.5; color:#e4e4e4;text-shadow:1px 1px 0 rgba(0,0,0,.75);}
.gameinfo_intro .act {padding-left:24px; position:relative; z-index:1;}
.gameinfo_intro .visual {position:absolute; right:0; bottom:0; text-align:right; display:block; overflow:hidden;}
/* gameinfo bg section aion */
.gameinfo_intro.aion_section1 {background:url(/images/aion/gameinfo/intro_bg2.jpg) no-repeat 0 center; min-height:340px; margin-top:25px;}
.gameinfo_intro.aion_section1 h3 {margin-right:30%;}
.gameinfo_intro.aion_section1 .explain {padding-bottom:37px; margin-right:45%}
.gameinfo_intro.aion_section1 .act {padding-bottom:24px;}
.gameinfo_intro.aion_section1 .visual {width:50%;}
.gameinfo_intro.aion_section1 .visual img {margin-left:-10%;}
/* gameinfo bg section lineage2 */
.gameinfo_intro.l2_section3 {background:url(/images/lineage2/gameinfo/intro_bg2.jpg) no-repeat 0 0; min-height:250px;overflow:hidden;}
.gameinfo_intro.l2_section3 h3 {color:#2d2d2d; text-shadow:none;}
.gameinfo_intro.l2_section3 .explain {color:#2d2d2d; padding-bottom:18px; margin-right:40%;text-shadow:none}
.gameinfo_intro.l2_section3 .act {padding-bottom:24px;}
.gameinfo_intro.l2_section3 .visual {width:60%;}
/* gameinfo bg section lineage */
.gameinfo_intro.l_section3 {background:url(/images/lineage/gameinfo/intro_bg2.jpg) no-repeat 0 0; min-height:320px;overflow:hidden;}
.gameinfo_intro.l_section3 .explain {padding-bottom:24px; margin-right:45%;}
.gameinfo_intro.l_section3 .visual img {max-width:100%; min-width:800px; float:right;}
.gameinfo_intro.l_story {background:url(/images/lineage/gameinfo/story_bg.jpg) no-repeat 0 0; min-height:326px;}
.gameinfo_intro.l_story .explain {margin-right:50%;}
.gameinfo_intro.l_story .visual {width:40%;}
.gameinfo_intro.l_story .visual img {margin-left:-20%;}
/* gameinfo bg section janryumon */
.gameinfo_intro.j_section1 {background:#315599; min-height:277px; overflow:hidden;}
.gameinfo_intro.j_section1 h3 {font-weight:600;}
.gameinfo_intro.j_section1 .explain {margin-right:40%;}
.gameinfo_intro.j_section1 .visual {width:100%;}
.gameinfo_intro.j_section1 .visual img {float:right; }

/*****************************************************************************************
	아이온>라이브러리
*****************************************************************************************/

.game_library {}
.game_library .down_list {margin:0 24px; background:url(/images/common/bg_library_down.png) repeat-x 0 bottom; padding:11px 0 10px 35px; line-height:22px;}
.game_library .down_list dl {overflow:hidden;}
.game_library .down_list dt {float:left; color:#9d9d9d; font-size:10px; padding-right:17px; background:url(/images/common/bdr_library_down.gif) no-repeat right center;}
.game_library .down_list dd {overflow:hidden; font-size:12px; font-weight:bold; color:#fff;}
.game_library .down_list dd a,
.game_library .down_list dd span {display:inline-block; padding:0 15px;color:#fff;}
.game_library .down_list dd span {cursor:pointer;}
.game_library .down_list dd span:hover {text-decoration:underline;}

.game_library .screen.movie {position:relative;padding-bottom:56.25%; height:0; overflow:hidden;}
.game_library .screen.movie video,
.game_library .screen.movie iframe,
.game_library .screen.movie object,
.game_library .screen.movie embed {width:100%; height:100%; left:0; top:0; position:absolute;}

.movie_screen {position:relative; }
.movie_screen .inner {position:absolute; left:0; top:0; right:0; bottom:0;}
.movie_screen object,
.movie_screen video,
.movie_screen embed {position:absolute; width:100%; height:100%; left:0; top:0; }
.movie_screen img {width:56.25%; overflow:hidden; vertical-align:top; }

.game_library .screen img,
.caster_screen img {vertical-align:top; width:100%;}
.game_library .screen object,
.game_library .screen embed {max-width:100% !important; }
.game_library .nav {position:relative; border-top:1px solid #1d1d1d; min-height:20px;padding-bottom:20px;}
.game_library .nav .bg {position:absolute; left:1px; right:1px; top:1px; background:url(/images/common/bg_library_nav.png) repeat-x 0 0; height:20px;}
.game_library .slide_list_wrap {position:relative; padding:0 52px 0 52px;}
.game_library .nav .move_left {position:absolute; left:24px; top:22px;}
.game_library .nav .move_right {position:absolute; right:24px; top:22px;}
.game_library .slide_list_wrap.type2 .slide_list {height:118px;}
.game_library .screen.music,
.game_library .screen.novel{overflow:hidden; position:relative;}
.game_library .screen.music img {overflow:hidden;}
.game_library .screen .inner {position:absolute; left:0; top:0; right:0; bottom:0;}
.game_library .screen .inner object,
.game_library .screen .inner video,
.game_library .screen .inner embed {position:absolute; left:0; top:0; width:100%; height:100%;}
.aion .screen.music img {/*width:60.79%; */width:535px;}
.aion .screen.novel img {width:66.97%;}
.aion .screen.music {max-width:880px; margin:0 auto;}
/* library retry*/
.res1 ~ #container .slide_gallery {height:100%;  width:100%; display:table;}
.res1 ~ #container .slide_gallery .screen {display:table-row; height:auto; overflow:hidden;}
.slide_gallery .nav {position:relative; border-top:1px solid #1d1d1d;}
.res1 ~ #container .slide_gallery .nav {display:table-row; height:1px; }
.res1 ~ #container .slide_gallery .nav .slide_list {padding-bottom:20px;}
.slide_gallery .nav .bg {position:relative;}
.slide_gallery .nav .bg>span{display:block; position:absolute; left:1px; right:1px; top:0; background:url(/images/common/bg_library_nav.png) repeat-x 0 0; height:20px; }
.slide_gallery .slide_list_wrap {position:relative; padding:0 52px 0 52px;}
.slide_gallery .slide_list>ul {position:absolute !important;}
.slide_gallery .nav .move_left {position:absolute; left:24px; top:22px;}
.slide_gallery .nav .move_right {position:absolute; right:24px; top:22px;}
.slide_gallery .slide_list_wrap.type2 .slide_list {height:118px;}
.res1 ~ #container .slide_gallery .screen_pos {overflow:hidden; position:relative; height:100%; }
.screen_pos img {width:100%; height:auto; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s ;}
.res1 ~ #container .slide_gallery .screen_pos img {position:absolute;}
.res0 ~ #container .slide_gallery .screen_pos {height:auto !important;}
.res0 ~ #container .slide_gallery .screen_pos img {margin:0 !important; position:static !important}
.slide_gallery .down_list {margin:0 24px; background:url(/images/common/bg_library_down.png) repeat-x 0 bottom; padding:11px 0 10px 35px; line-height:22px;}
.slide_gallery .down_list dl {overflow:hidden;}
.slide_gallery .down_list dt {float:left; color:#9d9d9d; font-size:10px; padding-right:17px; background:url(/images/common/bdr_library_down.gif) no-repeat right center;}
.slide_gallery .down_list dd {overflow:hidden; font-size:12px; font-weight:bold; color:#fff;}
.slide_gallery .down_list dd a,
.slide_gallery .down_list dd span {display:inline-block; padding:0 15px;color:#fff;}
.slide_gallery .down_list dd span {cursor:pointer;}
.slide_gallery .down_list dd span:hover {text-decoration:underline;}

.ie7 #content.type6 {height:auto !important; }
.ie7 .slide_gallery {display:block;}
.ie7 .slide_gallery .screen {display:block; }
.ie7 .slide_gallery .nav {display:block; height:auto !important;}
.ie7 .screen_pos {height:auto !important;}
.ie7 .screen_pos img {margin:0 !important; position:static !important}


.gallery_list3.screensaver{text-align:center; padding-top:10px}
.gallery_list3.screensaver .block{width:272px;height:233px}
.gallery_list3.screensaver .block .thumb{width:272px;height:153px; position:relative;  }
.gallery_list3.screensaver .block .thumb .player {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.gallery_list3.screensaver .block .thumb img{width:272px;height:153px; border-radius:0;}
.gallery_list3.screensaver p{text-align:center;margin-bottom:10px;font-weight:bold;}
.gallery_list3.screensaver .frame {background: url(/images/common/bg_screensaver_frame.png) no-repeat 0 0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}


.fan_kit { min-height:462px; margin-right:405px; position:relative;}
.fan_kit:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .fan_kit {zoom:1;}
.fan_kit h1 {text-align:left; font-size:70px; line-height:1; font-weight:bold;padding:16px 0 0 19px; position:absolute; top:0; left:0; right:-405px;}
.fan_kit .desc {float:left; width:100%; padding:95px 0 26px; color:#828282;font-size:14px; line-height:20px; }
.fan_kit .desc div {padding:0 24px;line-height:180%;}
.fan_kit img {float:right; margin-top:34px; margin-right:-405px;}
.fan_kit .btn_v2 { margin-left:24px; }
.fan_kit .btn_v2 strong {font-size:14px; padding-left:14px; margin-left:7px; background:url(/images/aion/bdr_fankit_btn.gif) no-repeat 0 center; vertical-align:top;}
.fan_kit .btn_v2:hover strong {background-image:url(/images/aion/bdr_fankit_btn_on.gif);}
.fan_kit p {clear:both; padding:10px 24px; line-height:20px;}
.fan_kit + .notice {margin-top:0;}

/* trial */
.concept_box {margin:0 24px; position:relative; overflow:hidden;}
.concept_box .header { padding:35px 0 20px;}
.concept_box h2 {font-size:20px; line-height:1.3; padding:0 0 11px;}
.concept_box h2 strong {display:block; font-size:36px; font-weight:600;}
.concept_box .header p {color:#828282; font-size:12px;line-height:1.5;}
.concept_box .visual {position:absolute; top:0; right:0;}
.concept_box .box {background:#494949 url(/images/aion/etc/bg_download_box.gif) repeat-x 0 0; box-shadow:inset 0 1px 0 rgba(255,255,255,.15); border:1px solid #000; border-radius:4px; padding:20px 30px}
.concept_box .box dl.lay_table {display:table; width:100%;}
.concept_box .box .lay_cell {display:table-cell;}
.concept_box .box dt.lay_cell {vertical-align:middle; font-size:20px; font-weight:600; color:#dadada; width:90px;}
.concept_box .box dd.lay_cell {color:#a3a3a3; font-size:11px;}
.concept_box .box dd p {line-height:21px; padding-left:8px; background:url(/images/bul/bul_dot_gray.gif) no-repeat 0 8px;}
.concept_box .box dd ul {line-height:17px; padding-left:15px; }
.concept_box .box dd li {padding-left:8px;background:url(/images/bul/bul_dash_gray.gif) no-repeat 0 7px;}
.concept_box .header,
.concept_box .box {padding-right:350px;}
.trial_explain {padding:41px 24px 0;}
.trial_explain h3 {font-size:18px; font-weight:600; line-height:1.5; padding:0 0 9px;}
.trial_explain .flow {overflow:hidden;}
.trial_explain .flow li {position:relative;}
.trial_explain .flow li>span {display:none; width:272px; height:178px; background:url(/images/aion/gameinfo/img_trial_flow_s.gif) no-repeat 0 0; position:absolute; }
.trial_explain .flow li._2nd>span {background-position:0 -200px;}
.trial_explain .flow li._3rd>span {background-position:0 -400px;}
.trial_explain .flow li {float:left; margin:0 2% 30px 0; overflow:hidden; max-width:570px; min-width:292px; width:32%;background:url(/images/aion/gameinfo/img_trial_flow.gif) no-repeat 0 -600px;}
.trial_explain .flow ._3rd {margin-right:0;}
.ie7 .trial_explain .flow ._3rd {width:31.5%}
.trial_explain .flow li .inner {position:relative; padding:0 50px 0 16px; height:165px; background:url(/images/aion/gameinfo/img_trial_flow.gif) no-repeat right 0;}
.trial_explain .flow li._2nd .inner {background-position:right -200px;}
.trial_explain .flow li._3rd .inner {background-position:right -400px;}
.trial_explain .flow li .inner>div {padding:16px 0 0; height:97px;}
.trial_explain .flow li .inner>div ~ div {padding:0; height:auto;}
.trial_explain .flow li .inner em {display:block; font-size:13px; padding-bottom:13px;}
.trial_explain .flow li .inner p {font-size:11px; line-height:1.63; color:#828282; padding-bottom:10px;}
.trial_explain dl {line-height:1.61;}
.trial_explain dt {padding:7px 0 0 34px; background:url(/images/bul/bul_q.gif) no-repeat 0 6px;}
.trial_explain dt ~ dt {margin-top:24px;}
.trial_explain dd {padding:7px 0 0 34px; background:url(/images/bul/bul_a.gif) no-repeat 0 6px; color:#828282;}
.trial_explain dd.addinfo {margin:7px 0 0; background:#f8f8f8; border-radius:4px; padding:14px 16px 16px 24px;}
.trial_explain dd.addinfo p {font-size:11px; color:#828282; background:url(/images/bul/bul_dot_gray.gif) no-repeat 0 6px; margin-left:-8px; padding:0 0 6px 8px;}

/*****************************************************************************************
	client download
*****************************************************************************************/
.cont_section5 {margin:0 24px;  color:#494949; line-height:1.71;}
.cont_section5.line {border-top:1px solid #ebebeb; }
.cont_section5.space {padding-bottom:13px;}
.cont_section5 h3 {font-size:16px; font-weight:600; line-height:1.25; padding:26px 0 5px; color:#2d2d2d;}
.cont_section5 .header {margin-bottom:18px;}
.cont_section5 .notice {margin:16px 0 0;}
.cont_section5 h4 {padding-bottom:2px; font-weight:600; color:#2d2d2d; margin-top:20px;}
.cont_section5 h3+h4{margin-top:-7px;}
h2.game_download_header {line-height:1.19; font-size:30px; font-weight:600; }
.game_download_box {margin:0 24px; position:relative; overflow:hidden;}
.game_download_box h1 {line-height:1.19; font-size:30px; font-weight:600; text-align:left; padding:26px 0 23px 0;}
.game_download_box .visual {position:absolute; right:0; top:0; -webkit-transition: 0.5s;	-moz-transition: 0.5s;	transition: 0.5s;}
.game_download_box .tab_area {}
.game_download_box .tab_area ul:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .game_download_box .tab_area ul {zoom:1;}
.game_download_box .tab_area li {float:left; width:240px; padding:0 9px 0 0; text-align:center; height:50px; position:relative;}
.game_download_box .tab_area li a {display:block; color:#a3a3a3; font-weight:600; font-size:14px; display:block; border:1px solid #d2d2d2; border-width:1px 1px 0;height:34px; padding:15px 0 0;background:#d2d2d2; border-radius:4px 4px 0 0; position:relative; text-decoration:none;}
.game_download_box .tab_area li.current {box-shadow:none}
.game_download_box .tab_area li.current a {color:#fff; background:#353535; border-color:#000000; box-shadow:inset 0 1px 0 rgba(255,255,255,.15),2px 2px 4px rgba(0,0,0,.45);;}
.game_download_box .tab_area li.current span {display:block; position:absolute; left:0; top:50px;right:9px; height:4px; background:#353535; }
.legacy-ie .game_download_box .tab_area li.current {background:url(/images/aion/etc/bg_download_tab.png) no-repeat right 0;}
.game_download_box .tab_area .selectbox {display:none; margin:0 0 16px}

.game_download_box .tab_content {background:#494949 url(/images/aion/etc/bg_download_box.gif) repeat-x 0 0; box-shadow:inset 0 1px 0 rgba(255,255,255,.15); border:1px solid #000; border-radius:4px; }
.game_download_box .tab_content .link_area {min-height:135px; position:relative; overflow:hidden;padding-bottom:20px;}
.game_download_box .tab_content .link_area .type1 {left:23px; position:absolute; top:50%; margin-top:-42px; color:#dadada; font-size:14px; line-height:150%;}
.game_download_box .tab_content .link_area .type1 .btn_v2.big2 {width:190px;}
.game_download_box .tab_content .link_area .type1 p {padding-top:8px;}
.game_download_box .tab_content .link_area .type2 {padding:30px 0 0 19px; margin-left:18px; width:215px; color:#dadada; font-size:12px; line-height:150%; text-align:center; background:url(/images/aion/etc/bdr_download_link.gif) no-repeat 0 30px; float:left;}
.game_download_box .tab_content .link_area .type2:first-child {padding-left:0; margin-left:0; background:none;}
.game_download_box .tab_content .link_area .type2 .logo {height:53px;}
.game_download_box .tab_content .link_area .type2 em {display:block; padding:10px 0 8px;}
.game_download_box .tab_content ul {color:#a3a3a3; font-size:11px; line-height:145%; padding:0 200px 18px 23px; }
.game_download_box .tab_content li {padding:3px 0 3px 7px; background:url(/images/aion/etc/bul_download_notice.gif) no-repeat 0 10px;}
.game_download_box .tab_content .tit{padding:23px 23px 5px 23px;color:#dadada;}
.game_download_box .tab_content .link_area.v2{min-height:55px;padding:23px 23px 0 23px; display:block;}
.game_download_box .tab_content .link_area.v2 em{color:#f5f5f5;font-size:14px;padding:15px 0 0 16px;}


div.caption_list {padding-bottom:35px; margin-top:18px;}
div.caption_list p {padding:3px 0 5px;}
div.caption_list span.screen {float:left; padding-right:14px;}
div.caption_list div.screen img {display:block; margin-top:35px;}
div.caption_list div.screen img:first-child {margin-top:0;}
div.caption_list .desc {padding:3px 14px 0 0;}
.caption_list {overflow:hidden;}
ol.caption_list , ul.caption_list {display:table; width:100%;}
.caption_list li { display:inline-block; vertical-align:top; width:50%; margin-right:-4px; padding:0 0 31px; }
.caption_list li:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie8 .caption_list li,
.ie9 .caption_list li {margin-right:-4px; }
.ie7 .caption_list li {display:inline; width:49.9%; margin-right:0;}
.caption_list li .screen {width:200px; float:left; margin:0 5px 0 0}
.caption_list li .screen img {vertical-align:top;}
.caption_list li .desc {display:block; margin-left:205px; padding:3px 14px 0 0; position:relative}
ol.caption_list .desc {padding-top:27px; }
.caption_list.v2 {line-height:18px; color:#828282;}
.caption_list.v2 .screen {width:184px;}
.caption_list.v2 .desc {margin-left:196px;}
.caption_list.v2 img {border-radius:4px;}
.caption_list.v2 .large {font-size:14px; color:#2d2d2d;}
.caption_list.v2 .btn_v3 {margin-top:5px;}


.tbl2 {border:1px solid #cecece; border-width:1px 0; width:100%; table-layout:fixed;}
.tbl2 th {color:#2d2d2d; font-size:14px; line-height:18px; padding:11px 0 10px; font-weight:normal; border:0;}
.tbl2 thead th {border-top:1px solid #fff; border-bottom:1px solid #cecece; background:#f5f5f6;}
.tbl2 tbody th {border-bottom:1px solid #e5e5e5; text-align:left; padding-left:55px;}
.tbl2 td {border:0; text-align:left; font-size:12px; line-height:24px; color:#828282; padding:9px 10px 7px 55px; background:url(/images/common/dash_h2.gif) repeat-x 0 0;}
.tbl2 th.label,
.tbl2 td.label {padding-left:40px; padding-right:0;}
.tbl2 .first td {background:none;}
.tbl2.space  {margin-top:24px;}

.cont_section5 .subtit {font-weight:bold; margin-bottom:10px; color:#2d2d2d;font-size:16px;}
.caption_list2 li {padding-bottom:32px; overflow:hidden;}
.caption_list2 .screen {float:left; padding-right:16px;}
.caption_list2 .screen img{max-width:100%;}
.caption_list2 .screen .btn_v2.big2 {width:190px;}
.caption_list2 .desc p {padding:4px 0;}
.caption_list2 .desc p.subtxt {font-size:12px;}
.caption_list2 .desc p.subtxt:first-child {margin-top:4px;}
.caption_list2.sub {font-size:12px; line-height:1.66;}
.caption_list2.sub li {padding-bottom:24px;}
.caption_list2.sub .screen {padding-top:3px;}
.caption_list2.sub .desc {overflow:hidden;}
.caption_list2.sub .type2 .desc {padding-top:9px;}
.cont_section5 .subheader {margin:-10px 0 10px;}

/*ゲームクライアント sjrm*/
.cont_section5 .dlpack { padding-bottom:20px;}
.cont_section5 .dlpack:after  {content: ""; display: block; height:0; clear: both; visibility: hidden;line-height:0em; font-size:0;}
.cont_section5 .dlpack { display:inline-block;}
.cont_section5 .dlpack { display:block;}
.cont_section5 .dlpack .img { margin:0 10px 10px 0; float:left;}
.cont_section5 .dlpack .txt { margin-bottom:20px;}

.cont_section5 .figure { margin-bottom:20px;}
.cont_section5 .figure.f { margin-top:5px;}
.cont_section5 .figure img { max-width:100%;}
.cont_section5 .glStep { margin-top:5px;}
.cont_section5 .glStep dt,
.cont_section5 .glStep dd { margin-bottom:20px;}
.cont_section5 .glStep span.at { color:#F58000; text-decoration:underline;}
.cont_section5 .glStep .atTxt { margin-bottom:5px; font-size:12px;}
.cont_section5 .glStep .btnWrap { margin-bottom:15px;}
.cont_section5 .glStep.s2 dt{ margin-bottom:2px; font-weight:bold;}
.cont_section5 .glStep.s2 .txt{ margin-bottom:20px;}
.cont_section5 .note {padding:15px; background:#f6f6f6; font-size:80%; width:90%; margin:0 auto 20px; border:1px solid #eee; text-align:center; line-height:1.5}
.cont_section5 .note img{margin:0 5px 10px;}
.cont_section5 .note p:last-child{margin-bottom:0}
.cont_section5 .note img:last-child{margin-bottom:0}


/**/

/*****************************************************************************************
	lineage2
*****************************************************************************************/
.past_event{margin-top:-1px;border:solid #cecece;border-width:1px 0;}
.past_event li{width:100%;}
.past_event li a{display:block;padding:12px 24px;border-top:1px solid #e5e5e5;}
.past_event li:first-child a{border-top:none;}

.server_status{margin:24px 24px 0;}
.server_status:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .server_status {zoom:1;}
.server_status h2{margin-bottom:13px;font-size:16px;font-weight:bold;}
.server_status .tbl{table-layout:fixed;word-wrap:break-word;}
.server_status .tbl td{text-align:center;}
.server_status .thumb{float:left;width:476px;margin-right:24px;}
.server_status .thumb img{width:100%;}
.server_status .schedule{overflow:hidden;}
.server_status .schedule .tbl th{padding:9px 15px 10px;text-align:left;}
.server_status .schedule .tbl td{text-align:left;}
.server_status .schedule p.txt{margin-top:16px;color:#828282;line-height:18px;font-size:12px;}

.wrap_castle {overflow:hidden; margin:-6px 0 0; min-width:516px;}

.wrap_castle .progress {display:none; position:absolute;left:0;top:0px; z-index:10; width:475px;height:180px;background-color:#fcfaef;}
.wrap_castle .data_none {display:none; position:absolute;left:0;top:22px; z-index:10; width:312px;height:65px;padding:115px 0 0 163px;/*background:#fcfaef url('/lineage2_v2/main/info_none.gif') no-repeat 57px 20px;*/}
.wrap_castle .data_none p {display:none;}
.wrap_castle .data_none a {padding-right:7px;color:#6f2d0f;font-size:11px;/*background:#fcfaef url('/lineage2_v2/main/info.gif') no-repeat right -118px;*/}
.wrap_castle .castle_info {overflow:hidden;}
.wrap_castle .castle_info h2 {font-size:18px; line-height:1.6; font-weight:600; margin:0;}
.wrap_castle .castle_info .caption {font-size:14px; line-height:1.6; padding:8px 0 5px; float:left; font-weight:600;}
.wrap_castle .castle_info .state {float:right; padding:9px 0 0; height:26px;}
.wrap_castle .castle_info .state img {vertical-align:top; margin-left:9px;}
.wrap_castle .castle_info .tbl {margin:0 0 18px;}

.castle_map {float:left; width:468px; margin:6px 32px 0 0;position:relative; }
.castle_map .castle_location {position:relative; font-size:12px; line-height:1.83;}
.castle_map .castle_location img {vertical-align:top; width:100%; }
.castle_map .castle_location .castle_list {height:0px;}
.castle_map .castle_location .castle_list li {height:0px;}
.castle_map .castle_location .castle_list li a {position:absolute; display:block; text-decoration:none; width:104px; height:59px; z-index:2; color:#fff; font-size:11px;}
.castle_map .castle_location .castle_list li a strong {display:none;}
.castle_map .castle_location .castle_list li a span {display:block; padding:25px 5px 0; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.castle_map .castle_location .castle_list .state {background-repeat:no-repeat;}
.castle_map p {margin:6px 0 0}
.castle_map p span {display:block; font-size:13px; color:#494949; line-height:1.61; padding:0 0 0 10px; background:url(/images/bul/bul_dot_gray2.gif) no-repeat 0 10px;}
.castle_map p span strong {font-weight:normal;}

.castle_map .castle_location .castle_list .dark {color:#ccc; background-image:url(/images/lineage2/server/castle_dark_map.png);}
.castle_map .castle_location .castle_list .dark_selected {color:#ccc; background-image:url(/images/lineage2/server/castle_dark_selected_map.png);}
.castle_map .castle_location .castle_list .light {color:#844c1f; background-image:url(/images/lineage2/server/castle_light_map.png);}
.castle_map .castle_location .castle_list .light_selected {color:#844c1f; background-image:url(/images/lineage2/server/castle_light_selected_map.png);}
.castle_map .castle_location .castle_list .neutrality {color:#494949; background-image:url(/images/lineage2/server/castle_neutrality_map.png);}
.castle_map .castle_location .castle_list .neutrality_selected {color:#494949; background-image:url(/images/lineage2/server/castle_neutrality_selected_map.png);}

.castle_map .castle_location .castle_list .castle5 .state {left:312px; top:231px; background-position:-312px -231px; }
.castle_map .castle_location .castle_list .castle1 .state {left:74px; top:317px; background-position:-74px -317px; }
.castle_map .castle_location .castle_list .castle3 .state {left:279px; top:323px; background-position:-279px -323px; }
.castle_map .castle_location .castle_list .castle2 .state {left:176px; top:363px; background-position:-176px -363px; }
.castle_map .castle_location .castle_list .castle4 .state {left:181px; top:244px; background-position:-181px -244px; }
.castle_map .castle_location .castle_list .castle6 .state {left:248px; top:469px; background-position:-248px -469px; }
.castle_map .castle_location .castle_list .castle8 .state {left:140px; top:148px; background-position:-140px -148px; }
.castle_map .castle_location .castle_list .castle7 .state {left:282px; top:157px; background-position:-282px -157px; }
.castle_map .castle_location .castle_list .castle9 .state {left:209px; top:48px; background-position:-211px -48px; height:71px; }
.castle_map .castle_location .castle_list .castle9 .state span {padding-top:40px}

.server_status .game_info1{margin-bottom:30px;}
.server_status .game_info1:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .server_status .game_info1 {zoom:1;}
.server_status .game_info1 .thumb{float:left;width:200px;margin-right:13px;}
.server_status .game_info1 .thumb img{width:200px;height:200px;}
.server_status .game_info1 .table_con{overflow:hidden;}
.server_status .game_info2:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .server_status .game_info2 {zoom:1;}
.server_status .game_info2 .tbl{margin-top:12px;width:48%;}
.server_status .rank_info{margin:12px 0 24px;border:1px solid #cecece;border-radius:4px;}
.server_status .rank_info dt{overflow:hidden;border-radius:4px 4px 0 0;border-bottom:1px solid #fff;padding:11px 15px;color:#828282;font-size:12px;background:#f1f1f1 url(/images/lineage2/bg_rank.gif) repeat-x;}
.ie7 .server_status .rank_info dt{overflow:hidden;padding:10px 15px;}
.server_status .rank_info dt strong{float:left;margin-right:8px;color:#2d2d2d;font-size:14px;font-weight:bold;}
.server_status .rank_info dt em{float:left;white-space:nowrap;margin-top:2px;}
.server_status .rank_info dd{border-top:1px solid #cecece;border-radius:0 0 4px 4px;padding:11px 15px;color:#2d2d2d;font-size:12px;background-color:#fcfcfc;box-shadow:inset 0 1px 0 #ededed;}
.ie7 .server_status .rank_info dd{padding:10px 15px;}
.server_status .rank_info .rank_list{overflow:hidden;font-size:13px;}
.server_status .rank_info .rank_list li{float:left;margin-right:52px;padding-left:5px;line-height:20px;background:url(/images/lineage2/bg_dot.gif) no-repeat left 8px;}
.server_status .rank_info .rank_list li~li{margin-right:0;white-space:nowrap;}
.server_status .my_rank{margin-bottom:16px;padding:8px;border:1px solid #cecece;border-radius:4px;text-align:center;background-color:#fcfcfc;color:#828282;font-size:12px;}
.server_status .tbl a.sorting{display:inline-block;padding-right:14px;background:url(/images/lineage2/bg_sorting_down.gif) no-repeat right 5px}
.server_status .tbl a.sorting:hover{text-decoration:none;}
.server_status .tbl em.num{display:inline-block;padding-left:13px;}
.server_status .tbl em.num.up{background:url(/images/lineage2/bg_rank_up.gif) no-repeat left 4px;}
.server_status .tbl em.num.down{background:url(/images/lineage2/bg_rank_down.gif) no-repeat left 4px;}


.comic_wrapper {}
.comic_wrapper:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .comic_wrapper {zoom:1;}
.comic_snavi {float:left; text-align:center; width:162px; padding:0 0 15px;}
.comic_snavi ul {padding:3px 0 0;}
.comic_snavi li {margin:17px 14px 0; font-size:13px; line-height:18px; color:#828282; position:relative; cursor:pointer}
.comic_snavi li .thumb {border:1px solid #c5c5c5; border-radius:4px; display:block; width:130px; height:98px; margin:0 auto;}
.comic_snavi li .thumb img {vertical-align:top; border-radius:3px; width:100%; height:100%;}
.comic_snavi li .frame {position:absolute; border:2px solid #ffaa00; width:128px; height:96px; left:0; top:0; border-radius:4px; display:none;}
.comic_snavi li strong {display:block; padding:6px 0 0;}
.comic_snavi .current strong {color:#2d2d2d;}
.comic_snavi li:hover .frame,
.comic_snavi .current .frame {display:block;}
.comic_snavi .snavi_page {margin:28px 14px 0; color:#555; font-size:12px; line-height:21px; font-weight:bold; text-align:center; position:relative; word-spacing:10px;}
.comic_snavi .snavi_page a {color:#555;}
.comic_snavi .snavi_page strong {color:#32248d;}
.comic_snavi .snavi_page .prev,
.comic_snavi .snavi_page .next {position:absolute; top:0; border:1px solid #c2c2c2; border-radius:4px; width:22px; height:19px;}
.comic_snavi .snavi_page .prev {left:0; background:url(/images/common/page_btn2_prev.gif) no-repeat center center;}
.comic_snavi .snavi_page .next {right:0; background:url(/images/common/page_btn2_next.gif) no-repeat center center;}
.comic_snavi .snavi_page .prev em,
.comic_snavi .snavi_page .next em {display:block; text-indent:-5000px;}
.comic_snavi .selectbox {min-width:182px; }
.comic_snavi span.selectbox {display:none; text-align:left;}
.comic_view {margin-left:163px; text-align:center;}
.comic_view img {vertical-align:top; max-width:100%;}

.comicIndex__cover {overflow: hidden; height: 500px;}
.comicIndex__cover img {width: 100%; height: 100%; object-fit: cover;}
.comicIndex__body {padding:}
.comicIndex__epCoverList {display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px 20px; width: 1280px; margin-left: auto; margin-right: auto;}
.comicIndex__epCover {position: relative;}
.comicIndex__epCover.is-new::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 56px; height: 58px; background: url(https://static.ncsoft.jp/images/library/02_L2/comic/new.png) no-repeat; pointer-events: none;}
.comicIndex__epCover img {width: 100%;}

.comicView__cover {overflow: hidden; height: 116px;}
.comicView__cover img {width: 100%; height: 100%; object-fit: cover;}
.comicView__body {padding:}
.comicView__epList {display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 40px; gap: 1px; background: #000;}
.comicView__ep {background: #535353;}
.comicView__ep.is-current {background: #363636; pointer-events: none;}
.comicView__ep a {width: inherit; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff;}
.comicView__ep a:hover,
.comicView__ep.is-current a {color: #ffd000; text-decoration: none;}
.comicView__body .viewArea {display: flex; flex-direction: column; align-items: center;}
.comicView__body .viewArea figure {margin: 0;}
.comicView__body .viewArea figure img {width: 100%;}

.word_header{overflow:hidden;padding:24px 24px 16px;}
.word_header h2{margin-bottom:6px;color:#2d2d2d;font-size:24px;}
.word_header .thumb{float:left;width:196px;height:227px;margin:6px 20px 0 0;}
.word_header p{color:#494949;line-height:26px;font-size:15px;}
.word_intro{overflow:hidden;padding:0 24px;}
.word_intro h3{font-size:20px;color:#2d2d2d;font-weight:bold;}
.word_intro .thumb{float:right;width:196px;height:227px;margin:6px 0 0 20px;}
.word_intro p{margin-top:12px;color:#494949;font-size:13px;line-height:25px;}
.word_intro p.first{margin-top:0;}
.word_list{clear:both;padding:0 24px;}
.word_list li{margin-top:40px;}
.word_list dl dt{margin-bottom:5px;color:#2d2d2d;font-size:15px;font-weight:bold;}
.word_list dl dt img{border-radius:3px;margin:-2px 8px 0 0;vertical-align:middle;}
.word_list dl dd{overflow:hidden;color:#494949;font-size:13px;line-height:25px;}
.word_list dl dd p{margin-top:12px;}
.word_list dl dd p.first{margin-top:0;}
.word_list dl dd span.fl{margin:6px 20px 0 0;}
.word_list dl dd span.fr{margin:6px 0 0 20px;}

.update_list li{border-bottom:1px solid #e5e5e5;padding:24px;}
.update_list li:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .update_list li {zoom:1;}
.update_list .thumb{float:left;margin-right:23px;}
.update_list .thumb img{width:272px;height:160px; border-radius:4px;}
.update_list dl {overflow:hidden;}
.update_list dl dt{color:#2d2d2d;line-height:34px;font-size:20px;margin-top:-6px;font-weight:600;}
.update_list dl .datetime{margin:2px 0 7px 2px;color:#a3a3a3;font-size:15px;}
.update_list dl dd.desc{margin-bottom:10px;color:#828282;font-size:14px;line-height:22px;}
.update_list dl dd.btn_ps a{margin-left:10px;}
.update_list dl dd.btn_ps a:first-child{margin-left:0;}
.update_list.v2 li {padding-left:380px; position:relative; min-height:122px;}
.update_list.v2 li .thumb2 {position:absolute; left:24px; bottom:0;margin-top:10px;}
.update_list.v2 li .thumb2 img{width:272px;height:160px;}

.update_past li{border-bottom:1px solid #e5e5e5;padding:12px 24px 15px;}
.update_past dl dt{color:#2d2d2d;line-height:34px;font-size:20px;font-weight:600;}
.update_past dl dt .datetime{margin-left:15px;color:#a3a3a3;font-size:14px;font-weight:normal;}
.update_past dl dd.desc{color:#828282;font-size:14px;line-height:22px;}

.update_header{padding:24px 24px 0;}
.update_header h2{color:#2d2d2d;font-size:24px;}
.update_add{padding:0 24px;color:#2d2d2d;}
.update_add h3{margin-bottom:5px;line-height:28px;font-weight:bold;font-size:20px;}
.update_add p{color:#828282;font-size:12px;text-indent:0;line-height:24px;}
.update_add p.tpoint1{color:#f58000;}
.update_add .tbl{margin:6px 0 10px;}
.update_add .tbl.text-center tr > * {text-align: center;}
.update_add .thumb{display:block;margin:10px 0 10px 10px;}
.update_add .thumb img{max-width:100%;}
.update_add h3+.thumb{margin:0;}
.update_add .desc_list li{margin:0 0 20px 0;padding-left:10px;color:#828282;line-height:24px;font-size:12px;background:url(/images/lineage2/bg_dash.gif) no-repeat left 10px;}
.update_add .num_list li{margin:0px;color:#828282;font-size:12px;line-height:24px;padding-left:10px;text-indent:-10px;background:none;}
.update_add .num_list li .desc_list li{text-indent:0;background:url(/images/lineage2/bg_dash.gif) no-repeat left 10px;}
.update_add .details_list li{margin-top:20px;line-height:26px;font-size:13px;}
.update_add .details_list li:first-child{margin-top:0;}
.update_add .details_list li:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .update_add .details_list li {zoom:1;}
.update_add .details_list li span.num{float:left;width:18px;height:18px;margin:4px 8px 0 0;}
.update_add .details_list li span.num img{width:18px;height:18px;border-radius:3px;vertical-align:middle;}
.update_add .details_list li div.desc{overflow:hidden;}
.update_add .details_list li div.desc>.thumb{margin:10px 0 10px 0}
.update_add .details_list li a{color:#828282;text-decoration:underline;}
.update_add .details_list li .box{background-color:#CCC;border:1px solid #999;padding:5px;}
.update_add .details_list .desc_list li{margin:0;font-size:12px;line-height:22px;}
.update_add .details_list .num_list li {margin:0px;color:#828282;font-size:12px;line-height:24px;padding-left:10px;text-indent:-10px;background:none;}
.update_add .details_list li .num_list li .desc_list li{margin:0 0 0 -10px;padding-left:25px;text-indent:2px;background:url(/images/lineage2/bg_dash.gif) no-repeat 15px 10px;}
.update_add .details_list li .num_list li .desc_list li .num_list li{background:none;}
.update_add .details_list li .num_list li .desc_list li .num_list li .desc_list li{margin-left:0;background:url(/images/lineage2/bg_dash.gif) no-repeat 15px 10px;}
.update_add .details_list .num_list li table th,
.update_add .details_list .num_list li table td {text-indent: 0; }
.update_add .itemIconContainer {gap: 0px 10px; place-items: stretch; grid-template-columns: auto 1fr; position: relative; height: 100%; width: 100%; display: -ms-grid; display: grid; align-items: center; justify-content: flex-start;}
.update_add .itemIconContainer figure {margin: 0;}
_:-ms-input-placeholder, :root .update_add .itemIconContainer > span {margin-left: 40px;}

.update_add-2 {font-size: 13px; line-height: 1.5;}
.update_add-2 *:last-child {margin-bottom: 0;}
.update_add-2.contentBox h4::before,
.update_add-2.contentBox h4::after {display: none;}
.update_add-2 ul.kome_list {margin-top: .4em;}
.update_add-2 #part1 {margin: 1em 0 0;}
.update_add-2 p {line-height: 1.5; font-size: 13px;}
.update_add-2 p + .desc,
.update_add-2 figure + .desc {margin: 1em 0 0;}
.update_add-2 figure {margin: .3em 0 0; text-indent: 0;}
.update_add-2 figure img {max-width: 600px; max-height: 600px; width: auto; height: auto;}
.update_add-2 .desc {display: flex; flex-direction: column; align-items: flex-start; padding-left: 1.85em; font-size: 14px; line-height: 1.7;}
.update_add-2 li {line-height: 1.7;}
.update_add-2 .desc + .desc {margin-top: 1em;}
.update_add-2 .header-1 {display: flex; align-items: center; margin-left: -1.85em; line-height: 1; font-weight: bold;}
.update_add-2 .header-1 .num {margin-right: .5em;}
.update_add-2 .header-1 .num img {border-radius: 3px;}
.update_add-2 .header-1 + * {margin-top: .4em !important;}
.update_add-2 .parentheses_list {margin: .4em 0 0; padding-left: 1.5em;}
.update_add-2 .parentheses_list > li {text-indent: -1.5em; list-style-type: none; list-style-position: inside; counter-increment: cnt;}
.update_add-2 .parentheses_list > li ~ li {margin-top: .4em;}
.update_add-2 .parentheses_list > li > .kome_list {padding-left: 1em; text-indent: -1em;}
.update_add-2 .kome_list > li::before {content: "※";}
.update_add-2 .parentheses_list > li::before {display: marker; content: "(" counter(cnt) ") ";}
.update_add-2 .kome_list {margin: .4em 0 0; padding-left: 1em; text-indent: -1em;}
.update_add-2 .roundBracket > li + li {margin-top: .3em;}
.update_add-2 .desc figure + * {margin-top: 1em;}
.update_add-2 .desc .disc_list:first-child {margin-left: -1em;}
.update_add-2 .disc_list {list-style: disc; padding-left: 1em; text-indent: 0; }
.update_add-2 .desc > .disc_list > li {font-size: 13px;}
.update_add-2 .desc > * .disc_list {color: #828282;}
.update_add-2 .desc table tr > * .disc_list {margin-left: 0 !important;}
.update_add-2 .dash_list {color: #828282;}
.update_add-2 .dash_list > li {padding-left: 1em; text-indent: -1em;}
.update_add-2 .dash_list > li::before {content: "-"; margin-right: .5em;}
.update_add-2 .num_list > li > .kome_list {padding-left: 2em; text-indent: -1em;}
.update_add-2 .num_list {margin-left: 1em;}
.update_add-2 .num_list > li {padding-left: 0; list-style: decimal; text-indent: 0;}
.update_add-2 .tbl {width: auto; text-indent: 0 !important; font-size: 12px;}
.update_add-2 .tbl th {padding: 6px 10px 5px;}
.update_add-2 .tbl td {padding: 6px 10px; background: transparent;}
.update_add-2 .tableCage--scroll table {min-width: 600px;}
.update_add-2 .tableCage--scroll .tbl--simple {max-width: 1000px;}
.update_add-2 .list-kome:not(ul):not(ol) {padding-left: 1em; text-indent: -1em; color: #a98080;}
.update_add-2 .list-kome:not(ul):not(ol)::before {content: "※";}
.update_add-2 p:not(:first-child),
.update_add-2 dl:not(:first-child),
.update_add-2 ol:not(:first-child),
.update_add-2 ul:not(:first-child) {margin-top: .5rem;}
.update_add-2 ul.kome_list {padding-left: 1em; text-indent: -1em; color: #828282;}
.update_add-2 ul.kome_list li {line-height: 1.5;}
.update_add-2 ul.kome_list li::before {content: "※";}
.update_add-2 .tbl.align-top tr > * {vertical-align: top;}
.update_add-2 .itemIconContainer span {margin-top: 0;}
.update_add-2 .mb-1 {margin-top: .2rem;}
.update_add-2 .flexibleGridContainer {display: grid; align-self: normal;}
.update_add-2 [class^="flexibleGridContainer--"] {grid-template-columns: repeat(2, 1fr);}
.update_add-2 .flexibleGridContainer__item {display: flex;flex-direction: column;font-size: 12px;border: solid 1px #d9d9d9;margin-top: 0 !important;margin-right: -1px;margin-bottom: -1px;}
.update_add-2 .flexibleGridContainer__item dd {margin: 0;}
.update_add-2 .flexibleGridContainer__item > dt {display: flex;flex-direction: column;align-items: center;padding: 6px 10px 5px;gap: .25rem;background: #f5f5f6;border-top: 1px solid #fff;}
.update_add-2 .flexibleGridContainer__item > dt figure {height: 34px;margin: 0;}
.update_add-2 .flexibleGridContainer__item > dt figure + span {margin-top: 0;}
.update_add-2 .flexibleGridContainer__item > dd {background: #fff;flex: 1;margin: 0;padding: .75rem 10px;color: #828282;line-height: 16px;border-top: solid 1px #d9d9d9;}
.update_add-2 .flexibleGridContainer__item > dd * {font-size: 12px;}
.update_add-2 .flexibleGridContainer__item > dd .disc_list,
.update_add-2 .flexibleGridContainer__item > dd .disc_list:first-child {margin-left: 0.3em;}
.update_add-2 .flexibleGridContainer__item > dd .disc_list li {line-height: 16px;}
.update_add-2 .flexibleGridContainer__item > dd dl ~ dl {margin-top: .5rem;}

@media screen and (min-width: 800px) {
    .update_add-2 .flexibleGridContainer {align-self: flex-start;}
    .update_add-2 .flexibleGridContainer--5 {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (min-width: 986px) {
    .update_add-2 .flexibleGridContainer--5 {grid-template-columns: repeat(5, 1fr);}
    .update_add-2 .flexibleGridContainer--8 {grid-template-columns: repeat(4, 1fr);}
    .update_add-2 .flexibleGridContainer--4 {grid-template-columns: repeat(4, 1fr);}
}
@media screen and (min-width: 1400px) {
    .update_add-2 .flexibleGridContainer--8 {grid-template-columns: repeat(8, 1fr);}
}

/* aion > abyss */
#abyssInfo{position:relative;background:url(/images/aion/world/abyss/map/graphBg.gif); margin:25px 24px 34px; width:912px; min-height:96px;}
#abyssInfo #canvas_container{position:absolute;top:23px;left:0px;overflow:hidden}
#abyssInfo .barPercent{position:absolute;top:37px;width:50px;text-align:center;font-style:italic;color:#fff; font-weight:bold; line-height:22px; font-size:14px;}
#abyssInfo .canvasCover{position:absolute;left:0px;top:23px;}
#abyssInfo .economy{position:absolute;width:25px;font-style:italic;text-align:right; font-size:12px; line-height:14px; top:76px;}
#abyssInfo #economy1{left:134px;}
#abyssInfo #economy2{left:206px;}
#abyssInfo .tax{position:absolute;width:25px;font-style:italic;text-align:right; font-size:12px; line-height:14px; top:76px;}
#abyssInfo #tax1{left:319px;}
#abyssInfo #tax2{left:391px;}
#abyssInfo #castleList{position:absolute;top:23px;left:508px;}
#abyssInfo #castleList li{float:left;position:relative;width:62px; margin-left:1px; height:49px;}
#abyssInfo #castleList li img{position:absolute;left:20px;bottom:0; width:22px;}
#abyssInfo #castleList li p{color:#fff;text-align:center;font-size:10px;}
#abyssInfo #artifactList{position:absolute;top:23px;left:722px;}
#abyssInfo #artifactList li{float:left;position:relative;width:62px; margin-left:1px; height:49px}
#abyssInfo #artifactList li img{position:absolute;left:20px;bottom:0;  width:22px;}
#abyssInfo #artifactList li p{color:#fff;text-align:center;font-size:10px;}

#abyssContents{width:960px;color:#494949; border-bottom:1px solid #d7d7d7;}
#abyssContents:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
#abyssContents .progressArea {min-height:113px; background:#f8f8f8 url(/images/aion/world/abyss/map/mapBg.gif) repeat-y center 0; border:1px solid #e5e5e5; border-width:1px 0;}
#abyssContents .progressArea:after  {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
#abyssContents .progressArea div {float:left; width:50%; line-height:1.2; font-size:12px; background:url(/images/aion/world/abyss/map/txt_progressPlan.png) no-repeat 20px 20px;padding-bottom:15px;}
#abyssContents .progressArea div:first-child {background-image:url(/images/aion/world/abyss/map/txt_progress.png)}
#abyssContents .progressArea div p {padding:45px 0 0 20px;}

#abyssContents .progressArea img{margin:0 5px 7px 0;vertical-align:middle}

#abyssContents .mapNaviArea{float:left;width:183px;}
#abyssContents .mapNaviArea li{position:relative; background:url(/images/aion/world/abyss/map/navBorder.gif) repeat-x 0 0; cursor:pointer;font-size:0}
#abyssContents .mapNaviArea li:first-child {background:none;}
#abyssContents .mapNaviArea li div{height:169px;background:url(/images/aion/world/abyss/map/subMenuLevelTxt.png) no-repeat 24px 10px}
#abyssContents .mapNaviArea li div.selected {background-color:#000;}
#abyssContents .mapNaviArea li#levelTopNavi div{}
#abyssContents .mapNaviArea li#levelTopNavi div.selected{background-position:-276px 10px;}
#abyssContents .mapNaviArea li#levelMiddleNavi div{background-position:-576px 10px;}
#abyssContents .mapNaviArea li#levelMiddleNavi div.selected{background-position:-876px 10px;}
#abyssContents .mapNaviArea li#levelBottomNavi div{background-position:-1176px 10px;}
#abyssContents .mapNaviArea li#levelBottomNavi div.selected{background-position:-1476px 10px;}

#abyssContents .mapNaviArea li img{position:absolute;top:15px;left:22px;-moz-user-select:none;-khtml-user-select:none;user-select:none;}


#abyssContents #mapInfoArea{float:left;width:282px;height:507px;}

#abyssMapArea{position:relative;float:left;width:495px;height:507px;background:url(/images/aion/world/abyss/map/abyssBg.jpg) #040404;overflow:hidden}
#abyssMapArea .map{width:495px;height:507px;}
#abyssMapArea .map img{position:absolute;top:0;left:0}
#abyssMapArea li.mapIcon{position:absolute}
#abyssMapArea .citadel{position:absolute;cursor:pointer}
#abyssMapArea .artifact{position:absolute;cursor:pointer}
#abyssMapArea .citadel img{height:23px;width:23px;}
#abyssMapArea .artifact img{height:12px;width:12px;}
#abyssMapArea li{padding:0;list-style:none;line-height:0}


#abyssMapArea .id1011{left:232px;top:258px;}

#abyssMapArea .id1015{left:210px;top:162px;}
#abyssMapArea .id1019{left:303px;top:172px;}
#abyssMapArea .id1020{left:341px;top:215px;}
#abyssMapArea .id1012{left:347px;top:264px;}
#abyssMapArea .id1014{left:337px;top:317px;}
#abyssMapArea .id1013{left:293px;top:353px;}
#abyssMapArea .id1018{left:227px;top:372px;}
#abyssMapArea .id1016{left:130px;top:311px;}
#abyssMapArea .id1017{left:134px;top:217px;}


#abyssMapArea .id1254{left:364px;top:68px;}
#abyssMapArea .id1252{left:406px;top:78px;}
#abyssMapArea .id1253{left:384px;top:96px;}
#abyssMapArea .id1242{left:268px;top:212px;}
#abyssMapArea .id1243{left:307px;top:213px;}
#abyssMapArea .id1233{left:277px;top:310px;}
#abyssMapArea .id1232{left:250px;top:336px;}
#abyssMapArea .id1224{left:239px;top:269px;}
#abyssMapArea .id1223{left:175px;top:258px;}
#abyssMapArea .id1222{left:135px;top:273px;}

#abyssMapArea .id1251{left:373px;top:73px;}
#abyssMapArea .id1241{left:285px;top:220px;}
#abyssMapArea .id1231{left:261px;top:317px;}
#abyssMapArea .id1221{left:149px;top:253px;}
#abyssMapArea .id1211{left:81px;top:341px;}

#abyssMapArea .id1213{left:94px;top:327px;}
#abyssMapArea .id1212{left:74px;top:362px;}
#abyssMapArea .id1215{left:56px;top:375px;}
#abyssMapArea .id1214{left:103px;top:387px;}



#abyssMapArea .id1131{left:322px;top:349px;}
#abyssMapArea .id1133{left:297px;top:339px;}
#abyssMapArea .id1135{left:362px;top:362px;}

#abyssMapArea .id1132{left:356px;top:326px;}
#abyssMapArea .id1134{left:344px;top:308px;}

#abyssMapArea .id1141{left:141px;top:162px;}
#abyssMapArea .id1142{left:160px;top:160px;}
#abyssMapArea .id1143{left:129px;top:153px;}
#abyssMapArea .id1144{left:121px;top:185px;}
#abyssMapArea .id1145{left:159px;top:189px;}
#abyssMapArea .id1146{left:172px;top:160px;}

#mapInfoArea dt{float:left;width:150px}
#placeNameField{padding:21px 14px 17px;font-size:14px;font-weight:bold;color:#2b2b2b;}
#placeNameField img{vertical-align:middle;margin-right:5px;}
#mapInfoList{padding:0 14px 14px;}
#mapInfoList table {border:1px solid #d7d7d7; border-width:1px 0 0 1px; width:100%; font-size:11px; line-height:14px; }
#mapInfoList table th{border:1px solid #d7d7d7; border-width:0 1px 1px 0; width:35%; color:#767676; text-align:left; vertical-align:top; padding:4px 5px; background:#f6f6f6 /*url(/images/aion/world/map/bg_table_th.gif) repeat-x 0 0*/;}
#mapInfoList table td{border:1px solid #d7d7d7; border-width:0 1px 1px 0; width:65%; color:#2b2b2b; text-align:left; vertical-align:top; padding:4px 5px;}
#mapInfoList table td a{color:#bbb}
#mapInfoList .artifactSkill{font-size:10px; padding:5px 0 0 6px; background:url(/images/bul/bul_dot_gray2.gif) no-repeat 0 14px; line-height:22px;}
#mapInfoList .artifactSkill a{color:#32248d;}
#abyssMapArea .abyssPointer{position:absolute;top:0;left:0}



#levelBottom{display:none}
#levelMiddle{display:none}
#levelTop{display:none}

.legion_summary_wrap {background:#f8f8f8; padding:15px 529px 18px 24px; overflow:hidden;}
.legion_summary_wrap .legion_summary {float:left; width:100%;}
.legion_summary_wrap .spread {float:right; margin-right:-529px; padding:0 24px; width:481px;}
.legion_summary {padding:10px 0 0;}
.legion_summary:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.legion_summary dt .thumb {display:block;float:left; width:112px; height:112px; margin-right:20px; position:relative;}
.legion_summary dt .thumb img {vertical-align:top; border-radius:4px; width:100%; height:100%;}
.legion_summary dt .thumb .edit {position:absolute; left:0; bottom:0; width:100%; height:38px; line-height:38px; background:rgba(0,0,0,.5); border-radius:0 0 4px 4px; text-align:center; display:none;}
.legacy-ie .legion_summary dt .thumb .edit {background:url(/images/common/t_black_40.png); }
.legion_summary dt .thumb .edit,
.legion_summary dt .thumb .edit a {color:#fff;}
.legion_summary dt .thumb:hover .edit {display:block;}


.legion_summary dt em {display:block; overflow:hidden;}
.legion_summary dt em img {display:inline-block; vertical-align:middle; margin-right:6px;}
.legion_summary dt em strong {font-size:18px; line-height:25px; display:inline-block; vertical-align:middle}
.legion_summary dt em span {font-size:12px; color:#494949; padding:0px 0 0 10px ; font-weight:bold; display:inline-block; vertical-align:middle;}
.legion_summary dd {overflow:hidden}
.legion_summary .relation {font-size:12px; line-height:18px; padding:2px 0 0;}
.legion_summary .relation li {display:inline-block; padding-right:6px; background:url(/images/common/bdr_v_10.gif) no-repeat right 4px; margin-right:4px;}
.ie7 .legion_summary .relation li {display:inline;}
.legion_summary .relation li.last {padding-right:0; margin-right:0; background:none;}
.legion_summary .info {overflow:hidden;}
.legion_summary .master {padding:6px 0 0; font-size:15px; line-height:1.2; }
.legion_summary .master img {vertical-align:top; margin:1px 0 0;}
.legion_summary .date {font-size:10px; line-height:14px; color:#828282; padding:7px 0 0;}
.legion_summary .msg {overflow:hidden; margin:9px 0 0; color:#494949; font-size:12px; line-height:18px; min-height:18px; position:relative; padding:6px 0; word-break:break-all; word-wrap:break-word;}
.legion_summary .msg_edit {display:none; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; padding:0 10px 14px 0; background:#f8f8f8; }
.legion_summary .msg_edit textarea,
.legion_summary .msg_edit input[type=text] {color:#828282; font-size:12px; line-height:18px; width:100%; height:100%; overflow:auto; padding:6px 4px; border:1px solid #d2d2d2; border-radius:4px; background:#fff; resize:none;}
.ie7 .legion_summary .msg_edit textarea,
.ie7 .legion_summary .msg_edit input[type=text] {padding-top:5px; padding-bottom:4px;}
.legion_summary .msg,
.legion_summary .msg_edit textarea,
.legion_summary .msg_edit input {font-family:Meiryo,MS PGothic; }
.legion_summary_wrap .spread .box {margin:10px 0 0; background:url(/images/aion/bg_legion_spred_tit.gif) repeat-x 0 1px; overflow:hidden;}
.legion_summary_wrap .spread .tit {float:left; border:1px solid #d7d7d7; border-width:1px 0 1px 1px; padding:28px 0 0; height:43px; width:11.6%; text-align:center; font-size:12px; }
.legion_summary_wrap .spread ul {display:block; overflow:hidden; height:73px;}
.legion_summary_wrap .spread li {float:left; height:100%; text-align:center; position:relative; font-size:9px;line-height:16px;  background:#525252;}
.legion_summary_wrap .spread ul.class li {width:11.1%; }
.legion_summary_wrap .spread ul.lev li {width:14.2%; }
.legion_summary_wrap .spread ul li.last {float:none;overflow:hidden; width:auto;}
.legion_summary_wrap .spread li .caption_txt {background:url(/images/aion/bg_legion_spred_tit.gif) repeat-x 0 bottom; position:absolute; left:0; bottom:0; right:0; border:1px solid #d7d7d7; border-width:0 0 1px 1px; padding:3px 0 0;height:18px; display:block; }
.legion_summary_wrap .spread li.last .caption_txt {border-width:0 1px 1px;}
.legion_summary_wrap .spread li div {position:absolute; left:50%; right:0; bottom:22px; width:22px; margin:0 0 0 -11px; text-align:center; color:#fff; line-height:0; font-size:0;}
.legion_summary_wrap .spread li div em {display:block;color:#fff;line-height:16px; font-size:9px;}
.legion_summary_wrap .spread li img {width:22px; vertical-align:bottom; }


/*gaemguide*/
.gameGuide{padding:24px; padding-bottom:50px !important;line-height:21px;color:#2d2d2d; /*max-width:1116px;*/}
.res1 ~ #container #content.gameGuide,
.res2 ~ #container #content.gameGuide {/*max-width:1116px;*/}
.gameGuide .resize{max-width:100%}
.gameGuide img.m{margin-bottom:2px}
.gameGuide .content_header{margin:-24px -24px 24px;}
.gameGuide .tab {padding-top:0; margin:-24px -24px 24px; }
.gameGuide .guide_title {margin:-24px -24px 24px; padding:17px 24px; border-bottom:1px solid #cecece;}
.gameGuide .tab table { margin:-1px 0 0;}
.gameGuide .tab span.selectbox2 {border-width:0 0 1px;}
.gameGuide .tab.type2 {margin-top:24px;}
.gameGuide .tab.type2 table {margin-top:0;}
.gameGuide .tab.type2 span.selectbox2 {border-width:1px 0}
.gameGuide .content_header + .tab.type3 {}
.gameGuide .figure{clear:both;float:left;margin-bottom:26px}
.gameGuide .figure img{max-width:100%}
.gameGuide .figure p{max-width:100%;color:#828282;font-size:11px;line-height:15px;margin:5px 0 0 0}
.gameGuide .figure p.type2{width:272px}
.gameGuide .figure li{float:left;padding-left:24px;background:none}
.gameGuide .figure li:first-child{padding-left:0}
.gameGuide .figure+p{padding:5px 0;}
.gameGuide .figure+p.fl{padding:0;}
.gameGuide .figure+p.notice{padding-left:10px;}
.gameGuide p{clear:both;margin-bottom:32px}
.gameGuide p+table{margin-top:-24px}
.gameGuide h3{clear:both;font-size:18px;font-weight:bold;margin:0 0 5px 0}
.gameGuide h3+p+dl{margin-top:-24px}
.gameGuide ul,
.gameGuide dl,
.gameGuide fieldset{clear:both}
.gameGuide fieldset{margin-bottom:32px}
.gameGuide ul{margin-bottom:24px}
.gameGuide ul li{padding:3px 0 3px 10px;background:url(/images/common/bg_library_down.png) no-repeat 0 9px}
.gameGuide ul.nobul li{padding-left:0;background:none}
.gameGuide dl{margin-bottom:8px}
.gameGuide dl.type2{clear:none;margin:12px 0 0 350px;}
.gameGuide dl.type2 dt{background:none;}
.gameGuide dt{font-size:14px;font-weight:bold;margin:10px 0;}
.gameGuide dd{margin-bottom:24px; zoom:1;}
.gameGuide dd img {max-width:100%;}
.gameGuide dd img.icon {max-width:none; }
.gameGuide dd:after{content:"";display:block;height:0;clear:both;visibility:hidden;line-height:0em}
.ie7 .gameGuide dd{zoom:1;}
.gameGuide dd .figure,
.gameGuide dd p,
.gameGuide dd ui,
.gameGuide dd dl{margin-bottom:10px;}
.gameGuide dd dl dt{padding-left:10px;background:url(/images/common/bg_library_down.png) no-repeat 0 9px}
.gameGuide dd dl dd{margin:0 0 0 8px}
.gameGuide dd dl dd p{margin-bottom:0}
.gameGuide dd ul.faq_list li{margin-top:24px;}
.gameGuide dd ul.faq_list li:first-child{margin-top:0;}
.gameGuide dd ul.faq_list li dl dt{padding-left:0;background:none;}
.gameGuide dd ul.faq_list li dl dd{margin-left:0;}
.gameGuide dd p.notice,
.gameGuide dd ul.notice,
.gameGuide dd dl.notice{margin:0;padding:0}
.gameGuide dd p:first-child{padding-top:0}
.gameGuide dd table{margin-bottom:10px !important;margin-top:8px}
.gameGuide dd p.notice2{margin:5px 0;padding-left:10px;background:url(/images/bul/bul_notice.gif) no-repeat 0 30px;}
.gameGuide dd p+p.notice{padding-left:10px;}
.gameGuide p.notice,
.gameGuide .notice{background-color:transparent;padding:0;margin:0}
.gameGuide ul.notice li {padding:5px 0 0 10px !important;line-height:16px; background:url(/images/bul/bul_dot_gray.gif) no-repeat 0 12px !important}
.gameGuide dl.notice dt{font-size:12px !important}
.gameGuide dl.notice dd ul li{padding-left:0;background:none}
.gameGuide p.notice,
.gameGuide dl.notice dt{margin-top:3px !important;padding-left:10px !important;background:url(/images/bul/bul_notice.gif) no-repeat 0 4px !important}
.gameGuide .fl{clear:none !important;float:none !important;margin-left:608px}
.gameGuide .fl dd:after{content:normal !important}
.gameGuide .fl dd ul{clear:none}
.gameGuide *.fl.type2{margin-left:288px}
.gameGuide em.notice{display:inline-block;padding-left:10px;background:url(/images/bul/bul_notice.gif) no-repeat 0 4px;}
.gameGuide ol li{min-height:25px;padding:2px 0 0 28px;margin:0}
.gameGuide ol li.no1{background:url(/images/bul/ico_no.png) no-repeat 0 0}
.gameGuide ol li.no2{background:url(/images/bul/ico_no.png) no-repeat -930px 0}
.gameGuide ol li.no3{background:url(/images/bul/ico_no.png) no-repeat 0 -125px}
.gameGuide ol li.no4{background:url(/images/bul/ico_no.png) no-repeat -930px -125px}
.gameGuide ol li.no5{background:url(/images/bul/ico_no.png) no-repeat 0 -225px}
.gameGuide ol li.no6{background:url(/images/bul/ico_no.png) no-repeat -930px -225px}
.gameGuide ol li.no7{background:url(/images/bul/ico_no.png) no-repeat 0 -325px}
.gameGuide ol li.no8{background:url(/images/bul/ico_no.png) no-repeat -930px -325px}
.gameGuide ol li.no9{background:url(/images/bul/ico_no.png) no-repeat 0 -425px}
.gameGuide ol li.no10{background:url(/images/bul/ico_no.png) no-repeat -930px -425px}
.gameGuide ol li.no11{background:url(/images/bul/ico_no.png) no-repeat 0 -525px}
.gameGuide ol li.no12{background:url(/images/bul/ico_no.png) no-repeat -930px -525px}
.gameGuide ol li.no13{background:url(/images/bul/ico_no.png) no-repeat 0 -625px}
.gameGuide ol li.no14{background:url(/images/bul/ico_no.png) no-repeat -930px -625px}
.gameGuide ol li.no15{background:url(/images/bul/ico_no.png) no-repeat 0 -725px}
.gameGuide ol li.no16{background:url(/images/bul/ico_no.png) no-repeat -930px -725px}
.gameGuide ol li.no17{background:url(/images/bul/ico_no.png) no-repeat 0 -825px}
.gameGuide ol li.no18{background:url(/images/bul/ico_no.png) no-repeat -930px -825px}
.gameGuide ol li.no19{background:url(/images/bul/ico_no.png) no-repeat 0 -925px}
.gameGuide ol li.no20{background:url(/images/bul/ico_no.png) no-repeat -930px -925px}

.gameGuide ol li.no1_1{background:url(/images/bul/ico_no_01.png) no-repeat 0 0}
.gameGuide ol li.no2_2{background:url(/images/bul/ico_no_02.png) no-repeat 0 0}
.gameGuide ol li.no3_3{background:url(/images/bul/ico_no_03.png) no-repeat 0 0}

.gameGuide table{margin-bottom:32px}
.gameGuide table.fl{width:auto}
.gameGuide table.tbl.type2{width:592px}
.gameGuide table+p{margin-top:5px;}
.gameGuide table+p.notice{padding-left:10px;}
.gameGuide th.color1{color:#ff0000}
.gameGuide th.color2{color:#ff9c00}
.gameGuide th.color3{color:#f0e31b}
.gameGuide th.color4{color:#919191}
.gameGuide th.color5{color:#42e23a}
.gameGuide th.color6{color:#3096e4}
.gameGuide th.color7{color:#0e318a}
.gameGuide tbody th.color1,
.gameGuide tbody th.color2,
.gameGuide tbody th.color3,
.gameGuide tbody th.color4,
.gameGuide tbody th.color5,
.gameGuide tbody th.color6,
.gameGuide tbody th.color7 {background:#fff;}
.gameGuide tbody th.color4 {color:#d0d0d0}
.gameGuide td.color1{color:#fdc589}
.gameGuide td.color2{color:#438cca}
.gameGuide td.color3{color:#c4df9b}
.gameGuide td.color4{color:#3bb878}
.gameGuide td.color5{color:#f49ac2}
.gameGuide td.color6{color:#ec008c}
.gameGuide td.color7{color:#9d0a0f}
.gameGuide td.color8{color:#6ecff6}
.gameGuide td.color9{color:#fff200}
.gameGuide td.color10{color:#F05656}

.gameGuide .movArea{margin:10px 0; overflow:hidden;}
.gameGuide .movArea .movie{float:left; width:407px; padding:10px 10px;background-color:#3d3d3d;border:1px solid #787878; text-align:center;}
.gameGuide .movArea .movie img ,
.gameGuide .movArea .movie object ,
.gameGuide .movArea .movie video,
.gameGuide .movArea .movie embed {width:407px;height:335px;}
.gameGuide .movArea .movie>div {width:407px; height:335px; background:#fff; margin:0 auto;}
.gameGuide .movArea .movie em{display:block;margin-top:7px;color:#fff;font-size:13px;text-shadow:0 1px 0 rgba(0,0,0,.5); text-align:left;}
.gameGuide .movArea .thumb {clear:none; overflow:hidden; max-width:164px;}
.gameGuide .movArea .thumb  li{float:none;margin-top:12px;padding:0 0 0 16px; background:none;}
.gameGuide .movArea .thumb  li:first-child{margin-top:1px;}
.gameGuide .movArea .thumb  li>div {position:relative; }
.gameGuide .movArea .thumb  li a.frame {position:relative; display:block; border:1px solid #787878; max-width:146px;}
.gameGuide .movArea .thumb  li .arrow {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/common/t_black_40.png);}
.gameGuide .movArea .thumb  li.active,
.gameGuide .movArea .thumb  li:hover {background:url(/images/bluetears/guide/ico_arrow1.png) no-repeat 2px 36px;}
.gameGuide .movArea .thumb  li a:hover .arrow,
.gameGuide .movArea .thumb  li.active .arrow {display:none;}
.gameGuide .movArea .thumb  li img{vertical-align:top; max-width:100%;}
.gameGuide .movArea .thumb  li em {display:block; margin-top:7px; color:#2d2d2d; font-size:12px;}

/*aion > gameguide(wiki)*/
.power_news{margin: 0 24px 0 24px;padding-bottom:16px;background:url(/images/aion/guide/bg_dashed.gif) repeat-x left bottom;}
.power_news h2{font-size:24px;font-weight:bold;line-height:34px;padding:24px 0 9px;color:#2d2d2d;}
.power_news .news_list:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .power_news .news_list{zoom:1;}
.power_news .news_list .block{overflow:hidden;float:left;width:50%;margin-bottom:16px;}
.power_news .news_list .block .thumb{display:block;float:left;width:168px;height:97px;margin-right:16px;}
.power_news .news_list .block .thumb img{width:168px;height:97px;}
.power_news .news_list .block dl{overflow:hidden;margin-right:16px;}
.power_news .news_list .block dl dt{margin-bottom:5px;color:#2d2d2d;font-size:14px;font-weight:bold;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.power_news .news_list .block dl dd{color:#494949;line-height:20px;font-size:12px;}
.power_news .news_list .block.big{clear:both;float:none;width:100%;min-height:209px;margin-bottom:40px;}
.power_news .news_list .block.big .thumb{width:440px;height:209px}
.power_news .news_list .block.big .thumb img{width:440px;height:209px;}
.power_news .news_list .block.big dl dt{font-size:24px;}

.power_dungeon{margin: 0 24px;padding-bottom:16px;background:url(/images/aion/guide/bg_dashed.gif) repeat-x left bottom;}
.power_dungeon .dungeon_list:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .power_dungeon .dungeon_list{zoom:1;}
.power_dungeon h2{font-size:24px;font-weight:bold;line-height:34px;padding:24px 0 9px;color:#2d2d2d;}
.power_dungeon .dungeon_list .column{float:left;width:33.3%;margin-bottom:16px;}
.power_dungeon .dungeon_list .column .block{width:273px;}
.power_dungeon .dungeon_list .column .block .thumb{display:block;width:273px;height:139px;margin:0 0 8px 0;background-color:pink;}
.power_dungeon .dungeon_list .column .block .thumb img{width:273px;height:139px;}
.power_dungeon .dungeon_list .column .block dl dt{margin-bottom:5px;color:#2d2d2d;font-size:14px;font-weight:bold;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.power_dungeon .dungeon_list .column .block dl dd{color:#494949;line-height:20px;font-size:12px;}

.location_list{margin:32px 24px 0 10px;}
.location_list:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .location_list{zoom:1;}
.location_list .column{float:left;width:25%;margin-bottom:12px;}
.ie7 .location_list .column{width:24.9%;}
.location_list .column .block{padding-left:16px;}
.location_list .column .block a{display:block;width:100%;border:1px solid #c2c2c2;padding:15px 0;border-radius:4px;color:#575757;text-align:center;font-size:14px;background:#e6e6e6 url(/images/aion/guide/bg_btn_power01.gif) repeat-x;}
.location_list .column .block a:hover{text-decoration:none;}

.sch_box{padding:19px 24px 16px 24px;}
.sch_box .inner{padding:10px;background-color:#f5f5f5;overflow:hidden}
.sch_box fieldset:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .sch_box fieldset{zoom:1;}
.sch_box fieldset{margin-right:105px;}
.sch_box fieldset .col{float:left;width:100%;margin-right:15px;}
.sch_box input[type="text"]{width:100%;}
.sch_box a{float:left;width:51px;margin:0 -105px 0 8px;}

h2.wiki_tit{margin:0 24px 2px;color:#2d2d2d;font-size:18px;font-weight:bold;line-height:28px;}
.wiki_list{margin:0 24px 0 16px;}
.wiki_list:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .wiki_list{zoom:1;}
.wiki_list .block{display:inline-block;width:33.3%;vertical-align:top;margin:0 -4px 30px 0;}
.ie8 .wiki_list .block{width:33%;margin-right:0;}
.ie7 .wiki_list .block{display:inline;margin-right:0;}
.wiki_list .block a:hover{text-decoration:none;}
.wiki_list .block li .new{margin:-2px 0 0 0;border-radius:2px;vertical-align:middle;}
.wiki_list .block dl{margin-left:8px;}
.wiki_list .block dl dt{margin-bottom:8px;border:1px solid #c2c2c2;border-radius:4px;background:#f2f2f2 url(/images/aion/guide/bg_btn_power02.gif) repeat-x;position:relative}
.wiki_list .block dl dt a img{position:absolute; right:16px; top:0px;}
.wiki_list .block dl dt a{display:block;height:27px;padding:9px 13px 0;font-size:14px;color:#7b7b7b;text-shadow:0 1px 0 #fff;}
.wiki_list .block dl dt a:hover{text-decoration:none;}
.wiki_list .block .depth1 li{margin-bottom:3px;margin-left:34px;}
.wiki_list .block .depth1 li.line{border-top:1px dashed #d0d0d0;margin:12px 0 0 34px;padding-top:10px;}
.wiki_list .block .depth1 li.line a{padding:0 5px 0 10px;background:url(/images/aion/guide/bul_dashed01.gif) no-repeat left 6px;}
.wiki_list .block .depth1 li a{font-size:12px;line-height:22px;margin:0 0 0 5px;padding:0;background:none;}
.wiki_list .block .depth1 li a:first-child{padding:0 5px 0 10px;color:#494949;background:url(/images/aion/guide/bul_dot.gif) no-repeat left 6px;}
.wiki_list .block .depth1 .depth2{margin:6px 0 0 0;}
.wiki_list .block .depth1 .depth2 li{margin:0 0 0 4px;line-height:12px;}
.wiki_list .block .depth1 .depth2 li a{margin:0 4px 0 0;padding-left:8px;font-size:10px;background:url(/images/aion/guide/bul_dashed02.gif) no-repeat left 6px;}


/*payment*/
.payment_header{position:relative;min-height:197px;margin:0 24px -10px;border-bottom:1px solid #e5e5e5;}
.payment_header h1{padding-top:40px;font-size:36px;font-weight:bold}
.payment_header p{margin-right:60%;line-height:20px;color:#828282;font-size:14px;}
.payment_header ul{margin:5px 0 0}
.payment_header ul li{padding-left:9px;color:#828282;line-height:18px;font-size:12px;background:url(/images/bul/bul_dot_gray2.gif) no-repeat left 6px;}
.payment_header .visual{display:block;position:absolute;right:0;bottom:0;text-align:right;}
.payment_header.l2{min-height:221px;}
.payment_header.l2 p,
.payment_header.l2 ul{margin-right:40%;}
.payment_header.guildwars{min-height:222px;}
.payment_header.guildwars p,
.payment_header.guildwars ul{margin-right:40%;}
.premium_list{padding:0 24px;}
.premium_list:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .premium_list{zoom:1;}
.premium_list .column{float:left;width:33.3%;}
.premium_list .block{width:300px;height:172px;margin-top:45px;}
.premium_list .block dt{padding-bottom:15px;font-weight:bold;font-size:16px;line-height:22px;}
.premium_list .block dt em{font-weight:normal;}
.premium_list .block dd{overflow:hidden;}
.premium_list .block dd .thumb{float:left;margin-right:22px;}
.premium_list .block dd .thumb img{width:112px;height:112px;}
.premium_list .block dd .expl{overflow:hidden;}
.premium_list .block dd .expl p{min-height:48px;overflow:hidden;margin-bottom:6px;color:#828282;font-size:12px;line-height:16px;}
.premium_list .block dd .expl strong{display:block;margin-bottom:3px;color:#f58000;font-size:16px;font-weight:bold;}

.payment_info{margin:45px 0;padding:0 24px;}
.payment_info h2{margin-bottom:10px;font-weight:bold;font-size:24px;line-height:29px;}
.payment_info h2 em{color:#828282;font-weight:normal}
.payment_info p{margin-bottom:19px;color:#828282;font-size:12px;line-height:21px;}
.payment_info dl{margin-top:24px;}
.payment_info dl dt{margin-bottom:11px;font-size:14px;font-weight:bold;}
.payment_info dl dd{margin-bottom:16px;color:#828282;font-size:12px;line-height:21px;}
.payment_info .notice{margin:0 0 24px 0;}
.payment_info .figure{display:block;margin-bottom:21px;}
.payment_info .figure img{max-width:100%;border-radius:4px;border:1px solid #dbdbdb;}

.license_list{margin:-12px 0 -32px;padding:0 24px;}
.ie7 .license_list{margin:-12px 0 0;}
.license_list:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.ie7 .license_list{zoom:1;}
.license_list .column{float:left;width:100%;margin-bottom:32px;}
.license_list .column .thumb{float:left;margin-right:22px;}
.license_list .column .thumb img{width:112px;height:112px;}
.license_list .block dt{margin:0;padding-bottom:15px;font-weight:bold;font-size:16px;line-height:22px;}
.license_list .block dd{overflow:hidden;}
.license_list .block dd .expl{overflow:hidden;}
.license_list .block dd .expl p{min-height:48px;overflow:hidden;margin-bottom:6px;color:#828282;font-size:12px;line-height:16px;}
.license_list .block dd .expl strong{display:block;margin-bottom:3px;color:#f58000;font-size:16px;font-weight:bold;}
.license_list+.figure{margin:24px 0 -11px;}
.license_list.v2 .column{width:50%;}
.ie7 .license_list.v2 .column{width:49.5%;}
.license_list.v2 .down{margin-top:15px;}
.license_list.v2 .down li{color:#494949;line-height:24px;font-size:12px;}
.license_list.v2 .down li a{margin-right:3px;}
.payment_info .license_list{margin:8px 0 -8px;padding:0;}
.payment_info .license_list .column{margin-bottom:0;}
.payment_info .license_list .block{margin-top:0;}


/*  START GUIDE  */
.startGuide{padding:24px;line-height:1.7;color:#828282}
.startGuide .pageTitle{display:none}
.startGuide .tab{margin:0 -24px 24px}
.startGuide .content_header{margin:-24px -24px 0}
.startGuide p{margin-bottom:1em;}
.startGuide #movie{margin-bottom:1em;}
.startGuide dl dt{margin:2em 0 0.2em;font-weight:bold;color:#2d2d2d;font-size:120%}
.startGuide dd img{max-width:100%}
.startGuide dl dd dt{margin:1em 0 0;font-size:100%;}
.startGuide dl dd div{margin-bottom:1em}
.startGuide .cyuui{color:#c00}
.startGuide .next{margin-top:2em}
.startGuide .next + .next{margin-top:1em}
.startGuide .note {padding:15px; background:#f6f6f6; font-size:80%; width:90%; margin:0 auto; border:1px solid #eee; text-align:center; line-height:1.5}
.startGuide .note img{margin:0 5px 10px;}
.startGuide .note p:last-child{margin-bottom:0}
.startGuide .note img:last-child{margin-bottom:0}



/************************
	L1 itemSearch
************************/

.itemMarketPrice { padding-top: 0; padding-right: 24px; padding-bottom: 24px; padding-left:24px;  line-height:21px; color:#2D2D2D;}
.itemMarketPrice .content_header { margin:0 -24px 0;}
.itemMarketPrice .searchInputArea { margin:20px 0 0 0;}
.itemMarketPrice .searchInputArea:after  {content: ""; display: block; height:0; clear: both; visibility: hidden;line-height:0em; font-size:0;}
.itemMarketPrice .searchInputArea{display:inline-block;} /* clearFix */
.itemMarketPrice .searchInputArea{display:block;} /* clearFix */
.itemMarketPrice .guide_title { margin: 0 15px 20px 0; float: left;}
.itemMarketPrice .search_input { margin:0 0 20px 0; padding: 0; float: left;}

.itemMarketPrice .tab { padding-top:0; margin:0 -24px 24px; clear: both;}
.itemMarketPrice .tab table { width:100%; margin:-1px 0 0; border-collapse:collapse; table-layout:fixed;}

.itemMarketPrice .sch_simple .kwd { width: 214px;}
.itemMarketPrice .wrap_block {padding-bottom: 30px;}
.itemMarketPrice .wrap_block:after  {content: ""; display: block; height:0; clear: both; visibility: hidden;line-height:0em; font-size:0;}
.itemMarketPrice .wrap_block{display:inline-block;} /* clearFix */
.itemMarketPrice .wrap_block{display:block;} /* clearFix */

.itemMarketPrice .titSubWrap { margin: 0 -24px; padding: 0 24px 5px 24px; border-bottom: 1px solid #cecece;}
.itemMarketPrice .titSubWrap:after  {content: ""; display: block; height:0; clear: both; visibility: hidden;line-height:0em; font-size:0;}
.itemMarketPrice .titSubWrap{display:inline-block;} /* clearFix */
.itemMarketPrice .titSubWrap{display:block;} /* clearFix */
.itemMarketPrice .titSubWrap h3 { float:left; font-weight: bold;}
.itemMarketPrice .rankBox { width: 48%; min-height: 207px;}
.itemMarketPrice .rankBoxHeader { margin-bottom: 10px; padding-bottom: 4px; border-bottom: 1px solid #cecece;}
.itemMarketPrice .rankBoxHeader:after  {content: ""; display: block; height:0; clear: both; visibility: hidden;line-height:0em; font-size:0;}
.itemMarketPrice .rankBoxHeader{display:inline-block;} /* clearFix */
.itemMarketPrice .rankBoxHeader{display:block;} /* clearFix */
.itemMarketPrice .rankBoxHeader h4 { float: left; font-weight: bold; font-size: 16px;}
.itemMarketPrice .rankBoxHeader .date { padding-right: 10px; float: right;}
.itemMarketPrice .rankBoxHeader .date img { display: inline-block; width: 6px; height: 9px; vertical-align: middle; background: url(/images/bul/bul_next_prev.gif); cursor: pointer;}
.itemMarketPrice .rankBoxHeader .date #yesterday { margin-right: 5px; background-position:  0 0;}
.itemMarketPrice .rankBoxHeader .date #yesterday.on { background-position:  0 -18px;}
.itemMarketPrice .rankBoxHeader .date #tomorrow { margin-left: 5px; background-position:  0 -36px;}
.itemMarketPrice .rankBoxHeader .date #tomorrow.on { background-position:  0 -54px;}

.itemMarketPrice .rankTable { width: 100%; clear: both;}
.itemMarketPrice .rankTable td { padding: 5px; vertical-align: middle;}
.itemMarketPrice .rankTable td a { color: #000; text-decoration: none;}
.itemMarketPrice .rankTable td a:hover { text-decoration: underline;}
.itemMarketPrice .rankTable .no { text-align: center;}
.itemMarketPrice .rankTable .no .num { display: inline-block; width: 16px; height: 16px; border-radius: 2px; background: #b8c1ca; color:#fff; line-height: 15px; font-size: 10px; }
.itemMarketPrice .rankTable .rank1 .num { background: #da5b67;}
.itemMarketPrice .rankTable .rank1 .name { font-weight: bold;}
.itemMarketPrice .rankTable .name img { display: inline-block; margin-right: 10px; vertical-align: middle;}
.itemMarketPrice .rankTable .fluctuate { text-align: center;}
.itemMarketPrice .rankTable .fluctuate span { display: inline-block; padding-left: 13px;}
.itemMarketPrice .rankTable .fluctuate .up { background: url(/images/lineage2/bg_rank_up.gif) no-repeat left 5px; color: #eb1d23;}
.itemMarketPrice .rankTable .fluctuate .down { background: url(/images/lineage2/bg_rank_down.gif) no-repeat left 5px; color: #3383f0;}
.itemMarketPrice .rankTable .fluctuate .new { padding-left: 0; font-size: 10px; color: #eb1d23;}
.itemMarketPrice .rankTable .fluctuate .hold { padding-left: 0; font-weight: bold; color: #969599;}
.itemMarketPrice .rankTable .count { text-align: right;}
.itemMarketPrice .tradeList li { display: block; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%; word-break:normal;}
.itemMarketPrice .footerAt { clear: both; margin: 0 -24px; padding: 20px 24px 5px 24px; border-top: 1px solid #cecece;}

/*searchResult*/
.itemMarketPrice .resultTxt { margin-bottom: 10px;}
.itemMarketPrice .tbl td {word-break: break-all;}
.itemMarketPrice .tbl a { text-decoration: underline; color:#000;}
.itemMarketPrice .tbl .itemIcon { margin-right: 5px; vertical-align: middle;}
.itemMarketPrice .tbl .list { margin: 0 -15px;}
.itemMarketPrice .tbl .list li { padding: 5px 15px; border-bottom: 1px dotted #d9d9d9;}
.itemMarketPrice .tbl .list li:last-child { border-bottom: none;}
.itemMarketPrice .tbl .icon { display: inline-block; margin-right: 5px; padding: 0 2px; vertical-align: middle; border-radius: 2px; color: #fff; font-size: 10px;}
.itemMarketPrice .tbl .icon.sell { background: #72aacd;}
.itemMarketPrice .tbl .icon.buy { background: #e66470;}

/*itemState*/
.itemMarketPrice .tab.itemState { margin-bottom: 0; border-top:1px solid #cecece;}
.itemMarketPrice .wrap_item { margin: 20px 0; padding: 20px; background: #EFEFEF; background:linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 51%, #EFEFEF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border:1px solid #d9d9d9; border-radius: 2px;}
.itemMarketPrice .wrap_item:after {content: ""; display: block; height:0; clear: both; visibility: hidden;line-height:0em; font-size:0;}
.itemMarketPrice .wrap_item{display:inline-block;} /* clearFix */
.itemMarketPrice .wrap_item{display:block;} /* clearFix */
.itemMarketPrice .wrap_item .wrap_item_info { margin-bottom: 15px;}
.itemMarketPrice .wrap_item .wrap_item_info .itemIcon { display: inline-block; margin-right: 5px; vertical-align: middle;}
.itemMarketPrice .wrap_item .wrap_item_info .itemName { display: inline-block; margin-right: 5px; font-size: 18px; font-weight: bold;}
.itemMarketPrice .wrap_item .wrap_item_info .itemName .selectbox { font-weight: normal;}
.itemMarketPrice .wrap_item .wrap_item_info .pwLink a{ display: inline-block; margin-right: 5px; padding-left: 7px; text-decoration: underline; font-size: 12px;}
.itemMarketPrice .wrap_item .select_option_wrap { margin-bottom: 15px;}
.itemMarketPrice .wrap_item .sWrap { display: inline-block; margin-right: 15px;}
.itemMarketPrice .wrap_item .dlWrap { width: 50%; float: left;}
.itemMarketPrice .wrap_item .dlWrap dt { margin-bottom: 4px; font-weight: bold;}
.itemMarketPrice .wrap_item .dlWrap dt .iconGraph { cursor: pointer;}
.itemMarketPrice .wrap_item .dlWrap dd { margin-bottom: 2px; word-break: break-all;}
.itemMarketPrice .wrap_item .dlWrap dd .adena { font-weight: bold; font-size: 18px;}
.itemMarketPrice .categorySelect { margin-bottom: 20px;}
.itemMarketPrice .tbl.flxTbl th,.itemMarketPrice .tbl.flxTbl td { display: table-cell;}
.itemMarketPrice .tbl.flxTbl th span { display: inline-block; background: url(/images/bul/ic_sort.gif) no-repeat right 3px; cursor: pointer; padding:1px 16px 1px 0;}
.itemMarketPrice .tbl.flxTbl th span.asc { background-position: right -27px;}
.itemMarketPrice .tbl.flxTbl th span.desc { background-position: right -58px;}

/*etc*/
.itemMarketPrice .titSub { margin-bottom: 10px;}
.itemMarketPrice .storeHeader { padding-bottom: 10px;}
.itemMarketPrice .storeHeader:after {content: ""; display: block; height:0; clear: both; visibility: hidden;line-height:0em; font-size:0;}
.itemMarketPrice .storeHeader{display:inline-block;} /* clearFix */
.itemMarketPrice .storeHeader{display:block;} /* clearFix */
.itemMarketPrice .storeHeader h4 { float: left; line-height: 32px; font-weight: bold;}
.itemMarketPrice .storeHeader h4.titSub { font-weight: normal;}
.itemMarketPrice .storeHeader .btnBack { float: right;}

.itemMarketPrice .wrap_average {margin-bottom: 20px;}
.itemMarketPrice .wrap_storemap {margin-bottom: 20px;}
.itemMarketPrice .wrap_storemap .wrap_map { height: 290px; margin-bottom: 20px;}
.itemMarketPrice .wrap_storemap .wrap_map.maps { padding-left: 50.5px; background: url(/images/lineage/itemsearch/marketMap.jpg) no-repeat 0 0;}
.itemMarketPrice .wrap_storemap .wrap_map div { position: relative; width: 577px; height: 290px;}
.itemMarketPrice .wrap_storemap .wrap_map ul { position: absolute; height: 60px; margin: -26px 0 0; font-size: 11px; background: url(/images/lineage/itemsearch/storearea_bg.gif) no-repeat 0 0; overflow: hidden;}
.itemMarketPrice .wrap_storemap .wrap_map ul.area_left { width: 196px; padding-left: 27px; background-position: -210px 0;}
.itemMarketPrice .wrap_storemap .wrap_map ul.area_right { width: 216px; margin-left: -210px; padding-left: 7px; background-position: 0 0;}
.itemMarketPrice .wrap_storemap .wrap_map ul li { line-height: 16px; letter-spacing: -1px;}
.itemMarketPrice .wrap_storemap .wrap_map ul li.nickname { line-height: 23px;}
.itemMarketPrice .wrap_storemap .wrap_map ul li.item { padding-left: 10px; font-weight: bold;}
.itemMarketPrice .wrap_storemap .wrap_map ul li.adena { padding-left: 10px; font-weight: bold;}

.itemMarketPrice .wrap_info { margin-bottom: 20px;}
.itemMarketPrice .wrap_info:after {content: ""; display: block; height:0; clear: both; visibility: hidden;line-height:0em; font-size:0;}
.itemMarketPrice .wrap_info{display:inline-block;} /* clearFix */
.itemMarketPrice .wrap_info{display:block;} /* clearFix */
.itemMarketPrice .wrap_info dt { width: 150px; margin-bottom: 5px; float: left; clear: both;}
.itemMarketPrice .wrap_info dd { margin-bottom: 5px; float: left;}

/******************************
    Movie Library
******************************/
.game_library .video_list_wrapper {overflow: hidden; padding: 16px;}
.game_library .video_list {display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; margin-top: -30px;}
.game_library .video_list .list_content {position: relative; width: calc(33% - 16px); margin-top: 30px; margin-left: 8px; margin-right: 8px; cursor: pointer;}
.game_library .video_list .list_content .content_video {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.game_library .video_list .list_content img {width: 100%;}
.game_library .video_list .list_content em {display: block; margin-top: 8px;}

@media (min-width: 1151px){
    .game_library .video_list .list_content {width: calc(25% - 16px);}
}

@media (min-width: 1401px){
    .game_library .video_list .list_content {width: calc(20% - 16px);}
}

@media (min-width: 1601px){
    .game_library .video_list {width: 1280px; margin-left: auto; margin-right: auto;}
    .game_library .video_list .list_content {width: 240px;}
}

/******************************
    Lineage Origin
******************************/
.l1org .gameinfo_header {padding-bottom: 20px;}
.l1org .visualWrapper {position: relative; height: 400px; margin: 0 -24px;}
.l1org .visual {height: inherit; background: url(https://static.ncsoft.jp/images/lineageorigin/gameinfo/about/visual_bg.jpg) left top;}
.l1org .visual .char {position: absolute; top: -116px; left: 0;}
.l1org .visualWrapper .ytContainer {position: absolute; top: 50%; right: 50px; width: 370px; transform: translateY(-50%);}
.l1org .visualWrapper .ytContainer .yt {box-shadow: 0 3px 3px rgba(0,0,0,.5); border: solid 2px #ffb700; border-right-color: #ffe121; border-bottom-color: #ffe121;}
.l1org .visualWrapper .ytContainer a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: filter .3s;}
.l1org .visualWrapper .ytContainer a:hover {filter: brightness(1.3);}
.l1org .visualWrapper .ytContainer .thumb {width: 100%;}
.l1org .visualWrapper .ytContainer .btnPlay {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
    .l1org .gameinfo_header {padding-bottom: 40px;}
    .l1org .visualWrapper {height: 310px;}
    .l1org .visual .char {top: -90px; height: 400px;}
    .l1org .visualWrapper .ytContainer {width: 320px;}
}

@media screen and (max-width: 986px) {
    .l1org .gameinfo_header {padding-bottom: 90px;}
    .l1org .visualWrapper {height: auto;}
    .l1org .visual {height: 310px;}
    .l1org .visual .char {top: -90px; height: 400px;}
    .l1org .visualWrapper .ytContainer {position: static; transform: translateY(0); width: 100%; padding: 0 46px; margin-top: 26px; box-sizing: border-box;}
    .l1org .visualWrapper .yt {width: 100%;}
}

/******************************
    tinkLayer
******************************/
body .tinkLayerBase .fancybox-bg {background: rgba(0,0,0,.2)}
body .tinkLayerBase .fancybox-close-small {padding: 0; width: 32px; height: 32px; background: rgba(0,0,0,.5); color: #fff; opacity: 1; }
body .tinkLayer {padding: 20px; background: #111; width: 640px; box-shadow: 0 0 15px rgba(0,0,0,.5); }
body .tinkLayer__imgArea {text-align: center; }
body .tinkLayer__imgArea img {max-width: 100%; }
body .tinkLayer__movieArea {position: relative; height: 0; padding-top: 56.25%;}
body .tinkLayer__btnSet {display: flex; margin-top: 15px;  margin-left: -5px; margin-right: -5px;}
body .tinkLayer__btn {margin-left: 5px; margin-right: 5px; padding: .5em; border: 1px solid #999; text-align: center; width: 100%; flex-shrink: 1; color: #999; text-decoration: none; }
body .tinkLayer__btn:hover {color: #ccc; border-color: #ccc; text-decoration: none;  }
body .tinkLayer__noMoreArea {margin-top: 10px; margin-bottom: -10px; text-align: center; }
body .tinkLayer__noMore {padding: .5em 1em; color: #999; background: none; }
body .tinkLayer__noMore:hover {color: #ccc; }

@media screen and (max-width: 575.98px) {
	body .tinkLayer__btnSet {flex-wrap: wrap; }
	body .tinkLayer__btn {margin-bottom: 10px; }
	body .tinkLayer__noMoreArea {margin-top: 0; }
}