/*sub*/
body #header {position:relative; width:100%; height:100px;z-index:9999; font-size:18px; background:#fff; border-bottom:1px solid #ddd;}
body #header .logo > a {display: inline-block; background-repeat: no-repeat; width: 161px; height:43px;background-image: url('../../images/layout/headeron_logo.png');}
body #header .header_wrap:after {content:""; display:block; clear:both;}
body #header .header_wrap{width:1303px; margin:0 auto;}
body #header .header_wrap h1 {display: inline-block;padding: 30px 0 0 0;position:relative;width:230px;}
body #header .header_wrap h1.logo a {display:block;}
body #header .header_wrap .header_in {float:right;width:1060px;}
body #header .header_wrap .header_in .gnb { margin-left: 140px;}
body #header .header_wrap .header_in .gnb .depth {float:left; width:22%;}
body #header .header_wrap .header_in .gnb .depth li{display: inline-block; width:100%; text-align:center;}
body #header .header_wrap .header_in .gnb .depth li a {display: block;font-size:18px;  width: 100%; color:#333;line-height: 100px;  box-sizing:border-box; -webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);}
body #header .header_wrap .header_in .gnb .depth li a:hover {color:#00448d;}
body #header .header_wrap .header_in .gnb .depth li a:after {content:'';position:absolute;left:50%;right:50%;bottom:0;height:3px;background-color:#3182f6;z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
body #header .header_wrap .header_in .gnb .depth > li > a:hover:after { left:35%; right:35%; }
body #header .header_wrap .header_in .gnb .depth li.on > a {color:#00448d;}
body #header .header_wrap .header_in .gnb .depth li.on > a:after  {left:35%; right:35%; }

.js-grid.tab_contents_table .no_data p {margin:20px 0;}

#header .header_wrap .header_in .top_menu {border:1px solid #444;}

