@charset "utf-8";

@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css); /*웹폰트*/
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); /*웹폰트*/
@import url('https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}

*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url("boxsizing.htc")}
html{height:100%;overflow-x:hidden;overflow-y:scroll; scroll-behavior: smooth;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none; 
transition:all ease 0.5s;}
body {font-size:14px; font-family:'Lato','NotoSansKR', 'NanumBarunGothic', 'Dotum', sans-serif;color:#222; background:#fff; letter-spacing:-0.03em;}
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;}
td strong {
	font-weight: 100;
	font-size: 5px;
	vertical-align: bottom;
}
input {border-radius: 0px; -webkit-appearance: none; -moz-appearance: none;appearance: none;}
button, input, select {font-family:'Lato','NotoSansKR', 'NanumBarunGothic', 'Dotum', sans-serif;}
#wrap:after, #container:after, #footer:after, #header:after, .clear:after, ul:after, dl:after, ol:after{display:block;clear:both;content:'';}

.fc-ns {color:#fb6701;}

header{ width:100%; border-bottom:1px solid #d7d7d7; overflow:hidden;}


.headerBanner{height:128px;}
.headerTop{height:136px;}

.headerTop .inner > div{float:left;}
.headerTop .inner div h1{padding:49px 45px 49px 0;}
.headerTop .inner div input{width:400px; height:45px; border:3px solid #d52021; background:#fff; border-radius:5px;padding: 10px;box-sizing: border-box;}
.headerTop .inner div.main_search{position:relative; margin:46px 128px;}
.headerTop .inner div.main_search input{}
.headerTop .inner div.main_search > span{ position:absolute; right:5px;top: 10px;z-index: 10;cursor: pointer;}
.headerTop .inner div.main_search > span button{border:none; background:none;cursor: pointer;}

.headerTop .inner .my_area{padding:31px 0;}
.headerTop .inner .my_area ul li{float:left; width:72px; height:72px; border-radius:50px; margin-left:10px; text-align:center; line-height:72px; font-weight:800;font-size:14px;}
.headerTop .inner .my_area ul li a{display:block;}
.headerTop .inner .my_area ul li:nth-child(2) a{color:#d52021;}
.headerTop .inner .my_area ul li:nth-child(1) a,.headerTop .inner .my_area ul li:nth-child(3) a{ color:#fff;}
.headerTop .inner .my_area ul li:nth-child(1){background: #d52021; color:#fff;}
.headerTop .inner .my_area ul li:nth-child(2){border:1px solid #d52021; color:#d52021;}
.headerTop .inner .my_area ul li:nth-child(3){background:#464646;color:#fff;}

.headerMenu{height:105px;border-top:1px solid #d7d7d7; background:#137bcc;}
.headerMenu ul li{float:left; border-left:1px solid #dbdbdb; width:14.19%; text-align:center; height:105px; line-height:165px; color:#f0f0f0; font-size:18px; font-weight:700; cursor:pointer;}
.headerMenu ul li:hover{color:#fff;}
.headerMenu ul li a:hover{color:#fff;}
.headerMenu ul li a{color:#f0f0f0; font-size:18px; font-weight:700;display:block; height:105px;}
.headerMenu ul li:nth-child(1){background:url(/_img/menu01_off.png) no-repeat center 35%;}
.headerMenu ul li:nth-child(2){background:url(/_img/menu02_off.png) no-repeat center 30%;}
.headerMenu ul li:nth-child(3){background:url(/_img/menu03_off.png) no-repeat center 30%;}
.headerMenu ul li:nth-child(4){background:url(/_img/menu04_off.png) no-repeat center 30%;}
.headerMenu ul li:nth-child(5){background:url(/_img/menu05_off.png) no-repeat center 30%;}
.headerMenu ul li:nth-child(6){background:url(/_img/menu06_off.png) no-repeat center 30%;}
.headerMenu ul li:nth-child(7){background:url(/_img/menu07_off.png) no-repeat center 30%;}

.headerMenu ul li:nth-child(1):hover{background:url(/_img/menu01_on.png) no-repeat center 35% #40aeca;}
.headerMenu ul li:nth-child(2):hover{background:url(/_img/menu02_on.png) no-repeat center 30% #40aeca;}
.headerMenu ul li:nth-child(3):hover{background:url(/_img/menu03_on.png) no-repeat center 30% #40aeca;}
.headerMenu ul li:nth-child(4):hover{background:url(/_img/menu04_on.png) no-repeat center 30% #40aeca;}
.headerMenu ul li:nth-child(5):hover{background:url(/_img/menu05_on.png) no-repeat center 30% #40aeca;}
.headerMenu ul li:nth-child(6):hover{background:url(/_img/menu06_on.png) no-repeat center 30% #40aeca;}
.headerMenu ul li:nth-child(7):hover{background:url(/_img/menu07_on.png) no-repeat center 30% #40aeca;}
.headerMenu ul li:last-child{border-right:1px solid #dbdbdb;}




.searchBar_bg{background: #fdae0f;}
.searchBar { /*display: inline-block;*/ position: relative;   height: 50px; margin: 55px auto 0; border:solid 3px #fdae0f; line-height: 42px; background:#fdae0f;}
.searchBar .searchWrap {width:calc(100% - 50px);}




.searchBar input{
    width: 92%;
    height: 40px;
    padding-left: 20px;
    font-size: 13px;
    background: transparent;
	color: #fff;
}
.searchBar .mainSel {float:left; display:inline-block; width:35%; overflow:hidden;position:relative;}
.searchBar .mainSel:nth-of-type(2) {width:65%;}
.searchBar .mainSel select {
    width: 90%;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    overflow: hidden;
    margin: 0px 0px 0 15px;
    line-height: 36px;
    padding: 0 5px;
    height: 45px;
	background:transparent; 
	color:#fff;
	font-size:14px;
}
.searchBar .mainSel:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -6px;
    background: url(/_img/arrow-up-b.png)no-repeat;
    width: 12px;
    height: 12px;
    background-size: 12px;
	transform:rotate(180deg)
}
.searchBar .mainSel select::-ms-expand {display: none;}
.searchBar .mainSel select option {color:#333;}

.searchBar button.searchButton{
	/*height: 45px;
	width: 45px;
	#fdae0f*/
	height: 45px;
	
    overflow: hidden;
    background: #fdae0f;
    color: #fff;
    font-size: 16px;
    width: calc(100% - 357px);
    position: absolute;
    right: 0px;
    width: 45px;
	
}
.arrBtn {
    position: absolute;
    top: 0px;
    right: 20px;
	z-index:1;
}

.contents01 .carListWrap .arrBtn{position: absolute; top: 50px; z-index:1;}

.mainvisualWrap .arrBtn {top:20px;}
.arrBtn2 {
	
}
.arrBtn button{
	width: 25px;
    height: 25px;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.1);
    margin-left: -3px;
    color: #333;
}
.arrBtn .arrPre {}
.arrBtn .arrNext{}
.arrBtn button i{font-size:17px}
.arrBtn button:hover {border:1px solid #fdae0f; color:#fff; background:#fdae0f;}

.btnWrap {display:block;    text-align: center;}
.btnWrap .btnStyle{
    display: inline-block;
    padding: 8px 30px;
    border-radius: 30px;
}
.btnWrap .btnStyle.redBtn {
	color: #fff; background: #fdae0f;
}
.btnWrap .btnStyle.grayBtn {
	color: #fff; background: #ccd0d4;
}
.btnWrap .btnStyle.whiteBtn{
	color:#fdae0f; border:2px solid; background:#fff;
}

.inner{ position:relative;}
.clfix{clear:both;}
.MRN{margin-right:0 !important;}
.PRN{padding-right:0 !important;}
.BRN{border-right:none !important;}
.BBN{border-bottom:none !important;}
.BLN {border-left:none !important;}
.bL1{border-left:1px solid #ebebeb !important;}

.font_blue{color:#d52021 !important;}
.font_black{color:#222 !important;}
.font_org{color:#fb653d !important;}
.font_red{color:#de0000 !important;}
.font_ylw {color: #fed804 !important;}
/*.fl{float:left;}*/
.fr{float:right;}
.bgn{background:none !important;}
/*.PL20{padding-left:20px !important;}*/
.bg_White{background:#fff;}
.bg_Gray{background:#f4f4f4 !important;}
.PL0{padding-left:0 !important;}
.PR0{padding-right:0 !important;}
.PL10{padding-left:10px !important;}
.BR1{border-right:1px solid #d7d7d7;}
.tl{text-align:left !important;}
.w90{width:90px !important;}
.w110{width:110px !important;}
.w155{width:155px !important;}
.w175{width:175px !important;}
.w220{width:220px !important;}
.w225{width:225px !important;}
.text-center{text-align:center;}
.breakkeepall{word-break:keep-all;}
/*.PL20{padding-left:20px;}*/
.TaL{text-align:left !important;}
.mT80 {margin-top:50px !important;}
.mt80 {margin-top:50px !important;}
.fs17{font-size:17px !important;padding: 5px 0; display: block;}
.fs15{font-size:15px !important;}
.fs14{font-size:14px !important;}
.w140{width:140px !important;}
.f600{font-weight:600;}
.f800{font-weight:800;}
.mb15 {margin-bottom:15px; display:block;}
.blueColor {color: #fdae0f !important;}
::selection{background:#d52021; color:#fff; text-shadow:none;}
/* input box color */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent  inset ; -webkit-text-fill-color: #777; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }


input::-webkit-input-placeholder{color:#f5f5f5}
input:-moz-placeholder{color:#f5f5f5;opacity:1}
input::-moz-placeholder{color:#f5f5f5;opacity:1}
input:-ms-input-placeholder{color:#f5f5f5}
input:placeholder-shown{color:#f5f5f5}
textarea:placeholder-shown{color:#f5f5f5; box-sizing:border-box;}


.loading span {
  display: inline-block;
  animation: loading .7s;
}
.loading span:nth-child(2) {
  animation-delay: .1s;
}
.loading span:nth-child(3) {
  animation-delay: .2s;
}
.loading span:nth-child(4) {
  animation-delay: .3s;
}
.loading span:nth-child(5) {
  animation-delay: .4s;
}
.loading span:nth-child(6) {
  animation-delay: .5s;
}
.loading span:nth-child(7) {
  animation-delay: .6s;
}
.loading span:nth-child(8) {
  animation-delay: .7s;
}
.loading span:nth-child(9) {
  animation-delay: .8s;
}
.loading span:nth-child(10) {
  animation-delay: .85s;
}
.loading span:nth-child(11) {
  animation-delay: .9s;
}
.loading span:nth-child(12) {
  animation-delay: .95s;
}
@keyframes loading {
  0%, 100% {
    transform: translateY(0);
	filter: blur(0);
    opacity: 1;
  }
  50% {
    transform: translateY(15px);
	filter: blur(5px);
    opacity: .2;
  }
}


/* --------------------------------------------
 * skip
/* ------------------------------------------ */
.skipNavi{position:relative;z-index: 9999999}
.skipNavi li{position:absolute;width:100%;top:0;left:0}
.skipNavi li a{display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.skipNavi li a:active,
.skipNavi li a:focus{width:100%;height:auto;padding:7px 0;text-align:center;font-size:15px;color:#fff;background-color:#262424;border:0}

  /*! form */
.input-checkbox {
	display: inline-block;
	height: 20px;
	line-height:1;
}

.input-checkbox input {
	border: 0;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute
}

.input-checkbox .txt {
	display: inline-block;
	line-height: 1;

	font-weight: 400
}

.input-checkbox label {
	display: inline-block;
	padding: 0 10px 0 10px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.input-checkbox label:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 1px solid #d9d9d9;
	background: #fff;
	text-align: center
}

.input-checkbox label:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 5px;
	width: 10px;
	height: 6px;
	margin-top: -4px;
	border-top: 0;
	border-right: 0;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.input-checkbox.right label {
	padding: 0 0 0 27px
}
.input-checkbox.right a {display:inline-block;}

.input-checkbox.left label {
	padding: 0 28px 0 0
}

.input-checkbox.left label:before {
	left: auto;
	right: 0;
	margin-top: -12px
}

.input-checkbox.left label:after {
	left: auto;
	right: 5px;
	margin-top: -6px
}

.input-checkbox.up label {
	padding: 0 0 23px 0
}

.input-checkbox.up label:before {
	top: auto;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: 0
}

.input-checkbox.up label:after {
	top: auto;
	bottom: 8px;
	left: 50%;
	margin-left: -5px;
	margin-top: 0
}

.input-checkbox.down label {
	padding: 23px 0 0 0
}

.input-checkbox.down label:before {
	top: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: 0
}

.input-checkbox.down label:after {
	top: 6px;
	left: 50%;
	margin-left: -5px;
	margin-top: 0
}

.input-checkbox input:focus+label:before {
	border-color: #000
}

.input-checkbox input:hover+label:before {
	border-color: #000
}

.input-checkbox input:disabled:focus+label:before {
	border-color: grey
}

.input-checkbox input:disabled:hover+label:before {
	border-color: grey
}

.input-checkbox input:disabled+label:before {
	opacity: 0.5
}

.input-checkbox input:disabled+label:after {
	opacity: 0.5
}

.input-checkbox label:after {
	-webkit-transform: rotate(-45deg) scale(0);
	transform: rotate(-45deg) scale(0);
	transition: none
}

.input-checkbox input:checked+label:after {
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out
}

.input-checkbox input:checked+label:before {
	background: #fb6701;
	border: 0
}

.input-radio {
	display: inline-block;
	height: 20px
}

.input-radio input {
	border: 0;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute
}

.input-radio .txt {
	display: inline-block;
	line-height: 1;
	font-weight: 400
}

.input-radio label {
	display: inline-block;
	position: relative;
	padding: 0 10px 0 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.input-radio label:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 1px solid #d9d9d9;
	background: #fff;
	text-align: center;
	border-radius: 50%
}

.input-radio label:after {
	content: '';
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: 1px;
	border-radius: 50%
}

.input-radio.right label {
	padding: 0 0 0 25px
}

.input-radio.right label:before {
	margin-top: -12px
}

.input-radio.right label:after {
	margin-top: -6px
}

.input-radio.left label {
	padding: 0 28px 0 0
}

.input-radio.left label:before {
	left: auto;
	right: 0;
	margin-top: -12px
}

.input-radio.left label:after {
	left: auto;
	right: 5px;
	margin-top: -6px;
	margin-right: 1px
}

.input-radio.up label {
	padding: 0 0 23px 0
}

.input-radio.up label:before {
	top: auto;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: 0
}

.input-radio.up label:after {
	top: 50%;
	bottom: 5px;
	left: 50%;
	margin-left: -4px;
	margin-top: 9px
}

.input-radio.down label {
	padding: 23px 0 0 0
}

.input-radio.down label:before {
	top: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: 0
}

.input-radio.down label:after {
	top: 5px;
	left: 50%;
	margin-left: -4px;
	margin-top: 1px
}

.input-radio input:focus+label:before {
	border-color: #000
}

.input-radio input:hover+label:before {
	border-color: #000
}

.input-radio input:disabled:focus+label:before {
	border-color: grey
}

.input-radio input:disabled:hover+label:before {
	border-color: grey
}

.input-radio input:disabled+label:before {
	opacity: 0.5
}

.input-radio input:disabled+label:after {
	opacity: 0.5
}

.input-radio label:after {
	-webkit-transform: rotate(-45deg) scale(0);
	transform: rotate(-45deg) scale(0);
	transition: none
}

.input-radio input:checked+label:after {
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out
}

.input-radio input:checked+label:before {
	background: #fdae0f;
	border: 0
}

.input-txt {
	display: inline-block;
	position: relative;
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background-color: #fff
}

.input-txt input {
	display: inline-block;
	padding: 0 0 0 15px;
	width: 100%;
	font-size: 12px;
	height: 38px;
	line-height: 38px;
	border: none;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0
}

.input-txt input:-moz-read-only {
	opacity: 0.5
}

.input-txt input:read-only {
	opacity: 0.5
}

.input-txt input::-webkit-input-placeholder {
	font-size: 12px;
	color: #999;
	background: transparent;
	opacity: 1
}

.input-txt input::-moz-placeholder {
	font-size: 12px;
	color: #999;
	background: transparent;
	opacity: 1
}

.input-txt input:-ms-input-placeholder {
	font-size: 12px;
	color: #999;
	background: transparent;
	opacity: 1
}

.input-txt input::-ms-input-placeholder {
	font-size: 12px;
	color: #999;
	background: transparent;
	opacity: 1
}

.input-txt input::placeholder {
	font-size: 12px;
	color: #999;
	background: transparent;
	opacity: 1
}

.input-txt input:-ms-input-placeholder {
	position: relative;
	top: 1px
}

.input-txt input::-ms-input-placeholder {
	position: relative;
	top: 1px
}

.selectbox {
	position: relative;
	z-index: 0;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	border: 1px solid #ebebeb;
	box-sizing: border-box
}

.selectbox:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -13px;
    background: url(/_img/arrow-up-b.png)no-repeat;
    width: 22px;
    height: 22px;
    background-size: 12px;
    transform: rotate(180deg);
}

.selectbox select {
	vertical-align: middle;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	width: 100%;
	padding: 0 0 0 15px;
	box-sizing: border-box;
	height: 38px;
	line-height: 38px;
	background-color: transparent;
	position: relative;
	z-index: 1
}

.selectbox select::-ms-expand {
	display: none
}

.selectbox select:disabled {
	opacity: 0.5
}

.ie9 select {
	width: calc(100% + 20px);
	padding: 12px 0 10px 15px;
	height: auto
}


/* --------------------------------------------
 * skip
/* ------------------------------------------ */
.skipNavi{position:relative;z-index: 9999999}
.skipNavi li{position:absolute;width:100%;top:0;left:0}
.skipNavi li a{display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.skipNavi li a:active,
.skipNavi li a:focus{width:100%;height:auto;padding:7px 0;text-align:center;font-size:15px;color:#fff;background-color:#262424;border:0}



/* --------------------------------------------
 * skip
/* ------------------------------------------ */
.skipNavi{position:relative;z-index: 9999999}
.skipNavi li{position:absolute;width:100%;top:0;left:0}
.skipNavi li a{display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.skipNavi li a:active,
.skipNavi li a:focus{width:100%;height:auto;padding:7px 0;text-align:center;font-size:15px;color:#fff;background-color:#262424;border:0}


/* --------------------------------------------
 * table
/* ------------------------------------------ */
/* table_st1 */
.table_st1 table{border-top:2px solid #555555;border-bottom:1px solid #e1e1e1}
.table_st1 td,
.table_st1 th{text-align:left;border-left:1px solid #f0f0f0}
.table_st1 tr:first-child td:first-child,
.table_st1 tr:first-child th:first-child{border-left:0}
.table_st1 th{font-size:18px;line-height:26px;color:#222;font-weight:400;padding:16px 0 16px 30px}
.table_st1 td{font-size:14px;line-height:26px;color:#555;font-weight:400;border-top:1px solid #f0f0f0;padding:16px 30px 30px;vertical-align:top}
.table_st1 td p{margin-bottom:10px}
.table_st1 td li{position:relative;padding-left:8px}
.table_st1 td li.mark{color:#aaa}
.table_st1 td li:before{content:'';width:4px;height:1px;display:inline-block;background:#777;position:absolute;top:12px;left:0}
.table_st1 .dot{width:6px;height:6px;display:inline-block;background-position:-74px -90px;vertical-align:middle;margin:0 4px}
.table_st1 .table_desc{margin-top:20px;font-size:14px;line-height:26px;color:#777}

/* table_st2 */
.table_st2{}
.table_st2 ul{overflow:hidden}
.table_st2 span{display:table-cell;padding-right:20px;box-sizing:border-box}
.table_st2 span.no{width:16%}
.table_st2 span.tit{width:64%}
.table_st2 span.prs{width:20%}
.table_st2 .thead{display:table;width:100%;border-bottom:2px solid #d9d9d9;color:#878787;font-size:13px;line-height:1.25;letter-spacing:0}
.table_st2 .thead span{position:relative;padding:2px 0 6px}
.table_st2 .thead span:before{content:'';width:1px;height:16px;position:absolute;left:-20px;top:0;background:#d9d9d9}
.table_st2 li>a{position:relative;display:table;table-layout:fixed;width:100%;padding:16px 0;font-size:15px;color:#878787;border-bottom:1px solid #d9d9d9;cursor:default}
.table_st2 li>a span.tit,
.table_st2 span.prs.prs_ing{color:#222}
.table_st2 li>a:hover,
.table_st2 li>a:hover span{color:#33ccff !important;border-color:#33ccff}

/* --------------------------------------------
 * checkbox
/* ------------------------------------------ */
/* checksWrap_st1 */
.checksWrap_st1{position:relative;height:24px;line-height: 24px;padding: 10px 0;}
.checksWrap_st1 .checks{position:relative; float:left;}
.checksWrap_st1 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:-1;width:14px;height:14px;-webkit-appearance:none}
.checksWrap_st1 label{background:url("/_img/check_off.png") 0 0 no-repeat transparent;display:inline-block;position:relative;top:0;left:0;height:14px;line-height:14px;font-size:13px;color:#6a6c73;padding:0 0 0 23px;z-index:10}
.checksWrap_st1 label.on{background:url("/_img/check_on.png") 0 0 no-repeat transparent}
.checksWrap_st1 a{display:inline-block;font-size:0.6em;line-height:18px;background:#444;color:#fff;text-align:center;position:absolute;right:0;top:0;border-radius:2px;}
.afreeFormbtn a{top:8px; border-radius:2px;}

.checksWrap_st2{ position:relative;/* position:absolute;*//* top:95px; right:180px;*/text-align: left;}

.checksWrap_st3{position:absolute; top:40%; right:40%;text-align: left;}
.checksWrap_st3 label{background:url("/_img/check_off.png") 0 center no-repeat;display:inline-block;position:relative;top:0;left:0;height:20px;line-height:20px;font-size:14px;color:#484848;width:20px;z-index:10;}
.checksWrap_st3 label.on{background:url("/_img/check_on.png") 0 center no-repeat;}

.checksWrap_st4{}
.checksWrap_st4 label{background:url("/_img/check_off.png") 0 center no-repeat;display:inline-block;position:relative;top:0;left:0;height:20px;line-height:20px;font-size:14px;color:#484848;width:20px;z-index:10;}
.checksWrap_st4 label.on{background:url("/_img/check_on.png") 0 center no-repeat;}

/* --------------------------------------------
 * input
/* ------------------------------------------ */
/* inputWrap_st1 */
.inputWrap_st1{position:relative;}
.inputWrap_st1 input{display:block;width:100%;height:44px;/*line-height:42px;*/font-size:17px;background:#fff;/*border:1px solid #ddd;*/padding:10px 20px;color:#222; margin:-1px 1px 0 -1px;}
.inputWrap_st1 input:hover{background:#fafafa;border:1px solid #ffae00; border-radius:5px;height:44px;}
.inputWrap_st1 input:focus{position:relative;border:1px solid #ffae00;z-index:9; border-radius:5px;}

.inputWrap_st1 input::-webkit-input-placeholder{color:#c7c7c7}
.inputWrap_st1 input:-moz-placeholder{color:#c7c7c7;opacity:1}
.inputWrap_st1 input::-moz-placeholder{color:#c7c7c7;opacity:1}
.inputWrap_st1 input:-ms-input-placeholder{color:#c7c7c7}
.inputWrap_st1 input:placeholder-shown{color:#c7c7c7}

/* inputWrap_st2 */
.inputWrap_st2{position:relative}
.inputWrap_st2 .tit{font-size:18px;line-height:1;white-space:nowrap;color:#222;margin-bottom:10px; font-weight:600;}
.inputWrap_st2 input{box-sizing:border-box;width:100%;height:54px;display:block;position:relative;padding:16px 30px 16px 20px;font-size:15px;color:#333;line-height:22px;background:#f6f6f6;border:1px solid #f1f1f1;border-radius:2px;letter-spacing:-0.05em;text-align:left;z-index:1;box-shadow:0 1px 1px 0 rgba(28,35,69,0.04);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st2:hover input{border:1px solid #DDDDDD;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st2.focus input{background:#fff;color:#1e88e5;border:1px solid #2a9ffd;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st2 span{position:relative;display:block;}
.inputWrap_st2 select{box-sizing:border-box;width:100%;height:54px;display:block;position:relative;padding:16px 30px 16px 20px;font-size:15px;color:#333;line-height:22px;background:#f6f6f6;border:1px solid #f1f1f1;border-radius:2px;letter-spacing:-0.05em;text-align:left;z-index:1;box-shadow:0 1px 1px 0 rgba(28,35,69,0.04);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st2 span:after{content: ''; display: inline-block;  width: 10px; height: 6px;background: url(/_img/arr_select.png) no-repeat 0 0; position: absolute; top: 24px; right: 20px; z-index:99;}
.inputWrap_st2:hover select{border:1px solid #DDDDDD;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st2.focus select{background:#fff;color:#1e88e5;border:1px solid #2a9ffd;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}


/*.inputWrap_st3*/
.inputWrap_st3{position:relative}
.inputWrap_st3 .tit{font-size:18px;line-height:1;white-space:nowrap;color:#222;margin-bottom:10px; font-weight:600; float:left}
.inputWrap_st3 input{margin-right:10px;box-sizing:border-box;width:225px;height:50px;display:block;position:relative;padding:16px 30px 16px 20px;font-size:15px;color:#333;line-height:22px;background:#f6f6f6;border:1px solid #f1f1f1;border-radius:2px;letter-spacing:-0.05em;text-align:left;z-index:1;box-shadow:0 1px 1px 0 rgba(28,35,69,0.04);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease; float:left;}
.inputWrap_st3:hover input{border:1px solid #DDDDDD;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st3.focus input{background:#fff;color:#1e88e5;border:1px solid #2a9ffd;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st3 button{ font-family:'Noto Sans KR','Roboto';border: none; padding: 16px;font-size: 16px; background: #227bcc; color: #fff; border-radius: 2px;}

/* inputWrap_st4 */
.inputWrap_st4{position:relative}
.inputWrap_st4 .tit{font-size:18px;line-height:1;white-space:nowrap;color:#222;font-weight:600;width: 10%;margin-right: 20px; float:left; line-height: 54px;}
.inputWrap_st4 input{width: 88.3%;box-sizing:border-box;height:54px;display:block;position:relative;padding:16px 30px 16px 20px;font-size:15px;color:#333;line-height:22px;background:#f6f6f6;border:1px solid #f1f1f1;border-radius:2px;letter-spacing:-0.05em;text-align:left;z-index:1;box-shadow:0 1px 1px 0 rgba(28,35,69,0.04);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st4:hover input{border:1px solid #DDDDDD;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st4.focus input{background:#fff;color:#1e88e5;border:1px solid #2a9ffd;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st4 span{position:relative;display:block;}
.inputWrap_st4 select{box-sizing:border-box;width:88.3%;height:54px;display:block;position:relative;padding:16px 30px 16px 20px;font-size:15px;color:#333;line-height:22px;background:#f6f6f6;border:1px solid #f1f1f1;border-radius:2px;letter-spacing:-0.05em;text-align:left;z-index:1;box-shadow:0 1px 1px 0 rgba(28,35,69,0.04);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st4 span:after{content: ''; display: inline-block;  width: 10px; height: 6px;background: url(/_img/arr_select.png) no-repeat 0 0; position: absolute; top: 24px; right: 20px; z-index:99;}
.inputWrap_st4:hover select{border:1px solid #DDDDDD;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st4.focus select{background:#fff;color:#1e88e5;border:1px solid #2a9ffd;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}


.backBtn{display:block; color:#fff; width:200px; padding:20px; text-align:center; margin:0 auto; clear:both; background:#252525; font-size: 17px; border-radius: 2px;margin-bottom: 80px;}
/* --------------------------------------------
 * textarea
/* ------------------------------------------ */
.textareaWrap_st1{}
.textareaWrap_st1 textarea{display:block;width:100%;height:220px;font-size:14px;line-height:20px;background:#ffffff;border:1px solid #e1e1e1;border-radius:2px;padding:14px 12px 14px 20px;color:#000000;letter-spacing:-0.05em;resize:none}

/* textareaWrap_st2 */
.textareaWrap_st2{}
.textareaWrap_st2 .tit{font-size:18px;line-height:1;white-space:nowrap;color:#222;margin-bottom:10px;font-weight:600;}
.textareaWrap_st2 textarea{width:100%;height:300px;display:block;position:relative;padding:16px 30px 16px 20px;font-size:15px;color:#333;line-height:22px;background:#f6f6f6;border:1px solid #f1f1f1;border-radius:2px;letter-spacing:-0.05em;text-align:left;resize:none;z-index:1;box-shadow:0 1px 1px 0 rgba(28,35,69,0.04);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.textareaWrap_st2:hover textarea{border:1px solid #DDDDDD;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.textareaWrap_st2.focus textarea{background:#fff;color:#1e88e5;border:1px solid #2a9ffd;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}


/* --------------------------------------------
 * select
/* ------------------------------------------ */
/* selectWrap_st1 */
.selectWrap_st1{position:relative;/*height:25px;*/background:#fff;border-bottom: 1px solid #e1e1e1;}
.selectWrap_st1 input{/*width:480px;*/ padding:14px 0 14px 120px; background:transparent;}
.selectWrap_st1.open{border:1px solid #ffae00;z-index:9999}
.selectWrap_st1 .select_tit{position:absolute;top:10px;left:15px;line-height:20px;white-space:nowrap;color:#c7c7c7;letter-spacing:0em;z-index:10;font-family:'Noto Sans KR','Roboto';font-size:14px; font-weight:300;}
/*.selectWrap_st1 .select_tit:before{content:'*'; color:#fed804;width: 5px;height: 5px; vertical-align: -2px; padding-right: 10px;}*/
.selectWrap_st1 .btn_selected{font-weight:300;display:block;/*border-radius:4px;*/overflow:hidden;position:relative;height:42px;padding:0px 40px 0px 120px;font-size:14px;color:#737070;line-height:42px;background:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:1}
.selectWrap_st1.selected .btn_selected{color:#222;}
/*.selectWrap_st1 .btn_selected:hover{background:#fafafa;}*/
.selectWrap_st1 .btn_selected:after{display:block;position:absolute;top:0;right:0;width:40px;height:42px;background:url("/_img/select_arw.png") no-repeat center;content:'';/*transform: rotate(90deg);*/}
.selectWrap_st1 .select_list{min-width:100%;max-height:216px !important;position:absolute;top:100%;right:0;border:1px solid #ffae00;border-top:1px solid #eee;background:#fff;z-index:100;overflow-x:hidden;overflow-y:auto;margin-right:-1px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;display:none}
.selectWrap_st1 .select_list li a{height:36px;line-height:36px;font-size:14px;display:block;padding:0 20px 0 14px;color:#878787;white-space:nowrap;background:#fafafa}
.selectWrap_st1 .select_list li a:hover,
.selectWrap_st1 .select_list li.on a{color:#85ac68;background:#fff}

/* selectWrap_st2 */
.selectWrap_st2{position:relative;height: 42px;border:1px solid #ddd;}
.selectWrap_st2.open{border:1px solid #ffae00;z-index:9999}
.selectWrap_st2 .btn_selected{display:block;overflow:hidden;position:relative;height: 40px;padding:0 10px;font-size:15px;color:#c7c7c7;letter-spacing:0.5px;line-height: 40px;background:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:1;}
.selectWrap_st2.selected .btn_selected{color:#222}
.selectWrap_st2 .btn_selected:hover{background:#fafafa}
.selectWrap_st2 .btn_selected:after{display:block;position:absolute;top:0;right:0;width:30px;height: 42px;background:url("/_img/select_arw.png") no-repeat center center;content:'';}
.selectWrap_st2 .select_list{width:100%;max-height:216px !important;position:absolute;top:100%;right:0;border:1px solid #ddd;background:#fff;z-index:100;overflow-x:hidden;overflow-y:auto;margin-right:-1px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;display:none;}
.selectWrap_st2 .select_list li a{height:36px;line-height:36px;font-size:14px;display:block;padding:0 20px 0 14px;color:#878787;white-space:nowrap;background:#fafafa}
.selectWrap_st2 .select_list li a:hover,
.selectWrap_st2 .select_list li.on a{color:#000;background:#fff}

/* --------------------------------------------
 * pagination
/* ------------------------------------------ */

.pagination{padding:10px 0;text-align:center}
.pagination *{display:inline-block}
.pagination a:hover{background:#d52021; display:block; color:#fff;}
.pagination p a{color:#888;}
.pagination p{vertical-align: top;background:#fff;border:1px solid #DBDCDE;margin:0 1px; width: 32px;height: 32px;font-size: 14px; line-height: 32px;}
.pagination ol{margin:0 6px;overflow:hidden}
.pagination ol li{float:left;margin:0 1px}
.pagination ol li a{font-family:'Noto Sans KR', 'NanumBarunGothic', 'Dotum', sans-serif;font-size:14px;width:32px;height:32px;line-height:30px;background:#fff;border:1px solid #E2E3E7;border-bottom:1px solid #CCCDD0;color:#999;font-weight:500}
.pagination ol li a.active,
.pagination ol li a.active:hover{background:#d52021;color:#fff;font-weight:700;border-color:#d52021;cursor:default; width:32px; height:32px; padding:8px; font-size:14px; border:1px solid #DBDCDE;}

/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	z-index: 9999999999999999999;
	overflow: hidden;
}
.layerPopup.open {
	display: block;
}
.layerPopup .bg_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	width: 100vw; height: 100vh;
	background: #131316;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	z-index: 999;
}
.layerPopup .layerBody {
	width: 80%; height: 60%;
/* 	width: 100vw; height: 100vh; */
	position: absolute;
	left: 50%; top: 50%;
	background: #fff;
	z-index: 9999;
}


#reviewView .layerBody, #bestPeopleForm .layerBody {width:90%; height:90%;}
#bestPeopleForm.layerPopup .layerBody .policy_con {background:#b2c7d9; padding:20px 0 0;}
#consultForm.layerPopup .layerBody{max-height:410px;height:70%;background:linear-gradient(to bottom, #fa9e0b 0%, #f56116 100%); border-radius:15px; overflow:hidden;}
#consultForm.layerPopup .layerBody .policy_con {padding:0; ;}
#consultForm.layerPopup .layerBody .policy_con .consultWrap {padding:0;}
#bestPeopleForm .layerBody h2.tit {background: #a9bdce;color: #333; border-bottom:none;}
.layerPopup .layerBody.slideInUp {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
}
.layerPopup .layerBody .close {
	width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 100;
    background: url(/_img/icon_close.png) no-repeat center;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
	opacity:0.5;
}
.layerPopup .layerBody .close.dark {
	background: url("/_img/icon_close2.png") no-repeat center center;
	-webkit-background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	background-size: 18px 18px;
}
.layerPopup .layerBody h2.tit {
	width: 100%;
	color: #2d2d36;
	background: #fff;
	line-height: 60px;
	height: 60px;
	padding-left: 20px;
	font-size: 18px;
	border-bottom: 1px solid #dfe0e4;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	text-align:left; font-weight:bold;
}
.layerPopup .layerBody .contPop {
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	height: 100%;
	padding-top: 60px;
}


.policy_txt {
	font-size: 13px;
	line-height: 21px;
	color: #333;
}
.policy_txt:after {
	display: block;
	clear: both;
	content: '';
}
.policy_txt strong {
	display: block;
	color: #2d2d36;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: -0.025em;
}
.policy_txt ul.col_2 {
	float: left;
	width: 50%;
	padding-right: 20px;
}
 .policy_txt ul.col_2:last-child {
	padding-right: 0;
	padding-left: 20px;
}
.layerPopup .policy_con .policy_txt ul.col_2 li {
	margin-bottom: 15px;
}
.layerPopup .policy_con .policy_txt ul.col_2 li:last-child {
	margin-bottom: 0;
}
.layerPopup .policy_con .policy_txt ul.indent {
	margin: 5px 0 15px;
}
.layerPopup .policy_con .policy_txt ul.indent li {
	position: relative;
	padding-left: 16px;
}
.layerPopup .policy_con .policy_txt ul.indent li:before {
	content: '';
	width: 2px; height: 2px;
	display: inline-block;
	background: #6a6c73;
	position: absolute;
	top: 10px; left: 10px;
}
.layerPopup .policy_con h3 {
    margin: 30px 0 10px;
    color: #2d2d36;
    font-size: 15px;
}

.layerPopup .policy_con .consultBox h3 {margin: 0 0 5px;font-weight:bold;}
.layerPopup .policy_con .consultBox p {margin-bottom:5px; color:#999; line-height:18px;}
.layerPopup .policy_con .consultBox .checksWrap_st1 label {font-size:12px;}
.layerPopup .policy_con .consultBox .checksWrap_st1 a{font-size:9px;}
.layerPopup .policy_con .consultBox .inputWrap_st1:before {top:-3px;}
.layerPopup .policy_con .cstForm button.submit {
    display: block;
    width: 100%;
    background: #ce222d;
    border-radius: 30px;
    font-size: 15px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    /* margin-top: 5px; */
    line-height: 24px;
    margin-top: 0px;
}
.privacy_top {
	padding: 30px 0 50px;
	border-bottom: 1px solid #555;
	margin-bottom: 50px;
}
.policy_part {
	padding: 0 0 50px;
	border-bottom: 1px dotted #555;
	margin-bottom: 50px;
}
.policy_part ul li {
	margin-bottom: 10px !important;
}
.policy_part ul li a {
	font-size: 15px;
	color: #000;
}
.policy_part ul li a:hover {
	text-decoration: underline;
}

.policy_con table {
	table-layout: fixed;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 20px 0;
}
.policy_con table thead th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #ddd;
	text-align: center;
	color: #333333;
	font-weight: normal;
}
.policy_con table thead tr:first-child th:first-child {
	border-left: none;
}
.policy_con table tbody tr th, .policy_con table tbody td  {
	padding: 3px;
	border-top: 1px solid #ddd;
	color: #777; font-size:12px;
	background: #fff;
	font-weight: normal; line-height:19px; border-left:1px solid #ddd;
}

.policy_con table tbody tr:first-child th,
.policy_con table tbody tr:first-child td {
	border-top: none;
}
.policy_con table td:first-child, .policy_con table th:first-child {
	border-left: none;
}

.layerPopup .layerBody .contPop  .policy_tit {
	color: #2d2d36;
    line-height: 80px;
    height: 80px;
    padding-left: 30px;
    font-size: 24px;
    border-bottom: 1px solid #dfe0e4;
    background: #f5f5f7;}
.layerPopup .layerBody .contPop .txt_area {margin-top:10px; padding:20px; font-size:14px; line-height:20px;}
.layerPopup .layerBody .contPop .txt_area .table_st {margin:10px 0;}
.layerPopup .layerBody .contPop .txt_area .table_st  tbody tr th{ font-weight:400;}
.layerPopup .layerBody .btn_close {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 100;
    background: url(/_img/icon_close.png) no-repeat center center;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
	}
.layerPopup .layerBody .policy_con {text-align:left; padding:20px;font-size:12px; line-height:20px;}
.layerPopup .layerBody .policy_con pre{
       white-space: pre-line;
    line-height: 21px;
    padding: 10px;
    word-break: keep-all;font-family:'Lato','NotoSansKR','Rajdhani',sans-serif; font-size:13px; color:#666;
}


/*bordwirte*/
/*.col-md-6{margin:20px 0 60px;}*/
.col-md-6 .row{width:426px; margin:0 auto;}
.col-md-6 .row .col-md-12 button[type='submit']{ padding:21px 0 21px; border:none; background:#137bcc; color:#fff;margin-left:0;}
.col-md-6 .row .col-md-12 .btn-success{margin-left:0;background:#137bcc;color:#fff;border:none;padding:21px 0 21px;}

.row label{font-size:18px; font-weight:600; margin-bottom:10px; display:block;}
.row .col-md-11 input[type='file']{/*width:150px;*/ border:none; background:#d7d7d7;}
.card-header h4{font-size:20px; font-weight:600;}

.col-md-11{font-size:18px;}
.col-md-11 input{font-size:18px; width:100%; background:#efefef; padding:15px; line-height:18px; box-sizing: border-box;}
.form-group{padding:10px 0;}

.w50 > div{float:left; width:49%;}
.w50 > div:first-child{margin-right:2%;}

.w50_02 > div{float:left; width:49%;}
.w50_02 > div:first-child{margin-right:2%;}

.w50_02 .col-md-5{width:99%; box-sizing:border-box;  font-size:18px; margin-bottom:10px;}

.w50 .col-md-5{background:#efefef; width:99%;height:50px; box-sizing:border-box; line-height:50px; font-size:18px;}

/**/

	.bn_area .bn_list li.list1 { background: #2074c8;  }
	.bn_area .bn_list li.list2 { background: #fce500; }
	.bn_area .bn_list li.list2 span {color: #361e1e; }
	.bn_area .bn_list li.list3 { background: #ff9716; }
	.bn_area .bn_list li span { display: block; color: #fff; font-size: 16px; }
	.bn_area .bn_list li.list1 span.tablet { display: inline;  }
	.bn_area .bn_list li em.pc { display: inline; }
	.bn_area .bn_list li span.mobile { display: none; }
	.bn_area .bn_list li img { height: 36px; }


	.mobile_bn { display: block; }
	
	.bn_area .bn_list li { float: left; height: auto; width: 33.33%; padding: 5px 0; text-align: center; }
	.bn_area .bn_list li.list2{padding:5px 0 5px;}
	.bn_area .bn_list li span { height: auto; font-size: 13px; }
	.bn_area .bn_list li span.img { line-height:31px; vertical-align:middle; }
	.bn_area .bn_list li span.img { margin-bottom: 0px;  }
    .bn_area .bn_list li span.img img { margin-right: 0; }
    .bn_area .bn_list li em.pc { display: none; }
    .bn_area .bn_list li span.mobile { display: block; }
	.bn_area .bn_list li.list2 img{ height:31px;}
	.bn_area .bn_list li.list3 img{ height:25px;}
	.bn_area .bn_list li img { height: 18px; }
    
    .bn_area .bn_list2 { display: block;}
	.bn_area .bn_list2 li { height: auto; padding: 10px 0; }
	.bn_area .bn_list2 li.list1 img { height: 18px; }
	.bn_area .bn_list2 li.list2 img { height: 15px; }


/*bottomList*/
.bottomList{width:100%; background:#252525; height:60px; z-index:9999;}
.bottomList ul li{float:left; width:50%; font-size:1.2em; text-align:center;}
.bottomList ul li:nth-child(1){background:#de0000;}
.bottomList ul li a{display:block;line-height:60px; color:#fff;}


/*arwWrap*/
.arwWrap{width:100%; position:fixed; bottom:0; background:#454545; height:50px; z-index:999;}
.arwWrap ul li{float:left; width:33.33%; box-sizing:border-box; height: 50px;}
.arwWrap ul li a{display:block;height:50px;}
.arwWrap ul li.prevW a{background:url(/_img/prev_arw.png) no-repeat center; border-right:1px solid #fff;background-size: 25px;}
.arwWrap ul li.nextW a{background:url(/_img/next_arw.png) no-repeat center;background-size: 25px;border-right:1px solid #fff;}
.arwWrap ul li.homeW a{background:url(/_img/b_home.png) no-repeat center;background-size: 20px;}


/*board*/
.lock_icon{background:url(/_img/lock.png) no-repeat center; display:inline-block; width:14px; height:16px; content:''; margin-right:10px;float: left; padding: 3px 0;}

/*로그인박스*/
.loginBox{/*width:420px;*/ margin:0 auto; text-align:center; padding: 30px 0 20px;}
.loginBox h2{font-size:2em; margin-bottom: 20px;}
.loginBox input{width:100%; padding:15px;box-sizing: border-box;border-bottom:1px solid #e1e1e1;}
.loginBox button{width:100%; border:none;}

/*회원가입박스*/
.joinBox{/*width:420px;*/ margin:0 auto; text-align:center; padding: 30px 0 20px;}
.joinBox h2{font-size:2em;margin-bottom: 20px;}
.joinBox input, .joinBox select{padding:15px;box-sizing: border-box;border-bottom:1px solid #e1e1e1;}
.joinBox button{width:100%;border:none;}
.join_agreeBox{margin-top:20px;}
.join_agreeBox .c_chk{margin-top:5px; height:28px; line-height:28px;}
.join_agreeBox .c_chk label{height:28px; line-height:28px; float:left;}
.join_agreeBox .c_chk a{padding:0 5px; line-height:28px; background:#888; border-radius:3px; color:#fff; float:right; display:block;}

.joinBox ul.join_list01 li input[type='text']
,.joinBox ul.join_list01 li input[type='tel']
,.joinBox ul.join_list01 li input[type='password'] { width:100%; }

/*비밀번호 찾기*/
.findBox p{margin-top:10px;}

.sns_btn a{font-size:17px; color:#6d6d6d; text-align:center; width:100%; border:1px solid #e1e1e1; background:#fff; padding:14px 0; display:block; margin:10px 0;}
.sns_btn i{width:115px; height:20px; background:url(/_img/my_logo_bg.png) no-repeat; display:inline-block;}
.n_btn i{background-position:0 0;}
.k_btn i{background-position:0 -20px;}
.tabContent{margin-top:20px;}
.tabContent .findBox {border:1px solid #e1e1e1;}


.eng{font-family:'Poppins','Noto Sans KR', 'NanumBarunGothic', 'Dotum', sans-serif;}
.wtit{font-size: 18px;font-weight: 600; padding: 20px 10px 10px; word-break: keep-all; color:#fff; text-align: center;}
.btit{font-size: 18px;font-weight: 600; padding: 20px 10px 10px; color:#333; text-align: center;word-break: keep-all;} 
.mb10{margin-bottom:10px; display:block}
.fs19{font-size:19px;}
.fs18{font-size:18px;}
.font_lblue {color:#52a8ef;}
.font_blue {color:#2c4d9c}

.btmbtn {position:absolute; bottom:0; width:100%;}
.btmbtn ul {}
.btmbtn ul li {float:left; width:50%; }
.btmbtn ul li a{ display:block; color:#fff;padding:15px 0;  text-align:center; font-weight:500; letter-spacing:0; font-size:17px;}
.btmbtn ul li:nth-of-type(2) a{background:#2897dc; color:#fff;}
.btmbtn ul li:nth-of-type(1) a{background:#333; color:#fff;}
#btnSendCertNo{
	display: block;
    height: 32px;
    margin-top: 7px;
    margin-left: 0;
    width: 100px;
    text-align: center;
}
.w70{width:70px !important;}

/* checkbox st4 */
.checksWrap_st4{position:relative;border-bottom:1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.checksWrap_st4 .checks{height:60px;position:relative}
.checksWrap_st4 .checks input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:60px;height:60px;-webkit-appearance:none}
.checksWrap_st4 .checks label{background:url("/_img/check3_off.png") 0 0 no-repeat #fff; width:100%;display:block;position:relative;top:0;right:0;height:60px;line-height:26px;font-size:14px;color:#555;padding:17px 0 17px 80px;z-index:10}
.checksWrap_st4 .checks label:hover{background:url("/_img/check3_hover.png") 0 0 no-repeat #fff}
.checksWrap_st4 .checks label.on{background:url("/_img/check3_on.png") 0 0 no-repeat #fff}
.checksWrap_st4 .checks label strong{color:#e95247}
.checksWrap_st4 .checks label span{color:#aaa}

/*agreementWrap */
.agreementWrap {padding:20px;}
.agreementWrap h3 {
	margin: 30px 0 10px;
	color: #2d2d36;
	font-size: 15px;
}
.agreementWrap h4 {
	margin: 20px 0 5px;
	font-size: 15px;
}
.agreementWrap .policy_txt {
	font-size: 13px;
	line-height: 21px;
	color: #6a6c73;
}
.agreementWrap .policy_txt:after {
	display: block;
	clear: both;
	content: '';
}
.agreementWrap .policy_txt strong {
	display: block;
	color: #2d2d36;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: -0.025em;
}
.agreementWrap .policy_txt ul.col_2 {
	float: left;
	width: 50%;
	padding-right: 20px;
}
.agreementWrap .policy_txt ul.col_2:last-child {
	padding-right: 0;
	padding-left: 20px;
}
.agreementWrap .policy_txt ul.col_2 li {
	margin-bottom: 15px;
}
.agreementWrap .policy_txt ul.col_2 li:last-child {
	margin-bottom: 0;
}
.agreementWrap .policy_txt ul.indent {
	margin: 5px 0 15px;
}
.agreementWrap .policy_txt ul.indent li {
	position: relative;
	padding-left: 16px;
}
.agreementWrap .policy_txt ul.indent li:before {
	content: '';
	width: 2px; height: 2px;
	display: inline-block;
	background: #6a6c73;
	position: absolute;
	top: 10px; left: 10px;
}

.agreementWrap .privacy_top {
	padding: 30px 0 50px;
	border-bottom: 1px solid #555;
	margin-bottom: 50px;
}
.agreementWrap .policy_part {
	padding: 0 0 50px;
	border-bottom: 1px dotted #555;
	margin-bottom: 50px;
}
.agreementWrap .policy_part ul li {
	margin-bottom: 10px !important;
}
.agreementWrap .policy_part ul li a {
	font-size: 15px;
	color: #000;
}
.agreementWrap .policy_part ul li a:hover {
	text-decoration: underline;
}

.agreementWrap table {
	table-layout: fixed;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 20px 0;
}
.agreementWrap table thead th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #ddd;
	text-align: center;
	color: #333333;
	font-weight: normal;
}
.agreementWrap table thead tr:first-child th:first-child {
	border-left: none;
}
.agreementWrap table tbody tr th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-top: 1px solid #ddd;
	color: #333333;
	font-weight: normal;
}
.agreementWrap table tbody td {
	padding: 15px 12px;
	border-top: 1px solid #d4d4d7;
	border-left: 1px solid #d4d4d7;
	color: #777;
	background: #fff;
}
.agreementWrap table tbody tr:first-child th,
.agreementWrap table tbody tr:first-child td {
	border-top: none;
}
.agreementWrap table tbody td:first-child {
	border-left: none;
}
.memberJoin .checksWrap_st4 {position:relative;}
.memberJoin a.detailVeiw {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 11;
    padding: 5px 5px;
    border: 1px solid #ddd;
    background: #efefef;
    color: #888;
    font-size: 12px;
}
.agreebox{font-weight:500; border-top:2px solid #333;}
.memberJoin .step_Wrap h2 {margin:20px 0 10px 0; font-size:19px; font-weight:500; letter-spacing:-0.75px;}
.uploadOneWrap .uploadOneBox {width:150px;}
.uploadOneWrap .uploadOneBox .uploadOneText {font-size:13px;}


.processStep {
	margin-bottom: 30px;
	border-left:1px solid #ebebeb;
}

.processStep ol {
	display: table;
    width: 100%;
}

.processStep ol li {
	position: relative;
    /* flex: 1; */
    margin-right: -1px;
    text-align: center;
    padding: 0 0 0 14px;
    background: #f2f4f5;
    font-size: 16px;
    color: #999;
    border: 1px solid #ddd;
    height: 62px;
    font-size: 13px;
    word-break: keep-all;
    display: table-cell;
    width: 33.333%;
    vertical-align: middle;
    border-left: none;
	line-height:1.2;
}
.processStep ol li.is-active {
	color: #fff;
	background: #fdae0f;
	border-color: #fdae0f
}

.processStep ol li:before {
	content: "";
	position: absolute;
	left: -1px;
	top: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 31px 0 31px 20px;
	border-color: transparent transparent transparent #f5f5f5;
	z-index: 1;
}

.processStep ol li:after {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 31px 0 31px 20px;
	border-color: transparent transparent transparent #ccc;
	z-index: 0;
}

.processStep ol li.is-active+li:before {
	content: "";
	position: absolute;
	left: -1px;
	top: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 31px 0 31px 20px;
	border-color: transparent transparent transparent #fdae0f;
	z-index: 1;
}

.processStep ol li.is-active+li:after {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 31px 0 31px 20px;
	border-color: transparent transparent transparent #fdae0f;
	z-index: 0;
}

.processStep ol li.is-active:before,
.processStep ol li.is-active:after {
	border-color: transparent transparent transparent #f5f5f5
}

.processStep ol li:first-child:before,
.processStep ol li:first-child:after,
.processStep ol li.is-active:first-child:before,
.processStep ol li.is-active:first-child:after {
	display: none
}
.processStep ol li .num{
	display:block;
}
.processStep ol li.is-active .num {
	font-weight: bold;
}
.btnWrap{text-align:center;}
.btnWrap .btn{
    display: inline-block; width:100%;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 50px;
    border-radius: 30px;
    background: #fb6701;
    color: #fff;
    line-height: 26px;
    margin-top: 15px;
	white-space: nowrap;
}
.btnWrap .btn i {padding:4px 0 0 5px;}
.colorItem input {display:none;}
.colorItem label {display:block;cursor:pointer;text-align:center; width:100%;}
.colorItem label .colorchip {display:inline-block;border:1px solid #ddd;height:40px;width:40px;border-radius:50%;}
.colorItem label .colorName {
    display: block;
    font-size: 13px;
    text-align: center;
    overflow: hidden;
    color: #222;
    margin-top: 5px;
    line-height: 1;
    margin-top: 10px;
    word-break: keep-all;
}
.colorItem input:checked + label .colorchip {border-color:#fdae0f;}
.colorItem input:checked + label .colorName {color:#fdae0f; font-weight:bold;}

.arrBtn4 button {
	font-size: 30px;
    position: absolute;
    top: 50%;
	margin-top:-15px;
    width: 30px;
    height: 30px;
	z-index:1111;
	background:transparent;
}
.arrBtn4 .arrPre4{left:0px;}
.arrBtn4 .arrNext4{right:0px;}


/*#bestCar .carbox{ width: 279px; height: 606px; border:solid 2px #f5f5f5; background-color: #fff; border-radius: 14px;}*/

#bestCar .carbox{ width: 100%; border:solid 2px #f5f5f5; background-color: #fff; border-radius: 14px;}
#bestCar .carbox .img{position: relative; width: 100%; padding:15px 15px 0 15px; background-color: transparent;}
#bestCar .carbox .img .plus{position: absolute; bottom:12px; right:20px; transition: 0.3s; }
#bestCar .carbox .img:hover .plus img{background-color: rgba( 0, 0, 0, 1 ); }
#bestCar .carbox .img .plus img{background-color: rgba( 0, 0, 0, 0.3 ); border-radius: 50px; transition: 0.2s;}
#bestCar .carbox .person{margin-top: 12px; text-align: center; font-size: 14px; padding:0 10px;}
#bestCar .carbox .tit{margin-top: 20px; font-size: 18px; font-weight: 700; text-align: center; padding:0 10px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#bestCar .carbox .grade{margin-top: 2px; text-align: center; font-size: 14px; padding:0 10px; word-break:keep-all;}

#bestCar .carbox .period{display: flex; /*justify-content: center;*/ align-items:center; gap:3px;margin: 10px 25px ; text-align: center; }
#bestCar .carbox .period .name{ display: inline-block; margin-right: 10px; line-height: 16px; font-size: 13px; font-weight: 700; width:35px; text-align:left;}
#bestCar .carbox .period .pr-list {display:flex; gap:4px; width:100%;}
#bestCar .carbox .period .bg-g{  display: inline-block; padding:7px 10px; background-color: #c4c4c4; color: #fff; font-size:12px; line-height:12px;}
#bestCar .carbox .period .fc-p{}
#bestCar .carbox .period .txt {width:100%; text-align:left;}
#bestCar .carbox .period.bb-1 {padding-bottom:15px; border-bottom:solid 1px #e7e6e6;}

#bestCar .carbox .price{ display: flex; margin: 0 auto 22px; justify-content: center; text-align: center;}
#bestCar .carbox .price .price-border{ border: solid 1px #f1f1f1; margin:0 15px;}
#bestCar .carbox .price span{font-size: 21px; vertical-align: baseline;}
#bestCar .carbox .price .price_won{font-size: 16px;}

#bestCar .carbox .carbtn{ display: flex;margin: 0 auto; width: 100%; height: 50px; text-align: center; justify-content: space-between;}
#bestCar .carbox .carbtn a {display:flex; flex-basis:50%; justify-content:center; align-items:center; font-size:14px; font-weight:400; text-align:center;}
#bestCar .carbox .carbtn .bg-p{ background-color: #fdae0f; color: #fff; }
#bestCar .carbox .carbtn .bg-pp{background-color: #fb6701; color: #fff; }













.main section.contents01 h1.tit{margin-bottom:30px; font-size: 28px; line-height: 28px; font-weight: 700; margin-top: 45px;}

.main section.contents02 h1.tit{margin-bottom:30px; font-size: 28px; line-height: 28px; font-weight: 700;}

.main section.contents03 h1.tit{margin-bottom: 30px; font-size: 28px; line-height: 28px; font-weight: 700;}


.main section.contents01 h1.tit strong{color: #fdae0f;}
.main section.contents02 h1.tit strong{color: #fdae0f; font-size: 32px;}
.main section.contents03 h1.tit strong{color: #fdae0f; font-size: 32px;}


.whiteColor{color: #fff;}

.tittt i.lightingIco {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(/_img/lighting-ico.svg)no-repeat;
    margin-right: 3px;
    background-size: 100%;}

.tittt{
    text-align: center;
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 15px;
    letter-spacing: -1.1px;
    line-height: 20px;
    font-weight: 300;
}







/*carView*/
	#carview .view_01 {margin:20px auto; display: flex; justify-content: center; flex-direction:column; word-break:keep-all;}
	#carview .view_01 .img {width:100%; height:300px;}
	#carview .view_r_box .v_b_title{margin-top: 15px; font-weight: 400; font-size: 22px; letter-spacing:-1px;}
	#carview .view_r_box .v_b_s_title{margin-top: 10px; font-weight: 400; font-size: 14px;}
	#carview .view_r_box .v_b_s_title span{color:#fdae0f; font-weight: bold;}
	#carview .vb_l_3 {margin:20px 0 10px 0; display:flex; gap:15px; align-items:center;}
	#carview .vb_l_3 span {display:flex; gap:8px; align-items:center;}
	#carview .vb_l_3 > p {width:16%; }
	#carview .vb_l_4 {margin-bottom:10px; display:flex; gap:15px; align-items:center;}
	#carview .vb_l_4 > p {width:15%; }
	#carview .vb_l_5 {margin:0 0 20px 0; display:flex; gap:15px; align-items:center;}
	#carview .vb_l_5 > p {width:15%; }
	#carview .view_s_box{display:flex; justify-content:space-between; margin-bottom:15px; }
	#carview .view_s_box a {display:flex; flex-direction:column; gap:5px; flex-basis:49%; padding:15px; border: solid 1px #f5f5f5; box-sizing:border-box;}
	#carview .view_s_box a.on {border:5px solid #fdae0f;}
	#carview .view_s_box a h3 {font-size:16px; font-weight:500;}
	#carview .view_s_box a p.red {font-size:14px; /*color:#ff3232;*/ font-weight:500;}
	#carview .view_s_box a .rate {color:#959595; font-size:16px;}
	#carview .view_s_box a del {font-size:16px; color:#989898;}
	#carview .view_s_box .price {display:flex; justify-content:space-between; align-item:center; font-size:16px;}
	#carview .view_s_box .price .per, .won span {font-size:140%; font-weight:bold; vertical-align:baseline;}

	#carview .carveiw_select {margin:20px auto;}
	#carview .carveiw_select dl {display:flex; font-size:14px; line-height:26px;}
	#carview .carveiw_select dl dt {font-weight:bold; width:70px;}
	
	.vb_l_6_wrap{ width: 246px; height: 154px; padding: 20px 20px 20px; flex-wrap: wrap; border: solid 1px #f5f5f5; transition: 0.08s;}
	.vb_l_6_wrap:hover{padding: 18px 18px 18px; border: solid 3px #fdae0f;}

	.view_box_btn_wrap{display:flex; }
	.view_box_btn_wrap > div {display:flex; flex-basis:50%; justify-content:center;}
	.view_box_btn{background-color: #fdae0f;}
	.view_box_btn_2{ background-color: #fb6701;}
	.view_box_btn a,.view_box_btn_2 a{ display: block; padding:20px 0;  text-align: center; 
	width:100%; font-size: 18px; color: #fff; font-weight: bold; letter-spacing:-1px; }



	/*carview_m*/
	#view_list {margin-bottom:20px; padding:20px 0; background: #f5f5f5;}
	#view_list .inner {margin:0 auto; width:100%; max-width:736px; }
	#view_table .inner {margin:0 auto; width:100%; max-width:736px; }
	#view_list h2{margin-bottom:10px; font-size: 20px; font-weight: 700; letter-spacing: -2px;}

	.carview_list_wrap{}
	.view_list_box{ /*width: 246px; height: 352px; margin: 24px 0 0 0;*/ padding:10px; border: solid 2px #f5f5f5; background-color: #fff; border-radius: 14px;}
	.view_list_box a {display:block;}
	.view_list_box .view_img{margin-bottom:10px; position: relative;   background-color: #959595;}
	.view_list_box .view_img .title_img{ border: 0 none; width:100%;}
	.view_list_box .view_img .plus{ position: absolute; bottom:5%; right:5%;}
	.view_list_box .view_img .plus img{ background-color: rgba( 0, 0, 0, 0.3 ); border-radius: 50px; transition: 0.3s;}
	.view_list_box .tit{ font-size: 16px; font-weight: 600; text-align: left; letter-spacing: -1px; 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
	.view_list_box .price{ margin:10px 0; }
	.view_list_box .price > div {display:flex;  justify-content: space-between;}
	.view_list_box .price > div .fs-big {font-size:130%; font-weight:bold;}

	#subconsult h2 {padding:15px; background:#fdae0f; color:#fff;  border-radius:5px; text-align:center; font-size:18px; font-weight:bold;}
	.fastspeed h2 {margin-bottom: 30px; padding:15px; background:#fdae0f; color:#fff;  border-radius:5px; text-align:center; font-size:18px; font-weight:bold;}


	#tb_tag {border-collapse: collapse; /* border-spacing: 2048px; */ width: 100%; margin: 30px auto;}
	#tb_tag thead{ border-bottom: solid 1px #dbdbdb; /*border-bottom: solid 2px #b2b2b2;*/}
	#tb_tag thead tr th{display: flex; margin-bottom: 20px; font-size: 24px;}
	#tb_tag .sss{line-height: 50px;}
	#tb_tag .sss>tr { border-bottom: solid 1px #dbdbdb;}
	#tb_tag .f_td{padding-left: 30px; font-size: 16px; font-weight: 700; color:#000;}
	#tb_tag .s_td{font-size: 16px; color:#606060;}

	.details_page{}
	.details_page div{width: 1280px; height: 720px; margin: 0 auto 0; line-height: 720px; text-align: center; font-size: 50px; background: #222731; color: #fff;}

	.fc-p {color: #fdae0f !important;}
	.fc-pp {color: #fb6701;}
	.bold {font-weight: bold;}
	
	.spe{position: relative; width: 200px; margin: 0 auto;}
	.spe_menu{position: absolute; top: -10px; left: -40px;}
	.spe_price{ position: absolute; top: -33px; left: 130px;}


	.list_all_btn{line-height: 47px; margin: 30px auto 0; top: 0px; border-radius: 6px; border: solid 1px #ccc; background-color: #fff; text-align: center; transition: 0.3s;}
	.list_all_btn:hover{border: solid 1px #fdae0f;  background-color: #fdae0f; /* width: 145px;*/ line-height: 47px; text-align: center;}
	.list_all_btn a{display:block; font-size: 16px; color: #000; font-weight: bold;}
	.list_all_btn:hover a{color: #fff;}



	.swiper-container-android .swiper-slide{/*width: 260px;*/}



	/*kocar index*/
	.subtit {padding:15px 10px; margin-bottom:20px; width:100%; background:#fb6701; color:#fff;
	text-align:center; letter-spacing:-1px; font-weight:bold; font-size:18px;}

	.pagination{display: flex; justify-content: center;}
	.pagination li{width: 32px; height: 32px; background-color: #fb6701; text-align: center; }
	.pagination li a{display: block; line-height: 32px; color:#fff;}

	.contents06 .arrBtn { position: absolute; top: -40px; right: 20px; z-index: 1;}
	.contents02{background: #f5f5f5; padding: 50px 0 50px;}

	.contents06 #bestCar .carbox { margin: 0 auto; max-width:360px;}
	.contents06 #bestCar .carbox .img2{position: relative; margin:15px; background-color: #e8e8e8; border-radius:10px; }
	.contents06 #bestCar .carbox .img2 p {/*max-width:300px;*/ margin: 0 auto; text-align:center;}
	.contents06 #bestCar .carbox .img2 img {width:100%;}
	.contents06 #bestCar .carbox .img2 .plus{position: absolute; bottom:17%; right:5%; transition: 0.3s; }
	.contents06 #bestCar .carbox .img2:hover .plus img{background-color: rgba( 0, 0, 0, 1 ); }
	.contents06 #bestCar .carbox .img2 .plus img{background-color: rgba( 0, 0, 0, 0.3 ); border-radius: 50px; transition: 0.2s;}

	.contents06 #bestCar .carbox .person{margin-top: 12px; text-align: center; font-size: 14px;}
	.contents06 #bestCar .carbox .tit{margin-top: 20px; font-size: 20px; font-weight: 700; text-align: center; padding:0 20px; 
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.contents06 #bestCar .carbox .grade{margin-top: 2px; text-align: center; font-size: 14px;}
	
	.contents06 #bestCar .carbox .period .name {width:65px;}
	.contents06 #bestCar .carbox .period .bg-g {font-size:13.5px; line-height:14px; padding:5px 14px 7px 14px; }
/*
	.contents06 #bestCar .carbox .period{display: flex; flex-wrap:wrap; margin: 0 10px 20px 10px; justify-content: center; gap:5px; text-align: center; border-bottom: solid 1px #e7e6e6;}
	.contents06 #bestCar .carbox .period .name {flex-basis:100%;}
	.contents06 #bestCar .carbox .period .name{ display: inline-block; line-height: 30px; font-size: 15px; font-weight: 700;}
	.contents06 #bestCar .carbox .period .bg-g{  display: inline-block; padding:5px; background-color: #c4c4c4; color: #fff;}
	.contents06 #bestCar .carbox .period .fc-p{}
*/
	.contents06 #bestCar .carbox .price{ display: flex; margin: 0 auto 22px; padding:0 10px; justify-content: center; text-align: center;  letter-spacing:-2px;}
	.contents06 #bestCar .carbox .price .price-border{ border: solid 1px #f1f1f1; margin:0 10px;}
	#bestCar .carbox .price span{font-size: 18px; font-weight:bold; vertical-align: baseline;}
	#bestCar .carbox .price .price_won{font-size: 16px;}

	.contents06 #bestCar .carbox .carbtn{ display: flex;margin: 0 auto; width: 100%; height: 50px; text-align: center; justify-content: space-between;}
	.contents06 #bestCar .carbox .carbtn .bg-p{ width: 100%; line-height:50px; border-radius: 0 0 0 8px; background-color: #fdae0f; color: #fff; 
		font-weight: 300; font-size: 14px; letter-spacing:-1px;}
	.contents06 #bestCar .carbox .carbtn .bg-pp{width: 100%; line-height:50px; border-radius: 0 0 8px 0; background-color: #fb6701; color: #fff; 
		font-weight: 300; font-size: 14px; letter-spacing:-1px;}

	.contents06 #bestCar #bestCar .carbox{height: 540px;}
	
	/*tablist*/
	.tab{margin: 20px 0px; border-radius: 8px; border: solid 2px #f5f5f5;}
	.tab .tab_list {display:flex; flex-wrap:wrap;}
	.tab .tab_list li {display:flex; justify-content:center; align-items:center; gap:13px; flex-basis:33.33%; padding:8px 0;}
	.tab .tab_list li:first-child {padding:0; flex-basis:100%; align-items:center;}
	.tab .tab_list li:first-child a {flex-direction:row; justify-content:center;  padding:10px; /*margin-bottom:10px;*/  text-align:center; border-bottom:1px dotted #ccc; flex-basis:100%; }
	.tab .tab_list li a {display:flex; flex-direction:column;  align-items:center; gap:5px;}
	.tab .tab_list li a.on {color:#fdae0f; font-weight:bold;}
	.tab .tab_list .img_wrap {line-height:0; width:100%; max-width:40px;}
	
	.carbox_width









	@media( min-width: 800px ) {
	.tab {padding:20px 0;}
	.tab .tab_list li {flex-basis:14%; border-right:1px solid #ccc; padding:0;}
	.tab .tab_list li a {flex-direction:row;}
	.tab .tab_list li:first-child { flex-basis:14%; }
	.tab .tab_list li:first-child a {padding:0; margin-bottom:0; border-bottom:none;}
	.tab .tab_list li:last-child {border:none;}
	
	.importcar .tab {padding:20px 0 10px 0;}
	.importcar .tab .tab_list li {margin-bottom:13px;}
	.importcar .tab .tab_list li:nth-child(7) {border:none;}
	.importcar .tab .tab_list li:nth-child(14) {border:none;}
	.importcar .tab .tab_list li:nth-child(21) {border:none;}
	.importcar .tab .tab_list li a {width:100%; text-align:center; justify-content:center;}
	.importcar .tab .tab_list li a .img_wrap {width:50%;}
	.importcar .tab .tab_list li a .name {width:50%;}
	}










@media( min-width: 1200px ) {
	.view_01{width: 736px; margin: 40px auto;}

	.flex_space a img{}
	.details_page div{width: 100%;}
}



@media( max-width: 1024px ) {

	

	.contents06 #bestCar #bestCar .carbox {height: 540px;}
	.contents06 #bestCar #bestCar .carbox .img { width: 213px; height: 213px;}
	.contents06 #bestCar #bestCar .carbox .img .plus{top: 165px; right: 19px; margin-top: 0px;}

	.contents06 #bestCar #bestCar .carbox .img2 { width: 213px; height: 213px;}
	.contents06 #bestCar #bestCar .carbox .img2 .plus{top: 165px; right: 19px; margin-top: 0px;}
	.contents06 #bestCar #bestCar .carbox .price{width: 215px;}

	/*.img_margin{margin-top: -8px;}
	.img_margin2{margin-top: -7px;}*/

}

@media( max-width: 1023px ) {
	#tb_tag{width: 738px;}
}

@media( max-width: 768px ) {
	.details_page div{height: 360px; line-height: 360px;}
	.contents06 .swiper-container-android .swiper-slide{ margin-right: 40px;}
	/*.img_margin{margin-top: -6px;}*/
	.img_margin2{margin-top: -3px;}
}

@media( max-width: 767px ){
	#tb_tag thead tr th{font-size: 14px;}
	#tb_tag .f_td{font-size: 13px; padding-left: 0px; width: 84px; line-height: 20px;}
	#tb_tag .s_td{font-size: 12px;}
	#tb_tag {width: 398px;}

}

@media( max-width: 425px ){

	#bestCar .carbox .grade{ font-size: 14px;}


	.details_page div {   width: 100%;}

	.spe{width: 425px;}
	.spe_price{position: absolute; top: -33px;left: 242px;}
	.spe_menu{position: absolute; top: -10px; left: 72px;}

	.carListWrap .swiper-wrapper{}

	.tab_list li {margin: 0 auto; width: 56px;}
	.tab_list li a{font-size: 14px;}
	}

@media( max-width: 424px ) {

	
	#tb_tag{ width: 350px; }
	#tb_tag .f_td{font-size: 11px; width: 70px;}
	#tb_tag .s_td{font-size: 11px;}	
	#tb_tag thead tr th{ font-size: 13px; width: 73px;}
}




@media( max-width: 375px ) {
	#bestCar .carbox .price{width: 200px;}
	#bestCar .carbox .grade{ font-size: 13px;}
	#bestCar .carbox .price span{font-size: 17px;}
	

	.contents06 #bestCar .carbox {/*width: 100%;*/width: 345px;}

	.contents06 #bestCar .carbox .img2 .plus{top: 165px; right: 15px;}

	.contents06 #bestCar .carbox .price{width: 212px;}
	.contents06 #bestCar .carbox .grade{ font-size: 13px;}
	.contents06 #bestCar .carbox .price span{font-size: 19px;}
	.contents06 #bestCar .carbox .img2{margin-top: 22px;}
	





	.details_page div{    margin: 0px 0 20px 0;}
	.spe{width: 300px;}
	.spe_menu{left: 9px;}
	.spe_price{ left: 177px;}
	.tab_list > span{display:none;}	
	.tab_list li{width: 113px;}
	.tab_list .tab_list_end{width: 113px;}
	


	.swiper-slide{}
}


@media( max-width: 320px ) {
	#bestCar .carbox {width: 198px; height: 495px; }
	#bestCar .carbox .img { width: 160px; height: 160px;}
	#bestCar .carbox .img .plus{top: 113px; right: 15px;}

	#bestCar .carbox .img2 { width: 160px; height: 160px;}
	#bestCar .carbox .img2 .plus{top: 113px; right: 15px;}

	#bestCar .carbox .price{width: 192px;}
	#bestCar .carbox .grade{ font-size: 12px;}
	#bestCar .carbox .person{ font-size: 16px;}
	#bestCar .carbox .tit {font-size: 16px;}
	#bestCar .carbox .period{width: 185px;}
	#bestCar .carbox .price span{font-size: 19px;}
	
	.spe_price,.spe_menu{display: none;}
	.main section.contents01 h1.tit{font-size: 24px;}
	.contents01 .carListWrap .arrBtn{top: 46px; right: 11px;}
	.carListWrap .swiper-wrapper{width:330px;}


	}