html, body, .wrap, #footer {background:#fff;}

/* gnb animation */
@keyframes smoothBg {
    from {
        background-color: rgba(237, 237, 237, 0.2);
    }
    to {
        background-color: rgba(237, 237, 237, 0.65);
    }
}


/* =========================== layout =========================== */
.wrap:after, .g_section:after {content: "";clear: both;display: block;}
.wrap {padding-bottom:240px;overflow:hidden;}
.g_section {max-width: 1920px;width: 100%;margin: auto; position:relative;padding:0 10vw;box-sizing:border-box;}
.g_section .g_section_min {max-width: 960px; min-width: 960px; width: 100%; margin: auto; position:relative; box-sizing:border-box; padding:0;}
.g_section_full {width:100%; position:relative;}

/*grid*/
.g_section .row {box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px;margin-bottom:24px;}
.g_section .col {box-sizing: border-box;flex:0 0 auto;-webkit-box-flex: 0; padding-right:12px; padding-left:12px; position:relative;}
.g_section .row .col1 {-ms-flex-preferred-size: 8.33333333%;flex-basis: 8.33333333%;max-width: 8.33333333%; width:8.33333333%;}
.g_section .row .col2 {-ms-flex-preferred-size: 16.666666%;flex-basis: 16.666666%;max-width: 16.666666%; width:16.666666%;}
.g_section .row .col_quart,
.g_section .row .col3 {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%; width:25%;}
.g_section .row .col4 {-ms-flex-preferred-size: 33.333333%;flex-basis: 33.333333%;max-width: 33.333333%; width:33.333333%;}
.g_section .row .col5 {-ms-flex-preferred-size: 41.666666%;flex-basis: 41.666666%;max-width: 41.666666%; width:41.666666%;}
.g_section .row .col_half,
.g_section .row .col6 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%; width:50%;}
.g_section .row .col7 {-ms-flex-preferred-size: 58.33333333%;flex-basis: 58.33333333%;max-width: 58.33333333%; width:58.33333333%;}
.g_section .row .col8 {-ms-flex-preferred-size: 66.66666667%;flex-basis: 66.66666667%;max-width: 66.66666667%; width:66.66666667%;}
.g_section .row .col9 {-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%; width:75%;}
.g_section .row .col10 {-ms-flex-preferred-size: 83.33333333%;flex-basis: 83.33333333%;max-width: 83.33333333%; width:83.33333333%;}
.g_section .row .col11 {-ms-flex-preferred-size: 91.66666667%;flex-basis: 91.66666667%;max-width: 91.66666667%; width:91.66666667%;}

.g_section .offset1 {margin-left: 8.333333%;}
.g_section .offset2 {margin-left: 16.666666%;}
.g_section .offset3 {margin-left: 25%;}
.g_section .offset4 {margin-left: 33.333333%;}
.g_section .offset5 {margin-left: 41.666666%;}
.g_section .offset6 {margin-left: 50%;}
.g_section .offset7 {margin-left: 58.33333333%;}
.g_section .offset8 {margin-left: 66.66666667%;}
.g_section .offset9 {margin-left: 75%;}
.g_section .offset10 {margin-left: 83.33333333%;}
.g_section .offset11 {margin-left: 91.66666667%;}




