
/* È¸¿ø°¡ÀÔ */

/* ÀÌ¿ë¾à°ü */
#JoinForm-Box {overflow: hidden; width:100%; margin:0 auto; height:auto;}
.JoinForm-box-inner {width:1300px; height:1100px; text-align:center; padding-top:80px; }
.joinForm-box {text-align:center; padding-bottom:20px; vertical-align:middle;}

.Mem-join input[type=text], select, textarea { width: 100%; padding: 20px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
.Mem-join input[type=submit] { background-color: #1f6eaa; width:83%; color: white; padding: 12px 20px; border: none; border-radius: 4px; margin-top:15px; cursor: pointer;text-align:center; }
.Mem-join input[type=submit]:hover { background-color: #358bcb; }

.checkbox { color:#666; font-size:11pt; border:1px solid #ccc; }

.container-join { width: 90%; height:auto; border-radius: 5px; background-color: #f2f2f2; padding-bottom:30px; text-align:center; }
.row:after { content: ""; display: table; clear: both; margin-top:-15px; }

.cols-100  { float: left; width: 100%; margin: auto; margin-top: 6px; border-right:1px solid #ccc; vertical-align:middle; }

.po-text-top { color:#444; font-size:13pt; margin-top: 20px; padding:20px 0; }

/* 2020 1 17 Ãß°¡ */
.po-text-top-02 { color:#000; font-size:15pt; margin-top: 20px; padding:70px 0 20px 0; }
.textarea-font-s-m {font-size:12pt; background-color:#fff; color:#555; font-weight:350; line-height:150%; border-radius:1px; text-align:center; border:1px solid #ccc; width:80%; height:auto; padding:20px;}
.textarea-font-s-m-R {font-size:12pt; color:#ff0000; font-weight:350; line-height:150%; text-align:center;}
.textarea-font-s-m-B {font-size:12pt; color:#000; font-weight:350; line-height:150%; text-align:center;}


.jotext-black { color:#000; font-weight:bold; font-size:30px; }
.jotext-gray { color:#999; font-weight:bold; font-size:30px; }
.join-textarea-sm { font-size:10pt; color:#666; text-align:left; width:90%; line-height:140%; }
.po-text-T { color:#666; font-size:10pt; padding:20px 0; line-height:140%; }

/* 2020 01 15 */
.price-excel-down-btn {background-color:#444;border: none;color:#fff;margin-right:1px;padding: 8px 10px;font-size: 10pt;cursor: pointer;}
.delivery-excel-down-btn {background-color:#444;border: none;color:#fff;margin-right:2px;padding: 8px 10px;font-size: 10pt;cursor: pointer;}
.number-print-btn {background-color:#444;border: none;color:#fff;padding: 8px 10px;font-size: 10pt;cursor: pointer;}
.non-mem-text-01 {vertical-align:-2px;padding-right:20px; color:#547007; font-size:18pt;}

.period-Box {width:100%; height:auto;padding-bottom:20px; text-align:center;}
.period-row {width:96%; height:50px; padding-bottom:20px;border:1px solid #ccc; vertical-align:middle;}
.period-column-left {float:left; width:50%; height:auto;padding-bottom:20px; vertical-align:middle;}
.period-column-right {float:right; width:50%; height:auto;padding-bottom:20px; vertical-align:middle;}
.period-box-text01 {font-size:11pt;}
.period-search-btn {vertical-align:4px;background-color:#444;border: none;color:#fff;padding: 6px 10px;font-size: 9pt;cursor: pointer;}

.period-column-left-box01 {vertical-align:-2px;margin-right:5px;}
.period-column-left-box02 {vertical-align:-2px;margin-right:60px;}

/* 2020 01 15 end */

#table {display: table; width: 50%; margin:0 auto;}
.cell {display: table-cell; padding: 3px; border-bottom: 1px solid #DDD;text-align:center;}
.col1 { width: 20%; vertical-align:middle;}
.col2 {width: 80%;}

.join-check-line {width:80%; border-bottom:2px solid #666;}

.textarea-font-s {font-size:10pt; background-color:#fff; color:#777; line-height:140%; border-radius:1px; text-align:left; border:1px solid #ccc; width:90%; height:auto; padding:20px;}

.join-check-Table{ display: table; width: 60%; border-collapse: collapse; margin-top:10px; margin-bottom:10px; }
.join-check-TableRow { display: table-row; }
.join-check-TableHeading { background-color: #EEE; display: table-header-group; }
.join-check-TableCell-L, .join-check-TableHead-L { width:20%; display: table-cell; padding: 3px 10px; }
.join-check-TableCell-R, join-check-TableHead-R { width:80%; display: table-cell; padding: 3px 10px; }
.join-check-TableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.join-check-TableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.join-check-TableBody { display: table-row-group; }

.po-Jo-text-T { color:#444; font-size:12pt; text-align:right; }
.po-Jo-text-TR { color:#444; font-size:12pt; text-align:left; }

.join-Box { margin:25px 0 70px 0; text-align:center; }
.join-inner {vertical-align:middle; padding-top:20px;}
.join-check-btn { background-color: #666; font-size:11pt; margin-right:5px; width:30%; border:1px solid #ccc; color: white; padding: 4px 10px; border: none; border-radius: 4px; margin-top:5px; cursor: pointer;text-align:center; }
.join-check-Cancel-btn { background-color: #444; font-size:11pt; width:30%; color: white; padding: 4px 10px; border: none; border-radius: 4px; margin-top:5px; cursor: pointer;text-align:center; }

.span-input-box {width:83%; margin:0px; padding:5px}


/* È¸¿øÁ¤º¸ÀÔ·Â */

.JoinForm-box-02-inner {width:1300px; height:1300px; text-align:center; padding-top:80px; }

.po-text-topInfo { color:#444; font-size:11pt; margin-top: 20px; padding:20px 0; }
.po-text-topInfo-02 { color:#666; font-size:10pt; padding-left:10px; letter-spacing:0px; }

.join-form-Table{ display: table; width: 90%; border-collapse: collapse; margin-bottom:30px; background-color:#fff; border-radius:1px; border:1px solid #ccc; }
.join-form-TableRow { display: table-row; border:1px solid #ddd; }
.join-form-TableHeading { background-color: #EEE; display: table-header-group; }
.join-form-TableCell-L, .join-form-TableHead-L { width:15%; display: table-cell; padding: 15px 0 15px 45px; text-align:left; font-size:10pt; background-color:#f8f8f8; }
.join-form-TableCell-R, .join-form-TableHead-R { width:85%; display: table-cell; padding: 15px 0 15px 20px; text-align:left; font-size:10pt; }
.join-form-TableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.join-form-TableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.join-form-TableBody { display: table-row-group; }

/* 2020 1 17 Ãß°¡ ¹× ¼öÁ¤ */
.po-text-topInfo-02-btn { color:#fff; font-size:10pt; margin-left:10px; border:none; border-radius:4px; padding:7px 10px; background-color:#000; }
.po-text-topInfo-02-btn button {color:#fff; font-size:10pt; margin-left:10px; border-radius:4px; padding:10px 10px; background-color:#000; margin-top:-3px; border-color: transparent; border: none; color:#fff;}

/* È¸¿øÁ¤º¸ÀÔ·Â end */


/* Àå¹Ù±¸´Ï */
#Bsket-JoinForm-Box {width:100%; margin:0 auto; height:auto;}
.Bsket-JoinForm-box-02-inner {width:1300px; height:1900px; text-align:center; padding-top:80px; }

.po-text-topInfo-basket { font-size:14pt; color:#ff0000; padding-top:50px; padding-bottom:10px; }
.po-text-topInfo-basketBlue { font-size:14pt; color:#0a69c9; padding-top:50px; padding-bottom:10px; }

.poBasketBox { width:80%; padding:20px 40px; color:#666; font-size:10pt; text-align:center; line-height:170%; }
.poBasketText-01 { width:80%; padding:20px 40px; color:#000; font-size:10pt; text-align:center; line-height:170%; }

.jotext-black-02 { color:#000; font-weight:bold; font-size:26px; padding-top:100px; }

.join-check-line-02 {width:60%; border-bottom:2px solid #ccc;}

.join-basket-btn-01 { background-color: #000; font-size:9pt; margin-right:5px; width:30%; border:1px solid #ccc; color: white; padding: 4px 10px; border: none; border-radius: 4px; margin-top:5px; cursor: pointer;text-align:center; }

.poBasketBox-mypage { width:90%; padding:20px; color:#666; font-size:10pt; text-align:center; line-height:170%; }
.poBasketText-01-mypage { width:90%; padding-top:50px; color:#000; font-size:15pt; text-align:center; line-height:170%; }
.poBasketText-02-mypage { width:90%; padding-top:30px;color:#000 font-size:13pt; text-align:center; line-height:170%; }
.poBasketText-03-mypage { width:90%; color:#444; font-size:10pt; text-align:center; line-height:170%; }

/* Àå¹Ù±¸´Ï, Âò¸®½ºÆ® Å×ÀÌºí */
.font-b-black-total-01 {font-size:12pt; color:#000;}
.tbl02 {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box; background-color:#fff; }
.tbl02 caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.tbl02 th {padding:10px 0;border-right:1px solid #aaa;border-top:1px solid #aaa; border-bottom:1px solid #aaa;background-color:#000; color:#fff; font-size:11pt; line-height:150%; }
.tbl02 td {padding:10px 0 10px 10px; border-bottom:1px solid #aaa; font-size:10pt; line-height:150%; color:#666;}

.tbl-003 {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box; background-color:#fff; }
.tbl-003 caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.tbl-003 th {padding:10px 0;border-right:1px solid #aaa;border-top:1px solid #aaa; border-bottom:1px solid #aaa;background-color:#000; color:#fff; font-size:11pt; line-height:150%; }
.tbl-003 td {padding:10px 0 10px 10px; border-bottom:1px solid #aaa; font-size:10pt; line-height:150%; color:#666;}
.box-text-basket-001 { font-size:11pt; color:#000; padding-right:10px. }
.tbl-003 .order-text-or-001 {text-align:left;color:#000;font-size:10pt;padding-left:10px;background-color:#ddd}
.tbl-003 .order-text-or-001-01 {text-align:left;color:#666;font-size:10pt;padding-left:10px;}
.tbl-003 .order-text-or-001-02 {text-align:left;color:#000;font-size:10pt;}
.tbl-003 .order-text-or-001-03 {text-align:left;color:#ff0000;font-size:10pt;}
.tbl-003 .order-text-or-002 {text-align:left; font-size:10pt; line-height:150%;}
.tbl-003 .order-text-or-003 {text-align:left; margin:0 auto; width:10%;height:20px; padding:3px; font-size:10pt;} /* input box 01 */
.tbl-003 .order-text-or-004 {background-color: #000; font-size:9pt; margin-right:5px; width:30%; border:1px solid #ccc; color: white; padding: 2px 10px; border: none; margin-top:5px; cursor: pointer;text-align:center;}
.tbl-003 .order-text-or-005 {text-align:left; margin:0 0 5px 0; width:50%;height:20px; padding:3px; font-size:10pt;} /* input box 02 */
.tbl-003 .order-text-or-005-01 {text-align:left; margin:0 auto; width:50%;height:20px; padding:3px; font-size:10pt;} /* input box 05 */
.tbl-003 .order-text-or-005-02 {text-align:left; margin:0 0 5px 0; width:70%;height:20px; padding:3px; font-size:10pt;} /* input box 06 */
.tbl-003 .order-text-or-005-03 {text-align:left; margin:0 auto; width:70%;height:20px; padding:3px; font-size:10pt;} /* input box 07 */
.tbl-003 .order-text-or-003-01 {text-align:left; margin:0 6px 0 0; width:10%;height:20px; padding:3px; font-size:10pt;} /* input box 03 */
.tbl-003 .order-text-or-003-02 {padding:4px;width:11%;vertical-align:middle;} /* select box 01 */
.tbl-003 .order-text-or-006 {text-align:left; margin:0 6px 0 0; width:30%;height:20px; padding:3px; font-size:10pt;} /* input box 04 */
.tbl-003 .order-text-or-007 {text-align:left; margin:0 6px 0 0; width:50%;height:20px; padding:3px; font-size:10pt;height:60px} /* textarea box 01 */

/* ¼¼±Ý°è»ê¼­¹ßÇà */
.tbl-billissue {width:98%;border-collapse:collapse;border-spacing:0;box-sizing:border-box; border:none; margin:10px auto 0 auto; padding:0; text-align:left; float:left; border:1px solid #ddd;}
.tbl-billissue th {padding:10px 10px; border:none; background-color:#f8f8f8; color:#444; font-weight:300; font-size:9pt; letter-spacing:-0.5px; text-align:left; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tbl-billissue td {padding:10px 10px; border:none; color:#666; font-size:9pt; letter-spacing:-0.5px; text-align:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:300;}
.tbl-billissue td .bill-issue {text-align:left; margin:0 auto; width:100%; height:28px; padding:0 10px; font-size:9pt; color:#666; border: 1px solid #ccc; border-left:1px solid #ddd; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none;} /* input box */
.tbl-billissue colgroup .colswidth01 {width:10%;}
.tbl-billissue colgroup .colswidth02 {width:40%;}
.tbl-billissue colgroup .colswidth03 {width:10%;}
.tbl-billissue colgroup .colswidth04 {width:40%;}

/* ¸¶ÀÌÆäÀÌÁö ÁÖ¹® ¹è¼ÛÁ¶È¸ **/
.tbl02-mypage-board01 {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box; background-color:#fff; }
.tbl02-mypage-board01 caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.tbl02-mypage-board01 th {padding:10px 0;border-right:1px solid #aaa;border-top:1px solid #aaa; border-bottom:1px solid #aaa;background-color:#000; color:#fff; font-size:11pt; line-height:150%; }
.tbl02-mypage-board01 td {padding:10px 0 10px 10px; border-bottom:1px solid #aaa; font-size:10pt; line-height:150%; color:#666;}


@media all and (max-width:826px){
#Bsket-JoinForm-Box {width:100%; margin:0 auto; height:auto;}
.Bsket-JoinForm-box-02-inner {width:100%; height:auto; text-align:center; padding-top:80px; padding-bottom:60px; }
	.tbl02,
	.tbl02 thead,
	.tbl02 tbody,
	.tbl02 tr,
	.tbl02 th,
	.tbl02 td {display:block}/* Å×ÀÌºíÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
	.tbl02 thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
	.tbl02 tr:after {content:"";display:block;clear:both}/* th,tdÀÇ ÇÃ·ÔÇØÁ¦ */
	.tbl02 td {position:relative;float:left;width:100%;padding-left:20%;box-sizing:border-box; text-align:left; }/* td³»¿ë ¿ìÃø¿¡ Å¸ÀÌÆ² µé¾î°¥ ¿µ¿ª ¸¸µë */
	.tbl02 td:before {position:absolute;left:10px;top:10px;font-weight:bold; text-align:left;}
	.tbl02 .optionCheck:before {content:"¼±ÅÃ"}/* °¡»ó¼±ÅÃÀÚ·Î ÅØ½ºÆ® »ý¼º-½ºÅ©¸³Æ®·Î µ¿ÀûÀ¸·Î °¡´ÉÇÔ */
	.tbl02 .goodsName:before {content:"»óÇ°¸í"}
	.tbl02 .amount:before {content:"¼ö·®"}
	.tbl02 .price:before {content:"°¡°Ý"}
	.tbl02 .manage:before {content:"»óÇ°°ü¸®"}
	.tbl02 .date {border-top:2px solid #aaa}

	/* ÁÖ¹®¼­ ÀÛ¼Û Æû */
	.tbl-003,
	.tbl-003 thead,
	.tbl-003 tbody,
	.tbl-003 tr,
	.tbl-003 th,
	.tbl-003 td {display:block}/* Å×ÀÌºíÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
	.tbl-003 thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
	.tbl-003 tr:after {content:"";display:block;clear:both}/* th,tdÀÇ ÇÃ·ÔÇØÁ¦ */
	.tbl-003 td {width:100%;box-sizing:border-box; text-align:left; }/* td³»¿ë ¿ìÃø¿¡ Å¸ÀÌÆ² µé¾î°¥ ¿µ¿ª ¸¸µë */
	.tbl-003 td:before {position:absolute;left:10px;top:10px;font-weight:bold; text-align:left;}

	.tbl02-mypage-board01,
	.tbl02-mypage-board01 thead,
	.tbl02-mypage-board01 tbody,
	.tbl02-mypage-board01 tr,
	.tbl02-mypage-board01 th,
	.tbl02-mypage-board01 td {display:block}/* Å×ÀÌºíÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
	.tbl02-mypage-board01 thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
	.tbl02-mypage-board01 tr:after {content:"";display:block;clear:both}/* th,tdÀÇ ÇÃ·ÔÇØÁ¦ */
	.tbl02-mypage-board01 td {position:relative;float:left;width:100%;padding-left:30%;box-sizing:border-box; text-align:left; }/* td³»¿ë ¿ìÃø¿¡ Å¸ÀÌÆ² µé¾î°¥ ¿µ¿ª ¸¸µë */
	.tbl02-mypage-board01 td:before {position:absolute;left:10px;top:10px;font-weight:bold; text-align:left;}
	.tbl02-mypage-board01 .orderDate:before {content:"ÁÖ¹®ÀÏÀÚ"}/* °¡»ó¼±ÅÃÀÚ·Î ÅØ½ºÆ® »ý¼º-½ºÅ©¸³Æ®·Î µ¿ÀûÀ¸·Î °¡´ÉÇÔ */
	.tbl02-mypage-board01 .rePerson:before {content:"¼ö·ÉÀÎ"}
	.tbl02-mypage-board01 .paidPrice:before {content:"°áÁ¦±Ý¾×"}
	.tbl02-mypage-board01 .deliverOk:before {content:"ÁøÇà»óÅÂ"}
	.tbl02-mypage-board01 .detailSee:before {content:"»ó¼¼º¸±â"}
	.tbl02-mypage-board01 .detailSee:before {content:"ÀÔ±ÝÀÏ"}
	.tbl02-mypage-board01 .detailSee:before {content:"¹è¼ÛÁ¤º¸"}
	.tbl02-mypage-board01 .date {border-top:2px solid #aaa}

	/* ¼¼±Ý°è»ê¼­¹ßÇà */
	.tbl-billissue,
	.tbl-billissue thead,
	.tbl-billissue tbody,
	.tbl-billissue tr,
	.tbl-billissue th,
	.tbl-billissue td {display:block}/* Å×ÀÌºíÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
	.tbl-billissue {border-top:1px solid #000}
	.tbl-billissue tr:after {content:"";display:block;clear:both}/* th,tdÀÇ ÇÃ·ÔÇØÁ¦ */
	.tbl-billissue th {border-left:none; position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* ie9¿¡¼­ floatÀ» Áà¾ßÇÔ */
	.tbl-billissue td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* relative¸¦ Áà¾ß »çÆÄ¸®¿¡¼­ ´Ù½Ã Å°¿üÀ»¶§, ¾È±úÁü*/
}

@media all and (max-width:700px){
#Bsket-JoinForm-Box {width:100%; margin:0 auto; height:auto;}
.Bsket-JoinForm-box-02-inner {width:100%; height:auto; text-align:center; padding-top:80px; }
	.tbl02,
	.tbl02 thead,
	.tbl02 tbody,
	.tbl02 tr,
	.tbl02 th,
	.tbl02 td {display:block}/* Å×ÀÌºíÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
	.tbl02 thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
	.tbl02 tr:after {content:"";display:block;clear:both}/* th,tdÀÇ ÇÃ·ÔÇØÁ¦ */
	.tbl02 td {position:relative;float:left;width:100%;padding-left:20%;box-sizing:border-box}/* td³»¿ë ¿ìÃø¿¡ Å¸ÀÌÆ² µé¾î°¥ ¿µ¿ª ¸¸µë */
	.tbl02 td:before {position:absolute;left:10px;top:10px;font-weight:bold; text-align:left;}
	.tbl02 .optionCheck:before {content:"¼±ÅÃ"}/* °¡»ó¼±ÅÃÀÚ·Î ÅØ½ºÆ® »ý¼º-½ºÅ©¸³Æ®·Î µ¿ÀûÀ¸·Î °¡´ÉÇÔ */
	.tbl02 .goodsName:before {content:"»óÇ°¸í"}
	.tbl02 .amount:before {content:"¼ö·®"}
	.tbl02 .price:before {content:"°¡°Ý"}
	.tbl02 .manage:before {content:"»óÇ°°ü¸®"}
	.tbl02 .date {border-top:2px solid #aaa}

	.tbl-003,
	.tbl-003 thead,
	.tbl-003 tbody,
	.tbl-003 tr,
	.tbl-003 th,
	.tbl-003 td {display:block}/* Å×ÀÌºíÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
	.tbl-003 thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
	.tbl-003 tr:after {content:"";display:block;clear:both}/* th,tdÀÇ ÇÃ·ÔÇØÁ¦ */
	.tbl-003 td {width:100%;box-sizing:border-box; text-align:center; }/* td³»¿ë ¿ìÃø¿¡ Å¸ÀÌÆ² µé¾î°¥ ¿µ¿ª ¸¸µë */
	.tbl-003 td:before {position:absolute;left:10px;top:10px;font-weight:bold; text-align:left;}

	.tbl02-mypage-board01,
	.tbl02-mypage-board01 thead,
	.tbl02-mypage-board01 tbody,
	.tbl02-mypage-board01 tr,
	.tbl02-mypage-board01 th,
	.tbl02-mypage-board01 td {display:block}/* Å×ÀÌºíÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
	.tbl02-mypage-board01 thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
	.tbl02-mypage-board01 tr:after {content:"";display:block;clear:both}/* th,tdÀÇ ÇÃ·ÔÇØÁ¦ */
	.tbl02-mypage-board01 td {position:relative;float:left;width:100%;box-sizing:border-box}/* td³»¿ë ¿ìÃø¿¡ Å¸ÀÌÆ² µé¾î°¥ ¿µ¿ª ¸¸µë */
	.tbl02-mypage-board01 td:before {position:absolute;left:10px;top:10px;font-weight:bold; text-align:left;}
	.tbl02-mypage-board01 .orderDate:before {content:"ÁÖ¹®ÀÏÀÚ"}/* °¡»ó¼±ÅÃÀÚ·Î ÅØ½ºÆ® »ý¼º-½ºÅ©¸³Æ®·Î µ¿ÀûÀ¸·Î °¡´ÉÇÔ */
	.tbl02-mypage-board01 .rePerson:before {content:"¼ö·ÉÀÎ"}
	.tbl02-mypage-board01 .paidPrice:before {content:"°áÁ¦±Ý¾×"}
	.tbl02-mypage-board01 .deliverOk:before {content:"ÁøÇà»óÅÂ"}
	.tbl02-mypage-board01 .detailSee:before {content:"»ó¼¼º¸±â"}
	.tbl02-mypage-board01 .depositDate:before {content:"ÀÔ±ÝÀÏ"}
	.tbl02-mypage-board01 .deiverMemo:before {content:"¹è¼ÛÁ¤º¸"}
	.tbl02-mypage-board01 .date {border-top:2px solid #aaa}
}

/* Àå¹Ù±¸´Ï end */


@media all and (min-width: 768px) and (max-width:992px) {
#JoinForm-Box {width:100%; margin:0 auto; height:auto;}
.JoinForm-box-inner {width:100%; height:auto; text-align:center; padding-top:40px; }

.container-join { width: 95%; height:auto; border-radius: 5px; background-color: #f2f2f2; padding-bottom:30px; text-align:center; }
.row:after { content: ""; display: table; clear: both; margin-top:-15px; }

.cols-100  { float: left; width: 100%; margin: auto; margin-top: 6px; border-right:1px solid #ccc; vertical-align:middle; }

.join-check-Table{ display: table; width: 100%; border-collapse: collapse; margin-top:10px; margin-bottom:10px; }
.join-check-TableRow { display: table-row; }
.join-check-TableHeading { background-color: #EEE; display: table-header-group; }
.join-check-TableCell-L, .join-check-TableHead-L { width:20%; display: table-cell; padding: 3px 0; }
.join-check-TableCell-R, join-check-TableHead-R { width:80%; display: table-cell; padding: 3px 0; }
.join-check-TableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.join-check-TableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.join-check-TableBody { display: table-row-group; }

.join-textarea-sm { font-size:10pt; color:#666; text-align:left; width:90%; line-height:140%; }
.po-text-T { color:#666; font-size:9pt; padding:20px 20px; line-height:140%; }
.po-Jo-text-TR { color:#444; font-size:10pt; text-align:left; }

.po-Jo-text-T { color:#444; font-size:10pt; text-align:left; padding-left:90px; }
.po-Jo-text-TR { color:#444; font-size:10pt; text-align:left; }

.span-input-box {width:83%; margin:0px; padding:5px}

.join-check-line {width:90%; border-bottom:2px solid #666;}

.textarea-font-s {font-size:10pt; background-color:#fff; color:#777; line-height:140%; border-radius:1px; text-align:left; border:1px solid #ccc; width:80%; height:auto; padding:20px;}



/* È¸¿øÁ¤º¸ÀÔ·Â */

.JoinForm-box-02-inner {width:98%; height:auto; text-align:center; padding-top:60px; }

.po-text-topInfo { color:#444; font-size:10pt; margin-top: 20px; padding:20px 0; }
.po-text-topInfo-02 { color:#666; font-size:10pt; letter-spacing:0px; }

.join-form-Table{ display: table; width: 96%; border-collapse: collapse; margin-bottom:30px; background-color:#fff; border-radius:1px; border:1px solid #ccc; }
.join-form-TableRow { display: table-row; border:1px solid #ddd; }
.join-form-TableHeading { background-color: #EEE; display: table-header-group; }
.join-form-TableCell-L, .join-form-TableHead-L { width:25%; display: table-cell; padding: 15px 10px 15px 10px; text-align:left; font-size:10pt; background-color:#f8f8f8; }
.join-form-TableCell-R, .join-form-TableHead-R { width:75%; display: table-cell; padding: 15px 0 15px 10px; text-align:left; font-size:10pt; } a
.join-form-TableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.join-form-TableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.join-form-TableBody { display: table-row-group; }

.po-text-topInfo-02-btn { color:#fff; font-size:10pt; margin-left:10px; border-radius:4px; padding:3px 10px; background-color:#000; }

/* È¸¿øÁ¤º¸ÀÔ·Â end */
}


@media all and (min-width: 401px) and (max-width:767px) {
#JoinForm-Box {width:100%; margin:0 auto; height:auto;}
.JoinForm-box-inner {width:100%; height:auto; text-align:center; padding-top:40px; }

.container-join { width: 95%; height:auto; border-radius: 5px; background-color: #f2f2f2; padding-bottom:30px; text-align:center; }
.row:after { content: ""; display: table; clear: both; margin-top:-15px; }

.cols-100  { float: left; width: 100%; margin: auto; margin-top: 6px; border-right:1px solid #ccc; vertical-align:middle; }

.join-check-Table{ display: table; width: 100%; border-collapse: collapse; margin-top:10px; margin-bottom:10px; }
.join-check-TableRow { display: table-row; }
.join-check-TableHeading { background-color: #EEE; display: table-header-group; }
.join-check-TableCell-L, .join-check-TableHead-L { width:20%; display: table-cell; padding: 3px 0; }
.join-check-TableCell-R, join-check-TableHead-R { width:80%; display: table-cell; padding: 3px 0; }
.join-check-TableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.join-check-TableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.join-check-TableBody { display: table-row-group; }

.join-textarea-sm { font-size:10pt; color:#666; text-align:left; width:90%; line-height:140%; }
.po-text-T { color:#666; font-size:9pt; padding:20px 20px; line-height:140%; }
.po-Jo-text-TR { color:#444; font-size:10pt; text-align:left; }

.po-Jo-text-T { color:#444; font-size:10pt; text-align:left; padding-left:25px; }
.po-Jo-text-TR { color:#444; font-size:10pt; text-align:left; }

.span-input-box {width:83%; margin:0px; padding:5px}

.join-check-line {width:90%; border-bottom:2px solid #666;}

.textarea-font-s {font-size:10pt; background-color:#fff; color:#777; line-height:140%; border-radius:1px; text-align:left; border:1px solid #ccc; width:80%; height:auto; padding:20px;}

/* È¸¿øÁ¤º¸ÀÔ·Â */

.JoinForm-box-02-inner {width:98%; height:auto; text-align:center; padding-top:60px; }

.po-text-topInfo { color:#444; font-size:10pt; margin-top: 20px; padding:20px 0; }
.po-text-topInfo-02 { color:#666; font-size:10pt; letter-spacing:0px; }

.join-form-Table{ display: table; width: 96%; border-collapse: collapse; margin-bottom:30px; background-color:#fff; border-radius:1px; border:1px solid #ccc; }
.join-form-TableRow { display: table-row; border:1px solid #ddd; }
.join-form-TableHeading { background-color: #EEE; display: table-header-group; }
.join-form-TableCell-L, .join-form-TableHead-L { width:25%; display: table-cell; padding: 15px 10px 15px 10px; text-align:left; font-size:10pt; background-color:#f8f8f8; }
.join-form-TableCell-R, .join-form-TableHead-R { width:75%; display: table-cell; padding: 15px 0 15px 10px; text-align:left; font-size:10pt; } a
.join-form-TableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.join-form-TableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.join-form-TableBody { display: table-row-group; }

.po-text-topInfo-02-btn { color:#fff; font-size:10pt; margin-left:10px; border-radius:4px; padding:3px 10px; background-color:#000; }

/* 2020 01 15 */
.price-excel-down-btn {width:100%; height:auto; background-color:#444;border: none;color:#fff;margin-left:15px;margin-top:20px; margin-bottom:1px;padding: 8px 10px;font-size: 10pt;cursor: pointer;}
.delivery-excel-down-btn {width:100%; height:auto; background-color:#444;border: none;color:#fff;margin-left:15px;margin-bottom:2px;padding: 8px 10px;font-size: 10pt;cursor: pointer;}
.number-print-btn {width:100%; height:auto; background-color:#444;border: none;color:#fff;margin-left:15px;padding: 8px 10px;font-size: 10pt;cursor: pointer;}
.non-mem-text-01 {width:100%; height:auto; padding-left:60px; text-align:center; color:#547007; font-size:18pt;}

.period-Box {width:100%; height:auto;text-align:center;}
.period-row {width:98%; height:100px; border:1px solid #ccc; vertical-align:middle;}
.period-column-left {width:100%; height:auto;padding-left:30px;vertical-align:middle;}
.period-column-right {padding-top:-30px;width:100%; height:auto; vertical-align:middle;}
.period-box-text01 {font-size:11pt;}
.period-search-btn {vertical-align:4px;background-color:#444;border: none;color:#fff;padding: 6px 10px;font-size: 9pt;cursor: pointer;}

/* È¸¿øÁ¤º¸ÀÔ·Â end */
}


@media all and (min-width: 320px) and (max-width:400px) {
#JoinForm-Box {width:100%; margin:0 auto; height:auto;}
.JoinForm-box-inner {width:100%; height:auto; text-align:center; padding-top:40px; }

.container-join { width: 95%; height:auto; border-radius: 5px; background-color: #f2f2f2; padding-bottom:30px; text-align:center; }
.row:after { content: ""; display: table; clear: both; margin-top:-15px; }

.cols-100  { float: left; width: 100%; margin: auto; margin-top: 6px; border-right:1px solid #ccc; vertical-align:middle; }

.join-check-Table{ display: table; width: 100%; border-collapse: collapse; margin-top:10px; margin-bottom:10px; }
.join-check-TableRow { display: table-row; }
.join-check-TableHeading { background-color: #EEE; display: table-header-group; }
.join-check-TableCell-L, .join-check-TableHead-L { width:20%; display: table-cell; padding: 3px 0; }
.join-check-TableCell-R, join-check-TableHead-R { width:80%; display: table-cell; padding: 3px 0; }
.join-check-TableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.join-check-TableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.join-check-TableBody { display: table-row-group; }

.join-textarea-sm { font-size:10pt; color:#666; text-align:left; width:90%; line-height:140%; }
.po-text-T { color:#666; font-size:9pt; padding:20px 20px; line-height:140%; }
.po-Jo-text-TR { color:#444; font-size:10pt; text-align:left; }

.po-Jo-text-T { color:#444; font-size:10pt; text-align:left; padding-left:15px; }
.po-Jo-text-TR { color:#444; font-size:10pt; text-align:left; }

.span-input-box {width:83%; margin:0px; padding:5px}

.join-check-line {width:90%; border-bottom:2px solid #666;}

.textarea-font-s {font-size:10pt; background-color:#fff; color:#777; line-height:140%; border-radius:1px; text-align:left; border:1px solid #ccc; width:80%; height:auto; padding:20px;}


/* È¸¿øÁ¤º¸ÀÔ·Â */

.JoinForm-box-02-inner {width:98%; height:auto; text-align:center; padding-top:60px; }

.po-text-topInfo { color:#444; font-size:10pt; margin-top: 20px; padding:20px 0; }
.po-text-topInfo-02 { color:#666; font-size:10pt; letter-spacing:0px; }

.join-form-Table{ display: table; width: 96%; border-collapse: collapse; margin-bottom:30px; background-color:#fff; border-radius:1px; border:1px solid #ccc; }
.join-form-TableRow { display: table-row; border:1px solid #ddd; }
.join-form-TableHeading { background-color: #EEE; display: table-header-group; }
.join-form-TableCell-L, .join-form-TableHead-L { width:25%; display: table-cell; padding: 15px 10px 15px 10px; text-align:left; font-size:10pt; background-color:#f8f8f8; }
.join-form-TableCell-R, .join-form-TableHead-R { width:75%; display: table-cell; padding: 15px 0 15px 10px; text-align:left; font-size:10pt; } a
.join-form-TableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.join-form-TableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.join-form-TableBody { display: table-row-group; }

.po-text-topInfo-02-btn { color:#fff; font-size:10pt; margin-left:10px; border-radius:4px; padding:3px 10px; background-color:#000; }


/* 2020 01 15 */
.price-excel-down-btn {width:100%; height:auto; background-color:#444;border: none;color:#fff;margin-left:15px;margin-top:20px; margin-bottom:1px;padding: 8px 10px;font-size: 10pt;cursor: pointer;}
.delivery-excel-down-btn {width:100%; height:auto; background-color:#444;border: none;color:#fff;margin-left:15px;margin-bottom:2px;padding: 8px 10px;font-size: 10pt;cursor: pointer;}
.number-print-btn {width:100%; height:auto; background-color:#444;border: none;color:#fff;margin-left:15px;padding: 8px 10px;font-size: 10pt;cursor: pointer;}
.non-mem-text-01 {width:100%; height:auto; padding-left:60px; text-align:center; color:#547007; font-size:18pt;}

.period-Box {width:100%; height:auto;text-align:center;}
.period-row {width:98%; height:85px; border:1px solid #ccc; vertical-align:middle;}
.period-column-left {width:100%; height:auto;padding-left:30px;vertical-align:middle;}
.period-column-right {width:100%; height:auto; vertical-align:middle;}
.period-column-right {width:100%; height:auto; vertical-align:middle;}
.period-box-text01 {font-size:11pt;}
.period-search-btn {vertical-align:4px;background-color:#444;border: none;color:#fff;padding: 6px 10px;font-size: 9pt;cursor: pointer;}

/* È¸¿øÁ¤º¸ÀÔ·Â end */
}

/* È¸¿øÁ¤º¸¼öÁ¤ */
#MJoin-JoinForm-Box {overflow: hidden; width:100%; margin:0 auto; height:auto;}
.MJoin-JoinForm-box-inner {width:1300px; height:auto; text-align:center; padding-top:80px; }
.MJoin-joinForm-box {text-align:center; padding-bottom:20px; vertical-align:middle;}
.MJoin-JoinForm-box-02-inner {width:100%; height:auto; text-align:center; padding-top:80px; }

.po-text-topInfo { color:#444; font-size:11pt; margin-top: 20px; padding:20px 0; }
.po-text-topInfo-02 { color:#666; font-size:10pt; padding-left:10px; letter-spacing:0px; }

.join-form-MJoinTable{ display: table; width: 100%; border-collapse: collapse; margin-bottom:30px; background-color:#fff; border-radius:1px; border:1px solid #ccc; }
.join-form-MJoinTableRow { display: table-row; border:1px solid #ddd; }
.join-form-MJoinTableHeading { background-color: #EEE; display: table-header-group; }
.join-form-MJoinTableCell-L, .join-form-MJoinTableHead-L { width:15%; display: table-cell; padding: 15px 0 15px 25px; text-align:left; font-size:10pt; background-color:#f8f8f8; }
.join-form-MJoinTableCell-R, .join-form-MJoinTableHead-R { width:85%; display: table-cell; padding: 15px 0 15px 20px; text-align:left; font-size:10pt; }
.join-form-MJoinTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.join-form-MJoinTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; }
.join-form-MJoinTableBody { display: table-row-group; }

.text-mem-img-01 {text-align:left; font-size:10pt; font-weight:300; color:#444; line-height:150%; padding:20px;}
.text-mem-img-01-orange {text-align:left; font-size:10pt; font-weight:400; color:#e64600; line-height:150%; padding:20px;}

.po-text-topInfo-02-btn { color:#fff; font-size:10pt; margin-left:10px; border:none; border-radius:4px; padding:7px 10px; background-color:#000; }
.po-text-topInfo-02-btn button {color:#fff; font-size:10pt; margin-left:10px; border-radius:4px; padding:10px 10px; background-color:#000; margin-top:-3px; border-color: transparent; border: none; color:#fff;}

.radiobox { color:#666; font-size:9pt; border:1px solid #ccc; }
#MJoin-JoinForm-Box .Mjoin-inputbox-01 {width:10%; margin:0px; padding:5px;}
#MJoin-JoinForm-Box .Mjoin-inputbox-02 {width:20%; margin:0px; padding:5px; margin-right:5px;}
#MJoin-JoinForm-Box .Mjoin-inputbox-02-1 {width:20%; margin:0px; padding:5px; margin-left:5px;}
#MJoin-JoinForm-Box .Mjoin-selectbox-03 {width:12%; margin:0px; padding:5px; margin-left:5px;}
#MJoin-JoinForm-Box .Mjoin-selectbox-03-1 {width:10%; margin:0px; padding:5px; margin-left:5px;}
#MJoin-JoinForm-Box .Mjoin-inputbox-04 {width:8%; margin:0px; padding:5px; margin-right:5px;}
#MJoin-JoinForm-Box .Mjoin-inputbox-05 {width:70%; margin:0px; padding:5px; margin-right:5px;}
/* È¸¿øÁ¤º¸¼öÁ¤ end */


/* ¸¶ÀÌÆäÀÌÁö ÅÇ¸Þ´º °ü·Ã */

.css3-tab {list-style: none; margin: 0 auto 40px; padding: 30px 0 0 0; position: relative; width: 96%; }
.css3-tab input[type='radio'] {display: none;}
.css3-tab .css3-tab-nav {display: table; table-layout: fixed; width: 100%;font-size:11pt;}
.css3-tab .css3-tab-nav label {display: table-cell; background-color: #666666; color: #FFFFFF; padding: 15px; text-align: center; transition: all .3s ease 0s;}
.css3-tab .css3-tab-nav label:hover {cursor: pointer; background: white; color: #666666; transition: all .3s ease 0s;}

@media (max-width: 692px) {
  .css3-tab .css3-tab-nav {display: block; margin: 0 0 20px;}
  .css3-tab .css3-tab-nav label {display: block; box-sizing: border-box; width: 100%; padding: 20px;}
}

.css3-tab .css3-tab-content {overflow: hidden; padding: 20px; display: none; background: #f2f2f2; clear: left; box-sizing: border-box;}
.css3-tab input[id='tabOne']:checked ~ .css3-tab-nav label[for='tabOne'] {background: red; color: #fff; cursor: default;}
.css3-tab input[id='tabOne']:checked ~ div.tab-one {display: block; border-top: solid 3px #red;}
.css3-tab input[id='tabTwo']:checked ~ .css3-tab-nav label[for='tabTwo'] {background: red; color: white; cursor: default;}
.css3-tab input[id='tabThree']:checked ~ .css3-tab-nav label[for='tabThree'] {background: red; color: white; cursor: default;}
.css3-tab input[id='tabFour']:checked ~ .css3-tab-nav label[for='tabFour'] {background: red; color: white; cursor: default;}
.css3-tab input[id='tabFive']:checked ~ .css3-tab-nav label[for='tabFive'] {background: red; color: white; cursor: default;}
.css3-tab input[id='tabSix']:checked ~ .css3-tab-nav label[for='tabSix'] {background: red; color: white; cursor: default;}

.css3-tab input[id='tabTwo']:checked ~ div.tab-two {display: block; border-top: solid 3px red;}
.css3-tab input[id='tabThree']:checked ~ div.tab-three {display: block; border-top: solid 3px red;}
.css3-tab input[id='tabFour']:checked ~ div.tab-four {display: block; border-top: solid 3px red;}
.css3-tab input[id='tabFive']:checked ~ div.tab-five {display: block; border-top: solid 3px red;}
.css3-tab input[id='tabSix']:checked ~ .css3-tab-nav label[for='tabSix'] {background: red; color: white; cursor: default;}
.css3-tab input[id='tabSix']:checked ~ div.tab-six {display: block; border-top: solid 3px red;}


/* ÁÖ¹®³»¿ª ÁøÇà»óÅÂ ¼³¸í */

.mypage-oarder-table {border-collapse: collapse; border-spacing: 0; width: 90%; border: 1px solid #ccc;}
.mypage-oarder-th, .mypage-oarder-td {text-align: left;padding:10px;border-bottom:1px solid #ccc;color:#444;font-size:10pt;}

@media (max-width: 825px) {
#btn_group button{ width:20%;padding: 10px; border:0px; }
}

@media (max-width: 692px) {
.mypage-oarder-table {border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ccc;}
.mypage-oarder-th, .mypage-oarder-td {text-align: left;padding:10px;border-bottom:1px solid #ccc;color:#444;font-size:10pt;line-height:150%;}
#btn_group button{ width:30%;padding: 10px; border:0px; }
}

#test_btn1{ background-color:#000; width:10%; color:#fff; margin-top:20px; margin-right:5px; cursor: pointer; }
#test_btn2{ background-color:#666; width:10%;  color:#fff; margin-top:20px; margin-right:5px; cursor: pointer; }
#btn_group button{ padding: 10px; border:0px; }


/* ¹¯°í ´äÇÏ±â ¸ñ·Ï ¹Ìµð¾îÄõ¸® */
.tbl03-qna-mypage {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-top:1px solid #aaa;background:#fff}
.tbl03-qna-mypage caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.tbl03-qna-mypage th {padding:10px 0;border-right:1px solid #aaa;border-bottom:1px solid #aaa;background-color:#444;color:#fff;font-size:10pt;}
.tbl03-qna-mypage td {padding:10px 0 10px 0; color:#444;border-right:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;font-size:10pt;line-height:160%;}
.tbl03-qna-mypage .subject {text-align:left;border-left:1px solid #aaa;padding:10px 30px 10px 20px;color:#444;}

.tbl03-qna-mypage .reply-ok { font-size:9pt; color:#fff; padding:4px 15px; background-color:#0b416a; }
.tbl03-qna-mypage .reply-no { font-size:9pt; color:#444; padding:4px 10px; background-color:#ccc; }


@media all and (max-width:992px){
	.tbl03-qna-mypage td {padding:10px 0 10px 0;border-right:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;font-size:10pt;line-height:160%;color:#444;}

	.tbl03-qna-mypage .no {border-top:1px solid #aaa;text-align:center;border-left:1px solid #aaa;background-color:#fff;color:#444;}
	.tbl03-qna-mypage .subject {text-align:left;border-left:1px solid #aaa;padding:10px 20px 10px 20px;color:#444;}
	.tbl03-qna-mypage .date {text-align:center;border-left:1px solid #aaa;padding:10px 0px 10px 0px;color:#444;}
	.tbl03-qna-mypage .hits {border-left:1px solid #aaa;border-bottom:2px sollid #aaa;10px;text-align:center;color:#444;}
	.tbl03-qna-mypage .writer {text-align:center;border-left:1px solid #aaa;border-bottom:2px sollid #aaa;10px;text-align:center;color:#444;}
	.tbl03-qna-mypage .reply {text-align:center;margin-bottom:10px;border-left:1px solid #aaa;border-bottom:2px sollid #aaa;10px;text-align:center;color:#444;}	*/
}

@media all and (max-width:600px){
	.tbl03-qna-mypage,
	.tbl03-qna-mypage thead,
	.tbl03-qna-mypage tbody,
	.tbl03-qna-mypage tr,
	.tbl03-qna-mypage th,
	.tbl03-qna-mypage td {display:block}/* Å×ÀÌºíÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
	.tbl03-qna-mypage thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
	.tbl03-qna-mypage tr:after {content:"";display:block;clear:both}/* th,tdÀÇ ÇÃ·ÔÇØÁ¦ */
	.tbl03-qna-mypage td {position:relative;float:left;width:100%;padding-left:30%;box-sizing:border-box}/* td³»¿ë ¿ìÃø¿¡ Å¸ÀÌÆ² µé¾î°¥ ¿µ¿ª ¸¸µë */
	.tbl03-qna-mypage td .title {position:absolute;left:20px;top:10px;font-weight:bold;color:#000;font-size:10pt;}
	.tbl03-qna-mypage .no {border-top:1px solid #aaa;text-align:left;border-left:1px solid #aaa;background-color:#efefef;padding:10px 20px 10px 80px;color:#444;}
	.tbl03-qna-mypage .subject {text-align:left;border-left:1px solid #aaa;padding:10px 20px 10px 80px;color:#444;}
	.tbl03-qna-mypage .date {text-align:left;border-left:1px solid #aaa;padding:10px 20px 10px 80px;color:#444;}
	.tbl03-qna-mypage .hits {text-align:left;border-left:1px solid #aaacolor:#444;padding:10px 20px 10px 80px;}
	.tbl03-qna-mypage .writer {text-align:left;border-left:1px solid #aaacolor:#444;padding:10px 20px 10px 80px;}
	.tbl03-qna-mypage .reply {margin-bottom:10px;border-left:1px solid #aaa;border-bottom:2px sollid #aaa;10px;text-align:left;padding:10px 20px 10px 80px;color:#444;}
}

/* 2020 01 21 Ãß°¡ */
.complate-div-box {width:100%;height:auto;}
.complate-div-box-text01 {color:#000;font-size:18px;padding:20px 0;text-align:center;line-height:140%;}
.complate-div-button {margin-top:40px; border: none; background-color: #000; color:#fff; padding: 10px 20px; font-weight:bold; font-size: 11pt; cursor: pointer; display: inline-block;}

