/*# sourceURL=/resources/css/style.css */
/*@ sourceURL=/resources/css/style.css */
@charset "utf-8";

/**
* ====================== TABLE OF INDEX ======================
* - #RESET
* - #FORM
* - #LAYOUT
* - #COMPONENT
* - #CONTENT
* - #LAYER-POPUP
* - #UTILITY
* ============================================================
*/

@font-face {
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:100;
  src:url("../font/NotoSansKR/NotoSansKR-Thin.woff2") format('woff2'),
       url("../font/NotoSansKR/NotoSansKR-Thin.woff") format('woff'),
       url("../font/NotoSansKR/NotoSansKR-Thin.otf") format('opentype');
}
@font-face {
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:300;
  src:url("../font/NotoSansKR/NotoSansKR-Light.woff2") format('woff2'),
       url("../font/NotoSansKR/NotoSansKR-Light.woff") format('woff'),
       url("../font/NotoSansKR/NotoSansKR-Light.otf") format('opentype');
}
@font-face {
   font-family:'NotoSansKR';
   font-style:normal;
   font-weight:400;
   src:url("../font/NotoSansKR/NotoSansKR-Regular.woff2") format('woff2'),
        url("../font/NotoSansKR/NotoSansKR-Regular.woff") format('woff'),
        url("../font/NotoSansKR/NotoSansKR-Regular.otf") format('opentype');
 }
@font-face {
   font-family:'NotoSansKR';
   font-style:normal;
   font-weight:500;
   src:url("../font/NotoSansKR/NotoSansKR-Medium.woff2") format('woff2'),
        url("../font/NotoSansKR/NotoSansKR-Medium.woff") format('woff'),
        url("../font/NotoSansKR/NotoSansKR-Medium.otf") format('opentype');
 }
@font-face {
   font-family:'NotoSansKR';
   font-style:normal;
   font-weight:700;
   src:url("../font/NotoSansKR/NotoSansKR-Bold.woff2") format('woff2'),
        url("../font/NotoSansKR/NotoSansKR-Bold.woff") format('woff'),
        url("../font/NotoSansKR/NotoSansKR-Bold.otf") format('opentype');
 }
@font-face {
   font-family:'NotoSansKR';
   font-style:normal;
   font-weight:900;
   src:url("../font/NotoSansKR/NotoSansKR-Black.woff2") format('woff2'),
        url("../font/NotoSansKR/NotoSansKR-Black.otf") format('opentype');
 }


