@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {
 -webkit-text-size-adjust:none;
  font-family: '나눔고딕' 'NanumGothic',"돋움",AppleGothic, sans-serif; 
  font-size:10.5pt;
  line-height:1.5em; 
  padding:0;
  margin:0;
  word-break:keep-all;
}

#quickmenu {
	right:0px;
	top:250px;
	position:fixed;
	_position:absolute;
	_z-index:1;
}
#quickmenu #quick_on {
	display:none;
	width:203px;
	position:relative;
}

#quickmenu #quick_on #qmenu {
	position:absolute;
	left:22px;
	top:0;
	background:url('../img/qmenu_bg.jpg') no-repeat;
	height:154px;
}
#quickmenu #quick_on #qmenu li img{
	float:left;
	padding-left:29px;
	padding-top:10px;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
    margin:0; padding:0;
}
img {
  border:0;
}

/* input 기본, 개별 크기는 별도로 지정*/
textarea {
	color:#666;
	border:1px solid #d0d0cc;
	padding:2px;
}
select {
	border:1px solid #d0d0cc;
	height:22px;
	font-size:90%;
}
input.basic {
    width:95%;
	height:22px;
	border: 1px solid #b8b8b8;
    line-height:22px;
	padding-left:3px
}
input.w100 {width:100%;}
input.w99 {width:99%;}
input.w98 {width:98%;}
input.w90 {width:90%;}
input.w80 {width:80%;}
input.w75 {width:75%;}
input.w70 {width:70%;}
input.w65 {width:65%;}
input.w60 {width:60%;}
input.w55 {width:55%;}
input.w50 {width:50%;}
input.w45 {width:45%;}
input.w40 {width:40%;}
input.w35 {width:35%;}
input.w30 {width:30%;}
input.w25 {width:25%;}
input.w20 {width:20%;}
input.w15 {width:15%;}
input.w10 {width:10%;}
input.w05 {width:5%;}
input.w03 {width:3%;}

/* 입력박스 선택시 색상 변경  */
input:hover,textarea:hover {
	background-color: #f6f6f6;
}
input:focus,textarea:focus {
	background-color: #f6f6f6;
}
input.checkbox:hover,input.radio:hover {
	background-color: none;
}
input.checkbox:focus,input.radio:focus {
	background-color: none;
}

/* float 해제 */
.clear {
	display: inline-block;
}
.clear:after {
	content: * *;
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
* html .clear {	height:1%;}

/* ul ol caption 기본*/
ul, ol {
	list-style:none;
}
ul.show,ol.show {
	list-style:square;
	margin-left:10px;
}

legend, caption {
	position:absolute;
	left: 0; top :0;
	visibility:hidden;
	overflow:hidden;
	line-height: 0;
	width:0;
	height:0;
	margin:0;
	padding:0;
    font:0/0 Arial;
}
legend.show, caption.show{
    position:relative;
	visibility:visible;
	font-size:9pt;
	line-height: 20px;
	width:100%;
	height:20px;
	color:#000;
} /*다시 visible 되게*/


/* 데이터 디폴트 테이블 */
.tabledata {
	width:100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	TEXT-ALIGN: justify;
	TEXT-DECORATION:none;
	border-collapse:collapse;
    border-spacing: 0;
}
.tabledata th, .tabledata td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px 5px 2px 5px;
    border-spacing: 0; 
	white-space:nowrap;
	text-align:center;
}
.tabledata td.title {
	width:100%;
	white-space:normal;
}

/* 디폴트로 선이 그려진 테이블의 선을 없애고 줄 사이에 라인 삽입 */
.tablenoline {
	margin:0 auto;
	border:0
}
.tablenoline * {
	padding:0;
	margin:0;
}
.tablenoline th {
	padding:0;
	margin:0;
	border:0;
	text-align:center;
}
.tablenoline td {
	padding:0;
	margin:0;
	border:0;
	text-align:center;
}
.tablenoline .td_line {
	background:url(../board/images/dot.gif);
	height:1px;
}

