@charset "utf-8";

/* Common Style */
body {margin:0; padding:0; font-family:"맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕","돋움", Dotum, "굴림",  Gulim; font-size:13px; line-height:24px; color:#565656;}

h1, h2, h3, h4, h5, h6, form, input, ul, li, dl, dt, dd, p {margin:0; padding:0;}

a {text-decoration:none; color:#515151;}

img { border:0px;}

.iphone_input {-webkit-appearance: none;}
/*input, select, img, textarea {float:left;}*/

ul, li, dl, dt, dd { list-style:none;}

.AlignLeft {text-align:left !important;}
.AlignCenter {text-align:center !important;}
.AlignRight {text-align:right !important;}
.AlightRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
.ValignMiddle{vertical-align:middle !important;}
.ValignBottom {vertical-align:bottom !important;}
.DisplayBlock {display:block;}
.DisplayNone {display:none;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
.ClearBoth {clear:both;}
.BackgroundNone {background:none !important;}
.BorderNone {border:none !important;}
.borderRightNone { border-right:none !important;}
.borderBottomNone { border-bottom:none !important;}
.PaddingNone {padding:0 !important;}
.MarginNone {margin:0 !important;}
.MarginRightNone {margin-right:0 !important;}
.LetterSpacing01px {letter-spacing:-1px !important;}
.LetterSpacing02px {letter-spacing:-2px !important;}
.LetterSpacingNormal {letter-spacing:normal !important;}
.FontWeightNormal {font-weight:normal !important;}
.FontWeightBold {font-weight:bold !important;}

.txt_left { text-align:left; }
.txt_right { text-align:right; } 
.txt_center { text-align:center; } 
.txt_justify { text-align:justify;} 
.txt_middle { vertical-align:middle; } 
.txt_bottom { vertical-align:bottom; } 
.txt_baseline { vertical-align:baseline; }
.txt_bold {font-weight:bold;} 
.txt_normal{font-weight:normal;} 


.MAL5 {margin-left:5px !important;}
.MAL10 {margin-left:10px !important;}
.MAL15 {margin-left:15px !important;}
.MAL20 {margin-left:20px !important;}
.MAL25 {margin-left:25px !important;}
.MAL30 {margin-left:30px !important;}
.MAL35 {margin-left:35px !important;}
.MAL40 {margin-left:40px !important;}

.MAT5 {margin-top:5px !important;}
.MAT10 {margin-top:10px !important;}
.MAT15 {margin-top:15px !important;}
.MAT20 {margin-top:20px !important;}
.MAT25 {margin-top:25px !important;}
.MAT30 {margin-top:30px !important;}
.MAT35 {margin-top:35px !important;}
.MAT40 {margin-top:40px !important;}

.MAB10 {margin-bottom:10px !important;}
.MAB15 {margin-bottom:15px !important;}
.MAB30 {margin-bottom:30px !important;}
.MAB60 {margin-bottom:60px !important;}


.lineup {display:inline-block;}

.indent{text-indent:-999999px;  font-size:0; line-height:0; letter-spacing:0; width:0px; overflow: hidden;}

hr {display:none;}
form {margin:0; padding:0;}

caption {visibility:hidden;width:0px;height:0;font-size:0;line-height:0; text-indent:-999999px;}

.hidden {visibility:hidden;width:1px;height:0;font-size:0;line-height:0;}

#accessibility {position:absolute;visibility:hidden;overflow:hidden;width:1px;height:0;font-size:0;line-height:0;}

.clear_both{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/*스킵*/
#skipnavigation{height:0px;}
#skipnavigation a {position:absolute; left:-3000%;}
#skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}
.xmecca_accessibility {height:0px !important; text-indent:-9999999px !important; font-size:0px; position:absolute; left:-3000%;}



/* 검색서비스 */
#xm_search .board_list .footer {border:0px; height:1px; margin:5px; }

#xm_search  {text-align:center;}
#xm_search .box_search {border:5px solid #e4e4e4; padding:20px; margin:0 0 20px;}
#xm_search .box_search .info_title {font-weight:bold; font-size:20px; padding-bottom:15px; border-bottom:1px dashed #ccc; color:#333; letter-spacing:-2px;}

#xm_search .search_form {position:relative; width:100%; margin-top:15px; display:inline-block;}

#xm_search .search_form .input_box {margin-right:110px;}
#xm_search .search_form .input {width:100%; background:#fff; border:1px solid #333; height:40px; line-height:40px; font-size:13px; text-indent:8px; box-sizing:content-box}
#xm_search .search_form .input:focus {background:#ddd; color:#000}

#xm_search .search_form input {border-radius:0px; border:0; margin:0; padding:0; vertical-align:middle; font-size:12px; letter-spacing:-1px;}

#xm_search .search_form .btn_search {cursor:pointer; position:absolute; right:62px; top:0; width:50px; height:42px; background:#333 url(../../mypage/img/ic_search.png) center center no-repeat;}
#xm_search .search_form .btn_search:hover {background-color:#000}

#xm_search .search_form .btn_viewall {position:absolute; right:0; top:0; width:60px; background:#666; height:42px; line-height:42px; color:#fff; font-size:12px; text-align:center; margin-left:2px;}
#xm_search .search_form .btn_viewall:hover {background:#47c5e5}

#xm_search .board_list {padding:3px;}
#xm_search .board_list .curr_page { color:#FF0000; }


/* 등록글 리스트 */
.cm_mypage_list {width:100%; border-top:2px solid #ff8e08; margin:0; padding:0; border-spacing:0; border-collapse:collapse;}
.cm_mypage_list th {background:#efefef; color:#333; font-weight:normal; padding:13px 0; border-bottom:1px solid #b4b4b4; border-top:1px solid #b4b4b4; font-weight:bold;}
.cm_mypage_list th:first-child {border-left:0;}

.cm_mypage_list tr:hover {background:#f3f3f3;}
.cm_mypage_list td {padding:10px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; text-align:center; vertical-align:middle; line-height:20px;}
.cm_mypage_list td:first-child {border-left:0;}

.cm_mypage_list .button_pack {display:block; text-align:center;}
.cm_mypage_list .button_pack a {margin-top:2px;}

.cm_mypage_list .date {font-size:11px; color:#999999; letter-spacing:0.5px;}
.cm_mypage_list .name {text-align:left;}
.cm_mypage_list .title {text-align:left;}

.cm_mypage_list .price {color:#999999; text-align:right;}
.cm_mypage_list .price b{color:#333; }

.cm_mypage_list .point_add {color:#ff6600; font-weight:bold; text-align:right;}
.cm_mypage_list .point_use {color:#008df0; font-weight:bold; text-align:right;}
.cm_mypage_list .period {color:#da0000;  font-weight:bold;}

.cm_mypage_list .inquiry_box {background:#f6f6f6; padding:20px;}
.cm_mypage_list .inquiry_box .question {text-align:left; color:#666; line-height:18px;}

.cm_mypage_list .inquiry_box .answert {text-align:left; color:#999; font-weight:bold; margin-top:20px; font-size:11px;}
.cm_mypage_list .inquiry_box .answert b {color:#ff6600; font-size:13px;}
.cm_mypage_list .inquiry_box .answer {text-align:left; color:#333; line-height:18px; margin-top:10px;}

.cm_mypage_list .thumb {overflow:hidden;}
.cm_mypage_list .thumb img {width:100px; height:100px;}



/* 취소버튼 */
.cm_mypage_list .button_style {display:block; text-align:center;}
.cm_mypage_list .button_style a {margin-top:2px; padding:2px 14px 4px; border-radius:2px;}

.button_style .btn_delete {color:#fff !important; background:#707070;}
.button_style .btn_delete:hover {background:#e53939;}


/* 페이지카운트 */
.page_list_cont{float:left; width:100%; display:block; margin:20px 0 0 0; text-align:center; font-size:14px; vertical-align:top;}

.page_list_num {display:inline-block; width:60px; line-height:33px; border:1px #d0d0d0 solid; border-right:0px; color:#6f6f6f;  vertical-align:top;}

.page_first {display:inline-block; width:40px; line-height:33px; border:1px #d0d0d0 solid; border-right:0px; background:url(../../data_files/images/board/page_first_bg.jpg) center 14px no-repeat; text-indent:-999999px;  vertical-align:top;}
.page_first:hover {background:#f1f1f1 url(../../data_files/images/board/page_first_bg.jpg) center 14px no-repeat;}

.page_prev {display:inline-block; width:40px; line-height:33px; border:1px #d0d0d0 solid; margin:0 4px 0 0; background:url(../../data_files/images/board/page_prev_bg.jpg) center 14px no-repeat; text-indent:-999999px; vertical-align:top;}
.page_prev:hover {background:#f1f1f1 url(../../data_files/images/board/page_prev_bg.jpg) center 14px no-repeat;}

.page_on {display:inline-block; width:40px; line-height:33px; border:1px #3a546c solid; margin:0 0 0 -1px; font-weight:bold;  color:#fff; background:#466480; vertical-align:top;}


.page_num {display:inline-block; width:40px; line-height:33px; border:1px #d0d0d0 solid; margin:0 0 0 -1px;  color:#6f6f6f;  vertical-align:top;}
.page_num:hover {background:#f1f1f1;}

.page_next {display:inline-block; width:40px; line-height:33px; border:1px #d0d0d0 solid; margin:0 0 0 4px; background:url(../../data_files/images/board/page_next_bg.jpg) center 14px no-repeat; text-indent:-999999px; vertical-align:top;}
.page_next:hover {background:#f1f1f1 url(../../data_files/images/board/page_next_bg.jpg) center 14px no-repeat;}

.page_last {display:inline-block; width:40px; line-height:33px; border:1px #d0d0d0 solid; border-left:0px; background:url(../../data_files/images/board/page_last_bg.jpg) center 14px no-repeat; text-indent:-999999px; vertical-align:top;}
.page_last:hover {background:#f1f1f1 url(../../data_files/images/board/page_last_bg.jpg) center 14px no-repeat;}




@media all and (max-width:1024px) {


	.mobile_none {display:none !important;}

	/*//////////////////////////////////////////모바일 사이즈//////////////////////////////////////////*/
	.size10{width:10% !important;}
	.size15{width:15% !important;}
	.size16{width:16% !important;}
	.size17{width:17% !important;}
	.size18{width:18% !important;}
	.size19{width:19% !important;}
	.size20{width:20% !important;}
	.size21{width:21% !important;}
	.size22{width:22% !important;}
	.size23{width:23% !important;}
	.size25{width:25% !important;}
	.size26{width:26% !important;}
	.size27{width:27% !important;}
	.size28{width:28% !important;}
	.size30{width:30% !important;}
	.size35{width:35% !important;}
	.size40{width:40% !important;}
	.size45{width:45% !important;}
	.size50{width:50% !important;}
	.size55{width:55% !important;}
	.size60{width:60% !important;}
	.size70{width:70% !important;}
	.size80{width:80% !important;}
	.size90{width:90% !important;}
	.size100{width:100% !important;}
	/*//////////////////////////////////////////모바일 사이즈 //////////////////////////////////////////*/
}

