/*=================================================================================================
// 명    칭 : 레이아웃 스타일쉬트
// 처리내용 :
// 작 성 자 : 2025-02-24 오현철
//=================================================================================================*/
@import url("basic.css");


/* 스킵메뉴 */
.skipMenu {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
}
.skipMenu a {
    display: block;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    text-align: center;
    width: 1px;
}
.skipMenu a:focus, .skipMenu a:hover, .skipMenu a:active {
    background: none repeat scroll 0 0 #ffdabc;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0;
/*    padding: 8px 0 8px 0;*/
    width: auto;
}
/* //스킵메뉴 */

/*-----------------------------------------------------------------------------
 *  Margin & Padding
 *----------------------------------------------------------------------------*/

/* Vertical Padding */
.vPad250 {padding:120px 0;}
.vPad200 {padding:100px 0;}
.vPad150 {padding:80px 0;}

/* Horizontal Padding */
 .hPad50 {padding: 0 50px;}
 .hPad80 {padding: 0 80px;}
 .hPad100 {padding: 0 100px;}
 .hPad160 {padding: 0 160px;}

/* Vertical Padding */
.pb0 {padding-bottom: 0 !important;}

/* Both Padding */

@media screen and (max-width:1024px){
   .hPad50 {padding: 0 40px;}
   .hPad80 {padding: 0 50px;}
   .hPad100 {padding: 0 80px;}
   .hPad160 {padding: 0 140px;}
}

@media screen and (max-width:1200px){
  .hPad50 {padding:0 40px;}
}
@media screen and (max-width:960px){
  .vPad250 {padding:100px 0;}
  .vPad200 {padding:80px 0;}
  .vPad150 {padding:60px 0;}
}

@media screen and (max-width:768px){
  .vPad250 {padding:80px 0;}
  .vPad200 {padding:60px 0;}
  .vPad150 {padding:50px 0;}

  .hPad50 {padding:0 30px;}
}
@media screen and (max-width:640px){

}

@media screen and (max-width:480px){
   .hPad50 {padding: 0 20px;}
   .hPad80 {padding: 0 30px;}
   .hPad100 {padding: 0 50px;}
   .hPad160 {padding: 0 80px;}

  .vPad250 {padding:60px 0;}
  .vPad200 {padding:50px 0;}
  .vPad150 {padding:30px 0;}
}



#wrap { width:100%; }

/*-----------------------------------------------------------------------------
 *  헤더영역
 *----------------------------------------------------------------------------*/
#header { width:100%; }

