@import url('root.css'); /* 변수 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0; line-height:160%; letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html {width:100%; font-size:16px; color:var(--basic); font-weight:400; line-height:1.6; font-family: var(--kor); word-break: keep-all;}
*{font-family: var(--kor); word-break: keep-all;}
body{-webkit-text-size-adjust: none; word-break:keep-all;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:0.9375rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:0.9375rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
/* input, button {border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;} */
select { border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url('../image/cat_arrow_bk.svg') no-repeat right 20px center/10px auto !important;}
select::-ms-expand {display:none}
input[type=text]::-ms-clear {display: none;}
input::-webkit-input-placeholder {color:#999; }
input:-ms-input-placeholder {color:#999; }
input::placeholder {color:#999; }

span, b, strong, br {line-height:inherit; font-family:inherit;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}
.sr-only {position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);}

/* Common */
.brFixed {display: block !important;}
.white {color:var(--white) !important;}
.colorBk {color:var(--colorBk) !important;}
.colorBlue {color:var(--colorBlue) !important;}
.pointColor {color:var(--pointColor) !important;}
.material-symbols-outlined {font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 48;}
.eng {font-family: var(--eng) !important;}
.blod {font-weight: 700 !important;}
/* 말줄임표 css */
.ellipsis {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.multiline {overflow:hidden; height: 5.1em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.3em; text-overflow:ellipsis;}


/* 슬릭기본 */
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; outline: 0 !important;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding:0 !important;  outline: 0 !important;}
.slick-track {display:flex; }
.slick-slide {border:0; outline: 0 !important;}
.slick-initialized .slick-slide {display:block; outline: 0 !important;}
/* 슬릭기본 */


/* 레이아웃 */
.wrapper {position:relative; width:100%; min-width:320px;}
.basic_in {max-width:1439px; width: 90%; margin:0 auto;}

/* 간격 */
.compad {padding:160px 0; box-sizing:border-box;}
.compad_t {padding:150px 0 0; box-sizing:border-box;}
.compad_b {padding:0 0 160px; box-sizing:border-box;}

/* 폰트 */
.mainTit {position:relative; display:inline-block; padding-right:20px;}
.mainTit:after {position:absolute; content:""; right:0; top:0; width:20px; height:20px; background:url('/img/mark_ci.svg') right top no-repeat;}

/* 버튼 */
.moreBtn {position:relative; display:inline-block; width:190px; box-sizing:border-box; text-align:center; transition:all .3s linear; border:1px solid var(--black); background:var(--white); border-radius:var(--borderR5); padding:16px 25px 17px 25px;}
.moreBtn:before {content:''; display:block; width:0; height: 100%; background:var(--main); position:absolute; left:0; top:0; transition:all .3s linear;}
.moreBtn:hover:before {width: 100%; transition:all .3s linear;}
.moreBtn span {position:relative; width:100%; display:flex; align-items:center; justify-content:space-between; position:relative; z-index: 1; font-size:14px; font-weight:600; color:var(--black); transition:all .3s linear;}
.moreBtn span:after {position:absolute; right:0; width:24px; height:24px; display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--black); line-height:1; font-family:var(--icon); z-index:5; content:"\e941"; transition:all .3s linear; font-weight:400;}
.moreBtn:hover {border-color:var(--main);}
.moreBtn:hover span {color:var(--white);}
.moreBtn:hover span:after {color:var(--white);}


/* Header */
.header {position:fixed; left:0; top:0; width: 100%; min-width:320px; height:105px; z-index: 999999; transition:all 0.4s; background:var(--white);}
.header:before {content:''; display:block; width:100%; height:1px; background:rgba(34,34,34,.1); position: absolute; left: 0; top:104px; transition:all .3s linear; opacity: 0;}
.header .header_in {display:flex; align-items:center; justify-content:space-between; padding:32px 0 28px 0;}
.header .header_in h1 {width:112px; height:32px;} 
.header .header_in h1 a {display:inline-block; vertical-align: top; font-size:0; width: 100%; height: auto;}
.header .header_in h1 a svg {width: 100%; height: auto;}
.header .header_in h1 a svg path {transition: all 0.3s cubic-bezier(0.32, 0.6, 0.46, 1);}
.header .header_in .topUtil {display:flex; flex-wrap:wrap; align-items:center; }

.header .header_in .topLink {position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:0 20px; padding-left:65px;}
.header .header_in .topLink li {}
.header .header_in .topLink li.btnMenu_m {display: none;}
.header .header_in .topLink li.shop a {display: block; color:var(--white); font-family: var(--eng); font-size: 17px; font-weight: 400; line-height: 140%; letter-spacing: -0.425px; padding: 10px 24px; border-radius: 6px; background: var(--pointColor); opacity: 1; transition:all .3s linear; position: relative;}
.header .header_in .topLink li.shop a:hover {background: var(--colorBk);  transition:all .3s linear;}

.header .header_in .topLink li.btnMenu_m a span::before {content:'\e3c7';}

/* 메뉴 */
#menu {position:absolute; left:calc(50% + 100px); transform:translateX(-50%); top:0; z-index:1009;}
/* LEVEL ONE */
ul.dropdown {position: relative; width:745px;}
ul.dropdown li {float: left; zoom: 1; position: relative;}
ul.dropdown li a {position:relative; z-index:100; box-sizing:border-box;}
ul.dropdown li:last-child a {border-right: none;}
ul.dropdown li a.sub {text-transform:uppercase; padding:42px 35px; display:inline-block; color:var(--basic); font-family: var(--eng);font-size:17px; font-weight:600; line-height: 140%; letter-spacing: -0.425px; position:relative; text-align:center;}
ul.dropdown li:hover a.sub {color:var(--colorBk) !important;}

 /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {position: relative;}
ul.dropdown li.hover > a {color:var(--colorBk); }

/* LEVEL TWO */
ul.dropdown ul {width: 181px; visibility: hidden; position: absolute; top: 90px; left: 0; padding:15px 0; box-sizing:border-box; opacity:0;}
ul.dropdown ul li { background: var(--white); color: var(--basic); font-family: var(--eng); font-size: 12px; font-weight: 400; line-height: 120%; letter-spacing: -0.3px;  float: none; box-shadow:9px 9px 10px rgba(34,34,34,0.05);}
ul.dropdown ul li a {position:relative; padding:14px 12px; box-sizing:border-box;border-bottom: 1px dashed #CACACA;}
ul.dropdown ul li:last-child {border-radius: 0 0 10px 10px;}
ul.dropdown ul li:last-child a {border-bottom: none}
ul.dropdown ul.sub_menu {background: var(--white); border:1px solid #ddd; border-top:2px solid #eb2a2e;}  

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {border-right: none; width: 100%; display: inline-block;}


.header.fixed {box-shadow:0 0 20px rgba(34,34,34,0.15);}

.header.nofixed {top:-200px;}


/* 슬라이드 메뉴 : 모바일 메뉴 */
#sitemap_menu {position:fixed; top:0; left:0; width:100%; height:var(--vh); z-index:9999999999; background:var(--black); overflow:hidden; min-width:320px; opacity:0; visibility:hidden; transform:translateX(100%); transition:all 0.6s ease;}
#sitemap_menu.visible {opacity:1; visibility:visible; transform:translateX(0); transition:all 0.6s ease;}
#sitemap_menu ul {width:100%; padding: 80px 0 0; text-align: center;}
#sitemap_menu ul li {}
#sitemap_menu ul li+li {margin:66px 0 0;}
#sitemap_menu ul li a {position:relative; color: var(--white); font-family: var(--eng); font-size: 32px; font-weight: 700; line-height: 120%; letter-spacing: -0.8px; display:block; transition:all 0.3s;}
#sitemap_menu ul li:hover a {opacity:0.5; transition:all 0.3s;}


#sitemap_sub {position:fixed; top:0; left:0; width:100%; height:var(--vh); z-index:9999999999; background:var(--black); overflow:hidden; min-width:320px; opacity:0; visibility:hidden; transform:translateX(100%); transition:all 0.6s ease; }
#sitemap_sub.visible {opacity:1; visibility:visible; transform:translateX(0); transition:all 0.6s ease;}
#sitemap_sub .list {width:100%; padding: 186px 0 0; text-align: center;}
#sitemap_sub li {}
#sitemap_sub li .sTitle {color: var(--white); font-family: var(--eng); font-size: 32px; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.8px; margin-bottom: 60px;}
#sitemap_sub li .sMenu {}
#sitemap_sub li .sMenu li+li {margin:30px 0 0;}
#sitemap_sub li .sMenu li a {position:relative; color: var(--white); font-family: var(--eng); font-size: 22px; font-weight: 400; line-height: 120%; letter-spacing: -0.55px; display:block; transition:all 0.3s;}
#sitemap_sub li .sMenu li:hover a {opacity:0.5; transition:all 0.3s;}
#sitemap_sub li:last-child {margin-top: 170px;}


#grayLayer {width:100%; height:100%; background:rgba(0,0,0,0.9); position:fixed; left:0; top:0; z-index:99999; overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%}
/* 슬라이드 메뉴 : 모바일 메뉴 */


/* Footer */
footer {font-weight: 400; line-height: 175%; font-size:0.8rem; padding:81px 0 100px; position: relative;}
footer:after {width:90%; max-width:1590px; position:absolute; left:50%; height:1px; background:var(--border); transform:translateX(-50%); top:0; display:block; content:'';}

footer .basic_in {display:flex; justify-content:space-between;}
footer .left {display:flex; box-sizing:border-box; padding-right:30px;}
footer .left .logo {margin-right:111px;}
footer .left .contact {display:flex; flex-flow:column nowrap; gap:2px;}
footer .left .contact .item {letter-spacing: -0.8px;}
footer .left .contact .top, footer .left .contact .bottom {display:flex; flex-flow: row wrap; gap: 0 20px;}


footer .left .contact .footer-title {letter-spacing: inherit; opacity:0.7; margin-right:5px;}
footer .left .copyrignt {color: var(--main, #26211E); line-height: 186.667%;	font-size:15px;	margin-top:20px; gap:2px 5px;}

footer .left .copyrignt span:first-child {opacity: 0.5; text-transform:uppercase;}
footer .left .copyrignt span:last-child {transition:all .4s ease;}
footer .left .copyrignt span:last-child a { opacity: 0.2; transition:all .4s ease;}
footer .right a{font-weight: 500; line-height: 175%; letter-spacing: -0.8px; text-decoration: underline;	 color: var(--main); transition:all .4s ease;}
footer .right a:hover {color:var(--colorOrange);}
footer .left .copyrignt span:last-child a:hover {opacity:1;}


footer .background-logo {width: 48%; position: absolute; top: -5%;	 right:0; z-index: -1;}
footer .background-logo img {width:100%; max-width:100%; height:auto;}

/* Top */
.btn_top{position: fixed; right:25px; bottom: 25px; display: none; z-index: 99999; background:url('../images/top-btn.png'); background-size:cover; transition:all .3s linear;}
.btn_top a{display:block; width: 70px; height: 70px; font-size:0; border-radius:50%; transition:all .3s linear;}
.btn_top:hover{opacity:0.8 !important;}


/* 검색 */
.searchZone{ position:absolute; top:18px;right: 56px; z-index:89; display:none;}
.mask_search {position:fixed; height:0; width:100%; left:0; top:0; z-index:99999999999999; background:rgba(0,0,0,.8); opacity:0; visibility:hidden; transition:all 0.8s ease-in-out;}
.mask_search.visible {height:100%; transition:all 0.8s ease-in-out; opacity:1; visibility:visible;}
.window {z-index:9999999999; width:90%; max-width:1000px; height:70px; background:var(--white); box-sizing:border-box; padding:20px 30px; position:fixed; transform:translate(-50%, -70%); opacity:0; visibility:hidden; transition:all 0.8s ease-in-out;}
.window.visible {transform:translate(-50%, -50%); opacity:1; visibility:visible; transition:all 0.8s ease-in-out; transition-delay:0.5s;}
.window .close{display:block; color:var(--white); background:none; position:absolute; top:-50px; right:0; z-index:999999; cursor:pointer; width: 35px; height: 35px;}
.window .close span{font-size:35px;}
.inputB{width:100%; overflow:hidden; clear:both; }
.inputB dd{float:left; width:calc(100% - 40px); overflow:hidden; }
.inputB dd .input_search{border:none !important; width:100%; height: 28px; font-size:1rem; letter-spacing: var(--letter-spacing-default); line-height: 150%;}
.inputB dd .input_search::placeholder{font-size:1rem; }
.inputB dt{float:right; width: 40px; height: 30px; text-align:right; box-sizing:border-box;}
.inputB dt button{padding:0; border:0; background:none; cursor:pointer; outline:none;}
.inputB dt button span{color:var(--black); line-height: 30px; font-size:28px; font-weight: 600;}

input::-webkit-input-placeholder { color:#999; font-size:13px;}
input::-moz-placeholder { color:#999; font-size:13px;}
input:-ms-input-placeholder { color:#999; font-size:13px;}

.mask {position:fixed;  z-index:9999999;  background-color:var(--black);  display:none;  left:0; top:0;} 
.mask_pro {position:fixed;  z-index:9999999;  background-color:var(--black);  display:none;  left:0; top:0;} 



/**  코딩시 지우지 말 것 **/

/* 게시판 페이징 */

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {color:#9f9f9f;display:inline-block;float:left;padding: 0 13px;font-size: 14px; font-weight: 400; line-height:30px;text-decoration: none;border: 1px solid #ddd;margin-left:-1px}
.pg a:focus, .pg a:hover {background-color:#fafafa;}
.pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pg_page {background:#fff;text-decoration:none}
.pg_start {background:url('../image/page_1.png') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_prev {background:url('../image/page_2.png') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_next {background:url('../image/page_3.png') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_end {background:url('../image/page_4.png') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:var(--pointColor);color:#fff;font-weight:normal}
.pg_wrap .sound_only {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0)}

.page_num {padding:50px 0 0;}
.page_num ul.pagination {display:flex; flex-wrap:wrap; justify-content: center; align-items:center;}
.page_num ul.pagination li{margin:0 10px;}
.page_num ul.pagination li:nth-child(1){margin:0 2px 0 0;}
.page_num ul.pagination li:nth-child(2){margin:0 16px 0 0;}
.page_num ul.pagination li:nth-last-child(2){margin:0 0 0 16px;}
.page_num ul.pagination li:nth-last-child(1){margin:0 0 0 2px;}
.page_num ul.pagination li a {display:inline-block; vertical-align: top; font-size:1rem; line-height: 140%; font-family:var(--kor); color:rgba(119,119,119,.5); padding:0 2px; position:relative; transition:all .3s linear; text-align:center;}
.page_num ul.pagination li a:hover{color:var(--black);}
.page_num ul.pagination li a.active{color:var(--main) !important; font-weight: 700 !important;}
.page_num ul.pagination li a.active:after{content:''; display:block; width:100%; height:2px; background:var(--main); position:absolute; left:0; bottom:0;}
.page_num ul.pagination li.arrow a {width: 34px; height: 34px; padding:0; border-radius:50%; box-sizing:border-box; border:1px solid var(--border); font-size:0; transition:all .3s linear; text-align:center;}
.page_num ul.pagination li.arrow a:hover{border-color:var(--black);}
.page_num ul.pagination li.arrow a span {font-size:18px; width:34px; height: 34px; line-height: 34px; text-align:center; color:#888; transition:all .3s linear;}
.page_num ul.pagination li.arrow a:hover span{color:var(--black);}

.page_num ul.pagination li.arrow a span.prev_arr2::before {content:'\eac3';}
.page_num ul.pagination li.arrow a span.prev_arr::before {content:'\e314';}
.page_num ul.pagination li.arrow a span.next_arr::before {content:'\e315';}
.page_num ul.pagination li.arrow a span.next_arr2::before {content:'\eac9';}




/* 에러페이지 */
#error {position:absolute; border:1px solid var(--border); width:500px; padding:200px 50px 50px 50px; text-align:center; background:url('/img/warning_icon.gif') center 50px no-repeat; left:50%; margin-left:-300px; top:49%; margin-top:-203px; box-shadow:0px 5px 0 #f6f6f6;} /*  -moz-transform:translateY(-49%); -ms-transform:translateY(-49%); -webkit-transform:translateY(-49%); transform:translateY(-49%); */
#error h1 {color:#333; font-family:"NanumGothic", "NG", MalgunGothic, Dotum, Arial, sans-serif; margin:0; }
#error h1 span {color:#cc141d;}
#error div {color:#666; font-size:18px;  margin-top:30px; padding-top:30px; line-height:150%; border-top:1px dashed #ccc;}




/*******************************************************************************
    @media ~1350px
*******************************************************************************/
@media all and (max-width:1350px){

/* Header */
.header .header_in .topLink li.sitemap_btn {display: none;}
.header .header_in .topLink li.btnMenu_m {display: block;}
.header .header_in .topLink li.shop {display: none;}


/* 메뉴 */
.gnb {display:none;}

/* Top */
.btn_top a{width: 60px; height: 60px;}

}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){


footer .left .logo {margin-right: 74px;}
footer .left .logo svg {width:116px;}


}


/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){



/* 버튼 */
.moreBtn {width:175px; padding:14px 22px}
.moreBtn span:after {width:22px; height:22px; font-size:22px;}


/* Header */
.header {height:auto;}
.header .header_in {padding:25px 0;}
/* .header .header_in h1 {width:194px; height:40px;}  */
.header .header_in .topUtil .site a {padding:8px 15px 9px 15px;}
.header .header_in .topLink {gap:0 15px; padding-left:55px;}
.header .header_in .topLink li a span::before {font-size:24px;}
.header .header_in .topLink li.lang {width:73px; height:32px; border-radius:32px; padding:0 12px; }
.header .header_in .topLink li.lang:hover {height:56px;}
.header .header_in .topLink li.lang span {line-height:32px;}
.header .header_in .topLink li.lang span::before {font-size:16px;}
.header .header_in .topLink li.lang ul li a {padding-left:21px;}


/* Footer */

 footer .left .logo {margin-right: 40px;}
 footer .basic_in {flex-wrap:wrap;}
 footer .left {    padding-right: 0;}
footer .basic_in > .ls0 {margin-top: auto; margin-left: auto;}


/* Top */
.btn_top {
	right: 20px;
	bottom: 20px;
}
.btn_top a{width: 50px; height: 50px;}

}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{line-height:150%;} /* delete vertical-align,font:inherit; */
body,html {font-size:15px; font-weight:400;}
select {background-position:right 10px center; background-size:8px auto;}

/*** 모바일 폰트 크기 조정 ***/
* {
 -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라(신) */
 -ms-text-size-adjust : none;  /* IE */
 -moz-text-size-adjust : none;  /* 파이어폭스 */
 -o-text-size-adjust : none;  /* 오페라(구)*/
}

/* 간격 */
.compad {padding:100px 0;}
.compad_t {padding:50px 0 0;}
.compad_b {padding:0 0 50px;}

/* 폰트 */
.fs70 {font-size:2.889rem;}
.fs50 {font-size:2.178rem;}
.fs40 {font-size:1.922rem;}
.fs30 {font-size:1.367rem;}
.fs24 {font-size:1.033rem;}
.fs22 {font-size:1.082rem;}
.fs20 {font-size:1.011rem}
.fs16 {font-size:0.925rem;}


/* 버튼 */
.moreBtn {width:165px; padding:13px 18px;}
.moreBtn span {font-size:13px;}
.moreBtn span:after {width:20px; height:20px; font-size:20px;}


/* Header */
.header .header_in {padding:20px 0;}
/* .header .header_in h1 {width:170px; height:35px;}  */
.header .header_in .topUtil .site a {font-size:12px;}

.header .header_in .topLink {gap:0 10px; padding-left:50px;}
.header .header_in .topLink li a span::before {font-size:22px;}
.header .header_in .topLink li.lang {top:-3px; width:68px;}
.header .header_in .topLink li.lang span::before {font-size:15px;}


footer {font-size:1rem; padding: 50px 0 60px;} 
footer .left  {padding-right:0;}
footer .left .logo {display:none;}
footer .basic_in {flex-flow:column nowrap; align-items:center; gap:20px;}
footer .left .contact .top, footer .left .contact .bottom {justify-content:center;	text-align:center;}
footer .left .copyrignt {	font-size:13px;	display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; line-height:130%; }
footer .left .copyrignt span:last-child {font-size:12px;}
footer .background-logo{	width:90%;}
footer .left .contact .top span:first-child {	width:100%;}
footer .left .contact .item {letter-spacing: -0.7px !important;}

footer .basic_in > .ls0 {margin-left:unset; margin-top: unset;}
/* Top */

.btn_top a{width: 45px; height: 45px;}



}


/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){

/* Header */
.header .header_in {padding:18px 0;}
/* .header .header_in h1 {width:155px; height:32px;}  */

/* 폰트 */
.fs70 {font-size:2.589rem;}
.fs50 {font-size:1.978rem;}
.fs40 {font-size:1.722rem;}



}