/*common*/ * { margin:0; padding:0; font-family:"나눔고딕", NanumGothic, "굴림", Gulim, Helvetica, AppleGothic, Sans-serif; -webkit-text-size-adjust:none; } html {height:100%;} body { margin:0; padding:0; height:100%; position:relative; background:#fff; /* line-height:1.25em; color:#000; word-wrap:break-word; word-break:break-all; background: #ffffff;*/ /* Old browsers */ /*background: -moz-radial-gradient(center, ellipse cover, #ffffff 32%, #c9c9c9 100%); /* FF3.6+ */ /*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(32%,#ffffff), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */ /*background: -webkit-radial-gradient(center, ellipse cover, #ffffff 32%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-radial-gradient(center, ellipse cover, #ffffff 32%,#c9c9c9 100%); /* Opera 12+ */ /*background: -ms-radial-gradient(center, ellipse cover, #ffffff 32%,#c9c9c9 100%); /* IE10+ */ /*background: radial-gradient(ellipse at center, #ffffff 32%,#c9c9c9 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } body, input, select, textarea { font-size:24px; } .it, textarea { border:1px solid #bcbcbc; } li { list-style:none; } table { border-collapse:collapse; } img, fieldset { border:none; margin:0; } /* a { color:#000; text-decoration:none; cursor:pointer; } */ label { cursor:pointer; } strong { font-weight:normal; } em, address { font-style:normal; } .hc { visibility:hidden; overflow:hidden; position:absolute; left:-1000em; width:0; height:0; font-size:0; line-height:0; } .nc, hr { display:none !important; } .is { width:19px; height:19px; } .fx { max-width:100%; } .m_wrap {width:100%;position:relative; background:url(../image/main/bg.jpg) no-repeat top center; float:left; height:1100px; } .m_openwrap {width:100%;position:relative; background:url(../image/main/openbg.jpg) no-repeat top center; float:left; height:960px; min-height:960px; display:block; text-align:center;} .m_subwrap {width:100%;position:relative; background:url(../image/new/sub01_bg.jpg) no-repeat top center; float:left; min-height:100%; display:block; text-align:center;} .m_cont{width:100%; position:relative;} .m_toplogo {width:620px; margin:0 auto; padding:65px 0 0 20px; position:relative; text-align:center; height:269px;} .m_mbar {width:100%; position:relative; text-align:center;float:left;} .m_menu { width:630px;margin:0px auto 0 auto; padding:0 0 0 10px; position:relative; height:318px; } .m_menu_1{ width:244px; float:left; margin:0 0 0 15px; padding:0;} .m_menu_2{ width:157px; float:left; margin:0 0 0 20px; padding:119px 0 0 0;} .m_menu_3{ width:157x; float:left; margin:0 0 0 20px; padding:45px 0 0 0;;} .m_menu_4{ width:182px; float:left; margin:0 0 0 15px;padding:30px 0 0 0;} .m_menu_5{ width:194px; float:left; margin:0 0 0 20px; padding:0px 0 0 0;} .m_menu_6{ width:182x; float:left; margin:0 0 0 20px; padding:30px 0 0 0;} .m_menu_7{ width:290px; float:left; margin:0 0 0 20px; padding:10px 0 0 0; text-align:right;} .m_menu_8{ width:310pxx; float:left; margin:0 0 0 20px; padding:10px 0 0 5px;} .m_icon{ padding:320px 0 0 10px; width:630px; margin:0 auto; position:relative; display:block;} .m_icon img{ float:left; padding:0 0 0 10px;} .m_foot {text-align:center; width:640px; height:60px; margin:0 auto; font-size:24px; } .foot_l{ float:left; padding:0 0 0 20px; margin:30px 0 10px 0;} .foot_r{ float:right; padding:0 20px 0 0; margin:30px 0 10px 0;} .m_menu_two { width:620px;margin:0px auto 0 auto; padding:0 0 0 10px; position:relative; text-align:left;}/*height:200px;*/ /*sub*/ .s_wrap {width:100%; height:100%;position:relative; background:url(../image/sub/bg.jpg) no-repeat top center;float:left } .s_toplogo {width:640px; margin:0 auto; position:relative;} .s_toplogo .slogo{margin:25px 0 20px 20px; float:left;} .s_toplogo .sicon{ float:left; list-style:none; margin:10px 0 0 0px; width:100px;} .sicon li{ float:left; padding:7px 0 0 3px;} .s_mbar {width:640px; margin: 0 auto; position:relative; text-align:center;} /* .s_menu { width:630px; padding:0 0 0 0px; margin:10px 0 0 0; } */ .s_menu_1{ float:left; margin:0; padding:0 8px 0 20px; text-align:center;} .s_menu_2{ float:left; margin:0; padding:0 8px; text-align:center;} .s_menu_3{ float:left; margin:0; padding:0 8px; text-align:center;} .s_dab{ width:620px; margin:0 auto; background:#fff; padding:10px 0;} .s_con{width:640px; float:left; padding:20px 0 0 0; display:block; background:#fff;} .s_box{ width:600px; background:#f4f4f4; font-size:28px; padding:0 0 10px 0; margin:0 auto 20px auto;} .box_l{ width:64px; float:left;} .box_r{ float:left; padding:10px 5px 0 5px; text-align:left; width:500px; } .box_r .r_con{ float:left; width:100%; color:#838383; margin:10px 0; background:#f4f4f4; } .box_r ul{ list-style:none; margin:10px 0 0 0;} .box_r li{ float:left; width:10%;} .box_rc{ float:left; padding:10px 5px 0 5px; text-align:left; width:520px; } .box_rc ul{ list-style:none; margin:10px 0 0 0;} .box_rc li{ float:left; width:20%;} .s_dab_1{ width:640px; float:left; margin:50px 0 10px 0; font-size:36px; font-family: 'Nanum Myeongjo', serif; } .s_dab_1 .point_t{ font-family: 'Nanum Myeongjo', serif; font-weight:bold; color:#4253fa; font-size:38px; } .skjh_box{ width:100%; margin:0; float:left; } .skjh_box img{ float:left; margin:10px 0;} .skjh_bg{ background:#f2f2f2; height:311px; width:602px; margin:0 auto; padding:10px 0; } .skjh_com{ background:url(../image/sub/boxbg_2.gif) repeat-y top center; width:562px; margin:0 auto; display:block; color:#616161; text-align:left; padding:20px; font-family: 'Nanum Myeongjo', serif;} .skjh_bg2{background:url(../image/sub/boxbg_3.png) no-repeat top center; height:12px; padding:0; margin:0 auto; } .plank_img_s{ width:100%; height:353px; padding:30px 0 0 0;} .plank_img_s1{ width:100%; height:353px; padding:50px 0 0 0; float:left; display:block;} /*캐릭터없음*/ .skjh_bg1{ background:url(../image/sub/boxbg_1.png) no-repeat; height:171px; width:602px; margin:0 auto; padding:150px 0 0 0; font-size:72px; font-family: 'Nanum Myeongjo', serif; color:#FF9; } .guide_box{ margin:30px 0 0 0; width:100%; float:left;} .guide_bg{ background:url(../image/sub/boxbg1_1.gif) repeat-y top center; width:520px; margin:0 auto; display:block; padding:20px; text-align:left; } .guide_bg1{ margin:0 auto; display:block; padding:20px; text-align:left; } .btn_more{ width:90%; text-align:left; padding: 0 0 0 20px;} .guide_top{ text-align:center; font-weight:bold; color:#3e434c; padding:20px 0; font-family: 'Nanum Myeongjo', serif;} .guide_list{ margin:15px 0; width:100%;} .guide_list_t{ color:#00499b; font-weight:bold; font-family: 'Nanum Myeongjo', serif; padding:0 0 0 40px; background:url(../image/sub/dot.gif) no-repeat left top; } .guide_list_c{ color:#3e434c; padding:20px 0; display:block; background:#f3f3f3;} .guide_list_t1{ color:#4946ca; font-weight:bold; font-family: 'Nanum Myeongjo', serif; padding:0 0 0 0px; font-size:28px; } .guide_list_c1{ color:#3e434c; padding:20px 0; display:block; word-break:keep-all;} .dab_foot{ position:absolute; z-index:50; bottom:0;} .sub_question{ width:100%; float:left; margin:10px 0 10px 0;} .sub_stit{ float:left; width:250px;} .sub_scon{ float:left; font-size:24px; text-align:left; } .sub_scon span{ padding: 0 10px 0 0;} .info_img{ margin:30px 0 0 0 ; width:100%;} .btn8box{ width:100%; margin:20px 0 0 0;} .btn8box li{ float:left; width:25%; text-align:center; padding:0 0 20px 0;} .ing{ margin:40px 0;} /*숫자버튼*/ .btn{width:106px; height:49px; float:left;} .button_1 { background:url(../image/sub/b5.png) no-repeat; width:54px; height:51px; border:0; padding:0; margin:0;} .over_1 { background:url(../image/sub/b5ov.png) no-repeat; width:54px; height:51px;} .button_2 { background:url(../image/sub/b4.png) no-repeat; width:54px; height:51px; border:0; padding:0; margin:0;} .over_2 { background:url(../image/sub/b4ov.png) no-repeat; width:54px; height:51px;} .button_3 { background:url(../image/sub/b3.png) no-repeat; width:54px; height:51px; border:0; padding:0; margin:0;} .over_3 { background:url(../image/sub/b3ov.png) no-repeat; width:54px; height:51px;} .button_4 { background:url(../image/sub/b2.png) no-repeat; width:54px; height:51px; border:0; padding:0; margin:0;} .over_4 { background:url(../image/sub/b2ov.png) no-repeat; width:54px; height:51px;} .button_5 { background:url(../image/sub/b1.png) no-repeat; width:54px; height:51px; border:0; padding:0; margin:0;} .over_5 { background:url(../image/sub/b1ov.png) no-repeat; width:54px; height:51px;} .button_6 { background:url(../image/sub/b1.png) no-repeat; width:54px; height:51px; border:0; padding:0; margin:0;} .button_7 { background:url(../image/sub/b2.png) no-repeat; width:54px; height:51px; border:0; padding:0; margin:0;} .button_8 { background:url(../image/sub/b3.png) no-repeat; width:54px; height:51px; border:0; padding:0; margin:0;} .button_9 { background:url(../image/sub/b4.png) no-repeat; width:54px; height:51px; border:0; padding:0; margin:0;} .button_10 { background:url(../image/sub/b5.png) no-repeat; width:54px; height:51px; border:0; padding:0; margin:0;} .over_6 { background:url(../image/sub/b1ov.png) no-repeat; width:54px; height:51px;} .over_7 { background:url(../image/sub/b2ov.png) no-repeat; width:54px; height:51px;} .over_8 { background:url(../image/sub/b3ov.png) no-repeat; width:54px; height:51px;} .over_9 { background:url(../image/sub/b4ov.png) no-repeat; width:54px; height:51px;} .over_10 { background:url(../image/sub/b5ov.png) no-repeat; width:54px; height:51px;} /*아동용버튼*/ .c_button_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .c_over_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .c_button_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .c_over_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .c_button_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .c_over_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .c_button_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .c_over_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .c_button_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .c_over_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .c_button_6 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .c_button_7 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .c_button_8 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .c_button_9 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .c_button_10 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .c_over_6 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .c_over_7 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .c_over_8 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .c_over_9 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .c_over_10 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} /**/ .button1_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over1_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button1_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over1_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button1_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over1_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button1_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over1_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button1_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over1_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button2_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over2_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button2_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over2_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button2_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over2_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button2_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over2_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button2_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over2_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button3_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over3_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button3_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over3_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button3_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over3_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button3_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over3_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button3_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over3_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button4_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over4_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button4_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over4_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button4_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over4_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button4_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over4_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button4_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over4_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button5_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over5_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button5_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over5_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button5_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over5_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button5_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over5_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button5_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over5_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button6_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over6_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button6_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over6_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button6_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over6_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button6_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over6_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button6_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over6_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button7_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over7_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button7_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over7_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button7_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over7_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button7_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over7_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button7_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over7_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button8_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over8_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button8_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over8_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button8_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over8_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button8_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over8_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button8_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over8_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button9_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over9_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button9_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over9_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button9_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over9_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button9_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over9_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button9_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over9_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button10_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over10_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button10_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over10_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button10_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over10_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button10_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over10_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button10_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over10_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button11_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over11_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button11_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over11_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button11_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over11_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button11_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over11_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button11_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over11_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button12_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over12_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button12_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over12_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button12_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over12_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button12_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over12_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button12_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over12_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button13_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over13_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button13_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over13_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button13_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over13_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button13_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over13_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button13_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over13_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button14_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over14_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button14_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over14_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button14_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over14_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button14_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over14_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button14_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over14_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button15_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over15_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button15_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over15_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button15_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over15_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button15_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over15_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button15_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over15_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} .button16_1 { background:url(../image/sub/b1.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over16_1 { background:url(../image/sub/b1ov.jpg) no-repeat; width:106px; height:49px;} .button16_2 { background:url(../image/sub/b2.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over16_2 { background:url(../image/sub/b2ov.jpg) no-repeat; width:106px; height:49px;} .button16_3 { background:url(../image/sub/b3.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over16_3 { background:url(../image/sub/b3ov.jpg) no-repeat; width:106px; height:49px;} .button16_4 { background:url(../image/sub/b4.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over16_4 { background:url(../image/sub/b4ov.jpg) no-repeat; width:106px; height:49px;} .button16_5 { background:url(../image/sub/b5.jpg) no-repeat; width:106px; height:49px; border:0; padding:0; margin:0;} .over16_5 { background:url(../image/sub/b5ov.jpg) no-repeat; width:106px; height:49px;} /* 전체메뉴영역 */ #allMenu {display:none; position:fixed; right:0px; top:0px; z-index:50; width:440px; height:100%; padding-top:31px; background-color:#2c425b; box-sizing:border-box; -moz-box-sizing:border-box; font-size:24px;} #allMenu_nav {position:relative; overflow:hidden; width:440px; height:100%;} #allMenu_nav ul {padding-bottom:30px;} #allMenu_nav ul li a {display:block; font-family:"NanumGothicBold"; font-size:24px; color:#fff; padding:10px 20px;} #allMenu_nav ul li a.depth1 { font-size:24px; line-height:37px; background-color:#1b304c; box-shadow:0px 0px 3px 0px #15263e;} #allMenu_nav ul li ul.depth2 {padding-bottom:0px;} #allMenu_nav ul li ul.depth2 li {border-bottom:1px solid #384d65;} #allMenu_nav ul li ul.depth2 li a {border-left:3px solid #2c425b; height:30px; font-size:24px; line-height:30px; border-bottom:1px solid #213751;} #allMenu_nav ul li ul.depth2 li a:hover {border-left:3px solid #f8d31f; background-color:#405d7b;} #allMenu_nav ul li ul.depth2 li ul.depth3 {padding-bottom:0px; background:#3b526d;} #allMenu_nav ul li ul.depth2 li ul.depth3 li {} #allMenu_nav ul li ul.depth2 li ul.depth3 li a {border-left:6px solid #3b526d; color:#cccccc;} #allMenu_nav ul li ul.depth2 li ul.depth3 li a:hover {border-left:6px solid #f8d31f; background:#5d7ea0;} #allMenu.show {display:block; } .allMenu_open {overflow:hidden; } .allMenu_open .m_wrap {overflow:hidden; width:100%; height:100%; margin-left:-440px;} .allMenu_open #header_wrap {right:440px;} .allMenuBtn { float:right; margin:5px 20px 0 0 ; width:150px;} /* 전체메뉴 스크롤바 */ .ps-container .ps-scrollbar-x {position: absolute; /* please don't change 'position' */ bottom: 1px; /* there must be 'bottom' for ps-scrollbar-x */ height: 4px; background-color: #aaa; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity.2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear;} .ps-container:hover .ps-scrollbar-x {opacity: 0.6; filter: alpha(opacity = 60);} .ps-container .ps-scrollbar-x:hover {opacity: 0.9; filter: alpha(opacity = 90); cursor:default;} .ps-container .ps-scrollbar-x.in-scrolling {opacity: 0.9; filter: alpha(opacity = 90);} .ps-container .ps-scrollbar-y {position: absolute; /* please don't change 'position' */ right: 1px; /* there must be 'right' for ps-scrollbar-y */ width: 4px; background-color: #aaa; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity.2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear;} .ps-container:hover .ps-scrollbar-y {opacity:0.6; filter:alpha(opacity = 60);} .ps-container .ps-scrollbar-y:hover {opacity:0.9; filter: alpha(opacity = 90); cursor:default;} .ps-container .ps-scrollbar-y.in-scrolling {opacity:0.9; filter: alpha(opacity = 90);} /*전체메뉴보기 닫기*/ #allMenu h1 {position:relative; color:#ffffff;} .allMenu_open .allMenu_close {position:absolute; left:350px; top:0;} .allMenu_open .allMenu_close a { color:#ffffff;} /* subMenu */ .subMenu {width:90%; padding:1em 5%;} .subMenu > li {width:96%; margin-bottom:0.8em;} .subMenu > li > a { width:98%; height:1.5em; -moz-box-shadow: 1px 1px 3px 1px #bbbbbb; -webkit-box-shadow: 1px 1px 3px 1px #bbbbbb; box-shadow: 1px 1px 3px 1px #bbbbbb; background-color:#ffffff; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; display:block; cursor:pointer; font-weight:bold; font-size:1.5em; line-height:1.5em; /*color:#ffffff;*/ padding:0.6em 0.6em; text-decoration:none; background:url('../image/sub/bu_subMenu.gif') no-repeat right center; } .subMenu > li > ul {padding:0.5em;} .subMenu > li > ul > li {} .subMenu > li > ul > li > a {display:block;padding:0.2em 0.7em; font-size:1.2em; background:url('../images/sub/bu_subMenu2.gif') no-repeat left center;} /**/ .trueList {} .trueList > ul {width:100%; overflow:hidden;} .trueList > ul > li {float:left; width:94%; padding:0 1.47% 30px 1.47%;} .trueList_card {height:155px; padding:20px 15px; overflow:hidden; /*border:1px solid #dddddd;*/} .trueList_card > dt {padding-bottom:8px; margin-left:5px; border-bottom:1px solid #fab837; font-size:24px; font-weight:bold; color:#ff8e09;} .trueList_card > dd {padding-top:15px;} .trueList_card > dd > ul {position:relative; width:100%;*zoom:1;} .trueList_card > dd > ul:after {content:""; display:block; clear:both; } .trueList_card > dd > ul > li.tureList_map {float:left; width:153px; padding-right:10px;} .trueList_card > dd > ul > li.tureList_map > a > img {width:151px; height:114px; border:1px solid #dddddd; } .trueList_card > dd > ul > li.tureList_txt {float:left; width:350px; padding:5px 0;} .trueList_card > dd > ul > li.tureList_txt > ul > li {height:86px; line-height:30px; overflow:hidden;} .trueList_card > dd > ul > li.tureList_txt > ul > li.tureList_txt_info {width:100%; height:24px; padding-bottom:5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .trueList_card > dd > ul > li.tureList_more {position:absolute; right:0; top:-45px; clear:both;} /* table */ section table {margin:0.5em 0 0 0.2em;} .table_type01 {width:100%;border-top:1px solid #4db249 !important; border-bottom:1px solid #4db249 !important; font-size:0.8em;} .table_type01 thead {background:#eefaeb;} .table_type01 thead th {padding:0.5em 0; border-bottom:1px solid #d4d4d4; text-align:center; border-right:1px solid #d4d4d4;} .table_type01 thead th:last-child {border-right:0;} .table_type01 thead td {} .table_type01 tbody {text-align:center;} .table_type01 tbody th {padding:0.5em 0; font-weight:bold; border-bottom:1px solid #d4d4d4; background:#eefaeb;} .table_type01 tbody td {padding:0.5em 0; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; background:#ffffff;} .table_type01 tbody td.tit {text-align:left;} .table_type01 tbody td:last-child {border-right:0;} .table_type02 {width:100%;border-top:1px solid #4db249 !important; border-bottom:1px solid #4db249 !important; font-size:0.8em;} .table_type02 thead {background:#eefaeb;} .table_type02 thead th {padding:0.5em 0; border-bottom:1px solid #d4d4d4; text-align:center; border-right:1px solid #d4d4d4;} .table_type02 thead th:last-child {border-right:0;} .table_type02 thead td {} .table_type02 tbody {text-align:center;} .table_type02 tbody th {padding:0.5em 0; font-weight:bold; border-bottom:1px solid #d4d4d4; background:#eefaeb;} .table_type02 tbody td {padding:0.5em; border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4; text-align:left;} .table_type02 tbody td:last-child {border-right:0;} .table_type03 {width:100%;border-top:1px solid #4db249 !important; border-bottom:1px solid #4db249 !important; font-size:0.8em;} .table_type03 thead {background:#eefaeb;} .table_type03 thead th {text-align:center; padding:0.5em 0; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4;} .table_type03 thead th:last-child {border-right:0;} .table_type03 td {height:22px; padding:4px 0px 4px 0px; border-bottom:1px solid #d4d4d4; text-align:center;} .table_type03 tr.notice td.red {font-weight:bold;} .table_type03 tr.notice td.tit a {font-weight:bold; color:#D51F26} .table_type03 tr.notice td.tit a:hover {color:#ff6600} .table_type03 tr:last-child td {border-bottom:0;} @media all and (max-width:640px) { .table_type03, .table_type03 thead, .table_type03 tbody, .table_type03 tfoot, .table_type03 tr, .table_type03 th, .table_type03 td {display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;} .table_type03 { border-top:1px solid #4db249 !important;} .table_type03 thead {display:none; position:absolute; top:-9999px; left:-9999px;} .table_type03 tbody tr {overflow:hidden; border-bottom:1px solid #4db249 !important;} .table_type03 tbody tr:first-child {border-top:0px;} .table_type03 tbody th {min-height:30px; padding:5px;} .table_type03 tbody td { position:relative; overflow:hidden; float:left; height:100%; min-height:30px; padding:0 2% 0 0 !important; border-left:0px !important; border-right:0px !important; border-bottom:1px solid #d4d4d4 !important; text-align:left !important; line-height:2em; vertical-align:middle; } .table_type03 tbody td:last-child {border-bottom:0px !important;} .table_type03 tbody td.tit {padding-left:0px;} .table_type03 tbody td:before { display:block; /*position:absolute; top:0; left:0px; */ float:left; width:60%; height:100%; padding:0 2% 0 2%; margin-right:2%; box-sizing:border-box; -moz-box-sizing: border-box; content:attr(data-label); font-size:1em; font-weight:bold; color:#626161; text-align:left; line-height:2em; vertical-align:middle !important; word-break:keep-all; background-color:#eefaeb; } } .table_type04 {width:100%;border-top:1px solid #4db249 !important; border-bottom:1px solid #4db249 !important; font-size:0.8em;} .table_type04 thead {background:#eefaeb;} .table_type04 thead th {text-align:center; padding:0.5em 0; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4;} .table_type04 thead th:last-child {border-right:0;} .table_type04 td {height:22px; padding:4px 0px 4px 0px; border-bottom:1px solid #d4d4d4; text-align:center;} .table_type04 tr.notice td.red {font-weight:bold;} .table_type04 tr.notice td.tit a {font-weight:bold; color:#D51F26} .table_type04 tr.notice td.tit a:hover {color:#ff6600} .table_type04 tr:last-child td {border-bottom:0;} @media all and (max-width:640px) { .table_type04, .table_type04 thead, .table_type04 tbody, .table_type04 tfoot, .table_type04 tr, .table_type04 th, .table_type04 td {display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;} .table_type04 { border-top:1px solid #4db249 !important;} .table_type04 thead {display:none; position:absolute; top:-9999px; left:-9999px;} .table_type04 tbody tr {overflow:hidden; border-bottom:1px solid #4db249 !important;} .table_type04 tbody tr:first-child {border-top:0px;} .table_type04 tbody th {min-height:30px; padding:5px;} .table_type04 tbody td { position:relative; overflow:hidden; float:left; height:100%; min-height:30px; padding:0 2% 0 0 !important; border-left:0px !important; border-right:0px !important; border-bottom:1px solid #d4d4d4 !important; text-align:left !important; line-height:2em; vertical-align:middle; } .table_type04 tbody td:last-child {border-bottom:0px !important;} .table_type04 tbody td.tit {padding-left:0px;} .table_type04 tbody td:before { display:block; /*position:absolute; top:0; left:0px; */ float:left; width:34%; height:100%; padding:0 2% 0 2%; margin-right:2%; box-sizing:border-box; -moz-box-sizing: border-box; content:attr(data-label); font-size:1em; font-weight:bold; color:#626161; text-align:left; line-height:2em; vertical-align:middle !important; word-break:keep-all; background-color:#eefaeb; } } .table_type05 {width:100%;border-top:1px solid #4db249 !important; border-bottom:1px solid #4db249 !important; font-size:0.8em;} .table_type05 thead {background:#eefaeb;} .table_type05 thead th {padding:0.5em 0; border-bottom:1px solid #d4d4d4; text-align:center; border-right:1px solid #d4d4d4;} .table_type05 thead th:last-child {border-right:0;} .table_type05 thead td {} .table_type05 tbody {text-align:center;} .table_type05 tbody th {padding:0.2em 0; font-weight:bold; border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;} .table_type05 tbody th:last-child {border-right:0;} .table_type05 tbody td {padding:0.2em 0; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4;} .table_type05 tbody td:last-child {border-right:0;} .table_typeNone {width:100%; border:0;} .table_typeNone td {border:0; padding:0.3em 0.5em;} /* 컨텐츠 */ #tourGuide_info {width:96%; padding:1em 2%;} #tourGuide_info img {max-width:100%;} #tourGuide_info h3 {padding:0.5em;font-size:1.4em; font-weight:bold;} #tourGuide_info .tit_pic {padding-bottom:0.5em;} #tourGuide_info .tour_address {padding:15px 0; text-align:right; color:#ff5757;} #tourGuide_info .tour_cont {padding:10px 2% 20px 2%; width:96%; border-bottom:2px solid #fab837;} #tourGuide_info .tour_guideMap {padding-left:10px;} #tourGuide_info > div > dl > dt { padding:0 0 0 1em; margin:0.5em 0 0.5em 0; color:#f1811f; font-size:1.1em; font-weight:bold; background:url('../images/common/bu_yellow.gif') left top no-repeat;} #tourGuide_info > div > dl > dd {width:100%; margin:auto; background:#ffffff;} #tourGuide_info > div > dl > dd p {background:#ffffff;} #tourGuide_info > div > dl > dd li {background:#ffffff;} #tourGuide_info > div > dl > dd dd {background:#ffffff;} #tourGuide_info > div > dl > dd div {background:#ffffff;} #tourGuide_info > div > dl > dd span {background:#ffffff;} .tour_in dl dt{ padding:0 0 0 1em; margin:1em 0; color:#f1811f; font-size:1em; font-weight:bold; background:url('../images/common/bu_yellow.gif') left 2px no-repeat;} .tour_in dl dd ul li{ padding:0 0 0 1em;background:url('../images/sub/bul_03.gif') left 5px no-repeat; margin-left:1em;} .tour_list dl dt{padding:0 0 0 1em; margin:1em 0; color:#72aceb; font-size:1em; font-weight:bold; background:url('../images/sub/bul_03.gif') left 5px no-repeat;} .tour_list dl dd{padding-left:1em; color:#666;} .tour_list:after{content:""; display:block; clear:both;} .tour_list .tour_box{float:left;padding-left:1em} #map {width:100% !important;} /* 메인비주얼 */ .main_visual {position:relative; width:100%; max-height:216px;} .main_visual .touchslider-viewport {width:100%; max-height:216px; overflow:hidden;} .main_visual .touchslider-item {overflow: hidden;} .main_visual .touchslider-item img {width:100%;max-width:640px; max-height:216px;} .main_visual .touchslider-nav {position:absolute; width:100%; top:0; left:0; text-align: center; margin-top: 0;} .main_visual .touchslider-nav div {position:relative; display:block; width:100%;} .main_visual .touchslider-nav div a {display:block; position:absolute; cursor: pointer;max-height:216px;} .main_visual .touchslider-nav div.touchslider-prev a {left:0; text-indent:-9999px; background:url('../image/main/btn_prev.png') left 45% no-repeat; background-size:1em;} .main_visual .touchslider-nav div.touchslider-next a {right:0; text-indent:-9999px; background:url('../image/main/btn_next.png') right 45% no-repeat; background-size:1em;} .main_visual .touchslider-next-in {position: absolute; /* fix safari render font */ right: 10px;} .main_visual .touchslider-prev-in {position: absolute; left: 10px;} .main_visual .touchslider-nav-item {width: 16px; height: 16px; background: #fff; margin: 0 16px; display: inline-block;-webkit-border-radius: 12px; border-radius: 12px; } .main_visual .touchslider-nav-item-current {background: #cff0ff;} /* sns */ .footer_sns {text-align:center; clear:both;} .footer_sns > li {display:inline-block;} .footer_sns > li > a {width:3em;} .footer_sns > li > a > img {width:3em; height:3em;} /* 등산로 */ #climbing {position:relative; margin-top:20px;} #climbing > img {border:1px solid #afafaf;} #climbing > .climbing_list {} #climbing > .climbing_list > li {padding:0 0 0 0 !important; background:none !important;} #climbing > .climbing_list > li.list1 {position:absolute; left:656px; top:182px;} #climbing > .climbing_list > li.list2 {position:absolute; left:656px; top:208px;} #climbing > .climbing_list > li.list3 {position:absolute; left:595px; top:267px;} #climbing > .climbing_list2 {width:100%; overflow:hidden; margin:0 0 0 0 !important;} #climbing > .climbing_list2 > li {float:left; width:33.3%; height:7em; padding:0 0 0 0 !important; background:none !important;} #climbing > .climbing2_list {} #climbing > .climbing2_list > li {padding:0 0 0 0 !important; background:none !important;} #climbing > .climbing2_list > li.list1 {position:absolute; left:120px; top:182px;} #climbing > .climbing2_list > li.list2 {position:absolute; left:685px; top:295px;} #climbing > .climbing2_list > li.list3 {position:absolute; left:250px; top:60px;} #climbing > .climbing2_list > li.list4 {position:absolute; left:230px; top:530px;} #climbing > .climbing2_list2 {width:100%; overflow:hidden; margin:0 0 0 0 !important;} #climbing > .climbing2_list2 > li {float:left; width:25%;height:7em; padding:0 0 0 0 !important; background:none !important;} #climbing > .climbing3_list {} #climbing > .climbing3_list > li {padding:0 0 0 0 !important; background:none !important;} #climbing > .climbing3_list > li.list1 {position:absolute; left:250px; top:270px;} #climbing > .climbing3_list > li.list2 {position:absolute; left:250px; top:295px;} #climbing > .climbing3_list > li.list3 {position:absolute; left:375px; top:330px;} #climbing > .climbing3_list2 {width:100%; overflow:hidden; margin:0 0 0 0 !important;} #climbing > .climbing3_list2 > li {float:left; width:33.3%; height:7em; padding:0 0 0 0 !important; background:none !important;} #climbing > .climbing4_list {} #climbing > .climbing4_list > li {padding:0 0 0 0 !important; background:none !important;} #climbing > .climbing4_list > li.list1 {position:absolute; left:300px; top:245px;} #climbing > .climbing4_list > li.list2 {position:absolute; left:300px; top:270px;} #climbing > .climbing4_list > li.list3 {position:absolute; left:300px; top:295px;} #climbing > .climbing4_list2 {width:100%; overflow:hidden; margin:0 0 0 0 !important;} #climbing > .climbing4_list2 > li {float:left; width:25%;height:7em; padding:0 0 0 0 !important; background:none !important;} /*행성확인*/ .btn_m1{ margin:20px 0 0 0; width:300px; text-align:center; height:100px; float:left; display:block; } .s_mbar {width:100%; position:relative; text-align:center;float:left; height:540px;} .s_mbartwo {width:620px; margin:20px auto; background:#fff; position:relative; text-align:center; height:700px; padding:0;} /*로그인*/ .loginbg{ width:640px; padding:70px 0 0 0; background:url(../image/new/login_bg.png) no-repeat top center; height:1200px; float:left;} .pwbg{ width:640px; padding:70px 0 0 0; background:url(../image/new/pw_bg.png) no-repeat top center; height:650px;} .pw_f{ width:530px; margin:160px 0 5px 70px;} .emailbg{ width:640px; padding:70px 0 0 0; background:url(../image/new/email_bg.png) no-repeat top center; height:650px;} .email_f{ width:560px; margin:100px 0 5px 40px;} .you_me{ width:640px; padding:70px 0 0 0; background:url(../image/new/youstar_bg.png) no-repeat top center; height:650px;} .loginbg .inputbox{ background:#e9ecf5; border:0; -moz-border-radius: 5px; /*모질라*/-webkit-border-radius: 5px; /*웹킷*//*IE9+,FF4+,chrome,Safari5,+opera*/border-radius: 5px;} .box_all{ margin:0 0 0 0;} .login_f{ width:530px; margin:10px 0 5px 70px;} .login_list_b{ width:100%; text-align:left; margin:0 0 5px 0;} .s_tit{ width:640px; height:60px; margin:0 auto; background:#3c2484;} .s_tit_t{ width:150px; float:left; height:50px; font-family:"나눔고딕", NanumGothic, "굴림", Gulim, Helvetica, AppleGothic, Sans-serif; color:#fff; font-size:36px; font-weight:bold; text-align:left; padding:5px 10px 5px 10px ;} .s_tit_c{ width:220px; float:left; padding:10px 0 0px 10px; margin:0 15px 0 0; height:46px;} .s_tit_c li{ padding:0 0 0 5px; margin:0; float:left;} .s_menu{ width:640px; margin:0 auto; position:relative; height:50px; display:block; border-bottom:8px solid #3c2484; } .s_menu ul{width:640px; list-style:none; } .s_menu ul > li{ float:left; margin:0; padding:0;} .s_content{ width:640px; margin:0px auto; background:#fff; position:relative; display:block; height:100%;} .g_group{width:620px; text-align:left; float:left; margin:0; padding:0; display:block; height:100%; background:#fff; } .g_tit{ width:600px; padding:5px 20px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; font-family: 'Nanum Myeongjo', serif; color:#656565; font-weight:bold; font-size:20px; text-align:left;} .g_c{ width:34px; height:48px; padding:15px 0; font-size:21px;} .m_con{ width:610px; padding:10px 15px 0 15px; float:left; border-bottom: 1px dotted #d4d4d4;} .m_con_star{ float:left; height:113px; } .m_con_man{ width:500px; float:left;} .m_con_man .mcom_na{ width:500px; padding:0px 10px 0px 10px; float:left; font-size:24px; margin:0; } .mcom_na span{ padding:0; margin:0; font-weight:bold;} .mcom_pl{ width:74px; height:30px; float:left; font-family: 'Nanum Myeongjo', serif; color:#0050a2; font-size:24px; font-weight:bold; text-align:center;} /**/ .bubble_l { margin:0 0 0 15px; position: relative; width: 380px; min-height:50px; padding: 10px; background: #ececec; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; } .bubble_l:after { content: ''; position: absolute; border-style: solid; border-width: 10px 15px 10px 0; border-color: transparent #ececec; display: block; width: 0; z-index: 1; left: -15px; top: 16px; } .bubble_r {margin: 0 15px 0 0; position: relative; width: 380px; min-height:50px; padding: 10px; background: #d6e4ff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:right; } .bubble_r:after { content: ''; position: absolute; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent #d6e4ff; display: block; width: 0; z-index: 1; right: -15px; top: 16px; } /*행성박스*/ .meyou{width:100%; margin:20px 0 0 0; height:100%; position:relative; float:left; background:#fff; } .youstar_box{width:600px; margin:20px 0 10px 30px; text-align:left; display:block; float:left; } .starimg_l{ width:110px; height:110px; float:left; } .starimg_l img{ border:1px solid #b7b7b7;} .starimg_r{ width:110px; height:110px; float:right; margin:0 10px 0 0;} .starimg_r img{ border:1px solid #b7b7b7;} .meyoustar{ width:570px; background:url(../image/sub/meyoustar.png) no-repeat; min-height:169px; padding:80px 20px 10px 20px; font-size:24px; text-align:center; font-size:28px; font-weight:bold; font-family: 'Nanum Myeongjo', serif; color:#242424; line-height:45px; } .meyoustar1{ width:570px; background:url(../image/new/meyoustar.png) no-repeat; padding:80px 20px 10px 20px; font-size:24px; text-align:center; font-size:28px; font-weight:bold; font-family: 'Nanum Myeongjo', serif; color:#242424; line-height:45px; } .my_starbox{ background:#f1f1ff; font-size:24px; line-height:32px; font-weight:bold; text-align:center; padding:30px 20px; width:560px; word-break:keep-all; } .youstar_bar{width:600px; margin:30px 0 0 30px; text-align:left; height:55px; background:url(../image/sub/youstar_bar.png) no-repeat; color:#fff; padding:10px 0 0 10px; float:left;} .youstar_bar1{width:640px; margin:30px 0 0 0; text-align:left; height:55px; background:url(../image/new/youstar_bar.png) repeat-x; text-align:center; padding:0px 0 0 0px; float:left;} .youstar_bar1 span{ padding:0 10px; background:#fff; font-size:28px; color:#4946ca; font-family: 'Nanum Myeongjo', serif; font-weight: bold;} /*나의별 탭*/ #page-wrap { width: 620px; margin: 10px auto; } #page-wrap1 { width: 640px; margin: 0 auto; } a { text-decoration: none; } h3 { margin: 0 0 10px 0;font-family:nanumgothic;color:#35b7e1 } .tabs {list-style: none; overflow: hidden; padding-left: 10px; font-family:"나눔고딕", NanumGothic, "굴림", Gulim, Helvetica, AppleGothic, Sans-serif; font-size:24px;color:#8a8989; text-align:left;} .tabs li { display: inline; text-align:left; } .tabs li a { display: block; float: left; width:306px; height:400px; margin: 0 0 0 -1px; } .tabs .pl_c1 a{ width:306px; height:433px; background:url(../image/sub/1out.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs .pl_c1 a.current { width:306px; height:433px; background:url(../image/sub/1ov.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs .pl_c4 a{ width:306px; height:433px; background:url(../image/sub/4out.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs .pl_c4 a.current { width:306px; height:433px; background:url(../image/sub/4ov.png) no-repeat bottom center;font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs .pl_c7 a{ width:306px; height:433px; background:url(../image/sub/7out.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs .pl_c7 a.current { width:306px; height:433px; background:url(../image/sub/7ov.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs .pl_c10 a{ width:306px; height:433px; background:url(../image/sub/10out.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs .pl_c10 a.current { width:306px; height:433px; background:url(../image/sub/10ov.png) no-repeat bottom center;font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs .pl_c13 a{ width:306px; height:433px; background:url(../image/sub/13out.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs .pl_c13 a.current { width:306px; height:433px; background:url(../image/sub/13ov.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs .pl_c16 a{ width:306px; height:433px; background:url(../image/sub/16out.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs .pl_c16 a.current { width:306px; height:433px; background:url(../image/sub/16ov.png) no-repeat bottom center;font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs .pl_c19 a{ width:306px; height:433px; background:url(../image/sub/19out.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs .pl_c19 a.current { width:306px; height:433px; background:url(../image/sub/19ov.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs .pl_c22 a{ width:306px; height:433px; background:url(../image/sub/22out.png) no-repeat bottom center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs .pl_c22 a.current { width:306px; height:433px; background:url(../image/sub/22ov.png) no-repeat bottom center;font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs1 {list-style: none; overflow: hidden; padding-top:10px; font-family:NanumBarunGothic, NanumGothic, "굴림"; font-size:24px; color:#8a8989; background:#e1e1e1; text-align:left;} .tabs1 li { display: inline; text-align:center; width:301px; margin-left:10px; float:left; } .tabs1 li a { display: block; float: left; margin: 0 0 0 -1px; font-size:29px; font-weight:bold ; font-family:NanumBarunGothic, NanumGothic, "굴림"; } .fs48{ font-size:38px; font-family:NanumBarunGothic, NanumGothic, "굴림"; margin-top:5px; } .tabs1 .pl_c1 a{ width:306px; height:357px; background:url(../image/sub/1out.png) no-repeat top center; font-family:"나눔바른고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs1 .pl_c1 a.current { width:306px; height:357px; background:url(../image/sub/1ov.png) no-repeat top center; font-family:"나눔바른고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs1 .pl_c4 a{ width:306px; height:357px; background:url(../image/sub/4out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs1 .pl_c4 a.current { width:306px; height:357px; background:url(../image/sub/4ov.png) no-repeat top center;font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs1 .pl_c7 a{ width:306px; height:357px; background:url(../image/sub/7out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs1 .pl_c7 a.current { width:306px; height:357px; background:url(../image/sub/7ov.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs1 .pl_c10 a{ width:306px; height:357px; background:url(../image/sub/10out.png) no-repeat top center; font-family:"나눔바른고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs1 .pl_c10 a.current { width:306px; height:357px; background:url(../image/sub/10ov.png) no-repeat top center;font-family:"나눔바른고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs1 .pl_c13 a{ width:306px; height:357px; background:url(../image/sub/13out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs1 .pl_c13 a.current { width:306px; height:357px; background:url(../image/sub/13ov.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs1 .pl_c16 a{ width:306px; height:357px; background:url(../image/sub/16out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs1 .pl_c16 a.current { width:306px; height:357px; background:url(../image/sub/16ov.png) no-repeat top center;font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs1 .pl_c19 a{ width:306px; height:357px; background:url(../image/sub/19out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs1 .pl_c19 a.current { width:306px; height:357px; background:url(../image/sub/19ov.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs1 .pl_c22 a{ width:306px; height:357px; background:url(../image/sub/22out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs1 .pl_c22 a.current { width:306px; height:357px; background:url(../image/sub/22ov.png) no-repeat top center;font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs2 { float:left; width:100%; padding-top:10px; font-family:NanumBarunGothic, NanumGothic, "굴림"; font-size:24px; color:#8a8989; background:#e1e1e1; text-align:left;} .tabs2 li { display: inline; text-align:center; width:301px; margin-left:10px; float:left; } .tabs2 li a { display: block; float: left; margin: 0 0 0 -1px; font-size:29px; font-weight:bold ; font-family:NanumBarunGothic, NanumGothic, "굴림"; } .tabs2 .pl_c1 a{ width:306px; height:357px; background:url(../image/sub/1out.png) no-repeat top center; font-family:"나눔바른고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs2 .pl_c1 a.current { width:306px; height:357px; background:url(../image/sub/1ov.png) no-repeat top center; font-family:"나눔바른고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs2 .pl_c4 a{ width:306px; height:357px; background:url(../image/sub/4out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs2 .pl_c4 a.current { width:306px; height:357px; background:url(../image/sub/4ov.png) no-repeat top center;font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs2 .pl_c7 a{ width:306px; height:357px; background:url(../image/sub/7out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs2 .pl_c7 a.current { width:306px; height:357px; background:url(../image/sub/7ov.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs2 .pl_c10 a{ width:306px; height:357px; background:url(../image/sub/10out.png) no-repeat top center; font-family:"나눔바른고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs2 .pl_c10 a.current { width:306px; height:357px; background:url(../image/sub/10ov.png) no-repeat top center;font-family:"나눔바른고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs2 .pl_c13 a{ width:306px; height:357px; background:url(../image/sub/13out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs2 .pl_c13 a.current { width:306px; height:357px; background:url(../image/sub/13ov.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs2 .pl_c16 a{ width:306px; height:357px; background:url(../image/sub/16out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs2 .pl_c16 a.current { width:306px; height:357px; background:url(../image/sub/16ov.png) no-repeat top center;font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .tabs2 .pl_c19 a{ width:306px; height:357px; background:url(../image/sub/19out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs2 .pl_c19 a.current { width:306px; height:357px; background:url(../image/sub/19ov.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0;} .tabs2 .pl_c22 a{ width:306px; height:357px; background:url(../image/sub/22out.png) no-repeat top center; font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;} .tabs2 .pl_c22 a.current { width:306px; height:357px; background:url(../image/sub/22ov.png) no-repeat top center;font-family:"나눔고딕"; font-size:36px; color:#525252; padding:10px 0 0 0; } .box-wrapper { -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; padding: 20px; background: white;margin: -1px 0 0 0; position: relative; height:1500px; } .box-wrapper1{ width:100%; float:left; padding:20px 0; background: white; margin: -1px 0 0 0; } .content-box { overflow: hidden; position: absolute; top: 20px; left: 10px; width: 600px; } .current { } .col-one, .col-two, .col-three { width: 100%; float: left; position: relative; top: 2000px; font-family:dotum;font-size:24px;letter-spacing:-1px;line-height:150%} .col-one, .col-two { margin-right: 3%; } .col-one1, .col-two1, .col-three1 { width: 100%; float: left; position: relative; top: 0; font-family:dotum;font-size:24px;letter-spacing:-1px;line-height:150%} .col-one1, .col-two1 { margin-right: 3%; } /*new201510*/ .iosSlider { width: 640px; height: 1138px; text-align:center; margin:0 auto; } .iosSlider .slider { width: 100%; height: 100%; text-align:center; } .iosSlider .slider .item { position: relative; top: 0; left: 0; width: 640px; height: 1138px; background: #fff; margin: 0 0 0 0; } .iosSlider .slider .item .text1 { position: absolute; top: 30px; right: 150px; opacity: 0; filter: alpha(opacity:0); background: #000; } .iosSlider .slider .item .text1 span { color: #fff; font: bold 50px/60px "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 0 8px; } .iosSlider .slider .item .text2 { position: absolute; top: 90px; right: 0; opacity: 0; filter: alpha(opacity:0); background: #000; padding: 5px 7px 7px 7px; } .iosSlider .slider .item .text2 span { color: #fff; font: normal 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; } .iosSliderButtons { position: absolute; bottom: 10px; left: 10px; width: 200px; height: 10px; } .iosSliderButtons .button { float: left; width: 9px; height: 9px; background: #999; margin: 0 10px 0 0; opacity: 0.25; filter: alpha(opacity:25); border: 1px solid #000; } .iosSliderButtons .selected { background: #000; opacity: 1; filter: alpha(opacity:100); } /*new_1015mystar*/ .mystar_box1{ background:#373d57; padding:5px 0; width:116px; height:116px; color:#fff; margin:240px auto 0 auto} .mystar_box1{ color:#fff; padding-top:10px; font-family:"NanumBarunGothic","NanumGothic", "굴림";} .mystar_mebox{ margin:0 auto; padding:10px 0; background:#eff0f5; font-size:21px; line-height:24px; font-family:"나눔바른고딕","NanumBarunGothic", "NanumGothic", "굴림"; color:#565656; font-weight:bold; word-break:keep-all;} .mystar_mebox p{ font-size:30px;font-family:"나눔바른고딕","NanumBarunGothic", "NanumGothic", "굴림"; color:#373d57; margin:10px 0; padding:0; line-height:36px;} .mystar_click{padding-top:8px; font-size:18px; color:#fff;} .friendbox{ background:#f1f1ff; text-align:center; padding:20px 0; margin:0 15px; width:600px; float:left;} .friendbox1{ background:#f1f1ff; text-align:left; padding:20px 10px; margin:0 15px 30px 15px; width:580px; float:left; font-size:24px; line-height:26px; color:#3a3a3a; font-weight:bold; } .fl{ float:left;} .fr{ float:right} .ml10{ margin-left:10px;} .star9_100{ width:100%;} .star9_95{ width:95%;} .star9_90{ width:90%;} .f_box_img{width:640px; margin:20px 0 0 0; float:left;} .f_boxbg{width:640px; background: url(../image/new/two_bg.png) no-repeat top center; font-family:'Nanum Myeongjo', serif; text-align:center; font-size:24px; color:#3c3c3c; padding-top:10px; float:left; border-top:1px solid #bcbcbc;} .f_boxbg span{ font-family:'Nanum Myeongjo', serif; font-weight:bold; color:#3c3c3c;} .loginbox_r{width:564px; padding:30px 0; border:1px solid #d9d9d9; -moz-border-radius: 20px; /*모질라*/-webkit-border-radius: 20px; /*웹킷*//*IE9+,FF4+,chrome,Safari5,+opera*/border-radius: 20px; box-shadow:2px 2px 5px #999; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; margin-left:50px;}