/* 접근성을 위한 히든 */
.access {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
.access a {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.hidden_obj {
    position:absolute;
	left: 0; top :0; 
	visibility:hidden;
	overflow:hidden;
	height:0;
    line-height: 0;
	width:0;
	margin:0;
	padding:0;font:0/0 Arial
}


/* 링크 */
a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a:active {
	color:#0C0;
	text-decoration:none;
}

hr {
	display:none;
} /* 코드시에만 hr 선 보임 */

form {
	margin:0;
}

/* 약어 툴팁  */
abbr, acronym {
	border-bottom:1px dotted;
	cursor: help;
}
/* 스크린리더 약어를 한단어로 읽기 */
abbr {
	speak:spell-out;
}
acronym {
	speak:normal;
}

.handy {
	cursor:pointer;
	cursor:hand;
}
label {
    cursor:pointer;
	cursor:hand;
}

/* 드랍캡 첫글자 꾸미기 */
.drop {
	float:left;
	font-size: 400%;
	line-height: 1em;
	margin: 4px 10px 10px 0;
	padding: 4px 10px;
	border: 2px solid #ccc;
	background: #eee;
}

.png24{tmp:expression(setPng24(this));} /*  png  */

/* 글정렬 */
.t_center {
	text-align:center;
}
.t_left {
	text-align:left;
}
.t_right {
	text-align:right;
}

/* 이미지 엘리먼트 정렬 */
.t_top {
	vertical-align:top;
}
.t_middle {
	vertical-align:middle;
}
.t_bottom {
	vertical-align:bottom;
}

/* 마진 */
.l03_m {
	margin-left:3px;
}
.r03_m {
	margin-right:3px;
}
.t03_m {
	margin-top:3px;
}
.b03_m {
	margin-bottom:3px;
}
.l05_m {
	margin-left:5px;
}
.r05_m {
	margin-right:5px;
}
.t05_m {
	margin-top:5px;
}
.b05_m {
	margin-bottom:5px;
}
.l10_m {
	margin-left:10px;
}
.l15_m {
	margin-left:15px;
}
.r10_m {
	margin-right:10px;
}
.t10_m {
	margin-top:10px;
}
.b20_m {
	margin-bottom:20px;
}
.l20_m {
	margin-left:20px;
}
.r20_m {
	margin-right:20px;
}
.t20_m {
	margin-top:20px;
}
.b10_m {
	margin-bottom:10px;
}
.l50_m {
	margin-left:50px;
}
.r50_m {
	margin-right:50px;
}
.t50_m {
	margin-top:50px;
}
.b50_m {
	margin-bottom:50px;
}
.t75_m {
	margin-top:75px;
}
.b75_m {
	margin-bottom:75px;
}
.r75_m {
	margin-right:75px;
}
.l75_m {
	margin-left:75px;
}
.t90_m {
	margin-top:90px;
}
.b90_m {
	margin-bottom:90px;
}
.r90_m {
	margin-right:90px;
}
.l90_m {
	margin-left:90px;
}
.t125_m {
	margin-top:125px;
}
.b125_m {
	margin-bottom:125px;
}
.r125_m {
	margin-right:125px;
}
.l125_m {
	margin-left:125px;
}
.l05_p {
	padding-left:5px;
}
.r05_p {
	padding-right:5px;
}
.t05_p {
	padding-top:5px;
}
.b05_p {
	padding-bottom:5px;
}
.l10_p {
	padding-left:10px;
}
.r10_p {
	padding-right:10px;
}
.t10_p {
	padding-top:10px;
}
.b10_p {
	padding-bottom:10px;
}

/* 버튼 디자인*/
.button{
  background:#1466a5;
  color:#fff;
  border:none;
  position:relative;
  padding:4px 6px;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  font-size:90%;
  border-top-right-radius:5px;
  border-bottom-left-radius:5px;
}
.button:hover{
  background:#00038d;
  color:#fff;
}

.button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.button:hover:before,.button:hover:after{
  width:100%;
  transition:800ms ease all;
}

.button2 { background-color:#0703b6;  color:#fff; border:1px solid #0703b6; padding:10px; cursor: pointer;}
.button2:hover{
  background:#1466a5;
  color:#fff;
}

.button_small {  
  background:#1466a5;
  color:#fff; 
  padding:3px 5px;
  border:0;
  cursor:pointer;
}
.button_small:hover {
	background-color:#005472;
	border:0;
}

.newbtn {
   background-color:red;
   color:#fff !important;	
   font-size:90%;
   padding:0 2px;
   font-family:  "Courier New", Courier, monospace;
   margin-left:3px;
}

/* 폰트색상 */
.fcolor_blue {color: #007496;}
.fcolor_gray {color: #dcdcdc;}
.bcolor_gray {background-color: #dcdcdc}
.fcolor_gray02 {color:#8c8c8c;}
.fcolor_red {color:#eb0000;}

/*폰트사이즈*/
.fsize_80 {font-size:80%;}

/*백이미지 감춤*/
.nobackground {background:none;}

/*박스 라운드*/
#box_round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
      border-radius: 5px;
}
.rounded {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.noround {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;  	
}

/*쇼핑몰 기본*/
#shopwrap #cartbox table th { height:30px; line-height:30px; background-color:#f9f9f9;}
#shopwrap #cartbox table td { height:30px; line-height:30px;}
#shopwrap #orderform { margin-top:20px;}
#shopwrap #orderform h4 { font-weight:bold; margin:15px 0 5px 0;}
#shopwrap #orderform table tr td:first-child { width:20%; padding:5px;background-color:#f9f9f9;}
#shopwrap #orderform table tr td:last-child { width:80%; text-align:left; padding:5px 10px;}
#shopwrap #orderform table tr td textarea { width:95%;}



/*관리자박스*/
#admin_wrap {
  width:85%;
  margin:0 auto;
  margin-top: 60px;  
}
#admin_wrap #btn { 
 margin:20px auto; 
 text-align:center;  
 width:100%; 
}
#admin_wrap button { 
 background-color:#3C912D;
 color:#FFFFFF; 
 border:0;
 padding:3px 10px;
 border-radius:5px;
 font-size:90%;
 letter-spacing:0.2em;
 }
#admin_wrap button:hover {
 background-color:#003300;
 cursor:pointer;
 }