@charset "utf-8";

/********************
추가및수정
********************/
.wrap_to{padding:35px;background:#FFF;height:100%;}
.wrap_to h3{font-size:40px;color:#23af00;line-height:1;font-family:'Sebang Bold';margin-bottom:25px;}
.wrap_to div{margin-bottom:25px;}
.wrap_to dt{font-size:22px;color:#222;line-height:1;font-family:'Dream Bold';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;}
.wrap_to dd{font-size:18px;color:#333;line-height:1.5;font-family:'Dream Regular';white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.wrap_sol{padding:35px;background:#FFF;height:100%;}
.wrap_sol h3{font-size:40px;color:#222;line-height:1;font-family:'Sebang Bold';margin-bottom:25px;}
.wrap_sol div{margin:25px 0;text-align:center;}
.wrap_sol li{font-size:18px;color:#333;line-height:1.5;font-family:'Dream Regular';padding:5px 0;}
.wrap_giveQ{padding:35px;background:#185f14;height:100%;}
.wrap_giveQ::before{content:"";display:block;width:50%;height:50%;background:url(/sites/style_guide/images/common/nav_bg_2_g.png) no-repeat right top;background-size:200px;position:absolute;right:-50px;bottom:0;opacity:0.5;}
.wrap_giveQ h3{font-size:30px;color:#FFF;line-height:1;font-family:'Sebang Regular';margin-bottom:20px;}
.wrap_giveQ p{font-size:20px;color:#EEE;line-height:1.6;font-family:'Dream Medium';padding:5px 0;}
.wrap_giveB{padding:35px;background:#217e83;height:100%;}
.wrap_giveB::before{content:"";display:block;width:50%;height:50%;background:url(/sites/style_guide/images/common/nav_bg_2_b.png) no-repeat right top;background-size:200px;position:absolute;right:-50px;bottom:0;opacity:0.5;}
.wrap_giveB h3{font-size:30px;color:#FFF;line-height:1;font-family:'Sebang Regular';margin-bottom:20px;}
.wrap_giveB h3 span{font-size:25px;}
.wrap_giveB p{font-size:20px;color:#EEE;line-height:1.6;font-family:'Dream Medium';padding:5px 0;}
@media all and (max-width:1640px){
}
@media all and (max-width:1280px){
}
@media all and (max-width:768px){
  .wrap_to h3,
  .wrap_sol h3,
  .wrap_giveQ h3,
  .wrap_giveB h3{font-size:25px;}
  .wrap_to dt{font-size:18px;}
  .wrap_to dd,
  .wrap_sol li{font-size:16px;}
  .wrap_giveQ p,
  .wrap_giveB p{font-size:16px;}
}

.wrap_giveList{background:url(../../images/give_bg.jpg) no-repeat center;background-size:cover;padding:80px 0;}
.wrap_giveList .inner{max-width:1600px;margin:0 auto;position:relative;}
.wrap_giveList h3{font-size:40px;color:#FFF;line-height:1;font-family:'Sebang Bold';margin-bottom:30px;}
#donatorList{background:#FFF;padding:35px;font-size:22px;color:#222;line-height:1.8;height:150px;overflow:hidden;border: 3px solid #DDD;font-family: 'Sebang Regular';position:relative;word-spacing:18px;word-break:keep-all;}
#donatorList::before{content:"";display:block;width:100%;height:35px;background:#FFF;position:absolute;right:0;bottom:0;}
.btn_month{display:flex;align-items:center;justify-content:flex-end;position:absolute;right:0;top:0;}
.btn_month input{font-size:0;width:40px;height:40px;display:block;margin:0 5px;cursor:pointer;}
.btn_month .btn_up{background:#FFF url(../../images/up.png) no-repeat center;}
.btn_month .btn_down{background:#FFF url(../../images/down.png) no-repeat center;}
.btn_month .btn_stop{background:#FFF url(../../images/stop.png) no-repeat center;}
.btn_month .btn_play{background:#FFF url(../../images/play.png) no-repeat center;}
@media all and (max-width:1640px){
  .wrap_giveList .inner{max-width:96%;}
}
@media all and (max-width:1280px){
}
@media all and (max-width:768px){
  .wrap_giveList h3{font-size:25px;}
  #donatorList{font-size:16px;}
}


/********************
BG
********************/
#multipleDiv_tem_gradD_12{background:url(../../images/noti_bg.jpg) no-repeat center 70px;}
#multipleDiv_tem_gradD_13{background:url(../../images/intro_bg.jpg) no-repeat center;background-size:cover;}
#multipleDiv_tem_gradD_14{background:#f4f4f4 url(../../images/news_bg.png) no-repeat right top;}


/********************
COMMON
********************/
#multipleContentsDiv_tem_gradD_12,
#multipleContentsDiv_tem_gradD_13,
#multipleContentsDiv_tem_gradD_14{max-width:1600px;padding:100px 0;}
#multipleDiv_tem_gradD_12{margin-top:-70px;}
#multipleContentsDiv_tem_gradD_12{padding-top:0;}
@media all and (max-width:1640px){
  #multipleContentsDiv_tem_gradD_12,
  #multipleContentsDiv_tem_gradD_13,
  #multipleContentsDiv_tem_gradD_14{max-width:96%;}
}
@media all and (max-width:1280px){
  #multipleContentsDiv_tem_gradD_12,
  #multipleContentsDiv_tem_gradD_13,
  #multipleContentsDiv_tem_gradD_14{padding:70px 0;}
}
@media all and (max-width:768px){
  #multipleContentsDiv_tem_gradD_12,
  #multipleContentsDiv_tem_gradD_13,
  #multipleContentsDiv_tem_gradD_14{padding:40px 0;}
}


/********************
타이틀
********************/
.mainTitle h2{font-size:50px;color:#000;line-height:1.1;font-family:'Dream Bold';margin-bottom:30px;letter-spacing:-2px;text-align:center;}
.mainTitle h2::after{content:"";display:block;width:80px;height:2px;background:#000;margin:30px auto;}
.mainTitle_2 h2{color:#FFF;text-align:left;}
.mainTitle_2 h2::after{background:#FFF;margin:30px 0;}
.mainTitle_2 dl{color:#FFF;}
.mainTitle_2 dt{font-size:25px;line-height:1;font-family:'Dream Medium';}
.mainTitle_2 dd{font-size:17px;line-height:1.3;font-family:'Dream Light';margin-top:20px;}
@media all and (max-width:1280px){
  .mainTitle h2{font-size:40px;letter-spacing:-1px;}
  .mainTitle_2{display:flex;align-items:center;}
  .mainTitle_2 h2{font-size:35px;display:flex;margin-bottom:0;}
  .mainTitle_2 h2::after{width:2px;height:80px;margin:auto 30px;}
  .mainTitle_2 dt{font-size:22px;}
  .mainTitle_2 dd{font-size:15px;}
  .mainTitle_2 dd br{display:none;}
}
@media all and (max-width:768px){
  .mainTitle h2{font-size:30px;}
  .mainTitle_2{display:block;}
  .mainTitle_2 h2{font-size:22px;display:block;}
  .mainTitle_2 h2::after{width:80px;height:2px;margin:15px 0;}
  .mainTitle_2 h2 br{display:none;}
  .mainTitle_2 dt{font-size:18px;}
  .mainTitle_2 dd{font-size:14px;}
}