@charset "utf-8";

/* base */
* {margin:0; padding:0;}
html,body,h1,h2,h3,h4,h5,p,ul,ol,dl,li,th,td {font-family:dotum; font-size:12px; line-height:120%;}
img, fieldset {vertical-align:middle; border:0 none;}
li {list-style:none;}
select, input {font-family:dotum; color:#000000; font-size:12px; line-height:120%;}
address,em { font-style:normal; }
button {padding:0; border:none; cursor:pointer;}
hr, legend {display:none;}
a {text-decoration:none; border: none}
.displayNone {display:none !important;}
.hidden{display:none;}

/* scroll */
body, html {
    scrollbar-face-color:#fff;
    scrollbar-arrow-color:#c1cee3;
    scrollbar-track-color:#e0e8f1;
    scrollbar-highlight-color:#fff;
    scrollbar-3dlight-color:#b9cde5;
    scrollbar-shadow-color:#fff;
    scrollbar-darkshadow-color:#b9cde5;
}

/* gnb center select */
/* .usermenuInfo ul {background:#fff;} */
.usermenuInfo li {line-height:135% !important;}
#center {position:relative; padding:0 !important;}
#center a.select_arr {padding-right:17px; background:url(/assets/images/web/kr/select_arr_gnb.gif) right 2px no-repeat;}
#center #center_list {position:absolute; z-index:1; top:16px; left:-7px;}
#center #center_list ul {float:left; width:70px; height:66px !important; padding:3px 1px 0 1px !important; border:1px solid #cfcfcf; border-top:none !important; background:#fff; overflow:hidden;}
#center #center_list li {clear:both; float:left; margin:0 !important; padding:0 !important; line-height:120%;}
#center #center_list li a {width:56px; margin:0; padding:2px 0 0 10px; color:#b4b4b4 !important; border:2px solid #fff; display:inline-block;}
#center #center_list li a:hover {color:#6b6b6b !important; text-decoration:none !important; border:2px solid #0b91e4;}
#center #center_list li a:link {text-decoration:none !important;}

/*
#gnb .usermenuInfo li a:hover {text-decoration:none !important;}
#gnb .usermenuInfo .ncoinBtn {padding-top:2px !important; font-family:dotum;}$
#gnb .gamLink li.bm {background:url(/assets/images/bill/b_bm_link02.gif) left center no-repeat !important; width:47px !important;}
*/

/* selectbox */
.selectboxWrap {text-align:left;}
.selectboxWrap td {padding:0; color:#636363; font-weight:normal; border:none !important; background:#fff;}
.selectboxWrap .selectbox {padding:4px 0 0 3px; font-family:dotum; font-size:12px; color:#636363; font-weight:normal; line-height:150%; background:#fff;}
.selectboxWrap .selectBoxSelectedAreaFocusGlobal {padding:4px 0 0 3px; font-family:dotum; font-size:12px; color:#636363; font-weight:normal; line-height:150%; background:#fff;}
.selectboxWrap .selectBoxOptionGlobal {padding:4px 0 0 3px; font-family:dotum; font-size:12px; color:#636363; font-weight:normal; line-height:150%; background:#fff;}
.selectboxWrap .selectBoxOptionOverGlobal {padding:4px 0 0 3px; font-family:dotum; font-size:12px; color:#636363; font-weight:normal; line-height:150%;}
.selectboxWrap .selectBoxOptionInnerLayer {color:#636363; background:#615b5b;}
.selectboxWrap .selectBorder {border:2px solid #3e87bd;}
.selectBoxOptionInnerLayer .selectBoxOptionOverGlobal {background:#f1f1f1; cursor:pointer;}

/* layout */
#wrap {position:relative; width:900px; margin:0 auto; padding:0; }
#middle {width:100%; min-height: 700px; padding:30px 0; background:url(/assets/images/web/kr/bg_body.gif) left top repeat-y;}
#secondnav_area {float:left; width:191px; margin-right:27px; display:inline;}
#secondnav {margin-bottom:33px;}
#secondnav h2 {margin-bottom:8px;}
#guide_banner {width:172px; margin:0 auto;}
#guide_banner h3 {margin-bottom:3px;}
#guide_banner .banner li {margin-top:8px; display:inline-block;}
#guide_banner .banner li img  {float:left; vertical-align:top;}
#contGroup {float:left; width:677px;}
#contGroup #cont_title {height:31px; margin:6px 0 0 0;}

/* ncoin top content */
.visual_ncoin {width:676px; height:169px; margin-bottom:44px; background:url(/assets/images/web/kr/coinbox_bg.gif) no-repeat; overflow:hidden;}
.visual_ncoin .my_ncoin {float:left; width:338px;}
.visual_ncoin .my_ncoin dl {float:left; width:217px; margin:116px 0 0 80px; display:inline;}
.visual_ncoin .my_ncoin dt {float:left;}
.visual_ncoin .my_ncoin dd {float:left;}
.visual_ncoin .my_ncoin dd.button {margin:11px 0 0 20px; display:inline;}
.visual_ncoin .ncoin_request {float:left; width:284px; padding:41px 0 0 41px;}
.visual_ncoin .ncoin_request dt {float:left;}
.visual_ncoin .ncoin_request dd.button {clear:both; float:left; margin:15px 0 0 36px; display:inline;}
.visual_ncoin .ncoin_request button {width:161px; height:38px; background:url(/assets/images/web/kr/charge_bt.gif) no-repeat;}
.visual_ncoin .ncoin_request button span {display:none;}
/*
.visual_ncoin {width:676px; height:169px; margin-bottom:44px; background:url(/assets/images/bill/ncoin_topbg.jpg) no-repeat; overflow:hidden;}
.visual_ncoin .my_ncoin {float:left; width:338px;}
.visual_ncoin .my_ncoin dl {float:left; width:217px; margin:50px 0 0 121px; display:inline;}
.visual_ncoin .my_ncoin dt {float:left;}
.visual_ncoin .my_ncoin dd {float:left;}
.visual_ncoin .my_ncoin dd.button {margin:11px 0 0 20px; display:inline;}
.visual_ncoin .my_ncoin button {width:161px; height:38px; background:url(/assets/images/bill/btn_ncoin_charge.gif) no-repeat;}
.visual_ncoin .my_ncoin button span {display:none;}
.visual_ncoin .ncoin_request {float:left; width:309px; padding:29px 0 0 16px;}
.visual_ncoin .ncoin_request dt {float:left;}
.visual_ncoin .ncoin_request dd.button {clear:both; float:left; margin:23px 0 0 161px; display:inline;}
.visual_ncoin .ncoin_request button {width:108px; height:44px; background:url(/assets/images/bill/btn_request.gif) no-repeat;}
.visual_ncoin .ncoin_request button span {display:none;}
*/

/* point top content */
.visual_point {width:676px; height:169px; margin-bottom:44px; background:url(/assets/images/web/kr/exchangebox-bg.gif) no-repeat; overflow:hidden;}
.visual_point .my_point {float:left; width:338px;}
.visual_point .my_point dl {float:left; width:217px; margin:116px 0 0 80px; display:inline;}
.visual_point .my_point dt {float:left;}
.visual_point .my_point dd {float:left;}
.visual_point .my_point dd.button {margin:11px 0 0 20px; display:inline;}
.visual_point .point_request {float:left; width:284px; padding:41px 0 0 41px;}
.visual_point .point_request dt {float:left;}
.visual_point .point_request dd.button {clear:both; float:left; margin:15px 0 0 36px; display:inline;}
.visual_point .point_request button {width:169px; height:38px; background:url(/assets/images/web/kr/btn-exchange.gif) no-repeat;}
.visual_point .point_request button span {display:none;}

.visual_login {width:676px; height:169px; margin-bottom:44px; background:url(/assets/images/web/kr/ncoin_topbg_out.jpg) no-repeat; overflow:hidden;}
.visual_login h5 {margin:47px 0 0 161px;}
.visual_login .login_button {margin:17px 0 0 313px;}
h4.about_ncoin {margin-bottom:44px; text-align:center;}
h5.ncoin_charge_guide {margin-bottom:5px; text-align:center;}

#ncoin_ch_guide {position:relative; width:677px; z-index:100;}
#ncoin_ch_guide .ch_tab {}
#ncoin_ch_guide .ch_tab ul {position:relative; height:85px; background:url(/assets/images/web/kr/tab_charge_bg.gif) 0 bottom repeat-x; z-index:101;}
#ncoin_ch_guide .ch_tab li {float:left; margin-left:1px; display:inline-block;}
#ncoin_ch_guide .ch_tab li a {position:relative; width:112px; height:81px; margin-right:-1px; display:block; background:url(/assets/images/web/kr/tab_charge.jpg) 0 0 no-repeat; z-index:102;}
#ncoin_ch_guide .ch_tab li a:hover, #ncoin_ch_guide .tab li a.on {position:relative; display:block; z-index:103;}
#ncoin_ch_guide .ch_tab li.n_way01 {margin-left:0 !important;}
#ncoin_ch_guide .ch_tab li.n_way01 a {background-position:0 0;}
#ncoin_ch_guide .ch_tab li.n_way02 a {background-position:-113px 0;}
#ncoin_ch_guide .ch_tab li.n_way03 a {background-position:-226px 0;}
#ncoin_ch_guide .ch_tab li.n_way04 a {background-position:-339px 0;}
#ncoin_ch_guide .ch_tab li.n_way05 a {background-position:-452px 0;}
#ncoin_ch_guide .ch_tab li.n_way06 a {background-position:-565px 0;}
#ncoin_ch_guide .ch_tab li.n_way01 a.on {background-position:0 -85px;}
#ncoin_ch_guide .ch_tab li.n_way02 a.on {background-position:-113px -85px;}
#ncoin_ch_guide .ch_tab li.n_way03 a.on {background-position:-226px -85px;}
#ncoin_ch_guide .ch_tab li.n_way04 a.on {background-position:-339px -85px;}
#ncoin_ch_guide .ch_tab li.n_way05 a.on {background-position:-452px -85px;}
#ncoin_ch_guide .ch_tab li.n_way06 a.on {background-position:-565px -85px;}
#ncoin_ch_guide .ch_tab li.n_way01 a:hover {background-position:0 -85px;}
#ncoin_ch_guide .ch_tab li.n_way02 a:hover {background-position:-113px -85px;}
#ncoin_ch_guide .ch_tab li.n_way03 a:hover {background-position:-226px -85px;}
#ncoin_ch_guide .ch_tab li.n_way04 a:hover {background-position:-339px -85px;}
#ncoin_ch_guide .ch_tab li.n_way05 a:hover {background-position:-452px -85px;}
#ncoin_ch_guide .ch_tab li.n_way06 a:hover {background-position:-565px -85px;}
#ncoin_ch_guide .ch_tab li span{display:none;}
#ncoin_ch_guide .cont {padding:30px 0; text-align:center; border:1px solid #dcdcdc;}

.hidden {display:none;}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* service_type form */
.service_type {float:left; width:100%; margin-bottom:15px;}
.service_type h4 {float:left;}
.service_type h4 img {vertical-align:middle;}
.service_type h4 .point {padding:1px 0 0 0; font-size:14px; color:#ed8b00; vertical-align:middle; display:inline-block;}
.service_type dl {float:right; color:#898989;}
.service_type dt {float:left; padding-left:7px; font-weight:bold; background:url(/assets/images/web/kr/ico_line.gif) left 4px no-repeat;}
.service_type dd {float:left; margin-left:7px; display:inline;}
.service_type dd select {width:82px; height:18px; color:#898989; text-align:center; line-height:160%; border:1px solid #7f9db9;}
.service_type dd.btn_inquiry button {width:47px; height:19px; vertical-align:top; background:url(/assets/images/web/kr/btn_inquiry.gif) no-repeat;}
.service_type dd.btn_inquiry button span {display:none;}
.service_type p.txt {clear:both; float:right; margin-top:5px; color:#74a7d3;}
.service_type p.txt .ico {margin-right:3px; letter-spacing:-1px; display:inline-block;}

/* tab */
.tab {width:100%; height:30px; margin-bottom:5px; background:url(/assets/images/web/kr/tab_bg.gif) left bottom repeat-x;}
.tab ul{position:relative; float:left; height:30px; z-index:101;}
.tab li {float:left; margin-right:1px; font-size:11px; font-weight:bold; display:inline;}
.tab li a {position:relative; width:90px; height:30px; line-height: 30px; color:#5c6b79; text-decoration:none; text-align:center; background:url(/assets/images/web/kr/tab_onff.gif) no-repeat; display:block; z-index:102;}
.tab li a:hover, .tab li a.on {color:#fff; z-index:103;}
.tab li a {background-position:-90px 0;}
.tab li a.on{background-position:0 0;}
.tab li a:hover{background-position:0 0;}
.tab p.txt {float:right; margin-top:10px; color:#898989; letter-spacing:-1px;}
.bg_long li a {width:106px !important; background-position:-106px -30px !important;}
.bg_long li a.on, .bg_long li a:hover {background-position:0 -30px !important;}

/* table */
.table01 {clear:both; width:100%; border-collapse: collapse;}
.table01 th {padding:7px 5px 5px 5px; color:#898989;}
.table01 td {padding:8px 5px 9px 5px; color:#898989; background:url(/assets/images/web/kr/td_bg.gif) left bottom repeat-x;}
.table01 td.empty{text-align: center}
.table01 td.l {text-align:left; padding:8px 10px 9px 10px;}
.tdc td {text-align:center;}
.table01 th.fir {border-left:1px solid #d3d3d3; background:#ececec !important;}
.table01 th.end {border-right:1px solid #d3d3d3;}
.table01 .row_head th {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background:#ececec url(/assets/images/web/kr/th_bg.gif) left center no-repeat;}

/* paging */
.paging {margin-top:44px; text-align:center;}
.paging a {width:17px; height:12px; margin:0 -2px; padding:1px 3px; color:#888; font-weight:bold; line-height:120%; vertical-align:middle; display:inline-block;}
.paging a:hover {color:#1175db;}
.paging a.nowpage {color:#1175db;}
.paging a.btn {width:15px; height:14px; padding:0; background:url(/assets/images/web/kr/btn_paging.gif) no-repeat;}
.paging a.btn span {display:none;}
.paging a.prev {margin:0 -2px 0 3px; background-position:0 -14px;}
.paging a.next {margin:0 3px 0 -2px; background-position:-15px -14px;}
.paging a.fir {margin:0; background-position:0 0;}
.paging a.end {margin:0; background-position:-15px 0;}

/* input type */
.myncoin_won {width:64px; height:22px; margin:0 1px; _margin:-2px 1px 0 1px; *margin:-2px 1px 0 1px; padding:3px 8px 0 8px; font-size:18px; color:#fff; font-weight:bold; text-align:right; vertical-align:middle; line-height:120%; background:#707070; border:none;}
.input_blessing {width:72px; height:19px; margin:-3px 0 0 0; padding:2px 10px 0 10px; font-size:15px; color:#2e9fff; letter-spacing:-1px; font-weight:bold; text-align:right; vertical-align:middle; border:1px solid #b6b6b6;}
.resi_num {width:69px; height:19px; margin:0 0 0 1px; padding:2px 5px 0 5px; font-size:15px; vertical-align:middle; border:1px solid #b6b6b6;}

/* request */
.request_useguide h4 {clear:both; margin:35px 0 12px 0;}
.request_useguide .img_topgab {margin-top:4px;}
.arrow-left {position:absolute;top:0;left:0; width:22px; height:42px; overflow:hidden;}
.arrow-left a {display:block; background:url(/assets/images/web/kr/b_scroll_left_off.gif) left top no-repeat; width:22px; height:42px;}
.arrow-left a:hover {background:url(/assets/images/web/kr/b_scroll_left_on.gif) left top no-repeat;}
.arrow-right {position:absolute;top:0;right:0; overflow:hidden;}
.arrow-right a {display:block;background:url(/assets/images/web/kr/b_scroll_right_off.gif) left top no-repeat;width:22px;height:42px;}
.arrow-right a:hover {background:url(/assets/images/web/kr/b_scroll_right_on.gif) left top no-repeat;}

/* Slideshow controls style rules.*/
#slideshow {position:relative; width:659px; height:320px; border:1px solid #d9d9d9;}
#slideshow #slidesContainer {position:relative; margin:0 auto; width:538px; height:282px; padding-top:22px; overflow:hidden;}
#slideshow #slidesContainer .slide{margin:0 auto;width:135px;height:105px;}
.control {display:block; width:22px;height:34px;text-indent:-10000px;position:absolute;cursor:pointer;}
#leftControl {position:absolute;top:128px;left:17px;width:22px;height:42px;background:url(/assets/images/web/kr/b_scroll_left_off.gif) left top no-repeat;}
#rightControl {position:absolute;top:128px;right:17px;width:22px;height:42px;display:block;background:url(/assets/images/web/kr/b_scroll_right_off.gif) left top no-repeat;}
.slide .thumbs {float:left; margin-right:20px; display:inline;}
.slide ul {float:left;}
.slide li {margin-top:17px;}
.slide li.fir {margin-top:6px !important;}

/* gift card */
.giftcard {margin:0 7px; padding-left:174px; text-align:left; background:url(/assets/images/web/kr/giftcard_img.jpg) left top no-repeat;}
.giftcard h5 {margin:7px 0 10px 0;}
.giftcard dl {margin-top:17px;}
.giftcard dd {margin-top:2px;}

/* popup */
.popup_wrap {position:absolute; padding:1px; z-index:1000; background:#9ecef7; border:1px solid #3c9cee;}
.pop_header {width:100%; height:29px; padding:8px 0 0 0; background:#157ad0 url(/assets/images/web/kr/pop_header_bg.gif) repeat-x;}
.pop_header h2.pop_title {float:left; margin:3px 0 0 12px; padding-left:11px; font-family:����, gulim; font-size:14px; color:#fff; background:url(/assets/images/web/kr/pop_header_arrow.gif) left 1px no-repeat; display:inline-block;}
.pop_header a.pop_close {float:right; width:57px; height:21px; margin-right:22px; background:url(/assets/images/web/kr/pop_close.gif) no-repeat; overflow:hidden; display:inline-block;}
.pop_header a.pop_close span {display:none;}
.pop_middle {padding:18px; border:1px solid #2879be; border-top:1px solid #005ac0; background:#fff;}
.h_change_process {height:357px;}
.pop_subtitle {float:left; width:100%; margin-bottom:27px; padding-bottom:17px; background:url(/assets/images/web/kr/pop_bg_line.gif) left bottom repeat-x;}
.pop_subtitle h3 {float:left;}
.pop_subtitle dl.ncoin {float:right; padding:4px 6px; border:1px solid #d8d8d8;}
.pop_subtitle dl.ncoin dt {float:left;}
.pop_subtitle dl.ncoin dd {float:left; margin-left:7px; padding-top:2px; font-size:15px; color:#2e9fff; letter-spacing:-1px; font-weight:bold; display:inline;}
.pop_subtitle p {clear:both; float:left; margin-top:7px;}
.pop_box {clear:both;}
.pop_boxtit {padding-left:2px; background:url(/assets/images/web/kr/pop_box_titlebg.gif) left top no-repeat;}
.pop_boxtit h4.inbg {padding:11px 0 9px 0; background:url(/assets/images/web/kr/pop_box_titlebg.gif) right top no-repeat;}
.pop_boxtit h4.inbg span {margin-left:26px; padding-left:12px; font-size:15px; color:#fff; background:url(/assets/images/web/kr/pop_box_bul01.gif) no-repeat; display:inline-block;}
.pop_boxcont {padding:18px 15px; border:1px solid #b4b4b4; background:url(/assets/images/web/kr/pop_box_contbg.gif) left center repeat-x;}
.pop_boxcont dl {clear:both; float:left; width:100%; margin-top:15px; line-height:150%;}
.pop_boxcont dl.mt0 {margin-top:0;}
.pop_boxcont dt {float:left; height:21px; margin-right:7px; padding:2px 0 0 15px; font-size:15px; color:#707070; font-weight:bold; background:url(/assets/images/web/kr/pop_box_bul02.gif) left 6px no-repeat; display:inline;}
.pop_boxcont dd {float:left; display:inline;}
.pop_boxcont dd.have_blessing_img {margin:0 5px 0 13px;}
.pop_boxcont dd.have_blessing_img img {margin-top:3px; vertical-align:top;}
.pop_boxcont dd.point {padding:2px 5px 0 0; font-size:15px; color:#2e9fff; font-weight:bold;}
.select_payment {width:110px; height:21px; color:#898989; text-align:center;}
#select_server {float:left; width:100%; padding:10px 0 13px 30px;}
#select_server .selectbox {height:23px; padding:0 0 0 15px; font-size:15px; color:#707070; font-weight:bold; background:url(/assets/images/web/kr/pop_box_bul02.gif) left 6px no-repeat;}
#select_server .selectbox  select {width:132px; height:20px; font-size:12px; color:#898989; text-align:center; vertical-align:top;}
#select_server .have_blessing {height:20px; margin:-1px 0 0 0; padding:3px 0 0 0;}
.ncoin_useagreement {clear:both; width:405px; border:1px solid #b9cde5;}
.ncoin_useagreement iframe {width:100%; height:266px;}
.txt_ncoin_charge {clear:both; float:left; width:100%; margin-top:10px; padding-top:11px; background:url(/assets/images/web/kr/pop_bg_btline.gif) left top no-repeat;}
.txt_ncoin_charge p.smallbox {padding:3px 0; font-size:15px; color:#fff; text-align:center; background:#5b5b5b;}
.txt_ncoin_charge p.smallbox strong {color:#38dcff;}
.add_txt {margin-top:5px; color:#898989;}
.add_txt .point {color:#137cd6;}
.payment_process_end {padding:18px 0; color:#137cd6; text-align:center;}
.pop_list {margin-top:20px; padding-left:4px;}
.pop_list li {margin-top:2px; padding-left:11px; color:#898989; line-height:130%; background:url(/assets/images/web/kr/pop_bul01.gif) left 4px no-repeat;}
.pop_list li.fir {margin-top:0;}
.pop_button {height:46px; padding-top:19px; text-align:center;}
.pop_button a {margin-left:10px; vertical-align:middle;}
.pop_button a.fir {margin-left:0;}

/**
보유코인조회
*/
#has_coin .tbl-vcoins{width:100%; border-collapse: collapse;border: none;}
.tbl-vcoins thead th{padding-top:19px; padding-bottom: 20px; padding-left: 40px; border-bottom: 1px solid #9e9e9e; font-stretch: condensed; letter-spacing: -0.25px; text-align: left; color: #666; font-size: 18px; width: 446px;}
.tbl-vcoins thead td{padding-top:19px; padding-bottom: 20px; padding-right: 40px; border-bottom: 1px solid #9e9e9e; font-stretch: condensed; letter-spacing: -0.25px; text-align: right; color: #2ebfba; font-size: 24px; line-height:1;}
.tbl-vcoins thead tr:first-child th,
.tbl-vcoins thead tr:first-child td{
    border-top: 2px solid #888;
}
.tbl-vcoins thead tr:nth-of-type(2) th,
.tbl-vcoins thead tr:nth-of-type(2) td{
    border-bottom: 2px solid #888;
}
#has_coin .tbl-specific{margin-left: 41px; margin-right: 40px; width: calc(100% - 81px)}
.tbl-specific tbody td{padding-top: 20px; padding-bottom: 21px; border-bottom: 1px solid #ddd; color: #888; font-size: 14px; font-stretch: condensed; letter-spacing: -0.25px;}
.tbl-specific tbody tr:last-child td{border-bottom: none;}
.tbl-specific tbody td:first-child{text-align: left;}
.tbl-specific tbody td:last-child{text-align: right;}