.sub {min-width:1303px; width: 1303px; margin:0 auto; padding: 0 50px; }
.title {display: block;background:url("/images/contents/sub_bullet.png")no-repeat left center;padding-left:38px;font-size:24px; margin: 40px 0 20px 0;color:#0067b3;}
.se-modal h2.title {display: none; }
article.report {background: #f0f6ff;border:1px solid #d3e5ff;padding:20px; margin:20px 0 50px 0;}
article.report:after {content:""; display: block; clear: both;}
article.report ul {display:block;}
article.report ul li {background:url("/images/contents/list_bullet.png")no-repeat left 5px;padding-left:20px;display:inline-block;font-size:16px;text-align: left;margin: 10px 0;min-width: 35%;max-width: 95%;}
article.report p.no_data {font-size:18px;margin:20px 0;color: #999;text-align:center;}
article.report p.no_data img {display: block; margin: 10px auto 20px auto;}
a.Btn-Default {display:block; text-align:center;}

.info {background: #f1fdf1; border:1px solid #b8f1b8; padding:20px; margin-bottom:30px;}
.info h4 {font-size:18px; font-weight:500;}
.info h5 {background:url("/images/contents/bullet02.png")no-repeat left center; padding-left:18px; font-size:16px; font-weight:500;}
.info ul {margin-top:10px;}
.info ul li {margin:5px 0; color:#666;}
.info ul li .date {display:inline-block; width:40%; vertical-align: top;}
.info ul li .date p:first-child {margin-top:0;}
.info ul li .date p strong {font-weight:500;}
.info ul li p {display:inline-block;}
.info ul li p strong {font-weight:500; color:#333;}
.info ul li.date p {display:block;padding-left: 15px; margin-left:5px;}
/*.info ul li.date p {display:inline-block;padding-left: 15px; margin-left:20px;}*/
/*.info ul li.date p:first-child {margin-left:0;}*/
.info ul li.date p strong {font-weight:500; color:#333;}
.info ul li ul.parsley-errors-list,
.info ul li ul.parsley-errors-list li {margin: 0;}
.exp-plan-frm table td .info label {display:block; margin-top:20px;}
.exp-plan-frm table td .info textarea {border:1px solid #b8f1b8;}
.exp-plan-frm table td .info.refer {background:none; border:0; margin:0; padding:0;}
.exp-plan-frm table h5 {font-size:14px; font-weight:500;}

.file-input-list span.fa.fa-trash {margin-left:10px; cursor: pointer;}
.file-input-list-wrap.file {display:block; padding:15px 25px; background:#fff8eb; margin:20px; box-sizing: border-box;}
.exp-plan-frm td .file-input-list-wrap.file {margin: 0; text-align: left;}
.file-input-list-wrap.file h4 {background: url("/images/contents/icon_file02.png")left center no-repeat;padding-left: 21px;font-size: 15px;font-weight:500;line-height:1.5 !important;}
.file-input-list-wrap.file li {border-bottom: 1px solid #efe2ca;padding:7px 0 7px 27px;line-height:1em;}
.file-input-list-wrap.file li:last-child {border-bottom:0;}
.file-input-list-wrap.file li a {font-size: 13px;color: #666;}
.file-input-list-wrap.file li a:hover {text-decoration: underline;}
.file-input-list-wrap.file li a img {vertical-align: -3px;margin-left: 5px;}
.file-input-list li a:hover {text-decoration: underline;}
.file-input-list li span.trash {display:inline-block;background: url("/images/contents/icon_trash.png")no-repeat;width:12px;height:12px;margin-left: 5px;vertical-align: -1px; cursor:pointer;}

textarea.fullsize,input.fullsize {width:100%;}

.exp-plan-frm select {padding:5px 8px; margin:5px; border:1px solid #ccc; font-size:15px;}
table th.title {background:#ccc;}
.exp-plan-frm td.tel p,.exp-plan-frm td.email p {display:inline-block; margin-right:10px;}
.exp-plan-frm td.refer {color:#888; padding:30px 0;}
.exp-plan-frm > section > button {float:right;}
.exp-plan-frm td.keyword ol {display: inline-block; width:80%; vertical-align:top;}
.exp-plan-frm td.keyword ol li {margin:5px; width:30%;}
.exp-plan-frm td.keyword ol li:last-child {margin-right:0;}
.exp-plan-frm td.keyword ol li span {display:inline-block; width:10%; margin-right:5px;}
.exp-plan-frm td.keyword .key_button {float: right;}
.exp-plan-frm td.keyword .key_button button { color:#fff; border: 0;}
.exp-plan-frm td.keyword .key_button button:last-child {background: red; color:#fff;}
.exp-plan-frm th p {color:#666; font-weight:normal; font-size:14px;}
.exp-plan-frm th.th_title {background:#f0f6ff;}
.exp-plan-frm td textarea {border:1px solid #ccc; padding:8px;}
.exp-plan-frm td.pain textarea {margin-top:15px; width:100%;}
.exp-plan-frm table td.label_bullet label {background: url("/images/contents/bullet5.gif")no-repeat left center; padding-left:8px;}
td.option label {display:block;}

.exp-plan-frm button.fa.close {background:red;color:#fff;border:0; font-size: 12px;padding: 5px 10px; margin:0 auto;}
.exp-plan-frm button.fa {font-size:14px; color:#fff; padding: 5px 8px;line-height: normal; }
.exp-plan-frm button.fa.fa-plus-circle { border: 1px solid #3182f6; margin-right:5px; background: #3182f6;}
.exp-plan-frm button.fa.fa-minus-circle {background:red; border: 1px solid red;}

.exp-plan-frm td.txt textarea {width:85%;}
.exp-plan-frm td.txt .btn_right {float:right;}
.exp-plan-frm td.txt .btn_right button {display:inline-block; color:#fff;}
.exp-plan-frm td.txt .btn_right button:last-child {background: red; border:0;}

.inner-table td {border-left:0;}
.exp-plan-frm table th {border-top:0; border-bottom:1px solid #cdcdcd;}

section.oath td.content-box {background: #f0f6ff;border:1px solid #d3e5ff;padding:20px; margin:20px 0 50px 0;}
section.oath td.content-box h5 {color:#333; font-weight:500; background:url("/images/contents/bullet04.png")no-repeat left center; padding-left:25px; display:inline-block; font-size:18px; margin-bottom:15px;}
section.oath table {border-top-width:0; border-top-color:#d3e5ff;}

button.save,
button.save-draft {display:block; text-align: center; padding: 10px 25px; font-size:16px; margin:20px auto; border:0; background: #3182f6; color:#fff; }
button.save-draft {background: #444; border:0; color: #fff; padding: 10px 25px;}
button.save:hover {background:#2c7ae9;}
button.save-draft:hover {background:#333;}

button.Btn-Default.fullsize {font-size:14px; margin:0;}

.center-button-wrap { margin-left: auto; margin-right: auto; text-align: center; }
.center-button-wrap button { display: inline;}
.center-button-wrap button:last-child { margin-right: 0; }


/*login*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
.bg_area{width: 100%; margin:0 auto; padding: 5rem 0; background: #f6f9fe;}
.bg_area.login {width:100%; background: #f1f1f1 url('/images/contents/login_bg.jpg') no-repeat center 0; background-size:cover;}
.login{width: 50%;margin: 0 auto;box-sizing: border-box;}
.login h3{font-size: 2rem;padding-bottom: 10px;}
.login_wrap{width: 100%;margin:0 auto;padding: 7% 12%;background: #fff;box-sizing: border-box; border-radius: 20px;}
.login_txt{margin-bottom: 55px;color: #000;}
.login_txt p{font-size: 2rem;margin-bottom: 8px;font-weight: 500;}
.login_txt span{display:block;font-size: 1.125rem;font-weight: 300;}
.login_txt img {display: block; margin:0 auto;}
.login_box{display: inline-block;width: 100%;box-sizing: border-box;}
.login_box div{width: 100%;border: 1px solid #ddd;display: inline-block;margin-bottom: 11px;box-sizing: border-box;position: relative;border-radius: 15px;}
.login_box div:nth-child(1):after{content:"";position: absolute;background: url('/images/common/input_ld.png') no-repeat 0 0;background-position:center center;width: 13%;height: 20px;left: 0;top: 25px;}
.login_box div:nth-child(2):after{content:"";position: absolute;background: url('/images/common/input_pw.png') no-repeat 0 0;background-position:center center;width: 13%;height: 23px;left: 0;top: 22px;}
.login_box div:before{content: "";position: absolute;width: 1px;height: 24px;background: #ddd;left: 13%;top: 18px;}
.login_box label{display: inline-block;width: 120px;font-size: 18px;color: #333;font-weight: 400;box-sizing: border-box;vertical-align: middle;}
.login_box input{display: inline-block;background :#fff;width: 80%;padding: 15px 5px; border: 0;box-sizing: border-box;border: 0;line-height: 36px;float: right;margin-right: 10px; outline: none;}
.btn_login{display: block;padding: 21px 0; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 0%, rgba(0,212,255,1) 100%); border-radius:15px; border: 0;font-size: 18px; color: #fff;font-weight: 500;text-align: center;cursor: pointer;box-sizing: border-box;margin-top: 12px;}
.btn_join{display: block;padding: 21px 0;background-color: #fff;border: 1px solid #888;text-align: center;color: #555;font-size: 1.125rem;}
.auth_box{padding: 26px 0;}
.auth_box ul:after {content: ""; display: block; clear: both;}
.auth_box ul li{float: left;width: 48%;text-align: center;border:1px solid #eee;border-radius: 15px;box-shadow: 5px 5px 3px #eee;}
.auth_box ul li:first-child{margin-right: 15px;}
.auth_box ul li a{display:block; color:#666; padding: 15px 10px; color:#888;}
.auth_box ul li a:hover{text-decoration: underline;}
.login.login--popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 9999; }
.login.login--popup .btn_close { position: absolute; top: 24px; right: 24px; color: #ccc; }
.login.login--popup .btn_close:hover { color: #333; }
.login.login--popup .login_wrap { margin: 0 auto; width: 800px; position: relative; top: 50%; transform: translateY(-50%); padding: 45px 78px; box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.25); }

.checkbox .form-group{text-align: left !important;padding:5px 0;}


/* 휴면 계정 */
.join_area .rest-user-inform { width: 50%; margin: 0 auto; margin-bottom: 2em; font-size: 16px; }
.join_area .rest-user-info { width: 50%; margin: 0 auto; background: #F3F5F6; padding: 8px 16px; line-height: 2; margin-bottom: 2em; }


/* 사용자 유형 선택 */
.user_type { height: 100vh; min-height: 700px; }
.user_type .user_type_wrap { margin:0 auto; background: #fff;box-sizing: border-box; border-radius: 20px; width: 800px; position: relative; top: 50%; transform: translateY(-50%); padding: 45px 78px; box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.25); }
.user_type .user_type_wrap .type li button {display: block;padding: 16px 0; /* background: #3e4f6f; */ /* border-radius: 15px; */ border: 0; font-weight: 500;text-align: center;cursor: pointer;box-sizing: border-box; margin-top: 10px;border: 1px solid #3e4f6f; width: 100%; color: #3e4f6f; font-weight:normal; font-size: 16px; background: #fff;}
.user_type .user_type_wrap .type li:first-child button {margin-top:0;}
.user_type .user_type_wrap .type li button:hover {background: #3e4f6f; color:#fff; transition:.3s;}

.user_type.user_type--popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 9999; }
.user_type.user_type--popup .btn_close { position: absolute; top: 24px; right: 24px; color: #ccc; }
.user_type.user_type--popup .btn_close:hover { color: #333; }
.user_type.user_type--popup .user_type_wrap { margin: 0 auto; width: 800px; position: relative; top: 50%; transform: translateY(-50%); padding: 45px 78px; box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.25); }


/*join_terms*/
.join_area{width: 100%;margin:0 auto;padding: 0 5rem;background: #fff;box-sizing: border-box;border: 1px solid #ddd; border-radius:20px;}
.join{width: 60%;margin: 0 auto;box-sizing: border-box;}
.join h3{font-size: 2.4rem;padding-bottom: 10px;}
.join_terms{padding: 13px 0;}
.join .join_terms_content { overflow: auto; height: 230px; border:1px solid #ddd; padding:20px; color: #555; border-radius:20px;}
.join .join_terms_content p {margin-bottom:5px; color:#666;}
.join .join_terms_content h1 {background: url("/images/contents/bullet03.png")left center no-repeat; padding-left:15px; font-size:18px; font-weight:500; margin:30px 0 10px 0;}
.join .join_terms_content h1:first-child {margin-top: 0;}
.join .join_terms_content h2 {background: url("/images/contents/bullet02.png")left center no-repeat; padding-left:15px; font-size:15px; font-weight:500; margin:5px 0;}
.join .join_terms_content .priv_box:first-child { margin-top: 0; }

.list_basic li {background: url("/images/contents/bullet5.gif")left 0.6em no-repeat; padding-left:10px; margin-bottom:5px;}
.list_basic table th,.list_basic table {margin:20px 0;}
.list_basic table th,.list_basic table td {padding:10px 5px; border:1px solid #ccc; text-align: center;}
.list_basic table th {background:#f6f6f6;}
.list_num {margin: 10px 0;background: #f6f6f6;padding: 15px 10px;}
.list_num li {background:none;}

.row_form dl dd div label {width:20%;}

.priv_box {margin: 50px 0 20px 0;border-bottom: 1px solid #ddd;padding-bottom: 13px;}
.priv_box h3 {background: url("/images/contents/bullet04.png")left 6px no-repeat;padding-left:25px;font-size: 20px;font-weight: 500; margin-bottom: 10px;}
.priv_box textarea {width: 100%;background: #f1f1f1;resize: none;font-size: 16px;border: 0;text-align: left;padding: 15px 20px;box-sizing:border-box;/* overflow: auto; */height: 230px;/* outline: none; */color:#555;margin: 0 auto;/* margin-left: 2%; */}
.all_check{margin: 19px 0;text-align: right;}

.joinFormArea{padding-top: 4rem;}
.join_form{width:100%;border-top:2px solid #000;border-bottom:1px solid #ddd;padding: 60px 0;margin-bottom: 40px;margin-top: 12px;}
.join_form_wrap{margin:0 auto;}
.join_form_wrap .row_form dl dd{vertical-align: middle;}
.join_form_wrap .row_form dl dd a{display:inline-block;vertical-align:middle;margin-left:5px; background: #e8e8e8;/* height: 50px; */padding: 0 20px;/* line-height: 50px; */box-sizing: border-box;font-weight: 500;color: #555;/* min-width: 90px; */text-align: center;padding: 10px;}
.join_form_wrap .row_form dl dd a:hover {background:#333; color:#fff; transition:.3s;}
.join_form_wrap .row_form dl dd p{font-size: 15px;color:#999; margin-top:5px;}
.join_form_wrap .join_id{width:40% !important;}
.join_form_wrap .join_cd{width:40% !important;}
.join_form_wrap .join_cd_etc{width:30% !important;}
.join_form_wrap .phone dl dd input{width:20%;margin:0 10px;}
.join_form_wrap .phone dl dd input:first-child{margin-left:0;}
.join_form_wrap .address dl dd input{width:100%;}

.certify{text-align: center;padding: 6rem 0 3rem;}
.certify div{border:1px solid #ddd;background: #fff;width: 50%;margin: 0 auto;padding: 6rem 2rem;}
.certify div{border:1px solid #ddd;background: #fff;width: 50%;margin: 0 auto;padding: 6rem 2rem;}
.certify img{}
.certify h3{color: #222;margin-top: 40px;font-size: 1.4rem;font-weight: 600;}
.certify p{color: #777;}
.certify a{font-size: 1rem;display:inline-block;min-width: 140px;border:0;padding: 16px 20px;margin-top: 35px;text-align:center;border-radius:2px;font-weight: 500;background: #03aae2;color: #fff;}


/*join_complete*/
.join_complete{width:100%;}
.join_complete .com_box{text-align: center;background: #fff;margin:0 auto;padding: 6rem 0;width: 60%;border: 1px solid #ddd;}
.join_complete .com_box .txt .p1{font-size:2.4rem;padding:30px 0 20px 0;}
.join_complete .com_box .txt .p1 span{font-weight:600;}
.join_complete .com_box .txt .p2 {font-size:16px; color:#666; line-height:24px;}


/*find*/
.find_area{padding: 7% 15%; }
.find_area .tab_menu{width: 100%;display: inline-block;}
.find_area .tab_menu ul li{float: left;width: 50%;text-align: center;background: #f1f1f1;border: 1px solid #ddd;box-sizing: border-box;/* margin-left: -1px; */}
.find_area .tab_menu ul li:hover {background: #0067b3;border-color: #0067b3;  transition:.3s;}
.find_area .tab_menu ul li:hover a {color:#fff;}
.find_area .tab_menu ul li a{padding: 17px 0;display: block;box-sizing: border-box;}
.find_area .tab_menu ul li.active{background: #0067b3;border-color: #0067b3;}
.find_area .tab_menu ul li.active a{color: #fff;}
.find_area .find_inform, .find_area .find_pwdForm{padding: 5rem 0;border: 1px solid #ddd;margin-top: 20px;}
.find_area .txt_box{text-align: center;margin-bottom:2rem;}
.find_area .txt_box p{font-size: 24px;font-weight: 500; margin-bottom:10px;}
.find_area .txt_box small{ font-size: 1rem; color: #777;}
.find_area input{background :#fff;width: 50%;padding: 15px;font-size: 1rem;border: 1px solid #ddd;box-sizing: border-box;line-height: 15px;display: block;margin: 0 auto 5px;}
.find_area .field_box{text-align: center; margin: 0 auto;}
.find_area .field_box button{padding: 15px;font-size: 1rem;box-sizing: border-box;margin: 10px auto 0 auto;width: 50%;background: #555;color: #fff; border:0;}
.find_area .field_box button:hover {background: #444;}
.find_area .field_box .parsley-errors-list > li { padding-bottom: 16px; }
.search_id, .search_pwd{ width: 50%;margin:  0 auto;border-top: 1px dotted #bbb; margin-top: 3rem;padding-top: 3rem;  }
.search_id .alert_blue, .search_pwd .alert_blue{text-align: center; margin-bottom: 2rem; }
.search_id .field_box, .search_pwd .field_box{ width: 100%;  }
.search_id .field_box input, .search_pwd .field_box input{width: 100%; }
.search_id .field_box button, .search_pwd .field_box button{width: 100%;background: #09324e; }
.search_id p, .search_pwd p{ font-size: 0.9375rem; color: #777; text-align: right;padding-top: 6px;  }

.find_result{padding: 10% 0;}
.find_result .txt_box{}
.find_result .txt_box small{ display: block; color:#333; font-size:1.4rem;}
.find_result .txt_box small span{font-weight: 600;}
.find_result .txt_box em{display: block;margin-top: 5px;color: #777;}


/*popup*/
.sub .info p {background: url("/images/contents/bullet02.png")no-repeat left center; padding-left:15px; margin-top:10px;}
.sub .info p:first-child {margin-top:0;}
.sub .info p span {display:inline-block; font-weight:500; margin-right:5px;}
.sub .info p button {background: #00979b; color:#fff; padding:5px 15px; border:0;}
.sub .info p button:hover {background: #007f83;}
.sub .info p button.gray {background: #555; color: #fff;}
.sub .intro {padding:15px 10px;border-top:1px solid #666;border-bottom:1px solid #666;margin-bottom: 40px;}
.sub .intro p {background: url("/images/contents/icon_border.gif")no-repeat left center; padding-left:15px;display:inline-block; margin-left:15px;}
.sub .intro p:first-child {margin-left:0; background: none; padding-left:0;}
.sub .intro p span {font-weight:500;}
.sub .select-version select {display:block; width: 100%; margin: 0 0 20px 0; padding:10px; border:1px solid #333; vertical-align:2px;}
.sub .select-version.select-version--has-diff-button { display: flex; margin-bottom: 20px; }
.sub .select-version.select-version--has-diff-button select { flex: 1; margin-bottom: 0; }
.sub .select-version.select-version--has-diff-button button { margin-left: 8px; }

.popup .edu input {width:95%; font-size:16px;}


/*관련문서*/
.sub .info .select-ref-doc p button { margin-top: 2px; margin-bottom: 2px; }


/*deco_check*/
.deco_check {transition:all 0.25s;display:inline-block;position:relative;vertical-align:middle;height:auto;line-height: 24px;margin-left:10px;}
.deco_check input[type=checkbox] {opacity:0;width:24px;height:24px;padding:0;margin:0;position:absolute;left:0;top:0;z-index:1;vertical-align:middle;cursor:pointer;}
.deco_check input[type=checkbox] + label {padding-left: 35px;letter-spacing:-0.2px;font-size: 1.06rem;vertical-align:top;display:inline-block;background:url('/images/common/ckbox_off.png') no-repeat 0 0;cursor:pointer;font-weight: 400;/* color: #111; */}
.deco_check input[type=checkbox]:checked + label {background:url('../../images/common/ckbox_on.png') no-repeat 0 0;}
.deco_check input[type=checkbox]:disabled + label {opacity:1;}


/*공통*/
.btn_area{margin: 30px auto 20px auto;text-align: center;display: inline-block;width: 100%;}
.btn_area.right{margin:0px auto 70px;text-align: right;}
.btn_area a{font-size: 1rem;display:inline-block;min-width: 120px;border:0;padding: 12px 20px;margin:0 2px;text-align:center;border-radius:2px;font-weight: 400;/* float: right; */}
.btn_blue{background: #03aae2;color:#fff;}
.btn_blue:hover {background: #00a1d7;}
.btn_gray{background:#555;color:#fff;}
.btn_gray:hover {background:#444;}
.btn_red{background:#c32020;color:#fff;}
.btn_green{background:#27a983;color:#fff;}
.btn_grayline{border: 1px solid #dedede !important;color: #3c3c3c;background:#fff;padding:11px 4px;background: #eee;}

.btn_blue_small{font-size:14px;background: #555555;color:#fff;display:inline-block;width:60px;border:0;padding:5px 10px;margin-top: 5px;text-align:center;border-radius:2px;}


/*row_form*/
.row_form{padding: 10px;box-sizing: border-box;}
.row_form dl{display:table;width:100%;}
.row_form dl dt{display:table-cell;width: 20%;vertical-align:top;}
.row_form dl dt label{color:#1e1e1e;font-weight:500;font-size:16px;}
.row_form dl dd{display:table-cell;width:auto;vertical-align:top;}
.row_form dl dd input[type="text"]{width: 100%;}
.row_form dl dd .st{color:#222;border: 1px solid #ddd;padding: 5px 10px;font-weight:300;box-sizing: border-box;font-size: 1rem;padding: 10px;}
.row_form textarea{width:100%;min-height: 200px;border: 1px solid #ddd;}
.row_form label{display:block; margin-top:5px;}

span.must{color: #1f87f3;}


/*search_box*/
.search_box {text-align:center; margin: 16px 0 32px 0;}
.search_box:after {content:""; display:block; clear:both;}
.search_box button { display:inline-block; padding:10px; margin-left:-30px; background:#2d3276; border-radius:100%;background-image: url('../../images/main/icon_search.png'); background-repeat: no-repeat; background-position: center center; text-indent: -99999px; width: 45px; height: 45px;  }
.search_box button:after { display: none; }
.search_box .search_wrap {display:inline-block; width:50%; border:2px solid #2d3276; border-radius:10px; padding:10px; background:#fff; position: relative;}
.search_box .search_wrap select {border:0; font-size:16px; color:#2d3276; font-weight:bold; float: left; }
.search_box .search_wrap input {width:60%; border:0; padding:5px; font-size:16px; margin-left:15px; outline:none;}
.search_box .search_wrap button {position: absolute; right: -24px; top: 5px;}


/*관리자 페이지 - 공통코드 관리*/
.general-page {width: 1303px; margin:0 auto; padding: 40px;}
.general-page.general-page--wide  {min-width: 1303px; width: 100%;}
.modal-body > .general-page {width: auto; margin:0; padding: 0;}
.general-page .title {margin: 0 0 20px 0;}

/*#se-router-root button { border:0; font-weight:normal;}*/


/*관리자 팝업*/
.modal-content .modal-header button.close {padding:8px 10px!important; font-size:14px; color:#fff; background:#ff0060; border:0; margin: 0; opacity: 1;}
.modal-content .modal-header button.close:hover {background:#e00054;}
.modal-content .modal-header h4.modal-title {font-size:20px; font-weight:500;}
/*.modal-content .modal-footer button {border:0; background: #555; color:#fff; font-size:14px; margin: 15px;}*/
.modal-content .modal-footer button.btn {padding:10px 15px; margin:10px 5px;}
.modal-content .modal-footer button.btn:first-child {margin-right:0;}
.modal-content .modal-footer button.btn.se-modal-button-yes:hover {background:#00a1d7;}
.modal-content .modal-footer button.btn.btn-default{border:0; background: #555; color:#fff; font-size:14px; }
.modal-content .modal-footer button.btn.btn-default:hover {background:#444;}
.se-modal-alert .modal-footer button {border-radius: 0;}
.modal.show .se-modal-msgbox.modal-dialog input {margin-top:25px !important;}


/*위원장*/
.chairman p {font-size:18px;}
.chairman p.txt {margin:50px 0 20px 0;}
.chairman p.person{font-size:22px; font-weight:500;}
.chairman p.date {margin:40px 0 30px 0; font-size:16px;}


/*개인정보처리방침 및 이용약관*/
.privacy_policy {max-width:1303px; margin:0 auto;padding:5rem;background: #fff;box-sizing: border-box;border: 1px solid #ddd; border-radius:20px; word-break: keep-all;}


.join_terms_content p {font-size:16px; margin:0 0 5px 10px; }
.join_terms_content p.margin_b10 {margin-bottom:10px;}
.join_terms_content h2.page { color:#009885; margin:30px 0 20px 0; padding-left: 0; background: none; }
.join_terms_content h2.page:first-child { margin-top: 0; font-size: 21px; }
.join_terms_content .priv_box.info {border:0; margin:0 0 40px 0; background:#faf6ff; color:#333; padding:20px;}
.join_terms_content .priv_box.info p {margin-left:0;}
.join_terms_content .priv_box {border-bottom: 0; margin:15px 0; color:#666;}
.join_terms_content .priv_box h3 {color:#333;}
.join_terms_content .priv_box .list_basic {margin-left:10px;}
.join_terms_content .priv_box .list_basic li {font-size:16px; margin-bottom:10px;}
.join_terms_content .priv_box .list_basic li.title {background:none; padding-left:0; margin:20px 0 0 0;}
.join_terms_content .priv_box .list_basic li.title h4 { margin-bottom:5px;}
.join_terms_content .priv_box .list_basic table {margin:20px 0;}
.join_terms_content .priv_box .list_basic th {font-size: 14px;}
.join_terms_content .priv_box .list_basic td {font-size:14px;}

.join_terms_content .priv_box.help .list_basic li {margin-left:10px;}
.join_terms_content .priv_box.help .list_basic li:first-child {margin-left:0;}

.join_terms_content .priv_box p.refer {color:red; font-size:14px; margin:5px 0 0 0;}
.join_terms_content .priv_box p.btn {}
.join_terms_content .priv_box p.btn a { padding:3px 5px; color:#fff; background:#555; font-size:14px;}
.join_terms_content .priv_box p.btn a:hover {background:#444;}
.join_terms_content .priv_box .list_basic .list_num {margin:20px 0; padding:20px;}
.join_terms_content .priv_box .list_basic .list_num li {font-size:14px;}
.join_terms_content .priv_box .list_basic .list_num li:last-child {margin-bottom:0;}
.join_terms_content .priv_box .list_basic .list_num p {font-size:14px;}
.join_terms_content .priv_box .list_num {padding:20px; margin:20px;}
.join_terms_content .priv_box .list_num h4 {margin:15px 0 5px 0;}
.join_terms_content .priv_box .list_num li:first-child h4 {margin:0 0 5px 0;}


/*달력*/
.cal .cal_title {margin-bottom:30px; text-align: center;}
.cal .cal_title h2 {display: inline-block; margin:0 20px;  font-size:24px;}
.cal .table-style2 th {padding:10px; border-left:1px solid #ccc;}
.cal .table-style2 th.red {color:red;}
.cal .table-style2 th.blue {color:blue;}
.cal .table-style2 td {height:130px; vertical-align:top; color:#666; padding:10px 10px 20px 10px;}
.cal .table-style2 td button { display: block; width:50%; padding: 5px 10px; margin: 5px auto 0 auto; text-align: center; border-radius: 5px; }
.cal .table-style2 td button.full { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cal a.btn {display: inline-block;border: 1px solid #aaa;border-radius: 100%;padding: 8px 12px;font-size: 0; vertical-align:1px;}
.cal .cal__day {}
.cal .cal__day--othermonth > .cal__day__day { color: #ccc; }
.cal .cal__day--today { background: #f7f7f7; }
.page-lac-trainingCal .cal .table-style2 td {height:50px;}


/*실험계획서 제출기간 관리*/
.daterangepicker .calendar-table table {width:350px; height:300px;}
.daterangepicker .calendar-table th.month {font-size:16px;}

.page-com-termMng .add {display:inline-block; width:380px; margin-left:20px;}
.page-com-termMng .add input {width:69%;padding: 8px;border:1px solid #ccc;color:#666;margin-right: 5px;font-size: 14px;}
.page-com-termMng .record {min-height:220px; margin-top:20px; padding:20px; background: #f0f6ff;}
.page-com-termMng .record:after {content: ""; display: block; clear: both;}
.page-com-termMng .record li {color: #666; padding:5px; background: url("/images/contents/bullet5.gif")left center no-repeat; padding-left:10px;}
.page-com-termMng .record li h2 {display:inline-block; background: url("/images/contents/bullet04.png")no-repeat left center; padding-left:25px;}
.page-com-termMng .record li select {display:inline-block; float:right; vertical-align: top; border:1px solid #999; color:#666;}
.page-com-termMng .record li:hover {text-decoration: underline;}
.page-com-termMng .record li:first-child { margin-bottom:20px; background:none; padding:0;}
.page-com-termMng .record li:first-child:hover {text-decoration: none;}
.page-com-termMng .record li:first-child h2 {font-size:16px; font-weight: 500; }
.page-com-termMng .record li.no_data:hover {text-decoration: none;}
.page-com-termMng .record li button {background:none; padding:0 !important; margin-left:15px;}
.page-com-termMng .daterangepicker .drp-calendar.left .calendar-table { padding-right: 0; }

/*동물실험계획 변경승인신청서 - 승인번호 */
/*.iacuc-plan-tree.has-rpt {padding:10px; background:#fff; border:1px solid #ddd; margin:10px 0 0 80px;}
.tree.exp-plan-tree,.tree.exp-rpt-tree {display: inline-block;}
.tree.exp-plan-tree li:first-child,.tree.exp-rpt-tree li:first-child{display: block; margin:0;}
.tree.exp-plan-tree li:first-child span,.tree.exp-rpt-tree li:first-child span {font-size:14px; font-weight: 500;}
.tree.exp-plan-tree li {display:inline-block; vertical-align: top;}
.tree.exp-plan-tree li button {width:100%; background:#008fff; color:#fff; padding:5px 10px;}
.tree.exp-plan-tree li button:hover  {background: #0086ef;}
.tree.exp-rpt-tree  li button:hover {background: #9150cd;}

.tree.exp-plan-tree .action-buttons.collapsible__hidden,.tree.exp-rpt-tree .action-buttons.collapsible__hidden {padding: 10px 20px;}
.tree.exp-plan-tree .action-buttons.collapsible__hidden{background:#e7f1ff;}
.tree.exp-rpt-tree .action-buttons.collapsible__hidden {background:#f6edff;}

.tree.exp-rpt-tree .action-buttons.collapsible__hidden button,.tree.exp-plan-tree .action-buttons.collapsible__hidden button {width:auto; background: #fff; color:#444;}
.tree.exp-plan-tree .action-buttons.collapsible__hidden button:hover,.tree.exp-rpt-tree .action-buttons.collapsible__hidden button:hover {text-decoration: underline;}

.tree.exp-plan-tree {margin-right:30px;}
.tree.exp-rpt-tree li {display: inline-block; vertical-align: top;}
.tree.exp-rpt-tree li button {width:100%; background:#af7ae0; color:#fff;}
.tree.exp-rpt-tree li a {display:block; width:89%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:12px; background: url("/images/contents/icon_file02.png")no-repeat left center; padding-left:23px; margin-bottom:10px;}
.tree.exp-rpt-tree li a:hover {text-decoration: underline;}

.iacuc-plan-tree ul.tree li:last-child:before {border-left: 1px solid #666;}
.iacuc-plan-tree ul.tree .action-buttons button { padding:3px 10px !important; border-radius: 10px; color: #fff; margin:3px 0; border:1px solid #ccc !important;}
.iacuc-plan-tree ul.tree ul {margin-left: 1.0em;}
.iacuc-plan-tree .exp-plan-tree,.iacuc-plan-tree .exp-rpt-tree { margin-top:0; vertical-align: top;}
.iacuc-plan-tree .exp-plan-tree > li:first-child:before { height: 1.2em; }*/


/*board list*/
/*.sub.board .red {color:red;}*/
.sub.board p.refer {font-size:14px; margin-top:10px;}
.sub.board:after {content: ""; display: block; clear: both;}
.sub.board .search_style .search {padding:30px; background:#eef5ff; text-align: center; margin-bottom:30px;}
.sub.board .search_style .search select {border:1px solid #ccc; color:#666; padding:7px 10px; width:10%; vertical-align: top;}
.sub.board .search_style .search input {display:inline-block;width: 25%; padding:8px 10px !important; vertical-align: top;}
.sub.board .search_style .search button {background:#2d3276; padding:8px 10px !important; margin-left:5px;}
.sub.board .search_style .search button:hover {background:#272c68;}
.sub.board .search_style .search button img {max-width: 75%;}

.sub.board .search {text-align:center;}
.sub.board .search:after {content:""; display:block; clear:both;}
.sub.board .search .search_wrap {display:inline-block; width:50%; border:2px solid #2d3276; border-radius:10px; padding:10px; background:#fff;}
.sub.board .search .search_wrap select {width:20%; border:0; font-size:16px; color:#2d3276; font-weight:bold; float:left;}
.sub.board .search .search_wrap input {width:60%; border:0 !important; padding:5px; font-size:16px; margin-left:15px; outline:none;}
.sub.board .search a {display:inline-block; padding:10px; margin-left:-30px; background:#2d3276; border-radius:100%;}
.sub.board .search a:hover {background:#202355;}
.sub.board .search a img {max-width: 80%;}


.code .search {text-align:center;}
.code .search:after {content:""; display:block; clear:both;}
.code .search .search_wrap {display:inline-block; width:50%; border:2px solid #2d3276; border-radius:10px; padding:10px; background:#fff;}
.code .search .search_wrap select {width:20%; border:0 !important; font-size:16px; color:#2d3276; font-weight:bold;}
.code .search .search_wrap input {width:60%; border:0 !important; padding:5px; font-size:16px; margin-left:15px; outline:none;}
.code .search a {display:inline-block; padding:10px; margin-left:-30px; background:#2d3276; border-radius:100%;}
.code .search a:hover {background:#202355;}
.code .search a img {max-width: 80%;}

.sub.board .table-style4 {table-layout:fixed; clear:both; width:100%; margin:0; border:0; border-top:2px solid #151515;}
.sub.board .table-style4 th {padding:10px; border-bottom: 1px solid #ddd;font-weight:500; line-height: 1.5;color:#444;text-align:center;font-size:16px;background: #f5f5f5;}
.sub.board .table-style4 th span.red {color:red;}
.sub.board .table-style4 td {padding:10px; border: 0; border-bottom:1px solid #d9d9d9; color:#666; text-align:center; word-wrap:break-word; word-break:keep-all; font-size:14px;}
.sub.board .table-style4 td span.notice {display:inline-block; padding:2px 10px; /* border:1px solid #ff0090; */ border-radius:10px; color: #fff; font-weight:500; font-size:12px;background: #ff0090;}
.sub.board .list .table-style4 td.board_title {text-align: left; font-size:14px;}
.sub.board .list .table-style4 td.board_title a {display:inline-block; max-width:80%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub.board .list .table-style4 td.board_title a:hover {text-decoration: underline;}
.sub.board .list .table-style4 tr:hover td{background:#f7f7f7;}
.sub.board .list .table-style4 tr:hover a {color:#4080ce; text-decoration: underline;}
.sub.board .list .table-style4 td span.new {display:inline-block; padding:2px 5px; background: #ff0060; color: #fff; font-size:8px;  margin-left:5px; vertical-align:5px;}
.sub.board button.write {float:right; margin-top:20px;}


/*board view*/
.sub.board .table-style4 td .inform {text-align: right;}
.sub.board .table-style4 td .inform li {display:inline-block; margin-left:10px; padding-left:10px; background: url("/images/contents/bullet06.gif")left center no-repeat;}
.sub.board .table-style4 td .inform li:first-child {margin-left:0; background:none; padding-left:0;}
.sub.board .table-style4 td .inform li span,.sub.board .table-style4 td .inform li p {display:inline-block;}
.sub.board .table-style4 td .inform li span {font-weight: 500;}

.sub.board .table-style4 td .file-input-list-wrap.file {background:#f6f6f6;}
.sub.board .table-style4 td .file-input-list-wrap.file h4,.sub.board .table-style4 td .file-input-list-wrap.file .file-input-list {display: inline-block;}
.sub.board .table-style4 td .file-input-list-wrap.file .file-input-list {margin-left:20px;}

.sub.board .table-style4 td .file-input-list-wrap.file h4 {vertical-align: top;}
.sub.board .table-style4 td .file-input-list-wrap.file li {border-bottom:0; padding:0; margin:7px 0;}
.sub.board .table-style4 td .file-input-list-wrap.file li:first-child {margin:0;}
.sub.board .table-style4 td .file-input-list-wrap.file li.no_data {font-size:14px;}
.sub.board .table-style4 td.content p {min-height: 200px; padding:20px;}
.sub.board .table-style4 td.content .file-input-list-wrap {text-align: left;}
.sub.board .table-style4 td.board_title span,.sub.board .table-style4 td.board_title p {display:inline-block;}

.sub.board .table-style4 td.board_title p.bbs-cate {border:1px solid #007bff; padding:1px 5px; margin-right:5px; color:#007bff; background:#fff; vertical-align: top;}
.sub.board .table-style4 td.board_title p.lac {border-color: #f66262; color:#f66262;}
.sub.board .table-style4 td.board_title p.fac {border-color: #00b19a; color:#00b19a;}
.sub.board .table-style4 td.board_title {padding:10px; font-size:18px; text-align: left;}

.sub.board .table-style4 td.board_title.view p {float:right; font-size:14px; margin:0;}
.sub.board .table-style4 td.content .file-input-list-wrap.file {margin:0;}

button {background:#2d3273; color:#fff; border:0; font-size:14px;}
button.toggle-btn {color:#333;}
button.violet,
button.gray,
button.green,
button.blue,
button.white,
button.red {padding:5px 10px; background:#2d3273; color:#fff; border:0;}
button.violet {background:#303794;}
button.violet:hover {background:#2a2f7a;}
button.gray {background:#333;}
button.gray:hover {background:#222;}
button.green {background:#00bca4; }
button.green:hover {background: #00b19a;}
button.blue {background:#4C93E3; }
button.blue:hover {background:#4689d5; }
button.red {background:#ff0060; }
button.red:hover {background:#ed0059; }
button.white {background:#fff; color: #333; border: 1px solid #ccc;}
button.white:hover {background:#e9e9e9; }

button.tiny {padding:2px 6px; font-size:12px; line-height: 1.4;}
button.small {padding:3px 8px; font-size:12px;}
button.big {padding:10px 25px; font-size:16px;}

.sub.board .table-style4 tr.next th img,.sub.board .table-style4 tr.prv th img {vertical-align: middle; margin-right:5px;}
.sub.board .table-style4 tr.next td,.sub.board .table-style4 tr.prv td{text-align: left;}
.sub.board .table-style4 tr.next td a,.sub.board .table-style4 tr.prv td a{display: block; width:90%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub.board .table-style4 tr.next td a:hover,.sub.board .table-style4 tr.prv td a:hover {text-decoration: underline; color:#4080ce;}
.sub.board .table-style4 td .no_data {color:#999;}
.sub.board .table-style4 tr:hover td.no_data{background: none;}
.sub.board .table-style4 td.no_data p{margin:30px 0 50px 0; color:#888; font-size:14px;}

/*세미나 버튼*/
.video-preview-box {position: relative;display: inline-block;width: 300px;height: 169px; background-color: #111;
    border-radius: 8px;overflow: hidden;text-decoration: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.video-preview-box:hover .play-icon {background-color: #2563eb;}
.play-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;background-color: rgba(37, 99, 235, 0.9);
    color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;transition: all 0.2s;}
.video-title {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0,0,0,0.8));color: white;
    padding: 15px 10px 10px;font-size: 14px;font-weight: bold;}

/*board form*/
.sub.board .form .table-style4 th {font-size:14px;}
.sub.board .form .table-style4 td {text-align:left; padding:15px;}
.sub.board .form .table-style4 td.board_title input { border:1px solid #ccc; padding:8px; }
.sub.board .form .table-style4 td input,.sub.board .form .table-style4 td textarea { border:1px solid #ccc; padding:5px;}
.sub.board .form .table-style4 td textarea {min-height: 300px;}
.sub.board .form td.select label {margin-left:10px;}
.sub.board .form td.select label:first-child {margin-left:0;}

/*알림발송관리&메일관리*/
/*.js-gridDetail {height:150px; overflow: hidden; border:1px solid #ccc; margin-bottom:30px;}*/


/*사용자 수정*/
.exp-plan-frm.user_modify table tr td label {display:block;}


/*실험동물반출신청*/
.info .guide li h4 {background: url("/images/contents/list_bullet.png")left center no-repeat; padding-left:18px; margin:3px 0;}
.info .guide li h4 {background: url("/images/contents/bullet04.png")left center no-repeat; padding-left:25px; margin-bottom: 10px;}
.info .guide li.guide__checkbox {background:none; padding-left: 0;}

/*예약상태 점유 히트맵*/
.chart-scroll-wrapper { width: 100%; max-width: 100%; overflow: hidden; overflow-x: auto;}
.chart-scroll-wrapper .js-chart {width: 100%;}

@media (max-width: 800px) {
    .chart-scroll-wrapper .js-chart {width: 950px;}
}