@charset "utf-8"; /* 새창형팝업관리 - 템플릿타입 등록시 선택 및 내용부 css 추가 - 2022.04.07 기영근 Start */ .popup_tmp_select li {position:relative;float:left;width:140px;margin:0 20px 20px 0;text-align:center;} .popup_tmp_select li.on img{border:4px solid #F65037;} .popup_tmp_select img {width:100%;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;} .popup_tmp_select .mask {-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;} .popup_tmp_select .btn_d {margin:5px 0} .popup_tmp_select .frame:hover .mask{display:none;} #popup_add_wrap .input_area {position:relative;background:#B8BFC7;padding:5px;} #popup_add_wrap .input_area .popup_tmp {position:absolute;width:240px;} #popup_add_wrap .input_area .popup_tmp img {margin:5px;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;} #popup_add_wrap .input_area .popup_tmp.none {height:180px;padding:120px 0 0 0;margin:5px;line-height:20px;border:2px solid #fff;background:#fff url(../img/popup_tmp_default.png) no-repeat 50% 40px;text-align:center;-webkit-border-radius:6px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;} #popup_add_wrap .input_area .popup_tmp.none a{color:#768395;font-weight:bold;} #popup_add_wrap .input_area .popup_tmp.none:hover {border:2px solid #3E78C1;} #popup_add_wrap #page_edit #tabs {position:relative;padding:0;margin:0;} #popup_add_wrap #page_edit .mn{position:relative;width:auto;height:auto;padding:0;margin:0;} #popup_add_wrap #page_edit .mn a:hover{background:#f5f5f5} #popup_add_wrap #page_edit .mn li {float:left;width:100px;} #pageEditor .inputarea:after, #pageEditor .tabcont ul:after {content:"";display:block;float:none;clear:both;} #pageEditor .imgtxt1 {position:relative;padding-left:105px;} #pageEditor .imgtxt2 {position:relative;padding-right:105px;} #pageEditor .imgtxt1 .insertimg {position:absolute;width:100px;min-height:80px;top:5px;left:5px;} #pageEditor .imgtxt2 .insertimg {position:absolute;width:100px;min-height:80px;top:5px;right:5px;} #pageEditor .imgtxt1 textarea, #pageEditor .imgtxt2 textarea {height:80px;} #pageEditor .btn_d input{background:none;border:none;text-align:center;} #pageEditor textarea, #pageEditor input[type="text"]{border:none;border-radius:0;font-size:12px;} #pageEditor textarea.html{font-family:'consolas';font-size:12px;} .toolbox {padding:2px 4px 4px;background:#fff;line-height:18px;} .toolbox:after {content:"";clear:both;float:none;display:block} .toolbox .bar:before{content:" | ";display:inline-block;margin:0 5px;} .toolbox span {vertical-align:middle} .toolbox i {font-size:14px;vertical-align:middle;color:#777} .toolbox h1, .toolbox h2, .toolbox h3, .toolbox h4, .toolbox h5, .toolbox h6{display:inline;} .toolbox .bg_gr, .toolbox .bx1_wh, .toolbox .bx1_gr, .toolbox .bx1_rd {display:inline-block;width:25px;height:15px;padding:0;margin:0;} .toolbox .line_solid, .toolbox .line_dashed, .toolbox .line_dotted, .toolbox .line_double, .toolbox .line_blank {display:inline-block;width:20px;height:1px;padding:0;margin:0 5px 0 0;} .toolbox .t_type1, .toolbox .t_type2 {display:inline-block;width:20px;height:13px;padding:0;margin:0;} .toolbox .t_type1 {background:url(../img/edit_ico_t_type1.png) no-repeat 0 0;} .toolbox .t_type2 {background:url(../img/edit_ico_t_type2.png) no-repeat 0 0;} .toolbox .btn_round, .toolbox .btn_square {display:inline-block;width:20px;height:15px;padding:0;margin:0 5px 0 0;background:#9EA5B2;} .toolbox .btn_round {border-radius:4px;} .toolbox .item, .toolbox input[type="checkbox"], .toolbox input[type="radio"] {position:relative;margin-right:5px} .toolbox .arrow_box {position:absolute;left:-50%;background:#fff;border:1px solid #ccc;padding:10px;} .toolbox .line_solid {margin:20px 0;border-bottom:1px solid #ccc;} .toolbox .line_dashed {margin:20px 0;border-bottom:1px dashed #ccc;} .toolbox .toolbox.line_dotted {margin:20px 0;border-bottom:1px dotted #ccc;} .toolbox .line_double {margin:20px 0;border-bottom:3px double #ccc;} .toolbox .line_blank {height:20px;} #pageEditor {} #pageEditor .location {background:#D8DDE0;line-height:30px;color:#768395;} #pageEditor .location li {float:left;padding:0 10px 0 30px;background:url(../img/bg_location.png) no-repeat 0 50%} #pageEditor .location li:first-child{background:none;padding-left:20px} #pageEditor .location .tag_d {margin-left:10px;background-color:#fff;background-position:4px 50%;padding:0 8px 0 28px;height:24px;line-height:22px;font-size:11px;letter-spacing:-1px;} #pageEditor td {position:relative;vertical-align:top;padding:0;margin:0;} #pageEditor .mn {background:#768395} #pageEditor .mn a {display:block;color:#fff;font-size:11px;text-align:center;} #pageEditor .mn a:hover {background:rgba(0,0,0,0.3);} #pageEditor .mn a:hover:before{color:#fff} #pageEditor .mn a:before {content:"";font-family:FontAwesome;font-size:14px;color:rgba(255,255,255,0.3)} #pageEditor .page_mn {width:60px;} #pageEditor .page_mn li:first-child a{border:none;} #pageEditor .page_mn a {padding:8px 0 5px 0;border-top:1px solid rgba(0,0,0,0.1);} #pageEditor .page_mn a:before{content:"";display:block;} #pageEditor .popup_mn a {float:left;width:100px;line-height:35px;border-right:1px solid rgba(0,0,0,0.1);} #pageEditor .popup_mn a:before{content:"";display:inline-block;margin-right:10px;vertical-align:middle;font-family:FontAwesome} #pageEditor .mn a.ico1:before {content:"\f1dc";font-weight:900;} #pageEditor .mn a.ico2:before {content:"\f022";} #pageEditor .mn a.ico3:before {content:"\f0c9";font-weight:900;} #pageEditor .mn a.ico4:before {content:"\f03e";} #pageEditor .mn a.ico5:before {content:"\f0c1";font-weight:900;} #pageEditor .mn a.ico6:before {content:"\f0ce";} #pageEditor .mn a.ico7:before {content:"\f041";} #pageEditor .mn a.ico8:before {content:"\f1c1";} #pageEditor .mn a.ico9:before {content:"\f008";} #pageEditor .mn a.ico10:before {content:"\f1c6";} #pageEditor .mn a.ico11:before {content:"\f1c9";} #pageEditor .mn a.ico12:before {content:"\f0c7";} #pageEditor .cont {} #pageEditor .inside {padding:10px;height:636px;overflow-y:scroll} #pageEditor .edit_bx {position:relative;background:#F4F4F9;border:1px solid #ccc;margin:10px 0 0 0;} #pageEditor .edit_bx:hover {outline:1px solid #3378C1;border-color: #3378C1;} #pageEditor .edit_bx:hover .edit_control{display:block;} #pageEditor .edit_control {display:none;position:absolute;right:-2px;top:-25px;} #pageEditor .edit_control a {float:left;display:block;background:#3378C1;width:25px;height:25px;line-height:25px;text-align:center;color:#fff;font-size:13px;} #pageEditor .edit_control a:first-child{border-right:1px solid #2F71B0} #pageEditor .inputarea {padding:5px 4px 4px 4px;} #pageEditor .inputarea li {position:relative;margin:1px 0;} #pageEditor .inputarea ul:before, #pageEditor .inputarea li:before, #pageEditor .inputarea li:after {content:"";clear:both;display:block;float:none;} #pageEditor .inputarea ul.list li input {float:right;width:calc(100% - 30px);} #pageEditor .inputarea ul ul {margin:1px 0 0 0;} #pageEditor .inputarea ul ul li:before {content:"ㄴ";position:absolute;left:12px;top:5px;color:#ccc} #pageEditor .inputarea ul ul li {margin-left:15px;} #pageEditor .inputarea ul a.add {margin-top:3px;} #pageEditor .inputarea input[type="text"]{width:100%} #pageEditor .inputarea .ico_btn {position:absolute;right:4px;top:4px;color:#999} #pageEditor .col_wrap {margin:-10px;} #pageEditor .boardarea {padding:5px;} #pageEditor .boardarea select {width:100%} #pageEditor .boardarea p {padding:20px;text-align:center;color:#3378C1} #pageEditor .insertimg {display:block; padding:0; margin: 0;text-align: center; white-space: nowrap; vertical-align: middle;background:#fff;border:1px dashed #ddd;border-radius:2px; } #pageEditor .insertimg button {display:block; width:100%;background:none;border:none;} #pageEditor .insertimg label {display:block; width:100%;padding: 6px 0; margin: 0;text-align: center; white-space: nowrap; vertical-align: middle;color:#999;background:none;border:none; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #pageEditor .insertimg label:before {display:block;content: "\f03e"; font-family: "FontAwesome"; font-size:14px;} #pageEditor .arrow {position:absolute;background:#fff;} #pageEditor .arrow:after, .arrow:before {top:0;left:0;border: solid transparent; content: " "; height: 0; width: 0;position: absolute; pointer-events: none;} #pageEditor .tabcont {position:absolute;background:#fff;z-index:9999} #pageEditor .tabcont img {vertical-align:middle;} #pageEditor .tabcont ul {background:#fff;border:1px solid #5A6378;} #pageEditor .tabcont a {display:block;padding:0 5px;border:none;width:auto;} #pageEditor .tabcont a:hover {background:none;} .popup_mn .arrow {top:-8px;left:140px;} .popup_mn .arrow:after {border-color:none;border-bottom-color:#ffffff;border-width:8px;margin-top:-7px;} .popup_mn .arrow:before {border-color:none;border-bottom-color:#3E4553;border-width:9px;margin-top:-9px;} .popup_mn .tabcont {top:45px;left:0px;} .popup_mn .tabcont ul {padding:0 10px;} .popup_mn .tabcont li {float:left;} .page_mn .arrow {top:20px;left:-7px;} .page_mn .arrow:after {border-color:none;border-right-color:#ffffff;border-width:8px;margin-left:-8px;} .page_mn .arrow:before {border-color:none;border-right-color:#3E4553;border-width:8px;margin-left:-9px;} .page_mn .tabcont {top:51px;left:60px;} .page_mn .tabcont ul {padding:10px;} .page_mn .tabcont li {padding:5px 0;} #pageEditor .inputarea:after, #pageEditor .tabcont ul:after {content:"";display:block;float:none;clear:both;} #pageEditor .imgtxt1 {position:relative;padding-left:105px;} #pageEditor .imgtxt2 {position:relative;padding-right:105px;} #pageEditor .imgtxt1 .insertimg {position:absolute;width:100px;min-height:80px;top:5px;left:5px;} #pageEditor .imgtxt2 .insertimg {position:absolute;width:100px;min-height:80px;top:5px;right:5px;} #pageEditor .imgtxt1 textarea, #pageEditor .imgtxt2 textarea {height:80px;} #pageEditor .btn_d input{background:none;border:none;text-align:center;} #pageEditor textarea, #pageEditor input[type="text"]{border:none;border-radius:0;font-size:12px;} #pageEditor textarea.html{font-family:'consolas';font-size:12px;} .bg_wh {padding:15px;background:#fff !important} .bg_gr {padding:15px;background:#f5f5f5} .bx1_wh {padding:15px;border:1px solid #dadada;background:#fff;} .bx2_wh {padding:15px;border:2px solid #dadada;background:#fff} .bx1_gr {padding:15px;border:1px solid #dadada;background:#f5f5f5} .bx1_rd {padding:15px;border:1px solid #EF593A;background:#fff} /* 새창형팝업관리 - 템플릿타입 등록시 선택 및 내용부 css 추가 - 2022.04.07 기영근 End */ /* 팝업창 템플릿 css 추가 - 2022.04.07 기영근 Start */ .popup_tmp {position:relative;height:calc(100% - 30px);line-height:180%;vertical-align:top;font-family:Noto Sans KR;} .popup_tmp .popup_tit{line-height:120%;} #popup_tmp_d {width:100%;} #popup_tmp_d .popup_tit {padding:15px;font-size:20px;} #popup_tmp_d .popup_txt {padding:15px;background:#f5f5f5;} #popup_tmp1 {width:100%;padding:20px;background:#f5f5f5} #popup_tmp1 .inside {background:#fff} #popup_tmp1 .popup_tit {padding:20px;font-size:24px;color:#0068B5;background:url(../img/popup_tmp1_bg01.png) repeat-x 50% 100%;text-align:center;} #popup_tmp1 .popup_txt {padding:20px;background:#58B0E0;color:#fff;} #popup_tmp1 h2, #popup_tmp1 h3, #popup_tmp1 h4, #popup_tmp1 h5, #popup_tmp1 h6 {color:#fff} #popup_tmp2 {width:100%;padding-bottom:15px;background:#123D73 url(../img/popup_tmp2_bg01.png) no-repeat 100% 0;} #popup_tmp2 .popup_tit {padding:15px;font-size:20px;color:#fff;} #popup_tmp2 .popup_txt {padding:15px;margin:0 15px;border:5px solid #fff;background:url(../img/bg_bl_40.png) repeat;color:#fff} #popup_tmp2 h2, #popup_tmp2 h3, #popup_tmp2 h4, #popup_tmp2 h5, #popup_tmp2 h6 {color:#fff} #popup_tmp3 {width:100%;position:relative;padding:0 10px 120px 10px;background:#FAAD4D url(../img/popup_tmp3_bg01.png) no-repeat 50% 105%;} #popup_tmp3 .popup_tit {padding:15px;font-size:20px;color:#864404;text-align:center;} #popup_tmp3 .popup_txt {padding:15px;background:#fff;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px;} #popup_tmp3 .arrow_box {position:relative;margin-left:50%;z-index:9999} #popup_tmp3 .arrow_box:after {bottom:10px;left:-10px;border: solid transparent;popup_content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-top-color:#fff;border-width:10px;margin-right:20px;} #popup_tmp3 h2, #popup_tmp3 h3, #popup_tmp3 h4, #popup_tmp3 h5, #popup_tmp3 h6 {color:#864404} #popup_tmp4 {width:100%;padding:20px;background:#EFEBE4 url(../img/popup_tmp4_bg01.png) no-repeat 50% 0;text-align:center;} #popup_tmp4 .popup_tit {padding:20px;margin-bottom:30px;font-size:20px;color:#775746;background:url(../img/popup_tmp4_bg02.png) no-repeat 50% 100%;} #popup_tmp4 .popup_txt {padding:30px;background:#fff;} #popup_tmp4 h2, #popup_tmp4 h3, #popup_tmp4 h4, #popup_tmp4 h5, #popup_tmp4 h6 {color:#775746} #popup_tmp5 {width:100%;background:#fff url(../img/popup_tmp5_bg01.png) no-repeat 0 0;} #popup_tmp5 .popup_cont {margin-left:100px;} #popup_tmp5 .popup_tit {padding:20px 20px 20px 0;font-size:20px;color:#D00111;} #popup_tmp5 .popup_txt {padding:0 20px 20px 0;} #popup_tmp5 h2, #popup_tmp5 h3, #popup_tmp5 h4, #popup_tmp5 h5, #popup_tmp5 h6 {color:#D00111} #popup_tmp6 {width:100%;background:#B11217;} #popup_tmp6 .popup_tit {float:left;width:30%;font-size:20px;color:#fff;} #popup_tmp6 .popup_tit .inside{margin:20px;padding:20px 0;border-top:2px solid #fff;border-bottom:2px solid #fff;} #popup_tmp6 .popup_txt {float:left;width:70%;height:100%;background:#f5f5f5;} #popup_tmp6 .popup_txt .inside {padding:20px;} #popup_tmp6 h2, #popup_tmp6 h3, #popup_tmp6 h4, #popup_tmp6 h5, #popup_tmp6 h6 {color:#B11217} #popup_tmp7 {width:100%;background:#FDF2E1 url(../img/popup_tmp7_bg01.png) repeat;} #popup_tmp7 .popup_cont {background:url(../img/popup_tmp7_bg02.png) no-repeat 2px 70%} #popup_tmp7 .inside {padding:20px;} #popup_tmp7 .popup_tit {float:left;width:35%;} #popup_tmp7 .popup_tit .inside {margin:20px 0 0 20px;background:#FAA318;font-size:20px;color:#fff;box-shadow: 5px 5px 5px rgba(0,0,0,0.1);line-height:120%;} #popup_tmp7 .popup_txt {float:left;width:65%;} #popup_tmp7 h2, #popup_tmp7 h3, #popup_tmp7 h4, #popup_tmp7 h5, #popup_tmp7 h6 {color:#775746} #popup_tmp8 {width:100%;background:radial-gradient(#487A5F, #244032);border:10px solid #845A31;box-shadow:inset 5px 5px 5px rgba(0,0,0, .2)} #popup_tmp8 .popup_cont {padding:20px;background:url(../img/popup_tmp8_bg02.png) no-repeat 50% 0;} #popup_tmp8 .popup_tit {padding:20px 20px 30px 0;font-size:36px;font-family:ngl;color:#FFFF66;text-align:center;} #popup_tmp8 .popup_tit span {padding-left:50px;background:url(../img/popup_tmp8_bg01.png) no-repeat 0 0;} #popup_tmp8 .popup_txt {padding:20px;background:url(../img/bg_bl_30.png) repeat;color:#fff;} #popup_tmp8 h2, #popup_tmp8 h3, #popup_tmp8 h4, #popup_tmp8 h5, #popup_tmp8 h6 {color:#fff} #popup_tmp9 {width:100%;padding:20px;background:url(../img/popup_tmp9_bg02.png) no-repeat 85% 0;} #popup_tmp9 .top {height:120px;background:url(../img/popup_tmp9_bg01.png) no-repeat 0 15px;} #popup_tmp9 .inside {background:#fff;box-shadow: 0px 5px 5px rgba(0,0,0,0.2)} #popup_tmp9 .popup_tit {padding:20px;font-size:20px;font-weight:bold;} #popup_tmp9 .popup_txt {padding:0 20px 20px 20px;} #popup_tmp9 h2, #popup_tmp9 h3, #popup_tmp9 h4, #popup_tmp9 h5, #popup_tmp9 h6 {color:#555} #popup_tmp10 {width:100%;text-align:center;background:#F1E5D1 url(../img/popup_tmp10_bg01.png) no-repeat 50% -20px;} #popup_tmp10 .popup_tit {display:inline-block;margin:200px 20px 0 20px;padding:5px 10px;font-size:24px;background:#FD701C;color:#fff;box-shadow: 0px 5px 5px rgba(0,0,0,0.2)} #popup_tmp10 .popup_txt {padding:20px;} #popup_tmp10 h2, #popup_tmp10 h3, #popup_tmp10 h4, #popup_tmp10 h5, #popup_tmp10 h6 {color:#555} #popup_tmp11 {width:100%;background:url(../img/popup_tmp11_bg01.png) repeat 0 0;} #popup_tmp11 .popup_cont {padding:20px;} #popup_tmp11 .acc {position:absolute;right:-10px;top:-10px;display:block;width:60px;height:44px;background:url(../img/popup_tmp11_bg02.png) no-repeat 0 0;} #popup_tmp11 .popup_tit {position:relative;padding:10px 40px 10px 10px;margin:0 0 5px 0;background:#333;font-size:24px;color:#fff;} #popup_tmp11 .popup_txt {padding:10px;background:#fff;border:5px solid #333;} #popup_tmp11 h2, #popup_tmp11 h3, #popup_tmp11 h4, #popup_tmp11 h5, #popup_tmp11 h6 {color:#111} #popup_tmp12 {width:100%;padding:20px;background:#3EBABB url(../img/popup_tmp12_bg01.png) repeat;color:#fff;} #popup_tmp12 .inside{position:relative;border:5px solid #fff} #popup_tmp12 .acc {position:absolute;right:20px;top:10px;display:block;background:url(../img/popup_tmp12_bg02.png) no-repeat 100% 0;width:69px;height:46px;} #popup_tmp12 .popup_tit {padding:20px 100px 20px 20px;font-size:24px;} #popup_tmp12 .popup_txt {padding:20px;background:url(../img/bg_bl_40.png) repeat;} #popup_tmp12 h2, #popup_tmp12 h3, #popup_tmp12 h4, #popup_tmp12 h5, #popup_tmp12 h6 {color:#fff} #popup_tmp13 {width:100%;position:relative;padding:10px;background:#F98B02 url(../img/popup_tmp13_bg01.png) repeat;} #popup_tmp13 .inside{border:10px solid #fff;} #popup_tmp13 .popup_tit {padding:5px;margin:20px;font-size:24px;background:#fff;color:#F98B02} #popup_tmp13 .popup_txt {padding:0 120px 20px 20px;color:#fff;} #popup_tmp13 .acc {position:absolute;right:-32px;bottom:-20px;display:block;width:180px;height:242px;background:url(../img/popup_tmp13_bg02.png) no-repeat 100% 100%;} #popup_tmp13 h2, #popup_tmp13 h3, #popup_tmp13 h4, #popup_tmp13 h5, #popup_tmp13 h6 {color:#fff} #popup_tmp14 {width:100%;padding:20px;background:#fff} #popup_tmp14 .inside{position:relative;padding:15px 0 30px;background:#f3f3f3 url(../img/popup_tmp14_bg01.png) repeat-x 50% 0;} #popup_tmp14 .eng {height:30px;font-family:georgia;font-style:italic;text-align:center;color:#999} #popup_tmp14 .acc {position:absolute;right:-30px;bottom:-20px;display:block;width:80px;height:120px;background:url(../img/popup_tmp14_bg02.png) no-repeat 0 0;} #popup_tmp14 .popup_tit {margin:0 25px;padding:10px 0;font-size:20px;color:#222;border-top:2px solid #333;border-bottom:3px double #ccc;text-align:center;} #popup_tmp14 .popup_txt {padding:20px 15px;margin:0 25px;border-bottom:1px solid #333;} #popup_tmp14 h2, #popup_tmp14 h3, #popup_tmp14 h4, #popup_tmp14 h5, #popup_tmp14 h6 {color:#555} #popup_tmp15 {width:100%;padding:40px;text-align:center;background:#99184B url(../img/popup_tmp15_bg01.png) no-repeat 50% 20px} #popup_tmp15 .popup_cont {padding:5px;background:linear-gradient(125deg, #F0D191, #C38C3A);box-shadow:5px 5px 5px rgba(0,0,0,0.2)} #popup_tmp15 .inside{padding:20px;background:#99184B url(../img/bg_bl_20.png) repeat;} #popup_tmp15 .popup_tit {font-size:20px;color:#F0D191;border-bottom:1px solid #F0D191;padding:10px 0 30px 0;margin:0 0 20px 0;} #popup_tmp15 .popup_txt {color:#fff;} #popup_tmp15 h2, #popup_tmp15 h3, #popup_tmp15 h4, #popup_tmp15 h5, #popup_tmp15 h6 {color:#fff} #popup_tmp16 {width:100%;position:relative;padding:0 40px;text-align:center;background:linear-gradient(125deg, #C78F04, #E9B900, #AA8907);box-shadow:5px 5px 5px rgba(0,0,0,0.2)} #popup_tmp16 .inside{padding:25px 20px;background:url(../img/bg_bl_20.png) repeat;} #popup_tmp16 .popup_tit {font-size:24px;color:#fff;} #popup_tmp16 .popup_txt {padding:20px 0 140px 0;color:#fff;} #popup_tmp16 .acc {position:absolute;left:0;bottom:0px;display:block;width:100%;height:160px;background:url(../img/popup_tmp16_bg01.png) no-repeat 50% 100%;} #popup_tmp16 h2, #popup_tmp16 h3, #popup_tmp16 h4, #popup_tmp16 h5, #popup_tmp16 h6 {color:#fff} #popup_tmp17 {width:100%;position:relative;padding:20px;text-align:center;background:#3B5998 url(../img/popup_tmp17_bg02.png) repeat;} #popup_tmp17 .popup_tit {padding:10px;font-size:24px;color:#fff;} #popup_tmp17 .popup_txt {padding:20px 20px 110px 20px;background:#fff;border-radius:12px;} #popup_tmp17 .acc {position:absolute;left:0;bottom:0px;display:block;width:100%;height:100px;background:url(../img/popup_tmp17_bg01.png) no-repeat 50% 100%;background-size:180px auto;} #popup_tmp17 h2, #popup_tmp17 h3, #popup_tmp17 h4, #popup_tmp17 h5, #popup_tmp17 h6 {color:#3B5998} #popup_tmp18 {width:100%;position:relative;text-align:center;background:#F9F7ED url(../img/popup_tmp18_bg01.png) no-repeat 50% 100%;} #popup_tmp18 .popup_tit {padding:10px;font-size:20px;background:#CC2944;color:#fff;} #popup_tmp18 .popup_txt {position:relative;padding:20px 20px 120px 20px;} #popup_tmp18 .inside {position:relative;padding:0 20px 20px 20px;border:10px solid #CC2944;border-top:none;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);} #popup_tmp18 .acc1 {position:absolute;left:-40px;top:-30px;display:block;width:90px;height:70px;background:url(../img/popup_tmp18_bg02.png) no-repeat 0 0;} #popup_tmp18 .acc2 {position:absolute;right:-20px;bottom:-75px;display:block;width:140px;height:86px;background:url(../img/popup_tmp18_bg03.png) no-repeat 0 0;} #popup_tmp18 h2, #popup_tmp18 h3, #popup_tmp18 h4, #popup_tmp18 h5, #popup_tmp18 h6 {color:#775746} #popup_tmp19 {width:100%;padding:50px;background:#111 url(../img/popup_tmp19_bg01.png) no-repeat 50% 0;background-size:cover} #popup_tmp19 .popup_tit {font-size:20px;color:#fff;padding:10px;margin:0 0 20px 0;text-align:center;border:2px solid #fff;} #popup_tmp19 .popup_txt {padding:20px;background:url(../img/bg_bl_40.png) repeat;color:#fff} #popup_tmp19 h2, #popup_tmp19 h3, #popup_tmp19 h4, #popup_tmp19 h5, #popup_tmp19 h6 {color:#fff} #popup_tmp20 {width:100%;position:relative;background:#6B42AA url(../img/popup_tmp20_bg01.png) repeat} #popup_tmp20 .bar {position:absolute;left:30px;top:100px;display:inline-block;width:40px;border-top:2px solid #DE3E98} #popup_tmp20 .inside{padding:40px 30px 40px 100px;background:url(../img/popup_tmp20_bg03.png) no-repeat 100% -20px;} #popup_tmp20 .eng {font-size:20px;font-family:georgia;font-style:italic;color:#DE3E98} #popup_tmp20 .popup_tit {font-size:20px;color:#fff;margin:30px 0;} #popup_tmp20 .popup_txt {color:#fff} #popup_tmp20 h2, #popup_tmp20 h3, #popup_tmp20 h4, #popup_tmp20 h5, #popup_tmp20 h6 {color:#fff} /* 팝업창 템플릿 css 추가 - 2022.04.07 기영근 End */ /* 배경패턴 설정 css 추가 - 2022.04.08 기영근 Start */ .select_pattern label {float:left;width:70px;margin:5px 0} .select_pattern input {vertical-align:top} .select_pattern span {display:inline-block;width:25px;height:25px;border:1px solid rgba(0,0,0,0.25);border-radius:3px;background-color:#ccc} .select_pattern span.nobg{background:#fff;position:relative;overflow:hidden;} .select_pattern span.nobg:after{content:"";position:absolute;right:-15px;top:0;display:block;width:100%;height:100%;border-left:2px solid red;transform:skew(-45deg);} .pattern-bg {position:absolute;left:0;top:0;width:100% !important;height:100%;} .pattern01 {background:url(../img/pattern01.png) repeat} .pattern01_w {background:url(../img/pattern01_w.png) repeat} .pattern02 {background:url(../img/pattern02.png) repeat} .pattern02_w {background:url(../img/pattern02_w.png) repeat} .pattern03 {background:url(../img/pattern03.png) repeat} .pattern03_w {background:url(../img/pattern03_w.png) repeat} .pattern04 {background:url(../img/pattern04.png) repeat} .pattern04_w {background:url(../img/pattern04_w.png) repeat} .pattern05 {background:url(../img/pattern05.png) repeat} .pattern05_w {background:url(../img/pattern05_w.png) repeat} .pattern06 {background:url(../img/pattern06.png) repeat} .pattern06_w {background:url(../img/pattern06_w.png) repeat} .pattern07 {background:url(../img/pattern07.png) repeat} .pattern07_w {background:url(../img/pattern07_w.png) repeat} .pattern08 {background:url(../img/pattern08.png) repeat} .pattern08_w {background:url(../img/pattern08_w.png) repeat} .pattern09 {background:url(../img/pattern09.png) repeat} .pattern09_w {background:url(../img/pattern09_w.png) repeat} .pattern10 {background:url(../img/pattern10.png) repeat} .pattern10_w {background:url(../img/pattern10_w.png) repeat} .pattern11 {background:url(../img/pattern11.png) repeat} .pattern11_w {background:url(../img/pattern11_w.png) repeat} .pattern12 {background:url(../img/pattern12.png) repeat} .pattern12_w {background:url(../img/pattern12_w.png) repeat} .pattern13 {background:url(../img/pattern13.png) repeat} .pattern13_w {background:url(../img/pattern13_w.png) repeat} .pattern14 {background:url(../img/pattern14.png) repeat} .pattern14_w {background:url(../img/pattern14_w.png) repeat} /* 배경패턴 설정 css 추가 - 2022.04.08 기영근 End */ /* 게시판 썸네일지정 css 추가 - 2022.04.11 기영근 Start */ #thumb-wrap {} #thumb-wrap table {font-size:.875rem;} #thumb-wrap table tbody th {text-align:left;vertical-align:top;padding:5px 0;width:80px;} #thumb-wrap table tbody td {padding:5px 0;} #thumb-wrap .rate {} #thumb-wrap .rate:after {content:"";display:block;float:none;clear:both;} #thumb-wrap .rate .num {float:left;width:60px;color:#595AD5;line-height:40px;} #thumb-wrap .rate .bar {position:relative;float:right;width:calc(100% - 60px);height:4px;background:#E7E7E7;border-radius:8px;margin:20px 0;} #thumb-wrap .rate .bar .bar-on {position:absolute;left:0;top:0;height:100%;background:#595AD5;border-radius:8px;} #thumb-wrap .rate .bar a {position:absolute;top:-6px;display:block;width:16px;height:16px;background:#595AD5;margin-left:-6px;border-radius:50%;} #thumb-wrap .position-select span {vertical-align:top;margin-left:5px;} #thumb-wrap .position-table {display:inline-block;width:80px;height:80px;background:#fff;padding:4px;} #thumb-wrap .position-table a {display:block;float:left;width:33.3333%;text-align:center;line-height:24px;color:#ccc;} #thumb-wrap .position-table a.on {color:#595AD5;} #thumb-wrap .position-table .bp-tr, #thumb-wrap .position-table .bp-bl {transform:rotate(45deg);} #thumb-wrap .position-table .bp-tl, #thumb-wrap .position-table .bp-br {transform:rotate(-45deg);} #thumb-wrap .inputarea {float:left;padding-left:20px;} #thumb-wrap .thumbnail_preview {float:left;position:relative;border:1px dashed #ccc;background:#fff;border-radius:3px;overflow:hidden;} #thumb-wrap .thumbnail_preview img {min-width:100%;height:100%;} #thumb-wrap .thumbnail_preview .none {text-align:center;color:#ccc;} #thumb-wrap .thumbnail_preview .none .fa {display:block;font-size:50px;color:#DFDFDF;margin-bottom:10px;} #thumb-wrap .col_w7 {float:left;width:70%;} #thumb-wrap .col_w3 {float:left;width:30%;} /* 게시판 썸네일지정 css 추가 - 2022.04.11 기영근 End */ /* 통계 css 추가 - 2022.04.12 기영근 Start */ #statistics .bx {background:#fff;border-radius:6px;border:1px solid #ddd} #statistics .desc {padding:0 20px;border-top:1px solid #efefef;line-height:50px;color:#999} #statistics .desc .left:before {content:"\f017";font-family:FontAwesome;display:inline-block;margin-right:5px;vertical-align:middle;color:#ccc;} #statistics .desc a {display:inline-block;color:#667793;margin-left:5px;} #statistics .legend {display:inline-block;width:12px;height:12px;vertical-align:middle;border-radius:50%;margin:0 5px 0 10px;} #statistics .v1{background:#68B3C8} #statistics .v2{background:#F3BB45} #statistics .v3{background:#35A6B5} #statistics .v4{background:#B8BFC7} #statistics .v5{background:#EF8254} #statistics .tit {position:relative;padding:0 20px;border-bottom:1px solid #eee} #statistics .tit h3 {background:none;padding:0;margin:0;line-height:50px;} #statistics .period {position:relative;padding:0 30px 0 0;border:1px solid #D8DDE0;margin:-5px 0 0 10px;border-radius:2px;} #statistics .period:before {position:absolute;left:0;top:0;line-height:28px;content:"\f073";font-family:FontAwesome;display:inline-block;margin:0 0 0 5px;vertical-align:middle;color:#ccc;} #statistics .period input {float:left;border:none;background:none;margin-left:20px;} #statistics .cont:after {content:"";clear:both;display:block;float:none;} #statistics .stat1 {background:#f6f6f6;margin-bottom:20px;} #statistics .stat1 .list li {padding:20px;font-size:16px;line-height:160%} #statistics .stat1 .list .num {font-family:Ubuntu;color:#222;font-size:30px;font-weight:bold;} #statistics .stat1 .list span {display:inline-block;padding:0 5px;margin-left:5px;line-height:18px;font-size:11px;font-family:verdana;color:#fff;border-radius:24px;font-weight:normal;vertical-align:middle} #statistics .stat1 .list span.up{background:#FF6666} #statistics .stat1 .list span.down{background:#5FAECF} #statistics .stat1 .list {float:left;width:320px;} #statistics .stat1 .graph {float:right;width:calc(100% - 320px);border-left:1px dashed #eaeaea} #statistics .stat2 .graph1 {float:left;width:320px;} #statistics .stat2 .graph2 {float:right;width:calc(100% - 320px);border-left:1px dashed #eaeaea} #statistics .stat2 {margin-bottom:10px;} #statistics .stat3 .cont {height:280px;padding:20px;text-align:center;} #statistics .stat3 .col_w3 {float:left;width:30%;} #statistics .stat3 .col_w7 {float:left;width:70%;} .board-list .bar_graph .bar {display: inline-block;height: 16px !important; padding: 0;margin: 0;font-size: 0 !important;line-height: 0 !important;background: #3E78C1;vertical-align: top;margin-left:10px;} /* 통계 css 추가 - 2022.04.12 기영근 End */ /* 환경설정 팝업템플릿 css 추가 - 2022.04.13 기영근 End */ .popuptmp-list {border-bottom:1px solid #ccc;font-size:.875rem;} .popuptmp-list ul {margin-left:-10px;margin-right:-10px;} .popuptmp-list li {position:relative;overflow:hidden;margin-bottom:1rem;float:left;width:50%;padding-left:10px;padding-right:10px;margin-bottom:2rem} .popuptmp-list .subject {margin-top:0.5rem;height:1.5rem;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;} .popuptmp-list .thumb {height:130px;position:relative;overflow:hidden;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(0,0,0,0.1)} /* 환경설정 팝업템플릿 css 추가 - 2022.04.13 기영근 End */ /* 메뉴변경이력 */ .cmt_info {background:#EAF1F9;color:#508CC9;} .cmt_ok {background:#F1F9F7;color:#1D9D74;} .cmt_warning {background:#FEFAE0;color:#996633;} .cmt_caution {background:#FFD2CE;color:#CF4133;} .cmt_memo {background:#fff;border:1px solid #bda886;color:#bda886;border-radius:4px;padding:15px;} .cmt_info, .cmt_ok, .cmt_warning, .cmt_caution {padding:8px 8px 8px 30px;font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;} .cmt_info:before, .cmt_ok:before, .cmt_warning:before, .cmt_caution:before {font-family: "FontAwesome"; font-size:120%;display:inline-block;width:20px;margin-left:-20px;} .cmt_info ul, .cmt_ok ul, .cmt_warning ul, .cmt_caution ul{margin-left:5px;} .cmt_info > div, .cmt_ok > div, .cmt_warning > div, .cmt_caution > div {display:inline-block;} .board_info {margin:15px 0;line-height:30px;} .board_info .left {font-size:90%;} .cmt_info:before {content: "\f059"; } /* question-circle */ .cmt_ok:before {content: "\f058"; } /* check-circle */ .cmt_warning:before {content: "\f06a"; font-weight:900;} /* exclamation-circle */ .cmt_caution:before{content: "\f071"; } /* exclamation-triangle */ .change_history {} .change_history .top {padding:10px 0;border-top:1px solid #dfdfdf;} .change_history .top .circle {display:inline-block;background:#32A3A2;width:40px;height:40px;line-height:40px;margin-right:10px;text-align:center;color:#fff;font-size:11px;} .change_history > ul {border-top:1px dashed #32A3A2;padding:20px 0 0 0;} .change_history > ul > li {position:relative;margin-left:14px;padding:0 0 20px 0;border-left:4px solid #D6EDEC} .change_history > ul > li:before{content:"";position:absolute;left:-9px;top:0;display:inline-block;border-radius:50%;border:4px solid #32A3A2;background:#fff;width:14px;height:14px;} .change_history .date {padding-left:20px;font-size:14px;color:#32A3A2;} .change_history .list {margin:10px 0 0 20px;background:#f4f4f4;color:#777} .change_history .list ul li {position:relative;padding:10px;border-top:1px dashed #ddd;} .change_history .list ul li:first-child{border:none;s} .change_history .list .btn {position:absolute;right:10px;top:9px} .change_history .list .name {color:#2F323A} .change_history .tag_d {margin-left:5px;margin-right:5px;} .change_history .tag_d.ico_html, .change_history .tag_d.ico_design, .change_history .tag_d.ico_program, .change_history .tag_d.ico_link, .change_history .tag_d.ico_page {background-position:5px 50%;padding:0 5px 0 25px;height:25px;line-height:23px;} .btngroup.viewtype {} .btngroup.viewtype button {background-color:#fff;padding:0;width:28px;height:28px} .btngroup.viewtype span {display:block;width:11px;height:11px;margin:1px auto 0;background-image:url(../img/vtype_ico.png);background-repeat:no-repeat;} .btngroup.viewtype .ico1 {background-position:-15px 0;} .btngroup.viewtype .ico2 {background-position:-15px -30px;} .btngroup.viewtype .ico3 {background-position:-15px -45px;} .btngroup.viewtype .ico4 {background-position:-15px -15px;} .btngroup.viewtype .ico1.on {background-position:0 0;} .btngroup.viewtype .ico2.on {background-position:0 -30px;} .btngroup.viewtype .ico3.on {background-position:0 -45px;} .btngroup.viewtype .ico4.on {background-position:0 -15px;} /* 통합관리 */ .ico_html {background-image:url(../img/tree_ico_html.png);background-repeat:no-repeat;background-position: 0 50%} .ico_design {background-image:url(../img/tree_ico_design.png);background-repeat:no-repeat; background-position: 0 50%} .ico_program {background-image:url(../img/tree_ico_program.png);background-repeat:no-repeat; background-position: 0 50%} .ico_link {background-image:url(../img/tree_ico_link.png);background-repeat:no-repeat;background-position: 0 50%} .ico_page {background-image:url(../img/tree_ico_page.png);background-repeat:no-repeat;background-position: 0 50%} /* tag */ .tag_d {display:inline-block; *display:inline; *zoom:1;background-color:#fff;border:1px solid #ccc;color:#888 !important;padding:3px 6px 0;height:20px;line-height:120%;font-size:11px;margin:1px;text-align: center;vertical-align: middle;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;vertical-align:middle;} .board_search:before, .board_search:after, .board_info:before, .board_info:after, .btnarea:after{content:"";display:block;float:none;clear:both;} .admin_content .ico_html, .admin_content .ico_program, .admin_content .ico_link, .admin_content .ico_design, .admin_content .ico_page {display:inline-block;background-color:#fff;background-position:4px 50%;border:1px solid #eee;width:100px;padding:1px 1px 1px 20px;font-size:11px;letter-spacing:-1px;} .add_link input, .add_link select {width:100%;border:2px solid #35A6B5;line-height:46px;height:50px;border-radius:0.25rem;text-indent:10px;font-size:1rem} /* jqtree */ span.jqtree-dragging {color: #fff;background: #000;opacity: 0.6;cursor: pointer;padding: 2px 8px; } ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {border: solid 2px #FF6666;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;height: 8px;width: 8px;position: absolute;top: -4px;left: -6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } ul.jqtree-tree li.jqtree-ghost span.jqtree-line {background-color: #FF6666;height: 2px;padding: 0;position: absolute;top: -1px;left: 2px;width: 100%; } ul.jqtree-tree li.jqtree-ghost.jqtree-inside {margin-left: 48px; } ul.jqtree-tree span.jqtree-border {position: absolute;display: block;left: -2px;top: 0;border: solid 2px #FF6666;border-radius: 6px;margin: 0;box-sizing: content-box; } ul.jqtree-tree li.jqtree-selected > .jqtree-element, ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {background-color:rgba(0,0,0,0.1);} ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title {outline:2px dotted #FF6666;} /* 관리그룹/회원통합관리 좌측 트리 메뉴*/ .tree_mn ul {position:relative;padding-left:22px;} .tree_mn ul:after {content:"";position:absolute;left:8px;top:-10px;height:100%;border-left:1px solid #ccc;z-index:1} .tree_mn li {position:relative} .tree_mn li:before {content:"";position:absolute;left:-14px;top:9px;width:9px;border-bottom:1px solid #ccc} .tree_mn ul:last-child:before {content:"";border:none;} .tree_mn .on {color:#4283C1;font-weight:bold;} .tree_ico {position:relative;z-index:2;display:inline-block;width:18px;height:18px;margin:0;vertical-align:top;background-repeat:no-repeat;background-position:0 50%;} .tree_ico.ico_open {background-image:url(../img/tree_ico_open.png)} .tree_ico.ico_closed {background-image:url(../img/tree_ico_closed.png)} .tree_ico.ico_html {background-image:url(../img/tree_ico_html.png)} .tree_ico.ico_design {background-image:url(../img/tree_ico_design.png)} .tree_ico.ico_program {background-image:url(../img/tree_ico_program.png)} .tree_ico.ico_link {background-image:url(../img/tree_ico_link.png)} .tree_ico.ico_page {background-image:url(../img/tree_ico_page.png)} .tree_ico.ico_group {background-image:url(../img/tree_ico_group.png)} .tree_ico.ico_person {background-image:url(../img/tree_ico_person.png)} .tree_bx .list {} .tree_bx .list ul {/*background:#fff;*/} .tree_bx .list li {border-bottom:1px solid #eaeaea} .tree_bx .list li a {display:block;padding:5px 25px;background:url(../img/snbmn_b_ico.png) no-repeat 10px 50%;} .tree_bx .list li a:hover{background:#f5f5f5 url(../img/snbmn_b_ico_on.png) no-repeat 10px 50%;color:#3E78C1;text-decoration:none;} .tree_bx .list .btn {display:block;line-height:30px;text-align:center;background:#efefef} /* admin_콘텐츠관리 */ .admin_content span.depth_num {display:inline-block;margin-right:5px;width:18px;height:18px;line-height:16px;text-align:center;font-size:10px;font-family:verdana;font-weight:normal;border:1px solid #dadada;background:#fff;} .admin_content .depth1 span {margin-left:0px;border:1px solid #768395;background:#768395;color:#fff;} .admin_content .depth2 span {margin-left:10px;border:1px solid #B8BFC7;background:#fff;color:#768395;} .admin_content .depth3 span {margin-left:20px;} .admin_content .depth4 span {margin-left:30px;} .admin_content .depth5 span {margin-left:40px;} .admin_content .ico_html, .admin_content .ico_program, .admin_content .ico_link, .admin_content .ico_design, .admin_content .ico_page {display:inline-block;background-color:#fff;background-position:4px 50%;border:1px solid #eee;width:100px;padding:1px 1px 1px 20px;font-size:11px;letter-spacing:-1px;} #manage_wrap .set_area_default {padding:320px 0 240px;line-height:180%;border:1px dashed #768395;text-align:center;background:url(../img/set_area_default.png) no-repeat 50% 180px;} #permission_wrap {padding:0;} #permission_wrap .permission_mn {float:left;width:320px;height:515px;overflow-y:scroll;padding:0;margin:0;border:1px solid #5A6378;} #permission_wrap .permission_mn .tree_bx{border:none} #permission_wrap .permission_btn {float:left;width:110px;padding:0;margin:0;text-align:center;} #permission_wrap .permission_btn a {width:80px;margin:0 auto 2px;} #permission_wrap .permission_list {float:right;width:530px;height:515px;overflow-y:scroll;padding:0;margin:0;border:1px solid #5A6378;background:#fff;} #permission_wrap .tree_mn li input[type="checkbox"] {margin-left:-24px;} .permission_list li {display:block;background:#efefef;padding:2px 4px;margin:0 0 1px 0;font-size:12px;} .permission_list li span:after{content:" > ";} .permission_list li span:last-child:after{content:" ";} .permission_list li span.on {font-weight:bold;color:#3E78C1} /* 20220412 류정훈 cmsware 메뉴 및 컨텐츠관리 css End*/ /* calendar */ input.ui-calendar{width:100px;background:#fff url('../img/calendar-icon.gif') no-repeat 89px center;vertical-align:middle;cursor:pointer} .select_bx {margin:0 0 20px 0;} .select_bx a {display:block;} .year {position:relative;height:50px;line-height:50px;background:#f5f5f5;text-align:center;} .year .active {font-size:20px;font-weight:bold;color:#222} .year a.prev {position:absolute;left:0;top:0px;} .year a.next {position:absolute;right:0;top:0px;} .year .fa {margin:0 10px;} .month {border-bottom:1px dashed #dadada;height:40px;line-height:40px;text-align:center;} .month a {float:left;width:8.333%;color:#768395;} .sat {color:#1875D1} .sun {color:#EF593A} .t_schedule table {border-top:2px solid #768395;border-bottom:1px solid #768395;} .t_schedule table thead th {padding:4px 8px;background:#D8DDE0;color:#768395;} .t_schedule table tbody tr {border-top:1px solid #ddd;} .t_schedule table tbody tr:first-child {border-top:none;} .t_schedule table tbody th {padding:8px;width:100px;} .t_schedule table tbody td {padding:8px;border-left:1px dotted #ddd;text-align:left;vertical-align:top;} .t_schedule ul li:before {content:" · ";color:#768395;} .t_schedule ul li .date {display:inline-block;width:140px;color:#768395;font-size:12px;} .t_schedule table.t_calendar thead th {background:#E1E4E8;border:1px solid #E1E4E8;color:#768395;} .t_schedule table.t_calendar th, .t_schedule table.t_calendar td {padding:2px;font-size:11px;text-align:center;height:auto} table.t_calendar {border-top:none} table.t_calendar tbody tr, table.t_calendar tbody tr:first-child td {border-top:none;} table.t_calendar thead th {width:14.2857%;padding:8px 0;border:none;background:#768395;border:1px solid #768395;color:#fff;text-align:center;} table.t_calendar tbody th, table.t_calendar tbody td {padding:8px;border:1px solid #ddd;height:100px;vertical-align:top;} table.t_calendar ul {margin-top:10px;} table.t_calendar ul li {font-size:12px;} table.t_calendar .day {font-weight:bold} h1 em, h2 em, h3 em, h4 em {display:inline-block;background:var(--main-color);border-radius:80px;line-height:1;font-size:.785rem;padding:0.375rem 0.75rem 0.25rem 0.75rem;color:#fff;margin-left:8px;vertical-align:middle;margin-top:-0.125rem;} em{font-style:normal;font-weight:normal;} .res-calendar-txt {border:1px dashed #ccc;color:#888;text-align:center;padding:50px 10px;} .res-month {position:relative;padding:30px 0;text-align:center;border-top:1px solid #dadada;} .res-month>span {font-family:TitilliumSB;font-size:28px;color:#000;line-height:1;font-weight:600;} .res-month a {position:absolute;top:35px;font-size:18px;color:#5b6678;} .res-month .prev {left:0;} .res-month .next {right:0;} .res-month a i {color:#ccc;} .res-month .prev i {margin-right:20px;} .res-month .next i {margin-left:20px;} .day.sun {color:#FF3333 !important;} .day.sat {color:#4e7aff !important;} .res-calendar {} .res-calendar ul li {position:relative;padding-left:10px;} .res-calendar ul li:before {content:"";position:absolute;left:0;top:0.6em;width:4px;height:4px;border-radius:50%;background:#A89786;} .res-calendar td, .calendar th {border:1px solid #D9E0E6;width:14.285714%;transition:all 0.2s ease-out;} .res-calendar thead th {background:#5b6678;border-top:none;border-bottom:none;padding:15px;text-align:center;font-size:15px;font-weight:500;color:#fff;} .res-calendar tbody td {background:#F8F9FA;vertical-align:top;height:140px;cursor:pointer;position:relative;} .res-calendar tbody td.choice {background:#fff;/* border:2px solid #ff6666; */vertical-align:top;height:140px;cursor:pointer;} .res-calendar tbody td.end {background:#f0f0f0;} .res-calendar tbody td.end {background:#f0f0f0;} .res-calendar tbody td.end .event {color:#999;} .res-calendar tbody td .event {padding:0 10px;font-size:14px;} .res-calendar tbody td ul {padding:0 10px;font-size:14px;max-height:66px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .res-calendar tbody td ul li {} .res-calendar thead th:first-child, .res-calendar tbody td:first-child {border-left:none;} .res-calendar thead th:last-child, .res-calendar tbody td:not(.on):last-child {border-right:none;} .res-calendar tbody tr:first-child td {border-top:none;} .res-calendar .day {display:inline-block;font-family:TitilliumSB;font-size:14px;color:#000;width:30px;height:30px;line-height:30px;margin:5px;text-align:center;border-radius:50%;transition:all 0.2s ease-out;} .res-calendar td .txt {position:relative;padding:5px;/* padding-left:20px; */font-size:12px;line-height:1.3;} .res-calendar td .time {font-weight:500;margin-right:5px;} .res-calendar .va-pc {display:table-cell;} .res-calendar td:hover {background:#fff;} .res-calendar td.off {background:#fff;} .res-calendar .day.on{background:#ff6666;color:#fff !important;} .res-calendar td.on {background:#fff;} .res-calendar .none {background:#FFF5F5;text-align:center;} .res-calendar .none * {color:#FF3333 !important;} .res-calendar .none span:not(.day):before {content:"\f057";font-family:FontAwesome;font-size:40px;display:block;line-height:1;margin:0 0 10px 0;} .reserve-btn {display:block;margin:0 0 5px 0;text-align:center;vertical-align: middle;border-radius:3px;font-size:0.875rem;color:#fff !important;line-height:30px;transition:0.2s;border-style:solid;border-width:1px;} .reserve-btn:hover {box-shadow:0 2px 4px rgba(0,0,0,.3);} .reserve-btn.ok {background-color:#FF6666;border-color:#FF6666;} .reserve-btn.no {background-color:#fff;border-color:#ccc;color:#888 !important;} .reserve-btn.fin {background-color:#768395;border-color:#768395;} .t3 {border-bottom:1px solid #555;} .t3 table {border-top:2px solid #555;} .t3 table th {text-align:center;} .t3 table th, .t3 table td {padding:15px 30px;border:1px solid rgba(0,0,0,0.08);vertical-align:middle;} .t3 table.table-sm th, .t3 table.table-sm td {padding:10px;} .t3 table tbody th {background:#F8F8F8;color:#333;font-size:17px;} .t2 table tbody th, .t2 table tbody td {border-color:#EBEBEB;padding:15px;} .t3 table thead th {background:#EDEEF0;color:#333;line-height:1.4;border-bottom:none;font-weight:normal;text-align:center;font-size:17px;} .t3 table thead th:first-child {border-left:none;} .t3 table thead th:last-child {border-right:none;} .t3 table tbody {background:#fff;} .t3 table tbody th {border-right:none;} .t3 table tbody th + td {border-left:none;} .t3 table tbody th, .t3 table tbody td:first-child, .t3 table tfoot th, .t3 table tfoot td:first-child{border-left:none;} .t3 table tbody td:last-child, .t3 table tfoot td:last-child{border-right:none;} .t3 table tbody tr:first-child th, .t3 table tbody tr:first-child td{border-top:none;} .t3 table td.br_none {border-left:none !important;} .tv-checkbox input[type="checkbox"]:disabled + label {color:#999;} .tv-checkbox input[type="checkbox"]:disabled + label::before {background:#E8EBEC;cursor:default;} .tool{z-index:5} .edit_area_default {padding:200px 0 100px;line-height:180%;border:1px dashed #768395;text-align:center;background:url(../img/edit_area_default.png) no-repeat 50% 60px;} #page_tmp_edit {} #page_tmp_edit .inside {width:1000px;margin:0 auto;} #page_tmp_edit .type {background:#fff;border-bottom:1px solid #ddd;padding:30px 0;box-shadow:0 -1px 5px rgba(0,0,0,0.2)} #page_tmp_edit .type .img {float:left;width:158px;position:relative;} #page_tmp_edit .type .img img{width:100%;border:2px solid #35A6B5;border-radius:6px;} #page_tmp_edit .type .img:after {position:relative;content:"\f00c";font-family:FontAwesome;position:absolute;right:-10px;top:-10px;display:block;background:#35A6B5;width:30px;height:30px;line-height:30px;color:#fff;border-radius:50%;text-align:center;box-shadow:2px 2px 2px rgba(0,0,0,0.3);z-index:6} #page_tmp_edit .type .img .mask {display:none;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.8);color:#fff;border-radius:6px;z-index:5} #page_tmp_edit .type .img .mask i {position:absolute;display:inline-block;left:50%;top:50%;margin:-10px 0 0 -10px;color:#fff;font-size:150%;} #page_tmp_edit .type .img:hover .mask{display:block;} #page_tmp_edit .type .txt {float:right;width:calc(100% - 220px);} #page_tmp_edit .type .name {font-size:24px;color:#222} #page_tmp_edit .editarea {position:relative;padding:20px 0;} #page_tmp_edit .btnarea {margin:1rem 0} #addmenu {background:#f5f5f5} #addmenu table tr {border-bottom:1px solid #e1e1e1} #addmenu table th {padding:10px 20px 10px 10px;width:160px} #addmenu table td {padding:10px;} #addmenu .tab {} #addmenu .tab a {border-top:none;} #addmenu .tab a:first-child {border-left:none;} #addmenu .tab a:last-child {border-right:none;} #addmenu .tabcont {display:block;padding:20px;text-align:center;min-height:356px;} #addmenu .tit {padding:0 0 15px 0;} #addmenu .stit {font-size:24px;color:#32A3A2;line-height:150%;} #addmenu #tab1 {background:url(../img/menu_add_bg01.png) no-repeat 50% 50%;} #addmenu #tab3 {/*background:url(../img/menu_add_bg03.png) no-repeat 50% 100px*/} #addmenu #tab4 {background:url(../img/menu_add_bg04.png) no-repeat 50% 100px} #addmenu #tab4 .dropdown {margin-top:160px;width:60%;border:2px solid #35A6B5;} #addmenu #tab4 .dropdown select {line-height:36px;height:36px;border:none;text-indent:8px;} #addmenu #tab5 {background:url(../img/menu_add_bg05.png) no-repeat 50% 100px} #addmenu #tab5 input {margin-top:160px;width:60%;border:2px solid #35A6B5;line-height:40px;height:40px;border-radius:0;text-indent:10px;} .menu_set {background:#f5f5f5;} .menu_set th {width:120px;} .menu_set th, .menu_set td {padding:10px 15px;text-align:left;border-bottom:1px solid #eaeaea;} .menu_set tr:last-child th, .menu_set tr:last-child td{border-bottom:none;} .menu_set .form-inline label{display:inline-block;width:60px;} .menu_set .form-inline input{margin:1px 0;} .menu_set .page_type_select span {margin-right:20px;} .menu_set .page_type_select label span {margin-left:5px;padding-left:15px;} .page_set {border:1px solid #dadada;} .page_set input {vertical-align:top;} .page_set .insert {padding:15px;background:#f5f5f5;} .page_set .form-inline{padding:15px;} .page_set [class^=ico_] {padding-left:20px;padding-top:1px;} /* 카테고리 */ .directbiz-list .bx {position:relative;margin:0 0 20px 0;border:1px solid #768395;border-radius:3px;} .directbiz-list .bx .top {padding:20px;} .directbiz-list .bx .btm {padding:15px 20px;background:#F6F6F6;} .directbiz-list .bx .badge {width:50px;} .directbiz-list .bx .subject, .directbiz-list .bx .subject a {font-size:20px;color:#333;font-weight:500;word-break:keep-all;letter-spacing:-1px;} .directbiz-list .bx .btn-lg {padding-top:8px;padding-bottom:8px;} .directbiz-list .bx.finish {border-color:#F6F6F6;background:#F6F6F6;} .directbiz-list .bx.finish .subject a {color:#888;} .directbiz-list .bx.finish .btm {border-top:1px solid rgba(0,0,0,0.05);background:none;} .directbiz-list .bx.finish .top span.btn-d {color:#fff !important;cursor:auto !important;} #pop-corporation-card {position:relative;/*background:#E4E6E9;*/min-height:50px;} #pop-corporation-card .btn-print {position:absolute;right:20px;top:18px;font-size:12px;color:#8F8F8F;} #pop-corporation-card .tab_on, #pop-corporation-card .tab_off {float:left;width:140px;} #pop-corporation-card .tab_on > a, #pop-corporation-card .tab_off > a {position:relative;display:block;text-align:center;font-size:14px;line-height:50px;color:#768395;z-index:2;} #pop-corporation-card .tab_on > a {background:#fff;} #pop-corporation-card .tab_off > a {color:#666;border-right:1px solid rgba(0,0,0,0.1);} #pop-corporation-card .tabcontent {position:absolute;left:0;top:50px;width:100%;background:#fff;padding:20px;} #pop-corporation-card .btn-modify {background:none;border-color:#768395;color:#768395;margin-top:-3px;} #pop-corporation-card .note {border-radius:3px;background:#35A6B5;padding:8px 10px;font-size:13px;color:#fff;} #pop-corporation-card .info {background:#768395;margin:20px 0 0 0;padding:20px;} #pop-corporation-card .info .tit {font-size:30px;font-weight:600;color:#fff;letter-spacing:-1.5px;margin-right:20px;} #pop-corporation-card .info .img {position:relative;float:left;background:#fff;text-align:center;height:125px;line-height:125px;margin:20px 20px 0 0;overflow:hidden;} #pop-corporation-card .info .img img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);} #pop-corporation-card .info table {float:left;margin:20px 0 0 0;background:#fff;height:125px;} #pop-corporation-card .info table th, #pop-corporation-card .info table td {border:1px solid #E7E7E7;font-size:14px;color:#5A6378;padding:0 5px;} #pop-corporation-card .info table th {width:100px;} #pop-corporation-card .info table tr:first-child th, #pop-corporation-card .info table tr:first-child td {border-top:none;} #pop-corporation-card .info table tr:last-child th, #pop-corporation-card .info table tr:last-child td {border-bottom:none;} #pop-corporation-card .info table tr th {border-left:none;} #pop-corporation-card .info table tr td {border-right:none;} #pop-corporation-card .info-com .img {width:240px;} /*#pop-corporation-card .info-com .img img{max-height:50px;max-width:70%;}*/ #pop-corporation-card .info-com table {width:calc(100% - 260px);} #pop-corporation-card .info-boss .img {width:120px;} #pop-corporation-card .info-boss table {width:calc(100% - 140px);} #pop-corporation-card .info-boss .img img{min-width:100%;height:100%;object-fit:cover;} #pop-corporation-card .note .btn-modify, #pop-corporation-card .info .btn-modify {border-color:#fff;color:#fff;float:right;} #pop-corporation-card .info-desc {background:#F4F4F4;padding:20px;font-size:14px;color:#5A6378;} #pop-corporation-card .info-desc .point-main {font-size:16px;font-weight:500;} #pop-corporation-card .info-desc .date {color:#A2A2A2;} #pop-corporation-card .cont {font-size:15px;} #pop-corporation-card .cont .tit {display:inline-block;font-size:16px;font-weight:600;color:#5A6378;margin:20px 10px 10px 0;} #pop-corporation-card .cont .bx1-wh {padding:15px;} #pop-corporation-card .cont .history li {border-bottom:1px dashed #DFDFDF;padding:5px 0;} #pop-corporation-card .cont .history li:first-child {border-top:1px solid #ccc;} #pop-corporation-card .cont .history li span {display:inline-block;width:70px;font-size:12px;color:#858585;} #pop-corporation-card #forPrint .btn-print, #pop-corporation-card #forPrint .btn-modify, #pop-corporation-card #forPrint .tab_on > a, #pop-corporation-card #forPrint .tab_off > a {display:none;} #pop-corporation-card #forPrint .tabcontent {top:0;} @media print { #pop-corporation-card .btn-print, #pop-corporation-card .btn-modify, #pop-corporation-card .tab_on > a, #pop-corporation-card .tab_off > a {display:none;} #pop-corporation-card .tabcontent {top:0;} } .list-instt > ul {margin:0 -10px} .list-instt > ul > li {float:left;width:calc(50% - 20px);margin:10px;} .list-instt .bx {position:relative;border:1px solid #eaeaea;/**/background:#f6f6f6;padding:30px 180px 30px 30px;} .list-instt .btnset {position:Absolute;right:30px;top:30px;} .list-instt .cont {display:flex;flex-flow:row wrap} .list-instt .title {flex-basis:220px;} .list-instt .info {width:calc(100% - 220px)} .list-instt .title .tit {font-size:25px;font-weight:700;color:#111} .list-instt .desc {font-size:13px;color:#999;margin:10px 0;} .list-instt .desc span {display:inline-block;width:50px;} .list-instt .info {background:#fff;border-radius:8px;} .list-instt .info li {float:left;width:33.3333%;text-align:center;font-size:18px;border-left:1px dashed #eaeaea;padding:50px 20px} .list-instt .info li:first-child{border:none} .list-instt .info em {font-size:25px;color:#ff6666;font-weight:700} @media only screen and (max-width:1800px){ .list-instt > ul > li {float:none;width:auto;} } .list-facility > ul > li{margin:0 0 10px 0} .list-facility .bx {position:relative;border:1px solid #ddd;border-radius:3px;} .list-facility .bx.end {background:#f6f6f6;} .list-facility .bx.end *{color:#aaa} .list-facility .bx.end .num {background:#BABABA;} .list-facility .bx.end .btn-area > a:first-child {background:#ccc;border-color:#ccc;color:#fff;} .list-facility .bx.end .btn-area > a:first-child i {color:#fff;} .list-facility .bx.end .bg_gr {border-top:1px solid #DFDFDF} .list-facility .bx:after{content:"";clear:both;display:block;float:none;} .list-facility .cont {} .list-facility .badge {margin-right:10px;} .list-facility .title {font-size:24px;font-weight:700;color:#222;letter-spacing:-1px;padding: 20px;position: relative;} .list-facility .bg_gr {padding:20px;} .list-facility .bg_gr .num {display:inline-block;background:#FF6666;border-radius:100px;color:#fff;padding:0 10px;margin-right:5px;} .list-facility .state {position:absolute;right:160px;top:20px;width:30%;background:rgba(0,0,0,0.04);border-radius:6px} .list-facility .state dl{float:left;width:33.3333%;text-align:center;border-left:1px dotted #ccc;} .list-facility .state dl:first-child{border:none;} .list-facility .state dt{padding:0 20px;line-height:40px;} .list-facility .state dd{padding:0 20px 20px 20px;line-height:40px;font-size:24px;font-weight:900;color:#222} .list-facility .btn-area {position:absolute;right:20px;top:20px;margin:0;padding:0;text-align:center;} .list-facility .btn-area a {position:relative;display: inline-block;} #contact_wrap {} #contact_wrap .tab_txt li {width:100px;} #contact_wrap .tab_txt li a {padding:0;} #contact_wrap .l_cont {float:left;width:200px;margin-bottom:10px;} #contact_wrap .r_cont {float:left;width:calc(100% - 200px);padding-left:30px;} #contact_wrap .l_cont .search {position:relative;background:#5A6378;padding:10px 3px 5px 5px;} #contact_wrap .l_cont .search input {border:none;} #contact_wrap .l_cont .search a.btn {position:absolute;right:14px;top:8px;} #contact_wrap .l_cont .list {padding:0;margin:0 0 10px 0;height:500px;background:#fff;border:1px solid #5A6378;overflow-y:scroll;} #contact_wrap .l_cont .list li {padding:2px 10px;border-bottom:1px dotted #eee;font-size:.75rem} #contact_wrap .l_cont .list li.on, #contact_wrap .l_cont .list li:hover {background:#BEC2C9;color:#fff;cursor:pointer;} #contact_wrap .r_cont .tit {padding:0;margin:2px 0 12px 0;} #contact_wrap .r_cont .tit h2 {background:none;padding:0;margin:2px 0 0 0;} #contact_wrap .index_list {background:#5A6378;padding:2px 4px} #contact_wrap .index_list a {display:block;float:left;background:rgba(0,0,0,0.2);border-radius:2px;width:17px;height:17px;line-height:17px;margin:1px;text-align:center;font-size:11px;color:#fff;} #contact_wrap .index_list a:first-child{width:36px;} #contact_wrap .index_list a:hover{background:#fff;color:#5A6378;text-decoration:none;} #contact_wrap .index_list a.large{width:36px;} #contact_wrap .index_list a.on{background:#fff;color:#5A6378;text-decoration:none;} /*기관별 예약화면 설정*/ .eq_ins .bx{overflow:hidden;} .eq_ins .cont{background-color:#768395;} .eq_ins .cont:after{content:''; display: block; clear:both;} .eq_ins .title, .eq_ins .info_wrap, .eq_ins .info, .eq_ins .state, .eq_ins .detail_btn{float:left;} .eq_ins .title{width:200px;} .eq_ins .title > a{color:#fff;} .eq_ins .title .btn-area{float:none; position: absolute;left:30px; bottom:30px; width:auto; height:auto;} .eq_ins .info_wrap{width:600px; margin-left: 20px;} .eq_ins .info_wrap:after{content:''; display: block; clear:both;} .eq_ins .info_wrap > div{border-radius:5px; position: relative; top:auto; right:auto; padding:20px; width:calc(50% - 10px); height:170px; padding-left:100px; background:#fff url(../img/reserve_ico01.png)no-repeat 10px 20px;} .eq_ins .info_wrap > div:before{content:'';display: block;height: 130px;border-right: 1px dashed #cbcbcb;position: absolute;left: 85px;} .eq_ins .info{} .eq_ins .info li{line-height:30px; /* border-bottom:1px dashed #ccc; padding-bottom:5px;*/} .eq_ins .info li:last-child{border-bottom:0; padding-bottom:0;} .eq_ins .info em{display: inline-block; width:60px; font-size:16px; vertical-align: middle; font-weight: 600;} .eq_ins .info p{display: inline-block; vertical-align: middle;;} .eq_ins div.state{background:#fff url(../img/reserve_ico02.png)no-repeat 10px 20px; margin-left:20px;} .eq_ins .state a{display: block; line-height:30px;} .eq_ins .state a:after{content:''; display: block; clear:both;} .eq_ins .state em{display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 600;} .eq_ins .state span{display: inline-block; vertical-align: middle; padding:0 10px;} .eq_ins .detail_btn{position: absolute; right:30px; top:50%; transform:translateY(-50%);} .eq_ins .detail_btn a{display: block; width:120px; margin:10px auto; background:#ff6666; border-color:#ff6666;} @media only screen and (max-width:1350px){ /* 1200px */ .eq_ins .title{width:170px;} .eq_ins .info_wrap{width:calc(100% - 190px);} .eq_ins .info_wrap > div{display: block; width:100%; margin: 0;} .eq_ins div.state{margin-top:20px;} }/*1200px end*/ #eq_pop_wrap .tit {position:relative;background:#5A6378;padding:10px 3px 5px 5px;color:white} #eq_pop_wrap .list li {padding:2px 10px;border-bottom:1px dotted #eee;font-size:.75rem} /*프로그램 수강생관리 top*/ .bx-list li {position:relative;border-radius:5px;border:1px solid #768395;margin:0 0 20px 0;overflow:hidden;} .bx-list li .top {position:relative;padding:25px;} .bx-list li .btm {background:#F4F4F4;padding:15px 25px;color:#999;} .bx-list .subject, .bx-list .subject a {font-size:20px;color:#333;font-weight:500;letter-spacing:-0.5px;} .bx-list .btn-wrap {position:absolute;right:0;top:0;height:100%;padding:30px;} .bx-list .btn-wrap .btn-lg {width:160px;line-height:50px;} .bx-list li.off {background:#F4F4F4;border-color:#F4F4F4;} .bx-list li.off .subject, .bx-list li.off .subject a {color:#999;} .bx-list li.off .btm {border-top:1px solid rgba(0,0,0,0.05);} .dashboard-type2 {margin-bottom:30px;} .dashboard-type2:after {content:"";clear:both;display:block;float:none;} .dashboard-type2>div {border-radius:4px;text-align:center;} .dashboard-type2 .sum {float:left;background:#768395;width:300px;color:#fff;padding:40px 20px;} .dashboard-type2 .cont {float:left;background:#f4f5f6;margin-left:20px;width:calc(100% - 320px);} .dashboard-type2 .sum .num {font-size:40px;font-weight:700} .dashboard-type2 .sum .tit {font-size:16px;font-weight:500;} .dashboard-type2 dl {float:left;height:100%;padding:20px;} .dashboard-type2 dt, .dashboard-type2 .dt-tit {font-weight:500;font-size:16px;} #state-expense>div {height:160px;} #state-expense dl.state1 {width:20%;} #state-expense dl.state2 {width:40%;} #state-expense dl:nth-child(3) {border-right:1px dashed #dfdfdf;} #state-expense dd .num {font-weight:900;font-size:24px;color:#333} #state-expense dl.state2 .graph {position:relative;background:#FF6666;display:block;width:60px;height:40px;color:#fff;line-height:1.2;margin:40px auto 0;} #state-expense dl.state2 .graph:before {content:"";top:-30px;left:50%;height:0;width:0;position:absolute;border-left:45px solid transparent;border-right:45px solid transparent;border-bottom:30px solid #ff6666;margin-left:-45px} #state-expense dl.state2 .up {position:relative;display:inline-block;width:60px;height:40px;background:#FF6666;font-size:14px;color:#fff;line-height:1.2;margin-top:30px;margin:40px auto 0;} #state-expense dl.state2 .up:before {content:"";display:block;margin:-30px 0 0 -16px;border-left:45px solid transparent;border-right:45px solid transparent;border-bottom:30px solid #FF6666;} #state-expense dl.state2 .down {position:relative;display:inline-block;width:60px;height:40px;background:#FF6666;font-size:14px;color:#fff;line-height:1.2;padding-top:8px;margin:20px auto 0;} #state-expense dl.state2 .down:after {content:"";display:block;margin:0 0 0 -16px;border-left:45px solid transparent;border-right:45px solid transparent;border-top:30px solid #FF6666;} #state-expense dl.state2 .grapharea {float:left;width:160px;} #state-expense dl.state2 .txt {float:left;width:calc(100% - 160px);vertical-align:top} #state-expense dl.state2 span {display:inline-block;border:2px solid #768395;color:#768395;border-radius:40px;background:#fff;padding:4px 6px;font-weight:500;margin:20px 0 10px 0;} #state-expense dl.state1 dd:before {content:"";display:block;font-family:FontAwesome;font-weight:700;border:2px solid #B8BFC7;color:#B8BFC7;border-radius:50%;width:50px;height:50px;line-height:46px;margin:10px auto;font-size:1.5rem} #state-expense dl:nth-child(1) dd:before {content:"\f4ff";} #state-expense dl:nth-child(2) dd:before {content:"\f05e";} #state-expense dl:nth-child(3) dd:before {content:"\f4fc";} .tab-flex {display:flex;flex-flow:row wrap;} .tab-flex a {flex:1;text-align:center;padding:15px 5px;background:#f6f6f6;border:1px solid #eaeaea;border-left:none;border-radius:6px 6px 0 0} .tab-flex a:nth-child(1){border-left:1px solid #eaeaea;} .tab-flex a.on{background:#4283c1;border-color:#4283c1;color:#fff} .t1 {border:1px solid #ddd;} .t1 table th, .t1 table td {padding:8px;border-left:1px solid #ddd;border-top:1px solid #ddd;} .t1 table thead th {background:#efefef;color:#333;line-height:1.4;font-weight:normal;border-top:none;} .t1 table tbody {border-top:1px solid #ddd;background:#fff;} .t1 table tfoot th, .t1 table tfoot td {background:#ddd;} .t1 table th:first-child, .t1 table td:first-child{border-left:none;} .t1 table tr:first-child th, .t1 table tr:first-child td {border-top:none;} .t2 {} .t2 table th, .t2 table td {padding:8px;border:1px solid #ddd;border-bottom:none;} .t2 table thead th {background:#768395;border:1px solid #768395;color:#fff;line-height:1.4;font-weight:normal;} .t2 table tbody {border-top:1px solid #768395;background:#fff;} .t2 table tbody th, .t2 table tbody td:first-child {border-left:none;} .t2 table tbody td:last-child{border-right:none;} .t2 table tbody tr:first-child th, .t2 table tbody tr:first-child td{border-top:none;} .t2 table td.br_none {border-left:none !important;} input-group-text {color:#999;border-right:none;border-radius:3px 0 0 3px;background-color:#f4f4f4;} .make_process {background:#f6f6f6} .make_process li {position:relative;line-height:50px;font-size:16px;color:#999;text-align:center;} .make_process li:before {right:-51px;top:0px;content:" ";height:0;width:0;position:absolute;border: solid transparent;border-color:rgba(204, 204, 204, 0);border-left-color:#ccc;border-width:25px;} .make_process li:after {right:-50px;top:0px;content:" ";height:0;width:0;position:absolute;border: solid transparent;border-color:rgba(246, 246, 246, 0);border-left-color:#f6f6f6;border-width:25px;} .make_process li:last-child:before, .make_process li:last-child:after {left:0px;top:0px;content:"";border-left-color:transparent} .make_process li.on:after {content:" ";border-left-color:#768395} .make_process li.on:before {left:0px;top:0px;content:" ";border-left-color:#f6f6f6;} .make_process li.on:first-child:before{content:" ";border-left-color:#768395} .make_process li.on:last-child:before, .make_process li.on:last-child:after {left:0px;top:0px;content:"";border-left-color:#f6f6f6;} .make_process .num {display:inline-block;width:24px;height:24px;line-height:24px;background:#B8BFC7;color:#fff;border-radius:50%;margin-right:6px;} .make_process .on {background:#768395;color:#fff} .make_process .on .num {background:#fff;color:#768395} #make_area {border-bottom:1px solid #ddd;} #make_area .top_tab {margin:10px 0 0 10px} #make_area .top_tab:after {content:" ";display:block;float:none;clear:both;} #make_area .top_tab li {float:left;width:160px;text-align:center;font-size:14px;} #make_area .top_tab li a {display:block;line-height:45px;padding:0;margin:0;background:#fff;border:2px solid #5A6378;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px} #make_area .top_tab a.on {background:#5A6378;text-decoration:none;color:#fff;} #make_area table {} #make_area table tr {} #make_area table tr:first-child {border-top:none} #make_area table th {width:150px;padding:10px 0 0 10px;text-align:left;vertical-align:top;font-size:14px;} #make_area table td {padding:5px;} a.link_setting{color:#5757b3} a.link_setting:after {content:"\f054";font-family:FontAwesome;margin-left:10px;} #make_area .tit {text-align:center;font-size:24px;padding:30px 0;color:#5A6378;font-family:ngl;} #make_area .bx {background:#f6f6f6;border-radius:12px;margin:0 0 10px 0;padding:20px;} #make_area .bx:after, #make_area .bx article:before {content:"";clear:both;display:block;float:none;} #make_area h2 {float:left;width:200px;font-weight:normal;font-size:24px;padding:0 0 0 60px;margin:0;color:#5A6378;font-family:ngn;position:relative;line-height:40px;} #make_area h2:before {content:"";font-family:FontAwesome;color:#B8BFC7;font-weight:normal;font-size:30px;position:absolute;left:20px;top:-2px;} #make_area .bx article {float:right;width:calc(100% - 200px);font-size:16px;position:relative;line-height:40px;} #make_area .bx article .link_setting{position:absolute;right:20px;bottom:0;display:block;line-height:40px;} #make_area .tab_txt {border:none;margin-bottom:20px} #make_area .tab_txt ul, #make_area .tab_txt li {margin:0 2px 0 0;width:auto;} #make_area .tab_txt li a {width:80px;border-radius:80px;border:2px solid #5A6378;color:#5A6378;padding:0;line-height:30px;font-size:14px;} #make_area .tab_txt li a.on {color:#fff;font-weight:bold} #make_area.edit .bx {padding:0;margin:10px;} #make_area.edit .bx article {float:none;width:auto;padding:20px;} #make_area.edit .stit {border-bottom:1px solid #ddd;} #make_area.edit .stit:after {content:"";clear:both;display:block;float:none;} #make_area.edit h2 {width:auto;font-size:16px;padding:20px;font-weight:bold;} #make_area.edit h2:before {content:"";} #make_area.edit .tab_txt {margin:12px 0 0 0} #make_area .select {text-align:center;margin:0 0 20px 0} #make_area .select a {position:relative;margin:2px;display:inline-block;width:200px;height:130px;padding:90px 20px 20px 20px;border:1px solid #D8DDE0;border-radius:6px;color:#768395;font-size:14px;} #make_area .select a.ico1{background:#F7F7FA url(../img/select_ico01.png) no-repeat 50% 10px} #make_area .select a.ico2{background:#F7F7FA url(../img/select_ico02.png) no-repeat 50% 10px} #make_area .select a.on {margin:1px;border:2px solid #596DBB;color:#596DBB;font-weight:bold;} #make_area .select a.on:after{content:"\f00c";font-family:FontAwesome;position:absolute;z-index:2;right:-12px;top:-12px;box-shadow:1px 1px 1px rgba(0,0,0,0.4);display:block;background:#596dbb;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;} #make_area .ico_tit1:before {content:"\f044"} #make_area .ico_tit2:before {content:"\f017"} #make_area .ico_tit3:before {content:"\f274"} #make_area .ico_tit4:before {content:"\f273"} #make_area .ico_tit5:before {content:"\f097"} #make_area .ico_tit6:before {content:"\f0d6"} #make_area .ico_tit7:before {content:"\f0e0"} #make_area .setting_list_add {margin:0;} #make_area .setting_list_add input[type="text"]{width:calc(100% - 72px);height:32px;} #make_area .setting_list_add .btngroup {float:right;} #make_area .setting_list_add .btngroup a {float:left;margin-left:4px;} #make_area .ico_btn {width:30px;line-height:30px;padding:0;} #make_area .cont select, #make_area .cont li {margin:2px 0} #make_area .cont li:after {content:"";display:block;float:none;clear:both;} #make_area .btnarea {padding:30px 0;} #make_area .btnarea a {margin:0 1px;width:140px;font-weight:normal;} #make_area .btnarea:after {content:"";display:block;float:none;clear:both;} #make_area em {display:inline-block;text-align:center;width:18px;height:18px;background:url(../../cmsware/img/btn_em.png) no-repeat -2px -2px;margin-right:6px;text-indent:-5000px;color:transparent} #pop-corporation-category {padding:20px;} .corporation-category li {padding:8px 20px 8px 8px;font-size:14px;color:#666;} .corporation-category li li.category-depth1 {background:#768395;padding:20px;font-size:16px;color:#fff;} .corporation-category li li.category-depth1 a {border-color:#fff;color:#fff;} .corporation-category li li.category-depth1 a:hover {border-color:#fff;background:#fff;color:#768395;} .corporation-category li li.category-depth1:before {content:"1";display:inline-block;width:24px;height:24px;border-radius:3px;border: 2px solid #fff;text-align:center;line-height: 20px;font-size:13px;color:#fff;margin-right:10px;font-weight: 600;} .corporation-category li li.category-depth2 {border-top:1px dashed #DFDFDF;padding-left:25px;background:#f5f5f5;} .corporation-category li li.category-depth2:last-child {padding-bottom:0;} .corporation-category li li.category-depth2:before {content:"2";display:inline-block;width:24px;height:24px;border-radius:3px;background:#fff;border:1px solid #768395;color:#768395;line-height:22px;text-align:center;font-size:13px;margin-right:10px;} .corporation-category li li.category-depth3 {border-top:1px dashed #DFDFDF;padding-left:50px;background:#fafafa;} .corporation-category li li.category-depth3:last-child {padding-bottom:0;} .corporation-category li li.category-depth3:before {content:"3";display:inline-block;width:24px;height:24px;border-radius:3px;background:#fff;border:1px solid #768395;color:#768395;line-height:22px;text-align:center;font-size:13px;margin-right:10px;} .corporation-category li li.category-depth4 {border-top:1px dashed #DFDFDF;padding-left:75px;} .corporation-category li li.category-depth4:last-child {padding-bottom:0;} .corporation-category li li.category-depth4:before {content:"4";display:inline-block;width:24px;height:24px;border-radius:3px;background:#fff;border:1px solid #768395;color:#768395;line-height:22px;text-align:center;font-size:13px;margin-right:10px;} .corporation-category ul ul {margin-top:8px;} .corporation-category li a {float:right;display:inline-block;padding:2px 5px 1px;border-radius:3px;border:1px solid #595AD5;font-size:13px;color:#595AD5;vertical-align:middle;transition:all 0.2s ease-out;} .corporation-category li a:hover {background:#595AD5;color:#fff;} .corporation-category li a.del-a {float:right;display:inline-block;padding:2px 5px 1px;border-radius:3px;border:1px solid #EF593A;font-size:13px;color:#EF593A;vertical-align:middle;transition:all 0.2s ease-out;} .corporation-category li a.del-a:hover {background:#EF593A;color:#fff;} .corporation-category li a.edit-a {float:right;display:inline-block;padding:2px 5px 1px;border-radius:3px;border:1px solid #3CB377;font-size:13px;color:#3CB377;vertical-align:middle;transition:all 0.2s ease-out;} .corporation-category li a.edit-a:hover {background:#3CB377;color:#fff;} .corporation-category li a.edit-b {float:right;display:inline-block;padding:2px 5px 1px;border-radius:3px;border:1px solid #768395;font-size:13px;color:#768395;vertical-align:middle;transition:all 0.2s ease-out;} .corporation-category li a.edit-b:hover {background:#768395;color:#fff;} .process .step {border-radius:3px;overflow:hidden;text-align:left;} .process .step li {position:relative;color:#768395;padding:10px;padding-left:30px;line-height:20px;background:#d8dde0;font-size:0.875rem;} .process .step li:first-child {padding-left:10px;} .process .step .num {display:inline-block;width:20px;height:20px;background:#fff;text-align:center;vertical-align:top;border-radius:50%;color:#768395;margin-right:6px;font-size:12px;font-weight:500;} .process .step li:before, .process .step li:after {content:"";position:absolute;top:0;border:solid transparent;border-width:20px;z-index:1} .process .step li:before {border-left-color:rgba(0,0,0,0.1);right:-40px;} .process .step li:after {border-left-color:#d8dde0;right:-39px;} .process .step li:last-child {border-radius:0 3px 3px 0;} .process .step li:last-child:before, .process .step li:last-child:after {display:none;} .process .step .on {background:#30927b !important;color:#fff !important;} .process .step li.on .num {color:#30927b !important;} .process .step li.on:before, .process .step li.on:after {border-left-color:#30927b !important;} .process .step .on ~ li {background:#D8DDE0;color:#768395;} .process .step .on ~ li .num {color:#768395;} .process .step .on ~ li:after {border-left-color:#D8DDE0;} .process .btn-wrap {margin:6px -3px 0 -3px;} .process .btn-wrap li {padding:0 3px;} .process .btn-wrap .btn-d {display:block;} .process.fail .step li {background:#B8BFC7;color:#fff !important;} .process.fail .step li:after {border-left-color:#B8BFC7;} .process.fail .step li .num {color:#B8BFC7;} /* 기업통합관리 통계 [S] */ #state-co-region .cont li {float:left;width:50%;padding-right:20px;} .state-list li:after {content:"";display:block;float:none;clear:both} .state-list li em {float:right;color:#555} .state-list li:before {content:"";display:inline-block;width:13px;height:13px;border:2px solid #ccc;border-radius:50%;margin-right:5px;vertical-align:middle;} .state-list li:nth-child(1):before {border-color:#68B3C8} .state-list li:nth-child(2):before {border-color:#F3BA46} .state-list li:nth-child(3):before {border-color:#E35758} .state-list li:nth-child(4):before {border-color:#7AC29C} .state-list li:nth-child(5):before {border-color:#7C7DDC} .state-list li:nth-child(6):before {border-color:#4BC2C2} .state-list li:nth-child(7):before {border-color:#7D7ACF} .state-list li:nth-child(8):before {border-color:#FE8E4B} .state-list li:nth-child(9):before {border-color:#C77CCD} .state-list li:nth-child(10):before {border-color:#A7B0B8} /* 기업통합관리 통계 [E] */ /* 기업통합관리 카테고리 트리 [S] */ .tree-wrap {} .tree-mn {float:left;width:220px;} .tree-cont {float:left;width:calc(100% - 240px);padding-left:40px;} .tree-list-wrap {float:left;width:240px;} .tree-list-wrap > a {width:100%;} .tree-list {border-radius:5px;border:1px solid #5A6378;padding:20px;} .tree-category ul {margin-top:3px;} .tree-category li a {color:#666;} .tree-category > li > a i {color:#768395;} .tree-category li i {color:#FAAD4D;margin-right:5px;font-size:110%;} .tree-category li li {position:relative;padding:2px 0 2px 8px;} .tree-category ul ul {margin:3px 0;} .tree-category li li:last-child ul {margin-bottom:0;} .tree-category li li:before {content:"";position:absolute;left:7px;top:0;height:100%;border-right:1px solid #ccc;} .tree-category li li:last-child:before {height:1.25rem;top:-8px;} .tree-category li li a {position:relative;display:block;padding-left:40px;} .tree-category li li a:before {content:"";position:absolute;left:0;top:0.5em;display:inline-block;width:10px;border-bottom:1px solid #ccc;} .tree-category li li i {position:absolute;left:15px;top:0.1em;} .tree-category li li li {padding-left:20px;line-height:1.5;margin:0;} .tree-category li li li:last-child:before {height:.6rem;top:0;} .tree-category li li li:before {left:20px;} .tree-category li li li a {font-size:13px;padding-left:16px;} .tree-category li li li a.on {color:#4F50D0;} .tree-cont {float:left;width:calc(100% - 240px);padding-left:40px;} /* 기업통합관리 카테고리 트리 [E] */ /* 가족회사 등급관리 [S]*/ .tab_txt:after, .tab_list:after, .tab_list2:after {content:" ";display:block;float:none;clear:both;} .tab_txt {position:relative;overflow:hidden;border-bottom:1px solid #5A6378;/*border-bottom:2px solid #5A6378;*/margin-bottom:20px;} .tab_txt li {float:left;min-width:100px;text-align:center;overflow:hidden;transition: 0.3s;cursor:pointer;} .tab_txt li a {display:block;padding:8px 20px;margin:0;background-color:#fff;border-width:1px;border-color:#dadada;border-style:solid;border-top-width:1px;border-left-width:0;border-bottom-width:0;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/} .tab_txt li:first-child a{border-left-width:1px;} .tab_txt a:hover, .tab_txt a.on {background:#5A6378;border-color:#5A6378;color:#fff;text-decoration:none;} .tab_txt em {font-family:verdana;font-size:11px;color:#35A6B5;} .tab_txt a.on em {color:#4CF0B1;} .tab_cont {display: none;} .tab_txt .btn {position:absolute;right:0;top:0;} .tab:before, .tab:after {content:"";clear:both;display:block;float:none;} .tab {position:relative;display:flex;flex-flow:row wrap;align-items:flex-start;margin:0 0 1rem 0;} .tab a {position:relative;} .tab-txt:after {position:absolute;bottom:0px;left:0;content:"";width:100%;border-bottom:1px solid var(--basic-color);z-index:-1} .tab-txt a {display:block;background:var(--basic-bg);border:1px solid var(--basic-border);border-bottom:none;padding:0.725rem 1.725rem;margin-left:-1px;line-height:1.2;z-index:11;} .tab-txt a.on {background:var(--white);border-color:var(--basic-color);border-bottom:1px solid var(--white);color:var(--basic-color);z-index:12;} .tab-txt em {display:inline-block;font-size:var(--font-2xsm);color:#fff;background:var(--gray);line-height:1;min-width:1.25rem;padding:0.25rem 0.35rem;border-radius:1rem;margin:1px 0 0 5px;vertical-align:top;text-align:center;} .tab-txt a.on em {background:var(--pink);} .grade-setting-none {text-align:center;border:1px dotted #ccc;padding:40px;} .grade-setting-none .tit{background:url(../img/img_nosetting.png) no-repeat 50% 0;padding-top:100px;font-size:20px;letter-spacing:-1px;} .grade-setting-none a {display:block;float:left;width:calc(33.3333% - 10px);margin:0 5px;background:#f6f6f6;line-height:70px;border-radius:3px;text-align:center;font-size:16px;position:relative;color:#6666cc} .grade-setting-none span{position:absolute;right:20px;top:18px;} .grade-setting-none .btnarea{margin-bottom:0;} .grade-setting-tab {margin:0 -5px 20px} .grade-setting-tab:after{content:"";clear:both;display:block;float:none;} .grade-setting-tab a {display:block;float:left;width:calc(33.3333% - 10px);margin:0 5px;background:#f6f6f6;line-height:58px;border-radius:3px;text-align:center;font-size:16px;} .grade-setting-tab a.on {border:2px solid #6666cc;color:#6666cc;background:#fff} /* 가족회사 등급관리 [E]*/ /*R&D 이력카드[E]*/ .rnd-card {display:flex;flex-flow:row wrap;background:var(--main-color);border-radius:var(--basic-round);padding:20px;} /*R&D 이력카드[S]*/ /* 기업카드 모달 [S]*/ .modal-tab {background:#E4E6E9} .modal-tab:before,.modal-tab:after{content:"";clear:both;display:block;float:none;} .modal-tab a {display:block;float:left;padding:0 20px;min-width:120px;text-align:center;line-height:50px;border-right:1px solid rgba(0,0,0,0.1)} .modal-tab a.on {background:#fff;} .modal-tab a.btn-print {float:none;position:absolute;right:0;top:0;min-width:auto;border:none;} .modal-pnb {position:relative;background:#E4E6E9;line-height:50px;} .modal-pnb a.btn-print {position:absolute;right:0;top:0;display:block;padding:0 20px;font-size:13px;color:#768395} .modal-pnb a.btn-print:before{content:"\f02f";font-family:FontAwesome;font-weight:900;margin-right:5px;} #company-card{background:#768395;} /* #company-card .desc {float:left;padding:20px;width:calc(100% - 240px);} */ #company-card .desc {float:left;padding:20px;width:100%;} #company-card .desc.app {float:left;padding:20px;width:100%;} /*2020-10-26 현장실습 모달창 추가 */ #company-card .state {float:left;padding:10px;width:240px;border-left:1px dashed rgba(0,0,0,0.1)} #company-card table {font-size:12px;} #company-card table th, #company-card table td {font-weight:normal;line-height:24px;} #company-card table tr:first-child th, #company-card table tr:first-child td{border-top:none} #company-card .desc .tit {position:relative;margin-bottom:20px;} #company-card .desc .name {font-size:25px;color:#fff;font-weight:500;} #company-card .desc .btn-d {position:absolute;right:0;top:0;} #company-card .desc table {background:#fff;} #company-card .desc table th:first-child{border-left:none;} #company-card .desc table th{width:120px;text-align:left;color:#768395} #company-card .desc table th, #company-card .desc table td{padding:0 5px;border-top:1px solid #ddd;border-left:1px solid #ddd;} #company-card .state .tit {padding:0 0 5px 0;color:#fff;font-size:18px;} #company-card .state .tit em {color:#FFCC00;font-weight:600;float:right;} #company-card .state table {background:rgba(0,0,0,0.2);color:#fff;} #company-card .state table th, #company-card .state table td{padding:0 5px;border-top:1px solid rgba(0,0,0,0.1);text-align:center} #company-card .state table th{text-align:left;} #company-card .state table th{text-align:left;} #company-info {background:#f6f6f6;padding:15px;} #company-info dl, #company-info dt, #company-info dd {float:left;} #company-info dl {width:50%;} #company-info dt {width:120px;} #company-info dd {width:calc(100% - 120px)} .my-mileage {background:#768395;margin-top:20px;padding:20px;box-shadow:2px 2px 10px rgba(0,0,0,0.05);} .my-mileage em {display:inline-block;} .my-mileage .title {float:left;width:210px;margin:0;padding:20px 0 0;} .my-mileage .title .tit {font-size:18px;margin-bottom:5px;font-weight:500;color:#fff;margin:0 0 20px;} .my-mileage .title .tit span {display:block;} .my-mileage .num {font-size:16px;font-weight:500;color:#666;letter-spacing:-0.5px;} .my-mileage .num span {font-size:28px;font-weight:600;color:#fff;} .my-mileage .num span:before {content:"";display:inline-block;width:28px;height:28px;background:url(../../img/mileage_ico.png) no-repeat;margin-right:5px;vertical-align:middle;} .my-mileage .mileage-sum01 {float:left;width:calc(100% - 210px);background:#fff;border-radius:5px;padding:20px 0;} .my-mileage .mileage-sum01 li {float:left;width:25%;border-left:1px dashed #ccc;padding:0 5px 0 15px;} .my-mileage .mileage-sum01 li:nth-child(1) {border-left:none;} .my-mileage .mileage-sum01 p {color:#768395;font-size:16px;font-weight:500;line-height:40px;letter-spacing:-0.5px;} .my-mileage .mileage-sum01 em {display:block;color:#666;font-size:20px;font-weight:600;line-height:40px;letter-spacing:-0.5px;} .my-mileage .mileage-sum01 em:before {content:"";display:inline-block;width:22px;height:22px;background:url(../../img/mileage_ico2.png) no-repeat;margin-right:3px;vertical-align:middle;} .my-mileage .mileage-sum01 .point em {color:#4283C1;} .t-modal {border-top:1px solid #768395;font-size:13px;} .t-modal table {text-align:center;} .t-modal table thead th, .t-modal table tbody td{padding:5px 5px;} .t-modal table thead th{border-bottom:1px solid #dfdfdf;color:#768395;font-weight:400;} .t-modal table tbody td{border-bottom:1px solid #dfdfdf;} /* 기업카드 모달 [E]*/ .list-facility > ul > li{margin:0 0 10px 0} .list-facility .bx {position:relative;border:1px solid #ddd;border-radius:3px;} .list-facility .bx.end {background:#f6f6f6;} .list-facility .bx.end *{color:#aaa} .list-facility .bx.end .num {background:#BABABA;} .list-facility .bx.end .btn-area > a:first-child {background:#ccc;border-color:#ccc;color:#fff;} .list-facility .bx.end .btn-area > a:first-child i {color:#fff;} .list-facility .bx.end .bg_gr {border-top:1px solid #DFDFDF} .list-facility .bx:after{content:"";clear:both;display:block;float:none;} .list-facility .cont {} .list-facility .badge {margin-right:10px;} .list-facility .title {font-size:24px;font-weight:700;color:#222;letter-spacing:-1px;padding: 20px;position: relative;} .list-facility .bg_gr {padding:20px;} .list-facility .bg_gr .num {display:inline-block;background:#FF6666;border-radius:100px;color:#fff;padding:0 10px;margin-right:5px;} .list-facility .state {position:absolute;right:160px;top:20px;width:30%;background:rgba(0,0,0,0.04);border-radius:6px} .list-facility .state dl{float:left;width:33.3333%;text-align:center;border-left:1px dotted #ccc;} .list-facility .state dl:first-child{border:none;} .list-facility .state dt{padding:0 20px;line-height:40px;} .list-facility .state dd{padding:0 20px 20px 20px;line-height:40px;font-size:24px;font-weight:900;color:#222} .list-facility .btn-area {position:absolute;right:20px;top:20px;margin:0;padding:0;text-align:center;} .list-facility .btn-area a {position:relative;display: inline-block;} /*사업관리*/ #a_tag_modal {color:#fff !important;margin-bottom:2px;} .onclick-tab {} .onclick-tab .tab a {display:inline-block;padding:10px 15px;background:#eaeaea;border:1px solid #ccc;border-radius:3px;font-size:14px;color:#999;min-width:130px;margin-right:5px;} .onclick-tab .tab .on {background:#3e78c1;border-color:#3e78c1;color:#fff;} .file_div {border: 1px dashed #ccc;border-radius: 3px;} .adddel-make {background:#f6f6f6;position:relative;} .adddel-make:after {content:"";display:block;float:none;clear:both;} .adddel-make>.left {/*padding:30px;*/padding:0 20px 0 0;} .adddel-make>.right {/*padding:30px;*/padding:0 20px 0 20px;} .adddel-make .left {width:280px;/* border-right:1px dashed rgba(0,0,0,0.08); */} .adddel-make .left li {position:relative;background:#fff;border:1px solid #ccc;margin:0 0 10px 0;border-radius:4px;padding:0 20px;line-height:55px;overflow:hidden;} .adddel-make .left li span {display:block;padding-right:50px;} .adddel-make .left li a {display:inline-block;} .adddel-make .left .on {background:#595ad5;color:#fff;box-shadow:2px 2px 5px rgba(0,0,0,0.2);border:none;} .adddel-make .left .on span {background:#595ad5;color:#fff;} .adddel-make .left li .l-set-btn {position:absolute;right:12px;top:50%;display:block;width:30px;height:30px;background:rgba(0,0,0,0.2);border-radius:50%;text-align:center;line-height:32px;color:#fff;font-size:16px;margin-top:-15px;} .adddel-make .left li .l-set-btn i {margin:0;} .adddel-make .right .left {border:none;} .adddel-make .l-add-btn {position:relative;display:block;margin:20px auto 0;width:50px;height:50px;background:#595ad5;border-radius:50%;box-shadow:2px 2px 5px rgba(0,0,0,0.2);} .adddel-make .l-add-btn:before, .adddel-make .l-add-btn:after {content:"";position:absolute;display:block;left:50%;top:50%;transform:translate(-50%, -50%);background:#fff;} .adddel-make .l-add-btn:before {width:2px;height:20px;} .adddel-make .l-add-btn:after {height:2px;width:20px;} .adddel-make>.right {width:calc(100% - 280px);} .biz-file-edit .r-add-btn {position:relative;display:block;margin:20px auto 0;width:50px;height:50px;border:2px solid #ccc;border-radius:50%;} .biz-file-edit .r-add-btn:before, .biz-file-edit .r-add-btn:after {content:"";position:absolute;display:block;left:50%;top:50%;transform:translate(-50%, -50%);background:#ccc;} .biz-file-edit .r-add-btn:before {width:2px;height:20px;} .biz-file-edit .r-add-btn:after {height:2px;width:20px;} .pm-report-write .add-trend input.form-control:not(.input-date){width:calc(100% - 470px);} .pm-report-write .add-file input.form-control:not(.input-date){width:calc(100% - 225px);} #pm_report_activity_1 .input-date, #pm_report_important_1 .input-date{width:calc(33.333% - 5px); margin-bottom: 5px;} #pm_report_activity_1 select.form-control, #pm_report_important_1 select.form-control{width:calc(31% + 2px); margin-bottom: 5px;} #pm_report_important_1 select.form-control:nth-of-type(2){margin: 0;} .biz-file-set li {} .biz-file-set li:after {content:"";display:block;float:none;clear:both;} .biz-file-set .file-delete {position:absolute;right:0;top:0;line-height:30px;color:#000;opacity:0.5;transition:all 0.2s ease-out;} .biz-file-set .file-delete:hover {opacity:1;} .biz-file-set .tv-checkbox.biz-file-chk input[type="checkbox"]:checked + label::before {content:'\f00c';font-weight:900;font-family:FontAwesome;border-color:#768395;color:#768395;text-align:center;font-size:8px;transition:all 0.2s ease-out;line-height:17px;} .biz-file-add {} .biz-file-add li {margin:0 0 5px 0;position:relative;padding-right:25px;} .biz-file-add input {height:30px;background:#fff;border-radius:2px;border:1px solid #ccc;vertical-align:top;} .biz-file-add input[type="text"] {width:55%;} .biz-file-add input[type="file"] {width:calc(45% - 5px);padding:3px;} .biz-file-edit {background:#fff;border-radius:5px;} .biz-file-edit li {border:1px dashed #ccc;padding:10px;border-radius:5px;} .biz-file-edit li:first-child {border-top:none;} .biz-file-edit li span {float:left;display:block;padding-top:5px;padding-bottom:5px;} .biz-file-edit .file-desc {width:160px;margin-right:5px;padding-right:10px;} .biz-file-edit .file-subject {width:calc(100% - 240px);} .biz-file-edit .file-subject a {color:#b8bfc7;} .biz-file-edit .file-subject a:before {content:"\f0c6";font-family:FontAwesome;margin-right:5px;font-weight:900;} .info-list-border {border:2px solid #768395;} .info-list-border li {border-top:1px dashed #ddd;padding:.5rem;} .info-list-border li:first-child {border-top:none;} /*국가 R&D 통계 [S]*/ .row .row-bx {margin:0 10px;border-radius:var(--basic-round)} .row .row-bx h3 {margin:0;padding:15px 20px;border-bottom:1px solid var(--black1);} .row .row-bx.bg-wh {padding:0;} .row .row-bx.bg1 {background:#4883E1} .row .row-bx.bg2 {background:#3EAF9B} .row .row-bx.bg3 {background:#F3BB45} .row .row-bx.bg4 {background:#5FAECF} .row .row-bx.bx1 {width:calc(30% - 20px)} .row .row-bx.bx2 {width:calc(50% - 20px)} .row .row-bx.bx3 {width:calc(70% - 20px)} .row-bx .graph-desc .legend {display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:10px;} .badge-compare {display:inline-block;background:rgba(0,0,0,0.4);color:#fff;line-height:30px;border-radius:80px;padding:0 12px;font-size:90%;margin-left:10px;} .admin-stt-today {background:#3366CC;border-radius:var(--basic-round);overflow:hidden;color:#fff;} .admin-stt-today .cont-title {font-weight:var(--font-bold);font-size:var(--font-xlg);line-height:1.2} .admin-stt-today .cont-title p:nth-child(2) {font-size:var(--font-lg);} .admin-stt-today .cont1 {width:380px;padding:20px} .admin-stt-today .cont1 .graph-desc {background:rgba(0,0,0,0.5);border-radius:var(--basic-round);} .admin-stt-today .cont1 .graph-desc li {display:flex;padding:20px;align-items:center;justify-content:space-between;border-top:1px dashed rgba(0,0,0,0.2)} .admin-stt-today .cont1 .graph-desc li:nth-child(1) {border-top:0;} .admin-stt-today .cont1 .graph-desc em {font-size:var(--font-3xlg);font-weight:var(--font-exbold);line-height:1.1;vertical-align:middle;} .admin-stt-today .cont1 .graph-desc li:nth-child(1) em {color:var(--yellow);} .admin-stt-today .cont1 .graph-desc li:nth-child(2) em {color:#66CC99;} .admin-stt-today .cont1 .graph-desc li:nth-child(3) em {color:#41E9DC;} .admin-stt-today .cont2 .graph-area .desc .legend {display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:10px;} .admin-stt-today .cont2 .graph-area .desc .c1 {background:var(--yellow);} .admin-stt-today .cont2 .graph-area .desc .c2 {background:#66CC99} .admin-stt-today .cont2 .graph-area .desc .c3 {background:#41E9DC;} .admin-stt-today .cont2 .title {width:280px;padding:40px;} .admin-stt-today .cont2 .title h3 {padding:0;margin:0;color:rgba(255,255,255,0.8);border:none} .admin-stt-today .cont2 .title em {font-size:var(--font-3xlg);font-weight:var(--font-exbold);line-height:1.1;display:block;color:#fff} .admin-stt-today .cont2 .cont {width:calc(100% - 280px);padding:10px 0;} .admin-stt-today .cont2 li a {justify-content:space-between;padding:2px 20px 2px 0px;} .admin-stt-today .cont2 li span {display:inline-block;} .admin-stt-today .cont2 li span.name {font-weight:var(--font-bold);margin-right:10px;} .admin-stt-total {margin:0 -10px;} .admin-stt-total .row-bx {flex:1;color:#fff} .admin-stt-total h3 {color:#fff} [class*="admin-stt-total"] .graph-desc {line-height:1.2} [class*="admin-stt-total"] .graph-desc em {font-size:var(--font-2xlg);font-weight:var(--font-exbold);display:block;} .admin-stt-total .row-bx, .admin-stt-total2, .admin-stt-total3 .row-bx {position:relative;} .admin-stt-total2 .row-bx h3, .admin-stt-total3 .row-bx h3 {border-bottom:none} .admin-stt-total .graph.po-ab {right:20px;top:60px;} .admin-stt-total .total {padding:20px;} .admin-stt-total .total em {font-size:var(--font-4xlg);font-weight:var(--font-semibold);line-height:1.1} .admin-stt-total .legend-wrap em {font-size:inherit;} .admin-stt-total .legend-wrap {color:#fff;} .admin-stt-total .legend-wrap .bg1:before {background:#68b3c8;} .admin-stt-total .legend-wrap .bg2:before {background:#f3bb45;} .admin-stt-total .legend-wrap .bg3:before {background:rgba(0,0,0,0.4)} .admin-stt-total .legend-wrap .bg4:before {background:#b8bfc7;} .admin-stt-total .bg2 .legend-wrap .bg1:before {background:#f3bb45;} .admin-stt-total .bg2 .legend-wrap .bg2:before {background:#4883e1;} .admin-stt-total .bg2 .legend-wrap .bg3:before {background:#ef8254;} .admin-stt-total2 .graph-desc, .admin-stt-total3 .graph-desc {padding:0 20px 20px 20px;display:flex;flex-flow:row wrap;justify-content:space-between;} .admin-stt-total2 .graph-area, .admin-stt-total2 {margin:20px 0;background:#fff;border-radius:var(--basic-round);} .admin-stt-total2 .row-bx {margin:0;} .admin-stt-total2 .row-bx.bx1 {width:calc(30% + 5px);padding-right:20px;} .admin-stt-total2 .row-bx.bx3 {width:calc(70% - 5px)} .admin-stt-total2 .cont1 {border-left:1px dashed rgba(0,0,0,0.1)} .admin-stt-total2 .graph-desc .legend.c1{background:var(--sub-color);} .admin-stt-total2 .graph-desc .legend.c2{background:var(--main-color);} .admin-stt-total2 .graph-desc .legend.c3{background:#F3BB45} .admin-stt-total2 .graph-desc .legend.c4{background:#EF8254} .admin-stt-total2 .legend-wrap em {font-size:inherit;} .admin-stt-total2 .legend-wrap {color:#555;} .admin-stt-total2 .legend-wrap .bg1:before {background:#68b3c8;} .admin-stt-total2 .legend-wrap .bg2:before {background:#f3bb45;} .admin-stt-total2 .legend-wrap .bg3:before {background:rgba(0,0,0,0.4)} .admin-stt-total2 .legend-wrap .bg4:before {background:#b8bfc7;} .admin-stt-total2 .bg2 .legend-wrap .bg1:before {background:#f3bb45;} .admin-stt-total2 .bg2 .legend-wrap .bg2:before {background:#4883e1;} .admin-stt-total2 .bg2 .legend-wrap .bg3:before {background:#ef8254;} /*국가 R&D 통계 [E]*/ .total-state.act {background:var(--sub-color);padding:0;height:100%;border-radius:var(--basic-round);overflow:hidden;} .total-state.act .cont-title {width:40%;padding:20px;text-align:center;background:rgba(0,0,0,0.3);font-size:var(--font-lg);font-weight:var(--font-semibold);color:#fff;border-radius:var(--basic-round) 0 0 var(--basic-round);} .total-state.act .cont-title [data-tooltip] {font-size:.875rem;} .total-state.act .cont-title p:nth-child(2) {font-size:var(--font-base);} .total-state.act .cont-title ul.li-rank:before {content:"";display:block;width:85px;height:120px;margin:2rem auto;background:url(../img/stt_active_comp.png) no-repeat 50% 50%;} .total-state.act .cont-title ul.li-rank li:before {background:rgba(0,0,0,0.4);} .total-state .total-bx {width:60%;padding:20px;} .total-state .total-cont {background:#fff;border-radius:var(--round-lg);height:100% !important;} .total-state .total-cont li {display:flex;flex-flow:row wrap;justify-content:space-between;border-top:1px dashed var(--basic-border);padding:15px 20px} .total-state .total-cont li:first-child {border-top:none;} .total-state .total-cont li em {font-weight:var(--font-exbold);font-size:var(--font-lg);color:var(--main-color)} .total-state .total-cont ul.li-rank {padding:0;color:#333;height:100%;} .total-state .total-cont ul.li-rank li {padding-left:45px;margin:0;height:20%;} .total-state .total-cont ul.li-rank li:before {left:20px;} /* 직접지원사업 통계 [S]*/ .directbiz-stat {} .directbiz-stat h3 {line-height:70px;border-bottom:1px solid #ccc;margin:0;padding:0 30px;} .directbiz-stat .bx {position:relative;} .directbiz-stat .cont {padding:20px;} .directbiz-stat .top {background:#5a6378;border-radius:5px;box-shadow:2px 2px 8px rgba(0,0,0,0.2);} .directbiz-stat .top h3 {color:#fff;border-bottom:none;padding:0 0 0 50px;background:url(../img/directbiz_top_ico01.png) no-repeat 10px 50%;} .directbiz-stat .top .tit {float:left;width:50%;} .directbiz-stat .top .tit p {color:#fff;padding-left:50px;} .directbiz-stat .top .tit p span {font-size:50px;font-weight:900;} .directbiz-stat .top .cont {float:left;width:50%;background:#fff;border-radius:5px;padding:0;} .directbiz-stat .top .cont .tit {float:none;width:100%;padding:0;color:#000;line-height:80px;padding:0 30px 0 80px;border-bottom:1px dashed #ccc;background:url(../img/directbiz_top_ico02.png) no-repeat 20px 50%;} .directbiz-stat .top .cont .tit span {float:right;color:#6666cc;font-weight:900;font-size:30px;} .directbiz-stat .top .cont ul {padding:20px;} .directbiz-stat .top .cont li {float:left;width:33.33%;text-align: center;} .directbiz-stat .top .cont li span {font-size:14px;display:block;width:70px;line-height:30px;text-align:center;border:1px solid #ccc;border-radius:100px;margin:0 auto;} .directbiz-stat .top .cont li em {color:#5a6378;font-weight:900;font-size:30px;} .directbiz-stat .top {padding:20px;} .directbiz-stat .top2 li {line-height:83px;padding:0 30px 0 100px;} .directbiz-stat .top2 li:first-child {border-bottom:1px dashed #ccc;background:url(../img/directbiz_ico01.png) no-repeat 30px 50%;} .directbiz-stat .top2 li:last-child {background:url(../img/directbiz_ico02.png) no-repeat 30px 50%;} .directbiz-stat .top2 li em {color:#6666cc;font-size:18px;font-weight:900;float:right;} .directbiz-stat .top2 li:after {content:"";clear:both;display:block;float:none;} .directbiz-stat .col_w4 .bx {background:#fff;} .directbiz-stat .stat-graph .bx {background:#fff;} .directbiz-stat .stat-graph a {color:#fff !important;} .directbiz-stat .btn-wrap {position:absolute;top:20px;right:20px;} .directbiz-stat .recent-com {position:relative;} .directbiz-stat .recent-com h3 {padding:0;border:none;} .directbiz-stat .recent-com .btn-wrap {right:10px;} .directbiz-stat .recent-com .more {color:#999;font-size:12px;} .directbiz-stat .recent-com .board-list th, .directbiz-stat .recent-com .board-list td {border:none;} .directbiz-stat .recent-com .board-list thead th:nth-child(2) {border-radius:0;} .board-write .form-control-body .directbiz-table th, .board-write .form-control-body .directbiz-table td {padding: 0.25rem;} /*statistice*/ .stt-cms-cont {position:relative;height:100%;} .stt-cms-cont .grapharea {margin:0 25%;height:calc(100% - 122px);} .stt-cms-cont .legend-wrap {position:absolute;left:0;bottom:0;display:block;width:100%;border-top:1px solid var(--basic-border);text-align:center;font-size:var(--font-base);color:var(--basic-color);line-height:60px;} .stt-cms-cont .legend-wrap span {margin:0 10px;} .legend.circle.bg0:before {background:#ccc;} /* 직접지원사업 통계 [E]*/ #company_view {padding:0;margin:0 0 20px 0;background:#686A77;} #company_view .cont {padding:5px;} #company_view h1 {padding:0 10px;margin:0;background:#53545F;height:49px;line-height:49px;border-bottom:1px solid #3E3F47;color:#fff;font-size:24px;font-weight:normal;} #company_view h1 img {vertical-align:middle;margin:0 0 0 5px;} #company_view table {border-collapse:collapse;border-spacing:0;float:left;width:580px;} #company_view tbody th, #company_view tbody td {background:#ffffff;border-bottom:1px solid #dfdfdf;padding:0;margin:0;line-height:29px;} #company_view tbody th {background:#f1f1f1;} #company_view tbody td {text-indent:10px;} #company_view tbody tr:last-child th, #company_view tbody tr:last-child td {border-bottom:none;} #company_view .info {float:right;background:#3E3F47;width:340px;} #company_view .info h2 {position:relative;padding:0 10px;margin:0;background:#FDA82B;border-bottom:1px solid #FDB955;height:44px;line-height:44px;color:#fff;font-size:14px;font-weight:normal;text-shadow:1px 1px 1px #986519;} #company_view .info em {position:absolute;right:8px;top:8px;padding:0 10px;line-height:28px;border:1px solid #7B5114;background:#986519;border-radius:3px;color:#fff;font-size:16px;text-shadow:none;} #company_view .info dl {float:left;width:50%;height:45px;line-height:45px;border-top:1px solid #37383F;} #company_view .info dt {float:left;color:#aaa;padding-left:10px;} #company_view .info dd {float:right;color:#fff;padding-right:10px;text-align:right;} #company_view .info .tag_d{border:none;} #company_list_1{} #company_list_1 {border:1px solid #768395;margin:0 0 20px 0;} #company_list_1 th {padding:0 10px;margin:0;border-bottom:1px solid #dfdfdf;font-size:14px;text-align:left;height:35px;line-height:35px;} #company_list_1 th.tit1 span, #company_list_1 th.tit1 em, #company_list_1 th.tit2 span, #company_list_1 th.tit2 em {font-size:12px;} #company_list_1 th.tit1 .today {float:right;font-size:11px;color:#999} #company_list_1 th.tit2 {border-left:1px solid #dfdfdf;background:#efefef;width:240px;} #company_list_1 h3 {padding:0;margin:0 0 10px 0;font-size:13px;font-weight:normal;} #company_list_1 .col_d3, #company_list_1 .col_d4 {border-left:1px dotted #ddd;text-align:center;padding:20px 0;} #company_list_1 td {vertical-align:top;} #company_list_1 li {border-top:1px dotted #eee;position:relative;padding:0 10px;} #company_list_1 td:nth-child(2) {border-left:1px solid #efefef;} #company_list_1 td:nth-child(2) li {line-height:24px;} #company_list_1 td:nth-child(2) li:first-child{border:none;} #company_list_1 td:nth-child(2) li span{position:absolute;right:10px;font-size:10px;color:#888} #company_list_1 li:after {content:"";clear:both;display:block;float:none;} #company_list_1 .tit {float:left;width:75px;line-height:26px;} #company_list_1 .bar_graph {position:relative;float:left;width:calc(100% - 75px);height:12px;margin:7px 0;} #company_list_1 .bar {height:12px !important;line-height:30px !important;vertical-align:top;} #company_list_1 li em {position:absolute;right:0;top:0;background:#fff;width:20px;text-align:right;padding-left:2px;color:#4283C1;font-family:verdana;font-size:10px;line-height:12px} #company_list_1 .total {display:block;margin:0 auto;width: 120px;height:120px;line-height:120px;background:#FF6666;color:#fff;color:#fff;font-size:36px;font-weight:600} #company_list_1 .stit {margin-bottom:10px;} #company_list_2{} #company_list_2 {border:1px solid #768395;margin:0 0 20px 0;} #company_list_2 th {padding:0 10px;margin:0;border-bottom:1px solid #dfdfdf;font-size:14px;text-align:left;height:35px;line-height:35px;} #company_list_2 th.tit1 span, #company_list_1 th.tit1 em, #company_list_2 th.tit2 span, #company_list_1 th.tit2 em {font-size:12px;} #company_list_2 th.tit1 .today {float:right;font-size:11px;color:#999} #company_list_2 th.tit2 {border-left:1px solid #dfdfdf;background:#efefef;width:240px;} #company_list_2 h3 {padding:15px;margin:0;font-size:13px;font-weight:normal;} #company_list_2 .col_d2 {padding:0;} #company_list_2 td {vertical-align:top;} #company_list_2 li {border-top:1px dotted #eee;position:relative;padding:0 10px;} #company_list_2 td:nth-child(2) {border-left:1px solid #efefef;} #company_list_2 td:nth-child(2) li {line-height:24px;} #company_list_2 td:nth-child(2) li:first-child{border:none;} #company_list_2 td:nth-child(2) li span{position:absolute;right:10px;font-size:10px;color:#888} #company_list_2 li:after {content:"";clear:both;display:block;float:none;} #company_list_2 .tit {float:left;width:75px;line-height:26px;} #company_list_2 .bar_graph {position:relative;float:left;width:calc(100% - 75px);height:12px;margin:7px 0;} #company_list_2 .bar {height:12px !important;line-height:30px !important;vertical-align:top;} #company_list_2 li em {position:absolute;right:0;top:0;background:#fff;width:20px;text-align:right;padding-left:2px;color:#4283C1;font-family:verdana;font-size:10px;line-height:12px} .keyword-input {background:#f7f7f7;} .keyword-input .tit {margin-bottom:5px;font-size:14px;font-weight:500;} .keyword-input input{line-height:36px;} .keyword-rmd {position:relative;border:1px dashed #6666CC;padding:10px;margin-top:5px;border-radius:3px;} .keyword-rmd a {/*position:absolute;right:10px;top:10px;*/display:inline-block;padding:0 6px;height:20px;line-height:20px;border-radius:50%;background:#5A6378;color:#fff;text-align:center;font-size:11px;border-radius:3px;margin:0 2px;} .keyword-rmd .tit {display:inline-block;background:#6666cc;color:#fff;line-height:30px;font-size:13px;padding:0 10px;border-radius:3px;margin-right:5px;} .txt-keyword {display:inline-block;background:#E1E4E8;color:#555;line-height:30px;padding:0 10px;border-radius:3px;font-size:13px;margin:2px 0} .txt-keyword a {display:inline-block;color:#768395;margin-left:8px;font-size:12px;} .content-write .keyword-input{background:none;padding:0;margin:0;} /*창업관리시스템 멘토 매칭 모달[S]*/ .mentor_select{} .mentor_select .left, .mentor_select .right {width:48%;height:455px;overflow:auto;} .mentor_select .left {border:1px solid #768395;} .mentor_select .left .tit:before {content:"\f2bd";font-family: "FontAwesome";} .mentor_select .left .search{padding:10px;background:#f4f4f4} .mentor_select .left li {border-top:1px solid #eee;line-height:25px;padding:0 10px;cursor:pointer;} .mentor_select .left li:first-child{border-color:#ccc} .mentor_select .left .ui-selecting {background:#768395;color:#fff;} .mentor_select .right li {background:#f4f4f4;border-top:1px solid #ddd;line-height:40px;padding:0 10px;} .mentor_select .right li:first-child{border:none} .mentor_select .right .none {border:1px dotted #768395;text-align:center;padding:20px;} /*창업관리시스템 멘토 매칭 모달[E]*/ #eq_pop_wrap .tit {position:relative;background:#5A6378;padding:10px 3px 5px 5px;color:white} #eq_pop_wrap .list li {padding:2px 10px;border-bottom:1px dotted #eee;font-size:.75rem} .archive-thumb {position:relative;display:block;width:160px;height:160px;margin-bottom:10px;overflow:hidden;border-radius:3px;background:#f6f6f6;} .archive-thumb img {height:100%;} .archive-thumb:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);text-align:center;background-repeat:no-repeat;background-position:50% 50%;} .archive-thumb02 {position:relative;display:block;width:200px;height:160px;margin-bottom:10px;overflow:hidden;border-radius:3px;background:#f6f6f6;} .archive-thumb02 img {height:100%;} .archive-thumb02:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);text-align:center;background-repeat:no-repeat;background-position:50% 50%;} #archive-list a {color:#999;} #archive-list .subject {color:#454545} #archive-list.type-gallery li {position:relative;float:left;width:160px;height:280px;text-align:center;margin-right:10px;} #archive-list.type-gallery .tv-control {position:absolute;left:10px;top:10px;z-index:6;} #archive-list.type-gallery .tv-checkbox input[type="checkbox"] + label::before {background:#fff;} #archive-list.type-gallery .file-type {position:absolute;right:10px;top:10px;z-index:6;} #archive-list.type-gallery02 li {position:relative;float:left;width:200px;height:280px;text-align:center;margin-right:10px;} #archive-list.type-gallery02 .tv-control {position:absolute;left:10px;top:10px;z-index:6;} #archive-list.type-gallery02 .tv-checkbox input[type="checkbox"] + label::before {background:#fff;} #archive-list.type-gallery02 .file-type {position:absolute;right:10px;top:10px;z-index:6;} #archive-list.type-list .archive-thumb {background:none;width:40px;height:40px;margin:0 auto;z-index:2} #archive-list.type-list .archive-thumb:before {background-color:transparent;border:none;background-position:0 0;} #archive-list.type-list .archive-thumb02 {background:none;width:40px;height:40px;margin:0 auto;} #archive-list.type-list .archive-thumb02:before {background-color:transparent;border:none;background-position:0 0;} #archive-list.type-list table {text-align:center;color:#888} #archive-list.type-list table thead th {background:#f4f5f6;line-height:40px;font-size:13px;} #archive-list.type-list table tbody td {padding:10px 0;border-bottom:1px solid #dfdfdf} #archive-list.type-list table .tv-checkbox input[type="checkbox"] + label::before, #archive-list.type-list table .tv-checkbox input[type="checkbox"] + label::after {margin:0;} /*설문조사 결과보기[S]*/ .t_poll {border:2px solid #5A6378;background:#fff} .t_poll > ul > li {position:relative;border-bottom:1px dotted #5A6378;/**/padding:15px;} .t_poll li:last-child {border-bottom:none} .t_poll .tit {font-size:15px;color:#222;font-weight:bold;margin:0 0 15px 40px;line-height:160%} .t_poll .tit .num {display:inline-block;width:30px;height:30px;line-height:30px;margin-left:-40px;margin-right:5px;background:#5A6378;color:#fff;font-family:verdana;font-size:12px;font-weight:normal;border-radius:50%;text-align:center;} .t_poll .txt {margin:0 0 0 40px;} .t_poll label {font-weight:normal;} .t_poll_result {max-width:960px;margin:0 auto;border:2px solid #5A6378} .t_poll_result > ul > li {position:relative;border-top:1px dotted #5A6378;padding:15px;} .t_poll_result > ul > li:first-child {border-top:none} .t_poll_result .tit {font-size:15px;color:#555;font-weight:bold;margin:0 0 15px 25px;} .t_poll_result .tit .num{display:inline-block;width:20px;margin-left:-25px;font-family:verdana;font-size:12px;font-weight:normal} .t_poll_result .txt {margin-left:25px;} .t_poll_result .txt span{display:inline-block;} .t_poll_result .answer {margin:10px 0;font-size:11px;} .t_poll_result .graph {width:calc(100% - 100px);background:#eee;height:14px;font-size:0 !important;vertical-align:middle;} .t_poll_result .bar {background:#3E78C1;height:14px;} .t_poll_result .answer .num {width:100px;text-align:right;line-height:100%;} .result_tit {padding:20px;text-align:center;font-size:15px;} .result_tit h1 {padding:0;margin:0 0 20px 0;background:none;font-size:32px;color:#5A6378;line-height:140%;} .result_tit p {border:1px solid #ddd;padding:15px;font-size:12px;line-height:140%;text-align:left} /*설문조사 결과보기[E]*/ /*설문조사 등록[S]*/ .list_select_bx {width:820px;margin:0 auto;} .list_select_bx li {float:left;text-align:center;} .list_select_bx ul.d3 li{width:33.3333%;} .list_select_bx a {display:block;padding:40px 10px;margin:10px;border:2px solid #D8DDE0;border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;color:#777} .list_select_bx a:hover {border-color:#4283C1;text-decoration:none;} .list_select_bx a:hover .tit, .list_select_bx a:hover span {color:#4283C1;} .list_select_bx .tit {font-size:16px;font-weight:bold;padding:30px 0 10px;color:#222} .list_select_bx a span {font-family:"FontAwesome";font-size:40px;color:#D8DDE0;font-weight:900;} .list_select_bx .ico1:before {content:"\f1ad";} .list_select_bx .ico2:before {content:"\f501";} .list_select_bx .ico3:before {content:"\f4ff";} .list_select_bx .ico4:before {content:"\f508";} .list_select_bx4 {width:980px;margin:0 auto;} .list_select_bx4 li {float:left;text-align:center;} .list_select_bx4 ul.d3 li{width:25%;} .list_select_bx4 a {display:block;padding:40px 10px;margin:10px;border:2px solid #D8DDE0;border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;color:#777} .list_select_bx4 a:hover {border-color:#4283C1;text-decoration:none;} .list_select_bx4 a:hover .tit, .list_select_bx4 a:hover span {color:#4283C1;} .list_select_bx4 .tit {font-size:16px;font-weight:bold;padding:30px 0 10px;color:#222} .list_select_bx4 a span {font-family:"FontAwesome";font-size:40px;color:#D8DDE0;font-weight:900;} .list_select_bx4 .ico1:before {content:"\f1ad";} .list_select_bx4 .ico2:before {content:"\f501";} .list_select_bx4 .ico3:before {content:"\f4ff";} .list_select_bx4 .ico4:before {content:"\f508";} .module_poll_make {} .module_poll_make .process {background:#f4f4f4} .module_poll_make .process ol li {float:left;width:25%;position:relative;color:#999} .module_poll_make .process ol li.on {background:#768395;color:#fff;} .module_poll_make .process ol li.on .txt:before {color:#fff;} .module_poll_make .process ol li:before {border-width:1px;} .module_poll_make .process .txt {padding:10px 10px 10px 50px} .module_poll_make .process .txt:before {content:"\f058";font-family:"FontAwesome";position:absolute;left:10px;top:18px;font-size:200%;color:#ccc} .module_poll_make .tit {font-size:36px;text-align:center;padding:0;margin:40px 0;} .module_poll_make3 {} .module_poll_make3 .process {background:#f4f4f4} .module_poll_make3 .process ol li {float:left;width:33%;position:relative;color:#999} .module_poll_make3 .process ol li.on {background:#768395;color:#fff;} .module_poll_make3 .process ol li.on .txt:before {color:#fff;} .module_poll_make3 .process ol li:before {border-width:1px;} .module_poll_make3 .process .txt {padding:10px 10px 10px 50px} .module_poll_make3 .process .txt:before {content:"\f058";font-family:"FontAwesome";position:absolute;left:10px;top:22px;font-size:200%;color:#ccc} .module_poll_make3 .tit {font-size:36px;text-align:center;padding:0;margin:40px 0;} .module_poll_tmp {} .module_poll_tmp ul {margin:0 -10px} .module_poll_tmp li {float:left;margin:10px;position:relative;} .module_poll_tmp li .btn {display:none;position:absolute;left:0;top:0;width:100%;height:190px;background:rgba(0,0,0,0.8);padding-top:60px;} .module_poll_tmp li:hover .btn{display:block;} .module_poll_tmp .btn a {display:block;width:100px;margin:2px auto} .module_poll_tmp img {width:140px;height:190px;border:1px solid #ccc;} .module_poll_tmp_view {position:relative;text-align:center;} .module_poll_tmp_view .img_frame {width:360px;margin:20px auto;border-color:#5A6378} .module_poll_tmp_view .control {position:absolute;top:50%;width:100%;} .module_poll_tmp_view .control .prev{position:absolute;left:10px;} .module_poll_tmp_view .control .next{position:absolute;right:10px;} .module_poll_tmp_view .control .prev:before{content:"\f053";font-family:"FontAwesome";font-size:120%;} .module_poll_tmp_view .control .next:before{content:"\f054";font-family:"FontAwesome";font-size:120%;} .module_poll_table {} .module_poll_table ul {background:#F4F4F4} .module_poll_table > ul > li {position:relative;border-top:1px solid #D8DDE0;} .module_poll_table > ul > li:first-child {border-top:none} .module_poll_table .bx {border:1px solid #F4F4F4;padding:15px;} .module_poll_table > ul > li:hover .bx {border:1px solid #4283C1;} .module_poll_table > ul > li:hover .btn_ico {display:block;} .module_poll_table .btn_ico {display:none;position:absolute;right:0;top:-30px;padding:0;background:#4283C1;border:none;border-radius:0} .module_poll_table .btn_ico a:before {display:inline-block;padding:0;width:30px;line-height:30px;text-align:center;color:#fff;} .module_poll_table .btn_ico a:hover {display:inline-block;background:#3872AB;} .module_poll_table .bico_modify:before {border:1px solid #3872AB;border-top:none;border-bottom:none;} .module_poll_table .tit{font-size:16px;color:#5A6378;font-weight:bold;margin:0 0 10px 0;} .module_poll_table input[type="radio"], .module_poll_table input[type="checkbox"]{margin-right:5px;} .module_poll_table .add_form {display:block;text-align:center;line-height:60px;color:#5A6378;border:1px dashed #5A6378;font-size:16px;margin:10px 0;} .module_poll_table .add_form span:before {content:"\f0fe";font-family:"FontAwesome";font-weight:bold;margin-right:5px;} .module_poll_table .add_form:hover {color:#fff;background:#5A6378;text-decoration:none;} .module_poll_end {padding-top:240px;background:url(../img/module_poll_end.png) no-repeat 50% 0} .module_poll_end .inbg {background:#f4f4f4} .module_poll_end .inbg p {padding:30px 20px;font-size:20px;border-bottom:1px dashed #dadada;text-align:center;} .module_poll_end .inbg ul {padding:20px;font-size:16px;} .module_form_make {font-size:36px;text-align:center;padding:0;margin:0 0 40px 0;} .module_form_make:before{display:block;padding:100px 0 40px;content:"\f044";font-family:"FontAwesome";font-size:200%;line-height:100%;color:#3872AB} .module_form_title {border:1px solid #c9dced;background:#f0f5fa;color:#4283c1;padding:5px 10px;border-radius:2px;font-size:20px;margin-right:10px;font-weight:normal} .module_form_title:before {content:"\f044";font-family:"FontAwesome";font-size:14px;margin-right:5px;} .module_form_table ul li {margin:1px 0;} .module_form_mn li {float:left;width:20%;} .module_form_mn a {position:relative;display:block;text-align:center;line-height:46px;background:#fff;border:2px solid #D8DDE0;border-radius:4px;margin:2px;font-size:12px;color:#768395} .module_form_mn a.on, .module_form_mn a:hover {border-color:#4283C1;color:#4283C1;text-decoration:none;} .module_form_mn a.on, .module_form_mn a:hover i{color:#4283C1} .module_form_mn i {position:absolute;left:20px;top:0;line-height:46px;font-size:130%;color:#768395} .module_form_mn .num {position:absolute;left:20px;top:0;font-size:9px;} ul.list_v li {margin:5px 0;} ul.list_h li {float:left;margin-left:20px;} ul.list_h li:first-child{margin-left:0;} ul.likert_guide li, ul.likert li {float:left;width:20%} ul.list_h:after, ul.likert:after{content:"";clear:both;display:block;float:none;} ul.likert_guide {position:relative;font-size:12px;color:#999;text-align:center;margin:20px 0;} ul.likert_guide:before {content:"";position:absolute;left:0;top:10px;border-bottom:1px solid #ccc;width:100%;} ul.likert_guide li {position:relative;} ul.likert_guide li:before {content:"";position:absolute;left:0;top:0;height:21px;border-left:1px solid #ccc;} ul.likert_guide .num {position:relative;display:block;width:20px;height:20px;background:#aaa;color:#fff;margin:0 auto;border-radius:50%;} ul.likert li input[type="text"]{width:99%;} .bico_manage:before{content:"\f013";font-family:"FontAwesome";color:#888;font-weight:900;} .bico_move:before{content:"\f338";font-family:"FontAwesome";color:#888;font-weight:900;}/* arrows-v */ .bico_delete:before{content:"\f1f8";font-family:"FontAwesome";color:#888;font-weight:900;} /* trash */ .bico_modify:before{content:"\f044";font-family:"FontAwesome";color:#888;font-weight:900;} /* trash */ /*설문조사 등록[E]*/ /* 로딩이미지[S] */ .loading {display:block;text-align:center;margin-top:200px;-webkit-animation: spin 1s infinite steps(8)/*linear*/;animation: spin 1s infinite steps(8);} .loading:after {content:"\f110";font-family:'FontAwesome';font-size:60px;vertical-align:-20px;color:#999;} #loading-bg {position:fixed;_position:absolute;left:0px;top:0;width:100%;height:100%;background:#fff;filter:alpha(opacity = 50);-moz-opacity:0.5;opacity:0.5;z-index:99;} #loading-bg .loading {position:absolute;left:45%;transform:translate(-50%, -50%);display:block;text-align:center;line-height:1;} #loading-bg .loading:after {content:"\f110";font-family:'FontAwesome';font-weight: 900;font-size:60px;vertical-align:-20px;color:#777;display:block;-webkit-animation:spin 1s infinite steps(8);animation:spin 1s infinite steps(8);} @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg);transform:rotate(0deg); } 100% { -webkit-transform:rotate(359deg);transform:rotate(359deg); } } @keyframes spin { 0% { -webkit-transform:rotate(0deg);transform:rotate(0deg); } 100% { -webkit-transform:rotate(359deg);transform:rotate(359deg); } } /* 로딩이미지[E] */ /* 취업현황 신호등[S] */ .traffic-light {position:relative;background:#828282;border-radius:5px;padding:3px;width:34px;text-align: center;margin:0 auto;margin-top:10px;vertical-align: middle;box-shadow:inset 0px 4px 1px 1px rgb(0,0,0,0.1);} .traffic-light span {position:relative;display:inline-block;width:18px;height:18px;border-radius:100%;background:#555;border:2px solid #888;margin-top:6px;z-index:1;} .traffic-light:before {position:absolute;display:block;content:"";width:20px;height:20px;background:#555;border-radius:100%;top:4px;left:50%;transform:translateX(-50%);} .traffic-light span.red {background:#ff3300;box-shadow:0 0 10px rgb(255,50,0,1);-webkit-box-shadow-:0 0 10px rgb(255,50,0,1);-moz-box-shadow-:0 0 10px rgb(0,255,0,1);} .traffic-light span.yellow {background:#ffcc00;box-shadow:0 0 10px rgb(255,200,0,1);-webkit-box-shadow-:0 0 10px rgb(255,200,0,1);-moz-box-shadow-:0 0 10px rgb(0,255,0,1);} .traffic-light span.green {background:#00FF00;box-shadow:0 0 10px rgb(0,255,0,1);-webkit-box-shadow-:0 0 10px rgb(0,255,0,1);-moz-box-shadow-:0 0 10px rgb(0,255,0,1);} .traffic-light span.white {background:#ffffff;box-shadow:0 0 10px rgb(255,255,255,1);-webkit-box-shadow-:0 0 10px rgb(255,255,255,1);-moz-box-shadow-:0 0 10px rgb(255,255,255,1);} /* 취업현황 신호등[E] */ /* 취업관리 학생 모달[S] */ #pop1-biz-add .w100 + input[type="text"] {width:calc(100% - 265px);} #pop1-biz-view .tit {border-bottom:1px solid #DFDFDF;padding:20px 30px;font-size:16px;background:#F4F5F7;} #pop1-biz-view .board-write {background:#F4F5F7;padding:20px;border-radius:0;} #pop1-person-list .top-btn {padding:10px 20px;border-bottom:1px solid #EFEFEF;} #pop1-person-list div.info-bx {padding:10px;background:#768395;} #pop1-person-list .part-percent {line-height:50px;background:rgba(0,0,0,0.2);padding:0 20px;border-radius:3px;} #pop1-person-list .part-percent .percent {font-size:18px;font-weight:600;color:#FAAD4D;} #pop1-person-list table.info-bx {border:2px solid #768395;margin-top:-1px;} #pop1-person-list table.info-bx th {text-align:center;} #pop1-company-list .top-btn {padding:10px 20px;border-bottom:1px solid #EFEFEF;} #pop1-company-list div.info-bx {padding:10px;background:#768395;} #pop1-company-list .part-percent {line-height:50px;background:rgba(0,0,0,0.2);padding:0 20px;border-radius:3px;} #pop1-company-list .part-percent .percent {font-size:18px;font-weight:600;color:#FAAD4D;} #pop1-company-list table.info-bx {border:2px solid #768395;margin-top:-1px;} #pop1-company-list table.info-bx th {text-align:center;} #pop1-aca-student .student-info {position:relative;border-radius:6px;background:#595AD5;box-shadow:0 5px 8px rgba(0,0,0,0.15);padding:20px;} #pop1-aca-student .student-info .img {position:relative;float:left;width:80px;height:80px;border-radius:50%;background:#fff;overflow:hidden;margin-right:20px;} #pop1-aca-student .student-info .img img{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #pop1-aca-student .student-info .noimg:before {content:"\f007";font-family:FontAwesome;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;font-size:24px;color:#DFDFDF;line-height:80px;} #pop1-aca-student .student-info .tit {float:left;width:160px;color:#fff;font-size:13px;padding:8px 0;} #pop1-aca-student .student-info .tit .subject {font-size:24px;font-weight:600;margin:0 0 5px 0;} #pop1-aca-student .student-info .txt {float:left;width:calc(100% - 260px);font-size:14px;color:#fff;padding:8px 0;} #pop1-aca-student .note {position:relative;padding:10px;background:#F6F6F6;min-height:60px;border-radius:3px;} #pop1-aca-student .note h5 {font-weight:400;color:#798795;font-size:13px;} #pop1-aca-student .btn-modify {position:absolute;background:none;} #pop1-aca-student .student-info .btn-modify {right:20px;top:20px;border-color:#fff;color:#fff;} #pop1-aca-student .note .btn-modify {right:10px;top:10px;border-color:#768395;color:#768395;} #pop1-biz-view2 .board-write {background:none;padding:0;} #pop1-biz-view2 .fix-h {max-height:90px;overflow-y:scroll;padding:15px;background:#F6F6F6;border-radius:3px;} #pop1-biz-view2 textarea {min-height:200px;} /* 취업관리 학생 모달[E] */ .pop-infocard .cont-topbx {background:var(--main-color);border-radius:Var(--basic-round);padding:1rem;} .pop-infocard .cont-topbx .cont-name {position:relative;color:#fff;line-height:1.2;padding:0.5rem;display:flex;flex-flow:row wrap;justify-content:space-between;} .pop-infocard .cont-topbx .cont-name .category {color:rgba(255,255,255,0.6)} .pop-infocard .cont-topbx .cont-name .name {font-size:var(--font-xlg);font-weight:var(--font-exbold)} .pop-infocard .cont-topbx .cont table th, .pop-infocard .cont-topbx .cont table td {padding:0.5rem 0.75rem;border:1px solid rgba(0,0,0,0.1);} .pop-infocard .cont-topbx .keyword-wrap {margin-top:1rem} .pop-infocard .cont-topbx .keyword-wrap span {background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.15);} .pop-infocard .img-wrap {margin-top:0.5rem;display:flex;flex-flow:row wrap;} .pop-infocard .img-wrap .thumb {width:200px;height:200px;} .pop-infocard .img-wrap .cont {width:calc(100% - 240px);margin-right:40px;background:rgba(0,0,0,0.2);color:#fff;font-size:var(--font-sm)} .pop-infocard .cont-wrap {margin-top:0.5rem;} .pop-infocard .cont-wrap .cont {background:#fff;font-size:var(--font-sm)} .pop-infocard .cont-wrap .cont table th {background:var(--basic-bg)} .add-keyword{} .add-keyword .re-tit {position:relative;display:inline-block;line-height:30px;padding:0 0.5rem;border-radius:var(--basic-round);margin-right:4px;background:var(--dgray1);color:#fff;font-size:var(--font-xsm)} .add-keyword .keyword {position:relative;display:inline-block;line-height:30px;padding:0 0.5rem;border-radius:var(--basic-round);margin-right:4px;background:var(--lgray1);color:var(--dgray2);font-size:var(--font-sm)} .add-keyword .keyword:before{content:"#";} .add-keyword .keyword a {margin-left:8px;} .keyword-wrap {} .keyword-wrap span {position:relative;display:inline-block;line-height:30px;padding:0 0.5rem;border-radius:var(--basic-round);margin-right:4px;background:var(--dgray1);color:#fff;font-size:var(--font-sm);margin-right:4px;} .keyword-wrap span:before {content:"#";} /* 상세보기 */ .board-search-more {border-radius:3px;border:1px solid #E1E1E1;padding:20px;} .board-search-more .form-group {margin-bottom:0;} .board-search-more .form-group .form-control-label {flex: 0 0 120px;padding:0 20px;margin-bottom:0.5rem;align-self: center;} .board-search-more .form-control-body {margin-bottom:0.5rem;} .board-search-more .btn-wrap {margin-top:20px;border-top:1px dashed #EFEFEF;padding-top:20px;} @media screen and (max-width:1060px){ .board-search-more .form-control-body {width:calc(100% - 135px);} } .board-search .more-search {line-height:38px;margin-left:20px;} .board-search .more-search i {position:static;} /*취업매칭관리 수정*/ .wrap-sidetype .cont-l2 {width:400px;} .wrap-sidetype .cont-r2 {width:calc(100% - 400px);padding-left:2rem;} .category-bx .more-height {height:625px !important;overflow-y:scroll;overflow-x:hidden;} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto, .col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto, .col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto, .col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto, .col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px} .col{max-width:100%;flex-basis:0;flex-grow:1} .col-auto{width:auto;max-width:none;flex:0 0 auto} .col-1{max-width:8.33333%;flex:0 0 8.33333%} .col-2{max-width:16.66667%;flex:0 0 16.66667%} .col-3{max-width:25%;flex:0 0 25%} .col-4{max-width:33.33333%;flex:0 0 33.33333%} .col-5{max-width:41.66667%;flex:0 0 41.66667%} .col-6{max-width:50%;flex:0 0 50%} .col-7{max-width:58.33333%;flex:0 0 58.33333%} .col-8{max-width:66.66667%;flex:0 0 66.66667%} .col-9{max-width:75%;flex:0 0 75%} .col-10{max-width:83.33333%;flex:0 0 83.33333%} .col-11{max-width:91.66667%;flex:0 0 91.66667%} .col-12{max-width:100%;flex:0 0 100%} .height400 {height:400px !important;overflow-y:scroll;overflow-x:hidden;} .category-bx>ul>li>ul>li>a.on{background:var(--basic-color);color:var(--white)} .permission_list2 li {display:block;background:#efefef;padding:2px 4px;margin:0 0 1px 0;font-size:12px;} /*.permission_list2 li span:after{content:" > ";}*/ .permission_list2 li span:last-child:after{content:" ";} .permission_list2 li span.on {font-weight:bold;color:#3E78C1} /* paging */ .paging {text-align:center;line-height: 1.2;margin:20px 0;} .paging a, .paging strong {display:inline-block;font-size:12px;padding:0;min-width:30px;height:30px;line-height:28px;margin:0;text-decoration:none;font-weight: normal;vertical-align: middle;} .paging a {color:#777;border:1px solid #ddd;background:#fff;} .paging strong {color:#fff;background:#5A6378;border:1px solid #5A6378;} .paging a.first, .paging a.last, .paging a.prev, .paging a.next {width:30px;height:30px;padding:0;border:1px solid #ddd;background:#fff;} .paging a:hover, .paging a:focus {background-color: #f5f5f5;} .paging a span {font-size:0;text-indent:-200%;} .paging a.first:before{content:"\f100";font-family: 'FontAwesome';} .paging a.last:before{content:"\f101";font-family: 'FontAwesome';} .paging a.prev:before{content:"\f104";font-family: 'FontAwesome';} .paging a.next:before{content:"\f105";font-family: 'FontAwesome';} /* attach */ .attach {position:relative;} .attach .preview {position:absolute;margin-right:20px;background:#fff;border:1px solid #ddd;width:120px;height:120px;line-height:120px;text-align:center;} .attach .filebox {position:relative;margin:0 0 5px 0;border:2px dotted #ddd;text-align:center;} .attach .filebox select {position:relative;width:100%;min-height:100px;border:none;outline:none;background:#fff;} .attach .filebox:before {content:"파일을 드래그하여 업로드";position:absolute;width:100%;left:0;top:50%;margin-top:-10px;text-align:center;z-index:9} .attach .filebox.on:before{display:none} .attach .cont, .attach .attach_cont {margin-left:140px;font-size:11px;} .attach .list li {display:block;position:relative;padding:4px 0;border-bottom:1px solid #eaeaea} .attach .list li:hover {background:#efefef} .attach .list .fa {position:absolute;right:0;top:8px;color:#999} .attach .graph {width:100%;height:10px;background:#fff;border:1px solid #3E78C1;vertical-align:top;} .attach .graph .bar {display:inline-block;background:#3E78C1;height:8px;vertical-align:top} .attach .graph .num {display:inline-block;float:right;font-size:10px;font-family:verdana;line-height:100%;} .fileinput-button {position: relative; overflow: hidden;} .fileinput-button input {position: absolute; top: 0; left: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 10px; direction: ltr; width:100%; cursor: pointer;} /* Fixes for IE < 8 */ @media screen\9 { .fileinput-button input {filter: alpha(opacity=0); font-size: 100%; height: 100%;} } /* 가족회사 관리 대시보드 */ .col_wrap.row {margin:0 -10px;} #state-co-top1, #state-co-top2 {margin:10px;} #state-co-top1 h3 {color:#fff;} #state-co-top1 .title span {color:#fff;font-size:1.25rem;font-weight:600;} #state-co-top1 .title em {color:#ffcc00;} #state-co-top1 h3, #state-co-top2 h3 {margin:10px 0 30px 0;display:inline-block;} #state-co-top2.bx2 h3 {color:#fff;} #state-co-top2 h3 {margin-bottom:20px;} #state-co-top2 h4 {margin:10px 0 5px;} /*#state-co-top1 h3:before, #state-co-top2 h3:before {content:"\f1ad";font-family:FontAwesome;font-size:2rem;margin-right:10px;}*/ #state-co-top1 {background:var(--main-color);border-radius:6px;} #state-co-top2 {background:var(--violet);border-radius:6px;} #state-co-top1 .cont, #state-co-top1 .graph-area, #state-co-top2 .cont, #state-co-top2 .graph-area {float:left;width:50%;height:250px;padding:20px;} #state-co-top2 .graph-area h4 {margin:0;color:#fff;} #state-co-top1 .bx-wrap {background:#ffffff;border-radius:3px;} #state-co-top1 .bx {float:left;width:50%;margin:0;border-left:1px dashed #dfdfdf;padding:20px;} #state-co-top1 .bx:first-child {border:none} #state-co-top1 .bx .tit {margin-bottom:10px;} #state-co-top1 .bx em {color:var(--main-color);font-size:24px;font-weight:600;} #state-co-top2.bx2 .txt {color:#fff;} #state-co-top2 .txt em {color:var(--yellow);font-size:40px;font-weight:600;margin-right:5px;} #state-co-top2 .badge-compare {margin-left:0;} #state-co-top2 .graph-area {border-left:1px dashed #dfdfdf;} /* 캡스톤디자인 엑셀다운로드 */ .download_top{text-align:center;font-size:18px;margin:0 0 20px 0} .download_top p:before{content:"\f019";font-family:FontAwesome;font-size:40px;color:#B8BFC7;display:block;margin:40px 0 20px 0;font-weight:700;} .download_top em{font-weight:bold;} /* 캡스톤디자인 대시보드 */ .capstone_stats {display:flex;background:#F6F6F6;margin:0 0 30px 0;} .capstone_stats:after {content:"";display:block;float:none;clear:both;} .capstone_stats>div {position:relative;} .capstone_stats .col1 {width:10%;} .capstone_stats .col2 {width:20%;} .capstone_stats .col3 {width:30%;} /* X4=60 */ .capstone_stats .col4 {width:40%;} /* X3=60 */ .capstone_stats .col5 {width:50%;} /* X2=60 */ .capstone_stats1 {padding:30px;} .capstone_stats2 {padding:20px 30px;} .capstone_stats3 {padding:20px 0;} .capstone_stats4 {padding:55px 0 30px 0;border-right:1px dashed #ccc;} .capstone_stats4.fst {border-left:1px dashed #ccc;} .capstone_stats .tit {font-size:16px;color:#5A6378;margin:0 0 20px 0;} .capstone_stats1 .tit {font-size:20px;font-weight:600;} .capstone_stats1 .tit span {display:inline-block;width:24px;height:24px;background:url(../img/capstone_stats1_ico.png) no-repeat 50% 50%;vertical-align:bottom;margin:0 0 -3px 5px;} .capstone_stats1 .num {font-family:'Montserrat', sans-serif;font-weight:900;color:#FF6666;font-size:50px;line-height:1;} .capstone_stats2 .legend {position:absolute;right:20px;top:50%;text-align:left;line-height:1.8;} .capstone_stats2 .l1 {background:#595AD5;} .capstone_stats2 .l2 {background:#D8DDE0;} .capstone_stats3 .graph:after {content:"";display:block;float:none;clear:both;} .capstone_stats3 .graph>div {position:relative;float:left;width:33.3333%;} .capstone_stats3 .num {font-size:13px;color:#333;} .capstone_stats3 .legend {font-size:12px;color:#666;line-height:1.2;} .capstone_stats3 .bar {position:relative;height:60px;margin:5px 25px;} .capstone_stats3 .bar span {position:absolute;left:0;bottom:0;width:100%;} .capstone_stats3 .graph-l1 .bar span {background:#42A3C1;} .capstone_stats3 .graph-l2 .bar span {background:#3E78C1;} .capstone_stats3 .graph-l3 .bar span {background:#FF9900;} .capstone_stats4 .tit {font-size:18px;} .capstone_stats4 .num {font-family:'Montserrat', sans-serif;font-weight:600;color:#333;font-size:30px;line-height:1;} .t_capstone1 .d-period td, .t_capstone1 .d-period th {border-top:2px dashed #595AD5;border-bottom:2px dashed #595AD5;} .t_capstone1 .d-period td:first-child {border-left:2px dashed #595AD5;border-radius:3px 0 0 3px;} .t_capstone1 .d-period td:last-child {border-right:2px dashed #595AD5;border-radius:0 3px 3px 0;} /* 활동성체크 점수척도[S] */ .mapsi_calc {background:#f5f5f5;font-size:11px;margin-bottom:20px} .mapsi_calc:after {content:"";clear:both;display:block;float:none;} .mapsi_calc h4 {display:table-cell;width:70px;background:#768395;color:#fff;padding:0;margin:0;font-size:11px;text-align:center;font-weight:normal;vertical-align:top;} .mapsi_calc h4:before {content:"\f1ec";font-family:FontAwesome;font-size:16px;display:block;margin:15px 0 5px 0;} .mapsi_calc .cont {display:table-cell;width:calc(100% - 100px);padding:10px 15px;} .mapsi_calc .formula {color:#768395;font-weight:bold;margin:5px 0;} .mapsi_calc .formula .tit {display:inline-block;border:1px solid #768395;background:#fff;padding:2px 8px;margin-right:4px;border-radius:2px;} .mapsi_calc .formula .tit2 {display:inline-block;border:1px solid #ff6666;background:#ff6666;padding:2px 8px;margin-right:4px;border-radius:2px;color:#fff} .mapsi_calc .formula .tit2 em {color:#fff} .mapsi_calc .formula .txt {/*display:inline-block;border:1px solid #ff6666;background:#fff;padding:2px 8px;margin-left:4px;border-radius:2px;*/} .mapsi_calc .formula .vf {display:inline-block;text-align:center;margin:0 4px;} .mapsi_calc .formula .vf .under:before {content:"";display:block;margin:0 auto;border-top:1px solid #949EAB;} .mapsi_calc em {color:#ff6666;font-weight:bold;} .mapsi_calc .formula em {color:#ff6666;} /* 활동성체크 점수척도[E] */ /* 메인 그래프[S] */ [class*="graph-"] .bar.bar1 {background:#3366CC !important;} [class*="graph-"] .bar.bar2 {background:#32B89C !important;} [class*="graph-"] .bar.bar3 {background:#5FAECF !important;} [class*="graph-"] .bar.bar4 {background:#EF8254 !important;} [class*="graph-"] .bar.bar5 {background:#CD9ACD;} [class*="graph-"] .bar.bar6 {background:#3366CC;} [class*="graph-"] .bar.bar7 {background:#ccc;} .graph-bar-v {overflow:hidden} .graph-bar-v ul {display:flex;flex-flow:row nowrap;align-items:flex-end;height:100%} .graph-bar-v li {position:relative;flex:1;} .graph-bar-v em {position:absolute;width:100%;left:0;top:-25px;color:#555;text-align:center;font-size:var(--font-sm)} .graph-bar-v .bar {width:40px;margin:0 auto;animation:Growup 0.35s ease-out both} .graph-bar-h {position:relative;display:flex;flex-flow:row wrap;align-items:center;} .graph-bar-h em {display:inline-block;width:45px;text-align:right;} .graph-bar-h .bg {position:relative;background:var(--black1);height:20px;width:calc(100% - 55px);margin-right:10px;display:inline-block;} .graph-bar-h .bar {position:absolute;left:0;top:0;height:100%;display:block;background:var(--gray)} .graph-circle {min-width:100px;min-height:100px;border-radius:50%;position:relative;overflow:hidden;} @-webkit-keyframes Growup { from{opacity:0;transform:translateY(100%);} to {opacity:1;transform:translateY(0);} } /* 메인 그래프[E] */ /*강좌상단 Start*/ .edu-view-top {border:2px solid var(--main-color);border-radius:var(--basic-round);} .edu-view-top .cont-top {position:relative;padding:1.25rem 1.5rem;} .edu-view-top .cont-top .btnset {position:absolute;right:1.5rem;top:1.5rem;} .edu-view-top .cont-top p:nth-child(1){color:var(--main-color)} .edu-view-top .cont-top p:nth-child(2){font-size:var(--font-2xlg);font-weight:var(--font-bold);color:var(--black);letter-spacing:-0.125rem} .edu-view-top .cont-top p:nth-child(3){font-size:var(--font-base)} .edu-view-top .cont-btm {position:relative;padding:0.5rem 1rem;line-height:40px;background:var(--basic-bg)} .edu-view-top .cont-btm .date {position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:var(--font-xsm);color:#aaa} .edu-view-top .cont-btm li {display:inline-block;margin-right:0.5rem;} .edu-view-top .cont-btm li a {display:block;padding:0 1rem 0 0.5rem;border:1px solid rgba(0,0,0,0.0);background:#fff;border-radius:var(--basic-round);box-shadow:1px 2px 2px rgba(0,0,0,0.1);} .edu-view-top .cont-btm li em {font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--main-color);margin-left:0.5rem} .edu-view-top .cont-btm li a:before {content:"";display:inline-block;margin:-4px 10px 0 0;width:25px;height:24px;background-image:url(../img/incumbent_view_ico.png);vertical-align:middle;} .edu-view-top .cont-btm li a.ico1:before {background-position:0 0} .edu-view-top .cont-btm li a.ico2:before {background-position:0 -24px} .edu-view-top .cont-btm li a.ico3:before {background-position:0 -48px} .edu-view-top .cont-btm li a.ico4:before {background-position:0 -72px} .edu-view-top .cont-btm li a.ico5:before {background-position:0 -96px} .edu-view-top .cont-btm li a:hover {background:var(--dgray1);box-shadow:-1px -1px 2px rgba(0,0,0,0.1);color:#fff !important} .edu-view-top .cont-btm li a:hover em {color:#fff} /*강좌상단 End*/ /*강좌통계 Start*/ .rank-num {display:inline-block;width:22px;height:22px;line-height:22px;background:var(--gray);color:#fff;border-radius:0.15rem;text-align:center;font-size:var(--font-sm)} [class*="stt-lms-"] dl:before {content:"";display:inline-block;width:32px;height:32px;background-image:url(../img/stt_lms_ico.png);background-repeat:no-repeat;vertical-align:middle;margin-left:20px;} .stt-lms-class dl:nth-child(1):before{background-position:0 0} .stt-lms-class dl:nth-child(2):before{background-position:-32px -64px} .stt-lms-class dl:nth-child(3):before{background-position:-96px 0} .stt-lms-cont {position:relative;height:100%;} .stt-lms-cont .grapharea {margin:0 25%;height:calc(100% - 122px);} .stt-lms-cont .legend-wrap {position:absolute;left:0;bottom:0;width:100%;border-top:1px solid var(--basic-border);text-align:center;font-size:var(--font-base);color:var(--basic-color);line-height:60px;display:block;} .stt-lms-cont .legend-wrap span {margin:0 10px;} .stt-lms-cont .legend.circle.bg1:before {background:#3366CC} .stt-lms-cont .legend.circle.bg2:before {background:#32B89C} .stt-lms-cont .legend.circle.bg3:before {background:#5FAECF} .stt-lms-cont .legend.circle.bg4:before {background:#EF8254} /*강좌통계 End*/ /*수강현황 Start*/ #card-member-state {background:var(--main-color);border-radius:var(--basic-round);padding:20px;color:#fff} #card-member-state .title p {display:flex;flex-flow:row wrap;font-size:var(--font-xlg);position:relative;} #card-member-state .title span {background:#fff;color:var(--main-color);border-radius:0.25rem;padding:0 0.5rem;font-weight:var(--font-semibold);margin-left:10px;} #card-member-state .contwrap {display:flex;flex-flow:row wrap;background:var(--black2);border-radius:var(--basic-round);margin:10px 0} #card-member-state .contwrap > div {flex:1;padding:30px;} #card-member-state .contwrap > div:nth-child(2){border-left:1px dashed var(--black2)} #card-member-state .contwrap table {border-bottom:1px solid var(--black1);/*width:50%;*/} #card-member-state .contwrap table td {border-top:1px solid var(--black1);padding:5px 0;} #card-member-state .contwrap table td:last-child{text-align:right;} #card-member-state .contwrap figure {position:absolute;right:0;top:0;} #card-member-state .contwrap em {display:block;font-size:var(--font-3xlg);font-weight:var(--font-exbold);line-height:1;margin-bottom:20px;} #card-member-state .cont1 em {color:#66CC99;} #card-member-state .cont2 em {color:#66CCFF;} /*수강현황 End*/ /*강의현황 Start*/ .lms-view-top {border:2px solid var(--main-color);border-radius:var(--basic-round);} .lms-view-top .cont-top {position:relative;padding:1.25rem 1.5rem;} .lms-view-top .cont-top .btnset {position:absolute;right:1.5rem;top:1.5rem;} .lms-view-top .cont-top p:nth-child(1){color:var(--main-color)} .lms-view-top .cont-top p:nth-child(2){font-size:var(--font-2xlg);font-weight:var(--font-bold);color:var(--black);letter-spacing:-0.125rem} .lms-view-top .cont-top p:nth-child(3){font-size:var(--font-base)} .lms-view-top .cont-btm {position:relative;padding:0.5rem 1rem;line-height:40px;background:var(--basic-bg)} .lms-view-top .cont-btm .date {position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:var(--font-xsm);color:#aaa} .lms-view-top .cont-btm li {display:inline-block;margin-right:0.5rem;} .lms-view-top .cont-btm li a {display:block;padding:0 1rem 0 0.5rem;border:1px solid rgba(0,0,0,0.0);background:#fff;border-radius:var(--basic-round);box-shadow:1px 2px 2px rgba(0,0,0,0.1);} .lms-view-top .cont-btm li em {font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--main-color);margin-left:0.5rem} .lms-view-top .cont-btm li a:before {content:"";display:inline-block;margin:-4px 10px 0 0;width:25px;height:24px;background-image:url(../img/lms_view_ico.png);vertical-align:middle;} .lms-view-top .cont-btm li a.ico1:before {background-position:0 0} .lms-view-top .cont-btm li a.ico2:before {background-position:0 -24px} .lms-view-top .cont-btm li a.ico3:before {background-position:0 -48px} .lms-view-top .cont-btm li a.ico4:before {background-position:0 -72px} .lms-view-top .cont-btm li a.ico5:before {background-position:0 -96px} .lms-view-top .cont-btm li a:hover {background:var(--dgray1);box-shadow:-1px -1px 2px rgba(0,0,0,0.1);color:#fff !important} .lms-view-top .cont-btm li a:hover em {color:#fff} /*강의현황 End*/ /*웹진 S*/ .webzine-thumb {position:relative;display:block;width:160px;height:160px;margin-bottom:10px;overflow:hidden;border-radius:3px;background:#f6f6f6;} .webzine-thumb img {height:100%;} .webzine-thumb:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);text-align:center;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(0,0,0,0.6);} .webzine-thumb02 {position:relative;display:block;width:100%;height:200px;margin-bottom:10px;overflow:hidden;border-radius:3px;background:#f6f6f6;} .webzine-thumb02 img {height:100%;} #webzine-list a {color:#999;} #webzine-list .subject {color:#454545;margin:20px;} #webzine-list.type-gallery li {position:relative;float:left;width:160px;height:280px;text-align:center;margin-right:10px;} #webzine-list.type-gallery .tv-control {position:absolute;left:10px;top:10px;z-index:6;} /*#webzine-list.type-gallery .tv-checkbox input[type="checkbox"] + label::before {background:#fff;}*/ #webzine-list.type-gallery .file-type {position:absolute;right:10px;top:10px;z-index:6;} #webzine-list.type-gallery02 li {position:relative;float:left;width:calc(260px - 20px);margin:10px;min-height:300px;text-align:center;background:#f6f6f6;} #webzine-list.type-gallery02 .subject {height:46px;overflow:hidden;margin-bottom:0;} #webzine-list.type-gallery02 .tv-control {position:absolute;left:10px;top:10px;z-index:6;} /*#webzine-list.type-gallery02 .tv-checkbox input[type="checkbox"] + label::before {background:#fff;}*/ #webzine-list.type-gallery02 .file-type {position:absolute;right:10px;top:10px;z-index:6;} #webzine-list.type-gallery02 .best-btn {position:relative;top:0;left:0;margin:10px 0 20px;} #webzine-list.type-list .webzine-thumb {background:none;width:40px;height:40px;margin:0 auto;z-index:2} #webzine-list.type-list .webzine-thumb:before {background-color:transparent;border:none;background-position:0 0;} #webzine-list.type-list .webzine-thumb02 {background:none;width:40px;height:40px;margin:0 auto;} #webzine-list.type-list .webzine-thumb02:before {background-color:transparent;border:none;background-position:0 0;} #webzine-list.type-list table {text-align:center;color:#888} #webzine-list.type-list table thead th {background:#f4f5f6;line-height:40px;font-size:13px;} #webzine-list.type-list table tbody td {padding:10px 0;border-bottom:1px solid #dfdfdf} #webzine-list.type-list table .tv-checkbox input[type="checkbox"] + label::before, #webzine-list.type-list table .tv-checkbox input[type="checkbox"] + label::after {margin:0;} #webzine-view {border:2px solid var(--dgray1);border-top:none;border-radius:1rem 1rem 2rem 2rem;overflow:hidden;} #webzine-view .title-bx {padding:3rem;text-align:center;background:#313033 !important;color:#fff;border-radius:0 0 4rem 4rem;box-shadow:0 20px 30px rgba(0,0,0,0.2);position:relative} #webzine-view .title-bx:before {content:"";position:Absolute;left:0;top:0;width:100%;height:100%;} #webzine-view .title-bx p:nth-child(1){letter-spacing:0.25rem;color:rgba(255,255,255,0.8);} #webzine-view .title-bx p:nth-child(1) span{border-bottom:1px solid rgba(255,255,255,0.6);} #webzine-view .title-bx p:nth-child(2){margin:1rem 0;font-size:var(--font-3xlg);font-weight:var(--font-exbold);line-height:1.2;word-break:keep-all;} #webzine-view .contwrap {padding:3rem;} #webzine-view .contwrap > div {margin:0 0 2rem 0;font-size:1.125rem} #webzine-view .contwrap .tit-bx {margin:0 0 1rem 0;font-size:var(--font-2xlg);font-weight:var(--font-exbold);color:var(--main-color);letter-spacing:-0.0125rem} #webzine-view .contwrap .txt-bx {text-align:justify;} #webzine-view .contwrap .comment-bx {padding:1rem 1.25rem;font-size:0.95rem;border:1px dashed rgba(0,0,0,0.1);border-radius:0.25rem} #webzine-view .contwrap .comment-bx:before{} #webzine-view .contwrap .img-bx {text-align:center;} #webzine-view .contwrap .img-bx img {max-width:100%;} #webzine-view .contwrap .img-desc {margin-top:0.5rem;font-size:0.875rem;text-align:left;} #webzine-view .contwrap .link-bx a {display:block;background:rgba(0,0,0,0.05);border-radius:0.25rem;padding:1rem;font-size:0.95rem} #webzine-view .contwrap .video-bx {} /* easy editer */ .blog-write {position:relative;overflow:hidden;} .blog-write + .board_write {border:1px solid #ddd;border-top:none;} .blog-write .tab a.mn {position:relative;display:block;float:left;width:50%;line-height:50px;font-size:1rem;transform:translateY(10px);transition:all 0.1s ease-out;margin:0;padding:0 30px;background:#768395;border-top-left-radius:6px;border-top-right-radius:6px;font-weight:600;display:block;color:#ccc;} .blog-write .tab a.mn:hover {color:#fff;} .blog-write .tab a.mn.on {background:#3E78C1;color:#fff;line-height:60px;margin:0;font-size:1.25rem;transform:translateY(0);} .blog-write .tab i {color:#FAAD4D;} .blog-write .tab .guide-btn {position:absolute;right:20px;top:50%;margin-top:-8px;} .blog-write .tab a.mn.on + .guide-btn {margin-top:-12px;} .blog-write .tab .guide-btn a {color:#FAAD4D;} .blog-write .tab .guide-btn span {position:relative;display:inline-block;line-height:1;padding:7px 10px;margin-left:10px;font-size:11px;color:#fff;background:#FAAD4D;border-radius:3px;vertical-align:top;} .blog-write .tab .guide-btn span:before {content:"";position:absolute;left:-6px;top:50%;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid #FAAD4D;} .blog-write .tab a:before {content:"";font-family:FontAwesome;margin-right:10px;} .blog-write .tab a.mn:nth-child(1):before {content:"\f044";font-family:FontAwesome;} .blog-write .tab a.mn:nth-child(2):before {content:"\f0d0";font-family:FontAwesome;} .blog-write .category {padding:20px;background:#f6f6f6;border:1px solid #ddd;border-top:none;} .blog-write .category select {width:100%;} .blog-write .write {text-align:center;background:#fff;border:1px solid #ddd;border-top:none;} .blog-write .write .cont {width:960px;margin:0 auto;padding:30px 0;} .blog-write .write input, .blog-write .write textarea {background:none;border:none;border-radius:3px;} .blog-write .write input {} .blog-write .write textarea {min-height:30px;height:auto;resize:vertical;} .blog-write .write input::placeholder, .blog-write .write textarea::placeholder {color:#aaa;} .blog-write .write input:focus, .blog-write .write textarea:focus {outline:none;} .blog-write .title {} .blog-write .title input {font-size:30px;font-weight:600;color:#333;padding:10px 0;text-indent:0;border-radius:0;border-bottom:1px solid #DFDFDF;letter-spacing:-1px;height:75px;width:100%;} .blog-write .title input::placeholder {color:#333;} .blog-write .edit-bx {position:relative;margin:15px 0;border-radius:5px;text-align:left;} .blog-write .summary-bx {background:#f5f5f5;padding:20px;} .blog-write .summary-bx textarea {background:none;border:none;border-radius:0;font-size:14px;padding:0;text-align:center;} .blog-write .summary-bx textarea::placeholder {text-align:center;} .blog-write .edit-bx.active {border:1px solid #2A3C66;padding:20px;} .blog-write .edit-bx .control {position:absolute;right:-30px;top:0;transition:all 0.2s ease-out;opacity:0;visibility:hidden;} .blog-write .edit-bx .control a {display:block;width:30px;height:30px;text-align:center;line-height:28px;background:#2A3C66;color:#fff;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.1);} .blog-write .edit-bx .control .btn_add_on {background:#FF6666;} .blog-write .edit-bx.active .control, .blog-write .edit-bx:hover .control {opacity:1;visibility:visible;} .blog-write .edit-bx .mn {display:none;text-align:left;} .blog-write .edit-bx.active .mn {display:block;} .blog-write .img-bx {padding:0;border-radius:0;text-align:center;} .blog-write .img-bx img {max-width:100%;} .blog-write .img-bx #noimg {} .blog-write .img-bx #noimg label {display:block;text-align:center;padding:20px;padding-bottom:0;border:1px dashed #ddd;border-radius:5px;} .blog-write .img-bx #noimg p {font-size:14px;color:#999;} .blog-write .img-bx #noimg p:before {content:"\f03e";font-family:FontAwesome;display:block;font-size:18px;} .blog-write .img-bx.active input{border:1px solid #ddd;border-radius:3px;height:30px;width:100%;} .blog-write .img-bx input {margin:5px 0 0 0;font-size:13px;color:#aaa;text-align:center;} .blog-write .img-bx input::placeholder {text-align:center;color:#aaa;} .blog-write .download-bx .file-wrap {position:relative;padding:7px 10px 7px 50px;border:1px solid #3E78C1;background:#fff;line-height:1.4;font-size:14px;} .blog-write .download-bx .file-wrap:before {content:"\f381";font-family:FontAwesome;font-weight:900;position:absolute;left:0;top:0;width:40px;height:100%;background:#3E78C1;color:#fff;text-align:center;padding-top:10px;font-size:12px;} .blog-write .download-bx input[type="text"] {height:20px;min-height:auto;font-size:14px;text-indent:0;} .blog-write .download-bx .upload {position:relative;vertical-align:middle;margin-top:5px;display:none;} .blog-write .download-bx.active .upload {display:inline-block;} .blog-write .download-bx .upload input {width:0;height:0;padding:0;text-indent:0;min-height:auto;} .blog-write .download-bx .upload label {font-size:13px;color:#768395;border-radius:3px;border:1px solid #ccc;padding:5px 15px;cursor:pointer;float:left;} .blog-write .download-bx .upload label:before {content:"\f0c6";font-family:FontAwesome;font-weight:900;margin-right:10px;} .blog-write .download-bx .upload p {display:inline-block;font-size:13px;color:#999;margin-left:5px;} .blog-write .link-bx p, .blog-write .link-bx p input {font-size:14px;color:#768395;} .blog-write .link-bx p input::placeholder {font-size:14px;color:#768395;} .blog-write .link-bx p {padding:10px 15px;border-radius:3px;border:1px solid #ddd;} .blog-write .link-bx p input {width:calc(100% - 45px);text-indent:0;height:20px;min-height:auto;} .blog-write .link-bx > input[type="text"] {border-radius:3px;border:1px solid #ccc;margin-left:5px;width:calc(100% - 170px);vertical-align:top} .blog-write .link-bx > select, .blog-write .link-bx > input[type="text"] {display:none;vertical-align:top} .blog-write .link-bx.active p {margin:0 0 10px 0;} .blog-write .link-bx.active > select, .blog-write .link-bx.active > input[type="text"] {display:inline-block;} .blog-write .link-bx.sub-bx {display:inline-block;width:calc(100% - 93px);} .blog-write .link-bx.sub-bx > select, .blog-write .link-bx.sub-bx > input[type="text"] {display:inline-block;text-align:left;} .blog-write .tit-bx {margin-top:20px;} .blog-write .tit-bx input {font-size:20px;color:#333;font-weight:600;text-indent:0;} .blog-write .comment-bx p {border-radius:3px;background:#EFF5FA;} .blog-write .comment-bx input {font-size:13px;color:#508CC9;height:30px;padding:0 5px;} .blog-write .add {position:relative;text-align:center;padding:20px 0;} .blog-write .add .add-btn {position:relative;display:block;margin:0 auto;width:60px;height:60px;border-radius:3px;background:#FF6666;box-shadow:5px 5px 10px rgba(0,0,0,0.2);} .blog-write .add .add-btn:before, .blog-write .add .add-btn:after {content:"";position:absolute;display:block;background:#fff;left:50%;top:50%;transform:translate(-50%, -50%);} .blog-write .add .add-btn:before {width:4px;height:22px;} .blog-write .add .add-btn:after {width:22px;height:4px;} .blog-write .add .btn_d {color:#768395 !important;margin-top:10px;} .blog-write .add .btn_d i {margin-right:10px;} .blog-write .add .editor-mn {display:inline-block;margin:20px 0 0 0;} .blog-write .add .editor-mn:after {content:"";display:block;float:none;clear:both;} .blog-write .add .editor-mn i {display:block;font-size:1rem;margin:0 0 3px 0;} .blog-write .add .editor-mn a {display:block;float:left;width:80px;height:53px;padding-top:10px;text-align:center;color:#777;font-size:.5rem;text-transform:uppercase;border:1px solid rgba(0,0,0,0.05);border-left:none;background:#fff;transition:all 0.2s ease-out;} .blog-write .add .editor-mn a:first-child {border-left:1px solid rgba(0,0,0,0.05);} .blog-write .add .editor-mn a:hover {background:#5A6378;color:#fff} .blog-write .add .comment {position:absolute;left:50%;margin-left:50px;top:40px;display:inline-block;line-height:1;padding:7px 10px;font-size:11px;color:#fff;background:#FAAD4D;border-radius:3px;} .blog-write .add .comment:before {content:"";position:absolute;left:-6px;top:50%;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid #FAAD4D;} .blog-write .file-upload {margin:60px 0 20px;border:1px dashed #ccc;border-radius:5px;padding:80px 0 20px;text-align:center;background:url(../img/blogwrite_ico_upload.png) no-repeat 50% 30px;} .blog-write .file-upload p {font-size:12px;color:#999;} /* 가이드 */ .blog-guide {position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:all 0.3s ease-out;text-align:center;} .blog-guide.open {background:rgba(0,0,0,0.85);z-index:5;padding:50px 0;visibility:visible;opacity:1;} .blog-guide .close {position:absolute;right:30px;top:30px;z-index:9;opacity:1;display:block;width:20px;height:20px;} .blog-guide .close:before {content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-45deg);height:25px;border-right:2px solid #fff;} .blog-guide .close:after {content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg);height:25px;border-right:2px solid #fff;} .blog-guide .tit {font-size:20px;font-weight:600;color:#FAAD4D;} .blog-guide .txt {margin:20px 0 50px;font-size:14px;color:#fff;word-break:keep-all;} .blog-guide .guide {position:absolute;right:20px;top:240px;} .blog-guide .guide p {position:relative;text-align:left;width:200px;padding:10px;padding-left:40px;background:#FF971A;font-size:14px;color:#fff;border-radius:5px;word-break:keep-all;line-height:1.3;} .blog-guide .guide .num {position:absolute;left:10px;top:10px;display:inline-block;width:20px;height:20px;background:#fff;line-height:20px;font-weight:600;color:#FF971A;border-radius:50%;text-align:center;} .blog-guide .guide .g1 {margin-bottom:5px;} .blog-guide .guide .g2 {margin-bottom:5px;} .blog-guide .guide .g3 {margin-bottom:105px;} .blog-guide .guide .g4 {margin-bottom:320px;} .blog-guide .guide .g5 {margin-bottom:50px;} /*웹진 E*/ /* 교수 뷰 모달 [S] */ .info-table {border:2px solid #768395;} .info-table .tit {font-size:20px;font-weight:600;letter-spacing:-1px;color:#333;line-height:1.4;} .info-table .t1 {border:none;} .info-table .t1 th, .info-table .t1 td {padding:5px 8px;} .info-table .t1 th {background:#f4f4f4;} .info-table .t1 tbody th:first-child, .info-table .t1 tbody td:first-child {border-left:none;} .info-table .t1 tbody th:last-child, .info-table .t1 tbody td:last-child {border-right:none;} .info-table .t1 tbody tr:last-child th, .info-table .t1 tbody tr:last-child td {border-bottom:none;} /* 교수 뷰 모달 [E] */ /* 가족회사위주 메인통계*/ .total-state.act {background:var(--sub-color);padding:0;height:100%;border-radius:var(--basic-round);overflow:hidden;} .total-state.act .cont-title {width:40%;padding:20px;text-align:center;background:rgba(0,0,0,0.3);font-size:var(--font-lg);font-weight:var(--font-semibold);color:#fff;border-radius:var(--basic-round) 0 0 var(--basic-round);} .total-state.act .cont-title [data-tooltip] {font-size:.875rem;} .total-state.act .cont-title p:nth-child(2) {font-size:var(--font-base);} .total-state.act .cont-title ul.li-rank:before {content:"";display:block;width:85px;height:120px;margin:2rem auto;background:url(../img/stt_active_comp.png) no-repeat 50% 50%;} .total-state.act .cont-title ul.li-rank li:before {background:rgba(0,0,0,0.4);} .total-state .total-bx {width:60%;padding:20px;} .total-state .total-cont {background:#fff;border-radius:var(--round-lg);height:100% !important;} .total-state .total-cont li {display:flex;flex-flow:row wrap;justify-content:space-between;border-top:1px dashed var(--basic-border);padding:15px 20px} .total-state .total-cont li:first-child {border-top:none;} .total-state .total-cont li em {font-weight:var(--font-exbold);font-size:var(--font-lg);color:var(--main-color)} .total-state .total-cont ul.li-rank {padding:0;color:#333;height:100%;} .total-state .total-cont ul.li-rank li {padding-left:45px;margin:0;height:20%;} .total-state .total-cont ul.li-rank li:before {left:20px;} .stt-cms-cont {position:relative;height:100%;} .stt-cms-cont .grapharea {margin:0 25%;height:calc(100% - 122px);} .stt-cms-cont .legend-wrap {position:absolute;left:0;bottom:0;width:100%;border-top:1px solid var(--basic-border);text-align:center;font-size:var(--font-base);color:var(--basic-color);line-height:60px;} .stt-cms-cont .legend-wrap span {margin:0 10px;} .legend.circle.bg0:before {background:#ccc;} [class*="graph-"] .bar.bar1 {background:#68B3C8 !important;} [class*="graph-"] .bar.bar2 {background:#F3BA46 !important;} [class*="graph-"] .bar.bar3 {background:#E35758 !important;} [class*="graph-"] .bar.bar4 {background:#7AC29C !important;} [class*="graph-"] .bar.bar5 {background:#CD9ACD;} [class*="graph-"] .bar.bar6 {background:#3366CC;} [class*="graph-"] .bar.bar7 {background:#ccc;} @media only screen and (max-width:1880px){ .row .row-bx.bx1 {width:calc(40% - 20px)} .row .row-bx.bx3 {width:calc(60% - 20px)} } .statistics-wrap {margin:-10px;} .statistics-wrap>article {margin:10px;border-radius:var(--round-lg);overflow:hidden;} .statistics-wrap>article.bx {background:#fff;box-shadow:0 5px 5px rgba(0,0,0,0.02)} .statistics-wrap>article.bx .cont {padding:20px;} .statistics-wrap .title {position:relative;border-bottom:1px solid var(--basic-border);padding:0 20px;} .statistics-wrap .title h3 {line-height:60px;margin:0;} .statistics-wrap .title .po-ab {right:20px;top:0;} .statistics-wrap .title .more {line-height:60px;font-size:var(--font-sm);color:#999} .statistics-wrap .title .tab {top:50%;transform:translateY(-50%)} .statistics-wrap .col_w6 {width:calc(60% - 20px) !important;} .statistics-wrap .col_w4 {width:calc(40% - 20px) !important;} .statistics-wrap .col_w7 {width:calc(66.66666% - 20px) !important;} .statistics-wrap .col_w3 {width:calc(33.3333% - 20px) !important;} .statistics-wrap .col_d2 {width:calc(50% - 20px)} .statistics-wrap .col_d3 {width:calc(33.3333% - 20px)} .statistics-wrap .col_d4 {width:calc(25% - 20px)} .statistics-wrap .bx-btm-legend {display:flex;flex-flow:row wrap;align-items:center;justify-content:space-around;border-top:1px solid var(--basic-border);padding:20px;} .statistics-wrap table.t-bxlist.t-rank{table-layout: fixed;} /*.statistics-wrap table.t-bxlist th{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}*/ .state-list-type1 dl {display:flex;flex-flow:row wrap;align-items:center;text-align:left;border-top:1px dashed #eaeaea;} .state-list-type1 dl:first-child {border-top:none;} .state-list-type1 dt, .state-list-type1 dd {flex:1;padding:20px;} .state-list-type1 dt {font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--dgray3)} .state-list-type1 em {font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--main-color);margin-left:20px;} .admin-stt-total {margin:0 -10px;} .admin-stt-total .row-bx {flex:1;color:#fff} .admin-stt-total h3 {color:#fff} .admin-stt-total p:nth-child(1) em {font-size:var(--font-4xlg);font-weight:var(--font-semibold);line-height:1.1} .admin-stt-total p:nth-child(2) {margin-top:10px}