@charset "utf-8";
/* ----------------------------
	Reset
------------------------------- */
html{font-size:12px;}
body {font-size:12px;margin:0; }
body, td, p, input, button, textarea, select, .c1 {font-size:12px;}
img,fieldset,iframe{border:0 none;}
a:link, a:visited, a:active { color:#565656; text-decoration:none;}
legend{display:none;}
label{cursor:pointer;}
a:hover {color:black; text-decoration:none;}
table {border-collapse:separate;}
ul,li,ol,dl,dt,dd {margin:0; padding:0; list-style:none;}
form,p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

/*	 form Style
----------------------------- */
.inputText { border:1px solid #ccc; color:#565656; height:19px;}
.inputText2 { border:1px solid #ccc; color:#565656; height:19px; width:98%;}
.inputButton{border:1px solid #333; background-color:#fafafa;}
.logInput { border:1px solid #B1C5D7; width:120px;}
.inputTextArea { border:1px solid #ccc; color:#565656; height:150px; width:98%; }
.imgCenter {vertical-align:middle;}
.imgTop {vertical-align:top;} 
.imgBtn {cursor:pointer;}
.left {float:left;}
.right {float:right;}

/* ----------------------------
	Gnuboard4
------------------------------- */
.ed { border:1px solid #ccc; color:#565656; }
.adminBoardForm{margin:0 auto;}
.adminBoardForm th, .adminBoardForm td{line-height:120%; height:30px;}
.adminBoardForm th {text-align:right; padding-right:15px;}
.adminBoardForm .line{line-height:1px; height:1px; background-color:#ccc;}

.adminTableList caption{margin:0 auto; padding:0; text-align:left;}
.adminTableList caption h2{display:block; padding:2px 5px; text-decoration:underline;}
.adminTableList thead th{height:30px; border-top:2px solid #ccc; border-bottom:1px solid #ccc; background-color:#FBF8EE;}
.adminTableList tbody td{text-align:center; height:30px; line-height:15px; border-bottom:1px solid #ccc;}
.adminTableList tfoot td{text-align:center; padding:5px 0;}

.adminTableView {margin:0 auto; background-color:#ccc;}
.adminTableView caption{text-align:left; padding:10px 5px 5px 5px; }
.adminTableView th{ background-color:#efefef; height:30px;}
.adminTableView td{ background-color:#fff; padding-left:10px;}

.adminTableWrite {margin:0 auto; background-color:#ccc;}
.adminTableWrite th{ background-color:#f7f7f7; height:30px;}
.adminTableWrite td{ background-color:#fff; padding-left:10px;}

/* register.skin.php
----------------------------- */
#registerSkinTable {width:600px; margin:0 auto; background-color:#ddd;}
#registerSkinTable th{background-color:#f5f4f2; font-size:12px;}
#registerSkinTable td{background-color:#fff; padding-left:10px;}
#registerSkinTable caption {text-align:left; padding:0; margin:0;}
#registerSkinTable caption h4{ padding:2px 10px; display:block; width:100%; text-decoration:underline;}

#registerBox{width:600px; margin:0 auto; padding:20px 0;}
#registerBox textarea{font-size:12px; font-family:gulim; background-color:#f5f4f2;}
#registerBox h4{ padding:2px 10px; display:block; width:100%; text-decoration:underline;}
#registerBox p{text-align:center; padding:4px;}

/* register_form.skin.php
----------------------------- */
.registerFormTable {width:620px; margin:0 atuo; background-color:#ccc; }
.registerFormTable th{width:200px; text-align:right; padding-right:10px; background-color:#f7f7f7; font-size:12px;}
.registerFormTable td{width:480px; padding-left:5px; background-color:#fff; }
.regtext1{color:#66A2C8;}
.regtext2{color:#9B1171; font-weight:bold;}

/* register_result.skin.php
----------------------------- */
#registerResult {width:600px; margin:0 auto;}
#registerResult .con{width:560px; background-color:#f7f7f7; padding:20px 30px; border:3px solid #ccc; margin-top:30px; font-family:gulim; font-size:12px;}
#registerResult .con p{margin:3px 0;}

.shoplist th{font-size:12px;border-top:1px solid #333333;background-color:#ececec;color:#232323;}
.shoplist td{font-size:12px;}
.orderform td{font-size:12px;}

#pb td{color:#666666;}
#pb input{background-color:#f7f7f7;}

.bgbg{border-top:1px solid #dddddd;background-color:#f7f7f7;}
.bgbg2{border-bottom:1px solid #dddddd;background-color:#f7f7f7;}
.bgbg3{border-bottom:1px solid #dddddd;}
.bgbg4{border-top:2px solid #dddddd;border-bottom:1px solid #dddddd;padding-top:8px;padding-bottom:4px;background-color:#f7f7f7;}





form { margin:0px; }

/* img {border:0px;} */



.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

html, body, table, td, th, div, p, span, a, li, ul, ol,
input, textarea, select, button, h1, h2, h3, h4, h5, h6 {
  font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
}