@charset "UTF-8";

/*********************************************************************************************************/ 
/*                                                                                                       */
/*  작업일 : 2021-02-16   1차작업                                                                        */
/*  작업자 : 권과장                                                                                      */
/*                                                                                                       */
/*********************************************************************************************************/ 



/* font */
/* ****************************************************************************************************/
/*
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900,300italic");
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css");
*/
/* *******************************************************************************************************/



/* 나눔스퀘어 */

@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 100;
    src: local('※'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareL.woff2') format('woff2'), 
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareL.woff') format('woff'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareL.ttf') format('truetype'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareL.otf') format('opentype'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareL.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareR.woff2') format('woff2'), 
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareR.woff') format('woff'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareR.ttf') format('truetype'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareR.otf') format('opentype'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareR.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 700;
    src: local('※'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareB.woff2') format('woff2'), 
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareB.woff') format('woff'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareB.ttf') format('truetype'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareB.otf') format('opentype'),
        url('/gagong/fnc_css/font/NanumSquare/NanumSquareB.eot') format('embedded-opentype');
}




@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url('/gagong/fnc_css/font/NanumGothic/NanumGothic-Regular.eot');
    src: url('/gagong/fnc_css/font/NanumGothic/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), url(/gagong/fnc_css/font/NanumGothic/NanumGothic-Regular.woff2) format('woff2'), url(/gagong/fnc_css/font/NanumGothic/NanumGothic-Regular.woff) format('woff'), url(/gagong/fnc_css/font/NanumGothic/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url('/gagong/fnc_css/font/NanumGothic/NanumGothic-Bold.eot');
    src: url('/gagong/fnc_css/font/NanumGothic/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'), url(/gagong/fnc_css/font/NanumGothic/NanumGothic-Bold.woff2) format('woff2'), url(/gagong/fnc_css/font/NanumGothic/NanumGothic-Bold.woff) format('woff'), url(/gagong/fnc_css/font/NanumGothic/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url('/gagong/fnc_css/font/NanumGothic/NanumGothic-ExtraBold.eot');
    src: url('/gagong/fnc_css/font/NanumGothic/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'), url(/gagong/fnc_css/font/NanumGothic/NanumGothic-ExtraBold.woff2) format('woff2'), url(/gagong/fnc_css/font/NanumGothic/NanumGothic-ExtraBold.woff) format('woff'), url(/gagong/fnc_css/font/NanumGothic/NanumGothic-ExtraBold.ttf) format('truetype');
}





@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoR.woff2') format('woff2'), 
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoR.woff') format('woff'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoR.ttf') format('truetype'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoR.otf') format('opentype'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoR.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 700;
    src: local('※'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoB.woff2') format('woff2'), 
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoB.woff') format('woff'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoB.ttf') format('truetype'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoB.otf') format('opentype'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoB.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 900;
    src: local('※'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoEB.woff2') format('woff2'), 
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoEB.woff') format('woff'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoEB.ttf') format('truetype'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoEB.otf') format('opentype'),
        url('/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjoEB.eot') format('embedded-opentype');
}





@font-face {
  font-family: 'Malgun Gothic';
  font-weight: 400;
  font-style: normal;
  src: url('/gagong/fnc_css/font/MalgunGothic/MalgunGothic.eot');
  src: url('/gagong/fnc_css/font/MalgunGothic/MalgunGothic.ttf') format('truetype'),
       url('/gagong/fnc_css/font/MalgunGothic/MalgunGothic.eot?#iefix') format('embedded-opentype');
}




.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}






/*  로딩속도 개선을 위해 필요한 폰트만 common.css 에 가져와서  사용한다. */
/* ****************************************************************************************************/
/*
@import url("/gagong/fnc_css/font/NanumGothic/NanumGothic.css"); 
@import url("/gagong/fnc_css/font/NotoSans/NotoSans.css"); 
@import url("/gagong/fnc_css/font/NanumMyeongjo/NanumMyeongjo.css"); 
@import url("/gagong/fnc_css/font/nanumsquare/nanumsquare.css"); 
@import url("/gagong/fnc_css/font/nanumsquareround/nanumsquareround.css"); 
*/
/* ****************************************************************************************************/







/* reset CSS  */  
/* *****************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}


html { box-sizing: border-box;}
* {  box-sizing: border-box;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}



table {width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}


mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}

a {color: #333;text-decoration: none;}
a:hover {text-decoration: none;	}

li {list-style: none;}


.row::before, .row::after { 
  content: "";
  display: block;
  }
.row::after { clear: both; } 



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















/*! normalize.css v8.0.1 github.com/necolas/normalize.css */
/* ****************************************************************************************************/
html {
  line-height: 1.15; /* Correct the line height in all browsers */
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
}


body {
  margin: 0;
}

main {
  display: block; /* Render the `main` element consistently in IE. */
}



hr {
  box-sizing: content-box; height: 0; /* Add the correct box sizing in Firefox. */
  overflow: visible; /* Show the overflow in Edge and IE */
}


pre {
  font-family: monospace, monospace; /* Correct the inheritance and scaling of font size in all browsers. */
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */
}


a {
  background-color: transparent; /* Remove the gray background on active links in IE 10.  */
}


abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57- */
  text-decoration: underline; /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
  text-decoration: underline dotted; /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
}


b,strong { font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari. */}

code,kbd,samp {
  font-family: monospace, monospace; /*  Correct the inheritance and scaling of font size in all browsers. */
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */
}

sub,sup { /* Prevent `sub` and `sup` elements from affecting the line height in */
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {  bottom: -0.25em;font-size: 0.8em}
sup {  top: -0.5em;font-size: 0.8em}
i, em { font-style: italic;	}

img { border-style: none;  /*Remove the border on images inside links in IE 10. */}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;font-size: 100%; line-height: normal;    /* Change the font styles in all browsers. */
  margin: 0; /* Remove the margin in Firefox and Safari. */
}


button,
input { /* Show the overflow in IE., Edge. */
  overflow: visible;
}

button,
select {
  text-transform: none;
} /* Remove the inheritance of text transform in Firefox. */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; 
} /*Correct the inability to style clickable types in iOS and Safari.  */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}/* Remove the inner border and padding in Firefox. */



button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}/* Restore the focus styles unset by the previous rule. */


button {border:0 !important}


fieldset {
  padding: 0.35em 0.75em 0.625em;
}/* Correct the padding in Firefox. */


legend {
  box-sizing: border-box; /* Correct the text wrapping in Edge and IE. */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE. */
  display: table; /* Correct the text wrapping in Edge and IE. */
  max-width: 100%; /* Correct the text wrapping in Edge and IE. */
  padding: 0; /* Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
  white-space: normal; /* Correct the text wrapping in Edge and IE. */
}


.fnc_row::before, .fnc_row::after { 
  content: "";
  display: block;
  }
.fnc_row::after { clear: both; } 




progress {
  vertical-align: baseline;
}/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */


textarea {
  overflow: auto;
}/* Remove the default vertical scrollbar in IE 10+. */


[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /*  Add the correct box sizing in IE 10 */
  padding: 0; /* Remove the padding in IE 10. */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
} /* Correct the cursor style of increment and decrement buttons in Chrome. */


[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari. */
  outline-offset: -2px; /* Correct the outline style in Safari. */
}


[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}/* Remove the inner padding in Chrome and Safari on macOS. */


::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari. */
  font: inherit; /* Change font properties to `inherit` in Safari. */
}


details {
  display: block;
}/* Add the correct display in Edge, IE 10+, and Firefox. */


summary {
  display: list-item;
}


template {
  display: none;
}/* Add the correct display in IE 10+. */


[hidden] {
  display: none;
}/* Add the correct display in IE 10+. */

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





/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }



/*Firefox에서 input number 화살표 제거 */ 
input[type=number] {
    -moz-appearance: textfield;
}

/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }

input, button{
box-shadow: none;
 outline-style:none;       /*크롬 브라우져 input 주황색 테두리 없애는법*/ 
 border-radius:0px 0px;    /* 아이폰의 input 라운드 초기화 */
}

























