/* 
http://www.ybyin.com 
2016-12-21
*/
@charset "utf-8";
@import url('style.css');
html {overflow-x:scroll;}
body {overflow-x:hidden;}
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, section, summary,
time, mark, audio, video, input {
    margin:0;
    padding:0;
    border:0;
    outline:0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

a{text-decoration:none; }
a,img{border:0;}
nav ul {
    list-style:none;
}
ul {
    list-style:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:middle;
}


table {
    border-collapse:collapse;
    border-spacing:0;
}


select,img, div, a, label{
    vertical-align:middle;
}


img     {border:0px}
caption, .hide {display:none}

.skip   {position:absolute;top:-300px;left:-300px;}
ul.noline li {font:0/0 arial}
ul.ufl li    {float:left}
ul.ucb li    {clear:both;}
.afl *       {float:left}


/*   */
.al        {text-align:left !important}
.ac        {text-align:center !important}
.ar        {text-align:right !important}
.vt        {vertical-align:top !important}
.vb        {vertical-align:bottom !important}

.fl        {float:left}
.fr        {float:right}
.fc        {float:center}
.cl        {clear:left}
.cr        {clear:right}
.cb        {clear:both}
.b        {font-weight:bold !important}


.t01     {padding-top:1px}
.t02     {padding-top:2px}
.t05     {padding-top:5px}
.t10     {padding-top:10px}
.t13     {padding-top:13px}
.t15     {padding-top:15px}
.t16     {padding-top:16px}
.t18     {padding-top:18px}
.t20     {padding-top:20px}
.t25     {padding-top:25px}
.t30     {padding-top:30px}
.t35     {padding-top:35px}
.t37     {padding-top:37px}
.t40     {padding-top:40px}
.t50     {padding-top:50px}
.t60     {padding-top:60px}
.t70     {padding-top:70px}
.t80     {padding-top:80px}
.t90     {padding-top:90px}
.t100    {padding-top:100px}
.t120    {padding-top:120px}
.t145    {padding-top:145px}


.l08     {padding-left:8px}
.l10     {padding-left:10px}
.l15     {padding-left:15px}
.l17     {padding-left:17px}
.l20     {padding-left:20px}
.l25     {padding-left:25px}
.l30     {padding-left:30px}
.l40     {padding-left:40px}
.l50     {padding-left:50px}
.l60     {padding-left:60px}
.l70     {padding-left:70px}
.l90     {padding-left:90px}
.l110     {padding-left:110px}
.l170     {padding-left:170px}

.r20     {padding-right:20px}
.r30     {padding-right:30px}
.r40     {padding-right:40px}
.r70     {padding-right:70px}
.r170     {padding-right:170px}

.b10     {padding-bottom:10px}
.b20     {padding-bottom:20px}
.b30     {padding-bottom:30px}

.ml01     {margin-left:1px}
.ml05    {margin-left:5px}
.ml10    {margin-left:10px}

.ml15     {margin-left:15px}
.ml25    {margin-left:25px}
.ml35    {margin-left:35px}
.ml70    {margin-left:70px}



@font-face {   
	font-family: 'malgun';

    src: url('../font/malgun.eot')
	url('../font/malgun.ttf') format('truetype');
	
}
@font-face { font-family:NanumGothic; src:url('../font/NanumGothic.eot'); src:url('../font/NanumGothic.eot') format(eot);}
@font-face { font-family:NanumGothic; src:url('../font/NanumGothic.woff'); src:url('../font/NanumGothic.woff') format(woff);}
@font-face { font-family:NanumGothic; src:url('../font/NanumGothic.ttf'); src:url('../font/NanumGothic.ttf') format(ttf);}



/* layout */
#header {width:1170px;margin:0 auto; border-bottom:1px solid #bfc5d5; position: relative;}
#gnb { background-color:#323232; height:25px;}
#gnb li {line-height: 22px; padding-right:20px;}
#gnb li a {
	font-family:NanumGothic;
	font-size:12px;
	color:#fff;
	line-height: 22px;
}


#s_gnb {background-color:#323232; height:25px;}
#s_gnb_in { width:1170px; margin:0 auto;}
#s_gnb_in li {line-height: 22px; padding-right:20px;}
#s_gnb_in li a {
	font-family:NanumGothic;
	font-size:12px;
	color:#fff;
	line-height: 22px;
}



#sub_bn_height {position:relative; height:740px; width:1170px;margin:0 auto;}


