/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,li {list-style:none;}
input,select,textarea,button {vertical-align:middle;}
button {border:0 none;background-color:transparent;cursor:pointer;}

/* mypi style */
body {background-color:#fff;}
body,th,td,input,select,textarea,button {font:12px/1.5 '굴림',gulim,sans-serif;color:#333;}
a {color:#333;text-decoration:none;}
a:active, a:hover {text-decoration:underline;}

/* common */
.ir_pm {display:block;overflow:hidden;width:0;height:0;font-size:0px;line-height:0;text-indent:-9999em;}
.screen_out {overflow:hidden;position:absolute;left:-9999in;width:0;height:0;font-size:0;line-height:0;}
.screen_hide {font-size:0;line-height:0;visibility:hidden;}
.f_l {float:left;}
.f_r {float:right;}
.fw_b {font-weight:bold;}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0;}
.cl_line {border-bottom:1px solid #ddd;}

/* img_type */
.ico_comm {background-image:url(//img.ruliweb.com/img/icon/ico_comm_mypi.gif);background-repeat:no-repeat;}

/** 미니다음 **/
#Daum_MiniDaum {position:absolute;top:0;left:0;z-index:9999;width:100%;height:29px;}
.bg_mini {position:absolute;left:0;top:0;z-index:1;width:100%;height:25px;border-bottom:1px solid #e7e7e7;background-color:#fff;}
.minidaum_wrap {position:relative;z-index:2;width:980px;margin:0 auto;padding-top:1px;}
.minidaum_wrap .list_minidaum {display:inline;float:left;height:18px;margin-left:15px;}
.minidaum_wrap .list_minidaum li {float:left;height:18px;margin-right:7px;}
.minidaum_wrap .list_minidaum a{overflow:hidden;float:left;height:100%;margin-top:6px;background: url(//img.ruliweb.com/img/mypi/txt_minidaum_20131016.gif) no-repeat;font-size:0;line-height:0;text-indent:-999em}
.minidaum_wrap .list_minidaum .ico_comm {overflow:hidden;float:left;width:11px;height:11px;margin-top:6px;margin-right:3px;background:url(//img.ruliweb.com/img/mypi/ico_comm_20111005.gif) no-repeat right -50px;}
.minidaum_wrap .list_minidaum .ico_dot {width:10px;margin-right:0;background-position:7px 4px;}
.minidaum_wrap .list_minidaum .daum {width:32px;margin:5px 7px 0 0;background-position:0 0;}
.minidaum_wrap .list_minidaum .game {width:19px;background-position:0 -25px;} /* 게임*/
.minidaum_wrap .list_minidaum .mobile_game {width:49px;background-position:0 -150px;} /* 모바일 게임 */
.minidaum_wrap .list_minidaum .myp {width:30px;background-position:0 -50px;}/* 마이피 */
.minidaum_wrap .list_minidaum .secondhand {width:39px;background-position:0 -75px;}/* 중고장터 */
.minidaum_wrap .list_minidaum .ruliweb_info {width:49px;background-position:0 -175px;}/* 루리웹정보 */
.minidaum_wrap .list_minidaum .login {width:29px;background-position:0 -100px;}/* 로그인 */
.minidaum_wrap .list_minidaum .logout {width:39px;background-position:0 -125px;}/* 로그아웃*/
.minidaum_wrap .list_minidaum .txt_name {float:left;margin-top:5px;padding-right:7px;font:bold 11px/13px dotum;background:none;color:#444;letter-spacing:-1px;text-indent:0;}
.minidaum_wrap .list_minidaum .name {float:left;font-size:12px;background:none;line-height:14px;text-indent:0;}
.minidaum_wrap .daum_mini_sub {display:inline;overflow:hidden;float:right;height:18px;margin:4px 14px 0 0;}
.minidaum_wrap .daum_mini_sub a {overflow:hidden;float:left;height:18px;padding-top:2px;font-size:11px;line-height:13px;}
.minidaum_wrap .daum_mini_sub .ico_comm {display:inline;float:left;width:3px;height:3px;margin:6px 6px 0;background-position:0 0;}

/** layout_Head **/
#mypiHead{height:30px;background:#f8f8f8;border-bottom:1px solid #e7e7e7;}
#mypiHead .wrap_head{width:1220px;margin:0 auto;}
#mypiGnb{position:relative;}
#mypiGnb .logo{position:absolute;top:4px;left:0;}
#mypiGnb .menu{position:absolute;top:7px;left:121px;}
#mypiGnb .menu li{float:left;padding-left:15px;background:url(//img.ruliweb.com/img/mypi_dot.gif) 7px 5px no-repeat;}
#mypiGnb .menu a{font:12px dotum;font-weight:bold;letter-spacing:-1px;color:#555;}
#mypiGnb .mymypi{position:absolute;top:7px;left:1150px;letter-spacing:-1px;font-weight:bold;}

/** layout_Mypi **/
#mypiTop{width:1100px;margin:0 auto;border-bottom:3px solid #aaa;}
#mypiTop .txt{margin:20px 0;}
#mypiTop .img{font-size:0;text-align:center;}
#mypiWrap{width:1100px;margin:0 auto;}
#mLeft{overflow:hidden;width:160px;padding:10px 0;}
#mCenter{padding:10px 0;}
#mRight{width:220px;}
#mypiFoot{overflow:hidden;width:100%;height:389px;}

/** Mypi_Left **/
.mypiMark img{width:150px;}
.mypiEdit{width:149px;margin:10px 0;border:1px solid #ddd;background:#fff;text-align:center;}
.mypiEdit a{line-height:180%;}
.mypiEdit .hide{background:none;}
.mypiNick{width:150px;font-weight:bold;padding:7px 0;text-align:center;}
.mypiMeet{width:150px;margin:10px 0;text-align:center;border:1px solid #ddd;background:#f7f7f7;}
.mypiMeet a{line-height:200%;}
.subject{clear:both;width:150px;border-bottom:1px dashed #ddd;padding-bottom:3px;margin:14px 0 4px 0;}
.mypiMenu01 img{vertical-align:middle;}
.mypiMenu01 a, .mypiMenu02 a{padding-left:8px;display:block;line-height:200%;background-position:2px 9px;}
.mypiFind{margin:14px 0;}
.mypiFind .search, .mypiFind .btn{border:1px solid #ccc;background:#fff;}
.mypiFind .search{width:105px;height:18px;}
.mypiFind .btn{width:35px;height:20px;}
.mypiEtc li{line-height:200%;}
.mypiEtc .rss{padding-left:23px;background-position:0 -145px;}
.mypiEtc .ver{padding-left:23px;background-position:0 -190px;}

.notice_element { color: #1A70DC; }
.icon-bell-alt:before { content: "\f0f3"; }

/** Mypi_Right **/
.mypiComment{padding:5px;}
.mypiNotice{text-align:center;margin:20px 0;}
.mypiList, .mypiComment{margin-bottom:10px;border:1px solid #ddd;background:#fafafa;}
.mypiList li{padding:0 5px;text-align:right;line-height:250%;}
.mypiList a{float:left;}
.mypiList a:hover{font-weight:bold;}

#mypiRead{width:100%;border:1px solid #ccc;margin-bottom:10px;background:#fff;}
#mypiRead td {line-height:250%;}
#mypiRead .m1{border-bottom:1px dashed #d7d7d7;padding:0 7px 0 5px;text-align:right;line-height:300%;}
#mypiRead .m1 a{float:left;font-weight:bold;}
#mypiRead .qlink{background:#f8f8f8;padding:7px 5px;font-size:11px;line-height:100%;color:#777;}
#mypiRead .qlink a{color:#888;}
#mypiRead .privacy{background:#666;padding-left:5px;color:#ddd;}
#mypiRead .friend{background:#869dc0;padding-left:5px;color:#fefffc;}
#mypiRead .boyout{background-position:3px -356px;padding-left:20px;}
#mypiRead .photo{text-align:center;margin:5px;}
#mypiRead .story{margin:15px 7px 5px 7px;line-height:150%;}
#mypiRead .behind{padding-left:30px;margin-top:15px;background-position:7px -240px;}
#mypiRead .mypiReadMenu p{float:right;padding:0 5px 0 7px;background-position:0 -281px;}
#mypiRead .mypiReadMenu a{padding-left:3px;}
#mypiRead .mypiReply{background:#eee;line-height:150%;}
#mypiRead .mypiReply img{vertical-align:-3px;margin:0 3px;}

.mypiZmenu{position:relative;height:25px;padding:14px 7px 0 7px;border-top:1px solid #ccc;}
.mypiZmenu .cm01{float:left;cursor:pointer;}
.mypiZmenu .cm02{float:right;}
.mypiZmenu .cm02 li{float:left;padding-left:5px;}

.mypiZmenu2{position:relative;height:25px;padding:12px 7px 0 20px;font-size:11px;background:#f7f7f7;border-top:1px dashed #ddd;}
.mypiZmenu2 .cm01{float:left;cursor:pointer;}
.mypiZmenu2 .cm02{float:right;}
.mypiZmenu2 .cm02 li{float:left;padding-left:5px;}


.readcomment{padding:0 7px 12px 7px;}
.readcomment2{padding:0 7px 14px 40px;background:#f7f7f7;}

*html .icon_sceret{background-position:0 -60px;}
*html .icon_friend{background-position:0 -102px;}
.icon_sceret {padding-left:50px;background-position:0 -57px;}
.icon_friend {padding-left:58px;background-position:0 -99px;}
.mypiComm{padding:7px 0;background:#eee;border-bottom:1px solid #ccc;}
.mypiComm .box_txt_area {overflow:hidden;}
.mypiComm .box_txt_area textarea{float:left;width:83%;height:90px;margin-left:7px;padding:5px;}
.mypiComm .btn_comm{float:left;margin-left:7px;}
.mypiNum{text-align:center;margin:20px 0;}
.re_reply{color:#70a7e0;}
.intext{float:left;width:85%;height:60px;margin-right:7px;}

/** Mypi_RightMenu **/
.rightfly{position:relative;top:5px;left:10px;width:210px;}
.mypiSide{clear:both;line-height:150%;margin-bottom:20px;}
.mypiSideUl{margin:7px 0;height:22px;border-bottom:1px dashed #ccc;}

/** 작성하기 **/
.mWrite p{margin:7px 0;}
.mWrite select{width:100px;}
.mWrite input{width:500px;height:19px;border:1px solid #ccc;background:#f6f6f6;}
.mWrite2{margin:14px 7px;line-height:170%;}
.mWrite2 h4{color:#FF0000;border-bottom:1px solid #E3E3E3;padding-bottom:5px;margin-bottom:7px;}
.mWrite2 p{margin-left:5px;}
.mWrite3{width:767px;margin-left:5px;border:1px solid #C0C0C0;background:#FAFAFA;}
.mWrite3 textarea{width:745px;height:300px;padding:5px;margin:4px 0;}

/** 방명록 **/
.visit{width:776px;height:123px;border:1px solid #ccc;margin:0 7px 15px 0;}
.vcom{padding:7px 0 7px 65px;background:url(//img.ruliweb.com/img/mpgb2.gif) 0 9px no-repeat;}
.visitn{width:700px;margin:0 auto;}
.visitxt{float:left;width:673px;height:70px;margin-left:7px;padding:5px;}
.visitxt2{float:left;padding:2px 0 0 7px;line-height:300%;}
.visitxt3{float:left;width:762px;border:1px solid #ccc;margin:5px 7px 0 0;padding:7px;background:#f6f6f6;}
.visitxt4{float:left;width:776px;border:1px solid #ccc;margin-right:7px;border-top:none;}
.visitxt5{width:100%;height:125px;border:1px solid #ccc;padding:5px;margin-top:20px;background-color:#fff;}

/** 페이징 **/
.wrap_paging {line-height:0;text-align:center;}
.wrap_paging .btn_comm {display:inline;position:relative;float:left;width:22px;height:23px;padding:0;background-image:url(//img.ruliweb.com/img/mypi/btn_comm.gif);}
.paging_comm {display:table;display:inline-block;height:23px;margin:0 auto;font-size:0;line-height:0;}
.paging_comm .num {display:inline;float:left;padding:1px 7px;margin:0 1px 0 2px;font:bold 12px/19px tahoma;color:#9399a5;}
.paging_comm a {cursor:pointer;}
.paging_comm .num:hover,
.paging_comm em.num {padding:0 6px 1px;border:1px solid #ececec;color:#5795dd;background:url(//img.ruliweb.com/img/mypi/bg_paging.gif) repeat-x 0 0;text-decoration:none;}
.paging_comm em.num {position:relative;}
.paging_comm .ir_pm {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:19px;border-left:1px solid #fff;}
.paging_comm .btn_fst {width:27px;margin-left:-6px;background-position:0 -150px;}
.paging_comm span.btn_fst {background-position:0 -1200px;}
.paging_comm .btn_prev {margin-right:10px;background-position:-27px -150px;}
.paging_comm span.btn_prev {background-position:-27px -1200px;}
.paging_comm .btn_next {margin-left:11px;background-position:-49px -150px;}
.paging_comm span.btn_next {margin-left:11px;background-position:-49px -1200px;}
.paging_comm .btn_lst {width:27px;margin-right:-6px;background-position:-71px -150px;}
.paging_comm span.btn_lst {background-position:-71px -1200px;}
  
/* footer */
.footer_ruliweb{overflow:hidden;width:1100px;padding:15px 0 26px;margin:0 auto;color:#999;line-height:14px;text-align:center;}
.footer_ruliweb .link_info{overflow:hidden;width:1024px;margin:0 auto;}
.footer_ruliweb .link_txt{color:#666;}
.footer_ruliweb .foot_address{overflow:hidden;width:1024px;margin:8px auto 0;}
.footer_ruliweb .copyright{display:block;padding:9px 0 8px 3px;border-top:1px solid #e7e7e7;font:11px/11px tahoma,sans-serif;color:#989898;}
.footer_ruliweb .txt_bar{padding:0 4px;color:#999;}

.mypib6 {border-top:1px solid #C2C2C2; border-left:1px solid #C2C2C2;}
.mypib8 {width:600px;border-bottom: 1px dashed #B2B2B2; padding-bottom:5px;}
.mypib9 {border-top:1px solid #979797; border-left:1px solid #979797; border-right:1px solid #C2C2C2; border-bottom:1px solid #C2C2C2; background-color:#F8F8F8;}
.mypib10 {padding:0 0 10px 23px;}
.mypib11 {width:650px; height:350px; padding:5px; border:1px solid #C2C2C2; color:#3E3E3E; background-color:#FFFFFF;}

.ir { 
    background-image: url(//img.ruliweb.com/img/2016/icon/ruliweb_icon_16x17.png);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 17px;
    padding-left: 16px;
    bottom: -3px;
    font-size: 0;
}


#image_layer {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
}
#image_layer .dimmed {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}	

#device_change_btn {
    display: none;
}

#device_change_btn.active {
    display: block;
    width: 100%;
    font-size: 90px;
    border-top: 1px solid #444;
    background-color: #eee;
    height: 200px;
    line-height: 200px;
}