/* =========================================================================================================
	Reset
========================================================================================================= */
:root {
  --color-default: #03c95a;
  --color-default2: #03c95a;
  --color-dark-blue:#1e2534;
  --radius-basic: .35rem;
  --bg-light:#eff8f3;
 
}

*,
*: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:-.02em;color:#323232;font-weight:normal;font-style:normal; }
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: 1150px), 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_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;}
strong,em,i, span, b {font-size:inherit; font-weight:inherit; }


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:#00cccc; border-radius:0;}
::-webkit-scrollbar-button { display:none; }

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

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




/* =========================================================================================================
	레이아웃
========================================================================================================= */
.wrapper {overflow:hidden; padding-top:4.375rem;}
.column {width:1150px; margin:0 auto; position:relative; }

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



.header_wrap {position:fixed;left:0; top:0; width:100%;  background:rgba(255,255,255,0.85); z-index:333;height:4.375rem; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.header {position:relative;}
.header .column {position:relative;padding:0; width:1150px; margin:0 auto;}
.header .cont {position:unset;}
.header .logo {position:absolute; left:0; top:0; width:13.75rem; height:4.375rem; font-size:0; background-image:url('/images/logo.svg?ver=250321'); background-position:left ; background-repeat:no-repeat; background-size:85%; 
-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:4.375rem;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; display:flex; justify-content: flex-end;align-items: center;  gap:5.8rem;}
.header .gnb > ul > li {position:relative; }
.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:4.375rem;font-size:1.085rem;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;transition: all 0.2s ease-in; 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.svg') 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;}
.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:1150px ) {	
    .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 ) {
    .wrapper {  padding-top:3.75rem;}
    .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-size:auto 2.3rem;}
 .page-detail .header_wrap {height:0;}
}




