@charset "utf-8";

#login_table {display:table;width:100%;height:100%;}
#login_cell {display:table-cell;width:100%;height:100%;vertical-align:middle;background:#eee}

/* 기본박스 */
.mbskin {position:relative;}
.mbskin:after {display:block;visibility:hidden;clear:both;content:""}

/* 로그인 */
.mbskin  h1 {display:block;margin:0 0 30px 0;font-size:24px;font-weight:700;text-align:center;}


#mb_login {width:300px;margin:0 auto;text-align:left;}

#login_fs {line-height:40px;}

#mb_login #login_fs .frm_input {display:block;width:100%;margin:0 0 10px 0;}
#mb_login #login_fs .btn_submit {display:block;width:100%;margin:0 0 10px 0;}
#mb_login input,
#mb_login span,
#mb_login img {vertical-align:middle;}

#mb_login #login_info {margin:20px 0 0 0;text-align:center;}
#mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #login_info ul {text-align:center;}
#mb_login #login_info ul li {display:inline-block;margin:0 8px 0 0;padding:0 8px 0 0;font-size:0;background:url(../../../img/var.gif) no-repeat right 50%;}
#mb_login #login_info ul li:last-child {margin:0;padding:0;background:none}
#mb_login #login_info ul li a {display:block;color:#666;font-size:12px;line-height:30px;}
#mb_login #login_info ul li a:hover {color:#444;text-decoration:underline;}


/*#mb_login_notmb{margin:30px auto;padding:20px 30px }
#mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px}
#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px}

#mb_login_od_wr{margin:30px auto;padding:20px 30px }
#mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input{margin:10px 0 0 }
#mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em}*/


/* 회원 비밀번호 확인 */
#mb_confirm {width:300px;margin:0 auto;text-align:center;}
#mb_confirm h1 {display:block;margin:0 0 30px 0;font-size:24px;font-weight:600;text-align:center;}
#mb_confirm p {margin:0 0 20px 0;}
#mb_confirm p strong {display:block;margin:0 0 12px 0;color:#f00001;font-size:16px;font-weight:700;}
#mb_confirm fieldset {text-align:left}
#mb_confirm fieldset .frm_input {margin:0 0 10px;}
#mb_confirm label {}
#mb_confirm .confirm_id {display:none;color:#444;font-weight:700;line-height:40px;}
#mb_confirm #mb_confirm_id {display:block;width:100%;height:40px;margin:0 0 10px 0;color:#f00001;font-weight:700;line-height:38px;text-indent:10px;background:#fff;border:solid 1px #ccc;}
#mb_confirm .btn_submit {display:block;width:100%;height:50px;font-weight:700;line-height:48px;}


/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {}
#find_info p {}
#find_info #mb_email {margin:10px 0;}



/* 회원가입 입력 */
#register_header {position:absolute;left:0;top:0;width:100%;height:40px;padding:0 0 0 10px;line-height:40px;background:#000;}
#register_header a {display:block;position:absolute;width:40px;height:40px;overflow:hidden;right:0;top:0;line-height:999px;background:url(../../../img/icon_home_w.png) no-repeat 50% 50% #444;}

#register_form {width:100%;max-width:500px;margin:0 auto;padding:80px 0;}
#register_form h1 {display:block;margin:0 0 30px 0;;font-size:24px;font-weight:600;text-align:center;line-height:40px;}
#register_form .term_wrap {margin:0 0 30px 0;}
#register_form .term_wrap textarea {display:block;width:100%;height:140px;margin:0 0 5px 0;padding:10px;border:solid 1px #ccc;}
#register_form h2 {display:block;margin:0 0 10px 0;color:#44;font-size:14px;font-weight:600;}
#fregisterform ul {margin:0 0 50px 0;margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:solid 1px #eee;}
#fregisterform ul li {display:block;margin:0 0 20px 0;}
#fregisterform ul li label {display:inline-block;width:120px;color:#444;font-weight:600;line-height:40px}
#fregisterform ul li textarea {display:block;width:100%;height:70px;padding:10px;border:solid 1px #ccc;}
#fregisterform .frm_address {margin:10px 0 0 0}
#fregisterform #reg_mb_zip {display:inline-block;width:80px}
#fregisterform #mb_addr_jibeon {}
#fregisterform .frm_info {margin:10px 0 0 0;color:#f00001;font-size:12px;line-height:18px;}

