html {scroll-behavior:smooth; overflow:hidden; width:100%; height:100%;}
body {letter-spacing:-0.5px; font-size:14px; overflow-x:hidden; background:#fff; width:100%; height:100%; overflow-y:auto !important;}
/*===========================================================================================================================
공통사항
=============================================================================================================================*/
/*======================================
로딩
========================================*/
.loading_area {width:100%; height:100vh; position:fixed; z-index:9999; background:rgba(0,0,0,0.5); left:0; top:0; display:none;}
.loading_area.active {display:block; animation:loadingFadeIn 0.5s 1;}
.loading_area .loader {position:absolute;top:50%; left:40%; margin-left:10%; transform:translate3d(-50%, -50%, 0);}
.loading_area .dot {width:24px; height:24px; background:#3ac; border-radius:100%; display:inline-block; animation:loading 1s infinite;}
.loading_area .dot:nth-child(1) {animation-delay:0.1s; background:#32aacc;}
.loading_area .dot:nth-child(2) {animation-delay:0.2s; background:#64aacc;}
.loading_area .dot:nth-child(3) {animation-delay:0.3s; background:#96aacc;}
.loading_area .dot:nth-child(4) {animation-delay:0.4s; background:#97b872;}
.loading_area .dot:nth-child(5) {animation-delay:0.5s; background:#71b253;}
@keyframes loadingFadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes loading {
0% {transform:scale(1);}
50% {opacity:0.3; transform:scale(2);}
100% {transform:scale(1);}
}
.loading_area2 {width:100%; height:100vh; position:fixed; z-index:9999; background:rgba(0,0,0,0.5); left:0; top:0; display:none;}
.loading_area2.active {display:block; animation:loadingFadeIn2 0.5s 1;}
.loading_area2 .loader {position:absolute;top:50%; left:50%; transform:translate3d(-50%, -50%, 0);}
.loading_area2 .bar {width:10px; height:50px; background:#2ac8f4; border-radius:5px; display:inline-block; animation:loading2 1s infinite; vertical-align:middle; margin-right:4px;}
.loading_area2 .bar:nth-child(1) {animation-delay:0.1s;}
.loading_area2 .bar:nth-child(2) {animation-delay:0.2s;}
.loading_area2 .bar:nth-child(3) {animation-delay:0.3s;}
.loading_area2 .bar:nth-child(4) {animation-delay:0.4s; margin-right:0;}
@keyframes loadingFadeIn2 {
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes loading2 {
0% {height:50px;}
50% {opacity:0.3; height:25px;}
100% { height:50px;}
}
/*======================================
skip navigation
========================================*/
.skipNavi {position:absolute; left:0;top:0; z-index:999; width:100%; text-align:center;}
.skipNavi a {position:absolute; top:-999px; left:-999px;}
.skipNavi a:focus, .skipNavi a:active, .skipNavi a:hover {display:block; top:0; left:0; padding:7px 10px 5px; background:#000; color:#fff; font-weight:bold; font-size:14px; text-decoration:none}
/*======================================
공통
========================================*/
*:focus {outline:none;}
.wrap {width:100%; height:100%;}
/* .contents-wrap {margin-top:90px; height:calc(100vh - 90px); overflow-y:auto;} */
.contents-wrap {padding-top:90px; min-height:calc(100vh - 100px);}
.m_inner {max-width:1400px; margin:0 auto; position:relative;}
.m_inner:after {display:block; content:""; clear:both;}
.display_none {display:none !important;}
.contents-wrap .m_inner {margin:20px auto 50px; /* padding-left:0 !important; padding-right:0 !important; */}
/* #COMMON
------------------------------------------------------------*/
.fl {float:left !important;}
.fr {float:right !important;}
/* Margin Step */
.mg0{margin:0 !important;}.mg5{margin:5px !important;}.mg10{margin:10px !important;}
.bm0{margin-bottom:0px !important;}.bm1{margin-bottom:1px !important;}.bm2{margin-bottom:2px !important;}.bm3{margin-bottom:3px !important;}.bm4{margin-bottom:4px !important;}.bm5{margin-bottom:5px !important;}.bm6{margin-bottom:6px !important;}.bm7{margin-bottom:7px !important;}.bm8{margin-bottom:8px !important;}.bm9{margin-bottom:9px !important;}.bm10{margin-bottom:10px !important;}.bm11{margin-bottom:11px !important;}.bm12{margin-bottom:12px !important;}.bm13{margin-bottom:13px !important;}.bm14{margin-bottom:14px !important;}.bm15{margin-bottom:15px !important;}.bm20{margin-bottom:20px !important;}.bm30{margin-bottom:30px !important;}.bm40{margin-bottom:40px !important;}.bm50{margin-bottom:50px !important;}.bm60{margin-bottom:60px !important;}.bm100{margin-bottom:100px !important;}
.lm0{margin-left:0px !important;}.lm1{margin-left:1px !important;}.lm2{margin-left:2px !important;}.lm3{margin-left:3px !important;}.lm4{margin-left:4px !important;}.lm5{margin-left:5px !important;}.lm6{margin-left:6px !important;}.lm7{margin-left:7px !important;}.lm8{margin-left:8px !important;}.lm9{margin-left:9px !important;}.lm10{margin-left:10px !important;}.lm11{margin-left:11px !important;}.lm12{margin-left:12px !important;}.lm13{margin-left:13px !important;}.lm14{margin-left:14px !important;}.lm15{margin-left:15px !important;}.lm20{margin-left:20px !important;}.lm25{margin-left:25px !important;}.lm30{margin-left:30px !important;}.lm40{margin-left:40px !important;}.lm45{margin-left:45px !important;}.lm50{margin-left:50px !important;}.lm60{margin-left:60px !important;}.lm70{margin-left:70px !important;}.lm80{margin-left:80px !important;}.lm90{margin-left:90px !important;}.lm100{margin-left:100px !important;}.lm150{margin-left:150px !important;}.lm170{margin-left:170px !important;}
.tm0{margin-top:0px !important;}.tm1{margin-top:1px !important;}.tm2{margin-top:2px !important;}.tm3{margin-top:3px !important;}.tm4{margin-top:4px !important;}.tm5{margin-top:5px !important;}.tm6{margin-top:6px !important;}.tm7{margin-top:7px !important;}.tm8{margin-top:8px !important;}.tm9{margin-top:9px !important;}.tm10{margin-top:10px !important;}.tm11{margin-top:11px !important;}.tm12{margin-top:12px !important;}.tm13{margin-top:13px !important;}.tm14{margin-top:14px !important;}.tm15{margin-top:15px !important;}.tm20{margin-top:20px !important;}.tm25{margin-top:25px !important;}.tm30{margin-top:30px !important;}.tm40{margin-top:40px !important;}.tm45{margin-top:45px !important;}.tm50{margin-top:50px !important;}.tm55{margin-top:55px !important;}.tm60{margin-top:60px !important;}.tm65{margin-top:65px !important;}.tm70{margin-top:70px !important;}.tm80{margin-top:80px !important;}.tm85{margin-top:85px !important;}.tm90{margin-top:90px !important;}.tm100{margin-top:100px !important;}.tm110{margin-top:110px !important;}.tm120{margin-top:120px !important;}.tm130{margin-top:130px !important;}.tm140{margin-top:140px !important;}.tm150{margin-top:150px !important;}.tm200{margin-top:200px !important;}
.rm0{margin-right:1px !important;}.rm1{margin-right:1px !important;}.rm2{margin-right:2px !important;}.rm3{margin-right:3px !important;}.rm4{margin-right:4px !important;}.rm5{margin-right:5px !important;}.rm6{margin-right:6px !important;}.rm7{margin-right:7px !important;}.rm8{margin-right:8px !important;}.rm9{margin-right:9px !important;}.rm10{margin-right:10px !important;}.rm11{margin-right:11px !important;}.rm12{margin-right:12px !important;}.rm13{margin-right:13px !important;}.rm14{margin-right:14px !important;}.rm15{margin-right:15px !important;}.rm20{margin-right:20px !important;}.rm25{margin-right:25px !important;}.rm30{margin-right:30px !important;}
.margin-none {margin:0 !important;}
.margin-top-none {margin-top:0 !important;}
.margin-left-none {margin-left:0 !important;}
.margin-right-none {margin-right:0 !important;}
.margin-bottom-none {margin-bottom:0 !important;}
/* Padding Step */
.bp0{padding-bottom:0px !important;}.bp1{padding-bottom:1px !important;}.bp2{padding-bottom:2px !important;}.bp3{padding-bottom:3px !important;}.bp4{padding-bottom:4px !important;}.bp5{padding-bottom:5px !important;}.bp6{padding-bottom:6px !important;}.bp7{padding-bottom:7px !important;}.bp8{padding-bottom:8px !important;}.bp9{padding-bottom:9px !important;}.bp10{padding-bottom:10px !important;}.bp11{padding-bottom:11px !important;}.bp12{padding-bottom:12px !important;}.bp13{padding-bottom:13px !important;}.bp14{padding-bottom:14px !important;}.bp15{padding-bottom:15px !important;}.bp20{padding-bottom:20px !important;}.bp25{padding-bottom:25px !important;}
.lp0{padding-left:0px !important;}.lp1{padding-left:1px !important;}.lp2{padding-left:2px !important;}.lp3{padding-left:3px !important;}.lp4{padding-left:4px !important;}.lp5{padding-left:5px !important;}.lp6{padding-left:6px !important;}.lp7{padding-left:7px !important;}.lp8{padding-left:8px !important;}.lp9{padding-left:9px !important;}.lp10{padding-left:10px !important;}.lp11{padding-left:11px !important;}.lp12{padding-left:12px !important;}.lp13{padding-left:13px !important;}.lp14{padding-left:14px !important;}.lp15{padding-left:15px !important;}.lp20{padding-left:20px !important;}.lp25{padding-left:25px !important;}.lp30{padding-left:30px !important;}.lp31{padding-left:31px !important;}.lp32{padding-left:32px !important;}.lp33{padding-left:33px !important;}.lp34{padding-left:34px !important;}.lp35{padding-left:35px !important;}.lp40{padding-left:40px !important;}.lp45{padding-left:45px !important;}.lp50{padding-left:50px !important;}
.tp0{padding-top:0px !important;}.tp1{padding-top:1px !important;}.tp2{padding-top:2px !important;}.tp3{padding-top:3px !important;}.tp4{padding-top:4px !important;}.tp5{padding-top:5px !important;}.tp6{padding-top:6px !important;}.tp7{padding-top:7px !important;}.tp8{padding-top:8px !important;}.tp9{padding-top:9px !important;}.tp10{padding-top:10px !important;}.tp11{padding-top:11px !important;}.tp12{padding-top:12px !important;}.tp13{padding-top:13px !important;}.tp14{padding-top:14px !important;}.tp15{padding-top:15px !important;}.tp20{padding-top:20px !important;}.tp22{padding-top:22px !important;}.tp25{padding-top:25px !important;}.tp30{padding-top:30px !important;}
.rp0{padding-right:0px !important;}.rp1{padding-right:1px !important;}.rp2{padding-right:2px !important;}.rp3{padding-right:3px !important;}.rp4{padding-right:4px !important;}.rp5{padding-right:5px !important;}.rp6{padding-right:6px !important;}.rp7{padding-right:7px !important;}.rp8{padding-right:8px !important;}.rp9{padding-right:9px !important;}.rp10{padding-right:10px !important;}.rp11{padding-right:11px !important;}.rp12{padding-right:12px !important;}.rp13{padding-right:13px !important;}.rp14{padding-right:14px !important;}.rp15{padding-right:15px !important;}.rp20{padding-right:20px !important;}.rp25{padding-right:25px !important;}
.pd0{padding:0px !important;}.pd10{padding:10px !important;}.pd15{padding:15px !important;}.pd20{padding:20px !important;}.pd15-23{padding:15px 23px !important;}
.padding-none {padding:0 !important;}
.padding-top-none {padding-top:0 !important;}
.padding-left-none {padding-left:0 !important;}
.padding-right-none {padding-right:0 !important;}
.padding-bottom-none {padding-bottom:0 !important;}
/* Font */
.font8{font-size:8px !important;}.font9{font-size:9px !important;}.font10{font-size:10px !important;}.font11{font-size:11px !important;}.font12{font-size:12px !important;}.font13{font-size:13px !important;}.font14{font-size:14px !important;}.font15{font-size:15px !important;}.font16{font-size:16px !important;}.font17{font-size:17px !important;}.font18{font-size:18px !important;}.font19{font-size:19px !important;}.font20{font-size:20px !important;}.font25{font-size:25px !important;}.font30{font-size:30px !important;}
.lh8{line-height:8px !important;}.lh9{line-height:9px !important;}.lh10{line-height:10px !important;}.lh11{line-height:11px !important;}.lh12{line-height:12px !important;}.lh13{line-height:13px !important;}.lh14{line-height:14px !important;}.lh15{line-height:15px !important;}.lh16{line-height:16px !important;}.lh17{line-height:17px !important;}.lh18{line-height:18px !important;}.lh19{line-height:19px !important;}.lh20{line-height:20px !important;}.lh25{line-height:25px !important;}.lh26{line-height:26px !important;}.lh27{line-height:27px !important;}.lh28{line-height:28px !important;}.lh29{line-height:29px !important;}.lh30{line-height:30px !important;}.lh40{line-height:40px !important;}
/* Align */
.tac{text-align:center !important;}.tal{text-align:left !important;}.tar{text-align:right !important;}
.vat{vertical-align:top;}.vam{vertical-align:middle;}.vab{vertical-align:bottom;}
.cursor {cursor:pointer;}
.blockcenter {margin:0 auto;}
.block {display:block} /* 수정 */
.inline-block {display:inline-block !important;}
.inline {display:inline !important;}
.display-none {display:none !important;}
.none {display:none !important;}
.display-block {display:block !important;}
.opacity0 {opacity:0 !important;}
.opacity1 {opacity:1 !important;}
.bold {font-weight:bold !important;}
.clear {display:block; float:none; clear:both; height:0 !important; width:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.hidden {display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px;}
.pointer {cursor:pointer;}
.text-overflow {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.relative {position:relative !important;}
.absolute {position:absolute !important;}
/*======================================
align
========================================*/
.fl{float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.fr{float:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.overflow_h{overflow:hidden;}
hr {height:1px; border-bottom:1px dashed #d9d9d9; margin:10px 0; display:block; float:none; clear:both; height:0 !important; overflow:hidden; padding:0 !important;}
/* ----- link ----- */
.underline {display:inline-block; color:inherit; border-bottom:1px solid #555;}
/* input */
.m_text {display:inline-block; vertical-align:middle; height:35px; padding:0 10px; margin:0px; border-radius:0; border:none; border:1px solid #d9d9d9; font-size:16px;
font-weight:400; border-radius:5px;}
.m_text::placeholder {color:#c4c4c4;}
.m_text:focus, .m_text.active {border-color:#26a1ff;}
.m_text.error {border-color:#ec2222;}
.error_msg {color:#ec2222; padding-left:10px; margin:4px 0;}
textarea.m_text {height:80px; padding:4px 10px; resize:vertical;}
.form_control {display:block; width:100%; height:30px; padding:0 10px; margin:0; color:#000; font-size:16px; border:none; border-bottom:1px solid #c4c4c4; border-radius:0;
box-sizing:border-box; transition:0.2s; position:relative;}
input.form_control {display:inline-block; width:100%; height:30px; padding:0 10px; margin:0; color:#000; font-size:16px; border-radius:2px;
box-sizing:border-box; transition:0.2s; position:relative;}
input.form_control:focus::placeholder {color:transparent;}
/* Edge */
input.form_control:focus::-ms-input-placeholder {color:transparent;}
input.form_control:focus {outline:none; outline-offset:0; border-color:#00980e;}
input.form_control.error {color:#ff2b2b; border-color:#ff2b2b;}
textarea.form_control {min-height:150px; max-width:100%; min-width:100%; font-size:16px; line-height:20px; padding:10px 15px; border:1px solid #d9d9d9; border-radius:5px;}
textarea.form_control:focus {border-color:#26a1ff;}
textarea.resize_no {resize:none; /* 사용자 임의 변경 불가 */}
textarea.resize_able {resize:both; /* 사용자 변경이 모두 가능 */}
textarea.resize_horizontal {resize:horizontal; /* 좌우만 가능 */}
textarea.resize_vertical {resize:vertical; /* 상하만 가능 */}
input.form_control::placeholder,
textarea.form_control::placeholder {color:#c4c4c4;}
input.form_control:disabled,
textarea.form_control:disabled {background-color:#e4e4e4; color:#888888; border-color:#c4c4c4 !important;}
select.form_control {-moz-appearance:none; -webkit-appearance:none; appearance:none; position:relative; padding-right:23px; width:auto; min-width:80px;
background:url(../images/icon/select_arrow_down.png) no-repeat right 6px top 12px;}
select.form_control option {color:#000;}
select.form_control option:disabled {color:#c4c4c4; background:#f2f2f2;}
.form_group {margin:15px 0 0;}
.form_group:after {content:""; display:block; width:100%; height:0; clear:both; float:none;}
.form_group > label {font-size:16px; width:120px; float:left; text-align:right; padding-right:20px; line-height:30px;}
.form_group .form_control {width:calc(100% - 120px); float:left;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-text-fill-color:#000;
-webkit-box-shadow:0 0 0px 1000px transparent inset;
box-shadow:0 0 0px 1000px transparent inset;
transition:background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
-webkit-text-fill-color:#000;
-webkit-box-shadow:0 0 0px 1000px transparent inset;
box-shadow:0 0 0px 1000px transparent inset;
transition:background-color 5000s ease-in-out 0s;
}
/* 검색 폼 */
input.form_control {display:block; width:100%; height:35px; padding:0 10px; margin:0; color:#000; font-size:15px; border:1px solid #d9d9d9; border-radius:5px;
box-sizing:border-box; transition:0.2s; position:relative;}
input.form_control:focus {border-color:#26a1ff;}
input.form_control:focus::placeholder {color:transparent;}
.type_search {position:relative; display:inline-block; max-width:300px; width:100%; vertical-align:middle;}
.m_icon.icon_search {background:url(../images/common/icon_search.png) no-repeat; width:21px; height:20px; line-height:30px; vertical-align:middle;
position:absolute; right:10px; top:50%; transform:translateY(-50%); margin:0;}
.m_icon.icon_search:after {display:none;}
.select_search .select_box {display:inline-block; vertical-align:middle; width:120px; margin-right:4px;}
.select_search .select_box .select_area {width:100%;}
/* DatePicker */
.date_label {display:block; font-size:14px; font-weight:600;}
.m_date > input[type=text] {background:none; background:#fff; border:1px solid #d9d9d9; border-radius:5px; padding:0 5px 0 10px; width:100%; font-size:16px;
height:35px; font-weight:500;}
.m_date > input[type=text]::placeholder {color:#c4c4c4; font-size:15px; font-weight:400;}
.m_date > input[type=text]:focus-visible {outline:none;}
/* .m_date > input[type=text]:hover,
.m_date > input[type=text]:focus,
.m_date > input[type=text]:focus-visible {border-bottom:1px solid #e43c41;} */
.m_date {position:relative; width:230px;}
.m_date.single {position:relative; width:130px;}
.m_date label.daterange_picker {position:absolute; top:50%; transform:translateY(-50%); right:8px; width:20px; height:20px; font-size:0; background:url(../images/icon/icon_calendars.png) no-repeat center center; z-index:1;}
.m_date:hover label.daterange_picker,
.m_date:focus label.daterange_picker,
.m_date:active label.daterange_picker,
.m_date.active label.daterange_picker {background:url(../images/icon/icon_calendars_hover.png) no-repeat center center;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color:#007aff;}
.daterangepicker.dropdown-menu {max-width:none; width:auto;}
.top_form_area .m_date {width:235px;}
/* select */
.m_select {font-weight:600; width:160px; margin:0;}
.m_select .form-control {border:1px solid #e4e4e4; border-radius:0; box-shadow:none;}
.m_select .bootstrap-select > .dropdown-toggle {line-height:25px; border-color:#d9d9d9; border-radius:4px;}
.m_select .bootstrap-select .dropdown-menu, .bootstrap-select .dropdown-menu.inner, .dropdown-menu {padding:0; width:100%; height:auto; border:0; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.m_select .bs-actionsbox, .bs-donebutton, .bs-searchbox {margin-bottom:10px; padding:0;}
.m_select .bootstrap-select .dropdown-toggle .filter-option-inner-inner:active, .m_select .bootstrap-select .dropdown-toggle .filter-option-inner-inner:focus {color:#1b87f8;}
.m_select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {font-size:16px; font-weight:400; line-height:35px; color:#000;}
.m_select .bootstrap-select .dropdown-menu.inner {padding:0; width:100%;}
.m_select .bootstrap-select .dropdown-menu.inner.open {max-height:200px;}
.m_select .bootstrap-select>.dropdown-toggle.btn-default.bs-placeholder {line-height:35px; height:35px; width:160px; color:#000; font-size:16px; border-radius:5px; font-weight:400;}
.m_select .bootstrap-select.dropdown-toggle.btn-default.bs-placeholder {color:#000;}
.m_select .dropdown-menu > .active > a, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color:#1b87f8; background:transparent;}
.m_select .bootstrap-select .dropdown-toggle .bs-caret {top:6px;}
.m_select .bootstrap-select .dropdown-toggle .caret {border:none; background:url(../images/icon/icon_dropdown.png) repeat-x center center; width:11px; height:6px;
right:0; top:50%; transform:translateY(-50%); display:block;}
.m_select .bootstrap-select .dropdown-menu li a, .bootstrap-select .dropdown-menu li a {font-size:15px; font-weight:500; padding:6px 10px;}
.m_select .bootstrap-select.open > .dropdown-toggle {border-color:#397efe;}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {display:none !important;}
.m_select .dropdown-menu > li > a:focus, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {outline:none; background:#f2f2f2;}
.select_area {background:url("../images/icon/icon_dropdown.png") no-repeat center right 12px; padding:0 20px 0 10px; width:160px; height:35px; color:#000;
vertical-align:middle; line-height:35px; font-size:16px; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:1px solid #d9d9d9; border-radius:5px;
background-color:#fff; box-sizing:border-box;}
.select_area:focus {border-color:#26a1ff;}
.select_area.pop_div {width:150px;}
.select_area:disabled {background-color:#ddd; border-color:#aaa; color:#aaa;}
/* select2 추가 */
.m_select .select2-container {min-width:100%;}
.m_select .select2-container .select2-selection--single{height:35px;border-color:#d9d9d9;border-radius:5px !important;}
.m_select .select2-container--default .select2-selection--single .select2-selection__arrow{width:20px;height:initial;bottom:0;}
.m_select .select2-container--default .select2-selection--single .select2-selection__arrow {background:url(../images/icon/icon_dropdown.png) repeat-x center center; width:11px; height:6px;
right:10px; top:50%; transform:translateY(-50%); display:block;}
.m_select .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none;}
.m_select .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:33px; font-weight:400; font-size:16px;}
.m_select .select2-container--default .select2-search--dropdown .select2-search__field{border-color:#c4c4c4;border-radius:3px;}
.m_select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.m_select .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-color:#26a1ff;}
.select2-container--default .select2-results__option[aria-selected=true]{color:#24a9fd;font-weight:400;background-color:#fff;}
.select2-container--default .select2-results__option--highlighted{color:#24a9fd;background-color:#f4f5ff;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color:#f4f5ff; color:#24a9fd; }
/* Switch */
.m_switch > input[type=checkbox] + label:before {border:2px solid #fff; background-color:#007aff;}
.m_switch > input[type=checkbox]:checked + label {border-color:#007aff; background-color:#007aff;}
.m_switch > input[type=checkbox]:checked + label:before {border-color:#007aff; background-color:#fff;}
.m_switch > input[type=checkbox]:disabled + label {border-color:#c4c4c4; background-color:#e8e8e8;}
.m_switch > input[type=checkbox]:disabled + label:before {background-color:#fff;}
button {border:0; background:none; text-align:center; cursor:pointer; outline:0; transition:0.2s;}
.m_btn {display:inline-block; vertical-align:middle; line-height:28px; padding:0 16px; margin:0; color:#fff; font-size:15px; border:none; border-radius:8px; background:#4f4e56; transition:0.2s; border:1px solid #4f4e56;}
.m_btn + .m_btn {margin-left:6px;}
.m_btn:hover {background:#003880; color:#fff; border-color:#003880;}
.m_btn.btn_hs {line-height:23px; padding:0 25px; font-size:13px;}
.m_btn.btn_hl {line-height:43px; padding:0 55px; font-size:15px;}
.m_btn.btn_white {background:#fff; border-color:#c4c4c4; color:#000;}
.m_btn.btn_white:hover {background:#003880; color:#fff; border-color:#003880;}
/* Button */
.btn_s, .btn_m, .btn_l, .btn_sm, .btn_xl {display:inline-block; vertical-align:middle; padding:0 25px; margin:0; transition:0.2s; border-radius:5px; line-height:1;
color:#fff; font-size:15px; border:1px solid #4f4e56; background-color:#4f4e56; word-break:keep-all; box-sizing:border-box; text-align:center;}
.btn_s i, .btn_m i, .btn_l i, .btn_sm i, .btn_xl i {margin-right:3px;}
.btn_s + .btn_s,
.btn_m + .btn_m,
.btn_l + .btn_l,
.btn_sm + .btn_sm,
.btn_xl + .btn_xl {margin-left:5px;}
.btn_s {line-height:23px; padding:0 20px; font-size:14px; height:25px;}
.btn_m {line-height:33px; padding:0 35px; font-size:16px; height:35px;}
.btn_l {line-height:40px; padding:0 55px; font-size:16px;}
.btn_sm {line-height:33px; padding:0 15px; font-size:16px; height:35px;}
.btn_xl {line-height:60px; padding:0 40px; font-size:20px; height:60px;}
.btn_s:hover, .btn_m:hover, .btn_l:hover, .btn_sm:hover, .btn_xl:hover {background:#003880; color:#fff; border-color:#003880;}
button:disabled {color:#888 !important; border-color:#d9d9d9 !important; background-color:#e4e4e4 !important; cursor:default;}
.down_function button:disabled {opacity:1 !important;}
/* button:disabled:hover,
button:disabled:focus {background-color:#e4e4e4 !important; border-color:#c4c4c4 !important;} */
.btn_line {color:#00980e; border-color:#00980e;}
.btn_line:hover {background:#F2F2F2;}
ul li a, table a {transition:0.2s; color:#000;}
ul li a:hover, table a:hover {color:#26a1ff;}
button.btn_active,
a.btn_active {color:#fff; border-color:#4f4e56; background-color:#4f4e56;}
button.btn_active:hover,
a.btn_active:hover {border-color:#ef7158; background-color:#ef7158;}
button.btn_white,
a.btn_white {color:#4f4e56; border-color:#4f4e56; background-color:#fff;}
button.btn_white:hover,
a.btn_white:hover {border-color:#003880; background-color:#003880; color:#fff;}
button.btn_black,
a.btn_black {color:#fff; border-color:#4f4e56; background-color:#4f4e56;}
button.btn_black:hover,
a.btn_black:hover {border-color:#003880; background-color:#003880;}
button.btn_blue,
a.btn_blue {color:#fff; border-color:#26a1ff; background-color:#26a1ff;}
button.btn_blue:hover,
a.btn_blue:hover {border-color:#003880; background-color:#003880;}
button.btn_purple,
a.btn_purple {color:#fff; border-color:#6958a6; background-color:#6958a6;}
button.btn_purple:hover,
a.btn_purple:hover {border-color:#003880; background-color:#003880;}
.btn_white {color:#000; border-color:#232427; background-color:#fff;}
.btn_gray {color:#888; border-color:#888; background-color:#ebebeb;}
.btn_navy {color:#fff; border-color:#142160; background-color:#142160;}
.btn_red {color:#fff; border-color:#D41900; background-color:#D41900;}
.btn_grey {color:#fff; background:#7f7f7f; border:0;}
.btn_orange {color:#fff; background:#ef7158; border:0;}
.btn_icon {background:#363636; font-size:16px; color:#fff; border-radius:4px; width:25px; height:25px; padding:0; line-height:15px; border:0;}
.top_form_area .n_btn_icon {vertical-align:middle; padding:0 4px;}
.top_form_area .n_btn_icon:hover {color:#26a1ff;}
.top_form_area .n_btn_icon i {font-size:20px;}
.top_form_area .n_btn_icon i.icofont-pencil-alt-1 {font-size:22px;}
/*----------- 툴팁 스타일 ----------- */
/* 전체 */
.tooltip {font-size:14px;}
.tooltip.in {filter:alpha(opacity=100); opacity:1;}
.tooltip .tooltip-inner {background-color:#4f4d56; color:#fff; text-align:left; border:none; padding:13px 18px; border-radius:8px; max-width:150px; min-width:70px; width:100%;
box-shadow:none; overflow:hidden; letter-spacing:-0.5px;}
.tooltip.bottom .tooltip-arrow {border-bottom-color:#4f4d56;}
/* ******************************** 공통 ******************************** */
/* Tooltip */
.my_tooltip {display:inline-block; position:relative; text-align:left; cursor:pointer; vertical-align:middle;}
.my_tooltip:before {color:#c4c4c4;}
.my_tooltip:hover:before {color:#006abc;}
.my_tooltip > span.tooltip_btn {width:20px; height:20px; background:url(../images/icon/icon_tooltip.png) no-repeat center center; display:inline-block; border-radius:10px;}
.my_tooltip .bottom {text-align:left; top:35px; left:-15px; width:auto; min-width:300px; transform:none; padding:13px; color:#fff;
background-color:#4f4d56; font-weight:400; font-size:14px; border-radius:8px; position:absolute; z-index:800; box-sizing:border-box;
word-break:keep-all; box-shadow:0 1px 8px rgba(0,0,0,0.5); visibility:hidden; opacity:0; transition:0.2s;}
.my_tooltip:hover .bottom {visibility:visible; opacity:1;}
.my_tooltip .bottom i.arrow {position:absolute; bottom:100%; left:auto; width:24px; height:12px; overflow:hidden;}
.my_tooltip .bottom i.arrow::after {content:''; position:absolute; width:12px; height:12px; left:50%; transform:translate(-50%,50%) rotate(45deg); background-color:#4f4d56; /*box-shadow:0 1px 8px rgba(0,0,0,0.8);*/}
.my_tooltip .bottom .tooltip_con {position:relative; width:100%; height:100%; font-size:14px; line-height:18px;}
.my_tooltip .bottom .tooltip_con .tooltip_btn {position:absolute; right:0px; bottom:0px;}
.my_tooltip .bottom .tooltip_con h4 {font-weight:300; font-size:14px; color:#d9d9d9; margin-top:0;}
.my_tooltip .bottom .tooltip_con p.text_ellipsis{/* 한 줄 자르기 */
display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
/* 여러 줄 자르기 추가 스타일 */
white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical;
height:auto; -webkit-line-clamp:1;}
.my_tooltip .bottom .tooltip_con p.text_ellipsis2 {/* 두 줄 자르기 */
display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
/* 여러 줄 자르기 추가 스타일 */
white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical;
max-height:48px; -webkit-line-clamp:2;}
.my_tooltip .bottom .tooltip_con p:last-child {margin-bottom:0;}
.my_tooltip .bottom .tooltip_con ul {padding:0; margin:0;}
.my_tooltip .bottom .tooltip_con ul > li {padding-left:10px; position:relative; list-style:none; font-size:14px; line-height:18px; margin-bottom:3px;}
.my_tooltip .bottom .tooltip_con ul > li:before {content:""; width:4px; height:4px; background:#ef7158; border-radius:2px; position:absolute; left:0; top:7px;}
.my_tooltip .bottom .tooltip_con ul > li:after {display:none;}
.my_tooltip .bottom .tooltip_con ul > li:last-child {margin-bottom:0;}
.my_tooltip .bottom.tooltip_shared .tooltip_con ul.tooltip_ul li {font-weight:normal;}
.my_tooltip .bottom .tooltip_con ol {padding:0 0 0 13px;}
.my_tooltip .bottom .tooltip_con ol li {margin:0 0 3px 0;}
.my_tooltip .bottom .tooltip_con ul ol {margin-top:5px;}
/* 툴팁 가운데정렬 */
.my_tooltip.tooltip_align_center .bottom {left:50%; top:35px; transform:translate(-50%, 0);}
.my_tooltip.tooltip_align_center .bottom i.arrow {left:50%; transform:translate(-50%, 0);}
/* 툴팁 우측정렬 */
.my_tooltip.tooltip_align_right .bottom {left:auto; right:-11px; top:35px; transform:translate(0, 0);}
.my_tooltip.tooltip_align_right .bottom i.arrow {left:auto; right:7px; transform:translate(0, 0);}
.my_tooltip.qustion_tooltip {position:relative; font-size:20px; top:3px; right:0;}
/* 테이블 스타일 */
.list_table_area {margin-top:10px;}
.list_table_area caption{width:0;height:0;padding:0;margin:0;overflow:hidden;}
.list_table_area table {width:100%;}
.list_table_area thead {border-top:3px solid #4f4d56; border-bottom:1px solid #4f4d56; background-color:#fff;}
.list_table_area thead tr th {padding:6px 10px; text-align:left; font-weight:400; font-size:15px;}
.list_table_area tbody tr {border-bottom:1px solid #e4e4e4;}
.list_table_area tbody tr:hover {background:#f9f9f9;}
.list_table_area thead tr th.title_bg {background:#f4f4f4;}
.list_table_area.type_row tbody tr:hover {background:transparent;}
.list_table_area tbody tr td {padding:6px 10px; text-align:left; font-size:15px;}
.list_table_area thead tr th.align_left, .list_table_area tbody tr td.align_left {text-align:left;}
.list_table_area tbody tr td a {transition:0.2s; vertical-align:middle;}
.list_table_area tbody tr td a:hover, .list_table_area tbody tr td a:focus {color:#26a1ff;}
.list_table_area a {text-decoration:underline; text-underline-position:under;}
.list_table_area.board_style table {border-top:3px solid #4f4d56;}
.list_table_area.board_style table tbody tr:hover {background:transparent;}
.list_table_area.board_style table tbody tr th, .list_table_area.board_style table tbody tr td {font-size:16px; padding:15px 20px;}
.list_table_area.board_style table tbody tr th {text-align:center;}
.list_table_area.board_style table tbody tr td {text-align:left;}
/* tui-grid */
.tui-grid-container{font-family:"Noto Sans KR", "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif !important;font-size:12px;overflow:auto;}
.tui-grid-cell{border-left-width:0 !important;border-right-width:0 !important; font-size:16px; background-color:#fff !important; border-color:#e4e4e4 !important;}
.tui-grid-cell-header, .tui-grid-cell.tui-grid-cell-header {color:#000 !important;font-weight:400; border-bottom:1px solid #4f4d56 !important;
background-color:#fff !important; text-align:left !important;}
.tui-grid-border-line-top{border-top:3px solid #4f4d56 !important; border-bottom-color:#e1e3e7 !important;}
.tui-grid-border-line-bottom{border-bottom-width:0 !important;}
.tui-grid-layer-focus-border{background-color:initial !important;}
.tui-grid-row-hover .tui-grid-cell{background-color:#f3f8ff;}
.tui-grid-btn-sorting{background-image:none;}
.tui-grid-btn-sorting:after{display:block;content:"\efee";line-height:1;color:#003880;font-family:"IcoFont";font-size:16px;font-weight:100;text-indent:0;}
.tui-grid-btn-sorting:hover:after{color:#26a1ff;}
.tui-pagination .tui-page-btn {font-size:14px; color:#767676; min-width:14px; line-height:25px; height:25px; border-radius:5px; transition:0.2s; padding:0 5px; width:14px;
border:0; margin:0 2px;}
.tui-pagination .tui-page-btn:hover {background:#4f4d56; color:#fff;}
.tui-pagination .tui-last-child.tui-is-selected {border-right:1px solid #ddd;}
.tui-pagination .tui-first-child.tui-is-selected {border-left:1px solid #ddd;}
.tui-pagination .tui-is-selected, .tui-pagination strong {color:#fff; background:#4f4d56; border:0; border-radius:5px; cursor:pointer;}
.tui-pagination .tui-is-selected:hover {background-color:#4f4d56;}
.tui-pagination .tui-first, .tui-pagination .tui-last, .tui-pagination .tui-next, .tui-pagination .tui-next-is-ellip, .tui-pagination .tui-prev, .tui-pagination .tui-prev-is-ellip {border:0 !important;}
.tui-pagination .tui-first:hover, .tui-pagination .tui-last:hover, .tui-pagination .tui-next:hover,
.tui-pagination .tui-next-is-ellip:hover, .tui-pagination .tui-prev:hover, .tui-pagination .tui-prev-is-ellip:hover {background:transparent;}
/*======================================
common
========================================*/
.pub_guide {padding:160px 0; overflow:hidden;}
.pub_guide .g_section {display:block; padding:50px 0; border-top:1px solid #d9d9d9;}
.pub_guide .g_section:first-child {border-top:none; padding-top:0;}
.pub_guide .g_section .inline-block {vertical-align:top;}
.pub_guide h2 {font-size:30px; font-weight:bold; margin:0;}
.pub_guide .g_item {display:block; padding:20px;}
.pub_guide .g_item h3 {font-size:20px; font-weight:400; display:inline-block; vertical-align:top; margin-right:30px; width:170px; color:#4596ff;}
.pub_guide .g_item ul.g_color {display:inline-block; padding:10px 0 0; margin:0;}
.pub_guide .g_item ul.g_color li {display:inline-block; list-style:none; padding:0; margin:0 20px 0 0; width:70px; height:70px; border-radius:10px; background:#ddd; position:relative;}
.pub_guide .g_item ul.g_color li span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:15px; color:#fff;}
.pub_guide .g_item .txt {display:inline-block; font-size:16px;}
.pub_guide .g_item .txt small {font-size:16px; color:#666;}
.weight_100 {font-weight:100;}
.weight_300 {font-weight:300;}
.weight_400 {font-weight:400;}
.weight_500 {font-weight:500;}
.weight_700 {font-weight:700;}
.weight_900 {font-weight:900;}
.g_section .m_radio {margin-top:4px;}
.g_section .m_check {margin-top:4px;}
.g_section.radioCheck .inline-block {float:left;}
/* 검색폼 */
input::placeholder {color:#c4c4c4;}
/* 숨김 텍스트 */
.blind {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}
/* Button */
.m_icon:before {display:inline-block; position:absolute; top:0; left:5px; width:25px; height:25px; line-height:25px; transition:0.2s;}
.m_icon.img_notice:before {content:""; background:url(../images/icon/icon_notice.png)no-repeat;}
.m_icon.img_notice:hover:before {content:""; background:url(../images/icon/icon_notice_hover.png)no-repeat;}
.m_icon.img_qna:before {content:""; background:url(../images/icon/icon_qna.png)no-repeat center; left:3px;}
.m_icon.img_qna:hover:before {content:""; background:url(../images/icon/icon_qna_hover.png)no-repeat center; left:3px;}
.m_icon.img_setting:before {content:""; background:url(../images/icon/icon_setting.png)no-repeat;}
.m_icon.img_setting:hover:before {content:""; background:url(../images/icon/icon_setting_hover.png)no-repeat;}
/* 첨부파일 */
.filebox {position:relative; margin:2px; min-height:30px;}
.filebox label {display:inline-block; padding:0 5px; height:30px; line-height:30px; color:#fff; background-color:#000; border-radius:3px; cursor:pointer;}
.filebox label:hover {color:#fff; background-color:#e43c41;}
.filebox label:after {content:""; position:absolute; left:0; width:30px; height:30px;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.filebox .upload_name {display:inline-block; position:relative; padding:0 25px 0 5px; height:30px; line-height:30px; font-size:14px; vertical-align:middle; color:#666; background:none; border:0;}
.filebox .upload_name:focus {border:1px solid #e43c41; border-radius:3px; cursor:pointer; outline-color:#e43c41;}
.filebox .m_icon {position:absolute; top:-1px; right:8px; width:10px;}
.filebox .m_icon, .filebox .m_icon:hover {background-color:transparent;}
.filebox .m_icon.icon_close:after {color:#000;}
.filebox .m_icon.icon_close:hover:after {color:#e43c41;}
/* Paging Button*/
.paging_area {padding:20px 0 0;}
.paging_area > .active:hover {color:#fff;}
.paging_area > button, .paging_area > a {font-size:14px; color:#767676; min-width:25px; line-height:25px; height:25px; border-radius:5px; transition:0.2s; padding:0 5px;}
.paging_area > button:hover, .paging_area > a:hover {color:#fff; background-color:#4f4d56;}
.paging_area > button.active, .paging_area > .active {color:#fff; background-color:#4f4d56;}
.paging_area > .first, .paging_area > .prev, .paging_area > .next, .paging_area > .last {font-size:0; font-weight:700; border:0;}
.paging_area > .first:hover, .paging_area > .prev:hover, .paging_area > .next:hover, .paging_area > .last:hover {color:#004aa4; border:0; font-weight:700;}
.paging_area > .first:before,
.paging_area > .prev:before,
.paging_area > .next:before,
.paging_area > .last:before {font-weight:700; color:#000000;}
.pop_paging_area {padding:20px 0 0;}
.pop_paging_area > .pop_active:hover {color:#fff;}
.pop_paging_area > button, .pop_paging_area > a {font-size:14px; color:#767676; min-width:25px; line-height:25px; height:25px; border-radius:5px; transition:0.2s; padding:0 5px;}
.pop_paging_area > button:hover, .pop_paging_area > a:hover {color:#fff; background-color:#4f4d56;}
.pop_paging_area > button.active, .pop_paging_area > .pop_active {color:#fff; background-color:#4f4d56;}
.pop_paging_area > .pop_first, .pop_paging_area > .pop_prev, .pop_paging_area > .pop_next, .pop_paging_area > .pop_last {font-size:0; font-weight:700; border:0;}
.pop_paging_area > .pop_first:hover, .pop_paging_area > .pop_prev:hover, .pop_paging_area > .pop_next:hover, .pop_paging_area > .pop_last:hover {color:#004aa4; border:0; font-weight:700;}
.pop_paging_area > .pop_first:before,
.pop_paging_area > .pop_prev:before,
.pop_paging_area > .pop_next:before,
.pop_paging_area > .pop_last:before {font-weight:700; color:#000000;}
/* Checkbox */
.m_check {margin-left:5px;}
.m_check > input[type=checkbox]:focus {outline:none;}
.m_check > input[type=checkbox] + label {padding:0 0 0 27px; outline-color:#26a1ff; line-height:20px; vertical-align:middle;}
.m_check > input[type=checkbox] + label:before {width:17px; height:17px; position:absolute; top:50%; transform:translateY(-50%); left:0; border-radius:0; border:none; background:#fff; border:1px solid #e4e4e4;}
.m_check > input[type=checkbox] + label:after {width:10px; height:5px; position:absolute; top:8px; left:3px; border-left:2px solid #fff; border-bottom:2px solid #fff; opacity:1;
transform:rotate(-45deg); transition:all 0.1s ease;}
.m_check > input[type=checkbox]:checked + label:before {background-color:#26a1ff; border-color:#26a1ff;}
.m_check > input[type=checkbox]:checked + label:after {opacity:1; width:10px; height:5px; top:6px; left:4px;}
.m_check > input[type=checkbox]:disabled + label {color:#888;}
.m_check > input[type=checkbox]:disabled + label:before {border-color:#c4c4c4;}
.m_check.check_only > input[type=checkbox] + label {padding-left:20px;}
/* Radio */
.m_radio {vertical-align:unset; margin:0;}
.m_radio > input[type=radio] {width:16px; height:16px; top:4px;}
.m_radio > input[type=radio] + label {vertical-align:middle; line-height:16px; font-size:16px; outline-color:#26a1ff;}
.m_radio > input[type=radio] + label:before {border:1px solid #d7dcde; width:16px; height:16px;}
.m_radio > input[type=radio]:disabled + label {color:#888;}
.m_radio > input[type=radio]:disabled + label:before {color:#888; border-color:#c4c4c4;}
.m_radio > input[type=radio]:focus {outline:none;}
.m_radio > input[type=radio]:checked + label:before {border-color:#26a1ff; background-color:#26a1ff; width:16px; height:16px;}
.m_radio > input[type=radio]:checked + label:after {width:14px; height:14px; top:1px; left:1px; background-color:#26a1ff; border:2px solid #fff; border-radius:50%;}
.m_radio > input[type=radio]:checked:disabled + label:before {border-color:#888; background-color:#888;}
.m_radio > input[type=radio]:checked:disabled + label:after {background-color:#888; border:2px solid #e4e4e4;}
/* jstree */
.jstree_area.jstree-default .jstree-themeicon {font-style: normal;background: none;}
.jstree_area.jstree-default .jstree-themeicon:after {display:block; content:"\ef36"; font-family:"Icofont"; font-size:19px; color:#003880;}
.jstree_area.jstree-default .jstree-themeicon.user_file:after {content:"\eb2a"; font-size:15px;}
.jstree_area.jstree-default li.jstree-open .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\ec5b"; color:#2284fd;}
.jstree_area.jstree-default li.jstree-closed .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\ef36"; color:#0d2e8a;}
/* 하위폴더가 없는 아이콘 */
.jstree_area.jstree-default li.jstree-leaf .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\eb2a"; color:#ccc;}
.jstree_area.jstree-default li.jstree-leaf .jstree-icon.jstree-ocl {background:0 0;}
.jstree_area.jstree-default li.jstree-leaf.category .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\ec5b"; color:#ccc;}
.jstree_area.jstree-default > .jstree-container-ul {}
.jstree_area.jstree-default .jstree-node, .con_tree .jstree-default .jstree-icon.jstree-themeicon {background:none !important;}
.jstree_area.jstree-default li .jstree-wholerow {border-bottom:1px solid #e4e4e4;}
.jstree_area .jstree-anchor {overflow:hidden; text-overflow:ellipsis;}
.jstree_area .vakata-context .vakata-contextmenu-disabled > a > i {filter:grayscale(100%);}
.jstree_area.jstree-default .jstree-wholerow-hovered {background:#e9f6ff;}
.jstree_area.jstree-default .jstree-wholerow-clicked {background:#24a9fd !important;}
.jstree_area.jstree-default .jstree-wholerow:focus {background:#24a9fd !important;}
.jstree_area.jstree-default .jstree-clicked.jstree-anchor, .jstree_area.jstree-default .jstree-clicked.jstree-anchor:link, .jstree_area.jstree-default .jstree-clicked.jstree-anchor:visited, .jstree_area.jstree-default .jstree-clicked.jstree-anchor:hover, .jstree_area.jstree-default .jstree-clicked.jstree-anchor:active {color: #fff;}
.jstree_area.jstree-default .jstree-node {min-height:32px; line-height:32px; margin-left:15px; min-width:20px;}
.jstree_area.jstree-default .jstree-anchor {line-height:32px; height:32px;}
.jstree_area.jstree-default .jstree-icon {width:20px; height:32px; line-height:32px;}
.jstree_area.jstree-default .jstree-icon:empty {width:20px; height:32px; line-height:32px;}
.jstree_area.jstree-default.jstree-rtl .jstree-node {margin-right:20px;}
.jstree_area.jstree-default .jstree-wholerow {height:32px;}
.jstree_area.jstree-default .jstree-open > .jstree-ocl {background-position:-36px 3px;}
.jstree_area.jstree-default .jstree-closed > .jstree-ocl {background-position:-4px 3px;}
.jstree_area #jstree-dnd.jstree-default {line-height:32px; padding:0 4px;}
.jstree_area #jstree-dnd.jstree-default i {background:transparent; width:20px; height:32px; line-height:32px;}
.jstree_area.jstree-default .defaultViewYn_Y {font-weight:bold; color: #0059bc;}
.jstree_content {position:relative;}
.jstree_content:after {content:""; display:block; clear:both;}
.jstree_content .jstree_area {float:left; padding:20px; width:350px; min-height:400px; overflow-y:auto; box-shadow:0 0 10px rgb(0,0,0,0.1); border-radius:5px;}
.jstree_content .admin_table {float:left; margin-left:30px; width:calc(100% - 380px); height:calc(100vh - 367px); min-height:400px;}
.jstree_content .admin_table .form_area {margin:0;}
.jstree_content .admin_table .button_box {display:flex; align-items:flex-end; justify-content:center; height:calc(100vh - 622px);}
.jstree_content .admin_table .btn_area {position:absolute; left:0; bottom:0; width:100%;}
.jstree_area.jstree-default .jstree-node .jstree-leaf div {border:0;}
.jstree_area.jstree-default .jstree-node .jstree-leaf.jstree-last div {border-bottom:1px solid #e4e4e4;}
.jstree .jstree-open > .jstree-children .jstree-node.jstree-open > div {border-bottom:0;}
/* ******************** jstree ******************** */
.jstree_area.jstree-default {height:440px; overflow-y:auto;}
.jstree_area.jstree-default .jstree-themeicon {font-style:normal; background:none !important;}
.jstree_area.jstree-default .jstree-themeicon:after {display:block; content:"\ef36"; font-family:"Icofont"; font-size:19px; color:#003880;}
.jstree_area.jstree-default .jstree-themeicon.user_file:after {content:"\eb2a"; font-size:15px;}
.jstree_area.jstree-default li.jstree-open .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\ec5b"; color:#3c62ec;}
.jstree_area.jstree-default li.jstree-closed .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\ef36"; color:#0d2e8a;}
/* 하위폴더가 없는 아이콘 */
.jstree_area.jstree-default li.jstree-leaf .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\eb2a"; color:#ccc; font-size:16px; margin-top:1px;}
.jstree_area.jstree-default li.jstree-leaf.category .jstree-anchor > .jstree-icon.jstree-themeicon:after {content:"\ec5b"; color:#ccc;}
.jstree_area.jstree-default li .jstree-clicked.jstree-anchor i:after {/* color:#fff !important; */}
.jstree_area.jstree-default .jstree-node, .con_tree .jstree-default .jstree-icon.jstree-themeicon {background:none !important;}
.jstree_area.jstree-default li .jstree-wholerow {border-bottom:none;}
.jstree_area .jstree-anchor {overflow:hidden; text-overflow:ellipsis;}
.jstree_area .vakata-context .vakata-contextmenu-disabled > a > i {filter:grayscale(100%);}
.jstree_area.jstree-default .jstree-wholerow-hovered {background:#f4f8ff;}
.jstree_area.jstree-default .jstree-wholerow-clicked {background:none !important; color:#007aff;}
.jstree_area.jstree-default .jstree-wholerow-hovered.jstree-wholerow-clicked {background:#f4f8ff !important;}
.jstree_area.jstree-default .jstree-clicked.jstree-anchor,
.jstree_area.jstree-default .jstree-clicked.jstree-anchor:link,
.jstree_area.jstree-default .jstree-clicked.jstree-anchor:visited,
.jstree_area.jstree-default .jstree-clicked.jstree-anchor:hover,
.jstree_area.jstree-default .jstree-clicked.jstree-anchor:active {color:#007aff;}
.jstree_area.jstree-default .jstree-node {min-height:32px; line-height:32px; margin-left:15px; min-width:20px;}
.jstree_area.jstree-default .jstree-anchor {line-height:32px; height:32px;}
.jstree_area.jstree-default .jstree-icon {width:20px; height:32px; line-height:32px;}
.jstree_area.jstree-default .jstree-icon:empty {width:20px; height:32px; line-height:32px;}
.jstree_area.jstree-default.jstree-rtl .jstree-node {margin-right:20px;}
.jstree_area.jstree-default .jstree-wholerow {height:32px;}
.jstree_area.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {background-position:-36px 3px;}
.jstree_area.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {background-position:-4px 3px;}
.jstree_area #jstree-dnd.jstree-default {line-height:32px; padding:0 4px;}
.jstree_area #jstree-dnd.jstree-default i {background:transparent; width:20px; height:32px; line-height:32px;}
.jstree_area.jstree-default .defaultViewYn_Y {font-weight:bold; color:#0059bc;}
.btn_tree {border-radius:15px; min-width:80px; font-size:15px; font-weight:600; margin-right:10px; padding:4px 12px;}
.btn_tree:last-child {margin-right:0;}
.view_menu_wrap .btn-success {background:#000; border-radius:15px; border:0; cursor:default; border:1px solid #000;}
.view_menu_wrap .btn-success:hover {background:#000;}
.view_menu_wrap .btn-danger {color:#000; background:#fff; border:1px solid #000; cursor:default;}
.view_menu_wrap .btn-danger:hover {color:#000; background:#fff; border:1px solid #000;}
/* Scroll Style */
.sidebar-menu .menu_section::-webkit-scrollbar {width:8px; height:8px; background:#222;} /* width */
.sidebar-menu .menu_section::-webkit-scrollbar-track {background:rgba(255,255,255,0.7);} /* Track */
.sidebar-menu .menu_section::-webkit-scrollbar-thumb {background:#8d8d8f; border-radius:4px;} /* Handle */
.sidebar-menu .menu_section::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.5);} /* Handle on hover */
/* popup */
.wrap_layer{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.2);z-index:101;}
.wrap_layer .modal-content{top:50% !important;border-radius:10px;/*overflow-y:auto;*/ box-shadow:5px 10px 10px 1px rgba(0,0,0,0.2); transform:translate(-50%,-50%); height:auto !important;
border:none; background:#fff; margin-left:0 !important; margin-top:0 !important; min-height:auto !important;}
.wrap_layer .layerIn{padding:0 !important;}
.wrap_layer .layerTop{padding:9px 35px; position:relative; /* display:none; */ border-bottom:1px solid #ababab;}
.wrap_layer .layerTop .modal-title{font-size:22px;font-weight:700;text-align:left; padding:0;}
.wrap_layer .layerTop button.close{position:absolute;top:0;right:3px;text-align:center;margin:0;}
.wrap_layer .layerTop button.close span{display:block;width:30px;height:30px;font-size:0;}
.wrap_layer .layerTop button.close span:after{display:block;content:'\eee1';line-height:30px;font-family:'Icofont';font-size:20px; right:-2px;}
.wrap_layer .layerCon{/*max-height:600px;*/overflow-y:auto;}
.wrap_layer .layerCon .msg {font-size:16px; padding:0;}
.wrap_layer .popContents {padding:20px 50px 40px; border-top:none;overflow-x:hidden;overflow-y:auto !important;max-height:90vh;position:relative;background:#f4f4f4; border-radius:0 0 10px 10px;}
.wrap_layer .btnArea {padding:20px 0; margin:0;}
.wrap_layer .btnArea .btn {min-width:120px; height:35px; font-size:15px; padding:0 15px; margin:2px 4px; border-radius:5px; background:#4f4e56; color:#fff; transition:0.2s;}
.wrap_layer .btnArea .btn + .btn {background:#fff; border:1px solid #4f4e56; color:#000;}
.wrap_layer .btnArea .btn:hover {background:#003880; color:#fff;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none;}
.wrap_layer #div_alertDialog, .wrap_layer #div_confirmDialog {width:400px !important;}
.wrap_layer #div_alertDialog .layerTop, .wrap_layer #div_confirmDialog .layerTop {border-bottom:0; padding:55px 40px 25px 40px;}
.wrap_layer #div_alertDialog .layerCon, .wrap_layer #div_confirmDialog .layerCon {background:#fff; border-radius:0 0 10px 10px; padding:10px 50px 25px;}
.wrap_layer #div_alertDialog .layerTop .modal-title, .wrap_layer #div_confirmDialog .layerTop .modal-title {text-align:center;}
/* .wrap_layer .layerTop{padding:55px 40px 25px 40px; position:relative; display:none;} */
/**** 팝업 ***************************************************************************************/
/* 팝업 공통 */
.mg_popup{display:none; position:fixed; top:0; bottom:0; left:0; right:0; flex-direction:column; align-items:center; justify-content:center; background:rgba(0,0,0,0.5);}
.mg_popup.active{display:flex;}
.mg_popup .popup_wrap{position:relative;width:100%;min-width:300px;max-width:80%;max-height:80%;background:#fff; border-radius:10px; box-shadow:5px 10px 10px 1px rgba(0,0,0,0.2);
padding:50px 50px 40px 50px;}
.mg_popup .popup_header{margin-top:-30px; padding-bottom:40px;}
.mg_popup .popup_header h2 {display:inline-flex;align-items:flex-end; margin:0; font-size:22px;font-weight:700;}
.mg_popup .popup_body{min-width:300px;/* height:calc(100% - 108px); overflow:auto;*/}
.mg_popup .popup_container{padding:0; text-align:left;}
.mg_popup .popup_container p {font-size:15px; line-height:24px; margin:0 0 10px;}
.mg_popup .btn_popup_close{width:30px;height:30px;position:absolute;top:20px;right:10px;text-indent:-9999px;border:0;background:transparent;}
.mg_popup .btn_popup_close:after{display:block;content:"\eee1";line-height:28px;position:absolute;top:0;right:0;bottom:0;left:0;color:#7b7e85;font-family:"IcoFont";font-size:26px;text-align:center;text-indent:0;}
.mg_popup .mg_form{border:0;background-color:initial;}
.mg_popup .mg_form > li > .que{color:inherit;background-color:initial;}
.mg_popup .mg_form > li > .que.required:after{top:15px;}
.mg_popup .mg_form > li > .ans{position:relative;}
.mg_popup .mg_form .m_textarea{min-height:80px;}
.mg_popup .mg_form + .brief,
.mg_popup .mg_listForm + .brief{padding:10px 0;}
.mg_popup .mg_btn{padding:30px 0 20px;justify-content:center; display:flex;}
.mg_popup .mg_btn button {min-width:120px;}
.mg_popup ul.mg_btn{justify-content:space-between;}
/* .mg_popup .m_btn:hover{box-shadow:2px 10px 15px rgba(0,0,0,0.15) !important;} */
/* 팝업 수정 공통 */
.layerIn .mg_popup_layer{width:100%;}
.layerIn .mg_popup_layer.active{display:block;}
.layerIn .mg_popup_layer .popup_wrap{width:100%;}
.layerIn .mg_popup_layer .popup_header{display:flex;flex-direction:row;justify-content:center;padding:20px 0px 35px 0px;}
.layerIn .mg_popup_layer .popup_header h2 {display:inline-flex;align-items:flex-end;padding:0 10px;margin:0;font-size:26px;font-weight:700;}
.layerIn .mg_popup_layer .popup_body{width:100%;}
.layerIn .mg_popup_layer .popup_container{padding:10px 20px 10px 20px;}
.layerIn .mg_popup_layer .mg_form{border:0;background-color:initial;}
.layerIn .mg_popup_layer .mg_form > li > .que{color:inherit;background-color:initial;}
.layerIn .mg_popup_layer .mg_form > li > .que.required:after{top:15px;}
.layerIn .mg_popup_layer .mg_form > li > .ans{position:relative;}
.layerIn .mg_popup_layer .mg_form .m_textarea{min-height:80px;}
.layerIn .mg_popup_layer .mg_form + .brief,
.layerIn .mg_popup_layer .mg_listForm + .brief{padding:10px 0;}
.layerIn .mg_popup_layer .mg_btn{padding:35px 0px 10px 0px;justify-content:center;}
.layerIn .mg_popup_layer ul.mg_btn{justify-content:space-between;}
.layerIn .mg_popup_layer .m_btn:hover{box-shadow:2px 10px 15px rgba(0,0,0,0.15) !important;}
.form_group .form_group span {display:inline-block; vertical-align:middle; font-size:14px; line-height:30px;}
.form_group span.text_info {display:inline-block; vertical-align:middle; font-size:14px; line-height:30px;}
.form_group .m_radio > input[type=radio] + label {line-height:30px; height:30px;}
.form_group .m_radio > input[type=radio] + label:before {top:8px;}
.form_group .m_radio > input[type=radio] + label:after {top:9px;}
.form_group .group .btn_sm {height:30px; line-height:30px;}
.form_area label.form_label{width:100px;}
.form_area .form_group > .form_control,
.form_area .form_group > .m_text,
.form_area .form_group > .m_select,
.form_area .form_group > .group,
.form_area span.text_info {width:calc(100% - 100px); float:left;}
.form_area.label_100 label.form_label{width:100px;}
.form_area.label_100 .form_group > .form_control,
.form_area.label_100 .form_group > .m_text,
.form_area.label_100 .form_group > .m_select,
.form_area.label_100 .form_group > .group,
.form_area.label_100 span.text_info {width:calc(100% - 100px);}
.form_area.label_110 label.form_label{width:110px;}
.form_area.label_110 .form_group > .form_control,
.form_area.label_110 .form_group > .m_text,
.form_area.label_110 .form_group > .m_select,
.form_area.label_110 .form_group > .group,
.form_area.label_110 span.text_info {width:calc(100% - 110px);}
.form_area.label_120 label.form_label{width:120px;}
.form_area.label_120 .form_group > .form_control,
.form_area.label_120 .form_group > .m_text,
.form_area.label_120 .form_group > .m_select,
.form_area.label_120 .form_group > .group,
.form_area.label_120 span.text_info {width:calc(100% - 120px);}
.form_area.label_130 label.form_label{width:130px;}
.form_area.label_130 .form_group > .form_control,
.form_area.label_130 .form_group > .m_text,
.form_area.label_130 .form_group > .m_select,
.form_area.label_130 .form_group > .group,
.form_area.label_130 span.text_info {width:calc(100% - 130px);}
.form_area.label_140 label.form_label{width:140px;}
.form_area.label_140 .form_group > .form_control,
.form_area.label_140 .form_group > .m_text,
.form_area.label_140 .form_group > .m_select,
.form_area.label_140 .form_group > .group,
.form_area.label_140 span.text_info {width:calc(100% - 140px);}
.form_area.label_150 label.form_label, .form_area.label_150 .form_label {width:150px;}
.form_area.label_150 .form_group > .form_control,
.form_area.label_150 .form_group > .m_text,
.form_area.label_150 .form_group > .m_select,
.form_area.label_150 .form_group > .group,
.form_area.label_150 span.text_info,
.form_area.label_150 .form_group .insert {width:calc(100% - 150px);}
.form_area.label_150 .form_group > .form_control {min-width:calc(100% - 150px); max-width:calc(100% - 150px);}
.form_area.label_150 .form_group .insert {overflow:hidden;}
.form_area.label_180 label.form_label, .form_area.label_180 .form_label {width:180px;}
.form_area.label_180 .form_group > .form_control,
.form_area.label_180 .form_group > .m_text,
.form_area.label_180 .form_group > .m_select,
.form_area.label_180 .form_group > .group,
.form_area.label_180 span.text_info {width:calc(100% - 180px); }
/*===========================================================================================================================
레이아웃
=============================================================================================================================*/
/*======================================
header
========================================*/
body {letter-spacing:-0.5px;}
body.active {overflow:hidden;}
.contents_ex {border:2px solid red; font-size:40px; padding:1000px 0; margin:20px 0; text-align:center;}
.header_area {position:fixed; width:100%; z-index:100; top:0;}
.notice_box.active {display:none;}
.notice_box.active header {margin-top:-90px;}
.notice_box {background-color:#f2f2f2; color:#2e2e2e; overflow:hidden; height:50px; min-width:1280px;}
.notice_box .notice_txt {float:left; line-height:50px;}
.notice_box .close_area {float:right; line-height:50px;}
.notice_box .notice_txt p {font-weight:bold; font-size:15px;}
.notice_box .notice_txt p span {border:1px solid #2e2e2e; font-size:14px; font-weight:400; margin-right:15px; padding:1px 9px; border-radius:15px;}
.notice_box .close_area button {border:none; font-size:12px; background-color:transparent; position:relative; margin-right:30px;}
.notice_box .close_area button:after {content:""; position:absolute; right:-10px; background:url(../images/common/icon_close.png)no-repeat; width:8px; height:8px; top:49%; transform:translateY(-50%);}
.notice_box .close_area button:hover {color:#2e2e2e;}
.header {position:relative; height:90px; border-bottom:1px solid #e7e7e7; background-color:#fff; width:100%; padding-top:10px;}
.header .m_inner {width:100%; max-width:1600px;}
.header button.m_menu {position:absolute; right:0; top:0; margin:0; width:23px; height:90px; text-indent:-9999px; z-index:1; transition:background 0.5s; transition-delay:0.2s;
background:url(../images/icon/m_menu.png)no-repeat center; display:none;}
.page1 .header button.m_menu,
.page2-1 .header button.m_menu {background:url(../images/icon/m_menu2.png)no-repeat center;}
.header .logo {position:absolute; top:-10px; left:0; height:90px; background:url(../images/logo/logo_kailab.png) no-repeat center left; width:162px;}
body.page1 .header .logo, body.page2-1 .header .logo {background:url(../images/logo/logo_kailab2.png) no-repeat center left; transition:background 2s; }
/* .main_section .header .logo {background:url(../images/logo/logo_kailab2.png) no-repeat center left; transition:background 2s;} */
body.page1-2 .header .logo, body.page3-2 .header .logo,
body.page2-3 .header .logo {background:url(../images/logo/logo_kailab.png) no-repeat center left; transition:background 2s; transition-delay:0.5s;}
.header .logo a {display:block; height:90px; line-height:90px; font-weight:700;}
.header .logo a img {vertical-align:middle;}
.gnb_area {display:flex; align-items:center; justify-content:space-between; position:absolute; right:0; width:calc(100% - 14%);}
.gnb_area ul.gnb_box {padding:0; list-style:none; margin:0;}
.gnb_area ul.gnb_box:after {content:""; display:block; clear:both;}
.gnb_area ul.gnb_box > li {position:relative; height:90px; line-height:90px; float:left;}
.gnb_area ul.gnb_box > li:nth-child(6), .gnb_area ul.gnb_box > li:last-child {margin-right:0;}
/* .gnb_area ul.gnb_box > li > a {display:block; position:relative; padding:0 50px; color:#252525; letter-spacing:-1.5px; font-size:18px; font-weight:600;} */
.gnb_area ul.gnb_box > li > a {display:block; position:relative; padding:0 47px; color:#252525; letter-spacing:-1.5px; font-size:18px; font-weight:600;}
.main_section .gnb_area ul.gnb_box > li > a {color:#fff; transition:color 0.5s; transition-delay:1.4s;}
.page2-1 .gnb_area ul.gnb_box > li > a {transition-delay:0.7s;}
.gnb_area ul.gnb_box > li > a.list_user:after {content:""; display:inline-block; margin-left:8px; width:12px; height:12px; background:url(../images/common/icon_user_link.png)no-repeat center;}
.gnb_area ul.gnb_box li .depth_2 {display:none; position:absolute; top:70px; left:50%; transform:translateX(-50%); padding:20px 0; max-width:130px; width:100%; list-style:none; background-color:#0b75df; border-radius:12px;}
.gnb_area ul.gnb_box li .depth_2 li {line-height:normal;}
.gnb_area ul.gnb_box li .depth_2 li a {display:block; padding:10px 15px; font-size:16px; color:#fff; letter-spacing:-1px;}
.gnb_area ul.gnb_box li .depth_2 li a:hover {text-decoration:underline;}
.gnb_area ul.gnb_box li:hover .depth_2 {display:block;}
.user_area {list-style:none; margin:0; padding-left:0;}
.user_area li {display:inline-block; position:relative; padding-right:20px;}
.user_area li a:before, .user_area li i {padding-right:5px; font-size:17px; color:#555;}
.user_area li:last-of-type {padding-right:0;}
.user_area li.user_info:first-child:before {content:""; display:inline-block; margin-right:10px; width:16px; height:16px; background:url(../images/common/user_off.png)no-repeat center;}
/* .user_area li.user_info:after {content:""; display:block; width:15px; height:10px; background-color:#d9d9d9; position:absolute; top:50%; transform:translateY(-50%); right:0; background:url(../images/common/user_arrow.png)no-repeat center;} */
.user_area li.user_info span {color:#0b75df; font-weight:500; font-size:15px;}
/* .btn_userInfo:before {content:"\ec8e"; font-family:icoFont;} */
@keyframes gnbmove {
0% {
top:0;
opacity:0;
}
100% {
top:15px;
opacity:1;
}
}
/* 관리자 메뉴 추가될 경우 */
.gnb_area.menu_user ul.gnb_box li {margin-right:65px;}
.gnb_area.menu_user ul.gnb_box .list_user {display:block;}
.menu_icon_btn .m_btn.active {background:#000; color:#fff;}
/*======================================
공통 판넬
========================================*/
.common_panel {background:#fff; position:fixed; right:-330px; top:68px; width:300px; height:calc(100vh - 68px); padding:25px; z-index:9; box-shadow:0 1px 35px rgba(0,0,0,0.15); transition:0.5s; overflow-y:auto;}
.common_panel.active {right:0;}
.common_panel button.btn_close {position:absolute; right:25px; top:25px; width:20px; height:20px; background:url(../images/home/btn_common_close.png) no-repeat center center; transition:0.2s; border:none; outline:none;}
.common_panel button.btn_close:hover {background:url(../images/home/btn_common_close_hover.png) no-repeat center center;}
.common_panel h2.cp_title {font-size:22px; font-weight:700; line-height:25px; margin-bottom:20px;}
.common_panel ul.cp_tab {padding:0; margin:0; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.common_panel ul.cp_tab li {padding:0; margin:0 20px 0 0; list-style:none; float:left;}
.common_panel ul.cp_tab li a {color:#838383; font-size:16px; font-weight:400; line-height:40px; position:relative; display:block; padding:0 5px;}
.common_panel ul.cp_tab li.active a,
.common_panel ul.cp_tab li a:hover {color:#000; font-weight:500;}
.common_panel ul.cp_tab li.active a:after,
.common_panel ul.cp_tab li a:hover:after {content:""; display:block; width:100%; height:3px; transition:0.2s; background:#ef7158; position:absolute; left:0; bottom:0;}
/* 알림 */
.common_panel.common_notice ul.cp_tab {margin-bottom:50px;}
.common_panel.common_notice ul.cp_lst {padding:0; margin:0; height:calc(100vh - 254px); overflow-y:auto;}
.common_notice ul.cp_lst li {padding:0 0 0 12px; margin:0 0 40px; list-style:none; position:relative;}
.common_notice ul.cp_lst li:before {content:""; display:block; width:5px; height:5px; border-radius:3px; background:#ef7158; position:absolute; left:0; top:9px;}
.common_notice ul.cp_lst li:last-child {margin-bottom:0;}
.common_notice ul.cp_lst li a {display:block; font-size:16px; line-height:20px; color:#000; transition:0.2s; margin-bottom:7px;}
.common_notice ul.cp_lst li a:hover {color:#ef7158;}
.common_notice ul.cp_lst li span {color:#787878; font-size:16px; font-weight:400;}
.common_notice p.empty_notive {text-align:center; font-size:16px; font-weight:400; color:#000; margin:150px 0 0;}
/* Q&A */
.common_panel.common_qna ul.cp_tab {margin-bottom:50px;}
.common_qna .qna_select_area.hide {display:none;}
.common_qna .qna_select_area p {font-size:16px; text-align:center; margin:0 0 20px;}
.common_qna .qna_select_area ul.qna_select {padding:0; margin:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.common_qna .qna_select_area ul.qna_select li {padding:0; margin:0 0 20px; list-style:none; width:46%;}
.common_qna .qna_select_area ul.qna_select li button {display:block; width:100%; padding:65px 10px 15px; border:1px solid #dddddd; border-radius:10px; transition:0.3s; color:#000; text-align:center; font-size:16px;}
.common_qna .qna_select_area ul.qna_select li:hover button {border-color:#ff6600;}
.common_qna .qna_select_area ul.qna_select li button.cp_qna_system {background:url(../images/home/cp_qna_system.png) no-repeat center 23px;}
.common_qna .qna_select_area ul.qna_select li button.cp_qna_report {background:url(../images/home/cp_qna_report.png) no-repeat center 20px;}
.common_qna .qna_select_area ul.qna_select li button.cp_qna_data {background:url(../images/home/cp_qna_data.png) no-repeat center 23px;}
.common_qna .qna_select_area ul.qna_select li button.cp_qna_etc {background:url(../images/home/cp_qna_etc.png) no-repeat center 25px;}
.cp_qna_form {}
.cp_qna_form .form_group {border-bottom:1px solid #e4e4e4; position:relative; padding-bottom:10px; margin:10px 0 0;}
.cp_qna_form .form_group > label {font-size:15px; font-weight:400; text-align:left; display:inline-block; width:auto;}
.cp_qna_form .form_group select {border:none; min-width:200px;}
.cp_qna_form .form_group input {border:none; display:block; width:100%;}
.cp_qna_form .form_group textarea {border:none; display:block; width:100%; height:calc(100vh - 630px); min-width:100%; max-width:100%;}
.cp_qna_form .form_group i {position:absolute; left:0; top:5px;}
.cp_qna_form .form_group .insert {display:block; width:100%; margin:0; position:relative;}
.cp_qna_form .form_group .insert label {cursor:pointer; display:inline-block; color:#fff; font-size:14px; border-radius:5px; text-transform:uppercase; padding:0 6px; height:25px; line-height:25px; border:none; margin-left:-1px;
background-color:#4f4e56; float:right; transition:all 0.2s ease-in;}
.cp_qna_form .form_group .insert label:hover {background-color:#003880;}
.cp_qna_form .form_group .insert input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.cp_qna_form .form_group .insert .file_list {display:block; height:auto; overflow:auto; width:100%; float:right; margin-top:-2px;}
.cp_qna_form .form_group .insert .file_list .filebox {display:inline-block; margin:3px 10px 3px 0; padding:0 8px; border:1px solid #003880; border-radius:2px; line-height:28px;
background:none;}
.cp_qna_form .form_group .insert .file_list .filebox p {font-size:14px; margin:0; display:inline-block; line-height:28px; position:relative; top:-2px;}
.cp_qna_form .form_group .insert .file_list .filebox .delete {background:url(../images/icon/icon_close_small.png) no-repeat right center; display:inline-block; width:16px; height:20px; vertical-align:middle; transition:0.2s; cursor:pointer;}
.cp_qna_form .form_group .insert span {display:inline-block; vertical-align:middle; font-size:12px; color:#a4a4a4; margin:4px 8px 0 10px; float:right;}
ul.cp_qna_lst {padding:0; margin:0;}
ul.cp_qna_lst li {padding:20px 0; margin:0; border-bottom:1px solid #e4e4e4; overflow:hidden;}
ul.cp_qna_lst li:first-child {padding-top:0;}
ul.cp_qna_lst li:last-child {border-bottom:none}
ul.cp_qna_lst li span.classification {display:inline-block; padding:3px 5px; background:#4f4d56; border-radius:5px; color:#fff; font-size:14px; line-height:1;}
ul.cp_qna_lst li a {display:block; transition:0.2s; font-size:16px; color:#000; line-height:20px; margin:10px 0 20px; width:100%;}
ul.cp_qna_lst li a:hover {color:#ff6600;}
ul.cp_qna_lst li span.date {color:#787878; font-size:16px;}
ul.cp_qna_lst li strong {float:right; font-size:14px; font-weight:400;}
ul.cp_qna_lst li strong.stand_by {color:#eb5f79;}
ul.cp_qna_lst li strong.answered {color:#00b9c1;}
/* 홈 팝업 */
.home_popup {position:absolute; display:none; height:auto; background-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
z-index:100; box-shadow:0 5px 20px rgba(0,0,0,0.3);}
.home_popup .layerPopupContent {height:100%;}
.home_popup .layerPopupContent a {display:block;}
.home_popup .layerPopupContent img {width:100%;}
.home_popup .layerPopupFooter {padding:7px 15px; background-color:#000000; overflow:hidden;}
.home_popup .layerPopupFooter .m_check {margin:0;}
.home_popup .layerPopupFooter .m_check label {color:#fff; font-size:14px;}
.home_popup .layerPopupFooter a.pop_close {color:#fff; font-size:14px; display:inline-block;}
.home_popup .layerPopupFooter a.pop_close:after {content:"\eee1"; font-family:"Icofont"; font-size:14px; color:#fff; margin-left:3px; vertical-align:middle;}
/*======================================
우측 콘텐츠 영역
========================================*/
.right_wrap {position:relative; background-color:#fff; overflow:auto;}
.wrap.lnb_on .lb_content_area {margin:0 0 0 284px; padding:0; width:calc(100% - 284px);}
.main_content {background-color:#fff;}
.main_content .img_map {margin:0 auto; text-align:center; height:calc(100vh - 68px); overflow:auto; background-color:#ebebeb;}
.main_content .img_map .img_home {max-width:100%;}
/* ******************************** 상단 고정영역 ******************************** */
/* 상단 탭 */
.page_top ul.top_tab {padding:4px 4px 0; margin:0; display:inline-block; background:#ebebeb; border-radius:8px; overflow:hidden;}
.page_top ul.top_tab li {display:inline-block; float:left; margin:0 10px 4px 0;}
.page_top ul.top_tab li:last-child {margin-right:0;}
.page_top ul.top_tab li a {display:inline-block; min-width:150px; height:32px; background:transparent; line-height:30px; font-size:17px; color:#000; font-weight:500; border-radius:6px; padding:0 15px; text-align:center; transition:0.2s;}
.page_top ul.top_tab li a.active,
.page_top ul.top_tab li a:hover {background:#003880; color:#fff;}
.page_top > .tab_content {display:none;}
.page_top > .tab_content.active {display:block;}
/* 카테고리 선택 레이어 */
.cs_area {display:none; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); border-radius:10px; padding:15px 30px; position:absolute; margin-top:10px; width:100%; left:50%; transform:translate(-50%,0); z-index:10; top:100%;}
.cs_area.active {display:block;}
.top_function .cs_area .btn_area {margin-top:0;}
.cs_area h3.cs_title {font-size:20px; font-weight:700; margin:0 0 10px;}
.cs_area button.btn_refresh {border:none; background:none; transition:0.2s; position:absolute; right:0; top:0; text-align:center; padding:15px 20px; color:#4f4e56; font-size:16px;
font-family:"Icofont";}
.cs_area button.btn_refresh:after {content:"\ec7f";}
.cs_area button.btn_refresh:hover {color:#ef7158;}
.cs_area button.btn_expand,
.cs_area button.btn_collapse {border:none; background:none; transition:0.2s; position:absolute; right:56px; top:0; text-align:center; padding:15px 0 15px 23px; color:#4f4e56; font-size:14px; line-height:1; display:none;}
.cs_area button.btn_expand.active,
.cs_area button.btn_collapse.active {display:inline-block;}
.cs_area button.btn_expand {background:url(../images/icon/btn_expand.png) no-repeat left center;}
.cs_area button.btn_expand:hover {background:url(../images/icon/btn_expand_hover.png) no-repeat left center; color:#ef7158;}
.cs_area button.btn_collapse {background:url(../images/icon/btn_collapse.png) no-repeat left center;}
.cs_area button.btn_collapse:hover {background:url(../images/icon/btn_collapse_hover.png) no-repeat left center; color:#ef7158;}
.cs_area ul.cs_info {padding:0; margin:0 0 20px; overflow:hidden; width:100%; border:1px solid #d9d9d9; border-radius:5px;}
.cs_area ul.cs_info li {list-style:none; float:left; width:25%; text-align:center; height:35px; line-height:33px; font-size:14px; font-weight:400; position:relative; color:#4f4d56;}
.cs_area ul.cs_info li:after {content:""; display:block; width:1px; height:20px; position:absolute; right:0; top:50%; transform:translate(0,-50%); background:#d9d9d9;}
.cs_area ul.cs_info li:last-child:after {display:none;}
/* ————————————————————–
cs_tree core styles
*/
.cs_area ul.cs_tree {padding:0; margin:0; overflow-y:auto; max-height:calc(100vh - 376px);}
.cs_area ul.cs_tree li {padding:0; margin:0 0 5px; list-style:none;}
.cs_area ul.cs_tree .tb_area {width:25%; position:relative; padding-left:21px;}
.cs_area ul.cs_tree .tb_area + ul {display:none;}
.cs_area ul.cs_tree .tb_area.active + ul {display:block;}
.cs_area ul.cs_tree button {background:none; outline:none; border:none; padding:0; margin:0;}
.cs_area ul.cs_tree button.cs_tree_btn {width:16px; height:16px; display:inline-block; vertical-align:middle; position:absolute; left:0; top:5px;}
.cs_area ul.cs_tree button.cs_tree_btn:before {background:#4f4d56; color:#fff; margin:0; width:16px; height:16px; position:relative;
border-radius:8px; content:'+'; text-align:center; line-height:14px; display:inline-block; vertical-align:top;}
.cs_area ul.cs_tree button.cs_tree_btn:hover:before {background:#ef7158 !important; color:#fff !important;}
.cs_area ul.cs_tree .tb_area.active button.cs_tree_btn:before {content:'–'; line-height:13px; z-index:2; background:#e4e4e4; color:#4f4d56;}
.cs_area ul.cs_tree .tb_area.active button.cs_tree_txt:after {position:absolute; top:21px; left:7px; display:block; width:0; border-left:1px solid #d9d9d9; height:calc(100% - 20px); content:""; z-index:3;}
.cs_area ul.cs_tree li:last-child .tb_area.active button.cs_tree_txt:after {display:none;}
.cs_area ul.cs_tree button.cs_tree_txt {display:inline-block; vertical-align:top; font-size:15px; line-height:20px; text-align:left; padding:3px 5px; background:#fff; transition:0.2s; word-break:keep-all; border-radius:5px; color:#000;}
.cs_area ul.cs_tree button.cs_tree_txt:hover {background-color:#fdecde !important; color:#000 !important;}
.cs_area ul.cs_tree button.cs_tree_txt.active {background:#ef7158; color:#fff;}
.cs_area ul.cs_tree button.cs_tree_txt:before {position:absolute; top:11px; left:8px; display:block; width:0; border-left:1px solid #d9d9d9; height:25px; content:"";}
.cs_area ul.cs_tree ul.has_not_ul li:last-child button.cs_tree_txt:before {display:none;}
.cs_area ul.cs_tree button.cs_tree_txt:after {position:absolute; top:5px; left:8px; display:block; height:9px; width:13px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-radius:0 0 0 5px; content:'';}
.cs_area ul.cs_tree button.cs_tree_btn + button.cs_tree_txt:before,
.cs_area ul.cs_tree button.cs_tree_btn + button.cs_tree_txt:after {display:none;}
/* 자식이 없는 카테고리 */
.cs_area ul.cs_tree ul.has_not_ul li .tb_area.active button.cs_tree_txt:after {display:block; top:5px; left:8px; display:block; height:9px; width:13px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-radius:0 0 0 5px; content:'';}
/* Tree rows */
.cs_area ul.cs_tree ul {padding:0 0 0 25%; margin:8px 0 0; position:relative;}
.cs_area ul.cs_tree ul:before {position:absolute; top:-13px; left:7px; display:block; height:10px; width:16px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-radius:0 0 0 10px; content:'';}
.cs_area ul.cs_tree ul:after {position:absolute; top:-4px; left:calc(25% - 7px); display:block; height:9px; width:16px; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-radius:0 10px 0 0; content:'';}
.cs_area ul.cs_tree ul {position:relative;}
.cs_area ul.cs_tree ul li:before {position:absolute; top:-8px; left:7px; display:block; width:0; border-left:1px solid #d9d9d9; height:calc(100% + 18px); content:"";}
/* .cs_area ul.cs_tree li:last-child ul.has_not_ul li:before {display:none;} */
.cs_area ul.cs_tree li:last-child > ul > li:before {display:none;}
.cs_area ul.cs_tree ul li:after {position:absolute; top:-4px; left:23px; display:block; width:calc(25% - 30px); border-bottom:1px solid #d9d9d9; height:0; content:"";}
/* 넓이 조정 */
.cs_area ul.cs_tree ul .tb_area {width:33%;}
.cs_area ul.cs_tree ul ul {padding-left:33%;}
.cs_area ul.cs_tree ul ul:after {left:calc(33% - 7px);}
.cs_area ul.cs_tree ul ul li:after {width:calc(33% - 30px);}
.cs_area ul.cs_tree ul ul .tb_area {width:50%;}
.cs_area ul.cs_tree ul ul ul {padding-left:50%;}
.cs_area ul.cs_tree ul ul ul:after {left:calc(50% - 7px);}
.cs_area ul.cs_tree ul ul ul li:after {width:calc(50% - 30px);}
.cs_area ul.cs_tree ul ul ul .tb_area {width:100%;}
/* 카테고리 선택 레이어 top_search add */
.cs_area_top {display:none; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); border-radius:10px; padding:15px 30px; position:absolute; margin-top:10px; width:100%; left:50%; transform:translate(-50%,0); z-index:10; top:100%;}
.cs_area_top.active {display:block;}
.cs_area_top h3.cs_title {font-size:20px; font-weight:700; margin:0 0 10px;}
.cs_area_top button.btn_refresh {border:none; background:none; transition:0.2s; position:absolute; right:0; top:0; text-align:center; padding:15px 20px; color:#4f4e56; font-size:16px;
font-family:"Icofont";}
.cs_area_top button.btn_refresh:after {content:"\ec7f";}
.cs_area_top button.btn_refresh:hover {color:#ef7158;}
.cs_area_top button.btn_expand,
.cs_area_top button.btn_collapse {border:none; background:none; transition:0.2s; position:absolute; right:56px; top:0; text-align:center; padding:15px 0 15px 23px; color:#4f4e56; font-size:14px; line-height:1; display:none;}
.cs_area_top button.btn_expand.active,
.cs_area_top button.btn_collapse.active {display:inline-block;}
.cs_area_top button.btn_expand {background:url(../images/icon/btn_expand.png) no-repeat left center;}
.cs_area_top button.btn_expand:hover {background:url(../images/icon/btn_expand_hover.png) no-repeat left center; color:#ef7158;}
.cs_area_top button.btn_collapse {background:url(../images/icon/btn_collapse.png) no-repeat left center;}
.cs_area_top button.btn_collapse:hover {background:url(../images/icon/btn_collapse_hover.png) no-repeat left center; color:#ef7158;}
.cs_area_top ul.cs_info {padding:0; margin:0 0 20px; overflow:hidden; width:100%; border:1px solid #d9d9d9; border-radius:5px;}
.cs_area_top ul.cs_info li {list-style:none; float:left; width:33%; text-align:center; height:35px; line-height:33px; font-size:14px; font-weight:400; position:relative; color:#4f4d56;}
.cs_area_top ul.cs_info li:after {content:""; display:block; width:1px; height:20px; position:absolute; right:0; top:50%; transform:translate(0,-50%); background:#d9d9d9;}
.cs_area_top ul.cs_info li:last-child:after {display:none;}
/* ————————————————————–
cs_tree core styles
*/
.cs_area_top ul.cs_tree {padding:0; margin:0; overflow-y:auto; max-height:calc(100vh - 376px);}
.cs_area_top ul.cs_tree li {padding:0; margin:0 0 5px; list-style:none;}
.cs_area_top ul.cs_tree .tb_area {width:33%; position:relative; padding-left:21px;}
.cs_area_top ul.cs_tree .tb_area + ul {display:none;}
.cs_area_top ul.cs_tree .tb_area.active + ul {display:block;}
.cs_area_top ul.cs_tree button {background:none; outline:none; border:none; padding:0; margin:0;}
.cs_area_top ul.cs_tree button.cs_tree_btn {width:16px; height:16px; display:inline-block; vertical-align:middle; position:absolute; left:0; top:5px;}
.cs_area_top ul.cs_tree button.cs_tree_btn:before {background:#4f4d56; color:#fff; margin:0; width:16px; height:16px; position:relative;
border-radius:8px; content:'+'; text-align:center; line-height:14px; display:inline-block; vertical-align:top;}
.cs_area_top ul.cs_tree button.cs_tree_btn:hover:before {background:#ef7158 !important; color:#fff !important;}
.cs_area_top ul.cs_tree .tb_area.active button.cs_tree_btn:before {content:'–'; line-height:13px; z-index:2; background:#e4e4e4; color:#4f4d56;}
.cs_area_top ul.cs_tree .tb_area.active button.cs_tree_txt:after {position:absolute; top:21px; left:7px; display:block; width:0; border-left:1px solid #d9d9d9; height:calc(100% - 20px); content:""; z-index:3;}
.cs_area_top ul.cs_tree li:last-child .tb_area.active button.cs_tree_txt:after {display:none;}
.cs_area_top ul.cs_tree button.cs_tree_txt {display:inline-block; vertical-align:top; font-size:15px; line-height:20px; text-align:left; padding:3px 5px; background:#fff; transition:0.2s; word-break:keep-all; border-radius:5px; color:#000;}
.cs_area_top ul.cs_tree button.cs_tree_txt:hover {background-color:#fdecde !important; color:#000 !important;}
.cs_area_top ul.cs_tree button.cs_tree_txt.active {background:#ef7158; color:#fff;}
.cs_area_top ul.cs_tree button.cs_tree_txt:before {position:absolute; top:11px; left:8px; display:block; width:0; border-left:1px solid #d9d9d9; height:25px; content:"";}
.cs_area_top ul.cs_tree ul.has_not_ul li:last-child button.cs_tree_txt:before {display:none;}
.cs_area_top ul.cs_tree button.cs_tree_txt:after {position:absolute; top:5px; left:8px; display:block; height:9px; width:13px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-radius:0 0 0 5px; content:'';}
.cs_area_top ul.cs_tree button.cs_tree_btn + button.cs_tree_txt:before,
.cs_area_top ul.cs_tree button.cs_tree_btn + button.cs_tree_txt:after {display:none;}
/* 자식이 없는 카테고리 */
.cs_area_top ul.cs_tree ul.has_not_ul li .tb_area.active button.cs_tree_txt:after {display:block; top:5px; left:8px; display:block; height:9px; width:13px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-radius:0 0 0 5px; content:'';}
/* Tree rows */
.cs_area_top ul.cs_tree ul {padding:0 0 0 33%; margin:8px 0 0; position:relative;}
.cs_area_top ul.cs_tree ul:before {position:absolute; top:-13px; left:7px; display:block; height:10px; width:16px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-radius:0 0 0 10px; content:'';}
.cs_area_top ul.cs_tree ul:after {position:absolute; top:-4px; left:calc(33% - 7px); display:block; height:9px; width:16px; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-radius:0 10px 0 0; content:'';}
.cs_area_top ul.cs_tree ul {position:relative;}
.cs_area_top ul.cs_tree ul li:before {position:absolute; top:-8px; left:7px; display:block; width:0; border-left:1px solid #d9d9d9; height:calc(100% + 18px); content:"";}
/* .cs_area ul.cs_tree li:last-child ul.has_not_ul li:before {display:none;} */
.cs_area_top ul.cs_tree li:last-child > ul > li:before {display:none;}
.cs_area_top ul.cs_tree ul li:after {position:absolute; top:-4px; left:23px; display:block; width:calc(33% - 30px); border-bottom:1px solid #d9d9d9; height:0; content:"";}
/* 넓이 조정 */
.cs_area_top ul.cs_tree ul .tb_area {width:33%;}
.cs_area_top ul.cs_tree ul ul {padding-left:50%;}
.cs_area_top ul.cs_tree ul ul:after {left:calc(50% - 7px);}
.cs_area_top ul.cs_tree ul ul li:after {width:calc(50% - 30px);}
.cs_area_top ul.cs_tree ul ul .tb_area {width:50%;}
.cs_area_top ul.cs_tree ul ul ul {padding-left:50%;}
.cs_area_top ul.cs_tree ul ul ul:after {left:calc(50% - 7px);}
.cs_area_top ul.cs_tree ul ul ul li:after {width:calc(50% - 30px);}
.cs_area_top ul.cs_tree ul ul ul .tb_area {width:100%;}
/* 트래커 신제품 리스트 */
.top_function .tracker_lst .mg_list {border-bottom:none; margin:0;}
.top_function .tracker_lst .mg_list > li.list_head {border-top:none; border-bottom:2px solid #e0e0e0;}
.top_function .tracker_lst .mg_list > li.list_head > div {font-size:14px; color:#5b5b5b; padding:6px 10px;}
.top_function .tracker_lst .mg_list li > div {font-size:16px; color:#000; width:calc(100% / 3); text-align:center; padding:0;}
.top_function .tracker_lst .mg_list li > div button {background:none; transition:0.2s; border:none; outline:none; text-align:center; height:35px; line-height:33px; width:100%;}
.top_function .tracker_lst .mg_list li > div button:hover,
.top_function .tracker_lst .mg_list li > div button.active {background:#fdecde;}
.top_function .tracker_lst.lst_body {max-height:140px; overflow-y:auto; overflow-x:hidden;}
/* 트래커 선택 결과 */
.top_function .tracker_result {padding:20px 25px; margin-top:25px; border-radius:10px; background:#606dcb;}
.top_function .tracker_result .tr_lst {display:flex; justify-content:space-between; margin-bottom:25px;}
.top_function .tracker_result .tr_lst:last-child {margin-bottom:0;}
.top_function .tracker_result .tr_lst label {font-size:15px; color:#fff; width:55px; line-height:33px;}
.top_function .tracker_result .tr_lst span {background:#fff; color:#4f4e56; font-size:16px; line-height:24px; padding:5px 18px; border-radius:10px; width:15%;}
.top_function .tracker_result .tr_lst span.selected_product {width:27%; margin-right:1.5%;}
.top_function .tracker_result .tr_lst span.selected_product strong {color:#000; font-size:17px;}
.top_function .tracker_result .tr_lst span.selected_product small {color:#888888; font-size:14px; display:inline-block; vertical-align:bottom; margin-left:5px;}
.top_function .btn_area {margin-top:25px;}
/* ******************************** 네비게이터 ******************************** */
ul.page_link {position:fixed; right:20px; top:50%; transform:translate(0,-50%); margin-top:34px; padding:0; margin:34px 0 0; max-width:200px; word-break:keep-all;}
ul.page_link:before {content:""; display:block; width:1px; height:calc(100% - 15px); position:absolute; right:7px; top:10px; background:#c4c4c4;}
ul.page_link li {list-style:none; padding:0; margin:0 0 45px; text-align:right;}
ul.page_link li:last-child {margin-bottom:0;}
ul.page_link li a {font-size:14px; color:#9c9c9c; transition:0.2s; display:inline-block; padding:0 25px 0 0; position:relative; text-align:right; line-height:20px;}
ul.page_link li a:before {content:""; display:block; width:15px; height:15px; border-radius:13px; background:#c4c4c4; transition:0.2s; position:absolute; right:0; top:4px;}
ul.page_link li a:hover, ul.page_link li.active a {color:#000;}
ul.page_link li a:hover:before, ul.page_link li.active a:before {background:#ef7158;}
ul.page_link li.active a:after {content:"\eed8"; font-family:"Icofont"; font-size:13px; color:#fff; position:absolute; right:1px; top:2px;}
/* ******************************** response ******************************** */
@media all and (max-width:1790px){
.main_content .m_inner {min-width:auto;}
}
@media all and (max-width:1710px){
.main_content .img_map .img_home {max-width:inherit;}
}
@media all and (max-width:1440px){
.m_inner {max-width:none; width:100%; padding:0 50px;}
}
@media all and (max-width:1280px){
/* 좌측메뉴 */
.lnb_menu > li .lnb_dropmenu:after {height:100vh; top:0;}
/* 우측영역 */
.lb_content_area {height:auto;}
.wrap.lnb_on .lb_content_area {margin:0; padding:0 0 0 68px; width:100%;}
/* 네비게이터 */
ul.page_link li {margin-bottom:20px;}
/* 공통 */
.m_inner {max-width:calc(100% - 40px);}
}
@media all and (max-width:768px){
.m_inner {padding:0 30px;}
}
/*===========================================================================================================================
상세페이지
=============================================================================================================================*/
/* ***************************** 공통 요소 ***************************** */
/* Title 및 텍스트 */
.page_title {font-size:32px; line-height:1; font-weight:700; letter-spacing:-1px; color:#000; margin:0 0 40px; text-align:center;}
h3.board_title {font-size:48px; line-height:1; font-weight:400; letter-spacing:-1px; color:#000; margin:0 0 30px; word-break:keep-all;}
h3.board_title span.b_position {display:inline-block; padding:0 13px; height:20px; line-height:19px; color:#fff; background:#ccc; font-size:14px; border-radius:3px; margin-bottom:10px;}
h3.board_title span.b_position.bp_inside {background:#6958a6;}
h3.board_title span.b_position.bp_outside {background:#6ba3ff;}
h3.board_title span.b_position.bp_qna {background:#4f4d56;}
h3.board_title strong {font-weight:700; display:block; max-width:70%; line-height:1.3;}
h2.sub_title {font-size:22px; font-weight:700; line-height:1; margin-bottom:10px; position:relative; float:left;}
h2.sub_title:after {content:""; display:block; float:none; clear:both; width:100%; height:0;}
h2.sub_title .my_tooltip {margin-left:10px;}
h2.sub_title span.date {display:inline-block; font-size:12px; color:#737373; position:absolute; right:10px; top:10px; font-weight:400;}
h2.sub_title.page_title {margin-bottom:20px;}
/* 상단 탭 */
h2.sub_title .right_area {float:right; display:inline-block; font-weight:400;}
h2.sub_title .right_area ul.title_tab {width:100%; padding:0; margin:0; background:none; height:25px; box-shadow:none; border:none;}
h2.sub_title .right_area ul.title_tab:after {content:""; display:block; width:0; height:0; float:none; clear:both;}
h2.sub_title .right_area ul.title_tab li {float:left; width:auto;}
h2.sub_title .right_area ul.title_tab li a {display:block; width:100%; height:25px; line-height:23px; background:#fff; color:#232427; font-size:13px; text-align:center; padding:0 20px; margin:0;
border:1px solid #c4c4c4; border-right:none; border-radius:0; font-weight:400; position:relative; transition:0.2s;}
h2.sub_title .right_area ul.title_tab li:first-child a {border-radius:7px 0 0 7px;}
h2.sub_title .right_area ul.title_tab li:last-child a {border-right:1px solid #c4c4c4; border-radius:0 7px 7px 0;}
h2.sub_title .right_area ul.title_tab li.active a,
h2.sub_title .right_area ul.title_tab li.active a:focus,
h2.sub_title .right_area ul.title_tab li a:hover {background:#ef7158; color:#fff; border-color:#ef7158; font-weight:400;}
h2.sub_title .right_area .btn_area {}
h2.sub_title .right_area .btn_area .m_btn {}
h2.sub_title .right_area .btn_area .m_btn {}
h2.sub_title .right_area label {display:inline-block; font-size:14px; color:#5b5b5b; margin:0 10px 0 0;}
h2.sub_title .right_area .form_control {display:inline-block; font-size:15px;}
.small_title {font-size:17px; font-weight:500; line-height:1; margin-bottom:15px; padding:0 0 0 15px; position:relative;}
.small_title:before {content:""; display:block; width:6px; height:6px; border-radius:3px; background:#000; position:absolute; left:2px; top:7px;}
.round_title {text-align:center; margin:0 0 20px; display:block;}
.round_title span {font-size:16px; line-height:28px; color:#000; height:30px; display:inline-block; border-radius:15px; padding:0 20px; min-width:200px; background:#f0f0f0;}
.point_color {color:#ef7158 !important;}
.pointColor1 {color:#ec2222 !important;}
.pointColor2 {color:#26a1ff !important;}
.txt_bold {font-weight:600 !important;}
/* 상단 로케이션 */
.location_area {overflow:hidden; margin-bottom:40px;}
ul.location {list-style:none; padding:0; float:right;}
ul.location li {display:inline-block; position:relative; margin-right:10px;}
ul.location li:last-child {margin-right:0;}
ul.location li:after {content:""; position:absolute; display:block; width:4px; height:1px; background:#9c9c9c; right:-8px; top:calc(50% + 2px); transform:translateY(-50%);}
ul.location li:last-child:after {display:none;}
ul.location li a {color:#9c9c9c; font-size:14px; pointer-events:none;}
/* location */
.page_location {margin:0; padding:0; list-style:none; margin-bottom:40px;}
.page_location li {display:inline-block; position:relative;}
.page_location li:after {content:""; background:url("../images/common/icon_arrow_h.png"); display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:10px; width:8px; height:12px;}
.page_location li:last-child:after {display:none;}
.page_location li a {display:block; padding-right:30px; color:#252525;}
.page_location li a.active {font-weight:600;}
.page_location li a.active:last-child {padding-right:0;}
.page_location li a.img_home {position:relative; display:inline-block; margin-bottom:15px; padding-right:50px;}
.page_location li a.img_home:after {content:""; position:absolute; background:url("../images/common/icon_home.png") no-repeat center center; width:18px; height:19px; background-size:14px auto;}
/* panel */
.panel_area {display:flex; justify-content:space-between; margin-bottom:24px; flex-wrap:wrap;}
.panel_area .m_panel {background:#fff; padding:20px; border-radius:10px; margin-bottom:20px; width:100%; border:1px solid #dddddd; position:relative;}
.panel_area .m_panel[class*="col"] {display:flex; justify-content:space-between; flex-wrap:wrap;}
.panel_area.has_sub_title {margin-top:40px;}
.panel_area.has_sub_title .m_panel h3.sub_title {margin:-60px 0 34px -22px; width:calc(100% + 42px);}
/* 일반 panel 나누기 */
.panel_area.col2 .m_panel {width:calc((100% - 16px) / 2);}
.panel_area.col3 .m_panel {width:calc((100% - 32px) / 3);}
.panel_area.col4 .m_panel {width:calc(25% - 11px);}
.panel_area.col2_left .m_panel:nth-child(1) {width:calc(62% - 8px);}
.panel_area.col2_left .m_panel:nth-child(2) {width:calc(38% - 8px);}
.panel_area.col2_10_25 .m_panel:nth-child(1) {width:calc(29% - 8px);}
.panel_area.col2_10_25 .m_panel:nth-child(2) {width:calc(71% - 8px);}
.panel_area.col2_right .m_panel:nth-child(1) {width:calc(38% - 8px);}
.panel_area.col2_right .m_panel:nth-child(2) {width:calc(62% - 8px);}
.panel_area.col3_27_27_46 .m_panel:nth-child(1) {width:calc(27% - 11px);}
.panel_area.col3_27_27_46 .m_panel:nth-child(2) {width:calc(27% - 11px);}
.panel_area.col3_27_27_46 .m_panel:nth-child(3) {width:calc(46% - 11px);}
/* panel 내 나누기 */
.panel_area .m_panel.col2 .m_devide {width:calc((100% - 40px) / 2);}
.panel_area .m_panel.col3 .m_devide {width:calc((100% - 80px) / 3);}
.panel_area .m_panel.col2_left .m_devide:nth-child(1) {width:calc(62% - 20px);}
.panel_area .m_panel.col2_left .m_devide:nth-child(2) {width:calc(38% - 20px);}
.panel_area .m_panel.col2_right .m_devide:nth-child(1) {width:calc(38% - 20px);}
.panel_area .m_panel.col2_right .m_devide:nth-child(2) {width:calc(62% - 20px);}
.panel_area .m_panel.col2_10_25 .m_devide:nth-child(1) {width:calc(29% - 20px);}
.panel_area .m_panel.col2_10_25 .m_devide:nth-child(2) {width:calc(71% - 20px);}
.panel_area .m_panel.col2_70_50 .m_devide:nth-child(1) {width:calc(58% - 20px);}
.panel_area .m_panel.col2_70_50 .m_devide:nth-child(2) {width:calc(42% - 20px);}
.m_panel .qlik_area {width:100%; min-height:30px; position:relative;}
/* 클릭 작업전 예제 */
.m_panel .qlik_area .qlik_ex {background:#fff;/* #cccccc; */ /* color:#fff; */ font-size:25px; text-align:center; width:100%; height:100%; position:relative;}
/* .m_panel .qlik_area .qlik_ex span {display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;} */
/* 20221228 김철용 */
.m_panel .qlik_area .qlik_ex span {/*display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;*/ /* 20221230 수정*/
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;adding: 5px;text-align: left;}
.m_panel .qlik_area .qlik_ex table tbody tr td:nth-child(1) span {text-align:center}
/* .m_panel .qlik_area .qlik_ex span:before {content:"Qlik 영역 :";} */
.qv-pt .cell { height: 25px !important;width:100%;overflow: hidden; }
.qv-pt .cell .value { text-overflow: ellipsis;white-space: nowrap; }
/* 웹 작업전 영역 */
.m_panel .web_area .web_ex {background:#fbcbce; color:#fff; font-size:25px; text-align:center; width:100%; height:100%; position:relative;}
.m_panel .web_area .web_ex span {display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.m_panel .web_area .web_ex span:before {content:"Web 영역 :";}
/* 분석리포트 - 이슈 모니터링 - SC의 소리 */
.type_img_area {padding:20px; overflow-y:auto; max-height:620px;}
.type_img_area ul.type_img_lst {padding:0; margin:0;}
.type_img_area ul.type_img_lst li {padding:0; margin:0 5% 35px 0; width:30%; list-style:none; float:left;}
.type_img_area ul.type_img_lst li:nth-child(3n) {margin-right:0;}
.type_img_area ul.type_img_lst li div {height:240px; position:relative; overflow:hidden; margin-bottom:10px; background:#ebebeb;}
.type_img_area ul.type_img_lst li div img {height:240px; width:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.type_img_area ul.type_img_lst li strong {padding-left:35px; font-weight:500; font-size:17px; position:relative;}
.type_img_area ul.type_img_lst li strong:before {content:""; display:block; width:16px; height:16px; border-radius:8px; background:#ddd; position:absolute; left:10px; top:5px;}
.type_img_area ul.type_img_lst li.type1 strong:before {background-color:#753e91;}
.type_img_area ul.type_img_lst li.type2 strong:before {background-color:#5859a5;}
.type_img_area ul.type_img_lst li.type3 strong:before {background-color:#54c1c6;}
.type_img_area ul.type_img_lst li.type4 strong:before {background-color:#fbc400;}
.type_img_area ul.type_img_lst li.type5 strong:before {background-color:#eb5f79;}
.type_img_area ul.type_img_lst li.type6 strong:before {background-color:#e51b13;}
.type_img_area ul.type_img_lst li.type7 strong:before {background-color:#ee7058;}
.type_img_area ul.type_img_lst li.type8 strong:before {background-color:#f2915c;}
.type_img_area ul.type_img_lst li span {display:inline-block; float:right; font-size:15px; color:#888888; line-height:25px;}
/* 차트 정보 */
.m_panel .info_title {font-size:20px; font-weight:700; margin:10px 0 10px; line-height:1;}
.m_panel .info_txt {font-size:14px; color:#888888; margin:0 0 10px;}
/* ***************************** 실데이터 결과 ***************************** */
/* 탭 공통 */
.result_info {padding:30px 20px 0; width:100%; position:relative;}
.result_info h4.info_title {margin:0; display:inline-block;}
.result_info p.info_txt {display:inline-block; margin-left:20px; margin-bottom:0;}
.result_info span.top_date {position:absolute; right:20px; top:60px; color:#818181; font-size:12px; font-weight:400;}
.m_devide .result_info h4.info_title {display:block;}
.m_devide .result_info p.info_txt {display:block; margin-left:0; margin-top:5px;}
/* 상단 탭 */
.result_info ul.sns_tab {width:100%; padding:0; margin:15px 0 0; background:none; height:40px; box-shadow:none; border:none; border-bottom:2px solid #d9d9d9; width:100%;}
.result_info ul.sns_tab:after {content:""; display:block; width:0; height:0; float:none; clear:both;}
.result_info ul.sns_tab li {float:left; width:auto; margin-right:20px;}
.result_info ul.sns_tab li a {display:block; width:100%; height:40px; line-height:38px; background:none; color:#737373; font-size:15px; text-align:center; padding:0 20px; margin:0;
border:none; border-radius:0; font-weight:400; position:relative; transition:0.2s;}
.result_info ul.sns_tab li.active a,
.result_info ul.sns_tab li.active a:focus,
.result_info ul.sns_tab li a:hover {background:none; color:#000; font-weight:700; border:none;}
.result_info ul.sns_tab li a:after {content:""; display:block; position:absolute; left:0; bottom:-2px; width:100%; height:6px; background:#888; transition:0.2s; opacity:0;}
.result_info ul.sns_tab li.active a:after,
.result_info ul.sns_tab li.active a:focus:after,
.result_info ul.sns_tab li a:hover:after {opacity:1;}
.result_info ul.sns_tab li.twitter a:after {background-color:#5859a5;}
.result_info ul.sns_tab li.instagram a:after {background-color:#eb5f79;}
.result_info ul.sns_tab li.blog a:after {background-color:#54c1c6;}
.result_info ul.sns_tab li.community a:after {background-color:#fbc400;}
.result_info ul.sns_tab li.youtube a:after {background-color:#e51b13;}
.result_info ul.sns_tab li.news a:after {background-color:#753e91;}
.result_info ul.sns_tab li.naver a:after {background-color:#298a08;}
.result_info ul.sns_tab li.coupang a:after {background-color:#eb5f79;}
.result_info ul.sns_tab li.garden_eshop a:after {background-color:#54c1c6;}
.result_info ul.sns_tab li.beston a:after {background-color:#ff8000;}
.result_info ul.sns_tab.orange_style li a:after {background-color:#ee7158;}
/* 탭 본문 */
.result_info ul.sns_lst {padding:20px 0 0; margin:0; height:233px; overflow-y:auto; overflow-x:hidden;}
.result_info ul.sns_lst.row3 {height:185px;}
.result_info ul.sns_lst.row4 {height:233px;}
.result_info ul.sns_lst li {padding:0 0 0 40px; margin:0 0 25px; list-style:none; font-size:11px; color:#888888; font-weight:400; line-height:1; position:relative;}
.result_info ul.sns_lst li:last-child {margin-bottom:0;}
.result_info ul.sns_lst li:before {content:""; display:block; width:22px; height:22px; position:absolute; left:0; top:0;}
.result_info ul.sns_lst li.twitter:before {background:url(../images/icon/sns/twitter.png) no-repeat center top;}
.result_info ul.sns_lst li.instagram:before {background:url(../images/icon/sns/instagram.png) no-repeat center top;}
.result_info ul.sns_lst li.blog:before {background:url(../images/icon/sns/blog.png) no-repeat center top;}
.result_info ul.sns_lst li.community:before {background:url(../images/icon/sns/community.png) no-repeat center top;}
.result_info ul.sns_lst li.youtube:before {background:url(../images/icon/sns/youtube.png) no-repeat center top;}
.result_info ul.sns_lst li.news:before {background:url(../images/icon/sns/news.png) no-repeat center top;}
.result_info ul.sns_lst li.voc:before {background:url(../images/icon/sns/voc.png) no-repeat center top;}
.result_info ul.sns_lst li.coupang:before {background:url(../images/icon/sns/coupang.png) no-repeat center top;}
.result_info ul.sns_lst li.garden_eshop:before {background:url(../images/icon/sns/garden_eshop.png) no-repeat center top;}
.result_info ul.sns_lst li.beston:before {background:url(../images/icon/sns/beston.png) no-repeat center top;}
.result_info ul.sns_lst li.naver:before {background:url(../images/icon/sns/naver.png) no-repeat center top;}
.result_info ul.sns_lst li .info {display:block; width:100%; overflow:hidden; margin-bottom:10px; font-weight:300;}
.result_info ul.sns_lst li .info strong.title {display:inline-block; float:left; vertical-align:middle; font-size:14px; font-weight:400; color:#000; position:relative; top:-2px;}
.result_info ul.sns_lst li .info span {display:inline-block; float:left; vertical-align:middle;}
.result_info ul.sns_lst li .info span.user {padding:0 10px 0 0; border-right:1px solid #ebebeb;}
.result_info ul.sns_lst li .info span.date {padding:0;}
.result_info ul.sns_lst li .info strong.title + span.date,
.result_info ul.sns_lst li .info span.user + span.date {padding-left:10px;}
.result_info ul.sns_lst li p {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* col2_70_5 panel */
.panel_area .m_panel.col2_70_50 .m_devide .result_info {padding:10px 0 0;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_tab {margin-top:20px;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_tab li {margin-right:1%;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_tab li:nth-child(1) {width:16%;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_tab li:nth-child(2) {width:26%;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_tab li:nth-child(3) {width:16%;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_tab li:nth-child(4) {width:18%;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_tab li:nth-child(5) {width:16%; margin-right:0;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_tab li a {padding:0;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_lst {padding-top:25px;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_lst.row3 {height:196px;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_lst.row4 {height:253px;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_lst li {margin-bottom:30px;}
.panel_area .m_panel.col2_70_50 .m_devide .result_info ul.sns_lst li:last-child {margin-bottom:0;}
/* ----- step tab ----- */
.step-tab {overflow:hidden; box-sizing:border-box; margin:0 0 80px 0;}
.step-tab ul {display:flex; flex-wrap:nowrap; box-sizing:border-box; height:48px; margin-bottom:0;}
.step-tab ul li {flex:1; display:block; position:relative; box-sizing:border-box; height:48px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;
background:#fff; font-size:16px; line-height:48px; color:#121212; text-align:center;}
.step-tab ul li::before {content:''; display:block; position:absolute; top:-1px; left:-1px; width:1px; height:calc(100% + 2px); background:#e2e2e2; font-size:0;
line-height:0;}
.step-tab ul li:first-child {border-left:1px solid #e2e2e2; border-radius:2px 0 0 2px;}
.step-tab ul li:first-child::before {display:none;}
.step-tab ul li:last-child {border-right: 1px solid #e2e2e2; border-radius: 0 2px 2px 0;}
.step-tab ul li.active {position:relative; z-index:1; border-color:#121212; background:#121212; color:#fff;}
.step-tab ul li.active a {color:#fff;}
.step-tab ul li.active::before {background-color: #121212;}
.step-tab ul li a {display:block;}
/* ***************************** 식품 산업 현황 ***************************** */
/* 식품시장 동향분석 */
.food_trend {padding:10px 0 10px 20px;}
.food_trend:after {content:""; display:block; float:none; clear:both; wodth:100%; height:0;}
.food_trend h2.food_title {float:left; width:220px; padding:60px 0 0 0; word-break:keep-all;}
.food_trend h2.food_title strong {margin:0 0 35px; font-size:46px; font-weight:700; color:#000; line-height:56px; display:block;}
.food_trend h2.food_title span {font-size:18px; color:#5b5b5b; line-height:25px; font-weight:400; display:block;}
.food_trend .food_slide {float:right; width:calc(100% - 240px); padding:0 45px;}
.food_trend .food_slide .slide_item {}
.food_trend .food_slide .slide_item .img_area {width:100%; border:1px solid #d9d9d9;}
.food_trend .food_slide .slide_item .img_area img {display:block; width:100%; height:auto;}
.food_trend .food_slide .slide_item .info_area {margin:10px 0 0; position:relative;}
/* .food_trend .food_slide .slide_item .info_area span.info {display:inline-block; height:20px; width:auto; padding:0 15px; border-radius:10px; background:#f2f2f2; color:#696969; font-size:14px; font-weight:400; line-height:18px;} */
.food_trend .food_slide .slide_item .info_area .info_top {display:block; text-align:right;}
.food_trend .food_slide .slide_item .info_area .info_top a.down_link {font-size:12px; color:#696969; transition:0.2s;}
.food_trend .food_slide .slide_item .info_area .info_top a.down_link:after {content:""; display:inline-block; width:20px; height:20px; border-radius:10px; background:#ddddff url(../images/icon/icon_download.png) no-repeat center center;
transition:0.2s; margin-left:7px; vertical-align:middle;}
.food_trend .food_slide .slide_item .info_area .info_top a.down_link:hover {color:#ef7158;}
.food_trend .food_slide .slide_item .info_area .info_top a.down_link:hover:after {background:#6958a6 url(../images/icon/icon_download_hover.png) no-repeat center center;}
.food_trend .food_slide .slide_item .info_area .info_top a.self_link {font-size:12px; color:#696969; margin-left:15px; transition:0.2s;}
.food_trend .food_slide .slide_item .info_area .info_top a.self_link:hover {color:#ef7158;}
.food_trend .food_slide .slide_item .info_area .info_top a.self_link:after {content:"\ef1f"; display:inline-block; width:20px; height:20px; border-radius:10px; background:#dbe5f5; text-align:center; line-height:20px;
transition:0.2s; margin-left:7px; vertical-align:middle; font-family:"Icofont"; color:#0055de;}
.food_trend .food_slide .slide_item .info_area .info_top a.self_link:hover:after {color:#fff; background:#0055de;}
.food_trend .food_slide .slide_item .info_area a.link {width:100%; overflow:hidden; line-height:25px; max-height:50px; font-size:20px; color:#000; line-height:25px; max-height:50px; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:7px;}
.food_trend .food_slide .slide_item .info_area a.link:hover {text-decoration-line:underline; text-underline-position:under; text-decoration-thickness:1px;}
/* .food_trend .food_slide .slide_item .info_area a.link:hover:after {content:""; display:inline-block; width:24px; height:8px; background:url(../images/icon/icon_link_arrow.png) no-repeat center center; vertical-align:middle; margin-left:10px;} */
.food_trend .food_slide .owl-nav button.owl-prev,
.food_trend .food_slide .owl-nav button.owl-next {width:14px; height:25px; border-radius:0; box-shadow:none;}
.food_trend .food_slide .owl-nav button.owl-prev.disabled,
.food_trend .food_slide .owl-nav button.owl-next.disabled {cursor:default; opacity:0.2;}
.food_trend .food_slide .owl-nav button.owl-prev {position:absolute; left:0; top:42%; background:url(../images/icon/icon_slide_arrow_left.png) no-repeat center center;}
.food_trend .food_slide .owl-nav button.owl-next {position:absolute; right:0; top:42%; background:url(../images/icon/icon_slide_arrow_right.png) no-repeat center center;}
/* 탭 리스트 */
.food_trend_tab {}
.food_trend_tab ul.food_tab {padding:0; margin:0; overflow:hidden;}
.food_trend_tab ul.food_tab li {padding:0; margin:0 15px 15px 0; list-style:none; float:left;}
.food_trend_tab ul.food_tab li a {padding:0 25px 0 50px; background-color:#ebebeb; border-radius:18px; transition:0.2s; height:35px; line-height:33px; display:inline-block; font-weight:500;}
.food_trend_tab ul.food_tab li a:before {content:"#";}
.food_trend_tab ul.food_tab li.active a,
.food_trend_tab ul.food_tab li a:hover {color:#fff;}
.food_trend_tab ul.food_tab li.tab1 a {background:#ebebeb url(../images/icon/food/icon_food_tab1.png) no-repeat 20px 6px;}
.food_trend_tab ul.food_tab li.tab2 a {background:#ebebeb url(../images/icon/food/icon_food_tab2.png) no-repeat 20px 4px;}
.food_trend_tab ul.food_tab li.tab3 a {background:#ebebeb url(../images/icon/food/icon_food_tab3.png) no-repeat 20px 6px;}
.food_trend_tab ul.food_tab li.tab4 a {background:#ebebeb url(../images/icon/food/icon_food_tab4.png) no-repeat 20px 6px;}
.food_trend_tab ul.food_tab li.tab5 a {background:#ebebeb url(../images/icon/food/icon_food_tab5.png) no-repeat 16px 6px;}
.food_trend_tab ul.food_tab li.tab6 a {background:#ebebeb url(../images/icon/food/icon_food_tab6.png) no-repeat 20px 6px;}
.food_trend_tab ul.food_tab li.tab7 a {background:#ebebeb url(../images/icon/food/icon_food_tab7.png) no-repeat 20px 6px;}
.food_trend_tab ul.food_tab li.tab8 a {background:#ebebeb url(../images/icon/food/icon_food_tab8.png) no-repeat 20px 6px;}
.food_trend_tab ul.food_tab li.tab9 a {background:#ebebeb url(../images/icon/food/icon_food_tab9.png) no-repeat 14px 6px;}
.food_trend_tab ul.food_tab li.tab10 a{background:#ebebeb url(../images/icon/food/icon_food_tab10.png) no-repeat 16px 4px;}
.food_trend_tab ul.food_tab li.tab1.active a, .food_trend_tab ul.food_tab li.tab1:hover a {background:#753e91 url(../images/icon/food/icon_food_tab1_hover.png) no-repeat 21px 7px;}
.food_trend_tab ul.food_tab li.tab2.active a, .food_trend_tab ul.food_tab li.tab2:hover a {background:#5859a5 url(../images/icon/food/icon_food_tab2_hover.png) no-repeat 21px 5px;}
.food_trend_tab ul.food_tab li.tab3.active a, .food_trend_tab ul.food_tab li.tab3:hover a {background:#54c1c6 url(../images/icon/food/icon_food_tab3_hover.png) no-repeat 21px 7px;}
.food_trend_tab ul.food_tab li.tab4.active a, .food_trend_tab ul.food_tab li.tab4:hover a {background:#fbc400 url(../images/icon/food/icon_food_tab4_hover.png) no-repeat 21px 7px;}
.food_trend_tab ul.food_tab li.tab5.active a, .food_trend_tab ul.food_tab li.tab5:hover a {background:#eb5f79 url(../images/icon/food/icon_food_tab5_hover.png) no-repeat 17px 7px;}
.food_trend_tab ul.food_tab li.tab6.active a, .food_trend_tab ul.food_tab li.tab6:hover a {background:#e51b13 url(../images/icon/food/icon_food_tab6_hover.png) no-repeat 21px 7px;}
.food_trend_tab ul.food_tab li.tab7.active a, .food_trend_tab ul.food_tab li.tab7:hover a {background:#ee7058 url(../images/icon/food/icon_food_tab7_hover.png) no-repeat 21px 7px;}
.food_trend_tab ul.food_tab li.tab8.active a, .food_trend_tab ul.food_tab li.tab8:hover a {background:#f2915c url(../images/icon/food/icon_food_tab8_hover.png) no-repeat 21px 7px;}
.food_trend_tab ul.food_tab li.tab9.active a, .food_trend_tab ul.food_tab li.tab9:hover a {background:#fbc57a url(../images/icon/food/icon_food_tab9_hover.png) no-repeat 15px 7px;}
.food_trend_tab ul.food_tab li.tab10.active a,.food_trend_tab ul.food_tab li.tab10:hover a{background:#4f4d56 url(../images/icon/food/icon_food_tab10_hover.png) no-repeat 16px 5px;}
/* 탭 콘텐츠 */
.food_tab_content {margin-top:50px;}
.food_tab_content h3.food_tab_title {font-size:26px; font-weight:700; color:#000; margin:0 0 20px; letter-spacing:-1px; line-height:1;}
.food_tab_content h3.food_tab_title:before {content:"#"; display:inline-block;}
.food_tab_content .list_table_area {overflow-x:auto;}
.food_tab_content .list_area table thead th {text-align:center; font-size:20px; font-weight:400; background-color:#888; border:none; color:#fff;}
.food_tab_content .list_area table tbody tr:hover td {background-color:#fff;}
.food_tab_content .list_area table tbody td {text-align:center; font-size:18px; border:none; color:#000; font-weight:300;}
.food_tab_content .list_area table tbody td a.icon_link {color:#0055de; font-size:18px; transition:0.2s;}
.food_tab_content .list_area table tbody td a.icon_link:hover {color:#ef7158;}
.food_tab_content #food_content1 h3.food_tab_title {color:#753e91;}
.food_tab_content #food_content2 h3.food_tab_title {color:#5859a5;}
.food_tab_content #food_content3 h3.food_tab_title {color:#54c1c6;}
.food_tab_content #food_content4 h3.food_tab_title {color:#fbc400;}
.food_tab_content #food_content5 h3.food_tab_title {color:#eb5f79;}
.food_tab_content #food_content6 h3.food_tab_title {color:#e51b13;}
.food_tab_content #food_content7 h3.food_tab_title {color:#ee7058;}
.food_tab_content #food_content8 h3.food_tab_title {color:#f2915c;}
.food_tab_content #food_content9 h3.food_tab_title {color:#fbc57a;}
.food_tab_content #food_content10 h3.food_tab_title {color:#4f4d56;}
.food_tab_content #food_content1 .list_area table thead th {background-color:#753e91;}
.food_tab_content #food_content2 .list_area table thead th {background-color:#5859a5;}
.food_tab_content #food_content3 .list_area table thead th {background-color:#54c1c6;}
.food_tab_content #food_content4 .list_area table thead th {background-color:#fbc400;}
.food_tab_content #food_content5 .list_area table thead th {background-color:#eb5f79;}
.food_tab_content #food_content6 .list_area table thead th {background-color:#e51b13;}
.food_tab_content #food_content7 .list_area table thead th {background-color:#ee7058;}
.food_tab_content #food_content8 .list_area table thead th {background-color:#f2915c;}
.food_tab_content #food_content9 .list_area table thead th {background-color:#fbc57a;}
.food_tab_content #food_content10 .list_area table thead th {background-color:#4f4d56;}
/* ***************************** 데이터 찾기 ***************************** */
/* 검색 */
.find_data h2.find_title {font-size:22px; font-weight:700; margin:0 0 15px; line-height:1;}
.find_data .m_panel {padding:50px 30px;}
.find_data .top_search {border-radius:8px; font-size:22px; width:320px; border:1px solid #c4c4c4; background:#fff; position:relative; overflow:hidden; display:block; margin:0 auto; vertical-align:top;}
.find_data .top_search input {width:calc(100% - 45px); height:45px; line-height:43px; font-size:22px; font-weight:400; color:#000; border:none; padding:0 45px 0 15px;}
.find_data .top_search button.search_btn {position:absolute; right:0; top:0; width:45px; height:45px; background:url(../images/icon/icon_search.png) no-repeat center center; text-indent:-9999px; border:none; outline:none;}
/* 검색-연관검색어 */
.find_data .top_search ul {padding:0; margin:0; display:none;}
.find_data .top_search input:focus ~ ul {display:block;}
.find_data .top_search ul li {padding:0; margin:0; list-style:none;}
.find_data .top_search ul li button {background:none; font-size:16px; line-height:35px; padding:0 15px; border:none; outline:none; display:block; width:100%; text-align:left;}
.find_data .top_search ul li button:hover {background:#f2f2f2;}
.find_data .search_result_total {margin:50px 0; color:#000000; font-size:22px; font-weight:400; text-align:center;}
.find_data .search_result_total strong {display:inline-block; font-weight:700; color:#0072ff;}
.find_data .search_result_total strong:before {content:"'"; display:inline-block;}
.find_data .search_result_total strong:after {content:"'"; display:inline-block;}
.find_data .search_result_total span {font-weight:700; font-size:30px;}
/* ********************* 결과 리스트 공통 ********************* */
.find_data h3.result_title {padding:0 0 15px 35px; font-size:22px; font-weight:700; color:#000; border-bottom:1px solid #c9c9c9; line-height:24px;}
.find_data h3.result_title.result_report {background:url(../images/icon/search_result/icon_search_report.png) no-repeat left top;}
.find_data h3.result_title.result_source {background:url(../images/icon/search_result/icon_search_source.png) no-repeat left top;}
.find_data h3.result_title.result_data {background:url(../images/icon/search_result/icon_search_data.png) no-repeat left top;}
.find_data h3.result_title.result_notice {background:url(../images/icon/search_result/icon_search_notice.png) no-repeat left top;}
.find_data h3.result_title.result_qna {background:url(../images/icon/search_result/icon_search_qna.png) no-repeat left top;}
.find_data .search_result {padding:15px 0; margin:0 0 50px;}
.find_data .search_result p.result_none {font-size:18px; color:#888888; font-weight:400; margin:35px 0 0; text-align:center; display:block; text-align:center;}
/* 하이라이트 */
.find_data span.highlight {display:inline-block; background:#ffec94 !important;}
/* 검색결과 정보 */
.find_data ul.info_lst {font-size:15px; padding:0; margin:0;}
.find_data ul.info_lst li {padding:0; margin:0 40px 0 0; display:inline-block; list-style:none; line-height:22px;}
.find_data ul.info_lst li strong {color:#000; font-weight:400; display:inline-block; vertical-align:top; margin-right:15px;}
.find_data ul.info_lst li strong.icon_item {display:inline-block; width:16px; height:22px; margin-right:5px;}
.find_data ul.info_lst li strong.icon_item.num_hits {background:url(../images/icon/icon_eye.png) no-repeat center center;}
.find_data ul.info_lst li strong.icon_item.num_down {background:url(../images/icon/icon_down.png) no-repeat center center;}
.find_data ul.info_lst li span {color:#888; display:inline-block; vertical-align:top;}
/* 검색결과 더보기 */
.find_data .more_btn_area {text-align:center;}
.find_data .more_btn_area button.more_btn {display:inline-block; padding:5px 20px; background:none; border:none; outline:none; color:#000; transition:0.2s; font-size:14px; font-weight:500;}
.find_data .more_btn_area button.more_btn:before {content:"+"; display:inline-block; margin:0 3px 0 0;}
.find_data .more_btn_area button.more_btn:hover {color:#ef7158;}
/* 분석 리포트 */
.find_data .search_result .report_lst {padding:0 15px;}
.find_data .search_result .report_lst a.item_report {padding:25px 25px 25px; border:1px solid #dddddd; border-radius:10px; text-align:center; display:block; transition:0.2s; background:#fff;}
.find_data .search_result .report_lst a.item_report:hover {background:#6958a6;}
.find_data .search_result .report_lst a.item_report strong {padding:0 0 0 27px; line-height:20px; font-size:18px; font-weight:400; color:#6958a6; position:relative; display:inline-block; transition:0.2s;}
.find_data .search_result .report_lst a.item_report strong:before {content:""; display:inline-block; width:20px; height:20px; margin:0 10px 0 0; background:red; position:absolute; left:0; top:0;}
.find_data .search_result .report_lst a.item_report:hover strong {color:#cac2ea;}
.find_data .search_result .report_lst a.item_report.trend strong:before {background:url(../images/icon/icon_trend_content.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report.social strong:before {background:url(../images/icon/icon_social_content.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report.review strong:before {background:url(../images/icon/icon_review_content.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report.monitoring strong:before {background:url(../images/icon/icon_monitoring_content.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report.food strong:before {background:url(../images/icon/icon_food_content.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report.client strong:before {background:url(../images/icon/icon_client_content.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report:hover strong:before {opacity:0.7;}
.find_data .search_result .report_lst a.item_report.trend:hover strong:before {background:url(../images/icon/icon_trend_hover.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report.social:hover strong:before {background:url(../images/icon/icon_social_hover.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report.review:hover strong:before {background:url(../images/icon/icon_review_hover.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report.monitoring:hover strong:before {background:url(../images/icon/icon_monitoring_hover.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report.food:hover strong:before {background:url(../images/icon/icon_food_hover.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report.client:hover strong:before {background:url(../images/icon/icon_client_hover.png) no-repeat center center;}
.find_data .search_result .report_lst a.item_report span {margin:15px 0 0; font-size:15px; color:#000; display:block; transiiton:0.2s;}
.find_data .search_result .report_lst a.item_report:hover span {color:#fff;}
.find_data .search_result .report_lst .owl-nav {position:absolute; right:0; top:-54px;}
.find_data .search_result .report_lst .owl-nav button.owl-prev,
.find_data .search_result .report_lst .owl-nav button.owl-next {width:25px; height:25px; border-radius:0; box-shadow:none; border:1px solid #c4c4c4; transition:0.2s;}
.find_data .search_result .report_lst .owl-nav button.owl-prev:hover,
.find_data .search_result .report_lst .owl-nav button.owl-next:hover {border-color:#ef7158;}
.find_data .search_result .report_lst .owl-nav button.owl-prev.disabled,
.find_data .search_result .report_lst .owl-nav button.owl-next.disabled {cursor:default; opacity:0.3;}
.find_data .search_result .report_lst .owl-nav button.owl-prev {background:#fff url(../images/icon/search_result/icon_slide_nav_left.png) no-repeat center center; border-radius:5px 0 0 5px;}
.find_data .search_result .report_lst .owl-nav button.owl-next {background:#fff url(../images/icon/search_result/icon_slide_nav_right.png) no-repeat center center; border-radius:0 5px 5px 0;}
.find_data .search_result .report_lst .owl-nav button.owl-prev:hover {background:#fff url(../images/icon/search_result/icon_slide_nav_left_hover.png) no-repeat center center;}
.find_data .search_result .report_lst .owl-nav button.owl-next:hover {background:#fff url(../images/icon/search_result/icon_slide_nav_right_hover.png) no-repeat center center;}
.find_data .search_result .report_lst .owl-nav button.owl-prev.disabled:hover {background:#fff url(../images/icon/search_result/icon_slide_nav_left.png) no-repeat center center; border-color:#c4c4c4;}
.find_data .search_result .report_lst .owl-nav button.owl-next.disabled:hover {background:#fff url(../images/icon/search_result/icon_slide_nav_right.png) no-repeat center center; border-color:#c4c4c4;}
/* 검색결과 리스트 공통 */
.find_data .search_result ul.result_lst {padding:0; margin:0;}
.find_data .search_result ul.result_lst > li {padding:0; margin:0 0 40px; list-style:none;}
.find_data .search_result ul.result_lst > li:last-child {margin-right:0;}
.find_data .search_result ul.result_lst > li a {font-size:18px; font-weight:500; line-height:24px; margin-bottom:13px; display:inline-block;}
.find_data .search_result ul.result_lst > li a strong {display:inline-block; padding:0;width:50px; height:20px; line-height:19px; color:#fff; background:#ccc; font-size:14px; border-radius:5px; transition:0.2s;
text-align:center; vertical-align:top; margin:2px 15px 0 0; font-weight:400;}
.find_data .search_result ul.result_lst > li a strong.inside {background:#6958a6;}
.find_data .search_result ul.result_lst > li a strong.outside {background:#6ba3ff;}
.find_data .search_result ul.result_lst > li p {font-size:15px; color:#888; line-height:20px;}
.find_data .search_result ul.result_lst > li ul.keyword_lst {padding:0; margin:15px 0 0;}
.find_data .search_result ul.result_lst > li ul.keyword_lst li {padding:0 20px; margin:0 3px 10px 0; list-style:none; height:23px; min-width:80px; line-height:22px; background:#ebebeb; border-radius:12px; font-size:12px; color:#565656;
display:inline-block; text-align:center; transition:0.2s;}
.find_data .search_result ul.result_lst > li ul.keyword_lst li:hover {color:#fff; background-color:#4f4e56;}
/* ***************************** 홈화면 ***************************** */
.home_area {}
.home_area h2.home_title {display:block; padding:0 0 25px 70px; margin:0 auto; font-size:18px; font-weight:500; line-height:46px; background:url(../images/home/logo_home.png) no-repeat left top; width:600px; text-align:left;}
.home_area h2.home_title strong {font-weight:700; font-size:22px; display:inline-block; vertical-align:bottom;}
.home_area .main_top {display:flex; justify-content:space-between; margin-bottom:0;}
.home_area .main_top .m_panel {padding:30px 20px 15px; margin:0;}
.home_area .main_top .m_panel:nth-child(1) {width:calc(78% - 10px);}
.home_area .main_top .m_panel:nth-child(2) {width:22%; padding:15px 15px 0;}
.home_area .main_top #mainSlide {}
.home_area .main_top #mainSlide .slide_item {}
.home_area .main_top #mainSlide .slide_item h3 {text-align:center; position:relative; line-height:30px; height:30px; margin-bottom:20px;}
.home_area .main_top #mainSlide .slide_item h3 strong {font-weight:700; color:#000; font-size:20px; display:inline-block; line-height:28px;}
.home_area .main_top #mainSlide .slide_item h3 strong:before,
.home_area .main_top #mainSlide .slide_item h3 strong:after {content:""; display:inline-block; width:6px; height:6px; border-radius:3px; background:#000; margin:12px 15px 0; vertical-align:top;}
.home_area .main_top #mainSlide .slide_item h3 span {font-size:12px; color:#737373; font-weight:400; position:absolute; right:0; top:16px;}
.home_area .main_top #mainSlide .slide_item > img.main_slide_ex {}
.home_area .main_top #mainSlide.owl-carousel .owl-dots {display:block; margin:20px 0 0; text-align:center;}
.home_area .main_top #mainSlide.owl-carousel button.owl-dot {background:#fff; width:10px; height:10px; border-radius:5px; border:1px solid #9d9d9d; margin:0 5px;}
.home_area .main_top #mainSlide.owl-carousel button.owl-dot.active {background-color:#4f4d56; border-color:#4f4d56;}
/* 나의 관심 상품 */
.home_area .main_top h3.interest_title {position:relative; font-size:17px; font-weight:700; color:#000; margin-bottom:20px;}
.home_area .main_top h3.interest_title button.set_interest {display:inline-block; width:16px; height:24px; background:url(../images/home/icon_setting.png) no-repeat center center; position:absolute; right:0; top:0;
border:none; outline:none; transition:0.2s;}
.home_area .main_top h3.interest_title button.set_interest:hover {background:url(../images/home/icon_setting_hover.png) no-repeat center center;}
.home_area .main_top ul.interest_lst {padding:0; margin:0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.home_area .main_top ul.interest_lst li {padding:0; margin:0 0 20px; list-style:none; width:calc(50% - 4px); border:1px solid #d0d0d0; border-radius:22px; min-height:44px; cursor:pointer;
background:#fff url(../images/home/icon_plus_small.png) no-repeat center center; transition:0.3s; cursor:pointer; position:relative;}
.home_area .main_top ul.interest_lst li:hover {border-color:#6958a6;}
.home_area .main_top ul.interest_lst li button.btn_lst {display:block; background:#fff; border:none; padding:0 10px; text-align:center; font-size:16px; font-weight:500; line-height:20px;
width:100%; word-break:keep-all; height:100%; transition:0.3s; border-radius:22px;}
.home_area .main_top ul.interest_lst li button.btn_lst.active,
.home_area .main_top ul.interest_lst li button.btn_lst:hover {}
.home_area .main_top ul.interest_lst li:hover button.btn_lst,
.home_area .main_top ul.interest_lst li button.btn_lst.active {background:#6958a6; color:#fff;}
.home_area .main_top ul.interest_lst li button.btn_del {display:none; width:15px; height:15px; border:none; outline:none; transition:0.2s; position:absolute; right:-2px; top:-2px;
background:url(../images/home/btn_interest_del.png) no-repeat center center;}
.home_area .main_top ul.interest_lst li button.btn_del:hover {background:url(../images/home/btn_interest_del_hover.png) no-repeat center center;}
.home_area .main_top ul.interest_lst.active li button.btn_del {display:block;}
/* home - 나의 관심 상품 선택 */
#popSelectInterest.popup_wrap {width:95%; max-width:1280px; padding:60px; min-height:590px; overflow-x:auto;}
#popSelectInterest.popup_wrap .popup_body {min-width:1160px;}
#popSelectInterest.popup_wrap .pop_select_interest {overflow:hidden;}
#popSelectInterest.popup_wrap .pop_select_interest .select_interest {width:calc(100% - 320px); float:left;}
.select_interest {}
.select_interest ul.interest_tab {padding:0; margin:0; overflow:hidden; background:#ebebeb; border-radius:10px; padding:4px;}
.select_interest ul.interest_tab li {padding:0; margin:0 10px 0 0; width:80px; text-align:center; float:left; list-style:none;}
.select_interest ul.interest_tab li:last-child {margin-right:0;}
.select_interest ul.interest_tab li a {display:block; width:100%; height:32px; line-height:30px; color:#000; font-size:17px; font-weight:500; transition:0.2s; border-radius:8px;}
.select_interest ul.interest_tab li.active a,
.select_interest ul.interest_tab li a:hover {color:#fff; background:#ef7158;}
.select_interest ul.interest_detail_lst {padding:0; margin:0; overflow-y:auto; max-height:430px;}
.select_interest ul.interest_detail_lst li {width:calc(20% - 8px); text-align:center; list-style:none; padding:0; margin:15px 10px 0 0; float:left;}
.select_interest ul.interest_detail_lst li:nth-child(5n) {margin-right:0;}
.select_interest ul.interest_detail_lst li button {display:block; padding:5px 10px; width:100%; border-radius:18px; font-size:15px; font-weight:500; border:none; outline:none; background:#fff; transition:0.2s; color:#000;}
.select_interest ul.interest_detail_lst li button:hover {background:#efeaff;}
.select_interest ul.interest_detail_lst li button.active,
.select_interest ul.interest_detail_lst li button.active:hover {color:#fff; background:#6958a6;}
/* 나의 관심상품 선택 팝업 */
#popSelectInterest.popup_wrap .pop_select_interest .interest_result_area {width:286px; float:right; overflow:hidden;}
/* 관심 상품 선택 전 */
.interest_result_area .before_selected {display:block; width:286px; height:380px; border-radius:10px; background:url(../images/home/bg_before_selected.png) no-repeat center center;}
.interest_result_area.active .before_selected {display:none;}
/* 관심 상품 선택 후 */
.interest_result_area .after_selected {display:none; padding:15px 15px 0; background:#fff; border-radius:10px; width:286px; height:380px; border:1px solid #dddddd; overflow:hidden;}
.interest_result_area.active .after_selected {display:block;}
.after_selected h3.interest_title {position:relative; font-size:17px; font-weight:700; color:#000; margin-bottom:20px;}
.after_selected ul.interest_lst {padding:0; margin:0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.after_selected ul.interest_lst li {padding:0; margin:0 0 20px; list-style:none; width:calc(50% - 4px); border:1px solid #d0d0d0; border-radius:22px; min-height:44px; cursor:pointer;
background:#fff url(../images/home/icon_plus_small.png) no-repeat center center; transition:0.3s; cursor:pointer; position:relative;}
.after_selected ul.interest_lst li:hover {border-color:#6958a6;}
.after_selected ul.interest_lst li button.btn_lst {display:block; background:#fff; border:none; padding:0 10px; text-align:center; font-size:16px; font-weight:500; line-height:20px;
width:100%; word-break:keep-all; height:100%; transition:0.3s; border-radius:22px;}
.after_selected ul.interest_lst li button.btn_lst.active,
.after_selected ul.interest_lst li button.btn_lst:hover {}
.after_selected ul.interest_lst li button.btn_del {display:block; width:15px; height:15px; border:none; outline:none; transition:0.2s; position:absolute; right:-2px; top:-2px;
background:url(../images/home/btn_interest_del2.png) no-repeat center center;}
.after_selected ul.interest_lst li button.btn_del:hover {background:url(../images/home/btn_interest_del2_hover.png) no-repeat center center;}
/* 선택완료 버튼 */
.interest_result_area .interest_complate_btn {margin:20px 0 0;}
.interest_result_area .interest_complate_btn p {color:#a4a4a4; font-size:12px; text-align:center; margin:0; line-height:17px;}
.interest_result_area .interest_complate_btn button {display:block; width:100%; border-radius:8px; border:none; outline:none; height:43px; line-height:41px; color:#fff; transition:0.2s;
background:#4f4e56; font-size:15px; font-weight:500; margin:10px 0 0; padding:0;}
.interest_result_area .interest_complate_btn button i {margin-right:5px;}
.interest_result_area .interest_complate_btn button:hover {background:#ef7158;}
.interest_result_area .interest_complate_btn button:disabled {background:#e5e5e5; color:#a4a4a4;}
/* 공통사항 */
.main_title {font-size:26px; font-weight:700; color:#000; position:relative;}
.main_title a.more {position:absolute; right:0; top:18px; font-size:12px; font-weight:500; transition:0.2s;}
.main_title a.more:before {content:"+"; display:inline-block; vertical-align:top; margin:0 2px 0 0;}
.main_title a.more:hover {color:#ef7158;}
/* 리포트 바로가기 */
.home_area .main_report_lst {}
.home_area .main_report_lst {padding:0;}
.home_area .main_report_lst.owl-carousel .owl-stage {display:flex;}
.home_area .main_report_lst a.item_report {padding:25px 25px 25px; border:1px solid #dddddd; border-radius:10px; text-align:center; display:block; transition:0.2s; background:#fff; height:100%;}
.home_area .main_report_lst a.item_report:hover {background:#6958a6;}
.home_area .main_report_lst a.item_report strong {padding:0 0 0 27px; line-height:20px; font-size:18px; font-weight:400; color:#6958a6; position:relative; display:inline-block; transition:0.2s;}
.home_area .main_report_lst a.item_report strong:before {content:""; display:inline-block; width:20px; height:20px; margin:0 10px 0 0; background:red; position:absolute; left:0; top:0;}
.home_area .main_report_lst a.item_report:hover strong {color:#cac2ea; color:#fff; opacity:0.7;}
.home_area .main_report_lst a.item_report.trend strong:before {background:url(../images/icon/icon_trend_content.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.social strong:before {background:url(../images/icon/icon_social_content.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.review strong:before {background:url(../images/icon/icon_review_content.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.monitoring strong:before {background:url(../images/icon/icon_monitoring_content.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.food strong:before {background:url(../images/icon/icon_food_content.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.client strong:before {background:url(../images/icon/icon_client_content.png) no-repeat center center;}
.home_area .main_report_lst a.item_report:hover strong:before {opacity:0.7;}
.home_area .main_report_lst a.item_report.trend:hover strong:before {background:url(../images/icon/icon_trend_hover.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.social:hover strong:before {background:url(../images/icon/icon_social_hover.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.review:hover strong:before {background:url(../images/icon/icon_review_hover.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.monitoring:hover strong:before {background:url(../images/icon/icon_monitoring_hover.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.food:hover strong:before {background:url(../images/icon/icon_food_hover.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.client:hover strong:before {background:url(../images/icon/icon_client_hover.png) no-repeat center center;}
.home_area .main_report_lst a.item_report span {margin:15px 0 0; font-size:15px; color:#000; display:block; transition:0.2s;}
.home_area .main_report_lst a.item_report:hover span {color:#fff;}
/* 리포트 없음 */
.home_area .main_report_lst a.item_report.report_none {pointer-events:none;}
.home_area .main_report_lst a.item_report.report_none:before {content:""; display:inline-block; width:24px; height:24px; background:url(../images/icon/icon_warning.png) no-repeat center center;}
.home_area .main_report_lst a.item_report.report_none:after {content:"최근 본 리포트가 없습니다"; display:block; margin:8px 0 0; font-size:14px; color:#a3a3a3;}
.home_area .main_report_lst .owl-nav {position:absolute; right:0; top:-40px;}
.home_area .main_report_lst .owl-nav button.owl-prev,
.home_area .main_report_lst .owl-nav button.owl-next {width:25px; height:25px; border-radius:0; box-shadow:none; border:1px solid #c4c4c4; transition:0.2s;}
.home_area .main_report_lst .owl-nav button.owl-prev:hover,
.home_area .main_report_lst .owl-nav button.owl-next:hover {border-color:#ef7158;}
.home_area .main_report_lst .owl-nav button.owl-prev.disabled,
.home_area .main_report_lst .owl-nav button.owl-next.disabled {cursor:default; opacity:0.3;}
.home_area .main_report_lst .owl-nav button.owl-prev {background:#fff url(../images/icon/search_result/icon_slide_nav_left.png) no-repeat center center; border-radius:5px 0 0 5px;}
.home_area .main_report_lst .owl-nav button.owl-next {background:#fff url(../images/icon/search_result/icon_slide_nav_right.png) no-repeat center center; border-radius:0 5px 5px 0;}
.home_area .main_report_lst .owl-nav button.owl-prev:hover {background:#fff url(../images/icon/search_result/icon_slide_nav_left_hover.png) no-repeat center center;}
.home_area .main_report_lst .owl-nav button.owl-next:hover {background:#fff url(../images/icon/search_result/icon_slide_nav_right_hover.png) no-repeat center center;}
.home_area .main_report_lst .owl-nav button.owl-prev.disabled:hover {background:#fff url(../images/icon/search_result/icon_slide_nav_left.png) no-repeat center center; border-color:#c4c4c4;}
.home_area .main_report_lst .owl-nav button.owl-next.disabled:hover {background:#fff url(../images/icon/search_result/icon_slide_nav_right.png) no-repeat center center; border-color:#c4c4c4;}
/* 최근 본 리포트 */
.home_area .main_report_lst.recent_lst a.item_report:hover {background:#6ba3ff;}
.home_area .main_report_lst.recent_lst a.item_report strong {color:#508bed;}
.home_area .main_report_lst.recent_lst a.item_report:hover strong {color:#fff; opacity:0.8;}
.home_area .main_report_lst.recent_lst a.item_report.trend strong:before {background:url(../images/icon/icon_trend_content2.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report.social strong:before {background:url(../images/icon/icon_social_content2.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report.review strong:before {background:url(../images/icon/icon_review_content2.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report.monitoring strong:before {background:url(../images/icon/icon_monitoring_content2.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report.food strong:before {background:url(../images/icon/icon_food_content2.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report.client strong:before {background:url(../images/icon/icon_client_content2.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report:hover strong:before {opacity:0.9;}
.home_area .main_report_lst.recent_lst a.item_report.trend:hover strong:before {background:url(../images/icon/icon_trend_hover.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report.social:hover strong:before {background:url(../images/icon/icon_social_hover.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report.review:hover strong:before {background:url(../images/icon/icon_review_hover.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report.monitoring:hover strong:before {background:url(../images/icon/icon_monitoring_hover.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report.food:hover strong:before {background:url(../images/icon/icon_food_hover.png) no-repeat center center;}
.home_area .main_report_lst.recent_lst a.item_report.client:hover strong:before {background:url(../images/icon/icon_client_hover.png) no-repeat center center;}
/* 추천 리포트 */
#recommendPanel {padding:25px 25px 0; margin:0;}
#recommendPanel ul.recommend_lst {padding:0; margin:0; display:flex; flex-wrap:wrap; word-break:keep-all; justify-content:space-between;}
#recommendPanel ul.recommend_lst > li {padding:0 0 0 50px; margin:0 0 25px; list-style:none; width:48%; position:relative;}
#recommendPanel ul.recommend_lst > li div.info {overflow:hidden;}
#recommendPanel ul.recommend_lst > li strong {display:inline-block; padding:0; width:40px; height:18px; line-height:17px; color:#fff; background:#ccc; font-size:10px; border-radius:5px; transition:0.2s;
text-align:center; vertical-align:top; margin:0; font-weight:400; position:absolute; left:0; top:3px;}
#recommendPanel ul.recommend_lst > li strong.inside {background:#6958a6;}
#recommendPanel ul.recommend_lst > li strong.outside {background:#6ba3ff;}
#recommendPanel ul.recommend_lst > li a.link {font-size:14px; font-weight:500; line-height:18px; display:inline-block; margin-right:20px;}
#recommendPanel ul.recommend_lst > li span.writer {font-size:12px; color:#747474; display:inline-block;}
#recommendPanel ul.recommend_lst > li .function_right {float:right; padding:0 0 0 20px; display:inline-block; vertical-align:middle;}
#recommendPanel ul.recommend_lst > li .function_right span.date {font-size:12px; color:#747474; display:inline-block; margin-right:20px; vertical-align:middle;}
#recommendPanel ul.recommend_lst > li .function_right a.down {width:20px; height:20px; display:inline-block; border-radius:10px; background:#ddddff url(../images/icon/icon_download.png) no-repeat center center; transition:0.2s;
vertical-align:middle;}
#recommendPanel ul.recommend_lst > li .function_right a.down:hover {background:#6958a6 url(../images/icon/icon_download_hover.png) no-repeat center center;}
#recommendPanel ul.recommend_lst > li ul.keyword_lst {padding:0; margin:5px 0 0;}
#recommendPanel ul.recommend_lst > li ul.keyword_lst li {padding:0 20px; margin:0 3px 3px 0; list-style:none; height:23px; min-width:80px; line-height:22px; background:#ebebeb; border-radius:12px; font-size:12px; color:#565656;
display:inline-block; text-align:center; transition:0.2s;}
#recommendPanel ul.recommend_lst > li ul.keyword_lst li:hover {color:#fff; background-color:#4f4e56;}
/* 메인 게시판 리스트 */
.main_board.panel_area {}
.main_board.panel_area .devide {width:calc(50% - 13px);}
.main_board.panel_area .m_panel {padding:15px 20px; margin-bottom:0; height:calc(100% - 80px);}
ul.main_boare_lst {padding:0; margin:0;}
ul.main_boare_lst li {padding:0 0 0 10px; margin:0; overflow:hidden; list-style:none; position:relative; margin:0 0 10px;}
ul.main_boare_lst li:last-child {margin-bottom:0;}
ul.main_boare_lst li:before {content:""; display:block; width:2px; height:2px; border-radius:1px; background:#000; position:absolute; left:0; top:8px;}
ul.main_boare_lst li a {font-size:14px; line-height:18px; color:#000; transition:0.2s; display:inline-block; width:calc(100% - 75px); float:left; vertical-align:middle;}
ul.main_boare_lst li a:hover {color:#ef7158;}
ul.main_boare_lst li span {display:inline-block; width:75px; float:right; font-size:12px; color:#747474; vertical-align:middle; text-align:right;}
/* ***************************** 트랜드센싱 ***************************** */
/* ********** 트랜드센싱 홈 ********** */
.trend_search_area {margin:50px auto 0; width:600px; height:277px; display:block; padding:230px 0 0; background:url(../images/common/logo_trend.png) no-repeat center top; position:relative;}
/* 검색 */
.trend_search_area .trend_search {border-radius:8px; font-size:22px; width:100%; border:1px solid #c4c4c4; background:#fff; position:absolute; left:0; top:230px; display:inline-block;}
.trend_search_area .trend_search input {width:calc(100% - 45px); height:45px; line-height:43px; font-size:22px; font-weight:400; color:#000; border:none; padding:0 45px 0 15px; border-radius:10px;}
.trend_search_area .trend_search button.search_btn {position:absolute; right:0; top:0; width:45px; height:45px; background:url(../images/icon/icon_search.png) no-repeat center center; text-indent:-9999px; border:none; outline:none;}
/* 검색-연관검색어 */
.trend_search_area .trend_search ul {padding:0; margin:0; display:none;}
.trend_search_area .trend_search input:focus ~ ul {display:block;}
.trend_search_area .trend_search ul li {padding:0; margin:0; list-style:none;}
.trend_search_area .trend_search ul li button {background:none; font-size:16px; line-height:35px; padding:0 15px; border:none; outline:none; display:block; width:100%; text-align:left;}
.trend_search_area .trend_search ul li button:hover {background:#f2f2f2;}
/* 추천 키워드 */
.trend_keyword_area {margin:110px 0 0; overflow:hidden;}
.trend_keyword_area .keyword_recommend {float:left; width:48%;}
.trend_keyword_area .keyword_popular {float:right; width:48%;}
.trend_keyword_area h3 {font-size:20px; font-weight:500; line-height:26px; margin:0 0 30px;}
.trend_keyword_area ul.keyword_lst {padding:0; margin:0; overflow:hidden;}
.trend_keyword_area ul.keyword_lst li {padding:0; margin:0 16px 20px 0; float:left; list-style:none;}
.trend_keyword_area ul.keyword_lst li button {height:38px; padding:0 25px 0; line-height:36px; border-radius:20px; background:#f4f4f4; transition:0.2s; color:#000; font-size:18px; line-height:1; border:none; outline:none;}
.trend_keyword_area ul.keyword_lst li button.active,
.trend_keyword_area ul.keyword_lst li button:hover {background:#4f4d56; color:#fff;}
/* ********** 트랜드센싱 상세 ********** */
.cdi_area.trend_area {}
.trend_area .panel_area.col2 .m_panel {padding:20px 15px 8px;}
.trend_area ul.keyword_lst {padding:0; margin:0; overflow:hidden;}
.trend_area ul.keyword_lst li {padding:0; margin:0 15px 12px 0; float:left; list-style:none;}
.trend_area ul.keyword_lst li button {height:29px; padding:0 20px 0; line-height:27px; border-radius:20px; background:#f4f4f4; transition:0.2s; color:#000; font-size:14px; border:none; outline:none;}
.trend_area ul.keyword_lst li button.active,
.trend_area ul.keyword_lst li button:hover {background:#4f4d56; color:#fff;}
.trend_area select.panel_select {position:absolute; top:10px; right:20px;}
/* 인기상품 */
.product_area {padding:10px 40px; position:relative;}
.product_area h4 {display:inline-block; width:215px; height:30px; background:#f0f0f0; text-align:center; color:#000; font-size:16px; font-weight:500; line-height:28px; border-radius:15px;}
.product_area a.more_btn {position:absolute; right:40px; top:20px; color:#ef7158; font-size:12px; font-weight:400;}
.product_area a.more_btn:before {content:"+"; display:inline-block; margin:0 3px 0 0;}
.product_area ol.product_lst {padding:5px 0 0 15px; margin:0 0 0 20px;}
.product_area ol.product_lst > li {margin:15px 0 0; padding:0; position:relative;}
.product_area ol.product_lst > li p {font-size:15px; font-weight:400; margin:0; position:relative; z-index:2; width:calc(100% - 100px);}
.product_area ol.product_lst > li p a {color:#000; transition:0.2s;}
.product_area ol.product_lst > li p a:hover {color:#ef7158;}
.product_area ol.product_lst > li ul {padding:0; margin:0; position:relative; z-index:2; width:calc(100% - 100px);}
.product_area ol.product_lst > li ul li {padding:0; margin:3px 0 0; list-style:none; color:#666666; font-size:13px; line-height:16px;}
.product_area ol.product_lst > li ul li:before {display:inline-block; content:"-"; margin:0 3px 0 0;}
.product_area ol.product_lst > li > a {display:inline-block; position:absolute; right:0; top:0; width:100px; text-align:center;}
.product_area ol.product_lst > li > a img {max-width:100%; height:auto; max-height:100px; display:inline-block;}
@media all and (max-width:1500px){
/* 추천 리포트 */
#recommendPanel ul.recommend_lst > li .function_right {display:block; padding:0; width:100%; text-align:right;}
}
@media all and (max-width:1400px){
/* ***************************** 실데이터 결과 ***************************** */
.result_info ul.sns_tab li {margin-right:0;}
/* ***************************** 홈화면 ***************************** */
.home_area .main_top .m_panel:nth-child(1) {width:calc(74% - 10px);}
.home_area .main_top .m_panel:nth-child(2) {width:26%;}
}
@media all and (max-width:1280px){
/* ***************************** 공통 요소 ***************************** */
/* Title 및 텍스트 */
h3.board_title strong {max-width:100%;}
/* 분석리포트 - 이슈 모니터링 - SC의 소리 */
.type_img_area ul.type_img_lst li {margin:0 4% 35px 0; width:48%;}
.type_img_area ul.type_img_lst li:nth-child(3n) {margin-right:4%;}
.type_img_area ul.type_img_lst li:nth-child(2n) {margin-right:0;}
/* ***************************** 실데이터 결과 ***************************** */
.result_info ul.sns_tab li {margin-right:1%;}
.result_info ul.sns_tab li:nth-child(1) {width:16%;}
.result_info ul.sns_tab li:nth-child(2) {width:26%;}
.result_info ul.sns_tab li:nth-child(3) {width:16%;}
.result_info ul.sns_tab li:nth-child(4) {width:18%;}
.result_info ul.sns_tab li:nth-child(5) {width:16%; margin-right:0;}
.result_info ul.sns_tab li a {padding:0;}
/* ***************************** 홈화면 ***************************** */
.home_area .main_top .m_panel:nth-child(1) {width:calc(70% - 10px);}
.home_area .main_top .m_panel:nth-child(2) {width:30%;}
/* 인기상품 */
.product_area {padding:10px 20px;}
.product_area a.more_btn {right:20px;}
.product_area a.more_btn:before {content:"+"; display:inline-block; margin:0 3px 0 0;}
}
@media all and (max-width:1000px){
.panel_area .m_panel {width:100% !important;}
.trend_area .panel_area.col2 .m_panel {margin-bottom:80px;}
.trend_area .panel_area.col2 .m_panel:last-child {margin-bottom:20px;}
/* panel 내 나누기 */
.panel_area .m_panel .m_devide {width:100% !important; margin-top:20px;}
.panel_area .m_panel .m_devide:first-child {margin-top:0;}
.panel_area .m_panel.col2 .m_devide {width:calc((100% - 40px) / 2);}
.panel_area .m_panel.col3 .m_devide {width:calc((100% - 80px) / 3);}
/* ***************************** 실데이터 결과 ***************************** */
/* 탭 공통 */
.m_devide .result_info h4.info_title {display:inline-block;}
.m_devide .result_info p.info_txt {display:inline-block; margin-left:20; margin-top:0;}
.result_info ul.sns_tab li {width:auto !important; margin-right:20px !important;}
.result_info ul.sns_tab li a {padding:0 20px !important;}
/* ***************************** 홈화면 ***************************** */
.home_area .main_top ul.interest_lst {justify-content:flex-start;}
.home_area .main_top ul.interest_lst li {width:calc(25% - 8px); margin-right:8px;}
.home_area .main_top ul.interest_lst li:nth-child(4n) {margin-right:0;}
.home_area .main_top .m_panel:nth-child(2) {margin-top:20px;}
}
/*===========================================================================================================================
게시판
=============================================================================================================================*/
/* ***************************** 게시판 상단 기능 ***************************** */
.board_top {}
.board_top:after {content:""; display:block; width:100%; height:0; float:none; clear:both;}
.board_top span.board_total {font-size:16px; line-height:1; margin-top:10px; display:inline-block;}
.board_top .sort_btn_area {float:left; display:inline-block;}
.board_top .sort_btn_area button.sort_btn {display:inline-block; height:30px; padding:0; line-height:28px; margin:0 40px 0 0; font-size:16px; font-weight:400; color:#7b7b7b; transition:0.2s; background:none; outline:none; border:none;}
.board_top .sort_btn_area button.sort_btn:last-child {margin-right:0;}
.board_top .sort_btn_area button.sort_btn.active,
.board_top .sort_btn_area button.sort_btn:hover {color:#000;}
.board_top .sort_btn_area button.sort_btn.active {font-weight:500;}
.board_top .board_search_area {float:right; display:inline-block; margin-left:30px;}
.board_top .board_search_area select.form_control {min-width:200px; display:inline-block; vertical-align:middle;}
.board_top .board_search_area .search {display:inline-block; vertical-align:middle; margin-left:10px;}
.board_top .board_search_area .search input.form_control {width:300px; display:inline-block; vertical-align:middle;}
.board_top .board_search_area .search button.search_btn {width:30px; height:30px; background:url(../images/icon/icon_search.png) no-repeat center center; transition:0.2s; border:none; outline:none; display:inline-block;
margin:0; vertical-align:middle; padding:0;}
.board_top .board_search_area .search button.search_btn:hover {background:url(../images/icon/icon_search_hover.png) no-repeat center center;}
/* ***************************** 게시판 카드형 리스트 ***************************** */
ul.card_list {padding:0; margin:17px 0 0;}
ul.card_list:after {content:""; display:block; width:100%; height:0; float:none; clear:both;}
ul.card_list li {padding:0; margin:0 3.5% 28px 0; width:31%; float:left; list-style:none;}
ul.card_list li:nth-child(3n) {margin-right:0;}
ul.card_list li a {display:block; padding:28px 25px; margin:0; transition:0.2s; border:1px solid #bebebe; position:relative;}
ul.card_list li a:hover,
ul.card_list li a:focus {border-color:#ef7158;}
ul.card_list li span.c_position {display:inline-block; padding:0 13px; height:20px; line-height:19px; color:#fff; background:#ccc; font-size:14px; border-radius:3px; transition:0.2s;}
ul.card_list li span.c_position.cp_inside {background:#6958a6;}
ul.card_list li span.c_position.cp_outside {background:#6ba3ff;}
ul.card_list li strong.lst_title {display:block; padding-right:30px; margin:13px 0 20px; font-size:28px; line-height:38px; word-break:keep-all; letter-spacing:-1px; height:152px; font-weight:700;
display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
ul.card_list li span.writer {display:block; margin:0 0 9px; color:#787878; font-size:16px; line-height:1;}
ul.card_list li span.date {display:inline-block; color:#787878; font-size:16px; line-height:1; width:80px; height:30px; line-height:28px;}
ul.card_list li span.info {display:inline-block; width:calc(100% - 90px); float:right; text-align:right; color:#787878; height:30px; line-height:28px;}
ul.card_list li span.info span:before {font-family:"Icofont"; color:#000; font-size:20px; display:inline-block; margin:0 4px 0 0; vertical-align:middle;}
ul.card_list li span.info span.view {display:inline-block;}
ul.card_list li span.info span.view:before {content:"\ef21";}
ul.card_list li span.info span.down {display:inline-block; margin-left:10px;}
ul.card_list li span.info span.down:before {content:"\ef08";}
/* Q&A용 카드리스트 */
ul.card_list li span.c_position.cp_qna {background:#4f4d56;}
ul.card_list li a:hover span.c_position.cp_qna {background:#ef7158;}
ul.card_list li span.info span.answer_standby {color:#eb5f79;}
ul.card_list li span.info span.answer_complete {color:#00b9c1;}
ul.card_list li a:after {content:"\f01b"; font-family:"Icofont"; font-size:20px; color:#4f4d56; position:absolute; right:18px; top:13px; z-index:2; width:20px; height:30px; display:inline-block;}
/* ul.card_list li.qna_lock a {pointer-events:none; cursor:pointer;} */
ul.card_list li.qna_lock a:after {content:"\ef7a";}
/* ***************************** 목록 - ul ***************************** */
.mg_list {padding:0; margin:10px 0 0; border-bottom:1px solid #dfdfdf;}
.mg_list > li {display:flex; align-items:center; padding:0; margin:0; list-style:none; background-color:#fff; letter-spacing:-0.5px; position:relative;}
.mg_list > li:hover {/* background-color:#f3f8ff; */}
.mg_list > li > div {padding:11px 10px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; text-align:center;}
.mg_list > li > div a {font-weight:400; transition:0.2s;}
.mg_list > li > div a:hover,
.mg_list > li > div a:focus {color:#ef7158;}
.mg_list > li > div span.announcement {display:inline-block; padding:0 10px; border-radius:5px; color:#fff; font-size:14px; text-align:center; background:#ef7158; line-height:18px; height:20px;}
.mg_list > li.list_head {/* position:sticky; top:0; */ border-top:3px solid #4f4d56; background-color:#fff; z-index:1; border-bottom:1px solid #4f4d56;}
.mg_list > li.list_head:hover {background-color:#f9f9f9;}
.mg_list > li.list_head > div {color:#000; font-weight:400; font-size:16px; padding:11px 10px; text-align:center;}
/* 공지사항 리스트 */
.notice_lst .mg_list li > div:nth-child(1) {width:100px;}
.notice_lst .mg_list li > div:nth-child(2) {width:calc(100% - 320px); text-align:left;}
.notice_lst .mg_list li > div:nth-child(3) {width:120px;}
.notice_lst .mg_list li > div:nth-child(4) {width:100px;}
/* 데이터찾기 리스트 */
.find_lst .mg_list li > div:nth-child(1) {width:100px;}
.find_lst .mg_list li > div:nth-child(2) {width:300px;}
.find_lst .mg_list li > div:nth-child(3) {width:300px;}
.find_lst .mg_list li > div:nth-child(4) {width:300px;}
.find_lst .mg_list li > div:nth-child(5) {width:calc(100% - 10px); text-align:center;}
/* FAQ 리스트 */
.faq_lst .mg_list > li:nth-child(2) {margin-top:10px;}
.faq_lst .mg_list > li:last-child {margin-bottom:10px;}
.faq_lst .mg_list li > div:nth-child(1) {width:100px;}
.faq_lst .mg_list li > div:nth-child(2) {width:120px;}
.faq_lst .mg_list li > div:nth-child(3) {width:calc(100% - 220px); text-align:left;}
.faq_lst .mg_list > li.list_head > div {text-align:center;}
.faq_lst .mg_list li > div .txt {position:relative; display:block; width:100%; padding-left:45px; background:none; border:none; outline:none; text-align:left; letter-spacing:-0.5px; white-space:normal; word-break:keep-all;}
.faq_lst .mg_list li > div .txt:before {content:""; display:block; position:absolute; left:0; top:5px; width:15px; height:15px;}
.faq_lst .mg_list li.question > div button.txt {padding-right:60px; transition:0.2s;}
.faq_lst .mg_list li.question > div button.txt:before {background:url(../images/icon/icon_question.png) no-repeat center center;}
.faq_lst .mg_list li.question > div button.txt:hover {color:#ef7158;}
.faq_lst .mg_list li.question > div button.txt:after {content:"\eab2"; font-family:"Icofont"; display:block; position:absolute; right:30px; top:5px; width:20px; height:20px; color:#4f4d56; font-size:20px; line-height:20px; text-align:center; transition:0.3s;}
.faq_lst .mg_list li.question.active > div button.txt:after {transform:rotate(-180deg);}
.faq_lst .mg_list li.answer {background:#f3f3f3; height:0; overflow:hidden;}
.faq_lst .mg_list li.answer > div {padding:20px 10px;}
.faq_lst .mg_list li.answer > div .txt {}
.faq_lst .mg_list li.answer > div .txt:before {background:url(../images/icon/icon_answer.png) no-repeat center center;}
.faq_lst .mg_list li.question.active + li.answer {height:auto;}
/* 링크 리스트 */
.link_lst .mg_list li > div:nth-child(1) {width:80px;}
.link_lst .mg_list li > div:nth-child(2) {width:150px;}
.link_lst .mg_list li > div:nth-child(3) {width:260px;}
.link_lst .mg_list li > div:nth-child(4) {width:calc(100% - 570px); text-align:left;}
.link_lst .mg_list li.list_head > div:nth-child(4) {text-align:center;}
.link_lst .mg_list li > div:nth-child(5) {width:80px;}
.link_lst .mg_list li > div a.link_lst_icon {color:#0155df; transition:0.2s;}
.link_lst .mg_list li > div a.link_lst_icon:hover {color:#ef7158;}
/* ********************* 게시판 상세 ********************* */
.board_detail {border-top:3px solid #4f4d56; border-bottom:1px solid #dfdfdf;}
.board_detail + .list_table_area {margin-top:0;}
.board_detail + .list_table_area.type_row table {border-top:none;}
/* 정보 */
.board_detail .board_info {padding:13px 0; font-size:16px; border-bottom:1px solid #4f4d56; line-height:1;}
.board_detail .board_info:after {content:""; display:block; width:100%; height:0px; clear:both; float:none;}
.board_detail .board_info span.info_item {display:inline-block; margin:0 65px 0 0; vertical-align:middle; color:#777777;}
.board_detail .board_info a.file_item {display:inline-block; color:#397efe; position:relative; float:right;}
.board_detail .board_info a.file_item:before {content:"\eedb"; font-family:"Icofont"; display:inline-block; margin:0 5px 0 0; font-size:24px; vertical-align:middle;}
.board_detail .board_info a.file_item span {display:inline-block; vertical-align:middle;}
/* 태그 */
.board_detail ul.board_tag {padding:0; margin:18px 0 0; overflow:hidden;}
.board_detail ul.board_tag li {padding:0; margin:0 6px 0 0; float:left; display:inline-block; list-style:none; height:23px; line-height:22px; color:#565656; font-size:12px; padding:0 10px; min-width:80px; text-align:center;
background:#ebebeb; border-radius:12px;}
.board_detail .editor_area {padding:40px 0; font-size:18px;}
.board_detail .editor_area p {margin:0 0 10px;}
/* 이전글, 다음글 */
.board_detail ul.quick_link {padding:0; margin:0; }
.board_detail ul.quick_link li {border-top:1px solid #dfdfdf; list-style:none; padding:15px 0; margin:0; overflow:hidden;}
.board_detail ul.quick_link li strong {font-weight:700; float:left; width:150px;}
.board_detail ul.quick_link li a {float:left; width:calc(100% - 150px); transition:0.2s;}
.board_detail ul.quick_link li a:hover {color:#ef7158;}
/* Q&A */
.boar_detail h4.answer_title {line-height:1; padding:16px 0; font-size:30px; font-weight:500; border-top:1px solid #4f4d56; border-bottom:1px solid #4f4d56; margin-top:100px;}
.btn_area {text-align:center; margin:40px 0 0;}
.btn_area .m_btn {}
.manage_btn_area {text-align:right; margin:40px 0 0;}
/* ********************* 게시판 작성 ********************* */
.form_area {position:relative;}
.form_area table {width:100%; border-collapse:collapse; border-top:1px solid #232427;}
.form_area table th {padding:20px 20px; text-align:center; font-size:18px; font-weight:500; border-bottom:1px solid #e4e4e4; background-color:#fff;}
.form_area table td {padding:20px 20px; border-bottom:1px solid #e4e4e4; background-color:#fff; font-size:18px;}
.form_area table td .form_control {border:none; font-size:18px; padding:0;}
.form_area table td .m_radio > input[type=radio] + label {font-size:18px;}
.form_area table td textarea.form_control {padding:0;}
.form_area table tr:last-child th {border-color:#232427;}
.form_area table tr:last-child td {border-color:#232427;}
/* 연관주제 */
ul.related_word_write {padding:0; margin:0;}
ul.related_word_write li {padding:0 10px 0 0; margin:0; list-style:none; display:inline-block; max-width:150px;}
ul.related_word_write li:after {content:"/"; display:inline-block; font-size:18px; vertical-align:middle;}
ul.related_word_write li:last-child:after {display:none;}
ul.related_word_write li input.form_control {width:calc(100% - 10px); padding:0 10px 0 0;}
/* 파일 업로드 */
.insert {display:block; width:100%; margin:0; position:relative;}
.insert label {cursor:pointer; display:inline-block; color:#fff; font-size:15px; border-radius:5px; text-transform:uppercase; padding:0 30px; height:35px; line-height:35px; border:none; margin-left:-1px;
background-color:#4f4e56; float:left; transition:all 0.2s ease-in;}
.insert label:hover {background-color:#003880;}
.insert input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.insert .file_list {display:inline-block; height:auto; overflow:auto; width:calc(100% - 125px); float:right; margin-top:-2px;}
.insert .file_list .filebox {display:inline-block; margin:3px 10px 3px 0; padding:0 8px; border:1px solid #26a1ff; border-radius:2px; line-height:28px; background:none;}
.insert .file_list .filebox p {font-size:14px; margin:0; display:inline-block; line-height:28px; position:relative; top:0;}
.insert .file_list .filebox .delete {background:url(../images/icon/icon_close_small.png) no-repeat right center; display:inline-block; width:16px; height:20px; vertical-align:middle; transition:0.2s; cursor:pointer;}
.insert span {display:inline-block; vertical-align:middle; font-size:15px; color:#301db6; margin:0 0 0 10px;}
.insert.view .filebox {cursor:pointer;}
/* ********************* 링크 페이지 ********************* */
/* 링크 상단 이미지 리스트 */
h3.link_title {font-size:22px; color:#000; font-weight:700; margin:0 0 25px;}
ul.link_lst {padding:0; margin:0 0 75px; overflow:hidden;}
ul.link_lst li {padding:0; margin:0 4% 0 0; width:22%; float:left; list-style:none;}
ul.link_lst li:nth-child(4) {margin-right:0;}
ul.link_lst li a {display:block; width:100%; min-height:130px; transition:0.3s; border-radius:5px; border:1px solid #dddddd; position:relative; overflow:hidden;}
ul.link_lst li a:hover, ul.link_lst li a:focus {border-color:#ef7158;}
ul.link_lst li a img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%;}
@media all and (max-width:1280px){
ul.card_list li {margin:0 4% 28px 0; width:48%;}
ul.card_list li:nth-child(3n) {margin-right:4%;}
ul.card_list li:nth-child(2n) {margin-right:0;}
}
/********** 240214 css추가 **********/
.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3,
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6,
.col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9,
.col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{position:relative; min-height:1px; float:left; padding-right:5px; padding-left:5px;}
.row {margin-right:-10px; margin-left:-10px;}
.divH10 {width:100%; height:10px; float:left;}
.divH20 {width:100%; height:20px; float:left;}
.no-border {border-radius:0; border:none; border:0; height:30px; padding:3px 12px;}
.ln_solid {border-top:1px solid #e5e5e5; color:#fff; background-color:#fff; height:1px; margin:20px 0;}
.form-horizontal .control-label {padding-top:5px; padding-right:10px;}
.form-horizontal .control-label-left {padding-top:7px; margin-bottom:0; text-align:left; font-size:16px; font-weight:600;}
.form-horizontal .form-group {margin-right:0; margin-left:0;}
.form-control-feedback {margin-top:5px; height:24px; color:#bfbfbf; line-height:24px; font-size:15px;}
.form-control-feedback.left {border-right:1px solid #ccc; left:6px;}
.form-control-feedback.right {border-left:1px solid #ccc; right:13px; margin-right:-9px; font-size:15px !important;}
.form-control.has-feedback-left {padding-left:45px;}
.form-control.has-feedback-right {padding-right:45px;}
.form-horizontal .radio label {position:relative;}
.form-horizontal .radio label input {position:absolute; top:50%; transform:translateY(-50%);}
.x_panel {position:relative; width:100%; margin-bottom:15px; padding:10px 17px; display:inline-block; background:#fff; border:1px solid #e1e1e1; border-radius:5px;
-webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid; opacity:1; transition:all .2s ease;
box-shadow:3px 3px 10px rgba(0,0,0,0.07);}
.x_panel:hover {box-shadow:0 8px 15px rgba(0, 0, 0, 0.12);}
.cdrs_container .x_panel:last-child, .right_col > .row > .x_panel:last-child, .right_col > .row > .col-xs-12 > .x_panel:last-child {margin-bottom:0;}
.x_title {border-bottom:2px solid #d9d9d9; padding:1px 5px 6px; margin-bottom:10px;}
.x_title .filter {width:40%; float:right;}
.x_title h2 {margin:9px 0 6px; float:left; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:700; font-size:14px; color:#4b5f71;}
.x_title h2 small {margin-left:10px; font-size:66%;}
.x_title span {color:#BDBDBD;}
.x_content {padding:0 5px 6px; position:relative; width:100%; float:left; clear:both; margin-bottom:5px; height:calc(100% - 50px); overflow:hidden;}
.x_content.echarts.bar, .x_content.echarts.line, .x_content.echarts.gauge, .x_content.echarts.scatter, .x_content.echarts.funnel, .x_content.echarts.heatmap {height:calc(100% - 45px);}
.x_content h4 {font-size:16px; font-weight:500;}
.fontawesome-icon-list .fa-hover a {display:block; line-height:50px; height:50px; padding-left:10px; border-radius:4px; font-size:14px; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.fontawesome-icon-list .fa-hover a i {width:32px; line-height:50px; font-size:20px; display:inline-block; text-align:right; margin-right:10px; vertical-align:middle;}
.fontawesome-icon-list .fa-hover a:hover {background-color:#003875; color:#fff; text-decoration:none;}
.fontawesome-icon-list .fa-hover a:hover i {font-size:30px;}
.fontawesome-icon-list .fa-hover a:hover {background-color:#ddd; color:#fff; text-decoration:none;}
.fontawesome-icon-list .fa-hover a {display:block; line-height:32px; height:32px; padding-left:10px; border-radius:4px;}
.fontawesome-icon-list .fa-hover a:hover .fa {font-size:28px; vertical-align:-6px;}
.fontawesome-icon-list .fa-hover a .fa {width:32px; font-size:16px; display:inline-block; text-align:right; margin-right:10px;}
.required {color:#ff3300; display:inline-block; margin:0; vertical-align:top; margin-left:2px;}
/* .required:after {content:"*"; display:inline-block;} */
/* nav-sm - left_col */
.left_col{width:60px;padding-top:60px;position:fixed;top:10px;left:0;bottom:0;border-radius:0 20px 0 0;background-color:#4f4d56;box-shadow:0 7px 20px 2px rgba(0,0,0,0.2);z-index:99;transition:all ease 0.2s;}
.left_col *{color:#fff;}
.menu_toggle{display:block;width:60px;height:60px;padding:0;margin:0;position:absolute;top:0;left:0;border:0;background-color:transparent;z-index:100;}
.menu_toggle:before{display:block;content:"";width:16px;height:11px;margin-top:-5px;margin-left:-8px;position:absolute;top:50%;left:50%;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.menu_toggle:after{display:block;content:"";width:16px;height:1px;margin-left:-8px;position:absolute;top:50%;left:50%;background-color:#fff;}
.logo {height:60px;padding:0;margin:0;position:absolute;top:0;left:20px; text-align:center;/* background:url(../images/logo/logo.png) no-repeat 25px center; */}
.logo > a.navbar-logo{float:inherit;position:static;display:block;line-height:60px;color:#fff;font-size:22px;}
.m_userInfo{display:none;padding:10px 10px 20px 60px;position:relative;background:url(../images/common/icon_user.png) no-repeat 15px 10px;}
.m_userInfo .sp_loginUserNm{display:inline-block;vertical-align:top;line-height:1;font-size:16px;}
.m_userInfo .user_edit{display:inline-block;vertical-align:top;width:20px;height:20px;margin-left:5px;position:relative;text-indent:-9999px;}
.m_userInfo .user_edit:after{display:block;content:"\ec55";font-family:"IcoFont";position:absolute;top:0;left:0;color:#7b8598;font-size:12px;text-indent:0;}
.m_userInfo .user_edit:hover{color:#7b8598;}
.m_userInfo .sp_loginUserMail{display:block;color:#7b8598;}
.m_userInfo .logout{display:block;position:absolute;top:10px;right:10px;color:#7b8598;font-size:10px;}
.sidebar-menu{position:relative;}
.sidebar-menu .menu_section{height:calc(100vh - 240px);padding:0;margin:0;}
.side-menu{padding:0;margin:0;}
.side-menu > li{position:relative;list-style:none;}
.side-menu > li > a{display:block;height:40px;padding:0;position:relative;}
.side-menu > li > a > i{display:block;width:55px;height:40px;line-height:40px;position:absolute;top:0;left:0;color:#fff;font-size:18px;text-align:center; z-index:10;}
.side-menu > li > a > .menuNm{/*display:none;*/width:0;line-height:46px;font-size:14px;opacity:0;}
.side-menu > li > a > .icofont-thin-down{display:none; width:20px; height:45px; position:absolute; top:15px; left:25px; font-size:16px;}
.side-menu > li > a > .icofont-thin-down:before {position:relative; top:15px;}
.side-menu > li.active > a > .icofont-thin-down:before {top:0;}
.side-menu > li > a:hover{color:#26a1ff;background-color:inherit;}
.side-menu > li > a:hover > i{color:#26a1ff;}
.side-menu > li > a:hover > .menuNm{color:#26a1ff;}
.side-menu > li > a:hover > .icofont-thin-down{color:#26a1ff;}
.side-menu > li.active > a{color:#26a1ff;}
.side-menu > li.active > a > i{color:#26a1ff;}
.side-menu > li.active > a > .menuNm{color:#26a1ff;}
.side-menu > li.active > a > .icofont-thin-down{color:#26a1ff; top:0;}
.side-menu > li > ul{width:0;height:0;padding:0;margin:0;position:absolute;top:0;left:60px;border:0;transition:all 0.2s ease;overflow:hidden;}
.side-menu > li > ul > li > a{padding:8px 40px 8px 70px;position:relative;font-size:14px;}
.side-menu > li.active > ul > li > a:hover {background:#003880;}
.side-menu > li > ul > li > a:before{display:block;content:"";width:4px;height:4px;position:absolute;top:16px;left:55px;border-radius:2px;background-color:#fff;}
.side-menu > li > ul > li > a > .icofont-thin-down{width:25px;margin-top:-8px;position:absolute;top:50%;right:0;font-size:16px;}
.side-menu > li.active > ul{width:240px;height:auto;overflow:inherit;}
.side-menu > li.active > ul > li > a:hover {color:#fff;}
.side-menu > li.active > ul > li.active > a{color:#26a1ff;}
.side-menu > li.active > ul > li.active > ul{width:240px;height:auto;overflow:inherit;}
.side-menu > li.active > ul > li.active > ul > li > a:hover{background-color:inherit;color:#26a1ff;}
.side-menu > li.active > ul > li.active > ul > li.active > a{color:#26a1ff;}
.side-menu > li > ul > li > ul.depth3_ul {display:none; padding:0;}
.side-menu > li > ul > li > ul.depth3_ul > li {list-style:none; padding:6px 25px 6px 70px;}
.side-menu > li > ul > li > ul.depth3_ul > li:hover {background:transparent; }
.side-menu > li > ul > li > ul.depth3_ul > li a:hover {color:#26a1ff;}
.side-menu > li > ul > li > ul.depth3_ul.active {display:block;}
.side-menu > li > ul > li > ul.depth3_ul.active + .btnSub:after {content:"\ec7e"; font-family:"Icofont"; font-size:10px; }
.link_section{display:none;padding:10px 20px;border-top:1px solid #555c6d;}
.link_section > a{display:block;line-height:35px;font-size:14px;}
.link_section > a:hover{color:#fff;}
.copyright{display:none;padding:10px 20px;color:#96959d;font-size:14px;}
.toggle_sidebar{width:45px;height:30px;position:fixed;left:0;bottom:20px;border:0;border-radius:0 15px 15px 0;background:#1e222d;transition:all ease 0.2s;}
.toggle_sidebar:after{display:block;content:"\ea9d";line-height:30px;position:absolute;top:0;right:0;left:0;color:#fff;font-family:"IcoFont";font-size:20px;text-align:center;text-indent:0;}
.side-menu .tooltip .tooltip-inner {background:#000; }
.nav-sm .side-menu > li.active > ul {width:200px;}
.nav-sm .side-menu > li > ul > li > a {background:#4f4d56; padding:8px 29px 8px 31px; text-align:left;}
.nav-sm .side-menu > li > ul > li > a:before {left:20px;}
.nav-sm .side-menu > li > ul > li > ul.depth3_ul > li {padding:0;}
.nav-sm .side-menu > li > ul > li > ul.depth3_ul .depth3_menu a {color:#000; display:block; padding:6px 29px 6px 30px; background:#f4f4f4;}
.nav-sm .side-menu > li > ul > li > ul.depth3_ul .depth3_menu a:hover {color:#26a1ff;}
.nav-sm .side-menu > li > ul > li.has_sub > .btnSub {right:0;}
/* nav-md - left_col, right_col */
.nav-md{/*padding-left:240px;*/}
.nav-md .left_col{width:240px;}
.nav-md .right_col{left:240px; width:calc(100vw - 240px); height:100vh;}
.nav-md .logo {display:block;}
.nav-md .m_userInfo{display:block;}
.nav-md .lb_content_area .contents-wrap {padding-left:0;}
.nav-md .side-menu > li > a > i {display:none;}
.nav-md .sidebar-menu .menu_section{overflow-y:auto;}
.nav-md .side-menu > li > a{width:inherit;padding:0 25px 0 55px;}
.nav-md .side-menu > li > a > .menuNm{/*display:block;*/width:inherit;opacity:1;}
.nav-md .side-menu > li > a > .icofont-thin-down{display:block; top:0;}
.nav-md .side-menu > li > ul{width:inherit;position:static;}
.nav-md .side-menu > li > ul > li {position:relative;}
.side-menu > li > ul > li.has_sub > .btnSub {position:absolute; background:none; border:none; padding:0; width:20px; right:10px; top:0; width:35px; height:35px;}
.side-menu > li > ul > li.has_sub > .btnSub:after {content:"\efc2"; font-family:"Icofont"; font-size:10px; }
.nav-md .side-menu > li > ul > li > ul{width:inherit;position:static;}
.nav-md .sidebar-menu .menu_section > ul > li.active > a > .icofont-thin-down {transform:rotate(-90deg); width:45px; height:20px; left:12px;}
.nav-md .link_section{display:block;}
.nav-md .copyright{display:block;}
.nav-md .toggle_sidebar{display:none;left:-60px;}
.nav-sm .right_col{width:100%;}
#main.right_col {min-height:auto !important;}
.mg_wrap.expand{padding-left:0;}
.mg_wrap.expand .left_col{left:-60px;}
.mg_wrap.expand .right_col{left:0;}
.mg_wrap.expand .side_state{width:340px;padding-left:0;}
.mg_wrap.expand .toggle_sidebar:after{content:"\eaa0";}
/*** ai 참고용 css ***/
.mg_title{display:flex;align-items:center;padding:0;margin:0;}
.mg_title h4{display:inline-block;padding:10px 0;margin:0;color:#000;font-size:20px;font-weight:700;}
.mg_title h5{display:inline-block;padding:10px 0;margin:0;color:#000;font-size:17px;font-weight:500;}
ul.mg_title > li{display:flex;align-items:center;padding:0;margin:0;list-style:none;}
.m_btnRound{display:inline-block;height:20px;padding:0 15px;margin:2px 4px;color:#fff;font-size:12px;text-align:center;border:1px solid #003880;background-color:#003880;border-radius:10px;}
.m_btnRound:focus,
.m_btnRound:active{outline:none !important;box-shadow:none !important;}
.m_btnRound:hover{border:1px solid #26a1ff;background-color:#26a1ff;}
/* 상단 현황판 */
.top_state .mg_title{margin-bottom:15px;align-items:flex-end;}
.top_state .mg_title h5{padding:0 10px 0 0;font-size:20px;}
.top_state .mg_title span{padding-left:10px;color:#7b7e85;font-weight:300; font-size:12px;}
.top_state > div{position:relative;}
.top_state > .col_left{width:150px;padding:20px;border-radius:10px 0 0 10px;}
.top_state > .col_left strong{line-height:1;color:#fff;font-size:30px;font-weight:300;}
.top_state > .col_center{padding:20px 20px 20px 50px;border-radius:10px 0 0 10px;background-color:#fff;}
.top_state > .col_right{padding:20px 40px;border-radius:0 10px 10px 0;background-color:#fff;}
.top_state.state_project > div{height:250px;}
.top_state.state_project > .col_center{flex:1;}
.top_state.state_project > .col_right{flex:1;}
.top_state.state_project .icon_btn.icon_setting{position:absolute;left:20px;bottom:20px;}
.top_state.state_project .icon_btn.icon_setting:after{color:#fff;}
.top_state.state_project .project_view{display:flex;position:absolute;left:15px;bottom:15px;}
.top_state.state_project .project_view > button{display:block;width:30px;height:30px;font-size:0;border:0;background-color:inherit;background-repeat:no-repeat;background-position:center center;}
.top_state.state_project .project_view > .btn_card{background-image:url(../images/icon/icon_project_card.png);}
.top_state.state_project .project_view > .btn_card.active{background-image:url(../images/icon/icon_project_card_active.png);}
.top_state.state_project .project_view > .btn_list{background-image:url(../images/icon/icon_project_list.png);}
.top_state.state_project .project_view > .btn_list.active{background-image:url(../images/icon/icon_project_list_active.png);}
.top_state.state_monitoring > div{height:355px;}
.top_state.state_monitoring > .col_left{width:200px;}
.top_state.state_monitoring > .col_center{width:450px;}
.top_state.state_monitoring > .col_center:after{display:block;content:"";position:absolute;top:60px;right:0;bottom:0;border-right:2px solid #e5e8ec;}
.top_state.state_monitoring > .col_right{flex:1;}
.top_state.state_monitoring .status_list{flex-wrap:wrap;padding-right:20px;}
.top_state.state_monitoring .status_list > li{flex:inherit;width:50%;}
#tooltip_status_html{max-width:400px;}
#tooltip_status_html .mg_list > li{align-items:flex-start;border-bottom:transparent;}
#tooltip_status_html .mg_list > li > div{padding:2px;overflow:initial;text-overflow:initial;white-space:normal;}
#tooltip_status_html .mg_list > li > .que{width:120px;}
#tooltip_status_html .mg_list > li > .que i{display:inline-block;vertical-align:middle;width:6px;height:6px;margin-right:5px;border-radius:3px;}
#tooltip_status_html .mg_list > li > .ans{flex:1;}
.status_list{display:flex;flex-direction:row;padding:0;margin:0;}
.status_list > li{flex:1;padding:20px;margin:0;list-style:none;}
.status_list > li > .item label{display:block;line-height:40px;position:relative;font-size:15px;font-weight:300;text-align:center;}
.status_list > li > .item label:before{display:inline-block;width:20px;height:20px;line-height:20px;margin-right:10px;color:#fff;font-family:"IcoFont";font-size:16px;text-align:center;border-radius:25px;}
.status_list > li.all > .item label:before{content:"ALL";background-color:#003880;font-size:12px;}
.status_list > li.progressing > .item label:before{content:"\e97f";background-color:#ffbd4d;font-size:14px;}
.status_list > li.successed > .item label:before{content:"\eed8";background-color:#6bd03f;}
.status_list > li.completed > .item label:before{content:"\eed8";background-color:#6bd03f;}
.status_list > li.failed > .item label:before{content:"\eee4";background-color:#fb6543;}
.status_list > li.scheduled > .item label:before{content:"\efd1";color:#616ef4;font-size:20px;}
.status_list > li > .item strong{display:block;line-height:80px;font-size:40px;font-weight:500;text-align:center;}
.history_list{padding:0;margin:0;position:relative;}
.history_list:before{display:block;content:'';width:1px;position:absolute;top:25px;bottom:10px;background-color:#e1e3e7;}
.history_list > li{padding:5px;margin:0;list-style:none;position:relative;}
.history_list > li:before{display:block;content:'';width:6px;height:6px;position:absolute;top:27px;left:-3px;border-radius:6px;background-color:#003880;}
.history_list > li a{display:flex;align-items:center;padding:15px;position:relative;}
.history_list > li a:hover{background-color:#f3f8ff;}
.history_list > li .category{width:100px;color:#003880;font-weight:bold;font-size:12px;}
.history_list > li .text{flex:1;font-size:15px;}
.history_list > li .time{width:100px;color:#7b7e85;font-size:12px;text-align:right;}
.top_state .recently_list{display:flex;flex-direction:row;flex-wrap:wrap;padding:0;margin:0;}
.top_state .recently_list > li{width:33.3333%;padding:10px;margin:0;list-style:none;}
.top_state .recently_list > li > .item{display:block;padding:20px;position:relative;border:1px solid #a8a8a8;border-radius:5px;}
.top_state .recently_list > li > .item:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);}
.top_state .recently_list > li > .item .fileName{display:block;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top_state .recently_list > li > .item .term{display:block;margin-top:5px;}
.top_state .recently_list > li > .item .date{display:block;margin-top:20px;}
.top_state.state_monitoring .status_list > li > .item .icon_state{padding-right:20px;}
.top_state.state_monitoring .status_list > li > .item .icon_state:after{display:block;content:"\eaa0";position:absolute;top:0;right:0;font-family:"IcoFont";}
.top_state .schedule_calendar{display:flex;}
.top_state .schedule_calendar > div{height:100%;}
.top_state .schedule_calendar > .calendar_left{flex:1;}
.top_state .schedule_calendar > .calendar_right{flex:1;padding-left:60px;}
.top_state .schedule_calendar .status_progress{padding:0;margin:60px 0 0;}
.top_state .schedule_calendar .status_progress > li{display:flex;padding:0;margin:35px 0 0;list-style:none;}
.top_state .schedule_calendar .status_progress > li > strong{width:100px;padding-right:20px;text-align:right;font-weight:normal;}
.top_state .schedule_calendar .status_progress > li > .progress{flex:1;margin-bottom:0;position:relative;background-color:transparent;box-shadow:none;overflow:initial;}
.top_state .schedule_calendar .status_progress > li > .progress .progress-bar{border-radius:0 10px 10px 0;overflow:initial;}
.top_state .schedule_calendar .status_progress > li > .progress .progress-bar span{display:inline-block;padding:0 5px;color:#000;position:absolute;right:-30px;}
#monitoring_calendar .fc-toolbar.fc-header-toolbar{margin-bottom:10px;}
#monitoring_calendar .fc-toolbar h2{line-height:20px;font-size:17px;}
#monitoring_calendar .fc-toolbar .fc-right{float:inherit;}
#monitoring_calendar .fc-toolbar .fc-button-group{margin-left:15px;}
#monitoring_calendar .fc-toolbar .fc-button-group button{height:20px;padding:0;background-color:transparent;border-color:transparent;box-shadow:none;}
#monitoring_calendar .fc-toolbar .fc-button-group button .fc-icon{height:20px;line-height:20px;margin:0;vertical-align:inherit;top:0;}
#monitoring_calendar .fc-view-container{border-top:1px solid #c5c8d0;}
#monitoring_calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:inherit;}
#monitoring_calendar .fc-basic-view .fc-body .fc-row{min-height:inherit;height:initial !important;}
#monitoring_calendar .fc-row .fc-content-skeleton{margin:0;min-height:35px;}
#monitoring_calendar.fc td,
#monitoring_calendar.fc th{text-align:center;border-width:0;}
#monitoring_calendar.fc th{padding:5px 0 8px;font-weight:normal;font-size:0.85em;}
#monitoring_calendar .fc-row table{border-color:transparent;}
#monitoring_calendar .fc-day-grid-event{width:3px;height:3px;padding:0;margin:4px auto 6px;border-radius:3px;border-color:transparent;text-indent:-9999px;}
#monitoring_calendar.fc-unthemed td.fc-today{position:relative;color:#fff;background-color:transparent;}
#monitoring_calendar.fc-unthemed td.fc-today:before{display:block;content:'';width:22px;height:22px;margin-left:-10px;position:absolute;top:-2px;left:50%;border-radius:26px;background-color:#6bd03f;z-index:-1;}
#monitoring_calendar .fc-scroller{height:inherit !important;}
#monitoring_calendar .fc-day-top:hover{background:#f3f8ff; opacity:1;}
.top_state .calendar_right .month_state_count{display:block;position:relative;}
.top_state .calendar_right .month_state_count .count{line-height:1;padding:2px 10px;position:absolute;top:0;right:0;border-radius:5px;color:#fff;background-color:#26a1ff;}
.top_state .calendar_right .month_state{padding:0;margin:26px 0;}
.top_state .calendar_right .month_state:after{display:block;content:'';clear:both;}
.top_state .calendar_right .month_state > li{float:left;width:50%;padding:10px;margin:0;list-style:none;}
.top_state .calendar_right .month_state > li .state{display:block;}
.top_state .calendar_right .month_state > li .state.completed{color:green;}
.top_state .calendar_right .month_state > li .state.failed{color:red;}
.top_state .calendar_right .month_state > li strong{display:block;font-size:30px;}
/* tooltip */
.tooltip{position:fixed;font-weight:300;letter-spacing:0.5px;}
.tooltip .tooltip-inner{max-width:inherit;}
.tooltip_icon,
.tooltip_html_icon{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;padding:0;margin-left:5px;line-height:1;position:relative;text-indent:-9999px;border:0;background-color:inherit;}
.tooltip_icon:after,
.tooltip_html_icon:after{display:block;content:"\ef4e";line-height:1;font-family:"IcoFont";font-size:16px;text-indent:0;}
.tooltip_icon:hover:after,
.tooltip_html_icon:hover:after{color:#26a1ff;}
.tooltip_html{display:none;}
.tooltip_html .mg_list > li{background-color:transparent;}
.tooltip_html_icon + .tooltip .tooltip-inner .tooltip_html{display:block;text-align:left;}
.icon_state{display:inline-block;vertical-align:top;height:20px;line-height:20px;padding-left:30px;position:relative;}
.icon_state:before{display:inline-block;width:20px;height:20px;line-height:20px;position:absolute;top:0;left:0;color:#fff;font-family:"IcoFont";font-size:16px;text-align:center;border-radius:10px;}
.icon_state.icon_all:before{content:"ALL";background-color:#003880;font-size:11px;}
.icon_state.icon_progressing:before{content:"\e97f";background-color:#ffbd4d;font-size:14px;}
.icon_state.icon_successed:before{content:"\eed8";background-color:#6bd03f;}
.icon_state.icon_completed:before{content:"\eed8";background-color:#6bd03f;}
.icon_state.icon_failed:before{content:"\eee4";background-color:#fb6543;}
.icon_state.icon_scheduled:before{content:"\efd1";color:#616ef4;font-size:20px;}
.bg_all{background-color:#003880;}
.bg_progressing{background-color:#ffbd4d;}
.bg_successed{background-color:#6bd03f;}
.bg_completed{background-color:#6bd03f;}
.bg_failed{background-color:#fb6543;}
.bg_scheduled{background-color:#616ef4;}
.schedule_info{padding:0;margin:0;}
.schedule_info > li{display:inline-block;padding-right:10px;font-size:10px;}
.schedule_info > li > i{display:inline-block;width:8px;height:8px;border-radius:4px;}
.top_state .calendar_right .schedule_info{position:absolute;top:55px;right:30px;}
.top_state .schedule_list{display:none;position:absolute;top:55px;right:40px;bottom:0;left:40px;background-color:#fff;transition:all ease 0.2s;z-index:1;}
.top_state .schedule_list.active{display:block;}
.top_state .schedule_list .btn_calendar{padding:0 15px 0 30px;position:absolute;top:0;right:0;}
.top_state .schedule_list .btn_calendar:after{display:block;content:"\ec45";line-height:20px;position:absolute;top:0;left:10px;font-family:"IcoFont";color:#fff;text-align:center;}
.top_state .schedule_list .slide_day{margin:45px 0 0 0;padding:0 30px;position:relative;}
.top_state .schedule_list .slide_day .owl-carousel{height:65px;padding:0 15px;}
.top_state .schedule_list .slide_day .owl-carousel.owl-drag .owl-item{padding:0 5px;}
.top_state .schedule_list .slide_day .owl-carousel.owl-drag .owl-item div{display:block;padding-bottom:20px;text-align:center;}
.top_state .schedule_list .slide_day .owl-carousel.owl-drag .owl-item a{display:block;min-width:54px;height:45px;border-radius:5px;text-align:center;border:1px solid #e1e3e7;background-color:#fff;}
.top_state .schedule_list .slide_day .owl-carousel.owl-drag .owl-item a:hover{background-color:#f3f8ff;}
.top_state .schedule_list .slide_day .owl-carousel.owl-drag .owl-item a.active{border-color:#26a1ff;box-shadow:2px 10px 20px rgba(0,0,0,0.1);}
.top_state .schedule_list .slide_day .owl-carousel.owl-drag .owl-item .month{display:block;line-height:20px;}
.top_state .schedule_list .slide_day .owl-carousel.owl-drag .owl-item .count{display:block;padding:2px;margin-top:4px;line-height:1;font-size:12px;color:#fff;border-radius:8px;background-color:#26a1ff;}
.top_state .schedule_list .slide_day .owl-carousel.owl-drag .owl-item .day{display:block;line-height:45px;}
.top_state .schedule_list .slide_day .owl-nav > button{display:block;width:30px;line-height:45px;position:absolute;top:0;text-indent:-9999px;border-radius:3px;background-color:transparent;}
.top_state .schedule_list .slide_day .owl-nav > button:after{display:block;line-height:45px;position:absolute;top:0;right:0;left:0;font-family:"IcoFont";color:#000;font-size:20px;text-align:center;text-indent:0;}
.top_state .schedule_list .slide_day .owl-nav > button:hover:after{color:#26a1ff;}
.top_state .schedule_list .slide_day .owl-nav > button.disabled:hover:after{color:initial;}
.top_state .schedule_list .slide_day .owl-prev{left:-30px;}
.top_state .schedule_list .slide_day .owl-next{right:-30px;}
.top_state .schedule_list .slide_day .owl-prev:after{content:"\eac9";}
.top_state .schedule_list .slide_day .owl-next:after{content:"\eaca";}
.top_state .schedule_list .mg_list{max-height:160px;border-color:transparent;overflow:auto;}
.top_state .schedule_list .mg_list > li{min-height:50px;border-bottom:none;}
.top_state .schedule_list .mg_list > li > .repeat{font-size:12px;color:#003880;}
.top_state .schedule_list .mg_list > li > .time{font-size:12px;color:#7b7e85;text-align:right;}
.nav-md .side_state{width:580px;padding-left:240px;}
.nav-md .mg_tab.tab_project > .tab_bar{padding:0 50px;}
.nav-md .mg_tab.tab_project > .tab_content.project_content{padding:20px 50px;}
.nav-md .project_content .group_search{right:50px;}
.icon_state{display:inline-block;vertical-align:top;height:20px;line-height:20px;padding-left:30px;position:relative;}
.icon_state:before{display:inline-block;width:20px;height:20px;line-height:20px;position:absolute;top:0;left:0;color:#fff;font-family:"IcoFont";font-size:16px;text-align:center;border-radius:10px;}
.icon_state.icon_all:before{content:"ALL";background-color:#003880;font-size:11px;}
.icon_state.icon_progressing:before{content:"\e97f";background-color:#ffbd4d;font-size:14px;}
.icon_state.icon_successed:before{content:"\eed8";background-color:#6bd03f;}
.icon_state.icon_completed:before{content:"\eed8";background-color:#6bd03f;}
.icon_state.icon_failed:before{content:"\eee4";background-color:#fb6543;}
.icon_state.icon_scheduled:before{content:"\efd1";color:#616ef4;font-size:20px;}
.dashboardWrap{height:100%;padding:10px 120px;}
.dashboardWrap:after{display:block;content:'';clear:both;}
.dashboardWrap .dash_panel{float:left;position:relative;padding:10px 20px;margin:15px;border:0;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.2); background:#fff;}
.dashboardWrap #dashSchedule{width:450px;height:500px;}
.dashboardWrap #dashActivity{width:450px;height:310px;background-color:#003578;}
#dashActivity .mg_title h4{color:#fff;}
#dashActivity .history_list{padding-left:30px;}
#dashActivity .history_list:before{left:10px;bottom:30px;}
#dashActivity .history_list > li{padding:5px 0;}
#dashActivity .history_list > li:before{display:none;}
#dashActivity .history_list > li a{flex-direction:column;align-items:flex-start;padding:6px 15px;color:#fff;border-radius:5px;}
#dashActivity .history_list > li a:hover{background-color:#26a1ff;}
#dashActivity .history_list > li a .icon_state{position:absolute;left:-29px;font-size:0;}
#dashActivity .history_list > li .category{color:#baff41;}
#dashActivity .history_list > li .text{width:100%;height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;}
#dashActivity .history_list > li a .time{position:absolute;right:10px;color:#fff;}
#dashSchedule .btn_filter{float:right;padding-left:30px;margin-left:10px;position:relative;}
#dashSchedule .btn_filter:after{display:block;content:"\ef29";line-height:1;position:absolute;top:3px;left:8px;font-family:'IcoFont';}
#dashSchedule #scheduleFilter.hidden_input {width:0; height:0; overflow:hidden; opacity:0; position:absolute; right:50px; top:40px;}
#dashSchedule .schedule_info{position:absolute; right:20px; top:16px; text-align:right;}
#dashSchedule #dashScheduleCalendar {height:280px; margin-top:20px;}
/* #dashSchedule #dashScheduleCalendar h2 {display:inline-block; margin-right:10px;} */
#dashSchedule .ds_date {padding:5px 0 5px 40px;margin:0;font-size:13px;color:#333;background:#f3f8ff url(../images/icon/icon_gray_calendar.png) no-repeat 10px center;}
#dashSchedule .status_list > li{padding:10px 0;display:flex;justify-content:center;}
#dashSchedule .status_list > li > .item{display:block;}
#dashSchedule .status_list > li > .item .icon_state:after{display:inline-block;content:"\eaa0";margin-left:10px;font-family:"IcoFont";font-size:16px; display:none;}
#dashSchedule .status_list > li > .item strong{line-height:50px;font-size:24px;}
#dashSchedule .fc-state-default {background:#fff; border-color:#fff; box-shadow:none; padding:0;}
#dashScheduleCalendar .fc-toolbar.fc-header-toolbar{margin-bottom:10px;}
#dashScheduleCalendar .fc-toolbar h2{line-height:20px;font-size:17px;}
#dashScheduleCalendar .fc-toolbar .fc-right{float:inherit;}
#dashScheduleCalendar .fc-toolbar .fc-button-group button{padding:0;background-color:transparent;border-color:transparent;box-shadow:none;}
#dashScheduleCalendar .fc-toolbar .fc-button-group button .fc-icon{height:20px;line-height:20px;margin:0;vertical-align:inherit;top:0;}
#dashScheduleCalendar .fc-view-container{border-top:1px solid #c5c8d0;}
#dashScheduleCalendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:inherit;}
#dashScheduleCalendar .fc-basic-view .fc-body .fc-row{min-height:inherit;height:initial !important;}
#dashScheduleCalendar .fc-row .fc-content-skeleton{margin:0;min-height:35px;}
#dashScheduleCalendar.fc td,
#dashScheduleCalendar.fc th{text-align:center;border-width:0;}
#dashScheduleCalendar.fc th{padding:2px 0 3px;font-weight:normal;font-size:0.85em;}
#dashScheduleCalendar .fc-row table{border-color:transparent;}
#dashScheduleCalendar .fc-day-grid-event{width:3px;height:3px;padding:0;margin:4px auto 6px;border-radius:3px;border-color:transparent;text-indent:-9999px;}
#dashScheduleCalendar.fc-unthemed td.fc-today{position:relative;color:#000;background-color:transparent;}
#dashScheduleCalendar.fc-unthemed td.fc-today:before{display:block;content:'';width:100%;height:100%; position:absolute; background-color:#f3f8ff; z-index:-1;}
#dashScheduleCalendar .fc-scroller{height:inherit !important;}
#dashScheduleCalendar .fc-highlight {background:#e7f7ff; opacity:1;}
#dashScheduleCalendar .fc-day-top:hover {background:#f3f8ff; opacity:1;}
#dashScheduleCalendar.fc .fc-toolbar {justify-content:flex-start;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk {margin-left:0; margin-right:5px;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk:nth-child(2) {display:none;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk:last-child {margin-right:0; display:flex;}
#dashScheduleCalendar.fc .fc-toolbar-title {font-size:18px; font-weight:700; position:relative; padding-left:40px;}
#dashScheduleCalendar.fc .fc-toolbar-title:before {content:""; display:inline-block; width:40px; height:20px; position:absolute; left:0; top:-2px;
background:url(../images/icon/icon_calandar_schedule.png) no-repeat center center;}
#dashScheduleCalendar.fc .fc-toolbar-title + .fc--button.fc-button.fc-button-primary {display:none;}
#dashScheduleCalendar.fc table {font-size:13px;}
#dashScheduleCalendar.fc table .fc-daygrid-day-top {font-size:13px; display:block;}
/* #dashScheduleCalendar.fc table tbody tr {height:40px;} */
#dashScheduleCalendar.fc .fc-toolbar.fc-header-toolbar {margin-bottom:5px;}
#dashScheduleCalendar.fc .fc-daygrid-day.fc-day-today {background-color:#e7f7ff;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-button {background:transparent; border:none; transition:0.2s; color:#adadad; padding:0;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-button:hover {color:#000;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-button:focus,
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-button:active {outline:none; box-shadow:none;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-today-button {width:70px; height:20px; line-height:20px; border:none; background:#4f4e56; color:#fff; transition:0.2s;
padding:0 12px; border-radius:10px; position:absolute; top:46px; right:25px;}
#dashScheduleCalendar.fc .fc-toolbar .fc-toolbar-chunk .fc-today-button:hover {background:#003880; color:#fff;}
#dashScheduleCalendar.fc-direction-ltr .fc-toolbar>*>:not(:first-child) {margin-left:0;}
#dashScheduleCalendar.fc .fc-daygrid-day-frame {padding-bottom:9px;}
#dashScheduleCalendar.fc .fc-daygrid-day-bottom {position:absolute; top:-3px; left:25px; z-index:10;}
#dashScheduleCalendar .fc-direction-ltr .fc-daygrid-more-link {float:none;}
#dashScheduleCalendar.fc .fc-daygrid-day-frame .fc-daygrid-day-bg {padding-bottom:10px;}
.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child) {display:none;}
.fc-daygrid-event-dot, .fc-direction-ltr .fc-daygrid-event .fc-event-time, .fc-daygrid-dot-event .fc-event-title {color:#000; display:inline-block; vertical-align:middle;}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {background:transparent; border:0;}
#dashScheduleCalendar.fc .fc-daygrid-event-harness-abs {visibility:visible !important; display:inline-block;}
.fc-daygrid-event-dot {position:relative; left:-6px; bottom:6px; margin:0;}
.fc .fc-popover .fc-daygrid-event-harness .fc-daygrid-event-dot {position:static;}
.fc .fc-dayGridMonth-view .fc-daygrid-event-harness .fc-event .fc-event-time,
.fc .fc-dayGridMonth-view .fc-daygrid-event-harness .fc-event .fc-event-title {display:none;}
.fc .fc-popover .fc-daygrid-event-harness .fc-event .fc-event-time,
.fc .fc-popover .fc-daygrid-event-harness .fc-event .fc-event-title {display:inline-block;}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {margin-left:5px;}
#dashScheduleCalendar.fc th.fc-day-sat a {color:#616ef4;}
#dashScheduleCalendar.fc th.fc-day-sun a {color:#fb6543;}
.fc .fc-view-harness-active>.fc-view {border:1px solid #d9d9d9;}
.fc-theme-standard .fc-scrollgrid {border:0;}
/* #dashScheduleCalendar.fc .fc-daygrid-event {visibility:visible;} */
/* #dashScheduleCalendar.fc .fc-button-primary {display:none;} */
/*======================================
공통 - 스타일 가이드
========================================*/
/* dropdown */
.dropdown {display:inline-block;}
.dropdown .btn {position:relative;padding:7px 20px 8px 10px; margin-right:10px; min-width:80px; text-align:left; border-radius:15px; color:#000; font-size:14px; font-weight:400; line-height:14px; letter-spacing:0; outline:none;
background:#fff;}
.dropdown .btn-default {color:#c7c7c7; border-color:#ccc;}
.dropdown .btn-default.active,
.dropdown .btn-default:active,
.open>.dropdown-toggle.btn-default {color:#cad3d6; background-color:#fff; border-color:#cad3d6;}
.open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {color:#cad3d6; background-color:#fff; border-color:#26a1ff;}
.dropdown .btn:hover,
.dropdown .btn:focus,
.dropdown .btn:active {border-color:#ccc; background:none !important; box-shadow:none !important;}
.dropdown .btn .caret {position:absolute; right:8px; top:50%; transform:translate(0,-50%); color:#cad3d6;}
.dropdown-menu {padding:5px 0; height:auto !important; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.2); border:none; min-width:100px;}
.dropdown-menu > li > a {padding:3px 10px; font-size:14px;}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {background:none; color:#24a9fd;}
.dropdown-menu > li.on > a {background:#24a9fd; color:#fff;}
.form_retry {margin-bottom:40px !important;}
.g_form_area {width:calc(100% - 200px); display:inline-block; max-width:500px;}
.g_touch_area button {background-color:rgba(255,0,0,0.1) !important;}
/***** Setting *****/
.content_list_wrap .top_form_area {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.content_list_wrap .top_search > div {display:inline-block;}
.content_list_wrap .top_form_area .total_count {}
.content_list_wrap .top_form_area .top_search {text-align:right; width:80%;}
.content_list_wrap .top_form_area .top_search button {margin-left:4px;}
.point_txt {background:#26a1ff; color:#fff; display:inline-block; padding:0 10px; border-radius:5px; text-align:center; height:20px; line-height:19px; font-size:14px;}
.point_txt.point_txt2 {background:#ffa32d; margin-left:5px;}
.table_new {margin-left:5px; font-size:13px;}
.icofont-warning-alt {color:#ec2222; margin-right:4px;}
/* Q&A */
.answer_area {margin-top:50px; overflow:hidden;}
.answer_area .list_table_area table button {background:none; color:#000; border:0; font-size:16px; padding:0; vertical-align:middle; transition:0.2s; position:relative; margin-bottom:1px; padding-left:10px;}
.answer_area .list_table_area table button:hover {color:#26a1ff;}
.answer_area .list_table_area table td.work_area a.btn_correct {padding-right:8px;}
.answer_area .list_table_area table td.work_area button:before {content:""; display:block; width:1px; height:10px; position:absolute; background:#a5a5a5; left:0; top:50%; transform:translateY(-40%);}
.ans_box .m_textarea {margin-bottom:10px; width:calc(100% - 162px); height:120px; background-color:#fff; border:1px solid #ccc;}
.ans_box .item_box {display:inline-block; padding:0 16px 12px; vertical-align:bottom;}
.ans_box .txt_byte {color:#888;}
.answer_area.answer_con {padding:20px; background-color:#eef6ff;}
.answer_area.answer_con .sub_title {font-size:18px; display:inline-block; color:#0b75df; font-weight:500; float:none; margin-bottom:10px;}
/* 공지사항 - 보기 */
.board_view .board_title {margin-left:150px; overflow:hidden; margin-bottom:5px;}
.board_view .board_title h2 {font-size:26px; display:inline-block;}
.board_view .board_title h2 span.title_name {color:#003880; font-size:22px; margin-right:15px;}
.board_view .board_title h2 .point_txt {vertical-align:top; margin-top:5px;}
.board_view .board_title .info_item {float:right; line-height:40px; color:#777; font-size:16px;}
.board_view .board_title h2 .icofont-warning-alt {font-size:20px;}
.board_view .board_detail .board_info a.file_item {margin-left:10px;}
.board_view .board_detail .contents_area {margin:30px 50px;}
.board_view .board_detail .contents_area p {font-size:16px;}
.board_view .board_detail ul.quick_link li {padding:15px 50px;}
.board_view .board_detail ul.quick_link li a {width:calc(100% - 350px);}
.board_view .board_detail ul.quick_link li a:hover {color:#26a1ff;}
.board_view .board_detail ul.quick_link li span {width:200px; display:inline-block; text-align:right;}
/* 팝업 - 매뉴얼관리(업로드) */
.popup_upload .form_group {margin:0 0 40px 0;}
.popup_upload .form_group:after {content:""; display:block; width:100%; height:0; clear:both; float:none;}
.popup_upload .form_group > label, .form_group .pop_select > label {font-size:14px; font-weight:500; margin-bottom:5px; width:auto; float:none;}
.popup_upload .form_group .pop_select > label {display:block;}
.popup_upload .form_group .form_control {width:100%;}
.popup_upload .dropzone {border:0; padding:0; background:transparent;}
.popup_upload .dropzone .dz-message {margin:0; display:block; padding:0; border:1px dashed #d9d9d9; min-height:200px; position:relative; border-radius:4px; transition:0.2s; cursor:pointer; background:#fff;}
.popup_upload .dropzone .dz-message:hover {border-color:#007aff; background-color:#eef6ff;}
.popup_upload .dropzone.dz-clickable .dz-message, .mg_popup .dropzone.dz-clickable .dz-message * {color:#888888; font-size:14px; transition:0.2s; font-weight:500;}
.popup_upload .dropzone.dz-clickable:hover .dz-message, .mg_popup .dropzone.dz-clickable:hover .dz-message * {color:#000;}
.popup_upload .dropzone .dz-message > span {position:absolute; left:50%; top:60px; transform:translateX(-50%); text-align:center; width:100%;}
.popup_upload .dropzone .dz-message .msg.msg1 {background:url(../images/icon/dropzone_bg1.png) no-repeat center top; padding:55px 0 0 0; transition:0.2s; font-weight:300;}
.popup_upload .dropzone:hover .dz-message .msg.msg1 {background:url(../images/icon/dropzone_bg1_hover.png) no-repeat center top;}
.popup_upload .dropzone.dz-started .dz-message {min-height:140px;}
.popup_upload .dropzone.dz-started .dz-message > span {top:35px;}
.popup_upload .dropzone .dz-preview.dz-image-preview {border:1px solid #007aff; margin:20px 0 0 0; border-radius:4px; width:100%; min-height:60px;}
.popup_upload .dropzone .dz-preview .dz-image {display:none;}
.popup_upload .dropzone .dz-preview .dz-details {opacity:1; text-align:left; padding:10px; display:flex; flex-direction:column;}
.popup_upload .dropzone .dz-preview.dz-error .dz-error-message {display:none;}
.popup_upload .dropzone .dz-preview .dz-details .dz-filename {font-size:16px; color:#000; font-weight:600; order:1; width:90%; display:block;}
.dropzone .dz-preview .dz-details .dz-filename:hover span {display:block; width:100%; overflow:hidden; border:0;}
.popup_upload .dropzone .dz-preview .dz-details .dz-size {font-size:14px; color:#888; font-weight:400; margin:0; order:2;}
.popup_upload .dropzone .dz-preview .dz-details .dz-size strong {font-weight:400;}
.popup_upload .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {display:none;}
.popup_upload .dropzone .dz-preview .dz-remove {position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:20; text-indent:-9999px; background:url(../images/icon/icon_dropdown_delete.png) no-repeat center;
width:12px; height:15px; transition:0.2s;}
.popup_upload .dropzone .dz-preview .dz-remove:hover {background:url(../images/icon/icon_dropdown_delete_hover.png) no-repeat center;}
.popup_upload .dropzone .dz-preview.dz-complete .dz-progress {display:none;}
/* 로그인 관리 */
.list_table_area table tr td .level_txt {position:relative; padding-left:30px; text-align:left; display:block; width:100px;}
.list_table_area table tr td .level_txt:before {content:""; position:absolute; display:block; width:13px; height:13px; border-radius:50%; left:0; top:50%; transform:translateY(-50%);}
.list_table_area table tr td .level_txt.orange:before {background:#ffa531;}
.list_table_area table tr td .level_txt.gray:before {background:#c4c4c4;}
.list_table_area table tr td .level_txt.gray {color:#888;}
.list_table_area table tr td .level_txt.green:before {background:#51d65e;}
.list_table_area.log_list table tbody tr td:nth-child(5) p, .list_table_area.log_list table tbody tr td:nth-child(6) p {display:-webkit-box; width:100%; -webkit-line-clamp:1; -webkit-box-orient:vertical;
word-wrap:break-word; white-space:break-spaces; text-overflow:ellipsis; overflow:hidden; margin:0;}
/* .list_area.log_list table tbody tr td:nth-child(4) p:hover, .list_area.log_list table tbody tr td:nth-child(5) p:hover {display:block;} */
.list_table_area.log_list .tooltip_area {position:relative;}
.list_table_area.log_list .tooltip_area p:hover ~ .bottom {opacity:1; visibility:visible;}
.list_table_area.log_list .bottom {background-color:#393939; border-radius:5px; position:absolute; right:0; bottom:30px; opacity:0; visibility:hidden; transition:0.2s;}
.list_table_area.log_list .bottom .tooltip_con {padding:10px 13px; }
.list_table_area.log_list .bottom .tooltip_con p {color:#fff; font-size:16px; margin:0; display:block;}
.list_table_area.log_list .bottom i.arrow {position:absolute; bottom:-10px; right:50%; width:24px; height:12px; overflow:hidden; transform:rotate(180deg) translateX(-50%);}
.list_table_area.log_list .bottom i.arrow::after {content:''; position:absolute; width:10px; height:10px; left:50%; transform:translate(-50%,50%) rotate(45deg); background-color:#393939; /*box-shadow:0 1px 8px rgba(0,0,0,0.8);*/}
/* Push 스케줄 */
.push_area > div {display:inline-block; vertical-align:top;}
.push_area .content_top {overflow:hidden;}
.push_area .content_top .content_title {margin-bottom:15px; float:left;}
.push_area .content_top .btn_sm {float:right;}
.push_area .sent_wrap {width:40%; margin-right:4%;}
.push_area .sent_wrap .sent_area {box-shadow:0 0 20px rgba(0,0,0,0.1); padding:30px; border-radius:8px;}
.push_area .sent_wrap textarea.form_control {min-width:auto;}
.push_area .sent_wrap .sent_area .form_group:first-child {margin:0;}
.push_area .sent_wrap .sent_area .form_group label {font-weight:500;}
.push_area .sent_wrap .sent_area .form_group .m_date {width:calc(100% - 124px);}
.push_area .reception_wrap {width:55%;}
.push_area .reception_wrap .list_table_area {margin-top:0;}
.push_area .reception_wrap .list_table_area table thead tr {display:table;}
.push_area .reception_wrap .list_table_area table thead tr th:nth-child(1), .push_area .reception_wrap .list_table_area table tbody tr td:nth-child(1) {width:50px;}
.push_area .reception_wrap .list_table_area table thead tr th:nth-child(2), .push_area .reception_wrap .list_table_area table tbody tr td:nth-child(2) {width:200px;}
.push_area .reception_wrap .list_table_area table thead tr th:nth-child(3), .push_area .reception_wrap .list_table_area table tbody tr td:nth-child(3) {width:250px;}
.push_area .reception_wrap .list_table_area table thead tr th:nth-child(4), .push_area .reception_wrap .list_table_area table tbody tr td:nth-child(4) {width:270px;}
.push_area .reception_wrap .list_table_area table tbody {height:510px; overflow-y:auto; display:block; width:770px;}
.push_area .reception_wrap .btn_area {float:right; width:100%;}
/* 팝업 - 수신자 추가 */
.pop_recept .form_gray {margin:20px 0; text-align:center; background-color:#fff; border-radius:10px; padding:20px 0;}
.pop_recept .form_gray .form_group {display:inline-block; margin:0;}
.pop_recept .form_gray .search {display:inline-block; margin-left:20px;}
.pop_recept .form_gray .form_group label {width:65px; padding:0; text-align:center;}
.pop_recept .form_gray .form_group .m_text {width:230px;}
.pop_recept .form_gray .m_select {text-align:left;}
.pop_recept table.dataTable tbody tr {background:#fff;}
.admin_data_table table.dataTable thead th {text-align:center; font-size:16px; border-bottom:1px solid #4f4d56;}
.admin_data_table table.dataTable tbody th, .admin_data_table table.dataTable tbody td {padding:11px 10px; text-align:center; font-size:16px; word-break:break-all;
border-right:0;}
.admin_data_table table.dataTable tbody td {border-bottom:0;}
.admin_data_table table ol {padding-left:15px;}
.admin_data_table table th {padding:11px 10px; text-align:center; font-size:16px; background-color:#fff; border-top:3px solid #4f4d56; border-bottom:1px solid #4f4d56;}
.admin_data_table table td {padding:11px 10px;}
.admin_data_table table th:last-child {border-right:0;}
.admin_data_table table td:last-child {border-right:0;}
.admin_data_table table.dataTable.no-footer {border:0;}
/* sort btn */
.admin_data_table.sort_table table thead th {position:relative; padding-right:30px;}
.admin_data_table.sort_table table thead th button.sort {display:inline-block; background:none; border:none; outline:none; position:absolute; right:10px; top:50%; transform:translate(0,-50%); margin-top:-4px;
width:20px; height:20px; padding:0;}
.admin_data_table.sort_table table thead th button.sort:after {width:0; height:0; content:""; display:inline-block;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-bottom:6px solid #ccc;
border-top:6px solid transparent;
}
.admin_data_table.sort_table table thead th button.sort.active {margin-top:4px;}
.admin_data_table.sort_table table thead th button.sort.active:after {
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:6px solid #000;
border-bottom:6px solid transparent;
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {content:""; display:inline-block; position:absolute; right:0; transform:translateY(50%); width:20px; height:20px;
background:url("../images/icon/icon_up.png")no-repeat;}
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {display:none;}
body.admin .list_table_area table .icon_file:before {content:"\eedb"; font-family:"Icofont"; display:inline-block; font-size:18px;}
body.admin .list_table_area table span.info {display:inline-block;}
body.admin .list_table_area table span.info:before {font-family:"Icofont"; color:#000; font-size:20px; display:inline-block; margin:0 4px 0 0; vertical-align:middle;}
body.admin .list_table_area table span.info.view:before {content:"\ef21";}
body.admin .list_table_area table span.info.down:before {content:"\ef08";}
.admin_data_table thead tr th.align_left, .admin_data_table tbody tr td.align_left {text-align:left;}
/* 프로젝트 조회 목록 */
.list_table_area.project_list .m_select {width:97%;}
.list_table_area.project_list .m_select .bootstrap-select .dropdown-toggle .filter-option-inner-inner, .select_box.typeColor {font-size:14px;}
.list_table_area.project_list tbody tr td {word-break:keep-all;}
.list_table_area.project_list .m_select .bootstrap-select > .dropdown-toggle {margin-right:0; min-width:70px;}
.select_box.typeColor.selectP2 {background:#fff url(../images/icon/icon_select1.png) no-repeat center left 7px;}
.select_box.typeColor.selectP1 {background:#fff url(../images/icon/icon_select2.png) no-repeat center left 7px;}
.select_box.typeColor.select0 {background:#fff url(../images/icon/icon_select3.png) no-repeat center left 7px;}
.select_box.typeColor.selectM1 {background:#fff url(../images/icon/icon_select4.png) no-repeat center left 7px;}
.select_box.typeColor.selectM2 {background:#fff url(../images/icon/icon_select5.png) no-repeat center left 7px;}
/* .select_box.typeColor.selectP2:before {content:""; width:10px; height:10px; background:#000; display:block; position:absolute; left:0; top:0;} */
.selectP3 {background:#61bdff;}
.selectP2 {background:#a9dbff;}
.selectP1 {background:#e3f3ff;}
.select0 {background:#ffffff;}
.selectM1 {background:#ffeac2;}
.selectM2 {background:#ffd991;}
.selectM3 {background:#ffbf35;}
.select_box.typeColor {border:1px solid #d9d9d9; border-radius:4px; height:35px; padding:0 5px 0 20px; cursor:pointer; width:100%; margin:2px;}
.select_box.typeColor:focus {border-color:#007aff;}
.state{padding:0 10px 0 25px;position:relative;}
.state:after{display:block;content:'';width:20px;height:20px;line-height:20px;position:absolute;top:0;left:0;font-family:'IcoFont';font-size:16px;text-align:center;text-indent:0;border-radius:10px;}
.state.state_ready:after{content:"\eed8";color:#fff;background-color:#c4c4c4;}
.state.state_notready:after{content:"\ef9a";color:#fff;background-color:#c4c4c4;}
.state.state_inprogress:after{content:"\effa";color:#6bd03f;font-size:20px;animation:rot 2s linear infinite;}
.state.state_canceled:after{content:"\effa";color:#c4c4c4;font-size:20px;}
.state.state_finished:after{content:"\eed8";color:#fff;background-color:#6bd03f;}
.state.state_failed:after{content:"\eee4";color:#fff;background-color:#fb6543;}
.state.state_killed:after{content:"\eed8";color:#fff;background-color:#c4c4c4;}
@keyframes rot {
100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
.list_table_area.project_list .pointColor1 {vertical-align:middle; margin-left:4px;}
.project_no_data {border-top:3px solid #4f4d56; border-bottom:1px solid #e4e4e4; padding:110px 0 40px 0;}
.project_no_data p {font-size:16px; text-align:center; position:relative;}
.project_no_data p:before {content:""; display:block; width:100px; height:60px; background:url(../images/icon/icon_noData.png) no-repeat center center; position:absolute; left:50%;
transform:translateX(-50%); bottom:30px;}
.list_table_area .sub_txt {margin-left:5px; vertical-align:middle;}
.project_tab_area {margin-top:50px;}
.project_tab_area .page_top ul.top_tab {margin-bottom:20px;}
/* 플레이 관리 - 목록 */
.list_table_area.project_list table tbody img {width:100%;}
.list_table_area .insert.type_txt {display:inline-block; width:70%; vertical-align:middle; margin-left:10px;}
/* 팝업 - 플레이 미션 및 보상 설정관리 */
.pop_inner.play_setting .form_group .form_label {float:left; line-height:33px;}
.pop_inner.play_setting .form_group .form_title {font-size:18px; display:block; font-weight:500; width:180px;}
.pop_inner.play_setting .form_group .form_con {float:right; width:calc(100% - 180px); margin:0; text-align:right;}
.pop_inner.play_setting .form_group .form_con.m_switch > input[type=checkbox] {display:none;}
.pop_inner.play_setting .form_group .form_con .con_box {margin-bottom:5px;}
.pop_inner.play_setting .form_group .form_con .con_box .m_check {margin-left:0;}
.pop_inner.play_setting .form_group .form_label .radio_wrap {margin-top:10px;}
.pop_inner.play_setting .form_group .form_label .radio_wrap .m_radio {display:block;}
.pop_inner.play_setting .form_group .form_label .select_wrap {margin-top:10px;}
.pop_inner.play_setting .btnSave {margin-top:30px;}
.pop_inner.play_setting .form_group .form_con.num .btn_m {border-radius:50%; padding:0; width:35px;}
.pop_inner.play_setting .form_group label {font-size:16px;}
.pop_inner.play_setting .form_group .m_date label.daterange_picker {font-size:0;}
.pop_inner.play_setting .form_group label, .pop_inner.play_setting .form_group .check_wrap .form_sub_title {text-align:left;}
.pop_inner.play_setting .form_group .check_wrap .check_item_wrap {width:calc(100% - 180px); display:inline-block;}
.pop_inner.play_setting .form_group .check_wrap .check_item {margin:5px 0;}
.pop_inner.play_setting .form_group .check_wrap .check_item .m_text {padding-right:45px; width:100%;}
.pop_inner.play_setting .form_group .check_wrap .check_item .m_radio, .pop_inner.play_setting .form_group .check_wrap .check_item .m_check {position:absolute; right:0;}
.pop_inner.play_setting .form_group .check_wrap .check_item .m_check label {margin:0;}
.pop_inner.play_setting .form_group.form_point .m_text {width:calc(100% - 195px);}
.pop_inner.play_setting .form_group.form_point span {line-height:33px; margin-left:6px;}
.pop_inner.play_setting .form_group.form_gift .group .m_select {width:100%; margin-bottom:5px;}
.pop_inner.play_setting .form_group.form_setting .form_con .m_text {width:37%;}
.pop_inner.play_setting .form_group.form_setting .form_con .select_box {display:inline-block;}
.pop_inner.play_setting .dropzone {margin-top:10px;}
/* monitoring */
.monitoring > .mg_ctrl{padding:30px 120px 15px;}
.monitoring > .mg_ctrl .go_history{padding-right:30px;margin-left:20px;position:relative;}
.monitoring > .mg_ctrl .go_history:after{display:block;content:"\eaa0";line-height:1;position:absolute;top:7px;right:7px;font-family:"IcoFont";}
.monitoring > .mg_ctrl .btn_filter{float:right;padding-left:30px;margin-left:10px;position:relative;}
.monitoring > .mg_ctrl .btn_filter:after{display:block;content:"\ef29";line-height:1;position:absolute;top:3px;left:8px;font-family:'IcoFont';}
.monitoring > .mg_ctrl .btn_filter.active{border-color:#26a1ff;background-color:#26a1ff;}
.monitoring > .monitoring_content{padding:0 120px;position:relative;}
.monitoring > .monitoring_content.monitoring_workflow{padding-top:20px;background-color:#f9f9f9;}
.monitoring_content .mg_ctrl .m_switch{margin-left:10px;}
.monitoring_content > .mg_list > li{flex-wrap:wrap;}
.monitoring_content > .mg_list > li.list_head > div{line-height:1;}
.monitoring_content > .mg_list > li .toggle_list{display:block;width:100%;height:20px;padding:0;margin:0;position:relative;border:0;background-color:transparent;}
.monitoring_content > .mg_list > li .toggle_list:after{display:block;content:"\eaa0";width:20px;line-height:1;margin:0 auto;font-family:'IcoFont';text-align:center;}
.monitoring_content > .mg_list > li > .mg_list{display:none;width:100%;padding:5px 0; border-color:#e1e3e7; background-color:#fff; margin-top:0;}
.monitoring_content > .mg_list > li > .mg_list > li{border-color:transparent;}
.monitoring_content > .mg_list > li > .mg_list > li:hover{background-color:transparent;}
.monitoring_content > .mg_list > li > .mg_list > li.list_head{border-color:#e1e3e7;background-color:#fff;}
.monitoring_content > .mg_list > li > .mg_list > li.list_head > div{color:#000;font-weight:normal;}
.monitoring_content > .mg_list > li > .mg_list > li > div {padding:6px 10px;color:#5a5a5a; overflow:visible;}
.monitoring_content .mg_list > li > div {overflow:visible;}
.monitoring_content > .mg_list > li.expand{background-color:#e2edff;}
.monitoring_content > .mg_list > li.expand .toggle_list:after{content:"\ea99";}
.monitoring_content > .mg_list > li.expand > .mg_list{display:block;}
.monitoring_content > .mg_list > li.list_head.expand{background-color:#f9f9f9;}
.monitoring_content > .mg_list > li.failed{background-color:#ffebe6;}
.toggle_all{display:inline-flex;flex-direction:row;align-items:center;padding:0;}
.toggle_all > button{height:25px;padding-left:10px;margin:2px 10px 2px 0;position:relative;text-indent:0;border:0;}
.toggle_all > .btn_allOpen{background:url(../images/icon/icon_expand.png) no-repeat left center;}
.toggle_all > .btn_allOpen:hover,
.toggle_all > .btn_allOpen.active{color:#26a1ff;background-image:url(../images/icon/icon_expand_active.png);}
.toggle_all > .btn_allClose{background:url(../images/icon/icon_collapse.png) no-repeat left center;}
.toggle_all > .btn_allClose:hover,
.toggle_all > .btn_allClose.active{color:#26a1ff;background-image:url(../images/icon/icon_collapse_active.png);}
/* 플레이 관리 - 추가 (플레이 수정) */
.content_list_wrap.play_management .marker_area .mission_area .btn_edit {text-align:right;}
.content_list_wrap.play_management .marker_area .mission_area .btn_edit button {border:none; background:none; font-size:16px;}
.content_list_wrap.play_management .marker_area .mission_area .btn_edit button:hover {color:#003880;}
.content_list_wrap.play_management .marker_area .mission_area .marker_item_wrap.type_view .btnSetting {display:none;}
.content_list_wrap.play_management .marker_area .mission_area .marker_item_wrap.type_view .btnDelete {display:none;}
.content_list_wrap.play_management .marker_area .mission_area .marker_item_wrap.type_view .marker_item {width:100%;}
.content_list_wrap.play_management .marker_area .mission_area .marker_wrap.active {display:none;}
/* 플레이 추가 보기 팝업 */
.pop_inner.play_view .quiz_title {font-size:22px;}
.pop_inner.play_view .form_group .check_wrap .check_item_wrap {width:100%; }
.pop_inner.play_setting .form_group .check_wrap .check_item .check_view {font-size:16px; display:inline-block; margin:5px 0;}
.pop_inner .form_group .m_switch {margin:6px 0;}
.pop_inner .form_group span {vertical-align:middle;}
/* 홈 배너 관리 */
.img_square {width:80px; height:80px; border-radius:5px;}
.list_table_area .icon_sortable {cursor:pointer;}
/* 메인 */
.section_main {}
.section_main .top_area .date_wrap {}
.section_main .top_area .date_wrap > div {display:inline-block; vertical-align:middle; font-size:16px;}
.section_main .top_area .date_wrap .date {width:49%;}
.section_main .top_area .date_wrap .datepicker_wrap {width:50%; text-align:right;}
.section_main .top_area .date_wrap .datepicker_wrap span {vertical-align:middle;}
.section_main .bottom_area {margin-top:30px;}
.card_area {list-style:none; padding:0;}
.card_area .card_row {display:flex;}
.card_area .card_row li {width:20%;}
.card_area li .card_item {background:#fff; border:1px solid #d9d9d9; padding:20px; height:100%; border-radius:8px;}
.card_area .card_item:hover {background:#fff; border:1px solid #d9d9d9;}
.card_area .card_row li .card_item h3.title {font-size:20px; text-align:center;}
.card_area .card_row li .card_item strong {font-size:34px; display:block; text-align:center; margin:5px 0; }
.card_area .card_row li .card_item strong.name_play {display:-webkit-box; width:100%; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;
white-space:break-spaces; text-overflow:ellipsis; overflow:hidden;}
.card_area .card_row li .card_item span {display:block; text-align:right; color:#999; text-align:center;}
.card_area {overflow:hidden;}
.card_area li.item_list {float:left; padding:0 10px; margin:10px 0;}
.card_area li.col1 {width:60%;}
.card_area li.col2 {width:40%;}
.card_area.cols3 > li {width:33.3333%;}
.card_area.cols3 > li .card_item {height:430px;}
.card_area.cols3 > li.schedule_list .card_item {position:relative;}
.card_area li.item_list .card_top {overflow:hidden; margin-bottom:5px;}
.card_area li.item_list .card_top .card_title {float:left;}
.card_area li.item_list .btn_group {float:right;}
.card_area li.item_list .btn_group .m_btn.active {background:#26a1ff; border-color:#26a1ff; color:#fff;}
.card_area li.item_list .btn_group.more {margin-top:4px;}
.card_area li.item_list .btn_group .btnMore {font-weight:300; margin-right:20px;}
.card_area li.item_list .btn_group .btnMore i {font-size:11px;}
.section_main ul.notice_list {padding:0; margin:0; list-style:none;}
.section_main ul.notice_list li {font-size:15px; font-weight:400; color:#000; padding:20px 1px 28px 0; overflow:hidden; position:relative;}
.section_main ul.notice_list li:last-child {border-bottom:0; padding-bottom:0;}
.section_main ul.notice_list li .date {color:#888; font-size:14px; float:right;}
.section_main ul.notice_list li .category {font-size:14px; background:#eef6ff; border-radius:13px; height:25px; line-height:25px; float:left; width:90px; display:inline-block; text-align:center; margin-right:20px;}
.section_main ul.notice_list li .notice_title {width:79%; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;
overflow:hidden; float:left;}
.section_main ul.notice_list li .notice_title:hover {color:#26a1ff;}
.section_main .card_area .card_item .board_div {color:#616ef4; position:absolute; top:0; font-weight:500;}
.section_main .btnAlarm {position:absolute; top:44px; left:210px;}
/* 사용자 접속 현황 */
.section_user .card_area.cols3 > li .card_item {height:350px;}
.section_user .top_area {text-align:right; margin-bottom:20px;}
.section_user .top_area span {vertical-align:middle;}
/* 스케줄 팝업 */
.pop_inner.pop_schedule {}
.pop_inner.pop_schedule .date_item {padding-left:15px; position:relative; margin:5px 0; font-size:16px;}
.pop_inner.pop_schedule .date_item:before {content:""; display:block; width:8px; height:8px; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.pop_inner.pop_schedule .date_item.scheduled:before {background:#26a1ff;}
.pop_inner.pop_schedule .date_item.completed:before {background:#6bd03f;}
.pop_inner.pop_schedule .date_item.faild:before {background:#fb6543;}
/* 회원 정보 수정 완료 */
.member_reault {padding-top:300px; background-repeat:no-repeat; background-position:center center;}
.member_reault.join {background-image:url(../images/login/member_join_result.png)}
.member_reault.edit {background-image:url(../images/login/member_edit_result.png)}
.member_reault.withdraw {background-image:url(../images/login/member_withdraw_result.png)}
.member_reault strong {display:block; font-size:28px; font-weight:700; text-align:center;}
.member_reault p {padding:10px 0; color:#626262; font-size:17px; font-weight:700; text-align:center;}
.finish_area .page_btn {text-align:center; margin-top:40px;}
.finish_area .page_btn .btn {margin-right:15px;}
.finish_area .page_btn .btn:last-child {margin-right:0;}
/* 회원 탈퇴 */
.membership_section .notice_list {padding:0; margin:0; list-style:none;}
.membership_section .color_red {color:#e00c0c;}
.membership_section .notice_list li {margin:0 0 5px; color:#303030; font-weight:400; font-size:15px;}
.membership_section .notice_txt {color:#303030; font-weight:600; font-size:15px;}
.membership_section .notice_detail_area {margin-top:25px; padding:20px 30px; background:#f5f5f5;}
.membership_section .notice_detail_area h3.notice_title {margin-bottom:20px; font-size:15px; font-weight:600;}
.membership_section .checkradio_item {margin:20px 0 0; text-align:left; font-size:15px;}
.membership_section .desc_box .radio_item {margin:0 0 35px;}
.membership_section .desc_box .m_radio > input[type=radio] + label {margin-right:20px; color:#4c4c4c; font-size:16px;}
.membership_section .m_checkradio > input[type=checkbox] + label, .m_checkradio > input[type=radio] + label {width:auto;}
.membership_section .desc_box .textarea_item {padding:0 30px; text-align:right;}
.membership_section .desc_box .textarea_item .m_textarea {margin:10px 0; background-color:#ededed;}
.membership_section .desc_box .textarea_item .m_textarea:placeholder {color:#888;}
.membership_section .desc_box .textarea_item .m_textarea:focus {background-color:#fff; border-color:#c7c7c7;}
.sub_section.membership_section .page_title {margin-bottom:20px; font-size:22px; font-weight:600;}
.sub_section.membership_section .notice_detail_area .info_txt:before {vertical-align:middle;}
/* 약관동의 */
.m_inner ul {padding:0; list-style:none;}
.service_area {margin:0 0 20px 0;}
.service_area .m_checkradio > input[type=checkbox] + label {font-weight:500; font-size:15px;}
.service_area .list_item {border-bottom:1px solid #cccccc; position:relative; margin:0; padding:25px 0 25px 20px;}
.service_area .list_item, .sub_section.qna_section .service_area li.active .list_item, .service_area li.active {border-bottom:1px solid #ccc;}
.sub_section.qna_section .service_area .list_item:after {content:""; background:url("../images/icon/icon_list_arrow.png")no-repeat center; width:18px; height:10px; position:absolute;
top:50%; transfdorm:translateY(-50%); right:28px;}
.service_area li.active {padding-bottom:20px; border-bottom:1px solid #ccc;}
.service_area li.active .list_item {border-bottom:0;}
.sub_section.qna_section .service_area li.active .list_item:after {transform:rotate(180deg);}
.service_area li.active .list_txt {margin:0; height:auto; margin:0 30px;}
.service_area ul {list-style:none; padding:0;}
.service_area .list_item.checkbox:after {display:none;}
.service_area .list_txt {margin:0; overflow:hidden; height:0; font-size:14px;}
.service_area .list_txt .agree_box {padding:10px; height:175px; overflow-y:auto; border:1px solid #d1d1d1;}
.service_area .list_txt .agree_box .list_detail {margin:10px;}
.service_area .list_txt p {margin-bottom:35px;}
.service_area .list_txt p, .service_area .list_txt ol li {font-weight:500;}
.service_area .list_txt h5 {margin:10px 0; margin-top:0; font-weight:700;}
.service_area .list_txt ol {padding:0;}
.service_area .list_txt ol li {list-style:none; margin:3px 0;}
.sub_section.qna_section .paging_area {padding-top:60px;}
.sub_section.agree_section .accordion_txt {color:#a8a8a8; font-size:14px;}
.sub_section.agree_section .txt_accent {color:#e00c0c;}
.sub_section.agree_section .list_item.list_accent label {font-weight:600;}
.sub_section.agree_section .list_item.list_accent {border-bottom:1px solid #0b75df; border-top:1px solid #0b75df;}
.sub_section.agree_section .list_item .m_icon.img_accordion {background:url("../images/icon/icon_list_arrow.png")no-repeat center center; width:18px; height:10px;
text-indent:-9999px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sub_section.agree_section li.active .list_item .m_icon.img_accordion {transform:translateY(-50%) rotate(180deg);}
.sub_section.agree_section .m_check > input[type=checkbox] + label {font-size:15px;}
.sub_section.agree_section .list_item.checkbox {border-bottom:1px solid #ccc;}
/* 테이블 스타일 */
.data_table_area {overflow-x:auto; width:100%;}
.data_table_area table {border-top:1px solid #3f3f3f; width:100%; min-width:1400px;}
.data_table_area table tr {border-bottom:1px solid #ccc;}
.data_table_area table tr td {font-weight:500;}
.data_table_area table tr td a {display:-webkit-box; width:100%; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden; margin:0;}
.data_table_area table tr th {border-bottom:1px solid #3f3f3f;}
.data_table_area table tr th, .data_table_area table tr td {font-size:15px; padding:20px 0; text-align:center;}
.data_table_area.list_table_area table tbody tr:hover {background-color:#f3fcf8;}
.data_table_area table tr td.txt_left {text-align:left; padding:20px 35px;}
.data_table_area table .table_tag, .list_table_area table .table_tag {border:1px solid #303030; font-weight:600; height:24px; padding:0 10px; border-radius:3px; font-size:12px; display:inline-block; line-height:24px;}
.data_table_area table .table_tag:first-child ,.list_table_area table .table_tag:first-child {margin-right:8px;}
.data_table_area.type_purple table tr th {background-color:#f3f3f3; border-bottom:0;}
.data_table_area.type_purple table tr td {padding:30px;}
.txt_notice_fail {color:#f53e3e; font-size:13px; margin-left:5px; vertical-align:middle;}
.txt_success {margin-left:5px; font-size:13px; vertical-align:middle;}
.sub_section .txt {color:#f53e3e; margin-right:4px;}
.txt_sub {color:#888; font-size:13px; margin-left:5px; vertical-align:middle;}
.time_count strong {color:#ff0000; font-size:14px; font-weight:500;}
.data_table_area.type_purple .select_area {height:35px; line-height:35px;}
.sub_section.section_mypage .data_table_area.type_purple .inp_num {text-align:center; margin:0 2px;}
.sub_section.section_mypage .data_table_area.type_purple .select_box {display:inline-block; margin-right:10px;}
.sub_section.section_mypage .data_table_area.type_purple .m_text.inp_mail {margin-right:10px; width:200px;}
.sub_section.section_mypage .data_table_area.type_purple .select_box.select_email .select_area {width:200px;}
.data_table_area table, .list_wrap {border-top:2px solid #2a2a2a;}
.data_table_area table tr {border-bottom:1px solid #e6e6e6;}
.item_info_area .data_table_area.type_row table tr th {text-align:left; padding:25px;}
.data_table_area.type_purple table tr td {padding:20px 30px;}
.data_table_area.type_purple table tr td .m_radio {margin-right:35px;}
.data_table_area.type_purple table tr td .m_radio:last-child {margin-right:0;}
.data_table_area table tr th, .data_table_area.type_purple table tr th, .list_wrap .inp_tit {background-color:#f5f5f5; text-align:right; font-size:17px; font-weight:500;}
.data_table_area table tr th, .data_table_area.type_purple table tr th {padding-right:50px;}
.data_table_area table tr th, .data_table_area table tr td, .sub_section.notice_section .data_table_area.type_purple table tr th, .sub_section.notice_section .data_table_area.type_purple table tr td, .sub_section.qna_section .list_wrap li {padding:25px;}
.data_table_area table tr .txt_lock:after, .txt_lock:after {content:"\ec61"; font-family:'icofont'; font-size:15px; background:none; color:#888888; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.data_table_area table tr th .txt_lock {color:#000;}
.list_area table thead th {font-weight:600;}
.list_area table tbody td {font-weight:500;}
.list_area table tr td a {display:-webkit-box; width:100%; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden; margin:0 auto;}
.list_area table tr td.txt_left {text-align:left;}
.list_area table tr .txt_lock {width:auto; display:inline-block; padding-right:25px;}
.list_area table tr td.txt_lock a {display:block; width:auto; color:#888;}
.list_area table tbody tr:hover {background-color:#eef6ff;}
.list_area table tbody tr:hover td {transparent;}
/* 본인확인 */
.login_area.privacy_area {max-width:545px; margin:0 auto;}
.login_area.privacy_area .tab_area {padding-bottom:20px;}
.login_area.privacy_area .tab_area .tab_bar {justify-content:space-around; border-bottom:0;}
.login_area.privacy_area .tab_area .tab_bar li a {font-size:15px; color:#303030; background-color:transparent; padding:20px 0; text-align:center;
display:inline-block; width:149px; border-bottom:3px solid #303030; font-weight:600;}
.login_area.privacy_area .tab_area > .tab_bar > li > a:hover, .login_area.privacy_area .tab_area > .tab_bar > li > a.active {border-bottom:3px solid #29c481; color:#29c481;}
.privacy_box {background-color:#f3fcf8; margin-bottom:22px; background:#eef6ff; padding:30px; margin-top:60px;}
.privacy_box p {font-size:14px; position:relative; padding-left:62px; margin:0; color:#000; font-weight:500;}
.privacy_box p:before {content:""; position:absolute; background:url("../images/icon/icon_privacy.png")no-repeat center; width:45px; height:45px; left:0; top:50%;
transform:translateY(-50%);}
.privacy_box .main_txt {font-size:16px;}
.privacy_box .privacy_lst {padding-left:62px; margin:0; margin-top:15px;}
.privacy_box .privacy_lst li {padding-left:10px; position:relative; font-size:15px; margin-bottom:3px;}
.privacy_box .privacy_lst li:last-child {margin-bottom:0;}
.privacy_box .privacy_lst li:before {content:""; display:block; width:4px; height:4px; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); left:0; background:#000;}
.login_area.privacy_area .btn_area {margin-top:20px;}
.login_area.privacy_area .form_field.form_password {position:relative;}
.login_area .form_field .btn_show_pwd {display:block; width:20px; height:15px; position:absolute; right:17px; top:13px;}
.login_area .form_field .btn_show_pwd:before {content:"\ef21"; font-family:"Icofont"; font-size:16px; color:#888;}
.login_area .btn_l {width:100%; display:block; height:60px; text-align:center; display:inline-block; padding:0; border-radius:5px; font-size:20px; font-weight:600; line-height:60px;}
.login_area .m_text {height:45px; padding-left:50px; margin-bottom:10px; border-radius:5px; border-color:#ccc; width:100%;}
.login_area .form_field.form_id .m_text {background:url("../images/icon/icon_id.png")no-repeat center left 18px;}
.login_area .form_field.form_password .m_text {background:url("../images/icon/icon_pw.png")no-repeat center left 18px;}
.login_area .find_wrap {margin:10px 0 0; overflow:hidden;}
.login_area .m_check > input[type=checkbox] + label {font-size:15px; font-weight:500;}
.login_area .find_list {float:right;}
.login_area .find_list li {display:inline-block; position:relative; padding:0 12px; font-size:15px; font-weight:500;}
.login_area .find_list li:last-child {margin-left:-2px; padding-right:0;}
.login_area .find_list li:after {content:""; display:block; width:1px; height:15px; background-color:#ccc; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.login_area .find_list li:last-child:after {display:none;}
.login_area .find_list li a.color_point {color:#0b75df;}
.login_area .login_txt {text-align:center;}
.login_area .login_txt .color_point {color:#0b75df; text-decoration:underline;}
.login_area .btn_area {margin-top:60px;}
.login_area .btn_area .btn_link.line_black, .login_area .btn_area .btn_link.type_black {margin:20px 0;}
.login_area.privacy_area .form_field.form_password input {margin-bottom:0; padding-right:45px;}
.login_area.privacy_area .form_field.form_password button.btn_show_pwd {background:url(../images/login/icon_pw2.png) no-repeat center; display:block; width:30px;
height:30px; border:0; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.login_area.privacy_area .form_field.form_password input[type=text] + button.btn_show_pwd {background:url(../images/login/icon_pw1.png) no-repeat center;}
.login_area.privacy_area .form_field.form_password button.btn_show_pwd:before {display:none;}
/* 팝업 - 설치파일 업로드 */
.pop_upload .form_group {margin:0 0 10px 0;}
.pop_upload .form_group:after {content:""; display:block; width:100%; height:0; clear:both; float:none;}
.pop_upload .form_group > label, .form_group .pop_select > label {font-size:14px; font-weight:600; margin-bottom:5px; text-align:left; float:none;}
.pop_upload .form_group .pop_select > label {display:block;}
.pop_upload .form_group .form_control {width:100%;}
.pop_upload .dropzone {border:0; padding:0; background:none;}
.pop_upload .dropzone .dz-message {margin:0; display:block; padding:0; border:1px dashed #d9d9d9; min-height:220px; position:relative; border-radius:4px; transition:0.2s;}
.pop_upload .dropzone .dz-message:hover {border-color:#007aff; background-color:#eef6ff;}
.pop_upload .dropzone.dz-clickable .dz-message, .mg_popup .dropzone.dz-clickable .dz-message * {background:#fff; color:#888888; font-size:14px; transition:0.2s; font-weight:500;}
.pop_upload .dropzone.dz-clickable:hover .dz-message, .mg_popup .dropzone.dz-clickable:hover .dz-message * {color:#000;}
.pop_upload .dropzone .dz-message > span {position:absolute; left:50%; top:75px; transform:translateX(-50%); text-align:center; width:100%;}
.pop_upload .dropzone .dz-message .msg.msg1 {background:url(../images/icon/dropzone_bg1.png) no-repeat center top; padding:55px 0 0 0; transition:0.2s;}
.pop_upload .dropzone:hover .dz-message .msg.msg1 {background:url(../images/icon/dropzone_bg1_hover.png) no-repeat center top;}
.pop_upload .dropzone.dz-started .dz-message {min-height:140px;}
.pop_upload .dropzone.dz-started .dz-message > span {top:35px;}
.pop_upload .dropzone .dz-preview.dz-image-preview {border:1px solid #007aff; margin:20px 0 0 0; border-radius:4px; width:100%; min-height:60px;}
.pop_upload .dropzone .dz-preview .dz-image {display:none;}
.pop_upload .dropzone .dz-preview .dz-details {opacity:1; text-align:left; padding:10px; display:flex; flex-direction:column;}
.pop_upload .dropzone .dz-preview.dz-error .dz-error-message {display:none;}
.pop_upload .dropzone .dz-preview .dz-details .dz-filename {font-size:16px; color:#000; font-weight:600; order:1; width:90%; display:block;}
.dropzone .dz-preview .dz-details .dz-filename:hover span {display:block; width:100%; overflow:hidden; border:0;}
.pop_upload .dropzone .dz-preview .dz-details .dz-size {font-size:14px; color:#888; font-weight:400; margin:0; order:2;}
.pop_upload .dropzone .dz-preview .dz-details .dz-size strong {font-weight:400;}
.pop_upload .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {display:none;}
.pop_upload .dropzone .dz-preview .dz-remove {position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:20; text-indent:-9999px; background:url(../images/icon/icon_dropdown_delete.png) no-repeat center;
width:12px; height:15px; transition:0.2s;}
.pop_upload .dropzone .dz-preview .dz-remove:hover {background:url(../images/icon/icon_dropdown_delete_hover.png) no-repeat center;}
.pop_upload .dropzone .dz-preview.dz-complete .dz-progress {display:none;}
.confirm_popup {display:none; background:#fff; width:400px; border-radius:10px; box-shadow:5px 10px 10px 1px rgba(0,0,0,0.2); position:absolute; top:50%; left:50%;
transform:translate(-50%, -50%); padding:40px 30px; text-align:center;}
.confirm_popup.active {display:block;}
.confirm_popup #btnClose {position:absolute; top:15px; right:15px;}
.confirm_popup h4 {font-size:22px; font-weight:600;}
.confirm_popup p {font-size:16px; padding:10px 0;}
.confirm_popup textarea {height:60px; width:70%; max-height:165px;}
/* 회원정보수정 테이블 */
.section_mypage table tbody #btnMail {margin-left:10px;}
.section_mypage table tbody .tr_view_email {display:none;}
/*********** QNA ***********/
.section_board .m_text {border:none; background:#f5f5f5; height:48px; padding:10px; font-size:16px; border-radius:0;}
.section_board .m_text::placeholder {color:#848484; }
.section_board .section_qna .info_inner {margin-top:25px;}
.section_board .section_qna .info_inner .info_title {margin-bottom:20px; font-size:20px; font-weight:600;}
.section_board .section_qna .info_inner .info_title span {font-size:16px; font-weight:500; color:#002fa3; vertical-align:middle; padding-left:5px;}
.section_board .section_qna .form_wrap {display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between;}
.section_board .section_qna .form_inner {position:relative; display:inline-block; width:100%;}
.section_board .section_qna .form_wrap .form_inner {flex-basis:49.6%;}
.section_board .section_qna .m_text {width:100%; max-width:100%; min-width:100%;}
.section_board .section_qna .m_text:focus {outline:none;}
.section_board .section_qna .info_inner .hover_act {display:block; width:0; height:2px; background:#1454ff; position:absolute; left:2px; bottom:1px; transition:0.3s;}
.section_board .section_qna .info_inner .m_text:focus + .hover_act {width:100%;}
.section_board .section_qna .info_inner .radio_group {margin-top:25px;}
.section_board .section_qna .info_inner .radio_group .radio_label {font-size:16px; font-weight:600; vertical-align:middle; margin-right:20px;}
.section_board .section_qna .info_inner .radio_group .helper_txt {color:#848484; font-size:16px; vertical-align:middle;}
.section_board .section_qna .info_inner .radio_group .radio_wrap {display:inline-block; vertical-align:middle;}
.section_board .section_qna .info_inner .radio_group .m_radio label {font-size:16px;}
.section_board .section_qna .submit_box {border-top:1px solid #e6e6e6; padding-top:25px; margin-top:35px; display:flex; justify-content:space-between; align-items:center;}
.section_board .section_qna .submit_box .agree_area {font-size:16px; width:100%;}
.section_board .section_qna .submit_box .agree_area .m_check {margin-left:0;}
.section_board .section_qna .submit_box .agree_area a {font-weight:600; margin:2px;}
.section_board .section_qna .submit_box .agree_area .btn_allview {line-height:20px; vertical-align:top;}
.section_board .section_qna .submit_box .agree_area .btn_allview i {margin-left:2px; font-size:13px;}
/* 회원탈퇴신청 */
.withdraw_area {}
.withdraw_area .withdraw_title {font-size:22px; font-weight:500; margin:7px 30px; display:block;}
.withdraw_area .withdraw_list {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:30px;}
.withdraw_area .withdraw_list .list_item {margin-bottom:20px;}
.withdraw_area .withdraw_list .list_item:last-of-type {margin-bottom:0;}
.withdraw_area .withdraw_list .list_item strong {font-size:18px; width:200px; padding-right:20px; vertical-align:top; display:inline-block;}
.withdraw_area .withdraw_list .list_item p {font-size:15px; display:inline-block;}
.withdraw_area .checkradio_item {text-align:center; margin-top:40px;}
.withdraw_area .m_check > input[type=checkbox] + label {font-size:17px; font-weight:500;}
.withdraw_area .form_field.form_password {position:relative; width:500px; margin:60px auto;}
.withdraw_area .form_field.form_password .m_text {background:url("../images/icon/icon_pw.png")no-repeat center left 18px; width:100%; height:45px; padding:0 45px;}
.withdraw_area .form_field.form_password input {margin-bottom:0; padding-right:45px;}
.withdraw_area .form_field.form_password button.btn_show_pwd {background:url(../images/login/icon_pw2.png) no-repeat center; display:block; width:30px;
height:30px; border:0; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.withdraw_area .form_field.form_password input[type=text] + button.btn_show_pwd {background:url(../images/login/icon_pw1.png) no-repeat center;}
/* 이메일 인증/아웃바운드 메일 */
.code_box {border:1px solid #888; width:650px; margin:auto; }
.code_box .code_title {font-size:22px; background:#0d4c78; color:#fff; padding:30px;}
.code_box .code_wrap {padding:30px;}
.code_box .code_wrap p {font-size:19px; line-height:38px; margin-bottom:20px;}
.code_box .code_wrap p strong {display:block; text-align:center; font-size:60px; margin:45px 0; letter-spacing:15px;}
.code_box .code_wrap p.sub_txt {color:#888; line-height:1.4em; font-size:15px; margin-bottom:0; }
/* 회원가입완료 */
.membership_box_area {min-width:1050px; max-width:1050px; margin:auto;}
.membership_box_area ul {display:flex; gap:20px;}
.membership_box_area ul > li {flex:1; padding:20px; border-radius:20px; position:relative;}
.membership_box_area .top_list {margin-top:60px; margin-bottom:80px;}
.membership_box_area .top_list li {padding:25px 40px; padding-bottom:15px;}
.membership_box_area .top_list li:nth-child(1) {background:#003ace;}
.membership_box_area .top_list li:nth-child(2) {background:#55b4ae url(../images/sub/bg_membership_guide1.png) no-repeat right -18px top 76px;}
.membership_box_area .top_list li:nth-child(2):after {}
.membership_box_area .top_list li .number {font-weight:700; font-size:60px; line-height:1;}
.membership_box_area .top_list li:nth-child(1) .number {color:#01229b;}
.membership_box_area .top_list li:nth-child(2) .number {color:#358b86;}
.membership_box_area .top_list li p {font-size:22px; color:#fff; font-weight:600; margin-bottom:40px; line-height:1.25em;}
.membership_box_area .top_list li .down_file {background:#5e88f7; border-radius:25px; color:#fff; font-size:20px; height:50px; line-height:50px; padding:0 30px;
position:absolute; right:40px; bottom:25px;}
.membership_box_area .top_list li .down_file:hover {color:#5e88f7; background:#fff;}
.membership_box_area .top_list li .down_file:before {content:"\f019"; font-family:"Fontawesome"; color:#fff; font-size:20px; display:inline-block; margin-right:15px; transition:0.2s;}
.membership_box_area .top_list li .down_file:hover:before {color:#5e88f7;}
.membership_box_area .bottom_list li {padding:30px 25px;}
.membership_box_area .bottom_list li:nth-child(1) {border:1px solid #9dadde; background:url(../images/sub/bg_membership_guide2.png) no-repeat right -13px bottom 7px;}
.membership_box_area .bottom_list li:nth-child(2) {border:1px solid #d8a9bc; background:url(../images/sub/bg_membership_guide3.png) no-repeat right -50px bottom 16px;}
.membership_box_area .bottom_list li:nth-child(3) {border:1px solid #7bb7b3; background:url(../images/sub/bg_membership_guide4.png) no-repeat right -4px bottom 9px;}
.membership_box_area .bottom_list li p {font-size:20px; font-weight:700; line-height:1.3em;}
.membership_box_area .bottom_list li:nth-child(1) p {color:#1751c1;}
.membership_box_area .bottom_list li:nth-child(2) p {color:#b13164;}
.membership_box_area .bottom_list li:nth-child(3) p {color:#329c96;}
/* 문의하기 */
.section_board .list_txt {margin:0; overflow:hidden; height:0; font-size:14px;}
.section_board .list_txt.active {margin:0; height:auto; margin-top:20px;}
.section_board .list_txt .agree_box {height:400px; overflow-y:auto; border:1px solid #d1d1d1; font-size:15px; padding-bottom:55px;}
.section_board .list_txt .agree_box .agree_inner {padding:15px;}
.section_board .agree_area .allview_title strong {font-size:12px; vertical-align:middle;}
.section_board .list_txt .agree_box .agree_title {font-size:22px; }
.section_board .list_txt .agree_box .agree_sub_title {font-size:18px; font-weight:500;}
.section_board .list_txt .agree_box .agree_txt {margin:10px 0;}
.section_board .list_txt .agree_box .agree_lst_txt {margin-left:15px;}
.section_board .agree_check {background:#eee; font-size:18px; padding:15px; position:relative; bottom:61px; left:1px; width:calc(100% - 2px);}
/****** 메인 ******/
.contents-wrap.main_section {margin-top:0; height:100%;}
.main_section .m_inner {margin:0; max-width:100%;}
.main_section .pg-wrapper {overflow:hidden;}
.main_page > div {}
/* @keyframes gnbColor {
0% {color:#fff;}
100% {color:#252525;}
} */
/* .main_page #page-1 {background:#07297e;}
.main_page #page-2 {background:#fff;} */
.main_page #page-3 {background:#fff;}
.main_page .main_inner {margin:0 auto; padding-top:90px; height:calc(100% - 100px); position:relative; max-width:1600px;}
.main_page #page-1 .main_inner {padding-top:12%; padding-left:55px;}
.page1 .main_page #page-1 .main_title,
.page1-2 .main_page #page-1 .main_title,
.page2-1 .main_page #page-1 .main_title {animation:pageTxt 1s 1.5s ease-out forwards; opacity:0; margin-bottom:90px;}
.page1 .main_page #page-1 .main_title img,
.page1-2 .main_page #page-1 .main_title img,
.page2-1 .main_page #page-1 .main_title img {max-width:600px; height:auto; width:90%;}
.main_page #page-3 .main_title img,
.page2-3 .main_page #page-3 .main_title img,
.page3-2 .main_page #page-3 .main_title img {max-width:500px; height:auto; width:90%;}
.page1 .main_page #page-1 span.detail_txt,
.page2-1 .main_page #page-1 span.detail_txt,
.page1-2 .main_page #page-1 span.detail_txt {color:#fff; font-size:44px; font-weight:600; display:block; animation:pageTxt 1s 2s ease-out forwards; opacity:0;}
.page2-1 .main_page #page-1 span.detail_txt:nth-of-type(2) {animation-delay:2.5s;}
.page1 .main_page #page-1 .main_title {animation-delay:0.5s;}
.page1 .main_page #page-1 span.detail_txt {animation-delay:1s;}
.page1 .main_page #page-1 span.detail_txt:nth-of-type(2) {animation-delay:1.5s;}
/* 1) Page1 기본 텍스트는 언제 보이더라도 흰색/큰 글씨가 기본값이 되도록(FOUC 방지) */
.main_page #page-1 span.detail_txt {color:#fff; font-size:44px; font-weight:600; display:block;}
/* 2) 2→1 되돌아올 때(page2-1)는 지연/투명도 애니메이션 제거해서 즉시 보여주기 */
body.page2-1 .main_page #page-1 span.detail_txt {
animation:none !important; /* 기존 2s delay 제거 */
opacity:1 !important; /* 검정/작은 글씨로 보였다가 바뀌는 플래시 방지 */
}
.main_page #page-1 .main_btn_area button.btn_join {/* background:repeating-linear-gradient(75grad, rgba(0,0,0,0) 25%,rgba(255,255,255,0.6) 26%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0) 100%), transparent; */
border:2px solid #fff; background:transparent; }
.main_page #page-1 .main_btn_area button.btn_join:before {transition:0.1s;}
.main_page #page-1 .main_btn_area button.btn_join:hover {border-color:#2dc0ff; color:#2dc0ff;}
.main_page #page-1 .main_btn_area button.btn_join:hover:before {color:#2dc0ff;}
/* .main_page #page-1 .main_btn_area button.btn_join:hover {border-color:#0062f4; background:#000e57;}
.main_page #page-1 .main_btn_area button.btn_join:hover:before {color:#2dc0ff;} */
.main_page #page-2 {}
.main_page #page-2 .main_inner {padding-top:10%; padding-left:70px;}
.main_page #page-2 p {color:#002fa3; font-size:32px; font-weight:600; margin-bottom:70px;}
.main_page #page-2 p.sub_strong_txt {font-size:60px; margin-bottom:0; line-height:75px;}
.main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(1) {animation-delay:2s;}
.main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(2) {animation-delay:2.03s;}
.main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(3) {animation-delay:2.06s;}
.main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(4) {animation-delay:2.09s;}
.main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(5) {animation-delay:2.12s;}
.main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(6) {animation-delay:2.15s;}
.main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(7) {animation-delay:2.18s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(1) {animation-delay:2s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(2) {animation-delay:2.03s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(3) {animation-delay:2.06s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(4) {animation-delay:2.09s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(5) {animation-delay:2.12s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(6) {animation-delay:2.15s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(7) {animation-delay:2.18s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(8) {animation-delay:2.21s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(9) {animation-delay:2.24s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(10) {animation-delay:2.27s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(11) {animation-delay:2.3s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(12) {animation-delay:2.33s;}
.main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(13) {animation-delay:2.36s;}
.main_page #page-2 p:last-child {}
.main_page #page-2 p:nth-child(1) {opacity:0;}
.main_page #page-2 p:nth-child(2) {opacity:0;}
.main_page #page-2.pg-active p:nth-child(1) {animation:pageTxt 1s 0.8s ease-out forwards; opacity:0;}
.main_page #page-2.pg-active p:nth-child(2) {animation:pageTxt 1s 1.3s ease-out forwards; opacity:0;}
.main_page #page-2 .sub_strong_txt span {letter-spacing:-16px; display:inline-block; opacity:0;}
.main_page #page-2.pg-active .sub_strong_txt span {animation-name:pageMaintxt; animation-duration:1.2s; animation-fill-mode:forwards; opacity:0;}
.page3-2 .main_page #page-2.pg-active p:nth-child(1) {animation-delay:0s;}
.page3-2 .main_page #page-2.pg-active p:nth-child(2) {animation-delay:0.5s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(1) {animation-delay:1s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(2) {animation-delay:1.03s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(3) {animation-delay:1.06s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(4) {animation-delay:1.09s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(5) {animation-delay:1.12s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(6) {animation-delay:1.15s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt1 span:nth-child(7) {animation-delay:1.18s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(1) {animation-delay:1s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(2) {animation-delay:1.03s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(3) {animation-delay:1.06s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(4) {animation-delay:1.09s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(5) {animation-delay:1.12s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(6) {animation-delay:1.15s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(7) {animation-delay:1.18s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(8) {animation-delay:1.21s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(9) {animation-delay:1.24s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(10) {animation-delay:1.27s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(11) {animation-delay:1.3s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(12) {animation-delay:1.33s;}
.page3-2 .main_page #page-2 p.sub_strong_txt.txt2 span:nth-child(13) {animation-delay:1.36s;}
@keyframes pageTxt {
0% {transform:translateY(50px); opacity:0;}
100% {transform:translateY(0); opacity:1;}
}
@keyframes pageMaintxt {
0% {transform:translateY(30px); opacity:0;}
100% {transform:translateY(0); opacity:1;}
}
body.page3 .main_section .bg_motion_area .bg_motion {background:#fff;}
.main_page #page-3 .main_inner {background:url(../images/main/image_main3.png) no-repeat center right 35px; padding-top:7%; padding-left:70px;}
.main_page #page-3 .main_content_area {}
.main_page #page-3 .main_content_area li {margin-top:75px;}
.main_page #page-3 .main_content_area li > div {display:inline-block; vertical-align:middle;}
.main_page #page-3 .main_content_area li .sub_icon {width:85px; height:85px; border-radius:8px;}
.main_page #page-3 .main_content_area li .sub_icon.icon_record {background:#0046d3 url(../images/main/icon_record.png) no-repeat center;}
.main_page #page-3 .main_content_area li .sub_icon.icon_voice {background:#0046d3 url(../images/main/icon_voice.png) no-repeat center;}
.main_page #page-3 .main_content_area li .sub_icon.icon_keyboard {background:#0046d3 url(../images/main/icon_keyboard.png) no-repeat center;}
.main_page #page-3 .main_content_area li .sub_con {margin-left:30px;}
.main_page #page-3 .main_content_area li .sub_con strong {color:#0046d3; font-size:26px; font-weight:600;}
.main_page #page-3 .main_content_area li .sub_con p {font-size:18px; margin-bottom:0;}
.main_page .main_btn_area {position:absolute; bottom:0; right:6%;}
.main_page .main_btn_area button {border-radius:35px; padding:0 65px; height:70px; line-height:70px; font-size:22px; color:#fff; margin-right:30px;}
.main_page .main_btn_area button:last-child {margin-right:0;}
.main_page .main_btn_area button:before {padding-right:30px;}
.main_page #page-3 .main_btn_area {bottom:6%;}
.main_page #page-3 .main_btn_area button.btn_join {background:#0046d3;}
.main_page #page-3 .main_btn_area button.btn_filedown {background:#508aff;}
.main_page #page-3 .main_btn_area button.btn_join:hover {background:#00359f;}
.main_page #page-3 .main_btn_area button.btn_filedown:hover {background:#1c67ff;}
.main_page .main_btn_area button.btn_join:before {content:"\f007"; font-family:"Fontawesome";}
.main_page .main_btn_area button.btn_filedown:before {content:"\f019"; font-family:"Fontawesome";}
/* 메인: 웨이브 */
.wave_area {width:700px; height:400px; position:absolute; right:10px; top:200px;}
.wave_area > div {position:relative;}
.wave_area > div:after {content:""; display:block; width:100%; height:200px; position:absolute; z-index:2;}
.wave_area #waveTop {width:700px; height:200px; overflow:hidden;}
.wave_area #waveBottom {width:700px; height:200px; overflow:hidden;}
.wave_area canvas {width:700px; height:400px;}
.wave_area #waveBottom canvas {position:relative; top:-200px;}
.wave_area #waveTop:after {background: linear-gradient(rgba(8,41,127,1) 0%, rgba(8,41,127,0) 100%); left:0; top:0;}
.wave_area #waveBottom:after {background: linear-gradient(rgba(8,41,127,0) 0%, rgba(8,41,127,1) 100%); left:0; bottom:0;}
/* 화면 전환 모션 */
.main_section .bg_motion_area {width:100%; height:100vh; position:fixed; top:0;}
.main_section .bg_motion_area > div {position:absolute;}
.main_section .bg_motion_area .bg_motion {background:#07297e; width:100%; height:100%; top:0; left:0;}
.main_section .bg_motion_area .bg_white {background:#fff; display:block; bottom:-2000px;}
.main_section .bg_motion_area .bg_white.round1 {left:-340px; width:1300px; height:1300px; border-radius:45%;}
.main_section .bg_motion_area .bg_white.round2 {left:470px; width:1100px; height:1100px; border-radius:40%;}
.main_section .bg_motion_area .bg_white.round3 {left:1120px; width:1150px; height:1150px; border-radius:46%;}
.page2-3 .main_section .bg_motion_area .bg_motion,
.page3-2 .main_section .bg_motion_area .bg_motion {background:#fff;}
.page2-3 #footer {margin-top:-100px; transition:1s;}
.main_section .bg_motion_area .bg_white.round {bottom:-200vw; left:-50vw; width:200vw; height:200vw; border-radius:40%;}
body.page1-2 .bg_white.round {animation-name:bgRound; animation-duration:4.5s; animation-delay:0s; animation-timing-function:cubic-bezier(0.42, 0.0, 0.58, 1.0);
animation-fill-mode:forwards;}
body.page2-1 .main_section .bg_motion_area .bg_white.round {animation-name:bgRoundup; animation-duration:2.0s; animation-delay:0s;
animation-timing-function:cubic-bezier(0,.73,.55,.93); animation-fill-mode:forwards;}
@keyframes bgRound {
from {bottom:-200vw; transform:rotate(0deg);}
to {bottom:-10vw; transform:rotate(360deg);}
}
@keyframes bgRoundup {
0% {bottom:-8vw; transform:rotate(360deg);}
100% {bottom:-200vw; transform:rotate(0deg);}
}
/*
@keyframes bgRound1 {
0% {bottom:-1500px; transform:rotate(0deg);}
100% {bottom:-100px; transform:rotate(360deg);}
}
@keyframes bgRound2 {
0% {bottom:-1500px; transform:rotate(0deg);}
100% {bottom:-100px; transform:rotate(270deg);}
}
@keyframes bgRound3 {
0% {bottom:-1500px; transform:rotate(0deg);}
100% {bottom:-50px; transform:rotate(270deg);}
} */
/* 스크롤 아이콘 */
.main_section .scroll_icon {position:fixed; z-index:1; pointer-events:none; width:100vw; height:100vh; display:flex; justify-content:flex-end; flex-direction:column;}
.main_section .scroll_icon .scroll_inner {position:absolute; left:50%; transform:translateX(-50%); top:60vh; display:flex; align-items:center; flex-direction:column;
transition:1s ease-out;}
.main_section .scroll_icon .scroll_inner .mouse {width:28px; height:48px; border-radius:100px; position:relative;
background:#38bde9 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
animation:colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite; background-size:100% 200%;}
.main_section .scroll_icon .scroll_inner .mouse:after, .main_section .scroll_icon .scroll_inner .mouse:before {content:""; position:absolute; top:0; right:0; bottom:0;
left:0;}
.main_section .scroll_icon .scroll_inner .mouse:after {width:10px; height:10px; border-radius:50%; background:#fff; animation:trackBallSlide 10s linear infinite;
margin:auto;}
.main_section .scroll_icon .scroll_inner .mouse:before {width:24px; height:44px; background-color:#38bde9; border-radius:100px; margin:2px;}
.main_section .scroll_icon .scroll_inner .sc_en {color:#fff; animation:colorText 5s ease-out infinite,nudgeText 5s ease-out infinite; display:block; margin-top:10px;}
.page2 .main_section .scroll_icon .scroll_inner {top:80vh;}
.page3 .main_section .scroll_icon .scroll_inner {top:100vh;}
.page2 .main_section .scroll_icon .scroll_inner .mouse {animation:colorSlide2 5s linear infinite, nudgeMouse 5s ease-out infinite; }
.page2 .main_section .scroll_icon .scroll_inner .mouse:before {background:#fff;}
.page2 .main_section .scroll_icon .scroll_inner .mouse:after {background:#0046d3;}
@keyframes trackBallSlide {
0% {opacity:1; transform:scale(1) translateY(-20px);}
6% {opacity:1; transform:scale(0.9) translateY(5px);}
14% {opacity:0; transform:scale(0.4) translateY(40px);}
15%, 19% {opacity:0; transform:scale(0.4) translateY(-20px);}
28%, 29.99% {opacity:1; transform:scale(1) translateY(-20px);}
30% {opacity:1; transform:scale(1) translateY(-20px);}
36% {opacity:1; transform:scale(0.9) translateY(5px);}
44% {opacity:0; transform:scale(0.4) translateY(40px);}
45%, 49% {opacity:0; transform:scale(0.4) translateY(-20px);}
58%, 59.99% {opacity:1; transform:scale(1) translateY(-20px);}
60% {opacity:1; transform:scale(1) translateY(-20px);}
66% {opacity:1; transform:scale(0.9) translateY(5px);}
74% {opacity:0; transform:scale(0.4) translateY(40px);}
75%, 79% {opacity:0; transform:scale(0.4) translateY(-20px);}
88%, 100% {opacity:1; transform:scale(1) translateY(-20px);}
}
@keyframes colorSlide {
0% {background-position:0% 100%;}
20% {background-position:0% 0%;}
21% {background-color:#c3f0ff;}
29.99% {background-color:#fff; background-position:0% 0%;}
30% {background-color:#c3f0ff; background-position:0% 100%;}
50% {background-position:0% 0%;}
51% {background-color:#c3f0ff;}
59% {background-color:#fff; background-position:0% 0%;}
60% {background-color:#c3f0ff; background-position:0% 200%;}
80% {background-position:0% 0%;}
81% {background-color:#c3f0ff;}
90%, 100% {background-color:#fff;}
}
@keyframes colorSlide2 {
0% {background-position:0% 100%;}
20% {background-position:0% 0%;}
21% {background-color:#0046d3;}
29.99% {background-color:#fff; background-position:0% 0%;}
30% {background-color:#0046d3; background-position:0% 100%;}
50% {background-position:0% 0%;}
51% {background-color:#0046d3;}
59% {background-color:#fff; background-position:0% 0%;}
60% {background-color:#0046d3; background-position:0% 200%;}
80% {background-position:0% 0%;}
81% {background-color:#0046d3;}
90%, 100% {background-color:#fff;}
}
@keyframes nudgeMouse {
0% {transform:translateY(0);}
20% {transform:translateY(8px);}
30% {transform:translateY(0);}
50% {transform:translateY(8px);}
60% {transform:translateY(0);}
80% {transform:translateY(8px);}
90% {transform:translateY(0);}
}
@keyframes colorText {
21% {color:#4e5559;}
30% {color:#fff;}
51% {color:#4e5559;}
60% {color:#fff;}
81% {color:#4e5559;}
90% {color:#fff;}
}
@keyframes nudgeText {
0% {transform:translateY(0);}
20% {transform:translateY(5px);}
30% {transform:translateY(0);}
50% {transform:translateY(5px);}
60% {transform:translateY(0);}
80% {transform:translateY(5px);}
90% {transform:translateY(0);}
}
.main_section .scroll_down {position:fixed; z-index:1; pointer-events:none; width:100vw; height:100vh; display:flex; justify-content:flex-end; flex-direction:column;}
.main_section .scroll_mouse {background:url(../images/main/scroll_mouse.png) no-repeat; width:22px; height:37px; position:absolute; left:50%; transform:translateX(-50%);
top:75vh; display:flex; align-items:center; flex-direction:column; transition:1s ease-out;}
.main_section .scroll_mouse:after {content:""; background:url(../images/main/scroll_arrow.png) no-repeat; width:12px; height:14px; position:absolute; bottom:-20px;
left:50%; transform:translateX(-50%); animation:scrollDown 1s 0s ease infinite; transition:1s ease-out;}
.page1-2 .main_section .scroll_mouse,
.page3-2 .main_section .scroll_mouse {background:url(../images/main/scroll_mouse2.png) no-repeat; top:80vh;}
.page1-2 .main_section .scroll_mouse:after,
.page3-2 .main_section .scroll_mouse:after {background:url(../images/main/scroll_arrow2.png) no-repeat;}
.page2-3 .main_section .scroll_mouse {top:100vh;}
@keyframes scrollDown {
0% {bottom:-20px;}
100% {bottom:-25px;}
}
.wave_wrap {max-width:1600px; position:fixed; width:100%; height:100%; left:50%; top:43%; transform:translate(-50%, -50%); opacity:0; animation:none; transition:0.2s; display:block;}
.wave_bg {width:65%; height:100%; position:fixed; right:0; top:50%; transform:translateY(-50%); background-size:100%; background-position:right; opacity:0.4;}
body.page1 .wave_wrap,
body.page1-2 .wave_wrap,
body.page2-1 .wave_wrap {opacity:1;}
body.page1 .wave_bg {background:url(../images/main/image_main1.png) no-repeat; position:fixed; background-position:right; opacity:0.4; }
body.page2-1 .wave_bg {background:url(../images/main/image_main2.png) no-repeat; animation:waveBg2_1 0.3s 1s linear forwards;
position:fixed; background-position:right; opacity:0.4;}
body.page1-2 .wave_bg {background:url(../images/main/image_main1.png) no-repeat; position:fixed; background-position:right; opacity:0.4;
animation:waveBg 0.3s 1s linear forwards;}
body.page3-2 .wave_bg {background:url(../images/main/image_main2.png) no-repeat; position:fixed; background-position:right; opacity:0.4;
animation:waveBg 0.3s 1s linear forwards;}
body.page2-3 .wave_bg {background:url(../images/main/image_main2.png); /* animation:waveBg2_3 0.3s 0s linear forwards; */ position:fixed; background-position:right;
opacity:0; transition:opacity 0.2s;}
body.page2-3 .sound-wave {opacity:0.25; animation:waveBg2_3 0.3s 0s linear forwards;}
.sound-wave {width:1030px; display:flex; justify-content:space-around; align-items:center; position:fixed; height:100%; right:0; top:50%; transform:translateY(-50%);
z-index:0; opacity:0.5;}
body.page1-2 .sound-wave,
body.page3-2 .sound-wave {opacity:0.25;}
/* 1) 2→3 전환 중에는 확실히 숨김(앞 프레임이 1이라도 강제로 0으로) */
body.page2-3 .wave_wrap {
display:none;
opacity:0 !important;
animation:none !important;
transition:none !important;
}
/* 2) 3→2 전환 시에만 2초 대기 후 1초 페이드 인 */
body.page3-2 .wave_wrap {
/* 시작값 보장: 기본값이 0이라 생략 가능하지만 안전하게 한 번 더 */
opacity:0;
animation-name:waveFadeIn;
animation-duration:1s;
animation-timing-function:ease;
animation-delay:2s;
animation-fill-mode:forwards; /* 끝나면 1 유지 */
}
/* 키프레임 */
@keyframes waveFadeIn {
from {opacity:0;}
to {opacity:1;}
}
@keyframes fadeIn {
from {opacity:0;}
to {opacity:1;}
}
@keyframes fadeOut {
from {opacity:0;}
to {opacity:1;}
}
.wave-line {position:relative; z-index:2; width:2px; height:280px; transform-origin:center center; /* background:linear-gradient(to bottom, transparent, #02a4ed, transparent); */
-webkit-animation:wave 10s 0.3s linear infinite; animation:wave 10s 0.3s linear infinite;}
.wave-line:before {content:""; display:block;
position:absolute; z-index:3; width:20px; height:280px; transform-origin:center center; background:linear-gradient(to bottom, transparent, #02a4ed, transparent); left:0; top:0; transition: opacity 1s linear; opacity:1;
-webkit-animation:wave 10s 0.3s linear infinite; animation:wave 10s 0.3s linear infinite;
}
.wave-line:after {content:""; display:block;
position:absolute; z-index:4; width:20px; height:280px; transform-origin:center center; background:linear-gradient(to bottom, transparent, #002fa3, transparent); left:0; top:0; transition: opacity 1s linear; opacity:0;
-webkit-animation:wave 10s 0.3s linear infinite; animation:wave 10s 0.3s linear infinite;
}
body.page2-3 .sound-wave .wave-line {background:linear-gradient(to bottom, transparent, #002fa3, transparent);}
body.page1-2 .wave-line:before,
body.page3-2 .wave-line:before {opacity:0;}
body.page1-2 .wave-line:after,
body.page3-2 .wave-line:after {opacity:1;}
body.page2-1 .wave-line:before {opacity:1;}
body.page2-1 .wave-line:after {opacity:0;}
/* body.page1-2 .wave-line, body.page3-2 .wave-line {background:linear-gradient(to bottom, transparent, #002fa3, transparent);} */
/* body.page2-1 .wave-line {background-image:linear-gradient(to bottom, transparent, #02a4ed, transparent); transition:background-image 5s;} */
@keyframes waveBg {
0% {position:fixed; background-position:right;}
100% {background:url(../images/main/image_main2.png) no-repeat; position:fixed; background-position:right;}
}
@keyframes waveBg2_1 {
0% {background:url(../images/main/image_main2.png) no-repeat; position:fixed; background-position:right;}
100% {background:url(../images/main/image_main1.png) no-repeat; position:fixed; background-position:right;}
}
@keyframes waveBg2_3 {
0% {}
100% {opacity:0;}
}
@-webkit-keyframes waveColor {
0% {background:linear-gradient(to bottom, transparent, #002fa3, transparent);}
100% {background:linear-gradient(to bottom, transparent, #02a4ed, transparent);}
}
@-webkit-keyframes wave {
0% {transform:scaleY(1);}
10% {transform:scaleY(0.2);}
20% {transform:scaleY(1);}
30% {transform:scaleY(0.2);}
40% {transform:scaleY(1);}
50% {transform:scaleY(0.2);}
60% {transform:scaleY(1);}
70% {transform:scaleY(0.2);}
80% {transform:scaleY(1);}
90% {transform:scaleY(0.2);}
100% {transform:scaleY(1);}
}
@keyframes wave {
0% {transform:scaleY(1);}
10% {transform:scaleY(0.2);}
20% {transform:scaleY(1);}
30% {transform:scaleY(0.2);}
40% {transform:scaleY(1);}
50% {transform:scaleY(0.2);}
60% {transform:scaleY(1);}
70% {transform:scaleY(0.2);}
80% {transform:scaleY(1);}
90% {transform:scaleY(0.2);}
100% {transform:scaleY(1);}
}
/* .line1 {height:150px;}
.line2 {height:80px;}
.line3 {height:280px;}
.line4 {height:174px;}
.line5 {height:150px;}
.line6 {height:280px;}
.line7 {height:374px;}
.line8 {height:258px;}
.line9 {height:576px;}
.line10 {height:342px;}
.line11 {height:530px;}
.line12 {height:650px;}
.line13 {height:432px;}
.line14 {height:258px;}
.line15 {height:264px;}
.line16 {height:182px;}
.line17 {height:156px;}
.line18 {height:174px;}
.line19 {height:130px;}
.line20 {height:162px;}
.line21 {height:184px;}
.line22 {height:298px;}
.line23 {height:370px;}
.line24 {height:446px;}
.line25 {height:316px;}
.line26 {height:356px;}
.line27 {height:426px;}
.line28 {height:174px;}
.line29 {height:156px;}
.line30 {height:106px;}
.line31 {height:286px;}
.line32 {height:342px;}
.line33 {height:432px;}
.line34 {height:252px;}
.line35 {height:258px;}
.line36 {height:182px;}
.line37 {height:252px;}
.line38 {height:116px;}
.line39 {height:174px;}
.line40 {height:210px;}
.line41 {height:258px;}
.line42 {height:158px;}
.line43 {height:158px;}
.line44 {height:108px;}
.line45 {height:150px;}
.line46 {height:86px;}
.line47 {height:210px;}
.line48 {height:130px;}
.line49 {height:78px;}
.line50 {height:106px;} */
.line1 {height:40px;}
.line2 {height:100px;}
.line3 {height:220px;}
.line4 {height:280px;}
.line5 {height:360px;}
.line6 {height:330px;}
.line7 {height:260px;}
.line8 {height:180px;}
.line9 {height:130px;}
.line10 {height:100px;}
.line11 {height:100px;}
.line12 {height:170px;}
.line13 {height:200px;}
.line14 {height:140px;}
.line15 {height:180px;}
.line16 {height:280px;}
.line17 {height:330px;}
.line18 {height:380px;}
.line19 {height:400px;}
.line20 {height:420px;}
.line21 {height:400px;}
.line22 {height:390px;}
.line23 {height:270px;}
.line24 {height:200px;}
.line25 {height:140px;}
.line26 {height:210px;}
.line27 {height:290px;}
.line28 {height:370px;}
.line29 {height:410px;}
.line30 {height:160px;}
.line31 {height:230px;}
.line32 {height:280px;}
.line33 {height:370px;}
.line34 {height:350px;}
.line35 {height:320px;}
.line36 {height:200px;}
.line37 {height:170px;}
.line38 {height:120px;}
.line39 {height:80px;}
.line40 {height:70px;}
.line41 {height:50px;}
.line42 {height:40px;}
.line43 {height:275px;}
.line44 {height:250px;}
.line45 {height:210px;}
.line46 {height:170px;}
.line47 {height:125px;}
.line48 {height:100px;}
.line49 {height:70px;}
.line50 {height:50px;}
.line51 {height:40px;}
.line52 {height:40px;}
.line1:before, .line1:after {height:40px;}
.line2:before, .line2:after {height:100px;}
.line3:before, .line3:after {height:220px;}
.line4:before, .line4:after {height:280px;}
.line5:before, .line5:after {height:360px;}
.line6:before, .line6:after {height:330px;}
.line7:before, .line7:after {height:260px;}
.line8:before, .line8:after {height:180px;}
.line9:before, .line9:after {height:130px;}
.line10:before, .line10:after {height:100px;}
.line11:before, .line11:after {height:100px;}
.line12:before, .line12:after {height:170px;}
.line13:before, .line13:after {height:200px;}
.line14:before, .line14:after {height:140px;}
.line15:before, .line15:after {height:180px;}
.line16:before, .line16:after {height:280px;}
.line17:before, .line17:after {height:330px;}
.line18:before, .line18:after {height:380px;}
.line19:before, .line19:after {height:400px;}
.line20:before, .line20:after {height:420px;}
.line21:before, .line21:after {height:400px;}
.line22:before, .line22:after {height:390px;}
.line23:before, .line23:after {height:270px;}
.line24:before, .line24:after {height:200px;}
.line25:before, .line25:after {height:140px;}
.line26:before, .line26:after {height:210px;}
.line27:before, .line27:after {height:290px;}
.line28:before, .line28:after {height:370px;}
.line29:before, .line29:after {height:410px;}
.line30:before, .line30:after {height:160px;}
.line31:before, .line31:after {height:230px;}
.line32:before, .line32:after {height:280px;}
.line33:before, .line33:after {height:370px;}
.line34:before, .line34:after {height:350px;}
.line35:before, .line35:after {height:320px;}
.line36:before, .line36:after {height:200px;}
.line37:before, .line37:after {height:170px;}
.line38:before, .line38:after {height:120px;}
.line39:before, .line39:after {height:80px;}
.line40:before, .line40:after {height:70px;}
.line41:before, .line41:after {height:50px;}
.line42:before, .line42:after {height:40px;}
.line43:before, .line43:after {height:275px;}
.line44:before, .line44:after {height:250px;}
.line45:before, .line45:after {height:210px;}
.line46:before, .line46:after {height:170px;}
.line47:before, .line47:after {height:125px;}
.line48:before, .line48:after {height:100px;}
.line49:before, .line49:after {height:70px;}
.line50:before, .line50:after {height:50px;}
.line51:before, .line51:after {height:40px;}
.line52:before, .line52:after {height:40px;}
.delay-1 {-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.delay-2 {-webkit-animation-delay:0.15s;animation-delay:0.15s;}
.delay-3 {-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.delay-4 {-webkit-animation-delay:0.25s;animation-delay:0.25s;}
.delay-5 {-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.delay-6 {-webkit-animation-delay:0.35s;animation-delay:0.35s;}
.delay-7 {-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.delay-8 {-webkit-animation-delay:0.45s;animation-delay:0.45s;}
.delay-9 {-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.delay-10 {-webkit-animation-delay:0.55s;animation-delay:0.55s;}
.delay-11 {-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.delay-12 {-webkit-animation-delay:0.65s;animation-delay:0.65s;}
.delay-13 {-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.delay-14 {-webkit-animation-delay:0.75s;animation-delay:0.75s;}
.delay-15 {-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.delay-16 {-webkit-animation-delay:0.85s;animation-delay:0.85s;}
.delay-17 {-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.delay-18 {-webkit-animation-delay:0.95s;animation-delay:0.95s;}
.delay-19 {-webkit-animation-delay:1s;animation-delay:1s;}
.delay-20 {-webkit-animation-delay:1.05s;animation-delay:1.05s;}
.gnb_area.on {display:block; width:100%; height:100vh; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); z-index:10;}
.gnb_area.on ul.gnb_box {background:#fff; position:relative; float:right; width:calc(100% - 30px); max-width:460px; word-break:keep-all; padding:40px; height:100vh;
overflow:auto;}
.gnb_area.on ul.gnb_box > li {float:none; display:block; border-bottom:1px solid #dcdcdc; height:auto; line-height:50px;}
.gnb_area.on ul.gnb_box > li:last-child {border:0;}
body.page1 .gnb_area.on ul.gnb_box > li > a,
body.page2-1 .gnb_area.on ul.gnb_box > li > a {color:#252525;}
.gnb_area.on ul.gnb_box > li > a {padding:25px 20px 0px; line-height:35px; font-size:30px;}
body.page1-2 .gnb_area ul.gnb_box > li > a,
body.page3-2 .gnb_area ul.gnb_box > li > a,
body.page2-3 .gnb_area ul.gnb_box > li > a {color:#252525; transition:color 0.5s; transition-delay:1.4s;}
body.page1 .gnb_area ul.gnb_box > li > a,
body.page2-1 .gnb_area ul.gnb_box > li > a {color:#fff;}
.user_area li a {color:#252525;}
.user_area li a:hover,
.user_area li a.active {color:#0062f4;}
/* .page2-1 .user_area li a {transition-delay:0.7s;} */
body.page1 .user_area li a,
body.page2-1 .user_area li a {color:#fff;}
body.page1-2 .user_area li a,
body.page3-2 .user_area li a,
body.page2-3 .user_area li a {color:#252525;}
.user_area li a:hover,
body.page2-1 .user_area li a:hover,
body.page1-2 .user_area li a:hover,
body.page3-2 .user_area li a:hover,
body.page2-3 .user_area li a:hover {color:#0062f4;}
.gnb_area.on ul.gnb_box li .depth_2 {display:block; position:static; transform:translate(0); max-width:100%; border-radius:0; background-color:#fff; padding:20px 0;}
.gnb_area.on ul.gnb_box li .depth_2 li a {color:#252525; padding:10px 20px;}
.gnb_area.on ul.gnb_box li .depth_2 li a:hover {text-decoration:none; color:#002fa3;}
.gnb_area button.btn_m_menu_close {display:none;}
.gnb_area.on button.btn_m_menu_close {position:fixed; display:block; width:60px; height:60px; right:20px; top:20px; text-indent:-9999px; z-index:10;
background:url(../images/icon/icon_close_big.png) no-repeat center;}
@media all and (max-width:1640px){
.header {padding:10px 50px 0 50px;}
.wave_wrap {max-width:1400px; right:50px; left:auto; transform:translate(0, -50%);}
.wave_bg {width:100%;}
}
@media all and (max-width:1400px){
body.page1 .wave_bg, body.page1-2 .wave_bg, body.page2-1 .wave_bg {width:70%; background-size:100%;}
.wave_wrap {max-width:1280px;}
.sound-wave {width:900px;}
@keyframes waveBg {
0% {position:fixed;background-position:right; width:70%; background-size:100%;}
100% {background:url(../images/main/image_main2.png) no-repeat; position:fixed; background-position:right; width: 70%; background-size: 100%;}
}
@keyframes waveBg2_1 {
0% {background:url(../images/main/image_main2.png) no-repeat; position:fixed; background-position:right; width:70%; background-size:100%;}
100% {background:url(../images/main/image_main1.png) no-repeat; position:fixed; background-position:right; width:70%; background-size:100%;}
}
}
@media all and (max-width:1280px){
.header button.m_menu {display:block;}
.user_area {margin-right:35px; text-align:right;}
.user_area li {padding-right:0; display:inline-block;}
.user_area li a {font-size:1px; letter-spacing:-5px; padding:10px 6px; display:block; color:transparent;}
.user_area li a:before {vertical-align:middle; transition:color 0.5s; transition-delay:0.2s; font-size:14px; letter-spacing:0; color:#fff;}
.user_area li.btn_intro a {letter-spacing:0;}
.page1 .main_page #page-1 .main_title img,
.page1-2 .main_page #page-1 .main_title img,
.page2-1 .main_page #page-1 .main_title img {max-width:530px;}
.page2-3 .main_page #page-3 .main_title img {max-width:450px; margin-top:30px;}
body.page1 .user_area li a,
body.page2-1 .user_area li a,
body.page2-3 .user_area li a,
body.page3-2 .user_area li a {color:transparent;}
.user_area li.btn_intro a {font-size:14px; position:relative; top:5px; color:#fff;}
/* .user_area li.btn_intro a:before {content:"\f129"; font-family:"fontawesome"; color:#252525;} */
.user_area li.btn_logout a:before {content:"\f08b"; font-family:"fontawesome"; color:#252525;}
.user_area li.user_info a:before {content:"\f007"; font-family:"fontawesome"; color:#252525;}
.user_area li.btn_userInfo a:before {content:"\f059"; font-family:"fontawesome"; color:#252525;}
.user_area li.link_login a:before {content:"\f2f6"; font-family:"fontawesome"; color:#252525;}
.user_area li.btn_join a:before {content:"\f007"; font-family:"fontawesome"; color:#252525;}
.page1 .user_area li a:before,
.page2-1 .user_area li a:before,
.page1 .user_area li.btn_intro a,
.page2-1 .user_area li.btn_intro a {color:#fff;}
.page1-2 .user_area li a:before,
.page2-3 .user_area li a:before,
.page3-2 .user_area li a:before,
.page1-2 .user_area li.btn_intro a,
.page2-3 .user_area li.btn_intro a,
.page3-2 .user_area li.btn_intro a {color:#252525;}
.gnb_box {display:none;}
.gnb_area {justify-content:end; height:90px;}
.gnb_area.on .gnb_box {display:block;}
.gnb_area.on .user_area {position:absolute; right:0; top:25px; display:none;}
.wave_wrap {top:60%; max-width:760px; right:2%;}
body.page1 .wave_bg,
body.page1-2 .wave_bg,
body.page2-1 .wave_bg {width:100%;}
.sound-wave {width:760px;}
body.page3-2 .wave_bg,
body.page2-3 .wave_bg {background-size:100%;}
body.page2-3 .wave_wrap {
opacity: 0 !important;
animation: none !important;
}
/* 3→2 전환 진입 시: 2초 대기 후 1초간 페이드 인 */
body.page3-2 .wave_wrap {
/* 시작값 안전장치 */
opacity: 0;
/* 애니메이션을 ‘그때만’ 적용해 재생 보장 */
animation-name: waveFadeIn;
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 2s;
animation-fill-mode: forwards; /* 끝나면 1 유지 */
}
/* 키프레임 */
@keyframes waveFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.main_section .scroll_mouse {top:70vh;}
.main_page #page-1 .main_inner {padding-top:13%; padding-left:5%;}
.page1 .main_page #page-1 .main_title,
.page1-2 .main_page #page-1 .main_title,
.page2-1 .main_page #page-1 .main_title {margin-bottom:75px;}
.page1 .main_page #page-1 span.detail_txt,
.page1-2 .main_page #page-1 span.detail_txt,
.page2-1 .main_page #page-1 span.detail_txt {font-size:40px;}
.main_page #page-2 .main_inner {padding-top:15%; padding-left:6%;}
.main_page #page-2 p {font-size:30px; margin-bottom:45px;}
.main_page #page-2 p.sub_strong_txt {font-size:50px; line-height:70px;}
.main_page #page-2 .sub_strong_txt span {letter-spacing:-12px;}
.main_page #page-3 .main_inner {padding-left:4%; background:url(../images/main/image_main3.png) no-repeat center right 35px; background-size:auto 400px;}
.main_page #page-3 .main_btn_area button {height:55px; line-height:55px; font-size:17px; padding:0 30px;}
.main_page #page-3 .main_content_area li {margin-top:55px;}
.main_page #page-3 .main_content_area li .sub_icon {width:70px; height:70px; }
.main_page #page-3 .main_content_area li .sub_icon.icon_record,
.main_page #page-3 .main_content_area li .sub_icon.icon_voice, .main_page #page-3 .main_content_area li .sub_icon.icon_keyboard {background-size:65%;}
.main_page #page-3 .main_content_area li .sub_con {margin-left:10px;}
.main_page #page-3 .main_content_area li .sub_con strong {font-size:20px;}
.main_page #page-3 .main_content_area li .sub_con p {font-size:15px;}
@keyframes waveBg {
0% {position:fixed;background-position:right; width:100%; background-size:100%;}
100% {background:url(../images/main/image_main2.png) no-repeat; position:fixed; background-position:right; width: 100%; background-size: 100%;}
}
@keyframes waveBg2_1 {
0% {background:url(../images/main/image_main2.png) no-repeat; position:fixed; background-position:right; width:100%; background-size:100%;}
100% {background:url(../images/main/image_main1.png) no-repeat; position:fixed; background-position:right; width:100%; background-size:100%;}
}
@keyframes waveBg2_3 {
0% {width:100%; background-size:100%; position:fixed; background-position:right;}
100% {opacity:0; width:100%; background-size:100%; background:url(../images/main/image_main2.png) no-repeat; position:fixed; background-position:right;}
}
}
@media all and (max-width:1040px){
.main_page #page-1 .main_title img {width:80%;}
.page1 .main_page #page-1 .main_title,
.page1-2 .main_page #page-1 .main_title,
.page2-1 .main_page #page-1 .main_title {margin-bottom:55px;}
.page2-3 .main_page #page-3 .main_title img {max-width:420px;}
.main_page #page-2 .main_inner {padding-top:18%;}
.main_page #page-2 p {font-size:28px; margin-bottom:30px;}
.main_page #page-2 p.sub_strong_txt {font-size:45px; line-height:60px;}
.main_page #page-3 .main_inner {padding-top:10%; background:url(../images/main/image_main3.png) no-repeat right 30px top 60%; background-size:auto 300px;}
.main_page #page-3 .main_content_area li {margin-top:30px;}
}
@media all and (max-width:768px){
.header {padding:10px 30px 0 30px;}
.gnb_area.on ul.gnb_box {padding:20px;}
.gnb_area.on button.btn_m_menu_close {width:40px; height:40px;}
.main_section .scroll_mouse {top:55vh;}
.page1-2 .main_section .scroll_mouse, .page3-2 .main_section .scroll_mouse {top:70vh;}
.main_page #page-1 .main_inner {padding-top:21%; padding-left:0; margin:0 5%;}
.page1 .main_page #page-1 .main_title img,
.page1-2 .main_page #page-1 .main_title img,
.page2-1 .main_page #page-1 .main_title img {max-width:400px;}
.main_page #page-3 .main_title img,
.page2-3 .main_page #page-3 .main_title img,
.page3-2 .main_page #page-3 .main_title img {max-width:380px;}
.page1 .main_page #page-1 span.detail_txt,
.page1-2 .main_page #page-1 span.detail_txt,
.page2-1 .main_page #page-1 span.detail_txt {font-size:30px;}
.page1 .main_page #page-1 .main_title,
.page1-2 .main_page #page-1 .main_title,
.page2-1 .main_page #page-1 .main_title {margin-bottom:35px;}
.main_page #page-1 .main_btn_area {right:0; width:100%;}
.main_page #page-1 .main_btn_area button {display:block; margin:0 auto;}
.wave_wrap {max-width:500px;}
.sound-wave {width:500px;}
.main_page #page-2 .main_inner {padding-top:24%; padding-left:0; margin:0 4%;}
.main_page #page-2 p {font-size:20px; margin-bottom:30px;}
.main_page #page-2 p.sub_strong_txt {font-size:35px; line-height:50px;}
.main_page #page-3 .main_inner {padding-top:18%; padding-left:0; margin:0 4%; background:none;}
.main_page .main_btn_area button {margin-right:15px;}
.main_page #page-3 .main_btn_area {position:static; margin-top:50px;}
body.page2-1 .main_section .bg_motion_area .bg_white.round {animation-name:bgRoundup; animation-duration:2s; animation-delay:0s;
animation-timing-function:cubic-bezier(0.2, 0.6, 0.5, 0.1); animation-fill-mode:forwards;}
body.page1-2 .bg_white.round {animation-duration:2.7s;}
}
@media all and (max-width:510px){
.header {padding:10px 20px 0 20px;}
.header .logo, body.page1 .header .logo, body.page2-1 .header .logo,
body.page1-2 .header .logo, body.page3-2 .header .logo, body.page2-3 .header .logo {background-size:75%; background-position:left bottom; height:65px; }
.main_page #page-1 .main_inner {padding-top:40%;}
.page1 .main_page #page-1 span.detail_txt,
.page1-2 .main_page #page-1 span.detail_txt,
.page2-1 .main_page #page-1 span.detail_txt {font-size:18px;}
.page1 .main_page #page-1 .main_title img,
.page1-2 .main_page #page-1 .main_title img,
.page2-1 .main_page #page-1 .main_title img {max-width:300px;}
.main_page .main_btn_area button {padding:0 45px; height:55px; line-height:55px; font-size:16px; width:100%;}
.main_page .main_btn_area button:before {font-size:16px; padding-right:20px;}
.main_page #page-2 .main_inner {padding-top:34%;}
.main_page #page-2 p {font-size:15px;}
.main_page #page-2 p.sub_strong_txt {font-size:25px; line-height:30px;}
.main_page #page-2 .sub_strong_txt span {letter-spacing:-7px;}
.main_page #page-3 .main_inner {padding-top:92px; display:flex; flex-wrap:wrap; align-items:center;}
.main_page #page-3 .main_content_area {width:100%;}
.main_page #page-3 .main_content_area li {margin-top:20px; display:flex; justify-content:space-between;}
.main_page #page-3 .main_content_area li .sub_icon {width:55px; height:55px;}
.main_page #page-3 .main_content_area li .sub_con {width:calc(100% - 70px); margin-left:0; wrod-break:keep-all;}
.main_page #page-3 .main_content_area li .sub_con strong {font-size:16px;}
.main_page #page-3 .main_content_area li .sub_con p {font-size:14px;}
.main_page #page-3 .main_btn_area {margin-top:20px; width:100%;}
.main_page #page-3 .main_btn_area button {margin:0 auto; display:block; width:90%; height:40px; line-height:40px; font-size:15px;}
.main_page #page-3 .main_btn_area button.btn_join {margin-bottom:10px;}
.main_page #page-3 .main_btn_area button.btn_filedown {display:none;}
.main_section .bg_motion_area .bg_white.round {bottom: -150vh;left: -55vh;width: 150vh;height: 150vh;border-radius:40%;}
@keyframes bgRound {
from {bottom: -150vh;transform:rotate(0deg);}
to {bottom: -40vh;transform:rotate(360deg);}
}
@keyframes bgRound {
from {bottom: -150vh;transform:rotate(0deg);}
to {bottom: -40vh;transform:rotate(360deg);}
}
@keyframes bgRoundup {
0% {bottom: -40vh;transform:rotate(360deg);}
100% {bottom: -150vh;transform:rotate(0deg);}
}
}
@media all and (max-width:390px){
.main_page #page-3 .main_content_area li {margin-top:30px;}
.main_page #page-3 .main_content_area li:first-child {margin-top:20px;}
.main_page #page-3 .main_content_area li .sub_con {width:100%;}
.main_page #page-3 .main_content_area li .sub_con p {font-size:13px;}
.main_page #page-3 .main_content_area li .sub_icon {display:none;}
}
/**** 개인정보처리방침 ****/
.privacy_section {scroll-behavior: smooth;}
.privacy_section .privacy_wrap {border:1px solid #444; padding:15px;}
.privacy_section .privacy_wrap p {font-size:16px; word-break:keep-all;}
.privacy_section .privacy_wrap p:nth-child(1) {margin-bottom:15px;}
.privacy_section .privacy_wrap p:nth-child(2) {margin:0;}
.privacy_section .help_txt {font-size:15px; color:#e97132; font-weight:500; display:block; margin-top:10px;}
.major_icon_area {margin:75px 0;}
.major_icon_area .privacy_sub_title {font-size:22px; text-align:center;}
.major_icon_area .privacy_icon_lst {display:flex; justify-content:space-between; margin-top:15px;}
.major_icon_area .privacy_icon_lst > li {border:1px solid #0044cc; height:145px; width:15%; text-align:center; position:relative;}
.major_icon_area .privacy_icon_lst > li .lst_inner {padding:30px;}
.major_icon_area .privacy_icon_lst li strong {font-size:17px; position:relative; padding-top:65px; display:block;}
.major_icon_area .privacy_icon_lst li strong:before {content:""; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.major_icon_area .privacy_icon_lst li:nth-child(1) strong:before {background:url(../images/icon/privacy_icon1.png) no-repeat center; width:50px; height:50px;}
.major_icon_area .privacy_icon_lst li:nth-child(2) strong:before {background:url(../images/icon/privacy_icon2.png) no-repeat center; width:47px; height:54px;}
.major_icon_area .privacy_icon_lst li:nth-child(3) strong:before {background:url(../images/icon/privacy_icon3.png) no-repeat center; width:47px; height:54px;}
.major_icon_area .privacy_icon_lst li:nth-child(4) strong:before {background:url(../images/icon/privacy_icon4.png) no-repeat center; width:47px; height:54px;}
.major_icon_area .privacy_icon_lst li:nth-child(5) strong:before {background:url(../images/icon/privacy_icon5.png) no-repeat center; width:47px; height:54px;}
.major_icon_area .privacy_icon_lst li:nth-child(6) strong:before {background:url(../images/icon/privacy_icon6.png) no-repeat center; width:48px; height:48px;}
.major_icon_area .privacy_icon_lst .detail_box {opacity:0; visibility:hidden; transition:0.2s; border:1px solid #444; padding:10px; position:absolute; top:120px;
width:250px; text-align:left; left:-1px; background:#fff; z-index:1;}
.major_icon_area .privacy_icon_lst .detail_box.active {opacity:1; visibility:visible;}
.major_icon_area .privacy_icon_lst > li .lst_inner:hover + .detail_box {visibility:visible; opacity:1;}
.major_icon_area .privacy_icon_lst .detail_box .detailClose {position:absolute; right:5px; top:5px;}
.major_icon_area .privacy_icon_lst .detail_box .detailClose:before {content:"\f00d"; font-family:fontawesome; font-size:16px; color:#444;}
.major_icon_area .privacy_icon_lst .detail_box .detail_title {color:#252525; margin-bottom:15px; display:block; font-weight:500; font-size:15px;}
.major_icon_area .privacy_icon_lst .detail_box .box_lst li {padding-left:8px; position:relative;}
.major_icon_area .privacy_icon_lst .detail_box .box_lst li:before {content:""; display:block; width:3px; height:3px; border-radius:50%; position:absolute; left:0;
background:#000; top:8px;}
.major_icon_area .privacy_icon_lst .detail_box p {word-break:keep-all;}
.major_icon_area .privacy_icon_lst .detail_box .service_nm {padding-right:10px; display:block;}
.major_icon_area .privacy_icon_lst .detail_box .service_nm strong {font-weight:400; width:55px; display:inline-block; padding:0; font-size:14px;}
.major_icon_area .privacy_icon_lst .detail_box .service_nm strong:before {display:none;}
.tag_area {}
.tag_area .tag_top {font-size:16px; margin-bottom:10px; display:block;}
.tag_area .privacy_wrap {padding:25px 40px;}
.tag_area .privacy_wrap .tag_lst {display:flex; flex-wrap:wrap; margin:0;}
.tag_area .privacy_wrap .tag_lst li {width:33.3%; margin-bottom:15px;}
.tag_area .privacy_wrap .tag_lst li:nth-child(10), .tag_area .privacy_wrap .tag_lst li:nth-child(11), .tag_area .privacy_wrap .tag_lst li:nth-child(12) {margin-bottom:0;}
.tag_area .privacy_wrap .tag_lst li a {font-size:17px; line-height:30px; font-weight:500;}
.tag_area .privacy_wrap .tag_lst li a:hover {color:#000; text-decoration:underline;}
.tag_sub_title {font-weight:600; display:block; font-size:16px;}
.tag_area .tag_con_area {margin:50px 0;}
.tag_area .sub_txt {font-size:15px;}
.tag_area .tag_con_area > li {padding-top:40px;}
.tag_area .tag_con_area > li:first-child {padding-top:0;}
.tag_area .tag_con_area li .tag_title {font-size:20px; font-weight:500;}
.tag_area .tag_con_area li .tag_txt {margin:15px 0; font-size:16px;}
.tag_area .tag_con_area .type_dot {margin-left:15px;}
.tag_area .tag_con_area .type_dot li {position:relative; padding-left:8px; margin-top:5px; font-size:15px;}
.tag_area .tag_con_area .type_dot li:before {content:""; display:block; width:3px; height:3px; border-radius:50%; position:absolute; left:0;
background:#000; top:8px;}
.tag_area .tag_con_area .type_slash, .tag_area .tag_con_area .type_slash li {font-size:15px; margin-top:5px;}
.tag_area .tag_con_area li .list_1depth > li {margin-bottom:10px; font-size:15px;}
.tag_area .tag_con_area li .list_1depth li span {font-size:16px; vertical-align:middle; font-weight:400;}
.tag_area .tag_con_area li .list_1depth li span.num_circle {font-size:17px; font-weight:300; vertical-align:bottom;}
.tag_area .tag_con_area .list_2depth {padding:15px 30px;}
.tag_area .tag_con_area li .list_2depth > li {margin-bottom:10px;}
/* .tag_area .tag_con_area li .list_2depth .type_dot {padding-left:20px;} */
.tag_area .btn_privacy {border:1px solid #000; font-size:14px; padding:0 15px; height:38px; line-height:37px; display:inline-block; font-weight:500;}
.tag_area .btn_privacy:after {content:"\f054"; font-family:"fontawesome"; font-size:12px; padding-left:15px;}
.tag_area .btn_privacy:hover {background:#1e1e1e; color:#fff;}
.tag_area .terms_list {display:flex; justify-content:left; width:90%;}
.tag_area .terms_list .lst_box {font-size:16px; padding:20px 0; width:22%;}
.tag_area .terms_list .lst_box strong {display:block; font-size:17px; font-weight:500;}
.tag_area .terms_list .lst_box .num {color:#666; display:block; margin:5px 0;}
.tag_area .terms_list .lst_box .link {color:#0062f4; display:block;}
.privacy_section .list_table_area a {text-decoration:none;}
.privacy_section .list_table_area a:hover {text-decoration:underline;}
.privacy_section .list_table_area table thead tr th, .privacy_section .list_table_area table tbody tr td {text-align:center;}
/* 관계법령에 따른 개인정보 보관 자세히 보기 */
.cont_policy .tit_policy {font-size:22px; font-weight:600;}
.cont_policy .list_table_area {}
.cont_policy .list_table_area table thead tr th, .cont_policy .list_table_area table tbody tr td {text-align:center;}
.cont_policy .list_table_area table thead tr th {padding:15px 20px; border-left:1px solid #e4e4e4;}
.cont_policy .list_table_area table tbody tr td {padding:24px 20px; border-left:1px solid #e4e4e4; color:#666;}
.cont_policy .list_table_area table tbody tr:hover {background:none;}
.cont_policy .list_table_area .fst {border-left:0;}
/* 개인정보처리방침 - 관리자 */
.list_table_area tbody tr td .txt_use {color:#fff; text-align:center; width:70%; border-radius:3px; display:inline-block; font-weight:400; font-size:14px;}
.list_table_area tbody tr td .txt_use.red {background:#ff0000;}
.list_table_area tbody tr td .txt_use.gray {background:#7f7f7f;}
.list_table_area tbody tr td .txt_use.blue {background:#0b75df;}
.list_table_area tbody tr td .txt_use.black {background:#000;}
.list_table_area tbody tr td .popChange {text-decoration:underline; text-underline-position:under; padding:0;}
.list_table_area tbody tr td .popChange:hover {color:#26a1ff;}
.policy_pop {padding-top:10px;}
.policy_pop p {font-size:16px; margin:0;}
/* 이용약관 */
.tag_area .tag_con_area li .list_1depth.depth_fst {margin-top:15px;}
.tag_area .tag_con_area li .list_1depth.depth_fst > li {padding-left:14px; position:relative; margin-bottom:5px;}
.list_1depth.depth_fst > li:before {font-size:15px; position:absolute; left:0;}
.list_1depth.depth_fst > li:nth-child(1):before {content:"1. ";}
.list_1depth.depth_fst > li:nth-child(2):before {content:"2. ";}
.list_1depth.depth_fst > li:nth-child(3):before {content:"3. ";}
.list_1depth.depth_fst > li:nth-child(4):before {content:"4. ";}
.list_1depth.depth_fst > li:nth-child(5):before {content:"5. ";}
.list_1depth.depth_fst > li:nth-child(6):before {content:"6. ";}
.agreement_sub {font-size:15px;}
.agreement_sub span {}
.agreement_sub p {}
.manage_editor_area {margin-top:30px;}
.manage_editor_area textarea {resize:none;}
/* 문의하기 */
.page_content {display:block; text-align:center; font-size:20px; font-weight:500; margin-bottom:20px;}
.inquiry_no_data {border-top:2px solid #2a2a2a; padding:30px 0;}
.inquiry_no_data p {font-size:20px; text-align:center; position:relative; padding-top:290px;}
.inquiry_no_data p:before {content:""; background:url(../images/sub/img_nodata.png) no-repeat center; width:370px; height:280px; position:absolute; top:0; left:50%;
transform:translateX(-50%);}
.inquiry_sub {border-top:2px solid #2a2a2a;}
.inquiry_sub > span {display:inline-block; font-size:17px; padding:10px;}
.inquiry_sub .th {width:20%; padding-right:70px; text-align:right;}
.inquiry_sub .td {width:79%; padding-left:30px;}
.txt_red {color:#ff0000;}
.txt_blue {color:#0b75df;}
.txt_gray {color:#999;}
.inquiry_area .data_table_area table {border-top:1px solid #e6e6e6;}
.inquiry_area .answer_box {background:#f5f5f5; padding:25px; margin-top:40px; position:relative;}
.inquiry_area .answer_box .answer_date {position:absolute; left:95px; top:25px;}
.inquiry_area .answer_box .answer_date strong {padding-right:5px;}
.inquiry_area .answer_box p {margin:0; padding-left:20%; font-size:16px;}
.file_nm {font-weight:500; text-decoration:underline; font-size:15px; display:inline-block;}
.file_nm:hover {color:#000; text-decoration:underline;}
.data_table_area table tr td a.file_nm {display:inline-block; width:auto;}
.inquiry_area .answer_box .file_nm {margin-left:20%; margin-top:10px;}
.inquiry_area .answer_separate {padding:15px 0; text-align:center; margin-top:40px;}
.inquiry_area .answer_separate span {padding-top:275px; position:relative; display:block; font-weight:500; font-size:20px;}
.inquiry_area .answer_separate span:before {content:""; background:url(../images/sub/img_nodata.png) no-repeat center; width:370px; height:250px; position:absolute; top:0; left:50%;
transform:translateX(-50%);}
.inquiry_area .answer_separate p {font-size:18px; margin:0;}
/* (관리자)고객문의 답변 */
.history_box {margin-top:30px;}
.history_box h4 {margin:5px 10px;}
.history_box .history_lst {margin:0; background:#eee; padding:25px;}
.history_box .history_lst li {line-height:1; font-size:15px; position:relative; padding-left:15px; margin-bottom:10px;}
.history_box .history_lst li:before {content:""; display:inline-block; background:#222; width:4px; height:4px; border-radius:50%; position:absolute; left:0; top:50%;
transform:translateY(-50%);}
.history_box .history_lst li:last-child {margin-bottom:0;}
.history_box .history_lst li span {margin-right:20px; display:inline-block; font-size:15px;}
.history_box .history_lst li span.history_date {width:170px;}
.history_box .history_lst li span.history_nm {width:200px;}
.page_top.tab_select ul.top_tab {background:none; padding:1px;}
.page_top.tab_select ul.top_tab li {margin-bottom:0;}
.page_top.tab_select ul.top_tab li a {border:1px solid #666; font-weight:400; font-size:16px;}
.page_top.tab_select ul.top_tab li a:hover, .page_top.tab_select ul.top_tab li a.active {border-color:#003880;}
.section_answer .btn_mail {float:right; position:relative;}
.section_answer .btn_mail:after {content:"\f0e0"; position:absolute; font-family:"Fontawesome"; font-size:14px; color:#fff; right:10px; top:46%; transform:translateY(-50%);}
.section_answer table .m_check {line-height:35px; margin-right:20px;}
.write_table {margin-top:40px; display:none;}
.write_table.active {display:block;}
.write_view_table {margin-top:20px;}
.write_view_table .write_info {display:block; text-align:right; font-size:15px; margin-bottom:5px;}
.section_answer .manage_btn_area {text-align:center;}
.section_answer .manage_btn_area > button {float:none;}
.manage_btn_area > button {position:relative;}
.manage_btn_area > button:after {font-family:"Fontawesome"; position:absolute; color:#fff; right:10px; top:48%; transform:translateY(-50%); font-size:14px;}
.manage_btn_area .btn_save:after {content:"\f0c7";}
.manage_btn_area .btn_upload:after {content:"\f093";}
/* 소개페이지 */
.contents-wrap.greeting_page .m_inner {max-width:1600px;}
.greeting {word-break:keep-all; letter-spacing:-1px;}
.greeting img.img_greeting {float:right; margin:-50px 40px 50px 140px; padding:0; width:37%; max-width:583px;}
.greeting h3 {font-size:42px; font-weight:300; line-height:50px; margin:0 0 50px; padding-top:40px;}
.greeting h3 strong {font-weight:700; display:block;}
.greeting h4 {font-size:28px; margin:0 0 15px; font-weight:700;}
.greeting h5 {font-size:24px; line-height:30px; font-weight:700; margin-bottom:100px;}
.greeting p {font-size:24px; line-height:36px; font-weight:400; margin:0 0 40px; color:#444444; max-width:75%;}
@media all and (max-width:1640px){
.contents-wrap .m_inner {max-width:none; width:100%; padding:0 50px;}
.contents-wrap.main_section .m_inner {padding:0 !important;}
}
@media all and (max-width:1440px){
.greeting img.img_greeting {width:32%; margin:-40px 30px 40px 100px;}
.greeting h3 {font-size:36px;}
.greeting h4 {font-size:24px;}
.greeting h5 {font-size:22px; line-height:28px;}
.greeting p {font-size:22px; line-height:28px;}
}
@media all and (max-width:1440px){
.major_icon_area .privacy_icon_lst > li .lst_inner {padding:30px 20px;}
}
@media all and (max-width:1280px){
.major_icon_area .privacy_icon_lst > li {height:140px;}
.major_icon_area .privacy_icon_lst > li .lst_inner {padding:25px 5px;}
.major_icon_area .privacy_icon_lst li strong {font-size:15px;}
.tag_area .privacy_wrap {padding:25px;}
.tag_area .privacy_wrap .tag_lst li a {font-size:16px;}
.major_icon_area .privacy_icon_lst .detail_box {width:180px; left:50%; transform:translateX(-50%);}
}
@media all and (max-width:1024px){
.greeting img.img_greeting {width:32%; margin:-30px 20px 40px 70px;}
.greeting h3 {font-size:32px; line-height:40px;}
.greeting h4 {font-size:20px;}
.greeting h5 {font-size:18px; line-height:24px;}
.greeting p {font-size:18px; line-height:24px; max-width:85%;}
.major_icon_area .privacy_icon_lst > li .lst_inner {padding:25px 4px;}
.major_icon_area .privacy_icon_lst li strong {font-size:14px;}
.tag_area .privacy_wrap {padding:20px 15px;}
.tag_area .privacy_wrap .tag_lst li {margin-bottom:12px;}
.tag_area .privacy_wrap .tag_lst li a {font-size:15px;}
}
@media all and (max-width:900px){
.major_icon_area .privacy_icon_lst {flex-wrap:wrap; gap:10px;}
.major_icon_area .privacy_icon_lst > li {width:calc(33.3333% - 7px);}
.major_icon_area .privacy_icon_lst li strong {font-size:15px;}
.tag_area .privacy_wrap .tag_lst {gap:10px;}
.tag_area .privacy_wrap .tag_lst li {margin-bottom:5px; width:calc(50% - 5px);}
.tag_area .privacy_wrap .tag_lst li a {word-break:keep-all; line-height:20px;}
}
@media all and (max-width:768px){
.contents-wrap .m_inner {padding:0 30px;}
.page_title {font-size:30px;}
.greeting img.img_greeting {width:70%; max-width:400px; margin:40px auto; display:block; float:none;}
.greeting p {max-width:100%;}
.tag_area .tag_con_area li .tag_title {font-size:18px;}
.tag_area .tag_con_area li .list_1depth li span.num_circle {font-size:16px;}
.tag_area .tag_con_area li .tag_txt, .tag_area .tag_con_area li .list_1depth > li, .tag_area .tag_con_area li .list_1depth li span {font-size:15px;}
.tag_area .tag_con_area .type_dot li {font-size:14px;}
.tag_area .tag_con_area .list_2depth {padding:15px 20px;}
}
@media all and (max-width:510px){
.contents-wrap .m_inner {padding:0 20px;}
.page_title {font-size:28px;}
.privacy_section .privacy_wrap p {font-size:15px;}
.major_icon_area .privacy_icon_lst > li {width:calc(50% - 5px);}
.tag_area .privacy_wrap .tag_lst li {width:100%;}
}
@media all and (max-width:350px){
.header .logo, body.page1 .header .logo, body.page2-1 .header .logo, body.page1-2 .header .logo, body.page3-2 .header .logo, body.page2-3 .header .logo {background-size:65%;}
.page_title {font-size:26px;}
.major_icon_area .privacy_icon_lst > li {height:130px;}
.major_icon_area .privacy_icon_lst li strong, .privacy_section .help_txt, .tag_area .privacy_wrap .tag_lst li a {font-size:14px;}
.tag_area .tag_con_area li .tag_title {font-size:18px;}
.major_icon_area .privacy_icon_lst .detail_box {width:calc(100% + 2px); padding:8px; top:0px; padding-top:30px;}
.major_icon_area .privacy_icon_lst .detail_box .detail_title {font-size:14px;}
}
@media all and (max-width:290px){
.major_icon_area .privacy_icon_lst li strong {font-size:13px;}
}
/* *************************************** 관리자 구독관련 페이지 *************************************** */
/* 토스트그리드 */
span.link_licenses_target {display:block;}
span.link_licenses_target strong {display:block;}
.type_status {display:inline-block; padding:3px 13px; border-radius:15px; background:#999; color:#fff; text-align:center; font-size:14px; min-width:50px;}
.type_status.type_trial {background:#f1c40f;}
.type_status.type_subscribed {background:#2ecc71;}
.type_status.type_expired {background:#bdc3c7;}
.type_status.type_cancel {background:#e74c3c;}
.type_status.type_stop {background:#e67e22;}
.type_status.type_refund {background:#3498db;}