KGRKJGETMRETU895U-589TY5MIGM5JGB5SDFESFREWTGR54TY
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/test/facebook/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /home/queenjbs/www/test/facebook/css/layout.css
@charset "utf-8";
/*!------------------------------------------------*
 * Monochrome (www.monocr.com)
 * Creater: Kim, Ki-hong (raindrop@monocr.com)
 *-------------------------------------------------*/

html{-webkit-text-size-adjust:none}
html,body,div,p,h1,h2,h3,dl,dt,dd,ul,ol,li,form,fieldset,input,button,hr,th,td,thead,tbody{margin:0;padding:0}
form,fieldset,input,button,img,hr{border:0}
input[type!=checkbox][type!=radio],button,textarea{-webkit-appearance:none;-webkit-border-radius:0}
input,button,img{vertical-align:middle;margin-top:-2px}
ul,ol,li{list-style:none}
address,em{font-style:normal}
fieldset legend,hr{font-size:0;height:0;line-height:0;overflow:hidden}
a{color:#fff;text-decoration:none;-webkit-tap-highlight-color:#777}
a:hover{color:#898989}
option{color:#000}
/*a:focus{text-decoration:underline}*/

html{background:#232323 url('/images/bg_repeat.jpg') 50% 0 repeat-y}
body{direction:ltr;color:#fff;font-size:0.8em;background:url('/images/bg.jpg') 50% 0 no-repeat;position:relative}
body,input,button,textarea,pre{font-family:'나눔고딕',NanumGothic,NanumGothicOTF,'돋움',Dotum,'Apple SD Gothic Neo',AppleGothic,Meiryo,"MS PGothic","Osaka",Arial,Helvetica,Tahoma,Verdana,sans-serif}
#footer{font-family:'돋움',Dotum,'Apple SD Gothic Neo',AppleGothic,Arial,Helvetica,Tahoma,Verdana,sans-serif}

/* Button's */
.btn1,.btn1 *,.btn2,.btn2 *,.btn3,.btn3 *,.btn4,.btn4 *{background-image:url('/images/btn.png');background-color:transparent;cursor:pointer}
.btn1,.btn2,.btn3,.btn4{display:inline-block;*display:inline;zoom:1;padding-right:4px;vertical-align:middle}
.btn1 *,.btn2 *,.btn3 *,.btn4 *{display:block;text-align:center;margin-top:0}
.btn1{height:30px;background-position:100% 0}
.btn1 a,.btn1 input,.btn1 button{height:28px;line-height:28px;padding:0 11px 2px 15px;background-position:0 0;color:#afb0b2;text-shadow:0 1px 1px rgba(0,0,0,0.6);font-weight:bold}
.btn1 input,.btn1 button{height:30px}
.btn2{height:36px;background-position:100% -30px}
.btn2 a,.btn2 input,.btn2 button{height:34px;line-height:34px;padding:0 11px 2px 15px;background-position:0 -30px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.9);font-weight:bold;font-size:1.1em}
.btn2 input,.btn2 button{height:36px}
.btn3{height:27px;background-position:100% -66px}
.btn3 a,.btn3 input,.btn3 button{height:25px;line-height:25px;padding:0 6px 2px 10px;background-position:0 -66px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.9);font-weight:bold}
.btn3 input,.btn3 button{display:inline;height:27px;padding-bottom:5px}
.btn4{height:30px;background-position:100% -93px}
.btn4 a,.btn4 input,.btn4 button{height:28px;line-height:28px;padding:0 11px 2px 15px;background-position:0 -93px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.6);font-weight:bold}
.btn4 input,.btn4 button{height:30px}

/* Select box */
.ui-selectbox-render{position:relative;vertical-align:middle;border:1px solid #000;height:23px !important;line-height:23px !important;padding:0 !important;box-shadow:none !important;color:#e1e1e1 !important;font-size:12px;font-family:'돋움',Dotum;display:inline-block !important;background:#363636 url('/images/bg_selectbox.gif') 100% 50% no-repeat}
.ui-selectbox-render.ui-hover{background-color:#464646}
.ui-selectbox-render.ui-focus{background-color:#464646;border-color:#000}
.ui-selectbox-render span{padding:0 25px 0 7px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:23px !important;line-height:23px !important;color:#e1e1e1 !important}
.ui-selectbox-render select{position:absolute;top:0;left:0;height:100%;width:100%}

/* layer popup */
.ui-layerpopup{position:absolute;background-color:#232323;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
.ui-layerpopup .pop-title{height:18px;padding:16px 0 16px 16px;font-weight:bold;text-align:left;font-style:italic;display:block;color:#e1e1e1 !important;font-size:16px !important;background:#232323 url('/images/bg_title.gif') repeat !important;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
.ui-layerpopup .pop-content{padding:22px 10px}

/* input file */
div.ui-inputfile{padding:0 !important;display:inline-block !important;*display:inline !important;*zoom:1;box-shadow:none !important;width:254px}
div.ui-inputfile:after{content:"";clear:both;display:block}
div.ui-inputfile-text{float:left;padding:0 3px !important;width:172px !important;height:23px;line-height:23px;box-shadow:none !important;border:1px solid #000;background-color:#464646 !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
div.ui-inputfile-button{float:right;padding:0 !important;width:68px;height:23px;line-height:23px;font-size:12px;border:1px solid #000;background-color:#363636 !important;color:#a0a0a0;text-align:center;box-shadow:none !important}

/* #wrap */
#wrap{position:relative;margin:0 auto;width:980px;}
#wrap h1{width:125px;height:123px;padding-top:43px;background:url('/images/lg.png') 0 0 no-repeat}
#wrap h1 a{display:block;width:100%;height:100%}
#wrap h1 span{display:block;width:100%;font-size:25px;padding-top:37px;text-align:center;text-indent:-9999px}

/* #container */
/*#container{position:relative;background:url('/images/bg_y.png') 134px 0 repeat-y}
#container.main{background:none}*/
#container{position:relative}
#container:after{content:"";display:block;clear:both}
#container h1{position:absolute;top:-100px;left:0;z-index:1100}
#container #user,#container #lang{position:absolute;top:59px;z-index:50}
#container.main #content{height:1100px}

/* #user */
#user{right:95px;line-height:22px;font-size:0.75em;font-family:Georgia;color:#ccc;text-transform:uppercase}
#user li{padding-left:2px;float:left}
#user a{display:block;min-width:48px;text-align:center;border:1px solid #000;height:21px;background-color:#464646;font-size:10px;font-family:Georgia;color:#ccc;text-transform:uppercase}
#user a.btn-login,#user a.btn-logout{background-color:#252525}
#user p{text-transform:none;font-size:1.2em}
#user .userinfo{padding-right:10px}
#user a.btn-my{min-width:58px}

/* #lang */
#lang{right:0;font-family:Georgia;font-size:10px}
#lang button{border:1px solid #000;margin-top:0;width:88px;height:23px;font-size:10px;font-family:Georgia;color:#ccc;text-transform:uppercase;background-color:#464646}
#lang button span{padding-right:13px;background:url('/images/ico_drop.gif') 100% 50% no-repeat}
#lang ul{border:1px solid #000;border-top:0;overflow:hidden;display:none}
#lang ul li{height:23px;line-height:23px;display:block}
#lang ul li a{display:block;background-color:#575757;color:#ccc;height:100%;padding-left:5px}
#lang ul li a:hover,#lang ul li a:focus{background:#484848 url('/images/ico_select.gif') 90% 50% no-repeat}

/* #gnb */
#gnb{float:left;width:121px;position:relative;padding:182px 0 0 0;font-family:Georgia;background:url('/images/bg_x.png') 0 180px repeat-x;z-index:1000}
#gnb ul{position:relative;z-index:2}
#gnb li{padding-bottom:2px;background:url('/images/bg_x.png') 0 100% repeat-x}
#gnb li a{display:block;height:38px;line-height:39px;text-align:center;font-size:1.2em;text-transform:uppercase;color:#fff}
#gnb li a span{display:inline-block;height:100%;cursor:pointer}
#gnb li ul{position:absolute;width:168px;right:-177px;z-index:30000;display:none;padding-left:15px}
#gnb li ul li{border:1px solid #75c3cc;background:#fff 4px 50% no-repeat;display:block;padding:0 10px;height:30px;margin-bottom:2px}
#gnb li ul li a{display:block;width:100%;height:100%;text-transform:uppercase;font-size:12px;color:#75c3cc;font-family:Georgia;text-align:left;line-height:30px}
#gnb li ul li a:hover,#gnb li ul li a:focus{color:#2b8792}
#gnb li ul li.artist{width:188px;height:58px;background:#fff 4px 50% no-repeat;padding:0}
#gnb li ul li.artist a{width:126px;padding-left:62px;line-height:58px}
#gnb li ul li.jyj{background-image:url('/images/ico_jyj.png')}
#gnb li ul li.sjh{background-image:url('/images/ico_sjh.png')}
#gnb li ul li.pyh{background-image:url('/images/ico_pyh.png')}
#gnb .depth{position:absolute;z-index:1;width:121px;height:38px;left:0;display:none;background:#75c3cc url('/images/bg_depth.gif') 100% 50% no-repeat}
#gnb p{margin:6px 0}
#gnb p a{display:block;height:70px;padding-top:25px;text-align:center;font-style:italic;color:#fff;font-size:1.4em;background:url('/images/btn_store.png') 50% 0 no-repeat}
#gnb p a strong{display:block;font-size:1.3em;text-transform:lowercase;color:#fff200}
#gnb dl{margin:20px 0;text-align:center}
#gnb dl dt{display:block;color:#fff;text-transform:uppercase;font-size:10px}
#gnb dl dd{display:inline-block;font-size:0;line-height:16px;width:16px;height:16px;background:url('/images/ico_share.png') 0 0 no-repeat}
#gnb dl dd.fb{background-position:0 0}
#gnb dl dd.tw{background-position:-16px 0}
#gnb dl dd.yt{background-position:-32px 0}
#gnb dl dd a{display:block;width:100%;height:100%}
#gnb .youtube{padding-top:15px;text-align:center}
#gnb .youtube a{display:inline-block;height:30px;padding-top:2px;padding-left:36px;text-align:left;font-size:11px;line-height:14px;background:url('/images/ico_youtube.png') 0 0 no-repeat}

/* #content */
#content{float:right;width:830px;min-height:600px;position:relative;padding:180px 0 0 15px}

/*
#content #news1,#content #news2,#content #news3,#content #news4{left:0;top:0;opacity:0}
#content #news1{z-index:50}
#content #news2{z-index:20}
#content #news3{z-index:30}
#content #news4{z-index:40}*/

/* Main */
#main{float:right;width:830px;height:980px;position:relative;margin-top:100px}
#main .mainbox{
	position:absolute;
	padding:1px;
	background: 50% 0 no-repeat;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:1px 2px 6px rgba(0,0,0,0.3);
	-moz-box-shadow:1px 2px 6px rgba(0,0,0,0.3);
	box-shadow:1px 2px 6px rgba(0,0,0,0.3);
	background-image:-webkit-linear-gradient(top, #3F3F3F 0%, #000000 100%);
	background-image:-moz-linear-gradient(top, #3F3F3F 0%, #000000 100%);
	background-image:-ms-linear-gradient(top, #3F3F3F 0%, #000000 100%);
	background-image:-o-linear-gradient(top, #3F3F3F 0%, #000000 100%);
	background-image:linear-gradient(top, #3F3F3F 0%, #000000 100%);
}
#main .mainbox .box-pic{
	background-position:0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);
	box-shadow:inset 0 0 100px rgba(0,0,0,0.3);
}
#main .mainbox .box-text{
	background-color:#252525;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#main #store .box-pic{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 5px;
}
#main #store .box-text{
	background-color:#252525;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 5px;
}
#main .social .title{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#main .social .timeline{
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#main .line{position:absolute;left:7px;top:-100px;width:486px;height:115px;background:url('/images/bg_line.png') 0 100% no-repeat}
#main .line div{width:100%;height:100%;background:url('/images/bg_line.png') 100% 100% no-repeat}
#main .mainbox .box-pic .arrow{height:100%}
#main .mainbox .box-pic .arrow .new{height:100%;background:url('/images/bge_new.png') 96% 92% no-repeat}
#main .mainbox .box-pic .arrow .play{height:100%;background:url('/images/bge_play.png') 50% 50% no-repeat}
#main .mainbox .box-pic .arrow .new span,
#main .mainbox .box-pic .arrow .play span{display:none}
#main .mainbox .box-text h2{padding:13px 17px 0 17px;color:#fff;font-size:20px}
#main .mainbox .box-text p{padding:5px 17px 0 17px;letter-spacing:-1px;line-height:1.5em;font-size:12px;font-family:'돋움',Dotum;color:#898989}
#main #news1{top:0px;left:0px;width:498px;height:438px}
#main #news1 .box-pic{height:349px}
#main #news1 .box-pic .arrow{background:url('/images/bg_box_arrow1.png') 100% 100% no-repeat}
#main #news1 .box-text{height:89px}
#main #news2,#main #news3,#main #news4{left:510px;width:318px;height:298px}
#main #news2{top:0px}
#main #news3{top:310px}
#main #news4{top:620px}
#main .sidebox .box-pic{height:230px}
#main .sidebox .box-pic .arrow{background:url('/images/bg_box_arrow3.png') 100% 100% no-repeat}
#main .sidebox .box-text{height:68px}
#main #store{top:450px;left:0;width:498px;height:158px}
#main #store .box-pic{float:left;width:350px;height:158px}
#main #store .box-pic .arrow{background:url('/images/bg_box_arrow2.png') 100% 0 no-repeat}
#main #store .box-text{float:right;width:148px;height:158px}
#main .social{top:620px;left:0;width:243px;height:298px}
#main #twitter.social{left:255px}
#main .social .title{height:51px;background:0 0 repeat-x;padding:11px 10px 0;position:relative}
#main .social .title h2{vertical-align:middle;display:inline-block;height:18px}
#main .social .title h2 span{display:none}
#main .social .title p{margin-top:9px;font-size:12px;font-family:'돋움',Dotum;color:#fff}
#main .social .title .arrow{position:absolute;right:0;bottom:0;width:24px;height:10px;background:url('/images/bg_box_arrow3.png') 100% 100% no-repeat}
#main .social .ajax{background:url('/images/bg_ajax.gif') 50% 50% no-repeat}
#main .social .timeline{height:236px;background-color:#242424;overflow:hidden}
#main .social .timeline li{display:block;padding:10px 5px 0;clear:both}
#main .social .timeline li img{float:left;width:48px;height:48px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 0 3px #000}
#main .social .timeline li p{float:left;width:175px;padding-left:10px;font-family:'돋움',Dotum;color:#898989;font-size:11px}
#main .social .timeline li p a{color:#1585aa}
#main .social .timeline li p strong{font-size:12px;color:#fff;display:block;margin-bottom:3px}
#main .social .timeline li p strong a{color:#fff}
#main .social .timeline li p span{font-size:11px;display:block;margin-top:3px}
#main .social .timeline li p span a{color:#898989}
#main #facebook .title{background-image:url('/images/bg_fb.png');background-color:#2d477c;}
#main #twitter .title{background-image:url('/images/bg_twt.png');background-color:#1195c0} 
#main #facebook .title h2{background:url('/images/tx_fb.png') 0 0 no-repeat;width:83px;}
#main #twitter .title h2{background:url('/images/tx_twt.png') 0 0 no-repeat;width:98px}
body.ja #main .social .title{padding:11px 7px 0}
body.ja #main .social .title p{letter-spacing:-1px}

/* Sub */
#content h2{position:absolute;top:0;z-index:10;left:11px;right:-4px;padding-right:25px;height:179px;line-height:60px;color:#75c3cc;font-family:Georgia;font-weight:normal;font-size:1.7em;background:url('/images/bg_h2_right.png') 100% 0 no-repeat}
#content h2 span{display:block;;padding:100px 30px 19px;background:url('/images/bg_h2.png') 0 0 no-repeat}
#content #path{position:absolute;top:123px;right:18px;z-index:20;color:#898989;font-size:0.8em;font-family:Georgia}
#content #path strong{font-weight:normal;color:#ccc}
#content.side-open{width:572px}

/* Side */
#side{display:none;position:absolute;left:0;top:0;bottom:0;z-index:1000;width:370px;height:500px;background:#e4e4e4 url('/images/bg_side5.png') 100% 0 repeat;box-shadow:2px 0 5px rgba(0,0,0,0.6)}
#side.open{}
#side a.btn-open{position:absolute;right:-130px;top:475px;width:100px;height:54px;line-height:54px;padding-left:30px;font-size:1.5em;font-family:Georgia;font-style:italic;background:url('/images/btn_side_open.png') 0 50% no-repeat}
#side.open a.btn-open{display:none}
#side-main{position:relative;overflow:hidden;width:100%;height:100%}
#side-content{width:100%;height:100%;overflow:hidden;background:url('/images/bg_side6.png') 100% 0 repeat-y}
#side-right{position:absolute;width:75px;height:165px;right:0;top:300px}
#side-right a{display:block;width:75px;height:82px;padding-top:83px;text-align:right;background:url('/images/bg_sch_close.png') 100% 50% no-repeat}
#side-right a span{color:#252525;font-family:Georgia,sans-serif;font-style:italic;text-transform:lowercase;font-size:14px;margin-right:13px}
#side-content h2{color:#252525;font-family:Georgia,sans-serif;font-weight:normal;font-style:italic;margin-bottom:12px}
#side-content .side-wrap{padding:180px 60px 0;float:right;overflow:hidden;background:url('/images/bg_side7.png') 100% 0 no-repeat}

/* #footer */
#footer{position:relative;clear:both;border-top:2px solid #75c3cc;height:200px;color:#898989;z-index:20}
#footer .news{height:42px;line-height:43px;padding-bottom:2px;background:url('/images/bg_x.png') 0 100% repeat-x}
#footer .news a{display:inline-block;width:100%;height:100%}
#footer .news dt,#footer .news dd{display:inline-block;height:100%}
#footer .news dt{width:120px;text-align:right;text-transform:uppercase;color:#75c3cc;font-weight:bold;font-family:Georgia;padding-right:15px;background:url('/images/bg_more.gif') 100% 50% no-repeat}
#footer .news dd{padding-left:15px}
#copyright{height:69px;padding:21px 0 0 150px;line-height:1.35em;background:url('/images/lg_footer.png') 14px 50% no-repeat}
#copyright p{float:left}
#copyright p.policy{float:none;position:absolute;height:42px;line-height:43px;right:0;top:0;padding-right:19px;font-weight:bold}
#copyright p.copy{float:none;clear:both;line-height:2em;font-size:0.8em;font-family:Verdana}
#copyright p.copy strong{color:#75c3cc}
#copyright a{color:#898989}
#copyright li{float:left;margin-left:10px;padding-left:10px;background:url('/images/bg_bar.gif') 0 50% no-repeat}
#copyright li.return{clear:both;margin-left:0;padding-left:0;background:none}
body.en #copyright{padding-top:15px}
body.en #copyright p,body.en #copyright li{font-size:11px;font-family:Tahoma;line-height:20px}
body.en #copyright p.policy{line-height:43px}

/* top button */
#top{position:fixed;right:-60px;top:620px;width:46px;height:46px;background:url('/images/btn_top.png') 0 0 no-repeat}
#top a{display:block;width:100%;height:100%;text-align:center;line-height:46px;text-transform:lowercase;font-size:1.3em;font-family:Georgia;font-style:italic;color:#fff}

/* Tab */
#tabs{height:40px;overflow:hidden;padding-left:10px}
#tabs ul{overflow:hidden}
#tabs li{float:left}
#tabs li a{display:block;height:40px;line-height:41px;padding:0 10px;color:#898989;text-align:center;min-width:50px;background-image:url('/images/bg_tab.gif');background-repeat:repeat;border-radius:5px;margin-top:6px;-webkit-box-shadow:-2px 0 5px rgba(0,0,0,0.3);-moz-box-shadow:-2px 0 5px rgba(0,0,0,0.3);box-shadow:-2px 0 5px rgba(0,0,0,0.3)}
#tabs li a:focus,#tabs li a:hover{color:#999;text-decoration:underline} /*queenjbs*/
#tabs li a.active{margin-top:0;color:#000;text-decoration:underline;font-weight:bold;position:relative;background-image:url('/images/bg_tab_act.gif')} /*queenjbs*/

/* Board */
#board{position:relative;margin-bottom:30px}
#board:after{display:block;content:"";clear:both}
#board .list{margin-bottom:18px;background:url('/images/bg_table.png') repeat}
#board table{border-spacing:0;width:100%}
#board table thead,
#board table thead tr,
#board table thead tr th{overflow:hidden;height:0;display:block;line-height:0;font-size:0}
#board table tbody tr td{height:50px;line-height:50px;padding-bottom:10px;font-size:0.85em;text-align:center;color:#acacac}
#board table tbody tr td.cate{color:#75c3cc}
#board table tbody tr td.title{text-align:left;font-size:1em;padding-left:10px;color:#e1e1e1}
#board table tbody tr td.title a{color:#e1e1e1}
#board table tbody tr td .auto{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
#board table tbody tr td .auto,x:-moz-any-link,x:default{word-wrap:break-word}
*+html #board table tbody tr td .auto{white-space:nowrap}
#board .paging{float:left}
#board .paging a{display:inline-block;height:27px;padding-right:4px;line-height:25px;background:url('/images/bg_paging.png') 100% 0 no-repeat;vertical-align:middle}
#board .paging a span{display:block;min-width:13px;height:25px;padding:0 4px 2px 8px;font-size:0.85em;text-align:center;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.6);background:url('/images/bg_paging.png') 0 0 no-repeat}
#board .paging a.current{background-position:100% 100%}
#board .paging a.current span{background-position:0 100%}
#board .paging a.btn-prev,#board .paging a.btn-next{background:url('/images/bg_paging_nav.png') 0 0 no-repeat}
#board .paging a.btn-prev span,#board .paging a.btn-next span{overflow:hidden;text-indent:-9999px;background:none}
#board .paging a.btn-next{background-position:100% 0}
#board .search{float:right;margin-right:-2px;width:249px;height:27px;background:url('/images/bg_search.png') 0 0 no-repeat}
#board .search fieldset{position:relative}
#board .search .text{padding-left:27px;background-color:transparent;width:154px;position:absolute;top:0;left:0;height:25px;line-height:26px;color:#fff;z-index:4}
#board .search span{position:absolute;right:0;top:0;z-index:5}
#board .btn-area{text-align:right}
#board .btn-area input,#board .btn-area button{min-width:55px}
#board .detail{background-color:#232323;color:#ccc;margin-bottom:20px;box-shadow:0 2px 5px rgba(0,0,0,0.3)}
#board .detail .content{padding:20px 25px}
#board .detail .content p{margin:15px 0;font-family:'돋움',Dotum,Tahoma,Verdana}
#board .detail .content img{width:auto !important;height:auto !important;max-width:730px}
#board .detail .media_view{padding:10px;background-color:#1f1f1f;text-align:center}
#board .detail .img_list{padding:10px 20px;background-color:#1f1f1f;text-align:center}
#board .detail .img_list img{max-width:750px;margin:5px 0}
#board .detail .img-slider{background-color:#1f1f1f;margin-bottom:5px;padding:10px 0;position:relative;text-align:center}
#board .detail .img-slider .slider-wrap li{position:absolute;width:100%;height:100%;left:0;top:0;line-height:500px;text-align:center;display:none}
#board .detail .img-slider .slider-wrap img{width:auto;height:auto;max-width:720px;max-height:480px}
#board .detail .img-slider .loadimg{position:absolute;left:0;top:0;width:100%;height:100%;background:url('/images/bg_t.png') repeat}
#board .detail .img-slider input{position:absolute;top:0;width:30px;height:100%;cursor:pointer;background:url('/images/nav.png') 0 50% no-repeat}
#board .detail .img-slider input.btn-prev{left:0;background-position:8px 50%}
#board .detail .img-slider input.btn-next{right:0;background-position:-31px 50%}
#board .detail .img-slider .slider-paging{position:absolute;bottom:15px;left:0;width:100%;text-align:center}
#board .detail .img-slider .slider-paging li{display:inline-block;width:10px;height:10px;padding:0 2px}
#board .detail .img-slider .slider-paging li a{display:block;width:100%;height:100%;background:url("/images/artist/bg_dot.png") 0 0 no-repeat}
#board .detail .img-slider .slider-paging li.active a{background-position:0 100%}
#board .thumb{margin-bottom:9px}
#board .thumb ul{overflow:hidden;margin-left:-44px}
#board .thumb ul li{float:left;margin-left:44px;width:142px;height:160px;padding:10px;margin-bottom:20px;background:url('/images/bg_title.gif') repeat;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
#board .thumb ul li a{position:relative;display:block}
#board .thumb ul li span{display:block;margin:5px 0}
#board .thumb ul li span.img{display:table-cell;vertical-align:middle;margin:0 auto 10px;width:142px;height:120px;line-height:120px;overflow:hidden}
#board .thumb ul li span.img span.play{margin:0;position:absolute;display:block;width:26px;height:26px;top:80px;right:10px;overflow:hidden;text-indent:-999px;background:url('/images/bg_thumb_play.png') 50% 50% no-repeat}
#board .thumb ul li span.img img{vertical-align:middle}
#board .video_view{padding:20px 15px;margin:0 0 30px 0;text-align:center;background:url('/images/bg_title.gif') repeat;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
#board .video_view p{color:#e1e1e1;font-size:14px;font-weight:bold;text-align:left;margin:0 0 10px}
#board .video_view p span{color:#acacac;font-size:11px;margin-left:10px;font-weight:normal}
#board .video_view div.play{margin:10px 0;display:inline-block;background:url('/images/bg_load_video.gif') 50% 50% no-repeat}

/* Login */
#login{margin-top:-64px}
#login .bg{position:relative;width:834px;height:323px;margin-left:-2px;background:url('/images/membership/bg_login.png') 50% 0 no-repeat}
#login .bg .tx{position:absolute;top:107px;right:43px}
#login .box{width:293px;margin:30px auto 100px}
#login fieldset{position:relative;width:202px;padding-right:91px}
#login fieldset p{padding-bottom:7px}
#login fieldset p.userid,#login fieldset p.passwd{position:relative;width:201px;height:35px;background:url('/images/membership/bg_input.png') 0 0 no-repeat}
#login fieldset p.userid label,#login fieldset p.passwd label{position:absolute;top:0;cursor:text;height:35px;line-height:36px;color:#c2c2c2;font-size:1.1em;font-weight:bold;padding-left:32px;white-space:nowrap;overflow:hidden}
#login fieldset p.userid input,#login fieldset p.passwd input{width:164px;height:35px;line-height:35px;padding:0 5px 0 32px;background-color:transparent;color:#c2c2c2;font-size:1.3em}
#login fieldset p.saveid,#login fieldset p.submit{position:absolute;right:0;height:35px;line-height:35px}
#login fieldset p.saveid{top:0;width:85px;line-height:31px}
#login fieldset p.submit{bottom:-1px}
#login fieldset p.userid label{background:url('/images/ico_userid.png') 11px 50% no-repeat}
#login fieldset p.passwd label{background:url('/images/ico_passwd.png') 12px 50% no-repeat}
#login fieldset p.saveid label{vertical-align:middle}
#login fieldset p.saveid input{vertical-align:middle}
#login fieldset p.submit input{width:85px}
#login ul{margin-left:-6px}
#login ul li{float:left;padding-left:6px}
#login .btn-join{width:115px}
#login .btn-find{width:164px}
body.en #login .btn-find a{font-size:12px;letter-spacing:-2px}

/* Join Introduce */
#join_intro{margin-top:-69px}
#join_intro .bg{position:relative;width:834px;height:323px;margin-left:-2px;background:url('/images/membership/bg_join.png') 50% 0 no-repeat}
#join_intro .bg .tx{position:absolute;top:108px;left:119px}
#join_intro .box{width:780px;margin:-30px auto 30px}
#join_intro h3{margin:24px 0 3px;height:18px;padding:16px;display:inline-block;background:url('/images/bg_title.gif') repeat;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
#join_intro .gray{background-color:#232323}
#join_intro h3 span,#join_intro .gray{color:#d2d2d2;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
/*#join_intro h3 span{height:18px;padding:16px;display:inline-block;background:url('/images/bg_title.gif') repeat}*/
#join_intro .about{padding:1px 23px;margin:4px 0 24px}
#join_intro .about li{margin:21px 0}
body.en #join_intro .about li,body.ja #join_intro .about li,body.zh #join_intro .about li,#join_intro .about li
{font-family:'나눔고딕',NanumGothicOTF,NanumGothicOTFbold;font-size:14px;line-height:1.3em;padding-left:32px;background:url('/images/ico_plus.gif') 15px 5px no-repeat;font-weight:bold}
#join_intro .about li strong, body.en #join_intro .about li strong, body.ja #join_intro .about li strong, body.zh #join_intro .about li strong{color:#75c3cc}

#join_intro .benefit{padding:10px 0;margin:4px 0 24px;font-family:Dotum,'돋움'}
#join_intro .benefit ul{overflow:hidden}
#join_intro .benefit li{width:108px;height:156px;text-align:center;float:left;color:#979797;padding:0 10px 0 12px;background:url('/images/membership/bg_benefit_bar.gif') 0 0 repeat-y}
body.ja #join_intro .benefit li{height:180px;}

#join_intro .benefit li span{display:block;width:100px;height:100px;margin:0 auto;background:url('/images/membership/ico_benefit.png') 0 50% no-repeat}
#join_intro .benefit li.b1{background:none}
#join_intro .benefit li.b2 span{background-position:-100px 50%}
#join_intro .benefit li.b3 span{background-position:-200px 50%}
#join_intro .benefit li.b4 span{background-position:-300px 50%}
#join_intro .benefit li.b5 span{background-position:-400px 50%}
#join_intro .benefit li.b6 span{background-position:-500px 50%}
#join_intro .benefit p{margin:5px;padding-left:10px}
#join_intro .join_button{margin:45px 0 58px}
#join_intro .join_button ul{margin:0 auto;width:708px;overflow:hidden}
#join_intro .join_button li{float:left;width:236px;text-align:center}

#join_step{margin-top:-38px}
#join_step:after{content:"";display:block}
#join_step ul{margin-left:27px;margin-right:-2px;height:89px}
#join_step li{float:left;margin-left:-19px}
#join_step li span{display:block;width:178px;height:89px;font-size:10px;background:url('/images/membership/tx_join_step.png') 0 0 no-repeat}
body.en #join_step li span{background-image:url('/images/membership/tx_join_step_en.png')}
body.ja #join_step li span{background-image:url('/images/membership/tx_join_step_ja.png')}
body.zh #join_step li span{background-image:url('/images/membership/tx_join_step_zh.png')}
#join_step li.step1 span{background-position:0 0}
#join_step li.step2 span{background-position:-178px 0}
#join_step li.step3 span{background-position:-356px 0}
#join_step li.step4 span{background-position:-534px 0}
#join_step li.step5 span{background-position:-712px 0}
#join_step li.step1 strong span{background-position:0 -89px}
#join_step li.step2 strong span{background-position:-178px -89px}
#join_step li.step3 strong span{background-position:-356px -89px}
#join_step li.step4 strong span{background-position:-534px -89px}
#join_step li.step5 strong span{background-position:-712px -89px}

#join_form{width:780px;margin:30px auto 50px;position:relative}
#join_form p.star{position:absolute;top:-15px;right:0;height:12px;line-height:12px;font-size:11px;font-family:Dotum,'돋움',Tahoma,Verdana;color:#464646}
#join_form p.star strong{color:#c72127;font-weight:bold}
#join_form input[type=text],#join_form input[type=password],#join_form textarea{border:1px solid #000;background-color:#464646;color:#fff}
#join_form input[type=text],#join_form input[type=password]{font-size:12px;height:23px;line-height:23px;padding:0 3px}
#join_form textarea{font-size:12px;padding:10px;font-family:Dotum,'돋움',Tahoma,Verdana;width:552px;height:180px}
#join_form label{margin-left:4px}
#join_form table{width:100%}
#join_form table th,
#join_form table td{padding-bottom:4px}
#join_form table th p,
#join_form table td div{background-color:#232323;color:#d2d2d2;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
#join_form table th{vertical-align:top}
#join_form table th p{width:150px;min-height:18px;padding:16px 0 16px 16px;font-weight:bold;text-align:left;display:block;color:#e1e1e1;font-size:16px;background:#232323 url('/images/bg_title.gif') repeat;position:relative}
#join_form table th p span{color:#c72127;font-weight:bold;margin-left:3px}
#join_form table td div{display:block;padding:11px 20px}
#join_form table td div p{margin-top:15px;padding-left:1px}
#join_form table td div input[type=text],#join_form table td div input[type=password]{margin:2px 0}
#join_form table td div span{height:27px;line-height:27px;font-size:11px}
#join_form table td div span.tx{font-family:Dotum,'돋움',Tahoma,Verdana;font-size:12px}
#join_form table td em{font-size:11px;color:#e1e1e1;margin:10px 3px 0;display:block}
#join_form table td em.desc{display:inline-block;margin:0 0 0 5px;vertical-align:middle}
#join_form table td em.desc2{display:inline-block;margin:-3px 0 -3px 5px;vertical-align:middle}
#join_form table td.info ul{margin:5px 0 3px 20px;line-height:1.3em}
#join_form table td.info ul li{font-size:11px;color:#606060}
#join_form table td.info > ul li{font-family:Dotum,'돋움',Tahoma,Verdana;letter-spacing:-1px}
#join_form table td.info div ul{margin:0;line-height:1.5em}
#join_form table td.info div ul li{font-size:13px;color:#e1e1e1}
#join_form table td.memberlevel{vertical-align:top;background:url('/images/membership/lg_mini.png') 50% 10px no-repeat}
#join_form table td.memberlevel div{width:202px;box-shadow:0;background:none;padding:0;padding-top:55px;text-align:center}
#join_form .btn-right{text-align:right;margin:20px 0;padding:0 5px}
#join_form .btn-right input{font-size:14px;color:#fff}
#join_form .btn-right .btn4 input{font-weight:bold}

#join_form div.title{clear:both;height:50px;line-height:50px;margin-bottom:9px;background:url('/images/bg_title.png') repeat;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
#join_form div.title:after{content:"";display:block;clear:both}
#join_form div.title h4,#join_form div.title h5{float:left;padding-left:20px;width:165px;margin:0;font-size:18px;color:#e1e1e1;font-style:italic}
#join_form div.title em{float:left;font-size:12px;color:#fff}
#join_form div.title em.doubleline{height:35px;line-height:1.35em;margin-top:7px}
#join_form div.form{clear:both}
#join_form div.item{margin-bottom:30px}
#join_form div.item div.title{background-image:url('/images/bg_title.gif');margin-top:4px;z-index:1;display:block}
#join_form div.item div.title h5{font-weight:normal}
#join_form div.item div.title em{color:#acacac}
#join_form div.item div.title span.arrow{float:right;display:block;width:17px;height:11px;margin:20px 10px 0 0;background:url('/images/bg_arrow.png') 0 0 no-repeat}
#join_form div.item div.item-open span.arrow{background-position:0 100%}
#join_form div.item .btn-right{margin:10px 0 20px}
body.ja #join_form div.title h4,body.ja #join_form div.title h5{width:205px}

#join_success{margin:30px auto 0;width:584px;height:366px;padding:0 98px;background-color:#232323;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,0.3)}
body.en #join_success {height:402px;}
#join_success hr{margin:26px 0;height:0;border-left:0;border-right:0;border-top:1px solid #000;border-bottom:1px solid #2a2a2a}
#join_success p{margin-bottom:15px;color:#e1e1e1;font-size:14px;line-height:1.6em}
#join_success p.title{font-size:22px;color:#fff}
#join_success p.desc{font-size:14px;color:#acacac;line-height:1.6em}
#join_success.step4{width:780px;height:446px;padding:0;background:#232323 url('/images/membership/bg_step4.png') 0 0 no-repeat}
#join_success.step4 hr{margin:26px auto;width:584px}
#join_success.step4 p.title{font-size:24px}
#join_success.step4 p.title strong{color:#eb008b}
#join_success.step4 p.title2{font-size:18px}
#join_success.step4 p.title2 .highlight{color:#eb008b}
#join_success.step4 ul{width:605px;margin:0 auto}
#join_success.step4 ul li{color:#d3d3d3;padding-left:17px;text-align:left;line-height:1.7em;margin-bottom:15px;font-size:12px;background:url('/images/ico_plus.gif') 0 5px no-repeat}
body.en #join_success.step4 ul li{line-height:1.2em;background:url('/images/ico_plus.gif') 0 2px no-repeat}
#join_success.step4 ul li strong{color:#75c3cc}

#join_benefit{margin:10px auto 0;width:780px;height:221px;padding:25px 0 0 0;background-color:#232323;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,0.3);background:#232323 url('/images/membership/bg_step4_2.png') 100% 100% no-repeat}
#join_benefit p{font-size:18px;color:#e1e1e1;margin-bottom:25px}
#join_benefit p.benefit{font-size:16px;margin-bottom:10px;font-weight:bold;margin-left:95px;text-align:left}
#join_benefit ul{margin-left:95px}
#join_benefit ul li{width:269px;padding-left:17px;float:left;text-align:left;font-size:13px;line-height:2em;background:url('/images/ico_plus.gif') 0 8px no-repeat}
body.en #join_benefit p.benefit{margin-left:87px;}
body.en #join_benefit ul{margin-left:87px}
body.en #join_benefit ul li {width:307px;font-size:11px;line-height:2em;background:url('/images/ico_plus.gif') 0 50% no-repeat}

#content.mypage{background:url('/images/membership/bg_mypage.png') 2px 140px no-repeat}
#content.mypage h3{margin-top:31px;padding-left:25px;font-size:20px;font-style:italic}

#out_msg{color:#e1e1e1;font-size:15px;background:#232323 url('/images/membership/bg_out.png') -1px 100% no-repeat;margin:20px auto 0;width:780px;height:95px;text-align:center;padding-top:37px}
#out_msg li{margin-bottom:3px;line-height:1.3em}

.join-btn-area{text-align:right;margin:20px auto;width:780px}

/* Introduction */
#content.introduction{background:url('/images/company/bg_introduction.png') 15px 75px no-repeat}
#introduction{padding-left:381px;padding-top:40px;padding-right:25px;margin-bottom:70px}
#introduction h3{font-size:20px;color:#75c3cc;font-family:Georgia,sans-serif;font-weight:normal;line-height:1.4em}
#introduction h3 em{font-size:38px;display:block;text-decoration:underline}
#introduction p{color:#fff;font-size:14px;line-height:23px;margin:17px 0 20px}

/* Thumb Tail */
.thumbtail{width:780px;background:100% 100% no-repeat;margin:20px 0 50px;padding:0 25px}
.thumbtail h3{font-family:Georgia,sans-serif;font-size:20px;color:#fff;font-weight:normal;font-style:italic;margin:10px 0}
.thumbtail ul{margin-left:-18px;overflow:hidden}
.thumbtail li{float:left;position:relative;margin-left:18px;margin-bottom:24px;width:248px;height:236px;background:0 0 no-repeat}
.thumbtail li span{position:absolute;left:0;bottom:0;display:inline-block;font-size:14px;padding:0 15px;height:36px;line-height:36px;color:#fff;font-weight:bold;text-align:center;background:url('/images/bg_t.png') repeat;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px}
.thumbtail li span a{font-size:11px;font-weight:normal;font-family:Arial,Tahoma,Verdana}
#business{background-image:url('/images/company/bg_business.png');background-position:103% 100%}
#business li.star{background:url('/images/company/it_business1.jpg') 0 0 no-repeat}
#business li.concert{background:url('/images/company/it_business2.jpg') 0 0 no-repeat}
#business li.artist{background:url('/images/company/it_business3.jpg') 0 0 no-repeat}
#business li.content{background:url('/images/company/it_business4.jpg') 0 0 no-repeat}
#business li.drama{background:url('/images/company/it_business5.jpg') 0 0 no-repeat}
#artistlist li.t1{background:url('/images/company/it_artist1.jpg') 0 0 no-repeat}
#artistlist li.t2{background:url('/images/company/it_artist2.jpg') 0 0 no-repeat}
#artistlist li.t3{background:url('/images/company/it_artist3.jpg') 0 0 no-repeat}
#artistlist li.t4{background:url('/images/company/it_artist4.jpg') 0 0 no-repeat}
#artistlist li.t5{background:url('/images/company/it_artist5.jpg') 0 0 no-repeat}
#artistlist li.t6{background:url('/images/company/it_artist6.jpg') 0 0 no-repeat}

/* CEO Message */
#content.ceomsg{background:url('/images/company/bg_ceomsg.png') 15px 75px no-repeat}
#ceomsg{margin:15px auto 200px;width:780px}
#ceomsg h3{font-size:30px;font-weight:normal;line-height:35px}
#ceomsg h3 em{display:block;font-size:18px;font-family:Georgia,sans-serif}
#ceomsg p{color:#fff;font-size:14px;line-height:23px;margin:17px 0 20px}
#ceomsg p.sign{text-align:right}
#ceomsg p.sign img{vertical-align:middle;margin-left:10px}

/* Contact Us */
#content.contactus{background:url('/images/company/bg_contactus.png') 17px 80px no-repeat}

/* Map */
#map{margin:23px auto 35px;width:780px;overflow:hidden}
#map h3{font-family:Georgia,sans-serif;font-size:20px;font-weight:normal;font-style:italic;margin-bottom:10px}
#map_canvas{height:390px;position:relative;border-radius:5px;border-radius:5px;border-width:5px;overflow:hidden;background-color:#ccc;margin-bottom:10px}
#map dl{overflow:hidden;margin:0 0 0 -16px;clear:both}
#map dt,#map dd{float:left;display:inline-block;line-height:20px;font-size:12px}
#map dt{padding-left:16px;font-weight:bold;background:url('/images/company/bg_dl.png') 0 50% no-repeat}
#map dd{padding-left:2px;padding-right:13px}
#map p{font-size:13px;margin:10px 0;padding:0 5px;line-height:20px}

/* News */
#content.news{background:url('/images/news/bg_news.png') 25px 90px no-repeat}
#news{margin:0 auto;width:780px;position:relative}
#news p.desc{font-size:20px;font-style:italic;margin:20px 0}
#news p.selector{position:absolute;top:0;right:0}

/* Multimedia */
#content.multimedia{background:url('/images/multimedia/bg_multimedia.png') 25px 92px no-repeat}
#multimedia{margin:0 auto;width:780px}
#multimedia p.desc{font-size:20px;font-style:italic;margin:20px 0}

/* Artist */
#content.artist-about{background:url('/images/artist/bg_about.png') 0 92px no-repeat}
#content.artist-graphy{background:url('/images/artist/bg_graphy.png') 12px 92px no-repeat}
#content.artist-news{background:url('/images/artist/bg_news.png') 22px 92px no-repeat}
#content.artist-from{background:url('/images/artist/bg_from.png') 25px 96px no-repeat}
#artist{margin:0 25px 50px}
#artist p{margin:20px 0 30px;font-size:14px}
#artist #about{width:780px;height:400px;background:0 0 no-repeat;border-radius:5px;position:relative}
#artist #about p{margin:0;background-color:#75c3cc;border-radius:3px;opacity:0.8;text-decoration:underline;font-family:Georgia;padding:10px 15px;font-size:18px;color:#fff;position:absolute;left:-10px;top:13px}
#artist #about div{position:absolute;left:490px;top:95px;color:#555;font-size:14px;line-height:1.5em}
body.en #artist #about div{position:absolute;left:485px;top:65px;}

#artist #about div ul{margin-top:12px}
#artist #about div ul li{float:left;margin-right:15px}
#artist #about div ul li a{color:#555;font-family:Georgia;font-style:italic;height:26px}
#artist #about div ul li a span{display:inline-block;vertical-align:middle;margin-right:5px;margin-top:-2px;width:26px;height:26px;background:url('/images/ico_social.png') 0 100% no-repeat}
#artist #about div ul li.fb a span{background-position:100% 100%}
#artist.jyj #about{background-image:url('/images/artist/bg_jyj.png')}
#artist.sjh #about{background-image:url('/images/artist/bg_sjh.png')}
#artist.pyh #about{background-image:url('/images/artist/bg_pyh.png')}
#artist.pyh #about div{top:17px}
body.en #artist.pyh #about div{top:3px}
#artist #group{}
#artist #group ul{margin-left:-18px;overflow:hidden}
#artist #group ul li{margin-left:18px;float:left;width:248px}
#artist #group ul li div.photo{width:248px;height:236px;position:relative}
#artist #group ul li div.photo span{position:absolute;left:0;bottom:0;display:inline-block;font-size:14px;padding:0 15px;height:36px;line-height:36px;color:#fff;font-weight:bold;text-align:center;background:url('/images/bg_t.png') repeat;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px}
#artist #group ul li div.photo strong{margin-right:10px;width:68px;height:36px;line-height:36px;font-size:14px;text-align:center;font-weight:bold;margin:0}
#artist #group ul li div.photo a{display:inline-block;vertical-align:middle;width:16px;height:16px;margin-left:3px;background:url('/images/ico_share.png') 0 0 no-repeat}
#artist #group ul li div.photo a span{display:none}
#artist #group ul li div.photo a.tw{left:101px;background-position:-16px 0}
#artist #group ul li div.profile{margin-top:10px;font-size:12px;line-height:1.5em;color:#fefefe}
#artist hr{height:10px;background-color:#252525;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}

/* Filmography */
#filmo h3{font-size:20px;font-family:Georgia;font-weight:normal;font-style:italic;margin:15px 0 5px}
#filmo ul{margin-left:-30px;margin-bottom:20px;overflow:hidden}
#filmo ul li{margin:0 0 26px 30px;float:left;width:172px;height:210px;line-height:1.5em;text-align:center;font-family:'돋움',Dotum;color:#acacac;background:url('/images/bg_title.gif') repeat;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
#filmo ul li img{width:120px;height:120px;margin:12px auto;display:block}
#filmo ul li strong{display:block;color:#e1e1e1}
#filmo ul li span{color:#555}
body.en #filmo ul li em{font-size:11px;}
body.en #filmo ul li{height:245px}
body.ja #filmo ul li{height:225px}

/* Discography */
#disco{border-radius:5px}
#disco .album{position:relative;height:1000px}
#disco .title{margin:0;background-color:#75c3cc;border-radius:3px;opacity:0.8;text-decoration:underline;font-family:Georgia;padding:10px 15px;font-size:18px;color:#fff;position:absolute;left:-10px;top:13px;z-index:30}
#disco .visual{position:absolute;overflow:hidden;top:0;left:0;width:780px;height:630px;background:#e5ded8 0 0 no-repeat;z-index:20;border-radius:5px;color:#555;line-height:1.45em}
#disco .visual h4{font-size:18px}
#disco .visual p{font-size:12px}
#disco .visual img{margin-top:0;border-radius:5px}
#disco .visual .desc{position:absolute;width:100%;z-index:-1;overflow:hidden}
#disco .tracklist{position:absolute;top:655px;left:0;width:100%;background:url('/images/artist/bg_disc.png') 100px 42px no-repeat}
#disco .tracklist h3{font-size:20px;font-family:Georgia;font-weight:normal;font-style:italic;margin-bottom:10px}
#disco .tracklist img{float:left;border:1px solid #000}
#disco .tracklist ol{list-style:inherit;float:right;width:415px}
#disco .tracklist ol li{list-style-type:decimal-leading-zero;font-size:12px;font-weight:bold;margin-bottom:4px;line-height:1.5em}
#disco .tracklist ol li span{font-size:10px;font-weight:normal}

/*#disco .album01 .visual{background-image:url('/images/artist/bg_jyj01.jpg')}
#disco .album02 .visual{background-image:url('/images/artist/bg_jyj02.jpg')}
#disco .album01 .visual h4{margin:75px 20px 20px 500px}
#disco .album01 .visual p{margin:17px 20px}
#disco .album01 .visual p.p1{margin-left:500px}
#disco .album01 .visual p.p2{margin-top:30px}
#disco .album02 .visual h4{margin:447px 17px 10px}
#disco .album02 .visual p{margin:0 17px}*/

#disco input{position:absolute;top:179px;width:61px;height:62px;z-index:50;text-indent:-300px;overflow:hidden;opacity:0.5;cursor:pointer;background:url('/images/btn_nav.png') 0 0 no-repeat;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;-ms-transition:opacity 0.3s}
#disco input:hover,#disco input:focus{opacity:1}
#disco input.btn-prev{left:0;background-position:0 0}
#disco input.btn-next{right:0;background-position:100% 0}

#disco ul.paging{position:absolute;top:68px;left:16px;z-index:60}
#disco ul.paging li{float:left;margin-right:2px;width:10px;height:10px;background:url('/images/artist/bg_dot.png') 0 0 no-repeat}
#disco ul.paging li.active{background-position:0 100%}

/* Membership News */
#content.membershipnews{background:url('/images/membership/bg_news.png') 25px 105px no-repeat}

/* C-JeS TV */
#cjestv{margin:0 auto;width:780px;padding-bottom:30px}
#cjestv img{margin-top:0}
#cjestv:after{content:"";display:block;clear:both}
#cjestv .list ul{margin-left:-4px}
#cjestv .list ul li{float:left;margin-left:4px;margin-bottom:4px;width:192px;height:278px;text-align:center;background:#2a2a2a url('/images/bg_title.gif') repeat;box-shadow:3px 3px 4px rgba(0,0,0,0.3)}
#cjestv .list ul li img{min-width:192px}
#cjestv .list ul li p{font-size:11px;line-height:1.5em;margin:0 10px;padding:5px 0;color:#e1e1e1}
#cjestv .list ul li p.date{color:#66a9b1;font-style:italic;font-size:20px;font-family:Georgia;text-transform:uppercase;padding:3px 0;border-bottom:1px solid #404040}
#cjestv .list ul li p.date span{font-size:13px}
#cjestv .list ul li p.title{font-size:15px;font-weight:bold;border-bottom:2px solid #404040}
#cjestv .list ul li p.text{font-family:'돋움',Dotum}
#cjestv .main{float:left;width:584px;height:556px;background:#2a2a2a url('/images/bg_title.gif') repeat;box-shadow:0 2px 5px rgba(0,0,0,0.3)}
#cjestv .main .video{position:relative;height:324px}
#cjestv .main .video a{display:block;width:100%;height:100%;background:50% 50% no-repeat}
#cjestv .main .video a span{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;background:url('/images/membership/bg_cjestv_play.png') 50% 50% no-repeat}
#cjestv .main .video iframe{width:576px;margin:0 auto;display:block}
#cjestv .main .flv_player{width:576px;height:324px;margin:0 auto;display:block}
#cjestv .main p{font-size:12px;margin:0 5px;padding:3px 10px;line-height:1.5em}
#cjestv .main p.title{border-top:1px solid #404040;border-bottom:2px solid #404040;font-weight:bold;font-size:20px;margin-top:10px}
#cjestv .main p.date{color:#eb008b;font-style:italic;font-size:20px;font-family:Georgia;text-transform:uppercase;margin-bottom:10px}
#cjestv .main p.date span{font-size:13px}
#cjestv .main p.text{font-family:'돋움',Dotum}
#cjestv .list{clear:both}
#cjestv .side{float:right;width:192px;clear:none !important;padding-top:0}
#cjestv .side li{height:276px !important}
#cjestv .more{padding-top:5px}
#cjestv .more button{display:block;width:100%;height:55px;background:url('/images/membership/btn_more.png') 100% 0 no-repeat;padding-right:30px;cursor:pointer}
#cjestv .more button span{display:block;height:55px;background:url('/images/membership/btn_more.png') 0 0 no-repeat;padding-left:30px}
#cjestv .more button span span{font-family:Georgia;font-style:italic;color:#fff;font-size:22px;display:inline-block;line-height:53px;padding-right:20px;background:url('/images/membership/ico_more.gif') 100% 50% no-repeat}
#cjestv .loading{height:300px;background:url('/images/bg_ajax.gif') 50% 50% no-repeat}

/* C-JeS TV View Page */
#cjestv_view{width:610px;height:715px;padding:1px;background: 50% 0 no-repeat;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:1px 2px 6px rgba(0,0,0,0.3);-moz-box-shadow:1px 2px 6px rgba(0,0,0,0.3);box-shadow:1px 2px 6px rgba(0,0,0,0.3);background-image:-webkit-linear-gradient(top, #3F3F3F 0%, #000000 100%);background-image:-moz-linear-gradient(top, #3F3F3F 0%, #000000 100%);background-image:-ms-linear-gradient(top, #3F3F3F 0%, #000000 100%);background-image:-o-linear-gradient(top, #3F3F3F 0%, #000000 100%);background-image:linear-gradient(top, #3F3F3F 0%, #000000 100%)}
#cjestv_view .view_wrap{position:relative;height:100%;overflow:hidden;background-color:#252525;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#cjestv_view .head{position:absolute;left:0;top:0;width:100%;height:50px;line-height:50px;background:#2a2a2a url('/images/bg_title.gif') repeat;-webkit-box-shadow:1px 2px 6px rgba(0,0,0,0.3);-moz-box-shadow:1px 2px 6px rgba(0,0,0,0.3);box-shadow:1px 2px 6px rgba(0,0,0,0.3);-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}
#cjestv_view .title{float:left;padding-left:10px;font-size:18px;color:#bbb;font-weight:bold;}
#cjestv_view .title span{line-height:40px;vertical-align:super;font-style:italic;font-size:15px;color:#eb008b;font-family:Georgia;font-weight:normal;padding-left:5px;margin-top:-5px;text-transform:uppercase}
#cjestv_view .title span span{font-size:10px;padding-left:0;margin-top:0;vertical-align:baseline}
#cjestv_view .window-close{float:right;width:50px}
#cjestv_view .window-close input{display:block;width:50px;height:54px;text-indent:-999px;cursor:pointer;background:url('/images/btn_close.png') 50% 50% no-repeat}
#cjestv_view .view_main{position:absolute;top:50px;left:0;bottom:0;width:100%;clear:both;overflow:auto}
#cjestv_view .view_video{margin:0 auto;width:577px;padding:10px 0;text-align:center;height:324px;border-bottom:1px solid #3b3b3b}
#cjestv_view .view_text{margin:0 auto;width:557px;padding:5px 10px;text-align:left;height:300px;font-family:'돋움',Dotum;overflow:hidden}
#cjestv_view .view_text p{margin:15px 0}

/* Policy */
#policy{margin:0 auto;width:780px}
#policy pre{background-color:#252525;font-size:12px;padding:30px;margin:0 0 50px;line-height:1.5em;white-space:pre-wrap;word-wrap:break-word;_white-space:pre}

/* Side Schedule */
#side-schedule{width:316px}
#side-schedule .side-calendar{box-shadow:0 1px 0 #fff}
#side-schedule .cal-head{position:relative;height:45px;line-height:45px;border:1px solid #000;background:#2c2c2c url('/images/bg_title.gif') repeat}
#side-schedule .cal-head p{text-align:center;color:#75c3cc;font-family:Georgia,sans-serif;font-size:24px;font-weight:bold}
#side-schedule .cal-head p span{font-size:16px}
#side-schedule .cal-head input{position:absolute;top:2px;height:45px;width:40px;background-color:transparent;font-size:16px;color:#707070;cursor:pointer}
#side-schedule .cal-head input.btn-prev{left:0}
#side-schedule .cal-head input.btn-next{right:0}
#side-schedule table{width:100%;border-left:1px solid #c6c6c6;border-spacing:0;border-radius:1px}
#side-schedule table th{color:#666;font-size:12px;height:27px;border-bottom:1px solid #c6c6c6;background:#f3f3f3 url('/images/bg_calendar_head.png') repeat-x}
#side-schedule table th.last{border-right:1px solid #c6c6c6}
#side-schedule table td{width:44px;border-bottom:1px solid #cfcfcf;border-right:1px solid #c6c6c6;text-align:center;height:44px;background:#f3f3f3 url('/images/bg_calendar_day.png') no-repeat}
#side-schedule table td input{cursor:pointer;width:100%;height:100%;background:transparent;color:#acacac;font-size:16px;color:#acacac;font-family:Georgia,sans-serif;text-shadow:1px 1px 0 rgba(255,255,255,0.8)}
#side-schedule table td.active input{font-weight:bold;font-size:20px;color:#707070}
#side-schedule table td.select{background-image:url('/images/bg_calendar_day_on.png')}
#side-schedule table td.select input{color:#fff;color:#fff;text-shadow:1px 1px 0 rgba(68,133,141,0.8)}
#side-schedule table td.select input.ajax{background:url('/images/bg_day_ajax.gif') 50% 50% no-repeat}
#side-schedule table td.hover{background-position:0 100%}
#side-schedule table td.dim{background-image:url('/images/bg_calendar_day2.png')}
#side-schedule .side-schedule{padding:2px 0;position:relative;height:330px}
#side-schedule .side-schedule input{height:25px;width:100%;background-color:transparent;color:#c0c0c0;cursor:pointer}
#side-schedule .side-schedule input:disabled{opacity:0.3}
#side-schedule .side-schedule .schedule-slider{height:280px;overflow:hidden}
#side-schedule ul li{border:1px solid #c6c6c6;overflow:hidden;background:url('/images/bg_sch.png') repeat;min-height:51px;padding:6px 0;margin-bottom:6px;box-shadow:0 1px 3px rgba(255,255,255,0.8);border-radius:1px}
#side-schedule ul li .date{width:87px;float:left;font-family:Georgia,sans-serif;font-size:18px;line-height:1.3em;letter-spacing:1px;font-weight:bold;color:#75c3cc;text-align:center;padding-right:2px;background:url('/images/bg_sch_bar.png') 100% 50% no-repeat}
#side-schedule ul li .date span{display:block;font-size:14px;letter-spacing:0}
#side-schedule ul li .date sup{font-size:7px}
#side-schedule ul li .content{width:205px;float:left;display:table-cell;min-height:30px;vertical-align:middle;padding:10px 0 10px 13px;line-height:1.3em;font-family:'돋움',Dotum;color:#898989}
#side-schedule ul li .content strong{display:block;color:#75c3cc;font-weight:bold}
#side-schedule ul li .content p{}
#side-schedule ul li.active{background-image:url('/images/bg_sch_select.png');border-color:#57a2ab}
#side-schedule ul li.active .date{background-image:url('/images/bg_sch_bar_select.png');color:#fff}
#side-schedule ul li.active .content{color:#fff}

/*Audition 임시*/
#audition_tmp{padding:175px 0;background:url('/images/bg_audition_tmp.png') 64% 66% no-repeat}
#audition_tmp p{text-align:center;font-size:18px;line-height:1.35em;font-style:italic}
#audition_tmp p strong{font-size:24px}
#audition_tmp p.coming{font-size:53px;font-family:Georgia,sans-serif}

/*Audition*/
#audition {padding:0 25px;}
#audition h4 {padding-left:48px;font-size:18px;font-weight:bold;height:24px;line-height:25px;margin:13px 0;background:url('/images/bg_audition_h4.png')no-repeat 16px 0}
#audition p {line-height:21px;padding-left:12px;font-size:15px;}
#audition p.txt_eng {font-size:14px;line-height:24px;padding-bottom:17px;font-family:'Georgia'}

#audition hr{display:block;height:0;line-height:0;font-size:0;border-bottom:1px solid #75c3cc}
#audition #join_form {margin:21px auto 36px}

#audition #join_form table {margin-bottom:23px;}
#audition #join_form table th p{font-size:13px;padding-top:5px;padding-bottom:4px;padding-left:10px;width:156px;font-style:italic;color:#e1e1e1}
#audition #join_form table th p em{font-size:12px;display:block;font-style:italic}
#audition #join_form table td div{font-size:11px;color:#959595;font-family:Verdana}
#audition #join_form table td div p {font-size:12px;line-height:17px;font-family:돋음;}/*3/23*/
#audition #join_form table td div input[type=radio]{margin:8px 0 9px}
#audition #join_form table th, #audition #join_form table td {padding-bottom:9px} 

#audition #join_form ul li {line-height:25px;font-size:12px;font-weight:bold}
#audition #join_form ul.txt_eng {padding-bottom:25px;font-family:Georgia}
#audition #join_form ul.txt_eng li {font-weight:normal}
#audition #join_form .btn-center {text-align:center;}
#audition #join_form p.agree {padding:16px 0;}
#audition #join_form p.agree label {padding-top:1px}

#audition #join_form .ui-selectbox-render{margin:2px 0}

#audition .visual {position:absolute;top:94px;left:21px;width:100%;height:375px;background:url('/images/bg_audition_visual.png')no-repeat 300px 65px;}
#audition .visual img {float:left}
#audition .visual span{float:left;padding-top:130px;}
#audition .visual span p.txt_ko {font-size:15px;padding-bottom:8px;font-weight:bold;line-height:23px;}
#audition .notice {margin:314px 0 34px 0;height:54px;line-height:57px;background:green;background:url('/images/bg_audition_notice.png')repeat-x}
#audition .notice h3 {float:left;margin-left:12px;padding:0 24px 0px 45px;font-size:30px;font-family:'Georgia';background:url('/images/bg_audition_h3.png')no-repeat 0 0}
#audition .notice p {color:#2b2d2e;text-decoration:underline;font-family:돋움;font-size:12px;line-height: 60px;}

/*Audition 지원완료*/
#audition_finish{padding:109px 0;text-align:center;background:url('/images/bg_audition_visual.png') 46% 15% no-repeat}
#audition_finish p{text-align:center;font-size:24px;line-height:1.1em;}
#audition_finish p strong {font-size:30px;}
#audition_finish .audition_infomation {margin-top:50px;}
#audition_finish .audition_infomation p{font-size:14px;line-height:23px;font-weight:bold;}
#audition_finish p.txt_eng{font-family:Georgia;padding-top:12px;font-weight:normal;}

/* modalwindow */
.modalwindow_dim{position:absolute;background:url('/images/bg_t.png') repeat;left:0;top:0;width:100%;height:100%;z-index:99999}
.modalwindow{position:fixed;z-index:100000}

Anon7 - 2021