/* common */
html,
body { font-family: 'SCDT', sans-serif; font-weight: 500; word-break: keep-all; /* touch-action: pan-x pan-y */; }
#wrap { width: 100%; min-width: 130rem; margin: auto; }
header { width: 100%; background-color: rgba(0, 0, 0, 0.7); height: 9.5rem; position: fixed; right: 0; top: 0; z-index: 1000000; }
section { margin: auto; width: 100%; position: relative; }
.inner { width: 130rem; margin: 0 auto; position: relative; clear: both; }

select, option, button { font-family: 'SCDT', sans-serif; }

.gmks { font-family: 'GMKS'; font-weight: normal; }

.c_main { color: #ff4b17 !important; }
.c_sub { color: #ff6b00 !important; }
.c_blk { color:#303030; }
.c_hugreen { color: #0e7235; }
.c_kcc { color: #0044a8; }
.c_lx { color: #bd2c2a; }

.fw_600 { font-weight: 600 !important; }
.fw_500 { font-weight: 500 !important; }
.fw_400 { font-weight: 400 !important; }

.bd_top { border-top: 1px solid #d5d5d5; }
.bd_btm { border-bottom: 1px solid #d5d5d5; }


span.line {
 background-color: #aaa;
 width: 1px;
 height: 30px;
 margin: 0 15px;
 display: inline-block;
}
/* common */


/* swiper */
#wrap .swiper-button-prev,
#wrap .swiper-button-next { background-image: none !important; width: 11px; height: 19px; }
/* swiper */


/* 반응형 동영상 */
[class*="video_box"] { position: relative; max-width: 100%; height: auto; padding-top: 56.25%; overflow: hidden;}
.video_box02 {max-width: 853px; height: auto; padding-top: 30%; margin: 0 auto;} /* 240326 추가 */
[class*="video_box"] iframe { z-index: 1; top: 0; left: 0; position: absolute; width: 100%; height: 100%;}

@media screen and (max-width:768px) {
 .video_box02 {padding-top: 56.25%;}
}
/* 반응형 동영상 */


/* header */
header h1.logo { float: left; line-height: 1; margin-top: 1.8rem; width: 16.2rem; height: 5.4rem; }
header .logo a { width: 100%; height: 100%; background: url(../images/logo_w.png) no-repeat center; background-size: contain; }

header.color_change .logo a { background: url(../images/logo.png) no-repeat center; background-size: contain; }
header.color_change { background: #fff; border-bottom: 1px solid #ccc; }
header.color_change #gnb>ul>li>a { color: #303030; }

header .inner { height: 100%; /* border: 1px solid red; */ }

header #gnb { float: right; line-height:9.4rem; width: 100rem; }
header #gnb > ul > li { float:left; }
header #gnb > ul > li a { display:block; color: #fff; position: relative; }
header #gnb > ul > li > a:hover { font-weight: 600; }

header #gnb .topnav { color: #fff; font-size: 18px; font-weight: 500; }
header #gnb .topnav li { float: left; width: calc(100%/6); text-align: center;} /* ← 1depth 갯수에따라  width: calc(100%/6); 값 설정 변경*/ /* 240326 수정 */

header #gnb .subnav { margin: auto; background:rgba(0, 0, 0, 0.92); clear:both; width:100vw; min-width: 1920px; min-height: 31rem; display: none; position: absolute; top:9.4rem; left: 50%; transform: translateX(-50%); text-align:center; font-size: 16px; }
header #gnb .subnav ul { width:130rem; padding:1rem 0 1rem 30rem; /* border: 1px solid salmon */; position: absolute; left: 50%; transform: translateX(-50%); }
header #gnb .subnav li { float:left; width:calc(100%/6); min-height:240px; } /* ← 1depth 갯수에따라  width: calc(100%/6); 값 설정 변경*/ /* 240326 수정 */
header #gnb .subnav li:nth-of-type(1) { border-left:none; }

header #gnb .subnav dd { line-height:3.6rem; }
header #gnb .subnav a { color:#fff; display:block; padding:0 10px; -webkit-transition:all 0.2s ease-out; transition:all 0.1s ease-out; }
header #gnb .subnav a:hover { color:#ff5400; }
header #gnb .subnav .sm { letter-spacing: -0.15rem; white-space: nowrap; padding: 0; font-size: 1.5rem; }


#wrap .m_menu_box { z-index: 1000000; }
#wrap .m_menu_box a { line-height: 5rem; padding:0 2rem 0 2.6rem; }
#wrap .m_menu_box ul > li > a { font-size: 2.2rem; font-weight: 500; color: #505050; line-height: 6rem; }
#wrap .m_menu_box a.current { background-color: #333; color: #fff; font-size: 3.2rem; font-weight: 400; line-height: 12rem; }
#wrap .m_menu_box ul.sub-menu li a { font-size: 1.8rem; color: #505050; padding-left: 3.6rem; }
/* header */


/* three_btn */
.three_btn { width: 100%; padding: 2rem 0; position: fixed; z-index: 99999; bottom: 0; background-image: linear-gradient(90deg, #fa5c35, #ff6843, #f88029), url(../images/5second_bg.gif); background-blend-mode: multiply; display: none; transition: all 0.2s; text-align: center; }
.three_btn > p { color: #fff; font-size: 3.0rem; font-weight: 500; position: relative; display: inline-block; margin: 0 auto; }
.three_btn:hover p { color: #fff54e; }
.three_btn.active { display: block; }

.three_btn.time_icon::before { content: url(../images/5second_icon.png); position: absolute; left: 51%; transform: translateX(-200px) rotate(0deg); animation: 0.7s ease-in-out infinite shy-02; }
.three_btn.time_icon:hover::before { content: url(../images/5second_icon_hover.png); }

/* --- ↓ 20230420 추가요청 수정 */
.three_btn.next_arrow > p::before,
.three_btn.next_arrow > p::after { content:''; position: absolute; background: url(../images/btm_arrow.png) no-repeat center; background-size: cover; width: 5.7rem; height: 2.6rem; top: 50%; transform: translateY(-50%); animation: 0.7s ease-in-out infinite shy-03; }

.three_btn.next_arrow > p::before { left: -7rem; animation-delay: 1s; }
.three_btn.next_arrow > p::after { right: -7rem; animation-delay:1.8s; }

.three_btn.next_arrow02 > p::before { content:''; position: absolute; background: url(../images/btm_arrow.png) no-repeat center; background-size: cover; width: 5.7rem; height: 2.6rem; top: 50%; left: -7rem; transform: translateY(-50%); animation: 0.7s ease-in-out infinite shy-03; }
.three_btn.next_arrow02 > p::after { content:''; position: absolute; background: url(../images/btm_arrow.png) no-repeat center; background-size: cover; width: 5.7rem; height: 2.6rem; top: 50%; right: -7rem; transform: translateY(-50%) rotate(180deg); animation: 0.7s ease-in-out infinite shy-04; }
/* --- ↑ 20230420 추가요청 수정 */

/* three_btn */

/* three_btn */
.three_btn_sub { width: 100%; padding: 2rem 0; position: fixed; z-index: 99999; bottom: 0; background-image: linear-gradient(90deg, #fa5c35, #ff6843, #f88029), url(../images/5second_bg.gif); background-blend-mode: multiply; display: block; transition: all 0.2s; text-align: center; }
.three_btn_sub > p { color: #fff; font-size: 3.0rem; font-weight: 500; position: relative; display: inline-block; margin: 0 auto; }
.three_btn_sub:hover p { color: #fff54e; }

.three_btn_sub.time_icon::before { content: url(../images/5second_icon.png); position: absolute; left: 51%; transform: translateX(-200px) rotate(0deg); animation: 0.7s ease-in-out infinite shy-02; }
.three_btn_sub.time_icon:hover::before { content: url(../images/5second_icon_hover.png); }

/* --- ↓ 20230420 추가요청 수정 */
.three_btn_sub.next_arrow > p::before,
.three_btn_sub.next_arrow > p::after { content:''; position: absolute; background: url(../images/btm_arrow.png) no-repeat center; background-size: cover; width: 5.7rem; height: 2.6rem; top: 50%; transform: translateY(-50%); animation: 0.7s ease-in-out infinite shy-03; }

.three_btn_sub.next_arrow > p::before { left: -7rem; animation-delay: 1s; }
.three_btn_sub.next_arrow > p::after { right: -7rem; animation-delay:1.8s; }

.three_btn_sub.next_arrow02 > p::before { content:''; position: absolute; background: url(../images/btm_arrow.png) no-repeat center; background-size: cover; width: 5.7rem; height: 2.6rem; top: 50%; left: -7rem; transform: translateY(-50%); animation: 0.7s ease-in-out infinite shy-03; }
.three_btn_sub.next_arrow02 > p::after { content:''; position: absolute; background: url(../images/btm_arrow.png) no-repeat center; background-size: cover; width: 5.7rem; height: 2.6rem; top: 50%; right: -7rem; transform: translateY(-50%) rotate(180deg); animation: 0.7s ease-in-out infinite shy-04; }
/* --- ↑ 20230420 추가요청 수정 */

/* three_btn */


/* footer */
#wrap footer { min-height: auto; }
footer { background-color: #414141; padding: 5rem 0 14rem; min-width: 130rem; }
footer .inner { display: block; content: ''; clear: both; height: 10rem; }
footer .f_logo { float: left; margin-right: 10rem; }
footer .txt_box { float: left; }
footer .txt_box p { line-height: 1.8; color: #fff; font-size: 1.4rem; }
footer .txt_box span { margin-right: 2rem; opacity: 0.8; }
footer .icon_box { float: right; }
footer .icon_box li { float: left; margin-right: 0.5rem; margin-left: 0.5rem; }
footer .icon_box li:last-child { margin-right: 0; }
footer .icon_box li a { float: right; width: 4.1rem; height: 4.1rem; }
footer .icon_box a img { width: 100%; height: auto; }

footer .txt_box p .provision { position: relative; display: inline-block; margin-right: 2rem; text-align: center; font-weight: 400; font-size: 1.4rem; opacity: 0.8; cursor: pointer; }
footer .txt_box p .provision:hover { text-decoration: underline; }
/* footer */


/* table */
table.table.w_110 { width: 110rem; margin: 100px auto; }
table.table { width: 100%; border-top: 1px #d0d0d0 solid; color: #505050; text-align: center; border-right: 1px solid #d0d0d0; }
table.table p { margin: 0; line-height: 1.2; }
table.table th, table.table td {padding: 2rem 0; border-left: 1px #d0d0d0 solid; border-bottom: 1px #d0d0d0 solid;} /* 240326 수정 */
table.table td.bg01 {background-color: #f5f5f5;} /* 240326 추가 */
table.table th { background: #f5f5f5; }
table.table .head {padding: 2.6rem 0; } /* 240326 수정 */
.table .head.brand p { color: #808080; }
.table .head img { width: 50%; height: auto; margin-bottom: 5px; }
/* table */


/* .w_compare_table */
.table.w_compare_table { border-top: 1px solid #d5d5d5; }
.table.w_compare_table .head { padding: 2rem; }
.w_compare_table .head.bg_w { background-color: #fff; }
.table .bg_blk { background-color: #303030; color: #fff; }
.table .bg_green { background-color: #0f7c38; color: #fff; }
.table .bg_blue { background-color: #0044a8; color: #fff; }
.table .bg_red { background-color: #bd2c2a; color: #fff; }
.table .bg_orange { background-color: #f2821f; color: #fff; }
.table .bg_green2 { background-color: #e7f2eb; }
.table .bg_blue2 { background-color: #e5ecf6; }
.table .bg_red2 { background-color: #f8e9e9; }
.table .bg_orange2 { background-color: #fff6ed; }
.table .head .img_box.w_loca { width: 29rem; }
.table .head .img_box.w_loca img { width: 100%; }
.table .number { margin-top: 3px; margin-bottom: 6px; }
.number span { color: #fff; border-radius: 50%; width: 2.3rem; height: 2.3rem; display: inline-block; font-size: 1.4rem; font-weight: 600; background-color: #0f4a74; line-height: 2.3rem; text-align: center; }
.number .in { background-color: #1c6d15; }
/* .w_compare_table */


/* 게시판공통 */
#sub .board_body { position:relative; max-width:130rem; margin:0 auto }
#sub .board_body:after { display:block; clear:both; content:'' }
#sub .board_ty01_list { border-top:1px solid #CCC }
#sub .board_ty01_link { display:flex; align-items:center; position:relative; padding:4rem; /* border-bottom:1px solid #CCC; */ transition:all 0.3s ease-out; box-sizing:border-box }
#sub .board_ty01_link:before { content:''; position:absolute; top:-1px; left:0; width:0; height:1px; background-color:#F30; transition:all 0.5s ease-out }
#sub .board_ty01_thumbnail { position:relative; width: 40rem; height:23rem; overflow:hidden; background-color:#CCC }
#sub .board_ty01_thumbnail img { border: none; vertical-align: top; }
#sub .board_ty01_content { padding-left:6rem; flex:1.5; min-width:0 }
#sub .board_ty02_content { padding-left:1rem; flex:1.5; min-width:0 }
#sub .board_ty01_title { display:-webkit-box; overflow:hidden; min-height:2.9rem; margin-bottom:7rem; font-size:3rem; font-weight:600; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out }
#sub .board_ty02_title { display:-webkit-box; overflow:hidden; min-height:2.9rem; margin-bottom:2rem; font-size:3rem; font-weight:600; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out }
#sub .board_ty01_description { display:-webkit-box; overflow:hidden; min-height:3rem; color:#333; font-size:2.2rem; line-height:2.8rem; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; word-break:break-all }
#sub .board_ty02_description { display:-webkit-box; overflow:hidden; min-height:3rem; color:#333; font-size:2.2rem; line-height:2.8rem; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; word-break:break-all }
#sub .board_ty01_date { font-size:1.7rem; font-weight:300; color:#999 }
#sub .board_ty01_set { font-size:1.8rem; font-weight:300; color:#999 }
#sub .board_ty01_link:hover:before { width:100% }
#sub .board_ty01_link:hover .newslist__title { color:#333 }
#sub .list-board a .board_ty01_thumbnail img { -webkit-transition: .5s ease; transition: .5s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#sub .list-board a:hover .board_ty01_thumbnail img { -webkit-transform: scale(1.05); transform: scale(1.05) translate(-50%, -50%); }
#sub .paging { text-align:center; }
#sub .paging .item { text-indent:-9999em; border:1px solid #dadee5; width:40px; height:40px; display:inline-block; vertical-align:middle; background-image: url(../images/bg_paging.png); background-repeat:no-repeat; }
#sub .paging .item.first { background-position:0 50%; }
#sub .paging .item.prev { background-position:-50px 50%; }
#sub .paging .item.next { background-position:-100px 50%; }
#sub .paging .item.last { background-position:-150px 50%; }
#sub .paging .item a { display:block; width:100%; height:100%; }
#sub .paging .list { display:inline-block; vertical-align:middle; font-size:0; padding:0 5px; }
#sub .paging .list > li { display:inline-block; vertical-align:middle; }
#sub .paging .num { color:#6b7a99; font-size:2rem; padding:0 1.5rem; position:relative; display: inline-block; text-align: center; }
#sub .paging .num.on { color:#2d3340; font-weight:700; }
#sub .paging .num.on:after { content:""; width:1.6rem; height:2px; background:#2d3340; position:absolute; top: 110%; left: 55%; transform: translateX(-50%) !important; }
#sub .paging .list.mob { display:none; }
#sub .boardView { border-top:2px solid #333; border-bottom:1px solid #ddd; }
#sub .boardView .brdHd { padding:4rem 2rem 3rem; background-color: #f9f9f9;}
#sub .boardView .brdHd .tit { font-size:2.6rem; color:#000; line-height:1.2; font-weight: 500; word-break: break-all; }
#sub .boardView .brdHd .txt { color:#666; margin-top:2rem; text-align: right; }
#sub .boardView .brdHd .txt ul {display: inline-block; height: auto;}
#sub .boardView .brdHd .txt li { display: inline-block; font-size:1.8rem; color:#666; font-weight: 400; }
#sub .boardView .brdHd .txt li + li::before { display: inline-block; content: ''; width:1px; height:1.8rem; margin:-2px 12px 0; vertical-align:middle; background: #ddd; }
#sub .boardView .brdHd [class*="brd_tip"] {font-style: normal;}
.brd_tip01 {background-color: #ff4b17; color: #fff; border-radius: 5rem; padding: 0.5rem 1rem;}
.brd_tip01_1 {background-color: #505050; color: #fff; border-radius: 5rem; padding: 0.5rem 1rem;}

#sub .boardView .brdCnt { font-size:2.2rem; color:#333; line-height:2.4rem; font-weight: 400; min-height:20rem; word-break: break-all; padding:2rem; }
#sub .boardView .brdCnt>* {word-break: normal;}
#sub .boardView .brdCnt img { max-width:100%; }
#sub .btmBtnWrap { font-size: 0; text-align: center; }
#sub .btmBtnWrap ul { font-size: 0; }
#sub .btmBtnWrap li { display: inline-block; }
#sub .btmBtnWrap { margin-top:3rem; text-align: center; }
#sub .btnArea { font-size: 0; text-align: center; }
#sub .btnArea ul { font-size: 0; }
#sub .btnArea li { display: inline-block; }
#sub .btnArea li + li { margin-left:6px; }
#sub .btn_type1 { display:inline-block; line-height:1; text-align: center; vertical-align: middle; font-size: 2.2rem; line-height: 5rem; font-weight: 600; letter-spacing: -0.04em; min-width: 16rem; height:5.2rem; padding:0 2rem; color:#fff; background:#85898f; }
#sub .btn_type2 { display:inline-block; line-height:1; text-align: center; vertical-align: middle; font-size: 2.2rem; line-height: 5rem; font-weight: 600; letter-spacing: -0.04em; min-width: 16rem; height:5.2rem; padding:0 2rem; color:#fff; background:#06C; }
#sub .btn_type1:hover,.btn_type1:focus,.btn_type1:active { text-decoration: none; }
#sub .blind { overflow:hidden; position:absolute; line-height:0 !important; border:none !important; padding:0 !important; background:none !important; }
#sub fieldset { border:none; margin:0; padding:0; }
#sub caption, legend { position:absolute; margin:-1px; padding:0; width:1px; height:1px; overflow:hidden; border:0; clip:rect(0, 0, 0, 0); }


/* 갤러리*/
#sub .typeGallery { overflow:hidden; }
#sub .typeGallery .typeNoArticle { float:none !important; width:100% !important; }
#sub .typeGallery ul { overflow:hidden; margin-left:-3rem; padding:0 0 1.5rem; border-bottom:1px solid #e1e1e1; font-size:0; white-space:normal; }
#sub .typeGallery li { display:inline-table; width:calc(33.33333333% - 3rem); margin-left:3rem; box-sizing:border-box; padding:1.5rem 0 5rem; border-bottom:none; }
#sub .typeGallery .photo { position:relative; overflow:hidden; width:100%; margin:0 auto 1.3rem; display:block; height:100%; font-size:0; border:1px solid #ddd; }
#sub .typeGallery .photo img { width:100%; max-width:42rem; height:30rem; background-size: contain }
#sub .typeGallery .txtL { overflow:hidden; height:4.8rem; margin:0; padding:6px 0 0; }
#sub .typeGallery .txtL .txsub { display:-webkit-box; overflow:hidden; min-height:3rem; color:#333; font-size:2.2rem; line-height:2.8rem; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; word-break:break-all }
#sub .typeGallery .txtInfo { text-align:left; }
#sub .typeGallery .txtInfo>span { display:inline-block; position:relative; margin-right:.7rem; padding-right:1.2rem; color:#666; font-size:1.9rem; font-weight:300; line-height:2.2rem; }
#sub .typeGallery .txtInfo>span::before { content:''; display:block; position:absolute; right:0; top:1px; width:1px; height:2rem; box-sizing:border-box; background:#d9d9d9; }
#sub .typeGallery .txtInfo>span:last-child { margin-right:0; padding-right:0; }
#sub .typeGallery .txtInfo>span:last-child::before { display:none; }
#sub .typeGallery .txtInfo .phuser { font-weight:bold }
#sub .typeGallery a { width: 100%; }
#sub .typeGallery a .photo img { -webkit-transition: .5s ease; transition: .5s ease; width: 100%; }
#sub .typeGallery a:hover .photo img { -webkit-transform: scale(1.05); transform: scale(1.05); }


/* 자주묻는질문*/
.help_table { border-top:2px solid #1e1a1b; }
.help_table .tb_thead { display:table; width:100%; table-layout:fixed; background-color:#efefef; border-bottom:1px solid #898989 }
.help_table .tb_thead .col { display:table-cell; padding:2.2rem 0 2.3rem 0; vertical-align:middle; text-align:center }
.help_table .ico_acc01 { vertical-align:middle }
.help_table .detail_open_box { display:table; width:100%; table-layout:fixed; border-bottom:1px solid #ddd }
.help_table .detail_open_box .col { display:table-cell; padding:2rem 0; vertical-align:middle; text-align:center }
.help_table .detail_open_box a { display:table; width:100%; table-layout:fixed; }
.help_table .detail_open_box .tbw01,
.help_table .detail_open_box .tl { text-align:left; padding-left:47px; font-size:2.2rem; line-height:1.5; font-weight:400; color:#000; position: relative; }
.help_table .detail_box { padding:2rem 4.5rem; border-bottom:1px solid #1e1a1b; font-size:1.7rem; color:#000 }
.help_table .detail_box img { width: auto!important; height: auto!important; max-width: 100% }
.help_table .detail_open_box .question { display:inline-block; margin-right:19px; color: #ff4b17; font-size:2.9rem; font-weight:500; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
.help_table .detail_open_box.active { background-color:#f4fcff }
.fa_detail { position:relative; font-size:1.9rem; line-height:2.4rem; font-weight:300; }
.tbw02 { width: 5%; }
.ico_com { content: ""; display: inline-block; background: url(../images/btn_txt_all.png) no-repeat; font-size: 0; line-height: 0; text-indent:-9999px }
.ico_acc01 { width:21px; height:13px; background-position:-187px 0; -webkit-transition:all .4s; transition:all .4s }
/* 테이블 아코디언 */
/* .active .ico_acc01 { -webkit-transform:rotate(-180deg); transform:rotate(-180deg) } */
.help_table .detail_open_box .col .ico_com { filter: grayscale(1); opacity: 0.6; }



.m_show { display: none !important; }



/* 모바일 */
@media all and (max-width:768px) {
 /* 게시판 */
 #sub .board_ty01_link { display:block; padding:3rem 0 2.4rem; }
 #sub .board_ty01_thumbnail { width: 100%; height:34rem; overflow:hidden }
 #sub .board_ty01_thumbnail img { width:100%; height:100%; background-size: contain }
 #sub .board_ty01_content { flex:1; margin-top:2.5rem; padding-left:0; }
 #sub .board_ty02_content { flex:1; margin-top:1.5rem; }
 #sub .board_ty02_description { font-size:2rem; line-height:2.4rem; min-height:2.6rem; }
 #sub .board_ty01_date, .board_ty02_date { font-size:1.6rem; }
 #sub .board_ty01_set { font-size:1.8rem; }
 #sub .boardView .brdHd .txt { text-align: left; /* overflow:hidden; */ }
 #sub .boardView .brdHd .brd_tip02, #sub .boardView .brdHd .brd_tip03 {padding: 0 !important;}
 .brd_tip01 {padding: 0 1rem;}
 .brd_tip01_1 {padding: 0 1rem;}
 #sub .typeGallery li { width:calc(100% - 3rem); }
 #sub .typeGallery li img { max-width: unset !important; }
 /* 게시판 */


 /* 자주묻는질문 */
 .help_table .detail_open_box .tl { padding-left: 40px; }
 .fa_detail { padding: 20px; }
 .tbw02 { width: 10%; }
 /* 자주묻는질문 */


 /* common */
 .pc_show { display: none !important; }
 .m_show { display: block !important; }
 body,
 #wrap { min-width: 320px; max-width: 768px; }
 .inner { /* width: calc(100% - 4rem); */
  width: calc(100% - 40px); }
 /* common */


 /* header */
 header { min-width: 32rem; }
 /* header */


 /* three_btn */
 .three_btn.time_icon { padding-left: 5rem; }
 .three_btn.time_icon::before { transform: translateX(-19rem); }
 /* three_btn */


 /* footer */
 footer { min-width: auto; }
 footer .inner { height: auto; position: relative; }
 footer .f_logo { float: none; width: 36%; margin-right: 0; margin-bottom: 2rem; }
 footer .f_logo img { width: 100%; }
 footer .txt_box { float: none; }
 footer .icon_box { float: none; position: absolute; top: 0; right: 0; }
 /* footer */

 #sub .w_compare_img { width: 90%; margin: 0 auto; }
 .table .head .img_box.w_loca { /* width: 20rem; */ display: none; }
}


@media all and (max-width:640px) { html { font-size: 9px; }
}


@media all and (max-width:575px) { /* html { font-size: 8px; } */
 /* 자주묻는질문 */
 .help_table .detail_box { font-size:1.4rem; color:#000; padding:1.5rem 2.5rem; }
 .help_table .detail_open_box .question { display:inline-block; margin-right:1rem; font-size:2.4rem; font-weight:500; line-height:2.8rem; }
 .fa_detail { font-size:1.7rem; line-height:2rem; }
 .ico_acc01 { zoom: .8; }
 /* 자주묻는질문 */ }


@media all and (max-width:480px) { html { font-size: 8px; }

 .m_none { display: none; }

 .three_btn.time_icon::before { zoom: 0.8; transform: translateX(-22rem); }

 /* 게시판 */
 #sub .paging .item { width: 30px; height: 30px; }
 #sub .paging .item.next { background-position:-105px 50%; }
 #sub .paging .item.prev { background-position:-55px 50%; }
 #sub .paging .item.first { background-position:-5px 50%; }
 #sub .paging .item.last { background-position:-155px 50%; }
 /* 게시판 */}


/* 3초 견적 애니메이션 효과 */
.shy { animation: 1s infinite shy-01; }

@keyframes shy-01 {
 0% { color:#fff; }
 40% { color:#fff54e; }
 60% { color:#fff; }
 100% { color:#fff54e; }
}

@keyframes shy-02 {
 0% { content: url(../images/5second_icon.png); transform: translateX(-200px) rotate(-10deg); }
 40% { content: url(../images/5second_icon_hover.png); transform:translateX(-200px) rotate(0deg); }
 60% { content: url(../images/5second_icon.png); transform:translateX(-200px) rotate(10deg); }
 100% { content: url(../images/5second_icon_hover.png); transform:translateX(-200px) rotate(0deg); }
}

/* --- ↓ 20230420 추가요청 수정 */
@keyframes shy-03 {
 0% { background-image: url(../images/btm_arrow.png); transform: translateY(-50%); }
 35% { background-image: url(../images/btm_arrow_01.png); }
 65% { background-image: url(../images/btm_arrow_02.png); }
 100% { background-image: url(../images/btm_arrow_03.png); }
}

@keyframes shy-04 {
 0% { background-image: url(../images/btm_arrow.png); transform:translateY(-50%) rotate(-180deg); }
 35% { background-image: url(../images/btm_arrow_01.png); transform:translateY(-50%) rotate(-180deg); }
 65% { background-image: url(../images/btm_arrow_02.png); transform:translateY(-50%) rotate(-180deg); }
 100% { background-image: url(../images/btm_arrow_03.png); transform:translateY(-50%) rotate(-180deg); }
}
/* --- ↑ 20230420 추가요청 수정 */

/* 3초 견적 애니메이션 효과 */

@media all and (max-width:425px) { /* html { font-size: 6px; } */
 .ico_acc01 { zoom: .6; }
}


@media all and (max-width:375px) { html { font-size: 6.5px; }

 .three_btn.time_icon::before { zoom: 0.6; left: 58%; top: 25%; }
}


/* 이벤트 바로가기, TOP버튼 시작 */
/*.fix_contain {opacity: 0; width: 10rem; position: fixed; bottom: 110px; right: 0; z-index: 100; text-align: center; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden;}*/
/*.fix_contain.active {opacity: 1;}*/

@media screen and (max-width:425px) {
 .back-top {
  width: 40px !important;
  height: 40px !important;
 }

 #fix_button {
  bottom: 60px !important;
  right: -2rem !important;
 }
}

@media screen and (min-width: 220px) and (max-width: 768px) {
 .fix_contain {height: 100px; bottom: 90px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
 .event-direct {height: 65px !important;}
 .event-direct::after {width: 30px; height: 30px;}
 .event-direct span {bottom: 3px;}
 .back-top {margin-top: -4px;}
 .back-top::after {right: 10px;}
 #fix_button {
  right: 1rem;
  width: 55px;
  height: 55px;
 }
}

@media screen and (min-width:769px) {
 #fix_button {
  bottom: 110px;
  right: 5rem;
  width: 55px;
  height: 55px;
 }
}

#fix_button.fix_contain, #fix_button {
 display: none;
 visibility: visible !important;
 position: fixed !important;
 z-index: 999999 !important;
 opacity: 1 !important;
}

.fix_contain.active {display: block !important;}



.back-top {
 width: 55px;
 height: 55px;
 appearance: none;
 border: none;
 cursor: pointer;
 border-radius: 50%;
 background-color: #FF8C00;
 color: transparent;
 font-size: 0;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 15l7-7 7 7'%3E%3C/path%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-position: center;
 background-size: 24px;
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (hover: hover) {
 #fix_button .back-top:hover {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF8C00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E") !important;
  border: 1px solid #FF8C00 !important;
  transform: translateY(-5px) !important;
 }
}

/* 모바일에서 터치했을 때 잠깐 반짝이는 효과만 주고 싶다면 (선택사항) */
#fix_button .back-top:active {
 background-color: #e67e00 !important; /* 조금 더 진한 오렌지 */
 transform: scale(0.95) !important; /* 눌리는 느낌 */
}

#fix_button .event-direct {
 display: none !important;
}
.event-direct {
 display: none !important;
}

.event-direct {position: relative; display: inline-block; width: 100%; height: 90px; font-size: 2rem; color: #fff; background-color: #1F8A70;}
.event-direct span {position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); font-weight: 400;}
.event-direct::after {content: ''; width: 40px; height: 40px; position: absolute; top: 38%; left: 52%; transform: translate(-50%, -50%); background: url(../images/event_icon.png) no-repeat; background-size: 100%;}
/*.back-top {display: inline-block; width: 100%; height: 40px; position: relative; padding-right: 10px; margin-top: -2px; font-size: 2rem; color: #fff; background-color: #0D4C92;}*/
/*.back-top::after { content: '▲'; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-size: 1.6rem;}*/

/* 이벤트 바로가기, TOP버튼 끝 */


/* 견적조회 라디오 버튼 커스텀 시작 */
.radio_custom input[type="checkbox"],
.radio_custom input[type="radio"] { display: none !important; margin:10px; }

.radio_custom input[type="radio"] + label,
.radio_custom input[type="checkbox"] + label { display: inline-block; margin: -2px; padding:1.6rem 1rem; background-color: #fff; text-align: center; }

.radio_custom.logo input[type="radio"]:checked + label,
.radio_custom.logo input[type="checkbox"]:checked + label { border: 1px solid #ff4b17; box-shadow: 0 0 0 2px #ff4b17 inset;}
@media all and (max-width:768px){
 .radio_custom.logo input[type="radio"]:checked + label,
 .radio_custom.logo input[type="checkbox"]:checked + label { border: 1px solid #ff4b17; box-shadow: 0 0 0 1px #ff4b17 inset;}
}

/* 견적조회 라디오 버튼 커스텀 끝 */