@charset "utf-8"; 
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  src:url(//image.webzen.kr/template/font/NanumGothic-Regular.eot);
  src:url(//image.webzen.kr/template/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
  url(//image.webzen.kr/template/font/NanumGothic-Regular.woff2) format('woff2'),
  url(//image.webzen.kr/template/font/NanumGothic-Regular.woff) format('woff'),
  url(//image.webzen.kr/template/font/NanumGothic-Regular.ttf) format('truetype');
  src:local(※), url('//image.webzen.kr/template/font/NanumGothic-Regular.woff') format('woff');
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:none;}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:'Nanum Gothic', "나눔고딕",sans-serif;color:#333}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0}

#index {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.font_nanum {font-family:'Nanum Gothic',"나눔고딕",sans-serif;}
.irpm {display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.blind {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}

/* 공통 이미지 */
.icon_global {overflow:hidden;font-size:0;line-height:0;background:url(../images/icon_global.png) no-repeat;text-indent:-9999px}
.button_global {overflow:hidden;font-size:0;line-height:0;background:url(../images/button_global.png) no-repeat;text-indent:-9999px}
.image_global {overflow:hidden;font-size:0;line-height:0;background:url(../images/image_global.png) no-repeat;text-indent:-9999px}

/* 게임바 */
.gamebar {overflow:hidden;width:1176px;height:71px;padding-left:14px;margin:0 auto ;background:#fff}
.gamebar .icon_time {float:left;width:44px;height:42px;margin:14px 9px 0 0}
.gamebar .servertime {float:left;font-weight:bold;font-size:16px;line-height:71px;color:#615b57;}
.gamebar .bar_banner {overflow:hidden;float:right;width:302px;height:71px}

/* GNB */
.shot_header {position:absolute;top:0;left:0;z-index:999;width:100%;height:82px;background:url(../images/repeat_gnb.png) repeat-x}
.inner_header {overflow:hidden;position:relative;width:1190px;height:82px;margin:0 auto}
.title_shotlogo {float:left;width:201px;height:79px;padding:0 65px 0 6px;background:url(../images/gnb_bg.jpg) repeat-y 100% 0}
.title_shotlogo .shotlogo {display:block;width:201px;height:79px}
.gnb_global {float:left;width:889px}
.gnb_1depth {float:left;position:relative;width:127px}
.gnb_global .gnb_shot {display:block;width:127px;height:79px;margin-bottom:3px;font-weight:bold;font-size:24px;line-height:78px;color:#cad6d2;font-family:'Nanum Gothic',"나눔고딕",sans-serif;background:url(../images/gnb_bg.jpg) repeat-y 100% 0;text-align:center;letter-spacing:-1px}
.gnb_global .gnb_shot:hover {text-decoration:none;background:#8dc63f;color:#363636}
.snb_global {display:none;overflow:hidden;width:127px;padding-top:18px}
.snb_global li {float:left;width:127px;height:30px;font-weight:bold;font-size:15px;line-height:30px;text-align:center;letter-spacing:-1px}
.snb_global .snb_shot {color:#c1c1c1}
.snb_global .snb_shot:hover {text-decoration:none;color:#99ec28}
.ad_nav {display:none;position:absolute;top:109px;left:13px;width:237px;height:174px}
.gnb_open {height:314px}
.gnb_open .inner_header {height:314px}
.gnb_open .ad_nav,.gnb_open .snb_global {display:block}
.header_simple {height:138px;padding-top:60px;}
.header_simple .shotlogo {display:block;width:256px;height:78px;margin:0 auto;}

/* 레이아웃 및 공통 */
.wrap {background:#fff;width:100%;min-width:1190px;position:relative}
.content {position:relative;width:100%;padding-bottom:117px;padding-top:46px;}
.wrap_cont {overflow:hidden;width:1188px;margin:0 auto;padding-top:27px;border:1px solid #d7d7d7;background:#fff}
.article {float:left;width:804px;padding-left:30px}
.aside {float:right;width:325px;padding-right:29px;height:100%}
.type_sub .wrap_cont {padding:0 0 80px;background:url(../images/bg_sub_repeat.jpg) repeat-y 0 10px;min-height:1726px}
.type_sub .aside {padding-top:27px;padding-bottom:6px;background:#fff}
.type_sub .article {position:relative;padding:27px 0 0 42px;width:750px}
.type_simple {min-height:100vh;background:#f8f8f8;}
.type_simple .content {padding-bottom:0;}
.type_simple .wrap_cont {padding-top:0;}
.type_simple .footer {height:53px;padding-top:38px;background:transparent;text-align:center;}
.type_simple .footer .copyright {color:#999;font-size:11px;}
.icon_more {position:absolute;width:30px;height:30px;background-position:-90px 0}
.icon_gotop {position:absolute;bottom:117px;left:50%;width:56px;height:56px;background-position:0 -50px;margin-left:609px}

/* 서브 레이아웃 */
.subtit {overflow:hidden;width:746px;height:91px;font-family:'Nanum Gothic',"나눔고딕",sans-serif;padding-left:4px}
.subtit .titlesubpage {float:left;font-weight:bold;font-size:31px;color:#393431;line-height:36px;margin:28px 13px 0 0}
.subtit .textsubpage {float:left;font-size:15px;color:#272727;line-height:36px;margin-top:35px}
/* 텝 공통 */
.tab_global {overflow:hidden;width:732px;background:url(../images/bg_tab.jpg) repeat-x;height:62px;font-family:'Nanum Gothic',"나눔고딕", sans-serif;padding-left:18px;margin-bottom:23px}
.tab_global li {float:left;width:116px;height:61px;margin-left:-1px}
.tab_global .linktab {height:42px;color:#6e6e6e;font-size:17px;line-height:25px;text-align:center;display:block;padding-top:19px;border-top:1px solid #e3e3e3}
.tab_global .linktab span {display:block;border-left:1px solid #d6d6d6}
.tab_global .first .linktab span {border-left:0 none}
.tab_global .linktab:hover {text-decoration:none}
.tab_global .on .linktab {position:relative;background:#fff;font-weight:bold;border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3}
.tab_global .on .linktab span {border:0 none}

/* 메인 배너 */
.main_banner {position:relative;width:1190px;height:389px;margin:0 auto;padding-top:82px}
.main_banner .link_promotion {display:block;width:1190px;height:389px}
.main_banner .banner_close {position:absolute;top:113px;right:45px;z-index:1;width:18px;height:18px;background-position:-50px 0}
.banner_off {height:82px;padding-top:0}
.banner_off .link_promotion,.banner_off .banner_close {display:none}

/* 게임시작버튼 */
.gamestart {display:block;width:325px;height:152px;background-position:0 -50px}
.gamestart:hover {background:url('../images/bg_gamestart_hover.png') 0 0 no-repeat;}
/* aside - 로그인 박스 */
.loginbox {position:relative;height:308px;border-right:1px solid #d7d7d7;background:#f8f9fb}
.loginbox .gamejoin {display:block;width:324px;height:65px;background-position:0 -400px}
.loginbox .gamejoin:hover{background:url('../images/bg_join_hover.png') 0 0 no-repeat;}
.loginbox .gamecharge {display:block;width:324px;height:65px;background-position:0 -330px}
.loginbox .gamelogin ,.loginbox .btn_retraction{display:block;width:265px;height:56px;margin:0 auto}
.loginbox .gameagree {display:block;width:265px;height:56px;margin:0 auto;background-position:0 -660px}
.loginbox .inbox {height:243px;border-left:1px solid #d7d7d7;text-align:center}
.loginbox .gamelogin:hover{background:url('../images/bg_login_hover.png') 0 0 no-repeat;}
.loginbox .btn_retraction {margin:6px auto 11px; background-position:0 -870px}
.loginbox .btn_retraction:hover{background-position:0 -930px;}

.channellogin .gamelogin {background-position:0 -210px}
.channellogin .channel {display:block;font-size:19px;line-height:21px;color:#393431;font-family:'Nanum Gothic',"나눔고딕",sans-serif;padding:73px 0 51px 0}
.agreelogin .channel {display:block;font-size:19px;line-height:23px;color:#393431;font-family:'Nanum Gothic',"나눔고딕",sans-serif;padding:89px 0 48px 0}
.channellogin2 .titlelogin {padding:13px 0 0 30px;width:293px;height:31px;border:1px solid #dadbdc;border-top:0 none}
.channellogin2 .gamelogin {background-position:0 -210px}
.channellogin2 .channel {display:block;font-size:19px;line-height:21px;color:#393431;font-family:'Nanum Gothic',"나눔고딕",sans-serif;padding:34px 0 26px 0}
.channellogin2 .inbox {height:184px;border-left:1px solid #d7d7d7;text-align:center}

/* aside - 로그인 전 */
.loginbefore .gamelogin {margin:6px 0 11px;background-position:0 -270px}
.field_login {text-align:left;padding:13px 0 0 29px}
.loginbox .titlelogin {font-weight:bold;font-size:23px;color:#000;letter-spacing:-1px;font-family:'Nanum Gothic',"나눔고딕",sans-serif;padding-bottom:14px}
.loginbox .sel_channel {position:absolute;top:22px;right:29px;width:133px}
.field_login .tf_login {display:block;width:247px;height:34px;border:1px solid #e1e1e1;background:#f2f2f3;font-size:15px;line-height:34px;color:#787878;padding-left:15px}
.field_login .tf_pw {margin-top:6px}
.field_login .lab_login {position:absolute;left:29px;width:249px;height:36px;border:0 none;background:none;cursor:pointer;font-size:15px;line-height:36px;color:#787878;padding-left:15px}
.field_login .login_on {background:#fff;width:246px;height:32px;border:2px solid #8cc152;padding-left:14px}
.field_login .lab_id {top:61px}
.field_login .lab_pw {top:103px}
.field_login .tfcheck {display:inline-block;vertical-align:top;margin:2px 3px 0 0}
.field_login .labcheck {display:inline-block;vertical-align:top;color:#787878;font-size:13px;cursor:pointer}
.field_login .textidpw {display:inline-block;vertical-align:top;color:#787878;font-size:13px}
.field_login .textbar {display:inline-block;vertical-align:top;color:#787878;font-size:13px;padding:0 13px 0 9px}
.agreelogin2 .titlelogin {padding:13px 0 0 30px;width:293px;height:45px;border:1px solid #dadbdc;border-top:0 none}
.agreelogin .inbox {height:306px;border-top:1px solid #fff;border-bottom:1px solid #dadbdc}
.agreelogin2 .inbox {height:247px;border-top:1px solid #fff;border-bottom:1px solid #dadbdc}
.agreelogin2 .channel {display:block;font-size:19px;line-height:23px;color:#393431;font-family:'Nanum Gothic',"나눔고딕",sans-serif;padding:47px 0 30px}

/* aside- 로그인 후 */
.loginafter .titlelogin {padding:13px 0 11px 29px;text-align:left;border-bottom:1px solid #dadbdc}
.logininfo {height:109px;border-top:1px solid #fff;border-bottom:1px solid #dadbdc;padding:9px 0 9px 35px}
.logininfo li {font-size:15px;line-height:22px;color:#636363;font-weight:bold;text-align:left;background:url(../images/icon_dott2_2.jpg) no-repeat 0 8px;padding-left:13px}
.logininfo .cash {color:#c91111}
.loginafter .mylink {position:relative;width:324px;left:-1px;overflow:hidden;border-top:1px solid #fff;height:54px}
.loginafter .mylink a {float:left;height:54px;font-size:14px;color:#636363;line-height:54px;text-align:center;font-weight:bold}
.loginafter .mylink .linkmy {width:120px;border-right:1px solid #fff}
.loginafter .mylink .linkedit {width:113px;border-right:1px solid #fff;border-left:1px solid #dadbdc}
.loginafter .mylink .linkout {width:87px;border-left:1px solid #dadbdc}
.loginafter .mylink a:hover {color:#fff;background:#42a309;text-decoration:none}
.loginafter .mylink .linkmy:hover,.loginafter .mylink .linkedit:hover {border-right:1px solid #42a309}

/* aside - 새소식 */
.asidenews {position:relative;height:296px;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;background:#fff url(../images/bg_news.gif) no-repeat}
.asidenews .titlenews {font-weight:bold;font-size:23px;color:#000;letter-spacing:-1px;font-family:'Nanum Gothic',"나눔고딕",sans-serif;padding:23px 0 0 25px}
.asidenews .listnews {overflow:hidden;width:284px;padding:9px 0 0 23px}
.asidenews .listnews li {overflow:hidden;width:284px;float:left;height:72px;border-top:1px solid #e3e3e3}
.asidenews .listnews .newsdate {float:left;width:78px;margin-right:16px;font-weight:bold;font-size:15px;color:#000;line-height:26px;text-align:center;font-family:'Nanum Gothic',"나눔고딕",sans-serif;padding-top:6px}
.asidenews .listnews .newsday {display:block;font-size:33px}
.asidenews .textnews {display:inline-block;font-size:14px;font-weight:normal;line-height:21px;color:#000;letter-spacing:-1px;vertical-align:top}
.asidenews .text_bold {font-weight:bold}
.asidenews .listnews .fst {border-top:0}
.asidenews .linknews {float:left;width:190px;padding-top:16px}
.asidenews .icon_new {display:inline-block;vertical-align:top;width:15px;height:15px;background-position:-70px 0;margin:3px 0 0 5px}
.asidenews .icon_more {top:27px;right:16px}

/* aside - 컨텐츠 */
.asidecont {height:296px;border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;background:url('../images/bg_main_asidecont.jpg') 0 0 no-repeat; position: relative;}

/* 임시 */
/* .asidecont {position:relative;height:296px;border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;background:url('../images/bg_main_asidecont_temp.jpg') 0 0 no-repeat;}
.asidecont .link-community {position:absolute;left:0;top:0;width:100%;height:200px;font-size:0;overflow:hidden;text-indent:-9999px;} */
.boxcoupon {overflow:hidden;width:283px;height:98px;padding:23px 0 0 25px}
.boxcoupon .lblcoupon {font-weight:bold;font-size:21px;color:#fff;line-height:25px;font-family:'Nanum Gothic',"나눔고딕",sans-serif}
.boxcoupon .ipcoupon {float:left;width:202px;height:39px;color:#000;background:#fff;border:0 none;line-height:38px;padding:0 10px;font-size:16px}
.boxcoupon .titlecoupon {padding-bottom:13px}
.boxcoupon .button_global {float:right;width:61px;height:39px;background-position:-150px 0}
.asidecont .csnumber {display:block;font-size:24px;color:#000;line-height:30px;text-align:center;font-family:'Nanum Gothic',"나눔고딕",sans-serif;padding:60px 0 0px}
.asidecont .cstime {margin-top:20px;font-size:16px;line-height:24px;color:#000;text-align:center;font-family:'Nanum Gothic',"나눔고딕",sans-serif}
.asidecont .linkremote {display:block;width:174px;height:44px;background:#4c577a;margin:13px auto 0;font-weight:bold;font-size:16px;line-height:44px;color:#fff;text-align:center;font-family:'Nanum Gothic',"나눔고딕",sans-serif;}
.asidecont .linkremote:hover {text-decoration:none}
.boxquick {overflow:hidden;width:321px;height:84px;position: absolute; bottom:0; left:0;}
.boxquick .linkquick {float:left;width:107px;height:84px}

.section_gift {overflow:hidden;position:relative;float:left;width:323px;height:389px;border-right:1px solid #d7d7d7;border-left: 1px solid #d7d7d7;border-top: 1px solid #d7d7d7;}
.section_gift .itembnr {position:absolute;top:0;left:0;width:300%;height:389px}
.section_gift .itembnr li {overflow:hidden;position:relative;float:left;width:323px;height:389px;letter-spacing:-1px}
.section_gift .titleitem {position:absolute;top:216px;left:0;width:323px;text-align:center;font-weight:bold;font-size:20px;color:#fff;}
.section_gift .priceitem {position:absolute;top:245px;left:0;width:323px;text-align:center;font-weight:bold;font-size:20px;color:#ffff00}
.section_gift .button_global {position:absolute;top:285px;left:50%;width:143px;height:44px;margin-left:-71px;}
.section_gift .page_prm {position:absolute;bottom:21px;left:0;width:100%;height:13px;z-index:10;text-align:center;}
.section_gift .inner_page {display:inline-block;margin:0 auto;text-align:center;vertical-align:top}
.section_gift .inner_page .icon_global {float:left;width:15px;height:13px;margin-right:7px;background-position:-70px -30px}
.section_gift .inner_page .on {background-position:-50px -30px}

/* 사이트 맵 */
.sitemap {width:100%;height:281px;background:#2e2e2e}
.sitemap .innersitemap {overflow:hidden;width:1190px;height:281px;margin:0 auto}
.sitemap .gnb_sitemap {float:left;width:806px;padding-top:41px}
.sitemap .gnb_sitemap li {float:left;width:128px;font-family:'Nanum Gothic',"나눔고딕",sans-serif}
.sitemap .gnb_sitemap .sitemap_shot {padding-left:8px;font-weight:bold;font-size:16px;line-height:27px;color:#959595}
.sitemap .snb_sitemap .sitemap_shot {color:#636363;font-weight:normal}
.sitemap .snb_sitemap li {width:100%}
.sitemap .gnb_sitemap .menu_ranking {width:126px}
.sitemap .gnb_sitemap .menu_guild {width:118px}
.sitemap .gnb_sitemap .menu_community {width:110px}
.sitemap .gnb_sitemap .menu_itemmall {width:98px}
.sitemap .gnb_sitemap .menu_cscenter {width:98px}

/* 웹진 PC방 */
.webzen {float:right;position:relative;width:350px;padding-top:36px;font-family:'Nanum Gothic',"나눔고딕",sans-serif;letter-spacing:-1px}
.webzen img {float:left;width:109px;height:104px}
.webzen .title_webzen {float:right;width:228px;font-size:16px;color:#8dc63f;font-weight:normal;padding:11px 0 8px 3px}
.webzen .text_benefit {float:right;width:228px;font-size:13px;color:#ddd;line-height:21px}
.webzen .pcbang {float:left;width:228px;padding:0 0 9px 13px}
.webzen .pcbang .icon_global {display:block;width:82px;height:32px}
.webzen .state_on {background-position:-130px 0}
.webzen .state_off {background-position:-130px -40px}
.webzen .webzenlink {overflow:hidden;clear:both;padding-top:16px;}
.webzen .webzenlink .link_box {display:inline;float:right;height:44px;border:1px solid #494949;background:#373737;font-size:16px;line-height:44px;color:#fff;text-align:center;margin-right:9px}
.webzen .webzenlink .link_box:hover {text-decoration:none}
.webzen .webzenlink .request {width:121px}
.webzen .webzenlink .pcsearch {width:141px}
.webzen .webzenlink .benefit {width:221px}

/* footer */
.footer {width:100%;background:#222;font-family:'Nanum Gothic',"나눔고딕",sans-serif}
.footer .innerfooter {position:relative;overflow:hidden;width:1190px;height:307px;margin:0 auto;padding-top:37px}
.innerfooter .logoinfo {float:left;width:261px;height:320px;padding:0}
.innerfooter .corpinfo {float:left;overflow:hidden;width:915px;height:320px}
.innerfooter .service {width:915px;padding-top:8px}
.innerfooter .service .service_link {overflow:hidden;padding-bottom:6px}
.innerfooter .service .linkcorp {font-size:14px;line-height:20px;color:#d7d7d7}
.innerfooter .service .textbar {padding:0 10px;font-size:15px;color:#d7d7d7}
.innerfooter .service .linkc {font-size:17px !important;color:#9ef437}
.innerfooter .onnetinfo {font-size:13px;line-height:21px;color:#959595;padding:13px 0 2px 1px}
.innerfooter .copyright {display:block;font-size:12px;color:#959595;padding:13px 0 23px;}/* edit 20170821 */
.innerfooter .copyright .linkinfo {color:#959595}
.innerfooter .grade {position:absolute;top:52px;right:0;width:577px;height:76px;background:url('../images/grade_bg.png') no-repeat}
.innerfooter .sel_family {font-weight:bold;width:211px;color:#636363;font-size:12px;margin-top:16px}
.innerfooter .channellogo,.logoinfo a img, .innerfooter .onnetlogo {display:block;overflow:hidden}

/* footer- channel */
.channel_shot .logoinfo {width: 90px;margin-right: 30px;} /* 20230904update 248 ~ 254 */
.channel_shot .logoinfo a {width: 100%;margin:10px 0 0;}
.channel_shot .logoinfo a img {width: 90%; height: 30%;}
.channel_shot .innerfooter .service {padding-top: 14px;}
.channel_shot .innerfooter .service .linkcorp {font-size: 14px;}
.channel_shot .innerfooter .service .linkc {font-size: 15px;}

.channel_ace .onnetlogo {margin-left:22px}
.channel_ace .channellogo {margin:105px 0 0 21px}

.channel_bugs .innerfooter {height:280px}
.channel_bugs .logoinfo {padding-left:11px;width:250px}
.channel_bugs .onnetlogo {float:left;width:135px;height:30px;margin:7px 14px 0 0}
.channel_bugs .channellogo {float:left;width:86px;height:33px;margin-top:14px}
.channel_bugs .sel_family{position:absolute; top:121px; right:4px;}

.channel_daum .logoinfo {width: 215px;}
.channel_daum .logoinfo .onnetlogo {margin-left:102px;}
.channel_daum .channellogo {margin:120px 0 0}
.channel_daum .channellogo img{margin-top:53px;}
.channel_daum .grade {top:92px;}
.channel_daum .service2 .onnetinfo {padding-top:3px}
.channel_daum .innerfooter {height:380px}

.channel_enp .innerfooter {height:257px}
.channel_enp .onnetlogo {margin:51px 0 0 22px}
.channel_enp .channellogo {margin:2px 0 0 19px}

.channel_hangame .innerfooter {height:280px}
.channel_hangame .innerfooter .grade {top: 92px;}
.channel_hangame .logoinfo {width:230px}
.channel_hangame .onnetlogo {float:left;width:135px;height:30px;margin:7px 10px 0 0}/* 20190325 update */
.channel_hangame .channellogo {float:left;margin-top:14px;}/* 20190325 update */
.channel_hangame .sel_family{position:absolute; top:163px; right:4px;}

.channel_mediaweb .innerfooter {height:312px}
.channel_mediaweb .innerfooter .logoinfo {width:230px}
.channel_mediaweb .innerfooter .grade {top:92px;}
.channel_mediaweb .innerfooter .copyright{padding-bottom:0;}
.channel_mediaweb .channellogo {margin:145px 0 0}

.channel_mgame .innerfooter {height:304px}
.channel_mgame .onnetlogo {margin:72px 0 0 24px}
.channel_mgame .channellogo {margin:13px 0 0 24px}

.channel_naver .innerfooter {height:219px}
.channel_naver .logoinfo {padding-left:11px;width:250px}
.channel_naver .onnetlogo {float:left;width:135px;height:30px;margin:7px 14px 0 0}
.channel_naver .channellogo {float:left;width:88px;height:17px;margin-top:14px}

.channel_oro .innerfooter {height:219px}
.channel_oro .onnetlogo {margin:52px 0 0 23px}
.channel_oro .channellogo {margin:7px 0 0 14px}

.channel_pmang .innerfooter {height:380px}
.channel_pmang .innerfooter .logoinfo {width:230px}
.channel_pmang .corpinfo{height:auto;}
.channel_pmang .onnetlogo {margin:91px 0 0}
.channel_pmang .onnetlogo img{margin-top:23px;}
.channel_pmang .onnetinfo a {color: #959595;}
.channel_pmang .channellogo {margin:9px 0 0}
.channel_pmang .grade {top:91px}
.channel_pmang .service2 .onnetinfo {padding-top:30px}
.channel_pmang .sel_family{position:absolute; top:160px; right:4px;}

/*.channel_say .innerfooter {height:219px}
.channel_say .logoinfo {padding-left:11px;width:250px}
.channel_say .onnetlogo {float:left;width:135px;height:30px;margin:7px 14px 0 0}
.channel_say .channellogo {float:left;width:86px;height:33px;margin-top:14px}*/

.channel_say .innerfooter {height:280px}
.channel_say .logoinfo {padding-left:11px;width:250px}
.channel_say .onnetlogo {float:left;width:135px;height:30px;margin:7px 14px 0 0}
.channel_say .channellogo {float:left;width:86px;height:33px;margin-top:14px;}
.channel_say .sel_family{position:absolute; top:121px; right:15px;}

.channel_shot .innerfooter {height:280px}
.channel_shot .onnetlogo {margin:0 0 0 22px}
.channel_shot .sel_family{position:absolute; top:121px; right:4px;} /* 20230904 update */
.channel_yd .innerfooter {height:219px}
.channel_yd .onnetlogo {margin:0 0 0 22px}
.channel_yd .channellogo {margin:12px 0 0 27px}

/* 사이드 동동이 배너 */
.side_panel {position:absolute;top:0;left:50%;margin-left:-726px;width:120px}
.side_panel .adside {display:block;width:120px;height:139px;margin-bottom:13px}
.side_panel .panel_slide {border:1px solid #3b3b3b;width:116px;height:305px;background:#504f57;padding:1px}
.side_panel .panelinner {overflow:hidden;width:116px;height:279px;position:relative;border-bottom:1px solid #504f57}
.side_panel .panelslider {position:absolute;top:0;width:300%;height:279px}
.side_panel .panelslider li {float:left;width:116px;height:279px}
.side_panel .panelslider .imgslide {display:block}
.side_panel .page_prm {width:111px;height:18px;padding:7px 0 0 5px;background:#3b3b3b;text-align:center}
.side_panel .inner_page {display:inline-block;margin:0 auto;text-align:center;vertical-align:top}
.side_panel .icon_global {float:left;width:9px;height:9px;margin-right:5px;background-position:-50px -20px}
.side_panel .icon_global.on {background-position:-60px -20px}

/* 알리미 레이어 */
.notilayer {position:absolute;bottom:0;right:0;z-index:9997;width:303px;height:239px;background:#225f26;letter-spacing:-1px;font-family:'Nanum Gothic',"나눔고딕",sans-serif;text-align:center}
.notilayer .titlenoti {display:block;font-size:21px;color:#fff;height:54px;line-height:54px;font-weight:normal}
.notilayer .boxnoti {width:282px;height:157px;margin:0 auto;background:#fff;padding:19px 0 0 0}
.notilayer .boxnoti .t_noti{display:block;font-size:17px;line-height:21px;color:#000;text-decoration:underline;font-weight:bold;margin-bottom:12px}
.notilayer .boxnoti .para01 {font-size:16px;color:#000;line-height:21px}
.notilayer .boxnoti .para02 {font-size:16px;color:#006ada;line-height:21px;font-weight:bold}
.notilayer .hrline {display:block;width:258px;height:1px;margin:11px auto 10px;background:#e9ebe6}
.notilayer .bt_detail {display:block;width:87px;height:28px;background-position:-220px 0;margin:0 auto}
.notilayer .bt_close {position:absolute;top:18px;right:9px;width:15px;height:14px;background-position:-80px -90px}

/* 레이어 관련 */
.dimm {display:none;position:absolute;top:0;left:0;z-index:9998;width:100%;height:100%;background-color:#000;opacity:.6;filter:alpha(opacity=60)}

.layer_wrap {position:absolute;left:0;z-index:9999;width:100%;text-align:center}
.layer_wrap .inlayer {width:1190px;margin:0 auto;text-align:center}

/* checkbox : 20201112 update */
.frm_checkbox {
	display: inline-block;
	padding-top: 10px;
	font-size: 15px;
	color: #171717;
	line-height: 21px;
	cursor: pointer;
}

.frm_checkbox input {
	width: 14px;
	height: 14px;
	margin-top: -2px;
	margin-right: 10px;
	vertical-align: middle;
}


/*서비스종료 레이어 팝업*/
.pop-terminate {z-index:9999;position:fixed;left:50%;top:50%;margin-left:-300px;margin-top:-180px;width:600px;height:360px;background:#313131;}
.pop-terminate-content {margin:1px 1px 0;height:317px;background:#fff;text-align:center;}
.pop-terminate p {font-size:18px;color:#333333;padding:54px 80px 17px;line-height:1.8;font-family:'Nanum Gothic',"나눔고딕",sans-serif;letter-spacing: -0.5px;}
.pop-terminate a {display:block;width:300px;height:60px;background:#4c577a;margin:0 auto;font-size:20px;line-height:60px;color:#fff;letter-spacing: -0.5px;font-weight:500;}
.pop-terminate-util {height:42px;}
.pop-terminate .today-close input {position:absolute;visibility: hidden;}
.pop-terminate .today-close label {display:inline-block;margin-left:22px;line-height:42px;cursor:pointer;font-size:14px;color:#fff;letter-spacing: -0.5px;}
.pop-terminate .today-close label:before,
.pop-terminate .today-close label::before {content:'';display:inline-block;width:14px;height:14px;border:1px solid #fff;vertical-align: -2px;margin-right:10px;}
.pop-terminate input:checked + label {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M-0.000,5.000 L5.000,13.000 L14.000,-0.000 L5.000,8.000 L-0.000,5.000 Z'/%3E%3C/svg%3E") no-repeat 2px 12px;}
.pop-terminate .btn-pop-close {float:right;margin-right:17px;padding-left:18px;width:54px;height:42px;outline: none;font-size:14px;color:#fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M16.090,15.038 L15.367,15.761 L8.495,8.890 L1.624,15.761 L0.901,15.038 L7.772,8.167 L0.906,1.301 L1.629,0.578 L8.495,7.444 L15.361,0.578 L16.084,1.301 L9.218,8.167 L16.090,15.038 Z'/%3E%3C/svg%3E") 0 50% no-repeat;}


/* 게임스타터 */
.pop-activex {z-index:9999;position:fixed;left:50%;top:50%;margin-left:-376px;margin-top:-280px;border:1px solid #3b3b3b;width:750px;height:570px;background-color:#fff;}
.pop-activex-content {text-align:center;}
.pop-activex h1{padding:0 51px; height:111px; line-height:111px; font-size:28px; color:#393431; background:#f9f9f8 url(../images/dott_popup.jpg) repeat-x 0 100%; font-weight:600;}
.pop-activex .btn-pop-close{width:26px; height:26px; position:absolute; top:22px; right:18px; font-size:0; text-indent:-9999em; background:url(../images/pop_close.png) no-repeat;}
.starter-download {padding-top:290px;background:url(../images/popup/img_starter_download.jpg) no-repeat 50% 0;}
.starter-download .step {position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.starter-download .download {}
.starter-download .download a {display:block;margin:0 auto;width:200px;height:48px;line-height:48px;color:#fff; text-align:center;font-size:16px;font-weight:600;background-color:#42a309; border-color:#42a309;}
.starter-download .help {padding:50px 36px 0;font-size:14px;}
.starter-download .help span {display:block;margin-bottom:3px;}
.starter-download .help a {color:#0072bc;text-decoration: underline;}
.starter-download .help span + a {margin-left:18px;margin-right:12px;}

/* 계정이전신청 레이어 */
.pop-transfer {z-index:9999;position:fixed;left:50%;top:50%;margin-left:-330px;margin-top:-310px;width:660px;height:620px;background:url(../images/etc/pop_transfer.jpg) no-repeat;}
.pop-transfer .btn-pop-close{width:26px; height:26px; position:absolute; top:22px; right:18px; font-size:0; text-indent:-9999em; background:url(../images/pop_close.png) no-repeat;}
.pop-transfer-content p {display:none;}
.pop-transfer-content .buttons {padding:446px 0 63px;text-align:center;}
.pop-transfer-content .buttons a,
.pop-transfer-content .buttons button {display:inline-block;width:160px;height:50px;line-height:48px;color:#fff; border-radius:4px;margin:0 8px;text-align:center;font-size:16px;vertical-align:top;}
.pop-transfer-content .buttons .btn-detail {background-color:#333;}
.pop-transfer-content .buttons .btn-transfer,
.pop-transfer-content .buttons .btn-confirm {background-color:#5e8727;}
.pop-transfer .today-close {float:right;margin-right:55px;}
.pop-transfer .today-close input {position:absolute;visibility: hidden;}
.pop-transfer .today-close label {display:inline-block;line-height:42px;cursor:pointer;font-size:16px;color:#222;letter-spacing: -0.5px;}
.pop-transfer .today-close label:before,
.pop-transfer .today-close label::before {content:'';display:inline-block;width:18px;height:18px;border-radius:2px;border:1px solid #c0c0c0;vertical-align:-3px;margin-right:12px;}
.pop-transfer input:checked + label {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(16, 16, 16)' d='M-0.000,5.000 L5.000,13.000 L14.000,-0.000 L5.000,8.000 L-0.000,5.000 Z'/%3E%3C/svg%3E") no-repeat 4px 13px;}
.pop-transfer-complete {height:600px;background:url(../images/etc/pop_transfer_complete.jpg) no-repeat;}
.pop-transfer-complete .transfer-complete {padding:216px 32px 0;text-align:center;}
.pop-transfer-complete .transfer-complete .account-before,
.pop-transfer-complete .transfer-complete .account-after {margin:0 33px;width:230px;}
.pop-transfer-complete .buttons {padding-top:215px;}

/* 계정이전신청 */
.account-transfer {position:relative;padding-top:84px;padding-bottom:100px;min-height:1160px;background:url(../images/etc/background10.jpg) no-repeat 50% 100%;}
.account-transfer .bi {position:absolute;left:50%;top:125px;width:168px;height:50px;text-indent:-999999px;overflow:hidden;margin-left:-497px;}
.account-transfer .steps {text-align:center;}
.account-transfer .steps span {display:inline-block;margin-left:20px;height:30px;line-height:29px;vertical-align: top;padding:0 11px;font-size:17px;color:#666;position:relative;}
.account-transfer .steps span:before,
.account-transfer .steps span::before {content:'>';color:#222;font-weight:bold;position:absolute;top:0;left:-13px;height:30px;}
.account-transfer .steps span:first-child {margin-left:0;}
.account-transfer .steps span:first-child:before,
.account-transfer .steps span:first-child::before {content:none;}
.account-transfer .steps span.current {color:#fff;background-color:#669933;border-radius:15px;}
.account-transfer .apply-form {margin:0 auto;padding:237px 0 0;width:1080px;border-radius:10px;background:#fff url(../images/etc/img_top.png) no-repeat 50% 42px;}
.account-transfer .jointitle {font-size:28px;color:#000;text-align:center;word-spacing:-1px;}
.account-transfer .step1 {margin-top:102px;height:998px;}
.account-transfer .step1 .join_cont {padding:55px 55px 0;}
.account-transfer .step1 .agree_all {position:relative;display:block;margin-bottom:18px;padding-bottom:19px;border-bottom:1px solid #eee;}
.account-transfer .step1 .agree_all label {font-size:17px;color:#303030;}
.account-transfer .step1 .agree_art {position:relative;display:block;margin-bottom:15px;}
.account-transfer .step1 .agree_art label {color:#666;}
.account-transfer .step1 .agree_art label strong {color:#303030;}
.account-transfer .step1 label {
	display: inline-block;
	position: relative;
	padding-left: 32px;
	height: 24px;
	line-height: 24px;
	background: url(../images/etc/sp_member.png) no-repeat 0 -265px;
}
.account-transfer .step1 input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.account-transfer .step1 input:checked + label {background-position: 0 -330px;}
.account-transfer .agree_box {
	box-sizing: border-box;
	overflow: hidden;
	padding: 6px 5px 14px 19px;
	border: 1px solid #eee;
	margin-top: 4px;
	height: 140px;
}
.account-transfer .agree_box > div {
	overflow-y: auto;
	scrollbar-arrow-color: none;
	scrollbar-3dlight-color: none;
	scrollbar-darkshadow-color: none;
	scrollbar-face-color: #c1c1c1;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #c1c1c1;
	scrollbar-color: #c1c1c1;
	scrollbar-width: thin;
	padding-top: 8px;
}
.account-transfer .agree_box > div::-webkit-scrollbar {
	width: 10px;
}
.account-transfer .agree_box > div::-webkit-scrollbar-track {
	background-color: #fff;
}
.account-transfer .agree_box > div::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
}
.account-transfer .agree_box > div {
	max-height: 110px;
	white-space: pre-line;
}
.account-transfer .agree_box > div * {
	font-size:12px !important;
}
.account-transfer .form-buttons {
	margin-top: 35px;
	border-top: 0 none;
	text-align: center;
}
.account-transfer .form-buttons a, .account-transfer .form-buttons button {
	display: inline-block;
	margin: 0 8px;
	width: 160px;
	height: 50px;
	border-radius: 4px;
	border: 0 none;
	padding:0;
	vertical-align: top;
}
.account-transfer .form-buttons a,
.account-transfer .form-buttons button {
	line-height: 48px;
	font-size:15px;
}
.account-transfer .form-buttons .btn-cancel {
	color: #101010;
	background-color: #f0f0f0;
}
.account-transfer .form-buttons .btn-submit {
	color: #fff;
	background-color: #5e8727;
}
.account-transfer .step2 {margin-top:111px;}
.account-transfer .step2 .join_cont {margin-top:19px;padding-top:120px;height:450px;text-align:center;background:url(../images/etc/img_authenticate.png) no-repeat 50% 0;}
.account-transfer .step2 .join_cont .te_me {display:none;}
.account-transfer .step2 .certify_phone,
.account-transfer .step2 .certify_ipin {display:inline-block;margin:0 16px;width:250px;height:150px;font-size:0;color:transparent;line-height:0;vertical-align:top;background:none;}
.account-transfer .step2 .certify_ipin {display:inline-block;}
.account-transfer .step3 {margin-top:94px;height:800px;}
.account-transfer .step3 .guide-text {padding:2px 0 40px;font-size:18px;color:#666;text-align: center;}
.account-transfer .join_cont .my_temp {margin:0 auto;width:968px;border-top:1px solid #e0e0e0;background:#fff;}
.join_cont .my_temp {overflow:hidden;width:840px;border-top:2px solid #b0b0b0;margin-top:46px;background:#fff}
.join_cont .my_temp dt {width:151px;float:left;clear:both;height:55px;background:#f4f4f4;border-right:1px solid #e5e5e5;text-align:center;font-size:15px;color:#393431;line-height:52px;font-family:'Nanum Gothic', "나눔고딕",sans-serif;border-bottom:1px solid #e5e5e5}
.join_cont .my_temp dd {position:relative;float:left;width:667px;height:55px;font-size:15px;color:#171717;line-height:52px;font-weight:bold;border-bottom:1px solid #e5e5e5;padding-left:21px}
.join_cont .my_temp dt.first {height:50px;line-height:48px}
.join_cont .my_temp dd.first {height:50px;line-height:48px}
.join_cont .my_temp dd img {vertical-align:middle}
.join_cont .my_temp .last {border-bottom:1px solid #b0b0b0}
.join_cont .my_temp .temp_link {position:absolute;top:5px;right:0;height:38px;padding:0 12px;font-size:16px;color:#fff;background:#4c577a;line-height:38px;letter-spacing:-1px}
.join_cont .my_temp .temp_link:hover {text-decoration:none}
.join_cont .my_temp .field_texbox {width:226px;height:30px;line-height:30px;border:1px solid #dcdcdc;background:none;font-size:15px;color:#171717;font-weight:normal;padding-left:10px}
.join_cont .my_temp dd.dd_birth,.art_membership .f_normal {font-weight:normal;}
.join_cont .my_temp .dd_birth .s_birth {width:80px;height:21px;font-size:15px;color:#171717;border:1px solid #dcdcdc}
.join_cont .my_temp .lab_s {cursor:pointer;font-size:14px;font-weight:normal;letter-spacing:-1px;padding-right:10px}
.join_cont .my_temp .dd_birth .bar {margin-right:6px}
.join_cont .my_temp .dd_birth .radio_s {display:inline-block;vertical-align:middle;width:14px;height:14px;margin-top:3px;margin-bottom:4px}
.join_cont .my_temp .s_phone {width:80px;height:21px;font-size:15px;color:#171717;border:1px solid #dcdcdc}
.join_cont .my_temp .s_email {width:114px;height:21px;font-size:15px;color:#171717;border:1px solid #dcdcdc}
.join_cont .my_temp .sm_textbox {width:114px;height:30px;line-height:30px;border:1px solid #dcdcdc;background:none;font-size:15px;color:#171717;font-weight:normal;text-align:center}
.join_cont .link_dd {display:inline-block;width:78px;height:32px;background:#69717c;color:#fff;line-height:32px;font-size:14px;text-align:center;font-weight:bold;vertical-align:top;margin-top:11px;margin-left:6px}
.sms_check {display:inline-block;padding-left:20px}
.sms_check .check_s {display:inline-block;vertical-align:middle;width:14px;height:14px;margin-top:3px;margin-bottom:4px}
.join_cont .f_normal {font-size:14px;font-weight:normal;letter-spacing:-1px;padding-left:7px}

.account-transfer .join_cont .my_temp dt {border-right:0 none;box-sizing:border-box;width:196px;height:60px;line-height:60px;background:none;text-align:left;padding-left:20px;}
.account-transfer .join_cont .my_temp dt span {color:#e64c42;}
.account-transfer .join_cont .my_temp dd {padding-left:4px;width:751px;height:59px;line-height:58px;}
.account-transfer .join_cont .my_temp .field_texbox {width:228px;height:38px;}
.account-transfer .join_cont .link_dd {width:140px;height:40px;background:#303030;border-radius:4px;margin-top: 10px;margin-left: 12px;line-height:38px;}
.account-transfer .join_cont .my_temp .s_phone,
.account-transfer .join_cont .my_temp .sm_textbox  {height:40px;}
.account-transfer .step3 .form-buttons {margin-top:75px;}
.account-transfer .step3 .btn-submit {width:200px;}
.account-transfer .join_cont .my_temp .field_texbox {color:#222;}
.account-transfer .step4 {margin-top:120px;height:680px;}
.account-transfer .step4 .join_cont {margin-top:65px;padding-top:74px;height:328px;text-align:center;background:url(../images/etc/img_apply_complete.png) no-repeat 50% 0;}
.transfer-complete .account-before,
.transfer-complete .account-after {display:inline-block;margin:0 38px;width:328px;height:80px;color:#303030;font-size:14px;}
.transfer-complete .account-before .id,
.transfer-complete .account-after .id {display:block;margin-top:4px;font-size:18px;font-weight:600;color:#cc0000;}