@charset "utf-8";

@import url('/css/fonts/iconmonstr-iconic-font.css'); /* Font Icons */

html, body {xmin-width:1270px;background-color:#f6f6f6}

img {vertical-align:top}
button, label {cursor:pointer;outline:none}
a,
a:hover,
a:focus,
a:active {
	background-color: transparent;
	outline: 0;
	text-decoration:none;
}
a.txts {color:#00f;text-decoration:underline}

.clr {clear:both}
.dis {display:none}
.letter {letter-spacing:-1px}
.letter_normal {letter-spacing:0}
.respon {
	max-width: 100%;
	height: auto;
	width: auto\9; // ie8
}
.agn_l {text-align:left !important}
.agn_c {text-align:center !important}
.agn_r {text-align:right !important}
.vagn_t {vertical-align:top !important}
.vagn_m {vertical-align:middle !important}
.vagn_b {vertical-align:bottom !important}

.ff01 {font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif !important}
.ff02 {font-family:'Spoqa Han Sans Neo','Noto Sans KR','Malgun Gothic', dotum, sans-serif !important}

.f11 {font-size:11px !important}
.f08em {font-size:0.8em !important}
.f09em {font-size:0.9em !important}
.f1em {font-size:1em !important}
.f1_1em {font-size:1.1em !important}
.f1_2em {font-size:1.2em !important}
.f1_3em {font-size:1.3em !important}
.f1_4em {font-size:1.4em !important}
.f1_5em {font-size:1.5em !important}
.f1_6em {font-size:1.6em !important}
.f1_7em {font-size:1.7em !important}
.f2em {font-size:2em !important}
.f2_5em {font-size:2.5em !important}
.f3em {font-size:3em !important}

.fc01 {color:#333 !important}
.fc02 {color:#999 !important}
.fc03 {color:#fff !important}
.fc04 {color:#03d !important}
.fc05 {color:#c30 !important}
.fc06 {color:#ddd !important}
.fc07 {color:#f90 !important}
.fc08 {color:#f30 !important}
.fc09 {color:#ccc !important}
.fc10 {color:#f60 !important}

.fs01 {font-weight:bold !important}
.fs02 {font-style:italic !important}
.fs03 {font-weight:normal !important}
.fs04 {text-decoration:underline !important}
.fs05 {white-space:nowrap !important}

.fw100 {font-weight:100 !important}
.fw200 {font-weight:200 !important}
.fw300 {font-weight:300 !important}
.fw400 {font-weight:400 !important}
.fw500 {font-weight:500 !important}
.fw600 {font-weight:600 !important}
.fw700 {font-weight:700 !important}
.fw800 {font-weight:800 !important}
.fw900 {font-weight:900 !important}

.bg000 {color:#000 !important}

.divwrap05 {display:block;margin:0;padding:0;width:100%;height:5px}
.divwrap10 {display:block;margin:0;padding:0;width:100%;height:10px}
.divwrap20 {display:block;margin:0;padding:0;width:100%;height:20px}
.divwrap30 {display:block;margin:0;padding:0;width:100%;height:30px}

.fl-left {float:left !important}
.fl-right {float:right !important}

.per05 {width:5% !important}
.per10 {width:10% !important}
.per15 {width:15% !important}
.per20 {width:20% !important}
.per25 {width:25% !important}
.per30 {width:30% !important}
.per33 {width:33% !important}
.per34 {width:34% !important}
.per35 {width:35% !important}
.per40 {width:40% !important}
.per45 {width:45% !important}
.per50 {width:50% !important}
.per55 {width:55% !important}
.per60 {width:60% !important}
.per70 {width:70% !important}
.per75 {width:75% !important}
.per80 {width:80% !important}
.per90 {width:90% !important}
.per100 {width:100% !important}

/************** Button **************/
.e-btn {
	display:inline-block;
	margin:1px;
	padding:7px 15px 7px;
	font-size:12px;
	color:#000;
	border:1px solid #ccc;
	border-radius:5px;
	background-color:#fff;
}
.e-btn:hover,
.e-btn:focus,
.e-btn:active {background-color:#f6f6f6}

.e-btn-xs {
	padding:4px 10px 4px;
}
.e-btn-xss {
	font-size:10px;
	padding:2px 10px 2px;
}
.e-btn-lg {
	font-size:15px;
	padding:10px 20px 10px;
}
.e-btn-block {
	display:block;
	width:100%;
}

.e-btn-sty01 {color:#fff;border:1px solid #007bff;background-color:#007bff}
.e-btn-sty01:hover,
.e-btn-sty01:focus,
.e-btn-sty01:active {color:#fff;border:1px solid #0069D9;background-color:#0069D9}

.e-btn-sty02 {color:#fff;border:1px solid #6c757d;background-color:#6c757d}
.e-btn-sty02:hover,
.e-btn-sty02:focus,
.e-btn-sty02:active {color:#fff;border:1px solid #545B62;background-color:#545B62}

.e-btn-sty03 {color:#fff;border:1px solid #28a745;background-color:#28a745}
.e-btn-sty03:hover,
.e-btn-sty03:focus,
.e-btn-sty03:active {color:#fff;border:1px solid #218838;background-color:#218838}

.e-btn-sty04 {color:#fff;border:1px solid #dc3545;background-color:#dc3545}
.e-btn-sty04:hover,
.e-btn-sty04:focus,
.e-btn-sty04:active {color:#fff;border:1px solid #C82333;background-color:#C82333}

.e-btn-sty05 {color:#000;border:1px solid #ffc107;background-color:#ffc107}
.e-btn-sty05:hover,
.e-btn-sty05:focus,
.e-btn-sty05:active {color:#000;border:1px solid #E0A800;background-color:#E0A800}

.e-btn-sty06 {color:#fff;border:1px solid #17a2b8;background-color:#17a2b8}
.e-btn-sty06:hover,
.e-btn-sty06:focus,
.e-btn-sty06:active {color:#fff;border:1px solid #138496;background-color:#138496}

.e-btn-sty07 {color:#fff;border:1px solid #111;background-color:#111}
.e-btn-sty07:hover,
.e-btn-sty07:focus,
.e-btn-sty07:active {color:#fff;border:1px solid #000;background-color:#000}
/************** Button **************/

/************** Input **************/
.e-input, .frm_input {padding:7px 10px 7px;border:1px solid #ddd;border-radius:5px;background-color:#f6f6f6}
.e-select, select {padding:6px 10px 6px;border:1px solid #ddd;border-radius:5px;background-color:#f6f6f6}
.e-input-block {width:100%}
.e-input-txt {padding:0 0 0 0}
.e-input-sty01 {border-left:none;border-right:none;border-top:none;border-radius:0;font-size:1.3em;background-color:#f6f6f6}
.e-input-sty02 {display:block;margin:0;padding:0;border:none}
.e-input-sty02 > input {float:left;padding:7px 10px;width:calc( 100% - 70px );font-size:1.3em;border:1px solid #28a745;border-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;background-color:#fff}
.e-input-sty02 > button {float:left;padding:7px 10px;width:70px;text-align:center;color:#fff;font-size:1.3em;border:1px solid #28a745;border-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#28a745}
/************** Input **************/

/************** FLAGS CSS **************/
.flags-country-item {
	position: relative;
    padding-left:31px;
}
.flags-country-item:before {
    content:"";
    width:16px;
    height:11px;
    background:url('/img/global_flag.png') no-repeat scroll 0 0;
    position:absolute;
    top:calc( 50% - 6px );
    left:10px;
}
.icon-country-ae,
.icon-country-ae::before {background-position:-16px 0 !important}
.icon-country-at,
.icon-country-at::before {background-position:-192px 0 !important}
.icon-country-au,
.icon-country-au::before {background-position:-208px 0 !important}
.icon-country-bd,
.icon-country-bd::before {background-position:-32px -11px !important}
.icon-country-be,
.icon-country-be::before {background-position:-48px -11px !important}
.icon-country-bh,
.icon-country-bh::before {background-position:-96px -11px !important}
.icon-country-bn,
.icon-country-bn::before {background-position:-160px -11px !important}
.icon-country-br,
.icon-country-br::before {background-position:-192px -11px !important}
.icon-country-ca,
.icon-country-ca::before {background-position:-32px -22px !important}
.icon-country-ch,
.icon-country-ch::before {background-position:-112px -22px !important}
.icon-country-cl,
.icon-country-cl::before {background-position:-160px -22px !important}
.icon-country-cn,
.icon-country-cn::before {background-position:-192px -22px !important}
.icon-country-cz,
.icon-country-cz::before {background-position:-48px -33px !important}
.icon-country-de,
.icon-country-de::before {background-position:-64px -33px !important}
.icon-country-dk,
.icon-country-dk::before {background-position:-96px -33px !important}
.icon-country-eg,
.icon-country-eg::before {background-position:-192px -33px !important}
.icon-country-es,
.icon-country-es::before {background-position:-240px -33px !important}
.icon-country-eu,
.icon-country-eu::before {background-position:-96px -154px !important}
.icon-country-fi,
.icon-country-fi::before {background-position:0 -44px !important}
.icon-country-fj,
.icon-country-fj::before {background-position:-16px -44px !important}
.icon-country-fr,
.icon-country-fr::before {background-position:-80px -44px !important}
.icon-country-gb,
.icon-country-gb::before {background-position:-112px -44px !important}
.icon-country-hk,
.icon-country-hk::before {background-position:-112px -55px !important}
.icon-country-hu,
.icon-country-hu::before {background-position:-192px -55px !important}
.icon-country-id,
.icon-country-id::before {background-position:-208px -55px !important}
.icon-country-il,
.icon-country-il::before {background-position:-240px -55px !important}
.icon-country-in,
.icon-country-in::before {background-position:-256px -55px !important}
.icon-country-it,
.icon-country-it::before {background-position:-64px -66px !important}
.icon-country-jo,
.icon-country-jo::before {background-position:-96px -66px !important}
.icon-country-jp,
.icon-country-jp::before {background-position:-112px -66px !important}
.icon-country-ke,
.icon-country-ke::before {background-position:-128px -66px !important}
.icon-country-kh,
.icon-country-kh::before {background-position:-160px -66px !important}
.icon-country-kr,
.icon-country-kr::before {background-position:-240px -66px !important}
.icon-country-kw,
.icon-country-kw::before {background-position:0 -77px !important}
.icon-country-kz,
.icon-country-kz::before {background-position:-32px -77px !important}
.icon-country-mn,
.icon-country-mn::before {background-position:-96px -88px !important}
.icon-country-mo,
.icon-country-mo::before {background-position:-112px -88px !important}
.icon-country-mx,
.icon-country-mx::before {background-position:-256px -88px !important}
.icon-country-my,
.icon-country-my::before {background-position:0 -99px !important}
.icon-country-nl,
.icon-country-nl::before {background-position:-128px -99px !important}
.icon-country-no,
.icon-country-no::before {background-position:-144px -99px !important}
.icon-country-np,
.icon-country-np::before {background-position:-160px -99px !important}
.icon-country-nz,
.icon-country-nz::before {background-position:-208px -99px !important}
.icon-country-om,
.icon-country-om::before {background-position:-224px -99px !important}
.icon-country-ph,
.icon-country-ph::before {background-position:-32px -110px !important}
.icon-country-pk,
.icon-country-pk::before {background-position:-48px -110px !important}
.icon-country-pl,
.icon-country-pl::before {background-position:-64px -110px !important}
.icon-country-qa,
.icon-country-qa::before {background-position:-192px -110px !important}
.icon-country-ru,
.icon-country-ru::before {background-position:-256px -110px !important}
.icon-country-sa,
.icon-country-sa::before {background-position:-16px -121px !important}
.icon-country-se,
.icon-country-se::before {background-position:-80px -121px !important}
.icon-country-sg,
.icon-country-sg::before {background-position:-96px -121px !important}
.icon-country-sk,
.icon-country-sk::before {background-position:-160px -121px !important}
.icon-country-th,
.icon-country-th::before {background-position:-112px -132px !important}
.icon-country-tr,
.icon-country-tr::before {background-position:-224px -132px !important}
.icon-country-tw,
.icon-country-tw::before {background-position:0 -143px !important}
.icon-country-us,
.icon-country-us::before {background-position:-96px -143px !important}
.icon-country-vn,
.icon-country-vn::before {background-position:-224px -143px !important}
.icon-country-za,
.icon-country-za::before {background-position:-48px -154px !important}
/************** FLAGS CSS **************/

/************** Input **************/
.e-btn-checkbox {position:relative;display:inline-block;margin:0;padding:0}
.e-btn-checkbox input[type='checkbox'] {position: absolute; opacity: 0; margin:10px}
.e-btn-checkbox input[type='checkbox'] + label {display:block;margin:0;padding:15px 20px;text-align:center;font-size:1.2rem;color:#fff;font-weight:400;border:1px solid #ddd;border-radius:15px;background-color:#ddd}
.e-btn-checkbox input[type='checkbox']:checked + label {color:#fff;border:1px solid #0081cb;background-color:#0081cb}

.e-btn-checkbox.e-btn-checkbox-sty01 {}
.e-btn-checkbox.e-btn-checkbox-sty01 input[type='checkbox'] + label {padding:0px 5px;border-radius:5px}
.e-btn-checkbox.e-btn-checkbox-sty01 input[type='checkbox']:checked + label {}

.e-btn-checkbox.e-btn-checkbox-sty02 {margin-top:10px;width:100%}
.e-btn-checkbox.e-btn-checkbox-sty02 input[type='checkbox'] + label {display:block;margin:0;padding:7px 20px 7px 40px;width:100%;text-align:left;color:#c30;font-weight:900;border:1px solid #ccc;border-radius:8px;background:#fff url('/img/icon/icon_chk_b.png') no-repeat 10px 50%;background-size:2%}
.e-btn-checkbox.e-btn-checkbox-sty02 input[type='checkbox']:checked + label {color:#fff;border:1px solid #c30;background:#c30 url('/img/icon/icon_chk_w.png') no-repeat 10px 50%;background-size:2%}

.e-btn-radio {position:relative;display:inline-block;margin:1px;padding:0}
.e-btn-radio input[type='radio'] {position: absolute; opacity: 0; margin:10px}
.e-btn-radio input[type='radio'] + label {display:block;margin:0;padding:7px 15px 7px 15px;text-align:center;color:#333;font-weight:400;border:1px solid #ddd;border-radius:5px;background-color:#f6f6f6}
.e-btn-radio input[type='radio']:checked + label {color:#fff;border:1px solid #0081cb;background-color:#0081cb}

.e-btn-radio.e-btn-radio-sty01 input[type='radio'] + label {display:block;margin:0;padding:4px 10px 4px 30px;text-align:center;color:#333;font-weight:400;border:1px solid #ddd;border-radius:5px;background:#f6f6f6 url('/img/icon/icon_chk_b.png') no-repeat 10px 50%;background-size:15%}
.e-btn-radio.e-btn-radio-sty01 input[type='radio']:checked + label {color:#fff;border:1px solid #0081cb;background:#0081cb url('/img/icon/icon_chk_w.png') no-repeat 10px 50%;background-size:15%}
.e-btn-radio.e-btn-radio-sty02 input[type='radio'] + label {background-color:#fff}
.e-btn-radio.e-btn-radio-sty02 input[type='radio']:checked + label {background-color:#0081cb}
.e-btn-radio.e-btn-radio-sty03 input[type='radio'] + label {padding:4px 7px}
.e-btn-radio.e-btn-radio-sty03 input[type='radio']:checked + label {}
/************** Input **************/


.frm_info {display:block;margin:0;padding:0 0 6px;font-size:12px;font-weight: 300;}
.sit_option {margin:0 0 10px;padding:10px 10px 0;border:1px solid #e9e9e9;background:#f7f7f7}
.sit_option .frm_input {background:#fff !important;color:#000}
.sit_option_frm_wrapper {margin:0 0 10px;height:auto !important;height:500px;max-height:500px;border:1px solid #ccc;overflow-y:scroll}
.sit_option_frm_wrapper table {border-collapse:collapse}
.sit_option_frm_wrapper th {padding:15px !important;text-align:center !important;width:auto !important;white-space: nowrap;}
.sit_option_frm_wrapper td {padding:15px !important;text-align:center !important;width:auto !important;white-space: nowrap;}
.sit_option_frm_wrapper caption {display:none}
.sit_option_frm_wrapper thead {background-color:#eee}




/* components.css { */
.scroll-none::-webkit-scrollbar {
    width: 0;  /* 스크롤바의 너비 */
    height: 0;  /* 스크롤바의 너비 */
    background-color: #fff;
}
.scroll-none::-webkit-scrollbar-thumb {
    background: #b6b6b6; /* 스크롤바의 색상 */
    border: none;
}
.scroll-thin::-webkit-scrollbar {
    width: 5px;  /* 스크롤바의 너비 */
    height: 5px;  /* 스크롤바의 너비 */
    background-color: #fff;
}
.scroll-thin::-webkit-scrollbar-thumb {
    background: #b6b6b6; /* 스크롤바의 색상 */
    border: none;
}
/* components.css } */