/*------------------WEB FONT------------------*/
@font-face {
  font-family: 'NanumGothic';
  font-weight:normal;
  src: url('../fonts/NanumGothic-Regular.eot');
  src: url('../fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumGothic-Regular.woff2') format('woff2'),
       url('../fonts/NanumGothic-Regular.woff') format('woff'),
       url('../fonts/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-weight:bold;
  src: url('../fonts/NanumGothic-Bold.eot');
  src: url('../fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumGothic-Bold.woff2') format('woff2'),
       url('../fonts/NanumGothic-Bold.woff') format('woff'),
       url('../fonts/NanumGothic-Bold.ttf') format('truetype')
}


/*------------------COMMON-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, button, select {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}
/* font-family:'NanumGothic', '나눔고딕'; */

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


body {font-size:13px;line-height:1;color:#333;}

a,
a:link,
a:active,
a:visited {text-decoration:none;line-height:140%;color:#333}
a:hover {text-decoration:underline;color:#006bbe}

button, a, input {border:none;cursor:pointer;vertical-align:middle}
img {border: 0; vertical-align:middle}

ol, ul {list-style: none}
input[type="text"],
input[type="password"],
select,
textarea {border:1px solid #ccc;vertical-align:middle;background-color:#fff;padding:5px}
textarea {font-family:'NanumGothic', '나눔고딕';line-height:160%}

input[type="text"]:disabled  {background-color:#f2f2f2}
input[type="button"]:disabled,
input[type="button"].disabled,
.off {color:#999!important}

.filebox {display:inline-block}
.filebox label {height:22px;margin-right:5px;background-color:#fff;border:1px solid #bebebe;display:inline-block;cursor:pointer;border-radius:2px;padding:2px 10px 0 10px;font-size:12px}
.filebox input[type="file"] {width:1px;height:1px;position: absolute;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

em {font-style:normal}

.clear {clear:both!important}
.block {display:block!important}
.none {display:none!important}
.nobor {border:none!important}
.yscoll {overflow-y:scroll}
.xscoll {overflow-x:scroll}
.blind {width:0;height:0;overflow:hidden;background-image:none;position:absolute;font-size:0;margin:0;padding:0}


/*------------------ALIGN-----------------*/
.fl {float:left!important}
.fr {float:right!important}

.tl table tbody td,
.tl table tbody th,
.tl {text-align:left!important}

.tr table tbody td,
.tr table tbody th,
.tr {text-align:right!important}

.tc table tbody td,
.tc table tbody th,
.tc {text-align:center!important}


/*------------------PADDING-----------------*/
.pd-20 {padding:20px;}

.pd-l4 {padding-left:4px!important}
.pd-l5 {padding-left:5px!important}
.pd-l10 {padding-left:10px!important}
.pd-l15 {padding-left:15px!important}
.pd-l20 {padding-left:20px!important}
.pd-l25 {padding-left:25px!important}
.pd-l30 {padding-left:30px!important}

.pd-r4 {padding-right:4px!important}
.pd-r5 {padding-right:5px!important}
.pd-r10 {padding-right:10px!important}
.pd-r15 {padding-right:15px!important}
.pd-r20 {padding-right:20px!important}
.pd-r25 {padding-right:25px!important}
.pd-r30 {padding-right:30px!important}

.pd-t4 {padding-top:4px!important}
.pd-t5 {padding-top:5px!important}
.pd-t10 {padding-top:10px!important}
.pd-t15 {padding-top:15px!important}
.pd-t20 {padding-top:20px!important}
.pd-t25 {padding-top:25px!important}
.pd-t30 {padding-top:30px!important}

.pd-b4 {padding-bottom:4px!important}
.pd-b5 {padding-bottom:5px!important}
.pd-b10 {padding-bottom:10px!important}
.pd-b15 {padding-bottom:15px!important}
.pd-b20 {padding-bottom:20px!important}
.pd-b25 {padding-bottom:25px!important}
.pd-b30 {padding-bottom:30px!important}
.pd-b40 {padding-bottom:40px!important}


/*------------------MARGIN-----------------*/
.mrg-0 {margin:0 auto!important}

.mrg-l4 {margin-left:4px!important}
.mrg-l5 {margin-left:5px!important}
.mrg-l10 {margin-left:10px!important}
.mrg-l15 {margin-left:15px!important}
.mrg-l20 {margin-left:20px!important}
.mrg-l25 {margin-left:25px!important}
.mrg-l30 {margin-left:30px!important}
.mrg-l50 {margin-left:50px!important}

.mrg-r4 {margin-right:4px!important}
.mrg-r5 {margin-right:5px!important}
.mrg-r10 {margin-right:10px!important}
.mrg-r15 {margin-right:15px!important}
.mrg-r20 {margin-right:20px!important}
.mrg-r25 {margin-right:25px!important}
.mrg-r30 {margin-right:30px!important}

.mrg-t2 {margin-top:2px!important}
.mrg-t4 {margin-top:4px!important}
.mrg-t5 {margin-top:5px!important}
.mrg-t10 {margin-top:10px!important}
.mrg-t15 {margin-top:15px!important}
.mrg-t20 {margin-top:20px!important}
.mrg-t25 {margin-top:25px!important}
.mrg-t30 {margin-top:30px!important}
.mrg-t-10 {margin-top:-10px!important}
.mrg-t-20 {margin-top:-20px!important}

.mrg-b4 {margin-bottom:4px!important}
.mrg-b5 {margin-bottom:5px!important}
.mrg-b10 {margin-bottom:10px!important}
.mrg-b15 {margin-bottom:15px!important}
.mrg-b20 {margin-bottom:20px!important}
.mrg-b25 {margin-bottom:25px!important}
.mrg-b30 {margin-bottom:30px!important}
.mrg-b40 {margin-bottom:40px!important}
.mrg-b50 {margin-bottom:50px!important}


/*------------------LINE-----------------*/
a.ln {text-decoration:underline}
.ln-t {border-top:1px solid #d7d7d7}
.ln-b {border-bottom:1px solid #d7d7d7}
.ln-r {border-right:1px solid #d7d7d7}
.ln-l {border-left:1px solid #d7d7d7}


/*------------------FONT-----------------*/
.fs12 {font-size:12px!important}
.fs14 {font-size:14px!important}
.fs16 {font-size:16px!important}
.fs18 {font-size:18px!important}
.fs20 {font-size:20px!important}
.fs24 {font-size:24px!important}

.fw-b {font-weight:bold!important}
.fw-n {font-weight:normal!important}


/*------------------H TYPE-----------------*/
h5,
h6,
.h7 {clear:both;display:block;font-weight:bold;padding-left:20px;background:url('../images/bl01.png') no-repeat 0 0}

h5 {font-size:20px;color:#006bbe;margin-bottom:20px;background-position:0 2px}
h6 {font-size:16px;color:#006bbe;margin-bottom:15px;background-position:3px -58px}
.h7 {font-size:14px;margin-bottom:15px;background-position:5px -114px}

/*------------------TEXY COLOR----------------*/
.t_blue,
.t_blue a {color:#006bbe!important}

.red01 {color:#ff0000!important}
.red02 {color:#ff4000!important}

.tip01 {color:#666!important}
.tip02 {color:#999!important;font-size:10px;font-weight:normal}
.t_gray {color:#999!important}

.blue01.bg {background-color:#64bce4}
.blue02.bg {background-color:#169eea}
.blue03.bg {background-color:#0781d0}
.blue04.bg {background-color:#027fce}
.blue05.bg {background-color:#0956ac}
.blue06.bg {background-color:#3757bf}
.blue07.bg {background-color:#003c7f}

.green01.bg {background-color:#26becd}
.green02.bg {background-color:#02af84}

.red01.bg {background-color:#ff0000}
.red02.bg {background-color:#ff6600}


[class$="bg"] {white-space:nowrap;border-radius:10px;text-align:center;color:#fff!important;font-size:11px;padding:3px 10px 3px 10px;letter-spacing:-0.09em;vertical-align:middle}

.bg_w01 {padding:0 15px 0 15px;display:inline-block;background-color:#fff}

/*------------------BUTTON----------------*/
input[type="button"].default,
a.default {height:40px;border-radius:0;display:inline-block;font-weight:bold;font-size:14px;padding-right:30px;padding-left:30px}
input[type="button"].big,
a.big {font-size:16px;padding:18px 50px 18px 50px}
input[type="button"].small,
input[type="file"].small,
a.small {border-radius:2px;padding:5px 10px 5px 10px;font-size:12px}
input[type="button"].small2,
a.small2 {border-radius:0;padding:8px 20px 8px 20px;font-size:13px}

/*WHITE01*/
input[type="button"].white01,
a.white01 {background-color:#fff;border:1px solid #bebebe}

/*WHITE02*/
input[type="button"].white02,
a.white02 {background-color:#fff;border:1px solid #afafaf}


/*GRAY01*/
input[type="button"].gray01,
a.gray01 {background-color:#f4f4f4;border:1px solid #cfcfcf}

/*GRAY02*/
input[type="button"].gray02,
a.gray02 {background-color:#9f9f9f;border:1px solid #7a7a7a;color:#fff}

/*GRAY03*/
input[type="button"].gray03,
a.gray03 {background-color:#646464;border:1px solid #4b4b4b;color:#fff}

/*BLUE01*/
input[type="button"].blue01,
a[class$="blue01"] {background-color:#fff;border:1px solid #006bbe;color:#006bbe}

/*BLUE02*/
a[class^="ic_"][class$="blue01"],
input[type="button"][class^="ic_"][class$="blue01"],
a[class$="blue01"],
input[type="button"][class$="blue01"],
input[type="button"].blue02,
a[class$="blue02"] {color:#fff!important;background-color:#3f82d0;border:1px solid #005d9d}

/*ICON*/
a[class^="ic_"] {display:inline-block}
a[class^="ic_"],
input[type="button"][class^="ic_"],
input[type="button"][class^="ic_"] {background-repeat:no-repeat;background-image:url('../images/ic_cnt01.png')}

a[class^="ic_favo"],
input[type="button"][class^="ic_favo"] {padding:12px 20px 12px 45px;background-position:20px -1089px}

a.ic_favo.off:hover,
a.ic_favo.on,
input[type="button"].ic_favo.on {color:#333!important;background-position:20px -1157px}

a.ic_search01,
input[type="button"].ic_search01 {padding-left:37px;background-position:20px -964px}

a.ic_reset,
input[type="button"].ic_reset {padding-left:37px;background-position:20px -901px}

a.ic_calendar,
input[type="button"].ic_calendar,
a.ic_search02,
input[type="button"].ic_search02,
a.ic_minus,
input[type="button"].ic_minus,
a.ic_plus,
input[type="button"].ic_plus {width:28px;height:26px;font-size:0;line-height:0;}

a.ic_calendar,
input[type="button"].ic_calendar {background-position:6px -62px;margin-left:-1px}

a.ic_search02,
input[type="button"].ic_search02 {background-position:6px -1031px;margin-left:-1px}

a.ic_arrow02p,
input[type="button"].ic_arrow02p,
a.ic_arrow02n,
input[type="button"].ic_arrow02n {width:40px;height:40px;font-size:0;line-height:0;}

a.ic_arrow02p,
input[type="button"].ic_arrow02p {background-position:right -167px}

a.ic_arrow02n,
input[type="button"].ic_arrow02n {background-position:right -230px}
a.ic_arrow01, 
input[type="button"].ic_arrow01 {padding-right:15px;background-position:right 8px}

a.ic_down01,
input[type="button"].ic_down01 {padding-left:20px;background-position:8px -339px;border:1px solid #cfcfcf}

a.ic_plus,
input[type="button"].ic_plus {background-position:right -306px}

a.ic_minus,
input[type="button"].ic_minus {background-position:right -382px}



/*------------------ETC-----------------*/
a.file {padding-left:20px;background:url('../images/ic_cnt01.png') -151px 0}
span.file {width:13px;height:14px;display:inline-block;vertical-align:middle;margin-left:5px;background:url('../images/ic_cnt01.png') 100% -1600px}
a.space {padding-left:15px;margin-left:10px;background:url('../images/ic_cnt01.png') -90px -60px}
a.key {padding-left:15px;background:url('../images/ic_cnt01.png') -90px -1028px}
.step {padding:5px 20px 5px 20px;margin-right:5px;color:#fff;font-size:14px;font-weight:bold;display:inline-block;border-radius:15px;background-color:#646464;text-align:center}
.w50p {width:50%}
.w58p {width:58%}
.w30p {width:30%}
.w38p {width:38%}
.w40p {width:40%}
.w48p {width:48%}
.w60p {width:60%}
.w68p {width:68%}

.clearfix:after {content:"";clear:both;display:block}

.lh-170 {line-height:170%}
.lh-170 a.ic_arrow01,
.lh-170 input[type="button"].ic_arrow01 {padding-right:20px;background-position:right 10px!important}

#body_wrap .content_wrap .inner .ui-datepicker-trigger {width:28px;height:26px;margin-left:-3px}
.ui-datepicker-title select {font-size:12px;padding:0;}

/*------------------BOX----------------*/
.content_box {width:100%}
.content_box:after {content:"";clear:both;display:block}
.content_box.list01 li {padding-left:10px;padding-bottom:5px;background:url('../images/bl01.png') no-repeat 0 -274px}
.content_box.list01.wide li {width:420px;height:25px;float:left}
.content_box.gray01,
.content_box.white01 {width:auto;padding:20px 15px 20px 15px;}
.content_box.gray01 {background-color:#f8f8f8;border:1px solid #e0e0e0}
.content_box.white01 {background-color:#fff;border:solid 1px #8f8f8f}


/*------------------TAB----------------*/
#tabs-container_page .tabs-menu_page,
.tabs-menu {width:100%;float:left;margin-bottom:10px;border-bottom:2px solid #0080d1}

#tabs-container_page .tabs-menu_page li,
.tabs-menu li {padding:10px 40px 10px 40px;background-color:#f4f4f4;border:1px solid #d7d7d7;;float:left;font-weight:bold;font-size:14px;}

#tabs-container_page .tabs-menu_page li.current,
.tabs-menu li.current {background-color:#0080d1;border:1px solid #0080d1}

#tabs-container_page .tabs-menu_page li.current a,
.tabs-menu li.current a {color:#fff}

.tab-content {display:none}
#tabs-container_page .tab-content {display:block}


.tab {width:100%;float:left}

#tab-1 {display: block}

/*------------------TABLE----------------*/
.table {margin-bottom:35px}
td .table {margin-bottom:0px}
.table table {width:auto;border-collapse:collapse;table-layout:fixed}
.table select {height:26px;padding:0 0 0 5px}
.table input[type="text"] {height:14px}
table#detail_search {width:92%;margin:30px 4% 0 4%}
table#detail_search td {text-align:left}
.table .tip {text-align:right;margin-bottom:5px}
.detail_search table td input[type="button"].gray03,
.detail_search table td input[type="button"].up,
.detail_search table td input[type="button"].down {float:left;margin-right:6px}

/*공통*/
.table.list table,
.table.view table,
.table.score table {width:100%}

.table.list table tbody th,
.table.list table tbody td,
.table.view table tbody th,
.table.view table tbody td {height:18px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}

.table.list table th,
.table.view table th,
.table.search table th,
.table.view table td.on {font-weight:bold;background-color:#f2f8fe;border-right:1px solid #e0e0e0}

.table.search table th,
.table.list table td:last-child,
.table.list table th:last-child,
.table.view table td:last-child,
.table.view table th:last-child {border-right:none}

.table .total span {margin:5px 0 5px 0}
.table .total span,
.table .total span strong {display:inline-block}
.table .total span strong {font-weight:normal;color:#006bbe;margin-right:2px;margin-left:5px}
.table .total select {min-width:60px;float:right;font-size:12px;margin-bottom:5px}
.table .total .fr label,
.table .total .fr select {float:left}
.table .total .fr label {margin:3px 0 0 15px}
.table .total .fr select {height:24px;padding:0;margin-left:8px}
.table .total .fr .gray03 {min-width:auto;vertical-align:middle;margin-left:5px!important}

/*목록형*/
.table.list {}
.table.list table {}
.table.list table thead {border-bottom:1px solid #b0b0b0;border-top:2px solid #0080d1}
.table.list table th,
.table.list table td {word-wrap:break-word;padding:10px 14px 10px 14px;text-align:center}
.table.list table th.last,
.table.list table td.last {border-right:1px solid #e0e0e0}
.table.list table thead th.ln-b {border-bottom:1px solid #e0e0e0}
.table.list table td a,
.table.list table th a {}
.table.list table tr.on,
.table.list table tr:hover {background-color:#f2fbfb}
.table.list table td {}

.table.list tfoot,
.table.list tfoot td {background-color:#f2f8fe;font-size:15px;color:#006bbe;border-bottom:1px solid #b0b0b0}
.table.list tfoot th,
.table.list tfoot td {padding:18px;border-right:1px solid #e0e0e0}

.table.list.tiny {}
.table.list.tiny thead th,
.table.list.tiny tfoot th,
.table.list.tiny tbody th,
.table.list.tiny tbody td {font-size:12px;padding-right:6px;padding-left:6px}
.table.list.tiny tfoot a {color:#006bbe}


/*GRAY*/
.table.list.gray table,
.table.view.gray table {border:1px solid #e0e0e0}
.table.list.gray table thead th,
.table.view.gray table th {background-color:#f4f4f4}
.table.list.gray table thead,
.table.list.gray tr:first-child,
.table.view.gray table thead,
.table.view.gray tr:first-child {border:0}
.table.list.gray th,
.table.list.gray td,
.table.view.gray th,
.table.view.gray td {padding:10px;text-align:center}
.table.view.gray th,
.table.view.gray td {text-align:left}

td .table.list.gray th,
td .table.list.gray td,
td .table.view.gray th,
td .table.view.gray td {padding:6px 14px 6px 14px}

/*보기형*/
.table.view {}
.table.view em {width:5px;height:5px;margin-top:-3px;vertical-align:middle;display:inline-block;font-size:0;background:url('../images/bl01.png') no-repeat 0 -230px}
.table.view th em {float:right;margin-top:8px}
.table.view table th,
.table.view table td {text-align:left}
.table.view table td {word-wrap:break-word;padding:8px 10px 8px 10px}
.table.view table td.h_fixed01 {height:250px;padding-top:20px;padding-bottom:20px;vertical-align:top}
.table.view th {padding:10px 14px 10px 14px;background-color:#f2f8fe}
.table.view tr:first-child {border-top:2px solid #0080d1}
.table.view table td textarea {width:98%}
.table.view input[type="checkbox"] {margin-top:-1px}

/*검색조건*/
.table.search {background-color:#f2f8fe;border:1px solid #e0e0e0;margin-bottom:25px}
.table.search table {width:92%;margin:18px 4% 18px 4%}
.table.search th {text-align:left;padding:6px 10px 6px 0}
.table.search .ln-t {border-top:1px solid #e0e0e0;margin-top:20px;text-align:center;padding-top:20px}
.table.search select {min-width:100px}
.table.search.center {text-align:center;padding:18px 0 18px}
.table.search.center table {width:auto;margin:0 auto}

/*pagenation*/
.page {width:100%;height:40px;text-align:center;margin:0 0 20px 0}
.page div,
.page div ul li a {display:inline-block}
.page div ul li {float:left;border:1px solid #e0e0e0;border-right:none}
.page div ul li.last {border-right:1px solid #e0e0e0}
.page div ul li a {width:38px;height:38px;font-weight:bold;font-size:14px;line-height:280%;text-align:center}
.page div ul li a:hover,
.page div ul li a.on {color:#fff;background-color:#003c7f}
.page div ul li.first a,
.page div ul li.prev a,
.page div ul li.next a,
.page div ul li.last a {font-size:0;background-repeat:no-repeat;background-image:url('../images/ic_cnt01.png')}
.page div ul li.first a {background-position:11px -457px}
.page div ul li.first a.on ,
.page div ul li.first a:hover {background-position:11px -709px}
.page div ul li.prev a {background-position:15px -394px}
.page div ul li.prev a.on,
.page div ul li.prev a:hover {background-position:15px -646px}
.page div ul li.next a {background-position:17px -520px}
.page div ul li.next a.on,
.page div ul li.next a:hover {background-position:17px -772px}
.page div ul li.last a {background-position:12px -583px}
.page div ul li.last a.on,
.page div ul li.last a:hover {background-position:12px -835px}

.button_area {width:100%;float:left;padding-bottom:20px}
.button_area:after {content:"";display:block;clear:both;}
.button_area.fr {float:right}

#popup .outline p {width:3px;height:100%;position:fixed;background-color:#006db8}
#popup .outline p:nth-child(1) {top:0;left:0;}
#popup .outline p:nth-child(2) {top:0;right:0;}
#popup .outline p:nth-child(3) {width:100%;height:3px;position:fixed;bottom:0;}
#popup .header,
#popup .outline p {z-index:1}

#popup .header,
.pop-layer .header {width:100%;height:50px;color:#fff;font-size:20px;display:inline-block;background:url('../images/pop_bg.png') repeat 0 0}
#popup .header {position:fixed;top:0}
#popup h1,
.pop-layer .header span {display:inline-block;margin:15px 0 0 20px}
#popup .inner,
.pop-layer .pop-container {padding:20px}
#popup .inner {padding-top:70px}
.pop-layer .pop-container .bottom,
#popup .bottom {text-align:center;clear:both}
#popup #pop_content .yscroll,
.pop-layer .pop-container .pop-conts .yscroll {height:300px;overflow-y:scroll;border-bottom:1px solid #d7d7d7}
#popup #pop_content .yscroll table,
.pop-layer .pop-container .pop-conts .yscroll table {margin:0}

/*layer_popup*/
.pop-layer .header {height:36px;background-image:none;background-color:#006db8}
.pop-layer .header span {font-weight:bold;font-size:18px;margin-top:10px}
.pop-layer {height:auto;border:3px solid #006db8;border-top:0;display:none;position:absolute;top:50%;left:50%;background-color:#fff;z-index:10}
.opa-layer {width:100%;height:100%;display:none;position:fixed; position: absolute;top:0;left:0;z-index:100;}
.opa-layer .opaBg {width:100%;height:100%;position:absolute;top:0;left:0;background: #000;opacity: .5;}
.opa-layer .pop-layer {display:block;}
.opa-layer .pop-layer .bottom {margin-top:20px}
a.layer-close {width:17px;height:17px;position:absolute;top:13px;right:15px;display:inline-block;background:url('../images/ic_cnt01.png') repeat 0 0}
a.layer-close:hover {}
a.layer-close span {display:none}