@import url('font.css'); /* 폰트임 */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Viga&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,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:1.7;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; height:100%; font-size:17px; color:#777; font-family:'Outfit', 'Noto Sans KR', sans-serif; font-weight:300;}
body {min-height:100vh;  min-height:-webkit-fill-available;}
html {height:-webkit-fill-available;}
*{ font-family:'Outfit', 'Noto Sans KR', sans-serif; outline:none; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; word-break:keep-all; box-sizing:border-box}
span,strong,sub,sup {line-height:inherit; letter-spacing:inherit; font-family:inherit}
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:1rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:1rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:1.7;letter-spacing:normal; font-size:1rem}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#777;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
img{max-width:100%; height:auto !important;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/


select::-ms-expand {display:none}
select {padding:8px 5px; /* 여백으로 높이 설정 */ 
background:#fff url('../img/foot_select_arrow.gif') no-repeat right 5px center; /* 화살표 모양의 이미지 */ 
border:1px solid #ddd;  border-radius:0 !important; /* iOS 둥근모서리 제거 */ 
 -webkit-appearance:none;  /* 네이티브 외형 감추기 */ }
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
input[type=image] {border-radius:0 !important;}	
input, input[type=text],input[type=button], input[type=submit] {border-radius:0 !important; -webkit-border-radius:0; /* -webkit-appearance:none; */}

/* 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;}

/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.img_bor{border:1px solid #ddd}
.ls0 {letter-spacing:0 !important;}
.eng {font-family: 'Viga', sans-serif; letter-spacing:1pt !important;}
.white {color:#fff !important}
.blue {color:#1d5ca0 !important}
.center {text-align:center !important}
.bold {font-weight:700 !important}

.compad {padding:120px 0}
.compad_t {padding-top:120px}
.compad_b {padding-bottom:120px}

.moreBtn {display:inline-block; letter-spacing:0.3pt; box-sizing:border-box; font-size:1.125rem; padding:20px 35px; line-height:1; font-family:'Viga', sans-serif; border-radius:60px; font-weight:500; border:1px solid #111; transition:all 0.3s linear; background:#111; color:#fff;}
	.moreBtn i {display:inline-block; vertical-align:middle; content:""; width:7px; height:10px; background:url('../img/moreBtn_up.png') center center/100% no-repeat; margin-left:5px}
	.moreBtn:hover {background:#f4bc12; color:#111; transition:all 0.3s linear;}
	.moreBtn:hover i {background-image:url('../img/moreBtn_up2.png')}

.moreBtn_w {color:#1d5ca0; background:#fff;}
	.moreBtn_w i {background-image:url('../img/moreBtn_up.png')}
	.moreBtn_w:hover {color:#fff; background:#1d5ca0; border-color:#1d5ca0}
	.moreBtn_w:hover i {background-image:url('../img/moreBtn.png')}


/* 레이아웃 */
#wrap {position:relative; width:100%; height:100%; /* min-width:320px; */}

.width1350{position:relative; max-width:1350px; margin:0 auto;}
.show980 {display:none;}
.none980 {display:block;}
.show768 {display:none}
.none768 {display:block;}
.show680 {display:none;}
.none680 {display:block;}                                                                                                                                                                                                                                                                                                                                                           

.fp-viewing-secondPage #header .header_in h1 a{background:url('../img/logo_wh.png')no-repeat center;}{}
.fp-viewing-3rdPage #header .header_in h1 a{background:url('../img/logo_bk.png')no-repeat center;}
.fp-viewing-3rdPage #gnb .menu > li > a{color:#222;}

/* CURSOR */
#cursor {display: inline-block; font-size:0; width: 60px; height: 60px; text-align:center; border-radius:50%; background:none; position: absolute; left:50%; top: 50%; margin:-30px 0 0 -30px; z-index: 999999999999; user-select: none; pointer-events: none; transition: all 0.1s linear; overflow:hidden; mix-blend-mode:overlay;}
#cursor:after{content:''; display: block; width: 100%; height:100%; border-radius:50%; border:1px solid #000; box-sizing:border-box; position: absolute; left: 0; top:0; opacity: 0;}
#cursor:before{content:''; display: block; width: 20px; height:20px; border-radius:50%; background-color: #000; position: absolute; left: 50%; top:50%; margin: -10px 0 0 -10px; }
#cursor.on:after{animation:cursor 1.5s linear infinite;}

@keyframes cursor {
	0% {transform: scale(0); opacity: 0.5;}
	50% {transform: scale(0.5); opacity: 1;}
	100% { transform: scale(1); opacity: 0;}
}
/* CURSOR */

#header {position:fixed; width:100%; transition:all 0.3s linear; top:0; z-index:9999999; height:110px;}
#header:before {content:''; width:100%; height:1px;background:#ddd; position:absolute; left:0; top:110px; opacity:0; transition:all 0.3s linear;}
#header .header_in {position:relative; margin:0 auto; box-sizing:border-box; display:flex;  justify-content:space-between; align-items:center; height:110px;}
#header .header_in h1 {}
#header .header_in h1 a{display:block; width:120px; height:65px; background:url('../img/logo.png')no-repeat center; background-size:100% !important;}	

#header.nofixed{top:-200px;}
#header.fixed{background:rgba(0,0,0,.6); border-bottom:1px solid #222; transition:all 0.3s linear;}
#header .top_m{position:relative; align-items:center; display:none;}
#header.fixed .header_in .btnMenu_m {background-image:url('../img/sitemap_up.png')}
/* Header */

/* GNB */
#gnb {position:relative; height:30px; transition:all 0.3s linear;}
#gnb .menu {font-size:0;}
		#gnb .menu > li{position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; margin-left:24px; text-align:center;}
		#gnb .menu > li > a:after {position:absolute; left:0; bottom:5px; display:block; content:""; width:100%; height:3px; background-color:#d82a1d; transform:scale3d(0,1,1); transform-origin:left; transition:all 0.3s ease-out;}
		#gnb .menu > li:hover > a:after {transform:scale3d(1,1,1);}
		#gnb .menu > li > a{position:relative; display:block; text-align:right; letter-spacing:.5pt; color:#fff; font-size:1.2rem; font-weight:500; transition:all 0.2s linear; font-family:'Viga', sans-serif;}
		#gnb .menu > li:hover > a {color:#d82a1d !important; transition:all 0.2s linear;}

		#header.on #gnb {height:380px; transition:all 0.3s linear;}
		#header.on #gnb .menu > li > a {color:#222; transition:all 0.2s linear;}
		#header.fixed #gnb .menu > li > a {color:#fff; transition:all 0.2s linear;}
		#header.black #gnb .menu > li > a {color:#fff; transition:all 0.2s linear;}
		#header.white #gnb .menu > li > a {color:#222; transition:all 0.2s linear;}
		#header.white.on #gnb .menu > li > a {color:#222; transition:all 0.2s linear;}

.gnb_sub { transition:all 0.5s; visibility:hidden; opacity: 0; transform:translateY(60px); position:absolute; left:-50px; top:96px; z-index:999; padding:19px 0; background:#0060af; width:160px; text-align:center; box-sizing:border-box; }
.menu .gnb li:hover .gnb_sub { visibility:visible; opacity: 1; transform:translateY(0); }
.gnb_sub li { width:100%; }
.gnb_sub > li > a { position:relative; transition:all .3s linear; display:inline-block; color:#fff; font-size:16px; font-weight:400; line-height:36px !important; letter-spacing:-0.03em; box-sizing:border-box; /* border-bottom:1px solid #0060af; */ }
.gnb_sub > li > a:hover { color:#fff; font-weight:700; }
.gnb_sub li a:after { content:''; display:block; width:0; height:1px; background:#fff; position:absolute; left:0; bottom:9px; transition:all .3s linear; } /* 서브 gnb오버 밑줄 */
.gnb_sub li a:hover:after { width:100%; }
.gnb_sub.sub_technology { transition:all 0.5s; left:10px; }

/* GNB */


/* 모바일 메뉴 : 슬라이드 메뉴 */
#menuArea {display:none; position:fixed; top:0; right:0; z-index:99999999991; height:100%; width:280px;}
#menuArea .menuList { height:100%; width:280px; background: #fff; position:absolute; right:-528px; box-sizing:border-box;}
#menuArea .menuList h2 {position:Relative; padding:30px 20px 25px; box-sizing:border-box; overflow:hidden;}
#menuArea .menuList h2 a{display:block; width:160px;}
#menuArea .menuList h2 a img{max-width:100%;}
#menuArea .menuList ul, #menuArea .menuList li{list-style:none;}
#menuArea .menuList>.list {background-color:#fff; width:100%; ;}
#menuArea .menuList>.list>li {background:#fff;}
#menuArea .menuList>.list>li>a {display:inline-block; padding:15px 20px; font-size:16px; font-weight:600; color:#222; position:relative; letter-spacing: 0; width: 100%; box-sizing:Border-box; font-family:'Albert Sans', 'Noto Sans KR',  Malgun Gothic,'Malgun Gothic', sans-serif !important;}
#menuArea .menuList>.list>li>a:hover{color:#d82a1d ;}
#menuArea .menuList>.list>li>a .icon{content:''; position: absolute; right: 20px; top:50%; margin-top:-3px; display:block; width:12px; height:7px; background:url('/img/menu_arrow.png') no-repeat center/100% auto; opacity:0.4; }
#menuArea .menuList>.list>li.active>a .icon{transform:rotate(-180deg); opacity:1; background:url('/img/menu_arrow_on.png') no-repeat center/100% auto;}
#menuArea .menuList>.list>li.active>a{color:#d82a1d ; font-weight:700;}
#menuArea .menuList>.list .sMenu {position: relative; background-color: #f2f2f4; width: 100%;  padding:15px 25px 20px; display:none; box-sizing:Border-box;  }
#menuArea .menuList>.list .sMenu>li {padding:6px 0; line-height: 120%;}
#menuArea .menuList>.list .sMenu>li>a {font-size:16px; font-weight: 400; line-height: 120%; letter-spacing: -0.35pt;}
#menuArea .menuList>.list .sMenu>li>a:hover{color:#d82a1d ;}
#menuArea .menuList .btnMenu_mClose{padding:0; border:0; font-size:0; background:none; outline:none; cursor:pointer; width: 18px; height: 18px; background:url('/img/close.png') no-repeat center/100% auto; position:absolute; left:-40px; top:20px;}

#grayLayer {width:100%; height:100% !important; background:rgba(0,0,0,0.9); position:fixed; left:0; top:0; z-index:999999999; overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%}


/* Footer */
/* 푸터 */
#footer {height:auto !important; position:relative; background:#111; overflow:visible; border-top:1px solid #222;}
#footer .fp-tableCell {display:block; height:auto !important;}
#footer .container .line{width:100%; height:1px; background:#ddd;}
#footer .footer_in{display:flex; align-items:center; justify-content:space-between; padding:60px 10px 80px 100px;}
#footer .copyright{writing-mode:vertical-rl; white-space:nowrap; opacity:0.5; color:#777; font-size:12px; font-weight:400; letter-spacing:0.3pt; line-height:180%; text-transform:uppercase; position:absolute; top:50%; left:20px; transform:translateY(-50%) rotate(180deg);}
#footer .design{writing-mode:vertical-rl; white-space:nowrap; opacity:0.5; color:rgba(255, 255, 255, 0.3); font-size:12px; font-weight:400; letter-spacing:0.3pt; line-height:180%; text-transform:uppercase; position:absolute; top:0; left:40px; transform:translateY(34%) rotate(180deg);}
#footer .design>a{color:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; transition:.3s;}
#footer .design>a:hover{color:rgba(255, 255, 255, 0.7);}
#footer .logo{margin-bottom:18px;}
#footer .logo>img{height:100%; object-fit:cover;}
#footer .info>br{display:none;}
#footer .info p{color:#888; font-size:14px; font-weight:400; letter-spacing:-0.3pt; line-height:180%; margin-right:14px; word-break:keep-all;}
#footer .foot_menu{display:grid;  grid-template-columns:repeat(3, 1fr);}
#footer .foot_menu ul{position:relative; text-align:center; width:120px;}
#footer .foot_menu ul span > a{color:#fff; line-height:30px; transition:.3s;}
#footer .foot_menu ul span > a:hover{color:#f4bb1f;}
#footer .foot_menu ul > span{display:inline-block; color:#fff; font-size:15px; font-weight:500; letter-spacing:0.3pt; line-height:30px; margin-bottom:15px; text-transform:uppercase;}
#footer .foot_menu ul > li{}
#footer .foot_menu ul > li > a{color:rgba(255,255,255,0.6); font-size:13px; font-weight:400; letter-spacing:0.2pt; line-height:28px; transition:.3s;}
#footer .foot_menu ul > li > a:hover{color:#f4bb1f;}
#footer .foot_menu ul > li > p{color:rgba(255,255,255,0.6); font-size:13px; font-weight:400; letter-spacing:0.2pt; line-height:28px; transition:.3s;}
#footer .foot_menu .pri_li{position:absolute; bottom:1px; left:0;}
#footer .foot_menu .privacyBtn{color:#fff; font-size:14px; font-weight:400; letter-spacing:-0.3pt; border-bottom:1px solid #fff;}
#footer .foot_menu .privacyBtn:hover{color:#f4bb1f; border-bottom:1px solid #f4bb1f;}
#footer .privacy_m{display:none; color:#fff; font-size:14px; font-weight:400; letter-spacing:-0.3pt; border-bottom:1px solid #fff;}
#footer .privacy_m:hover{color:#f4bb1f; border-bottom:1px solid #f4bb1f;}

#footer .info .com{display:inline-block; font-size:16px; color:#f7f7f7; font-weight:400;}
#footer .info .com_num{display:inline-block;}
#footer .info .add{}
#footer .info .add2{}
#footer .info .call{display:inline-block; padding-top:10px; letter-spacing:0pt;}
#footer .info .mail{display:inline-block; letter-spacing:0.2pt;}
#footer .info .comno{display:inline-block; letter-spacing:0pt;}
/* 푸터 */

/*홈페이지 이동*/
.quickBtn{position:fixed; bottom:0; left:48%; transform:translateX(-50%); z-index:999; width:100%; transition:.3s;}
.quickBtn ul{display:flex; text-align:center; align-items:center; justify-content:right; position:absolute; bottom:0; right:0; transition:.3s;}
.quickBtn ul li a{display:block; box-sizing:border-box; width:100px; font-weight:500; height:100px; background:#f4bc1e; color:#111; padding:32px 0 30px; line-height:110%; margin-left:1px; margin-bottom:1px;}

.fp-viewing-firstPage .quickBtn ul li a{color:#fff; transition:.3s;}
.fp-viewing-secondPage .quickBtn ul li a{background:#fff; color:#f4bc1e; transition:.3s;}
.fp-viewing-4thPage .quickBtn ul li a{color:#fff; transition:.3s;}
.fp-viewing-lastPage .quickBtn{opacity:0; z-index:-1; transition:.3s;}

#popup_home{position:fixed;}
/*//홈페이지 이동*/

/* 탑버튼 */
div.topBtn { position:fixed; right:30px; bottom:30px; z-index:999; -webkit-transform:translateZ(0)}
div.topBtn #scroll {position:relative; display:block; background:#a40102;border-radius:100%; width:70px; height:70px; box-shadow:3px 3px 10px rgb(0,0,0,0.1);}
div.topBtn #scroll div{line-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; font-weight:700; text-align:center;}
div.topBtn #scroll div img{width:12px; margin-bottom:5px;}

div.topBtn2 li a{position:relative; display:block; color:#111; font-weight:500; font-size:15px; text-align:center; background:#f4bc1e; padding:18px 0; transition:all 0.3s ease-out; line-height:110%; border:1px solid #f4bc1e; box-sizing:border-box; border-radius:100%; width:70px; height:70px; box-shadow:3px 3px 10px rgb(0,0,0,0.1); margin-top:6px;}
div.topBtn2 li a:hover{background:#ffa500;}
div.topBtn2{position:fixed; bottom:30px; right:30px; z-index:999; transition:.3s;}
div.topBtn2 #scroll{position:relative; display:block; background:#a40102;border-radius:100%; border:1px solid #a40102; width:70px; height:70px; box-shadow:3px 3px 10px rgb(0,0,0,0.1);}
div.topBtn2 #scroll div{line-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; font-weight:700; text-align:center;}
div.topBtn2 #scroll div img{width:12px; margin-bottom:3px}

/* Footer */

/* Start-슬릭기본 */
.slick-slider{    min-height:1px;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;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0; }
.slick-slide{display:none;float:left; }
.slick-initialized .slick-slide{display:block;}
/* End-슬릭기본 */

.hvr-sweep-to-right {
  display:inline-block;
  vertical-align:middle;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
  box-shadow:0 0 1px rgba(0, 0, 0, 0);
  position:relative;
  -webkit-transition-property:color;
  transition-property:color;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
}
.hvr-sweep-to-right:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#36babc;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 50%;
  transform-origin:0 50%;
  -webkit-transition-property:transform;
  transition-property:transform;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color:white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
}

.hvr-sweep-to-right2 {
  display:inline-block;
  vertical-align:middle;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
  box-shadow:0 0 1px rgba(0, 0, 0, 0);
  position:relative;
  -webkit-transition-property:color;
  transition-property:color;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
}
.hvr-sweep-to-right2:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#fff;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 50%;
  transform-origin:0 50%;
  -webkit-transition-property:transform;
  transition-property:transform;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}
.hvr-sweep-to-right2:hover, .hvr-sweep-to-right2:focus, .hvr-sweep-to-right2:active {
  color:white;
}
.hvr-sweep-to-right2:hover:before, .hvr-sweep-to-right2:focus:before, .hvr-sweep-to-right2:active:before {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
}



/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 
#gnb .menu > li > a{letter-spacing:0;}
}



/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1350px) { 
.width1350{margin:0 3%}
#header .header_in{margin:0 3%}
}



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

/* 레이아웃 */
.width1240{position:relative; width:94%; margin:0 auto;}

/* Header */
#header .header_in{}
/* Header */


/* Footer */
#footer {}
	#footer .foot_in {}
	#footer .foot_in .foot_left h1 {}
/* Footer */


}

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



/* Header */

.fp-viewing-3rdPage #header .header_in .btnMenu_m span{background:#333}
.fp-viewing-5thPage #header .header_in .btnMenu_m span{background:#333}
.fp-viewing-lastPage #header .header_in .btnMenu_m span{background:#333}

/* Header */


#footer .flogo{float:none; width:100%}
#footer .logo_cont{float:none; width:100%}


#header .header_in .btnMenu_m {width:27px;}
#header .header_in .btnMenu_m span {display:block; background:#fff; height:2px; margin-bottom:9px;}
#header .header_in .btnMenu_m span:last-child {margin-bottom:0}
#header.on .header_in .btnMenu_m span, #header.fixed .header_in .btnMenu_m span, #header.white .header_in .btnMenu_m span {background:#333}


}

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


body,html {font-size:16px;}
table, th, td {font-size:1rem}

.moreBtn{padding:14px 35px 13px; line-height:100%;}
.quickBtn{display:none;}

.compad {padding:80px 0}
.compad_t {padding-top:80px}
.compad_b {padding-bottom:80px}
.show980 {display:block;}
.none980 {display:none;}

/* Header */
#header {height:auto}
#header .header_in .btnMenu_m{width:23px}
#header .header_in .btnMenu_m span{margin-bottom:7px}

/* Header */

/* Footer */
div.topBtn{right:15px; bottom:15px}
div.topBtn #scroll{width:50px; height:50px}
div.topBtn #scroll div{font-size:12px}
div.topBtn2 li a{width:50px; height:50px; padding:11px 0; font-size:13px;}

/* //Footer */

}

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

table, th, td {font-size:1rem}

.none768 {display:none}
.show768 {display:block;}


/* 푸터 */
#footer .footer_in{display:block; padding:40px 5% 60px 80px;}
#footer .foot_menu{margin-top:20px; display:grid;  grid-template-columns:repeat(4, 1fr); gap:10px;}
#footer .foot_menu ul{text-align:left;}
#footer .foot_menu ul > span{font-size:14px; margin-bottom:0; display:block;}
#footer .foot_menu ul > li{display:inline-block; margin-right:6px;}
#footer .foot_menu ul > li > a{font-size:12px;}
#footer .info p{font-size:13px;}
#footer .info>br{display:block;}
#footer .info .com{display:inline-block;}
#footer .info .com_num{display:inline-block;}
#footer .info .add{display:inline-block;}
#footer .info .add2{display:inline-block;}
#footer .info .call{display:inline-block; padding-top:0px;}
#footer .info .mail{display:inline-block;}
/* #footer .foot_menu{display:none;} */

}

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

body,html {font-size:15px; font-weight:normal}

.show680 {display:block;}
.none680 {display:none;}
.compad {padding:60px 0}
.compad_t {padding-top:60px}
.compad_b {padding-bottom:60px}

#header .top_m{display:flex;}
#gnb{display:none;}

/* Footer */
/* 푸터 */
#footer .footer_in{padding:28.5px 0 40px;}
#footer .logo{margin-bottom:16px;}
#footer .privacy_m{display:inline-block; font-size:12px; padding-top:12px;}
#footer .design{display:none;}
#footer .copyright{writing-mode:initial; font-size:11px; line-height:100%; text-transform:uppercase; position:relative; top:0; left:0; transform:initial; padding-top:10px;}
#footer .info p{font-size:12px; margin-right:6px;}
#footer .info br:nth-child(5){display:none;}
#footer .info .com{display:inline-block;}
#footer .info .com_num{display:none;}
#footer .info .add{display:inline-block;}
#footer .info .add2{display:block;}
#footer .info .call{display:inline-block; padding-top:6px;}
#footer .info .mail{display:inline-block;}

.topBtn a {background-position:center; background-size:7px; width:50px; height:50px; line-height:50px;}
/* Footer */

.page_num {padding-top:20px}

}


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


body,html {font-size:13px; font-weight:normal}
#header .header_in{height:85px}
#header .header_in h1 a{width:90px; height:55px;}
#header .langBtn{margin-right:14px}
#header .searchBtn{margin-right:14px}


#footer .foot_menu{margin-top:20px; display:grid;  grid-template-columns:repeat(1, 1fr); gap:10px;}
#footer .logo>img{width:90px; height:55px;}
#footer .info .call{padding-top:0;}
#footer .foot_menu ul{width:100%;}

}

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



/* 모바일 메뉴 :슬라이드 메뉴 */
#menuArea {width:250px;}
#menuArea .menuList {width:250px;}
#menuArea .menuList .btnMenu_mClose{width:15px; height:15px; left:-25px; top:20px;}




}