/* visual : 메인이미지 ----------------------------------------------------------------------------- */
.visual-slogan-1 { position: absolute; top: 25%; left: 21%; right: 0; }
.visual-slogan-1 br { display:none; }
.visual-slogan-1 h1 { margin:0; padding:0; font-weight: 600; font-size: 40px; color: #252525; }
.visual-slogan-1 h1 span { margin:0; padding:0; font-weight: 400; font-size: 40px; color: #5a5a5a;}
.visual-slogan-1 p { margin:0; padding:0; font-weight: 300; font-size: 20px; color: #747474; }
.visual-slogan-1 p.visual-slogan-1-summary { margin:40px 0 0 0; }
.visual-slogan-1 p.visual-slogan-1-button { margin:40px 0 0 0; }
.visual-slogan-1 a.btn { font-size:14px; border:1px solid #000000; color:#000000; }

@media (max-width: 1024px) {
.visual-slogan-1 { position: absolute; top: 10%; left: 5%; right: 0; }
.visual-slogan-1 h1 { font-weight: 600; font-size: 40px; color: #252525; }
.visual-slogan-1 h1 span { font-weight: 400; font-size: 40px; color: #5a5a5a;}
.visual-slogan-1 p { margin:40px 0 0 0; font-weight: 300; font-size: 20px; color: #747474; }
.visual-slogan-1 p.visual-slogan-1-summary {}
.visual-slogan-1 p.visual-slogan-1-button {}
.visual-slogan-1 a.btn { }
}

@media (max-width: 768px) {
.visual-slogan-1 { position: absolute; top: 10%; left: 3%; right: 0; }
.visual-slogan-1 h1 { font-weight: 600; font-size: 35px; color: #252525; }
.visual-slogan-1 h1 span { font-weight: 400; font-size: 35px; color: #5a5a5a;}
.visual-slogan-1 p { font-weight: 400; font-size: 20px; color: #747474; }
.visual-slogan-1 p.visual-slogan-1-summary { margin:40px 0 0 0; }
.visual-slogan-1 p.visual-slogan-1-button { margin:40px 0 0 0; }
.visual-slogan-1 a.btn { padding:10px 30px; font-size:14px; }
}

@media (max-width: 600px) { 
	.visual-slogan-1 br { display:block; }
}

@media (max-width: 360px) {
.visual-slogan-1 { position: absolute; top: 9%; left: 5%; right: 0; }
.visual-slogan-1 h1 { font-weight: 600; font-size: 35px; color: #252525; }
.visual-slogan-1 h1 span { font-weight: 400; font-size: 35px; color: #5a5a5a;}
.visual-slogan-1 p { font-weight: 300; font-size: 20px; color: #747474; }
.visual-slogan-1 p.visual-slogan-1-summary { margin:40px 0 0 0; }
.visual-slogan-1 p.visual-slogan-1-button { margin:40px 0 0 0; }
.visual-slogan-1 a.btn { font-size:14px; }
}



/* left-banner : 좌측배너 --------------------------------------------------------------------------------------------------------------- */




/* left-board : 게시판 --------------------------------------------------------------------------------------------------------------- */
.left-board { margin-bottom: 40px; float: left; width: 100%; height: 160px; }
.left-board-title { margin: 0; padding-bottom:5px; float: left; width: 100%; }
.left-board-title h4 { float: left; font-weight: 600; font-size: 18px; color: #387aeb; }
.left-board-title img { float: right; }
.left-board-list { margin: 0; float: left; width: 100%; }
.left-board-list ul { padding: 0 ; width: 100%; text-align: left; font-size: 13px; }
.left-board-list ul li { padding: 10px 0 10px 0 ; border-bottom: 1px solid #d2d2d2;  overflow:hidden; list-style-type:none; }
.left-board-list-data { float: right; }

  
@media (max-width: 768px) {
  .left-board { margin-top: 40px; margin-bottom: 0px; float: left; width: 100%; height: 160px; }
}

@media (max-width: 360px) {
  .left-board { margin-top: 20px; margin-bottom: 10px; float: left; width: 100%; height: 160px; }
  .left-board-title img { display: none; }
}



/* right-customer : 고객센터 --------------------------------------------------------------------------------------------------------------- */
.right-customer { margin-bottom: 40px; padding-left: 25px; padding-right: 25px; float: right; width: 100%; height: 561px; background: url(/images/rk-0208/img/right_customer_bg.jpg) no-repeat; }
.right-customer-title { padding: 25px 0 20px 0; float: left;  }
.right-customer-title h4 { font-weight: 600; font-size: 18px; color: #3f3f40; }
.right-customer-text-1 { width: 100%; float: left; }
.right-customer-text-1 ul { padding: 0 ; width: 100%; text-align: left; font-weight: 400; font-size: 14px; color: #666666; }
.right-customer-text-1 ul li { padding: 0 0 10px 0 ; overflow:hidden; list-style-type:none; }
.right-customer-text-1 ul span { color:#15aee1; padding-right: 15px; }
.right-customer-text-2 { width: 100%; float: left; border-top: 1px solid #aabed0; }
.right-customer-text-2 ul { padding: 0 ; width: 100%; text-align: left; font-weight: 400; font-size: 14px; color: #666666; }
.right-customer-text-2 ul li { padding: 10px 0 0 0 ; overflow:hidden; list-style-type:none; }
.right-customer-text-2 .in { padding-left: 30px; }
.right-customer-text-2 ul span { color:#15aee1; padding-right: 15px; }

@media (max-width: 1024px) {
  .right-customer { margin-bottom: 40px; padding-left: 15px; padding-right: 15px; float: right; width: 100%; height: 561px; background: url(/images/rk-0208/img/right_customer_bg.jpg) no-repeat; }
  .right-customer-title { padding: 15px 0 20px 0; float: left;  }
  .right-customer-text-1 ul { padding: 0 ; width: 100%; text-align: left; font-weight: 400; font-size: 14px; color: #666666; }
  .right-customer-text-2 ul { padding: 0 ; width: 100%; text-align: left; font-weight: 400; font-size: 14px; color: #666666; }
}

@media (max-width: 768px) {
  .right-customer { margin: 40px 0 0 0; padding: 20px; float: right; width: 100%; height: auto; background:#ffffff; }
  .right-customer-title { padding: 0 0 20px 0; float: left;  }
}
 

/* right-online : 온라인상담 --------------------------------------------------------------------------------------------------------------- */
.right-online { margin: 0; float: right; width: 100%; height: 160px; background-color: #22659e;}
.right-online-icon { padding: 45px 20px 0 25px; float: left; }
.right-online-text { padding-top: 35px; float: left; }
.right-online h5 { text-align: left; font-weight: 500; font-size: 20px; color: #ffffff;}
.right-online-arr { float: right; padding-right: 30px; }
.right-online p { text-align: left; font-weight: 400; font-size: 13px; color: #ffffff; line-height: 140%; }

@media (max-width: 1024px) {
  .right-online { margin: 0; float: right; width: 100%; height: 160px; background-color: #22659e;}
  .right-online-icon { display: none; }
  .right-online-text { padding: 35px 0 0 27px; float: left; }
  .right-online h5 { text-align: left; font-weight: 500; font-size: 20px; color: #ffffff;}
  .right-online-arr { float: right; padding-right: 30px; }
  .right-online p { text-align: left; font-weight: 400; font-size: 13px; color: #ffffff; line-height: 140%; }
}
  
@media (max-width: 768px) {
  .right-online { margin: 0; float: center; width: 100%; height: 50px; background-color: #22659e;}
  .right-online-icon { display: none; }
  .right-online-text { padding: 0; float: center; width: 100%; }
  .right-online h5 { padding-left: 30px; text-align: left; font-weight: 500; font-size: 25px; color: #ffffff;}
  .right-online-arr { padding-top:5px; float: right;  }
  .right-online p { display: none; }
}

@media (max-width: 360px) {
  .right-online { margin: 0; float: center; width: 100%; height: 50px; background-color: #22659e;}
  .right-online-icon { display: none; }
  .right-online-text { padding: 0; float: center; width: 100%; }
  .right-online h5 { padding-top:5px; padding-left: 25px; text-align: left; font-weight: 500; font-size: 20px; color: #ffffff;}
  .right-online-arr { padding-top:2px; float: right;  }
  .right-online p { display: none; }
}


/* partner-banner : 하단배너 ------------ */
.partner-banner { margin-top: 20px; }

@media (min-width: 768px) {
  .partner-banner { padding-bottom: 20px; }
}

@media (max-width: 360px) {
  .partner-banner { padding-bottom: 20px; }
}