@charset "utf-8"; 

/*===========================================================================================================================
													공통사항
=============================================================================================================================*/

/* @font-face {
    font-family:'KoPubWorldDotum'; 
    font-weight:300; 
    font-style:normal; 
    src:url('../font/KoPubWorldDotum/KoPubWorldDotumLight.eot'); 
    src:url('../font/KoPubWorldDotum/KoPubWorldDotumLight.eot?#iefix') format('embedded-opentype'),
        url('../font/KoPubWorldDotum/KoPubWorldDotumLight.woff2') format('woff2'),
        url('../font/KoPubWorldDotum/KoPubWorldDotumLight.woff') format('woff'),
        url('../font/KoPubWorldDotum/KoPubWorldDotumLight.ttf') format("truetype"); 
    font-display:swap; 
}
@font-face {
    font-family:'KoPubWorldDotum'; 
    font-weight:500; 
    font-style:normal; 
    src:url('../font/KoPubWorldDotum/KoPubWorldDotumMedium.eot'); 
    src:url('../font/KoPubWorldDotum/KoPubWorldDotumMedium.eot?#iefix') format('embedded-opentype'),
        url('../font/KoPubWorldDotum/KoPubWorldDotumMedium.woff2') format('woff2'),
        url('../font/KoPubWorldDotum/KoPubWorldDotumMedium.woff') format('woff'),
        url('../font/KoPubWorldDotum/KoPubWorldDotumMedium.ttf') format("truetype"); 
    font-display:swap; 
}
@font-face {
    font-family:'KoPubWorldDotum'; 
    font-weight:700; 
    font-style:normal; 
    src:url('../font/KoPubWorldDotum/KoPubWorldDotumBold.eot'); 
    src:url('../font/KoPubWorldDotum/KoPubWorldDotumBold.eot?#iefix') format('embedded-opentype'),
        url('../font/KoPubWorldDotum/KoPubWorldDotumBold.woff2') format('woff2'),
        url('../font/KoPubWorldDotum/KoPubWorldDotumBold.woff') format('woff'),
        url('../font/KoPubWorldDotum/KoPubWorldDotumBold.ttf') format("truetype"); 
    font-display:swap; 
} */

@font-face {
   font-family:'Pretendard';
   font-weight:100;
   src:url(/font/Pretendard/Pretendard-Thin.woff2);
   src:local('☺'),
      url(/font/Pretendard/Pretendard-Thin.otf) format('otf'),
      url(/font/Pretendard/Pretendard-Thin.woff) format('woff'),
      url(/font/Pretendard/Pretendard-Thin.ttf) format('truetype');
}
@font-face {
   font-family:'Pretendard';
   font-weight:300;
   src:url(/font/Pretendard/Pretendard-Light.woff2);
   src:local('☺'),
      url(/font/Pretendard/Pretendard-Light.otf) format('otf'),
      url(/font/Pretendard/Pretendard-Light.woff) format('woff'),
      url(/font/Pretendard/Pretendard-Light.ttf) format('truetype');
}
@font-face {
   font-family:'Pretendard';
   font-weight:400;
   src:url(/font/Pretendard/Pretendard-Regular.woff2);
   src:local('☺'),
      url(/font/Pretendard/Pretendard-Regular.otf) format('otf'),
      url(/font/Pretendard/Pretendard-Regular.woff) format('woff'),
      url(/font/Pretendard/Pretendard-Regular.ttf) format('truetype');
}
@font-face {
   font-family:'Pretendard';
   font-weight:500;
   src:url(/font/Pretendard/Pretendard-Medium.woff2);
   src:local('☺'),
      url(/font/Pretendard/Pretendard-Medium.otf) format('otf'),
      url(/font/Pretendard/Pretendard-Medium.woff) format('woff'),
      url(/font/Pretendard/Pretendard-Medium.ttf) format('truetype');
}
@font-face {
   font-family:'Pretendard';
   font-weight:600;
   src:url(/font/Pretendard/Pretendard-SemiBold.woff2);
   src:local('☺'),
      url(/font/Pretendard/Pretendard-SemiBold.otf) format('otf'),
      url(/font/Pretendard/Pretendard-SemiBold.woff) format('woff'),
      url(/font/Pretendard/Pretendard-SemiBold.ttf) format('truetype');
}
@font-face {
    font-family:'Pretendard';
    font-weight:700;
    src:url(/font/Pretendard/Pretendard-Bold.woff2);
    src:local('☺'),
      url(/font/Pretendard/Pretendard-Bold.otf) format('otf'),
      url(/font/Pretendard/Pretendard-Bold.woff) format('woff'),
      url(/font/Pretendard/Pretendard-Bold.ttf) format('truetype');
}
@font-face {
font-family:'Pretendard';
   font-weight:800;
   src:url(/font/Pretendard/Pretendard-ExtraBold.woff2);
   src:local('☺'),
      url(/font/Pretendard/Pretendard-ExtraBold.otf) format('otf'),
      url(/font/Pretendard/Pretendard-ExtraBold.woff) format('woff'),
      url(/font/Pretendard/Pretendard-ExtraBold.ttf) format('truetype');
}
@font-face {
font-family:'Pretendard';
   font-weight:900;
   src:url(/font/Pretendard/Pretendard-Black.woff2);
   src:local('☺'),
      url(/font/Pretendard/Pretendard-Black.otf) format('otf'),
      url(/font/Pretendard/Pretendard-Black.woff) format('woff'),
      url(/font/Pretendard/Pretendard-Black.ttf) format('truetype');
}

:root {
	--bs-modal-bg:#fff; 
	--btn-close-color:#969696; 
	--bs-secondary-color :#cccccc; 
}
*, *:before, *:after {box-sizing:border-box}

body {font-family:'Pretendard', '프리텐다드', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif; color:#000; font-size:14px; font-weight:500; line-height:1.4271; background:#fff;
	min-width:1400px; overflow-x:auto; overflow-y:hidden;}

