@charset "utf-8";

.c_member	{margin-top: 60px;}
.c_member .dot	{margin: 0 3px;}

.c_member .right	{float: right;}
.c_member .left	{float: left;}
.c_member .bt_area	{text-align: right; margin: 15px 0 0;}
.c_member .desc,
.help-block,
.help-inline	{padding: 10px; background-color: #f7f7f7; border-top: 1px dotted #DDD; font-size: 11px; color: #999; line-height: 160%;}

.member_wrap	{position: relative; margin: 0 auto; width: 660px; padding-right: 30px; border: 1px solid #CCC; background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.m_sidebar	{float: left; padding-bottom: 30px; width: 180px; background-color: #f7f7f7; border-right: 1px solid #DDD; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;}
.m_content	{float: right; margin: 30px 0; width: 450px; min-height: 250px;}
.c_member h1	{position: relative; margin: 0 0 15px 15px; font: normal 12px 'Jeju Gothic', sans-serif;}
.c_member h1::before {content: ''; position: absolute; left: -13px; top: -2px; width: 0; height: 0; border: 4px solid transparent;}
.c_member h1::after {content: ''; position: absolute; left: -13px; top: 6px; width: 0; height: 0; border: 4px solid transparent;}

.m_profile	{position: relative; height: 59px; padding-left: 75px; border-bottom: 1px solid #DDD; background-color: #FFF; -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.m_profile_image	{display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(../images/icn_profile_big.png) no-repeat;}
.m_profile_image img	{width: 60px; height: 60px;  -webkit-border-radius: 5px 0 0 0; -moz-border-radius:  5px 0 0 0; border-radius:  5px 0 0 0;}
.m_user	{position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); line-height: 1.6em; font-weight: bold;}
.m_id	{font-weight: normal; color: #999;}
.m_menu	{padding: 20px 20px 0;}
.m_menu_unit	{padding: 4px 0;}
.m_menu_unit a	{display: block; padding: 6px 0 6px 30px; background-position: 10px center; background-repeat: no-repeat; opacity: 0.4;}
.m_menu_unit.active	{background: url(../images/icn_menu_arrow.png) no-repeat right 10px center;}
.m_menu_unit.active a	{opacity: 1.0; border: 1px dotted #CCC; background-color: #EEE;}
.m_menu_unit:nth-child(1) a	{background-image: url(../images/icn_m_user.png);}
.m_menu_unit:nth-child(2) a	{background-image: url(../images/icn_m_scrap.png);}
.m_menu_unit:nth-child(3) a	{background-image: url(../images/icn_m_archive.png);}
.m_menu_unit:nth-child(4) a	{background-image: url(../images/icn_m_document.png);}
.m_menu_unit:nth-child(5) a	{background-image: url(../images/icn_m_friends.png);}
.m_menu_unit:nth-child(6) a	{background-image: url(../images/icn_m_message.png);}


/* member info */
.m_info	{position: relative; padding: 15px; border: 1px solid #DDD; font-size: 11px; line-height: 140%;}
.m_info dl	{padding: 15px 0; margin-bottom: -15px;}
.m_info dt, .m_info dd	{display: inline-block; vertical-align: top; margin-bottom: 15px;}
.m_info dt	{width: 120px; text-align: right;}
.m_info dt em,
.m_table th em	{font: normal 13px/13px "verdana"; vertical-align: middle !important;}
.m_info dd	{width: 260px; color: #999;}
.m_info dd p	{margin-bottom: 5px;}
.m_info dd img	{width: 60px; height: auto;}
.m_info .dot	{margin: 0 10px; color: #999;}

.m_info .bt_area	{padding-top: 15px; margin-top: 15px; border-top: 1px dashed #DDD;}

.m_level	{display:none; position: absolute; right: 15px; top: -5px; padding: 10px 0 30px; width: 43px; background-image: url(../images/bg_flag.png); background-repeat: no-repeat; background-position: left bottom; color: #FFF; text-align: center; line-height: 160%;}


/* main form design */
.m_table	{width: 100%; border: 1px solid #DDD; border-bottom: none; font-size: 11px;}
.m_table th,
.m_table td	{border-bottom: 1px solid #DDD;}
.m_table th	{padding: 10px 12px; width: 90px; border-right: 1px solid #DDD; background-color: #f7f7f7; text-align: left; font-weight: normal;}
.m_table input[type="text"],
.m_table input[type="password"],
.m_table input[type="datetime"],
.m_table input[type="datetime-local"],
.xm_tablem input[type="date"],
.m_table input[type="month"],
.m_table input[type="time"],
.m_table input[type="week"],
.m_table input[type="number"],
.m_table input[type="email"],
.m_table input[type="url"],
.m_table input[type="search"],
.m_table input[type="color"],
.m_table input[type="file"]	{margin: 0; padding: 10px 12px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; background: none; font-size: 11px;}
.m_table input[type="tel"]	{margin: 0 5px; padding: 2px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none; font-size: 11px; border: 1px solid #DDD;}
.m_table input[type="text"]:focus,
.m_table input[type="password"]:focus,
.m_table input[type="datetime"]:focus,
.m_table input[type="datetime-local"]:focus,
.xm_tablem input[type="date"]:focus,
.m_table input[type="month"]:focus,
.m_table input[type="time"]:focus,
.m_table input[type="week"]:focus,
.m_table input[type="number"]:focus,
.m_table input[type="email"]:focus,
.m_table input[type="url"]:focus,
.m_table input[type="search"]:focus,
.m_table input[type="tel"]:focus,
.m_table input[type="color"]:focus,
.m_table_unit textarea:focus	{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #ffffd1}
.m_table input[type="button"],
.m_table input[type="submit"],
.m_table input[type="reset"],
.m_table button	{display: inline-block; padding: 7px 10px; font-size: 11px; line-height: 11px; background-color: #c6c6c6; color: #FFF;}
.m_table_unit textarea	{padding: 5px; margin-bottom: -3px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; resize: vertical;}


.m_table_unit	{position: relative;}
.m_table_unit select+input	{border-top: 1px solid #DDD !important;}
.m_table_unit select	{margin:5px !important;}
.m_table_unit .dateRemover	{position: absolute; right: 10px; top: 50%; margin-top: -13px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

.m_table_unit>div	{padding: 10px !important;}
.m_table input[type=radio], .m_table input[type=checkbox]	{margin: 0 0 0 5px;}

#profile_imagetag, #image_nametag, #image_marktag	{display: block; padding: 10px 10px 8px; border-bottom: 1px dotted #DDD; position: relative;}
#profile_imagetag button, #image_nametag button, #image_marktag button	{position: absolute; right: 10px; top: 50%; margin-top: -13px;}

.krZip	{padding: 10px; font-size: 11px; color: #999;}
.krZip input	{vertical-align: middle; width: 70px !important;}
.krZip input.krzip-search	{padding: 4px 10px !important; background-color: #c6c6c6 !important; border-top: 1px solid #c6c6c6 !important; width: auto !important; color: #FFF;}
.krzip-address-wrap	{padding: 5px 0;}
.krZip .krzip-detailAddress, 
.krZip .krzip-extraAddress, 
.krZip .krzip-jibunAddress, 
.krZip .krzip-postcode, 
.krZip .krzip-roadAddress	{padding: 0 5px !important; border: 1px solid #DDD !important; height: 22px !important; line-height: 22px !important;}
.krZip .krzip-detailAddress	{width: 216px !important;}
.krZip label	{display: inline-block; width: 40px;}

.m_sign	{padding: 10px;}
.m_sign textarea	{margin: -10px; padding: 16px; height: 100px !important; box-sizing: content-box !important; border: none; resize: vertical; overflow: auto;}
.m_sign textarea:focus	{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #ffffd1}

.m_radio	{padding: 10px;}

/* m_list */
.m_total	{margin-bottom: 10px; text-align: right; color: #999;}
.m_total .bt_basic	{margin-left: 3px;}
.m_list	{border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.m_list>li	{position: relative; padding: 10px; border-bottom: 1px dotted #DDD;}
.m_list>li:hover	{background-color: #f7f7f7;}
.m_list>li:last-child	{border-bottom: none;}
.m_list h2	{font-size: 12px; font-weight: normal;}
.m_list_info	{margin-top: 5px; color: #bbb; font-size: 11px;}
.m_list_info a 	{color: #bbb;}
.m_list_info li	{display: inline-block;}
.m_list button.bt_basic	{position: absolute; right: 10px; top: 50%; margin-top: -13px;}
.m_list .has_button	{padding-right: 60px;}
.m_list .has_thumb	{padding-left: 70px;}

.savedContent	{margin-top: 5px; padding: 10px; border: 1px dotted #DDD; background-color: #FFF;}
.savedContent .xe_content, .savedContent .xe_content p	{font-size: 11px !important; color: #666 !important;}

.m_vote	{padding-left: 17px; background: url(../images/icn_heart.png) no-repeat left center;}
.m_thumb	{position: absolute; left: 10px; top: 10px;}


/* sign up */
.su, .fp, .signin	{margin: 0 auto; padding: 30px; width: 530px; border: 1px solid #CCC; background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.su .m_table th	{width: 110px;}
.agreement	{margin-bottom: 30px;}
.agreement .text	{padding: 15px; margin-bottom: 10px; height: 150px; border: 1px solid #DDD;overflow-y: scroll; line-height: 160%;}

.fp section	{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #DDD;}
.fp section.last	{margin-bottom: 0; border-bottom: none;}

.fp, .signin	{width: 430px;}
.signin fieldset	{padding: 0; margin: 0; border: none;}
.login_footer	{margin-top: 15px;}
.signin .control-group	{margin-top: 10px;}
#warning .desc	{margin-top: 10px; border-bottom: 1px dotted #DDD;}


/* paging */
.paging	{clear: both; padding-top: 30px; text-align: center;}
.paging a	{display: inline-block; padding: 5px 10px; background-color: #f7f7f7; border: 1px solid #DDD; border-right: none; color: #999;}
.paging a.next_page	{border-right: 1px solid #DDD !important; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
.paging a.prev_page	{ -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.paging a.on	{background-color: #FFF; color: #555;}