|
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/jaejoong_X/css_js/ |
Upload File : |
/* CSS Document */
@charset "utf-8";
/* 본고딕체 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/******************** FONT ************************************/
a:link {FONT-FAMILY:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; font-size:12px; color: #666; text-decoration:none;}
a:visited {FONT-FAMILY:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; font-size:12px; color: #666; text-decoration:none;}
a:active {FONT-FAMILY:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; font-size:12px; color: #666; text-decoration:none;}
a:hover {FONT-FAMILY:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; font-size:12px; color: #ff771c; text-decoration:underline;}
/********************** TAG DEFINE(COMMON_LINK) *****************************/
html,body,div,p,ul,ol,li,h1,h2,h3,h4,form,fieldset,input,button,img { margin:0; padding:0; border:0 }
body {height:100%; /**/ }
body,div,span,a,input,button,select,textarea{FONT-FAMILY:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; font-size:12px; color: #666; text-decoration:none; text-decoration:none;}
ul,li,dl,dt,dd,h1,p,table,span,display {font-size:12px; color: #696969; list-style:none; margin:0px; padding:0px;}
input,button,select {vertical-align:middle}
input[type=radio] {margin-top:-3px; cursor:pointer}
label {margin-left:5px; margin-right:20px; cursor:pointer}
select {height:23px}
/********************** 공용태그 *****************************/
/* 시맨틱 태그 */
header { width:100%; height:200px; display:inline-table; margin:0; padding:0; background-image:url(../../images/default/body_bg.jpg); background-repeat:repeat-x; }
nav { width:100%; height:81px; display:inline-table; margin:0; padding:0; }
section { width:100%; margin:0; padding:0; display:inline-table; }
article { margin:0 auto; /*max-width:1000px;*/ padding: 0px; /*border: 0px currentColor; margin:50px;*/ }
aside { display: block; width:100%; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; }
/********************** HEADER *****************************/
header .header_area { margin:0 auto; width:1000px; height:40px; /*background-color:#f1f1f1; border-style:solid; border-color: #e6e7e9; border-width:0 0 1px;*/}
header .header_area .slogon { width:500px; }
header .header_area .slogon h1 { position:relative; top:13px; left:0px; font-weight:100; font-size:11px; }
header .header_area .login_header { float:right; text-align:right; width:500px; }
header .header_area .login_header ul { margin-top:-3px;}
header .header_area .login_header li { display: inline-block; padding-left:7px; font-size:9px; font-weight:blod; color:#cbcbcb; vertical-align: text-top !important;}
header .header_area .login_header li a { font-size:10px; letter-spacing:0px; }
header .header_area .login_header li.img { margin-top:-5px; }
header .top_logo { margin:0 auto; width:100%; height:110px; text-align:center; padding-top:30px; }
/********************** NAVI *****************************/
nav .navi { margin:0 auto; width:1000px; height:42px; }
nav .navi ul { margin:0; padding:0; width:950px; height:42px; padding-left:100px; }
nav .navi li { display:inline-block; height:32px; vertical-align:middle; margin:0px; padding:7px 10px 0 10px; font-size:12px; FONT-FAMILY:'Noto Sans KR',"sans-serif","Meiryo","MS PGothic","MS UI Gothic","AppleGothic","sans-serif"; }
nav .navi li a { font-size:16px; font-weight:600; color:#8cc63e; FONT-FAMILY:'Noto Sans KR',"sans-serif","Meiryo","MS PGothic","MS UI Gothic","AppleGothic","sans-serif"; }
nav .navi li.bg { display:inline-block; height:32px; background-color:#8cc63e; color:#FFF; padding-top:10px; }
nav .navi li.bg a { font-size:16px; font-weight:600; color:#FFF; }
nav .navi li.bg2 { display:inline-block; height:29px; background-color:#8cc63e; color:#FFF; padding-top:13px; }
nav .navi li.menuon a.menu_nomal { font-size:16px; font-weight:600; color:#416f04; }
nav .navi li.menuon a.menu_member { font-size:16px; font-weight:600; color:#f6ff04; }
nav .top_notice_area { width:100%; height:39px; display:inline-table; margin:0; padding:0; background-image:url(../../images/default/top_notice_bg.jpg); background-repeat:repeat-x; }
nav .top_notice_area .top_notice { margin:0 auto; width:1000px; height:39px; padding:0; }
nav .top_notice_area .top_notice dl { width:950px; padding:9px 0 0 20px; }
nav .top_notice_area .top_notice dt { width:130px; height:30px; vertical-align:middle; padding:0 30px 0 30px; font-size:14px; color:#f6ff04; font-weight:bold; display:inline; FONT-FAMILY:'Noto Sans KR',"sans-serif","Meiryo","MS PGothic","MS UI Gothic","AppleGothic","sans-serif"; }
nav .top_notice_area .top_notice dd { display:inline; height:30px;color:#fcfec5; vertical-align:middle; }
nav .top_notice_area .top_notice dd a { color:#fcfec5; padding-right:30px; text-decoration:none;}
nav .top_notice_area dd.cont { display:inline; overflow:hidden;}
nav .top_notice_area dd.cont a { display:none; color:#fcfec5; padding-right:30px;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle; text-decoration:none;}
nav .top_notice_area dd.cont a:first-child { display:block;display:inline;}
nav .top_notice_area dd.cont a span { width:600px; color:#fcfec5; display:inline-block;}
nav .top_notice_area .btn-up { cursor:pointer; width:13px; height:13px; text-indent:-10000em; background:url(../images/default/btn_up.png); background-repeat:no-repeat; margin-right:5px;}
nav .top_notice_area .btn-down { cursor:pointer; width:13px; height:13px; text-indent:-10000em; background:url(../images/default/btn_down.png); background-repeat:no-repeat; margin-right:5px;}
nav .top_notice_area .btn-more { cursor:pointer; width:13px; height:13px; text-indent:-10000em; background:url(../images/default/btn_more.png); background-repeat:no-repeat; }
#icon_member8 { position:absolute; z-index:100; margin-top:-40px; margin-left:605px; width:51px; height:19px; }
#icon_member9 { position:absolute; z-index:100; margin-top:-40px; margin-left:680px; width:51px; height:19px; }
#icon_member10 { position:absolute; z-index:100; margin-top:-40px; margin-left:750px; width:51px; height:19px; }
#icon_member11 { position:absolute; z-index:100; margin-top:-40px; margin-left:858px; width:51px; height:19px; }
/**************** default *********************************/
#default_slider { margin:0 auto; width:1000px; height:560px; }
#default_content { margin:0 auto; width:1000px; height:430px; padding:25px 0 30px 0; }
.default_gallery_area { float:left; margin-left:10px; width:320px; height:400px; background-color:#FFFFFF; }
.default_gallery_area dl { padding:0 10px 10px 10px; border-style:solid; border-width:0 1px 1px 1px; border-color:#c4c4c4; }
.default_gallery_area dt { width:280px; height:50px; padding:10px 5px 0 5px; line-height:20px; font-size:14px; font-weight:bold; }
.default_gallery_area dd { width:280px; height:60px; padding:0 5px 0 5px; line-height:20px; font-size:12px; }
#default_banner_area { margin:0 auto; width:1000px; height:200px; padding:50px 0 50px 0; }
#default_link { float:left; margin:10px 0 10px 10px; }
#default_news_area { width:100%; margin:50px 0 50px 0; padding:50px 0 50px 0; background-image:url(../../images/default/news_bg.jpg); background-repeat:repeat-x repeat-y; }
#default_news_area .new_title { width:100%; height:250px; text-align:center; }
#default_news_area .ls { margin:0 auto; width:1000px;}
#default_news_area .btn { clear:both; margin:0 auto; width:1000px; text-align:center; padding:35px 0 15px 0; }
.cont_notice { margin: 0 auto;padding: 0; }
.card-wrapper a:hover .box-ico { display:block; }
.card-image { position:relative;width: 100%;position:relative; }
.card-image .box-ico { display:none;position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:url("/images/common/opacity_black_01.png") repeat 0 0; }
.card-image .ico-play { position:absolute;left:50%;top:50%;z-index:3;margin:-35px 0 0 -35px; }
.card-image .ico-detail { position:absolute;left:50%;top:50%;z-index:3;margin:-35px 0 0 -35px; }
.card-image img { position:relative;z-index:1;width: 100%;vertical-align:top; }
.card-info { padding: 12px 12px 12px; color: rgb(33, 25, 34);text-align: left; border-style:solid; border-color:#d4d4d4; border-width:0px 1px 1px 1px; }
.card-info strong, .card-info span {display:block; }
.card-info .name { margin-bottom:3px;font-size:16px;color:#eb008b;line-height:1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.card-info .title { margin-bottom:8px;font-size:16px;color:#444444;line-height:26px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.card-info .cont { margin-bottom:2px;font-size:14px;color:#777;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; white-space:break-word; line-height: 1.5em; height: 3em; }
.card-info .date { font-weight:700;font-size:11px;color:#9b8466; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.cards { margin: auto; /* center grid */ }
.card { width: 290px; background-color:#FFF; overflow: hidden; opacity: 0; /* hide card while loading */ }
.card--loaded { opacity: 1; }
/***************** FOOTER START **********************************/
#wrap_footer {float:left; width:100%; background-color:#e6e6e6;}
#footer_area1 {float:left; width:100%; height:50px;}
#footer_area1 img {float:right; }
#footer_area2 {margin:0 auto; width:1000px; height:85px; background-color:#e6e6e6; padding:15px 0 15px 0; text-align:center;}
#footer_area2 img {margin:0px 0 0 40px;}
#footer_area2 p {clear:both; width:860px; margin:-50px 0 0 170px; font-size:13px; color:#FFFFFF; font-weight:bold; line-height:23px;}
#footer_area2 a { font-size:13px; color:#FFFFFF; font-weight:bold;}
/***************** NEWS START **********************************/
#sub_content_box {margin:auto 0; width:100%; text-align:center;}
#sub_content_box ul.board_area2 {width:100%; text-align:left; padding:0; border-top:3px solid #8cc63e;}
#sub_content_box ul.board_area2 li dl.notice_dl {margin:0; padding:0; overflow:hidden;}
#sub_content_box ul.board_area2 li dl.notice_dl dt {height:38px; background:url(/images/sub/notice_dt_bg.jpg) repeat-x; line-height:38px; border-top:1px solid #dadada; margin-bottom:1px;}
#sub_content_box ul.board_area2 li dl.notice_dl dt p {z-index:100; position:absolute; margin:0; padding:0 0 0 10px;}
#sub_content_box ul.board_area2 li dl.notice_dl dt ol {margin:0; padding:0; padding-right:14px;}
#sub_content_box ul.board_area2 li dl.notice_dl dt ol li {float:left;}
#sub_content_box ul.board_area2 li dl.notice_dl dt ol li.art_ti {width:850px; font-weight:bold; line-height:38px; padding-left:24px;}
#sub_content_box ul.board_area2 li dl.notice_dl dt ol li.date {float:right; padding-right:20px;}
#sub_content_box ul.board_area2 li dl.notice_dl dt ol li.channel {float:right;}
#sub_content_box ul.board_area2 li dl.notice_dl dd {border-top:1px solid #dadada; padding:10px;}
#sub_content_box div.bar_area {width:782px; height:50px; background:url(/images/sub/notice_bar_bg.jpg) repeat-x; border:1px solid #bebeb6; float:right; margin-top:16px; margin-bottom:36px; color:#555553; font-size:14px; font-weight:bold; line-height:50px; overflow:hidden;}
#sub_content_box div.bar_area span {float:right; padding-right:27px;}
/*paging*/
#sub_content_box ul.gal_list_area1 {width:100%; height:30px; text-align:center; display:inline-block; color:#565656; font-weight:bold;}
#sub_content_box ul.gal_list_area1 {width:100%; height:30px; text-align:center; display:inline-block; color:#565656; font-weight:bold;}
#sub_content_box ul.gal_list_area1 li {float:left;}
#sub_content_box ul.gal_list_area1 li.result {width:150px; height:30px; text-align:left; padding-left:4%;}
#sub_content_box ul.gal_list_area {width:100%; height:80px; text-align:center; display:inline-block; color:#565656; font-weight:bold;}
#sub_content_box ul.gal_list_area {width:100%; height:80px; text-align:center; display:inline-block; color:#565656; font-weight:bold;}
#sub_content_box ul.gal_list_area li {float:left;}
#sub_content_box ul.gal_list_area li.result {width:150px; height:30px; text-align:left; padding-left:4%;}
#sub_content_box ul.gal_list_area li.list {width:50%; height:30px;}
#sub_content_box ul.gal_list_area li.list dl.lists {width:100%; text-align:center; margin:0 auto; padding:0 8px 0 11px; display:inline; clear:both;}
#sub_content_box ul.gal_list_area li.list dl.lists dd {display:inline; width:18px; height:18px; padding:2px 4px 1px; margin:0 1px 0; border:1px solid #d3d3d3; font-weight:bold;}
#sub_content_box ul.gal_list_area li.list dl.lists dd.selected {display:inline; width:18px; height:18px; padding:2px 4px 1px; margin:0 1px 0; border:1px solid #96c24c; background:#96c24c; color:#fff;}
#sub_content_box ul.gal_list_area li.search {width:25%; height:28px; line-height:28px; text-align:right;}
#sub_content_box ul.gal_list_area li.search dl.search_inside {width:165px; margin:0; padding:0; display:block; overflow:hidden; background:url(/images/sub/search_bg.jpg) right repeat-y; border:3px solid #96c24c;}
#sub_content_box ul.gal_list_area li.search dl.search_inside dd {float:left;}
#sub_content_box ul.gal_list_area li.search input {margin:2px 0 0 0; padding:0; border:0; width:121px;}
#sub_content_box ul.gal_list_area li.search img {margin-top:1px;}
.img_padding {padding:8px 2px 0 2px;}
/*paging*/
/***************** GALLERY START **********************************/
#sub_content_box .title {width:398px; height:80px; margin:0px 0px 0px 40px;}
#img_312x390 {float:left; width:312px; margin:0 0 50px 15px; }
#img_312x390 dt {width:312px; height:50px; padding:5px; text-align:center;}
/***************** PROFILE **********************************/
#page_index {margin:0 auto; width:1000px; height:30px; padding:10px 10px 0 0 ; text-align:right;}
#sub_content_box {margin:0 auto; width:1000px; padding-top:30px; }
#main_pr {margin:0 auto; width:800px; height:400px; margin-bottom:70px;}
#main_img_left {float:left; width:320px; height:400px;}
#main_txt_right {float:left; width:410px; height:400px; padding-left:70px; text-align:left;}
#main_txt_right h4 {font-size:24px; color:#333; padding-left:8px; /*padding-top:10px;*/ margin-bottom:10px;}
#main_txt_right p {margin:0; padding:0; font-size:12px; font-weight:normal; color:#575757; line-height:30px;}
#main_txt_right span {width:100px; padding-left:8px; color:#999; display:inline-block;}
#profile_txt_area {margin:0 auto; width:800px; height:100px; margin-bottom:70px; text-align:left;}
#profile_txt_area dl {widht:800px; margin:0; padding:0;}
#profile_txt_area dt {font-weight:bold; font-size:14px; color:#333;}
#profile_txt_area dd {color:#565656; line-height:20px;}
#discography_area {margin:50px auto; width:800px; height:700px; text-align:left;}
#discography_area dl {widht:800px; margin-top:50px; padding:0;}
#discography_area dt {width:800px; height:35px; font-weight:bold; font-size:24px; color:#333;}
#discography_area .album_big {margin:0 auto; width:636px; height:288px; background:url(/images/profile/sub_album_bg.jpg) no-repeat; padding-bottom:15px; }
#discography_area .album_big ul li {display:inline; padding-top:17px;}
#discography_area .disco_thumb {float:left; width:235px; height:235px; padding-left:35px; }
#discography_area .disco_text {float:right; width:240px; height:235px; padding-right:10px; padding-top:0px; text-align:left; color:#FFF; line-height:18px;}
#album_list_area {margin:0 auto; width:636px; }
#album_list_area .album_title {width:636px; height:73px; margin:0px; padding:0px;}
#album_list_area .album_title dl dd {font-size:14px; font-weight:bold; color:#96c24c; }
#album_list_area .album_article {margin-top:30px; padding:0px;}
#discography_area .album_list {width:350px; height:73px; margin:305px 0 0 333px; position:absolute; z-index:400;}
#discography_area .album_list ul {width:350px; height:73px; overflow:hidden;}
#discography_area .album_list ul li {display:inline; width:77px; height:73px;}
#discography_area .album_list ul li.album_arrow {width:18px; padding-right:7px;}
#discography_area .album_list ul li.album_arrow2 {width:18px; padding-left:7px;}
#discography_area .album_list ul li.album_li_padding {padding:0 8px 0;}
/* PROFILE */
.career_tab { float:left; width:800px; }
.career_tab ul { margin: 0px; padding: 0px; width:800px; height:30px; }
.career_tab li { display:inline; height:30px; font-weight:bold; text-align:center; padding-top:10px; margin:0px; }
.career_tab li.ca_tab_on { float:left; width: 150px; height: 30px; border-style:solid; border-color:rgb(212, 212, 212); border-width:1px 1px 0 1px; }
.career_tab li.ca_tab_off { float:left; width: 150px; height: 30px; border-style:solid; border-color:rgb(212, 212, 212); border-width:1px 1px 0 1px; background-color:#e6e6e6; padding-right: 0px; cursor: pointer; }
.career_tab li.ca_tab_off:hover { float:left; width: 150px; height: 30px; border-style:solid; border-color:rgb(212, 212, 212); border-width:1px 1px 0 1px; padding-right: 0px; cursor: pointer; }
.career_tab li.ca_tab_line { float:left; width: 450px; height:30px; border-style:solid; border-color:rgb(212, 212, 212); border-width:0px 0px 1px 0px; }
.career_list { float:left; width: 800px; margin:10px 0 70px 0; }
.career_list dl { float:left; margin: 0px; padding: 0px; }
.career_list dt { height: 36px; color: rgb(87, 87, 87); line-height: 36px; }
.career_list dt span { width: 100px; color: rgb(151, 151, 151); padding-left: 13px; display: inline-block; }
.career_list dd { background: url("/images/common/dot_line.gif") repeat-x; height: 1px; display: block; }
/* DISCOGRAPHY */
.over_hidden { overflow: hidden; float: left; display: inline; }
div.activity_tab { width:800px; height:62px; text-align: left; margin-top: 40px; display:inline-table; }
div.activity_tab h4 { width:800px; height:30px; color: rgb(51, 51, 51); padding-left: 8px; font-size: 14px; }
div.activity_tab h4 span { color: rgb(153, 153, 153); font-size: 12px; font-weight: normal; }
div.activity_tab ul { width: 800px; height: 30px; }
div.activity_tab ul li { display:inline; height:30px; font-weight:bold; text-align:center; padding-top:10px; margin:0px; }
div.activity_tab ul li.act_tab_on { float:left; width: 150px; height: 30px; border-style:solid; border-color:rgb(212, 212, 212); border-width:1px 1px 0 1px; }
div.activity_tab ul li.act_tab_off { float:left; width: 150px; height: 30px; border-style:solid; border-color:rgb(212, 212, 212); border-width:1px 1px 0 1px; background-color:#e6e6e6; padding-right: 0px; cursor: pointer; }
div.activity_tab ul li.act_tab_off:hover { float:left; width: 150px; height: 30px; border-style:solid; border-color:rgb(212, 212, 212); border-width:1px 1px 0 1px; padding-right: 0px; cursor: pointer; }
div.activity_tab ul li.act_tab_none { float:left; width: 150px; height: 30px; border-style:solid; border-color:rgb(212, 212, 212); border-width:0 0 1px 0; }
div.activity_article { width: 784px; overflow: hidden; padding-bottom: 12px; }
div.activity_article ol.tab_01 { margin: 19px auto 0px; padding: 0px; width: 773px; /*overflow: auto;*/ }
div.activity_article ol.tab_01 li { width: 170px; margin-right: 31px; float: left; }
div.activity_article ol.tab_01 li.no_margin { margin: 0px; }
div.activity_article ol.tab_01 li dl { margin: 0px; padding: 0px; text-align: left; }
div.activity_article ol.tab_01 li dl dd.img { width: 170px; height: 134px; }
div.activity_article ol.tab_01 li dl dd { padding: 14px 0px; width: 170px; color: rgb(51, 51, 51); line-height: 16px; }
div.activity_article ol.tab_01 li dl dd span.act_ti { text-decoration: underline; }
div.activity_article ol.tab_01 li dl dd span.act_date { color: rgb(153, 153, 153); }
div.activity_article ol.tab_02 { margin: 19px auto 0px; padding: 0px; width: 800px; overflow: hidden; }
div.activity_article ol.tab_02 li { display:inline-table; width: 240px; height: 137px; margin:0 0 30px 20px; float: left; }
div.activity_article ol.tab_02 li dl { margin: 0px; padding: 0px; display: inline; }
div.activity_article ol.tab_02 li dl dd { color: rgb(51, 51, 51); float: left; }
div.activity_article ol.tab_02 li dl dd.tab_02_thumb { width: 96px; height: 137px; }
div.activity_article ol.tab_02 li dl dd.tab_02_text { padding: 10px; text-align: left; line-height: 18px; margin-left: 20px; }
div.activity_article ol.tab_02 li dl dd.tab_02_text span.act_ti { text-decoration: underline; }
div.activity_article ol.tab_02 li dl dd.tab_02_text span.act_date { color: rgb(153, 153, 153); }
div.activity_article ol.tab_03 { margin:0 auto; padding: 19px; width: 680px; /*overflow: hidden; */ }
div.activity_article ol.tab_03 li { width: 119px; height: 200px; margin:0 50px 30px 0; float: left; }
div.activity_article ol.tab_03 li dl { width: 119px; height: 200px; margin: 0px; padding: 0px; }
div.activity_article ol.tab_03 li dl dd.img { width: 109px; height: 101px; padding: 10px; margin:0; padding:0px; }
div.activity_article ol.tab_03 li dl dd { width: 119px; height: 69px; padding:0px; color: rgb(51, 51, 51); line-height: 16px; }
div.activity_article ol.tab_03 li dl dd span.act_ti { /*text-decoration: underline;*/ }
div.activity_article ol.tab_03 li dl dd span.act_date { color: rgb(153, 153, 153); }
div.activity_article ol.tab_04 { margin: 19px auto 0px; padding: 0px; width: 773px; text-align: left; }
div.activity_article ol.tab_04 li { width: 90%; height: 32px; padding-left: 20px; margin-bottom: 6px; }
div.activity_article ol.tab_04 li span { color: rgb(51, 51, 51); display: inline; }
div.activity_article ol.tab_04 li span.act_date { width: 80px; color: rgb(153, 153, 153); display: inline-block; }
div.clear { height: 0px; overflow: hidden; clear: both; }
/************************ SITEMAP ******************************/
#sitemap_area {margin:0 auto; width:980px; height:400px;}
#sitemap_ls {float:left; width:300px; margin:30px 10px 20px 15px;}
#sitemap_ls dt {width:270px; height:30px; padding:10px 0 0 20px; font-size:15px; text-align:left; vertical-align:middle; color:#000; font-weight:bold; border-style:solid; border-color:#d7d7d7; border-width:2px 0 1px 0px; background-color:#efefef;}
#sitemap_ls dd {width:270px; height:20px; padding:10px 0 0 20px; text-align:left; vertical-align:bottom; }
/************************ MEMBER ******************************/
#provision {margin:0 auto; width:800px; height:550px; padding:12px; border:1px solid rgb(221, 221, 221); text-align:left; line-height:20px; overflow:auto;}
#form_800 {margin:0 auto; width:800px;}
#form_900 {margin:0 auto; width:900px;}
#btn_area_center {width:100%; height:50px; padding-top:30px; text-align:center;}
#mypage_menu {width:100%; height:30px; text-align:right; margin-bottom:30px;}
#mypage_user {width:100%; text-align:left;}
.btn_mypage_menu {padding:5px 10px 5px 10px; border-style:solid; border-width:1px; border-color:#CCC; font-weight:bold; margin-left:5px;}
/************************ LOGIN ******************************/
#login_area {margin:0 auto; width:634px;}
#example-one { margin: 0px 0px 15px; padding: 0px;}
#example-one .nav { width:634px; height:59px; background: url("/images/member/tab_bg.gif") no-repeat; margin: 0px; padding-left: 12px; width: 636px; height: 64px; overflow: hidden; position: relative; z-index: 100;}
#example-one .nav li { margin: 0px; height: 76px; float: left;}
#example-one .nav li.last { margin-right: 0px; }
#example-one .nav li a { padding: 0px; border: 0px currentColor; height: 76px; text-align: center; color: rgb(153, 153, 153); line-height: 27px; font-size: 12px; font-weight: bold; display: block;}
#example-one .nav li a:hover {}
#example-one ul { list-style: none;}
#example-one ul li a { padding: 4px; color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102); border-bottom-width: 1px; border-bottom-style: solid; display: block;}
#example-one ul li a:hover {}
#example-one ul li:last-child a { border: currentColor; }
#example-one ul li.nav-one { background: url("/images/member/login_tab_01_out.png") no-repeat; width: 138px; height:64px; }
#example-one ul li.nav-one a.current { background: url("/images/member/login_tab_01_on.png") no-repeat; width: 138px; height:64px; }
#example-one ul.featured li a:hover { background: url("/images/member/login_tab_01_on.png") no-repeat; width: 138px; height: 64px; color: rgb(51, 51, 51);}
#example-one ul li.nav-two { background: url("/images/member/login_tab_02_out.png") no-repeat; width: 108px; height: 64px;}
#example-one ul li.nav-two a.current { background: url("/images/member/login_tab_02_on.png") no-repeat; width: 108px; color: rgb(51, 51, 51);}
#example-one ul.core li a:hover { background: url("/images/member/login_tab_02_on.png") no-repeat; width: 108px; color: rgb(51, 51, 51);}
#example-one ul li.nav-three { background: url("/images/member/login_tab_03_out.png") no-repeat; width: 171px; height: 64px;}
#example-one ul li.nav-three a.current { background: url("/images/member/login_tab_03_on.png") no-repeat; width: 171px; color: rgb(51, 51, 51);}
#example-one ul.jquerytuts li a:hover { background: url("/images/member/login_tab_03_on.png") no-repeat; width: 171px; color: rgb(51, 51, 51);}
#example-one ul li.nav-four { background: url("/images/member/login_tab_04_out.png") no-repeat; width: 195px; height: 64px;}
#example-one ul li.nav-four a.current { background: url("/images/member/login_tab_04_on.png") no-repeat; width: 195px; color: rgb(51, 51, 51);}
#example-one ul.classics li a:hover { background: url("/images/member/login_tab_04_on.png") no-repeat; width: 195px; color: rgb(51, 51, 51);}
#example-one .list-wrap {margin-top:30px; padding: 0px; top: -1px; position: relative; z-index: 50; }
#sub_content_box div.input_ti { margin: 0px auto; padding:20px; width:583px; text-align:left; background-color:#e3e3e4; border-style:solid; border-color:#d3d3d3; border-width:1px 1px 0 1px;}
#sub_content_box div.input_ti h3 { margin: 6px 0px 6px 10px; padding: 0px; color: rgb(51, 51, 51); font-size: 20px; font-family:Arial,Verdana,Helvetica,sans-serif;}
#sub_content_box div.input_ti p { margin: 13px 0px 4px 10px; color: rgb(86, 86, 86); line-height: 18px;}
#sub_content_box div.input_ti span { color: rgb(50, 102, 203); text-decoration: underline; }
#sub_content_box div.input_form { margin: 0px auto; padding: 40px 0px; border: 1px solid rgb(211, 211, 211); width: 623px; height: 61px;}
#sub_content_box div.input_form ol { margin: 0px auto; width: 525px; height: 63px;}
#sub_content_box div.input_form ol li {width: 525px; height: 31px;line-height: 31px;}
#sub_content_box div.input_form ol li.input_margin {margin-bottom: 5px;}
#sub_content_box div.input_form ol li dl {margin:0px; padding:0px; display:inline;}
#sub_content_box div.input_form ol li dl dd { float:left;}
.idpw_txt {width:147px; height:25px; padding-top:3px; padding-right:2px;}
.idpw_box {width:147px; height:20px; text-align:left; color:#000; font-size: 14px;}
.idpw_box2{width:147px; height:20px; text-align:left; color:#000; font-size: 14px;}
#sub_content_box div.input_form ol li dl dd.idpw { width: 81px; text-align: right; color: rgb(158, 158, 158); padding-right: 14px; font-size: 14px; font-weight: bold;}
#sub_content_box div.input_form ol li dl dd.idpw2 {width: 128px; text-align: right; color: rgb(158, 158, 158); padding-right: 4px; font-size: 14px; font-weight: bold; }
#sub_content_box div.input_form ol li dl dd.btn_login_calcel { margin: 0px; width: 93px; padding-left: 10px;}
#sub_content_box div.input_form ol li dl dd.chkbox {width: 200px; color: rgb(102, 102, 102); padding-left: 10px; }
#sub_content_box div.input_form ol li dl dd span {color: rgb(157, 157, 157); font-size: 14px; font-weight: bold;}
#sub_content_box div.input_form ol li input.input_box_id { background: url("/images/member/input_box_id.gif") no-repeat bottom; margin: 0px; padding: 0px; border: 0px currentColor; width: 210px; height: 31px; line-height: 31px; display: inline-block;}
#sub_content_box div.input_form ol li input.input_box_pw { background: url("/images/member/input_box_pw.gif") no-repeat bottom; margin: 0px; padding: 0px; border: 0px currentColor; width: 210px; height: 31px; line-height: 31px; display: inline-block;}
.input_exp {margin:0 auto; width:583px; padding:20px 10px 0 10px; text-align:left; line-height:20px;}
.input_exp span {color: rgb(50, 102, 203); font-size: 13px; font-weight: bold; text-decoration: underline;}
.idpw_box{width:147px; height:20px; text-align:left; color:#000; font-size: 14px; border-style:solid; border-color:#d3d3d3; border-width:1px;}
.ipt {height:20px; border:1px solid #d7d7d7; color:#8d8c8c}
/***************** movie GALLERY **********************************/
.board_area4 {margin:0 auto; width:636px; /*text-align:center;*/}
.mov_link {float:left; margin:20px 0 30px 0; width:606px; text-align:center;}
.mov_list_area {width:1000px; text-align:left; overflow:hidden;}
#txt {margin:0 auto; width:900px; padding:5px 50 5px 50; text-align:left; background-color:f0f0f0;}
/***************** PADDING **********************************/
.padding_to_30 {padding-top:30px; }
.padding_to_50 {padding-top:50px; }
.padding_ri_5 {padding-right:5px;}
.padding_bottom_10 {padding-bottom:10px;}
.padding_le_5 {padding-left:5px;}
.padding_le_10 {padding-left:10px;}
.padding_le_20 {padding-left:20px;}
.padding_le_15 {padding-left:15px;}
.padding_le_30 {padding-left:30px;}
.padding_le_60 {padding-left:60px;}
.padding_le_80 {padding-left:80px;}
/***************** FORM **********************************/
.write_tbl {width:100%; border-collapse:collapse; font-size:13px; color:#666; border-top:2px solid #2a2a2a; }
.write_tbl td {padding:15px 0 15px 22px; font-size:13px; color:#666; border-bottom:1px solid #d7d7d7;}
.write_tbl .font_bold {font-weight:bold;}
.write_tbl .txt_box {background-color:#f9f9f9;}
.write_tbl .aud_img {padding:0;}
.write_tbl .txt_photo {color:#e25102 ;}
/********************* TABLE ********************************/
/* BASIC_TABLE */
.basic_table {border-collapse:collapse; }
.basic_table thead th.title_le {height:35px; text-align:center; vertical-align:middle; font-size:12px; font-weight:bold; border-style:solid; border-width:1px 1px 1px 1px; border-color:#ececec; background-color:#f3f3f3;}
.basic_table thead th.title_le2 {height:35px; text-align:left; vertical-align:middle; font-size:12px; font-weight:bold; border-style:solid; border-width:1px 1px 1px 1px; border-color:#ececec; background-color:#f3f3f3; padding-left:10px;}
.basic_table thead th.title_ri {height:35px; text-align:center; vertical-align:middle; font-size:12px; font-weight:bold; border-style:solid; border-width:1px 1px 1px 0; border-color:#ececec; background-color:#f3f3f3;}
.basic_table tbody th.title_le_w_top {padding:3px 0 3px 10px; height:30px; text-align:center; font-size:13px; border-style:solid; border-width:1px 1px 1px 0 ; border-color:#ececec; background-color:#f3f3f3;}
.basic_table tbody td.title_ri_w_top {padding:3px 0 3px 10px; height:30px; font-size:11px; line-height:20px; border-style:solid; border-width:1px 0 1px 0 ; border-color:#ececec; text-align:left;}
.basic_table tbody th.title_le_w {padding:3px 0 3px 10px; height:30px; text-align:center; font-size:13px; border-style:solid; border-width:0 1px 1px 0 ; border-color:#ececec; background-color:#f3f3f3;}
.basic_table tbody td.title_ri_w {padding:3px 0 3px 10px; height:30px; font-size:11px; line-height:20px; border-style:solid; border-width:0 0 1px 0 ; border-color:#ececec; text-align:left;}
.basic_table tbody th.com_le_w {padding:3px 0 3px 10px; height:30px; text-align:center; font-size:13px; border-style:solid; border-width:0 0 1px 0 ; border-color:#ececec; }
.basic_table tbody td.com_ri_w {padding:3px 0 3px 10px; height:30px; font-size:11px; line-height:20px; border-style:solid; border-width:0 0 1px 0 ; border-color:#ececec; text-align:left;}
.basic_table tbody td.img_area {padding:20px 0 20px 0; text-align:left;}
.basic_table tbody td.txt_area {padding:20px 0 20px 30px; text-align:left; line-height:20px; border-style:solid; border-width:0 0 1px 0 ; border-color:#ececec;}
.basic_table tbody a {color:#666; }
.basic_table tbody span.annotation {color:#A00000; font-size:11px;}
.basic_table tbody td.ls {height:30px; text-align:center; border-style:solid; border-color:#ececec; border-width:0 0 1px 0;}
.basic_table tbody td.ls_le {height:30px; text-align:left; font-size:11px; border-style:solid; border-color:#ececec; border-width:0 0 1px 0;}
.basic_table tbody td.ls_secret {height:30px; text-align:center; color:#FFFFFF; border-style:solid; border-color:#ececec; border-width:0 0 1px 0;}
.basic_table tbody td.ls_line {height:1px; padding:0px; background:url(../../images/board/dot_line.gif);}
.basic_table tbody td.bottom_ri {height:30px; border-top-style:solid; border-top-width:2px; border-top-color:#ececec; text-align:right;}
.basic_table tbody td.bottom_ce {height:30px; border-top-style:solid; border-top-width:2px; border-top-color:#ececec; text-align:center;}
#form_write_btn {width:100%; height:30px; text-align:right; margin-top:20px;}
#form_write_btn a {display:inline-block; width:100px; height:23px; font-size:13px; background-color:#333; text-align:center; vertical-align:middle; padding-top:3px; font-weight:bold; color:#FFFFFF;}
#form_write_btn_c {width:100%; height:30px; text-align:center; margin-top:20px;}
#form_write_btn_c .btn {clear:both; display:inline-block; width:100px; height:30px; background-color:#333; padding-top:7px; font-size:13px; text-align:center; font-weight:bold; color:#FFFFFF;}
.input_box { border-style:solid; border-width:1px; border-color:#ececec;}
/************************* MODEL POP ******************************************/
/*
#wrap_modal_800 {width:600px; padding:20px;}
#wrap_modal_600 {width:400px; padding:40px 0 40px 0;}
#wrap_modal_600 p {width:400px; font-size:13px; line-height:23px; text-align:center;}
#wrap_modal .title {width:200px; height:60px; margin:0 0px 0px 10px;}
*/
/*미정추가*/
/************************MEMBER GUIDE ******************************/
#join_article {margin:0 auto; width:800px; padding:12px;}
#join_article p {text-align:left; line-height:20px; padding-top:5px;}
#join_article .txt {text-align:left; line-height:20px; padding-left:16px;}
#join_article .join_flow {text-align:center; padding:15px 10px 0 0;}
#join_top { margin:0 auto; width:800px; height:343px; text-align: left; }
#join_guide {width:800px; height:342px; background: url("/images/member/join_top_04.jpg") no-repeat;}
.join_btn {position:relative; left:32px; top:249px; z-index:50;}