a {color:#000; text-decoration:none; transition:0.2s;}
a:focus {outline:none}
a:focus, 
a:hover {color:#54b9ff; text-decoration:none; cursor:pointer;}
a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0}

label {padding:0; margin:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family:'Pretendard', '프리텐다드', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif; font-weight:500; line-height:1.1; color:inherit;}
h1, .h1, h2, .h2, h3, .h3 {margin:0;}
h2 {font-size:15px; font-weight:500}

form {padding:0; margin:0;}

.m_inner {margin:0 120px; position:relative;}
.m_inner:after {display:block; content:""; clear:both;}
.bg_gray {background-color:#f9f9f9 !important;}
.bg_dark {background-color:#333 !important;}
.bg_green {background-color:#00c292!important;}
.bg_blue {background-color:#1aadd2 !important;}

.full-width {width:100%;}
.full-height {height:100%;}

.clear {clear:both}
.clearfix:after, form:after {content:"."; display:block; height:0; clear:both; visibility:hidden}


/* Chrome Scroll Style */
::-webkit-scrollbar {width:8px; height:8px;} /* width */
::-webkit-scrollbar-track {background:rgba(255,255,255,0.7);} /* Track */
::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2); border-radius:4px;} /* Handle */
::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.4);} /* Handle on hover */

/* tooltip */
.tooltip {z-index:10001;}

button,input,optgroup,select,textarea {font-family:"KoPubWorldDotum", "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;}
/* 너비 */
.w_20 {width:20%}
.w_25 {width:25%}
.w_55 {width:55%}

.wauto {width:auto !important;}

.w1p{width:1% !important;}.w2p{width:2% !important;}.w3p{width:3% !important;}.w4p{width:4% !important;}.w5p{width:5% !important;}.w6p{width:6% !important;}.w7p{width:7% !important;}.w8p{width:8% !important;}.w9p{width:9% !important;}.w10p{width:10% !important;}.w11p{width:11% !important;}.w12p{width:12% !important;}.w13p{width:13% !important;}.w14p{width:14% !important;}.w15p{width:15% !important;}.w16p{width:16% !important;}.w17p{width:17% !important;}.w18p{width:18% !important;}.w19p{width:19% !important;}.w20p{width:20% !important;}.w21p{width:21% !important;}.w22p{width:22% !important;}.w23p{width:23% !important;}.w24p{width:24% !important;}.w25p{width:25% !important;}.w26p{width:26% !important;}.w27p{width:27% !important;}.w28p{width:28% !important;}.w29p{width:29% !important;}.w30p{width:30% !important;}.w31p{width:31% !important;}.w32p{width:32% !important;}.w33p{width:33% !important;}.w34p{width:34% !important;}.w35p{width:35% !important;}.w36p{width:36% !important;}.w37p{width:37% !important;}.w38p{width:38% !important;}.w39p{width:39% !important;}.w40p{width:40% !important;}.w41p{width:41% !important;}.w42p{width:42% !important;}.w43p{width:43% !important;}.w44p{width:44% !important;}.w45p{width:45% !important;}.w46p{width:46% !important;}.w47p{width:47% !important;}.w48p{width:48% !important;}.w49p{width:49% !important;}.w50p{width:50% !important;}.w51p{width:51% !important;}.w52p{width:52% !important;}.w53p{width:53% !important;}.w54p{width:54% !important;}.w55p{width:55% !important;}.w56p{width:56% !important;}.w57p{width:57% !important;}.w58p{width:58% !important;}.w59p{width:59% !important;}.w60p{width:60% !important;}.w61p{width:61% !important;}.w62p{width:62% !important;}.w63p{width:63% !important;}.w64p{width:64% !important;}.w65p{width:65% !important;}.w66p{width:66% !important;}.w67p{width:67% !important;}.w68p{width:68% !important;}.w69p{width:69% !important;}.w70p{width:70% !important;}.w71p{width:71% !important;}.w72p{width:72% !important;}.w73p{width:73% !important;}.w74p{width:74% !important;}.w75p{width:75% !important;}.w76p{width:76% !important;}.w77p{width:77% !important;}.w78p{width:78% !important;}.w79p{width:79% !important;}.w80p{width:80% !important;}.w81p{width:81% !important;}.w82p{width:82% !important;}.w83p{width:83% !important;}.w84p{width:84% !important;}.w85p{width:85% !important;}.w86p{width:86% !important;}.w87p{width:87% !important;}.w88p{width:88% !important;}.w89p{width:89% !important;}.w90p{width:90% !important;}.w91p{width:91% !important;}.w92p{width:92% !important;}.w93p{width:93% !important;}.w94p{width:94% !important;}.w95p{width:95% !important;}.w96p{width:96% !important;}.w97p{width:97% !important;}.w98p{width:98% !important;}.w99p{width:99% !important;}.w100p{width:100% !important;}

.w1{width:1px !important;}.w2{width:2px !important;}.w3{width:3px !important;}.w4{width:4px !important;}.w5{width:5px !important;}.w6{width:6px !important;}.w7{width:7px !important;}.w8{width:8px !important;}.w9{width:9px !important;}.w10{width:10px !important;}.w11{width:11px !important;}.w12{width:12px !important;}.w13{width:13px !important;}.w14{width:14px !important;}.w15{width:15px !important;}.w16{width:16px !important;}.w17{width:17px !important;}.w18{width:18px !important;}.w19{width:19px !important;}.w20{width:20px !important;}.w21{width:21px !important;}.w22{width:22px !important;}.w23{width:23px !important;}.w24{width:24px !important;}.w25{width:25px !important;}.w26{width:26px !important;}.w27{width:27px !important;}.w28{width:28px !important;}.w29{width:29px !important;}.w30{width:30px !important;}.w31{width:31px !important;}.w32{width:32px !important;}.w33{width:33px !important;}.w34{width:34px !important;}.w35{width:35px !important;}.w36{width:36px !important;}.w37{width:37px !important;}.w38{width:38px !important;}.w39{width:39px !important;}.w40{width:40px !important;}.w41{width:41px !important;}.w42{width:42px !important;}.w43{width:43px !important;}.w44{width:44px !important;}.w45{width:45px !important;}.w46{width:46px !important;}.w47{width:47px !important;}.w48{width:48px !important;}.w49{width:49px !important;}.w50{width:50px !important;}.w51{width:51px !important;}.w52{width:52px !important;}.w53{width:53px !important;}.w54{width:54px !important;}.w55{width:55px !important;}.w56{width:56px !important;}.w57{width:57px !important;}.w58{width:58px !important;}.w59{width:59px !important;}.w60{width:60px !important;}.w61{width:61px !important;}.w62{width:62px !important;}.w63{width:63px !important;}.w64{width:64px !important;}.w65{width:65px !important;}.w66{width:66px !important;}.w67{width:67px !important;}.w68{width:68px !important;}.w69{width:69px !important;}.w70{width:70px !important;}.w71{width:71px !important;}.w72{width:72px !important;}.w73{width:73px !important;}.w74{width:74px !important;}.w75{width:75px !important;}.w76{width:76px !important;}.w77{width:77px !important;}.w78{width:78px !important;}.w79{width:79px !important;}.w80{width:80px !important;}.w81{width:81px !important;}.w82{width:82px !important;}.w83{width:83px !important;}.w84{width:84px !important;}.w85{width:85px !important;}.w86{width:86px !important;}.w87{width:87px !important;}.w88{width:88px !important;}.w89{width:89px !important;}.w90{width:90px !important;}.w91{width:91px !important;}.w92{width:92px !important;}.w93{width:93px !important;}.w94{width:94px !important;}.w95{width:95px !important;}.w96{width:96px !important;}.w97{width:97px !important;}.w98{width:98px !important;}.w99{width:99px !important;}
.w100{width:100px !important;}
.w105{width:105px !important;}
.w110{width:110px !important;}
.w115{width:115px !important;}
.w120{width:120px !important;}
.w125{width:125px !important;}
.w130{width:130px !important;}
.w135{width:135px !important;}
.w140{width:140px !important;}
.w145{width:145px !important;}
.w150{width:150px !important;}
.w155{width:155px !important;}
.w160{width:160px !important;}
.w165{width:165px !important;}
.w170{width:170px !important;}
.w175{width:175px !important;}
.w180{width:180px !important;}
.w185{width:185px !important;}
.w190{width:190px !important;}
.w195{width:195px !important;}

.w200{width:200px !important;}
.w210{width:210px !important;}
.w215{width:215px !important;}
.w220{width:220px !important;}
.w225{width:225px !important;}
.w230{width:230px !important;}
.w235{width:235px !important;}
.w240{width:240px !important;}
.w245{width:245px !important;}
.w250{width:250px !important;}
.w255{width:255px !important;}
.w260{width:260px !important;}
.w265{width:265px !important;}
.w270{width:270px !important;}
.w275{width:275px !important;}
.w280{width:280px !important;}
.w285{width:285px !important;}
.w290{width:290px !important;}
.w295{width:295px !important;}

.w300{width:300px !important;}
.w305{width:305px !important;}
.w310{width:310px !important;}
.w315{width:315px !important;}
.w320{width:320px !important;}
.w325{width:325px !important;}
.w330{width:330px !important;}
.w335{width:335px !important;}
.w340{width:340px !important;}
.w345{width:345px !important;}
.w350{width:350px !important;}
.w355{width:355px !important;}
.w360{width:360px !important;}
.w365{width:365px !important;}
.w370{width:370px !important;}
.w375{width:375px !important;}
.w380{width:380px !important;}
.w385{width:385px !important;}
.w390{width:390px !important;}
.w395{width:395px !important;}

.w400{width:400px !important;}
.w405{width:405px !important;}
.w410{width:410px !important;}
.w415{width:415px !important;}
.w420{width:420px !important;}
.w425{width:425px !important;}
.w430{width:430px !important;}
.w435{width:435px !important;}
.w440{width:440px !important;}
.w445{width:445px !important;}
.w450{width:450px !important;}
.w455{width:455px !important;}
.w460{width:460px !important;}
.w465{width:465px !important;}
.w470{width:470px !important;}
.w475{width:475px !important;}
.w480{width:480px !important;}
.w485{width:485px !important;}
.w490{width:490px !important;}
.w495{width:495px !important;}

.w500{width:500px !important;}
.w540{width:540px !important;}

.w600{width:600px !important;}
.w650{width:650px !important;}
.w700{width:700px !important;}
.w800{width:800px !important;}
.w900{width:900px !important;}
.w1000{width:1000px !important;}

.h1{height:1px !important;}.h2{height:2px !important;}.h3{height:3px !important;}.h4{height:4px !important;}.h5{height:5px !important;}.h6{height:6px !important;}.h7{height:7px !important;}.h8{height:8px !important;}.h9{height:9px !important;}.h10{height:10px !important;}.h11{height:11px !important;}.h12{height:12px !important;}.h13{height:13px !important;}.h14{height:14px !important;}.h15{height:15px !important;}.h16{height:16px !important;}.h17{height:17px !important;}.h18{height:18px !important;}.h19{height:19px !important;}.h20{height:20px !important;}.h21{height:21px !important;}.h22{height:22px !important;}.h23{height:23px !important;}.h24{height:24px !important;}.h25{height:25px !important;}.h26{height:26px !important;}.h27{height:27px !important;}.h28{height:28px !important;}.h29{height:29px !important;}.h30{height:30px !important;}.h31{height:31px !important;}.h32{height:32px !important;}.h33{height:33px !important;}.h34{height:34px !important;}.h35{height:35px !important;}.h36{height:36px !important;}.h37{height:37px !important;}.h38{height:38px !important;}.h39{height:39px !important;}.h40{height:40px !important;}.h41{height:41px !important;}.h42{height:42px !important;}.h43{height:43px !important;}.h44{height:44px !important;}.h45{height:45px !important;}.h46{height:46px !important;}.h47{height:47px !important;}.h48{height:48px !important;}.h49{height:49px !important;}.h50{height:50px !important;}.h51{height:51px !important;}.h52{height:52px !important;}.h53{height:53px !important;}.h54{height:54px !important;}.h55{height:55px !important;}.h56{height:56px !important;}.h57{height:57px !important;}.h58{height:58px !important;}.h59{height:59px !important;}.h60{height:60px !important;}.h61{height:61px !important;}.h62{height:62px !important;}.h63{height:63px !important;}.h64{height:64px !important;}.h65{height:65px !important;}.h66{height:66px !important;}.h67{height:67px !important;}.h68{height:68px !important;}.h69{height:69px !important;}.h70{height:70px !important;}.h71{height:71px !important;}.h72{height:72px !important;}.h73{height:73px !important;}.h74{height:74px !important;}.h75{height:75px !important;}.h76{height:76px !important;}.h77{height:77px !important;}.h78{height:78px !important;}.h79{height:79px !important;}.h80{height:80px !important;}.h81{height:81px !important;}.h82{height:82px !important;}.h83{height:83px !important;}.h84{height:84px !important;}.h85{height:85px !important;}.h86{height:86px !important;}.h87{height:87px !important;}.h88{height:88px !important;}.h89{height:89px !important;}.h90{height:90px !important;}.h91{height:91px !important;}.h92{height:92px !important;}.h93{height:93px !important;}.h94{height:94px !important;}.h95{height:95px !important;}.h96{height:96px !important;}.h97{height:97px !important;}.h98{height:98px !important;}.h99{height:99px !important;}.h100{height:100px !important;}.h105{height:105px !important;}.h110{height:110px !important;}.h115{height:115px !important;}.h120{height:120px !important;}.h125{height:125px !important;}.h130{height:130px !important;}.h135{height:135px !important;}.h140{height:140px !important;}.h145{height:145px !important;}.h150{height:150px !important;}.h155{height:155px !important;}.h160{height:160px !important;}.h165{height:165px !important;}.h170{height:170px !important;}.h175{height:175px !important;}.h180{height:180px !important;}.h185{height:185px !important;}.h190{height:190px !important;}.h195{height:195px !important;}.h200{height:200px !important;}.h210{height:210px !important;}.h215{height:215px !important;}.h220{height:220px !important;}.h225{height:225px !important;}.h230{height:230px !important;}.h235{height:235px !important;}.h240{height:240px !important;}.h245{height:245px !important;}.h250{height:250px !important;}.h255{height:255px !important;}.h260{height:260px !important;}.h265{height:265px !important;}.h270{height:270px !important;}.h275{height:275px !important;}.h280{height:280px !important;}.h285{height:285px !important;}.h290{height:290px !important;}.h295{height:295px !important;}.h300{height:300px !important;}.h305{height:305px !important;}.h310{height:310px !important;}.h315{height:315px !important;}.h320{height:320px !important;}.h325{height:325px !important;}.h330{height:330px !important;}.h335{height:335px !important;}.h340{height:340px !important;}.h345{height:345px !important;}.h350{height:350px !important;}.h355{height:355px !important;}.h360{height:360px !important;}.h365{height:365px !important;}.h370{height:370px !important;}.h375{height:375px !important;}.h380{height:380px !important;}.h385{height:385px !important;}.h390{height:390px !important;}.h395{height:395px !important;}.h400{height:400px !important;}.h405{height:405px !important;}.h410{height:410px !important;}.h415{height:415px !important;}.h420{height:420px !important;}.h425{height:425px !important;}.h430{height:430px !important;}.h435{height:435px !important;}.h440{height:440px !important;}.h445{height:445px !important;}.h450{height:450px !important;}.h455{height:455px !important;}.h460{height:460px !important;}.h465{height:465px !important;}.h470{height:470px !important;}.h475{height:475px !important;}.h480{height:480px !important;}.h485{height:485px !important;}.h490{height:490px !important;}.h495{height:495px !important;}.h500{height:500px !important;}

.w420{width:420px !important;}.w500{width:500px !important;}.w620{width:620px !important;}.w680{width:680px !important; min-width:680px !important;}.w720{width:720px !important; min-width:720px !important;}.w800{width:800px !important; min-width:800px !important;}

.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;}.bm25{margin-bottom:25px !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;}.lm110{margin-left:110px !important;}.lm120{margin-left:120px !important;}.lm130{margin-left:130px !important;}.lm140{margin-left:140px !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;}.tm28{margin-top:28px !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:0px !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;}.rm40{margin-right:40px !important;}.rm50{margin-right:50px !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;}.lp16{padding-left:16px !important;}.lp17{padding-left:17px !important;}.lp18{padding-left:18px !important;}.lp19{padding-left:19px !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;}.font40{font-size:40px !important;}.font50{font-size:50px !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;}

/* etc */
.divH10 {width:100%; height:10px; float:left;}
.divH20 {width:100%; height:20px; float:left;}
.divH30 {width:100%; height:30px; float:left;}
.divH40 {width:100%; height:40px; float:left;}
.f-left {float:left;}
.f-right {float:right;}

.overflow_h {overflow:hidden;}
hr {border:none !important; border-top:1px solid #d6d6d6 !important; margin:20px 0; display:block; float:none; clear:both; height:0 !important; padding:0 !important; opacity:1;}
.no-padding {padding:0 !important}
.center-margin {margin:0 auto; float:none !important}

.blockcenter {margin:0 auto;}
.block {display:block !important;}
.inline-block {display:inline-block !important;}
.inline {display:inline !important;}
.display-none {display:none !important;}
.display-block {display:block !important;}
.relative {position:relative !important;}
.absolute {position:absolute !important;}
.flex {display:flex !important;}
.inline-flex {display:inline-flex !important;}
.input-group.inline-flex {vertical-align:top;}

/* Color */
.color_point {color:#1fa0dc !important;}
.color_lblue {color:#257bca !important;}
.color_dblue {color:#124b9a !important;}
.color_wblue {color:#205fb5 !important;}
.color_important {color:#ff3300 !important;}
.color_red {color:#ee3e00 !important;}
.color_wgray {color:#999999 !important;}
.color_gray {color:#666666 !important;}
.color_lgray {color:#aaaaaa !important;}
.color_wgreen {color:#32b552 !important;}
.color_dgreen {color:#529410 !important;}
.color_white {color:#ffffff !important;}
.color_orange {color:#f66504 !important;}
.color_yellow {color:#ffd800 !important;}
.color_skyblue {color:#129dd1 !important;}
.color_neon {color:#a7e741 !important;}
.fw300 {font-weight:300 !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;}
.form-control[disabled], .form-control[readonly] {background-color:#eeeeee; opacity:1; color:#777777;}
.hidden {display:block; position:absolute; top:-9999px; left:-9999px; width:0px; height:0px; line-height:0; overflow:hidden; font-size:0; text-indent:-9999px;}
.pointer {cursor:pointer;}

.required {color:#ff3300; display:inline-block; margin:0; vertical-align:top; margin-left:2px;}
/* .required:after {content:"*"; display:inline-block; margin-right:3px;} */

.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-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;}

.blue {color:#3498DB}
.purple {color:#9B59B6}
.green {color:#1ABB9C}
.aero {color:#9CC2CB}
.red {color:#E74C3C}
.dark {color:#34495E}

.border-blue {border-color:#3498DB !important}
.border-purple {border-color:#9B59B6 !important}
.border-green {border-color:#1ABB9C !important}
.border-aero {border-color:#9CC2CB !important}
.border-red {border-color:#E74C3C !important}
.border-dark {border-color:#34495E !important}

.bg-white {background:#fff !important; border:1px solid #fff !important; color:#354f63;}
.bg-green {background:#1ABB9C !important; border:1px solid #1ABB9C !important; color:#fff}
.bg-red {background:#E74C3C !important; border:1px solid #E74C3C !important; color:#fff}
.bg-blue {background:#3498DB !important; border:1px solid #3498DB !important; color:#fff}
.bg-orange {background:#F39C12 !important; border:1px solid #F39C12 !important; color:#fff}
.bg-purple {background:#9B59B6 !important; border:1px solid #9B59B6 !important; color:#fff}
.bg-blue-sky {background:#50C1CF !important; border:1px solid #50C1CF !important; color:#fff}

.fixed_height_200 {height:200px}
.fixed_height_320 {height:320px}
.fixed_height_390 {height:390px}

.overflow_hidden {overflow:hidden}

/* .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}
[class*="col-"], .col {padding-right:10px; padding-left:10px;}

.cdrs_container .row {margin-right:-5px; margin-left:-5px}
.cdrs_container [class*="col-"], .cdrs_container .col {padding-right:5px; padding-left:5px;}

.grid_slider .col-md-6 {padding:0 40px}


/* progress */
.progress-bar-dark {background-color:#34495E !important}
.progress-bar-gray {background-color:#BDC3C7 !important}

table.no-margin .progress {margin-bottom:0}

.line_30 {line-height:30px}


/* drag 방지 */
.no-drag {-ms-user-select:none; -moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; user-select:none;}

.btn_text {display:inline-block; line-height:25px; padding:2px; margin:0 10px; color:#1dbae1; font-size:12px; border:0; background:transparent;}
.btn_text:hover {color:#1dbae1; text-decoration:underline;}

.btn_function {display:inline-block; line-height:20px; padding:0 35px 0 15px; margin:0 10px; position:relative; color:#fff; font-size:12px; font-weight:100; border:0; border-radius:10px; background-color:#003880;}
.btn_function:after {display:block; content:'\ea99'; position:absolute; top:0; right:10px; font-family:'IcoFont'; color:#fff;}
.btn_function.active,
.btn_function:hover {background-color:#1dbae1;}
.btn_function.active:after {content:'\eaa1';}

.btn_prev {display:inline-block; height:25px; padding:0 0 0 20px; margin:0 5px; position:relative; font-size:13px; border:0; background:transparent;}
.btn_prev:after {display:block; content:"\ea9d"; line-height:25px; position:absolute; top:0; left:0; color:#000; font-family:"IcoFont";}
.btn_next {display:inline-block; height:25px; padding:0 20px 0 0; margin:0 5px; position:relative; font-size:13px; border:0; background:transparent;}
.btn_next:after {display:block; content:"\eaa0"; line-height:25px; position:absolute; top:0; right:0; color:#000; font-family:"IcoFont";}

.btn_reset {display:inline-block; height:28px; padding:0 10px 0 20px; margin:2px; position:relative; font-size:13px; border:1px solid transparent; background:transparent;}
.btn_reset:after {display:block; content:"\ec7f"; transform:scaleX(-1); line-height:26px; position:absolute; top:0; left:0; color:#000; font-family:"IcoFont"; text-align:center; text-indent:0;}
.btn_reset:hover,
.btn_reset:hover:after {color:#1dbae1;}

.btn_direct {display:inline-block; line-height:25px; padding:0 20px; margin:2px 5px; position:relative; font-size:13px; border:0; background:transparent;}
.btn_direct:after {display:block; content:"\eaa0"; position:absolute; top:2px; right:0; color:#000; font-family:"IcoFont";}
.btn_direct:hover,
.btn_direct:hover:after {color:#1dbae1;}

.btn_log {display:inline-block; vertical-align:top; line-height:1; padding:0; margin:2px; position:relative; font-size:0; border:0; background:transparent;}
.btn_log:after {display:block; content:"LOG"; padding:3px 10px 2px; color:#fff; font-family:"IcoFont"; font-size:10px; border-radius:10px; background-color:#000;}
.btn_log:hover:after {background-color:#1dbae1;}

.btn_result {display:inline-block; vertical-align:top; min-width:40px; line-height:1; margin:2px; position:relative; font-size:0; border:0; background:transparent;}
.btn_result:after {display:block; content:"\ef21"; line-height:1; color:#000; font-family:"IcoFont"; font-size:16px;}

.icon_btn {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; width:30px; height:30px; padding:0; margin:0; position:relative; border:0; outline:0; 
	background-color:#fff; color:#000; transition:0.2s;}
.icon_btn:hover {background:#1aadd2; color:#fff;}

@keyframes move_batch {
	0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}

/* input */
.m_text, .m_password, .m_search, .m_file, .m_number, .m_color,
.m_textarea {display:inline-block !important; min-height:34px; padding:0 10px 0 10px; margin:0; position:relative; border-radius:6px; border:1px solid #bbb; background-color:#fff; box-shadow:none; 
	font-size:15px; vertical-align:middle;}
.m_textarea {width:100%; padding:10px; resize:vertical;}
.m_text::placeholder, .m_password::placeholder, .m_search::placeholder, .m_file::placeholder,
.m_textarea::placeholder {color:#333; font-size:15px;}
.m_text:focus, .m_password:focus, .m_search:focus, .m_file:focus, .m_date:focus, .m_number:focus,
.m_textarea:focus {outline:none !important; border-color:#1dbae1 !important;}
.m_text[disabled],
.m_text[readonly],
.m_textarea[disabled],
.m_textarea[readonly] {background-color:#eff1f3;}

.m_text[disabled] {color:#666;}
.m_text[readonly] {color:#000;}

.error {color:red !important; font-size:12px;}
.m_text.size_large {}
/* input search */
.m_search::-webkit-search-cancel-button,
.m_search::-webkit-search-decoration {display:block; width:30px; height:30px; position:absolute; top:0; right:0; background:url(../images/icon/input_cancel_active.png) no-repeat center center;}

/* input file */
.m_file {padding-left:0; line-height:26px; text-indent:-69px; z-index:1; cursor:pointer; overflow:hidden;}
.m_file:after {display:block; content:"\ec4d"; width:30px; line-height:35px; padding-right:8px; position:absolute; top:0; right:0; bottom:0; color:#a8a8a8; font-family:"IcoFont"; text-align:right; background-color:#e1e3e7; z-index:2;}
.m_file:focus {outline:0;}

/* input date */
/* .m_date {padding-right:30px; position:relative; cursor:pointer; background:url(../images/icon/icon_black_date.png) no-repeat 98% center;} */
/* DatePicker */
.date_label {display:block; font-size:14px; font-weight:600;}
.m_date > input[type=text] {background:none; background:#fff; border:1px solid #bbb; border-radius:6px; padding:0 25px 0 10px; width:100%; font-size:15px; 
	height:34px; font-weight:500;}
.m_date > input[type=text]::placeholder {color:#333; font-size:14px; 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:226px; display:inline-block; vertical-align:middle;}
.m_date.single {position:relative; width:130px;}
.m_date label.daterange_picker {position:absolute; top:50%; transform:translateY(-50%); right:8px; width:16px; height:16px; 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:220px;}


.radio label, .checkbox label {padding-left:0px; padding-right:10px;}

/* input checkbox */
.m_check {display:inline-flex; align-items:center; height:20px; margin:0; font-size:15px; outline:0 !important;}
.m_check > input[type=checkbox] {width:0; height:0; min-height:0; margin:0; position:absolute; left:-9999px;}
.m_check > input[type=checkbox] + label {display:inline-flex; align-items:center; height:18px; padding-left:25px; margin:0; position:relative; font-weight:normal; word-break:break-word; cursor:pointer;}
.m_check > input[type=checkbox] + label:before,
.m_check > input[type=checkbox] + label:after {display:block; content:''; clear:both;}
.m_check > input[type=checkbox] + label:before {display:block; width:16px; height:16px; position:absolute; left:0; border:1px solid #e1e3e7; border-radius:0; background-color:#fff; z-index:0; overflow:hidden;}
.m_check > input[type=checkbox] + label:after {content:"\eed6"; width:0; height:0; position:absolute; left:0; color:#fff; font-family:"IcoFont"; font-size:0; text-align:center; transition:all 0.1s ease; overflow:hidden; top:1px;}
.form_area .m_check > input[type=checkbox] + label:after {top:8px;}
.m_check > input[type=checkbox]:checked + label:before {border:1px solid #1dbae1; background-color:#1dbae1;}
.m_check > input[type=checkbox]:checked + label:after {width:16px; height:16px; line-height:16px; font-size:16px;}

.m_check > input[type=checkbox][disabled] + label,
.m_check > input[type=checkbox][readonly] + label {color:#a3a3a3;}
.m_check > input[type=checkbox][disabled] + label:before,
.m_check > input[type=checkbox][readonly] + label:before {background-color:#e9edf1;}
.m_check > input[type=checkbox][disabled] + label:after,
.m_check > input[type=checkbox][readonly] + label:after {color:#e9edf1;}
.m_check > input[type=checkbox][disabled]:checked + label:before,
.m_check > input[type=checkbox][readonly]:checked + label:before {border:1px solid #d6d6d6; background-color:#e9edf1;}
.m_check > input[type=checkbox][disabled]:checked + label:after,
.m_check > input[type=checkbox][readonly]:checked + label:after {color:#c8cacc;}

.m_check + .m_check {margin-left:20px;}
.m_check.block + .m_check.block {margin-left:0; margin-top:5px;}

/* input checkbox2 */
.m_check2 {display:inline-flex; align-items:center; height:20px; margin:0; font-size:15px;}
.m_check2 > input[type=checkbox] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.m_check2 > input[type=checkbox] + label {display:inline-flex; align-items:center; height:20px; padding-left:20px; margin:0; position:relative; font-weight:normal; border-radius:5px; background-color:#e1e3e7; word-break:break-word; cursor:pointer;}
.m_check2 > input[type=checkbox] + label:after {display:block; content:"\eed6"; clear:both; width:0; height:0; position:absolute; left:2px; color:#fff; font-family:"IcoFont"; font-size:0; text-align:center; transition:all 0.1s ease; overflow:hidden;}
.m_check2 > input[type=checkbox]:checked + label {background-color:#1dbae1;}
.m_check2 > input[type=checkbox]:checked + label:after {width:16px; height:16px; line-height:16px; font-size:16px;}
.m_check2 + .m_check2 {margin-left:15px;}

/* input radio */
.m_radio {display:inline-flex; align-items:center; min-height:20px; margin:0; font-size:15px;}
.m_radio > input[type=radio] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.m_radio > input[type=radio] + label {display:inline-flex; align-items:center; height:18px; padding-left:25px; margin:0; position:relative; font-weight:normal; word-break:break-word; cursor:pointer; line-height:18px; color:#000000;}
.m_radio > input[type=radio] + label:before,
.m_radio > input[type=radio] + label:after {display:block; content:''; clear:both;}
.m_radio > input[type=radio] + label:before {display:block; width:16px; height:16px; position:absolute; left:0; border-radius:10px; border:1px solid #d6d6d6; background-color:#fff; z-index:0; overflow:hidden;}
.m_radio > input[type=radio] + label:after {width:0; height:0; position:absolute; left:7px; border-radius:5px; background-color:#fff; transition:all 0.1s ease; overflow:hidden;}
.m_radio > input[type=radio]:checked + label:before {border:1px solid #1dbae1; background-color:#1dbae1;}
.m_radio > input[type=radio]:checked + label:after {width:6px; height:6px; margin-left:-2px;}

.m_radio > input[type=radio][disabled] + label,
.m_radio > input[type=radio][readonly] + label {color:#a3a3a3;}
.m_radio > input[type=radio][disabled] + label:before,
.m_radio > input[type=radio][readonly] + label:before {background-color:#e9edf1;}
.m_radio > input[type=radio][disabled] + label:after,
.m_radio > input[type=radio][readonly] + label:after {background-color:#c8cacc;}
.m_radio > input[type=radio][disabled]:checked + label:before,
.m_radio > input[type=radio][readonly]:checked + label:before {border:1px solid #d6d6d6; background-color:#e9edf1;}

.m_radio + .m_radio {margin-left:15px;}
.m_radio.block + .m_radio.block {margin-left:0; margin-top:5px;}

/* input radio2 */
.m_radio2 {display:inline-flex; align-items:center; height:20px; margin:0; font-size:15px;}
.m_radio2 > input[type=radio] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.m_radio2 > input[type=radio] + label {display:inline-flex; align-items:center; height:20px; padding-left:20px; margin:0; position:relative; font-weight:normal; border-radius:10px; background-color:#e1e3e7; word-break:break-word; cursor:pointer;}
.m_radio2 > input[type=radio] + label:after {display:block; content:"\eed6"; clear:both; width:0; height:0; position:absolute; left:2px; color:#fff; font-family:"IcoFont"; font-size:0; text-align:center; transition:all 0.1s ease; overflow:hidden;}
.m_radio2 > input[type=radio]:checked + label {background-color:#1dbae1;}
.m_radio2 > input[type=radio]:checked + label:after {width:16px; height:16px; line-height:16px; font-size:16px;}
.m_radio2 + .m_radio2 {margin-left:20px;}

/* input switch */
.m_switch {display:inline-flex; align-items:center; height:20px; margin:0; font-size:15px;}
.m_switch > input[type=checkbox] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.m_switch > input[type=checkbox] + label {display:inline-flex; align-items:center; width:38px; height:20px; margin:0; border-radius:10px; border:1px solid #d6d6d6; background-color:#fff; position:relative; cursor:pointer; transition:0.2s;}
.m_switch > input[type=checkbox] + label:after {display:block; content:''; width:16px; height:16px; position:absolute; top:1px; left:2px; border-radius:10px; background-color:#1aadd2; transition:0.2s;}
.m_switch > input[type=checkbox]:checked + label {border-color:#1aadd2; background-color:#1aadd2;}
.m_switch > input[type=checkbox]:checked + label:after {left:calc(100% - 17px); background-color:#fff;}

.m_switch > input[type=checkbox][disabled] + label:after {background-color:#fff; border:1px solid #d6d6d6;}
.m_switch > input[type=checkbox][disabled]:checked + label {border-color:#d7dadd; background-color:#d7dadd;}
.m_switch > input[type=checkbox][disabled]:checked + label:after {border:none;}

.m_switch > span {display:inline-block; vertical-align:top; margin-left:10px;}

.m_switch + .m_switch {margin-left:10px;}
.m_switch.block + .m_switch.block {margin-left:0; margin-top:5px;}

/* input switch style2 - in label */
.switch-container .switch {position:relative; display:inline-block; width:38px; height:20px; vertical-align:middle;}
.switch-container .switch input {display:none;}
.switch-container .slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#fff; border:1px solid #d6d6d6; -webkit-transition:.2s; transition:.2s; box-sizing:border-box;}
.switch-container .slider:before {position:absolute; content:""; height:16px; width:16px; left:2px; bottom:1px; background-color:#1aadd2; -webkit-transition:.2s; transition:.2s;}
.switch-container input:checked + .slider {background-color:#1aadd2; border-color:#1aadd2;}
.switch-container input:focus + .slider {box-shadow:0 0 1px #1aadd2;}
.switch-container input:checked + .slider:before {transform:translateX(17px); background-color:#fff;}
.switch-container .slider.round {border-radius:10px;}
.switch-container .slider.round:before {border-radius:50%;}
.switch-container p {display:inline-block;}

.radio_fieldset {display:inline-flex; align-items:center; margin:2px; border-radius:5px; border:1px solid #e1e3e7; overflow:hidden;}
.radio_fieldset input[type=radio] {width:0; height:0; min-height:0; margin:0; position:absolute;}
.radio_fieldset input[type=radio] + label {display:inline-flex; align-items:center; height:30px; padding:0 15px; margin:0; font-size:13px; font-weight:normal; color:#e1e3e7; border-right:1px solid #e1e3e7; cursor:pointer;}
.radio_fieldset input[type=radio] + label:last-child {border-right:0;}
.radio_fieldset input[type=radio]:checked + label {color:#fff; background-color:#003880;}

/* 타이틀 영역 */
.mg_title {display:flex; align-items:center; padding:0; margin:0;}
.mg_title h2 {display:inline-block; padding:10px 0; margin:0; color:#000; font-size:30px; font-weight:700;}
.mg_title h3 {display:inline-block; padding:10px 0; margin:0; color:#000; font-size:26px; font-weight:700;}
.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:700;}
ul.mg_title {justify-content:space-between;}
ul.mg_title > li {display:flex; align-items:center; padding:0; margin:0; list-style:none;}

h2.m_title {display:inline-block; padding:10px 0; margin:0; color:#000; font-size:30px; font-weight:700;}
h3.m_title {display:inline-block; padding:10px 0; margin:0; color:#000; font-size:26px; font-weight:700;}
h4.m_title {display:inline-block; padding:10px 0; margin:0; color:#000; font-size:20px; font-weight:700;}
h5.m_title {display:inline-block; padding:10px 0; margin:0; color:#000; font-size:17px; font-weight:700;}
h6.m_title {display:inline-block; padding:10px 0; margin:0; color:#000; font-size:16px; font-weight:700;}

.m_title small {display:inline-block; font-weight:500; margin-left:15px; font-size:0.8em;}

/* 패널 */
.mg_panel {padding:15px 20px; margin:20px; border:1px solid #e1e1e1; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.1); background-color:#fff;}

/* 탭 */
.mg_tab {position:relative;}
.mg_tab > .tab_bar {display:flex; flex-direction:row; padding:0; margin:0; white-space:nowrap; border-bottom:1px solid #e5e8ec;}
.mg_tab > .tab_bar > li {padding:0; margin:0; list-style:none;}
.mg_tab > .tab_bar > li > a {display:block; padding:10px 15px; position:relative; color:#bec2c5; font-size:17px; text-align:center; border-radius:0; border:0; background-color:transparent;}
.mg_tab > .tab_bar > li > a:after {display:block; content:''; width:0; height:3px; position:absolute; bottom:-2px; left:50%; background-color:#bec2c5; transition:all 0.1s ease; z-index:1;}
.mg_tab > .tab_bar > li > a:hover {color:#7b7e85;}
.mg_tab > .tab_bar > li > a:hover:after {width:100%; left:0;}
.mg_tab > .tab_bar > li > a.active {color:#003880;}
.mg_tab > .tab_bar > li > a.active:after {width:100%; left:0; background-color:#003880;}
.mg_tab > .tab_content {display:none;}
.mg_tab > .tab_content.active {display:block;}

/* 검색 */
.mg_search {display:inline-flex; flex-direction:row; align-items:center; padding:0; margin:0 0 0 10px;}
.mg_search > .bootstrap-select.m_select {height:35px;}
.mg_search > .bootstrap-select.m_select .dropdown-toggle {line-height:33px;}
.mg_search > input[type=text],
.mg_search > input[type=search],
.mg_search > .m_text {width:calc(100% - 30px); min-height:30px; padding:0 10px; margin:0; position:relative; border-radius:0; border:1px solid #d6d6d6; background-color:#fff; box-shadow:none;}
.mg_search > button {display:block; min-width:30px; height:30px; padding:0; position:relative; text-indent:-9999px; border:1px solid #d6d6d6; border-left:none;
background:#ffffff; /* Old browsers */
background:-moz-linear-gradient(top,  #ffffff 0%, #f2f4f7 100%, #f2f4f7 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top,  #ffffff 0%,#f2f4f7 100%,#f2f4f7 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,  #ffffff 0%,#f2f4f7 100%,#f2f4f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f4f7',GradientType=0 ); /* IE6-9 */}
.mg_search > button:after {content:"\ed11"; line-height:30px; position:absolute; top:0; right:0; left:0; font-family:"Font Awesome 6 Free"; font-size:13px; text-align:center; text-indent:0; font-weight:900;}
.mg_search > button:hover:after {color:#1dbae1;}

/* 목록 - 테이블 */
.mg_table {padding:0; margin:0;}
.mg_table table caption {width:0; height:0; padding:0; margin:0; overflow:hidden;}
.mg_table table {width:100%; border-collapse:collapse;}
.mg_table table thead th {padding:5px 10px; font-weight:bold; color:#003880; border-top:1px solid #003880; border-bottom:1px solid #e1e3e7; background-color:#f9f9f9;}
.mg_table table tbody td {padding:5px 10px; border-bottom:1px solid #e1e3e7;}

/* 목록 - ul */
.mg_list {padding:0; margin:0;}
.mg_list > li {display:flex; align-items:center; padding:0; margin:0; list-style:none; border-bottom:1px solid #e1e3e7; background-color:#fff;}
.mg_list > li:hover {background-color:#f3f8ff;}
.mg_list > li > div {padding:6px 10px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mg_list > li.list_head {position:sticky; top:0; border-top:1px solid #003880; background-color:#f9f9f9; z-index:1;}
.mg_list > li.list_head:hover {background-color:#f9f9f9;}
.mg_list > li.list_head > div {display:flex; align-items:center; color:#003880; font-weight:500;}
.mg_list > li.list_head > div.tac {justify-content:center;}
.mg_list > li.list_head .icon_btn.icon_sort {width:20px; height:20px; margin-left:5px;}
.mg_list .handle {min-height:30px; cursor:pointer;}
.mg_list .handle::before {display:block; content:''; width:10px; height:4px; position:absolute; top:12px; border-top:1px solid #c5c8d0; border-bottom:1px solid #c5c8d0;}
.mg_list .handle::after {display:block; content:''; width:10px; height:1px; position:absolute; top:18px; background-color:#c5c8d0;}
.mg_list a.link {color:#1dbae1;}
.mg_list a.link:hover {text-decoration:underline;}

/* 입력폼 */
.mg_form {padding:0; margin:0;}
.mg_form > li {display:flex; padding:0; margin:0; list-style:none;}
.mg_form > li > .que {display:inline-block; min-width:140px; min-height:45px; padding:14px 15px 0; position:relative; font-weight:500; text-align:right; word-break:keep-all;}
.mg_form > li > .ans {flex:1; min-height:45px; padding:5px 10px; display:flex; flex-direction:row; align-items:center;}
.mg_form > li > .ans.lineBreak {flex-wrap:wrap;}
.mg_form > li > .ans .info {display:block; width:100%; padding:0 5px; color:#7b7e85; font-size:12px; font-weight:300;}
.mg_form > li > .ans .error + .info {color:red;}

.add_form {display:flex; align-items:center; width:100%;}
.add_form .m_text {width:calc(100% - 30px);}

.grouping {padding:0 0 10px 0;}

.edit_form {display:inline-flex; align-items:center; width:100%;}
.edit_form .m_text {min-width:120px;}
.edit_form .m_text[disabled] {border-color:transparent; background-color:transparent; box-shadow:inherit;}
.edit_form .m_text.text_big {height:50px; line-height:50px; font-size:20px;}
.edit_form .m_textarea {width:100%;}
.edit_form .icon_check {display:none;}
.edit_form .icon_cancel {display:none;}
.edit_form .icon_edit2 {display:inline-flex;}
.edit_form .icon_delete {display:inline-flex;}
.edit_row .edit_form {}
.edit_row .edit_form .icon_check {display:inline-flex;}
.edit_row .edit_form .icon_cancel {display:inline-flex;}
.edit_row .edit_form .icon_edit2 {display:none;}
.edit_row .edit_form .icon_delete {display:none;}

/* 목록형 입력폼 - ul */
.mg_listForm {padding:0; margin:0; position:relative;}
.mg_listForm > li {display:flex; align-items:center; padding:0; margin:0; list-style:none; border-bottom:1px solid #e1e3e7; background-color:#fff;}
.mg_listForm > li:hover {background-color:#f3f8ff;}
.mg_listForm > li > div {display:flex; align-items:center; min-height:35px; padding:0 10px; position:relative; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */;}
.mg_listForm > li > div.tac {justify-content:center;}
.mg_listForm > li.list_head {position:sticky; top:0; border-top:1px solid #003880; background-color:#f9f9f9; z-index:1;}
.mg_listForm > li.list_head:hover {background-color:#f9f9f9;}
.mg_listForm > li.list_head > div {color:#003880; font-weight:500;}
.mg_listForm .handle {min-height:30px; cursor:pointer;}
.mg_listForm .handle::before {display:block; content:''; width:10px; height:4px; margin-left:-5px; position:absolute; top:12px; left:50%; border-top:1px solid #c5c8d0; border-bottom:1px solid #c5c8d0;}
.mg_listForm .handle::after {display:block; content:''; width:10px; height:1px; margin-left:-5px; position:absolute; top:18px; left:50%; background-color:#c5c8d0;}
.mg_listForm > li.edit_row {}
.mg_listForm > li.edit_row:hover {background-color:#fff;}
.mg_listForm > li.active_row {background-color:#e2eeff;}
.mg_listForm > li.active_row:hover {background-color:#e2eeff;}
.mg_listForm > li.disabled_row {background-color:#e5e8ec;}
.mg_listForm > li.disabled_row > div {color:#aaadb0;}
.mg_listForm > li.disabled_row label {cursor:inherit;}
.mg_listForm > li.disabled_row:hover {background-color:#e5e8ec;}

p.brief {padding:0; margin:2px; color:#7b7e85;}
p.brief.red {color:red;}
i.required {display:inline-block; vertical-align:top; width:10px; height:10px; line-height:1; color:red; text-align:left;}

ul.list_dot {padding:0; margin:0;}
ul.list_dot > li {padding:0 0 0 10px; margin:0; list-style:none; position:relative;}
ul.list_dot > li:before {display:block; content:''; clear:both; width:2px; height:2px; position:absolute; top:7px; left:0; border-radius:2px; background-color:#262626;}

/* 상세 */
.mg_view {border-top:1px solid #003880; border-bottom:1px solid #e1e3e7;}
.mg_view .view_title {padding:15px; margin:0; border-bottom:1px solid #e1e3e7; background-color:rgba(50,120,180,0.05);}
.mg_view .view_info {display:flex; flex-direction:row; align-items:center; /*justify-content:flex-end; */padding:0 5px; margin:0;}
.mg_view .view_info > span {padding:5px 10px;}
.mg_view .view_content {padding:10px 15px 15px; line-height:1.5;}

/* 목록 - 썸네일 */
.mg_thumb {display:flex; align-items:center; flex-wrap:wrap; padding:0; margin:0 -10px;}
.mg_thumb > li {padding:0 10px; list-style:none;}
.mg_thumb > li > a {display:block; border:1px solid #e1e3e7; overflow:hidden;}
.mg_thumb > li > a:after {display:block; content:''; clear:both;}
.mg_thumb > li > a:hover {border:1px solid #003880; background-color:rgba(50,120,180,0.05);}
.mg_thumb > li > a > span {display:block;}
.mg_thumb > li > a > .img {width:100%; max-height:200px; overflow:hidden;}
.mg_thumb > li > a > .img img {width:100%;}
.mg_thumb > li > a > .subject {margin:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mg_thumb > li > a:hover > .subject {color:#003880;}
.mg_thumb > li > a > .writer {float:left; width:40%; margin:0 10px;}
.mg_thumb > li > a > .date {float:right; width:40%; margin:0 10px 10px; text-align:right;}
.mg_thumb.col3 > li {max-width:33.3333%;}
.mg_thumb.col4 > li {max-width:25%;}
.mg_thumb.col5 > li {max-width:20%;}

/* 컨트롤 영역 */
.mg_ctrl {display:flex; align-items:center; justify-content:center; padding:0; margin:0;}
ul.mg_ctrl {min-height:40px; justify-content:space-between;}
ul.mg_ctrl > li {display:flex; align-items:center; padding:0; margin:0; list-style:none;}
.mg_ctrl + .mg_list,
.mg_ctrl + .noData {margin-top:5px;}

/* 목록번호 */
.mg_paging {display:flex; align-items:center; justify-content:center; padding:10px 0; margin:0;}
.mg_paging > li {display:inline-block; padding:0 5px; margin:0; list-style:none;}
.mg_paging > li > a {display:block; min-width:25px; height:25px; line-height:27px; text-align:center; border-radius:15px; background:#fff; font-size:12px;}
.mg_paging > li > a:hover {color:#1aadd2;}
.mg_paging > li.active > a {color:#fff; background:#1aadd2;}
.mg_paging > li.active > a:hover {color:#fff;}
.mg_paging > li > a.first,
.mg_paging > li > a.prev,
.mg_paging > li > a.next,
.mg_paging > li > a.last {border:1px solid #e1e3e7; font-family:"IcoFont"; font-size:16px;}
.mg_paging > li > a.prev {margin-right:10px;}
.mg_paging > li > a.next {margin-left:10px;}
.mg_paging > li > a.first:before {content:"\eac6";}
.mg_paging > li > a.prev:before {content:"\eac9";}
.mg_paging > li > a.next:before {content:"\eaca";}
.mg_paging > li > a.last:before {content:"\eac7";}
.mg_paging > li > a.first:hover,
.mg_paging > li > a.prev:hover,
.mg_paging > li > a.next:hover,
.mg_paging > li > a.last:hover {color:#003880; opacity:1; border:1px solid #003880; background-color:inherit;}

/* 버튼 영역 */
.mg_btn {display:flex; align-items:center; justify-content:flex-end; padding:10px 0 0; margin:0;}
.mg_btn > li {padding:0; margin:0; list-style:none;}
.mg_btn.tal {justify-content:flex-start;}
.mg_btn.tac {justify-content:center;}
.mg_btn .text_notice {padding:0 10px; font-size:12px; color:red;}
.mg_btn .m_btn {min-width:120px;}
.mg_btn .m_btn + .m_btn {margin-left:10px;}

/* wizard */
.mg_wizard {display:flex; padding:0; margin:0 0 30px 0; justify-content:center; position:relative;}
.mg_wizard > li {width:200px; padding-top:50px; margin:0; list-style:none; position:relative;}
.mg_wizard > li:before {display:block; content:''; height:1px; position:absolute; top:23px; right:0; left:0; background-color:#c7c7c7;}
.mg_wizard > li > a {display:block; text-align:center;}
.mg_wizard > li > a:before {display:none; content:''; width:45px; height:45px; position:absolute; top:0; left:50%; margin-left:-24px; border-radius:45px; background-color:#f3f8ff;}
.mg_wizard > li > a:after {display:block; content:''; width:10px; height:10px; position:absolute; top:18px; left:50%; margin-left:-7px; border-radius:10px; background-color:#000;}
.mg_wizard > li.active > a:before {display:block;}

/* 슬라이드 */
.mg_slider {padding:0 100px; margin:0 auto;}
.mg_slider .owl-carousel .owl-nav span {display:block; width:0; height:0; position:absolute; top:50%; font-size:0; color:transparent;}
.mg_slider .owl-carousel .owl-nav span:after {display:block; content:""; width:50px; height:50px; line-height:50px; margin-top:-25px; color:#a8a8a8; font-family:"IcoFont"; font-size:50px;}
.mg_slider .owl-carousel .owl-nav button.disabled span:after {display:none;}
.mg_slider .owl-carousel .owl-nav button:hover span:after {color:#003880;}
.mg_slider .owl-carousel .owl-nav button.owl-prev span:after {content:"\ea78"; text-align:right;}
.mg_slider .owl-carousel .owl-nav button.owl-next span:after {content:"\ea79"; text-align:left;}
.mg_slider .owl-carousel .owl-nav button.owl-prev,
.mg_slider .owl-carousel .owl-nav button.owl-next {width:50px; position:absolute; top:0; bottom:27px; outline:none;}
.mg_slider .owl-carousel .owl-nav button.owl-prev {left:-50px;}
.mg_slider .owl-carousel .owl-nav button.owl-next {right:-42px;}
.mg_slider .owl-carousel .owl-dots {display:flex; flex-direction:row; align-items:center; justify-content:center; padding:15px 0 0;}
.mg_slider .owl-carousel button.owl-dot {width:12px; height:12px; margin:0 4px; border-radius:6px; border:1px solid #e1e3e7; background-color:#fff;}
.mg_slider .owl-carousel button.owl-dot:focus {outline:none;}
.mg_slider .owl-carousel button.owl-dot.active {border:1px solid #003880; background-color:#003880;}

/* .calendar-exibit */
.calendar-exibit .show-calendar {float:none; display:block; position:relative; background-color:#fff; border:1px solid #ccc; margin-bottom:20px; border:1px solid rgba(0, 0, 0, 0.15); overflow:hidden}
.calendar-exibit .show-calendar .calendar {margin:0 0 4px 0}
.calendar-exibit .show-calendar.picker_1 {background:#34495E}
.calendar-exibit .calendar-table {padding:0 0 4px 0}


.m_select {/*min-width:120px; */height:35px; padding:0 30px 0 5px; margin:2px; position:relative; border-radius:5px; border:1px solid #fafafa; background-color:#fff; box-shadow:inset 4px 2px 8px rgb(0 0 0 / 10%);} 

/*.m_select2 + .select2-container {min-width:120px;}*/
.select2-container {margin:0;} 
.select2-container--default .select2-selection {height:30px; border-radius:0; box-shadow:none; border:1px solid #d6d6d6; line-height:28px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {padding-left:10px; padding-right:30px; color:inherit; line-height:35px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width:30px; height:32px;}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {display:block; content:"\eac8"; width:20px; line-height:28px; position:absolute; top:0; right:0; bottom:0; color:#a8a8a8; font-family:"IcoFont"; font-size:16px; font-weight:600; text-align:center;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display:none;}
.select2-results__option {color:#333;}
.select2-container--default .select2-results__option[aria-selected=true] {color:#000; background-color:#f3f8ff;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {color:#333; background-color:#f5f5f5;}
.select2-container--default .select2-search--dropdown .select2-search__field {border-radius:5px; border-color:#ccc;}
.select2-container--open .select2-selection {background-color:#f3f8ff;}
.select2-container--open .select2-dropdown {margin-left:-2px; border:0; border-radius:5px; box-shadow:2px 2px 15px rgb(0 0 0 / 20%);}

/* selectpicker */
.bootstrap-select.m_select {min-width:120px; height:30px; padding:0; margin:2px; position:relative; border-radius:0; border:1px solid #d6d6d6; background-color:#fff; box-shadow:none;}
.bootstrap-select.m_select.disabled {border-color:transparent; background-color:#eff1f3; box-shadow:inherit;}
.bootstrap-select.m_select > select {width:0 !important; left:0; border:0;}
.bootstrap-select.m_select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width:initial;}
.bootstrap-select.m_select .dropdown-toggle {width:100%; line-height:32px; padding:0; margin:0; text-align:left; font-weight:inherit; position:relative; border-color:transparent; background-color:transparent;}
.bootstrap-select.m_select .dropdown-toggle:focus {outline:none !important; border-color:transparent; background-color:transparent;}
.bootstrap-select.m_select.open {background-color:#f3f8ff;}
.bootstrap-select.m_select.open .dropdown-toggle:hover,
.bootstrap-select.m_select.open .dropdown-toggle:focus {background-color:transparent; border-color:transparent;}
.bootstrap-select.m_select .dropdown-toggle .filter-option-inner-inner {/*min-width:98px; */ text-overflow:ellipsis; white-space:nowrap; font-size:12px;}

.bootstrap-select.m_select .dropdown-toggle .bs-caret {display:block; width:30px; position:absolute; top:0; right:-30px; bottom:0;}
.bootstrap-select.m_select .dropdown-toggle .bs-caret:after {display:block; content:"\eac8"; width:30px; position:absolute; top:0; right:0; bottom:0; color:#a8a8a8; font-family:"IcoFont"; font-size:16px; font-weight:600; text-align:center;}
.bootstrap-select.m_select .dropdown-toggle .bs-caret .caret {color:transparent;}
.bootstrap-select.m_select .dropdown-toggle.btn-default.active, 
.bootstrap-select.m_select .dropdown-toggle.btn-default:active, 
.bootstrap-select.m_select .dropdown-menu {min-width:100% !important; max-height:120px; padding:0; margin:0; border-radius:5px; border-color:transparent; box-shadow:2px 1px 6px rgb(0 0 0 / 10%);}
.bootstrap-select.m_select .dropdown-menu.inner {box-shadow:inherit;}
.bootstrap-select.m_select .dropdown-menu li a span.text {font-size:12px;}
.bootstrap-select.m_select .dropdown-menu a {padding:6px 10px;}
.bootstrap-select.m_select .dropdown-menu .bs-searchbox {padding:2px;}
.bootstrap-select.m_select .dropdown-menu .bs-searchbox + .bs-actionsbox {padding:0 1px 2px;}
.bootstrap-select.m_select .dropdown-menu .btn-group {display:flex;}
.bootstrap-select.m_select .dropdown-menu .btn-group > .btn {flex:1; margin:0 1px;}
.bootstrap-select.m_select .dropdown-menu input[type=text].form-control {margin:0; border-radius:5px; font-size:12px;}
.bootstrap-select.m_select .dropdown-menu .no-results {padding:0 5px 5px;}

.bootstrap-select.m_select .dropdown-menu > .active > a,
.bootstrap-select.m_select .dropdown-menu > .active > a:focus, 
.bootstrap-select.m_select .dropdown-menu > .active > a:hover {color:inherit; background-color:#f3f8ff;}

.bootstrap-select.show-tick.m_select.open > .dropdown-menu a.selected .glyphicon {display:block; width:16px; height:16px; position:absolute; top:6px; left:4px; bottom:0;}
.bootstrap-select.show-tick.m_select.open > .dropdown-menu a.selected .glyphicon:before {display:block; content:'\eed6'; width:16px; height:16px; line-height:16px; margin-left:2px; color:#fff; font-size:15px; font-family:"IcoFont"; text-align:right; border-radius:3px; background-color:#1dbae1;}
.bootstrap-select.show-tick.m_select.open > .dropdown-menu li a {}

.bootstrap-select.m_select.column_set.open > .dropdown-menu li a.num{padding-left:40px;background:url(../images/icon/icon_black_num.png) no-repeat 10px center;}
.bootstrap-select.m_select.column_set.open > .dropdown-menu li a.text{padding-left:40px;background:url(../images/icon/icon_black_text.png) no-repeat 10px center;}
.bootstrap-select.m_select.column_set.open > .dropdown-menu li a.date{padding-left:40px;background:url(../images/icon/icon_black_date.png) no-repeat 10px center;}
.bootstrap-select.show-tick.m_select.column_set.open > .dropdown-menu li a.num{padding-left:60px;background:url(../images/icon/icon_black_num.png) no-repeat 30px center;}
.bootstrap-select.show-tick.m_select.column_set.open > .dropdown-menu li a.text{padding-left:60px;background:url(../images/icon/icon_black_text.png) no-repeat 30px center;}
.bootstrap-select.show-tick.m_select.column_set.open > .dropdown-menu li a.date{padding-left:60px;background:url(../images/icon/icon_black_date.png) no-repeat 30px center;}

/* rangeSlider */
.mg_rangeSlider {display:block; width:100%; height:auto; position:relative;}
.mg_rangeSlider .irs-line {display:block; position:relative; height:8px; top:25px; overflow:hidden; outline:none !important;}
.mg_rangeSlider .irs-line-left, 
.mg_rangeSlider .irs-line-mid, 
.mg_rangeSlider .irs-line-right {display:block; width:11%; height:12px; position:absolute; top:0; background-color:#efefef; background-image:none;}
.mg_rangeSlider .irs-line-left {left:0; border-radius:10px 0 0 10px;}
.mg_rangeSlider .irs-line-mid {width:82%; left:9%; background-image:none;}
.mg_rangeSlider .irs-line-right {right:0; border-radius:0 10px 10px 0;}
.mg_rangeSlider .irs-bar {display:block; width:0; height:8px; position:absolute; top:25px; left:0; background-color:#1dbae1; background-image:none; background-image:none;}
.mg_rangeSlider .irs-bar-edge {width:10px; height:8px; top:25px; background-color:#1dbae1; border-radius:10px 0 0 10px; background-image:none;}
.mg_rangeSlider .irs-shadow {display:none !important; width:0; height:3px; position:absolute; top:34px; left:0; background:#a8a8a8; opacity:0.25;}
.mg_rangeSlider .lt-ie9 .irs-shadow {filter:alpha(opacity=25);}
.mg_rangeSlider .irs-slider {display:block; width:16px; height:16px; position:absolute; top:20px; border-radius:10px; border:2px solid #1dbae1; background-color:#fff; background-image:none; cursor:default; z-index:1;}
.mg_rangeSlider .irs-slider.type_last {z-index:2;}
.mg_rangeSlider .irs-slider.state_hover, .irs-slider:hover {border:2px solid #fff; background:#1dbae1;}
.mg_rangeSlider .irs-min, .irs-max {display:block; line-height:1.333; position:absolute; top:0; padding:1px 3px; color:#999; font-size:10px; text-shadow:none; background:#e1e3e7; border-radius:4px; cursor:default;}
.mg_rangeSlider .irs-min {left:0;}
.mg_rangeSlider .irs-max {right:0;}
.mg_rangeSlider .irs-from, .irs-to, .irs-single {display:block; line-height:1.333; padding:1px 5px; position:absolute; top:0; left:0; color:#fff; font-size:10px; white-space:nowrap; text-shadow:none; border-radius:4px; background:#1dbae1; cursor:default;}
.mg_rangeSlider .irs-from:after, .irs-to:after, .irs-single:after {display:block; content:""; position:absolute; bottom:-6px; left:50%; width:0; height:0; margin-left:-3px; overflow:hidden; border:3px solid transparent; border-top-color:#1dbae1;}
.mg_rangeSlider .irs-grid {display:none; width:100%; height:20px; position:absolute; bottom:0; left:0;}
.mg_rangeSlider .irs-with-grid .irs-grid {display:block;}
.mg_rangeSlider .irs-grid-pol {width:1px; height:8px; position:absolute; top:0; left:0; background-color:#a8a8a8;}
.mg_rangeSlider .irs-grid-pol.small {height:4px;}
.mg_rangeSlider .irs-grid-text {line-height:9px; padding:0 3px; position:absolute; bottom:0; left:0; color:#a8a8a8; font-size:9px; text-align:center; white-space:nowrap;}
.mg_rangeSlider .irs-hidden-input {position:absolute !important; display:block !important; top:0 !important; left:0 !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; padding:0 !important; margin:0 !important; outline:none !important; z-index:-9999 !important; background:none !important; border-style:solid !important; border-color:transparent !important;}



.btnArea {text-align:right; clear:both; overflow:hidden; padding:0 0 20px; margin-top:20px;}


/**** 팝업 ***************************************************************************************/
/* 팝업 기존 원본 */
.wrap_layer {height:100%; left:0; position:fixed; top:0; width:100%; z-index:10001; background-color:rgba(0,0,0,.2);}
.wrap_layer ~ .select2-container {z-index:100001;}

.layerType {position:absolute;}
.layerIn {overflow:hidden; position:relative; padding-bottom:0 !important;}
.layerIn .layerTop {height:40px; line-height:20px; padding-top:0; border-bottom:1px solid #dcdcdc; width:100%; background-color:#fff;}
.layerTop .btn-close {width:14px; height:14px; position:absolute; right:12px; top:9px;}
.layerTop h5 {padding:0 10px; color:#fff; background-color:#25436c; padding-left:33px; font-size:16px;}
.layerTop h4 {color:#000; padding:13px 40px 7px 20px; font-size:16px; font-weight:700; line-height:19px; min-height:40px;}
.layerCon {background:#fff;}
.layerCon .lineBox2 {font-size:11px; border:solid 1px #e2e2e2; overflow:hidden; padding:5px 2%;}
.layerCon .lineBox2 ul li {float:left; width:24%;}
.layerCon .btnArea {text-align:right; clear:both; overflow:hidden; padding:0; margin-top:20px; width:100%;}
.layerCon .btnArea.btnFixed {position:absolute; right:20px; bottom:20px; width:calc(100% - 40px);}
.modal-content > .btnArea {margin:0; padding:10px 20px; text-align:right;}
.layerCon .btnArea p.pop_info {text-align:center; margin:20px 0 0; color:#777; font-size:13px; min-height:20px;}
.layerCon .listDialog {border-collapse:collapse; width:100%; border-top:solid 2px #af8be4; border-right:solid 1px #e2e2e2; font-size:11px;} 
.layerCon .listDialog th {padding:2px 0; background:#f9f9f9; text-align:center; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; color:#656565;}
.layerCon .listDialog td {padding:2px 5px; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; text-align:center;}
.layerCon .listDialog td.left {text-align:left;}
.layerCon .msg {padding:20px 0; display:table; /* height:calc(100% - 54px); */ width:100%; color:#404040;}
.layerCon .msg .p {display:table-cell; vertical-align:middle; text-align:center; font-weight:500; font-size:16px; line-height:24px; width:100%;}
.layerCon .popContents {padding:20px 15px; border-top:none; overflow-x:hidden; overflow-y:auto !important; max-height:90vh; position:relative; background:#f4f4f4;}
.layerCon .popContentsXscroll {padding:18px 17px 18px 17px; border:solid 3px #000000; border-top:none; overflow-x:auto; overflow-y:auto;}
.layerType .layerTop .btnClose {position:absolute; top:15px; right:22px; width:25px; height:22px; cursor:pointer; z-index:1103;}

.layerCon .popContents .x_title_pop {padding:0; margin-bottom:0; }
.layerCon .popContents .x_title_pop .title {display:inline-block; padding:6px 12px; margin-bottom:0; font-size:16px; font-weight:500; line-height:1.42857143; text-align:left; white-space:nowrap; 
	vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; 
	border:1px solid transparent; border-radius:0; width:100%; color:#000; background-color:transparent; border-bottom:1px solid #ababab;}

.layerCon .popContents .x_content_pop {padding:20px 0; position:relative; width:100%; margin:0; height:100%; background:transparent;}
.layerCon .popContents .x_content_pop .contents {overflow:hidden; display:block; width:100%; height:100%; padding:0 15px; line-height:1.42857143; background:none; border:none; 
	border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out; }

.layerCon .btn_area_pop {margin:0; text-align:right; padding:20px 20px 0;}
	
.modal-content .ui-resizable-se {
	/* background-image:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); */
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); 
	background-repeat:no-repeat; background-position:center; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.modal-content .ui-resizable-se {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.modal-content .ui-resizable-se {cursor:se-resize; width:20px; height:20px; right:0px; bottom:0; position:absolute;}

/*.layerCon .popContents.mCustomScrollbar {padding:20px 0px 20px 20px;}*/
.layerCon .mCSB_container {padding-right:3px;}

h4#full_modal_label {font-size:14px;}

/* Layer Alert */
.layerIn.layerAlert .layerCon .popContents {padding:10px 20px 0; background:#fff;}
.layerIn.layerAlert .layerTop {border-color:#fff;}
.layerIn.layerAlert .layerCon .msg .p {font-size:16px; line-height:24px; color:#404040; word-break:keep-all;}
.layerIn.layerAlert .layerCon .btnArea {text-align:center; display:flex; width:calc(100% + 40px); margin-left:-20px; margin-top:30px;}
.layerIn.layerAlert .layerCon .btnArea .m_btn {border-radius:0; font-size:16px; height:40px; line-height:38px; width:100%; border-left:none; border-right:none; border-bottom:none;}

/* Layer layerPrompt */
.layerIn.layerPrompt .layerCon .popContents {padding:10px 20px 0; background:#fff;}
.layerIn.layerPrompt .layerTop {border-color:#fff;}
.layerIn.layerPrompt .layerCon .msg .p {font-size:16px; line-height:24px; color:#404040; word-break:keep-all;}
.layerIn.layerPrompt .layerCon .btnArea {text-align:center; display:flex; width:calc(100% + 40px); margin-left:-20px; margin-top:30px;}
.layerIn.layerPrompt .layerCon .btnArea .m_btn {border-radius:0; font-size:16px; height:40px; line-height:38px; width:50%; border-left:none; border-right:none; border-bottom:none;}
.layerIn.layerPrompt .layerCon .btnArea .m_btn + .m_btn {margin-left:0;} 

/* Layer layerConfirm */
.layerIn.layerConfirm .layerCon .popContents {padding:10px 20px 0; background:#fff;}
.layerIn.layerConfirm .layerTop {border-color:#fff;}
.layerIn.layerConfirm .layerCon .msg .p {font-size:16px; line-height:24px; color:#404040; word-break:keep-all;}
.layerIn.layerConfirm .layerCon .btnArea {text-align:center; display:flex; width:calc(100% + 40px); margin-left:-20px; margin-top:30px;}
.layerIn.layerConfirm .layerCon .btnArea .m_btn {border-radius:0; font-size:16px; height:40px; line-height:38px; width:50%; border-left:none; border-right:none; border-bottom:none;}
.layerIn.layerConfirm .layerCon .btnArea .m_btn + .m_btn {margin-left:0;}

/* Theme 관련 */
.modal-content.modal-fullsize.dark {background-color:#505050; color:#eeeeee;}
.modal-content.modal-fullsize.dark > div > button.close {color:#ffffff; opacity:.8;}
.modal-content.modal-fullsize.vintage {background-color:#fef8ef;}

/* 팝업 수정 공통 */
.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;}

/* 일부 수정 */
.modal-content {box-shadow:rgba(0, 0, 0, 0.2) 5px 10px 10px 1px; background:rgb(255, 255, 255); border-radius:10px; overflow:hidden;}

/* 팝업 공통 */
.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);}
.mg_popup .popup_header {display:flex; flex-direction:row; justify-content:center; padding:55px 40px 25px 40px;}
.mg_popup .popup_header h2 {display:inline-flex; align-items:flex-end; padding:0 10px; margin:0; font-size:26px; font-weight:700;}
.mg_popup .popup_body {min-width:300px; height:calc(100% - 108px); overflow:auto;}
.mg_popup .popup_container {padding:20px 50px 40px;}
.mg_popup .btn_popup_close {width:30px; height:30px; position:absolute; top:10px; 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:20px 0; justify-content:center;}
.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;} 

.popup_close {width:30px; height:30px; position:absolute; top:10px; right:10px; text-indent:-9999px; border:0; background:transparent;
	--bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)}
.popup_close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}


/* 모달 타입2 */
.modal .modal-header {height:40px; line-height:20px; border-bottom:none; padding:0; border-bottom:1px solid #dcdcdc; width:calc(100% - 20px); margin-left:10px;}
.modal .modal-header .btn-close span,
.modal .modal-header .close span {display:none;}

.modal-header button.close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

.modal-header button.close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}

.modal .modal-title {color:#000; padding:13px 30px 7px 10px; font-size:16px; font-weight:700; line-height:19px; min-height:40px;}

.modal .modal-body {padding:20px;}

.modal .modal-footer {border-top:none; padding:0 20px 20px;}





@media all and (max-width:1500px) {
    .report_right .page_ctrl {left:inherit !important; right:0;}
}

@media all and (max-width:1024px) {  
    
}

@media all and (max-width:639px) {
	
}




/*===========================================================================================================================
														etc
=============================================================================================================================*/
/* tabs */
.tabs-left, .tabs-right {border-bottom:none; padding-top:2px}
.tabs-left {border-right:1px solid #F7F7F7}
.tabs-right {border-left:1px solid #F7F7F7}
.tabs-left > li, .tabs-right > li {float:none; margin-bottom:2px}
.tabs-left > li {margin-right:-1px}
.tabs-right > li {margin-left:-1px}
.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {border-bottom-color:#F7F7F7; border-right-color:transparent}
.tabs-right > li.active > a, .tabs-right > li.active > a:hover, .tabs-right > li.active > a:focus {border-bottom:1px solid #F7F7F7; border-left-color:transparent}
.tabs-left > li > a {border-radius:4px 0 0 4px; margin-right:0; display:block; background:#F7F7F7; text-overflow:ellipsis; overflow:hidden}
.tabs-right > li > a {border-radius:0 4px 4px 0; margin-right:0; background:#F7F7F7; text-overflow:ellipsis; overflow:hidden}

.validate {margin-top:10px}

.invalid-form-error-message {margin-top:10px; padding:5px}
.invalid-form-error-message.filled {border-left:2px solid #E74C3C}

p.parsley-success {color:#468847; background-color:#DFF0D8; border:1px solid #D6E9C6}
p.parsley-error {color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7}
ul.parsley-errors-list {list-style:none; color:#E74C3C; padding-left:0}
input.parsley-error, textarea.parsley-error, select.parsley-error {background:#FAEDEC; border:1px solid #E85445}
.btn-group .parsley-errors-list {display:none}

.bad input, .bad select, .bad textarea {border:1px solid #CE5454; box-shadow:0 0 4px -2px #CE5454; position:relative; left:0; -moz-animation:.7s 1 shake linear; -webkit-animation:0.7s 1 shake linear}
.item input, .item textarea {transition:0.42s}

.item .alert {float:left; margin:0 0 0 20px; padding:3px 10px; color:#FFF; border-radius:3px 4px 4px 3px; background-color:#CE5454; max-width:170px; white-space:pre; 
	position:relative; left:-15px; opacity:0; z-index:1; transition:0.15s ease-out}
.item .alert::after {content:''; display:block; height:0; width:0; border-color:transparent #CE5454 transparent transparent; border-style:solid; border-width:11px 7px; position:absolute; left:-13px; top:1px}
.item.bad .alert {left:0; opacity:1}

.inl-bl {display:inline-block}

.well .markup {background:#fff; color:#354f63; position:relative; padding:45px 15px 15px; margin:15px 0 0 0; background-color:#fff; border-radius:0 0 4px 4px; box-shadow:none}
.well .markup::after {content:"Example"; position:absolute; top:15px; left:15px; font-size:12px; font-weight:bold; color:#bbb; text-transform:uppercase; letter-spacing:1px}

.autocomplete-suggestions {border:1px solid #e4e4e4; background:#F4F4F4; cursor:default; overflow:auto}
.autocomplete-suggestion {padding:2px 5px; font-size:1.2em; white-space:nowrap; overflow:hidden}
.autocomplete-selected {background:#f0f0f0}
.autocomplete-suggestions strong {font-weight:normal; color:#3399ff; font-weight:bolder}

/* profile */
.nav-sm .profile {display:none}
.profile_pic {width:35%; float:left}
.img-circle.profile_img {width:70%; background:#fff; margin-left:15%; z-index:1000; position:inherit; margin-top:20px; border:1px solid rgba(52, 73, 94, 0.44); padding:4px; height:60px;}
.profile_info {padding:25px 10px 10px; width:65%; float:left}
.profile_info span {font-size:13px; line-height:30px; color:#BAB8B8}
.profile_info h2 {font-size:14px; color:#ECF0F1; margin:0; font-weight:700}
.profile.img_2 {text-align:center}
.profile.img_2 .profile_pic {width:100%}
.profile.img_2 .profile_pic .img-circle.profile_img {width:50%; margin:10px 0 0}
.profile.img_2 .profile_info {padding:15px 10px 0; width:100%; margin-bottom:10px; float:left}

/* tile  */
.tile {overflow:hidden}
.tiles {border-top:1px solid #ccc; margin-top:15px; padding-top:5px; margin-bottom:0}
.tile-stats.sparkline {padding:10px; text-align:center}

.top_tiles {margin-bottom:0}
.top_tiles .tile h2 {font-size:30px; line-height:30px; margin:3px 0 7px; font-weight:bold}

.jqstooltip {background:#34495E !important; width:30px !important; height:22px !important; text-decoration:none}

article.media {width:100%}

#integration-list {width:100%; margin:0 auto; display:table}
#integration-list ul {padding:0; margin:20px 0; color:#555}
#integration-list ul > li {list-style:none; border-top:1px solid #ddd; display:block; padding:15px; verflow:hidden}
#integration-list ul:last-child {border-bottom:1px solid #ddd}
#integration-list ul > li:hover {background:#efefef}

.expand {display:block; text-decoration:none; color:#555; cursor:pointer}
.expand h2 {width:85%; float:left}

#left, #right {display:table}

#sup {display:table-cell; vertical-align:middle; width:80%;}

.detail {margin:10px 0 10px 0px; display:none; line-height:22px; height:150px}
.detail a {text-decoration:none; color:#C0392B; border:1px solid #C0392B; padding:6px 10px 5px; font-size:13px; margin-right:7px}
.detail span {margin:0}

.right-arrow {width:10px; float:right; font-weight:bold; font-size:20px}

.accordion .panel {margin-bottom:5px; border-radius:0; border-bottom:1px solid #efefef}
.accordion .panel-heading {background:#F2F5F7; padding:13px; width:100%; display:block}
.accordion .panel:hover {background:#F2F5F7}

legend {padding-bottom:7px}

.demo-placeholder {height:280px}

/* profile_details */
.profile_details:nth-child(3n) {clear:both}
.profile_details .profile_view {display:inline-block; padding:10px 0 0; background:#fff}
.profile_details .profile_view .divider {border-top:1px solid #e5e5e5; padding-top:5px; margin-top:5px}
.profile_details .profile_view .ratings {margin-bottom:0}
.profile_details .profile_view .bottom {background:#F2F5F7; padding:9px 0; border-top:1px solid #E6E9ED}
.profile_details .profile_view .left {margin-top:20px}
.profile_details .profile_view .left p {margin-bottom:3px}
.profile_details .profile_view .right {margin-top:0px; padding:10px}
.profile_details .profile_view .img-circle {border:1px solid #E6E9ED; padding:2px}
.profile_details .profile_view h2 {margin:5px 0}
.profile_details .profile_view .ratings {text-align:left; font-size:16px}
.profile_details .profile_view .brief {margin:0;}
.profile_details .profile_left {background:white}

.pagination.pagination-split li {display:inline-block; margin-right:3px}
.pagination.pagination-split li a {border-radius:4px; color:#768399; -moz-border-radius:4px; -webkit-border-radius:4px}

table.tile h3, table.tile h4, table.tile span {font-weight:bold; vertical-align:middle !important}
table.tile th, table.tile td {text-align:center}
table.tile th {border-bottom:1px solid #E6ECEE}
table.tile td {padding:5px 0}
table.tile td ul {text-align:left; padding-left:0}
table.tile td ul li {list-style:none; width:100%}
table.tile td ul li a {width:100%}
table.tile td ul li a big {right:0; float:right; margin-right:13px}
table.tile_info {width:100%}
table.tile_info td {text-align:left; padding:1px; font-size:15px}
table.tile_info td p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; line-height:28px}
table.tile_info td i {margin-right:8px; font-size:17px; float:left; width:18px; line-height:28px}
table.tile_info td:first-child {width:83%}

.sidebar-widget {overflow:hidden}

.error-number {font-size:90px; line-height:90px; margin:20px 0}

.col-middle {margin-top:5%}

.mid_center {width:370px; margin:0 auto; text-align:center; padding:10px 20px}

h3.degrees {font-size:22px; font-weight:400; text-align:center}
.degrees:after {content:"o"; position:relative; top:-12px; font-size:13px;}

.daily-weather .day {font-size:12px; border-top:2px solid rgba(115, 135, 156, 0.36); text-align:center; border-bottom:2px solid rgba(115, 135, 156, 0.36); padding:5px 0}
.weather-days .col-sm-2 {overflow:hidden; width:16.66666667%}
.weather .row {margin-bottom:0}

.bulk-actions {display:none}

table.countries_list {width:100%}
table.countries_list td {padding:0 10px; line-height:30px; border-top:1px solid #eeeeee}

button.DTTT_button, div.DTTT_button, a.DTTT_button {border:1px solid #E7E7E7 !important; background:#E7E7E7 !important; box-shadow:none !important}

table.jambo_table {border:1px solid rgba(221, 221, 221, 0.78)}
table.jambo_table thead {background:rgba(52, 73, 94, 0.94); color:#ECF0F1}
table.jambo_table tbody tr:hover td {background:rgba(38, 185, 154, 0.07); border-top:1px solid rgba(38, 185, 154, 0.11); border-bottom:1px solid rgba(38, 185, 154, 0.11)}
table.jambo_table tbody tr.selected {background:rgba(38, 185, 154, 0.16)}
table.jambo_table tbody tr.selected td {border-top:1px solid rgba(38, 185, 154, 0.4); border-bottom:1px solid rgba(38, 185, 154, 0.4)}

table.display {margin:0 auto; clear:both; width:100%}
table.display thead th {padding:8px 18px 8px 10px; border-bottom:1px solid black; font-weight:bold; cursor:pointer}
table.display tfoot th {padding:3px 18px 3px 10px; border-top:1px solid black; font-weight:bold}
table.display tr.heading2 td {border-bottom:1px solid #aaa}
table.display td {padding:3px 10px}
table.display td.center {text-align:center}
table.display thead th:active, table.display thead td:active {outline:none}

.top .dataTables_info {float:none}

tfoot input {margin:0.5em 0; width:100%; color:#444}
tfoot input.search_init {color:#999}
td.group {background-color:#d1cfd0; border-bottom:2px solid #A19B9E; border-top:2px solid #A19B9E}
td.details {background-color:#d1cfd0; border:2px solid #A19B9E}

.dataTables_empty {text-align:center}

.example_alt_pagination div.dataTables_info {width:40%}

.paging_full_numbers {width:400px; height:22px; line-height:22px}
.paging_full_numbers a:active {outline:none}
.paging_full_numbers a:hover {text-decoration:none}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
border:1px solid #aaa; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 5px; margin:0 3px; cursor:pointer}
.paging_full_numbers a.paginate_button {background-color:#ddd}
.paging_full_numbers a.paginate_button:hover {background-color:#ccc; text-decoration:none !important}
.paging_full_numbers a.paginate_active {background-color:#99B3FF}

table.display tr.even.row_selected td {background-color:#B0BED9}
table.display tr.odd.row_selected td {background-color:#9FAFD1}

div.box {height:100px; padding:10px; overflow:auto; border:1px solid #d9d9d9; background-color:#f1f1f1}

ul.msg_list li {background:#f7f7f7; padding:5px; display:-ms-flexbox; display:flex; margin:6px 6px 0; width:96% !important}
ul.msg_list li:last-child {margin-bottom:6px; padding:10px}
ul.msg_list li a {padding:3px 5px !important}
ul.msg_list li a .image img {border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; float:left; margin-right:10px; width:11%}
ul.msg_list li a .time {font-size:11px; font-style:italic; font-weight:bold; position:absolute; right:35px}
ul.msg_list li a .message {display:block !important; font-size:11px}

.info-number .badge {font-size:10px; font-weight:normal; line-height:13px; padding:2px 6px; position:absolute; right:2px; top:8px}

ul.to_do {padding:0}
ul.to_do li {background:#f3f3f3; border-radius:3px; position:relative; padding:7px; margin-bottom:5px; list-style:none}
ul.to_do p {margin:0}

.dashboard-widget {background:#f6f6f6; border-top:5px solid #79C3DF; border-radius:3px; padding:5px 10px 10px}
.dashboard-widget .dashboard-widget-title {font-weight:normal; border-bottom:1px solid #c1cdcd; margin:0 0 10px 0; padding-bottom:5px; padding-left:40px; line-height:30px}
.dashboard-widget .dashboard-widget-title i {font-size:100%; margin-left:-35px; margin-right:10px; color:#33a1c9; padding:3px 6px; border:1px solid #abd9ea; border-radius:5px; background:#fff}

ul.quick-list {width:45%; padding-left:0; display:inline-block}
ul.quick-list li {padding-left:10px; list-style:none; margin:0; padding-bottom:6px; padding-top:4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
ul.quick-list li i {padding-right:10px; color:#757679}

.dashboard-widget-content {padding-top:9px}
.dashboard-widget-content .sidebar-widget {width:50%; display:inline-block; vertical-align:top; background:#fff; border:1px solid #abd9ea; border-radius:5px; text-align:center; float:right; padding:2px; margin-top:10px}

.widget_summary {width:100%; display:-ms-inline-flexbox; display:inline-flex}
.widget_summary .w_left {float:left; text-align:left}
.widget_summary .w_center {float:left}
.widget_summary .w_right {float:left; text-align:right}
.widget_summary .w_right span {font-size:20px}

h5.graph_title {text-align:left; margin-left:10px}
h5.graph_title i {margin-right:10px; font-size:17px}

span.right {float:right; font-size:12px !important}

.tile_info a {text-overflow:ellipsis}

.sidebar-footer {bottom:0px; clear:both; display:block; padding:5px 0 0 0; position:fixed; width:230px; background:#2A3F54; z-index:999;}
.sidebar-footer a {padding:7px 0 3px; text-align:center; width:25%; font-size:17px; display:block; float:left; background:#172D44; cursor:pointer;}
.sidebar-footer a:hover {background:#425567}

/* tile_count */
.tile_count {margin-bottom:20px; margin-top:20px}
.tile_count .tile_stats_count {border-bottom:1px solid #D9DEE4; padding:0px 10px 10px 90px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative}
.tile_count .tile_stats_count:before {content:""; position:absolute; left:0; height:65px; border-left:2px solid #ADB2B5; margin-top:10px}
.tile_count .tile_stats_count .count {font-size:35px; line-height:47px; font-weight:600}
.tile_count .tile_stats_count span {font-size:12px;}
.tile_count .tile_stats_count .count_bottom i {width:12px }

/* dashboard_graph */
.dashboard_graph {background:#fff; padding:10px 17px; border:1px solid #efeeee; border-radius:5px; margin-bottom:10px; position:relative; width:100%; display:inline-block; border:1px solid #efeeee; border-radius:5px; 
    -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid; opacity:1; transition:all .2s ease;   }
.dashboard_graph .col-md-9, .dashboard_graph .col-md-3 {padding:0}
.dashboard_graph .x_title {padding:5px 5px 7px}
.dashboard_graph .x_title h3 {margin:0; font-weight:normal}
.dashboard_graph p {margin:0 0 4px}

a.user-profile {color:#5E6974 !important}
.user-profile img {width:29px; height:29px; border-radius:50%; margin-right:10px}
ul.top_profiles {height:330px; width:100%}
ul.top_profiles li {margin:0; padding:3px 5px}
ul.top_profiles li:nth-child(odd) {background-color:#eee}

.media .profile_thumb {border:1px solid; width:50px; height:50px; margin:5px 10px 5px 0; border-radius:50%; padding:9px 12px}
.media .profile_thumb i {font-size:30px}
.media .date {background:#ccc; width:52px; margin-right:10px; border-radius:10px; padding:5px}
.media .date .month {margin:0; text-align:center; color:#fff}
.media .date .day {text-align:center; color:#fff; font-size:27px; margin:0; line-height:27px; font-weight:bold}

.event .media-body a.title {font-weight:bold}
.event .media-body p {margin-bottom:0}

h4.graph_title {margin:7px; text-align:center}

.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}

.tile-stats {position:relative; display:block; margin-bottom:12px; border:1px solid #E4E4E4; -webkit-border-radius:5px; overflow:hidden; padding-bottom:5px; -webkit-background-clip:padding-box; 
	-moz-border-radius:5px; -moz-background-clip:padding; border-radius:5px; background-clip:padding-box; background:#FFF; transition:all 300ms ease-in-out}
.tile-stats:hover .icon i {animation-name:transformAnimation; animation-duration:.5s; animation-iteration-count:1; color:rgba(58, 58, 58, 0.41); animation-timing-function:ease; animation-fill-mode:forwards; 
	-webkit-animation-name:transformAnimation; -webkit-animation-duration:.5s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:ease; -webkit-animation-fill-mode:forwards; 
	-moz-animation-name:transformAnimation; -moz-animation-duration:.5s; -moz-animation-iteration-count:1; -moz-animation-timing-function:ease; -moz-animation-fill-mode:forwards}
.tile-stats .icon {width:20px; height:20px; color:#BAB8B8; position:absolute; right:53px; top:22px; z-index:1}
.tile-stats .icon i {margin:0; font-size:60px; line-height:0; vertical-align:bottom; padding:0}
.tile-stats .count {font-size:20px; font-weight:bold; line-height:1.65857}
.tile-stats .count, .tile-stats h3, .tile-stats p {position:relative; margin:0; margin-left:10px; z-index:5; padding:0}
.tile-stats h3 {color:#BAB8B8}
.tile-stats p {margin-top:5px; font-size:12px}
.tile-stats > .dash-box-footer {position:relative; text-align:center; margin-top:5px; padding:3px 0; color:#fff; color:rgba(255, 255, 255, 0.8); display:block; z-index:10; background:rgba(0, 0, 0, 0.1); text-decoration:none}
.tile-stats > .dash-box-footer:hover {color:#fff; background:rgba(0, 0, 0, 0.15)}
.tile-stats > .dash-box-footer:hover {color:#fff; background:rgba(0, 0, 0, 0.15)}

table.tile_info {padding:10px 15px}
table.tile_info span.right {margin-right:0; float:right; position:absolute; right:4%}

.tile:hover {text-decoration:none}
.tile_header {border-bottom:transparent; padding:7px 15px; margin-bottom:15px; background:#E7E7E7}
.tile_head h4 {margin-top:0; margin-bottom:5px}
.tiles-bottom {padding:5px 10px; margin-top:10px; background:rgba(194, 194, 194, 0.3); text-align:left}

a.star {color:#428bca !important}

.mail_content {background:none repeat scroll 0 0 #FFFFFF; border-radius:4px; margin-top:20px; min-height:500px; padding:10px 11px; width:100%}

.list-btn-mail {margin-bottom:15px}
.list-btn-mail.active {border-bottom:1px solid #39B3D7; padding:0 0 14px}
.list-btn-mail > i {float:left; font-size:18px; font-style:normal; width:33px}
.list-btn-mail > .cn {background:none repeat scroll 0 0 #39B3D7; border-radius:12px; color:#FFFFFF; float:right; font-style:normal; padding:0 5px}

.button-mail {margin:0 0 15px !important; text-align:left; width:100%}

.btn-group-vertical .btn, .btn-group .btn {margin-bottom:0; margin-right:0}

.mail_list_column {border-left:1px solid #DBDBDB}
.mail_view {border-left:1px solid #DBDBDB}
.mail_list {width:100%; border-bottom:1px solid #DBDBDB; margin-bottom:2px; display:inline-block}
.mail_list .left {width:5%; float:left; margin-right:3%}
.mail_list .right {width:90%; float:left}
.mail_list h3 {font-size:15px; font-weight:bold; margin:0px 0 6px}
.mail_list h3 small {float:right; color:#ADABAB; font-size:11px; line-height:20px}
.mail_list .badge {padding:3px 6px; font-size:8px; background:#BAB7B7}

@media ( max-width:767px) {
	.mail_list {margin-bottom:5px; display:inline-block}
}
.mail_heading h4 {font-size:18px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:20px}

.attachment {margin-top:30px}
.attachment ul {width:100%; list-style:none; padding-left:0; display:inline-block; margin-bottom:30px}
.attachment ul li {float:left; width:150px; margin-right:10px; margin-bottom:10px}
.attachment ul li img {height:150px; border:1px solid #ddd; padding:5px; margin-bottom:10px}
.attachment ul li span {float:right}
.attachment .file-name {float:left}
.attachment .links {width:100%; display:inline-block}

.compose {padding:0; position:fixed; bottom:0; right:0; background:#fff; border:1px solid #D9DEE4; border-right:0; border-bottom:0; border-top-left-radius:5px; z-index:9999; display:none}
.compose .compose-header {padding:5px; background:#169F85; color:#fff; border-top-left-radius:5px}
.compose .compose-header .close {text-shadow:0 1px 0 #ffffff; line-height:.8}
.compose .compose-body .editor.btn-toolbar {margin:0}
.compose .compose-body .editor-wrapper {height:100%; min-height:50px; max-height:180px; border-radius:0; border-left:none; border-right:none; overflow:auto}
.compose .compose-footer {padding:10px}

.editor.btn-toolbar {zoom:1; background:#F7F7F7; margin:5px 2px; padding:3px 0; border:1px solid #EFEFEF}

.ln_solid {border-top:1px solid #e5e5e5; color:#ffffff; background-color:#ffffff; height:1px; margin:20px 0}

span.section {display:block; width:100%; padding:0; margin-bottom:20px; font-size:21px; line-height:inherit; color:#333; border:0; border-bottom:1px solid #e5e5e5}

.no-border {border-radius:0; width:100%; border:none !important; display:block; height:30px; padding:0 12px; font-size:14px; background:#fff !important; color:#000 !important;}

legend {font-size:18px; color:inherit}

.bs-glyphicons {margin:0 -10px 20px; overflow:hidden}
.bs-glyphicons-list {padding-left:0; list-style:none}
.bs-glyphicons li {float:left; width:25%; height:115px; padding:10px; font-size:10px; line-height:1.4; text-align:center; background-color:#f9f9f9; border:1px solid #fff}
.bs-glyphicons .glyphicon {margin-top:5px; margin-bottom:10px; font-size:24px}
.bs-glyphicons .glyphicon-class {display:block; text-align:center; word-wrap:break-word}
.bs-glyphicons li:hover {color:#fff; background-color:#1ABB9C}

.not_valid {background:#FBD8DB !important; color:#90111A !important; border-radius:4px; line-height:1.6;}

ul.bar_tabs {overflow:visible; background:#F5F7FA; height:25px; margin:21px 0 14px; padding-left:14px; position:relative; z-index:1; width:100%; border-bottom:1px solid #E6E9ED}
ul.bar_tabs > li {border:1px solid #E6E9ED; color:#333 !important; margin-top:-17px; margin-left:8px; background:#fff; border-bottom:none; border-radius:4px 4px 0 0}
ul.bar_tabs > li.active {border-right:6px solid #D3D6DA; border-top:0; margin-top:-15px}
ul.bar_tabs > li a {padding:10px 17px; background:#F5F7FA; margin:0; border-top-right-radius:0}
ul.bar_tabs > li a:hover {border:1px solid transparent}
ul.bar_tabs > li.active a {border-bottom:none}
ul.bar_tabs.right {padding-right:14px}
ul.bar_tabs.right li {float:right}

/* timeline */
ul.timeline li {position:relative; border-bottom:1px solid #e8e8e8; clear:both}
.timeline .block {margin:0; border-left:3px solid #e8e8e8; overflow:visible; padding:10px 15px; margin-left:105px}
.timeline.widget {min-width:0; max-width:inherit}
.timeline.widget .block {margin-left:5px}
.timeline .tags {position:absolute; top:15px; left:0; width:84px}
.timeline .tag {display:block; height:30px; font-size:13px; padding:8px}
.timeline .tag span {display:block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis}
.timeline h2.title {position:relative; font-size:16px; margin:0}
.timeline h2.title:before {content:""; position:absolute; left:-23px; top:3px; display:block; width:14px; height:14px; border:3px solid #d2d3d2; border-radius:14px; background:#f9f9f9}
.timeline .byline {padding:.25em 0}

.byline {-webkit-font-smoothing:antialiased; font-style:italic; font-size:.9375em; line-height:1.3; color:#aab6aa}

ul.social li {border:0}
.social-sidebar, .social-body {float:right}
.social-sidebar {background:#EDEDED; width:22%}
.social-body {border:1px solid #ccc; width:78%}

.thumb img {width:50px; height:50px; border-radius:50%}
.chat .thumb img {width:27px; height:27px; border-radius:50%}
.chat .status {float:left; margin:16px 0 0 -16px; font-size:12px; font-weight:bold; width:12px; height:12px; display:block; border:2px solid #FFF; z-index:9999; border-radius:50%}
.chat .status.online {background:#1ABB9C}
.chat .status.away {background:#F39C12}
.chat .status.offline {background:#ccc}
.chat .media-body {padding-top:5px}

.chart {position:relative; display:inline-block; width:110px; height:110px; margin-top:5px; margin-bottom:5px; text-align:center}
.chart canvas {position:absolute; top:0; left:0}

.percent {display:inline-block; line-height:110px; z-index:2; font-size:18px}
.percent:after {content:'%'; margin-left:0.1em; font-size:.8em}

.angular {margin-top:100px}
.angular .chart {margin-top:0}

.widget {min-width:250px; max-width:310px}
.widget_tally_box .btn-group button {text-align:center}
.widget_tally_box .btn-group button {color:inherit; font-weight:500; background-color:#f5f5f5; border:1px solid #e7e7e7}

ul.widget_tally, ul.widget_tally li {width:100%}
ul.widget_tally li {padding:2px 10px; border-bottom:1px solid #ECECEC; padding-bottom:4px}
ul.widget_tally .month {width:70%; float:left}
ul.widget_tally .count {width:30%; float:left; text-align:right}

.pie_bg {border-bottom:1px solid rgba(101, 204, 182, 0.16); padding-bottom:15px; border-radius:4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); 
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); padding-bottom:10px; box-shadow:0 4px 6px -6px #222}
.widget_tally_box .flex {display:-ms-flexbox; display:flex}
ul.widget_profile_box {width:100%; height:42px; padding:3px; background:#ececec; margin-top:40px; margin-left:1px}
ul.widget_profile_box li:first-child {width:25%; float:left}
ul.widget_profile_box li:first-child a {float:left}
ul.widget_profile_box li:last-child {width:25%; float:right}
ul.widget_profile_box li:last-child a {float:right}
ul.widget_profile_box li a {font-size:22px; text-align:center; width:35px; height:35px; border:1px solid rgba(52, 73, 94, 0.44); display:block; border-radius:50%; padding:0px}
ul.widget_profile_box li a:hover {color:#1ABB9C !important; border:1px solid #26b99a}
ul.widget_profile_box li .profile_img {width:75px; height:75px; margin:0; margin-top:-28px}

.widget_tally_box p, .widget_tally_box span {text-align:center}
.widget_tally_box .name {text-align:center; margin:25px}
.widget_tally_box .name_title {text-align:center; margin:5px}
.widget_tally_box ul.legend {margin:0}
.widget_tally_box ul.legend p, .widget_tally_box ul.legend span {text-align:left}
.widget_tally_box ul.legend li .icon {font-size:20px; float:left; width:14px}
.widget_tally_box ul.legend li .name {font-size:12px; margin:5px 0 0 14px; text-overflow:ellipsis; float:left}
.widget_tally_box ul.legend p {display:inline-block; margin:0}
.widget_tally_box ul.verticle_bars li {height:140px; width:23%}
.widget .verticle_bars li .progress.vertical.progress_wide {width:65%}

ul.count2 {width:100%; margin-left:1px; border:1px solid #ddd; border-left:0; border-right:0; padding:10px 0}
ul.count2 li {width:30%; text-align:center}
ul.count2 li h3 {font-weight:500; margin:0}
ul.count2 li span {font-weight:500}

.divider {border-bottom:1px solid #ddd; margin:10px}
.divider-dashed {border-top:1px dashed #e7eaec; background-color:#ffffff; height:1px; margin:10px 0}

ul.messages {padding:0; list-style:none}
ul.messages li, .tasks li {border-bottom:1px dotted #e6e6e6; padding:8px 0}
ul.messages li img.avatar, img.avatar {height:32px; width:32px; float:left; display:inline-block; border-radius:2px; padding:2px; background:#f7f7f7; border:1px solid #e6e6e6}
ul.messages li .message_date {float:right; text-align:right}
ul.messages li .message_wrapper {margin-left:50px; margin-right:40px}
ul.messages li .message_wrapper h4.heading {font-weight:600; margin:0; cursor:pointer; margin-bottom:10px; line-height:100%}
ul.messages li .message_wrapper blockquote {padding:0px 10px; margin:0; border-left:5px solid #eee}

ul.user_data li {margin-bottom:6px}
ul.user_data li p {margin-bottom:0}
ul.user_data li .progress {width:90%}

.project_progress .progress {margin-bottom:3px !important; margin-top:5px}
.projects .list-inline {margin:0}

.profile_title {background:#F5F7FA; border:0; padding:7px 0; display:-ms-flexbox; display:flex}

ul.stats-overview {border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:10px}
ul.stats-overview li {display:inline-block; text-align:center; padding:0 15px; width:30%; font-size:12px; border-right:1px solid #e8e8e8}
ul.stats-overview li:last-child {border-right:0}
ul.stats-overview li .name {font-size:12px}
ul.stats-overview li .value {font-size:12px; font-weight:bold; display:block}
ul.stats-overview li:first-child {padding-left:0}

ul.project_files li {margin-bottom:5px}
ul.project_files li a i {width:20px}
.project_detail p {margin-bottom:10px}
.project_detail p.title {font-weight:bold; margin-bottom:0}

.avatar img {border-radius:50%; max-width:45px}

.pricing {background:#fff}
.pricing .title {background:#1ABB9C; height:110px; color:#fff; padding:15px 0 0; text-align:center}
.pricing .title h2 {text-transform:capitalize; font-size:18px; border-radius:5px 5px 0 0; margin:0; font-weight:400}
.pricing .title h1 {font-size:30px; margin:12px}
.pricing .title span {background:rgba(51, 51, 51, 0.28); padding:2px 5px}
.pricing_features {background:#FAFAFA; padding:20px 15px; min-height:230px; font-size:13.5px}
.pricing_features ul li {margin-top:10px}
.pricing_footer {padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; text-align:center; border-bottom-right-radius:3px; border-bottom-left-radius:3px}
.pricing_footer p {font-size:13px; padding:10px 0 2px; display:block}

.ui-ribbon-container {position:relative}
.ui-ribbon-container .ui-ribbon-wrapper {position:absolute; overflow:hidden; width:80px; height:88px; top:-3px; right:-3px}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {background-color:#5b90bf}
.ui-ribbon-container .ui-ribbon {position:relative; display:block; text-align:center; font-size:15px; font-weight:700; color:#fff; transform:rotate(45deg); padding:7px 0; left:-5px; top:15px; 
	width:120px; line-height:20px; background-color:#555; box-shadow:0 0 3px rgba(0, 0, 0, 0.3)}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after, .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {border-top:2px solid #5b90bf}
.ui-ribbon-container .ui-ribbon:before {left:0; bottom:-1px}
.ui-ribbon-container .ui-ribbon:before {right:0}
.ui-ribbon-container .ui-ribbon:after, .ui-ribbon-container .ui-ribbon:before {position:absolute; content:" "; line-height:0; border-top:2px solid #555; border-left:2px solid transparent; border-right:2px solid transparent}

.caption {padding:9px 5px; background:#F7F7F7; height:56px;}
.caption p {margin-bottom:5px}

.thumbnail {height:190px; overflow:hidden; padding:0px;}
.thumbnail .image {height:132px; overflow:hidden;}

.view {overflow:hidden; position:relative; text-align:center; /* box-shadow:0px 0px 1px 1px #d2d2d2; */ cursor:default}
.view .mask, .view .content {position:absolute; width:100%; overflow:hidden; top:0; left:0}
.view img {display:block; position:relative}
.view .tools {text-transform:uppercase; color:#fff; text-align:center; position:relative; font-size:17px; padding:3px; background:rgba(0, 0, 0, 0.35); /* margin:43px 0 0 0 */ /* margin-top:100px; */}
.mask.no-caption .tools {margin:90px 0 0 0}
.view .tools a {display:inline-block; color:#FFF; font-size:18px; font-weight:400; padding:0 4px}
.view p {font-family:'KoPubWorldDotum'; /* font-style:italic; */ font-size:12px; position:relative; color:#fff; padding:10px 20px 20px; text-align:left;}
.view a.info {display:inline-block; text-decoration:none; padding:7px 14px; background:#000; color:#fff; text-transform:uppercase; box-shadow:0 0 1px #000}
.view-first img {transition:all 0.2s linear}
.view-first .mask {opacity:0; background-color:rgba(0, 0, 0, 0.5); transition:all 0.4s ease-in-out; height:100%;}
.view-first .tools {transform:translateY(-100px); opacity:0; transition:all 0.2s ease-in-out; min-height:30px;}
.view-first p {transform:translateY(100px); opacity:0; transition:all 0.2s linear; /* min-height:calc(100% - 45px); */}
.view-first:hover img {transform:scale(1.1)}
.view-first:hover .mask {opacity:1}
.view-first:hover .tools, .view-first:hover p {opacity:1; transform:translateY(0px)}
.view-first:hover p {transition-delay:0.1s}



.sideways {margin-top:50px; border:none; position:relative}
.sideways > li {height:20px; width:120px; margin-bottom:100px}
.sideways > li > a {border-bottom:1px solid #ddd; border-right-color:transparent; text-align:center; border-radius:4px 4px 0px 0px}
.sideways > li.active > a, .sideways > li.active > a:hover, .sideways > li.active > a:focus {border-bottom-color:transparent; border-right-color:#ddd; border-left-color:#ddd}
.sideways.tabs-left {left:-50px}
.sideways.tabs-right {right:-50px}
.sideways.tabs-right > li {transform:rotate(90deg)}
.sideways.tabs-left > li {transform:rotate(-90deg)}

.morris-hover {position:absolute; z-index:1000}
.morris-hover.morris-default-style {padding:6px; color:#666; background:rgba(243, 242, 243, 0.8); border:solid 2px rgba(195, 194, 196, 0.8); font-family:'KoPubWorldDotum'; font-size:12px; text-align:center}
.morris-hover.morris-default-style .morris-hover-row-label {font-weight:bold; margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point {white-space:nowrap; margin:0.1em 0}

.price {font-size:40px; font-weight:400; color:#26B99A; margin:0}

.prod_title {border-bottom:1px solid #DFDFDF; padding-bottom:5px; margin:30px 0; font-size:20px; font-weight:400}
.product-image img {width:90%}
.prod_color li {margin:0 10px}
.prod_color li p {margin-bottom:0}
.prod_size li {padding:0}
.prod_color .color {width:25px; height:25px; border:2px solid rgba(51, 51, 51, 0.28) !important; padding:2px; border-radius:50px}
.product_gallery a {width:100px; height:100px; float:left; margin:10px; border:1px solid #e5e5e5}
.product_gallery a img {width:100%; margin-top:15px}
.product_price {margin:20px 0; padding:5px 10px; background-color:#FFFFFF; text-align:left; border:2px dashed #E0E0E0}
.price-tax {font-size:18px}
.product_social {margin:20px 0}
.product_social ul li a i {font-size:35px}

.switchery {width:32px; height:20px}
.switchery > small {width:20px; height:20px}

fieldset {border:none; margin:0; padding:0}

/* cropper  */
.cropper .img-container, .cropper .img-preview {background-color:#f7f7f7; width:100%; text-align:center}
.cropper .img-container {min-height:200px; max-height:516px; margin-bottom:20px}
.cropper .img-container > img {max-width:100%}

.cropper .docs-preview {margin-right:-15px}

.cropper .img-preview {float:left; margin-right:10px; margin-bottom:10px; overflow:hidden}
.cropper .img-preview > img {max-width:100%}

.cropper .preview-lg {width:263px; height:148px}
.cropper .preview-md {width:139px; height:78px}
.cropper .preview-sm {width:69px; height:39px}
.cropper .preview-xs {width:35px; height:20px; margin-right:0}

.cropper .docs-data > .input-group {margin-bottom:10px}
.cropper .docs-data > .input-group > label {min-width:80px}
.cropper .docs-data > .input-group > span {min-width:50px}

.cropper .docs-buttons > .btn, .cropper .docs-buttons > .btn-group, .cropper .docs-buttons > .form-control {margin-right:5px; margin-bottom:10px}
.cropper .docs-toggles > .btn, .cropper .docs-toggles > .btn-group, .cropper .docs-toggles > .dropdown {margin-bottom:10px}

.cropper .docs-tooltip {display:block; margin:-6px -12px; padding:6px 12px}
.cropper .docs-tooltip > .icon {margin:0 -3px; vertical-align:top}

.cropper .tooltip-inner {white-space:normal}

.cropper .btn-upload .tooltip-inner, .cropper .btn-toggle .tooltip-inner {white-space:nowrap}

.cropper .btn-toggle {padding:6px}
.cropper .btn-toggle > .docs-tooltip {margin:-6px; padding:6px}

.cropper .docs-options .dropdown-menu {width:100%}
.cropper .docs-options .dropdown-menu > li {padding:3px 20px}
.cropper .docs-options .dropdown-menu > li:hover {background-color:#f7f7f7}
.cropper .docs-options .dropdown-menu > li > label {display:block}

.cropper .docs-cropped .modal-body {text-align:center}
.cropper .docs-cropped .modal-body > img, .cropper .docs-cropped .modal-body > canvas {max-width:100%}

.cropper .docs-diagram .modal-dialog {max-width:352px}

.cropper .docs-cropped canvas {max-width:100%}

@media ( max-width:400px) {
	.cropper .btn-group-crop {margin-right:-15px !important}
	.cropper .btn-group-crop > .btn {padding-left:5px; padding-right:5px}
	.cropper .btn-group-crop .docs-tooltip {margin-left:-5px; margin-right:-5px; padding-left:5px; padding-right:5px}
}


/* form_wizard */
.form_wizard .stepContainer {display:block; position:relative; margin:0; padding:0; border:0 solid #CCC; overflow-x:hidden;}
.wizard_horizontal ul.wizard_steps {display:table; list-style:none; position:relative; width:100%; margin:0 0 20px}
.wizard_horizontal ul.wizard_steps li {display:table-cell; text-align:center}
.wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover {display:block; position:relative; -moz-opacity:1; filter:alpha(opacity = 100); opacity:1; color:#666}
.wizard_horizontal ul.wizard_steps li a:before {content:""; position:absolute; height:4px; background:#ccc; top:20px; width:100%; z-index:4; left:0}
.wizard_horizontal ul.wizard_steps li a.disabled .step_no {background:#ccc}
.wizard_horizontal ul.wizard_steps li a .step_no {width:40px; height:40px; line-height:40px; border-radius:100px; display:block; margin:0 auto 5px; font-size:16px; text-align:center; position:relative; z-index:5}
.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no {background:#34495E; color:#fff}
.wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no {background:#4894c3; color:#fff}
.wizard_horizontal ul.wizard_steps li:first-child a:before {left:50%}
.wizard_horizontal ul.wizard_steps li:last-child a:before {right:50%; width:50%; left:auto}

.wizard_verticle .stepContainer {width:80%; float:left; padding:0 10px}

.wizard_verticle .wizard_content {width:80%; float:left; padding-left:20px}
.wizard_verticle ul.wizard_steps {display:table; list-style:none; position:relative; width:20%; float:left; margin:0 0 20px}
.wizard_verticle ul.wizard_steps li {display:list-item; text-align:center}
.wizard_verticle ul.wizard_steps li a {height:80px}
.wizard_verticle ul.wizard_steps li a:first-child {margin-top:20px}
.wizard_verticle ul.wizard_steps li a, .wizard_verticle ul.wizard_steps li:hover { display:block; position:relative; -moz-opacity:1; filter:alpha(opacity = 100); opacity:1; color:#666}
.wizard_verticle ul.wizard_steps li a:before {content:""; position:absolute; height:100%; background:#ccc; top:20px; width:4px; z-index:4; left:49%}
.wizard_verticle ul.wizard_steps li a.disabled .step_no {background:#ccc}
.wizard_verticle ul.wizard_steps li a .step_no {width:40px; height:40px; line-height:40px; border-radius:100px; display:block; margin:0 auto 5px; font-size:16px; text-align:center; position:relative; z-index:5}
.wizard_verticle ul.wizard_steps li a.selected:before, .step_no {background:#354f63; color:#fff}
.wizard_verticle ul.wizard_steps li a.done:before, .wizard_verticle ul.wizard_steps li a.done .step_no {background:#1ABB9C; color:#fff}
.wizard_verticle ul.wizard_steps li:first-child a:before {left:49%}
.wizard_verticle ul.wizard_steps li:last-child a:before {left:49%; left:auto; width:0}

.form_wizard .loader {display:none}
.form_wizard .msgBox {display:none}

/* actionBar */
.actionBar {width:100%; border-top:1px solid #ddd; padding:10px 5px; text-align:right; margin-top:10px; clear:both;}
.actionBar .buttonDisabled {cursor:not-allowed; pointer-events:none; opacity:.65; filter:alpha(opacity = 65); box-shadow:none}
.actionBar a {margin:0 3px}

/*progress */
.progress {border-radius:0}
.progress-bar-info {background-color:#3498DB}
.progress-bar-success {background-color:#26B99A}
.progress_summary .progress {margin:5px 0 12px !important}
.progress_summary .row {margin-bottom:5px}
.progress_summary .row .col-xs-2 {padding:0}
.progress_summary .more_info span {text-align:right; float:right}
.progress_summary .data span {text-align:right; float:right}
.progress_summary p {margin-bottom:3px; width:100%}
.progress_title .left {float:left; text-align:left}
.progress_title .right {float:right; text-align:right;}
.progress.progress_sm {border-radius:0; margin-bottom:18px; height:10px !important}
.progress.progress_sm .progress-bar {height:10px !important}

ul.verticle_bars {width:100%; display:flex;}
ul.verticle_bars li {width:23%; height:200px; margin:0}

.progress.vertical.progress_wide {width:35px}

.alert-success {color:#ffffff; background-color:rgba(38, 185, 154, 0.88); border-color:rgba(38, 185, 154, 0.88)}
.alert-info {color:#E9EDEF; background-color:rgba(52, 152, 219, 0.88); border-color:rgba(52, 152, 219, 0.88)}
.alert-warning {color:#E9EDEF; background-color:rgba(243, 156, 18, 0.88); border-color:rgba(243, 156, 18, 0.88)}
.alert-danger, .alert-error {color:#E9EDEF; background-color:rgba(231, 76, 60, 0.88); border-color:rgba(231, 76, 60, 0.88)}

.ui-pnotify.dark .ui-pnotify-container {color:#E9EDEF; background-color:rgba(52, 73, 94, 0.88); border-color:rgba(52, 73, 94, 0.88)}

.custom-notifications {position:fixed; margin:15px; right:0; float:right; width:400px; z-index:9999; bottom:0}

ul.notifications {float:right; display:block; margin-bottom:7px; padding:0; width:100%}
.notifications li {float:right; margin:3px; width:36px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3)}
.notifications li:last-child {margin-left:0}
.notifications a {display:block; text-align:center; text-decoration:none; text-transform:uppercase; padding:9px 8px}

.tabbed_notifications .text {padding:5px 15px; height:140px; border-radius:7px; box-shadow:6px 6px 6px rgba(0, 0, 0, 0.3)}
.tabbed_notifications div p {display:inline-block}
.tabbed_notifications h2 {font-weight:bold; text-transform:uppercase; width:80%; float:left; height:20px; text-overflow:ellipsis; overflow:hidden; display:block}
.tabbed_notifications .close {padding:5px; color:#E9EDEF; float:right; opacity:1}

.fc-state-default {background:#f5f5f5; color:#354f63}
.fc-state-down, .fc-state-active {color:#333; background:#ccc}

/* grid-widget */
.setting-open.grid-widget-box {transition:right 0.3s; right:0px; z-index:9999;}
.grid-widget-box {transition:right 0.3s; text-transform:uppercase; border-radius:3px; background-color:#e8e8e8; position:fixed; top:130px; right:-700px; padding:14px 14px 24px 14px; 
	z-index:9999; width:700px; box-shadow:0 2px 7px rgba(91, 107, 123, 0.72);}
.btn.widget_show_hide {width:54px; height:50px; line-height:50px; display:block; font-size:27px; border-width:1px; border-style:solid; border-right:0; border-radius:0; border-bottom-left-radius:3px; 
	border-top-left-radius:3px; text-align:center; position:absolute; left:-55px; top:25px; z-index:55; padding:0; /* border-color:#2a3f54; */ color:#fff; background:#5b6b7b;}
.btn.grid-btn-app {position:relative; padding-top:12px; margin:0 0 10px 10px; min-width:105px; height:130px; box-shadow:none; border-radius:0; text-align:center; color:#ffffff; 
	background-color:rgba(42, 63, 84, 0.72); font-size:12px; border-radius:4px; width:105px; font-weight:bold;}
.btn.grid-btn-app:hover {background:#f4f4f4; color:rgba(42, 63, 84, 0.72); border-color:#ffffff} 
.btn.grid-btn-app2 { position:relative; padding-top:12px; margin:0 0 10px 10px; min-width:105px; height:130px; box-shadow:none; border-radius:0; text-align:center; color:#ffffff; 
	background-color:rgba(42, 63, 84, 0.72); font-size:12px; border-radius:4px; width:105px; font-weight:bold;}
.btn.grid-btn-app > .fa, .btn.grid-btn-app > .glyphicon, .grid-btn-app > .ion {font-size:20px; display:block;} 

/* File */
input[type="text"].fileName {max-width:150px}
.fileSearch {display:block}
.fileHolder {position:relative; min-width:300px; padding:0 70px 0 0}
.fileControl {position:absolute; top:0; right:0; width:65px}
.fileControl input[type="file"].fileMulti {position:absolute; width:0px; height:0px; padding:0; margin:0; overflow:hidden; border:0px none}
.fileControl label.fileBtn {display:inline-block; width:80px; max-width:none; margin-left:2px; padding:3px 10px 3px; background:#1ABB9C; border-radius:3px; font-size:0.95em; font-weight:normal; color:#F1F6F7; text-align:center; line-height:normal; white-space:nowrap; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.fileControl label.fileBtn:hover {background:#16ab8e}
.filesBox {min-width:200px; min-height:50px; padding:5px 10px 15px 5px; border:1px solid #d3d3d3; background:#fafafa; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.filesBox a.MultiFile-remove {display:inline-block; overflow:hidden; width:13px; height:13px; background:url(../images/multiFile/btn_del.png) no-repeat center center; text-indent:-999px; vertical-align:middle; cursor:pointer}
.filesBox div.MultiFile-label {padding-bottom:5px;}
.filesBox > ul {list-style:none; padding-left:0px;}
.filesBox > ul > li {padding-top:5px;}

.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }


/* Input Mode */
.initEnOnly {-webkit-ime-mode:disable; -moz-ime-mode:disable; -ms-ime-mode:disable; ime-mode:disable;}
.initEn {-webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive;}
.initKo {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}

.ajax-loding-wrap {height:100%; left:0; position:fixed; top:0; width:100%; z-index:999999; background:rgba(0, 0, 0, 0.54); display:none;}
.ajax-loding-bar {position:absolute; left:calc(50% - 60px); top:calc(50% - 50px); z-index:1000000; font-size:100px; color:#ffffff;}

.nowrap-overflow {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.contrastColorBox {width:40px; float:left; margin-right:5px;}
.contrastColorBox span {border:0px; border-radius:0px; line-height:1.3; padding-bottom:10px;}

.sortable {padding:0 4px 6px 0; margin:0; min-height:30px; list-style:none; border:1px solid #b3b3b3; border-radius:3px; border-color:#b3b3b3;}
.sortable li {cursor:pointer; /* display:inline-block; */ float:left; border-radius:.25em; padding:2px; margin:4px 0 0 4px;}
.sortable li div {padding:6px; margin:0; list-style:none; border-radius:3px;}
.sortable li .active {background-color:#337ab7; color:#fff;}
.sortable li .inactive {background-color:#bebebf; color:#fff;}

/* ******************** 챗봇관련 Style ******************** */
.line_top {border-top :1px solid #efeeee;}
.line_right {border-right :1px solid #efeeee;}
.line_bottom {border-bottom :1px solid #efeeee;}
.line_left {border-left :1px solid #efeeee;}
.botTable {width:100%; max-width:100%; margin-bottom:5px;}
.botTable > tbody > tr > td, .botTable > tbody > tr > th, .botTable > tfoot > tr > td, .botTable > tfoot > tr > th, .botTable > thead > tr > td, .botTable > thead > tr > th {
	padding:8px; line-height:2.4; vertical-align:middle; text-align:center;}
.botTable th {border-top:1px solid #ececec; border-bottom:2px solid #dedede;}
.botTable td {border-bottom:1px solid #ececec;}
span.botDesc {font-size:11px; color:#8c8c8c;}
div.botDashedDesc {border:dashed 1px #4b5f71; padding:10px; border-radius:5px; background-color:#4b5f710d; }

input.input-bottom-line {border-bottom:1px solid #607d8b; border-top:0px; border-left:0px; border-right:0px; background-color:#ffffff; display:block; width:100%; height:34px; 
	padding:6px 12px; line-height:1.42857143; color:#555; background-color:#fff; border-radius:4px;}
input.input-bottom-line:hover {border-bottom:1px solid #11c4fe;}
input.input-radius {border-radius:30px;}

div.scrollDiv {padding:10px 5px 10px 5px; overflow-y:auto; border:1px solid #cccccc; border-radius:4px;}
div.scrollDiv:hover {border:1px solid #11c4fe;}

.fa-radius {cursor:pointer; color:#ffffff; padding:4px; border-radius:50%; width:20px; height:20px; background-color:#4b5f71; text-align:center; vertical-align:middle;}
.fa-radius:hover {background-color:#11c4fe; color:#ffffff;}

.dashedLine {width:100%; border:1px dashed #dedede; float:left;}

.botImage {width:100%; text-align:center; padding-top:27px; float:left; height:160px; border-radius:8px; padding-left:calc(50% - 60px); 
	background-image:linear-gradient(-240deg, #585858 0%, #585858 15%, #505050 15%, #505050 32.5%, #484848 32.5%, #484848 50%, #414141 50%, #414141 67.5%, #363636 67.5%, #363636 85%, #313131 85%, #313131 100%); }
.botImage div {cursor:pointer; border-radius:50%; width:110px; height:110px; padding:5px; background-color:#ababab; box-shadow:0 0px 10px rgba(0,0,0,.5); text-align:center; }
.botImage > div > img {width:100px; height:100px; border-radius:50%;}

.botTheme {height:162px; overflow-y:auto; float:left; padding-top:5px; padding-bottom:5px;}
.botTheme div.item {padding:0px 5px 5px 5px;}
.botTheme div.item span {width:100%;}

/* ui-state */
.ui-state-default {list-style-type:none; text-align:center; padding:5px 8px 5px 8px; float:left; width:calc(25% - 10px); height:50px; font-size:15px; color:#ffffff; 
	border-radius:5px; margin-left:5px; margin-right:5px; cursor:pointer; 
	background-image:linear-gradient(-240deg, #4b5f71 0%, #4b5f71 15%, #4b5f71 15%, #405161 32.5%, #405161 32.5%, #405161 50%, #313e4a 50%, #313e4a 67.5%, #313e4a 67.5%, #212931 85%, #212931 85%, #212931 100%);}
.ui-state-default:hover {color:#11c4fe; }
.ui-state-default .num {color:#FFEB3B; text-align:left; width:100%; font-size:12px;}
.ui-state-default .title {text-align:center; width:100%; font-size:15px; margin-top:-5px;}

.ajax-loading-wrap {height:100%; left:0; position:fixed; top:0; width:100%; z-index:999999; background:rgba(0, 0, 0, 0.54); display:none;}


/**** 20231116 css 추가 ****/
.warning_page .warning-content .border-checkbox-section .border-checkbox-group .border-checkbox-label:before {right:0; left:auto; border:1px solid #a0a0a0; background:transparent;}
/* .warning_page .warning-content .border-checkbox-section .border-checkbox-group .border-checkbox-label:after {right:10px; left:auto; border-color:#ee3e00;} */
.warning_page .warning-content .border-checkbox-section .border-checkbox-group .border-checkbox-label span {right:10px; left:auto; border-color:#ee3e00;}
.warning_page .title_notice {font-family:'Agency FB'; font-size:80px; font-weight:700; text-align:center; line-height:1; margin-bottom:50px; display:block;
	background:url(../images/main/bg_notice.png) repeat center;  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color: transparent;
	animation: aitf 78s linear infinite; -webkit-animation: aitf 78s linear infinite; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden; backface-visibility: hidden;}

@keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}

@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}

/* 게시판 */
.board_title {font-size:28px;} 

/* .form_area {position:relative;}
.form_area table {width:100%; border-collapse:collapse; border-top:3px solid #4f4d56;}
.form_area table th {padding:20px 20px; text-align:center; font-size:16px; font-weight:600; 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:16px;}
.form_area table td .form_control {font-size:16px; padding:1px 12px;}
.form_area table td .m_radio > input[type=radio] + label {font-size:16px;}
.form_area table td textarea.form_control {padding:0;}
.form_area table tr:last-child th {border-color:#6b6b6b;}
.form_area table tr:last-child td {border-color:#6b6b6b;} */

.form_area .input-group {margin-bottom:0; /* display:block; */}
.form_area .input-group .form_control:first-child {display:inline-block; width:300px;}
.form_area .time_wrap {display:inline-block;}
.form_area .time_wrap .select2.select2-container {display:inline-block; width:60px !important; min-width:60px !important; text-align:center;}
.form_area .time_wrap .select2-container--default .select2-selection--single .select2-selection__rendered {min-width:60px;}

.form_area .categorySch .categorySch_wrap .note-editor {border:1px solid #e4e4e4; border-radius:3px;}
.form_area .dropdown-toggle::after {display:none;}

.form_area .btn-default {border-color:#e8ecef; color:#000; border-radius:3px;}

.form_area table .switchery {background-color:#004bb6 !important; border-color:#004bb6 !important; box-shadow:#004bb6 0px 0px 0px 11px inset !important;}

.board_detail {border-top:3px solid #4f4d56; border-bottom:1px solid #6b6b6b; background:#fff;}
.board_detail + .list_table_area {margin-top:0;}
.board_detail + .list_table_area.type_row table {border-top:none;}

/* 정보 */
.board_detail .board_info {padding:0 20px; font-size:16px; border-bottom:1px solid #4f4d56; line-height:45px;}
.board_detail .board_info:after {content:""; display:block; width:100%; height:0px; clear:both; float:none;}
.board_detail .board_info .info_name {display:inline-block; color:#777777;}
.board_detail .board_info .info_name .info_item {margin-right:115px;}
.board_detail .board_info .info_name span:last-of-type {margin-right:0;}
.board_detail .board_info .info_file {float:right;}
.board_detail .board_info .info_file a.file_item {display:inline-block; color:#004bb6;}
.board_detail .board_info .info_file a.file_item :before {content:"\eedb"; font-family:"Icofont"; display:inline-block; margin:0 5px 0 0; font-size:20px; vertical-align:middle;}
.board_detail .board_info .info_file a.file_item span {display:inline-block; vertical-align:middle; font-size:15px; margin-right:15px;}
.board_detail .board_info .info_file > span {color:#737373; font-size:15px;}

.board_detail .board_info .info_file > a {color:#004bb6; font-size:15px; font-weight:500;}
.board_detail .board_info .info_file > a img {padding-right:15px;}
.board_detail .board_info .info_file > a span {color:#737373; vertical-align:middle; margin-left:15px;}

.board_detail .editor_area {padding:35px 20px; font-size:16px;}
.board_detail .editor_area p {margin:0 0 10px; color:#000;}

a.disabled {pointer-events:none; color:#aaa !important;}

.board_btn_area:after {content:""; display:block; clear:both; float:none; width:100%; height:0;}
.board_btn_area > a {font-size:15px; position:relative; width:45%; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; height:44px; padding-top:22px;}
.board_btn_area .btn-preview {float:left;}
.board_btn_area .btn-next {float:right; text-align:right;}
.board_btn_area > a:before {content:""; display:block; position:absolute; width:69px; height:13px; bottom:30px; transition:0.2s;}
.board_btn_area .btn-preview:before {background:url(../images/board/icon_preview.png); left:0;}
.board_btn_area .btn-preview:hover:before {background:url(../images/board/icon_preview_hover.png);}
.board_btn_area .btn-next:before {background:url(../images/board/icon_next.png); right:0;}
.board_btn_area .btn-next:hover:before {background:url(../images/board/icon_next_hover.png);}


/* 파일 업로드 */
.insert {display:inline-block; width:100%; margin:0; position:relative;}
.insert label {cursor:pointer; display:inline-block; line-height:1; padding:0 30px; margin:0; font-size:14px; text-align:center; border:1px solid #666; border-radius:6px; color:#666; background:#fff; 
	font-weight:500; transition:0.2s; height:30px; line-height:28px; vertical-align:middle;}
.insert label:hover {color:#4eb0f5; border-color:#4eb0f5; background:#fff;}

.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 #004bb6; 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;}
.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 #div_fileList {width:calc(100% - 125px); float:right; display:block;}
.insert #div_fileList label {vertical-align:top;}
.insert #div_fileList .file_list {width:100%;} 