#fregisterform .btn_confirm .btn_submit {width:200px;height:60px;font-size:16px;font-weight:600;line-height:58px;}
#fregisterform .btn_confirm .btn_cancel {width:200px;height:60px;font-size:16px;font-weight:600;line-height:58px;}

#fregisterform #msg_certify {margin:5px 0 0;color:#f00001;}
#fregisterform .captcha {}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto}



/* 회원가입 완료 */
#reg_result {text-align:center;}
#reg_result #result_logo {margin:0 0 60px 0;}
#reg_result h2 {display:block;margin:0 0 30px 0;color:#222;font-size:48px;font-weight:400;text-align:center;line-height:normal}
#reg_result h3 {display:block;margin:0 0 24px 0;color:#222;font-size:16px;font-weight:400;text-align:center;line-height:22px;}
#reg_result h3 strong {color:#f00001;font-weight:700;}
#reg_result #result_end {margin:0 0 60px 0;text-align:center;}

#reg_result #result_email {margin:0 0 60px 0;text-align:center;}
#reg_result #result_email strong {color:#f00001;font-weight:400;}

#reg_result .btn_confirm .btn_submit {width:200px;height:60px;font-size:16px;font-weight:600;line-height:58px;}
#reg_result .btn_confirm .btn_cancel {width:200px;height:60px;font-size:16px;font-weight:600;line-height:58px;}



