/* ★ Customization 2018. 01. 13  */

.khrm-box-img img {
	position: absolute;
	bottom: 20px;
	right: 25px;
	width: 70px;
	height: 70px;
}

.bg-light {
	background: transparent !important;
	border: 0px solid #ddd;
}
/*
.bg-light:hover {
	border: 1px solid #bbb;
}
*/
.bg-light img {
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

.bg-light i {
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

.bg-light:hover i {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.bg-light:hover strong {
	color: #0054a6;
}

.leaf{z-index:999; text-align: center; position:absolute; top:150px; left:0px; height:600px;}
.leaf2{z-index:999; text-align: center; position:absolute; top:20px; left:0px; height:600px;}


.icon_moving {
    position: absolute;
    left:50%;
	z-index: 99;
    top: 120px;
    margin-left:-350px;  
}

.icon_moving a {
    float: left;
    width: 80px;
    height: 180px;
    font: 0px/0px 'Nanum Gothic';
    text-indent: -100px;    
    text-decoration: none;
}

.clear{clear:both}
.ht3 {height:2px !important;}
.ht5 {height:5px !important;}
.ht10 {height:10px !important;}
.ht15 {height:15px !important;}
.ht20 {height:20px !important;}
.ht25 {height:25px !important;}
.ht30 {height:30px !important;}
.ht40 {height:40px !important;}
.ht50 {height:50px !important;}
.ht100 {height:100px !important;}
.ht150 {height:150px !important;}
.ht200 {height:200px !important;}
.ht300 {height:300px !important;}
.ht400 {height:400px !important;}

.img_shadow380 { float:left; background:url(/img/bg/post-shadow380.png);height:29px; width:380px; display:block; margin:0 auto; }
.img_shadow660 { float:left; background:url(/img/bg/post-shadow660.png);height:29px; width:660px; display:block; margin:0 auto; }
.img_shadow690 { background:url(/img/bg/post-shadow690.png);height:29px; width:690px; display:block; margin:0 auto; }


#deco1 {
    z-index:10; position:absolute; float:right; top:137px; right:35px; background:url(/img/deco/dancerss.png) no-repeat;
    width:270px; height:150px; border:0; display:block; text-indent:-9999px;
	}
#deco2 {
    z-index:10; position:absolute; float:right; top:10px; right:55px; background:url(/img/deco/monkeyhang.png) no-repeat;
    width:190px; height:280px; border:0; display:block; text-indent:-9999px;
	}
#deco3 {
    position:absolute; float:right; top:5px; right:-15px; background:url(/img/deco/dancerss2.png) no-repeat;
    width:190px; height:280px; border:0; display:block; text-indent:-9999px; z-index:10;
	}
#deco4 {
    z-index:10; position:absolute; float:right; top:70px; right:100px; background:url(/img/deco/yg03-.png) no-repeat;
    width:198px; height:220px; border:0; display:block; text-indent:-9999px;
   }
#deco5 {
    z-index:10; position:absolute; float:right; top:80px; right:180px; background:url(/img/deco/yg07-.png) no-repeat;
    width:178px; height:200px; border:0; display:block; text-indent:-9999px;
    }
#deco6 {
    z-index:10; position:absolute; float:right; top:100px; right:200px; background:url(/img/deco/yg09-.png) no-repeat;
    width:188px; height:220px; border:0; display:block; text-indent:-9999px;
    }
#deco7 {
    z-index:10; position:absolute; float:right; top:370px; right:200px; background:url(/img/deco/meditations.png) no-repeat;
    width:240px; height:200px; border:0; display:block; text-indent:-9999px;
    }

/*---------- Rounded and Circle Classes ----------*/
.rounded {border-radius:2px !important}
.rounded-x {border-radius:50% !important}
/* .rounded-2x {border-radius:5px !important} */
.rounded-2x {border-radius:0 20px !important;}
.rounded-3x {border-radius:10px !important}
.rounded-4x {border-radius:15px !important}
.rounded-5x {border-radius:20px !important}

/*---------- Progress Bar ----------*/
.progress {box-shadow:none;margin-bottom:10px}
.progress .progress-bar {box-shadow:none}
.progress-e {box-shadow:none}
.progress-e .progress-bar {box-shadow:none}
.progress-info {font-size:12px}
.progress-info-left {font-size:12px}
.progress-info-right {font-size:12px;float:right}
.progress-vertical {width:40px;min-height:150px;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;margin-right:20px;float:left}
.progress-vertical .progress-bar {width:100%;height:0;font-size:11px}

