@charset "utf-8";

.color-blue{color: #0943a7 !important;}
.color-black{color: #202020 !important;}


/* s::button */
.button{padding:0 10px;}
.button[disabled]{border-radius: 5px;border: solid 1px #dedede !important;background-color: #fff !important; color: #808b95 !important;}
.button[disabled]:hover{border-radius: 5px;border: solid 1px #dedede !important;background-color: #fff !important; color: #808b95 !important;}
.button.flex{display: flex;align-items: center;gap:5px;}
.button.flex i{line-height: normal;}
.button.flex i img{display: block;}
.button.small{height:30px !important;font-size:14px;font-weight: 500; padding:0 10px;}
.button.medium{height:40px !important;font-size:15px;font-weight: bold; padding:0 20px;}
.button.medium2{height:45px !important;font-size:15px;font-weight: bold; padding:0 20px;}
.button.large{height:50px !important;font-size:15px;font-weight: 500; padding:0 30px;}
.reset-button{display: flex;align-items: center;justify-content:center;gap:8px; font-size: 14px;font-weight: 500;color: #b9bfcc;padding:0;}
.reset-button:before{content: "";display: inline-block;width:16px;height:15px;background: url(/_public/images2/electronic/ico_reset.svg) no-repeat;background-size: cover;}
.round-button{ border-radius: 5px;border:1px solid transparent;display: flex;align-items:center;justify-content: center;}
.round-button.green{border-color:#29c36b;color:#29c36b;}
.round-button.green:hover{background-image: linear-gradient(92deg, #29c36b 0%, #2da585 100%);color:#fff;}
.round-button.gray{border-color:#707070;color:#707070;}
.round-button.gray2{border-color:#dcdfe6;color:#202020;}
.round-button.red{border-color:#f94040;color:#f94040;}
.round-button.blue{border-color:#0943a7 ;color:#0943a7;}
/*.round-button.blue:hover{background-image: linear-gradient(92deg, #0943a7 0%, #3e85cc 100%);color:#fff;}*/
.round-button.blue[disabled]:hover{border-radius: 5px;border: solid 1px #dedede !important;background-color: #fff !important; color: #808b95 !important;}
.green-button{background: #29c36b;color:#fff;font-size: 14px;font-weight: 500;border-radius: 5px;}
.blue-button{background: #0943a7;color:#fff;font-size: 14px;font-weight: 500;border-radius: 5px;}
.white-button{display:flex;align-items:center;justify-content:center;background: #fff;color:#202020;font-size: 15px;font-weight: 500;border-radius: 5px;}
.red-button{display:flex;align-items:center;justify-content:center;background: #f94040;color:#fff;font-size: 15px;font-weight: 500;border-radius: 5px;}
.delete-button{width:40px;height:40px;display: flex;align-items: center;justify-content: center;font-size:0; border-radius: 5px;border: solid 1px #b9bfcc;background-color: #fff;padding: 0 !important;font-size: 0 !important;}
.delete-button:hover{border-color:#202020;}
.delete-button:after{content: "";display: inline-block;width:18px;height:20px;background: url(/_public/images2/electronic/ico_trash.svg) no-repeat;background-size: cover;}
.add-button{display:flex;align-items:center;justify-content:center;gap:10px;border-radius: 5px;padding:0 10px;}
.add-button:before{content: "";display: inline-block;width:16px;height:16px;background: url(/_public/images2/electronic/ico_plus.svg) no-repeat;background-size: cover;}
.history-back{position: relative;display:inline-block;padding-left:26px;font-size: 22px;font-weight: 600;color: #202020;}
.history-back:before{content: "";display:block;position:absolute;left:0;top:4px;width:18px;height:18px;background: url(/_public/images2/electronic/ico_back.svg) no-repeat;background-size: cover;}
.modify-button{display: flex;padding:0 10px;height:30px;align-items: center;justify-content: center; font-size: 14px;font-weight: 500;}
.modify-button:hover{background: #535e7c;border-color:#535e7c;color:#fff;}
.gradient-blue{border-radius: 5px;background-image: linear-gradient(92deg, #0943a7 0%, #3e85cc 100%);color:#fff;}
/* e::button */



.electronic-wrap{background: #f8f8f8;}

/* s::header */
.e-header{position: fixed;top:0;left:0;width:100%;height:60px;box-shadow: 0 3px 5px 0 #dde0e5;background-color: #fff;display: flex;z-index: 100;}
.e-header.drop{animation: none;}
.e-header .h-left{width:260px;border-right:1px solid #ddd;display: flex;align-items: center;justify-content: center;}
.e-header .h-left a{position:relative;display:flex;gap:10px;align-items:center;font-size: 19px;font-weight: 600;}
.e-header .h-left a:before{content: "";display: inline-block;width:20px;height:20px;background: url(/_public/images2/electronic/ico_home.svg) no-repeat;background-size: cover;}
.e-header .h-left a strong{font-weight: 800;}
.e-header .h-left a strong span{display:inline-block;font-weight: 600;}
.e-header .h-right{position:relative;padding:0 30px;width:calc(100% - 260px);display: flex;align-items: center;justify-content:space-between;}
.e-header .h-right .site-link{position:relative;display: flex;align-items:center;font-size: 15px;font-weight: 600;color: #787878;gap:7px;}
.e-header .h-right .site-link:before{content: "";position:relative;top:-1px;display: inline-block;width:15px;height:15px;background: url(/_public/images2/electronic/ico_site.svg) no-repeat;background-size: cover;line-height: normal;}
.e-header .h-right .h-util{display: flex;align-items: center;gap:20px;}
.e-header .h-right .h-util a{display: inline-block;font-size: 15px;font-weight: 500;color: #0943a7;line-height: 1;}
.e-header .h-right .h-util span{display:flex;align-items:center;gap:20px;font-size: 15px;font-weight: 600;}
/* e::header */


/* s::side */
.e-side{position: fixed;top: 60px;left:-260px;padding:45px 15px 30px;width:290px;height:calc(100vh - 60px);background: #fff;z-index: 10;transition: all 0.3s;}
.e-side .toggle-aside{position: absolute;top:30px;right:-25px;width:25px;height:50px;border-radius: 0 5px 5px 0;box-shadow: 5px 5px 15px 0 rgba(113, 129, 155, 0.15);background-color: #0943a7;}
.e-side .toggle-aside:after{content: "";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: block;width:15px;height:15px;background: url(/_public/images2/electronic/ico_toggle2.svg) no-repeat;background-size: cover;}
.e-side.active{left:0;}
.e-side.active .toggle-aside{background-color: #fff;}
.e-side.active .toggle-aside:after{background: url(/_public/images2/electronic/ico_toggle.svg) no-repeat;background-size: cover;}
.e-side .logo{display: flex;align-items: center;justify-content: center;}
.e-side .logo img{display: block;width:148px;}

.e-side dl{margin-top:30px;border-bottom:1px solid #d0d6e5;max-height: calc(100vh - 330px);overflow-y: auto;}
.e-side dl dt{position:relative;line-height: 55px;padding:0 10px;font-size: 17px;font-weight: 600;border-top: 1px solid #d0d6e5;cursor: pointer;}
.e-side dl dt i{position:relative;top:-2px;display: inline-block;line-height: normal;vertical-align: middle;margin-right:10px;}
.e-side dl dt i img{display:block;}
.e-side dl dt:after{content: "";position:absolute;top:20px;right:15px;display: inline-block;width:14px;height:14px;background: url(/_public/images2/electronic/ico_a_down.svg) no-repeat;background-size: cover;}
.e-side dl dt.on{color:#0943a7;}
.e-side dl dt.on:after{background: url(/_public/images2/electronic/ico_a_up.svg) no-repeat;background-size: cover;}
.e-side dl dt span{display: inline-block;margin-left:5px;font-size:15px;}
.e-side dl dd{display:none;padding:10px 15px;}
.e-side dl dd a{position:relative;padding-left:12px;display: block;font-size: 16px;font-weight: 500;line-height: 2.5;color: #787878;}
.e-side dl dd a:before{content: "";position:absolute;top:17px;left:0;display: inline-block;width:5px;height:5px;border-radius: 100%;background:#ccd2df;}
.e-side dl dd a:hover{color:#202020;}
.e-side dl dd a:hover:before{background:#0943a7;}
.e-side dl dd a.on{color:#202020;}
.e-side dl dd a.on:before{background:#0943a7;}
.e-side copyright{position: absolute;left:0;bottom:8%;width:100%; font-size: 11px;font-weight: 300;line-height: 1.36;color: #a1aeb5;display: block;padding:0 30px;word-break: keep-all;}
/* e::side */

.panel{position: relative;min-height: 100vh;padding:60px 0 0;display: flex;gap: 30px;}
.panel .contents{position:relative;display: flex;justify-content: center;padding: 50px 30px 108px;width: 100%;transition: all 0.3s;}
.panel.on .contents{padding-left: 290px;}
.white-panel{padding: 40px;border-radius: 10px;border: solid 1px #e4e7ee;background: #fff;}
.panel .layout{width:100%;max-width: 1200px;}

/* s::breadcrumbs */
.page-top2{display: flex;align-items: flex-end;justify-content: space-between;}
.page-top2 h2{font-size: 30px;font-weight: bold;}
.breadcrumbs{display: flex;gap:25px;}
.breadcrumbs span{position:relative;display: inline-block;font-size: 14px;font-weight: 500;color: #787878;}
.breadcrumbs span:before{content: "";position: absolute;left: -21px;top: 2px;width:15px;height:15px;background: url(/_public/images2/electronic/ico_a_navi.svg) no-repeat;background-size: cover;}
.breadcrumbs span:first-child:before{display: none;}
.breadcrumbs span:last-child{font-weight: 500;color: #202020;}
/* e::breadcrumbs */


/* s::search-box */
.search-panel{position: relative;overflow: hidden;}
.search-panel table{}
.search-panel table tbody tr th{padding:10px 0;font-size: 16px;font-weight: 600;text-align: left;}
.search-panel table tbody tr th i{position: relative;top: -2px;font-size:0;display: inline-block;vertical-align: middle;margin-left:5px;}
.search-panel table tbody tr td{padding:10px 0;font-size: 15px;font-weight: 600;}
.search-panel table tbody tr td .form-group{display: flex;gap:10px;}
.search-panel table tbody tr td .date-wrap{display: flex;align-items:center;gap:10px;width:100%;}
.search-panel table tbody tr td .date-wrap span{display:inline-block;font-size: 15px;font-weight: 500;color: #202020;}
.search-panel table tbody tr td .input-search{position: relative;width:100%;max-width:473px;}
.search-panel table tbody tr td .input-search input[type="text"]{padding:0 70px 0 20px;}
.search-panel table tbody tr td .input-search .keyword-del{position:absolute;top:13px;right:48px;font-size:0;display:none;}
.search-panel table tbody tr td .input-search .keyword-del img{display: block;}
.search-panel table tbody tr td .input-search .button-search{position: absolute;top:12px;right:20px;font-size:0;}
.search-panel table tbody tr td .input-search .button-search img{display: block;}
.search-panel table tbody tr td select{width:100%;}
.search-panel table tbody tr td select.max{max-width:240px;}
.search-panel table tbody tr td input[type="text"],
.search-panel table tbody tr td input[type="tel"],
.search-panel table tbody tr td input[type="number"],
.search-panel table tbody tr td input[type="date"],
.search-panel table tbody tr td input[type="datetime-local"],
.search-panel table tbody tr td input[type="email"]{padding:0 20px;width:100%;height:45px; border-radius: 5px;border: solid 1px #b9bfcc;background-color: #fff; font-size: 15px;font-weight: 600;}
.search-panel table tbody tr td input[type="text"]::placeholder,
.search-panel table tbody tr td input[type="tel"]::placeholder,
.search-panel table tbody tr td input[type="number"]::placeholder,
.search-panel table tbody tr td input[type="date"]::placeholder,
.search-panel table tbody tr td input[type="email"]::placeholder{color:#b9bfcc;}
.search-panel table tbody tr td .radio-group{display: flex;align-items: center;gap:30px;}
.search-panel .button-panel{display: flex;gap:10px;}
.search-panel .button-panel button{height:45px;font-size: 15px;font-weight: 600;padding:0 20px;}
.search-panel .button-panel .round-button{padding:0 60px;}

.list-top{display: flex;align-items: center;justify-content: space-between;}
.list-top h3{font-size: 22px;font-weight: 600;}
.list-bottom{display: flex;align-items: center;justify-content: space-between;}
.control-group{display: flex;align-items: center;gap:20px;}
.control-group select{height:40px;}
.control-group p{font-size: 14px;font-weight: 500;}
.control-group .btn-group{display: flex;gap:10px;align-items: center;}
.control-group .add-button{height:40px;}


/* s::paging */
.paging{display: flex;align-items: center;gap:10px;justify-content: center;}
.paging a{display:inline-block;width:20px;height:20px;line-height:20px;font-size: 15px;font-weight: 500;color:#b9bfcc;text-align: center;}
.paging a.active{color:#0943a7}
.paging a img{display: block;}
.paging a.prev,
.paging a.next {width:15px;height:15px;line-height: 15px;}
/* e::paging */


/* s::table */
.table-wrap{}
.table-wrap .table-type1{}
.table-wrap .table-type1 thead tr th{border-bottom:1px solid #dcdfe6;padding:10px 10px 30px;font-size: 15px;font-weight: bold;text-align: center;}
.table-wrap .table-type1 tbody tr td{font-size:15px;color:#606060;font-weight:500;padding:30px 10px;border-bottom: 1px solid #dcdfe6;text-align: center;}
.table-wrap .table-type1 tbody tr td .subject{display:inline-block;max-width:100%;color:#202020;font-size: 16px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}
.table-wrap .table-type1 tbody tr td .view{display: inline-block;width:30px;height:30px;background: url(/_public/images2/electronic/view.svg) no-repeat;background-size: cover;font-size:0;vertical-align: middle;}
.table-wrap .table-type1 tbody tr td .view:hover{background: url(/_public/images2/electronic/view_on.svg) no-repeat;background-size: cover;}
.table-wrap .table-type1 tbody tr td .view2{display: inline-block;width:30px;height:30px;background: url(/_public/images2/electronic/print.svg) no-repeat;background-size: cover;font-size:0;vertical-align: middle;}
.table-wrap .table-type1 tbody tr td .view2:hover{background: url(/_public/images2/electronic/print_on.svg) no-repeat;background-size: cover;}


.table-wrap .table-type1 tbody tr td .modify-button{display: flex;padding:0 10px;height:30px;align-items: center;justify-content: center; font-size: 14px;font-weight: 500;}
.table-wrap .table-type1 tbody tr td .modify-button:hover{background: #535e7c;border-color:#535e7c;color:#fff;}
.table-wrap .table-type1 tbody tr td .date{font-size:14px;}
.table-wrap .table-type1 tbody tr td strong{font-weight: 600;}
.table-wrap .table-type1.vertical-top tbody tr td{vertical-align: top;}

.table-wrap .table-type1 tbody tr.checked,
.table-wrap .table-type1 tbody tr:hover{background: #f9fbff;}
.table-wrap .table-type1 tfoot{border-top:1px solid #76c5d8;}
.table-wrap .table-type1 tfoot tr td{padding:30px 10px;border-top:1px solid #76c5d8;border-bottom: 1px solid #dcdfe6;text-align: center;background: #f1fbfe;font-size: 16px;font-weight: 600;color: #202020;}
.table-wrap .table-type1 tfoot tr td strong{font-size: 22px;font-weight: bold;display: inline-block;margin-left: 20px;}



.table-wrap .table-type2{}
.table-wrap + .table-wrap{margin-top:20px;padding-top:20px;border-top:1px solid #dcdfe6}
.table-wrap .table-type2 tbody tr th{padding:10px;text-align: left;font-size: 15px;font-weight: bold;}
.table-wrap .table-type2 tbody tr th i{position: relative;top: -2px;font-size: 0;display: inline-block;vertical-align: middle;margin-left: 5px;}
.table-wrap .table-type2 tbody tr td{font-size:15px;color:#606060;font-weight:600;padding:10px;}
.table-wrap .table-type2 tbody tr td .radio-group{display: flex;align-items: center;gap:30px;}
.table-wrap .table-type2 tbody tr td select{width:100%;max-width: 240px;}
.table-wrap .table-type2 tbody tr td .input-wrap{position: relative;max-width:540px;}
.table-wrap .table-type2 tbody tr td .input-wrap .txt{position:absolute;top:13px;right:20px;font-size: 12px;font-weight: 500;color: #b9bfcc;}
.table-wrap .table-type2 tbody tr td input[type="text"],
.table-wrap .table-type2 tbody tr td input[type="password"],
.table-wrap .table-type2 tbody tr td input[type="number"],
.table-wrap .table-type2 tbody tr td input[type="tel"],
.table-wrap .table-type2 tbody tr td input[type="date"],
.table-wrap .table-type2 tbody tr td input[type="datetime-local"],
.table-wrap .table-type2 tbody tr td input[type="email"]{padding:0 20px;width:100%;height:45px; border-radius: 5px;border: solid 1px #dcdfe6;background-color: #fff; font-size: 15px;font-weight: 600;}
.table-wrap .table-type2 tbody tr td input[type="text"]::placeholder,
.table-wrap .table-type2 tbody tr td input[type="password"]::placeholder,
.table-wrap .table-type2 tbody tr td input[type="number"]::placeholder,
.table-wrap .table-type2 tbody tr td input[type="tel"]::placeholder,
.table-wrap .table-type2 tbody tr td input[type="date"]::placeholder,
.table-wrap .table-type2 tbody tr td input[type="email"]::placeholder{color:#b9bfcc;}
.table-wrap .table-type2 tbody tr td .input-txt{display:flex;align-items:center;padding:0 20px;width:100%;height:45px; border-radius: 5px;border: solid 1px #dcdfe6;background-color: #f5f6f8; font-size: 15px;font-weight: 600;}
 .table-wrap .table-type2 tbody tr td .input-wrap{display: flex;gap:10px;}
 .table-wrap .table-type2 tbody tr td .input-wrap input{width:calc(100% - 150px);}
 .table-wrap .table-type2 tbody tr td .input-wrap button{width:140px;height:45px;display: flex;align-items: center;justify-content: center;font-size:15px;font-weight: 500;padding:0;}
 .table-wrap .table-type2 tbody tr td .max{max-width:420px;}
 .table-wrap .table-type2 tbody tr td textarea{width:100%;height:120px;padding:12px 20px;font-size: 15px;font-weight: 500; border-radius: 5px;border: solid 1px #dcdfe6;background-color: #fff;resize: none;}
.table-wrap .table-type2 tbody tr td textarea::placeholder{color:#b9bfcc;}

.table-wrap .table-type3 thead tr th{padding-bottom: 15px;border-bottom: 1px solid #202020;font-size: 15px;font-weight: bold;color: #202020;}
.table-wrap .table-type3 tbody tr td{padding:7px 7px;font-size: 15px;font-weight: 600;color:#202020;}
.table-wrap .table-type3 tfoot tr td{padding:7px 7px;font-size: 15px;font-weight: 600;color:#202020;}

.table-wrap .table-type4{border-bottom: 1px solid #202020;}
.table-wrap .table-type4 tbody tr th{padding:19px 0;text-align: left;font-size: 15px;font-weight: bold;border-bottom: 1px dashed #b9bfcc;}
.table-wrap .table-type4 tbody tr td{padding:19px 0;font-size: 15px;font-weight: bold;color: #202020;border-bottom: 1px dashed #b9bfcc;}

.msg{position: relative;margin-top:5px;padding-left: 20px; font-size: 14px;font-weight: normal;}
.msg:before{content: "";position: absolute;top:2px;left:0;width:15px;height:15px;}
.msg.ok{color:#00b212;}
.msg.ok:before{background: url(/_public/images2/electronic/ico_ok.svg) no-repeat;background-size: cover;}
.msg.error{color:#f22541;}
.msg.error:before{background: url(/_public/images2/electronic/ico_error.svg) no-repeat;background-size: cover;}


.email-panel{}
.email-panel .top-group{display: flex;flex-direction: column;gap:10px;align-items: center;}
.email-panel .top-group a{display: inline-block;width:185px;}
.email-panel .top-group a img{display:block;}
.email-panel .top-group p{font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #3a3a3a;}
.register-email{margin-top:40px;padding: 40px 60px 60px;border-radius: 5px;box-shadow: 0 3px 5px 0 #dde0e5;background-color: #fff;width:880px;}
 .register-email .txt-box{text-align: center;padding-bottom: 24px;border-bottom: 1px solid #dedede;margin-bottom: 40px;}
 .register-email .txt-box h3{font-size: 20px;font-weight: bold;letter-spacing: -0.5px;text-align: center;color: #202020;}
 .register-email .txt-box p{margin-top:10px;font-size: 15px;font-weight: normal;line-height: 1.53;letter-spacing: -0.38px;color: #3a3a3a;}
 .register-email .txt-box p strong{display:inline-block;font-size: 17px;font-weight: 500;letter-spacing: -0.43px;color: #202020;}
 .register-email .txt-box p strong span{display: inline-block;color:#0943a7;}

.register-email .table-wrap .table-type2 tbody tr th{padding:5px 0;}
.register-email .table-wrap .table-type2 tbody tr td{padding:5px 0;}
.register-email .table-wrap .table-type2 tbody tr td input[type="text"],
.register-email .table-wrap .table-type2 tbody tr td input[type="password"],
.register-email .table-wrap .table-type2 tbody tr td input[type="number"],
.register-email .table-wrap .table-type2 tbody tr td input[type="tel"],
.register-email .table-wrap .table-type2 tbody tr td input[type="date"],
.register-email .table-wrap .table-type2 tbody tr td input[type="datetime-local"],
.register-email .table-wrap .table-type2 tbody tr td input[type="email"]{height:55px;}
.register-email .table-wrap .table-type2 tbody tr td .input-wrap button{height:55px;width:145px;}
.register-email .table-wrap .table-type2 tbody tr td .input-wrap{max-width:100%;}
.register-email .table-wrap .table-type2 tbody tr td .input-wrap .input{position:relative;width:calc(100% - 155px);}
.register-email .table-wrap .table-type2 tbody tr td .input-wrap .input input[type="number"]{width:100%;padding: 0 70px 0 20px;}
.register-email .table-wrap .table-type2 tbody tr td .input-wrap .input span{display: inline-block;position: absolute;top:17px;right:20px; font-size: 15px;font-weight: normal;color: #202020;}
.register-email .btn-box{display: flex;justify-content: center;margin-top:60px;}
.register-email .btn-box button{display: flex;align-items: center;justify-content: center;width:400px;height:50px;border-radius: 25px;background-color: #0943a7;font-size: 17px;font-weight: 500;letter-spacing: -0.43px;color: #fff;}



.complete-result{display: flex;flex-direction: column;align-items: center;margin-top:40px;padding: 40px 60px 60px;border-radius: 5px;box-shadow: 0 3px 5px 0 #dde0e5;background-color: #fff;width:880px;}
.complete-result i{display: inline-block;}
.complete-result i img{display: block;}
.complete-result p{margin-top:20px;font-size: 20px;font-weight: 600;text-align: center;color: #000;}
.complete-result h3{margin-top:40px;width:100%;height:80px;display: flex;align-items: center;justify-content: center; border-radius: 5px;background-color: #f8f8f8;font-size: 25px;font-weight: bold;text-align: center;color: #0943a7;}
 .complete-result .btn-box{display: flex;justify-content: center;margin-top:60px;}
 .complete-result .btn-box button{display: flex;align-items: center;justify-content: center;width:400px;height:50px;border-radius: 25px;background-color: #0943a7;font-size: 17px;font-weight: 500;letter-spacing: -0.43px;color: #fff;}


.button-panel{display: flex;align-items: center;justify-content: space-between;}
.button-panel .right .button{height:50px;}

.between-box{display: flex;align-items: center;justify-content: space-between;}
.flex-start{justify-content:flex-start !important;}
.flex-end{justify-content:flex-end !important;}
.flex-center{justify-content:center !important;}