@charset "utf-8";

* {
    margin:0; padding:0; box-sizing: border-box;
}

body{-webkit-text-size-adjust: none;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, select, abbr, address, big, cite, code, del, dfn, img, ins, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, table,  th, td, textarea, input, button { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
table { border-collapse:collapse; empty-cells:show;border:0 }
img { border:0 none ;vertical-align: middle;}
input.type-text:hover, input.type-text:focus, textarea:hover, textarea:focus{ }
textarea.type-text:hover, textarea.type-text:focus { background-color: #ecf0f8; border:solid 1px #a8bdef ;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }
div, span, ul, li, img, a { border:0; }
table, tr, th, td { font-size:13.5px; font-weight:400; color:#000;}
table caption { text-indent:-2000px; }
hr { clear:both; height:1px; border:none; background:#FFF; margin-bottom: 15px; line-height:0; color:#FFF }
form, div, p, fieldset { margin: 0; padding: 0; border:0; }
input, select, ol, ul, dl, dd { margin:0; padding:0; vertical-align:middle;}
img, input.type-image { border:0 none; padding:0; margin:0; }
dl, dt, dd { padding: 0; margin: 0; }
ul, ol, li { margin:0; padding:0; list-style: none; }
input.type-radio { width:14px; height:14px; }
input.no_border { border:0; }
textarea { border:#ccc solid 1px; padding:2px; margin:0; font-size: 100%; resize:none;}
form, div, p, fieldset { margin: 0; padding: 0; border:0; }
img { line-height:0; font-size:0; border:0 }
caption,legend { display:none }
em,cite,caption{font-style:normal}
strong, b{font-weight:500;}

::-webkit-scrollbar {
   width: 8px;
   height: 8px;
}

/* 트랙 (Track) */
::-webkit-scrollbar-track {
    background-color: #e0e0e0 ;
}

/* 핸들 (Handle) */
::-webkit-scrollbar-thumb {
    background: #c2c2c2;
    border-radius: 8px;
	 opacity: 0.4;
}

/* Hover시 핸들 (Handle) */
::-webkit-scrollbar-thumb:hover {
    background-color: #919191;
}

@media (pointer:coarse) {
    /* custom css for "touch targets" */
	::-webkit-scrollbar {
		display:none;
		-ms-overflow-style:none;
	}
}

a, a:link, a:hover, a:active, a:visited { color: inherit; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:active, a:focus{ }
.ellips{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}


/* iphone input default */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
textarea {
    -webkit-appearance: none;
}


/*** padding margin preset ***/
.p0 {padding:0px !important;}
.p05 {padding:5px !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}
.p60 {padding:60px !important;}
.p70 {padding:70px !important;}
.p80 {padding:80px !important;}
.p90 {padding:90px !important;}
.p100 {padding:100px !important;}

.pl0 {padding-left:0px !important;}
.pl05 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

.pr0 {padding-right:0px !important;}
.pr02 {padding-right:2px !important;}
.pr03 {padding-right:3px !important;}
.pr05 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}
.pr120 {padding-right:120px !important;}
.pr130 {padding-right:130px !important;}
.pr140 {padding-right:140px !important;}
.pr150 {padding-right:150px !important;}
.pr160 {padding-right:160px !important;}
.pr170 {padding-right:160px !important;}
.pr180 {padding-right:180px !important;}

.pt0 {padding-top:0px !important;}
.pt05 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

.pb0 {padding-bottom:0px !important;}
.pb05 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}

.m0 {margin:0px !important;}
.m05 {margin:5px !important;}
.m10 {margin:10px !important;}
.m20 {margin:20px !important;}
.m30 {margin:30px !important;}
.m40 {margin:40px !important;}
.m50 {margin:50px !important;}
.m60 {margin:60px !important;}
.m70 {margin:70px !important;}
.m80 {margin:80px !important;}
.m90 {margin:90px !important;}
.m100 {margin:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb05 {margin-bottom:5px !important;}
.mb07 {margin-bottom:7px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.mt0 {margin-top:0px !important;}
.mt02 {margin-top:2px !important;}
.mt03 {margin-top:3px !important;}
.mt05 {margin-top:5px !important;}
.mt07 {margin-top:7px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.ml0 {margin-left:0px !important;}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.mr0 {margin-right:0px !important;}
.mr03 {margin-right:3px !important;}
.mr05 {margin-right:5px !important;}
.mr08 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr17 {margin-right:17px !important;}
.mr20 {margin-right:20px !important;}
.mr23 {margin-right:23px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.ml60 {margin-right:60px !important;}
.ml70 {margin-right:70px !important;}
.ml80 {margin-right:80px !important;}
.ml90 {margin-right:90px !important;}
.ml100 {margin-right:100px !important;}
/*** padding margin preset ***/

/* table column width */
.col_w03{width: 3%;}
.col_w04{width: 4%;}
.col_w05{width: 5%;}
.col_w06{width: 6%;}
.col_w07{width: 7%;}
.col_w08{width: 8%;}
.col_w09{width: 9%;}
.col_w10{width: 10%;}
.col_w11{width: 11%;}
.col_w12{width: 12%;}
.col_w13{width: 13%;}
.col_w14{width: 14%;}
.col_w15{width: 15%;}
.col_w16{width: 16%;}
.col_w17{width: 17%;}
.col_w18{width: 18%;}
.col_w19{width: 19%;}
.col_w20{width: 20%;}
.col_w21{width: 21%;}
.col_w22{width: 22%;}
.col_w23{width: 23%;}
.col_w24{width: 24%;}
.col_w25{width: 25%;}
.col_w26{width: 26%;}
.col_w27{width: 27%;}
.col_w28{width: 28%;}
.col_w29{width: 29%;}
.col_w30{width: 30%;}
.col_w31{width: 31%;}
.col_w32{width: 32%;}
.col_w33{width: 33%;}
.col_w34{width: 34%;}
.col_w35{width: 35%;}
.col_w36{width: 36%;}
.col_w37{width: 37%;}
.col_w38{width: 38%;}
.col_w39{width: 39%;}
.col_w40{width: 40%;}
.col_w50{width: 50%;}
.col_w{width:auto;}


h1, h2, h3, h4, h5, h6 {font-size:20px;}
span, p, input, a, button {font-size:15px;}
b, strong, em, select {font-size:inherit; font-family:inherit;}

/*자동완성 배경색 없애기*/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
	box-shadow: 0 0 0 1000px white inset;
}
/*사파리 인풋 초기화*/
input, 
input{ 
	-webkit-border-radius:0; /* 둥근모서리 */ 
	-webkit-appearance:none; /* 그림자 */ 
}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


/*************** SIMPLE OUTER SCROLLBAR ***************/
 
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}
 
.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
	background: transparent;
}
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* scrollbar height/width & offset from container borders */
 
.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }

/***************************************************************************************************/


/* radio btn */

/* Customize the label (the container) */
.cont_radio {
    display: inline-block;
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:-5px 10px -5px 0;
}

/* Hide the browser's default radio button */
.cont_radio input {
    position: absolute;
    opacity: 0;
}

/* Create a custom radio button */
.cont_radio .checkmark {
    position: absolute;
    top:1px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #ddd;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.cont_radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.cont_radio input:checked ~ .checkmark {
    background-color: #3971ff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.cont_radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.cont_radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.cont_radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

/* check btn */

/* Customize the label (the container) */
.cont_check {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-right:10px;
    vertical-align:middle;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.cont_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
	width:0;
	padding:0;
}

/* Create a custom checkbox */
.cont_check .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background-color: #dedede;
}

.cont_check.square .checkmark {border-radius: 0;}

/* On mouse-over, add a grey background color */
.cont_check:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cont_check input:checked ~ .checkmark {
    background-color: #3971ff;
}

.cont_check input:checked:disabled ~ .checkmark {
    background-color: #f3f3f3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cont_check .checkmark:after {
    content: "";
    position: absolute;
/*    display: none;*/
}

/* Show the checkmark when checked */
.cont_check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cont_check .checkmark:after {
    left: 6px;
    top: 3px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* check size */

.cont_check.ss {
    padding-left: 20px;
    margin-right:10px;
}


.cont_check.ss .checkmark {
    height: 15px;
    width: 15px;
    margin-top:3px;
}

.cont_check.ss .checkmark:after {
    left: 6px;
    top: 3px;
    width: 2px;
    height: 5px;
    border: solid white;
    border-width: 0 1.5px 1.5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark.top0 {top:0 !important;}
.checkmark.top1 {top:1px !important;}
.checkmark.top2 {top:2px !important;}
.checkmark.top3 {top:3px !important;}
.checkmark.top4 {top:4px !important;}
.checkmark.top5 {top:5px !important;}
.checkmark.top6 {top:6px !important;}
.checkmark.top7 {top:7px !important;}
.checkmark.top8 {top:8px !important;}
.checkmark.top9 {top:9px !important;}
.checkmark.top10 {top:10px !important;}

.checkmark.top-m-1 {top:-1px !important;}
.checkmark.top-m-2 {top:-2px !important;}
.checkmark.top-m-3 {top:-3px !important;}
.checkmark.top-m-4 {top:-4px !important;}
.checkmark.top-m-5 {top:-5px !important;}
.checkmark.top-m-6 {top:-6px !important;}
.checkmark.top-m-7 {top:-7px !important;}
.checkmark.top-m-8 {top:-8px !important;}
.checkmark.top-m-9 {top:-9px !important;}
.checkmark.top-m-10 {top:-10px !important;}

/*****************
switch
*****************/

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #3971ff;
}

input:focus + .slider {
    box-shadow: 0 0 1px #3971ff;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


.btn {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0;
    transition: all .15s ease-in-out;
    border: 1px solid;
    border-radius: 0px;
    border-color: #03121d;
    background-color: #041827;
    color: #fff;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn_wrap {position: relative;}
.btn_wrap .btn {margin-right:10px; margin-left:0;}
.btn_wrap .btn:last-child {margin-left:0; margin-right:0px;}
.btn_wrap.left {text-align:left;}
.btn_wrap.right {text-align:right;}
.btn_wrap.right .btn {margin-left:10px; margin-right:0;}
.btn_wrap.right .btn:first-child {margin-left:0px; margin-right:0;}
.btn_wrap.center {text-align:center;}

.btn_wrap .right_wrap {position: absolute;right: 0;top: 0;}


.btn a:hover {text-decoration: none !important;}

.btn a,
.btn button,
.btn span,
.btn input {display:block; font-size:13px; line-height:1em; background:transparent; border:0; padding:10px 20px ; color:#fff; cursor:pointer;}
.btn input:hover {border:0 !important;}


/* big */
.btn.xl a,
.btn.xl button,
.btn.xl span,
.btn.xl input {font-size:16px; line-height:1em; padding: 12px 25px;}
.btn.xl input:hover {border:0 !important;}

/* small */
.btn.xs a,
.btn.xs button,
.btn.xs span,
.btn.xs input {font-size:11px; line-height:1em; padding:3px 10px;}
.btn.xs input:hover {border:0 !important;}

/* middle */
.btn.xm a,
.btn.xm button,
.btn.xm span,
.btn.xm input {font-size:13px; line-height:1em; padding: 6px 15px;}
.btn.xm input:hover {border:0 !important;}

.btn.xm a svg {font-size:13px;}

/* wide */
.btn.wide a {padding:10px 30px;}

/* red */
.btn.red {background-color: #c24436; border-color: #b44141;}

/* yellow */
.btn.yellow {background-color:#FFC107;}

/* green */
.btn.green {background: #39b54a; border-color: #29aa3a;}

/* sky */
.btn.sky {background-color:#4FC3F7; border-color: #4bb9ea;}

/* navy */
.btn.navy {background-color:#14146b;}

/* blue */
.btn.blue,
.btn.okay  {background-color: #3971ff; border-color: #3971ff;}

/* gray */
.btn.gray {background-color:#757575; border-color: #6e6e6e;}

/* orange */
.btn.orange {background-color:#ffe3de; border-color: #ffe3de;}
.btn.orange a {color:#ef2727;}

/* white */
.btn.white {background-color:#fff; border-color: #e2e2e2;}
.btn.white a {color:#333;}

/* mint */
.btn.mint {background-color:#8ca9be; border-color: #8ca9be;}
.btn.mint a {color:#fff;}

/* white */
.btn.white.blue {background-color:#fff; border-color: #3971ff;}
.btn.white.blue a {color:#3971ff;}

.btn i {
    margin-right:5px;
}


/* form basic */
input, textarea {border:1px solid #dfe3e9; font-family:inherit; /*margin-bottom: 2px;*/ width:100%; padding:4px 10px; background:#fff; font-weight: 400; font-size: 14px; color:#333; transition:0s;}
textarea {padding:10px;}
input:focus, textarea:focus{outline:0 !important; outline-offset: 0px; border:1px solid #ccc;}
input:hover {border:1px solid #ccc; }
label {font-size:14px; color: #696969; vertical-align: middle;}
/* select */
select {
    height: 30px;
    padding-left: 10px;
    padding-right:35px;
    font-size: 14px;
    border: 1px solid #dfdfdf;
    border-radius: 0px;
    background:#fff;
    color: #393939;
    font-weight:400;
    outline: none;
}
select {
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */ -moz-appearance: none;
    appearance: none;
    background-image: url(../img/arrow_sel.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    background-size:16px;
    /* 화살표 모양의 이미지 */ } /* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display: none; }
input:disabled {opacity:0.7; background:#f3f3f3;}
input[type='checkbox']:disabled, input[type='radio']:disabled {opacity:0;}
textarea:disabled {opacity:0.7; background:#f3f3f3;}
input.s_date {opacity:1;background:#fff;}
input.s_date.none {opacity:0.7; background:#f3f3f3;}
input:read-only.like_text {opacity:1;background:#fff;border:0;cursor:default;padding-left: 0;}
input.b_white {opacity:1 ;background:#fff ;}
input::placeholder, textarea::placeholder {color: #b5b5b5;}
input.comma {text-align:right;}
input.comma::placeholder{text-align:left;}

/*알림메시지 띄우기*/
.alim_msg {position:fixed; height:0; overflow: hidden;  opacity:0; transition: 0.35s transform; top:50%; left:50%; transform: translate(-50%, 90%);  text-align:center; font-size:13px;z-index: 9999;}
.alim_msg span {display:block; color: #fff; background: rgb(0 0 0 / 0.7);  width:auto;  padding:8px 90px; font-size:17px; border-radius:30px; display:block;}
.alim_msg.active {opacity:0.8; height:auto; transform: translate(-50%, -50%); }

/*가로 길이*/
.w_full {width:100% !important;}
.w20 {width:20px !important;}
.w25 {width:25px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important;}
.w85 {width:85px !important;}
.w90 {width:90px !important;}
.w95 {width:95px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w150 {width:150px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w240 {width:240px !important;}
.w250 {width:250px !important;}
.w280 {width:280px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w440 {width:440px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w550 {width:550px !important;}
.w600 {width:600px !important;}
.w650 {width:650px !important;}
.w700 {width:700px !important;}
.w750 {width:750px !important;}
.w800 {width:800px !important;}
.w850 {width:850px !important;}
.w900 {width:900px !important;}
.w1000 {width:1000px !important;}
.w1100 {width:1100px !important;}
.w1200 {width:1200px !important;}

.w10per {width:10% !important;}
.w20per {width:20% !important;}
.w25per {width:25% !important;}
.w30per {width:30% !important;}
.w35per {width:35% !important;}
.w40per {width:40% !important;}
.w45per {width:45% !important;}
.w50per {width:50% !important;}
.w55per {width:55% !important;}
.w57per {width:57% !important;}
.w60per {width:60% !important;}
.w70per {width:70% !important;}
.w80per {width:80% !important;}
.w85per {width:85% !important;}
.w90per {width:90% !important;}
.w95per {width:95% !important;}
.w100per {width:100% !important;}

/*세로 길이*/
.h_full {height:100% !important;}
.h40 {height:40px !important;}
.h50 {height:50px !important;}
.h60 {height:60px !important;}
.h70 {height:70px !important;}
.h80 {height:80px !important;}
.h90 {height:90px !important;}
.h100 {height:100px !important;}
.h120 {height:120px !important;}
.h130 {height:130px !important;}
.h150 {height:150px !important;}
.h200 {height:200px !important;}
.h240 {height:240px !important;}
.h250 {height:250px !important;}
.h300 {height:300px !important;}
.h350 {height:350px !important;}
.h400 {height:400px !important;}
.h440 {height:440px !important;}
.h450 {height:450px !important;}
.h500 {height:500px !important;}
.h550 {height:550px !important;}
.h600 {height:600px !important;}
.h650 {height:650px !important;}
.h700 {height:700px !important;}
.h800 {height:800px !important;}
.h900 {height:900px !important;}
.h1000 {height:1000px !important;}
.h1100 {height:1100px !important;}
.h1200 {height:1200px !important;}

b.bar {display: inline-block; width:10px; text-align: center;}
b.dot {display: inline-block; width:20px; text-align: center;}

input.s_date {text-align: center;}

/* 정렬 */
input.center {text-align: center !important;}
input.left {text-align: left !important;}
input.right {text-align: right !important;}

td.tdCenter, th.tdCenter {text-align: center !important;}
td.tdLeft, th.tdLeft {text-align: left !important;}
td.tdRight, th.tdRight {text-align: right !important;}

.alignCenter {text-align: center !important;}
.alignLeft {text-align: left !important;}
.alignRight {text-align: right !important;}


/* border 숨기기 */
.bd_top_none {border-top:0 !important;}
.bd_bottom_none {border-bottom:0 !important;}
.bd_left_none {border-left:0 !important;}
.bd_right_none {border-right:0 !important;}
.bd_none {border:0 !important;}

/* border 그리기 */
.bd_top {border-top:1px solid #dfdfdf !important;}
.bd_bottom {border-bottom:1px solid #dfdfdf !important;}
.bd_left {border-left:1px solid #dfdfdf !important;}
.bd_right {border-right:1px solid #dfdfdf !important;}

/* border 그리기 - 블랙 */
.bd_top_black {border-top:1px solid #333 !important;}
.bd_bottom_black {border-bottom:1px solid #333 !important;}
.bd_left_black {border-left:1px solid #333 !important;}
.bd_right_black {border-right:1px solid #333 !important;}

/* 굵게 */
.bold, .bold td {font-weight: 600 !important;}

/* border 아웃라인 */
.bd {border:1px solid #dfe3e9 !important;}

/* 메인컬러 */
.mainColor {color: #3971ff !important;}
.mainBColor {background-color: #3971ff !important;}

/* 폰트 사이즈 */
.fsize11 {font-size:11px !important;}
.fsize12 {font-size:12px !important;}
.fsize13 {font-size:13px !important;}
.fsize14 {font-size:14px !important;}
.fsize15 {font-size:15px !important;}
.fsize16 {font-size:16px !important;}
.fsize17 {font-size:17px !important;}
.fsize18 {font-size:18px !important;}

/* 폰트 굵기 */
.fweight400 {font-weight: 400 !important;}
.fweight500 {font-weight: 500 !important;}
.fweight600 {font-weight: 600 !important;}
.fweight700 {font-weight: 700 !important;}

/*td 에서 한줄만 나오게*/
td .one_line {white-space: nowrap;text-overflow: ellipsis; overflow: hidden;max-width: 91%;display: inline-block;vertical-align: middle;}

/* 커서 */
.pointer {cursor: pointer;}

.text_red {color: #fc1e05 !important;}
.text_red2 {color: #d42f2f !important;}

.text_blue {color: #074dff !important;}
.text_green {color: #1e9b5d !important;}
.text_gray {color: #6e6e6f !important;}
.text_black {color: #000 !important;}

/*필수 입력*/
b.nec {color: #3971ff;font-size: 18px;}

em.underline {text-decoration:underline;}

/* 가로 나열 */
.row_wrap {display: flex;flex-direction: row;justify-content: space-between;}
.row_wrap .row_box {width: 48%;}