/* normal */
@font-face{font-family:'Spoqa';font-style:normal;font-weight:normal;src:url('/font/SpoqaHanSansRegular.woff') format('woff'),url('/font/SpoqaHanSansRegular.woff2') format('woff2'),url('/font/SpoqaHanSansRegular.ttf') format('truetype');}
@font-face{font-family:'Spoqa';font-style:normal;font-weight:bold;src:url('/font/SpoqaHanSansBold.woff') format('woff'),url('/font/SpoqaHanSansBold.woff2') format('woff2'),url('/font/SpoqaHanSansBold.ttf') format('truetype');}
@font-face { font-family: 'Linearicons-Free'; src: url('/font/Linearicons-Free.eot'); src: url('/font/Linearicons-Free.eot?#iefix') format('embedded-opentype'),  url('/font/Linearicons-Free.woff') format('woff'),  url('/font/Linearicons-Free.ttf') format('truetype'), 
url('/font/Linearicons-Free.svg') format('svg'); font-weight: normal; font-style: normal; }
.lnr { font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


@font-face {font-family:'OneMobile';font-style:normal;font-weight:600;src:url('/font/ONE Mobile Title.eot');src:local(※),url('/font/ONE Mobile Title.eot?#iefix') format('embedded-opentype'),url('/font/ONE Mobile Title.woff') format('woff'),url('/font/ONE Mobile Title.ttf') format('truetype');}
@font-face {font-family:'OneMobile';font-style:normal;font-weight:500;src:url('/font/ONE Mobile Regular.eot');src:local(※),url('/font/ONE Mobile Regular.eot?#iefix') format('embedded-opentype'),url('/font/ONE Mobile Regular.woff') format('woff'),url('/font/ONE Mobile Regular.ttf') format('truetype');}


@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'),
	url('/font/Pretendard-ExtraBold.woff2') format('woff2'),
	url('/font/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'),
	url('/font/Pretendard-Bold.woff2') format('woff2'),
	url('/font/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'),
	url('/font/Pretendard-SemiBold.woff2') format('woff2'),
	url('/font/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'),
	url('/font/Pretendard-Medium.woff2') format('woff2'),
	url('/font/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'),
	url('/font/Pretendard-Regular.woff2') format('woff2'),
	url('/font/Pretendard-Regular.woff') format('woff');
}
/* =========================================================================================================
	Reset
========================================================================================================= */
*,
*:after,
*:before {	margin: 0; padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

*+html table {border-collapse:collapse;}
body {-webkit-text-size-adjust:none;}
body,div,p,a,b,i,li,strong,span,dt,dd,th,td,input,select,textarea,button,select,h1,h2,h3,h4,h5 {font-size:16px;line-height:1.4; letter-spacing:-.04em;color:#323232;font-weight:normal;font-style:normal; 
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition:font-size .3s ease;-ms-transition:font-size .3s ease;transition:font-size .3s ease;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0; font-family:'Pretendard', 'malgun gothic', dotum, sans-serif; }
fieldset,img {border:0 none;vertical-align:middle;max-width:100%;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
.hide {position:absolute;left:-9999px;top:-9999px;width:0;height:0;text-indent:-9999px;font-size:0;line-height:0;}
caption {display:none;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
li {list-style:none;padding:0;margin:0;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

@media screen and (max-width: 1000px), screen\9 {
	body,div,p,a,b,i,li,strong,span,dt,dd,th,td,input,select,textarea,button,select,h1,h2,h3,h4,h5 {font-size:14px;}
}
@media screen and (max-width: 1100px), screen\9 {
	body,div,p,a,b,i,li,strong,span,dt,dd,th,td,input,select,textarea,button,select,h1,h2,h3,h4,h5 {font-size:12px;}
}

/* =========================================================================================================
	form
========================================================================================================= */
input, select, textarea, button {display:inline-block;outline:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-width:0;vertical-align:middle;}
input, select, textarea {font-weight:bold;/*font-family:dotum, arial, gulim;*font-family:dotum, arial, gulim;*/}
button {outline:0;vertical-align:middle;border:0 none;background-color:transparent;cursor:pointer;white-space:nowrap;*}
input[type=text], input[type=number], input[type=password], select {width:100%;height:2.5rem;border-color:#b9bfc4;border-width:1px;border-style:solid;background-color:#fff;color:#000;font-size:0.85rem;text-indent:0.438rem;letter-spacing:-.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=file] {height:24px;padding:0;border:1px solid #aaa;border-radius:0;background:#f6f8fa;color:#000;font-size:0.75rem;font-weight:500;line-height:1.375rem;letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input.date {width:110px;background-image:url(/Mgn/images/icon_cal.png);background-repeat:no-repeat;background-position:right center;}

.input_item {position:relative;border:1px solid #cacaca;border-radius:5px;padding:0.875rem 5px;}
.input_item input {background-color:transparent;border:0;font-size:1rem;}
.input_item input[type=text] + label, .input_item input[type=password] + label {position:absolute;top:50%;left:0;padding:0 5px;margin-top:-0.813rem;font-size:1rem;color:#a9a9a9;z-index:-1;-webkit-transition:all .5s ease;-mtransition:all .5s ease;transition:all .5s ease;}
.input_item label.filled, .input_item input:focus + label  {top:9px !important;background:#fff;font-size:0.75rem !important;z-index:1 !important;}
.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;}
.input_item input:-webkit-autofill + label {top:5px !important;background:#fff;font-size:0.75rem !important;z-index:1 !important;}
.input_item input:focus {border:0 !important;}

input + label input {display:none;margin-left:5px;}
input:checked + label input {display:inline-block;}

input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label {position:relative;display:inline-block;padding:0 1rem 0 1.5rem;box-sizing:border-box;border:0;letter-spacing:-.02rem;;font-size:.8rem;line-height:2.5rem;vertical-align:middle;cursor:pointer;}
input[type=checkbox] + label:before {content:'';position:absolute;left:0;top:50%;width:16px;height:16px;border:1px solid #b9bfc4;background:#fff;transform:translateY(-50%);z-index:1;}
input[type=checkbox] + label:after {content:'';position:absolute;left:3px;top:50%;width:0.75rem;height:0.75rem;background:#fff;transform:translateY(-50%) scale(0);z-index:2;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
input[type=checkbox]:checked + label {background-position:0 1px;color:#000;}
input[type=checkbox]:checked + label:before {border-color:#fd5d2c;}
input[type=checkbox]:checked + label:after {background:#fd5d2c;transform:translateY(-50%) scale(1);}

input[type=radio] + label {position:relative;display:inline-block;padding:0 1rem 0 1.5rem;box-sizing:border-box;border:0;letter-spacing:-.02rem;; color:#000;font-size:13px;line-height:2.5rem;font-weight:bold;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:before {content:'';position:absolute;left:0;top:50%;width:16px;height:16px;border-radius:50%;border:1px solid #b9bfc4;background:#fff;transform:translateY(-50%);z-index:1;}
input[type=radio] + label:after {content:'';position:absolute;left:3px;top:50%;width:0.75rem;height:0.75rem;border-radius:50%;background:#fd5d2c;transform:translateY(-50%) scale(0);z-index:2;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
input[type=radio]:checked + label {background-position:0 -49px;color:#000;}
input[type=radio]:checked + label:before {border-color:#fd5d2c;}
input[type=radio]:checked + label:after {background:#fd5d2c;transform:translateY(-50%) scale(1);}
input[type=checkbox] + label .icon_check {position:absolute;left:0;top:0;width:18px;height:20px;background:#fff;color:#1e75ec;text-align:center;font-weight:bold;font-size:0.875rem;}

input[type=checkbox][readonly] + label, input[type=radio][readonly] + label {opacity:.35 !important;}
input[type=checkbox]:checked[readonly] + label, input[type=radio]:checked[readonly] + label {opacity:1 !important;}

input.must, select.must, textarea.must {background-color:#fce9e9 !important;}
input.action, select.action, textarea.action {background-image:url(/Mgn/images/input_action.png) !important;background-repeat:no-repeat;}
input.white, select.white, textarea.white {background-color:#fff;}
input.price {text-align:right;color:#dd042b !important;font-weight:bold;}

th.color, td.color {color:#0084e9;}
th.must_color {color:#0084e9;}
i {font-style:normal;}

textarea {width:100%;resize:none;padding:3px 7px;border:1px solid #b9bfc4;background:#f6f8fa;line-height:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
@media screen and (min-width: 640px), screen\9 {
	input[type=checkbox] + label:before, input[type=radio] + label:before, textarea {border:1px solid #b9bfc4;}
}

select::-ms-expand{display:none;}
select {width:100%;padding-right:25px;border-color:#b9bfc4;border-width:1px;border-style:solid;background-image:url(/Mgn/images/icon_select.png);background-repeat:no-repeat;background-position:right center;background-color:#fff;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}/* #f6f8fa */
select:focus, input[type=text]:focus, input[type=password]:focus {border:1px solid #000;}
select[multiple] {padding-right:0;background-image:none;}
select[multiple]::-ms-expand{display:block;}
select option:nth-child(even) {background:#f1f1f1;}

@media screen and (min-width: 640px), screen\9 {
	select {width:100%;padding-right:25px;border-color:#b9bfc4;}
}

label {display:inline-block;font-size:0.75rem;line-height:1.625rem; cursor:pointer;vertical-align:middle;}

input:-ms-input-placeholder {color:#a9a9a9;}
input::-webkit-input-placeholder {color:#a9a9a9;}
input::-moz-placeholder {color:#a9a9a9;}
textarea:-ms-input-placeholder {color:#a9a9a9;}
textarea::-webkit-input-placeholder {color:#a9a9a9;}
textarea::-moz-placeholder {color:#a9a9a9;}

input:read-only, textarea:read-only {background-color:#fff;border-color:#f1f1f1 !important;}
input[readonly=readonly], textarea[readonly=readonly] {background:#fff;border-color:#f1f1f1;}
.select_item.readonly {background:#fff;border-color:#f1f1f1;}
.select_item.readonly label {background:url(/Mgn/images/icon_select_readonly.png) no-repeat right center;}

select:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled + label, .disable-styled {opacity:.3;}


input:-webkit-autofill { -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s;}

@media \0screen {
    input[type=checkbox], input[type=radio] {margin-top:10px;}
	input[type=radio] + label {background:none !important;}
	input[type=checkbox] + label {background:none !important;}
}

fieldset {position:relative;padding:0;border:0;}

/* 스크롤바 */
::-webkit-scrollbar { width: 8px;height:8px;}
::-webkit-scrollbar-track { background-color:#fff; }
::-webkit-scrollbar-thumb { background:#4182fa;border-radius:0;}
::-webkit-scrollbar-button { display:none; }

.inline {display:inline-block !important;width:auto !important;}

input[disabled], button[disabled] {opacity:.2;}

.arrow {position:relative;padding-right:2rem !important;}
.arrow:after {content:'';position:absolute;right:0.75rem;top:45%;width:7px;height:7px;border-color:#fff;border-style: solid;border-width: 0 1px 1px 0 !important;transform:rotate(-45deg) translateY(-50%);transform-origin:center;}

/* 버튼들 */
.btn {display:inline-block;min-width:105px;height:2.875rem;*height:auto;padding:0;background-color:#fd5d2c;border-color:#fd5d2c;border-style:solid;border-width:0;color:#fff;line-height:2.875rem;font-size:1rem;letter-spacing:-.02rem;;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;vertical-align:middle;}
.btn_big {display:inline-block;min-width:8rem;height:3.2rem;*height:auto;padding:0 30px;background-color:#fd5d2c;border-color:#fd5d2c;border-style:solid;border-width:0;color:#fff;line-height:3.1rem;font-size:1rem;letter-spacing:-.5px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s cubic-bezier(.25,.40,.45,.94);-ms-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94);}
.btn.white {background:#f68b02;color:#fff;}
.btn.black, .btn_big.black {border-color:#1a2046 !important;background:#1a2046 !important;color:#fff;}
.btn.red, .btn_big.red {border-color:#1a2046 !important;background:#1a2046 !important;color:#fff;}
.btn.green, .btn_big.green {border-color:#2eba8e !important;background:#2eba8e !important;color:#fff;}
.btn.black, .btn_big.black {border-color:#1d1d1b;background:#1d1d1b;color:#fff;}
.btn.line, .btn_big.line {border-color:#bbb;border-width:1px;background:#fff;color:#555;font-weight:bold;}
.btn.linegray, .btn_big.linegray {border-color:#bbb;border-width:1px;background:#f7f7f7;color:#222;}
.btn.gray, .btn_big.gray {border-color:#999;background:#999;color:#fff;}
.btn.blue, .btn_big.blue {border-color:#358be3;background:#358be3;color:#fff;}
.btn.darkblue, .btn_big.darkblue {border-color:#17479d;background:#17479d;color:#fff;}
.btn.blue2, .btn_big.blue2 {border-color:#657aed;background:#657aed;color:#fff;}
.btn.marineblue, .btn_big.marineblue {border-color:#3f51bc;background:#3f51bc;color:#fff;}
.btn.sky, .btn_big.sky {border-color:#6cbee5;background:#6cbee5;color:#fff;}
.btn.mini {min-width:auto;padding-left:10px;padding-right:10px;}
.btn.red:hover, .btn_big.red:hover, .btn.green:hover, .btn_big.green:hover, .btn.black:hover, .btn_big.black:hover {border-color:#fd5c2c !important;background-color:#fd5c2c !important;}
.btn[disabled], .btn_big[disabled] {opacity:.2;color:#fff !important;box-shadow:none;}
.btn.toggle, .btn_big.toggle {padding-right:1.875rem !important;}
.btn.toggle:hover::after, .btn_big.toggle:hover::after {border-color:#fff;}

.disable.btn_big, .disable.red, .disable.black {color:#fff !important;}

@media screen and ( max-width:800px ) {
	.btn_big {min-width:auto;height:3rem;font-size:1rem;margin-right:1px;font-weight:normal;}
}

/* =========================================================================================================
	레이아웃
========================================================================================================= */
.wrapper {overflow:hidden;}
.column {width:1000px; margin:0 auto;  }

@media screen and ( max-width:1000px ) {	
.column { width:100%; padding:0 1rem}
}



.header_wrap {position:relative; background:#fff;z-index:10;height:5rem; box-shadow:2px 2px 5px rgba(0,0,0,0.1); -webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.header {position:relative;}
.header .column {position:relative;padding:0; width:1000px; margin:0 auto;}
.header .cont {position:unset;}
.header .logo {position:absolute; left:0; top:0; width:13.75rem; height:5rem; font-size:0; background-image:url('/images/logo.png'); background-position:left ; background-repeat:no-repeat; background-size:auto; -webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1); z-index:3333}
.header .logo a span {display:block;height:5rem;font-size:0;}
.header .bg {display:none;position:absolute;left:0;right:0;top:5.875rem;width:100%;height:1px;background:rgba(255,255,255,.2); z-index:33}
.header .gnb_wrap {position:relative;font-size:0;   }
.header .gnb {position:relative; text-align:center;}
.header .gnb > ul {position:absolute;right:0;top:0;font-size:0;}
.header .gnb > ul > li {position:relative;display:inline-block; font-size:0;vertical-align:middle; margin-left:3.5rem}
.header .gnb > ul > li a {-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.header .gnb > ul > li > a > span {position:relative;display:block;min-width:3rem;padding:0 0rem;line-height:5rem;font-size:1.05rem;color:#333;font-weight:500;text-align:center;}
.header .gnb > ul > li ul {position:absolute;left:0;width:12rem;height:0;margin-top:5px;opacity:0;background:#fff;overflow:hidden;box-shadow:.1rem .1rem .5rem rgba(0,0,0,.1); border-radius:5px;-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.header .gnb > ul > li ul li {border-top:1px solid rgba(0,0,0,.05);}
.header .gnb > ul > li ul li:first-child {border:0;}
.header .gnb > ul > li ul li a {display:block;padding:0 1.5rem;line-height:3rem;font-size:.95rem;color:#333;text-align:left;}
.header .gnb > ul > li ul li a:hover {background:#1a46ee;color:#fff;}
.header .gnb > ul > li:hover ul {padding:0;min-width:5rem;height:auto;margin-top:-3px;opacity:1;}


.total_menu_wrap {display:none;position:fixed;top:0;bottom:0;right:-100%;width:85%;max-width:27rem;height:100%;padding:0; background-color:#fff;overflow:hidden;z-index:510;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1); z-index:333}
.total_menu_wrap.active {right:0;}
.total_menu_wrap .btn_menuclose {display:block;position:absolute;right:0;top:0;width:4.5rem;height:4.5rem;border:0; font-size:0; z-index:103;}
.total_menu_wrap .btn_menuclose:before {content:"\e870";display: inline-block;text-align: center;font-family: 'Linearicons-Free'; font-size: 2rem;line-height:3.75rem;color: #333; }
.total_menu_wrap .menu_m_wrap {height:100%; box-shadow:5px 5px 30px rgba(0,0,0,0.3)}
.total_menu_wrap .menu_m_wrap .gnb { padding-top:5rem; height:calc(100% - 7rem);overflow:auto;}
.total_menu_wrap .menu_m_wrap .gnb > ul {padding:1rem 1.5rem 5rem;background:#fff;}
.total_menu_wrap .menu_m_wrap .gnb > ul > li {border-bottom:.1rem solid #eaeaea; margin:0}
.total_menu_wrap .menu_m_wrap .gnb > ul > li:last-child {border-bottom:0;}
.total_menu_wrap .menu_m_wrap li {position:relative;display:block;font-size:0;text-indent:1rem;overflow:hidden;}
.total_menu_wrap .menu_m_wrap li a {display:block;}
.total_menu_wrap .menu_m_wrap li a span {position:relative;display:block;min-width:3rem;line-height:3.6rem;font-size:1.1rem;font-weight:bold;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.total_menu_wrap .menu_m_wrap li ul {padding:0 0 1.7rem 1rem;}
.total_menu_wrap .menu_m_wrap li ul li a {display:block;line-height:2.3rem;font-size:1rem;}
.total_menu_wrap .logo {padding:3rem 0 1rem;background:#fff; display:none !important;}
.total_menu_wrap .logo a {display: block;height:2.8rem;background: url('/images/logo_mobile.png') no-repeat 1.8rem 0;background-size: auto 80%;}
.total_menu_wrap .logo span {display:none;}


.btn_totalmenu {display:none; position:absolute;right:0;top:0;width:3.75rem;height:3.75rem;font-size:0; -webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.btn_totalmenu:before {content: "\e871";display: inline-block;text-align: center;font-family: 'Linearicons-Free'; font-size: 2rem;line-height:3.75rem;color: #333; }



@media screen and ( max-width:1000px ) {	
    .header .column {position:relative;padding:0; width:100%; margin:0 auto;}
	.header .gnb > ul > li > a > span {padding:0 .7rem;font-size:1.05rem;}
}

@media screen and ( max-width:1024px ) {
    .header_wrap { height:3.75rem;  }
	.header_wrap .column {padding:0;}

	 .header .logo {left:0.65rem; display:block; height:3.75rem; background-size:auto 1.95rem;}
	 .header .logo a span {height:3.75rem;}
   
	.header .cont {padding:0 0 0 1rem;}
	.header .gnb_wrap .gnb, .header.scroll {display:none;}
	
    .header .gnb > ul > li > a > span { line-height:3.75rem;}

    
	.btn_totalmenu {display:block;}
	.total_menu_wrap.active .btn_totalmenu {display:none;}
    
}
@media screen and ( max-width:677px ) {
 .header_wrap {box-shadow:none;}
 .header .logo { background-image:url('/images/logo_mobile.png');}
 .page-detail .header_wrap {height:0;}
}




footer {clear:both;padding:2rem 0 4rem; background-color:#e9ecf5; }
footer .copyright { font-size:0.95rem; color:#132245;  line-height:1.4em; }
footer .copyright strong {display:block; font-family:'OneMobile'; font-weight:bold; color:#132245; font-size:1.1rem; }
footer address {margin-top:1.2rem; }
footer a {text-decoration:none !important; }
footer address span { color:#7a7d84; font-size:0.9rem; line-height:1.6em; margin-right:1.1rem; }
footer .link {margin-top:1.2rem; }
footer .link a { color:#494c51; display:inline-block; margin-right:1.2rem;font-size:0.95rem;  }
footer .link a:last-child {margin-right:0; }



@media screen and (max-width: 640px), screen\9 {
footer .copyright { font-size:0.9rem; }
footer .copyright strong {font-size:1rem; }
footer address span { font-size:0.75rem; margin-right:0.9rem;}
footer .link {margin-top:1rem; }
footer .link a {  margin-right:1rem; font-size:0.8rem;  }



}


/* 타이틀 */
h2, h3 {word-break:keep-all;}

.title_wrap {position:relative; text-align:center;}
.title_wrap h2 {font-weight:600;font-size:3.35rem ;line-height:1.5em;letter-spacing:-.08rem;font-family:'NotoSans';color:#141924}
.title_wrap h3 { font-size:1.875rem;color:#141924; line-height:1.3em; margin-top:0.65rem;font-weight:100; font-family:'NotoSans';  word-break:keep-all;}
.title_wrap p { font-size:1.85rem;color:#313744;margin-top:1.5rem; line-height:1.6em; font-weight:300; font-family:'NotoSans'; word-break:keep-all;}


@media screen and (max-width: 800px), screen\9 {
    .title_wrap h2 {font-size:2.125rem;}
	.title_wrap h3 {font-size:1.3rem;}
	.title_wrap p {margin-top:1.35rem; font-size:1.3rem;}
}

@media screen and (max-width: 500px), screen\9 {
	.title_wrap h3 {font-size:1.1rem;}
}




/* sub */
#faq .container {padding:7rem 0 6rem}
.container {padding:5rem 0 5rem}
.container .title_wrap {text-align:left; }
.container .title_wrap h2 { font-size:40px; font-weight:bold;  line-height:1.5em;  color:#333; font-family:'OneMobile', 'NotoSans';}


.sub_top {position:relative; height:550px; background-color:#131a30; }
.sub_top.bg_dealer {background:url('/images/bg_dealer.jpg') no-repeat center ; background-size:cover; }
.sub_top.bg_car { background:url('/images/bg_carsearch.jpg')no-repeat center ; background-size:cover;}
.sub_top .column {display:flex;  justify-content: center;  align-items: center; height:100%; }
.sub_top .title_wrap h2 {font-size:40px;  line-height:1.5em; color:#fff; font-family:'NotoSans'; font-weight:bold; }
.sub_top .title_wrap p {margin-top:0.65rem; color:#fff; font-size:1.05rem; line-height:1.5em; letter-spacing:-.04em; }

.sub_top .item_box {display:block; width:500px; margin:0 auto; }
.sub_top .item_box .search_box { margin-top:2.3rem; display:flex; justify-content: space-between; flex-wrap: nowrap; gap:7px; }
.sub_top .item_box input[type="text"] {width:calc(100% - 120px);  border-radius:0.35rem; height:65px; line-height:65px;font-size:1.1rem; font-weight:500;  padding:0 1rem;  background-color:#fff; color:#333;border:0; outline:0 }
.sub_top .item_box button {width:120px; height:65px; border-radius:0.35rem;  color:#fff; font-size:1.05rem; font-weight:600; text-align:center; background-color:#1165ff; border:0; outline:0;font-family:'OneMobile', 'NotoSans'; letter-spacing:0 }

@media screen and ( max-width:600px ) {
.sub_top { height:360px;}
.sub_top .title_wrap h2 {font-size:25px;  line-height:1.4em; }
.sub_top .title_wrap p {margin-top:0.5rem; font-size:0.815rem; line-height:1.5em;  }
.sub_top .title_wrap p br {display:none; }
.sub_top .item_box {max-width:90%; margin:0 auto; }
.sub_top .item_box input[type="text"] {width:calc(100% - 100px);   height:55px; line-height:55px;font-size:1rem; padding:0 0.5rem;   }
.sub_top .item_box button {width:100px; height:55px;  font-size:1rem; font-weight:600;  }

}

@media screen and ( max-width:500px ) {
.sub_top .item_box {max-width:96%;}
.sub_top .item_box input[type="text"] {width:calc(100% - 80px);}
.sub_top .item_box button {width:80px;}

}


/* faq */
.faq_list {margin-top:2rem;  }
.faq_list .item_wrap {display:flex; flex-direction: column; width:100%;  font-family:'OneMobile', 'NotoSans';}
.faq_list .item_wrap .ico:before{content:'';font-family:'OneMobile';display:inline-block;font-size:1.5rem; width:50px; height:50px; line-height:50px; font-weight:600; text-align:center; }
.faq_list .item_wrap .faq_qt {position:relative; display:flex; flex-start; align-items: center; flex-direction: row; flex-wrap: nowrap; padding:1rem 0rem;cursor:pointer;border-bottom:1px solid #eee;  }
.faq_list .item_wrap .faq_qt .ico:before {content:'Q';  color:#0135fc;}
.faq_list .item_wrap .faq_qt .title {width:calc(100% - 50px); padding-left:0.2rem; font-size:1.2rem; font-weight:600;  color:#333;font-family: 'OneMobile', 'NotoSans';}
.faq_list .item_wrap .faq_answer {background-color:#f9f9f9; padding:1rem 1rem; display:flex; flex-start; align-items: flex-start; flex-direction: row; border-radius:0.5rem; }
.faq_list .item_wrap .faq_answer .ico:before{content:'A'; font-family:'OneMobile';color:#29bded; }
.faq_list .item_wrap .faq_answer .cont { width:calc(100% - 50px); padding:0.65rem 2.5rem 1rem 1rem;font-size:1.065rem; font-weight:500; line-height:1.8rem; color:#424866;font-family:'NotoSans'; }
.faq_list .item_wrap .faq_qt:after {content:"\e942"; font-family:'xeicon'; color:#cbcfe2; position:absolute; font-size:1.6rem; right:1rem; width:30px; height:30px; transition: all 0.2s ease-in;}
.faq_list .item_wrap .faq_qt.on:after { transform: rotate(180deg); }



@media screen and ( max-width:800px ) {
	#faq .container {padding:3.6rem 0 3rem}
	.container {padding:3rem 0 3rem}

	.container .title_wrap h2 { font-size:25px; }
	.faq_list .item_wrap .ico:before{ font-size:1.25rem; width:30px;  }
	.faq_list .item_wrap .faq_qt .title {width:calc(100% - 30px); font-size:1rem; }
	.faq_list .item_wrap .faq_answer .cont {width:100%; padding:0.5rem 0rem 0.5rem;font-size:0.95rem;  line-height:1.65rem; }
	.faq_list .item_wrap .faq_answer .ico:before {display:none;}
}

@media screen and ( max-width:600px ) {

}


.carlist li {position:relative;display:flex;padding:3rem 1.5rem;border:1px solid #094eeb;background:#f9f9f9;align-items:center; border-radius:0.65rem;}
.carlist li .carnum {flex:2;padding-left:2rem;font-size:2rem;font-weight:bold;}
.carlist li .img {position:relative;flex:2;height:7rem;background:url('/images/search_img8.png?ver=2') no-repeat center;background-size:auto 70%;}
.carlist li .carinfo {flex:6;padding-left:2rem;}
.carlist li .carinfo p {font-size:1rem;line-height:1.5;}
.carlist li .carinfo p.model {padding-bottom:.5rem;}
.carlist li .carinfo p b {font-size:1.4rem;font-weight:bold;vertical-align:middle;}
.carlist li .label {position:absolute;right:0;top:0;width:5rem;height:5rem;line-height:4.5rem;border-radius:50%;border:0;font-size:1rem;text-align:center;overflow:hidden;}
.carlist li .result {flex:1.5;color:#094eeb;font-weight:bold;word-break:keep-all;font-size:1.2rem;}

.label {display:inline-block;padding:.2rem .7rem;border-radius:.3rem;border:1px solid #eee;font-size:.85rem;vertical-align:middle;}
.label.jesi {background:#f64966;color:#fff;}
.label.medo {background:#245fe5;color:#fff;}
.label.return {background:#555;color:#fff;}

@media screen and ( max-width:900px ) {
	.carlist li {display:block;padding:2rem 1.5rem;}
	.carlist li .img {position:absolute;right:1rem;top:1rem;width:10rem;height:5rem;background-size:auto 75%;}
	.carlist li .label {width:4rem;height:4rem;line-height:3.5rem;}
	.carlist li .carnum {padding:0;font-size:1rem;}
	.carlist li .carinfo {padding:0;}
	.carlist li .carinfo p {font-size:.9rem;}
	.carlist li .mo {display:inline-block;}
	.carlist li .result {display:none;}
}


.search_result {padding:0rem 0 3rem;text-align:center;font-size:1.5rem; line-height:2.3rem; font-family: 'NotoSans';}
.search_result b {padding:0 .5rem;/*font-size:2.7rem;*/line-height:1;color:#094eeb;}
.search_result b.txt_big { display:inline-block; vertical-align:bottom; font-size:2.3rem;  font-weight:bold; }

@media screen and ( max-width:900px ) {
	.search_result {padding:1.5rem 0 1rem;font-size:1rem;text-align:center;}
	.search_result b {font-size:2rem;}
}


.search_member ul {font-size:0;}
.search_member li {position:relative;display:inline-block;width:calc(33.3% - 2rem);margin:0 1rem 1rem;background:#fff;border:1px solid #eaeaea; box-sizing:border-box; border-radius:0.85rem;}
.search_member li:nth-of-type(3n) {margin-right:0;}
.search_member li * {font-size:1rem;}
.search_member li .title { height:10rem;padding:3rem 1.5rem 0rem;box-sizing:border-box;text-align:center;}
.search_member li .title b {display:block;padding-bottom:.7rem;font-size:1.4rem;line-height:1.3;}
.search_member li .txt {padding:1rem 1.5rem 2rem;background:#f7f7f7;line-height:1.5;}
.search_member li .txt span {display:inline-block; vertical-align:top;  font-size:.9rem;text-align:justify;color:#333;}
.search_member li .txt span:first-child {width:4.5rem; color:#888}
.search_member li .txt p {padding:.1rem 0;}
.search_member li:before {content:'';position:absolute;left:50%;top:-1.3rem;width:3rem;height:3rem;border-radius:50%;background:url('/images/sub/search_img3.png') no-repeat center #fff;background-size:auto 2rem;overflow:hidden;transform:translateX(-50%);}

.search_member.type2 li {}
.search_member.type2 li:before {left:auto;right:1rem;top:1rem;width:4rem;height:4rem;background:url('/images/search_img3.png') no-repeat center #eee;background-size:auto 3rem;transform:none;}
.search_member.type2 li .title {height:6rem;padding-top:1.3rem;text-align:left;}
.search_member.type2 li .title b {padding-bottom:.3rem;font-size:1.6rem;}
.search_member.type2 li .txt {background:transparent;}

@media screen and ( max-width:800px ) {
	.search_member li {width:100%;margin:0 0 1rem 0;border-color:#ddd;}
	.search_member li * {font-size:.85rem;}
	.search_member li .title {height:auto;padding-bottom:1rem;}
	.search_member li .title b {padding-bottom:.3rem;font-size:1.2rem;}
	.search_member.type2 li .title b {padding-bottom:.3rem;font-size:1.3rem;}
	.search_member li .txt {padding:1rem 1.5rem;}
	.search_member li .txt p {font-size:.95rem;}
}

.dealer-cont {margin-top:2rem; display:flex; flex-direction: row;justify-content: center;gap:3rem;  align-items: center; width:100%;  border-radius:12px; background-color:#f5f5f5; padding:2rem; }
.dealer-cont figure{ width:120px;  height:120px; background-image:url('/images/noimg_dealer.png'); background-repeat:no-repeat; background-position:center center; background-size:auto 110%; }
.dealer-cont dl dt{font-size:1.35rem; line-height:1.25rem; color:#222; font-weight:bold; font-family:'NotoSans'}
.dealer-cont dl dd {font-size:1rem; color:#888; padding-top:1.2rem; line-height:1.6em; }
.dealer-cont.search-car figure {background-image:url('/images/noimg_car.png'); }

@media screen and ( max-width:800px ) {
.dealer-cont figure {display:none;}
.dealer-cont dl {width:100%}
.dealer-cont dl dt{font-size:1.105rem; line-height:1.3em; }
.dealer-cont dl dd {font-size:0.9rem; color:#888; padding-top:0.5rem; line-height:1.5em; }

}


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      pagination
///////////////////////////////////////////////////////////////////////////////////////////*/
.pagination { display:inline-block; width:100%; margin:2rem 0 2rem; 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:#1a46ee; border:1px solid #1a46ee; 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; }
}




/* 데이터없을때 처리 */
.data_empty {position:relative !important;width:100% !important;min-height:300px !important;height:100% !important;padding:0 !important;margin:0 !important;background:#f9f9f9 !important;line-height:100% !important;font-size:14px;color:#999;text-align:center !important;}
.data_empty span {position:absolute;left:0;width:100%;top:48%;}
.tableEmptyWrap { display:none;height:15rem;position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1.1rem; text-align:center; vertical-align:middle; background-color:#f6f7fc; }
.tableEmptyWrap:after {content:'데이터가 없습니다.';position:absolute;left:0;width:100%;top:48%;font-weight:500; color:#555; font-size:1rem;width:100%; text-align:center; position:absolute;left:0; top:50%; margin-top:0px;}
@media screen and ( max-width:600px ) {
	.tableEmptyWrap:after {font-size:.8rem;}
}



/*======================================================================================================================================================================================= 
	popup 
=======================================================================================================================================================================================*/
.block_ui {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:50;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}

.modal-popup.modal-reset {display:block !important;position:relative !important;height:auto !important;}
.modal-popup {display:none;overflow-y:auto;overflow-x:hidden;position:fixed;left:0;top:0;width:100%;height:100%; background:#fff;z-index:10001;-webkit-overflow-scrolling:touch;/*background:url('../usedcar/pop5.png') no-repeat #ededed;background-size:100%;opacity:0.3;*/}
/*.modal-popup:after {content:'';position:absolute;left:0;top:0;width:100%;height:1000px;z-index:100000;}*/

/* 레이어형 */
.block-ui, .pop_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3); z-index:10000;}
.block-ui {display:none;}
.block-ui.white {display:block;background:rgba(0,0,0,.3);z-index:999 !important;}
.modal-popup {position:fixed;left:50%;top:50%;width:auto;max-width:80%;max-height:100%; height:auto; transform:translate(-50%,-50%);background:#fff;padding:1.5rem;  border-radius:0.85rem; z-index:99999;overflow-y:hidden;overflow-x:hidden;font-size:0; box-shadow:5px 5px 15px rgba(0,0,0,0.2)}
.modal-popup .pop-header {position:relative;height:50px; padding:0; vertical-align: middle;text-align:left;background:#fff;  border-bottom:0;border-radius:0 !important;}
.modal-popup .pop-header span {display:inline-block;padding-top:18px;color:#333;font-size:19px;line-height:19px;font-weight:500;vertical-align:middle;word-break:keep-all;}
.modal-popup .pop-header .title { display:block; font-size:1.45rem; line-height:2rem; font-weight:bold ;text-transform:uppercase ;  text-align:center; background-color:#fff; color:#222; }
.modal-popup .pop-header.line {border-bottom:1px solid #ddd !important; }
.modal-popup .btn-pop-close {position:absolute; right:0; top:50%;margin-top:-25px;  width:50px;height:50px; border:0px solid #f00}
.modal-popup .btn-pop-close:after {content: "\e9af"; display:inline-block !important; width:100% !important;  font-family:'xeicon' !important; font-size:1.8rem !important; font-weight:bold; color:#333; }
.modal-popup .pop-content { display:block;padding:10px 10px 0px;background:#fff;height:calc(100% - 60px);overflow-y:auto;font-size:16px;-webkit-overflow-scrolling:touch;}
.modal-popup .pop-content .rule-box {padding:10px 15px;}
.modal-popup .pop-content .text-box {padding:16px 25px;font-size:14px;line-height:18px;}
.modal-popup .pop-content .article-list.paddRL li {padding:0 1.25rem;}
.modal-popup .pop-content select { display:inline-block; vertical-align:middle;height:38px; line-height:36px; font-size:15px; !important; border-radius:5px; }
.modal-popup .pop-content input[type="text"] { display:inline-block; vertical-align:middle;  letter-spacing:0; border-radius:5px;  }
.modal-popup .btn_wrap {border-top:1px solid #eee;color:#d32f2f;}
.modal-popup .btn_wrap button {display:inline-block;width:50%;height:53px;background:#fff;color:#0e3ecd;line-height:42px;text-align:center; border-radius:5px;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;}
.modal-popup .btn_wrap button:last-child {/*background:#888;*/color:#555;}
.modal-popup .btn_wrap button:nth-child(2) {border-left:1px solid #eee;}
.modal-popup .column {width:100%;}

.modal-popup h4.title {padding:20px 0 10px;font-size:18px;}
.modal-popup .ex-text {font-size:14px;}
.modal-popup .sub-nav li a {line-height:50px;}

.modal-popup ::-webkit-scrollbar { background-color:#f4f4f4; border-radius:4px; width: 4px;height:4px; }
.modal-popup ::-webkit-scrollbar-thumb { background:#90aee9; }

@media screen and (max-width:600px){
	.modal-popup { left:0;top:0;width:auto;max-width:100%;max-height:100%; height:100% !important;transform:translate(0,0); border-radius:0; padding: 0rem;}
	.modal-popup .pop-header {  background-color:#fff;}
	.modal-popup .pop-header .title {font-size:1.25rem; line-height:60px;padding:0  }
	.modal-popup. .pop-header .btn-pop-close {top:0px;width:60px;height:60px;background-size:auto 20px;}

	.modal-popup .pop-content {padding:20px 10px 20px;height:calc(100% - 80px);}


}



.agree-detail {padding:0 3rem 3rem;}
.agree-detail h2 {margin-bottom: 0px; font-size:1rem; color: #333;}
.agree-detail h3 {margin-top:30px; font-size: .9rem; font-weight:500; color:#02a9f6;}
.agree-detail h6 { font-size:1rem;padding: 20px 5px 7px 0; font-weight:bold; }
.agree-detail h6:first-child {padding-top: 5px;}
.agree-detail p {padding: 5px 0 5px 0; color:#555; font-size:.9rem;line-height:1.4em;letter-spacing:-.5px;}
.agree-detail strong {font-weight: bold;}
.agree-detail ol { padding: 5px 5px 5px 5px;list-style:none; }
.agree-detail ul { padding: 5px 5px 5px 5px; }
.agree-detail  span {display:inline-block; vertical-align:top;margin-top:-1px; margin-right:3px; font-weight:bold;}
.agree-detail li { padding: 1px 0 1px 0;font-size:.9rem;line-height:1.5em;letter-spacing:-.7px;}
.agree-detail li.tit {font-size: .9rem; padding: 20px 5px 10px 0; font-weight: bold;}
.agree-detail li.tit:first-of-type {padding-top: 0;}
.agree-detail ol li ol {list-style-type:decimal; list-style-position:outside; margin-left:1rem; }
.agree-detail ol li ol li {font-size:.9rem;}

@media screen and (max-width: 640px), screen\9 {
	.agree-detail {padding:0 1.5rem 2rem;}
	.agree-detail li, .agree-detail p {font-size:.8rem;}

	.header_popup {height:3rem;}
	

}