@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(../fonts/notosanskr.css);

/*----------------------------------
    Layout
----------------------------------*/
body { font-family:'Noto Sans KR','Malgun Gothic', Arial, sans-serif; color: #545454; padding-top: 0; min-width: 1080px; margin: 0; padding: 0; background: #f4f5f6; line-height: 1;}
ul, li { list-style: none; }
ul { padding-left: 0;}
button,
input { -webkit-box-shadow: none; box-shadow: none; outline: 0;}
a,
a:hover,
a:focus { text-decoration: none;}
.btn:focus, .btn:active { outline: none !important; -webkit-box-shadow: none; box-shadow: none;}
header { margin: 0 auto; height: 80px; background: #8ea0b2; width: 100%; padding: 0; border-bottom: 1px solid #fff;}
.search-area { width: 100%; background: #f4f5f6; height: 96px;}
.contents { width: 100%; min-height: 300px; margin: 0 auto 200px auto; padding-top: 0;}
.container { width: 1280px; padding-left: 71px; padding-right: 71px; margin-bottom: 20px; position: relative;}
textarea.form-control,
textarea.form-control:focus { -webkit-box-shadow: none; box-shadow: none;}
.form-control::-webkit-input-placeholder { color: #a6a6a6;}
.form-control:-ms-input-placeholder { color: #a6a6a6;}
.form-control::placeholder { color: #a6a6a6;}

/*----------------------------------
    header
----------------------------------*/
.logo { margin-left: -1px; margin-top: 17px; float: left;}
.gnb {float: left; margin-left: 115px; margin-bottom: 0;}
.gnb li { display: inline-block; height: 80px; }
.gnb li + li { margin-left: 33px;}
.gnb li a { display: inline-block; height: 79px; padding-top: 30px; padding-left: 1px; padding-right: 1px; text-align: center; font-size: 17px; font-weight: 400; color: #f3f3f3; vertical-align: middle; border-bottom: 3px solid #8ea0b2; }
.gnb li a.active { border-bottom-color: #ff5630; font-weight: 500; color: #fff; padding-top: 31px;}
.unb { float: right;}
.unb li { display: inline-block;}
.unb li + li { margin-left: 19px;}
.unb li a { display: block; font-size: 14px; font-weight: 200; color: #fff; padding-top: 33px;}

/*----------------------------------
    search & select
----------------------------------*/
.search-area .container { text-align: center; padding-top: 39px;}
.search-area .h3 { font-size: 24px; font-weight: 500; margin: 0;}
.search-area .search-box { width: 540px; margin-left: auto; margin-right: auto; margin: 0 auto;}
.search-area .search-box .form-group { float: left;}
.search-area .search-box input { width: 493px; height: 46px; border: 1px solid #dbe1ea; border-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 14px; font-weight: 400; box-shadow: none;}
.search-area .search-box button { float: left; text-indent: -9999px; width: 47px; height: 46px; border: 1px solid #dbe1ea; border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; background: url(../img/icon_search.png) 0 0 no-repeat;}
.search-area .search-box button:focus { box-shadow: none;}

/* dataset */
.search-area .dataset { width: 540px; margin: 20px auto;}
.search-area .dataset .btn { width: 540px; height: 40px; float: none; border-radius: 3px; border-color: #dbe1ea; background: #fff; text-align: left; padding-left: 20px; padding-right: 20px;}
.search-area .dataset .btn .caret { float: right; border-top:6px solid #545454; margin-top: 8px;}
.search-area .dataset .dropdown-menu { width: 100%; box-shadow: none; margin-top: -1px; border-radius: 3px; border-color: #dbe1ea; padding-top: 0; padding-bottom: 0;}
.search-area .dataset .dropdown-menu li a:hover { background: #e2e7ed;}
.search-area .dataset .dropdown-menu li a:focus { box-shadow: none; outline: none;}
.search-area .info { font-size: 13px; color: #8ea0b2;}

/*----------------------------------
    contents
----------------------------------*/
.contents .h3 { font-size: 20px; font-weight: 500; color: #d14828; margin-bottom: 20px; margin-top: 20px;}

.blank { display: table-cell; width: 1138px; height: 139px; background: #e6eaee; font-size: 15px; font-weight: 400; color: #999b9d; text-align: center; vertical-align: middle; line-height: 1.4;}
.comment { font-size: 15px; margin-bottom: 30px;}

/* table */
.table.list-style { margin-bottom: 20px;}
.table.list-style tr th { font-size: 13px; font-weight: 500; height: 48px; vertical-align: middle; background: #e6e6e6; border: none;}
.table.list-style tr td { font-size: 12px; font-weight: 400; vertical-align: top; background: #fff; border-top: none; border-bottom: 1px solid #ddd;}
.table.list-style tr th,
.table.list-style tr td { padding: 10px;}
.table.list-style tr th:first-child,
.table.list-style tr td:first-child { padding-left: 20px;}
.table.list-style tr th:last-child,
.table.list-style tr td:last-child { padding-right: 20px;}
.table tr td .checkbox-wrap label { margin-bottom: 0;}
.table .form-group.opt-style { margin-bottom: 5px;  margin-left: 0; margin-right: 0;}
.table .form-group.opt-style:last-child { margin-bottom: 0;}
.table .form-group.opt-style label { width: 117px; height: 20px; float: left; text-align: left; font-size: 12px; font-weight: 400; padding: 0;}
.table .form-group.opt-style label.label-style { width: 70px; margin-left: 10px;}
.table .form-group.opt-style .date { float: left;}
.table .form-group.opt-style .date input { height: 20px; border: 1px solid #cfcfcf; border-radius: 0; font-size: 12px; padding: 0 10px; box-shadow: none;}
.table .form-group.opt-style .date input:focus { box-shadow: none; }
.table .form-group.opt-style .dropdown {display: inline-block;}
.table .form-group.opt-style .dropdown .btn.dropdown-toggle { width: 136px; height: 25px; border: 1px solid #cfcfcf; border-radius: 0; font-size: 12px; font-weight: 400; padding: 0 10px; background: #fff; text-align: left; color: #545454;}
.table .form-group.opt-style .dropdown .btn.dropdown-toggle.h26 { width: 85px; height: 26px;}
/*.table .form-group.opt-style .dropdown .btn.dropdown-toggle:focus { border-color: #6d89a3;}*/
.caret.caret-style { float: right; border-top:8px solid #545454; margin-top: 4px; }
.table .form-group.opt-style .dropdown-menu { min-width: 75px; width: 100%; font-size: 12px; margin-top: -1px; border-radius: 0; box-shadow: none; padding-top: 0; padding-bottom: 0; border-color: #7791a9; background: #fff; z-index: 2000;}
.table .form-group.opt-style .dropdown-menu li a { text-align: left; padding-left: 12px;}
.table .form-group.opt-style .dropdown-menu li a:hover { background: #e2e7ed;}
.table .form-group.opt-style .dropdown-menu li a:focus { box-shadow: none; outline: none;}
.table .form-group-div{display:inline-block;width: 80%; margin-bottom: 6px;}
/*  .table.style-source
    .table.style-selected-source */
.table.style-source {}
.table.style-source tbody tr { }
.table.style-source thead tr td, .table.style-source tbody tr td { padding: 14px 10px 8px 20px; vertical-align: middle;}
.table.style-source thead tr:first-child td,
.table.style-source tbody tr:first-child td,
.table.style-selected-source tbody tr:first-child td{ border-top: 1px solid #ddd;}
.table.style-source thead tr td:first-child,
.table.style-source tbody tr td:first-child,
.table.style-selected-source tbody tr td:nth-child(2){ background: #e6e6e6; border-color: #d1d1d1;}
.table.style-source thead tr td label,
.table.style-source tbody tr td:first-child .checkbox-group { font-weight: 500;}
.table.style-source tbody tr td:last-child .checkbox-group { display: inline-block; font-size: 12px; width: 176px; padding-bottom: 6px;}

.table.style-source tbody tr td span.num::after,
.table.style-selected-source tbody tr td span.num::after{ content: ")";}
.table.style-source tbody tr td span.num::before,
.table.style-selected-source tbody tr td span.num::before{ content: "("; margin-left: 2px;}

.table.style-selected-source tbody tr td { padding: 10px 20px; vertical-align: middle;}
.table.style-selected-source tbody tr td:first-child { font-size: 13px; font-weight: 500;}
.table.style-selected-source tbody tr td .del { float: right; display: block; width: 12px; height: 16px; background: url(../img/ico_delete.png) center no-repeat;}
.table.style-selected-source tr td .input-style { width: 86px; height: 25px; margin-left: 7px; margin-right: 7px; padding-left: 3px; padding-right: 3px; text-align: right;}
.table.style-selected-source tbody tr td .ch-items { margin-bottom: 0; text-align: left;}
.table.style-selected-source tbody tr td .ch-items li { float: left; display: block; line-height: 24px; width: 107px; margin-right: 82px;}
.table.style-selected-source tbody tr td .ch-items li .del { margin-top: 3px;}
.table.style-selected-source tfoot tr td{padding : 10px 20px; border-bottom: none;}
.table.style-selected-source tfoot tr td:first-child { font-size: 13px; font-weight: 500; text-align: right}
.table.style-selected-source tfoot tr:first-child td {  background: #d8d8d8;}
.table.style-selected-source tfoot tr:nth-child(2) td { background: #CDCDCD;}
.table.style-selected-source tfoot tr:nth-child(3) td { background: #c1c1c1; text-align: right;}
.table.style-selected-source tfoot tr td:nth-child(3)  {padding-left : 0px;}
.table.style-selected-source tfoot tr td:nth-child(3) p {text-align: left;}

.table.style-selected-source tfoot tr:last-child td { background: #c1c1c1; text-align: right;}
.table.style-selected-source tfoot tr td .opt-style { margin-bottom: 0px;}

/* ------------2023.11.6 edit start---------------*/
.table.style-selected-source tfoot tr td .opt-style label.control-label { font-size: 13px; font-weight: 500; text-align: right; margin-right: 10px; width: 90px; line-height: 25px;}
.table.style-selected-source tfoot tr td .opt-style label.control-label.keyword-label {height: 150px;}
.table.style-selected-source tfoot tr td .opt-style span.control-span { font-size: 13px; font-weight: 500; line-height: 25px;}
.table.style-selected-source tfoot tr td .opt-style label.checkbox-group { padding-left: 20px; width: 110px; margin-bottom: 3px; margin-top: 3px;}
.table.style-selected-source .date { height: 25px; background: #fff; border: 1px solid #ccc; padding: 2px 10px;}
.table.style-selected-source tfoot .date .form-control { float: left; padding: 0; /*width: 65px;*/ border: none;}
.table.style-selected-source tfoot .date a { float: left; width: 10px; height: 10px; background: url(../img/ico_cal.png) center no-repeat; margin-top: 5px; }
.table.style-selected-source tfoot .date span { float: left; padding-left: 7px; padding-right: 7px;}
.table.style-selected-source tfoot .p-style { margin-left: 10px; margin-bottom: 0;}
.table.style-selected-source tbody tr td.blank { text-align: center; height: auto; padding-top: 20px; padding-bottom: 20px;}
.table.style-selected-source .btn.btn-default.btn-c-blue {width: 110px;height: 25px;font-size: 12px;font-weight: 400;padding: 0;margin-right: 52px;}
/* ------------2023.11.6 edit end---------------*/

/* table.style-dataset */
.table.list-style.style-dataset tr td { vertical-align: middle; height: 45px; padding-top: 0; padding-bottom: 0;}
.table .form-control.textbox-style { height: 20px; border: 1px solid #cfcfcf; border-radius: 0; font-size: 12px; padding: 0 10px; box-shadow: none;}
.table .form-control.textbox-style[readonly] { background: #fff;}
span.url { display: block;}

.table.list-style.style-dataset .source-list { margin-bottom: 0;}
.table.list-style.style-dataset .source-list li { display: inline;}
.table.list-style.style-dataset .source-list li + li { margin-left: 27px;}

/*-----------2023.11.22 modify start------------*/
/*.table.list-style.style-dataset.done tr td { padding-top: 10px; padding-bottom: 10px;}
.table.list-style.style-dataset.done .source-list li { display: block;}
.table.list-style.style-dataset.done .source-list li + li { margin-left: 0;}
.table.list-style.style-dataset.done .source-list li span::before { content: "(";  margin-left: 7px;}
.table.list-style.style-dataset.done .source-list li span::after { content: ")";}*/
.table.list-style.style-dataset.done th:nth-of-type(5),
.table.list-style.style-dataset.done td:nth-of-type(5){ text-align: right; padding-right: 20px;}
.table.list-style.style-dataset.done td a.source { display: block; padding-top: 5px; padding-bottom: 5px;}
/*-----------2023.11.22 modify end------------*/

/* table.table-myinfo */
.table.list-style.table-myinfo tr td { vertical-align: middle; height: 45px; padding: 0 20px;}
.table.list-style.table-myinfo tr:first-child td { border-top: 1px solid #ddd;}
.table.list-style.table-myinfo tr td:first-child { background: #e6e6e6; border-color: #d1d1d1; padding-left: 57px; font-size: 13px; font-weight: 500;}
.table-myinfo .input-style { border: 1px solid #cfcfcf; font-size: 12px; width: 221px; padding: 2px 5px;}
.table-myinfo .input-style.h26 { height: 26px; width: 100%;}

/* table.history */
.table.list-style.history .pl56 { padding-left: 56px;}

/* table.price */
.table.list-style.price {}
.table.list-style.price tr th,
.table.list-style.price tr td { text-align: center;}
.table.list-style.price tr th { background: #e8ecf0;}
.table.list-style.price tr td { vertical-align: middle; height: 67px;}
.table.list-style.price tr.won td { font-size: 14px; font-weight: 500; color: #6d89a3;}
.price-p-style { font-size: 12px;}

/* table.help */
.table.list-style.style-dataset.help td { height: 40px;}

/* textarea */
.textarea { width: 100%; height: 150px; margin-top: 10px; margin-bottom: 8px; border: 1px solid #d3d3d3; resize: none; font-size: 12px;}

/* search-opt in table */
.search-opt input,
.search-opt button { float: left;}
.search-opt input { width: 343px;}
.search-opt .btn.btn-default { font-size: 11px; font-weight: 400; padding: 3px 5px 2px 5px; margin: 0 0 0 5px; border-radius: 2px; width: auto; height: auto;}

/* btn */
.btn-wrap { text-align: center; margin-top: 20px;}
.login .btn-wrap { margin-top: 30px;}
.btn.btn-style { padding: 8px 46px; text-align: center; font-size: 16px; font-weight: 400; color: #fff; background: #95a9bc; border-radius: 2px;}
.btn.btn-style:hover { background: #6d89a3;}
.btn-wrap button + button { margin-left: 5px;}

.btn-group-intable { margin-top: 9px;}
.btn-group-intable li { display: inline;}
.btn-group-intable li + li { margin-left: 3px;}
.btn-group-intable li a,
.btn-group-intable li a:focus { display: inline-block; width: 33px; height: 33px; text-indent: -9999px; border: 1px solid #ccc; border-radius: 3px; padding: 0; }
.btn-group-intable li a.excel { background: url(../img/btn_download.png) center no-repeat;}
.btn-group-intable li a.link { background: url(../img/btn_link.png) center no-repeat;}
.btn-group-intable li a.filedown { background: url(../img/btn_filedown.png) center no-repeat;}
.btn-group-intable li a.delete { background: url(../img/btn_delete.png) center no-repeat;}

.btn-toggle {margin-top: 9px;}
.btn-toggle li a {display: inline-block; width: 55px; height: 33px; text-indent: -9999px; border: 0px; border-radius: 3px; padding: 0;}
.btn-toggle li a.btn-on {background: url(../img/toggle-on.png) center no-repeat;}
.btn-toggle li a.btn-off {background: url(../img/toggle-off.png) center no-repeat;}

.btn.btn-default { font-size: 14px; color: #fff; width: 140px; border: none; border-radius: 2px; height: 40px;}
.btn.btn-default2 { font-size: 15px; }
.btn.btn-default.btn-xlarge { width: 100%; height: 55px; font-size: 18px;}
.btn.btn-default.btn-large { width: 250px; height: 40px;}
.btn.btn-default.btn-sm { width: 74px; height: 40px;}
.btn.btn-default.btn-full,
.modal .btn.btn-default.btn-full { width: 100%; height: 40px; font-size: 16px;}

.btn.btn-default.btn-thic { width: 147px; height: 46px; font-size: 16px;}
.modal .btn.btn-default { height: 34px;}
.table-myinfo .btn.btn-default { width: 66px; height: 27px; font-size: 12px; font-weight: 400; padding: 0;}

.btn-c-gray,
.btn-c-gray:focus { background: #c9c9c9; }
.btn-c-blue,
.btn-c-blue:focus { background: #8aa1b5; }
.btn.btn-default:hover { box-shadow: none;}
.btn-c-gray:hover { background: #bcbcbc;}
.btn-c-blue:hover { background: #6d89a3;}

.btn.btn-gray { line-height: 1; font-size: 14px; font-weight: 400; color: #fff; background: #bcbcbc; border-radius: 2px;}
.btn.btn-gray:hover { background: #929292;}
.btn.btn-gray.all { position: absolute; top: 8px; right: 71px; display: block; padding: 12px 22px; margin-bottom: 0;}

.help.btn-data-help { background: url(../img/icon_help.png) center no-repeat;}
.help.btn-data-help { display: inline-block; margin-left: 3px; width: 17px; height: 17px; text-indent: -9999px; border: 0px; border-radius: 3px; padding: 0;}
.help-info{display: none; width: 280px; height: 100px; background: #fff; position: absolute; top:-30px; border-radius: 0; box-shadow: 1px 0px 10px rgba(109,137,136,0.3); border: none;}
.help-info h3{ line-height: 1; font-size: 20px; font-weight: 500; color: #d14828; margin: 0;padding: 15px 15px;}
.help-info div{ line-height: 1.4; font-size: 12px; font-weight: 500; color: #545454;margin-left: 15px;}
.btn-delete { margin-top: 6px; }
.btn-delete li a { display: inline-block; background: url(../img/ico_delete2.png) center no-repeat; width: 33px; height: 33px; text-indent: -9999px; border: 1px solid #ccc; border-radius: 3px; padding: 0; }
.btn-update { margin-top: 6px; }
.btn-update li a { display: inline-block; background: url(../img/ico_edit2.png) center no-repeat; width: 33px; height: 33px; text-indent: -9999px; border: 1px solid #ccc; border-radius: 3px; padding: 0; }

.btn-collect { margin-top: 6px; }
.btn-collect li a { display: inline-block; background: url(../img/ico_collect.png) center no-repeat; width: 33px; height: 33px; text-indent: -9999px; border: 1px solid #ccc; border-radius: 3px; padding: 0; }

.btn-inquiry { margin-top: 6px; }
.btn-inquiry li a { display: inline-block; background: url(../img/btn_link.png) center no-repeat; width: 33px; height: 33px; text-indent: -9999px; border: 1px solid #ccc; border-radius: 3px; padding: 0; }

/*----------------------------------
    panel
----------------------------------*/
.panel-group .panel + .panel { margin-top: -1px;}
.panel.panel-custom { box-shadow: none; border: 1px solid #d8d8d9; border-radius: 0;}
.panel.panel-custom .panel-heading { height: 45px; padding: 0 0 0 35px; line-height: 45px; background: #e6e6e6; position: relative;}
.panel.panel-custom .panel-heading a { display: flex; justify-content: flex-start; color: #545454;}
.panel.panel-custom .panel-body { padding: 15px 35px; font-size: 12px; line-height: 1.4;}

.panel-heading span.state { font-size: 13px; font-weight: 500; margin-right: 40px;}
.panel-heading span.state.waiting { color: #d3583e;}
.panel-heading span.state.finish { color: #545454;}
.panel-heading span.title { font-size: 12px; margin-right: auto;}
.panel-heading span.inquiry_type { font-size: 12px; font-weight: 600; margin-right: 10px;}
.panel-heading span.arrow { width: 19px; height: 19px; margin: 13px 18px;}
.panel-heading span.arrow.up { background: url(../img/icon_arrow_up.png) 0 0 no-repeat;}
.panel-heading span.arrow.down { background: url(../img/icon_arrow_down.png) 0 0 no-repeat;}
.panel-heading span.delete { display: inline-block; background: url(../img/ico_delete2.png) center no-repeat; width: 33px; height: 33px; margin: 6px 0 0 0;}

.panel-body .question p { margin-bottom: 20px;}
.panel-body .answer { background: #f2f2f2; padding: 15px 22px;}
.panel-body .answer p { margin-bottom: 0;}

/*----------------------------------
    pagination
----------------------------------*/
.pagination-wrap {}
.pagination-style { margin-left: auto; margin-right: auto; margin-bottom: 0; text-align: center;}
.pagination-style li { display: inline; box-sizing: border-box;}
.pagination-style li + li { margin-left: 5px;}
.pagination-style li a { display: inline-block; width: 24px; height: 24px; font-size: 12px; font-weight: 400; color: #545454; padding-top: 5px; text-align: center;}
.pagination-style li a.active { background: #d5dbe1;}
.pagination-style li a.t-indent { text-indent: -9999px;}
.pagination-style li a.first { background: url(../img/icon_page.png) 0 0 no-repeat;}
.pagination-style li a.previous { background: url(../img/icon_page.png) -24px 0 no-repeat;}
.pagination-style li a.next { background: url(../img/icon_page.png) -48px 0 no-repeat;}
.pagination-style li a.last { background: url(../img/icon_page.png) -72px 0 no-repeat;}

.pagination-style li a.disable { cursor: context-menu;}
.pagination-style li a.first.disable { background: url(../img/icon_page.png) 0 -24px no-repeat;}
.pagination-style li a.previous.disable { background: url(../img/icon_page.png) -24px -24px no-repeat;}
.pagination-style li a.next.disable { background: url(../img/icon_page.png) -48px -24px no-repeat;}
.pagination-style li a.last.disable { background: url(../img/icon_page.png) -72px -24px no-repeat;}


/*----------------------------------
    popup
----------------------------------*/
.modal-custom { padding-top: 194px;}
.modal-custom.pt49 { padding-top: 49px;}
.modal-custom .modal-backdrop { background: none;}
.modal-custom .modal-content { border-radius: 0; box-shadow: 1px 0px 10px rgba(109,137,136,0.3); border: none;}
.modal-custom .modal-header { padding: 30px 23px 12px 23px; border: none;}
.modal-custom .modal-header h4 { line-height: 1; font-size: 20px; font-weight: 500; color: #d14828;}
.close.btn-close { width: 17px; height: 17px; background: url(../img/btn-close.png) center no-repeat; opacity: 1; margin-top: 2px;}
.modal-custom .modal-body { padding: 0 23px;}
.modal-custom .modal-body .textarea-style { width: 100%; height: 281px; border-color: #d2d2d2; resize: none; padding: 15px; line-height: 1.4; font-size: 12px;}
.modal-custom .modal-body .textarea-style:focus { box-shadow: none; outline: none;}

.modal-custom .modal-body.modal-body2 { padding-top: 18px;}
.modal-custom .modal-body .form-group { margin-left: 0; margin-right: 0; margin-bottom: 22px;}
.modal-custom .modal-body .form-group:last-child { margin-bottom: 2px;}
.modal-custom .modal-body .control-label,
.modal-custom .modal-body .input-area { float: left;}
.modal-custom .modal-body .control-label { width: 110px; text-align: left; font-size: 13px; font-weight: 400; padding-left: 7px;}
.modal-custom .modal-body .input-area { width: 190px;}
.modal-custom .modal-body .input-area input { border: 1px solid #ccc; padding: 2px 5px; font-size: 12px; width: 183px;}
.modal-custom .modal-body .input-area input.error { border-color: #d14828;} /*2023.11.22 added*/

.modal-custom .modal-body .help-p-style { width: 100%; height: 120px; padding: 12px; line-height: 1.4; font-size: 12px;}

.modal-custom .modal-footer { border: none; text-align: center; padding: 20px 23px 30px 23px;}

/* previewdata 2020.04 added */
.modal-body .term { font-size: 13px; line-height: 3;}
.table.list-style.table-data { margin-bottom: 0;}
.table.list-style.table-data tr td { vertical-align: middle; height: 40px; padding: 0 20px; border: 1px solid #ddd;}
.table.list-style.table-data tr td:first-child { background: #e6e6e6; border-color: #d1d1d1; font-size: 13px; font-weight: 500;}


/* Join */
.modal-custom.modal-join { padding-top: 77px;}
.modal-custom.modal-join .modal-backdrop { background: #6d89a3; opacity: 0.6;}
.modal-custom.modal-join .modal-content { border: 1px solid #9da4bc;}
.modal-custom .form-join .form-group { margin-bottom: 6px;}
.modal-custom .form-join .form-group label { font-size: 12px; font-weight: 400; margin-bottom: 6px;}
.modal-custom .form-join .form-group label span { color: #d14828; margin-right: 2px;}
.modal-custom .form-join .form-group .form-control { border-radius: 0; box-shadow: none; height: 31px; font-size: 12px;}
.form-group .phone-style .dropdown { float: left;}
.form-group .phone-style .dropdown .btn.dropdown-toggle { width: 80px; height: 31px; border: 1px solid #cfcfcf; border-radius: 0; font-size: 12px; font-weight: 400; padding: 5px 10px; background: #fff; text-align: left; color: #545454;}
.form-group .phone-style .dropdown .btn.dropdown-toggle:focus { border-color: #6d89a3;}
.form-group .phone-style .caret-style { float: right; border-top:8px solid #545454; margin-top: 4px; }
.form-group .phone-style .dropdown-menu { min-width: 75px; width: 100%; font-size: 12px; margin-top: -1px; border-radius: 0; box-shadow: none; padding-top: 0; padding-bottom: 0; border-color: #ccc; background: #fff;}
.form-group .phone-style .dropdown-menu li a { text-align: left; padding-left: 12px;}
.form-group .phone-style .dropdown-menu li a:hover { background: #e2e7ed;}
.form-group .phone-style .dropdown-menu li a:focus { box-shadow: none; outline: none;}
.form-group .phone-style input { float: left; width: 110px; height: 31px; margin-left: 10px;}
.modal-custom .form-join .checkbox-wrap { margin-top: 22px;}
.modal-custom .form-join .checkbox-wrap label {  display: inline-block; padding-left: 31px; font-size: 12px; font-weight: 400; margin-bottom: 10px;}
.modal-custom .form-join .checkbox-wrap a.link { display: inline-block; margin-left: 15px; font-size: 12px; color: #d14828; top: 0; right: 0;}
.modal-custom .form-join .checkbox-wrap p { font-size: 12px; font-weight: 400; color: #999; padding-left: 31px; line-height: 1.4; margin-bottom: 0;}
.modal-custom .form-join .checkbox-wrap p span { color: #545454;}
.modal-custom .modal-footer .p-login { text-align: left; margin-top: 20px; font-size: 13px; margin-bottom: 0;}
.modal-custom .modal-footer .p-login a { color: #d14828; margin-left: 15px;}


.warning-text { font-size: 12px; color: #d14828; line-height: 16px; margin-top: 16px; margin-left: 110px; margin-bottom: 0;} /* 2023.11.22 added */

/*----------------------------------
    log in
----------------------------------*/
.body-login { background: #8ea0b2; padding-top: 119px;}
.body-login .container { width: 899px; margin-left: auto; margin-right: auto; margin-bottom: 30px; padding: 0;}
.login-wrap { width: 100%; height: 555px; background: url(../img/img_login.png) center no-repeat; padding-top: 224px; padding-left: 67px; }
.login-wrap .login { width: 319px; position: relative;}
.login-wrap .login .id,
.login-wrap .login .pw { width: 319px; height: 55px; border: none; padding-left: 65px; font-size: 16px; font-weight: 400;}
.login-wrap .login .id { background: #f6f6f6 url(../img/ico_id.png) 0 0 no-repeat; margin-bottom: 10px;}
.login-wrap .login .pw { background: #f6f6f6 url(../img/ico_pw.png) 0 0 no-repeat; margin-bottom: 15px;}
.body-login footer p { text-align: center; font-size: 11px; font-weight: 400; color: #b7c9d9;}
.login-wrap .login input::-webkit-input-placeholder { opacity: 0.7;}
.login-wrap .login input:-ms-input-placeholder { opacity: 0.7;}
.login-wrap .login input::placeholder { opacity: 0.7;}
.login-wrap .login .checkbox-wrap { display: inline-block; }
.login-wrap .login .checkbox-wrap label { font-size: 14px; color: #949494;}
.login-wrap .login a { display: inline-block; float: right; font-size: 14px; color: #d14828;}

/*----------------------------------
    padding, margin, height, width
----------------------------------*/
.pl0 { padding-left: 0;}
.pl12 {padding-left: 12px;}
.pt0 { padding-top: 0;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mb40 { margin-bottom: 40px;}
.w65 { width: 65px;}

.w90 { width: 90px;}
.w260 { width: 260px;}
.w250 { width: 250px;}
.w590 { width: 590px;}
.w680 { width: 680px;}
.w800 { width: 800px;}

/* ------------2023.11.6 add---------------*/
.opt-style .duration { display: flex; justify-content: flex-start; align-items:center;}
.opt-style .duration .form-control { width: 75px; height: 25px; border-radius: 0; padding: 2px 10px; margin-left: 85px; margin-right: 10px; font-size: 12px; font-weight: 400; color: #555; text-align: right;}
/*.table .form-group.opt-style .duration .dropdown { margin-left: 85px;}*/
.table .form-group.opt-style .duration .dropdown .btn.dropdown-toggle { width: 75px; margin-right: 5px;}
.table .form-group.opt-style .duration .dropdown-menu { width: 75px; max-height: 146px; overflow-y: auto;}

/*-- 2024-04-30 --*/
.help-request{
    display: inline-block;
    background: url("../img/icon_help.png") no-repeat;
    background-size: 17px 17px;
    width: 17px;
    height: 17px;
    cursor : pointer;
}

/* -- 2024-05-07 info-modal --*/
.info.all-of-collect,
.info.selected-collect{
    width: 880px;
}
.info.all-of-collect div,
.info.selected-collect div {
    border: 1px solid #ddd;
    height: 411px;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#pop_info_collect_request_msg table{
    border-spacing: 0px;
    font-size: 12px;
    width: 880px;
    margin-top : 10px;
}
#pop_info_collect_request_msg body{background: #fff;}
#pop_info_collect_request_msg tr > td{
    border-bottom: 1px solid #ddd;
    border-left : 1px solid #ddd;
}
#pop_info_collect_request_msg tr > td:last-child{
    border-right : 1px solid #ddd;
}
#pop_info_collect_request_msg thead > tr{
    font-size:14px;
    background: #e6e6e6;
    vertical-align: inherit;
}
#pop_info_collect_request_msg thead > tr > th{
    border-right: 1px solid #ddd;
}
#pop_info_collect_request_msg thead > tr > th:first-child{text-align: center;}
#pop_info_collect_request_msg tbody > tr{
    background: #f4f5f6;
}
#pop_info_collect_request_msg tbody > tr > td{
    text-align: left;
    padding-left : 10px;
}
#pop_info_collect_request_msg .container{ display: inline-block;}
#pop_info_collect_request_msg .tab-wrap{display: flex;}
#pop_info_collect_request_msg img.helpImg{
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
#pop_info_collect_request_msg .tab {
    width: 160px;
    display: block;
    min-width: 126.3px;
    text-align: center;
    line-height: 35px;
    background: #f4f5f6;
    border: 1px solid #CFD1D9;
    font-size: 16px;
    font-weight: bold;
    color: #8ea0b2;
    /*##545454;*/
    box-sizing: border-box;
    cursor:pointer;
}
#pop_info_collect_request_msg .tab.active{
    background:  #8ea0b2;
    color: #fff;
}
#pop_info_collect_request_msg .btn-container { margin : 10px auto; width : 140px;}
#pop_info_collect_request_msg .btn.btn-default { font-size: 14px; color: #fff; font-weight: bold; width: 140px; border: none; border-radius: 2px; height: 40px; background: #6d89a3; cursor:pointer;}
#pop_info_collect_request_msg .no1{ width:20px; height:20px;background: url("../img/no1.png") no-repeat;background-size: 20px 20px; margin:auto;}
#pop_info_collect_request_msg .no2{ width:20px; height:20px;background: url("../img/no2.png") no-repeat;background-size: 20px 20px; margin:auto;}
#pop_info_collect_request_msg .no3{ width:20px; height:20px;background: url("../img/no3.png") no-repeat;background-size: 20px 20px; margin:auto;}
#pop_info_collect_request_msg .no4{ width:20px; height:20px;background: url("../img/no4.png") no-repeat;background-size: 20px 20px; margin:auto;}