/*---common css---*/

:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;

	/*font-size*/
	--font-size-13: 0.813rem;
	--font-size-14: 0.875rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-19: 1.188rem;
	--font-size-20: 1.25rem;
	--font-size-23: 1.438rem;
	--font-size-24: 1.5rem; 	
	--font-size-25: 1.563rem; 	
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem;
	--font-size-30: 1.875rem; 	
	--font-size-31: 1.938rem; 
	--font-size-32: 2rem; 
	--font-size-33: 2.063rem; 
	--font-size-35: 2.188rem; 
	--font-size-40: 2.5rem; 
	--font-size-80: 5rem;

	/*font-weight*/
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-bl: 900;
}

/*font size*/
.fs_13{font-size: var(--font-size-13);}
.fs_14{font-size: var(--font-size-14);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_19{font-size: var(--font-size-19);}
.fs_20{font-size: var(--font-size-20);} 
.fs_23{font-size: var(--font-size-23);} 
.fs_24{font-size: var(--font-size-24);} 
.fs_25{font-size: var(--font-size-25);} 
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_31{font-size: var(--font-size-31);}
.fs_32{font-size: var(--font-size-32);}
.fs_33{font-size: var(--font-size-33);}
.fs_35{font-size: var(--font-size-35);}
.fs_40{font-size: var(--font-size-40);}
.fs_80{font-size: var(--font-size-80);}



/*font weight*/
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_bl{font-weight: var(--font-bl);}


/*text-motion*/
.j_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion.on {transform: translateY(0);opacity: 1;}

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}


