/*
------------------------------------------------------------
 * @프로그램명: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:200;
    src:url(/font/Pretendard/Pretendard-ExtraLight.woff2); src:local('☺'), url(/font/Pretendard/Pretendard-ExtraLight.otf) format('otf'), url(/font/Pretendard/Pretendard-ExtraLight.woff) format('woff'), url(/font/Pretendard/Pretendard-ExtraLight.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(/lib/font/GmarketSans/GmarketSansLight.woff2) format('woff2'), url(/lib/font/GmarketSans/GmarketSansLight.woff) format('woff'), url(/lib/font/GmarketSans/GmarketSansLight.otf) format('opentype');}
@font-face {font-family:'GMarketSans'; font-style:normal; font-weight:400;
    src:url(/lib/font/GmarketSans/GmarketSansMedium.woff2) format('woff2'), url(/lib/font/GmarketSans/GmarketSansMedium.woff) format('woff'), url(/lib/font/GmarketSans/GmarketSansMedium.otf) format('opentype');}
@font-face {font-family:'GMarketSans'; font-style:normal; font-weight:500;
    src:url(/lib/lib/font/GmarketSans/GmarketSansMedium.woff2) format('woff2'), url(/lib/lib/font/GmarketSans/GmarketSansMedium.woff) format('woff'), url(/lib/lib/font/GmarketSans/GmarketSansMedium.otf) format('opentype');}
@font-face {font-family:'GMarketSans'; font-style:normal; font-weight:700;
    src:url(/lib/font/GmarketSans/GmarketSansBold.woff2) format('woff2'), url(/lib/font/GmarketSans/GmarketSansBold.woff) format('woff'), url(/lib/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;}
body.lang_fi {padding:0; margin:0; font-family:'Noto Sans kr', '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:6px; height:6px;}
::-webkit-scrollbar-track {background:rgba(255,255,255,0);}
::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.05); border-radius:3px;}
::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.15);}

/* 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;}
.w550 {width:550px !important;}
.w560 {width:560px !important;}
.w570 {width:570px !important;}
.w580 {width:580px !important;}
.w590 {width:590px !important;}
.w600 {width:600px !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;}.lp60{padding-left:60px !important;}.lp70{padding-left:70px !important;}.lp80{padding-left:80px !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;}

/* 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;}
.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) {}
@media all and (max-width: 1024px) {}
@media all and (max-width: 768px) {}