@charset "utf-8";

/* ui style */

/* title */
h3, .page_title {font-size:21px;margin-bottom:10px;padding-left: 15px;}
h4, .cont_title {font-size:18px;margin-bottom:6px;padding-left: 15px; }
h5, .sub_title {font-size:16px;margin-bottom:5px;}

/* button */
.btn_wrap {position:relative;margin:20px 0 10px;font-size:0;  margin-top: 0px !important;}
.btn_wrap .btn + .btn {margin-left:5px;}
.floatR .btn + .btn {margin-left:5px;}
.btn {display:inline-block;position:relative;min-width:100px;padding:6px 10px;border-radius:3px;background-color:#000;color:#fff;font-size:14px;text-align:center;vertical-align:middle;box-sizing:border-box;}
.btn + .btn {margin-left:4px;}
.btn:hover {text-decoration:none;box-shadow:1px 1px 2px rgba(0,0,0,0.2);background-image:url(/gjlll/resources/cms/img/bg_rgba_10.png);background-repeat:repeat}
.btn:before {font-family:'fontAwesome';line-height:1;margin-right:5px;}
.btn:after {font-family:'fontAwesome';line-height:1;margin-left:5px;}
.btn_round {border-radius:25px;}
.btn_color {color:#0afff7;}
.btn_sky {background-color:#2adcd6;color:#000;}
.btn_gray {background-color:#ccc;color:#000;}
.btn_white {border:1px solid #ccc;background-color:#fff;color:#000;line-height:1.4;}
.btn_black {border:1px solid #fff;background-color:#101010;color:#fff;line-height:1.4;}
.btn_small {min-width:60px;padding:3px 12px;font-size:13px !important;}
.btn_xsmall {min-width:45px;padding:2px 12px;border:1px solid #ccc;background-color:#eee;color:#000;font-size:13px;font-weight:300;}
.btn_left {position:absolute;top:0;left:0;z-index:10;}
.btn_right {position:absolute;top:0;right:0;z-index:10;}

/* button custom */
.btn_ico {min-width:auto;}
.btn_ico:before {margin:0;}
.btn_save {background-color:#2adcd6;color:#000;}
.btn_search {background-color:#ccc;color:#000;}
.btn_save:before {content:'\f00c';}
.btn_prev:before {content:'\f104';}
.btn_setting:before {content:'\f013';}
.btn_modify:before {content:'\f304';}
.btn_delete:before {content:'\f2ed';}
.btn_search:before {content:'\f002';}
.btn_excel:before {content:'\f1c3';}
.btn_preview:before {content:'\f06e';}
.btn_plus:before {content:'\f067';}
.btn_minus:before {content:'\f068';}
.btn_arrows:before {content:'\f0b2';}
.btn_arrows_v:before {content:'\f338';}
.btn_check:before {content:'\f058';}
.btn_move:before {content:'\f0b2';}
.btn_reply:before {content:'\f3e5';}
.btn_print:before {content:'\f02f';}
.btn_pdf:before {content:'\f1c1';}

/* btn group */
.btn_wrap.btn_v .btn {display:block;width:80px;min-width:auto;padding-left:0;padding-right:0;}
.btn_wrap.btn_v .btn + .btn {margin:5px 0 0;}

/*background color*/
.bg_color1 {background:#eee !important;}

/* margin*/
.marR15 {margin-right:15px !important;}

/* input */
.input_wrap {margin:10px 0;}
input[type="text"],
input[type="password"],
select,
textarea {height: auto;padding: 2px 10px;border:1px solid #ccc;border-radius:3px;background-color:#fff;color:#000;font-size:13px !important;text-align:left;box-sizing:border-box;}
input[type="text"],
input[type="password"] {width:100%;}
input[type="file"] {-webkit-appearance:none;display:block;border:none;background-color:#fff;}
input[type="file"] + img {margin-top:20px;}
input[type="checkbox"], 
input[type="radio"] {width:15px;height:15px;border:1px solid #ccc;border-radius:3px;}
select {min-width:80px;}
textarea {width:100%;height:100%;padding:10px;box-sizing:border-box;}
label+input[type="radio"],
label+input[type="checkbox"] {margin-left:15px;}
input[type="radio"]+label,
input[type="checkbox"]+label {margin-left:5px;}
input[type="file"].nobg {opacity:0; position:absolute; z-index:0;}

.datepicker {position:relative;display:inline-block;}
.datepicker:before {content:'\f073';position:absolute;top:3px;left:10px;font-family:'fontAwesome';}
.datepicker input[type="text"] {padding-left:30px;}

/* table basic */
.tbl_wrap {position:relative;margin:5px 0;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;}
.tbl_wrap table {width:100%;}
.tbl_wrap table th,
.tbl_wrap table td {padding:2px;text-align:left;word-break: keep-all;}
.tbl_wrap table th {background:#eee;font-size:13px;font-weight:700;}
.tbl_wrap table td {border-top:1px solid #ccc;border-left:1px solid #ccc;background:#fff;word-break: keep-all;word-wrap:break-word; min-width: 35px; line-height: 1.2;}
.tbl_wrap table td:first-child {border-left:0;}
.tbl_wrap table td.num {color:#888;font-size:13px;}
.tbl_wrap table td .btn_tit {display:inline-block;padding:8px 0;}
.tbl_wrap table td .file_inp {width:100%;box-sizing:border-box;padding:7px 5px;border:1px solid #ccc;}
.tbl_wrap table td a.diss { display: inline-block; position: relative; margin-left: 1px; top: 2px; font-size: 18px; }
.tbl_wrap table td a.diss:before { content: '\f15c'; font-family: 'FontAwesome'; color: #ED7D31; }
.tbl_wrap table td a.diss span { display: none;  }
.tbl_wrap table td .icon { position: relative; display: inline-block; width: 30px; height: 20px; text-indent: -9999px; }
.tbl_wrap table td .icon:before { font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; font-size: 20px; text-indent: 0; }
.tbl_wrap table td .cms:before { content: '\f4ff'; color: #FFC000; left: 3px; }
.tbl_wrap table td .teacher:before { content: '\f507'; color: #ED7D31; left: 3px; }
.tbl_wrap table td .app:before { content: '\f3fa'; color: #0070C0; left: 5px; top: -3px; }
.bbs_list .tbl_wrap table tbody tr:hover,
.bbs_list .tbl_wrap table tbody tr:hover th,
.bbs_list .tbl_wrap table tbody tr:hover td {background:#e6eded;}
.tbl_wrap thead + tbody th {border-top:1px solid #ccc;}
.tbl_wrap th em {margin-left:5px;}
.no_data {margin:-10px 0 10px;padding:30px 0;border-bottom:1px solid #ccc;text-align:center;}

/* table vertical */
.tbl_wrap .tbl_v th,
.tbl_wrap .tbl_v td {padding:3px 10px;}
.tbl_wrap .tbl_v th {max-width:25%;border-top:1px solid #ccc;border-right:1px solid #ccc;}
.tbl_wrap .tbl_v td + th {border-left:1px solid #ccc;}
.tbl_wrap .tbl_v tr:first-child th,
.tbl_wrap .tbl_v tr:first-child td {border-top:0;}
.tbl_wrap .tbl_v tr:hover {background:none;}
.tbl_wrap thead + tbody th {border-top:1px solid #ccc;}

/* progress bar */
.progress_bar {width:100%;height:10px;margin-bottom:10px;background:#eee;border-radius:3px;overflow:hidden;}
.progress_bar .bar {display:block;height:10px;background:#2adcd6;}
.progress_info {overflow:hidden;color:#888;font-size:13px;}
.progress_info strong {color:#000;}

/* bar graph */
.bar_graph {width:100%;}
.bar_graph .num	{display:block;float:left;width:80px;margin-right:20px;}
.bar_graph .num span {display:inline-block;}
.bar_graph .bar	{display:block;float:left;height:12px;margin:6px 0;background:#2adcd6;vertical-align:middle;}

/* comment area */
.cmt_info,
.cmt_warning,
.cmt_caution {margin:10px 0;padding:10px 15px;box-sizing:border-box;}
.cmt_info {background:#f5f5f5;color:#888;}
.cmt_warning {background:#f5f5f5;color:#8bbec2;}
.cmt_caution {background:#fbf5f5;color:#f14623;}
.cmt_info p,
.cmt_warning p,
.cmt_caution p {font-size:13px;font-weight:300;}
.cmt_info p:before,
.cmt_warning p:before,
.cmt_caution p:before {content:'';display:inline-block;margin-right:5px;font-family:'fontAwesome';}
.cmt_info p:before {content:'※';}
.cmt_warning p:before {content:'\f06a';}
.cmt_caution p:before {content:'\f071';}
.cmt_txt {display:inline-block;margin:0 0 0 20px;padding:0;background:none;}

/* text content */
.cont_box {padding:20px;background:#e6eded;}
.note_txt {margin:10px 0;}
.note_txt_sm {margin:10px 0;color:#888;font-size:13px;}
em {color:#ff0b89;font-weight:700;}

/* tab menu */
.tab_menu {width:100%;}
.tab_menu > ul {overflow:hidden;margin-bottom:10px;}
.tab_menu > ul > li {float:left;min-width:150px;margin:0 1px;padding:10px 20px;border:1px solid #ccc;border-bottom:0;border-radius:3px 3px 0 0;background-color:#eee;line-height:1.2;text-align:center;box-sizing:border-box;cursor:pointer;}
.tab_menu > ul > li.on {background-color:#fff;border-color:#000;}
.tab_cont {display:none;}

/* tab menu > type */
.tab_menu_type {width:100%;margin-bottom:10px;}
.tab_menu_type > ul {overflow:hidden;margin-bottom:30px;}
.tab_menu_type > ul > li {float:left;min-width:150px;margin:0 1px;padding:13px 20px;border:1px solid #ccc;border-bottom:0;border-radius:3px 3px 0 0;background-color:#eee;line-height:1.2;text-align:center;box-sizing:border-box;cursor:pointer;}
.tab_menu_type > ul > li.on {background-color:#fff;border-color:#000;}
.tab_menu_type > ul > li > label {vertical-align:middle;cursor:pointer;}

/* tab list */
.tab_list {padding:10px 20px;background:#eee;}
.tab_list ul {overflow:hidden;}
.tab_list ul li {float:left;}
.tab_list ul li:before {content:'|';color:#ccc;}
.tab_list ul li:first-child:before{display:none;}
.tab_list ul li a {display:inline-block;padding:6px 20px;color:#888;}
.tab_list ul li a.on,
.tab_list ul li a:focus,
.tab_list ul li a:hover {color:#000;text-decoration:underline;}
.tab_list ul li:first-child a {padding-left:0;}

/* img */
.img_wrap img {max-width:100%;}

/* etc */
.required {display:inline-block;margin-left:5px;color:#ff0b89;}

/* modal popup */
#modal {display:none;position:fixed;z-index:10;left:0;right:0;top:0;bottom:0;margin-top:0 !important;background:rgba(0,0,0,.7)}
#modal .modal_wrap {position:absolute;z-index:15;top:50%;left:50%;width:600px;background:#fff;}
.modal_title {padding:13px 30px;background:#2adcd6;}
.modal_title h4 {margin:0;line-height:37px;}
.modal_title .modal_close {position:absolute;top:0;right:0;width:65px;height:65px;background:url(/gjlll/resources/cms/img/ico_modal_close.png) #fff no-repeat 50%;text-indent:-9999em;}
.modal_cont {max-height:500px;padding:10px 30px;overflow-y:auto;box-sizing:border-box;}
.modal_bottom {padding:20px;background:#101010;overflow:hidden;}
.modal_bottom .cont {padding-top:15px;color:#8bbec2;font-size:13px;font-weight:300;}
.modal_bottom .btn_wrap {margin:0;}
.modal_wrap .btn_wrap .btn + .btn {margin-left:10px;}
.on_modal {overflow:hidden;}

/* 상,하단으로 이동 */
.scroll_ctrl {display:none;position:fixed;bottom:60px;right:60px;z-index:20;opacity:0.6;}
.scroll_ctrl button {display:block;width:50px;height:50px;margin-top:10px;line-height:50px;background:#2adcd6;text-align:center;border-radius:50%;}
.scroll_ctrl button .fa {color:#fff;}
.scroll_ctrl button:hover {background-color:#000;}

/* scroll bar > basic */
html {scrollbar-base-color:#d7d7d7;scrollbar-face-color:#787878;scrollbar-arrow-color:#787878;scrollbar-track-color:#d7d7d7;scrollbar-highlight-color:#d7d7d7;scrollbar-3dlight-color: #d7d7d7;scrollbar-shadow-color:#787878;scrollbar-darkshadow-color:#787878;}
::-webkit-scrollbar {width:8px;height:8px;background:#d7d7d7;}
::-webkit-scrollbar-thumb {height:50px;width:50px;background:#787878;}

/*팝업 popup*/
.popup_wrap {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.7);z-index: 100;}
.popup_wrap .popup {position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-175px;width:350px;background-color:#fff;}
.popup_wrap .popup_tit {margin:0;padding:0 10px;height:42px;line-height:42px;color:#000;font-size:13px;background-color:#2adcd6;}
.popup_wrap .popup_cont {padding:30px;box-sizing:border-box;overflow-y:auto;text-align:center;}
.popup_wrap .popup_cont .mb10 {margin-bottom:10px;font-size:13px;}
.popup_wrap .popup_close_btn {position:absolute;top:0;right:0;display:block;width:42px;height:42px;font-size:18px;font-weight:600;border:none;background-color:transparent;}

.popup_wrap .pop_btn {margin:0 0 20px;padding:0 20px;text-align:center;}

/*강조 텍스트*/
.important_txt {padding-left:15px;position:relative;color:#ff0b89 !important;font-size:15px;}
/* .important_txt:before {content:"*";display:inline-block;font-size:15px;color:#ff0b89;position:absolute;top:3px;left:5px;} */

/*인증 로딩*/
.privacy {margin:15px;text-align:center;}
.privacy .loading {position:absolute;width:500px;height:494px;top:-40px;left:-31px;z-index:100;background:rgba(255, 255, 255, 0.85);padding-top:60px;box-sizing:border-box;}
.privacy .loading img {position:relative;z-index:110;}
.privacy .loading div {position:relative;z-index:110;}

/*scroll box*/
.scroll_box {border:1px solid #ccc;width:90%;height:160px;margin:0 auto;overflow:auto;padding:15px;text-align:left;}