@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*** reset ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption,
footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; vertical-align:baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html, body { margin: 0; padding: 0; width: 100%; font-family: "Nanum Gothic", "NanumBarunGothic",sans-serif; font-size: 13px;}
ol, ul, li, dl{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
table {border-collapse:collapse; border-spacing: 0;}
legend,caption{visibility:hidden;overflow:hidden;height:0;font-size:0;line-height:0}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;}
textarea, input[type="image"],  input[type="text"],  input[type="submit"],  input[type="password"] {-webkit-appearance:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:"";content:none;}
a, input, button{padding:0; margin:0;}
button{border:none; cursor:pointer;}
.txt_hidden, caption{display:inline; overflow: hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; text-indent:-1000px;}

/*** skipNav ***/
#skipNav{position:relative; z-index:100;}
#skipNav a{display: block; overflow: hidden; position:absolute; top:-40px; left:0; width:150px; text-align:center;}
#skipNav a:hover, #skipNav a:active, #skipNav a:focus{top:0; padding:5px; background:#841200 none; font:bold 12px/18px dotum; color:#fff; text-align:center;}

/*** layout ***/
.bg_body{background-repeat:no-repeat; background-position:center 40px;}
#wrap{width:1100px; margin:0 auto;}
#container{overflow:hidden; width:1100px; margin-bottom:40px;}
.contents_wrap{float:left; width:801px; background-color:#fff;}
.contents{overflow:hidden; position:relative; width:720px; min-height:619px; padding:40px 39px 58px 40px; border:1px solid #f2f2f2;}
aside{float:right; width:300px; margin-left:-1px;}

/*** 서브 공통 ***/
.icon_new{overflow:hidden; width:8px; height:8px; margin-left:6px; background:url("../images/common/icon_new.gif") no-repeat 0 0; font-size:0; text-indent:-9999px;}
h4{margin-bottom:12px; padding-left:13px; background:url("../images/common/icon_h4.gif") no-repeat 0 50%; font-size:18px; font-weight:bold;}

.no_result{display:block; padding:40px 0; border-bottom:1px solid #ececec; text-align:center;}
.no_result .line{display:block; margin-top:8px; color:#888;}
.no_result .line:first-child{margin-top:0; color:#444;}
.no_result .line span{font-weight:bold; color:#1150d0;}
.no_result .line em{font-style:normal; color:#000; text-decoration:underline;}
.no_result a{display:block; width:128px; height:31px; margin:30px auto 0; background-color:#2963d7; font-weight:bold; color:#fff; text-align:center; line-height:31px;}
.bottom_tip{display:block; overflow:hidden; color:#333;}
.bottom_tip span{float:left; height:30px; line-height:30px;}
.bottom_tip a{float:right; width:132px; height:28px; border:1px solid #ccc; color:#333; text-align:center; vertical-align:middle; line-height:30px;}
.img_inspection{display:block;}
.optionTxt {color:#333 !important; font-size:13px; font-weight:bold; margin-bottom:10px !important}
/** header **/
header{position:relative; height:150px; z-index:30;}
header:after{display:block; content:""; clear:both;}
header h1{float:left; padding-top:42px; margin-right:3px;}
header h1 a{display:inline-block; width:153px; height:95px;}
header .gnb{position:absolute; top:62px; left:157px;}
header .gnb:after{display:block; content:""; clear:both;}
header .gnb li {position: relative;}
header .gnb li.one_depth{float:left;}
header .gnb li.one_depth .one_depth_title{display:block; width:140px; height:54px; padding-top:20px;}
header .gnb li.one_depth .one_depth_title span{display:block; font-size:12px; text-align:center; color:#333; } /* 181205 */
header .gnb li.one_depth .one_depth_title span.navMenu{ color:#333; font-size:20px; font-weight:900;} /* 181205 */
header .gnb li.one_depth .one_depth_title span.two_line{opacity : 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;} /*181205*/
header .gnb li.one_depth:hover .one_depth_title{background-color:#216bff;}
header .gnb li.one_depth:hover .one_depth_title span{color:#a9beff;}
header .gnb li.one_depth:hover .one_depth_title span:first-child{color:#fff;}
header .gnb li.one_depth .one_depth_title:focus{background-color:#216bff;}
header .gnb li.one_depth .one_depth_title:focus span{color:#a9beff;}
header .gnb li.one_depth .one_depth_title:focus span:first-child{color:#fff;}
header .gnb li.one_depth .one_depth_title_focus{background-color:#216bff;}
header .gnb li.one_depth .one_depth_title_focus span{color:#a9beff;}
header .gnb li.one_depth .one_depth_title_focus span:first-child{color:#fff;}
header .gnb li.one_depth ul{display:none; width:140px;}
header .gnb li.one_depth ul li{overflow:hidden; position:relative; height:39px; border-top:1px solid #333;}
header .gnb li.one_depth ul li:first-child{border-top:none;}
header .gnb li.one_depth ul li a{position:absolute; top:0; left:0; width:140px; height:39px; font-size:14px; color:#fff; text-align:center; line-height:39px; z-index:2;}
header .gnb li.one_depth ul li a:hover{font-weight:900; background-color:#f37125;}
header .gnb li.one_depth ul li span.bg_2depth{position:absolute; top:0; left:0; width:140px; height:39px; background-color:#000; opacity : 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; z-index:1;}
header .gnb li.one_depth ul li.newMenu::after { content: ''; display: none; width: 5px; height: 5px; position: relative; border-radius: 10px; background: #ffd600; top: 50%; right: -112px; transform: translateY(-50%); z-index: 10; }
header .btn_social{display: block; position: absolute; right: 1%; top: 38.5%}
header .btn_social a{display: block; margin-top:2px;};
header .btn_social a:nth-child(1){margin-top:0px;}
.img-menuEvent { content: ''; display: block; background: url(../images/common/img-menuEvent.png) no-repeat; width: 36px; height: 11px; position: absolute; left: 50%; top: 7px; transform: translateX(-50%); }
/** footer **/
/* footer{overflow:hidden; width:1100px; height:184px;; padding:0; border-top:1px solid #e5e5e5; background:url("../images/common/bg_footer_171113.gif") no-repeat 0 19px;}
footer div{float:left; width:528px; padding-top:62px;}
footer div ul{overflow:hidden; margin-bottom:14px;}
footer div ul li{float:left; padding-left:5px; margin-left:4px; background:url("../images/common/bar_footer_util.gif") no-repeat 0 50%;}
footer div ul li:first-child{padding-left:0; margin-left:0; background:none;}
footer div ul li a{font-size:11px; color:#666; letter-spacing:-1px;}
footer div ul li a:hover{text-decoration:underline;}
footer div ul li a.font_blue{font-weight:bold; color:#1d5ab8;}
footer div p{float:left; width:540px; font-size:11px; color:#888; letter-spacing:-0.5px;}
footer div p .line{display:block;}
footer div p .copyright{margin-top:6px;}
footer .footer_img{float:right; padding-top:28px;}
footer .address a{font-size:11px; color:#888;} */
.common-footer{border-top:1px solid #e5e5e5;background-color: #fff;}

/** popup **/
.movie_wrap{display:none; overflow:hidden; position:fixed; top:50%; left:50%; width:854px; height:480px; margin-top:-240px; margin-left:-427px; z-index:33;}
.movie_wrap .you_tube{overflow:hidden; position:relative; margin:-1px auto 0; height:416px;}
.movie_wrap .you_tube iframe, .you_tube object, .you_tube embed{ position:absolute; top:0; left:0; width:100%; height:100%;}
.movie_wrap .close_popup{height:57px; text-align:right;}

/* popup_game_download */
.popup_game_download {position: absolute; top:50%; left:50%; width:500px; height:350px; margin-top:-175px; margin-left:-250px; z-index:51;}
.popup_game_download .download_conts{overflow:hidden; position:relative; width:100%; height:324px; background-color:#fff}
.popup_game_download .download_conts h1{position:relative;width:100%; height:68px; display: block; background-color: #4784f6; color:#fff; font-size:19px; font-weight: normal; text-align: center; line-height: 68px;}
.popup_game_download .download_conts h1:after {top: 100%;left: 50%; border: solid transparent; content: ""; height: 0;	width: 0; position: absolute; pointer-events: none; border-color: rgba(71, 132, 246, 0);border-top-color: #4784f6;border-width: 15px;margin-left: -15px;}
.popup_game_download .download_conts div{padding:40px 20px 0 20px; text-align: center; font-size: 14px;}
.popup_game_download .download_conts div a{display: inline-block; margin:0 auto; width:180px; padding:8px 0; box-sizing: border-box; color:#fff; margin-top:10px;border-radius: 5px;; }
.popup_game_download .download_conts div .btn_download{background-color:#6a8dce; border:1px solid #5d76a5}
.popup_game_download .download_conts div .btn_customer{background-color:#b4b4b4; border:1px solid #989898}
.popup_game_download .chkArea {position: absolute; width:100%; bottom:0}
.popup_game_download .chkArea .input_chk{float:left;display:block; text-align: left; letter-spacing: -0.5px; font-size: 13px; color:#fff; margin-right:40px; box-sizing: border-box;}
.popup_game_download .chkArea .input_chk input[type="checkbox"]{display: none; }
.popup_game_download .chkArea .input_chk input[type="checkbox"] + label{cursor:pointer;}
.popup_game_download .chkArea .input_chk input[type="checkbox"] + label span{display:inline-block; width:18px; height:18px; margin:-4px 3px 0 0; vertical-align:middle; background:url('../images/common/btn_chkbox_off.png') left top no-repeat;	}
.popup_game_download .chkArea .input_chk input[type=checkbox]:checked + label span {background-image:url('../images/common/btn_chkbox_on.png');}
.popup_game_download .chkArea .btn_close{float: right;}


/** blind **/
.blind{display:none; position:absolute; top:0; left:0; width:100%; height:4332px; background-color:black; opacity : 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; z-index:31;}

/** contents_wrap **/

/* sub_banner */
.sub_banner{overflow:hidden; position:relative; width:100%; height:180px;}
.flex-control-nav{position:absolute; bottom:10px; right:30px;}
.flex-control-nav li{float:left; margin-left:3px;}
.flex-control-nav li a{display:inline-block; width:13px; height:13px; border:1px solid #00499f; background-color:#013f95; font-size:8px; color:#fff; text-align:center; line-height:13px;}
.flex-control-nav li a.flex-active{border:1px solid #ffb400; background-color:#f7a900;}
.flex-pauseplay{position:absolute; bottom:10px; right:10px; height:15px;}
.flex-pauseplay .flex-pause{display:inline-block; overflow:hidden; width:15px; height:15px; background:url("../images/common/btn_sub_banner_stop.gif") no-repeat 0 0; font-size:0; text-indent:-9999px;}
.flex-pauseplay .flex-play{display:inline-block; overflow:hidden; width:15px; height:15px; background:url("../images/common/btn_sub_banner_play.gif") no-repeat 0 0; font-size:0; text-indent:-9999px;}
.flex-direction-nav{display:none;}

/* sub_title */
.sub_title{margin-bottom:30px;}
.sub_title h2{margin-bottom:23px;  font-size:22px; font-weight:bold; color:#333; letter-spacing:-1px; text-align:center;}
.sub_title h2 span{display:inline-block; margin-left:7px; font-size:14px; font-weight:normal;}
.sub_title div{overflow:hidden;}
.sub_title div h3{float:left; font-size:20px; font-weight:bold; color:#104FD0;}
.sub_title div .route{overflow:hidden; float:right; padding-top:7px;}
.sub_title div .route li{float:left;}
.sub_title div .route li a{color:#666;}
.sub_title div .route li a:after{display:inline-block; padding:0 10px; content:">"; color:#666;}
.sub_title div .route li span{font-weight:bold;}

/* tab_menu */
.tab_menu{overflow:hidden; margin-bottom:30px;}
.tab_menu li{float:left; position:relative; margin-left:-1px; z-index:1;}
.tab_menu li:first-child{margin-left:0;}
.tab_menu li a{display:block; width:143px; height:44px; border:1px solid #ddddde; background-color:#f8f8f8; font-size:14px; color:#333; text-align:center; line-height:44px;}
.tab_menu li:first-child a{width:142px;}
.tab_menu li.on{z-index:2;}
.tab_menu li.on a{border:1px solid #1150d0; background-color:#eaf1ff; font-weight:bold; color:#1150d0;}
/* .contents.community .sub_title .tab_menu li a{width:179px;}
.contents.community .sub_title .tab_menu li:first-child a{width:178px;} */
.contents.download .sub_title .tab_menu li a{width:359px;}
.contents.download .sub_title .tab_menu li:first-child a{width:358px;}
.contents.shop .sub_title .tab_menu li a{width:239px;}
.contents.shop .sub_title .tab_menu li:first-child a{width:238px;}
.contents.customer .sub_title .tab_menu li a{width:143px;}
.contents.customer .sub_title .tab_menu li:first-child a{width:142px;}

.tab_menu2{overflow:hidden; width:100%; margin-bottom:30px; background:url("../images/common/bg_tab_menu2.gif") repeat-x 0 100%;}
.tab_menu2 li{float:left; position:relative; margin-left:-1px; z-index:1;}
.tab_menu2 li:first-child{margin-left:0;}
.tab_menu2 li a{display:block; width:142px; height:44px; border-top:1px solid #ddddde; border-right:1px solid #ddddde; border-bottom:1px solid #1150d0; border-left:1px solid #ddddde; background-color:#f8f8f8; font-size:14px; color:#333; text-align:center; line-height:44px;}
.tab_menu2 li.on{z-index:2;}
.tab_menu2 li.on a{border-top:1px solid #1150d0; border-right:1px solid #1150d0; border-bottom:1px solid #fff; border-left:1px solid #1150d0; background-color:#fff; font-weight:bold; color:#1150d0;}
.tab_menu2.operation_guide_tab li a{width:119px;}
.tab_menu2.operation_guide_tab li:first-child a{width:118px;}
.tab_menu2.fee_payment_tab li.list1 a{width:94px;}
.tab_menu2.fee_payment_tab li.list2 a{width:52px;}
.tab_menu2.fee_payment_tab li.list3 a{width:38px;}
.tab_menu2.fee_payment_tab li.list4 a{width:106px;}
.tab_menu2.fee_payment_tab li.list5 a{width:72px;}
.tab_menu2.fee_payment_tab li.list6 a{width:72px;}
.tab_menu2.fee_payment_tab li.list7 a{width:72px;}
.tab_menu2.fee_payment_tab li.list8 a{width:51px;}
.tab_menu2.fee_payment_tab li.list9 a{width:76px;}
.tab_menu2.fee_payment_tab li.list10 a{width:76px;}

.tab_menu3{overflow:hidden; width:100%;}
.tab_menu3 li{float:left; position:relative; margin-left:-1px; z-index:1;}
.tab_menu3 li:first-child{margin-left:0;}
.tab_menu3 li a{display:block; width:102px; height:44px; border:1px solid #ddddde; background-color:#f8f8f8; font-size:14px; color:#333; text-align:center; line-height:44px;}
.tab_menu3 li:first-child a{width:100px;}
.tab_menu3 li.on{z-index:2;}
.tab_menu3 li.on a{border-top:1px solid #1150d0; border-right:1px solid #ddddde; border-bottom:1px solid #fff; border-left:1px solid #ddddde; background-color:#fff; font-weight:bold; color:#1150d0;}
.runemidgarts .tab_menu3 li a{width:89px;}
.runemidgarts .tab_menu3 li:first-child a{width:88px;}
.runemidgarts .tab_menu3.skill_tab li a{width:102px;}
.runemidgarts .tab_menu3.skill_tab li:first-child a{width:100px;}
.guide_character .tab_menu3{margin-bottom:30px;}
.guide_character .tab_menu3 li a{width:79px;}
.guide_character .tab_menu3 li:first-child a{width:78px;}
.guide_character .tab_menu3 li a{width:79px;}
.guide_character .tab_menu3 li:first-child a{width:78px;}
.interface .tab_menu3{margin-bottom:28px;}
.interface .tab_menu3 li a{width:179px;}
.interface .tab_menu3 li:first-child a{width:178px;}
.game_play .tab_menu3{margin-bottom:28px;}
.game_play .tab_menu3 li a{width:358px;}
.game_play .tab_menu3 li:first-child a{width:358px;}
.system .tab_menu3{margin-bottom:28px;}
.system .tab_menu3 li a{width:143px;}
.system .tab_menu3 li:first-child a{width:142px;}
.wedding .tab_menu3{margin-bottom:28px;}
.wedding .tab_menu3 li a{width:358px;}
.wedding .tab_menu3 li:first-child a{width:358px;}

.tab_menu4{overflow:hidden; width:100%; background:url("../images/common/bg_tab_menu4.gif") repeat-x 0 100%;}
.tab_menu4 li{float:left; margin-left:22px;}
.tab_menu4 li:first-child{margin-left:0;}
.tab_menu4 li a{display:block; width:57px; height:42px; font-size:13px; color:#333; text-align:center; line-height:42px;}
.tab_menu4 li a.big{width:76px;}
.tab_menu4 li.on{z-index:2;}
.tab_menu4 li.on a{background:url("../images/common/bg_tab_menu4_list.gif") repeat-x 0 100%; font-weight:bold;}

/* table */
.table_style1{margin-bottom:35px; table-layout:fixed; word-break:break-all;}
.table_style1 .tr_notice{background-color:#fff9e9;}
.table_style1 .tr_notice td{font-weight:bold;}
.table_style1 .tr_notice td .comment_num{font-weight:normal;}
.table_style1 th{height:45px; font-weight:bold; color:#333; background-color:#f1f1f1; line-height:45px;}
.table_style1 td{height:44px; border-bottom:1px solid #ececec; color:#444; text-align:center; vertical-align:middle;}
.table_style1 td.title{padding-left:20px; text-align:left;}
.table_style1 td.title a{display:inline-block; color:#444;}
.table_style1 td.title a span{display:inline-block; overflow:hidden; max-width:400px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.table_style1 td.title .comment_num{display:inline-block; margin-left:5px; font-size:12px; color:#4b84d1; vertical-align:middle;}
.table_style1 td.date{color:#888;}

.table_style2{margin-bottom:35px; table-layout:fixed; word-break:break-all;}
.table_style2 th{height:45px; background-color:#f1f1f1; font-size:14px; font-weight:bold; color:#333; vertical-align:middle;} 
.table_style2 td{height:89px; border:1px solid #ddd; border-width:0 0 1px 1px; text-align:center; vertical-align:middle;}
.table_style2 td:first-child{border-width:0 0 1px 0;}
.table_style2 td.content{text-align:left; padding-left:18px;}
.table_style2 td.content img{display:inline-block; width:80px; height:80px; margin-right:10px; vertical-align:middle;}
.table_style2 td.content span{display:inline-block; overflow:hidden; max-width:330px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.table_style2 td.content2{overflow:hidden; max-width:220px; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.table_style2 td.content3{overflow:hidden; max-width:310px; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.table_style2 td.content4{overflow:hidden; max-width:170px; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.table_style2 td.content5{overflow:hidden; max-width:390px; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.table_style2 td.content6{overflow:hidden; max-width:280px; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.table_style2 td a{color:#444;}
.table_style2 td.item{padding:0 5px;}
.table_style2 td.id{padding:0 5px;}
.table_style2 td.id > span{display:block;}
.table_style2 td > ul{width:100%;}
.table_style2 td > ul > li{border-top:1px solid #ddd;}
.table_style2 td > ul > li:first-child{border-top:0;}
.table_style2 td > ul > li dl{overflow:hidden;}
.table_style2 td > ul > li dl dt{display:table-cell; width:101px; padding:12px 0; border-right:1px solid #ddd; background-color:#f5f5f5; font-weight:bold; color:#333; vertical-align:middle; }
.table_style2 td > ul > li dl dd{display:table-cell; width:422px; padding:12px 10px; color:#666; text-align:left; line-height:16px;}
.table_style2 tr.no_contents td{height:60px; text-align:center; }
.table_style2 tr.no_contents td span{display:block;}
.table_style2 tr.no_contents td span:first-child{margin-bottom:5px;}

.table_style3{margin-bottom:30px; border-bottom:1px solid #ddd; table-layout:fixed; word-break:break-all;}
.table_style3 tr{border-top:1px solid #eee;}
.table_style3 tr:first-child{border-top:1px solid #ddd;}
.table_style3 th{padding:11px 0 0 35px; background:#f7f7f7 none; font-weight:bold; color:#333; text-align:left; vertical-align:top; line-height:14px;}
.table_style3 th.required{background:#f7f7f7 url("../images/customer/icon_required.png") no-repeat 18px 14px;}
.table_style3 td{padding:5px 10px;}
.table_style3 td select{display:inline-block; width:150px; height:27px; border:1px solid #ccc; vertical-align:middle;}
.table_style3 td select.small{width:134px;}
.table_style3 td select.small.email{margin-left:6px;}
.table_style3 td textarea{width:560px; height:162px; padding:10px; border:1px solid #ccc; resize:none;}
.table_style3 td input[type="text"]{display:inline-block; width:211px; height:25px; padding:0 10px; border:1px solid #ccc; vertical-align:middle; line-height:25px;}
.table_style3 td input[type="text"].small{width:112px;}
.table_style3 td input[type="text"].long{width:560px;}
.table_style3 td span.bar{display:inline-block; width:20px; text-align:center; vertical-align:middle;}
.table_style3 td span.login_text{display:inline-block; height:27px; line-height:27px;}
.table_style3 td a.btn_email{display:inline-block; width:38px; height:25px; margin-left:11px; border:1px solid #ff3300; background-color:#f2f2f2; color:#ff3300; text-align:center; line-height:25px;}
.table_style3 td .line{display:block; margin-bottom:5px;}
.table_style3 td .line span{display:inline-block; color:#aaa; vertical-align:middle;}
.table_style3 td .line a{display:inline-block; width:100px; height:25px; border:1px solid #ddddde; background-color:#f2f2f2; color:#333; text-align:center; line-height:25px;}
.table_style3 td.file .btn_file{display:block; width:100px; height:25px; margin-bottom:5px; border:1px solid #ddddde; background-color:#f2f2f2; color:#333; text-align:center; line-height:25px;}
.table_style3 td.file ul{display:block; width:560px; padding:5px 10px; margin-bottom:5px; border:1px solid #ddddde;}
.table_style3 td.file ul li{overflow:hidden; padding:5px 0;}
.table_style3 td.file ul li.no_file{padding-left:17px; background:url("../images/customer/icon_file.gif") no-repeat 0 50%; color:#666;}
.table_style3 td.file ul li span{float:left; color:#666;}
.table_style3 td.file ul li a{overflow:hidden; float:right; width:7px; height:7px; margin-top:3px; background:url("../images/customer/btn_file_close.gif") no-repeat 0 0; font-size:0; text-indent:-9999px;}
.table_style3 td.file input[type="file"]{overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; text-indent:-9999px;}
.table_style3 td.file span{display:block; color:#aaa;}

.table_style4{margin-bottom:43px; border-bottom:1px solid #ddd; table-layout:fixed; word-break:break-all;}
.table_style4 th{padding:12px 0; border-top:1px solid #ddd; border-right:1px solid #ddd; background-color:#f5f5f5; font-size:14px; font-weight:bold; color:#333; vertical-align:middle;}
.table_style4 td{padding:12px 10px; border-top:1px solid #ddd; font-size:13px; color:#666; line-height:18px;}
.table_style4 td a{display:inline-block; width:135px; color:#2c80d6; text-decoration:underline;}
.table_style5{margin-bottom:43px; border-bottom:1px solid #ddd; table-layout:fixed; word-break:break-all;}
.table_style5 th{padding:12px 0; border-top:1px solid #ddd; background-color:#f5f5f5; font-size:14px; font-weight:bold; color:#333; vertical-align:middle;}
.table_style5 td{padding:12px 10px; border-top:1px solid #ddd; font-size:13px; color:#666; line-height:18px;}
.table_style5 td a{display:inline-block; width:135px; color:#2c80d6; text-decoration:underline;}

/* search */
.search_wrap{overflow:hidden; width:427px; margin:0 auto;}
.search_wrap span{float:left; height:30px; margin-right:13px; font-weight:bold; color:#666; line-height:30px;}
.search_wrap select{float:left; width:92px; height:30px; margin-right:7px; border:1px solid #ddddde; background-color:#f5f5f5; color:#666;}
.search_wrap input{float:left; width:239px; height:28px; margin-right:7px; padding:0 10px; border:1px solid #ddddde; background-color:#f5f5f5; color:#666; line-height:28px;}
.search_wrap button{float:left; width:60px; height:30px; background-color:#2963d7; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:30px;}
.shop .search_wrap{width:688px; height:36px; margin-bottom:20px; padding:22px 16px; background-color:#f5f5f5;}
.shop .search_wrap img{float:left; margin-right:13px;}
.shop .search_wrap select{width:92px; height:36px; margin-right:10px; background-color:#fff;}
.shop .search_wrap input{width:372px; height:34px; margin-right:15px; background-color:#fff; line-height:34px;}
.shop .search_wrap button{width:76px; height:36px; line-height:36px;}
.customer .search_wrap{width:658px; height:36px; margin-bottom:20px; padding:22px 16px 22px 46px; background-color:#f5f5f5;}
.customer .search_wrap .title{width:52px; height:36px; line-height:36px;}
.customer .search_wrap select{width:92px; height:36px; margin-right:10px; background-color:#fff;}
.customer .search_wrap input{width:372px; height:34px; margin-right:15px; background-color:#fff; line-height:34px;}
.customer .search_wrap button{width:76px; height:36px; line-height:36px;}
.runemidgarts .search_wrap{width:658px; height:57px; margin-bottom:20px; padding:22px 16px 22px 46px; background-color:#f5f5f5;}
.runemidgarts .search_wrap div{overflow:hidden; margin-bottom:8px;}
.runemidgarts .search_wrap .title{width:58px; height:36px; line-height:36px;}
.runemidgarts .search_wrap select{width:92px; height:36px; margin-right:10px; background-color:#fff;}
.runemidgarts .search_wrap input{width:474px; height:34px; margin-right:15px; background-color:#fff; line-height:34px;}
.runemidgarts .search_wrap button{width:76px; height:36px; line-height:36px;}
.runemidgarts .search_wrap p{height:16px; margin-left:72px; padding-left:50px; background:url("../images/common/icon_keyword.gif") no-repeat 0 0; color:#888; line-height:16px;}
.runemidgarts .search_wrap p a{color:#888;}
.runemidgarts_list .search_wrap{width:624px; height:36px; margin-bottom:30px; padding:22px 16px 22px 46px; background-color:#f5f5f5;}
.runemidgarts_list .search_wrap select{width:459px;}
.runemidgarts_list .search_wrap div{overflow:hidden; margin-bottom:0;}

/** aside **/
/* btn_start */
.btn_start{position:relative; display:block; width:300px; height:180px; cursor:pointer}
.btn_start img{position:absolute; left:0; top:0; z-index:5}
.btn_start a{display:block; overflow:hidden; font-size:0; text-indent:-9999px;}
.btn_start .game_download{display:block; width:94px; height:15px; margin-left:104px; position:absolute; left:0; bottom:30px; z-index:20}

/* login_wrap */
.login_wrap{height:192px; padding:26px 22px 0 22px; border:1px solid #f2f2f2; background-color:#fff;}
.login_wrap .btn_info{display:block; margin-bottom:24px;text-align: center;}
/* .login_wrap .btn_info a{padding-left:5px; margin-left:5px; color:#888; background:url("../images/common/bar_info.gif") no-repeat 0 50%;}
.login_wrap .btn_info a:hover{text-decoration:underline}
.login_wrap .btn_info a:first-child{padding-left:0; margin-left:0; background:none;} */
.login_wrap .btn_info a{padding-left:5px; margin-left:5px; color:#888;}
.login_wrap .btn_info a:before{content: '· ';}
.login_wrap .btn_info a:hover{text-decoration:underline}
.login_wrap .btn_info a:first-child{padding-left:0; margin-left:0; background:none;}

.login_wrap .login{display:none;}
.login_wrap .login .keyboard_security{display:block; margin-bottom:12px;}
.login_wrap .login .keyboard_security a{font-size:12px; font-weight:bold; color:#274da5; letter-spacing:-1px;}
.login_wrap .login .keyboard_security a:first-child{font-weight:normal; color:#888;}
.login_wrap .login div{overflow:hidden; margin-bottom:14px;}
.login_wrap .login div ul{float:left;}
.login_wrap .login div ul li{border:1px solid #ddddde; border-width:1px 0 1px 1px;}
.login_wrap .login div ul li.last{margin-top:-1px;}
.login_wrap .login div ul li input{display:inline-block; width:147px; height:30px; padding:0 8px; border:0; line-height:30px; color:#b1b0b0;}
.login_wrap .login div button{float:left; width:90px; height:63px; border:none; cursor:pointer;}
.login_wrap .logout{display:block;}
.login_wrap .logout .character{display:block; margin-bottom:12px;}
.login_wrap .logout .character span{display:inline-block; margin-right:10px; font-size:12px; font-weight:bold; color:#274da5; vertical-align:middle;
    width: 187px; max-width: 187px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;
}
.login_wrap .logout .character a{display:inline-block; font-size:12px; color:#888; text-decoration:underline; vertical-align:middle;}
.login_wrap .logout ul{width:241px; height:57px; margin-bottom:13px; padding:11px 0 0 13px; background-color:#e3e3e3;}
.login_wrap .logout ul li{height:14px;}
.login_wrap .logout ul li.no_set{margin-bottom:6px; font-size:11px; color:#666;}
.login_wrap .logout ul li.set{margin-bottom:6px; font-size:11px; color:#666;}
.login_wrap .logout ul li.cash{margin-bottom:4px; padding-left:5px; background:url("../images/main/bul_gray.gif") no-repeat 0 50%;}
.login_wrap .logout ul li.cash span{display:inline-block; height:14px; vertical-align:top;}
.login_wrap .logout ul li.cash .title{width:60px; font-size:11px; font-weight:bold; color:#666;}
.login_wrap .logout ul li.cash .num{width:132px; font-size:11px; color:#274da5;}
.login_wrap .logout ul li.cash a{display:inline-block; width:30px; height:14px; background-color:#216bff; font-size:10px; color:#fff; text-align:center; line-height:14px; vertical-align:top;}
.login_wrap .btn_setup a{display:inline-block; width:138px; height:33px; background-color:#e3e3e3; font-weight:bold; color:#666; text-align:center; line-height:33px;}
.login_wrap .btn_setup a:first-child{width:115px; margin-right:1px;}
.login_wrap .btn_setup a:hover{color:#fff; background-color:#f17b33}

.login_wrap .login .login_btn{
    margin-top: 8px;
    display: block;
    margin-bottom:12px;
}
/* ro1_shop */
.ro1_shop{position:relative; width:244px; height:213px; padding:23px 27px; border:1px solid #f2f2f2; border-width:0 1px 1px 1px; background-color:#fff;}
.ro1_shop h2{margin-bottom:20px;}
.ro1_shop ul li{overflow:hidden; margin-bottom:13px;}
.ro1_shop ul li .icon_shop{float:left; width:32.5px; height:50px; margin-right:15px;}
.ro1_shop ul li .item_info{float:left; padding-top:7px;}
.ro1_shop ul li .item_info span{font-weight:bold; color:#444;}
.ro1_shop ul li .item_info:hover .item_title{text-decoration:underline;}
.ro1_shop ul li .item_info span.price{display:block; padding-top:2px; color:#0065d8; font-weight:normal;}
.ro1_shop ul li .item_info span.price span{color:#0065d8;}
.ro1_shop .more{position:absolute; top:25px; right:21px;}

/* popular_item */
.popular_item{overflow:hidden; position:relative; width:244px; height:auto; padding:23px 27px 10px; border:1px solid #f2f2f2; border-width:0 1px 1px 1px; background-color:#fff;}
.popular_item h2{margin-bottom:18px;}
.popular_item .btn_type li{width:47px; height:21px; margin-bottom:5px;}
.popular_item .btn_type li a{display:block; width:43px; height:21px; background-color:#e3e3e3; font-size:12px; font-weight:bold; color:#888; text-align:center; line-height:21px;}
.popular_item .btn_type li.on{background:url("../images/common/bg_popular_item.gif") no-repeat 100% 50%;}
.popular_item .btn_type li.on a{background-color:#2963d7; color:#fff;}
.popular_item .popular_list{position:absolute; top:65px; left:96px;}
.popular_item .popular_list li{overflow:hidden; padding-left:12px; margin-bottom:7px; background:url("../images/common/bg_popular_item_list2.gif") no-repeat 0 2px;}
.popular_item .popular_list li a span{display:inline-block; color:#333; vertical-align:top;}
.popular_item .popular_list li a:hover span{text-decoration:underline;}
.popular_item .popular_list li a span.font_12{font-size:12px;}
.popular_item .popular_list li .ranking{float:right; padding-left:10px; background-repeat:no-repeat; background-position:0 3px;}
.popular_item .popular_list li .ranking.up{background-image:url("../images/common/bg_ranking_up.gif");}
.popular_item .popular_list li .ranking.down{background-image:url("../images/common/bg_ranking_down.gif");}
.popular_item .popular_list li .ranking.no{background-image:url("../images/common/bg_ranking_no.gif");}
.popular_item .popular_list li.last{margin-bottom:0; background:url("../images/common/bg_popular_item_list3.gif") no-repeat 0 2px;}
.popular_item .popular_list li:first-child{padding-left:28px; background:url("../images/common/bg_popular_item_list1.gif") no-repeat 0 0; font-weight:bold;}
.popular_item .popular_list li:first-child a img{display:inline-block; width:32.5px; height:50px; margin-right:5px; vertical-align:top;}
.popular_item .popular_list li:first-child a span{padding-top:3px;}
.popular_item .popular_list.armor{display:none;}
.popular_item .popular_list.consumability{display:none;}
.popular_item .popular_list.etc{display:none;}
.popular_item .more{position:absolute; top:25px; right:21px;}

/* global_ragnarok */
.global_ragnarok{width:271px; height:55px; padding:8px 0 0 27px; border:1px solid #f2f2f2; border-width:0 1px 1px 1px; background-color:#f6f6f6;}
.global_ragnarok h2{font-size:12px; margin-bottom:8px; letter-spacing:0;}
.global_ragnarok div select{display:inline-block; width:167px; height:20px; margin-right:12px; border:1px solid #e0e0e0; vertical-align:middle;}
.global_ragnarok div button{display:inline-block; width:44px; height:18px; border:1px solid #8497b2; background-color:#8da3c3; font-size:11px; color:#fff; line-height:20px; text-align:center; letter-spacing:-1px; vertical-align:middle;}

/** board **/

/* board_list */
.contents .board_list ul{margin-bottom:35px;}
.contents .board_list ul li{overflow:hidden; position:relative; padding:14px 0; border-bottom:1px solid #f2f2f2;}
.contents .board_list ul li:first-child{overflow:hidden; padding:0 0 14px;}
.contents .board_list ul li .big_img{float:left; position:relative; width:240px; height:100px; margin-right:20px; z-index:1;}
.contents .board_list ul li .list_info{float:left; padding-top:13px;}
.contents .board_list ul li .list_info a{display:block; margin-bottom:8px; font-size:14px; font-weight:bold; color:#444;}
.contents .board_list ul li .list_info a span{display:inline-block; overflow:hidden; max-width:431px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.contents .board_list ul li .list_info .list_contents{display:block; overflow:hidden; max-width:431px; margin-bottom:18px; text-overflow:ellipsis; white-space:nowrap; color:#888;}
.contents .board_list ul li .event_blind{position:absolute; top:14px; left:0; width:240px; height:100px; background-color:black; opacity : 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; z-index:2;}
.contents .board_list ul li:first-child .event_blind{position:absolute; top:0; left:0; width:240px; height:100px; background-color:black; opacity : 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; z-index:2;}
.contents .board_list.multimedia ul li .list_info a span{max-width:485px;}
.contents .board_list.multimedia ul li .list_info .list_contents{max-width:485px;}
.contents .board_list ul li .list_info .list_date{display:block; color:#888;}
.contents .btn_writer{position:absolute; bottom:130px; right:40px; width:60px; height:30px; background-color:#2963d7; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:30px; z-index:3;}

/* board_view */
.contents .board_view ul{margin-bottom:37px;}
.contents .board_view ul li.title{width:705px; height:45px; padding-left:14px; background-color:#f1f1f1; line-height:45px; font-size:14px; font-weight:bold; color:#333;}
.contents .board_view ul li.title span.icon{margin-right:11px;}
.contents .board_view ul li.view_info{overflow:hidden; height:44px; border-bottom:1px solid #ededed;}
.contents .board_view ul li.view_info .date{float:left; margin-right:21px; padding-top:13px; padding-left:20px; height:18px; background:url("../images/common/bg_view_date.gif") no-repeat 0 14px; font-size:12px; color:#333; line-height:18px;}
.contents .board_view ul li.view_info .hits{float:left; margin-right:21px; padding-top:13px; padding-left:20px; height:18px; background:url("../images/common/bg_view_hits.gif") no-repeat 0 14px; font-size:12px; color:#333; line-height:18px;}
.contents .board_view ul li.view_info .writer{float:left; margin-right:21px; padding-top:13px; padding-left:20px; height:18px; background:url("../images/common/bg_view_writer.gif") no-repeat 0 15px; font-size:12px; color:#333; line-height:18px;}
.contents .board_view ul li.view_info .social{float:right; padding-top:13px;}
.contents .board_view ul li.view_info .social a:first-child{margin-right:6px;}
.contents .board_view ul li.view_contents{padding:26px 0 40px; border-bottom:1px solid #ededed;}






.contents .board_view.tip_board ul li.view_contents,.contents .board_view.multimedia_board ul li.view_contents{border-bottom:none;}
.recommend {border-bottom:1px solid #ededed; padding-bottom:30px; margin-bottom:15px; text-align:Center;}
.recommend span{display:inline-block; width:97px; height:59px; background:url(../images/common/btn_recommend.gif) no-repeat; cursor:pointer; font-size:15px; color:#333; font-weight:bold; padding-top:32px; box-sizing:border-box; letter-spacing:-1px}

/* board_write */
.board_write ul{width:683px; margin-bottom:13px; padding:15px 14px 15px 23px; background-color:#f1f1f1;}
.board_write ul li{overflow:hidden; margin-top:5px;}
.board_write ul li:first-child{margin-top:0;}
.board_write ul li:first-child input[type="text"]{width:391px;}
.board_write ul li .title, .board_write ul li label{float:left; width:46px; height:36px; font-weight:bold; color:#333; line-height:36px;}
.board_write ul li select{float:left; width:213px; height:36px; margin-right:4px; border:1px solid #ddddde; vertical-align:middle;}
.board_write ul li input[type="text"]{float:left; width:608px; height:34px; padding:0 10px; border:1px solid #ddddde; line-height:34px; vertical-align:middle;}
.board_write ul li .line{display:block; margin-left:46px;}
.board_write ul li .line:first-child{margin-left:0; margin-bottom:5px;}
.board_write ul li .line input[type="text"]{width:509px; margin-right:5px;}
.board_write ul li .line input[type="file"]{overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999px;}
.board_write ul li .line button{display:inline-block; width:94px; height:36px; background-color:#999; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:36px;}
.board_write .edit{width:720px; height:396px; margin-bottom:23px;}
.board_write .edit iframe{width:100%; height:100%;}

/* pageing */
.pageing{display:block; width:100%; margin-bottom:42px; text-align:center;}
.pageing a{display:inline-block; width:28px; height:28px; border:1px solid #ececec; line-height:28px; color:#333; text-align:center; vertical-align:top;}
.pageing strong{display:inline-block; width:28px; height:28px; border:1px solid #ffc01b; background-color:#ffc01b; line-height:28px; font-size:13px; font-weight:bold; color:#fff; text-align:center; vertical-align:top;}
.pageing .bgNone{border:none; width:30px; height:30px;}
.pageing .bgNone.prev{margin-right:10px;}
.pageing .bgNone.next{margin-left:10px;}

/* btn_wrap */
.btn_wrap{display:block; overflow:hidden; position:relative; width:720px; text-align:center;}
.btn_wrap .btn_center{display:inline-block;}
.btn_wrap .btn_center a{display:inline-block; width:60px; height:30px; margin-left:10px; background-color:#2963d7; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:30px;}
.btn_wrap .btn_center button{display:inline-block; width:60px; height:30px; margin-left:10px; background-color:#2963d7; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:30px;}
.btn_wrap .btn_center a:first-child{margin-left:0;}
.btn_wrap .btn_center button:first-child{margin-left:0;}
.btn_wrap .btn_center a.bg_gray{background-color:#999;}
.btn_wrap .btn_center button.bg_gray{background-color:#999;}
.btn_wrap .btn_left{position:absolute; top:0; left:0;}
.btn_wrap .btn_left a:first-child{margin-right:3px;}
.btn_wrap .btn_right{position:absolute; top:0; right:0;}
.btn_wrap .btn_right a:first-child{margin-right:3px;}

/* comment_wrap */
.comment_wrap{width:100%; padding-top:30px;}
.comment_enroll{width:709px; height:70px; margin-bottom:8px; padding:10px 0 0 11px; background-color:#f5f5f5;}
.comment_enroll div textarea{display:inline-block; overflow-x:hidden; overflow-y:scroll; width:591px; height:38px; margin-right:9px; padding:10px; border:1px solid #ddddde; resize:none; vertical-align:top;}
.comment_enroll div button{display:inline-block; width:77px; height:60px; background-color:#2963d7; font-weight:bold; color:#fff; text-align:center; line-height:60px; vertical-align:top;}
.comment_total{display:block; margin-bottom:25px; color:#333;}
.comment_total span{font-weight:bold;}
.comment_list{padding:5px 20px 30px 20px; background-color:#f5f5f5;}

.comment_list.petitionComment {padding:0px 20px 30px 20px;}
.comment_list ul li.adminComment { background: #eaf1ff; width: 100%; position: relative; left: 50%; transform: translateX(-50%); padding: 15px 20px; }

.comment_list ul li{padding:15px 0; border-top:1px solid #dddddd;}
.comment_list ul li:first-child{border-top:none;}
.comment_list ul li .comment_info{display:block; margin-bottom:15px;}
.comment_list ul li .comment_info span{display:inline-block;}
.comment_list ul li .comment_info span.writer{margin-right:9px; font-weight:bold; color:#333;}
.comment_list ul li .comment_info span.date{font-size:12px; color:#999;}
.comment_list ul li .comment_contents{display:block; color:#666; word-break:break-all;}
.comment_list ul li .comment_contents a{display:inline-block; vertical-align:middle;}
.comment_list ul li .comment_revise textarea{display:inline-block; overflow-x:hidden; overflow-y:scroll; width:580px; height:28px; margin-right:8px; padding:10px; border:1px solid #ddddde; resize:none; vertical-align:top;}
.comment_list ul li .comment_revise button{display:inline-block; width:65px; height:50px; background-color:#2963d7; font-weight:bold; color:#fff; text-align:center; line-height:50px; vertical-align:top;}
.comment_list ul li .btn_comment{display:block; text-align:right;}
.comment_list ul li .btn_comment a{padding-left:11px; background:url("../images/common/bg_comment.gif") no-repeat 0 50%; font-size:12px; font-weight:bold; color:#999;}
.comment_list ul li.recomment_wrap{padding:15px 0 15px 20px; background:url("../images/common/bg_recomment_wrap.gif") no-repeat 0 17px;}
.comment_list ul li.recomment_wrap .comment_revise textarea{width:560px;}
.comment_list .pageing{margin:15px 0 0;}

/** 새소식(news) **/

/* notice */
.notice .icon{display:inline-block; width:51px; height:17px; font-size:11px; color:#fff; text-align:center; line-height:17px;}
.notice .icon.icon_notice{background-color:#6badf1;}
.notice .icon.icon_event{background-color:#fbae71;}


/* update */
.board_list.update table td.title a span{display:inline-block; overflow:hidden; max-width:460px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
/* 181113 추가 */
.update .icon{display:inline-block; width:51px; height:17px; font-size:11px; color:#fff; text-align:center; line-height:17px;}
.update .icon.icon_area{background-color:#6badf1;}
.update .icon.icon_system{background-color:#2861d5;}
.update .icon.icon_characters{background-color:#f17b33;}
.update .icon.icon_other{background-color:#999999;}
/* // 181113 추가 */


/* developer_note */
.developer_note .icon{display:inline-block; width:51px; height:17px; font-size:11px; color:#fff; text-align:center; line-height:17px;}
.developer_note .icon.icon_development{background-color:#999;}
.developer_note .icon.icon_test{background-color:#5dc221;}
.developer_note .icon.icon_complete{background-color:#f17b33;}

/* probability_open */
.probability_open{overflow:hidden; position:relative;}
.probability_open .icon{display:inline-block; width:51px; height:17px; font-size:10px; color:#fff; text-align:center; line-height:17px; letter-spacing:-0.5px;}
.probability_open .icon.icon_lucky_egg{background-color:#6badf1;}
.probability_open .icon.icon_costume_exchange{background-color:#fbae71;}
.probability_open .icon.icon_enchanted_stone{background-color:#f79eaa;}
.probability_open .icon.icon_etc{background-color:#91cd75;}

/** 커뮤니티(community) **/

/* free_board */
.board_list.free_board table td.title a span{display:inline-block; overflow:hidden; max-width:345px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}

/* tip_board */
.board_list.tip_board table td.title a span{display:inline-block; overflow:hidden; max-width:275px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.tip_board .icon{display:inline-block; width:51px; height:17px; font-size:11px; color:#fff; text-align:center; line-height:17px; letter-spacing:-0.5px;}
.tip_board .icon.icon_quest{background-color:#6badf1;}
.tip_board .icon.icon_job{background-color:#fbae71;}
.tip_board .icon.icon_item{background-color:#91cd75;}

/* multimedia_board */
.board_list.multimedia_board table td.title a span{display:inline-block; overflow:hidden; max-width:275px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.multimedia_board .icon{display:inline-block; width:51px; height:17px; font-size:11px; color:#fff; text-align:center; line-height:17px; letter-spacing:-0.5px;}
.multimedia_board .icon.icon_screenshot{background-color:#6badf1;}
.multimedia_board .icon.icon_fanart{background-color:#fbae71;}
.multimedia_board .icon.icon_movie{background-color:#91cd75;}
.multimedia_board .view_contents img{display:block; max-width:720px; margin:0 auto;}
.multimedia_board .view_contents .movie_wrap{width:560px; height:315px; margin:0 auto;}

/* character_search */
.character_search_wrap{width:680px; margin-bottom:29px; padding:9px 20px 16px; background-color:#f5f5f5;}
.character_search_wrap dl{overflow:hidden; height:36px; margin-top:8px;}
.character_search_wrap dl:first-child{margin-top:0;}
.character_search_wrap dl dt{float:left; width:93px; height:36px; font-weight:bold; color:#333; line-height:36px; vertical-align:middle;}
.character_search_wrap dl dd{float:left; height:36px; padding:0; margin:0; vertical-align:middle;}
.character_search_wrap dl dd ul{overflow:hidden;}
.character_search_wrap dl dd ul li{float:left; height:36px; margin-left:40px; line-height:36px;}
.character_search_wrap dl dd ul li:first-child{margin-left:0;}
.character_search_wrap dl dd ul li input{display:inline-block; margin-right:10px; vertical-align:middle;}
.character_search_wrap dl dd ul li label{display:inline-block; color:#444; vertical-align:middle;}
.character_search_wrap dl dd input[type="text"]{display:inline-block; width:471px; height:34px; border:1px solid #ddddde; padding:0 10px; line-height:34px; vertical-align:middle;}
.character_search_wrap dl dd button{display:inline-block; width:76px; height:36px; background-color:#2963d7; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:36px; vertical-align:middle;}
.re_search{margin-bottom:15px;}
.re_search p{margin-bottom:8px; padding-left:9px; background:url("../images/common/icon_arrow.gif") no-repeat 0 50%; color:#333;}
.re_search p span{font-weight:bold; color:#0065d8;}
.re_search div{overflow:hidden; position:relative; padding:10px 0; border:1px solid #e5ebf5; background:url("../images/community/bg_job_choice.gif") repeat-y 1px 1px;}
.re_search div span.title{position:absolute; top:50%; left:25px; height:12px; margin-top:-6px; font-size:12px; color:#333;}
.re_search div ul{overflow:hidden; width:495px; padding-left:111px;}
.re_search div ul li{float:left; width:165px; padding:3px 0;}
.re_search div ul li input{display:inline-block; margin-right:5px; vertical-align:middle;}
.re_search div ul li label{display:inline-block; vertical-align:middle; font-size:11px;}
.re_search div ul li label span{color:#0065d8;}
.re_search div button{position:absolute; top:50%; right:14px; width:94px; height:32px; margin-top:-17px; border:1px solid #c1dcff; background-color:#f4f8fd; color:#536da2; text-align:center; line-height:32px;}
.character_searh_list{margin-bottom:5px;}
.character_searh_list .realignment{overflow:hidden; padding:6px 0; background-color:#f5f5f5;}
.character_searh_list .realignment li{float:left; height:24px; padding-left:10px; line-height:24px;}
.character_searh_list .realignment li.btn_realignment:after{display:inline-block; padding-left:10px; content:"|"; color:#ddd;}
.character_searh_list .realignment li.btn_realignment a{color:#999;}
.character_searh_list .realignment li.btn_realignment.on a{padding-right:10px; background:url("../images/common/icon_arrow2.gif") no-repeat 100% 50%; font-weight:bold; color:#333;}
.character_searh_list .realignment li span{display:inline-block; color:#999; vertical-align:middle;}
.character_searh_list .realignment li input{display:inline-block; width:38px; height:22px; padding:0 5px; border:1px solid #e0e0e0; vertical-align:middle;}
.character_searh_list .realignment li.last button{display:inline-block; width:58px; height:24px; margin-top:1px; background-color:#2963d7; font-weight:bold; color:#fff; text-align:center; line-height:24px;}
.character_info_wrap{padding:25px 0 25px 20px; border-bottom:1px solid #f2f2f2;}
.character_info_wrap:after{display:block; content:""; clear:both;}
.character_info_wrap .img_character{float:left; width:80px; height:100px; margin-right:30px;}
.character_info_wrap .character_info{float:left;}
.character_info_wrap .character_info li.character_name{margin-bottom:7px; font-size:14px; font-weight:bold; color:#333;}
.character_info_wrap .character_info li.character_name span{vertical-align:middle;}
.character_info_wrap .character_info li.character_name span:first-child{margin-right:8px;}
.character_info_wrap .character_info li.character_name span.icon_access{display:inline-block; width:75px; height:18px; padding-left:5px; background:url("../images/community/bg_access_off.gif") no-repeat 0 0; font-size:11px; color:#444; line-height:18px; letter-spacing:-0.5px; vertical-align:middle;}
.character_info_wrap .character_info li.character_name span.icon_access.on{background:url("../images/community/bg_access_on.gif") no-repeat 0 0;}
.character_info_wrap .character_info li.detail_info{margin-bottom:12px;}
.character_info_wrap .character_info li.detail_info dl{border:1px solid #ddd;}
.character_info_wrap .character_info li.detail_info dl:after{display:block; content:""; clear:both;}
.character_info_wrap .character_info li.detail_info dl dt{float:left; width:61px; height:26px; border-right:1px solid #ddd; background-color:#f2f2f2; font-weight:bold; color:#444; text-align:center; line-height:26px;}
.character_info_wrap .character_info li.detail_info dl dd{float:left; width:90px; height:26px; padding-left:10px; border-right:1px solid #ddd; font-size:11px; color:#888; line-height:26px;}
.character_info_wrap .character_info li.detail_info dl dd.job_info{width:110px;}
.character_info_wrap .character_info li.detail_info dl dd.guild_info{position:relative; width:170px; border-right:none;}
.character_info_wrap .character_info li.detail_info dl dd.guild_info a{position:relative; display:inline-block; width:170px; color:#888; background:url("../images/common/icon_arrow3.gif") no-repeat 95% 50%; z-index:1}
.character_info_wrap .character_info li.detail_info dl dd.guild_info > ul{display:none; overflow-x:hidden; overflow-y:scroll; position:absolute; top:27px; left:-1px; width:180px; height:161px; border:1px solid #ddd; border-width:0 1px 1px 1px; background-color:#fff; z-index:2;}
.character_info_wrap .character_info li.detail_info dl dd.guild_info > ul > li{overflow:hidden; padding:15px 0 8px 7px; border-bottom:1px solid #ddd;}
.character_info_wrap .character_info li.detail_info dl dd.guild_info ul li .contact{float:left; width:26px; height:11px; margin-right:9px; background-repeat:no-repeat; background-position:0 0;}
.character_info_wrap .character_info li.detail_info dl dd.guild_info ul li .contact.on{background-image:url("../images/common/icon_on.gif");}
.character_info_wrap .character_info li.detail_info dl dd.guild_info ul li .contact.off{background-image:url("../images/common/icon_off.gif");}
.character_info_wrap .character_info li.detail_info dl dd.guild_info ul li ul{float:left; width:113px;}
.character_info_wrap .character_info li.detail_info dl dd.guild_info ul li ul li{display:block; width:113px; margin-top:-2px; margin-bottom:5px; font-size:11px; font-weight:bold; color:#666; line-height:15px;}
.character_info_wrap .character_info li.detail_info dl dd.guild_info ul li ul li span{font-weight:normal; color:#0065d8;}
.character_info_wrap .character_info li.ability_point ul{float:left;}
.character_info_wrap .character_info li.ability_point ul:first-child{width:202px;}
.character_info_wrap .character_info li.ability_point ul:first-child li .graph span{background-color:#6badf1;}
.character_info_wrap .character_info li.ability_point ul li:first-child{margin-top:0;}
.character_info_wrap .character_info li.ability_point ul li{margin-top:5px;}
.character_info_wrap .character_info li.ability_point ul li em{display:inline-block; width:70px; margin-right:10px; font-style:normal; font-size:11px; color:#666; vertical-align:middle;}
.character_info_wrap .character_info li.ability_point ul li em span{color:#999;}
.character_info_wrap .character_info li.ability_point ul li .graph{display:inline-block; position:relative; width:102px; height:8px; background-color:#f2f2f2; vertical-align:middle;}
.character_info_wrap .character_info li.ability_point ul li .graph span{overflow:hidden; position:absolute; top:0; left:0; width:50%; height:8px; background-color:#f7c74b; font-size:0; text-indent:-9999px;}
.character_info_wrap .character_info li.ability_point ul li .num{display:inline-block; margin-left:3px; font-size:11px; color:#999; vertical-align:middle;}
.character_search .pageing{margin:40px 0 0;}

/** 자료실(download) **/

/* game_download */
.game_download .btn_download_wrap{margin-bottom:29px; padding:49px 0 39px; border:1px solid #ddddde; background-color:#f5f5f5;}
.game_download .btn_download_wrap > a{display:block; width:130px; height:25px; margin:20px auto 0;text-align: center;}
.game_download .btn_download_wrap span{display:block; margin-bottom:5px; text-align:center; letter-spacing:-1px; color:#666; font-size:12px;}
.game_download .btn_download_wrap .game-download a{display: block;margin:0 5px}
.game_download .btn_download_wrap .game-download{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.game_download .download_list{margin-bottom:15px; border-bottom:1px solid #e0e0e0;}
.game_download .download_list > li{overflow:hidden; padding:0 25px 0 156px; border-top:1px dashed #e0e0e0; background-repeat:no-repeat; background-position:10px 50%;}
.game_download .download_list .download_list1{height:178px; padding:0 25px 0 156px; border-top:0; background-position:10px 50%; background-image:url("../images/download/bg_download_list1.gif");}
.game_download .download_list .download_list1 ul{margin-top:40px;}
.game_download .download_list .download_list2{height:178px; background-image:url("../images/download/bg_download_list2.gif");}
.game_download .download_list .download_list2 ul{margin-top:24px;}
.game_download .download_list .download_list3{height:178px; background-image:url("../images/download/bg_download_list3.gif");}
.game_download .download_list .download_list3 ul{margin-top:50px;}
.game_download .download_list > li{overflow:hidden;}
.game_download .download_list li ul li{font-size:12px; color:#666;}
.game_download .download_list li ul li:first-child{margin-bottom:5px; font-size:16px; font-weight:bold; color:#333;}
.game_download .download_list li ul li .line{display:block; font-size:12px; line-height:16px;}
.game_download .download_list li ul li a{display:block; margin-top:9px;}
.game_download .download_list + p{font-size:13px; color:#2c80d6; margin-bottom:30px;}
.game_download table{margin-bottom:15px; border-bottom:1px solid #dddddd;}
.game_download table th{height:37px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; background-color:#f8f8f8; vertical-align:middle;}
.game_download table th:first-child{border-left:0;}
.game_download table td{padding:12px 10px 12px 10px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;}
.game_download table td .line{display:block;}
.game_download table thead th{background-color:#f2f2f2;}
.game_download table tbody tr:first-child th{border-top:0;}
.game_download table + p{font-size:13px; color:#2c80d6; margin-bottom:38px;}
.game_download table + p span{display:block;}
 
/* multimedia */
.board_list.multimedia ul{border-top:1px solid #f2f2f2;}
.board_list.multimedia ul li:first-child{padding:14px 0;}
.board_list.multimedia ul li .list_info{padding-top:27px;}
.board_list.multimedia .list_info .list_contents{padding-top:24px; background:url("../images/download/bg_multimedia.gif") no-repeat 0 0;}

/** ROSHOP(item_mall) **/
.item_mall_util{float:left; margin-left:18px;}
.item_mall_util a{display:inline-block; width:62px; height:19px; border:1px solid #ddddde; color:#888; text-align:center; line-height:19px;}
.item_mall_util a.on , .item_mall_util a:hover{border:1px solid #666; background-color:#666; font-weight:bold; color:#fff;}
.item_mall_title{overflow:hidden; margin-bottom:14px;}
.item_mall_title h5{float:left; margin-top:5px; padding-left:7px; background:url("../images/shop/icon_h5.gif") no-repeat 0 50%; font-size:16px; color:#333;}
.item_mall_title span{overflow:hidden; float:right;}
.item_mall_title span select{float:left; width:92px; height:30px; margin-right:4px; border:1px solid #ddddde;}
.item_mall_title span button{float:left; width:60px; height:30px; background-color:#2963d7; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:30px;}

/* item_mall_list */
.flagship_item .tab_menu2{margin-bottom:0;}
.flagship_item .flagship_item_wrap{overflow:hidden; width:718px; margin-bottom:34px; padding:34px 0; border:1px solid #1150d0; border-width:0 1px 1px 1px;}
.flagship_item .flagship_item_wrap.best_item{display:none;}
.flagship_item .flagship_item_wrap.md_recommend{display:none;}
.flagship_item .flagship_item_wrap li{float:left; width:239px; background:url("../images/shop/bar_flagship_item.gif") no-repeat 0 50%; text-align:center;}
.flagship_item .flagship_item_wrap li:first-child{width:240px; background:none;}
.flagship_item .flagship_item_wrap li img{display:block; width:100px; height:100px; margin:0 auto;}
.flagship_item .flagship_item_wrap li span{display:block; margin-top:6px;}
.flagship_item .flagship_item_wrap li span.title{overflow:hidden; font-size:14px; width:172px; margin:6px auto 0; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; color:#333;}
.flagship_item .flagship_item_wrap li span.content{overflow:hidden; font-size:11px; width:172px; margin:6px auto 0; text-overflow:ellipsis; white-space:nowrap; color:#999;}
.flagship_item .flagship_item_wrap li span.fee{margin-top:10px; font-size:13px; color:#0065d8;}
.flagship_item .flagship_item_wrap li span.fee span{display:inline; font-weight:bold;}
.item_list_wrap .item_list { width:694px; padding:12px 0 0 24px; border:1px solid #ddddde; border-width:0 1px 1px 1px;}
.item_list_wrap .item_list ul{overflow:hidden; margin-bottom:42px;}
.item_list_wrap .item_list ul li{float:left; width:102px; margin:13px 16px; text-align:center;}
.item_list_wrap .item_list ul li .img_wrap{display:block; overflow:hidden; position:relative; width:100px; height:100px; margin:0 auto; border:1px solid #e9e9e9;}
.item_list_wrap .item_list ul li .img_wrap img{position:absolute; top:0; left:0; width:100px; height:100px; z-index:1;}
.item_list_wrap .item_list ul li .img_wrap span{position:absolute; top:0; left:0; width:43px; height:43px; margin-top:0; background-repeat:no-repeat; background-position:0 0; z-index:2;}
.item_list_wrap .item_list ul li .img_wrap .best{background-image:url("../images/shop/icon_best.png");}
.item_list_wrap .item_list ul li .img_wrap .event{background-image:url("../images/shop/icon_event.png");}
.item_list_wrap .item_list ul li .img_wrap .md{background-image:url("../images/shop/icon_md.png");}
.item_list_wrap .item_list ul li .img_wrap .new{background-image:url("../images/shop/icon_new.png");}
.item_list_wrap .item_list ul li .img_wrap .sale{background-image:url("../images/shop/icon_sale.png");}
.item_list_wrap .item_list ul li span{display:block; margin-top:6px;}
.item_list_wrap .item_list ul li span.title{overflow:hidden; font-size:14px; width:100px; margin:6px auto 0; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; color:#333;}
.item_list_wrap .item_list ul li span.content{overflow:hidden; font-size:11px; width:100px; margin:6px auto 0; text-overflow:ellipsis; white-space:nowrap; color:#999;}
.item_list_wrap .item_list ul li span.fee{margin-top:10px; font-size:13px; color:#0065d8;}
.item_list_wrap .item_list ul li span.fee span{display:inline; font-weight:bold;}

/* item_mall_view */
.item_mall_view{margin-bottom:37px;}
.item_detail_wrap{width:718px; margin-bottom:50px; border-top:2px solid #444444; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;}
.item_detail_wrap .title{display:block; width:688px; height:39px; padding-left:30px; border-bottom:1px solid #dddddd; font-size:16px; font-weight:bold; color:#333; line-height:39px;}
.item_detail_wrap .content{overflow:hidden; padding:17px 0 17px 30px;}
.item_detail_wrap .content .detail_img{overflow:hidden; position:relative;float:left; width:100px; height:100px; margin-right:30px;}
.item_detail_wrap .content .detail_img img{position:absolute; top:0; left:0; width:100px; height:100px; z-index:1;}
.item_detail_wrap .content .detail_img span{position:absolute; top:0; left:0; width:43px; height:43px; margin-top:0; background-repeat:no-repeat; background-position:0 0; z-index:2;}
.item_detail_wrap .content .detail_img .best{background-image:url("../images/shop/icon_best.png");}
.item_detail_wrap .content .detail_img .event{background-image:url("../images/shop/icon_event.png");}
.item_detail_wrap .content .detail_img .md{background-image:url("../images/shop/icon_md.png");}
.item_detail_wrap .content .detail_img .new{background-image:url("../images/shop/icon_new.png");}
.item_detail_wrap .content .detail_img .sale{background-image:url("../images/shop/icon_sale.png");}
.item_detail_wrap .content ul{float:left;}
.item_detail_wrap .content ul li{overflow:hidden; font-size:13px; color:#444; margin-top:10px;}
.item_detail_wrap .content ul li:first-child{margin-top:15px;}
.item_detail_wrap .content ul li > span{float:left;}
.item_detail_wrap .content ul li .detail_title{margin-right:35px;}
.item_detail_wrap .content ul li .detail_title:after{display:inline-block; padding-left:36px; content:"|"; color:#ddd;}
.item_detail_wrap .content ul li.list_num .detail_title{padding-top:4px;}
.item_detail_wrap .content ul li .fee{color:#ff3300;}
.item_detail_wrap .content ul li .num_control{overflow:hidden; width:18px; height:24px; margin-top:-1px;}
.item_detail_wrap .content ul li .num input{float:left; width:30px; height:21px; padding:0 5px; border:1px solid #d5d5d5; border-width:1px 0 1px 1px; line-height:21px;}
.item_detail_wrap .content ul li .num .num_control{float:left; overflow:hidden; position:relative;}
.item_detail_wrap .content ul li .num .num_control a{position:absolute; top:12px; left:0; height:12px;}
.item_detail_wrap .content ul li .num .num_control a:first-child{position:absolute; top:0; left:0; height:11px;}
.item_detail_wrap .btn_detail{float:right; padding-right:51px;}
.item_detail_wrap .btn_detail a{display:block; margin-top:2px;}
.item_detail_wrap .btn_detail a:first-child{margin-top:0;}
.interest_product_list{position:relative; margin-bottom:28px;}
.interest_product_list ul{overflow:hidden; border-top:1px solid #eaeaea;}
.interest_product_list ul li{overflow:hidden; float:left; width:220px; padding:19px 10px 0;}
.interest_product_list ul li .big_img{float:left; margin-right:10px;}
.interest_product_list ul li .interest_product_info{float:left; width:110px;}
.interest_product_list ul li .interest_product_info span{overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap;}
.interest_product_list ul li .interest_product_info span.content{margin-bottom:4px; font-size:12px; color:#999;}
.interest_product_list ul li .interest_product_info span.fee{margin-bottom:8px; color:#ff3300;}
.interest_product_list ul li .interest_product_info a{display:block;}
.interest_product_list ul li .interest_product_info a.title{overflow:hidden; margin-bottom:8px; font-weight:bold; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.interest_product_list .interest_product_control{overflow:hidden; position:absolute; top:1px; right:1px;}
.interest_product_list .interest_product_control .page{float:left; margin-right:5px;}
.interest_product_list .interest_product_control .page span{font-size:11px; color:#666;}
.interest_product_list .interest_product_control .page span:first-child{color:#ff9000;}
.interest_product_list .interest_product_control .control{float:left;}
.product_guide .product_guide_content{border:1px solid #eaeaea; border-width:1px 0 1px 0; padding:18px 8px;}

/* item_mall_search */
.item_mall_search .item_list_wrap .item_list{width:698px; border:0;}

/* interest_product */
.btn_delete{position:absolute; bottom:58px; right:40px; width:60px; height:30px; background-color:#2963d7; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:30px; z-index:3;}
.interest_product .pageing{margin-bottom:0;}

/* gift_history */
.gift_history .pageing{margin-bottom:0;}
.gift_history .table_style2 td{height:65px;}

/* cash_item_operation_guide */
.cash_item_operation_guide .btn_wrap{margin-bottom:40px;}

/* fee_payment */
.fee_payment img{margin-bottom:0 !important;}
.fee_payment a{color:#2c80d6;}
.fee_payment table{margin-bottom:30px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.fee_payment table th{border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; background-color:#f5f5f5; color:#444; text-align:center; vertical-align:middle;}
.fee_payment table td{padding:10px; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; color:#666; vertical-align:middle; line-height:16px;}
.fee_payment table td.icon_phone{height:auto; text-align:center; vertical-align:middle;}
.fee_payment table td.limited_amount{padding:10px; font-size:12px;}
.fee_payment table td.limited_amount ul li{letter-spacing:-0.7px; line-height:16px;}
.fee_payment table td.limited_amount ul li:first-child{margin-bottom:15px;}
.fee_payment table td.limited_amount ul li a{font-size:12px;}
.fee_payment .fee_payment_ul li{color:#666; margin-bottom:5px;}
.fee_payment ol{margin-bottom:30px;}
.fee_payment ol li{padding-top:10px;}
.fee_payment ol li:first-child{padding-top:0;}
.fee_payment ol li p{overflow:hidden; margin-bottom:0; padding:7px 0; border:1px solid #e5ebf5; background:#f4f8fd url("../images/shop/bar_ol.gif") repeat-y 86px 0;}
.fee_payment ol li p > span{display:inline-block; padding-left:10px; color:#666; vertical-align:middle;}
.fee_payment ol li p > span:first-child{width:87px; height:100%; padding-left:0; font-weight:bold; color:#0065d8; text-align:center;}
.fee_payment ol li p .font_blue{color:#5f86bf;}
.fee_payment ol li p a{font-size:12px;}
.fee_payment ol li .arrow{display:block; width:720px; height:5px; padding-top:10px; background:url("../images/shop/arrow_ol.gif") no-repeat 50% 10px;}
.fee_payment .fee_payment_wrap{width:672px; padding:23px 23px 39px; border:1px solid #ededed; background-color:#f9f9f9;}
.fee_payment .fee_payment_wrap h7{margin-bottom:10px; padding-left:8px; background:url("../images/shop/icon_h5.gif") no-repeat 0 50%; font-size:15px; color:#333;}
.fee_payment .fee_payment_wrap h8{display:block; margin-bottom:8px; font-weight:bold; color:#444;}
.fee_payment .fee_payment_wrap h9{display:block; margin-bottom:8px; color:#5f86bf;}
.fee_payment .fee_payment_wrap p{color:#666;}
.fee_payment .fee_payment_wrap .font_gray{font-size:12px; color:#888;}
.fee_payment .fee_payment_wrap .font_blue{font-size:13px; color:#5f86bf;}
.fee_payment .fee_payment_wrap table{margin-bottom:8px; border-right:1px solid #e5ebf5;}
.fee_payment .fee_payment_wrap table th{height:22px; border:1px solid #e5ebf5; border-width:1px 0 1px 1px; background-color:#f2f7fc; font-weight:bold; color:#444; text-align:center; vertical-align:middle;}
.fee_payment .fee_payment_wrap table td{height:auto; padding:10px 0; border:1px solid #e5ebf5; border-width:0 0 1px 1px; background-color:#fff; font-size:12px; color:#666; text-align:center; vertical-align:middle;}
.fee_payment .fee_payment_wrap ul{margin-bottom:12px;}
.fee_payment .fee_payment_wrap ul li{margin-bottom:6px; font-size:12px; color:#888;}
.fee_payment .fee_payment_wrap .btn_wrap{width:672px;}
.fee_payment .fee_payment_wrap .btn_wrap a{position:static;}
.fee_payment > .btn_wrap{margin-bottom:40px;}

/** 고객센터(customer) **/

/* faq */
.faq .faq_type{display:block; margin-bottom:27px; text-align:right;}
.faq .faq_type select{display:inline-block; width:154px; height:36px; margin-right:7px; border:1px solid #ddddde; background-color:#f5f5f5; color:#666; vertical-align:middle;}
.faq .faq_type button{display:inline-block; width:76px; height:36px; background-color:#2963d7; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:36px; vertical-align:middle;}
.faq h4{width:100%; height:45px; margin-bottom:0; background:#f1f1f1 none; font-size:13px; text-align:center; line-height:45px;}
.faq .faq_list li{padding:15px 0; border-bottom:1px solid #ececec; background-image:url("../images/customer/icon_q_off.gif"); background-repeat:no-repeat; background-position:0 15px;}
.faq .faq_list li.on{background-image:url("../images/customer/icon_q_on.gif");}
.faq .faq_list li a{display:block; padding:0 5px 0 27px; color:#333; line-height:17px;}
.faq .faq_list li div{display:none; margin-top:13px; padding:21px 5px 0 27px; border-top:1px solid #ececec; background:url("../images/customer/icon_a.gif") no-repeat 0 20px;}
.faq .pageing{margin:40px 0 45px;}
.faq .faq_tip{overflow:hidden; width:670px; height:60px; margin-bottom:44px; padding:0 25px; background-color:#f5f5f5; line-height:60px;}
.faq .faq_tip p{float:left; color:#333;}
.faq .faq_tip p span{font-weight:bold; color:#1150d0; text-decoration:underline;}
.faq .faq_tip a{float:right; width:88px; height:33px; margin-top:13px; border:1px solid #ddd; font-size:14px; font-weight:bold; color:#333; text-align:center; line-height:33px;}

/* inquiry_login */
.inquiry_login div{width:718px; height:145px; margin-bottom:30px; padding:57px 0 60px; border:1px solid #ededed; background-color:#f5f5f5;}
.inquiry_login div p{margin-bottom:50px; color:#666; text-align:center;}
.inquiry_login div p .line{display:block; margin-top:7px;}
.inquiry_login div p .line:first-child{margin-top:0;}
.inquiry_login div p .last{margin-top:17px;}
.inquiry_login div p .last span{color:#1150d0; text-decoration:underline;}
.inquiry_login div .btn_box{display:block; text-align:center;}
.inquiry_login div .btn_box a{display:inline-block; width:134px; height:30px; background-color:#999; font-weight:bold; color:#fff; text-align:center; line-height:30px;}
.inquiry_login div .btn_box a:first-child{margin-right:10px; background-color:#2963d7;}

/* inquiry_write */
.inquiry_write .text_required{margin-bottom:10px; padding-left:17px; background:url("../images/customer/icon_required.gif") no-repeat 0 50%; color:#666;}
.terms{margin-bottom:30px;}
.terms p{margin-bottom:10px; font-size:14px; font-weight:bold; color:#333;}
.terms div{width:678px; margin-bottom:12px; padding:18px 20px; border:1px solid #ddd;}
.terms div p{margin-bottom:20px; font-size:13px; font-weight:normal; color:#666;}
.terms div p.last{margin-bottom:0;}
.terms div p .line{display:block; margin-top:5px;}
.terms div p .line:first-child{margin-top:0;}
.terms div dl{margin-bottom:20px;}
.terms div dl dt{margin-bottom:5px; font-weight:bold; color:#333;}
.terms div dl dd{color:#666;}
.terms .enroll{display:block;}
.terms .enroll input{display:inline-block; margin-right:10px; vertical-align:middle;}
.terms .enroll label{display:inline-block; color:#666; vertical-align:middle;}

/* inquiry_list */
.inquiry_list .table_style2 td{height:43px;}
.inquiry_list .table_style2 td .type_normal{font-weight:bold; color:#1150d0;}
.inquiry_list .table_style2 td .type_certification{font-weight:bold; color:red;}
.inquiry_list .table_style2 td .answer_wait{display:inline-block; width:63px; height:19px; border:1px solid #aaa; background-color:#fff; color:#666; text-align:center; line-height:19px;}
.inquiry_list .table_style2 td .answer_complete{display:inline-block; width:65px; height:21px; background-color:#91cd75; color:#fff; text-align:center; line-height:19px;}

/* inquiry_view */
.inquiry_view_area .title_wrap{display:block; overflow:hidden; height:45px; padding:0 20px 0 60px; background:#f1f1f1 url("../images/customer/bg_inquiry_view_answer.gif") no-repeat 0 0; line-height:45px;}
.inquiry_view_area .title_wrap .title{overflow:hidden; float:left; max-width:460px; text-overflow:ellipsis; white-space:nowrap;}
.inquiry_view_area .title_wrap .title .type_normal{font-weight:bold; color:#1150d0;}
.inquiry_view_area .title_wrap .title .type_certification{font-weight:bold; color:red;}
.inquiry_view_area .title_wrap .date{float:right; color:#888;}
.inquiry_view_area:first-child .title_wrap{background:#f1f1f1 url("../images/customer/bg_inquiry_view_question.gif") no-repeat 0 0;}
.inquiry_view_area.question .inquiry_view_content{width:630px; padding:25px 45px; color:#444; line-height:20px;}
.inquiry_view_area.answer .inquiry_view_content{width:630px; padding:25px 45px;}
.satisfaction{margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:28px 0;}
.satisfaction div{overflow:hidden; margin-bottom:10px;}
.satisfaction div strong{float:left; color:#333;}
.satisfaction div ul{overflow:hidden; float:right;}
.satisfaction div ul li{float:left; margin-left:23px;}
.satisfaction div ul li:first-child{margin-left:0;}
.satisfaction div ul li input{display:inline-block; margin-right:2px; vertical-align:middle;}
.satisfaction div ul li label{display:inline-block; vertical-align:middle;}
.satisfaction input[type="text"]{display:block; width:688px; height:36px; margin-bottom:10px; padding:0 15px; border:1px solid #ddddde;}
.satisfaction p{text-align:right; color:#888;}
.satisfaction p span{color:#333;}
.inquiry_view .btn_wrap{height:30px;}
.inquiry_view .btn_wrap a{display:inline-block; width:68px; height:28px; margin-left:0; border:1px solid #ddddde; background-color:#fff; font-size:14px; font-weight:bold; color:#666; text-align:center; line-height:28px;}
.inquiry_view .btn_wrap .btn_left{position:absolute; top:0; left:0;}
.inquiry_view .btn_wrap .btn_left a:first-child{margin-right:0;}
.inquiry_view .btn_wrap .btn_right{position:absolute; top:0; right:0;}
.inquiry_view .btn_wrap .btn_right a:first-child{margin-right:0;}

/* inspection */
.inspection{width:720px; height:449px; padding:108px 0 0 67px; background:url("../images/customer/bg_inspection.jpg") no-repeat 0 0;}
.inspection .line{display:block;}
.inspection .font_blue{color:#1150d0;}
.inspection .title{font-size:20px; font-weight:bold; color:#444; line-height:28px;}
.inspection .content{width:350px; padding:12px 0; border-bottom:1px solid #ddd; color:#999; line-height:18px; letter-spacing:-1px;}
.inspection .date{width:350px; padding:12px 0 12px 18px; border-bottom:1px solid #ddd; background:url("../images/customer/icon_date.gif") no-repeat 0 50%; font-size:15px; font-weight:bold; color:#1150d0; letter-spacing:-1px;}

/* operation_guide */
.operation_guide .operation_guide_content{margin-bottom:45px;}
.operation_guide .operation_guide_content p{display: inline-block;margin-bottom:14px; color:#666; line-height:18px;}

h3.inquiry { margin-bottom: 10px; color: #333333; position: relative; display: flex; align-items: center; }
h3.inquiry::before { margin-right: 5px; content: ''; background: url(../images/common/icon-arrow.png) no-repeat; width: 4px; height: 5px; position: relative; display: inline-block;}
h3.call { margin-bottom: 5px; margin-top: 15px; color: #333333; position: relative; display: flex; align-items: center; }
h3.call::before { margin-right: 5px; content: ''; background: url(../images/common/icon-arrow.png) no-repeat; width: 4px; height: 5px; position: relative; display: inline-block;}
h3.visit { margin-bottom: 10px; margin-top: 15px; color: #333333; position: relative; display: flex; align-items: center; }
h3.visit::before { margin-right: 5px; content: ''; background: url(../images/common/icon-arrow.png) no-repeat; width: 4px; height: 5px; position: relative; display: inline-block;}

.font_bold { font-weight: bold; }
.text_wrap2 span a { font-weight: bold; color: #333; }

.csMap {
    display: block; width: 720px; height: 207px; margin-top: 35px; background: url(/games/roz/web/images/common/img_map.gif) no-repeat 0 0; text-indent: -9999px; background-size: cover; font-size: 0;
}

.operation_guide .operation_guide_content .pl68{display:block; padding-left:68px; font-size:13px; line-height:16px;}

.operation_guide .operation_guide_content .pl30{display:block; padding-left:113px; font-size:12px; line-height:16px;}
.operation_guide .operation_guide_content .mb20{margin-bottom:20px;}
.operation_guide .operation_guide_content .mb10{margin-bottom:10px;}
.operation_guide .operation_guide_content .pl6{padding-left:6px;}
.operation_guide .operation_guide_content .line{display:block;}
.operation_guide .operation_guide_content .font_blue{color:#0065d8 !important; }
.operation_guide .operation_guide_content .text_wrap2{width:680px; margin-bottom:0; padding:20px 19px; border:1px solid #ededed; background-color:#f5f5f5;}
.operation_guide .operation_guide_content .text_wrap3{display:block; width:680px; margin-bottom:0; padding:20px 19px; border:1px solid #e5ebf5; background-color:#f4f8fd;}
.operation_guide .operation_guide_content .text_wrap3 span{color:#5f86bf;}
.operation_guide .operation_guide_content .text_wrap3 span.title{font-weight:bold;}
.operation_guide .operation_guide_content .text_wrap3 a{display:block; width:118px; height:30px; margin:15px auto 0; background-color:#2a63d7; color:#fff; text-align:center; line-height:30px;}
.operation_guide .operation_guide_content .title_box{overflow:hidden; width:693px; padding:20px 20px 11px; border:3px solid #f1f1f1; margin-bottom:30px;}
.operation_guide .operation_guide_content .title_box .left{float:left; width:346px;}
.operation_guide .operation_guide_content .title_box .left{float:left; width:346px;}
.operation_guide .operation_guide_content .title_box ul li{line-height:14px; margin-bottom:9px;}
.operation_guide .operation_guide_content .title_box ul li a{font-size:13px; font-weight:bold; color:#2963d7;}
.operation_guide .operation_guide_content .operation_text_wrap{overflow:hidden; position:relative; margin-bottom:10px;}
.operation_guide .operation_guide_content .operation_text_wrap h5{width:100%; height:22px; margin-bottom:15px; border-bottom:1px solid #f2f2f2; font-size:13px; font-weight:bold; color:#333;}
.operation_guide .operation_guide_content .operation_text_wrap h6{font-size:13px; color:#666; font-weight: normal;}
.operation_guide .operation_guide_content .operation_text_wrap .mb14{margin-bottom:14px;}
.operation_guide .operation_guide_content .operation_text_wrap .btn_top{position:absolute; top:0; right:0;}
.operation_guide .operation_guide_content .operation_text_wrap table{border-right:1px solid #eaeaea;}
.operation_guide .operation_guide_content .operation_text_wrap table th{padding:5px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; background-color:#f1f1f1; font-size:12px; font-weight:bold; color:#666; text-align:center;}
.operation_guide .operation_guide_content .operation_text_wrap table td{padding:5px 3px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; font-size:12px; color:#999; text-align:center; vertical-align:middle;}
.operation_guide .operation_guide_content .operation_text_wrap table td.text_left{padding:5px 10px; text-align:left;}
.operation_guide .operation_guide_content .operation_text_wrap .btn_link{display:block; margin:15px 0 20px;}
.operation_guide .operation_guide_content .operation_text_wrap .btn_link a{display:inline-block; height:30px; padding:0 10px; background-color:#2a63d7; color:#fff; text-align:center; line-height:30px;}
.operation_guide .operation_guide_content .operation_text_wrap > img{display:block; margin-bottom:14px;}


/** game_info **/

/* introduction */
.introduction .img_wrap{display:block; margin-bottom:45px;}
.introduction .img_wrap img{display:block;}

/* rag_start */
.rag_start .btn_wrap{margin-bottom:40px;}

/* guide_wrap */
.guide_content{margin-bottom:30px; text-align:center;}
.guide_content.align_left{text-align:left;}
.guide_content h5{margin-bottom:20px; padding-left:10px; font-size:16px; font-weight:bold; color:#333; background:url("../images/game_info/bul_h5.gif") no-repeat 0 50%; text-align:left;}
.guide_content h5.mb8{margin-bottom:8px;}
.guide_content h5 span{font-size:12px; font-weight:normal; color:#6badf1;}
.guide_content h6{height:24px; margin-bottom:11px; padding-left:62px; background-repeat:no-repeat; background-position:0 0; font-size:14px; font-weight:bold; color:#333; text-align:left;  line-height:24px;}
.guide_content h6.icon_1{background-image:url("../images/common/icon_h5_1.gif");}
.guide_content h6.icon_2{background-image:url("../images/common/icon_h5_2.gif");}
.guide_content h6.icon_3{background-image:url("../images/common/icon_h5_3.gif");}
.guide_content h6.icon_4{background-image:url("../images/common/icon_h5_4.gif");}
.guide_content h6.icon_5{background-image:url("../images/common/icon_h5_5.gif");}
.guide_content h6.icon_6{background-image:url("../images/common/icon_h5_6.gif");}
.guide_content h6.icon_7{background-image:url("../images/common/icon_h5_7.gif");}
.guide_content h6.icon_8{background-image:url("../images/common/icon_h5_8.gif");}
.guide_content h7{display:block; margin-bottom:15px; font-weight:bold; color:#333;}
.guide_content h7.elementTitle{margin-bottom:5px;}
.guide_content img{display:inline-block; margin-bottom:14px; text-align:center;}
.guide_content strong{display:block; margin-bottom:14px;}
.guide_content .guildEmblemImg{display: inline-block; height: 165px; vertical-align: top; border:1px solid #888888; margin-right:15px}
.guide_content p.emblemTxt{display: inline-block;}
.guide_content p{margin-bottom:14px; color:#666; line-height:18px;}
.guide_content .mb28{margin-bottom:28px;}
.guide_content .mb20{margin-bottom:20px;}
.guide_content .mb8{margin-bottom:8px;}
.guide_content .line{display:block;}
.guide_content .pl8{display:block; padding-left:8px;}
.guide_content .font_blue{color:#2c80d6;}
.guide_content .font_blue2{font-weight:bold; color:#1150d0;}
.guide_content .font_gray{color:#888;}
.guide_content .font_yellow{font-size:12px; color:#fbae71;}
.guide_content .font_bold{font-weight:bold; color:#333;}
.guide_content .text_wrap{width:682px; padding:20px 14px; background-color:#f5f5f5;}
.guide_content .text_wrap .title{display:block; margin-bottom:5px; font-weight:bold; color:#1150d0;}
.guide_content .text_wrap .pl8{font-size:12px; line-height:16px;}
.guide_content .table_style4{margin-bottom:14px;}
.guide_content .table_style4 th{border-right:0; border-top:2px solid #333; text-align:center;}
.guide_content .table_style4 th.border_top{border-top:1px solid #ddd;}
.guide_content .table_style4 th.border_right{border-right:1px solid #ddd;}
.guide_content .table_style4 td{padding:6px 5px; text-align:center; border-left:1px solid #ddd; vertical-align:middle;}
.guide_content .table_style4 td:first-child{border-left:0;}
.guide_content .table_style4 td.border_left{border-left:1px solid #ddd;}
.guide_content .table_style4 td.text_left{text-align:left;}
.guide_content .table_style4 th:first-child{margin-bottom:0;}
.guide_content .table_style4 th:first-child span{display:inline-block; width:auto; height:auto; font-size:13px; text-indent:0;}
.guide_content .table_style4 td.bg_color1{background-color:#ffe0c6;}
.guide_content .table_style4 td.bg_color2{background-color:#b8d7ff;}
.guide_content .table_style4 td.bg_color3{background-color:#ffd9e4;}

.guide_content .table_style4 td.bg_color-scarlet{background-color:#ffe0c6;}
.guide_content .table_style4 td.bg_color-blue{background-color:#b8d7ff;}
.guide_content .table_style4 td.bg_color-red{background-color:#ffd9e4;}

.guide_content .table_style5{width:100%; margin-bottom:14px; border: 1px solid #ddd;}
.guide_content .table_style5 th{border-top:2px solid #333; border-left:0; text-align:center; }
.guide_content .table_style5 td{padding:6px 5px; text-align:center; border:1px solid #ddd; vertical-align:middle;}
.guide_content .table_style5 td.text_left{text-align:left;}
.guide_content .table_style5 th:first-child{margin-bottom:0;border-left:1px solid #ddd; border-right:0;}
.guide_content .table_style5 th:last-child{border-right:1px solid #ddd;}
.guide_content .table_style5 th:first-child span{display:inline-block; width:auto; height:auto; font-size:13px; text-indent:0;}
.guide_content .table_style5 .bgColor1{background-color:#f3f8fc;}

.guide_content div{overflow:hidden; position:relative; margin-bottom:20px;}
.guide_content div.bottom_line{padding-bottom:2px; margin-bottom:20px; border-bottom:1px dashed #cecece;}
.guide_content div.bottom_line2{overflow:hidden; padding-bottom:2px; margin-bottom:20px; border-bottom:1px dashed #cecece;}
.guide_content div.bottom_line2 img{float:left; width:165px; height:110px; margin-right:20px;}
.guide_content div.bottom_line2 dl{float:left; width:535px; margin-bottom:18px;}
.guide_content div.bottom_line2 dl dt{margin-bottom:8px; font-weight:bold; color:#333;}
.guide_content div.bottom_line2 dl dd{line-height:18px;}
.guide_content div a{position:absolute; top:0; right:0;}
.guide_content div.last{margin-bottom:0;}
.guide_content div.last .table_style4{margin-bottom:0;}
.guide_content .flash_wrap embed{float:left; margin-right:14px; }
.guide_content .flash_wrap div{float:left;}
.guide_content .w350{width:350px}
.guide_wrap .btn_wrap .btn_center a{width:auto; padding:0 28px;}
.guide_content .guideLevel{overflow:hidden; width:100%;margin-bottom:0;}
.guide_content .guideLevelContents{float:left; width: 345px; margin-bottom:0;}
.guide_content .guideLevelContents:first-child{margin-right:5px;}
.guide_content table .red{color:#d75229;}
.guide_content table .blue{color:#2c80d6;}
.guide_content .spaceMoveNav { border-top: 1px solid black; border-left: 1px solid #eaeaea; margin-bottom:25px; *zoom: 1; }
.guide_content .spaceMoveNav:after { content: ""; display: block; clear: both; }
.guide_content .spaceMoveNav li { float: left; width: 19.85%; height: 38px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; text-align: center; font-size: 13px; font-weight: bold; color: #333; line-height: 38px; }

/* guide_character */
.guide_character h5{margin-bottom:20px; padding-left:10px; font-size:16px; font-weight:bold; color:#333; background:url("../images/game_info/bul_h5.gif") no-repeat 0 50%;}
.guide_character_all{ margin-bottom: 90px; height: 613px; background: url(../images/game_info/bg_guide_character0122.png) no-repeat 513px 261px; padding-top: 20px; position: relative;} /* 190122 수정 */
.guide_character_all > dl{position: relative;overflow: hidden;background: url(../images/game_info/character_allTree0416.jpg) no-repeat;box-sizing: border-box;height: 654px;} /* 190416 */
.guide_character_all > dl dt{float:left; width:98px;}
.guide_character_all > dl dd{float:left;}
.guide_character_all > dl > dt{height:258px; margin-top:17px; padding-top:183px; background:url("../images/game_info/bg_guide_character_all.gif") repeat-y 97px 0;}
.guide_character_all > dl > dt a{display: inline-block;width: 80px; height: 77px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; font-size: 16px;font-weight: bold; color: #fff; text-align: center; line-height: 73px;}
.guide_character_all > dl > dd dl{overflow:hidden; margin-bottom:53px;}
.guide_character_all > dl > dd dl dt{display: inline-block; width: 88px;padding-left: 20px;}
.guide_character_all > dl > dd dl dt span{display:inline-block; width:88px; height:35px; font-size:13px; font-weight:bold; color:#fff; text-align:center; line-height:35px;}
.guide_character_all > dl > dd dl dd{ display: inline-block; width: 88px; padding-left: 22px;}
.guide_character_all > dl > dd dl dd a{display: inline-block; width: 73px; height: 33px; font-size: 13px; color: #111; text-align: center; line-height: 35px;}
.layer_popup_character{display:none; overflow:hidden; position:fixed; top:50%; left:50%; width:568px; height:264px; padding-top:56px; margin:-170px 0 0 -284px; z-index:10;}
.layer_popup_character > div{width:519px; height:210px; padding:52px 0 0 47px; border:1px solid #000; background-color:#fff;}
.layer_popup_character > div .img_character{float:left; margin-right:24px; width:230px; height:151px; padding:3px; border:1px solid #ddd;}
.layer_popup_character > div .img_character div{width:230px; height:126px; padding-top:25px; background-color:#f2f2f2; text-align:center;}
.layer_popup_character > div .img_character div img{display:inline-block; width:80px; height:100px;}
.layer_popup_character > div .text_character{float:left; width:220px;}
.layer_popup_character > div .text_character .character_title{display:block; margin-bottom:11px; font-size:14px; font-weight:bold; color:#333;}
.layer_popup_character > div .text_character .character_content{display:block; width:220px; margin-bottom:22px; padding-top:17px; background:url("../images/game_info/bg_character_text.gif") no-repeat 0 0; font-size:13px; text-align:left; line-height:1.2;}
.layer_popup_character > div .text_character a{display:block; width:80px; height:32px; background-color:#666; font-size:12px; font-weight:bold; color:#fff; text-align:center; line-height:32px;}
.layer_popup_character > a{position:absolute; top:0; right:0;}

/* guide_character_list */
.guide_character_list{width:685px; margin:0 auto;}
.guide_character_list .table_style3 th{padding:16px 0; text-align:center;}
.guide_character_list .table_style3 td{overflow:hidden; padding:8px 0; border-left:1px solid #ececec; font-size:12px; text-align:center; vertical-align:middle;}
.guide_character_list .table_style3 td:first-child{border-left:none;}
.guide_character_list .table_style3 td a{color:#1150d0; text-decoration:underline;}
.guide_character_list .table_style3 td.character_wrap{padding:8px 0 8px 3px;}
.guide_character_list .table_style3 td.character_wrap span{float:left; width:71px; padding:7px 1px 7px 5px;}
.guide_character_list .table_style3 td.character_wrap span img{display:block; width:60px; height:75px; margin:0 auto;}
.guide_character_list .table_style3 td.character_wrap span a{display:block; color:#888; text-decoration:underline; text-align:center;}

/* guide_character_view */
.guide_character_view{width:685px; margin:0 auto;}
.guide_character_view h6{margin-bottom:12px; font-size:15px; color:#444;}
.guide_character_view .character_view_title{overflow:hidden; margin-bottom:32px;}
.guide_character_view .character_view_title .big_img{float:left; width:390px; height:575px;}
.guide_character_view .character_view_title > div{float:right; width:282px;}
.guide_character_view .character_view_title > div .title{display:block; margin-bottom:13px; padding-bottom:10px; border-bottom:1px solid #666; font-size:16px; color:#333;}
.guide_character_view .character_view_title p{margin-bottom:50px; font-size:12px; color:#666; line-height:16px;}
.guide_character_view .character_view_title > div > div {width:280px; height:179px; border:1px solid #ddd;}
.guide_character_view .character_view_title > div > div > span{display:block; width:280px; height:38px; border-bottom:1px solid #ddd; background-color:#f2f2f2; font-size:14px; color:#888; line-height:38px;}
.guide_character_view .character_view_title > div > div > span span{color:#1150d0;}
.guide_character_view .character_view_title > div > div div{float:left; width:140px; padding-top:15px; text-align:center;}
.guide_character_view .character_view_title > div > div div img{display:inline-block; margin-right:7px; vertical-align:middle;}
.guide_character_view .character_view_title > div > div div a{display:inline-block; vertical-align:middle;}
.guide_character_view .character_view_title > div > div div a:first-child{margin-right:7px;}
.guide_character_view table{margin-bottom:32px; border-bottom:1px solid #ddd; table-layout:fixed; word-break:break-all;}
.guide_character_view table th{padding:13px 0; border-top:1px solid #ddd; border-right:1px solid #ddd; background-color:#f2f2f2; font-size:13px; font-weight:bold; color:#333; vertical-align:top;}
.guide_character_view table td{padding:13px 10px; border-top:1px solid #ddd; font-size:13px; color:#888;}
.guide_character_view table td.skill{padding:8px 10px;}
.guide_character_view table td ul{overflow:hidden;}
.guide_character_view table td ul li{float:left; width:281px; padding:3px 0;}
.guide_character_view table td ul li img{display:inline-block; margin-right:10px; width:24px; height:24px; vertical-align:middle;}
.guide_character_view table td ul li a{display:inline-block; font-size:12px; color:#2c80d6; text-decoration:underline; vertical-align:middle;}
.guide_character_view table.level_stat th{border-right:none; font-size:12px; font-weight:bold; color:#333;}
.guide_character_view table.level_stat th span{display:inline-block; width:40px; height:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;  background-color:#6badf1; font-size:11px; font-weight:bold; color:#fff; text-align:center; line-height:15px;}
.guide_character_view table.level_stat td{border-left:1px solid #ddd; color:#666; text-align:center;}
.guide_character_view table.level_stat td:first-child{border-left:none;}
.guide_character_view .img_skill{display:block; margin-bottom:32px; padding-top:28px; border-top:1px solid #ddd;}
.guide_character_view > div {overflow:hidden; margin-bottom:12px;}
.guide_character_view > div h6{float:left; margin-bottom:0;}
.guide_character_view > div a{float:right; width:30px; margin-top:8px; height:7px;}
.guide_character_view > div a img{vertical-align:top;}

/* guide_interface */
.interface_wrap{position:relative; width:695px; height:523px; margin-top:25px; margin-bottom:40px; background:url("../images/game_info/bg_ragStartInterface.jpg") no-repeat 0 0;}
.interface_wrap .interfaceArea > a{position:absolute; left:0; top:0; text-indent:-99999px; font-size:0; line-height:0; background-repeat:0 0; background-position:0 0;}
.interface_wrap a.interface01{left:1px; top:1px; width:220px; height:144px; background-image:url("../images/game_info/img_interface01_1.gif");}
.interface_wrap a.interface02{left:220px; top:1px; width:282px; height:34px; background-image:url("../images/game_info/img_interface01_2.jpg");}
.interface_wrap a.interface03{left:1px; top:144px; width:37px; height:39px;}
.interface_wrap a.interface22{left:37px; top:144px; width:37px; height:39px;}
.interface_wrap a.interface04{left:73px; top:144px; width:37px; height:39px;}
.interface_wrap a.interface05{left:109px; top:144px; width:37px; height:39px;}
.interface_wrap a.interface11{left:146px; top:144px; width:37px; height:39px;}
.interface_wrap a.interface07{left:181px; top:144px; width:37px; height:39px;}
.interface_wrap a.interface08{left:1px; top:180px; width:37px; height:39px;}
.interface_wrap a.interface12{left:37px; top:180px; width:37px; height:39px;}
.interface_wrap a.interface09{left:73px; top:180px; width:37px; height:39px;}
.interface_wrap a.interface06{left:109px; top:180px; width:37px; height:39px;}
.interface_wrap a.interface14{left:146px; top:180px; width:37px; height:39px;}
.interface_wrap a.interface10{left:181px; top:180px; width:37px; height:39px;}
.interface_wrap a.interface15{left:1px; top:214px; width:37px; height:39px;}
.interface_wrap a.interface13{left:37px; top:214px; width:37px; height:39px;}
.interface_wrap a.interface16{left:1px; top:253px; width:95px; height:26px; background-image:url("../images/game_info/img_interface01_16.gif");}
.interface_wrap a.interface17{left:1px; top:280px; width:95px; height:26px; background-image:url("../images/game_info/img_interface01_17.gif");}
.interface_wrap a.interface18{left:1px; top:306px; width:95px; height:26px; background-image:url("../images/game_info/img_interface01_18.gif");}
.interface_wrap a.interface19{left:1px; top:332px; width:95px; height:26px; background-image:url("../images/game_info/img_interface01_19.gif");}
.interface_wrap a.interface23{left:1px; top:358px; width:95px; height:26px; background-image:url("../images/game_info/img_interface01_23.gif");}
.interface_wrap a.interface20{left:1px; top:384px; width:95px; height:26px; background-image:url("../images/game_info/img_interface01_20.gif");}
.interface_wrap a.interface21{left:1px; top:426px; width:596px; height:96px; background-image:url("../images/game_info/img_interface01_21.jpg");}
.interface_on > a.interface01{background-position:0 144px;}
.interface_on > a.interface02{background-position:0 34px;}
.interface_on > a.interface03, .interface_on > a.interface04, .interface_on > a.interface05, .interface_on > a.interface06, .interface_on > a.interface07, .interface_on > a.interface08, .interface_on > a.interface09, .interface_on > a.interface10, .interface_on > a.interface11, .interface_on > a.interface12, .interface_on > a.interface13, .interface_on > a.interface14, .interface_on > a.interface15, .interface_on > a.interface22{background-image:url("../images/game_info/img_interfaceIconOn.png"); background-position:0 bottom;}
.interface_on > a.interface16, .interface_on > a.interface17, .interface_on > a.interface18, .interface_on > a.interface19, .interface_on > a.interface20, .interface_on > a.interface23 {background-position: 0 26px;}
.interface_on > a.interface21{background-position: 0 96px;}
.popup_interface {display:none; position:absolute; left:232px; top:44px; width:390px; height:340px; padding:20px; background:url("../images/game_info/bg_interfaceLayerpopup.png") no-repeat 0 0;}
.popup_interface div{width:390px; height:340px; overflow-y:scroll; overflow-x:hidden;}
.popup_interface div strong{display:block; margin-bottom:5px; color:#93b3e1; font-size:14px; font-weight:bold; letter-spacing:-1px;}
.popup_interface div p{color:#d3d3d3; letter-spacing:-1px;}
.popup_interface div p + strong{margin-top:15px;}
.popup_interface div p + span{margin-top:30px;}
.popup_interface div span{display:block; text-align:center; margin:0 10px 20px 0;}
.popup_interface .close {position:absolute; right:-20px; top:0;}
.interface_on .popup_interface {display:block;}

/** runemidgarts **/
.runemidgarts h5{padding-left:10px; margin:30px 0 9px; background:url("../images/game_info/bul_h5.gif") no-repeat 0 50%; font-size:16px; font-weight:bold; color:#333;}
.runemidgarts h6{margin-bottom:13px; font-size:15px; font-weight:bold; color:#333;}

/* runemidgarts_main */
.runemidgarts_main .search_wrap{margin-bottom:47px;}
.runemidgarts_main_title{width:600px; height:91px; margin-bottom:40px; padding:88px 0 0 120px; background:url("../images/game_info/bg_runemidgarts_main_title.jpg") no-repeat 0 0;}
.runemidgarts_main_title strong{display:block; margin-bottom:8px; font-size:20px; color:#111;}
.runemidgarts_main_title span{display:block; padding-left:54px; font-size:14px; color:#666;}
.runemidgarts_main dl{overflow:hidden; width:720px; height:74px; margin-bottom:13px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.runemidgarts_main dl.last{margin-bottom:45px;}
.runemidgarts_main dl dt{float:left; width:101px; height:72px; background-color:#f5f5f5; font-size:14px; font-weight:bold; text-align:center; line-height:72px;}
.runemidgarts_main dl dd{float:left;}
.runemidgarts_main dl dd ul{overflow:hidden; padding-left:36px;}
.runemidgarts_main dl dd ul li{float:left; height:72px; line-height:72px; padding-left:22px; margin-left:22px; background:url("../images/game_info/bar_runemidgarts_main_type.gif") no-repeat 0 50%;}
.runemidgarts_main dl dd ul li:first-child{padding-left:0; margin-left:0; background:none;}
.runemidgarts_main dl dd ul li a{font-size:13px; color:#2c80d6; text-decoration:underline;}

/* runemidgarts_list */
.runemidgarts_list{width:686px; margin:0 auto;}
.runemidgarts_list table{border-top:2px solid #333;}
.runemidgarts_list .table_style2 tr:first-child td{border-width:1px 0 1px 1px;}
.runemidgarts_list .table_style2 tr:first-child td:first-child{border-width:1px 0;}
.runemidgarts_list table th a{display:inline-block; margin-left:2px;}
.runemidgarts_list table td{height:auto; padding:6px 0;}
.runemidgarts_list table td.icon img{display:block; width:24px; height:31px; margin:0 auto;}
.runemidgarts_list.skill table td.icon img{display:block; width:24px; height:24px; margin:0 auto;}
.runemidgarts_list table td.name{ padding-left:7px; text-align:left;}
.runemidgarts_list table td.name .icon_cash{display:inline-block; width:27px; height:13px; margin-right:4px; margin-top:1px; background:url("../images/game_info/icon_cash.gif") no-repeat 0 0; vertical-align:top;}
.runemidgarts_list table td.name a{display:inline-block; overflow:hidden; color:#2c80d6; vertical-align:top; word-break:break-all;}
.runemidgarts_list table td.job{padding-left:10px;text-align:left;}
.runemidgarts_list.skill table td.job a{color:#2c80d6;}
.runemidgarts_list.card table td.icon img{display:block; width:50px; height:67px;}
.runemidgarts_list.qupet table td.icon img, .runemidgarts_list.monster table td.icon img{display:block; width:120px; height:120px;}
.runemidgarts_list.qupet table{border-top:none;}
.runemidgarts_list.qupet table td{padding:0;}
.runemidgarts_list{margin-bottom:15px;}
.monster_type_choice{overflow:hidden; position:relative; margin-bottom:30px; border:1px solid #e5ebf5; background:url("../images/community/bg_job_choice.gif") repeat-y 1px 1px;}
.monster_type_choice .moster_type_wrap{padding:14px 0 10px 24px;}
.monster_type_choice .moster_type_wrap > li{overflow:hidden; margin-top:8px;}
.monster_type_choice .moster_type_wrap > li:first-child{margin-top:0;}
.monster_type_choice .moster_type_wrap > li .title{float:left; margin-right:44px; font-size:12px; font-weight:bold; color:#333;}
.monster_type_choice .moster_type_wrap > li ul{overflow:hidden; float:left; width:496px;}
.monster_type_choice .moster_type_wrap > li ul li{float:left; width:62px; margin-bottom:5px;}
.monster_type_choice .moster_type_wrap > li ul li.level{width:auto;}
.monster_type_choice .moster_type_wrap > li ul li label{display:inline-block; font-size:11px; vertical-align:middle;}
.monster_type_choice .moster_type_wrap > li ul li input{display:inline-block; margin-right:4px; vertical-align:middle;}
.monster_type_choice .moster_type_wrap > li ul li input[type="text"]{width:63px; height:18px; padding:0 5px; border:1px solid #bbb; color:#666; line-height:18px;}
.monster_type_choice .moster_type_wrap > li ul li span{display:inline-block; margin-right:4px; vertical-align:middle;}
.monster_type_choice button{position:absolute; top:50%; right:32px; width:59px; height:32px; margin-top:-17px; border:1px solid #c1dcff; background-color:#f4f8fd; color:#536da2; text-align:center; line-height:32px;}

/* runemidgarts_view */
.runemidgarts_view .view_info{overflow:hidden; margin-bottom:30px;}
.runemidgarts_view .view_info .big_img{float:left; width:144px; height:144px; margin-right:15px; padding:7px; border:1px solid #e3e3e3; background-color:#e3e3e3;}
.runemidgarts_view .view_info .big_img span{display:table-cell; width:130px; height:130px; padding:7px; background-color:#fff; text-align:center; vertical-align:middle;}
.runemidgarts_view .view_info .big_img span img{display:inline-block; max-width:130px; max-height:130px;}
.runemidgarts_view .view_info .text_wrap{float:left; width:527px;}
.runemidgarts_view .view_info .text_wrap .title{display:block; margin-bottom:5px; font-size:16px; font-weight:bold; color:#333;}
.runemidgarts_view .view_info .text_wrap p{padding-top:15px; background:url("../images/game_info/bg_text_wrap.gif") no-repeat 0 0; font-size:13px; color:#666; line-height:18px;}

/* runemidgarts_search */
.runemidgarts_search .no_result{padding:20px 0 40px;}
.runemidgarts_search .search_result{margin-bottom:30px; color:#333;}
.runemidgarts_search .search_result span{color:#1150d0;}

/** popup_character_setup **/
.popup_character_setup{display:none; overflow:hidden; position:fixed; top:50%; left:50%; width:600px; height:519px; margin:-260px 0 0 -300px; background-color:#fff; z-index:10;}
.popup_character_setup h2{width:580px; height:50px; margin-bottom:60px; padding-left:20px; background-color:#1150d0; font-size:16px; font-weight:bold; color:#fff; line-height:50px;}
.popup_character_setup p{margin-bottom:30px; text-align:center; font-size:16px; color:#333;}
.popup_character_setup .character_select{display:block; width:520px; height:80px; margin:0 auto 40px; background-color:#f5f5f5; line-height:80px; text-align:center;}
.popup_character_setup p span{display:block; padding-top:8px; font-size:13px; color:#666;}
.popup_character_setup .character_select span{display:inline-block; margin-right:11px; font-size:14px; font-weight:bold; color:#1150d0;}
.popup_character_setup h3{margin-bottom:16px; padding-left:40px; font-size:14px; font-weight:bold; color:#333;}
.popup_character_setup .character_select select{display:inline-block; width:220px; height:36px; border:1px solid #ddddde; background-color:#fff; font-size:12px; color:#666; line-height:36px;}
.popup_character_setup ul{margin-bottom:40px; padding-left:40px;}
.popup_character_setup ul li{padding-top:7px; color:#666;}
.popup_character_setup ul li:first-child{padding-top:0;}
.popup_character_setup .btn_wrap{display:block; overflow:hidden; position:relative; width:600px; text-align:center;}
.popup_character_setup .btn_wrap .btn_center{display:inline-block;}
.popup_character_setup .btn_wrap .btn_center button{display:inline-block; width:60px; height:30px; margin-left:10px; background-color:#2963d7; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:30px;}
.popup_character_setup .btn_wrap .btn_center button:first-child{margin-left:0;}
.popup_character_setup .btn_wrap .btn_center button.bg_gray{background-color:#999;}

/** popup_game_start **/
.popup_game_start {display:none; overflow:hidden; width:463px; height:72px; padding-top:183px; background:url("../images/main/bg_game_start_content.jpg") no-repeat 0 0;}
.popup_game_start div{overflow:hidden; position:relative; float:left; width:247px; height:70px;}
.popup_game_start div ul{position:absolute; top:0; left:0; width:217px; padding:12px 15px; z-index:2;}
.popup_game_start div ul li{margin-top:3px;}
.popup_game_start div ul li:first-child{margin-top:0;}
.popup_game_start div ul li a{display:inline-block; overflow:hidden; width:177px; font-size:12px; color:#fff; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.popup_game_start div ul li span{display:inline-block;font-size:12px; color:#fff; vertical-align:top;}
.popup_game_start div .bg_ul{position:absolute; top:0; left:0; width:247px; height:70px; background-color:#000; opacity : 0.3; filter: alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; z-index:1;}
.popup_game_start .btn_banner{float:left; width:215px; height:70px;}
.popup_game_start .btn_banner img{display:inline-block; width:215px; height:70px;}

.guide_content .txtBlock {margin-bottom:10px;}
.guide_content .txtBlock p{margin:0; padding:0}
.guide_content .smallTit {font-weight:bold; font-size:14px; color:#333 !important}
.guide_content .txtBlock a{position:static;}
.guide_content .txtBlock .infoLink{color:#1150d0; display:inline-block; padding-top:5px; text-indent:13px; margin-bottom:20px}
.guide_content .icon_2 ~ .txtBlock .infoLink {text-indent:0px}
.toggleArea {width:100%;}
.toggleTit{display:block !important; position:static !important; font-size:14px; color:#333 !important; background:#f5f5f5; padding:8px 10px; font-weight:bold;cursor:pointer;margin-bottom:5px !important}
.toggleTit:hover{background:#e9f0ff !important}
.toggleTit > i {display:inline-block; font-family:"Gothic";  font-style:normal; color:#2963d7; font-size:10px; margin-right:5px;transform: rotate(-90deg);}

.toggleBlock table.w230 {width:230px}
.toggleBlock table.w350 {width:350px}
.toggleBlock table thead th {text-align:center; padding:10px 0; background:#ececec; box-sizing:border-box; border-top:3px solid #333333; border-bottom:1px solid #ececec}
.toggleBlock table tbody th {text-align:center; padding:10px 5px; background:#f5f5f5; box-sizing:border-box;border-bottom:1px solid #ececec }
.toggleBlock table td {text-align:center;border-bottom:1px solid #ececec; padding:8px 5px; font-size:11px !important; vertical-align:middle}
.toggleBlock table td.trb{border-right:1px solid #ececec;}
.toggleBlock .fl {float:left}
.toggleBlock table.fl{margin-right:15px;}
.toggleBlock table.last {margin-right:0;}
.toggleBlock .clear:after{clear:both; display:block;content:""}
.guide_character_all .vocation { display:inline-block; position:absolute; left:225px;top:0px;}
.guide_character_all .vocation.v02 { display:inline-block; position:absolute; left:322px;}
.guide_character_all .vocation.v03 { display:inline-block; position:absolute; left:409px;} /* 190122 추가 */
.guide_character_all .tree2 { position: Absolute; left: 323px; top: 0;}
.guide_character_all .tree2 li a { box-sizing: border-box; margin-bottom: 7px;}
.guide_character_all .tree2.v02 {top: 89px;}
.guide_character_all .tree2.v03 {top: 177px;}
.guide_character_all .tree2.v04 {top: 265px;}
.guide_character_all .tree2.v05 {top: 354px;}
.guide_character_all .tree2.v06 {top: 441px;}

/* 190122 추가 */
.guide_character_all .tree3 { position: Absolute; left: 409px; top: 0;}
.guide_character_all .tree3 li a { box-sizing: border-box; margin-bottom: 7px; width: 88px;}
.guide_character_all .tree3.v02 {top: 89px;}
.guide_character_all .tree3.v03 {top: 177px;}
.guide_character_all .tree3.v04 {top: 265px;}
.guide_character_all .tree3.v05 {top: 354px;}
.guide_character_all .tree3.v06 {top: 441px;}
.guide_character_all .tree3.v07 {top: 578px;} 
/* //190122 추가 */
.guide_character_all  dl.v7 { margin-top: 103px;}

/* 220824 수정 */
.contents .board_view ul li.view_contents,
.contents .board_view ul li.view_contents * {
    line-height: 1.785;
    letter-spacing: 0.01em;
}


/* 청원게시판 관련 css */
.menu--petition::before { content: ''; display: none; background: url(../images/common/img-petitionEvent.png) no-repeat; width: 37px; height: 13px; position: absolute; left: 0; top: 0; }

.petitionBox { width: 100%; height: 45px; margin-bottom: 30px;  }

.petitionBox ul { width: 100%; height: 45px; display: flex; justify-content: space-between;}
.petitionBox ul li a {  display: flex; align-items: center; justify-content: center; color: #000; width: 100%; height: 100%; }  
.petitionBox ul li { font-weight: bold; color: #333333; font-size: 14px; width: 230px; border: 1px solid #666; height: 100%; box-sizing: border-box; background: #f1f1f1; display: flex; align-items: center; justify-content: center; }
.petitionBox ul li:nth-child(1) { border: 1px solid #aec1e9; }
.petitionBox ul li:nth-child(2) { border: 1px solid #edc2c4; }
.petitionBox ul li:nth-child(3) { border: 1px solid #d8d8d8; }


.petitionBox ul li:nth-child(1) span { margin-left: 5px; color: #1150d0; }
.petitionBox ul li:nth-child(2) span { margin-left: 5px; color: #e55454; }
.petitionBox ul li:nth-child(3) span { margin-left: 5px; color: #333333; }

.numberOfConsenters::before { content: ''; background: url(../images/common/img-numberOfConsenters.png) no-repeat; display: inline-block; width: 17px; height: 11px; position: relative; left: -4px; top: 2px; }



.contents .board_view ul li.petitionStatusBox { padding:40px 0 80px; box-sizing: border-box; }

.petitionStatusBox .gaugeWrap { width: 500px; height: 115px; margin: 0 auto; position: relative; }
.petitionStatusBox .gaugeWrap span { font-weight: bold; }
.petitionStatusBox .gaugeWrap span.numberOfConsenters::before { content: ''; background: url(../images/common/img-numberOfConsenters.png) no-repeat; display: inline-block; width: 17px; height: 11px; position: relative; left: -4px; top: 2px; }

.petitionStatusBox .gaugeWrap span.achievementPercent { font-weight: bold;  display: inline-block;  position: absolute; right: 0px; top: 0px; }

.petitionStatusBox .gaugeWrap .gauge { width: 100%; height: 20px; border-radius: 10px; background-color: #e3e3e3; position: relative; margin-top: 10px; }
.petitionStatusBox .gaugeWrap .gauge .persent{ content: ''; width: 0%; height: 20px; border-radius: 10px; background-color: #2c63d3; position: absolute; z-index: 5; }

.petitionStatusBox .gaugeWrap .agreeButton { box-sizing: border-box; padding-left: 10px; background-color: #fff; width: 150px; transition: 0.5s all;  height: 50px; margin: 25px auto 0; display: block; border: 1px solid #dddddd; border-radius: 1px; font-size: 15px; font-weight: bold; position: relative; line-height: 50px; text-align: center; cursor: pointer; }  
.petitionStatusBox .gaugeWrap .agreeButton::before { content: ''; background: url(../images/common/img-agree-off.png) no-repeat; transition: 0.5s all; width: 18px; height: 17px;  display: inline-block; position: relative; left: -5px; top: 3px;  }  
.petitionStatusBox .gaugeWrap .agreeButton:hover { border: 1px solid #2c63d3; }
.petitionStatusBox .gaugeWrap .agreeButton:hover::before { background: url(../images/common/img-agree-on.png) no-repeat; }




/* 221223 수정 : editor_tbl_custom 스타일 추가 샘플 */
.editor_tbl_custom{
    table-layout: fixed;
    border-collapse: collapse;
}
.editor_tbl_custom td,
.editor_tbl_custom th{
    border: 1px solid;
    padding: 0.2em;
}