@font-face{
font-family:"NanumGothic";
src:url('/site/script/fonts/NanumGothic-Regular.eot');
src:url('/site/script/fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
url('/site/script/fonts/NanumGothic-Regular.woff') format('woff'),
url('/site/script/fonts/NanumGothic-Regular.ttf') format('truetype');
url('/site/script/fonts/NanumGothic-Regular.svg#NanumGothic') format('svg')
src:local(※), url('/site/script/fonts/NanumGothic-Regular.woff') format('woff');
}
    html,body{
        width:100%;
        height:100%;
    }
div,ul,li,form { margin:0px }
img { border: none; }
body {
/* 	background-color: #fff;
	background-image: url(../images/common/bg.gif);
	background-repeat: repeat;
 */	margin: 0px;
	font-family:"맑은고딕","NanumGothic","나눔고딕","본고딕", "verdana","굴림","돋움"," seoul", "arial";
	color:#333;
	word-break:break-all;
/*	line-height: 130%; */
	scrollbar-base-color:#EAEAEA;
	scrollbar-face-color: #EAEAEA; 
	scrollbar-shadow-color: #D4D0C8; 
	scrollbar-highlight-color: #F3F3F3; 
	scrollbar-light-color: #FFFFFF; 
	scrollbar-darkshadow-color: #606060; 
	scrollbar-arrow-color: #EAEAEA;
	font-size: 14px;
	/*letter-spacing: -1px;*/
	/*line-height: 20px;*/
}
tr, select, input, textarea {
	color:#222222;
	word-break:break-all;
/*	line-height: 130%;*/
	scrollbar-base-color:#EAEAEA;
	scrollbar-face-color: #EAEAEA; 
	scrollbar-shadow-color: #D4D0C8; 
	scrollbar-highlight-color: #F3F3F3; 
	scrollbar-light-color: #FFFFFF; 
	scrollbar-darkshadow-color: #606060; 
	scrollbar-arrow-color: #EAEAEA;
}
.font {
	font-size: 14px;
/* line-height: 130%; */
	word-break:break-all;
	color: #222222;
}
pre{white-space: pre-wrap; /* CSS3*/
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-all; /* Internet Explorer 5.5+ */ 
	font-size: 13px;
	font-family:"NanumGothic","나눔고딕","본고딕", "verdana","굴림","돋움"," seoul", "arial";
}

#container { margin: 0 auto; width: 1100px; height: auto;}

.mypage_menu { font-size:14px; letter-spacing:-1; }

a:link, a:active, a:visited { color:#747474; text-decoration:none; }
a:hover { color:#333; text-decoration:underline;}/*  POSITION: relative; LEFT: 1px; TOP: 1px;*/

/*  링크  관련 스타일  */
.login:link, .login:active, .login:visited { font-size:12px;color:#000000; text-decoration:none; }
.login:hover { font-size:12px;color:#AAAAAA; text-decoration:underline; /*position:relative;top:1;left:0*/}

.none:link, .none:active, .none:visited { color:#555555; text-decoration:none; }
.none:hover { color:#555555; text-decoration:underline; position:relative;top:1;left:0}

.imgmenu:link, .imgmenu:active, .imgmenu:visited { color:#757575; text-decoration:none;font-weight:bold; }
.imgmenu:hover { color:#49ABCD;text-decoration:underline;position:relative;top:0;left:0 }

.cust:link , .cust:active, .cust:visited { color:#5880B5; text-decoration:none; }
.cust:hover { color:#49ABCD;text-decoration:underline;position:relative;top:1;left:0 }

.board_cust:link, .board_cust:active, .board_cust:visited { font-family:"돋움";color:#666666; text-decoration:none; }
.board_cust:hover { font-family:"돋움";color:#db5d00; text-decoration:none; }

.board_club:link, .board_club:active, .board_club:visited { color:#666666; text-decoration:none; }
.board_club:hover { color:#49ABCD; text-decoration:underline; }

.paging:link, .paging:active, .paging:visited {font-size:14px; color:#666666; text-decoration:none; }
.paging:hover {font-size:14px; color:#F76300;text-decoration:none;position:relative;top:1;left:0 }

.shop:link, .shop:active, .shop:visited { color:#FF0042; text-decoration:none; }
.shop:hover { color:#FF0042; text-decoration:underline; position:relative;top:1;left:0 }

.mBtn:link,.mBtn:visited {border-top-style: outset; border-right-style: outset;border-bottom-style: outset;border-left-style: outset;border-top-width: 2px;border-left-width: 2px;border-right-width: 2px;border-bottom-width: 2px;height:16px;padding-top: 2px;}

.mBtn:hover {border-top-style: inset;border-right-style: inset;border-bottom-style: inset;border-left-style: inset;}

.memo:link, .memo:active, .memo:visited { color:#000000; text-decoration:none;font-size:14px; }
.memo:hover { color:#116066; text-decoration:underline; position:relative;top:1;left:0 } table { 
	font-size:14px;
	color:#000000;
	word-break:break-all;
/*	line-height: 130%;*/
	scrollbar-base-color:#EAEAEA;
	scrollbar-face-color: #EAEAEA; 
	scrollbar-shadow-color: #D4D0C8; 
	scrollbar-highlight-color: #F3F3F3; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #606060; 
	scrollbar-arrow-color: #EAEAEA;
 } 
td { 
	font-size:13px;
	color:#333;
	/*letter-spacing:-1px;*/
	word-break:break-all;
/*	line-height: 130%;*/
	scrollbar-base-color:#EAEAEA;
	scrollbar-face-color: #EAEAEA; 
	scrollbar-shadow-color: #D4D0C8; 
	scrollbar-highlight-color: #F3F3F3; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #606060; 
	scrollbar-arrow-color: #EAEAEA;
 } 
th { 
	font-size:14px;
	color:#666666;
	letter-spacing:-1px;
	word-break:break-all;
/*	line-height: 130%;*/
	scrollbar-base-color:#EAEAEA;
	scrollbar-face-color: #EAEAEA; 
	scrollbar-shadow-color: #D4D0C8; 
	scrollbar-highlight-color: #F3F3F3; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #606060; 
	scrollbar-arrow-color: #EAEAEA;
 } 

h1,h2,h3,h4,h5,h6{position:relative;font-weight:bold}
.msg_div{color:black;/*background-color:#FFFFAA;*/padding:2px;}

/*메인페이지 사진롤링을 위한 스타일*/
#slideshow {width:710px; height:438px;}
#slides {width:700px; height:421px; list-style:none; overflow:auto;margin-top:16px;margin-bottom:0;padding:0;}
#slides ul {margin:0;padding:0;}
#slides ul li {width:700px; height:421px;float:left;display:inline;list-style:none;}
.pagination {font-size:14px;font-family:Verdana,Arial;float:left; list-style:none;display:inline;margin:0;padding:0;height:10;}
.pagination li {font-size:14px;font-family:Verdana,Arial;float:left; cursor:pointer; padding:0px 6px; background:#fff; border:1px solid #999; margin:0 2px 0 0; text-align:center; color:#000}
.pagination li:hover {font-size:14px;font-family:Verdana,Arial;background:#000; border:1px solid #bbb; color:#fff}
li.current {font-size:14px;font-family:Verdana,Arial;border:1px solid #ccc; background:#000;color:#FFFFFF;}
.list_bgw  { background-color:#FFFFFF; color:#2F2F2F;}
.list_over { background-color:#EEF6FB}
.list_out  {}


/* 출력시 페이지 나누기 */
.break {page-break-before: always;}
 .basic_search { /*border: 3px solid #d8d8d8;  padding: 20px;*/border: 1px solid #d8d8d8; padding: 6px; clear:both;border-radius:4px;}
/* 영역 */
div#Container		     { margin:0; font-size:14px;}
#Container .bar 	 	 { border-top: #A7B8C3 2px solid;}
div#tableContainer   	 { margin-left:10px; font-size:14px;}
div#tableContainer1   	 { margin-left:10px; font-size:14px; width:95%;}
#popupContainer          { height:25px; text-align:right; padding-top:0px; margin-right:10px;}
div#popupContainer		 { margin-left:10px; font-size:14px;}
div#tableContainer li	{margin:8px;}
#tableContainer .bar 	 { border-top: #A7B8C3 2px solid;}
#tableContainer table 	 { border-collapse:collapse; font-size:14px;}
#tableContainer th 		 { padding-top:3px; border:#D3D3D3 solid 1px; text-align:center; background:#F4F4F4;}
#tableContainer tfoot td { padding-top:3px; border:#D3D3D3 solid 0px; text-align:center;}

#popupContainer .bar 	 { border-top: #A7B8C3 3px solid;}
#popupContainer table 	 { border-collapse:collapse; font-size:14px;}
#popupContainer th 		 { padding-top:3px; border:#D3D3D3 solid 1px; text-align:center; background:#F4F4F4;}
#popupContainer tfoot td { padding-top:3px; border:#D3D3D3 solid 0px; text-align:center;}


/* 헤더/셀 고정테이블 */
div#scrollTableContainer               { position: relative; margin:  0; overflow: auto; border:1px solid #e4e4e4; }
table#dataTable                        { margin: -1; padding: 0px; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-collapse: collapse; }
table#dataTable thead th               { top: expression(offsetParent.scrollTop); z-index: 20;}
/*thead td                               { position: relative; margin:  0; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; font-weight: normal;	background: #ccc; font-weight: bold; left:1px; }*/
table#dataTable td.locked, table#dataTable th.locked {
                                         position: relative; margin:  0; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; background-color: #f4f4f4;	font-weight: bold; left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); z-index: 10; }
table#dataTable td                     { margin:  0; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;}
div#scrollTableContainer thead tr      { position:relative; top: expression(offsetParent.scrollTop); left: 0px; z-index:30;}
div#scrollTableContainer td:last-child { padding-right: 20px;}

/* 스크롤테이블 */
.fix_h  { padding-top:3px; color: #6d6d6d; text-align: center; letter-spacing:0px; font-weight: bold;   line-height:22px; background-color:#f0f3f7; }
.fix_hl { padding-top:3px; color: #6d6d6d; text-align: left; letter-spacing:0px; font-weight: bold;   line-height:22px; background-color:#f0f3f7; }
.fix_hw { padding-top:3px; color: #6d6d6d; text-align: left; letter-spacing:0px; font-weight: bold;   line-height:22px; background-color:#ffffff; }
.fix_c  { padding-top:0px; color: #414141; text-align: center; letter-spacing:0px; font-weight: normal; line-height:22px; }
.fix_l  { padding-top:0px; color: #414141; text-align: left;   letter-spacing:0px; font-weight: normal; line-height:22px; }
.fix_r  { padding-top:0px; color: #414141; text-align: right;  letter-spacing:0px; font-weight: normal; line-height:22px; }

/* 서브타이틀 */
.title    	{ margin: 0; padding-left: 15px; padding-top:6px; font-weight:bold; text-align: left; background:#ffffff url(./img/sub_ico.gif) no-repeat 0px 64%;}
.title_text	{ margin: 0; padding-left: 10px; text-align: right;}
/*
.titleA1 { height:35px; background:url(./img/sub_title_left.gif) no-repeat left bottom;  padding-left:13px; padding-top:5px; }
.titleA2 { height:35px; background:url(./img/sub_title_rght.gif) no-repeat right bottom; font-weight:bold; color:#FFFFFF; 
	       padding-right:12px; padding-top:5px; width:70px; text-align:left; word-break:keep-all;word-wrap:break-word; white-space:nowrap;} */
.titleA1 { height:35px; background-color:#0173bc; font-size: 16px; padding-left:5px; padding-top:5px; padding-right:5px; padding-bottom: 5px; letter-spacing: -1px;
           font-family: 'Malgun Gothic';}
.titleA2 { height:35px; background-color:#0173bc; font-weight:bold; color:#FFFFFF; letter-spacing: -1px; font-family: 'Malgun Gothic';
	       padding-right:0px; padding-top:0px; width:100px; text-align:left; word-break:keep-all;word-wrap:break-word; white-space:nowrap;}

/* 목록(TH) */
/*.head_1h { height:27px; text-align:center; background-color:#f0f3f7; color:#6d6d6d; font-weight:bold; border-top:1px #D3D3D3 solid; border-bottom:1px #D3D3D3 solid; 
             border-left:1px #D3D3D3 solid; border-right:1px #D3D3D3 solid;} */
/* .head_1m { height:27px; text-align:center; background-color:#f0f3f7; color:#6d6d6d; font-weight:bold; border-top:1px #D3D3D3 solid; 
              border-bottom:1px #D3D3D3 solid; border-left:1px #D3D3D3 solid; border-right:1px #D3D3D3 solid; vertical-align: middle;}*/
.head_1h { font-family:"Malgun Gothic"; height:27px; text-align:center; background-color:#f0f3f7; color:#333; font-weight:bold; border-top:1px #D3D3D3 solid; border-bottom:1px #D3D3D3 solid; border-left:1px #D3D3D3 solid; border-right:1px #D3D3D3 solid;}
.head_1m { font-family:"Malgun Gothic"; height:27px; text-align:center; background-color:#f0f3f7; color:#333; font-weight:bold; border-top:1px #D3D3D3 solid; border-bottom:1px #D3D3D3 solid; border-left:1px #D3D3D3 solid; border-right:1px #D3D3D3 solid;}
.head_1eun {font-family:"Malgun Gothic"; height:27px; text-align:center; background-color:#f0f3f7; color:#333; font-weight:bold; border-top:1px #D3D3D3 solid; border-bottom:1px #D3D3D3 solid; border-left:1px #D3D3D3 solid; border-right:1px #D3D3D3 solid;}

/* 목록(TD) */
.head_1l { background-color:#f4f4f4; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #414141; text-align: left; padding-left:5px; letter-spacing:-1px; }
.head_1r { background-color:#f4f4f4; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #414141; text-align: right;}
.head_1c { background-color:#f4f4f4; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #414141; text-align: center;}

/* 목록 관련 */
.list_l { border:#D3D3D3 solid 1px; color: #414141; text-align: left;   letter-spacing:0px; padding-left :5px;word-break:break-all;word-wrap:break-word;}
.list_r { border:#D3D3D3 solid 1px; color: #414141; text-align: right;  letter-spacing:0px; padding-right:5px;word-break:break-all;word-wrap:break-word;}
.list_c { border:#D3D3D3 solid 1px; color: #414141; text-align: center; letter-spacing:0px; word-break:break-all;word-wrap:break-word;}
.list_cr { border:#D3D3D3 solid 1px; color: green; text-align: center; letter-spacing:0px;}
.list_bgw  { background-color:#FFFFFF; font-size:11px; font-family:"돋움","Arial"; color:#2F2F2F;}
.list_over { background-color:#EEF6FB}
.list_out  {}


/* 일반(TD) */
.cell_l   { height:24px; border:#D3D3D3 solid 1px; color: #414141; text-align: left;  padding-left:5px; padding-right:5px; letter-spacing:0px;}
.cell_r   { height:24px; border:#D3D3D3 solid 1px; color: #414141; text-align: right; padding-left:5px; padding-right:5px;}
.cell_c   { height:24px; border:#D3D3D3 solid 1px; color: #414141; text-align: center;  padding-left:5px; padding-right:5px;}
/* 입력(TD) 강조 */
.cell_1l { height:24px; background-color:#CEEAFF; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #414141; text-align: left;}
.cell_1r { height:24px; background-color:#CEEAFF; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #414141; text-align: right;}
.cell_1c { height:24px; background-color:#CEEAFF; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #414141; text-align: center;}
/* 입력(TD) */
.cell_2l  { height:24px; background-color:#f0f3f7; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #6d6d6d; text-align: left; padding-left:3px; padding-right:3px;}
.cell_2r  { height:24px; background-color:#EEF8FF; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #6d6d6d; text-align: right; padding-left:3px; padding-right:3px;}
.cell_2c  { height:24px; background-color:#f0f3f7; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #6d6d6d; text-align: center;}