@charset "euc-kr";

/* »ó´Ü ÆäÀ̽ººÏ,Æ®À§ÅÍ ¹öÆ° */
.ctrl3 {position:absolute; top:3px; right:9px;}
.ctrl3 li {float:left; margin-right:7px;}
.ctrl3 li.btn_fb, .ctrl3 li.btn_twi, .ctrl3 li.bor_og {_margin-top:2px; margin-right:10px; padding-top:2px; font-size:12px;}
.ctrl3 li.btn_fb img, .ctrl3 li.btn_twi img, .ctrl3 li.bor_og img {margin-top:-3px; vertical-align:middle;}
.ctrl3 li.btn_fb span {float:left; width:14px; height:14px; margin:0;}
.ctrl3 li.btn_outlist {margin-right:0;}

/* »ó,ÇÏ´Ü ³»º¸³»±â ·¹À̾ƿô */
.outlist_box {position:absolute; width:97px; padding:13px 13px 9px 13px; right:9px; top:22px; border:2px solid #e8908c; background-color:#fff; display:none;}
.outlist_box li {margin-bottom:4px; border-bottom:1px solid #e6e6e4;}
.outlist_box li img {float:left; margin-right:7px; vertical-align:top;}
/* .outlist_box li.bor_og {border-bottom:1px solid #e8908c;} */
.outlist_box li.no_mar {margin:0; border:0 none;}

/* »ó´Ü Àμâ,±ÛÀÚ Å©±â µî.. */
.date_ctrl ul.ctrl4 {margin-right:11px;}
.ctrl4 li {float:left; line-height:15px; padding:0 8px; font-size:12px; background:url("http://image.chosun.com/cs/comment2011/bg_ctrl_line.gif") right 1px no-repeat;}
.ctrl4 .mar_r23 {margin-right:17px;}
.ctrl4 .font_ctrl {margin-left:6px; padding:0; background:none; cursor:pointer;}

/* ÇÏ´Ü ¹öÆ° ±âÁ¸ Çü½ÄÀ¸·Î ¸¸µç ¹öÀü
.bot_ctrl_v2 {clear:both; width:510px; margin-bottom:4px; overflow:hidden;}
.bot_ctrl_v2 li {float:right; padding:2px 9px 0 9px; line-height:19px; background:url("http://image.chosun.com/cs/comment2011/bg_ctrl_line.gif") right 5px no-repeat;}
.bot_ctrl_v2 .go_top {padding:2px 5px 0 9px; _padding-top:5px; background:none;}
.bot_ctrl_v2 .myhome {position:relative; float:left; padding:0 0 0 10px; background:none;}
.bot_ctrl_v2 li .ft_box li {float:left; margin-right:8px; padding:2px 0 3px 0; background:none;}
.bot_ctrl_v2 li .ft_box li.btn_fb, .bot_ctrl_v2 li .ft_box li.btn_twi {margin-right:5px; padding-top:3px;}
*+html body .bot_ctrl_v2 li .ft_box li.btn_twi {padding-top:2px;}
.bot_ctrl_v2 li .ft_box li.btn_fb a {width:14px; height:14px; display:block; cursor:pointer;}
.bot_ctrl_v2 li .ft_box li.btn_fb span {float:left; width:14px; height:14px; margin:0;}
.bot_ctrl_v2 li .ft_box li.btn_outlist {margin-right:0; padding:0;}
*/

/* ÇÏ´Ü ¹öÆ° */
.bot_ctrl_v3 {float:left; width:510px; margin-bottom:4px;}
.bot_ctrlL {position:relative; float:left; padding:0 0 0 10px;}
.bot_ctrlL .ft_box li {float:left; margin-right:8px; line-height:19px;}
.bot_ctrlL .ft_box li.btn_fb, .bot_ctrlL .ft_box li.btn_twi, .bot_ctrlL .ft_box li.bor_og {_margin-top:3px; margin-right:10px; padding-top:2px;}
.bot_ctrlL .ft_box li.btn_fb img, .bot_ctrlL .ft_box li.btn_twi img, .bot_ctrlL .ft_box li.bor_og img {margin-top:-3px; vertical-align:middle;}
.bot_ctrlL .ft_box li.btn_fb span {float:left; width:14px; height:14px; margin:0;}
.bot_ctrlL .ft_box li.btn_outlist {padding:0;}
.bot_ctrlL .outlist_box {right:8px; _right:16px; top:19px;}
.bot_ctrlR {float:right;}
.bot_ctrlR ul li {float:left; padding:2px 9px 0 9px; line-height:19px; background:url("http://image.chosun.com/cs/comment2011/bg_ctrl_line.gif") right 5px no-repeat;}
.bot_ctrlR ul li.go_top {padding:2px 5px 0 9px; _padding-top:5px; background:none; cursor:pointer;}

/* 100ÀÚÆò */
.float_L {float:left;}
.float_R {float:right;}
.comment_100 {margin-top:0; font-size:12px;}
.comment_100 a:link, .comment_100 a:hover, .comment_100 a:visited {color:#333;}
.comment_100 img {margin:0; padding:0; vertical-align:top;}
.comment_100 h3 p.com_count {float:right; margin:16px 5px 0 0; padding-top:0;}
.mar_top3 img {//vertical-align:middle;}
.comment_100 h3 {height:25px; padding:0 0 9px 2px; font-weight:normal; border-bottom:2px solid #c72121; font-size:12px;}
.comment_100 h3 p {height:22px; padding-top:6px; line-height:22px;}
.comment_100 h3.all_100 {height:39px; padding-bottom:0; margin-top:25px;}
.comment_100 h3.all_100 img {margin:5px 0 0 1px;}
.comment_100 .bot_h3 {margin-bottom:10px; border:0 none; font-size:12px;}
a:link.col_red, a:hover.col_red, a:visited.col_red {font-weight:bold; color:#c41a1d;}
.normal_box {clear:both; overflow:hidden; height:100%; padding-bottom:17px;}
.best_box {position:relative; height:100%; padding:10px 19px 9px 19px; border:1px solid #ded3b5; border-top:none; background:#fefbf6;}
.best_pad {padding-bottom:7px; overflow:hidden;}
.start {margin-top:10px;}
.end {padding-bottom:10px;}

/* ³» 100ÀÚÆò */
.who_100 {padding:1px 0 0 10px; font:bold 13px ±¼¸²; background:url("http://image.chosun.com/cs/comment2011/bg_who.jpg") 1px 3px no-repeat;}
.who_100 span {font:normal 11px ±¼¸²;}
.normal_box h4 {height:auto; margin:7px 0 3px 0; padding-right: 90px;}
.normal_box h4 a:link, .normal_box h4 a:hover, .normal_box h4 a:visited {color:#014a81;}
.btn_comall {position:absolute; top:6px; right:5px;}

/* º£½ºÆ® ´ñ±Û »ó´Ü - ½æ³×ÀÏ */
.best_box .user_control {position:relative; height:33px; margin-bottom:6px; border-bottom:1px solid #dcd5cb;}
.best_box .best_user_thum {position:absolute; left:0; top:0; line-height:12px;}
.best_box .best_user_thum dt {border:1px solid #d0d0d0;}

/* ÀÏ¹Ý ´ñ±Û »ó´Ü - ½æ³×ÀÏ */
.normal_box .user_control {height:26px; margin-bottom:9px; overflow:hidden;}
.normal_box .user_control:after {clear:both; display:block; content:"";}
.normal_box .best_user_thum {float:left; margin-right:10px; line-height:12px; border:1px solid #d0d0d0;}

/* ´ñ±Û »ó´Ü ¹Ú½º ¼³Á¤ */
.best_box .user_setbox {float:left; padding:5px 0 0 38px;}
.normal_box .user_setbox {float:left; padding:5px 0 0 0;}

.best_box .set_add, .normal_box .set_add {_position:relative; padding:9px 0 7px 15px; background:url("http://image.chosun.com/cs/comment2011/bg_add.jpg") left 6px no-repeat;}

/* º£½ºÆ®,ÀÏ¹Ý °øÅë ¼³Á¤ - À̸§,¾ÆÀ̵ð,½Ã°£ µî.. */
.user_setbox li {float:left;}
.user_setbox li.user_id {margin-right:6px;}
.user_setbox a:link.u_name, .user_setbox a:hover.u_name, .user_setbox a:visited.u_name { margin-right: 5px; color: #010000; font-size: 14px; font-weight: bold; }
a:link.u_id, a:hover.u_id, a:visited.u_id {font:11px µ¸¿ò; color:#666;}
.user_setbox li.user_ni {margin-right:6px;}
.user_setbox li.user_sns {line-height:12px;}
.user_data {float:right; padding:9px 0 10px 0; color:#9a9997;}
.user_data span {margin-right:8px;}
.data_add {_position:relative;  padding-bottom:7px;}

/* µû¿ÈÇ¥ ½ÃÀÛ */
.comment_txt {padding:6px 25px 6px 39px; font-size:13px; line-height:19px; color:#333; letter-spacing:-0.3px;}
.best_box .comment_txt {background:url("http://image.chosun.com/cs/comment2011/bg_txt_top.jpg") left 8px no-repeat;}
.normal_box .comment_txt {padding:6px 0;}

/* ÀÏ¹Ý ´ñ±Û ¶óÀÎ */
.normal_line {position:relative; padding:7px 19px 9px 19px; border:1px solid #e5e5e5;}
.bg_box_arrow {position:absolute; width:11px; height:6px; left:8px; top:-6px; _left:-10px; _top:-5px; background:url("http://image.chosun.com/cs/comment2011/bg_box_arrow.jpg") left top no-repeat;}

/* ´ñ±Û ¼Ó ¶óÀÎ */
.user_line, .user_line_add {height:1px; overflow:hidden;}
.best_box .user_line {margin:3px 26px 0 39px; border-top:1px solid #ede1c9;}
.normal_box .user_line {margin:1px 0 0 0; border-top:1px solid #ededed;}
.user_line_add {margin:9px 0 5px 0; border-top:1px solid #e5e5e5;}

/* µû¿ÈÇ¥ ³¡ */
.user_etc {margin:0 0 0 39px; padding:8px 0 0 1px;}
.best_box .user_etc {background:url("http://image.chosun.com/cs/comment2011/bg_txt_bot.jpg") right bottom no-repeat;}
.normal_box .user_etc {margin:0; padding-left:0;}

/* ±âŸ °øÅë */
.user_etc a:link.col_red, .user_etc a:hover.col_red, .user_etc a:visited.col_red {font-weight:bold; color:#c61a1a; text-decoration:underline;}
.user_etc span {margin-right:9px;}
.user_etc img {margin-bottom:2px; vertical-align:middle;}
.user_etc .col_ccc {margin-right:0; color:#ccc;}
.bg_txt_bot {width:27px; height:22px; margin-right:-29px;  display:block;}

.com_add_box {margin:12px 0 7px 0; padding:3px 8px 9px 9px; border:1px solid #f0f0f0; background:#f8f8f8;}
.com_add_txt {clear:both; padding-left:15px; line-height:19px; color:#666;}
.com_table {width:100%; height:26px; border-collapse:collapse;}
.com_table td {padding-top:11px;}
.com_table td.input_td {padding-right:28px; _padding-top:12px;}
.com_table img {vertical-align:middle; cursor:pointer;}
.com_table input {margin:0 !important;}
.com_write {width:100%; height:15px; padding:4px 14px; color:#999; border:1px solid #e5e5e5;}
.btn_x {position:absolute; right:19px; bottom:16px; _right:20px; _bottom:69px;}
.best_pad .btn_x {bottom:16px;}

/* ´ñ±Û ¼ø ÅÇ */
.order_box {position:relative; float:right; height:30px; top:9px; border-bottom:2px solid #c62221; _border-bottom:none;}
.order_box li {float:left; font-weight:bold; border-top:1px solid #c6c6c6; background-color:#f2f2f2;}
.order_box .tab1 {border-left:1px solid #c6c6c6;} 
.order_box .tab_onL {border-right:1px solid #c6c6c6;}
.order_box .tab_onR {border-left:1px solid #c6c6c6;}
.order_box .tab3 {border-right:1px solid #c6c6c6;}
.order_box li.tab_on {position:relative; padding-bottom:2px; right:0px; top:0; border:2px solid #c62221; border-bottom:none; background-color:#fff;}
.order_box a:link, .order_box a:hover, .order_box a:visited {width:50px; height:16px; padding:7px 13px 6px 13px; _padding-bottom:5px; text-align:center; text-decoration:none; display:block;}
.order_box li.tab_on a:link, .order_box li.tab_on a:hover, .order_box li.tab_on a:visited {padding:6px 12px 6px 12px; _padding-bottom:5px;}

/* Paginate */
.paginate {clear:both; margin:0px; text-align:center; padding:0 0 0 0; border:none;}
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 1px 3px; color:#333333; text-decoration:none; border:1px solid #bfbfbf; font:12px/normal Dotum; _width /**/:10px; min-width:7px; background-color:#ffffff; line-height:10px;}
.paginate strong { color:#c8292a !important; font-weight:bold; border:none; margin-right:1px; padding:3px 3px 1px 3px; border:1px solid #bfbfbf; line-height:10px;}
*:first-child+html .paginate .pre,
*:first-child+html .paginate .next {top:0px;}
.paginate a:hover {color:#c8292a !important; border:1px solid #aeaeae; text-decoration:none;}
.paginate span img {vertical-align:middle; margin:0 0 2px 0;}
.paginate span a {border:none; background:none; font-size:12px; color:#333333; font-weight:normal;}
.paginate span a:hover {border:none; background:none !important; font-size:12px; color:#333333; font-weight:normal; }

/* Paginate */
.paginate_100 {clear:both; margin:0px; text-align:center; padding:0 0 0 0; border:none;}
.paginate_100 a,
.paginate_100 strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 1px 3px; color:#333333; text-decoration:none; border:1px solid #bfbfbf; font:12px/normal Dotum; _width /**/:10px; min-width:7px; background-color:#ffffff; line-height:10px;}
.paginate_100 strong { color:#c8292a !important; font-weight:bold; border:none; margin-right:1px; padding:3px 3px 1px 3px; border:1px solid #bfbfbf; line-height:10px;}
*:first-child+html .paginate_100 .pre,
*:first-child+html .paginate_100 .next {top:0px;}
.paginate_100 a:hover {color:#c8292a !important; border:1px solid #aeaeae; text-decoration:none;}
.paginate_100 span img {vertical-align:middle; margin:0 0 2px 0;}
.paginate_100 span a {border:none; background:none; font-size:12px; color:#333333; font-weight:normal;}
.paginate_100 span a:hover {border:none; background:none !important; font-size:12px; color:#333333; font-weight:normal; }

/* Ãß°¡ 2011.02.22 */
.comment_100 h3 p.com_count_v2 {float:right; margin:16px 5px 0 0; padding:0 8px 0 0; background:url(http://image.chosun.com/cs/comment2011/icon_100_arrow.jpg) no-repeat right 6px;}
.comment_100 .bot_h3_v2 {margin-bottom:10px; padding:0 0 0 2px; border:0 none; font-weight:normal; font-size:12px;}
.comment_100 .bot_h3_v2 p {padding:0 8px 0 0; background:url(http://image.chosun.com/cs/comment2011/icon_100_arrow.jpg) no-repeat right 7px; //background-position:right 6px;}
.best_pad .user_data {float:right; padding:9px 0 0 0; color:#9a9997;}

.best_box {position:relative; height:100%; padding:10px 19px 9px 19px; border:1px solid #ded3b5; background:#fefbf6;}
.best_pad .user_control {position:relative; height:33px; margin:11px 0 0 0; z-index:20;}
.best_pad .best_user_thum {position:absolute; left:0; top:0; line-height:12px;}
.best_pad .best_user_thum dt {border:1px solid #d0d0d0;}
.best_pad .user_control .user_setbox {float:left; padding:9px 0 0 38px;}

/* 201209 100ÀÚÆò °³¼± */
ul,ol,li {list-style:none;}
a:link.login, a:hover.login, a:visited.login, a:link.member, a:hover.member, a:visited.member {color:#333;}
.ifr_com_box {padding:14px 19px 6px 17px; border:1px solid #e2e2e2; background:#f7f7f7;}
.ifr_login_box {height:22px; margin-bottom:5px;}
.ifr_idpw {float:left; margin-right:10px;}
.ifr_my100 {float:left; margin:1px 15px 0 0;}
.ifr_login {float:left; padding-top:4px;}
.ifr_etc {float:right; padding-top:4px;}
.ifr_line {color:#acacac; margin:0 2px;}
.user_on {margin-right:10px; padding:4px 0 0 2px; font-weight:bold;}
.u_id {width:93px; margin-left:2px; padding:3px 4px 3px 7px; color:#888;}
.u_pw {width:82px; padding:3px 4px 3px 7px; color:#888; }
.ifr_com_table {width:100%; margin-bottom:6px;}
.ifr_com_table input, .ifr_login_box input {border:1px solid #e1e1e1; font:12px/17px "¸¼Àº °íµñ", "±¼¸²", "µ¸¿ò";}
.ifr_text_td {padding-right:18px;}
.ifr_100 { width: 100%; height: 51px; padding: 7px 9px; font: 12px/17px "¸¼Àº °íµñ", "±¼¸²", "µ¸¿ò"; color: #989898; text-align: left; vertical-align: middle; border: 1px solid #e1e1e1; }
.ifr_send_box {height:15px;}
.ifr_send_box input {float:left; margin:1px 7px 0 0; //margin:-3px 4px 0 0;}
.ifr_send_box img {float:left; margin-right:16px; //margin-right:12px; vertical-align:middle;}
.ifr_send {float:left; margin-right:4px; font-weight:bold;}
.ifr_send_box .ifr_arrow {margin:4px 20px 0 0; //margin:4px 16px 0 0;}

/* Ãß°¡ 2012.08.16 */
.user_control { position:relative; overflow:visible!important; z-index:5;}
.user_etc { position:relative; }
.pro_sns_pop { position:absolute; width:209px; height:64px; z-index:4; top:22px; left:0px; overflow:hidden; background: url(http://image.chosun.com/cs/comment2011/100_pro_sns_bg.png) no-repeat; padding-top:16px; font: 11px "µ¸¿ò", Dotum, AppleGothic, sans-serif; letter-spacing:-1px; padding-left: 11px; display:none; }
.pro_sns_pop ul { overflow: hidden; margin: 5px 0;}
.pro_sns_pop li { float:left; margin-right:5px;}
.pro_sns_pop a.ico { display:block; width:25px; ; height:25px; background: url(http://image.chosun.com/cs/comment2011/100_pro_sns_ico.png) no-repeat 0px 0px; }
.pro_sns_pop a.pop_fb { background-position: 0px 0px;}
.pro_sns_pop a.pop_tw { background-position: -30px 0px;}
.pro_sns_pop a.pop_me { background-position: -60px 0px;}
.pro_sns_pop a.pop_yz { background-position: -90px 0px;}
.pro_sns_pop a.pop_cb { background-position: -120px 0px;}
.pro_sns_pop a.pop_hp { background-position: -150px 0px;}
.pro_sns_pop a.pop_fb.link { background-position: 0px -35px;}
.pro_sns_pop a.pop_tw.link { background-position: -30px -35px;}
.pro_sns_pop a.pop_me.link { background-position: -61px -35px;}
.pro_sns_pop a.pop_yz.link { background-position: -92px -35px;}
.pro_sns_pop a.pop_cb.link { background-position: -122px -35px;}
.sns_rel { display:block; position:absolute; top:8px; right:0px; margin:0!important;}
a.comment_save { width:98px; height:67px; display:block; background: url(http://image.chosun.com/cs/comment2011/btn_100_ok.png) no-repeat 0px 0px; }
a.comment_save:hover { background-position:0px -77px;}
a.comment_save span { display:none;}
.comment_font_sz { position:absolute; width:90px; top: 19px; left:111px;}
.comment_font_sz a:hover { text-decoration: underline;}
h3.all_100 { position:relative;}

/* 20150710 °³Æí¿¡ ¸ÂÃç css¼öÁ¤ */
/** 2015.07.11 itdev
div#wrap.wrap_2011 > div#aside {margin-top:2px!important}
div#wrap.wrap_2011 > div#content {width:755px!important}
div#wrap.wrap_2011 > div#aside > div#comment_right iframe{margin-bottom:0!important;height:1580px}
div#wrap.wrap_2011 > div#content div#help dl dd  {width:614px !important; padding: 15px 0 15px 15px !important;}
div#wrap.wrap_2011 > div#content div#help {font-family:'¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,'Apple SD Gothic Neo',sans-serif;!important;}
.today_area {float: left; margin-top:40px;}
**/


@media all and (max-width: 768px) {
	.ifr_com_box {padding:10px !important;}
	.ifr_idpw{margin-right:5px !important;}
	.ifr_etc{display:none;}
}

@media all and (max-width: 350px) {
	.best_pad .user_control{margin-bottom:30px;}
	.best_pad .user_data{float:left; padding-left:38px;}
	.normal_box .user_control{margin-bottom:30px;}
	.normal_box .user_setbox{padding:5px 0;}
	.normal_box .user_data{float:left; padding:0 0 0 38px;}
}