@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
figcaption, figure, footer, header, hgroup, menu, nav, div, summary, time, mark, audio, video,form{ margin:0; padding:0; border:0; font-size:100%; vertical-align:top; }
body{margin:0 auto; font-family:'Malgun Gothic','맑은고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica; color:#000; font-size:15px; background-color: white;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,div{ display:block; }
ul, li{ list-style:none; letter-spacing:-1px;}
em, i { font-style:normal}
a{ margin:0; padding:0;font-size:100%;text-decoration:none;vertical-align:baseline;color: #333;background:transparent; }
input, textarea{ margin:0; padding:0;appearance:none;color:#959595;border:none; background: white; border:#dcdcdc; border-radius:0; font-family:'Malgun Gothic','맑은고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica; font-size:15px;}
select { color:#959595; border:1px solid  #dcdcdc; }
table{ border-collapse:collapse; border-spacing:0; }
img {border-style: none; }
.image_caption { box-sizing: border-box; display:block; position:relative; background-color:white; color:white; font-size:12px; padding: 5px 10px; max-width: 100%!important; text-align: left!important;}
.blind{ display:none; }
.clear{clear:both;}
.clear_fix:after {content:'';  display:block; clear:both;}


#wrap {width:100%;}

/*본문(편집규약)내용*/
.conb {
	position:relative;
	width: 1000px;
	height: 210px;
}

.conbbox {
	position:relative;
	margin-top:30px;
}

.conbbox h2{
	font-size:20px;
	letter-spacing: -2px;
	padding-bottom: 15px;
}

.conbbox p{
	font-size:15px;
	letter-spacing: -1px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
}


@media only screen and (max-width:1000px) {
  	html, body {padding:0; margin:0; width:100%;}
  	#subbody {padding:0 10px; box-sizing:border-box;}
    .cwarp, .ctop, .content, .subtop, .manu, .subbottom, .subbottom > div, .subbottom > div > ul, .bwarp, .timg > div {width:100% !important;}
    .ctop {position:static !important; height:auto !important;}
    .content {top:auto !important; height:auto !important;}
    #center, .cwarp, .subbottom {height:auto !important;}
    .title {height:auto !important; margin:0 0 15px 0;}
    .title ul {font-size:25px !important; padding-top:25px !important;}
    .manu {height:auto !important;}
    .manu:after {content:''; clear:both; display:block;}
    .manu > div {width:50% !important; box-sizing:border-box; border-right: 1px solid #d1d6dd; margin-left:-1px;}
    .manu > div > ul {width:100% !important;}
    .manu > div > ul li {font-size:15px !important; width:100% !important; padding-left:0 !important; text-align:center; line-height:41px !important; height:41px !important; padding-top:0 !important;}
    .bottom_text {width:70% !important; left:30% !important;}
    .subtop {height:auto !important;}
    .subtop > ul {position:static !important; width:100% !important; height:auto !important; box-sizing:border-box; margin-left:0 !important; margin-right:0 !important; padding:20px 30px 20px 30px !important;}
  	.subtop > ul li {width:100% !important; height:auto !important; font-size:18px !important;}
  	.subbottom {position:static !important; top:0 !important;}
  	.subbottom > div {position:static !important; height:auto !important; margin-bottom:10px;}
  	.subbottom > div > ul {height:auto !important; box-sizing:border-box; box-sizing:border-box; padding:10px 20px 10px !important;}
  	.subbottom > div > ul:after {content:''; clear:both; display:block;}
  	.subbottom > div > ul:first-child li { font-size:18px !important; height:auto !important; width:auto !important; margin-top:0 !important; margin-left:0 !important;}
  	.subbottom > div > ul:first-child li:nth-child(2) {float:none !important;}
  	.subbottom > div > ul li {width:auto !important; height:auto !important;}
  	.subbottom > ul {width:100% !important; height:auto !important; font-size:18px !important; padding:10px 0;}
  	.subbottom > ul > li {width:100% !important; float:none !important; font-size:14px;}
  	.subbottom > ul > li b {display:block;}
  	.bwarp > ul {float:none !important; position:static !important; height:auto !important; width:100% !important; padding:15px 0 !important;}
  	.bwarp > ul:first-child li {margin:30px auto 0 !important;}
  	#bottom, .bwarp {height:auto !important; padding:0 10px; box-sizing:border-box;}
  	
  	.c1, .c1 ul, .c2, .c2 ul, .c3, .c3 ul {width:100% !important; height:auto !important; box-sizing:border-box;}
  	.c1 ul, .c2 ul, .c3 ul {padding:20px !important;}
  	.c1 ul:after, .c2 ul:after, .c3 ul:after {content:''; clear:both; display:block;}
  	.c3 ul {position:static !important;}
  	.c1 ul li, .c2 ul li, .c3 ul li {font-size:16px !important; margin-top:0 !important; width:auto !important;}
  	.c3 ul li {width:auto !important; margin-left:0 !important; margin-top:10px; box-sizing:border-box;}
  	.c1 ul li:nth-child(2), .c2 ul li:nth-child(2), .c3 ul li:nth-child(2) {float:none !important;}
  	
  	.left {position:static !important;width:100% !important; height:auto !important;}
  	.left:after {content:''; clear:both; display:block;}
  	.left ul {float:left; width:25% !important; height:auto !important;}
  	.left ul li {font-size:16px !important; width:auto !important; padding:0 5px; box-sizing:border-box;} 
  	.left ul li:nth-child(2) {float:none !important; margin-top:0 !important;}
  	.right {position:static !important; width:100% !important; height:auto !important; margin-bottom:20px;}
  	.right:after {content:''; clear:both; display:block;}
  	.right ul {float:left; width:25% !important; height:auto !important; padding:10px 0 !important;}
  	.right ul li { padding:0 5px; box-sizing:border-box;}
  	.space1, .space2 {padding:50px 0 0 0 !important;}
  }