/*================================================== */
/* navigation
================================================== */
ul.nav {
    margin: 0px;
    padding: 0px;
}
ul.nav li {
    display: inline;
    float: left;
    list-style: none;
    position: relative;
}
ul.nav li a {
    color: #FFF;
    text-decoration: none;
    position: relative;
    z-index: 11;
    display: block;
    padding: 0px 15px;
}
ul.nav li .hover,ul.nav .mask {
    top: auto;
    bottom: auto;
    left: 0px;
    right: 0px;
    position: absolute;
    z-index: 1;
    display: none;
}
ul.nav li .nav_img {
    position: absolute;
    opacity: 0;
}
.arrow {
    border-style: dashed;
    border-color: transparent;
    display: -moz-inline-box;
    display: inline-block;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    width: 0px;
    margin-left: 5px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #FFF;
    position: absolute;
    right: 10px;
    z-index:10;
    top: 35% !important;
}
ul.nav>li.submenu {
    padding-right: 15px;
}
ul.nav>li>.arrow { display:none !important;
/*
    border-color: transparent;
    border-width: 5px;
    display: -moz-inline-box;
    display: inline-block;
    border-top-width: 7px;
    border-top-style: solid;
    border-top-color: #FFF;
    right: 5px;
    float: right;
	*/
}
ul.nav li.html_content {
    padding: 10px;
}
ul.nav li .navToolTrip {
    position: absolute;
    left: auto;
    border: 1px solid #000;
    padding: 10px;
    min-width: 120px;
    font-size: 11px;
    background: rgba(255,255,255,0.8);
    border: 1px solid #CCC;
    z-index:99;
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 0;
    border-radius: 8px;
    border-top-left-radius: 0;
    display: none;
}
ul.nav li .navToolTrip.top {
    -webkit-border-radius: 8px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    margin-top: auto;
}
.toolTripArrows {
    border-style: dashed;
    border-color: transparent;
    border-width: 7px;
    display: -moz-inline-box;
    display: inline-block;
    height: 0;
    position: absolute;
    width: 0;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    top: -17px;
    left: -1px;
}
ul.nav li .navToolTrip.top .toolTripArrows {
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: #CCC;
    top: auto;
    bottom: -10px;
    border-bottom-width: 0px;
}
.menu-toggle-button {
	color:#FFF;
	padding:0px 10px;
	position:relative;
	cursor:pointer;
}
.menu-toggle-button span{
	position:absolute;
	right:1%;
	font-size:200%;
	padding:0px 10px;
	line-height:normal;
	
}
/*================================================== */
/* Drop Down
================================================== */
ul.nav ul {
    position: absolute;
    margin: 0px;
    padding: 0px;
    display: none;
	z-index:999;
}
ul.nav>li:hover>ul {
	display:block;
}
ul.nav ul ul {
    top: 0px;
}
ul.nav ul li {
    padding: 0px;
    display: block;
    float: none;
    position: relative;
}
/*================================================== */
/*DEEP BLUE THEME
================================================== */
ul.nav.deep-blue,.menu-toggle-button.deep-blue{
    background: #017088;
}
ul.nav.deep-blue li .hover,ul.nav.deep-blue li .mask {
    background: #07bbe7;
    background: -moz-linear-gradient(top, #07bbe7 0%, #016f87 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07bbe7), color-stop(100%,#016f87));
    background: -webkit-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: -o-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: -ms-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: linear-gradient(to bottom, #07bbe7 0%,#016f87 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#07bbe7', endColorstr='#016f87',GradientType=0 );
}
ul.nav.deep-blue ul {
    background: #017088;
}
ul.nav.deep-blue li a.selected {
    background: #0ea5c7;
}
/*================================================== */
/*SKY BLUE BLUE THEME
================================================== */
ul.nav.light-sky-blue,.menu-toggle-button.light-sky-blue {
    background: #6eebfa;
    background: -moz-linear-gradient(top, #6eebfa 0%, #0098be 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6eebfa), color-stop(100%,#0098be));
    background: -webkit-linear-gradient(top, #6eebfa 0%,#0098be 100%);
    background: -o-linear-gradient(top, #6eebfa 0%,#0098be 100%);
    background: -ms-linear-gradient(top, #6eebfa 0%,#0098be 100%);
    background: linear-gradient(to bottom, #6eebfa 0%,#0098be 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6eebfa', endColorstr='#0098be',GradientType=0 );
    box-shadow: inset 0px -2px 1px #2eabca;
    
}
ul.nav.light-sky-blue li .hover,ul.nav.light-sky-blue li .mask {
    background: #07bbe7;
    background: -moz-linear-gradient(top, #07bbe7 0%, #016f87 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07bbe7), color-stop(100%,#016f87));
    background: -webkit-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: -o-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: -ms-linear-gradient(top, #07bbe7 0%,#016f87 100%);
    background: linear-gradient(to bottom, #07bbe7 0%,#016f87 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#07bbe7', endColorstr='#016f87',GradientType=0 );
}
ul.nav.light-sky-blue ul {
    background: #017088;
}
ul.nav.light-sky-blue li.selected {
    background: #0ea5c7;
}
/*================================================== */
/*BLACK BLUE THEME
================================================== */
ul.nav.black ,.menu-toggle-button.black{
    background: #535353;
    background: -moz-linear-gradient(top, #535353 0%, #343434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#343434));
    background: -webkit-linear-gradient(top, #535353 0%,#343434 100%);
    background: -o-linear-gradient(top, #535353 0%,#343434 100%);
    background: -ms-linear-gradient(top, #535353 0%,#343434 100%);
    background: linear-gradient(to bottom, #535353 0%,#343434 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#343434',GradientType=0 );
    box-shadow: inset 0px -2px 1px #575757;
   
}
ul.nav.black li .hover,ul.nav.black li .mask {
    background: #818181;
    background: -moz-linear-gradient(top, #818181 0%, #161515 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#161515));
    background: -webkit-linear-gradient(top, #818181 0%,#161515 100%);
    background: -o-linear-gradient(top, #818181 0%,#161515 100%);
    background: -ms-linear-gradient(top, #818181 0%,#161515 100%);
    background: linear-gradient(to bottom, #818181 0%,#161515 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#161515',GradientType=0 );
}
ul.nav.black ul {
    background: #181717;
}
ul.nav.black li a.selected {
    background: #161616;
}
/*================================================== */
/*LIGHT GRERY THEME
================================================== */
ul.nav.light-grey ,.menu-toggle-button.light-grey{
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cdcdcd));
    background: -webkit-linear-gradient(top, #ededed 0%,#cdcdcd 100%);
    background: -o-linear-gradient(top, #ededed 0%,#cdcdcd 100%);
    background: -ms-linear-gradient(top, #ededed 0%,#cdcdcd 100%);
    background: linear-gradient(to bottom, #ededed 0%,#cdcdcd 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cdcdcd',GradientType=0 );
    box-shadow: inset 0px -2px 1px #d6d6d6;
}
ul.nav.light-grey li a {
    color: #000;
}
ul.nav.light-grey li .hover,ul.nav.light-grey li .mask {
    background: #e0e0e0;
    background: -moz-linear-gradient(top, #e0e0e0 0%, #aeaeae 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#aeaeae));
    background: -webkit-linear-gradient(top, #e0e0e0 0%,#aeaeae 100%);
    background: -o-linear-gradient(top, #e0e0e0 0%,#aeaeae 100%);
    background: -ms-linear-gradient(top, #e0e0e0 0%,#aeaeae 100%);
    background: linear-gradient(to bottom, #e0e0e0 0%,#aeaeae 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#aeaeae',GradientType=0 );
}
ul.nav.light-grey ul {
    background: #aeaeae;
}
ul.nav.light-grey li a.selected {
    background: #fcfcfc;
}
/*================================================== */
/*GEREEN THEME
================================================== */
ul.nav.green ,.menu-toggle-button.green{
    background: #299a0b;
    background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#299a0b));
    background: -webkit-linear-gradient(top, #299a0b 0%,#299a0b 100%);
    background: -o-linear-gradient(top, #299a0b 0%,#299a0b 100%);
    background: -ms-linear-gradient(top, #299a0b 0%,#299a0b 100%);
    background: linear-gradient(to bottom, #299a0b 0%,#299a0b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 );
}
ul.nav.green li .hover,ul.nav.green li .mask {
    background: #53f328;
    background: -moz-linear-gradient(top, #53f328 0%, #2a9c0c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53f328), color-stop(100%,#2a9c0c));
    background: -webkit-linear-gradient(top, #53f328 0%,#2a9c0c 100%);
    background: -o-linear-gradient(top, #53f328 0%,#2a9c0c 100%);
    background: -ms-linear-gradient(top, #53f328 0%,#2a9c0c 100%);
    background: linear-gradient(to bottom, #53f328 0%,#2a9c0c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#53f328', endColorstr='#2a9c0c',GradientType=0 );
}
ul.nav.green ul {
    background: #2a9d0c;
}
ul.nav.green li a.selected {
    background: #156400;
}
/*================================================== */
/*ORANGE THEME
================================================== */
ul.nav.orange ,.menu-toggle-button.orange{
    background: #fd8103;
}
ul.nav.orange li .hover,ul.nav.orange li .mask {
    background: #fd8103;
    background: -moz-linear-gradient(top, #f55604 0%, #f55604 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f55604), color-stop(100%,#f55604));
    background: -webkit-linear-gradient(top, #f55604 0%,#fe7e3c 100%);
    background: -o-linear-gradient(top, #ff9325 0%,#f55604 100%);
    background: -ms-linear-gradient(top, #ff9325 0%,#f55604 100%);
    background: linear-gradient(to bottom, #ff9325 0%,#f55604 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f55604', endColorstr='#f55604',GradientType=0 );
}
ul.nav.orange ul {
    background: #f55604;
}
ul.nav.orange li a.selected {
    background: #b93f00;
}

/*================================================== */
/*APPLEGREEN THEME
================================================== */
ul.nav.apple-green ,.menu-toggle-button.apple-green{
    background: #9966cc ;
}
ul.nav.apple-green li .hover,ul.nav.apple-green li .mask {
    background: #7736b6;
    background: -moz-linear-gradient(top, #4a0092 0%, #7736b6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f55604), color-stop(100%,#7736b6));
    background: -webkit-linear-gradient(top, #4a0092 0%,#7736b6 100%);
    background: -o-linear-gradient(top, #4a0092 0%,#7736b6 100%);
    background: -ms-linear-gradient(top, #4a0092 0%,#7736b6 100%);
    background: linear-gradient(to bottom, #4a0092 0%,#7736b6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4a0092', endColorstr='#7736b6',GradientType=0 );
}
ul.nav.apple-green ul {
    background: #7736b6;
}
ul.nav.apple-green li a.selected {
    background: #49038e;
}
/*================================================== */
/* PINK THEME
================================================== */
ul.nav.pink ,.menu-toggle-button.pink{
    background: #ff007f ;
}
ul.nav.pink li .hover,ul.nav.pink li .mask {
    background: #fd8103;
    background: -moz-linear-gradient(top, #9d004f 0%, #d4006a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#890044), color-stop(100%,#d4006a));
    background: -webkit-linear-gradient(top, #9d004f 0%,#d4006a 100%);
    background: -o-linear-gradient(top, #9d004f 0%,#d4006a 100%);
    background: -ms-linear-gradient(top, #9d004f 0%,#d4006a 100%);
    background: linear-gradient(to bottom, #9d004f 0%,#d4006a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9d004f', endColorstr='#d4006a',GradientType=0 );
}
ul.nav.pink ul {
    background: #d4006a;
}
ul.nav.pink li a.selected {
    background: #9d004f;
}

/*================================================== */
/* AMETHYST THEME
================================================== */
ul.nav.amethyst ,.menu-toggle-button.amethyst{
    background: #441b55 ;
}
ul.nav.amethyst li .hover,ul.nav.amethyst li .mask {
    background: #850cb8;
}
ul.nav.amethyst ul {
    background: #850cb8;
}


/*================================================== */
/* LIGHT BROWN THEME
================================================== */
ul.nav.light-brown,.menu-toggle-button.light-brown{
    background: #b5651d;
}
ul.nav.light-brown li .hover,ul.nav.lemon li .light-brown {
    background: #8f4706;
    background: -moz-linear-gradient(top, #693200 0%, #8f4706 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#693200), color-stop(100%,#8f4706));
    background: -webkit-linear-gradient(top, #693200 0%,#8f4706 100%);
    background: -o-linear-gradient(top, #693200 0%,#8f4706 100%);
    background: -ms-linear-gradient(top, #693200 0%,#8f4706 100%);
    background: linear-gradient(to bottom, #693200 0%,#8f4706 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#693200', endColorstr='#8f4706',GradientType=0 );
}
ul.nav.light-brown ul {
    background: #8f4706;
}
ul.nav.light-brown li a.selected {
    background: #693200;
}




/*================================================== */
/* LIGHT none THEME
================================================== */
ul.nav.light-transparent,.menu-toggle-button.light-transparent{
    background: transparent;
}
ul.nav.light-transparent li .hover,ul.nav.lemon li .light-transparent {}

ul.nav.light-transparent ul {
    background: #1B4567;
    background: rgba(27,69,103,0.6);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
    zoom:1;  	/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */ 
}
ul.nav.light-transparent li a.selected {
    background: #1B4567;
}


ul.nav.light-transparent ul li.submenu ul  {
    background: #112B40;
    background: rgba(17,43,64,0.9);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
    zoom:1;  	/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* this works in IE8 only */ 
}





/*================================================== */
/* MENU EFFECTS
================================================== */
ul.nav li .mask {
    top: 0px;
    bottom: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    display: block;
}
ul.nav li .mask.maskhover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
ul.nav li .mask.zoom {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
ul.nav li .mask.zoom.maskhover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
ul.nav li .mask.bounce {
    top: -100%;
}
ul.nav li .mask.bounce.maskhover {
    top: 0px;
    -webkit-animation: bounceY 0.9s linear;
    -moz-animation: bounceY 0.9s linear;
    -ms-animation: bounceY 0.9s linear;
    animation: bounceY 0.9s linear;
}
@keyframes bounceY {
    0% {
    transform: translateY(-205px);
}
 40% {
    transform: translateY(-100px);
}
 65% {

    transform: translateY(-52px);
}
 82% {
    transform: translateY(-25px);
}
 92% {
    transform: translateY(-12px);
}
 55%, 75%, 87%, 97%, 100% {
    transform: translateY(0px);
}
}
@-moz-keyframes bounceY {
    0% {
    -moz-transform: translateY(-205px);
}
 40% {
    -moz-transform: translateY(-100px);
}
 65% {
    -moz-transform: translateY(-52px);
}
 82% {
    -moz-transform: translateY(-25px);
}
 92% {
    -moz-transform: translateY(-12px);
}
 55%, 75%, 87%, 97%, 100% {
    -moz-transform: translateY(0px);
}
}
@-webkit-keyframes bounceY {
    0% {
    -webkit-transform: translateY(-205px);
}
 40% {
    -webkit-transform: translateY(-100px);
}
 65% {
    -webkit-transform: translateY(-52px);
}
 82% {
    -webkit-transform: translateY(-25px);
}
 92% {
    -webkit-transform: translateY(-12px);
}
 55%, 75%, 87%, 97%, 100% {
    -webkit-transform: translateY(0px);
}
}
ul.nav li .mask.rotate {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
ul.nav li .mask.rotate.maskhover {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.menu-toggle-button{ display:none;}

/* RESPONSIVE MEDIA QUERIES */
@media screen and (max-width: 768px){
	ul.nav{
		position:relative;
		display:none;
	}
	ul.nav li{
		display:block;
		float:none;
		padding-right:0px!important;
		
	}
	ul.nav li.submenu ul{
		position:static;
	}
	ul.nav>li:hover>ul {
		display:none;
	}
	.menu-toggle-button{
		display:block;
	}
	ul.show-for-devices{
		display:block;
	}
	ul.nav li.submenu{
		float:none!important;
	}

}
/*================================================== */
/* 네비 end
==================================================== */





















/*================================================== */
/* 슬라이드
==================================================== */

      /* slider-wrapper */
      .slider-wrapper {
        display: flex;
        position: relative;
        width: 100%;
        height: 913px;
        max-height: 913px;
        min-height: 300px;
        background: #ddd;
        overflow: hidden;
      }

      .slider-wrapper ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      /* slider-img */
      ul.slider-img {
        display: flex;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        transition: 0.5s;
      }

      ul.slider-img li {
        flex: 1 0 100%;
      }

      ul.slider-img li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      /* slider-arrow */
      ul.slider-arrow {
        position: relative;
        color: #fff;
        font-size: 2rem;
        display: flex;
        justify-content: space-between;
        height: 100%;
        width: 100%;
       
      }

      @media screen and (min-width: 768px) {
        ul.slider-arrow {
          font-size: 2.5rem;
        }
      }

      ul.slider-arrow li {
        display: flex;
        align-items: center;
        cursor: pointer;
        height: 100%;
        padding: 0 15px;
        opacity: 1.0;
        transition: 0.5s;
      }

      ul.slider-arrow li:hover {
        opacity: 1;
      }

      /* slider-dot */
      .slider-dot {
        position: absolute;
        bottom: 15px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        color: #fff;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
      }

      .slider-dot li {
        cursor: pointer;
        margin: 0 8px;
        font-size: 0.6rem;
        opacity: 0.4;
      }

      .slider-dot li.active {
        opacity: 1;
      }

      @media screen and (min-width: 768px) {
        .slider-dot li {
          margin: 0 12px;
          font-size: 0.95rem;
        }
      }





/* 이미지 슬라이더  도트이미지 색상  */ 
.slider-wrapper.slider-dot_white .slider-dot {  color: #fff; }
.slider-wrapper.slider-dot_yellow .slider-dot {  color: #FFAA22; }
.slider-wrapper.slider-dot_blue .slider-dot {  color: #4591CC; }
.slider-wrapper.slider-dot_green .slider-dot {  color: #00C300; }
.slider-wrapper.slider-dot_black .slider-dot {  color: #000; }

/* 이미지 슬라이더  도트이미지 크기  */ 
.slider-wrapper.slide-dot_size08 .slider-dot li {  font-size: 0.8rem;  }
.slider-wrapper.slide-dot_size09 .slider-dot li {  font-size: 0.9rem;  }
.slider-wrapper.slide-dot_size10 .slider-dot li {  font-size: 1.0rem;  }
.slider-wrapper.slide-dot_size11 .slider-dot li {  font-size: 1.1rem;  }
.slider-wrapper.slide-dot_size12 .slider-dot li {  font-size: 1.2rem;  }
.slider-wrapper.slide-dot_size13 .slider-dot li {  font-size: 1.3rem;  }
.slider-wrapper.slide-dot_size14 .slider-dot li {  font-size: 1.4rem;  }
.slider-wrapper.slide-dot_size15 .slider-dot li {  font-size: 1.5rem;  }
.slider-wrapper.slide-dot_size16 .slider-dot li {  font-size: 1.6rem;  }
.slider-wrapper.slide-dot_size17 .slider-dot li {  font-size: 1.7rem;  }
.slider-wrapper.slide-dot_size18 .slider-dot li {  font-size: 1.8rem;  }
.slider-wrapper.slide-dot_size19 .slider-dot li {  font-size: 1.9rem;  }
.slider-wrapper.slide-dot_size20 .slider-dot li {  font-size: 2.0rem;  }




/* 이미지 슬라이더  좌우 화살표 색상  */ 
.slider-wrapper.slider-arrow_white ul.slider-arrow li .fa {  color: #fff; }
.slider-wrapper.slider-arrow_yellow ul.slider-arrow li .fa{  color: #FFAA22; }
.slider-wrapper.slider-arrow_blue ul.slider-arrow li .fa{  color: #4591CC; }
.slider-wrapper.slider-arrow_green ul.slider-arrow li .fa{  color: #00C300; }
.slider-wrapper.slider-arrow_black ul.slider-arrow li .fa{  color: #000; }

/* 이미지 슬라이더   좌우 화살표 크기  */ 
.slider-wrapper.slide-arrow_size08 ul.slider-arrow li .fa {  font-size: 0.8rem;  }
.slider-wrapper.slide-arrow_size09 ul.slider-arrow li .fa {  font-size: 0.9rem;  }
.slider-wrapper.slide-arrow_size10 ul.slider-arrow li .fa {  font-size: 1.0rem;  }
.slider-wrapper.slide-arrow_size11 ul.slider-arrow li .fa {  font-size: 1.1rem;  }
.slider-wrapper.slide-arrow_size12 ul.slider-arrow li .fa {  font-size: 1.2rem;  }
.slider-wrapper.slide-arrow_size13 ul.slider-arrow li .fa {  font-size: 1.3rem;  }
.slider-wrapper.slide-arrow_size14 ul.slider-arrow li .fa {  font-size: 1.4rem;  }
.slider-wrapper.slide-arrow_size15 ul.slider-arrow li .fa {  font-size: 1.5rem;  }
.slider-wrapper.slide-arrow_size16 ul.slider-arrow li .fa {  font-size: 1.6rem;  }
.slider-wrapper.slide-arrow_size17 ul.slider-arrow li .fa {  font-size: 1.7rem;  }
.slider-wrapper.slide-arrow_size18 ul.slider-arrow li .fa {  font-size: 1.8rem;  }
.slider-wrapper.slide-arrow_size19 ul.slider-arrow li .fa {  font-size: 1.9rem;  }
.slider-wrapper.slide-arrow_size20 ul.slider-arrow li .fa {  font-size: 2.0rem;  }
.slider-wrapper.slide-arrow_size25 ul.slider-arrow li .fa {  font-size: 2.5rem;  }
.slider-wrapper.slide-arrow_size30 ul.slider-arrow li .fa {  font-size: 3.0rem;  }
.slider-wrapper.slide-arrow_size35 ul.slider-arrow li .fa {  font-size: 3.5rem;  }
.slider-wrapper.slide-arrow_size40 ul.slider-arrow li .fa {  font-size: 4.0rem;  }
.slider-wrapper.slide-arrow_size50 ul.slider-arrow li .fa {  font-size: 5.0rem;  }
.slider-wrapper.slide-arrow_size60 ul.slider-arrow li .fa {  font-size: 6.0rem;  }
.slider-wrapper.slide-arrow_size70 ul.slider-arrow li .fa {  font-size: 7.0rem;  }
.slider-wrapper.slide-arrow_size80 ul.slider-arrow li .fa {  font-size: 8.0rem;  }
.slider-wrapper.slide-arrow_size90 ul.slider-arrow li .fa {  font-size: 9.0rem;  }


/*================================================== */
/* 슬라이드  end
==================================================== */












/******************************************************************************************************************/
/******************************************************************************************************************/
/* 버튼 정의  */

.fnc_btn {font-weight:normal !important;
	cursor:pointer !important;
	text-decoration:none !important;
    font-size: 14px !important;
	white-space:nowrap !important; 
	line-height:160% !important;
	display: inline-block !important;
	zoom: 1 !important;
	text-align: center !important;
	position:relative !important;
	 -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear !important;
	 transition: border .25s linear, color .25s linear, background-color .25s linear !important;
	 }

.fnc_btn:hover , .fnc_btn:active { color: #000 ; font-weight:normal !important;   }

.fnc_btn.btn-large { padding: 10px 20px !important; font-size: 16px !important;}
.fnc_btn.btn-small {  padding: 4px 10px !important; font-size: 14px !important;}
.fnc_btn.btn-mini {  padding: 2px 5px !important;  font-size: 12px !important;}







.fnc_btn.btn_white {
	background-color:#fff !important;
	border:0px solid #ddd !important;
	color:#333 !important;
}

.fnc_btn.btn_white:hover {
	background-color:#f1f1f1 !important;
	border:0px solid #ddd !important;
	color:#333 !important;
}
        
.fnc_btn.btn_gray {
	background-color:#f1f1f1 !important;
	border:1px solid #ddd !important;
	color:#666666 !important;
}

.fnc_btn.btn_gray:hover {
	background-color:#ccc !important;
	border:1px solid #ccc !important;
	color:#000 !important;
}

.fnc_btn.btn_gray2 {
	background-color:#aaa !important;
	border:1px solid #aaa !important;
	color:#fff !important;
}

.btn_gray2:hover {
	background-color:#666 !important;
	border:1px solid #666 !important;
	color:#fff !important;
}


.fnc_btn.btn_black {
	background-color:#333 !important;
	border:1px solid #333 !important;
	color:#fff !important;
}

.fnc_btn.btn_black:hover {
	background-color:#000 !important;
	border:1px solid #000 !important;
	color:#fff !important;
}


.fnc_btn.btn_sky {
	background-color:#C8DFF0 !important;
	border:1px solid #A4CAE6 !important;
	color:#333 !important;
}

.fnc_btn.btn_sky:hover {
	background-color:#7EB5DC !important;
	border:1px solid #7EB5DC !important;
	color:#fff !important;
}


.fnc_btn.btn_blue {
	background-color:#4591cc !important;
	border:1px solid #4591cc !important;
	color:#fff !important;
}

.fnc_btn.btn_blue:hover {
	background-color:#2a79b6 !important;
	border:1px solid #2a79b6 !important;
	color:#fff !important;
}

.fnc_btn.btn_blue2 {
	background-color:#2B63A8 !important;
	border:1px solid #2B63A8 !important;
	color:#fff !important;
}

.fnc_btn.btn_blue2:hover {
	background-color:#265997 !important;
	border:1px solid #265997 !important;
	color:#fff !important;
}


.fnc_btn.btn_gblue {
	background-color:#44c4c4 !important;
	border:1px solid #44c4c4 !important;
	color:#fff !important;
}

.fnc_btn.btn_gblue:hover {
	background-color:#28acac !important;
	border:1px solid #28acac !important;
	color:#fff !important;
}


.fnc_btn.btn_green {
	background-color:#00C300 !important;
	border:1px solid #00C300 !important;
	color:#fff !important;
}

.fnc_btn.btn_green:hover {
	background-color:#009D00 !important;
	border:1px solid #009D00 !important;
	color:#fff !important;
}

.fnc_btn.btn_green_dark {
	background-color:#008000 !important;
	border:1px solid #008000 !important;
	color:#fff !important;
}

.fnc_btn.btn_green_dark:hover {
	background-color:#006600 !important;
	border:1px solid #006600 !important;
	color:#fff !important;
}

.fnc_btn.btn_red {
	background-color:#f56878 !important;
	border:1px solid #f56878 !important;
	color:#fff !important;
}

.fnc_btn.btn_red:hover {
	background-color:#F34B61 !important;
	border:1px solid #F34B61 !important;
	color:#fff !important;
}


.fnc_btn.btn_red2{
	background-color:#e4685d !important;
	border:1px solid #e4685d !important;
	color:#fff !important;
}

.fnc_btn.btn_red2:hover {
	background-color:#DF493E !important;
	border:1px solid #DF493E !important;
	color:#fff !important;
}

.fnc_btn.btn_red3{
	background-color:#C8232A !important;
	border:1px solid #C8232A !important;
	color:#fff !important;
}

.fnc_btn.btn_red3:hover {
	background-color:#A81E25 !important;
	border:1px solid #A81E25 !important;
	color:#fff !important;
}


.fnc_btn.btn_yellow{
	background-color:#ffe100 !important;
	border:1px solid #F2C500 !important;
	color:#333 !important;
}

.fnc_btn.btn_yellow:hover {
	background-color:#FFE846 !important;
	border:1px solid #FFE846 !important;
	color:#000 !important;
}

.fnc_btn.btn_orange{
	background-color:#ffaa22 !important;
	border:1px solid #ffaa22 !important;
	color:#333 !important;
}

.fnc_btn.btn_orange:hover {
	background-color:#FFBA46 !important;
	border:1px solid #FFBA46 !important;
	color:#333 !important;
}











.fnc_btn.btn_white_line {
	background-color:#fff !important;
	border:1px solid #ddd !important;
	color:#333 !important;
}
.fnc_btn.btn_white_line:hover {
	background-color:#f9f9f9 !important;
	border:1px solid #ddd !important;
	color:#333 !important;
}





.fnc_btn.btn_gray_line{
	border:1px solid #ccc !important;
}
.fnc_btn.btn_gray_line:hover {
	background-color:#ECECEC !important;
	border:1px solid #ccc !important;
	color:#000 !important;
}

.fnc_btn.btn_gray2_line{
	border:1px solid #B6B6B6 !important;
}
.fnc_btn.btn_gray2_line:hover {
	background-color:#999 !important;
	border:1px solid #999 !important;
	color:#fff !important;
}


.fnc_btn.btn_black_line {
	border:1px solid #333 !important;
}
.fnc_btn.btn_black_line:hover {
	background-color:#000 !important;
	border:1px solid #000 !important;
	color:#fff !important;
}


.fnc_btn.btn_sky_line {
	border:1px solid #A4CAE6 !important;
}
.fnc_btn.btn_sky_line:hover {
	background-color:#7EB5DC !important;
	border:1px solid #7EB5DC !important;
	color:#fff !important;
}


.fnc_btn.btn_blue_line {
	border:1px solid #4591cc !important;
}

.fnc_btn.btn_blue_line:hover {
	background-color:#2a79b6 !important;
	border:1px solid #2a79b6 !important;
	color:#fff !important;
}

.fnc_btn.btn_blue2_line {
	border:1px solid #2B63A8 !important;
}
.fnc_btn.btn_blue2_line:hover {
	background-color:#265997 !important;
	border:1px solid #265997 !important;
	color:#fff !important;
}


.fnc_btn.btn_gblue_line {
	border:1px solid #44c4c4 !important;
}
.fnc_btn.btn_gblue_line:hover {
	background-color:#28acac !important;
	border:1px solid #28acac !important;
	color:#fff !important;
}


.fnc_btn.btn_green_line {
	border:1px solid #00C300 !important;
}
.fnc_btn.btn_green_line:hover {
	background-color:#009D00 !important;
	border:1px solid #009D00 !important;
	color:#fff !important;
}

.fnc_btn.btn_green_dark_line {
	border:1px solid #008000 !important;
}

.fnc_btn.btn_green_dark_line:hover {
	background-color:#006600 !important;
	border:1px solid #006600 !important;
	color:#fff !important;
}

.fnc_btn.btn_red_line {
	border:1px solid #f56878 !important;
}
.fnc_btn.btn_red_line:hover {
	background-color:#F46678 !important;
	border:1px solid #F46678 !important;
	color:#fff !important;
}


.fnc_btn.btn_red2_line{
	border:1px solid #e4685d !important;
}
.fnc_btn.btn_red2_line:hover {
	background-color:#DF493E !important;
	border:1px solid #DF493E !important;
	color:#fff !important;
}

.fnc_btn.btn_red3_line{
	border:1px solid #C8232A !important;
}
.fnc_btn.btn_red3_line:hover {
	background-color:#A81E25 !important;
	border:1px solid #A81E25 !important;
	color:#fff !important;
}


.fnc_btn.btn_yellow_line{
	border:1px solid #F2C500 !important;
}
.fnc_btn.btn_yellow_line:hover {
	background-color:#FFE846 !important;
	border:1px solid #FFE846 !important;
	color:#000 !important;
}

.fnc_btn.btn_orange_line{
	border:1px solid #ffaa22 !important;
}
.fnc_btn.btn_orange_line:hover {
	background-color:#FFBA46 !important;
	border:1px solid #FFBA46 !important;
	color:#333 !important;
}







.bdr0 {  border-radius:0px !important;}
.bdr2 {  border-radius:2px !important;}
.bdr4 {  border-radius:4px !important;}
.bdr6 {  border-radius:6px !important;}
.bdr8 {  border-radius:8px !important;}
.bdr10 {  border-radius:10px !important;}
.bdr12 {  border-radius:12px !important;}
.bdr14 {  border-radius:14px !important;}
.bdr16 {  border-radius:16px !important;}
.bdr18 {  border-radius:18px !important;}
.bdr20 {  border-radius:20px !important;}
.bdr22 {  border-radius:22px !important;}
.bdr24 {  border-radius:24px !important;}




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













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

 
 /* input 기본형 스타일 fnc_input */

input[type="button"].fnc_input,
input[type="submit"].fnc_input {
cursor:pointer!important; 
}

input[type="tel"].fnc_input,
input[type="text"].fnc_input, 
input[type="email"].fnc_input,
input[type="number"].fnc_input,
input[type="button"].fnc_input,
input[type="submit"].fnc_input,
input[type="password"].fnc_input {
padding:4px 10px !important;  
border:1px solid #ddd !important; 
border-radius: 4px !important; 
font-size: 14px !important; 
}



/* input 라벨 세로 중앙정렬  */
.fnc_label20 span{ line-height:20px;vertical-align:top;  }
.fnc_label25 span{ line-height:25px;vertical-align:top;  }
.fnc_label30 span{ line-height:30px;vertical-align:top;  }
.fnc_label label{ display:inline-block; line-height:auto;vertical-align:top;  }
.fnc_label20 label{ display:inline-block; line-height:20px;vertical-align:top;  }
.fnc_label25 label{ display:inline-block; line-height:25px;vertical-align:top;  }
.fnc_label30 label{ display:inline-block; line-height:30px;vertical-align:top;  }









/******************************************************************************************************************/
/* input 가로길이 */

input[type="tel"].fnc_input.wid100,
input[type="text"].fnc_input.wid100, 
input[type="email"].fnc_input.wid100,
input[type="number"].fnc_input.wid100,
input[type="button"].fnc_input.wid100,
input[type="submit"].fnc_input.wid100,
input[type="password"].fnc_input.wid100 {
width:100% !important; 
text-align:left !important; 
}

input[type="tel"].fnc_input.wid90,
input[type="text"].fnc_input.wid90, 
input[type="email"].fnc_input.wid90,
input[type="number"].fnc_input.wid90,
input[type="button"].fnc_input.wid90,
input[type="submit"].fnc_input.wid90,
input[type="password"].fnc_input.wid90 {
width:100% !important; 
max-width:90% !important; 
text-align:left !important; 
}

input[type="tel"].fnc_input.wid80,
input[type="text"].fnc_input.wid80, 
input[type="email"].fnc_input.wid80,
input[type="number"].fnc_input.wid80,
input[type="button"].fnc_input.wid80,
input[type="submit"].fnc_input.wid80,
input[type="password"].fnc_input.wid80 {
width:100% !important; 
max-width:80% !important; 
text-align:left !important; 
}

input[type="tel"].fnc_input.wid70,
input[type="text"].fnc_input.wid70, 
input[type="email"].fnc_input.wid70,
input[type="number"].fnc_input.wid70,
input[type="button"].fnc_input.wid70,
input[type="submit"].fnc_input.wid70,
input[type="password"].fnc_input.wid70 {
width:100% !important; 
max-width:70% !important; 
text-align:left !important; 
}

input[type="tel"].fnc_input.wid60,
input[type="text"].fnc_input.wid60, 
input[type="email"].fnc_input.wid60,
input[type="number"].fnc_input.wid60,
input[type="button"].fnc_input.wid60,
input[type="submit"].fnc_input.wid60,
input[type="password"].fnc_input.wid60 {
width:100% !important; 
max-width:60% !important; 
text-align:left !important; 
}

input[type="tel"].fnc_input.wid50,
input[type="text"].fnc_input.wid50, 
input[type="email"].fnc_input.wid50,
input[type="number"].fnc_input.wid50,
input[type="button"].fnc_input.wid50,
input[type="submit"].fnc_input.wid50,
input[type="password"].fnc_input.wid50 {
width:100% !important; 
max-width:50% !important;  
text-align:left !important; 
}

input[type="tel"].fnc_input.wid90,
input[type="text"].fnc_input.wid90, 
input[type="email"].fnc_input.wid90,
input[type="number"].fnc_input.wid90,
input[type="button"].fnc_input.wid90,
input[type="submit"].fnc_input.wid90,
input[type="password"].fnc_input.wid90 {
width:90% !important; 
text-align:left !important; 
}

input[type="tel"].fnc_input.wid40,
input[type="text"].fnc_input.wid40, 
input[type="email"].fnc_input.wid40,
input[type="number"].fnc_input.wid40,
input[type="button"].fnc_input.wid40,
input[type="submit"].fnc_input.wid40,
input[type="password"].fnc_input.wid40 {
width:100% !important; 
max-width:40% !important; 
text-align:left !important; 
}

input[type="tel"].fnc_input.wid30,
input[type="text"].fnc_input.wid30, 
input[type="email"].fnc_input.wid30,
input[type="number"].fnc_input.wid30,
input[type="button"].fnc_input.wid30,
input[type="submit"].fnc_input.wid30,
input[type="password"].fnc_input.wid30 {
width:100% !important; 
max-width:30% !important; 
text-align:left !important; 
}

input[type="tel"].fnc_input.wid20,
input[type="text"].fnc_input.wid20, 
input[type="email"].fnc_input.wid20,
input[type="number"].fnc_input.wid20,
input[type="button"].fnc_input.wid20,
input[type="submit"].fnc_input.wid20,
input[type="password"].fnc_input.wid20 {
width:100% !important; 
max-width:20% !important; 
text-align:left !important; 
}

input[type="tel"].fnc_input.wid10,
input[type="text"].fnc_input.wid10, 
input[type="email"].fnc_input.wid10,
input[type="number"].fnc_input.wid10,
input[type="button"].fnc_input.wid10,
input[type="submit"].fnc_input.wid10,
input[type="password"].fnc_input.wid10 {
width:100% !important; 
max-width:10% !important; 
text-align:left !important; 
}











@media screen and (max-width: 981px) {
input[type="tel"].fnc_input.wid90.mo100per,
input[type="text"].fnc_input.wid90.mo100per, 
input[type="email"].fnc_input.wid90.mo100per,
input[type="number"].fnc_input.wid90.mo100per,
input[type="button"].fnc_input.wid90.mo100per,
input[type="submit"].fnc_input.wid90.mo100per,
input[type="password"].fnc_input.wid90.mo100per {
width:100% !important; 
max-width:100% !important; 
text-align:center !important; 
}

input[type="tel"].fnc_input.wid80.mo100per,
input[type="text"].fnc_input.wid80.mo100per, 
input[type="email"].fnc_input.wid80.mo100per,
input[type="number"].fnc_input.wid80.mo100per,
input[type="button"].fnc_input.wid80.mo100per,
input[type="submit"].fnc_input.wid80.mo100per,
input[type="password"].fnc_input.wid80.mo100per {
width:100% !important; 
max-width:100% !important; 
text-align:center !important; 
}

input[type="tel"].fnc_input.wid70.mo100per,
input[type="text"].fnc_input.wid70.mo100per, 
input[type="email"].fnc_input.wid70.mo100per,
input[type="number"].fnc_input.wid70.mo100per,
input[type="button"].fnc_input.wid70.mo100per,
input[type="submit"].fnc_input.wid70.mo100per,
input[type="password"].fnc_input.wid70.mo100per {
width:100% !important; 
max-width:100% !important; 
text-align:center !important; 
}

input[type="tel"].fnc_input.wid60.mo100per,
input[type="text"].fnc_input.wid60.mo100per, 
input[type="email"].fnc_input.wid60.mo100per,
input[type="number"].fnc_input.wid60.mo100per,
input[type="button"].fnc_input.wid60.mo100per,
input[type="submit"].fnc_input.wid60.mo100per,
input[type="password"].fnc_input.wid60.mo100per {
width:100% !important; 
max-width:100% !important; 
text-align:center !important; 
}

input[type="tel"].fnc_input.wid50.mo100per,
input[type="text"].fnc_input.wid50.mo100per, 
input[type="email"].fnc_input.wid50.mo100per,
input[type="number"].fnc_input.wid50.mo100per,
input[type="button"].fnc_input.wid50.mo100per,
input[type="submit"].fnc_input.wid50.mo100per,
input[type="password"].fnc_input.wid50.mo100per {
width:100% !important; 
max-width:100% !important; 
text-align:center !important; 
}

input[type="tel"].fnc_input.wid40.mo100per,
input[type="text"].fnc_input.wid40.mo100per, 
input[type="email"].fnc_input.wid40.mo100per,
input[type="number"].fnc_input.wid40.mo100per,
input[type="button"].fnc_input.wid40.mo100per,
input[type="submit"].fnc_input.wid40.mo100per,
input[type="password"].fnc_input.wid40.mo100per {
width:100% !important; 
max-width:100% !important; 
text-align:center !important; 
}
input[type="tel"].fnc_input.wid30.mo100per,
input[type="text"].fnc_input.wid30.mo100per, 
input[type="email"].fnc_input.wid30.mo100per,
input[type="number"].fnc_input.wid30.mo100per,
input[type="button"].fnc_input.wid30.mo100per,
input[type="submit"].fnc_input.wid30.mo100per,
input[type="password"].fnc_input.wid30.mo100per {
width:100% !important; 
max-width:100% !important; 
text-align:center !important; 
}

input[type="tel"].fnc_input.wid20.mo100per,
input[type="text"].fnc_input.wid20.mo100per, 
input[type="email"].fnc_input.wid20.mo100per,
input[type="number"].fnc_input.wid20.mo100per,
input[type="button"].fnc_input.wid20.mo100per,
input[type="submit"].fnc_input.wid20.mo100per,
input[type="password"].fnc_input.wid20.mo100per {
width:100% !important; 
max-width:100% !important; 
text-align:center !important; 
}

input[type="tel"].fnc_input.wid10.mo100per,
input[type="text"].fnc_input.wid10.mo100per, 
input[type="email"].fnc_input.wid10.mo100per,
input[type="number"].fnc_input.wid10.mo100per,
input[type="button"].fnc_input.wid10.mo100per,
input[type="submit"].fnc_input.wid10.mo100per,
input[type="password"].fnc_input.wid10.mo100per {
width:100% !important; 
max-width:100% !important; 
text-align:center !important; 
}

}

























input[type="tel"].fnc_input.wid100px,
input[type="text"].fnc_input.wid100px, 
input[type="email"].fnc_input.wid100px,
input[type="number"].fnc_input.wid100px,
input[type="button"].fnc_input.wid100px,
input[type="submit"].fnc_input.wid100px,
input[type="password"].fnc_input.wid100px {
width:100px !important; 
text-align:left !important; 
}
input[type="tel"].fnc_input.wid100px.TC,
input[type="text"].fnc_input.wid100px.TC, 
input[type="email"].fnc_input.wid100px.TC,
input[type="number"].fnc_input.wid100px.TC,
input[type="button"].fnc_input.wid100px.TC,
input[type="submit"].fnc_input.wid100px.TC,
input[type="password"].fnc_input.wid100px.TC {
width:100px !important; 
text-align:center !important; 
}




input[type="tel"].fnc_input.wid200px,
input[type="text"].fnc_input.wid200px, 
input[type="email"].fnc_input.wid200px,
input[type="number"].fnc_input.wid200px,
input[type="button"].fnc_input.wid200px,
input[type="submit"].fnc_input.wid200px,
input[type="password"].fnc_input.wid200px {
width:200px !important; 
text-align:left !important; 
}
input[type="tel"].fnc_input.wid200px.TC,
input[type="text"].fnc_input.wid200px.TC, 
input[type="email"].fnc_input.wid200px.TC,
input[type="number"].fnc_input.wid200px.TC,
input[type="button"].fnc_input.wid200px.TC,
input[type="submit"].fnc_input.wid200px.TC,
input[type="password"].fnc_input.wid200px.TC {
width:200px !important; 
text-align:center !important; 
}



input[type="tel"].fnc_input.wid300px,
input[type="text"].fnc_input.wid300px, 
input[type="email"].fnc_input.wid300px,
input[type="number"].fnc_input.wid300px,
input[type="button"].fnc_input.wid300px,
input[type="submit"].fnc_input.wid300px,
input[type="password"].fnc_input.wid300px {
width:300px !important; 
text-align:left !important; 
}
input[type="tel"].fnc_input.wid300px.TC,
input[type="text"].fnc_input.wid300px.TC, 
input[type="email"].fnc_input.wid300px.TC,
input[type="number"].fnc_input.wid300px.TC,
input[type="button"].fnc_input.wid300px.TC,
input[type="submit"].fnc_input.wid300px.TC,
input[type="password"].fnc_input.wid300px.TC {
width:300px !important; 
text-align:center !important; 
}




input[type="tel"].fnc_input.wid400px,
input[type="text"].fnc_input.wid400px, 
input[type="email"].fnc_input.wid400px,
input[type="number"].fnc_input.wid400px,
input[type="button"].fnc_input.wid400px,
input[type="submit"].fnc_input.wid400px,
input[type="password"].fnc_input.wid400px {
width:400px !important; 
text-align:left !important; 
}
input[type="tel"].fnc_input.wid400px.TC,
input[type="text"].fnc_input.wid400px.TC, 
input[type="email"].fnc_input.wid400px.TC,
input[type="number"].fnc_input.wid400px.TC,
input[type="button"].fnc_input.wid400px.TC,
input[type="submit"].fnc_input.wid400px.TC,
input[type="password"].fnc_input.wid400px.TC {
width:400px !important; 
text-align:center !important; 
}





















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



input[type="tel"].fnc_input.bdr0,
input[type="text"].fnc_input.bdr0, 
input[type="email"].fnc_input.bdr0,
input[type="number"].fnc_input.bdr0,
input[type="button"].fnc_input.bdr0,
input[type="submit"].fnc_input.bdr0,
input[type="password"].fnc_input.bdr0 {
border-radius:0px !important;
}


input[type="tel"].fnc_input.bdr2,
input[type="text"].fnc_input.bdr2, 
input[type="email"].fnc_input.bdr2,
input[type="number"].fnc_input.bdr2,
input[type="button"].fnc_input.bdr2,
input[type="submit"].fnc_input.bdr2,
input[type="password"].fnc_input.bdr2 {
border-radius:2px !important;
}

input[type="tel"].fnc_input.bdr4,
input[type="text"].fnc_input.bdr4, 
input[type="email"].fnc_input.bdr4,
input[type="number"].fnc_input.bdr4,
input[type="button"].fnc_input.bdr4,
input[type="submit"].fnc_input.bdr4,
input[type="password"].fnc_input.bdr4 {
border-radius:4px !important;
}

input[type="tel"].fnc_input.bdr6,
input[type="text"].fnc_input.bdr6, 
input[type="email"].fnc_input.bdr6,
input[type="number"].fnc_input.bdr6,
input[type="button"].fnc_input.bdr6,
input[type="submit"].fnc_input.bdr6,
input[type="password"].fnc_input.bdr6 {
border-radius:6px !important;
}

input[type="tel"].fnc_input.bdr8,
input[type="text"].fnc_input.bdr8, 
input[type="email"].fnc_input.bdr8,
input[type="number"].fnc_input.bdr8,
input[type="button"].fnc_input.bdr8,
input[type="submit"].fnc_input.bdr8,
input[type="password"].fnc_input.bdr8 {
border-radius:8px !important;
}

input[type="tel"].fnc_input.bdr10,
input[type="text"].fnc_input.bdr10, 
input[type="email"].fnc_input.bdr10,
input[type="number"].fnc_input.bdr10,
input[type="button"].fnc_input.bdr10,
input[type="submit"].fnc_input.bdr10,
input[type="password"].fnc_input.bdr10 {
border-radius:10px !important;
}

input[type="tel"].fnc_input.bdr12,
input[type="text"].fnc_input.bdr12, 
input[type="email"].fnc_input.bdr12,
input[type="number"].fnc_input.bdr12,
input[type="button"].fnc_input.bdr12,
input[type="submit"].fnc_input.bdr12,
input[type="password"].fnc_input.bdr12 {
border-radius:12px !important;
}

input[type="tel"].fnc_input.bdr14,
input[type="text"].fnc_input.bdr14, 
input[type="email"].fnc_input.bdr14,
input[type="number"].fnc_input.bdr14,
input[type="button"].fnc_input.bdr14,
input[type="submit"].fnc_input.bdr14,
input[type="password"].fnc_input.bdr14 {
border-radius:14px !important;
}

input[type="tel"].fnc_input.bdr16,
input[type="text"].fnc_input.bdr16, 
input[type="email"].fnc_input.bdr16,
input[type="number"].fnc_input.bdr16,
input[type="button"].fnc_input.bdr16,
input[type="submit"].fnc_input.bdr16,
input[type="password"].fnc_input.bdr16 {
border-radius:16px !important;
}

input[type="tel"].fnc_input.bdr18,
input[type="text"].fnc_input.bdr18, 
input[type="email"].fnc_input.bdr18,
input[type="number"].fnc_input.bdr18,
input[type="button"].fnc_input.bdr18,
input[type="submit"].fnc_input.bdr18,
input[type="password"].fnc_input.bdr18 {
border-radius:18px !important;
}
input[type="tel"].fnc_input.bdr20,
input[type="text"].fnc_input.bdr20, 
input[type="email"].fnc_input.bdr20,
input[type="number"].fnc_input.bdr20,
input[type="button"].fnc_input.bdr20,
input[type="submit"].fnc_input.bdr20,
input[type="password"].fnc_input.bdr20 {
border-radius:20px !important;
}
input[type="tel"].fnc_input.bdr24,
input[type="text"].fnc_input.bdr24, 
input[type="email"].fnc_input.bdr24,
input[type="number"].fnc_input.bdr24,
input[type="button"].fnc_input.bdr24,
input[type="submit"].fnc_input.bdr24,
input[type="password"].fnc_input.bdr24 {
border-radius:24px !important;
}















/******************************************************************************************************************/
/* checkbox radio 크기   */

input[type="checkbox"].fnc_input_chek.wid20 {display:inline-block; 
width:20px; 
height:20px; 
}
input[type="checkbox"].fnc_input_chek.wid25 {display:inline-block; 
width:25px; 
height:25px; 
}
input[type="checkbox"].fnc_input_chek.wid30 {display:inline-block; 
width:30px; 
height:30px; 
}

input[type="radio"].fnc_input_radio.wid20 {display:inline-block; 
width:20px; 
height:20px; 
}
input[type="radio"].fnc_input_radio.wid25 {display:inline-block; 
width:25px; 
height:25px; 
}
input[type="radio"].fnc_input_radio.wid30 {display:inline-block; 
width:30px; 
height:30px; 
}
/******************************************************************************************************************/





/******************************************************************************************************************/
/* input 배경색   */

input[type="tel"].fnc_input.input_white,
input[type="text"].fnc_input.input_white, 
input[type="email"].fnc_input.input_white,
input[type="number"].fnc_input.input_white,
input[type="button"].fnc_input.input_white,
input[type="submit"].fnc_input.input_white,
input[type="password"].fnc_input.input_white {
	background-color:#fff !important;
	border:1px solid #ddd !important;
	color:#333 !important;
}
input[type="tel"].fnc_input.input_white:hover,
input[type="text"].fnc_input.input_white:hover, 
input[type="email"].fnc_input.input_white:hover,
input[type="number"].fnc_input.input_white:hover,
input[type="button"].fnc_input.input_white:hover,
input[type="submit"].fnc_input.input_white:hover,
input[type="password"].fnc_input.input_white:hover {
	background-color:#f1f1f1 !important;
	border:1px solid #ddd !important;
	color:#333 !important;
}


input[type="tel"].fnc_input.input_gray,
input[type="text"].fnc_input.input_gray, 
input[type="email"].fnc_input.input_gray,
input[type="number"].fnc_input.input_gray,
input[type="button"].fnc_input.input_gray,
input[type="submit"].fnc_input.input_gray,
input[type="password"].fnc_input.input_gray {
	background-color:#f1f1f1 !important;
	border:1px solid #dcdcdc !important;
	color:#666666 !important;
}
input[type="tel"].fnc_input.input_gray:hover,
input[type="text"].fnc_input.input_gray:hover, 
input[type="email"].fnc_input.input_gray:hover,
input[type="number"].fnc_input.input_gray:hover,
input[type="button"].fnc_input.input_gray:hover,
input[type="submit"].fnc_input.input_gray:hover,
input[type="password"].fnc_input.input_gray:hover {
	background-color:#ccc !important;
	border:1px solid #ccc !important;
	color:#000 !important;
}

    

input[type="tel"].fnc_input.input_gray2,
input[type="text"].fnc_input.input_gray2, 
input[type="email"].fnc_input.input_gray2,
input[type="number"].fnc_input.input_gray2,
input[type="button"].fnc_input.input_gray2,
input[type="submit"].fnc_input.input_gray2,
input[type="password"].fnc_input.input_gray2 {
	background-color:#aaa !important;
	border:1px solid #aaa !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_gray2:hover,
input[type="text"].fnc_input.input_gray2:hover, 
input[type="email"].fnc_input.input_gray2:hover,
input[type="number"].fnc_input.input_gray2:hover,
input[type="button"].fnc_input.input_gray2:hover,
input[type="submit"].fnc_input.input_gray2:hover,
input[type="password"].fnc_input.input_gray2:hover {
	background-color:#666 !important;
	border:1px solid #666 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_gray2::placeholder,
input[type="text"].fnc_input.input_gray2::placeholder, 
input[type="email"].fnc_input.input_gray2::placeholder,
input[type="number"].fnc_input.input_gray2::placeholder,
input[type="button"].fnc_input.input_gray2::placeholder,
input[type="submit"].fnc_input.input_gray2::placeholder,
input[type="password"].fnc_input.input_gray2::placeholder {
	color:#eee !important;
}



input[type="tel"].fnc_input.input_black,
input[type="text"].fnc_input.input_black, 
input[type="email"].fnc_input.input_black,
input[type="number"].fnc_input.input_black,
input[type="button"].fnc_input.input_black,
input[type="submit"].fnc_input.input_black,
input[type="password"].fnc_input.input_black {
	background-color:#333 !important;
	border:1px solid #333 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_black:hover,
input[type="text"].fnc_input.input_black:hover, 
input[type="email"].fnc_input.input_black:hover,
input[type="number"].fnc_input.input_black:hover,
input[type="button"].fnc_input.input_black:hover,
input[type="submit"].fnc_input.input_black:hover,
input[type="password"].fnc_input.input_black:hover {
	background-color:#000 !important;
	border:1px solid #000 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_black::placeholder,
input[type="text"].fnc_input.input_black::placeholder, 
input[type="email"].fnc_input.input_black::placeholder,
input[type="number"].fnc_input.input_black::placeholder,
input[type="button"].fnc_input.input_black::placeholder,
input[type="submit"].fnc_input.input_black::placeholder,
input[type="password"].fnc_input.input_black::placeholder {
	color:#eee !important;
}






input[type="tel"].fnc_input.input_sky,
input[type="text"].fnc_input.input_sky, 
input[type="email"].fnc_input.input_sky,
input[type="number"].fnc_input.input_sky,
input[type="button"].fnc_input.input_sky,
input[type="submit"].fnc_input.input_sky,
input[type="password"].fnc_input.input_sky {
	background-color:#C8DFF0 !important;
	border:1px solid #A4CAE6 !important;
	color:#333 !important;
}
input[type="tel"].fnc_input.input_sky:hover,
input[type="text"].fnc_input.input_sky:hover, 
input[type="email"].fnc_input.input_sky:hover,
input[type="number"].fnc_input.input_sky:hover,
input[type="button"].fnc_input.input_sky:hover,
input[type="submit"].fnc_input.input_sky:hover,
input[type="password"].fnc_input.input_sky:hover {
	background-color:#7EB5DC !important;
	border:1px solid #7EB5DC !important;
	color:#333 !important;
}





input[type="tel"].fnc_input.input_blue,
input[type="text"].fnc_input.input_blue, 
input[type="email"].fnc_input.input_blue,
input[type="number"].fnc_input.input_blue,
input[type="button"].fnc_input.input_blue,
input[type="submit"].fnc_input.input_blue,
input[type="password"].fnc_input.input_blue {
	background-color:#4591cc !important;
	border:1px solid #4591cc !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_blue:hover,
input[type="text"].fnc_input.input_blue:hover, 
input[type="email"].fnc_input.input_blue:hover,
input[type="number"].fnc_input.input_blue:hover,
input[type="button"].fnc_input.input_blue:hover,
input[type="submit"].fnc_input.input_blue:hover,
input[type="password"].fnc_input.input_blue:hover {
	background-color:#2a79b6 !important;
	border:1px solid #2a79b6 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_blue::placeholder,
input[type="text"].fnc_input.input_blue::placeholder, 
input[type="email"].fnc_input.input_blue::placeholder,
input[type="number"].fnc_input.input_blue::placeholder,
input[type="button"].fnc_input.input_blue::placeholder,
input[type="submit"].fnc_input.input_blue::placeholder,
input[type="password"].fnc_input.input_blue::placeholder {
	color:#eee !important;
}





input[type="tel"].fnc_input.input_blue2,
input[type="text"].fnc_input.input_blue2, 
input[type="email"].fnc_input.input_blue2,
input[type="number"].fnc_input.input_blue2,
input[type="button"].fnc_input.input_blue2,
input[type="submit"].fnc_input.input_blue2,
input[type="password"].fnc_input.input_blue2 {
	background-color:#2B63A8 !important;
	border:1px solid #2B63A8 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_blue2:hover,
input[type="text"].fnc_input.input_blue2:hover, 
input[type="email"].fnc_input.input_blue2:hover,
input[type="number"].fnc_input.input_blue2:hover,
input[type="button"].fnc_input.input_blue2:hover,
input[type="submit"].fnc_input.input_blue2:hover,
input[type="password"].fnc_input.input_blue2:hover {
	background-color:#265997 !important;
	border:1px solid #265997 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_blue2::placeholder,
input[type="text"].fnc_input.input_blue2::placeholder, 
input[type="email"].fnc_input.input_blue2::placeholder,
input[type="number"].fnc_input.input_blue2::placeholder,
input[type="button"].fnc_input.input_blue2::placeholder,
input[type="submit"].fnc_input.input_blue2::placeholder,
input[type="password"].fnc_input.input_blue2::placeholder {
	color:#eee !important;
}





input[type="tel"].fnc_input.input_gblue,
input[type="text"].fnc_input.input_gblue, 
input[type="email"].fnc_input.input_gblue,
input[type="number"].fnc_input.input_gblue,
input[type="button"].fnc_input.input_gblue,
input[type="submit"].fnc_input.input_gblue,
input[type="password"].fnc_input.input_gblue {
	background-color:#44c4c4 !important;
	border:1px solid #44c4c4 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_gblue:hover,
input[type="text"].fnc_input.input_gblue:hover, 
input[type="email"].fnc_input.input_gblue:hover,
input[type="number"].fnc_input.input_gblue:hover,
input[type="button"].fnc_input.input_gblue:hover,
input[type="submit"].fnc_input.input_gblue:hover,
input[type="password"].fnc_input.input_gblue:hover {
	background-color:#28acac !important;
	border:1px solid #28acac !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_gblue::placeholder,
input[type="text"].fnc_input.input_gblue::placeholder, 
input[type="email"].fnc_input.input_gblue::placeholder,
input[type="number"].fnc_input.input_gblue::placeholder,
input[type="button"].fnc_input.input_gblue::placeholder,
input[type="submit"].fnc_input.input_gblue::placeholder,
input[type="password"].fnc_input.input_gblue::placeholder {
	color:#eee !important;
}





input[type="tel"].fnc_input.input_green,
input[type="text"].fnc_input.input_green, 
input[type="email"].fnc_input.input_green,
input[type="number"].fnc_input.input_green,
input[type="button"].fnc_input.input_green,
input[type="submit"].fnc_input.input_green,
input[type="password"].fnc_input.input_green {
	background-color:#00C300 !important;
	border:1px solid #00C300 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_green:hover,
input[type="text"].fnc_input.input_green:hover, 
input[type="email"].fnc_input.input_green:hover,
input[type="number"].fnc_input.input_green:hover,
input[type="button"].fnc_input.input_green:hover,
input[type="submit"].fnc_input.input_green:hover,
input[type="password"].fnc_input.input_green:hover {
	background-color:#009D00 !important;
	border:1px solid #009D00 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_green::placeholder,
input[type="text"].fnc_input.input_green::placeholder, 
input[type="email"].fnc_input.input_green::placeholder,
input[type="number"].fnc_input.input_green::placeholder,
input[type="button"].fnc_input.input_green::placeholder,
input[type="submit"].fnc_input.input_green::placeholder,
input[type="password"].fnc_input.input_green::placeholder {
	color:#eee !important;
}




input[type="tel"].fnc_input.input_green_dark,
input[type="text"].fnc_input.input_green_dark, 
input[type="email"].fnc_input.input_green_dark,
input[type="number"].fnc_input.input_green_dark,
input[type="button"].fnc_input.input_green_dark,
input[type="submit"].fnc_input.input_green_dark,
input[type="password"].fnc_input.input_green_dark {
	background-color:#008000 !important;
	border:1px solid #008000 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_green_dark:hover,
input[type="text"].fnc_input.input_green_dark:hover, 
input[type="email"].fnc_input.input_green_dark:hover,
input[type="number"].fnc_input.input_green_dark:hover,
input[type="button"].fnc_input.input_green_dark:hover,
input[type="submit"].fnc_input.input_green_dark:hover,
input[type="password"].fnc_input.input_green_dark:hover {
	background-color:#006600 !important;
	border:1px solid #006600 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_green_dark::placeholder,
input[type="text"].fnc_input.input_green_dark::placeholder, 
input[type="email"].fnc_input.input_green_dark::placeholder,
input[type="number"].fnc_input.input_green_dark::placeholder,
input[type="button"].fnc_input.input_green_dark::placeholder,
input[type="submit"].fnc_input.input_green_dark::placeholder,
input[type="password"].fnc_input.input_green_dark::placeholder {
	color:#eee !important;
}



input[type="tel"].fnc_input.input_red,
input[type="text"].fnc_input.input_red, 
input[type="email"].fnc_input.input_red,
input[type="number"].fnc_input.input_red,
input[type="button"].fnc_input.input_red,
input[type="submit"].fnc_input.input_red,
input[type="password"].fnc_input.input_red {
	background-color:#f56878 !important;
	border:1px solid #f56878 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_red:hover,
input[type="text"].fnc_input.input_red:hover, 
input[type="email"].fnc_input.input_red:hover,
input[type="number"].fnc_input.input_red:hover,
input[type="button"].fnc_input.input_red:hover,
input[type="submit"].fnc_input.input_red:hover,
input[type="password"].fnc_input.input_red:hover {
	background-color:#db4355 !important;
	border:1px solid #db4355 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_red::placeholder,
input[type="text"].fnc_input.input_red::placeholder, 
input[type="email"].fnc_input.input_red::placeholder,
input[type="number"].fnc_input.input_red::placeholder,
input[type="button"].fnc_input.input_red::placeholder,
input[type="submit"].fnc_input.input_red::placeholder,
input[type="password"].fnc_input.input_red::placeholder {
	color:#eee !important;
}



input[type="tel"].fnc_input.input_red2,
input[type="text"].fnc_input.input_red2, 
input[type="email"].fnc_input.input_red2,
input[type="number"].fnc_input.input_red2,
input[type="button"].fnc_input.input_red2,
input[type="submit"].fnc_input.input_red2,
input[type="password"].fnc_input.input_red2 {
	background-color:#e4685d !important;
	border:1px solid #e4685d !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_red2:hover,
input[type="text"].fnc_input.input_red2:hover, 
input[type="email"].fnc_input.input_red2:hover,
input[type="number"].fnc_input.input_red2:hover,
input[type="button"].fnc_input.input_red2:hover,
input[type="submit"].fnc_input.input_red2:hover,
input[type="password"].fnc_input.input_red2:hover {
	background-color:#DF493E !important;
	border:1px solid #DF493E !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_red2::placeholder,
input[type="text"].fnc_input.input_red2::placeholder, 
input[type="email"].fnc_input.input_red2::placeholder,
input[type="number"].fnc_input.input_red2::placeholder,
input[type="button"].fnc_input.input_red2::placeholder,
input[type="submit"].fnc_input.input_red2::placeholder,
input[type="password"].fnc_input.input_red2::placeholder {
	color:#eee !important;
}




input[type="tel"].fnc_input.input_red3,
input[type="text"].fnc_input.input_red3, 
input[type="email"].fnc_input.input_red3,
input[type="number"].fnc_input.input_red3,
input[type="button"].fnc_input.input_red3,
input[type="submit"].fnc_input.input_red3,
input[type="password"].fnc_input.input_red3 {
	background-color:#C8232A !important;
	border:1px solid #C8232A !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_red3:hover,
input[type="text"].fnc_input.input_red3:hover, 
input[type="email"].fnc_input.input_red3:hover,
input[type="number"].fnc_input.input_red3:hover,
input[type="button"].fnc_input.input_red3:hover,
input[type="submit"].fnc_input.input_red3:hover,
input[type="password"].fnc_input.input_red3:hover {
	background-color:#A81E25 !important;
	border:1px solid #A81E25 !important;
	color:#fff !important;
}
input[type="tel"].fnc_input.input_red3::placeholder,
input[type="text"].fnc_input.input_red3::placeholder, 
input[type="email"].fnc_input.input_red3::placeholder,
input[type="number"].fnc_input.input_red3::placeholder,
input[type="button"].fnc_input.input_red3::placeholder,
input[type="submit"].fnc_input.input_red3::placeholder,
input[type="password"].fnc_input.input_red3::placeholder {
	color:#eee !important;
}




input[type="tel"].fnc_input.input_yellow,
input[type="text"].fnc_input.input_yellow, 
input[type="email"].fnc_input.input_yellow,
input[type="number"].fnc_input.input_yellow,
input[type="button"].fnc_input.input_yellow,
input[type="submit"].fnc_input.input_yellow,
input[type="password"].fnc_input.input_yellow {
	background-color:#ffe100 !important;
	border:1px solid #F2C500 !important;
	color:#333 !important;
}
input[type="tel"].fnc_input.input_yellow:hover,
input[type="text"].fnc_input.input_yellow:hover, 
input[type="email"].fnc_input.input_yellow:hover,
input[type="number"].fnc_input.input_yellow:hover,
input[type="button"].fnc_input.input_yellow:hover,
input[type="submit"].fnc_input.input_yellow:hover,
input[type="password"].fnc_input.input_yellow:hover {
	background-color:#FFE846 !important;
	border:1px solid #FFE846 !important;
	color:#000 !important;
}




input[type="tel"].fnc_input.input_orange,
input[type="text"].fnc_input.input_orange, 
input[type="email"].fnc_input.input_orange,
input[type="number"].fnc_input.input_orange,
input[type="button"].fnc_input.input_orange,
input[type="submit"].fnc_input.input_orange,
input[type="password"].fnc_input.input_orange {
	background-color:#ffaa22 !important;
	border:1px solid #ffaa22 !important;
	color:#333 !important;
}
input[type="tel"].fnc_input.input_orange:hover,
input[type="text"].fnc_input.input_orange:hover, 
input[type="email"].fnc_input.input_orange:hover,
input[type="number"].fnc_input.input_orange:hover,
input[type="button"].fnc_input.input_orange:hover,
input[type="submit"].fnc_input.input_orange:hover,
input[type="password"].fnc_input.input_orange:hover {
	background-color:#FFBA46 !important;
	border:1px solid #FFBA46 !important;
	color:#333 !important;
}
input[type="tel"].fnc_input.input_orange::placeholder,
input[type="text"].fnc_input.input_orange::placeholder, 
input[type="email"].fnc_input.input_orange::placeholder,
input[type="number"].fnc_input.input_orange::placeholder,
input[type="button"].fnc_input.input_orange::placeholder,
input[type="submit"].fnc_input.input_orange::placeholder,
input[type="password"].fnc_input.input_orange::placeholder {
	color:#eee !important;
}
/******************************************************************************************************************/





/******************************************************************************************************************/
/* input 라인색   */
input[type="tel"].fnc_input.input_white_line,
input[type="text"].fnc_input.input_white_line, 
input[type="email"].fnc_input.input_white_line,
input[type="number"].fnc_input.input_white_line,
input[type="button"].fnc_input.input_white_line,
input[type="submit"].fnc_input.input_white_line,
input[type="password"].fnc_input.input_white_line {
	border:1px solid #eee !important;
}


input[type="tel"].fnc_input.input_gray_line,
input[type="text"].fnc_input.input_gray_line, 
input[type="email"].fnc_input.input_gray_line,
input[type="number"].fnc_input.input_gray_line,
input[type="button"].fnc_input.input_gray_line,
input[type="submit"].fnc_input.input_gray_line,
input[type="password"].fnc_input.input_gray_line {
	border:1px solid #ddd !important;
}

input[type="tel"].fnc_input.input_gray2_line,
input[type="text"].fnc_input.input_gray2_line, 
input[type="email"].fnc_input.input_gray2_line,
input[type="number"].fnc_input.input_gray2_line,
input[type="button"].fnc_input.input_gray2_line,
input[type="submit"].fnc_input.input_gray2_line,
input[type="password"].fnc_input.input_gray2_line {
	border:1px solid #aaa !important;
}

input[type="tel"].fnc_input.input_black_line,
input[type="text"].fnc_input.input_black_line, 
input[type="email"].fnc_input.input_black_line,
input[type="number"].fnc_input.input_black_line,
input[type="button"].fnc_input.input_black_line,
input[type="submit"].fnc_input.input_black_line,
input[type="password"].fnc_input.input_black_line {
	border:1px solid #333 !important;
}

input[type="tel"].fnc_input.input_sky_line,
input[type="text"].fnc_input.input_sky_line, 
input[type="email"].fnc_input.input_sky_line,
input[type="number"].fnc_input.input_sky_line,
input[type="button"].fnc_input.input_sky_line,
input[type="submit"].fnc_input.input_sky_line,
input[type="password"].fnc_input.input_sky_line {
	border:1px solid #C8DFF0 !important;
}

input[type="tel"].fnc_input.input_blue_line,
input[type="text"].fnc_input.input_blue_line, 
input[type="email"].fnc_input.input_blue_line,
input[type="number"].fnc_input.input_blue_line,
input[type="button"].fnc_input.input_blue_line,
input[type="submit"].fnc_input.input_blue_line,
input[type="password"].fnc_input.input_blue_line {
	border:1px solid #4591cc !important;
}

input[type="tel"].fnc_input.input_blue2_line,
input[type="text"].fnc_input.input_blue2_line, 
input[type="email"].fnc_input.input_blue2_line,
input[type="number"].fnc_input.input_blue2_line,
input[type="button"].fnc_input.input_blue2_line,
input[type="submit"].fnc_input.input_blue2_line,
input[type="password"].fnc_input.input_blue2_line {
	border:1px solid #2B63A8 !important;
}

input[type="tel"].fnc_input.input_gblue_line,
input[type="text"].fnc_input.input_gblue_line, 
input[type="email"].fnc_input.input_gblue_line,
input[type="number"].fnc_input.input_gblue_line,
input[type="button"].fnc_input.input_gblue_line,
input[type="submit"].fnc_input.input_gblue_line,
input[type="password"].fnc_input.input_gblue_line {
	border:1px solid #44c4c4 !important;
}

input[type="tel"].fnc_input.input_green_line,
input[type="text"].fnc_input.input_green_line, 
input[type="email"].fnc_input.input_green_line,
input[type="number"].fnc_input.input_green_line,
input[type="button"].fnc_input.input_green_line,
input[type="submit"].fnc_input.input_green_line,
input[type="password"].fnc_input.input_green_line {
	border:1px solid #00C300 !important;
}


input[type="tel"].fnc_input.input_green_dark_line,
input[type="text"].fnc_input.input_green_dark_line, 
input[type="email"].fnc_input.input_green_dark_line,
input[type="number"].fnc_input.input_green_dark_line,
input[type="button"].fnc_input.input_green_dark_line,
input[type="submit"].fnc_input.input_green_dark_line,
input[type="password"].fnc_input.input_green_dark_line {
	border:1px solid #008000 !important;
}


input[type="tel"].fnc_input.input_red_line,
input[type="text"].fnc_input.input_red_line, 
input[type="email"].fnc_input.input_red_line,
input[type="number"].fnc_input.input_red_line,
input[type="button"].fnc_input.input_red_line,
input[type="submit"].fnc_input.input_red_line,
input[type="password"].fnc_input.input_red_line {
	border:1px solid #f56878 !important;
}

input[type="tel"].fnc_input.input_red2_line,
input[type="text"].fnc_input.input_red2_line, 
input[type="email"].fnc_input.input_red2_line,
input[type="number"].fnc_input.input_red2_line,
input[type="button"].fnc_input.input_red2_line,
input[type="submit"].fnc_input.input_red2_line,
input[type="password"].fnc_input.input_red2_line {
	border:1px solid #e4685d !important;
}

input[type="tel"].fnc_input.input_red3_line,
input[type="text"].fnc_input.input_red3_line, 
input[type="email"].fnc_input.input_red3_line,
input[type="number"].fnc_input.input_red3_line,
input[type="button"].fnc_input.input_red3_line,
input[type="submit"].fnc_input.input_red3_line,
input[type="password"].fnc_input.input_red3_line {
	border:1px solid #C8232A !important;
}

input[type="tel"].fnc_input.input_yellow_line,
input[type="text"].fnc_input.input_yellow_line, 
input[type="email"].fnc_input.input_yellow_line,
input[type="number"].fnc_input.input_yellow_line,
input[type="button"].fnc_input.input_yellow_line,
input[type="submit"].fnc_input.input_yellow_line,
input[type="password"].fnc_input.input_yellow_line {
	border:1px solid #F2C500 !important;
}

input[type="tel"].fnc_input.input_orange_line,
input[type="text"].fnc_input.input_orange_line, 
input[type="email"].fnc_input.input_orange_line,
input[type="number"].fnc_input.input_orange_line,
input[type="button"].fnc_input.input_orange_line,
input[type="submit"].fnc_input.input_orange_line,
input[type="password"].fnc_input.input_orange_line {
	border:1px solid #ffaa22 !important;
}
/******************************************************************************************************************/
/******************************************************************************************************************/
/* input 정의 end  */
/******************************************************************************************************************/










.fnc_textarea {
padding: 10px;
box-sizing: border-box;
border: solid 1px #ddd;
border-radius: 5px;
font-size: 16px;
resize: both;
}
.fnc_input.wid100px {text-align:center !important; }


.fnc_select {
width: 200px;
height: 30px;
padding-left: 10px;
font-size: 16px;
color: #666;
border: 1px solid #ddd;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url('/gagong/fnc_images/sub/select-arrow.png') no-repeat 95% 50%; /* 화살표 아이콘 추가 */
}

select::-ms-expand {
display: none;
}












/******************************************************************************************************************/
/******************************************************************************************************************/
 /* 테이블블 스타일 */


 /* 기본 테이블 스타일 */
	.fnc_Table {width:100% !important; border-collapse: collapse !important; border-spacing: 0 !important; }
 	.fnc_Table th, 
	.fnc_Table td { border: 1px solid #ddd !important; margin: 0 !important;  vertical-align: middle !important;  padding:10px 10px !important; text-align:center }
	.fnc_Table td {padding:10px 10px !important;  }
	.fnc_Table th {padding:10px 10px !important;  text-align:center; color:#000  !important;  font-weight:bold !important;}  

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

/*   fnc_Table  Horizontal (가로선)  */
 	.fnc_Table.tb_horizon th, .fnc_Table.tb_horizon td {border:0 !important;  border-bottom: 1px solid #ddd !important;}
 	.fnc_Table.tb_horizon th {font-weight:bold !important;}



/*  fnc_Table  Hoverable  ( 마우스 오버시 색상변경 )  */
 	.fnc_Table.tb_hover tr:hover  {background-color: #f5f5f5 !important;}
 	.fnc_Table.tb_hover_red tr:hover  {background-color: #FFEEEE !important;}
 	.fnc_Table.tb_hover_blue tr:hover  {background-color: #EDF9FC !important;}
 	.fnc_Table.tb_hover_green tr:hover  {background-color: #F4FFF4 !important;}
 	.fnc_Table.tb_hover_yellow tr:hover  {background-color: #FFF0D2 !important;}



/*  fnc_Table Striped (홀짝 구분색)  */
.fnc_Table.tb_nth  tr:nth-child(even) {background-color: #f2f2f2 !important;}
.fnc_Table.tb_nth_red tr:nth-child(even)  {background-color: #FFEEEE !important;}
.fnc_Table.tb_nth_blue tr:nth-child(even)  {background-color: #EDF9FC !important;}
.fnc_Table.tb_nth_green tr:nth-child(even)  {background-color: #F4FFF4 !important;}
.fnc_Table.tb_nth_yellow tr:nth-child(even)  {background-color: #FFF0D2 !important;}



/*  fnc_Table  th_color (TH 배경) (TH 배경색)  */
.fnc_Table.th_color th {background-color: #f2f2f2 !important;}
.fnc_Table.th_color_red th  {background-color: #FFEEEE !important;}
.fnc_Table.th_color_blue th  {background-color: #EDF9FC !important;}
.fnc_Table.th_color_green th  {background-color: #F4FFF4 !important;}
.fnc_Table.th_color_yellow th  {background-color: #FFF0D2 !important;}
.fnc_Table.th_color_red_dark th  {background-color: #FF4040 !important; color:#fff !important;}
.fnc_Table.th_color_blue_dark th  {background-color: #0075EA !important; color:#fff !important;}
.fnc_Table.th_color_green_dark th  {background-color: #4CAF50 !important; color:#fff !important;}
.fnc_Table.th_color_yellow_dark th  {background-color: #F2A400 !important; color:#fff !important;}

.TC {text-align:center !important;}
.TR {text-align:right !important;}
.TL  {text-align:left !important;}

.clear {clear:both}

.pd10 {padding:10px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}
.pd60 {padding:60px !important;}
.pd70 {padding:70px !important;}
.pd80 {padding:80px !important;}
.pd90 {padding:90px !important;}
.pd100 {padding:100px !important;}

.pdT10 {padding-top:10px !important;}
.pdT20 {padding-top:20px !important;}
.pdT30 {padding-top:30px !important;}
.pdT40 {padding-top:40px !important;}
.pdT50 {padding-top:50px !important;}
.pdT60 {padding-top:60px !important;}
.pdT70 {padding-top:70px !important;}
.pdT80 {padding-top:80px !important;}
.pdT90 {padding-top:90px !important;}
.pdT100 {padding-top:100px !important;}

.pdL10 {padding-left:10px !important;}
.pdL20 {padding-left:20px !important;}
.pdL30 {padding-left:30px !important;}
.pdL40 {padding-left:40px !important;}
.pdL50 {padding-left:50px !important;}
.pdL60 {padding-left:60px !important;}
.pdL70 {padding-left:70px !important;}
.pdL80 {padding-left:80px !important;}
.pdL90 {padding-left:90px !important;}
.pdL100 {padding-left:100px !important;}

.pdR10 {padding-right:10px !important;}
.pdR20 {padding-right:20px !important;}
.pdR30 {padding-right:30px !important;}
.pdR40 {padding-right:40px !important;}
.pdR50 {padding-right:50px !important;}
.pdR60 {padding-right:60px !important;}
.pdR70 {padding-right:70px !important;}
.pdR80 {padding-right:80px !important;}
.pdR90 {padding-right:90px !important;}
.pdR100 {padding-right:100px !important;}

.pdBT10 {padding-bottom:10px !important;}
.pdBT20 {padding-bottom:20px !important;}
.pdBT30 {padding-bottom:30px !important;}
.pdBT40 {padding-bottom:40px !important;}
.pdBT50 {padding-bottom:50px !important;}
.pdBT60 {padding-bottom:60px !important;}
.pdBT70 {padding-bottom:70px !important;}
.pdBT80 {padding-bottom:80px !important;}
.pdBT90 {padding-bottom:90px !important;}
.pdBT100 {padding-bottom:100px !important;}


.mg10 {margin:10px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}
.mg40 {margin:40px !important;}
.mg50 {margin:50px !important;}
.mg60 {margin:60px !important;}
.mg70 {margin:70px !important;}
.mg80 {margin:80px !important;}
.mg90 {margin:90px !important;}
.mg100 {margin:100px !important;}

.mgT10 {margin-top:10px !important;}
.mgT20 {margin-top:20px !important;}
.mgT30 {margin-top:30px !important;}
.mgT40 {margin-top:40px !important;}
.mgT50 {margin-top:50px !important;}
.mgT60 {margin-top:60px !important;}
.mgT70 {margin-top:70px !important;}
.mgT80 {margin-top:80px !important;}
.mgT90 {margin-top:90px !important;}
.mgT100 {margin-top:100px !important;}

.mgL10 {margin-left:10px !important;}
.mgL20 {margin-left:20px !important;}
.mgL30 {margin-left:30px !important;}
.mgL40 {margin-left:40px !important;}
.mgL50 {margin-left:50px !important;}
.mgL60 {margin-left:60px !important;}
.mgL70 {margin-left:70px !important;}
.mgL80 {margin-left:80px !important;}
.mgL90 {margin-left:90px !important;}
.mgL100 {margin-left:100px !important;}

.mgR10 {margin-right:10px !important;}
.mgR20 {margin-right:20px !important;}
.mgR30 {margin-right:30px !important;}
.mgR40 {margin-right:40px !important;}
.mgR50 {margin-right:50px !important;}
.mgR60 {margin-right:60px !important;}
.mgR70 {margin-right:70px !important;}
.mgR80 {margin-right:80px !important;}
.mgR90 {margin-right:90px !important;}
.mgR100 {margin-right:100px !important;}

.mgBT10 {margin-bottom:10px !important;}
.mgBT20 {margin-bottom:20px !important;}
.mgBT30 {margin-bottom:30px !important;}
.mgBT40 {margin-bottom:40px !important;}
.mgBT50 {margin-bottom:50px !important;}
.mgBT60 {margin-bottom:60px !important;}
.mgBT70 {margin-bottom:70px !important;}
.mgBT80 {margin-bottom:80px !important;}
.mgBT90 {margin-bottom:90px !important;}
.mgBT100 {margin-bottom:100px !important;}


.Mwidth1000 {max-width:1000px; margin:0 auto}
.Mwidth1100 {max-width:1100px; margin:0 auto}
.Mwidth1200 {max-width:1200px; margin:0 auto}
.Mwidth1300 {max-width:1300px; margin:0 auto}
.Mwidth1400 {max-width:1400px; margin:0 auto}



.w10per {width:10%}
.w20per {width:20%}
.w30per {width:30%}
.w40per {width:40%}
.w50per {width:50%}
.w60per {width:60%}
.w70per {width:70%}
.w80per {width:80%}
.w90per {width:90%}
.w100per {width:100%}


.mw100 {max-width:100px}
.mw150 {max-width:150px}
.mw200 {max-width:200px}
.mw250 {max-width:250px}
.mw300 {max-width:300px}
.mw350 {max-width:350px}
.mw400 {max-width:400px}
.mw450 {max-width:450px}

.mw500 {max-width:500px}
.mw510 {max-width:510px}
.mw520 {max-width:520px}
.mw530 {max-width:530px}
.mw540 {max-width:540px}
.mw550 {max-width:550px}
.mw560 {max-width:560px}
.mw570 {max-width:570px}
.mw580 {max-width:580px}
.mw590 {max-width:590px}
.mw600 {max-width:600px}
.mw610 {max-width:610px}
.mw620 {max-width:620px}
.mw630 {max-width:630px}
.mw640 {max-width:640px}
.mw650 {max-width:650px}
.mw660 {max-width:660px}
.mw670 {max-width:670px}
.mw680 {max-width:680px}
.mw690 {max-width:690px}
.mw700 {max-width:700px}
.mw710 {max-width:710px}
.mw720 {max-width:720px}
.mw730 {max-width:730px}
.mw740 {max-width:740px}
.mw750 {max-width:750px}
.mw760 {max-width:760px}
.mw770 {max-width:770px}
.mw780 {max-width:780px}
.mw790 {max-width:790px}
.mw800 {max-width:800px}
.mw810 {max-width:810px}
.mw820 {max-width:820px}
.mw830 {max-width:830px}
.mw840 {max-width:840px}
.mw850 {max-width:850px}
.mw860 {max-width:860px}
.mw870 {max-width:870px}
.mw880 {max-width:880px}
.mw890 {max-width:890px}
.mw900 {max-width:900px}
.mw910 {max-width:910px}
.mw920 {max-width:920px}
.mw930 {max-width:930px}
.mw940 {max-width:940px}
.mw950 {max-width:950px}
.mw960 {max-width:960px}
.mw970 {max-width:970px}
.mw980 {max-width:980px}
.mw990 {max-width:990px}
.mw1000 {max-width:1000px}
.mw1010 {max-width:1010px}
.mw1020 {max-width:1020px}
.mw1030 {max-width:1030px}
.mw1040 {max-width:1040px}
.mw1050 {max-width:1050px}
.mw1060 {max-width:1060px}
.mw1070 {max-width:1070px}
.mw1080 {max-width:1080px}
.mw1090 {max-width:1090px}
.mw1100 {max-width:1100px}
.mw1110 {max-width:1110px}
.mw1120 {max-width:1120px}
.mw1130 {max-width:1130px}
.mw1140 {max-width:1140px}
.mw1150 {max-width:1150px}
.mw1160 {max-width:1160px}
.mw1170 {max-width:1170px}
.mw1180 {max-width:1180px}
.mw1190 {max-width:1190px}
.mw1200 {max-width:1200px}





.Fnc_Top_menu_body {margin:0 auto;; }
.fnc_header .Fnc_Top_menu .Fnc_Top_menu_right a{vertical-align: middle; }












/*  responsive   */

	@media screen and (min-width: 981px) {
	.mo980 { display: none; }
	.pc980 { display: inline-block; }
	.br_pc980 { display:inline-block; }
	.br_mo980 { display:none;}
    }

	@media screen and (max-width: 980px) {
	.mo980 { display: inline-block; }
	.pc980 { display: none; }
	.br_pc980 { display:none; }
	.br_mo980 { display:inline-block; }
	}






	@media screen and (min-width: 481px) {
	.mo480 { display: none; }
	.pc480 { display: inline-block; }
	.br_pc480 { display:inline-block; }
	.br_mo480 { display:none;}
    }

	@media screen and (max-width: 480px) {
	.mo480 { display: inline-block; }
	.pc480 { display: none; }
	.br_pc480 { display:none; }
	.br_mo480 { display:inline-block; }
	}




.reser_tb {border-top:2px solid #016996}
.pc_left_mo_center {text-align:left;}
.fnc_Table td {   text-align: left}


@media screen and (max-width: 1080px) {	
.w30per {width:25%}
}

@media screen and (max-width: 680px) {	
.pc_left_mo_center {text-align:center;}
.fnc_Table.motb_block th { 
    display: block;
    float: left;
    width: 100%;
 }
.fnc_Table.motb_block  td {
    text-align: center !important;
    padding: 0px 10px;
    display: block;
    width: 100%;
    line-height: 50px;}
.pdT10 { padding-top: 46px !important;}


}