@charset “utf-8″;

/* Element Reset */
html, body{ height:100%; background: #dbdee1}
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{ margin:0; padding:0; -webkit-text-size-adjust:none;} /* 아이폰 가로모드 글자 크기 확대 방지: -webkit-text-size-adjust:none; */
body, input, textarea, select, button{ font-size:0.75em; line-height:22px; font-family:Dotum,'돋움', sans-serif, AppleGothic, Gulim,'굴림', Arial, Helvetica;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display: block}
button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;}
fieldset, img{ border:0;}
img {-ms-interpolation-mode: nearest-neighbor;} /* ie8에서 이미지가 blur처럼 번져서 텍스트가 흐릿해지는 경우 */
table{ border-collapse:collapse;}
legend, caption, hr, .skip{ position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
ul, ol{ list-style:none;}
em{ font-style: normal}

/* COMMON */
a{ color:#0040FF; text-decoration:none; border-bottom:1px solid #0040FF;}
.noline { color:#666; border-bottom:0; }
.noline2 { color:#176699; border-bottom:0; }

h1, h2, h3, h4, h5, h6{font-family:NanumGothicBold, 나눔고딕, NG, Tahoma, Geneva, sans-serif;}
.w10{ width: 10% !important}
.w14{ width: 14% !important}
.w15{ width: 15% !important}
.w16{ width: 16% !important}
.w20{ width: 20% !important}
.w25{ width: 25% !important}
.w30{ width: 30% !important}
.w35{ width: 35% !important}
.w40{ width: 40% !important}
.w45{ width: 45% !important}
.w50{ width: 50% !important}
.w60{ width: 60%;}
.w65{ width: 65% !important}
.w70{ width: 70%;}
.w80{ width: 80%;}
.w90{ width: 90% !important}
.w95{ width: 95% !important}
.w100{ width: 100% !important}


.w10em{ width: 10em !important}
.w14em{ width: 14em !important}
.w20em{ width: 20em !important}
.w30em{ width: 30em !important}
.w40em{ width: 40em !important}
.w60em{ width: 60em;}
.w80em{ width: 80em;}

.m_auto{ margin: 0 auto;}
.ml0{ margin-left: 0 !important}
.ml1{ margin-left: 1em !important}
.ml2{ margin-left: 2em !important}
.ml3{ margin-left: 3em !important}
.ml4{ margin-left: 4em !important}
.mr1{ margin-right: 1em !important}
.mt05{ margin-top: 0.5em !important}
.mt1{ margin-top: 1em !important}
.mt2{ margin-top: 2em !important}
.mb0{ margin-bottom: 0 !important}
.mb1{ margin-bottom: 1em !important}
 
.floatDiv:after{ display: block; clear: both; content:'';}
.fl{ float: left;}
.fr{ float: right;}
.ce{ text-align: center !important}
.rgt{ text-align: right !important}
.rpad { padding-right: 14px; }
.lft{ text-align: left !important}
.vtop{ vertical-align: top !important}
.vmid{ vertical-align: middle !important}
.font_s7{ font-size: 0.7em !important}
.font_s9{ font-size: 0.9em !important}
.font_s10{ font-size: 1em;}
.font_s11{ font-size: 1.1em}
.font_s12{ font-size: 1.2em}
.nowrap{ white-space: normal}
.underline{ text-decoration: underline;}
.inBlock{ display: inline-block;}
.block{ display: block}
.thin{ font-weight: normal;}
.line1{ line-height: 1 !important}
.line12{ line-height: 1.3 !important}

.orange{ color: #ff4800 !important; margin: 0 0.3em}
.s_blue{ color: #1077cf !important; }
.s_black{ color: #0d0d0d !important; }

  
/* All Device (모든 해상도를 위한 공통 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨) */
#wrap{ width: 100%; }
header{ background:#36a5e2; background:#36a5e2 -webkit-linear-gradient(top, #36a5e2, #2c8dcb); background:#36a5e2 -moz-linear-gradient(top, #36a5e2, #2c8dcb); background:#36a5e2 -o-linear-gradient(top, #36a5e2, #2c8dcb); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#36a5e2, endColorStr=#2c8dcb); border-top: 1px solid #008ecb; border-bottom: 1px solid #008ecb;}
header h1{ border-top: 1px solid #50acde; border-bottom: 1px solid #73bae2; text-align: center; color: #fff; line-height: 1; padding: 0.7em 0; font-size: 1.4em; text-shadow: 0 0 2px #00375e;}
header a{ position: absolute; display: block; line-height: 1}
header a.prev{ left: 1em; top: 0.6em;}
header a.prev strong{ display: block; background: url(../images/bullet.png) no-repeat -5px -431px; width: 43px; height: 28px; text-indent: -100000px; }
header a.h{ right: 1em; top: 0.5em; border: 1px solid #01518e; border-radius: 16px; background: #3989c7; padding: 0.3em; line-height: 1; color: #fff; box-shadow: 0 1px 1px #fff inset;}
header.viewer{ background:#494949; background:#494949 -webkit-linear-gradient(top, #494949, #3b3b3b); background:#494949 -moz-linear-gradient(top, #494949, #3b3b3b); background:#494949 -o-linear-gradient(top, #494949, #3b3b3b); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#494949, endColorStr=#3b3b3b); border-top: 1px solid #1c1c1c; border-bottom: 1px solid #1c1c1c;}
header.viewer h1{ border-top: 1px solid #1c1c1c; border-bottom: 1px solid #1c1c1c; text-align: center; color: #fff; line-height: 1; padding: 0.7em 0; font-size: 1.4em; text-shadow: 0 0 2px #00375e;}

#container{ } 
#w_tablet{ width: 100%; background-color: #ffffff;}
#w_tablet:after{ display: block; clear: both; content:'';}

#content{ width: 100%;}
#content h1, .gr_box{ background:#ccc; box-shadow: 1px 1px 1px #a7a7a7, 0 1px #a7a7a7 inset; padding: 0.5em 0 0.5em 1em; color: #333; font-size: 1.3em; text-align: center; }
.gr_box{ margin: 0 0 0.5em; border-left: 1px solid #a7a7a7; }
.rud_dtl h2, h2{ padding-left: 1.2em; font-size: 1.2em; line-height: 1.2; color: #333; padding: 1em 0 0.5em 1.2em}
.text_desc{ padding-left: 1.2em; font-size: 1.2em; line-height: 1.2; color: #000000; padding: 1em 0 0.5em 1.2em}
.text_list{ padding-left: 1.2em; font-size: 1.2em; line-height: 1.0; color: #000000; padding: 0 0 0.5em 1.5em}

/* FOOTER */
footer{ border-top: 1px solid #cfd2d5; background: #dbdee1; text-align: center; padding: 0.5em 0.5em 1em; position: relative; box-shadow: 0 1px 1px #e4e6e7 inset; top: -2px}
footer .top_mov{ position: absolute; right: 1em; top: 0.5em; border: 1px solid #9ca3ab; border-radius: 3px; background: #e2e5e6; padding: 0.4em 0.8em; line-height: 1.2; color: #777; box-shadow: 0 1px 0 #fff inset; color: #444; font-size: 0.875em; letter-spacing: -0.1em}
footer .top_mov span{ font-weight: 600; color: #ff6600;  text-shadow: 1px 1px 0 #fff; }
footer .foot_link a{ border: 1px solid #9ca3ab; border-radius: 2px; background: #e2e5e6; padding: 0.4em 0.8em; line-height: 1.2; color: #777; box-shadow: 0 1px 0 #fff inset; margin: 0 0.1em; font-size: 0.875em; display: none;}
footer address{ color: #555; font-style: normal; margin-top: 0.2em; font-size: 0.875em}

/*************************************************/
/* Mobile Device */   
/*************************************************/

@media all and (min-width:1px) and (max-width:767px) {
.hid { display:none; }
.hid { display:none; }
}