@charset "euc-kr";

@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src:url('/common-g/grid/font/Pretendard-Black.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src:url('/common-g/grid/font/Pretendard-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src:url('/common-g/grid/font/Pretendard-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src:url('/common-g/grid/font/Pretendard-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src:url('/common-g/grid/font/Pretendard-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src:url('/common-g/grid/font/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src:url('/common-g/grid/font/Pretendard-Light.woff2') format('woff2');
}

/* Reset */
* {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
html{
	-webkit-touch-callout:none;
/*	-webkit-user-select:none;*/
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body{height:100%;background:#f1f5f6; font-family:"Nanum Gothic" ,"Nanum Square","NanumSquare", sans-serif !important;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:13px;line-height:1;color:#4b4b4b;}
button {cursor:pointer;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:top;}
.hide,caption,legend{line-height:0;font-size:0;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#4b4b4b;text-decoration:none;}

/* Form */
textarea {border:1px solid #ccc;resize:none;text-indent:0 !important;padding-left:6px !important;box-sizing:border-box;}
select {height:30px;padding:0 25px 0 5px;font-size:13px;line-height:30px;color:#4b4b4b;border:1px solid #ccc;box-sizing:content-box;-moz-appearance:none;-webkit-appearance:none;appearance: none;background:#fff url('/common-g/images/ico_select.png') no-repeat right 8px center;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {width:100%;height:30px;font-size:13px;color:#4b4b4b;border:1px solid #ccc;background:#fff;text-indent:6px;transition:all 0.5s;vertical-align:middle;/*box-sizing:border-box;*/}
input::-webkit-input-placeholder{color:#4b4b4b;font-size:13px;line-height:100%;}
textarea {padding:5px 0;}
select:focus,
textarea:focus,
input:focus {border:1px solid #4b4b4b;/*border-radius:.5em;*/}
input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#ccc; color:#4b4b4b; -webkit-appearance:none;font-size:13px;}
input[type=button]{cursor:pointer;border-radius:0;-webkit-appearance:none;}
input[type=button]:focus{border:none;}

textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#4b4b4b; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #ccc;}
select::-ms-expand{display: none; /* IE 10, 11 */}
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.skip { position: absolute; left: 0; top:-50px; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #000; color: #fff; transition: all 0.5s;}
.skip:focus { top: 0;}

#wrap {min-width:1580px;max-width:1920px;height:100%;padding:50px 0 0 205px;box-sizing:border-box;}
#wrap.full {max-width:100%;}
#container {position:relative;}

/* header */
header {position:fixed;left:0;top:0;right:0;height:50px;background:#001d49;box-sizing: border-box;z-index:600;}
header .head {/*-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;*/display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-ms-flex;display:-moz-flex;display:flex;max-width:1920px;min-width:1024px;align-items:center;}
header .head div {-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;}
header .head div h1 {display:inline-block;width:auto;padding-left:20px;font-size:23px; color:#fff; font-weight:normal;line-height:50px;box-sizing:border-box;}
header .head div h1 a {color:#fff;} 
header .head ul {margin:0 20px 0 0;}
header .head ul li {position:relative; display:inline-block; padding-left:20px;}
header .head ul a {display:inline-block; color:#fff; font-size:14px; line-height:50px;}
header .head ul li:after {content:''; position:absolute; left:8px; top:19px; width:1px; height:11px; vertical-align:middle; background:#807f82;}
header .head ul li:first-child:after {display:none;}

/* left */
#left {position:fixed;left:0;top:0;width:205px;height:100%;padding:50px 0 0;border-right:1px solid #d9dada;background:#fff;box-sizing: border-box;vertical-align:top;box-shadow: 0 1px 5px 0 rgba(199,197,197,1);z-index:500;}
#left .nav {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-ms-flex;display: -moz-flex;display:flex;-ms-flex-direction:column;flex-direction:column;flex-direction:column;height:100%;}
#left .nav nav {margin:0 0 auto;padding:15px 0 0 0;}
#left .nav nav > ul > li {display:block;border-top:1px solid #d9dada;border-bottom:1px solid #d9dada;font-size:15px;}
#left .nav nav > ul > li a {position:relative;display:block;padding:13px 20px;}
#left .nav nav > ul > li + li {border-top:none;}
#left .nav nav > ul > li > a:after {content:''; position:absolute; top:23px; right:20px; width:8px; height:2px; background:#acacac;}
#left .nav nav > ul > li > a:before {content:''; position:absolute; top:20px; right:23px; width:2px; height:8px; background:#acacac;transform:rotate(0.1deg);}
#left .nav nav > ul > li.on, #left .nav nav > ul > li:hover {background:#f5f7f8;}
#left .nav nav > ul > li.on > a{color:#000;font-weight:600;}
#left .nav nav > ul > li.on > a:after {background:#001d49;}
#left .nav nav > ul > li.on > a:before {background:#001d49;transform:rotate(0.1deg);}
#left .nav nav > ul > li > ul > li > a {display:block;padding:10px 30px;font-size:0.85em;}
#left .nav nav > ul > li > ul > li a.on, #left .nav nav > ul > li > ul > li a:hover {color:#0046cb;}
#left .nav ul ul {display:none;margin-bottom:10px;}
#left .nav .copy {position:relative;padding:0 10px 10px 0;font-size:12px;text-align:right;}
/* #left .nav nav > ul > li.on > ul {box-shadow: inset 0 5px 5px -5px #a0a0a0, inset 0 -5px 5px -5px #a0a0a0;} */

/* content */
.content {min-height:750px;padding:15px 40px 50px;box-sizing:border-box;vertical-align:top;}
.content .inner {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-ms-flex;display:-moz-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;}
.inner.nowrap {-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;}
.cont {-webkit-flex:auto;-ms-flex:auto;flex:auto;width:100%;} 
.cont .section {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-ms-flex;display:-moz-flex;display:flex;margin:0 0 20px 0;background:#fff;border:1px solid #dcdcdc;}
/*.cont .section {margin-top:10px;}
.cont .section:first-child {margin-top:0;} */ 
.cont .section .incon {position:relative;width:100%;padding:20px;box-sizing:border-box;/*z-index:1;*/}
.cont .section .group {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-ms-flex;display:-moz-flex;display:flex;}
.cont .section .group.colum3 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between; width:100%; padding:30px 60px;}
.cont .section .group.colum3 > div {width:33.3%;padding-left:150px;}
.cont .section .group .colum2 {display: flex; flex-wrap: nowrap; justify-content: space-between;}
.cont .section .group > .right {float:right;margin-left:20px;width:100%;box-sizing: border-box;}
.saleDate {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;margin-top:15px;z-index:20;}
.saleDate > .btn, .saleDate > select.type1 {margin-left:3px;}
/*.saleDate > span {line-height:30px}*/
.cont > h2 {height:54px;font-size:26px; line-height:44px; color:#001d49; font-weight:500;}
.cont h3 {position:relative;padding-left:12px; height:17px;font-size:17px; line-height:1em;color:#001d49; font-weight:600;}
.cont h3 span:after {content:'';position:absolute;top:5px;left:0;display:block;width:5px;height:8px;background:#00b0f0;border-radius:4px;}
.boxCol, .listCol, .right {display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;flex-wrap:wrap;}
.boxCol02 {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.boxCol ul.listType, ul.boxCol > li {display:-webkit-box;display:-ms-flexbox;display:flex;align-items: center;}
.listCol {width:100%;}
.listCol > li {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap: wrap; align-items:center;}
.listCol > li + li {margin-left:20px;}
.listCol > li.period {margin-left:5px;}
.listCol > li.period > .btn {padding: 0 10px;border-radius:5px;}
.listCol > li.period > .btn.on, .listCol > li.period > .btn.on:hover {background-color:#00b1eb;border-color:#00b1eb;color:#fff;}
.listCol > li.period > .btn:hover {border-color:#00b1eb;background-color:#fff;color:#00b1eb;}
.listCol + .listCol {margin:8px 0;}
.listCol.single {margin-bottom:8px;}
.mainCont {display:-webkit-box;display:-ms-flexbox;display:flex;color:#000;}
.mainCont > div {position:relative;}
div.mainCont + div.mainCont {margin-top:50px;}
.mainCont h3 {margin-bottom:25px;font-size:23px;line-height:1em;color:#000;font-weight:600;}
.box {background:#fff;border:1px solid #dbdddc;border-radius:5px;/*box-shadow: 2px 6px 6px -4px rgba(199,197,197,1);*/}
.mainCont.box {padding:30px 55px;box-shadow: 2px 6px 6px -4px rgba(199,197,197,1);}
.mainCont.box > div + div::before {content:'';display: block;position:absolute;top:10%;left:0;width: 1px; height:90%;background-color: #e9e9e9;}
.mainCont.box > div.info {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:center;}
.mainCont.box > div.info {padding:0 50px;min-width:394px;box-sizing:border-box;}
.mainCont.box > div.info > p {width:100px;}
.mainCont.box > div.info .text > ul li {display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.mainCont.box > div.info .text {-webkit-box-flex:1;-ms-flex:1;flex:1;}
.mainCont.box > div.info .text > ul li + li {margin-top:10px;}
.mainCont.box > div.info .text > ul > li > span {font-size:14px;font-weight:600;}
.mainCont.box > div.info .text > ul > li > span.total {font-size:24px;}
.mainCont .info2 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align: center;}
.mainCont .info2 li {-webkit-box-flex:1;-ms-flex:1;flex:1;}
.mainCont .info2 li + li, ul.boxCol li + li {margin-left:20px;}
.mainCont .info2 li .tit {padding:15px 0;font-size:19px;font-weight:600;background-color:#f6f7f9;border-radius:5px;opacity:.75;border-bottom: 1px solid #dbdddc;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.mainCont .info2 li > p {padding:20px 0;border-radius:5px;font-size:25px;}
.mainCont.colum2, .section .incon > .colum2 {display: flex; justify-content: space-between;}
.mainCont .board {padding: 30px 0;width:calc(50% - 20px);text-align: center;}
.mainCont .board > .tit {display:inline-block;position:relative;padding-bottom:10px;font-size:19px;font-weight:600;color:#001d49;}
.mainCont .board > .tit::after {content:'';position:absolute;bottom:0;left:0;height:2px;width:100%;display:block;border-bottom: 2px solid #001d49;}
.mainCont .board > ul {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap: wrap; padding:0 40px;}
.mainCont .board > ul > li {flex: 0 0 calc(100%);}
.mainCont .board > ul > li > a {display:-webkit-box;display:-ms-flexbox;display:flex;justify-content: space-between; padding:14px 0;border-bottom:1px solid #e3e3e3;}
.mainCont .board > ul > li > a:hover {color:#0046cb;} 
.mainCont .board > ul > li > a > p {display:block;width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;} 
.mainCont .board > .btnMore {display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;right:2px;width:40px;height:40px;font-weight:600;} 
.mainCont .board > .btnMore > .plus {width:100%;height:100%;line-height:40px;}
.boxArea .left {flex: 3;}
.boxArea .center {display:-webkit-box;display:-ms-flexbox;display:flex;}
.boxArea .right {flex-grow:1;justify-content:flex-end;}
.quickLink {position:relative;height:42px;box-sizing:border-box;}
.quickLink > button {background-color: #fafafa; border: 1px solid #ccc;box-shadow: 1px 0 4px 0 rgba(0, 0, 0, .1);border-radius: 4px;font-size:14px;font-weight:550;line-height: 40px;padding:0 20px;}
.quickLink > button:hover {color:#00b0f0;transition: 0.4s;}
.goTop {position:fixed;right:10px;bottom:10px;width:60px;height:60px;background:#fff url(/common-g/images/ico_top.png) 50% 50% no-repeat; border-radius:100%;box-shadow:2px 2px 6px rgba(0, 0, 0, 0.07);display:none;transition:opacity .3s ease-in-out;}
.goTop.visible {display:block;opacity:1;}
.erroMes {line-height:1.4em;}
.ex {margin-top:10px;}
.ex > span:first-child {color:#ff0000;}
.pagination {margin-top:50px;}
.pagination ul {display:flex;align-items:center;justify-content:center;}
.pagination ul li {margin:0 0.2rem;}
.pagination ul li a {position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:16px;line-height:34px;color:#000;border-radius:4px;transition:background 0.3s, color 0.3s;}
.pagination ul li:hover a {background:#001d49;color:#fff;}
.pagination ul li.active a {background:#001d49;color:#fff;}
.pagination ul li.pgPrev a {background:url(/common-g/images/bg_prev.png) no-repeat center;}
.pagination ul li.pgNext a {background:url(/common-g/images/bg_next.png) no-repeat center;}
.boardWrap {width:100%;margin:20px 0 50px;}
.boardView .boardTit {padding:30px 0 20px;border-top:1px solid #000;border-bottom:1px solid #e5e5e5;}
.boardView .boardTit > .tit {font-size:20px;font-weight:600;color:#000;}
.date {margin-top:15px;font-size:13px;color:#848484;}
.boardView .boardCont {padding:30px 0 50px;line-height:1.3rem;}
.boardView > .infor {width:100%;border-bottom:1px solid #e5e5e5;color:#848484;}
.boardView > .infor > div {display:table;table-layout:fixed;width:100%;}
.boardView > .infor > div > dl {display:table-cell;box-sizing:border-box;position:relative;}
.boardView > .infor > div > dl > dt, .boardView > .infor > div > dl > dd {display:inline-block;padding:15px 0;}
.boardView > .infor > div > dl > dt {width:100px;font-weight:600;vertical-align:top;}
.boardView > .infor > div > dl > dd > a {display:block;padding:0 0 5px;}
.boardView > .infor > div > dl > dd > a:last-child {padding-bottom:0;}

.pageNavi {position:relative;width:100%;margin-bottom:40px;border-top:1px solid #e5e5e5;}
.pageNavi > dl {width:100%;border-bottom:1px solid #e5e5e5;font-size:14px;line-height:1.1;color:#222;display:table;table-layout:fixed;}
.pageNavi > dl > * {display:table-cell;vertical-align:middle;box-sizing:border-box;position:relative;}
.pageNavi > dl > dt {width:100px;height:60px;text-align:center;color:#222;}
.pageNavi > dl > dt:after {content:'';width:8px;height:8px;border-width:1px 0 0 1px;border-style:solid;border-color:#000;display:inline-block;position:absolute;left:4px;}
.pageNavi > dl.prev > dt:after {transform:rotate(45deg);top:calc(50% - 0.2rem);}
.pageNavi > dl.next > dt:after {transform:rotate(225deg);top:calc(50% - 0.55rem);}
.pageNavi > dl > dd {padding:0 50px 0 30px;}
.pageNavi > dl > dd a {max-width:100%;font-weight:500;color:#222;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pageNavi > dl > dd > a:hover {color:#00b0f0;}
.mgb {margin-bottom:40px;}
.writeBox {position:relative;display:flex;align-items:center;width:100%;height:54px;border-bottom:1px solid #e5e5e5;}
.writeBox label {width:15%;height:100%;background:rgba(0, 29, 73, 0.03);}
.writeBox > input {width:85%;height:100%;padding:0 18px 0 150px;background:transparent;border:none;}
.fileArea {width:100%;display:flex;align-items:center;box-sizing:border-box;}
.fileArea > .column {flex:1;padding:0;}
.fileArea > .column + .column {margin-left:20px;}
.icoRequi {overflow:hidden;width:0;padding:0 0 0 15px;position:relative;display:inline-block;white-space:nowrap;vertical-align:top;font-size:0;}
.icoRequi:before {content: "*";float:left;margin:0 0 0 -15px;width:15px;color:#ff0000;text-align:center;font-size:1.1rem;font-weight:500;}
.inforBox {width:100%;padding:15px 10px;margin-bottom:10px;background:rgba(214, 0, 0, 0.04);font-size:.75rem;color:rgba(214, 0, 0, 0.8);box-sizing:border-box;}
.clientInfor {width:100%;display:flex; margin:0 0 10px; padding:20px 20px 16px;background:rgb(247,247,247);font-size:12px;font-weight:bold;color:#222;position:relative;box-sizing:border-box;}
.clientInfor > dl {width:100%;display:flex;column-gap:10px;}
.clientInfor > dl > dd > span {color:#d60000;}
.passArea {width:480px; margin:30px auto;padding:40px 30px;}
.passArea.box {box-shadow: 2px 6px 6px -4px rgba(199,197,197,1);}
.passArea > ul {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.2em;}
.passArea > ul > li {width:100%;/*width:calc(50% - .6em);*/display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #ddd;}
.passArea > ul > li > span {width:35%;display:inline-block;position:relative;padding-left:20px;}
.passArea > ul > li > span:after {display:block;content:'';position:absolute;top:50%;left:0;width:3px;height:3px;background:#314370;}
.passArea > ul > li > input {width:270px;/*border:none;border-bottom:1px solid #ccc;*/}
.passArea + .btnArea {margin:2em 0;}

/* login */
.login {background-color: #f1f5f6;}
.login > #wrap {padding:0;}
.login > #wrap > .loginTop {position:absolute;width: 100%;height: calc(100% - 50%);background-color: #01b1ec;}
.login > #wrap > .loginBottom {position:absolute;top:50%;width:100%;height:calc(100% - 50%);}
.login .loginCont {width:1000px;height:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-end;justify-content:center;}
.login .loginCont > h1 {font-size:3em;color:#fff;margin-bottom:230px;}
.login .loginCont h2 {font-size:1.6em; color:#4b4b4b;text-align:center;flex:auto;}
.login .loginTop .loginCont {background:url(/common-g/images/login_bg.png) 180px 100% no-repeat;}
.login .loginBottom > .loginCont {width:400px;align-items:start;}
.login .loginCont .inputBox {margin-top:70px;} 
.login .loginCont .inputBox input {height: 46px;line-height:46px;} 
.login .loginCont .inputBox input::placeholder {color:#898989;} 
.login .loginCont .inputBox input + input {margin-top:5px;} 
.login .loginCont .inputBox .btnLogin {color:#fff;font-weight:600;font-size:17px;border-radius:22px; background-color:#00b0f0;width:100%;margin-top:40px;} 
.login .loginBottom .loginCont .inputBox > p {font-size:14px;color:#4b4b4b;text-align:center;margin-top:30px;}

/* °Ë»ö */
.search ul {position:relative;width:100%;padding:10px 0 10px 0;border-bottom:1px solid #e3e3e3;z-index:100;box-sizing:border-box;}
.search ul:first-child {padding-top:0px}
.sTit {display:inline-block;position:relative;padding:0 10px 0 13px;font-size:14px;line-height:14px;} 
.sTit:after {display:block;content:'';position:absolute;top:50%;left:0;width:5px;height:3px;background:#314370;}
.search ul li {float:left;padding-left:35px;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;} 
.search ul li:first-child {padding-left:0;} 
.search ul:after {display:block;content:'';clear:both;} 

.searchAll, .cont .close {position:absolute;top:80px;right:20px;padding-left:10px;font-size:15px;color:#00b0f0;z-index:100;}
.searchAll a:before, .cont .close a:before {display:block;content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:#00b0f0;}
.searchAll a:after, .cont .close a:after {display:block;content:'';position:absolute;bottom:5px;left:0;width:0px;height:0px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #001d49;border-right:3px solid transparent;}
.searchAll a, .cont .close a{color:#00b0f0;}
.view {display:block;}
.etc, .close, .sub {display:none;}

.banner {width:205px;margin:0 0 0 20px;}
.banner li {margin-bottom:10px;}
select.type1 {border-color:#aaa;}

/* tab */
#tabWrap {position:relative;width:100%;height:100%;box-sizing:border-box;}
.tabs {position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;width: 1019px;}
/*.tabs:after {display:block;content:'';clear:both;height:0;visibility:hidden;}*/
.tabs ul {display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;}
.tabs ul li {position:relative;display:inline-block;-ms-flex:1;flex:1;text-align:center;margin:0 0 0 -1px;max-width: 150px;}
.tabs ul li.active {box-shadow: 4px 4px 4px -4px rgba(199,197,197,1);}
.tabs ul li.active:before {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#00b1eb}
.tabs ul li span {display:block;line-height:48px;font-size:15px;color:#000;border-right:1px solid #ddd;cursor:pointer;}
.tabCont {width:100%;padding:15px;margin-top:-1px;border-top:1px solid #ddd;box-sizing:border-box;}
.tabCont .inBox {flex:1 0;-ms-flex:1 0;min-width:411px;box-sizing:border-box;} /* flex:0 ¼Ó¼º ¼öÁ¤, min-width ¼Ó¼ºÃß°¡ */
.tabCont .inBox:not(:last-child) {margin-right:5px;}
.tabCont .inBox h2, .tableTit {display:block;width:100%;font-size:15px;color:#fff;text-align:center;line-height:43px;font-weight:600;background:#9da4b4;}
/*.tabCont .inBox h2:not(last-child) {margin-top:20px;}*/

.tabType1 {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:88%;}
.tabType1 li {flex:1;height:48px;border-right:1px solid #ddd;box-sizing:border-box;}
/*.tabType1 li:first-child {border-left:none;}*/
.tabType1 li a {display:block;font-size:15px;color:#000;line-height:47px;text-align:center;}
.tabType1 li a.on {border-bottom:2px solid #00b1eb;color:#00b0f0;}
.tabType1 > li > div {position:absolute;top:65px;left:0;display:flex;width:800px;}
.tabType1 > li > div h1 {display:block;width:100%;font-size:15px;color:#fff;line-height:43px;background:#9da4b4;}

/* button */
.btnArea {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;justify-content:center;align-items:center;margin:20px 0 0;z-index:1;}
.btn + .btn {margin-left:3px;}
.fr.btnArea {/*padding-top:0;*/margin-top:0;position:absolute;bottom:0;right:0;text-align:right;}
.btn, .btn.sm, .btn.sl {display:inline-flex;justify-content: center;align-items: center; height:32px;background:#fff;border:1px solid #555;border-radius:5px;}
.btn {padding:0 15px;transition:all 0.3s ease-out;}
.btn.search.sky {padding:0 30px;}
.btn.sm, .btn.sl {padding:0 30px;height:36px;border-radius:3em !important;font-size:14px;line-height:36px;box-sizing:border-box;}
.btn.sl.sky {min-width:140px;}
input.btn.sl {min-width:120px;}
.btn.primary {color:#fff;border:1px solid #001d49}
.btn.gray {background:#a8a8a8;border:1px solid #a8a8a8;color:#fff;}
.btn.sm.fax > span {font-size:.85em;line-height:.85em;}
.btn.sm.gray {background:#fff;border:1px solid #001d49;color:#000;}
.btn.primary, .btn.sm.primary, .btn.sl.primary, .btnS.search.primary {background:#001d49;border:1px solid #001d49;color:#fff;}
.btn.sky, .btn.sm.sky, .btn.sl.sky, .btnS.search.sky {background:#00b0f0;border:1px solid #00b0f0;color:#fff;}
.btnS.search.sky {padding-left:25px;padding-right:25px;}
.btnS {/*position:relative;*/display:inline-block;padding:8px 10px 9px;background:#69758f;border:1px solid #69758f ;color:#fff;vertical-align:top;}
.btnS + .btnS, .btnM + .btnM {margin-left:3px;margin-right:5px;}
.btnS.icon {padding:0;width:32px;height:32px;box-sizing:border-box;}
.btnS.icon span:after {display:block;content:'';position:absolute;top:6px;left:6px;width:20px;height:20px;background: url('/common-g/images/ico_search.png') no-repeat 0 0;}
.btnS.icon > span {position:absolute;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap;margin:-1px;padding:0;border:0;}
.plus {position:absolute;top:0;/*right:0;*/font-size:22px;width:32px;height:32px;padding:0;}
.plus:focus {border:1px solid #a8a8a8;}
.btn.excel {position:relative;background:#fff;border:1px solid #282828;}
.btn.excel span:after {display:block ;content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;background:url('/common-g/images/ico_excel.png') no-repeat 0 0;background-size:24px;}
.btn.excel > span {width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap;margin:-1px;padding:0;border:0;}
button.btn {height:32px;}
.btn.ico {background-size:20px!important;background-position:10px 5px !important;border-color:#00b0f0;color:#00b0f0;padding-left:32px;}
.btn.icoG {background-size:20px!important;background-position:10px 5px !important;border-color:#001d49;color:#001d49;padding-left:32px;}

.btn:hover, .btnS:hover {background-color:#001d49;color:#fff;transition:all 0.3s ease-out;}
.btn.primary:hover, .btn.sm.primary:hover {background:#fff;color:#222;}
.btnS.search, .btnS.search:hover {background-image: url('/common-g/images/ico_search03_ho.png');background-size:18px;background-position:10px 5px;background-repeat:no-repeat;margin-left:3px;padding:8px 15px 9px 34px;text-align:center;}
/*.btnS.search:hover {background-color:#001d49;}*/
.btn.excel:hover {/*background:#001d49;*/opacity:.8;}
.btn.excel:hover span:after {background:url('/common-g/images/ico_excel_ho.png') no-repeat 0 0;background-size:24px;}
.btn.search.sky:hover, .btn.sl.sky:hover, .btn.sky:hover {background:#fff;border:1px solid #00b0f0!important;color:#00b0f0;}
.btn.icoG:hover {background-color:#001d49 !important;color:#fff;}
.btnS:hover {/*background:#001d49;*/border:1px solid #001d49!important;}
.btn.ico:hover {background-color:#00b0f0 !important;border-color:#00b0f0;color:#fff;}
.btn.ico.docs {background:url(/common-g/images/ico_desc.png) no-repeat;}
.btn.ico.docs:hover {background:url(/common-g/images/ico_desc_ho.png) no-repeat;}
.btn.ico.setting {background:url(/common-g/images/ico_setting.png) no-repeat;}
.btn.ico.setting:hover {background:url(/common-g/images/ico_setting_ho.png) no-repeat;}
.btn.ico.invoc {background:url(/common-g/images/ico_invoc.png) no-repeat;}
.btn.ico.invoc:hover {background:url(/common-g/images/ico_invoc_ho.png) no-repeat;}
.btn.ico.search {background:url(/common-g/images/ico_search03.png) no-repeat;}
.btn.ico.search:hover {background:url(/common-g/images/ico_search03_ho.png) no-repeat;}
.btn.ico.sum {background:url(/common-g/images/ico_sum.png) no-repeat;}
.btn.ico.sum:hover {background:url(/common-g/images/ico_sum_ho.png) no-repeat;}
.btn.ico.check {background:url(/common-g/images/ico_check.png) no-repeat;}
.btn.ico.check:hover {background:url(/common-g/images/ico_check_ho.png) no-repeat;}
.btn.ico.log {background:url(/common-g/images/ico_note.png) no-repeat;}
.btn.ico.log:hover {background:url(/common-g/images/ico_note_ho.png) no-repeat;}
.btn.ico.message {background:url(/common-g/images/ico_message.png) no-repeat;}
.btn.ico.message:hover {background:url(/common-g/images/ico_message_ho.png) no-repeat;}
.btn.ico.excelup {background:url(/common-g/images/ico_excelup.png) no-repeat;}
.btn.ico.excelup:hover {background:url(/common-g/images/ico_excelup_ho.png) no-repeat;}
.btn.ico.add {background:url(/common-g/images/ico_add.png) no-repeat;}
.btn.ico.add:hover {background:url(/common-g/images/ico_add_ho.png) no-repeat;}
.btn.icoG.down {background:url(/common-g/images/ico_down.png) no-repeat;}
.btn.icoG.down:hover {background:url(/common-g/images/ico_down_ho.png) no-repeat;}
.btn.icoG.file {background:url(/common-g/images/ico_file.png) no-repeat;}
.btn.icoG.file:hover {background:url(/common-g/images/ico_file_ho.png) no-repeat;}

/* .btnL > span {font-size:14px;} */
/* .btn.type1 {min-width:45px;line-height:33px} */
/* .btn:hover {background:#001d49;color:#fff;transition:all 0.3s ease-out;} */

/* table */
table.tableRow {/*position:relative;*/box-sizing:border-box;border:1px solid #ddd;border-top:none;width:100%;}
table.tableRow > tbody > tr > th {padding:15px 5px;background:#fafafb;border-bottom:1px solid #ddd;border-left:1px solid #ddd;color:#000;text-align:left;box-sizing:border-box;}
table.tableRow th:first-child, table.tableRow td:first-child {border-left:none;}
table.tableRow > tbody > tr > td {padding:5px 5px;background:#fff;border-bottom:1px solid #ddd;border-left:1px solid #ddd;box-sizing:border-box;}
table.tableRow th > label {vertical-align:initial;}
table.tableRow td select {width:100%;box-sizing:border-box;}
table.tableCol > thead > tr > th {padding:15px 5px;background:#fafafb;border-bottom:1px solid #ddd;border-top:1px solid #ddd;color:#000;box-sizing:border-box;}
table.tableCol > tbody > tr > td, table.tableCol > tbody > tr > th {padding:12px 5px;background:#fff;border-bottom:1px solid #ddd;box-sizing:border-box;text-align:center;line-height:1.2;}
table.tableCol > tfoot > tr > td {padding:12px 5px;background:rgba(214, 0, 0, .03);border-bottom:1px solid #ddd;color:#000;line-height:1.4;text-align:center;}
table.tableCol.type1 > tbody td {text-align:left;line-height: 1.5em;}
table.tableCol.type1 > thead th + th, table.tableCol.type1 > tbody td + td {border-left:1px solid #ddd;}
table.tableCol.type2 > tbody th, table.tableCol.type2 > tbody td {background:#fafafb; border:1px solid #ddd; border-left:1px solid #ddd;color:#000;}
table.tableCol.type2 > tbody th:first-child, table.tableCol.type2 > tbody td:first-child {border-left:none;}
table.tableCol.type2 > tbody td {height:44px;background:none;}
table.tableCol.type2 > tbody td.formE {padding-top:5px;padding-bottom:5px;}
table.tableCol.type2 > tbody td.file {background:rgba(39, 105, 133, 0.1); border-top:1px solid #ddd;}
table.tableCol .tit01 {background:rgba(0, 176, 240, .06);}
table.tableCol tr.total td {color:rgba(0, 0, 0, 1);font-weight:600;text-align:center;border-left:none !important;border-right:none !important;}
table.tableCol.type1.alc td {height:50px;padding:0 5px;text-align:center;box-sizing:border-box;}
table.tableCol.type1.alc td > a {color:#001d49;}
.fileBox {display:inline-block;width:80% !important;}
.boardTable {/*margin-top:20px;*/border-top:1px solid #000;}
.boardTable table {width:100%;table-layout:fixed;}
.boardTable table thead th {font-size:14px;font-weight:600;color:#000;}
.boardTable table thead > tr > th, .boardTable table tbody tr > td, .boardTable.row table tbody tr > th {height:55px;padding:0 5px;border-bottom:1px solid #e5e5e5;font-size:14px;text-align:center;} /* height Ãß°¡, padding °ª Á¶Á¤ */
.boardTable > table .tit {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;text-align:left;}
.boardTable table tbody tr > td a:hover {color:#00b0f0;}
.boardTable.row table tbody tr th, .boardTable.row table tbody tr td {height:50px; padding:0 10px;text-align:left;box-sizing:border-box;}
.boardTable.row table tbody tr th {border-bottom:1px solid #e5e5e5;background:rgba(0, 29, 73, 0.03);}
.boardTable.row table tbody td textarea {margin:10px 0;}
.scrollSelect {width:500px;height:60px;overflow-y: auto;appearance: none;-webkit-appearance: none;-moz-appearance: none;margin:10px 0;border: 1px solid #e5e5e5;/*border-radius:4px;*/background:none;}
.scrollSelect option {padding:2px 0;}

/* input */
.iptChk {position:relative;display:inline-block;min-height:20px;padding-left:17px;margin:3px 13px 3px 0;}
.iptChk input {position:absolute; left:0; top:50%; width:16px; height:16px; margin-top:-7px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none;outline:0;}
.iptChk label:before {content:"";position:absolute;top:50%;left:0;display:block;width:13px;height:13px;margin-top:-7px;font-family:fontello;color:#8c8c8c;text-align:center;line-height:22px;border:1px solid #8c8c8c;box-sizing:border-box;cursor:pointer;cursor:pointer;}
.iptChk input:checked + label:before {background:#001d49;}
.iptChk label {cursor:pointer;}
label.type1 {display:inline-block;line-height:28px;}
label.type2 {font-size:12px;line-height:28px;}
label.type1:after {content:'';margin-right:10px;}
.chk {width:13px;height:29px;margin:0 4px 0 0;}

/* title */
.titType1 {/*padding-left:13px;background:url('/common-g/images/ico_tit.png') no-repeat 0 2px;*/position:relative;font-size:17px;color:#000;font-weight:bold;}
.titType1 + .boxCol {margin-top:20px}
.subTit {position:relative;margin:15px 0 7px;font-size:.8em;font-weight:600;color:#000;}

/* etc */
.zipCode {width:76px !important;margin-bottom:2px;}
.fl{float:left;}
.fr{float:right;position:relative;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.al {text-align:left;}
.arraL {position:absolute;left:0;}
.arraR {position:absolute;right:0;}
.areaBox {position:relative;display:block;/*z-index:25;*/font-size:0;}
.areaBox + .areaBox {margin-top:3px;}
.areaBox > input[type='text'] {width:90%;}
.areaBox:after {content:'';display:block;clear:both;}
.boxArea {display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5px;}
.boxArea .dateEtc {border-color:#9da4b4;color:#333;}
.boxArea dt, .boxArea dd {display:inline-block;font-size:.8em;}
.boxArea dt {padding-left:12px;}
.boxArea dt:after {content:'';position:absolute;top:8px;left:0;display:block;width:5px;height:5px;background:#00b0f0;border-radius:3px;}
.boxArea dd {font-size:1em;color:#314370;}
.boxArea + .boxArea {margin-top:15px;}
.mt2 {margin-top:2px;}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt30 {margin-top:30px;}
.ml5 {margin-left:5px}
.mlr3 {margin:0 3px}
.pr10 {padding-right:10px;}
.iptSm {width:120px !important}
.far {justify-content: flex-end; flex: auto;}
.red {color: #d60000;}
.bold {font-weight:600;font-size: 1rem;}
.blue {color: #007cfb;}
.primary {background:#001d49;}
.txtEm {font-size:1em;font-weight:600;color:#222;}
.txt {margin-bottom:5px;font-size:0.8rem;line-height:1.2rem;}
.bgY {background-color:rgba(255, 255, 20, .1) !important;}

/* Æ˾÷ */
body#pop {background:#fff;}
#popWrap {height:100%;padding:0;background:#fff;box-sizing:border-box;}
#popWrap .popHead {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;padding:20px 10px;background:#001d49;}
#popWrap .popHead h1 {display:inline-block;/*padding:0 0 0 13px;background:url('/common-g/images/ico_tit.png') no-repeat 0 3px;*/font-size:17px;line-height:17px;color:#fff;}
#popWrap > .popHead.print {background: #fff;justify-content: center;}
#popWrap > .popHead.print > h1 {color:#222; font-size: 2em;}
#popWrap .popContent {position:relative;padding:20px 10px 10px;}
#popWrap .popContent .left {flex:auto;}
#popWrap .popContent h2 {display:block;position:relative;margin-bottom:5px;}
#popWrap .popContent h2 > span {padding-left:12px;font-size:.7em;}
#popWrap .popContent h2 > span::after {content:'';position:absolute;top:4px;left:0;display:block;width:5px;height:5px;background:#00b0f0;border-radius:3px;}
#popWrap .popContent .boxArea h2 {margin-bottom:0;} 
#popWrap .popHead .btnClose{width:24px;height:24px;background:url('/common-g/images/btn_close.png') 50% 50% no-repeat;cursor:pointer;}
.popTable .tableRow {border-top:1px solid #ddd;box-sizing:border-box;margin-top:-1px;}
.popTable + .boxCol {margin-top:20px;}
.popTable + .boxCol > .listCol {margin-bottom:10px;}
.popSearch {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;/*justify-content:left;*/}
.popSearch > .search > ul {border:none;}
.popSearch > .search button.excel {margin-left:5px;}
#popWrap .tabs {position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;/*width:257px;*/}
#popWrap .tabs li {border-top:1px solid #ddd}
#popWrap .tabs li:first-child {border-left:1px solid #ddd}
#popWrap .tabCont {padding:15px 0;}
.mapImg {position:relative;min-height:400px;margin-top:10px;border:1px solid #e3e3e3;text-align:center;}
.printBtn {text-align:right;margin:10px;}
.popTxt {margin-bottom:10px;}
.gridRow {display:grid;gap:30px;margin:20px 0 10px;text-align: center;}
.txtInfo {margin-top:20px;}
.zipKind {justify-content: center; margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(0, 29, 73, 1);}
.zipKind > .listCol > li > label > input {margin-right:6px;}
.zipSearch {flex-direction:column;justify-content: center;margin-bottom:20px;}
.zipInfo {margin-bottom:10px;}
.curPoin{cursor:pointer;}

/* Dropdown */
  .dropdown {position:relative;display:inline-block;z-index:100;margin-right:3px;}
  .dropdown > button {vertical-align:baseline;}  
  .dropCont {display:none;position:absolute;background-color:#f9f9f9;min-width:100px;box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2);z-index:1;}  
  .dropCont > button {text-align:center;color:black;padding:12px 10px;text-decoration:none;display:block;width:100%;word-break:keep-all;}
  .dropCont > button:hover {background-color:#fffcd3;} 
  .dropdown:hover .dropCont {display:block;}
  .dropdown:hover .btn {background-color:#001d49;color:#fff;}
  
/* modal */
.modal {display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);z-index:999;}
.modalContainer {background-color:#fefefe;position:fixed;z-index:1000;top:50%;left:50%;transform:translate(-50%, -50%);min-width:500px;}
.modalClose {color:#fff;float:right;width:28px;height:28px;text-align:center;font-size:28px;line-height:28px;font-weight:bold;font-family:Pretendard;}
.modalClose:hover, .modalClose:focus {color:#00b0f0;text-decoration:none;cursor:pointer;}

.modalHead {display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center; background:#001d49;padding:0 15px;height:60px;}
.modalHead h1 {font-size:18px;font-weight:400;color:#fff;}
.modalCont {padding:20px 10px;margin:0 -1px -1px 0;}

.modalCont .tabs {position: relative;z-index: 1;display:-webkit-box;display:-ms-flexbox;display:flex;width: 257px;}
.modalCont .tabs li {border-top:1px solid #ddd;}
.modalCont .tabs li:first-child {border-left:1px solid #ddd;}

/* ¹Ìµð¾îÄõ¸® */
@media (min-width:1919px) {
    .content {width:1600px;/*margin:0 auto;*/}
	#wrap.full .content {width:100%;}
  }

/* ±×¸®µå ´õºíŬ¸¯ ½Ã »ö»ó */
.tui-grid-cell.cell-selection {
	background-color: rgba(255, 254, 226, .6) !important;
}
.gridTable {border:1px solid #ccc;border-top:none;border-bottom:none;}
.tui-grid-cell-summary {text-align:center;font-weight:600;/*color:rgb(81, 92, 230) !important;*/} /* ÇÕ°è ÆùÆ® ¼³Á¤º¯°æ */

/* ±×¸®µå text »ö»ó */
.gRed {color: #ff0000 !important;}
.gBlue {color: #0000ff !important;}
.gPink {color: #ff00ff !important;}
.gpurple {color: #4b006e !important;}