/*Size*/
.progress-lg {height:32px}
.progress-sl {height:20px}
.progress-sm {height:12px}
.progress-xs {height:7px}
.progress-xxs {height:3px}

/*Color #eaecee */
.progress {background:}
.progress-bar-default {background:#959595}
.progress-bar-dark {background:#2E3340}
.progress-bar-red {background:#FF2900}
.progress-bar-blue {background:#0078FF}
.progress-bar-green {background:#87BA00}
.progress-bar-yellow {background:#FF9500}
.progress-bar-purple {background:#663BB8}
.progress-bar-brown {background:#785447}
.progress-bar-orange {background:#FF5721}
.progress-bar-indigo {background:#4052B5}
.progress-bar-teal {background:#009687}
.progress-bar-pink {background:#E81F63}

/*---------- Tabs ----------*/
/*Tabs e1*/
.tab-e1 .nav-tabs {border:none;background:none;border-bottom:solid 1px #74747a}
.tab-e1 .nav-tabs a {font-size:12px;padding:5px 12px}
.tab-e1 .nav-tabs > .active > a,.tab-e1 .nav-tabs > .active > a:hover,.tab-e1 .nav-tabs > .active > a:focus {color:#fff;border:none;background:#74747a}
.tab-e1 .nav-tabs > li > a {border:none}
.tab-e1 .nav-tabs > li > a:hover {color:#fff;background:#34343a}
.tab-e1 .tab-content {padding:10px 0}
.tab-e1 .tab-content img {margin-top:4px;margin-bottom:15px}
.tab-e1 .tab-content img.img-tab-space {margin-top:7px}

/*Tab e2*/
.tab-e2 .nav-tabs {border-bottom:none}
.tab-e2 .nav-tabs li a {font-size:12px;padding:7px 15px;background:none;border:none}
.tab-e2 .nav-tabs li.active a {background:#FFF;padding:6px 13px 7px;border:solid 1px #e5e5e5;border-top:solid 1px #FF2900;border-bottom:none !important;color:#000}
.tab-e2 .tab-content {padding:10px 15px;border:solid 1px #e5e5e5}

/*Tab Background*/
.tab-bg .nav-tabs {border:none;background:none;border-bottom:solid 1px #B5B5B5}
.tab-bg .nav-tabs a {font-size:13px;padding:8px 18px;border-top-left-radius:2px !important;border-top-right-radius:2px !important}
.tab-bg .nav-tabs > .active > a, .tab-bg .nav-tabs > .active > a:hover, .tab-bg .nav-tabs > .active > a:focus {color:#FFF;border:none;background:#B5B5B5}
.tab-bg .nav-tabs > li > a {border:none}
.tab-bg .nav-tabs > li > a:hover {color:#FFF;background:#959595}
.tab-bg .tab-content {padding:15px 0}
.tab-bg-default .nav-tabs {border-bottom:solid 1px #B5B5B5}
.tab-bg-default .nav-tabs > .active > a, .tab-bg-default .nav-tabs > .active > a:hover, .tab-bg-default .nav-tabs > .active > a:focus {background:#B5B5B5}
.tab-bg-default .nav-tabs > li > a:hover {background:#959595}
.tab-bg-dark .nav-tabs {border-bottom:solid 1px #2E3340}
.tab-bg-dark .nav-tabs > .active > a, .tab-bg-dark .nav-tabs > .active > a:hover, .tab-bg-dark .nav-tabs > .active > a:focus {background:#2E3340}
.tab-bg-dark .nav-tabs > li > a:hover {background:#1C1C26}
.tab-bg-red .nav-tabs {border-bottom:solid 1px #FF2900}
.tab-bg-red .nav-tabs > .active > a, .tab-bg-red .nav-tabs > .active > a:hover, .tab-bg-red .nav-tabs > .active > a:focus {background:#FF2900}
.tab-bg-red .nav-tabs > li > a:hover {background:#CC2300}
.tab-bg-blue .nav-tabs {border-bottom:solid 1px #0078FF}
.tab-bg-blue .nav-tabs > .active > a, .tab-bg-blue .nav-tabs > .active > a:hover, .tab-bg-blue .nav-tabs > .active > a:focus {background:#2C97E4; outline:none !important;}
.tab-bg-blue .nav-tabs > li > a:hover {background:#0053B0; outline:none !important;}
.tab-bg-green .nav-tabs {border-bottom:solid 1px #87BA00}
.tab-bg-green .nav-tabs > .active > a, .tab-bg-green .nav-tabs > .active > a:hover, .tab-bg-green .nav-tabs > .active > a:focus {background:#87BA00;outline:none !important;}
.tab-bg-green .nav-tabs > li > a:hover {background:#537200; outline:none !important;}
.tab-bg-yellow .nav-tabs {border-bottom:solid 1px #FF9500}
.tab-bg-yellow .nav-tabs > .active > a, .tab-bg-yellow .nav-tabs > .active > a:hover, .tab-bg-yellow .nav-tabs > .active > a:focus {background:#FF9500; outline:none !important;}
.tab-bg-yellow .nav-tabs > li > a:hover {background:#C17100; outline:none !important;}

/*Tab Bordered*/
.tab-brd .nav-tabs {background:none;border-bottom:solid 1px #B5B5B5}
.tab-brd .nav-tabs a {font-size:13px;padding:8px 20px;border-top-left-radius:2px !important;border-top-right-radius:2px !important}
.tab-brd .nav-tabs > .active > a, .tab-brd .nav-tabs > .active > a:hover, .tab-brd .nav-tabs > .active > a:focus {color:#2E3340;border:1px solid #B5B5B5 !important;border-bottom-color:transparent !important}
.tab-brd .nav-tabs > li > a:hover {border:1px solid #B5B5B5;border-bottom-color:transparent}
.tab-brd .tab-content {padding:15px 0}
.tab-brd-default .nav-tabs {border-bottom:solid 1px #B5B5B5}
.tab-brd-default .nav-tabs > .active > a, .tab-brd-default .nav-tabs > .active > a:hover, .tab-brd-default .nav-tabs > .active > a:focus {color:#2E3340;border:1px solid #B5B5B5 !important;border-bottom-color:transparent !important}
.tab-brd-default .nav-tabs > li > a:hover {color:#1C1C26;border:1px solid #B5B5B5;border-bottom-color:transparent}
.tab-brd-dark .nav-tabs {border-bottom:solid 1px #2E3340}
.tab-brd-dark .nav-tabs > .active > a, .tab-brd-dark .nav-tabs > .active > a:hover, .tab-brd-dark .nav-tabs > .active > a:focus {color:#1C1C26;border:1px solid #2E3340 !important;border-bottom-color:transparent !important}
.tab-brd-dark .nav-tabs > li > a:hover {color:#1C1C26;border:1px solid #2E3340;border-bottom-color:transparent}
.tab-brd-red .nav-tabs {border-bottom:solid 1px #FF2900}
.tab-brd-red .nav-tabs > .active > a, .tab-brd-red .nav-tabs > .active > a:hover, .tab-brd-red .nav-tabs > .active > a:focus {color:#FF2900;border:1px solid #FF2900 !important;border-bottom-color:transparent !important}
.tab-brd-red .nav-tabs > li > a:hover {color:#FF2900;border:1px solid #FF2900;border-bottom-color:transparent}
.tab-brd-blue .nav-tabs {border-bottom:solid 1px #0078FF}
.tab-brd-blue .nav-tabs > .active > a, .tab-brd-blue .nav-tabs > .active > a:hover, .tab-brd-blue .nav-tabs > .active > a:focus {color:#0078FF;border:1px solid #0078FF !important;border-bottom-color:transparent !important}
.tab-brd-blue .nav-tabs > li > a:hover {color:#0078FF;border:1px solid #0078FF;border-bottom-color:transparent}
.tab-brd-green .nav-tabs {border-bottom:solid 1px #87BA00}
.tab-brd-green .nav-tabs > .active > a, .tab-brd-green .nav-tabs > .active > a:hover, .tab-brd-green .nav-tabs > .active > a:focus {color:#87BA00;border:1px solid #87BA00 !important;border-bottom-color:transparent !important}
.tab-brd-green .nav-tabs > li > a:hover {color:#87BA00;border:1px solid #87BA00;border-bottom-color:transparent}
.tab-brd-yellow .nav-tabs {border-bottom:solid 1px #FF9500}
.tab-brd-yellow .nav-tabs > .active > a, .tab-brd-yellow .nav-tabs > .active > a:hover, .tab-brd-yellow .nav-tabs > .active > a:focus {color:#FF9500;border:1px solid #FF9500 !important;border-bottom-color:transparent !important}
.tab-brd-yellow .nav-tabs > li > a:hover {color:#FF9500;border:1px solid #FF9500;border-bottom-color:transparent}

/*Tab Stacked*/
.tab-std .nav-stacked li a {padding:8px 15px}
.tab-std .nav-stacked li a:hover, .tab-std .nav-stacked li.active a {color:#FFF;background:#B5B5B5}
.tab-std .nav-stacked li i {width:1.25em;margin-right:5px;text-align:center;display:inline-block}
.tab-std .tab-nav-left {border-right:1px solid #B5B5B5}
.tab-std .tab-nav-right {border-left:1px solid #B5B5B5}
.tab-std .tab-nav-left li a {border-top-left-radius:2px !important;border-bottom-left-radius:2px !important}
.tab-std .tab-nav-right li a {border-top-right-radius:2px !important;border-bottom-right-radius:2px !important}
.tab-std .tab-content-left {border-right:1px solid #B5B5B5;margin-right:-1px}
.tab-std .tab-content-right {border-left:1px solid #B5B5B5;margin-left:-1px}
.tab-std .tab-content {padding:0 15px}
.tab-std-default .nav-stacked li a:hover, .tab-std-default .nav-stacked li.active a {background:#B5B5B5}
.tab-std-defaul .tab-nav-left, .tab-std-defaul .tab-nav-right, .tab-std-defaul .tab-content-left, .tab-std-defaul .tab-content-right {border-color:#B5B5B5}
.tab-std-dark .nav-stacked li a:hover, .tab-std-dark .nav-stacked li.active a {background:#2E3340}
.tab-std-dark .tab-nav-left, .tab-std-dark .tab-nav-right, .tab-std-dark .tab-content-left, .tab-std-dark .tab-content-right {border-color:#2E3340}
.tab-std-red .nav-stacked li a:hover, .tab-std-red .nav-stacked li.active a {background:#FF2900}
.tab-std-red .tab-nav-left, .tab-std-red .tab-nav-right, .tab-std-red .tab-content-left, .tab-std-red .tab-content-right {border-color:#FF2900}
.tab-std-blue .nav-stacked li a:hover, .tab-std-blue .nav-stacked li.active a {background:#0078FF}
.tab-std-blue .tab-nav-left, .tab-std-blue .tab-nav-right, .tab-std-blue .tab-content-left, .tab-std-blue .tab-content-right {border-color:#0078FF}
.tab-std-green .nav-stacked li a:hover, .tab-std-green .nav-stacked li.active a {background:#87BA00}
.tab-std-green .tab-nav-left, .tab-std-green .tab-nav-right, .tab-std-green .tab-content-left, .tab-std-green .tab-content-right {border-color:#87BA00}
.tab-std-yellow .nav-stacked li a:hover, .tab-std-yellow .nav-stacked li.active a {background:#FF9500}
.tab-std-yellow .tab-nav-left, .tab-std-yellow .tab-nav-right, .tab-std-yellow .tab-content-left, .tab-std-yellow .tab-content-right {border-color:#FF9500}
@media (min-width:768px) {
	.tab-std [class*=col-]:first-child {padding-right:0}
	.tab-std [class*=col-]:last-child {padding-left:0}
}

/*---------- Alarm Marker ----------*/
.alarm-marker {position:relative}
.alarm-marker .alarm-effect {position:absolute;top:-13px;right:-14px;height:26px;width:26px;z-index:10;border:5px solid #FF2900;border-radius:70px !important;animation:alarm-effect 1s infinite;-webkit-animation:alarm-effect 1s infinite;-moz-animation:alarm-effect 1s infinite}
.alarm-marker .alarm-point {width:6px;height:6px;-webkit-border-radius:30px !important;-moz-border-radius:30px !important;border-radius:30px !important;background-color:#FF2900;position:absolute;right:-4px;top:-3px}
@-moz-keyframes alarm-effect {
	0% {-moz-transform:scale(0);opacity:0}
	25% {-moz-transform:scale(.1);opacity:.1}
	50% {-moz-transform:scale(.5);opacity:.3}
	75% {-moz-transform:scale(.8);opacity:.5}
	100% {-moz-transform:scale(1);opacity:0}
}
@-webkit-keyframes alarm-effect {
	0% {-webkit-transform:scale(0);opacity:0}
	25% {-webkit-transform:scale(.1);opacity:.1}
	50% {-webkit-transform:scale(.5);opacity:.3}
	75% {-webkit-transform:scale(.8);opacity:.5}
	100% {-webkit-transform:scale(1);opacity:0}
}
@keyframes alarm-effect {
	0% {transform:scale(0);opacity:0}
	25% {transform:scale(.1);opacity:.1}
	50% {transform:scale(.5);opacity:.3}
	75% {transform:scale(.8);opacity:.5}
	100% {transform:scale(1);opacity:0}
}

.alarm-marker2 {
    position: absolute;
    left:50%;
	z-index: 99;
    top: 33px;
    margin-left:-100px;  
}

.alarm-marker2 .alarm-effect {position:absolute;top:-13px;right:-14px;height:26px;width:26px;z-index:10;border:5px solid #FF2900;border-radius:70px !important;animation:alarm-effect 1s infinite;-webkit-animation:alarm-effect 1s infinite;-moz-animation:alarm-effect 1s infinite}
.alarm-marker2 .alarm-point {width:6px;height:6px;-webkit-border-radius:30px !important;-moz-border-radius:30px !important;border-radius:30px !important;background-color:#FF2900;position:absolute;right:-4px;top:-3px}


/* ★ 타이틀 롤링 스타일 */

.rotating-text .rotating-title {float:left; display:inline-block;vertical-align:top;left:50%;margin-left:-262px;font-weight:bold;
	font-size:3vmin; letter-spacing:-0.03em; text-align:center; }

.rotating-text .rotating-title_m {display:inline-block;vertical-align:top;left:50%;font-weight:bold;
	 letter-spacing:-0.03em; text-align:center; padding-top:8px; }   /* ★ mobile : page.introduce.php */

.rotating-text .word {position:absolute;opacity:0}
.rotating-text .letter {display:inline-block;position:relative;float:left;transform:translateZ(25px);transform-origin:50% 50% 25px}
.rotating-text .letter.out {transform:rotateX(90deg);transition:transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.rotating-text .letter.behind {transform:rotateX(-90deg)}
.rotating-text .letter.in {transform:rotateX(0deg);transition:transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.rotating-text .color-1 {color:#FFFFFF}
.rotating-text .color-2 {color:#FFFF00}
.rotating-text .color-3 {color:#c0392b}
.rotating-text .color-4 {color:#16a085}
.rotating-text .color-5 {color:#b17d0c}
.rotating-text .color-6 {color:#E9323C}
.rotating-text .color-7 {color:#6E93B8}


/* ★ 추가함 >> 마우스 오버시 알림메시지창이 뜹니다. */

.help-tip{
	position: absolute;
	top: 88px;
	right: 33px;
	text-align: center;
	background-color: #A7CBF0;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	font-size: 17px;
	line-height: 28px;
	cursor: default;
}

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#fff;
}

.help-tip:hover p{
	z-index:9;
	display:block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}

.help-tip p{
	display: none;
	text-align: left;
	background-color: #1E2021;
	margin-top:-108px;
	padding: 15px;
	width: 280px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	right: -4px;
	color: #FFF;
	font-size: 14px;
	line-height: 1.4;
} 

.help-tip p:before{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:8px solid transparent;
	border-bottom-color:#1E2021;
	right:10px;
	top:63px;
}

.help-tip p:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}
	100% {
		opacity:100%;
		transform: scale(1);
	}
} 

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}​ 


/* ★ 추가함 */

a{outline:none !important;}
.board-view a {text-decoration:none;}
.board-view u {text-decoration:none;}

.board-view a[href^="http:"] { padding:0 18px 0px 2px; background-image:url('/img/icon/icon_arrow.png'); background-repeat:no-repeat; background-position:right 30%; color:#000; border-bottom:2px solid #5cadcf;}
.board-view a[href^="https:"] { padding:0 11px 0px 2px; background-image:url('/img/icon/p_link.gif'); background-repeat:no-repeat; background-position:right 30%; color:#000; border-bottom:2px solid #FF8000;}
.board-view .brush:php a[href^="http:"] { padding:0 15px 2px 2px; background:none; border:none;}
.board-view u{clear: both; padding:0 5px 1px 2px; background-image:url('/img/pencil.gif'); background-repeat:no-repeat; background-position:left 80%; border-bottom:2px solid #5cadcf; color:#FF8000; } 

/* ★ 게시판에 적용됨 */
#writeContents a[href^="http:"] { padding:0 16px 0px 2px; background-image:url('/img/icon/icon_arrow.png'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:2px solid #FF8000;}
#writeContents a[href^="https:"] { padding:0 12px 0px 2px; background-image:url('/img/icon/p_link.gif'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:2px solid #FF8000;}
#writeContents .brush:php a[href^="http:"] { padding:0 12px 0px 5px; background:none; border:none;}
#writeContents u{clear: both; padding:0 5px 1px 10px; background-image:url('/img/pencil.gif'); background-repeat:no-repeat; background-position:left 80%; border-bottom:2px solid #5cadcf; color:#FF8000; } 

/* ★ 게시판에 적용됨 ※ minit */
#view_content a[href^="http:"] { padding:0 17px 0px 2px; background-image:url('/img/icon/icon_arrow.png'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:2px solid #FF8000;}
#view_content a[href^="https:"] { padding:0 12px 0px 2px; background-image:url('/img/icon/p_link.gif'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:2px solid #FF8000; text-decoration: none;}
#view_content .brush:php a[href^="http:"] { padding:0 12px 0px 5px; background:none; border:none;}
#view_content u{clear: both; padding:0 5px 1px 10px; background-image:url('/img/pencil.gif'); background-repeat:no-repeat; background-position:left 80%; border-bottom:2px solid #5cadcf; color:#FF8000; } 

/* ★ 적용되는  */
#greetings a[href^="http:"] { padding:0 17px 0px 0px; background-image:url('/img/icon/icon_arrow.gif'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:2px solid #FF8000;}
#greetings a[href^="https:"] { padding:0 12px 0px 2px; background-image:url('/img/icon/p_link.gif'); background-repeat:no-repeat; background-position:right 30%; color:cornflowerblue; border-bottom:2px solid #FF8000; text-decoration: none;}
#greetings brush:php a[href^="http:"] { padding:0 2px 0px 2px; background:none; border:none;}
#greetings u{clear: both; padding:0 5px 1px 10px; background-image:url('/img/icon/pencil.gif'); background-repeat:no-repeat; background-position:left 80%; text-decoration:none; border-bottom:2px solid #5cadcf; color:#FF8000; } 


/* 상단 스크롤 버튼 */

.inner a img {position:absolute;width:auto; top:35%; left:35%; transition:all .4s ease}
.inner a span {position:absolute; width:100%; top:0; left:50%; font-size:13px; font-weight:600; margin-left:-22px; line-height:45px; opacity:0; filter:alpha(opacity='0'); transform:rotate(-360deg); transition:all .4s ease}
.inner a.on img {opacity:0; transform:rotate(360deg)}
.inner a.on span {display:block; opacity:1; filter:alpha(opacity='100'); transform:rotate(0deg)}
/* 하단 영역 */

 /* 상단 스크롤 버튼 */
.inner {padding:0 20px}

/* ★★ 2017.03.28 */

.small_image {	
	width: 120px;
	height: 90px;
	float:left;
	background-image: url('img/blog_small_pic2.png'); background-repeat:no-repeat; background-position:-4px 8px;		
}
.small_image img,.small_image .preloader {	
	border: 0px;	
	width: 120px;
	height: 90px;
}

.small_image2 {	
	padding:0px 11px;
	width: 120px;
	height: 90px;
	background-image: url('img/skin_right_img.png'); background-repeat:no-repeat; background-position:132px 10px;
}
.small_image2 img,.small_image2 .preloader {	
	border: 0px;	
	width: 120px;
	height: 90px;
}

.small_image3 {	
	width: 120px;
	height: 90px;
	float: left;	
	background-image: url('img/i_s2.png'); background-repeat:no-repeat; background-position:0px 0px;
}

.small_image3 img,.small_image3 .preloader {
	border: 0px;	
	width: 120px;
	height: 90px;
}

/* IMAGE PRELOADER */

.preloader {  
	background: url('img/preloader.gif') center center no-repeat #fff;  
	display: inline-block;  	
}  

/* -----------------------------------------
   recent-posts
----------------------------------------- */
/*
.recent-posts-list .entry-title {
  }  margin-bottom: 5px; 

.recent-posts-list .entry-title:first-letter {
 color: #BF6000; 
 font-weight:bold; } background-color:#181A1D; background-image:url('/img/arrow-dark.png'); background-repeat:no-repeat; background-position:left 80%;*/

.recent-posts-list .entry-title .animated {
  color: #BF6000; font-weight:normal;}

.recent-posts-list .entry-title a {
  color: #000; }  /* color: inherit; */