@charset "utf-8";
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 100;
    src: url('/gwcf-theme/ko/font/NotoSansKR-Light.eot');
    src: local('NotoSansKR-Light'),
    url('/gwcf-theme/ko/font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
    url('/gwcf-theme/ko/font/NotoSansKR-Light.woff') format('woff'),
    url('/gwcf-theme/ko/font/NotoSansKR-Light.otf') format('truetype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url('/gwcf-theme/ko/font/NotoSansKR-Regular.eot');
    src: local('NotoSansKR-Regular'),
    url('/gwcf-theme/ko/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
    url('/gwcf-theme/ko/font/NotoSansKR-Regular.woff') format('woff'),
    url('/gwcf-theme/ko/font/NotoSansKR-Regular.otf') format('truetype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 600;
    src: url('/gwcf-theme/ko/font/NotoSansKR-Medium.eot');
    src: local('NotoSansKR-Medium'),
    url('/gwcf-theme/ko/font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
    url('/gwcf-theme/ko/font/NotoSansKR-Medium.woff') format('woff'),
    url('/gwcf-theme/ko/font/NotoSansKR-Medium.otf') format('truetype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: bold;
    src: url('/gwcf-theme/ko/font/NotoSansKR-Bold.eot');
    src: local('NotoSansKR-Bold'),
    url('/gwcf-theme/ko/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
    url('/gwcf-theme/ko/font/NotoSansKR-Bold.woff') format('woff'),
    url('/gwcf-theme/ko/font/NotoSansKR-Bold.otf') format('truetype');
}

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, ol, ul, li,fieldset, form, label, legend,table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, input, button, select, textarea {margin: 0;padding: 0;vertical-align: middle;  -webkit-tap-highlight-color: rgba(255,255,255,0);}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}
button,input {border-radius: 0;}
button {cursor: pointer;}
button,input,select {vertical-align: middle;}
fieldset,img {border: 0}
ol,ul {list-style: none;}
address,em {font-style: normal; font-weight: 400;}
a {text-decoration: none; color: #666;}
iframe {overflow: hidden;margin: 0;padding: 0;border: 0;}

.blind {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px
}

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

h1,h2,h3,h4,h5,h6 {font-weight: bold; font-size: 100%; letter-spacing: -1.5px;}

body {line-height: 1.5;}
textarea {resize: none; background: #fff; border: 1px solid #d5d3d6; padding: 10px;}

html {font-size: 10px;}
body,input,select,textarea,button,table {font-family: sans-serif; font-size: 15px;color: #666; font-weight: 400;}
.skip {width: 100%;height: 0; top: 0;left: 0;}
.skip a {display:block;overflow:hidden;position:absolute;top:0;text-indent:-9999px;}
.skip a:focus, .skip a:active {display:block;position:absolute;top:0;width:100%;z-index:9999;padding:10px 0;font-size:15px;line-height:14px;text-indent:0;text-align:center;color:#fff;background:#444}

/*서브 비주얼 공통*/
.sub_wrap {overflow: hidden;}
.sub_visual {position: relative; min-height: 220px;}
.sub_bg {height: 220px;}
.sub_bg img {height: 100%; object-fit: cover; width: 100%;}
.sub_txt {position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-left: 25px; text-align: center; width: 90%;}
.sub_txt h2 {font-size: 24px; color: #fff;}
.sub_txt p {color: #fff;}

@media all and (min-width:768px) {
    .sub_bg {height: 440px;}
    .sub_txt h2 {font-size: 54px;}
    .sub_txt p {font-size: 20px;}
}

@media all and (min-width:1024px){
    .sub_visual {min-height: 440px;}
    .sub_bg img {height: 440px;}
    .sub_txt {left: 50%; transform: translate(-50%,-50%); margin-left: 0; width: auto;}
}

/*input 공통*/
input[type="text"] {padding: 0 5px; font-size: 15px;}
/*input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0; box-shadow: none !important;}*/

.screen_out {
    overflow: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 1px;
}

.text_out {
    text-indent: -9999px;
    display: block;
}

/*#subContainer .mh {min-height: auto;}*/
.clear {clear: both;}

/* background */
.white {background: #fff !important;}
.gray {background: #f4f4f4;}
.lightgray {background: #f2f2f2;}
.darkgray {background: #a5abaf;}
.mint {background: #25b9b4;}
.lightmint {background: #e9f8f7;}
.darkmint {background: #168581;}
.gradient {background: linear-gradient(to right, #25b8b4, #25aab7, #25a0b9);}

.csbox .blue {background: #00449b;}
.csbox .green {background: #007440;}
.csbox .sky {background: #c7d9e3;}
.csbox .gray {background: #b5b5b6;}
.csbox .gold {background: #b09d60;}
.csbox .black {background: #000000;}
.organi-box .box-type02.sky {background: #259fb9;}
.organi-box .box-type02.mint {background: #2ebcb7;}
.organi-box .box-type02.green {background: #177f7b;}
.organi-box .box-type02.dblue {background: #257c9d;}


/*ci 컬러 변경 2021. 11.03*/
.csbox .emerald {background: #2dbdb6;}
.csbox .gray {background: #6d6e71;}
.csbox .gold {background: #806941;}
.csbox .sliver {background: #848788;}

.csbox .lime {background: #bfd730;}
.csbox .green {background: #8dc63f;}
.csbox .orange {background: #faa73f;}
.csbox .pink {background: #ed2985;}
.csbox .purple {background: #542785;}
.csbox .deepblue {background: #241f59;}
.csbox .deepgreen {background: #004944;}



/* text 꾸밈 */
.colmint {color: #25b9b4;}
.colwhite {color: #fff;}
.col333 {color: #333;}
.col000 {color: #000;}
.fw600 {font-weight: 600;}
.bold {font-weight: bold;}
.indent {text-indent: -11px; padding-left: 11px;}

/* border-radius */
.br100 {border-radius: 100%;}
.br45 {border-radius: 45px;}
.br0 {border-radius: 0;}

/* em */
em.color-mint {color: #25b9b4;}

/* img width */
.full {width: 100%;}
.img-auto {width: auto !important;}

/* display */
.dp-block {display: block;}
.dp-ib {display: inline-block;}
.dp-inline {display: inline;}
.dp-table {display: table;}

/* text-align */
.tr {text-align: right;}
.tl {text-align: left;}
.tc {text-align: center;}

/* float style */
.fl {float: left;}
.fr {float: right;}

/* min-height */
.inner_list.mh-335 {min-height: 335px;}

em.br {display: block; border-right: none;}

/* padding */
.pd10 {padding: 10px;}
.pd20 {padding: 20px;}
.pd25 {padding: 25px;}
.pd30 {padding: 30px;}
.pd40 {padding: 40px;}
.pd50 {padding: 50px;}
.pd60 {padding: 60px;}
.pd70 {padding: 70px;}
.pd80 {padding: 80px;}
.pd90 {padding: 90px;}

.plr10 {padding: 0 10px;}
.plr20 {padding: 0 20px;}
.plr30 {padding: 0 30px;}
.plr40 {padding: 0 40px;}
.plr50 {padding: 0 50px;}
.plr60 {padding: 0 60px;}
.plr70 {padding: 0 70px;}
.plr80 {padding: 0 80px;}
.plr90 {padding: 0 90px;}

.ptb10 {padding: 10px 0;}
.ptb20 {padding: 20px 0;}
.ptb30 {padding: 30px 0;}
.ptb40 {padding: 40px 0;}
.ptb50 {padding: 50px 0;}
.ptb60 {padding: 60px 0;}
.ptb70 {padding: 70px 0;}
.ptb80 {padding: 80px 0;}
.ptb90 {padding: 90px 0;}

/* margin */
.mg10 {margin: 10px;}
.mg20 {margin: 20px;}
.mg30 {margin: 30px;}
.mg40 {margin: 40px;}
.mg50 {margin: 50px;}
.mg60 {margin: 60px;}
.mg70 {margin: 70px;}
.mg80 {margin: 80px;}
.mg90 {margin: 90px;}

.mlr10 {margin: 0 10px;}
.mlr20 {margin: 0 20px;}
.mlr30 {margin: 0 30px;}
.mlr40 {margin: 0 40px;}
.mlr50 {margin: 0 50px;}
.mlr60 {margin: 0 60px;}
.mlr70 {margin: 0 70px;}
.mlr80 {margin: 0 80px;}
.mlr90 {margin: 0 90px;}

.mtb10 {margin: 10px 0;}
.mtb20 {margin: 20px 0;}
.mtb30 {margin: 30px 0;}
.mtb40 {margin: 40px 0;}
.mtb50 {margin: 50px 0;}
.mtb60 {margin: 60px 0;}
.mtb70 {margin: 70px 0;}
.mtb80 {margin: 80px 0;}
.mtb90 {margin: 90px 0;}


/* Space component */
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pl20 {padding-left: 20px;}

@media all and (min-width:768px) {
    .pt10 {padding-top:10px;}
    .pt15 {padding-top:15px;}
    .pt20 {padding-top:20px;}
    .pt25 {padding-top:25px;}
    .pt30 {padding-top:30px;}
    .pt40 {padding-top:40px;}
    .pt50 {padding-top:50px;}
    .pt60 {padding-top:60px;}
    .pt70 {padding-top:70px;}
    .pt80 {padding-top:80px;}
    .pt90 {padding-top:90px;}
    .pt100 {padding-top:100px;}
    .pb10 {padding-bottom:10px;}
    .pb15 {padding-bottom:15px;}
    .pb20 {padding-bottom:20px;}
    .pb30 {padding-bottom:30px;}
    .pb40 {padding-bottom:40px;}
    .pb50 {padding-bottom:50px;}
    .pb60 {padding-bottom:60px;}
    .pb70 {padding-bottom:70px;}
    .pb80 {padding-bottom:80px;}
    .pb90 {padding-bottom:90px;}
    .pb100 {padding-bottom:100px;}

    em.br {display: inline-block;}
}

@media all and (min-width:1025px) {
    .pt10 {padding-top:10px;}
    .pt15 {padding-top:15px;}
    .pt20 {padding-top:20px;}
    .pt25 {padding-top:25px;}
    .pt30 {padding-top:30px;}
    .pt40 {padding-top:40px;}
    .pt50 {padding-top:50px;}
    .pt60 {padding-top:60px;}
    .pt70 {padding-top:70px;}
    .pt80 {padding-top:80px;}
    .pt90 {padding-top:90px;}
    .pt100 {padding-top:100px;}
    .pb10 {padding-bottom:10px;}
    .pb15 {padding-bottom:15px;}
    .pb20 {padding-bottom:20px;}
    .pb30 {padding-bottom:30px;}
    .pb40 {padding-bottom:40px;}
    .pb50 {padding-bottom:50px;}
    .pb60 {padding-bottom:60px;}
    .pb70 {padding-bottom:70px;}
    .pb80 {padding-bottom:80px;}
    .pb90 {padding-bottom:90px;}
    .pb100 {padding-bottom:100px;}
}

.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

@media all and (min-width:768px) {
    .mt10 {margin-top:10px;}
    .mt12 {margin-top:12px;}
    .mt15 {margin-top:15px;}
    .mt20 {margin-top:20px;}
    .mt25 {margin-top:25px;}
    .mt30 {margin-top:30px;}
    .mt40 {margin-top:40px;}
    .mt50 {margin-top:50px;}
    .mt60 {margin-top:60px;}
    .mb10 {margin-bottom:10px;}
    .mb15 {margin-bottom:15px;}
    .mb20 {margin-bottom:20px;}
    .mb25 {margin-bottom:25px;}
    .mb30 {margin-bottom:30px;}
    .mb40 {margin-bottom:40px;}
    .mb50 {margin-bottom:50px;}
    .mb60 {margin-bottom:60px;}
}

/* border */
.bd {border: 1px solid #d0d0d0; box-sizing: border-box;}
.bt {border-top: 1px solid #d0d0d0;}
.bb {border-bottom: 1px solid #d0d0d0;}
.bl {border-left: 1px solid #d0d0d0;}
.br {border-right: 1px solid #d0d0d0;}
.bd_none {border: none !important;}

/* dvice show/hide */
.hide {display:none;}
.mobshow { display: block;}
.tabletshow { display: none;}
.webshow {display:none;}
.webhide {display:block;}

@media all and (min-width:768px) {
    .mobshow {display:none;}
    .tabletshow { display: block;}
}

@media all and (min-width:1024px) {
    .webhide {display: none;}
    .webshow {display:block;}
}
/* TABLE */
.tbl {border-top:2px solid #000; border-bottom:1px solid #000; width:100%;}
.tbl.bt-mint {border-top: 2px solid #30bdb8;}
.tbl .tbl-head {display:table; width:100%; border-bottom:1px solid #012b5d;}
.tbl .tbl-head .col {text-align:center; color:#000000; word-break: keep-all;}
.tbl .tbl-row {width:100%; display:table; table-layout:fixed;}
.tbl .tbl-row:hover {background: #e9f8f7;}
.tbl .tbl-row .col {border-top:1px solid #dfdfdf; word-break:keep-all;}
.tbl .tbl-row:first-child .col {border-top:none;}
.tbl .tbl-row .noti {display: inline-block; background: red; color: #fff; padding: 0 3px 0 2px; border-radius: 5px;}
.tbl .col {padding:13px; display:table-cell; vertical-align:middle; letter-spacing: -1.5px;}
.tbl .col:first-child {border-left:none;}
.tbl .col.tc {text-align:center;}
.tbl .col.dot {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tbl.tc {text-align:center;}
table.tbl {border-bottom:1px solid #dfdfdf;}
.tbl thead {background:#f7f7f7; width:100%;}
.tbl thead th {text-align:center; color:#000000; border-bottom:1px solid #dfdfdf;}
.tbl tbody th {color:#000;}
.tbl tbody tr {border-top:1px solid #dfdfdf; word-break:break-all;}
.tbl tbody tr:first-child {border-top:none;}
.tbl td, .tbl th {padding:13px 20px; border-left:1px solid #dfdfdf; word-break: keep-all;}
.tbl td:first-child, .tbl th:first-child {border-left:none;}
/*.tbl-table .tbl .tbl-row {display:table; width:100%;}
.tbl-table .tbl .col {display:table-cell; vertical-align:middle; float:none;}*/
.tbl-scroll {overflow-x:auto;}
.tbl-scroll > .tbl {min-width:699px; overflow: hidden;}

/*19. 10. 01 경영공시 임원 및 운영인력 현황 추가*/
.tbl tbody tr > td.tbl-bg {background-color: #f7f7f7; font-weight: bold; color: #000000;}


@media all and (min-width:768px) {
    .tbl .tbl-row span {font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}

@media all and (min-width:1024px) {
    .tbl .col {padding: 15px 10px;}
}


/* sub boardview */
.boardview .pd32 {padding: 30px 20px;}
.boardview-top.bb {border-bottom: none;}

/* sub answerview */
.answerview {margin-top: 30px;}
.answerview-top {background: #25b9b4; padding: 15px; padding-top: 35px; position: relative;}
.answerview-top .answer {margin-left: 15px; background: none; width: 0; color: #25b9b4; font-size: 16px; padding: 0 5px 4px 4px; position: absolute;}
.answerview-top .answer:before {content: ''; position: absolute; left: -6px; top: 7px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; width: 8px; height: 8px;}
.answerview-tit {padding-left: 25px; color: #fff; font-size: 18px; display: inline-block;}
.answer-info {color: #fff; display: inline-block; line-height: 28px; position: absolute; top: 8px; right: 20px; width: 100%; text-align: right;}
.answerview-con {background: #eee; padding: 25px 15px; color: #666; margin-top: 5px; min-height: 40px;}
.answerview-con img {width: 100%;}

@media all and (min-width:768px){
    .answerview-top {padding-top: 15px;}
    .answerview-top .answer {padding: 2px 6px 6px 6px; font-size: 17px; margin-left: 18px; position: inherit;}
    .answerview-top .answer:before {left: -6px; top: 7px; width: 10px; height: 10px;}
    .answerview-tit {font-size: 21px; padding-left: 0;}
    .answer-info {line-height: 30px; float: right; position: inherit; width: auto; top: 0;}
    .answerview-con img {width: auto;}
}

@media all and (min-width:1024px){
    .answerview {max-width: 1200px; margin: 0 auto;}
}


/* pager */
.pager {text-align:center; padding-top:40px;}
.pager-first,
.pager-prev,
.pager-next,
.pager-last,
.pager-num {display:inline-block; width:25px; height:25px; padding-top:2px; border:1px solid #e4e4e4; text-align:center; vertical-align:middle;}
.pager-first:hover,
.pager-prev:hover,
.pager-next:hover,
.pager-last:hover {border:1px solid #000000;}
.pager-first {background: #fff url('/dam/gwcf/ko/components/pager-first.gif') no-repeat 50% 50%;}
.pager-prev {background:#fff url('/dam/gwcf/ko/components/pager-prev.gif') no-repeat 50% 50%;}
.pager-next {background:#fff url('/dam/gwcf/ko/components/pager-next.gif') no-repeat 50% 50%;}
.pager-last {background:#fff url('/dam/gwcf/ko/components/pager-last.gif') no-repeat 50% 50%;}
.mobshow .pager-numlist {padding:0 30px; display: inline-block; line-height: 29px;}
.tabletshow .pager-num a:hover {background: #000; color: #fff;}

@media all and (min-width:768px) {
    .mobshow .pager-numlist {font-size: 16px;}
    .pager-num.active {color: #fff; background: #000; border-color: #000;}
    .pager-num:hover {border-color: #000;}
}

@media all and (min-width:1024px) {
    .pager-first, .pager-prev, .pager-next, .pager-last, .pager-num {width: 40px; height: 40px; line-height: 40px;}
    .mobshow .pager-numlist {font-size: 18px; vertical-align: middle; display: inline-block;}
}

/*스크롤바 커스텀 css 추가*/
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-button {
    width: 10px;
    height:5px;
}
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid #c1c1c1;
    border-radius:10px;
}
::-webkit-scrollbar-thumb {
    background:#bbb;
    /*border: thin solid gray;*/
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
    background:#9e9e9e;
}
/*표 가로 스크롤 커스텀 css*/
.scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.scroll::-webkit-scrollbar-button {
    width: 10px;
    height:5px;
}
.scroll::-webkit-scrollbar-track {
    background: transparent;
    border: none;
    border-radius:10px;
}
.scroll::-webkit-scrollbar-thumb {
    background:#bbb;
    /*border: thin solid gray;*/
    border-radius:10px;
}
.scroll::-webkit-scrollbar-thumb:hover {
    background:#9e9e9e;
}
/*gnb 스크롤 커스텀 css*/
#gnb-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
#gnb-scroll::-webkit-scrollbar-button {
    width: 10px;
    height:5px;
}
#gnb-scroll::-webkit-scrollbar-track {
    background: transparent;
    border: none;
    border-radius:10px;
}
#gnb-scroll::-webkit-scrollbar-thumb {
    background:#bbb;
    /*border: thin solid gray;*/
    border-radius:10px;
}
#gnb-scroll::-webkit-scrollbar-thumb:hover {
    background:#9e9e9e;
}

/* 여백임시수정 css (240404)*/
script + .con_table {padding-top: 0;}
.txt_inner + script + .con_table {padding-top: 50px;}
@charset "utf-8";
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 100;
    src: url('/gwcf-theme/ko/font/NotoSansKR-Light.eot');
    src: local('NotoSansKR-Light'),
    url('/gwcf-theme/ko/font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
    url('/gwcf-theme/ko/font/NotoSansKR-Light.woff') format('woff'),
    url('/gwcf-theme/ko/font/NotoSansKR-Light.otf') format('truetype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url('/gwcf-theme/ko/font/NotoSansKR-Regular.eot');
    src: local('NotoSansKR-Regular'),
    url('/gwcf-theme/ko/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
    url('/gwcf-theme/ko/font/NotoSansKR-Regular.woff') format('woff'),
    url('/gwcf-theme/ko/font/NotoSansKR-Regular.otf') format('truetype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 600;
    src: url('/gwcf-theme/ko/font/NotoSansKR-Medium.eot');
    src: local('NotoSansKR-Medium'),
    url('/gwcf-theme/ko/font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
    url('/gwcf-theme/ko/font/NotoSansKR-Medium.woff') format('woff'),
    url('/gwcf-theme/ko/font/NotoSansKR-Medium.otf') format('truetype');
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: bold;
    src: url('/gwcf-theme/ko/font/NotoSansKR-Bold.eot');
    src: local('NotoSansKR-Bold'),
    url('/gwcf-theme/ko/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
    url('/gwcf-theme/ko/font/NotoSansKR-Bold.woff') format('woff'),
    url('/gwcf-theme/ko/font/NotoSansKR-Bold.otf') format('truetype');
}

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, ol, ul, li,fieldset, form, label, legend,table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, input, button, select, textarea {margin: 0;padding: 0;vertical-align: middle;  -webkit-tap-highlight-color: rgba(255,255,255,0);}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}
button,input {border-radius: 0;}
button {cursor: pointer;}
button,input,select {vertical-align: middle;}
fieldset,img {border: 0}
ol,ul {list-style: none;}
address,em {font-style: normal; font-weight: 400;}
a {text-decoration: none; color: #666;}
iframe {overflow: hidden;margin: 0;padding: 0;border: 0;}

.blind {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px
}

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

h1,h2,h3,h4,h5,h6 {font-weight: bold; font-size: 100%; letter-spacing: -1.5px;}

body {line-height: 1.5;}
textarea {resize: none; background: #fff; border: 1px solid #d5d3d6; padding: 10px;}

html {font-size: 10px;}
body,input,select,textarea,button,table {font-family: sans-serif; font-size: 15px;color: #666; font-weight: 400;}
.skip {width: 100%;height: 0; top: 0;left: 0;}
.skip a {display:block;overflow:hidden;position:absolute;top:0;text-indent:-9999px;}
.skip a:focus, .skip a:active {display:block;position:absolute;top:0;width:100%;z-index:9999;padding:10px 0;font-size:15px;line-height:14px;text-indent:0;text-align:center;color:#fff;background:#444}

/*서브 비주얼 공통*/
.sub_wrap {overflow: hidden;}
.sub_visual {position: relative; min-height: 220px;}
.sub_bg {height: 220px;}
.sub_bg img {height: 100%; object-fit: cover; width: 100%;}
.sub_txt {position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-left: 25px; text-align: center; width: 90%;}
.sub_txt h2 {font-size: 24px; color: #fff;}
.sub_txt p {color: #fff;}

@media all and (min-width:768px) {
    .sub_bg {height: 440px;}
    .sub_txt h2 {font-size: 54px;}
    .sub_txt p {font-size: 20px;}
}

@media all and (min-width:1024px){
    .sub_visual {min-height: 440px;}
    .sub_bg img {height: 440px;}
    .sub_txt {left: 50%; transform: translate(-50%,-50%); margin-left: 0; width: auto;}
}

/*input 공통*/
input[type="text"] {padding: 0 5px; font-size: 15px;}
/*input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0; box-shadow: none !important;}*/

.screen_out {
    overflow: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 1px;
}

.text_out {
    text-indent: -9999px;
    display: block;
}

/*#subContainer .mh {min-height: auto;}*/
.clear {clear: both;}

/* background */
.white {background: #fff !important;}
.gray {background: #f4f4f4;}
.lightgray {background: #f2f2f2;}
.darkgray {background: #a5abaf;}
.mint {background: #25b9b4;}
.lightmint {background: #e9f8f7;}
.darkmint {background: #168581;}
.gradient {background: linear-gradient(to right, #25b8b4, #25aab7, #25a0b9);}

.csbox .blue {background: #00449b;}
.csbox .green {background: #007440;}
.csbox .sky {background: #c7d9e3;}
.csbox .gray {background: #b5b5b6;}
.csbox .gold {background: #b09d60;}
.csbox .black {background: #000000;}
.organi-box .box-type02.sky {background: #259fb9;}
.organi-box .box-type02.mint {background: #2ebcb7;}
.organi-box .box-type02.green {background: #177f7b;}
.organi-box .box-type02.dblue {background: #257c9d;}


/*ci 컬러 변경 2021. 11.03*/
.csbox .emerald {background: #2dbdb6;}
.csbox .gray {background: #6d6e71;}
.csbox .gold {background: #806941;}
.csbox .sliver {background: #848788;}

.csbox .lime {background: #bfd730;}
.csbox .green {background: #8dc63f;}
.csbox .orange {background: #faa73f;}
.csbox .pink {background: #ed2985;}
.csbox .purple {background: #542785;}
.csbox .deepblue {background: #241f59;}
.csbox .deepgreen {background: #004944;}



/* text 꾸밈 */
.colmint {color: #25b9b4;}
.colwhite {color: #fff;}
.col333 {color: #333;}
.col000 {color: #000;}
.fw600 {font-weight: 600;}
.bold {font-weight: bold;}
.indent {text-indent: -11px; padding-left: 11px;}

/* border-radius */
.br100 {border-radius: 100%;}
.br45 {border-radius: 45px;}
.br0 {border-radius: 0;}

/* em */
em.color-mint {color: #25b9b4;}

/* img width */
.full {width: 100%;}
.img-auto {width: auto !important;}

/* display */
.dp-block {display: block;}
.dp-ib {display: inline-block;}
.dp-inline {display: inline;}
.dp-table {display: table;}

/* text-align */
.tr {text-align: right;}
.tl {text-align: left;}
.tc {text-align: center;}

/* float style */
.fl {float: left;}
.fr {float: right;}

/* min-height */
.inner_list.mh-335 {min-height: 335px;}

em.br {display: block; border-right: none;}

/* padding */
.pd10 {padding: 10px;}
.pd20 {padding: 20px;}
.pd25 {padding: 25px;}
.pd30 {padding: 30px;}
.pd40 {padding: 40px;}
.pd50 {padding: 50px;}
.pd60 {padding: 60px;}
.pd70 {padding: 70px;}
.pd80 {padding: 80px;}
.pd90 {padding: 90px;}

.plr10 {padding: 0 10px;}
.plr20 {padding: 0 20px;}
.plr30 {padding: 0 30px;}
.plr40 {padding: 0 40px;}
.plr50 {padding: 0 50px;}
.plr60 {padding: 0 60px;}
.plr70 {padding: 0 70px;}
.plr80 {padding: 0 80px;}
.plr90 {padding: 0 90px;}

.ptb10 {padding: 10px 0;}
.ptb20 {padding: 20px 0;}
.ptb30 {padding: 30px 0;}
.ptb40 {padding: 40px 0;}
.ptb50 {padding: 50px 0;}
.ptb60 {padding: 60px 0;}
.ptb70 {padding: 70px 0;}
.ptb80 {padding: 80px 0;}
.ptb90 {padding: 90px 0;}

/* margin */
.mg10 {margin: 10px;}
.mg20 {margin: 20px;}
.mg30 {margin: 30px;}
.mg40 {margin: 40px;}
.mg50 {margin: 50px;}
.mg60 {margin: 60px;}
.mg70 {margin: 70px;}
.mg80 {margin: 80px;}
.mg90 {margin: 90px;}

.mlr10 {margin: 0 10px;}
.mlr20 {margin: 0 20px;}
.mlr30 {margin: 0 30px;}
.mlr40 {margin: 0 40px;}
.mlr50 {margin: 0 50px;}
.mlr60 {margin: 0 60px;}
.mlr70 {margin: 0 70px;}
.mlr80 {margin: 0 80px;}
.mlr90 {margin: 0 90px;}

.mtb10 {margin: 10px 0;}
.mtb20 {margin: 20px 0;}
.mtb30 {margin: 30px 0;}
.mtb40 {margin: 40px 0;}
.mtb50 {margin: 50px 0;}
.mtb60 {margin: 60px 0;}
.mtb70 {margin: 70px 0;}
.mtb80 {margin: 80px 0;}
.mtb90 {margin: 90px 0;}


/* Space component */
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pl20 {padding-left: 20px;}

@media all and (min-width:768px) {
    .pt10 {padding-top:10px;}
    .pt15 {padding-top:15px;}
    .pt20 {padding-top:20px;}
    .pt25 {padding-top:25px;}
    .pt30 {padding-top:30px;}
    .pt40 {padding-top:40px;}
    .pt50 {padding-top:50px;}
    .pt60 {padding-top:60px;}
    .pt70 {padding-top:70px;}
    .pt80 {padding-top:80px;}
    .pt90 {padding-top:90px;}
    .pt100 {padding-top:100px;}
    .pb10 {padding-bottom:10px;}
    .pb15 {padding-bottom:15px;}
    .pb20 {padding-bottom:20px;}
    .pb30 {padding-bottom:30px;}
    .pb40 {padding-bottom:40px;}
    .pb50 {padding-bottom:50px;}
    .pb60 {padding-bottom:60px;}
    .pb70 {padding-bottom:70px;}
    .pb80 {padding-bottom:80px;}
    .pb90 {padding-bottom:90px;}
    .pb100 {padding-bottom:100px;}

    em.br {display: inline-block;}
}

@media all and (min-width:1025px) {
    .pt10 {padding-top:10px;}
    .pt15 {padding-top:15px;}
    .pt20 {padding-top:20px;}
    .pt25 {padding-top:25px;}
    .pt30 {padding-top:30px;}
    .pt40 {padding-top:40px;}
    .pt50 {padding-top:50px;}
    .pt60 {padding-top:60px;}
    .pt70 {padding-top:70px;}
    .pt80 {padding-top:80px;}
    .pt90 {padding-top:90px;}
    .pt100 {padding-top:100px;}
    .pb10 {padding-bottom:10px;}
    .pb15 {padding-bottom:15px;}
    .pb20 {padding-bottom:20px;}
    .pb30 {padding-bottom:30px;}
    .pb40 {padding-bottom:40px;}
    .pb50 {padding-bottom:50px;}
    .pb60 {padding-bottom:60px;}
    .pb70 {padding-bottom:70px;}
    .pb80 {padding-bottom:80px;}
    .pb90 {padding-bottom:90px;}
    .pb100 {padding-bottom:100px;}
}

.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

@media all and (min-width:768px) {
    .mt10 {margin-top:10px;}
    .mt12 {margin-top:12px;}
    .mt15 {margin-top:15px;}
    .mt20 {margin-top:20px;}
    .mt25 {margin-top:25px;}
    .mt30 {margin-top:30px;}
    .mt40 {margin-top:40px;}
    .mt50 {margin-top:50px;}
    .mt60 {margin-top:60px;}
    .mb10 {margin-bottom:10px;}
    .mb15 {margin-bottom:15px;}
    .mb20 {margin-bottom:20px;}
    .mb25 {margin-bottom:25px;}
    .mb30 {margin-bottom:30px;}
    .mb40 {margin-bottom:40px;}
    .mb50 {margin-bottom:50px;}
    .mb60 {margin-bottom:60px;}
}

/* border */
.bd {border: 1px solid #d0d0d0; box-sizing: border-box;}
.bt {border-top: 1px solid #d0d0d0;}
.bb {border-bottom: 1px solid #d0d0d0;}
.bl {border-left: 1px solid #d0d0d0;}
.br {border-right: 1px solid #d0d0d0;}
.bd_none {border: none !important;}

/* dvice show/hide */
.hide {display:none;}
.mobshow { display: block;}
.tabletshow { display: none;}
.webshow {display:none;}
.webhide {display:block;}

@media all and (min-width:768px) {
    .mobshow {display:none;}
    .tabletshow { display: block;}
}

@media all and (min-width:1024px) {
    .webhide {display: none;}
    .webshow {display:block;}
}
/* TABLE */
.tbl {border-top:2px solid #000; border-bottom:1px solid #000; width:100%;}
.tbl.bt-mint {border-top: 2px solid #30bdb8;}
.tbl .tbl-head {display:table; width:100%; border-bottom:1px solid #012b5d;}
.tbl .tbl-head .col {text-align:center; color:#000000; word-break: keep-all;}
.tbl .tbl-row {width:100%; display:table; table-layout:fixed;}
.tbl .tbl-row:hover {background: #e9f8f7;}
.tbl .tbl-row .col {border-top:1px solid #dfdfdf; word-break:keep-all;}
.tbl .tbl-row:first-child .col {border-top:none;}
.tbl .tbl-row .noti {display: inline-block; background: red; color: #fff; padding: 0 3px 0 2px; border-radius: 5px;}
.tbl .col {padding:13px; display:table-cell; vertical-align:middle; letter-spacing: -1.5px;}
.tbl .col:first-child {border-left:none;}
.tbl .col.tc {text-align:center;}
.tbl .col.dot {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tbl.tc {text-align:center;}
table.tbl {border-bottom:1px solid #dfdfdf;}
.tbl thead {background:#f7f7f7; width:100%;}
.tbl thead th {text-align:center; color:#000000; border-bottom:1px solid #dfdfdf;}
.tbl tbody th {color:#000;}
.tbl tbody tr {border-top:1px solid #dfdfdf; word-break:break-all;}
.tbl tbody tr:first-child {border-top:none;}
.tbl td, .tbl th {padding:13px 20px; border-left:1px solid #dfdfdf; word-break: keep-all;}
.tbl td:first-child, .tbl th:first-child {border-left:none;}
/*.tbl-table .tbl .tbl-row {display:table; width:100%;}
.tbl-table .tbl .col {display:table-cell; vertical-align:middle; float:none;}*/
.tbl-scroll {overflow-x:auto;}
.tbl-scroll > .tbl {min-width:699px; overflow: hidden;}

/*19. 10. 01 경영공시 임원 및 운영인력 현황 추가*/
.tbl tbody tr > td.tbl-bg {background-color: #f7f7f7; font-weight: bold; color: #000000;}


@media all and (min-width:768px) {
    .tbl .tbl-row span {font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}

@media all and (min-width:1024px) {
    .tbl .col {padding: 15px 10px;}
}


/* sub boardview */
.boardview .pd32 {padding: 30px 20px;}
.boardview-top.bb {border-bottom: none;}

/* sub answerview */
.answerview {margin-top: 30px;}
.answerview-top {background: #25b9b4; padding: 15px; padding-top: 35px; position: relative;}
.answerview-top .answer {margin-left: 15px; background: none; width: 0; color: #25b9b4; font-size: 16px; padding: 0 5px 4px 4px; position: absolute;}
.answerview-top .answer:before {content: ''; position: absolute; left: -6px; top: 7px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; width: 8px; height: 8px;}
.answerview-tit {padding-left: 25px; color: #fff; font-size: 18px; display: inline-block;}
.answer-info {color: #fff; display: inline-block; line-height: 28px; position: absolute; top: 8px; right: 20px; width: 100%; text-align: right;}
.answerview-con {background: #eee; padding: 25px 15px; color: #666; margin-top: 5px; min-height: 40px;}
.answerview-con img {width: 100%;}

@media all and (min-width:768px){
    .answerview-top {padding-top: 15px;}
    .answerview-top .answer {padding: 2px 6px 6px 6px; font-size: 17px; margin-left: 18px; position: inherit;}
    .answerview-top .answer:before {left: -6px; top: 7px; width: 10px; height: 10px;}
    .answerview-tit {font-size: 21px; padding-left: 0;}
    .answer-info {line-height: 30px; float: right; position: inherit; width: auto; top: 0;}
    .answerview-con img {width: auto;}
}

@media all and (min-width:1024px){
    .answerview {max-width: 1200px; margin: 0 auto;}
}


/* pager */
.pager {text-align:center; padding-top:40px;}
.pager-first,
.pager-prev,
.pager-next,
.pager-last,
.pager-num {display:inline-block; width:25px; height:25px; padding-top:2px; border:1px solid #e4e4e4; text-align:center; vertical-align:middle;}
.pager-first:hover,
.pager-prev:hover,
.pager-next:hover,
.pager-last:hover {border:1px solid #000000;}
.pager-first {background: #fff url('/dam/gwcf/ko/components/pager-first.gif') no-repeat 50% 50%;}
.pager-prev {background:#fff url('/dam/gwcf/ko/components/pager-prev.gif') no-repeat 50% 50%;}
.pager-next {background:#fff url('/dam/gwcf/ko/components/pager-next.gif') no-repeat 50% 50%;}
.pager-last {background:#fff url('/dam/gwcf/ko/components/pager-last.gif') no-repeat 50% 50%;}
.mobshow .pager-numlist {padding:0 30px; display: inline-block; line-height: 29px;}
.tabletshow .pager-num a:hover {background: #000; color: #fff;}

@media all and (min-width:768px) {
    .mobshow .pager-numlist {font-size: 16px;}
    .pager-num.active {color: #fff; background: #000; border-color: #000;}
    .pager-num:hover {border-color: #000;}
}

@media all and (min-width:1024px) {
    .pager-first, .pager-prev, .pager-next, .pager-last, .pager-num {width: 40px; height: 40px; line-height: 40px;}
    .mobshow .pager-numlist {font-size: 18px; vertical-align: middle; display: inline-block;}
}

/*스크롤바 커스텀 css 추가*/
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-button {
    width: 10px;
    height:5px;
}
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid #c1c1c1;
    border-radius:10px;
}
::-webkit-scrollbar-thumb {
    background:#bbb;
    /*border: thin solid gray;*/
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
    background:#9e9e9e;
}
/*표 가로 스크롤 커스텀 css*/
.scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.scroll::-webkit-scrollbar-button {
    width: 10px;
    height:5px;
}
.scroll::-webkit-scrollbar-track {
    background: transparent;
    border: none;
    border-radius:10px;
}
.scroll::-webkit-scrollbar-thumb {
    background:#bbb;
    /*border: thin solid gray;*/
    border-radius:10px;
}
.scroll::-webkit-scrollbar-thumb:hover {
    background:#9e9e9e;
}
/*gnb 스크롤 커스텀 css*/
#gnb-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
#gnb-scroll::-webkit-scrollbar-button {
    width: 10px;
    height:5px;
}
#gnb-scroll::-webkit-scrollbar-track {
    background: transparent;
    border: none;
    border-radius:10px;
}
#gnb-scroll::-webkit-scrollbar-thumb {
    background:#bbb;
    /*border: thin solid gray;*/
    border-radius:10px;
}
#gnb-scroll::-webkit-scrollbar-thumb:hover {
    background:#9e9e9e;
}

/* 여백임시수정 css (240404)*/
script + .con_table {padding-top: 0;}
.txt_inner + script + .con_table {padding-top: 50px;}
@media all and (min-width:1024px) {
    .txt_inner + script + .con_table {padding-top: 100px;}
}