/* All Rights Reserved by SDFC.Co.KR - powered by  SDJEIL.COM */
/* image/bg */
/*# SDJeil.com - DY @170104 [22H:39M:10S]*/
/* ADC : .pagenavi */

BODY,TD,input,DIV,form,TEXTAREA,center,option,pre,blockquote,table {font-size:12px; font-family:verdana,돋움; color:#666666; line-height:160%;}

BODY,html {
  background: url("/img/pattern_w.svg");
  border-radius: 10px;
  background-size: cover;
  background-attachment: fixed;
}
#body {overflow-x:hidden; overflow-y:auto;


}
SELECT {font-size:12px}

A:link    {color:#666666;text-decoration:none; }
A:visited {color:#666666;text-decoration:none; }
A:active  {color:#666666;text-decoration:none; }
A:hover   {color:#666666;text-decoration:none; }

input {
      border: expression( (this.type=='checkbox' || this.type=='radio'  || this.type=='image')?'':'solid 1px #d2d2d2' );
      background-color:transparent;
      line-height:120%;
      }
.input_login {font-family:돋움; font-size:11px; border:solid 0; color:ffffff; background-color:#efe6e1; line-height:120%; ime-mode:disabled; -webkit-ime-mode:disabled; -moz-ime-mode:disabled; -ms-ime-mode:disabled; }
.input_green {font-family:돋움;	font-size:11px;	border:solid 1px #aac394; background-color:#f6f8f4;	line-height:120%;}
.input_ffffff {font-family:돋움; font-size:11px; border:solid 0; color:ffffff; background-color:#ffffff; line-height:120%;}

/* # SDJeil.com - DY @160314 [06H:03M:10S] */

input[type=text]::-ms-clear { 
    display: none; 
}
input[type=password] { im-mode:auto !important; }

/*********** 폰트 ************/
.font_size7     {font-size: 7pt;}
.font_size10    {font-family: 돋움;font-size: 10px; line-height:120%;}
.font_size11    {font-family: 돋움;font-size: 11px !important; line-height:130%;}
.font_size16    {font-family: 돋움;font-size: 16px;}
.font_bold	    {font-weight:bold;}
.font_underline {text-decoration: underline; }
.font_italic	{font-style: italic;}
.font_line120   {line-height: 120%; }
.font_line130   {line-height: 130%; }
.font_line140   {line-height: 140%; }
.font_line150   {line-height: 150%; }
.font_line170   {line-height: 170%; }
.font_line200   {line-height: 200%; }
/*
.link01:hover   {color:#a24c10;text-decoration:none;font-weight:bold;}
.link02:hover   {color:#56882a;text-decoration:none;font-weight:bold;}
*/
.link01:hover   {color:#a24c10;text-decoration:underline;}
.link02:hover   {color:#56882a;text-decoration:underline;}
.link_underline:hover   {text-decoration:underline; }



/*********** 색상 ************/
.color01 { color: #a24c10 ; }
.color02 { color: #56882a ; }
.color03 { color: #a3a3a3 ; }
.color04 { color: #ffffff ; }


/*********** border 스타일 ************/
.border_l {border-left:#d2d2d2 1px solid;}
.border_r {border-right:#d2d2d2 1px solid;}
.border_t {border-top:#d2d2d2 1px solid;}
.border_b {border-bottom:#d2d2d2 1px solid;}


/*********** padding 스타일 ************/
.padding_5l {padding-left:5px;}
.padding_5r {padding-right:5px;}
.padding_5t {padding-top:5px;}
.padding_5b {padding-bottom:5px;}

.padding_10l {padding-left:10px;}
.padding_10r {padding-right:10px;}
.padding_10t {padding-top:10px;}
.padding_10b {padding-bottom:10px;}

.padding_15l {padding-left:15px;}
.padding_15r {padding-right:15px;}
.padding_15t {padding-top:15px;}
.padding_15b {padding-bottom:15px;}

.padding_20l {padding-left:20px;}
.padding_20r {padding-right:20px;}
.padding_20t {padding-top:20px;}
.padding_20b {padding-bottom:20px;}

.padding_25l {padding-left:25px;}
.padding_25r {padding-right:25px;}
.padding_25t {padding-top:25px;}
.padding_25b {padding-bottom:25px;}

/* # SDJeil.com - DY @160219 [11H:01M:19S] */
.padding_2tb {padding-top:2px;padding-bottom:2px;}

/* 추가내용 --- 최덕기 */

ul.nav {list-style:none; width:170px; padding:0; margin:0; background:url("/images/e_edu_new/left_bg.gif") left top repeat-y;}
ul.nav li {list-style:none; text-align:left; }
ul.nav li a {display:block; text-decoration:none; padding:0; margin:0;}
ul.nav li a img {border:none;}
ul.nav li p {margin:0 0 10px 0;  display:none; padding:10px 0; border-bottom:1px dotted #d5c9b3;}
ul.nav li p.on {display:block;}
ul.nav li p a {color: #797b6d; padding:1px 0 1px 22px;}
ul.nav li p a.on {color: #a24c10; font-weight:bold;}
ul.nav li p a:hover { text-decoration:underline; }
ul.nav li img { border:none; vertical-align:middle; }

/* SDJeil.com - DY @160227 [19H:49M:34S] */
ul.nav li p.on2 {display:block;}
/*ul.nav li p a.on2 {color: #a24c10; font-weight:bold;}*/
ul.nav li p a.on2 {color:red; font-weight:normal; !important}

div.titleimg {margin-bottom:40px; position:relative; width:780px; height:350px;}
div.titleimg p {position:absolute; bottom:7px; right:10px; margin:0;}
div.titleimg p a {padding:10px; display:block; float:left;}
div.titleimg p img {vertical-align:middle; border:none;}
div.titleimg p.e00_menu a {padding:10px 6px; display:block; float:left;}
.mb0 {margin-bottom:0px !important;}
/*
.emenu {margin:0 0 50px 0; display:table; height:160px;}
*/
.emenu {margin:0 0 0px 0; display:table; height:0px;}
.emenu img { border:none; vertical-align:middle; }

/*
.emenu a {display:block; float:left; background:url("/images/e_edu_new/menu_bar3.png") 65px top no-repeat; padding-top:25px;}
.emenu a.emenu_3 {background:url("/images/e_edu_new/menu_bar3.png") 64px top no-repeat;}
.emenu a.emenu_4 {background:url("/images/e_edu_new/menu_bar3.png") 62px top no-repeat;}
.emenu a.emenu_5 {background:url("/images/e_edu_new/menu_bar3.png") 64px top no-repeat;}
.emenu a.emenu_6 {background:url("/images/e_edu_new/menu_bar3.png") 61px top no-repeat;}
*/

.emenu a {display:block; float:left; background:url("/images/e_edu_new/menu_bar3.png") 49px top no-repeat; padding-top:25px;}
.emenu a.emenu_3 {background:url("/images/e_edu_new/menu_bar3.png") 50px top no-repeat;}
.emenu a.emenu_4 {background:url("/images/e_edu_new/menu_bar3.png") 48px top no-repeat;}
.emenu a.emenu_5 {background:url("/images/e_edu_new/menu_bar3.png") 50px top no-repeat;}
.emenu a.emenu_6 {background:url("/images/e_edu_new/menu_bar3.png") 48px top no-repeat;}
.emenu a.emenu_7 {background:url("/images/e_edu_new/menu_bar3.png") 48px top no-repeat;}


.introduction p.tit {margin:0 0 10px 0;}
.introduction p.tit strong {display:table; }
.introduction p.tit span {display:inline-block; min-width:100px; font-weight:bold; height:16px; background:url("/images/e_edu_new/icon.gif") 15px 50% no-repeat; padding:5px 20px 5px 30px; border:1px solid #f87002;}


.introduction_content {padding:0 5px;}
.introduction_content p {margin:0; padding:0;}
.introduction_content p.tit {margin:0 0 10px -5px;}
.introduction_content p.tit strong {display:table; }
.introduction_content p.tit span {display:inline-block; min-width:100px; font-weight:bold; height:16px; background:url("/images/e_edu_new/icon.gif") 15px 50% no-repeat; padding:5px 20px 5px 30px; border:1px solid #f87002;}

.introduction_content p.tit_sub {font-weight:bold;}
.introduction_content div.tab1 {padding-left:15px;}
.introduction_content p.tab1 {padding-left:15px;}
.introduction_content .box {border:1px solid #cccccc; background:#eeeeee; padding:20px; text-align:center; margin:10px 50px;}
.introduction_content .icon01 {background:url("/images/e_edu_new/icon01.gif") left 3px no-repeat; padding-left:10px;}

.introduction_content_tbl {margin-left:-5px;}
.introduction_content_tbl p.tit {margin:0 0 10px -5px;}
.introduction_content_td {padding:20px 50px 0 5px; width:300px;}

.bg_photo {background:red url("/images/e_edu_new/bg_photo.gif") left top no-repeat; width:430px; height:275px;}
.bg_photo img {width:364px !important; height:212px !important; margin:21px 0 0 38px;}


.tblCal {width:100%;  border-collapse:collapse; table-layout:fixed;}
.tblCal th {font-weight:bold; background:#eff2e4; height:25px; border-top:1px solid #cccccc; padding:8px 0;}
.tblCal td {height:55px; border:1px solid #cccccc; text-align:left; vertical-align:top; padding:5px;}
.tblCal td.on {background:#f8b986;}
.tblCal th.sun {color:red; border-left:1px solid #cccccc;}
.tblCal th.sat {color:blue; border-right:1px solid #cccccc;}
.tblCal th.date {padding:0 0 15px 0; font-size:30px; font-weight:bold; background:none; border:none; line-height:45px; text-align:center;}
.tblCal th.date span {display:inline-block; padding:0 10px;}
.tblCal th.date img  {vertical-align:middle; margin-top:-5px;}

.tblCal p {margin:2px 0;}
.tblCal img { border:none; vertical-align:middle; }

.tblCalMain {width:80%; margin-top:20px;}
.tblCalMain p {float:left;}
.tblCalMain td {font-size:11px; height:30px;}

.e01 {background:url("/images/e_edu_new/icon_e01.gif") left 5px no-repeat; padding-left:12px;}
.e02 {background:url("/images/e_edu_new/icon_e02.gif") left 5px no-repeat; padding-left:12px;}
.e03 {background:url("/images/e_edu_new/icon_e03.gif") left 5px no-repeat; padding-left:12px;}
.e04 {background:url("/images/e_edu_new/icon_e04.gif") left 5px no-repeat; padding-left:12px;}
.e08 {background:url("/images/e_edu_new/icon_e08.gif") left 5px no-repeat; padding-left:12px;}
.e09 {background:url("/images/e_edu_new/icon_e09.gif") left 5px no-repeat; padding-left:12px;}
.e99 {background:url("/images/e_edu_new/icon.gif") left 5px no-repeat; padding-left:12px;}

.tit_sub {background:url("/images/e_edu_new/tit_sub_bg.gif") left top no-repeat; width:100%; height:33px; padding:5px 0 0 30px; font-weight:bold; color:#503927;}
.tit_main {margin-bottom:20px; background:url("/images/e_edu_new/tit_main_bg.gif") right top no-repeat;}

.people {display:table; margin-bottom:30px; width:100%; padding:0; list-style:none; margin-top:-20px;}
.people li {width:50%; float:left; list-style:none; min-height:220px; padding-top:20px; border-bottom:1px solid #c5c5c5;}
.people li img {float:left; border:2px solid #cccccc; padding:2px; margin:0;}
.people li div {float:left; padding:10px 0 0 20px; margin:0; width:180px;}
.people li p {border-bottom:1px dotted #a8a8a8; width:100%; display:block; padding:5px 0; margin:0;}
.people li span {display:inline-block;}
.people li span.name {font-weight:bold;}
.people li span.icon1 {background:url("/images/e_edu_new/icon_people1.gif") left 5px no-repeat; padding-left:15px; width:60px;}
.people li span.icon2 {background:url("/images/e_edu_new/icon_people2.gif") left 5px no-repeat; padding-left:15px; width:60px;}
.people li span.icon3 {background:url("/images/e_edu_new/icon_people3.gif") left 5px no-repeat; padding-left:15px; border:none; width:60px;}

.tblCont {border-top:2px solid #f87002; border-bottom:2px solid #f87002; width:100%; border-collapse:collapse; table-layout:fixed;}
.tblCont th {text-align:center; font-weight:bold; background:#f9faf8; border:1px solid #d2d2d2; padding:8px 0;}
.tblCont td {text-align:center; border:1px solid #d2d2d2; padding:5px;}

.tblCont td.line {border-bottom:2px solid #f87002; padding:0; font-size:0px; }
.tblCont tr.color td {color: #a24c10; font-weight:bold;}

.e00_txt {padding:0 30px 30px 30px;}
.e0012_txt {padding:0 10px 10px 10px;  font-weight:bold;}
.e0012_txt2 {padding:0 20px 0 20px;}
.e0012_txt2 >p>span {text-decoration: underline; }
.e0013_txt2 {padding:10px 20px 50px 20px;}

.e00_txt span.color1 {color:#b41e05; font-weight:bold;}
.e00_txt span.color2 {color:#da5723; font-weight:bold;}
.e00_txt span.color3 {color:#f2cc07; font-weight:bold;}
.e00_txt span.color4 {color:#7ec215; font-weight:bold;}
.e00_txt span.color5 {color:#267cc7; font-weight:bold;}
.e00_txt span.color6 {color:#1b29a3; font-weight:bold;}
.e00_txt span.color7 {color:#971184; font-weight:bold;}
.e00_txt span.color0 {font-weight:bold;}

.title_txt {font-size:15px; font-weight:bold; position:absolute; letter-spacing:-1px;}

/* Added for textarea size for board editor by DY @ 2016-01-05 */
.jqte-test {
min-width: 572px; min-height: 400px;
}

#td_newlist:hover {background-color:#adf;}
/*#td_1linelist:hover {background-color:#afd;}*/
.oneline tr:hover {background-color:#afd;}
#td_noticelist:hover {background-color:#fad;}

.polaroid-v0:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.polaroidad:hover,.polaroid:hover {box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.69);-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}

.poslide:hover {box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.69);-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}

.polaroidr:hover {box-shadow: 0 12px 20px 0 rgba(100, 220, 255, 0.2), 0 6px 20px 0 rgba(100, 220, 255, 0.69);-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}

.polaroidp:hover {box-shadow: 0 12px 20px 0 rgba(255, 120, 100, 0.2), 0 6px 20px 0 rgba(255, 120, 100, 0.69);-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}

.polaroidsb:hover {box-shadow: 0 12px 20px 0 rgba(100, 120, 255, 0.2), 0 6px 20px 0 rgba(100, 120, 255, 0.69);-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;border-radius: 5px;}

.polaroidb:hover {background-color:#eff;padding:8px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}

.polaroidbl {text-align:center;width:990px;background-color:#6cf;margin-left:3px;padding:2px;padding-left:6px;padding-right:6px;-webkit-transition-property: box-shadow;-webkit-transition-duration:0.2s;-webkit-transition-delay: 0.1s;transition-property: box-shadow;transition-duration:0.2s;transition-delay: 0.1s;}

.polaroidbl:hover {text-align:center;width:990px;background-color:#000;margin-left:3px;padding:2px;padding-left:6px;padding-right:6px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-webkit-transition-property: box-shadow;-webkit-transition-duration:0.2s;-webkit-transition-delay: 0.1s;transition-property: box-shadow;transition-duration:0.2s;transition-delay: 0.1s;}


.polaroidb_linfix {background-color:#eff;padding:8px;margin-bottom:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 5px;-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}


.polaroidb_lin:hover {background-color:#eff;padding:8px;margin-bottom:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 5px;-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}

.polaroidb_linOn {background-color:#eff;padding:8px;margin-bottom:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 5px;-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}

.polaroidbc:hover {background-color:#eff;padding:8px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}

.polaroid_notice {background-color:#fff;padding:8px;margin-bottom:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 5px;-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}
.polaroid_notice:hover {background-color:#eff;padding:8px;margin-bottom:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: 5px;-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}

.polaroid_talk {background-color:#fff;padding:8px;margin-bottom:10px;box-shadow: 0 4px 8px 0 rgba(0, 255, 0, 0.2), 0 6px 20px 0 rgba(0, 255, 0, 0.19);border-radius: 5px;-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}
.polaroid_talk:hover {background-color:#eff;padding:10px;margin-bottom:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 255, 0.2), 0 6px 20px 0 rgba(0, 0, 255, 0.19);border-radius: 5px;-webkit-transition-property: box-shadow;-webkit-transition-duration:0.3s;-webkit-transition-delay: 0.2s;transition-property: box-shadow;transition-duration:0.3s;transition-delay: 0.2s;}

/* class="mainT shadow round" */

.mainT { background-color:white;padding:10px;padding-left:0px;padding-top:15px; z-index:10;}

.shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(220, 230, 255, 0.19); }
.shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 180, 255, 0.39); }

/* class="mainT shadow roundR" */

.shadowR { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(220, 230, 255, 0.19); }
.shadowR:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(255, 0, 0, 0.39); }

.round { border-radius: 2px; }

.SM:hover {text-shadow: 2px 2px 2px gray;}
.SB:hover {text-shadow: 1px 1px 1px black;}
.SR:hover {text-shadow: 4px 2px 3px red;}
.SG:hover {text-shadow: -2px -2px 4px green;}

iframe.ytc { 
width:420px; height:240px;
border-style:solid;
border-width:5px;
border-color:#f88;
box-shadow : 1px 1px 6px -26px silver inset, 1px 22px 14px -7px #bbb;
margin-bottom:20px;
}

iframe.ytc:hover { 
width:680px; height:320px;
border-style:solid;
border-width:10px;
border-color:#f88;
box-shadow : 1px 1px 6px -26px silver inset, 1px 22px 14px -7px silver;
margin-bottom:20px;
}


iframe.ytn { 
width:420px; height:240px;
border-style:solid;
border-width:5px;
border-color:#f88;
box-shadow : 1px 1px 6px -26px silver inset, 1px 22px 14px -7px #bbb;
margin-bottom:20px;
}

iframe.ytn:hover { 
/*width:680px; height:320px;*/
width:420px; height:240px;
border-style:solid;
border-width:10px;
border-color:#f88;
box-shadow : 1px 1px 6px -26px silver inset, 1px 22px 14px -7px silver;
margin-bottom:20px;
}

.cmt-sky { background-color:#8bf;color:white;padding:3px;border-radius: 5px; }
.cmtlist-sky { background-color:#8bf;color:white;padding:3px;border-radius: 10px;font-size:6px; }
.cmt-gray { background-color:#ccc;color:white;padding:3px;border-radius: 5px; }

.cmtnp-sky { background-color:#8bf;color:white;padding-left:3px;padding-right:3px;border-radius: 2px;font-size:6px; }


#photos {
   /* Prevent vertical gaps */
   line-height: 0;
   
   -webkit-column-count: 3;
   -webkit-column-gap:   0px;
   -moz-column-count:    3;
   -moz-column-gap:      0px;
   column-count:         3;
   column-gap:           0px;
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  opacity: 0.5; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

#photos img:hover {
  opacity: 1.0; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.69);
/*
 width:300% !important;
 height:300% !important;
*/
}

#photoback {display:float;position:fixed;top:50%;left:50%;margin-left:-308px;margin-top:-130px;display:none;opacity:0.4;z-index:9999;}
#gocomment {display:float;position:fixed;top:50%;left:50%;margin-left:-308px;margin-top:-100px;display:none;opacity:0.4;z-index:9999;}
#photoback:hover {opacity:1.0;}
#gocomment:hover {opacity:1.0;}

#prevpage {display:float;position:fixed;top:50%;left:50%;margin-left:-333px;margin-top:-115px;display:none;opacity:0.4;z-index:9999;}
#nextpage {display:float;position:fixed;top:50%;left:50%;margin-left:-283px;margin-top:-115px;display:none;opacity:0.4;z-index:9999;}
#prevpage:hover {opacity:1.0;}
#nextpage:hover {opacity:1.0;}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#222;
	border-radius:5px;
	padding:3px;
	color:#fff;
	font-size:12px Arial;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.69);
}

.more3:hover {
    color:red;
}

a.polaroidb:link {
    color:green;
}
a.polaroidb:visited {
    color:green;
}

a.polaroidb:hover {
    text-decoration:none;
    color:blue;
    border-radius: 5px;
}

.polaroidbc:hover {
    background-color:#8af;
    text-decoration:none;
    color:white;
    border-radius: 5px;
    line-height:2.3em;
}

.left_title_trbg:hover {
    background-color:#fcc;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.69);
}

.bibleicon { opacity:0.5; }
.bibleicon:hover { opacity:1.0; }

.bggra-btn {  
background-color:rgb(222,232,222);
background: #f0f9f0;
background: -moz-linear-gradient(75deg,  #f0c9f0 0%, #fbebef 47%, #cfcbcf 100%);
background: -webkit-linear-gradient(75deg,  #f0c9f0 0%,#fbebef 47%,#cfcbcf 100%);
background: linear-gradient(75deg,  #f0c9f0 0%,#fbebef 47%,#cfcbcf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9f0', endColorstr='#a1dbaf',GradientType=1 );
} 

.bggra-b,.bggra-btn:hover {  
background-color:rgb(222,232,255);
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
background: #f0f9ff;
background: -moz-linear-gradient(45deg,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
background: -webkit-linear-gradient(45deg,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
background: linear-gradient(45deg,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 );
} 

.bggra-bhfix {  
background-color:rgb(222,232,255);
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
background: #f0f9ff;
background: -moz-linear-gradient(45deg,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
background: -webkit-linear-gradient(45deg,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
background: linear-gradient(45deg,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 );
} 

.bggra-bh:hover {  
background-color:rgb(222,232,255);
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
background: #f0f9ff;
background: -moz-linear-gradient(45deg,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
background: -webkit-linear-gradient(45deg,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
background: linear-gradient(45deg,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 );
} 

#WN { background-image: url(/cover/sdfc.whats_new.cover.jpg); }
#WN:hover { background-image: url(); }

#OL { background-image: url(/cover/sdfc.one_line.cover.jpg); }
#OL:hover { background-image: url(); }

.bdcover {
    display:block;
    width:380px;
    height:420px;
    opacity:1;
}

.cover_tbl {
    opacity:0;
    z-index:10;
    -ms-filter: alpha(opacity=0)
    -ms-opacity:0;
    -moz-opacity:0;
    -webkit-opacity:0;
}

.cover_tbl:hover {
    opacity:1;
    -ms-filter: alpha(opacity=100)
    -ms-opacity:1;
    -moz-opacity:1;
    -webkit-opacity:1;
}

div.colr-animated { -webkit-animation: filter-animation 2s infinite; }
@-webkit-keyframes filter-animation {
  0% { -webkit-filter: sepia(0) saturate(0.5); }
  50% { -webkit-filter: sepia(0.2) saturate(1.8); }
  100% { -webkit-filter: sepia(0) saturate(0.5); }
}
div.colr-animated:hover {
    -webkit-animation-play-state: initial;
    -moz-animation-play-state: initial;
    -o-animation-play-state: initial;
     animation-play-state: initial;
}

.img-round-border{
    border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -webkit-border-radius:15px;
    /* border:3px solid red; */
}

.img-btleft-round-border{
    border-bottom-left-radius:25px;
    -moz-border-bottom-left-radius:25px;
    -o-border-bottom-left-radius:25px;
    -webkit-border-bottom-left-radius:25px;
    /* border:3px solid red; */
}


@media screen and (min-width: 480px) {

/*html { background-color:#def;}*/
/*html { background-color:#def; background: linear-gradient(141deg, #2cc5ff 0%, #0fb8ad 51%, #1fc8fb 75% ); }*/
/*html { background-color:#def; background: linear-gradient(141deg, #2cf5ff 0%, #2ffafd 51%, #2fe8ff 75% ); }*/
/*		background: url("/images/bg/cloudherb.com.bg.jpg")  -25px -50px; */
/*
china-1818535_1280.jpg
rainbow-436183_1920.jpg
china-1818535_1280.jpg
star-1575829_1920.jpg
2017.SDFC.OR.KR.bg01.jpg
*/

html { background-color:#def; background: linear-gradient(180deg, #8ce5ff 20%, #2cc5ff 40%,#1fc8fb  55%, #0fb8ad 75%, #0fc89b 95%);
		background-repeat:no-repeat;
		/*background: url("/images/bg/2017.SDFC.OR.KR.bg01.jpg")  -25px -50px;*/
		/*background-size: calc(130% + 50px);*/
		/*background: url("/images/bg/2017.SDFC.OR.KR.bg01.jpg")  -25px -50px;*/
		background: url("/images/bg/2018_bible.sdfc.or.kr.jpg")  25px 50px;
		background-size: calc(100% + 0px);
		background-attachment: fixed;
		/*background-position: center;*/
		/*background-position: bottom;*/
		background-position: top;
}

html:before {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  background-repeat: no-repeat; 
  z-index:-1;
/*
  filter: blur(6px); 
  -webkit-filter: blur(6px); 
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(5px);
  filter: url(#blur); *//* Firefox needs SVG */
/*  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); *//* IE lte 9 */	
}
}

@media screen and (max-width: 479px) {

html { 
}
}


/*
-ms-filter property
Sets or retrieves the filter or collection of filters that are applied to the object.
Note   As of Windows Internet Explorer 9 this feature was deprecated. 
As of Internet Explorer 10 this feature was removed and should no longer be used.
*/

.igray {
 -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray; /* IE6-9 */
}

.no-igray {
 -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
 -moz-filter: grayscale(0%);
 -ms-filter: grayscale(0%);
 -o-filter: grayscale(0%);
 filter: grayscale(0%);
}

.bgwhite { background:white; }

.newicon {
    vertical-align:middle;
/*
    border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -webkit-border-radius:3px;
*/
}

.hoveropa {
opacity:0.2;
}

.hoveropa:hover {
opacity:1.0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flex-direction-nav .flex-prev {
    left: -50px;
    text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}


.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}

.swiper-button-next,.swiper-button-prev {
opacity:0.2;

}
.swiper-button-next:hover,.swiper-button-prev:hover {
opacity:1;

}

.swiper-button-disabled {
opacity:0 !important ;
}

input[readonly],input[readonly="readonly"]
{
    background-color:#cef !important;
    font-color:blue !important;
}

.innershadow {
   -moz-box-shadow:    inset 0 0 10px #999999;
   -webkit-box-shadow: inset 0 0 10px #999999;
   box-shadow:         inset 0 0 10px #999999;
}

.innershadow:hover {
   -moz-box-shadow:    inset 0 0 5px #aaaaaa;
   -webkit-box-shadow: inset 0 0 5px #aaaaaa;
   box-shadow:         inset 0 0 5px #aaaaaa;
}

.tr04 {
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;

    border:1px solid #ddd;
    border-left:3px solid #ddd;
    border-right:3px solid #ddd;
    background-color:#def;
}

.tr04:hover {
    background-color:#bef;
}

.tr08 {
    border-left:3px solid #ddd;
    border-right:3px solid #ddd;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -webkit-transition: 0.8s;
  transition: 0.8s;
    background-color:#eee;
}

.pagenavi > tbody > tr > td > a{
background-color:#eee;
padding:5px;
}

.pagenavi > tbody > tr > td > a:hover {
background-color:#fee;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}