@charset "utf-8";

/** basic **/
html{margin:0px;padding:0px;}
body{
	margin:0px;padding:0px;
	font-size:12px;color:#737373;
}
form{margin:0px;margin:0px;}
table{margin:0px;padding:0px;}
img {border:0px; padding:0px; margin:0px;}
ul,ol,li,dd,dt,dl {padding:0px; margin:0px;}
th{font-family:Nanum Gothic, 돋움;font-size:16px;}
td{font-family:Nanum Gothic, 돋움;font-size:12px;}
a:link{font-family:Nanum Gothic, 돋움;text-decoration:none;color:#000000;}
a:visited{font-family:Nanum Gothic, 돋움;text-decoration:none;color:#000000;}
a:active{font-family:Nanum Gothic, 돋움;text-decoration:none;color:#000000;}
a:hover{font-family:Nanum Gothic, 돋움;text-decoration:none;color:#ff0000;}
.msg{color:#ff0000;}
.hand{cursor:pointer;}
.bold{font-weight:bold;}

/** etc **/
.tit{font-size:14px;font-weight:bold;margin:10px 0 10px 0;color:#000;}
.page2{width:100%;height:15px;background-color:#f6f6f6;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; padding:5px 0 5px 0;margin:10px 0 10px 0;font-size:12px;color:#737373;}

/** width **/
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w900{width:900px;}
.w1000{width:1000px;}
.w1200{width:1200px;}
.w1400{width:1400px;}
.wp10{width:10%;}
.wp15{width:15%;}
.wp20{width:20%;}
.wp35{width:35%;}
.wp60{width:60%;}
.wp90{width:90%;}
.wp95{width:95%;}
.wp98{width:98%;}
.wp100{width:100%;}
.wall{width:100%;}

/** height **/
.h10{height:10px;}
.h12{height:12px;}
.h20{height:20px;}
.h50{height:50px;}
.h100{height:100px;}
.h200{height:200px;}

/** align **/
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.mc{margin:0px auto;}
.vm{vertical-align:middle;}
.vt{vertical-align:top;}
.vb{vertical-align:bottom;}

/** padding **/
.lp5{text-align:left;padding-left:5px;}
.lp10{text-align:left;padding-left:10px;}
.lp20{text-align:left;padding-left:20px;}
.rp5{text-align:right;padding-right:5px;}
.rp10{text-align:right;padding-right:10px;}
.tp5{padding-top:5px;}
.tp10{padding-top:10px;}
.bp5{padding-bottom:5px;}
.bp10{padding-bottom:10px;}
.tbp5{padding-top:5px;padding-bottom:5px;}
.tbp10{padding-top:10px;padding-bottom:10px;}
.tbpt{padding-top:0px;padding-bottom:0px;}/*서브컨텐츠의상단여백*/
.tbpb{padding-top:30px;padding-bottom:30px;}/*서브컨텐츠의하단여백*/
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd20{padding:20px;}

/** border **/
.bd0{border:0px;}
.bd1{border:1px;}
.bd5{border:5px;}

/** color **/
.cffffff{color:#ffffff;}

/** Input Box Style **/
.lbox{font-size:12px; border:1px solid #ccc; height:15px; background-color:#fff; color:#737373;}
.sbox{font-size:12px; border:1px solid #ccc; height:20px; background-color:#fff; color:#737373;}
.tbox{font-size:12px; border:1px solid #ccc; height:15px; background-color:#fff; color:#737373;}
.vbox{font-size:12px; border:0px solid #ccc; height:15px; background-color:#fff; color:#737373;}
.fbox{font-size:12px; border:1px solid #ccc; height:20px; background-color:#fff; color:#737373;}

.lbox2{font-size:12px; border:1px solid #ccc; height:25px; background-color:#fff; color:#737373;}

/*** Calendar Style ***/
.calendarTitleY{font-family:tahoma;font-size:11px;color:#666;text-align:left;padding-top:8px;padding-left:10px;height:30px;}
.calendarTitleM{font-family:tahoma;font-size:24px;color:#78b300;text-align:left;font-weight:bold;padding-left:5px;}
.calendarWeekS{font-family:tahoma;font-size:9px;color:#78b300; float:left; width:30px; height:25px; padding-top:5px; }
.calendarWeekT{font-family:tahoma; font-size:9px; color:#808080; float:left; width:30px; height:25px; padding-top:5px; }
.calendarWeek{font-family:tahoma; font-size:9px; color:#808080; float:left; width:30px; height:25px; padding-top:5px; }
.calendarDayS{font-family:tahoma; font-size:11px; color:#78b300; float:left; width:30px; height:25px; cursor:pointer; font-weight:bold;padding-top:5px; }
.calendarDayT{font-family:tahoma; font-size:11px; color:#808080; float:left; width:30px; height:25px; cursor:pointer; font-weight:bold;padding-top:5px; }
.calendarDay{font-family:tahoma; font-size:11px; color:#808080; float:left; width:30px; height:25px; cursor:pointer; font-weight:bold;padding-top:5px; }
.calendarToDay{font-family:tahoma;font-size:11px;color:#fe5400;float:left;width:30px;height:25px;cursor:pointer;background:url('/img/icon/bg_calendar_point.gif') no-repeat;font-weight:bold;padding-top:5px;}
.calendarNoDay{float:left; width:30px; height:25px;padding-top:5px; }
.calendarNow{font-family:tahoma; font-size:11px; color:333333; float:left; width:148px; height:20px; cursor:pointer; padding-left:8px;}
.calendarClose{font-family:tahoma; font-size:11px; color:333333; float:left; width:55px; height:20px; cursor:pointer;}
.clearboth {clear:both;}
.content_img {background:url(img/sch_bg_gray.gif)}

/** PassWord Layer **/
.PassLayer{width:300px;margin:0px;padding:0px;border:solid 0px red;}
.PassLayer td.bg_top{height:28px;background:url(/img/layer/ly_bg_t.gif) repeat-x;}
.PassLayer td.bg_left{width:30px;background:url(/img/layer/ly_bg_l.gif) repeat-y;}
.PassLayer td.bg_right{width:30px;background:url(/img/layer/ly_bg_r.gif) repeat-y;}
.PassLayer td.bg_btm{height:28px;background:url(/img/layer/ly_bg_b.gif) repeat-x;}
.PassLayer td input.lbox{height:17px;border:1px solid #ccc;color:#666;font-size:11px;}
.PassLayer h2{margin-bottom:15px;}
.PassLayer dl{margin-top:3px;width:200px;height:35px;float:left;}
.PassLayer dl dt{float:left;width:65px;margin-top:5px;}
.PassLayer div.line{background:#fff;height:15px;width:253px;border-bottom:1px solid #d9d9d9;margin-bottom:5px;}

/** 배너스타일 **/
#aside {width:1100px; margin:0 auto; position:relative; z-index:100;border:solid 0px red;}
#aside .right {position:absolute; right:-20px; top:50px;}
#aside .right .bn {border:1px solid #ccc;}
#aside .right .top {cursor:pointer;}

/** table **/
table.table_a{border-top:3px solid #5d5d5d;border-spacing:0px;border-collapse:collapse;}
/*
table.table_a th{border:1px solid #dddddd;height:36px;background:#f4f4f4; color:#565656;}
table.table_a td{border:1px solid #dddddd;height:36px;color:#787878;}
*/

table.table_a th {padding:12px 0;  border-bottom:1px solid #666; text-align:center; background:url(../img/sub/table_th_line.gif) top left no-repeat;}
table.table_a th:first-child { background:none;}
table.table_a td {padding:15px 0; line-height:16px;   border-bottom:1px solid #ddd;}
table.table_a caption{text-align:left;padding-left:10px;}
table.table_b{margin:0px auto;border-top:3px solid #5d5d5d;border-spacing:0px;border-collapse:collapse;}
/*
table.table_b th{border:1px solid #dddddd;height:30px;background:#f4f4f4; color:#565656;}
table.table_b td{border:1px solid #dddddd;height:30px;color:#787878;}
*/
table.table_b {padding:12px 0;  border-bottom:1px solid #666; text-align:center; background:url(../img/sub/table_th_line.gif) top left no-repeat;}
table.table_b{padding:15px 0; line-height:16px;   border-bottom:1px solid #ddd;}
table.table_b caption{text-align:left;padding-left:10px;}

/** table --- kkang(2020-04-13) **/
table.table_c{border-spacing:0px;border-collapse:collapse;}
table.table_c th {padding:5px 0;  border-bottom:3px solid #5d5d5d;; text-align:left;}
table.table_c th:first-child { background:none;}
table.table_c td {padding:15px 0; line-height:16px;   border-bottom:0px solid #ddd;}
table.table_c caption{text-align:left;padding-left:10px;}

.tb{border-top:3px solid #5d5d5d;border-spacing:0px;border-collapse:collapse;}
.tb th{border:1px solid #dddddd;height:35px;background:#f4f4f4; color:#565656;font-size:14px;padding-left:10px;text-align:left;}
.tb td{border:1px solid #dddddd;height:35px;color:#787878;padding-left:10px;text-align:left;}
.tb caption{text-align:left;padding-left:10px;}


/** subpage **/
.design_00{width:100%;margin:0px auto;}

.article_00{width:100%;margin:0px auto;}
.article_01{height:150px;overflow:auto;border:2px solid #d9d9d9;background-color:#f3f3f3;}
.article_02{height:150px;overflow:auto;border:2px solid #d9d9d9;background-color:#f3f3f3;}

.join_00{width:100%;margin:0px auto;}

.login_00{width:100%;margin:0px auto;}

.find_00{width:100%;margin:0px auto;}

.exit_00{width:100%;margin:0px auto;}
.exit_01{text-align:right;}
.exit_02{padding:10px 0px 10px 0px;text-align:left;}
.exit_03{padding:10px 0px 10px 0px;}
.exit_04{padding:10px 0px 10px 0px;text-align:center;}

.exit_a{width:100%;margin:0px auto;border-top:3px solid #5d5d5d;border-spacing:1px;}
.exit_a caption{padding:5px 0px 5px 5px;text-align:left;}
.exit_a th{border:1px solid #dddddd;height:30px;background-color:#f9f9f9;}
.exit_a th.left_05{text-align:left;padding-left:5px;}
.exit_a th.left_10{text-align:left;padding-left:10px;}
.exit_a td{border:1px solid #dddddd;height:30px;background-color:#ffffff;}
.exit_a td.left_05{text-align:left;padding-left:5px;}
.exit_a td.left_10{text-align:left;padding-left:10px;}

.mypage_00{width:100%;margin:0px auto;}

.board_list_00{width:100%;margin:0px auto;}
.board_write_00{width:100%;margin:0px auto;}
.board_view_00{width:100%;margin:0px auto;}
.board_edit_00{width:100%;margin:0px auto;}
.board_comment_00{width:100%;margin:0px auto;}
.board_relate_00{width:100%;margin:0px auto;}

.goodslist_00{width:100%;margin:0px auto;}
.goodsview_00{width:100%;margin:0px auto;}
.goodscart_00{width:100%;margin:0px auto;}
.goodswish_00{width:100%;margin:0px auto;}
.goodsorder_00{width:100%;margin:0px auto;}

.orderlist_00{width:100%;margin:0px auto;}
.orderview_00{width:100%;margin:0px auto;}

.review_list_00{width:100%;margin:0px auto;}
.review_write_00{width:100%;margin:0px auto;}
.review_view_00{width:100%;margin:0px auto;}
.review_edit_00{width:100%;margin:0px auto;}
.review_comment_00{width:100%;margin:0px auto;}

.qna_list_00{width:100%;margin:0px auto;}
.qna_write_00{width:100%;margin:0px auto;}
.qna_view_00{width:100%;margin:0px auto;}
.qna_edit_00{width:100%;margin:0px auto;}
.qna_comment_00{width:100%;margin:0px auto;}

.number2 {text-align:center;}
.number2 ul{display:inline-block;}
.number2 li { float:left; margin:0 3px;}
.number2 li a{text-decoration:none;}
.number2 span {font-size:14px; text-decoration:none; display:block; color:rgba(33,33,33,0.4); text-align:center; width:24px; height:24px; line-height:24px; cursor:pointer; transition:.3s;}
.number2 span,.number2 strong{font-weight:800;}
.number2 span strong{color:rgba(33,33,33,1);}
.number2 span a{color:rgba(33,33,33,0.4);}
.number2 span.active a,
.number2 span:hover a,
.number2 span.active,
.number2 span:hover,
.number2 span.arrow:hover{color:rgba(33,33,33,1);}
.number2 span.arrow {color:rgba(33,33,33,0.4); font-weight:bold; text-align:center; display:block; cursor:pointer;}


table.table_d{border-top:3px solid #5d5d5d;border-spacing:0px;border-collapse:collapse;}
table.table_d th{border:1px solid #dddddd;height:30px;background:#f4f4f4; color:#565656;}
table.table_d td{border:1px solid #dddddd;height:30px;color:#787878;}
table.table_d caption{text-align:left;padding-left:10px;}


/* pager 
.cycle-pager { 
    text-align: right; width: 100%; z-index: 500; position: absolute; top: 10px; right:20px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #0033ff;}
.cycle-pager > * { cursor: pointer;}
*/
/**btn**/
.comm_btn_ok{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-align:center;
	width:80px;
	font-size:14px;
	font-weight:600;
	color:#fff;
	background:#333;
	padding:5px 0;
	border:none;
	cursor:pointer;
}

/* HUONS HISTORY */
.history_D{width:100%; border-top:2px solid #60a8e8}
.history_D dl{padding:14px 0; width:100%; border-bottom:1px solid #b5b5b5;}
.history_D dl:after{content:""; display:block; clear:both;}
.history_D dl dt{float:left; padding:0 0 0 2%; font-weight:600; color:#065baa; text-align:left;}
.history_D dl dd{float:right; width:70%; font-size:12.6px; color:#444;}

.p_title{margin:30px 0 10px 0; padding:0 0 0 18px; font-size:16px; color:#222; font-weight:600; background:url("../images/ico/contents_arrow.png") no-repeat 0 center;}
.p_title_num { text-align:right; font-size:14px; color:#333; padding-bottom:4px; }

.textbox{width:100%; font-size:14px; color:#444; word-breka:keep-all;}