/**
  *
  * 유용한 스타일 들
  *
  */
.border-1 {border:1px solid #ff0000;}



/**
  *
  * yn-divider style
  * fontawesome 5와 함께 사용합니다.
  *
  */
.yn-divider {
	position:relative;
	margin:45px 0;
	text-align:center;
}
.yn-divider i {display:inline-block;width:40px;font-size:1.3em;color:#bbb;z-index:1;background-color:#fff;}
.yn-divider i:after {
	content:'';
	position:absolute;
	top:0.4em;left:10%;
	width:80%;
	height:1px;
	border-bottom:1px solid #dedede;
	z-index:0;
}


/* flex */
/* bootstrap 4와 겹칠 수 있으므로 검증 필요
.display-flex {display:-webkit-flex;display:-moz-flex;display:flex}
.flex-direction-row {flex-direction:row}
.flex-direction-row-reverse {flex-direction:row-reverse}
.flex-direction-column {flex-direction:column}
.flex-direction-column-reverse {flex-direction:column-reverse}
.flex-wrap-wrap {flex-wrap:wrap}
.flex-wrap-wrap-reverse {flex-wrap:wrap-reverse}
.flex-wrap-nowrap {flex-wrap:nowrap}
.flex-flow-row-wrap {flex-flow:row wrap}
.flex-flow-row-nowrap {flex-flow:row nowrap}
.flex-flow-column-wrap {flex-flow:column wrap}
.flex-flow-column-nowrap {flex-flow:column nowrap}
.justify-content-center {-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.justify-content-flex-start {-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start;}
.justify-content-flex-end {-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;}
.justify-content-space-around {-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;}
.justify-content-space-between {-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.align-items-center {-webkit-align-items:center;-moz-align-items:center;align-items:center;}
.align-items-flex-start {-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start;}
.align-items-flex-end {-webkit-align-items:flex-end;-moz-align-items:flex-end;align-items:flex-end;}
.align-items-stretch {-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch;}
.align-items-baseline {-webkit-align-items:baseline;-moz-align-items:baseline;align-items:baseline;}
.align-content-space-between {-webkit-align-centent:space-between;-moz-align-centent:space-between;align-centent:space-between;}
.align-content-space-around {-webkit-align-centent:space-around;-moz-align-centent:space-around;align-centent:space-around;}
.align-content-stretch {-webkit-align-centent:stretch;-moz-align-centent:stretch;align-centent:stretch;}
.align-content-center {-webkit-align-centent:center;-moz-align-centent:center;align-centent:center;}
.align-content-flex-start {-webkit-align-centent:flex-start;-moz-align-centent:flex-start;align-centent:flex-start;}
.align-content-flex-end {-webkit-align-centent:flex-end;-moz-align-centent:flex-end;align-centent:flex-end;}
*/


/* color : https://ko.wikipedia.org/wiki/%EC%9B%B9_%EC%83%89%EC%83%81 */
.yn-color-first{color:#8ab933 !important;}
.yn-color-indianred{color:#cd5c5c !important;}
.yn-color-darksalmon{color:#e9967a !important;}
.yn-color-lightcoral{color:#f08080 !important;}
.yn-color-salmon{color:#fa8072 !important;}
.yn-color-orangered{color:#ff4500 !important;}
.yn-color-red{color:#ff0000 !important;}
.yn-color-crimson{color:#dc143c !important;}					a.yn-color-crimson:hover {text-decoration:none;color:#dc143c !important;}
.yn-color-firebrick{color:#b22222 !important;}
.yn-color-darkred{color:#8b0000 !important;}
.yn-color-mediumvioletred{color:#c71585 !important;}
.yn-color-pink{color:#ffc0cb !important;}
.yn-color-lightpink{color:#ffb6c1 !important;}
.yn-color-hotpink{color:#ff69b4 !important;}
.yn-color-deeppink{color:#ff1493 !important;}
.yn-color-palevioletred{color:#db7093 !important;}
.yn-color-darkkhaki{color:#bdb76b !important;}
.yn-color-khaki{color:#f0e68c !important;}
.yn-color-palegoldenrod{color:#eee8aa !important;}
.yn-color-lightgoldenrodyellow{color:#fafad2 !important;}
.yn-color-lightyellow{color:#ffffe0 !important;}
.yn-color-lemonchiffon{color:#fffacd !important;}
.yn-color-yellow{color:#ffff00 !important;}
.yn-color-gold{color:#ffd700 !important;}
.yn-color-papayawhip{color:#ffefd5 !important;}
.yn-color-moccasin{color:#ffe4b5 !important;}
.yn-color-peachpuff{color:#ffdab9 !important;}
.yn-color-cyan{color:#00ffff !important;}
.yn-color-aqua{color:#00ffff !important;}
.yn-color-aquamarine{color:#7fffd4 !important;}
.yn-color-turquoise{color:#40e0d0 !important;}
.yn-color-mediumturquoise{color:#48d1cc !important;}
.yn-color-darkturquoise{color:#00ced1 !important;}
.yn-color-cadetblue{color:#5f9ea0 !important;}
.yn-color-slategray{color:#708090 !important;}
.yn-color-lightcyan{color:#e0ffff !important;}
.yn-color-paleturquoise{color:#afeeee !important;}
.yn-color-powderblue{color:#b0e0e6 !important;}
.yn-color-lightsteelblue{color:#b0c4de;}
.yn-color-steelblue{color:#4682b4 !important;}
.yn-color-lightblue{color:#add8e6 !important;}
.yn-color-skyblue{color:#87ceeb !important;}
.yn-color-lightskyblue{color:#87cefa !important;}
.yn-color-deepskyblue{color:#00bfff !important;}
.yn-color-cornflowerblue{color:#6495ed !important;}
.yn-color-royalblue{color:#4169e1 !important;}
.yn-color-mediumslateblue{color:#7b68ee !important;}
.yn-color-dodgerblue{color:#1e90ff !important;}
.yn-color-blue{color:#0000ff !important;}
.yn-color-mediumblue{color:#0000cd !important;}
.yn-color-darkblue{color:#00008b !important;}
.yn-color-navy{color:#000080 !important;}
.yn-color-midnightblue{color:#191970 !important;}
.yn-color-lightsalmon{color:#ffa07a !important;}
.yn-color-orange{color:#ffa500 !important;}
.yn-color-darkorange{color:#ff8c00 !important;}
.yn-color-coral{color:#ff7f50 !important;}
.yn-color-tomato{color:#ff6347 !important;}
.yn-color-orangered{color:#ff4500 !important;}
.yn-color-aquamarine{color:#7fffd4 !important;}
.yn-color-mediumspringgreen{color:#00fa9a !important;}
.yn-color-springgreen{color:#00ff7f !important;}
.yn-color-palegreen{color:#98fb98 !important;}
.yn-color-greenyellow{color:#adff2f !important;}
.yn-color-chartreuse{color:#7fff00 !important;}
.yn-color-lawngreen{color:#7cfc00 !important;}
.yn-color-lime{color:#00ff00 !important;}
.yn-color-lightgreen{color:#90ee90 !important;}
.yn-color-yellowgreen{color:#9acd32 !important;}
.yn-color-limegreen{color:#32cd32 !important;}
.yn-color-mediumseagreen{color:#3cb371 !important;}
.yn-color-darkseagreen{color:#8fbc8f !important;}
.yn-color-forestgreen{color:#228b22 !important;}
.yn-color-seagreen{color:#2e8b57 !important;}
.yn-color-green{color:#008000 !important;}
.yn-color-olivedrab{color:#6b8e23 !important;}
.yn-color-olive{color:#808000 !important;}
.yn-color-darkolivegreen{color:#556b2f !important;}
.yn-color-darkgreen{color:#006400 !important;}
.yn-color-mediumaquamarine{color:#66cdaa !important;}
.yn-color-turquoise{color:#40e0d0 !important;}
.yn-color-lightseagreen{color:#20b2aa !important;}
.yn-color-darkcyan{color:#008b8b !important;}
.yn-color-teal{color:#008080 !important;}
.yn-color-lavender{color:#e6e6fa !important;}
.yn-color-thistle{color:#d8bfd8 !important;}
.yn-color-plum{color:#dda0dd !important;}
.yn-color-violet{color:#ee82ee !important;}
.yn-color-fuchsia{color:#ff77ff !important;}
.yn-color-magenta{color:#ff00ff !important;}
.yn-color-orchid{color:#da70d6 !important;}
.yn-color-mediumorchid{color:#ba55d3 !important;}
.yn-color-darkorchid{color:#9932cc !important;}
.yn-color-blueviolet{color:#8a2be2 !important;}
.yn-color-darkviolet{color:#9400d3 !important;}
.yn-color-mediumpurple{color:#9370db !important;}
.yn-color-slateblue{color:#6a5acd !important;}
.yn-color-purple{color:#800080 !important;}
.yn-color-darkmagenta{color:#8b008b !important;}
.yn-color-darkslateblue{color:#483d8b !important;}
.yn-color-indigo{color:#4b0082 !important;}
.yn-color-honeydew{color:#f0fff0 !important;}
.yn-color-mintcream{color:#f5fffa !important;}
.yn-color-azure{color:#f0ffff !important;}
.yn-color-aliceblue{color:#f0f8ff !important;}
.yn-color-ghostwhite{color:#f8f8ff !important;}
.yn-color-whitesmoke{color:#f5f5f5 !important;}
.yn-color-lavenderblush{color:#fff0f5 !important;}
.yn-color-mistyrose{color:#ffe4e1 !important;}
.yn-color-antiquewhite{color:#faebd7 !important;}
.yn-color-seashell{color:#fff5ee !important;}
.yn-color-snow{color:#fffafa !important;}
.yn-color-white{color:#ffffff !important;}					a.yn-color-white:hover {text-decoration:none;color:#f8f8f8 !important;}
.yn-color-beige{color:#f5f5dc !important;}
.yn-color-linen{color:#faf0e6 !important;}
.yn-color-oldlace{color:#fdf5e6 !important;}
.yn-color-floralwhite{color:#fffaf0 !important;}
.yn-color-ivory{color:#fffff0 !important;}
.yn-color-gainsboro{color:#dcdcdc !important;}
.yn-color-lightgrey{color:#d3d3d3 !important;}
.yn-color-silver{color:#c0c0c0 !important;}
.yn-color-darkgray{color:#a9a9a9 !important;}
.yn-color-gray{color:#808080 !important;}
.yn-color-dimgray{color:#696969 !important;}
.yn-color-darkslategray{color:#2f4f4f !important;}
.yn-color-lightslategray{color:#778899 !important;}
.yn-color-slategray{color:#708090 !important;}
.yn-color-cornsilk{color:#fff8dc !important;}
.yn-color-blanchedalmond{color:#ffebcd !important;}
.yn-color-bisque{color:#ffe4c4 !important;}
.yn-color-navajowhite{color:#ffdead !important;}
.yn-color-wheat{color:#f5deb3 !important;}
.yn-color-sandybrown{color:#f4a460 !important;}
.yn-color-goldenrod{color:#daa520 !important;}
.yn-color-darkgoldenrod{color:#b8860b !important;}
.yn-color-peru{color:#cd853f !important;}
.yn-color-chocolate{color:#d2691e !important;}
.yn-color-maroon{color:#800000 !important;}
.yn-color-saddlebrown{color:#8b4513 !important;}
.yn-color-brown{color:#a52a2a !important;}
.yn-color-sienna{color:#a0522d !important;}
.yn-color-darkred{color:#8b0000 !important;}
.yn-color-burlywood{color:#deb887 !important;}
.yn-color-tan{color:#d2b48c !important;}
.yn-color-rosybrown{color:#bc8f8f !important;}
.yn-color-black{color:#000000 !important;}

/* background-color */
.yn-background-color-first{background-color:#8ab933 !important;}
.yn-background-color-indianred{background-color:#cd5c5c !important;}
.yn-background-color-darksalmon{background-color:#e9967a !important;}
.yn-background-color-lightcoral{background-color:#f08080 !important;}
.yn-background-color-salmon{background-color:#fa8072 !important;}
.yn-background-color-orangered{background-color:#ff4500 !important;}
.yn-background-color-red{background-color:#ff0000 !important;}
.yn-background-color-crimson{background-color:#dc143c !important;}
.yn-background-color-firebrick{background-color:#b22222 !important;}
.yn-background-color-darkred{background-color:#8b0000 !important;}
.yn-background-color-mediumvioletred{background-color:#c71585 !important;}
.yn-background-color-pink{background-color:#ffc0cb !important;}
.yn-background-color-lightpink{background-color:#ffb6c1 !important;}
.yn-background-color-hotpink{background-color:#ff69b4 !important;}
.yn-background-color-deeppink{background-color:#ff1493 !important;}
.yn-background-color-palevioletred{background-color:#db7093 !important;}
.yn-background-color-darkkhaki{background-color:#bdb76b !important;}
.yn-background-color-khaki{background-color:#f0e68c !important;}
.yn-background-color-palegoldenrod{background-color:#eee8aa !important;}
.yn-background-color-lightgoldenrodyellow{background-color:#fafad2 !important;}
.yn-background-color-lightyellow{background-color:#ffffe0 !important;}
.yn-background-color-lemonchiffon{background-color:#fffacd !important;}
.yn-background-color-yellow{background-color:#ffff00 !important;}
.yn-background-color-gold{background-color:#ffd700 !important;}
.yn-background-color-papayawhip{background-color:#ffefd5 !important;}
.yn-background-color-moccasin{background-color:#ffe4b5 !important;}
.yn-background-color-peachpuff{background-color:#ffdab9 !important;}
.yn-background-color-cyan{background-color:#00ffff !important;}
.yn-background-color-aqua{background-color:#00ffff !important;}
.yn-background-color-aquamarine{background-color:#7fffd4 !important;}
.yn-background-color-turquoise{background-color:#40e0d0 !important;}
.yn-background-color-mediumturquoise{background-color:#48d1cc !important;}
.yn-background-color-darkturquoise{background-color:#00ced1 !important;}
.yn-background-color-cadetblue{background-color:#5f9ea0 !important;}
.yn-background-color-slategray{background-color:#708090 !important;}
.yn-background-color-lightcyan{background-color:#e0ffff !important;}
.yn-background-color-paleturquoise{background-color:#afeeee !important;}
.yn-background-color-powderblue{background-color:#b0e0e6 !important;}
.yn-background-color-lightsteelblue{background-color:#b0c4de !important;}
.yn-background-color-steelblue{background-color:#4682b4 !important;}
.yn-background-color-lightblue{background-color:#add8e6 !important;}
.yn-background-color-skyblue{background-color:#87ceeb !important;}
.yn-background-color-lightskyblue{background-color:#87cefa !important;}
.yn-background-color-deepskyblue{background-color:#00bfff !important;}
.yn-background-color-cornflowerblue{background-color:#6495ed !important;}
.yn-background-color-royalblue{background-color:#4169e1 !important;}
.yn-background-color-mediumslateblue{background-color:#7b68ee !important;}
.yn-background-color-dodgerblue{background-color:#1e90ff !important;}
.yn-background-color-blue{background-color:#0000ff !important;}
.yn-background-color-mediumblue{background-color:#0000cd !important;}
.yn-background-color-darkblue{background-color:#00008b !important;}
.yn-background-color-navy{background-color:#000080 !important;}
.yn-background-color-midnightblue{background-color:#191970 !important;}
.yn-background-color-lightsalmon{background-color:#ffa07a !important;}
.yn-background-color-orange{background-color:#ffa500 !important;}
.yn-background-color-darkorange{background-color:#ff8c00 !important;}
.yn-background-color-coral{background-color:#ff7f50 !important;}
.yn-background-color-tomato{background-color:#ff6347 !important;}
.yn-background-color-orangered{background-color:#ff4500 !important;}
.yn-background-color-aquamarine{background-color:#7fffd4 !important;}
.yn-background-color-mediumspringgreen{background-color:#00fa9a !important;}
.yn-background-color-springgreen{background-color:#00ff7f !important;}
.yn-background-color-palegreen{background-color:#98fb98 !important;}
.yn-background-color-greenyellow{background-color:#adff2f !important;}
.yn-background-color-chartreuse{background-color:#7fff00 !important;}
.yn-background-color-lawngreen{background-color:#7cfc00 !important;}
.yn-background-color-lime{background-color:#00ff00 !important;}
.yn-background-color-lightgreen{background-color:#90ee90 !important;}
.yn-background-color-yellowgreen{background-color:#9acd32 !important;}
.yn-background-color-limegreen{background-color:#32cd32 !important;}
.yn-background-color-mediumseagreen{background-color:#3cb371 !important;}
.yn-background-color-darkseagreen{background-color:#8fbc8f !important;}
.yn-background-color-forestgreen{background-color:#228b22 !important;}
.yn-background-color-seagreen{background-color:#2e8b57 !important;}
.yn-background-color-green{background-color:#008000 !important;}
.yn-background-color-olivedrab{background-color:#6b8e23 !important;}
.yn-background-color-olive{background-color:#808000 !important;}
.yn-background-color-darkolivegreen{background-color:#556b2f !important;}
.yn-background-color-darkgreen{background-color:#006400 !important;}
.yn-background-color-mediumaquamarine{background-color:#66cdaa !important;}
.yn-background-color-turquoise{background-color:#40e0d0 !important;}
.yn-background-color-lightseagreen{background-color:#20b2aa !important;}
.yn-background-color-darkcyan{background-color:#008b8b !important;}
.yn-background-color-teal{background-color:#008080 !important;}
.yn-background-color-lavender{background-color:#e6e6fa !important;}
.yn-background-color-thistle{background-color:#d8bfd8 !important;}
.yn-background-color-plum{background-color:#dda0dd !important;}
.yn-background-color-violet{background-color:#ee82ee !important;}
.yn-background-color-fuchsia{background-color:#ff77ff !important;}
.yn-background-color-magenta{background-color:#ff00ff !important;}
.yn-background-color-orchid{background-color:#da70d6 !important;}
.yn-background-color-mediumorchid{background-color:#ba55d3 !important;}
.yn-background-color-darkorchid{background-color:#9932cc !important;}
.yn-background-color-blueviolet{background-color:#8a2be2 !important;}
.yn-background-color-darkviolet{background-color:#9400d3 !important;}
.yn-background-color-mediumpurple{background-color:#9370db !important;}
.yn-background-color-slateblue{background-color:#6a5acd !important;}
.yn-background-color-purple{background-color:#800080 !important;}
.yn-background-color-darkmagenta{background-color:#8b008b !important;}
.yn-background-color-darkslateblue{background-color:#483d8b !important;}
.yn-background-color-indigo{background-color:#4b0082 !important;}
.yn-background-color-honeydew{background-color:#f0fff0 !important;}
.yn-background-color-mintcream{background-color:#f5fffa !important;}
.yn-background-color-azure{background-color:#f0ffff !important;}
.yn-background-color-aliceblue{background-color:#f0f8ff !important;}
.yn-background-color-ghostwhite{background-color:#f8f8ff !important;}
.yn-background-color-whitesmoke{background-color:#f5f5f5 !important;}
.yn-background-color-lavenderblush{background-color:#fff0f5 !important;}
.yn-background-color-mistyrose{background-color:#ffe4e1 !important;}
.yn-background-color-antiquewhite{background-color:#faebd7 !important;}
.yn-background-color-seashell{background-color:#fff5ee !important;}
.yn-background-color-snow{background-color:#fffafa !important;}
.yn-background-color-white{background-color:#ffffff !important;}
.yn-background-color-beige{background-color:#f5f5dc !important;}
.yn-background-color-linen{background-color:#faf0e6 !important;}
.yn-background-color-oldlace{background-color:#fdf5e6 !important;}
.yn-background-color-floralwhite{background-color:#fffaf0 !important;}
.yn-background-color-ivory{background-color:#fffff0 !important;}
.yn-background-color-gainsboro{background-color:#dcdcdc !important;}
.yn-background-color-lightgrey{background-color:#d3d3d3 !important;}
.yn-background-color-silver{background-color:#c0c0c0 !important;}
.yn-background-color-darkgray{background-color:#a9a9a9 !important;}
.yn-background-color-gray{background-color:#808080 !important;}
.yn-background-color-dimgray{background-color:#696969 !important;}
.yn-background-color-darkslategray{background-color:#2f4f4f !important;}
.yn-background-color-lightslategray{background-color:#778899 !important;}
.yn-background-color-slategray{background-color:#708090 !important;}
.yn-background-color-cornsilk{background-color:#fff8dc !important;}
.yn-background-color-blanchedalmond{background-color:#ffebcd !important;}
.yn-background-color-bisque{background-color:#ffe4c4 !important;}
.yn-background-color-navajowhite{background-color:#ffdead !important;}
.yn-background-color-wheat{background-color:#f5deb3 !important;}
.yn-background-color-sandybrown{background-color:#f4a460 !important;}
.yn-background-color-goldenrod{background-color:#daa520 !important;}
.yn-background-color-darkgoldenrod{background-color:#b8860b !important;}
.yn-background-color-peru{background-color:#cd853f !important;}
.yn-background-color-chocolate{background-color:#d2691e !important;}
.yn-background-color-maroon{background-color:#800000 !important;}
.yn-background-color-saddlebrown{background-color:#8b4513 !important;}
.yn-background-color-brown{background-color:#a52a2a !important;}
.yn-background-color-sienna{background-color:#a0522d !important;}
.yn-background-color-darkred{background-color:#8b0000 !important;}
.yn-background-color-burlywood{background-color:#deb887 !important;}
.yn-background-color-tan{background-color:#d2b48c !important;}
.yn-background-color-rosybrown{background-color:#bc8f8f !important;}
.yn-background-color-black{background-color:#000000 !important;}

/* border-color */
.yn-border-first{border:1px solid #8ab933 !important;}
.yn-border-indianred{border:1px solid #cd5c5c !important;}
.yn-border-darksalmon{border:1px solid #e9967a !important;}
.yn-border-lightcoral{border:1px solid #f08080 !important;}
.yn-border-salmon{border:1px solid #fa8072 !important;}
.yn-border-orangered{border:1px solid #ff4500 !important;}
.yn-border-red{border:1px solid #ff0000 !important;}
.yn-border-crimson{border:1px solid #dc143c !important;}
.yn-border-firebrick{border:1px solid #b22222 !important;}
.yn-border-darkred{border:1px solid #8b0000 !important;}
.yn-border-mediumvioletred{border:1px solid #c71585 !important;}
.yn-border-pink{border:1px solid #ffc0cb !important;}
.yn-border-lightpink{border:1px solid #ffb6c1 !important;}
.yn-border-hotpink{border:1px solid #ff69b4 !important;}
.yn-border-deeppink{border:1px solid #ff1493 !important;}
.yn-border-palevioletred{border:1px solid #db7093 !important;}
.yn-border-darkkhaki{border:1px solid #bdb76b !important;}
.yn-border-khaki{border:1px solid #f0e68c !important;}
.yn-border-palegoldenrod{border:1px solid #eee8aa !important;}
.yn-border-lightgoldenrodyellow{border:1px solid #fafad2 !important;}
.yn-border-lightyellow{border:1px solid #ffffe0 !important;}
.yn-border-lemonchiffon{border:1px solid #fffacd !important;}
.yn-border-yellow{border:1px solid #ffff00 !important;}
.yn-border-gold{border:1px solid #ffd700 !important;}
.yn-border-papayawhip{border:1px solid #ffefd5 !important;}
.yn-border-moccasin{border:1px solid #ffe4b5 !important;}
.yn-border-peachpuff{border:1px solid #ffdab9 !important;}
.yn-border-cyan{border:1px solid #00ffff !important;}
.yn-border-aqua{border:1px solid #00ffff !important;}
.yn-border-aquamarine{border:1px solid #7fffd4 !important;}
.yn-border-turquoise{border:1px solid #40e0d0 !important;}
.yn-border-mediumturquoise{border:1px solid #48d1cc !important;}
.yn-border-darkturquoise{border:1px solid #00ced1 !important;}
.yn-border-cadetblue{border:1px solid #5f9ea0 !important;}
.yn-border-slategray{border:1px solid #708090 !important;}
.yn-border-lightcyan{border:1px solid #e0ffff !important;}
.yn-border-paleturquoise{border:1px solid #afeeee !important;}
.yn-border-powderblue{border:1px solid #b0e0e6 !important;}
.yn-border-lightsteelblue{border:1px solid #b0c4de !important;}
.yn-border-steelblue{border:1px solid #4682b4 !important;}
.yn-border-lightblue{border:1px solid #add8e6 !important;}
.yn-border-skyblue{border:1px solid #87ceeb !important;}
.yn-border-lightskyblue{border:1px solid #87cefa !important;}
.yn-border-deepskyblue{border:1px solid #00bfff !important;}
.yn-border-cornflowerblue{border:1px solid #6495ed !important;}
.yn-border-royalblue{border:1px solid #4169e1 !important;}
.yn-border-mediumslateblue{border:1px solid #7b68ee !important;}
.yn-border-dodgerblue{border:1px solid #1e90ff !important;}
.yn-border-blue{border:1px solid #0000ff !important;}
.yn-border-mediumblue{border:1px solid #0000cd !important;}
.yn-border-darkblue{border:1px solid #00008b !important;}
.yn-border-navy{border:1px solid #000080 !important;}
.yn-border-midnightblue{border:1px solid #191970 !important;}
.yn-border-lightsalmon{border:1px solid #ffa07a !important;}
.yn-border-orange{border:1px solid #ffa500 !important;}
.yn-border-darkorange{border:1px solid #ff8c00 !important;}
.yn-border-coral{border:1px solid #ff7f50 !important;}
.yn-border-tomato{border:1px solid #ff6347 !important;}
.yn-border-orangered{border:1px solid #ff4500 !important;}
.yn-border-aquamarine{border:1px solid #7fffd4 !important;}
.yn-border-mediumspringgreen{border:1px solid #00fa9a !important;}
.yn-border-springgreen{border:1px solid #00ff7f !important;}
.yn-border-palegreen{border:1px solid #98fb98 !important;}
.yn-border-greenyellow{border:1px solid #adff2f !important;}
.yn-border-chartreuse{border:1px solid #7fff00 !important;}
.yn-border-lawngreen{border:1px solid #7cfc00 !important;}
.yn-border-lime{border:1px solid #00ff00 !important;}
.yn-border-lightgreen{border:1px solid #90ee90 !important;}
.yn-border-yellowgreen{border:1px solid #9acd32 !important;}
.yn-border-limegreen{border:1px solid #32cd32 !important;}
.yn-border-mediumseagreen{border:1px solid #3cb371 !important;}
.yn-border-darkseagreen{border:1px solid #8fbc8f !important;}
.yn-border-forestgreen{border:1px solid #228b22 !important;}
.yn-border-seagreen{border:1px solid #2e8b57 !important;}
.yn-border-green{border:1px solid #008000 !important;}
.yn-border-olivedrab{border:1px solid #6b8e23 !important;}
.yn-border-olive{border:1px solid #808000 !important;}
.yn-border-darkolivegreen{border:1px solid #556b2f !important;}
.yn-border-darkgreen{border:1px solid #006400 !important;}
.yn-border-mediumaquamarine{border:1px solid #66cdaa !important;}
.yn-border-turquoise{border:1px solid #40e0d0 !important;}
.yn-border-lightseagreen{border:1px solid #20b2aa !important;}
.yn-border-darkcyan{border:1px solid #008b8b !important;}
.yn-border-teal{border:1px solid #008080 !important;}
.yn-border-lavender{border:1px solid #e6e6fa !important;}
.yn-border-thistle{border:1px solid #d8bfd8 !important;}
.yn-border-plum{border:1px solid #dda0dd !important;}
.yn-border-violet{border:1px solid #ee82ee !important;}
.yn-border-fuchsia{border:1px solid #ff77ff !important;}
.yn-border-magenta{border:1px solid #ff00ff !important;}
.yn-border-orchid{border:1px solid #da70d6 !important;}
.yn-border-mediumorchid{border:1px solid #ba55d3 !important;}
.yn-border-darkorchid{border:1px solid #9932cc !important;}
.yn-border-blueviolet{border:1px solid #8a2be2 !important;}
.yn-border-darkviolet{border:1px solid #9400d3 !important;}
.yn-border-mediumpurple{border:1px solid #9370db !important;}
.yn-border-slateblue{border:1px solid #6a5acd !important;}
.yn-border-purple{border:1px solid #800080 !important;}
.yn-border-darkmagenta{border:1px solid #8b008b !important;}
.yn-border-darkslateblue{border:1px solid #483d8b !important;}
.yn-border-indigo{border:1px solid #4b0082 !important;}
.yn-border-honeydew{border:1px solid #f0fff0 !important;}
.yn-border-mintcream{border:1px solid #f5fffa !important;}
.yn-border-azure{border:1px solid #f0ffff !important;}
.yn-border-aliceblue{border:1px solid #f0f8ff !important;}
.yn-border-ghostwhite{border:1px solid #f8f8ff !important;}
.yn-border-whitesmoke{border:1px solid #f5f5f5 !important;}
.yn-border-lavenderblush{border:1px solid #fff0f5 !important;}
.yn-border-mistyrose{border:1px solid #ffe4e1 !important;}
.yn-border-antiquewhite{border:1px solid #faebd7 !important;}
.yn-border-seashell{border:1px solid #fff5ee !important;}
.yn-border-snow{border:1px solid #fffafa !important;}
.yn-border-white{border:1px solid #ffffff !important;}
.yn-border-beige{border:1px solid #f5f5dc !important;}
.yn-border-linen{border:1px solid #faf0e6 !important;}
.yn-border-oldlace{border:1px solid #fdf5e6 !important;}
.yn-border-floralwhite{border:1px solid #fffaf0 !important;}
.yn-border-ivory{border:1px solid #fffff0 !important;}
.yn-border-gainsboro{border:1px solid #dcdcdc !important;}
.yn-border-lightgrey{border:1px solid #d3d3d3 !important;}
.yn-border-silver{border:1px solid #c0c0c0 !important;}
.yn-border-darkgray{border:1px solid #a9a9a9 !important;}
.yn-border-gray{border:1px solid #808080 !important;}
.yn-border-dimgray{border:1px solid #696969 !important;}
.yn-border-darkslategray{border:1px solid #2f4f4f !important;}
.yn-border-lightslategray{border:1px solid #778899 !important;}
.yn-border-slategray{border:1px solid #708090 !important;}
.yn-border-cornsilk{border:1px solid #fff8dc !important;}
.yn-border-blanchedalmond{border:1px solid #ffebcd !important;}
.yn-border-bisque{border:1px solid #ffe4c4 !important;}
.yn-border-navajowhite{border:1px solid #ffdead !important;}
.yn-border-wheat{border:1px solid #f5deb3 !important;}
.yn-border-sandybrown{border:1px solid #f4a460 !important;}
.yn-border-goldenrod{border:1px solid #daa520 !important;}
.yn-border-darkgoldenrod{border:1px solid #b8860b !important;}
.yn-border-peru{border:1px solid #cd853f !important;}
.yn-border-chocolate{border:1px solid #d2691e !important;}
.yn-border-maroon{border:1px solid #800000 !important;}
.yn-border-saddlebrown{border:1px solid #8b4513 !important;}
.yn-border-brown{border:1px solid #a52a2a !important;}
.yn-border-sienna{border:1px solid #a0522d !important;}
.yn-border-darkred{border:1px solid #8b0000 !important;}
.yn-border-burlywood{border:1px solid #deb887 !important;}
.yn-border-tan{border:1px solid #d2b48c !important;}
.yn-border-rosybrown{border:1px solid #bc8f8f !important;}
.yn-border-black{border:1px solid #000000 !important;}

/* border-bottom-color */
.yn-bottom-first{border-bottom:1px solid #8ab933 !important;}
.yn-bottom-indianred{border-bottom:1px solid #cd5c5c !important;}
.yn-bottom-darksalmon{border-bottom:1px solid #e9967a !important;}
.yn-bottom-lightcoral{border-bottom:1px solid #f08080 !important;}
.yn-bottom-salmon{border-bottom:1px solid #fa8072 !important;}
.yn-bottom-orangered{border-bottom:1px solid #ff4500 !important;}
.yn-bottom-red{border-bottom:1px solid #ff0000 !important;}
.yn-bottom-crimson{border-bottom:1px solid #dc143c !important;}
.yn-bottom-firebrick{border-bottom:1px solid #b22222 !important;}
.yn-bottom-darkred{border-bottom:1px solid #8b0000 !important;}
.yn-bottom-mediumvioletred{border-bottom:1px solid #c71585 !important;}
.yn-bottom-pink{border-bottom:1px solid #ffc0cb !important;}
.yn-bottom-lightpink{border-bottom:1px solid #ffb6c1 !important;}
.yn-bottom-hotpink{border-bottom:1px solid #ff69b4 !important;}
.yn-bottom-deeppink{border-bottom:1px solid #ff1493 !important;}
.yn-bottom-palevioletred{border-bottom:1px solid #db7093 !important;}
.yn-bottom-darkkhaki{border-bottom:1px solid #bdb76b !important;}
.yn-bottom-khaki{border-bottom:1px solid #f0e68c !important;}
.yn-bottom-palegoldenrod{border-bottom:1px solid #eee8aa !important;}
.yn-bottom-lightgoldenrodyellow{border-bottom:1px solid #fafad2 !important;}
.yn-bottom-lightyellow{border-bottom:1px solid #ffffe0 !important;}
.yn-bottom-lemonchiffon{border-bottom:1px solid #fffacd !important;}
.yn-bottom-yellow{border-bottom:1px solid #ffff00 !important;}
.yn-bottom-gold{border-bottom:1px solid #ffd700 !important;}
.yn-bottom-papayawhip{border-bottom:1px solid #ffefd5 !important;}
.yn-bottom-moccasin{border-bottom:1px solid #ffe4b5 !important;}
.yn-bottom-peachpuff{border-bottom:1px solid #ffdab9 !important;}
.yn-bottom-cyan{border-bottom:1px solid #00ffff !important;}
.yn-bottom-aqua{border-bottom:1px solid #00ffff !important;}
.yn-bottom-aquamarine{border-bottom:1px solid #7fffd4 !important;}
.yn-bottom-turquoise{border-bottom:1px solid #40e0d0 !important;}
.yn-bottom-mediumturquoise{border-bottom:1px solid #48d1cc !important;}
.yn-bottom-darkturquoise{border-bottom:1px solid #00ced1 !important;}
.yn-bottom-cadetblue{border-bottom:1px solid #5f9ea0 !important;}
.yn-bottom-slategray{border-bottom:1px solid #708090 !important;}
.yn-bottom-lightcyan{border-bottom:1px solid #e0ffff !important;}
.yn-bottom-paleturquoise{border-bottom:1px solid #afeeee !important;}
.yn-bottom-powderblue{border-bottom:1px solid #b0e0e6 !important;}
.yn-bottom-lightsteelblue{border-bottom:1px solid #b0c4de !important;}
.yn-bottom-steelblue{border-bottom:1px solid #4682b4 !important;}
.yn-bottom-lightblue{border-bottom:1px solid #add8e6 !important;}
.yn-bottom-skyblue{border-bottom:1px solid #87ceeb !important;}
.yn-bottom-lightskyblue{border-bottom:1px solid #87cefa !important;}
.yn-bottom-deepskyblue{border-bottom:1px solid #00bfff !important;}
.yn-bottom-cornflowerblue{border-bottom:1px solid #6495ed !important;}
.yn-bottom-royalblue{border-bottom:1px solid #4169e1 !important;}
.yn-bottom-mediumslateblue{border-bottom:1px solid #7b68ee !important;}
.yn-bottom-dodgerblue{border-bottom:1px solid #1e90ff !important;}
.yn-bottom-blue{border-bottom:1px solid #0000ff !important;}
.yn-bottom-mediumblue{border-bottom:1px solid #0000cd !important;}
.yn-bottom-darkblue{border-bottom:1px solid #00008b !important;}
.yn-bottom-navy{border-bottom:1px solid #000080 !important;}
.yn-bottom-midnightblue{border-bottom:1px solid #191970 !important;}
.yn-bottom-lightsalmon{border-bottom:1px solid #ffa07a !important;}
.yn-bottom-orange{border-bottom:1px solid #ffa500 !important;}
.yn-bottom-darkorange{border-bottom:1px solid #ff8c00 !important;}
.yn-bottom-coral{border-bottom:1px solid #ff7f50 !important;}
.yn-bottom-tomato{border-bottom:1px solid #ff6347 !important;}
.yn-bottom-orangered{border-bottom:1px solid #ff4500 !important;}
.yn-bottom-aquamarine{border-bottom:1px solid #7fffd4 !important;}
.yn-bottom-mediumspringgreen{border-bottom:1px solid #00fa9a !important;}
.yn-bottom-springgreen{border-bottom:1px solid #00ff7f !important;}
.yn-bottom-palegreen{border-bottom:1px solid #98fb98 !important;}
.yn-bottom-greenyellow{border-bottom:1px solid #adff2f !important;}
.yn-bottom-chartreuse{border-bottom:1px solid #7fff00 !important;}
.yn-bottom-lawngreen{border-bottom:1px solid #7cfc00 !important;}
.yn-bottom-lime{border-bottom:1px solid #00ff00 !important;}
.yn-bottom-lightgreen{border-bottom:1px solid #90ee90 !important;}
.yn-bottom-yellowgreen{border-bottom:1px solid #9acd32 !important;}
.yn-bottom-limegreen{border-bottom:1px solid #32cd32 !important;}
.yn-bottom-mediumseagreen{border-bottom:1px solid #3cb371 !important;}
.yn-bottom-darkseagreen{border-bottom:1px solid #8fbc8f !important;}
.yn-bottom-forestgreen{border-bottom:1px solid #228b22 !important;}
.yn-bottom-seagreen{border-bottom:1px solid #2e8b57 !important;}
.yn-bottom-green{border-bottom:1px solid #008000 !important;}
.yn-bottom-olivedrab{border-bottom:1px solid #6b8e23 !important;}
.yn-bottom-olive{border-bottom:1px solid #808000 !important;}
.yn-bottom-darkolivegreen{border-bottom:1px solid #556b2f !important;}
.yn-bottom-darkgreen{border-bottom:1px solid #006400 !important;}
.yn-bottom-mediumaquamarine{border-bottom:1px solid #66cdaa !important;}
.yn-bottom-turquoise{border-bottom:1px solid #40e0d0 !important;}
.yn-bottom-lightseagreen{border-bottom:1px solid #20b2aa !important;}
.yn-bottom-darkcyan{border-bottom:1px solid #008b8b !important;}
.yn-bottom-teal{border-bottom:1px solid #008080 !important;}
.yn-bottom-lavender{border-bottom:1px solid #e6e6fa !important;}
.yn-bottom-thistle{border-bottom:1px solid #d8bfd8 !important;}
.yn-bottom-plum{border-bottom:1px solid #dda0dd !important;}
.yn-bottom-violet{border-bottom:1px solid #ee82ee !important;}
.yn-bottom-fuchsia{border-bottom:1px solid #ff77ff !important;}
.yn-bottom-magenta{border-bottom:1px solid #ff00ff !important;}
.yn-bottom-orchid{border-bottom:1px solid #da70d6 !important;}
.yn-bottom-mediumorchid{border-bottom:1px solid #ba55d3 !important;}
.yn-bottom-darkorchid{border-bottom:1px solid #9932cc !important;}
.yn-bottom-blueviolet{border-bottom:1px solid #8a2be2 !important;}
.yn-bottom-darkviolet{border-bottom:1px solid #9400d3 !important;}
.yn-bottom-mediumpurple{border-bottom:1px solid #9370db !important;}
.yn-bottom-slateblue{border-bottom:1px solid #6a5acd !important;}
.yn-bottom-purple{border-bottom:1px solid #800080 !important;}
.yn-bottom-darkmagenta{border-bottom:1px solid #8b008b !important;}
.yn-bottom-darkslateblue{border-bottom:1px solid #483d8b !important;}
.yn-bottom-indigo{border-bottom:1px solid #4b0082 !important;}
.yn-bottom-honeydew{border-bottom:1px solid #f0fff0 !important;}
.yn-bottom-mintcream{border-bottom:1px solid #f5fffa !important;}
.yn-bottom-azure{border-bottom:1px solid #f0ffff !important;}
.yn-bottom-aliceblue{border-bottom:1px solid #f0f8ff !important;}
.yn-bottom-ghostwhite{border-bottom:1px solid #f8f8ff !important;}
.yn-bottom-whitesmoke{border-bottom:1px solid #f5f5f5 !important;}
.yn-bottom-lavenderblush{border-bottom:1px solid #fff0f5 !important;}
.yn-bottom-mistyrose{border-bottom:1px solid #ffe4e1 !important;}
.yn-bottom-antiquewhite{border-bottom:1px solid #faebd7 !important;}
.yn-bottom-seashell{border-bottom:1px solid #fff5ee !important;}
.yn-bottom-snow{border-bottom:1px solid #fffafa !important;}
.yn-bottom-white{border-bottom:1px solid #ffffff !important;}
.yn-bottom-beige{border-bottom:1px solid #f5f5dc !important;}
.yn-bottom-linen{border-bottom:1px solid #faf0e6 !important;}
.yn-bottom-oldlace{border-bottom:1px solid #fdf5e6 !important;}
.yn-bottom-floralwhite{border-bottom:1px solid #fffaf0 !important;}
.yn-bottom-ivory{border-bottom:1px solid #fffff0 !important;}
.yn-bottom-gainsboro{border-bottom:1px solid #dcdcdc !important;}
.yn-bottom-lightgrey{border-bottom:1px solid #d3d3d3 !important;}
.yn-bottom-silver{border-bottom:1px solid #c0c0c0 !important;}
.yn-bottom-darkgray{border-bottom:1px solid #a9a9a9 !important;}
.yn-bottom-gray{border-bottom:1px solid #808080 !important;}
.yn-bottom-dimgray{border-bottom:1px solid #696969 !important;}
.yn-bottom-darkslategray{border-bottom:1px solid #2f4f4f !important;}
.yn-bottom-lightslategray{border-bottom:1px solid #778899 !important;}
.yn-bottom-slategray{border-bottom:1px solid #708090 !important;}
.yn-bottom-cornsilk{border-bottom:1px solid #fff8dc !important;}
.yn-bottom-blanchedalmond{border-bottom:1px solid #ffebcd !important;}
.yn-bottom-bisque{border-bottom:1px solid #ffe4c4 !important;}
.yn-bottom-navajowhite{border-bottom:1px solid #ffdead !important;}
.yn-bottom-wheat{border-bottom:1px solid #f5deb3 !important;}
.yn-bottom-sandybrown{border-bottom:1px solid #f4a460 !important;}
.yn-bottom-goldenrod{border-bottom:1px solid #daa520 !important;}
.yn-bottom-darkgoldenrod{border-bottom:1px solid #b8860b !important;}
.yn-bottom-peru{border-bottom:1px solid #cd853f !important;}
.yn-bottom-chocolate{border-bottom:1px solid #d2691e !important;}
.yn-bottom-maroon{border-bottom:1px solid #800000 !important;}
.yn-bottom-saddlebrown{border-bottom:1px solid #8b4513 !important;}
.yn-bottom-brown{border-bottom:1px solid #a52a2a !important;}
.yn-bottom-sienna{border-bottom:1px solid #a0522d !important;}
.yn-bottom-darkred{border-bottom:1px solid #8b0000 !important;}
.yn-bottom-burlywood{border-bottom:1px solid #deb887 !important;}
.yn-bottom-tan{border-bottom:1px solid #d2b48c !important;}
.yn-bottom-rosybrown{border-bottom:1px solid #bc8f8f !important;}
.yn-bottom-black{border-bottom:1px solid #000000 !important;}

/** add color 자주쓰는 색 **/
.yn-btn {display:inline-block;border:0;background-color:;border-radius:3px;padding:5px 16px;margin:1px;color: #ffffff;}
.yn-btn:hover {text-decoration:none;}
.yn-bg-bdazzledblue {background-color:#2E5894;color:#ffffff;}
.yn-bg-bdazzledblue:hover {background-color:#2b5187;color:#ffffff;}
.yn-bg-blackolive {background-color:#3B3C36;color:#ffffff;}
.yn-bg-blackolive:hover {background-color:#292a27;color:#ffffff;}
.yn-bg-brightmaroon {background-color:#c32148;color:#ffffff;}
.yn-bg-brightmaroon:hover {background-color:#b81d42;color:#ffffff;}
.yn-bg-cinnabar {background-color:#E34234;color:#ffffff;}
.yn-bg-cinnabar:hover {background-color:#d73c2e;color:#ffffff;}
.yn-color-bdazzledblue {color:#2E5894;}
.yn-color-blackolive {color:#3B3C36;}
.yn-color-brightmaroon {color:#c32148;}
.yn-color-cinnabar {color:#E34234;}

/**
  *
  * font size
  */
.fontdot8rem {font-size:0.8rem !important;}
.font1rem {font-size:1rem !important;}
.font1dot2rem {font-size:1.2rem !important;}
.font1dot4rem {font-size:1.4rem !important;}
.font1dot6rem {font-size:1.6rem !important;}
.font1dot8rem {font-size:1.8rem !important;}
.font2rem {font-size:2rem !important;}
.font2dot2rem {font-size:2.2rem !important;}
.font2dot4rem {font-size:2.4rem !important;}
.font2dot6rem {font-size:2.6rem !important;}
.font2dot8rem {font-size:2.8rem !important;}
.font14px {font-size:14px !important;}
.font16px {font-size:16px !important;}
.font18px {font-size:18px !important;}
.font20px {font-size:20px !important;}
.font22px {font-size:22px !important;}
.font24px {font-size:24px !important;}
.font28px {font-size:28px !important;}
.font32px {font-size:32px !important;}
.font36px {font-size:36px !important;}
.font40px {font-size:40px !important;}
.font48px {font-size:48px !important;}
.font56px {font-size:56px !important;}
.font64px {font-size:64px !important;}
.font72px {font-size:72px !important;}
.font80px {font-size:80px !important;}


/**
  *
  * font weight
  */
.fontweight100 {font-weight:100;}
.fontweight300 {font-weight:300;}
.fontweight400 {font-weight:400;}
.fontweight500 {font-weight:500;}
.fontweight700 {font-weight:700;}
.fontweight900 {font-weight:900;}


/**
  *
  * text-indent
  */
.textindent-1em {text-indent:-1em;margin-left:1em;}
.textindent-2em {text-indent:-2em;margin-left:2em;}


/**
  *
  * octagon 팔각형
  */
.octagon {
  width: 100px;
  height: 100px;
  background: red;
  position: relative;
}
.octagon:before {
  content: "";
  width: 100px;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 29px solid red;
  border-left: 29px solid #eee;
  border-right: 29px solid #eee;
}
.octagon:after {
  content: "";
  width: 100px;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 29px solid red;
  border-left: 29px solid #eee;
  border-right: 29px solid #eee;
}  


/**
  *
  * yn-list-table 기본형
  */
.yn-list-table {width:100%;border-top:2px solid #666;border-bottom:1px solid #666;border-spacing:0;}
.yn-list-table thead {}
.yn-list-table th {border-spacing:0;height:50px;font-weight:500;text-align:center;background-color:#f6f5f2;padding:10px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.yn-list-table th:last-child {border-right:0;}
.yn-list-table tbody {}
.yn-list-table td {border-spacing:0;padding:10px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;font-weight:300;background-color:#fff;color:#333;}
.yn-list-table td:last-child {border-right:0;}


/**
  *
  * yn-responsive-classic-table 전통적인 게시판 형
  * 
  * 선택,번호,분류,제목,작성자,작성일,조회수 순서임
  * 모바일인 경우 : 선택/분류/제목, 작성자/작성일/조회수 각 한줄씩 보여짐
  * 핵심은 중간에 col-separate를 넣는 것이다.
  * col-check col-number col-category col-subject col-separate col-writer col-regdate col-hit
  */
@media (min-width: 992px) { /* PC용 설정 */
	.yn-responsive-classic-table {
		width:100%;
		border-top:2px solid #666;
		border-bottom:1px solid #666;
		border-spacing:0;
	}
	.yn-responsive-classic-table > thead {}
	.yn-responsive-classic-table > thead > tr > th {
		border-spacing:0;
		font-weight:bold;
		text-align:center;
		background-color:#f6f5f2;
		padding:15px 0;
		border-bottom:1px solid #e2e2e2;
		border-right:1px solid #e2e2e2;
	}
	.yn-responsive-classic-table > thead > tr > th:last-child {
		border-right:0;
	}
	.yn-responsive-classic-table > thead > tr > th.col-check {
		text-align:center;
		width:35px;
	}
	.yn-responsive-classic-table > thead > tr > th.col-number {
		text-align:center;
		width:50px;
	}
	.yn-responsive-classic-table > thead > tr > th.col-category {
		text-align:center;
		width:150px;
	}
	.yn-responsive-classic-table > thead > tr > th.col-subject {
		min-width:40%;
	}
	.yn-responsive-classic-table > thead > tr > th.col-seperate {
		display:none;
	}
	.yn-responsive-classic-table > thead > tr > th.col-writer {
		text-align:center;
		width:120px;
	}
	.yn-responsive-classic-table > thead > tr > th.col-regdate {
		text-align:center;
		width:120px;
	}
	.yn-responsive-classic-table > thead > tr > th.col-hit {
		text-align:center;
		width:50px;
	}
	.yn-responsive-classic-table > tbody {}
	.yn-responsive-classic-table > tbody > tr {
		background-color:#ffffff;
	}
	.yn-responsive-classic-table > tbody > tr:nth-child(even) {
		/* background-color:#f8f8f8; */
	}
	.yn-responsive-classic-table > tbody > tr > td {
		border-spacing:0;
		padding:15px 10px;
		border-bottom:1px solid #e2e2e2;
		border-right:1px solid #e2e2e2;
		color:#333;
	}
	.yn-responsive-classic-table > tbody > tr > td:last-child {
		border-right:0;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-check {
		text-align:center;
		width:35px;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-number {
		text-align:center;
		width:50px;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-category {
		text-align:center;
		width:150px;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-subject {
		min-width:40%;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-separate {
		display:none;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-writer {
		text-align:center;
		width:120px;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-regdate {
		text-align:center;
		width:120px;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-hit {
		text-align:center;
		width:50px;
	}
	.yn-responsive-classic-table > tbody > tr > td.blank-list {
		text-align:center;
		height:300px;
	}
	.yn-responsive-classic-table > tbody > tr.tr-notice {
		background-color:#f6f5f2;
	}
}
@media (max-width: 991.99px) { /* Mobile용 설정 */
	.yn-responsive-classic-table {
		width:100%;
		border-top:2px solid #666;
		border-bottom:1px solid #666;
		border-spacing:0;
	}
	.yn-responsive-classic-table > thead {
		display:none;
	}
	.yn-responsive-classic-table > tbody {}
	.yn-responsive-classic-table > tbody > tr {
		display:block;
		padding:5px 10px;
		background-color:#ffffff;
		border-bottom:1px solid #e2e2e2;
	}
	.yn-responsive-classic-table > tbody > tr:nth-child(even) {
		/* background-color:#f8f8f8; */
	}
	.yn-responsive-classic-table > tbody > tr > td {
		display:inline-block;
		border-spacing:0;
		padding:0;
		color:#333;
	}
	.yn-responsive-classic-table > tbody > tr > td:last-child {
		border-right:0;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-check {
		margin-right:5px;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-number {
		display:none;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-category {
		font-size:0.8rem;
		font-weight:bold;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-subject {
		display:block;
		width:100%;
		font-size:1.1rem;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-separate {
	}
	.yn-responsive-classic-table > tbody > tr > td.col-writer {
		margin-right:10px;
		font-size:0.8rem;
		color:#777;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-regdate {
		margin-right:10px;
		font-size:0.8rem;
		color:#777;
	}
	.yn-responsive-classic-table > tbody > tr > td.col-hit {
		display:none;
	}
	.yn-responsive-classic-table > tbody > tr > td.blank-list {
		width:100%;
		text-align:center;
		height:150px;
		line-height:150px;
	}
	.yn-responsive-classic-table > tbody > tr.tr-notice {
		background-color:#f6f5f2;
	}
}


/**
  *
  * ynModal 기본형
  */
.ynModal {
	display:none;
	position:fixed;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.4);
}
.ynModalContainer {
	background-color:#fefefe;
	margin:auto;
	margin-top:10%;
	padding:0;
	border:1px solid #888;
	width:60%;
	z-index:2;
}
.ynModalHeader {
	border-bottom:1px solid #dfdfdf;padding:5px 15px;
	display:-webkit-flex;display:-moz-flex;display:flex;
	-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;
	-webkit-align-items:center;-moz-align-items:center;align-items:center;
}
.ynModalTitle {}
.ynModalCloser {
	color:#aaa;
	font-size:28px;
	font-weight:bold;
}
.ynModalCloser:hover,
.ynModalCloser:focus {
	color:black;
	text-decoration:none;
	cursor:pointer;
}
.ynModal .ynModalBody {padding:20px;min-height:200px;}


/**
  *
  * 반응형 yn-menu 기본 설정 - mobile first
  * 현재 구조부분과 디자인 부분이 섞여있으므로 추후 분리 필요
  * 2019.01.16 현재 추가 보완작업 필요
  */
@media (max-width: 991.99px) { /* Mobile용 설정 */
	.yn-navbar-section {border-bottom:1px solid #bbb;}
	.yn-navbar {display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
	.yn-navbar a {color:#000;}
	.yn-navbar ul {margin:0;padding:0;list-style-type:none;}
	.yn-navbar .yn-navbar-toggler {}
	.yn-navbar .yn-navbar-logo {}
	.yn-navbar .yn-navbar-menu {position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#000;border:1px solid #999;z-index:99999;}
	.yn-navbar .yn-navbar-menu .yn-menu {}
	.yn-navbar .yn-navbar-menu .yn-menu a {display:inline-block;color:#fff;font-size:1.3em;margin:5px 10px;text-decoration:none;}
	.yn-navbar .yn-navbar-menu .yn-menu a:hover {color:#ededed;}
	.yn-navbar .yn-navbar-menu .yn-menu > li {border-bottom:1px solid #333;line-height:50px;}
	.yn-navbar .yn-navbar-menu .yn-menu > li > ul {display:none;}
	.yn-navbar .yn-navbar-menu .yn-menu > li > ul > li {background-color:#333;border-bottom:1px solid #444;line-height:30px;}
	.yn-navbar .yn-navbar-menu .yn-menu > li > ul > li > a {font-size:1.0em;}
	.yn-navbar .yn-navbar-menu .yn-menu .closer {text-align:right;}
	.yn-navbar .yn-navbar-menu .yn-menu .closer a {font-size:30px;margin:5px 20px;}
	.yn-navbar .yn-navbar-menu .yn-menu .closer a:hover {color:#eeeeee;}
}

@media (min-width: 992px) { /* PC용 설정 */
	.yn-navbar-section {border-bottom:1px solid #bbb;}
	.yn-navbar {display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
	.yn-navbar .yn-navbar-toggler {display:none;}
	.yn-navbar .yn-navbar-logo {}
	.yn-navbar .yn-navbar-menu {margin:0;padding:0;align-self:stretch;display:-webkit-flex;display:-moz-flex;display:flex;}
	.yn-navbar .yn-navbar-menu .yn-menu {position:relative;top:auto;left:auto;margin:0;padding:0;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
	.yn-navbar .yn-navbar-menu .yn-menu .closer {display:none;}
	.yn-navbar .yn-navbar-menu .yn-menu > li {height:100%;}
	.yn-navbar .yn-navbar-menu .yn-menu > li:hover {background-color:#f5f5f5;}
	.yn-navbar .yn-navbar-menu .yn-menu > li > a {display:inline-block;height:100%;font-size:1.2em;text-decoration:none;margin:auto 22px;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
	/* .yn-navbar .yn-navbar-menu .yn-menu > li > a:after {content:'\02C7';top:5px;color:#bbb;} */
	.yn-navbar .yn-navbar-menu .yn-menu > li > ul {position:absolute;display:inline-block;min-width:250px;border:1px solid #ccc;border-top:2px solid #8ab933;margi-top:-1px;display:none;}
	.yn-navbar .yn-navbar-menu .yn-menu > li > ul > li {height:47px;padding-left:10px;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
	.yn-navbar .yn-navbar-menu .yn-menu > li > ul > li:hover {background-color:#f5f5f5;}
	.yn-navbar .yn-navbar-menu .yn-menu > li > ul > li > a {color:#393939;text-decoration:none;}
	.yn-navbar .yn-navbar-menu .yn-menu > li > ul > li > a:hover {color:#000;}
	.yn-navbar .yn-navbar-menu .yn-navbar-text {align-self:stretch;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
	.yn-navbar .yn-navbar-menu .yn-navbar-text span {display:inline-block;margin:0 20px;color:#dddddd;}
	.yn-navbar .yn-navbar-menu .yn-navbar-text .top_search_btn {border:0;background-color:#fff;color:#888888;}
	.yn-navbar a {color:#000;}
	.yn-navbar ul {margin:0;padding:0;list-style-type:none;}
}


/**
  *
  * yn사이트 기본 설정
  *
  */

* {
	font-family:'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Malgun Gothic','맑은 고딕','Dotum','돋움','Gulim','굴림','Apple SD Gothic Neo', sans-serif;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
html, body {height:100%;}

@media (max-width: 991.99px) {	/* bootstrap 4 - md이하 */
	body {font-size:14px;}
}
@media (min-width: 992px) {	/* bootstrap 4 - lg이상 */
	body {font-size:16px;}
}


/* This edit gives five levels of specificity, thus making it override other styles */
.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-current {
    font-weight: bold;
    opacity: 1;
    filter:Alpha(Opacity=100);
}


/* 팝업 창 스타일 */
.popup_bg {
	display: none;
}
.popup_bg.active {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5%;
}
.popup_wrap {
	display: inline-block;
}
.popup_close_area {
	text-align: right;
	margin-bottom: 5px;
}
.popup_close_area a, .popup_close_area a:hover {
	color: #ffffff !important;
}
.popup_close_area i {
	color: #000000;
	background-color: rgba(255,255,255,0.6);
	font-size: 25px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 5px;
}
#popup_area {
	display: inline-flex;
	max-width: 90vw;
	min-width: 370px;
	overflow-x: auto;
	position: relative;
}

#popup_area > div {
	flex-shrink: 0;
	position: relative;
	top: 0;
}
.popup_paging_area {
	display: none;
}
/* 모바일 경우 */
@media(max-width: 820px) {
	.popup_wrap {
		width: 100%;
		max-width: 300px;
		overflow: hidden;
	}
	#popup_area {
		overflow-x: hidden;
		height: 420px;
	}
	#popup_area > div {
		position: absolute;
		width: 300px;
	}
	.popup_paging_area {
		display: block;
		text-align: center;
		position: relative;
	}
	.popup_paging_wrap {
		background-color: rgba(0,0,0,0.5);
		padding: 5px 10px;
		border-radius: 10px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		bottom: 80px;
	}
	.popup_paging {
		display: inline-block;
		width: 7px;
		height: 7px;
		background-color: #ffffff;
		border-radius: 2.5px;
		margin: 0 1px;
	}
	.popup_paging.active {
		width: 15px;
		background-color: #ffd553;
	}
}