/* =================================== 텝 =================================== */
/* 2depth 탭 */
.g_tab_menu{position: relative;text-align: center; margin:96px auto 136px; z-index:2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.g_tab_menu ul{font-size: 0; width: 100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;}
.g_tab_menu ul li{display: inline-block; position: relative; vertical-align: top;}
.g_tab_menu ul li:before {content: ''; position: absolute; width: 1px; height: 20px; background: #e2e2e2; top: 50%; left: 0; transform:translateY(-50%);}
.g_tab_menu ul li:first-child:before{content:none;}
.g_tab_menu ul li a{display: inline-block;position: relative; margin: 0 40px; color:#b4b4b4; font-weight:400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.g_tab_menu ul li a:before{content: '';position: absolute; bottom: -8px; left: 0;right: 0; width:0; height:2px; background: #004c98;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.g_tab_menu ul li.on a:before{width:100%;}
.g_tab_menu ul li.on a{color: #000; font-weight:400;}
.g_tab_menu ul li a:hover{color: #000}

.g_tab_menu:before{content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 36px; z-index: 9;pointer-events:none;
    background: -webkit-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
    background: -moz-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
    background: -ms-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
    background: -o-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));}
.g_tab_menu:after{content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 36px; z-index: 9;pointer-events:none;
    background: -webkit-linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
    background: -moz-linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
    background: -ms-linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
    background: -o-linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
    background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));}
/* 구조
<div class="g_tab_menu">
    <ul>
        <li class="li_메뉴명 on"><a href="" class="g_title7">메뉴1</a></li>
        <li class="li_메뉴명"><a href="" class="g_title7">메뉴2</a></li>
        <li class="li_메뉴명"><a href="" class="g_title7">메뉴3</a></li>
    </ul>
</div>
 */



/* =================================== 컨텐츠 =================================== */
/* float 해제 선택자 */
.fclear:after{display: block; content:''; clear: both;}

/* 2depth 컨텐츠 */
.g_tab_contents{display:none;}
.g_tab_contents.on{display:block;}


/* 구조
<div class="g_new_page_btn">
    <a href="javascript:;" title="">
        <span class="g_title6">위원회 구성</span>
        <span class="icon"></span>
    </a>
</div>
*/



/* 결과없음 */
.no_result {width:100%; margin-bottom:0; display:table;text-align:center; padding:80px 0; }
.no_result .inner {display:table-cell; vertical-align:middle;}
.no_result img {width:90px;height:80px; margin:0 auto;}
.no_result .g_title8 {font-weight:400;color:#004c98; line-height:1.08; margin-bottom:15px; margin-top:50px;}
.no_result .g_text2 {color:#666;}
.no_result .inner.simple .g_title8{text-align:center;}
/* 구조 - 아이콘 있는 버전 (자료없음 메시지)
<div class="no_result">
    <div class="inner">
        <img src="<%=resourceDomain%>/img/common/icon_error.svg" alt="에러 아이콘">
        <div class="g_title8"><spring:message code='common.noresult' /></div>
        <div class="g_text2"><spring:message code='common.noresult.sub' /></div>
    </div>
</div>
*/
/* 구조 - 텍스트만 있는 버전 (검색결과 없음 메시지)
<div class="no_result">
    <div class="inner simple">
        <div class="g_title8"><spring:message code='common.nosearchresult' /></div>
    </div>
</div>
*/



@media screen and (max-width: 1280px) {
    .g_section{padding:0 128px;}
    #footer .footer_inner {padding-left:128px; padding-right:128px;}
}

@media screen and (min-width: 1921px) {
    .g_section {padding: 0 192px;}
    #footer .footer_inner {padding-left:192px; padding-right:192px;}
}

/**
* @fileoverview style for content
* @author NHN FE Development Lab <dl_javascript@nhn.com>
*/
@charset "UTF-8";.CodeMirror{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.tui-editor-contents:not(table){line-height:160%;box-sizing:content-box}.tui-editor-contents address,.tui-editor-contents cite,.tui-editor-contents dfn,.tui-editor-contents em,.tui-editor-contents i,.tui-editor-contents var{font-style:italic}.tui-editor-contents strong{font-weight:700}.tui-editor-contents p{margin:10px 0;color:#555}.tui-editor-contents>div>div:first-of-type h1,.tui-editor-contents>h1:first-of-type{margin-top:14px}.tui-editor-contents h1,.tui-editor-contents h2,.tui-editor-contents h3,.tui-editor-contents h5{font-weight:700}.tui-editor-contents h1{font-size:1.6rem;line-height:28px;border-bottom:3px double #999;margin:52px 0 15px 0;padding-bottom:7px;color:#000}.tui-editor-contents h2{font-size:1.3rem;line-height:23px;border-bottom:1px solid #dbdbdb;margin:30px 0 13px 0;padding-bottom:7px;color:#333}.tui-editor-contents h3,.tui-editor-contents h4{font-size:1.2rem;line-height:18px;margin:20px 0 2px;color:#333}.tui-editor-contents h5,.tui-editor-contents h6{font-size:1rem;line-height:17px;margin:10px 0 -4px;color:#333}.tui-editor-contents blockquote{margin:15px 0}.tui-editor-contents blockquote{border-left:4px solid #ddd;padding:0 15px;color:#777}.tui-editor-contents blockquote>:first-child{margin-top:0}.tui-editor-contents blockquote>:last-child{margin-bottom:0}.tui-editor-contents code,.tui-editor-contents pre{font-family:Consolas,Courier,"Apple SD 산돌고딕 Neo",-apple-system,"Lucida Grande","Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","Segoe UI","돋움",dotum,sans-serif;border:0;border-radius:0}.tui-editor-contents pre{margin:2px 0 8px;padding:18px;background-color:#f5f7f8}.tui-editor-contents code{color:#c1788b;padding:4px 4px 2px 0;letter-spacing:-.3px}.tui-editor-contents pre code{padding:0;color:inherit;white-space:pre-wrap;background-color:transparent}.tui-editor-contents pre.addon{border:1px solid #e8ebed;background-color:#fff}.tui-editor-contents img{margin:4px 0 10px;box-sizing:border-box;vertical-align:top;max-width:100%}.tui-editor-contents table{margin:2px 0 14px;color:#555;width:auto;border-collapse:collapse;box-sizing:border-box}.tui-editor-contents table td,.tui-editor-contents table th{height:32px;padding:5px 14px 5px 12px}.tui-editor-contents table td{border:1px solid #eaeaea}.tui-editor-contents table th{border:1px solid #72777b;border-top:0;background-color:#7b8184;font-weight:300;color:#fff;padding-top:6px}.tui-editor-contents dir,.tui-editor-contents menu,.tui-editor-contents ol,.tui-editor-contents ul{display:block;list-style-type:disc;padding-left:17px;margin:6px 0 10px;color:#555}.tui-editor-contents ol{list-style-type:decimal}.tui-editor-contents ol ol,.tui-editor-contents ol ul,.tui-editor-contents ul ol,.tui-editor-contents ul ul{margin-top:0!important;margin-bottom:0!important}.tui-editor-contents ol li,.tui-editor-contents ul li{position:relative}.tui-editor-contents ul p,ol p{margin:0}.tui-editor-contents ol li.task-list-item:before,.tui-editor-contents pre ul li:before,.tui-editor-contents ul li.task-list-item:before{content:""}.tui-editor-contents hr{border-top:1px solid #eee;margin:16px 0}.tui-editor-contents a{text-decoration:underline;color:#5286bc}.tui-editor-contents a:hover{color:#007cff}.tui-editor-contents{font-size:13px;margin:0;padding:0}.tui-editor-contents .task-list-item{border:0;list-style:none;padding-left:22px;margin-left:-22px;min-height:20px}.tui-editor-contents .task-list-item:before{background-repeat:no-repeat;background-size:16px 16px;background-position:center;content:"";height:18px;width:18px;position:absolute;left:0;top:1px;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADdJREFUKBVjvHv37n8GMgALSI+SkhJJWu/du8fARJIOJMWjGpECA505GjjoIYLEB6dVUNojFQAA/1MJUFWet/4AAAAASUVORK5CYII=)}.tui-editor-contents .task-list-item.checked:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMpJREFUKBVjjJ/64D8DGYCJDD1gLbTVyM3OxJDiJMzAxcYIdyALnIWDAdJU7i/OICfCxsDMxMgwc88bwk5F1vTs/W+GFUffwY2H+1FBlI2hLliCQYCbGSyJrqlzwwuGj9//YWoMtRBgUBJnZ6gMEGeQFWaFOw9kE7omkG5GWDyCPF7mJ86gIMbO8P//fwZGRkYGXJpAGuFO/fbrP0PXppcMD179JKgJRSOIA9N8/NZXrM4DqYEBjOgAaYYFOUwRNhruVGyS+MTI1ggAx8NTGcUtFVQAAAAASUVORK5CYII=)}.tui-editor-contents .task-list-item .task-list-item-checkbox,.tui-editor-contents .task-list-item input[type=checkbox]{margin-left:-17px;margin-right:3.8px;margin-top:3px}.tui-editor-contents-placeholder:before{content:attr(data-placeholder);color:grey;line-height:160%;position:absolute}