@charset "utf-8";

.recoSlide.recoSlide_pc { display: none; }
.recoSlide.recoSlide_tablet { display: none; }
.recoSlide.recoSlide_mob { display: block; }


.hideUnder768 { display: none; }
.showOver768 { display: block; }



/*팝업공통*/
.resp_layer_pop2{min-height:0;overflow-x:hidden;overflow-y:auto;}
.resp_layer_pop2>.title{padding:50px 20px 20px !important; word-break:keep-all; }
.resp_layer_pop2 .btn_pop_close{top:15px;right:15px;width:40px;height:40px;}


.resp_layer_pop2 .btnWrp50 { margin-top: 20px;margin-bottom:30px;padding:0;}
.resp_layer_pop2 .btnWrp50 > .nBtn { max-width: 150px;height:40px; line-height: 36px; font-size: 16px; }

.resp_layer_pop2 .fkeChk { margin: 20px 0 10px; }
.resp_layer_pop2 .fkeChk strong::before { margin-top: 2px; width: 25px; height: 25px; }



.resp_layer_pop>.title { padding: 50px 20px 20px !important; word-break:keep-all; }

.resp_layer_pop .btnWrp50 { margin-top: 20px;margin-bottom:30px;padding:0; }
.resp_layer_pop .btnWrp50 > .nBtn { max-width: 150px;height:40px; line-height: 36px; font-size: 16px; }
.resp_layer_pop .fkeChk { margin: 20px 0 10px; }
.resp_layer_pop .fkeChk strong::before { margin-top: 2px; width: 25px; height: 25px; }


.lgnFrmIpt > div > .lgnFrmIptRight.pdl-10 { padding-left: 5px; padding-right: 5px;/*  padding-top:0; */ }
.textareaS { padding: 10px; line-height: 25px; }

.titleS { line-height: 25px; }  





.popCmnTxt { border-width: 5px; padding:25px 20px 40px; margin-bottom: 20px; word-break:keep-all;}
.popCmnTxt + .btnWrp50 { width:calc(100% - 40px);margin:0 auto 30px;}
.fndFrmCnt + .btnWrp50 { width:calc(100% - 40px);margin:0 auto 30px;}



/* 고객센터 - 인덱스 */
.csBluBnn > ul > li > a > strong ,.csBluBnn > ul > li > a > span { display: block; }



/* 고객센터 - 상단 탭 */
.csWrap { padding-left: 0; padding-right: 0; box-shadow: none; background:transparent; padding-bottom: 0;}
.csNavTitWrp { position: relative; box-shadow: 0 20px 40px rgba(28,28,32,0.06); margin: 0 0 10px;}


