/* header, footer, gnb, 검색, rnb 퀵메뉴, 팝업, 약관, 유틸, 뱃지 및 공통 된 css 작업 파일  */
@import "reset.css";
@import url("reset.css");

/*
    z-index 정의
    1. header : 9999;
    2. header안의 전체 메뉴 및 검색 : 999;
    3. 이외 레이어 팝업 : 99999;
*/

/* Header */
header{width:100%; box-sizing:border-box; position:relative; z-index: 9999; }

/* 띠배너 */
header .header-bn{width:100%;height:80px;}
header .header-bn .header-bn-form{width:100%; height:100%; position:relative; margin:0 auto;}
header .header-bn .header-bn-form .header-bn-box{ width:100%; margin:0 auto; }
header .header-bn .header-bn-form .header-bn-box .header-bn-con{width:100%;}
header .header-bn .header-bn-form .header-bn-box .header-bn-con a{width:1200px; display:block; margin:0 auto;}

header .header-bn .header-bn-form .header-bn-close{ width:max-content; position:absolute; right:calc(( 100%  - 1200px ) / 2 ); top:50%; transform: translate( -0%, -50% ); display:flex; align-items: center; justify-content: flex-end;}
header .header-bn .header-bn-form .header-bn-close .header-bn-close-btn{display:block; width:24px; height:24px; position:relative; margin-left:10px; cursor:pointer;}
header .header-bn .header-bn-form .header-bn-close .header-bn-close-btn::before{content:""; display:block; width:1px; height:16px; background:#fff; position: absolute; left:4px; top:4px; transform: rotate( 45deg );   }
header .header-bn .header-bn-form .header-bn-close .header-bn-close-btn::after{content:""; display:block; width:1px; height:16px; background:#fff; position: absolute; left:4px; top:4px; transform: rotate( 135deg );   }

header .header-bn .check-box label span{color:#fff;}

/* header top menu */
header .header-top{width:100%; background:#fff; }
header .header-top .header-top-box{width:1200px; height:40px; margin:0 auto; display:flex; align-items: center; justify-content: flex-end;}
header .header-top .header-top-box .header-top-con{display:flex; align-items: center;}
header .header-top .header-top-box .header-top-con::after{content:""; display:block; width:1px; height:13px; background:#ddd; margin:0 20px; }
header .header-top .header-top-box .header-top-con:last-child::after{display:none;}
header .header-top .header-top-box .header-top-con a{font-size:12px; font-weight:400; color:#666; letter-spacing: -0.2px;}

/* gnb */
header .header{width:100%; height:70px; background:#fff; padding-top:5px; box-sizing:border-box;border-bottom:1px solid #eee; position:relative; transition:all .4s;}
header .header .header-box{ width:1200px; height:50px; margin:0 auto; display:flex; align-items: center; justify-content: space-between; }
header .header .header-box .header-con{display:flex; align-items: center; height:100%;}
header .header::before{content:""; display:block; width:0%; height:1px; background:#eee; position:absolute; top:0; left:0; transition:all .8s;}
header .header.line{padding-top:10px; transition:all .4s;}
header .header.line::before{width:100%; transition:all .8s;}

header .header .header-box .header-con .header-logo{width:99px; height:50px; display:flex; align-items: center; justify-content: center; margin-right:24px;}
header .header .header-box .header-con .header-logo a img{max-width:100%;}

header .header .header-box .header-con .gnb{display:flex; align-items: center;}
header .header .header-box .header-con .gnb .gnb-list{display:flex; align-items: center;}
header .header .header-box .header-con .gnb .gnb-list .gnb-con{display:flex; position:relative; height:50px; align-items: center; }
header .header .header-box .header-con .gnb .gnb-list .gnb-con .gnb-menu{display:flex; cursor: pointer; padding: 0 8px; box-sizing:border-box; height:24px; align-items: center; }
header .header .header-box .header-con .gnb .gnb-list .gnb-con .gnb-depth-list{display:none; position: absolute; left:50%; top:48px; transform: translate( -50%, -0 ); min-width:160px; width:max-content; padding: 10px; background:#fff; border-radius: 3px; box-shadow: 0px 3px 8px rgba(0,0,0,0.2);  }
header .header .header-box .header-con .gnb .gnb-list .gnb-con .gnb-depth-list .gnb-depth-con{margin-top:4px;}
header .header .header-box .header-con .gnb .gnb-list .gnb-con .gnb-depth-list .gnb-depth-con:first-child{margin-top:0px;}
header .header .header-box .header-con .gnb .gnb-list .gnb-con .gnb-depth-list .gnb-depth-con .gnb-depth-menu{display:flex; align-items: center; height:36px; cursor: pointer; font-size:14px; color:#333; padding:0 12px; border-radius:4px; }
header .header .header-box .header-con .gnb .gnb-list .gnb-con .gnb-depth-list .gnb-depth-con .gnb-depth-menu:hover{background:#f6f6f6; font-weight:700; color:#131313;}

header .header .header-box .header-con .gnb .gnb-list .gnb-con:hover .gnb-depth-list{display:block;}

header .header .header-box .header-con .gnb .gnb-list .gnb-con .sell-menu-txt{font-size:11px; font-weight:600; color:#0061FD; position:absolute; top:-5px; left:50%; transform:translate(-50%, -0); width:max-content; }


header .header .header-box .header-con .gnb .gnb-main .gnb-list .gnb-con{margin-right:16px;}
header .header .header-box .header-con .gnb .gnb-main .gnb-list .gnb-con .gnb-menu{font-size:16px; font-weight:700; letter-spacing: -0.2px;  border-radius: 24px; }
header .header .header-box .header-con .gnb .gnb-main .gnb-list .gnb-con:hover .gnb-menu{ background:#0061FD; color:#fff; font-weight:700; }

header .header .header-box .header-con .gnb .gnb-sub{display:flex; align-items: center;}
header .header .header-box .header-con .gnb .gnb-sub::before{content:""; display:block; width:1px; height:15px; background:#ddd; }
header .header .header-box .header-con .gnb .gnb-sub .gnb-list .gnb-con{margin-left:16px;}
header .header .header-box .header-con .gnb .gnb-sub .gnb-list .gnb-con .gnb-menu{font-size:14px; font-weight:500; letter-spacing: -0.2px; }
header .header .header-box .header-con .gnb .gnb-sub .gnb-list .gnb-con:hover .gnb-menu{font-weight:800; color:#0061FD }

/* gnb 검색 및 전체 메뉴 */
header .header .header-box .header-con .header-contents{display:flex;}
header .header .header-box .header-con .header-contents .header-search{margin-right:25px;}
header .header .header-box .header-con .header-contents .header-search .header-search-btn{display:flex; align-items: center; justify-content: space-between; width:300px; height:48px; padding:0 16px; box-sizing:border-box; background:#f6f6f6; border:1px solid #ddd; cursor: pointer; }
header .header .header-box .header-con .header-contents .header-search .header-search-btn .header-search-txt{font-size:14px; letter-spacing: -0.2px;}

header .header .header-box .header-con .header-contents .header-all-menu{display:flex; align-items: center;}
header .header .header-box .header-con .header-contents .header-all-menu .header-all-menu-btn{display:flex; align-items: center; cursor: pointer;}
header .header .header-box .header-con .header-contents .header-all-menu .header-all-menu-btn .header-all-menu-txt{font-size:14px; font-weight:500; letter-spacing: -0.2px;}
header .header .header-box .header-con .header-contents .header-all-menu .header-all-menu-btn .header-all-menu-ico{width:24px; height:24px; position:relative;padding:5px 0px; box-sizing:border-box; display:flex; flex-direction: column; align-items: center; justify-content: space-between; margin-left:4px; }
header .header .header-box .header-con .header-contents .header-all-menu .header-all-menu-btn .header-all-menu-ico span{display:block; width:16px; height:2px; border-radius: 2px; background:#131313;}
header .header .header-box .header-con .header-contents .header-all-menu .header-all-menu-btn .header-all-menu-ico::before{content:"";display:block; width:16px; height:2px; border-radius: 2px; background:#131313;}
header .header .header-box .header-con .header-contents .header-all-menu .header-all-menu-btn .header-all-menu-ico::after{content:"";display:block; width:16px; height:2px; border-radius: 2px; background:#131313;}

header .header .header-box .header-con .header-contents .header-search-close{display:none; }
header .header .header-box .header-con .header-contents .header-search-close.active{display:flex; align-items: center;}
header .header .header-box .header-con .header-contents .header-search-close .header-search-close-btn{width:20px; height:20px; cursor: pointer; position:relative; }
header .header .header-box .header-con .header-contents .header-search-close .header-search-close-btn::before{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:0px; top:9px; transform: rotate( 45deg ); border-radius: 2px; transition: all 0.2s; }
header .header .header-box .header-con .header-contents .header-search-close .header-search-close-btn::after{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:0px; top:9px; transform: rotate( 135deg ); border-radius: 2px; transition: all 0.2s; }

header .header .header-box .header-con .header-contents .header-search-close .header-search-close-btn:hover::before{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:0px; top:9px; transform: rotate( 225deg ); border-radius: 2px; }
header .header .header-box .header-con .header-contents .header-search-close .header-search-close-btn:hover::after{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:0px; top:9px; transform: rotate( 315deg ); border-radius: 2px; }

header .header .header-box .header-con .header-contents .header-all-close{display:none;}
header .header .header-box .header-con .header-contents .header-all-close.active{display:flex; align-items: center; gap:4px;}

header .header .header-box .header-con .header-contents .header-all-close .txt{font-size:14px; font-weight:500; color:#666;]}
header .header .header-box .header-con .header-contents .header-all-close .header-all-close-btn{width:24px; height:24px; cursor: pointer; position:relative; }
header .header .header-box .header-con .header-contents .header-all-close .header-all-close-btn::before{content:""; display:block; width:24px; height:24px; background:url(../images/common/header_close_ico.png) no-repeat center; position:absolute; left:0px; top:0px; transform: rotate( 0deg ); transition: all 0.2s; }

header .header .header-box .header-con .header-contents .header-all-close .header-all-close-btn:hover::before{content:""; display:block; width:24px; height:24px; background:url(../images/common/header_close_ico.png) no-repeat center; position:absolute; left:0px; top:0px; transform: rotate( 180deg ); }

header .header .header-box .header-con .all-menu-login-new{margin-left:8px; display:none;}
header .header .header-box .header-con .all-menu-login-new a{font-size:16px; font-weight:700; color:#131313; display:flex; align-items:center;}
header .header .header-box .header-con .all-menu-login-new a::after{content:""; display:block; width:24px; height:24px; background:url(../images/common/all_menu_login_arrow.png) no-repeat center; background-size:contain; margin-left:4px; }


/* gnb 스크롤 고정 */
header .header.header-fixed{position: fixed; top:0; left:0; height:79px; padding-top:14px; z-index: 9999; }

/* 전체메뉴 */
header .all-menu-layer{width:100%; background:#fff; border-bottom:1px solid #ddd; box-sizing:border-box; position:absolute; left:0; top:110px; display:none;}
header .all-menu-layer .all-menu{width:100%;}
/* 기존 소스 주석처리
header .all-menu-layer .all-menu .all-menu-head{width:100%; border-bottom:1px solid #E5E5E5; box-sizing:border-box;}
header .all-menu-layer .all-menu .all-menu-head .all-menu-head-box{width:1200px; margin:0 auto; height:54px; display:flex; align-items: center; justify-content: flex-end;}
header .all-menu-layer .all-menu .all-menu-head .all-menu-head-box .all-menu-head-con{margin-right:40px;}
header .all-menu-layer .all-menu .all-menu-head .all-menu-head-box .all-menu-head-con:last-child{margin-right:0px;}
header .all-menu-layer .all-menu .all-menu-head .all-menu-head-box .all-menu-head-con a{font-size:16px; font-weight:700; letter-spacing: -0.2px; color:#131313; cursor:pointer;}
header .all-menu-layer .all-menu .all-menu-head .all-menu-head-box .all-menu-head-con .all-menu-close{display:flex; align-items: center;}
header .all-menu-layer .all-menu .all-menu-head .all-menu-head-box .all-menu-head-con .all-menu-close .all-menu-close-btn{width:20px; height:20px; cursor: pointer; position:relative; }
header .all-menu-layer .all-menu .all-menu-head .all-menu-head-box .all-menu-head-con .all-menu-close .all-menu-close-btn::before{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:-2px; top:9px; transform: rotate( 45deg ); border-radius: 2px; transition: all 0.2s; }
header .all-menu-layer .all-menu .all-menu-head .all-menu-head-box .all-menu-head-con .all-menu-close .all-menu-close-btn::after{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:-2px; top:9px; transform: rotate( 135deg ); border-radius: 2px; transition: all 0.2s; }

header .all-menu-layer .all-menu .all-menu-head .all-menu-head-box .all-menu-head-con .all-menu-close .all-menu-close-btn:hover::before{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:-2px; top:9px; transform: rotate( 225deg ); border-radius: 2px; }
header .all-menu-layer .all-menu .all-menu-head .all-menu-head-box .all-menu-head-con .all-menu-close .all-menu-close-btn:hover::after{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:-2px; top:9px; transform: rotate( 315deg ); border-radius: 2px; }

header .all-menu-layer .all-menu .all-menu-body{width:100%;}
header .all-menu-layer .all-menu .all-menu-body .all-menu-body-box{width:1200px; margin:0 auto;}
header .all-menu-layer .all-menu .all-menu-body .all-menu-body-box .all-menu-list{width:100%; display:flex; flex-wrap: wrap;border-left:1px solid #eee; box-sizing:border-box;}
header .all-menu-layer .all-menu .all-menu-body .all-menu-body-box .all-menu-list .all-menu-list-form{ width:20%; padding:20px 20px 40px 20px; box-sizing:border-box; border-right:1px solid #eee; }
header .all-menu-layer .all-menu .all-menu-body .all-menu-body-box .all-menu-list .all-menu-list-form .all-menu-list-tit{height:26px; display:flex; align-items: center; font-size:14px; font-weight:700;}
header .all-menu-layer .all-menu .all-menu-body .all-menu-body-box .all-menu-list .all-menu-list-form .all-menu-list-box{width:100%; margin-top:6px;}
header .all-menu-layer .all-menu .all-menu-body .all-menu-body-box .all-menu-list .all-menu-list-form .all-menu-list-box .all-menu-list-con{height:26px; display:flex; align-items: center;}
header .all-menu-layer .all-menu .all-menu-body .all-menu-body-box .all-menu-list .all-menu-list-form .all-menu-list-box .all-menu-list-con a{font-size:14px; font-weight:400;}

header .all-menu-layer .all-menu .all-menu-ft{width:100%; border-top:1px solid #ddd; box-sizing:border-box;}
header .all-menu-layer .all-menu .all-menu-ft .all-menu-ft-box{width:1200px; margin:0 auto; height:60px; display:flex; align-items: center; justify-content: flex-end;}
header .all-menu-layer .all-menu .all-menu-ft .all-menu-ft-box .all-menu-ft-con{margin-right:25px; display:flex; align-items: center;}
header .all-menu-layer .all-menu .all-menu-ft .all-menu-ft-box .all-menu-ft-con:last-child{margin-right:0px;}
header .all-menu-layer .all-menu .all-menu-ft .all-menu-ft-box .all-menu-ft-con::after{content:""; display:block; width:2px; height:13px; background:#eee; margin-left:25px; }
header .all-menu-layer .all-menu .all-menu-ft .all-menu-ft-box .all-menu-ft-con:last-child::after{display:none;}
header .all-menu-layer .all-menu .all-menu-ft .all-menu-ft-box .all-menu-ft-con .all-menu-ft-txt{font-size:15px; font-weight:700; color:#666;}
*/
/* 24.12.24 전체메뉴 개선 기존소스 주석처리
header .all-menu-layer .all-menu .new-all-menu-head{width:100%; border-bottom:1px solid #ddd; }
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box{width:1200px; height:56px; display:flex; align-items:center; justify-content:space-between; margin:0 auto; }
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-login a{display:flex; align-items:center; font-size:16px; font-weight:700; color:#131313;}
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-login a::after{content:""; display:block; width:24px; height:24px; background:url(../images/common/all_menu_login_arrow.png) no-repeat center; background-size:contain; margin-left:4px; }

header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box{display:flex; align-items:center; }
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-cont{display:flex; align-items:center; }
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-cont .all-menu-con{display:flex; align-items:center;}
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-cont .all-menu-con::after{content:""; display:block; width:1px; height:13px; background:#eee; margin:0 16px;}
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-cont .all-menu-con:last-child::after{display:none;}
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-cont .all-menu-con a{display:flex; align-items:center; font-size:14px; color:#131313; font-weight:500; cursor:pointer; }

header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-cont .all-menu-con a::before{content:""; display:block; width:18px; height:18px; margin-right:8px; cursor:pointer; }
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-cont .all-menu-con.my-type a::before{background:url(../images/common/all_menu_my_i.png) no-repeat center; background-size:contain;}
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-cont .all-menu-con.call-type a::before{background:url(../images/common/all_menu_call_i.png) no-repeat center; background-size:contain;}
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-cont .all-menu-con.bell-type a::before{background:url(../images/common/all_menu_bell_i.png) no-repeat center; background-size:contain;}

header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-close-box{margin-left:40px;}
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-close-box .all-menu-close{display:flex; align-items: center;}
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-close-box .all-menu-close .all-menu-close-btn{width:20px; height:20px; cursor: pointer; position:relative; }
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-close-box .all-menu-close .all-menu-close-btn::before{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:-2px; top:9px; transform: rotate( 45deg ); border-radius: 2px; transition: all 0.2s; }
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-close-box .all-menu-close .all-menu-close-btn::after{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:-2px; top:9px; transform: rotate( 135deg ); border-radius: 2px; transition: all 0.2s; }

header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-close-box .all-menu-close .all-menu-close-btn:hover::before{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:-2px; top:9px; transform: rotate( 225deg ); border-radius: 2px; }
header .all-menu-layer .all-menu .new-all-menu-head .all-menu-head-box .all-menu-con-box .all-menu-close-box .all-menu-close .all-menu-close-btn:hover::after{content:""; display:block; width:26px; height:2px; background:#131313; position:absolute; left:-2px; top:9px; transform: rotate( 315deg ); border-radius: 2px; }

*/

header .all-menu-layer .all-menu{
	width:1200px;
	display:flex;
	justify-content: space-between;
	gap:25px;
	margin:0 auto;
}

header .all-menu-layer .all-menu .all-menu-form{
	width:calc( 100% - 280px );
	display:flex;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list{
	display:flex;
	flex-wrap:wrap;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con{
	width:25%;
	padding:40px 30px;
	border-right:1px solid #eee;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con:nth-child(n+5){
	padding:40px 30px 54px 30px;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box{
	width:100%;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box + .all-menu-box{
	margin-top:50px;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title{
	display:flex;
	align-items:center;
	height:27px;
	font-size:16px;
	font-weight:700;
	color:#131313;
	position:relative;
	width:max-content;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.sale::before{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background:url(../images/common/all_menu_ico01.png) no-repeat center;
	margin-right:6px;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.buy::before{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background:url(../images/common/all_menu_ico02.png) no-repeat center;
	margin-right:6px;
}


header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.rent::before{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background:url(../images/common/all_menu_ico03.png) no-repeat center;
	margin-right:6px;
}


header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.finance::before{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background:url(../images/common/all_menu_ico04.png) no-repeat center;
	margin-right:6px;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title::after{
	content:"";
	display:block;
	width:0%;
	height:1px;
	background:#131313;
	position:absolute;
	left:0;
	bottom:2px;
	transition:.3s;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title:hover::after{
	width:100%;	
	transition:.3s;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.sale::after,
header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.buy::after,
header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.rent::after,
header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.finance::after{
	left:22px;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.sale:hover::after,
header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.buy:hover::after,
header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.rent:hover::after,
header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-title.finance:hover::after{
	width:calc( 100% - 22px );
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-list-box{
	margin-top:16px;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-list-box .all-menu-list-con{
	width:100%;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-list-box .all-menu-list-con + .all-menu-list-con{
	margin-top:12px;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-list-box .all-menu-list-con a{
	font-size:14px;
	font-weight:500;
	color:#888;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-list-box .all-menu-list-con a:hover{
	color:#131313;
	text-decoration:underline;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-list-box .all-menu-list-con .all-menu-depth{
	width:100%;
	margin-top:12px;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-list-box .all-menu-list-con .all-menu-depth .all-menu-depth-con{
	width:100%;
	padding-left:9px;
	position:relative;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-list-box .all-menu-list-con .all-menu-depth .all-menu-depth-con::before{
	content:"";
	display:block;
	width:3px;
	height:3px;
	border-radius:3px;
	background:#d9d9d9;
	position:absolute;
	left:0;
	top:7px;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-list-box .all-menu-list-con .all-menu-depth .all-menu-depth-con + .all-menu-depth-con{
	margin-top:12px;
}

header .all-menu-layer .all-menu .all-menu-form .all-menu-list .all-menu-con .all-menu-box .all-menu-list-box .all-menu-list-con .all-menu-depth .all-menu-depth-con a{
	font-size:13px;
}



header .all-menu-layer .all-menu .all-menu-side{
	width:255px;
	display:flex;
}

header .all-menu-layer .all-menu .all-menu-side .side-form{
	width:100%;
	padding:40px 0;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box{
	width:100%;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-btn-box{
	width:100%;
	display :flex;
	align-items:center;
	position:relative;
	background:#f9f9f9;
	border:1px solid #eee;
	border-radius:5px;
	overflow:hidden;
	height:40px;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-btn-box::after{
	content:"";
	display:block;
	width:1px;
	height:100%;
	background:#eee;
	position:absolute;
	top:0;
	left:50%;
	transform: translate( -50%, -0 );
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-btn-box button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:50%;
	height:100%;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-btn-box button:hover{
	background:rgba(0,0,0,0.06);
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-btn-box button span{
	font-size:13px;
	font-weight:700;
	color:#515151;
	display:flex;
	align-items:center;
	gap:8px;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-btn-box button span::before{
	content:"";
	display:block;
	width:20px;
	height:20px;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-btn-box button.recent-car span::before{
	background:url(../images/common/side_btn_ico01.png) no-repeat center;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-btn-box button.like-car span::before{
	background:url(../images/common/side_btn_ico02.png) no-repeat center;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-menu-list{
	width:100%;
	margin-top:26px;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-menu-list .side-menu-con{
	height:33px;
	display:flex;
	align-items:center;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-menu-list .side-menu-con a{
	font-size:13px;
	font-weight:700;
	color:#515151;
	display:flex;
	align-items:center;
	cursor:pointer;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-menu-list .side-menu-con a:hover{
	color:#131313;
	text-decoration:underline;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-menu-list .side-menu-con a::before{content:""; display:block; width:19px; height:19px; margin-right:6px; cursor:pointer; }
header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-menu-list .side-menu-con.mypage-type a::before{background:url(../images/common/all_menu_my_i.png) no-repeat center;}
header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-menu-list .side-menu-con.consult-type a::before{background:url(../images/common/all_menu_call_i.png) no-repeat center; }
header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-menu-list .side-menu-con.bell-type a::before{background:url(../images/common/all_menu_bell_i.png) no-repeat center; }


header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .consult-center{
	width:100%;
	margin-bottom:32px;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .consult-center a{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:14px;
	font-weight:700;
	color:#515151;
	height:22px;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .consult-center a:hover{
	text-decoration:underline;
	color:#131313;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .consult-center a::after{
	content:"";
	display:block;
	width:6px;
	height:10px;
	background:url(../images/common/consult_center_arrow.png) no-repeat center;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .consult-center .center-number{
	margin-top:8px;
	font-size:32px;
	color:#131313;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-ft-list{
	display:flex;
	align-items:center;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-ft-list + .side-ft-list{
	margin-top:16px;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-ft-list li{
	padding-right:12px;
	position:relative;
	height:16px;
	display:flex;
	align-items:center;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-ft-list li + li{
	padding-left:13px;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-ft-list li + li::before{
	content:"";
	display:block;
	width:1px;
	height:16px;
	background:#eee;
	position:absolute;
	left:0;
	top:0;
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-ft-list li a{
	font-size:13px;
	color:#888;	
}

header .all-menu-layer .all-menu .all-menu-side .side-form .side-box .side-ft-list li a:hover{
	color:#131313;
	text-decoration:underline;
}


/* gnb 검색 레이어 */
header .search-layer{width:100%; background:#fff;padding:0px 0px 0px 0px; box-sizing:border-box; position:absolute; left:0; top:110px; display:none; }
header .search-layer .search-hd{width:1200px;margin:0 auto; text-align: center;}
header .search-layer .search-hd .search-main-txt{font-size:24px; font-weight:700; letter-spacing: -0.2px; height:32px; display:flex; align-items: center; justify-content: center;}
header .search-layer .search-hd .search-sub-txt{font-size:16px; font-weight:400; letter-spacing: -0.2px; height:24px; display:flex; align-items: center; justify-content: center; color:#888;}

header .search-layer .search-body{width:1200px; margin:40px auto 0 auto; padding-bottom:60px; box-sizing:border-box; }
header .search-layer .search-body .search-form{width:100%; display:flex; align-items: center; justify-content: center;}
header .search-layer .search-body .search-form .search-box{display:flex; align-items: center; justify-content: center;}

header .search-layer .search-body .search-form .search-box .search-con{width:490px; height:48px; border-bottom: 2px solid #131313; box-sizing:border-box; position:relative; padding: 0px 14px 0px 14px; display:flex; align-items: center;  }
header .search-layer .search-body .search-form .search-box .search-con .search-inpt{width:calc( 100% - 60px ); height:100%; font-size:18px; font-weight:400; color:#131313; letter-spacing: -0.2px; border:0px; outline: none; }
header .search-layer .search-body .search-form .search-box .search-con .search-inpt::placeholder{font-size:18px; font-weight:400; color:#999; letter-spacing: -0.2px;}

header .search-layer .search-body .search-form .search-box .search-con .search-btn-box{display:flex; align-items: center; margin-left:10px; width:50px; justify-content: flex-end; }
header .search-layer .search-body .search-form .search-box .search-con .search-btn-box .search-txt-delete{width:16px; height:16px; border-radius: 16px; background:#ddd; cursor:pointer; display:none; align-items: center; justify-content: center; margin-right:10px; position:relative; overflow:hidden; }
header .search-layer .search-body .search-form .search-box .search-con .search-btn-box .search-txt-delete.active{display:flex;}
header .search-layer .search-body .search-form .search-box .search-con .search-btn-box .search-txt-delete:hover::before{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.06); position:absolute; left:0; top:0; }
header .search-layer .search-body .search-form .search-box .search-con .search-btn-box .search-txt-delete:active::before{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.1); position:absolute; left:0; top:0; }
header .search-layer .search-body .search-form .search-box .search-con .search-btn-box .search-txt-delete img{z-index: 2; position:relative; }

header .search-layer .search-body .search-form .search-box .search-con .search-btn-box .search-btn{ cursor:pointer;}

header .search-layer .search-body .search-form .search-box .btn-box{margin-left:10px; display:flex; align-items: center;}
header .search-layer .search-body .search-form .search-box .btn-box .btn{width:140px;margin-right:5px;}
header .search-layer .search-body .search-form .search-box .btn-box .btn:last-child{margin-right:0px;} 
header .search-layer .search-body .search-form .search-box .btn-box .btn span{font-size:16px;}

header .search-layer .search-body .search-quick{width:100%; display:flex; align-items: center; justify-content: center; margin-top:47px;}
header .search-layer .search-body .search-quick .search-quick-list{display:flex; align-items: flex-start; justify-content: center;}
header .search-layer .search-body .search-quick .search-quick-list .search-quick-box{width:80px; margin-right:24px; display:flex; align-items: center; justify-content: center; }
header .search-layer .search-body .search-quick .search-quick-list .search-quick-box:last-child{margin-right:0px;}

header .search-layer .search-body .search-quick .search-quick-list .search-quick-box .search-quick-con{display:flex; flex-direction: column; align-items: center; justify-content: center;   }
header .search-layer .search-body .search-quick .search-quick-list .search-quick-box .search-quick-con .search-quick-ico{ width:64px; height:64px; border-radius: 64px; overflow: hidden;  background:#f6f6f6; position:relative;   }
header .search-layer .search-body .search-quick .search-quick-list .search-quick-box .search-quick-con .search-quick-ico img{position:relative; z-index: 2;}
header .search-layer .search-body .search-quick .search-quick-list .search-quick-box .search-quick-con .search-quick-txt{ font-size: 14px; font-weight:500; letter-spacing: -0.2px; color:#666; margin-top:4px; } 

header .search-layer .search-body .search-quick .search-quick-list .search-quick-box .search-quick-con:hover .search-quick-ico:before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.06); position:absolute; left:0;top:0; z-index: 1;}
header .search-layer .search-body .search-quick .search-quick-list .search-quick-box .search-quick-con:active .search-quick-ico:before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.1); position:absolute; left:0;top:0; z-index: 1;}

header .search-layer .search-body .search-quick .search-quick-list .search-quick-box .search-quick-con:hover .search-quick-txt{ color:#131313; } 
header .search-layer .search-body .search-quick .search-quick-list .search-quick-box .search-quick-con:active .search-quick-txt{ color:#131313; } 

header .search-layer .search-body .search-body-other{margin-top:60px;}
header .search-layer .search-body .search-body-other .search-other-form{width:100%; display:flex; align-items: flex-start; justify-content: space-between; }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box{width:360px;}

header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-title{font-size:18px; font-weight:500; letter-spacing: -0.2px; padding-left:30px; box-sizing:border-box; display:flex; align-items: center; justify-content: space-between; height:26px; }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-title.event{background:url(../images/common/layer_search_present.png) no-repeat left center; }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-title.recommend{background:url(../images/common/layer_search_star.png) no-repeat left center; }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-title.research{background:url(../images/common/layer_search_return.png) no-repeat left center; }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-title.research .research-delete-all{display:block; cursor: pointer; font-size:12px; font-weight:700; color:#666;  }

header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con{margin-top:16px; width:100%; height:200px;}

header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .swiper{height:200px;}
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .swiper .swiper-wrapper{height:200px;}
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .swiper .swiper-wrapper .swiper-slide{height:200px;}




header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .search-ev-pagination{text-align: right; bottom:8px; top:auto; padding-right:12px; box-sizing:border-box;}
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .search-ev-pagination .swiper-pagination-bullet{background:rgba(0,0,0,0.2); width:6px; height:6px; opacity: 1; }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .search-ev-pagination .swiper-pagination-bullet-active{background:#131313; width:20px; height:6px; border-radius: 6px;}

header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .recommend-box{ background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:20px; height:100%; }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .recommend-box .recommend-list{display:flex; flex-wrap: wrap; position:relative; }

header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .recommend-box .recommend-list .recommend-con{width:50%; height:32px; display:flex; align-items: center; box-sizing:border-box; }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .recommend-box .recommend-list .recommend-con:nth-child(2n-1){padding-right:20px; border-right:1px solid #eee; }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .recommend-box .recommend-list .recommend-con:nth-child(2n){padding-left:20px;}
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .recommend-box .recommend-list .recommend-con a{font-size:14px; font-weight:400; letter-spacing: -0.2px; }

header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .research-box{background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:20px; height:100%; }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .research-box .research-none{display:flex; flex-direction: column; align-items: center; justify-content: center; width:100%; height:100%;  }
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .research-box .research-none .research-none-txt{font-size:16px; font-weight:400; letter-spacing: -0.2px; color:#666; margin-top:12px;  } 

header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .research-box .research-list{width:100%;}
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .research-box .research-list .research-con{width:100%; display:flex; justify-content: space-between; align-items: center; height:32px; align-items: center;}
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .research-box .research-list .research-con .research-car{width:calc( 100% - 32px ); display:flex; cursor: pointer; font-size:14px; font-weight:400; letter-spacing: -0.2px; } 
header .search-layer .search-body .search-body-other .search-other-form .search-other-box .search-other-con .research-box .research-list .research-con .research-delete{cursor: pointer;}




header .search-layer .search-ft{width:100%; border-top:1px solid #ddd; box-sizing:border-box;}
header .search-layer .search-ft .search-ft-box{width:1200px; margin:0 auto; height:64px; display:flex; align-items: center; justify-content: space-between;  }
header .search-layer .search-ft .search-ft-box .search-ft-con{display:flex; align-items: center;}
header .search-layer .search-ft .search-ft-box .search-ft-con .search-ft-tit{display:flex; align-items: center; font-size:16px; color:#666; letter-spacing: -0.2px; margin-right:24px; }
header .search-layer .search-ft .search-ft-box .search-ft-con .search-ft-tit::before{content:""; display: block; width:24px; height:24px; margin-right:4px; }
header .search-layer .search-ft .search-ft-box .search-ft-con .search-ft-tit.call::before{background:url(../images/common/ic_footer_service.png) no-repeat center ;}
header .search-layer .search-ft .search-ft-box .search-ft-con .search-ft-tit.bell::before{background:url(../images/common/layer_search_bell.png) no-repeat center ;}

header .search-layer .search-ft .search-ft-box .search-ft-con .sesarch-ft-link{ font-size:16px; font-weight:600; letter-spacing: -0.2px; }


/* header layer pop 공통 dim */
.header-layer-dim{width:100%; height: 100vh; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index: 9991; display:none; }


/* Footer*/
footer{width:100%;}
footer .footer{width:100%;border-top:1px solid #ddd;}
footer .footer .footer-notice{width:100%;  border-bottom:1px solid #ddd; box-sizing:border-box; display: none; }
footer .footer .footer-notice .footer-notice-form{width:1200px; height:70px; margin:0 auto; display:flex; align-items: center;}
footer .footer .footer-notice .footer-notice-form .footer-notice-title{font-size:16px; font-weight:600; letter-spacing: -0.2px; display:flex; align-items: center; width:83px; margin-right:30px; }
footer .footer .footer-notice .footer-notice-form .footer-notice-title::before{content:""; display:block; width:20px; height:20px; background:url(../images/common/footer_notice_ico.png) no-repeat center ; margin-right:5px;  }

footer .footer .footer-notice .footer-notice-form .footer-notice-box{width:calc( 100% - 159px ); height:70px; overflow: hidden;}
footer .footer .footer-notice .footer-notice-form .footer-notice-box .footer-notice-con .footer-notice-list{display:flex; height:100% !important;  align-items: center;}
footer .footer .footer-notice .footer-notice-form .footer-notice-box .footer-notice-con .footer-notice-list .footer-notice-txt{width:calc( 100% - 162px ); display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:16px; letter-spacing: -0.2px; color:#666; cursor: pointer; }
footer .footer .footer-notice .footer-notice-form .footer-notice-box .footer-notice-con .footer-notice-list .footer-notice-date{display:flex; align-items: center; font-size:14px; font-weight:400; color:#888; width:83px; margin-left:79px; }


footer .footer .footer-notice .footer-notice-form .footer-notice-btn{width:16px; margin-left:30px; }
footer .footer .footer-notice .footer-notice-form .footer-notice-btn .footer-notice-prev{cursor:pointer;}
footer .footer .footer-notice .footer-notice-form .footer-notice-btn .footer-notice-next{cursor:pointer;}

footer .footer .footer-form{width:1200px; margin:0 auto; padding:50px 0; box-sizing:border-box;}
footer .footer .footer-form .footer-rb{width:100%; display:flex; align-items: flex-start; justify-content: space-between; }
footer .footer .footer-form .footer-rb .footer-rb-box{display:flex;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-cs{}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-cs .footer-rb-cs-tit{font-size:16px; font-weight:500; letter-spacing: -0.2px; height:20px; }
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-cs .footer-rb-cs-num{font-size:36px; font-weight:900; margin-top:16px; height:45px; display: flex; align-items: center; }
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-cs .footer-rb-cs-time{display:flex; align-items: center; margin-top:6px; height: 17px; } 
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-cs .footer-rb-cs-time img{margin-right:2px;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-cs .footer-rb-cs-time span{font-size:14px; font-weight:500; color:#666;  }

footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-quick{margin-left:62px;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-quick .footer-rb-quick-con{margin-top:8px; height:32px; padding:0 11px; box-sizing:border-box; border-radius: 32px; display:flex; align-items: center; width:max-content; justify-content: flex-start; position:relative; overflow:hidden; }
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-quick .footer-rb-quick-con:first-child{margin-top:0px;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-quick .footer-rb-quick-con a{display:flex; align-items: center; position:relative; z-index: 2;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-quick .footer-rb-quick-con a span{font-size:14px; font-weight:600; letter-spacing: -0.2px;  }
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-quick .footer-rb-quick-con a img{margin-right:8px;}

footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-quick .footer-rb-quick-con:hover::after{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.06); position: absolute; left:0;top:0; }
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-quick .footer-rb-quick-con:active::after{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.1); position: absolute; left:0;top:0; }

footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-sns{}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-sns .footer-rb-sns-tit{height:20px; font-size:16px; font-weight:500;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-sns .footer-rb-sns-box{display:flex;margin-top:14px;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-sns .footer-rb-sns-box .footer-rb-sns-con{margin-right:6px;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-sns .footer-rb-sns-box .footer-rb-sns-con:last-child{margin-right:0px;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-sns .footer-rb-sns-box .footer-rb-sns-con a{display:flex; align-items: center; justify-content: center; cursor: pointer; width:50px; height:50px; border-radius: 50px; background:#fff; border:1px solid #ddd; box-sizing:border-box; position: relative; overflow: hidden;  }
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-sns .footer-rb-sns-box .footer-rb-sns-con a img{position:relative; z-index: 2;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-sns .footer-rb-sns-box .footer-rb-sns-con a:hover::after{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.06); position: absolute; left:0;top:0; }
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-sns .footer-rb-sns-box .footer-rb-sns-con a:active::after{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.1); position: absolute; left:0;top:0; }


footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-qr{margin-left:50px; display:flex; align-items: flex-start; }
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-qr .footer-rb-qr-tit{font-size:14px; font-weight:700;}
footer .footer .footer-form .footer-rb .footer-rb-box .footer-rb-qr .footer-rb-qr-con{margin-left:16px;}

footer .footer .footer-form .footer-ap{width:100%; border-top:2px solid #333; box-sizing:border-box; margin-top:46px; padding-top:20px; }
footer .footer .footer-form .footer-ap .footer-ap-box{width:100%; display:flex; justify-content: space-between;}
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con{display:flex; align-items: center;}
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-site{display:flex; align-items: center;  }
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-site .footer-ap-site-con{display:flex; align-items: center;}
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-site .footer-ap-site-con::after{content:""; width:1px; height:10px; background:#ddd; margin:0px 10px; }
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-site .footer-ap-site-con:last-child:after{display:none;}
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-site .footer-ap-site-con a{cursor: pointer; font-size:14px; letter-spacing: -0.2px; font-weight:500; }
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-site .footer-ap-site-con a:hover{text-decoration: underline;}
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-site .footer-ap-site-con a:active{font-weight:700;}

footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-mail-con{display:flex; align-items: center;  }
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-mail-con::after{content:""; width:1px; height:10px; background:#ddd; margin:0px 10px; }
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-mail-con:last-child:after{display:none;}
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-mail-con .footer-ap-mail-tit{ font-size:14px; letter-spacing: -0.2px; margin-right:12px; }
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-mail-con a{font-size:14px; font-weight:400; color:#666; letter-spacing: -0.2px;}

footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-mail-con a:hover{text-decoration: underline;}
footer .footer .footer-form .footer-ap .footer-ap-box .footer-ap-con .footer-ap-mail-con a:active{font-weight:700;}

footer .footer .footer-form .footer-ap .footer-ap-info{ margin-top:24px; width:100%; }
footer .footer .footer-form .footer-ap .footer-ap-info .footer-ap-info-list{ display:flex; align-items: center; height:22px; }
footer .footer .footer-form .footer-ap .footer-ap-info .footer-ap-info-list li{display:flex; align-items: center; font-size: 14px; font-weight:400; letter-spacing: -0.2px; }
footer .footer .footer-form .footer-ap .footer-ap-info .footer-ap-info-list li::after{content:""; display:block; width:1px; height: 10px; background:#ddd; margin:0 10px;}
footer .footer .footer-form .footer-ap .footer-ap-info .footer-ap-info-list li:last-child::after{display:none;}
footer .footer .footer-form .footer-ap .footer-ap-info .footer-ap-info-add{display:flex; align-items: center; height:22px; margin-top:2px; font-size: 14px; font-weight:400; letter-spacing: -0.2px; }

footer .footer .footer-form .footer-ap .copyright{height:22px; display:flex; align-items: center; font-size:14px; font-weight:400; color:#888; letter-spacing: -0.2px; margin-top:24px; }



/* Rnb */





/* Popup Set - layer pop */
.layer-pop{position:fixed; left:50%; top:50%; transform: translate( -50%, -50% ); background:#fff; padding:0px 40px; box-sizing:border-box; border:1px solid #131313; min-height:220px; max-height:800px; z-index: 99999; display:flex; flex-direction: column; justify-content: space-between; will-change: transform; }
.dim{display:none; width:100%; height:100vh; background:rgba(0,0,0,0.2); position: fixed; left:0; top:0; z-index: 9999; }
.layer-pop.layer-xs{width:400px;}
.layer-pop.layer-s{width:560px;}
.layer-pop.layer-m{width:700px;}
.layer-pop.layer-b{width:1000px;}

.layer-pop .layer-pop-head{width:100%; height:60px; display:flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EEEEEE; box-sizing:border-box; }
.layer-pop .layer-pop-head .layer-pop-tit{display: flex; align-items: flex-end; width:calc( 100% - 44px ); }
.layer-pop .layer-pop-head .layer-pop-tit .main-tit{font-size:18px; font-weight:700; letter-spacing: -0.2px;}
.layer-pop .layer-pop-head .layer-pop-tit .sub-tit{font-size:16px; font-weight:400; letter-spacing: -0.2px; color:#666; margin-left:8px;}

.layer-pop .layer-pop-head .layer-pop-close{ width:24px; height:24px; margin-left:20px; }
.layer-pop .layer-pop-head .layer-pop-close .layer-pop-close-btn{width:24px; height:24px; position:relative; cursor: pointer;  }
.layer-pop .layer-pop-head .layer-pop-close .layer-pop-close-btn::before{content:""; display:block; width:1px; height:24px; background:#131313; transform: rotate( 45deg ); position: absolute; left:12px; top:0; transition: all 0.2s; }
.layer-pop .layer-pop-head .layer-pop-close .layer-pop-close-btn::after{content:""; display:block; width:1px; height:24px; background:#131313; transform: rotate( 135deg ); position: absolute; left:12px; top:0; transition: all 0.2s; }

.layer-pop .layer-pop-head .layer-pop-close .layer-pop-close-btn:hover::before{transform: rotate( 225deg );}
.layer-pop .layer-pop-head .layer-pop-close .layer-pop-close-btn:hover::after{transform: rotate( 315deg );}

.layer-pop .layer-pop-body{ width:100%; height:calc( 100% - 140px ); min-height:80px; padding-bottom:40px; max-height:644px; overflow:auto;box-sizing:border-box;}

.layer-pop .layer-pop-bt{ width:100%; height:80px; display:flex; align-items: center; justify-content: center; border-top:1px solid #ddd; box-sizing:border-box; }
.layer-pop .layer-pop-bt .btn{margin:0px 6px; width:140px; height:48px;}
.layer-pop .layer-pop-bt .btn span{font-size:16px;}


#sharePop .layer-pop-head .layer-pop-close .share-pop-close-btn{width:24px; height:24px; position:relative; cursor: pointer;  }
#sharePop .layer-pop-head .layer-pop-close .share-pop-close-btn::before{content:""; display:block; width:1px; height:24px; background:#131313; transform: rotate( 45deg ); position: absolute; left:12px; top:0; transition: all 0.2s; }
#sharePop .layer-pop-head .layer-pop-close .share-pop-close-btn::after{content:""; display:block; width:1px; height:24px; background:#131313; transform: rotate( 135deg ); position: absolute; left:12px; top:0; transition: all 0.2s; }

#sharePop .layer-pop-head .layer-pop-close .share-pop-close-btn:hover::before{transform: rotate( 225deg );}
#sharePop .layer-pop-head .layer-pop-close .share-pop-close-btn:hover::after{transform: rotate( 315deg );}


/* layer pop scroll custom */
/* select scroll 커스텀 */ 
.layer-pop .layer-pop-body::-webkit-scrollbar{width:12px;}
.layer-pop .layer-pop-body::-webkit-scrollbar-track{ background: #fff;}
.layer-pop .layer-pop-body::-webkit-scrollbar-thumb { background:#ccc; border-left:solid #fff 8px; box-sizing:border-box; }
.layer-pop .layer-pop-body::-webkit-scrollbar-button{ display: none; }



/* Popup Set - alert pop */
.alert-pop{position:fixed; left:50%; top:50%; transform: translate( -49.99%, -50% ); background:#fff; width:400px; padding:0px 40px; box-sizing:border-box; border:1px solid #131313; z-index: 999999999; display:none;}
.alert-pop .alert-pop-body{padding:45px 0px 35px 0px; box-sizing:border-box; text-align: center;}
.alert-pop .alert-pop-body .alert-pop-txt{font-size:18px; letter-spacing: -0.5px; line-height:1.3; }
.alert-pop .alert-pop-body .alert-pop-txt span{ font-size:14px; color:#666; }
.alert-pop .alert-pop-bt{width:100%; height:75px;}
.alert-pop .alert-pop-bt .btn{width:80px; height:40px; margin:0 auto;}

/* Popup Set - confirm pop */
.confirm-pop{position:fixed; left:50%; top:50%; transform: translate( -50%, -50% ); background:#fff; width:400px; padding:0px 40px 0 40px; box-sizing:border-box; border:1px solid #131313; z-index: 999999999; display: none;}
.confirm-pop .confirm-pop-hd{ width:100%; position:relative; height:24px; display:flex; align-items: center; }
.confirm-pop .confirm-pop-hd .confirm-pop-close{position: absolute; right:0; top:35px;}
.confirm-pop .confirm-pop-hd .confirm-pop-close .confirm-close-btn{width:24px; height:24px; position:relative; cursor:pointer; }
.confirm-pop .confirm-pop-hd .confirm-pop-close .confirm-close-btn::before{content:""; display:block; width:1px; height:24px; background:#131313; transform: rotate(45deg); position:absolute; left:12px; top:0; transition: all 0.2s; }
.confirm-pop .confirm-pop-hd .confirm-pop-close .confirm-close-btn::after{content:""; display:block; width:1px; height:24px; background:#131313; transform: rotate(135deg); position:absolute; left:12px; top:0; transition: all 0.2s; }

.confirm-pop .confirm-pop-hd .confirm-pop-close .confirm-close-btn:hover::before{transform: rotate( 225deg );}
.confirm-pop .confirm-pop-hd .confirm-pop-close .confirm-close-btn:hover::after{transform: rotate( 315deg );}

.confirm-pop .confirm-pop-body{min-height:104px; display:flex; flex-direction: column; text-align: center; justify-content: center; padding:45px 0px 35px 0px }
.confirm-pop .confirm-pop-body .confirm-pop-txt{font-size:18px; letter-spacing: -0.5px; line-height:1.4;}
.confirm-pop .confirm-pop-body .confirm-pop-txt del{text-decoration:none;font-size:18px; letter-spacing: -0.2px; line-height:1.4;}
.confirm-pop .confirm-pop-body .confirm-pop-txt del span{text-decoration:none; font-size:18px; color:#666;}

.confirm-pop .confirm-pop-bt{width:100%; height:75px; display:flex; align-items: flex-start; justify-content: center; gap:0 10px;}
.confirm-pop .confirm-pop-bt .btn{min-width:80px; padding:0 20px; height:40px; width:max-content;}


/* Popup Set - partner */
.partner-pop .confirm-pop-body{height:auto; min-height:auto; padding:74px 0 35px 0;}
.partner-pop .confirm-pop-body .partner-title{font-size:18px; color:#666666; letter-spacing: -0.2px; height:26px; display:flex; align-items: center; justify-content: center; }
.partner-pop .confirm-pop-body .partner-mail{font-size:18px; color:#131313; letter-spacing: -0.2px; height:26px; display:flex; align-items: center; justify-content: center; margin-top:4px; margin-bottom:0px; }

.partner-pop .confirm-pop-hd{height:0px;}
.partner-pop .confirm-pop-hd .confirm-pop-close{top:35px;}

/* window pop */
.window-pop{padding:0px 40px; box-sizing:border-box;}
.window-pop .window-pop-head{width:100%; height:60px; display:flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; box-sizing:border-box; }
.window-pop .window-pop-head .window-pop-tit{display: flex; align-items: center; width:calc( 100% - 44px ); }
.window-pop .window-pop-head .window-pop-tit .main-tit{font-size:20px; font-weight:700; letter-spacing: -0.2px;}
.window-pop .window-pop-head .window-pop-tit .sub-tit{font-size:16px; font-weight:400; letter-spacing: -0.2px; color:#666; margin-left:8px;}

.window-pop .window-pop-head .window-pop-close{ width:24px; height:24px; margin-left:20px; }
.window-pop .window-pop-head .window-pop-close .window-pop-close-btn{width:24px; height:24px; position:relative; cursor: pointer;  }
.window-pop .window-pop-head .window-pop-close .window-pop-close-btn::before{content:""; display:block; width:1px; height:24px; background:#131313; transform: rotate( 45deg ); position: absolute; left:12px; top:0; }
.window-pop .window-pop-head .window-pop-close .window-pop-close-btn::after{content:""; display:block; width:1px; height:24px; background:#131313; transform: rotate( 135deg ); position: absolute; left:12px; top:0; }

.window-pop .window-pop-body{ width:100%; height:calc( 100vh - 140px );overflow:auto;box-sizing:border-box;}

.window-pop .window-pop-bt{ width:100%; height:80px; display:flex; align-items: center; justify-content: center; border-top:1px solid #ddd; box-sizing:border-box; }
.window-pop .window-pop-bt .btn{margin:0px 6px; width:140px; height:48px;}
.window-pop .window-pop-bt .btn span{font-size:16px;}




/* hide set */
.hidden{display:none;}


/* Button Set */
/* default setting */
.btn-box{display:flex; align-items: center; justify-content: center;}
.btn{width:334px; height:48px; border-radius: 4px; display:flex; align-items: center; justify-content: center; font-size:16px; font-weight:500; letter-spacing: -0.2px; position:relative; overflow:hidden; cursor: pointer; }
.btn::after{content:"";display:block; width:100%; height:100%; z-index: 1; background:rgba(0,0,0,0); position:absolute; left:0; top:0;}
.btn:hover::after{background:rgba(0,0,0,0.06);}

.btn-box .btn{margin-right:8px;}
.btn-box .btn:last-child{margin-right:0px;}

.btn span{position:relative;z-index: 2;font-size:14px; display: flex; align-items: center; justify-content: center;}

.btn:disabled span{color:#acacac;}
.btn.disabled span{color:#acacac;}

/* default small btn */
.btn-s{width:calc( 100% - 339px ); margin-left:5px; height:48px; border-radius: 4px; display:flex; align-items: center; justify-content: center; font-size:16px; font-weight:500; letter-spacing: -0.2px; position:relative; overflow:hidden; cursor: pointer;  }
.btn-s::after{content:"";display:block; width:100%; height:100%; z-index: 1; background:rgba(0,0,0,0); position:absolute; left:0; top:0;}
.btn-s:hover::after{background:rgba(0,0,0,0.06);}

.btn-s span{position:relative;z-index: 2;font-size:14px; display: flex; align-items: center; justify-content: center;}

.btn-s:disabled span{color:#acacac;}
.btn-s.disabled span{color:#acacac;}

/* Blue Button */
.btn-blue{background:#0061FD;}
.btn-blue:active::after{background:rgba(0,0,0,0.1);}
.btn-blue span{color:#fff;}

.btn-blue:disabled{background:#e3e3e3; cursor:default; }
.btn-blue:disabled:hover::after, .btn-blue:disabled:active::after{background:rgba(0,0,0,0);}

.btn-blue.disabled{background:#e3e3e3; cursor:default;}
.btn-blue.disabled:hover::after, .btn-blue.disabled:active::after{background:rgba(0,0,0,0);}

/* Red Button */
.btn-red{background:#ff3f3f;}
.btn-red:active::after{background:rgba(0,0,0,0.1);}
.btn-red span{color:#fff;}

.btn-red:disabled{background:#e3e3e3; cursor:default; }
.btn-red:disabled:hover::after, .btn-red:disabled:active::after{background:rgba(0,0,0,0);}

.btn-red.disabled{background:#e3e3e3; cursor:default;}
.btn-red.disabled:hover::after, .btn-red.disabled:active::after{background:rgba(0,0,0,0);}


/* White Button */
.btn-white{background:#fff; border:1px solid #ccc; box-sizing:border-box;}
.btn-white:active{border:1px solid #131313;}
.btn-white:active::after{background:rgba(0,0,0,0);}
.btn-white:active span{font-weight:700;}
.btn-white span{color:#131313;}

.btn-white:disabled{background:#fff; cursor:default; color:#acacac;}
.btn-white:disabled:hover::after, .btn-white:disabled:active::after{background:rgba(0,0,0,0);}
.btn-white:disabled:active{border:1px solid #ccc;}
.btn-white:disabled:active span{font-weight:500;}
.btn-white:disabled span{color:#acacac;}


.btn-white.disabled{background:#fff; cursor:default; color:#acacac;}
.btn-white.disabled:hover::after, .btn-white.disabled:active::after{background:rgba(0,0,0,0);}
.btn-white.disabled:active{border:1px solid #ccc;}
.btn-white.disabled:active span{font-weight:500;}
.btn-white.disabled span{color:#acacac;}

/* Icon Button */
.btn-ico{background:#fff; border:1px solid #ccc; box-sizing:border-box;}
.btn-ico:active{border:1px solid #131313;}
.btn-ico:active::after{background:rgba(0,0,0,0);}
.btn-ico:active span{font-weight:700;}
.btn-ico span{color:#131313;}
.btn-ico span::after{content:""; width:24px; height:24px; margin-left:4px; }

.btn-ico:disabled{background:#e3e3e3; cursor:default;}
.btn-ico:disabled:hover::after, .btn-ico:disabled:active::after{background:rgba(0,0,0,0);}
.btn-ico:disabled:active{border:1px solid #ccc;}
.btn-ico:disabled:active span{font-weight:500;}

.btn-ico.disabled{background:#e3e3e3; cursor:default;}
.btn-ico.disabled:hover::after, .btn-ico.disabled:active::after{background:rgba(0,0,0,0);}
.btn-ico.disabled:active{border:1px solid #ccc;}
.btn-ico.disabled:active span{font-weight:500;}

/* none box Button */
.btn-txt{background:none; border:1px solid #fff; box-sizing:border-box;}
.btn-txt:hover{ background:#fff; }
.btn-txt:hover span{border-bottom:1px solid #0061FD;}
.btn-txt:hover::after{display:none;}
.btn-txt:active{border:1px solid #fff;}
.btn-txt:active::after{display:none;}
.btn-txt:active span{font-weight:700; border-bottom:0px; }
.btn-txt span{color:#0061FD;}

.btn-txt:disabled{background:none; cursor:default;}
.btn-txt:disabled:hover::after, .btn-white:disabled:active::after{background:rgba(0,0,0,0);}
.btn-txt:disabled span{color:#acacac;}
.btn-txt:disabled:active{border:0px;}
.btn-txt:disabled:active span{font-weight:500; color:#acacac;}

.btn-txt.disabled{background:none; cursor:default;}
.btn-txt.disabled:hover::after, .btn-white:disabled:active::after{background:rgba(0,0,0,0);}
.btn-txt.disabled span{color:#acacac;}
.btn-txt.disabled:active{border:0px;}
.btn-txt.disabled:active span{font-weight:500;  color:#acacac;}

/* round btn */
.round-btn{ height:56px; border-radius: 56px; }
.round-btn span{font-size:18px;}


/* Icon Button Refresh */
.btn-ico.reflash span::after{background:url(../images/common/ic_refresh.png) no-repeat center;}
.btn-ico.reflash:disabled span::after{background:url(../images/common/ic_refresh_disabled.png) no-repeat center;}
.btn-ico.reflash.disabled span::after{background:url(../images/common/ic_refresh_disabled.png) no-repeat center;}


.btn-ico.round-btn.reflash span::after{background:url(../images/common/round_reflash.png) no-repeat center;}
.btn-ico.round-btn.reflash:disabled span::after{background:url(../images/common/round_reflash.png) no-repeat center;}
.btn-ico.round-btn.reflash.disabled span::after{background:url(../images/common/round_reflash.png) no-repeat center;}
.btn-ico.round-btn.reflash:active span::after{background:url(../images/common/round_reflash_active.png) no-repeat center;}


/* Icon Button Bell */
.btn-ico.bell span::after{display:none;}
.btn-ico.bell span::before{content:""; width:32px; height:32px; margin-right:4px; border-radius: 32px; background:#f6f6f6 url(../images/common/wait_bell_ico.png) no-repeat center; }

.btn-ico.bell.disabled{background:#fff; border:1px solid #e3e3e3;}
.btn-ico.bell.disabled span{color:#e3e3e3;}
.btn-ico.bell.disabled span::before{content:""; width:32px; height:32px; margin-right:4px; border-radius: 32px; background:#f6f6f6 url(../images/common/wait_bell_ico_disabled.png) no-repeat center; }


/* partner pop button Setting */
.confirm-pop .confirm-pop-bt .btn-box .partner-btn{height:40px;width:140px;}
.confirm-pop .confirm-pop-bt .btn-box .partner-btn span{font-size:16px; font-weight:500;}

/* share btn */
.share-btn{width:60px; margin-left:40px;}
.share-btn button{width:60px; height:32px; border-radius: 32px; border:1px solid #ddd; background:#fff; display:flex; align-items: center; justify-content: center; }

.share-btn button:active{background:#fff; border:1px solid #131313;}
.share-btn button span{font-size:12px; color:#515151; display:flex; align-items: center; }
.share-btn button span::before{content:""; display:block; width:12px; height:12px; background:url(../images/contents/share_ico.png) no-repeat center; margin-right:4px; }

.share-btn button:hover{border:1px solid #131313;}
.share-btn button:hover span{color:#131313;}
.share-btn button:hover span::before{background:url(../images/contents/share_ico_on.png) no-repeat center; }

/* banner white btn */
.white-round-s{height:52px; border-radius: 52px; display:flex; align-self: center; justify-content: center; padding:0 24px; box-sizing:border-box; overflow:hidden; position:relative; cursor: pointer; background:#fff; display:flex; align-items: center; border:1px solid #fff; }
.white-round-s span{position:relative; font-size:14px; letter-spacing: -0.2px; font-weight:500; }
.white-round-s:hover::after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.06); position: absolute; left:0; top:0; }
.white-round-s:active{border:1px solid #131313; }
.white-round-s:active span{font-weight:700;}
.white-round-s:active::after{display:none;}

/* Check Box Setting */
.check-box{}
.check-box input[type=checkbox]{display:none;}
.check-box label{display:flex;align-items: center; cursor:pointer;}
.check-box label::before{content:""; display:block; width:20px; height:20px; border-radius: 2px; border:1px solid #ddd; background:#fff url(../images/common/ico_chk_default.png) no-repeat center;  }
.check-box label span{font-size:14px; font-weight:400; letter-spacing: -0.2px; color:#131313; padding-left:6px; box-sizing:border-box;}

.check-box input[type=checkbox]:checked + label::before{content:""; display:block; width:20px; height:20px; border-radius: 2px; border:1px solid #0061FD; background:#0061FD url(../images/common/ico_chk_on.png) no-repeat center; }
.check-box input:disabled + label::before{content:""; display:block; width:20px; height:20px; border-radius: 2px; border:1px solid #ccc; background:#e3e3e3 url(../images/common/ico_chk_disabled.png) no-repeat center; }
.check-box input:hover + label::before{content:""; display:block; width:20px; height:20px; border-radius: 2px; border:1px solid #131313; background:#fff url(../images/common/ico_chk_hover.png) no-repeat center; }
.check-box input[type=checkbox]:checked:hover + label::before{content:""; display:block; width:20px; height:20px; border-radius: 2px; border:1px solid #131313; background:#0061FD url(../images/common/ico_chk_hover.png) no-repeat center; }
.check-box input:disabled:hover  + label::before{content:""; display:block; width:20px; height:20px; border-radius: 2px; border:1px solid #ccc; background:#e3e3e3 url(../images/common/ico_chk_disabled.png) no-repeat center; }

.check-box-round{}
.check-box-round input[type=checkbox]{display:none;}
.check-box-round input[type=radio]{display:none;}
.check-box-round label{display:flex;align-items: center; cursor:pointer;}
.check-box-round label::before{content:""; display:block; border-radius: 20px; width:20px; height:20px;  border:1px solid #ddd; background:#fff url(../images/common/ico_chk_default.png) no-repeat center;  }
.check-box-round label span{font-size:14px; font-weight:400; letter-spacing: -0.2px; padding-left:6px; box-sizing:border-box;}

.check-box-round input[type=checkbox]:checked + label::before{content:""; display:block; border-radius: 20px; width:20px; height:20px; border:1px solid #0061FD; background:#0061FD url(../images/common/ico_chk_on.png) no-repeat center; }
.check-box-round input[type=radio]:checked + label::before{content:""; display:block; border-radius: 20px; width:20px; height:20px; border:1px solid #0061FD; background:#0061FD url(../images/common/ico_chk_on.png) no-repeat center; }
.check-box-round input:disabled + label::before{content:""; display:block; border-radius: 20px; width:20px; height:20px; border:1px solid #ccc; background:#e3e3e3 url(../images/common/ico_chk_disabled.png) no-repeat center; }
.check-box-round input:hover + label::before{content:""; display:block; border-radius: 20px; width:20px; height:20px; border:1px solid #131313; background:#fff url(../images/common/ico_chk_hover.png) no-repeat center; }
.check-box-round input[type=checkbox]:checked:hover + label::before{content:""; display:block; border-radius: 20px; width:20px; height:20px; border:1px solid #131313; background:#0061FD url(../images/common/ico_chk_hover.png) no-repeat center; }
.check-box-round input[type=radio]:checked:hover + label::before{content:""; display:block; border-radius: 20px; width:20px; height:20px; border:1px solid #131313; background:#0061FD url(../images/common/ico_chk_hover.png) no-repeat center; }

/* Check Box Big */
.check-box-b{}
.check-box-b input[type=checkbox]{display:none;}
.check-box-b label{display:flex;align-items: center; cursor:pointer;}
.check-box-b label::before{content:""; display:block; width:36px; height:36px; border-radius: 2px; border:2px solid #ddd; background:#fff url(../images/common/ico_chk_default_b.png) no-repeat center;  }
.check-box-b label span{font-size:22px; font-weight:400; letter-spacing: -0.2px; color:#131313; padding-left:6px; box-sizing:border-box;}
.check-box-b.all label span{font-weight:500;}

.check-box-b input[type=checkbox]:checked + label::before{content:""; display:block; width:36px; height:36px; border-radius: 2px; border:2px solid #0061FD; background:#0061FD url(../images/common/ico_chk_on_b.png) no-repeat center; }
.check-box-b input:disabled + label::before{content:""; display:block; width:36px; height:36px; border-radius: 2px; border:2px solid #ccc; background:#e3e3e3 url(../images/common/ico_chk_disabled_b.png) no-repeat center; }
.check-box-b input:hover + label::before{content:""; display:block; width:36px; height:36px; border-radius: 2px; border:2px solid #131313; background:#fff url(../images/common/ico_chk_hover_b.png) no-repeat center; }
.check-box-b input[type=checkbox]:checked:hover + label::before{content:""; display:block; width:36px; height:36px; border-radius: 2px; border:2px solid #131313; background:#0061FD url(../images/common/ico_chk_hover_b.png) no-repeat center; }


/* check/ radio box type */
.check-btn-box{display:flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.check-btn-box .check-btn{width:100%; height:48px;}
.check-btn-box .check-btn.check-btn-s{height:44px; width:auto;}
.check-btn-box .check-btn input[type=checkbox]{display: none;}
.check-btn-box .check-btn input[type=radio]{display: none;}

.check-btn-box .check-btn label{display:flex; align-items: center; justify-content: center; width:100%; height:48px; border-radius: 2px; background:#fff; border:1px solid #ddd; box-sizing:border-box; cursor:pointer; position:relative; overflow: hidden; }
.check-btn-box .check-btn.check-btn-s label{display:flex; align-items: center; justify-content: center; width:auto; height:44px; border-radius: 2px; background:#fff; border:1px solid #ddd; box-sizing:border-box; cursor:pointer; position:relative; overflow: hidden; padding:0 10px; }

.check-btn-box .check-btn label span{font-size:16px; letter-spacing: -0.2px; color:#515151; position:relative; z-index: 2;}
.check-btn-box .check-btn label:hover{background:#f4f9ff; border:1px solid #cde0ff;}
.check-btn-box .check-btn label:hover span{color:#579aff;}

.check-btn-box .check-btn input[type=checkbox]:checked + label{ border:1px solid #131313; }
.check-btn-box .check-btn input[type=checkbox]:checked + label span{color:#333;}

.check-btn-box .check-btn input[type=radio]:checked + label{ border:1px solid #131313; }
.check-btn-box .check-btn input[type=radio]:checked + label span{color:#131313;}

/* radio Setting */
.radio-box{}
.radio-box input[type=radio]{display:none;}
.radio-box label{display:flex;align-items: center; cursor:pointer; position: relative;}
.radio-box label::before{content:""; display:block; width:20px; height:20px; border-radius: 20px; border:1px solid #ddd; background:#fff;  }
.radio-box label span{font-size:14px; font-weight:400; letter-spacing: -0.2px; color:#131313; padding-left:10px; box-sizing:border-box;}

.radio-box input[type=radio]:checked + label::before{content:""; display:block; width:20px; height:20px; border-radius: 20px; border:1px solid #0061FD; background:#fff; }
.radio-box input[type=radio]:checked + label::after{content:""; display:block; width:12px; height:12px; border-radius: 20px; background:#0061FD; position: absolute; left:4px; top:4px; }
.radio-box input:hover + label::before{content:""; display:block; width:20px; height:20px; border-radius: 20px; border:1px solid #131313; background:#fff; }
.radio-box input[type=radio]:checked:hover + label::before{content:""; display:block; width:20px; height:20px; border-radius: 20px; border:1px solid #131313; background:#fff; }

.radio-box input:disabled + label::before{content:""; display:block; width:20px; height:20px; border-radius: 20px; border:1px solid #ccc; background:#e3e3e3; }
.radio-box input:disabled + label::after{content:""; display:block; width:12px; height:12px; border-radius: 20px; background:#ccc; position: absolute; left:4px; top:4px; }



/* Select Box Setting */
.select-box{ width:100%; position:relative; }
.select-box .select-choice{ width:100%; height:48px; display:flex; align-items: center; background:#f6f6f6; padding: 0 35px 0 16px; box-sizing:border-box; border:1px solid #f6f6f6; font-size:16px; font-weight:400; color:#888; letter-spacing: -0.2px; position:relative; cursor: pointer; }
.select-box .select-choice::after{content:""; display:block; width:16px; height:16px; background:url(../images/common/select_arrow.png) no-repeat center ; position: absolute; right:16px; top:16px; transform: rotate(0deg); transition: all 0.2s; }

.select-box .select-choice:hover::before{content:""; display:block; width:100%; height:100%; position: absolute; left:0; top:0; background:rgba(0,0,0,0.06); }

.select-box .select-choice.active{background:#fff; border:1px solid #131313; font-weight:400;  }
.select-box .select-choice.active::after{transform: rotate(180deg); }
.select-box .select-choice.active:hover::before{display:none;}

.select-box .select-choice.disabled{ background:#e3e3e3; font-weight:400; color:#acacac; cursor:default;  }
.select-box .select-choice.disabled::after{content:""; display:block; width:16px; height:16px; background:url(../images/common/select_arrow_disabled.png) no-repeat center ; position: absolute; right:16px; top:16px; transform: rotate(0deg); transition: all 0.2s;  }
.select-box .select-choice.disabled:hover::before{display:none;}

.select-box .select-choice.choice{color:#131313; font-weight:700;}

.select-box .select-list{ display:none; width:100%; padding:20px; box-sizing:border-box; max-height:370px; overflow-y: auto; border:1px solid #acacac; background:#fff; position:absolute; left:0; top:48px; z-index: 9999; }
.select-box .select-list li{ height:24px; display:flex; align-items: center; font-size: 16px; color:#666; letter-spacing: -0.2px; margin-bottom:10px; cursor: default; }
.select-box .select-list li:last-child{ margin-bottom:0px; }
.select-box .select-list li:hover{color:#131313; font-weight:700; }
.select-box .select-list li.active{color:#131313; font-weight:700; }

/* select scroll 커스텀 */
.select-box .select-list::-webkit-scrollbar{width:20px;}
.select-box .select-list::-webkit-scrollbar-track{ background: #fff;}
.select-box .select-list::-webkit-scrollbar-thumb { background:#ccc; border-radius: 10px; border:8px solid #fff; }
.select-box .select-list::-webkit-scrollbar-button{ display: none; }

.select-box .select-list::-webkit-scrollbar-button:vertical:start:decrement, .select-box .select-list::-webkit-scrollbar-button:vertical:start:increment{display:block; height:6px;}
.select-box .select-list::-webkit-scrollbar-button:vertical:end:decrement, .select-box .select-list::-webkit-scrollbar-button:vertical:end:increment{display:block; height:6px;}

/* input box custom */
.input-form{width:100%; position:relative;}

.input-form .input-box{width:100%; height:44px; background:#fff; border: 1px solid #ddd; box-sizing:border-box; padding:0 28px 0 12px; font-size:14px; font-weight:400; letter-spacing: -0.2px; outline:none;  }
.input-form .input-box::placeholder{color:#999;}
.input-form .input-box:hover{border:1px solid #131313;}
.input-form .input-box:focus{border:1px solid #131313;}

.input-form .input-txt-delete{width:16px; height:16px; border-radius: 16px; align-items: center; justify-content: center; background:#ddd; cursor:pointer; position:absolute; right:16px; top:50%; transform: translate( -0, -50% ); display:none; }
.input-form .input-txt-delete.active{display:flex;}

.input-form .input-box:disabled{background:#e3e3e3;}
.input-form .input-box:disabled:hover{border:1px solid #ddd;}

.errer{font-size:14px; font-weight:500; letter-spacing: -0.2px; color:#ff3f3f; height:22px; display:flex; align-items: center; margin-bottom:5px; display:none; width:100%; }
.errer.active{display:flex;}

.check-ok{font-size:14px; font-weight:500; letter-spacing: -0.2px; color:#0061FD; height:22px; display:flex; align-items: center; margin-bottom:5px; display:none; width:100%; }
.check-ok.active{display:flex;}

.input-form .inpt-title{width:100%; height:32px; display:flex; align-items: center; font-size:14px; font-weight:500; }


/* color set */
.blue-txt{color:#0061FD !important;}


/* 공통 필수 입력 */
.require::after{content:"*"; color:#ff3f3f; font-weight:700; display:block;  margin-left: 2px; margin-top:-6px; }
.require-left::before{content:"*"; color:#ff3f3f; font-weight:700; /* display:block; */ margin-right: 2px;  }



/* 공통 container */
.container{width:100%;}


/* 공통 banner btn */
.banner-btn-form{width:1200px; margin:0 auto; position:absolute; left:50%; top:50%; transform: translate( -50% , -50% ); z-index: 9;}
.banner-btn-form .banner-btn-box{width:100%; position:relative;}
.banner-btn-form .banner-prev{ width:50px; height:50px; border-radius: 5px; background:rgba(0,0,0,0.4); display:flex; align-items: center; justify-content: center; cursor: pointer; position:absolute; left: -28px; top:50%; transform: translate( -0, -50% ); }
.banner-btn-form .banner-next{ width:50px; height:50px; border-radius: 5px; background:rgba(0,0,0,0.4); display:flex; align-items: center; justify-content: center; cursor: pointer; position:absolute; right: -28px; top:50%; transform: translate( -0, -50% ); }

/* 공통 lp형식 swiper btn */
.loop-btn-box{ margin:10px auto 0 auto; clear: both; width:140px; display:flex; align-items: center; justify-content: space-between; position:relative; height:52px; border:1px solid #ddd; padding:6px; box-sizing:border-box; border-radius: 52px; }
.loop-btn-box .loop-btn{cursor:pointer; width:40px; height:40px; border-radius: 40px; display:flex; align-items: center; justify-content: center; }
.loop-btn-box .loop-btn:hover{background:rgba(0,0,0,0.06);}
.loop-btn-box .loop-btn:active{background:rgba(0,0,0,0.1);}

.loop-btn-box .loop-paging{position:relative; left:auto; bottom: auto;width:45px;}
.loop-btn-box .loop-paging .swiper-pagination-current{font-size:14px; font-weight:700; color:#131313; letter-spacing: -0.5px;}
.loop-btn-box .loop-paging .swiper-pagination-total{font-size:14px; font-weight:500; color:#acacac; letter-spacing: -0.5px;}


/* 공통 tab */
.tab-ty01{margin:0 auto;}
.tab-ty01 .tab-box{display:flex; align-items: center; justify-content: center; position:relative; }
.tab-ty01 .tab-box .tab-con{width:240px; height:60px; display:flex; align-self: center; justify-content: center; position:relative; border:1px solid #ddd; box-sizing:border-box; margin-right:-1px; }
.tab-ty01 .tab-box .tab-con span{width:100%; height:100%; display:flex; align-items: center; justify-content: center; background:#f6f6f6; color:#888; font-size: 20px; letter-spacing: -0.2px; cursor:pointer; border:1px solid #f6f6f6; z-index: 2; }
.tab-ty01 .tab-box .tab-con span:hover::after{content:""; width:100%; height:100%; background:rgba(0,0,0,0.06); position:absolute; left:0; top:0;}
.tab-ty01 .tab-box .tab-con span:active::after{content:""; width:100%; height:100%; background:rgba(0,0,0,0.1); position:absolute; left:0; top:0;}
.tab-ty01 .tab-box .tab-con.active{width:240px; height:60px; display:flex; align-self: center; justify-content: center; position:relative; border:1px solid #131313; box-sizing:border-box; margin-right:-1px; z-index: 2; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); }
.tab-ty01 .tab-box .tab-con.active span{width:100%; height:100%; display:flex; align-items: center; justify-content: center; background:#fff; color:#131313; font-weight:700; font-size: 20px; letter-spacing: -0.2px; cursor:pointer; border:1px solid #131313; z-index: 2; }


.tab-ty02{width:100%; border-bottom:1px solid #eee; box-sizing:border-box;}
.tab-ty02 .tab-container{max-width:1200px; margin:0 auto; box-sizing:border-box; position:relative; width:100%; }
.tab-ty02 .tab-container .tab-form{width:100%;margin:0 auto;}
.tab-ty02 .tab-container .tab-form .tab-box{width:100%; display:flex; align-items: center; justify-content: center;}
.tab-ty02 .tab-container .tab-form .tab-box .tab-con{padding:0 20px; box-sizing:border-box; height:50px; display:flex; align-items: center; justify-content: center; cursor:pointer; }
.tab-ty02 .tab-container .tab-form .tab-box .tab-con span{font-size:18px; letter-spacing: -0.2px; color:#888; display:flex; height:100%; align-items: center; box-sizing:border-box; white-space: nowrap; position:relative; text-align:center; }
.tab-ty02 .tab-container .tab-form .tab-box .tab-con span b{font-size:18px; font-weight:400; color:#888; margin-left:4px;} 
.tab-ty02 .tab-container .tab-form .tab-box .tab-con.active span{ box-sizing:border-box; font-weight:700; color:#131313; }
.tab-ty02 .tab-container .tab-form .tab-box .tab-con.active span::after{content:""; width:100%; height:2px; display:block; background:#131313; position:absolute; left:0 ; bottom: -1px;}
.tab-ty02 .tab-container .tab-form .tab-box .tab-con.active span b{font-weight:700; font-size:18px; color:#131313;}

.tab-ty03{width:100%;}
.tab-ty03 .tab-box{width:100%; display:flex; align-items: center;}
.tab-ty03 .tab-box .tab-con{width:calc(50% + 1px); display:flex; align-items: center; justify-content: center;  border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #131313; background:#f6f6f6; border-radius: 2px 2px 0px 0px; height:48px; margin-right:-1px; position: relative; z-index: 1; cursor:pointer; }
.tab-ty03 .tab-box .tab-con:last-child{margin-right:0px;}
.tab-ty03 .tab-box .tab-con span{font-size:14px; font-weight:500; color:#888;}
.tab-ty03 .tab-box .tab-con a{font-size:14px; font-weight:500; color:#888;}
.tab-ty03 .tab-box .tab-con.active{background:#fff; border-bottom:1px solid #fff; border-left:1px solid #131313; border-top:1px solid #131313; border-right:1px solid #131313; z-index: 2;}
.tab-ty03 .tab-box .tab-con.active span{font-weight:700; color:#131313;}


.tab-ty04{ display:flex; align-items: center; }
.tab-ty04 li{font-size:14px; color:#666; margin-right: 18px; cursor:pointer; display:flex; align-items: center; height:22px; }
.tab-ty04 li:last-child{margin-right:0px;}

.tab-ty04 li.active{color:#131313; font-weight:700; margin-right: 16px;}
.tab-ty04 li.active:last-child{margin-right:0px;}
.tab-ty04 li.active::before{content:""; display:block; width:16px; height:16px; background:url(../images/common/tab_ty04_check.png) no-repeat center; margin-right:2px; }


/* 공통 on/off 토글 형식 버튼 */
.toggle-btn{width:40px; height:24px; border-radius: 24px; background:#ddd; position:relative; cursor: pointer; overflow:hidden; }
.toggle-btn span{ display:block; width:20px; height:20px; border-radius: 20px; position: absolute; left:2px; top:2px; background:#fff; transition: all 0.2s; z-index: 2; }
.toggle-btn:hover::before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.06); position: absolute; left:0; top:0; z-index: 1;}

.toggle-btn.active{background:#0061FD;}
.toggle-btn.active span{left:18px;}

.toggle-btn.disabled{background:#e3e3e3; cursor:default;}
.toggle-btn.disabled:hover::before{display:none;}


/* tooltip */
.tooltip{position:relative;}

.tooltip .tooltip-ico{cursor:pointer; display:flex; align-items: center; justify-content: center; width:16px; height:16px; border-radius: 16px; background:#ddd; position: relative; overflow:hidden;  }
.tooltip .tooltip-ico img{position: relative; z-index: 2;}
.tooltip .tooltip-ico:hover::before{ content:""; display:block; width:100%; height:100%; background: rgba(0,0,0,0.06); position: absolute; left:0; top:0; }
.tooltip .tooltip-ico:active::before{ content:""; display:block; width:100%; height:100%; background: rgba(0,0,0,0.1); position: absolute; left:0; top:0; }

.tooltip-form{ position:absolute; right:-19px; top:27px;  z-index: 9990;  display:none; }
.tooltip-form .tooltip-box{padding:12px 10px 10px 16px; box-sizing:border-box; background:#fff; border:1px solid #131313; box-sizing:border-box; width:190px; position:relative; border-radius: 5px; }
.tooltip-form .tooltip-box::before{content:""; display:block; width:12px; height:8px;background:url(../images/smartbuy/tootip_arrow_white.png) no-repeat center; position:absolute; right:20px; top:-8px; z-index: 2; }

.tooltip-form .tooltip-box .tooltip-close{position: absolute; right:10px; top:7px; cursor:pointer;}

.tooltip-form .tooltip-box .tool-title{ font-size:12px; font-weight:700; letter-spacing: -0.5px; line-height:1.3; word-break:keep-all; }
.tooltip-form .tooltip-box .tool-list{ margin-top:5px; padding-left:12px; box-sizing:border-box; }
.tooltip-form .tooltip-box .tool-list li{ font-size:12px; font-weight:700; letter-spacing: -0.5px; line-height:1.3; }
.tooltip-form .tooltip-box .tool-txt{ font-size:12px; font-weight:700; letter-spacing: -0.7px; margin-top:10px; line-height:1.3; word-break: keep-all;  }

.tooltip-form .tooltip-box .tool-btn{display:flex; align-items: center; justify-content: center; gap:0px 5px; margin:15px auto 0 auto; }
.tooltip-form .tooltip-box .tool-btn .btn{height:32px; width:max-content; min-width:80px; padding: 0 10px; box-sizing:border-box;}
.tooltip-form .tooltip-box .tool-btn .btn span{font-size:13px;}

.tooltip-b{position:relative;}

.tooltip-b .tooltip-ico{cursor:pointer; display:flex; align-items: center; justify-content: center; width:24px; height:24px; border-radius: 16px; background:#ddd; position: relative; overflow:hidden;  }
.tooltip-b .tooltip-ico img{position: relative; z-index: 2;}
.tooltip-b .tooltip-ico:hover::before{ content:""; display:block; width:100%; height:100%; background: rgba(0,0,0,0.06); position: absolute; left:0; top:0; }
.tooltip-b .tooltip-ico:active::before{ content:""; display:block; width:100%; height:100%; background: rgba(0,0,0,0.1); position: absolute; left:0; top:0; }

.tooltip-b .tooltip-form{ position:absolute; right:-19px; top:36px;  z-index: 9;  display:none; }


.tooltip-form.center{ position:absolute; left:50%;  z-index: 9;  display:none; transform: translate( -50% , -0 ); width:max-content; }
.tooltip-form.center .tooltip-box::before{content:""; display:block; width:12px; height:8px;background:url(../images/smartbuy/tootip_arrow_white.png) no-repeat center; position:absolute; left:50%; top:-8px; transform: translate( -50% , -0 ); z-index: 2; }

/* pop scroll */
.pop-body-scoll::-webkit-scrollbar{width:12px;}
.pop-body-scoll::-webkit-scrollbar-track{ background: #fff;}
.pop-body-scoll::-webkit-scrollbar-thumb { background:#ccc; border-left:8px solid #fff;}
.pop-body-scoll::-webkit-scrollbar-button{ display: none; }

/* contents scroll */
.scroll-type::-webkit-scrollbar{width:12px;}
.scroll-type::-webkit-scrollbar-track{ background: #fff;}
.scroll-type::-webkit-scrollbar-thumb { background:#ccc; border-left:8px solid #fff;}
.scroll-type::-webkit-scrollbar-button{ display: none; }

/* contents scroll */
.gray-scroll::-webkit-scrollbar{width:12px;}
.gray-scroll::-webkit-scrollbar-track{ background: #f9f9f9;}
.gray-scroll::-webkit-scrollbar-thumb { background:#ccc; border-left:8px solid #f9f9f9;}
.gray-scroll::-webkit-scrollbar-button{ display: none; }

/* contents scroll */
.gray-scroll02::-webkit-scrollbar{width:12px;}
.gray-scroll02::-webkit-scrollbar-track{ background: #f6f6f6;}
.gray-scroll02::-webkit-scrollbar-thumb { background:#ccc; border-left:8px solid #f6f6f6;}
.gray-scroll02::-webkit-scrollbar-button{ display: none; }




/* 페이징 */
.pagination{ width:100%; margin-top:100px; }
.pagination .pagination-box{display:flex; align-items: center; justify-content: center; gap:0px 10px;}
.pagination .pagination-box .pagination-con{width:30px; height:30px; display:flex; align-items: center; justify-content: center; font-size:16px; color:#666; cursor:pointer; border-radius: 2px; overflow:hidden; }
.pagination .pagination-box .pagination-con:hover{ background:rgba(0,0,0,0.06); }

.pagination .pagination-box .pagination-con a{display:flex; align-items: center; justify-content: center; width:100%; height:100%; font-size:16px; }

.pagination .pagination-box .page-num.active{background:#0061FD; color:#fff; font-weight:700; }
.pagination .pagination-box .page-num.active a{color:#fff; font-weight:700; }

.pagination .pagination-box .last{width:30px; height:30px; display:flex; align-items: center; justify-content: center; font-size:16px; color:#666; cursor:pointer; border-radius: 2px; overflow:hidden; }
.pagination .pagination-box .last:hover{ background:rgba(0,0,0,0.06); }

.pagination .pagination-box .last a{display:flex; align-items: center; justify-content: center; width:100%; height:100%; font-size:16px; }

.pagination .pagination-box .first a{text-indent: -99999999px; background:url(../images/common/pagination_first.png) no-repeat center; }
.pagination .pagination-box .prev a{text-indent: -99999999px; background:url(../images/common/pagination_prev.png) no-repeat center; }
.pagination .pagination-box .next a{text-indent: -99999999px; background:url(../images/common/pagination_next.png) no-repeat center; }
.pagination .pagination-box .last a{text-indent: -99999999px; background:url(../images/common/pagination_last.png) no-repeat center; }


/* 페이지별 섹션 */
.page-section{margin:50px auto 0 auto; width:1200px; clear: both;}

/* 페이지 공통 타이틀 */
.page-title{width:100%; display:flex; align-items: center; justify-content: space-between; clear: both; padding-top:40px; box-sizing:border-box; }
.page-title .page-title-txt{display:flex; align-items: flex-end; height:32px;}
.page-title .page-title-txt .main-txt{font-size:26px; font-weight:500;}
.page-title .page-title-txt .sub-txt{font-size:18px; color:#666; margin-left:10px;}
.page-title .page-title-txt .sub-txt span{font-size:18px; color:#666;}
.page-title .page-title-btn{display:flex; align-items: center;font-size:14px; font-weight:500; color:#888;}
.page-title .page-title-btn img{margin-right:5px;}
.page-title .page-title-btn a{font-size:14px; font-weight:500; color:#888;}

.page-title.title-type02 .page-title-txt .main-txt{font-size:24px; font-weight:700;}
.page-title.title-type02 .page-title-txt .sub-txt{font-size:14px; color:#666; margin-left:10px; }


/* 페이지 컨텐츠 공통 타이틀 */
.con-title{width:100%; display:flex; align-items: center; justify-content: space-between; clear: both;}
.con-title .con-title-txt{display:flex; align-items: flex-end; }
.con-title .con-title-txt .main-txt{font-size:24px; font-weight:700;}
.con-title .con-title-txt .sub-txt{font-size:18px; color:#666; margin-left:10px; }
.con-title .con-title-btn a{font-size:14px; font-weight:500; color:#888;}

.con-title.title-type01{padding-top:50px; box-sizing:border-box;}




/* 페이지 공통 로딩 */
.loading-pop{ padding:48px 30px 30px 30px; background:#fff; position: fixed; left:50%; top:50%; transform: translate( -49.99%, -49.99% ); border-radius: 10px; box-shadow:0px 10px 25px rgba(0,0,0,0.16) ; z-index: 99999; }
.loading-pop .loading-con{width:60px; height:60px; margin:0 auto; position: relative; animation: loading-motion02 1.2s linear infinite;}

.loading-pop .loading-con li{width:14px; height:14px; display:flex; position: absolute; align-items: center; justify-content: center; }
.loading-pop .loading-con li::before{animation: loading-motion 1.2s linear infinite;}
.loading-pop .loading-con li:nth-child(1){left:50%; top:14%; transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(1)::before{content:""; animation-delay: 0s; transform: scale(0.2); width:14px; height:14px; border-radius: 15px; background:#4E5A61;  }

.loading-pop .loading-con li:nth-child(2){left:75%; top:25%; transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(2)::before{content:""; animation-delay: -0.8s; transform: scale(0.2); width:14px; height:14px; border-radius: 15px; background:#4E5A61;  }

.loading-pop .loading-con li:nth-child(3){left:88%; top:50%; transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(3)::before{content:""; animation-delay: -0.7s; transform: scale(0.2); width:14px; height:14px; border-radius: 15px; background:#4E5A61;  }

.loading-pop .loading-con li:nth-child(4){left:75%; top:75%; transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(4)::before{content:""; animation-delay: -0.6s; transform: scale(0.2); width:14px; height:14px; border-radius: 15px; background:#4E5A61;  }

.loading-pop .loading-con li:nth-child(5){left:50%; top:88%; transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(5)::before{content:""; animation-delay: -0.5s; transform: scale(0.2); width:14px; height:14px; border-radius: 15px; background:#4E5A61;  }

.loading-pop .loading-con li:nth-child(6){left:25%; top:75%; transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(6)::before{content:""; animation-delay: -0.4s; transform: scale(0.2); width:14px; height:14px; border-radius: 15px; background:#4E5A61; }

.loading-pop .loading-con li:nth-child(7){left:14%; top:50%; transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(7)::before{content:""; animation-delay: -0.3s; transform: scale(0.2); width:14px; height:14px; border-radius: 15px; background:#4E5A61;  }

.loading-pop .loading-con li:nth-child(8){left:25%; top:25%; transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(8)::before{content:""; animation-delay: -0.2s; transform: scale(0.2); width:14px; height:14px; border-radius: 15px; background:#4E5A61;  }

.loading-pop .loading-txt{font-size:14px; color:#666; line-height:1.3; margin-top:23px; text-align: center; }

/* margin set */
.mgt0{margin-top:0px;}
.mgt50{margin-top:50px;}


/* 퀵메뉴 */
.quick-form{position:fixed; width:72px; right:20px; bottom:20px; display:flex; flex-direction: column; z-index: 99999; align-items: center; }
.quick-form .quick-main{ position:relative; margin:0 auto;}
.quick-form .quick-main .quick-main-list{width:50px; border-radius: 50px; overflow:hidden; background:#fff; box-shadow: 4px 4px 4px rgba(0,0,0,0.1); border:1px solid #ddd; box-sizing:border-box;}
.quick-form .quick-main .quick-main-con{ position:relative; cursor: pointer; }
.quick-form .quick-main .quick-main-con .quick-top{width:50px; height:50px; cursor: pointer; display:flex; flex-direction: column; align-items: center; justify-content: center; display:none; }
.quick-form .quick-main.active .quick-main-con .quick-top{display:flex;}
.quick-form .quick-main .quick-main-con .quick-top .quick-img{margin-top:4px;}
.quick-form .quick-main .quick-main-con .quick-top::after{content:"TOP"; font-size:12px; font-weight:500; display:block; margin-top:2px;}
.quick-form .quick-main .quick-main-con:hover .quick-top::after{content:"위로"; font-size:12px; font-weight:500; display:block; margin-top:2px;}

.quick-form .quick-main .quick-main-con.recent-car{padding-top:4px;}
.quick-form .quick-main.active .quick-main-con.recent-car{padding-top:0px;}


.quick-form .quick-main .quick-main-con::after{content: ""; display:block; width:20px; height:1px; background:#eee; margin:0 auto; }

.quick-form .quick-main .quick-main-con .quick-con{width:50px; height:50px; cursor: pointer; display:flex; align-items: center; justify-content: center; position:relative;  }
.quick-form .quick-main .quick-main-con .quick-con .quick-txt{ display:none; text-align: center; font-size:12px; font-weight:500; line-height:1.3; position:relative; z-index: 2; }

.quick-form .quick-main .quick-main-con:last-child .quick-con{height:51px;}
.quick-form .quick-main .quick-main-con:last-child .quick-con .quick-img{margin-top:-5px;}

.quick-form .quick-main .quick-main-con.new .quick-con::before{content:""; width:4px; height:4px; border-radius: 4px; background:#0061FD; position: absolute; right:6px; top:6px; z-index: 2; }

.quick-form .quick-main .quick-main-con:hover::before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.06); position: absolute; left:0; top:0; z-index: 1;}
.quick-form .quick-main .quick-main-con:hover .quick-img{display:none;}
.quick-form .quick-main .quick-main-con:hover .quick-txt{display:block;}
.quick-form .quick-main .quick-main-con:active::before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.1); position: absolute; left:0; top:0; z-index: 1;}

.quick-form .quick-main .quick-main-con.active::before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.1); position: absolute; left:0; top:0; z-index: 1;}
.quick-form .quick-main .quick-main-con.active .quick-img{display:none;}
.quick-form .quick-main .quick-main-con.active .quick-txt{display:block;}

.quick-form .quick-sub{ background:#fff; margin-top:8px; width:50px; height:50px; border-radius: 50px; border:1px solid #ddd; box-sizing: border-box; box-shadow: 4px 4px 4px rgba(0,0,0,0.1); display:flex; align-items: center; justify-content: center; cursor:pointer; position: relative; overflow:hidden; transition: 0.4s; }
.quick-form .quick-sub .quick-sub-ico{display:flex; width:100%; height:100%; justify-content: center; align-items: center; position: relative; z-index: 2; }
.quick-form .quick-sub .quick-sub-ico span{ display:block; width:4px; height:4px; border-radius: 2px; background:#131313; display:flex; align-items: center; justify-content: center; }
.quick-form .quick-sub .quick-sub-ico::before{content:""; display:block; width:4px; height:4px; border-radius: 2px; background:#131313; margin-right:3px; }
.quick-form .quick-sub .quick-sub-ico::after{content:""; display:block; width:4px; height:4px; border-radius: 2px; background:#131313; margin-left:3px; }

.quick-form .quick-sub .quico-sub-close{width:100%; height:26px; display:none; align-items: center; justify-content: center;}

.quick-form .quick-sub .quick-sub-menu{display:none;}

.quick-form .quick-sub:hover::before{content:""; width:100%; height:100%; display: block; background:rgba(0,0,0,0.06); position:absolute; left:0; top:0; z-index: 1; }
.quick-form .quick-sub:active::before{content:""; width:100%; height:100%; display: block; background:rgba(0,0,0,0.1); position:absolute; left:0; top:0; z-index: 1; }

.quick-form .quick-sub:hover .quick-sub-ico::before{content:"메뉴"; width:auto; height:auto; border-radius: unset; background:unset;margin-right:0px; font-size:12px; font-weight:500; }
.quick-form .quick-sub:hover .quick-sub-ico::after{display:none;}
.quick-form .quick-sub:hover .quick-sub-ico span{display:none;}

.quick-form .quick-sub.active{width:72px; height:auto; border-radius: 8px; flex-direction: column; padding:8px 0px; box-sizing:border-box; transition: 0.4s;}
.quick-form .quick-sub.active:hover::before{display:none;}

.quick-form .quick-sub.active .quick-sub-ico::before, .quick-form .quick-sub.active .quick-sub-ico::after{display:none;}
.quick-form .quick-sub.active .quick-sub-ico{height:26px; display:none;}
.quick-form .quick-sub.active .quick-sub-ico span{display:block; background:url(../images/common/quick-sub-close.png) no-repeat center; width:8px; height:8px; }

.quick-form .quick-sub.active .quick-sub-menu{display:block;width:100%;}
.quick-form .quick-sub.active .quick-sub-menu li{height:26px; width:100%;}
.quick-form .quick-sub.active .quick-sub-menu li a{display:flex; align-items: center; justify-content: center; width:100%; height:100%; }
.quick-form .quick-sub.active .quick-sub-menu li a span{position:relative; font-size:12px;}
.quick-form .quick-sub.active .quick-sub-menu li a:hover{background:rgba(0,0,0,0.06);}
.quick-form .quick-sub.active .quick-sub-menu li a.active{background:rgba(0,0,0,0.1);}
.quick-form .quick-sub.active .quick-sub-menu li.new a span::after{content:""; width:4px; height:4px; border-radius: 4px; background:#0061FD; position: absolute; right:-6px; top:0px; z-index: 2; }
.quick-form .quick-sub.active .quico-sub-close{display:flex;}


.quick-form .quick-qa{position: relative; margin-top:8px; width:50px; }
.quick-form .quick-qa .quick-qa-list{position:relative; width:50px;}
.quick-form .quick-qa .quick-qa-list li{width:50px; height:50px; border-radius: 50px; background:#0061FD; cursor:pointer; overflow:hidden; position: relative; }
.quick-form .quick-qa .quick-qa-list li div{position: relative; z-index: 2; display:flex;align-items: center; justify-content: center; width:100%; height:100%;}

.quick-form .quick-qa .quick-qa-list li .quick-qa-close{display:none;}
.quick-form .quick-qa .quick-qa-list li div .quick-qa-txt{display: none;}

.quick-form .quick-qa .quick-qa-list li:hover::before{content:""; width:100%; height:100%; display: block; background:rgba(0,0,0,0.06); position:absolute; left:0; top:0; z-index: 1;}
.quick-form .quick-qa .quick-qa-list li:active::before{content:""; width:100%; height:100%; display: block; background:rgba(0,0,0,0.1); position:absolute; left:0; top:0; z-index: 1;}

.quick-form .quick-qa .quick-qa-list li:hover div img{display: none;}
.quick-form .quick-qa .quick-qa-list li:hover div .quick-qa-txt{font-size:12px; font-weight:500; color:#fff; display:flex; align-items: center; justify-content: center; text-align: center; line-height:1.2; }

.quick-form .quick-qa .quick-qa-list li.quick-qa-menu{position:absolute; scale:0; opacity: 0; transition: 0.4s; }
.quick-form .quick-qa .quick-qa-list li.quick-qa-menu:nth-child(2){right:58px; top:0; transition-delay: 0.8s;}
.quick-form .quick-qa .quick-qa-list li.quick-qa-menu:nth-child(3){right:116px; top:0; transition-delay: 0.6s;}
.quick-form .quick-qa .quick-qa-list li.quick-qa-menu:nth-child(4){right:174px; top:0; transition-delay: 0.4s;}
.quick-form .quick-qa .quick-qa-list li.quick-qa-menu:nth-child(5){right:232px; top:0; transition-delay: 0.2s;}

.quick-form .quick-qa .quick-qa-list.active li.quick-qa-con .quick-qa-ico{display:none;}
.quick-form .quick-qa .quick-qa-list.active li.quick-qa-con .quick-qa-close{display:flex;}

.quick-form .quick-qa .quick-qa-list.active li.quick-qa-menu{position:absolute; scale:1; opacity: 1; transition: 0.4s; }
.quick-form .quick-qa .quick-qa-list.active li.quick-qa-menu:nth-child(2){transition-delay: 0.2s;}
.quick-form .quick-qa .quick-qa-list.active li.quick-qa-menu:nth-child(3){transition-delay: 0.4s;}
.quick-form .quick-qa .quick-qa-list.active li.quick-qa-menu:nth-child(4){transition-delay: 0.6s;}
.quick-form .quick-qa .quick-qa-list.active li.quick-qa-menu:nth-child(5){transition-delay: 0.8s;}

/* 퀵메뉴 팝업 */
.quick-layer-pop{position: fixed; left:auto; top:auto; right:101px; bottom:80px; transform: translate( 0, 0); transition: all 0.2s; }

.quick-layer-pop .layer-pop-body{padding-bottom:20px;}
.quick-layer-pop .layer-pop-body .lp-list-type{max-height:510px; overflow-y:auto; }

.quick-layer-pop .layer-pop-body .lp-list-type::before{content:"렌트/구독 차량은 비교 대상에서 제외됩니다."; display:flex; align-items: center; justify-content: center; width:100%; height:52px; background:#f6f6f6; font-size:16px;   }

.quick-layer-pop .quick-pop-title{width:100%; display:flex; align-items: center; justify-content: space-between; height:60px; border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff;}
.quick-layer-pop .quick-pop-title .quick-pop-all label span{padding-left:20px; font-size:16px; font-weight:500; }

.quick-layer-pop .quick-pop-title .quick-pop-count{}
.quick-layer-pop .quick-pop-title .quick-pop-count span{font-size:16px; color:#666;}
.quick-layer-pop .quick-pop-title .quick-pop-count span:first-child{color:#0061FD;}

.quick-layer-pop .btn-count{display:flex; align-items: center; font-size:16px; font-weight:500; color:#fff; }
.quick-layer-pop .btn-count span{ margin:0 3px; }
.quick-layer-pop .btn.disabled .btn-count{color:#acacac;}

.quick-recent-pop{display:none;}
.quick-like-pop{display:none;}
.quick-history-pop{display:none;}
.quick-recent-form{width:100%;}

.quick-layer-pop .list-none-box{display:none; align-items: center; justify-content: center; flex-direction: column; width:100%; height:400px; }
.quick-layer-pop .list-none-box.active{display:flex;}
.quick-layer-pop .list-none-box .list-none-ico{width:80px; height:80px; border-radius: 80px; display:flex; align-items: center; justify-content: center; background:#f6f6f6;}
.quick-layer-pop .list-none-box .list-none-txt{font-size:18px; font-weight:700; margin-top:16px;}
.quick-layer-pop .list-none-box .list-none-sub-txt{font-size:14px; color:#888; margin-top:5px;}
.quick-layer-pop .list-none-box .list-none-btn .btn{width:200px; height:52px; margin-top:40px;}

.quick-layer-pop .like-list-login{display:none; align-items: center; justify-content: center; flex-direction: column; width:100%; height:400px; }
.quick-layer-pop .like-list-login.active{display:flex;}
.quick-layer-pop .like-list-login .list-login-ico{width:80px; height:80px; border-radius: 80px; display:flex; align-items: center; justify-content: center; background:#f6f6f6;}
.quick-layer-pop .like-list-login .list-login-txt{font-size:18px; font-weight:700; margin-top:16px;}
.quick-layer-pop .like-list-login .like-login-btn .btn{width:200px; height:52px; margin-top:40px;}
.quick-layer-pop .like-list-login .like-login-btn .btn span{font-size:16px;}


.quick-layer-pop .history-list{width:100%; margin-top:20px; padding-left:40px; box-sizing:border-box; display:flex; align-items: center; }
.quick-layer-pop .history-list .history-title{width:134px; height:40px; display:flex; align-items: center; justify-content: center; font-size:16px; font-weight:700; }
.quick-layer-pop .history-list .history-txt{width:calc( 100% - 150px ); font-size:18px; padding:0 20px; box-sizing:border-box; height:40px; display:flex; align-items: center; }

.quick-layer-pop .history-list.event .history-title{color:#0061FD; background:#f4f9ff; }
.quick-layer-pop .history-list.event .history-title::before{content:""; display:block; width:20px; height:20px; background:url(../images/contents/history_event.png) no-repeat center; margin-right:4px;}

.quick-layer-pop .history-list.search .history-title{color:#515151; background:#f6f6f6; }
.quick-layer-pop .history-list.search .history-title::before{content:""; display:block; width:20px; height:20px; background:url(../images/contents/history_search.png) no-repeat center; margin-right:4px;}



/* 챗봇 상담 기존과 동일 */
.chatbot-box {position:fixed; bottom:80px; right:101px; z-index:99999; padding:50px 0 61px; width:100%; max-width:400px; background:#363636; border-radius:22px; box-shadow:0 0 10px rgba(0,0,0,.2); display: none;}
.chatbot-box .cb-header {position:absolute; left:0; top:0; padding:0 15px 0 28px; width:100%; height:50px; line-height:50px; border-bottom:none; box-sizing:border-box; background:#363636; border-radius:22px 22px 0 0;}
.chatbot-box .cb-header h1 {position:static; color:#fff; font-size:18px; font-weight:400;}
.chatbot-box .cb-header .active {position:absolute; right:50px; top:0; padding:0 15px; line-height:50px; color:#ddd; font-size:14px;}
.chatbot-box .cb-header .active strong {color:#fff;}
.chatbot-box .cb-header .active .circle {display:inline-block; margin-right:6px; width:10px; height:10px; background:#2944cc; border-radius:50em;}
.chatbot-box .cb-header .btn-close-box{position:absolute; right:5px; top:0; width:50px; height:50px; text-indent:-9999em}
.chatbot-box .cb-header .btn-close-box:before,
.chatbot-box .cb-header .btn-close-box:after {display:block; content:""; position:absolute; left:50%; top:50%; margin:-1px 0 0 -13px; width:20px; height:2px; background:rgba(255,255,255,.7); transition:all .3s;}
.chatbot-box .cb-header .btn-close-box:before {transform:rotate(45deg);}
.chatbot-box .cb-header .btn-close-box:after {transform:rotate(-45deg);}
.chatbot-box .cb-header .btn-close-box:hover:before,
.chatbot-box .cb-header .btn-close-box:hover:after {background:#fff;}
.chatbot-box .cb-header .btn-close-box:hover:before {transform:rotate(135deg);}
.chatbot-box .cb-header .btn-close-box:hover:after {transform:rotate(-135deg);}
.chatbot-box .cb-cont {height:600px; overflow-y:scroll; background:#fefefe; border-radius:22px 0 0 0;}
.chatbot-box .message-list > ul {padding:16px 8px;}
.chatbot-box .message-list > ul > li {display:flex; flex-wrap:wrap; max-width:98%;}
.chatbot-box .message-list > ul > li.user {max-width:100%;}
.chatbot-box .message-list > ul > li .picture-box {margin-bottom:5px;}
.chatbot-box .message-list > ul > li .picture-box img {display:block; width:100%; border-radius:18px;}
.chatbot-box .message-list > ul > li .box {display:flex;}
.chatbot-box .message-list > ul > li .box .default {padding:16px; line-height:1.4; font-size:14px; background:#f6f6f6; border-radius:5px 20px 20px 20px;}
.chatbot-box .message-list > ul > li .box .default a {display:inline-block; margin:10px 3px 0 0; padding:0 20px; height:34px; line-height:34px; color:#fff; font-size:15px; background:#2e6da4;}
.chatbot-box .message-list > ul > li .box .default a:hover {text-decoration:underline;}
.chatbot-box .message-list > ul > li .box .default strong {font-size:14px; text-decoration:underline;}
.chatbot-box .message-list > ul > li .box .name {display:block; margin-right:8px; font-size:18px;}
.chatbot-box .message-list > ul > li .box .in-box {padding:0;}
.chatbot-box .message-list > ul > li.ai .box .in-box {max-width:312px;}
.chatbot-box .message-list > ul > li.type03 .box .in-box {width:100%;}
.chatbot-box .message-list > ul > li.user .box .in-box {max-width:312px;}
.chatbot-box .message-list > ul > li .message-time {display:block; margin:8px 0 0 58px; width:100%; color:#999; font-size:12px;}
.chatbot-box .message-list > ul > li.user {flex-direction:row-reverse;}
.chatbot-box .message-list > ul > li.user .box .default {padding:10px 16px; color:#fff; background:#292929; border-radius:20px 5px 20px 20px;}
.chatbot-box .message-list > ul > li.user .message-time {padding-right:10px; text-align:right;}
.chatbot-box .message-list > ul > li + li {margin-top:10px;}
.chatbot-box .message-list .links {margin-top:5px; min-width:200px;}
.chatbot-box .message-list .links li + li {margin-top:5px;}
.chatbot-box .message-list .links a {display:block; position:relative; padding:0 18px; width:100%; height:40px; line-height:39px; background:#fff; box-sizing:border-box; border-radius:18px; border:1px solid #ddd;}
.chatbot-box .message-list .links a p {color:#333; font-size:14px;}
.chatbot-box .message-list .links a:hover {background:#2944cc; border:1px solid #2944cc;}
.chatbot-box .message-list .links a:hover p {color:#fff; font-weight:600;}

.chatbot-box .message-list .links.half {display:flex; justify-content:space-between; flex-wrap:wrap;}
.chatbot-box .message-list .links.half li {width:49%;}
.chatbot-box .message-list .links.half li:nth-child(n+3) {margin-top:4px;}
.chatbot-box .message-list .links.half li + li {margin-top:0;}
.chatbot-box .message-list .news-list {margin-top:5px; padding:4px 10px; border:1px solid #ddd; border-radius:10px;}
.chatbot-box .message-list .news-list li {position:relative;}
.chatbot-box .message-list .news-list li a {display:block; padding:10px 5px; }
.chatbot-box .message-list .news-list li a p {width:90%; line-height:1.4; color:#000; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.chatbot-box .message-list .news-list li a p strong {display:inline-block; color:#2944cc; font-size:12px; font-weight:400;}
.chatbot-box .message-list .news-list li + li {border-top:1px solid #ddd;}
.chatbot-box .message-list .news-list li a:hover {text-decoration:underline; background:#f9f9f9;}
.chatbot-box .message-list .news-list li a:after {display:block; content:">"; position:absolute; right:5px; top:50%; margin-top:-12px; color:#000; font-family:serif; font-size:18px; font-weight:600; transition:all .3s;}
.chatbot-box .message-list .news-list li a:hover:after {right:10px;}
.chatbot-box .message-list .etc-btns {margin-top:10px;}
.chatbot-box .message-list .etc-btns a {display:inline-block; margin-right:3px; padding:0 16px; height:38px; line-height:38px; color:#2944cc; font-size:13px; border-radius:18px; border:1px solid #2944cc;}
.chatbot-box .message-list .etc-btns a:hover {text-decoration:underline;}
.chatbot-box .message-list .etc-btns .back {display:inline-block; position:relative; top:1px; margin-right:2px;}
.chatbot-box .message-list .etc-btns .prev .back {width:10px; height:10px; background:url('/resources/images/new_common/ico_chatbot_back.png') no-repeat center;}
.chatbot-box .message-list .etc-btns .home .back {width:10px; height:12px; background:url('/resources/images/new_common/ico_chatbot_home.png') no-repeat center;}
.chatbot-box .cb-footer {position:absolute; left:0; bottom:0; width:100%; background:#fff; border-top:1px solid #ddd; border-radius:0 0 21px 21px;}
.chatbot-box .input-box {display:flex; justify-content:space-between; margin:0 auto; padding:10px; width:99%; max-width:1000px; height:60px; box-sizing:border-box; border-radius:0 0 22px 22px;}
.chatbot-box .input-box input[type="text"] {padding:0 22px; width:calc(100% - 30px); height:40px; font-size:16px; box-sizing:border-box; background:#f6f6f6; border-radius:22px; border:none;}
.chatbot-box .input-box .btn-send {width:40px; height:40px; background:url('/resources/images/new_common/ico_chatbot_send.png') no-repeat center;}
.chatbot-box .input-box .btn-send.disabled {cursor:default; background:url('/resources/images/new_common/ico_chatbot_send_disabled.png') no-repeat center;}
.chatbot-loading {display:none;}
.chatbot-loading .dim {position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; background:rgba(255,255,255,0.7);}
.chatbot-loading .loading-box {position:absolute; left:50%; top:40%; z-index:400; margin-left:-150px; padding:40px 40px 30px; width:300px; text-align:center; background:#fff; box-shadow:0 3px 0 rgba(0,0,0,.2); border:1px solid #ddd;}
.chatbot-loading .loading-box .out-box {position:relative; width:100%; height:6px; background:#999; overflow:hidden;}
.chatbot-loading .loading-box .out-box .in-box {animation:moveBox 1.5s ease-in-out infinite alternate-reverse; position:absolute; top:1px; left:-77%; width:80%; height:4px; background:#000;}
.chatbot-loading .loading-box p {margin-top:20px; line-height:26px; color:#222; font-size:18px;}




/* sns 공유 팝업 */
#sharePop{width:400px;min-height: unset;  z-index: 999999; max-height:none; display:none; will-change: transform;}
#sharePop .layer-pop-body{min-height: unset; max-height:none; height:160px;overflow: hidden;}
#sharePop .layer-pop-body .share-sns-list{display:flex;padding:40px 20px; box-sizing:border-box; align-items: center; justify-content: space-between;}
#sharePop .layer-pop-body .share-sns-list .share-sns{text-align: center; width:80px; display:flex; flex-direction: column; align-items: center; justify-content: center;}
#sharePop .layer-pop-body .share-sns-list .share-sns .sns-txt{font-size:14px;margin-top:10px;}

/* 썸네일 리스트형 */
.list-thumnail{position: relative; overflow: hidden;}
.list-thumnail img{position: absolute; left:50%; top:50%; transform: translate( -50% , -50% ); }


/* 공통 테이블 */
.tbl-ty01{width:100%; border-top:1px solid #888; }
.tbl-ty01 thead tr th{ border-bottom:1px solid #ddd; box-sizing:border-box; padding:12px 0px; box-sizing:border-box; min-height:48px; background:#f6f6f6; font-size:16px; color:#333; line-height:1.3; text-align: center; vertical-align: middle; font-weight:400; border-right:1px solid #ddd; }
.tbl-ty01 thead tr th:last-child{border-right:0px;}
.tbl-ty01 tbody tr td{border-bottom:1px solid #ddd; box-sizing:border-box; padding:15px 22px; box-sizing:border-box; min-height:52px; background:#fff; font-size:14px; color:#666; line-height:1.3; vertical-align: middle; font-weight:400; border-right:1px solid #ddd; word-break: keep-all; }
.tbl-ty01 tbody tr td:last-child{border-right:0px;}
.tbl-ty01 tbody tr th{border-bottom:1px solid #ddd; box-sizing:border-box; padding:15px 0; box-sizing:border-box; min-height:52px; background:#fff; font-size:14px; color:#666; line-height:1.3; vertical-align: middle; font-weight:400; border-right:1px solid #ddd; }

/* 플로팅 배너 */
.visual-ft-bn{position: absolute; top:82px; right:42px; z-index: 9; animation:ftMove 0.7s ease-in-out infinite alternate-reverse;}
.visual-ft-bn .visual-ft-bn-box{position: relative; width:146px; height:146px; }
.visual-ft-bn .visual-ft-bn-box .ft-bn-close{position: absolute; right:-2px; top:-2px; width:36px; height:36px; border-radius: 36px; background:#333; display:flex; align-items: center; justify-content: center; }
.visual-ft-bn .visual-ft-bn-box .ft-bn-close i{width:18px; height:18px; position: relative;}
.visual-ft-bn .visual-ft-bn-box .ft-bn-close i::before{content:""; width:1px; height:18px; display:block; background:#fff; transform: rotate(45deg); position: absolute; left:8px; top:0; }
.visual-ft-bn .visual-ft-bn-box .ft-bn-close i::after{content:""; width:1px; height:18px; display:block; background:#fff; transform: rotate(135deg); position: absolute; left:8px; top:0; }
.visual-ft-bn .visual-ft-bn-box .ft-bn-day-close{width:131px; height:35px; border-radius: 2px; background:#333; color:#fff; font-size:15px; display:flex; align-items: center; justify-content: center; position: absolute; left:50%; bottom:0px; transform: translate( -50% , 0 ); }
.visual-ft-bn .visual-ft-bn-box .ft-bn-img{display:flex; align-items: center; justify-content: center;}

/* 공통 켈린더 */
.calendar-form {position: relative;}
.calendar-form .calendar-inpt{width:160px; cursor:pointer; height:44px; border:1px solid #f6f6f6; background:#f6f6f6; padding:0 8px; display:flex; align-items: center; justify-content: space-between; }
.calendar-form .calendar-inpt::after{content:""; display:block; width:24px; height:24px; background:url(../images/smartbuy/calendar_ico.png) no-repeat center;}
.calendar-form .calendar-inpt .txt{font-size:14px; color:#888;}

.calendar-form .calendar-inpt.active{background:#fff; border:1px solid #131313;}
.calendar-form .calendar-inpt.active .txt{color:#131313 !important;}


.calendar-form .calendar-box{padding:20px; display:none; background:#fff; border:1px solid #acacac; position: absolute; left:0; top:44px; z-index: 9999;}
.calendar-form .calendar-box .calendar-head{display:flex; align-items: center; justify-content: space-between;}
.calendar-form .calendar-box .calendar-head .calendar-select{display:flex; gap:0px 10px;}
.calendar-form .calendar-box .calendar-head .calendar-select .change-select{position: relative;}
.calendar-form .calendar-box .calendar-head .calendar-select .change-select.year-select{width:100px;}
.calendar-form .calendar-box .calendar-head .calendar-select .change-select.month-select{width:80px;}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-title{height:44px; padding:0px 8px; display:flex; align-items: center; justify-content: space-between; font-size:14px; font-weight:700; background:#f6f6f6; cursor: pointer; }
.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-title::after{content:""; display:block; width:16px; height:16px; background:url(../images/common/select_arrow.png) no-repeat center; transform: rotate( 0deg ); transition: all 0.2s;}
.calendar-form .calendar-box .calendar-head .calendar-select .change-select.active .change-title::after{transform: rotate( 180deg ); transition: all 0.2s;}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-list{width:100%; background:#fff; padding:20px; border:1px solid #acacac; max-height:200px; overflow-y:auto; position: absolute; left:0; top:44px; display:none; }
.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-list li{font-size:14px; color:#666; min-height:24px; display:flex; align-items: center; cursor: pointer; margin-top:10px;}
.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-list li:hover{font-weight:700; color:#131313;}
.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-list li.active{font-weight:700; color:#131313;}
.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-list li:first-child{margin-top:0px;}

.calendar-form .calendar-box .calendar-head .calendar-close{display:flex; width:24px; height:24px; align-items: center; justify-content: center; cursor:pointer; }
.calendar-form .calendar-box .calendar-head .calendar-close .close-ico{width:16px; height:16px; position: relative; transform: rotate(0deg); transition: all 0.2s;}
.calendar-form .calendar-box .calendar-head .calendar-close .close-ico::before{ content:""; display:block; width:16px; height:1px; background:#131313; position: absolute; left:0; top:8px; transform: rotate(45deg); }
.calendar-form .calendar-box .calendar-head .calendar-close .close-ico::after{ content:""; display:block; width:16px; height:1px; background:#131313; position: absolute; left:0; top:8px; transform: rotate(135deg); }
.calendar-form .calendar-box .calendar-head .calendar-close:hover .close-ico{transform: rotate(180deg); transition: all 0.2s;}

.calendar-form .calendar-box .calendar-body{margin-top:10px;}
.calendar-form .calendar-box .calendar-body .calander-week{display:flex; align-items: center; gap:0px 5px;  }
.calendar-form .calendar-box .calendar-body .calander-week li{display:flex; align-items: center; justify-content: center; width:36px; height:36px; font-size:16px; font-weight:500; color:#888; }

.calendar-form .calendar-box .calendar-body .calendar-day-list{display:flex; flex-wrap: wrap; align-items: center; margin-top:10px; gap:10px 5px; width:282px; }
.calendar-form .calendar-box .calendar-body .calendar-day-list li{display:flex; align-items: center; justify-content: center; width:36px; height:36px; font-size:14px; font-weight:700; color:#131313; border-radius: 36px; cursor: pointer; }
.calendar-form .calendar-box .calendar-body .calendar-day-list li.today{color:#0061FD !important;}
.calendar-form .calendar-box .calendar-body .calendar-day-list li:nth-child(7n - 6){color:#ff3f3f;}
.calendar-form .calendar-box .calendar-body .calendar-day-list li:nth-child(7n){color:#131313;}
.calendar-form .calendar-box .calendar-body .calendar-day-list li:hover{background:rgba(0,0,0,0.06);}
.calendar-form .calendar-box .calendar-body .calendar-day-list li:active{background:rgba(0,0,0,0.1);}
.calendar-form .calendar-box .calendar-body .calendar-day-list li.active{background:#333; color:#fff;}
.calendar-form .calendar-box .calendar-body .calendar-day-list li.disabled{color:#acacac;}

/* 공통 bubble */
.bubble{position: absolute; left:50%; top:-36px; transform: translate( -50% , -0 ); transition: all 0.2s;   }
.bubble .bubble-txt{padding:0 15px; height:40px; background:#fff; border-radius: 40px; border:1px solid #000; display:flex; align-items: center; justify-content: center; font-size:12px; position: relative;  }
.bubble .bubble-txt span{font-size:12px; font-weight:700;}
.bubble .bubble-txt::before{content: ""; display:block; width:10px; height:9px;  background:url(../images/contents/my_float_arrow.png) no-repeat center; background-size:contain; position: absolute; left:50%; bottom:-8px; transform: translate( -49.99% , -0 );}

/* 공지 팝업 공통 */
.notice-pop{position: fixed; z-index: 99999; left:50%; top:50%; transform: translate( -50%, -50% ); }
.notice-pop .notice-pop-form{background:#fff; border:1px solid #131313;}
.notice-pop .notice-pop-form .notice-pop-cont{}


.notice-pop .notice-pop-form .notice-pop-ft{display:flex; align-items: center; justify-content: space-between; height:40px; padding:0 24px; background:#333;}
.notice-pop .notice-pop-form .notice-pop-ft button{font-size:14px; color:#fff;}


/* 서비스 점검 팝업 */
.site-check-pop{padding:60px 40px; display:flex; flex-direction: column; gap:30px 0px; }
.site-check-pop .site-check-head{display:flex; flex-direction: column; align-items: center; justify-content: center;}
.site-check-pop .site-check-head i{margin:0 auto;}
.site-check-pop .site-check-head .site-check-title{margin-top:10px; font-size:36px; font-weight:800; text-align: center;}
.site-check-pop .site-check-txt{font-size:18px; font-weight:500; line-height:1.4; text-align: center; }
.site-check-pop .site-check-schedule{}
.site-check-pop .site-check-schedule .site-check-time{display:flex; align-items: center; height:32px; border-radius: 32px; background:#f4f4f4; overflow: hidden;   }
.site-check-pop .site-check-schedule .site-check-time .title{width:79px; height:32px; border-radius: 32px; background:#333; color:#fff; display: flex; align-items: center; justify-content: center; font-size:16px; font-weight:500; }
.site-check-pop .site-check-schedule .site-check-time .time{padding:0px 15px 0px 10px; font-size:16px;}
.site-check-pop .site-check-schedule .site-check-time .time span{font-size:16px; font-weight:800; }
.site-check-pop .site-check-schedule .site-check-time-sum{margin-top:10px; text-align: center; font-size:12px; color:#888; } 

.site-check-pop .site-check-summary{text-align: center; font-size:16px; line-height:1.4; }

.scoroll-none{overflow:hidden;}



/* margin set */
.mgt50{margin-top:50px !important};
.mgt60{margin-top:60px !important};
.mgt70{margin-top:70px !important};
.mgt80{margin-top:80px !important};
.mgt90{margin-top:90px !important};



@media screen and (max-width : 750px ){
  .quick-form{display:none;}
}



@keyframes loading-motion {
  0%, 20%, 80%, 100% {
      transform: scale(0.2);
    }
    50% {
      transform: scale(0.8);
    }
}


@keyframes moveBox {
	from {left:-77%;}
	to {left:97%;}
}

@keyframes ftMove {
	from {top:82px;}
	to {top:72px;}
}