@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);*/
@import url(nanummyeongjo.css);
/** -------------------------------- normalize 브라우저 동기화 -------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}
b, strong {font-weight: 400;}
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
mark {background: #1672bb; color: #fff;}
p, pre {margin: 0;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}
img, a img {border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}
fieldset {border: 0; margin: 0;}
legend {border: 0; padding: 0; white-space: normal; *margin-left: -7px; display: block}
button, input, select, textarea {margin: 0; vertical-align: middle;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}

.chromeframe {position: fixed; top: 5px; right: 5px; width: 480px; margin: 0.2em 0; border: 1px solid #cfcfcf; padding: 0.4em; background: #efefef; color: #2f2f2f; font-size: 0.8em; line-height: 1.5;}/*	크롬프레임 스타일 */

/*	==========================================================================
	초기화(옵션) 스타일 및 공통 스타일
	========================================================================== */
html { -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none;}
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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

::-moz-selection {background: #5cc5e5; text-shadow: none;}
::selection {background: #5cc5e5; text-shadow: none; color: #fff;}
img {vertical-align: top;}
textarea {resize: vertical;}
img, video, audio, object, embed {max-width: 100%; height: auto;}
iframe {max-width: 100%;}
caption {position: absolute; clip: rect(1px); clip: rect(1px, 1px, 1px, 1px);}
h1, h2, h3, h4, h5, h6 {color: #000; font-weight: 500;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 40px;}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
em{font-style: italic; line-height: inherit;}
i {font-style: normal; line-height: inherit; }
address {font-style: normal; line-height: inherit;}
strong, b {font-weight: 400; line-height: inherit;}
a img {border: none;}
button, input, select, textarea {font-family: inherit; color: inherit;}

/* #Lists ====== */
ul, li, dl, dt, dd {list-style: none;}
ul.square {list-style: square outside;}
ul.circle {list-style: circle outside;}
ul.disc {list-style: disc outside;}
dl dt {margin-bottom: 5px; font-weight: 400;}
dl dd {margin-bottom: 5px;}
hr {background: none; border: none;}
.fl {float: left; *zoom: 1;}
.fl:after {display: table; content: ""; line-height: 0; clear: both;}
.fr {float: right; *zoom: 1;}
.fr:after {display: table; content: ""; line-height: 0; clear: both;}
ul.fl > li {float: left;}
ul.fl:after {display: table; content: ""; line-height: 0; clear: both;}
.ir {overflow: hidden; text-indent: -9999em;}
.hidden {display: none !important;}
.hide-text {position: absolute; clip: rect(1px); clip: rect(1px, 1px, 1px, 1px);}
.invisible {visibility: hidden;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block; width: 0; height: 0; content: ''; clear: both;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-justify {text-align: justify !important;}
.vertical-middle {vertical-align: middle;}
.vertical-top {vertical-align: top;}
.posa {position: absolute;}
.posr {position: relative;}
.dis-inb {display: inline-block;}
.text-ellips {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.multi-ellips-row2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; }
.posa-lb {position: absolute; left: 0; bottom: 0;}
.posa-rb {position: absolute; right: 0; bottom: 0;}
.posa-lt {position: absolute; left: 0; top: 0;}
.posa-rt {position: absolute; right: 0; top: 0;}
.posa-lc {position: absolute; left: 0; top: 50%;}
.posa-rc {position: absolute; right: 0; top: 50%;}
.lh1 {line-height: 1;}
.lh1-6 {line-height: 1.6;}
.lh1-8 {line-height: 1.8;}
.lh2 {line-height: 2;}
.box-size {box-sizing: border-box !important;}

/* - 공통 padding - margin - element- */
.no-pad{padding:0 !important;}
.no-margin{margin:0 !important;}
.row5 {margin-bottom: 5px;}
.row10 {margin-bottom: 10px;}
.row15 {margin-bottom: 15px;}
.row20 {margin-bottom: 20px;}
.row25 {margin-bottom: 25px;}
.row30 {margin-bottom: 30px;}
.row35 {margin-bottom: 35px;}
.row40 {margin-bottom: 40px;}
.row45 {margin-bottom: 45px;}
.row50 {margin-bottom: 50px;}
.row60 {margin-bottom: 60px;}
.row70 {margin-bottom: 70px;}
.row80 {margin-bottom: 80px;}
.row90 {margin-bottom: 90px;}
.row100 {margin-bottom: 100px;}
.row1em {margin-bottom: 1em}

.mr-t10 {margin-top: 10px;}
.mr-t15 {margin-top: 15px;}
.mr-t20 {margin-top: 20px;}
.mr-t25 {margin-top: 25px;}
.mr-t30 {margin-top: 30px;}
.mr-t35 {margin-top: 35px;}
.mr-t40 {margin-top: 40px;}
.mr-t50 {margin-top: 50px;}
.mr-t60 {margin-top: 60px;}
.mr-r5 {margin-right: 5px;}
.mr-r10 {margin-right: 10px;}
.mr-r15 {margin-right: 15px;}
.mr-r20 {margin-right: 20px;}
.mr-r30 {margin-right: 30px;}
.mr-r40 {margin-right: 40px;}
.mr-r50 {margin-right: 50px;}
.mr-r100 {margin-right: 100px;}

.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}
.pad20 {padding: 20px;}
.pad25 {padding: 25px;}
.pad30 {padding: 30px;}
.pad40 {padding: 40px;}
.pad50 {padding: 50px;}

.pad-l5 {padding-left: 5px;}
.pad-l7 {padding-left: 7px;}
.pad-l10 {padding-left: 10px;}
.pad-l15 {padding-left: 15px;}
.pad-l20 {padding-left: 20px;}
.pad-l30 {padding-left: 30px;}
.pad-r5 {padding-right: 5px;}
.pad-r10 {padding-right: 10px;}
.pad-r15 {padding-right: 15px;}
.pad-r20 {padding-right: 20px;}
.pad-t5 {padding-top: 5px;}
.pad-t10 {padding-top: 10px;}
.pad-t15 {padding-top: 15px;}
.pad-t20 {padding-top: 20px;}
.pad-t25 {padding-top: 25px;}
.pad-t30 {padding-top: 30px;}
.pad-t40 {padding-top: 40px;}
.pad-t50 {padding-top: 50px;}
.pad-t80 {padding-top: 80px;}

.pad-l1em {padding-left: 1em}
.pad-r1em {padding-right: 1em}
.pad-lr1em {padding: 0 1em;}

.w100per {width: 100%;}
.w95per {width: 95%;}
.w90per {width: 90%;}
.w85per {width: 85%;}
.w80per {width: 80%;}
.w75per {width: 75%;}
.w70per {width: 70%;}
.w60per {width: 60%;}
.w50per {width: 50%;}
.w40per {width: 40%;}
.w35per {width: 35%;}
.w33per {width: 33%;}
.w30per {width: 30%;}
.w25per {width: 25%;}
.w20per {width: 20%;}
.w18per {width: 18%;}
.w17per {width: 17%;}
.w15per {width: 15%;}
.w13per {width: 13%;}
.w12per {width: 12%;}
.w10per {width: 10%;}
.w7per {width: 7%;}
.w5per {width: 5%;}

.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.w220 {width: 220px;}
.w230 {width: 230px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w320 {width: 320px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.min-w100 {min-width: 100px;}

.h25 {height: 25px;}
.h30 {height: 30px;}
.h80 {height:80px;}
.h100 {height: 100px;}
.h120 {height: 120px;}

/* - font  - */
.fc-key1 {color: #003686 !important;} /* key color dark blue */
.fc-key2 {color: #0081cc !important;} /* key color  default blue */
.fc-key3 {color: #7ecef4 !important;} /* key color  light blue */
.fc-key4 {color: #41a631 !important;} /* pointer color green */
.fc-white {color: #fff !important;}
.fc-red {color: #e74a3f !important;}
.fc-black1 {color: #000 !important;}
.fc-black2 {color: #222 !important;}
.fc-black3 {color: #333 !important;}
.fc-gray {color: #999 !important;}
.fc-gray1 {color: #ccc !important;}
.fc-gray2 {color: #f2f2f2 !important;}
.fc-gray3 {color: #f7f7f7 !important;}
.fc-brown {color: #663819 !important;}
.fc-blue {color: #5e94cc !important;}
.fs-st {color: #333333; font-weight: 400;}

.title1 {font-size: 15px; color: #333;}
.title2 {font-size: 16px; color: #333;}
.title3 {font-size: 17px; color: #333;}
.title4 {font-size: 18px; color: #333;}
.title5 {font-size: 20px; color: #333;}

.fs-big1 {font-size: 15px;}
.fs-big2 {font-size: 16px;}
.fs-big3 {font-size: 17px;}
.fs-big4 {font-size: 18px;}
.fs-big5 {font-size: 19px;}
.fs-big6 {font-size: 20px;}
.fs-big7 {font-size: 22px;}
.fs-big8 {font-size: 24px;}
.fs-big9 {font-size: 30px;}
.fs-big10 {font-size: 36px;}

.fs-bold {font-weight: 400;}
.fs-light {font-weight: 100;}
.fs-default {font-size: 14px}
.fs-small1 {font-size: 13px;}
.fs-small2 {font-size: 12px;}
.fs-small3 {font-size: 11px;}
.fs-small4 {font-size: 9px;}
.fw-normal {font-weight: normal !important;}
.letter-spacing {letter-spacing: -0.5px;}


/* - bg color - */
.bg-white {background: #fff !important;}
.bg-gray1 {background: #f3f7f9 !important;}
.bg-gray2 {background: #f2f2f2 !important;}
.bg-blue {background: #a5cfe8 !important;}

/* line style */
.line-gray1 {border-bottom: 1px solid #e9e9e9;} /* default line */
.line-gray1-2 {border-bottom: 2px solid #e9e9e9;} 


/* scroll */
.y-scroll {overflow-y: scroll;}
.y-scroll-default {height: 300px; overflow-y: scroll;}
.x-scroll {overflow-x: scroll;}
.y-scroll.h600 {height: 600px}
.scroll {overflow: scroll;}

/* - box style - */
.box-dot {border: 1px dotted #cccccc;}
.box-gray {background: #f7f7f7;}
.box-bd-gray {border: 1px solid #e5e5e5; background: #fff;}
.box-round4 {border-radius: 4px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);}
.box-blue {background: #dbeafa; border: 1px solid #cad8e1;}
.box-green {background: #d3eabc; border: 1px solid #c2daa9;}
.box-shadow {box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35);}

/* ===========================ui & components=============================== */
button {display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 9px 25px; margin-bottom: 0; font-size: 14px; line-height: 1; text-align: center; vertical-align: middle; cursor: pointer; border: none;}
button:focus {outline: thin dotted #eee;}
	/* btn default blue button */
.btn-main {background-color: #0081cc; color: white;}
.btn-main:hover {background-color: #0b95e6;}
.btn-main:active, .btn-main.active {background-color: #0068a4; outline: 0;} /* key color blue */

.btn-gray {background-color: #e2ebf1; color: #757b85; text-shadow: 1px 1px 0 #fff; border: 1px solid #cbd4d9;}
.btn-gray:hover {background-color: #eaf0f4;}
.btn-gray:active, .btn-gray.active {background-color: #ced9e0; outline: 0;} /* key color blue */

/* animation button */
.btn-ani {position: relative; border: 1px solid #a7a7a7; font-weight: 500; background: #fff;  overflow: hidden}
.btn-ani > i {position: absolute; left:0; top:0; width:5px; height:100px; background: #fff; opacity: 0; transition:  .5s ease;}
.btn-ani > span {position: relative;}
.btn-ani:hover {color:#fff; border: 1px solid #0081cc;}
.btn-ani:hover > i {opacity: 1; transform: scaleX(80); background: #0081cc;}

.btn-simple {background-color: #fff; color: #767676; border: 1px solid #ddd;}
.btn-simple:hover {background-color: #f9fcfe;}
.btn-simple:active, .btn-simple.active {background-color: #ebebeb; outline: 0;} /* gray border simple button */

	/* btn size */
.btn-full {width: 100%;}
.btn-xlarge {padding: 16px 50px; font-size: 18px;}
.btn-large {padding: 13px 50px; font-size: 16px;}
.btn-small {padding: 6px 13px; font-size: 12px;}
.btn-mini {padding: 4px 8px; font-size: 11px;}
	/* 디자인 버튼 */
.btn-trans {background: none; border: none; padding:0;}
.btn-ds-type1 {background: none; border: 2px solid #fff; width: 176px; height: 1; padding:0; line-height: 34px; font-size: 16px; color: #002459; font-weight: 300;}

/* ------------------- form control ------------------- */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea 
	{background-color: white; font-family: inherit; font-size: inherit; border: 1px solid #dbdbdb; color: inherit; display: inline-block; padding: 4px 6px; vertical-align: middle; outline: none; margin: 0; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus 
	{-webkit-box-shadow: 0 0 5px #e2e2e2; box-shadow: 0 0 5px #e2e2e2; outline: none;}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] 
	{background-color: #f8f8f8; color: #bfbfbf;}
input[type="text"][readonly], input[type="password"][readonly], input[type="date"][readonly], input[type="datetime"][readonly], input[type="datetime-local"][readonly], input[type="month"][readonly], input[type="week"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="search"][readonly], input[type="tel"][readonly], input[type="time"][readonly], input[type="url"][readonly], textarea[readonly] 
	{background-color: #f8f8f8; color: #bfbfbf;}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; font-size: 13px; font-weight: 100;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; font-size: 13px; font-weight: 100;}

.grp-form input, .grp-form button, .grp-form select {margin-right: 2px; vertical-align: middle;}

input[type="checkbox"], input[type="radio"] {width: 16px; height: 16px; vertical-align: middle;}

select {padding: 4px 4px 3px 4px; vertical-align: middle; border: 1px solid #ccc; color: inherit;}
select[disabled] {background-color: #f8f8f8; color: #bfbfbf;}

/* Normalize file input width */
input[type="file"] {width: 100%;}


/* ------------------- paging style ------------------- */
.paging {padding-top: 30px; text-align: center;}
.paging a {display: inline-block; margin-right:2px; background: #fff; min-width: 30px; height: 30px; line-height: 30px; border: 1px solid #e9e9e9; font-size: 13px;  box-sizing: border-box;}
.paging a:hover, .paging a.active {border: 1px solid #0081cc; color: #fff; background: #0081cc;}

/* ------------------- table style define ------------------- */
table {width: 100%; background: #fff;}
table th {font-weight: 400; text-align: center;}
table td {text-align: center;}
table th.fw-normal {font-weight: normal}
table td.text-left, table th.text-left {text-align: left !important;}
table td.text-right, table th.text-right {text-align: right !important;}
table td.vt, table th.vt {vertical-align: top !important;}
table td.vm, table th.vm {vertical-align: middle !important;}
table tr.vm>td {vertical-align: middle !important;}
table img {vertical-align: middle}
table td.date {font-size: 13px; color:#767676;}
table td.strong {color: #000}
table tr.active {background: #f5f9fc;}

table.tb-default {}
table.tb-default thead tr {border-top: 3px solid #063b88; border-bottom: 1px solid #063b88;}
table.tb-default td {border-bottom: 1px solid #e9e9e9;}
table.tb-default th {color: #333; padding: 12px 8px; font-size: 16px; font-weight: normal;}
table.tb-default td {padding: 12px 8px;}