﻿/*
가이드 명칭 : YG Family Global 2008 CSS Guide
가이드 목적 : -------------------------------------------------------------
가이드 내용 : 사이트 레이아웃
최초 제작자 : 박진규 (arigato9@gmail.com)
최초 제작일 : 2008.10.13
최종 수정자 : 박진규
최종 수정일 : 2008.10.15
수정 / 배포 : 담당자 문의 후 수정 가능. 재배포 절대 불가
*/

/* ------------------------------- */
/* IE6.0 Hack CSS 연결 ----------- */
/* ------------------------------- */

@charset "utf-8";

/* dafault */
*{ margin:0; padding:0; }
body, form, div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td{padding:0; margin:0; word-break:break-all;}
html, body{height:100%; margin:0; padding:0;}
body{color:#666666; font-size:12px; font-family:dotum,arial,sans-serif; text-align:left; letter-spacing:0px; line-height:15px;}
input, textarea, select{font-size:12px; font-family:dotum,arial,sans-serif; margin:0; padding:0;}
img{border:0; vertical-align:middle;}
a{color:#666666; text-decoration:none; onfocus:blur;}
a:link{color:#666666; text-decoration:none; onfocus:blur;}
a:hover{color:#c90000; text-decoration:underline; onfocus:blur;}
ul,ol,ul,dl{list-style: none;}
table{border-collapse:collapse;}
em, cite, address, dfn, var{font-style:normal;}
fieldset, blockquote{border:none;}
input{padding:5px 5px 3px 5px; color:#666666; border:1px solid #dedede;}
input.checkbox{width:14px; height:14px; border:0;}
input.radio{width:14px; height:14px; border:0;}
.textarea{border:1px soild #bebebe;}

/* body */
#body{text-align:center; background:url('../images/body_bg.gif') repeat-x;}
#body_main{text-align:-moz-center; /*FF*/#text-align:center; /*IE */ background:url('../images/body_bg.gif') repeat-x;}
#sub_layer_top{position:relative; margin:0 auto; width:1000px; z-index:3;}
#sub_layer{position:relative; margin:0 auto; margin-bottom:10px; width:1000px; min-height:300px; text-align:left; z-index:3;}

/* header */
#flash_nav_main{clear:both; width:100%; height:100px; text-align:-moz-center; /*FF*/#text-align:center; /*IE */}
#flash_nav{clear:both; width:100%; height:275px; text-align:-moz-center; /*FF*/#text-align:center; /*IE */}
.bg_ygf{background:url('../images/bg_header_ygf.gif') no-repeat center top;}
.bg_com{background:url('../images/bg_header_com.gif') no-repeat center top;}
.bg_busi{background:url('../images/bg_header_busi.gif') no-repeat center top;}
.bg_sitemap{background:url('../images/bg_header_memeber.jpg') no-repeat;}

/* topLink */
#toplink{text-align:right; padding:8px 0 13px 0; height:27px; #height:20px;}
#toplink li{display:inline-block; #display:inline;}
#toplink li.yg_global{width:149px; height:21px; margin-left:11px;}

/* main_bellow_link */
#flash_blink{clear:both; width:100%; height:90px; text-align:-moz-center; /*FF*/#text-align:center; /*IE */}

/* side */
#side{float:left; width:209px; margin:0 10px 0 0;}
#side .deco01{width:7px; height:7px; float:left; background:url('../images/deco_side_01.gif') no-repeat; font-size:0;}
#side .deco02{width:195px; height:7px; float:left; background:url('../images/deco_side_02.gif') repeat-x; font-size:0;}
#side .deco03{width:7px; height:7px; float:left; background:url('../images/deco_side_03.gif') no-repeat; font-size:0;}
#side .deco04{width:7px; height:7px; float:left; background:url('../images/deco_side_04.gif') no-repeat; font-size:0;}
#side .deco05{width:195px; height:7px; float:left; background:url('../images/deco_side_05.gif') repeat-x; font-size:0;}
#side .deco06{width:7px; height:7px; float:left; background:url('../images/deco_side_06.gif') no-repeat; font-size:0;}

#side .sidemenuBox{clear:both; width:195px; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2; padding:0 6px 0 6px; margin:0;}
#side .sidemenuBox h2{width:195px; height:64px; padding:0; margin:0;}
#side .sidemenuBox h2.company{background:url('../images/tit_01com.gif') no-repeat;  text-indent:-5000px;}
#side .sidemenuBox h2.ygfamily{background:url('../images/tit_02ygfamily.gif') no-repeat;  text-indent:-5000px;}
#side .sidemenuBox h2.business{background:url('../images/tit_03business.gif') no-repeat;  text-indent:-5000px;}
#side .sidemenuBox h2.sitemap{background:url('../images/tit_07sitemap.gif') no-repeat;  text-indent:-5000px;}
#side .sidemenuBox ul{padding:15px 0 10px 0;}
#side .sidemenuBox ul li{width:195px;}

#side .sidemenuBox ul li a.lmenu_00join{display:block; width:195px; height:18px; background:url('../images/lmenu_00join.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_00modify{display:block; width:195px; height:18px; background:url('../images/lmenu_00modify.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_00withdraw{display:block; width:195px; height:18px; background:url('../images/lmenu_00withdraw.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_00find_idpw{display:block; width:195px; height:18px; background:url('../images/lmenu_00find_idpw.gif') no-repeat; text-indent:-5000px;}

#side .sidemenuBox ul li a.lmenu_01intro{display:block; width:195px; height:18px; background:url('../images/lmenu_01intro.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_01history{display:block; width:195px; height:18px; background:url('../images/lmenu_01history.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_01vision{display:block; width:195px; height:18px; background:url('../images/lmenu_01vision.gif') no-repeat; text-indent:-5000px;}

#side .sidemenuBox ul li a.lmenu_02ygfamily{display:block; width:195px; height:18px; background:url('../images/lmenu_02ygfamily.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_02yg{display:block; width:195px; height:18px; background:url('../images/lmenu_02yg.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_02jinusean{display:block; width:195px; height:18px; background:url('../images/lmenu_02jinusean.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_021tym{display:block; width:195px; height:18px; background:url('../images/lmenu_021tym.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_02perry{display:block; width:195px; height:18px; background:url('../images/lmenu_02perry.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_02se7en{display:block; width:195px; height:18px; background:url('../images/lmenu_02se7en.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_02gummy{display:block; width:195px; height:18px; background:url('../images/lmenu_02gummy.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_02moogadang{display:block; width:195px; height:18px; background:url('../images/lmenu_02moogadang.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_02bigbang{display:block; width:195px; height:18px; background:url('../images/lmenu_02bigbang.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_02jieun{display:block; width:195px; height:18px; background:url('../images/lmenu_02jieun.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li a.lmenu_022ne1{display:block; width:195px; height:18px; background:url('../images/lmenu_022ne1.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li ul{display:block; width:195px; overflow-x:hidden; background:url('../images/lmenu_02underground090302.gif') no-repeat; text-indent:-5000px; padding:52px 0 0 0; margin:0; position:relative; top:10px; height:140px; /* ie5 */ voice-family:"\"}\""; voice-family:inherit; height:72px; /* ie5 ignore this */ }
#side .sidemenuBox ul li ul li a.lmenu_02mastawu{display:block; width:195px; height:18px; background:url('../images/lmenu_02mastawu.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li ul li a.lmenu_0245rpm{display:block; width:195px; height:18px; background:url('../images/lmenu_0245rpm.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li ul li a.lmenu_02stonyskunk{display:block; width:195px; height:18px; background:url('../images/lmenu_02stonyskunk.gif') no-repeat; text-indent:-5000px;}
#side .sidemenuBox ul li ul li a.lmenu_02ymga{display:block; width:195px; height:18px; background:url('../images/lmenu_02ymga.gif') no-repeat; text-indent:-5000px;}

#side .sidemenuBox ul li a.lmenu_03business{display:block; width:195px; height:18px; background:url('../images/lmenu_01busi.gif') no-repeat; text-indent:-5000px;}

#side .sidemenuBox ul li a.lmenu_07sitemap{display:block; width:195px; height:18px; background:url('../images/lmenu_07sitemap.gif') no-repeat; text-indent:-5000px;}

#side .sidemenuBox ul li a:hover, #side .sidemenuBox ul li a.selected, #side .sidemenuBox ul li ul li a:hover, #side .sidemenuBox ul li ul li a.selected{background-position:0 -18px;}

.sidebanner{clear:both; width:195px; height:96px; margin:0 7px 0 7px; border-bottom:1px solid #e2e2e2; cursor:hand;}
.sidebn_audition{background:url('../images/sidebn_audition.gif') no-repeat; text-indent:-5000px;}
.sidebn_bounce{background:url('../images/sidebn_bounce.gif') no-repeat; text-indent:-5000px;}

/* contents title */
#contents{float:left; width:781px; margin:0;}

.title_com{height:27px; padding:34px 41px 0 41px; background:url('../images/com_cnt_titlebg.gif') no-repeat; width:781px; /* ie5 */ voice-family:"\"}\""; voice-family:inherit; width:699px; /* ie5 ignore this */ }
.title_com h3{float:left;}
.title_com h3.stit_com1{width:116px; height:27px; background:url('../images/stit_com_intro.gif') no-repeat; text-indent:-5000px;}
.title_com h3.stit_com2{width:69px; height:27px; background:url('../images/stit_com_history.gif') no-repeat; text-indent:-5000px;}
.title_com h3.stit_com3{width:58px; height:27px; background:url('../images/stit_com_vision.gif') no-repeat; text-indent:-5000px;}
.title_com div{font-size:8pt; float:right; padding-top:3px;}
.title_com div span{color:#c90000;}

.title_ygf{height:27px; padding:34px 41px 0 41px; background:url('../images/ygf_cnt_titlebg.gif') no-repeat; width:781px; /* ie5 */ voice-family:"\"}\""; voice-family:inherit; width:699px; /* ie5 ignore this */ }
.title_ygf h3{float:left;}
.title_ygf h3.stit_ygf1{width:116px; height:27px; background:url('../images/stit_ygf_ygfamily.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf2{width:168px; height:27px; background:url('../images/stit_ygf_yanggoon.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf3{width:100px; height:27px; background:url('../images/stit_ygf_jinusean.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf4{width:54px; height:27px; background:url('../images/stit_ygf_1tym.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf5{width:69px; height:27px; background:url('../images/stit_ygf_perry.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf6{width:64px; height:27px; background:url('../images/stit_ygf_se7en.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf7{width:80px; height:27px; background:url('../images/stit_ygf_gummy.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf8{width:92px; height:27px; background:url('../images/stit_ygf_bigbang.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf9{width:136px; height:27px; background:url('../images/stit_ygf_moogadang.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf10{width:67px; height:27px; background:url('../images/stit_ygf_jieun.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf11{width:109px; height:27px; background:url('../images/stit_ygf_mastawu.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf12{width:67px; height:27px; background:url('../images/stit_ygf_45rpm.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf13{width:146px; height:27px; background:url('../images/stit_ygf_stonyskunk.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf14{width:61px; height:27px; background:url('../images/stit_ygf_ymga.gif') no-repeat; text-indent:-5000px;}
.title_ygf h3.stit_ygf15{width:46px; height:27px; background:url('../images/stit_ygf_2ne1.gif') no-repeat; text-indent:-5000px;}
.title_ygf div{font-size:8pt; float:right; padding-top:3px;}
.title_ygf div span{color:#c90000;}

.title_busi{height:27px; padding:34px 41px 0 41px; background:url('../images/busi_cnt_titlebg.gif') no-repeat; width:781px; /* ie5 */ voice-family:"\"}\""; voice-family:inherit; width:699px; /* ie5 ignore this */ }
.title_busi h3{float:left;}
.title_busi h3.stit_busi1{width:88px; height:27px; background:url('../images/stit_com_busi.gif') no-repeat; text-indent:-5000px;}
.title_busi div{font-size:8pt; float:right; padding-top:3px;}
.title_busi div span{color:#c90000;}

.title_etc{height:27px; padding:34px 41px 0 41px; background:url('../images/mem_cnt_titlebg.gif') no-repeat; margin:0; width:781px; /* ie5 */ voice-family:"\"}\""; voice-family:inherit; width:699px; /* ie5 ignore this */ }
.title_etc h3{float:left;}
.title_etc h3.stit_sitemap{width:78px; height:27px; background:url('../images/stit_etc_sitemap.gif') no-repeat; text-indent:-5000px;}
.title_etc h3.stit_sitemap1{width:78px; height:27px; background:url('../images/stit_etc_sitemap.gif') no-repeat; text-indent:-5000px;}
.title_etc div{float:right; padding-top:3px; font-size:8pt;}
.title_etc div span{color:#c90000;}

/* contents body */
#contents_body{min-height:600px; overflow:auto; overflow:hidden; padding:35px 57px 59px 57px; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2; width:781px; /* ie5 */ voice-family:"\"}\""; voice-family:inherit; width:665px; /* ie5 ignore this */ }
#contents .deco04{width:7px; height:7px; float:left; background:url('../images/deco_side_04.gif') no-repeat; font-size:0;}
#contents .deco05{width:767px; height:7px; float:left; background:url('../images/deco_side_05.gif') repeat-x; font-size:0;}
#contents .deco06{width:7px; height:7px; float:left; background:url('../images/deco_side_06.gif') no-repeat; font-size:0;}

.snap{width:234px; height:248px; margin:0 30px 33px 0; float:left;}
.snap2{width:261px; height:261px; margin:0 40px 33px 0; float:left;}
.snap3{width:220px; height:219px; margin:0 44px 33px 0; float:left;}
.snap3 img.jacket{display:block; margin-bottom:13px; _margin-bottom:0; _padding-bottom:13px;}
.snap3 a img{display:block;}
.snap3 a{display:block; float:left; width:37px; height:37px; border:3px solid #d1d1d1; margin:0 1px 1px 0; font-size:0;}
.snap3 a:hover, .snap3 a.selected{border:3px solid #000000;}
.comment{float:left;}
.comment img{display:block;}
.comment div.gotosite{margin-top:20px;}
.comment div.gotosite2{margin-top:20px; padding-bottom:20px;}
.comment h4{width:400px; font-size:12pt; font-weight:bold; color:#000000; line-height:19px; padding-top:1px;}
.comment div.date{font-size:8pt; font-weight:normal; color:#888888; margin-top:5px;}
.comment div.tracklist{width:400px; margin-top:14px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:12px 0 12px 0; line-height:18px; color:#666666;}
.comment div.tracklist_height1{height:220px;}
.comment div.tracklist_height2{height:310px;}
.comment div.tracklist div.left{width:195px; float:left;}
.comment div.explain{clear:both; width:400px; margin-top:22px; line-height:18px;}

.tit_photo{clear:both; height:11px; background:url('../images/ygf_cnt_tit_photo.gif') no-repeat 0 0; text-indent:-5000px;}
.btn_photo{clear:both; height:16px; text-align:right;}
.box_photo{width:641px; height:71px; margin:8px 0 0 0; padding:16px 0 15px 20px; background:url('../images/ygf_cnt_box_photo.gif') no-repeat;}
.box_photo span{display:block; float:left; width:88px; height:56px; margin:0 3px 0 0; padding:6px 7px 6px 7px; background:url('../images/ygf_frame_photo.gif') no-repeat; cursor:hand; font-size:0;}
.box_photo span img{display:block; font-size:0;}

.tit_album{clear:both; height:11px; background:url('../images/ygf_cnt_tit_album.gif') no-repeat 0 0; text-indent:-5000px;}
.tit_drama{clear:both; height:11px; background:url('../images/ygf_cnt_tit_drama.gif') no-repeat 0 0; text-indent:-5000px;}
.tit_movie{clear:both; height:11px; background:url('../images/ygf_cnt_tit_movie.gif') no-repeat 0 0; text-indent:-5000px;}
.tit_mv{clear:both; height:11px; background:url('../images/ygf_cnt_tit_mv.gif') no-repeat 0 0; text-indent:-5000px; margin-bottom:15px;}
.tit_cf{clear:both; height:11px; background:url('../images/ygf_cnt_tit_cf.gif') no-repeat 0 0; text-indent:-5000px; margin-bottom:15px;}
.tit_musical{clear:both; height:14px; background:url('../images/ygf_cnt_tit_musical.gif') no-repeat 0 0; text-indent:-5000px; margin-bottom:15px;}
.tit_play{clear:both; height:14px; background:url('../images/ygf_cnt_tit_play.gif') no-repeat 0 0; text-indent:-5000px; margin-bottom:15px;}
.tit_dvd{clear:both; height:11px; background:url('../images/ygf_cnt_tit_dvd.gif') no-repeat 0 0; text-indent:-5000px;}
.tit_ost{clear:both; height:11px; background:url('../images/ygf_cnt_tit_ost.gif') no-repeat 0 0; text-indent:-5000px;}
.tit_book{clear:both; height:11px; background:url('../images/ygf_cnt_tit_book.gif') no-repeat 0 0; text-indent:-5000px;}

.thumb_album{float:left; width:124px; height:164px; margin:20px 9px 0 0; _margin:20px 7px 0 0; padding:0; line-height:18px;}
.thumb_album a, .thumb_drama span{display:block;}
.thumb_album a.thumb{width:118px; height:118px; padding:0; border:3px solid #d1d1d1; margin-bottom:13px; font-size:0;}
.thumb_album a.thumb img, .thumb_drama span.drama_img img{border:1px solid #acacac;}
.thumb_album a.thumb:hover{border:3px solid #cf0000;}
.thumb_album a.title, .thumb_drama span.drama_title, .thumb_mv span.mv_artist{color:#000000; font-weight:bold;}
.thumb_album a.title:hover{color:#cf0000; text-decoration:none;}
.thumb_album span.date, .thumb_drama span.drama_date, .thumb_mv span.mv_date{color:#888888;}
.thumb_mv{margin-bottom:7px; padding-left:10px; background:url('../images/bullet_yga_list.gif') no-repeat 2px 6px;}
.thumb_mv span{display:inline;}
.thumb_drama span.drama_act, .thumb_mv span.mv_title{color:#000000; font-weight:normal;}
.thumb_drama{float:left; width:124px; height:200px; margin:20px 9px 0 0; _margin:20px 7px 0 0; padding:0; line-height:18px;}
.thumb_drama span.drama_img{width:118px; height:118px; padding:0; border:3px solid #d1d1d1; margin-bottom:13px; font-size:0;}
.thumb_book, .thumb_dvd, .thumb_ost,{float:left; width:124px; height:164px; margin:20px 9px 0 0; _margin:20px 7px 0 0; padding:0; line-height:18px;}
.thumb_book a, .thumb_dvd a, .thumb_ost a{display:block;}
.thumb_book a.thumb, .thumb_dvd a.thumb, .thumb_ost a.thumb{width:118px; height:118px; padding:0; border:3px solid #d1d1d1; margin-bottom:13px; font-size:0;}
.thumb_book a.thumb img, .thumb_dvd a.thumb img, .thumb_ost a.thumb img{border:1px solid #acacac;}
.thumb_book a.thumb:hover, .thumb_dvd a.thumb:hover, .thumb_ost a.thumb:hover{border:3px solid #cf0000;}
.thumb_book a.title, .thumb_dvd a.title, .thumb_ost a.title{color:#000000; font-weight:bold;}
.thumb_book a.title:hover, .thumb_dvd a.title:hover, .thumb_ost a.title:hover{color:#cf0000; text-decoration:none;}
.thumb_book span.date, .thumb_dvd span.date, .thumb_ost span.date{color:#888888;}

.dotline1{width:100%; height:1px; border-top:1px dotted #dddddd; line-height:1px; font-size:0;}
.dotline2{clear:both; width:100%; height:1px; border-top:1px solid #e5e5e5; line-height:1px; font-size:0;}

/* footer */
#footer_main{position:relative; margin:0 auto 20px auto; clear:both; text-align:right; width:1000px; height:18px; padding:10px 0 21px 0; background:url('../images/footer_copyright.gif') no-repeat 220px 17px;}
#footer_main li{display:inline; margin-left:12px;}

#ygfamilysiteBox{position:relative; top:-303px; #top:-302px; left:850px; width:150px; z-index:999;}
#ygfamilysiteBox div.deco1{float:left; width:140px; height:10px; background:url('../images/footer_bg_sitelink01.gif') no-repeat left top; margin:0; padding:0; font-size:0;}
#ygfamilysiteBox div.deco2{float:left; width:10px; height:10px; background:url('../images/footer_bg_sitelink01.gif') no-repeat right top; margin:0; padding:0; font-size:0;}
#ygfamilysiteBox div.deco3{float:left; width:140px; height:10px; background:url('../images/footer_bg_sitelink02.gif') no-repeat left top; margin:0; padding:0; font-size:0;}
#ygfamilysiteBox div.deco4{float:left; width:10px; height:10px; background:url('../images/footer_bg_sitelink02.gif') no-repeat right top; margin:0; padding:0; font-size:0;}
#ygfamilysiteBox ul{clear:both; background-color:#ffffff; border-right:1px solid #c4c4c4; border-left:1px solid #c4c4c4; padding:0 17px 0 17px; }
#ygfamilysiteBox ul li a.foot_link_yanggoon{display:block; width:113px; height:16px; background:url('../images/foot_link_yanggoon.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_jinusean{display:block; width:113px; height:16px; background:url('../images/foot_link_jinusean.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_1tym{display:block; width:113px; height:16px; background:url('../images/foot_link_1tym.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_se7en{display:block; width:113px; height:16px; background:url('../images/foot_link_se7en.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_gummy{display:block; width:113px; height:16px; background:url('../images/foot_link_gummy.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_perry{display:block; width:113px; height:16px; background:url('../images/foot_link_perry.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_mooga{display:block; width:113px; height:16px; background:url('../images/foot_link_mooga.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_bigbang{display:block; width:113px; height:16px; background:url('../images/foot_link_bigbang.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_uhmjunghwa{display:block; width:113px; height:16px; background:url('../images/foot_link_uhmjunghwa.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_jieun{display:block; width:113px; height:16px; background:url('../images/foot_link_jieun.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_2ne1{display:block; width:113px; height:16px; background:url('../images/foot_link_2ne1.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_mastawu{display:block; width:113px; height:16px; background:url('../images/foot_link_mastawu.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_45rpm{display:block; width:113px; height:16px; background:url('../images/foot_link_45rpm.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_stonyskunk{display:block; width:113px; height:16px; background:url('../images/foot_link_stonyskunk.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_ymga{display:block; width:113px; height:16px; background:url('../images/foot_link_ymga.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_audition{display:block; width:113px; height:16px; background:url('../images/foot_link_audition.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_bounce{display:block; width:113px; height:16px; background:url('../images/foot_link_bounce.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_eshop{display:block; width:113px; height:16px; background:url('../images/foot_link_eshop.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_music{display:block; width:113px; height:16px; background:url('../images/foot_link_music.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a.foot_link_with{display:block; width:113px; height:16px; background:url('../images/foot_link_with.gif') no-repeat; text-indent:-5000px;}
#ygfamilysiteBox ul li a:hover{background-position:0 -16px;}


/* specific */
.buttons{clear:both; text-align:right; margin:0; padding:0;}
.buttons2{clear:both; width:659px; height:30px; margin:0 0 30px 0; padding:9px 0 0 6px; border-top:2px solid #d4d4d4;}
.buttons2 dt, .buttons2 dd{float:left; display:block;}
.buttons2 dt{width:562px; _width:556px; color:#d3171e; font-size:8pt; letter-spacing:-1px;}
.buttons2 dd{width:44px; height:28px; margin-left:4px; padding:0 0 2px 0; font-size:0;}
.buttons3{clear:both; text-align:center; margin:0; padding:0;}
.buttons4, .buttons5{clear:both; width:635px; height:30px; margin:0 0 30px 12px; padding:9px 0 0 0; vertical-align:top;}
.buttons4 dt, .buttons4 dd, .buttons5 dt, .buttons5 dd{float:left; display:block;}
.buttons4 dt{width:513px; _width:510px; height:1px; color:#d3171e; font-size:8pt; letter-spacing:-1px;}
.buttons4 dd{width:122px; height:29px; margin:0; padding:0 0 2px 0; font-size:0; position:relative; top:0; _top:-45px;}
.buttons5 dt{width:433px; _width:430px; height:1px; color:#d3171e; font-size:8pt; letter-spacing:-1px;}
.buttons5 dd{width:202px; height:29px; margin:0; padding:0 0 2px 0; font-size:0; position:relative; top:0; _top:-45px;}
.buttons4 dd a, .buttons5 dd a{margin-left:4px;}

.imgBlock_ie{display:block;}

.statement1{color:#dc2028; font-size:8pt;}
.statement2{color:#dc2028; font-size:8pt; padding-bottom:15px; border-bottom:1px solid #e3e3e3;}

/* margin */
.mt1{margin-top:35px;}
.mt2{margin-top:5px;}
.mt3{margin-top:0;}
.mt4{margin-top:10px;}
.mt5{margin-top:20px;}
.mt6{margin-top:7px;}
.mt7{margin-top:26px;}
.mt8{margin-top:48px;}
.mr1{margin-right:15px;}
.mr2{margin-right:10px;}
.mb1{margin-bottom:20px;}
.ml1{margin-left:50px;}
.ml2{margin-left:5px;}

/* padding */
.pt1{padding-top:35px;}
.pt2{padding-top:0;}
.pt3{padding-top:10px;}
.pr1{padding-right:20px;}
.pr2{padding-right:10px;}

/* position */
.pos1{position:relative; top:2px; #top:5px;}

/* font */
.lineheight1{line-height:20px;}
.lineheight2{line-height:13px;}

/* letter_spacing */
.letterSpacing1{letter-spacing:-1px;}

/* layerpopup */
.popup{position:absolute; top:500px; left:300px; border:1px solid #1b1b1b; background-color:#ffffff;}
.popup h3{height:27px; background:url('../images/bg_popup_head.gif') no-repeat left top; text-align:right; padding:3px 3px 0 0;}
.popup div.borderBox1{margin:0; padding:0; border:2px solid #373737;}
.popup div.borderBox1 div.borderBox2{margin:0; padding:30px 40px 25px 40px; border:1px solid #1b1b1b;}
.popup div.borderBox1 div.borderBox2 div.commnet{min-height:50px; line-height:18px; background:url('../images/bg_popup_alertpicto.gif') no-repeat left top; border-bottom:1px solid #e5e5e5; padding:0 0 25px 95px;}
.popup div.borderBox1 div.borderBox2 div.button{margin-top:17px; text-align:center;}

.popType1{width:610px;}
.popType2{width:410px;}
.popType3{width:440px;}
.popType4{width:388px;}

.popup2{top:0px; left:0px; border:1px solid #1b1b1b; background-color:#3d3d3d; padding:2px;}
/*.popup2{position:absolute; top:300px; left:400px; border:1px solid #1b1b1b; background-color:#3d3d3d; padding:2px;}*/
.popup2 div.borderBox1{margin:0; padding:0; border:1px solid #1b1b1b; background-color:#ffffff;}
.popup2 div.borderBox1 div.close{margin:8px 9px 0 0; padding:0; text-align:right;}
.popup2 div.borderBox1 div.form{margin:7px 47px 35px 47px;}
.popup2 div.borderBox1 div.form h3.login{border-bottom:2px solid #e01e27; width:100%; height:24px; background:url('../images/popup_tit_login.gif') no-repeat 2px top; text-indent:-5000px;}
.popup2 div.borderBox1 div.form h3.findID{border-bottom:2px solid #e01e27; width:100%; height:24px; background:url('../images/popup_tit_find_id.gif') no-repeat 2px top; text-indent:-5000px;}
.popup2 div.borderBox1 div.form h3.findPW{border-bottom:2px solid #e01e27; width:100%; height:24px; background:url('../images/popup_tit_find_pw.gif') no-repeat 2px top; text-indent:-5000px;}
.popup2 div.borderBox1 div.form h3.zipcode{border-bottom:2px solid #e01e27; width:100%; height:24px; background:url('../images/popup_tit_zipcode.gif') no-repeat 2px top; text-indent:-5000px;}
.popup2 div.borderBox1 div.form h3.findIDPW{border-bottom:2px solid #e01e27; width:100%; height:24px; background:url('../images/popup_tit_find_idpw.gif') no-repeat 2px top; text-indent:-5000px;}

.popup2 div.borderBox1 div.form div.type1{position:relative; width:100%; padding:30px 0 23px 0; border-bottom:1px solid #e5e5e5; text-align:center; text-align:-moz-center;}
.popup2 div.borderBox1 div.form div.type1 ul{width:255px; height:24px;}
.popup2 div.borderBox1 div.form div.type1 ul li{display:block; float:left;}
.popup2 div.borderBox1 div.form div.type1 ul li.col1{width:35px;}
.popup2 div.borderBox1 div.form div.type1 ul li.id{background:url('../images/popup_login_id.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type1 ul li.pw{background:url('../images/popup_login_pw.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type1 ul li.col2{width:125px;}
.popup2 div.borderBox1 div.form div.type1 ul li.col3{width:76px; color:#858585; font-size:8pt; letter-spacing:-2px;}

.popup2 div.borderBox1 div.form div.type2{position:relative; width:100%; padding:30px 0 23px 0; border-bottom:1px solid #e5e5e5; text-align:center; text-align:-moz-center;}
.popup2 div.borderBox1 div.form div.type2 ul{width:200px; height:24px;}
.popup2 div.borderBox1 div.form div.type2 ul li{display:block; float:left;}
.popup2 div.borderBox1 div.form div.type2 ul li.col1{width:55px;}
.popup2 div.borderBox1 div.form div.type2 ul li.name{background:url('../images/popup_login_name.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type2 ul li.name_en{background:url('../images/popup_login_name_en.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type2 ul li.idnumber{background:url('../images/popup_login_idnumber.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type2 ul li.memberid{background:url('../images/popup_login_memberid.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type2 ul li.email{background:url('../images/popup_login_email.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type2 ul li.email_en{background:url('../images/popup_login_email_en.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type2 ul li.birth{background:url('../images/popup_login_birth_en.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type2 ul li.id_en{background:url('../images/popup_login_id_en.gif') no-repeat 43px 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type2 ul li.pw_en{background:url('../images/popup_login_pw_en.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type2 ul li.col2{width:142px;}
.popup2 div.borderBox1 div.form div.type2 ul li.alignleft{text-align:left; padding-left:8px; width:134px;}
.popup2 div.borderBox1 div.form div.type2 ul li.col2 span{color:#474747; font-size:16px; font-weight:bold;}

.popup2 div.borderBox1 div.form div.type3{position:relative; width:100%; padding:66px 0 23px 0; background:url('../images/popup_cnt_findid01.gif') no-repeat center 30px; border-bottom:1px solid #e5e5e5; text-align:center; text-align:-moz-center; font-weight:bold; font-size:15px; color:#474747;}

.popup2 div.borderBox1 div.form div.type4{position:relative; width:100%; padding:66px 0 23px 0; background:url('../images/popup_cnt_findpw01.gif') no-repeat center 30px; border-bottom:1px solid #e5e5e5; text-align:center; text-align:-moz-center; font-weight:bold; font-size:15px; color:#474747;}

.popup2 div.borderBox1 div.form div.type5{position:relative; width:102%; padding:66px 0 23px 0; background:url('../images/popup_cnt_findid02.gif') no-repeat center 30px; border-bottom:1px solid #e5e5e5; text-align:center; text-align:-moz-center; text-indent:-5000px;}

.popup2 div.borderBox1 div.form div.type6{position:relative; width:100%; padding:66px 0 23px 0; background:url('../images/popup_cnt_findpw02.gif') no-repeat center 30px; border-bottom:1px solid #e5e5e5; text-align:center; text-align:-moz-center; text-indent:-5000px;}

.popup2 div.borderBox1 div.form div.type7{position:relative; width:100%; padding:66px 0 0 0; background:url('../images/popup_cnt_zipcode01.gif') no-repeat center 30px; text-align:center; text-align:-moz-center; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type8{position:relative; width:100%; padding:0 0 22px 0; #padding:0 0 22px 22px; font-size:8pt; border-bottom:1px solid #e5e5e5; text-align:center; text-align:-moz-center;}
.popup2 div.borderBox1 div.form div.type8 input.addr{border:1px solid #bebebe; height:11px; position:relative; top:-2px; padding:3px 5px 3px 5px; width:75px;}
.popup2 div.borderBox1 div.form div.type9{position:relative; width:100%; padding:45px 0 0 0; background:url('../images/popup_cnt_zipcode02.gif') no-repeat center 30px; text-align:center; text-align:-moz-center; text-indent:-5000px;}

.popup2 div.borderBox1 div.form div.type10{position:relative; width:100%; padding:66px 0 0 0; background:url('../images/popup_cnt_zipcode03.gif') no-repeat center 30px; text-align:center; text-align:-moz-center; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type11{position:relative; width:100%; padding:0 0 22px 0; #padding:0 0 22px 22px; font-size:8pt; border-bottom:1px solid #e5e5e5; text-align:center; text-align:-moz-center;}
.popup2 div.borderBox1 div.form div.type11 input.addr{border:1px solid #bebebe; height:11px; position:relative; top:-2px; padding:3px 5px 3px 5px; width:75px;}

.popup2 div.borderBox1 div.form div.type12{position:relative; width:100%; padding:30px 0 23px 0; border-bottom:1px solid #e5e5e5; text-align:center; text-align:-moz-center;}
.popup2 div.borderBox1 div.form div.type12 ul{width:280px; height:24px;}
.popup2 div.borderBox1 div.form div.type12 ul li{display:block; float:left;}
.popup2 div.borderBox1 div.form div.type12 ul li.col1{width:80px;}
.popup2 div.borderBox1 div.form div.type12 ul li.name_en{background:url('../images/popup_login_name_en.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type12 ul li.email_en{background:url('../images/popup_login_email_en.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type12 ul li.birth{background:url('../images/popup_login_birth_en.gif') no-repeat left 4px; text-indent:-5000px;}
.popup2 div.borderBox1 div.form div.type12 ul li.col2{width:197px; text-align:left;}

.popup2 div.borderBox1 div.form div ul li input{border:1px solid #bebebe; height:11px; position:relative; top:-2px; padding:3px 5px 3px 5px;}
.popup2 div.borderBox1 div.form div ul li input.input1{width:108px;}
.popup2 div.borderBox1 div.form div ul li input.input2{width:128px;}
.popup2 div.borderBox1 div.form div ul li input.input3{width:51px;}
.popup2 div.borderBox1 div.form div ul li input.input4{width:170px; #width:179px;}
.popup2 div.borderBox1 div.form div ul li input.checkbox{border:0; position:relative; top:2px; #top:-2px; margin:0 3px 0 3px;}
.popup2 div.borderBox1 div.form div ul li img{position:relative; top:-4px; #top:-4px;}

.popup2 div.borderBox1 div.form ul.ziplist{width:262px; border:1px solid #ededed; padding:10px; margin-left:5px; margin-bottom:19px;}
.popup2 div.borderBox1 div.form ul.ziplist li{color:#848484; font-size:8pt; height:16px; overflow:hidden;}
.popup2 div.borderBox1 div.form ul.ziplist li a:hover{color:#000000; text-decoration:none;}
.popup2 div.borderBox1 div.form ul.ziplist li:hover{background-color:#f3f3f3;}

.popup2 div.borderBox1 div.form div.bellowBtn{position:relative; width:100%; padding:17px 0 0 0; text-align:center; text-align:-moz-center;}
.popup2 div.borderBox1 div.form div.bellowBtn ul{ height:21px;}
.popup2 div.borderBox1 div.form div.bellowBtn ul.width1{width:199px;}
.popup2 div.borderBox1 div.form div.bellowBtn ul.width2{width:165px;}
.popup2 div.borderBox1 div.form div.bellowBtn ul.width3{width:79px;}
.popup2 div.borderBox1 div.form div.bellowBtn ul.width4{width:228px; _width:232px;}
.popup2 div.borderBox1 div.form div.bellowBtn ul li{display:block; float:left; margin-left:2px;}
.popup2 div.borderBox1 div.form div.bellowBtn ul li.col1{width:56px;}
.popup2 div.borderBox1 div.form div.bellowBtn ul li.col2{width:56px;}
.popup2 div.borderBox1 div.form div.bellowBtn ul li.col3{width:73px;}
.popup2 div.borderBox1 div.form div.bellowBtn ul li.col4{width:79px;}

.popup2 div.borderBox1 div.form div.notice_login{position:relative; width:100%; padding:6px 0 0 0; text-align:center;}

.popup2 div.borderBox1 div.form a.login{width:75px; height:24px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_login.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.findid{width:56px; height:21px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_popup_find_id.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.findpw{width:56px; height:21px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_popup_find_pw.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.join{width:73px; height:21px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_popup_join.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.join2{width:79px; height:21px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_popup_join2.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.join3{width:111px; height:21px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_popup_join3.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.findidpw, .find_idpw_box1 div.bellowBtn2 a.findidpw{width:79px; height:21px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_popup_findidpw.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.goback, .find_idpw_box1 div.bellowBtn2 a.goback{width:79px; height:21px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_popup_goback.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.findidpw_en, .find_idpw_box1 div.bellowBtn2 a.findidpw_en{width:79px; height:21px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_popup_findidpw_en.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.goback_en, .find_idpw_box1 div.bellowBtn2 a.goback_en{width:79px; height:21px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_popup_goback_en.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.main_en{width:79px; height:21px; display:block; position:relative; top:-4px; #top:-3px; background:url('../images/btn_popup_main_en.gif') no-repeat; text-indent:-5000px;}
.popup2 div.borderBox1 div.form a.insertaddr{width:79px; height:21px; display:inline-block; margin-left:15px; background:url('../images/btn_popup_insertaddr.gif') no-repeat; text-indent:-5000px; position:relative; top:-6px; #top:0;}
.popup2 div.borderBox1 div.form a.insertaddr2{width:79px; height:21px; display:inline-block; margin-left:15px; background:url('../images/btn_popup_insertaddr02.gif') no-repeat; text-indent:-5000px; position:relative; top:-6px; #top:0;}


/*floating*/
.floating {display:none;top:0px;left:0px;background-color:black;width:100%;height:180%;position:absolute;z-index:10000;filter:alpha(opacity=20);vertical-align:middle;text-align:center;opacity:0.2;}
.png24 {tmp:expression(setPng24(this));}