/*
 * @title			이용안내
 * @author			김현진
 * @date			2012.05.22
 * @update    2022.07.12(조영수)ITM-12629
 * @description
 */

.g_content{line-height:1.5;}
.img_border{ border:1px solid #CCD3DC; }
.guide_subtitle{ clear:both;padding-bottom:10px;margin-top:25px;color:#1D1D1D; }
.guide_subtxt{ margin:7px 0; color:#767676; font-size:12px; }
.guide_subtxt > .f_bold{margin-top:5px;}
.guide_subtxt dd{text-indent:-7px;padding-left:10px;color:#767676;font-size:12px;}
.guide_subtxt dd:before{ content:'- ' }
.guide_subtitle > .guide_subtxt{margin:10px 0 0 5px}
.tab_sub li{ display:inline }
.normal_box, .normal_box2{ float:left; width:234px; margin-bottom:20px; border:1px solid #CCD3DC; text-align:center }
.normal_box2{ width:340px }
.normal_box .normal_title, .normal_box2 .normal_title{ padding:5px 0; background-color:#F8FBFE; text-align:center; border-bottom:1px solid #CCD3DC }
.normal_box img, .normal_box2 img{ margin-top:5px }
.next_arrow{float:left;margin:130px 19px 0;}
.next_arrow2{ float:left; margin:185px 28px 0 }
.divi_line{ margin:20px 0 10px; border-bottom:1px solid #E1E1E1 }
.notice{margin-top:20px;padding:13px 40px 16px;border:1px solid #E1E1E1;background-color:#FAFAFA;line-height:18px;}
.notice dt{margin-bottom:6px;font-weight:bold;color:#FF2400;}
.notice dd{text-indent:-7px;padding-left:10px;color:#767676;font-size:12px;}
.notice dd:before{ content:'- ' }
.notice .f_red1{color:#FF2400;}
/* ▼ 마일리지 충전방법 */
.top_desc{ overflow:hidden; width:814px; margin:0 auto; border:1px solid #CCD3DC; }
.top_desc img.g_left{ border-right:1px solid #CCD3DC }
.top_desc .g_notice_box1{width:613px;height:117px;margin:0;padding:0;border:none;}
.top_desc .g_notice_box1 .f_org1{ margin:20px 0 5px 20px }
.top_desc .g_notice_box1 .g_list{ margin-left:22px; font-size:11px }
.top_desc .notice_box{ width:478px; height:auto; padding:0 10px 15px 0; border-right:1px solid #CCD3DC }
.top_desc .text_blue{ width:250px; padding:35px 10px 0 10px; color:#2162C6; font-size:11px; line-height:18px }
.g_big_box1{ overflow:hidden; width:815px; margin:0 auto; padding:0; border:0; border-right:1px solid #CCD3DC; }
.g_big_box1 li{ position:relative; float:left; width:162px; height:31px; border-top:1px solid #CCD3DC; border-left:1px solid #CCD3DC; background-color:#FFF; font-size:11px; line-height:33px; text-indent:8px; letter-spacing:-1px; cursor:pointer; color:#6E6E6E; }
.g_big_box1 li:hover, .g_big_box1 .selected{ font-weight:bold; color:#407FD4 }
.g_big_box1 span{ display:block; position:absolute; top:0; right:0; height:31px; background:url(//img3.itemmania.com/new_images/myroom/charge/sp_mile_charge_241101.png?v=241101) no-repeat; text-indent:-9999px }
.g_big_box1 .img_charge01{ width:42px; background-position:-1px -65px }
.g_big_box1 .img_charge02{ width:42px; background-position:-53px -161px }
.g_big_box1 .img_charge03{ width:42px; background-position:-1px -33px }
.g_big_box1 .img_charge04{ width:42px; background-position:-64px -193px }
.g_big_box1 .img_charge05{ width:34px; background-position:-130px -1px }
.g_big_box1 .img_charge06{ width:42px; background-position:-1px -1px }
.g_big_box1 .img_charge07{ width:51px; background-position:-1px -161px }
.g_big_box1 .img_charge08{ width:42px; background-position:-77px -225px }
.g_big_box1 .img_charge09{ width:42px; background-position:-1px -97px }
.g_big_box1 .img_charge10{ width:42px; background-position:-87px -1px }
.g_big_box1 .img_charge11{ width:42px; background-position:-87px -33px }
.g_big_box1 .img_charge12{ width:42px; background-position:-1px -129px }
.g_big_box1 .img_charge13{ width:51px; background-position:-44px -97px }
.g_big_box1 .img_charge14{ width:42px; background-position:-87px -65px }
.g_big_box1 .img_charge15{ width:42px; background-position:-44px -65px }
.g_big_box1 .img_charge16{ width:42px; background-position:-44px -129px }
.g_big_box1 .img_charge17{ width:42px; background-position:-96px -97px }
.g_big_box1 .img_charge18{ width:75px; background-position:-1px -225px }
.g_big_box1 .img_charge19{ width:42px; background-position:-44px -33px }
.g_big_box1 .img_charge20{ width:42px; background-position:-87px -129px }
.g_big_box1 .img_charge21{ width:42px; background-position:-96px -161px }
.g_big_box1 .img_charge22{ width:42px; background-position:-44px -1px }
.g_big_box1 .img_charge23{ width:42px; background-position:-107px -193px }
.g_big_box1 .img_charge24{ width:42px; background-position:-120px -225px }
.g_big_box1 .img_charge25{ width:62px; background-position:-1px -193px }
.g_big_box1 .img_charge26{ width:42px; background-position:-130px -33px }
.g_big_box1 .img_charge27{ width:42px; background-position:-87px -257px }
.g_big_box1 .img_charge28{ width:42px; background-position:-131px -64px }
.g_big_box1 .img_charge29{ width:42px; background-position:-133px -129px }
.g_big_box1 .img_charge30{ width:42px; background-position:-130px -257px }
.g_big_box1 .img_charge31{ width:42px; background-position:-1px -288px }
.g_big_box1 .img_charge32{ width:42px; background-position:-45px -288px }
.g_big_box1 .img_charge33{ width:42px; background-position:-87px -288px }
.g_big_box1 .img_charge34{ width:42px; background-position:-132px -288px }
.g_big_box1 .img_charge35{width:42px;background-position:-1px -320px;}
.g_big_box1 .img_charge36{width:42px;background-position:-45px -321px;}
.g_big_box1 .img_charge36{width:42px;background-position:-45px -321px;}
.g_big_box1 .img_charge37{width:42px;background-position:-89px -321px;}
.g_big_box1 .img_charge38{width:70px;background-position:-1px -351px;}
.g_big_box1 .img_charge39{width:70px;background-position:-71px -351px;}
.g_big_box1 .img_charge40{width:42px;background-position:-128px -321px;}
.g_big_box1 .img_charge41{width:42px;background-position:-137px -352px;}
.g_big_box1 .img_charge43{width:62px;background-position:-55px -385px;}
.g_big_box1 .img_charge42{width: 57px;background-position:-1px -384px;}
/* 게임 기프티카드 */
.g_big_box1 .none{ cursor:auto }
/* ▲ 마일리지 충전방법 */
.wrap_btn_text{line-height: 30px;}
.btn_go{vertical-align: text-top;}
/* ▲ 이용안내 캐릭터거래 바로가기 */
/* ▼ ITM-12629 WEB_디자인 트랜드 연구 및 적용_이용안내 */
.g_big_box1{border-right:none;}
.g_big_box1 li{width:155px;height:40px;margin:0 4px 8px;border:1px solid #CCD3DC;line-height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.g_big_box1 li:nth-child(5n){margin-right:0;}
.g_big_box1 li:hover, .g_big_box1 .selected{font-weight:bold;color:#407FD4;border:2px solid #159EFD;line-height:38px;}
.g_big_box1 span{top:3px;right:2px;}
.g_big_box1 li:hover span, .g_big_box1 .selected span{top:2px;right:1px}

.top_desc{margin:10px 0 30px;border: 3px solid #CCD3DC;}
.top_desc .g_notice_box1 .f_org1{margin: 12px 0 5px 20px;}
.top_desc .g_notice_box1{background-color:#FFF;}

.g_subtitle_center{width:100%;height:50px;text-align:center;line-height:30px;background-color:#F8FBFE;}
/* ▲ ITM-12629 WEB_디자인 트랜드 연구 및 적용_이용안내 */

.flex_wrap{display:flex;}
.flex_wrap>*{flex:0.8;text-align:center;}
.flex_wrap>div:first-child{flex:1;}