@charset "utf-8";


html, body {width: 100%; height: 100%;}
#wrap {height: 100%; text-align: center;}
#container {height: 100%;}


/* CMS LOGIN */
.loginWrap {display: table; position: relative; width: 100%; height: 100%; /*padding-top: 115px;*/}
.loginWrap:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 49%; /*height: 358px;*/ background-color: #f1f1f1; z-index: -1;}
.loginWrap .inner {display: table-cell; vertical-align: middle;}
.loginWrap .logoTit {color: #242424; font-size: 37px;}
.loginWrap .logoTit strong {display: inline-block; padding-left: 58px; background:url(/resourceCms/images/logo.png) no-repeat 0 50%; font-weight: 500;}
.loginWrap .logoTit span {display: inline-block; margin-left: 8px; font-weight: 300;}
.loginWrap .loginBox {width:700px; height: 250px; margin: 0 auto; margin-top: 72px; padding-top: 56px; border: 1px solid #e2e1e3; background-color: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.loginWrap .loginBox > p {color: #585858; font-size: 16px;}
.loginWrap .loginBox .inputBox {position: relative; width:482px; margin: 0 auto; margin-top: 22px; padding-right: 100px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.loginBox .inputBox ul {font-size: 0;}
.loginBox .inputBox ul li {position: relative; height: 42px; padding-left: 96px; border: 1px solid #cfcfcf; color: #000; text-align: left; font-size: 14px; line-height: 42px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.loginBox .inputBox ul li:first-child {margin-bottom: 5px;}
.loginBox .inputBox ul li label {display: block; position: absolute; top: 0; left: 0; width: 96px; height: 100%; padding-left: 26px; background:url(/resourceCms/images/bu_2p.png) no-repeat 19px 50%; border-right: 1px solid #cfcfcf; color: #585858; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.loginBox .inputBox ul li input {width: 100%; height: 100%; padding-left: 37px; padding-right: 10px; border: none; background-repeat: no-repeat; background-position: 10px 50%; line-height: 42px; vertical-align: top;}
.loginBox .inputBox ul li.first input {background-image: url(/resourceCms/images/icon_id.png);}
.loginBox .inputBox ul li.second input {background-image: url(/resourceCms/images/icon_pw.png);}
.loginBox .inputBox .btn {display: block; position: absolute; top: 0; right: 0; width: 96px; height: 100%; padding-top: 24px; border: none; background-color: #3a4799; background-image: url(/resourceCms/images/icon_login.png); background-repeat: no-repeat; background-position: 50% 26px; color: #fff; font-size: 14px; font-weight: 700;}
.loginWrap .adrCopyright {margin-top: 60px; color: #9f9f9f; font-size: 12px; line-height: 1.5;}


#header {color: #fff; text-align: center;}
#header .headerTop {position: relative; height: 100px; padding-top: 35px; background: url(/resourceCms/images/bg_top.jpg) no-repeat 50% 0; background-size: cover; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#header .headerTop .siteNm {position: absolute; top: 63px; left: 37px; font-size: 22px; font-weight: 500;}
#header .headerTop h2 {font-size: 30px; font-weight: 300;}
#header .headerTop .headerUtil {position: absolute; top: 68px; right: 30px; font-size: 12px; font-family: 'Dotum','돋움',sans-serif;}
.headerUtil a {color: #fff;}
.headerUtil a:hover,
.headerUtil a:focus {text-decoration: underline;}
#nav {background-color: #424d7f; font-weight: 700; font-family: 'Dotum','돋움',sans-serif;}
#nav .gnb {font-size: 0;}
.gnb li {display: inline-block; min-width: 151px; }
.gnb li:first-child a {border-left: 1px solid #5c689e;}
.gnb li a {display: block; border-right: 1px solid #5c689e; color: #fff; font-size: 14px; line-height: 40px;}
.gnb li.active a,
.gnb li a:hover,
.gnb li a:focus {background-color: #070f4b; border-color: #070f4b;}

#container {position: relative; background-color: #f8f9fb;}
#aside {position: absolute; top: 0; left: 0; width: 204px; height: 100%; border-right: 1px solid #d0d8e4; background-color: #f5f6f7; text-align: left;}
.leftMenu {background-color: #f5f6f7;}
.leftMenu a {display: block; color: #14161b;}
.leftMenu>li {border-bottom: 1px solid #d0d8e4;}
.leftMenu>li>a {padding:12px 0; padding-left: 24px; padding-right: 38px; background-image:url(/resourceCms/images/btn_plus.png); background-repeat: no-repeat; background-position: 94% 50%; font-size: 16px;}
.leftMenu>li>a.active {background-image:url(/resourceCms/images/btn_minus.png); background-color: #bcc6f3;}
.leftMenu div {display: none; padding:14px 0; border-top: 1px solid #d0d8e4; background-color: #eef0f1;}
.leftMenu div ul li {padding: 7px 0;}
.leftMenu div ul li a {margin-left: 25px; padding-left: 10px; font-size: 15px;}
.leftMenu div .depth2>li>a {display: inline-block; background-image: url(/resourceCms/images/bu_2depth.png); background-repeat: no-repeat; background-position: 0 3px;}
.leftMenu div .depth2>li>a.active,
.leftMenu div .depth2>li>a:hover,
.leftMenu div .depth2>li>a:focus {border-bottom: 1px solid #424d7f;background-image: url(/resourceCms/images/bu_2depth_active.png); color: #281c9d;}
.leftMenu div .depth3 {display: none; padding-top: 9px;}
.leftMenu div .depth3 li a {background-image: url(/resourceCms/images/bu_2p_black.png); background-repeat: no-repeat; background-position: 1px 8px;}


.contentWrap {margin-left: 204px;}
.location {padding-top: 30px; padding-left: 35px; padding-bottom: 10px; border-bottom: 1px solid #d2d6e1; text-align: left; font-size: 0;}
.location .locTit {display: inline-block; padding-left: 37px; background:url(/resourceCms/images/icon_title.png) no-repeat 0 50%; color: #37516e; font-size: 24px; font-weight: 500;}
.location ul {display: inline-block; margin-left: 17px; font-size: 0;}
.location ul li {display: inline-block; margin-left: 5px; padding-left: 8px; background:url(/resourceCms/images/bg_location.png) no-repeat 0 48%; color: #949fba; font-size: 12px; font-family: 'Dotum','돋움',sans-serif;}
.location ul li:first-child {margin-left: 0; padding-left: 0; background: none;}

#content {margin-bottom: 21px; padding:20px 35px; border-bottom: 1px solid #d0d8e4; background-color: #fff;}
#content p.conCopyright {clear: both; margin-top: 40px; padding:18px 0; color: #949fba; font-size: 10px; font-weight: 500;}
#content .contentNav {float:left; width:280px; padding:25px 20px; border: 1px solid #d0d8e4; text-align: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#content .contentNav li {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; line-height: 125%;}
.boardWrap.FloatRight {width: 70%;}

.boardInfo .infoCount {float:left; margin-top: 8px; padding-left: 16px; background:url(/resourceCms/images/bu_2p_black.png) no-repeat 7px 8px; font-size:15px; font-weight:300;}
.boardInfo .infoCount .total { color:#e94801; font-weight: 500; }

.boardInfo ul {float: right; color: #000; font-size: 0;}
.boardInfo ul li {display:inline-block; height:31px; line-height:29px; font-weight:300; font-size: 12px; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.boardInfo ul li .selectBox {height: 100%; }
.boardInfo ul li .selectBox label {display: inline-block; margin-right: 18px;}
.boardInfo ul li .selectBox select {width: 134px; height: 100%; padding-left: 12px; padding-right: 33px; border: 1px solid #c6c6c6; background:url(/resourceCms/images/icon_select_down.png) no-repeat right 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.boardInfo ul li .selectBox select::-ms-expand { display:none; }
.boardInfo ul li.searchText {position: relative; width: 200px; margin-left: 7px; }
.boardInfo ul li.searchText .text {width: 100%; height: 100%; padding-left: 14px; padding-right: 42px; border: 1px solid #c6c6c6; }
.boardInfo ul li.searchText .btn {overflow: hidden; position: absolute; top: 0; right: 0; width: 33px; height: 100%; border: none; border-left: 1px solid #c6c6c6; background:url(/resourceCms/images/icon_search.png) no-repeat 50% 50%; text-indent: -999px;}
.boardInfo ul li.searchBotton { margin-left: 7px; }

.boardList {margin-top: 22px;}
.boardList .tblBoard {width: 100%; border: 1px solid #d2d6e1; font-size: 13px;}
.boardList thead { background:#fafafa; }
.tblBoard th,
.tblBoard td {border: 1px solid #eceff3;}
.tblBoard thead th,
.tblBoard tbody th {padding:10px 0; background-color: #f9f9f9; font-weight: 400; color: #616161;}
.tblBoard tbody td {padding:12px 10px;}
.tblBoard a.setting {display: inline-block; padding-left: 26px; background:url(/resourceCms/images/icon_setting.png) no-repeat 0 50%; color: #5076d6; line-height: 21px;}
.tblBoard .articleArea {height:200px;}

.pagination {margin-top: 46px;}
.pagination ul {font-size: 0;}
.pagination ul li {display: inline-block;}
.pagination ul li.prev {margin-right: 30px;}
.pagination ul li.next {margin-left: 30px;}
.pagination ul li a {overflow: hidden; display: inline-block; width: 38px; height: 38px; border:1px solid #d6d6d6; margin-left: -1px; color: #666; line-height: 36px; font-size: 15px;}

.pagination ul li.first a,
.pagination ul li.last a,
.pagination ul li.prev a,
.pagination ul li.next a {overflow: hidden; background-position:center; background-repeat:no-repeat; text-indent: -999px;}
.pagination ul li.last a {border-right: 1px solid #e0e0e0;}
.pagination ul li.first a {background-image:url(/resourceCms/images/icon_first.png);}
.pagination ul li.last a {background-image:url(/resourceCms/images/icon_last.png);}
.pagination ul li.prev a {background-image:url(/resourceCms/images/icon_prev.png);}
.pagination ul li.next a {background-image:url(/resourceCms/images/icon_next.png);}
.pagination ul li.num.active a,
.pagination ul li.num a:hover,
.pagination ul li.num a:focus {position: relative; border: 1px solid #0e9633; color: #001f00; font-weight: 400;}

.pagination ul li.num.active a:before,
.pagination ul li.num a:hover:before,
.pagination ul li.num a:focus:before {content:''; position:absolute; bottom:8px; left:15px; width:9px; height:2px; background-color:#001f00;}

.contentNav .active {text-decoration: underline; font-weight: bold;}

/* 레이어팝업 */
.contentLayerOpen {position: relative; font-size: 18px;}
#contentLayerPop { display: none; position: absolute; top: 0; left: auto; max-width: 80%; width: 100%;}
.popContainer { position: relative;background-color: #fff; padding:40px 35px; z-index: 10;}
.popContainer h3.tit {font-weight: 500; font-size: 22px;}
.popContainer .popCon {margin-top: 15px;}
.contentLayerClose {overflow: hidden; position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; background-color: #fff; background-image: url(/resourceCms/images/icon_close_black.png); background-repeat: no-repeat; background-size: contain; text-indent: -999px;}
.contentLayerPopBg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(000,000,000,0.6);}

/* loading */
#lblAreaLoding {position:fixed;top:0px;left:0px;z-index:100;width:100%;height:100%;background: rgba(49, 49, 49, 0.7) url(/resourceCms/images/common/loading.gif) center no-repeat;background-size: 110px auto;}


/* ckeditor toolbar hide */
.tdCkeditor .cke_inner .cke_top {
    display: none;
}

/* 탭 */
.defaultTabList .defaultTabTab { position:relative; margin-bottom:26px; }
.defaultTab>ul { font-size:0; text-align:left; letter-spacing:-4px; }
.defaultTab>ul>li { position:relative; display:inline-block; border:1px solid #d0d8e4; border-left:0 none; font-size:16px; vertical-align:middle; letter-spacing:normal; }
.defaultTab>ul>li:first-child { border-left:1px solid #d0d8e4; }
.defaultTab>ul>li>a { display:block; padding:15px; color:#777; text-decoration:none; }
.defaultTab>ul>li.on>a { background-color:#bcc6f3; color:#333; }
.defaultTabList .inner { padding-top:30px; }

/* 탭2 */
.contentTabList .contentTabTab { position:relative; margin-bottom:26px; }
.contentTab>ul { font-size:0; text-align:left; letter-spacing:-4px; }
.contentTab>ul>li { position:relative; display:inline-block; border:1px solid #d0d8e4; border-left:0 none; font-size:16px; vertical-align:middle; letter-spacing:normal; }
.contentTab>ul>li:first-child { border-left:1px solid #d0d8e4; }
.contentTab>ul>li>a { display:block; padding:15px; color:#777; text-decoration:none; }
.contentTab>ul>li.on>a { background-color:#bcc6f3; color:#333; }
.contentTabList .inner { padding-top:30px; }