/* #RESET
------------------------------------------------------------*/
*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust:none; text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-font-smoothing:antialiased;}
html {-ms-touch-action:none; font-size:16px;}
body, p, menu, dl, dt, dd, form, table, th, td,
fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre, address, i, svg {margin:0; padding:0;}
html, body {width:100%; height:100%;}
body {font-family:'NotoSansKR', 'Malgun Gothic', '맑은 고딕', Dotum, 'Apple SD Gothic Neo', Sans-serif; font-size:13px; line-height:1.4; letter-spacing:-0.2px; color:#333;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; margin:0; padding:0;}
fieldset, img {border:0;}
img {vertical-align:middle; -ms-interpolation-mode:bicubic;}
caption, legend {width:0; height:0; line-height:0; /* visibility:hidden; */ overflow:hidden; opacity:0;}
table {border-spacing:0; border-collapse:collapse;}
a {color:#333; text-decoration:none; transition:0.2s;}
a:hover, a:focus {text-decoration:none; color:#1992a1;}
address, em, i {font-style:normal;}
del {text-decoration:none}
button {overflow:hidden; border:0; background:none; text-align:center; cursor:pointer; outline:0; transition:0.2s;}
h1, h2, h3, h4, h5 {line-height:1.2;}
strong, b {font-weight:700;}
pre {word-break:break-all; white-space:pre-line;}
/* :focus {outline:0; outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;} */
a, a:visited, a:focus, a:active, a:visited, a:focus, a:active, 
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:focus, .btn:active.focus, .btn.active.focus, 
select:focus, button, button:focus {outline:0;}

/* #FORM
------------------------------------------------------------*/
label, input, select, textarea, button {font-family:'NotoSansKR', 'Malgun Gothic', '맑은 고딕', Dotum, 'Apple SD Gothic Neo', Sans-serif; color:#555; letter-spacing:-0.03em; outline:none; border:0;}
input[type="image"], input[type="submit"], input[type="cancel"], label, button, select {cursor:pointer;}

/** placeholder **/
/* webkit */
input::-webkit-input-placeholder {color:#aaa; font-weight:400;}
/* firefox 4-18 */
input:-moz-placeholder {color:#999; font-weight:400;}
/* firefox 19+ */
input::-moz-placeholder {color:#999; font-weight:400;}
/* ie10+ */
input:-ms-input-placeholder {color:#aaa !important; font-weight:400 !important;}


.switchery {width:32px; height:20px;}
.switchery>small {width:20px; height:20px;}

/* #UTILITY
------------------------------------------------------------*/
/* display */
.blind {width:0; height:0; line-height:0; visibility:hidden; overflow:hidden;}
.hidden {display:none;}
.pull-left {float:left;}
.pull-right {float:right;}


/* #COMMON
------------------------------------------------------------*/
/* Button */
.btn {padding:6px 12px 7px 12px; margin-right:5px; -webkit-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s; letter-spacing:0; border-radius:0;}
button:last-child, .buttons:last-child, .btn:last-child, .modal-footer .btn+.btn:last-child {margin-right:0;}
.btn.btn-20 {line-height:11px; font-size:11px; padding:4px 7px 4px 7px;}
.btn.btn-25 {line-height:11px; font-size:11px; padding:6px 7px 6px 7px;}
.btn.btn-28 {line-height:13px; font-size:13px; padding:6px 7px 6px 7px;}
.btn.btn-30 {line-height:13px; font-size:13px; padding:7px 10px 8px 10px;}
.btn.btn-36 {line-height:13px; font-size:13px; padding:11px 13px 11px 13px;}
.btn.btn-circle {line-height:16px; font-size:13px; padding:9px 12px 9px 12px; border-radius:50%;}

/* button_color */
.btn.btn-white 				{background:#ffffff; border-color:#cdcdcd; color:#555555;}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white
							{background:#f8f8f8; border-color:#b1b1b1;}

.btn.btn-blue 				{background:#337ab7; border-color:#2e6da4; color:#ffffff;}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue
							{background:#286090; border-color:#122b40;}

.btn.btn-deepblue			{background:#2c3f6f; border-color:#25355f; color:#ffffff; font-weight:300;}
.btn-deepblue:hover, .btn-deepblue:focus, .btn-deepblue:active, .btn-deepblue.active, .open .dropdown-toggle.btn-deepblue
							{background:#1a2747; border-color:#1a2747;}

.btn.btn-skyblue			{background:#5bc0de; border-color:#46b8da; color:#ffffff;}
.btn-skyblue:hover, .btn-skyblue:focus, .btn-skyblue:active, .btn-skyblue.active, .open .dropdown-toggle.btn-skyblue
							{background:#31b0d5; border-color:#1b6d85;}

.btn.btn-green 				{background:#5cb85c; border-color:#4cae4c; color:#ffffff;}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green
							{background:#449d44; border-color:#255625;}

.btn.btn-dgreen 			{background:#1a9f00; border-color:#1a9f00; color:#ffffff;}
.btn-dgreen:hover, .btn-dgreen:focus, .btn-dgreen:active, .btn-dgreen.active, .open .dropdown-toggle.btn-dgreen
							{background:#177904; border-color:#177904;}

.btn.btn-cian 				{background:#007f8b; border-color:#006b75; color:#ffffff;}
.btn-cian:hover, .btn-cian:focus, .btn-cian:active, .btn-cian.active, .open .dropdown-toggle.btn-cian
							{background:#006b75; border-color:#025961;}

.btn.btn-orange				{background:#f0ad4e; border-color:#eea236; color:#ffffff;}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange
							{background:#ec971f; border-color:#985f0d;}

.btn.btn-red				{background:#d9534f; border-color:#d43f3a; color:#ffffff;}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red
							{background:#c9302c; border-color:#761c19;}

.btn.btn-gray 				{background:#777777; border-color:#555555; color:#ffffff;}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray
							{background:#555555; border-color:#444444;}

.btn.btn-lightgray 				{background:rgba(0,0,0,0.4); border-color:rgba(0,0,0,0.1); color:#ffffff;}
.btn-lightgray:hover, .btn-lightgray:focus, .btn-lightgray:active, .btn-lightgray.active, .open .dropdown-toggle.btn-lightgray
							{background:rgba(0,0,0,0.5); border-color:rgba(0,0,0,0.1);}

.btn.btn-dark 				{background:#4B5F71; border-color:#364B5F; color:#E9EDEF;}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark
							{background:#394D5F; border-color:#394D5F;}

.btn.btn-purple				{background:#7a33ac; border-color:#992ee3; color:#fff;}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple
							{background:#682b93; border-color:#7a33ac;}

.btn.btn-basic 				{background:#04131a; border-color:#000; color:#fff;}
.btn-basic:hover, .btn-basic:focus, .btn-basic:active, .btn-basic.active, .open .dropdown-toggle.btn-basic
							{background:#0d5e83; border-color:#0e4660;}

.btn.btn-default 			{background:#ffffff; border-color:#cdcdcd; color:#555555;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default
							{background:#f8f8f8; border-color:#b1b1b1;}
							
.btn.btn-black 				{background:#000; border-color:#000; color:#fff;}
.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black
							{background:#555; border-color:#555;}
							
							
.btn.btn-point {background:#265ca8 !important; border:1px solid #265ca8; color:#fff;}
.btn.btn-point:hover, .btn.btn-point:focus, .btn.btn-point:active {background:#2c3f6f !important; border:1px solid #2c3f6f; color:#fff;}


.dynamic_table .btn.btn-default.buttons-excel {background:#5cb85c; border-color:#4cae4c; color:#ffffff;}
.dynamic_table .btn-default.buttons-excel:hover, .dynamic_table .btn-default.buttons-excel:focus, .dynamic_table .btn-default.buttons-excel:active, .dynamic_table .btn-default.buttons-excel.active, .dynamic_table .open .dropdown-toggle.btn-default.buttons-excel
							{background:#449d44; border-color:#255625;}


/* button_outline */
.btn.btn-blue.outline 		{background:none; border-color:#2e6da4; color:#2e6da4;}
.btn-blue.outline:hover, .btn-blue.outline:focus, .btn-blue.outline:active, .btn-blue.outline.active, .open .dropdown-toggle.btn-blue.outline
							{border-color:#ff9908;}

.btn.btn-white.outline 		{background:none; border-color:#cdcdcd; color:#333;}
.btn-white.outline:hover, .btn-white.outline:focus, .btn-white.outline:active, .btn-white.outline.active, .open .dropdown-toggle.btn-white.outline
							{border-color:#b1b1b1;}

.btn.btn-deepblue.outline	{background:none; border-color:#4666af; color:#4666af;}
.btn-deepblue.outline:hover, .btn-deepblue.outline:focus, .btn-deepblue.outline:active, .btn-deepblue.outline.active, .open .dropdown-toggle.btn-deepblue.outline
							{border-color:#ff9908;}

.btn.btn-skyblue.outline	{background:none; border-color:#46b8da; color:#46b8da;}
.btn-skyblue.outline:hover, .btn-skyblue.outline:focus, .btn-skyblue.outline:active, .btn-skyblue.outline.active, .open .dropdown-toggle.btn-skyblue.outline
							{border-color:#ff9908;}

.btn.btn-green.outline 		{background:none; border-color:#4cae4c; color:#4cae4c;}
.btn-green.outline:hover, .btn-green.outline:focus, .btn-green.outline:active, .btn-green.outline.active, .open .dropdown-toggle.btn-green.outline
							{border-color:#ff9908;}

.btn.btn-cian.outline 		{background:none; border-color:#006b75; color:#006b75;}
.btn-cian.outline:hover, .btn-cian.outline:focus, .btn-cian.outline:active, .btn-cian.outline.active, .open .dropdown-toggle.btn-cian.outline
							{border-color:#ff9908;}

.btn.btn-orange.outline		{background:none; border-color:#eea236; color:#eea236;}
.btn-orange.outline:hover, .btn-orange.outline:focus, .btn-orange.outline:active, .btn-orange.outline.active, .open .dropdown-toggle.btn-orange.outline
							{border-color:#ff9908;}

.btn.btn-red.outline		{background:none; border-color:#d43f3a; color:#d43f3a;}
.btn-red.outline:hover, .btn-red.outline:focus, .btn-red.outline:active, .btn-red.outline.active, .open .dropdown-toggle.btn-red.outline
							{border-color:#ff9908;}

.btn.btn-gray.outline 		{background:none; border-color:#555555; color:#555555;}
.btn-gray.outline:hover, .btn-gray.outline:focus, .btn-gray.outline:active, .btn-gray.outline.active, .open .dropdown-toggle.btn-gray.outline
							{border-color:#ff9908;}

.btn.btn-dark.outline 		{background:none; border-color:#364B5F; color:#364B5F;}
.btn-dark.outline:hover, .btn-dark.outline:focus, .btn-dark.outline:active, .btn-dark.outline.active, .open .dropdown-toggle.btn-dark.outline
							{border-color:#ff9908;}

.btn.btn-purple.outline 	{background:none; border-color:#992ee3; color:#992ee3;}
.btn-purple.outline:hover, .btn-purple.outline:focus, .btn-purple.outline:active, .btn-purple.outline.active, .open .dropdown-toggle.btn-purple.outline
							{border-color:#ff9908;}
							
.btn.btn-black.outline {background:none !important; border-color:#000; color:#333;}
.btn.btn-black.outline:hover, .btn.btn-black.outline:focus, .btn.btn-black.outline:active, .btn.btn-black.outline.active, .open .dropdown-toggle.btn.btn-black.outline
							{background:#333 !important; border:1px solid #333; color:#fff;}

.btn.btn-blwhite.outline {background:none !important; border-color:#cacaca; color:#666;}
.btn.btn-blwhite.outline:hover, .btn.btn-blwhite.outline:focus, .btn.btn-blwhite.outline:active, .btn.btn-blwhite.outline.active, .open .dropdown-toggle.btn.btn-blwhite.outline
							{background:#000 !important; border:1px solid #000; color:#fff;}					

.btn.bold {font-weight:bold;}


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


.bp4 {padding-bottom:4px;}
.lp23 {padding-left:23px !important;}

.w350 {width:350px !important;}

.btn.btn-point {background:#265ca8 !important; border:1px solid #265ca8; color:#fff;}
.btn.btn-point:hover, .btn.btn-point:focus, .btn.btn-point:active {background:#2c3f6f !important; border:1px solid #2c3f6f; color:#fff;}


.btn.btn-blwhite.outline {background:none !important; border-color:#cacaca; color:#666;}
.btn.btn-blwhite.outline:hover, .btn.btn-blwhite.outline:focus, .btn.btn-blwhite.outline:active, .btn.btn-blwhite.outline.active, .open .dropdown-toggle.btn.btn-blwhite.outline
							{background:#000 !important; border:1px solid #000; color:#fff;}
							
.wirteBtn-black {padding:9px 40px; display:inline-block; font-weight:500; line-height:16px; letter-spacing:-.5px; position:absolute; right:0; top:20px; background:#333; border:1px solid #333; color:#fff;}
.wirteBtn-black:hover, .wirteBtn-black:focus, .wirteBtn-black:active, .wirteBtn-black.active, .open .dropdown-toggle.wirteBtn-black
							{background:none; border-color:#000; color:#333;}
							
.wirteBtn-deep {color:#fff; background:#337ab7;}
.wirteBtn-deep:hover {color:#fff; background:#2c3f6f;}	


.w5p {width:5% !important;}
.w6p {width:6% !important;}
.w7p {width:7% !important;}
.w8p {width:8% !important;}
.w9p {width:9% !important;}
.w10p {width:10% !important;}
.w12p {width:12% !important;}
.w13p {width:13% !important;}
.w15p {width:15% !important;}
.w18p {width:18% !important;}
.w20p {width:20% !important;}
.w23p {width:23% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w46p {width:46% !important;}
.w47p {width:47% !important;}
.w48p {width:48% !important;}
.w49p {width:49% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}
.w5 {width:5px !important;}
.w7 {width:7px !important;}
.w8 {width:8px !important;}
.w9 {width:9px !important;}
.w10 {width:10px !important;}
.w11 {width:11px !important;}
.w12 {width:12px !important;}
.w13 {width:13px !important;}
.w14 {width:14px !important;}
.w15 {width:15px !important;}
.w16 {width:16px !important;}
.w17 {width:17px !important;}
.w18 {width:18px !important;}
.w19 {width:19px !important;}
.w20 {width:20px !important;}
.w25 {width:25px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w230 {width:230px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}
.wauto {width:auto !important;}

/* Margin Step */
.mg0 {margin:0 !important;}
.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}

.bm0 {margin-bottom:0px !important;}
.bm1 {margin-bottom:1px !important;}
.bm2 {margin-bottom:2px !important;}
.bm3 {margin-bottom:3px !important;}
.bm4 {margin-bottom:4px !important;}
.bm5 {margin-bottom:5px !important;}
.bm6 {margin-bottom:6px !important;}
.bm7 {margin-bottom:7px !important;}
.bm8 {margin-bottom:8px !important;}
.bm9 {margin-bottom:9px !important;}
.bm10 {margin-bottom:10px !important;}
.bm11 {margin-bottom:11px !important;}
.bm12 {margin-bottom:12px !important;}
.bm13 {margin-bottom:13px !important;}
.bm14 {margin-bottom:14px !important;}
.bm15 {margin-bottom:15px !important;}
.bm20 {margin-bottom:20px !important;}
.bm30 {margin-bottom:30px !important;}
.bm40 {margin-bottom:40px !important;}
.bm50 {margin-bottom:50px !important;}
.bm60 {margin-bottom:60px !important;}
.bm100 {margin-bottom:100px !important;}

.lm0 {margin-left:0px !important;}
.lm1 {margin-left:1px !important;}
.lm2 {margin-left:2px !important;}
.lm3 {margin-left:3px !important;}
.lm4 {margin-left:4px !important;}
.lm5 {margin-left:5px !important;}
.lm6 {margin-left:6px !important;}
.lm7 {margin-left:7px !important;}
.lm8 {margin-left:8px !important;}
.lm9 {margin-left:9px !important;}
.lm10 {margin-left:10px !important;}
.lm11 {margin-left:11px !important;}
.lm12 {margin-left:12px !important;}
.lm13 {margin-left:13px !important;}
.lm14 {margin-left:14px !important;}
.lm15 {margin-left:15px !important;}
.lm20 {margin-left:20px !important;}
.lm25 {margin-left:25px !important;}
.lm30 {margin-left:30px !important;}
.lm40 {margin-left:40px !important;}
.lm45 {margin-left:45px !important;}
.lm50 {margin-left:50px !important;}
.lm60 {margin-left:60px !important;}
.lm70 {margin-left:70px !important;}
.lm80 {margin-left:80px !important;}
.lm90 {margin-left:90px !important;}
.lm100 {margin-left:100px !important;}
.lm150 {margin-left:150px !important;}
.lm170 {margin-left:170px !important;}

.tm0 {margin-top:0px !important;}
.tm1 {margin-top:1px !important;}
.tm2 {margin-top:2px !important;}
.tm3 {margin-top:3px !important;}
.tm4 {margin-top:4px !important;}
.tm5 {margin-top:5px !important;}
.tm6 {margin-top:6px !important;}
.tm7 {margin-top:7px !important;}
.tm8 {margin-top:8px !important;}
.tm9 {margin-top:9px !important;}
.tm10 {margin-top:10px !important;}
.tm11 {margin-top:11px !important;}
.tm12 {margin-top:12px !important;}
.tm13 {margin-top:13px !important;}
.tm14 {margin-top:14px !important;}
.tm15 {margin-top:15px !important;}
.tm20 {margin-top:20px !important;}
.tm25 {margin-top:25px !important;}
.tm30 {margin-top:30px !important;}
.tm40 {margin-top:40px !important;}
.tm45 {margin-top:45px !important;}
.tm50 {margin-top:50px !important;}
.tm55 {margin-top:55px !important;}
.tm60 {margin-top:60px !important;}
.tm70 {margin-top:70px !important;}
.tm80 {margin-top:80px !important;}
.tm85 {margin-top:85px !important;}
.tm90 {margin-top:90px !important;}
.tm100 {margin-top:100px !important;}
.tm110 {margin-top:110px !important;}
.tm120 {margin-top:120px !important;}
.tm130 {margin-top:130px !important;}
.tm140 {margin-top:140px !important;}
.tm150 {margin-top:150px !important;}
.tm200 {margin-top:200px !important;}

.rm0 {margin-right:1px !important;}
.rm1 {margin-right:1px !important;}
.rm2 {margin-right:2px !important;}
.rm3 {margin-right:3px !important;}
.rm4 {margin-right:4px !important;}
.rm5 {margin-right:5px !important;}
.rm6 {margin-right:6px !important;}
.rm7 {margin-right:7px !important;}
.rm8 {margin-right:8px !important;}
.rm9 {margin-right:9px !important;}
.rm10 {margin-right:10px !important;}
.rm11 {margin-right:11px !important;}
.rm12 {margin-right:12px !important;}
.rm13 {margin-right:13px !important;}
.rm14 {margin-right:14px !important;}
.rm15 {margin-right:15px !important;}
.rm20 {margin-right:20px !important;}
.rm25 {margin-right:25px !important;}
.rm30 {margin-right:30px !important;}

.bp0 {padding-bottom:0px !important;}
.bp1 {padding-bottom:1px !important;}
.bp2 {padding-bottom:2px !important;}
.bp3 {padding-bottom:3px !important;}
.bp4 {padding-bottom:4px !important;}
.bp5 {padding-bottom:5px !important;}
.bp6 {padding-bottom:6px !important;}
.bp7 {padding-bottom:7px !important;}
.bp8 {padding-bottom:8px !important;}
.bp9 {padding-bottom:9px !important;}
.bp10 {padding-bottom:10px !important;}
.bp11 {padding-bottom:11px !important;}
.bp12 {padding-bottom:12px !important;}
.bp13 {padding-bottom:13px !important;}
.bp14 {padding-bottom:14px !important;}
.bp15 {padding-bottom:15px !important;}
.bp20 {padding-bottom:20px !important;}
.bp25 {padding-bottom:25px !important;}

.lp0 {padding-left:0px !important;}
.lp1 {padding-left:1px !important;}
.lp2 {padding-left:2px !important;}
.lp3 {padding-left:3px !important;}
.lp4 {padding-left:4px !important;}
.lp5 {padding-left:5px !important;}
.lp6 {padding-left:6px !important;}
.lp7 {padding-left:7px !important;}
.lp8 {padding-left:8px !important;}
.lp9 {padding-left:9px !important;}
.lp10 {padding-left:10px !important;}
.lp11 {padding-left:11px !important;}
.lp12 {padding-left:12px !important;}
.lp13 {padding-left:13px !important;}
.lp14 {padding-left:14px !important;}
.lp15 {padding-left:15px !important;}
.lp20 {padding-left:20px !important;}
.lp25 {padding-left:25px !important;}
.lp30 {padding-left:30px !important;}
.lp31 {padding-left:31px !important;}
.lp32 {padding-left:32px !important;}
.lp33 {padding-left:33px !important;}
.lp34 {padding-left:34px !important;}
.lp35 {padding-left:35px !important;}
.lp40 {padding-left:40px !important;}
.lp45 {padding-left:45px !important;}
.lp50 {padding-left:50px !important;}

.tp0 {padding-top:0px !important;}
.tp1 {padding-top:1px !important;}
.tp2 {padding-top:2px !important;}
.tp3 {padding-top:3px !important;}
.tp4 {padding-top:4px !important;}
.tp5 {padding-top:5px !important;}
.tp6 {padding-top:6px !important;}
.tp7 {padding-top:7px !important;}
.tp8 {padding-top:8px !important;}
.tp9 {padding-top:9px !important;}
.tp10 {padding-top:10px !important;}
.tp11 {padding-top:11px !important;}
.tp12 {padding-top:12px !important;}
.tp13 {padding-top:13px !important;}
.tp14 {padding-top:14px !important;}
.tp15 {padding-top:15px !important;}
.tp20 {padding-top:20px !important;}
.tp22 {padding-top:22px !important;}
.tp25 {padding-top:25px !important;}
.tp30 {padding-top:30px !important;}

.rp0 {padding-right:0px !important;}
.rp1 {padding-right:1px !important;}
.rp2 {padding-right:2px !important;}
.rp3 {padding-right:3px !important;}
.rp4 {padding-right:4px !important;}
.rp5 {padding-right:5px !important;}
.rp6 {padding-right:6px !important;}
.rp7 {padding-right:7px !important;}
.rp8 {padding-right:8px !important;}
.rp9 {padding-right:9px !important;}
.rp10 {padding-right:10px !important;}
.rp11 {padding-right:11px !important;}
.rp12 {padding-right:12px !important;}
.rp13 {padding-right:13px !important;}
.rp14 {padding-right:14px !important;}
.rp15 {padding-right:15px !important;}
.rp20 {padding-right:20px !important;}
.rp25 {padding-right:25px !important;}

.pd0 {padding:0px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd15-23 {padding:15px 23px !important;}

/* Font size */
.font8 {font-size:8px !important;}
.font9 {font-size:9px !important;}
.font10 {font-size:10px !important;}
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}
.font17 {font-size:17px !important;}
.font18 {font-size:18px !important;}
.font19 {font-size:19px !important;}
.font20 {font-size:20px !important;}
.font25 {font-size:25px !important;}
.font30 {font-size:30px !important;}

.lh8 {line-height:8px !important;}
.lh9 {line-height:9px !important;}
.lh10 {line-height:10px !important;}
.lh11 {line-height:11px !important;}
.lh12 {line-height:12px !important;}
.lh13 {line-height:13px !important;}
.lh14 {line-height:14px !important;}
.lh15 {line-height:15px !important;}
.lh16 {line-height:16px !important;}
.lh17 {line-height:17px !important;}
.lh18 {line-height:18px !important;}
.lh19 {line-height:19px !important;}
.lh20 {line-height:20px !important;}
.lh25 {line-height:25px !important;}
.lh26 {line-height:26px !important;}
.lh27 {line-height:27px !important;}
.lh28 {line-height:28px !important;}
.lh29 {line-height:29px !important;}
.lh30 {line-height:30px !important;}
.lh40 {line-height:40px !important;}

/* Text Align */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

.cursor {cursor:pointer;}

.blockcenter {margin:0 auto;}
.block {display:block} /* 수정 */
.inline-block {display:inline-block !important;}
.inline {display:inline !important;}
.display-none {display:none !important;}
.none {display:none !important;}
.display-block {display:block !important;}
.opacity0 {opacity:0 !important;}
.opacity1 {opacity:1 !important;}

/* Color */
.color_point {color:#ff3300 !important;}
.color_lblue {color:#257bca !important;}
.color_dblue {color:#124b9a !important;}
.color_wblue {color:#205fb5 !important;}
.color_important {color:#ff3300 !important;}
.color_red {color:#ff3300 !important;}
.color_wgray {color:#878787 !important;}
.color_gray {color:#666666 !important;}
.color_lgray {color:#aaaaaa !important;}
.color_wgreen {color:#81b501 !important;}
.color_dgreen {color:#529410 !important;}
.color_white {color:#ffffff !important;}
.color_orange {color:#f66504 !important;}
.color_yellow {color:#ffd800 !important;}
.color_skyblue {color:#129dd1 !important;}
.color_lpurple {color:#8750ad !important;}
.color_purple {color:#7621bf !important;}
.bold {font-weight:bold !important;}

.row{margin-right:0px; margin-left:0px;}

.clear {display:block; float:none; clear:both; height:0 !important; width:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.hidden {display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px;}
.pointer {cursor:pointer;}
.text-overflow {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.margin-none {margin:0 !important;}
.margin-top-none {margin-top:0 !important;}
.margin-left-none {margin-left:0 !important;}
.margin-right-none {margin-right:0 !important;}
.margin-bottom-none {margin-bottom:0 !important;}
.padding-none {padding:0 !important;}
.padding-top-none {padding-top:0 !important;}
.padding-left-none {padding-left:0 !important;}
.padding-right-none {padding-right:0 !important;}
.padding-bottom-none {padding-bottom:0 !important;}

.relative {position:relative !important;}
.absolute {position:absolute !important;}

/*======================================
			align
========================================*/
.fl{float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.fr{float:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.overflow_h{overflow:hidden;}
hr {height:1px; border-bottom:1px dashed #d9d9d9; margin:10px 0; display:block; float:none; clear:both; height:0 !important; overflow:hidden; padding:0 !important;}

/* ----- list ----- */
.ul-list li {/*position:relative;*/ margin-top:8px; padding-left:17px;}
.ul-list li:before {content:''; display:block; position:absolute; top:6px; left:0; width:4px; height:4px;}
.ul-list.sm li {padding-left:2px; font-size:13px;}
.ul-list.sm li:before {top:7px; left:2px; width:3px; height:3px;}

/* ----- link ----- */
.underline {display:inline-block; color:inherit; border-bottom:1px solid  #555;}

/* ----- well ----- */
.well {padding:20px; border:1px solid  #cdcdcd; background-color:#fafafa;}
.well h4 {margin-bottom:15px; font-size:13px; font-weight:bold;}
.well .ul-list .underline:hover {border-bottom-color:#42478b; color:#42478b;}

/* ----- spacing ----- */
.margin-top-20 {margin-top:20px;}


/*======================================
				radio
========================================*/

*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/* bootstrap 초기화 */
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-top:0; margin-left:0px;}
.radio-inline, .checkbox-inline {margin-top:0; margin-bottom:0; padding-left:0;}
.radio-inline {display:inline-block; margin-right:20px;}
.radio, .checkbox {margin-top:0; margin-bottom:5px;}


.form-radio {position:relative}
.form-radio .radio {margin-bottom:3px;}
.form-radio .radio:last-child {margin-bottom:0;}
.form-radio .radio-inline {margin-bottom:0;}
.form-radio .form-help {position:absolute; width:100%}
.form-radio label {position:relative; padding-left:1.5rem; text-align:left; color:#333; display:block; line-height:1.8}
.form-radio input {width:auto; opacity:0.00000001; position:absolute; left:0}
.form-radio .radio input:focus+.helper:before {outline:none;}

.radio .helper {position:absolute; top:0; left:-0.25rem; cursor:pointer; display:block; font-size:1rem; color:#999}
.radio .helper::after {transform:scale(0); background-color:#01a9ac; border-color:#01a9ac}
.radio .helper::after, .radio .helper::before {content:''; position:absolute; left:0; top:3px; margin:2px 4px 4px; width:1rem; height:1rem; transition:transform 0.28s ease;
    border-radius:50%; border:0.125rem solid #01a9ac}
.radio .helper::before {background:#fff;}
.radio label:hover .helper {color:#01a9ac}
.radio input:checked~.helper::after {transform:scale(0.5)}
.radio input:checked~.helper::before {color:#01a9ac}

.radio.radiofill input:checked~.helper::after {transform:scale(1)}
.radio.radiofill .helper::after {background-color:#01a9ac}

.radio.radio-outline input:checked~.helper::after {transform:scale(0.6)}
.radio.radio-outline .helper::after {background-color:#fff; border:0.225rem solid #01a9ac}

.radio.radio-matrial input~.helper::after {background-color:#fff}
.radio.radio-matrial input:checked~.helper::after {transform:scale(0.5); box-shadow:0 1px 7px -1px rgba(0, 0, 0, 0.72)}
.radio.radio-matrial input:checked~.helper::before {background-color:#01a9ac}

.radio.radio-disable {opacity:0.7}
.radio.radio-disable label {cursor:not-allowed}


/* radio-primary */
.radio.radio-primary .helper::after {background-color:#01a9ac; border-color:#01a9ac}
.radio.radio-primary .helper::before {border-color:#01a9ac}

.radio.radio-blue .helper::after {background-color:#004b84; border-color:#004b84}
.radio.radio-blue .helper::before {border-color:#004b84}

.radio.radiofill.radio-primary .helper::after {background-color:#01a9ac; border-color:#01a9ac}
.radio.radiofill.radio-primary .helper::before {border-color:#01a9ac}

.radio.radio-outline.radio-primary .helper::after {background-color:#fff; border:0.225rem solid #01a9ac}
.radio.radio-outline.radio-primary .helper::before {border-color:#01a9ac}

.radio.radio-matrial.radio-primary input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-primary input~.helper::before {background-color:#01a9ac; border-color:#01a9ac}

/* radio-warning */
.radio.radio-warning .helper::after {background-color:#fe9365; border-color:#fe9365}
.radio.radio-warning .helper::before {border-color:#fe9365}

.radio.radiofill.radio-warning .helper::after {background-color:#fe9365; border-color:#fe9365}
.radio.radiofill.radio-warning .helper::before {border-color:#fe9365}

.radio.radio-outline.radio-warning .helper::after {background-color:#fff; border:0.225rem solid #fe9365}
.radio.radio-outline.radio-warning .helper::before {border-color:#fe9365}

.radio.radio-matrial.radio-warning input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-warning input~.helper::before {background-color:#fe9365; border-color:#fe9365}

/* radio-default */
.radio.radio-default .helper::after {background-color:#e0e0e0; border-color:#e0e0e0}
.radio.radio-default .helper::before {border-color:#e0e0e0}

.radio.radiofill.radio-default .helper::after {background-color:#e0e0e0; border-color:#e0e0e0}
.radio.radiofill.radio-default .helper::before {border-color:#e0e0e0}

.radio.radio-outline.radio-default .helper::after {background-color:#fff; border:0.225rem solid #e0e0e0}
.radio.radio-outline.radio-default .helper::before {border-color:#e0e0e0}

.radio.radio-matrial.radio-default input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-default input~.helper::before {background-color:#e0e0e0; border-color:#e0e0e0}

/* radio-danger */
.radio.radio-danger .helper::after {background-color:#fe5d70; border-color:#fe5d70}
.radio.radio-danger .helper::before {border-color:#fe5d70}

.radio.radiofill.radio-danger .helper::after {background-color:#fe5d70; border-color:#fe5d70}
.radio.radiofill.radio-danger .helper::before {border-color:#fe5d70}

.radio.radio-outline.radio-danger .helper::after {background-color:#fff; border:0.225rem solid #fe5d70}
.radio.radio-outline.radio-danger .helper::before {border-color:#fe5d70}

.radio.radio-matrial.radio-danger input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-danger input~.helper::before {background-color:#fe5d70; border-color:#fe5d70}

/* radio-success */
.radio.radio-success .helper::after {background-color:#0ac282; border-color:#0ac282}
.radio.radio-success .helper::before {border-color:#0ac282}

.radio.radiofill.radio-success .helper::after {background-color:#0ac282; border-color:#0ac282}
.radio.radiofill.radio-success .helper::before {border-color:#0ac282}

.radio.radio-outline.radio-success .helper::after {background-color:#fff; border:0.225rem solid #0ac282}
.radio.radio-outline.radio-success .helper::before {border-color:#0ac282}

.radio.radio-matrial.radio-success input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-success input~.helper::before {background-color:#0ac282; border-color:#0ac282}

/* radio-inverse */
.radio.radio-inverse .helper::after {background-color:#404E67; border-color:#404E67}
.radio.radio-inverse .helper::before {border-color:#404E67}

.radio.radiofill.radio-inverse .helper::after {background-color:#404E67; border-color:#404E67}
.radio.radiofill.radio-inverse .helper::before {border-color:#404E67}

.radio.radio-outline.radio-inverse .helper::after {background-color:#fff; border:0.225rem solid #404E67}
.radio.radio-outline.radio-inverse .helper::before {border-color:#404E67}

.radio.radio-matrial.radio-inverse input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-inverse input~.helper::before {background-color:#404E67; border-color:#404E67}

/* radio-info */
.radio.radio-info .helper::after {background-color:#2DCEE3; border-color:#2DCEE3}
.radio.radio-info .helper::before {border-color:#2DCEE3}

.radio.radiofill.radio-info .helper::after {background-color:#2DCEE3; border-color:#2DCEE3}
.radio.radiofill.radio-info .helper::before {border-color:#2DCEE3}

.radio.radio-outline.radio-info .helper::after {background-color:#fff; border:0.225rem solid #2DCEE3}
.radio.radio-outline.radio-info .helper::before {border-color:#2DCEE3}

.radio.radio-matrial.radio-info input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-info input~.helper::before {background-color:#2DCEE3; border-color:#2DCEE3}

/* radio-purple */
.radio.radio-purple .helper::after {background-color:#6f539b; border-color:#6f539b}
.radio.radio-purple .helper::before {border-color:#6f539b}

.radio.radiofill.radio-purple .helper::after {background-color:#6f539b; border-color:#6f539b}
.radio.radiofill.radio-purple .helper::before {border-color:#6f539b}

.radio.radio-outline.radio-purple .helper::after {background-color:#fff; border:0.225rem solid #6f539b}
.radio.radio-outline.radio-purple .helper::before {border-color:#6f539b}

.radio.radio-matrial.radio-purple input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-purple input~.helper::before {background-color:#6f539b; border-color:#6f539b}

/* radio-black */
.radio.radio-black .helper::after {background-color:#000; border-color:#000}
.radio.radio-black .helper::before {border-color:#000}

.radio.radiofill.radio-black .helper::after {background-color:#000; border-color:#000}
.radio.radiofill.radio-black .helper::before {border-color:#000}

.radio.radio-outline.radio-black .helper::after {background-color:#fff; border:0.225rem solid #000}
.radio.radio-outline.radio-black .helper::before {border-color:#000}

.radio.radio-matrial.radio-black input~.helper::after {background-color:#fff; border-color:#fff}
.radio.radio-matrial.radio-black input~.helper::before {background-color:#000; border-color:#000}


/*======================================
				check
========================================*/

.border-checkbox-section {display:inline-block;}
.border-checkbox-section .border-checkbox-group {display:inline-block;}
.border-checkbox-section.block-style .border-checkbox-group {display:block; max-width:100%; margin-bottom:12px;}

.lib-search-area .border-checkbox-section.block-style .border-checkbox-group {max-width:188px;}

.border-checkbox-section.block-style .border-checkbox-group:last-child {margin-bottom:0;}
.border-checkbox-section .border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after {animation:check linear 0.5s; opacity:1; border-color:#01a9ac}

.border-checkbox-section .border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after .border-checkbox-label:before {border-color:#eee}
.border-checkbox-section .border-checkbox-group .border-checkbox-label {position:relative; display:inline-block; cursor:pointer; height:20px; line-height:20px; padding-left:30px; margin-right:10px; margin-bottom:0; word-break:break-all;}
.border-checkbox-section .border-checkbox-group .border-checkbox-label:after {content:""; display:block; width:6px; height:12px; opacity:0.9; border-right:2px solid #fff;
    border-top:2px solid #fff; position:absolute; left:4px; top:11px; transform:scaleX(-1) rotate(135deg); transform-origin:left top;}

.border-checkbox-section .border-checkbox-group .border-checkbox-label:before {content:""; display:block; border:2px solid #01a9ac; width:20px; height:20px; position:absolute; left:0; background:#fff;}
.border-checkbox-section .border-checkbox-group .border-checkbox:focus+.border-checkbox-label:before {outline:none;}
.border-checkbox-section .border-checkbox {/* display:none; */ width:0; opacity:0;}
.border-checkbox-section .border-checkbox:disabled~.border-checkbox-label {cursor:no-drop; color:#ccc}


@-webkit-keyframes check {
    0% {height:0; width:0}
    25% {height:0; width:6px}
    50% {height:12px; width:6px}
}

@keyframes check {
    0% {height:0; width:0}
    25% {height:0; width:6px}
    50% {height:12px; width:6px}
}

.border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before {border:2px solid #01a9ac}
.border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked+.border-checkbox-label:after {border-color:#01a9ac}
.border-checkbox-section .border-checkbox-group-blue .border-checkbox-label:before {border:2px solid #004b84}
.border-checkbox-section .border-checkbox-group-blue .border-checkbox:checked+.border-checkbox-label:after {border-color:#004b84}
.border-checkbox-section .border-checkbox-group-warning .border-checkbox-label:before {border:2px solid #fe9365}
.border-checkbox-section .border-checkbox-group-warning .border-checkbox:checked+.border-checkbox-label:after {border-color:#fe9365}
.border-checkbox-section .border-checkbox-group-default .border-checkbox-label:before {border:2px solid #bbbbbb}
.border-checkbox-section .border-checkbox-group-default .border-checkbox:checked+.border-checkbox-label:after {border-color:#999999}
.border-checkbox-section .border-checkbox-group-danger .border-checkbox-label:before {border:2px solid #fe5d70}
.border-checkbox-section .border-checkbox-group-danger .border-checkbox:checked+.border-checkbox-label:after {border-color:#fe5d70}
.border-checkbox-section .border-checkbox-group-success .border-checkbox-label:before {border:2px solid #0ac282}
.border-checkbox-section .border-checkbox-group-success .border-checkbox:checked+.border-checkbox-label:after {border-color:#0ac282}
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox-label:before {border:2px solid #404E67}
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked+.border-checkbox-label:after {border-color:#404E67}
.border-checkbox-section .border-checkbox-group-info .border-checkbox-label:before {border:2px solid #2DCEE3}
.border-checkbox-section .border-checkbox-group-info .border-checkbox:checked+.border-checkbox-label:after {border-color:#2DCEE3}
.border-checkbox-section .border-checkbox-group-purple .border-checkbox-label:before {border:2px solid #835bc0}
.border-checkbox-section .border-checkbox-group-purple .border-checkbox:checked+.border-checkbox-label:after {border-color:#835bc0}
.border-checkbox-section .border-checkbox-group-black .border-checkbox-label:before {border:2px solid #4e4e4e}
.border-checkbox-section .border-checkbox-group-black .border-checkbox:checked+.border-checkbox-label:after {border-color:#4e4e4e}

.checkbox-fade, .checkbox-zoom {display:inline-block; margin-right:15px}
.checkbox-fade label, .checkbox-zoom label {line-height:20px}

.checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"], .checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] {display:none}
.checkbox-fade label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-fade label input[type="radio"]:checked+.cr>.cr-icon, .checkbox-zoom label input[type="checkbox"]:checked+.cr>.cr-icon,
.checkbox-zoom label input[type="radio"]:checked+.cr>.cr-icon {transform:scale(1) rotateZ(0deg); opacity:1}
.checkbox-fade label input[type="checkbox"]+.cr>.cr-icon, .checkbox-fade label input[type="radio"]+.cr>.cr-icon, .checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon,
.checkbox-zoom label input[type="radio"]+.cr>.cr-icon {transform:scale(3) rotateZ(-20deg); opacity:0; transition:all 0.3s ease-in}
.checkbox-fade label:after,.checkbox-zoom label:after {content:''; display:table; clear:both}

.checkbox-fade.fade-in-disable .cr, .checkbox-fade.fade-in-disable label, .checkbox-zoom.fade-in-disable .cr, .checkbox-zoom.fade-in-disable label {color:#ccc; cursor:no-drop}
.checkbox-fade .cr, .checkbox-zoom .cr {border-radius:0; border:2px solid #01a9ac; cursor:pointer; display:inline-block; float:left; height:20px;
    margin-right:0.5em; position:relative; width:20px}
.checkbox-fade .cr .cr-icon, .checkbox-zoom .cr .cr-icon {color:#01a9ac; font-size:0.8em; left:0; line-height:0; position:absolute; right:0; text-align:center; top:50%}
.checkbox-fade label {line-height:20px}
.checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"] {display:none}
.checkbox-fade label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-fade label input[type="radio"]:checked+.cr>.cr-icon {transform:scale(1) rotateZ(0deg); opacity:1}
.checkbox-fade label input[type="checkbox"]+.cr>.cr-icon, .checkbox-fade label input[type="radio"]+.cr>.cr-icon {transform:scale(3) rotateZ(-20deg); opacity:0; transition:all 0.3s ease-in}
.checkbox-zoom label {line-height:20px}
.checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] {display:none}
.checkbox-zoom label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]:checked+.cr>.cr-icon {transform:scale3d(1, 1, 1) translate3d(0, 0, 0); opacity:1}
.checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]+.cr>.cr-icon {
    transform:scale3d(0.2, 0.2, 0.1) translate3d(0, 0, 0); opacity:0; transition:all 0.3s ease-in}

.checkbox-fade.fade-in-primary .cr, .checkbox-fade.zoom-primary .cr, .checkbox-zoom.fade-in-primary .cr, .checkbox-zoom.zoom-primary .cr {border:2px solid #01a9ac}
.checkbox-fade.fade-in-primary .cr .cr-icon, .checkbox-fade.zoom-primary .cr .cr-icon, .checkbox-zoom.fade-in-primary .cr .cr-icon, .checkbox-zoom.zoom-primary .cr .cr-icon {color:#01a9ac}
.checkbox-fade.fade-in-warning .cr, .checkbox-fade.zoom-warning .cr, .checkbox-zoom.fade-in-warning .cr, .checkbox-zoom.zoom-warning .cr {border:2px solid #fe9365}
.checkbox-fade.fade-in-warning .cr .cr-icon, .checkbox-fade.zoom-warning .cr .cr-icon, .checkbox-zoom.fade-in-warning .cr .cr-icon, .checkbox-zoom.zoom-warning .cr .cr-icon {color:#fe9365}
.checkbox-fade.fade-in-default .cr, .checkbox-fade.zoom-default .cr, .checkbox-zoom.fade-in-default .cr, .checkbox-zoom.zoom-default .cr {border:2px solid #e0e0e0}
.checkbox-fade.fade-in-default .cr .cr-icon, .checkbox-fade.zoom-default .cr .cr-icon, .checkbox-zoom.fade-in-default .cr .cr-icon, .checkbox-zoom.zoom-default .cr .cr-icon {color:#e0e0e0}
.checkbox-fade.fade-in-danger .cr, .checkbox-fade.zoom-danger .cr, .checkbox-zoom.fade-in-danger .cr, .checkbox-zoom.zoom-danger .cr {border:2px solid #fe5d70}
.checkbox-fade.fade-in-danger .cr .cr-icon, .checkbox-fade.zoom-danger .cr .cr-icon, .checkbox-zoom.fade-in-danger .cr .cr-icon, .checkbox-zoom.zoom-danger .cr .cr-icon {color:#fe5d70}
.checkbox-fade.fade-in-success .cr, .checkbox-fade.zoom-success .cr, .checkbox-zoom.fade-in-success .cr, .checkbox-zoom.zoom-success .cr {border:2px solid #0ac282}
.checkbox-fade.fade-in-success .cr .cr-icon, .checkbox-fade.zoom-success .cr .cr-icon, .checkbox-zoom.fade-in-success .cr .cr-icon, .checkbox-zoom.zoom-success .cr .cr-icon {color:#0ac282}
.checkbox-fade.fade-in-inverse .cr, .checkbox-fade.zoom-inverse .cr, .checkbox-zoom.fade-in-inverse .cr, .checkbox-zoom.zoom-inverse .cr {border:2px solid #404E67}
.checkbox-fade.fade-in-inverse .cr .cr-icon, .checkbox-fade.zoom-inverse .cr .cr-icon, .checkbox-zoom.fade-in-inverse .cr .cr-icon, .checkbox-zoom.zoom-inverse .cr .cr-icon {color:#404E67}
.checkbox-fade.fade-in-info .cr, .checkbox-fade.zoom-info .cr, .checkbox-zoom.fade-in-info .cr, .checkbox-zoom.zoom-info .cr {border:2px solid #2DCEE3}
.checkbox-fade.fade-in-info .cr .cr-icon, .checkbox-fade.zoom-info .cr .cr-icon, .checkbox-zoom.fade-in-info .cr .cr-icon, .checkbox-zoom.zoom-info .cr .cr-icon {color:#2DCEE3}
.checkbox-fade.fade-in-purple .cr, .checkbox-fade.zoom-purple .cr, .checkbox-zoom.fade-in-purple .cr, .checkbox-zoom.zoom-purple .cr {border:2px solid #553d7a}
.checkbox-fade.fade-in-purple .cr .cr-icon, .checkbox-fade.zoom-purple .cr .cr-icon, .checkbox-zoom.fade-in-purple .cr .cr-icon, .checkbox-zoom.zoom-purple .cr .cr-icon {color:#553d7a}

.checkbox-color {display:inline-block; margin-right:20px; cursor:pointer}
.checkbox-color label {display:inline-block; position:relative; padding-left:10px; line-height:20px}
.checkbox-color label::before {content:""; display:inline-block; position:absolute; top:0; width:20px; height:20px; left:0; right:0; text-align:center;
    margin-left:-20px; border:1px solid #ccc; border-radius:0; background-color:#fff; transition:border 0.15s ease-in-out, color 0.15s ease-in-out}
.checkbox-color label::after {display:inline-block; position:absolute; width:16px; height:16px; left:-1px; top:0; margin-left:-17px; padding-left:3px; padding-top:1px;
    font-size:11px; color:#fff}
.checkbox-color input[type="checkbox"] {opacity:0}
.checkbox-color input[type="checkbox"]:focus+label::before {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}
.checkbox-color input[type="checkbox"]:checked+label::after {font-family:'Font Awesome 5 Free'; content:"\f00c";
-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; font-weight:900;}
.checkbox-color input[type="checkbox"]:disabled+label {opacity:0.65}
.checkbox-color input[type="checkbox"]:disabled+label::before {background-color:#eee; cursor:not-allowed}
.checkbox-color.checkbox-circle label::before {border-radius:50%}
.checkbox-color.checkbox-inline {margin-top:0}
.checkbox-danger input[type="checkbox"]:checked+label::after, .checkbox-info input[type="checkbox"]:checked+label::after, .checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-success input[type="checkbox"]:checked+label::after, .checkbox-warning input[type="checkbox"]:checked+label::after {color:#fff}
.checkbox-primary input[type="checkbox"]:checked+label::before {background-color:#2196f3; border-color:#2196f3}
.checkbox-primary input[type="checkbox"]:checked+label::before {background-color:#01a9ac}
.checkbox-warning input[type="checkbox"]:checked+label::before {background-color:#fe9365}
.checkbox-default input[type="checkbox"]:checked+label::before {background-color:#e0e0e0}
.checkbox-danger input[type="checkbox"]:checked+label::before {background-color:#fe5d70}
.checkbox-success input[type="checkbox"]:checked+label::before {background-color:#0ac282}
.checkbox-inverse input[type="checkbox"]:checked+label::before {background-color:#404E67}
.checkbox-info input[type="checkbox"]:checked+label::before {background-color:#2DCEE3}
.checkbox-purple input[type="checkbox"]:checked+label::before {background-color:#6a4a9b}


/* #LAYOUT
------------------------------------------------------------*/
/* ----- default layout ----- */
/* width */
::-webkit-scrollbar {width:8px; height:8px;}
/* Track */
::-webkit-scrollbar-track {background:rgba(238,238,238,0.7);}
/* Handle */
::-webkit-scrollbar-thumb {background:rgba(187,187,187,0.6); border-radius:4px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:rgba(100,100,100,0.5);}

body.dark {position:relative; transition:0.5s;}
body.dark:before {position:absolute; content:""; width:100%; height:100%; overflow:hidden; background:#000; z-index:10; opacity:0.3; animation:dark linear 0.5s;}

@-webkit-keyframes dark {
    0% {opacity:0;}
    100% {opacity:0.3;}
}

@keyframes dark {
    0% {opacity:0;}
    100% {opacity:0.3;}
}

.container, .wrap {clear:both;}
.container:after, .wrap:after {content:''; display:block; clear:both;}
/* .wrap, .container {min-width:1200px;} */
.wrap {position:relative; width:100%; overflow:hidden;}
.container {margin:0 auto; padding:0; width:calc(100% - 40px) !important; position:relative;}

/*======================================
			skip navigation
========================================*/
.skipNavi {position:absolute; left:0;top:0; z-index:999; width:100%; text-align:center;}
.skipNavi a {position:absolute; top:-999px; left:-999px;}
.skipNavi a:focus, .skipNavi a:active, .skipNavi a:hover {display:block; top:0; left:0; padding:7px 10px 5px; background:#000; color:#fff; font-weight:bold; font-size:14px; text-decoration:none}

/* ----- header ----- */
.header {position:relative; width:100%; height:60px; z-index:200; position:relative; left:0; top:0; background:#072137; box-shadow:3px 3px 3px rgba(0,0,0,0.2);
        border-bottom:1px solid #305686;}

/* 상단 관리자페이지*/
ul.top_function_btn {display:block; width:100%; height:50px; padding:0 10px 0 0; margin:0; position:relative; border-bottom:1px solid #555; text-align:right; background:#fff;}
ul.top_function_btn:after {width:100%; height:0; clear:both;}
ul.top_function_btn li {list-style:none; padding:0; margin:0; display:inline-block; vertical-align:top; position:relative; font-size:12px; height:50px; line-height:50px; color:#333;}
ul.top_function_btn li a {color:#333; display:inline-block; min-width:40px; height:50px; line-height:50px; font-size:12px; margin-top:0px; text-align:center; position:relative;
	transition:0.2s;}
ul.top_function_btn li a:hover {color:#1ddfa1;}
ul.top_function_btn li a span.txt {display:none;}
ul.top_function_btn li a i {font-size:18px;}

ul.top_function_btn li.user_info span {color:#06a865;}


.header ul.util_m {overflow:hidden; position:absolute; right:0; top:0;}
.header ul.util_m li {list-style:none; width:60px; height:60px;}
.header ul.util_m .m_total_btn {cursor:pointer; -webkit-tap-highlight-color:transparent; transition:transform 400ms; -moz-user-select:none; -webkit-user-select:none;
  -ms-user-select:none; user-select:none; background:none;}
.header ul.util_m .m_total_btn.active {transform:rotate(45deg);}
.header ul.util_m .m_total_btn .line {fill:none; transition:stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#fff; stroke-width:5.5; stroke-linecap:round;}
.header ul.util_m .m_total_btn .stroke_top {stroke-dasharray:40 121;}
.header ul.util_m .m_total_btn .stroke_bottom {stroke-dasharray:40 121;}
.header ul.util_m .m_total_btn.active .stroke_top {stroke-dashoffset:-68px;}
.header ul.util_m .m_total_btn.active .stroke_bottom {stroke-dashoffset:-68px;}

.header h1 {padding:0; margin:0; position:absolute; z-index:99999; width:251px; height:39px; left:10px; top:10px;}
.header h1 a {display:inline-block; width:251px; height:39px; text-indent:-9999px; position:relative; background:url("http://dhaf.or.kr/resources/images/common/logo.png") no-repeat left top; background-size:251px 39px;}
.nav_area {box-shadow:0 5px 5px rgba(0,0,0,0.15);}
.nav_area .nav_bg_img {display:none;}



#nav {display:none; position:absolute; z-index:900; top:60px; width:100%; height:calc(100vh - 60px); padding:0; overflow-y:auto; overflow-x:hidden;}

/* 네비게이션 */
#nav .gnb {position:relative; background:#fff; width:100%; height:auto; word-break:keep-all; overflow:hidden; padding:0; margin:0;}
#nav .gnb li {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; list-style:none;}
#nav .gnb li.m_menu_close div {text-align:center; padding:20px 0; border-top:3px solid #999; border-bottom:3px solid #999; background:#d9d9d9;}
#nav .gnb li img {width:12px; height:10px; padding:2px 0 0 5px;}
#nav .gnb .depth_01 {float:none; clear:both;}
#nav .gnb .depth_01 a {display:block; width:100%; padding:12px 0; background:#06388f; color:#fff; text-indent:12px; border-bottom:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:18px; font-weight:700; letter-spacing:-0.5px;}
#nav .gnb .depth_01 a:hover {text-decoration:none; font-weight:700;}
#nav .gnb .depth_01 a:focus {text-decoration:none;}
#nav .gnb .depth_01 .gnb_dropdown {padding:0; margin:0; flex-wrap:wrap;}
#nav .gnb .depth_01 ul .depth_02 {float:left; width:50%; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
#nav .gnb .depth_01 ul .depth_02 a {padding:10px; background:#fff; color:#333; font-size:15px; border-bottom:none; font-weight:700; transition:0s; text-indent:0;}
#nav .gnb .depth_01 ul .depth_02 a:hover, #nav .gnb .depth_01 ul .depth_02 a:active, #nav .gnb .depth_01 ul .depth_02 a:focus {background:#1992a1; color:#fff; text-decoration:none;}
#nav .gnb .depth_01 ul .depth_02 a span {color:#fff; font-size:10px; display:inline-block; margin-left:5px; position:relative; top:-5px; background:#71a4aa; border-radius:3px;
	padding:1px 3px; letter-spacing:0; text-indent:0;}

#nav .a_disabled {color:#ccc !important; cursor:not-allowed; pointer-event:none;}
#nav .a_disabled:hover {background:transparent !important; color:#ccc !important;}

#nav ul.top_function_btn li .a_disabled {color:#777 !important; cursor:not-allowed;}
#nav ul.top_function_btn li .a_disabled:hover {background:transparent !important; color:#555 !important;}

/* ******************** 전체메뉴 ******************** */
.gnb_all_area {display:none;}

/* ----- footer ----- */
footer {background:#5d5d5d; padding:20px 10px; position:relative; height:auto; color:#fff; margin-top:0;}

footer img.logo {display:block;}

footer p {color:#d9d9d9; font-size:12px; line-height:14px; margin:0 0 6px;}

footer p.copyright {}
footer p.contact {}
footer p.contact span {display:inline-block; margin-right:15px; line-height:1.3;}
footer p.contact span a {color:#fff;}
footer p.contact span a:hover {color:#1ddfa1;}
footer p.contact span a.privacy {color:#1bcade; font-weight:bold;}

/* 240116 footer 수정 */
footer {background:#fff; border-top:1px solid #e0e0e0; word-break:keep-all;}
footer .logo {display:inline-block; margin-right:20px; margin-bottom:10px; width:60%;}
footer .logo > img {width:100%;}
footer ul {padding:0; margin:0; list-style:none; color:#000;}
footer .footer_txt {margin-top:10px;}
footer .footer_link {margin-bottom:20px;}
footer .footer_link li {display:inline-block; margin-right:25px;}
footer .footer_link li a {font-size:14px;}
footer .footer_link li:first-child a, footer .footer_link li a:hover  {color:#00b09d;}
footer .footer_info li {color:#000; display:inline-block; margin-right:20px; line-height:1.5em;}
footer .footer_info li:first-child {display:block;}
footer .footer_info li strong {margin-right:10px;}
footer .copyright {position:static; margin-top:12px; color:#929292; font-size:12px;}
footer .logo_link {display:inline-block; width:28%; height:60px; text-indent:-9999px; vertical-align:middle; background:url("../images/common/footer_logo_link.png") no-repeat center left; background-size:100%;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:450px){
	footer .logo_link {width:125px; background-size:auto;}
	footer .logo {width:246px;}
	footer .footer_link li:first-child {margin-right:35px;}
}
@media all and (min-width:520px){
	footer .logo_link {position:absolute; right:20px; top:10px; left:auto;}	
}

@media all and (min-width:768px){
	/* ----- header ----- */
	.header {height:60px;}

	.header ul.util_m {top:0;}
	.header h1 {top:10px;}

    /* navi */
    #nav {top:60px;}
    #nav .gnb .depth_01 a {padding:13px 0;}
    #nav .gnb .depth_01 ul .depth_02 a {padding:13px 0; transition:0.2s; text-indent:12px;}
    #nav .gnb .depth_01 ul .depth_02_add a {padding:13px 0;}

    /* ----- footer ----- */
	footer {padding:20px 0;}
	footer .footer_area {padding-left:260px; position:relative;}
	footer .footer_area p.contact {margin-bottom:0;}
	
	footer .logo {margin-bottom:0; position:absolute; left:15px; top:0;}
	
	
	/* 240116 footer 수정 */
	footer .footer_txt {margin-top:0; padding-top:10px; margin-left:30px;}
	footer .logo_link {top:-10px;}
	footer .footer_link li a {font-size:16px;}
}


@media all and (min-width:1020px){
	/* 240116 footer 수정 */
	footer .footer_txt {margin-left:70px;}
	footer .footer_info li:first-child {display:inline-block;}
	
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px){
	body .wrap {padding-top:90px;}

    /* navi */
	.header {border-bottom:none; height:90px; position:fixed; border-bottom:none; box-shadow:none;}
	.header ul.util_m {display:none;}

	.header h1 {z-index:950; position:absolute; top:23px; left:50%; margin-left:-600px; display:inline-block; width:290px; height:45px;}
    .header h1 a {width:290px; height:45px; left:0; top:0px; background-size:290px 45px;}

	/* 네비게이션 */
	.nav_area {width:100%; height:auto; margin:0 auto; position:relative; top:40px; z-index:800;}
	
	/* 상단 관리자페이지*/
	ul.top_function_btn {position:absolute; height:40px; right:60px; top:-40px; border-bottom:none; padding-right:0; right:50%; margin-right:-600px; background:transparent;}
	ul.top_function_btn li {margin-right:20px; height:40px; line-height:40px; color:#fff;}
	ul.top_function_btn li:last-child {margin-right:0;}
	ul.top_function_btn li a {min-width:auto; height:40px; line-height:40px; color:#fff;}
	ul.top_function_btn li a span.txt {display:inline-block;}
	ul.top_function_btn li a i {display:none;}
	ul.top_function_btn li.user_info span {color:#1ddfa1;}
	
	
	#nav {display:block; top:0px; height:auto; padding:0; overflow:visible; position:absolute; width:1200px; left:50%; transform:translate(-50%,0);}
	#nav:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	
 	#nav .gnb_close_btn {display:none;}
	#nav .gnb {position:relative; top:0; left:auto; right:0; margin:0; width:calc(100% - 340px); height:auto; overflow:visible; background:none; 
		box-sizing:content-box; float:right; display:flex; flex-wrap:wrap;}
	#nav .gnb li {box-sizing:border-box;}
	#nav .gnb li.m_menu_close {display:none;}
	#nav .gnb li.depth_01 {float:left; clear:none; height:auto; position:relative;}

	#nav .gnb.gnb5 li.depth_01 {width:20%;}
	#nav .gnb.gnb6 li.depth_01 {width:16.66666666666667%;}
	#nav .gnb.gnb7 li.depth_01 {width:14.2857%;}

	#nav .gnb li.depth_01 a {display:block; width:100%; padding:0; font-size:18px; height:auto; color:#fff; text-indent:0;
		text-align:right;  background:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-weight:500;}			
	#nav .gnb li.depth_01 > a {padding:0; height:50px; line-height:38px; border-bottom:none; display:inline-block; width:100%; position:relative; text-align:center;}
	#nav .gnb li.depth_01 > a:hover {color:#1ddfa1; transition:all 0.2s ease-out;}
	#nav .gnb li.depth_01 > a.hover {color:#1ddfa1;}
	#nav .gnb li.depth_01 > a:focus {text-decoration:none;}
	
	/* 호버 효과 */
	#nav .gnb>li.depth_01 > a > span {display:inline-block; position:relative; width:100%;}
	#nav .gnb>li.depth_01 > a > span:before {content:""; position:absolute; bottom:-12px; left:50%; transform:translate(-50%,0); width:0; height:6px; background-color:#1ddfa1; z-index:-1; visibility:hidden;}
	#nav .gnb>li.depth_01 > a.hover > span:before {width:100%; visibility:visible; transition:all 0.3s;}
    
    #nav .gnb li.depth_01 > ul.gnb_dropdown {display:none; position:relative; width:100%; overflow:hidden; padding:5px 0 5px 0; box-sizing:border-box; bakground:none; height:calc(100% - 50px);}
	#nav .gnb li.depth_01 ul.gnb_dropdown {margin:0; padding:20px 0; border-right:1px dashed #ccc;}
	#nav .gnb li.depth_01:nth-last-child(3) ul.gnb_dropdown {border-right:none;}
	#nav .gnb li.depth_01 ul .depth_02 {float:left; width:100%; padding:0 2px; box-sizing:border-box; border-bottom:none; border:none;}
	#nav .gnb li.depth_01 ul .depth_02 a {padding:10px 0 10px 30px; font-size:15px !important; color:#000; background:none; text-align:left; box-sizing:border-box;}
	#nav .gnb li.depth_01 ul .depth_02 a:hover {background:none; color:#1992a1; transition:all 0.2s ease-out;}
	#nav .gnb li.depth_01 ul .depth_02 a.on {background:none; color:#1992a1;}
	
    /* navi open */
    .nav_area.nav_open {transition:0.2s; background:rgba(255,255,255,0.99); height:295px;
		background:rgba(255,255,255,0.99); /* Old browsers */
		background:linear-gradient(to bottom,  transparent 0%,transparent 50px,rgba(255,255,255,0.99) 50px,rgba(255,255,255,0.99) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */
		border-bottom:1px solid #d9d9d9;
	}
	.nav_area.nav_open #nav {background:url("../images/common/nav_bg2.png") no-repeat left 0 bottom -150px;}
    .nav_area.nav_open #nav .gnb li.depth_01 a {font-weight:500;}
    .nav_area.nav_open #nav .gnb li.depth_01:before {background:#1992a1;}
    .nav_area.nav_open #nav .gnb li.depth_01 ul .depth_02 a {}
    /* 네비 bg이미지 */
    .nav_area.nav_open .nav_bg_img {display:inline-block; position:absolute; left:50%; top:160px; width:180px; margin-left:-480px;}
    
    
	/* ----- footer ----- */
	footer {padding:0;}
	footer .footer_area {width:1200px; height:80px; margin:0 auto;}
	footer .logo {left:-58px; top:23px;}
	
	footer p {position:absolute; top:33px; margin-bottom:0;}
	
	footer p.copyright {left:260px;}
	footer p.contact {right:0;}
	
	/* 240116 footer 수정 */
	footer .footer_area {height:170px;}
	footer .logo {left:0;}
	footer .footer_txt {padding-top:35px;}
	footer .logo_link {top:10px;}
	
	
	
	

}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px){
	.header h1 {margin-left:-700px;}
	
	/* 상단 관리자페이지*/
	ul.top_function_btn {margin-right:-700px;}

	/* 네비게이션 */
	#nav {width:1400px;}
	
	/* ----- footer ----- */
	footer .footer_area {width:1400px;}
	
}

/*======================================
			PC기반 CSS 1640 이상
========================================*/
@media all and (min-width:1640px){
	.header h1 {margin-left:-800px;}
	
	/* 상단 관리자페이지*/
	ul.top_function_btn {margin-right:-800px;}

	/* 네비게이션 */
	#nav {width:1600px;}
	
	/* ----- footer ----- */
	footer .footer_area {width:1600px;}
}




/*======================================
			Basic Setting
========================================*/

/* Common */
.col-repon-mobile	{display:none !important;}
.col-repon-tablet	{display:none !important;}
.col-repon-browser	{display:none !important;}

/* 태블릿 CSS */
@media all and (min-width:768px){
	.col-repon-mobile	{display:table-cell !important;}
	.col-repon-tablet	{display:table-cell !important;}
	.col-repon-browser	{display:none !important;}
}

/* PC기반 CSS 1240 이상 */
@media all and (min-width:1240px){
 	.col-repon-mobile	{display:table-cell !important;}
	.col-repon-tablet	{display:table-cell !important;}
	.col-repon-browser	{display:table-cell !important;}
}




















/*============================================================================================================================
											    MAIN PAGE CSS
=============================================================================================================================*/

/* #SUB PAGE
------------------------------------------------------------*/
.sub-visual, .solution-area {clear:both;}
.sub-visual:after, .solution-area:after {content:''; display:block; clear:both;}

/* ----- layout ----- */
.container.sub {position:relative; margin-top:50px;}
.container.sub .left-section {float:left; width:200px;}
.container.sub .right-section {float:right; width:900px;}



/* #INDEX PAGE
------------------------------------------------------------*/
#main {padding-bottom:50px;}

/* #LAYER-POPUP
------------------------------------------------------------*/
/* ----- layout ----- */
.pop-layer {z-index:1000;}
.pop-layer > .container, .pop-content, .pop-header, .pop-body, .pop-footer {clear:both;}
.pop-layer > .container:after, .pop-content:after, .pop-header:after, .pop-body:after, .pop-footer:after {content:''; display:block; clear:both;}
.pop-layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; ededed:999;}
.pop-layer:before {content:''; position:fixed; width:100%; height:100%; background-color:rgba(0, 0, 0, .5);}
.pop-layer > .container {position:relative; margin-left:auto; margin-right:auto;}
.pop-layer .pop-content {background-color:#fff;}

/* 메인 레이아웃 */
.wrap.main_body {padding-top:0;}
.wrap.main_body .header {background:rgba(0,0,0,0.5); position:fixed;}


/* ----- 팝업존 ----- */
.main_slide_wrap {position:relative;}
/* 플로팅배너 */
.main_slide_wrap .floating_banner {position:absolute; right:20px; bottom:0; z-index:2;}
.main_slide_wrap .floating_banner img {width:160px;}

.main_slide_wrap .main_slide_btn {position:absolute; left:20px; bottom:28px; width:20px; height:20px; border:none; outline:0; color:#fff; font-size:16px;}
.main_slide_wrap .main_slide_btn:after {content:"\f04c"; font-family:'Font Awesome 5 Free'; font-weight:900;}
.main_slide_wrap .main_slide_btn.on:after {content:"\f04b";}

.main_slide {width:100%; overflow:hidden; background-color:#fff; height:500px; position:relative;}
.main_slide.slick-dotted.slick-slider {margin-bottom:0px;}
.main_slide .img_view {width:100%; height:500px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.main_slide .img_view.s_1 {background-image:url("../images/main/popup/pop1.png");}
.main_slide .img_view.s_2 {background-image:url("../images/main/popup/pop2.png");}
.main_slide .img_view.s_3 {background-image:url("../images/main/popup/pop3.png");}
.main_slide .img_view.s_4 {background-image:url("../images/main/popup/pop4.png");}
.main_slide .img_view.s_5 {background-image:url("../images/main/popup/pop5.png");}
.main_slide .img_view.s_6 {background-image:url("../images/main/popup/pop6.png");}
.main_slide .img_view.s_7 {background-image:url("../images/main/popup/pop7.png");}
.main_slide .img_view.s_8 {background-image:url("../images/main/popup/pop8.png");}
.main_slide .img_view.s_9 {background-image:url("../images/main/popup/pop9.png");}
.main_slide .img_view.s_10 {background-image:url("../images/main/popup/pop10.png");}

.main_slide .img_view .pop_txt {position:absolute; color:#fff; text-align:left; left:30px; top:170px; max-width:calc(100% - 60px); word-break:keep-all;}
.main_slide .img_view h3 {z-index:2; font-size:35px; font-weight:500; letter-spacing:-1.5px; margin-bottom:25px;}
.main_slide .img_view h3 span {display:block; font-size:20px; font-weight:400; word-break:keep-all; margin:5px 0;}

.main_slide .img_view h3 a {display:block; width:120px; margin-top:30px}
.main_slide .img_view p {font-size:20px; font-weight:normal; margin-bottom:10px;}
.main_slide .slick-slide.slick-active h3 {display:block;}

.main_slide .img_view.s_2 .pop_txt {color:#404c59;}

.main_slide .slick-dots {bottom:20px; left:0px; position:absolute; text-align:left; padding-left:50px;}
.main_slide .slick-dots li button{width:16px; height:16px; border:2px solid #fff; position:absolute; top:0; left:0; border-radius:50%;}
.main_slide .slick-dots li button:hover{background:#fff; border:2px solid #fff; transition:0.2s;}
.main_slide .slick-dots li.slick-active button{background:#fff; cursor:default; border:2px solid #fff;}
.main_slide .slick-dots li button:before{content:""; display:none; opacity:0;}

/* ----- main section ----- */
.main_section {width:100%; padding:30px 30px 30px; overflow:hidden;}
.main_section h2.main_title {color:#333; font-size:28px; line-height:32px; font-weight:bold; text-align:center; word-break:keep-all;}
.main_section h2.main_title span {font-size:18px; line-height:24px; font-weight:normal; display:block; margin:10px 0 30px;}

.btn_detail {padding:10px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; background:#2f3988; font-size:15px; color:#fff; font-weight:bold;}

/* main_title */
h3.main_title {position:relative;}
h3.main_title .txt {position:relative; font-size:20px; line-height:28px; font-weight:bold; display:inline-block; background:#fff; padding:0 30px 0 0;}
h3.main_title a {position:absolute; right:0; top:0; padding:0 10px; font-size:16px; color:#333; display:inline-block; transition:0.2s; width:26px; height:26px;
	background:#fff url("../images/main/main_plus.png") no-repeat center center; border-radius:13px;}
h3.main_title a:hover {background:#d7e2ee url("../images/main/main_plus.png") no-repeat center center;}

/* 메인 게시판 */
.main_board_area {margin-bottom:40px;}
.main_board_area:last-child {margin-bottom:0;}
.main_board_area ul.main_board_list {padding:0; margin:25px 0 0; overflow:hidden;}
.main_board_area ul.main_board_list li {list-style:none; font-size:14px; line-height:21px;}
.main_board_area ul.main_board_list li a {display:inline-block; width:calc(100% - 80px); color:#333; transition:0.2s; font-weight:500;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_board_area ul.main_board_list li a:hover {color:#1992a1;}
.main_board_area ul.main_board_list li a:focus {text-decoration:none;}
.main_board_area ul.main_board_list li span {float:right; display:inline-block; text-align:right; width:80px; color:#666;}

/* 다가오는 일정 */
.main_schedule_slide {position:relative;}
.main_schedule_slide .main_schedule {overflow:hidden;}
.main_schedule_slide .main_schedule p {margin-top:25px; color:#06a865; font-size:18px;}
.main_schedule_slide .main_schedule h4 {color:#333; font-size:18px; line-height:26px; font-weight:bold; margin-top:10px;
	display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; 
	white-space:normal; height:52px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main_schedule_slide ul.slick-dots {text-align:right; bottom:-35px;}
.main_schedule_slide ul.slick-dots li {margin:0;}

/* 메인 링크 */
ul.main_link {padding:0; margin:0;}
ul.main_link:after {content:""; display:block; clear:both;}
ul.main_link li {padding:0; margin:0 4% 20px 0; width:48%; text-align:center; display:inline-block; float:left; list-style:none;}
ul.main_link li:nth-child(2n) {margin-right:0;}
ul.main_link li a {text-align:center; width:120px; height:120px; border-radius:60px; display:inline-block; color:#fff; transition:0.3s;}
ul.main_link li a:hover {box-shadow:0px 3px 30px 0 rgba(2, 2, 2, 0.4);}
ul.main_link li a img {display:inline-block; line-height:40px; margin-top:25px; height:40px;}
ul.main_link li a span {display:block; font-size:14px; margin-top:10px; letter-spacing:-1px;}
ul.main_link li:nth-child(1) a {background:#003276;}
ul.main_link li:nth-child(2) a {background:#005b8e;}
ul.main_link li:nth-child(3) a {background:#0eadb9;}
ul.main_link li:nth-child(4) a {background:#3684d9;}
ul.main_link li a:focus {text-decoration:none;}

/* 메인 배너 */
ul.main_banner {padding:0; margin:60px 0 0;}
ul.main_banner li {padding:0; margin:0; list-style:none; text-align:center;}
ul.main_banner li a {display:inline-block;}
ul.main_banner li a:focus {text-decoration:none;}
ul.main_banner li a img {width:100%; max-width:450px; height:auto;}

ul.main_banner .slick-dots {text-align:right;}

/* 후원 */
#mainBoard .main_con {position:relative;}
.sponsor {position:absolute; right:0; top:-35px;}

@media all and (max-width:1239px){
	.sponsor {position:relative; margin:60px auto 0; top:0; display:block;}
}

/* 메인 갤러리 */
.main_section.sec_gallery {padding-bottom:100px;}
ul.main_gallary {padding:0; margin:15px 0 0; text-align:center; overflow:hidden; font-size:0;}
ul.main_gallary li {list-style:none; padding:0; margin:0; display:inline-block; position:relative; width:50%;
	border:1px solid #d9d9d9; border-left:none; border-top:none;}
ul.main_gallary li:nth-child(2n - 1) {border-left:1px solid #d9d9d9;}
ul.main_gallary li:nth-child(1), ul.main_gallary li:nth-child(2) {border-top:1px solid #d9d9d9;}
ul.main_gallary li a {display:block; text-align:center; position:relative; padding-top:100%; overflow:hidden;}
ul.main_gallary li a span {display:inline-block;}
ul.main_gallary li a span.img {position:absolute; top:0; right:0; bottom:0; left:0; transform:translate(50%,50%);}
ul.main_gallary li a span.img img {position:absolute; top:0; left:0; width:auto; height:100%; transform:translate(-50%,-50%);}
ul.main_gallary li a span.txt_area {position:absolute; opacity:0; color:#fff; background:#003276; width:100%; height:100%;
	position:absolute; left:0; top:0; transition:0.3s; padding:0; word-break:keep-all;}
ul.main_gallary li a span.txt_area span.txt {overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; 
	display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; padding:0 20px;
	position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;
	font-size:18px; line-height:25px; height:75px;}
ul.main_gallary li a:hover span.txt_area {opacity:1;}

ul.main_gallary li.more {box-sizing:border-box;}
ul.main_gallary li.more a {transition:0.2s; background:#fff;}
ul.main_gallary li.more a:hover {background:#d1e9ff;}
ul.main_gallary li.more a span.img img {height:auto;}




/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
	/* ----- 팝업존 ----- */
	.main_slide .img_view .pop_txt {left:80px; top:200px;}
	.main_slide_wrap .main_slide_btn {left:50px;}
	.main_slide .slick-dots {padding-left:80px;}
	
	.main_slide .img_view p span {display:block;}
	
	/* 메인 링크 */
	ul.main_link li {margin:0 2.6666666666% 0 0; width:23%;}
	ul.main_link li:nth-child(2n) {margin-right:2.6666666666%;}
	ul.main_link li:nth-child(4n) {margin-right:0;}
	ul.main_link li a {width:160px; height:160px; border-radius:80px;}
	ul.main_link li a img {line-height:63px; margin-top:30px; height:auto;}
	ul.main_link li a span {font-size:18px; margin-top:15px;}
	
	/* 메인 갤러리 */
	ul.main_gallary li {width:33.33%;}
	ul.main_gallary li a span.txt_area span.txt {font-size:20px; line-height:28px; height:84px;}
	
	ul.main_gallary li:nth-child(2n - 1) {border-left:none;}
	ul.main_gallary li:nth-child(3n - 2) {border-left:1px solid #d9d9d9;}
	ul.main_gallary li:nth-child(1), ul.main_gallary li:nth-child(2), ul.main_gallary li:nth-child(3) {border-top:1px solid #d9d9d9;}
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px){
	/* .wrap.main_body .header {background:transparent;} */
	
	/* 플로팅배너 */
	.main_slide_wrap .floating_banner {right:auto; bottom:auto; left:50%; top:150px; margin-left:300px;}
	.main_slide_wrap .floating_banner img {width:auto; position:relative; z-index:10;}
	.main_slide_wrap .floating_banner:before {content:''; display:block; width:166px; height:166px;
    	background:#fc0d1b;
    	position:absolute; top:17px; left:36px; background-size:400%; z-index:1; opacity:0; transition:opacity .3s ease-in-out; 
    	border-radius:50%;}
    .main_slide_wrap .floating_banner:hover:before {opacity:1;}
    
	/* ----- 팝업존 ----- */
	.main_slide {height:500px;}
	.main_slide .img_view {height:500px;}
	.main_slide .img_view .pop_txt {left:50%; top:180px; margin-left:-590px;}
	.main_slide .img_view.s_1 .pop_txt {}
	.main_slide .img_view h3 {font-size:42px;}
	.main_slide .img_view h3 span {font-size:30px;}
	.main_slide .img_view p {font-size:24px;}
	
	.main_slide_wrap .main_slide_btn {left:50%; margin-left:-590px;}
	.main_slide .slick-dots {padding-left:0; left:50%; margin-left:-560px;}
	
	/* ----- main section ----- */
	.main_section {padding:35px 0;}
	.main_section .main_con, .container {width:1200px; margin:0 auto;}
	
	/* 메인 게시판 */
	.main_board_area {width:calc((100% - 530px) / 2); margin-right:40px; float:left; margin-bottom:0;}
	.main_board_area:last-child {margin-right:0; width:450px;}
	#mainBoard .container {width:1200px; margin:0 auto;}
	
	#mainBanner.main_section {padding-bottom:20px;}
	.main_section.sec_gallery {padding-top:0;}
	
	/* 메인 링크 */
	ul.main_link {width:calc(100% - 490px); margin-right:40px; float:left;}
	
	/* 메인 배너 */
	ul.main_banner {width:450px; float:right; margin-top:0;}
	
	/* 메인 갤러리 */
	ul.main_gallary li {width:16.6666666666667%; border-top:1px solid #d9d9d9;}
	ul.main_gallary li:nth-child(3n - 2) {border-left:none;}
	ul.main_gallary li:nth-child(1) {border-left:1px solid #d9d9d9;}
}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px){
	/* 플로팅배너 */
	.main_slide_wrap .floating_banner {margin-left:340px;}
	
	/* ----- 팝업존 ----- */
	.main_slide {height:500px;}
	.main_slide .img_view {height:500px;}
	.main_slide .img_view .pop_txt {top:180px; margin-left:-700px;}
	
	.main_slide_wrap .main_slide_btn {margin-left:-700px;}
	.main_slide .slick-dots {margin-left:-670px;}
	
	/* ----- main section ----- */
	.main_section .main_con, #mainBoard .container, .container {width:1400px;}
	
	/* 메인 게시판 */
	.main_board_area {width:calc((100% - 570px) / 2); margin-right:60px;}
	
	/* 메인 갤러리 */
	ul.main_gallary li a span.txt_area span.txt {font-size:23px; line-height:30px; height:90px;}
}

/*======================================
			PC기반 CSS 1640 이상
========================================*/
@media all and (min-width:1640px){
	/* 플로팅배너 */
	.main_slide_wrap .floating_banner {margin-left:375px;}
	
	/* ----- 팝업존 ----- */
	.main_slide .img_view .pop_txt {top:180px; margin-left:-800px;}
	
	.main_slide_wrap .main_slide_btn {margin-left:-800px;}
	.main_slide .slick-dots {margin-left:-770px;}
	
	/* ----- main section ----- */
	.main_section .main_con, #mainBoard .container, .container {width:1600px;}
	
	/* 메인 게시판 */
	.main_board_area {width:calc((100% - 610px) / 2); margin-right:80px;}
	
	/* 메인 갤러리 */
	ul.main_gallary li a span.txt_area span.txt {font-size:25px; line-height:35px; height:105px;}
}


/*============================================================================================================================
											    Sub Page CSS
=============================================================================================================================*/

/* 공통 css */
.contents-wrap {min-height:calc(100vh - 144px);-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:40px 0 100px;}
@media all and (min-width:1240px){
	.contents-wrap {min-height:calc(100vh - 170px);}
}
/* Sample Page */
.sample-page-txt {font-size:30px; color:#05b2f5; text-align:center; padding:20px 50px; border:5px solid #05b2f5; display:inline-block; position:fixed; left:50%; top:50%;
			transform:rotate(-15deg) translate(-50%, -50%); z-index:999; background:rgba(255,255,255,0.8);}

.page-title-big {font-size:30px; color:#333; margin:0 0 20px 0; padding:0 0 0 10px;}
.page-title-big:after {csontent:""; position:absolute; left:-4px; top:0; width:4px; height:4px; background:#6dbed5;}
.page-title-big img{height:33px; margin-right:10px; opacity:0.5; margin-bottom:7px;}

.page-title {font-size:18px; color:#333; margin:0 0 20px 0; padding:0 0 0 10px; border-left:4px solid #2c68a6; position:relative;}
.page-title:after {content:""; position:absolute; left:-4px; top:0; width:4px; height:4px; background:#6dbed5;}

.page-subtitle {font-size:16px; color:#333; margin:0 0 15px 0; padding:0; font-weight:bold;}

.circle-title {font-size:18px; color:#333; font-weight:normal; word-break:keep-all; line-height:30px; margin:0; text-align:left; overflow:hidden; padding-left:40px; position:relative;}
.circle-title span {display:inline-block; color:#fff; font-size:18px; line-height:30px; font-weight:normal; text-align:center; width:30px; height:30px; margin-right:10px;
					background:#193b93; border-radius:15px; position:absolute; left:0; top:0;}

.page-p {font-size:15px; color:#333; margin-bottom:8px; word-break:keep-all;}

.page-ul {paddibg:0; margin:0;}
.page-ul li {list-style:none; padding:0 0 0 16px; margin:0 0 5px 0; position:relative; word-break:keep-all; font-size:15px;}
.page-ul li:after {content:""; width:4px; height:4px; border-radius:2px; background-color:#333; left:5px; top:8px; font-size:15px; font-weight:normal; position:absolute;}

.page-ol {paddibg:0; margin:0;}
.page-ol li {list-style:none; padding:0 0 0 20px; position:relative; margin:0 0 5px 0; word-break:keep-all; font-size:15px;}
.page-ol > li:before {position:absolute; left:0; top:0;}
.page-ol > li:nth-child(1):before {content:"①";}
.page-ol > li:nth-child(2):before {content:"②";}
.page-ol > li:nth-child(3):before {content:"③";}
.page-ol > li:nth-child(4):before {content:"④";}
.page-ol > li:nth-child(5):before {content:"⑤";}
.page-ol > li:nth-child(6):before {content:"⑥";}
.page-ol > li:nth-child(7):before {content:"⑦";}
.page-ol > li:nth-child(8):before {content:"⑧";}
.page-ol > li:nth-child(9):before {content:"⑨";}
.page-ol > li:nth-child(10):before {content:"⑩";}
.page-ol > li:nth-child(11):before {content:"⑪";}
.page-ol > li:nth-child(12):before {content:"⑫";}
.page-ol > li:nth-child(13):before {content:"⑬";}
.page-ol > li:nth-child(14):before {content:"⑭";}
.page-ol > li:nth-child(15):before {content:"⑮";}
.page-ol li ol {padding:0 0 0 16px; margin:5px 0 0 0;}
.page-ol li ol li {list-style:decimal; padding-left:0;}

/* 상단으로 이동 버튼 */
a#backToTop {display:inline-block; background-color:#35acba; width:40px; height:40px; text-align:center; border-radius:4px; position:fixed; bottom:30px; right:30px;
  transition:background-color .3s, opacity .5s, visibility .5s; opacity:0; visibility:hidden; z-index:1000; border-radius:20px;}
a#backToTop:after {content:"\f077"; font-family:'Font Awesome 5 Free'; font-size:1.6em; line-height:40px; color:#fff;
  -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; font-weight:900;}
a#backToTop:hover {cursor:pointer; background-color:#3d6ba9;}
a#backToTop:active {background-color:#194786;}
a#backToTop.show {opacity:1; visibility:visible;}

/* board-title */
.sub-title {position:relative; padding:0 0 10px; margin-bottom:15px; /* border-bottom:4px solid #c4c4c4; */}
.sub-title h2 {display:inline-block; /* border-bottom:4px solid #265ca8; */ vertical-align:bottom; padding:0 10px 10px; margin:0 0 -14px 0; font-size:28px; font-weight:700; color:#222;}
.sub-title p {display:inline-block; font-size:13px; color:#7b7b7b; margin:0 0 0 15px;}
.sub-title ul {padding:0; margin:15px 0 0 0; overflow:hidden; display:inline-block; float:right;}
.sub-title ul li {float:left; display:inline-block; padding:0 15px 0 0; margin:0 0 0 5px; position:relative; font-size:13px; color:#7b7b7b;}
.sub-title ul li:after {font-family:'Font Awesome 5 Free'; font-style:normal; font-size:12px; content:"\f054"; color:#aaa; position:absolute; right:0; top:2px;
	-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; font-weight:900;}
.sub-title ul li:first-child {margin-left:0;}
.sub-title ul li:last-child {color:#333; font-weight:bold; padding-right:0;}
.sub-title ul li:last-child:after {display:none;}



/*  ****************************  리스트  ****************************  */
/* 반응형 */
.rwd-table-area {overflow-x:auto;}
.rwd-table-area .list-table {min-width:1024px;}
.rwd-table-area.small-table .list-table {min-width:768px;}

.rwd-table-area .form-table {min-width:1024px;}
.rwd-table-area.small-table .form-table {min-width:768px;}


/* 가로리스트 기본 스타일 */
.list-table {width:100%; background:#fff; word-break:break-all}
.list-table caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; opacity:0;}
.list-table thead, .list-table tbody {font-size:14px; text-align:center; }
.list-table thead {color:#333; border:1px solid #96adc3; border-bottom:none;}
.list-table tbody, .board_table tbody a {color:#333;}
.list-table thead tr th {padding:14px 3px; background:#fff; color:#2c68a6; border-bottom:2px solid #265ca8; vertical-align:middle; text-align:center; background:#f4f9ff;}}
.list-table thead tr th.in_th {padding:14px 3px; background:#fafafa; border-top:1px solid #dfe2e5; border-bottom:1px solid #dfe2e5; vertical-align:middle;}
.list-table thead tr th.border_left {border-left:1px solid #dfe2e5;}
.list-table tbody tr th {border-top:1px solid #dfe2e5; background:#fafafa;}
.list-table tbody tr td {padding:14px 3px; border-bottom:1px solid #dfe2e5; vertical-align:middle;}
.list-table tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px; word-break:keep-all;}
.list-table tbody tr td.subject.break-all {word-break:break-all;}
.list-table tbody tr td.break-all {word-break:break-all; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list-table tbody tr td a {font-weight:normal; transition:0.2s; color:#257bca;}
.list-table tbody tr td a.btn:hover, .list-table tbody tr td a.btn:focus {text-decoration:none;}
.list-table tbody tr td.border_left {border-left:1px solid #dfe2e5;}
.list-table tbody tr td span.download_file_item {display:inline-block; margin-right:3px;}
.list-table tbody tr td span.download_file_item:last-child {margin-right:0;}

.list-table tbody tr td.table_btn {padding:6px 3px;}

/*  ****************************  리스트 페이징  ****************************  */
.paging {margin-top:60px;}

/*  ****************************  관리자 버튼  ****************************  */
.btn_write{position:relative; width:100%;}
.btn_write a.wirteBtn{padding:9px 40px; display:inline-block; font-weight:500; line-height:16px; letter-spacing:-.5px; position:absolute; right:0; top:20px; background:#337ab7; color:#fff;}
.btn_write a.wirteBtn:hover{background:#2c3f6f;}
.btn-listView{border:1px solid rgba(0,0,0,1);}
.btn-listView:hover {border:1px solid rgba(0,0,0,1); background-color:rgba(0,0,0,0.1)}
.btn-delete{border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.5); color:#fff;}
.btn-delete:hover{border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.7); color:#fff;}

/*  ****************************  상세보기 화면  ****************************  */
/* 상세보기 화면 */
.viewwrap-brd {margin:0; width:100%; padding-top:0;}
.viewwrap-brd > .infobox {position:relative; padding-bottom:10px;}
.viewwrap-brd > .infobox > h4 {padding:0 10px; color:#000; font-size:24px; line-height:24px; width:calc(100% - 350px);}
.viewwrap-brd > .infobox > .info {position:absolute; right:10px; bottom:10px; font-size:14px; line-height:14px; width:350px; text-align:right;}
.viewwrap-brd > .infobox > .info span {display:inline-block; color:#333; padding-left:30px;}
.viewwrap-brd .viewwrap-brd-btn {text-align:center; margin:30px 0 70px;}

.download_file {font-size:13px; color:#333; padding:10px; line-height:20px; border-bottom:1px solid #d9d9d9; text-align:right;}
.download_file a {display:inline-block; margin-right:10px; padding:3px 0;}
.download_file a:hover {text-decoration:underline;}
.download_file a img {width:17px; height:20px; margin-right:3px;}

.editor_area {padding:20px 10px; min-height:400px; font-size:14px; line-height:1.5; color:#333; overflow:hidden; word-break:keep-all;}
.editor_area img {display:block;max-width:100%; height:auto; margin:0 auto;}
.editor_area p {margin-bottom:10px;}
.editor_area:after {clear:both;}

/* 이전글 현재글 다음글 */
.view-list-brd {width:100%; margin-top:30px;}
.view-list-brd caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;}
.view-list-brd tbody {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:15px; color:#333;}
.view-list-brd tbody tr.now_list {background:#f8f8f8;}
.view-list-brd tbody tr td {padding:14px 3px; border-bottom:1px solid #d9d9d9; text-align:center;}
.view-list-brd tbody tr td i {color:#aaa;}
.view-list-brd tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px;}
.view-list-brd tbody tr td.subject.break-all {word-break:break-all;}
.view-list-brd tbody tr:last-child td {border-bottom:none;}


/*  ****************************  쓰기 화면  ****************************  */
/* 쓰기 기본 :2단 이상용 */
.noticeWrite_wrap .form-table {border-collapse:collapse; font-size:14px; word-break:keep-all;}
.noticeWrite_wrap .form-table caption{position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;}
.noticeWrite_wrap .form-table tbody {border-top:3px solid #265ca8;}
.noticeWrite_wrap .form-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle; }
.noticeWrite_wrap .form-table tbody th {padding:10px 10px; background:#fafafa; text-align:center; color:#333; background-color:#fafafa; vertical-align:middle; border:1px solid rgba(0,0,0,0); border-bottom:1px solid #d9d9d9; }
.noticeWrite_wrap .form-table tbody td {padding:10px 10px; border-bottom:1px solid #d9d9d9; color:#333; line-height:30px; text-align:left; background:#fff; vertical-align:middle;}
.noticeWrite_wrap .form-table tbody td textarea {padding:10px;}
.noticeWrite_wrap .editor_area{padding:10px 10px; min-height:400px; font-size:14px; line-height:1.5; overflow:hidden; word-break:keep-all;}
.noticeWrite_wrap .editor_area img {display:block;max-width:100%; height:auto; margin:0 auto;}
.noticeWrite_wrap .editor_area p {margin-bottom:10px;}
.noticeWrite_wrap .editor_area:after {clear:both;}
.noticeWrite_wrap .filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.noticeWrite_wrap .filebox label {display:inline-block; padding:8px 20px; color:#fff; font-size:inherit; line-height:normal; vertical-align:middle; background-color:#265ca8; margin:0px;}
.noticeWrite_wrap .filebox .upload-name {display:inline-block; padding:.5rem 1rem; width:350px; font-size:inherit; font-family:inherit; line-height:normal; vertical-align:middle;}
.noticeWrite_wrap .filebox p.filebox_txt {display:inline-block; color:#4a5296; font-weight:bold; font-size:13px; padding-left:10px;}
.noticeWrite_wrap .saveBtn button{background:#265ca8; border:1px solid rgba(0,0,0,0);}
.noticeWrite_wrap .saveBtn button:hover{background:#2c3f6f; border:1px solid rgba(0,0,0,0);}

.form-table tbody td textarea {padding:10px;}

button.s_detail_addbtn {color:#666; transition:0.2s;}
button.s_detail_addbtn:hover {color:#1992a1;}



/*  ****************************  기본 테이블  ****************************  */
.lib-table {width:100%; background:#fff; word-break:keep-all;}
.lib-table caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;}

.lib-table thead, .list-table tbody {font-size:14px; text-align:center; }
.lib-table thead {color:#333; border:1px solid #85a9db;}
.lib-table thead tr th {padding:14px 8px; background:#eaf0ff; color:#2c68a6; vertical-align:middle; text-align:center;}
.lib-table thead tr th.border_left {border-left:1px solid #dfe2e5;}
.lib-table thead tr th.border_right {border-right:1px solid #dfe2e5;}

.lib-table tbody {border:1px solid #dfe2e5; border-top:none;}
.lib-table tbody, .board_table tbody a {color:#333;}
.lib-table tbody tr th {border-top:1px solid #dfe2e5; background:#fafafa;}
.lib-table tbody tr td {padding:14px 8px; border-bottom:1px solid #dfe2e5; vertical-align:middle; text-align:center;}
.lib-table tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px; word-break:keep-all;}
.lib-table tbody tr td.subject.break-all {word-break:break-all;}
.lib-table tbody tr td a {font-weight:normal;}
.lib-table tbody tr td a:hover {text-decoration:underline;}
.lib-table tbody tr td.border_left {border-left:1px solid #dfe2e5;}
.lib-table tbody tr td.border_right {border-right:1px solid #dfe2e5;}
.lib-table tbody tr td span.download_file_item {display:inline-block; margin-right:3px;}
.lib-table tbody tr td span.download_file_item:last-child {margin-right:0;}

/* 결과 테이블 스크롤 생성 */
.lib-table.scrolltbody {width:100%;}
.lib-table.scrolltbody thead {float:left; width:100%;}
.lib-table.scrolltbody tbody {overflow-y:auto; overflow-x:hidden; float:left; width:100%; /* height:470px */}
.lib-table.scrolltbody thead tr, .lib-table.scrolltbody tbody tr {display:table; width:100%;}
.lib-table.scrolltbody tbody tr {width:calc(100% + 8px); overflow:hidden;}
_:-ms-input-placeholder, :root .lib-table.scrolltbody tbody tr {width:calc(100% + 17px); overflow:hidden;}

.lib-table.scrolltbody.edicode th:nth-of-type(1), .lib-table.scrolltbody.edicode td:nth-of-type(1) {width:6%;}
.lib-table.scrolltbody.edicode th:nth-of-type(2), .lib-table.scrolltbody.edicode td:nth-of-type(2) {width:15%;}
.lib-table.scrolltbody.edicode th:nth-of-type(3), .lib-table.scrolltbody.edicode td:nth-of-type(3) {width:10%;}
.lib-table.scrolltbody.edicode th:nth-of-type(4), .lib-table.scrolltbody.edicode td:nth-of-type(4) {width:10%;}
.lib-table.scrolltbody.edicode th:nth-of-type(5), .lib-table.scrolltbody.edicode td:nth-of-type(5) {width:59%;}

.lib-table.scrolltbody.comcode th:nth-of-type(1), .lib-table.scrolltbody.comcode td:nth-of-type(1) {width:6%;}
.lib-table.scrolltbody.comcode th:nth-of-type(2), .lib-table.scrolltbody.comcode td:nth-of-type(2) {width:15%;}
.lib-table.scrolltbody.comcode th:nth-of-type(3), .lib-table.scrolltbody.comcode td:nth-of-type(3) {width:79%;}

.download_link a {transition:0.2s;}
.download_link a:hover {text-decoration:underline;}
.download_link img {display:inline-block; margin-right:5px;}

/*  ****************************  form 테이블  ****************************  */
/* 쓰기 기본 :2단 이상용 */
.form-table {width:100%; border-collapse:collapse; font-size:15px; word-break:keep-all;}
.form-table caption{position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;}
.form-table tbody {border-top:3px solid #85a9db;}
.form-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle;}
.form-table tbody th {padding:8px 10px; background:#f1f1f1; text-align:center; color:#333; border:1px solid #85a9db; border-top:none; vertical-align:middle;
					  position:relative; line-height:22px; border:1px solid rgba(0,0,0,0); border-bottom:1px solid #d9d9d9;}
_:-ms-input-placeholder, :root .form-table tbody th {background:rgba(241,241,241,0.7);}
.form-table tbody th.top-board:after {content:""; width:calc(100% + 2px); left:-1px; top:-1px; height:1px; background:#85a9db; position:absolute;}
.form-table tbody td {padding:8px 10px; border-bottom:1px solid #dfe2e5; color:#333; line-height:20px; text-align:left; background:#fff; vertical-align:middle; word-break:break-all;}
.form-table tbody td pre {font-size:14px; font-family:'NotoSansKR', 'Malgun Gothic', '맑은 고딕', Dotum, 'Apple SD Gothic Neo', Sans-serif; background:#fff; line-height:20px; border:0; border-radius:0;}
.form-table tbody td ul.form-table-ul {padding:0; margin:0;}
	.form-table tbody td ul.form-table-ul li {padding:0 0 0 14px; margin:0 0 3px 0; list-style:none; position:relative; line-height:25px;}
.form-table tbody td ul.form-table-ul li:after {position:absolute; content:""; width:4px; height:4px; left:3px; top:10px; background:#85a9db; border-radius:2px;}
.form-table tbody td textarea {padding:10px;}
.form-table tbody tr td:last-child /* {border-right:1px solid #dfe2e5;} */
.form-table tbody td a {transition:0.2s;}
.form-table tbody td a:hover {text-decoration:underline;}
.form-table tbody td a.btn:hover {text-decoration:none;}
.form-table tbody td .form-control {vertical-align:middle;}
.form-table tbody td .td_info {display:inline-block; vertical-align:middle; font-size:13px; line-height:18px; margin-left:10px;}
.form-table tbody td .btn {vertical-align:middle;}
.form-table tbody td .hyphen {width:10px; text-align:center; height:30px; line-height:30px; vertical-align:middle; display:inline-block;}


.form-table.write tbody th, .form-table.write tbody td {padding:7px 10px; line-height:18px;}
.form-table.write tbody td .img_area {text-align:center; padding-top:20px;}
.form-table.write tbody td .img_area img {max-width:100%;}

/*  ****************************  기본 데이터 테이블  ****************************  */
.data-table {width:100%; background:#fff; word-break:keep-all;}
.data-table caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;}

.data-table thead, .list-table tbody {font-size:14px; text-align:center; }
.data-table thead {color:#333; border:1px solid #85a9db;}
.data-table thead tr th {padding:14px 8px; background:#eaf0ff; color:#2c68a6; vertical-align:middle; text-align:center;}
.data-table thead tr th.border_left {border-left:1px solid #dfe2e5;}
.data-table thead tr th.border_right {border-right:1px solid #dfe2e5;}

.data-table tbody {border:1px solid #dfe2e5; border-top:none;}
.data-table tbody, .board_table tbody a {color:#333;}
.data-table tbody tr th {border-top:1px solid #dfe2e5; padding:14px 8px; background:#fafafa; text-align:center;}
.data-table tbody tr:first-child th {border-top:none;}
.data-table tbody tr td {padding:14px 8px; border-bottom:1px solid #dfe2e5; vertical-align:middle; text-align:center;}
.data-table tbody tr td.subject {text-align:left; padding:10px 10px; line-height:18px; word-break:keep-all;}
.data-table tbody tr td.subject.break-all {word-break:break-all;}
.data-table tbody tr td a {font-weight:normal;}
.data-table tbody tr td a:hover {text-decoration:underline;}
.data-table tbody tr td.border_left {border-left:1px solid #dfe2e5;}
.data-table tbody tr td.border_right {border-right:1px solid #dfe2e5;}
.data-table tbody tr td span.download_file_item {display:inline-block; margin-right:3px;}
.data-table tbody tr td span.download_file_item:last-child {margin-right:0;}

.data-table tbody ul.page-ul li {font-size:13px;}
.data-table tbody ul.page-ul li:after {top:7px;}

.table_info {margin-top:15px; font-size:13px; color:#666;}




/*  ****************************  form 테이블(모바일 범용)  ****************************  */
/* 쓰기 기본 :2단 이상용 */
.form-table2 {width:100%; border-collapse:collapse; font-size:15px; word-break:keep-all;}
.form-table2 caption{position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;}
.form-table2 tbody {border-top:3px solid #333;}
.form-table2 tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle;}
.form-table2 tbody th {padding:8px 10px; background:#f1f1f1; text-align:center; color:#333; border:1px solid #85a9db; border-top:none; vertical-align:middle;
					  position:relative; line-height:22px; border:1px solid rgba(0,0,0,0); border-bottom:1px solid #d9d9d9;}
_:-ms-input-placeholder, :root .form-table2 tbody th {background:rgba(225,231,248,0.7);}
.form-table2 tbody th.top-board:after {content:""; width:calc(100% + 2px); left:-1px; top:-1px; height:1px; background:#85a9db; position:absolute;}
.form-table2 tbody td {padding:8px 10px; border-bottom:1px solid #dfe2e5; color:#333; line-height:20px; text-align:left; background:#fff; vertical-align:middle; word-break:break-all; width:auto;}
.form-table2 tbody td pre {font-size:14px; font-family:'NotoSansKR', 'Malgun Gothic', '맑은 고딕', Dotum, 'Apple SD Gothic Neo', Sans-serif; background:#fff; line-height:20px; border:0; border-radius:0;}
.form-table2 tbody td ul.form-table-ul {padding:0; margin:0;}
.form-table2 tbody td ul.form-table-ul li {padding:0 0 0 14px; margin:0 0 3px 0; list-style:none; position:relative; line-height:25px;}
.form-table2 tbody td ul.form-table-ul li:after {position:absolute; content:""; width:4px; height:4px; left:3px; top:10px; background:#85a9db; border-radius:2px;}
.form-table2 tbody td textarea {padding:10px;}
.form-table2 tbody tr td:last-child /* {border-right:1px solid #dfe2e5;} */
.form-table2 tbody td a {transition:0.2s;}
.form-table2 tbody td a:hover {text-decoration:underline;}
.form-table2 tbody td a.btn:hover {text-decoration:none;}
.form-table2 tbody td .form-control {vertical-align:middle;}
.form-table2 tbody td .td_info {display:inline-block; vertical-align:middle; font-size:13px; line-height:18px; margin-left:10px;}
.form-table2 tbody td .btn {vertical-align:middle;}
.form-table2 tbody td .hyphen {width:10px; text-align:center; height:30px; line-height:30px; vertical-align:middle; display:inline-block;}



/* 팝업 알림창
------------------------------------------------------------*/
.wrap_layer {height:100%; left:0; position:fixed; top:0; width:100%; z-index:10001; background-color:rgba(0,0,0,.2);}
.layerType {position:absolute;}
.layerIn{overflow:hidden;
	position:relative;
}
.layerIn .layerTop {height:30px; line-height:30px; border-bottom:none; padding-top:4px;}
.layerTop .close {float:right; font-size:17px; font-weight:700; line-height:1; color:#969696; opacity:.9; margin-right:8px; margin-top:2px;}
.layerTop h5{padding:0 10px;color:#fff;background-color:#25436c;padding-left:33px;font-size:16px;}
.layerTop h4{color:#fff;padding:0 10px;font-size:12px;}
.layerCon{background:#fff; border-radius:6px;}
.layerCon .lineBox2{font-size:11px;border:solid 1px #e2e2e2;overflow:hidden;padding:5px 2%;}
.layerCon .lineBox2 ul li{float:left;width:24%;}
.layerCon .btnArea{text-align:center;clear:both;overflow:hidden;padding:10px;}
.layerCon .listDialog {border-collapse:collapse;width:100%;border-top:solid 2px #af8be4;border-right:solid 1px #e2e2e2;font-size:11px;}
.layerCon .listDialog th{padding:2px 0;background:#f9f9f9;text-align:center;border-bottom:solid 1px #e2e2e2;border-left:solid 1px #e2e2e2;color:#656565;}
.layerCon .listDialog td{padding:2px 5px;border-bottom:solid 1px #e2e2e2;border-left:solid 1px #e2e2e2;text-align:center;}
.layerCon .listDialog td.left{text-align:left;}
.layerCon .msg{padding:10px;display:table;height:calc(100% - 54px);width:100%;color:#4b5f71;}
.layerCon .msg .p{display:table-cell;vertical-align:middle;text-align:center;font-weight:bold;font-size:12px;width:100%;}
.layerCon .popContents{padding:10px;border-top:none;overflow-x:hidden;}
.layerCon .popContentsXscroll{padding:18px 17px 18px 17px;border:solid 3px #000000;border-top:none;overflow-x:auto;overflow-y:auto;}
.layerType .layerTop .btnClose{position:absolute;top:15px;right:22px;width:25px;height:22px;cursor:pointer;z-index:1103;}

.layerCon .popContents .contents {overflow:hidden; display:block; width:100%; height:100%; padding:4px; margin-bottom:20px; line-height:1.42857143;
    background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out;}
.layerCon .popContents .x_title_pop {padding:1px 5px 6px; margin-bottom:10px;}
.layerCon .popContents .x_title_pop .title {display:inline-block; padding:6px 12px; margin-bottom:0; font-size:12px; font-weight:400; line-height:1.42857143;
    text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-user-select:none;
    -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px;
	width:100%; border-radius:3px; color:#FFFFFF; background-color:#4B5F71; border-color:#364B5F;}
.layerCon .popContents .x_content_pop {padding:0 5px 6px; position:relative; width:100%; float:left; clear:both; margin-bottom:5px; height:calc(100% - 50px);}

.modal-content .ui-resizable-se {
  background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  background-repeat:no-repeat; background-position:center; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg); transform:rotate(45deg);}
.modal-content  .ui-resizable-se {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.modal-content  .ui-resizable-se {cursor:se-resize; width:20px; height:20px; right:0px; bottom:0; position:absolute;}

.modal-content .btn {border-radius:3px; padding:3px 10px;}

/*============================================================================================================================
											     Media Query
=============================================================================================================================*/
@media all and (min-width:1640px) {
	.container {width:1400px !important;}
}

@media all and (max-width:1639px) {
    .container {width:1400px !important;}

    /* ----- 메인 콘텐츠 ----- */
    .main-content {width:1400px;}

}


@media all and (max-width:1439px) {
    .container {width:1200px !important;}

    /* ----- 메인 콘텐츠 ----- */
    .main-content {width:1200px;}

}

@media all and (max-width:1239px) {
	.container {width:calc(100% - 40px) !important;}

    /* ----- 메인 콘텐츠 ----- */
    .main-content {width:100%;}
}



/* Modal css */
.modal {position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; outline:0;}
.modal-header {padding:15px 15px;}
.modal-header h3.modal-title {font-size:18px;}

.modal-footer {padding:10px 15px;}





/*============================================================================================================================
											     데이터 모델링
=============================================================================================================================*/
/* 공통 */
.full_layout {padding:20px 15px 16px; background:#ededed; font-size:12px;}
.overflow_hidden {overflow:hidden;}


.x_panel {position:relative; width:100%; margin-bottom:15px; padding:10px 17px; display:inline-block; background:#fff; border:1px solid #e1e1e1; border-radius:5px;
	-webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid; opacity:1; transition:all .2s ease;
	box-shadow:3px 3px 10px rgba(0,0,0,0.07);}
.x_panel:hover {box-shadow:0 8px 15px rgba(0, 0, 0, 0.12);}


h3.full_title {font-size:20px; font-weight:500; text-align:center;}
h3.full_title i {color:#257bca; margin-right:8px;}

.form-control {border-radius:0; width:100%; font-size:12px; height:30px; background-color:#fdfdfd; padding:3px 12px;}
.form-horizontal .control-label {padding-top:5px; padding-right:10px;}
.form-horizontal .control-label-left {padding-top:7px; margin-bottom:0; text-align:left;}
.form-control:focus {border-color:#CCD0D7; box-shadow:none !important;}
.form-horizontal .form-group {margin-right:0; margin-left:0;}
.form-control-feedback {margin-top:3px; height:24px; color:#bfbfbf; line-height:24px; font-size:15px;}
.form-control-feedback.left {border-right:1px solid #ccc; left:6px;}
.form-control-feedback.right {border-left:1px solid #ccc; right:13px; margin-right:-9px; font-size:15px !important;}
.form-control.has-feedback-left {padding-left:45px;}
.form-control.has-feedback-right {padding-right:45px;}
.form-group {margin-bottom:10px;}

.form-group.has-feedback span {display:block !important;}


.attachment-file .file-btn {border:1px solid #ccc; padding:4px 10px; margin-left:3px;}
.attachment-file .file-btn:hover {background:#eee;}
.attachment-file .has-feedback-left {width:20%; float:left; padding-left:5px;}
.attachment-file p {display:inline-block; color:#4a5296; font-weight:bold; font-size:13px; padding-left:5px;}
.attachment-file .name-upload {width:400px; float:left; padding-left:5px; font-size:12px; height:30px; padding:3px 12px;}

.left {float:left;}
.alignleft {float:left; margin-right:15px;}
.alignright {float:right; margin-left:15px;}
.clearfix:after, form:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.border-top {border-top:1px solid #d9d9d9 !important;}
.border-right {border-right:1px solid #d9d9d9 !important;}
.border-bottom {border-bottom:1px solid #d9d9d9 !important;}
.border-left {border-left:1px solid #d9d9d9 !important;}
.border-top-none {border-top:none !important;}
.border-right-none {border-right:none !important;}
.border-bottom-none {border-bottom:none!important;}
.border-left-none {border-left:none !important;}

/* title */
h1.main_title {font-size:24px; color:#000; font-weight:500; position:absolute; left:70px; top:30px; margin:0;}
h1.main_title i {margin-right:10px;}

h2.sub-title {font-size:22px; font-weight:500; color:#333; position:relative; padding:20px 0 10px; margin:0; border-bottom:3px solid #dadada;}
h2.sub-title span {display:inline-block; border-bottom:3px solid #64ac2f; vertical-align:bottom; padding:0 25px 12px; margin-bottom:-13px}
h2.sub-title p {display:inline-block; font-size:13px; color:#7b7b7b; margin:0 0 0 15px;}
h2.sub-title .fuction_btn_area {position:absolute; right:25px; top:13px;}
h2.sub-title .fuction_btn_area .btn i {margin-right:8px;}

h3.sub-title2 {font-size:15px; font-weight:500; color:#333; position:relative; padding:10px 10px 6px 25px; margin:0; margin-bottom:5px; clear:both;}
h3.sub-title2 span {display:inline-block; font-size:12px; color:#777; margin:0 0 0 15px;}
h3.sub-title2:before {content:""; display:inline-block; width:2px; height:14px; background:#64ac2f; position:absolute; left:15px; top:11px;}
h3.sub-title2:after {content:""; display:inline-block; width:2px; height:4px; background:#f4c11e; position:absolute; left:15px; top:11px;}
h3.sub-title2.empty {display:none;}

h4.sub-title3 {font-size:14px; font-weight:500; color:#333; position:relative; padding:10px 0 6px; margin:0; margin-bottom:5px;}


							
.wirteBtn-black {padding:9px 40px; display:inline-block; font-weight:500; line-height:16px; letter-spacing:-.5px; position:absolute; right:0; top:20px; background:#333; border:1px solid #333; color:#fff;}
.wirteBtn-black:hover, .wirteBtn-black:focus, .wirteBtn-black:active, .wirteBtn-black.active, .open .dropdown-toggle.wirteBtn-black
							{background:none; border-color:#000; color:#333;}
							
.wirteBtn-deep {color:#fff; background:#337ab7;}
.wirteBtn-deep:hover {color:#fff; background:#2c3f6f;}	


/*  ****************************  부트스트랩 페이징 버튼  ****************************  */
.pagination > li > a, .pagination > li > span {color:#ccc; border:0;}

.tui-grid-container .tui-pagination .tui-page-btn {color:#ccc; border:0;}
.tui-grid-container .tui-pagination .tui-first-child, .tui-pagination .tui-prev-is-ellip {border-left:0;}
.tui-grid-container .tui-pagination .tui-first-child.tui-is-selected, .tui-grid-container .tui-pagination .tui-last-child.tui-is-selected  {border-left:0; border-right:0;}
.tui-grid-container .tui-pagination .tui-is-selected, .tui-grid-container .tui-pagination strong {color:#333; background:none; border:0; border-bottom:2px solid #333;}


/*  ****************************  board-title  ****************************  */
.sub-title {margin-bottom:20px;}
.sub-title h2 {padding-left:0;}



.form-control-border {position:relative; width:100%; font-size:12px; border-bottom:1px solid #333;}


/*  ****************************  가로리스트 기본 스타일  ****************************  */
.list-table.basicSt {table-layout:fixed;}
.list-table.basicSt thead {border:0;}
.list-table.basicSt thead tr th {color:#333; background:#f5f5f5; border-bottom:3px solid #333;}
.list-table.basicSt tbody tr td a {color:#257bca;}

.pagingSt .pagination > .active > a, .pagingSt .pagination > .active > span, .pagingSt .pagination > .active > a:hover, .pagingSt .pagination > .active > span:hover, .pagingSt .pagination > .active > a:focus, .pagingSt .pagination > .active > span:focus 
{color:#333; background:none; border:0; border-radius:0;}

.btn-popup {width:100%; margin-right:5px; font-size:12px; transition:all 0.2s linear 0s; letter-spacing:0; border-radius:0;}


/*  ****************************  관리자 버튼  ****************************  */
.btn-delete{border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.4); color:#fff;}
.btn-delete:hover{border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.5); color:#fff;}


/*  ****************************  쓰기 화면  ****************************  */
/* 쓰기 기본 :2단 이상용 */
.noticeWrite_wrap .form-table tbody, .formRequstWrite_wrap .form-table tbody, .helpRequstView_wrap .form-table tbody, .helpRequstWrite_wrap .form-table tbody,
.formManageWrite_wrap .form-table tbody, .formRequstView_wrap .form-table tbody, .formManageView_wrap .form-table tbody, .dataRegistView_wrap .form-table tbody
{border-top:3px solid #333;}

.filebox .upload-name {display:inline-block; padding:.5rem 1rem; width:350px; font-size:inherit; font-family:inherit; line-height:normal; vertical-align:middle;}
.filebox label {display:inline-block; padding:8px 20px; color:#fff; font-size:inherit; line-height:normal; vertical-align:middle; background-color:#265ca8; margin:0px;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.filebox p.filebox_txt {display:inline-block; color:#4a5296; font-weight:bold; font-size:13px; padding-left:10px;}


.form-table .input-group {display:flex;}
.form-table .input-group .form-control.docs-date {width:212px;}
.form-table .input-group .input-group-append button.btn-outline-secondary {padding:5px 10px; height:30px; line-height:15px; border:1px solid #b9b9b9; border-left:0;}
.form-table .input-group .input-group-append button.btn-outline-secondary i {margin-right:0;}


/*  ****************************  상세보기 화면  ****************************  */
.viewwrap-brd > .infobox h4 {width:100%;}

.download_file a {padding-right:10px;}
.download_file a i {margin-right:10px;}

/* 이전글 현재글 다음글 */
.view-list-brd tbody tr td {background:#fff;}


/*  ****************************  팝업 스타일  ****************************  */
.layerCon .popContents .x_title_pop {margin-bottom:0; padding-bottom:0;}
.layerCon .popContents .x_title_pop .title {padding:5px 0; font-size:16px; border-radius:0; background:#333;}
.layerCon .popContents .contents {padding:30px 4px 10px; border-radius:0; border-top:0;}
.form-horizontal .control-label {font-weight:normal;}
.layerCon .popContents .contents .form-control {background:#fff; box-shadow:none;}

/* 메타관리 등록 팝업 스타일 */
.col-popBtn {text-align:center;}
.col-popBtn .wirteBtn.btn-black {width:200px;}



/*============================================================================================================================
											    포럼소개
=============================================================================================================================*/

/*  ****************************  연혁  ****************************  */
.cd-timeline {padding:0; color:#000; position:relative;}
.cd-timeline .timeline_present {font-size:18px; position:relative; padding-bottom:10px;}
.cd-timeline .timeline_present:after {content:''; position:absolute; top:30px; left:0px; width:16px; height:16px; background:#3b7fce; border-radius:50%; z-index:1;}
.cd-timeline__container {position:relative; padding:60px 0 0;}
.cd-timeline__container::before {content:''; position:absolute; top:0; left:7px; height:100%; width:2px; background:#000;}

.cd-timeline__block {display:flex; position:relative; z-index:1; margin-bottom:50px;}
.cd-timeline__block:last-child {margin-bottom:0;}

.cd-timeline__circle {display:flex; justify-content:center; align-items:center; -ms-flex-negative:0; flex-shrink:0; width:16px; height:16px;
    border-radius:50%; background:#000; margin-top:12px;}
.cd-timeline__circle::before {content:''; position:absolute; top:20px; left:16px; width:50px; height:0; border-bottom:1px solid #000;}

.cd-timeline__content {-ms-flex-positive:1; flex-grow:1; position:relative; margin-left:70px; background:none; padding:0; word-break:keep-all;}
.cd-timeline__content:last-child {margin-bottom:0;}
.cd-timeline__content h2 {font-weight:700; font-size:30px; line-height:40px; bottom:10px;}
.cd-timeline__content p.date {color:#686868; font-size:16px; line-height:24px; margin:0;}
.cd-timeline__content p.txt {color:#000; font-size:18px; line-height:26px; margin:0 0 8px;}
.cd-timeline__content p.img {padding-top:15px;}
.cd-timeline__content p.img img {max-width:100%; box-shadow:4px 4px 10px rgba(0,0,0,0.4);}


@media (min-width:64rem) {
	.cd-timeline .timeline_present {text-align:center;}
	.cd-timeline .timeline_present:after {top:30px; left:50%; margin-left:-8px;}

    .cd-timeline__container::before {left:50%; transform:translateX(-50%);}
    
    .cd-timeline__block {margin-bottom:0;}
    .cd-timeline__block.timeline_2019 {margin-top:-213px;}
    .cd-timeline__block.timeline_2018 {margin-top:-131px;}
    .cd-timeline__block.timeline_2017 {margin-top:-50px;}
    .cd-timeline__block:nth-child(even) {flex-direction:row-reverse;}
    .cd-timeline__block::before {top:24px;}
    
    .cd-timeline__circle {-ms-flex-order:1; order:1; will-change:transform; margin-top:16px;}
    .cd-timeline__block:nth-child(odd) .cd-timeline__circle {margin-left:calc(10% - 8px);}
    .cd-timeline__block:nth-child(even) .cd-timeline__circle {margin-right:calc(10% - 78px);}
    .cd-timeline__block .cd-timeline__circle::before {top:8px;}
    .cd-timeline__block:nth-child(odd) .cd-timeline__circle::before {left:calc(50% - 58px);}
    .cd-timeline__block:nth-child(even) .cd-timeline__circle::before {left:calc(50% + 8px);}
    
    .cd-timeline__content {width:40%; -ms-flex-positive:0; flex-grow:0; will-change:transform; font-size:0.8em; --line-height-multiplier:1.2;}
    .cd-timeline__content::before {top:24px;}
    .cd-timeline__block:nth-child(odd) {text-align:right;}
    .cd-timeline__block:nth-child(odd) .cd-timeline__content {margin-left:0;}
    
    
    .cd-timeline__circle--hidden, .cd-timeline__content--hidden {visibility:hidden;}
    .cd-timeline__circle--bounce-in {animation:cd-bounce-1 0.6s;}
    .cd-timeline__content--bounce-in {animation:cd-bounce-2 0.6s;}
    .cd-timeline__block:nth-child(even) .cd-timeline__content--bounce-in {animation-name:cd-bounce-2-inverse;}
}

@keyframes cd-bounce-1 {
    0% {opacity:0; transform:scale(0.5)}
    60% {opacity:1; transform:scale(1.2)}
    100% {transform:scale(1)}
}
@keyframes cd-bounce-2 {
    0% {opacity:0; transform:translateX(-100px)}
    60% {opacity:1; transform:translateX(20px)}
    100% {transform:translateX(0)}
}
@keyframes cd-bounce-2-inverse {
    0% {opacity:0; transform:translateX(100px)}
    60% {opacity:1; transform:translateX(-20px)}
    100% {transform:translateX(0)}
}



/*============================================================================================================================
											    사무국 안내
=============================================================================================================================*/

.dhaf_map_area {position:relative; overflow:hidden;}
.dhaf_map_area.map_img .bg_map {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.dhaf_map_area.map_img .map_txt_area a.map_btn {width:100px; right:35px; bottom:40px; position:absolute;}
.dhaf_map_area.map_img .map_btn {position:relative; text-indent:-9999px;}
.dhaf_map_area.map_img .map_btn:before {content:""; background:url("../images/sub/kakao_map.png") no-repeat center;
	left:50%; top:50%; transform:translate(-50%,-50%); display:block; position:absolute; width:100%; height:35px;}  
.dhaf_map_area.map_img .map_btn:hover:before {background:url("../images/sub/kakao_map_hover.png") no-repeat center;}

#dhafMap {width:100%; height:400px; position:relative;}
.map_txt_area { background:rgba(255,255,255,.8); padding:0; color:#434343; height:100%; position:relative;}
.map_txt_area .map_txt {width:100%; margin-top:40px; word-break:keep-all;}
.map_txt_area .map_txt h3 {font-size:23px; color:#111; font-weight:500; margin-bottom:15px;}
.map_txt_area .map_txt p {font-size:15px; margin-bottom:7px; color:#333; display:inline-block; font-weight:700;}
.map_txt_area .map_txt p.address, .map_txt_area .map_txt p.email {display:block;}
.map_txt_area .map_txt i {font-size:14px; margin-right:5px; color:#03A9F4; line-height:14px;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
	/* 오시는길 */
    #dhafMap {height:500px;}
    .map_txt_area {padding:40px 50px; position:absolute; height:auto; display:inline-block; z-index:110; right:10px; bottom:10px; box-shadow:-2px 5px 10px rgba(0,0,0,0.2);}
    .map_txt_area .map_txt:first-child {margin-top:0;}
    .map_txt_area .map_txt h3 {font-size:30px; font-weight:700;}
    .map_txt_area .map_txt p {font-size:17px;}
    .map_txt_area .map_txt i {font-size:15px; line-height:15px;}
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px){
	
}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px){
	
}

/*======================================
			PC기반 CSS 1640 이상
========================================*/
@media all and (min-width:1640px){
	
}




/*============================================================================================================================
											     	임원진
=============================================================================================================================*/
.executive_area .terms-move-menu {margin-top:30px; margin-bottom:45px;}
.executive_area .terms-move-menu ul {border-bottom:1px solid #d1d1d1; padding:0; margin:0;}
.executive_area .terms-move-menu ul li {display:inline-block; list-style:none;}
.executive_area .terms-move-menu ul li a {display:block; padding:10px 15px; font-size:20px; font-weight:500;}
.executive_area .terms-move-menu ul li a:hover, .executive_area .terms-move-menu ul li a:focus, .executive_area .terms-move-menu ul li a.active {color:#1992a1;}



.executive_area {position:relative; overflow:hidden;}
.executive_area h3.executive_title {font-size:26px; color:#000; text-align:center; margin:0 0 20px;}

.executive_area ul.executive_list {display:flex; flex-wrap:wrap; justify-content:center; padding-left:0; font-size:0;}
.executive_area ul.executive_list li {display:inline-block; list-style:none; padding:20px 20px; margin:0; text-align:center;}
.executive_area ul.executive_list li .executive_img {position:relative; width:150px; height:150px; display:inline-block; border-radius:50%; overflow:hidden; text-align:center; border:1px solid #ddd;}
.executive_area ul.executive_list li .executive_img img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:150px; width:auto;}
.executive_area ul.executive_list li h4 {font-size:20px; margin:20px 0 4px;}
.executive_area ul.executive_list li p {font-size:14px; line-height:22px;}
.executive_area ul.executive_list li p span {display:block;}





/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
	
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px){
	
	.executive_area ul.executive_list li {padding:20px 0;}

	.executive_area ul.executive_list.list_num4 li {width:25%;}
	.executive_area ul.executive_list.list_num4 li .executive_img {width:196px; height:196px;}
	.executive_area ul.executive_list.list_num4 li .executive_img img {height:196px;}
	.executive_area ul.executive_list.list_num4 li h4 {font-size:24px;}
	.executive_area ul.executive_list.list_num4 li p {font-size:17px; line-height:25px;}
	
	.executive_area ul.executive_list.list_num6 li {width:16.66666666666667%;}
	.executive_area ul.executive_list.list_num6 li .executive_img {width:134px; height:134px;}
	.executive_area ul.executive_list.list_num6 li .executive_img img {height:134px;}
	.executive_area ul.executive_list.list_num6 li h4 {font-size:20px;}
	.executive_area ul.executive_list.list_num6 li p {font-size:16px; line-height:24px;}
}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px){
	
}

/*======================================
			PC기반 CSS 1640 이상
========================================*/
@media all and (min-width:1640px){
	
}






/*============================================================================================================================
											    style2.css 
=============================================================================================================================*/

/*  ****************************  부트스트랩 페이징 버튼  ****************************  */
.pagination > li > a, .pagination > li > span {color:#ccc; border:0;}

.tui-grid-container .tui-pagination .tui-page-btn {color:#ccc; border:0;}
.tui-grid-container .tui-pagination .tui-first-child, .tui-pagination .tui-prev-is-ellip {border-left:0;}
.tui-grid-container .tui-pagination .tui-first-child.tui-is-selected, .tui-grid-container .tui-pagination .tui-last-child.tui-is-selected  {border-left:0; border-right:0;}
.tui-grid-container .tui-pagination .tui-is-selected, .tui-grid-container .tui-pagination strong {color:#333; background:none; border:0; border-bottom:2px solid #333;}


/*  ****************************  board-title  ****************************  */
.sub-title {margin-bottom:30px; height:45px;}
.sub-title h2 {position:absolute; padding-left:0; width:100%; text-align:center;}





/*  ****************************  상단 검색  ****************************  */
.search-box-area {margin-bottom:30px; text-align:center;}
.search-box-area div, .search-box-area label, .search-box-area select, .search-box-area input, .search-box-area button {display:inline-block; vertical-align:top;} /* important 제거 */
.search-box-area button#button_search {position:absolute; top:-8px; right:0; padding-right:0;}
.search-box-area button.icon_btn {position:relative; top:0; left:-30px; padding-right:0; transition:0.2s;}
.search-box-area button.icon_btn:hover {color:#1ddfa1;}
.search-box-area .form-horizontal .form-group {margin:0;}
.search-box-area .search-item {display:inline-block; vertical-align:top;/*  margin-bottom:10px; */ margin-right:15px;}
.search-box-area .search-item:last-child {position:relative; margin-right:0;}
/* .search-box-area .search-item .border-checkbox-section {padding-top:8px;}
.search-box-area .search-item .border-checkbox-section .border-checkbox-label {left:-15px; margin-right:0px;} */
.search-box-area .search-item input[type="search"] {padding-bottom:4px; width:280px;}
.search-box-area .search-item input:focus {outline:none;}
.search-box-area .search-item input.form-control-border {padding-bottom:4px;}
.search-box-area .control-label {padding-top:7px; font-size:14px; color:#333; font-weight:500; text-align:right; vertical-align:top;}
.search-box-area .btn-blue {margin-top:0px;}
.search-box-area .btn {font-weight:normal;}
.search-box-area .hyphen {width:10px; text-align:center; height:35px; line-height:35px; vertical-align:top;}

.search-box-area .search-item button, .search-box-area .search-item input, .search-box-area .search-item select {margin-bottom:10px;}
.search-item select {min-width:150px; appearance:none; background:url("../images/common/select_arrow.png") no-repeat 95% 50%; padding-bottom:4px;}

.search-box-area .search-item label {display:inline-block; margin-right:10px; font-weight:normal;}
.search-box-area .search-item label.label_color {color:#2a8c3f; font-weight:bold;}

/* 시스템관리 */
.search-box-area.system-search {text-align:left;}
.search-box-area.system-search .hyphen {width:10px; text-align:center; height:21px; line-height:21px; vertical-align:top;}
.search-box-area.system-search .search-item {margin-right:30px;}

.form-control-border {position:relative; width:100%; font-size:12px; border-bottom:1px solid #333;}

/* 관리자 테이블 상단 */
.table_top {text-align:right; position:relative; margin-bottom:10px;}
.table_top p.table_top_num {position:absolute; left:0; top:5px; font-size:14px;}
.table_top p.table_top_num span {font-weight:bold; color:#2a8c3f;}


/*  ****************************  가로리스트 기본 스타일  ****************************  */
.list-table.basicSt thead {border:0;}
.list-table.basicSt thead tr th {color:#333; background:#f5f5f5; border-bottom:3px solid #333;}
.list-table.basicSt tbody tr td a {color:#257bca;}

.pagingSt .pagination > .active > a, .pagingSt .pagination > .active > span, .pagingSt .pagination > .active > a:hover, .pagingSt .pagination > .active > span:hover, .pagingSt .pagination > .active > a:focus, .pagingSt .pagination > .active > span:focus 
{color:#333; background:none; border:0; border-radius:0;}

.btn-popup {width:100%; margin-right:5px; font-size:12px; transition:all 0.2s linear 0s; letter-spacing:0; border-radius:0;}


/*  ****************************  관리자 버튼  ****************************  */
.btn-delete{border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.4); color:#fff;}
.btn-delete:hover{border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.5); color:#fff;}


/*  ****************************  쓰기 화면  ****************************  */
/* 쓰기 기본 :2단 이상용 */
.noticeWrite_wrap .form-table tbody, .formRequstWrite_wrap .form-table tbody, .helpRequstView_wrap .form-table tbody, .helpRequstWrite_wrap .form-table tbody,
.formManageWrite_wrap .form-table tbody, .formRequstView_wrap .form-table tbody, .formManageView_wrap .form-table tbody, .dataRegistView_wrap .form-table tbody
{border-top:3px solid #333;}

.filebox .upload-name {display:inline-block; padding:.5rem 1rem; width:350px; font-size:inherit; font-family:inherit; line-height:normal; vertical-align:middle;}
.filebox label {display:inline-block; padding:8px 20px; color:#fff; font-size:inherit; line-height:normal; vertical-align:middle; background-color:#265ca8; margin:0px;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.filebox p.filebox_txt {display:inline-block; color:#4a5296; font-weight:bold; font-size:13px; padding-left:10px;}

span.required {display:inline-block; margin-left:2px; vertical-align:middle; color:#b50c0c;}

/*  ****************************  상세보기 화면  ****************************  */
/* .viewwrap-brd > .infobox {border-top:3px solid #333; border-bottom:1px soild #333;} */
.viewwrap-brd > .infobox h4 {width:100%;}

.download_file a {padding-right:10px;}
.download_file a i {margin-right:10px;}

/* 이전글 현재글 다음글 */
.view-list-brd tbody tr td {background:#fff;}




/*============================================================================================================================
											   등록 팝업
=============================================================================================================================*/
/* 사용자 관리 화면 팝업 */
div#div_modifySaveUser {display:block !important;}

/* 권한 관리 화면 팝업 */
div#div_deleteSaveAuth {display:block !important;}


/*  ****************************  관리자 버튼  ****************************  */
.btn_write a i.fa-long-arrow-alt-right {margin-left:10px; vertical-align:middle; font-size:20px;}


/*  ****************************  상단 메뉴 버튼  ****************************  */
.link-btn-box {margin-bottom:60px;}
.link-btn-box ul.link-btn {margin:0 auto; text-align:center; font-size:0; padding:0;}
.link-btn-box ul.link-btn:after {content:""; display:block; float:none; clear:both; height:0 !important; width:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.link-btn-box ul.link-btn li{display:inline-block; list-style:none; width:50%; float:left;}
/* .link-btn-box ul.link-btn li, .link-btn-box.link_board ul.link-btn li {display:inline-block; list-style:none; width:50%; float:left;} */
.link-btn-box.link_board ul.link-btn li {width:100%;}
.link-btn-box ul.link-btn li a {padding:10px 0; display:block; width:100%; text-align:center; font-size:18px; font-weight:500; line-height:16px; letter-spacing:-.5px; 
	background:#fff; color:#333; text-decoration:none; border:1px solid #333; border-left:0; border-top:none;}
.link-btn-box.link_board ul.link-btn li a {border-left:1px solid #333;}
.link-btn-box ul.link-btn li:nth-child(2n - 1) a {border-left:1px solid #333;}
.link-btn-box ul.link-btn li:nth-child(1) a, .link-btn-box ul.link-btn li:nth-child(2) a {border-top:1px solid #333;}
.link-btn-box ul.link-btn a:hover, .link-btn-box ul.link-btn a:focus, .link-btn-box ul.link-btn a:active, .link-btn-box ul.link-btn a.active, open .dropdown-toggleul.link-btn-box ul.link-btn a
						  {background:#000; border-color:#000; color:#fff;} 

.link-btn-box.link_board ul.link-btn li:nth-child(2) a {border-top:0;}

						  
/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
	.link-btn-box ul.link-btn li {width:16.666%; max-width:240px; float:none;}
	.link-btn-box ul.link-btn li a {border-top:1px solid #333;}
	.link-btn-box ul.link-btn li:nth-child(2n - 1) a {border-left:none;}
	.link-btn-box ul.link-btn li:first-child a {border-left:1px solid #333;}
	
	.link-btn-box.link_board ul.link-btn li {width:50%; max-width:100%;}
	.link-btn-box.link_board ul.link-btn li a {border-left:1px solid #333;}
	.link-btn-box.link_board ul.link-btn li:nth-child(2) a {border-top:1px solid #333;}
	.link-btn-box.link_board ul.link-btn li:nth-child(2n) a {border-left:0;}
	.link-btn-box.link_board ul.link-btn li:nth-child(3) a, .link-btn-box.link_board ul.link-btn li:nth-child(4) a {border-top:0;} 
}

@media all and (min-width:1020px){
	.link-btn-box.link_board ul.link-btn li {max-width:250px; width:25%;}
	.link-btn-box.link_board ul.link-btn li:nth-child(3) a, .link-btn-box.link_board ul.link-btn li:nth-child(4) a {border-top:1px solid #333;}
	.link-btn-box.link_board ul.link-btn li:nth-child(3) a {border-left:0;}
	
}

@media all and (min-width:1240px){
	/* .link-btn-box.link_board ul.link-btn li {max-width:280px; width:25%; float:none;} */
	}


/*  ****************************  쓰기 화면  ****************************  */
.form-table tbody {border-top:3px solid #333;}
.form-table tbody td span.ex-txt {display:block; margin-top:5px; color:#999; font-size:13px;}


/* 가로리스트 기본 스타일 */
.list-table tbody tr td.subject-td {}
.list-table.basicSt tbody tr td a {color:#333;}
.list-table.basicSt tbody tr td a:hover {text-decoration:underline;}


/* 리플 기본 스타일 */
span.reply {display:inline-block; width:23px; margin-left:25px; margin-right:5px; height:16px; border-radius:8px; position:relative; color:#fff;
   background:#15aef7; font-size:10px; line-height:16px; text-align:center;}
span.reply:before {content:""; display:inline-block; position:absolute; left:-15px; top:-4px; width:12px; height:13px; 
   border-left:2px dotted #ccc; border-bottom:2px dotted #ccc;}


/* 이전글 현재글 다음글 */
.view-list-brd tbody tr td.arrow {text-align:left;}
.view-list-brd tbody tr td.arrow i {margin-right:5px;}


/*  ****************************  board-title  ****************************  */
.info-local:after {content:""; display:block; clear:both;}
.info-local ul {padding:0; margin:0 0 10px; overflow:hidden; display:inline-block; float:right;}
.info-local ul li {float:left; display:inline-block; padding:0 15px 0 0; margin:0 0 0 5px; position:relative; font-size:13px; color:#7b7b7b;}
.info-local ul li:after {font-family:'Font Awesome 5 Free'; font-style:normal; font-size:12px; content:"\f054"; color:#aaa; position:absolute; right:0; top:2px;
	-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; font-weight:900;}
.info-local ul li:first-child {margin-left:0;}
.info-local ul li:last-child {color:#333; font-weight:bold; padding-right:0;}
.info-local ul li:last-child:after {display:none;}


/*  ****************************  상세보기 화면  ****************************  */
.viewwrap-brd > .infobox {padding:10px 0; text-align:center; border-top:3px solid #333; border-bottom:1px solid #ddd;}
.viewwrap-brd > .infobox h4 {margin-bottom:15px;}
.viewwrap-brd > .infobox h5 {margin-bottom:15px; color:#888; font-size:15px;}
.viewwrap-brd > .infobox span.info-date {color:#888;}

/* 이전글 현재글 다음글 */
.view-list-brd {margin-bottom:40px;}

/* 출처 새창 바로가기 */
.sorce-blank {margin-top:20px;}
.sorce-blank p {font-size:14px;}
.sorce-blank p a {text-decoration:underline;}
.sorce-blank p a i {margin-left:5px;}

/* 목록 등 버튼 */
.viewwrap-brd-btn {text-align:center;}
/* .viewwrap-brd-btn.free-btn {margin:0 auto; width:250px;}
.viewwrap-brd-btn.free-btn a.btn {margin-top:10px;}
.viewwrap-brd-btn.free-btn a.btn.viewBtn:nth-child(2) {margin-right:0;} */
.viewwrap-brd-btn a:hover {text-decoration:underline;}


/* 다운로드 */
.download_file {padding-right:0; border-bottom:0;}
.download_file a {margin-right:0; padding-right:0;} 

/*============================================================================================================================
											   			갤러리 화면
=============================================================================================================================*/
.gallery-board-wrap .first-gallery {margin-bottom:40px;}
.gallery-board-wrap .sub-title-area {position:relative; padding-bottom:40px;}
.gallery-board-wrap .sub-title-area .viewwrap-brd-btn {position:absolute; top:0; right:0; }
.gallery-board-wrap .gallery-list-area ul:after {content:""; display:block; clear:both;}
.gallery-board-wrap .gallery-list-area ul {display:block; position:relative; width:100%; width:calc(100% + 30px); margin:-15px;}
.gallery-board-wrap .gallery-list-area ul li.list-item {position:relative; display:block; float:left; padding:15px; width:25%; list-style:none; box-sizing:border-box;}
.gallery-board-wrap .gallery-list-area ul li.list-item a {position:relative; overflow:hidden; display:block; width:100%; height:250px; border:1px solid #d9d9d9; box-sizing:border-box; text-decoration:none;}
.gallery-board-wrap .gallery-list-area ul li.list-item a img {width:auto; height:100%;}


/*============================================================================================================================
											   			포럼소개 화면
=============================================================================================================================*/

/* 포럼장관 화면 */
.terms-wrap .terms-top {overflow:hidden;}
.terms-wrap span.terms-top-txt {height:35px; line-height:35px; font-size:18px; float:left;}
.terms-wrap .terms-top-date {padding:5px 10px; width:150px; height:35px; font-size:16px; float:right; border:1px solid #ccc;}

.terms-wrap .terms-move-menu {margin-top:30px; margin-bottom:45px;}
.terms-wrap .terms-move-menu ul {border-bottom:1px solid #d1d1d1; padding:0; margin:0;}
.terms-wrap .terms-move-menu ul li {display:inline-block; list-style:none;}
.terms-wrap .terms-move-menu ul li a {display:block; padding:10px 15px; font-size:20px; font-weight:500;}
.terms-wrap .terms-move-menu ul li a:hover, .terms-wrap .terms-move-menu ul li a:focus, .terms-wrap .terms-move-menu ul li a:active {}

.terms-wrap h3 {color:#003680; font-size:22px;}
.terms-wrap h4 {color:#000; font-weight:bold; margin-bottom:7px;}
.terms-wrap ul, .terms-wrap ol, .terms-wrap li {padding:0; margin:0;}
.terms-wrap ul > li {list-style:none;}
.terms-wrap .terms-list {margin:30px 0 40px; font-size:17px; line-height:26px; padding:0;}
.terms-wrap .terms-list > li {margin-bottom:40px;}
.terms-wrap .terms-list p {margin-bottom:3px;}
.terms-wrap .terms-list ol {padding-left:28px;}
.terms-wrap .terms-list ol li {position:relative;}
.terms-wrap .terms-list ol li ol {padding-left:20px;}
.terms-wrap .terms-list ol li ol li {list-style:none;}
.terms-wrap .terms-list ol li ol li:before {content:""; position:absolute; left:-20px;}
.terms-wrap .terms-list ol li ol li:nth-child(1):before {content:"1)";}
.terms-wrap .terms-list ol li ol li:nth-child(2):before {content:"2)";}
.terms-wrap .terms-list ol li ol li:nth-child(3):before {content:"3)";}
.terms-wrap .terms-list ol li ol li:nth-child(4):before {content:"4)";}
.terms-wrap .terms-list ol li ol li:nth-child(5):before {content:"5)";}
.terms-wrap .terms-list ol li ol li:nth-child(6):before {content:"6)";}
.terms-wrap .terms-list ol li ol li:nth-child(7):before {content:"7)";}
.terms-wrap .terms-list ol li ol li:nth-child(8):before {content:"8)";}
.terms-wrap .terms-list ol li ol li:nth-child(9):before {content:"9)";}
.terms-wrap .terms-list ol li ol li:nth-child(10):before {content:"10)";}




/* === 게시판 버튼 === */
.viewwrap-brd-btn a {width:100px;}
.viewwrap-brd-btn a.btn.answer {margin-right:5px;}


@media all and (max-width:1239px) {
	/* 게시판 - 갤러리 */
	.gallery-board-wrap .gallery-list-area ul li.list-item {width:33.333%;}	
	
}

@media all and (max-width:958px) {
	/* 게시판 - 갤러리 */
	.gallery-board-wrap .gallery-list-area ul li.list-item {width:50%;}	
	
}
						

@media all and (max-width:500px){
	
	
	.viewBtn {width:90px !important;}
	/* 게시판 - 갤러리 */
	.gallery-board-wrap .gallery-list-area ul li.list-item {width:100%;}	
	
	/* 게시판 - 자유게시판 버튼 */
	.viewwrap-brd-btn.free-btn {margin:0 auto; width:250px;}
	.viewwrap-brd-btn.free-btn a.btn {margin-top:10px;}
	.viewwrap-brd-btn a.btn.answer {margin-right:0;}
	
	/* 포럼소개 - 연혁 */
	.cd-timeline__content p.img img {width:100%;}
	
}


	


/*============================================================================================================================
											   			인사말
=============================================================================================================================*/
/* 인사말 */
.intro-wrap {text-align:center; word-break:keep-all;}
.intro-wrap h3 {margin-top:30px; margin-bottom:10px; font-size:28px; letter-spacing:-0.8px;}
.intro-wrap span {font-size:20px;}
.intro-wrap p {margin:45px auto; width:100%; font-size:20px; line-height:26px;}

.greetings-wrap {word-break:keep-all;}
.greetings-wrap .chairman-int {position:relative;}
.greetings-wrap .chairman-int .chairman-img-area {text-align:center; display:block;}
.greetings-wrap .chairman-int .chairman-img-area img {max-width:100%;}
.greetings-wrap .chairman-int p {margin:20px -20px 0; padding:40px 20px; color:#fff; font-size:18px; line-height:30px; background:#154167;}
.greetings-wrap .chairman-int p strong {font-size:22px; line-height:40px;}
.greetings-wrap .chairman-int p strong span.name {font-size:30px; line-height:1;}
			
.greetings-wrap .chairman-academic-box {margin-top:30px; margin-bottom:45px;}
.greetings-wrap .chairman-academic-box p {margin-bottom:40px; font-size:24px; font-weight:700;}
.greetings-wrap .chairman-academic-box img {display:block; margin:0 auto; width:auto; max-width:100%;}

.greetings-wrap .chairman-txt-box p {margin-bottom:50px;font-size:18px;}
.greetings-wrap .chairman-txt-box p strong {font-size:24px; display:block; margin-bottom:40px;}
.greetings-wrap .chairman-txt-box span.chairman-name {display:block; font-size:18px; text-align:right;}
.greetings-wrap .chairman-txt-box span.chairman-name strong {padding-left:20px; font-size:30px;}

span.br {display:inline;}
span.chairman-name strong {font-size:20px;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
	
	/* 게시판 버튼 */
	.viewwrap-brd-btn a {width:118px;}
	
	.greetings-wrap .chairman-int .chairman-img-area {display:inline-block; float:left; margin-top:52px; margin-right:50px;}
	.greetings-wrap .chairman-int .chairman-img-area img {max-width:100%;}

	.greetings-wrap .chairman-academic-box {float:right; width:calc(100% - 321px);}
	
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px) {
	
	/* .greetings-wrap .chairman-int p {margin:20px -43px 0;} */
	.greetings-wrap .chairman-int p {background:none;}
	.chairman-int:before {content:""; display:block; width:100vw; height:180px; background:#154167; position:absolute; z-index:-1; left:49.7%; transform:translate(-50%,0);}
	
	span.br {display:block;}
}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px) {
	.greetings-wrap .chairman-academic-box img {margin:0 0 0 150px;}
}

/*======================================
			PC기반 CSS 1640 이상
========================================*/
@media all and (min-width:1640px) {


}




/*============================================================================================================================
											   		사진갤러리
=============================================================================================================================*/
/* 회사소식-리스트 */
.ul_list_area {display:block; position:relative; padding-left:0; width:100%; margin:0 auto; text-align:center; font-size:0;}
.ul_list_area li {display:inline-block; width:476px; max-width:100%; padding:15px;}
.ul_list_area li a {position:relative; display:block; width:100%; text-decoration:none; border:1px solid #d9d9d9; box-sizing:border-box; transition:0.2s;}
.ul_list_area li a .photo {position:relative; display:block; width:100%; height:250px; overflow:hidden;}
.ul_list_area li a .photo:after {content:""; position:absolute; bottom:0; right:0; width:45px; height:45px; background:url("../images/board/icons_plus.png") no-repeat center center;
	border:1px solid #d9d9d9; border-right:none; border-bottom:1px solid #fff; background-color:#fff; box-sizing:border-box;}
.ul_list_area li a .photo .img_area {position:relative; display:block; width:100%; height:250px; overflow:hidden; border-bottom:1px solid #d9d9d9; background:#f4f7f7;}
.ul_list_area li a .photo .img_area img {display:block; width:100%; height:auto; transition:0.5s; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.ul_list_area li a:hover .photo img {transform:translate(-50%,-50%) scale(1.1);}

.ul_list_area li a .info {position:relative; display:block; padding:25px; text-align:left; border-top:none;}
.ul_list_area li a .info span {display:block;}
.ul_list_area li a .info .title {font-size:18px; line-height:25px; color:#333333; font-weight:bold; word-break:keep-all; transition:0.2s;
	text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;  -webkit-box-orient:vertical; height:50px; overflow:hidden;}
.ul_list_area li a .info .date {font-size:14px; line-height:14px; color:#bbbbbb; letter-spacing:0; text-align:right; margin-top:10px;}
.ul_list_area li a:hover {box-shadow:0px 0px 12px 6px rgba(238,238,238,0.75);}
.ul_list_area li a:hover .info .title {color:#00aeef;}

.ul_list_area.pr_library li {position:relative;}
.ul_list_area.pr_library li a.btn_photo {padding-bottom:70px;}
.ul_list_area.pr_library li a.down_btn {display:inline-block; width:auto; position:absolute; left:50%; margin:-62px; bottom:110px;}



/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
	
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px) {
	.ul_list_area {width:952px; text-align:left;}
}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px) {
	.ul_list_area {width:1428px; margin-left:-14px;}
}






/*============================================================================================================================
											   		개인정보처리방침
=============================================================================================================================*/

.privacy-wrap .privacy-top {overflow:hidden;}
.privacy-wrap .privacy-top p {font-size:17px; line-height:26px; margin:0 0 10px;}
.privacy-wrap .privacy-top p:last-child {margin-bot}
.privacy-wrap span.privacy-top-txt {font-size:18px; float:left;}
.privacy-wrap span.privacy-top-date {font-size:18px; float:right;}

.privacy-move-menu {margin-top:30px; margin-bottom:45px; border:1px solid #d9d9d9; border-radius:10px; padding:20px 30px 10px;}
.privacy-move-menu ul {padding:0; margin:0;}
.privacy-move-menu ul li {display:block; padding:0; margin:0 0 10px; list-style:none;}
.privacy-move-menu ul li a {display:block; padding:0; font-size:18px; font-weight:500; word-break:keep-all;}
.privacy-move-menu ul li a:hover, .privacy-move-menu ul li a:focus, .privacy-move-menu ul li a:active {}

.privacy-wrap h3 {color:#003680; font-size:22px;}
.privacy-wrap h4 {color:#000; font-weight:bold; margin-bottom:7px;}
.privacy-wrap ul, .privacy-wrap ol, .privacy-wrap li {padding:0; margin:0;}
.privacy-wrap ul > li {list-style:none;}
.privacy-wrap .privacy-list {margin:30px 0 50px; font-size:17px; line-height:26px; padding:0; word-break:keep-all;}
.privacy-wrap .privacy-list > li {margin-bottom:50px;}
.privacy-wrap .privacy-list p {margin-bottom:3px;}
.privacy-wrap .privacy-list ol {padding:10px 0 10px 28px;}
.privacy-wrap .privacy-list ol > li {position:relative; margin-bottom:5px; list-style:none;}
.privacy-wrap .privacy-list ol > li:before {content:""; position:absolute; left:-22px;}
.privacy-wrap .privacy-list ol > li:nth-child(1):before {content:"①";}
.privacy-wrap .privacy-list ol > li:nth-child(2):before {content:"②";}
.privacy-wrap .privacy-list ol > li:nth-child(3):before {content:"③";}
.privacy-wrap .privacy-list ol > li:nth-child(4):before {content:"④";}
.privacy-wrap .privacy-list ol > li:nth-child(5):before {content:"⑤";}
.privacy-wrap .privacy-list ol > li:nth-child(6):before {content:"⑥";}
.privacy-wrap .privacy-list ol > li:nth-child(7):before {content:"⑦";}
.privacy-wrap .privacy-list ol > li:nth-child(8):before {content:"⑧";}
.privacy-wrap .privacy-list ol > li:nth-child(9):before {content:"⑨";}
.privacy-wrap .privacy-list ol > li:nth-child(10):before {content:"⑩";}
.privacy-wrap .privacy-list ol li:last-child {margin-bottom:0;}
.privacy-wrap .privacy-list ol li ol {padding:5px 0 5px 20px;}
.privacy-wrap .privacy-list ol li ol li {list-style:none; position:relative;}
.privacy-wrap .privacy-list ol li ol li:before {content:""; position:absolute; left:-20px;}
.privacy-wrap .privacy-list ol li ol li:nth-child(1):before {content:"1)";}
.privacy-wrap .privacy-list ol li ol li:nth-child(2):before {content:"2)";}
.privacy-wrap .privacy-list ol li ol li:nth-child(3):before {content:"3)";}
.privacy-wrap .privacy-list ol li ol li:nth-child(4):before {content:"4)";}
.privacy-wrap .privacy-list ol li ol li:nth-child(5):before {content:"5)";}
.privacy-wrap .privacy-list ol li ol li:nth-child(6):before {content:"6)";}
.privacy-wrap .privacy-list ol li ol li:nth-child(7):before {content:"7)";}
.privacy-wrap .privacy-list ol li ol li:nth-child(8):before {content:"8)";}
.privacy-wrap .privacy-list ol li ol li:nth-child(9):before {content:"9)";}
.privacy-wrap .privacy-list ol li ol li:nth-child(10):before {content:"10)";}

.privacy-wrap .privacy-list ol li ul {padding:0; margin:0;}
.privacy-wrap .privacy-list ol li ul > li {position:relative; padding-left:15px;}
.privacy-wrap .privacy-list ol li ul > li:before {position:absolute; content:"-"; left:0; top:0;}




/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px) {
	.privacy-move-menu ul {overflow:hidden;}
	.privacy-move-menu ul li {float:left; width:50%;}
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px) {
	
}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px) {
	
}





/*============================================================================================================================
											   			이용약관
=============================================================================================================================*/

/* 포럼장관 화면 */
.access_terms_wrap .access_terms_top {overflow:hidden;}
.access_terms_wrap span.access_terms_top_txt {font-size:18px; float:left;}
.access_terms_wrap span.access_terms_top_date {font-size:18px; float:right;}

.access_terms_wrap .access_terms_menu {margin-top:30px; margin-bottom:45px; border:1px solid #d9d9d9; border-radius:10px; padding:20px 30px 10px; background:#fff;}
.access_terms_wrap .access_terms_menu ul {padding:0; margin:0;}
.access_terms_wrap .access_terms_menu ul li {display:block; padding:0; margin:0 0 10px; list-style:none;}
.access_terms_wrap .access_terms_menu ul li a {display:block; padding:0; font-size:18px; font-weight:500; word-break:keep-all;}
.access_terms_wrap .access_terms_menu ul li a:hover, .access_terms_wrap .access_terms_menu ul li a:focus, .access_terms_wrap .access_terms_menu ul li a:active {}

.access_terms_wrap h3 {color:#003680; font-size:22px;}
.access_terms_wrap h4 {color:#000; font-weight:bold; margin-bottom:7px;}
.access_terms_wrap ul, .access_terms_wrap ol, .access_terms_wrap li {padding:0; margin:0;}
.access_terms_wrap ul > li {list-style:none;}
.access_terms_wrap .access_terms_list {margin:30px 0 50px; font-size:17px; line-height:26px; padding:0;}
.access_terms_wrap .access_terms_list > li {margin-bottom:40px;}
.access_terms_wrap .access_terms_list p {margin-bottom:3px;}
.access_terms_wrap .access_terms_list ol {padding-left:28px;}
.access_terms_wrap .access_terms_list ol > li {position:relative; margin-bottom:4px;}
.access_terms_wrap .access_terms_list ol li ol {padding-left:20px;}
.access_terms_wrap .access_terms_list ol li ol li {list-style:none;}
.access_terms_wrap .access_terms_list ol li ol li:before {content:""; position:absolute; left:-20px;}
.access_terms_wrap .access_terms_list ol li ol li:nth-child(1):before {content:"1)";}
.access_terms_wrap .access_terms_list ol li ol li:nth-child(2):before {content:"2)";}
.access_terms_wrap .access_terms_list ol li ol li:nth-child(3):before {content:"3)";}
.access_terms_wrap .access_terms_list ol li ol li:nth-child(4):before {content:"4)";}
.access_terms_wrap .access_terms_list ol li ol li:nth-child(5):before {content:"5)";}
.access_terms_wrap .access_terms_list ol li ol li:nth-child(6):before {content:"6)";}
.access_terms_wrap .access_terms_list ol li ol li:nth-child(7):before {content:"7)";}
.access_terms_wrap .access_terms_list ol li ol li:nth-child(8):before {content:"8)";}
.access_terms_wrap .access_terms_list ol li ol li:nth-child(9):before {content:"9)";}
.access_terms_wrap .access_terms_list ol li ol li:nth-child(10):before {content:"10)";}

.access_terms_wrap .access_terms_list ul.ul_hyphen {}
.access_terms_wrap .access_terms_list ul.ul_hyphen > li {position:relative; padding-left:15px;}
.access_terms_wrap .access_terms_list ul.ul_hyphen > li:before {position:absolute; content:"-"; left:0; top:0;}


/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px) {
	.access_terms_wrap .access_terms_menu ul {overflow:hidden;}
	.access_terms_wrap .access_terms_menu ul li {float:left; width:50%;}
}



/*============================================================================================================================
											   		일정안내
=============================================================================================================================*/

/* 상단 검색 */
.schedule_area .schedule_search {padding:20px 0 10px; text-align:center;}
.schedule_area .schedule_search select.form-control-border {margin-bottom:15px; font-size:13px; font-weight:bold;}
.schedule_area .schedule_search .border-checkbox-section {text-align:left;}
.schedule_area .schedule_search .border-checkbox-section .border-checkbox-group {min-width:83px; margin-bottom:8px;}
.schedule_area .schedule_search .btn {margin:5px 0 0; min-width:100px;}

/* 리스트 */
.schedule_area .schedule_list {padding:0; margin:0;}
.schedule_area .schedule_list li {border-top:2px solid #072137; list-style:none; word-break:keep-all;}
.schedule_area .schedule_list li:last-child {border-bottom:2px solid #072137;}
	
	.schedule_list li .schedule_title {padding:30px 0; border-bottom:1px solid #d9d9d9; position:relative; overflow:hidden;}
	
	.schedule_list li .schedule_title a.schedule_down_btn {font-size:15px; transition:0.2s; padding:0 15px; height:38px; line-height:33px; color:#000; font-weight:500;
		border:2px solid #000; display:inline-block; vertical-align:middle; position:absolute; right:0; top:30px; background:#fff;}
	.schedule_list li .schedule_title a.schedule_down_btn:hover {background:#f1f1f1;}
	.schedule_list li .schedule_title a.schedule_down_btn img {display:inline-block; margin-right:10px;}
	
	.schedule_list li .schedule_title span.date {font-size:30px; font-weight:700; color:#32a3cd; letter-spacing:-1px;}
	.schedule_list li .schedule_title h3 {font-size:24px; line-height:30px; margin:15px 0; color:#32a3cd; font-weight:normal;}
	.schedule_list li .schedule_title p {font-size:16px; font-weight:500; color:#000;}
	
	.schedule_list li .schedule_detail {padding:30px 0; overflow:hidden;}
	.schedule_list li .schedule_detail .session_area {overflow:hidden; margin-bottom:30px;}
	.schedule_list li .schedule_detail .session_area:last-child {margin-bottom:0;}
	.schedule_list li .schedule_detail .session_area span.time {font-size:20px; font-weight:bold; color:#4e4e4e;}
	.schedule_list li .schedule_detail .session_area .session span {font-size:16px; color:#32a3cd; font-weight:700; display:inline-block; margin:10px 0 10px;}
	.schedule_list li .schedule_detail .session_area .session p {margin:0; font-size:16px; line-height:22px;}

/* 지난 일정 */
.schedule_area.pre_schedule .schedule_list li .schedule_title span.date {color:#999;}
.schedule_area.pre_schedule .schedule_list li .schedule_title h3 {color:#999;}

/* 일정 등록 */
.form-table.scheduleWrite-table tbody:last-child {border-top:2px solid #ccc;}
.form-table.scheduleWrite-table tbody.sub-date {border-top:0;}
.form-table.scheduleWrite-table tbody.sub-date button.s_detail_deletebtn {position:absolute; top:13px; right:12px; width:24px; height:24px; line-height:16px;}
.form-table.scheduleWrite-table tbody.sub-date button.s_detail_deletebtn i {font-size:18px; color:#666;}
.form-table.scheduleWrite-table tbody.sub-date button.s_detail_deletebtn i:hover {color:#e24704;}

.form-table.scheduleWrite-table tbody tr th.detail-line {position:relative;}
.form-table.scheduleWrite-table tbody tr th.detail-line:after {position:absolute; content:""; display:block; left:0; top:0; height:1px; width:100%; background:#333;}
.s_detail_addbtn {display:block; width:100%; height:51px; font-size:15px; font-weight:600; border-top:2px solid #ccc; border-bottom:1px solid #ddd; background:#fafafa;}

.border-checkbox-section.td-checkbox {display:table-cell;}
.border-checkbox-section.td-checkbox .form-control {display:inline-block;}
.border-checkbox-section .border-checkbox-group-black .border-checkbox-label:before {border:2px solid #4e4e4e}
.border-checkbox-section .border-checkbox-group-black .border-checkbox:checked+.border-checkbox-label:after {border-color:#4e4e4e}

/* .datepicker-dropdown {left:100px;} */

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px) {
	/* 상단 검색 */
	.schedule_area .schedule_search {text-align:left; font-size:0;}
	.schedule_area .schedule_search select.form-control-border {margin-bottom:0; display:inline-block; width:100px; vertical-align:top;}
	.schedule_area .schedule_search .border-checkbox-section {display:inline-block; width:calc(100% - 230px); margin-left:20px; font-size:13px;}
	.schedule_area .schedule_search .border-checkbox-section .border-checkbox-group {margin-bottom:8px;}
	.schedule_area .schedule_search .btn {margin:0 0 0 10px; vertical-align:top;}
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px) {
	/* 상단 검색 */
	.schedule_area .schedule_search select.form-control-border {border-bottom:none; vertical-align:middle;}
	.schedule_area .schedule_search .border-checkbox-section {vertical-align:middle;}
	.schedule_area .schedule_search .border-checkbox-section .border-checkbox-group {min-width:auto; margin-bottom:0;}
	.schedule_area .schedule_search .border-checkbox-section .border-checkbox-group .border-checkbox-label {margin-right:5px;}
	.schedule_area .schedule_search .btn {vertical-align:middle;}
	
	/* 리스트 */
	.schedule_list li .schedule_title a.schedule_down_btn {font-size:16px;}
	
	.schedule_list li .schedule_title span.date {font-size:44px; line-height:44px; display:inline-block; float:left; width:300px; text-align:center;}
	.schedule_list li .schedule_title h3 {font-size:28px; line-height:33px; margin:0 0 15px; float:left; width:calc(100% - 500px);}
	.schedule_list li .schedule_title p {font-size:18px; float:right; width:calc(100% - 300px);}
	
	.schedule_list li .schedule_detail .session_area {margin-bottom:40px;}
	.schedule_list li .schedule_detail .session_area span.time {font-size:24px; line-height:24px; display:inline-block; float:left; width:300px; text-align:center;}
	.schedule_list li .schedule_detail .session_area .session {margin-top:0; float:right; width:calc(100% - 300px);}
	.schedule_list li .schedule_detail .session_area .session span {font-size:18px; margin:0 0 10px;}
	.schedule_list li .schedule_detail .session_area .session p {font-size:18px; line-height:24px;}
}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px) {
	/* 상단 검색 */
	.schedule_area .schedule_search .border-checkbox-section .border-checkbox-group {min-width:83px;}
}








/*============================================================================================================================
														에러 페이지
=============================================================================================================================*/

div.error-flat {background:#2980b9; margin:0;}
#particles-js {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}

.error-content {height:100vh; overflow:hidden; z-index:1; position:relative; -webkit-box-align:center; align-items:center; -ms-flex-align:center; display:-webkit-box; display:flex;
	-webkit-box-pack:center; justify-content:center; -ms-flex-pack:center;}
.error-content .error-content-box {width:auto; position:relative; display:none; top:25px;}
.error-content .error-content-box .error-big-content {position:relative; width:18rem; min-height:17rem; margin:0 auto;}
.error-content .error-content-box .error-big-content .error-list-square {float:left;}
.error-content .error-content-box .error-big-content .error-list-line {float:left; margin-left:2rem;}
.error-content .error-content-box .error-big-content span.square {display:block; background:transparent; width:4rem; height:4rem; border-radius:0.5rem; border:1rem solid #FFFFFF; margin-bottom:1.5rem;}
.error-content .error-content-box .error-big-content span.line {display:block; background:#FFFFFF; width:12rem; height:1rem; border-radius:0.5rem; margin-bottom:1.8rem;}
.error-content .error-content-box .error-big-content span.line:nth-child(2) {width:7rem;}
.error-content .error-content-box .error-big-content span.line:nth-child(4) {width:7rem;}
.error-content .error-content-box .error-big-content span.line:nth-child(6) {width:7rem;}
.error-content .error-content-box .error-big-content .fa-search {position:absolute; top:10rem; left:15rem; font-size:10rem; color:#00c8aa; animation:corner 5s infinite;}
.error-content .error-content-box .error-big-content .fa-search.color {color:#36c7c7;}

.error_txt {text-align:center; z-index:5; margin-left:0; word-break:keep-all;}
.error-content h1 {color:#fff; font-size:120px; margin:0 0 20px;}
.error-content h1 i.fa-exclamation-triangle {color:#00ff00; float:left; margin-right:20px; font-size:40px;}
.error-content h2 {color:#fff; font-size:30px; margin:0 0 20px;}
.error-content p {color:#f1f1f1; font-size:16px; line-height:24px; text-align:left; max-width:340px;}
.error-content .btn {margin-top:40px;}

div.error-flat.error-flat2 {background:#f8f8f8;}
.error-flat2 .error_img {z-index:4;}
.error-flat2 .error-content h1 {color:#555; font-size:30px; margin:0 0 30px;} 
.error-flat2 .error-content h2 {color:#666; font-size:20px; margin:0 0 20px;}
.error-flat2 .error-content p {color:#777; font-size:16px; text-align:left; max-width:500px;}
.error-flat2 .error-content .btn {margin-top:30px;}

/* 로그인 후 안내페이지 */
div.warning-flat {background:#f8f8f8; margin:-15px;}
.warning-content {height:calc(100vh - 60px); overflow:hidden; z-index:1; position:relative; -webkit-box-align:center; align-items:center; -ms-flex-align:center; display:-webkit-box; display:flex;
	-webkit-box-pack:center; justify-content:center; -ms-flex-pack:center;}
.warning-content .warning_img {z-index:4;}
.warning-content .warning_txt {text-align:left; z-index:5; margin-left:100px; word-break:keep-all; width:600px;}
.warning-content .warning_txt h1 {color:#555; font-size:32px; line-height:38px; letter-spacing:-1px; margin:0 0 30px;}
.warning-content .warning_txt h1 i.fa-exclamation-triangle {color:#efc11c; float:left; margin-right:30px; font-size:70px; margin-top:5px;}
.warning-content .warning_txt ol {padding:0 0 0 15px; margin:0 0 30px;}
.warning-content .warning_txt ol li {margin-bottom:10px; color:#666; font-size:17px; font-weight:500; text-align:left; line-height:24px;}
.warning-content .warning_txt .warning_agree {text-align:center;} 
.warning-content .warning_txt .warning_agree .border-checkbox-section {background:rgba(255,255,255,0.5); border:1px solid #01a9ac; padding:10px 15px; border-radius:5px;}
.warning-content .warning_txt .warning_agree .border-checkbox-section .border-checkbox-group .border-checkbox-label {margin:0;}
.warning-content .warning_txt .warning_btn {margin-top:30px; text-align:center;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px) {
	.error-content .error-content-box {display:block;}
	.error_txt {margin-left:120px;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px) {
	
}

@-webkit-keyframes corner {
  0% {
    -webkit-transform:translate(-2rem, 0);
    -webkit-animation-timing-function:0, 0.02, 0, 1.01;
  }
  20% {
    -webkit-transform:translate(-15rem, 2rem);
  }
  40% {
    -webkit-transform:translate(-7rem, -7rem);
    animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01);
  }
  60% {
    -webkit-transform:translate(-15rem, -10rem);
  }
  80% {
    -webkit-transform:translate(2rem, -12rem);
  }
  100% {
    -webkit-transform:translate(-2rem, 0);
  }
}
@-moz-keyframes corner {
  0% {
    -moz-transform:translate(-2rem, 0);
    -moz-animation-timing-function:0, 0.02, 0, 1.01;
  }
  20% {
    -moz-transform:translate(-15rem, 2rem);
  }
  40% {
    -moz-transform:translate(-7rem, -7rem);
    animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01);
  }
  60% {
    -moz-transform:translate(-15rem, -10rem);
  }
  80% {
    -moz-transform:translate(2rem, -12rem);
  }
  100% {
    -moz-transform:translate(-2rem, 0);
  }
}
@keyframes corner {
  0% {
    -webkit-transform:translate(-2rem, 0);
    -moz-transform:translate(-2rem, 0);
    -ms-transform:translate(-2rem, 0);
    -o-transform:translate(-2rem, 0);
    transform:translate(-2rem, 0);
    -webkit-animation-timing-function:0, 0.02, 0, 1.01;
    -moz-animation-timing-function:0, 0.02, 0, 1.01;
    animation-timing-function:0, 0.02, 0, 1.01;
  }
  20% {
    -webkit-transform:translate(-15rem, 2rem);
    -moz-transform:translate(-15rem, 2rem);
    -ms-transform:translate(-15rem, 2rem);
    -o-transform:translate(-15rem, 2rem);
    transform:translate(-15rem, 2rem);
  }
  40% {
    -webkit-transform:translate(-7rem, -7rem);
    -moz-transform:translate(-7rem, -7rem);
    -ms-transform:translate(-7rem, -7rem);
    -o-transform:translate(-7rem, -7rem);
    transform:translate(-7rem, -7rem);
    animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01);
  }
  60% {
    -webkit-transform:translate(-15rem, -10rem);
    -moz-transform:translate(-15rem, -10rem);
    -ms-transform:translate(-15rem, -10rem);
    -o-transform:translate(-15rem, -10rem);
    transform:translate(-15rem, -10rem);
  }
  80% {
    -webkit-transform:translate(2rem, -12rem);
    -moz-transform:translate(2rem, -12rem);
    -ms-transform:translate(2rem, -12rem);
    -o-transform:translate(2rem, -12rem);
    transform:translate(2rem, -12rem);
  }
  100% {
    -webkit-transform:translate(-2rem, 0);
    -moz-transform:translate(-2rem, 0);
    -ms-transform:translate(-2rem, 0);
    -o-transform:translate(-2rem, 0);
    transform:translate(-2rem, 0);
  }
}





/*============================================================================================================================
											   		회원가입
=============================================================================================================================*/

/* ******************** 약관동의 ******************** */
.terms_agree {}
.terms_agree p.agree_top {font-size:18px; margin-bottom:40px; text-align:center;}
.terms_agree .border-checkbox-section.agree_check_all {position:relative;}
.terms_agree .border-checkbox-section.agree_check_all input.border-checkbox {width:0;}
.terms_agree .border-checkbox-section.agree_check_all label.border-checkbox-label {font-size:16px;}
/* 약관 및 개인정보 박스 */
.terms_agree .agree_box {border:1px solid #ccc; margin-top:30px; border-top:2px solid #333;}
.terms_agree .agree_box .agree_box_title {padding:20px; position:relative; padding-right:50px;}
.terms_agree .agree_box .agree_box_title .border-checkbox-section.agree_check_all {}
.terms_agree .agree_box .agree_box_title .agree_fold_btn {position:absolute; width:30px; height:30px; right:20px; top:15px;}
.terms_agree .agree_box .agree_box_title .agree_fold_btn:after {content:"\f077"; font-family:'Font Awesome 5 Free'; font-size:18px; line-height:30px; color:#333; font-weight:900;}
/* 스크롤 내용 */
.terms_agree .agree_box .agree_box_scroll {height:300px; overflow-y:auto; padding:20px; background:#f8f8f8; transition:0.3s; border-top:1px solid #999;}
/* 폴드 */
.terms_agree .agree_box.fold .agree_box_title .agree_fold_btn:after {content:"\f078"}
.terms_agree .agree_box.fold .agree_box_scroll {height:0; padding:0 20px; border-top:0;}

/* ******************** 가입신청서 작성 ******************** */
.join_form {}
.join_form h3.join_form_title {position:relative; font-size:20px; font-weight:bold; margin-bottom:10px;}
.join_form h3.join_form_title span {font-size:14px; line-height:20px; font-weight:normal; margin-left:20px;}
.join_form h3.join_form_title span.required_info {position:absolute; right:0; top:8px; color:#b50c0c;}

.join_form ul.join_form_info {margin:20px 0 0 10px; padding:0;}
.join_form ul.join_form_info li {font-size:14px; line-height:20px; position:relative; padding:0 0 0 18px; margin:0 0 3px; list-style:none;}
.join_form ul.join_form_info li:before {position:absolute; left:0; top:0; content:"※";}

/* ******************** 회원가입 완료 ******************** */
.join_complete {text-align:center;}
.join_complete .join_complete_top {margin-bottom:30px;}
.join_complete .join_complete_top i {color:#0eadb9; font-size:100px; margin-right:40px; vertical-align:middle;}
.join_complete .join_complete_top p {font-size:24px; line-height:40px; font-weight:bold; display:inline-block; vertical-align:middle;}
.join_complete p {font-size:20px; line-height:26px; color:#333;}
.join_complete p span {color:#257bca; font-weight:bold;}
.join_complete p a {color:#257bca;}


/* ******************** 승인/결제 관리 ******************** */
.search-item.item-pay, .search-item.item-way, .search-item.item-tax, .search-item.item-agree {margin-top:10px;}
.search-item.item-joindate {margin-bottom:10px; line-height:30px;}
.search-item.item-joindate .border-checkbox-section .border-checkbox-group {padding-top:3px;}

.search-item.item-division {padding-top:4px;}

.search-item.item-pay, .search-item.item-agree {margin-left:0; width:100%;}


/* .border-checkbox-section .border-checkbox-group .border-checkbox-label {width:90px;} */
/* .search-item.item-joindate {width:365px;}
.search-item.item-joindate .label_color {line-height:30px;}
.search-item.item-joindate .border-checkbox-section {padding-top:5px;}

.search-item.item-division {width:calc(100% - 428px); line-height:30px;}
.search-item.item-division .border-checkbox-section {padding-top:5px;} */


/* 배너관리 */
.rwd-table-area.banner-table .banner-img {max-width:452px; height:auto;}

.ui-sortable-helper {display:table;}
.ui-state-default.sort-banner {border:0; background:#fff;} 
.ui-state-default.sort-banner .movebtn {cursor:pointer;}

/* 배너설정 팝업 */
.babber-set-upload .file-btn {height:30px; line-height:17px; border:1px solid #000;}


/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px) {
	/* ******************** 약관동의 ******************** */
	/* 약관 및 개인정보 박스 */
	.terms_agree .agree_box .agree_box_title {padding:20px 30px;}
	/* 스크롤 내용 */
	.terms_agree .agree_box .agree_box_scroll {padding:30px;}
	/* 폴드 */
	.terms_agree .agree_box.fold .agree_box_scroll {padding:0 30px;}
}

@media all and (min-width:980px) {
	/* 승인/결제 관리 */
	.search-item.item-way {width:352px;}
	.search-item.item-pay, .search-item.item-agree {width:auto;}
	
	
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px) {
	
}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px) {
	/* 상단 검색 */
	
}





/*============================================================================================================================
											   		회원가입
=============================================================================================================================*/
/* ******************** 공통 ******************** */
.highlight {color:#00b09d;}
.m_block {display:block;}
.t_block {display:inline-block;}
.p_block {display:inline-block;}

/* ******************** 회원가입 ******************** */
.join_info .highlight {font-weight:bold;}
.join_info h3 {font-size:24px; font-weight:bold; margin-bottom:40px; line-height:36px;}
.join_info p {font-size:18px; font-weight:normal; margin:0; line-height:34px;}

.join_info .joininfo_box_area {color:#fff; margin:60px 0;}
.join_info .joininfo_box_area .joininfo_box {background:#008b7c; margin:0 -20px; padding:50px 20px;}
	.joininfo_box h3 {font-size:30px; line-height:30px; margin:0 0 30px; text-align:center;}
	.joininfo_box ul {padding:0; margin:0; display:flex; flex-wrap:wrap;}
	.joininfo_box ul li {padding:0; margin:0 0 50px; list-style:none; text-align:center; width:48%; justify-content:space-between;}
	.joininfo_box ul li h4 {font-size:24px; font-weight:bold; margin:0 0 10px;}
	.joininfo_box ul li p {font-size:16px; font-weight:normal; line-height:24px; word-break:keep-all;}



/* ******************** 회비납부 ******************** */
.payment_area .highlight {font-weight:bold;}
.payment_area h3 {font-size:24px; font-weight:bold; margin-bottom:50px; line-height:38px;}
.payment_area h3 span {color:#0060ff;}
.payment_area p {font-size:18px; font-weight:normal; margin:0;}
.payment_area .payment_box {border:1px solid #d9d9d9; border-radius:10px; padding:20px 25px; margin:20px 0 50px;}
.payment_area .payment_box h4 {font-size:20px; font-weight:bold; margin-bottom:15px; line-height:28px;}
.payment_area .payment_box p a {color:#06a865;}
.payment_area .payment_box p a:hover {color:#1992a1;}



/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px) {
	/* ******************** 공통 ******************** */
	.m_block {display:block;}
	.t_block {display:block;}
	.p_block {display:inline-block;}
	
	/* ******************** 회원가입 ******************** */
	.joininfo_box ul li {width:20%; margin-bottom:0;}
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px) {
	/* ******************** 공통 ******************** */
	.m_block {display:block;}
	.t_block {display:block;}
	.p_block {display:block;}
	
	/* ******************** 회원가입 ******************** */
	.join_info .joininfo_box_area {position:relative;}
	.join_info .joininfo_box_area:before {content:""; display:block; width:100vw; height:260px; background:#008b7c; position:absolute; z-index:-1; left:50%; transform:translate(-50%,0);}
	.join_info .joininfo_box_area .joininfo_box {overflow:hidden; position:relative; background:none; padding:40px 0;}
	.joininfo_box h3 {font-size:38px; line-height:38px; position:absolute; left:0; top:50px;}
	.joininfo_box ul {width:calc(100% - 300px); float:right;}
	
	
}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px) {
	/* 상단 검색 */
	
}




/*============================================================================================================================
											   		마이페이지
=============================================================================================================================*/




/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px) {
	
}


/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1240px) {
	
}

/*======================================
			PC기반 CSS 1440 이상
========================================*/
@media all and (min-width:1440px) {
	
}



/* 240115 css 추가 */

@media all and (min-width: 1240px) {
	#nav .gnb.gnb5 li.depth_01 {width:17.5%;}
	#nav .gnb.gnb5 li.depth_01:nth-child(4) {width:30%;}
}

@media all and (min-width:1440px) {
	#nav .gnb.gnb5 li.depth_01 {width:19%;}
	#nav .gnb.gnb5 li.depth_01:nth-child(4) {width:24%;}
}


/* 게시판 - 기부안내 */
.donation_info {position:relative;}
.donation_info .donation_inner {word-break:keep-all;}
.donation_info .bg_img {background:url("../images/sub/bg_donation.png")no-repeat center top 50px; width:100%; height:300px; background-size:100%; z-index:-1;}
.donation_info p {color:#000;}
.donation_info h3 {font-size:22px; font-weight:600; line-height:35px;}
.donation_info p.txt_sub {font-size:16px; margin-top:40px;} 
.donation_info p.txt_sub br {display:none;}
.donation_info p span, .donation_info p a {font-weight:600;}
.donation_info .contact_area {margin-top:70px;}
.donation_info .contact_area > span {font-size:24px; font-weight:600; display:block;}
.donation_info .contact_area .contact_info {display:inline-block; margin-top:20px;}
.donation_info .contact_area .contact_info .info_txt {font-size:16px; margin-bottom:25px;}
.donation_info .contact_area .contact_info .info_txt > span:nth-child(1) {width:70px; margin-right:30px; display:inline-block;}
.donation_info .contact_area .contact_info .btn_area {margin-top:30px;}
.donation_info .contact_area .contact_info .btn_area > .btn {color:#fff; background:#072137; border:1px solid #072137; font-size:16px; width:210px; height:40px; margin-right:45px; display:block;}
.donation_info .contact_area .contact_info .btn_area > .btn:last-of-type {margin-right:0; margin-top:10px;}
.donation_info .contact_area .contact_info .btn_area > .btn:hover {background:#fff; border-color:#000; color:#000;}
.donation_info .contact_area .contact_info .btn_area > .btn:after {content:""; display:inline-block; width:25px; height:27px; vertical-align:middle;}
.donation_info .contact_area .contact_info .btn_area > .btn.btn_hwp:after {background:url("../images/icon/icon_hwp.png") no-repeat center; margin-left:20px;}
.donation_info .contact_area .contact_info .btn_area > .btn.btn_pdf:after {background:url("../images/icon/icon_pdf.png") no-repeat center; margin-left:35px;}
.donation_info .contact_area .contact_info .btn_area > .btn.btn_doc:after {background:url("../images/icon/icon_doc.png") no-repeat center; margin-left:20px;}
.donation_info .contact_area .contact_info .btn_area > .btn.btn_hwp:hover:after {background:url("../images/icon/icon_hwp_hover.png") no-repeat center;}
.donation_info .contact_area .contact_info .btn_area > .btn.btn_pdf:hover:after {background:url("../images/icon/icon_pdf_hover.png") no-repeat center;}
.donation_info .contact_area .contact_info .btn_area > .btn.btn_doc:hover:after {background:url("../images/icon/icon_doc_hover.png") no-repeat center;}

@media all and (min-width:510px) {
	.donation_info .contact_area .contact_info .btn_area > .btn {display:inline-block; }	
	.donation_info .contact_area .contact_info .btn_area > .btn:last-of-type {margin-top:0;} 
	.donation_info .bg_img {height:437px;}
}

@media all and (min-width:768px) {
	.donation_info h3 {font-size:24px; line-height:48px;}
	.donation_info p.txt_sub {font-size:18px; margin-top:55px; line-height:34px;}  
	.donation_info p.txt_sub br {display:block;} 
	.donation_info .contact_area {margin-top:95px;}
	.donation_info .contact_area > span {font-size:26px; vertical-align:top; display:inline-block; margin-right:70px;}
	.donation_info .contact_area .contact_info {margin-top:5px;}
	.donation_info .contact_area .contact_info .info_txt {margin-bottom:30px; font-size:18px;}
	.donation_info .contact_area .contact_info .btn_area {margin-top:45px;}
	.donation_info .contact_area .contact_info .btn_area > .btn {font-size:18px;}
	.donation_info .bg_img {background-size:68%; margin-top:30px; height:500px;}
	
	
}

@media all and (min-width:1280px) {
	.donation_info {padding-bottom:150px;}
	.donation_info .bg_img {position:absolute; background-position:right; width:749px; background-size:70%; right:0; top:0;}
}
@media all and (min-width:1440px) {
	.donation_info .bg_img {background-size:94%;}
}
@media all and (min-width:1600px) {
	.donation_info .bg_img {background-size:100%; right:-100px;}
}