@charset "utf-8";

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


/********************************************************
 
 *  Content
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Sub 01 : 인터넷
 *----------------------------------------------------------------------------*/

#internet {}
.internet_prd {display: flex;flex-direction: column;gap:50px; margin-top: 40px;margin-bottom: 100px}
.prd_cont {display: flex;flex-direction: column;gap:20px;}
.prd_cont .form_tit {font-size: 26px;font-weight: 700;color:#000;}
.prd_cont .prd_form_slider {position: relative}
.prd_cont .prd_form_slider .swiper-wrapper {max-width: 1080px;align-items: stretch;padding-top:10px;}
.prd_cont .swiper-slide {position: relative;border:1px solid #ddd;border-radius: 10px;cursor: pointer;padding:20px 30px;}
.prd_cont .swp_form_1 .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;gap:5px}
.prd_cont .swiper-slide.on {border:1px solid #116139;background:#f1faf6}
.prd_cont .swiper-slide strong {display: block; font-size: 22px;font-weight: 700;color:#666}
.prd_cont .swiper-slide.on strong {color:#116139}

.prd_cont .swiper-slide .label {position: absolute;right: 30px;top:-10px;background:#e53416;font-size:14px;font-weight: 500;color:#fff;line-height:30px;padding: 0 15px;border-radius: 5px;}
.prd_cont .swiper-slide .label:after {content: "";position: absolute;left: 50%;bottom: -5px;transform: translateX(-50%);border-top:5px solid #e53416;border-left:5px solid transparent;border-right:5px solid transparent;}
.prd_cont .swiper-slide strong.tit2 {font-size: 30px;font-weight: 800}
.prd_cont .swiper-slide strong.tit2 em {font-size: 20px;font-weight: 600}
.prd_cont .swiper-slide .type {display: block; font-size: 18px;font-weight: 700;color:#000}
.prd_cont .swiper-slide .scale {font-size: 18px;}
.prd_cont .swiper-slide .price {display: block; font-size: 22px;font-weight: 700;color:#e53416;margin-top: 10px}

.must_read .inner {padding:100px 0}
.must_read .rd_con_box {border-radius: 20px;background:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.05); overflow: hidden;}
.must_read .rd_con_box header {display: flex;flex-direction: column;align-items: center;color:#fff;padding:40px 30px;background:#116139 url("../img/sub/internet_require_ment_bg.png") no-repeat center bottom;}
.must_read .rd_con_box header h3 {font-size: 36px;font-weight: 700}
.must_read .rd_con_box header .ment_w {font-size: 18px;font-weight: 500;padding-left:25px;background:url("../img/common/icon_warning_w.png") no-repeat left 5px}
.must_read .inner .cont {padding:60px 80px}
.must_read .step_head {margin-bottom: 30px}
.must_read .step_head .step_num {position: relative;display: inline-block;font-size: 16px;font-weight: 700;color:#116139;line-height:40px;padding: 0 20px;border-radius: 10px;background:#e6f4ed;}
.must_read .step_head .step_num:after {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -5px;border-top: 5px solid #e6f4ed;border-left: 5px solid transparent;border-right:5px solid transparent}
.must_read .step_head h4 {margin-top: 10px;font-size: 30px;font-weight: 700;color:#116139}
.must_read .step_head p {font-size: 22px;font-weight: 700;color:#000;margin-top: 5px;}
.must_read .step_box {}

.case {display: flex; flex-direction: column; justify-content: center; align-items: center;gap:80px}
.case .case_txt {display: flex;flex-direction: column;align-items: center;}
.case .case_txt span {position: relative;display: block;text-align: center;}
.case .case_txt span strong {position: relative;font-size: 20px;font-weight: 600;color:#000;z-index: 1;}
.case .case_txt span:before {content: "";position: absolute; left: 0;bottom:5px; display: block;width: 100%;height: 4px;background:#85ffc2;z-index:0}

.step_box {}
.step_box .od_cont {border-top: 2px solid #116139;padding-top: 40px}
.step_box .od_cont ol {}
.step_box .od_cont ol > li {padding-bottom:40px;}
.step_box .od_cont ol li h5 {display: flex;gap:10px;align-items: center;font-size: 26px;font-weight: 700;color:#000;margin-bottom: 30px;line-height: 1.3}
.step_box .od_cont ol li h5 .num {display: block;flex-shrink: 0; width: 30px;height: 30px;border-radius: 50%;background:#116139;font-size: 14px;font-weight: 600;color:#fff;line-height: 30px;text-align: center;}
.step_box .od_cont ol li .sale_process {display: flex;gap:30px;align-items: center;justify-content: space-between;}
.step_box .od_cont ol li .sale_process .process_cont {flex-shrink: 0; position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 50%;background:#f0f9f5;font-size: 20px;font-weight: 700; color:#000;width:180px;height: 180px;text-align: center}
.step_box .od_cont ol li .sale_process .process_cont + .process_cont:before {content: "";position: absolute; left:-40px; top:50%;transform: translateY(-50%);display: block;width: 16px;height: 30px;background:url("../img/sub/step_next.png") no-repeat center center;}
.step_box .od_cont ol li .sale_process .process_cont em {display: block;font-size: 15px;}

.best_review {display: flex;gap:10px;flex-direction: column;align-items: center;justify-content: center;padding:40px 30px;border-radius: 10px;background:#f4f6fa;}
.best_review .review_tit {font-size:20px;font-weight: 700;color:#000}
.best_review p {text-align: center;font-size: 15px;font-weight: 500;}

.desc_tiny {font-size: 14px;margin-top: 30px;}
.step_box .desc_box {display: flex;flex-direction: column;gap:30px;}
.step_box .desc_box p strong {font-weight: 700;color:#000}
.step_box .desc_box p.txt22_700 {font-size: 22px;font-weight: 700;color:#000}
.step_box .desc_box p.txt18_500 {font-size: 18px;font-weight: 500;}
.step_box .desc_box p.txt20_700 {font-size: 20px;font-weight: 700;}
.step_box .desc_box p.txt26_800 {font-size: 26px;font-weight: 800;}
.divide_line {margin: 80px 0;border:0;height: 1px;background:#ddd}
.warning {display: flex;gap:8px;align-items: center;font-size: 22px;font-weight: 800;color:#000}
.col_list_type2 {display: flex;justify-content: space-between;margin: 30px 0;}
.col_list_type2 .col_cont {flex:1 0 0;display: flex;flex-direction: column;gap:10px;}
.col_list_type2 .col_cont .chk_tit {position: relative; padding-left: 20px; font-size: 20px;font-weight: 700;color:#000}
.col_list_type2 .col_cont .chk_tit:before {content: ""; position: absolute;left: 0;top:10px; background:url("../img/sub/tit_chk.png") no-repeat left center;width: 12px;height: 10px;}
.tit_summary {font-size: 18px;font-weight: 700;color:#000}
.dot_list_type1 {}
.dot_list_type1 li {font-size: 18px;font-weight: 500;}
.summary_desc {font-size: 18px;font-weight: 700;color:#000}
.tit_dot {position: relative;padding-left:15px;font-size: 20px;font-weight: 700;color:#000;margin-bottom:20px;}
.tit_dot:before {content: ""; position: absolute;left: 0;top:12px;width: 4px;height: 4px;border-radius: 50%;background:#116139;}

.call_box {position: relative;display: flex;justify-content: space-between;align-items: center;margin-top: 50px;border-radius: 10px;background:#f5faf7;padding: 50px 60px}
.call_box .call_box_cont  {display: grid;gap:10px}
.call_box .call_ment {font-size: 18px;font-weight: 500}
.call_box .call_num {display: flex;align-items: center;gap:10px;font-size: 26px;color:#116139;font-weight: 800;}
.call_box .img {}
.phone_num {display: flex; gap:10px;align-items: center}
.tb_group {margin-top: 50px}
td .sign {color:#116139}
.dot_list_box {}
.dot_list_box ul {}
.dot_list_box ul li {position: relative;padding-left: 15px;font-size: 18px;margin:0 0 20px}
.dot_list_box ul li:before {content: ""; position: absolute;left: 0;top:10px;width: 5px;height: 5px;border-radius: 50%;background:#116139;}
.call_banner {position: relative;padding: 80px 200px 80px 60px;border-radius: 10px;background:#f5faf7;overflow: hidden}
.call_banner .img {position: absolute;right: 0;bottom: 0;font-size: 0;z-index: 0}
.call_banner p {font-size: 24px;font-weight: 500; margin-bottom: 10px}
.call_banner strong {font-size: 26px;font-weight: 700;color:#000}
.call_banner .banner_btns {position: relative;display: flex;align-items: stretch;gap:20px;margin-top: 30px;z-index: 1}
.call_banner .banner_btns a {display: inline-flex;gap:5px;align-items: center;border-radius: 10px;padding: 15px 20px;font-size:17px;font-weight: 600}
.call_banner .banner_btns a.phone_inq {background:#e1f2e8;color:#116139}
.call_banner .banner_btns a.kakao_inq {background:#fae100;color:#000}


/* Floating Result */

#float_rst {background-color: #fff;bottom: 0;box-shadow: 0 0 16px rgba(0,0,0,0.15);left: 0;padding:20px 0;position: fixed;width: 100%;z-index:99;}
#float_rst .rst_cont {display: flex;gap: 30px;}
#float_rst .btn_ctrl {display: none;padding-top: 15px;padding-bottom: 10px; cursor: pointer}
#float_rst .btn_ctrl .arr .on{display: none;}
#float_rst .rst_cont .rst_total {display: flex;flex: 1;flex-direction: column;justify-content: center;}
#float_rst .rst_cont .rst_total dl {display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 18px;font-weight: 500}
#float_rst .rst_cont .rst_total dl dt {flex:1 1 75%;display: inline-flex;align-items: center;gap:8px;}
#float_rst .rst_cont .rst_total dl dt strong {font-size: 20px;color:#000;font-weight: 700}
#float_rst .rst_cont .rst_total dl dt em {font-size: 14px;}
#float_rst .rst_cont .rst_total dl dt em .btn_info {position: relative;}
#float_rst .rst_cont .rst_total dl dt em .btn_info img {width: 15px;vertical-align: middle;margin-left: 5px;cursor: pointer}
#float_rst .rst_cont .rst_total dl dt em .btn_info .tip {display: none; position: absolute;left: 50%;top: 0; transform: translateX(-50%) translateY(-105%);width: max-content;font-size: 12px;color:#fff;font-weight: 500; background:#666;border-radius: 5px;line-height: 18px;padding:5px 10px;}
#float_rst .rst_cont .rst_total dl dd {flex:1 1 25%;text-align: right}
#float_rst .rst_cont .rst_total dl dd.last em {display: none;line-height: 1.2}
#float_rst .rst_cont .rst_total dl dd strong {font-size:24px;}
#float_rst .rst_cont .rst_price {display: flex;justify-content: space-between;align-items: center}
#float_rst .rst_cont .rst_price .gift_price {display: flex;align-items: center;gap:5px;font-size:16px; font-weight: 600;color:#E54B18}
#float_rst .rst_cont .rst_price a {display: flex;align-items: center;gap:10px;color:#116139}
#float_rst .rst_cont .rst_btns {display: flex;justify-content: space-between;align-items: center;gap:10px;margin-top: 10px}
#float_rst .rst_cont .rst_btns a {flex: 1 1 0;display: flex;justify-content: center;align-items: center;padding:15px 20px;border-radius: 10px;font-size: 18px;font-weight: 700;gap:10px;height: 60px;}
#float_rst .rst_cont .rst_btns a.btn_join {background:#fae100;color:#000;gap:0;}
#float_rst .rst_cont .rst_btns a.btn_join:hover {background:#efd80c}
#float_rst .rst_cont .rst_btns a.btn_call {background:#daf2e6;color:#116139;}
#float_rst .rst_cont .rst_btns a.btn_call:hover {background:#c2e5d3;}
#float_rst .rst_cont .rst_btns a.btn_call img {width:16px}

@media (max-width:1200px){
  .step_box .od_cont ol li .sale_process .process_cont {width: 140px;height: 140px;}
}
@media (max-width:1024px){
  .call_banner .img {width: 380px;}
  
  #float_rst {border-radius: 20px 20px 0 0;padding-top: 0}
  #float_rst .btn_ctrl {display: flex;justify-content: center;}
  #float_rst .btn_ctrl .arr .off{display: block;}
  #float_rst .btn_ctrl .arr .on{display: none;}
  #float_rst .on .btn_ctrl .arr .off {display: none;}
  #float_rst .on .btn_ctrl .arr .on {display: block;}
  
  #float_rst .rst_cont {flex-direction: column-reverse;padding-bottom:50px;gap:10px;}
  #float_rst .on .rst_cont .rst_total:nth-of-type(1) {padding: 15px;border-radius: 10px;background:#f6f6f6;}
  #float_rst .rst_cont .rst_total dl dt,
  #float_rst .rst_cont .rst_total dl dd {display: none;font-size: 15px;}
  #float_rst .on .rst_cont .rst_total dl dt {display: inline-flex;line-height: 1.3}
  #float_rst .on .rst_cont .rst_total dl dd {display:block;}
  #float_rst .on .rst_cont .rst_total dl dd {text-align: right}
  #float_rst .on .rst_cont .rst_total dl dd.last em {display: block;font-size: 11px;}
  #float_rst .rst_cont .rst_total dl dt.last {display: inline-flex;}
  #float_rst .rst_cont .rst_total dl dd.last {display: inline-block;}
  #float_rst .rst_cont .rst_total dl dt.last, 
  #float_rst .rst_cont .rst_total dl dd.last {}
  
  
  #float_rst .rst_cont .rst_total dl dt em {display: none;}
  #float_rst .rst_cont .rst_total dl dt strong {font-size:15px;}
  #float_rst .rst_cont .rst_total dl dd strong {font-size:20px;}
  
  #float_rst .rst_cont .rst_price .gift_price {font-size: 14px;}
  #float_rst .rst_cont .rst_price .gift_price img {width:16px;}
  #float_rst .rst_cont .rst_price a {font-size: 14px}
  #float_rst .rst_cont .rst_btns {position: absolute;left: 0;bottom: 0;width: 100%;padding: 10px;margin: 0;}
  
}
@media (max-width:960px){
  .step_box .od_cont ol li .sale_process {gap: 20px;}
  .step_box .od_cont ol li .sale_process .process_cont {width: 120px;height: 120px;font-size: 18px;}
  .step_box .od_cont ol li .sale_process .process_cont + .process_cont:before {left: -15px;width: 10px;height: 20px;background-size: 10px auto;}
  
  .call_banner {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 80px 50px 20px;}
  .call_banner p {text-align: center}
  .call_banner .banner_btns {flex-direction: column;gap: 20px;}
  .call_banner .banner_btns a {padding: 20px 30px;font-size: 16px;height: 80px;}
  .call_banner .img {position: static;width: 80%;max-width: 350px;margin-top: -80px;}
  
  #float_rst .rst_cont .rst_total dl dt {flex: 1 1 55%;}
  #float_rst .rst_cont .rst_total dl dd {flex: 1 1 45%;}
}
@media (max-width:768px){
  .step_box .od_cont ol li h5 {font-size: 22px;margin-bottom: 20px;}
  .step_box .desc_box p.txt18_500 {font-size: 16px;}
  
  .prd_cont {gap: 10px;}
  .prd_cont .form_tit {font-size: 22px;}
  .prd_cont .swiper-slide .label {right: 30px;top: -10px;font-size:13px;line-height: 25px;padding: 0 10px;}
  .prd_cont .swiper-slide strong {font-size: 18px;}
  .prd_cont .swiper-slide strong.tit2 {font-size: 26px;}
  .prd_cont .swiper-slide strong.tit2 em {font-size: 18px;}
  .prd_cont .swiper-slide .type {font-size: 16px;}
  .prd_cont .swiper-slide .scale {font-size: 16px;}
  .prd_cont .swiper-slide .price {font-size: 18px;}
  
  .must_read .rd_con_box header h3 {font-size: 30px;}
  .must_read .rd_con_box header .ment_w {font-size: 16px;padding-left: 20px;background-size: 16px auto;background-position: left 3px;}
  .must_read .inner .cont {padding:40px 50px;}
  .must_read .step_head .step_num {font-size: 15px;line-height: 35px;padding: 0 15px;}
  .must_read .step_head h4 {font-size:26px;line-height: 1.3}
  
  .case .case_txt span strong {font-size: 18px;}
  
  .step_box .od_cont ol li .sale_process {flex-wrap: wrap;padding:0 20px}
  .step_box .od_cont ol li .sale_process .process_cont {width: 120px;height: 120px;font-size: 16px;}
  .step_box .od_cont ol li .sale_process .process_cont + .process_cont:before {left: -25px;}
  .step_box .desc_box p.txt22_700 {font-size: 18px;}
  .step_box .desc_box p.txt18_500 {font-size: 16px;}
  .step_box .desc_box p.txt20_700 {font-size: 18px;}
  .step_box .desc_box p.txt26_800 {font-size: 22px;}
  
  .best_review {padding:30px 20px;}
  .best_review .review_tit {font-size: 18px;}
  .best_review p {font-size: 14px;font-weight: 500;}
  
  .warning {font-size: 18px;}
  .warning img {width: 20px}
  
  .col_list_type2 {flex-direction: column;gap:20px;}
  .col_list_type2 .col_cont .chk_tit {font-size:18px;}
  .dot_list_type1 li {font-size: 16px;}
  .summary_desc {font-size: 16px;}
  .tit_dot {font-size: 18px;}
  
  .call_box {flex-direction: column;margin-top:40px;padding: 40px 50px;}
  .call_box .call_ment {font-size: 16px;}
  .call_box .call_num {font-size: 22px;}
  .call_box .call_num img {width: 26px}
  .call_box .img {width: 80px;margin-top: 30px;}
  
  .dot_list_box ul li {font-size: 16px;margin: 0 0 15px;}
  
  .call_banner {padding: 60px 40px 20px;}
  .call_banner p {font-size: 20px;}
  .call_banner strong {font-size: 22px;text-align: center;}
  .call_banner .banner_btns a {padding: 15px 25px;font-size: 15px;height: 60px;}
  .call_banner .img {width: 90%;margin-top: -30px;}
  
  #float_rst .on .rst_cont .rst_total dl dt {flex: 1 1 40%;}
  #float_rst .on .rst_cont .rst_total dl dd {flex: 1 1 60%;}
}
@media (max-width:480px){
  .step_box .od_cont ol li h5 {font-size:18px;gap:8px;line-height: 1.3}
  .step_box .od_cont ol li .sale_process {flex-wrap: wrap;justify-content: center;padding: 0 20px;}
  .step_box .od_cont ol li .sale_process .process_cont + .process_cont:before {left:50%;top:-20px;transform: rotate(90deg) translateY(2px)}
  .step_box .desc_box {gap:20px;}
  .step_box .desc_box p.txt18_500 {font-size: 15px;}
  .desc_tiny {font-size:13px;margin-top: 20px;}
  
  .step_box .od_cont ol li h5 .num {width: 25px;height: 25px;font-size: 13px;line-height: 25px;}
  .step_box .desc_box p.txt22_700 {font-size: 16px;}
  .step_box .desc_box p.txt18_500 {font-size: 15px;}
  .step_box .desc_box p.txt20_700 {font-size: 16px;}
  .step_box .desc_box p.txt26_800 {font-size: 18px;}
  
  .divide_line {margin: 40px 0;}
  .prd_cont .swiper-slide {padding: 15px 20px;}
  .prd_cont .swiper-slide img {width: auto; height:20px;}
  .prd_cont .swiper-slide strong {font-size: 16px;}
  .prd_cont .swiper-slide strong.tit2 {font-size: 20px;}
  .prd_cont .swiper-slide .type {font-size: 15px;}
  .prd_cont .swiper-slide .scale {display: block;font-size: 13px;line-height: 1.3;}
  .prd_cont .swiper-slide .price {font-size: 16px;}
  
  .tit_dot {font-size: 16px;padding-left: 10px;}
  .tit_dot:before {top: 10px;}
  
  .must_read .rd_con_box header {gap:10px;padding: 30px;}
  .must_read .rd_con_box header h3 {font-size:22px;line-height: 1.3;}
  .must_read .rd_con_box header .ment_w {font-size:15px;background-size: 14px auto;}
  .must_read .inner .cont {padding: 30px 30px;}
  .must_read .step_head .step_num {font-size: 14px;line-height: 30px;}
  .must_read .step_head h4 {font-size: 20px;}
  .must_read .step_head p {font-size: 18px;}
  
  .case {gap: 50px;}
  .case .case_txt span strong {font-size: 15px;}
  
  .step_box .od_cont {padding-top:30px;}
  
  .col_list_type2 .col_cont .chk_tit {font-size: 16px;}
  .col_list_type2 .col_cont .chk_tit:before {top:6px;}
  .tit_summary {font-size: 16px;}
  .dot_list_type1 li {font-size: 15px;}
  .summary_desc {font-size: 15px;}
  
  .call_box {margin-top: 30px;padding: 30px 35px;}
  .call_box .call_ment {font-size: 15px;}
  .call_box .call_num {font-size: 20px;}
  .call_box .call_num img {width: 22px;}
  
  .dot_list_box ul li {font-size:15px;padding-left: 10px;}
  .dot_list_box ul li:before {top:8px;width: 4px;height: 4px;}
  
  .call_banner {padding: 40px 20px 20px;}
  .call_banner p {font-size: 17px;}
  .call_banner strong {font-size:20px;}
  .call_banner .img {width:100%;}
  .call_banner .banner_btns a {height: 50px;padding: 15px 20px;font-size: 14px;}
  
  #float_rst .hPad50 {padding: 0 20px}
  #float_rst .rst_cont {padding-bottom: 40px;gap: 10px;}
  #float_rst .rst_cont .rst_total dl dt {line-height: 1.2}
  #float_rst .on .rst_cont .rst_total dl dt {flex: 1 1 40%;}
  #float_rst .on .rst_cont .rst_total dl dt strong {font-size:14px;}
  #float_rst .on .rst_cont .rst_total dl dd {flex:1 1 60%}
  #float_rst .rst_cont .rst_btns a {padding:10px 15px;font-size:15px;height: 45px}
}


/*-----------------------------------------------------------------------------
 *  Sub 02 : 가전렌탈
 *----------------------------------------------------------------------------*/

#rental {}
.prd_top .prd_tit {display: flex; flex-direction: column;align-items: center;gap:5px;padding: 30px;background:#f8f8f8;border-radius: 10px;}
.prd_top .prd_tit .label {position: relative;padding: 0 20px;border-radius: 10px;line-height: 45px;font-size:18px ;background:#116139 ;font-weight: 600;color:#fff;}
.prd_top .prd_tit .label:before {content: "";position: absolute;left: 50%;bottom: -5px;transform: translateX(-50%);border-top: 5px solid #116139;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.prd_top .prd_tit h3 {font-size: 30px;font-weight: 800;color:#000}
.prd_desc {}
.prd_desc img {}
.prd_desc p {font-weight: 700;color:#000;word-break: keep-all}

.prd_sel {display: flex;gap:200px;}
.prd_sel > strong {font-size: 26px;font-weight: 800;color:#000}
.prd_sel .list_number {}
.prd_sel .list_number ol {}
.prd_sel .list_number ol li {font-size: 18px;font-weight: 500;position: relative;padding-left: 35px;margin-bottom: 10px}
.prd_sel .list_number ol li .num {position: absolute;left: 0;top:3px;width:25px;height: 25px;border-radius: 50%;text-align: center;line-height: 25px;font-size: 14px;font-weight: 600;color:#116139;background:#daf2e4}
.prd_sel .list_number ol li span {font-weight: 700;color:#116139}

.prd_detail_top {display: flex;flex-direction: column;align-items: center;gap:10px;border-top: 2px solid #116139;border-bottom: 1px solid #116139;padding: 50px}
.prd_detail_top .label {position: relative;padding: 0 15px;border-radius: 10px;line-height:35px;font-size:16px ;background:#116139 ;font-weight: 600;color:#fff;}
.prd_detail_top .label:before {content: "";position: absolute;left: 50%;bottom: -5px;transform: translateX(-50%);border-top: 5px solid #116139;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.prd_detail_top h3 {font-size: 30px;font-weight: 800;color:#000;text-align: center}
.prd_detail_top .name_desc {font-size:22px; font-weight: 700;color:#000;word-break: keep-all}
.prd_img {display: flex;flex-direction: column;align-items: center;text-align: center;}
.prd_img img {border-radius: 15px;}
.prd_img h4 {font-size:20px; font-weight: 700;color:#000;margin-top: 20px}
.prd_img p {font-size:18px; font-weight: 700;}

.ranking_wrap {border-top: 1px solid #ddd;padding:80px 0 0}
.ranking_wrap p.rank_tit {display: inline-flex;align-items: center;justify-content: center;font-size: 18px;color:#000;font-weight: 700;}
.ranking_wrap p.rank_tit strong {font-size: 26px;color:#e2472e;font-weight: 700;margin-left: 5px;line-height: 1}
.ranking_wrap ul {display: flex;justify-content: center;gap:20px;align-items: center;}
.ranking_wrap ul li {display: inline-flex;gap:5px;align-items: center;font-size: 16px;}
.ranking_wrap ul li span {flex-shrink: 0; display: block;width: 15px;height: 15px;border-radius: 50%;}
.ranking_wrap ul li span.circle_1 {background:#6be8ff}
.ranking_wrap ul li span.circle_2 {background:#3b3be5}
.ranking_wrap ul li span.circle_3 {background:#287fe2}
.ranking_wrap ul li span.circle_4 {background:#3b3be5}

.exp {text-align: center}
.exp p {font-size: 15px;font-weight: 500}

.sm_ment {display: block; font-size: 14px;margin-top: 5px}

.recomm_model {display: flex;justify-content: space-between;align-items: center;border-radius: 10px;background:#f8f8f8;padding: 50px;}
.model_cont {display: flex;gap:20px;align-items: center;}
.model_cont p {font-size: 18px;font-weight: 500}
.model_cont p strong {font-weight: 800;color:#000}
.model_price {display: flex;gap:50px;align-items: center;}
.model_price .price {display: flex;flex-direction: column;}
.model_price .price strong {font-size: 18px;font-weight: 700; color:#000}
.model_price .price span {font-size: 16px;font-weight: 500; color:#116139;}

.prd_point {}
.prd_point .prd_point_head {display: flex;justify-content: center;padding: 50px;background:#f5faf7;border-radius: 10px;}
.prd_point .prd_point_head h3 {font-size: 30px;font-weight: 700;color:#000}
.prd_point .prd_point_head h3 .icon {display: inline-block;font-size: 0;vertical-align: middle;margin-right: 10px}
.prd_point .prd_point_head h3 strong {position: relative;}
.prd_point .prd_point_head h3 strong:before {content: "";display: block; position: absolute;left: 0;bottom: 2px;width: 100%;height: 4px; background:#ffea00 ;z-index: 0}
.prd_point .prd_point_head h3 strong span {position: relative;display: inline-block;color:#f95217;z-index: 1}

.bottom_pr {display: flex;flex-wrap: wrap;gap:30px;align-items: stretch;justify-content: space-between;margin-bottom: 150px}
.bottom_pr .pr_cont {flex:1 0 0;display: flex;gap:10px;align-items: center;justify-content: center;border-radius: 10px;padding: 30px}
.bottom_pr .pr_cont.pr_call {background:#e4f6ed;color:#116139}
.bottom_pr .pr_cont.pr_kakao {background:#ffea00}
.bottom_pr .pr_cont .pr_cont_txt {font-size: 20px;font-weight: 600;line-height: 1.2}
.bottom_pr .pr_cont strong {display: block; font-size: 30px;font-weight: 800;line-height: 1}
.bottom_pr .pr_cont .pr_subject {display: block; font-size: 20px;color:#000}
.bottom_pr .pr_cont a {display: inline-flex;align-items: center;gap:10px;font-size:16px;font-weight: 500; color:#000;background:#fff;border-radius:5px;line-height: 30px;padding: 0 15px;margin-top: 5px;}

.bottom_ment {width:100%;text-align: center}
.bottom_ment p {font-size: 20px;font-weight: 600;color:#000;}

@media (max-width:1024px){
  .prd_top .prd_tit {padding: 25px;}
  .prd_top .prd_tit .label {line-height:40px;font-size: 16px;}
  .prd_top .prd_tit h3 {font-size: 26px;text-align: center}
}
@media (max-width:960px){
  .recomm_model {padding: 40px;}
  .model_cont p {font-size:16px;}
  .model_price {gap: 20px;}
  .model_price .price strong {font-size: 16px;}
  .model_price .price span {font-size: 15px;}
  
  .prd_point .prd_point_head {padding:40px;}
  .prd_point .prd_point_head h3 {font-size: 26px;}
  .prd_point .prd_point_head h3 .icon {width: 40px;}
  
  .prd_sel {gap:40px;}
}
@media (max-width:768px){
  .prd_table {overflow: hidden;overflow-x: auto;}
  
  .prd_sel > strong {font-size: 22px;}
  .prd_sel .list_number ol li {font-size: 16px;}
  
  .prd_detail_top {padding:40px;}
  .prd_detail_top h3 {font-size:26px;line-height: 1.3}
  .prd_detail_top .name_desc {font-size:18px;}
  
  .prd_point .prd_point_head {padding:30px;}
  
  .bottom_pr {gap:20px;margin-bottom: 100px;}
  .bottom_pr .pr_cont {padding: 25px;}
  .bottom_pr .pr_cont.pr_call .icon {width: 30px;font-size: 0}
  .bottom_pr .pr_cont.pr_kakao .icon {width: 50px;font-size: 0}
  .bottom_pr .pr_cont .pr_subject {font-size: 18px;}
  .bottom_pr .pr_cont strong {font-size:26px;}
  .bottom_pr .pr_cont a {font-size: 14px;line-height: 30px;}
  
  .exp {text-align: left;}
  .exp p {font-size: 13px;}
  
  .bottom_ment p {font-size: 16px;}
}
@media (max-width:640px){
  .ranking_wrap ul li {font-size:14px;}
  .ranking_wrap ul li span {width: 12px;height: 12px;}
  
  .recomm_model {flex-direction: column;align-items: flex-start;gap:20px;padding:30px;}
  .model_cont img {width: 20px;}
  .model_cont p {font-size: 15px;}
  .model_price .price strong {font-size:15px;}
  .model_price .price span {font-size:14px;}
  
  .prd_point .prd_point_head h3 {font-size: 22px;}
  .prd_point .prd_point_head h3 .icon {width:26px;}
  
  .bottom_pr {flex-direction: column;}
}
@media (max-width:480px){
  .prd_top .prd_tit .label {padding: 0 15px;line-height: 35px;font-size: 15px;}
  .prd_top .prd_tit {gap:10px}
  .prd_top .prd_tit h3 {font-size: 20px;line-height: 1.3}
  
  .prd_sel {flex-direction: column;gap: 30px;}
  .prd_sel > strong {font-size:20px;}
  .prd_sel .list_number ol li {font-size: 15px;padding-left: 30px;}
  .prd_sel .list_number ol li .num {top: 2px;width: 20px;height: 20px;line-height: 20px;font-size:12px;}
  
  .prd_detail_top {padding: 30px;}
  .prd_detail_top .label {line-height:30px;padding: 0 15px;font-size:15px;}
  .prd_detail_top h3 {font-size:22px;line-height: 1.2;}
  .prd_detail_top .name_desc {font-size: 16px;}
  .prd_img h4 {font-size: 18px;}
  .prd_img p {font-size: 16px;}
  
  .ranking_wrap {padding:50px 0 0;}
  .ranking_wrap p.rank_tit {justify-content: flex-start;font-size: 16px;}
  .ranking_wrap p.rank_tit strong {font-size: 20px;}
  .ranking_wrap ul {flex-wrap: wrap;gap: 5px;}
  .ranking_wrap ul li {font-size: 12px;width: 48%;}
  .ranking_wrap ul li span {width: 10px;height: 10px;}
  .prd_point .prd_point_head {padding:20px;}
  .prd_point .prd_point_head h3 {font-size:18px;}
  
  .bottom_pr .pr_cont {padding: 20px;}
  .bottom_pr .pr_cont .pr_subject {font-size: 16px;}
  .bottom_pr .pr_cont.pr_call .icon {width: 26px;}
  .bottom_pr .pr_cont.pr_kakao .icon {width:40px;}
  .bottom_pr .pr_cont strong {font-size: 22px;}
  .bottom_pr .pr_cont .pr_subject {font-size:16px;}
  .bottom_pr .pr_cont a {font-size: 13px;line-height: 25px;}
  
  .top_slogan strong {font-size: 22px;}
}


/*-----------------------------------------------------------------------------
 *  Sub 03 : 휴대폰
 *----------------------------------------------------------------------------*/

#phone {}
.prd_list {}
.prd_list ul {display: flex;align-items: stretch;gap:30px 2%;flex-wrap: wrap;}
.prd_list ul li {flex:0 1 32%;border-radius: 15px;border:1px solid #ccc}
.prd_list ul li .prd_info {padding:0 30px 30px;}
.prd_list ul li .prd_info > strong {display: block;text-align: center;font-size: 20px;font-weight: 700;}
.prd_list ul li .prd_info .prd_price {text-align: right;font-size: 18px;font-weight: 500}
.prd_list ul li .prd_info .prd_price strong {display: inline-block;font-weight: 800;color:#ff5a00;font-size: 30px;margin-right: 5px}
.prd_list ul li .prd_info .prd_out_price {text-align: right;}
.prd_list ul li .prd_info .prd_out_price .price_tit {display: inline-block;margin-right: 10px; font-size: 16px;font-weight: 600;color:#000;}
.prd_list ul li .prd_info .prd_out_price .dc_price {font-size: 16px;text-decoration: line-through;font-weight: 500;color:#666}
.prd_list ul li .prd_info .prd_list_btns {display: flex;justify-content: space-between;gap:10px;align-items: stretch;margin-top: 20px}
.prd_list ul li .prd_info .prd_list_btns .call_num {flex:1 0 0;display: flex;justify-content: center;align-items: center;border-radius: 10px;background:#daf2e6;font-size: 15px;font-weight: 600;color:#116139;text-align: center;padding: 10px 10px}
.prd_list ul li .prd_info .prd_list_btns a {flex:2 0 0;display: flex;align-items: center;justify-content: center;border-radius: 10px;background:#fae100;font-size: 15px;font-weight: 600;color:#000;text-align: center;padding: 10px 10px}

@media (max-width:1024px){
  
}
@media (max-width:960px){
  .prd_list ul li {flex: 0 1 48.8%}
}
@media (max-width:640px){
  .prd_list ul li {flex: 0 1 100%}
  .prd_list ul li .prd_info > strong {font-size: 18px;}
  .prd_list ul li .prd_info .prd_price {font-size: 16px;}
  .prd_list ul li .prd_info .prd_price strong {font-size:26px;}
  .prd_list ul li .prd_info .prd_out_price .price_tit {font-size:15px;}
}
@media (max-width:480px){
  
}


/*-----------------------------------------------------------------------------
 *  Terms
 *----------------------------------------------------------------------------*/

#terms {padding-bottom: 150px;}
#terms p {font-size: 16px;line-height: 1.4;margin:5px 0 15px}
#terms h3 {font-size: 18px;font-weight: 800;color:#000;margin: 20px 0 10px;}
#terms h4 {font-size: 18px;font-weight: 700;color:#000;margin: 20px 0 10px}
#terms ul li {font-size: 16px;margin: 10px 0}

@media (max-width:768px){
  #terms {padding-bottom: 100px;}
  #terms p {font-size: 14px;line-height: 1.3;}
  #terms h3 {font-size: 16px;margin: 15px 0 10px;}
  #terms h4 {font-size: 16px;margin: 15px 0 10px}
  #terms ul li {font-size: 14px;}
}