@charset "euc-kr"; 
@import url('common.css'); 
@import url('board.css'); 
@import url('setup.css'); 
@import url('jquery.fancybox-1.3.4.css'); 


/* common */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-size:100%; 
	vertical-align:baseline; 
	background:transparent; 
}
body {font:12px/1.5 '¸¼Àº °íµñ', Arial; color:#707070; letter-spacing:-0.5px; word-break:break-all; word-wrap:break-word; -ms-word-break:break-all; -webkit-text-size-adjust:none;}
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; /* border:0; */ outline:0; font-size:100%; background:transparent;}
table {border-collapse:collapse; /* border-spacing:0; */}
caption {position:absolute; top:-9999999px; font:0/0 "¸¼Àº °íµñ"; color:transparent;}
ul, ol {list-style-type:none;}
figcaption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
a {color:#a0a0a0; text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent; /* -webkit-transition:all 0.25s linear; transition:all 0.25s linear; */ outline:none;}
em {font-style:normal;}
img {vertical-align:top;}
legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
input,
select,
textarea {font:normal 12px/1 '¸¼Àº °íµñ', '³ª´®°íµñ', Arial; color:#707070; vertical-align:middle;}
input[type="text"] {/* -webkit-transition:all 0.25s linear; transition:all 0.25s linear; */ outline:none; resize:none;}
button {margin:0; padding:0; border:0 none; background-color:transparent; font-family:'¸¼Àº °íµñ', '³ª´®°íµñ', Arial; /* -webkit-transition:all 0.25s linear; transition:all 0.25s linear; */ outline:none;}
button::-moz-focus-inner {padding:0; border:0;} /* firefox ¿©¹é¹æÁö */
.hide {position:absolute; top:-99999999px; font:0/0 "¸¼Àº °íµñ"; color:transparent;}
.cd00e31 {color:#d00e31 !important;}


/* ### ·¹À̾ƿô ### */
.wrap {position:relative; min-width:1100px; overflow:hidden;}
.logo {padding-top:15px; text-align:center;}
.bg_sub1 {background:url("../img/sub/bg_sub1.jpg") no-repeat 50% 0;}
.bg_sub2 {background:url("../img/sub/bg_sub2.jpg") no-repeat 50% 0;}
.bg_sub3 {background:url("../img/sub/bg_sub3.jpg") no-repeat 50% 0;}
.bg_sub4 {background:url("../img/sub/bg_sub4.jpg") no-repeat 50% 0;}
.bg_sub5 {background:url("../img/sub/bg_sub5.jpg") no-repeat 50% 0;}
.bg_sub6 {background:url("../img/sub/bg_sub6.jpg") no-repeat 50% 0;}
.bg_sub7 {background:url("../img/sub/bg_sub7.jpg") no-repeat 50% 0;}
.bg_sub7_check {background:url("../img/sub/bg_sub7_check.jpg") no-repeat 50% 0;}
.header {position:relative;*z-index:100;} /* 2015.08.20 */
/* »ó´Ü À¯Æ¿ */
.header .util {position:absolute; left:50%; top:15px; /* width: 180px; margin-left: 374px; */ width:330px; margin-left:194px;  height:18px; font:bold 12px/18px "¸¼Àº °íµñ"; color:#b5b5b5;}
.header .util .bgm {float:left; margin-top:-3px;}
.header .util .bgm em {float:left; margin:1px 5px 0 0;}
.header .util .bgm .box {height:18px; display:inline-block;}
.header .util .bgm .box button {float:left; width:18px; height:18px; font:0/0 "¸¼Àº °íµñ"; color:transparent; background:url("../img/header/btn_play.png") no-repeat 0 0;}
.header .util .bgm .box p {float:left; width:80px; height:1px; margin:9px 0 0 5px; font:0/0 "¸¼Àº °íµñ"; color:transparent; background-color:#a0a0a0;}
.header .util .bgm .box p span {height:1px; background-color:#d00e31; display:inline-block;}
.header .util .sns_f {float:left; margin-left:20px;}
.header .util .sns_f img {margin-right:2px;}
.header .util .sns_f a {line-height:20px; *letter-spacing: -1px;}
.header .util .sns_f2 {float:right;}
.header .util .sns_f2 img {margin-right:2px;}
.header .util .sns_f2 a {color:#b5b5b5;}
/* »ó´Ü GNB ¸Þ´º */
.header .inner {height:67px; padding-bottom:8px; background:url("../img/header/gnb_line.png") repeat-x 0 100%;}
.header .inner .bg_sub {position:absolute; left:0; bottom:-39px; width:100%; height:39px; padding-bottom:8px; background:url("../img/header/gnb_line.png") repeat-x 0 100%; display:none;}
.header .gnb {width:1100px; height:100%; margin:0 auto;}
.header .gnb .menu {float:left; height:100%; zoom:1;} /* 2015.08.20 */
.header .gnb .menu:after {clear:both; content:""; display:block;}
.header .gnb .menu > li {position:relative; float:left; width:142px; height:60px; padding-top:7px; text-align:center;} /* 2015.08.20 */
.header .gnb .menu > li > a {position:relative; padding:0 5px 6px 5px; font:bold 19px/54px "¸¼Àº °íµñ"; color:#fff; letter-spacing:-1px; display:block; z-index:5; -webkit-transition:none; transition:none;}
/* 2015.08.20
.header .gnb .menu > li.on > a, 
.header .gnb .menu > li > a:hover {font-size:22px; line-height:50px; padding:0 5px 11px 5px;}
*/
.header .gnb .menu > li > .over {position:absolute; left:-102px; bottom:-8px; width:335px; height:40px; background:url("../img/header/1dep_over.png") no-repeat 0 0; display:none;}
.header .gnb .menu > li.on > .over {display:block;}
.header .gnb .menu > li .sub {position:absolute; left:0; bottom:-39px; width:500px; display:none; z-index:10;}
.header .gnb .menu > li.on .sub {display:block;}
/* 2015.08.20 */
.header .gnb .menu > li.menu1 {width:115px;text-align:left;}
.header .gnb .menu > li.menu1 > a {padding-left:20px;}
.header .gnb .menu > li.menu8 {width:133px;text-align:right;}
.header .gnb .menu > li.menu8 > a {padding-right:20px;}
/* //2015.08.20 */

.header .gnb .menu > li .sub li {position:relative; float:left; margin-left:40px;}
.header .gnb .menu > li .sub li:first-child {margin-left:0;}
.header .gnb .menu > li .sub li a {position:relative; /* min-width:52px; */ padding-bottom:1px; font:bold 14px/39px "¸¼Àº °íµñ"; color:#fff; letter-spacing:-1px; opacity:0.75; filter:alpha(opacity=75); display:inline-block; z-index:1;}
.header .gnb .menu > li .sub li.on a, 
.header .gnb .menu > li .sub li a:hover {opacity:1; filter:alpha(opacity=100);}
.header .gnb .menu > li .sub li .over {position:absolute; left:50%; bottom:-8px; width:227px; height:38px; margin-left:-114px; background:url("../img/header/2dep_over.png") no-repeat 0 -17px; display:none;}
.header .gnb .menu > li .sub li.on .over {display:block;}
.header .gnb .btn_game_down {float:left; width:186px; height:58px; margin:5px 0 0 -9px; font:0/0 "¸¼Àº °íµñ"; color:transparent; background:url("../img/header/btn_game_down.png") no-repeat 0 0; cursor:pointer;}
.header .gnb .btn_game_down:hover {background-position:0 -58px;}
.header .gnb .img_mogri {position:absolute; left:50%; bottom:-8px; margin-left:503px; margin-bottom:12px;}
.header .gnb .over_depth1 {position:absolute; left:50%; bottom:0; width:335px; height:40px; /* margin-left:-650px; */ background:url("../img/header/1dep_over.png") no-repeat 0 0; opacity:0; filter:alpha(opacity=0);}
.header .gnb .over_depth2 {position:absolute; left:50%; bottom:-40px; width:227px; height:38px; /* margin-left:-640px; */ background:url("../img/header/2dep_over.png") no-repeat 0 -17px; opacity:0; filter:alpha(opacity=0);}

.header .gnb .over_depth1 {margin-left:-625px}
.header .gnb .menu > li.menu1 .sub {left:20px; min-width:237px;} /* 2015.08.20 */
.header .gnb .menu > li.menu2 .sub {left:18px; min-width:290px;}
.header .gnb .menu > li.menu3 .sub {left:-93px; min-width:485px;}
.header .gnb .menu > li.menu4 .sub {left:36px; min-width:323px;}
.header .gnb .menu > li.menu5 .sub {left:-280px; min-width:784px;}/* 2016.06.08 ¸Þ´º Ä£±¸ÃÊ´ë°Ô½ÃÆÇ Ãß°¡ */
.header .gnb .menu > li.menu6 .sub {left:43px; min-width:169px;}
.header .gnb .menu > li.menu7 .sub {left:-105px; min-width:240px;}

/* °íÁ¤ ¸Þ´º : 2015.08.17 */
.fixed_gnb_wrap {height:75px;}
.header .fixed_gnb {position:fixed;top:0;left:0;padding-bottom:0;width:100%;height:50px;background:none;*background:#0a1d36;z-index:1000}
.header .fixed_gnb:after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:50px;background:#0a1d36;opacity:0.95;filter:alpha(opacity=95);}
.header .fixed_gnb .menu > li {padding-top:5px;height:43px;}
.header .fixed_gnb .menu > li > a {line-height:37px;}
.header .fixed_gnb .menu > li.on > a, 
.header .fixed_gnb .menu > li > a:hover,
.header .fixed_gnb .menu > li:hover > a {padding-bottom:6px;font-size:19px;line-height:37px;background:url(../img/common/bul_arr.gif) no-repeat 50% 83%;}
.header .fixed_gnb .menu > li:hover > a:before {content:'';display:block;position:absolute;bottom:0;left:50%;margin:0 -10px;width:19px;height:15px;background:url(../img/common/bg_blur.png) no-repeat 0 0;}
.header .fixed_gnb .menu > li .sub li a {opacity:1;filter:alpha(opacity=100);}
.header .fixed_gnb .menu > li .sub li.on a,
.header .fixed_gnb .menu > li .sub li a:hover {text-decoration:underline;}
.header .fixed_gnb .menu > li .sub li.on a:after,
.header .fixed_gnb .menu > li .sub li a:hover:after {content:'';display:block;position:absolute;bottom:11px;left:0;width:100%;/*height:1px;*/background:#fff;}
.header .fixed_gnb .menu > li .sub li a:hover:after {box-shadow: 0 0 5px 2px rgba(142,210,255,0.3);}
.header .fixed_gnb .btn_game_down {position:relative;z-index:10;margin:-4px 0 0 -9px;}
.header .fixed_gnb .img_mogri {display:none;}
.header .fixed_gnb .bg_sub  {opacity:0.85; filter:alpha(opacity=85);background:#0a1d36;bottom:-35px;height:27px;}
.header .fixed_gnb .over_depth1,
.header .fixed_gnb .over_depth2  {display:none;}
/* 2015.08.20 */
.header .fixed_gnb .menu > li:first-child.on > a, 
.header .fixed_gnb .menu > li:first-child > a:hover,
.header .fixed_gnb .menu > li:first-child:hover > a {background-position:40% 83%}
.header .fixed_gnb .menu > li:first-child:hover > a:before {left:40%;}
/* //2015.08.20 */

/* ÄÁÅÙÃ÷ */
.content {position:relative; width:1100px; margin:0 auto; margin-top:114px; zoom:1;}
.content:after {clear:both; content:""; display:block;}
.content .sub_title {float:left; margin-top:-2px; padding-left:31px; font:40px/47px "¸¼Àº °íµñ"; color:#fff; letter-spacing:-3px;}
.content .navi {float:left; margin-left:10px; padding-top:30px; color:#fff;}
.content .navi a {font: 12px "¸¼Àº °íµñ"; color:#fff;}
.content .navi a:hover {text-decoration:underline;}
.content .login {height:117px; padding:33px 20px 0 20px; background:url("../img/common/login_box.jpg") no-repeat 0 0;}
.content .login .btn_login {position:relative; width:225px; height:73px; margin-left:2px; color:#c9c9c9; background:url("../img/common/bg_btn_login.jpg") no-repeat 0 0; display:block; cursor:pointer;}
.content .login .btn_login:hover {color:#fff; background-position:0 -73px;}
.content .login .btn_login span {/* position:absolute; left:87px; top:17px; */ position:relative; width:100%; height:100%; font:bold 13px/19px "¸¼Àº °íµñ"; text-align:left; letter-spacing:-1px; cursor:pointer; display:block;}
.content .login .btn_login span em {position:absolute; left:87px; top:17px;}
.content .login .etc {height:22px; margin-top:10px;}
.content .login .etc a {float:left;}
.content .login .etc a:first-child {margin-left:22px;}
.content .login .user_info {padding:7px 0 11px 12px;}
.content .login .user_info strong {font-size:13px; color:#fff; display:block;}
.content .login .user_info p {margin-top:4px; font-weight:bold; line-height:16px;}
.content .login .join {padding:26px 0 28px 12px;}
.content .pcbang {height:20px; margin-top:5px; padding:10px 0 10px 46px; font:bold 13px/20px "¸¼Àº °íµñ"; color:#000; background:url("../img/common/bg_pcbang.jpg") no-repeat 0 0;}
.content .pcbang span {width:65px; height:18px; margin-left:44px; padding-top:2px; font:bold 11px/18px "¸¼Àº °íµñ"; color:#e5e5e5; text-align:center; vertical-align:top; background:url("../img/common/btn_pcbang.gif") no-repeat 0 0; display:inline-block;}
:root .content .pcbang span {line-height:16px\0/IE9;}
.content .pcbang span.on {background-position:0 -20px;}
.content .pcbang_etc {margin-top:5px; text-align:right;}
.content .pcbang_etc li {background:url("../img/common/bg_pcbang_etc.gif") no-repeat 0 4px; display:inline;}
.content .pcbang_etc li:first-child {background:none;}
.content .pcbang_etc li a {margin:0 15px; font:bold 11px "¸¼Àº °íµñ"; color:#707070; letter-spacing:-1px; -webkit-transition:all 0.25s linear; transition:all 0.25s linear;}
.content .pcbang_etc li a:hover {color:#000;}
.section_box {clear:both; min-height:490px; padding:61px 34px 70px 34px; zoom:1;}
.section_box:after {clear:both; content:""; display:block;}
.section_box .sectionL {position:relative; float:left; width:737px; min-height:655px; /* background-color:#eee; */}
.section_box .sectionR {float:right; width:270px;}
.section_box .sectionC {margin: 0 auto; width: 737px;}
/* ·Î±×Àοµ¿ª */
.member_wrap {position:relative;}
.member_wrap .login_txt {margin:19px 0 14px; width:100%; height:14px; background:url(../img/common/bg_txtlogin.png) no-repeat 50% 0; font-size:0; line-height:0;}
.member_wrap .pc_wrap {position:absolute; left:20px; bottom:1px; width:230px; padding:29px 0 5px; text-align:center;}
.member_wrap .pc_wrap .tit {position:absolute; top:-9999px; font-size:0; line-height:0;}
.member_wrap .pc_wrap p {position:absolute; top:0; right:0; padding:4px 0 6px; width:228px; background:#000; border-radius:3px; color:#898989; text-align:center;}
.member_wrap .pc_wrap p.on {color:#fff !important;} /* 2015.08.06 */
.member_wrap .pc_wrap a {position:relative; display:inline-block; padding:4px 4px 7px 10px;}
.member_wrap .pc_wrap a:hover {color:#fff;}
.member_wrap .pc_wrap a:after {content:''; position:absolute; top:8px; left:0; display:block; width:1px; height:12px; background:#4b4b4b;}
.member_wrap .pc_wrap p + a:after {display:none;}
.member_wrap .pc_wrap p.on + a {margin-left:-15px; padding-left:26px; background:url(../img/main/icon_2.png) no-repeat 6px 4px}
.member_wrap .login_wrap {padding-bottom:69px; background:#1b1b1b; border:1px solid #313131;}
.member_wrap .login_wrap .btn_type11 {display:block; margin:0 0 4px 21px; width:228px;}
.member_wrap .login_wrap_after {position:relative; padding-bottom:66px; background:#1b1b1b; border:1px solid #373737;}
.member_wrap .login_wrap_after:after {content:''; display:block; position:absolute; top:-1px; left:-1px; right:-1px; height:112px; background:#000; border:1px solid #313131; border-bottom:none;}
.member_wrap .login_wrap_after i {position:relative; display:inline-block; margin:15px -31px 0 18px; width:31px; height:31px; background:url(../img/common/icon_eorzea.gif) no-repeat 0 0; vertical-align:top; z-index:2;}
.member_wrap .login_wrap_after i strong {display:none; position:absolute; top:-33px; left:0; padding:2px 0 5px; width:156px; background:#d33048; border-radius:13px; text-align:center; color:#fff; font-style:normal;}
.member_wrap .login_wrap_after i strong:after {content: ''; position: absolute; top:17px; left:18px; height:0; width:0; display:block; border: 8px transparent solid; border-right-width: 0; border-left-color: #d33048;}
.member_wrap .login_wrap_after i:hover strong {display:block;}
.member_wrap .login_wrap_after .header {position:relative; overflow:hidden; display:inline-block; margin:10px 20px 12px 20px; padding-bottom:26px; width:76%; vertical-align:top; z-index:3; *display:inline; *zoom:1;}
.member_wrap .login_wrap_after i + .header {margin:10px 0 12px 34px;}
.member_wrap .login_wrap_after .header .tit {float:left; font-size:13px; color:#fff;}
.member_wrap .login_wrap_after .header .text_crystal {position:absolute; bottom:0; left:1px;}
.member_wrap .login_wrap_after .header ul {clear:both; font-size:0; line-height:0;}
.member_wrap .login_wrap_after .header ul li {position:relative; display:inline-block; margin-top:-1px; padding:0 0 0 8px; font-size:12px; line-height:1.5; color:#fff; *letter-spacing:-0.1em; *display:inline; *zoom:1;}
.member_wrap .login_wrap_after .header ul li:first-child {padding-left:0 !important;}
.member_wrap .text_crystal {font:bold 12px/20px "¸¼Àº °íµñ"; color:#000;}
.member_wrap .text_crystal strong {margin-left:10px; padding-left:18px; background:url("../img/common/icon_crystal_13.png") no-repeat 0 4px; font-size:16px; color:#0e6ed0; vertical-align:top;}
.member_wrap .btn_new_tab {position:relative; height:27px; z-index:2;}
.member_wrap .btn_new_tab li {float:left; height:100%;}
.member_wrap .btn_new_tab li a {width:168px; height:23px; font:0/0 "¸¼Àº °íµñ"; color:transparent; display:block;}
.member_wrap .btn_new_tab li:first-child a {margin-left:3px; background:url("../img/main/tab_char.gif") no-repeat 50% 0;}
.member_wrap .btn_new_tab li:first-child + li a {margin-left:1px; background:url("../img/main/tab_crystal.gif") no-repeat 50% 0;}
.member_wrap .btn_new_tab li.on:first-child {margin-left:-1px; background:url("../img/main/bg_tab.gif") no-repeat 100% 0; border-left:1px solid #373737}
.member_wrap .btn_new_tab li.on:first-child a {width:176px; height:27px; margin-left:0; background-position:3px -30px;}
.member_wrap .btn_new_tab li + li.on {background:url("../img/main/bg_tab.gif") no-repeat 1px 0;}
.member_wrap .btn_new_tab li + li.on a {width:173px; height:27px; margin-left:4px; background-position:2px -30px;}
.member_wrap .cont_tab {position:relative; margin:-1px 0 1px; padding-top:9px; border-top:1px solid #373737; background:#1b1b1b url("../img/main/bg_cont_tab.gif") no-repeat 0 0; z-index:1;}
.member_wrap .cont_char h3 {position:absolute; left:40px; top:10px;}
.member_wrap .cont_char h3 img {width:86px; height:86px;}
.member_wrap .cont_char dl {width:171px; height:78px; margin:0 auto; padding:10px 0 0 99px; background:url("../img/main/bg_user_info.gif") no-repeat 0 0;}
.member_wrap .cont_char dl dt {position:absolute; top:-999999999px; font:0/0 "¸¼Àº °íµñ"; color:transparent; display:inline-block;}
.member_wrap .cont_char dl dd {padding:0 6px 0 8px; background:url("../img/main/bg_user_info_l.gif") no-repeat 0 4px; display:inline-block; color:#a0a0a0;}
.member_wrap .cont_char dl dd strong {margin-left:1px;}
.member_wrap .cont_char dl dt:first-child + dd {margin-bottom:2px; padding:0; font:bold 13px/18px "¸¼Àº °íµñ"; color:#fff; background:none; display:block;}
.member_wrap .cont_char dl dt:first-child + dd + dt + dd {padding:0 6px 0 0; background:none;}
.member_wrap .btn_char {position:absolute; left:139px; top:64px; width:156px; height:22px; font:0/0 "¸¼Àº °íµñ"; color:transparent; background:url("../img/main/btn_char.gif") no-repeat 0 0; display:block;}
.member_wrap .btn_char:hover {background-position:0 -22px;}
.member_wrap .login_link {padding:4px 0 7px 0; text-align:center; background-color:#1b1b1b;}
.member_wrap .login_link a {position:relative; margin:0 12px 0 9px; font:bold 12px/16px "¸¼Àº °íµñ"; color:#a0a0a0; display:inline-block;}/* 16.10.12  ¸¶Áø°ª ¼öÁ¤ */
.member_wrap .login_link a strong {color:#fff;}
.member_wrap .login_link a:hover {color:#fff;}
.member_wrap .login_link a:hover strong {text-decoration:underline;}
.member_wrap .login_link a:after {content:""; position:absolute; left:-13px; top:3px; width:2px; height:12px; background:url("../img/main/bg_user_info_l.gif") no-repeat 0 0;}/* 16.10.12  left °ª ¼öÁ¤ */
.member_wrap .login_link a em{color:#3e84ff}/* ½ºÅ¸ÀÏ Ãß°¡ (ÄíÆù¼ö·®Ä÷¯)*/
.member_wrap .login_link a:first-child:after {display:none;}
.member_wrap .cont_crystal {min-height:99px;}
.member_wrap .cont_crystal > h3 {top:9px; left:50%; margin:0 -115px; ; width:230px; height:102px; background:url("../img/main/bg_user_info2.gif") no-repeat 0 0; z-index:1;}
.member_wrap .cont_crystal .info {position:relative; margin:7px 0 4px 34px; z-index:2; width:201px; padding-bottom:5px;border-bottom:1px solid #3d3c3d;}
.member_wrap .cont_crystal .info li {color:#a0a0a0; line-height:16px;}
.member_wrap .cont_crystal .info li em {color:#0e6ed0;}
.member_wrap .cont_crystal .info li strong {color:#fff; font-weight:normal;}
.member_wrap .cont_crystal .info li span.line {color:#404040}
.member_wrap .cont_crystal .info li span.line:before {content:"¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡"}
.member_wrap .cont_crystal .veteran_txt {position:relative; z-index:2; margin:0 34px; color:#a0a0a0;}
.member_wrap .cont_crystal .veteran_txt em{color:#0e6ed0}
.member_wrap .cont_crystal .veteran_txt strong {display:inline-block; margin:3px 6px 0 0; width:14px; height:14px; font:0/0"¸¼Àº °íµñ"; background:url('../img/billing/icon2.gif') no-repeat 0 0; vertical-align:top; text-indent:-9999px}
.member_wrap .cont_crystal .veteran_info {display:none; position:absolute; left:2px; padding:5px 0; border:2px solid #0e6ed0; background:#fff; border-radius:5px; font:0/0"¸¼Àº °íµñ"; text-align:center; z-index:10; *width:98%;}
.member_wrap .cont_crystal .veteran_info li {display:inline-block; margin:0 3px; font:12px/20px "¸¼Àº °íµñ"; color:#000; *display:inline; *zoom:1; *letter-spacing:-0.1em;}
.member_wrap .cont_crystal .veteran_info li strong {display:inline-block; margin:4px 0 0; padding-left:20px; height:14px; line-height:1em; background:url('../img/billing/icon2.gif') no-repeat 0 0; vertical-align:top;}
.member_wrap .cont_crystal .vip {background-position:0 -14px !important;}
.member_wrap .cont_crystal .top {background-position:0 -28px !important;}
.member_wrap .cont_crystal a {position:absolute; bottom:3px; right:26px; display:block; width:60px; height:22px; background:url(../img/common/btn_veteran.png) no-repeat 0 0; font:0/0"¸¼Àº °íµñ"; z-index:2; text-indent:-9999px}
.member_wrap .cont_crystal a:hover {background-position:0 -22px;}
/* Footer */
.footer {background-color:#eee;}
.footer .inner {width:1056px; margin:0 auto; padding:23px 20px 51px 24px; zoom:1;}
.footer .inner:after {clear:both; content:""; display:block;}
.footer .footer_logo {float:left; margin-top:16px;}
.footer .addr_etc {float:left; width:690px; text-align:center;}
.footer .addr_etc ul {padding-top:1px;}
.footer .addr_etc ul li { padding:0 14px 0 15px; background:url("../img/common/footer_bg_line1.gif") no-repeat 0 5px; display:inline-block; *display:inline;}
.footer .addr_etc ul li:first-child {background:none;}
.footer .addr_etc ul li a {font:bold 12px/20px "¸¼Àº °íµñ"; color:#000;}
.footer .addr_etc ul li a:hover {text-decoration:underline;}
.footer .addr_etc address {margin-top:10px; font:normal 12px/20px "¸¼Àº °íµñ";}
.footer .addr_etc address .under_link {color:#000; text-decoration:underline;}
.footer .footer_squ {float:left; margin:16px 0 0 0;}
/* ¸®¸ðÆ® ¹è³Ê */
.bg_main .remote_banner {position:absolute; left:50%; top:196px; width:100px; margin-left:565px;}
.bg_main .remote_banner a, 
.content .remote_banner a {display:block;}
/* .bg_main .remote_banner a:first-child + a + a + a {margin-top:15px;} */
.content .remote_banner {position:absolute; right:-110px; top:69px; width:100px;}


/* ### ÆäÀÌÁö : ¸ÞÀÎ(º¯°æ Àü) ### */
.main .bg_main { background: url('../img/main/bg_main.jpg') no-repeat center 0;}
.main .header { position: relative; z-index: 100;}
.main .header .util { /*margin-left: 401px; width: 180px; */ margin-left:221px;}
.main .content { position: relative; margin-top: -442px; padding-bottom: 44px; width: 100%; *zoom:1; z-index: 10; *padding-bottom: 24px;}
.main .content:after {display: block; content: ''; clear: both;} 
.main .section_box { position: relative; margin: 0 auto; padding:0; width: 1100px; *zoom: 1; z-index: 20;}
.main .section_box:after {display: block; content: ''; clear: both;} 
.main .section_box .sectionM { margin-bottom: 30px; width: 100%; height: 270px; background: url('../img/main/bg_news_login.png') no-repeat 0; overflow: hidden;}
.main .section_box .sectionL { position: static; width: 805px; float: left;}
.main .section_box .sectionR { width: 275px; float: right;}
/* ¸ÞÀÎ ¹è°æ ½½¶óÀ̵å */
.bg_slide { position: relative; top:-143px; width: 100%; height: 840px; text-align:center;}
.bg_slide ul {position:absolute; top: 0; left: 0; width: 100%; height: 840px; overflow: hidden;}
.bg_slide ul li {position:absolute; left:0; top:0; width: 100%; height: 592px; padding-top:248px; font:0/0 "¸¼Àº °íµñ"; color:transparent; opacity:0; filter:alpha(opacity=0); display:none; z-index: 10;}
.bg_slide ul li.on {opacity:1; filter:alpha(opacity=100); display:block;}
/*
.bg_slide ul li.bg_icon1 a { background: url('../img/main/bg_visual_a1.png') no-repeat 305px 5px;}
.bg_slide ul li.bg_icon2 a { background: url('../img/main/bg_visual_a2.png') no-repeat 298px 10px;}
*/
.bg_slide ul li a {display:inline-block; margin: 0 auto; /* padding-left: 391px; width: 709px; height: 150px; */ color: #fff; text-align: left;}
.bg_slide ul li a .s_tit { display: block; line-height: 30px; font-size: 28px; opacity:0.5; filter:alpha(opacity=50);}
.bg_slide ul li a .b_tit { display: block; margin-bottom: 5px; line-height: 42px; font-size: 40px;}
.bg_slide ul li a .s_date { display: block; line-height: 16px; font-size: 14px; font-weight: bold; opacity:0.5; filter:alpha(opacity=50);}
.bg_slide .bg1 { width: 100%; height: 840px; background: url('../img/main/bg_visual1.png') no-repeat center 0; display:none;}
.bg_slide .bg2 { width: 100%; height: 840px; background: url('../img/main/bg_visual2.png') no-repeat center 0; display:none;}
.bg_slide .bg3 { width: 100%; height: 840px; background: url('../img/main/bg_visual3.png') no-repeat center 0; display:none;}
.bg_slide .bg4 { width: 100%; height: 840px; background: url('../img/main/bg_visual4.png') no-repeat center 0; display:none;}
.bg_slide .bg5 { width: 100%; height: 840px; background: url('../img/main/bg_visual5.png') no-repeat center 0; display:none;}
.bg_slide .bx-viewport { height: 840px !important;}
.main .bx-prev { position: absolute; top: 284px; left:60px; width: 31px; height: 62px; line-height: 0; font-size:0; text-indent: -9999px; background: url('../img/main/btn_prev.png') no-repeat 0 0; z-index:35;}
.main .bx-next { position: absolute; top: 284px; right:60px; width: 31px; height: 62px; line-height: 0; font-size:0; text-indent: -9999px; background: url('../img/main/btn_next.png') no-repeat 0 0; z-index:35;}
.main .bx-prev:hover { background: url('../img/main/btn_prev_on.png') no-repeat 0 0;}
.main .bx-next:hover { background: url('../img/main/btn_next_on.png') no-repeat 0 0;}
/* ¸ÞÀÎ : ºñÁÖ¾ó*/
.visual { position: relative; margin: 0 auto; padding-top: 95px; width: 570px; height: 100px; z-index: 9;}
.visual ul { padding:0px !important; height: 100px; *zoom: 1;}
.visual ul:after { display: block; content: ''; clear: both;}
.visual ul li a { display: block; height: 100px;}
.visual .bx-controls a { width: 31px; height: 62px; line-height: 0; font-size:0; text-indent: -9999px;}
.visual .bx-prev { position: absolute; top: 109px; left: -655px; background: url('../img/main/btn_prev.png') no-repeat 0 0;}
.visual .bx-next { position: absolute; top: 109px; right: -655px; background: url('../img/main/btn_next.png') no-repeat 0 0;}
/* ¸ÞÀÎ : °¡ÀÌµå ¹è³Ê */
.guide { position: absolute; top: -132px; left: 50%; margin-left: -232px; width: 470px; z-index: 50;}
.guide ul { width: 100%; overflow: hidden;}
.guide li { width: 33%; float: left;}
.guide li.guide1 { background: url('../img/main/guide1.png') no-repeat center 3px;}
.guide li.guide2 { background: url('../img/main/guide2.png') no-repeat center 3px;}
.guide li.guide3 { background: url('../img/main/guide3.png') no-repeat center 3px;}
.guide li a { display: block; padding-top: 81px; color: #fff; text-align: center;}
.guide li a em { display: block; color: #fff; line-height: 20px; font-size: 14px;}
.guide li a span { display: block; color: #a0a0a0; line-height: 20px; font-size: 12px;}
.guide li a:hover { color: #fff; text-decoration: underline;}
.guide li a:hover span { color: #fff;}
/* ¸ÞÀÎ : °ÔÀÓ´Ù¿î·Îµå */
.main .game_down { position: absolute; top:-275px; left: 50%; margin-left: 288px; padding: 17px 18px 16px; width: 213px; height: 245px; background: url('../img/main/bg_game_down.png') no-repeat 0 0; z-index: 30;}
.main .game_down button { line-height: 0; font-size: 0; text-indent: -9999px;}
.main .game_down .btn_game_down { display: block; width: 100%; height: 182px; cursor: pointer;}
.main .game_down .btn_join { display: block; width: 100%; height: 63px; cursor: pointer;}
.main .game_down .img_mogri { position: absolute; bottom: 24px; right: -155px; margin-bottom:12px;}
/* ¸ÞÀÎ : »õ¼Ò½Ä */
.news { padding-top: 42px; width: 275px; float: left;}
.new_list li {height:36px; padding: 11px 22px 10px 22px; *padding-top: 12px;}
.new_list li a { display: inline-block; max-width: 210px; *max-width: 205px; color: #fff; line-height: 18px; font-size: 13px; *letter-spacing: -1px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; *display: inline; *zoom:1; word-wrap:normal;}
.new_list li a:hover { text-decoration: underline;}
.new_list li img { margin: 3px 0 0 3px; vertical-align: top;}
.new_list li .date {margin-top:-2px; color: #a0a0a0; line-height: 13px; font-size: 11px; display: block;}
/* ¸ÞÀÎ : À̺¥Æ® ½½¶óÀÌµå ¹è³Ê */
.event_slide { position: relative; padding-top: 1px; width: 550px; height: 268px; float: left; overflow: hidden;}
.event_slide ul { height: 268px; *zoom:1;}
.event_slide ul:after { display: block; content: ''; clear: both;}
.event_slide ul li {position:absolute; /* left:0; top:-268px; */ left:550px; top:1px;}
.event_slide ul li.on {/* top:1px; */ left:0;}
.event_slide ul li.on {top:1px;}
.event_slide li a { display: block; height: 268px;}
.event_slide .bx-controls { position: absolute; bottom: 10px; left: 20px; z-index:50;}
.event_slide .bx-controls .bx-pager-item { display: inline-block; margin-right: 3px; width: 22px; height: 26px; *display: inline; *zoom: 1;}
.event_slide .bx-controls .bx-pager-item .bx-pager-link { display: block; color: #a3a3a3; line-height: 26px; font-size: 12px; font-weight: bold; text-align: center; background: url('../img/main/bg_slide_pager.png') no-repeat 0 0;}
.event_slide .bx-controls .bx-pager-item .bx-pager-link.active { color: #fff; background-position: 0 -26px;}
/* ¸ÞÀÎ : ·Î±×ÀÎ, PC¹æ */
.main .login_pc { padding-top: 42px; width: 275px; float: left;}
.main .login_pc .login { padding: 0 20px; background: none;}
.main .content .login .btn_login { height: 79px; background: url('../img/main/bg_btn_login.png') no-repeat 0 0;}
.main .content .login .btn_login:hover { background-position: 0 -78px;}
.main .content .login .user_info.join { padding-top: 31px;}
.main .login .etc .btn_type1{ margin-left: 25px; line-height: 21px; *margin-left: 16px;}
:root .main .login .etc .btn_type1 {line-height:18px\0/IE9;}
.main .login .etc a:first-child + a span { *margin-left: -16px; *letter-spacing: -1px;}
.main .btn_type1 span { min-width: 48px; white-space: nowrap;}
.main .content .login .user_info { padding-top: 12px;}
.main .content .pcbang { margin-top: 33px; padding: 11px 0 9px 34px; color: #b5b5b5; line-height: 15px; background: none;}
.main .content .pcbang span { margin-left: 50px; background: url('../img/main/btn_pcbang.png') no-repeat 0 0;}
:root .main .content .pcbang span {line-height:14px\0/IE9;}
.main .content .pcbang_etc { padding: 0 14px 0 5px;}
.main .content .pcbang_etc li { background: url('../img/main/bg_pcbang_etc.png') no-repeat 0 4px;}
.main .content .pcbang_etc li a { margin: 0 8px; color: #a0a0a0; font-size: 12px;}
.main .content .pcbang_etc li a:hover { color: #fff;}
/* ¸ÞÀÎ : ¿¡¿À¸£Á¦¾Æ */
.eorzea { margin-bottom: 27px; width: 100%; overflow: hidden;}
.eorzea ul { margin-left: -9px; width: 813px; *zoom: 1;}
.eorzea ul:after { display: block; content: ''; clear: both;}
.eorzea ul li { position: relative; margin-left: 9px; width: 262px; height:236px; float: left;}
.eorzea ul li a { display: block;}
.eorzea ul li .thum { position: relative; margin-bottom: 9px; width: 100%; height: 153px;}
.eorzea ul li .thum img { max-width: 100%;}
.eorzea ul li .mark_onair { position: absolute; top: 0; right: 6px;}
.eorzea ul li .thum em { position: absolute; bottom: 0; left: 0; padding: 0 12px; width: 238px; height: 30px; color: #fff; line-height: 30px; font-size: 15px; font-weight: bold; background: url('../img/main/bg_title.png') repeat 0 0;}
.eorzea ul li .tit { margin-bottom: 3px; color: #000; line-height: 17px; font-size: 15px; *letter-spacing: -1px;}
.eorzea ul li .tit:hover { text-decoration: underline;}
.eorzea ul li p { color: #707070; line-height: 18px; font-size: 12px; letter-spacing: -1px;}
.eorzea ul li .date { color: #707070; line-height: 18px; font-size: 12px;}
/* ¸ÞÀÎ : µ¿¿µ»ó */
.video_area.list_type1 { margin: 0 0 25px;}
.video_area.list_type1 ul { margin-left: -11px; width: 816px;}
.video_area.list_type1 li { margin-left: 11px; width: 395px;}
.video_area.list_type1 ul > li .thum { height: 230px;}
.video_area.list_type1 ul > li .thum img {max-height:230px;}
.video_area.list_type1 ul > li .list_info .tit:hover { color:#000;}
.video_area.list_type1 ul > li .thum .btn_play { width: 395px;}
.video_area.list_type1 ul > li .btn_wrap { right: 15px;}
/* ¸ÞÀÎ : ¾ÆÆ®¿÷, ½ºÅ©¸°¼¦ */
.multi_list { position: relative; margin-bottom: 26px; width: 100%; overflow: hidden;}
.multi_list h2 { margin-bottom: 8px; color: #000; line-height: 21px; font-size: 19px;}
.multi_list ul { margin-left: -9px; width: 813px; *zoom: 1;}
.multi_list ul:after { display: block; content: ''; clear: both;}
.multi_list ul li { position: relative; margin-left: 9px; width: 262px; float: left;}
.multi_list ul li:hover .btn_box { display: block;}
.multi_list ul li .thum { display: block; width: 100%; height: 153px;}
.multi_list ul li .thum img { max-width: 100%;}
.multi_list ul li .btn_box { position: absolute; bottom: -38px; left: 0; padding: 2px 10px; width: 242px; height: 34px; text-align: right; background: url('../img/main/bg_btn_box.png') repeat 0 0;}
.multi_list ul li .btn_box a { margin-left: 5px; vertical-align: middle;}
.multi_list .btn_more { position: absolute; top: 7px; right: 0; width: 15px; height: 15px; text-align: cneter;}
.multi_list ul li > a { display: block;}
/* ¸ÞÀÎ : ½ºÅ丮ºÏ */
.story_book { margin-bottom: 20px;}
.story_book a { display: block;}
/* ¸ÞÀÎ : ¼¼°è°ü */
.ff_world { margin-bottom: 55px;}
.ff_world h2 { padding: 0 20px; height: 38px; color: #fff; line-height: 38px; font-size: 15px; background-color: #0e6ed0;}
.ff_world ul { border: 1px solid #dcdcdc; border-top: 0 none;}
.ff_world ul li { padding: 12px 19px; height: 82px; border-top: 1px solid #dcdcdc;}
.ff_world ul li:first-child { border-top: 0 none;}
.ff_world ul li.world1 { background: url('../img/main/bg_world01.png') no-repeat right bottom;}
.ff_world ul li.world2 { background: url('../img/main/bg_world02.png') no-repeat right bottom;}
.ff_world ul li.world3 { background: url('../img/main/bg_world03.png') no-repeat right bottom;}
.ff_world ul li a { display: inline-block; *display: inline; *zoom: 1;}
.ff_world ul li a:hover strong { text-decoration: underline;} 
.ff_world ul li a strong { display: block; margin-bottom: 2px; color: #000; line-height: 17px; font-size: 15px;}
.ff_world ul li a span { color: #707070; line-height: 16px; font-size: 12px;}
/* ¸ÞÀÎ : ¹è³Ê¸ðÀ½ */
.banner_area { margin-bottom: 20px; width: 100%; overflow: hidden;}
.banner_area ul { width: 135px;}
.banner_area ul.bn_l { float: left;}
.banner_area ul.bn_r { float: right;}
.banner_area ul li { position: relative; height: 154px; z-index: 10;}
.banner_area ul li:first-child + li { margin-top: -1px; z-index: 5;} 
.banner_area ul li:first-child + li:hover { z-index: 20;}
.banner_area ul li a { display: block; position: relative; padding: 31px 0 25px; border: 1px solid #dcdcdc; text-align: center;}
.banner_area ul li a span { position: absolute; top: 5px; left: 10px; color: #a0a0a0; line-height: 14px; font-size: 12px; letter-spacing: 0px; }
.banner_area ul li a strong { display: block; color: #535353; line-height: 16px; font-size: 14px;}
.banner_area ul li a img { display: inline-block; margin-bottom: 4px;}
.banner_area ul li a:hover { border-color: #c6c6c6; background-color: #e5e5e5;}
/* ¸ÞÀÎ ¿ìÃø °øÅë ½½¶óÀ̵å */
.content .story_book .banner_zone {height:153px; margin-top:0;}
.content .story_book .banner_zone ul li {width:275px; height:153px;}
.content .story_book .banner_zone ul li img {width:100%; height:100%;}
.main .content .banner_zone .count {background:none;}

/* ### ÆäÀÌÁö : ¸ÞÀÎ(º¯°æ ÈÄ) ### */
/* ¸ÞÀÎ °øÅë */
.section_wrap {position:relative; overflow:hidden; margin:15px 0 70px;}
.section_wrap .section_cont {position:relative; float:left; margin-left:17px;}
.section_wrap .section_cont:first-child {margin-left:0;}
.section_wrap .tit {margin:8px 0 6px; font-size:19px; color:#000;}
.section_wrap .notice_wrap,
.section_wrap .banner_type1 {float:left;}
.section_wrap .banner_type1 {margin-left:-1px; width:738px;}
.section_wrap .btn_more {overflow:hidden; position:absolute; top:10px; right:0; display:block; width:27px; height:27px; background:url(../img/main/btn_more2.gif) no-repeat 50%; font-size:0; line-height:0;}
.main_article {position:relative; margin:53px auto 0; width:1100px;}
/* ¸ÞÀÎ ¹è³Ê ½½¶óÀ̵å */
.main_slider {position:relative; overflow:hidden; width:730px; height:360px;}
.main_slider .slider_nav {position:absolute; bottom:0; padding-left:30px; width:700px; height:40px; font-size:0; line-height:0; background:rgba(0,0,0,0.5); z-index:5;}
.main_slider .slider_nav button {display:inline-block; margin:0 3px 0 4px; width:60px; height:40px; font:0/0 "¸¼Àº °íµñ"; color:transparent; text-align:left; z-index:3; cursor:pointer;}
.main_slider .slider_nav button > span {height:12px; transform:skew(40deg, 0); -webkit-transform:skew(40deg, 0); display:block; overflow:hidden;}
.main_slider .slider_nav button > span > span {height:100%; transform:skew(-60deg, 0); -webkit-transform:skew(-60deg, 0); background:#6a6e7d; display:block; overflow:hidden;}
.main_slider .slider_nav button em {width:0; height:100%; transform:skew(40deg, 0); -webkit-transform:skew(40deg, 0); display:block;}
.main_slider .slider_nav button.on em {background:#d33048;}
.main_slider ul {position:relative; width:730px; height:360px; zoom:1;}
.main_slider ul:after {clear:both; content:""; display:block;}
.main_slider ul li {position:absolute; left:730px; top:0; width:730px; height:100%;}
.main_slider ul li.on {left:0; z-index:2;}
.main_slider ul li a {position:relative; height:100%; display:block;}
.main_slider .slider_nav + strong, 
.main_slider ul li strong {position:absolute; top:17px; left:68px; display:block; padding:7px 11px 11px 9px; background:url(../img/main/bg_banner_right.png) no-repeat 100% 0; font-weight:normal; font-size:13px; color:#a0a0a0; *background:#000000 url(../img/main/icon_1.png) no-repeat 3px 5px; *border:1px solid #37425e; z-index:5;}
.main_slider .slider_nav + strong:before, 
.main_slider .slider_nav + strong:after, 
.main_slider ul li strong:before,
.main_slider ul li strong:after {content:''; position:absolute; top:0; display:block; height:100%;}
.main_slider .slider_nav + strong:before, 
.main_slider ul li strong:before {left:-2px; width:2px; background:url(../img/main/bg_banner_left.png) no-repeat 0 0;}
.main_slider .slider_nav + strong:after, 
.main_slider ul li strong:after {top:-1px; width:42px; left:-50px; background:url(../img/main/icon_1.png) no-repeat 0 50%;}
/* ¸ÞÀÎ :  ·Î±×Àοµ¿ª */
.main .member_wrap {position:absolute; top:0; right:2px; width:348px; height:358px;}
.main .member_wrap .btn_gdown {width:350px; background-position:0 0;}
.main .login_wrap,
.main .login_wrap_after {width:348px; height:253px; padding:0;}
.main .login_wrap .btn_type11 {margin-left:41px; width:268px;}
.main .login_txt  {margin:37px 0 12px;}
.main .pc_wrap  {left:40px; bottom:10px; width:263px; padding:0 0 0 7px; background:#000; border-radius:3px; text-align:left;}
.main .pc_wrap p  {top:5px; right:7px; padding:0 14px 4px; width:auto; background:#434343; border-radius:10px; color:#a0a0a0; line-height:16px}
.main .pc_wrap p.on + a  {margin-left:0;}
.main .login_wrap_after:afte {height:87px;}
.main .login_wrap_after i  {margin:14px -49px 0 39px;}
.main .member_wrap .login_wrap_after .header  {margin:9px 0 11px 38px; width:auto; padding:0;}
.main .member_wrap .login_wrap_after i + .header {margin:9px 0 11px 54px;}
.main .login_wrap_after .header ul li  {margin-top:0; padding:0 9px;}
.main .login_wrap_after .header ul li:after {content:''; position:absolute; top:5px; left:0; display:block; width:1px; height:12px; background:#424242;}
.main .login_wrap_after .header ul li:first-child:after {display:none;}
.main .login_wrap_after .header .text_crystal {position:relative; float:left; margin:-1px 0 0 9px;}
.main .login_wrap_after .header .text_crystal strong {background-position:0 5px;}
.main .member_wrap .cont_crystal {min-height:88px;}
.main .member_wrap .cont_crystal > h3 {margin:0 -135px; width:270px; background-image:url("../img/main/bg_user_info.gif")}
.main .member_wrap .cont_crystal .info {margin:0 34px 4px 54px; margin-top:7px; font:0/0"¸¼Àº °íµñ"; *top:12px;border-bottom:1px solid #3d3c3d; width:242px;padding-bottom:3px}
.main .member_wrap .cont_crystal .info li {position:relative; font:12px/19px "¸¼Àº °íµñ"; *display:inline; *zoom:1;line-height: 17px}
.main .member_wrap .cont_crystal .veteran_txt {margin-top:1px; margin-left:55px; *top:12px; line-height:16px}
.main .member_wrap .cont_crystal .veteran_txt em{color:#0e6ed0}
.main .member_wrap .cont_crystal a {right:6px; bottom:5px; width:100px; background-position:0 0}
.main .member_wrap .cont_crystal a:hover {right:6px; width:100px; background-position:0 -22px;}
.main .member_wrap .cont_crystal .veteran_info {left:45px;}
/* ¸ÞÀÎ ÆÐÄ¡ ³ëÆ® */
.patch_wrap {margin:15px 0;}
/* ¸ÞÀÎ »õ¼Ò½Ä  */
.notice_wrap {position:relative; padding:14px 24px; width:312px; height:149px; border:1px solid #d2d2d2; background:#fff;}
.notice_wrap .tit {margin:0 0 4px; font-size:19px; color:#000000;}
.notice_wrap ul li a {display:inline-block; max-width:290px; color:#fff; line-height:23px; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; color:#000; vertical-align:top;}
.notice_wrap ul li a:hover {color:#d33149; text-decoration:underline;}
.notice_wrap ul li img {display:inline-block; margin:7px 0 0 6px; vertical-align:top; width:12px; height:12px;}
.notice_wrap .btn_more {top:14px; right:13px;}
/* ¸ÞÀÎ ÇÏ´Ü ¸µÅ© ¹è³Ê  */
.main_link {margin:30px 0 27px;}
.main_link li:first-child a {background-image:url(../img/main/bn1.png)}
.main_link li:first-child + li a {background-image:url(../img/main/bn2.png)}
.main_link li:first-child + li + li a {background-image:url(../img/main/bn3.png)}
.main_link li:first-child + li + li + li a {background-image:url(../img/main/bn4.png)}
.main_link a:hover {color:#000; text-decoration:underline;}
/* IE9 ÇÏÀ§¹öÀü */
@media \0screen\,screen\9 {
	.member_wrap .pc_wrap:before {display:none;}
}

/* ### ¼­ºê : ·Î±×ÀÎ ¿µ¿ª ### */
.content .member_wrap .btn_new_tab li a {width:128px;}
.content .member_wrap .btn_new_tab li.on:first-child a {width:136px; background-position:-17px -30px;}
.content .member_wrap .btn_new_tab li + li.on a {width:132px; margin-left:5px; background-position:-19px -30px;}
.content .member_wrap .cont_tab {margin-bottom:5px;}
.content .member_wrap .cont_char h3 {left:19px; top:20px; border:1px solid #454545;}
.content .member_wrap .cont_char dl {/* width:217px; */ width:128px; height:89px; padding:10px 19px 0 121px; background:none;}
.content .member_wrap .cont_char dl dt:first-child + dd {margin-bottom:3px;}
.content .member_wrap .cont_char dl dt:first-child + dd + dt + dd {margin-bottom:-1px; display:block;}
.content .member_wrap .cont_char dl dt:first-child + dd + dt + dd + dt + dd {float:left; padding:0 6px 0 0; background:none;}
.content .member_wrap .btn_char {left:121px; top:85px; background-position:0 -44px;}
.content .member_wrap .btn_char:hover {background-position:0 -66px;}
.member_wrap + .free_banner, 
.member_wrap + .banner_zone, 
.member_wrap + .free_banner + .banner_zone {margin-top:10px;}

/* ### ÆäÀÌÁö : EORZEA Co. : ·¹ÅͶóÀ̺ê ### */
.content_top.bg_letterlive { margin-bottom: 20px; padding: 23px 20px; height: 104px; background: url('../img/sub/bg_letterlive.png') no-repeat 0 0;}
.content_top.bg_light { margin-bottom: 20px; padding: 23px 20px; height: 104px; background: url('../img/sub/bg_light.png') no-repeat 0 0;}
.content_top.bg_thefeast { margin-bottom: 20px; padding: 23px 20px; height: 104px; background: url('../img/sub/bg_thefeast.png') no-repeat 0 0;}

/* ### ÆäÀÌÁö : EORZEA Co. : ¿ù°£ EORZEA ### */
.content_top.bg_diary { margin-bottom: 20px; padding: 23px 20px; height: 104px; background: url('../img/sub/bg_diary.png') no-repeat 0 0;}

/* ### ÆäÀÌÁö : EORZEA Co. : Ãß¾ïÀÇ ÀϱâÀå ### */
.content_top.bg_¤·eorzea { margin-bottom: 20px; padding: 23px 20px; height: 104px; background: url('../img/sub/bg_eorzea.png') no-repeat 0 0;}

/* ### ÆäÀÌÁö : EORZEA Co. : GM³ëÆ® ### */
.content_top.bg_gm{ margin-bottom: 20px; padding: 0 20px; height: 150px; background: url('../img/sub/bg_gm.png') no-repeat 0 0;}
.content_top.bg_gm strong { color: #fff; line-height: 150px; font-size: 19px;}

/* ### ÄÁÅÙÃ÷ : ÀÚ·á½Ç : ´Ù¿î·Îµå - 2015.09.07 ¼öÁ¤ ### */
.content .CDN { margin-top:11px; padding-bottom: 5px; background:url("../img/sub/bg_down_bottom.jpg") no-repeat 0 bottom;}
.content .CDN > div { background: #000 url("../img/sub/bg_down_top2.jpg") no-repeat 0 0;}
.content .CDN ul {padding:10px 198px 5px 30px;}
.content .CDN ul li {padding:15px 0 14px 0; font:13px/56px "¸¼Àº °íµñ"; color:#c9c9c9; border-top: 1px solid #4b4b57;}
.content .CDN ul li:first-child {border-top: 0 none;}
.content .CDN ul li b {color:#fff;}
.content .CDN .btn_down {width:192px; height:56px; margin-right:7px; font:bold 19px/56px "¸¼Àº °íµñ"; color:#fff; vertical-align:middle; background:url("../img/sub/btn_down.png") no-repeat 0 0; cursor:pointer; text-indent: 0;}
.content .trial_CDN {height:350px; margin-top:9px; background:url("../img/sub/bg_trial_CDN3.jpg") no-repeat 0 0;}/* 16.07.12 background ¼öÁ¤ */
.content .trial_CDN strong {padding:41px 0 0 33px; font:bold 16px/20px "¸¼Àº °íµñ"; color:#000; letter-spacing:-0.05em; display:block;}
.content .trial_CDN p {padding:5px 0 0 34px; font:13px/20px "¸¼Àº °íµñ"; color:#000; letter-spacing:-0.05em;}
.content .trial_CDN .btn_trial_down {margin:16px 0 0 34px; font:bold 19px/21px "¸¼Àº °íµñ"; color:#fff; text-align:center; letter-spacing:-0.05em; display:inline-block;}
.content .trial_CDN .btn_type13 {margin:11px 0 0 35px;}
.content .graphic_down {margin-top:10px; border-bottom:1px solid #000;}
.content .graphic_down li {position:relative; padding:22px 148px; border:solid #dcdcdc; border-width:1px 1px 0 1px; background:url("../img/sub/bg_graphic.jpg") no-repeat 0 0;}
.content .graphic_down li.gra2 {padding:21px 148px 25px 148px; background-position:0 -101px;}
.content .graphic_down li.gra3 {padding:21px 148px 25px 148px; background-position:0 -222px;}
.content .graphic_down li:first-child {border-top:1px solid #000;}
.content .graphic_down li dl {}
.content .graphic_down li dl dt {font:bold 14px "¸¼Àº °íµñ"; color:#000;}
.content .graphic_down li dl dd {margin-top:1px;}
.content .graphic_down li .btn_type4 {position:absolute; right:20px; top:50%;}

/* ### 20·¹º§ ¹«·áÇýÅà µ¿ÀÇ ·¹À̾îÆ˾÷ - 2015.09.07 Ãß°¡ */
.dimmed_box {position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.7; filter:alpha(opacity=70); z-index:1005; display:none;}
.free_agree_layer {position:absolute; left:50%; top:320px; width:650px; margin-left:-325px; background:url("../img/sub/free_agree_layer3.jpg") no-repeat 0 0; display:none; z-index:1010;}/* 16.07.12 background ¼öÁ¤ */
.free_agree_layer .head_box {height:137px; font:0/0 "¸¼Àº °íµñ"; color:transparent;}
.free_agree_layer .cont_box {padding:23px 34px 35px 34px; color:#000; letter-spacing:-0.05em; background-color:#fff;}
.free_agree_layer .cont_box strong {font:bold 19px/26px "¸¼Àº °íµñ"; display:block;}
.free_agree_layer .cont_box dl {margin-top:5px; padding:21px 26px 27px 26px; border:1px solid #bfbfbf;}
.free_agree_layer .cont_box dl dt {font:bold 15px/20px "¸¼Àº °íµñ";}
.free_agree_layer .cont_box dl dd {margin-top:3px; font:13px/19px "¸¼Àº °íµñ";}
.free_agree_layer .cont_box dl dd em {color:#d33048;}
.free_agree_layer .cont_box dl dd + dt {margin-top:13px;}
.free_agree_layer .cont_box dl + strong {margin-top:20px;}
.free_agree_layer .cont_box ul {margin-top:5px; padding:19px 26px 27px 26px; border:1px solid #bfbfbf;}
.free_agree_layer .cont_box ul li {line-height:19px;}
.free_agree_layer .cont_box ul + p {margin-top:4px;}
.free_agree_layer .bot_box {padding-bottom:23px; color:#fff; text-align:center; background-color:#000;}
.free_agree_layer .bot_box p {padding:15px 0 9px 0; font-size:13px;}
.free_agree_layer .btn_close {position:absolute; right:7px; top:6px; width:32px; height:32px; font:0/0 "¸¼Àº °íµñ"; color:transparent; background:url("../img/common/btn_layer_close.gif") no-repeat 0 0; display:block;}


/* ### ÆäÀÌÁö : °í°´¼¾ÅÍ : FAQ ### */
.faq_tit_list { width: 100%; overflow: hidden;}
.faq_tit_list li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1;}
.faq_tit_list li a { display: block; padding: 0 7px; color: #707070; line-height: 18px; *letter-spacing: -1px;}
.faq_tit_list li:first-child { padding-left:0}
.faq_tit_list li a:hover { color: #000; text-decoration: underline;}
.faq_tit_list li.on a { color: #000; text-decoration: underline;}

/* ### ÆäÀÌÁö : °í°´¼¾ÅÍ : ¹®ÀÇÇϱâ ### */
.inquiry_step {overflow:hidden; padding-top:178px; width:737px; height:0; background:url('../img/services/bg_inquiry_step.gif') no-repeat 0 0;}

/* ### ÆäÀÌÁö : °í°´¼¾ÅÍ : ¹®ÀÇÇϱâ :  ¿ø°ÝÁö¿ø ### */
.remote_info1 {margin-top:9px; padding:25px 29px 0; height:187px; background:url('../img/services/bg_remote.gif') no-repeat 100% 100%; border:1px solid #dcdcdc; color:#000000; letter-spacing:-0.08em;}
.remote_info1 .tit {margin-bottom:13px; font-size:16px; line-height:22px; font-weight:normal;}
.remote_info1 li {margin-bottom:1px; font-size:13px;}
.remote_info2 {border:1px solid #dcdcdc; letter-spacing:-0.08em;}
.remote_info2 p {padding:25px 28px 27px; border-bottom:1px solid #dcdcdc; font-size:13px; line-height:20px; color:#000;}
.remote_info2 .tit {padding:24px 28px 6px; font-size:16px; color:#000; font-weight:normal;}
.remote_info2 dl {padding:0 28px 38px;}
.remote_info2 dl dt,
.remote_info2 dl dd {display:inline-block; margin:0 -3px 1px 0; vertical-align:top; color:#0e6ed0; *display:inline; *zoom:1;}
.remote_info2 dl dt {width:5%;}
.remote_info2 dl dd {width:95%;}
.remote_info2 + .txt_type1 {margin:5px 0 0 30px;}
.remote_step {overflow:hidden;}
.remote_step li {position:relative; float:left; margin:0 38px 30px 0; width:218px; height:118px; border:1px solid #dcdcdc; text-align:center; font-size:13px; color:#000; font-weight:bold;}
.remote_step li:before {content:''; display:inline-block; width:0.01%; height:100%; vertical-align:middle;}
.remote_step li:after {content:''; position:absolute; top:51px; right:-26px; display:block; width:12px; height:18px; background:url('../img/common/bul_arr2.gif') no-repeat 0 0;}
.remote_step li span {display:inline-block; vertical-align:middle; *padding-top:15px;}
.remote_step li:first-child + li + li {margin-right:0;}
.remote_step li:first-child + li + li:after {left:50%; top:127px; margin:0 -9px; width:18px; height:12px; background-position:0 -18px;}
.remote_step li:first-child + li + li ~ li {float:right; margin-right:0; margin-bottom:0; margin-left:38px;}
.remote_step li:first-child + li + li + li + li:after,
.remote_step li:first-child + li + li + li + li + li:after{background-position:-12px 0;}
.remote_step li:first-child + li + li + li + li + li {margin-left:0; border-color:#000;} 
.remote_step li:first-child + li + li + li + li + li span {margin-top:8px; padding-top:51px; background:url('../img/common/icon1.gif') no-repeat 50% 0; vertical-align:top;}

/* ### ÆäÀÌÁö : U-OTP+ ### */
.title_uotp {margin-top:35px; font:bold 19px/26px "¸¼Àº °íµñ"; color:#000;}
.title_uotp + .uotp_agree_info {margin-top:4px;} /* 20150811 */
.uotp_box {margin-top:7px; border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.uotp_box .otp_txt {padding:37px 0 36px 40px; background:url("../img/uotp/bg_otp_txt.jpg") no-repeat 100% 100%;}
.uotp_box .otp_txt2 {padding:37px 0 40px 40px; border-bottom:1px solid #dcdcdc; background:none;}
.uotp_box .otp_txt h4 {font:bold 19px/20px "¸¼Àº °íµñ"; color:#000;}
.uotp_box .otp_txt p {margin-top:13px; font:13px/20px "¸¼Àº °íµñ"; letter-spacing:-0.05em;}
.uotp_box .otp_txt p em {color:#d00e31;}
.uotp_box .otp_txt h4 + p {margin-top:5px;} /* 20150811 */
.uotp_box .otp_step {height:223px; font:0/0 "¸¼Àº °íµñ"; color:transparent; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:url("../img/uotp/bg_otp_step.jpg") no-repeat 50% 0;}
.uotp_box .otp_etc {padding:36px 0 36px 40px;}
.icon_danger {padding-left:20px; font:bold 18px/20px "¸¼Àº °íµñ"; color:#d00e31; background:url("../img/uotp/icon_danger.gif") no-repeat 0 5px; display:block;}
.uotp_box .otp_etc p {margin-top:12px; font:13px/20px "¸¼Àº °íµñ";}
.uotp_box .otp_etc ul {margin-top:11px;margin-right:40px;} /* 20150811 */
.uotp_box .otp_etc ul li {margin:0 0 0 17px;list-style:decimal outside;font-size:13px;letter-spacing:-0.06em;color:#707070} /* 20150811 */
.uotp_box .otp_etc ul li a {color:#707070} /* 20150811 */
.uotp_alignC {margin-top:20px; text-align:center;}
.uotp_join_step {position:relative; height:140px; margin-top:7px; font:0/0 "¸¼Àº °íµñ"; color:transparent;}
.uotp_join_step li {position:absolute; left:0; top:-999999px; width:100%; height:100%; background-image:url("../img/uotp/bg_uotp_join_step.gif");}
.bg_uotp_bye li {background-image:url("../img/uotp/bg_uotp_bye_step.gif");}
.bg_uotp_setup li {background-image:url("../img/uotp/bg_uotp_setup_step.gif");}
.uotp_join_step li.on {top:0;}
.uotp_join_step li.step1 {background-position:0 0;}
.uotp_join_step li.step2 {background-position:0 -140px;}
.uotp_join_step li.step3 {background-position:0 -280px;}
.uotp_join_step li.step4 {background-position:0 -420px;}
.uotp_join_step li.step5 {background-position:0 -560px;}
.uotp_agree_info {margin-top:26px; font:15px/20px "¸¼Àº °íµñ"; color:#000;}
.uotp_agree_info span {font-size:13px;} /* 2015.08.20 */
.uotp_agree_text {height:266px; margin-top:11px; padding:16px 20px; font:13px/20px "¸¼Àº °íµñ"; border:1px solid #dcdcdc; overflow-y:auto;}
.uotp_checkbox {margin-top:7px; font:13px/20px "¸¼Àº °íµñ"; color:#000; text-align:center;}
.uotp_result {width:735px; height:198px; margin-top:7px; font:15px/20px "¸¼Àº °íµñ"; color:#000; border:1px solid #dcdcdc; background-color:#fafafa; display:table;}
.uotp_result > div {text-align:center; vertical-align:middle; display:table-cell;}
.uotp_result em {color:#d00e31;}
.uotp_device {margin-top:11px; border:1px solid #dcdcdc;}
.uotp_device .otp_etc {padding:16px 0 16px 20px;}
.uotp_device .otp_etc p {margin-top:12px; font:13px/20px "¸¼Àº °íµñ";}
.uotp_device .otp_tel {padding:30px 0 26px 29px; font:19px/20px "¸¼Àº °íµñ"; color:#000; border-top:1px solid #dcdcdc; background-color:#fafafa;}
.uotp_device .otp_tel select {width:110px; height:35px; font:bold 19px/20px "¸¼Àº °íµñ"; color:#000; border:1px solid #000;}
.uotp_device .otp_tel input {width:100px; height:35px; font:bold 19px/20px "¸¼Àº °íµñ"; color:#000; text-align:center; border:1px solid #000;}
.uotp_end {margin-top:11px; padding:16px 20px 17px 20px; border:1px solid #dcdcdc;}
.uotp_end ol {margin-top:12px;}
.uotp_end ol li {font:13px/20px "¸¼Àº °íµñ";}
.uotp_bye_info {margin-top:11px; padding:16px 20px; border:1px solid #dcdcdc;}
.uotp_bye_info ol {margin-top:12px;}
.uotp_bye_info ol li {font:13px/20px "¸¼Àº °íµñ";}
.uotp_setup_info {margin-top:18px;}
.uotp_setup_info strong {font:normal 19px/20px "¸¼Àº °íµñ"; color:#000; display:block;}
.uotp_setup_info p {margin-top:7px; font:13px/20px "¸¼Àº °íµñ";}
.phone_app {position:relative; margin-top:11px; border:1px solid #dcdcdc; zoom:1;}
.phone_app:after {clear:both; content:""; display:block;}
.phone_app > li {float:left; width:100%;}
.phone_app > li > a {position:absolute; top:-1px; width:367px; height:40px; padding-top:18px; font:19px/20px "¸¼Àº °íµñ"; color:#000; text-align:center; border:1px solid #dcdcdc; background-color:#fff; display:block;}
.phone_app > li > a.ph1 {left:-1px;}
.phone_app > li > a.ph2 {right:-1px;}
.phone_app > li.on > a {color:#fff; border:1px solid #968983; background-color:#968983; z-index:5;}
.phone_app .app_install {padding:77px 0 30px 29px; display:none;}
.phone_app > li.on .app_install {display:block;}
.phone_app .app_install li {margin-top:15px;}
.phone_app .app_install li:first-child {margin-top:0;}
.phone_app .app_install li b {font:19px/20px "¸¼Àº °íµñ"; color:#000; display:block;}
.phone_app .app_install li p {margin-top:7px; font:13px/20px "¸¼Àº °íµñ";}
.phone_app .btn_app_box {margin-top:15px; text-align:center;}
.phone_app .btn_app {height:35px; padding:15px 18px 0 44px; font:14px/20px "¸¼Àº °íµñ"; color:#fff; background:#fb8b00 url("../img/uotp/icon_phone.gif") no-repeat 20px 10px; display:inline-block;}
.account_box {margin-top:11px; border:1px solid #dcdcdc;}
.account_box .group {border-top:1px solid #dcdcdc;}
.account_box .group:first-child {border-top:none;}
.account_box .title_zone {overflow:hidden; position:relative; padding:20px 0 20px 27px; font:bold 19px/20px "¸¼Àº °íµñ"; color:#000; background-color:#fafafa;} /* 2015.08.20 */
.account_box .title_zone label {min-width:137px; display:inline-block;}
.account_box .title_zone input {width:208px; height:31px; font:bold 19px/20px "¸¼Àº °íµñ"; color:#000; text-align:center; border:1px solid #000;}
.account_box .title_zone span {position:absolute; left:390px; top:20px; font:normal 13px/18px "¸¼Àº °íµñ";}
/* 2015.08.20 */
.account_box .title_zone .tit {float:left;}
.account_box .title_zone dl {float:right;margin:1px 8px 0 0;width:45%;text-align:right;font-size:0;line-height:0;}
.account_box .title_zone dl dt,
.account_box .title_zone dl dd {display:inline-block;*display:inline;*zoom:1;font-size:13px;line-height:19px;font-weight:normal;}
.account_box .title_zone dl dd {position:relative;padding:0 11px 0 5px;margin-right:10px;*letter-spacing:-0.1em;}
.account_box .title_zone dl dt:first-child + dd:after {content:'';position:absolute;top:5px;right:0;display:block;width:1px;height:13px;background:#404040;}
/* //2015.08.20 */
.account_box .info_zone {padding:17px 27px 18px 27px; border-top:1px solid #dcdcdc;}
.account_box .info_zone b {margin-bottom:3px; font:bold 14px/18px "¸¼Àº °íµñ"; color:#000; display:block;}
.account_box .info_zone p {margin-top:15px; font:13px/18px "¸¼Àº °íµñ";}
.account_box .info_zone p:first-child {margin-top:0;}
.tb_uotp1 {width:100%; border:solid #dcdcdc; border-width:0 1px 1px 1px;}
.tb_uotp1 .col1 {width:30%;}
.tb_uotp1 .col2 {width:auto;}
.tb_uotp1 .col3 {width:35%;}
.tb_uotp1 .col4 {width:25%;}
.tb_uotp1 thead th {height:39px; font:bold 14px/18px "¸¼Àº °íµñ"; color:#fff; text-align:center; background-color:#968983;}
.tb_uotp1 tbody td {padding:8px 0 10px 0; font:14px/18px "¸¼Àº °íµñ"; color:#000; text-align:center; border:solid #dcdcdc; border-width:1px 0 0 0;}
/* 2015.08.20 */
.tb_uotp1.type2 {border:0;}
.tb_uotp1.type2 thead th {border:1px solid #968983}
.tb_uotp1.type2 tbody td {border:1px solid #dcdcdc}
/* //2015.08.20 */
.tb_uotp2 {width:100%; border:solid #dcdcdc; border-width:1px 0 0 1px;}
.tb_uotp2 .col1 {width:160px;}
.tb_uotp2 .col2 {width:182px;}
.tb_uotp2 .col3 {width:auto;}
.tb_uotp2 thead th {height:58px; font:normal 15px/18px "¸¼Àº °íµñ"; color:#000; text-align:center; border:solid #dcdcdc; border-width:0 1px 1px 0; background-color:#fafafa;}
.tb_uotp2 tbody th, 
.tb_uotp2 tbody td {padding:18px 0; font:15px/20px "¸¼Àº °íµñ"; color:#000; text-align:center; vertical-align:middle; border:solid #dcdcdc; border-width:0 1px 1px 0;}
.tb_uotp2 tbody td.app_guide {padding:18px 10px 18px 20px; text-align:left;}

/* ### ÆäÀÌÁö : IP°ü¸® 20150811 ### */
.ip_box .otp_txt {background:url("../img/ip/bg_ip_txt.jpg") no-repeat 497px 100%;}
.ip_box .otp_txt2 {background:none;} /* ### 2015.09.04 Ãß°¡ ### */
.ip_box .otp_step {background:url("../img/ip/bg_ip_step.jpg") no-repeat 50% 0;}
.ip_step {margin-top:8px;}
.ip_step li {display:none;overflow:hidden;padding-top:140px;width:737px;height:0;background-repeat:no-repeat;background-position:0 0;}
.ip_step li:first-child + li {background-position:0 -140px;}
.ip_step li:first-child + li + li {background-position:0 -280px;}
.ip_step li:first-child + li + li + li {background-position:0 -420px;}
.ip_step li:first-child + li + li + li + li {background-position:0 -560px;}
.ip_step li.on {display:block;}
.ip_join_step li {background-image:url(../img/ip/bg_ip_join_step.gif);}
.ip_bye_step li {background-image:url(../img/ip/bg_ip_bye_step.gif);}

/* ### ÆäÀÌÁö : ±âŸ : ÇÁ¸® Æ®¶óÀ̾ó ### */
.trial_down {height:263px; text-align:center; background:url("../img/sub/bg_trial.jpg") no-repeat 0 0;}
.trial_down dl {padding-top:39px; color:#fff;}
.trial_down dl dt {font:bold 26px/30px "¸¼Àº °íµñ"; letter-spacing:-0.05em;}
.trial_down dl dd {margin-top:7px; font:13px/19px "¸¼Àº °íµñ";}
.trial_down .ck_box {position:relative; width:530px; margin:0 auto; padding:16px 0 7px 0; color:#c9c9c9;}
.trial_down .ck_box label {color:#c9c9c9;}
.trial_down .btn_trial_down {width:255px; height:83px; font:0/0 "¸¼Àº °íµñ"; color:transparent; background:url("../img/common/btn_trial_down.png") no-repeat 0 0; display:inline-block;}
.trial_info {margin-top:9px;}
.trial_info li:first-child {border:none;}
.trial_info li {border:solid #d9d9d9; border-width:0 1px 1px 1px;}
.trial_info li dl {position:relative; padding:27px 28px;}
.trial_info li dl dt {font:bold 14px/18px "¸¼Àº °íµñ"; color:#000;}
.trial_info li dl dt strong {font:bold 19px/22px "¸¼Àº °íµñ";}
.trial_info li dl dd {margin-top:1px; letter-spacing:-0.05em;}
.trial_info li dl dd span {color:#000;}

/* ### ÆäÀÌÁö :  ±âŸ :  ·Î±×ÀÎ ### */
.login_form { margin-top: 9px; border: 1px solid #000; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
.login_form .inp_wrap { position: relative; padding: 60px 170px;}
.login_form .inp_wrap .login_wrap { width: 395px; zoom:1;}
.login_form .inp_wrap .login_wrap:after {clear:both; content:""; display:block;}
.login_form .inp_wrap .login_wrap dt { margin-top: 6px; width: 84px; float: left; letter-spacing:-0.08em;}
.login_form .inp_wrap .login_wrap dt label { color: #000; line-height: 32px; font-size: 13px;}
.login_form .inp_wrap .login_wrap dd { margin: 6px 85px 0 0; width: 226px; float: right;}
.login_form .inp_wrap .login_wrap dd .inp1 { padding: 0 11px; width: 202px; height: 30px; color: #000; line-height: 30px; font-size: 13px; border: 1px solid #a9a9a9; *height: 28px; *line-height: 28px;}
.login_form .inp_wrap .login_wrap dt:first-child, 
.login_form .inp_wrap .login_wrap dt:first-child + dd { margin-top: 0;}
.login_form .inp_wrap .btn_login { position: absolute; top: 60px; right: 180px;}
.login_form .info_wrap { padding: 12px 19px; border-top: 1px solid #d2d2d2; *zoom:1;}
.login_form .info_wrap:after { display: block; content: ''; clear: both;}
.login_form .info_wrap .txt02 { width: 70%; color: #000; line-height: 26px; font-size: 13px; float: left;}
.login_form .info_wrap .btn_area2 { width: 30%; text-align: right; float: right;}
.login_form .info_wrap .btn_area2 .btn_type5 span { width: 69px;}
.login_form .inp_wrap .login_wrap #imgCaptcha {float:left; margin:5px 3px 3px 0;}
.login_form .inp_wrap .login_wrap #imgCaptcha + button {float:left; width:93px; height:25px; margin:5px 0 3px 0; font:0/0 "¸¼Àº °íµñ"; color:transparent; background:url("../img/member/btn_refresh.gif");}


/* ### ÆäÀÌÁö : ±âŸ : ¿î¿µÁ¤Ã¥ ### */
.policy_list { margin-top: 9px; width: 100%; border-top: 1px solid #000; overflow: hidden;}
.policy_list > ul { width: 368px; float: left;}
.policy_list > ul > li { padding-left: 10px; border-top: 1px solid #d9d9d9;}
.policy_list > ul > li:first-child{ border-top: 0 none;}
.policy_list > ul > li a { display: block; color: #707070; line-height: 38px; font-size: 13px;}
.policy_list > ul > li a:hover,
.policy_list > ul > li.on a { color: #000; text-decoration: underline;}
.policy_view { padding: 20px; height:436px; border: 1px solid #d9d9d9; overflow-y: auto;}
.policy_view li { display: none;}
.policy_view li.on { display: block;}
.policy_view li h4 { margin-bottom: 5px; color: #000; line-height: 21px; font-size: 19px;}
.policy_view li p { color: #707070; line-height: 21px; font-size: 13px;}

/* ### ÆäÀÌÁö :  ±âŸ : Á¡°Ë ### */
.bg_sub7_check .logo { padding-top: 84px;}
.bg_sub7_check .content {min-height:666px; margin-top: 89px;}
.bg_sub7_check .section_box { padding: 58px 182px 139px;}
/* .bg_sub7_check .footer { background-color: #fff;} */
.bg_sub7_check .footer .addr_etc address { margin-top:0;}
.bg_sub7_check .footer .footer_logo { padding-top: 5px;}
.bg_sub7_check .footer .footer_squ { margin: 18px 0 0 2px;}

/* ### ±âŸ : BGM ### */
.BGM_box {width:170px; height:20px; padding:2px 5px; background:url("../img/BGM/bg_BGM.png"); overflow:hidden; opacity:0.8; filter:alpha(opacity=80);}
.ost_title {position:relative; top:1px; float:left; width:128px; height:18px; overflow:hidden;}
.ost_title h4 {position:absolute; left:0; top:0; white-space:nowrap;}
.jp-audio .jp-gui {position:relative; float:left; width:38px; height:20px; font-size:12px; font-family:"¸¼Àº °íµñ";}
.jp-audio .jp-controls .jp-play {position:absolute; top:1px; left:5px; width:18px; height:18px; text-indent:-500px; overflow:hidden; background:url("../img/BGM/bg_btn_ost.gif") no-repeat 0 0; display:block;}
.jp-audio .jp-controls .jp-pause {position:absolute; top:1px; left:5px; width:18px; height:18px; text-indent:-500px; overflow:hidden; background:url("../img/BGM/bg_btn_ost.gif") no-repeat 0 -18px; display:none;}
.jp-audio .jp-controls .jp-stop {position:absolute; top:1px; left:25px; width:18px; height:18px; text-indent:-500px; overflow:hidden; background:url("../img/BGM/bg_btn_ost.gif") no-repeat 0 -36px; display:block;}
.jp-audio .jp-controls .jp-mute {position:absolute; left:126px; top:104px; width:13px; height:12px; text-indent:-500px; background:url("../img/BGM/bg_btn_mute.gif") no-repeat 0 0; overflow:hidden; display:block; z-index:1;}
.jp-audio .jp-controls .jp-unmute {position:absolute; left:126px; top:104px; width:13px; height:12px; text-indent:-500px; background:url("../img/BGM/bg_btn_mute.gif") no-repeat 0 -12px; overflow:hidden; display:block; z-index:1;}
.jp-audio .jp-controls .jp-volume-max {position:absolute; right:0; top:-100000px; color:#fff; display:none;}
.jp-audio .jp-progress {position:absolute; left:53px; top:109px; width:78px; height:2px; background-color:#535353;}
.jp-audio .jp-progress .jp-seek-bar {height:100%; cursor:pointer;}
.jp-audio .jp-progress .jp-play-bar {height:100%; background-color:#d00e31;}
.jp-audio .jp-toggles .jp-repeat {position:absolute; left:559px; top:10px; width:16px; height:14px; text-indent:-500px; overflow:hidden; background:url("../img/BGM/bg_btn_ost.gif") no-repeat -68px 0; display:block;}
.jp-audio .jp-toggles .jp-repeat-off {position:absolute; left:559px; top:10px; width:16px; height:14px; text-indent:-500px; overflow:hidden; background:url("../img/BGM/bg_btn_ost.gif") no-repeat -89px 0; display:block;}
.jp-audio .jp-volume-bar_bg {position:absolute; left:139px; top:106px; width:18px; height:8px; cursor:pointer; background-color:#535353;}
.jp-audio .jp-volume-bar .jp-volume-bar-value {height:8px; background-color:#d00e31;}
.jp-audio .jp-volume-bar .jp-volume-bar-value .bg {position:absolute; left:0; top:0; width:18px; height:8px; cursor:pointer; background:url("../img/BGM/bg_volume.png") no-repeat 0 0;}
.jp-audio .jp-current-time {position:absolute; left:387px; top:13px; font-weight:bold; font-size:11px; line-height:11px; color:#939393; letter-spacing:0;}
.jp-audio .jp-duration {position:absolute; left:418px; top:13px; padding-left:8px; font-weight:bold; font-size:11px; line-height:11px; color:#939393; letter-spacing:0; /* background:url("../img/bg_ost_vol_time.gif") no-repeat 0 1px; */}
.jp-audio .jp-no-solution {margin-top:5px; padding:10px 0; line-height:1.66; text-align:center; border:1px solid #535353;}

/* ### ÆäÀÌÁö : Æ˾÷ : µ¿¿µ»ó ¾÷·Î´õ ### */
.popup .tab01 { margin-bottom: 10px; width: 100%; overflow: hidden;}
.popup .tab01 li { width: 143px; float: left;}
.popup .tab01 li a { display: block; width: 143px; height: 30px; color: #b5b5b5; line-height: 24px; font-size: 13px; font-weight: bold; text-align: center;}
.popup .tab01 li a{ background:url("../img/pop/btn03_off.png") no-repeat 0 0;}
.popup .tab01 li.on a{ color: #fff; background:url("../img/pop/btn03_on.png") no-repeat 0 0;}
.popup .tab_view > div { display: none;}
.popup .tab_view > div.on { display: block;}
.file_search .ipt_file_txt2 { padding: 0 8px; width: 320px; height: 67px; color: #000; line-height: 23px; font-size: 12px; border: 1px solid #b5b5b5; overflow-y: auto;}

/* ### ÆäÀÌÁö : ¸ÞÀÎ : ·¹À̾îÆ˾÷ ### */
#layerPop {position:absolute; padding:0 9px 9px 9px; border:1px solid #8e8f8f; background-color:#fff; z-index:1000; display:none;}
#layerPop .layerHeader {height:39px; cursor:move; background:#fff url("../img/pop/top.gif") no-repeat 9px 9px;}
#layerPop .bg_pop {/*width:450px; height:376px; padding:242px 22px 0 23px; background:url("../img/pop/bg_pop.jpg") no-repeat 0 0; */}
#layerPop .bg_pop ul {}
#layerPop .bg_pop ul li {height:29px; padding:9px 0 0 20px; background:url("../img/pop/bg_list.png") repeat 0 0;}
#layerPop .bg_pop ul li a {font:14px/20px "¸¼Àº °íµñ"; color:#c9c9c9;}
#layerPop .bg_pop ul li a:hover {color:#fff; text-decoration:underline;}
#layerPop .userControl {padding-top:7px; overflow:hidden;}
#layerPop .userControl p {float:left; margin-top:3px; font:11px/14px "¸¼Àº °íµñ"; color:#6e6e6e;}
#layerPop .userControl p input {margin:0; vertical-align:middle;}
#buttonClose {float:right; width:41px; height:19px; font:0/0 "¸¼Àº °íµñ"; color:transparent; background:url("../img/pop/close.gif") no-repeat 0 0;}

/* ### ±âŸ : ¸ð¹ÙÀÏ ·¹À̾î ### */
.bg_blind {position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.7; background-color:#000; z-index:10000; display:none;}
.layer_mobile {position:absolute; left:50%; top:260px; width:890px; margin:0 0 0 -445px; border-radius:15px; overflow:hidden; z-index:10005; display:none;}
.layer_mobile .inner {position:relative;}
.layer_mobile .inner .info {width:100%;}
.layer_mobile .btn_member {position:absolute; left:50%; top:855px; margin-left:-201px;}
.layer_mobile .util {position:relative; height:33px; padding:23px 0 26px 49px; background-color:#c9c9c9;}
.layer_mobile .util .txt_today {width:292px; height:33px; background:url("../img/mobile/txt_today.gif") no-repeat 0 0;}
.layer_mobile .util .txt_today input {position:absolute; left:49px; top:26px; width:28px; height:28px; border:none; opacity:0;}
.layer_mobile .util .txt_today label {width:249px; height:33px; margin-left:43px; font:0/0 "¸¼Àº °íµñ"; color:transparent; display:inline-block;}
.layer_mobile .btn_close {position:absolute; right:41px; top:26px; width:100px; height:33px; font:0/0 "¸¼Àº °íµñ"; color:transparent; background:url("../img/mobile/btn_close.gif") no-repeat 0 0; display:block;}

/* ¸®¸ðÆ® ¹è³Ê ¿ÞÂÊ */
.bg_main .remote_banner2 {position:absolute; left:50%; top:571px; width:100px; margin-left:-665px;}
.bg_main .remote_banner2 a, 
.content .remote_banner2 a {display:block;}
/* .bg_main .remote_banner a:first-child + a + a + a {margin-top:15px;} */
.content .remote_banner2 {position:absolute; left:50%; margin-left:-665px; top:69px; width:100px;}

/* Áý»ç ÀÜ¿©ÀÏ È®ÀÎ */
.chk_date {position:absolute;z-index:3;right:28px;bottom:28px;font-size:11px;}
.chk_date span {color:#FFFFFF;text-decoration:underline;cursor:pointer}
.chk_dpop {position:absolute;width:160px;height:132px;padding:17px 0 0 18px;right:0;top:16px;line-height:18px;z-index:4;background:url(../img/billing/chk_date.png) no-repeat 0 0;color:#FFFFFF;font-size:12px;text-shadow:1px 1px #000000}
.chk_dpop em{color:#959595}

/* 17.02.21 ¸ÞÀÎÆäÀÌÁö ½Å±Ô ȸ¿ø Æ˾÷ */
.pop_newmember{position:absolute;top:50%;left:50%;height:310px;width:400px;margin:-160px 0 0 -200px;z-index:150}
.nm_bg1{background:url(../img/pop/pop_newmember.png) no-repeat 0 0;}
.nm_bg2{background:url(../img/pop/pop_newmember2.png) no-repeat 0 0;}
.nm_btn{position:absolute;top:218px;height:50px;width:190px;cursor:pointer}
.nm_yes{left:10px}
.nm_no{right:10px}
.nm_close{position:absolute;top:0;right:0;height:44px;width:60px;cursor:pointer}
.pop_newmember .sel_agree{width:30px;height:30px;position:absolute;left:121px;top:274px;cursor:pointer}
.pop_newmember .sel_agree span{display:block;width:160px;height:30px;margin-top:-30px;cursor:pointer}
/* fancy radio buttons and check boxes */
.has-js .label_check input{position:absolute;left:-9999px}
.has-js .label_check{width:30px;height:30px;background:url(../img/pop/pop_nm_radio_off.png) 0 0 no-repeat;display:inline-block;cursor:pointer}
.has-js label.c_on{background:url(../img/pop/pop_nm_radio_on.png) 0 0 no-repeat}
.dimmed{position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.7; filter:alpha(opacity=70); z-index:140}

/* 17.04.17 ´ç÷ÀÚÁ¶È¸ °ü·Ã */
.winners_box{padding-top:18px;text-align:center}
.winners_box label{line-height:30px}

/* 17.04.17 À̺¥Æ®¾ÆÀÌÅÛ º¸°üÇÔ °³¼± : ¼Ò¸ê ¾È³» ·¹À̾î Æ˾÷ */
.cou_pop{position:fixed;left:50%;top:50%;margin-left:-279px;margin-top:-220px;width:557px;height:396px;background:url(../img/pop/cou_pop_bg.jpg) no-repeat 0 0;text-align:center;z-index:150}
.cou_pop_tit{height:122px}
.cou_pop h3{font-size:32px;font-weight:bold;color:#fff;padding-top:26px;height:36px}
.cou_pop p.p_coupop{font-size:21px;color:#fff;margin-top:5px}
.cou_pop p.p_coupop em{color:#ffc600}
.cou_pop_info{text-align:center;margin-top:29px;height:78px;padding-top:16px}
.cou_pop_info p{font-size:21px;margin-top:3px;font-weight:bold;color:#000}
.cou_pop p.p_coupop2{font-size:13px;color:#506487;margin-top:20px}
.cou_pop p.p_coupop2 em{color:#ff2a49}
.cou_pop span a{height:50px;line-height:52px;margin-top:20px;font-size:18px;color:#fff;border-radius:6px;vertical-align:top;padding:0 38px;display:inline-block;background-color:#506487}
.cou_pop span a span{height:50px;width:28px;background:url(../img/cou_pop_btn_icon.png) no-repeat 0 0;vertical-align:top;display:inline-block}
.cou_pop span a i{height:50px;width:28px;background:url(../img/link_icon.png) no-repeat 0 -100px;vertical-align:top;display:inline-block}
.cou_pop .close{position:absolute;height:34px;width:34px;top:9px;right:10px;cursor:pointer}
p span.cou_name{color:#ff2a49}

.item_pop{height:425px}
.item_pop .cou_pop_tit p{font-size:21px;color:#ffc600;padding-top:26px}
.item_pop .cou_pop_tit h3{padding-top:0}
.item_pop .not_today{margin-top:20px;background:#fff;height:29px;padding-bottom:9px}
.item_pop .not_today label{font-size:14px}
.item_pop .not_today input, .item_pop .not_today label{cursor:pointer;vertical-align:middle}
/* 17.04.17 À̺¥Æ®¾ÆÀÌÅÛ º¸°üÇÔ °³¼± : ¼Ò¸ê ¾È³» ·¹À̾î Æ˾÷ */