/*--- common ---*/
.j_inner {max-width:1600px; width:92%; margin:0 auto;}
.comWidth {max-width:1920px; width:100%; margin:0 auto;}
.secTit {font-size:2.188rem; font-weight:600; color:#222; text-align:center;}
.comPad {padding:130px 0;}
.tc{text-align:center;}
.mt17 {margin-top:17px;}

.mo_br {display:none;}
.mo_img {display:none;}
@media screen and (max-width:1080px){
.comPad {padding:60px 0;}
}

@media screen and (max-width:720px){
.mo_br {display:block;}
.sec02 {padding:40px 0;}
.comPad {padding:40px 0;}
.pc_br {display:none;}
.mo_img {display:block;}
.pc_img {display:none;}
}



/*---header---*/
#j_header.active {position:fixed;}


#j_header {height:150px; position:absolute; left:0; top:0; width:100%; z-index:98; background:#fff;     display: flex;align-items: center;flex-direction: column;}
#j_header:after {width:100%; height:1px; background:#eaeaea; content:''; top:40px; left:0; position:absolute; }
.hd_logo {margin-right:108px;display: block; height: 100%;line-height: 100px;}
.j_hd_con {max-width:1600px; width:92%; margin:0 auto; display:flex; justify-content:space-between; align-items:center; height:100%;}
.j_hd_con > .hdLeft > .j_gnb {display:flex; align-items:center;}
.j_hd_con > .hdLeft > .j_gnb > li {position:relative;}
.j_hd_con > .hdLeft > .j_gnb > li > a {display:block; padding:0 45px; height:100%; line-height:100px; font-size:1.125rem; font-weight:600;}
.j_hd_con > .hdLeft > .j_gnb > li > a i {position:relative;}
.j_hd_con > .hdLeft > .j_gnb > li > a i::after{content: "";position: absolute;bottom: -3px;left: auto;right: 0;width: 0;height: 2px;background: #f73741;z-index: 1;transition: width .45s ease;}
.j_hd_con > .hdLeft > .j_gnb > li > a:hover > i::after{left: 0;right: auto;width: 100%;}
.j_hd_con > .hdLeft > .j_gnb > li:first-child {padding-left:0;}
.j_hd_con > .hdLeft > .j_gnb > li:last-child {padding-right:0;}

.j_hd_con > .hdLeft > .j_gnb > li .depth02 {position: absolute;top: 75%; left: 50%; transform: translateX(-50%);width: 120px; text-align: center; background:#fff; box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1); display:none; border-radius:10px;}
.j_hd_con > .hdLeft > .j_gnb > li .depth02 > li > a {display:block; padding:20px 0; font-weight:500; transition:0.28s;}
.j_hd_con > .hdLeft > .j_gnb > li .depth02 > li > a:hover {color:#f73741;}
.hdLeft {display:flex; align-items:center;}
.hdRight {display:flex; align-items:center; gap:14px;}
.hdInfo {display:flex; align-items:center; width:273px; height:58px; background:#fafafa; border-radius:29px; justify-content:center; gap:14px; }
.hdTel {display:flex; background:#f73741; border-radius:29.5px; border:1px solid #f7333d; color:#fff; align-items:center; gap:8px; width:204px; height:59px; line-height:59px; text-align:center; justify-content:center; }


@media screen and (max-width:1280px){
	.hd_logo {margin-right:70px;}
	.hdTel {width:176px;}
	.hdInfo {width:240px;}
}

@media screen and (max-width:1200px){
	.j_hd_con > .hdLeft > .j_gnb > li > a {padding:0 25px;}
}

@media screen and (max-width:1050px){
	.hdInfo{display:none;}
	.j_hd_con > .hdLeft > .j_gnb > li > a {padding:0 40px;}
}

@media screen and (max-width:900px){
.hd_logo {margin-right:30px;}
.j_hd_con > .hdLeft > .j_gnb > li > a {padding:0 20px;}
.hdTel {width:153px; height:39px; line-height:39px;}
}

@media screen and (max-width:720px){
	.j_hd_con > .hdLeft > .j_gnb {display:none;}
	.hdTel {display:none;}
	#j_header {height:100px;}
	.hd_logo img {width:70%;}
}


/*---mobileWrap ---*/

.mobileWrap {position:fixed; left:0; top:0; width:100%; height:100%; background: rgb(255 241 241);;display:none; z-index:99;}
.mobileWrap.show {display:block;}
.mobileWrap .j_gnb li {opacity: 0; transform: translateX(100%);    text-align: center;width: 100%;}
.mobileWrap.show .j_gnb li { animation: slideIn 0.5s forwards;}
.mobileWrap.show .j_gnb li:nth-child(1) {animation-delay: 0.2s;}
.mobileWrap.show .j_gnb li:nth-child(2) {animation-delay: 0.3s;}
.mobileWrap.show .j_gnb li:nth-child(3) {animation-delay: 0.4s;}
.mobileWrap.show .j_gnb li > .depth02 {display:none;}

.hdTel.mohdTel {opacity: 0; transform: translateX(100%); }
.hdInfo.mohdinfo {opacity: 0; transform: translateX(100%); }

.mobileWrap.show .mohdTel {animation: slideIn 0.5s forwards; animation-delay: 0.5s;}
.mobileWrap.show .mohdinfo {animation: slideIn 0.5s forwards; animation-delay: 0.6s;}

@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.moBtn {width:30px; height:30px; position:relative; display:none; cursor:pointer;}
.moBtn span {display:block; width:100%; height:2px; background:#000; position:absolute;}
.moBtn span:nth-of-type(1) {left:0; top:5px;}
.moBtn span:nth-of-type(2) {left:0; top:50%; transform:translateY(-50%);}
.moBtn span:nth-of-type(3) {left:0; bottom:5px;}

.moCloseBtn {position:absolute; right:20px; top:20px; width: 30px; height: 30px; cursor:pointer;}
.moCloseBtn span {background:#000; width:100%; height:2px;  display:block;  position:absolute; transform:translate(0); top:50%; transform:translateY(-50%);}
.moCloseBtn span:nth-of-type(1) {transform: rotate(45deg);}
.moCloseBtn span:nth-of-type(2) {transform: rotate(-45deg);}

.moInner { display: flex;  justify-content: center;  align-items: center;flex-direction: column; height: 100%;}
.moInner>.j_gnb{display: flex;flex-direction: column;align-items: center;justify-content: center; }
.moInner>.j_gnb>li>a {display:block; font-size:28px; font-weight:600; padding:20px;}
.moInner>.j_gnb>li>a i {position:relative;}
.moInner>.j_gnb>li>a i::after{content: "";position: absolute;bottom: -3px;left: auto;right: 0;width: 0;height: 2px;background: #f73741;z-index: 1;transition: width .45s ease;}
.moInner>.j_gnb>li>a:hover > i::after{left: 0;right: auto;width: 100%;}
.mo_hd_logo {position:absolute; left:20px; top:20px;}
.mo_hd_logo img {width:70%;}


@media screen and (max-width:720px){
	.moBtn {display:block;}
	.moBtn {width:25px; height:25px;}
	.hdTel.mohdTel {display:flex; margin-top:20px;}
	.hdInfo.mohdinfo {display:flex; margin-top:20px;}
	.hdInfo.mohdinfo p {font-size:16px}
	.hdInfo.mohdinfo span {font-size:13px;}
}


/*mv*/
.mv {margin-top:120px;}
.mvSwiper figure img {width:100%;}


@media screen and (max-width:720px){
.mv {margin-top:100px;}
}


/*sec01*/

.prodCate {background:#f7333d; width:126px; height:35px; text-align:center; line-height:35px; display:block; border-radius:5px; color:#fff;}

.sec01Content {/*max-width:1560px;*/ margin:0 auto; /*width:92%;*/ display:flex; margin-top:65px;}
.sec01Content li {box-sizing:border-box; border: 1px solid #e6e6e6;}
.sec01Content li:nth-of-type(3n){margin-right:0;}

.sec01Loop {padding:55px 30px 50px; box-sizing:border-box; position:relative}
.sec01Loop::after {content:''; position:absolute; right:30px; bottom:0; }
.prodTit {line-height:1.31em; margin-top:30px; max-width:200px; word-break:keep-all;}
.sec01Content li:nth-of-type(1) .sec01Loop::after {background:url('/img/icon/sec01-icon01.png') no-repeat center / cover; width:172px; height:130px;  }
.sec01Content li:nth-of-type(2) .sec01Loop::after {background:url('/img/icon/sec01-icon02.png') no-repeat center / cover; width:137px; height:130px;}
.sec01Content li:nth-of-type(3) .sec01Loop::after {background:url('/img/icon/sec01-icon03.png') no-repeat center / cover; width:164px; height:118px;}
.sec01Content li:nth-of-type(4) .sec01Loop::after {background:url('/img/icon/sec01-icon04.png') no-repeat center / cover; width:172px; height:130px;}
.sec01Content li:nth-of-type(5) .sec01Loop::after {background:url('/img/icon/sec01-icon05.png') no-repeat center / cover; width:172px; height:130px;}

.sec01Bottom {padding:38px 30px 45px; position:relative;  box-sizing:border-box; background:#fafafa;}
.sec01Btn {display:flex;align-items:center; width:200px; height:55px; background:#000; color:#fff; gap:67px;   justify-content: center; margin-top:66px; font-size:1.063rem; font-weight:700;}
.sec01Bottom p {line-height:1.75em;}


@media screen and (max-width:1480px){
	.sec01Content li:nth-of-type(1) .sec01Loop::after {width: 130px;height: 96px;}
	.sec01Content li:nth-of-type(2) .sec01Loop::after {width: 101px; height: 96px;}
	.sec01Content li:nth-of-type(3) .sec01Loop::after {width: 110px; height: 80px;}
	.sec01Content li:nth-of-type(4) .sec01Loop::after {width: 130px;height: 96px;}
	.sec01Content li:nth-of-type(5) .sec01Loop::after {width: 130px;height: 96px;}
	.sec01Content li {width: calc((100% - 20px* 2) / 3); margin-right: 20px;}
	.prodTit {max-width:165px;}
   
}

@media screen and (max-width:1180px){
	.sec01Content li {width: calc((100% - 20px* 2) / 3); margin-right: 20px;}
	.sec01Content li {width:100%; max-width:500px; margin: 20px auto 0 auto;}
	.sec01Content li:nth-of-type(3n) {margin-right:auto;}
	.sec01Content li + li {margin-top:20px;}
	.sec01Content li:nth-of-type(1) .sec01Loop::after {width:130px; height:96px;}
	.sec01Content li:nth-of-type(2) .sec01Loop::after {width:101px; height:96px;}
	.sec01Content li:nth-of-type(3) .sec01Loop::after {width:110px; height:80px;}
	.sec01Content li:nth-of-type(4) .sec01Loop::after {width:130px; height:96px;}
	.sec01Content li:nth-of-type(5) .sec01Loop::after {width:130px; height:96px;}
	.sec01Loop::after {z-index:-1;}
	.sec01Loop {padding:30px;}
	.sec01Bottom {padding:30px;}
}



@media screen and (max-width:720px){
	.sec01Content {margin-top:40px;}
	.sec01Content li:nth-of-type(1) .sec01Loop::after {width: 120px;height: 89px;}
	.sec01Content li:nth-of-type(2) .sec01Loop::after { width: 107px;height: 102px;}
	.sec01Content li:nth-of-type(3) .sec01Loop::after {width: 134px; height: 96px;}
	.sec01Content li:nth-of-type(4) .sec01Loop::after {width: 120px;height: 89px;}
	.sec01Content li:nth-of-type(5) .sec01Loop::after {width: 120px;height: 89px;}
	.sec01Btn {margin-top:30px;}
}


/*sec02 form*/

.sec02 {background:url('/img/main/sec02_bg.jpg') no-repeat center / cover; padding:80px 0;}

.formWrap {max-width:824px; width:92%; margin:0 auto; background:#fff;}
.contact_form {max-width:535px; width:92%; margin:0 auto; padding:60px 0;}
.j_form_box {display:flex;}
.j_form_box > label {width:87px;}
.j_form_box > .filed_box {width:calc(100% - 87px);}
.j_form_list {padding:45px 0; border-bottom:1px solid #000;}
.j_form_list > li + li {margin-top:20px;}
.j_form_input {width:100%; padding:20px 17px; background:#f7f7f7; }

.radioList {display:flex; margin-top:18px; flex-wrap:wrap;}
.radioList li {width:calc((100% - 15px*2)/3); margin-right:15px; position:relative;}
.radioList li:nth-of-type(3n) {margin-right:0;}
.radioList li:nth-of-type(n+4) {margin-top:15px;}
.radioList li label {cursor:pointer;}
.radioContent {   display: flex;justify-content: center;align-items: center; flex-direction: column; box-sizing:border-box; padding:25px 0; border:1px solid #d2d2d2;}
.radioContent p {margin-top:25px;}

.j_form_box input[type=radio] {position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; outline: 0; z-index: -1; overflow: hidden;}
.j_form_box input[type=radio]:checked + label .radioContent  {border:2px solid #f7333d;}

 
.ra04List {display:flex; align-items:center; gap:38px;}
.ra04List li {position:relative;}
.ra04List li label {cursor:pointer; display:flex; align-items:center; gap:7px;}
.ra04List li label span {display:block; width:17px; height:17px; border-radius:50%; border:1px solid #c1c1c1; }
.ra04List li input[type=radio]:checked + label span {background:url('/img/icon/ra_chk.png') no-repeat center / cover; border:none;}


.agree_box {display:flex; justify-content:space-between; margin-top:34px;}
.agreeRight {position:relative;}
.agreeRight input[type=checkbox] {position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; outline: 0; z-index: -1; overflow: hidden;}
.agreeRight label {display:flex; align-items:center; gap:14px; cursor:pointer;}
.agreeRight label span {background:url('/img/icon/grayChk.png') no-repeat center / cover; width:10px; height:8px; display:block; }
.agreeRight input[type=checkbox]:checked + label span {background:url('/img/icon/redChk.png') no-repeat center / cover;}

.j_btn_wrap {text-align:center; margin-top:60px;}
.j_form_btn {max-width:250px; width:100%; text-align:center; height:60px; border-radius:30px; background:#f7333d; color:#fff;}

@media screen and (max-width:720px){
	.radioContent p {margin-top:3px;}
	.sec02 {padding:40px 0;}
	.j_form_box {flex-wrap:wrap;}
	.j_form_box > label {width:100%;}
	.j_form_box > .filed_box {width:100%; margin-top:10px;}
	.radioList {flex-wrap:wrap;}
	.radioList li {width:100%; margin-right:0;}
	.radioList li + li {margin-top:10px;}
	.radioContent { margin: 0 auto; padding:18px;}
	.radioContent figure img {width:50px;}
	.j_form_list {padding:20px 0;}
	.agree_box {margin-top:20px;}
	.j_btn_wrap {margin-top:30px; }
	.j_form_btn {max-width:170px;}
	.contact_form {padding:30px 0;}
}

/*sec03*/
.sec03 {padding:103px 0;}
.sec03List {display:flex; max-width:1230px; width:92%; margin:0 auto; justify-content: center;}
.sec03List li {width:calc((100% - 26px)/2); margin-right:26px;}
.sec03List li:nth-of-type(2n) {margin-right:0;}
.sec03List li.secLt {background:url('/img/main/sec03_bg.jpg') no-repeat center / cover; padding:48px 34px; box-sizing:border-box;}
.sec03List li.secLt .sec03Txt {margin-top:90px; box-sizing:border-box;}
.sec03List li.secRt {background:#fbfbfb;  padding:48px 34px;}
.sec03List li.secRt .linkWrap {display:flex; align-items: center;justify-content: space-between; background: #fff; border-radius:37.5px; border: 1px solid #e6e6e6; padding:12px;}
.sec03List li.secRt .linkWrap + .linkWrap {margin-top:20px;}
.sec03List li.secRt .linkWrap .link {display:flex;gap:22px; align-items:center;}
.mt25 {margin-top:25px;}

@media screen and (max-width:1180px){
	.sec03List {flex-wrap:wrap;}
	.sec03List li{width:100%; margin-right:0;}
}

@media screen and (max-width:720px){
	.sec03 {padding:40px 0;}
	.sec03List li.secRt .linkWrap .link {flex-wrap:Wrap;}
	.sec03List li.secLt {padding:20px 15px;}
	.sec03List li.secRt {padding:20px 15px;}
	.sec03List li.secLt .sec03Txt {margin-top:45px;}
	.sec03List li.secRt .linkWrap {align-items:unset; border-radius:10px;}
}


/*sec04*/
.sec04 {background:#f5f5f8; padding:69px 0;}
.sec04List {display:flex; max-width:1203px; margin:0 auto; width:92%;}
.sec04List li {background:#fff; width:calc((100% - 28px*3)/4); margin-right:28px; padding:32px 26px;}
.sec04List li h2 {transition:0.28s;}
.sec04List li:hover h2 {color:#f7333d;}
.sec04List li a {display:block;}
.sec04List li:nth-of-type(4n) {margin-right:0;}
.sec04Bot {display:flex; justify-content:space-between; align-items: flex-end; margin-top:73px;}


@media screen and (max-width:1200px){
	.sec04List {flex-wrap:Wrap;}
	.sec04List li {width:calc((100% - 20px)/2); margin-right:20px;}
	.sec04List li:nth-of-type(2n) {margin-right:0;}
	.sec04List li:nth-of-type(n + 3) {margin-top:20px;}
}
@media screen and (max-width:720px){
.sec04 {padding:40px 0;}
.sec04List li {padding:15px 10px;}
}


/*sec05*/

.sec05 {padding:130px 0;}
.sec05List {max-width:1437px; width:92%; margin:0 auto; display:flex;}
.sec05List li {width:calc((100% - 45px*2)/3); margin-right:45px; padding:28px 40px;}
.sec05List li:nth-of-type(1) {background:url('/img/main/sec05_bg01.jpg') no-repeat center / cover;}
.sec05List li:nth-of-type(2) {background:url('/img/main/sec05_bg02.jpg') no-repeat center / cover;}
.sec05List li:nth-of-type(3) {background:url('/img/main/sec05_bg03.jpg') no-repeat center / cover;}
.sec05List li:nth-of-type(3n) {margin-right:0;}

.sec05Txt {display:flex; align-items:center; justify-content: space-between;}
.sec05numBox {color:#fff;}
.sec05Txt p {color:#fff; line-height:1.52em; margin-top:22px;}

@media screen and (max-width:1680px){
.sec05List li {    width: calc((100% - 20px* 2) / 3);margin-right: 20px; padding: 28px 40px;}
}
@media screen and (max-width:1560px){
.sec05Txt p {font-size:20px;}
}

@media screen and (max-width:1420px){
.sec05 {padding:80px 0;}
.sec05List {flex-wrap:wrap;}
.sec05List li {width:100%; padding:20px; margin-right:0;}
.sec05List li + li {margin-top:20px;}
.sec05numBox {display:block; text-align:center;}
.sec05Txt {    justify-content: center; flex-direction: column-reverse; text-align:Center; margin-top:20px;}
}

@media screen and (max-width:720px){
.sec05 {padding:40px 0;}
}



/*sec06*/
.sec06 {padding-bottom:160px;}
.sec06List {max-width:1256px; margin:0 auto; width:92%; display:flex; flex-wrap:wrap; margin-top:63px;}
.sec06List li {width:calc((100% - 35px*2)/3); margin-right:35px;display: flex;flex-direction: column;align-items: center; text-align:center; background:#fafafa; padding:40px 26px;}
.sec06List li:nth-of-type(3n){margin-right:0;}
.sec06List li:nth-of-type(n + 4){margin-top:35px;}
.pointTxt {display:block;color:#fff; width:110px; height:36px; line-height:36px; background:#000;}
.sec06Content figure {margin-top:62px;}
.sec06Content figure img {margin:0 auto;}
.sec06Content h3 {margin-top:36px;}
.sec06Content h4 {margin-top:28px; line-height:1.38em;}
.sec06Content p {margin-top:10px;}


@media screen and (max-width:1280px){
.sec06List li {width: calc((100% - 15px* 2) / 3); margin-right:15px;}
.sec06List li:nth-of-type(n + 4) {margin-top:15px;}

}


@media screen and (max-width:1240px){
.sec06List  {flex-wrap:wrap;}
.sec06List li {width: calc((100% - 15px) / 2); margin-right:15px;}
.sec06List li:nth-of-type(2n) {margin-right:0 !important;}
.sec06List li:nth-of-type(3n) {margin-right:15px;}
.sec06List li:nth-of-type(n + 3) {margin-top:15px;}
.sec06 {padding-bottom:80px;}

}

@media screen and (max-width:820px){
.sec06List  {flex-wrap:wrap;}
.sec06List li {width:100%; margin-right:0;}
.sec06List li + li {margin-top:10px;}
.sec06List {margin-top:30px;}
.sec06List li {padding:20px;}
.sec06Content figure {margin-top:30px;}
.sec06Content h3 {margin-top:15px;}
.sec06Content h4 {margin-top:14px;}
.sec06 {padding-bottom:40px;}
}




/*footer*/
.j_footer {background:#000; padding:40px 0;}
.j_footer p {color:#656565; line-height:1.78em; margin-top:22px;}
.j_footer p.copy_p {color:#5c5c5c; margin-top:15px;}

/*quick*/
.mt13 {margin-top:13px;}
.mt30 {margin-top:30px;}
.quickBar {position:fixed; right:20px; top:50%; z-index:98;}
.quickBarList {display:flex; flex-direction: column; align-items: center;}

/*20240910 유지보수*/

.j_hd_con.top_con {height:auto; justify-content:end; padding:10px;}



@media screen and (max-width:720px){
.j_hd_con.top_con {height:auto; justify-content:center; padding:10px;}
.hd_top h2 {text-align:center;}
}