footer {position:relative;clear:both;padding:2.5rem 0 4rem; background-color:#1b1e24; }
footer .f_logo {width:10rem; height:1.95rem; background-repeat:no-repeat; background-position:left ; background-size:auto 100%; opacity:.7;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 600 150' style='enable-background:new 0 0 600 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='104.7,35.1 75.1,35.1 78.5,22.9 54.3,22.9 50.9,35.1 23.3,35.1 16.5,59.3 97.9,59.3 '/%3E%3Cpolygon class='st0' points='104.7,35.1 75.1,35.1 78.5,22.9 54.3,22.9 50.9,35.1 23.3,35.1 16.5,59.3 97.9,59.3 '/%3E%3Cpolygon class='st0' points='178.1,84.1 202.4,84.1 209.8,59.3 255.8,59.3 263,35.1 180.2,35.1 172.9,59.3 185.5,59.3 '/%3E%3Cpolygon class='st0' points='178.1,84.1 202.4,84.1 209.8,59.3 255.8,59.3 263,35.1 180.2,35.1 172.9,59.3 185.5,59.3 '/%3E%3Cpolygon class='st0' points='164.9,91.8 157.7,116.1 227.9,116.1 235.1,91.8 242.6,67.1 218.3,67.1 210.9,91.8 '/%3E%3Cpolygon class='st0' points='164.9,91.8 157.7,116.1 227.9,116.1 235.1,91.8 242.6,67.1 218.3,67.1 210.9,91.8 '/%3E%3Cpolygon class='st0' points='115.6,116.1 123.5,87.7 132.4,87.7 124.5,116.1 148.7,116.1 171.5,35.1 147.2,35.1 139.3,63.5 130.3,63.5 138.3,35.1 114,35.1 91.3,116.1 '/%3E%3Cpolygon class='st0' points='115.6,116.1 123.5,87.7 132.4,87.7 124.5,116.1 148.7,116.1 171.5,35.1 147.2,35.1 139.3,63.5 130.3,63.5 138.3,35.1 114,35.1 91.3,116.1 '/%3E%3Cpath class='st0' d='M23.7,73.7c0,2.2,0.9,4.2,2.3,5.7c1.5,1.5,3.5,2.4,5.7,2.4c2.3,0,4.3-0.9,5.7-2.4s2.3-3.5,2.3-5.7 c0-4.5-3.6-8.1-8.1-8.1C27.3,65.6,23.7,69.3,23.7,73.7z'/%3E%3Cpath class='st0' d='M23.7,73.7c0,2.2,0.9,4.2,2.3,5.7c1.5,1.5,3.5,2.4,5.7,2.4c2.3,0,4.3-0.9,5.7-2.4s2.3-3.5,2.3-5.7 c0-4.5-3.6-8.1-8.1-8.1C27.3,65.6,23.7,69.3,23.7,73.7z'/%3E%3Cpath class='st0' d='M64.7,73.7c0,2.2,0.9,4.2,2.3,5.7c1.5,1.5,3.5,2.4,5.7,2.4s4.3-0.9,5.7-2.4c1.4-1.5,2.3-3.5,2.3-5.7 c0-4.5-3.6-8.1-8.1-8.1C68.3,65.6,64.7,69.3,64.7,73.7z'/%3E%3Cpath class='st0' d='M64.7,73.7c0,2.2,0.9,4.2,2.3,5.7c1.5,1.5,3.5,2.4,5.7,2.4s4.3-0.9,5.7-2.4c1.4-1.5,2.3-3.5,2.3-5.7 c0-4.5-3.6-8.1-8.1-8.1C68.3,65.6,64.7,69.3,64.7,73.7z'/%3E%3Cpolygon class='st0' points='297.3,34.9 270.7,34.9 246.9,116.1 273.4,116.1 '/%3E%3Cpolygon class='st0' points='297.3,34.9 270.7,34.9 246.9,116.1 273.4,116.1 '/%3E%3Cg%3E%3Cpolygon class='st0' points='348.6,67 340,91.3 290.8,91.8 283.2,116.1 357.5,116.1 372.8,67 '/%3E%3Cpolygon class='st0' points='332.9,84.6 341.5,60.3 374.3,59.8 381.9,35.5 304.7,35.5 297.9,59.8 316.5,59.8 308.6,84.6 '/%3E%3Cpolygon class='st0' points='397.7,35 394.3,47.2 387.6,47.2 380.1,71.5 387.5,71.5 385,80.4 377.4,80.4 369.9,104.6 378.2,104.6 375,116.1 400.1,116.1 422.8,35 '/%3E%3Cpolygon class='st0' points='429.8,35 407.1,116.1 432.2,116.1 455,35 '/%3E%3Cpath class='st0' d='M569.4,61.6l7.5-26.6h-26l-22.7,81h26l8.5-30.2h18.9l6.8-24.3C588.1,61.6,569.4,61.6,569.4,61.6z'/%3E%3Cpolygon class='st0' points='511.3,59.3 535,59.3 541.8,35 507.9,35 510.7,25.5 484.2,25.5 481.4,35 477.5,35 462.3,35 455.5,59.3 474.2,59.3 475.6,59.3 440.5,116.1 467,116.1 486.8,84.1 495.3,116.1 521.8,116.1 506.7,59.3 '/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='st0' points='104.7,35.1 75.1,35.1 78.5,22.9 54.3,22.9 50.9,35.1 23.3,35.1 16.5,59.3 97.9,59.3 '/%3E%3Cpolygon class='st0' points='178.1,84.1 202.4,84.1 209.8,59.3 255.8,59.3 263,35.1 180.2,35.1 172.9,59.3 185.5,59.3 '/%3E%3Cpolygon class='st0' points='164.9,91.8 157.7,116.1 227.9,116.1 235.1,91.8 242.6,67.1 218.3,67.1 210.9,91.8 '/%3E%3Cpolygon class='st0' points='115.6,116.1 123.5,87.7 132.4,87.7 124.5,116.1 148.7,116.1 171.5,35.1 147.2,35.1 139.3,63.5 130.3,63.5 138.3,35.1 114,35.1 91.3,116.1 '/%3E%3Cpath class='st0' d='M23.7,73.7c0,2.2,0.9,4.2,2.3,5.7c1.5,1.5,3.5,2.4,5.7,2.4c2.3,0,4.3-0.9,5.7-2.4s2.3-3.5,2.3-5.7 c0-4.5-3.6-8.1-8.1-8.1C27.3,65.6,23.7,69.3,23.7,73.7z'/%3E%3Cpath class='st0' d='M64.7,73.7c0,2.2,0.9,4.2,2.3,5.7c1.5,1.5,3.5,2.4,5.7,2.4s4.3-0.9,5.7-2.4c1.4-1.5,2.3-3.5,2.3-5.7 c0-4.5-3.6-8.1-8.1-8.1C68.3,65.6,64.7,69.3,64.7,73.7z'/%3E%3Cpolygon class='st0' points='297.3,34.9 270.7,34.9 246.9,116.1 273.4,116.1 '/%3E%3Cpath class='st0' d='M49.3,103.9c4.6,6.2,7.3,13.9,7.3,22.2c0,0.1,0,0.2,0,0.3c17.2-3.4,30.2-18.6,30.2-36.8c0-0.1,0-0.2,0-0.4 c-2.3-0.4-4.7-0.7-7.2-0.7C67.2,88.5,56.1,94.6,49.3,103.9z'/%3E%3Cpath class='st0' d='M49.3,103.9C42.5,94.6,31.5,88.6,19,88.6c-2.5,0-5,0.2-7.3,0.7c0,0.1,0,0.2,0,0.3c0,18.3,13.1,33.5,30.4,36.8 c2.3,0.4,4.7,0.7,7.2,0.7s5-0.2,7.3-0.7c0-0.1,0-0.2,0-0.3C56.6,117.7,53.9,110.1,49.3,103.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
footer .copyright { font-size:0.9rem; color:rgba(255,255,255,.7);  line-height:1.6rem; }
footer .copyright strong {display:block; font-size:1.1rem; }
footer address {margin-top:1.2rem; display:flex; flex-direction: column; gap:.35rem; }
footer a {text-decoration:none !important; color:#fff; }
footer address span { color:rgba(255,255,255,0.5); font-size:0.9rem; line-height:1.6em; margin-right:1.5rem; }
footer .link {position:absolute; right:0; top:0;}
footer .link a { color:rgba(255,255,255,0.8); display:inline-block; margin-right:1.85rem; font-size:0.95rem; }
footer .link a:last-child {margin-right:0; }
footer .social { position:absolute; right:0; top:2.5rem; display:flex; justify-content: flex-end; align-items: flex-start; gap:.5rem; }
footer .social a {width:3.438rem; height:3.438rem; line-height:1; text-align:center; border:1px solid rgba(255,255,255,0.2); border-radius:50%;}
footer .social a:before{content:''; font-family:'xeicon'; color:#fff; font-size:1.25rem; line-height:3.2rem; }
footer .social a.blog {background-size:auto 1.6rem; background-repeat:no-repeat; background-position:center center;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' style='enable-background:new 0 0 200 200;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M56.7,86c-1.8,0-3.4,0.7-4.6,2c-1.3,1.3-1.9,2.9-1.9,4.8c0,1.9,0.6,3.5,1.9,4.8c1.3,1.3,2.8,2,4.6,2 c1.8,0,3.4-0.7,4.7-2c1.3-1.3,2-2.9,2-4.8c0-1.9-0.7-3.4-2-4.8C60.2,86.7,58.6,86,56.7,86z'/%3E%3Cpath class='st0' d='M112.9,86c-1.8,0-3.4,0.7-4.6,2c-1.3,1.3-1.9,2.9-1.9,4.8c0,1.9,0.6,3.4,1.9,4.8c1.3,1.3,2.8,2,4.6,2 c1.8,0,3.4-0.7,4.7-2c1.3-1.3,2-2.9,2-4.8c0-1.9-0.7-3.5-2-4.8C116.3,86.6,114.7,86,112.9,86z'/%3E%3Cpath class='st0' d='M150.4,86c-1.8,0-3.4,0.7-4.6,2c-1.3,1.3-1.9,2.9-1.9,4.8c0,1.9,0.6,3.5,1.9,4.8c1.3,1.3,2.8,2,4.6,2 c1.8,0,3.4-0.7,4.7-2c1.3-1.3,2-2.9,2-4.8c0-1.9-0.7-3.4-2-4.8C153.8,86.7,152.2,86,150.4,86z'/%3E%3Cpath class='st0' d='M166.3,38H39.5c-9.7,0-17.7,8-17.7,17.7v71.7c0,9.7,8,17.7,17.7,17.7h49.8c0,0,9.6,26.3,13.1,26.3 c3.5,0,13.9-26.3,13.9-26.3h50c9.7,0,17.7-8,17.7-17.7V55.7C184,46,176,38,166.3,38z M69.6,102.9c-2.5,2.8-6.4,4-10.6,4 c-3.8,0-6.6-1.1-8.6-2.7h-0.1v2h-9.5V64.7h9.5v15.9h0.1c2.6-2.2,6-2.9,10-3.1c3.4-0.1,7,2,9.2,4.5c2.1,2.5,3.7,6.4,3.7,10.7 C73.3,97.4,72.1,100.1,69.6,102.9z M90,106.6h-9.7V80.9c0-5.9-4.7-6.7-4.7-6.7V63.9c0,0,13.6,0.8,14.4,17.3V106.6z M128.2,98.7 c-0.8,1.9-2,3.5-3.6,5c-1.5,1.4-3.3,2.6-5.3,3.3c-2,0.8-4.1,1.2-6.4,1.2c-2.2,0-4.3-0.4-6.3-1.2c-2-0.8-3.8-1.9-5.3-3.3 c-1.6-1.5-2.8-3.2-3.6-5c-0.8-1.8-1.2-3.8-1.2-5.9c0-2.1,0.4-4,1.2-5.9c0.8-1.8,2-3.5,3.6-5c1.6-1.4,3.3-2.5,5.3-3.3 c2-0.8,4.1-1.2,6.3-1.2c2.2,0,4.3,0.4,6.4,1.2c2,0.8,3.8,1.9,5.3,3.3c1.6,1.5,2.8,3.1,3.6,5c0.8,1.9,1.2,3.8,1.2,5.9 C129.4,94.9,129,96.8,128.2,98.7z M166.4,102.8c0,7.3-1.4,11.7-4.6,14.8c-3.9,3.7-9.4,3.9-14,3.3v-7.5c3.9,0.4,9.2-2.2,9.2-7.2 v-1.9h-0.1c-2.2,3-5.3,4.1-9.6,4.1c-3.9,0-7.3-1.4-9.6-4.1c-2.3-2.7-3.4-6.3-3.4-10.8c0-5.1,1.3-9.1,3.8-12.1 c2.6-3,6.2-4.4,10.4-4.4c3.7,0,6.1,0.9,8.4,3h0.1v-2.3h9.5V102.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
footer .social a.youtube:before {content:"\ec32" ; }
footer .social a.fb:before {content: "\ebd3"; }
footer .social a.insta:before {content:"\ebe9" ; }


@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 { position:relative; margin-top:1rem; }
	footer .link a { margin-right:1rem; font-size:0.8rem; }
	footer .social {position:relative; margin-top:1rem;top:0;  justify-content: flex-start;  }
    footer .social a {width:2.85rem; height:2.85rem; }
	footer .social a:before{  line-height:2.75rem; }

}

/* 고정 상담버튼 */
.quick_consult {position:fixed; width:146px; right:1rem; bottom:4.5rem; z-index:330}
.quick_consult .btn_close {position:absolute; right:0; top:0; width:1.4rem; height:1.4rem; text-align:center ; border-radius:50%; border:1px solid rgba(255,255,255,0.8); background-color:rgba(0,0,0,0.9);z-index:33333 }
.quick_consult .btn_close:before {content:"\e921"; display:inline-block; vertical-align:top; font-size:.75rem; line-height:1.31rem;font-family:'xeicon';color:#fff; }
.quick_consult ul { position:relative;  }
.quick_consult ul li {display:block; position:relative;}
.quick_consult ul li a {display:block; text-align:center;height:55px; line-height:50px; border:3px solid transparent; background-color:#fff; border-radius:5rem; font-size:1.1rem; font-weight:700; color:#333;  box-shadow:3px 3px 7px rgba(0,0,0,0.1);}
.quick_consult ul li.consult:before { content:''; display:block; margin:0; height:5rem; background:url('/images/join_happycar.png?ver=250321') no-repeat center bottom -1px; background-size:5rem; }
.quick_consult ul li.consult a {border-color:var(--color-default); color:var(--color-default2)}
.quick_consult ul li.kakao a{padding-left:2.5rem; }
.quick_consult ul li.kakao a:before {content:"\ebee";font-family:'xeicon'; font-weight:normal;position:absolute; left:0; top:0; width:3.4rem; height:3.4rem;line-height:3.4rem; font-size:1.85rem; text-align:center;  color:#332323; background-color:#fbed00; border-radius:50%; }

@media screen and ( max-width:768px ) {
	.quick_consult { width:110px; right:10px; bottom:1rem; }
	.quick_consult ul li a {height:45px; line-height:40px; border:2px solid transparent; font-size:.9rem;   box-shadow:3px 3px 7px rgba(0,0,0,0.1);}
	.quick_consult ul li.consult:before { height:3rem; background-size:3rem; }

}

/* pc 화면 */
    #kakao-talk-channel-chat-button { display:block; margin-top:.5rem; }
	#kakao-talk-channel-chat-button a {display:block;   width:146px;height:55px;background:url(/images/icon_talk.png) no-repeat left ; border-radius:5rem; box-shadow:3px 3px 7px rgba(0,0,0,0.1); }
	#kakao-talk-channel-chat-button a img {display:none !important;}

/* 모바일 화면 */
@media (max-width:1024px) {
	#kakao-talk-channel-chat-button a { width:110px;height:45px; background-size:auto 45px;  background-size:auto 45px !important;  }
}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      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, .5);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:1150px;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;}


@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);}


}