/*
------------------------------------------------------------
 * @프로그램명:smartview base 스타일시트
 * @파일명:smartview_base.css
 * @작성일:2022. 09. 19.
 * @작성자:엄윤섭
------------------------------------------------------------
*/

 @font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:100;
  src:url(/font/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'),
       url(/font/NotoSansKR/NotoSansKR-Thin.woff) format('woff'),
       url(/font/NotoSansKR/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:300;
  src:url(/font/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'),
       url(/font/NotoSansKR/NotoSansKR-Light.woff) format('woff'),
       url(/font/NotoSansKR/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:400;
   src:url(/font/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'),
        url(/font/NotoSansKR/NotoSansKR-Regular.woff) format('woff'),
        url(/font/NotoSansKR/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:500;
   src:url(/font/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'),
        url(/font/NotoSansKR/NotoSansKR-Medium.woff) format('woff'),
        url(/font/NotoSansKR/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:700;
   src:url(/font/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'),
        url(/font/NotoSansKR/NotoSansKR-Bold.woff) format('woff'),
        url(/font/NotoSansKR/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:900;
   src:url(/font/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'),
        url(/font/NotoSansKR/NotoSansKR-Black.otf) format('opentype');
 } 
 
@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');
}



/* 여기 */
@font-face {
  font-family:'GMarketSans';
  font-style:normal;
  font-weight:300;
  src:url(/font/GmarketSans/GmarketSansLight.woff2) format('woff2'),
       url(/font/GmarketSans/GmarketSansLight.woff) format('woff'),
       url(/font/GmarketSans/GmarketSansLight.otf) format('opentype');
}
@font-face {
   font-family:'GMarketSans';
   font-style:normal;
   font-weight:500;
   src:url(/font/GmarketSans/GmarketSansMedium.woff2) format('woff2'),
        url(/font/GmarketSans/GmarketSansMedium.woff) format('woff'),
        url(/font/GmarketSans/GmarketSansMedium.otf) format('opentype');
 }
@font-face {
   font-family:'GMarketSans';
   font-style:normal;
   font-weight:700;
   src:url(/font/GmarketSans/GmarketSansBold.woff2) format('woff2'),
        url(/font/GmarketSans/GmarketSansBold.woff) format('woff'),
        url(/font/GmarketSans/GmarketSansBold.otf) format('opentype');
 }


body{padding:0;margin:0;font-family:'Pretendard', '프리텐다드', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;color:#000;font-size:14px;font-weight:400;line-height:1.42857143;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{padding:0;margin:0;line-height:1.42857143;}
a,
a:focus, a:hover{color:inherit;text-decoration:none;cursor:pointer;}
button{cursor:pointer;}
button, input, optgroup, select, textarea{line-height:1.42857143;font-size:1em;}
label{margin:0;font-weight:normal;}
:focus-visible{border-color:initial;outline:1px solid #3b63eb;outline-offset:0px;}
::placeholder{color:#c4c4c4;}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus{outline:1px solid #3b63eb;outline-offset:0px;}
input[type=checkbox], input[type=radio]{padding:0;margin:0;}
input[type=file]{display:initial;}
button[disabled]{color:#c4c4c4;border-color:#c4c4c4;background-color:#e4e4e4;}
input[type=text][disabled],
input[type=file][disabled]{color:#c4c4c4;border-color:#c4c4c4;background-color:#e4e4e4 !important;}
.btn.active, .btn:active{box-shadow:initial;}
hr{margin-top:10px;margin-bottom:10px;}

/* 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.3); border-radius:4px;} /* Handle */
::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.5);} /* Handle on hover */


.skipLink{position:absolute;top:-99999px;}
.skipLink a{display:block;padding:8px 0;width:150px;position:fixed;top:-99999px;z-index:999999;text-align:center;color:#fff;background:#000;}
.skipLink a:focus, .skipLink a:hover, .skipLink a:focus, .skipLink a:active{left:0px;top:0px}
.skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0}

/* 너비 */
.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;}
.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;}

/* Align */
.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}

/* Button */
.m_btn{display:inline-block;vertical-align:middle;line-height:30px;padding:0 15px;margin:2px;color:#003880;font-size:14px;border:1px solid #003880;border-radius:3px;background:#fff;}
.m_btn:hover{color:#3b63eb;border-color:#3b63eb;}
.m_btn.btn_hs{line-height:22px;padding:0 6px;font-size:13px;}
.m_btn.btn_hl{line-height:46px;padding:0 26px;font-size:15px;}

.m_btn.btn_blue{color:#fff;border-color:#003880;background:#003880;}
.m_btn.btn_blue:hover{border-color:#3b63eb;background:#3b63eb;}

.m_icon{display:inline-block;vertical-align:middle;width:30px;height:30px;padding:0;margin:2px;font-size:0;text-align:center;font-style:normal;border:0;border-radius:3px;background-color:transparent;cursor:pointer;}
.m_icon:after{display:inline-block;vertical-align:middle;line-height:30px;font-family:'icofont';font-size:14px;}
.m_icon:hover{color:#3b63eb;}

.m_icon.icon_add:after{content:'\efc2';}
.m_icon.icon_edit:after{content:'\ebf6';}
.m_icon.icon_ok:after{content:'\eed8';font-size:22px;}
.m_icon.icon_ok:hover{color:#13ce00;}
.m_icon.icon_delete:after{content:'\eebb';font-size:16px;}
.m_icon.icon_delete:hover{color:#f53535;}
.m_icon.icon_search:after{content:'\ed11';}
.m_icon.icon_save:after{content:'\ee00';font-size:12px;}
.m_icon.icon_file:after{content:'\eedb';font-size:12px;}
.m_icon.icon_link:after{content:'\ef1f';font-size:12px;}
.m_icon.icon_down:after{content:'\ef08';font-size:12px;}
.m_icon.icon_prev:before {content:""; width:30px; height:10px; background:url(../images/icon_prev.png)no-repeat;}
.m_icon.icon_menu:before {content:""; width:20px; height:15px; background:url(../images/icon_menu.png)no-repeat;}
.m_icon.icon_next:after {content:""; width:30px; height:10px; background:url(../images/icon_next.png)no-repeat;}
.m_icon.icon_prev:hover:before {background:url(../images/icon_prev_hover.png)no-repeat;}
.m_icon.icon_menu:hover:before {background:url(../images/icon_menu_hover.png)no-repeat;}
.m_icon.icon_no:after {background:url(../images/icon_next_off.png)no-repeat;}

/* input */
.m_text{display:inline-block;vertical-align:middle;height:30px;padding:0 10px;margin:2px;border-radius:3px;border:1px solid #c4c4c4;}

.m_search{display:inline-block;vertical-align:middle;height:30px;padding:0;margin:2px;position:relative;}
.m_search > input[type=text]{display:inline-block;vertical-align:top;height:30px;padding:0 30px 0 10px;border-radius:3px;border:1px solid #c4c4c4;background-color:#fff;}
.m_search > button{display:block;width:30px;height:30px;position:absolute;top:0;right:0;font-size:0;border:0;border-radius:0 3px 3px 0;outline-offset:-1px;background-color:transparent;transition:opacity 0.2s ease;}
.m_search > button:after{display:block;content:'\eee1';font-family:'Icofont';font-size:0;}
.m_search > input[type=text]:focus + button:after{font-size:14px;}
.m_search > input[type=text] + button:focus:after{font-size:14px;}

.m_date{display:inline-block;vertical-align:middle;margin:2px;position:relative;}
.m_date > input[type=text]{display:inline-block;width:100%;height:30px;padding:0 30px 0 10px;position:relative;border-radius:3px;border:1px solid #c4c4c4;background:#fff url(../images/icon/icon_calendars.png) no-repeat 5px center;cursor:pointer;}
.m_date > input[type=text]:focus{background:#fff url(../images/icon/icon_calendars_hover.png) no-repeat 5ox center;}
.m_date .daterangepicker.dropdown-menu{min-width:485px;}
.m_date .daterangepicker.dropdown-menu.single{min-width:initial;} 
.m_date .date_period .daterangepicker.ltr .calendar.left{float:left;}
.m_date .date_period .daterangepicker.ltr .calendar.right{float:left;}
.m_date .date_period .daterangepicker.ltr .ranges{clear:both;}
.m_date .date_period + .daterangepicker{min-width:500px;}
.m_date .daterangepicker .input-mini{padding:0;margin:0;text-align:center;}
.m_date .daterangepicker select{border:1px solid #c4c4c4;border-radius:3px;} 
.m_date .daterangepicker .ranges{float:initial !important;text-align:center;}
.m_date .btn-success{border-color:#2c71b1;background-color:#2c71b1;background-image:none;}

.m_file{display:inline-block;vertical-align:middle;height:30px;padding:0 30px 0 10px;margin:2px;position:relative;text-indent:-74px;border-radius:3px;border:1px solid #c4c4c4;background:#fff url(../images/icon/icon_file.png) no-repeat right center;cursor:pointer;}
.m_file:before{display:block;content:"";width:10px;position:absolute;top:0;bottom:0;left:0;background-color:#fff;}
.m_file:focus{background-image:url(../images/icon/icon_file_active.png);}
.m_file[disabled]:before{background-color:#e4e4e4;}

/* textarea */
.m_textarea{display:inline-block;vertical-align:middle;width:100%;padding:5px 10px;margin:2px;border-radius:3px;border:1px solid #c4c4c4;resize:none;}

/* input checkbox */
.m_check{display:inline-block;vertical-align:middle;margin:2px;position:relative;}
.m_check > input[type=checkbox]{width:20px;height:20px;position:absolute;top:0;left:0;border-radius:3px;appearance:inherit;z-index:0;}
.m_check > input[type=checkbox] + label{display:inline-block;vertical-align:top;height:20px;padding:0 10px 0 25px;position:relative;}
.m_check > input[type=checkbox] + label:before{display:block;content:'';width:20px;height:20px;position:absolute;top:0;left:0;border:1px solid #c4c4c4;border-radius:3px;background-color:#fff;z-index:0;overflow:hidden;}
.m_check > input[type=checkbox] + label:after{display:block;content:"\f00e";width:0;height:0;position:absolute;top:9px;left:9px;color:#fff;font-family:"IcoFont";font-size:0;text-align:center;transition:all 0.1s ease;overflow:hidden;}
.m_check > input[type=checkbox]:checked + label:before{border-color:#e43c41;background-color:#e43c41;}
.m_check > input[type=checkbox]:checked + label:after{width:20px;height:20px;line-height:20px;left:0;top:0;font-size:initial;}
.m_check > input[type=checkbox]:disabled + label{color:#c4c4c4;}
.m_check > input[type=checkbox]:disabled + label:before{border-color:#e4e4e4;background-color:#e4e4e4;}

/* input checkradio */
.m_checkradio{display:inline-block;vertical-align:middle;margin:2px;position:relative;}
.m_checkradio > input[type=checkbox]{width:20px;height:20px;position:absolute;top:0;left:0;border-radius:10px;appearance:inherit;z-index:0;}
.m_checkradio > input[type=checkbox] + label{display:inline-block;vertical-align:top;height:20px;padding:0 10px 0 25px;position:relative;}
.m_checkradio > input[type=checkbox] + label:before{display:block;content:'';width:20px;height:20px;position:absolute;top:0;left:0;border:1px solid #c4c4c4;border-radius:10px;background-color:#fff;z-index:0;overflow:hidden;}
.m_checkradio > input[type=checkbox] + label:after{display:block;content:'';width:0;height:0;position:absolute;top:9px;left:9px;border-radius:5px;background-color:#fff;transition:all 0.1s ease;overflow:hidden;}
.m_checkradio > input[type=checkbox]:checked + label:before{border-color:#3b63eb;background-color:#3b63eb;}
.m_checkradio > input[type=checkbox]:checked + label:after{width:10px;height:10px;top:5px;left:5px;}
.m_checkradio > input[type=checkbox]:disabled + label{color:#c4c4c4;}
.m_checkradio > input[type=checkbox]:disabled + label:before{border-color:#e4e4e4;background-color:#e4e4e4;}

/* input radio */
.m_radio{display:inline-block;vertical-align:middle;margin:2px;position:relative;}
.m_radio > input[type=radio]{width:20px;height:20px;position:absolute;top:0;left:0;border-radius:10px;appearance:inherit;z-index:0;}
.m_radio > input[type=radio] + label{display:inline-block;vertical-align:top;height:20px;padding:0 10px 0 25px;position:relative;}
.m_radio > input[type=radio] + label:before{display:block;content:'';width:20px;height:20px;position:absolute;top:0;left:0;border:1px solid #c4c4c4;border-radius:10px;background-color:#fff;z-index:0;overflow:hidden;}
.m_radio > input[type=radio] + label:after{display:block;content:'';width:0;height:0;position:absolute;top:9px;left:9px;border-radius:5px;background-color:#fff;transition:all 0.1s ease;overflow:hidden;}
.m_radio > input[type=radio]:checked + label:before{border-color:#3b63eb;background-color:#3b63eb;}
.m_radio > input[type=radio]:checked + label:after{width:10px;height:10px;top:5px;left:5px;}
.m_radio > input[type=radio]:disabled + label{color:#c4c4c4;}
.m_radio > input[type=radio]:disabled + label:before{border-color:#e4e4e4;background-color:#e4e4e4;}

/* input switch */
.m_switch{display:inline-block;vertical-align:middle;margin:2px;position:relative;}
.m_switch > input[type=checkbox]{width:40px;height:20px;position:absolute;top:0;left:0;border-radius:10px;appearance:inherit;z-index:0;}
.m_switch > input[type=checkbox] + label{display:inline-block;vertical-align:top;width:40px;height:20px;position:relative;font-size:0;border-radius:10px;border:1px solid #c4c4c4;background-color:#fff;}
.m_switch > input[type=checkbox] + label:before{display:block;content:'';clear:both;width:18px;height:18px;position:absolute;top:0;left:0;border-radius:10px;border:1px solid #fff;background-color:#c4c4c4;transition:all ease 0.1s;}
.m_switch > input[type=checkbox]:checked + label:before{left:calc(100% - 18px);background-color:#3b63eb;}
.m_switch > input[type=checkbox]:disabled + label{border-color:#e4e4e4;background-color:#e4e4e4;}
.m_switch > input[type=checkbox]:disabled + label:before{border-color:#e4e4e4;background-color:#f4f4f4;}

/* select - select2 */
.m_select{display:inline-block;vertical-align:middle;margin:2px;}
.m_select .select2-container{margin-right:0;}
.m_select .select2-container .select2-selection--single{height:30px;border-color:#c4c4c4;border-radius:3px !important;}
.m_select .select2-container--default .select2-selection--single .select2-selection__arrow{width:20px;height:initial;bottom:0;}
.m_select .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left:0;left:0;border-top-color:#000;}
.m_select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-bottom-color:#000;}
.m_select .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:28px;padding-left:10px;color:#000;}
.m_select .select2-container--default .select2-search--dropdown .select2-search__field{border-color:#c4c4c4;border-radius:3px;}
.m_select .select2-container--default .select2-search--dropdown .select2-search__field:focus{outline:1px solid transparent;border-color:#66afe9;box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);}
.m_select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.m_select .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-color:#3b63eb;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.m_select .select2-results__option{padding-left:10px;}
.m_select .select2-container--default .select2-results > .select2-results__options{border-radius:2px;}
.m_select .select2-container--default .select2-results__option[aria-selected=true]{color:#3b63eb;font-weight:700;background-color:#fff;}
.m_select .select2-container--default .select2-results__option--highlighted{color:initial;background-color:#f4f5ff;}
.m_select .select2-container--open .select2-dropdown{border:1px solid #c4c4c4;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.m_select .select2-search--dropdown{padding:4px 8px;}

.m_select .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{color:#c4c4c4;background-color:#e4e4e4;}
.m_select .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b{border-top-color:#c4c4c4;}

/* select - selectpicker */
.m_select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:inherit;}
.m_select .bootstrap-select > .dropdown-toggle{padding:0 20px 0 10px;line-height:28px;border-radius:3px;border-color:#c4c4c4;background-color:#fff;box-shadow:none;}
.m_select .bootstrap-select .dropdown-toggle .filter-option-inner-inner{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m_select .bootstrap-select .dropdown-menu{padding:0;margin:0;border-color:#c4c4c4;box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.m_select .bootstrap-select .dropdown-menu li a{padding:6px 10px;}
.m_select .bs-searchbox .form-control{height:30px;}
.m_select .bootstrap-select > select.mobile-device:focus + .dropdown-toggle, 
.m_select .bootstrap-select .dropdown-toggle:focus{outline:1px solid transparent !important;outline-offset:0;}
.m_select .bootstrap-select.open > .dropdown-toggle{border-color:#3b63eb;}
.m_select .bootstrap-select.open > .dropdown-toggle:hover{background-color:#fff;}
.m_select .dropdown-menu > .active > a{background:transparent;color:#3b63eb;font-weight:700;}
.m_select .dropdown-menu > li > a:hover, 
.m_select .dropdown-menu > li > a:focus{background:#f4f5ff;}
.m_select .bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:0;}
.m_select .bootstrap-select .dropdown-toggle .bs-caret{width:20px;line-height:30px;padding:0;position:absolute;top:1px;right:0;bottom:0;}
.m_select .bootstrap-select .dropdown-toggle .caret{left:0;right:initial;border-style:solid;border-width:5px 4px 0 4px;border-color:#000 transparent transparent transparent;}
.m_select .bootstrap-select.open > .dropdown-toggle .caret{border-width:0px 4px 5px 4px;border-color:transparent transparent #000 transparent}

.m_select .bootstrap-select > .dropdown-toggle.disabled{color:#c4c4c4;background-color:#e4e4e4;opacity:1;cursor:default;}
.m_select .bootstrap-select > .dropdown-toggle.disabled .caret{border-top-color:#c4c4c4;}

/* tooltip */
.m_tooltip{display:inline-block;vertical-align:middle;padding:2px 6px;margin:2px;color:#333;font-size:13px;border:1px solid #c4c4c4;border-radius:3px;background:#fff;}
.m_icontip{display:inline-block;vertical-align:middle;width:20px;height:20px;padding:0;margin:2px;font-size:0;text-align:center;border:0;border-radius:10px;background:#003880;}
.m_icontip:after{display:block;line-height:1;content:'\ef1c';color:#fff;font-family:'icofont';font-size:18px;}
.m_tooltip + .tooltip .tooltip-inner,
.m_icontip + .tooltip .tooltip-inner{background-color:rgba(0,0,0,0.8);}
.m_tooltip + .tooltip.top .tooltip-arrow,
.m_icontip + .tooltip.top .tooltip-arrow{border-top-color:rgba(0,0,0,0.8);}
.m_tooltip + .tooltip.right .tooltip-arrow,
.m_icontip + .tooltip.right .tooltip-arrow{border-right-color:rgba(0,0,0,0.8);}
.m_tooltip + .tooltip.bottom .tooltip-arrow,
.m_icontip + .tooltip.bottom .tooltip-arrow{border-bottom-color:rgba(0,0,0,0.8);}
.m_tooltip + .tooltip.left .tooltip-arrow,
.m_icontip + .tooltip.left .tooltip-arrow{border-left-color:rgba(0,0,0,0.8);}

/* dropaone*/
.dropzone_area .dropzone{min-height:220px;padding:0;margin:2px;position:relative;text-align:center;border:1px dashed #c4c4c4;border-radius:3px;background-color:#fff;z-index:1;}
.dropzone_area .dropzone .dz-message{margin:0;}
.dropzone_area .dropzone .dropzone_user{display:inline-block;padding:2em 0;text-align:center;position:relative;z-index:-1;}
.dropzone_area .dropzone .dropzone_message{display:block;font-size:16px;font-weight:400;}
.dropzone_area .dropzone .dropzone_message.icon_json{padding-top:70px;background:url(/images/icon/icon_json.png) no-repeat center top;}
.dropzone_area .dropzone .dropzone_message.icon_xls{padding-top:70px;background:url(/images/icon/icon_xls.png) no-repeat center top;}
.dropzone_area .dropzone .dropzone_explain{display:block;margin-top:10px;color:#c4c4c4;}
.dropzone_area .dropzone .dropzone_btn{display:inline-block;line-height:30px;padding:0 20px 0 40px;margin-top:10px;position:relative;color:#fff;border:0;border-radius:15px;background-color:#003880;}
.dropzone_area .dropzone .dropzone_btn:hover{background-color:#3b63eb;}
.dropzone_area .dropzone .dropzone_btn:before{display:block;content:"\f01c";position:absolute;top:0;left:15px;color:#fff;font-family:'icofont';font-size:14px;}
.dropzone_area .dropzone.dz-drag-hover{background-color:rgba(28,145,217,0.1);}
.dropzone_area .dropzone.dz-drag-hover .dropzone_message.icon_json{background-image:url(/images/icon/icon_json_active.png);}
.dropzone_area .dropzone.dz-drag-hover .dropzone_message.icon_xls{background-image:url(/images/icon/icon_xls_active.png);}
.dropzone_area .dropzone.dz-drag-hover .dropzone_btn{background-color:#3b63eb;}
.dropzone_area .dropzone.dz-started{padding-left:50%;}
.dropzone_area .dropzone.dz-started .dz-message{display:initial;}
.dropzone_area .dropzone.dz-started .dropzone_user{width:50%;margin-top:-110px;position:absolute;top:50%;left:0;}
.dropzone_area .dropzone.dz-started .dz-preview{display:block;min-height:80px;padding:10px 140px 10px 10px;margin:0;text-align:left;border-bottom:1px solid #e4e4e4;}
.dropzone_area .dropzone.dz-started .dz-preview:last-child{border-bottom:0;}
.dropzone_area .dropzone .dz-preview .dz-image{display:none;}
.dropzone_area .dropzone .dz-preview .dz-details{padding:10px 0;position:static;text-align:initial;}
.dropzone_area .dropzone .dz-preview .dz-details .dz-size{display:inline-block;vertical-align:top;width:80px;margin:0;font-size:14px;}
.dropzone_area .dropzone .dz-preview .dz-details .dz-filename{display:inline-block;vertical-align:top;margin-left:5px;}
.dropzone_area .dropzone .dz-preview.dz-complete .dz-progress{width:initial;height:10px;margin:0;position:absolute;top:initial;right:140px;bottom:10px;left:10px;opacity:1;}
.dropzone_area .dropzone .dz-preview .dz-error-message{width:initial;padding:2px 10px;top:20px;right:140px;left:initial;color:#be2626;background:none;opacity:1;}
.dropzone_area .dropzone .dz-preview .dz-error-message:after{top:5px;left:-6px;border-width:6px;border-style:solid;border-color:transparent #be2626 transparent transparent !important;}
.dropzone_area .dropzone .dz-preview .dz-success-mark{left:initial;right:80px;} 
.dropzone_area .dropzone .dz-preview .dz-error-mark{left:initial;right:10px;}

.dropzone_area + .dropzone_area{margin-top:10px;}

/* rangeSlider */
.m_rangeSlider{display:inline-block;vertical-align:middle;margin:2px;}
.m_rangeSlider .irs{height:30px;}
.m_rangeSlider .irs-line{height:4px;top:0;border-color:#c4c4c4;}
.m_rangeSlider .irs-line-left,
.m_rangeSlider .irs-line-mid,
.m_rangeSlider .irs-line-right{height:4px;}
.m_rangeSlider .irs-bar,
.m_rangeSlider .irs-bar-edge{height:4px;top:0;}
.m_rangeSlider .irs-shadow{top:1px;}
.m_rangeSlider .irs-slider{width:1px;height:7px;top:-1px;border-color:#c4c4c4;}
.m_rangeSlider .irs-min,
.m_rangeSlider .irs-max,
.m_rangeSlider .irs-from, 
.m_rangeSlider .irs-to, 
.m_rangeSlider .irs-single{line-height:1;padding:2px 4px;margin-top:-20px;font-size:11px;}
.m_rangeSlider .irs-grid{height:20px;}
.m_rangeSlider .irs-grid-text{bottom:2px;}

/* jstree */
.jstree_area.jstree-default .jstree-themeicon{font-style:normal;background:none;}
.jstree_area.jstree-default .jstree-themeicon:after{display:block;content:"\ef36";font-family:"Icofont";font-size:19px;color:#003880;}
.jstree_area.jstree-default .jstree-open{}
.jstree_area.jstree-default .jstree-open .jstree-themeicon:after{content:"\ec5b";}
.jstree_area.jstree-default .jstree-themeicon.user_file:after{content:"\eb2a";font-size:15px;}

/* title */
.m_title{display:inline-block;vertical-align:bottom;position:relative;}
.m_title + .m_title{margin-left:20px;}
h2.m_title{font-size:30px;font-weight:500;}
h3.m_title{font-size:25px;font-weight:500;}
h4.m_title{font-size:20px;font-weight:500;}

/* 컨트롤 영역 */
.ctrl_area{padding:10px 0;margin:0;}
ul.ctrl_area{list-style:none;}
ul.ctrl_area:after{display:block;content:'';clear:both;}
ul.ctrl_area > li:first-child{float:left;}
ul.ctrl_area > li:last-child{float:right;}

/* 검색 */
.search_area{display:inline-block;vertical-align:middle;position:relative;}

/* 목록번호 */
.paging_area{padding:10px 0;text-align:center;}
.paging_area > button,
.paging_area > a{display:inline-block;vertical-align:middle;min-width:30px;height:30px;line-height:30px;padding:0;margin:0;text-align:center;border:0;border-radius:3px;background-color:#fff;}
.paging_area > button:hover,
.paging_area > a:hover{color:#3b63eb;}
.paging_area > button.active,
.paging_area > .active{color:#fff;background-color:#3b63eb;}
.paging_area > .active:hover{color:#fff;}
.paging_area > .first,
.paging_area > .prev,
.paging_area > .next,
.paging_area > .last{border:1px solid #c4c4c4;font-size:0;}
.paging_area > .prev{margin-right:10px;}
.paging_area > .next{margin-left:10px;}
.paging_area > .first:before{content:"\eac6";font-family:"IcoFont";font-size:16px;}
.paging_area > .prev:before{content:"\eac9";font-family:"IcoFont";font-size:16px;}
.paging_area > .next:before{content:"\eaca";font-family:"IcoFont";font-size:16px;}
.paging_area > .last:before{content:"\eac7";font-family:"IcoFont";font-size:16px;}
.paging_area > .first:hover,
.paging_area > .prev:hover,
.paging_area > .next:hover,
.paging_area > .last:hover{color:#3b63eb;opacity:1;border:1px solid #3b63eb;background-color:inherit;}

/* 탭 */
.tab_area{position:relative;}
.tab_area > .tab_bar{display:flex;flex-direction:row;padding:0;margin:0;white-space:nowrap;border-bottom:1px solid #003880;}
.tab_area > .tab_bar > li{padding:0 2px;margin:0;list-style:none;}
.tab_area > .tab_bar > li:first-child{padding-left:0;}
.tab_area > .tab_bar > li:last-child{padding-right:0;}
.tab_area > .tab_bar > li > a{display:block;padding:4px 12px;position:relative;color:#a8a8a8;text-align:center;border-radius:3px 3px 0 0;border-bottom:0;background-color:#e8e8e8;}
.tab_area > .tab_bar > li > a:after{display:none;content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px 3px 0 0;background-color:rgba(0,0,0,0.4);}
.tab_area > .tab_bar > li > a:hover{color:#fff;background-color:#3b63eb;}
.tab_area > .tab_bar > li > a.active{color:#fff;background-color:#3b63eb;}
.tab_area > .tab_content{display:none;}
.tab_area > .tab_content.active{display:block;padding:10px;}

/* 목록 */
.list_area{padding:0 0 10px 0;}
.list_area table{width:100%;border-collapse:collapse;}
.list_area table caption{width:0;height:0;position:absolute;font-size:0;}
.list_area table thead th{padding:10px 5px;font-weight:500;border-top:1px solid #003880;border-bottom:1px solid #003880;}
.list_area table tbody tr:hover td{background-color:#f5f8fb;}
.list_area table tbody td{padding:10px 5px;border-bottom:1px solid #e8e8e8;}
.list_area table tbody td a:hover{color:#003880;}

.list_area .list_row{padding:0;margin:0;list-style:none;}
.list_area .list_row:after{display:block;content:'';clear:both;}
.list_area .list_row > li{float:left;padding:10px 5px;margin:0;border-bottom:1px solid #e8e8e8;}
.list_area .list_head .list_row > li{padding:10px 5px;font-weight:500;border-top:1px solid #003880;border-bottom:1px solid #003880;}
.list_area .list_body .list_row:hover > li{background-color:#f5f8fb;}
.list_area .list_body .list_row > li a:hover{color:#003880;}

/* form */
i.required{display:inline-block;vertical-align:top;margin:2px;}
i.required:after{display:block;content:'*';line-height:1;color:#f53535;}

.form_area{position:relative;}
.form_area table{width:100%;border-collapse:collapse;border-top:2px solid #000;}
.form_area table th{padding:5px 10px;text-align:left;font-size:15px;font-weight:500;border-bottom:1px solid #e4e4e4;background-color:#f5f5f5;}
.form_area table td{padding:5px 10px;border-bottom:1px solid #e4e4e4;background-color:#fff;}

/* 상세 */
.view_area{padding:0 0 10px 0;}
.view_area table{width:100%;border-collapse:collapse;}
.view_area table thead th{padding:10px;font-size:20px;font-weight:500;border-top:1px solid #003880;border-bottom:1px solid #003880;}
.view_area table tbody th{padding:10px;border-bottom:1px solid #e8e8e8;}
.view_area table tbody td{padding:10px;border-bottom:1px solid #e8e8e8;}

.view_area .view_head{padding:10px;font-size:20px;font-weight:500;border-top:1px solid #003880;border-bottom:1px solid #003880;}
.view_area .view_body .view_info{padding:0;margin:0;list-style:none;}
.view_area .view_body .view_info:after{display:block;content:'';clear:both;}
.view_area .view_body .view_info > li{float:left;padding:10px;}
.view_area .view_body .view_info > li.que{font-weight:700;}
.view_area .view_body .view_content{padding:10px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}

/* 목록 - 썸네일 */
.card_area .card_row{padding:0;margin:0 -10px;list-style:none;}
.card_area .card_row:after{display:block;content:'';clear:both;}
.card_area .card_row > li{float:left;padding:10px;list-style:none;}
.card_area .card_row.cols2 > li{width:50%;}
.card_area .card_row.cols3 > li{width:33.3333%;}
.card_area .card_row.cols4 > li{width:25%;}
.card_area .card_row.cols5 > li{width:20%;}
.card_area .card_item{display:block;border:1px solid transparent;overflow:hidden;}
.card_area .card_item:after{display:block;content:'';clear:both;}
.card_area .card_item:hover{border-color:#003880;background-color:#f5f8fb;}
.card_area .card_item > .img{display:block;width:100%;max-height:200px;overflow:hidden;}
.card_area .card_item > .img img{width:100%;}
.card_area .card_item > .subject{display:block;margin:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.card_area .card_item:hover > .subject{color:#003880;}
.card_area .card_item > .writer{display:block;float:left;width:40%;margin:0 10px;}
.card_area .card_item > .date{display:block;float:right;width:40%;margin:0 10px 10px;text-align:right;}

/* wizard */
.wizard_area{padding:0 0 10px 0;}
.wizard_area .wizard_step{padding:0;margin:0;list-style:none;position:relative;text-align:center;}
.wizard_area .wizard_step:before{display:block;content:'';width:100%;height:1px;background-color:#ddd;position:absolute;top:50%;right:0;left:0;}
.wizard_area .wizard_step > li{display:inline-block;padding:0;margin:0 20px;position:relative;}
.wizard_area .wizard_step .step{display:inline-block;padding:10px 30px;font-size:18px;background-color:#fff;}
.wizard_area .wizard_step .step.complete{color:#ccc;}
.wizard_area .wizard_step .step.active{color:#003880;font-size:30px;font-weight:500;}
.wizard_area .wizard_step .step i{display:inline-block;vertical-align:middle;width:26px;height:26px;line-height:26px;margin-right:10px;position:relative;font-size:16px;font-style:normal;text-align:center;border-radius:15px;border:1px solid #ccc;overflow:hidden;}
.wizard_area .wizard_step .step.active i{border-color:#003880;}
.wizard_area .wizard_step .step i:after{display:none;content:"\eed8";font-family:'icofont';font-size:20px;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;}
.wizard_area .wizard_step .step.complete i:after{display:block;}

/* 슬라이드 */
.slide_area{padding:20px 100px;margin:0 auto;}
.slide_area .slide_item{}

.slide_area .owl-carousel .owl-nav .owl-prev,
.slide_area .owl-carousel .owl-nav .owl-next{display:block;width:32px;height:32px;line-height:32px;margin-top:-32px;position:absolute;top:50%;text-align:center;border-radius:15px;background-color:rgba(0,0,0,0.2);}
.slide_area .owl-carousel .owl-nav .owl-prev{left:-50px;}
.slide_area .owl-carousel .owl-nav .owl-next{right:-50px;}
.slide_area .owl-carousel .owl-nav .owl-prev:before,
.slide_area .owl-carousel .owl-nav .owl-next:before{display:block;font-family:'icofont';font-size:20px;color:#fff;}
.slide_area .owl-carousel .owl-nav .owl-prev:before{content:'\ea9d';}
.slide_area .owl-carousel .owl-nav .owl-next:before{content:'\eaa0';}
.slide_area .owl-carousel .owl-nav .owl-prev span,
.slide_area .owl-carousel .owl-nav .owl-next span{display:none;}
.slide_area .owl-carousel .owl-dots{padding:10px 0;margin:0;text-align:center;}
.slide_area .owl-carousel .owl-dot{display:inline-block;vertical-align:middle;width:10px;height:10px;margin:0 5px;border-radius:5px;background-color:#ddd;}
.slide_area .owl-carousel .owl-dot.active{background-color:#000;}

.slide_area .slick-list{margin:0 -5px;}
.slide_area .slick-slide.slide_item{margin:0 5px;}
.slide_area .slick-slide.slide_item img{width:100%;}
.slide_area .slick-arrow{display:block;width:32px;height:32px;line-height:32px;margin-top:-32px;position:absolute;top:50%;font-size:0;text-align:center;border:0;border-radius:15px;background-color:rgba(0,0,0,0.2);}
.slide_area .slick-prev{left:-50px;}
.slide_area .slick-next{right:-50px;}
.slide_area .slick-arrow:before{display:block;font-family:'icofont';font-size:20px;color:#fff;}
.slide_area .slick-prev:before{content:'\ea9d';}
.slide_area .slick-next:before{content:'\eaa0';}
.slide_area .slick .slick-dots{padding:10px 0;margin:0;list-style:none;text-align:center;}
.slide_area .slick .slick-dots > li{display:inline-block;vertical-align:middle;padding:0;margin:0 5px;width:10px;height:10px;font-size:0;border:0;border-radius:5px;background-color:#ddd;cursor:pointer;}
.slide_area .slick .slick-dots > li.slick-active{background-color:#000;}
.slide_area .slick .slick-dots > li > button{display:none;}

.slide_area .bx-wrapper{margin:0;border:0;box-shadow:none;}
.slide_area .bx-wrapper .bx-prev,
.slide_area .bx-wrapper .bx-next{display:block;width:32px;height:32px;line-height:32px;margin-top:-32px;position:absolute;top:50%;font-size:0;text-align:center;text-indent:0;border-radius:15px;background-image:none;background-color:rgba(0,0,0,0.2);}
.slide_area .bx-wrapper .bx-prev:before,
.slide_area .bx-wrapper .bx-next:before{display:block;font-family:'icofont';font-size:20px;color:#fff;}
.slide_area .bx-wrapper .bx-prev:before{content:'\ea9d';}
.slide_area .bx-wrapper .bx-next:before{content:'\eaa0';}
.slide_area .bx-wrapper .bx-prev{left:-50px;}
.slide_area .bx-wrapper .bx-next{right:-50px;}
.slide_area .bx-wrapper .bx-pager{padding:10px 0;margin:0;position:static;text-align:center;}
.slide_area .bx-wrapper .bx-pager-item{vertical-align:middle;}
.slide_area .bx-wrapper .bx-pager.bx-default-pager a{background:#ddd;}
.slide_area .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;}

/* content */
.content_area{padding:15px 30px;}
.section_area{padding:0;margin:10px 0 40px;}

/* popup layer */
.wrap_layer {position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.3);z-index:10001;}
.layerType {position:absolute;}
.layerIn {padding:0 !important;position:relative;overflow:hidden;}
.layerIn .layerTop {}
.layerTop .close {float:none;display:block;width:40px;height:40px;padding:0;margin:0;position:absolute;top:0;right:0;color:#969696;font-size:24px;font-weight:normal;text-shadow:none;opacity:1;}
.layerTop .close > span{display:block;height:40px;position:relative;color:transparent;}
.layerTop .close > span:before{display:inline-block;content:'';width:10px;height:10px;position:absolute;top:15px;left:9px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);}
.layerTop .close > span:after{display:inline-block;content:'';width:10px;height:10px;position:absolute;top:15px;right:8px;border-top:1px solid #000;border-left:1px solid #000;transform:rotate(-45deg);}
.layerTop h4 {padding:5px 40px 5px 10px;font-size:30px;}
.layerTop h5 {padding:5px 40px 5px 10px;font-size:24px;}
.layerCon .popContents {padding:10px;overflow-x:hidden;}
.layerCon .msg{padding:20px 0;text-align:center;}
.layerCon .btnArea{text-align:center;}
.modal-content .ui-resizable-se {
	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);
	-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); 
	cursor:se-resize; width:20px; height:20px; right:0; bottom:0; position:absolute;
}

/***** response *****/
@media all and (max-width:1440px){
}

/* response - tablet */
@media all and (max-width:1024px){
}

/* response - phone */
@media all and (max-width:768px){
}