﻿@charset "utf-8";
/* ----------------------------------------------
 * HanbitSoft Service Development Team
 * 오디션 다음 채널링 Stylesheet
 * Author - njs2000@hanbitsoft.co.kr 20160512
------------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0;}
img {vertical-align: middle;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body, input, button, textarea, select, table, kbd{line-height:1.2; letter-spacing: -1px;font-family:'Malgun Gothic','맑은 고딕','돋움',dotum,Helvetica,sans-serif; font-size:13px; color:#333;}
body {background: #f2f1ea;}
ol, ul{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;letter-spacing: -1px;}
a:hover {text-decoration: underline;}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
table{table-layout:fixed;border-collapse:collapse; border-spacing:0;}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden;}
input[type="checkbox"] {margin:2px 4px 3px 2px;padding:0;width:13px;height:13px;vertical-align: middle;}
input[type="submit"] {cursor: pointer;font-weight: bold;font-size: 14px;color: #fff;border: none;}
h1, h2, h3, h4, h5, h6, div, p, strong, span, input, a, button {letter-spacing:-1px; }

/* Reserved Class
-------------------------------------------------------------- */
.irPm{display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;}
.irWa{display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1;}
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.clear {clear: both;}
.clearFix{zoom:1;}
.clearFix:after{clear:both; display:block; content:'';}
.ellipsis {display: inline-block !important;overflow: hidden;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis}
.tL {text-align: left !important;}
.tR {text-align: right !important;}
.tC {text-align: center !important;}
.vM {vertical-align: middle !important;}
.pointC {color: #f54547 !important;}
#soundmanager-debug {display:none !important;}
#footer ul li a strong {color:#333;}
html {overflow-y:scroll;}

/* Styles
-------------------------------------------------------------- */
/* S : 공통 Style */
body {background:#f1f1f5;}
#globalGnb .inner {width:1200px !important;}
.btn_clear {background:none; border:1px solid #00c4d6; font-size:12px; color:#00c4d6;}
.btn_full {background:#00c4d6; border-bottom:1px solid #0097a4; border-right:1px solid #00a7b6; font-size:12px; color:#fff;}
.btn_purple {border-bottom:1px solid #4e5779; border-right:1px solid #4e5779; background:#65719e; color:#fff;}
.btn_red {border-bottom:1px solid #c42530; border-right:1px solid #c42530; background:#ff303f; color:#fff;}
.btn_gray {border-bottom:1px solid #767a82; border-right:1px solid #767a82;background:#8b8f99; color:#fff;}
.btn_top {position:absolute; left:880px; top:911px;}
.btn_submit {float:left;width:82px;height:50px;margin-top:5px;border-right:1px solid #566086;border-bottom:1px solid #566086;background:#65719e;font-size:18px;line-height:49px;color:#fff;}
a.btn_full, a.btn_clear, a.btn_submit, a.btn_purple, a.btn_red {text-decoration:none;}
.text_blue {color:#00c4d6;}
.inner_wrap {margin:0 auto; width:1200px; }
#header {min-width:1200px;}
header {background-color:#fff; background-repeat: no-repeat; background-position: center 0; border-bottom:4px solid #00b8ce;}
header .inner_wrap {position:relative; height:427px; background-color: #fff; background-repeat: no-repeat; background-position: center 0;}
header .header_top {z-index:100; position:relative; }
header .header_top h1 {padding-top:24px; float:left;}
header nav {z-index:50; position:absolute; right:0; top:0;}
header nav a {font-weight:bold;}
header nav .depth1 {position:relative; float:left; width:140px; min-height:80px;}

/* S : 2017-01-02 | 2016-10-31 | 2016-09-06 시즌배경일 경우 */
header.seasonOn {background-image:url(../images/common/bg_season.jpg);background-color:#f1f1f5;background-repeat: no-repeat; background-position: center 0;}
header.seasonOn .inner_wrap {background-image:url(../images/common/bg_season.jpg);background-color:#011d3d;}
header.seasonOn .btn_start .start_cover{ background:url(../images/common/bg_startCover_season.png) no-repeat 0 0 !important;}
#main header.seasonOn{border-bottom:none}
/* E : 2017-01-02 | 2016-10-31 | 2016-09-06 시즌배경일 경우 */

/* S : 2017-02-07 수정삭제 */
header nav .depth1 h2 {z-index:10; position:absolute; left:0; top:46px; width:100%; text-align:center;-webkit-transition:all .1s; -moz-transition:all .1s; -ms-transition:all .1s; -o-transition:all .1s; transition:all .1s;}
header nav .depth1 h2 a {font-size:16px; color:#fff; text-decoration:none;}
header nav .menu {background:url(../images/common/bg_menu.png) repeat-y;height:0;overflow:hidden;}
header nav.menu_on .menu{height:183px;/* height:164px */} /* 2018-04-12 추가 */
header nav.menu_on .depth1 h2{top:22px;}
header nav .menu li {padding:0 0 10px 0; text-align:center;}
header nav .menu li:first-child {margin-top:54px;}
header nav .menu a {color:#fff; font-size:13px;}
header nav .menu a:hover{text-decoration:underline;}
header nav .menu span.new{display:inline-block;width:18px;height:18px;background:url(../images/common/ico_new2.png) no-repeat 0 0;color:transparent;text-indent:-9999px;font-size:0;vertical-align:top;}
header nav .desk {border-top:7px solid #f04736}
header nav .desk .menu a:focus,
header nav .desk:hover h2 a,
header nav .desk .menu a:hover{color:#f04736;}
header nav .reference {border-top:7px solid #f2c13f}
header nav .reference .menu a:focus,
header nav .reference:hover h2 a,
header nav .reference .menu a:hover{color:#f2c13f;}
header nav .community{border-top:7px solid #0acf67}
header nav .community .menu a:focus,
header nav .community:hover h2 a,
header nav .community .menu a:hover{color:#0acf67;}
header nav .friends {border-top:7px solid #35b5eb}
header nav .friends:hover h2 a,
header nav .friends .menu a:hover{color:#35b5eb;}
header nav .rank {border-top:7px solid #4f84fb}
header nav .rank .menu a:focus,
header nav .rank:hover h2 a,
header nav .rank .menu a:hover{color:#4f84fb;}
header nav .customer {border-top:7px solid #7977ff}
header nav .customer .menu a:focus,
header nav .customer:hover h2 a,
header nav .customer .menu a:hover{color:#7977ff;}
/* E : 2017-02-07 수정삭제 */
header .promotion {z-index:30; margin-top:13px; position:relative; width:840px; height:317px; display:none;}
header .pro_banner {z-index:10; position:relative; width:840px; height:317px; overflow:hidden;}
header .pro_banner li {position:absolute; left:0; top:0; display:none;}
/*header .pro_banner li:last-child {display:block; *//*opacity:1; filter:alpha(opacity=100);*//*}*/
header .pro_paging span {font-weight:bold; font-size:17px; color:#fff;}
header .pro_paging .path_now {color:#23f7f7;}

header .pro_thumb {z-index:50; position:absolute; left:0; top:237px; width:257px; overflow:hidden;}
header .pro_thumb ul {position:relative; width:9999px;}
header .pro_thumb li {position:relative; float:left; width:66px; height:59px;}
/*header .pro_thumb li.on .cover{display:none;}*/
/*header .pro_thumb li a:hover .cover {display:none;}*/
header .pro_thumb li.on .cover {width:0;}
header .pro_thumb li .cover {position:absolute; left:0; top:0; display:block; width:60px; height:59px; background:url(../images/common/bg_thumbCover.png) no-repeat;}
header .pro_thumb li:first-child .cover {width:0;}
header .pro_thumb li img{width:59px;height:59px} /*2016-07-04 추가*/
header .pro_thumb .mask_left {position:absolute; left:-1px; top:0; background-image:url(../images/main/bg_thumb_v1_left.png); background-repeat:no-repeat; width:30px; height:59px;}
header .pro_thumb .mask_right {position:absolute; right:-1px; top:0; background-image:url(../images/main/bg_thumb_v1_right.png); background-repeat:no-repeat; width:30px; height:59px;}
header .pro_controller {z-index:50; position:absolute; left:274px; top:256px;}
header .pro_dir {position:absolute; left:46px; top:2px; width:80px;}
header .pro_dir button {float:left; display:block; width:20px; height:20px; text-indent:-9999px; background:url(../images/common/spr_promotionDir.png) no-repeat 0 0;}
header .pro_dir .center {margin:0 5px; }
header .pro_dir .btn_prev {background-position:center 0;}
header .pro_dir .btn_stop {background-position:center -20px;}
header .pro_dir .btn_play {background-position:center -40px;}
header .pro_dir .btn_next {background-position:center -60px;}

header .header_right {z-index:50; position:absolute; right:0; top:160px; width:320px;}
header .game_start {}
header .btn_start {position:relative;width:100%; height:130px; overflow:hidden;}
header .btn_start a {position:absolute; display:block; width:100%; height:130px; background:url(../images/common/bg_start_btn.jpg) no-repeat;text-align:center;}
header .btn_start a img {/*margin-top:34px;*/}
header .btn_start a .txt_img {z-index:100; position:absolute; left:0; top:0; width:320px; height:130px; background-image:url(../images/common/bg_start_fix_text.png); background-repeat: no-repeat; text-indent:-9999px; }
header .btn_start a .txt_img_on {z-index:100; position:absolute; left:0; top:0; width:320px; height:130px; background-image:url(../images/common/bg_start_fix_text_on.png); text-indent:-9999px; display:none;}
header .btn_start .bg_wrap {position:absolute; left:0; top:4px; width:100%; height:130px; overflow:hidden;}
header .btn_start .pattern {position:absolute; left:0; top:130px; width:100%; height:auto; }
header .btn_start .pattern .bg {display:inline-block; width:100%; height:320px; background:url(../images/common/bg_startPattern.png) no-repeat;}
header .btn_start .light {z-index:30; position:absolute; left:-461px; top:4px; width:461px; height:200px; background:url(../images/common/bg_start_light2.png) no-repeat;}
header .btn_start .start_cover {z-index:50; position:absolute; left:0; top:0; display:block; width:100%; height:130px; background:url(../images/common/bg_startCover0.png) no-repeat;}
header .btn_start .bg_on {width:100%; height:320px; background:url(../images/common/bg_start_on.jpg) no-repeat; opacity:0; filter:alpha(opacity=0);}

header .game_start .btn_download a {display:block; height:38px; background:url(../images/common/btn_download.jpg) no-repeat; text-indent:-9999px;}

header .personalize {width:100%; height:181px; background:url(../images/common/bg_personalize.jpg) no-repeat; font-size:12px; color:#e1e6fa;}
header .before_login {padding-top:25px;text-align:center}
header .before_login  p {width:100%;padding-bottom:20px;;font-size:18px;}

header .before_login .btn_login {display:inline-block;width:207px; height:56px; background:url(../images/common/spr_btn.png) no-repeat -336px -425px;font-size:0;text-indent:-9999px;color:transparent;text-decoration:none;vertical-align:top;}

header .login_service {padding:14px 0 0 0;}
header .login_service li {padding:0 0 10px 0;}
header .login_service li:first-child .fR {padding-top:5px;}
header .login_service .fR {padding:0 8px 0 0;}
header .login_service ul li:first-child {margin-right:10px;}
header .login_service a {display:block;width:124px;height:28px;font-weight:bold; font-size:12px;line-height:26px;text-align:center;color:#e4eaf7;}

header .after_login {padding:12px 14px 0 14px;}
header .user_thumb {margin-top:11px;}
header .thumb_area {position:relative;}
header .thumb_area img {width:99px; height:99px;}
header .user_mask {position:absolute; left:0; top:0; width:99px; height:99px; background:url(../images/common/bg_profileMask.png) no-repeat;}
header .thumb_area .new{position:absolute;left:72px;top:80px;width:18px;height:18px;background:url(../images/common/ico_new2.png) no-repeat 0 0;color:transparent;text-indent:-9999px} /*2015-11-05 추가*/
header .info_area p {width:182px;/*padding:4px 0px 6px 0px;*/border-bottom:1px dashed #3e4b97;}
header .info_area a {width:83px;height:26px;line-height:24px;font-size:14px;color:#00c4d6; text-align:left;font-weight:bold;}
header .info_area a:hover {text-decoration:none;}
header .info_area span {width:99px;height:26px;line-height:24px;text-align:right;}
header .user_info {z-index:5;position:relative;margin-top:10px;}
header .user_info .depth1 {width:182px;}
header .user_info .title {padding:0 0 10px 10px; width:56px;height:15px;font-size:13px; color:#fff; background:url(../images/common/ico_dot_blue.gif) no-repeat 0 6px;}
header .user_info .desc {padding:0 0 10px 0; width:105px; height:15px;font-size:13px; color:#00c4d6; }
header .hold_den {margin-bottom:10px; border-bottom:1px dashed #3e4b97;}
header .hold_cash.title {padding-bottom:5px; border:0; clear:both;}
header .hold_cash dt {padding:0 0 4px 12px; width:64px; background:none;}
header .hold_cash dd {padding-bottom:4px; width:100px;}
header .user_info .fam {margin-top:4px; padding-top:5px; border-top:1px dashed #3e4b97; letter-spacing:-2px;}
header .fam.title {background-position:4px 11px;}
header .cash_service {position:absolute; left:0; top:-1px;}
header .cash_service a {position:absolute; top:0; display:block; background:url(../images/common/spr_btn.png) no-repeat; text-indent:-9999px;}
header .cash_service .btn_qna {left:68px; width:18px; height:18px; background-position:-110px -234px;}
header .cash_service .btn_charge {left:121px; width:61px; height:19px; background-position:-138px -234px}
header #cash_pop {padding:15px; position:absolute; left:-85px; top:28px; width:231px; height:78px; background:#00c4d6; color:#fff; display:none;}
header #cash_pop .ico_hwasal {position:absolute; left:158px; top:-10px; width:16px; height:10px; background:url(../images/common/ico_hwasal0.png) no-repeat;}
header #cash_pop dt {font-weight:bold;}
header #cash_pop dd {padding:0 0 10px 0;}
header .btn_area {width:182px;}
header .btn_clear {margin-top:3px;}
header .btn_clear button {margin:0 0 0 4px;}
header .btn_clear.info {display:block;width:88px; height:26px;margin-left:0;}
header .btn_clear.logout {display:block;width:78px;height:26px;margin-left:14px;}
header .game_agree {padding-top:15px; text-align:center;}
header .game_agree strong {padding-bottom:8px; display:block; font-size:18px; font-weight:normal;}
header .game_agree p {padding-bottom:15px; font-size:13px; color:#00c4d6;}
header .game_agree a.btn_agree {margin:0 auto; display:block; width:155px; height:40px; line-height:38px; font-weight:bold; font-size:14px; color:#fff; background:#00c4d6; text-align:center;}
header .game_agree a:hover {text-decoration:none;}
header .make_character {padding-top:15px; text-align:center;}
header .make_character strong {padding-bottom:15px; display:block; font-size:18px; font-weight:normal;}
header .make_character p {padding-bottom:10px; font-size:13px; color:#00c4d6;}
header .make_character .btn_make a {margin:0 auto; display:block; width:155px; height:40px; line-height:38px; font-weight:bold; font-size:14px; color:#fff; background:#00c4d6; text-align:center;}
header .make_character a:hover {text-decoration:none;}
header .pc_info {position:absolute;left:0;bottom:0;width:269px;height:34px;padding:0 23px 0 28px;background-color:#151f59;font-weight:bold;}
header .pc_info span {float:left;height:34px;line-height:32px;}
header .pc_info .txt1 {margin-right:12px;}
header .pc_info .pc_off {color:#6188dc;}
header .pc_info .pc_on {color:#0bb0bf;}
header .pc_info a {height:34px;line-height:32px;color:#0bb0bf;}

#container {position:relative; margin:0 auto; width:1200px; padding-bottom:60px;}
#container .inner_contents {width:840px;}
#container header.contents_title {width:100%; height:101px; background:url(../images/common/bg_sub_contents.png) no-repeat; border:0;}
#container.studio header.contents_title {background:url(../images/common/bg_sub_contents_studio.png) no-repeat;}
#container.community header.contents_title {background:url(../images/common/bg_sub_contents_community.png) no-repeat;}
#container.friends header.contents_title {background:url(../images/common/bg_sub_contents_friends.png) no-repeat;}
#container.ranking header.contents_title {background:url(../images/common/bg_sub_contents_ranking.png) no-repeat;}
#container.customer header.contents_title {background:url(../images/common/bg_sub_contents_customer.png) no-repeat;}
#container header.contents_title.type_border {border-bottom:1px solid #d5daed;}
#container header.contents_title h2 {padding-top:30px; font-size:45px; color:#333; }
#container header.contents_title h2 a {letter-spacing: -6px;}
#container header.contents_title h2 a:hover {text-decoration:none;}
#container header.contents_title .desc {padding:66px 0 0 15px; font-size:14px; color:#787878;}
#container header.contents_title .path {padding:66px 0 0 5px; font-size:12px; color:#999;}
#container header.contents_title .path .next_page {padding:0 5px;}
#container header.contents_title .path .now_page {color:#333;}
#container header.contents_title .path img {margin-top:1px; vertical-align:top;}
#container #contents {width:840px;}
#container .side {margin-top:99px; width:320px;}
#container .border {padding:2px; border:1px solid #d3d4d4; background:#fff;}
#contents .top_banner {padding-bottom:40px; position:relative; width:840px; height:219px; background: url(../images/common/bg_content_banner.png) no-repeat;}
/* 2018-04-12 추가 S */
#contents .top_banner .top_banner_link {display:block;width:100%;height:100%;border:1px solid #d9dfe5;}
/* 2018-04-12 추가 E */
#contents .top_banner .inner {padding:32px 30px 0;}
#contents .top_banner .thumb {margin-right:30px;}
#contents .top_banner .thumb img {border:2px solid #fff;}
#contents .top_banner .desc {width:490px; vertical-align:middle;}
#contents .top_banner .desc .standard {display:inline-block; width:1px; height:144px; vertical-align:middle;}
#contents .top_banner .desc .inner {padding:0; width:480px; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#contents .top_banner .desc dl {width:480px;}
#contents .top_banner .desc dt {padding-bottom:10px; font-weight:bold; font-size:18px; word-wrap:break-word;word-break:break-all; vertical-align:middle}
#contents .top_banner .desc dt a {max-width:90%;vertical-align:middle; line-height:25px;}
#contents .top_banner .desc dt .comment_num {vertical-align:middle;}
#contents .top_banner .desc dd {padding-bottom:5px; word-wrap:break-word;word-break:break-all;}
#contents .top_banner .ico_flag {z-index:10; position:absolute; left:1px; top:0; width:151px; height:151px; display:block; background:url(../images/common/spr_etc.png) no-repeat; text-indent:-9999px;}
.pagination {margin:20px 0 15px 0;text-align:center;}
.pagination .prev {margin-right:10px;}
.pagination .next {margin-left:10px;}
.pagination a, .pagination strong {display:inline-block;width:25px;height:29px;vertical-align:middle;line-height:29px;}
.pagination strong, .pagination a:hover {color:#00c4d6;text-decoration:none;}
.common_list {margin-bottom:10px; position:relative; width:100%; height:160px;}
.common_list .depth1 {position:absolute; left:0; top:40px; width:100%; }
.common_list .depth1 p {position:absolute; left:0; top:-40px; width:160px;}
.common_list .depth1.notice p {position:absolute; left:0;}
.common_list .depth1.update p {position:absolute; left:160px;}
.common_list .depth1 ul {margin-top:15px;}
.common_list .depth1 ul li {padding:0 0 10px 15px; background:url(../images/common/ico_dot_gray.gif) no-repeat left 7px;}
.common_list .depth1 ul a {/*padding:0 0 0 15px; */float:left; width:80%;  font-size:13px; color:#333; display: inline-block !important;overflow: hidden;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.common_list .depth1 ul small {margin-right:5px; float:right; font-size:13px; color:#999;}
.common_list .depth1 ul a:hover {text-decoration:underline;}
.common_list .tab {display:block; height:40px; line-height:38px; border-bottom:1px solid #d8d9df; background:#dde0ec; font-size:14px; color:#787d84; text-align:center;}
.common_list .tab.on {border:1px solid #d8d9df; border-bottom:0; background:#f1f1f5; font-weight:bold; color:#333;}
.limit {margin-top:10px; padding:20px 0 20px 20px; }
.limit .fL {padding-right:8px;}
.limit .max {padding-top:25px}
.limit .max p {padding-bottom:6px}
.limit .max input {padding:0 5px; width:49px; height:17px; line-height:17px; text-align:right; font-size:11px; color:#fff; background:#4b4b4b; border:1px solid #969696;}
.limit .max span {font-size:11px; color:#777;}
.limit label {display:block;}
.limit select {margin-top:10px; padding:0 10px; width:480px; height:65px; color:#777;}
.limit button {width:43px; height:19px; background:none; border:1px solid #00c4d6; font-size:11px; color:#00c4d6;}
.side .quick li {float:left;}
.side .quick li a {padding:84px 10px 0; width:82px; height:50px; display:block; background:url(../images/common/spr_btn.png) no-repeat; font-weight:bold;  text-align:center; color:#606c7c; }
.side .quick {margin-bottom:10px; border:7px solid #d0d4e3;}
.side .quick .btn_quick0 a {background-position:0 0;}
.side .quick .btn_quick0 a:hover {background-position:0 -425px;}
.side .quick .btn_quick1 a {background-position:-102px 0;}
.side .quick .btn_quick1 a:hover {background-position:-102px -425px;}
.side .quick .btn_quick2 a {background-position:-204px 0;}
/*S : 2015-12-16 수정*/
.side .quick a img {margin-left:3px;}
/*E : 2015-12-16 수정*/
.side .quick .btn_quick2 a:hover {background-position:-204px -425px;}
.side .con_affection {margin:0 0 20px 0;}
.side .con_affection .inner {width:314px; height:184px; background:url(../images/common/bg_weekley_box_side.jpg) no-repeat;}
.bn_guide {margin-bottom:10px;}
.common_cust li {float:left;}
.common_cust li a {width:155px; height:80px; display:block; background:url(../images/common/spr_btn.png) no-repeat; text-indent:-9999px;}
.common_cust li.btn_cust0 {margin-right:10px;}
.common_cust li.btn_cust0 a {background-position:0 -144px;}
.common_cust li.btn_cust1 a {background-position:-165px -144px;}

#footer {border-top:1px solid #dcdcdf; background:#ebecf4;}
/* 2016 푸터변경 */
#footer {margin-top:95px;padding:25px 060px;border-top:1px solid #dcdcdf; background:#ebecf4;}
#footer .footer{width:1200px;margin:0 auto}
#footer .footer .company_info{float:left}
#footer .footer .company_info .company_list{padding:0 0 15px}
#footer .footer .company_info .company_list li{float:left; margin-right:25px;}
#footer .footer .company_info .clause{padding-bottom:25px}
#footer .footer .company_info .clause li{position:relative;float:left;color:#8a90aa; font-size:13px; margin-left:42px}
#footer .footer .company_info .clause li a{color:#8a90aa}
#footer .footer .company_info .clause li:first-child{margin-left:0;}
#footer .footer .company_info .clause li a{color:#8a90aa}
#footer .footer .company_info .clause li a:after{content:'';position:absolute;left:-21px;top:3px;width:2px;height:11px;background-color:#a7abbf;}
#footer .footer .company_info .clause li:first-child a:after{display:none}
#footer .footer .company_info .clause li a strong{color:#52576a}
#footer .footer .company_info .copyright{padding-top:5px;color:#777;font-size:11px;}
#footer .footer .company_info address{letter-spacing:0;font-style: normal;	font-weight: bold;line-height:16px;font-size: 12px;color: #777}
#footer .footer .company_info address a,
#footer .footer .daum_games_info a{color:#777;}
#footer .footer .game_info{float:right}
#footer .footer .game_info .mark_icon{ text-align:right;}
#footer .footer .game_info .grade{width:305px;height:84px; background:url('../images/common/bg_table_au.png') no-repeat 100% 100%}
#footer .footer .daum_games_info{font-weight: bold;font-size:12px;color:#777}
#footer .footer .daum_games_info .announce{padding:20px 0 10px}
/* 2016 푸터변경 */
/* E : 공통 Style */

/* S : 커스텀 셀렉트 */
.custom_select{width:85px; height:28px; background:#fff; border:1px solid #d0d4e3; position:relative;}
.custom_select .txt{width:100%; height:100%; line-height:28px; background:url(../images/common/bg_cust_arrow.gif) 61px 50% no-repeat; text-indent:10px; position:absolute; left:0; top:0; _display:none; color:#999;}
.custom_select select{width:100%; height:100%; cursor:pointer; position:relative; opacity:0; filter:alpha(opacity=0);}
.search_area {margin:0 auto; width:348px;}
.search_area .custom_select {margin-right:5px; float:left;}
.search_area .search_input {padding:0 10px; margin-right:5px; float:left; width:168px; height:28px; line-height:26px; border:1px solid #d0d4e3;}
.search_area .search {width:60px; height:30px;}
/* E : 커스텀 셀렉트 */

/* S : 공통 list */
.comment_num {margin-left:5px;color:#00c4d6;}
.list_wrap {margin-bottom:10px; width:840px;padding-top:1px;border-top:1px solid #d5daed;}
.list_wrap table {width:100%;text-align:center;color:#999;border-bottom:2px solid #00c4d6;}
.list_wrap table tr.em {background:#e8eaf2}
.list_wrap table th {height:50px;background:#00c4d6;color:#fff;font-weight:normal;}
.list_wrap table td.deep_gray {color:#333;}
.list_wrap table td.left {text-align:left;}
.list_wrap table td {height:48px;border-bottom:1px solid #d8d9df; color:#787878;}
/* 2018-04-12 추가 S */
.list_wrap table td.webtoon_thumb img {width:100px;height:52px;padding:10px 0;}
/* 2018-04-12 추가 E */
.list_wrap table td.subject {padding-left:20px; text-align:left;}
.list_wrap table td.subject a {color:#333;}
.list_wrap table td.subject .ico_answer {margin-right:10px;}
.list_wrap table td.subject.on a {text-decoration:none;color:#00c4d6;font-weight:bold;}
.list_wrap table td.subject img {margin-left:5px;}
.list_wrap table td.writer a {display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; font-size:13px; color:#333;}
.list_wrap.btn_area {padding-top:10px; text-align:right;}
.list_wrap.btn_area .write {width:74px; height:29px;}
/* E : 공통 list */

/* S : 공통 write */
.write_wrap {margin-bottom:10px;}
.write_wrap h3 {font-size:14px; color:#333;}
.write_wrap .title {border-top:2px solid #a2a7bb;}
.write_wrap .title p {margin:5px 0; padding:0 10px; border:1px solid #d0d4e3; background:#fff;}
.write_wrap .title input {width:100%; height:38px; line-height:38px; background:none; border:0;}
.write_wrap .editor {width:100%; min-height:451px; background:#fff;}
.write_wrap .editor img {margin-top:0; width:100%;}
.write_wrap .limit {margin-top:0; border:1px solid #d0d4e3;}
.write_wrap .scrap {padding:17px 0 0 20px; height:36px; background:#e8eaf2;}
.write_wrap .scrap h3 {padding-right:20px; }
.write_wrap .scrap label {font-size:13px; color:#333;}
.write_wrap .btn_area {padding-top:20px; }
.write_wrap .btn_area button {width:60px; height:30px;}
.write_wrap .btn_area .cancel {float:left;}
.write_wrap .btn_area .confirm {float:right;}
/* E : 공통 write */

/* S : 공통 view */
.view_wrap {margin-bottom:10px; padding-bottom:30px; position:relative; border-top:2px solid #a2a7bb;border-bottom:2px solid #00c4d6;}
.view_wrap h3 {padding:17px 20px;background:#e8eaf2;color:#333;font-size:18px;font-weight:bold;}
.view_wrap h3 .subject {margin-right:5px;color:#00c4d6;}
.view_wrap .info {padding:6px 0;border-bottom:1px solid #d5daed;}
.view_wrap .info dl {line-height:32px;}
.view_wrap .info dl dt {float:left;margin-right:5px;color:#333;}
.view_wrap .info dl dd {float:left;color:#787878;}
.view_wrap .info dl.fL {padding-left:20px;}
.view_wrap .info dl.fL dd {margin-right:20px;}
.view_wrap .info dl.fR dd {margin-right:20px;}
.view_wrap .info dl.fR dd.last {margin-right:0;}
.view_wrap .view_contents {position:relative; padding:30px 20px;line-height:21px;color:#333;word-wrap:break-word;word-break:break-all;}
.view_wrap .view_contents .content_txt {min-height:140px;}
.view_wrap .view_contents img {max-width:100%;}
.view_wrap .layer_area {position:absolute;}
.view_wrap .layer_area.scrap {position:relative;}
.view_wrap .layer_area p {text-align:right;}
.view_wrap .layer_area.file {top:6px; right:20px;}
.view_wrap .layer_pop {position:absolute; top:0; right:0;  padding:12px 10px; width:100%; background:#fff; border:1px solid #58bccb; display:none;}
.view_wrap .layer_pop a {font-size:12px; color:#353535;}
.view_wrap .layer_pop .btn_close {position:absolute; top:19px; right:10px; width:9px; height:9px; background:none;}
.view_wrap .layer_pop .btn_close img {vertical-align:top;}
.view_wrap .btn_file {font-size:12px;}
.view_wrap .btn_file span {color:#00c4d6;}
.view_wrap .file {top:23px; width:258px; }
.view_wrap .file .layer_pop li {line-height:18px; padding-left:15px; background:url(../images/common/ico_disk.png) no-repeat left 5px;}
.view_wrap .layer_area.scrap {top:-65px; right:20px;}
.view_wrap #scrap_pop {top:-7px; padding:10px 0; width:100px; text-align:center;}
.view_wrap #scrap_pop .btn_close {top:17px;}
.view_wrap .btn_recommend {text-align:center;}
.view_wrap .btn_recommend button {width:83px; height:50px; font-size:18px;}
/* 2018-04-12 추가 S */
.view_wrap .btn_recommend .btn_good {width:113px;}
.view_wrap .btn_recommend .btn_good em {display:inline-block;vertical-align:middle;background:url(../images/studio/good_ico.png) no-repeat;width:21px;height:17px;margin-left:4px;}
.view_wrap .btn_recommend .btn_good.on em {background-position:-23px 0;}
/* 2018-04-12 추가 E */
/*.view_wrap .btn_list {padding-top:10px;}*/
.view_wrap .btn_list button {width:60px; height:30px;}
/* E : 공통 view */

/* S : 공통 apply */
.comments_list {margin:20px 0;padding-top:1px;}
.comments_list textarea {overflow-y:scroll;height:24px;margin-top:5px;padding:12px;border:1px solid #d0d4e3; resize: none;}
.comments_list .apply_textarea {float:left;position:relative}
.comments_list .apply_textarea label {position:absolute;left:10px;top:20px;font-size:12px;color:#999;}
.comments_list img {margin-right:10px;}
.comments_list .count {padding-bottom:10px;margin-bottom:1px;border-bottom:1px solid #d5daed;}
.comments_list .count span {color:#00c4d6;font-weight:bold;}
.comments_list .comment_write {margin-bottom:20px;padding:24px 20px 18px 30px;background:#e2e4ec;} /*2015-11-05 수정*/
.comments_list .comment_write .thumb {float:left;position:relative;}
.comments_list .comment_write .thumb span {position:absolute;left:0;top:0;width:59px;height:59px;background:url(../images/common/spr_comment_thumb.png) 0 0 no-repeat;}
.comments_list .comment_write textarea {width:606px;}
.comments_list .comment_write .caution_board {clear:both;height:12px;padding-top:5px;text-indent:69px;font-size:12px;color:#999;}
.comments_list li {position:relative;padding:10px 20px 10px 30px;border-bottom:1px solid #d5daed;}
.comments_list li .thumb {float:left;position:relative;}
.comments_list .thumb img {width:58px; height:59px;}
.comments_list li .thumb span {position:absolute;left:0;top:0;width:59px;height:59px;background-image:url(../images/common/spr_comment_thumb.png);background-position:0 -118px;background-repeat:no-repeat;}
.comments_list ul dl {float:left;margin-top:10px;}
.comments_list ul dt {width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.comments_list ul dd.name {float:left;margin-right:6px;font-weight:bold;}
.comments_list ul dd.name img {margin-right:0;}
.comments_list ul dd.name span {padding-left:4px;}
.comments_list ul dd.date {float:left;color:#999;}
.comments_list ul dd.contents {clear:both;width:720px;padding-top:8px;word-break:break-all;word-wrap:break-word;line-height:21px;} /*2015-11-05 수정*/
.comments_list .comment_menu {position:absolute;right:15px;top:22px;}
.comments_list .comment_menu li {float:left;padding:0 10px 0 8px;border-left:1px solid #999;border-bottom:none;font-size:12px;}
.comments_list .comment_menu li:first-child {border:0;}
/*.comments_list .comment_menu li.last {border-right:none;}*/
.comments_list .comment_menu button {background:none;border:none;font-size:12px;}
.comments_list .comment_menu li span {display:inline-block;margin-left:5px;color:#0eb3b5;}
/* 코멘트 li타입 분류
   1.일반
   2.베스트(best)
   3.대댓글(re_comment)
   4.대댓글 입력(re_comment_write)
*/
.comments_list li{zoom:1;}
.comments_list .comment_inner {zoom:1;}
.comments_list li .gm {float:left;}
/*.comments_list li .gm .standard {display:inline-block; width:1px; height:59px; vertical-align:middle;}*/
.comments_list li .gm img {max-width:58px;}
.comments_list li:after {clear:both; display:block; content:'';}
.comments_list .comment_inner:after {clear:both; display:block; content:'';}
.comments_list li.best {margin-bottom:10px;padding:7px;background-color:#d0d4e3;}
.comments_list li.best .best_deco {position:absolute;left:0;top:-1px;width:51px;height:57px;background:url(../images/common/spr_etc.png) 0 0 no-repeat;}
.comments_list li.best .best_inner {padding:10px 0 10px 24px;border:1px solid #fff;background-color:#e8eaf2;}
.comments_list li.best .thumb span {background-position:0 -59px;}
.comments_list li.re_comment {padding-left:86px;background:url(../images/common/bg_re_comment.jpg) 61px 33px no-repeat;}
.comments_list li.re_comment dd.contents {width:665px;}
.re_comment_write {overflow:hidden;clear:both;padding:5px 0 0 56px;background:url(../images/common/bg_re_comment.jpg) 31px 33px no-repeat;}
.re_comment_write textarea {width:557px;}
/* E : 공통 apply */

/* S : 공통 tab list */
.tab_controller {position:relative; width:100%;}
.tab_controller.middle {margin-bottom:30px;}
.tab_controller li {float:left;}
.tab_controller li:first-child a {border-left:1px solid #b8bdd3;}
.tab_controller li a {display:block; height:58px;  line-height:56px; border:1px solid #b8bdd3; background:#dde0ec;  border-left:0; font-size:18px; color:#606c7c; text-align:center; text-decoration:none;}
.tab_controller li a.on {background:none; border-bottom:0; font-weight:bold; color:#333;  }
/* E : 공통 tab list */

/* S : 메인 */
/* 메인 header 영역 */
#main header .header_middle {background:url(../images/main/ico_header_border.png) repeat-x 0 bottom;}
#main header .inner_wrap {height:715px;}
#main header .promotion {height:400px;}
#main header .pro_banner {height: 400px; }
#main header .pro_thumb {top:297px;}
#main header .pro_controller {top:316px;}
#main header .header_bottom {padding:23px 0 0 0;}
#main header .new_music {position:relative; float:left; display:none;}
#main header .new_music h3 {font-size:16px; color:#fbfcff;}
#main header .new_music .btn_all {position:absolute; top:0; left:125px;}
#main header .new_music .btn_all a {display:block; width:75px; height:21px; text-indent:-9999px; background:url(../images/common/spr_btn.png) no-repeat; background-position:-138px -263px;}
.music_area {z-index:50; position:relative; top:12px; left:63px; width:706px; overflow:hidden;}
.music_area ul {position:relative; width:9999px; height:126px;}
.music_area li {margin-right:40px; padding:2px 0 0 2px; position:relative; left:9px; float:left; width:142px; height:124px; background:url(../images/main/bg_music.png) no-repeat;}
.music_area li.on .music_info {display:block !important;}
.music_area a {position:relative; display:block; width:100%; height:120px;}
.music_area a .music_info {z-index:30; position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
.music_area a .music_info dl {text-align:center; /*opacity:0; filter:alpha(opacity=0); */}
.music_area a .music_info dt {}
.music_area a .music_info dd {z-index:50; position:absolute; left:13px; display:inline-block; width:80%;text-align:center; color:#fff;  overflow: hidden; vertical-align:middle; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;/* opacity:0; filter:alpha(opacity=0); */}
.music_area a span {z-index:50; position:absolute; left:0; display:inline-block; width:100%;text-align:center; vertical-align:middle; }

.music_area a .music_info .dim {z-index:10; left:0; top:0; width:140px; height:120px; background:url(../images/main/bg_mDim.png) no-repeat;}
.music_area a .music_info .name {top:20px;}
.music_area a .music_info .title {top:36px; background:none;}
.music_area a .music_info .bpm {top:55px;}
.music_area a .music_info .stateIco {top:78px; width:100%; height:29px; background:url(../images/main/spr_music_btn.png) no-repeat center 0;}
.music_area a.sm2_paused .music_info .stateIco {background-position:center -29px;}
.music_area a .ico {z-index:50; position:absolute; left:-9px; top:-2px; width:51px; height:56px;}
.music_area a .ico.best {background:url(../images/common/spr_etc.png) no-repeat; background-position:0 0;}
.music_area a .ico.hot {background:url(../images/common/spr_etc.png) no-repeat; background-position:-51px 0;}
.music_area a .ico.new {background:url(../images/common/spr_etc.png) no-repeat; background-position:0 -66px;}
.music_dir {z-index:30; position:absolute; top:74px; left:0; width:840px; }
.music_dir button {display:block; width:46px; height:46px; background:url(../images/common/spr_btn.png) no-repeat; text-indent:-9999px;}
.music_dir .m_btn_prev {float:left; background-position:0 -313px;}
.music_dir .m_btn_next {float:right; background-position:0 -369px;}
#main header .common_list {float:right; width:320px;}
#main header .common_list .tab {background:#142667; border-color:#d0d6fe; color:#bec3dd;}
#main header .common_list .tab.on {background:none; color:#fff;}
#main header .common_list .depth1 ul a {color:#eff5fb;}
#main header .common_list .depth1 ul li {background:url(../images/common/ico_dot_white.gif) no-repeat left 7px;}
#main header .common_list .depth1 ul small {color:#eff5fb;}

/* 메인 container 영역 */
#main .bn_recommend {margin-bottom:30px; }
#main #container {padding-top:30px;}
#main #container h3 {padding:0 0 8px 0;font-size:16px; color:#333;}
#main #container h3 span {color:#00c4d6;}
#main #container .contents_area {padding:0 0 30px 0;}
#main #container section {position:relative;}
#main #container .btn_more {position:absolute; right:0; top:0;}
#main #container .btn_more a {display:block; width:22px; height:20px; background:url(../images/common/spr_btn.png) no-repeat -110px -263px; text-indent:-9999px;}
#container .con_audition {margin-right:40px; width:499px;}
.con_audition li {float:left; padding:2px; width:226px; border:1px solid #d3d4d4; background:#fff;}
.con_audition li a {position:relative; display:block; width:100%; overflow:hidden;}
.con_audition li:first-child {margin-right:35px;}
.con_audition .info {position:absolute; left:0;bottom:-100%;width:100%;}
/*.con_audition .info .dim {height:80px; background:#000; opacity: 0.8; filter:alpha(opacity=80);}*/
.con_audition .info dl {z-index:50; width:186px;min-height:40px;padding:5px 20px 10px;text-align:center;background:#000; opacity: 0.8; filter:alpha(opacity=80);}
.con_audition .info dd {padding:0 0 6px 0; font-size:13px; color:#fff;text-align:center;}
.con_audition .info .title {width:100%;line-height:20px;margin:0 auto;}
.con_audition .info .title>span {max-width:110px;color:#fff;}
.con_audition .info .title img:first-child {margin-left:0;}
.con_audition .info .title img {margin-left:2px;}
.con_audition .info .title .classify{color: #00c4d6;font-weight: bold;}
.con_audition .info .writer {width:100%;}
.con_audition .info .writer a {color:#00b3c4;}
.con_audition .info .data {display:inline;font-size:12px;}
.con_affection {margin-right:40px;}
.con_affection .border {display:block;}
.con_affection .border:hover {text-decoration:none;}
.con_affection .inner {width:294px; height:184px; background:url(../images/common/bg_weekley_box.jpg) no-repeat;}
.con_affection .inner div.fL {position:relative; width:169px; height:100%;}
.con_affection .inner div.fL img {margin:33px 0 0 19px;}
.con_affection .inner div.fL .cover {position:absolute; left:13px; top:20px; width:156px; height:151px; background:url(../images/common/spr_gender_mask.png) no-repeat;}
.con_affection .inner div.fL .cover.female {background-position:0 0;}
.con_affection .inner div.fL .cover.male {background-position:0 -151px;}
.con_affection .inner div.fR {width:125px; height:100%; color:#fff;}
.con_affection .inner div.fR dl {padding-top:66px;}
.con_affection .inner div.fR dt {padding-right:5px;}
.con_affection .inner div.fR dd {padding-bottom:4px;}
.con_affection .inner div.fR .nick {padding-bottom:10px; font-size:16px;}

.con_friends .inner {padding:16px 20px 0; width:266px; height:160px; border:7px solid #cfdcea; }
.con_friends .inner fieldset {padding-bottom:5px;}
.con_friends .inner dl {padding:15px 0 0 0;}
.con_friends .inner .desc {font-size:13px; color:#606c7c; text-align:center;}
.con_friends .inner dt {padding-top:7px; float:left; width:49px; font-size:13px; color:#333;}
.con_friends .inner dd {float:left; width:217px;}
.con_friends .inner dd p {position:relative; margin-left:5px; float:left; height:35px;}
.con_friends .inner dd p:first-child {margin:0;}
.con_friends .inner .gender {margin-bottom:5px;}
.con_friends .inner .gender p {width:105px;}
.con_friends .inner .blood p {width:50px;}
.con_friends .inner input {opacity: 0; filter:alpha(opacity=0);}
.con_friends .inner label {position:absolute; display:block; width:100%; height:100%; background:url(../images/common/spr_btn.png) no-repeat; text-indent:-9999px;}
.con_friends .inner .female {background-position:-330px 0;}
.con_friends .inner .male {background-position:-440px 0;}
.con_friends .inner .female.selected {background-position:-330px -45px;}
.con_friends .inner .male.selected {background-position:-440px -45px;}
.con_friends .inner .type_a {background-position:-330px -90px;}
.con_friends .inner .type_b {background-position:-385px -90px;}
.con_friends .inner .type_ab {background-position:-440px -90px;}
.con_friends .inner .type_o {background-position:-495px -90px;}
.con_friends .inner .type_a.selected {background-position:-330px -135px;}
.con_friends .inner .type_b.selected {background-position:-385px -135px;}
.con_friends .inner .type_ab.selected {background-position:-440px -135px;}
.con_friends .inner .type_o.selected {background-position:-495px -135px;}
.con_friends .inner .btn_search a {display:block; width:100%; height:34px; line-height:32px; background:#a1a6ba; font-weight:bold; font-size:13px; color:#fff; text-align:center;}
.con_friends .inner .btn_search a:hover {text-decoration: none;}
.con_rank .depth1 {position:relative; float:left; margin-right:40px; width:230px; font-weight:bold; }
.list_fam .depth1 img {width:230px;height:196px;}
.list_solo .depth1 img {width:230px;height:196px;}
.list_couple .depth1 img {width:300px;height:196px;}
.con_rank ol li {padding-left:35px; height:28px; line-height:26px; background:url(../images/common/spr_num.png) no-repeat;}
.con_rank ol .fir {padding:0; height:84px; font-size:14px; line-height:18px; background:none;}
.con_rank ol .fir dl {margin-left:10px; padding-top:20px; width:142px;}
.con_rank ol .fir dl .name {width:100%;}
.con_rank ol .sec {background-position:0 0;}
.con_rank ol .thi {background-position:0 -28px;}
.con_rank ol .fou {background-position:0 -56px;}
.con_rank ol .fit {background-position:0 -84px;}
.con_rank .info dd {font-size:13px;}
.con_rank .info dd.name {float:left; width:70%;}
.con_rank .info dd.point {float:right; color:#00c4d6;}
.con_rank .list_solo .fir .name {color:#ff303f;}
.con_rank .list_couple {width:300px;}
.con_rank .list_couple .fir .name {color:#ff303f;}
.con_rank .list_couple .fir  dl {padding-top:8px; width:66px;}
.con_rank .list_couple .fir .name {width:100%;}
.con_rank .list_couple .fir .name.male {color:#00c4d6;}
.con_rank .list_couple .fir .name.female {color:#ff303f;}
.con_rank .list_couple .info .name {margin-right:20px; width:28%;}
.con_etc {width:320px; }
.contents_quick {background-color:#d0d4e3;padding:7px;}
.contents_quick img {margin-left:5px;}
.contents_quick li {float:left;height:112px;background-color:#f1f1f5;border:1px solid #ffffff;border-right-color: #d6e1ed;text-align:center;line-height:112px}
.contents_quick li a {display:block;width:100%;height:100%;font-weight:bold; font-size:14px; color:#606c7c;}
.contents_quick .last{border-right-color:#ffffff;}
.contents_quick .link_coupon{width:294px;}
.contents_quick .link_init{width:295px;}
.contents_quick .link_pc{width:295px;}

.contents_quick .link_vip {width: 294px;}
.contents_quick li .ico {margin-right:10px; display:inline-block; width:72px; height:74px; vertical-align:middle; background:url(../images/common/spr_etc.png) no-repeat;}
.contents_quick .link_coupon .ico {background-position:0 -160px;}
.contents_quick .link_coupon a:hover .ico {background-position:0 -244px;}
.contents_quick .link_init .ico {background-position:-82px -160px;}
.contents_quick .link_init a:hover .ico {background-position:-82px -244px;}
.contents_quick .link_pc .ico {background-position:-246px -160px;}
.contents_quick .link_pc a:hover .ico {background-position:-246px -244px;}

.contents_quick .link_vip .ico {background-position:-328px -160px;}
.contents_quick .link_vip a:hover .ico {background-position:-328px -244px;}

/* E : 메인 */

/* S : 오디션 데스크 - 이벤트 list */
.list_event  .depth1_ul {border-bottom:2px solid #00c4d6;}
.list_event .no_list {text-align:center; line-height:100px;}
.list_event  li {padding:30px 0 20px 0;  position:relative; height:121px;  border-top:1px solid #d8d9df;}
.list_event  li:first-child {border:0;}
.list_event  .thumb {z-index:30; position:absolute; float:left; border:1px solid #d9dfe5;}
.list_event  .thumb img {border:2px solid #fff;}
.list_event  .desc {position:relative; padding-left:340px;}
.list_event  .desc dl {cursor:default;}
.list_event  .desc dt {padding-bottom:8px; font-weight:bold; font-size:18px; }
.list_event  .desc dd {padding-bottom:4px;}
.list_event  .desc .text {font-size:14px; color:#999;}
.list_event  .contents {position:absolute; top:60px; left:0; width:100%;}
.list_event  .btn_detail,
.list_event  .btn_ended {position:absolute; top:87px; left:340px;}
.list_event  .btn_detail a {display:block; width:97px; height:30px;  line-height:28px; font-size:12px; text-align:center;}
.list_event  .btn_ended {width:95px; height:28px;  line-height:26px; border:1px solid #acacac;  font-size:12px; color:#999;text-align: center;}
/* E : 오디션 데스크 - 이벤트 list */

/* S : 오디션 데스크 - 이벤트 view */
.view_event {margin:30px 0 10px 0; padding-bottom:20px;  width:840px; border-bottom:2px solid #00c4d6; }
/* E : 오디션 데스크 - 이벤트 view */

/* S : 오디션 데스크 - GM ON list */
#contents .top_banner .ico_flag.gm {background-position:-553px 0; width:151px; height:151px;}
/* E : 오디션 데스크 - GM ON list */

/* S : 스튜디오 자료실  - 다운로드 */
.downlod h3 {height:23px;margin-top:40px;padding:0 0 10px 34px;background:url(../images/common/ico_title.png) no-repeat left 0;font-size:18px;}
.downlod .btn_full {height:30px;text-align:center;line-height:30px;}
/*.downlod p {line-height:20px;}*/
.downlod .desc {padding-bottom:10px; }
/*.downlod .client button {float:left;width:410px;height:120px;margin-bottom:10px;background-image:url(../images/studio/sp_btn_download.jpg);background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;}*/
.downlod .client button.btn_client1 {margin-right:20px;}
.downlod .client button.btn_client2 {background-position:0 -120px;}
.downlod .client .btn_full {float:right;width:166px;}
.downlod .client dl.clearFix {float:left;border:1px solid #d0d3e2;border-right:none;}
.downlod .client dl.clearFix dt {float:left;width:90px;height:28px;background:#e1e4eb;border-right:1px solid #d0d3e2;text-align:center;line-height:28px;}
.downlod .client dl.clearFix dd {float:left;padding:0 55px 0 20px;border-right:1px solid #d0d3e2;text-align:center;line-height:28px;color:#00c4d6;}
.downlod .spec {background:url(../images/studio/bg_spec.jpg) 0 0 no-repeat;}
.downlod .spec table {width:100%;}
.downlod .spec th {height:40px;font-weight:normal;}
.downlod .spec th:first-child {padding-left:145px;}
.downlod .spec td {height:36px;text-align:center;font-weight:bold;}
.downlod .spec td.gray {color:#999;font-weight:normal}
.downlod .directX {height:120px;padding:35px 0 0 185px;background:url(../images/studio/bg_directX.jpg) 0 0 no-repeat;}
.downlod .directX .desc {padding-bottom:5px;}
.downlod .directX .desc2 {padding-bottom:10px;}
.downlod .directX .desc2 span {color:#00c4d6;font-weight:bold;}
.downlod .directX .btn_full {width:85px;}
.downlod .graphic button {position:absolute;left:185px;top:140px;width:85px;}
.downlod .gforce {position:relative;float:left;margin-right:41px;}
.downlod .gforce p {width:214px;height:105px;padding:50px 0 0 185px;background:url(../images/studio/spr_driver.jpg) 0 0 no-repeat;}
.downlod .ati {position:relative;float:left;}
.downlod .ati p {width:214px;height:105px;padding:50px 0 0 185px;background:url(../images/studio/spr_driver.jpg) 0 -155px no-repeat;}
/* E : 스튜디오 자료실  - 다운로드 */

/* S : 스튜디오 자료실 - 오디션 가이드 */
.guide_search {position:relative; margin-bottom:10px; padding:20px 30px; border-top:2px solid #00c4d6; border-bottom:1px solid #b8bdd3; background:#e8eaf2;}
.guide_search .label_area {padding-bottom:10px;}
.guide_search .label_area label {float:left; font-weight:bold; font-size:18px; }
.guide_search .label_area p {padding:5px 0 0 10px; float:left; color:#787878;}
.guide_search .input_area input {padding:0 10px; margin-right:10px; float:left; width:682px; height:38px; line-height:36px; border:1px solid #d0d4e3;}
.guide_search .input_area button {float:left; width:66px; height:40px; font-size:14px;}
.auto_complete {position:absolute; top:90px; left:30px;width:704px;}
.auto_complete ul {padding:10px; background:#fff; border:1px solid #d0d4e3;}
.auto_complete ul a {padding-bottom:5px; display:block; font-size:12px;}
.auto_complete ul a strong {color:#00c4d6;}
.tag_list {padding:0 0 30px 30px;}
.tag_list h4 {padding-left:10px; float:left; background:url(../images/common/ico_hwasal1.png) no-repeat left 6px; font-weight:normal; font-size:12px;}
.tag_list ul {float:left;}
.tag_list li {float:left; padding:0 6px; background:url(../images/common/ico_bar0.gif) no-repeat left 3px;}
.tag_list li a {display:block; font-size:12px; color:#999;}
.tag_list li:first-child {background:none;}
.guide .bn_guide {margin-bottom:30px;}
.guide .bn_guide li {margin-left:35px; float:left;}
.guide .bn_guide li:first-child {margin:0;}
.guide .bn_guide li a {display:block; width:254px; text-align:center;}
.guide .bn_guide li a img {width:248px;height:128px;margin-bottom:10px;}
.guide .bn_guide li a strong { color:#333; }
.guide .bn_guide li a strong span {color:#00c4d6;}
.guide_list > ul > li {float:left; width:207px; border-bottom:2px solid #00c4d6; border-left:1px solid #d8d9df;}
.guide_list > ul > li.last {border-right:1px solid #d8d9df;}
.guide_list > ul > li .title {height:50px; line-height:48px; background:#00c4d6; font-weight:bold; color:#fff; text-align: center;}
.guide_list > ul > li ul {padding:20px;}
.guide_list > ul > li li {padding:0 0 15px 10px; background:url(../images/common/ico_dot_gray.gif) no-repeat left 7px;}
.search_list {padding-top:30px;}
.search_list .list_header,
.guide_view .view_header {width:100%; height:50px; background:#00c4d6;}
.search_list .list_header h4,
.guide_view .view_header h4{padding:13px 0 0 25px; font-size:18px; color:#fff;}
.search_list .list_header h4 span {font-weight:normal;}
.search_list ul {border-bottom:2px solid #00c4d6;}
.search_list li {padding:15px 0 20px 0; border-top:1px solid #d5daed}
.search_list li:first-child {border:0;}
.search_list .thumb {margin-right:15px; float:left;}
.search_list .desc {width:100%;}
.search_list .img .desc {float:left; width:630px;}
.search_list a .desc strong {padding-bottom:10px; display:block; font-size:18px; color:#333;}
.search_list a .desc strong span {color:#00c4d6;}
.search_list a .desc p {line-height:18px; color:#999;}
.guide_view {border-bottom:2px solid #00c4d6;}
.guide_view .notice {padding-bottom:16px; color:#999;}
.guide_view .index {padding:20px 25px;}
.guide_view .index .list h5 {margin-bottom:10px; font-size:14px;}
.guide_view .index .list ul {padding:20px; width:230px; background:#e2e4ec;}
.guide_view .index .list ul li {padding:0 0 5px 10px; background:url(../images/common/ico_dot_gray.gif) no-repeat left 7px;}
.guide_view .index .desc {padding:24px 0 0 20px; width:500px; word-break: break-all; word-wrap: break-word;}
.guide_view section {padding-bottom:20px;}
.guide_view section .title {margin-bottom:10px; padding-bottom:7px; border-bottom:1px solid #a2a7bb;}
.guide_view section .title h5 {height:23px;margin-top:40px;padding:0 0 0 34px;background:url(../images/common/ico_title.png) no-repeat left 0;font-size:18px;}
.guide_view section .contents p {padding-bottom:5px;}
.guide_view section .contents img {width:auto; max-width:840px;}
/* E : 스튜디오 자료실 - 오디션 가이드 */

/* S : 스튜디오 자료실 - 오디션 쥬크박스 */
.top8, .vote {margin:30px 0; padding:30px 0 0 0; position:relative; width:100%;  }
.top8 {height:200px; background: url(../images/common/bg_content_banner4.png) no-repeat;}
.music .txt_intro {font-size:16px; text-align:center;}
.music .txt_intro strong {color:#00c4d6;}
.top8 .music_area {top:20px;}
.top8 .music_dir {top:120px; left:23px; width:790px;}
.top8 .music_dir button {width:17px; height:26px;}
.top8 .music_dir .m_btn_next {background-position:-138px -349px;}
.top8 .music_dir .m_btn_prev {background-position:-138px -313px;}
.music .title_all {padding-bottom:10px; font-size:18px;}
.music_search {margin-bottom:30px; padding:20px 30px; border-top:2px solid #00c4d6; border-bottom:1px solid #b8bdd3; background:#e8eaf2;}
.music_search .custom_select {margin-right:10px; float:left; width:138px; height:38px;}
.music_search .custom_select .txt {line-height: 36px; background-position:110px 50%;}
.music_search  input {margin-right:10px; padding:0 10px; width:525px; height:38px; border:1px solid #d0d4e3; line-height:36px;}
.music_search button {width:66px; height:40px; font-size:14px;}
.music_area.type_list {position:static; left:0; width:auto; overflow:visible;}
.music_area.type_list ul {width:auto; height:auto; border-bottom:2px solid #00c4d6;}
.music_area.type_list ul > li {margin:0; padding:16px 0 18px 16px;position:relative; left:0; float:left; width:382px; height:144px; background:url(../images/studio/bg_list_music.gif) no-repeat;}
.music_area.type_list ul > li.odd {margin-right: 44px;}
.music_area.type_list ul > li .fL a {float:left; width:140px; border:2px solid #00c4d6;}
.music_area.type_list ul > li .deco {float:left; width:39px; height:125px; background:url(../images/studio/bg_deco_music.jpg) no-repeat;}
.music_area.type_list .fR {padding-left:12px; width:185px; word-break: break-all; word-wrap: break-word;}
.music_area.type_list .fR .share_area {padding-right:14px; float:right;}
.music_area.type_list .fR .share_area a {margin-left:5px; float:left; display:block; width:19px; height:19px;}
.music_area.type_list .fR dl {padding-top:18px; clear:both; font-weight:bold;}
.music_area.type_list .fR .title {color:#00c4d6;}
.music_area.type_list .fR .btn_more {position:absolute; right:0; bottom:18px;}
.music_area.type_list .fR .btn_more button {display:block; width:30px; height:30px; background:url(../images/studio/btn_more.gif) no-repeat; text-indent:-9999px;}
.music_area.type_list .fR .detail {position:absolute; right:0; top:0; display:none;}
.music_area.type_list .fR .detail .ico {position:absolute; left:0; top:64px; width:12px; height:22px; background:url(../images/studio/ico_music_arrow.png) no-repeat;}
.music_area.type_list .fR .detail .inner {margin-left:12px; padding:20px; width:182px; min-height:120px; background:#00c4d6; color:#fff;}
.music_area.type_list .fR .detail .btn_close {position:absolute; right:0; bottom:0;}
.music_area.type_list .fR .detail .btn_close button {display:block; width:30px; height:30px; background:url(../images/studio/btn_close.gif) no-repeat 0 0; text-indent:-9999px;}
.vote {height:342px; background: url(../images/common/bg_content_banner5.png) no-repeat;}
.vote_area {padding-top:20px;}
.vote_area fieldset li {position:relative; float:left; padding:0 45px; height:216px;  width:188px; /*margin-left:104px;*/ text-align:center;/* float:left !important;*/}
.vote_area fieldset li .check {position:absolute; left:130px; top:130px; width:22px; height:22px; background:url(../images/common/spr_cust_radio.png) no-repeat; cursor: pointer;}
.vote_area fieldset li .check.checked {background-position:0 -22px;}
.vote_area fieldset input {width:0; height:0; opacity: 0; filter:alpha(opacity=0);}
.vote_area fieldset label {display:inline-block;width:140px;height:120px;border: 2px solid #00c4d6;font-weight:bold;}
.vote_area fieldset label img {width:100%;height:100%;vertical-align:middle;}
.vote_area fieldset label .desc {padding-top:33px; display:block; max-width:322px; vertical-align:middle;}
.vote_area .btn_vote {text-align:center;}
.vote_area .btn_vote button {width:123px; height:50px; font-size:18px;}
/* E : 스튜디오 자료실 - 오디션 쥬크박스 */

/* S : 스튜디오 자료실  - 멀티미디어 */
.slider_wrap {position:relative;width:840px;margin:30px auto 0 auto;}
.slider_wrap .slider {width:828px;height:490px;padding:1px;border:5px solid #d1d4e3;}
/* 영상 슬라이더 */
.slider_wrap .slider #multi_player {height:490px;background: #000;}
.slider_wrap .slider .btn_player {position:absolute;left:6px;top:6px;width:828px;height:490px;background:url(../images/studio/bg_btn_play.png) center center no-repeat transparent;text-indent:-9999px;}
.slider_wrap.slider_movie .slider .slider_view {position:absolute;left:0;top:510px;width:100%;}
.slider_wrap.slider_movie .slider .slider_view li {display:none;position:absolute;left:0;top:0;width:100%;font-size:18px;text-align:center}
.slider_wrap.slider_movie .slider .slider_view li:first-child {display:block;}
/* 월페이퍼 슬라이더 */
.slider_wrap.slider_wallpaper .slider {position:relative;height:621px;}
.slider_wrap.slider_wallpaper .slider li {display:none;position:absolute;left:1px;top:1px;width:828px;height:621px;text-align:center;background-color: #000;}
.slider_wrap.slider_wallpaper .slider li:first-child {display:block;}
.slider_wrap.slider_wallpaper .slider li img {z-index:1;position:absolute;left:0;top:0;width:100%;}
.slider_wrap.slider_wallpaper .slider li p {z-index:2;display:none;position:absolute;left:0;bottom:0;width:100%;height:60px;background:url(../images/studio/bg_wallpaper.png) 0 0 repeat-x;}
.slider_wrap.slider_wallpaper .slider li:hover p {display:block;}
.slider_wrap.slider_wallpaper .slider li a {float:left;width:206px;height:20px;margin-top:20px;border-left:1px solid #b8bdd3;font-size:14px;color:#fff;line-height:20px;letter-spacing:1px;}
.slider_wrap.slider_wallpaper .slider li a:first-child {border-left:none;}
.slider_wrap .thumb {position:relative;overflow:hidden;width:736px;margin:58px auto 0 auto;}
.slider_wrap.slider_wallpaper .thumb {margin:30px auto 0 auto;}
.slider_wrap .thumb ul {position:relative;width:9999px;}
.slider_wrap .thumb ul img {position:absolute;left:2px;top:2px;width:150px;height:113px;}
.slider_wrap .thumb  li {position:relative;float:left;margin-left:40px;}
.slider_wrap .thumb  li:first-child {margin-left:0;}
.slider_wrap .thumb  li button {display:block;width:154px;height:117px;padding:1px;background: #D3E8E5;border:1px solid #d1d4e3;}
.slider_wrap .thumb ul button:hover span {border:5px solid #01c4d6;}
.slider_wrap .thumb  li span {position:absolute;left:0;top:0;width:144px;height:107px;}
.slider_wrap .thumb  li button.on span {border:5px solid #01c4d6;}
.slider_wrap .pagination {width:100%;height:14px;text-align:center;}
.slider_wrap .pagination button {display:inline-block;width:14px;height:14px;margin-left:8px;background-image:url(../images/studio/spr_btn_page.png);background-position:-24px 0;background-repeat:no-repeat;background-color:transparent;}
.slider_wrap .pagination button:first-child {margin-left:0;}
.slider_wrap .pagination button.on {background-position:0 0;}
.slider_wrap .pagination button span {display:block;text-indent:-9999px;}
.slider_wrap .prev_next {position:absolute;left:0;top:562px;width:100%;}
.slider_wrap.slider_wallpaper .prev_next {top:657px;}
.slider_wrap .prev_next button {display:block;position:absolute;top:0;width:44px;height:117px;text-indent:-9999px;background-image:url(../images/studio/sp_btn_dir.png);background-repeat:no-repeat;background-color:transparent;outline:none;}
.slider_wrap .btn_prev {left:-1px;background-position:0 -117px;}
.slider_wrap .btn_next {right:-1px;background-position:-44px -117px;}
.slider_wrap .btn_prev.on {background-position:0 0;}
.slider_wrap .btn_next.on {background-position:-44px 0;}
/* E : 스튜디오 자료실  - 멀티미디어 */

/* S : 커뮤니티 - 토크라운지 view */
/*.talk_view .view_wrap .layer_area.scrap {bottom:230px;}*/
.btn_area {margin-bottom:20px;}
.btn_area button {margin-left:10px; float:left; width:60px; height:30px; vertical-align:middle;}
.btn_area .fL button:first-child {margin:0}
.talk_view .btn_area .fR button:first-child {margin:0}
.writer_info {padding-top:30px; }
.writer_info .inner {position:relative; left:0; width: 840px; height:116px; background:url(../images/common/bg_view_profile.jpg) no-repeat;}
.writer_info .thumb {position:absolute; left:19px; top:14px; }
.writer_info .thumb img {width:100px; height:88px;}
.writer_info .thumb .mask {position:absolute; left:0; top:0; width:100px; height:88px; background: url(../images/common/bg_view_profile_mask.png) no-repeat;}
.writer_info .desc {padding-left:130px;}
.writer_info .desc dt {float:left; color:#fff;}
.writer_info .desc dd {float:left; color:#fff;}
.writer_info .desc dd a {color:#fff;}
.writer_info .desc .default  {padding-top:30px; }
.writer_info .desc .default dd {padding-right:6px; font-size:18px;}
.writer_info .desc .default dd a {font-size:18px;}
.writer_info .desc .detail {padding-top:12px;}
.writer_info .desc .detail dt {margin-right:6px; height:20px; background: url(../images/common/spr_etc.png) no-repeat; text-indent:-9999px;}
.writer_info .desc .detail dt.server {width:50px; background-position:0 -328px;}
.writer_info .desc .detail dt.blood {width:50px; background-position:-60px -328px;}
.writer_info .desc .detail dt.couple {width:45px; background-position:-120px -328px;}
.writer_info .desc .detail dt.fam {width:35px; background-position:-175px -328px;}
.writer_info .desc .detail dd {padding-right:30px; line-height:18px;}
/* E : 커뮤니티 - 토크라운지 view */

/* S : 커뮤니티 - 앙케이트 list */
#contents.enquete .ico_flag.enquete {background-position:-402px 0;}
#contents.enquete .desc dt {max-width:80%;}
#contents.enquete .desc dd {width:82%;}
#contents.enquete .desc .participant {padding-top:30px;}
#contents.enquete .desc .participant dt {float:left; width:auto; font-size:13px;}
#contents.enquete .desc .participant dd {padding-left:5px; float:left; width:auto;  font-weight:bold; color:#00c4d6; }
#contents.enquete .desc .btn_link {position:absolute; right:32px; top:62px;}
#contents.enquete .desc .btn_link a {display:block; width:106px; height:106px; background:url(../images/common/spr_btn.png) no-repeat -330px -180px; text-indent:-9999px;}
/* E : 커뮤니티 - 앙케이트 list */

/* S : 커뮤니티 - 앙케이트 view & result*/
.enquete_area {margin-bottom:30px; border:1px solid #c2c4cb;}
.enquete_area .inner {border:1px solid #fff;}
.enquete_area .enquete_title {width:100%; height:50px; line-height:48px; background:#dde0ec; border-bottom:1px solid #c2c4cb; font-size:16px;}
.enquete_area .enquete_title strong {padding-left:16px;}
.enquete_area .enquete_wrap {padding:20px 16px;}
.enquete_area .enquete_wrap .list li {position:relative; height:55px;}
.enquete_area .enquete_wrap .thumb {float:left;position:relative;width:70px; height:50px;margin-right:10px;} /* 2015-11-23 수정 */
.enquete_area .enquete_wrap .thumb a {position:absolute; right:0; bottom:0; width:22px; height:20px; background:url(../images/common/spr_btn.png) no-repeat -110px -263px; text-indent:-9999px;}
.enquete_area .enquete_wrap input {margin:18px 10px 0 0; float:left;} /* 2015-11-23 수정 */
.enquete_area .enquete_wrap label {margin-top:14px;float:left;} /* 2015-11-23 수정 */
.enquete_area .enquete_wrap .result dt {font-size:14px;}
.enquete_area .enquete_wrap .result li {padding-bottom:15px;}
.enquete_area .enquete_wrap .result .gauge_box {margin-top:4px; float:left; position:relative; width:424px; border:1px solid #bcc0c7;}
.enquete_area .enquete_wrap .result .gauge {height:14px; background:#00c4d6;}
.enquete_area .enquete_wrap .result .deco {z-index:30; position:absolute; top:-1px; width:7px; height:16px;}
.enquete_area .enquete_wrap .result .left {left:-1px; background:url(../images/community/ico_gauge_left.png) no-repeat;}
.enquete_area .enquete_wrap .result .right {right:-1px; background:url(../images/community/ico_gauge_right.png) no-repeat;}
.enquete_area .enquete_wrap .result  .gauge_info {padding-left:10px; float:left;}
/* E : 커뮤니티 - 앙케이트 view & result*/

/* S : 커뮤니티 - 패션갤러리 list */
#contents.fashion .list_wrap {border-top:none;}
#contents.fashion .top_banner {height:265px;margin-top:30px;padding-bottom:10px;background:url(../images/common/bg_content_banner2.png) 0 0 no-repeat;}
#contents.fashion .top_banner .inner {padding:0}
#contents.fashion .ico_flag.fashion {left:-29px;top:-41px;width:149px; background-position:-103px 0}
.top_banner .con_fashion {padding:40px 0 0 28px;}
.top_banner .inner .con_fashion li:first-child {margin-left:0;}
.con_fashion.fashionList {border-bottom:2px solid #00c4d6;background:url(../images/community/bg_fashion_list.gif) 0 0 repeat-y;}
.con_fashion li {position:relative;float:left;margin-left:42px;}
.con_fashion li>a {position:relative;display:block;width:226px;height:186px;padding:2px;border:1px solid #d3d4d4; background:#fff;}/*수정수정*/
.con_fashion li.on>a {border:1px solid #00c4d6; background:#00c4d6;}
.con_fashion .info {overflow:hidden;position:absolute;left:3px;bottom:3px;height:35px;}
.con_fashion .info_inner {position:relative;width:226px;padding:5px 0 7px 0;background:#000; opacity: 0.8; filter:alpha(opacity=80);}
.con_fashion .info dl.clearFix {z-index:50; position:relative;left:0;top:0;width:206px;padding:0 10px 0 10px;text-align:center}
.con_fashion .info a {max-width:110px;color:#fff;}
.con_fashion .info dd {padding:0 0 6px 0; font-size:13px; color:#fff;text-align:center;}
.con_fashion .info .title {width:100%;line-height:22px;margin:0 auto;}
.con_fashion .info .title span {display:inline-block;padding-left:5px;color:#00c4d6;font-weight:bold;}
.con_fashion .info .title img:first-child {margin-left:0;}
.con_fashion .info .title img {margin-left:2px;}
.con_fashion .info .writer {width:100%;}
.con_fashion .info .writer a {color:#00b3c4;}
.con_fashion .info .data {display:inline;font-size:12px;margin-right:15px;}
.con_fashion .info  dt.cnt {display:inline;padding-right:5px;color:#fff;}
.con_fashion .info  dd.cnt {display:inline;padding:0;color:#00b3c4;}
.con_fashion.fashionList ul {width:830px;margin-left:30px;}
.con_fashion.fashionList li {margin:0 42px 0 0;}
.con_fashion.fashionList li.no_list {width:100%;margin:0;padding:50px 0;text-align:center;font-size: 13px; color:#787878;}
.con_fashion.fashionList  li>a {width:226px;height:186px;margin:20px 0}
.con_fashion.fashionList .info {bottom:23px;}
/* E : 커뮤니티 - 패션갤러리 list */

/*S : 커뮤니티 - 패션갤러리 write */
#contents.fashion .write_wrap .custom_select {float:left;width:105px;height:38px;margin:5px 10px 5px 0;}
#contents.fashion .write_wrap .custom_select p.txt {margin:0;padding:0;border:none;background:url(../images/common/bg_cust_arrow.gif) 80px 50% no-repeat;line-height:38px;}
#contents.fashion .write_wrap .title p {float:left;}
#contents.fashion .write_wrap .title p input {width:700px;}
/*E : 커뮤니티 - 패션갤러리 write*/

/* S : 친구찾기 */
.search_friend .tab_controller {margin-bottom:30px;}
.search_friend_header {float:left;height:25px;margin:30px 10px 0 0;padding-left:34px;background:url(../images/common/ico_title.png) 0 0 no-repeat;line-height:25px;font-size:18px;font-weight:bold;color:#333;}
.search_friend .list_wrap {position:relative;}
.search_friend .list_wrap .btn_area {position:absolute; right:0; top:28px;}
.search_friend h4 span {color:#00c3d5;}
.search_friend .list_wrap .btn_area button {width:115px; height:30px;}
.search_friend h4.result {float:none;width:815px;height:50px;margin:30px 0 0 0;padding-left:25px;background:#01c4d6;color:#fff;font-size:18px;line-height:50px;}
.search_friend h4.result span {color:#fff;font-weight:normal;}
.search_friend h4.result span span {font-weight:bold;}
.search_friend .desc {float:left;padding-top:6px;margin:30px 0 15px 0;color:#999;}
.view_wrap.search_friend .info dl.fL dd {color:#333;}
/* 검색옵션 영역 */
.search_wrap {clear:both;height:193px;padding:27px 165px 26px 160px;margin-bottom:30px;background:url(../images/search_friend/bg_search_wrap.jpg) 0 0 no-repeat;}
.search_wrap>div {float:left;}
.search_wrap dt {float:left;height:30px;padding-left:10px;margin-right:10px;background:url(../images/common/ico_dot_blue.gif) 0 13px no-repeat;line-height:30px;}
.search_wrap dd {float:left;}
.search_wrap .inner1 {float:left;width:100%;padding:10px 0;}
.search_wrap .inner1 dt {float:left;margin-left:49px;}
.search_wrap .inner1 dt:first-child {margin-left:0;}
.search_wrap .inner1 dd {float:left;}
.search_wrap .inner2 .custom_select, .search_wrap .inner3 .custom_select {width:130px;}
.search_wrap .inner2 .custom_select .txt, .search_wrap .inner3 .custom_select .txt {background-position:101px 50%;}
.search_wrap .inner2 {clear:both;width:234px;padding-top:13px;}
.search_wrap .inner2 dt {clear:left;float:left;width:82px;}
.search_wrap .inner2 dt,.search_wrap .inner2 dd {margin-bottom:10px;}
.search_wrap .inner2 dd {float:right;}
.search_wrap .inner3 {width:205px;padding-top:13px;margin-left:76px;}
.search_wrap .inner3 dt {clear:left;float:left;width:53px;}
.search_wrap .inner3 dd {float:right;}
.search_wrap .inner3 dt,.search_wrap .inner3 dd {margin-bottom:10px;}
.search_wrap .inner4 {clear:both;position:relative;width:100%;padding-top:11px;}
.search_wrap .inner4 dt {margin-right:43px;}
.search_wrap .inner4 input {width:316px;height:26px;margin-right:20px;padding-left:10px;border:1px solid #d0d4e3;vertical-align:middle;line-height:26px;}
.search_wrap .inner4 .btn_full {width:60px;height:30px;vertical-align:middle;}
/* 베스트 리스트 */
#contents.search_friend .top_banner {height:270px;padding-bottom:10px;background:url(../images/common/bg_content_banner3.png) 0 0 no-repeat;}
#contents.search_friend .top_banner .inner {padding:0}
#contents.search_friend .top_banner #profile_best ul {padding:31px 0 0 29px;}
#contents.search_friend .top_banner strong.ico_flag {left:-29px;top:-33px;width:149px; background-position:-253px 0}
#contents.search_friend .top_banner #profile_best li:first-child {margin-left:0;}
#contents.search_friend .top_banner #profile_best li {position:relative;float:left;width:184px;margin-left:114px;}
#contents.search_friend .top_banner #profile_best li img {width:180px;height:180px;}
/* 일반리스트 */
#profile_list {clear:both;position:relative;border-bottom:2px solid #00c4d6;}
#profile_list .search_area {position:absolute;right:32px;top:-20px;width:auto;margin:0;}
#profile_list .con_search_friend {clear:both;padding-left:29px;background:url(../images/search_friend/bg_profile_list.jpg) 0 0 repeat-y;}
#profile_list .con_search_friend li {position:relative;float:left;width:184px;margin-left:112px;padding:22px 0 18px 0;}
#profile_list .con_search_friend li.no_list {width:100%;margin:0;padding:20px 0;text-align:center;}
#profile_list .con_search_friend li.first {margin-left:0;}
#profile_list .con_search_friend li img {width:180px;height:180px;}
/* 일반, 베스트 공통 */
.con_search_friend li>a {position:relative; display:block;padding:1px;border:1px solid #d3d4d4; background:#fff;}
.con_search_friend .info {position:relative;height:33px;padding:5px 0 0 33px;text-align:left;}
.con_search_friend .gender {position:absolute;left:0;top:4px;width:22px;height:22px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;}
.con_search_friend .gender.male {background-image:url(../images/common/ico_male.png);}
.con_search_friend .gender.female {background-image:url(../images/common/ico_female.png);}
.con_search_friend .name {margin-bottom:4px;}
.con_search_friend .name span {margin-left:3px;color:#00c4d6;}
.con_search_friend .age {clear:both;float:left;}
.con_search_friend .blood {float:left;}
.con_search_friend .blood span {padding:0 5px 0 4px;}
.con_search_friend .point {position:absolute;right:0;top:25px;padding-left:18px;background:url(../images/search_friend/ico_heart.png);background-position:0 0;background-repeat:no-repeat;line-height:13px;}
/* write */
#contents.search_friend .write_wrap .custom_select {float:left;width:105px;height:38px;margin:5px 10px 5px 0;}
#contents.search_friend .write_wrap .custom_select p.txt {margin:0;padding:0;border:none;background:url(../images/common/bg_cust_arrow.gif) 80px 50% no-repeat;line-height:38px;}
#contents.search_friend .write_wrap .title p {float:left;}
#contents.search_friend .write_wrap .title p input {width:700px;}
/* E : 친구찾기 */

/* S : 오디션 랭킹  - 공통 */
.list_wrap.ranking {clear:both;margin-bottom:15px;}
.list_wrap.ranking td {font-size:13px;}
.ranking_top {height:43px;margin-top:8px;padding:46px 0 0 135px;background-image:url(../images/ranking/sp_ranking_top.jpg);background-repeat:no-repeat;}
.ranking_top.type1 {background-position:0 0;}
.ranking_top.type2 {background-position:0 -89px;}
.ranking_top .desc {padding-top:14px;color:#999;font-size:13px;}
.ranking_top10_wrap .left {float:left;width:415px;border:5px solid #00c3d5;border-right:none;margin-bottom:30px;}
.ranking_top10_wrap .right {float:right;width:415px;border:5px solid #00c3d5;border-left:none;margin-bottom:30px;}
.ranking_top10_wrap ol {height:520px;border:1px solid #fff;background:url(../images/ranking/bg_ranking_top10.jpg) 0 0 repeat;}
.ranking_top10_wrap .left ol {border-right:0;}
.ranking_top10_wrap ol dl {height:104px;}
/*.ranking_top10_wrap .rank1 dl,.ranking_top10_wrap .rank3 dl,.ranking_top10_wrap .rank5 dl,.ranking_top10_wrap .rank6 dl,.ranking_top10_wrap .rank8 dl,.ranking_top10_wrap .rank10 dl {background:url(../images/ranking/bg_ranking_top10.jpg) 0px 0px repeat;}*/
.ranking_top10_wrap dt {float:left;width:29px;height:29px;background-image:url(../images/ranking/sp_top10.png);background-repeat:no-repeat;text-indent:-9999px;}
.ranking_top10_wrap .rank1 dt {background-position:0 0;}
.ranking_top10_wrap .rank2 dt {background-position:-46px 0;}
.ranking_top10_wrap .rank3 dt {background-position:-92px 0;}
.ranking_top10_wrap .rank4 dt {background-position:0 -60px;}
.ranking_top10_wrap .rank5 dt {background-position:-39px -60px;}
.ranking_top10_wrap .rank6 dt {background-position:-78px -60px;}
.ranking_top10_wrap .rank7 dt {background-position:-117px -60px;}
.ranking_top10_wrap .rank8 dt {background-position:-156px -60px;}
.ranking_top10_wrap .rank9 dt {background-position:-195px -60px;}
.ranking_top10_wrap .rank10 dt {background-position:-234px -60px;}
.ranking_top10_wrap .name {border-bottom:1px dashed #b8bdd3;}
.ranking_top10_wrap .name a {font-size:14px;color:#00c4d6;font-weight:bold;}
.ranking_top10_wrap .level {vertical-align:middle;}
.ranking_top10_wrap .level img {height:13px;vertical-align:middle;}
.ranking_top10_wrap .win_count {float:left;margin-left:20px;}
.ranking_top10_wrap .win_count span {margin:0 3px;}
.ranking_top10_wrap .point {float:left;}
.ranking_top10_wrap .notice,.ranking_top3_wrap .notice {color:#999;}
/* E : 오디션 랭킹  - 공통 */

/* S : 오디션 랭킹  - 일반 */
.ranking_top10_wrap.normal dt {margin:35px 0 0 34px;}
.ranking_top10_wrap.normal .rank1 dt,.ranking_top10_wrap.normal .rank2 dt,.ranking_top10_wrap.normal .rank3 dt {width:36px;height:50px;margin:27px 0 0 32px;}
.ranking_top10_wrap.normal .name,.ranking_top10_wrap.normal .level,.ranking_top10_wrap.normal .exp {width:210px;height:21px;margin-left:175px;line-height:21px;}
.ranking_top10_wrap.normal .thumb {float:left;width:71px;height:71px;padding:2px;margin:14px 0 0 17px;background:url(../images/ranking/sp_top10.png) 0 -99px no-repeat;}
.ranking_top10_wrap.normal .thumb img {width:71px;height:71px;}
.ranking_top10_wrap.normal .name {height:23px;padding-top:18px;}
.ranking_top10_wrap.normal .rank1 .thumb,.ranking_top10_wrap.normal .rank2 .thumb,.ranking_top10_wrap.normal .rank3 .thumb {margin:15px 0 0 13px;}
/* E : 오디션 랭킹  - 일반 */

/* S : 오디션 랭킹  - 그룹 */
.ranking_top10_wrap.couple .right {border:5px solid #f8545f;border-left:none;}
.ranking_top10_wrap.couple dl {position:relative;}
.ranking_top10_wrap.couple dt {margin:36px 0 0 25px;}
.ranking_top10_wrap.couple .rank1 dt,.ranking_top10_wrap.couple .rank2 dt,.ranking_top10_wrap.couple .rank3 dt {width:36px;height:50px;margin:28px 0 0 24px;}
.ranking_top10_wrap.couple dd {width:173px;height:21px;margin-left:146px;line-height:21px;text-align:center;}
.ranking_top10_wrap.couple .thumb {position:absolute;left:0;top:0;width:0;height:0;line-height:0;margin:0;}
.ranking_top10_wrap.couple .thumb img {width:65px;height:65px;}
.ranking_top10_wrap.couple .thumb .male {position:absolute;left:72px;top:19px;}
.ranking_top10_wrap.couple .thumb .female {position:absolute;left:326px;top:19px;}
.ranking_top10_wrap.couple .name {height:23px;padding-top:17px;vertical-align:bottom;}
.ranking_top10_wrap.couple .name a {font-size:14px;}
.ranking_top10_wrap.couple .name .male {float:left;text-align:left;}
.ranking_top10_wrap.couple .name .female {float:right;color:#ff303f;text-align:right;}
.ranking_top10_wrap.couple .name span {display:inline-block;width:15px;height:12px;margin:0;padding:0;background:url(../images/ranking/sp_top10.png) -138px 0 no-repeat;}
/* 팸랭킹 */
.ranking_top3_wrap ol {margin-bottom:30px;}
.ranking_top3_wrap li {float:left;margin-left:30px;border:5px solid #00c4d6;}
.ranking_top3_wrap li:first-child {margin-left:0;}
.ranking_top3_wrap dl {height:188px;border:1px solid #fff;border-top:none;background-color:#fbfcfe;text-align:center;}
.ranking_top3_wrap dt {width:94px;height:106px;margin:0 76px;background-image:url(../images/ranking/sp_top10.png);background-repeat:no-repeat;text-indent:-9999px;}
.ranking_top3_wrap .rank1 dt {background-position:0 -184px;}
.ranking_top3_wrap .rank2 dt {background-position:-104px -184px;}
.ranking_top3_wrap .rank3 dt {background-position:-208px -184px;}
.ranking_top3_wrap .name {display:inline-block;*display:inline; zoom:1;height:43px;padding-right:8px;color:#00c4d6;line-height:43px;font-weight:bold;}
.ranking_top3_wrap .point {display:inline-block;*display:inline; zoom:1;height:43px;color:#333;line-height:43px;}
.ranking_top3_wrap .txt {width:238px;height:39px;padding:0 5px;background:url(../images/ranking/bg_ranking_top3.gif) 0 0 repeat;line-height:38px;font-size:13px;color:#fff;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
/* E : 오디션 랭킹  - 그룹 */

/* S : 고객센터 - faq */
.faq_search {margin-bottom:30px; padding:20px 30px; border-top:2px solid #00c4d6; border-bottom:1px solid #b8bdd3; background:#e8eaf2;}
.faq_search .label_area {padding-bottom:10px;}
.faq_search .label_area label {float:left; font-weight:bold; font-size:18px; }
.faq_search .label_area p {padding:5px 0 0 10px; float:left; color:#787878;}
.faq_search .input_area input {padding:0 10px; margin-right:10px; float:left; width:682px; height:38px; line-height:36px; border:1px solid #d0d4e3;}
.faq_search .input_area button {float:left; width:66px; height:40px; font-size:14px;}
.faq_wrap .tab_controller h3 a {/*font-weight:normal;*/ font-size:14px;}
.list_faq .depth1_ul {border-bottom:2px solid #00c4d6;}
.list_faq .depth1_ul .ico {display:block; background:url(../images/common/spr_etc.png) no-repeat;}
.list_faq .depth1_ul .title {padding:18px 30px 0 0; height:32px; border-bottom:1px solid #d8d9df; }
.list_faq .depth1_ul .title .best {margin-right:5px; display:inline-block; width:54px; height:21px; background-position:-46px -358px; vertical-align:middle;}
/*.list_faq .depth1_ul li:first-child .title {border:5px solid black;}*/
.list_faq .depth1_ul .title strong {float:left; width:100px; text-align:center;color:#333;}
.list_faq .depth1_ul .title h4 {padding:0 0 0 25px; float:left; font-weight:normal;}
.list_faq .depth1_ul .title .next {float:right; width:8px; height:14px; background-position:-110px -358px;}
.list_faq .depth1_ul .detail {position:relative; border-top:1px solid #d8d9df; display:none;}
.list_faq .depth1_ul .detail .reply {margin:16px auto 0 auto;width:36px; height:31px; background-position:0 -358px;}
.list_faq .depth1_ul .detail .fL {width:102px; height:70px; }
.list_faq .depth1_ul .detail .txt {padding:18px 25px; min-height:34px; height:auto; border-left:1px solid #fff; width:686px; background:#e8eaf2; word-break:break-all; word-wrap:normal; line-height:20px;}
.list_faq .depth1_ul .detail .btn_close {position:absolute; right:30px; top:18px; display:block; width:16px; height:16px; background:url(../images/common/spr_etc.png) no-repeat -129px -358px; text-indent:-9999px;}
.quick_customer {padding:22px 30px 0; width:780px; height:56px; background:url(../images/customer/bg_quick_inquiry.png) no-repeat;}
.quick_customer.inquiry {margin-top:25px;}
.quick_customer.faq {margin:30px 0 0 0;}
.quick_customer h3 {padding-top:3px; float:left; font-size:18px;}
.quick_customer p {padding:7px 0 0 18px; float:left; font-size:13px; color:#999;}
.quick_customer a {float:right; height:30px; line-height:28px; text-align:center; }
.quick_customer.inquiry a {width:105px;}
.quick_customer.faq a {width:85px;}
.list_faq .no_list {text-align:center; line-height:100px;}
/* E : 고객센터 - faq */

/* S : 고객센터 - 1대1문의 write */
.inquiry_write .btn_area {text-align:center;}
.inquiry_write .btn_area button {float:none; width:64px; height:40px;} /*d5daed*/
.inquiry_form {margin:30px 0 20px 0; padding:1px 0; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.inquiry_form .inner {padding:20px; width:638px; border:1px solid #d1d1d1;}
.inquiry_form p {color:#999; font-size:12px;}
.inquiry_form table {width:100%;}
.inquiry_form th {padding-top:20px; padding-left:30px; background:#e2e4ec; font-weight:bold; font-size:14px; text-align:left; vertical-align:top;}
.inquiry_form td {padding-left:12px; height:60px;}
.inquiry_form .type_inquiry {width:210px; font-size:14px;}
.inquiry_form td.categorize .acconut_inquire{float:right;}
.inquiry_form td.categorize .acconut_inquire span{margin-right:10px;font-size:12px;color:#999999}
.inquiry_form td.categorize .acconut_inquire a{display:inline-block;width:88px;height:29px; text-align:center; line-height:29px;}
.inquiry_form textarea {padding:10px; resize:none;}
.inquiry_form input.title, textarea {padding:0 10px; width:658px; border:1px solid #d1d1d1;}
.inquiry_form input.title {height:38px; line-height:36px;}
.inquiry_form .desc {height:216px;}
.inquiry_form .limit {margin-bottom:10px; padding:20px; width:638px; border:1px solid #d1d1d1;}
.inquiry_form .limit .file_add p {padding-top:5px; }
.inquiry_form textarea.spec {height:116px;}
.inquiry_form div.spec {padding:10px 0;}
.inquiry_form div.spec button {float:left; width:100px; height:30px;}
.inquiry_form div.spec p {padding:8px 0 0 10px; float:left;}
.inquiry_form .phone_info {padding-bottom:10px;}
.inquiry_form .phone_info p {margin-right:15px; color:#333;}
.inquiry_form .phone_info input {}
.inquiry_form .edit_info p {padding:6px 10px 0 0;}
.inquiry_form .edit_info a {width:100px; height:30px; text-align:center; line-height:28px;}
.inquiry_form .input_email input {padding:0 10px; width:392px; height:38px; line-height:36px; border:1px solid #d1d1d1;}
.inquiry_form .input_check {padding:10px 0 0 5px;}
.inquiry_form .input_check input {float:left;}
.inquiry_form .input_check label {float:left;}
/* E : 고객센터 - 1대1문의 write*/

/* S : 고객센터 - 1대1문의 list */
.quick_customer.process {margin-top:30px; padding:22px 0 0 30px; width:810px; height:235px; background:url(../images/customer/bg_quick_process.png) no-repeat;}
.quick_customer.process h3 {float:none;}
.quick_customer.process p {float:none; padding-left:0}
.quick_customer.process ol {padding-top:10px;}
.quick_customer.process ol li {position:relative; float:left; width:202px;}
.quick_customer.process dl {width:155px; height:155px; background:url(../images/customer/bg_box_process.png) no-repeat; text-align:center;}
.quick_customer.process dt {padding-top:34px; font-weight:bold; font-size:16px; color:#fff;}
.quick_customer.process dd {padding-top:20px; margin:0 auto;width:98px; line-height:16px;}
.quick_customer.process ol li .ico {position:absolute; right:12px; top:70px; width:19px; height:20px; background:url(../images/common/spr_etc.png) no-repeat -155px -358px;}
.inquiry_list .list_wrap {margin-top:30px;}
.state {margin:0 auto; display:block; width:100px; height:30px; line-height:28px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:12px; color:#fff;}
.state.step1 {background:#e83d46; border-color:#b22f36;}
.state.step2 {background:#65719e; border-color:#4e5779;}
.state.step3 {background:#00c4d6; border-color:#0097a4;}
.state.step4 {background:none; border:1px solid #b8bdd3; color:#999;}
/* E : 고객센터 - 1대1문의 list */

/* S : 고객센터 - 1대1문의 view */
.inquiry_view .view_wrap {margin-top:30px;}
.inquiry_view .answer {margin-bottom:10px; }
.inquiry_view .answer .top_con {padding:0 20px;height:46px; border:1px solid #d0d4e3;}
.inquiry_view .answer .top_con dl {padding-top:15px; float:right;}
.inquiry_view .answer .top_con dt {margin:0 5px 0 15px;  float:left; font-size:12px;}
.inquiry_view .answer .top_con dd {float:left; color:#999;}
.inquiry_view .answer .top_con dd.add_file {position:relative; width:80px; color:#3dcadb;}
.inquiry_view .answer .add_file .file {right:0; top:0;}
.inquiry_view .answer .add_file .layer_pop {width:100%; top:22px;}
.inquiry_view .answer .inner {padding:20px; width:800px;  background:#a4b3d2; color:#fff;}
.inquiry_view .answer h3 {float:left; padding:14px 0 10px 0; background:none; color:#333; font-size:13px; }
/* E : 고객센터 - 1대1문의 view */

/* S : 고객센터 - 보안센터 */
.security em {margin-top:2px; display:block; color:#999; font-style: normal;}
.security h3 {margin-bottom:15px; width:100%; height:66px; text-indent:-9999px;}
.security .title1 {margin-top:30px; background: url(../images/customer/bg_security_title1.png) no-repeat;}
.security .title2 {margin-top:10px;background: url(../images/customer/bg_security_title2.png) no-repeat;}
.security h4 {padding:0 0 10px 34px; height:23px; background:url(../images/common/ico_title.png) no-repeat left 0;font-size:18px;}
.security p {line-height:20px;}
.security .desc {padding-bottom:30px; }
.security .desc.trapped {padding-bottom:15px;}
.security .step_setting {margin-bottom:40px; width:100%; height:114px; background: url(../images/customer/bg_security_setting.jpg) no-repeat;}
.security .step_setting li {padding:40px 0 0 110px; float:left; width:170px;}
.security .step_setting li:first-child {padding-left:90px; width:190px;}
.certify_area {margin-bottom:10px;}
.certify_area li {padding-left:150px; float:left; width:250px; height:190px;}
.certify_area li.phone {margin-right:40px;background: url(../images/customer/bg_certify_phone.jpg) no-repeat;}
.certify_area li.ipin {background: url(../images/customer/bg_certify_ipin.jpg) no-repeat;}
.certify_area li strong {padding:50px 0 14px 0; display:block; font-size:18px; text-align:center;}
.certify_area li button {margin:0 auto; display:block; width:180px; height:50px; font-size:14px}
.security .btn_setting {padding-top:10px; text-align:center;}
.security .btn_setting.uopt {padding-bottom:30px;}
.security .btn_setting button {width:175px; height:50px; font-size:14px;}
/* E : 고객센터 - 보안센터 */

/* S : 고객센터 - 운영정책*/
.policy_control {padding:30px 0; border-bottom:1px solid #d3d4d6;}
.policy_control ul {float:left;}
.policy_control ul.fir {padding-right:36px;}
.policy_control li {padding-bottom:1px;}
.policy_control li a {display:block; width:402px; height:30px; line-height:28px; background: url(../images/customer/spr_tab_policy.png) no-repeat; font-weight:bold; text-indent:40px;}
.policy_control li a:hover {color:#fff; background-position:0 -30px; text-decoration:none;}
.summary_area {padding-top:25px; line-height:22px; color:#787878;}
.summary_area h3 {padding-bottom:10px; font-size:15px;}
.summary_area .summary {padding-bottom:25px;}
.policy_list h4 {color:#1f1f57;}
.policy_list .depth1 {padding-bottom:25px;}
.policy_list .depth1 .num {color:#1f1f57;}
.policy_list .depth1 a {text-decoration:underline;}
.policy_list .depth1 ul {padding-left:18px;}
.policy_list table {margin:20px 0; border:1px solid #d4d4d4;}
.policy_list table thead th {height:42px; border-left:1px solid #fff; border-bottom:1px solid #d4d4d4; background:#dde0ec; color:#777; text-align:center;}
.policy_list table th,
.policy_list table td {height:22px; text-align:center;}
.policy_list table thead th.fir {border-left:0;}
.policy_list table tbody th,
.policy_list table tbody td {border:1px solid #d4d4d4; background:#fff; color:#777; font-weight:bold;}
.policy_list table tbody td {padding:10px;}

/* E : 고객센터 - 운영정책*/

/* S : 마이페이지 - 프로필 카드 */
#contents.myself {margin-top:20px;}
.myself .tab_bgType {margin-top:20px;}
.myself .tab_bgType li {float:left;}
.myself .tab_bgType li a {display:block; width:420px; height:59px; background: url(../images/myself/spr_tab.jpg) no-repeat; border:0;line-height:59px;text-indent:25px;color:#606c7c;font-size:20px;font-weight:normal;vertical-align:middle}
.myself .tab_bgType li a:hover{text-decoration:none}
.myself .tab_bgType li a.on{color:#ffffff;font-weight:bold}
.myself .tab_bgType .tab1 a {background-position:0 -59px;}
.myself .tab_bgType .tab1 a.on {background-position:0 0;}
.myself .tab_bgType .tab2 a {background-position:-420px 0;}
.myself .tab_bgType .tab2 a.on {background-position:-420px -59px;}
.profile_info {position:relative; padding:25px; width:790px; height:353px; background: url(../images/myself/bg_info_profile.jpg) no-repeat;}
.myself .profile_info .btn_write{position:absolute;left:310px;top:-42px;width:96px;height:14px;padding:8px 0 26px;background:url(../images/myself/btn_write.png) no-repeat 0 0;font-weight:bold;font-size:12px;color:#ffffff;text-indent:-12px;vertical-align:top;box-sizing: border-box;}

.profile_info .left {float:left; width:237px;}
.profile_info .right {padding:30px 0 0 30px; float:left; width:513px;}
.profile_info .represent {z-index:30; margin:31px 0 0 32px; position:relative; }
.profile_info .represent a {display:block; height:143px; overflow:hidden;}
.profile_info .represent .cover {position:absolute; left:0; top:0; width:167px; height:143px; background:url(../images/myself/bg_mask_profile.png) no-repeat;}
.profile_info .other {z-index:50; margin-top:-8px; position:relative; height:94px;}
.profile_info .other .cover {position:absolute; left:0; top:0; width:75px; height:75px;}
.profile_info .other .fir {position:absolute; left:24px; top:0;}
.profile_info .other .sec {position:absolute; left:105px; top:11px;}
.profile_info .other .fir .cover {background: url(../images/myself/bg_mask_fir.png) no-repeat;}
.profile_info .other .sec .cover {background: url(../images/myself/bg_mask_sec.png) no-repeat;}
.point_area .btn_stamp button {margin: 0 auto; display:block; width:151px; height:40px; background:url(../images/common/spr_btn.png) no-repeat -555px 0; text-indent:-9999px;}
.point_area dl {padding-top:10px; text-align:center;}
.point_area dl dt,
.point_area dl dd {display:inline-block; *display: inline; zoom:1;}

.profile_info .right .nick {/*padding:0 0 16px 0;*/ width:100%; height:28px; line-height:23px; font-size:18px; color:#333;}
.profile_info .right .nick strong {padding-right:5px;}
.profile_info .right .nick .level {padding-right:5px; font-weight:normal;}
.profile_info .right dl{padding-left:10px;font-size:14px;}
.profile_info .right dt {/*padding-bottom:15px;*/ float:left; padding-left:8px; width:102px; height:34px; line-height:34px; background:url(../images/common/ico_dot_gray.gif) no-repeat left 15px; font-weight:bold;}
.profile_info .right dt.short {width:90px;}
.profile_info .right dd {/*padding-bottom:15px;*/ float:left; width:385px; height:34px; line-height:34px; font-weight:bold; color:#00c4d6;}
.profile_info .right dd.short {width:114px;}
.profile_info .right dd.short.fir {padding-right:64px;}
.profile_info .right .game_mode {/*padding-bottom:12px;*/}
.profile_info .right .game_mode dt {margin-top:6px; padding-bottom:0; width:71px; height:21px; background: url(../images/common/spr_etc.png) no-repeat; text-indent: -9999px;}
.profile_info .right .game_mode dt.solo {background-position:0 -399px;}
.profile_info .right .game_mode dt.team {width:65px; background-position:-80px -399px;}
.profile_info .right .game_mode dd {padding-bottom:0; width:98px;}
.profile_info .right .couple {padding-top:10px;}
.profile_info .right .couple .thumb {float:left; position:relative;}
.profile_info .right .couple .cover {position:absolute; left:0; top:0; width:58px; height:59px; background:url(../images/myself/bg_mask_couple.png) no-repeat;}
.profile_info .right .couple .info {padding-left:15px; float:left; width:310px;}
.profile_info .right .couple .nick {font-size:14px;}
.profile_info .right .couple .nick a {color:#00c4d6; font-weight:bold;}
.profile_info .right .couple .info dt {padding-left:0; width:75px; height:auto; line-height:14px; background:none; font-weight:normal; color:#333;}
.profile_info .right .couple .info .couple_date {color:#333;}
.profile_info .right .couple .info dd {padding-bottom:3px; font-weight:normal; height:auto; line-height:14px;}
.profile_info .right .couple .info .kiss_point {width:200px; font-weight:bold;}
.profile_info .right .info_no {background:url(../images/myself/img_info_no.jpg) no-repeat;}
.profile_info .right .info_no dt {}
.profile_info .right .info_no dd {width:380px;}
.profile_info .right .info_no .nick {padding-bottom:168px; width:500px;}
.profile_info .right .info_no .img {padding-bottom:8px; margin-left:-10px; width:500px;}
.profile_info .right .yet span {float:left; font-weight:normal; color:#999;}
.profile_info .right .yet a {margin-top:5px; float:right; display:block; width:87px; height:22px; line-height:22px; text-align:center;}
.profile_info .right .info_fix {/*padding-top:5px;*/}
.profile_info .right .info_fix .no_couple {padding-top:5px; line-height:20px;}
.profile_info .prev_nick {position:absolute; right:52px; top:50px;}
.profile_info .prev_nick dt {width:95px; font-weight:normal;}
.profile_info .prev_nick dd {width:auto; color:#333;}
.profile_info .prev_nick dl {float:left;}
.profile_info .prev_nick button {margin:8px 0 0 5px; float:left; width:44px; height:20px;}
.timeline .btn_more button {width:100%; height:50px; font-size:18px;}
.timeline .comments_list {margin-bottom:0; border-top:2px solid #00c4d6; border-bottom:1px solid #b8bdd3;}
.timeline .comments_list .comment_write {margin:0;}
.timeline .comments_list .comment_write .secret{clear:both;height:16px;padding-left:68px;color:#787878;font-size:12px;} /*2015-11-05 추가*/
.timeline .comments_list .upload,
.timeline .comments_list .delete {position:absolute; right:30px; top:18px; width:34px; height:28px; overflow:hidden;}
.timeline .comments_list .upload label {z-index:50; position:absolute; left:0; top:0;cursor:pointer;}
.timeline .comments_list .upload label .on {position:absolute; left:0; top:0; display:none;}
.timeline .comments_list .upload label .on .delete {position:absolute;right:0; top:0; width:11px; height:11px; background: url(../images/myself/btn_close_gray.png) no-repeat;}
.timeline .comments_list .upload input {z-index:60; position:absolute; right:0; top:0; /*width:32px; height:25px;*/ opacity: 0; filter:alpha(opacity=0); cursor:pointer;}
.timeline .comments_list .delete {top:15px; overflow: visible;}
.timeline .comments_list .delete button {background:none;}
.timeline_list {padding:20px 0; min-height:300px; background: url(../images/myself/bg_pattern_timeline.png) repeat-y;}
.timeline_list .comment {margin-bottom:10px; }
.timeline_list .comment .info_date {font-size:12px; color:#999;}
.timeline_list .comment .info_date span.secret{display:inline-block;width:11px;height:14px;margin-left:5px;background:url(../images/common/ico_secret.png) no-repeat 0 0;text-indent:-9999px;color:transparent;} /*2015-11-05 추가*/
.timeline_list .comment .dot_time {margin-top:11px; float:left; width:18px; height:18px; background: url(../images/myself/ico_dot_time.png) no-repeat;}
.timeline_list .comment .arrow {margin-top:12px; float:left; width:16px; height:20px;}
.timeline_list .comment .desc {position:relative;min-height:60px;}
.timeline_list .comment .box {padding:20px; position:relative; float:left; width:290px; border-radius:3px;}
.timeline_list .comment .box .nick {color:#00c4d6;}
.timeline_list .comment .box p {padding-bottom:8px;word-wrap:break-word;word-break:break-all;}
.timeline_list .comment .close {position:absolute; right:20px; top:20px;}
.timeline_list .comment .close button {display:block; width:11px; height:11px; text-indent:-9999px;}
.timeline_list .comment .info_music {padding-top:30px; max-width:68%;}
.timeline_list .comment .thumb_music {position:absolute; right:0; top:0;}
.timeline_list .comment .thumb_music img {border:3px solid #fff;}
.timeline_list .comment.user {margin-left:50px;}
.timeline_list .comment.user .box {background:#00c4d6; color:#fff;}
.timeline_list .comment.user .info_date {color:#fff;}
.timeline_list .comment.user .arrow { background: url(../images/myself/ico_arrow_left_blue.png) no-repeat;}
.timeline_list .comment.user .dot_time {margin-left:14px;}
.timeline_list .comment.user .close button {background: url(../images/myself/btn_close_white.png) no-repeat;}
.timeline_list .comment.other,
.timeline_list .comment.system,
.timeline_list .comment.stamp {margin-left:410px;}
.timeline_list .comment.other .box,
.timeline_list .comment.system .box,
.timeline_list .comment.stamp .box {background:#dde0ec;}
.timeline_list .comment.stamp .box {min-height:75px;}
.timeline_list .comment.other .arrow,
.timeline_list .comment.system .arrow,
.timeline_list .comment.stamp .arrow {background: url(../images/myself/ico_arrow_right_gray.png) no-repeat;}
.timeline_list .comment.other .dot_time,
.timeline_list .comment.system .dot_time,
.timeline_list .comment.stamp .dot_time {margin-right:19px;}
.timeline_list .comment.other .box p,
.timeline_list .comment.stamp .box p{width:230px;}
.timeline_list .comment.other .thumb,
.timeline_list .comment.stamp .thumb {position:absolute; right:0; top:0; width:58px; height:60px;}
.timeline_list .comment.other .thumb .cover {position:absolute; left:0; top:0; width:58px; height:60px; background:url(../images/myself/bg_mask_comment.png) no-repeat;}
.timeline_list .comment.other .close button {background: url(../images/myself/btn_close_gray.png) no-repeat;}

#pop_profile {z-index:100; position:absolute; left:0; top:0; width:100%; height:100%;}
#pop_profile .dim {margin:0; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80);}
#pop_profile .con {position:absolute; left:0; top:100px; width:700px; background:#f1f1f5;}
#pop_profile .con h4 {padding-left:30px; width:670px; height:50px; line-height:48px; background:#00c4d6; font-weight:normal; font-size:18px; color:#fff;}
#pop_profile .photo_area {position:relative; padding:20px 25px; width:650px; height:550px;}
#pop_profile .photo_area .represent {position:relative; margin:0 auto; width:360px;}
#pop_profile .photo_area .upload {position:absolute; right:0; bottom:0;width:40px; height:40px; overflow:hidden;}
#pop_profile .photo_area .upload label {/*z-index:50; position:absolute; left:0; top:0;*/ width:40px; height:40px;}
#pop_profile .photo_area .upload input {z-index:30; position:absolute; right:0; bottom:0; width:40px; height:40px; opacity: 0; filter:alpha(opacity=0); cursor:pointer; text-indent:-9999px;}
/* S : 삭제 버튼 추가 2015-12-15*/
#pop_profile .photo_area .delete {position:absolute; right:39px; bottom:0;width:40px; height:40px; overflow:hidden;}
#pop_profile .photo_area .delete button {/*z-index:50; position:absolute; left:0; top:0;*/ width:40px; height:40px;}
/* E : 삭제 버튼 추가 2015-12-15*/
#pop_profile .profile_controller {position:absolute; left:0; top:176px; width:100%;}
#pop_profile .profile_controller button {display:block; width:46px; height:46px; background: url(../images/common/spr_btn.png) no-repeat; text-indent:-9999px;}
#pop_profile .profile_controller .btn_prev {margin-left:25px; float:left; background-position:-56px -313px;}
#pop_profile .profile_controller .btn_next {margin-right:25px; float:right;background-position:-56px -369px;}
#pop_profile .thumb {margin-top:20px; padding-top:10px; border-top:1px solid #dcdfee;}
#pop_profile .thumb ul {margin:0 auto; width:360px;}
#pop_profile .thumb li {position:relative; margin-left:22px; float:left;}
#pop_profile .thumb li:first-child {margin:0;}
#pop_profile .thumb li .focus {position:absolute; left:0; top:0; width:95px; height:95px; border:5px solid #00c4d6; display:none;}
#pop_profile .thumb li.on .focus {display:block;}
#pop_profile .btn_save {padding-top:12px; text-align:center;}
#pop_profile .btn_save button {width:66px; height:40px;}
#pop_profile .btn_close {position:absolute; right:30px; top:17px; width:16px; height:16px; text-indent: -9999px; background: url(../images/common/spr_btn.png) no-repeat -112px -313px;}
/* E : 마이페이지 - 프로필 카드 */

/* S : 마이페이지 - 나의 가계부 */
.money_info {position:relative; margin-bottom:30px; padding:25px; width:790px; height:260px; background: url(../images/myself/bg_info_money.jpg) no-repeat;}
.money_info dl {padding:32px 0 0 54px;}
.money_info dt {padding-left:8px; float:left; width:96px; background:url(../images/common/ico_dot_gray.gif) no-repeat left 7px; font-weight:bold; font-size:14px;}
.money_info dd {float:left; width:572px;}
.money_info .fir {margin-bottom:12px; height:32px;}
.money_info dt.fir {margin-top:5px; height:27px;}
.money_info .own_den {font-weight:bold; font-size:22px;}
.money_info dt.sec {margin-top:15px;}
.money_info dt.sec a {margin-left:5px; float:left; display:block; width:18px; height:18px; background: url(../images/common/spr_btn.png) no-repeat -110px -234px; text-indent:-9999px;}
.money_info .own_cash {padding:5px; width:560px; background:url(../images/myself/bg_pattern_money.gif); border-bottom:1px solid #fff; border-right:1px solid #fff;}
.money_info .own_cash table {width:560px;}
.money_info .own_cash table th {height:40px; background:#f1f1f5; border-left:1px solid #e1e4f2; border-bottom:1px solid #e1e4f2;}
.money_info .own_cash table td {height:40px; background:#f6f8fc; border-left:1px solid #e1e4f2; font-weight:bold; font-size:18px; color:#00c4d6; text-align:center;}
.money_info .btn_area {padding-top:20px; text-align:center;}
.money_info .btn_area a {display:inline-block; height:40px; line-height:38px; font-size:14px;}
.money_info .btn_area .btn_red {margin-right:20px; width:66px;}
.money_info .btn_area .btn_clear {width:126px;}
.money_info #advice {position:absolute; left:70px; top:132px; width:260px; color:#fff;}
.money_info #advice .ico {position:absolute; top:0; left:75px; width:16px; height:10px;background: url(../images/myself/ico_arrow_layer.png) no-repeat;}
.money_info #advice dl {margin-top:9px; padding:10px 15px; border:1px solid #47f0fb; background:#00c4d6; word-break: break-all; word-wrap: break-word; font-size:12px;}
.money_info #advice dl dt {padding:0 0 3px 10px; float:none;width:auto; background:url(../images/common/ico_hwasal2.png) no-repeat left 7px; font-size:12px;}
.money_info #advice dl dd {padding-bottom:8px; float:none;width:auto;}
.myself .type_area {padding:20px 0;}
.myself .type_area label {margin-right:8px; padding-top:6px; float:left; font-weight:bold; font-size:14px; }
.myself .type_area .custom_select {margin-right:8px; float:left; width:138px;}
.myself .type_area .custom_select .txt {background-position: 113px 50%;}
.myself .type_area .btn_ask {float:left;}
.myself .type_area .btn_ask button {width:66px; height:30px;}
.myself .type_area .fR .desc {padding:0 8px 0 0; float:left; color:#999; }
.myself .type_area .btn_down {float:left;}
.myself .type_area .btn_down button {width:90px; height:30px; }
.money_list {width:840px; background:url(../images/myself/bg_table_money.png) no-repeat;}
.money_list table {width:100%;}
.money_list table th {height:40px; border-left:1px solid #d8d9df; font-weight:normal;}
.money_list table td {height:40px; border-left:1px solid #d8d9df; text-align: center;}
.money_list table tr.no_list {width:840px;}
.money_list table tr.no_list td {width:840px;}
.money_list table td:first-child {border:0;}
.money_list table td.detail {font-weight:bold;}
.money_list .btn_more button {width:100%; height:50px; font-size:18px;}
/* E : 마이페이지 - 나의 가계부 */

/* S : popup - 공통 */
#popup {position:relative;}
#popup header {height:50px; background:#00c4d6; border:0;}
#popup header h1 {padding-left:28px; line-height:48px; font-size:18px; color:#fff; }
#popup #container {width:100%;}
#popup .btn_close {position:absolute; right:30px; top:17px; width:16px; height:16px; text-indent: -9999px; background: url(../images/common/spr_btn.png) no-repeat -112px -313px;}
#popup .pattern {background: url(../images/popup/bg_pattern.gif);}
.contents_bottom {padding:30px;}
.contents_bottom .notice li {padding:0 0 5px 10px; line-height:18px; background:url(../images/common/ico_dot_gray.gif) no-repeat left 7px; color:#999;}
#popup .btn_confirm {padding-top:15px;}
#popup #center {margin:0 auto; position:relative; width:250px;}
#popup .input_area {position:relative; }
#popup .input_area label {position:absolute; left:0; top:0; width:250px; height:30px; line-height:28px; color:#999; text-align:center;}
#popup input[type="text"] {float:left; width:248px; height:28px; line-height:26px; border:1px solid #d0d4e3; text-align:center;}
/* E : popup - 공통 */

/* S : popup - 캐릭터 만들기 */
#popup.char_make {width:400px;}
.char_make .contents_top  {padding-top:160px; width:100%; height:127px; background:url(../images/popup/bg_char.jpg) no-repeat; text-align:center;}
.char_make .contents_top .desc {padding-bottom:17px; font-size:18px; line-height:24px;}
.char_make .contents_top .input_area {left:30px; }
.char_make .contents_top label {position:absolute; left:0; top:0; width:250px; height:30px; line-height:28px; color:#999; text-align:center;}
.char_make .contents_top input {float:left; width:248px; height:28px; line-height:26px; border:1px solid #d0d4e3; text-align:center;}
.char_make .contents_top button {margin-left:5px; float:left; width:85px; height:30px;}
.char_make .contents_bottom .notice .caution{padding-top:5px;color:#e83d45}
.char_make .btn_confirm {text-align:center;}
.char_make .btn_confirm button {width:66px; height:40px; font-size:14px;}

/* E : popup - 캐릭터 만들기 */

/* S : popup - 쿠폰 등록하기 2017-01-11 수정 */
#popup.coupon_register {width:550px}
.coupon_register h2 {padding:0 0 10px 34px; height:23px; background: url(../images/common/ico_title.png) no-repeat left 0; font-size:18px; }
.coupon_register .contents_top {padding:35px 30px 30px 30px; border-bottom:1px solid #dcdfee;}
.coupon_register .input_area input[type="text"]{float:left; padding:0 10px; width:384px; height:48px; line-height:46px; font-size:18px; border:1px solid #d0d4e3; border-right:0;}
.coupon_register .input_area button {float:left; width:83px; height:50px; font-size:18px;}
.coupon_register .contents_bottom .desc {padding-bottom:10px; line-height:18px;}
.coupon_register .contents_bottom a{color:#999}
#popup.coupon_register input[type="text"]{width:384px; height:48px; line-height:46px; text-align:left;}
#popup.coupon_register .contents_choice input[type="radio"]{float:none;opacity:0;width:0;height:0}
.coupon_register .contents_choice{padding:35px 30px 0 30px; text-align:center}
.coupon_register .choice_coupon{float:left;display:inline-block;width:243px;height:60px;border:1px solid #b8bdd3; background-color:#dde0ec;text-align:center;line-height:60px;font-size:18px;color:#333333}
.coupon_register .choice_coupon.choice{border-bottom:none; background-color:#f1f1f5; font-weight:bold;}
.coupon_register .choice_coupon:first-child{ border-right:0;}
.coupon_register .contents_bottom{display:none}
.coupon_register .contents_bottom.choice{display:block}
/* E : popup - 쿠폰 등록하기 2017-01-11 수정 */

/* S : popup - 캐릭터명 입력 */
#popup.prev_nick {width:400px;}
.prev_nick .contents_top  {padding:30px 0; width:100%; background:url(../images/popup/bg_char.jpg) no-repeat; text-align:center;}
#popup.prev_nick .contents_top .title {font-size:18px; line-height:24px;}
#popup.prev_nick .contents_top .desc {padding-bottom:10px; font-size:13px; line-height:20px;}

#popup.prev_nick .btn_confirm {text-align:center;}
#popup.prev_nick .btn_confirm button {width:65px; height:40px;}
#popup.prev_nick .btn_full {margin-right:20px;}
/* E : popup - 캐릭터명 입력 */

/* S : popup - 이전 친구 찾기 */
.prev_find {width:400px;}
.prev_find #container {padding:30px;}
.prev_find .desc {padding-bottom:10px;}
.prev_find .list_area {position:relative; width:340px; height:235px;}
.prev_find .list_area .mask {width:340px; height:252px; overflow-y:auto; overflow-x:hidden; border-bottom:2px solid #00c4d6;}
.prev_find .list_area ul {width:100%;}
.prev_find .list_area li {float:left; width:50%; height:40px; line-height:38px; text-align:center; background:#c6e2f1; color:#0f515f; font-weight:bold;}
.prev_find table {width:340px;}
.prev_find thead {display:none;}
.prev_find table td {height:35px; background:#e5ecf4; border-bottom:1px solid #acced6; text-align:center; font-weight:bold;}
.prev_find .no_list td {height:252px; border:0;}
#popup.prev_find .input_area {padding-bottom:10px;}
#popup.prev_find .input_area label {width:274px;}
#popup.prev_find .input_area input {width:274px;}
#popup.prev_find .input_area button {margin-left:5px; width:60px; height:30px;}
/* E : popup - 이전 친구 찾기 */

/* S : popup - 캐시충전 */
#popup.charge{width:400px; font-size:13px;}
#popup.charge h2{ padding-bottom:10px;color:#00c4d6; font-size:18px; font-weight:bold;}
.charge .contents_cash{padding:30px 30px 20px 30px;}
.charge .contents_cash .my_cash{margin-bottom:30px;border-top:1px solid #d5daed;border-bottom:1px solid #d5daed; background-color:#fff;}
.charge .my_cash .daumC{border-top:1px solid #ffffff;border-bottom:1px solid #d5daed}
.charge .my_cash .daumC dd{color:#00c4d6}
.charge .my_cash .auC{border-bottom:1px solid #ffffff}
.charge .my_cash dt,
.charge .my_cash dd{width:50%;height:32px;float:left;line-height:32px;}
.charge .my_cash dt{width:50%;background-color:#e2e4ec;text-indent:13px;color:#333333}
.charge .my_cash dd{background-color:#f1f1f5;text-align:center; font-weight:bold;}
.charge .buy_cash{border-top:1px solid #d5daed;border-bottom:1px solid #d5daed}
.charge .buy_cash ul{padding:6px 0;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff}
.charge .buy_cash li{float:left;padding:7px 0;width:113px;text-align:left;}
.charge .buy_cash li input[type="radio"]{margin:2px 5px 0 20px}
.charge .buy_cash li label{ vertical-align:top;color:#000}
.charge .btn_confirm{text-align:center;}
.charge .btn_confirm button{width:66px;height:40px;font-size:14px;}
.charge .btn_confirm button:first-child{margin-right:16px;}
.charge .contents_notice{padding:0 0 30px 30px}
.charge .contents_notice li{padding: 0 0 5px 10px;line-height: 18px;background: url(../images/common/ico_dot_gray.gif) no-repeat left 7px;color: #999;}
/* E : popup - 캐시충전 */


/* S : 오디션 캐시 내역 */
#popup.cash_list{overflow-x:hidden;overflow-y:auto;width:560px;height:575px;}
#popup.cash_list #container{width:500px;padding:0 30px}
.cash_list .list_tit{padding-top:35px;}
.cash_list .list_tit li{float:left;width:250px;height:60px;line-height:60px; text-align:center;}
.cash_list .list_tit li a{display:block;width:100%;height:100%;border:1px solid #b8bdd3;background-color:#dde0ec;font-size:18px; text-decoration:none;color:#606c7c}
.cash_list .list_tit li.on a{border-bottom:none;background-color:#f1f1f5;color:#333333;font-weight:bold;}
.cash_list .sorting{padding:30px 0 10px;text-align:right; font-size:14px;}
.cash_list .sorting button{margin-left:20px;background:none;color:#333333}
.cash_list .sorting button.on{color:#00c4d6;text-decoration:underline;font-weight:bold;}
.cash_list .tbl_wrap table{width:500px;}
.cash_list .tbl_wrap{border-bottom:2px solid #00c4d6}
.cash_list .tbl_wrap th{height:40px;background-color:#d1effb;color:#0f515f;}
.cash_list .tbl_wrap td{height:32px;background-color:#e5ecf4;border-top:1px solid #acced6; font-size:13px;color:#333333;text-align:center;}
.cash_list .tbl_wrap td.noList{height:330px;width:100%;}
.cash_list .tbl_wrap tr:first-child td{border:none}
.cash_list .paging{padding:20px 0;text-align:center;font-size:13px;}
.cash_list .paging .dir{margin:0 12px}
.cash_list .paging a,
.cash_list .paging strong{display:inline-block;margin:0 10px;color:#333333}
.cash_list .paging strong{color:#00a7be}
/* S : 오디션 캐시 내역 */


/* S : 이용약관동의 */
.agree {min-width:1200px;background: url(../images/etc_daum/bg_agree.jpg) no-repeat 50% 0;}
.agree .container{width:694px;height:653px;margin:0 auto;}
.agree h1{width:100%;padding:26px 0 134px;text-align:center;}
.agree #auFooter2_daum{padding:35px 0 65px}
.agree .terms {overflow-y:auto;width:692px;height:282px; margin-bottom:20px;border:1px solid #dadada;font-size: 12px;background: #fff; line-height:18px;}
.agree .terms .terms_inner{padding:0 30px 30px;}
.agree .terms h3{padding:30px 0 10px 0;color:#ea0000; font-size:14px;}
.agree .terms h4 { margin-top:20px;color: #666666;font-size:14px;}
.agree .terms ol li {line-height: 17px;margin:5px 0;}
.agree .terms ol.depth2 li {padding: 0 0 0 10px;}
.agree .btn_wrap{width:100%;text-align:center}
.agree .btn_wrap a{display:inline-block;width:132px;height:54px;margin:0 5px; font-size:0;color:transparent; background:url(../images/etc_daum/spr_btn_agree.png) no-repeat 0 0;}
.agree .btn_wrap .btn_yes{background-position:0 0;}
.agree .btn_wrap .btn_no{background-position:0 -54px;}
/* E : 이용약관동의 */

/* S : 제휴서비스 해지 */
.bye{min-width:1200px;background:url(../images/etc_daum/bg_bye.jpg) no-repeat 50% 0;}
.bye .container{width:1000px;height:653px;margin:0 auto; text-align:center;;}
.bye h1{width:100%;padding:26px 0 297px}
.bye .user_select{padding:48px 0 0; height:32px;color:#ffffff; vertical-align:top;}
.bye .user_select .custom_sel { display:inline-block;position: relative;height: 30px;margin:0 5px 0 15px;background:#fff url(../images/etc_daum/bg_select_arr.gif) no-repeat 100% 0;border:1px solid #afafaf;}
.bye .user_select .custom_sel label{position:absolute;top:6px;left:12px;font-size:16px;color:#444444;letter-spacing: 1px;}
.bye .user_select .custom_sel select{position:relative;width:100%;height:32px;min-height:32px;line-height:32px;padding: 0 10px;color:#444444;text-indent:10px;cursor:pointer;opacity: 0;filter: alpha(opacity=0);}

.bye .user_select .custom_sel.yy{width:95px}
.bye .user_select .custom_sel.mm,
.bye .user_select .custom_sel.dd{width:75px}
.bye .user_chk{padding:40px 0 30px;}
.bye .user_select small{line-height:32px;vertical-align:top;font-size:13px;color:#ffffff}
.bye .btn_wrap a{display:inline-block;width:132px;height:54px;margin:0 5px; font-size:0;color:transparent; background:url(../images/etc_daum/spr_btn_agree.png) no-repeat 0 0;vertical-align:top;}
.bye .btn_wrap .btn_yes{background-position:0 -108px;}
.bye .btn_wrap .btn_no{background-position:0 -54px;}
.bye .footer .inner_wrap{width:1000px;margin:0 auto;padding:40px 0;text-align:center;color:#696969}
/* E : 제휴서비스 해지 */

/* 2016-06-29 전체 dimmed && 1:1문의 로딩 추가*/
.dimmed_all{z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000;background:url(../images/common/bg_dimmed.png) repeat 0 0;}
.waiting{z-index:10000;position:relative;display:inline-block;height:30px;padding-left:36px;margin-top:10px;background:url(../images/common/waiting.gif) no-repeat 0 0;line-height:30px; font-size:15px; vertical-align:top; font-size:15px;color:#333;font-weight:bold;}
.waiting span{color:#00c4d6}
/* S : 2018-07-16 돌아와 팝업*/
#wrap .comBack_layer {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;}
#wrap .comBack_layer .layer_bg {position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#wrap .comBack_layer .layer {position:absolute;top:50%;left:0;right:0;margin:-232px auto 0;background:url(../images/main/again_layer.png) no-repeat;width:800px;height:464px;}
#wrap .comBack_layer .layer_close {position:absolute;top:60%;left:50%;margin-left:350px;margin-top:-300px;display:block;font-size:50px;color:#fff;cursor:pointer;z-index:9;}
/* 2018-07-24 추가 */
#wrap .comBack_layer .layer_hide {position:absolute;top:60%;left:50%;margin-left:200px;margin-top:-275px;color:#fff;font-size:16px;z-index:9;cursor:pointer;}
/* E : 2018-07-16 돌아와 팝업*/

/* S : 20181224 추가 */
.music_area.type_list .fR .btn_dctom {
    display: inline-block;
    position: absolute;
    right: 14px;
    margin-top: 10px;
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
    background: #40508a;
    border: 1px solid #000;
    border-radius: 5px;
}

    .music_area.type_list .fR .btn_dctom a {
        height: inherit;
        color: #fff;
        font-size: 11px;
        letter-spacing: 1px;
        text-decoration: none;
    }

    .music_area.type_list .fR .btn_dctom:hover {
        background: #1e1e5e;
    }
/* E : 20181224 추가 */