@charset "euc-kr";
@import "common.css";

body{margin:0;background:#236B00}
div,td,th,ul,ol,li,dl,dt,dd,p{color:#333}
td{line-height:17px}

a:link,a:visited{color:#333;text-decoration:none}
a:hover,a:active{color:#333;text-decoration:underline}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

.ln13{line-height:13px}
.ln14{line-height:14px}
.ln15{line-height:15px}
.ln16{line-height:16px}
.ln17{line-height:17px}
.ln18{line-height:18px}
.ln19{line-height:19px}
.ln20{line-height:20px}
.ln21{line-height:21px}
.ln22{line-height:22px}

.ti{display:inline-block;text-indent:16px}

#guide{width:800px;height:650px}
#top{position:relative;height:56px;background:url(../image/guide_top.gif) no-repeat;z-index:50}
#top .logo{position:absolute;top:36px;left:17px}
#top .title{position:absolute;top:33px;left:198px;width:545px;height:25px;padding-left:10px;font-size:14px;font-weight:bold;background:url(../image/guide_title.gif) no-repeat left bottom}
#middle{position:relative;height:550px;background:url(../image/guide_bg.gif) repeat-y}
#middle .left{position:absolute;top:0;left:17px;width:158px;z-index:100;border-bottom:1px solid #79b043}
#middle .content{position:absolute;top:0;left:199px;z-index:10;width:582px;height:548px;padding-top:18px;background:url(../image/guide_topbar.gif) no-repeat;overflow:auto;
  scrollbar-face-color:#FFFFFF;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#E6E6E6;
  scrollbar-3dlight-color:#C7C7C7;
  scrollbar-arrow-color:#797979;
  scrollbar-track-color:#FFFFFF;
  scrollbar-darkshadow-color:#C7C7C7;
  scrollbar-base-color:#FFFFFF;
}
html>body #middle .content{height:530px}
#middle .illust_msduelgo{position:absolute;bottom:-36px;left:8px;width:191px;height:260px;background:url(../image/guide_illust_msduelgo.gif) no-repeat left bottom}
#middle .illust_gostop{position:absolute;bottom:-36px;left:8px;width:191px;height:260px;background:url(../image/guide_illust_gostop.gif) no-repeat left bottom}
#middle .illust_dxgostop{position:absolute;bottom:-36px;left:8px;width:191px;height:260px;background:url(../image/guide_illust_dxgostop.gif) no-repeat left bottom}
#middle .illust_duelgo{position:absolute;bottom:-36px;left:8px;width:191px;height:260px;background:url(../image/guide_illust_duelgo.gif) no-repeat left bottom}
#middle .illust_doublego{position:absolute;bottom:-36px;left:8px;width:191px;height:260px;background:url(../image/guide_illust_doublego.gif) no-repeat left bottom}
#middle .illust_newgostop{position:absolute;bottom:-36px;left:8px;width:191px;height:260px;background:url(../image/guide_illust_newgostop.gif) no-repeat left bottom}
#middle .illust_whatu{position:absolute;bottom:-36px;left:8px;width:191px;height:260px;background:url(../image/guide_illust_whatu.gif) no-repeat left bottom}
#middle .illust_sambong{position:absolute;bottom:-36px;left:8px;width:191px;height:260px;background:url(../image/guide_illust_sambong.gif) no-repeat left bottom}
#middle .illust_newsudda{position:absolute;bottom:-36px;left:8px;width:335px;height:300px;background:url(../image/guide_illust_newsudda.jpg) no-repeat left bottom;z-index:2}
#btm{height:44px;background:url(../image/guide_btm.gif) no-repeat;text-align:right}
#btm .btn{float:right;padding:10px 15px 0 0}
h3.sub_tit{padding:0 0 10px 20px;background:url(../image/ico_bar.gif) no-repeat 10px 3px;font-size:12px}
h4.sub_tit{padding:0 0 10px 0;color:#000;font-size:12px;font-weight: bold;}
.sub_desc{padding:0 40px 10px 20px}
.sub_desc img{display:block;margin-bottom:5px}
.desc{padding-bottom:50px;color:#000}
.desc2{padding:10px 20px 10px;line-height:1.3}
.ls_m1{letter-spacing:-1px}
strong.tit{display:block;margin:10px 0 8px}

#lmenu{margin:59px 0 0 0;overflow:hidden;clear:both;background:url(../image/bg_left.gif) repeat-y}
#lmenu li{padding:10px 0 4px 0;display:block;background:url(../image/guide_menu01.gif) no-repeat;color:#FFF;font-weight:bold; clear:both}
#lmenu li a{color:#fff;text-decoration:none;padding-left:20px;display:block}
#lmenu li a:hover{color:#F7FFAF;text-decoration:none}
#lmenu li.selected, #lmenu li.selected:hover{background-position: 0 -30px;color:#F7FFAF;text-decoration:none}
#lmenu li.selected a{color:#F7FFAF}
#lmenu .dep2{clear:both;padding:7px 0 0 0;background:url(../image/guide_menu02_t.gif) no-repeat left 5px}
html>body #lmenu .dep2{padding:2px 0 5px 0;background:url(../image/guide_menu02_t.gif) no-repeat left 0}
#lmenu .dep2 li{padding:3px 0 1px;background:url(../image/guide_menu02.gif) no-repeat;color:#FFF;font-weight:normal}
#lmenu .dep2 li a{margin-bottom:-1px;color:#fff;letter-spacing:-1px}
#lmenu .dep2 li a:hover{color:#F7FFAF}
#lmenu .dep2 li.selected, #lmenu .dep2 li.selected:hover{font-weight:bold;background-position: 0 -19px;color:#F7FFAF}

.guidebox_t{background:url(../image/guidebox_t.gif) no-repeat;height:5px;overflow:hidden}
.guidebox_m{background:url(../image/guidebox_m.gif) repeat-y;text-align:center;padding:15px 0}
.guidebox_b{background:url(../image/guidebox_b.gif) no-repeat;height:5px;overflow:hidden}

.guidebox_t01{background:url(../image/guidebox_t.gif) no-repeat;height:3px;overflow:hidden}
.guidebox_m01{background:url(../image/guidebox_m.gif) repeat-y;text-align:center;padding:0 3px}
.guidebox_b01{background:url(../image/guidebox_b.gif) no-repeat;height:3px;overflow:hidden}

.guidebox_st{background:url(../image/guidebox_st.gif) no-repeat;height:5px;overflow:hidden}
.guidebox_sm{background:url(../image/guidebox_sm.gif) repeat-y;text-align:center;padding:5px 0}
.guidebox_sb{background:url(../image/guidebox_sb.gif) no-repeat;height:5px;overflow:hidden}

.bx01{width:546px;padding-bottom:4px;background:url(../image/ssbg_bx.gif) 0 bottom no-repeat}
.bx02{padding:4px 4px 0 4px;background:url(../image/ssbg_bx.gif) no-repeat}
.bx01 .t_ty1{margin:0;padding:0;border:0}
.bx01 .t_ty1 th{margin:0;padding:6px 0 3px;border:0;border-right:1px solid #dadada;border-bottom:1px solid #dadada;font-size:12px;font-family:"µ¸¿ò",dotum;color:#fe5731}
.bx01 .t_ty1 td{margin:0;padding:6px 8px 3px 13px;border:0;border-bottom:1px solid #dadada}
.bx01 .t_ty1 tr.none th,.bx01 .t_ty1 tr.none td{border-bottom:0}
.list1{padding:0 0 7px 22px;background:url(../image/ico_arw_08.gif) 12px 7px no-repeat}
.list1 img{margin:5px 0 5px}
.list2{padding:10px 0 7px 22px;background:url(../image/ico_bar.gif) 12px 15px no-repeat}

.guide_area{padding:20px 0 0 6px}
.guide_area .gametip{margin-bottom:25px;color:#333;line-height:25px;letter-spacing:-1px}
.guide_area .lst_guide{margin-left:-2px}
.guide_area .lst_guide li{margin-bottom:5px;padding-left:17px;text-indent:-15px;letter-spacing:-1px;line-height:20px}
.guide_area .lst_guide li span{padding-right:5px;font-weight:bold}
.guide_area .lst_guide li em{color:#fe5731;font-style:normal}

.content_wrap{margin-bottom: 20px;}
.ico_new{display:inline-block;width:100%;background:url(../image/ico_new.png) no-repeat 137px 0px;}
.desc_area{padding:10px 12px 30px 13px;width: 520px;}
.desc_area .desc_txt,.desc_area .desc_lst{color:#000;font-size:12px;line-height: 1.5;letter-spacing: -0.4px;}
.desc_area .desc_txt2{padding-top:10px;color:#000;font-size:12px;line-height: 1.5;letter-spacing: -0.4px;}
.desc_area .txt{position: relative;padding-top: 10px;padding-left:16px;color:#000;line-height: 1.5;}
.desc_area .mark:before{display:inline-block;position: absolute;top:10px;left:0px;content:'¡Ø';}
.desc_lst li{position: relative;padding-left:10px;color:#000}
.desc_lst li:before{display:inline-block;position: absolute;top:8px;left:1px;content:'';width:4px;height:1px;background:#000}
.guide_area2{padding:30px 12px 10px 26px;width: 520px;}
.guide_area2 .lst_guide li{padding-bottom:20px;color:#000;font-size:12px;line-height: 1.5;list-style-type:decimal;list-style-position: outside;}
.guide_area2 .lst_guide_num li{padding-bottom:20px;color:#000;font-size:12px;line-height: 1.5;list-style: none;}
.guide_area2 .lst_guide .number{margin-left:-13px;padding-right: 3px;}

/* skip navigation */
#u_skip{position:relative;z-index:2147483647}
#u_skip a{position:absolute;left:0;top:-30px;width:128px;background:url(../image/sp_u_skip.png) repeat-x 0 -11px;border:1px solid #4ec53d;text-align:center;outline:none}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#u_skip span{display:inline-block;padding:2px 6px 0 0;background:url(../image/sp_u_skip.png) no-repeat 100% 11px;font-size:11px;letter-spacing:-1px;color:#fff;line-height:26px}

.tb_go th{background:#F3F3F3;font-weight:normal}

.guide_area .lst_guide2{margin:14px 0 25px 6px}
.guide_area .lst_guide2 li{margin-bottom:5px;padding-left:31px;text-indent:-24px;letter-spacing:-1px;line-height:20px}
.guide_area .lst_guide2 li span{padding-right:4px;font-weight:bold}
.guide_area .lst_guide2 li em{color:#fe5731;font-style:normal}