/* 후원메인 */

.title_bg_01_2019_01 { background-image: url('/images/contents/201712/bg_2019_01.jpg'); }
.title_bg_01_2019_02 { background-image: url('/images/contents/201712/bg_2019_02.jpg'); }
.title_bg_01_2019_03 { background-image: url('/images/contents/201712/bg_2019_03.jpg'); }
.title_bg_01_2019_04 { background-image: url('/images/contents/201712/bg_2019_04.jpg'); }
.title_bg_01_2019_05 { background-image: url('/images/contents/201712/bg_2019_05.jpg'); }
.title_bg_01_2019_07 { background-image: url('/images/contents/201712/bg_2019_07.jpg'); }

/*---------------------------------*/


.support_float { position: absolute; right: -60px;}
.support_float .fix { position: fixed; width: 200px;background: #ff6600; background-image: url('/images/contents/201712/support_float.png'); box-shadow: 3px 3px 5px #f2f2f2; bottom:30px; width: 120px; height: 120px; border-radius: 130px; }
.support_float .fix img { width: 20px; }
.support_float .fix h3 { letter-spacing: -1px; text-align: center; margin-top: 35px; } 
.support_float .fix h3 a { color: #fff; font-size: 18px; }
.support_float .fix h3 a:after {
	content: ' \21C0';
	font-size: 20px;
    animation-duration: 0.5s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes slidein {
  from {
    margin-left: 0px;
  }

  to {
    margin-left: 7px;
  }
}
.support_float .fix .go {text-align: center; font-size: 18px;}
.support_float .fix .go:after { color: #fff; content: ' \21C0'; }


/*---------------------------------*/


.support_main_top h1 { text-align: center; letter-spacing: -2.2px !important; font-size: 30px; }
.support_main_top .bt { text-align: center; background: #ff6600; width: 300px; margin: 0 auto; padding: 10px; margin-top: 50px; }
.support_main_top .bt h3 { color: #fff; }
.support_main_top .bt h3:after { content: ' \2023'; }

.support_main_top ul.top_tit { margin-top: 50px; }
.support_main_top ul.top_tit li { position: relative; display: inline-block; width: 25.4%; vertical-align: top; border: #eee 1px solid; padding: 20px; margin-right: 10px; height: 250px;  box-shadow: 3px 3px 5px #f2f2f2; }
.support_main_top ul.top_tit li:last-child {margin-right: 0px;}

.support_main_top ul.top_tit li .ico { text-align: center;}
.support_main_top ul.top_tit li .ico img {  width: 80px; height: 80px; margin-top: 7px;  }


.support_main_top ul.top_tit h3 { color: #ff6600; margin: 20px 0; text-align: center; }
.support_main_top ul.top_tit h3 span:before { content: ' \2714'; margin-right: 2px;}
.support_main_top ul.top_tit h3 span { border-bottom: 3px solid #ff6600; padding: 0 2px 4px 2px; }



.support_sponsor_page .bt a {color:#fff;}

.support_sponsor_page .top_tit { padding: 80px 0 0 0; border-top:2px #e5e5e5 dotted;}

.support_sponsor_page .top_tit h2, .support_sponsor_page .top_tit h3 { display: inline-block; }

.support_sponsor_page .top_tit div { vertical-align: top; margin: 0 10px; color:#333; }
.support_sponsor_page .top_tit .sub { font-size: 30px; margin-bottom: 20px; font-family: '__NanumGothicBold_5'; color:#ff6600; letter-spacing: -0.8px;}
.support_sponsor_page .top_tit .sub:before { content: ' \275B'; margin-right: 7px; }
.support_sponsor_page .top_tit .sub:after { content: ' \275C'; } 

.support_sponsor_page .top_tit .sub span { }
.support_sponsor_page .top_tit .bold { font-size: 18px; color:#999;}
.support_sponsor_page .top_tit .line { }

.support_sponsor_page { text-align: center; margin-top: 60px; }

.support_sponsor_page .tit { margin-top:80px; margin-bottom: 40px; }


.support_sponsor_page { text-align: center; margin-top: 60px; }
.support_sponsor_page h2 { font-size: 30px; margin-top: 10px; }

.support_sponsor_page .tit { margin-top:80px; margin-bottom: 40px;}
.support_sponsor_page .tit h3 { color: #333; font-size: 24px; }
.support_sponsor_page .tit h3 span { border-bottom: 3px solid #333; padding: 0 10px; }
.support_sponsor_page .tit h3 span:before {  }


/*---------------------------------*/


.support_sponsor_page .step1 { margin-top:60px; }
.support_sponsor_page .contL { width:100%; height: 300px; text-align: left; }

.support_sponsor_page .contL .tit_s { position: relative; text-align: center; margin-bottom: 40px; padding-top: 20px;}
.support_sponsor_page .contL .tit_s span { font-size: 18px; font-family: '__NanumGothicBold_5'; padding: 0 10px; background: #fff; }
.support_sponsor_page .contL .tit_s .line { border-bottom: 1px #e5e5e5 solid; margin-top: -10px;}

.support_sponsor_page .contL h2, .support_sponsor_page .contL h3, .support_sponsor_page .contL .bt {color: #fff; position: absolute; margin-left: 50px; z-index: 1;}
.support_sponsor_page .contL h2 { margin-top: 60px; }
.support_sponsor_page .contL h3 { margin-top: 100px;}
.support_sponsor_page .contL .bt { font-family: '__NanumGothicBold_5'; margin-top: 160px; border: 1px #fff solid; background-color: rgba(0, 0, 0, 0.2); padding: 10px 30px; font-size: 16px;}
.support_sponsor_page .contL .bt:hover, .support_sponsor_page .contR .bt:hover { cursor: pointer; background: #ff6600; border: 1px #ff6600 solid;}
.support_sponsor_page .contL .bt:after { content: ' \2023'; }


.support_sponsor_page .contR { width:100%; height: 300px; padding: 100px 0 0 0; }
.support_sponsor_page .contR img { width:100%; height: 300px; }

.support_sponsor_page .contR h2, .support_sponsor_page .contR h3, .support_sponsor_page .contR .bt {color: #fff;position: absolute;  margin-right: 50px; right: 0; z-index: 1;}
.support_sponsor_page .contR h2 { margin-top: 60px; }
.support_sponsor_page .contR h3 { margin-top: 100px; text-align: right;}
.support_sponsor_page .contR .bt { font-family: '__NanumGothicBold_5'; margin-top: 160px; border: 1px #fff solid; background-color: rgba(0, 0, 0, 0.2); padding: 10px 30px; font-size: 16px;}
.support_sponsor_page .contR .bt:after { content: ' \2023'; }


/*---------------------------------*/


.support_sponsor_page .step2 { padding-top:80px;}

.support_sponsor_page .step2 .tit_s { margin-bottom: 40px; }
.support_sponsor_page .step2 .tit_s span { font-size: 18px; font-family: '__NanumGothicBold_5'; padding: 0 10px; background: #fff;}
.support_sponsor_page .step2 .tit_s .line { border-bottom: 1px #e5e5e5 solid; margin-top: -10px;}

.support_sponsor_page .contB { margin-top: 10px; }
.support_sponsor_page .contB div { position: relative; height: 420px; display: inline-block; width: 48.9%; margin-right: 10px; text-align: left; overflow: hidden;}
.support_sponsor_page .contB div:last-child { margin-right: 0px;}

.support_sponsor_page .contB div .txt { position: absolute; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 190px; bottom:0;}
.support_sponsor_page .contB div .txt h2, .support_sponsor_page .contB  div .txt h3, .support_sponsor_page .contB  div .txt .bt {color: #fff;  margin-left: 30px;}
.support_sponsor_page .contB div .txt h2 { margin-top: 20px; font-size: 22px;}
.support_sponsor_page .contB div .txt h3 { margin-top: 20px;}
.support_sponsor_page .contB div .txt .bt { position: absolute; border: 1px #fff solid; background-color: rgba(0, 0, 0, 0.2); font-family: '__NanumGothicBold_5'; margin-top: 20px; padding: 10px 20px; font-size: 16px; text-align: center;}
.support_sponsor_page .contB div .txt .bt:hover {background: #ff6600; border: 1px #ff6600 solid;}

.support_sponsor_page .contB div img { width: 100%; height: 420px;}
.support_sponsor_page .contB div .txt .bt:after { content: ' \2023'; }


/*---------------------------------*/


.support_sponsor_page .step3 {  padding-top:40px; background: #f2f2f2; margin-top:-5px; margin-top:60px; }
.support_sponsor_page .step3 .tit_s { margin-bottom: 20px;}
.support_sponsor_page .step3 .tit_s span { font-size: 18px; font-family: '__NanumGothicBold_5'; padding: 0 10px; background: #f2f2f2;}
.support_sponsor_page .step3 .tit_s .line { border-bottom: 1px #e5e5e5 solid; margin: -13px 20px 0 20px; }

.support_sponsor_page .step3 img {position: absolute; z-index: 1; width: 100px; right: 20px; bottom:0; opacity: 0.2;}

.support_sponsor_page .contBG {  background: #f2f2f2; padding: 10px; }
.support_sponsor_page .contBG div { position: relative; display: inline-block; background: #fff; width: 40.5%; margin: 10px; padding: 20px 20px 30px 20px; text-align: left; height: 160px; box-shadow: 3px 3px 5px #e5e5e5;}
.support_sponsor_page .contBG div h2 { font-size: 18px; }
.support_sponsor_page .contBG div h4 { font-size: 13px; letter-spacing: -0.7px; color: #999; line-height: 19px; margin-top: 15px; }
.support_sponsor_page .contBG div .bt { position: absolute; font-family: '__NanumGothicBold_5'; background: #ff6600; padding: 10px 20px; color: #fff; margin-top: 10px;}
.support_sponsor_page .contBG div .bt:after { content: ' \2023'; }
.support_sponsor_page .contBG div .bt:hover { background: #333; cursor: pointer;}


.support_sponsor_page .contBG3 { background: #f2f2f2; padding: 0 20px 50px 20px; }
.support_sponsor_page .contBG3 div { background: #fff; padding:20px 20px 10px 20px; margin-bottom: 20px; text-align: left; box-shadow: 3px 3px 5px #e5e5e5;}
.support_sponsor_page .contBG3 div:last-child { margin-bottom: 0px;}
.support_sponsor_page .contBG3 div h4, .support_sponsor_page .contBG3 div .bt { display: inline-block; }
.support_sponsor_page .contBG3 div h4 { color: #999; letter-spacing: -0.7px; }
.support_sponsor_page .contBG3 div h2 { font-size: 18px; margin-bottom: 10px;} 
.support_sponsor_page .contBG3 div .bt { position: absolute;  font-family: '__NanumGothicBold_5'; background: #ff6600; color: #fff; padding: 10px 20px; margin-top: -25px; right: 50px; }
.support_sponsor_page .contBG3 div .bt:after { content: ' \2023'; }
.support_sponsor_page .contBG3 div .bt:hover { background: #333; cursor: pointer; }


/*---------------------------------*/


.support_sponsor_page .sponsor_bottom_banner { position: relative; margin-top: 0px; border: 3px #46bc96 solid; height: 100px; padding: 15px 10px 10px 40px; text-align: left; border-radius: 5px; box-shadow: 3px 3px 5px #cdcdcd; }

.support_sponsor_page .sponsor_bottom_banner h2, .support_sponsor_page .sponsor_bottom_banner h4 {  }
.support_sponsor_page .sponsor_bottom_banner h2 { font-size: 18px; margin-bottom: 10px;}
.support_sponsor_page .sponsor_bottom_banner h2:before {content: ' \2726'; margin-right: 5px; color:#ff6600}

.support_sponsor_page .sponsor_bottom_banner h4 { font-size: 13px; line-height: 18px; color:#999;}

.support_sponsor_page .sponsor_bottom_banner .bt {position: absolute; right: 40px; bottom:28px; background: #46bc96; padding: 14px 20px; border-radius: 5px;}
.support_sponsor_page .sponsor_bottom_banner .bt a { font-family: '__NanumGothicBold_5'; color:#fff;}
.support_sponsor_page .sponsor_bottom_banner .bt:after { content: ' \2023'; color:#fff; }

.support_sponsor_page .sponsor_bottom_banner .bt:hover {box-shadow: 3px 3px 5px #cdcdcd; right: 43px; bottom: 31px;}


/* 기업후원 */

.supportbottom p { padding:20px 30px 20px 121px; line-height:170%; }
.supportbottom p.btn01 { position:absolute;top:30px;right:0; }
.supportbottom p.btn02 { position:absolute;top:20px;right:0; }
.supportbottom p.btn03 { position:absolute;top:40px;right:0; }


/* 고액후원 */

.plan01_top {border-bottom: 1px #eee solid; padding-bottom: 40px; width: 100%;}
.plan01_top dd {display: inline-block; vertical-align: top; text-align: center; padding:0 15px;}
.plan01_top .button {background: #ff6600; padding:8px 35px; margin-top: 10px; width: 160px; }
.plan01_top .button a { color: #fff; }

.bx-wrapper { border: none !important; }
.bx-wrapper .bx-prev { background-color: none !important; }
.bx-wrapper .bx-pager {display: none;}

figure.snip1432 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0px;
  width: 100%;
  background: #000000;
}
figure.snip1432 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
figure.snip1432 img {
  opacity: 0.8;
  width: 100%;
  vertical-align: top;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip1432 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.snip1432 figcaption > div {
  position: relative;
	margin-top: 100px;
}
figure.snip1432 h2,
figure.snip1432 h4,
figure.snip1432 h5 {
  margin: 0;
  position: relative;
  padding: 0 80px;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  width: 100%;
  text-shadow: 1px 1px 1px #666;
}
figure.snip1432 h2 {
	font-size: 28px;
	line-height: 38px;
}
figure.snip1432 h4 {
	position: absolute;
	margin-top: -30px;
	font-size: 18px;
	letter-spacing: 2px;
}
figure.snip1432 h5 {
	margin-top: 20px;
	font-size: 14px !important;
}
figure.snip1432 .top:after {
	content: ' \275D';	
}
figure.snip1432 .bottom:after {
	content: ' \275E';	
}
figure.snip1432 h4:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}
figure.snip1432 .line { border-bottom: 1px #fff solid; margin-left:80px; margin-right: 80px; padding-top: 95px; opacity: 0.4;}

figure.snip1432:hover h2 { color: #FF8600;}

figure.snip1432:hover img,
figure.snip1432.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1432:hover figcaption h4:first-of-type,
figure.snip1432.hover figcaption h4:first-of-type {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  opacity: 0;
}
figure.snip1432:hover figcaption h4:nth-of-type(2),
figure.snip1432.hover figcaption h4:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

/* code #1
.loading01 span {
  animation: loading01 1.4s infinite alternate;
}
.loading01 span:nth-child(1) {
  animation-delay: 0s;
}
.loading01 span:nth-child(2) {
  animation-delay: 0.1s;
}
.loading01 span:nth-child(3) {
  animation-delay: 0.2s;
}
.loading01 span:nth-child(4) {
  animation-delay: 0.3s;
}
.loading01 span:nth-child(5) {
  animation-delay: 0.4s;
}
.loading01 span:nth-child(6) {
  animation-delay: 0.5s;
}
.loading01 span:nth-child(7) {
  animation-delay: 0.6s;
}

@keyframes loading01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}

 */


.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;
	overflow-y: hidden;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    display: inline-block;
    left: 50%;
    opacity: 0;
    position: fixed;
    text-align: justify;
    visibility: hidden;
    z-index: 10;
	width: 70%;
	height: 80%;
	padding: 0;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}

.overlay:target+.popup {
    top: 50%;
    opacity: 1 ;
    visibility: visible;

}
.close {
	position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    height: 40px;
    text-align: center;
    width: 40px;
	top:-40px;
	right: 0; 
	line-height: 40px;
}
.close:before { 
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
}
.close:hover {
    background-color: #ff6600;
}
.popup p, .popup div {
    margin-bottom: 10px;
}

.popup_qna {
    display: inline-block;
    left: 50%;
    opacity: 0;
    position: fixed;
    text-align: justify;
    visibility: hidden;
    z-index: 100000000;
	width: 40%;
	height: 78%;
	padding: 0;
	overflow-y: hidden !important;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup_qna {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.popup_qna .close {
	position: absolute;
    background-color: rgba(0, 0, 0, 0);
    height: 40px;
    text-align: center;
    width: 40px;
	top: 10px;
	right: 10px; 
	line-height: 40px;
}
.popup_qna .close:before { 
    color: rgba(255, 255, 255, 0.6);
    content: ' \02DF';
    font-size: 70px;
	line-height: 70px;
}

@media screen and (max-width:1600px){
	.popup_qna {width: 60%;}
}

@media screen and (max-width: 1000px) {
	.popup_qna {width: 80%;}
}

@media screen and (max-width: 700px) {
	.popup_qna {width: 90%;}
}

@media screen and (max-width: 600px) {
	.popup_qna {width: 100%;}
}

.bob_join { position: relative;  height: 90px; }
.bob_join .cont { position: absolute; width: 80%; border-radius: 56px; top: 15px; height: 70px; border: 1px #ddd solid; z-index: -1; box-shadow: 3px 3px 5px #f2f2f2; }


.bob_join .img1, 
.bob_join .img2, 
.bob_join .img3, 
.bob_join .img4
{ position: absolute; width: 100px; height: 100px; left: 30px; top:15px; z-index: -1; }

/*
.bob_join .img1 { background:url('/images/contents/bob_join_bg01.png') no-repeat 0 0; }
.bob_join .img2 { background:url('/images/contents/bob_join_bg02.png') no-repeat 0 0; }
.bob_join .img3 { background:url('/images/contents/bob_join_bg03.png') no-repeat 0 0; }
.bob_join .img4 { background:url('/images/contents/bob_join_bg04.png') no-repeat 0 0; }


.bob_join .center { position:absolute; width:80px; height: 80px; background :#fff; border-radius: 50%; top: 10px; left: 10px; z-index: 1; }
.bob_join img { position: absolute; line-height: 100px; z-index: 3; width: 60px; height: 60px; left: 20px; top:20px; }
*/

.bob_join .txt_box { float: right; width: 100%; left:0; margin-top: 30px; }

.bob_join .txt_box h3,
.bob_join .txt_box h2 { display: inline-block; }

.bob_join .txt_box h3 { background: #ff6600; border-radius:3px; color: #fff; padding: 10px 20px; top:0; margin-right: 20px; margin-left: 25%;}
.bob_join .txt_box h3:before { 
      content: "";
      position: absolute;
      left: 203px;
      top: 46px;
      width: 0;
      height: 0;
      border-top: 4px solid transparent;
      border-left: 8px solid #ff6600;
      border-bottom: 4px solid transparent;
}


.what_plandonation .bob_step li { display: inline-block; width: 22%; text-align: center; margin-right: 10px; }
.what_plandonation .bob_step li .icon { width: 110px; height: 110px; border-radius:50%; border:1px #ddd solid; }
.what_plandonation .bob_step li .icon img { margin-top: 20px; }
.what_plandonation .bob_step li h3 {  margin-top: 10px; background: #ff6600; color: #fff; border-radius:3px 3px 0 0; padding: 10px; box-shadow: 0 5px 7px #a7a7a7; }
.what_plandonation .bob_step li h2 { border-bottom: 1px dotted #ddd; margin-top: 0px; background: #666; padding:10px 0; box-shadow: 0 5px 7px #a7a7a7; color: #fff; }

.bob_special ul.gallery .line { border-bottom: 1px dotted #ddd; width: 100%; margin: 40px auto; }
.bob_special ul.gallery li { display: inline-block; vertical-align: top; }
.bob_special ul.gallery li.img { width: 240px; }
.bob_special ul.gallery li.img img { width: 240px; height: 140px; }
.bob_special ul.gallery li.txt { width: 250px; margin-top: 10px; }

.bob_special2 { }
.bob_special2 .gallery {width: 508px; height: 210px; }
.bob_special2 .gallery .bg { height: 100%; background-color:rgba( 0, 0, 0, 0 ); }
.bob_special2 .gallery .txt { padding: 30px 40px; height: 100%; }
.bob_special2 .gallery .txt h2, .bob_special2 .gallery .txt h5 { color: #333; }
.bob_special2 .gallery .txt h2 {  }


.bob_special2 .img1 {background-image: url("/images/contents/special_gallery_01.jpg"); border: 1px #eee solid;}
.bob_special2 .img2 {background-image: url("/images/contents/special_gallery_02.jpg"); border: 1px #eee solid;}
.bob_special2 .img2-2 {background-image: url("/images/contents/special_gallery_02-2.jpg"); border: 1px #eee solid;}
.bob_special2 .img3 {background-image: url("/images/contents/special_gallery_03.jpg"); border: 1px #eee solid;}
.bob_special2 .img3-2 {background-image: url("/images/contents/special_gallery_03-2.jpg"); border: 1px #eee solid;}
.bob_special2 .img4 {background-image: url("/images/contents/special_gallery_04.jpg"); border: 1px #eee solid;}
.bob_special2 .img5 { border: 1px #eee solid;}

.bob_special2 .img5 li { display: inline-block; height: 100%;}
.bob_special2 .img5 .img { background-image: url("/images/contents/special_gallery_05.jpg"); position: absolute; right: 0; bottom:61px; width: 38%; height: 210px;}

/* 특별후원 - 유산기부 */

.plan03_list ul li {display: inline-block; text-align: center; width: 157px; height: 157px; border-radius: 100%; border: 2px solid #333; margin-right: 6px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.plan03_list ul li:hover { border: 2px solid #ff6600;}
.plan03_list ul li:hover h3{background: #ff6600;}
.plan03_list ul li img {margin-top: 25px;}
.plan03_list ul li h3 {background: #333; color: #fff; width: 32%; margin: 0 auto;}

.vision .give img {width: 100%; margin-top: 30px;}

.bob_join3 { position: relative;  height: 100px; margin-top: 20px; }
.bob_join3 .cont { position: absolute; width: 95%; border-radius: 56px; height: 100px; border: 1px #ddd solid; z-index: -1; box-shadow: 3px 3px 5px #f2f2f2; }

.bob_join3 .img1, 
.bob_join3 .img2, 
.bob_join3 .img3, 
.bob_join3 .img4,
.bob_join3 .img5 { position: absolute; width: 100px; height: 100px; left: 40px; top:15px; z-index: -1;}

/*
.bob_join3 .img1 { background:url('/images/contents/bob_join_bg01.png') no-repeat 0 0; }
.bob_join3 .img2 { background:url('/images/contents/bob_join_bg02.png') no-repeat 0 0; }
.bob_join3 .img3 { background:url('/images/contents/bob_join_bg03.png') no-repeat 0 0; }
.bob_join3 .img4 { background:url('/images/contents/bob_join_bg04.png') no-repeat 0 0; }
.bob_join3 .img5 { background:url('/images/contents/bob_join_bg00.png') no-repeat 0 0; }

.bob_join3 .center { position:absolute; width:80px; height: 80px; background :#fff; border-radius: 50%; top: 10px; left: 10px; z-index: 1; }
.bob_join3 img { position: absolute; line-height: 100px; z-index: 3; width: 60px; height: 60px; left: 20px; top:20px; }
*/

.bob_join3 .txt_box { float: right; width: 100%; left:0; margin-top: 15px; }

.bob_join3 .txt_box h3,
.bob_join3 .txt_box h2 { display: inline-block; }

.bob_join3 .txt_box h3 { background: #ff6600; border-radius:3px; color: #fff; padding: 10px 20px; top:0; margin-right: 20px; margin-left: 27%;}
.bob_join3 .txt_box h3:before { 
      content: "";
      position: absolute;
      left: 213px;
      top: 30px;
      width: 0;
      height: 0;
      border-top: 4px solid transparent;
      border-left: 8px solid #ff6600;
      border-bottom: 4px solid transparent;
}
.bob_join3 .txt_box h5 { margin-left:140px; margin-top: 7px;}

.snip {text-align: left !important;}

figure.snip1141 {
  position: relative;
  overflow: hidden;
  margin: 2px;
  min-width: 120px;
  max-width: 163px;
  max-height: 170px;
  width: 100%;
  display: inline-block;
  background: #000000;
  color: #ffffff;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 0;
}


figure.snip1141 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.snip1141 img {
  max-width: 100%;
  position: relative;
  opacity: 0.9;
}

figure.snip1141 .circle {
  position: relative;
  height: 45px;
  width: 45px;
  top: 0%;
  left: 0%;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  text-align: center;
}

figure.snip1141 .circle:before,
figure.snip1141 .circle:after {
  border: 2px solid white;
  border-right-color: transparent;
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

figure.snip1141 .circle span {
  color: white;
  font-size: 40px;
  line-height: 40px;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

figure.snip1141:hover .circle span,
figure.snip1141.hover .circle span {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

figure.snip1141 .circle:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

figure.snip1141 .circle:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

figure.snip1141 figcaption {
  position: absolute;
  top: 15px;
  left: 15px;
  display: block;
  width: 100%;

}

figure.snip1141 h1 {
	margin-top: 0px !important;
	margin-bottom: 5px !important;
	color: #fff;
	font-size: 24px;
}

figure.snip1141 h2 {
  position: absolute;
  margin: 0;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: -1px;
  margin-top: 40px;
  color: #ff6600;
  top: 15px;
  left: 20px;
  width: 100%;
  padding: 0 20px;
  opacity: 0;
  line-height: 22px;
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%);
  font-size: 16px;
}

figure.snip1141:hover .circle,
figure.snip1141.hover .circle {
  background-color: rgba(0, 0, 0, 0);
}

figure.snip1141:hover .circle:before,
figure.snip1141.hover .circle:before,
figure.snip1141:hover .circle:after,
figure.snip1141.hover .circle:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

figure.snip1141:hover h2,
figure.snip1141.hover h2 {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

figure.snip1141:hover img,
figure.snip1141.hover img {
  opacity: 0.35;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* 특별후원 - 사랑의빵 */

.top_description { padding-bottom:35px; border-bottom:1px solid #d9d9d9; overflow:hidden; float:left; width:100%; margin-bottom:40px; }
.top_description dt {margin-bottom:5px;}
.top_description .fl_l { float:left; line-height:21px; width:450px; }
.top_description .fl_r { float:right; padding-right:34px; }

.bot_description {overflow:hidden; float:left; width:100%; position:relative;}
.bot_description dl {overflow:hidden; float:left; width:100%; padding-bottom:60px;}
.bot_description dl.top {padding-bottom:0;}
.bot_description dt {padding-top:3px;}
.bot_description dd {line-height:21px;}
.bot_description .fl_left {float:left; width:170px;}
.bot_description .fl_right {float:right; width:510px;}

.bot_description .about_lbread {}
.bot_description .about_lbread li {line-height:21px; margin-bottom:37px;}
.bot_description .about_lbread strong {display:block; margin-bottom:10px;}
.lbread_movie { background:url('/images/contents/bg_love_bread02.jpg') no-repeat 170px bottom; height:180px; float:left; width:100%; padding:0 0 0 430px; margin-bottom:60px;}

.bread_kind li {line-height:21px; padding-left:70px; margin-bottom:20px;}
.bread_kind li strong {font-weight:bold; color:#333; display:block;}
.bread_kind li.bkli01 {background:url('/images/contents/img_love_bread0301.jpg') no-repeat 0 0;}
.bread_kind li.bkli02 {background:url('/images/contents/img_love_bread0302.jpg') no-repeat 0 bottom;}

.bread_history {overflow:hidden; width:100%; float:left;}
.bread_history li {float:left; width:162px; margin-right:12px; height:170px; overflow:hidden;}
.bread_history li.lst {margin-right:0;}
.bread_history li dt {font-weight:bold; margin-bottom:10px; color:#333;}
.bread_history li dd {font-size:11px; color:#999; line-height:15px; margin-bottom:5px;}

.fSupportArea{position:relative; /*width:620px;*/ height:90px; padding:20px 20px 0 20px; background:#f7f7f7; /*margin-left:-38px;*/}
.fSupportArea p{height:65px; background:url('/images/contents/bg_heart.gif') no-repeat; padding-left:80px; line-height:170%;}
.fSupportArea p.twoline{padding-top:8px;}
.fSupportArea a{position:absolute; top:35px; right:26px;}


/* 201712 추가 */

.submainWrap {}
.sm_childmenu {width: 100%; padding: 0; margin: 0; }
.sm_childmenu .childmenu { display: inline-block; width: 40%; padding:20px 20px 20px 30px;  }
.sm_childmenu .childmenu h3 {padding:0 0 10px 0;}

.sm_menuWrap { width: 680px; }

.sm_menuWrap li ul { display: inline-block; margin-top: 20px; top:0px; }
.sm_menuWrap li ul li { display: inline-block; }

.sm_menuWrap li ul li dl{ display: inline-block; width: 245px; top:0px; margin-left:5px; }
.sm_menuWrap li ul li dl dt { top:0px !important; padding:0; border-bottom: 1px dotted #ccc; }
.sm_menuWrap li ul li dl dd { top:0px !important; font-size: 11px; letter-spacing: -1.5px; margin: 2px 5px 6px 0; }
.sm_menuWrap li ul li dl dd a { color:#999;}

#contents_wide { word-break: keep-all; font-family:'__NanumGothic_5'; }

.title_bg_01_201712_01 { background: url('/images/contents/201712/bg_01.jpg'); }
.title_bg_01_201712_02 { background: url('/images/contents/201712/bg_02.jpg'); }
.title_bg_01_201712_03 { background: url('/images/contents/201712/bg_03.jpg'); }
.title_bg_01_201712_04 { background: url('/images/contents/201712/bg_04.jpg'); }
.title_bg_01_201712_05 { background: url('/images/contents/201712/bg_05.jpg'); }
.title_bg_01_201712_06 { background: url('/images/contents/201712/bg_06.jpg'); }

.title_bg_01_201712_01, .title_bg_01_201712_02, .title_bg_01_201712_03, .title_bg_01_201712_04, .title_bg_01_201712_05, .title_bg_01_201712_06, .title_bg_01_2019_01, .title_bg_01_2019_02, .title_bg_01_2019_03, .title_bg_01_2019_04, .title_bg_01_2019_05, .title_bg_01_2019_07
{ width: 100%; height: 320px; background-color: #000; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; }

.title_wrap_201712 { width: 1140px; height: 110px; margin: 0 auto; color: #ffffff; padding-top: 170px; }
.title_wrap_201712 .title { display: block; font-size: 48px; line-height: 48px; font-weight: 600; padding-bottom: 20px; }
.title_wrap_201712 .txt { display: block; font-size: 16px; line-height: 24px; font-weight:normal; }

@media screen and (max-width: 1200px) {
	.title_wrap_201712 {padding-left: 30px;}
}

.cont_title_201712 h1 { font-size: 28px; line-height: 38px; font-weight: 600; text-align: center; color: #ff6600; padding-top: 50px; padding-bottom: 20px;}

.cont_00_201712 { position: relative; width: 840px; margin-top: 30px; }
.cont_00_201712 .cont_tab {text-align: center; font-size: 20px; }
.cont_00_201712 .cont_wrap {background: #f2f2f2; padding: 30px 20px 40px 20px; }

.cont_01_201712 .cont_wrap { position: relative; width: 840px; min-height: 230px; color: #333; margin-top: 40px;}
.cont_01_201712 .cont_wrap .img { position: absolute; left: 0; width: 410px; height: 230px;}
.cont_01_201712 .cont_wrap .txt { position: relative; margin-left: 360px; top: 50px; width: 450px; min-height: 120px ;font-size: 14px; line-height: 20px; background: #ffffff; padding: 30px 0 60px 30px;}
.cont_01_201712 .cont_wrap .txt span { display: block; width: 480px; height: auto; font-size: 22px; line-height: 28px; padding-bottom: 10px; font-weight: 600; }

.cont_01_201712 .cont2_wrap { position: relative; width: 840px; min-height: 230px; color: #333; margin-top: 40px;}
.cont_01_201712 .cont2_wrap .img { position: absolute;  right: 0; width: 410px; height: 230px;}
.cont_01_201712 .cont2_wrap .txt { position: relative; margin-left: 0px; top: 50px; width: 450px; min-height: 120px ;font-size: 14px; line-height: 20px; background: #ffffff; padding: 30px 30px 60px 0;}
.cont_01_201712 .cont2_wrap .txt span { display: block; width: 480px; height: auto; font-size: 22px; line-height: 28px; padding-bottom: 10px; font-weight: 600; }

.cont_02_201712 { position: relative; width: 840px; height: 370px; margin-top: 30px;}
.cont_02_201712 .story { position: relative; float: left; width: 270px; height: 370px; margin-right: 15px;}
.cont_02_201712 .story_last { position: relative; float: left; width: 270px; height: 370px; margin-right: 0px;}
.cont_02_201712 .story .txt,
.cont_02_201712 .story_last .txt {position: absolute; width: 230px; bottom: 20px; left: 20px; right: 20px; top: auto; color: #ffffff; font-size: 13px; line-height: 19px;}
.cont_02_201712 .story .txt span,
.cont_02_201712 .story_last .txt span {display: block; font-size: 16px; line-height: 22px; padding-bottom: 10px;}

.image_pu235_wrap {
  position: relative;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
}
.image_pu235 {
	position: relative;
	overflow: hidden;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	transform-origin: center center;
}
.image_pu235:hover {
position: relative;
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.cont_03_201712 { position: relative; width: 840px; height: 524px; margin-top: 30px;}
.cont_03_201712 .sponsor_01 { position: relative; float: left; width: 418px; height: 524px; margin-right: 4px;}
.cont_03_201712 .sponsor_02 { position: absolute; right: 0px; width: 418px; height: 260px; margin-bottom: 4px; background: #cbc4bc;}
.cont_03_201712 .sponsor_03 { position: absolute; right: 0px; bottom: 0px; width: 418px; height: 260px; background: #38aac8;}

.cont_03_201712 .sponsor_01 .txt {position: absolute; width: 358px; bottom: 30px; left: 30px; right: 30px; top: auto; color: #ffffff; font-size: 14px; line-height: 20px; text-align: center; font-weight: 600;}
.cont_03_201712 .sponsor_01 span {display: block; font-size: 13px; line-height: 19px; padding-top: 10px; font-weight: 400;}

.cont_03_201712 .sponsor_02 .txt {position: absolute; width: 388px; bottom: 10px; left: 15px; right: 15px; top: auto; color: #333333; font-size: 13px; line-height: 19px; text-align: center; font-weight: 600;}
.cont_03_201712 .sponsor_02 span {display: block; font-size: 13px; line-height: 19px; padding-top: 10px; font-weight: 400;}

.cont_03_201712 .sponsor_03 .txt {position: absolute; width: 388px; bottom: 10px; left: 15px; right: 15px; top: auto; color: #ffffff; font-size: 13px; line-height: 19px; text-align: center; font-weight: 600;}
.cont_03_201712 .sponsor_03 span {display: block; font-size: 13px; line-height: 19px; padding-top: 10px; font-weight: 400;}

.sponosr_01_02 { position: absolute; background: url('/images/contents/201712/sponosr_01_02.png') no-repeat; width: 80px; height: 80px; top: 30px; left: 169px; }
.sponosr_01_03 { position: absolute; background: url('/images/contents/201712/sponosr_01_03.png') no-repeat; width: 80px; height: 80px; top: 30px; left: 169px; }
.sponosr_02_02 { position: absolute; background: url('/images/contents/201712/sponosr_02_02.png') no-repeat; width: 80px; height: 80px; top: 40px; left: 169px; }
.sponosr_02_02_grey { position: absolute; background: url('/images/contents/201712/sponosr_02_02_grey.png') no-repeat; width: 80px; height: 80px; top: 40px; left: 169px; }
.sponosr_02_03 {position: absolute; background: url('/images/contents/201712/sponosr_02_03.png') no-repeat; width: 80px; height: 80px; top: 40px; left: 169px;}
.sponosr_02_03_grey {position: absolute; background: url('/images/contents/201712/sponosr_02_03_grey.png') no-repeat; width: 80px; height: 80px; top: 40px; left: 169px;}

.cont_04_201712 { position: relative; width: 840px; margin-top: 30px; font-size: 16px; line-height: 24px;}
.cont_05_201712 { position: relative; width: 840px; margin-top: 30px; font-size: 16px; line-height: 24px;}
.cont_05_201712 .cont_wrap {}

.cont_06_201712 { position: relative; width: 840px; height: 480px; margin-top: 30px; background: url('/images/contents/201712/img_info.png') no-repeat center top;}
.cont_06_201712 .txt_01 { color: #f37021; font-size: 15px; line-height: 22px; padding: 170px; text-align: center;}
.cont_06_201712 .txt_01 span { display: block; font-size: 24px; padding-top: 10px; font-weight: 600; }
.cont_06_201712 .txt_02 {position: absolute; top: 35px; left: 72%; font-size: 13px; line-height: 19px; color: #666; }
.cont_06_201712 .txt_03 {position: absolute; top: 200px; left: 82%; font-size: 13px; line-height: 19px; color: #666; }
.cont_06_201712 .txt_04 {position: absolute; top: 380px; left: 72%; font-size: 13px; line-height: 19px; color: #666; }
.cont_06_201712 .txt_05 {position: absolute; top: 380px; left: 6%; font-size: 13px; line-height: 19px; color: #666; text-align: right; }
.cont_06_201712 .txt_06 {position: absolute; top: 200px; left: 0%; font-size: 13px; line-height: 19px; color: #666; text-align: right; }
.cont_06_201712 .txt_07 {position: absolute; top: 35px; left: 10%; font-size: 13px; line-height: 19px; color: #666; text-align: right; }

.cont_06_201712 .txt_02 span, .cont_06_201712 .txt_03 span, .cont_06_201712 .txt_04 span, .cont_06_201712 .txt_05 span, .cont_06_201712 .txt_06 span, .cont_06_201712 .txt_07 span {display: block; font-size: 16px; font-weight: 600; padding-bottom: 5px;}

.fixed_btn { width: 100%; height: 70px; line-height: 70px; background: #cbc4bc; }
.fixed_btn .fixed_btn_wrap { width: 1140px; height: 70px; margin: 0 auto; }
.fixed_btn .fixed_btn_wrap .txt {position: absolute; font-size: 16px; color: #161616; }
.fixed_btn .fixed_btn_wrap .fixed_btn_detail {float: right; margin-top: 15px; box-shadow: 0px 4px 0px 0px #df6922; min-width: 246px; color: #fff; text-align: center; font-size: 17px; font-weight: 600; background-color: #f7833b; }
.fixed_btn .fixed_btn_wrap .fixed_btn_detail:hover { background-color: #f37021; color: #fff;}


/* DivTable */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #999999;
	display: table-cell;
	padding: 10px 10px;
	text-align: center;
	width: 250px;
	height: auto;
}
.divTableCell .list {position: relative; font-size: 13px; line-height: 20px;}
.divTableCell .list .txt {display: block; font-weight: 600; padding-bottom: 5px; font-size: 14px;}
.divTableCell .list .cap {display: block; font-size: 11px; line-height: 15px; color: #999999; padding-top: 5px;}

.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}


/* table */
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
  font-weight: 600;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  color: #333;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  /*padding: 8px;
  line-height: 1.42857143;*/
  padding: 10px;
  line-height: 1.75;
  vertical-align: top;
  border-top: 1px solid #333;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #333;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #333;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #333;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #333;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #333;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

/* accordion */	

.cont_05_201712 .tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #333;
  overflow: hidden;
}
.cont_05_201712 input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.cont_05_201712 label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #fff;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
  border-bottom: 1px solid #333;
  color: #333;
}
.cont_05_201712 .blue label {
  background: #fff;
}
.cont_05_201712 .tab-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.cont_05_201712 .blue .tab-content {
  background: #3498db;
}
.cont_05_201712 .tab-content p {
  margin: 1em;
}
.cont_05_201712 .tab-content p span {
  font-weight: 600;
}
/* :checked */
.cont_05_201712 input:checked ~ .tab-content {
  max-height: 100em;
}
/* Icon */
.cont_05_201712 label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.cont_05_201712 input[type=checkbox] + label::after {
  content: "+";
}
.cont_05_201712 input[type=radio] + label::after {
  content: "\25BC";
}
.cont_05_201712 input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.cont_05_201712 input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

/* End extract */
/*html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}*/
.w3-image{max-width:100%;height:auto}/*img{margin-bottom:-5px}a{color:inherit}*/
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;/*width:100%*/width:33.33333%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:15px 0px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
.w3-f2f2f2,.w3-hover-f2f2f2:hover,.w3-f2f2f2,.w3-hover-f2f2f2:hover{color:#f37021!important;background-color:#f2f2f2!important}

/* button */
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}


/* main btn */

.btn-orange {
  color: #fff !important;
  background-color: #f37021;
  border-color: #f37021;
}

.btn-orange:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-orange:focus, .btn-orange.focus {
  box-shadow: 0 0 0 3px #f2f2f2;
}

.btn-orange.disabled, .btn-orange:disabled {
  background-color: #cbc4bc;
  border-color: #cbc4bc;
}

.btn-orange:active, .btn-orange.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}


.btn-black {
  color: #fff !important;
  background-color: #000000;
  border-color: #000000;
}

.btn-black:hover {
  color: #fff;
  background-color: #666666;
  border-color: #666666;
}

.btn-black:focus, .btn-black.focus {
  box-shadow: 0 0 0 3px #f2f2f2;
}

.btn-black.disabled, .btn-black:disabled {
  background-color: #000000;
  border-color: #000000;
}

.btn-black:active, .btn-black.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}

.btn-grey {
  color: #fff !important;
  background-color: #333333;
  border-color: #333333;
}

.btn-grey:hover {
  color: #fff;
  background-color: #666666;
  border-color: #666666;
}

.btn-grey:focus, .btn-grey.focus {
  box-shadow: 0 0 0 3px #f2f2f2;
}

.btn-grey.disabled, .btn-grey:disabled {
  background-color: #cbc4bc;
  border-color: #cbc4bc;
}

.btn-grey:active, .btn-grey.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}

.btn-fieldGrey {
  color: #fff !important;
  background-color: #cbc4bc;
  border-color: #cbc4bc;
}

.btn-fieldGrey:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-fieldGrey:focus, .btn-fieldGrey.focus {
  box-shadow: 0 0 0 3px #f2f2f2;
}

.btn-fieldGrey.disabled, .btn-fieldGrey:disabled {
  background-color: #cbc4bc;
  border-color: #cbc4bc;
}

.btn-fieldGrey:active, .btn-fieldGrey.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}


/* sub btn */
.btn-maroon {
  color: #fff !important;
  background-color: #842f15;
  border-color: #842f15;
}

.btn-maroon:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-maroon:focus, .btn-maroon.focus {
  box-shadow: 0 0 0 3px #f2f2f2;
}

.btn-maroon.disabled, .btn-maroon:disabled {
  background-color: #842f15;
  border-color: #842f15;
}

.btn-maroon:active, .btn-maroon.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}

.btn-yellow {
  color: #fff !important;
  background-color: #fed35f;
  border-color: #fed35f;
}

.btn-yellow:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-yellow:focus, .btn-yellow.focus {
  box-shadow: 0 0 0 3px #f2f2f2;
}

.btn-yellow.disabled, .btn-yellow:disabled {
  background-color: #fed35f;
  border-color: #fed35f;
}

.btn-yellow:active, .btn-yellow.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}

.btn-grey:active, .btn-grey.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}

.btn-purple {
  color: #fff !important;
  background-color: #9055a2;
  border-color: #9055a2;
}

.btn-purple:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-purple:focus, .btn-purple.focus {
  box-shadow: 0 0 0 3px #f2f2f2;
}

.btn-purple.disabled, .btn-purple:disabled {
  background-color: #9055a2;
  border-color: #9055a2;
}

.btn-purple:active, .btn-purple.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}

.btn-teal {
  color: #fff !important;
  background-color: #006662;
  border-color: #006662;
}

.btn-teal:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-teal:focus, .btn-teal.focus {
  box-shadow: 0 0 0 3px #f2f2f2;
}

.btn-teal.disabled, .btn-teal:disabled {
  background-color: #006662;
  border-color: #006662;
}

.btn-teal:active, .btn-teal.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}

.btn-blue {
  color: #fff !important;
  background-color: #00accb;
  border-color: #00accb;
}

.btn-blue:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-blue:focus, .btn-blue.focus {
  box-shadow: 0 0 0 3px #f2f2f2;
}

.btn-blue.disabled, .btn-blue:disabled {
  background-color: #00accb;
  border-color: #00accb;
}

.btn-blue:active, .btn-blue.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}


.btn-green {
  color: #fff !important;
  background-color: #46bc96;
  border-color: #46bc96;
}

.btn-green:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-green:focus, .btn-green.focus {
  box-shadow: 0 0 0 3px #f2f2f2;
}

.btn-green.disabled, .btn-green:disabled {
  background-color: #46bc96;
  border-color: #46bc96;
}

.btn-green:active, .btn-green.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  background-image: none;
  border-color: #000000;
}


.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #ff6600;
  border-color: #ff6600;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ff9900;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ff9900;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ff9900;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #ff6600;
  border-color: #ff6600;
}
.btn-warning .badge {
  color: #ff6600;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}

/* text */
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090; text-decoration: underline;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

/* badge */
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.badge-orange {
    color: #fff;
    background-color: #f37021;
}
.badge-blue {
    color: #fff;
    background-color: #00accb !important;
}

/* fade */
.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.fade-in-50 {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

#visionstore { margin-top: 60px; }
#visionstore .btn_or { position: relative; background: #ff6600; color:#fff; padding:10px 20px; letter-spacing: -0.5px; font-weight: 600; } 
#visionstore .btn_or a { color:#fff; }
#visionstore .btn_or:after { content: ' \25B8'; margin-left: -3px; }

.visionstore_btline { margin: 40px 0; text-align: center; }
.visionstore_btline li { display: inline-block; margin-right: 5px; padding:10px 0; letter-spacing: -0.5px; font-weight: 600; background: #eee; width: 32.4%; line-height: 20px; border-radius: 5px; }
.visionstore_btline li a { color:#333; display: block; }
.visionstore_btline li:last-child { margin-right: 0px; }
.visionstore_btline li a:after { content: ' \25B8'; margin-left: -3px; }
.visionstore_btline li.on { background: #ff6600; }
.visionstore_btline li.on a { color:#fff; }
.visionstore_btline li.on:after { color:#fff; }

.visionstore01-1 h3, .visionstore01-3 h3, .visionstore02-1 h3 { color:#ff6600; font-size: 18px; }
.visionstore01-1 h3:before, .visionstore01-3 h3:before, .visionstore02-1 h3:before { content: ' \2726'; }
.visionstore01-1 ul { margin-top: 20px; }
.visionstore01-1 li { display: inline-block; width: 48%; margin-right: 10px; text-align: center; vertical-align: top; }
.visionstore01-1 li:last-child { margin-right: 0px;}
.visionstore01-1 li img { width: 100%; border-radius: 10px; height: 200px; border: 1px #eee solid;}
.visionstore01-1 li h4 { margin-bottom: 0px; font-size: 15px; font-weight: 600; border-bottom: 5px #fce1cd solid; }
.visionstore01-1 li h4, .visionstore01-1 li p { padding: 10px; }
.visionstore01-1 li p {line-height: 20px; font-size: 13px; color:#999}

.visionstore01-2 { padding:30px; margin:30px 0 50px 0; border-radius: 10px; border:3px #46bc96 solid; box-shadow: 0px 5px 5px 0px rgba( 3, 0, 0, 0.1 ); }
.visionstore01-2 li, .visionstore01-2 dd { display: inline-block; vertical-align: top; }
.visionstore01-2 li { width: 70%; }
.visionstore01-2 dd { }
.visionstore01-2 span { display: block; position: absolute; width:180px; height: 15px; background: rgba( 70, 188, 150, 0.2 ); margin-top: -13px; margin-left: -5px; }

.visionstore01-2 .btn { position: relative; background: #46bc96; color:#fff; padding:10px 20px; letter-spacing: -0.5px; font-weight: 600; }
.visionstore01-2 .btn a { color:#fff; }
.visionstore01-2 .btn:after { content: ' \25B8'; margin-left: -3px; }

.visionstore01-3 { position: relative; }
.visionstore01-3 .sns .tit { 
	background: #f8f8f8; padding:30px; text-align: center; margin: 20px 0; border-radius: 5px; 
	background-color:#f8f8f8;
	background-image: radial-gradient(white 15%, transparent 16%),
	radial-gradient(white 15%, transparent 16%);
	background-size: 20px 20px;
	background-position: 0 0, 5px 5px;
}
.visionstore01-3 .sns .tit h4 { font-size: 15px; font-weight: 600; margin-bottom:0px; }
.visionstore01-3 .sns .tit h5 { color:#999; }
.visionstore01-3 .sns .tit h5 span { font-weight: 600; color:#ff6600; }

.visionstore01-3 .heart{
	position: absolute; right: 35px; bottom:-10px;
	z-index: 1;
	margin:40px 0 0 40px;
    animation-name: beat;
    animation-duration:1.3s;
    animation-iteration-count: infinite;
	width: 60px;
	fill:rgba( 255, 102, 0, 0.5 );
}

  @keyframes beat {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
  }

.visionstore01-4 { background: #f8f8f8; border-radius: 10px; text-align: center; padding: 15px; margin-bottom:30px;}
.visionstore01-4 h4 { font-size: 15px; font-weight: 600; margin-bottom:0px; }
.visionstore01-4 h4 span { font-weight: 600; color:#ff6600; } 
.visionstore01-4 h5 { color:#999; }

.visionstore02-1 ul {margin-top: 30px;}
.visionstore02-1 ul li {display: inline-block; vertical-align: top; width: 24.5%; text-align: center; }
.visionstore02-1 ul li .img:after { content: ' \27BD'; color:#ff6600; margin-left: 20px; position: absolute; margin-top: 40px; }
.visionstore02-1 ul li img { border-radius: 100px; width: 100px; box-shadow: 0px 5px 5px 0px rgba( 3, 0, 0, 0.1 );}
.visionstore02-1 ul li h4 { color:#7C7C7C; margin: 15px 0 0 0; line-height: 20px; font-size: 14px; }

.visionstore02-2 { padding:30px 0; margin:30px 0 50px 0; border-radius: 10px; border:3px #46bc96 solid; box-shadow: 0px 5px 5px 0px rgba( 3, 0, 0, 0.1 ); text-align: center; }
.visionstore02-2 ul li { display: inline-block; vertical-align: top; width: 49.6%; position: relative; border-right: 1px solid #eee; }
.visionstore02-2 ul li:last-child { border-right:none; }
.visionstore02-2 span { display: block; position: absolute; width:200px; height: 15px; background: rgba( 70, 188, 150, 0.2 ); margin-top: -2px; left:50%; transform: translate(-50%, -50%); }

.visionstore02-2 .btn { position: relative; background: #46bc96; color:#fff; padding:10px 20px; letter-spacing: -0.5px; font-weight: 600; margin-top: 20px; }
.visionstore02-2 .btn a { color:#fff; }
.visionstore02-2 .btn:after { content: ' \25B8'; margin-left: -3px; }

.visionstore02-3 { box-shadow: 0px 5px 5px 0px rgba( 3, 0, 0, 0.1 ); height: 170px; border: 1px #eee solid; border-radius: 10px; }
.visionstore02-3 ul li, .visionstore02-3 ul dd { display: inline-block; vertical-align: top; position: relative;  }
.visionstore02-3 ul li { width: 60%; padding: 30px; }
.visionstore02-3 ul li h4 { color:#666; letter-spacing: -0.7px; margin-top: 25px; font-weight: 600; }
.visionstore02-3 ul li h4 span { border-bottom: 1px #ccc dotted; padding-bottom: 3px;}
.visionstore02-3 ul li h5 { color:#999}
.visionstore02-3 ul li .story:before { content: ' \275E'; position: absolute; font-size: 32px; color:#ff6600; left:50%; transform: translate(-50%, -50%); margin-top: 10px; }

.visionstore02-3 ul dd { width: 30%; }
.visionstore02-3 ul dd img { width: 100%;height: 170px; border-radius: 10px 0 0 10px; }

.visionstore02-3 picture img { object-fit:cover; }