@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Judson); 

/* layout */
html, body {height:100%; margin:0; padding:0;}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:active{text-decoration:none}
a:hover{text-decoration:none}
a:focus{text-decoration:none;}

#wrap {position:relative; width:100%;}
#main_header {max-width:980px; margin:0 auto; padding:2em 0; overflow:hidden;}
#main_header h1 {float:left; width:15%;}
#main_header h1 a {display:block; width:100%; color:#000; font-size:3em; line-height:40px;}
#sub_header {width:980px; margin:0 auto; padding:2em 0; overflow:hidden;}
#sub_header h1 {float:left; width:15%;}
#sub_header h1 a {display:block; width:100%; color:#000; font-size:3em; line-height:40px;}

/* ¹®¼ºÈ£ ¼öÁ¤
#gnb li.gnb_login a {background:url(../images/gnb_1_off.gif) no-repeat;}
#gnb li.gnb_login a:hover {background:url(../images/gnb_1_on.gif) no-repeat;}
#gnb li.gnb_logout a {background:url(../images/gnb_99_off.gif) no-repeat;}
#gnb li.gnb_logout a:hover {background:url(../images/gnb_99_on.gif) no-repeat;}
#gnb li.gnb_sayings a {background:url(../images/gnb_2_off.gif) no-repeat;}
#gnb li.gnb_sayings a:hover {background:url(../images/gnb_2_on.gif) no-repeat;}
#gnb li.gnb_mypage a {background:url(../images/gnb_3_off.gif) no-repeat;}
#gnb li.gnb_mypage a:hover {background:url(../images/gnb_3_on.gif) no-repeat;}
#gnb li.gnb_application a {background:url(../images/gnb_4_off.gif) no-repeat;}
#gnb li.gnb_application a:hover {background:url(../images/gnb_4_on.gif) no-repeat;}
*/
#gnb {float:right; width:35%;}
#gnb li {float:left; text-indent:-9999em; width:25%;}
#gnb li a {display:block; height:49px;}
/*
#gnb li.gnb_login a {background:url(../images/gnb_1_off.gif) no-repeat center top;}
#gnb li.gnb_login a:hover {background:url(../images/gnb_1_on.gif) no-repeat center top;}
#gnb li.gnb_logout a {background:url(../images/gnb_99_off.gif) no-repeat center top;}
#gnb li.gnb_logout a:hover {background:url(../images/gnb_99_on.gif) no-repeat center top;}
#gnb li.gnb_sayings a {background:url(../images/gnb_2_off.gif) no-repeat center top;}
#gnb li.gnb_sayings a:hover {background:url(../images/gnb_2_on.gif) no-repeat center top;}
#gnb li.gnb_mypage a {background:url(../images/gnb_3_off.gif) no-repeat center top;}
#gnb li.gnb_mypage a:hover {background:url(../images/gnb_3_on.gif) no-repeat center top;}
#gnb li.gnb_application a {background:url(../images/gnb_4_off.gif) no-repeat center top;}*/

#gnb li.gnb_login a {background:url(../images/gnb_1_on.gif) no-repeat center top;}
#gnb li.gnb_logout a {background:url(../images/gnb_99_on.gif) no-repeat center top;}
#gnb li.gnb_sayings a {background:url(../images/gnb_2_on.gif) no-repeat center top;}
#gnb li.gnb_mypage a {background:url(../images/gnb_3_on.gif) no-repeat center top;}
#gnb li.gnb_application a {background:url(../images/gnb_4_on.gif) no-repeat center top;}

