body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#707070; } form { margin:0px; } img {border:0px;vertical-align:top;} a:link, a:visited, a:active { text-decoration:none; color:#707070; } a:hover { text-decoration:none; } a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; } a.menu:hover { text-decoration:none; } .member {font-weight:bold;color:#888888;} .guest {font-weight:normal;color:#888888;} .lh { line-height: 150%; } .jt { text-align:justify; } .li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; } .ul { list-style-type:square; color:#66AEAD; } .ct { font-family: Verdana, 굴림; color:#222222; } .ed { border:1px solid #CCCCCC; } .tx { border:1px solid #CCCCCC; } .small { font-size:8pt; font-family:돋움; } .cloudy, a.cloudy {color:#888888;} /* 흐림 */ input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; } input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; } textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; } .skip{position:absolute !important;width:1px !important;height:1px !important;left:-1000% !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;text-indent:-1000em !important;background:none !important;} .skip iframe{width:0;height:0;overflow:hidden;} * { margin:0; padding:0; } .fL { float:left;} #head_wrap { position:relative;width:100%;height:108px;background:url("/img/main/top_bg.jpg") left bottom repeat-x;} #head_div { position:relative;width:1020px;height:108px;margin:0 auto;} #head { position:relative;width:1000px;height:108px;margin:0 auto;} #head h1 { position:absolute;left:0;top:28px;z-index:100;} #head .head_dot_1 { position:absolute;right:0;top:28px;} #head .head_dot_1 a {color:#ffffff;} #head #menu {position:absolute;width:1000px;top:55px;height:55px;} #head #menu .dp1 {position:absolute;left:270px;width:730px;height:55px;} #head #menu li { list-style:none;} #head #menu .dept {height:43px;text-align:center;background:url("/img/new_main/top/navi_sec.jpg") 0 7px no-repeat;} #head #menu .dept A { position:relative;top:11px;} #head #menu .last_bars { position:relative;top:7px;} #country { position:absolute;right:5px;top:65px;} #top_search{ position:absolute; width:350px; top:60px; left:0; text-align:right; } #top_search .top_search { width:290px; border:2px solid #484848; height:24px; } #menu .m1{ position:relative;background:url("/img/main/navi/navi_s01_bg.jpg") bottom left no-repeat;} #menu .m1 ul.left_m {position:absolute;left:235px;top:16px;line-height:100%;} #menu .m1 ul.right_m {position:absolute;left:425px;top:16px;line-height:100%;} #menu .m2{ position:relative;background:url("/img/main/navi/navi_s02_bg.jpg") bottom left no-repeat;} #menu .m2 ul.left_m {position:absolute;left:235px;top:16px;line-height:100%;} #menu .m2 ul.right_m {position:absolute;left:425px;top:16px;line-height:100%;} #menu .m3{ position:relative;background:url("/img/main/navi/navi_s03_bg.jpg") bottom left no-repeat;} #menu .m3 ul.left_m {position:absolute;left:235px;top:16px;line-height:100%;} #menu .m3 ul.right_m {position:absolute;left:425px;top:16px;line-height:100%;} #menu .m4{ position:relative;background:url("/img/main/navi/navi_s04_bg.jpg") bottom left no-repeat;} #menu .m4 ul.left_m {position:absolute;left:235px;top:16px;line-height:100%;} #menu .m4 ul.right_m {position:absolute;left:425px;top:16px;line-height:100%;} #menu .m5{ position:relative;background:url("/img/main/navi/navi_s05_bg.jpg") bottom left no-repeat;} #menu .m5 ul.left_m {position:absolute;left:235px;top:16px;line-height:100%;} #menu .m6{ position:relative;background:url("/img/main/navi/navi_s06_bg.jpg") bottom left no-repeat;} #menu .m6 ul.left_m {position:absolute;left:235px;top:16px;line-height:100%;} #menu .m6 ul.right_m {position:absolute;left:425px;top:16px;line-height:100%;} #menu .m7{ position:relative;background:url("/img/main/navi/navi_s07_bg.jpg") bottom left no-repeat;} #menu .m7 ul.left_m {position:absolute;left:235px;top:16px;line-height:100%;} #menu .m7 ul.right_m {position:absolute;left:425px;top:16px;line-height:100%;} #menu .m8{ position:relative;background:url("/img/main/navi/navi_s08_bg.jpg") bottom left no-repeat;} #menu .m8 ul.left_m {position:absolute;left:235px;top:16px;line-height:100%;} #menu .m8 ul.right_m {position:absolute;left:425px;top:16px;line-height:100%;} #menu .in_menu { height:245px;position:relative;} #menu .smenubox { height: 0;z-index:300;width:1000px; line-height: 0; overflow: hidden; position: absolute; top:53px;left:0; } #top_menus {height:100px;} #main_wrap { position: relative;width: 100%;min-width: 1020px;} #main_con { position:relative;width:100%;height:492px;background:url("/img/main/main_conbox_bg.jpg") center top;} #banner_li {position:relative;width:1000px;height:271px;top:155px;margin:0 auto;} #banner_li li.left30 {margin-left:29px;} #main_con2 { position:relative;width:100%;height:425px;background:url("/img/main/play_box_bg.jpg") center top;} #banner_li2 { position:relative;width:1000px;height:425px;margin:0 auto;} #banner_li2 .banner_li2_btn { position:absolute;width:225px;left:270px;top:60px;} #banner_li2 .more img{position:absolute;width:100px;height:20px;right:0;top:25px;} #banner_li2_con { position:absolute;width:472px;height:345px;right:7px;top:55px;} #banner_li3 { position:relative;width:100%;height:247px;} #banner_li3 ul {position:relative;width:1001px;height:128px;margin:0 auto;top:65px;} #banner_li4 { position:relative;width:100%;height:264px;background:url("/img/main/main_list_bg.jpg") center top;} #banner_li4_con {position:relative;width:1000px;height:264px;margin:0 auto;} .main_bodo_list { position:relative;left:0;margin-top:5px;width:245px;height:auto;overflow:hidden;margin-bottom:5px; } .main_bodo_list dt{ position:relative;width:165px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;} .main_bodo_list dd { position:relative;width:80px;height:22px;text-align:right;float:left;} #notice1 { position:absolute;left:180px;top:60px;} #notice2 { position:absolute;left:465px;top:60px;} #notice3 { position:absolute;left:750px;top:60px;} #banner_li5 { position:relative;width:100%;height:480px;background:url("/img/main/main_banner_box.jpg") center top no-repeat;} #tail_wrap { position:relative;width:100%;height:430px;background:url("/img/main/footer_list_bg.jpg") center top repeat-x; } #tail_box { position:relative;width:1020px;height:350px;margin:0 auto;} #tail { position:relative;width:1000px;height:430px;margin:0 auto;left:-7px;} #tail li {list-style:none;} #tail .info { position:absolute;left:0;top:15px;} #tail .footer_menu_1 { position:absolute;left:0;top:40px;height:230px;} #tail .footer_menu_1 ul { position:relative;left:20px;top:20px;} #tail .footer_menu_2 { position:absolute;left:144px;top:40px;height:230px;} #tail .footer_menu_2 ul { position:relative;left:20px;top:20px;} #tail .footer_menu_3 { position:absolute;left:286px;top:40px;height:230px;} #tail .footer_menu_3 ul { position:relative;left:20px;top:20px;} #tail .footer_menu_4 { position:absolute;left:428px;top:40px;height:230px;} #tail .footer_menu_4 ul { position:relative;left:20px;top:20px;} #tail .footer_menu_5 { position:absolute;left:571px;top:40px;height:230px;} #tail .footer_menu_5 ul { position:relative;left:20px;top:20px;} #tail .footer_menu_6 { position:absolute;left:713px;top:40px;height:230px;} #tail .footer_menu_6 ul { position:relative;left:20px;top:20px;} #tail .footer_menu_7 { position:absolute;left:856px;top:40px;height:230px;} #tail .footer_menu_7 ul { position:relative;left:20px;top:20px;} #tail h1 { position:absolute;left:0;top:335px;} #tail .pri_menu { position:absolute;left:185px;top:335px;} #tail .pri_menu a {font-weight:bold;} address { position:absolute;left:185px;top:360px;font-style:normal;} address p {} #tail .adm_link { position:absolute;right:0;top:275px;} #tail .adm_link a { color:#b7b7b7; } #contents_ms { overflow:hidden; width:100%; height:540px; margin:0 auto; position:relative; top:0px; display:none;background:none repeat scroll 0 0 #ccc; } /* position:relative */ /* slider */ #slider { left:0;top:0; /*height:741px;*/ position:absolute; } #slider ul { /*height:741px;*/ position:absolute;list-style:none; } #slider ul li { list-style:none; float:left; width:100%; height:849px; position:absolute; } #slider ul li div.box { margin:0 auto; width:1000px; height:849px; position:relative; } /* slider - gp1 */ .slider_gp1 { top:0; left:0; position:absolute; } .slider_gp1 ul { position:relative; } .slider_gp1 ul li { list-style:none; float:left; width:100%; position:absolute; } .slider_gp1 ul li div { margin:0 auto; width:1000px;position:relative; } .slider_gp1 ul li div.box1 img { top:70px; left:490px; position:absolute; } .slider_gp1 ul li div.box2 img { top:70px; left:490px; position:absolute; } .slider_gp1 ul li div.box3 img { top:70px; left:490px; position:absolute; } .slider_gp1 ul li div.box4 img { top:70px; left:490px; position:absolute; } /* slider - gp2 */ .slider_gp2 { top:0; left:0; position:absolute; } .slider_gp2 ul { /*height:741px;*/ position:relative; } .slider_gp2 ul li { list-style:none; float:left; width:100%; position:absolute; } .slider_gp2 ul li div { margin:0 auto; width:1000px; position:relative; } .slider_gp2 ul li div.box1 img { top:430px; left:750px; cursor:pointer; position:absolute; } .slider_gp2 ul li div.box2 img { top:430px; left:750px; cursor:pointer; position:absolute; } .slider_gp2 ul li div.box3 img { top:430px; left:750px; cursor:pointer; position:absolute; } .slider_gp2 ul li div.box4 img { top:430px; left:750px; cursor:pointer; position:absolute; } /* prev */ #arrowPrev { width:64px; height:101px; position:absolute; top:230px; left:10%; } #arrowPrev div.img { width:64px; height:101px; position:absolute; } #arrowPrev div.square { width:109px; height:101px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; left:-50px; } /* next */ #arrowNext { width:64px; height:101px; position:absolute; top:230px; right:10%; } #arrowNext div.img { width:64px; height:101px; position:absolute; } #arrowNext div.square { width:109px; height:101px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; } /* navigation */ #contents_nav_container { position:relative;z-index:100;width:268px;height:66px;margin:0 auto;left:0;top:474px;} #contents_nav_container .default { margin:0; padding:0; width:268px; height:66px; position:absolute; } #contents_nav_container .over { position:absolute; width:67px; height:66px; overflow:hidden; } #contents_nav_container .over ul { margin:0; padding:0; width:268px; height:66px; position:absolute; } #contents_nav_container .line { margin:0; padding:0; width:268px; height:66px; position:absolute; } #contents_nav_container .btn { margin:0; padding:0; width:268px; height:66px; position:absolute; } #contents_nav_container .default li { list-style:none; width:67px; height:66px; position:relative; float:left;} #contents_nav_container .over ul li { list-style:none; width:67px; height:66px; position:relative; float:left;} #contents_nav_container .line li { list-style:none; width:1px; height:66px; background:#fff; position:absolute; } #contents_nav_container .btn li { list-style:none; width:67px; height:66px; background:#fff; cursor:pointer; position:relative; float:left;} /* */ #contents_ms_loading_panel { width:31px; height:31px; top:320px; margin:0 auto; position:relative; } #quick_menu_btn_mini { position:fixed;top:183px;width:17px;height:107px;background:none;right:0;z-index:10;} @media only screen and (min-width: 200px) and (max-width: 1450px) { #quick_menu { display:none;} #quick_menu_btn_mini { display:block;} } #quick_menu { position: fixed; right:0; z-index:1000; top:110px; line-height:0; } #quick_menu_bg { position:absolute;width:100%;height:2000px;background:#000000;z-index:100;opacity:0.7;display:none;} #quick_menu_show { position: relative; width:486px; display:none; } #quick_menu_btn { position:absolute; width:140px;top:183px;left:-140px;height:600px;z-index:10;background:url("/img/quick/q_bg.jpg") repeat-y;} #quick_menu_btn .mdot {position:absolute; top:565px; left:35px; width:100px;z-index:10;} #quick_menu_btn .mdot img {position:relative; vertical-align:top;top:-11px;} #quick_menu_btn .mdot li { float:left; width:15px; height:11px; overflow:hidden; } #quick_menu_btn .on img {position:relative;top:0;} #quick_menu_btn_open {position:absolute;right:0;width:150px;height:900px;opacity:0;background:#000000;z-index:2000;top:0;} #quick_menu_btn_close { position:absolute;right:0;width:90px;height:90px;top:0;z-index:2000;display:none;} #quick_online { display:none;width:500px;} #quick_online_re { display:none;} #quick_kakao{ display:none;} #quick_sms{ display:none;} #quick_map{ display:block;} #map_api { position:absolute; left:39px;top:143px;width:395px;height:395px;overflow:hidden; } table.chart4 {position:relative;top:121px;width:450px;left:16px;font-size:11px;} table.chart4 thead th{ font-weight:normal; border-top:3px #923574 solid;color:#000000;height:30px;border-bottom:1px solid #7e7e7e;} table.chart4 thead th.first{border-top:3px #923574 solid;} table.chart4 tbody th{ color:#5f5f5f;background-color:#f4f4f4;} table.chart4 tbody td{color:#848484;height:30px;} table.chart4 tbody td.first{border-top:3px #000000 solid;} table.chart4 th.leftB { border-left:0px solid #b8b7b8;padding-left:20px;text-align:left;} table.chart4 th.leftC { border-left:0px solid #b8b7b8;text-align:center;} table.chart4 th.bott { border-bottom:1px solid #b8b7b8;} table.chart4 td.leftB { border-left:0px solid #b8b7b8;padding-left:20px;} table.chart4 td.leftC { border-left:0px solid #b8b7b8;text-align:center;} table.chart4 td.bott { border-bottom:1px solid #b8b7b8;} table.chart4 td.topb { border-top:3px #7e7e7e solid;} table.chart4 th.con { background:#ffffff;color:#626262;} table.chart4 td.con { padding:10px;} table.chart4 td.conb { border-bottom:2px solid #393939; } /* quick kakao */ #body_wrap .names { position:absolute;left:149px;top:354px;height:25px;width:210px;} #body_wrap .classs { position:absolute;left:149px;top:390px;height:25px;width:210px;} #body_wrap .hp1s { position:absolute;left:149px;top:427px;height:25px;width:63px;} #body_wrap .hp2s { position:absolute;left:223px;top:427px;height:25px;width:63px;} #body_wrap .hp3s { position:absolute;left:296px;top:427px;height:25px;width:63px;} #body_wrap .agrees { position:absolute;left:147px;top:463px;} #body_wrap .kakao_btns { position:absolute;left:144px;top:480px;width:200px;height:50px;} #body_wrap .sms_name { position:absolute;left:160px;top:215px;height:25px;width:210px;} #body_wrap .sms_class { position:absolute;left:160px;top:248px;height:25px;width:210px;} #body_wrap .sms_hp1 { position:absolute;left:160px;top:281px;height:25px;width:63px;} #body_wrap .sms_hp2 { position:absolute;left:234px;top:281px;height:25px;width:63px;} #body_wrap .sms_hp3 { position:absolute;left:307px;top:281px;height:25px;width:63px;} #body_wrap .sms_area { position:absolute;left:160px;top:316px;height:25px;width:210px;} #body_wrap .sms_sex { position:absolute;left:160px;top:349px;height:25px;width:210px;} #body_wrap .sms_age { position:absolute;left:160px;top:382px;height:25px;width:210px;} #body_wrap .sms_content { position:absolute;left:160px;top:415px;width:208px;height:66px;} #body_wrap .sms_agree1 { position:absolute;left:159px;top:492px;} #body_wrap .sms_agree2 { position:absolute;left:159px;top:511px;} #body_wrap .sms_btns { position:absolute;left:99px;top:570px;width:270px;height:50px;} #body_wrap .map_btns { position:absolute;left:101px;top:678px;width:270px;height:50px;} #body_wrap .ev_btn { position:absolute;top:709px;left:102px;} #body_wrap .even_con { position:absolute;left:15px;top:150px;width:440px;height:400px;overflow:hidden;line-height:1.5em;} #daum_api_map { position:absolute;left:25px;top:1359px;} .mb10 { margin-bottom:10px; } .mt5 { margin-top:5px; } .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mt30 { margin-top:30px; } .mt50 { margin-top:50px; } .mr5 {margin-right:5px;} .mr15 {margin-right:15px;} .tac { text-align:center; }