.contents_scroll {overflow:hidden;height:740px; overflow-y: scroll;  }

/*main*/
.contentm {width:1160px;margin:0 auto; background:#fff;}
#contentrm { padding:0px 20px 100px 20px;   }
.m_tbl{width:540px;}
.m_tit1 {font-family:Malgun Gothic, sans-serif;font-size:24px; color:#363636; float:left}
.m_tit1 span {color:#bd1010;}


/*sub*/
.contents {width:1160px;margin:0 auto; background:url('../img/sub/bg1.jpg') repeat-y#fff;}
#contentr { float:left;padding:0px 20px 100px 20px; width:915px; }

#contentr h3 {font-size:30px; color:#252525;font-family:Malgun Gothic, sans-serif; float:left;}
#location {font-family:Malgun Gothic, sans-serif;text-align:right; font-size:12px; color:#545454; margin-top:20px;}


#left {width:200px; float:left;}
#left .lm>li a {font-family:Malgun Gothic, sans-serif;font-size:13px; color:#545454; line-height:49px; border-bottom:1px solid #dde0e8; display:block; padding-left:20px;}
#left .lm>li a.on , #left .lm>li a:hover {color:#252525; background:url('../img/sub/on.jpg') 180px center no-repeat;}





#wing1 {position:fixed;right:-3px;top:0px;width:190px;z-index:10;}
#wing2 {position:fixed;right:-3px;top:0px;width:22px;z-index:10;}
#qm_bg01 {}
.qm_txt { font-size:13px; color:#6a6a6a;font-family:Malgun Gothic, sans-serif; text-align:center;}
.qm_txt a { color:#6a6a6a; background-color:#f8f8f8; border-bottom:1px dotted #dedede; display:block; line-height:35px;}
.qm_txt2 { font-size:13px; color:#6a6a6a;font-family:Malgun Gothic; text-align:center;}
.qm_txt2 a{ color:#6a6a6a; background-color:#f8f8f8; border-bottom:1px solid #dedede; display:block; line-height:35px; }

@media screen and (max-width: 1400px) {
 #wing1{ display:none;}
  #wing2{ display:none;}
}











.footers { background-color:#323232; height:130px;z-index:999;position:relative;}
#footer_in {width:1170px;margin:0 auto;z-index:999}

.f_txt1 a {font-family:Malgun Gothic; font-size:11px; color:#8d8d8d;}

.text01 { font-family:Malgun Gothic; font-size:14px; color:#363636; line-height:28px; background:url('../img/index/ic1.jpg') 0 15px no-repeat;}
.text01 a { color:#363636; text-decoration:none;line-height:28px;}
.text01 span{margin-bottom:6px;font-size:12px !important}
.text02 { font-family:Malgun Gothic; font-size:14px; color:#707070; line-height:28px;}
.text03 { font-family:Malgun Gothic; font-size:14px; color:#363636; line-height:20px;}
.text04 { font-family:Malgun Gothic; font-size:18px;font-weight:bold; color:#bd1010; }
.text05 { font-family:Malgun Gothic; font-size:11px; color:#8d8d8d; line-height:17px;}
.text06 { font-family:Malgun Gothic; font-size:11px; color:#4c4c4c; line-height:17px;}
.text07 { font-family:Malgun Gothic; font-size:12px; color:#3a3a3a; line-height:25px; width:110px;}
.text08 { font-family:Malgun Gothic; font-size:12px; color:#a0a0a0; line-height:25px;}
.text09 { font-family:Malgun Gothic; font-size:14px; color:#ef1c23; line-height:25px;}
.text10 { font-family:Malgun Gothic; font-size:14px; color:#f88020; line-height:25px;}
.text11 { font-family:Malgun Gothic; font-size:14px; color:#252525; line-height:25px;}
.text12 { font-family:Malgun Gothic; font-size:14px; color:#bd1212; line-height:25px;}
.text13 { font-family:Malgun Gothic; font-size:16px; color:#bd1212; line-height:25px;}
.text14 { font-family:Malgun Gothic; font-size:12px; color:#252525; line-height:25px;}
.text15 { font-family:Malgun Gothic; font-size:12px; color:#ed1b24; line-height:25px;}
.text16 { font-family:Malgun Gothic; font-size:16px; color:#252525; line-height:25px;}
.text17 { font-family:Malgun Gothic; font-size:18px; color:#252525; line-height:25px;}
.text19 { font-family:Malgun Gothic; font-size:18px; color:#bd1010; font-weight:bold;}


/*img-list-widget*/
.imgList-widget-5 .content-small { width:950px; float:left;}
.imgList-widget-5 .content-small .pstrans .cover, .imgList-widget-5 .content-small .pstrans .name { height:310px; top: 0; width: 460px; display:none; }
.pstrans { overflow: hidden; position: relative; height:310px; width:460px;}
.pstrans .cover { background: none repeat scroll 0 0 #000000; opacity: 0.7; filter:alpha(opacity=70); z-index: 9; }
.pstrans .cover, .pstrans .name { position: absolute; }
.pstrans .name  { color: #FFFFFF; font-size: 17px; line-height: 20px; z-index: 10; padding-top:110px;}
.pstrans .name02  { color: #d3d3d3; font-size: 14px; line-height: 15px;  z-index: 10; }
a.link02:visited      {display:table-cell; vertical-align:middle; width:250px; height:198px; font-family:Malgun Gothic; color:#ffffff; text-decoration:none; font-size: 16px; }
.ct_line01 {width:950px; height:2px; border-bottom:2px solid #000;}
.ct_txt01 {font-family:NanumGothic;font-size:14px; line-height:20px; color:#363636;}

/*img-list-widget02*/
.imgList-widget-6 .content-small { width:950px; float:left;}
.imgList-widget-6 .content-small .pstrans .cover, .imgList-widget-6 .content-small .pstrans .name { height:190px; top: 0; width: 188px; display:none; }
.imgList-widget-6 .content-small .pstrans { overflow: hidden; position: relative; height:190px; width:199px;}
.imgList-widget-6 .content-small .pstrans .cover { background: none repeat scroll 0 0 #000000; opacity: 0.7; filter:alpha(opacity=70); z-index: 9; }
.pstrans .cover, .pstrans .name { position: absolute; }
.imgList-widget-6 .content-small .pstrans .name  { color: #FFFFFF; font-size: 15px; line-height: 20px; z-index: 10; padding-top:70px;  background:none;}
.imgList-widget-6 .content-small .pstrans .name02  { color: #d3d3d3; font-size: 14px; line-height: 15px;  z-index: 10; }
.imgList-widget-6 .content-small a.link02:visited      {display:table-cell; vertical-align:middle; width:250px; height:198px; font-family:Malgun Gothic; color:#ffffff; text-decoration:none; font-size: 16px; }
.imgList-widget-6 .content-small .ct_line01 {width:950px; height:2px; border-bottom:2px solid #000;}
.imgList-widget-6 .content-small .ct_txt01 {font-family:NanumGothic;font-size:14px; line-height:20px; color:#363636;}




/*img-list-widget66*/
.imgList-widget-66 .content-small { width:950px; float:left;}
.imgList-widget-66 .content-small .pstrans .cover, .imgList-widget-66 .content-small .pstrans .name { height:280px; top: 0; width: 188px; display:none; }
.imgList-widget-66 .content-small .pstrans { overflow: hidden; position: relative; height:280px; width:200px;}
.imgList-widget-66 .content-small .pstrans .cover { background: none repeat scroll 0 0 #000000; opacity: 0.7; filter:alpha(opacity=70); z-index: 9; }
.pstrans .cover, .pstrans .name { position: absolute; }
.imgList-widget-66 .content-small .pstrans .name  { color: #FFFFFF; font-size: 15px; line-height: 20px; z-index: 10; padding-top:100px;  background:none;}
.imgList-widget-66 .content-small .pstrans .name02  { color: #d3d3d3; font-size: 14px; line-height: 15px;  z-index: 10; }
.imgList-widget-66 .content-small a.link02:visited      {display:table-cell; vertical-align:middle; width:250px; height:198px; font-family:Malgun Gothic; color:#ffffff; text-decoration:none; font-size: 16px; }
.imgList-widget-66 .content-small .ct_line01 {width:950px; height:2px; border-bottom:2px solid #000;}
.imgList-widget-66 .content-small .ct_txt01 {font-family:NanumGothic;font-size:14px; line-height:20px; color:#363636;}




 /*img-list-widget03*/
.imgList-widget-7 .content-small { width:950px; float:left;}
.imgList-widget-7 .content-small .pstrans .cover, .imgList-widget-7 .content-small .pstrans .name { height:270px; top: 0; width: 310px; display:none; }
.imgList-widget-7 .content-small .pstrans { overflow: hidden; position: relative; height:270px; width:310px;}
.imgList-widget-7 .content-small .pstrans .cover { background: none repeat scroll 0 0 #000000; opacity: 0.1; filter:alpha(opacity=10); z-index: 9; }
.pstrans .cover, .pstrans .name { position: absolute; }
.imgList-widget-7 .content-small .pstrans .name  { color: #FFFFFF; font-size: 15px; line-height: 20px; z-index: 10; padding-top:210px; left:165px; background:none;}
.imgList-widget-7 .content-small .pstrans .name02  { color: #d3d3d3; font-size: 14px; line-height: 15px;  z-index: 10; }
.imgList-widget-7 .content-small a.link02:visited      {display:table-cell; vertical-align:middle; width:250px; height:198px; font-family:Malgun Gothic; color:#ffffff; text-decoration:none; font-size: 16px; }
.imgList-widget-7 .content-small .ct_line01 {width:950px; height:2px; border-bottom:2px solid #000;}
.imgList-widget-7 .content-small .ct_txt01 {font-family:NanumGothic;font-size:14px; line-height:20px; color:#363636;}


.page {text-align:center;}
.page a {
	display:inline-block; width:14px; height:18px; 
	border:1px solid #fff; margin:0 1px; 
	font-family:NanumGothic; font-size:12px; color:#5f5f5f; line-height:18px; background-color:#FFFFFF;}
.page .on {background:#fff; color:#ff9255;  border:1px solid #fff; text-decoration:underline; font-weight:bold;}

.s21_table1{ width:100%; font-family:NanumGothic, sans-serif;font-size:15px; text-align:center; color: #373737;line-height:20px; border-top: 2px solid #263b56;}
.s21_table1 th {border-bottom:1px solid #dddddd; padding:15px 0 15px 0px;}
.s21_table1 td {border-bottom:1px solid #dddddd; padding: 15px 0px 15px 0px; color: #626262;}
.s21_table1 td a {color: #626262;}

.s21v2_table1{ width:100%; font-family:NanumGothic, sans-serif;font-size:14px; text-align:left; color: #545454;line-height:20px; border-top: 2px solid #263b56;}
.s21v2_table1 th {background-color:#f8f8f8; border-bottom:1px solid #dddddd; text-align: left; padding:15px 0 15px 20px;}
.s21v2_table1 td {border-bottom:1px solid #dddddd; text-align: left; padding: 10px; line-height:20px;}
.view02_in {
	width:169px; height:22px; 
	background:#fff; 
	font-family:NanumGothic, sans-serif; 
	font-size:13px; 
	color:#363636;
	line-height:16px;
	border: 1px solid #e6e6e6;
	padding-left: 10px;
}
.view01_in {
	width:169px; height:28px; 
	background:#fff; 
	font-family:NanumGothic; 
	font-size:13px; 
	color:#363636;
	line-height:16px;
	border: 1px solid #ddd;
}

.s21_table2{ width:100%; font-family:NanumGothic, sans-serif;font-size:15px; text-align:left; color: #373737;line-height:28px; border-top: 2px solid #263b56;}
.s21_table2 th {border-bottom:1px solid #dddddd; padding:15px 0 15px 20px;}
.s21_table2 td {border-bottom:1px solid #dddddd; padding: 15px 0px 15px 20px; color: #626262; text-align:left;}
.s21_table2 td a {color: #626262;}

.s21_table3{ width:100%; font-family:NanumGothic, sans-serif;font-size:15px; text-align:left; color: #373737;line-height:28px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.s21_table3 th {background-color:#f8f8f8; border-bottom:1px solid #dddddd; padding:15px 0 15px 20px;}
.s21_table3 td {border-bottom:1px solid #dddddd; padding: 15px 0px 15px 20px; color: #626262; text-align:left;}
.s21_table3 td a {color: #626262;}


.s21_table4 {
	width:100%; font-family:NanumGothic, sans-serif;
	font-size:15px; 
	text-align:left; 
	border-bottom: 1px solid #dddddd;
}
.s21_table4 th {
	border-bottom:1px solid #dddddd; 
	color:#5f5f5f; 
	line-height:30px; 
	padding: 10px 0px 10px 0px;
	text-align:center;
}
.s21_table4 td {border-bottom:1px solid #dddddd; font-size: 15px; color: #626262; line-height:24px; padding-left:30px;}
.tb_line01 { background:url('../img/board/line01.jpg') left center no-repeat;}
.tb_line02 { background:url('../img/board/line02.jpg') left center no-repeat;}