/*포인트*/
.win_list th {color:#222;font-size:13px;text-align:right !important;}
.win_list th strong {color:#15AAD4;font-weight:700;}
.win_list td.point_con {width:70% !important}
.win_list td.point_sum {width:30% !important;text-align:right;}
.win_list td .point_date {color:#999;font-size:12px;}
.win_list td .point_date1 {color:#f00001;font-size:12px;}
.win_list td .txt_expired {color:#f00001;font-size:12px;}


#point td.point_status {color:#444;font-size:13px;font-weight:700;background:#f6f6f6;}
#point td.point_status span,#point .point_status span {float:right;margin:0 0 0 30px;}
#point td.point_status .point_plus {}
#point td.point_status .point_use {color:#f00001}


/* 스크랩 */
#scrap .scrap_tit {display:block;margin:0 0 2px 0;font-size:13px;color:#444;}
#scrap .scrap_cate {display:inline-display:block;color:#666;}
#scrap .scrap_datetime {display:inline-block;color:#999;}
#scrap .scrap_del {display:block;position:absolute;top:12px;right:10px;}

/*
#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {height:100px}
#scrap_do .scrap_tit{background:#f3f3f3;padding:10px 15px;font-size:1.083em;font-weight:bold}
#scrap_do label{display:block;margin:0 0 5px;font-size:0.92em}
*/


/* 쪽지 */
#memo_list .memo_name,#memo_list .memo_name .sv_wrap {font-size:13px;font-weight:700}
#memo_list .memo_datetime {display:block;color:#999;}
#memo_list .memo_del {display:block;position:absolute;top:12px;right:10px;}

#memo_view_contents {}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}


#memo_view_ul {}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
#memo_view_ul li {display:block;position:relative;padding:12px 10px;border-bottom:solid 1px #ddd;}
#memo_view_ul li:after {display:block;visibility:hidden;clear:both;content:""}
#memo_view_ul li.memo_view_name {font-size:13px;}
#memo_view_ul li.memo_view_name strong,.memo_view_name .sv_wrap{font-weight:700 !important}
#memo_view_ul li.memo_view_name .profile_img img {width:16px;height:auto;border-radius:50%}
#memo_view_ul li.memo_view_name .date {font-size:12px;color:#999}
#memo_view_ul li p {padding:10px;}
#memo_view_ul li p a.btn_list {display:block;width:60px;height:30px;margin:10px 0 0 0;color:#666;font-size:12px;line-height:28px;text-align:center;background:#f6f6f6;border:solid 1px #ccc;}

.memo_move {float:right;}
.memo_move a {display:inline-block;padding:4px 6px;color:#666;font-size:11px;line-height:normal;background:#fff;border:solid 1px #ccc;}

/* 폼메일 */
#formmail {margin:0 0 50px 0}
#formmail label {display:inline-block;font-weight:400;}

/* 비밀글 비밀번호 확인 */
#pw_confirm {width:300px;margin:0 auto;text-align:center;}
#pw_confirm h1 {display:block;margin:20px 0 30px 0;font-size:14;font-weight:700;}
#pw_confirm p {margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:solid 1px #ccc;}
#pw_confirm p strong {display:block;color:#f00001;font-size:16px;margin:0 0 8px 0}

#pw_confirm fieldset {}
#pw_confirm fieldset .frm_input {margin:0 0 10px 0;}
#pw_confirm label {}
#pw_confirm .btn_submit {width:100%;}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id{}


#mypage_wrap {}
#mypage_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#profile_head {position:relative;margin:0 0 10px 0;padding:20px 0;}
#profile_head:after {display:block;visibility:hidden;clear:both;content:""}

#profile_head .member_img {}
#profile_head .member_img img {display:block;width:60px;height:60px;margin:0 auto 10px auto;border-radius:50%;}

#profile_head .member_nick {text-align:center;}
#profile_head .member_nick .profile_img img {width:20px;height:auto;border-radius:50%;}
#profile_head .member_nick strong {font-family:'Roboto',sans-serif;color:#15aacf;font-size:18px;font-weight:300;}

.point_opt {position:absolute;left:0;top:50%;margin:-40px 0 0 0;}
.point_opt:after {display:block;visibility:hidden;clear:both;content:""}
.point_opt a {display:block;float:left;margin:0 4px 0 0;width:80px;height:80px;padding:10px 0 0 0;color:#666;font-size:12px;text-align:center;letter-spacing:-1px;background:#f6f6f6;border:solid 1px #ccc;}
.point_opt a img {display:block;width:32px;margin:0 auto;}

.follow_opt {position:absolute;right:0;top:50%;margin:-40px 0 0 0;}
.follow_opt:after {display:block;visibility:hidden;clear:both;content:""}
.follow_opt a {display:block;float:left;margin:0 0 0 4px;width:80px;height:80px;padding:10px 0 0 0;color:#666;font-size:12px;text-align:center;letter-spacing:-1px;background:#f6f6f6;border:solid 1px #ccc;}
.follow_opt a img {display:block;width:32px;margin:0 auto;}

#mnb {margin:0 0 10px 0;}
#mnb ul {background:#222;border-top:solid 1px #444;border-left:solid 1px #444}
#mnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#mnb ul li {display:block;float:left;width:16.6%;border-bottom:solid 1px #444;border-right:solid 1px #444}
#mnb ul li:last-child {width:17%;}
#mnb ul li a {display:block;height:70px;padding:14px 0 0 0;color:#ccc;font-size:13px;line-height:20px;text-align:center;}

ul.member_info {margin:0 0 10px 0}
ul.member_info:after {display:block;visibility:hidden;clear:both;content:""}
ul.member_info li {display:block;float:left;width:24%;margin:0 1.3% 0 0;padding:20px;color:#999;line-height:20px;border:solid 1px #ccc;}
ul.member_info li:last-child {margin:0;}
ul.member_info li label {display:block;color:#222;font-weight:700;vertical-align:middle;}
ul.member_info li strong {color:#f00001;}

.member_intro {margin:0 0 10px 0;padding:20px;border:solid 1px #ccc;}
.member_intro label {display:block;color:#222;font-weight:700;vertical-align:middle;}
.member_intro label,
.member_intro img {vertical-align:middle}


/* ### 기본 스타일 커스터마이징 끝 ### */

/* 회원가입 약관 */
/*#fregister p{text-align:center;color: #c7254e;background: #f9f2f4;padding:10px;border:1px solid #ecc7d2;margin:0 0 5px}
#fregister section {;margin:10px auto 30px;border:1px solid #dbdbdb;position:relative;border-radius:3px 3px 0 0 ;
-webkit-box-shadow:  0 1px 3px #eee;
-moz-box-shadow:  0 1px 3px #eee;
box-shadow: 0 1px 3px #eee;
}
#fregister_chkall{text-align:right}
#fregister h2 {text-align:left;padding:15px 20px;border-bottom:1px solid #dbdbdb;background:#f8f8f8}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#fregister .fregister_agree {position:absolute;top:0;right:0;;padding:15px}
#fregister_private div{padding:20px;background:#fff}
#fregister_private table{width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table  th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971}
#fregister_private table  td{border:1px solid #ddd;padding:10px;}
#fregister .btn_confirm{text-align:center;}
#fregister .btn_confirm .btn_submit{height:50px;padding:0 40px;font-weight:bold;font-size:1.083em}*/

#recent_article {margin:0 0 10px 0;border:solid 1px #ccc;}
#recent_article h2 {display:block;position:relative;height:40px;padding:0 10px;color:#222;font-weight:700;line-height:40px;background:#f6f6f6;border-bottom:solid 1px #ddd;}
#recent_article h2 a {display:block;position:absolute;right:0;top:0;width:40px;height:39px;overflow:hidden;line-height:999px;background:url(./img/btn_more_g.gif) no-repeat 50% 50% #fff;border-left:solid 1px #ccc;}

#recent_article dl {}
#recent_article dl dd {padding:12px 10px 12px 16px;background:url(./img/bullet_g.png) no-repeat 10px 23px;border-bottom:solid 1px #eee;}
#recent_article dl dd:last-child {border-bottom:none;}
#recent_article dl dd .subject {width:100%;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
#recent_article dl dd .original {width:100%;overflow:hidden;color:#ff7700;font-size:13px;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
#recent_article dl dd .info {color:#999;font-size:13px;}
#recent_article dl dd .info strong {color:#15aacf;font-weight:400;}

.recent_empty {padding:60px 0;color:#999;font-size:13px;text-align:center;}


#mylist_wrap {margin:0 0 10px 0;border:solid 1px #ccc;}
#mylist_wrap h2 {display:block;position:relative;height:40px;padding:0 10px;color:#222;font-weight:700;line-height:40px;background:#f6f6f6;border-bottom:solid 1px #ddd;}
#mylist_wrap h2 a {display:block;position:absolute;right:0;top:0;width:40px;height:39px;overflow:hidden;line-height:999px;background:url(./img/btn_more_g.gif) no-repeat 50% 50% #fff;border-left:solid 1px #ccc;}

#mylist_wrap dl {}
#mylist_wrap dl dd {position:relative;padding:12px 10px;border-bottom:solid 1px #eee;}
#mylist_wrap dl dd:last-child {border-bottom:none;}

#mylist_wrap dl dd .category {color:#15aacf;font-size:13px;}
#mylist_wrap dl dd .subject {display:block;margin:0 40px 0 0;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
#mylist_wrap dl dd .comment {color:#ff7700;font-size:12px;}
#mylist_wrap dl dd .date {color:#999;font-size:13px;}
#mylist_wrap dl dd .info {}
#mylist_wrap dl dd .info ul {}
#mylist_wrap dl dd .info ul:after {display:block;visibility:hidden;clear:both;content:""}
#mylist_wrap dl dd .info ul li {display:block;float:left;margin:0 8px 0 0;padding:0 8px 0 0;color:#999;font-size:13px;background:url(../../../img/var.gif) no-repeat right 50%;}
#mylist_wrap dl dd .info ul li:after {display:block;visibility:hidden;clear:both;content:""}
#mylist_wrap dl dd .info ul li:last-child {margin:0;padding:0;background:none}
#mylist_wrap dl dd .info ul li img {width:16px;height:auto;border-radius:50%}
#mylist_wrap dl dd .btn_del {display:block;position:absolute;right:0;top:0;width:40px;height:100%;overflow:hidden;line-height:999px;background:url(./img/icon_del.png) no-repeat 50% 50% #666;}
#mylist_wrap dl dd .list_chk {display:block;position:absolute;left:0;top:0;width:40px;height:100%;overflow:hidden;text-align:center;line-height:63px;background:#fff;}

#mylist_wrap dl dd .po_con {display:block;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
#mylist_wrap dl dd .po_date {color:#999;font-size:12px;}
#mylist_wrap dl dd .po_sum {display:block;position:absolute;right:0px;top:0;padding:12px 10px;text-align:right;}
#mylist_wrap dl dd .po_sum strong {display:block;color:#f00001;font-weight:700;}
#mylist_wrap dl dd .po_sum .txt_expired {color:#f00001;text-decoration:line-through;}

.po_status {display:block;margin:10px 0 0 0;padding:12px 10px;color:#444;font-size:13px;font-weight:700;background:#f6f6f6;border:solid 1px #999;}
.po_status span,#point .point_status span {float:right;margin:0 0 0 30px;}
.po_status .point_plus {}
.po_status .point_use {color:#f00001}


.allim_btn_area {margin:0 0 20px 0;}
.allim_btn_area ul {}
.allim_btn_area ul:after {display:block;visibility:hidden;clear:both;content:""}
.allim_btn_area ul li {display:block;float:left;width:33.3%;padding:4px;}
.allim_btn_area ul li:last-child {margin:0;}
.allim_btn_area ul li .btn_allim {display:block;width:100%;height:40px;padding:0 0 0 20px;line-height:40px;text-align:left;background:url(./img/arrow_g.png) no-repeat right 50% #eee;border:none}

.allim_info {margin:0 0 10px 0;}
.allim_info strong {color:#f00001;font-weight:700;}

.allim_padding {padding:12px 10px 12px 40px !important;}

.banner_member {margin:20px 0 0 0;}
.banner_member ul {}
.banner_member ul li {display:block;margin:0 0 5px 0;}
.banner_member ul li:last-child {margin:0;}
.banner_member ul li img {width:100%;height:auto}









@media screen and (max-width:768px) {
.mbskin  h1 {font-size:18px;}

#register_header {position:fixed}

#mb_confirm .btn_submit {position:fixed;left:0;bottom:0;}

#register_form .term_wrap {margin:0 10px 30px 10px;}

#register_form {width:auto;padding:40px 0;}
#register_form h1 {padding:0 10px;font-size:16px;text-align:left;border-bottom:solid 1px #aaa;}
#register_form h2 {padding:0 10px;}
#fregisterform ul {padding:0 10px 30px 10px;}
#fregisterform ul li label {display:block;width:100%;margin:0 0 10px 0;}

#fregisterform .btn_confirm {position:fixed;left:0;bottom:0;width:100%;}
#fregisterform .btn_confirm .btn_submit {display:block;float:left;width:49.5%;margin:0 1% 0 0;height:50px;font-size:14px;line-height:48px;}
#fregisterform .btn_confirm .btn_cancel {display:block;float:left;width:49.5%;height:50px;font-size:14px;line-height:48px;}

#reg_result {padding:120px 10px;}
#reg_result h2 {margin:0 0 40px 0;font-size:30px;line-height:36px;}
#reg_result #result_email h3 {font-size:18px;}
#reg_result #result_email {font-size:14px;line-height:20px;}
#reg_result #result_email img {width:140px;height:auto}
#reg_result #result_email .email {font-size:18px;}

#reg_result #result_end h3 {font-size:18px;}
#reg_result #result_end {font-size:14px;line-height:20px;}
#reg_result #result_end img {width:160px;height:auto}
#reg_result #result_end .id {font-size:18px;}

#reg_result .btn_confirm {position:fixed;left:0;bottom:0;width:100%;}
#reg_result .btn_confirm .btn_submit {display:block;float:left;width:49.5%;margin:0 1% 0 0;height:50px;font-size:14px;line-height:48px;}
#reg_result .btn_confirm .btn_cancel {display:block;float:left;width:49.5%;height:50px;font-size:14px;line-height:48px;}


#profile_head {width:auto;margin:0 2% 10px 2%;padding:20px 0;}

.point_opt {left:10px;margin:-40px 0 0 0;}
.point_opt a {display:block;float:none;width:60px;height:60px;margin:0 0 4px 0;padding:5px 0 0 0;font-size:11px;}
.point_opt a img {width:24px;}

.follow_opt {right:10px;margin:-40px 0 0 0;}
.follow_opt a {display:block;float:none;width:60px;height:60px;margin:0 0 4px 0;padding:5px 0 0 0;font-size:11px;}
.follow_opt a img {width:24px;}

#mnb ul li {width:33.3%}
#mnb ul li:last-child {width:33.3%;}

ul.member_info li {width:46%;margin:0 2% 10px 2%;padding:10px;}
ul.member_info li:last-child {margin:0 2% 10px 2%;}

.member_intro {width:auto;margin:0 2% 10px 2%;}

#recent_article {margin:0 2% 10px 2%;}

#mylist_wrap {margin:0 2% 10px 2%;}

#mylist_wrap dl dd .po_sum {position:relative;padding:0;text-align:left;}

.po_status {width:auto;margin:0 10px;}

.allim_btn_area {margin:0 2% 20px 2%;}

.allim_info {margin:0 2% 10px 2%;}
}