@charset "utf-8";
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: 100; font-style: normal; } 
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; } 
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; font-style: normal; } 
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; font-style: normal; } 
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; font-style: normal; } 
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; font-style: normal; } 
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; font-style: normal; } 
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; font-style: normal; } 
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; font-style: normal; }

:root{
	--gnb-height:112px;
	--screen-padding:75px;
	--subpage-top-padding:100px;
	--sidebar-width:325px;
	--sidebar-height:235px;
	--sidebar-area-box: calc(var(--sidebar-width) + var(--screen-padding));
	--sidetop-bg:#4265d7;
}

button,input[type='submit']{font-weight:normal !important;}
.bodyFixed{position:fixed;width:100%;height:100%;overflow:hidden;}
i{font-style:normal;}
/*
.pages {
	opacity:0;
	animation:fadeIn 0.5s ease forwards 0.5s;
}

@keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
*/
.block-img,.block_img,.block-img img,.block_img img{display:block;width:100%;height:auto;margin:0 auto;}
.box {position:relative;}
.ib{display:inline-block;vertical-align:middle;}
/* common color */
.black{color:#222;}
.white {color:#fff;}
.red {color:#f34078;}
.blue{color:#1362c3;}
.pink{color:#d66ab6;}
.darkblue{color:#405988;}
.orange{color:#ff6600;}
.green{color:#4fab24;}
.darkgreen{color:#003333;}
.purple{color:#6a21ca}
caption{font-size:0px;position:absolute;width: 100%;display: block;}

/* background */
.bg_blue {background-color:#2d4c8a;}
.bg_red {background-color:#cc0000;}
.bg_darkblue {background-color:#1e3b60;}
.bg_white {background-color:#fff;}
.bg_gray {background-color:#ededed;}
.bg_lightgray {background-color:#efefef;}
.bg-light_gray {background-color:#f4f4f4;}

.no_scroll{width:100vw;height:100vh;overflow:hidden;}
.clear{float:none;clear:both;}

.autoFrame{display:block;width:100%;height:500px;border:0;margin:0;padding:0;}
.small {font-size:small;}
.smaller {font-size:smaller;}
.x-small {font-size:x-small;}
.xx-small {font-size:xx-small;}

.larger {font-size:larger;}
.large {font-size:large;}
.x-large {font-size:x-large;}
.xx-large {font-size:xx-large;}

.text-overflow a, .text-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;}


/* web-kit scrollbar custom */
::-webkit-scrollbar { width: 8px; height:10px;} /* 스크롤 바 */
::-webkit-scrollbar-track { background-color:#e7e7e7; } /* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb { background: #7e7e7e; border-radius:4px;} /* 실질적 스크롤 바 */
::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */

.wk-sb::-webkit-scrollbar { width: 8px; height:8px; } /* 스크롤 바 */
.wk-sb::-webkit-scrollbar-track { background-color:#e7e7e7; } /* 스크롤 바 밑의 배경 */
.wk-sb::-webkit-scrollbar-thumb { background: #7e7e7e; border-radius:4px;} /* 실질적 스크롤 바 */
.wk-sb::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.wk-sb::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
.wk-sb::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */

.input_grp {display:inline-block; margin-right:5px; box-sizing:border-box; padding-right:10px; }
.input_grp:last-child{margin-right:0px;  padding-right:0px;}

/* Margin을 활용한 여백 */
.mt2 { margin-top:2px}
.mb2 { margin-bottom:2px}
.mr2 { margin-right:2px}
.ml2 { margin-left:2px}

.mt3 { margin-top:3px}
.mb3 { margin-bottom:3px}
.mr3 { margin-right:3px}
.ml3 { margin-left:3px}

.mt5 { margin-top:5px}
.mb5 { margin-bottom:5px}
.mr5 { margin-right:5px}
.ml5 { margin-left:5px}

.mt10 { margin-top:10px}
.mb10 { margin-bottom:10px}
.mr10 { margin-right:10px}
.ml10 { margin-left:10px}

.mt15 { margin-top:15px}
.mb15 { margin-bottom:15px}
.mr15 { margin-right:15px}
.ml15 { margin-left:15px}

.mt20 { margin-top:20px}
.mb20 { margin-bottom:20px}
.mr20 { margin-right:20px}
.ml20 { margin-left:20px}

.mt30 { margin-top:30px}
.mb30 { margin-bottom:30px}
.mr30 { margin-right:30px}
.ml30 { margin-left:30px}

.mt35 { margin-top:35px}
.mb35 { margin-bottom:35px}
.mr35 { margin-right:35px}
.ml35 { margin-left:35px}

.mt40 { margin-top:40px}
.mb40 { margin-bottom:40px}
.mr40 { margin-right:40px}
.ml40 { margin-left:40px}

.mt50 { margin-top:50px}
.mb50 { margin-bottom:50px}
.mr50 { margin-right:50px}
.ml50 { margin-left:50px}

/* Padding을 활용한 여백 */
.pt0 { padding-top:0px}
.pb0 { padding-bottom:0px}
.pr0 { padding-right:0px}
.pl0 { padding-left:0px}

.pt5 { padding-top:5px}
.pb5 { padding-bottom:5px}
.pr5 { padding-right:5px}
.pl5 { padding-left:5px}

.pt10 { padding-top:10px}
.pb10 { padding-bottom:10px}
.pr10 { padding-right:10px}
.pl10 { padding-left:10px}

.pt15 { padding-top:15px}
.pb15 { padding-bottom:15px}
.pr15 { padding-right:15px}
.pl15 { padding-left:15px}

.pt20 { padding-top:20px}
.pb20 { padding-bottom:20px}
.pr20 { padding-right:20px}
.pl20 { padding-left:20px}

.pt30 { padding-top:30px}
.pb30 { padding-bottom:30px}
.pr30 { padding-right:30px}
.pl30 { padding-left:30px}

.pt40 { padding-top:40px}
.pb40 { padding-bottom:40px}
.pr40 { padding-right:40px}
.pl40 { padding-left:40px}

.pt50 { padding-top:50px}
.pb50 { padding-bottom:50px}
.pr50 { padding-right:50px}
.pl50 { padding-left:50px}

/* 가로 사이즈 */
.w5 { width:5% !important;}
.w10 { width:10% !important;}
.w12 { width:12% !important;}
.w15 { width:15% !important;}
.w20 { width:20% !important;}
.w25 { width:25% !important;}
.w30 { width:30% !important;}
.w35 { width:35% !important;}
.w38 { width:38% !important;}
.w40 { width:40% !important;}
.w45 { width:45% !important;}
.w50 { width:50% !important;}
.w55 { width:55% !important;}
.w60 { width:60% !important;}
.w65 { width:65% !important;}
.w70 { width:70% !important;}
.w75 { width:75% !important;}
.w80 { width:80% !important;}
.w85 { width:85% !important;}
.w90 { width:90% !important;}
.w95 { width:95% !important;}
.w100 { width:100% !important;}

.w30p { width:30px !important}
.w50p { width:50px !important}
.w60p { width:60px !important}
.w70p { width:70px !important}
.w80p { width:80px !important}
.w90p { width:90px !important}
.w100p { width:100px  !important}
.w110p { width:110px  !important}
.w120p { width:120px  !important}
.w130p { width:130px  !important}
.w140p { width:140px  !important}
.w150p { width:150px  !important}
.w160p { width:160px  !important}
.w170p { width:170px  !important}
.w180p { width:180px  !important}
.w200p { width:200px  !important}
.w250p { width:250px  !important}
.w300p { width:300px  !important}
.w350p { width:350px  !important}
.w400p { width:400px  !important}
.w450p { width:450px  !important}
.w500p { width:500px  !important}
.w550p { width:550px  !important}
.w600p { width:600px  !important}
.w700p { width:700px  !important}
.w800p { width:800px  !important}

.h50p { height:50px  !important}
.h80p { height:80px !important}
.h100p { height:100px !important}
.h120p { height:120px !important}
.h150p { height:150px !important}
.h200p { height:200px !important}
.h250p { height:250px !important}
.h300p { height:300px !important}
.h350p { height:350px !important}
.h400p { height:400px !important}
.h450p { height:450px !important}
.h500p { height:500px !important}
.h600p { height:600px !important}
.h700p { height:700px !important}
.h800p { height:800px !important}

.mh50p  {min-height:50px !important;}
.mh80p  {min-height:80px !important;}
.mh100p {min-height:100px !important;}
.mh120p {min-height:120px !important;}
.mh150p {min-height:150px !important;}
.mh170p {min-height:170px !important;}
.mh200p {min-height:200px !important;}

.r10 {border-radius:10px;}
.r15 {border-radius:15px;}
.r20 {border-radius:20px;}
.r50 {border-radius:50%;}

.h50{height:50%;}
.h100{height:100%;}

/* 텍스트 수직 정렬 */
.txt_pos_abs { position:absolute; left:10px; top:50%; padding-left:10px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
.txt_pos_abs:before { position:absolute; left:0; top:0; content:"·"; }
.dp_inline_block { display:inline-block; vertical-align:middle; }

/* 정렬 */
.text-left,.algL {text-align:left !important;}
.text-center,.algC {text-align:center !important;}
.text-right,.algR {text-align:right !important;}

.algL th {text-align:left !important;}
.algL td {text-align:left !important;}

/* 노출 */
.hide { display:none}

/* Jquery UI 스타일시트 수정 */
/* .ui-widget-header .ui-icon { background-image:url("../images/ui-icons_444444_256x240.png"); }*/

/* 확장 ETC */
/* 패딩 */
.pd5{padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pd10{padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pd15{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pd20{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* 세로정렬 inline-block 요소만 됨 */
.algT{vertical-align:top !important;}
.algM{vertical-align:middle !important;}
.algB{vertical-align:bottom !important;}

/* 상위에 box 클래스를 설정하여 relative하위에 지정 -  position absolute */
.box {position:relative; z-index:auto;}
.posRT{position:absolute; right:0px;top:0px; z-index:auto;}
.posLT{position:absolute; left:0px;top:0px; z-index:auto;}
.posRB{position:absolute; bottom:0px;right:var(--screen-padding); z-index:auto;}
.posLB{position:absolute; left:0px;bottom:0px; z-index:auto;}

/* 플롯지정 */
.floatL {float:left}
.floatR {float:right}
.floatN {float:none}

/* float 정의 - 부트스트랩과 이름이 겹칠 수 있음 */
.float_wrap {position:relative;overflow:hidden;box-sizing:border-box; width:100%;margin:0 auto;}
.float_wrap:before,.float_wrap:after{clear:both;content:'';display:block;}
.float {box-sizing:border-box;position:relative;}
.float-left{float:left;}
.float-right{float:right;}
.ea1 .float {width:100%;}
.ea2 .float {width:50%;}
.ea3 .float {width:33.333%;}
.ea4 .float {width:25%;}
.ea5 .float {width:20%;}

.float_wrap.ea1>.float {width:100%; margin-right:0;}
.float_wrap.ea2>.float {width:49.375%; margin-right:1.25%;}
.float_wrap.ea2>.float:nth-child(2n) {margin-right:0;}
.float_wrap.ea3>.float {width:32.5%; margin-right:1.25%;}
.float_wrap.ea3>.float:nth-child(3n) {margin-right:0;}
.float_wrap.ea4>.float {width:24.0625%; margin-right:1.25%;}
.float_wrap.ea4>.float:nth-child(4n) {margin-right:0;}
.float_wrap.ea5>.float {width:19%; margin-right:1.25%;}
.float_wrap.ea5>.float:nth-child(5n) {margin-right:0;}
.float_wrap.ea6>.float {width:15.625%; margin-right:1.25%;}
.float_wrap.ea6>.float:nth-child(6n) {margin-right:0;}

.float_wrap .float{margin-bottom:2px;}
.float_wrap.ea2 >.float {width:49.375%; margin-right:1.25%;}
.float_wrap.ea2 >.float:nth-child(2n) {margin-right:0;}
.float_wrap.ea3 >.float {width:32.5%; margin-right:1.25%;}
.float_wrap.ea3 >.float:nth-child(3n) {margin-right:0;}
.float_wrap.ea4 >.float {width:24.0625%; margin-right:1.25%;}
.float_wrap.ea4 >.float:nth-child(4n) {margin-right:0;}
.float_wrap.ea5 >.float {width:19%; margin-right:1.25%;}
.float_wrap.ea5 >.float:nth-child(5n) {margin-right:0;}
.float_wrap.ea6 >.float {width:15.625%; margin-right:1.25%;}
.float_wrap.ea6 >.float:nth-child(6n) {margin-right:0;}


/* 인풋 체크,라디오 크기 설정 ????? */
/*
input[type="checkbox"] {height:20px; width:20px; border:1px solid #ccc;}
input[type="radio"] {height:20px; width:20px; border:1px solid #ccc;}
*/
.small_txt {font-size:0.85em;}
.smaller_txt {font-size:0.7em;}

.tit_box {position:relative;}
.tit_box h1,
.tit_box h2,
.tit_box h3,
.tit_box h4,
.tit_box h5,
.tit_box h6{margin:0 0 0.2em 0;padding:0;}

.box-border {border:1px solid #dadada;}
.box-padding {-webkit-box-sizing:border-box;box-sizing:border-box; padding:1em;}

.w_auto {width:auto !important;}
.cols_1 { width:1%; }
.cols_3 { width:3%; }
.cols_5 { width:5%; }
.cols_6 { width:6%; }
.cols_7 { width:7%; }
.cols_8 { width:8%; }
.cols_9 { width:9%; }
.cols_10 { width:10%; }
.cols_11 { width:11%; }
.cols_12 { width:12%; }
.cols_13 { width:13%; }
.cols_14 { width:14%; }
.cols_15 { width:15%; }
.cols_16 { width:16%; }
.cols_18 { width:18%; }
.cols_17 { width:17%; }
.cols_20 { width:20%; }
.cols_25 { width:25%; }
.cols_28 { width:28%; }
.cols_30 { width:30%; }
.cols_35 { width:35%; }
.cols_40 { width:40%; }
.cols_45 { width:45%; }
.cols_50 { width:50%; }
.cols_55 { width:55%; }
.cols_60 { width:60%; }
.cols_65 { width:65%; }
.cols_70 { width:70%; }
.cols_75 { width:75%; }
.cols_80 { width:80%; }
.cols_85 { width:85%; }
.cols_90 { width:90%; }
.cols_95 { width:95%; }
.cols_auto { width:auto; }

/* margin top bottom rem 형식 */
.mt1e {margin-top:0.6rem;}
.mt2e {margin-top:1rem;}
.mt3e {margin-top:1.3rem;}
.mt4e {margin-top:1.6rem;}
.mt5e {margin-top:2rem;}
.mt6e {margin-top:2.3rem;}
.mt7e {margin-top:2.6rem;}
.mt8e {margin-top:3rem;}
.mt9e {margin-top:3.3rem;}
.mt10e {margin-top:4rem;}

.mb1e {margin-bottom:0.6rem;}
.mb2e {margin-bottom:1rem;}
.mb3e {margin-bottom:1.3rem;}
.mb4e {margin-bottom:1.6rem;}
.mb5e {margin-bottom:2rem;}
.mb6e {margin-bottom:2.3rem;}
.mb7e {margin-bottom:2.6rem;}
.mb8e {margin-bottom:3rem;}
.mb9e {margin-bottom:3.3rem;}
.mb10e {margin-bottom:4rem;}

.block-algC {margin:0 auto;}


/* 기본버튼 */
[class^="co_btn_"]{display:inline-block; vertical-align:middle; box-sizing:border-box; text-align:center;letter-spacing:-0.05em;}
[class^="co_btn_"]:hover, [class^="co_btn_"]:focus, [class^="co_btn_"]:active{cursor:pointer;}
[class*="co_btn_member_"] {font-family:'S-CoreDream';border:0px solid #ddd;padding:0 10px;border-radius:4px;font-weight:400;color:#5e5e5e; background-color:#fff;}
[class*="co_btn_member_"]:hover,[class*="co_btn_member_"]:focus{color:#000000; background-color:#ffffff;}
[class^="ion-"]{vertical-align:middle;}
.zoom_btn_box  > span {font-family:'S-CoreDream';font-weight:400;color:#5e5e5e;}
/* Button */
.btn { position:relative; display:inline-block; min-width:60px; height:40px; line-height:38px; padding:0 1em; font-size:0.85rem; color:#fff; font-weight:500; text-transform:uppercase; text-align:center; vertical-align:middle; background:#09ab90; border:1px solid #09ab90; box-sizing:border-box; }
.btn > em {position:absolute; left:0; top:50%; width:100%; line-height:0; transform:translateY(-50%);}
.btn:hover { color:#09ab90; background:#fff; border:1px solid #09ab90; text-decoration:none;}

/* Button - Size */
.input_b, .btn_b {min-width:80px; height:50px; border-radius:0; line-height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 2em;}
.input_s, .btn_s {min-width:60px; height:36px; border-radius:0; line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 1.5em;}
.input_t, .btn_t {min-width:60px; height:30px; border-radius:0; line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.input_m, .btn_m {min-width:60px; height:24px; border-radius:0; line-height:22px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:13px;}
.btn_f {width:100%; text-align:center;margin:0; border-radius:0; display:block;}
.btn_r {border-radius:20px;border:0;}
.btn_r > i {margin-left:1.25rem;}
.btn_f_b {font-weight:600;}
.btn_f_n {font-weight:300;}
.btn_f_t {font-weight:100;}

.co_btn_mypage{border:1px solid #1748a4;padding:0 10px;border-radius:2px;font-size:0.9rem;color:#fff;background-color:#1748a4;}
.co_btn_mypage:hover,.co_btn_mypage:focus{background-color:#ffffff;color:#1748a4;}

/* FORM */
input[type='week'].input_txt,
input[type='email'].input_txt,
input[type='number'].input_txt,
input[type='datetime-local'].input_txt,
input[type='tel'].input_txt,
input[type='month'].input_txt,
input[type='time'].input_txt,
input[type='password'].input_txt,
input[type='text'].input_txt {height:30px;  padding:0 2px; vertical-align:middle; border:1px solid #ccc; box-sizing:border-box;}

/* SELECT CSS */
.select {height:30px;  vertical-align:middle; border:1px solid #ccc; box-sizing:border-box;}

/* TEXTAREA CSS */
.textarea {width:100%; height:200px; padding:5px; border:1px solid #ccc; box-sizing:border-box; resize:none;}

/* IFRAME CSS */
.iframe { width:100%; height:300px; border:1px solid #ccc; box-sizing:border-box; resize:none; }

/* Check Input */
.check_input { margin-right:3px; }

/* CHECKBOX CSS */

input[type='checkbox'].designed {display:none;}
input[type='checkbox'].designed + label {vertical-align:middle;margin-right:5px; display:inline-block;}
input[type='checkbox'].designed + label:before {display:inline-block; width:14px; height:14px; margin-top:-2px; margin-right:3px; vertical-align:middle; background:#fff; border:1px solid #aaa; box-sizing:border-box; content:"";}
input[type='checkbox'].designed:disabled + label:before {background-color:#f4f4f4;}
input[type='checkbox'].designed:checked + label:before {font-family:"Font Awesome 5 Free", sans-serif; font-weight:900; border:1px solid #767676; content:"\f00c";}
/* input[type='checkbox'] {display:inline-block; width:14px;height:14px;vertical-align:middle;border:1px solid #1c5284;margin-right:3px;background-color:#ffffff;}*/

/* RADIO CSS */

input[type='radio'].designed {display:none;}
input[type='radio'].designed + label {vertical-align:middle; margin-right:1em; display:inline-block;}
input[type='radio'].designed + label:before {display:inline-block; width:15px; height:15px; margin-right:3px; vertical-align:middle; background:#fff; border:1px solid #aaa; box-sizing:border-box; border-radius:50%; content:"";}
input[type='radio'].designed:disabled + label:before {background:#f4f4f4;}
input[type='radio'].designed:checked + label:before {background:#333; content:"";}

/* Disabled CSS */
:disabled { color:#aaa; background:#f4f4f4; }

/* Placeholder Color */
::-webkit-input-placeholder { color:#aaa; font-weight:400; }
:-moz-placeholder { color:#aaa; font-weight:400; opacity:1; }
::-moz-placeholder { color:#aaa; font-weight:400; opacity:1; }
:-ms-input-placeholder { color:#aaa; font-weight:400; }
::placeholder { color:#aaa; font-weight:400; opacity:1; }


/* Button - Size */

/* Button - Color */
.btn_white {color:#000; background:#fff; border-color:#666;}
.btn_black {color:#fff; background:#000; border-color:#000;}
.btn_red {color:#fff; background:#c30; border-color:#c30;}
.btn_blue {color:#fff; background:#27569c; border-color:#27569c;}
.btn_gray {color:#fff; background:#8f8f8f; border-color:#8f8f8f;}
.btn_darkgray {color:#fff; background:#444444; border-color:#444444;}
.btn_orange {color:#fff; background:#e8830b; border-color:#e8830b;}
.btn_darkblue {color:#fff; background:#7889aa; border-color:#7889aa;}
.btn_darkblue:hover {color:#7889aa; background:#fff; border-color:#7889aa;}
.btn_darkgreen {color:#fff; background:#128170; border-color:#128170;}
.btn_oceanblue{background:#4eaac5;border:0; color:#fff;}
.btn_evergreen{background:#4ec5b0;border:0; color:#fff;}
.btn_symbol { width:auto; min-width:auto; height:24px; }

/* 버튼 영역 */
.btn_area { position:relative; padding:6px 0; text-align:center; overflow:hidden; }
.btn_area:after { display:block; content:""; clear:both; }
.btn_area a { vertical-align:top; }
.btn_area .btn_left_box { position:relative; float:left; text-align:left; overflow:hidden; }
.btn_area .btn_right_box { position:relative; float:right; text-align:right; overflow:hidden; }
.btn_area_border_up { border-top:1px solid #d9d9d9; }
.btn_area_border_down { border-bottom:1px solid #d9d9d9; }

.base-border {border:1px solid #ddd; border-radius: 10px;}
.base-padding {padding:.85rem; -webkit-box-sizing:border-box; box-sizing:border-box;}

.rb1 {border-radius:.5rem; overflow:hidden;}
.rb2 {border-radius:1rem; overflow:hidden;}
.rb3 {border-radius:1.5rem; overflow:hidden;}

.box{position:relative;border-radius: 50px;}
.block{display:block;}
.algL{text-align:left;}
.algC{text-align:center;}
.algR{text-align:right;}

.jump_menu {position:relative;z-index:11;}
.jump_menu a {position:absolute;top:-999em;}
.jump_menu a:focus {display:block;width:100%;height:40px;background-color:#242424;color:#fff;left:0px;top:0px;z-index:999;text-align:center;line-height:40px; text-align:center;text-decoration:none;}

.write_div_label::before{content:'';clear:both;display:block;}
.write_div_label {clear:both;position:relative;display:inline-block;box-sizing:border-box;padding:0.3rem;margin:1rem 0 0.2rem 0;}
.write_div_label::after{content:'';position:absolute;top:-3px;height:2px;width:100%;background-color:#444; left:0px;}

table.tbl_cnt_vert:before{content:'';display:block;width:100%;height:2px;background-color:#1a5bb1;position: absolute;top:-2px;}
table.tbl_cnt_vert{width:100%;border-collapse:collapse;font-size:0.85rem;position: relative;}
table.tbl_cnt_vert th,table.tbl_cnt_vert td{padding:0.4rem 1rem;}
table.tbl_cnt_vert th{background-color:#f0f3f8;border:1px solid #dcdcdc;font-weight:normal;}
table.tbl_cnt_vert td{background-color:#ffffff;border:1px solid #dcdcdc;}
table.tbl_cnt_vert th:first-child{border-left:0;}
table.tbl_cnt_vert td:last-child{border-right:0;}

/* 커스텀 Alert 사용법 Alert.render('메시지') */
#dialogoverlay{display: none;opacity: .8;position: fixed;top: 0px;left: 0px;background: #242424;width: 100%;z-index: 999;}
#dialogbox{display: none;position: fixed;background: #fff;border-radius:2px;width: 90%;max-width: 400px;z-index: 999;box-shadow: 0px 0px 20px rgba(0,0,0,.7);top: 30%;left:50%;transform:translateX(-50%);}
#dialogbox{
	backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased !important;
	transform-origin: 0 0; 
	/* transform:translateX(-50.1%) translateY(-30.14%) translateZ(0px); */
}
#dialogbox > div{background:#FFF;margin: 3px;}
#dialogbox > div > #dialogboxhead{background-color: #242424;font-size: 1em;padding:5px 10px;color: #fff;}
#dialogbox > div > #dialogboxbody{background-color: #f5f5f5;padding:20px;color: #000;font-size: 0.85em;}
#dialogbox > div > #dialogboxfoot{background-color: #f5f5f5;padding:10px;text-align:right;}
#dialogboxfoot button{padding:5px 20px;border: 1px solid #ccc;}

/* 라이트박스형 레이어 */
.lightbox {position:fixed; width:100%; height:100%; background-color:rgba(255,255,255,0.8);top:0;left:0; z-index:999;}
.lightbox > div {position:absolute; width:90%; max-width:600px; box-sizing:border-box; top:50%;left:50%; transform:translate(-50%,-50%); background-color:#fff; border:1px solid #ddd; box-shadow:0 0 10px rgba(0,0,0,0.1); margin:3px;}
.lightbox .layerCloseBtnBox {background-color:#00469d; color:#fff;}
.lightbox .layerCloseBtnBox {overflow:hidden; padding:10px;}
.lightbox .layerCloseBtnBox .layerCloseBtn {color:#fff;}
.lightbox .layerCloseBtnBox .layer_title {font-size:15px; color:#fff; float:left;}
.lightbox .layerCloseBtnBox .layerCloseBtn{float:right;}

.calendar_color{color:#668eb7;}

/* IE9이하는 지원하지 않음 IE10은 -ms- 프리픽스 적용 */
/* td 내부에 글상자 / 글상자 형태에만 적용됩니다. □ ~ □ 형식 */
.split_td {display:-webkit-box;display:-ms-flexbox;display:flex;width: inherit;}
.split_td span {vertical-align:middle;align-items: center;}
.split_td.sp3 > span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-preferred-size: auto;flex-basis: auto;}
.split_td.sp3 > span:first-child {width: 45%;-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important;}
.split_td.sp3 > span:nth-child(2) {width: 10%;text-align:center;color:#7f7f7f;-webkit-box-pack: center !important;-ms-flex-pack: center !important;justify-content: center !important;}
.split_td.sp3 > span:last-child {text-align:right;width: 45%;-webkit-box-pack: end !important;-ms-flex-pack: end !important;justify-content: flex-end !important;}

/* □ ~ □ ~ □ 형식 */
.split_td.sp5 > span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-preferred-size: auto;flex-basis: auto;}
.split_td.sp5 > span:first-child {width:30.3%;-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important;}
.split_td.sp5 > span:nth-child(2) {width:4.5%; text-align:center; color:#7f7f7f;-webkit-box-pack: center !important;-ms-flex-pack: center !important;justify-content: center !important;}
.split_td.sp5 > span:nth-child(3) {width:30.3%;-webkit-box-pack: center !important;-ms-flex-pack: center !important;justify-content: center !important;}
.split_td.sp5 > span:nth-child(4) {width:4.5%;-webkit-box-pack: center !important;-ms-flex-pack: center !important;justify-content: center !important;}
.split_td.sp5 > span:last-child {text-align:right; width:30.3%;-webkit-box-pack: end !important;-ms-flex-pack: end !important;justify-content: flex-end !important;}

.tbl table td input[type='text'].input_txt.input_calendar , 
.tbl table td input[type='text'].input_txt.input_calendar_month,
.input_tbl table td input[type='text'].input_txt.input_calendar , 
.input_tbl table td input[type='text'].input_txt.input_calendar_month{}
.input_txt.input_calendar {width:82px !important;}
.input_txt.input_calendar_month {width:82px !important;}

/* Paginate */
.paginate { text-align:center; box-sizing:border-box; overflow:hidden; clear:both;margin:0.85rem auto;}
.paginate > a, .paginate > strong { position:relative; display:inline-block; padding:4px 8px; vertical-align:middle; overflow:hidden;}
.paginate > a{ border:1px solid #eee; }
.paginate > a:hover{border-color:#ccc; background-color: #333; color:#fff;}
.paginate .pBtn { width:30px; height:30px; padding:0; border:1px solid #ddd; border-radius:2px; overflow:hidden; }
.paginate .pBtn > em { position:absolute; left:-9999px; top:-9999px; font-size:0; }
.paginate .prev { margin-right:8px; }
.paginate .next { margin-left:8px; }
.paginate .first:after { position:absolute; left:50%; top:50%; width:20px; height:20px; background:url("/_img/v1/common/arr_double_left.png") no-repeat center center; content:""; transform:translate(-50%, -50%); }
.paginate .prev:after { position:absolute; left:50%; top:50%; width:20px; height:20px; background:url("/_img/v1/common/arr_left.png") no-repeat center center; content:""; transform:translate(-50%, -50%); }
.paginate .next:after { position:absolute; left:50%; top:50%; width:20px; height:20px; background:url("/_img/v1/common/arr_right.png") no-repeat center center; content:""; transform:translate(-50%, -50%); }
.paginate .end:after { position:absolute; left:50%; top:50%; width:20px; height:20px; background:url("/_img/v1/common/arr_double_right.png") no-repeat center center; content:""; transform:translate(-50%, -50%); }

input[type='checkbox']:disabled {display:none;}
input[type='checkbox']:disabled + label:before {display:inline-block; width:14px; height:14px; margin-top:-2px; margin-right:3px; vertical-align:middle; border:1px solid #aaa; box-sizing:border-box; content:"";background-color:#dddddd;}
input[type='checkbox']:disabled:checked + label:before {font-family:"Font Awesome 5 Free", sans-serif; font-weight:900; border:1px solid #767676; content:"\f00c";color:#666;}

input[type='text']:required,select:required,select.required,input[type='password']:required{background-image:url(/_img/v1/common/required.gif); background-position:right top; background-repeat:no-repeat;}
input.required {background-image:url(../images/required.gif); background-position:right top; background-repeat:no-repeat;}


.grid-row:before,.grid-row:after{content:'';clear:both;display:table;border-spacing:0;}
.grid-row .grid-12 ,
.grid-row .grid-11 ,
.grid-row .grid-10 ,
.grid-row .grid-9  ,
.grid-row .grid-8  ,
.grid-row .grid-7  ,
.grid-row .grid-6  ,
.grid-row .grid-5  ,
.grid-row .grid-4  ,
.grid-row .grid-3  ,
.grid-row .grid-2  ,
.grid-row .grid-1 {}
.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin-left:-0.85rem;margin-right:-0.85rem;}
.grid-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:100%}
.grid-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:91.66%}
.grid-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:83.33%}
.grid-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:75%}
.grid-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:66.66%}
.grid-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:58.33%}
.grid-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:50%}
.grid-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:41.66%}
.grid-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:33.33%}
.grid-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:25%}
.grid-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:16.66%}
.grid-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:8.3%}


/* 부트스트랩 형식 콘테이너 그리드 기본 틀 */
.grid-box:before,.grid-box:after{content:'';clear:both;display:table;border-spacing:0;}
.grid-box .grid-item {padding-top:7px; padding-bottom:7px;box-sizing:border-box;float:left;}
.grid-box{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;}
.grid-box.grid-ea1 .grid-item{width:100%;}
.grid-box.grid-ea2 .grid-item{width:50%;}
.grid-box.grid-ea3 .grid-item{width:33.33%;}
.grid-box.grid-ea4 .grid-item{width:25%;}
.grid-box.grid-ea5 .grid-item{width:20%;}
.grid-box.grid-ea6 .grid-item{width:16.66%;}
.grid-box.grid-ea7 .grid-item{width:14.285%;}
.grid-box.grid-ea8 .grid-item{width:12.5%;}
.grid-box.grid-ea9 .grid-item{width:11.11%;}


/* 검색박스 */
.search_box { position:relative; padding:5px 70px 5px 50px; background:#f4f4f4; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.search_box > label { position:absolute; left:10px; top:50%; transform:translateY(-50%); }
.search_box > a, .search_box > button { position:absolute; right:5px; top:50%; transform:translateY(-50%); }
.search_box > input[type=text] { width:100%; }

.search_alone_box { position:relative; padding:10px; background:#f9f9f9; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; margin:5px 0; display:block;}
.search_alone_box:after { display:block; content:""; clear:both; }
.search_alone_box > ul::before,.search_alone_box > ul::after{ display:block; content:""; clear:both; }
.search_alone_box > ul {clear:both;}
.search_alone_box > ul > li {  margin-bottom:5px; box-sizing:border-box;padding:0 0;}
.search_alone_box .btn_group { position:absolute; right:10px; top:50%; transform:translateY(-50%); }
.search_alone_box .btn_group > a { display:inline-block; vertical-align:middle; }
.search_alone_box label, .search_alone_box input, .search_alone_box a { vertical-align:middle; }
.search_alone_box label { display:inline-block; padding-left:10px; padding-right:10px; vertical-align:middle; }
.search_alone_box input[type='text'],.search_alone_box span.input_txt {max-width:200px;min-width:50px;}
.search_alone_box span.input_txt{display:inline-block;vertical-align:middle;min-width:135px;background-color:#fff;max-width:200px;}
.search_alone_box select {max-width:250px;min-width:80px;}
.search_alone_box img { margin-left:4px; vertical-align:middle; cursor:pointer; }
.search_alone_box h3{display:inline-block; vertical-align:middle; font-weight:600;}

/* 조회 : 1단 구성 */
.lookup_1_box { position:relative; padding:8px; border:1px solid #d9d9d9; overflow:hidden; }

/* 조회 : 3단 구성 */
.lookup_3_box { position:relative; padding:8px; border:1px solid #d9d9d9; overflow:hidden; }
.lookup_3_box:after { display:block; content:""; clear:both; }
.lookup_3_box > li { position:relative;  padding:0; padding-right:10px; box-sizing:border-box; }
.lookup_3_box > li:after { position:absolute; right:0; top:50%; width:1px; height:300%; margin-right:5px; background:#ddd; content:""; transform:translateY(-50%); }
.lookup_3_box > li:nth-last-child(1) { padding-right:0; }
.lookup_3_box > li:nth-last-child(1):after { display:none; }

/* 조회 : custom 구성 */
.search_alone_box + ul.lookup_box{padding:10px 0;}
.search_alone_box ul.lookup_box{border-bottom:1px solid #ddd;margin-top:5px;display:flex;align-items: center;gap:4px 15px;flex-wrap:wrap;}
.search_alone_box ul.lookup_box:first-child{margin-top:0;}
.search_alone_box ul.lookup_box:last-child{border-bottom:0;}
.search_alone_box ul.lookup_box li > h3{width:120px;position:relative;box-sizing:border-box;padding-left:10px;}
.search_alone_box ul.lookup_box li > h3::before{content:''; height:100%;width:4px;background-color:#1748a4;display:block;position:absolute;left:0;top:0;}
.search_alone_box ul.lookup_box li {box-sizing:border-box; float:none;}
.search_alone_box ul.lookup_box li:first-child{width:auto;}
.search_alone_box ul.lookup_box li > label{min-width:40px;text-align:right;box-sizing:border-box;}
.search_alone_box ul.lookup_box li select, .lookup_box li > select {max-width:200px;min-width:20px;}

.zoom_btn{display:inline-block;border:0px solid #ddd;background-color:#d4d4d4;font-size:14px;line-height:20px;width:22px;height:22px;padding:0;text-align:center;border-radius:50%;color:#ffffff;font-size:12px;}
.zoom_btn:active{}





/* hidden 접미어 의미
-md : 1184px 이하
-ml : 960px 이하
-ms : 768px 이하
-sm : 480px 이하
-xs : 360px 이하
*/

	#mobile_menu_wrap{display:none;}

/* 반응형 스타일 */
@media all and (max-width:1361px){

}
@media all and (max-width:1280px){

}
@media all and (max-width:1240px){
	
}

/*
2개 width:49.375%; margin-right:1.25%;
3개 width:32.5%; margin-right:1.25%;
4개 width:24.0625%; margin-right:1.25%;
5개 width:19%; margin-right:1.25%;
6개 width:15.625%; margin-right:1.25%;
*/
@media all and (max-width:1280px){
	.visible-md{display:block;}
	.hidden-md {display:none;}
	.block-md {float:none; width:100%; max-width:1200px;}
	.grid-row:before,.grid-row:after{content:'';clear:both;display:table;}
	.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin-left:-0.75rem;margin-right:-0.75rem;}
	.grid-md-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:100%}
	.grid-md-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:91.66%}
	.grid-md-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:83.33%}
	.grid-md-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:75%}
	.grid-md-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:66.66%}
	.grid-md-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:58.33%}
	.grid-md-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:50%}
	.grid-md-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:41.66%}
	.grid-md-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:33.33%}
	.grid-md-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:25%}
	.grid-md-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:16.66%}
	.grid-md-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:8.3%}
	

	#menu_pc {display:none;}
	#mobile_menu_wrap {display:block;}
}
@media all and (max-width:960px){
	.visible-ml{display:block;}
	.visible-hs{display:block;}
	.hidden-hs{display:none;}

    .grid-row:before,.grid-row:after{content:'';clear:both;display:table;}
	.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin-left:-0.5rem;margin-right:-0.5rem;}
	.grid-hs-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:100%}
	.grid-hs-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:91.66%}
	.grid-hs-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:83.33%}
	.grid-hs-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:75%}
	.grid-hs-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:66.66%}
	.grid-hs-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:58.33%}
	.grid-hs-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:50%}
	.grid-hs-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:41.66%}
	.grid-hs-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:33.33%}
	.grid-hs-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:25%}
	.grid-hs-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:16.66%}
	.grid-hs-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:8.3%}


}

@media all and (max-width:768px){
	.hidden-ms{display:none !important;}
	.visible-md {display:block;}
	.block-ms{position:relative; display:block !important; width:100% !important;clear:both;float:none !important;}
	.hidden-bg-md{background-image:url('') !important;}

	.grid-row:before,.grid-row:after{content:'';clear:both;display:table;}
	.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin-left:-0.35rem;margin-right:-0.35rem;}
	.grid-ms-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:100%}
	.grid-ms-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:91.66%}
	.grid-ms-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:83.33%}
	.grid-ms-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:75%}
	.grid-ms-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:66.66%}
	.grid-ms-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:58.33%}
	.grid-ms-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:50%}
	.grid-ms-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:41.66%}
	.grid-ms-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:33.33%}
	.grid-ms-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:25%}
	.grid-ms-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:16.66%}
	.grid-ms-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:8.3%}

}
@media all and (max-width:640px){
	.hidden-sd {display:none !important;}
	.block-sd {width:100% !important;float:none !important;clear:both;position:relative;}

	.grid-row{margin-left:-0.18rem;margin-right:-0.18rem;}
	.grid-sd-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:100%}
	.grid-sd-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:91.66%}
	.grid-sd-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:83.33%}
	.grid-sd-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:75%}
	.grid-sd-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:66.66%}
	.grid-sd-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:58.33%}
	.grid-sd-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:50%}
	.grid-sd-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:41.66%}
	.grid-sd-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:33.33%}
	.grid-sd-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:25%}
	.grid-sd-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:16.66%}
	.grid-sd-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:8.3%}

}
@media all and (max-width:580px) {

}
@media all and (max-width:480px) {
	.hidden-sm{display:none !important;}
	.block-sm {display:block;width:100% !important; float:none !important;}
	
	.grid-row{margin-left:-0.15rem;margin-right:-0.15rem;}
	.grid-sm-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:100%}
	.grid-sm-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:91.66%}
	.grid-sm-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:83.33%}
	.grid-sm-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:75%}
	.grid-sm-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:66.66%}
	.grid-sm-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:58.33%}
	.grid-sm-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:50%}
	.grid-sm-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:41.66%}
	.grid-sm-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:33.33%}
	.grid-sm-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:25%}
	.grid-sm-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:16.66%}
	.grid-sm-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem !important;padding-left:0.15rem !important;float:left;width:8.3%}

	.cols_sm_auto {width:auto;}
	.cols_sm_1{width:8.3%;}
	.cols_sm_2{width:16.66%;}
	.cols_sm_3{width:25%;}
	.cols_sm_4{width:33.33%;}
	.cols_sm_5{width:41.66%;}
	.cols_sm_6{width:50%;}
	.cols_sm_7{width:58.33%;}
	.cols_sm_8{width:66.66%;}
	.cols_sm_9{width:75%;}
	.cols_sm_10{width:83.33%;}
	.cols_sm_11{width:91.66%;}
	.cols_sm_12{width:100%;}

#fsearch {width:100%;}
#fsearch::before,#fsearch::after{content:'';display:table;clear:both;}
#fsearch label{}
#fsearch #s_field {border:1px solid #cdcdcd; background-color:#ffffff;}
#fsearch label #s_field{width:80px;}
#fsearch label #s_text{width:calc(100% - 155px);}
#fsearch button{float:right;width:60px;}

}
@media all and (max-width:375px){

	.block-sx{position:relative; display:block;}
	.block-sx {width:100% !important; display:block;float:none !important;}
	.block-sx .float {clear:both; float:none; width:98% !important;}
	.hidden-xs{display:none !important;}
	
	.grid-row{margin-left:-0.5rem;margin-right:-0.5rem;}
	.grid-sx-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:100%}
	.grid-sx-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:91.66%}
	.grid-sx-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:83.33%}
	.grid-sx-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:75%}
	.grid-sx-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:66.66%}
	.grid-sx-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:58.33%}
	.grid-sx-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:50%}
	.grid-sx-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:41.66%}
	.grid-sx-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:33.33%}
	.grid-sx-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:25%}
	.grid-sx-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:16.66%}
	.grid-sx-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:8.3%}
	
}
@media all and (max-width:320px){
	.hidden-xs{display:none !important;}
	.hidden-sx{display:none !important;}
}

.eye_grp{display:inline-block;position:relative;}
.eye_grp .eye_show_btn{background-color:transparent;border:0;outline:0;position:absolute;right:0;}
.eye_grp .eye_show_btn:focus{outline:0;}

.ui-datepicker .ui-datepicker-title {
    font-size: 13px;
	text-align:center;
	vertical-align:middle;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
	color:#1748a4;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    vertical-align: middle;
    height: 26px;
    border: 1px solid #dcdcdc;
    text-align: right;
}