.csNavTit { display: block; height: 50px; line-height: 50px; font-weight: 700; color: #0d5cab; padding: 0 20px; font-size: 16px; position: relative; }
.csNavTit s { display:block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background:url('../images/newbird/mob/cs_menu.png') no-repeat 0 100%; background-size: 100% auto;  }
.csNav{ display: none; position: absolute; left: 0; top: 100%; width: 100%; background:#fff; }
.csNav > ul { display: block; overflow: hidden; }  
.csNav > ul > li { float: none; margin: 0; border-top:1px solid #efeff1;}
.csNav > ul > li:first-child { border-color: #efeff1; }
.csNav > ul > li > a { padding: 0 20px; text-align: left; }
.csNav > ul > li > a::before { display: none; }
.csNav > ul > li > a::after { display: none; }
.csNav > ul > li > a > span::after { display: none; }
.csNav > ul > li > a > span { height: 50px; line-height: 50px; font-size: 16px; }


.csNavTitWrp.on { background:#fff; }
.csNavTitWrp.on .csNav { display:block; z-index: 20; box-shadow: 0 20px 40px rgba(28,28,32,0.06);}
.csNavTitWrp.on .csNavTit s { background-position: 0 0;}
/* .csNav > ul > li:hover { border-color: #0d5cab; } */
/* .csNav > ul > li > a:hover,  */
.csNav > ul > li > a.on { background: #f8f9fa; color: #0d5cab; font-weight: 700; }
/* .csNav > ul > li > a:hover > span,  */
.csNav > ul > li > a.on > span { color: inherit; }



/* 고객센터 - 에어컨 자가점검 */
.airSelfBoxWrap.airSelfBoxWrap03 { display: block; }
.airSelfWrap .airSelfBoxWrap.airSelfBoxWrap03 .airSelfBox { width: 100%; }
.airSelfWrap .airSelfBoxWrap .airSelfBox .bletListBig{ padding: 0 30px; }


/* 예방정비 */
.airSelfBoxWrap.airSelfBoxWrap03 .airSelfBox { display: block; width: 100%; margin-right: 0; padding: 30px 50px; }
.airSelfBoxWrap .airSelfBox .preventTit { width: 100%; padding-bottom: 20px; }
.airSelfBoxWrap .airSelfBox .preventTit:after { display: block; }
.airSelfBoxWrap .airSelfBox .leftDesc { padding:20px 0 0; }

.airSelfBoxWrap .airSelfBox .leftDesc .leftDescSubImg { margin-left: auto; margin-right: auto; }



/* 유상서비스 - 테이블 */
.csTable { width: 100%; height:600px; overflow: auto; }

.csTable table { min-width: 780px; word-break:keep-all;}
.csTable table thead th { height: 40px; position: sticky; top: 0; z-index: 10;}
.csTable table thead tr:nth-child(2) th {  top: 30px; }
.csTable table thead th{ line-height: 1em; }
.csTable table th, .csTable table td { font-size: 12px; padding: 5px !important; }
.csTable.csTableTh40 thead th { height: 30px;  padding: 5px;}
.csTable.csTableTh80 thead th { height: 40px; padding: 5px; }
.csTable.csTableTh80 th, .csTable.csTableTh80 td { padding: 5px; }


.csTable.csTableTh40 tbody th, .csTable.csTableTh40 tbody td { padding: 5px; }

.csTable .bletList li { font-size: 12px; line-height: 20px; padding-left: 10px;}
.csTable .bletList li:before { width: 3px; height: 3px; top: 9px;}
.csTable .tableList li { font-size: 12px; line-height: 20px; }


.mobOnly.btnViewDetailWrp { margin-top: 20px; display: block; }
.btnViewDetailWrp .nBtn.btnViewDetail { width: 100%; max-width: 200px; height:50px; line-height: 46px; border-radius: 25px; font-size: 16px; display: inline-block; text-align: center; border: 2px #0d5cab solid; color: #0d5cab; font-weight: 700; }
.btnViewDetail s { display: inline-block ; width:12px; height: 12px; background:url('../images/newbird/mob/btn_view_detail.png') no-repeat 50%; background-size: contain; margin-left: 6px; vertical-align: middle; margin-top: -3px;} 


/* 공지사항 */

#boardsearch .mpgFrm.mgb-40 { margin-bottom: 0 !important; } 
#boardsearch .mpgFrmItm { display: block; height: auto; }
#boardsearch .mpgFrm .mpgFrmItmTtl { display: none; }
#boardsearch .mpgFrmItmCnt { padding: 0; border: 1px solid #efeff1; height: 40px; border-radius:20px; width: 100%; height: auto !important; }
#boardsearch .mpgFrmItmCnt .mpgFrmIpt { border: none; padding: 20px; width: 100%; }
#boardsearch .mpgFrmItmCnt .mpgFrmIpt::placeholder { font-size: 14px; color:#aeafb6;  }
#boardsearch .mpgFrmItmCnt .mpgFrmSbm	{ width: 40px; height: 40px; margin: 0; box-shadow: none; text-indent: -9999px; overflow:hidden; background:transparent url('../images/newbird/mob/search_blue.png') no-repeat left 5px center; background-size: 16px auto; border: 0; }
/* #boardsearch .mpgFrmItmCnt .mpgFrmSbm:hover{ box-shadow: none; } */


.mpgFrmBottom {}  
.mpgFrmBottom > .fleft ,.mpgFrmBottom > .fright { float:none; margin-top: 5px;} 
.mpgFrmBottom .fkeSlc2Wrap { width: 100%; font-size: 14px; }
.fkeSlc2Wrap .fkeSlc2Tit { height: 40px; line-height: 40px; border-radius: 20px; background-color: #fff; padding: 0 20px; }


.fkeSlc2Wrap.on .fkeSlc2Tit { border-radius: 20px 20px 0 0; padding: 0 20px;} 
.fkeSlc2Wrap .fkeSlc2OPtion { border-radius: 0 0 20px 20px; }
.fkeSlc2Wrap .fkeSlc2OPtion .option { height: 40px; line-height: 40px; padding: 0 20px; }


.mpgFrmBottom .listBtnWrap > * { margin: 0; float: none; }
.mpgFrmBottom .listBtnWrap .nBtn.btnH50 { width: 100%; height: 40px; line-height: 36px; font-size: 14px; }
.mpgFrmBottom .listBtnWrap .nBtn.btnBluFll{ box-shadow: 0 15px 30px rgba(2,31,147,0.2); margin-top: 10px; }

 

/* 배송 주소록 */
/* .mpgFrmBottom  .fleft , .mpgFrmBottom  .fright { float:none; width: 100%; }
.mpgFrmBottom .fkeSlc2Wrap { width: 100%; }
.mpgFrmBottom .listBtnWrap .nBtn.btnBluFll { margin-top: 10px; } */





/* 게시판 테이블 */
.mpgTblWrp.pcOnly { display: none; }
.mpgTblWrp_mob { display: block;}  

.mpgTblWrp_mob { border-top: 1px solid #0d5cab; }
.mpgTblWrp_mob .thead { display: none; }
.mpgTblWrp_mob .tbody{ padding: 20px 10px; border-bottom: 1px solid #efeff1; }
.mpgTblWrp_mob .tbody > .tbodyTop { display: flex; margin-bottom: 10px; }
.mpgTblWrp_mob .tbody > .tbodyTop > li { font-size: 14px; color: #aeafb6; flex-grow: 0; }
.mpgTblWrp_mob .tbody > .tbodyTop > li.num { width: 40px;  }
.mpgTblWrp_mob .tbody > .tbodyTop > li.cate { font-weight: 700; flex-grow: 1; } 
.mpgTblWrp_mob .tbody > .tbodyTop > li.hit { width: 60px; text-align: center; }
.mpgTblWrp_mob .tbody > .tbodyTop > li.date { width: 80px; text-align: right; }

.mpgTblWrp_mob .tbody > .tbodyTop > li > b { font-weight: 600; }
.mpgTblWrp_mob .tbody > li.subject { font-size: 16px; font-weight: 400; line-height: 20px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/* 공지 뷰 */
#boardsearch .fkeSlc { width: 100%; height: 40px; line-height: 40px;  }
#boardsearch .fkeSlc select { font-size: 14px;  height: 40px; line-height: 40px; border-radius: 20px; background-color: #fff; padding: 0 20px; }



/* 회사소개 - 상단 탭 */
/* 회사소개 상단 탭 */
.companyTab { display: block; padding: 0 20px; }
.comNavTitWrp { position: relative; box-shadow: 0 20px 40px rgba(28,28,32,0.06);}

.comNavTit { display: block; height: 50px; line-height: 50px; font-weight: 700; color: #0d5cab; padding: 0 20px; font-size: 16px; position: relative; background: #fff; }
.comNavTit s { display:block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background:url('../images/newbird/mob/cs_menu.png') no-repeat 0 100%; background-size: 100% auto;  }

/* .companyTab .companyTab_dep01, .companyTab .companyTab_dep02{ width: 100%; display: block;  } */
.companyTab_dep01 { display: none; position: absolute; left: 0; top: 100%; width: 100%; background:#fff; box-shadow: none;}
.companyTab_dep01 > li { 
box-shadow: none; padding: 0; height: auto;  margin-right: 0;
width: 100%; border-radius: 0; font-size: 16px; color:#1c1c20;border-top: 1px solid #efeff1;
}
.companyTab_dep01 > li s { display: none; }
.companyTab_dep01 > li > a { line-height: 30px; padding: 10px 20px; font-weight: normal; }






/* 펼쳐졌을때 */
.comNavTitWrp.on .companyTab_dep01 { display: block; z-index: 48; box-shadow: none; box-shadow: 0 20px 40px rgba(28,28,32,0.06); padding: 0; }
.comNavTitWrp.on .comNavTit s { background-position: 0 0;}

/* .companyTab_dep01 > li:hover, */ .companyTab_dep01 > li.on { background:#fff; box-shadow: none; color: #0d5cab; }
.companyTab_dep01 > li.on > a{ color: ; font-weight: 700; background-color:#f8f9fa; }
/* .companyTab_dep01 > li > a:hover , */.companyTab_dep01 > li.on > a{ background:#f8f9fa; color: #0d5cab; font-weight: 700; }
.companyTab_dep01 > li > a.on{}



/* .companyTab_dep01 > li:hover { border-radius: 0; }
.companyTab_dep01 > li.hasDepth02:hover a:after { display: none !important; }
.companyTab_dep01 > li:hover .dep02 { background:#fff; border-radius: 0;  } */




.companyTab_dep01 > li .dep02 { display: block; position: static; box-shadow: none; height: auto; border-radius: 0; padding: 10px 0; border-top: 1px solid #f8f9fa;  }
.companyTab_dep01 > li .dep02 > li { height: 40px; line-height: 40px; font-weight: 400; color:#1c1c20;}
.companyTab_dep01 > li .dep02 > li a { padding: 0 40px;  background:url('../images/newbird/mob/mymenu_arr.png') no-repeat right 34px center; background-size: 6px auto; font-size: 15px; color:#6e6e75; }
.companyTab_dep01 > li .dep02 > li a.on{color: #0d5cab; font-weight: 700;}



/* 회사소개 상단 탭 2 */
.comNavTitWrp_dep02  { }
.comNavTitWrp_dep02 .tit { text-align: center; font-size: 25px; font-weight: 700; line-height: 30px; margin: 40px 0 0; color:#0d5cab;}
.companyTab ul.companyTab_dep02 { margin-top: 30px; height: auto; display: block; text-align:center;
 border-radius: 5px; overflow: hidden; flex-direction: column; height: auto; border-bottom: 0; box-shadow: 0 20px 40px rgba(28,28,32,0.06); margin-bottom: 40px;}

.companyTab_dep02 li { margin: 0; font-size: 16px; color:#1c1c20; height: 50px; line-height: 50px; width: 100%; background:#fff; border-bottom: 1px solid #efeff1; }
.companyTab_dep02 li:last-child { border-bottom:0; }



/* hover */
.companyTab_dep02 li.on{ background:#0d5cab; color:#fff; border-bottom: 0; font-weight: 700;}
.companyTab_dep02 li.on a:after { display: none !important; }


/* 캐리어 박사 */
#cpnIntCnt05_01 .comTit { padding: 0; }

#cpnIntCnt05_01 .companyBoxImg p.companyTxt { padding: 0 ; }
.companyBoxImg { padding-bottom: 0; }
.companyBoxImg img { position: static; width: 100%; max-width: 500px; height: auto; margin: 0 auto 30px; float: none; display: block;  }


.cmpImgLstBox { display: block; padding: 0 20px; margin-top: 100px; }
.cmpImgLstBox > b { display: none; }
.cmpImgLstBox > ul { width: 100%; max-width: 500px; }
.cmpImgLstBox > ul:nth-child(4) { margin: 0 auto; }
.cmpImgLstBox > ul:nth-child(3), .cmpImgLstBox > ul:nth-child(5) { margin-top: 0; }

.cmpImgLstBoxItm { margin-bottom:30px; }
.cmpImgLstBoxItm > img { width: 100%; height: auto;}


.cmpImgLstBoxItm > div { bottom: 30px; }




/* 회사소개 - 캐리어역사 */
#cpnIntCnt05_02 .cpnHst > ul > li > img,#cpnIntCnt05_02 .cpnHst > ul > li > div { width: calc(50% - 25px); } 



/* 스토리 허브 */
.gallUl > li, .gallUl > .gallLi { margin: 0; }


#customGalleryBoard.gallUl { display: flex; justify-content: space-between; }
#customGalleryBoard.gallUl > li, #customGalleryBoard.gallUl > .gallLi { width: 100%; margin: 0 0 10px; }
#customGalleryBoard.gallUl > li:nth-child(10) ,
#customGalleryBoard.gallUl > li:nth-child(11) { margin: 0 0 10px; } #customGalleryBoard.gallUl > li:nth-child(12) { margin: 0 0 0; }


/* 스토리허브 뷰 */
.mpgTbl.srtoryViewTop thead { display: block !important; }
.mpgTbl.srtoryViewTop { }
.mpgTbl.srtoryViewTop th { padding: 10px 0 20px; }
.mpgTbl.srtoryViewTop th .tit { font-size: 18px; }




/* 장바구니 */
.crtPopWrp { padding-left: 10px; }
.crtPopWrp > div.cartInner { padding: 30px 0;}
.crtPopWrp .crtPopTit { padding: 0 50px }
.cmpPopWrp .crtPopTit { padding-left: 50px; }
.mpgTbl.srtoryViewTop th .tit { font-size: 20px; }


/* iframe 불러오는 방식으로, order/cart에 따로 css적어놓음 */
/* .cartIframeInner { padding-left: 50px; padding-right: 0; }
.cartIframeWrap iframe { width: 100%; }


.pdrInf01 { padding: 0 0 0 100px; }  
.pdrInf01 > b { width: 80px; height: 80px; }



.optPopWrp { border-radius: 10px; right: -40px; overflow: hidden; position: fixed; width: 100%; max-width: 360px; left: 50%; top: 50px; transform: translateX(-50%); }
.optPopWrp .lgnFrmIpt > div { display: flex;  }
.optPopWrp .fndFrmCnt { margin: 0; }


.optPopWrp .goods_option_table { display: block; }
.optPopWrp .goods_option_table > dt:nth-child(1) { width: 100%; padding-bottom: 0; }  
.optPopWrp .goods_option_table > dd:nth-child(2) { width: 100%; padding: 0 20px 10px; }
.optPopWrp .goods_option_table > dd:nth-child(2) .sbHolder { width: 100%; }
.optPopWrp .goods_option_table > dd:nth-child(2) .sbOptions { max-height: 150px !important; overflow: auto; }

.optPopWrp .quantity_cell { display:flex; justify-content: space-between;padding: 10px 20px !important;align-items: center;}
.optPopWrp .quanity_row .option_text { width: auto; padding: 0; }
.optPopWrp .quanity_row .option_text::after { display: none; }
.optPopWrp .goods_quantity_table .num_price { width : auto; padding: 0; height: 40px; min-height: 40px; }

.optPopWrp .lgnFrmIpt > div { display: flex; justify-content: space-between; padding: 0 20px; align-items: center;}
.optPopWrp .lgnFrmIpt > div .lgnFrmIptTtl { padding: 0; width: auto; font-size: 12px !important; }
.optPopWrp .lgnFrmIpt > div .lgnFrmIptRight { padding: 0; width: auto; }

.optPopWrp .lgnFrmIpt > div.btnWrp50 { display:flex; padding: 10px 20px; } */


/* 비교하기 */
.cmpPopWrp > div { padding: 30px; }
.cmpPopWrp .tableGet { width: 100%; overflow: auto; }
.infTbl01 > table { min-width: 600px; }
.infTbl01 thead th, .infTbl01 tbody th, .infTbl01 tbody td { font-size: 12px; }
.infTbl01 td { font-size: 12px; }


.cmpPopBtns > table {min-width: 600px;  }









/* write */
.boardWriteBoxTable { display: block; width: 100%; }
.boardWriteBoxTable colgroup { display: none; }
.boardWriteBoxTable tbody { width: 100%; display: block; }
.boardWriteBoxTable tr { display: block; width: 100%; border-bottom: 1px solid #efeff1; }
.boardWriteBoxTable th { display: block; width: 100%; border: none; padding: 20px; height: 20px;}
.boardWriteBoxTable th p:after { display: none; }
.boardWriteBoxTable td { display: block; width: 100%; height: auto; border: none; } 

.file_add_table .width_a { width: 100%; }
/* .writeAddWr .file_add_table .btnUploader { margin:10px  0 0; display: block; }
 */


/* view */
/* 하단버튼 */
.boardDetailBtns { display: flex; justify-content: space-between; flex-wrap: wrap; }
.boardDetailBtns .fleft{ float: none; width: calc(100% / 3 * 1 - 10px / 3 * 1);display:flex; }
.boardDetailBtns .fright { float: none; width: calc(100% / 3 * 2 - 10px / 3 * 2);display:flex; justify-content: space-between;margin-left:auto;}
.boardDetailBtns .nBtn { width: 100%; margin: 0 0 10px; height: 40px; line-height: 36px; font-size: 14px;  }
.boardDetailBtns .fright .nBtn{width:calc(100% / 2 - 10px / 2);}



/* 상세 후기 */
.board_goods_select	 .brdSlcWrp { display: flex; align-items: flex-start; flex-direction: column; /* margin: 10px 0;  */margin:0;}
.boardWriteBoxTable .board_goods_select .res_st_desc { margin: 10px 0;padding: 0; display:block;}


/* 게시판 비회원 동의 */
.captcha_code_container { display: flex; flex-direction:column; justify-content: center;     align-items: center;}
.board_captcha { margin-bottom: 10px;}

.boardAgreeWrap .ctmRdo { margin-right: 0; margin-bottom: 10px; display: block;}





/* 제품 상세 - 스펙 */
.goods_spec .tableGet:first-child { padding-top: 0px; }
.goods_spec .tableGet { padding-bottom: 40px; }
.goods_spec .spcTbl table { min-width: 768px; } 



/* 회원정보 수정 */
.memberSnsList li.on::after{opacity:1;font-size: 10px; width: 16px; height: 16px; border-radius:50%; display: flex; align-items:center; justify-content:center; left: 20px; top: -5px;border:1px solid #eceeef;}





/* 2021-01-27 네비 수정 */
.csNavTit { border-radius: 5px; overflow: hidden; }
.csNavTitWrp.on { background:transparent; }
.csNavTitWrp.on .csNavTit { background:#fff; border-radius: 5px 5px 0 0; }
.csNavTit s { display: block; width: 50px; height: 50px; background-color:#0d5caa; background-image: url('../images/newbird/mob/menu_arr_wh.png'); background-repeat: no-repeat; background-position: center; background-size: 20px auto; position: absolute; right:0; top: 0; zoom: 0 !important; transform:translateY(0); }
.csNavTitWrp.on .csNavTit s { background-size: 15px auto; background-position: center; background-image: url('../images/newbird/mob/menu_close_wh.png');}


.comNavTit { border-radius: 5px; overflow: hidden; }
.comNavTitWrp.on { background:transparent; }
.comNavTitWrp.on .comNavTit { background:#fff; border-radius: 5px 5px 0 0; }
.comNavTit s { display: block; width: 50px; height: 50px; background-color:#0d5caa; background-image: url('../images/newbird/mob/menu_arr_wh.png'); background-repeat: no-repeat; background-position: center; background-size: 20px auto; position: absolute; right:0; top: 0; zoom: 0 !important; transform:translateY(0); }
.comNavTitWrp.on .comNavTit s { background-size: 13px auto; background-position: center; background-image: url('../images/newbird/mob/menu_close_wh.png'); }