@charset "utf-8";

/*
 * File Name : content.css
 * 작성일 : 2023-07-17
 */


/********************************************************

 *  Content

 ********************************************************/

.dc_join_policy h6 {font-size: 20px;color: #000;margin: 20px 0;}
.dc_joinpolicy_wrap .dc_policy_content {overflow: auto;font-size:16px;height: 300px;margin: 0;padding: 20px;background:#fff;border: 1px solid #ccc;}
.dc_agree p {margin-bottom:15px;}
.dc_agree img {vertical-align: middle;}

p.bu01 {clear: both;font-weight:bold;font-size: 16px;color: #555;}
p.bu01 img{display:inline; vertical-align: middle;}



/* location */

#location {}
#location .map {height: 600px;border:1px solid #eee; border-radius: 10px;overflow: hidden;}
#location .map .root_daum_roughmap_landing {width: 100% !important;}
#location .map .map .root_daum_roughmap {width: 100% !important; height: 100% !important;}
#location .map .root_daum_roughmap .wrap_map {height: 600px !important}

.co_info {display: flex; justify-content: space-between;align-items: stretch;margin-top: 100px;}
.co_info .co_info_left {width: 50%;padding: 0 80px;}
.co_info .co_info_left strong {display: block;font-size: 36px; color: #000; font-weight: 800;margin-bottom: 30px;}
.co_info .co_info_left p {font-size: 24px; color: #111; font-weight: 700;padding-left: 30px;background:url("../images/sub/icon_location.png") no-repeat left 6px;}
.co_info .co_info_right {width: 50%;border-left: 1px solid #ddd;padding: 0 80px;}
.co_info .co_info_right strong {display: block;font-size: 36px; color: #000; font-weight: 800;margin-bottom: 30px;}
.co_info .co_info_right p {font-size: 26px; color: #111; font-weight: 800;padding-left: 35px;background:url("../images/sub/icon_call.png") no-repeat left 6px;}
.co_info .co_info_right ul {margin-top: 30px;font-size: 18px}
.co_info .co_info_right ul li {position: relative;padding-left: 90px;font-weight: 700;margin: 10px 0}
.co_info .co_info_right ul li span {position: absolute;left: 0; top: 1px;}
.co_info .co_info_right ul li span:before {content: "";display: inline-block; vertical-align: middle; width: 5px; height: 5px; background:#444; border-radius: 50%;margin-right: 10px;}

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

  .co_info .co_info_left,
  .co_info .co_info_right {padding: 0 40px;}
  .co_info .co_info_left strong,
  .co_info .co_info_right strong {font-size: 30px;margin-bottom: 20px;}
  .co_info .co_info_left p {font-size: 20px;background-size: auto 18px;}
  .co_info .co_info_right p {font-size: 20px;background-size:auto 18px }
}
@media screen and (max-width:960px){

  .co_info .co_info_right {padding: 0 30px;}
  .co_info .co_info_left strong,
  .co_info .co_info_right strong {font-size: 26px;margin-bottom: 20px;}
  .co_info .co_info_left p {font-size: 18px;}
  .co_info .co_info_right p {font-size: 18px;}
  .co_info .co_info_right ul {margin-top: 25px;font-size: 16px;}
  .co_info .co_info_right ul li {padding-left: 70px;}
}
@media screen and (max-width:768px){

  #location .map {height: 400px;}
  #location .map .root_daum_roughmap .wrap_map {height: 400px !important}
  .co_info {flex-direction: column;margin-top: 50px;}
  .co_info .co_info_left,
  .co_info .co_info_right {width: 100%; padding:20px 10px;border: none;}
  .co_info .co_info_left strong,
  .co_info .co_info_right strong {font-size: 20px;}
  .co_info .co_info_left p,
  .co_info .co_info_right p {font-size: 17px;background-size: auto 16px;background-position: left 3px; padding-left: 25px;}
  .co_info .co_info_right ul {margin-top: 20px;font-size: 15px;}
}
@media screen and (max-width:640px){

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

}



/*-----------------------------------------------------------------------------
 *  Sub 05 : 문의하기
 *----------------------------------------------------------------------------*/


/* Sub 0502 */
.tb_write td .policy .desc {height:200px;border:1px solid #ddd;border-radius: 6px;padding:20px;overflow: hidden;overflow-y: auto;}
.tb_write td .policy .desc::-webkit-scrollbar-thumb {background-color: #ccc;}
.tb_write td .policy .desc {scrollbar-color: #ccc #e4e4e4;}
.tb_write td .policy strong {display:block;font-size:16px;margin-bottom:20px;}
.tb_write td .policy p,
.tb_write td .policy li {font-size:15px;color:#444;font-weight: 500;line-height: 1.5;}
.tb_write td .policy ul {margin-bottom:30px;}
.tb_write td .policy li {position:relative;padding-left:10px;}
.tb_write td .policy li:before {content:'';position:absolute;top:8px;left:0;display: block;width:4px;height:4px;border-radius: 50%;background:#000;}
.tb_write td .policy .chk_box {margin-top:20px;}

@media screen and (max-width:480px){
  .tb_write td .policy strong {font-size: 15px;margin-bottom: 15px;}
  .tb_write td .policy p,
  .tb_write td .policy li {font-size: 14px;}
}


/********************************************************

 *  Login / Join

 ********************************************************/

/* login */

.login_join {max-width:600px;margin:0 auto;padding:150px 0 120px;}
.login_join.w450 {max-width:400px;}
.login_join .top {text-align: center;}
.login_join .top h2 {font-size:50px;font-weight: 700;}
.login_join .top p {font-size:20px;color:#444;margin:10px 0 50px;}
.inp.f8 {height:60px;background:#f8f8f8;border-radius: 10px;margin-bottom:15px;}
.inp.f8:focus {border-color:#0fa1e2;background: #fff;}
#login .chk_box {padding:20px 0;}
.chk_box .chk2 + label {font-size:15px;color:#666;font-weight: 600;}
.chk_box .chk2 + label:before {border:1px solid #ddd;width:25px;height:25px;background:url("../images/login/chk.png") no-repeat center;margin-bottom:3px;}
.chk_box .chk2:checked + label:before {background-image:url("../images/login/chk_on.png");border-color:#0fa1e2;}
.login_util {display: flex;justify-content: space-between;}
.login_util .btn {width:49%;}
.login_util .btn a {display:block;padding:15px;text-align: center;}
.login_util .btn a span {display:inline-block;font-size:15px;color:#666;font-weight: 600;padding-left:25px;background:url("../images/login/idpw.png") no-repeat 0 2px;}
.login_util .btn.join a span {background-image:url("../images/login/join.png");color:#0fa1e2;}


/* Join */

.tb_row.join_tb {border-top:2px solid #0fa1e2;padding:20px 0;}
.tb_row.join_tb th {font-size:16px;color:#000;font-weight: 700;padding-top:35px; padding-left:19px;padding-right:19px;}
.tb_row.join_tb td {font-size:16px; padding:15px 5px;}
.tb_row.join_tb .inp {margin:0;}
#join .ment {margin-top:10px;}
.ment {color:#666;font-weight: 500;padding-left:25px;background:url("../images/login/ment.png") no-repeat 0 center;}
.ment.bl {background-image:url("../images/login/ment_bl.png");color:#0fa1e2;}
.ment.red {background-image:url("../images/login/ment_red.png");color:#eb3017;}
.tb_row.join_tb .frm_row {margin: 0 0 5px;}
.tb_row.join_tb .addr .frm_post {display: inline-block;width: auto;}
.tb_row.join_tb .addr .frm_post input {width: 150px;}
.tb_row.join_tb .bx.btn {position:relative;padding-right:145px;}
.tb_row.join_tb .tb_btn {position:absolute;top:0;right:0;}
.tb_row.join_tb .tb_btn a,
.tb_row.join_tb .tb_btn button {display: block;line-height:60px;font-size:15px;font-weight: 500; color:#fff;background:#3f5664;border-radius: 10px;width:140px;text-align: center;transition: all 0.3s ease}
.tb_row.join_tb .tb_btn a:hover,
.tb_row.join_tb .tb_btn button:hover {background:#2c3e49;}
.tb_row.join_tb .tb_btn.bl a {background:#0fa1e2;}
.tb_row.join_tb .tb_btn.bl a:hover {background:#0a83bd;}
.tb_row.join_tb .chk_box {margin-top:10px;}
.terms {}
.terms #checkAll + label {font-size:18px;color:#000;font-weight: 700;}
.terms .desc {background:#f6f9fb;padding:20px;margin-top:10px;}
.terms .desc .bx {display: flex;justify-content: space-between;align-items: center;}
.terms .desc .bx +.bx {margin-top:10px;}
#join label:before,
.terms .desc label:before {width:22px;height:22px;background-color:#fff;}
.terms .btn a {background:url("../images/login/view.png") no-repeat right 0;padding-right:25px;font-size:15px;color:#666;}
.terms + button.bl {display:block;max-width:220px;margin:50px auto 0;}

@media screen and (max-width:768px){
  .login_join {padding: 100px 0 80px;}
  .login_join .top h2 {font-size: 36px;}
  .login_join .top p {font-size: 18px;}
  .tb_row.join_tb th {width:26%;font-size: 16px;padding-top:30px;}
  .tb_row.join_tb .bx.btn {padding-right: 125px;}
  .tb_row.join_tb .tb_btn a, .tb_row.join_tb .tb_btn button {width: 120px;}
}
@media screen and (max-width:480px){
  .login_join {padding:50px 0 50px;}
  .login_join.w450 {max-width: 250px;padding:100px 0 50px;}
  .login_join .top h2 {font-size: 30px;}
  .login_join .top p {font-size: 16px;margin: 10px 0 30px;}
  .inp.f8 {height: 50px;margin-bottom:10px;}
  .chk_box .chk2 + label {font-size:14px;}
  .chk_box .chk2 + label:before {width:20px;height:20px;background-size: 10px auto;}
  .login_util {flex-wrap: wrap;}
  .login_util .btn {width:100%;margin-bottom: 10px;}
  .login_util .btn a {padding: 12px;}
  .login_util .btn a span {font-size: 14px;padding-left: 20px;background-size: 12px auto;}
  .tb_row.join_tb table,
  .tb_row.join_tb table thead,
  .tb_row.join_tb table tr,
  .tb_row.join_tb table th,
  .tb_row.join_tb table tbody,
  .tb_row.join_tb table td {display: block;width: 100%; padding: 0;}
  .tb_row.join_tb table tr {padding:15px 5px;}
  .tb_row.join_tb table th {margin-bottom: 5px;}
  .tb_row.join_tb .bx.btn {padding-right: 120px;}
  .tb_row.join_tb .tb_btn a, .tb_row.join_tb .tb_btn button {width: 115px;line-height: 50px;}
  .ment {font-size: 14px;padding-left: 20px;background-size: 14px auto;background-position: 0 2px;}
  .terms {padding-bottom:0;}
  .terms #checkAll + label {font-size: 16px;}
  .terms .desc {padding:15px;}
  .terms .desc .bx {align-items: flex-start;flex-wrap: wrap;flex-direction: column;}
  .terms .desc .bx .txic {width: 100%; text-align: right;}
  .terms .btn a {background-size: 14px auto;background-position: right 2px;padding-right:20px;font-size:14px;}
}