.gnb_wrap { width:100%; border-bottom:1px solid #e5e5e5; padding:5px 0; }
.gnb_wrap .gnb_inner { display:flex; justify-content:space-between; width:1280px; margin:0 auto; }
.gnb_wrap .gnb_inner .gnb_left { display:flex; align-items:center; }
.gnb_wrap .gnb_inner .gnb_left dt { margin:0 10px 0 0; }
.gnb_wrap .gnb_inner .gnb_left dd { margin:0 40px 0 0; font-size:15px; color:#666; font-weight:700; word-wrap:break-word; word-break:keep-all; }
.gnb_wrap .gnb_inner .gnb_left dd .font_orang { color:#e9754c; }
.gnb_wrap .gnb_inner .gnb_left dd .font_blue { color:#7890de; }
.gnb_wrap .gnb_inner .gnb_right { display:flex; align-items:center; }
.gnb_wrap .gnb_inner .gnb_right .sns_icon { display:flex; margin:0 20px 0 0; }
.gnb_wrap .gnb_inner .gnb_right .sns_icon li { margin:0 5px; }
.gnb_wrap .gnb_inner .gnb_right .sns_icon li:last-child { margin:0 0 0 5px; }
.gnb_wrap .gnb_inner .gnb_right .top_login { display:flex; }
.gnb_wrap .gnb_inner .gnb_right .top_login li { position:relative; font-size:16px; font-weight:700; }
.gnb_wrap .gnb_inner .gnb_right .top_login li a { color:#888; }
.gnb_wrap .gnb_inner .gnb_right .top_login li:first-child { padding:0 15px 0 0; }
.gnb_wrap .gnb_inner .gnb_right .top_login li:first-child:before { content:""; position:absolute; top:50%; right:0; transform:translate(0, -50%); width:1px; height:16px; background:#ccc; }
.gnb_wrap .gnb_inner .gnb_right .top_login li:last-child { margin:0 0 0 15px; }
.gnb_wrap .gnb_inner .gnb_right .top_login li:last-child a { color:#dd5f46; }

.lnb_wrap { width:100%; border-bottom:1px solid #e1e1e1; height:124px; }
.lnb_wrap .lnb_inner { display:flex; justify-content:space-between; align-items:center; width:1280px; height:100%; margin:0 auto; }
.lnb_wrap .lnb_inner .top_logo {  }
.lnb_wrap .lnb_inner .lnb { display:flex; }
.lnb_wrap .lnb_inner .lnb li { position:relative; font-size:20px; font-weight:700; height:100%; margin:0 25px; }
.lnb_wrap .lnb_inner .lnb li a { color:#222; }
.lnb_wrap .lnb_inner .lnb li .bullet_img { opacity:0; position:absolute; top:-9px; left:-9px; }
.lnb_wrap .lnb_inner .lnb li.on .bullet_img,
.lnb_wrap .lnb_inner .lnb li:hover .bullet_img,
.lnb_wrap .lnb_inner .lnb li.active .bullet_img { opacity:1; transition: all 0.5s ease; }
.lnb_wrap .lnb_inner .lnb li.on a,
.lnb_wrap .lnb_inner .lnb li.active a,
.lnb_wrap .lnb_inner .lnb li a:hover { color:#1eaee8; }
.lnb_wrap .lnb_inner .lnb li:last-child { margin:0 0 0 25px; }

.snb_wrap { display:none; position:absolute; top:180px; left:0; width:100%; background:#fcfcfc; z-index:99; }
.snb_wrap .snb_inner { display:flex; width:1280px; margin:0 auto; }
.snb_wrap .snb_inner .snb_list { padding:70px 0; margin:0 60px 0 0; }
.snb_wrap .snb_inner .snb_list h2 { position:relative; font-size:26px; color:#010101; font-weight:700; padding:0 0 21px 0; margin:0 0 20px 0; }
.snb_wrap .snb_inner .snb_list h2:after { content:""; opacity:0; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#1eaee8; }
.snb_wrap .snb_inner .snb_list h2.active,
.snb_wrap .snb_inner .snb_list h2:hover { color:#1eaee8; transition: all 0.5s ease; }
.snb_wrap .snb_inner .snb_list h2.active:after,
.snb_wrap .snb_inner .snb_list h2:hover:after { content:""; opacity:1; transition: all 0.5s ease; }
.snb_wrap .snb_inner .snb_list ul {  }
.snb_wrap .snb_inner .snb_list ul li { font-size:18px; font-weight:600; margin:0 0 25px 0; }
.snb_wrap .snb_inner .snb_list ul li a { color:#666; }
.snb_wrap .snb_inner .snb_list ul li a:hover { color:#1eaee8; }
.snb_wrap .snb_inner .snb_list ul li:last-child { margin:0; }
.snb_wrap .snb_inner .blue_zone { display:flex; padding:70px 64px; background:#1146b3; }
.snb_wrap .snb_inner .blue_zone .snb_list2 { margin:0 60px 0 0; }
.snb_wrap .snb_inner .blue_zone .snb_list2 h2 { position:relative; font-size:26px; color:#fff; font-weight:700; padding:0 0 21px 0; margin:0 0 20px 0; }
.snb_wrap .snb_inner .blue_zone .snb_list2 h2:after { content:""; opacity:0; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ffde00; }
.snb_wrap .snb_inner .blue_zone .snb_list2 h2.active,
.snb_wrap .snb_inner .blue_zone .snb_list2 h2:hover { color:#ffde00; transition: all 0.5s ease; }
.snb_wrap .snb_inner .blue_zone .snb_list2 h2.active:after,
.snb_wrap .snb_inner .blue_zone .snb_list2 h2:hover:after { content:""; opacity:1; transition: all 0.5s ease; }
.snb_wrap .snb_inner .blue_zone .snb_list2 ul {  }
.snb_wrap .snb_inner .blue_zone .snb_list2 ul li { font-size:18px; font-weight:600; margin:0 0 25px 0; }
.snb_wrap .snb_inner .blue_zone .snb_list2 ul li a { color:#fff; }
.snb_wrap .snb_inner .blue_zone .snb_list2 ul li a:hover { color:#ffde00; }
.snb_wrap .snb_inner .blue_zone .snb_list2 ul li:last-child { margin:0; }
.mMenuBtn { display:none; }
.menuMo { display:none; }

#quick_btn { position:absolute; right:20px; top:50%; transform:translate(0, -50%); z-index:999; }
#quick_btn .scrollup { cursor:pointer; }

@media screen and (max-width:1280px){
.gnb_wrap .gnb_inner { justify-content:center; width:100%; }
.gnb_wrap .gnb_inner .gnb_right { display:none; }
.gnb_wrap .gnb_inner .gnb_left dd:last-child { margin:0; }
.lnb_wrap .lnb_inner { width:100%; padding:0 40px; }
.lnb_wrap .lnb_inner .lnb { display:none; }

.lnb_wrap .mMenuBtn { display:block; z-index:999999; }
.lnb_wrap .mMenuBtn .burger { display:flex; outline:none; height:26px; width:26px; border:0px; padding:0px; background:transparent; transition:all 250ms ease-out; cursor:pointer; }
.lnb_wrap .mMenuBtn .burger:before,
.lnb_wrap .mMenuBtn .burger:after { content:""; width:26px; height:3px; position:absolute; background:#333; transition:all 250ms ease-out; will-change:transform; }
.lnb_wrap .mMenuBtn .burger:before { transform:translateY(4px); }
.lnb_wrap .mMenuBtn .burger:after { transform:translateY(20px); }
.lnb_wrap .mMenuBtn .burger span { width:26px; height:3px; background:#333; transform:translateY(12px); }
.lnb_wrap .mMenuBtn .on.burger { position:fixed; right:33px; top:33px; }
.lnb_wrap .mMenuBtn .on.burger:before { transform:translateY(10px) rotate(45deg); }
.lnb_wrap .mMenuBtn .on.burger:after { width:26px; transform:translateY(10px) rotate(-45deg); }
.lnb_wrap .mMenuBtn .on.burger span { display:none; }

.menuMo { display:block; position:fixed; width:400px; height:100% !important; right:-400px; top:0; background:#fff; z-index:1000; overflow-x:hidden; overflow-y:auto; transition:right 0.3s; z-index:99999; }
.menuMo .menuMo_head { width:100%; }
.menuMo .menuMo_head h1 { padding:20px; border-bottom:1px solid #ccc; }
.menuMo .menuMo_head .m_gnb_wrap { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ccc; padding:20px; }
.menuMo .menuMo_head .m_gnb_wrap .top_login { display:flex; }
.menuMo .menuMo_head .m_gnb_wrap .top_login li { position:relative; font-size:16px; font-weight:700; }
.menuMo .menuMo_head .m_gnb_wrap .top_login li a { color:#888; }
.menuMo .menuMo_head .m_gnb_wrap .top_login li:first-child { padding:0 15px 0 0; }
.menuMo .menuMo_head .m_gnb_wrap .top_login li:first-child:before { content:""; position:absolute; top:50%; right:0; transform:translate(0, -50%); width:1px; height:16px; background:#ccc; }
.menuMo .menuMo_head .m_gnb_wrap .top_login li:last-child { margin:0 0 0 15px; }
.menuMo .menuMo_head .m_gnb_wrap .top_login li:last-child a { color:#dd5f46; }
.menuMo .menuMo_head .m_gnb_wrap .sns_icon { display:flex; }
.menuMo .menuMo_head .m_gnb_wrap .sns_icon li { margin:0 5px; }
.menuMo .menuMo_head .m_gnb_wrap .sns_icon li:last-child { margin:0 0 0 5px; }

.menuMo > ul.menuMoCont {  }
.menuMo > ul.menuMoCont > li { border-bottom:1px solid #ddd; }
.menuMo > ul.menuMoCont > li + li {  }
.menuMo > ul.menuMoCont > li > a { position:relative; display:block; padding:20px; font-size:20px; font-weight:700; color:#000; }
.menuMo > ul.menuMoCont > li > a:hover,
.menuMo > ul.menuMoCont > li.btn_apply > a { color:#1eaee8; }
.menuMo > ul.menuMoCont > li > a:after { content:""; position:absolute; right:40px; top:26px; width:20px; height:12px; background:url("../img/common/icon_menu_more.png") no-repeat center center; background-size:cover; }
.menuMo > ul.menuMoCont > li.noSub > a:after { display:none; }
.menuMo > ul.menuMoCont > li > a.on,
.menuMo > ul.menuMoCont > li > a.active { color:#1eaee8; border-bottom:1px solid #1eaee8; }
.menuMo > ul.menuMoCont > li > a.on:after,
.menuMo > ul.menuMoCont > li > a.active:after { background:url("../img/common/icon_menu_close.png") no-repeat center center; background-size:cover; }
.menuMo > ul.menuMoCont > li div.mSubMenu { display:none; background:#f8f8f8; padding:15px 0; }
.menuMo > ul.menuMoCont > li div.display_b { display:block; }

.menuMo ul li ul { padding:0 10px; }
.menuMo ul li ul li { padding:15px 10px; }
.menuMo ul li ul li.open {  }
.menuMo ul li ul li a { display:block; font-size:16px; color:#555; font-weight:bold; }
.menuMo ul li ul li a:hover { color:#1eaee8; }
.menuMo ul li ul li ul { padding:10px 0 0 0; }
.menuMo ul li ul li ul li { padding:10px;  }
.menuMo ul li ul li ul li a { font-size:14px; border:0; }
.menuMo ul li ul li ul.depth3 { display:none; }

.menuBackBg { display:none; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); left:0; top:0; z-index:990; }

#quick_btn { display:none; }
}

@media screen and (max-width:768px){
.gnb_wrap { padding:10px 0; }
.gnb_wrap .gnb_inner .gnb_left { padding:0 40px; }
.gnb_wrap .gnb_inner .gnb_left dt { margin:0 5px 0 0; }
.gnb_wrap .gnb_inner .gnb_left dd { margin:0 15px 0 0; }
.lnb_wrap { height:100%; padding:20px 0; }
.lnb_wrap .lnb_inner { padding:0 20px; }
.lnb_wrap .lnb_inner .top_logo img { width:70%; }
.lnb_wrap .mMenuBtn .on.burger { right:20px; top:26px; }

.menuMo { width:320px; }
.menuMo .menuMo_head h1 a img { display:flex; width:70%; }
.menuMo .menuMo_head .m_gnb_wrap {  }
.menuMo .menuMo_head .m_gnb_wrap .top_login li { font-size:14px; }
.menuMo .menuMo_head .m_gnb_wrap .top_login li:first-child { padding:0 10px 0 0; }
.menuMo .menuMo_head .m_gnb_wrap .top_login li:last-child { margin:0 0 0 10px; }
}

/*-----------------------------------------------------------------------------
 *  서브탑
 *----------------------------------------------------------------------------*/
.sub_top { background:#f8f8f8; }
.sub_top .sub_top_inner { display:flex; align-items:center; justify-content:space-between; width:1240px; height:79px; margin:0 auto; }
.sub_top .sub_top_inner .menu_2depth { display:flex; }
.sub_top .sub_top_inner .menu_2depth li { display:flex; align-items:center; position:relative; height:79px; margin:0 40px 0 0; font-size:18px; font-weight:700; }
.sub_top .sub_top_inner .menu_2depth li a { color:#444; }
.sub_top .sub_top_inner .menu_2depth li a.on,
.sub_top .sub_top_inner .menu_2depth li a:hover { color:#099fdb; }
.sub_top .sub_top_inner .menu_2depth li a.on:after,
.sub_top .sub_top_inner .menu_2depth li a:hover::after { content:""; position:absolute; left:0; bottom:0; width:100%; border-bottom:2px solid #099fdb; }
.sub_top .sub_top_inner .location { display:none; align-items:center; font-size:16px; }
.sub_top .sub_top_inner .location img { margin:0 10px 0 0; }
.sub_top .sub_top_inner .location span { margin:0 10px; }

.sub_top_tit { display:flex; align-items:flex-end; justify-content:space-between;width:1240px; margin:0 auto; padding:40px 0 0 0; }
.sub_top_tit .tit {  }
.sub_top_tit .tit p { font-size:24px; font-weight:700; margin:0 0 20px 0; }
.sub_top_tit .tit h2 { font-size:44px; font-weight:700; }
.sub_top_tit .menu_3depth { display:flex; align-items:center; }
.sub_top_tit .menu_3depth li { padding:0 20px; font-size:20px; font-weight:600; border-right:1px solid #ddd; }
.sub_top_tit .menu_3depth li:last-child { padding:0 0 0 20px; border:0; }
.sub_top_tit .menu_3depth li a { position:relative; color:#666; }
.sub_top_tit .menu_3depth li a.on,
.sub_top_tit .menu_3depth li a:hover { color:#1eaee8; }
.sub_top_tit .menu_3depth li a.on:after,
.sub_top_tit .menu_3depth li a:hover:after { content:""; position:absolute; top:-10px; left:50%; transform:translate(-50%, 0);width:5px; height:5px; background:#1eaee8; border-radius:5px; }

@media screen and (max-width:1280px){
.sub_top { width:100%; padding:0 40px; }
.sub_top .sub_top_inner { width:100%; }
.sub_top_tit { width:100%; padding:40px; }
}

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

}

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

}

@media screen and (max-width:768px){
.sub_top { overflow:auto; padding:0 5%; }
.sub_top .inner_10 { width:665px; }
.sub_top .inner_20 {  }
.sub_top .inner_30 { width:747px; }
.sub_top .inner_40 { width:515px; }
.sub_top .inner_50 { width:600px; }
.sub_top .inner_60 { width:462px; }
.sub_top .sub_top_inner { justify-content:center; height:60px; }
.sub_top .sub_top_inner .menu_2depth li { margin:0 20px 0 0; height:60px; }
.sub_top .sub_top_inner .menu_2depth li:last-child { margin:0; }

.sub_top_tit { flex-direction:column; align-items:center; padding:40px 5%; }
.sub_top_tit .tit p { display:none; }
.sub_top_tit .tit h2 { font-size:26px; }
.sub_top_tit .menu_3depth { flex-wrap:wrap; justify-content:center; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0; margin-top:30px; }
.sub_top_tit .menu_3depth li { border:0; padding:10px; font-size:18px; }
.sub_top_tit .menu_3depth li:last-child { padding:10px; }
}

/*-----------------------------------------------------------------------------
 *  파트너 배너
 *----------------------------------------------------------------------------*/
.partner_wrap { padding:50px 0; border-top:1px solid #e5e5e5; }
.partner_wrap .partner_inner { width:1280px; margin:0 auto; }

.partner_area { position:relative; width:100%; box-sizing:border-box; }
.partner_banner { position:relative; overflow:hidden; width:100%; }
.partner_banner ul { display:flex; width:9999px; }
.partner_banner ul li { width:240px; text-align:center; margin:0 10px; }
.partner_banner ul li:first-child { margin:0 10px 0 0; }
.partner_banner ul li img { width:100%; }
.partner_banner ul li a { width:100%; height:100%; display:block; }
.partner_prev { width:50px; height:50px; background:url('../img/common/partner_btn_prev.png') no-repeat; position:absolute; top:50%; left:-60px; transform:translate(0, -50%); cursor:pointer; }
.partner_prev:hover { background:url('../img/common/partner_btn_prev_ov.png') no-repeat; }
.partner_next { width:50px; height:50px; background:url('../img/common/partner_btn_next.png') no-repeat; position:absolute; top:50%; right:-60px; transform:translate(0, -50%); cursor:pointer; }
.partner_next:hover { background:url('../img/common/partner_btn_next_ov.png') no-repeat; }


@media screen and (max-width:1280px){
.partner_wrap .partner_inner { width:100%; padding:0 5%; }
.partner_prev { left:-30px; }
.partner_next { right:-30px; }
}

@media screen and (max-width:1200px){
.partner_prev { left:0; }
.partner_next { right:0; }
}

@media screen and (max-width:768px){
.partner_wrap { padding:30px 0; }
.partner_wrap .partner_inner { padding:0 10%; }
.partner_banner ul li { width:150px; }
.partner_prev { width:30px; height:30px; background-size:cover; left:-30px; }
.partner_prev:hover { background-size:cover; }
.partner_next { width:30px; height:30px; background-size:cover; right:-30px; }
.partner_next:hover { background-size:cover; }

}


/*-----------------------------------------------------------------------------
 *  푸터
 *----------------------------------------------------------------------------*/
#footer { width:100%; border-top:1px solid #e5e5e5; padding:80px 0; }

.footer_inner { width:1280px; margin:0 auto; }

.footer_top { display:flex; justify-content:space-between; align-items:center; margin:0 0 50px 0; }
.footer_top h1 {  }
.footer_top ul { display:flex; }
.footer_top ul li { margin:0 0 0 40px; font-size:18px; font-weight:600; }
.footer_top ul li a { color:#666; }
.footer_top ul li a:hover { color:#e55730; }

.copyright_wrap {  }
.copyright_wrap .hospital_info { margin:0 0 30px 0; font-size:16px; }
.copyright_wrap .hospital_info span { color:#666; margin:0 20px 0 0; }
.copyright_wrap .copyright { color:#888; font-size:13px; }

@media screen and (max-width:1280px){
#footer { padding:50px 0; }

.footer_inner { width:100%; }

.footer_top { flex-direction:column; }
.footer_top h1 { margin:0 0 20px 0; }
.footer_top ul li { margin:0 20px; }

.copyright_wrap .hospital_info { text-align:center; }
.copyright_wrap .hospital_info span:last-child { margin:0; }
.copyright_wrap .copyright { text-align:center; }
}

@media screen and (max-width:768px){
.footer_inner { padding:0 20px; }

.footer_top { align-items:flex-start; margin:0 0 30px 0 }
.footer_top h1 img { width:70%; }
.footer_top ul { flex-wrap:wrap; }
.footer_top ul li { width:33.33%; margin:0; font-size:14px; line-height:160%; }

.copyright_wrap .hospital_info { text-align:left; font-size:14px; line-height:160%; }
.copyright_wrap .hospital_info span { display:block; }
.copyright_wrap .copyright { text-align:left; }
}




/*-----------------------------------------------------------------------------
 *  간편상담신청
 *----------------------------------------------------------------------------*/
.quick_counsel { width:100%; position:fixed; bottom:0; left:0; transition:all 0.5s; z-index:999; }
.quick_counsel .open_btn { text-align:center; }
.quick_counsel .open_btn span { display:inline-block; padding:5px 15px 0 15px; background:#219aed; border-radius:30px 30px 0 0; color:#fff; line-height:25px; cursor:pointer; }
.quick_counsel .open_btn span i { transform:rotate(0); transition:all 0.5s; }

.bottom_on { bottom:-198px; transition:all 0.5s; }
.bottom_on .open_btn span i { transform:rotate(-180deg); transition:all 0.5s; }

.quick_counsel .counsel_wrap { background:#219aed; padding:25px 0 50px 0; }
.quick_counsel .counsel_wrap h2 { text-align:center; color:#fff; font-size:24px; font-weight:700; margin:0 0 15px 0; }
.quick_counsel .counsel_wrap .counsel_info { display:flex; justify-content:space-between; align-items:center; width:1280px; margin:0 auto; }
.quick_counsel .counsel_wrap .counsel_info dl {  }
.quick_counsel .counsel_wrap .counsel_info dl dt { font-size:16px; font-weight:700; color:#fff; margin:0 0 10px 0; }
.quick_counsel .counsel_wrap .counsel_info dl dd {  }
.quick_counsel .counsel_wrap .counsel_info dl dd input { height:50px; line-height:50px; border-radius:5px; border:0; padding:0; text-align:center; font-size:16px; }
.quick_counsel .counsel_wrap .counsel_info dl dd .name_input { width:180px; }
.quick_counsel .counsel_wrap .counsel_info dl dd .num_input { width:80px; }
.quick_counsel .counsel_wrap .counsel_info dl dd .memo_input { width:440px; text-align:left; padding:0 10px; }
.quick_counsel .counsel_wrap .counsel_info .btn { width:100px; line-height:50px; background:#00447d; border-radius:5px; font-size:18px; font-weight:700; text-align:center; margin:28px 0 0 0; }
.quick_counsel .counsel_wrap .counsel_info .btn a { display:block; width:100%; color:#fff; }
.quick_counsel .counsel_wrap .counsel_info .privacy_check { display:flex; align-items:center; margin:28px 0 0 0; }
.quick_counsel .counsel_wrap .counsel_info .privacy_check label { color:#fff; margin:0 10px 0 0; font-size:15px; }
.quick_counsel .counsel_wrap .counsel_info .privacy_check a { border:1px solid #fff; border-radius:5px; color:#fff; padding:5px; font-size:14px; }

/* 기본 체크박스 숨기기 */
.quick_counsel .counsel_wrap .counsel_info .privacy_check input[type="checkbox"] { display:none; }
/* 체크박스 스타일 */
.quick_counsel .counsel_wrap .counsel_info .privacy_check .custom-checkbox { display:inline-block; width:20px; height:20px; background:#fff; border-radius:5px; margin:0 5px 0 0; position:relative; cursor:pointer; }
/* 체크 표시 */
.quick_counsel .counsel_wrap .counsel_info .privacy_check .custom-checkbox::after { content:"✔"; position:absolute; top:40%; left:50%; text-align:center; width:20px; height:20px; color:#219aed; opacity:0; transform: translate(-50%, -50%); transition:opacity 0.2s ease-in-out; }
/* 체크된 상태 */
.quick_counsel .counsel_wrap .counsel_info .privacy_check input[type="checkbox"]:checked + .custom-checkbox::after { opacity: 1; }

@media screen and (max-width:1280px){
.bottom_on { bottom:-211px; }

.quick_counsel .counsel_wrap { padding:25px 0; }
.quick_counsel .counsel_wrap .counsel_info { flex-wrap:wrap; width:100%; margin:0; padding:0 20px; }
.quick_counsel .counsel_wrap .counsel_info dl.name { width:14%; }
.quick_counsel .counsel_wrap .counsel_info dl.tel_num { width:28%; }
.quick_counsel .counsel_wrap .counsel_info dl.tel_num dd { display:flex; justify-content:space-between; align-items:center; }
.quick_counsel .counsel_wrap .counsel_info dl.memo { width:40%; }
.quick_counsel .counsel_wrap .counsel_info dl dd .name_input { width:100%; }
.quick_counsel .counsel_wrap .counsel_info dl dd .num_input { width:28%; }
.quick_counsel .counsel_wrap .counsel_info dl dd .memo_input { width:100%; text-align:left; padding:0 10px; }
.quick_counsel .counsel_wrap .counsel_info .btn { width:15%; font-size:16px; }
.quick_counsel .counsel_wrap .counsel_info .privacy_check { justify-content:flex-end; width:100%; margin:10px 0 0 0; }
}

@media screen and (max-width:768px){
.bottom_on { bottom:-322px; }
.quick_counsel .counsel_wrap { padding:20px 0; }
.quick_counsel .counsel_wrap .counsel_info dl { display:flex; align-items:center; margin:0 0 10px 0; }
.quick_counsel .counsel_wrap .counsel_info dl.name { width:100%; }
.quick_counsel .counsel_wrap .counsel_info dl.tel_num { width:100%; }
.quick_counsel .counsel_wrap .counsel_info dl.memo { width:100%; }
.quick_counsel .counsel_wrap .counsel_info dl dt { width:25%; margin:0; }
.quick_counsel .counsel_wrap .counsel_info dl dd { width:75%; margin:0; }
.quick_counsel .counsel_wrap .counsel_info dl dd input { height:40px; line-height:40px; }
.quick_counsel .counsel_wrap .counsel_info .btn { width:100%; margin:0 0 10px 0; }
.quick_counsel .counsel_wrap .counsel_info .privacy_check { margin:0; }
}