@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
* { 
font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}
html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,b,strong,:before,:after,h1,h2,h3,h4,h5,h6 {font-family:Pretendard, Helvetica, Roboto, Arial, sans-serif;font-size:16px;line-height:1.3;letter-spacing:-.5px;font-weight:300;color:#222;}
body {margin:0;padding:0;border:0;}
b,strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
@media all and (max-width:3000px){ 
	html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,b,strong,:before,:after,h1,h2,h3,h4,h5,h6 {font-size:16px;}
}
@media all and (max-width:1900px){ 
	html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,b,strong,:before,:after,h1,h2,h3,h4,h5,h6 {font-size:16px;}
}
@media all and (max-width:1200px){ 
	html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,b,strong,:before,:after,h1,h2,h3,h4,h5,h6 {font-size:15px;}
}
@media all and (max-width:1000px){ 
	html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,b,strong,:before,:after,h1,h2,h3,h4,h5,h6 {font-size:13px;}
}
@media all and (max-width:850px){ 
	html,body,th,td,input,select,textarea,button,p,span,a,i,li,dd,dt,b,strong,:before,:after,h1,h2,h3,h4,h5,h6 {font-size:12px;}
}
html{
	--main-color:#006CD2;
	--main_gra:linear-gradient(90deg,#E8F2FB 35%, #E8E7F8 100%);
}
html.no-fixed-nav .container {margin-bottom:0}
.row {position:relative;display:block;max-width:100%;box-sizing:border-box;}
.column, .columns {position:relative;}
b, em, i {font-style:normal;}
a:focus, a:hover {color:inherit;}
img {max-width:100%;border:0;}

::-webkit-scrollbar-thumb {background:#333;}
::-webkit-scrollbar-track {background:transparent;}

.close {background-repeat:no-repeat;background-position:center;background-size:auto 1.875rem;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20.33L20.33 4' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.33 20.33L4 4' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}

.header {position:relative;height:5.62rem;text-align:center;}
.logo {display:inline-block;width:6rem;height:100%;background-repeat:no-repeat;background-position:center;background-size:auto 2.625rem;background-image: url("data:image/svg+xml,%3Csvg width='78' height='37' viewBox='0 0 78 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.784 21.2544L59.7487 18.7923C59.9001 18.7656 60.0518 18.7507 60.2048 18.748C60.3561 18.7456 60.4997 18.7803 60.6325 18.8541L61.6006 19.4789C61.6959 19.5434 61.7723 19.6211 61.8286 19.7163C61.8863 19.8101 61.9144 19.9778 61.9144 20.219V23.3783C61.9144 23.7001 61.7951 23.998 61.5577 24.2727C61.3204 24.5476 60.9933 24.7219 60.5749 24.7957L49.7748 26.7012V28.6295L62.3984 26.4035V28.7193L45.5858 31.6842V27.5353C45.5858 27.3114 45.6368 27.0726 45.7414 26.8205C45.846 26.5698 46.0417 26.3298 46.326 26.1031L47.4657 25.1779C47.561 25.0814 47.7032 24.9954 47.8935 24.9216C48.0827 24.8494 48.2731 24.7942 48.4636 24.7606L57.7255 23.1288V21.4645L45.7843 23.5699L45.784 21.2544ZM42.4209 10.5374L56.0439 8.13581V10.4504L54.3058 10.7574V10.7708L50.3729 11.4628V11.4507L48.2074 11.8328V11.8436L44.4164 12.5085V12.5006L42.4211 12.8533L42.4209 10.5374ZM36.75 14.6274V7.68254L40.3412 7.04962V27.2098L36.75 28.6389V17.0157L34.5563 17.4018V27.9887L30.9651 29.4181V22.641L28.1721 24.7019C27.8877 24.9285 27.527 25.1082 27.0898 25.2422C26.6526 25.3751 26.2249 25.4784 25.808 25.5521L19.8795 26.5978V11.3327L23.4705 10.6997V23.6493L25.6645 23.2631C25.8547 23.2296 26.0359 23.1814 26.2061 23.1183C26.3779 23.0566 26.5669 22.9587 26.7761 22.826L30.9651 19.9642V8.70295L34.5563 8.07003V15.0149L36.75 14.6274ZM53.992 15.7565C54.1811 15.7229 54.3621 15.6786 54.5338 15.6251C54.7041 15.5701 54.8945 15.4856 55.1038 15.3675L57.9534 13.7316V7.36478L62.0003 6.65137V10.4851L65.6197 9.84826V12.1627L62.0003 12.801V17.19L57.9534 17.9033V16.0462L55.7595 17.3736C55.4366 17.5601 55.065 17.7223 54.6479 17.8592C54.2297 17.9971 53.8111 18.1032 53.3942 18.1768L42.2792 20.136V17.8214L44.4166 17.4447V13.4125L48.2076 12.7474V16.7769L50.373 16.3947V12.3665L54.306 11.6759V13.2408C54.306 13.4821 54.2778 13.7492 54.2201 14.04C54.1625 14.331 54.0581 14.5791 53.9063 14.783L53.0803 15.9174L53.992 15.7565ZM52.165 0.5C47.9852 0.5 44.1379 1.9252 41.0826 4.3158C38.0273 1.9252 34.1803 0.5 30.0001 0.5C20.059 0.5 12 8.55899 12 18.5C12 28.441 20.059 36.5 30.0001 36.5C34.1803 36.5 38.0273 35.0747 41.0826 32.6841C44.138 35.0747 47.9852 36.5 52.165 36.5C62.1062 36.5 70.165 28.441 70.165 18.5C70.165 8.55899 62.1062 0.5 52.165 0.5Z' fill='url(%23paint0_linear_1012_14216)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1012_14216' x1='15.5' y1='10' x2='67.5' y2='29.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232D87F3'/%3E%3Cstop offset='1' stop-color='%232DE7C3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");font-size:0 !important;text-indent:-999999px;cursor:pointer;}
.total_menu {position:absolute;right:0;top:0;width:5rem;height:100%;border:0;font-size:0;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:auto 1.875rem;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11.67H21' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 18.33H21' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 5H21' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}

.block_ui {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);z-index:500;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
.total_menu_wrap {display:none;position:fixed;top:0;bottom:0;right:-100%;width:85%;max-width:27rem;height:100%;background:#fff;padding:0;overflow:hidden;z-index:510;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.total_menu_wrap.active {right:0;}
.total_menu_wrap .menu_close {display:block;position:absolute;right:0;top:0;width:4.5rem;height:4.5rem;border:0;z-index:103;font-size:0;line-height:0;}
.total_menu_wrap .menu_m_wrap {height:100%;}
.total_menu_wrap .menu_m_wrap .gnb {padding:6rem 0 0;overflow:auto;}
.total_menu_wrap .menu_m_wrap .gnb > ul {padding:1.5rem 2rem;}
.total_menu_wrap .menu_m_wrap .gnb > ul > li {border-bottom:.1rem solid #eaeaea;}
.total_menu_wrap .menu_m_wrap .gnb > ul > li:last-child {border-bottom:0;}
.total_menu_wrap .menu_m_wrap li {position:relative;display:block;font-size:0;text-indent:1rem;overflow:hidden;}
.total_menu_wrap .menu_m_wrap li a {display:block;}
.total_menu_wrap .menu_m_wrap li a span {position:relative;display:block;min-width:3rem;line-height:3.8rem;font-size:1.2rem;font-weight:bold;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.total_menu_wrap .menu_m_wrap li ul {padding:0 0 1.7rem;}
.total_menu_wrap .menu_m_wrap li ul li a {display:block;line-height:2.3rem;font-size:1.05rem;}
.total_menu_wrap.active .total_menu {display:none;}

@media screen and ( max-width:900px ) {	
	.total_menu_wrap .menu_m_wrap .gnb {height:calc(100% - 10rem);}
	.total_menu_wrap .menu_m_wrap .gnb > ul {padding:1rem 1.5rem;}
	.total_menu_wrap .menu_m_wrap li a span {line-height:3.2rem;font-size:1.125rem;}
	.total_menu_wrap .menu_m_wrap li ul li a {font-size:1rem;}
	.total_menu_wrap .logo {padding:1.5rem 0 .5rem;}
	.total_menu_wrap .logo a {height:3rem;line-height:3rem;}
	.total_menu_wrap .logo span {display:none;}
	.total_menu_wrap .right_btn {padding:.7rem 0 .7rem 1.5rem}
	.total_menu_wrap .right_btn .btn_go {border-color:#ddd;padding:.6rem 1rem;font-size:.9rem;}
	.total_menu_wrap .service_btn {padding:1.5rem 1rem 0;}
	.total_menu_wrap .service_btn button {width: 100%;text-align: left;margin: 0;font-size:.9rem;}
}


.visual {position:relative;display:flex;align-items:center;justify-content:center;height:25rem;overflow:hidden;}
.visual .bg {position:absolute;left:0;bottom:0;top:0;right:0;z-index:1;background: var(--main_gra);}
.visual .slogan{display: flex; justify-content: center; position:relative; gap: .5rem; width:100%;z-index:2;}
.visual .slogan p{font-size: 2.35rem; font-weight: 700; color:#000000;}
.visual .slogan_p{display: flex; gap: .625rem; align-items: center;}
.visual .slogan_p::before{content: ""; display: block; width:4.0625rem; height:2.5rem; background: url(../images/naepal_logo.svg) center / cover no-repeat;}
.visual .slogan_p strong{font-size: 2.35rem; color:var(--main-color); font-weight: 800;}
/*내팔부산*/
.visual .slogan_p.busan::before{width:8.5625rem; background: url(../images/naepal_busan.svg) center / cover no-repeat;}

.row {padding:6.25rem 0;}
.row.bg {background-color:#F9F9F9;}
.column {position:relative;margin:0 auto;max-width:65.625rem;width:85%;}

.col2 {display:flex;align-items:center;justify-content:center; gap: 1.25rem;}

.img {flex:none;width:27.5rem;height:25.9375rem;background-size:contain;background-position:center;background-repeat:no-repeat;}
.img1 {background-image:url(../images/main_img1.png);}
.img2 {background-image:url(../images/main_img2.png);}
.img3 {background-image:url(../images/main_img3.png);}
.img4 {background-image:url(../images/main_img4.png);}
.img5 {background-image:url(../images/main_img5.png);}

.title_wrap {flex:auto;position:relative;}
.title_wrap h3 {padding-bottom:1.875rem;font-size:2.125rem;word-break:keep-all;}
.title_wrap h4 {padding-bottom:.625rem;font-size:2rem;word-break:keep-all;}
.title_wrap p, .title_wrap p * {font-size:1.25rem;line-height:1.5;word-break:keep-all;}
.title_wrap p {padding-top:1.875rem;}
.title_wrap p:first-of-type {padding-top:0;}
.title_wrap p.guide {font-size:.935rem;color:#5A5D60;}

.naepal_app{background: var(--main-color);}
.naepal_app .app_cont{display: flex; align-items: center; justify-content: center; gap:5.625rem; padding:5rem 0;}
.naepal_app .app_cont .appimg1{display: flex; gap:1.875rem;}
.naepal_app .app_cont .appimg1 > div{background-color:#ffffff; border-radius:1.25rem; padding:1.2rem;}
.naepal_app .app_cont .appimg1 > div p{font-size: var(--font-22); text-align: center; color:#000000; font-weight: 700;}
.naepal_app .app_cont .appimg1 img{width:9.25rem;}
.naepal_app .app_cont .appimg2{display: none; flex-direction: column; gap:1rem;}
.naepal_app .app_cont .appimg2 > div{display: flex; align-items: center; justify-content: center; background-color:#000000; border-radius: 100px; width:22.5rem; height:5.3125rem;}
.app_tit{text-align: center;}
.app_tit h2{padding-bottom: 1.875rem; font-size: 2.125rem;}
.app_tit h2, .app_tit p::before{color:#ffffff;}
.app_tit p::before{content: "실시간으로 내차팔기 진행상황을 확인하세요.\AQR코드를 찍어 앱을 다운로드하세요"; display: block; font-size: var(--font-18); letter-spacing: 0; line-height: 1.5; word-break: keep-all; white-space: pre-line;}


@media all and (max-width:1300px){

}
@media all and (max-width:1200px){
    .img {width:26rem;height:24rem;}    
	.board .box {flex-direction: column;gap:3rem;}
}    
@media all and (max-width:1000px){ 
	.img {width:24rem;height:22rem;}
}
@media all and (max-width:900px){
	.naepal_app .app_cont{flex-direction: column; gap:2.5rem;}
  	.naepal_app .app_cont .appimg1{display: none;}
  	.naepal_app .app_cont .appimg2{display: flex;}
	.naepal_app .app_cont .appimg2 img{max-width: 9rem;}
	.naepal_app .app_cont .appimg2 div:nth-of-type(2) img{max-width: 10.5rem;}
  	.app_tit p::before{content: "내팔 APP을 설치하여\A실시간으로 내차팔기 진행상황을 확인하세요.\A아래 버튼을 눌러 앱을 다운로드하세요";}

}
@media all and (max-width:850px){ 
    .header {height:4.5rem;}
    .logo {background-size:auto 2.25rem;}
	.img {width:22rem;height:20rem;}
}
@media all and (max-width:740px){ 
    .header {text-align:left;}
    .img {width:24rem;height:22rem;}
	.col2 {flex-direction:column;}
    .title_wrap {flex:none;width:100%;}
    .brnone .title_wrap br {display:none;}
	.visual .slogan{flex-direction: column; align-items: center;}
	.visual .slogan_p.busan::before{width:7rem; height:2rem;}
}


.copyright {padding:3.125rem 0 7.5rem;font-size:1rem;text-align:center;line-height:1.5;}
.copyright span {margin-right:1rem;}
.copyright .copy {padding-top:.625rem;}
.copyright .agree1{display:flex; justify-content: center; gap: 20px; margin-bottom: 10px;}
.copyright .agree1 a{color: #818181;}


/* board view */
@media screen and ( max-width:900px), screen\9 {
	.row {padding:2.5rem 0;}
	.main_index .row {padding:5rem 0;}
}

.board .btn_more {position:absolute;right:0;top:.5rem;font-size:.75rem;}
.board h4 {padding-left:.5rem;}


@media screen and ( max-width:900px), screen\9 {
	.board .box {width:100%;margin:0;}
	.board .box + .box {margin-top:3rem;}

}

/* 게시판 상세 */
.veiw_table_list  {border-bottom:1px solid #888;}
.veiw_table_list > li {display:flex;border-bottom:1px solid #eee; padding:1.5rem 2rem;background:#f7f7f7;}
.veiw_table_list > li img {display:inline-block;max-width:100%;}
.veiw_table_list > li:nth-child(1) {border-top:1px solid #555;background:#fff;padding:2rem;font-size:1.6rem;font-weight:bold;justify-content:center;}
.veiw_table_list .veiw_table_date {display:inline-block;padding-right:1rem;color:#999;}
.veiw_table_list .veiw_table_date + div {padding-right:3rem;}
.veiw_table_list > li.conts {display:block;padding:3rem 2rem 4rem;background:#fff;line-height:1.7;font-size:1.1rem;}
.veiw_table_list > li.conts * {font-size:1.1rem;}
.veiw_table_list > li .file {text-decoration:underline;}
@media screen and ( max-width:900px ) {
	.veiw_table_list > li {display:block;padding:1rem;}
	.veiw_table_list .veiw_table_date {width:3rem;}
	.veiw_table_list .veiw_table_date + div {display:inline-block;width:calc(100% - 4rem);padding-right:0;line-height:1.6;}
	.veiw_table_list > li:nth-child(1) {padding:1rem;font-size:1.2rem;font-weight:bold;}
	.veiw_table_list > li.conts {padding:3rem 0;}
	.veiw_table_list > li.conts * {font-size:1rem;}
}

.button {position:relative;display:inline-block;min-width:10rem;height:3.2rem;border:0;border-radius:0;padding:0 1.5rem;background:#094eeb;color:#fff;font-size:1rem;letter-spacing:-.5px;line-height:1;text-align:center;cursor:pointer;}
.button.arrow {width:15rem;text-align:left;}
.button.arrow:after {content:'';position:absolute;top:50%;right:1rem;width:.5rem;height:.5rem;margin-top:-.25rem;border-color:#fff;border-style:solid;border-width:0 1px 1px 0 !important;transform:rotate(-45deg);}
.button.line {border:1px solid #555;background:#fff;font-weight:bold;color:#161616;}
.button.border {border:1px solid #9799a0;background:transparent;color:#9799a0;}
.button.gray {background-color:#161616;}
.button.black {background-color:#161616;}
.button.big {width:13rem;height:3.5rem;font-size:1.1rem;}
.button.link {min-width:5rem;height:auto;padding:.3rem .5rem;border:0;border-bottom:1px solid #999;background:transparent;color:#161616;font-weight:bold;}
.button.del {min-width:2.3rem;height:2.3rem;padding:0;border:0;background:url('/images/sub/icon_reload.png') no-repeat center transparent;background-size:auto 2rem;color:#161616;font-size:0;}
.btn_more {width:auto;padding:0 1.2rem 0 0;border:0;background:transparent;font-size:1rem;color:#555;}
.btn_more:before {content:'';position:absolute;right:0;top:.5rem;width:.7rem;height:1px;background:#555;transform:rotate(90deg);vertical-align:middle;}
.btn_more:after {content:'';position:absolute;right:0;top:.5rem;width:.7rem;height:1px;background:#555;vertical-align:middle;}
.btn_go {min-width:auto;padding:0;border:0;background:transparent;font-size:.9rem;color:#161616;font-weight:bold;}
.btn_go:after {content:'';display:inline-block;width:1.5rem;height:.9rem;background:url(/images/main/icon_arrow.png) no-repeat center;background-size:auto 1.3rem;vertical-align:middle;}

.button-group {padding:1rem 0;text-align:center;}
.button-group .button {/*height:3rem;*/height:3.4rem;}

@media screen and ( max-width:900px ) {	
	.btn_more {font-size:.85rem;}	
	.button-group .button {width:5rem;min-width:auto;height:2.5rem;font-size:.9rem;}
	.button.arrow {width:12rem;}
}

/* board list */
.list_count { padding:1rem 0;position:relative; }
.list_count span { color:#121c3c; font-weight:bold; }
.list_count .right {position:absolute;right:0;top:0;padding-top:.5rem;}
.list_count .right .button {min-width:5rem;height:2.5rem;text-indent:0;}

@media screen and ( max-width:900px ) {
	.list_count .right .button {height:2.2rem;font-size:.9rem;}
}

.table_list {border-top:1px solid #555;}
.table_list li {position:relative;border-bottom:1px solid #e2e2e2;font-size:0;}
.table_list li span {display:inline-block;}
.table_list li span.num {display:none;}
.table_list li span.table_title {width:85%;display:flex;align-items: center;}
.table_list li span.table_title:hover { text-decoration:underline; cursor:pointer;   }
.table_list li span.table_date {position:absolute;right:0;top:0;width:15%;text-align:center;line-height:5rem;font-size:1rem;color:#888;}
.table_list li span a {display:block;padding:0 1.5rem;font-size:1.15rem;line-height:5rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table_list li.b_header {display:flex;background:#f9f9f9;}
.table_list li.b_header span {font-size:1rem;line-height:3.5rem;color:#161616;text-align:center;}
.table_list li.b_header span.table_title {justify-content: center;}
.table_list li.b_header span.table_title:hover { text-decoration:none;}

@media screen and ( max-width:900px ) {
	.table_list li.b_header {display:none !important;}
	.table_list li span.table_title {width:100%;}
	.table_list li span a {padding:1rem .5rem 2.1rem;line-height:1.2;font-size:1.05rem;}
	.table_list li span.table_date {width:100%;right:auto;top:auto;left:.5rem;bottom:1rem;font-size:.8rem;text-align:left;line-height:1;color:#999;}
}

.list_page {clear:both;padding-top:1rem; text-align:center;}
.list_page li { display:inline-block;cursor:pointer;vertical-align:middle;}
.list_page li.page {border:0;}
.list_page li.next {padding-left:1.5rem;}
.list_page li.prev {padding-right:1.5rem;}
.list_page li a {display:block;width:3rem;background-color:#fff;border:1px solid #ddd;margin-left:-1px;line-height:3rem;font-size:0;font-weight:normal;background-repeat:no-repeat;background-size:auto 1.25rem;background-position:center;}
.list_page li a:hover {background-color:#f7f7f7;}
.list_page li.page a {color:#555;border:0;font-size:1.1rem;text-align:center;}
.list_page li.on a {background-color:#161616 !important;border-color:#161616;color:#fff;}
.list_page li.prev a {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.17 5L8 12.17L15.17 19.34' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.list_page li.first a {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.17 5L5 12.17L12.17 19.34' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.17 5L12 12.17L19.17 19.34' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.list_page li.next a {transform:rotate(180deg);background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.17 5L8 12.17L15.17 19.34' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.list_page li.last a {transform:rotate(180deg);background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.17 5L5 12.17L12.17 19.34' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.17 5L12 12.17L19.17 19.34' stroke='%2330304B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.list_page li.off {opacity:.3;}

@media screen and ( max-width:900px ) {
	.list_page li a {width:2.5rem;line-height:2.5rem;}
	.list_page li.page a {font-size:1rem;}
	.list_page li.next {padding-left:.5rem;}
	.list_page li.prev {padding-right:.5rem;}
	.list_page li.first, .list_page li.last {display:none;}
}





/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                   내차팔기 추가
///////////////////////////////////////////////////////////////////////////////////////////*/
br.mo{display: none;}
.visual{flex-direction: column; gap: 2.5rem; height:25rem;}
.main_form_wrap{z-index: 2;}
.main_form_wrap .main_form{display: flex; flex-wrap: wrap; align-items: center; gap:1rem; position: relative; border-radius: 0.9375rem; padding:.7rem 1.125rem; transition: padding .5s; background:#ffffff;}
.main_form_wrap .main_form .owner_wrap{position: relative; width:19rem;}
.main_form_wrap .main_form .owner_wrap::before{content: ""; position: absolute; top:0; left:0; width:1px; height:100%; background:#E2E2E2;}
.main_form_wrap .main_form input{width:14.5rem; height:3.2rem; border:0;font-size: 1.25rem; font-weight: 700; color:#2f2f2f;}
.main_form_wrap .main_form input[class=owner-nm]{width:91%; padding:0 1rem;}
.main_form_wrap .main_form input::placeholder{color:#CACCCE; font-size: 1.25rem; font-weight: 700;}
.main_form_wrap button{height:2.625rem; background:var(--main-color); border-radius: 8px; color:#ffffff; font-weight: 700; font-size: 1.1rem; padding:0 1.27rem;}
.ex{display: inline-block; position: relative; top:.3rem; margin-left:.2rem; width:1.25rem; height:1.25rem; background:url('/images/inc/ex.svg') center / cover no-repeat;}
.ex_tx{display: block !important; position: absolute; height:0; opacity: 0; padding:0; transition: opacity .3s, padding .3s; border-radius: .5rem;  background-color:#ffffff; overflow: hidden; z-index: 33; letter-spacing: 0;
font-weight: 400 !important; font-size: 0.875rem !important; color:#222222 !important; box-shadow: 0 0 .75rem rgba(0,0,0,.05);}
.ex:hover + .ex_tx{display: block; padding:1rem; border:1px solid #dddddd; opacity: 1; height: auto;}

.main_loading{display: flex; align-items: center; justify-content: center; gap:.2rem; width:100%; position: absolute; left:50%; transform: translateX(-50%); bottom:.9rem; opacity: 0; transition: opacity .5s .4s; height:0;
overflow: hidden; z-index: 2;}
.main_loading::before{content: ""; display: block; width:2.5rem; height:1.875rem; background:url('/images/loading.svg') center / cover no-repeat;}
.main_form_wrap .main_form.on{padding-bottom: 4.5rem;}
.main_form_wrap .main_form.on .main_loading{height:auto; opacity: 1; }
.main_form_wrap .main_form.on .main_loading span{animation: loading 2.5s ease infinite;}
.main_form_wrap .main_form::before{content: ""; position: absolute; bottom: 0; left: 0; width:100%; height:0; background-color:#F5F7FA; border-bottom-left-radius: 0.9375rem; border-bottom-right-radius: 0.9375rem; z-index: 1; opacity: 0; transition: opacity .3s .3s; overflow: hidden;}
.main_form_wrap .main_form.on::before{opacity: 1; height:3.5rem;}

.main_loading span::before{font-size: .95rem; color:#757575;}
.main_loading span.step1::before {content:'소유자명을 확인하는 중입니다.';}
.main_loading span.step2::before {content:'추가정보를 확인하는 중입니다.';}
.main_loading span.step3::before {content:'차량을 분석중입니다.';}

@keyframes scroll_down{
	0%{bottom:6%}
	50%{bottom:5%}
	100%{bottom:6%;}
}
@keyframes loading{
	0%{opacity: 1;}
	30%{opacity: .5;}
	100%{opacity: 1;}
}

@media(max-width:740px){
br.mo{display: block;}
.visual{height:40rem; gap:2.5rem;}
.visual:has(.main_form.on){gap:1.5rem;}
.title_wrap h3, .app_tit h2{font-size: 2rem;}
.main_form_wrap{padding:0 2rem;}
.main_form_wrap .main_form{gap:0; padding: .65rem 1.125rem 1.5rem;}
.main_form_wrap .main_form input, .main_form_wrap .main_form .owner_wrap, .main_form_wrap button{width:100%;}
.main_form_wrap .main_form input, .main_form_wrap .main_form input[class=owner-nm]{height:5rem;}
.main_form_wrap .main_form input, .main_form_wrap .main_form input::placeholder{font-size: 1.5rem;}
.main_form_wrap .main_form input[class=owner-nm]{width:100%;}
.main_form_wrap .main_form .owner_wrap::before{width:100%; height:1px;}
.main_form_wrap button{height:3.5rem; font-size: 1.3rem;}
.main_form_wrap .ex{display: none;}
.main_form_wrap .ex_tx{position: relative; border: 0; font-size: .9rem !important; padding:0 1rem 1.5rem; color:#999 !important; opacity: 1; height:auto; box-shadow: none;}
}
@media all and (max-width:500px){
.visual .slogan p, .visual .slogan_p strong{font-size: 2rem;}
.visual{height:41rem; padding-top: 2rem;}
}
@media all and (max-width:380px){
	.visual .slogan p, .visual .slogan_p strong{font-size: 1.8rem;}
	.title_wrap h3, .app_tit h2{font-size: 1.8rem;}
}

/*트림선택팝업*/
.check_result_wrap{display: none; justify-content: center; align-items: flex-start; position:fixed; padding-top: 10rem; top:0; left:0; width: 100%; height: 100%; background-color: #000000a6; overflow: hidden; z-index: 999;}
.check_result_wrap.on{display: flex;}
.check_result_wrap .check_result{width:65%;}
.check_result_wrap .check_result .column{border-radius: 0.9375rem; overflow: hidden;}
.check_result_wrap .check_result .check_wrap{background-color:#ffffff;}
.check_result_wrap .check_wrap{position: relative;}
.check_result_wrap .check_wrap::before{content: ""; position: absolute; top:0; left:0; width:100%; height:0; background-color:#ffffffe0; z-index: 10; opacity: 0; transition: opacity .2s;}
.check_result_wrap .check_wrap.on::before{opacity: 1; height:100%;}
.check_result_wrap .check_wrap.on::after{content: ""; width:6.25rem; height:2.8125rem; background: url('/images/loading.svg') center / cover no-repeat; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 11;}


	/* 차량정보 */
.check_result_wrap .carinfo {position:relative;padding:2.2rem 3.5rem .5rem;border:1px solid #dedede;background-color:#F5F7FA;}
.check_result_wrap .carinfo .carno {display:inline-flex;align-items:center;padding:.5rem 1.125rem;border:1px solid #5a5d63;border-radius:.5rem;background-color:#fff;font-size:.75rem;}
.check_result_wrap .carinfo .carno b {padding-left:.5rem;font-size:1.125rem;font-family:'Pretendard';}
.check_result_wrap .carinfo .ab {position:absolute;left:1.5rem;top:1.25rem;}
.check_result_wrap .carinfo .ab img {height:.875rem;}
.check_result_wrap .carinfo .carname {display:flex;align-content:flex-start; align-items: center; padding: 1.2rem .3rem .3rem; gap:.5rem; flex-wrap: wrap;}
.check_result_wrap .carinfo .carname b {display:block; font-weight:bold;font-size:1.35rem;line-height:1.2;font-family:'Pretendard';word-break:keep-all;}
.check_result_wrap .carinfo .carname_sub {padding:0 0 1rem .25rem;font-size:.935rem;color:#85878b;}
.check_result_wrap .carinfo .img {padding:1rem 0 .5rem;text-align:center; width:fit-content; height: fit-content;}
.check_result_wrap .carinfo .img img{max-height:7rem;}
.check_result_wrap .carinfo .year {display: flex;align-items: center; gap:.5rem; width:100%; font-size:.875rem;}
.check_result_wrap .carinfo .year b {font-size:.875rem; font-weight: 400; padding:0;}
.check_result_wrap .carinfo .year span{width:.2rem;}
.check_result_wrap .carinfo .model{display: flex; justify-content: space-between;}

/* 조회내역 */
.check_result_wrap .result_list {margin-top:1rem;}
.check_result_wrap .result_list ul li {display:flex;border-bottom:1px solid #e6e9eb;padding:1rem .75rem;justify-content: space-between;align-items:center;cursor:pointer;}
.check_result_wrap .result_list ul li:hover {background-color:rgb(40 122 229 / 5%);}
.check_result_wrap .result_list ul li.first {position:relative;padding:.75rem .5rem;background-color:#fff !important;cursor:pointer;}
.check_result_wrap .result_list ul li.first:before {content:'';position:absolute;right:.5rem;top:1.5rem;width:1rem;height:1px;background-color:#525252;}
.check_result_wrap .result_list ul li.first:after {content:'';position:absolute;right:1rem;top:1rem;width:1px;height:1rem;background-color:#525252;}
.check_result_wrap .result_list ul li.first span {font-size:.9375rem;font-weight:bold;font-family:'Pretendard';}
.check_result_wrap .result_list ul li .name{flex:auto;font-size:.875rem;line-height:1.2;font-weight:500;}
.check_result_wrap .result_list ul li .name strong {display:inline-block;vertical-align:middle;color:#222;width:4.5rem;}
.check_result_wrap .result_list ul li .name em{display:inline-block;font-size:.75rem;vertical-align:middle;font-style:normal;width:calc(100% - 5rem);}
.check_result_wrap .result_list ul li .date {flex:none;font-size:.75rem;color:#aaa;font-weight:500;}

/* 모델선택 */
.check_result_wrap .trim_select, .detailbox {position:relative;background-color:#fff;}
.check_result_wrap .trim_select .txt {display:flex;align-items:center;justify-content:center; gap:.2rem; border-bottom:1px solid #dde2e5;padding:1rem;font-size:1rem;word-break:keep-all;}
.check_result_wrap .trim_select .txt strong {font-size:1rem;}
.check_result_wrap .trim_select .list {position:relative;font-size:0;}
.check_result_wrap .trim_select .list:after {content:'';position:absolute;left:35%;top:0;width:1px;height:100%;background-color:#dde2e5;}
.check_result_wrap .trim_select .list dd {width:65%; display:inline-block; vertical-align:top;padding:0; }
.check_result_wrap .trim_select .list dd.n01{width:35%}
.check_result_wrap .trim_select .list ul li {border-bottom:1px solid rgb(238, 241, 245); padding:1rem 1.5rem;font-size:1rem;letter-spacing:-1px;font-weight:bold;line-height:1.2;cursor:pointer;color:#2E3033;}
.check_result_wrap .trim_select .list ul li strong {font-size:.935rem;}
.check_result_wrap .trim_select .list ul li.on, .trim_select .list ul li.active {background-color:rgb(130 180 240 / 23%);color:#000;}
.check_result_wrap .trim_select .list .slimScrollDiv{max-height:35vh !important; overflow-y: scroll !important;}

.check_result_wrap .btn_wrap {display: flex; justify-content: flex-end; gap:1rem; width: 100%; border-top:1px solid #dedede; padding:1rem;}
.check_result_wrap .btn_wrap .btn {background: var(--main-color); border-radius: .88rem; font-size: 1.125rem; font-weight: 700; color:#ffffff; padding:1rem 5rem}
.check_result_wrap .btn_wrap .btn.cancel{background:#ffffff; border:1px solid #5E5E5E; color:#373737;}

@media(max-width:1200px){
.check_result_wrap .carinfo{padding:2rem 2rem .8rem;}
}
@media(max-width:900px){
.check_result_wrap .check_result{width:100%;}	
.check_result_wrap .carinfo .img img{max-height:6rem;}
}
@media(max-width:480px){
.check_result_wrap .carinfo{padding:1.6rem 1.6rem .5rem;}
.check_result_wrap .carinfo .carname{width:100%; padding-bottom: 0; padding-top: .8rem;}
.check_result_wrap .carinfo .model{flex-direction: column; align-items: flex-end;}
.check_result_wrap .carinfo .img{padding:0;}
.check_result_wrap .carinfo .img img{max-height:5rem;}
.check_result_wrap .carinfo .carno{padding:.3rem 1rem;}
.check_result_wrap .trim_select .txt{padding:.8rem;}
.check_result_wrap .check_result .column{width:90%;}
.check_result_wrap .btn_wrap{justify-content: center;}
.check_result_wrap .btn_wrap .btn{width:48%; padding:.8rem 4rem;}
}