|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/www/css/ |
Upload File : |
@charset "utf-8";
a {text-decoration:none; color:#333; cursor:pointer; selector-dummy:expression(this.hideFocus=true);}
a:hover {color:#c73c3f;}
/* body */
body,div,ul,li,dl.dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0; padding:0; font-size:12px; font-family:Arial,"Meiryo",Verdana, Helvetica, sans-serif; color:#666;}
ul,ol,dl{list-style:none;}
img {border:0; vertical-align:top;}
ul{list-style:none; padding:0; margin:0;}
#wrap {width:100%; text-align:center; background:#fafafa;}
#container {width:982px; clear:both; margin:0 auto;}
/* header */
#header {width:167px; height:100%; float:left; background:#d8d8d0; border-bottom:1px solid #bebeb7; margin-bottom:40px; font:Verdana, Arial, Helvetica, sans-serif; word-spacing:0.05em;}
#header ul.gnb {width:167px;}
#header ul.gnb li.top {width:167px; height:20px; background:#0b1c3a; border-bottom:1px solid #cf2727;}
#header ul.gnb li.logo {width:167px; height:137px; margin:0; padding:0;}
#header ul.gnb li.btn_area_01 {width:167px; height:31px; background:#8c2828; border-bottom:1px solid #cfceca; vertical-align:top; margin-top:0;}
#header ul.gnb li.btn_area_01 dl.btns_01 {width:167px; margin:0; padding:0;}
#header ul.gnb li.btn_area_01 dl.btns_01 dd {float:left; margin:0; padding:0;}
#header ul.gnb li.btn_menu_out {width:146px; height:35px; background:url(/images/common/btn_03_out.gif); line-height:35px; font-size:14px; font-weight:bold; color:#fff; text-align:right; padding-right:21px; border-bottom:1px solid #cf2727;cursor:pointer;}
#header ul.gnb li.btn_menu_over {width:146px; height:35px; background:url(/images/common/btn_03_over.gif); line-height:35px; font-size:14px; font-weight:bold; color:#b70002; text-align:right; padding-right:21px;cursor:pointer;}
#header ul.gnb li.btn_menu_mem_out {width:146px; height:35px; background:url(/images/common/btn_03_mem.gif); line-height:35px; font-size:14px; font-weight:bold; color:#fff; text-align:right; padding-right:21px; border-bottom:1px solid #cf2727;cursor:pointer;}
#header ul.gnb li.btn_menu_mem_over {width:146px; height:35px; background:url(/images/common/btn_03_over.gif); line-height:35px; font-size:14px; font-weight:bold; color:#b70002; text-align:right; padding-right:21px; border-bottom:1px solid #cf2727;cursor:pointer;}
#header ul.gnb li.btn_menu_02 {width:146px; height:23px; background:url(/images/common/btn_04_re.gif); line-height:23px; font-size:12px; color:#cc8283; text-align:right; padding-right:21px; font-weight:normal;}
#header ul.gnb li.banner_area {width:167px; height:780px; background:url(/images/common/banner_area_bg.gif);}/* height:449*/
#header ul.gnb li.banner_area p.store_banner {width:145px; height:160px; margin:0 auto; padding-top:5px;}
#header ul.gnb li.banner_area p.store_banner_02 {width:145px; height:190px; margin:0 auto; padding-top:5px;}
#header ul.gnb li.banner_area p.qr_code {width:145px; height:60px; margin:0 auto; padding-top:5px;}
#header ul.gnb li.banner_area p.btn_member_fc {width:111px; height:111px; margin:0 auto; padding-top:40px; /*padding-bottom:85px;*/}
/* content */
#content {width:790px; float:right; margin-bottom:37px;}
#arrow {width:19px; height:24px; position:absolute; z-index:40; top:10px;}
#content ul.content_top { border-top:5px solid #b30101; float:left; width:790px; height:38px; font-size:11px; font-weight:normal; color:#fff; line-height:20px;}
#content ul.content_top li {float:left;}
#content ul.content_top li.vol {width:160px; height:20px;}
#content ul.content_top li.vol dl.vol_cont {width:160px; height:20px; clear:both; margin:0; padding:0; color:#9a9899;}
#content ul.content_top li.vol dl.vol_cont dd {float:left;}
#content ul.content_top li.vol dl.vol_cont dd.icon_on {width:88px; height:20px; background:url(/images/common/icon_sound_on.gif) no-repeat top;}
#content ul.content_top li.vol dl.vol_cont dd.icon_off {width:88px; height:20px; background:url(/images/common/icon_sound_off.gif) no-repeat top;}
#content ul.content_top li.vol dl.vol_cont dd.txt {line-height:20px; padding-left:6px; font-weight:bold;}
#content ul.content_top li.vol dl.vol_cont dd.vol_line {width:38px; height:2px; background:#666666; margin-top:13px; padding-left:16px;}
#content ul.content_top li.update {width:245px; height:20px; padding-right:20px; color:#9a9899; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:right; float:right;}
#content ul.content_top li.btn_follow {width:83px; height:20px; background:url(/images/common/btn_follow.gif) no-repeat #0b1c3a; float:right; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#content ul.content_top li.btn_follow a {color:#fff;}
#content ul.content_top li.btn_schedule {width:87px; height:38px; background: url(/images/common/content_top_bg.gif) top right no-repeat; float:right; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#content ul.banner_area_01 {width:790px; overflow:hidden; margin-top:7px;}
#content ul.banner_area_01 li.main_banner {float:left; width:503px;}
#content ul.banner_area_01 li.main_banner dl {padding:0; margin:0;}
#content ul.banner_area_01 li.main_banner dl dd.mid {background:url(/images/main/main_banner_mid.jpg) repeat-y;}
#content ul.banner_area_01 li.main_banner dl dd.mid div.black_rect {width:438px; height:50px; position:absolute; margin:230px 0 0 16px; background:url(/images/main/black_rect.png) no-repeat; color:#ccc; text-align:left; padding:17px; line-height:18px; z-index:100;}
#content ul.banner_area_01 li.main_banner dl dd.mid div.black_rect h3 {color:#fff; font-size:18px; margin-bottom:6px;}
#content ul.banner_area_01 li.main_banner dl dd.mid div.banner_01 {padding:9px 0 9px 0;}
#content ul.banner_area_01 li.main_banner dl dd.mid ol.icons {margin:0; padding:0 0 6px 24px; width:472px; height:16px; overflow:hidden;}
#content ul.banner_area_01 li.main_banner dl dd.mid ol.icons li {float:left; padding-right:15px; font-size:11px; font:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#9a9899; line-height:16px;}
#content ul.banner_area_01 li.main_banner dl dd.mid ol.icons li.share {float:right;}
#content ul.banner_area_01 li.sub_banner {float:right; width:265px;}
#content ul.banner_area_01 li.sub_banner dl {padding:0; margin:0;}
#content ul.banner_area_01 li.sub_banner dl dd.mid2 {background:url(/images/main/sub_banner_01_mid.jpg) repeat-y;}
#content ul.banner_area_01 li.sub_banner dl dd.mid2 p.banner_02 {margin:0; padding:9px 0 0 0;}
#content ul.banner_area_01 li.sub_banner dl dd.mid2 h4 {width:233px; padding:8px 16px; font-size:14px; color:#494949;}
#content ul.banner_area_01 li.sub_banner dl dd.mid2 span.line_03 {width:233px; height:1px; background:#d3d3d3; display:block; margin:0 auto 10px;}
#content ul.banner_area_01 li.sub_banner dl dd.mid2 ol.icons2 {margin:0; padding:0 0 6px 24px; width:233px; height:16px; overflow:hidden;}
#content ul.banner_area_01 li.sub_banner dl dd.mid2 ol.icons2 li {float:left; padding-right:15px; font-size:11px; font:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#9a9899; line-height:16px;}
#content ul.banner_area_01 li.sub_banner p.sub_banner_02 {margin-top:24px;}
#content ul.banner_area_02 {width:784px; margin:25px auto 20px; background:url(/images/main/banner_area_02_bg.jpg) repeat-y; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; overflow:hidden;}
#content ul.banner_area_02 li {float:left; width:246px; margin-top:15px;}
#content ul.banner_area_02 li.ba_thumb_01 {padding-left:17px;}
#content ul.banner_area_02 li.ba_thumb_01 dl {margin:0; padding:0;}
#content ul.banner_area_02 li.ba_thumb_01 dl dt {width:200px; margin:10px auto 0; color:#345998; font-weight:bold;}
#content ul.banner_area_02 li.ba_thumb_01 dd {width:200px; margin:9px auto 19px; color:#4a4a4a;}
#content ul.banner_area_02 li.ba_thumb_02 {padding-left:6px; padding-right:6px;}
#content ul.banner_area_02 li.ba_thumb_02 dl {margin:0; padding:0;}
#content ul.banner_area_02 li.ba_thumb_02 dl dt {width:200px; margin:10px auto 0; color:#345998; font-weight:bold;}
#content ul.banner_area_02 li.ba_thumb_02 dd {width:200px; margin:9px auto 19px; color:#4a4a4a;}
#content ul.banner_area_02 li.ba_thumb_03 {}
#content ul.banner_area_02 li.ba_thumb_03 dl {margin:0; padding:0;}
#content ul.banner_area_02 li.ba_thumb_03 dl dt {width:200px; margin:10px auto 0; color:#345998; font-weight:bold;}
#content ul.banner_area_02 li.ba_thumb_03 dd {width:200px; margin:9px auto 19px; color:#4a4a4a;}
#content ul.banner_area_03 {width:790px; margin-top:22px; overflow:hidden;}
#content ul.banner_area_03 li {float:left;}
#content ul.banner_area_03 li.sns_area {width:503px;}
#content ul.banner_area_03 li.sns_area dl {margin:0; padding:0;}
#content ul.banner_area_03 li.sns_area dl dd.sns_top {height:6px; background:url(/images/main/sns_area_top.jpg) no-repeat;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid {background:url(/images/main/sns_area_mid.jpg) repeat-y; overflow:hidden;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule {width:223px; float:left; margin:7px 0 2px 16px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li {clear:both;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.sub_title_01 {width:209px; height:25px; line-height:25px; text-align:center; /*padding-left:14px;*/ background:#f9f9f9; border:1px solid #d3d3d3; color:#f60; font-weight:bold;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article {width:223px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt {width:223px; overflow:hidden; padding-bottom:11px; border-bottom:1px solid #d3d3d3; margin-top:12px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd {float:left;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_01 {width:42px; height:29px; background:url(/images/common/calendar_01.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_02 {width:42px; height:29px; background:
url(/images/common/calendar_02.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_03 {width:42px; height:29px; background:url(/images/common/calendar_03.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_04 {width:42px; height:29px; background:url(/images/common/calendar_04.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_05 {width:42px; height:29px; background:url(/images/common/calendar_05.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_06 {width:42px; height:29px; background:url(/images/common/calendar_06.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_07 {width:42px; height:29px; background:url(/images/common/calendar_07.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_08 {width:42px; height:29px; background:url(/images/common/calendar_08.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_09 {width:42px; height:29px; background:url(/images/common/calendar_09.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_10 {width:42px; height:29px; background:url(/images/common/calendar_10.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_11 {width:42px; height:29px; background:url(/images/common/calendar_11.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.calendar_img_12 {width:42px; height:29px; background:url(/images/common/calendar_12.jpg) no-repeat; color:#F30; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:26px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.schedule_txt {width:172px; text-align:left; padding-left:9px; color:#4a4a4a;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.schedule li.schedule_article dl.calendar_txt dd.schedule_txt h4 {height:20px; color:#345998;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook {width:202px; float:right; border:1px solid #d3d3d3; background:#f9f9f9; margin:7px 20px 17px 0; padding:6px 10px 10px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li {clear:both;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.sub_title_02 {color:#f60; font-weight:bold; margin-bottom:10px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.facebook_btn_area {width:200px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.facebook_btn_area dl.facebook_btn {margin:0; padding:0; overflow:hidden;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.facebook_btn_area dl.facebook_btn dd {float:left;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.facebook_btn_area dl.facebook_btn dd.balloon_mid {height:23px; line-height:23px; background:url(/images/common/balloon_mid.gif) top repeat-x; margin:0; padding:0 3px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li span.balloon {width:56px; height:23px; line-height:23px; display:inline-block; background:url(/images/common/balloon_bg.gif) top no-repeat; padding:0; margin:0;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.thumb_txt_area {width:210px; margin-top:6px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.thumb_txt_area dl {margin:0; padding:0;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.thumb_txt_area dl dd {float:left;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.thumb_txt_area dl dd.thumb_img {width:50px; height:50px; padding:5px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.thumb_txt_area dl dd.text {width:140px; padding:5px; text-align:left; color:#4a4a4a;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.facebook li.thumb_txt_area dl dd.text h4.facebook_dt {font-weight:bold;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.v_live {width:225px; float:left; /*border:1px solid #d3d3d3; background:#f9f9f9;*/ margin:0px 0px 17px 20px; padding-top:6px; }
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.v_live li.sub_title_01 {width:225px; height:27px;}
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.v_live li.ls {width:225px; height:69px; padding-top:10px; border-style:solid; border-width:0 0 1px 0; border-color:#d3d3d3; }
#content ul.banner_area_03 li.sns_area dl dd.sns_mid ol.v_live li.ls2 {width:225px; height:66px; padding-top:10px; /*border-style:solid; border-width:0 0 1px 0; border-color:#d3d3d3;*/ }
#content ul.banner_area_03 li.sns_area dl dd.sns_bottom {height:6px; background:url(/images/main/sns_area_bottom.jpg) no-repeat;}
#content ul.banner_area_03 li.notice {width:262px; float:right;}
#content ul.banner_area_03 li.notice dl {margin:0; padding:0;}
#content ul.banner_area_03 li.notice dl dd.not_top {height:6px; background:url(/images/main/notice_top.jpg) no-repeat;}
#content ul.banner_area_03 li.notice dl dd.not_mid {background:url(/images/main/notice_mid.jpg) repeat-y; overflow:hidden;}
#content ul.banner_area_03 li.notice dl dd.not_mid ol.notice_article {width:231px; margin:15px 0 17px; padding:0 15px 0 16px; overflow:hidden;}
#content ul.banner_area_03 li.notice dl dd.not_mid ol.notice_article li {clear:both; text-align:left;}
#content ul.banner_area_03 li.notice dl dd.not_mid ol.notice_article li h4 {font-size:14px; line-height:18px; color:#494949;}
#content ul.banner_area_03 li.notice dl dd.not_mid ol.notice_article li.date {color:#999; margin:6px 0; width:231px;}
#content ul.banner_area_03 li.notice dl dd.not_mid ol.notice_article li.article_txt {line-height:18px; width:231px; color:#4a4a4a;}
#content ul.banner_area_03 li.notice dl dd.not_mid ol.notice_article li.article_txt p.dash {width:216px;height:1px;margin:10px 0; padding:0; background:url(/images/common/dot_line.gif);}
#content ul.banner_area_03 li.notice dl dd.not_mid ol.notice_article li.read_more {width:231px; height:35px; line-height:35px; font-size:18px; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif; background:url(/images/common/read_more_bg.gif) repeat-x; text-align:center; color:#FFF; margin-top:14px;}
#content ul.banner_area_03 li.notice dl dd.not_bottom {height:6px; background:url(/images/main/notice_bottom.jpg) no-repeat;}
/* footer area */
#footer {width:982px; height:125px; background:#fafafa; clear:both; border-top:1px solid #bebeb6; overflow:hidden;}
#footer h4 {width:122px; height:66px; float:left; padding-left:24px; margin-top:12px;}
#footer ul {width:790px; float:right; text-align:left;}
#footer ul li.btns_02 {width:790px; float:left;}
#footer ul li.btns_02 dl.bottom_menu {margin:0; padding:0;}
#footer ul li.btns_02 dl.bottom_menu dd {float:left; vertical-align:middle; font-family:Arial, Verdana, Helvetica, sans-serif; height:8px; padding:9px; border-right:1px solid #bebeb6; color:#bebeb6;}
#footer ul li.btns_02 dl.bottom_menu_right {float:right; margin:0; padding:0;}
#footer ul li.btns_02 dl.bottom_menu_right dd {height:8px;float:left; padding-right:12px; padding-top:7px;}
#footer ul li.add {width:790px; line-height:18px; margin-top:6px; color:#494949; float:left;}
#footer ul li.copyright {width:790px; float:left;font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#494949; margin-top:12px;}
.date {color:#999;}
.yakkwan{width:90%; height:368px; border:1px solid #999; overflow:auto; margin:0 0 0 25px; padding:10px; background-color:#EBEBEB; color:#333; text-align:left;}
/*board-contents*/
.art_ti a {color:#434343; text-decoration:none; font-size:14px;}
.art_ti a:hover {color:#c73c3f;}
.notice_dl dd a {color:#3F82B8; text-decoration:none;}
.notice_dl dd a:hover {color:#434343;}
/* facebook on main */
.twitter_main {width:202px; height:162px; padding:0 0 0 0; background:#cff;}
#main_728_banner {width:784px; height:90px; padding-top:20px;}
#main_728_banner ul.main_banner {width:780px;}
#main_728_banner ul.main_banner li.main_left{width:380px; float:left; padding-left:2px; display:inline;}
#main_728_banner ul.main_banner li.main_right{width:380px; float:right; padding-left:2px;display:inline;}