@charset "UTF-8";

/*UL,OL*/
ul, ol{list-style:none;}

/*HYPER*/
a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#000;}
a:active{text-decoration:none; color:#000;}

/*FONT*/
@font-face{font-family:'Noto Thin';font-style:normal;src:url(../font/NotoSans-Thin.woff) format("woff")}
@font-face{font-family:'Noto Light';font-style:normal;src:url(../font/NotoSans-Light.woff) format("woff")}
@font-face{font-family:'Noto Regular';font-style:normal;src:url(../font/NotoSans-Regular.woff) format("woff")}
@font-face{font-family:'Noto Medium';font-style:normal;src:url(../font/NotoSans-Medium.woff) format("woff")}
@font-face{font-family:'Noto Bold';font-style:normal;src:url(../font/NotoSans-Bold.woff) format("woff")}
*{font-family: 'Noto Light';}

/*Left Layout & GNB*/

.wrap .left{width: 290px;float:left; vertical-align: top;height: 100%;font-size:16px;position:relative;}
.wrap .left .logo{padding:30px 25px 25px;border-bottom: 1px solid #e7e7e7;position: relative;}
.wrap .left .quick-btn{width:48px;height:48px;position: absolute;right:-24px;top:50%;margin-top:-24px;background:url('../images/contents/quick-btn.png') no-repeat center; text-indent:-9999px;}
.wrap .left .m-menu{display: none;width: 30px;height: 22px;background: url('../images/contents/m-menu.png') no-repeat center;position: absolute;right: 35px;top: 50%;margin-top: -11px;background-size: cover;}
.wrap .left .gnb{padding: 25px 35px 0 15px;box-sizing: border-box;position: relative;}
.wrap .left .gnb a.close-btn{display:none;background: url('../images/contents/close-btn.png') no-repeat center;width:30px;height:30px;position:absolute;top: 15px;right: 25px;text-indent: -9999px;}
.wrap .left .gnb > ul > li{margin-bottom: 10px;}
.wrap .left .gnb > ul > li > a{border-radius: 50px;padding: 6px 15px 7px 55px;box-sizing: border-box;display: block;font-size: 14px;font-family: 'Noto Medium';color:#000;background-color: rgba(0,0,0,0);background-position: 25px 15px;background-repeat:no-repeat;position:relative;}
.wrap .left .gnb > ul > li._useChildDiv > a:after{content:'';width:10px;height:10px;display: block;position: absolute;top:50%;right:7%;margin-top:-5px;background: url('../images/contents/plus.png') no-repeat center;}
.wrap .left .gnb > ul > li._useChildDiv > a:hover:after,
.wrap .left .gnb > ul > li._useChildDiv > a.on:after{background:url('../images/contents/w_plus.png') no-repeat center;}
.wrap .left .gnb > ul > li.gnb_01 > a{background-image:url('../images/contents/menuIcon01.png');}
.wrap .left .gnb > ul > li.gnb_02 > a{background-image:url('../images/contents/menuIcon02.png');}
.wrap .left .gnb > ul > li.gnb_03 > a{background-image:url('../images/contents/menuIcon03.png');}
.wrap .left .gnb > ul > li.gnb_04 > a{background-image:url('../images/contents/menuIcon04.png');}
.wrap .left .gnb > ul > li.gnb_05 > a{background-image:url('../images/contents/menuIcon05.png');}
.wrap .left .gnb > ul > li > a:hover,
.wrap .left .gnb > ul > li > a.on{background-color:#00428e;color:#fff;box-shadow:rgba(0,0,0,0.4) 5px 10px 15px;}
.wrap .left .gnb > ul > li.gnb_01 > a:hover,
.wrap .left .gnb > ul > li.gnb_01 > a.on{background-image:url('../images/contents/menuIcon01_on.png');}
.wrap .left .gnb > ul > li.gnb_02 > a:hover,
.wrap .left .gnb > ul > li.gnb_02 > a.on{background-image:url('../images/contents/menuIcon02_on.png');}
.wrap .left .gnb > ul > li.gnb_03 > a:hover,
.wrap .left .gnb > ul > li.gnb_03 > a.on{background-image:url('../images/contents/menuIcon03_on.png');}
.wrap .left .gnb > ul > li.gnb_04 > a:hover,
.wrap .left .gnb > ul > li.gnb_04 > a.on{background-image:url('../images/contents/menuIcon04_on.png');}
.wrap .left .gnb > ul > li.gnb_05 > a:hover,
.wrap .left .gnb > ul > li.gnb_05 > a.on{background-image:url('../images/contents/menuIcon05_on.png');}

.wrap .left .gnb .depth02{display: none;padding: 25px 30px 15px;}
.wrap .left .gnb .depth02.on{display:block;}
.wrap .left .gnb .depth02 ul li{margin-bottom: 15px;}
.wrap .left .gnb .depth02 ul li a{position: relative;padding-left: 25px;color:#a6a7a9;font-size:14px;}
.wrap .left .gnb .depth02 ul li a.on{color:#363636;font-family: 'Noto Regular';}
.wrap .left .gnb .depth02 ul li a.on:before{content:'';width:7px;height:7px;background:#0056f5;display: inline-block;vertical-align: top;position: absolute;left: 8px;top: 50%;margin-top: -2px;border-radius: 50%;}

.wrap.on .left{margin-left:-290px;}
.wrap.on .quick-btn{right:-55px; transform: rotate(180deg);}
.wrap.on .right{width:100%;}

/*Right layout & Util*/
.wrap .right{width:calc(100% - 290px);background:#f1f2f7;height: 100%;display: inline-block;vertical-align: top;font-size:16px;box-sizing: border-box;padding: 0 60px 25px 60px;}
.wrap .right .util{padding:35px 0;text-align: right;line-height: 1.7;}
.wrap .right .util .working-mode{font-size:14px;color:#0056f5;font-family: 'Noto Bold';}
.wrap .right .util .id-info{padding-left:30px;background: url('../images/contents/user-icon.png') no-repeat left center;box-sizing: border-box;display: inline-block;vertical-align: top;margin-right:15px;}
.wrap .right .util .id-info > span{font-size:14px;color:#0056f5;font-family: 'Noto Bold';}
.wrap .right .util .util-info{display: inline-block;vertical-align: top;padding-left:15px;position: relative;padding-top: 2px;}
.wrap .right .util .util-info:before{content:'';width:1px;height:15px;background:#c3c3cb;display: inline-block;vertical-align: top;position: absolute;left: -1px;top: 7px;}
.wrap .right .util .util-info > li{display: inline-block;vertical-align: top;position: relative;}
.wrap .right .util .util-info > li + li{margin-left:12px;}
.wrap .right .util .util-info > li > a{width:25px;height:25px;text-indent:-9999px;display: block;text-align: left;}
.wrap .right .util .util-info > li.util-full > a{background: url('../images/contents/full-icon.png') no-repeat center;}
.wrap .right .util .util-info > li.util-alram > a{background: url('../images/contents/alram-icon.png') no-repeat center;}
.wrap .right .util .util-info > li.util-setting > a{background: url('../images/contents/setting-icon.png') no-repeat center;}
.wrap .right .util .util-info > li.util-log > a{background: url('../images/contents/log-icon.png') no-repeat center;}
.wrap .right .util .util-info > li.on:after{content:'';width:6px;height:6px;background: #ff9800;border-radius: 50%;position: absolute;top:0;right:0;display: inline-block;}

.wrap .right .conts{background: #fff;border-radius: 5px;border:1px solid #e7e7e7;box-sizing: border-box;min-height: 945px;padding:40px;}
.wrap .right .conts strong.title{font-size:32px;color:#252424;font-family: 'Noto Medium';font-weight: normal;background: url('../images/contents/title-icon.png') no-repeat left center;padding: 2px 0 7px 65px;letter-spacing: -1px;display: block;margin-bottom: 5px;}
.wrap .right .conts strong.title{background: url('../images/contents/title-accunt.png') no-repeat left center;}

.wrap .right .conts-count{padding: 30px 0px 15px 0px;}
.wrap .right .conts-count li{padding-left: 15px;font-size:16px;color:#000;position: relative;}
.wrap .right .conts-count li:before{content:'';width:5px;height:5px;background:#0050b0;border-radius: 50%;display: inline-block;vertical-align: top;position: absolute;top:11px;left:0;}
.wrap .right .conts-count li span{color:#ff9800;}
.wrap .right .disin{display:inline-block;}
.wrap .right .account-tab{display:inline-block; vertical-align:middle; margin-left:50px; margin-bottom:20px; position:relative; z-index:10;}
.wrap .right .account-tab ul li{display:inline-block; margin:5px 0;}
.wrap .right .account-tab ul li a{display:block; background-color:#a9a9a9; color:#fff; padding:8px 15px 10px; border-radius:20px;}
.wrap .right .account-tab ul li a.newadd:before{content:''; width:15px; height:15px; display:inline-block; vertical-align:middle;  margin:-2px 5px 0 0; background: url('../images/contents/w_plus.png') no-repeat center;}
.wrap .right .account-tab ul li a.on,
.wrap .right .account-tab ul li select{height:35px; padding:0px 5px 0px;}
/*.wrap .right .account-tab ul li a:hover{background-color:#2759c5;}*/
.wrap .right .excel a,label{display:inline-block; border-radius:5px; background-color:#1D6F42; color:#fff; padding:3px 10px; margin: 0px 5px; }
.wrap .right .excel label{cursor: pointer; }

.wrap .right .listWrap{margin-top: -47px;position: relative;z-index: 9;}
.wrap .right .listWrap .title{text-align: left;margin-bottom:20px;}
.wrap .right .listWrap .search{text-align: right;margin-bottom:20px;}
.wrap .right .listWrap .search legend{width:0;height: 0;position: absolute;font-size: 0;z-index: -1;}
.wrap .right .listWrap .search .sel-box{display: inline-block;vertical-align: top;cursor: pointer;}
.wrap .right .listWrap .search .search-box{display: inline-block;vertical-align: top;}
.wrap .right .listWrap .search .sel-box > select{border:1px solid #cacaca;background: /*#f9f9f9*/ url('../images/contents/sel-arrow.png') no-repeat 90% center;;cursor: pointer;padding: 8px 15px;font-size:16px;border-radius: 50px;min-width:190px;box-sizing: border-box;height: 45px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.wrap .right .listWrap .search .search-box > input[type="text"]{margin-left: 7px;border:1px solid #cacaca;background: #fff;color:#b9b9b9;padding: 8px 15px;font-size:16px;border-radius: 50px;min-width:270px;box-sizing: border-box;height: 45px;}
.wrap .right .listWrap .search .search-box > input[type="text"]::placeholder{color:#b9b9b9;}
.wrap .right .listWrap .search .search-box > input[type="submit"]{width: 44px;height: 44px;background:#00428e url('../images/contents/search-icon.png') no-repeat center center;border-radius: 50%;display: inline-block;vertical-align: top;text-indent: -9999px;margin-left: 5px;border:none;box-sizing: border-box;}
.wrap .right .listWrap .search .search-box > input[type="button"]{height: 44px;background-color:#00428e; color: #fff; padding:8px 30px 10px; border-radius:30px;display: inline-block;vertical-align: top;margin-left: 5px;border:none;box-sizing: border-box;}
.wrap .right .listWrap .search .search-box > input[type="button"]:disabled{background-color:#e1e3e6; }

.wrap .right .listWrap .conts-table{}
.wrap .right .listWrap .conts-table table{width:100%;box-sizing: border-box;}
.wrap .right .listWrap .conts-table table caption{display: none;}
.wrap .right .listWrap .conts-table table thead th{border-top:2px solid #00428e;border-bottom:1px solid #00428e;padding: 15px 3px 17px 3px;text-align: center;box-sizing: border-box;}
.wrap .right .listWrap .conts-table table thead th > span{display: inline-block;vertical-align: middle;color:#0050b0;font-family: 'Noto Regular';font-weight: normal;font-size: 15px;line-height: 1.4;}
.wrap .right .listWrap .conts-table table thead th > div{display: inline-block;vertical-align: middle;margin: -1px 0 0 5px;}
.wrap .right .listWrap .conts-table table thead th input[type="button"]{border:none;text-indent:-9999px;font-size:0;width:7px;height:6px;display: block;}
.wrap .right .listWrap .conts-table table thead th input.ascend{background: url('../images/contents/up-arrow.png') no-repeat center;margin-bottom: 3px;}
.wrap .right .listWrap .conts-table table thead th input.descend{background: url('../images/contents/down-arrow.png') no-repeat center;}
.wrap .right .listWrap .conts-table table tbody tr:hover{background-color:#eaf0ff;}
.wrap .right .listWrap .conts-table table tbody td.lastrow{border-bottom:2px solid #00428e;border-top:1px solid #00428e;padding: 15px 3px 17px 3px;text-align: center;box-sizing: border-box;}
.wrap .right .listWrap .conts-table table tbody td{padding: 14px 3px;text-align: center;box-sizing: border-box;border-bottom:1px solid #ddd;color:#666;font-size:15px;}
.wrap .right .listWrap .acc-btn{}
.wrap .right .listWrap .acc-btn a{display:inline-block; border-radius:5px; background-color:#96b1cf; color:#fff; padding:3px 20px; margin: 2px; font-size:14px;}
.wrap .right .listWrap .acc-btn a.error{background-color:#9C0329;}
.wrap .right .listWrap .acc-btn a.activated{background-color:#004282; margin-left:5px;}
.wrap .right .listWrap .acc-btn a.deactivated{background-color:#9aa3ac; margin-left:5px;}
.wrap .right .listWrap .btn-shape{display:inline-block; border-radius:2px; background-color:#00428e; color:#fff; padding:2px 14px; font-size:12px; width: 150px; word-break: keep-all; word-wrap: break-word;}
.wrap .right .listWrap .btn-shape.yet{background-color:#00428e;}
.wrap .right .listWrap .btn-shape.success{background-color:#548235;}
.wrap .right .listWrap .btn-shape.error{background-color:#9C0329;}

.wrap .right .listWrap .paging{margin-top: 35px;text-align: center;}
.wrap .right .listWrap .paging .inner{overflow: hidden;position:relative;height:38px;display: inline-block;}
.wrap .right .listWrap .paging .inner a,
.wrap .right .listWrap .paging .inner ul,
.wrap .right .listWrap .paging .inner li{display: inline-block;vertical-align: top;}
.wrap .right .listWrap .paging .inner a{width:35px;height:35px;margin:0 1px;padding-top: 3px;box-sizing: border-box;text-indent: -9999px;}
.wrap .right .listWrap .paging .inner a._first{border:1px solid #eaeaea;background: url('../images/contents/paging-first.png') no-repeat center;}
.wrap .right .listWrap .paging .inner a._prev{border:1px solid #eaeaea;background: url('../images/contents/paging-prev.png') no-repeat center;}
.wrap .right .listWrap .paging .inner a._next{border:1px solid #eaeaea;background: url('../images/contents/paging-next.png') no-repeat center;}
.wrap .right .listWrap .paging .inner a._last{border:1px solid #eaeaea;background: url('../images/contents/paging-last.png') no-repeat center;}
.wrap .right .listWrap .paging .inner ul{margin:0 10px;}
.wrap .right .listWrap .paging .inner ul li a{border-radius: 50%;color:#666;font-size:16px;text-indent:0;}
.wrap .right .listWrap .paging .inner ul li a.on{background: #96b0d0;color:#fff;}
.wrap .right .listWrap .paging .inner .conut-text{display: inline-block; line-height:35px; margin:0 10px; font-size:17px;}
.wrap .right .listWrap .paging .inner .conut-text strong{color:#db452b; font-family: 'NotoSans-Medium';}

.wrap .right .switch {position: relative;	display: inline-block; background-color: white; width: 60px; height: 34px;}
.wrap .right .switch input {opacity: 0; width: 0; height: 0;}
.wrap .right .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(169, 169, 169); -webkit-transition: .4s; transition: .4s;}
.wrap .right .slider:before {position: absolute; content: "";	height: 26px;	width: 26px; left: 4px;	bottom: 4px; background-color: white; -webkit-transition: .4s;	transition: .4s;}
.wrap .right input:checked + .slider {background-color: rgb(39, 89, 197);}
.wrap .right input:focus + .slider {box-shadow: 0 0 1px rgb(39, 89, 197);}
.wrap .right input:checked + .slider:before {-webkit-transform: translateX(26px);	-ms-transform: translateX(26px); transform: translateX(26px);}
.wrap .right .slider.round {border-radius: 34px;}
.wrap .right .slider.round:before {border-radius: 50%;}

/*Footer*/
.footer{background: #464d5d;padding:10px 0;}
.footer > p{color:#ababab;font-size:14px;text-align: center;}


/*Resposive*/
@media only screen and (max-width:1600px){
.wrap .right .listWrap .conts-table{overflow-x:scroll;}
.wrap .right .listWrap .conts-table table{width:100%;}
.wrap .right .listWrap{margin-top:0;}
.wrap .right .account-tab{ /* float:right; */ }
.truncate-text{width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}

@media only screen and (max-width:1200px){
.wrap .right .listWrap .conts-table table{width:100%;}
.wrap .right .listWrap .paging .inner ul li + li + li + li + li + li{display: none;}
.wrap .right .listWrap .search{margin-bottom:10px;}
.wrap .right .listWrap .search .sel-box > select{min-width:100px;font-size:14px;padding:5px 15px;height:40px;}
.wrap .right .listWrap .search .search-box > input[type="text"]{min-width:180px;font-size:14px;margin-left:5px;padding:5px 15px;height:40px;}
.wrap .right .listWrap .search .search-box > input[type="submit"]{margin-left:3px;width:40px;height:40px;}
.wrap .right .account-tab{float:inherit; margin-left:0; display:block; margin:20px 0;}
.truncate-text{width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}

@media only screen and (max-width:1023px){
.wrap .left{width:100%;}
.wrap .left .logo{border-bottom:none;padding:15px 0;}
.wrap .left .quick-btn{display:none;}
.wrap .left .m-menu{display: block;}
.wrap .left .gnb{display: none;width: 340px;height: 100%;position: fixed;z-index: 99;top:0;right:0;background: rgba(255,255,255,.9); padding: 50px 20px 0 20px;}
.wrap .left .gnb.on{display: block;}
.wrap .left .gnb a.close-btn{display:block;}

.wrap .right{width:100%;padding:0 10px 10px 10px;}
.wrap .right .listWrap .conts-table table{width:100%;}
.wrap .right .util{padding:20px 0 15px;}
.wrap .right .util .id-info > span{font-family: 'Noto Medium';}
.wrap .right .conts{padding:25px;}
.wrap .right .conts > strong.title{font-size:26px;background-size:38px;padding: 5px 0 7px 50px;}
.wrap .right .conts-count{padding:5px 0;}
.footer > p > i{display:block;}
.truncate-text{width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}

@media only screen and (max-width:480px){
  .wrap .left .logo{padding:15px 0 10px;}
  .wrap .left .logo > img{width: 160px;margin-left:5px;}
  .wrap .left .m-menu{width:23px;height:17px;background-size:auto;margin-top: -8px;right: 15px;}
  .wrap .left .gnb{width:100%;}
  .wrap .left .gnb a.close-btn{right:15px;top:15px;}

  .wrap .right{padding: 0 1px 1px;}
  .wrap .right .util{padding: 12px 0 10px; overflow:hidden;}
  .wrap .right .util .id-info{float:left;}
  .wrap .right .util .util-info{padding-left:0;float:right;}
  .wrap .right .util .util-info:before{display:none;}
  .wrap .right .util .util-info > li > a{}
  .wrap .right .util .util-info > li + li{margin-left:5px;}

  .wrap .right .conts{padding:20px 17px;min-height: auto;}
  .wrap .right .conts > strong.title{font-size:18px;background-size:30px;padding: 5px 0 7px 40px;}
  .wrap .right .conts-count li{font-size:14px;padding-left: 10px;}
  .wrap .right .conts-count li:before{top:8px;width:4px;height:4px;}

  .wrap .right .listWrap .conts-table table{width:100%;}
  .wrap .right .listWrap .conts-table table thead th{padding:10px 3px 12px 3px;line-height: 1;}
  .wrap .right .listWrap .conts-table table thead th > span{font-size:13px;}
  .wrap .right .listWrap .conts-table table tbody td{padding:10px 3px;font-size:13px;}

  .wrap .right .listWrap .search{padding:15px 0;margin-bottom: 5px;}
  .wrap .right .listWrap .search .sel-box > select{min-width: 90px;font-size:12px;height:30px;}
  .wrap .right .listWrap .search .search-box > input[type="text"]{min-width: 150px;font-size:12px;height:30px;}
  .wrap .right .listWrap .search .search-box > input[type="submit"]{width:30px;height:30px;background-size: 12px;}

  .wrap .right .listWrap .paging .inner a{width:24px;height:24px;}
  .wrap .right .listWrap .paging .inner ul li a{font-size:12px;margin: 0;}
  .wrap .right .listWrap .paging .inner a._first,
  .wrap .right .listWrap .paging .inner a._last{background-size:10px;}
  .wrap .right .listWrap .paging .inner a._prev,
  .wrap .right .listWrap .paging .inner a._next{background-size:6px;}
  .wrap .right .account-tab ul li{display:inline-block; margin:5px 0;}
  .truncate-text{width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}

@media only screen and (max-width:340px){
  .wrap .right .listWrap .search .sel-box{display:block;margin-bottom:5px;}
  .wrap .right .listWrap .search .sel-box > select{width:100%;background-position: 95% center;}
  .wrap .right .listWrap .search .search-box{display:block;}
  .wrap .right .listWrap .search .search-box > input[type="text"]{width: calc(100% - 37px);margin-left: 0;min-width: auto;}
  .truncate-text{width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}


/* -- layer popup -- */
.popupLayer{position:absolute; width:100%; top:0; left:0; height:100%; z-index:999;}
.popupLayer:after{content:''; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.5);}
.popupLayer .inner{position: absolute; z-index:999; left:50%; top:50px; transform: translate(-50%, 0); background-color:#fff; box-shadow:0 0 10px; border-radius: 5px; min-width:500px; max-width: 600px;}
.popupLayer .head{min-height:50px; background-color:#dedede; border-radius: 5px 5px 0px 0px; font-size:20px; font-family: 'Noto Regrular'; padding:10px 0 0 20px; box-sizing: border-box;} 
.popupLayer .inner .popup-content{padding:30px 70px; font-size:17px; line-height: 1.6;}
.popupLayer .inner .popup-content .subtext{margin:30px 0 10px;}
.popupLayer .inner .popup-content.align-c{text-align:center;}
.popupLayer .inner .alert-title{font-size:30px; font-weight: 600; margin-bottom:10px; color:#000; font-family: 'Noto Regular';}
.popupLayer .inner .alert-title.acc{font-size:20px; font-family: 'Noto Light'; padding:30px 0;}
.popupLayer .inner .alert-content{margin:0 0 40px 0;}
.popupLayer .inner .cont-title{font-size:30px; font-weight: 600; margin-bottom:10px; border-bottom:1px solid #d4d4d4; padding-bottom:10px;}
.popupLayer .inner .cont-title span{display:inline-block; padding-bottom:10px; border-bottom:1px solid #000; margin-bottom:-11px;}
.popupLayer .inner.browser-i{max-width:700px;}
.popupLayer .inner .browser-title{line-height: 1.3; word-break:keep-all;}
.popupLayer .inner .browser-title strong{display:block; font-size:26px; font-family: 'Noto Regular'; margin-bottom:20px;}
.popupLayer .inner .browser-title strong:before{content:''; width:65px; height:65px; background:url(./../images/contents/browser-icon.png) center center no-repeat; display:inline-block; vertical-align:middle; margin-right:20px;}
.popupLayer .inner .browser-title span{display:block; font-size:23px; font-family: 'Noto Medium';}
.popupLayer .inner .browser-content{margin:20px 0 0; line-height: 1.4; word-break:keep-all;}
.popupLayer .inner .browser-content .browser-btn{margin-top:30px;}
.popupLayer .inner .browser-content .browser-btn a{display:inline-block; background-color:#00428e; padding:25px 0px 25px 80px; color:#fff; margin:2px; border-radius:5px; line-height: 1.2; box-sizing:border-box; width:240px; text-align: left; font-size:16px; background-repeat: no-repeat;}
.popupLayer .inner .browser-content .browser-btn a.ie{background-image: url(./../images/contents/browser-ie.png); background-position: 20px 22px;}
.popupLayer .inner .browser-content .browser-btn a.chrom{background-image: url(./../images/contents/browser-chrom.png); background-position: 20px 20px;}
.popupLayer .popup-close{width:25px; height:25px; background:url(./../images/contents/popup-close.png) center center no-repeat; display: block; text-indent: -9999px; position: absolute; right:10px; top:10px;}

/*toast popup*/
.popupLayer.toastP{}
.popupLayer.toastP .inner{top: 10%; transform: translate(-50%, -50%);}/* 중앙정렬 안할경우 transform 값 transform: translate(-50%, 0%); // top 값으로 위치조정*/
.popupLayer.toastP .inner .alert-content{margin:0;}

.popupLayer .formWrap{text-align:left;}
.popupLayer .formWrap form .row{margin:20px 0; position: relative;}
.popupLayer .formWrap form .row .code-link{position:absolute; line-height:31px; right:0; top:0; font-size:14px; padding-bottom: 3px; font-family: 'Noto Regular'; color:#0000bb; text-decoration: underline; padding-right:30px; 
  background: url(./../images/contents/icon-info.png) 99% center no-repeat; }
.popupLayer .formWrap form .row input{display:block; width:100%; padding:12px 15px; box-sizing: border-box; border:1px solid #c8c8c8; font-size:15px;}
.popupLayer .formWrap form .row input:focus,
.popupLayer .formWrap form .row input:focus-within,
.popupLayer .formWrap form .row input:focus-visible{border:1px solid #0000bb; outline-color: #00428e; outline-style: outset;}
.popupLayer .formWrap form .row select{display:block; width:100%; padding:12px 15px; box-sizing: border-box; border:1px solid #c8c8c8; font-size:15px;}
.popupLayer .formWrap form label.icon{padding-left:30px; font-size:17px; color:#000; font-weight: 600; line-height:2; margin-bottom:5px; display:block;}
.popupLayer .icon-login{background: url(../images/contents/icon-login.png) no-repeat 0 center;}
.popupLayer .icon-card{background: url(../images/contents/icon-card.png) no-repeat 0 center;}
.popupLayer .icon-pwd{background: url(../images/contents/icon-pwd.png) no-repeat 0 center;}
.popupLayer .icon-info{background: url(../images/contents/icon-info.png) no-repeat 0 center;}
.popupLayer .formWrap form .row .pass-btn{position: absolute;right: 15px;top: 55px;text-indent: -9999px;display: block;width: 26px;height: 18px;background: url(./../images/contents/icon-eye-off.png) no-repeat;}
.popupLayer .formWrap form .pass-row:hover .pass-btn,
.popupLayer .formWrap form .pass-row:focus .pass-btn{background:url(./../images/contents/icon-eye-on.png) 95% center no-repeat;}
/*.popupLayer input.pwdInput{background:url(./../images/contents/icon-eye-off.png) 95% center no-repeat;}
.popupLayer input.pwdInput:focus{background:url(./../images/contents/icon-eye-on.png) 95% center no-repeat;}*/
.popupLayer input.success,
.popupLayer input.success:focus{background:url(./../images/contents/icon-check.png) 95% center no-repeat;}
.popupLayer .message{line-height:1.2; margin:5px 0; font-size:14px;}
.popupLayer .message.blue{color:#00428e !important}
.popupLayer .error{color:#ff0000 !important;}
.popupLayer .message.normal{color:#000;}
.popupLayer ::placeholder{color:rgb(114, 110, 110);}
.popupLayer .full{width:100%;}
.popupLayer .login-conf{overflow:hidden; margin-top:30px;}
.popupLayer .formWrap form .row .autoPass{position:relative;}
.popupLayer .formWrap form .row .autoPass input{background:none;}
.popupLayer .formWrap form .row .autoPass .pass-btn{position: absolute; right:17px; top:15px; text-indent:-9999px; display:block; width:26px; height:18px; background: url(./../images/contents/icon-eye-off.png) no-repeat;}
.popupLayer .formWrap form .row .autoPass.on .pass-btn,
.popupLayer .formWrap form .row .autoPass:hover .pass-btn,
.popupLayer .formWrap form .row .autoPass:focus .pass-btn{background: url(./../images/contents/icon-eye-on.png) no-repeat;}

.popupLayer .keep{display: inline-block;vertical-align: top;float: left;}
.popupLayer .keep label{cursor: pointer;}
.popupLayer .keep label span{color:#979fa9;font-family:'Noto Regular';font-size:14px; display: block; white-space: nowrap; padding-left: 35px; margin-top: -1px;}
.popupLayer .keep input[type="checkbox"] {display:none;}
.popupLayer .keep input[type="checkbox"] + label {width:25px;height:25px;background:url('../images/contents/icon-off.png') no-repeat center;display: inline-block;float: left;}
.popupLayer .keep input[type="checkbox"]:checked + label {width:25px;height:25px;background:url('../images/contents/icon-on.png') no-repeat center;display: inline-block;float: left;}
.popupLayer .keep input[type="checkbox"]:checked + label span{color:#3a6bc7;}

.popupLayer .change{display: inline-block;vertical-align: top;float: right;padding-right: 15px;position: relative;}
.popupLayer .change:after{content:'';background: url('../images/contents/arr.png') no-repeat right 9px; width:20px;height:20px;position: absolute;top: 3px;right: 0px;}
.popupLayer .change input{color:#0000bb;background: none;border:none;font-family: 'Noto Light';border-bottom: 1px solid #0000bb;font-size: 14px;padding-bottom: 5px;display: inline-block;}
.popupLayer input.disabled{background:#e1e3e6; border:1px solid #c8c8c8;}
.popupLayer input.error{border:1px solid #ff0000; color:#ff0000;}
.popupLayer input.error::placeholder{color:#ff0000;}
.popupLayer input.noBg:focus,
.popupLayer input.noBg{background:none;}
.popupLayer label.noLabel{background: none; padding-left:0 !important;}

@media only screen and (max-width:767px){
	.popupLayer .inner{min-width:90%;}
	.popupLayer .inner .browser-title span br{display:none;}
}

@media only screen and (max-width:480px){
	.popupLayer .inner .popup-content{padding:30px;}
}
.mt30{margin-top:30px;}
.mb50{margin-bottom:50px;}
*{box-sizing:border-box;}
.popup-btnWrap{text-align:center;}
.popup-btnWrap .p-btn{display:inline-block; border:none; color:#fff; padding:6px 40px 8px; border-radius:5px;}
.popup-btnWrap .confirm{background-color: #00428e;}
.popup-btnWrap .change{background-color: #00428e;}
.popup-btnWrap .cancel{background-color: #9aa3ac;}

/*ship information*/
.popupShip{position:fixed; width:100%; top:0; left:0; height:100%; z-index:999;}
.popupShip:after{content:''; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.5);}
.popupShip .inner{position: absolute; z-index:999; left:50%; top:50px; padding:40px; transform: translate(-50%, 0); background-color:#fff; box-shadow:0 0 10px; border-radius: 5px; max-width: 1310px; width:100%;}
.popupShip .head{overflow:hidden;}
.popupShip .title-info{font-size: 23px; color:#000; float:left;}
.popupShip .title-info strong{color:#ff4200; font-size:23px; font-family: 'Noto Regular'; padding-right:10px;}
.popupShip .popup-tabmenu{float:right;}
.popupShip .popup-tabmenu ul li{display:inline-block;}
.popupShip .popup-tabmenu ul li a{display:block; background-color:#bfbfbf; font-size:14px; display:block; padding:10px 25px; border-radius:50px; color:#fff;}
.popupShip .popup-tabmenu ul li a:before{content:''; width:5px; height:5px; display:inline-block; vertical-align: middle; background-color: #fff; border-radius: 100%; margin:-2px 5px 0 0;}
.popupShip .popup-tabmenu ul li a.on{background-color:#00428e;}

.popupShip .contWrap{max-height: 60vh; overflow:auto; margin-top: 30px; padding:0 5px 50px; margin-bottom:30px; cursor:all-scroll;}
.popupShip .cont{}
.popupShip .number{background-color:#eaf0ff; overflow:hidden; padding:10px 20px; width:100%;}
.popupShip .number p.num{ float:left; font-size:20px;}
.popupShip .number p.num strong{color:#00428e;}
.popupShip .number p.date{float:right; font-size:16px;}
.popupShip .popupTop{position:absolute; right:20px; bottom:50px;}
.popupShip #topBtn{width:50px; height:50px; display:block;  box-shadow: 0 0 3px #666; background-color: #5084bf; color:#fff; text-align: center; line-height: 50px; border-radius:100%; font-size:14px;}

/*table*/
.table-wrap {position:relative; margin-top:30px; overflow:auto;}
.table-wrap:after {content:''; position: absolute; right:0; top:0px; width:3px; height:100%;}
.table-wrap table {font-family:'Noto DemiLight'; position:relative; table-layout: fixed; width:100%;}
.table-wrap table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#00428e;}
.table-wrap table caption{width:0; height:0; font-size:0; overflow:hidden;}
.table-wrap tbody th {padding: 10px;background:#f1f3f6;color:#00326e;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-size:15px; text-align: left;;}
.table-wrap tbody td {padding: 10px;background:#fff;color:#666;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-size:15px;}
.table-wrap tbody td:last-child{border-right:none;}
.table-wrap tbody .alignC{text-align:center;}
@media only screen and (max-height:730px){
	.popupShip .inner{height:85%; overflow:auto;}
}

@media only screen and (max-width:1300px){
	.popupShip .inner{width:95%;}
	.table-wrap table{min-width:1300px;}
}
@media only screen and (max-width:1023px){
	.popupShip .title-info{display:block; width:100%; margin-bottom:20px;}
	.popupShip .popup-tabmenu{float:inherit; width:100%; overflow:hidden;}
}
@media only screen and (max-width:480px){
	.popupShip .popup-tabmenu ul li{display:block; margin:5px 0}
}

@media only screen and (max-width:480px){
	.popupLayer .inner .popup-content{padding:30px;}
	.popupShip .number p.num{float:inherit; font-size:17px; margin-bottom:20px;}
}

.ascrail2001-hr{display:none;}