#top_search {float:left; width:30%; height:32px; padding:4px; background:#000;}
#top_search input[type='text'] {float:left; font-size:16px; font-weight:bold; width:70%; height:32px; text-indent:10px; color:#000; border:none;}
#top_search input[type='button'] {float:left; width:30%; height:32px; border:none; background:#000 url(../images/icon_search.gif) no-repeat center 3px;}
#container {width:980px; margin:0 auto; padding-bottom:100px;}
.sub_tit {float:left; width:170px; margin-right:30px; font-family:'Open Sans',sans-serif;font-size:30px; font-weight:bold; }
.sub_tit span {font-family:'Nanum Gothic',monospace; font-size:26px; font-weight:normal;}
.contents {float:left; width:780px; position:relative;}
#footer {clear:both; width:100%; height:50px; line-height:50px; position:absolute; bottom:0; font-family:'Open Sans',sans-serif; font-size:13px;  text-align:center; color:#bbb; background:#000;}
#footer span {width:20px; display:inline-block; color:#666;}
#footer a {color:#bbb; text-decoration:underline;}

/*main*/
#today {background:#4470bb; margin-bottom:30px; overflow:hidden; position:relative;}
#today table td {position:relative;}
#today table td.thumb_people {width:25%; vertical-align:top;}
#today table td.thumb_people td img {width:100%;}
.name_con {padding:20px; color:#fff;}
.name_con a {display:block; color:#fff; font-size:20px; font-weight:bold;}
.name_con span {display:block;}
.tx_korean {font-size:16px; font-weight:normal; padding-top:5px;}
.tx_source {font-size:12px; font-weight:normal; padding-top:15px; color:#aaaaaa;}
.tx_write {padding:50px; background:#ffde4c;}
.tx_write td {text-align:center;}
.tx_write td a {vertical-align:middle; font-family:'Open Sans',sans-serif; font-size:42px; line-height:50px; font-weight:bold; color:#000;}
.tx_write td a span {display:block; font-size:18px; line-height:26px; font-weight:normal; margin-top:20px;} 
.m_layout {display:none;}
.today_btn {position:absolute; right:20px; bottom:20px;}
.today_btn button {margin-left:10px; width:63px; height:63px; border:none; padding-top:33px; font-size:20px; color:#2e3192; font-style:italic}
.today_btn button.btn_good {background:url(../images/btn_good.gif);}
.today_btn button.btn_bad {background:url(../images/btn_bad.gif);}
.point_top {position:absolute; right:0; bottom:0; width:23px; height:16px; background:url(../images/point_top.png) no-repeat;}
.point_bottom {position:absolute; right:0; top:0; width:23px; height:18px; background:url(../images/point_bottom.png) no-repeat;}

#liveissue {overflow:hidden;}
#liveissue ul {float:left; width:32%; padding-right:2%;}
#liveissue ul.clear_pd {padding-right:0;}
#liveissue li {margin-bottom:20px; position:relative;}
#liveissue li img {width:100%; }
#liveissue li.people_1 {background:#009c9e;}
#liveissue li.people_2 {background:#ab1355;}
#liveissue li.people_3 {background:#e0803d;}
#liveissue li.people_4 {background:#6b1540;}
#liveissue li.people_5 {background:#172d76;}
#liveissue li.people_6 {background:#8781bd;}
#liveissue li.people_7 {background:#ffcc00;}
#liveissue li.people_8 {background:#007236;}
#liveissue li.people_9 {background:#00aeef;}
#liveissue li:hover img {opacity:.2; filter:alpha(opacity=20); -moz-opacity:.2; }
#liveissue li:hover .opacity {display:table; min-height:180px; width:100%; position:absolute; left:0; top:50%; margin-top:-25%;}
#liveissue .opacity {display:none;}
#liveissue .opacity a {display:table-cell; text-align:center; vertical-align:middle; font-family:'Open Sans',sans-serif; color:#fff; font-size:30px; font-weight:bold; line-height:30px;}
#liveissue .opacity a span {display:block; font-size:18px; line-height:24px; margin-top:10px;}



 /* IE 7 */
*:first-child+html #liveissue li:hover .opacity {display:inline-block; text-align:center; min-height:180px; position:absolute; left:0; top:50%; margin-top:-25%;}
*:first-child+html #liveissue .opacity a {display:inline-block; text-align:center; vertical-align:middle; font-family:'Open Sans',sans-serif; color:#fff; font-size:30px; font-weight:bold; line-height:30px;}
*:first-child+html #liveissue .opacity a span {display:block; font-size:18px; line-height:24px; margin-top:10px;}

/* list_detail_people */
#people_tit {overflow:hidden; margin-top:60px;}
#people_tit .people_box {position:relative;}
#people_tit .people_box .canvasstyle {}
#people_tit .people_box .skin_alpha {z-index:1; position:absolute; left:0; top:0; width:780px; height:385px; background:#000; opacity:.5; filter:alpha(opacity=50); -moz-opacity:.5;}
#people_tit .people_box .boxstyle {z-index:2; position:absolute; top:25px; left:25px; display:table; width:720px; height:327px; border:3px solid #ffde4c;}
#people_tit .people_box .name {font-family:'Judson',serif; font-size:65px; line-height:54px; z-index:999;display:table-cell; text-align:center; vertical-align:middle; color:#ffde4c;}
#people_tit .people_box .small_name {display:block; font-family:'Nanum Gothic',monospace; font-size:28px; padding-top:15px;}
#people_best {margin-top:50px; clear:both; overflow:hidden;}
#people_best ol li {position:relative; float:left; width:245px; margin-right:22px;}
#people_best ol li a {font-family:'Open Sans',sans-serif; font-size:21px; line-height:24px; color:#000;}
#people_best ol li a span {font-size:15px; display:block; color:#666;}
#people_best ol li .s_people_box {margin-bottom:20px;}
#people_best ol li .best_info {line-height:35px; position:relative;height:35px; margin-top:20px; color:#666; border-top:1px solid #000; font-weight:bold;}
#people_best ol li .best_info img {width:17px; height:17px; margin:0 !important; padding-right:3px;}
#people_best ol li .best_info .comment {position:absolute; right:0;}
#people_best ol li p img {position:absolute; z-index:998;top:-2px; left:-2px; width:80px; height:81px;}
#list_saying {clear:both; overflow:hidden; padding-top:50px;}
#list_saying table {width:100%;}
#list_saying thead {border-bottom:2px solid #000; background:#f2f2f2; height:40px; line-height:42px;}
#list_saying th {font-size:16px; text-align:center;}
#list_saying td {height:90px; border-bottom:1px solid #e5e5e5; text-align:center; color:#666; font-size:15px;}
#list_saying td a{font-size:15px;}
#list_saying td span {display:inline-block;color:#666; font-size:15px; line-height:30px;}

/* list_detail_note */
#wrap_note {margin-top:60px; overflow:hidden;}
#detail_saying {position:relative; background:#ffde4c url(../images/detail_shadow.jpg) no-repeat left bottom; overflow:hidden; padding:50px}
#detail_saying dl {position:relative; overflow:hidden; padding-bottom:50px;}
#detail_saying dt {margin-top:80px; font-size:36px; line-height:42px; font-family:'Open Sans',sans-serif; }
#detail_saying dt span {display:block; font-size:16px; font-weight:normal; line-height:24px; padding-top:20px;}
#detail_saying dd.people_info {position:absolute; top:0; left:0;}
#detail_saying dd.people_info img {float:left;}
#detail_saying dd.people_info a {float:left; display:block; margin:10px 0 0 10px; font-size:18px; color:#000; font-family:'Open Sans',sans-serif; font-weight:bold;}
#detail_saying dd.people_info span {display:block; font-size:14px; font-weight:normal;}
.roundbox_y {position:absolute; top:0; left:0px; width:66px; height:66px; background:url(../images/roundbox_y.png) no-repeat; z-index:999;}
.note_btn {position:absolute; right:15px; bottom:20px;float:right;}
.note_btn button {margin-left:10px; width:63px; height:63px; border:none; padding-top:33px; font-size:20px; color:#2e3192; font-style:italic}
.note_btn button.btn_good {background:url(../images/btn_good.gif);}
.note_btn button.btn_bad {background:url(../images/btn_bad.gif);}
#wrap_comment {padding-top:30px; clear:both; overflow:hidden;}
.write_comm {background:#e9e9e9; padding:15px;}
.write_comm #write_comm {padding:10px; width:620px; height:40px; line-height:40px; border:none; color:#999;}
.write_comm input[type="button"] {margin-left:15px; width:95px; height:60px; background:#000; color:#fff; border:none; font-size:18px;vertical-align:top;} 
.list_comm {margin-top:30px; width:100%; overflow:hidden; border-top:1px solid #e5e5e5;}
.list_comm li {position:relative; float:left; width:259px; height:250px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.list_comm li.last {border-right:none;}
.list_comm li .tx_comm {position:absolute; left:20px; top:100px; width:210px; font-size:13px; line-height:22px; color:#666; }
.list_comm li .data_comm {position:absolute; left:20px; top:20px; }
.list_comm li .data_comm img {float:left;}
.list_comm li .data_comm .data_wrap {float:left; width:150px; margin:10px 0 0 10px; font-size:16px; color:#000; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list_comm li .data_comm .data_wrap .data_time {display:block; font-weight:normal;}
.list_comm li .data_comm span {font-size:13px; color:#999; padding-top:3px;}
.roundbox_w {position:absolute; top:0; left:0px; width:63px; height:63px; background:url(../images/roundbox_w.png) no-repeat; z-index:999;}
.btn_delete_comm a {position:absolute; right:-17px; top:-20px; display:block; width:22px; height:22px; text-indent:-9999em; font-size:0; background:url(../images/btn_delete_comm.gif) no-repeat;}
.btn_more a {display:block; width:99%; height:48px; line-height:48px; border:1px solid #efefef; text-align:center; font-size:18px; color:#a0b2cc; margin-top:30px; }

/* login */
#wrap_login{margin-top:60px; overflow:hidden;}
#login {float:left; width:350px;}
#login input {width:330px; height:32px; line-height:32px; padding:3px 10px; margin-bottom:10px; font-size:16px; font-weight:bold;}
#login input[type="button"] {width:100%; height:42px; line-height:42px; background:#000; border:none; font-weight:normal;font-size:24px; text-indent:0px; color:#fff; font-family:'Open Sans',sans-serif; margin-bottom:10px;}
.login_info {overflow:hidden; border-top:1px solid #e5e5e5; padding:20px 10px; font-size:14px; color:#999; line-height:18px;}
.login_info p {float:left;}
.login_info span {display:block; font-size:16px; font-weight:bold; color:#000; padding-bottom:5px;}
.login_info a {float:right; display:block; padding:5px 10px; background:#bbb; font-size:14px; color:#fff;}
.login_banner {float:right; margin:0; padding:0;}

#search_pw {margin-top:60px; overflow:hidden;}
#form_pw {background:url(../images/detail_shadow.jpg) no-repeat left bottom; padding-bottom:17px;}
#form_pw p {background:#fafafa; border:1px solid #ddd; padding:150px 80px;}
#form_pw p span {display:block; font-size:24px; color:000; text-align:center;}
#form_pw p input[type="text"] {width:72%; height:25px; line-height:25px; padding:10px; border:3px solid #ffcc00; font-size:20px; text-align:center;}
#form_pw p input[type="button"] {width:20%; height:48px; line-height:48px; background:#000; color:#fff; font-size:22px; border:none; margin-left:5px;}
#form_pw p.result_mail {position:relative; background:#fafafa; border:1px solid #ddd; padding:100px 80px 180px 80px;}
.info_mail {font-size:40px !important; font-weight:bold; color:#ffcc00; padding:20px 0;}
.no_member {color:#cc3333;}
.tx_mail {font-size:16px !important; line-height:24px; color:#666;}
.btn_sendmail {position:absolute; left:300px; bottom:80px;}

/* ȸ¿øÁ¤º¸Ã£±â-ºñ¹Ð¹øÈ£ ÀçÀÔ·Â */
#wrap_password {margin-top:60px; overflow:hidden;}
.area_welcome {width:100%; overflow:hidden;}
.welcome {display:inline-block; position:relative; margin-top:50px;}
.welcome p {float:left;}
.welcome p.welcome_tx {font-size:30px; color:#000; padding-top:15px; padding-left:15px;}
.welcome p .tx_nickname {color:#ffcc00; font-size:30px; text-decoration:underline; font-weight:bold;}
.welcome p .subtx_welcome {font-size:20px; color:#000; padding-top:10px; display:block;}
.roundbox_w2 {position:absolute; left:0; top:0; width:100px; height:100px; background:url(../images/roundbox_w2.png) no-repeat;}
.area_tablebox {width:100%; padding:20px; clear:both; margin-top:50px; background:#f2f2f2;} 
*:first-child+html .area_tablebox {width:100%; padding:20px; clear:both; margin-top:50px; background:#f2f2f2;}
.area_tablebox .table_pw {width:50%; margin:0 auto;}
.area_tablebox .table_pw  input {width:100%; height:32px; line-height:32px; border:1px solid #ddd; padding:3px 10px; margin-bottom:10px; font-size:16px; font-weight:bold;}

/* Join */
#wrap_join{margin-top:60px; overflow:hidden;}
#join {width:778px; border:1px solid #e5e5e5; overflow:hidden;}
#join p {position:relative; float:left; width:164px; height:300px; padding:80px 15px 0 15px;}
#join p span {display:block; margin-bottom:30px; font-size:20px;}
#join p input {width:130px; height:26px; line-height:26px; padding:4px 9px;}
#join p strong {display:block; border-top:1px solid #000; padding-top:10px; font-size:26px; font-family:'Open Sans',sans-serif;}
#join p.paper {background:#f8f8f8;}
#join p select {width:150px; border:1px solid #ddd; height:36px; line-height:36px; background:#fff;}
#join label.join_pwre {position:absolute; margin:15px 0 0 10px; display:block; font-size:14px; color:#999; }
.s_tx {padding-top:10px; margin-bottom:0 !important; font-size:13px !important; color:#999;}
/*.pw_warning {padding-top:10px; font-size:13px !important; color:#cc3333; margin:0 !important;}*/

/* ¸¶ÀÌÆäÀÌÁö */
#mypage {margin-top:60px; overflow:hidden;}
#mypage ul li {float:left;}
#mypage ul li h5 {display:block; margin-top:4px; border-top:1px solid #000;}
#mypage ul li h5 a {display:inline-block; width:220px; padding:20px; font-size:20px; color:#cacaca; font-weight:bold;}
#mypage ul li h5 a span {font-size:24px; display:block;}
#mypage ul li h5 .mp_menuon {border-top:4px solid #000; color:#000; margin-top:-5px !important;}
#mypage ul li .tab_con {display:block; width:100%; position:absolute; left:0; top:120px; z-index:1; *zoom:1;}
.my_profile {height:1080px;}
.edit_profile {position:relative; overflow:hidden; padding-bottom:17px; background:url(../images/detail_shadow.jpg) no-repeat left bottom;}
.edit_profile fieldset {background:#fff; border:1px solid #e5e5e5; padding:20px;}
.edit_profile .edit_pic {float:left; width:245px; margin-right:50px;}
.edit_profile .edit_pic input[type="button"] {float:left; width:120px; height:28px; line-height:28px; background:#b2b2b2; font-size:14px; color:#fff; border:none; margin-top:10px;}
.edit_profile .edit_info {float:left; position:relative;}
.edit_profile .edit_info input {display:block; width:400px; height:47px; line-height:47px; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #000; font-size:20px;}
.edit_profile .edit_info input.user_mail[value] {}
.tx_nick {position:absolute; right:65px; top:40px; font-size:13px !important; color:999; color:#999;}
.warning_nick {position:absolute; right:65px; top:40px; font-size:13px !important; color:#cc3333;}
.warning_repw {position:absolute; right:65px; top:185px; font-size:13px !important; color:#cc3333;}
.warning_email {position:absolute; right:65px; top:85px; font-size:13px !important; color:#cc3333;}
.btn_edit {position:absolute; right:0; bottom:17px; width:35px; height:35px; border:none; background:url(../images/btn_edit.gif) no-repeat;}
.link_break {padding-top:5px; color:#666; font-size:14px;}
.link_break a {text-decoration:underline; color:#000; font-size:14px;}
.myfavorite {width:100%; overflow:hidden; margin-top:50px; position:relative;}
.myfavorite li.tab_good, .myfavorite li.tab_bad {float:left;  height:650px;}
.myfavorite h6 {display:block;}
.myfavorite h6 span {display:inline-block; width:386px !important; font-size:16px; color:#000; text-align:center; background:#f2f2f2; padding:12px 2px 10px 2px; border-bottom:2px solid #000;}
.myfavorite h6 span.mftaboff {display:inline-block; width:386px !important; font-size:16px; color:#000; text-align:center; background:#f2f2f2; padding:12px 2px 10px 2px; border-bottom:2px solid #000;}
.myfavorite h6 span.mftabon {background:#fff; padding:10px 0 10px 0; border-top:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #fff; border-left:2px solid #000;}
.myfavorite .list_con {width:780px; position:absolute; left:0; top:50px; z-index:1; *zoom:1; }
.myfavorite .list_con ul {overflow:hidden;}
.myfavorite .list_con li {width:720px; padding:30px; border-bottom:1px solid #e5e5e5; }
.myfavorite .list_con li span {font-size:15px !important; line-height:20px;}
.myfavorite .list_con li a span {color:#000;}
.myfavorite .list_con li span.tx_note {float:left;}
.myfavorite .list_con li span.tx_people {float:right; text-align:center; color:#666;}
.my_list table {width:100%;}
.my_list thead {border-bottom:2px solid #000; background:#f2f2f2; height:40px; line-height:42px;}
.my_list th {font-size:16px; font-weight:bold; text-align:center;}
.my_list td {height:90px; border-bottom:1px solid #e5e5e5; text-align:center; color:#666; font-size:15px;}
.my_list td a{font-size:15px;}
.my_list td span {display:inline-block; font-size:15px; line-height:30px;}
.my_list td input.btn_edit_note {width:23px; height:24px; background:url(../images/btn_edit_note.gif) no-repeat; border:none;}
.my_list td input.btn_del_note {width:18px; height:24px; background:url(../images/btn_del_note.gif) no-repeat; border:none;}
.my_note {}
.my_note p.essential {float:right; display:block; width:150px; height:20px; font-size:13px; color:#000; text-align:right; font-weight:bold;}
.my_note .wrap_textarea {margin-top:10px; padding-bottom:17px; background:url(../images/detail_shadow.jpg) no-repeat left bottom;}
.my_note .wrap_textarea .write_ko {border-top:20px solid #ffde4c; border-right:20px solid #ffde4c; border-bottom:none; border-left:20px solid #ffde4c; background:url(../images/essential.gif) no-repeat 10px 15px;}
.my_note .wrap_textarea .write_eng {border-top:none; border-right:20px solid #fada4b; border-bottom:20px solid #fada4b; border-left:20px solid #fada4b; background:#fafafa; ime-mode:disabled;}
.my_note .wrap_textarea textarea {width:720px; height:100px; padding:10px; font-size:14px !important; color:#666;}
.my_note .wrap_textarea textarea[placeholder] {text-indent:10px;}
.my_note table {width:780px; height:300px; margin-top:20px; border:1px solid #e5e5e5 !important;}
.my_note table caption {display:none;}
.my_note table tr {border-bottom:1px solid #e5e5e5;}
.my_note table th {background:#f2f2f2; text-align:center; font-size:15px; color:#000; font-weight:bold;}
.my_note table td {position:relative; padding:7px 20px; color:#999;}
.my_note table td input {border:1px solid #ddd; width:96%; height:30px; line-height:30px; padding-left:10px}
.my_note table td input.note_name_ko {width:75%;}
.my_note table td input[type="button"] {width:20%; border:none; color:#fff; background:#b2b2b2;}
.my_note table td select {width:19%; height:28px; border:1px solid #ddd;}
.my_note .area_file {width:400px; margin-top:5px;}
.my_note .area_file .file_input_textbox {float:left; width:290px; padding:0 5px; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; background:#ebebeb; color:#999; text-align:center; border:none;}
.my_note .area_file .file_input_div {position:relative; float:left; overflow:hidden; width:100px; height:30px;}
.my_note .area_file .file_input_button {width:100px !important; height:30px !important; position:absolute; top: 0px; background: #a3a3a3; color:#fff; font-size:14px; border:none;}
.my_note .area_file .file_input_hidden {position:absolute; right:0px; top:0px;
										opacity:0;
										filter:alpha(opacity=0);
										-ms-filer:"alpha(opacity=0)";
										-khtml-opacity:0;
										-moz-opacity:0;}
.btn_file {position:absolute; left:27px; top:70px; margin-left:5px;}
.essential {background:url(../images/essential.gif) no-repeat 0 0; width:10px; height:10px; display:inline-block;}

/* popup_check */
#wrap_pop {position:relative; width:360px; padding:30px 30px 50px 30px; background:#fff;}
#wrap_pop h1 {font-size:20px; font-weight:bold; color:#000; height:30px; border-bottom:1px solid #000;}
#wrap_pop ul {overflow:auto; width:360px; height:230px; margin:20px auto;}
#wrap_pop li {float:left; width:110px; text-align:center;}
#wrap_pop li a {display:block; font-size:13px; color:#000;}
#wrap_pop li a:hover {text-decoration:underline;}
#wrap_pop li img {margin:5px auto; display:block;}
#wrap_pop li span {width:110px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#wrap_pop .no_people { width:360px; height:230px; line-height:230px; text-align:center; margin:20px auto; background:#f2f2f2; font-size:15px; color:#999;}
#wrap_pop .btn_noselect {position:absolute; left:30px; bottom:30px;}
#wrap_pop .btn_noselect a {font-size:13px; color:#2e3192; text-decoration:underline;}
#wrap_pop .btn_close {position:absolute; right:0; top:0;}
#wrap_pop .btn_close a {display:block; width:30px; height:30px; background:url(../images/sub_pop_close.gif) no-repeat; font-size:0; text-indent:-9999em;}
#wrap_pop .add_pic {margin:20px 0; overflow:hidden;}
#wrap_pop .add_pic .popprofile {margin-bottom:10px;}
#wrap_pop .file_input_textbox {float:left; width:250px; padding:0 5px; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; background:#ebebeb; color:#999; text-align:center; border:none;}
#wrap_pop .file_input_div {position:relative; float:left; overflow:hidden; width:100px; height:30px; margin-bottom:10px;}
#wrap_pop .file_input_button {width:100px; height:30px; position:absolute; top: 0px; background: #a3a3a3; color:#fff; font-size:14px; border:none;}
#wrap_pop .file_input_hidden {position:absolute; right:0px; top:0px;
						      opacity:0;
							  filter:alpha(opacity=0);
							  -ms-filer:"alpha(opacity=0)";
							  -khtml-opacity:0;
							  -moz-opacity:0;}

/* °Ë»ö°á°ú */
#wrap_result {margin:60px 0; overflow:hidden;}
#wrap_result .search_word {width:100%; height:152px; background:url(../images/bg_search.jpg) no-repeat;}
#wrap_result h5 {width:550px; margin:0 auto; color:#ffde4c; text-align:center; font-size:42px; line-height:150px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#wrap_result ul {overflow:hidden; width:776px; margin-top:50px; border:1px solid #000;}
#wrap_result li {float:left;}
#wrap_result li a {width:194px; padding:15px 0; font-size:16px; text-align:center; color:#000; display:block;}
#wrap_result li a.tabfocus {font-size:16px; text-align:center; color:#fff; background:#000; display:block;}
.search_con {clear:both; overflow:hidden; margin-top:50px;}
.search_con dt {width:100%; float:left; border-bottom:1px solid #000; font-size:16px; font-weight:bold; color:#000; text-indent:20px; padding-bottom:10px; background:url(../images/icon_dot.gif) no-repeat 0 1px;}
.search_con dt span {float:right; text-size:13px; color:#666; font-weight:normal} *:first-child+html .search_con dt span {margin-top:-18px;}
.search_con dd {clear:both; padding:25px 0; border-bottom:1px solid #e5e5e5; overflow:hidden; color:#666; line-height:22px;}
.search_con dd a {font-size:15px !important; color:#666; line-height:22px;}
.search_con dd .note_con {float:left; padding-left:20px; width:550px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.search_con dd .note_name {float:right; padding-right:20px; text-align:center;}
.no_data {text-align:center; display:block; padding:14px 0 !important; color:#ddd; font-size:16px;}
.list_more a {float:right; margin-top:20px; font-size:13px; color:#0058c1; text-decoration:underline;}
.highlight {background-color:#fff799;}

/* ¾îÇø®ÄÉÀÌ¼Ç ¼Ò°³ */
#wrap_app {margin:60px 0; overflow:hidden;}

#quote_random {padding-top:30px; clear:both; overflow:hidden;}

/* ȸ¿ø Å»Åð */
#member_break {overflow:hidden; margin-top:60px;}
.tx_break {font-size: 16px; text-align:center; margin-top:50px;}
.tx_break span {display:block; font-size:24px; font-weight:bold; margin-bottom:5px;}
.table_break {width:50%; margin:0 auto;}
.table_break textarea {width:100%; height:50px; border:1px solid #ddd; padding:10px; margin-bottom:5px; color:#666;}
.table_break input {width:100%; height:32px; line-height:32px; border:1px solid #ddd; padding:3px 10px; margin-bottom:10px; font-size:16px; font-weight:bold; color:#666; }
.table_break textarea[placeholder], .table_break input[placeholder] {font-size:14px; font-weight:normal;}

/* °øÅ뽺ŸÀÏ */
.btn_area {clear:both; margin-top:20px;}
.btn_area .pagenum {float:left; font-size:15px; color:#000;}
.btn_area .btn_right {float:right;} 
.btn_area .btn_center {text-align:center;}
.btn_area input {width:150px; height:45px; font-family:'Open Sans',sans-serif; font-size:21px; margin-left:10px;}
.btn_area input.prev {background:#fff url(../images/arrow_prev.gif) no-repeat 15px 20px; border:1px solid #000;}
.btn_area input.next {background:#fff url(../images/arrow_next.gif) no-repeat 105px 20px; border:1px solid #000;}
.btn_area input.cancel {border:1px solid #000; background:#fff;}
.btn_area input.ok {border:1px solid #000; background:#000; color:#fff;}
.btn_area input.no_c {opacity:.2; filter:alpha(opacity=20); -moz-opacity:.2; -khtml-opacity: 0.2;  }

.hidden {font-size:0; width:0; height:0; text-indent:-9999em;}
.a_left {text-align:left !important; padding-left:30px;}
.last {margin:0 !important;}
.tx_good {color:#0d5796;}
.tx_bad {color:#9e0b0f;}
.warning {padding:5px 0; font-size:13px !important; color:#cc3333; margin:0 !important;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}

/* input È°¼ºÈ­ */
.inputbox {border:1px solid #dddddd;}
.focusbox {border:3px solid #ffcc00;}