@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

html {margin:0; padding:0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {height:100%;}
html {overflow-y:scroll;}
body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {
	-webkit-text-size-adjust:none; 
	font-family: 'Noto Sans KR', sans-serif !important;
	padding: 0; 
	margin: 0;	
	color: #333; 
	letter-spacing:-0.5px; 
	line-height:1.4;
	font-size: 13px;
}
body, input, textarea, select, button {color:#585858; font-size:12px; font-family: Dotum; }
header, footer, nav, aside, section, article {display:block;} 
fieldset, img {border:0;} 
img {-ms-interpolation-mode:bicubic !important; border:0;}
table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;} 
ul, ol {list-style:none;} 
a {color:#585858; text-decoration:none;} 
a:link {color:#606060; text-decoration:none;} 
a:hover {color:#ffa172;} 
.clear { clear:both; }

::-webkit-input-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder { color: #999;}
:-moz-placeholder { color: #999;}

/* checkbox */
.input-wrap { cursor: pointer; margin-right: 10px; display:inline-block; white-space: nowrap; border-radius: 3px; background: #eee; padding: 3px 8px; margin: 2px;}
.input-wrap .check-icon { display: inline-block; width: 12px; height: 12px; background: url(../images/check1.jpg) left center no-repeat; transition-duration: .3s; vertical-align:middle; margin-bottom: 3px;}
.input-wrap input[type=radio] { display: none;}
.input-wrap input[type=radio]:checked + .check-icon { background-image: url(../images/check1On.jpg);}
.input-wrap input[type=radio]:disabled + .check-icon { background-image: url(../images/check1Dis.jpg); opacity:0.3;}

select { height:25px; line-height:25px; border: 1px solid #ccc; vertical-align:middle; box-sizing:border-box;}
input[type=text], 
input[type=password] { height:25px; line-height:25px; border: 1px solid #ccc; padding: 0; text-indent:10px; vertical-align:middle; box-sizing:border-box;}
textarea { border: 1px solid #ccc; padding: 0; vertical-align:middle; box-sizing:border-box;}


.members_catagory { border: 1px solid #d2d2d2; margin-bottom: 20px;}
.members_catagory > div { display:table; width: 100%;}
.members_catagory > div > div { display: table-cell; vertical-align:top; font-size:0;}
.members_catagory > div > div > ul {padding: 15px 15px 8px 15px;}
.members_catagory > div > div:nth-child(1) { width: 90px;}
.members_catagory > div > div > ul > a,
.members_catagory > div > div > ul > p { display:inline-block; vertical-align:top; text-align:center; color:#999; font-size:13px; height:23px; line-height:23px; margin:0 7px 7px 0; padding: 0 12px; border: 1px solid #d2d2d2; border-radius:3px; cursor:pointer;}
.members_catagory > div > div > ul > a:hover,
.members_catagory > div > div > ul > p:hover {border: 1px solid #333; color:#fff; background-color: #333;}
.members_catagory > div > div > ul > .cataOn {border: 1px solid #333; color:#fff; background-color: #333;}

.jnForm input[type="text"] { border: 1px solid #d2d2d2; width: 70px; margin: 2px;}
.jnForm input.ip1 { width: 50px;}
.jnForm input.ip2 { width: 30px;}
.jnForm input.ip3 { width: 80px;}
.jnForm input.ip4 { width: 100%;}
.jnForm .contentTable .formTable1 textarea { border: 1px solid #d2d2d2; width: 100%; height:120px; margin: 2px;}
.jnForm .contentTable .formTable1 {}
.jnForm .contentTable .formTable1 th {background: #eee; color:#333; padding: 8px;background-clip: padding-box; border: 1px solid #d2d2d2;}
.jnForm .contentTable .formTable1 td { padding: 8px;background-clip: padding-box; border: 1px solid #d2d2d2;}
.jnForm .contentTable .formTable1 td div.moTitle { display:none;}
.jnForm .contentTable .formTable1 td p.block1 { margin-bottom: 5px;}
.jnForm .contentTable .formTable1 td p.block2 { display:inline-block;}

.jnForm .contentTable .formTable2 { display:table;}
.jnForm .contentTable .formTable2 th {background: #eee; color:#333; padding: 8px;background-clip: padding-box; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.jnForm .contentTable .formTable2 td { padding: 8px;background-clip: padding-box; border-bottom: 1px solid #d2d2d2; text-align:center;}
.jnForm .contentTable .formTable2 td.type { color:#999;}
.jnForm .contentTable .formTable2 td.subject { text-align: left;}
.jnForm .contentTable .formTable2 td.subject:hover { text-decoration:underline; cursor:pointer;}

.jnForm .contentTable .formTable3 {}
.jnForm .contentTable .formTable3 th {background: #eee; color:#333; padding: 8px;background-clip: padding-box; border: 1px solid #d2d2d2;}
.jnForm .contentTable .formTable3 td { padding: 15px 8px;background-clip: padding-box; border: 1px solid #d2d2d2;}
.jnForm .contentTable .formTable3 td p.block1 { margin-bottom: 5px;}
.jnForm .contentTable .formTable3 td p.block2 { display:inline-block;}
.jnForm .contentTable .formTable3 td p.viewType { font-size: 18px;}
.jnForm .contentTable .formTable3 td p.viewCont { color: #959595;}

.jnForm .contentTable p.endType1 { color: #396;}
.jnForm .contentTable p.endType2 { color: #F00;}
.jnForm .contentTable p.endType3 { color: #36F;}
.jnForm .contentTable .paging { text-align:center; margin-top: 30px;}
.jnForm .contentTable .paging > div { display: inline-block; text-align:center;}
.jnForm .contentTable .paging > div > p { display:inline-block; padding: 5px 10px;}
.jnForm .contentTable .paging > div > p.on { font-size: 15px; font-weight:900; color: #F60;}

.jnForm .bottom { margin-top: 30px; text-align:center;}
.jnForm .btn1 { display:inline-block; font-size: 18px; color:#fff; padding: 10px 20px; background: #84ccc9; cursor:pointer;}
.jnForm .btn2 { display:inline-block; font-size: 18px; color:#fff; padding: 10px 20px; background: #a0a0a0; cursor:pointer;}

@media all and (max-width:450px){
	.members_catagory > div > div > ul {padding: 5px 5px 2px 5px;}
	.members_catagory > div > div:nth-child(1) { width: 50px;}
	.members_catagory > div > div > ul > a,
	.members_catagory > div > div > ul > p { font-size:11px; height:17px; line-height:17px; margin:0 3px 3px 0; padding: 0 6px;}
	.members_catagory > div > div > ul > a:hover,
	.members_catagory > div > div > ul > p:hover {border: 1px solid #333; color:#fff; background-color: #333;}
	.members_catagory > div > div > ul > .cataOn {border: 1px solid #333; color:#fff; background-color: #333;}	
	
	.jnForm .contentTable .formTable1 input[type="text"] { border: 1px solid #d2d2d2; width: 100%;}
	.jnForm .contentTable .formTable1 input.ip1 { width: 50px;}
	.jnForm .contentTable .formTable1 input.ip2 { width: 30px;}
	.jnForm .contentTable .formTable1 input.ip3 { width: 80px;}
	.jnForm .contentTable .formTable1 textarea { border: 1px solid #d2d2d2; width: 100%; height:120px;}
	
	.jnForm .contentTable .formTable1 th { display:none;}
	.jnForm .contentTable .formTable1 td div.moTitle { display:block; margin-bottom: 10px; font-size: 13px; color:#333;}
	.jnForm .contentTable .formTable1 td { padding: 10px 8px; border: 1px solid #d2d2d2; border-radius:5px; display:block; margin-bottom: 20px;}
	.jnForm .contentTable .formTable1 td p.block1 { margin-bottom: 5px;}
	.jnForm .contentTable .formTable1 td p.block2 { display:block;}
	
	.jnForm .contentTable .formTable2 tr th:nth-child(1),
	.jnForm .contentTable .formTable2 tr td:nth-child(1) { display: none;}
	.jnForm .contentTable .formTable2 td.type { color:#999; width: 40px;}
	.jnForm .contentTable .formTable2 td.day { width: 80px;}
	
	.jnForm .contentTable .formTable3 th { display:block; text-align: left; padding: 5px 10px;}
	.jnForm .contentTable .formTable3 td { padding: 10px 8px; border: 1px solid #d2d2d2; border-top: none; display:block; margin-bottom: 20px;}
	.jnForm .contentTable .formTable3 td p.block1 { margin-bottom: 5px;}
	.jnForm .contentTable .formTable3 td p.block2 { display:block;}
	
	.jnForm .contentTable .paging > div > p { display:inline-block; padding: 5px;}
	.jnForm .contentTable .paging > div > p.on { font-size: 15px; font-weight:900; color: #F60;}
}