/*********************************************************/
/*                     sub title
/******************************************************* */
.sub-header {position:relative;width:100%;  margin:0; padding-top:140px; height:220px;}
.sub-header .head-title {display:block;  font-size:1.563rem; line-height:1.563rem; font-weight:bold; color:#333; }
.sub-header .head-txt {display:block; margin-top:1.1rem; font-size:1.015rem;width:70%; line-height:1.6rem; font-weight:400; color:var(--txt-light-grey);  letter-spacing:-.06em;}

.sub-header .search-box {position:relative; font-size:0; margin:23px auto 0; font-size:0; width:530px;padding:0.313rem 0.625rem;  height:3.75rem; border-radius:9rem; background-color:#fff; box-shadow:5px 5px 15px rgba(0,0,0,0.05)}
.sub-header .search-box.sangsa {width:760px; padding:0.313rem 1.1rem;  }
.sub-header .search-box input[type=text] {display:inline-block; vertical-align:middle;height:50px;border:0; border-radius:3.75rem; font-size:1.125rem; color:var(--txt-dark-grey); font-weight:600;  margin:0;padding-left:20px; background-color:transparent; width:calc(100% - 50px); }
.sub-header .search-box input[type=text]:focus {border:0;}
.sub-header .search-box input:-ms-input-placeholder {color:var(--txt-default); font-size:1.125rem; font-weight:bold;  }
.sub-header .search-box input::-webkit-input-placeholder {color:var(--txt-default); font-size:1.125rem; font-weight:bold;  }
.sub-header .search-box input::-moz-placeholder {color:var(--txt-default); font-size:1.125rem;font-weight:bold; }
.sub-header .search-box select { border:0; height:50px; font-size:1rem; background-color:transparent; font-weight:500; cursor:pointer; letter-spacing:-.04em; }
.sub-header .search-box.sangsa select.select1 {width:50%; }
.sub-header .search-box.sangsa select.select2 {width:calc(50% - 50px); }
.sub-header .search-box .btn-search {display:inline-block; vertical-align:middle; border:0; outline:0; width:50px; height:50px; background-image:url('/images/sub/ico_search.png'); background-size:auto 30px; background-repeat:no-repeat; background-position:center center; font-size:0;}
.sub-header.carlist {background-color:#e6effc;  }
.sub-header.carlist .head-title { text-align:center; color:#0f1b3f; }

.sub-header.cardetail {position:absolute; left:0;top:0;padding:0 !important; width:100%;height:500px;z-index:0; background-color:#e6effc}

.sub-header iframe { position: absolute;left:0; top:0; height:0; }

.sbg-dealer {background-image:url('/images/sub/s_visual_03.jpg')}
.sbg-sangsa {background-image:url('/images/sub/s_visual_05.jpg')}
.sbg-dealer-sch {background-image:url('/images/sub/s_visual_05_2.jpg'); height:530px !important;}
.sub-header.img.sbg-dealer-sch .txt-box {padding-top:230px !important; border-top:1px solid #f00}
.sbg-my {background-image:url('/images/sub/s_visual_my.jpg')}
.sbg-intro {background-image:url('/images/sub/intro_img1.jpg')}
.sbg-search {background-image:url('/images/sub/s_visual_06.jpg')}
.sbg-search + .navigation + .container {}
.sbg-search + .navigation + .container .inr {}

@media screen and (max-width:1200px){
	.sbg-search + .navigation + .container .inr {padding:0;}
}

/* Ãßõµô·¯ »ó´Ü */
.sub-header.img { padding-top:0 !important; height:450px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.sub-header.img .head-title { display:none; }
.sub-header.img .txt-box {display:block; margin:0; padding-top:200px;  text-align:center; color:#fff;  }
.sub-header.img .txt-box h2 {font-size:2rem; line-height:2.5rem; }
.sub-header.img .txt-box h3 {font-size:1.85rem; line-height:2.65rem; font-weight:500; }
.sub-header.img .txt-box .exp {padding-top:1.2rem; color:#fff; font-size:1.3rem;  line-height:1.8rem; }



/* ¸¶ÀÌÆäÀÌÁö »ó´Ü */
.sub-header.my { padding-top:0 !important; height:530px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.sub-header.my .head-title { display:none; }
.sub-header.my .txt-box {padding-top:150px;  text-align:center; color:#fff;  }
.sub-header.my .txt-box h2 {font-size:1.7rem; line-height:2.3rem;font-weight:100;  }
.sub-header.my .txt-box h2 strong{font-weight:bold; }

.sub-header.my .myMenu {padding-top:2.1rem; display:flex;  justify-content: space-between; flex-wrap: nowrap;flex-direction: row;  justify-content: center;gap:2.8rem; }
.sub-header.my .myMenu a { width:125px;height:120px; background-color:rgba(255,255,255,0.2); border-radius:2rem; text-align:center; padding-top:1.65rem; justify-content: center;  flex-direction: column;   gap:1rem;  font-family:'Spoqa Han Sans'}
.sub-header.my .myMenu a:hover {background-color:#fff;}
.sub-header.my .myMenu .count {display:block; font-weight:bold;color:#fff; font-size:1.95rem; line-height:2rem;  }
.sub-header.my .myMenu .name {font-size:0.95rem;line-height:1rem; padding-top:0.85rem; font-weight:500; color:#fff; }
.sub-header.my .myMenu a:hover .count,
.sub-header.my .myMenu a:hover .name {color:var(--txt-default)}
.sub-header.my .note {display:block; padding:2rem; text-align:center; }
.sub-header.my .note p { display:inline-block; color:#fff; font-size:0.915rem; line-height:1.4rem;  letter-spacing:-.04em;  font-family:'Spoqa Han Sans'; }
.sub-header.my .note em {color:#fcff00;   }

.sub-header.manage { padding-top:0 !important; height:270px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.sub-header.manage .head-title {padding-top:150px;text-align:center; color:#fff; }


/* page title */
.cont-title {display:block; position:relative; }
.cont-title h2 {font-size:1.5rem; line-height:1.5rem; font-weight:bold; color:var(--txt-dark-grey); }
.cont-title h3 {font-size:1.5rem; line-height:1.5rem; font-weight:500; color:var(--txt-dark-grey); }
.cont-title h3:first-child {margin-top:1.9rem;}
.cont-title .txt-ess {position:absolute; right:0; top:5px;font-size:0.85rem;padding-left:5px;  line-height:1rem; color:#777;}
.cont-title .txt-ess:before {content:''; display:inline-block; vertical-align:middle;margin-right:5px; margin-top:-2px; width:5px; height:5px; border-radius:50%; background-color:var(--txt-default); }
.mypage .cont-title h3:first-child {margin-top:0.85rem;}
.cont-title button {position:absolute; right:0; bottom:0; height:2rem; line-height:2rem; padding:0 1rem; font-size:0.85rem; font-weight:500; border:1px solid #ddd;color:var(--txt-dark-grey); border-radius:0.35rem; }
.cont-title button.withdraw {bottom:-0.5rem; z-index:10}

/* µô·¯Á¶È¸  */
.dealer-search {display:block; text-align:center; margin-top:2.5rem; }
.dealer-search input[type="text"] {display:inline-block; vertical-align:top; background-color:#fff; border-radius:12px; width:370px; height:3.75rem; line-height:3.75rem; padding:0 1.5rem;  font-size:1.215rem; font-weight:bold !important; color:var(--txt-default);  }
.dealer-search button {display:inline-block; vertical-align:top; margin-left:0.35rem;  height:3.75rem; line-height:3.75rem; padding:0 2rem; border-radius:12px; background-color:#090d2d; color:#fff; font-size:1.085rem; font-weight:bold; }


/* ³×ÀÌ°ÔÀÌ¼Ç */
.navigation {position:relative; width:1200px; margin:0rem auto 0; margin-top:-4rem;font-family:'Spoqa Han Sans'}
.navigation ul { display:block; width:100%; text-align:right;  }
.navigation ul li {display:inline-block;vertical-align:top;  font-size:0.85rem;  color:#888; padding-left:18px; line-height:20px; height:20px; margin-left:8px; background:url('/images/inc/ico_arrow.png')  no-repeat left ;  }
.navigation ul li:first-child {background:url('/images/inc/ico_home.png')  no-repeat center 1px ;  background-size:auto 16px; width:20px; height:20px;  padding:0; text-indent:-9999px;font-size:0; overflow:hidden;  }
.navigation ul li:last-child {color:var(--txt-default); font-weight:500;}

.page-carList .navigation,
.page-sangsa .navigation  {position:absolute; left:50%; top:270px; margin:0; margin-left:100px; z-index:5; width:600px; }
.page-inq .navigation {margin-top:-30px; }
.page-img .navigation {margin-top:0rem;}


@media all and (max-width:1400px) {
	.page-carList .navigation,
	.page-sangsa .navigation {  left:auto;  width:auto; right:0px; }

}

@media all and (max-width:1250px) {
	.sub-header {padding-top:110px; height:185px; }
	.sub-header .head-title { font-size:1.375rem; line-height:1.375rem;}
	.sub-header .head-txt { margin-top:0.85rem; font-size:0.9rem; line-height:1.5rem;}

	.sub-header.img {  height:400px; }

    .page-carList .navigation,
	.page-sangsa .navigation { top:240px  }

}

@media all and (max-width:1200px) {
	.navigation {width:100%; padding:0 10px;}

}


@media all and (max-width:1024px) {
	.sub-header .search-box {margin:23px auto 0;  height:50px; }
	.sub-header .search-box input[type=text] {height:40px;font-size:1rem; }
	.sub-header .search-box select {height:40px; }
	.sub-header .search-box .btn-search {width:40px; height:40px; background-image:url('/images/sub/ico_search_mobile.png'); background-size:auto 30px; }
	
	.cont-title h2 {font-size:1.125rem;  }
    .cont-title h3 {font-size:1.125rem;  }

    .page-carList .navigation,
    .page-sangsa .navigation{display:none;}

	.sub-header .search-box.sangsa {width:90%; margin:15px auto 0; padding:5px 5px 5px 10px;}
	.sub-header .search-box.sangsa select.select2 {width:calc(50% - 50px); }
    .sub-header .search-box.sangsa select {font-size:0.85rem;}

   .sub-header.img { height:300px !important; }
   .sub-header.img .txt-box {padding-top:8rem; }
   .sub-header.img .txt-box h2 {font-size:1.3rem; line-height:1.6rem;  }
   .sub-header.img .txt-box h3 {font-size:1.3rem; line-height:2rem;  }

   .sub-header.img .txt-box .exp {font-size:1.1rem; line-height:1.4rem;  }

  
   /* µô·¯Á¶È¸  */
	.sbg-dealer-sch {height:400px !important; }
	.sub-header.img.sbg-dealer-sch .txt-box {padding-top:130px !important; }
	.dealer-search { margin-top:1.1rem;padding:0 10%; }
	.dealer-search input[type="text"] { border-radius:6px; width:calc(100% - 90px); height:3rem; line-height:3rem; padding:0 1rem;  font-size:1rem; }
	.dealer-search button {height:3rem; line-height:3rem;margin-left:3px; padding:0; width:80px; text-align:center; border-radius:6px;  font-size:1rem;  }

   .sub-header.my {height:500px;}
   .sub-header.my .txt-box {padding-top:120px;}
   .sub-header.my .note p br {display:none;}
   .mypage .cont-title h3 {padding-left:4px; font-size:1.1rem;}

}


@media all and (max-width:677px) {
	 .sub-header {height:0 !important; padding-top:60px !important; border:0px solid #f00}

	 .sub-header.cardetail {display:none;  }
	 .sub-header.carlist {background-color:#fff;  }

	 .sub-header .head-title {position:absolute; top:-40px;margin:0;  left:60px; z-index:333 ; font-size:1.125rem; line-height:1.125rem;}
     .sub-header .head-txt {display:none; }

     .sub-header.carlist .head-title{position:absolute; top:22px; left:60px;}
	 .sub-header.img .head-title {color:#333; display:block; top:22px; !important;font-size:1.125rem !important; line-height:1.125rem;}
     .sub-header.my .head-title{color:#333; display:block; top:22px; !important;font-size:1.125rem !important; line-height:1.125rem;}
	 .navigation {display:none;}


	.sub-header .search-box {width:100%; margin:0px auto 0; padding:0px 0; border-radius:0; box-shadow:none; background-color:#f5f6fc;}
	.sub-header .search-box input[type=text] { font-size:0.875rem; height:50px;padding-left:25px;  }
	.sub-header .search-box .btn-search {margin:0; background-size:auto 26px; width:50px; height:50px; background-color:var(--txt-default); background-image:url('/images/main/ico_search.png'); background-size:auto 26px;  }
	
	.sub-header .search-box input:-ms-input-placeholder  {font-size:1rem; }
	.sub-header .search-box input::-webkit-input-placeholder  {font-size:1rem; }
	.sub-header .search-box input::-moz-placeholder  {font-size:1rem; }

	.sub-header .search-box.sangsa {width:100%; margin:0px auto 0 !important; padding:0px 0;}
	.page-sangsa .sub-header .search-box .btn-search {width:50px; height:50px;}


   .sub-header.my {height:400px !important;}
   .sub-header.my .txt-box {padding-top:6rem}
   .sub-header.my .txt-box h2 {font-size:1.15rem; line-height:1.5rem;font-weight:100;  }
   .sub-header.my .myMenu {padding-top:1rem; flex-wrap: wrap; gap:0.5rem 0.5rem; }
	.sub-header.my .myMenu a { width:90px;height:90px; border-radius:1.5rem;  padding-top:1rem;   gap:0.5rem; }
	.sub-header.my .myMenu a:nth-child(4) {clear:both; }
	.sub-header.my .myMenu .count {display:block; font-weight:bold;color:#fff; font-size:1.25rem; line-height:1.6rem;  }
	.sub-header.my .myMenu .name {font-size:0.75rem;line-height:1rem; padding-top:0.85rem; font-weight:500; color:#fff; }
	.sub-header.my .note {padding:1rem; }
	.sub-header.my .note p { font-size:0.75rem; line-height:1.2rem; }

	.mypage .cont-title h3 {display:none;}
	.cont-title button.withdraw {bottom:-1.85rem; right:-10px;}

}

@media all and (max-width:670px) {
	.page-carList footer {display:none;}

}
@media all and (max-width:600px) {
	.sub-header.my {height:480px !important;}

}
@media all and (max-width:530px) {
	.sub-header {padding-top:90px; height:150px; }
	.sub-header .head-title { font-size:1.063rem !important; line-height:1.188rem;}

	   /* µô·¯Á¶È¸  */
	.dealer-search { margin-top:1rem;padding:0 3%; }
   

}

@media all and (max-width:400px) {
	.sub-header.my {height:400px !important;}
	.sub-header.my .note { display:none; }

}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      Áß°íÂ÷»ó´ã -   Ãßõµô·¯
///////////////////////////////////////////////////////////////////////////////////////////*/
.recomm-dealer {display:flex; width:100%; margin-top:2rem;  font-size:0; flex-direction: row; align-items: flex-start;  justify-content: flex-start;  flex-wrap: wrap;gap:1.255rem;  }
.recomm-dealer .item { width:calc(25% - 0.95rem); padding:1.3rem 1.2rem 1.3rem; border-radius:0.8rem; border:1px solid #e4e5ea; text-align:center; }
.recomm-dealer .item .profile {display:inline-block;margin-bottom:1rem;  width:5.8rem; height:6.8rem; border-radius:50%; background-color:#f3f5f8; background-repeat:no-repeat; background-position:center 0; background-size:cover;   }
.recomm-dealer .item .txt-name{font-size:1.095rem; line-height:1.2rem; font-weight:500; color:var(--txt-dark-grey); }
.recomm-dealer .item .txt-sangsa{font-size:1.095rem; line-height:1.2rem; font-weight:600; color:var(--txt-default); }
.recomm-dealer .item .txt-number {font-size:1.05rem; line-height:1.2rem;padding-top:0.6rem; font-weight:bold; color:var(--txt-default)}
.recomm-dealer .item a {display:block; color:var(--txt-default);font-size:1.095rem; line-height:1.2rem; font-weight:600; }
.recomm-dealer .item ul {display:block; margin-top:1rem; padding-top:1.2rem; border-top:1px solid #dfe0e5; }
.recomm-dealer .item ul li {position:relative; display:block; padding-left:0.8rem; font-size:0.95rem;margin-bottom:1rem; text-align:left;  }
.recomm-dealer .item ul li span {display:inline-block; vertical-align:top; }
.recomm-dealer .item ul li span:first-child {width:75px; color:#777;}
.recomm-dealer .item ul li span:first-child + span {width:calc(100% - 75px); color:#222 }
.recomm-dealer .item .btn-area {font-size:0; padding-top:0.3rem; display:flex; width:100%;flex-direction: row; gap:0.45rem;  }
.recomm-dealer .item .btn-area button {width:100%; height:2.813rem; height:2.813rem; font-size:0.9rem;font-weight:500; border:0; border-radius:7px; }
.recomm-dealer .item .btn-area button.sell { background-color:#e9effe; color:var(--txt-default); }
.recomm-dealer .item .btn-area button.buy { background-color:#3a71fc; color:#fff; }
.recomm-dealer .item .btn-area button.dealer { background-color:#e9effe; color:var(--txt-default); }
.recomm-dealer .item .btn-area button.sangsa { background-color:#3a71fc; color:#fff; }
.recomm-dealer .item .btn-area button.carlist { background-color:#e9effe; color:var(--txt-default); }


@media all and (max-width:1200px) {
	.recomm-dealer { gap:1.1rem;  }
	.recomm-dealer .item {padding:1rem;  }

}


@media all and (max-width:1024px) {
	.recomm-dealer {flex-wrap: wrap;  gap:1rem; }
	.recomm-dealer .item { width:calc(50% - 0.5rem);  }
	.recomm-dealer .item ul li { padding-left:0; font-size:0.9rem;margin-bottom:0.6rem; }
	.recomm-dealer .item .btn-area {padding-top:0.5rem;  }

}


@media all and (max-width:677px) {
	.recomm-dealer {padding:1rem 0;gap:0.8rem; }
	.recomm-dealer .item { width:calc(50% - 0.4rem); padding:1rem; border-radius:0.5rem; }

}


@media all and (max-width:480px) {
	.recomm-dealer .item { width:100% !important;  }

}





/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                       Áß°íÂ÷»ó´ã -   »ó´ã½Åû
///////////////////////////////////////////////////////////////////////////////////////////*/
.inquiry-top {padding:2.3rem 0; background:url('/images/sub/ico_bubble.png') no-repeat right ; background-size:auto 105%; }
.inquiry-top .dealer-info {display:inline-block; width:50%; font-size:0;  }
.inquiry-top .dealer-info .profile {display:inline-block; vertical-align:middle; width:6.8rem; height:6.8rem; border-radius:50%; background-color:#e9eef7; background-repeat:no-repeat; background-position:center 0; background-size:cover;  }
.inquiry-top .dealer-info .info {display:inline-block; vertical-align:middle; width:calc(100% - 6.8rem); padding-left:1.5rem; font-size:0;}
.inquiry-top .dealer-info .info li {display:inline-block; margin:0.4rem 0; width:50%;  }
.inquiry-top .dealer-info .info li span {display:inline-block; vertical-align:top; font-size:1rem; color:#777; line-height:25px; font-weight:500 }
.inquiry-top .dealer-info .info li span:first-child {width:80px; }
.inquiry-top .dealer-info .info li span:first-child + span {width:calc(100% - 80px); color:#222 ; }
.inquiry-top .dealer-info .info .count {display:inline-block; vertical-align:top; color:#fff; background-color:var(--txt-default); height:25px; line-height:24px; padding:0 0.8rem; font-size:0.825rem; font-weight:bold; border-radius:60px; }

.inquiry-cont {font-size:0; }
.inquiry-cont .title {position:relative; margin-top:3rem; font-size:1.563rem; line-height:1.563; font-weight:500; color:var(--txt-dark-grey); }
.inquiry-cont .title:first-child {margin-top:1.9rem;}
.inquiry-cont .title .txt-ess {position:absolute; right:0; top:5px;font-size:0.85rem;padding-left:5px;  line-height:1rem; color:#777;}
.inquiry-cont .title .txt-ess:before {content:''; display:inline-block; vertical-align:middle;margin-right:5px; margin-top:-2px; width:5px; height:5px; border-radius:50%; background-color:var(--txt-default); }
.inquiry-cont .title .s-title {font-size:1.05rem; line-height:1.3em; font-weight:bold; color:var(--txt-default); margin:1rem 0;}
.inquiry-cont .item {display:block; width:100%; position:relative; padding-top:1.2rem;font-size:0; border:0; margin:0}
.inquiry-cont .item.first {padding-top:0.8rem;}
.inquiry-cont .item:after {content:''; position:absolute; left:0; bottom:0; width:100%;  border-bottom:2px solid #ededed;z-index:0 }
.inquiry-cont .item.col5 {display:inline-block; width:50%; }

.inquiry-cont .item .item-title { display:inline-block; vertical-align:top; width:120px; font-size:1.02rem; line-height:60px;  padding-left:5px; color:#9296a1; font-weight:500;letter-spacing:-.08em;  }
.inquiry-cont .item .item-title.ess:after  {content:''; display:inline-block; vertical-align:middle; margin-top:-5px; margin-left:6px; width:5px; height:5px; border-radius:50%; background-color:var(--txt-default); }
.inquiry-cont .item .item-cont { display:inline-block; vertical-align:top; width:calc(100% - 120px);  font-size:0; }
.inquiry-cont .item .item-cont .text {display:inline-block; font-size:1rem; color:#333; line-height:60px; height:60px; }
.inquiry-cont .item.text {font-size:1rem; height:4.5rem; line-height:4.5rem;  font-weight:500; margin:0;padding:0 }
.inquiry-cont .item.text a.link {display:inline-block; margin-left:10px; text-decoration:underline; color:#333; font-size:0.85rem; height:1.75rem; line-height:1.75rem; padding:0 0.85rem; border-radius:4px; background-color:#f0f0f0 }
.inquiry-cont input,
.inquiry-cont select {border:0; height:60px; line-height:60px; color:#222; font-size:1.065rem; font-weight:500; border-bottom:2px solid transparent; }
.inquiry-cont select { background-size:auto 18px; width:20%; letter-spacing:-.06em;background-position:calc(100% - 20px);}
.inquiry-cont input:focus,
.inquiry-cont select:focus {border-color:var(--txt-default); position:relative; z-index:3}
.inquiry-cont .select-box {display:inline-block; width:25%; }
.inquiry-cont .item-cont.col5 .select-box {width:50%; }

.inquiry-cont .select-box select {width:100%;color:#444 !important; }
.inquiry-cont .note {display:inline-block; font-size:0.9rem; color:#555; font-weight:500; padding:0 10px;}
.inquiry-cont .unit {display:block;width:50%;  }
.inquiry-cont .unit input {text-align:right; width:50% !important; color:var(--txt-default)}
.inquiry-cont .unit em {display:inline-block; vertical-align:middle; font-size:0.85rem; font-weight:500; color:#999;z-index:5;  }
.inquiry-cont textarea {border-radius:12px;height:200px;  background-color:#f8f8f8; border:2px solid #f8f8f8; padding:1.5rem; font-size:1.05rem; line-height:1.6rem; color:#333; font-weight:500;margin-top:2rem;  }
.inquiry-cont textarea:focus {background-color:#fff;border:2px solid var(--txt-default);}
.inquiry-cont .spam input {background-color:#fafafa; width:120px; border-radius:12px 12px 0 0}
.inquiry-cont textarea.inquiry {height:300px;}
.inquiry-cont input[type=checkbox]:checked + label { color:var(--txt-default);  }

.inquiry-cont-type2 {font-size:0; }
.inquiry-cont-type2 .col-wrap {display:flex; width:100%; gap:0.35rem;  justify-content: space-between;flex-wrap: nowrap;  }
.inquiry-cont-type2 .col-wrap select {width:50%;}
.inquiry-cont-type2 .title {position:relative; margin-top:3rem; font-size:1.563rem; line-height:1.563; font-weight:500; color:var(--txt-dark-grey); }
.inquiry-cont-type2 .item-body {border-top:1px solid #ccc; margin-top:10px; }
.inquiry-cont-type2 .title:first-child {margin-top:1.9rem;}
.inquiry-cont-type2 .title .txt-ess {position:absolute; right:0; top:5px;font-size:0.85rem;padding-left:5px;  line-height:1rem; color:#777;}
.inquiry-cont-type2 .title .txt-ess:before {content:''; display:inline-block; vertical-align:middle;margin-right:5px; margin-top:-2px; width:5px; height:5px; border-radius:50%; background-color:var(--txt-default); }
.inquiry-cont-type2 .title .s-title {font-size:1.05rem; line-height:1.3em; font-weight:bold; color:var(--txt-default); margin:1rem 0;}
.inquiry-cont-type2 .item {display:block; width:100%; position:relative;font-size:0; border:0; margin:0; border-bottom:1px solid #dedede;}
.inquiry-cont-type2 .item:after {content:''; position:absolute; left:0; bottom:0; width:100%;  border-bottom:0px solid #ededed;z-index:0 }
.inquiry-cont-type2 .item.col5 {display:inline-block; width:50%; }

.inquiry-cont-type2 .item .item-title { display:inline-block; vertical-align:top; width:120px; font-size:1.02rem;  padding:0.5rem 0;line-height:45px;  padding-left:12px; color:#9296a1;background-color:#f9f9f9; font-weight:500;letter-spacing:-.08em;  }
.inquiry-cont-type2 .item .item-title.ess:after  {content:''; display:inline-block; vertical-align:middle; margin-top:-5px; margin-left:6px; width:5px; height:5px; border-radius:50%; background-color:var(--txt-default); }
.inquiry-cont-type2 .item .item-cont { display:inline-block; vertical-align:top; width:calc(100% - 120px);  font-size:0; padding:0.5rem;}
.inquiry-cont-type2 .item .item-cont .text {display:inline-block; font-size:1rem; color:#333; line-height:60px; height:60px; }
.inquiry-cont-type2 .item.text {font-size:1rem; height:4.5rem; line-height:4.5rem;  font-weight:500; margin:0;padding:0 }
.inquiry-cont-type2 .item.text a.link {display:inline-block; margin-left:10px; text-decoration:underline; color:#333; font-size:0.85rem; height:1.75rem; line-height:1.75rem; padding:0 0.85rem; border-radius:4px; background-color:#f0f0f0 }
.inquiry-cont-type2 input,
.inquiry-cont-type2 select {border:0; height:45px; line-height:45px; color:#222; font-size:1.065rem; font-weight:500; border:1px solid #eee; background-color:#fff; border-radius:5px; }
.inquiry-cont-type2 select { background-size:auto 18px; width:20%; letter-spacing:-.06em;background-position:calc(100% - 20px);}
.inquiry-cont-type2 input:focus,
.inquiry-cont-type2 select:focus {border-color:var(--txt-default); background-color:#fff; position:relative; z-index:3}
.inquiry-cont-type2 select {min-width:140px; }
.inquiry-cont-type2 .select-box {display:inline-block; width:25%; }
.inquiry-cont-type2 .item-cont.col5 .select-box {width:50%; }

.inquiry-cont-type2 .select-box select {width:100%;color:#444 !important; }
.inquiry-cont-type2 .note {display:inline-block; font-size:0.9rem; color:#555; font-weight:500; padding:0 10px;}
.inquiry-cont-type2 .unit {display:block;width:50%;  }
.inquiry-cont-type2 .unit input {text-align:right; width:50% !important; color:var(--txt-default)}
.inquiry-cont-type2 .unit em {display:inline-block; vertical-align:middle; font-size:0.85rem; padding-left:5px; font-weight:500; color:#999;z-index:5;  }
.inquiry-cont-type2 textarea {border-radius:12px;height:200px;  background-color:#f8f8f8; border:1px solid #eee;padding:1.5rem; font-size:1.05rem; line-height:1.6rem; color:#333; font-weight:500;margin-top:0.85rem;  }
.inquiry-cont-type2 textarea:focus {background-color:#fff;border:1px solid var(--txt-default);}
.inquiry-cont-type2 .spam input { width:120px;  }
.inquiry-cont-type2 textarea.inquiry {height:300px;}
.inquiry-cont-type2 input[type=checkbox]:checked + label { color:var(--txt-default);  }

.inquiry-cont .attach {display:block; padding-top:0.35rem; font-size:0.85rem;padding-bottom:1rem; line-height:34px;  }
.inquiry-cont button.fileDown { position:relative;margin-right:1rem; margin-bottom:0.5rem;display:inline-block; vertical-align:middle; height:30px; line-height:28px; border:0px solid #ccc; text-align:left; padding-right:25px; width:auto;max-width:130px;  overflow:hidden; border-radius:60px; font-size:13px;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.inquiry-cont button.fileDown:after {content:'\e921';position:absolute; right:0; top:5px; width:20px; height:20px;line-height:20px;font-size:0.65rem;  border-radius:6rem; color:#fff; background-color:#999; text-align:center; }

.inp-file {display: inline-block; vertical-align: middle; padding:0}
.inp-file label {display: block;	position:relative; text-align: center;	box-sizing: border-box;  height:36px; width:110px; padding: 0 5px;border: 1px solid #ccc;border-radius:5rem; background-color: #fff; cursor: pointer;}
.inp-file label:hover {border:1px solid var(--txt-default)}
.inp-file label:hover:before,
.inp-file label:hover span {color:var(--txt-default); height:34px !important}
.inp-file label:before {content:"\eb7b"; display:inline-block; vertical-align:top;  margin-right:5px; font-size:18px;line-height:34px;   }
.inp-file label span {display: inline-block;vertical-align: top;height:34px !important; line-height:34px !important; font-size: 14px;color: #666;} 
.inp-file 	input[type="file"] {	 display:none;}
.inp-file .disabled label {	cursor: default;	background-color: #f1f1f1 !important;		}
.inp-file .disabled label  span {		color: #999; 	}

.file_result_wrap {display:flex; gap:1rem; flex-wrap: wrap; }

.addfile-list {display:block; margin:0.5rem 0; font-size:0;padding:10px;  }
.addfile-list span {display:inline-block; position:relative; font-size:13px; margin-right:10px; margin-bottom:5px;height:30px; line-height:28px; padding:0px; padding-right:30px; padding-left:0px;border-radius:60px; border:0px solid #ddd;}
.addfile-list span .file-delete {position:absolute; right:2px; top:5px; width:20px; height:20px; color:#000; font-size:0; background-color:transparent; padding:0;z-index:5;  }
.addfile-list span .file-delete:after {content:"\e9af"; display:inline-block; vertical-align:top; line-height:20px; font-size:11px; font-weight:bold; width:100%;height:100%; border-radius:30px; text-align:center; background-color:#555;  color:#fff; font-family:'xeicon';}
.addfile-list a.filedown {display:inline-block; position:relative; font-size:0.85rem; margin-right:10px; margin-bottom:5px;height:30px; line-height:28px; padding:0px; padding-right:30px; padding-left:0px;border-radius:60px; border:0px solid #ddd;}
.addfile-list a.filedown:hover,
.addfile-list a.filedown:hover:after{color:var(--txt-default)}
.addfile-list a.filedown:after {content:"\eb7c"; display:inline-block; vertical-align:middle; margin-left:5px;   font-size:18px;  color:#666; }
.addfile-list.file {padding-top:1rem; border-top:1px solid #eee; }
.addfile-list .file-title {display:inline-block; font-size:1rem; color:#333; margin-right:2.5rem; }




@media all and (max-width:1200px) {
	.inquiry-top .dealer-info {width:80%; }
	.inquiry-cont {padding:0 10px;}
}

@media all and (max-width:1024px) {
	.inquiry-top {padding:1.5rem 0; background-size:auto 100%; }

    .inquiry-cont .title {margin-top:2rem; font-size:1.313rem; line-height:1.313;font-weight:bold; margin-bottom:0.85rem;}
	.inquiry-cont .title:first-child {margin-top:1rem;}
    .inquiry-cont .title .txt-ess {position:relative; width:100%; display:block; clear:both; font-weight:500; margin-top:5px; font-size:0.815rem;color:#666; letter-spacing:-.06em;}

	.inquiry-cont .item:after {display:none; }
    .inquiry-cont input,
    .inquiry-cont select {height:3.125rem; line-height:3.125rem; background-color:#f8f8f8; font-size:0.95rem; border-radius:5px; }
	.inquiry-cont .item .item-cont .text {background-color:#f8f8f8; width:100%;padding:0 0.5rem;height:3.125rem; line-height:3.125rem;border-radius:5px; }
	.inquiry-cont .item { padding-top:0.6rem; }
	.inquiry-cont .item.col5 {display:block;width:100% !important; }
	.inquiry-cont .item .item-title { width:100px; font-size:0.95rem; line-height:50px; padding-left: 0}
    .inquiry-cont .item .item-cont { width:calc(100% - 100px); line-height:50px;  }
	.inquiry-cont .select-box { width:calc(50% - 3px);margin-left:6px; margin-bottom:6px;}
	.inquiry-cont .select-box:nth-child(1),
	.inquiry-cont .select-box:nth-child(3),
	.inquiry-cont .item-cont.col5 .select-box:first-child  {margin-left:0; }
	.inquiry-cont .item-cont.col5 .select-box { width:calc(50% - 3px);margin-left:6px;  }

    .inquiry-cont .unit em {padding-left:5px;  }
    .inquiry-cont select { background-size:auto 14px; background-position:calc(100% - 10px);}

	.inquiry-cont textarea {border-radius:5px;height:150px; padding:1rem; font-size:1rem; line-height:1.5rem; margin-top:1rem;  }
    .inquiry-cont .spam input {  border-radius:5px}
    .inquiry-cont textarea.inquiry {height:250px;}

	.inquiry-cont-type2 .title {margin-top:2rem; font-size:1.313rem; line-height:1.313;font-weight:bold; margin-bottom:0.85rem;}
	.inquiry-cont-type2 .title:first-child {margin-top:1rem;}
    .inquiry-cont-type2 .title .txt-ess {position:relative; width:100%; display:block; clear:both; font-weight:500; margin-top:5px; font-size:0.815rem;color:#666; letter-spacing:-.06em;}

	.inquiry-cont-type2 .item:after {display:none; }
    .inquiry-cont-type2 input,
    .inquiry-cont-type2 select {height:3.125rem; line-height:3.125rem; background-color:#f8f8f8; font-size:0.95rem; border-radius:5px; }
	.inquiry-cont-type2 .item .item-cont .text {background-color:#f8f8f8; width:100%;padding:0 0.5rem;height:3.125rem; line-height:3.125rem;border-radius:5px; }
	.inquiry-cont-type2 .item { padding-top:0rem; }
	.inquiry-cont-type2 .item.col5 {display:block;width:100% !important; }
	.inquiry-cont-type2 .item .item-title { width:100px; font-size:0.95rem; line-height:50px; padding-left: 7px;}
    .inquiry-cont-type2 .item .item-cont { width:calc(100% - 100px); line-height:50px;  }
	.inquiry-cont-type2 .select-box { width:calc(50% - 3px);margin-left:6px; margin-bottom:6px;}
	.inquiry-cont-type2 .select-box:nth-child(1),
	.inquiry-cont-type2 .select-box:nth-child(3),
	.inquiry-cont-type2 .item-cont.col5 .select-box:first-child  {margin-left:0; }
	.inquiry-cont-type2 .item-cont.col5 .select-box { width:calc(50% - 3px);margin-left:6px;  }

    .inquiry-cont-type2 .unit em {padding-left:5px;  }
    .inquiry-cont-type2 select { background-size:auto 14px; background-position:calc(100% - 10px);}

	.inquiry-cont-type2 textarea {border-radius:5px;height:150px; padding:1rem; font-size:1rem; line-height:1.5rem; margin-top:1rem;  }
    .inquiry-cont-type2 .spam input {  border-radius:5px}
    .inquiry-cont-type2 textarea.inquiry {height:250px;}




}

@media all and (max-width:798px) {
	.inquiry-top { background:none;}
	.inquiry-top .dealer-info {width:100%;}

}
@media all and (max-width:677px) {
	.inquiry-top {background-color:#f0f4fb; padding:1.2rem 1rem; }
	.inquiry-top .dealer-info .profile {background-color:#fff;width:5rem; height:5rem; }
	.inquiry-top .dealer-info .info { width:calc(100% - 5rem); padding-left:1rem; }
	.inquiry-top .dealer-info .info li { margin:0.25rem 0;   }
	.inquiry-top .dealer-info .info li span { font-size:0.9rem;  line-height:1.25rem; }
	.inquiry-top .dealer-info .info .count {height:1.3rem; line-height:1.3rem; padding:0 0.6rem; font-size:0.78rem; }
	.inquiry-top .dealer-info .info li span:first-child {width:70px; }
	.inquiry-top .dealer-info .info li span:first-child + span {width:calc(100% - 70px);}
    .inquiry-cont textarea.inquiry {height:150px;}
	.inquiry-cont .item.text a.link { margin-left:0px; font-size:0.75rem; height:1.5rem; line-height:1.5rem; padding:0 0.5rem; }

	.inquiry-cont .title {  font-size:1.125rem; line-height:1.2; margin-bottom:0}
    .inquiry-cont .title .txt-ess {font-size:0.8rem;color:#999;}

	.inquiry-cont-type2 .title {  font-size:1.125rem; line-height:1.2; margin-bottom:0}
    .inquiry-cont-type2 .title .txt-ess {font-size:0.8rem;color:#999;}


}


@media all and (max-width:520px) {
	.inquiry-top .dealer-info .profile,
	.inquiry-top .dealer-info .info {vertical-align:top; }
	.inquiry-top .dealer-info .info li { display:block; width:100%  }

	.inquiry-cont .item .item-title {width:100%; display:block; line-height:2rem; padding-top:1rem; }
    .inquiry-cont .item .item-cont { width:100%; display:block;  }
	.inquiry-cont .item { padding-top:0.45rem; }
	.inquiry-cont .select-box { width:100%;margin-left:0px; margin-bottom:5px;}

    .inquiry-cont-type2 .col-wrap  { width:100%; flex-wrap: wrap;}
	.inquiry-cont-type2 .col-wrap select {width:calc(50% - 0.2rem);}

	.inquiry-cont-type2 .item .item-title {width:100%; display:block; line-height:2rem; padding-top:0.3rem; background-color:#fff; padding-bottom:0; margin-bottom:0;  }
    .inquiry-cont-type2 .item .item-cont { width:100%; display:block;  }
	.inquiry-cont-type2 .select-box { width:100%;margin-left:0px; margin-bottom:0px;}


}


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                     ȸ¿ø»ç -   µô·¯°Ë»ö
///////////////////////////////////////////////////////////////////////////////////////////*/
.dealer-cont {display:flex; flex-direction: row;justify-content: center;gap:3rem;  align-items: center; width:100%; margin:3rem auto; border-radius:12px; background-color:#f5f5f5; padding:2rem; }
.dealer-cont figure{ width:120px;  height:200px; background:url('/images/sub/img_dealer.png') no-repeat center ; background-size:auto 110px; }
.dealer-cont dl dt{font-size:1.275rem; line-height:1.25rem; color:var(--txt-dark-grey); font-weight:bold; }
.dealer-cont dl dd {font-size:1.063rem; color:#666; padding-top:1.2rem; line-height:1.6em; }

.sangsa-info-wrap {display:block; width:100%;}
.sangsa-info-wrap .search-box {position:relative; font-size:0; margin:0px auto -1.75rem; font-size:0; width:380px;padding:0.313rem 0.625rem 0.313rem 1.5rem;  height:3.75rem; border-radius:9rem; background-color:#fff; box-shadow:5px 5px 15px rgba(0,0,0,0.08); z-index:5}
.sangsa-info-wrap .search-box select { width:calc(100% - 50px);border:0; height:50px; font-size:1rem; color:#333; background-color:transparent; font-weight:500; cursor:pointer; letter-spacing:-.04em; }
.sangsa-info-wrap .search-box .btn-search {display:inline-block; vertical-align:middle; border:0; outline:0; width:50px; height:50px; background-image:url('/images/sub/ico_search.png'); background-size:auto 30px; background-repeat:no-repeat; background-position:center center; font-size:0;}


.sangsa-info-wrap .sangsa-info {position:relative;margin-top:0rem; border-radius:12px; background-color:#f0f5fc; padding:4rem 5rem 2.5rem;display:flex; flex-direction: row;justify-content: center;align-items: center; gap:3rem; z-index:0 }
.sangsa-info-wrap .sangsa-info figure { width:130px; height:160px; border:1px solid #ddd; border-radius:5px;padding:0;background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.sangsa-info-wrap .sangsa-info ul { width:calc(100% - 130px);font-size:0; }
.sangsa-info-wrap .sangsa-info ul li {display:inline-block; vertical-align:top; width:280px;  margin:0.65rem 0; font-size:0;}
.sangsa-info-wrap .sangsa-info ul li:first-child,
.sangsa-info-wrap .sangsa-info ul li:nth-child(2n+1) {width:calc(100% - 280px); }
.sangsa-info-wrap .sangsa-info ul li span {display:inline-block; vertical-align:top; font-size:1.015rem; line-height:1.5em; font-weight:400; color:#888; }
.sangsa-info-wrap .sangsa-info ul li span:first-child {width:90px; }
.sangsa-info-wrap .sangsa-info ul li span:first-child + span {width:calc(100% - 90px); color:#444; }
.sangsa-info-wrap .sangsa-info ul li.address {width:100% !important}
.sangsa-info-wrap .sangsa-info button.carlist-sangsa {display:inline-block; vertical-align:top; margin-left:5px; border-radius:6rem; height:24px;line-height:23px; padding:0 0.5rem; color:var(--txt-default); border:1px solid var(--txt-default); background-color:#fff; font-size:0.8rem; font-weight:600; }

/* ȸ¿ø»ç - Çù·Â¾÷ü °¶·¯¸®°Ô½ÃÆÇ */
div.gallery-toggle {margin-top:1rem;}
.gallery-toggle .toggle_dl {position:relative;  margin-bottom:20px; outline: 1px solid #e3e8f0; border: 2px solid transparent; overflow:hidden; border-radius:12px; font-size:0;   padding:2rem 2.5rem 2rem; transition: all 0.2s ease-in;  }
.gallery-toggle .toggle_dl:hover {outline: 0px solid transparent;border: 2px solid var(--txt-default); box-shadow:3px 3px 15px rgba(0,67,255,0.1)}
.gallery-toggle .toggle_dl .item {position:relative; cursor:pointer;width:auto; }
.gallery-toggle .toggle_dl .item:after {content:"\e913"; position:absolute;right:0rem;  bottom:0rem;font-family :'xeicon'; color:#999; font-size:1.3rem; font-weight:normal; cursor:pointer; transition: all 0.2s ease-in;}
.gallery-toggle .toggle_dl .item.on:after {content:"\e91a";   }
.gallery-toggle .toggle_dl:hover .item:after { color:var(--txt-default); }
.gallery-toggle .toggle_dl .item figure {display:inline-block; vertical-align:middle; padding:0; width:125px; height:125px; border-radius:0.5rem;overflow:hidden; background-color:#f9f9f9 ; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.gallery-toggle .toggle_dl .item .info {display:inline-block;  vertical-align:middle; width:calc(100% - 125px);  font-size:0;padding-left:2rem;  }
.gallery-toggle .toggle_dl .item .info li { display:inline-block; vertical-align:top; width:50%; margin:0.75rem 0;   }
.gallery-toggle .toggle_dl .item .info li span {display:inline-block; vertical-align:top; font-size:1rem; font-weight:500; color:#777; }
.gallery-toggle .toggle_dl .item .info li span:first-child {width:100px; }
.gallery-toggle .toggle_dl .item .info li span:first-child + span {width:calc(100% - 100px); color:#333; }
.gallery-toggle .toggle_dl .content {position:relative; width:100%; margin-top:2rem; font-size:1rem; line-height:1.8em; color:#333; font-weight:500; padding:1.8rem 2rem; border-radius:0.5rem;  background-color:#f7f9fb; font-family:'Spoqa Han Sans' }


@media all and (max-width:1024px) {
	.sangsa-info-wrap .sangsa-info { border-radius:8px; padding:3.2rem 1.5rem 2rem; gap:1.5rem;align-items: flex-start;  }
	.sangsa-info-wrap .sangsa-info figure { width:100px; height:125px;  }
	.sangsa-info-wrap .sangsa-info ul { width:calc(100% - 100px);  }
	.sangsa-info-wrap .sangsa-info ul li {width:100%; margin:0; margin-bottom:0.5rem;  font-size:0; }
	.sangsa-info-wrap .sangsa-info ul li:last-child {margin-bottom:0}
	.sangsa-info-wrap .sangsa-info ul li:nth-child(2n+1) {width:100%; }
	.sangsa-info-wrap .sangsa-info ul li span {font-size:0.915rem;  }
	.sangsa-info-wrap .sangsa-info ul li span:first-child {width:80px; }
	.sangsa-info-wrap .sangsa-info ul li span:first-child + span {width:calc(100% - 80px);   }
	.sangsa-info-wrap .sangsa-info button.carlist-sangsa {margin-left:3px;font-size:0.75rem; font-weight:normal; height:22px;line-height:21px;}

	/* ȸ¿ø»ç - Çù·Â¾÷ü °¶·¯¸®°Ô½ÃÆÇ */
	.gallery-toggle .toggle_dl { border-radius:8px;  padding:1rem 1rem 1rem;   }
	.gallery-toggle .toggle_dl .item figure { width:90px; height:90px; border-radius:0.3rem; }
	.gallery-toggle .toggle_dl .item .info { width:calc(100% - 90px); padding-left:0.8rem;  }
	.gallery-toggle .toggle_dl .item .info li {  width:50%; margin:0.35rem 0;   }
	.gallery-toggle .toggle_dl .item .info li span {  font-size:0.9rem; }
	.gallery-toggle .toggle_dl .item .info li span:first-child {width:60px; }
	.gallery-toggle .toggle_dl .item .info li span:first-child + span {width:calc(100% - 60px);  }
	.gallery-toggle .toggle_dl .content {  margin-top:1rem; font-size:0.9rem; line-height:1.5em;   padding:1rem; border-radius:0.3rem;  }

}


@media all and (max-width:677px) {
	.dealer-cont { gap:1.5rem;  margin:1rem auto 0; border-radius:8px;  padding:1rem; }
	.dealer-cont figure{ width:90px;  height:130px;background-size:auto 65px; }
	.dealer-cont dl dt{font-size:0.965rem; }
	.dealer-cont dl dd {font-size:0.815rem;  padding-top:0.5rem; line-height:1.5em; }

	.sangsa-info-wrap .search-box { margin:0px auto -1.75rem;  width:90%;padding:0rem 0.625rem 0rem 1rem;  height:3.125rem;}
	.sangsa-info-wrap .search-box select {font-size:0.9rem; height:2.5rem;}
	.sangsa-info-wrap .search-box .btn-search {background-size:auto 25px; }


}
@media all and (max-width:500px) {
.sangsa-info-wrap .search-box { margin:1.5rem auto -1.5rem;  }

.sangsa-info-wrap .sangsa-info {flex-direction: column; margin-top:0rem;}
.sangsa-info-wrap .sangsa-info figure {margin:0 auto; }
.sangsa-info-wrap .sangsa-info ul { width:100%;}

	/* ȸ¿ø»ç - Çù·Â¾÷ü °¶·¯¸®°Ô½ÃÆÇ */
	.gallery-toggle .toggle_dl {  padding:0.8rem; margin:0; border-radius:0 }
	.gallery-toggle .toggle_dl .item:after {font-size:1.1rem; }
	.gallery-toggle .toggle_dl .item figure { width:70px; height:70px; vertical-align:top;  }
	.gallery-toggle .toggle_dl .item .info { width:calc(100% - 70px);  vertical-align:top;  }
	.gallery-toggle .toggle_dl .item .info li {  width:100%; margin:0; margin-bottom:0.6rem;  }
	.gallery-toggle .toggle_dl .item .info li span {  font-size:0.815rem; }
	.gallery-toggle .toggle_dl .item:after {  bottom:-3px;}



}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                     Ä¿¹Â´ÏƼ
///////////////////////////////////////////////////////////////////////////////////////////*/

/* ÀÚµ¿Â÷´º½º */
.gallery-list  {display:flex; width:100%; margin-top:3rem;margin-bottom:1rem;  font-size:0; flex-direction: row; align-items: flex-start;  justify-content: flex-start;  flex-wrap: wrap;gap:1.6rem;  }
.gallery-list .item { width:calc(25% - 1.2rem); padding:0; border-radius:0.8rem; }
.gallery-list .item a {display:block;}
.gallery-list .item figure {display:block; height:180px; border-radius:8px; overflow:hidden; background-color:#f9f9f9 ; background-repeat:no-repeat; background-position:center center; background-size:cover;transition: all 0.2s ease-in;  }
.gallery-list .item a:hover figure {box-shadow:3px 3px 10px rgba(0,0,0,0.09)}
.gallery-list .item .title {display:block; margin-top:1rem; line-height:1.6rem; color:var(--txt-dark-grey); font-size:1.065rem; font-weight:500; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.gallery-list .item a:hover .title {color:var(--txt-default)}
.gallery-list .item .date {display:block; margin-top:0.65rem; color:#999; font-size:0.915rem; font-weight:500; }
.gallery-list .item .date span {display:inline-block; vertical-align:top; margin-top:3px; width:1px; height:15px; background-color:#ddd; margin:0 1rem}

.gallery-list .badge {display:inline-block; vertical-align:top;  height:1.25rem; line-height:1.25rem; padding:0 0.615rem; font-size:0.715rem; font-weight:bold; margin:0.25rem;  font-family:'Spoqa Han Sans'; border-radius:9rem; }
.gallery-list .badge.new {background-color:#f8525d; color:#fff;}

.gallery-list.general { flex-direction: row; gap:0.65rem;}
.gallery-list.general .item {width:100%; }
.gallery-list.general .item a { position:relative; border-radius:8px; outline: 1px solid #f1f1f1; border: 2px solid transparent;padding:1.2rem 1rem;display:flex;   flex-direction: row;  justify-content: flex-start; flex-wrap: nowrap; align-items: center;justify-content: center; }
.gallery-list.general .item a:after {content: "\e93e"; position:absolute; right:2rem; top:50%; margin-top:-15px; color:transparent; font-size:1.5rem; width:30px; height:30px; line-height:30px; text-align:center;transition: all 0.2s ease-in;  }
.gallery-list.general .item a:hover {outline: 0px solid transparent;border: 2px solid var(--txt-default); box-shadow:3px 3px 15px rgba(0,67,255,0.1)}
.gallery-list.general .item a:hover:after {color:var(--txt-default);right:1.3rem; }
.gallery-list.general .item .date { margin:0; width:8rem; text-align:center;font-family:'Spoqa Han Sans' ; }
.gallery-list.general .item .date strong { display:block;color:#666; font-size:2rem; line-height:2.05rem; letter-spacing:0.05em;color:#222}
.gallery-list.general .item .date em{ display:block; font-size:0.85rem; line-height:1.3em; color:#999; padding-top:0.35rem; letter-spacing:-.04em !important;}
.gallery-list.general .item a .cont {width:calc(100% - 8rem);  margin-top:0; padding-left:1rem; }
.gallery-list.general .item a .cont .title {margin-top:0}
.gallery-list.general .item a .cont .name {display:block; margin-top:0.65rem; color:#999; font-size:0.915rem; font-weight:500; }
.gallery-list.general .item a .cont .name span {display:inline-block; vertical-align:top; margin-top:3px; width:1px; height:15px; background-color:#ddd; margin:0 1rem}

@media all and (max-width:1200px) {
	.gallery-list { gap:1.1rem;  }

}


@media all and (max-width:1024px) {
	.gallery-list {flex-wrap: wrap;  gap:2rem 1rem; }
	.gallery-list .item { width:calc(33.3% - 0.68rem);  }

}


@media all and (max-width:677px) {
	.gallery-list {  gap:0.8rem;padding:0 10px; margin-top:1rem; }
	.gallery-list .item { width:calc(50% - 0.4rem);  }

	.gallery-list.general .item a {  border-radius:6px;border: 1px solid transparent;padding:1rem 0.65rem;}
    .gallery-list.general .item a:hover {border: 1px solid var(--txt-default); }
	.gallery-list.general .item a:after { right:1rem; margin-top:-10px;font-size:1rem; width:20px; height:20px; line-height:20px;  }
    .gallery-list.general .item a:hover:after { right:0.5rem; }

    .gallery-list.general .item .date {display:none;}
	.gallery-list.general .item a .cont {width:100%; padding-left:0.3rem; padding-right:1.5rem;}
	.gallery-list.general .item a .cont .title {font-size:0.9rem;}
	.gallery-list.general .item a .cont .name { margin-top:0.3rem;  font-size:0.815rem;  }
}


@media all and (max-width:480px) {
    .gallery-list {gap:2rem 0;}
	.gallery-list .item { width:100% !important;  }

}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      °Ô½ÃÆǸ®½ºÆ®  -  Áß°íÂ÷»ó´ã
///////////////////////////////////////////////////////////////////////////////////////////*/
.board-wrap .badge, .bbs-list  .badge{display:inline-block; text-align:center; height:32px; line-height:30px; font-size:0.85rem; width:auto; border-radius:6px;  }
.board-wrap .badge.sell ,.bbs-list .badge.sell{ color:var(--txt-red); }
.board-wrap .badge.ing, .bbs-list .badge.ing{ color:#61bf6a; }
.board-wrap .badge.done, .bbs-list .badge.done { color:var(--txt-default);   }

.board-wrap .badge.buy {color:var(--txt-default);  }
.board-wrap .badge.done {color:var(--txt-default);   }

.board-wrap:after {content:''; clear:both; display:block; width:100%; }
.bbs-search {margin-top:1.2rem; margin-bottom:2.5rem; display:block; text-align:center;  }
.bbs-search .title { display:block; font-size:1.563rem; line-height:2rem; color:#333; font-weight:400; }
.bbs-search .title span {display:inline-block;}
.bbs-search .row {display:flex; width:580px; gap:0.5rem; flex-direction: row;  justify-content: center; flex-wrap: nowrap;align-items: center;  font-size:0;margin:1.5rem auto 0 ; }
.bbs-search .row input[type="text"],
.bbs-search .row select,
.bbs-search .row button {display:inline-block;  border-radius:6px; height: 3.438rem; line-height:3.4rem;border:0;  font-size:1rem; font-weight:500 }
.bbs-search .row input[type="text"],
.bbs-search .row select { width:17rem; background-color:#f5f6f7; color:#555;  padding-left:1.2rem;  background-position:calc(100% - 18px);border:2px solid transparent; }
.bbs-search .row input[type="text"] {width:100%; }
.bbs-search .row select:focus,
.bbs-search .row input[type="text"]:focus {border-color:var(--txt-default); background-color:#fff;}
.bbs-search .row button { background-color:var(--txt-default);  width:8rem;   color:#fff; font-weight:bold;  }
.txt-pc {display:inline-block;}

/*
.bbs-list .item {display:table; padding:1rem; font-size:0;  border-bottom:1px solid #e0e0e0;}
.bbs-list .item.notice { background-color:#f8f8f8; }
.bbs-list .item .itemN {display:table-cell; width:120px; }
.bbs-list .item .itemCont {display:table-cell; width:calc(100% - 120px); }
*/

.bbs-list {position:relative; width:100%; border-top:1px solid #666;margin-top:0rem; font-size:0.85rem; font-weight:500;   }
.bbs-list select {border:0; background-color:transparent; font-size:1rem; font-weight:500; width:auto;font-size:0.9rem; min-width:80px; letter-spacing:-.06em; }
.bbs-list input[type=checkbox] + label {padding-right:0px;}
.bbs-list th { padding:0.65rem 0.15rem; background-color:#f8f8f8;  border-bottom:1px solid #e0e0e0; text-align:center; }
.bbs-list td {padding:0.65rem 0.15rem;   border-bottom:1px solid #e0e0e0; text-align:center; }
.bbs-list a {display:block; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.bbs-list a:hover {color:var(--txt-default)}
.bbs-list .cellcheck {width:35px; }
.bbs-list .cellN {width:3.7rem; }
.bbs-list .cellSort {width:10%; }
.bbs-list .cellModel {width:8%; }
.bbs-list .cellTitle {width:*; }
.bbs-list .cellName {width:5.625rem; }
.bbs-list .cellDate {width:7.25rem; }
.bbs-list .cellState {width:6.25rem; }
.bbs-list tbody .cellTitle {text-align:left;}


.bbs-list.consultMy .cellcheck {width:35px; }
.bbs-list.consultMy .cellN {width:50px; }
.bbs-list.consultMy .cellSort {width:70px; }
.bbs-list.consultMy .cellModel {width:80px; }
.bbs-list.consultMy .cellTitle {width:*; }
.bbs-list.consultMy .cellName {width:100px; }
.bbs-list.consultMy .cellDate {width:80px; }
.bbs-list.consultMy .cellState {width:80px; }



@media screen and (max-width:1024px){
	.bbs-search .title { font-size:1.313rem; }

	.bbs-search .row {padding:0 0rem; margin-top:1rem; }

	.bbs-list {margin-top:1rem; font-size:0.85rem;}
	.bbs-list th,
	.bbs-list td {padding:0.85rem 0.25rem; }
}

@media screen and (max-width:768px){
	.bbs-search .row select,
	.bbs-search .row button {font-size:0.95rem;}
	.bbs-search .row input[type="text"],
	.bbs-search .row select,
	.bbs-search .row button {height:3.125rem; line-height:3.125rem;}
}

@media screen and (max-width:677px){
    .bbs-search .title { font-size:1.125rem; }
    
	.txt-pc {display:none !important;}
	.board-wrap .badge { height:28px; line-height:28px; font-size:0.75rem !important;  border-radius:3px;  }

	.bbs-search {font-size:0; width:100%;position:relative; margin:0; padding:0;padding-bottom:30px; }
	.bbs-search .title { position:absolute; bottom:0; left:10px;  font-size:0.85rem; line-height:1.2rem; text-align:left; }
	.bbs-search .row {width:100%; padding:0; margin:0; gap:0}
	.bbs-search .row select { padding:0 10px; width:10rem; background-position:calc(100% - 5px); margin:0; border-radius:0 }
	.bbs-search .row button {padding:0; width:6.5rem;border-radius:0}
	.bbs-search .row input[type="text"] {  margin:0; border-radius:0}
	.bbs-search thead {display:none;}
    .bbs-list {margin-top:10px; }
	.bbs-list select {width:auto; min-width:auto; }

}
@media screen and (max-width:500px){
	.bbs-list td {padding-left:0; padding-right:0}
	.bbs-list .cellcheck {width:25px !important;}
	.bbs-list .cellSort {width:50px;}
	.bbs-list .cellName {width:60px;}
	.bbs-list .cellState {width:60px; }

	.bbs-list.bs-consult .cellN,
	.bbs-list.bs-consult .cellModel,
	.bbs-list.bs-consult .cellDate{display:none }

	.bbs-list.consultMy .cellN,
	.bbs-list.consultMy .cellSort,
	.bbs-list.consultMy .cellModel {display:none }
	.bbs-list.consultMy .cellTitle {width:*; }
	.bbs-list.consultMy .cellName {width:60px; }
	.bbs-list.consultMy .cellDate{display:none }
	.bbs-list.consultMy .cellState {width:60px; }

}


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      °Ô½ÃÆÇ view
///////////////////////////////////////////////////////////////////////////////////////////*/
.bbs-view {margin-top:2rem;}
.bbs-view .title { font-size:2rem; line-height:2.4rem; color:#222; font-weight:400; }
.bbs-view .info {display:block; margin-top:1.2rem; font-size:1rem; color:#666; font-family:'Spoqa Han Sans'}
.bbs-view .info span {display:inline-block; margin-left:1.2rem; font-size:1rem; font-weight:500; }
.bbs-view .info span:first-child {margin-left:0}

.bbs-view .consult-info {display:block; margin-top:2rem;  border-radius:7px; background-color:#f4f7fc; padding:0.85rem 1.5rem; font-family:'Spoqa Han Sans' }
.bbs-view .consult-info div.row {display:block; border-top:1px solid #dde4f1;padding:1rem; font-size:0;  }
.bbs-view .consult-info div.row:first-child {border:0}
.bbs-view .consult-info div.row .item{display:inline-block; vertical-align:top; width:33.3%; font-size:1rem; font-weight:500; margin:0.55rem 0 }
.bbs-view .consult-info div.row .item span {display:inline-block; vertical-align:top; color:#666 }
.bbs-view .consult-info div.row .item span:first-child {width:110px; }
.bbs-view .consult-info div.row .item span:first-child + span{width:calc(100% - 110px); color:#000;  letter-spacing:0 }
.bbs-view .content { margin-top:0rem; padding:2.5rem 0.5rem; font-size:1.085rem; line-height:1.9rem; min-height:400px; }
.bbs-view .content img {position:relative; width:90%; margin:0 auto;  }
.bbs-view textarea { display:block; margin-top:2rem; margin-bottom:2rem; padding:0.65rem 1rem 0.65rem; font-size:0.95rem;  border-radius:7px !important; border:2px solid transparent; color:#333; line-height:1.9rem; height:22rem; }
.bbs-view textarea:focus {border-color:var(--txt-default); background-color:#fff;}

textarea.answer { display:block; margin-top:0rem; margin-bottom:2rem; padding:0.65rem 1rem 0.65rem; font-size:0.95rem; background-color:#fafafa;  border-radius:7px !important; border:2px solid transparent; color:#333; line-height:1.9rem; height:15rem; }
textarea.answer:focus {border-color:var(--txt-default); background-color:#fff;}

@media screen and (max-width:1024px){
	.bbs-view .consult-info { margin-top:1rem;  border-radius:5px;  padding:0.65rem 1rem;  }
	.bbs-view .consult-info div.row { padding:0.5rem; }
	.bbs-view .consult-info div.row .item{width:33.3%; font-size:0.9rem; margin:0.35rem 0 }
	.bbs-view .consult-info div.row .item span:first-child {width:90px; }
	.bbs-view .consult-info div.row .item span:first-child + span{width:calc(100% - 90px);   }
	
}
@media screen and (max-width:768px){
	.bbs-view .consult-info div.row .item{width:50%; }
	.bbs-view .content img {width:100% !important; height:auto !important}

}

@media screen and (max-width:677px){
	.bbs-view {margin-top:1.5rem;}
	.bbs-view .info span {margin-left:1rem; font-size:0.85rem; }
	.bbs-view .title { font-size:1.65rem; line-height:2.1rem;  padding:0 10px; }
	.bbs-view .info { margin-top:0.5rem; font-size:0.9rem; padding:0 10px; }
	.bbs-view .consult-info div.row { padding:0.5rem 0; }
    .bbs-view .content {padding:1.2rem 0.5rem; font-size:0.95rem; line-height:1.6rem; min-height:250px;}


}

@media screen and (max-width:500px){
	.bbs-view .title { font-size:1.25rem; line-height:1.4rem;}
	.bbs-view {margin-top:1rem;} 
	.bbs-view .consult-info div.row .item{font-size:0.85rem; width:100%;}
	.bbs-view .consult-info div.row .item span:first-child {width:80px; }
	.bbs-view .consult-info div.row .item span:first-child + span{width:calc(100% - 80px);   }

}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        ¿ÀÅä¼­ºñ½º
///////////////////////////////////////////////////////////////////////////////////////////*/
.service-cont {padding-top:2rem;}
.service-cont .title {display:block; font-size:1.688rem; line-height:1.8rem;color:#333; font-weight:400; padding-top:60px;  margin-bottom:2rem;  }
.service-cont .title strong {font-weight:bold;}
.service-cont .title.pdt0 {padding-top:0}
.service-cont .s-title {font-size:1.165rem; font-weight:bold; color:#333; margin-top:1.5rem;padding-top:2rem;   }
.service-cont .s-title:first-child {margin-top:0}
.service-cont .n-title {font-size:1.125rem;line-height:1.3rem; font-weight:bold; color:var(--txt-default); margin:1rem 0;}

.service-cont .txtCont {display:block; position:relative; padding:1.5rem 0 0.9rem; clear:both; border:0px solid #f00}
.service-cont .txtCont.first{padding-top:0}
.service-cont .txtCont.pd0 {padding:0 !important}
.service-cont .txtCont h1 {font-size:1.125rem; font-weight:bold; color:#333; margin-top:1.5rem;padding-top:2rem;  }
.service-cont .txtCont h1:first-child {padding-top:0; margin-top:0}
.service-cont .txtCont h2 {font-size:1.05em; font-weight:bold; color:#333; margin-top:0.5rem; }

.service-cont .txtCont p {font-size:0.98rem; padding-top:0.75rem; color:#666; line-height:1.5em; }
.service-cont .txtCont p.sm {font-size:0.9rem;  }
.service-cont .txtCont ul li {display:block; padding:1rem 0; }
.service-cont .t-note {display:inline-block; margin-left:5px; }
.service-cont .t-note em {display:inline-block; height:30px; line-height:30px; font-size:0.815rem; font-weight:500; color:var(--txt-default);background-color:#fff; border:1px solid #ddd; padding:0 10px; border-radius:6rem; }
.service-cont dl.type1 {display:block; padding-left:0.15rem;}
.service-cont dl.type1 dt {font-size:1.1rem; line-height:1.3rem;  font-weight:bold; color:var(--txt-default); margin-top:1.5rem; }
.service-cont dl.type1 dd {font-size:0.985rem; color:#666; padding-top:0.5rem; line-height:1.5rem; }
.service-cont dl.type1 dt:first-child {margin-top:0}




.service-cont section.bg1 {display:block; clear:both; margin-top:3rem; background-color:#e8edf8; padding-bottom:60px;  }
.service-cont section.bg2 {display:block; clear:both; margin-top:3rem; padding-bottom:60px;  background:url('/images/sub/bg_rate.jpg') no-repeat center ; background-size:cover; }
.service-cont section.bg2 .title {color:#fff !important}
.service-cont section:after {content:''; clear:both; width:100%; display:block}
.service-cont .item  {font-size:0;}
.service-cont .item  li {display:block;  background-color:#f5f6fb; padding:2.5rem 3rem; margin-top:1.3rem;  font-size:0; border-radius:12px; }
.service-cont .item  li:nth-child(1) {margin:0}
.service-cont .item  li figure {display:inline-block; vertical-align:middle; width:170px; height:170px; margin:0; border-radius:50%; background-color:#fff;  background-repeat:no-repeat; background-position:center center; background-size: auto}
.service-cont .item  li:nth-child(1) figure {background-image:url('/images/sub/icon_busin_type1.png')}
.service-cont .item  li:nth-child(2) figure {background-image:url('/images/sub/icon_busin_type2.png')}
.service-cont .item  li:nth-child(3) figure {background-image:url('/images/sub/icon_busin_type3.png')}

.service-cont .item  li dl {display:inline-block; vertical-align:middle; width:calc(100% - 170px); padding:0; margin:0;padding-left:1.6rem;}
.service-cont .item  li dl dt { display:block; font-size:1.25rem; line-height:1.25rem;  color:#222; font-weight:bold; }
.service-cont .item  li dl dd {display:block; padding:0; margin-top:1.2rem; color:#5f626b; line-height:1.6em; font-size:1rem; letter-spacing:-.06em; font-family:'Spoqa Han Sans'}

.service-cont .item.type2 {display:flex; width:100%; flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.service-cont .item.type2 li {display:inline-block; vertical-align:top !important; width:calc(50% - 10px); margin:0 0 20px 20px; padding:1.5rem 2.5rem 2rem; border-radius:12px; background-color:#fff; }
.service-cont .item.type2 li:nth-child(1),
.service-cont .item.type2 li:nth-child(2n+1) {margin-left:0; }
.service-cont .item.type2 li:nth-child(7) {width:100%; margin-left:0 !important; }
.service-cont .item.type2 li figure {display:block;  width:auto; height:60px; background-position:left ; border-radius:0; background-repeat:no-repeat; background-size: auto}
.service-cont .item.type2 li dl {display:block; width:100%; padding:0; padding-top:1rem;  }
.service-cont .item.type2 li dl dt{color:var(--txt-default); font-weight:bold; }

.service-cont .item.type2 li figure {background-size:auto 60px; }
.service-cont .item.type2 li:nth-child(1) figure { background-image:url('/images/sub/icon_check_tip1.png')}
.service-cont .item.type2 li:nth-child(2) figure { background-image:url('/images/sub/icon_check_tip2.png')}
.service-cont .item.type2 li:nth-child(3) figure { background-image:url('/images/sub/icon_check_tip3.png')}
.service-cont .item.type2 li:nth-child(4) figure { background-image:url('/images/sub/icon_check_tip4.png')}
.service-cont .item.type2 li:nth-child(5) figure { background-image:url('/images/sub/icon_check_tip5.png')}
.service-cont .item.type2 li:nth-child(6) figure { background-image:url('/images/sub/icon_check_tip6.png')}
.service-cont .item.type2 li:nth-child(7) figure { background-image:url('/images/sub/icon_check_tip1.png')}

.service-cont .item.type3 { border-radius:12px; padding:2rem 3rem; background-color:#f5f7fb; display:flex; width:100%;justify-content: space-between; flex-direction: row; }
.service-cont .item.type3 div {width:auto; }
.service-cont .item.type3 div .txt-title { position:relative; font-size:1.25rem; line-height:1.25rem;  color:#222; letter-spacing:-.06em; }
.service-cont .item.type3 div ol {padding-top:1.3rem; font-size:0; width:100%; }
.service-cont .item.type3 div ol li {display:block; width:100%; font-size:1rem; line-height:1.3em; color:#666; padding:0; padding-left:10px; position:relative; margin:0; margin-bottom:0.65rem; }
.service-cont .item.type3 div ol li:before {content:''; position:absolute; left:2px; top:7px; width:4px; height:4px; border-radius:5px; background-color:#9fa8bd;}


.service-cont .item.type4 { border-radius:12px; font-size:0; margin-top:2rem;  display:flex; width:100%;  flex-start;flex-wrap: wrap; justify-content: space-between; flex-direction: row; align-items: stretch; gap:2rem;}
.service-cont .item.type4 li {width:calc(50% - 1rem); border-radius:0.85rem; padding:1.5rem 2rem; background-color:#f3f5f9; margin:0 !important;}
.service-cont .item.type4 li h2 {font-size:1.125rem; font-weight:bold; color:var(--txt-dark-grey); line-height:1.5rem; margin-bottom:1rem;  }
.service-cont .item.type4 li p {position:relative; font-size:0.95rem; color:var(--txt-grey); font-weight:500; line-height:1.5em; margin:0.65rem 0; padding-left:0.85rem; letter-spacing:-.06em;  }
.service-cont .item.type4 li p:before {content:''; position:absolute; left:3px; top:9px; width:5px; height:5px; border-radius:1rem; background-color:#9fa8bd;}
.service-cont .item.type4 li p.note {font-size:0.895rem; font-weight:500; padding-top:0.5rem;padding-left:0 }
.service-cont .item.type4 li p.note:before {display:none; }
.service-cont .item.type4 li.wide {width:100%; }
.service-cont .item.type4 dl {display:flex; flex-direction: row; margin:0; padding:0; width:100%; gap:1.5rem; justify-content: space-between; flex-wrap: nowrap;align-items: stretch;  }
.service-cont .item.type4 dl dd {position:relative;width:25%; margin:0;  background-color:#fff; padding:1.5rem; border-radius:0.654rem; font-size:1.05rem; font-weight:500; font-weight:bold; color:var(--txt-default); text-align:center; font-family:'NotoSans'}

.service-cont .item.type4 .item-list {display:flex;  flex-wrap: wrap;flex-direction: row;gap:0.35rem; margin-bottom:1rem}
.service-cont .item.type4 .item-list span {height:30px; line-height:30px; background-color:#fff; border-radius:6rem; padding:0 0.98rem; font-size:0.915rem; font-weight:500;}
.service-cont .item.type4 .item-list.process { flex-direction:column;gap:0.5rem;}
.service-cont .item.type4 .item-list.process span {width:100%;padding:0 1.35rem; height:38px; line-height:38px; }
.service-cont .item.type4 .item-list.process span strong {color:var(--txt-default)}
.service-cont .car-rate {display:block; border-radius:12px; margin-top:1.5rem; padding:5rem 3rem; margin:5rem 0 5rem;  background-color:rgba(255,255,255,0.2)}
.service-cont .car-rate p {font-size:1rem; font-weight:500; color:#fff; padding-top:1.2rem; line-height:1.7rem;   }
.service-cont .car-rate p:first-child {padding-top:0}
.service-cont .car-rate p span {color:#00f4fd}

/* Áß°íÂ÷ ±¸ÀÔ¿ä·É */
.service-cont .process-car {margin:2rem 0 3rem; text-align:center; font-size:0; }
.service-cont .process-car li {display:inline-block; vertical-align:top; position:relative; width:16.6%;}
.service-cont .process-car li:after {content:''; position:absolute; right:-10px;  top:30%; width:20px; height:20px; background:url('/images/sub/arrow2.png') no-repeat center; }
.service-cont .process-car li:last-child:after {display:none;}
.service-cont .process-car li dl{padding-top:1rem;}
.service-cont .process-car li dl dt {font-size:1.05rem; line-height:1.3em;  font-weight:bold; color:var(--txt-default); text-transform:uppercase; }
.service-cont .process-car li dl dd {padding-top:0.5rem; font-size:1rem; line-height:1.3em; font-weight:500; color:var(--txt-dark-grey); letter-spacing:-.06em; }
.service-cont .process-car.n5 { border-radius:0.65rem; padding:2rem; border:1px solid #eee;}
.service-cont .process-car.n5 li {width:20%; margin-bottom:0}

.service-cont .item.typecircle { margin-top:2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap:5rem; }
.service-cont .item.typecircle li { position: relative;  vertical-align:middle;width:16rem; height:16rem;  margin:0;padding:0;  border-radius:50%;background-color:#007eff;  box-sizing: border-box; text-align: center;  }
.service-cont .item.typecircle li:last-child {margin-right:0}
.service-cont .item.typecircle li p { display:block;  text-align:center; vertical-align:middle; padding:6.25rem 2rem; font-size:1.1rem; line-height:1.7rem; color:#fff; font-weight:bold; }
.service-cont .item.typecircle.mgb {margin-bottom:10rem; 0}

.service-cont .quality-n { font-size:0;display:flex; justify-content:start;  flex-direction: row;align-items: stretch;gap:5rem; }
.service-cont .quality-n dl { padding:1rem 0.5rem; border:0px solid #e4e5e7; }
.service-cont .quality-n dl dt {font-size:1.05rem; line-height:1.3rem; font-weight:600; color:#333; }
.service-cont .quality-n dl dt em {font-size:85%;color:#666; font-weight:500;font-family:'NotoSans';}
.service-cont .quality-n dl dd {margin-top:0.5rem;font-size:1.45rem;line-height:1.5rem; font-weight:bold; color:var(--txt-default);font-family:'Roboto';}

table.table-scroll {  font-family: 'Spoqa Han Sans';  position:relative; margin: 0;  border: none; border-collapse:separate;  border-spacing: 0;  table-layout: fixed !important; word-break:keep-all;  }
table.table-scroll thead th { position: sticky;  position: -webkit-sticky; top: 0px;  z-index: 1;  width:120px; padding:1rem 0.125rem;   border-top:1px solid #555; border-bottom:1px solid #ccc; border-right:1px solid #ebebec; font-weight:normal; background-color:#f8f8f8;  }
table.table-scroll thead th:first-child {  position: sticky; position: -webkit-sticky;  left: 0; top:0; width:100px; z-index: 3;border-right:1px solid #ccc; }
table.table-scroll thead th:last-child {border-right:0;}
table.table-scroll th {font-size:0.90rem; }
table.table-scroll tbody th { position: sticky;  left: 0; font-size:0.90rem;width:100px;  padding:0.85rem 5px;  z-index: 2; border-right:1px solid #ccc; background-color:#f8f8f8; font-weight:normal; border-bottom:1px solid #ebebec;  }
table.table-scroll tbody td {text-align:right;font-size:0.90rem;width:120px; padding:0.85rem 5px;border-left:0; border-right:1px solid #ebebec;border-bottom:1px solid #ebebec; }
table.table-scroll tbody td:last-child {border-right:0;}
[role="region"][aria-labelledby][tabindex] {  width: 100%;/*  max-height: calc(100vh - 460px);  */ overflow:scroll; }
[role="region"][aria-labelledby][tabindex]:focus {   outline: 0;}


.table.phone thead th:first-child,
.table.phone tbody th {width:90px; }
.table.phone tbody td { text-align:center !important; width:30%}

.pnTop {display:flex; align-items: baseline; width:100%; padding-right:150px;min-height:110px; padding-top:2.5rem; padding-bottom:10px; background:url('/images/sub/img_call.png') no-repeat right 0 ; background-size:auto 110px; }

.public-number {position:relative; width:100%; border-top:1px solid #555; }
.public-number li {display:block; width:100%; font-size:0; text-align:center;}
.public-number li.area-title { background-color:#f8f8f8; }
.public-number li.area-title ul {display:table; width:100%; }
.public-number li.area-title ul li {display:table-cell; font-weight:500; color:#333; }
.public-number li ul li {display:inline-block; width:25%; padding:1.1rem 0.2rem; font-size:1rem; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8 }
.public-number li ul li:first-child {border-left:0 !important}
.public-number li.area-name {background-color:#fff;}
.public-number li.area-name ul li .part-number {font-family: 'Spoqa Han Sans'; }

#tab_contents {position:relative; display:block; width: 100%; z-index:10}
#tab_contents  ul.tabs {margin:0 0 0 0px; padding: 0;list-style: none; font-size:0;  width:100%; height:60px;}
#tab_contents  ul.tabs li {position: relative; display:inline-block;width:33.3%;  margin-left:-1px;  height:60px;text-align:center; overflow: visible;}
#tab_contents  ul.tabs li:first-child {margin-left:0; }
#tab_contents  ul.tabs li a { text-decoration: none; position:relative; height:60px;line-height:60px;  display: block;font-weight:500;border:1px solid #ddd;  font-size:16px; letter-spacing:-.04em;; transition: all 0.3s ease-out; }
#tab_contents  ul.tabs li.active a  {height:60px; line-height:60px;color:#000;  border:1px solid #222; border-bottom:1px solid #fff; position:relative; font-weight:500; }
#tab_contents .tab_container1 { clear: both;display:block; width:100%; padding:15px 0 0 ; }
#tab_contents .tab_content { position:relative; display:block;  width:100%; transition: all 0.3s ease-out;}



@media all and (max-width:1200px) {
	.service-cont .inr {padding:0 10px;}
	.service-cont .title {font-size:1.5rem; line-height:1.5rem; margin-top:3rem; margin-bottom:1.5rem;  }
	.service-cont .item li {padding:1.5rem 2rem; margin-top:1rem;}
	.service-cont .item li figure {width:120px; height:120px;background-size: auto 55%}
	.service-cont .item li dl { width:calc(100% - 120px); padding-left:1.1rem;padding-top:1rem; }
	.service-cont .item li dl dt { font-size:1.125rem; line-height:1.125rem;}
	.service-cont .item li dl dd {margin-top:1rem; line-height:1.6em; font-size:0.95rem;}

	/* Áß°íÂ÷ ±¸ÀÔ¿ä·É */
   .service-cont .process-car li img {width:60%;}

   .service-cont .item.typecircle { margin-top:1rem; gap:2rem; }
   .service-cont .item.typecircle.mgb {margin-bottom:0}

   .pnTop {padding-top:1rem; background-position:right center; }

}

@media all and (max-width:1024px) {
	.service-cont .title {font-size:1.25rem }
	.service-cont .txtCont p {font-size:0.9rem; line-height:1.5rem; }

	.service-cont .item li {padding:1.1rem 1.5rem; margin-top:0.9rem;}
	.service-cont .item li figure {width:100px; height:100px;vertical-align:top; }
	.service-cont .item li dl { width:calc(100% - 100px);vertical-align:top;  padding-left:1rem; }

	.service-cont .item.type2 li {width:calc(50% - 5px); margin:0 0 10px 10px; padding:1rem; border-radius:8px;  }

	.service-cont .item.type3 { border-radius:8px; padding:1rem 1rem;}
	.service-cont .item.type3 div .txt-title { position:relative; font-size:1rem; }
	.service-cont .item.type3 div ol {padding-top:1rem;}
	.service-cont .item.type3 div ol li { font-size:0.925rem; line-height:1.4em;}

	.service-cont .item.type4 { border-radius:8px;  gap:1rem;}
	.service-cont .item.type4 li {width:calc(50% - 0.5rem); padding:1rem; }
	.service-cont .item.type4 li h2 {font-size:1.05rem; margin-bottom:0.8rem;  }
	.service-cont .item.type4 li p { font-size:0.9rem; line-height:1.4em; margin:0.45rem 0;  }

    .service-cont .item.type4 dl {gap:0.5rem;  }
    .service-cont .item.type4 dl dd {padding:0.6rem; font-size:0.915rem; }

	.service-cont .process-car.n5 { padding:1rem; }
	.service-cont .process-car.n5 li dl dt {font-size:0.85rem; }
	.service-cont .process-car.n5 li dl dd {font-size:0.85rem; }


    .service-cont .t-note {display:block; margin-top:0.5rem; margin-left:0;}
	.service-cont .t-note em { height:26px; line-height:24px; font-size:0.815rem; padding:0 0.8rem; }

    .service-cont section.bg2 { margin-top:2rem; padding-bottom:30px;  }
	.service-cont .car-rate { border-radius:8px; padding:1rem 1rem; margin:2rem 0 2rem;  }
    .service-cont .car-rate p {font-size:0.9rem; padding-top:0.8rem; line-height:1.5rem;   }



	/* Áß°íÂ÷ ±¸ÀÔ¿ä·É */
	.service-cont .process-car {padding:0 1rem}
   .service-cont .process-car li { width:33.3%; margin-bottom:2rem;}

   .service-cont .item.typecircle {gap:1rem; }
   .service-cont .item.typecircle li { width:10rem; height:10rem;  }
   .service-cont .item.typecircle li p { padding:3rem 1.5rem; font-size:0.95rem; line-height:1.5rem;  }

   .public-number li ul li { padding:1rem 0; font-size:0.915rem;  }




}

@media all and (max-width:677px) {
    .service-cont {padding-top:0;}
    .service-cont .title {padding-top:30px; margin-top:0; margin-bottom:1rem;  }
    .service-cont .n-title {font-size:0.95rem; margin-bottom:0.5rem; }

	.service-cont .item li {padding:1.5rem; margin-top:0.65rem;}
	.service-cont .item li figure {display:none;}
    .service-cont .item li dl {width:100%; padding:0}
	.service-cont .item li dl dt {color:var(--txt-default)}
	.service-cont .item li dl dd {margin-top:0.85rem; font-size:0.90rem;}

	.service-cont .item.type3 {flex-direction: column;}

	.service-cont .quality-n { flex-direction: column; gap:1.5rem; }
    .service-cont .quality-n dl { padding:0rem 0.5rem 0 0; border:0px solid #e4e5e7; }
    .service-cont .quality-n dl dt {font-size:0.85rem;}
	.service-cont .quality-n dl dd {font-size:1.2rem;}

	
	.public-number {border:0 }
	.public-number li ul li {display:block; width:100%; border:0 !important;  }
	.public-number li.area-name {margin-bottom:1rem; }
	.public-number li.area-name ul li.branch-name {background-color:#f4f4f4; border-radius:6px; margin-top:0.55rem; padding:0.65rem 0;margin-bottom:0rem; font-size:0.95rem;  border:0 !important; }
	.public-number li.area-name ul li {padding:1rem 0.35rem; font-size:0.9rem; border-bottom:1px solid #eee !important; letter-spacing:-.06em;}
	.public-number li.area-name ul li:last-child {border-bottom:0 !important;}
	.public-number li.area-name ul li.branch-name {text-align:center; font-weight:bold; }
    .public-number li.area-name ul li .part-title,
	.public-number li.area-name ul li .part-number {display:inline-block; vertical-align:top;text-align:left;  }
	.public-number li.area-name ul li .part-title {width:145px; color:#666; }
	.public-number li.area-name ul li .part-number { min-width:150px; padding-left:0.3rem; font-weight:bold ; color:#111; letter-spacing:0;  }
    

}

@media all and (max-width:500px) {
	/* Áß°íÂ÷ ±¸ÀÔ¿ä·É */
	.service-cont .process-car {padding:0 0.5rem}
	.service-cont .process-car li { width:50%; margin-bottom:1.5rem;}
	.service-cont .process-car li dl dt {font-size:0.95rem;}
	.service-cont .process-car li dl dd {  font-size:0.95rem;  }

	.service-cont .item.type2 li {width:100%; margin:0 0 10px 0px; padding:1rem;  }

	.service-cont .item.type4 { border-radius:0; margin-top:0rem;gap:0.8rem;}
	.service-cont .item.type4 li {width:100% ; border-radius:0.35rem; padding:1rem; }
	.service-cont .item.type4 dl {flex-wrap: wrap;}
    .service-cont .item.type4 dl dd {width:calc(50% - 0.3rem)}

    .service-cont .item.typecircle {gap:0.65rem; }
	.service-cont .item.typecircle li { width:100%; height:auto; border-radius:1rem; text-align:left; }
    .service-cont .item.typecircle li p { padding:1.5rem 1.5rem; line-height:1.1rem;  }

    .service-cont .process-car li:after {display:none;}
	.service-cont .process-car.n5 {padding:1rem 0.5rem 0}
    .service-cont .process-car.n5 li {width:50%; margin-bottom:1rem}

	.pnTop {padding:0; background:none;}

	[role="region"][aria-labelledby][tabindex] { max-height: calc(100vh - 250px);  }




}
@media all and (max-width:360px) {
	.public-number li.area-name ul li {padding:1rem 0rem; font-size:0.825rem; }
	.public-number li.area-name ul li .part-number { min-width:135px; }

}


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                     ¸¶ÀÌÆäÀÌÁö
///////////////////////////////////////////////////////////////////////////////////////////*/
.mypage {font-size:0; }
.mypage .mypageRight{float:right;width:calc(100% - 180px); margin-top:0rem;padding-left:3.125rem; }
.mypage .mypageRight .title:first-child {margin-top:0}
.mypage .mypageRight .item .item-title { width:150px;  }
.mypage .mypageRight .item .item-cont { width:calc(100% - 150px);  }
.mypage .mypageRight .result-carlist .auc-info .car-date {margin-bottom:0.35rem;}

.mypage .bbs-view .title { font-size:1.5rem; }
.mypage .bbs-view .info {  margin-top:0.8rem; font-size:0.9rem; }

.mypage .bbs-view .consult-info {  margin-top:1rem;  border-radius:5px;  padding:0.85rem 1.3rem;  }
.mypage .bbs-view .consult-info div.row {padding:0.65rem; font-size:0;  }
.mypage .bbs-view .consult-info div.row .item{ font-size:0.9rem; margin:0.45rem 0 }
.mypage .bbs-view .consult-info div.row .item span:first-child {width:90px; }
.mypage .bbs-view .consult-info div.row .item span:first-child + span{width:calc(100% - 90px); }
.mypage .bbs-view textarea {  margin-top:1rem; margin-bottom:0.5rem; padding:0rem 0rem 0rem; font-size:0.0.915rem;  border-radius:5px; border:1px solid transparent; line-height:1.8rem; height:12rem; }

.mypage .leftMenu { width:180px; display:inline-block; vertical-align:top; margin-top:0rem;   }
.mypage .leftMenu .left-title {  font-size:21px; font-weight:500; color:#333;  }
.mypage .leftMenu .menu { padding-top:1.5rem; } 
.mypage .leftMenu .menu li { display:block;width:100%;  margin-bottom:0.35rem; }
.mypage .leftMenu .menu li a { display:block; padding:12px 20px;  width:100%; font-size:0.95rem;line-height:1.5em; letter-spacing:-.06em; font-weight:500; color:#333; position:relative;  border-radius:7px; color:#333; background-color:#f6f6f6; }
.mypage .leftMenu .menu li a:hover,
.mypage .leftMenu .menu li a.on {color:#fff; background-color:var(--txt-default) ;box-shadow:3px 3px 8px rgba(0,0,0,0.15)}
.mypage .leftMenu .menu li a:after { content:"\e93f"; position:absolute; right:10px; top:12px;  font-size:1.05rem; color:#999; font-weight:normal; font-family:'xeicon';}
.mypage .leftMenu .menu li a.on:after,
.mypage .leftMenu .menu li a:hover:after {color:#fff; }
.mypage .leftMenu .menu li:first-child { margin-top:0; }
.mypage .leftMenu.fixed  {position:fixed;top:10px;z-index:100;} 

.mypage .leftMenu.manage h3 {padding-top:1rem;}
.mypage .leftMenu.manage .menu {padding-top:1rem;}

.mypage .search-box {display:flex; justify-content: center; align-items: stretch;flex-direction: row; flex-wrap: nowrap;  width:100%;margin-top:1.5rem;  margin-bottom:1.2rem; border-radius:7px; background-color:#f6f6f6; padding:0.85rem; gap:0rem; }
.mypage .search-box .row {width:calc(100% - 120px); display:flex; flex-direction: column;   }
.mypage .search-box button.search {width:120px; background-color:var(--txt-default) ;color:#fff; font-size:1rem; font-weight:500; color:#fff; text-align:center; padding:0;border-radius:0px;  }
.mypage .search-box .row .column {display:flex; width:100%;flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.mypage .search-box .row .column.c2 {margin-top:-1px; }
.mypage .search-box select,
.mypage .search-box input[type="text"] { display:inline-block; width:25%; height:36px; padding:0 12px; background-color:#fff; border:1px solid #dedede; font-size:0.865rem; font-weight:500; margin-left:0px;  }
.mypage .search-box select{border-right:0;}
.mypage .search-box.clt {display:block; text-align:center; margin-bottom:2rem}
.mypage .search-box.clt select {width:7rem;}
.mypage .search-box.clt input[type="text"] {width:18rem; border-right:0;}
.mypage .search-box.clt button.search{display:inline-block; height:36px;  }

.mypage .search-box.type2 {padding:3rem 0;flex-direction:column;align-items:center;}
.mypage .search-box.type2 select {border-right:1px solid #dedede;margin-bottom:.5rem;}
.mypage .search-box.type2 button.search {width:25%;height:3rem;}

.mypage .result-carlist .car-info .car-badge {padding-bottom:0.3rem; }
.mypage .result-carlist .car-info .car-badge.type2 { padding-bottom:0; margin-bottom:0.25rem}
.mypage .result-carlist .car-info .car-badge img {display:inline-block;vertical-align:middle; margin-right:5px;}
.mypage .result-carlist .car-info .kb-ads {display:inline-block; vertical-align:middle; margin-left:0rem;}
.mypage .result-carlist .car-info .kb-ads .btn-ad {display:inline-block;height:22px; line-height:22px; padding:0 0.5rem; border-radius:4px;  background-color:#ebebeb; color:#d17c03; font-size:0.715rem; font-weight:bold; letter-spacing:-.06em; }
.mypage .result-carlist .car-info .kb-ads .btn-ad.ad-on {background-color:#f3b806; color:#40311f}



@media screen and (max-width:677px){
	.mypage .mypageRight .item .item-cont { width:100%;  }
	.mypage .bbs-view .title {font-size:1.125rem; line-height:1.5em; }
	.mypage .bbs-view .info {  margin-top:0.5rem; font-size:0.85rem; }
	.mypage .bbs-view .consult-info {   padding:0.35rem 0.65rem;  }
	.mypage .bbs-view .consult-info div.row .item {margin:0.165rem 0;}

	.mypage .search-box .row {width:calc(100% - 90px);  }
	.mypage .search-box button.search {width:90px;  }
	.mypage .search-box select {width:50% !important; height:32px; border:1px solid #dedede; !important}
	.mypage .search-box input[type="text"] {border-top:0; width:50%;  font-size:0.85rem;height:32px; border:0; }


	.mypage .search-box {position:relative;padding:0; background-color:#fff; margin:1rem 0;}
	.mypage .search-box:after {content:''; position:absolute; left:0; bottom:0px; height:1px;width:100%; border-bottom:1px solid #dedede; }
	.mypage .search-box .column.c2 {flex-wrap: wrap; margin-top:0}
	.mypage .search-box .column.c2 select{ border:1px solid #dedede; border-right:0}
	.mypage .search-box .column.c2 select.s-dealer {border-top:0;}

	.mypage .search-box .column.ins-sch {display:inline-block;}
	.mypage .search-box .column.ins-sch select {width:50%;}
	.mypage .search-box .slt-or3{border-left:1px solid #dedede;}
	.mypage .search-box .slt-or3,
	.mypage .search-box .slt-or4{border-top:0;}
	.mypage .search-box .conn {border-left:1px solid #ddd;}
	.mypage .search-box .car_n {border-left:1px solid #ddd !important;}

	.mypage .search-box.clt {padding:0 0px; font-size:0 }
	.mypage .search-box.clt select {width:100px !important; display:inline-block !important; font-size:0.85rem;}
	.mypage .search-box.clt input[type="text"] {width:calc(100% - 80px);display:inline-block !important; font-size:0.85rem; border:1px solid #ddd !important; }
	.mypage .search-box.clt button.search {width:80px; height:32px;}



}




/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      ¸¶ÀÌÆäÀÌÁö- Â÷·®µî·Ï
///////////////////////////////////////////////////////////////////////////////////////////*/
.carRegist {margin-top:1rem;   padding:0}
.carRegist p.title {position:relative; font-size:1.05rem; line-height:1.3rem;  font-weight:bold; color:var(--txt-default);margin:0; padding-top:2rem; }
.carRegist p.title:first-child {padding-top:0.85rem; }
.carRegist p.title button {position:absolute; right:0; top:5px; height:2rem; line-height:2rem; padding:0 1rem; font-size:0.85rem; font-weight:500; border:1px solid #ddd;color:var(--txt-dark-grey); border-radius:0.35rem; z-index:5}
.carRegist .item-box {position:relative; width:100%; border-top:1px solid #555;margin-top:1rem; margin-bottom:0rem; font-size:0;}
.carRegist .item-box figure {display:inline-block; vertical-align:top; width:130px; height:160px; margin-top:0.9rem;border-radius:7px; background-color:#f4f4f4; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.carRegist .item-box .seller-info {display:inline-block; vertical-align:top; width:calc(100% - 130px); padding-left:2.5rem; }
.carRegist .item-box .item {display:inline-block;width:100%; border-bottom:1px solid #eee; padding:0.85rem 0.3rem; }
.carRegist .item-box .item.col5 {width:50% !important; display:inline-block; vertical-align:top;  }
.carRegist .item-box .item.col5  .item-cont {padding-right:1rem;}
.carRegist .item-box .item .item-title {display:block; width:100%; position:relative; font-size:0.95rem; font-weight:600; color:#333; margin-bottom:0.65rem; }
.carRegist .item-box .item .item-title.inline {display:inline-block; width:auto;}
.carRegist .item-box .item .item-title:before {content:''; display:inline-block; vertical-align:middle;margin-right:5px; margin-top:-2px; width:5px; height:5px; border-radius:50%; background-color:var(--txt-default); }
.carRegist .item-box .item .item-cont {display:block; border:0px solid #f00; width:100%}
.carRegist .item-box .item .item-cont p.txt { position:relative; font-size:0.85rem; color:#666; padding-top:8px; font-family:'Spoqa Han Sans'}
.carRegist .item-box .item .item-cont span.txt {display:block; vertical-align:middle; font-size:0.85rem;padding:.5rem 4px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;color:#666;  font-family:'Spoqa Han Sans'}
.carRegist input[type="text"],
.carRegist select,
.carRegist textarea {border-radius:5px; border:1px solid transparent; background-color:#f3f4f8; padding:0 10px; height:2.65rem; margin-left:5px; font-weight:500; font-size:0.915rem; color:#111;}
.carRegist button.confirm {border-radius:5px; border:0; background-color:#444; color:#fff; font-size:0.915rem; height:2.65rem; line-height:2.65rem; font-weight:500; padding:0 1rem; margin:0 5px; }
.carRegist input[type="text"]:focus,
.carRegist textarea:focus,
.carRegist select:focus {border:1px solid var(--txt-default); background-color:#fff;}
.carRegist input[type="text"]:first-child,
.carRegist select:first-child {margin-left:0}
.carRegist input[type=checkbox] + label,
.carRegist input[type=radio] + label{font-size:0.915rem; font-weight:500; margin-right:1.5rem; line-height:2.65rem;}
.carRegist textarea {height:12rem; padding:1rem; margin:0.65rem 0; line-height:1.7rem;}
.carRegist .w-title {width:calc(100% - 120px)}
.carRegist .w-count {width:70px; margin-left:5px;}
.carRegist .car-select {background-image:none; height:12.5rem; border:2px solid #c5d8f7; background-color:#fff; color:#333; font-size:1rem;padding:0.25rem 0.65rem;}
.carRegist .car-select:focus {border-width:2px;}
.carRegist .car-select option.select-title {background:#fff !important;  color:#333 !important;font-weight:bold !important }
.carRegist .car-select option {height:2rem;padding-top:5px; padding-left:5px; border-bottom:1px solid #f4f4f4; color:#666; font-size:0.95rem;font-weight:500;}
.carRegist .car-select option:first-child {background:#fff !important;  color:#333 !important;font-weight:600}
.carRegist .car-select option:checked{    background:#e9f0fc; color:#0060ff; font-weight:bold;  }
.carRegist .carSelect-step1 {width:20%;}
.carRegist .carSelect-step2 {width:25%;}
.carRegist .carSelect-step3 {width:calc(30% - 20px);}
.carRegist .carSelect-step4 {width:23%;}
.carRegist .item-box .item .item-title .btn-area {position:absolute; right:0; top:0px;}

.carRegist ::-webkit-scrollbar { width: 4px;height:4px; }
.carRegist ::-webkit-scrollbar-thumb { background:#3979e1; }
.carRegist .option-box {display:flex; width:100%;  flex-direction: column;}
.carRegist .option-box div.box {padding:1rem; background-color:#f9f9f9; border-radius:7px;display:flex;  flex-direction: row; width:100%; flex-wrap: nowrap; margin-top:0.65rem; }
.carRegist .option-box div.box:first-child {margin:0}
.carRegist .option-box .opt-title {width:100px; font-size:0.985rem; font-weight:bold; padding:0.4rem 0 0 1rem; }
.carRegist .option-box .option-list {font-size:0; width:calc(100% - 100px); display:flex; flex-direction: row;  flex-wrap: wrap; }
.carRegist .option-box input[type=checkbox] + label {width:25%; line-height:1.3rem; padding-right:0; margin:0;font-size:0.90rem; }
.carRegist .option-box input[type=checkbox]:checked + label {color:var(--txt-default)}
.carRegist .option-box input[type=checkbox] + label {line-height:1.4rem; margin:0.3rem 0}
.carRegist .option-box input[type=checkbox] + label:before {top:3px;transform:translateY(0);}
.carRegist .option-box input[type=checkbox] + label:after { top:4px; margin:0;}

.carRegist .ex-phrase {display:block; padding:0rem 0.5rem 0; font-size:0;   }
.carRegist .ex-phrase span {display:inline-block; vertical-align:top; width:50%; position:relative; padding-left:10px; font-size:0.9rem; margin-bottom:0.5rem;  font-weight:500;  color:#666;  font-family:'Spoqa Han Sans'; cursor:pointer;  }
.carRegist .ex-phrase span:before {content:''; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:5px;  background-color:#c6d7f2}
.carRegist .ex-phrase span:hover {color:var(--txt-default)}

.carRegist .detail-item {display:block; padding:0.5rem 0; font-size:0; }
.carRegist .detail-item li {display:inline-block; vertical-align:top; width:50%; margin-bottom:0.5rem;  }
.carRegist .detail-item li div{display:inline-block; vertical-align:top; font-size:0.9rem;  font-weight:500; font-size:0.9rem;}
.carRegist .detail-item li div:first-child {width:90px; line-height:2.65rem; padding-left:10px;}
.carRegist .detail-item li div:first-child + div {width:calc(100% - 100px)}

.carRegist.sms .item-box {display:flex;}
.carRegist.sms .item-box .item:nth-of-type(2) {padding:1rem 2rem;margin:0 1.5rem;border-left:1px solid #eee;border-right:1px solid #eee;}
.carRegist.sms .item-box .item select, .carRegist.sms .item-box .item input {width:100%;margin:0.65rem 0;}
.carRegist.sms .item-box .item p b span {padding:0 .3rem;color:var(--txt-default);}
.carRegist.sms .item-box .item .button {width:3rem;height:2rem;font-size:.9rem;}

.form-select {
  display: block;
  width: 100%;
  padding: calc(0.5rem - 1px) 1.875rem calc(0.5rem + 1px) 0.625rem;
  -moz-padding-start: calc(0.625rem - 3px);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  color: #000;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 7'%3e%3cpath d='M7 7L0 0h14L7 7z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.625rem top calc(50% + 1px);
  background-size: 0.875rem 1rem;
  border: 0.125rem solid #ccc;
  border-radius: 0;
  transition: border-color 0.2s ease-in-out, outline-offset 0.2s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: currentColor !important;
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.625rem;
  background-image: none;
}
.form-select:disabled {
  color: #666;
  background-color: #eee;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 7'%3e%3cpath fill='%23666' d='M7 7L0 0h14L7 7z'/%3e%3c/svg%3e");
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


/* °­Á¶¾ÆÀÌÄÜ */
.carRegist .emph-icon { margin-top:0.85rem; display:flex; width:100%; flex-direction: row;flex-wrap: wrap;}
.carRegist .emph-icon  input[type=checkbox] + label {padding-right:0; margin:0; margin-right:5px; vertical-align:middle; }
.carRegist .emph-icon li {width:20% !important; margin:0.35rem 0; border:0px solid #ddd}
.carRegist .emph-icon .badge-style {padding:0 0.65rem; }

.btn-carCheckInfo {display:inline-block; height:3.05rem; line-height:3.05rem; padding:0 1.6rem; border-radius:9rem; font-size:1rem; font-weight:500; color:#fff;  background:#70c248; box-shadow:3px 3px 7px rgba(0,0,0,0.05)}


/* Â÷·®»çÁø */
.carPhoto {font-size:0;position:relative; width:100%; margin:1.5rem 0 0.5rem; }
.carPhoto .form-image {padding:0;}
.carPhoto .form-image div.box {position:relative; display:inline-block; vertical-align:top; width:calc(20% - 7px); height:120px;margin-bottom:8px;margin-right:8px;border-radius:6px; overflow:hidden; }
.carPhoto .form-image div.box:nth-child(5n){margin-right:0;}
.carPhoto .form-image button:before {font-size:20px; line-height:20px; margin-top:-20px;}
.carPhoto .form-image .box.ui-sortable-handle {background-color:transparent; }
.carPhoto .form-image .box.ui-sortable-handle > .button {position:relative;height:100%;background-color:#f5f5f5;cursor:pointer;background-repeat: no-repeat;background-size: cover; background-position: center center;}
.carPhoto .form-image .box.ui-sortable-handle > .button span{position:absolute; top:60%; left:0; width:100%; text-align:center;font-size:0.815rem; color:#888; font-family:'Spoqa Han Sans'; }
.carPhoto .form-image .box input {display:none;}
.carPhoto .form-image.ui-sortable {font-size:0;}
.carPhoto .form-image .box.ui-sortable-handle button {display:none;}
.carPhoto .form-image .box.ui-sortable-handle .button:before {line-height:110px;}
.carPhoto .form-image.ui-sortable .box.on .button:before {display:none;}
.carPhoto .form-image a.close {display:none; position:absolute; right:0px; top:0px; width:21px; height:21px; text-align:center; font-size:15px;padding:0;  border:0; border-radius:0; background-color:rgba(0,0,0,0.5);  z-index:55;}
.carPhoto .form-image a.close:before {content:"\e921"; display:inline-block; font-size:11px; vertical-align:top; line-height:21px; margin:0;   color:#fff;  }
.carPhoto .form-image .box.on a.close {display:block;}
.carPhoto .form-image .box.on button:before, .form-image .box.on .button span {display:none;}
.carPhoto .form-image button:before, .form-image .button {position:relative;}
.carPhoto .form-image button:before, .form-image .button:before {content:"\e9c5"; display:block;font-size:19px; line-height:20px;color:#666; text-align:center;   }

@media screen and (max-width:1024px){
	.carPhoto .form-image .box { height:100px;}
	.carPhoto .form-image button:before, .form-image .button:before { position:absolute; left:0; top:-5px;width:100%; text-align:center; font-size:18px; line-height:20px;color:#666; text-align:center;   }
	.carRegist .item-box .item.col5 {width:100% !important;}
	.carRegist .item-box .item.col5 .item-cont {padding-right:0}
	.carRegist .detail-item li {width:100%}
	.carRegist .detail-item li div:first-child {padding:0; width:70px; }
	.carRegist .detail-item li div:first-child + div {width:calc(100% - 70px)}

}

@media screen and (max-width:677px){
	.carRegist .item-box figure { display:none;}
	.carRegist .item-box .seller-info {padding-left:0rem; width:100%}
	.carRegist input[type=checkbox] + label, .carRegist input[type=radio] + label { padding-right:0}
	.carRegist .item-box .item .w35pc {width:49% !important}
	.carRegist .item-box .item .item-cont .w33pc {width:70% !important}


	.carRegist .option-box div.box {flex-direction: column;}
	.carRegist .option-box .opt-title {padding:0; width:100%; padding-bottom:0.65rem;}
	.carRegist .option-box .option-list {width:100%;}
	.carRegist .option-box input[type=checkbox] + label { width:33.3%;letter-spacing:-.06em; font-size:0.9rem;  }

	.carRegist .emph-icon li {width:25% !important; }
    
	.carPhoto .form-image {margin-left:-4px !important; margin-right:-4px !important; }
	.carPhoto .form-image div.box {width:calc(25% - 8px); height:110px; margin-left:4px !important; margin-right:4px !important;}

}


@media screen and (max-width:500px){
	.carRegist .car-select { height:2.8rem; border:1px solid #c5d8f7; vertical-align:top;  margin:0 !important; color:#000 !important;  margin-bottom:5px !important; -webkit-appearance:default; appearance:default; 
								   background:url(/images/icon_select.png) no-repeat right ;padding-right:35px; background-size:auto 14px; background-position:calc(100% - 10px) ; }

	.carRegist .car-select:focus {border-width:1px;}
	.carRegist .carSelect-step1,
	.carRegist .carSelect-step2,
	.carRegist .carSelect-step3{width:100% !important;  }
	.carRegist .car-select option {height:2.8rem; padding-top:9px; border-bottom:0px solid #f4f4f4; }


	.carRegist .detail-item li div:first-child {width:100%; }
	.carRegist .detail-item li div:first-child + div {width:100%}
	.carRegist .detail-item .w150 {width:40% !important;}
	.carRegist .detail-item .w100 {width:25% !important;}
	.carRegist input[type="text"],
	.carRegist select {margin-left:2px;}

	.carRegist .option-box input[type=checkbox] + label { width:50%; }
	.carRegist .item-box .item {padding: 0.65rem 0 1rem;}
	.carRegist .item-box .item .item-title {margin-top:0.7rem}
	.carRegist .ex-phrase { padding:0; }
	.carRegist .ex-phrase span {width:100%;  margin-bottom:0.35rem;}
	.carRegist .emph-icon input[type=checkbox] + label {margin-right:0}
	.carRegist .emph-icon li {width:33.3% !important; }

	.carPhoto .form-image div.box {width:calc(33.3% - 8px); height:80px; }
    .carPhoto .form-image button:before, .form-image .button:before { top:-20px;  }
    .carPhoto .form-image .box.ui-sortable-handle > .button span{top:53%; font-size:0.785rem;  }
	.carPhoto .form-image a.close {width:28px; height:28px; }
    .carPhoto .form-image a.close:before { font-size:16px;  line-height:28px; }


}

@media screen and (max-width:420px){
	.carRegist .option-box input[type=checkbox] + label { font-size:0.785rem;  }

}

























/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                     ȸ»ç¼Ò°³
///////////////////////////////////////////////////////////////////////////////////////////*/
.company-inro section {padding:5rem 0 11rem; position:relative; overflow:hidden;}
.company-inro section:after {content:''; display:block; width:100%; clear:both; }
.company-inro .head-title {display:none;}
.company-inro .intro-title {display:block; text-align:center; font-size:2.15rem; line-height:2.5rem; font-weight:bold; color:#333; margin-bottom:2rem; }
.company-inro section .eng-txt {position:absolute; bottom:-1.6rem; width:100%; left:0; width:100%; text-align:center; font-size:10rem; line-height:10rem; color:#f6f6f7; font-weight:bold; letter-spacing:0 }

.company-inro .section01 {position:relative; padding-top:100px; height:760px; background:url('/images/sub/intro_img1.jpg') no-repeat center  ; background-size:cover; }
.company-inro .section01 .txt-box {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align:center; padding-top:1.6rem;}
.company-inro .section01 .txt-box h2 {color:#fff; font-size:3rem; line-height:4.25rem; font-weight:100;}
.company-inro .section01 .txt-box p {margin-top:2rem; color:#fff; font-size:1.285rem; line-height:1.8rem; }

.company-inro .section02 .inr {width:1600px; margin:0 auto; }

.company-inro .section02 {padding-top:2rem;}
.company-inro .section02 .greet {font-size:1.05rem; line-height:1.8rem; color:#555; text-align:center; padding:0rem 0}
.company-inro .section02 .item{display:block; font-size:0; }
.company-inro .section02 .item-img {display:inline-block;clear:both; vertical-align:middle; width:50%; margin-top:5rem; }
.company-inro .section02 .item-img img {width:100%;  }
.company-inro .section02 .item-txt {display:inline-block; vertical-align:middle; width:50%; padding:0 3rem 0 5rem;margin-top:5rem; }
.company-inro .section02 .item-txt dl dt {font-size:1.875rem; line-height:2.5rem; font-weight:500; color:#222}
.company-inro .section02 .item-txt dl dd {margin-top:1.5rem; font-size:1rem; line-height:1.7rem; color:#666; letter-spacing:-.07em; }
.company-inro .section02 .item-txt dl dd .big {font-size:120%; font-weight:bold; color:#111;}
.company-inro .section02 .item-img.order {float:right;   }
.company-inro .section02 .item-txt.order {float:left; padding-top:5rem}

.company-inro .clear {clear:both; width:100%; }



.company-inro .section03 { background-color:#f3f3f4;}
.company-inro .section03 .img {padding-top:1rem;}
.company-inro section.section03  .eng-txt {color:rgba(255,255,255,0.7)}

.company-inro .section04 .map {width:100%; height:600px; box-shadow:5px 5px 20px rgba(0,0,0,0.08)}
.company-inro .section04 h3 {font-size:1.5rem; line-height:1.5rem; color:#333; font-weight:bold; }
.company-inro .section04 .inr {width:1400px; margin:0 auto; }
.company-inro .section04 .item {padding:3rem 5rem 0; display:flex; flex-direction: row; justify-content: space-between;flex-wrap: nowrap; }
.company-inro .section04 .item .info-wrap {width:calc(100% - 340px)}
.company-inro .section04 .item .info-wrap .info {margin-top:2rem; padding-left:0.65rem;}
.company-inro .section04 .item .info-wrap .info li {display:inline-block; margin-bottom:1.5rem; margin-right:2rem; font-size:1rem; font-weight:500; }
.company-inro .section04 .item .info-wrap .info li.address {width:100%; margin-right:0; }
.company-inro .section04 .item .info-wrap .info li em {display:inline-block; vertical-align:middle; height:15px; width:1px; background-color:#ddd; margin:0 1.2rem; }
.company-inro .section04 .item .info-wrap .info li strong {display:inline-block;margin-right:5px; color:#000;font-family:'Roboto' !important; letter-spacing:0.01em;font-size:103%; }
.company-inro .section04 .item .info-wrap .info li span {display:inline-block; margin-right:5px; }
.company-inro .section04 .item .info-wrap .info li span:before {color:var(--txt-default); font-family:'xeicon' !important;}
.company-inro .section04 .item .info-wrap .info li span.loc:before {content:"\eb59"; }
.company-inro .section04 .item .info-wrap .info li span.tel:before {content:"\e9d3"; }
.company-inro .section04 .item .info-wrap .info li span.fax:before {content:"\e9bc"; }
.company-inro .section04 .item .info-wrap .info a {color:#555}

.company-inro .section04 .item .btn-area {flex-direction: row;justify-content: space-between;  width:340px;font-size:0;}
.company-inro .section04 .item .btn-area a{ display:inline-flex; height:2.8rem;height:2.75rem;  line-height:2.75rem; font-size:0.815rem; color:#555; font-weight:500; margin-left:5px; padding:0 1.5rem; border-radius:4px; border:1px solid #ddd; }
.company-inro .section04 .item .btn-area a strong {font-size:0.965rem; font-weight:600; display:inline-block;vertical-align:top;margin-top:2px;  margin-right:5px;font-family:'GmarketSans'; }
.company-inro .section04 .item .btn-area a.daum strong {color:#608df9}
.company-inro .section04 .item .btn-area a.naver strong {color:#04cf5c}






@media screen and (max-width:1600px){
.company-inro .section02 .inr  {width:100%; }

}

@media screen and (max-width:1400px){
.company-inro section{padding:3rem 0 10rem;}
.company-inro section .eng-txt {font-size:7rem;bottom:-2.5rem; }

.company-inro .section02 .greet {font-size:1rem; }
.company-inro .section02 .item-img { margin-top:4rem; }
.company-inro .section02 .item-txt {padding:0 1rem 0 3rem;margin-top:4rem; }
.company-inro .section02 .item-txt dl dt {font-size:1.313rem; line-height:2.1rem;  }
.company-inro .section02 .item-txt dl dd {margin-top:1rem; font-size:0.95rem; line-height:1.6rem;   }
.company-inro .section02 .item-txt.order { padding-top:3rem}

.company-inro .section04 .inr {width:100%;}
.company-inro .section04 .item {padding:2rem 0.5rem 0;  }


}
@media screen and (max-width:1200px){
.company-inro .section03 .img img {width:100%;}

}
@media screen and (max-width:1024px){
.company-inro section{padding:3rem 0; }
.company-inro section .eng-txt {display:none; }
.company-inro .intro-title {font-size:1.5rem; margin-bottom:1rem;  }

.company-inro .section01 {padding-top:60px; height:500px;}
.company-inro .section01 .txt-box {  padding-top:0rem; width:100%;}
.company-inro .section01 .txt-box h2 { font-size:2rem; line-height:2.5rem; font-weight:300;}
.company-inro .section01 .txt-box p {margin-top:1rem;  font-size:1.05rem;}

.company-inro .section02 .greet {font-size:1rem; line-height:1.7rem; padding:0 1rem; text-align:left; }
.company-inro .section02 .greet br {display:none; }
.company-inro .section02 .item-txt {padding:0 1rem 0 1rem;margin-top:2rem; width:100%; }
.company-inro .section02 .item-img { margin-top:2rem;width:100% }
.company-inro .section02 .item-txt dl dt {font-size:1.125rem; line-height:1.5em;  }
.company-inro .section02 .item-txt dl dt br {display:none;}
.company-inro .section02 .item-txt dl dd {margin-top:0.65rem; font-size:0.85rem; line-height:1.8em;   }
.company-inro .section02 .item-img.order ,
.company-inro .section02 .item-txt.order {float:none; padding-top:0}
.company-inro .section03 .img {padding-top:0rem;}

.company-inro .section04 h3 {font-size:1.125rem; line-height:1.3rem;  }
.company-inro .section04 .item {  flex-direction:column; }
.company-inro .section04 .item .info-wrap {width:100%}
.company-inro .section04 .item .info-wrap .info {margin-top:1.5rem; padding-left:0;}
.company-inro .section04 .item .info-wrap .info li { display:block;  width:100% !important; margin:0 0 1rem;  font-size:0.915rem;  }
.company-inro .section04 .item .btn-area { margin:0;  gap:0.2rem; width:270px; }
.company-inro .section04 .item .btn-area a{  height:2.25rem;height:2.25rem;  line-height:2.25rem; font-size:0.78rem;  padding:0 0.5rem; }
.company-inro .section04 .map { height:350px; }


}

@media screen and (max-width:677px){
.company-inro section{padding:2rem 0; }
.company-inro .intro-title {font-size:1.185rem;  }
.company-inro .section01 { height:360px;}
.company-inro .section01 .txt-box {padding-top:1.6rem}
.company-inro .section01 .txt-box h2 { font-size:1.5rem; line-height:1.4em; }
.company-inro .section01 .txt-box p {margin-top:1rem;  font-size:1rem; line-height:1.5em; }
.company-inro .head-title { display:block; position:absolute; top:21px; left:60px; z-index:333; font-size:1.2rem; line-height:1.125rem;}

}

@media screen and (max-width:500px){
.company-inro .intro-title {font-size:1.125rem;  }

.company-inro .section04 h3 {font-size:1rem;   }
.company-inro .section04 .item {padding:1.5rem 0.65rem 0;}
.company-inro .section04 .item .info-wrap .info li {font-size:0.915rem; line-height:1.6em; letter-spacing:-.04em;}
.company-inro .section04 .item .info-wrap .info li strong {display:block;}
.company-inro .section04 .item .btn-area {margin:0.8rem 0;}
.company-inro .section04 .map { height:300px; }

}














/* BTN */
.btnWrap {display:block; margin:0; text-align:center; font-size:0; padding-top:2rem; border-top:1px solid #e3e5ef}
.btnWrap.bd0 {border:0;}
.btnWrap.pd0 {padding:0 !important;}
.btnWrap button {display:inline-block; vertical-align:top; margin:0 5px; border-radius:7px; font-size:1rem;  color:#666;background-color:#f4f4f4; border:1px solid #f4f4f4;  height:55px; line-height:53px; padding: 0 1.5rem; font-weight:500 }
.btnWrap button:before {content:''; display:inline-block; vertical-align:top; margin-right:5px; font-size:1.2rem;font-family:"xeicon" !important; }

.btnWrap button.save { background-color:#081b48; border-color:#081b48; color:#fff; padding:0 2.6rem;  }
.btnWrap button.confirm { background-color:var(--txt-default); border-color:var(--txt-default); color:#fff; padding:0 2.6rem;  }
.btnWrap button.list { background-color:#f4f4f4; border-color:#f4f4f4; color:var(--txt-dark-grey);  padding: 0 2rem; }
.btnWrap button.modify {background-color:#eef1fb; color:var(--txt-default)}
.btnWrap button.modify.gallery {margin-top:-3rem}
.btnWrap button.cancel {background-color:#fff; color:#222; border-color:#dedede}
.btnWrap button.print {background-color:#e1eafa; color:var(--txt-default); border-color:#e1eafa;}


.btnWrap button.delete {background-color:#fff; color:#222; border-color:#eee}
.btnWrap button.delete:before {content: "\e96f"; }
.btnWrap button.modify:before {content: "\ea39"; }
.btnWrap button.list:before {content: "\e91c"; }
.btnWrap button.save:before {content: "\e928"; } 


@media screen and (max-width:1024px){
	 .btnWrap button {margin:0 3px; border-radius:5px; font-size:0.9rem;  height:45px; line-height:43px; padding: 0 1rem; }
     .btnWrap button:before {margin-right:2px; font-size:1rem;}
	 .btnWrap button.list {   padding: 0 1.8rem; }

     .mypage .leftMenu { display:none; }
	 .mypage .mypageRight {width:100%; float:default; padding:0}
}


@media screen and (max-width:500px){
	 .btnWrap button {margin:0 2px; font-size:0.85rem;   }
	 .btnWrap button.list {   padding: 0 1.2rem; }

	 .btnWrap button.modify.gallery {margin-top:-1rem; margin-right:1rem; }


}


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      pagination
///////////////////////////////////////////////////////////////////////////////////////////*/
.pagination { display:inline-block; width:100%; margin:2.5rem 0 0rem; padding:0; font-size:0;text-align:center;}
.pagination:after {content:''; clear:both; }
.pagination span { display:inline-block;  margin:0 3px; }
.pagination span a { display:inline-block;position:relative; font-size:14px; border:1px solid #dcdde0; width:40px; height:40px; line-height:38px;color:#333;background:#fff; vertical-align:middle; border-radius:3px;  transition:300ms ease-out 0ms;}
.pagination span a:before {content:'';position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:auto 18px;  font-size:24px; color:#333; }
.pagination span .first:before  {/*content:"\F13D"; */ background-image:url('/images/arrow_first.png')}
.pagination span .prev:before {/*content: "\F141"; */ background-image:url('/images/arrow_prev.png')}
.pagination span .next:before {/*content:"\F142";*/ background-image:url('/images/arrow_next.png') }
.pagination span .last:before  {/*content:"\F13E";*/background-image:url('/images/arrow_last.png')}
.pagination span .prev {margin-right:5px; }
.pagination span .next {margin-left:5px; }
.pagination span a.on { background:var(--txt-default); border:1px solid var(--txt-default); color:#fff; }
.pagination span a.off { display:none; opacity:0.4}
.pagination span a.first{  margin-left:0;border-left:1px solid #dcdde0; }
.pagination span .first.on,
.pagination span .prev.on,
.pagination span .next.on,
.pagination span .last.on { background-color:#fff; color:#111; border-color:#aaa}



@media screen and (max-width:1024px){
	.pagination span { margin:0 2px; }
	.pagination span a { font-size:13px;  width:30px; height:30px; line-height:28px; border-radius:3px; }
	.pagination span a:before {font-size:21px; background-size:auto 14px; }

}

@media screen and (max-width:677px){
    .pagination {margin:1.5rem 0 1.875rem;}
	.pagination span a { font-size:12px;  width:25px; height:25px; line-height:23px; }
}
/*
@media screen and (max-width:360px){
	.pagination {margin:0rem 0;}
	.pagination span { margin:0 0.5px; }
	.pagination span a { font-size:11px;  width:21px; height:21px; line-height:20px;   }
	.pagination span a:before {font-size:18px;}
	.pagination span .prev{margin-right:3px; }
	.pagination span .next {margin-left:3px; }

}*/



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        Æ˾÷¾Ë¸²
///////////////////////////////////////////////////////////////////////////////////////////*/
.inform-box {display:flex;align-items: stretch; align-items: center;  justify-content: center;width:100%; height:100%; text-align:center; font-size:0.95rem; line-height:1.5rem; color:#666; font-weight:500}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        ·Î±×ÀÎ
///////////////////////////////////////////////////////////////////////////////////////////*/
.login-box {display:block; font-size:0.95rem; line-height:1.5rem; color:#666; font-weight:500; }
.login-box .title-box {padding:2rem 0 1.8rem; margin:0 ; text-align:center; }
.login-box .title-box .login-logo {display:inline-block; width:200px; height:3.75rem; background:url('/images/inc/logo.png') no-repeat center ; background-size:auto 2.813rem;}
.login-box .title-box h3 {margin-top:3rem; font-size:1.85rem; line-height:2rem;  font-weight:bold; color:#333; font-family:'OpenSans-Bold';}
.login-box .title-box p {font-size:0.85rem; color:#888; font-weight:500; margin-top:0.85rem; }
.login-box .inform {padding:0 2.1rem; display:block; width:100%;}
.login-box .inform li {display:block; margin-bottom:15px; }
.login-box input[type=checkbox] + label {color:#777}
.login-box input[type=checkbox]:checked + label {color:var(--txt-default)}
.login-box .input_item {background:#f0f2f8; position:relative; border-radius:7px; margin-bottom:1rem; font-size:0}
.login-box  input[type="text"],
.login-box  input[type="password"] {position:relative;height:3.75rem;background-color:transparent !important;    z-index:2; margin-bottom:0 !important;}
.login-box .btn-login {width:100%; background-color:var(--txt-default);height:3.75rem; text-align:center; color:#fff; font-size:1.125rem; border-radius:7px; }

.login-box  .input_item input[type=text] + label, .login-box  .input_item input[type=password] + label {z-index:1;}
.login-box  .input_item label.filled, .login-box  .input_item input:focus + label {top:-15px !important;left:0;background:transparent; z-index:10 !important}

.input_item input {background-color:transparent !important;border:0; padding-left:1.2rem; color:#000; font-size:1.125rem; font-weight:bold;}
.input_item.id:after, .input_item.pw:after, .input_item.title:after{position:absolute;top:1.063rem;right:1.063rem;clear:both;display:inline-block;content:"";width:20px;height:20px; font-size:1.25rem; color:#aaa;z-index:9;}
.input_item.id:after{content:"\e9f5"; }
.input_item.pw:after{ content:"\e966";}
.input_item input[type=text] + label, .input_item input[type=password] + label {position:absolute;top:50%;left:12px;padding:0 0.65rem;margin-top:-13px;font-size:0.9rem;color:#999;  z-index:-1; -webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.input_item label.filled, .input_item input:focus + label  {top:5px !important; margin-left:7px; margin-top:5px !important; background:#fff !important; color:var(--txt-default); font-size:0.75rem !important;z-index:5 !important; border-radius:20px;  border:0px solid #f00}
.input_item input:-webkit-autofill {-webkit-text-fill-color:#000;} 
.input_item input:-webkit-autofill, .input_item input:-webkit-autofill:hover, .input_item input:-webkit-autofill:focus, .input_item input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s; border-radius:7px;  background:transparent !important}

.input_item input:-webkit-autofill + label {top:5px !important;  font-size:0.75rem !important; z-index:1 !important;}


@media screen and (max-width:500px){
.login-box .title-box .login-logo {display:inline-block; width:200px; height:3rem; background:url('/images/inc/logo_mobile.png') no-repeat center ; background-size:auto 2.3rem;}
.login-box .title-box h3 {margin-top:2rem; font-size:1.5rem; line-height:1.5rem;}
.login-box .title-box p {font-size:0.815rem;  margin-top:0.85rem; }
.login-box .inform {padding:0 0rem;  }
.login-box .inform li { margin-bottom:10px; }

}



/* ȸ¿øÅ»Åð */
.leave_box {display:block; clear:both; background-color:#f9f9f9; border-radius:7px; border:1px solid #eee; padding:20px; font-size:15px; color:#555; margin-bottom:20px; }
.leave_box h3 {font-size:15px; font-weight:600; line-height:1.5em; margin-bottom:10px; }
.leave_box p {font-size:14.5px; line-height:1.5em; color:#777; font-weight:500; }

@media screen and (max-width:500px){
.leave_box {  border-radius:5px;  padding:12px; margin-bottom:10px; }
.leave_box h3 {font-size:14px;  margin-bottom:8px; }
.leave_box p {font-size:13px; line-height:1.3em;  }

}




/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        ÀÌ¿ë¾à°ü/°³ÀÎÁ¤º¸Ã³¸®¹æħ
///////////////////////////////////////////////////////////////////////////////////////////*/
.agreement {margin-top:2rem}
.agreement.mt0 {margin-top:0}
.agreement h1 {font-size:1.75rem; line-height:1.75rem; color:#000; font-weight:400; margin-top:3rem; }
.agreement h1:first-child {margin-top:0; }
.agreement h2 {font-size:1.125rem; font-weight:500; color:#333; margin:3rem 0 1.1rem; color:var(--txt-default) }
.agreement h2:first-child {margin-top:0}
.agreement p {font-size:0.985rem; line-height:1.6rem; color:#333; letter-spacing:-.04em; margin:0.5rem 0 0;font-weight:normal !important;}
.agreement .idx {display:block; margin:2rem 0; padding:1.5rem 3rem; border-radius:0.65rem; background-color:#f8f8f8; font-size:0; }
.agreement .idx li {display:inline-block; vertical-align:top; width:50%;  }
.agreement .idx li a {display:block; font-size:0.95rem; line-height:1.9rem; font-weight:500 }
.agreement ol {margin:1rem 0;  }
.agreement ol li {position:relative; font-size:0.985rem; color:#666; line-height:1.5rem;font-weight:500;  margin-bottom:0.85rem; color:#333}
.agreement ol li ol {padding-top:0.35rem; padding-left:0.65rem;}
.agreement ol li ol li {padding-left:0.65rem; color:#666  !important;margin-bottom:0.45rem; font-weight:normal;}
.agreement ol li ol li:before {content:''; position:absolute; left:0; top:11px; width:5px; height:1px; background-color:#555;}


@media screen and (max-width:1024px){
	.agreement {margin-top:1rem}
	.agreement h1 {font-size:1.128rem; line-height:1.5rem;  margin-top:2rem; }
	.agreement h2 {font-size:0.985rem;   margin:1.5rem 0 0.8rem;  }
	.agreement p {font-size:0.9rem; line-height:1.5rem; }
	.agreement .idx { margin:1rem 0; padding:1rem 1.5rem; border-radius:0.35rem; }
	.agreement .idx li {width:100%; }
	.agreement .idx li a {display:block; font-size:0.95rem; line-height:1.9rem; font-weight:500 }
	.agreement ol {margin:1rem 0;  }
	.agreement ol li {  font-size:0.85rem;  margin-bottom:0.515rem; }
	.agreement ol li ol li {padding-left:0.65rem;  margin-bottom:0.35rem;  }
	.agreement ol li ol li:before {content:''; position:absolute; left:0; top:11px; width:5px; height:1px; background-color:#555;}

}




.waves {  position: absolute;   left: 0;  bottom: 0;  width: 100%;  height:6vh;  min-height:80px;  max-height:130px;}
.waves2 {  position: absolute;   left: 0;  bottom: 0;  width: 100%;  height:12vh;  min-height:90px;  max-height:180px;}

.parallax > use {
  animation: move-forever 100s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 1024px) {
  .waves2 {  height:8vh;    }

}
@media (max-width: 768px) {
  .waves {    height:40px;    min-height:40px;  }
   .waves2 {  height:6vh;height:40px;    min-height:40px;     }
}
//°ü¸®ÀÚ
.sub-header2 {position:relative;width:100%;  margin:0;}
.sub-header2 .head-title {display:block;  font-size:1.563rem; line-height:1.563rem; font-weight:bold; color:#333; }
.sub-header2 .head-txt {display:block; margin-top:1.1rem; font-size:1.015rem;width:70%; line-height:1.6rem; font-weight:400; color:var(--txt-light-grey);  letter-spacing:-.06em;}