@charset "utf-8";
/*-----------------------------------------------------------
Author : YJ Kim
Create date : 2022. 09. 04
-----------------------------------------------------------*/

/* slick common */
.slick-slider { -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; -webkit-box-sizing: border-box; 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-slide { display: none; height: 100%; min-height: 1px; vertical-align: middle; }
.slick-list { overflow: hidden; }
.slick-list.dragging { cursor: pointer; }
.slick-initialized .slick-slide { display: inline-block; }
.slick-arrow.slick-hidden { display: none; }
.slick-current { opacity: 1; display: block; }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

*{ box-sizing: border-box; -webkit-box-sizing: border-box;}

#wrap{position:relative; min-height:100%; overflow:hidden; font-family:'SCDream', sans-serif; }
#wrap *{box-sizing:border-box; -webkit-box-sizing:border-box; }

#header-top .container {max-width: 1600px !important;} /* 20251204 추가 */

.container{ position:relative; max-width:1600px; margin:0 auto;}

/* 배경그림자 */
#shadow_device{display:none; position:fixed; top:79px; left:0; width:100%; height:100%; z-index:1000; background:#000; opacity:0.7; }
/*터치영역*/
#touchArea{display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:880; }
/*모바일메뉴*/
#topmenu{display:none; overflow-y:auto; overflow-x:hidden; position:absolute; top:79px; left:0; width:100%; height:calc(100% - 79px); z-index:1002; }

/*헤더*/
.gnb_box_top{position:fixed; top:-80px; z-index:1200; }
#header{position:relative; width:100%; height:150px; z-index:999; background:#fff;}
#snb{position:relative; display: flex; align-items: center; justify-content: space-between; max-width:1600px; height:82px; margin:0 auto; text-align:center;}
#snb h1{margin-right: 358px;}

/* 상단검색 */
.topsear{ position:relative; flex:1; display:inline-block; background:#f4f4f4; border-radius:15px;}
.topsear .searchbg{ position:relative; width:100%; display:flex; padding:0 65px 0 20px;}
.topsear .searType  {position:relative; width:90px; margin:10px 20px 10px 0;}
.topsear .searType::before { position: absolute; right:-10px; top:50%; width: 1px; height: 20px; background: #d2d2d2; content: ''; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.topsear .searType select  {width:100%; height:25px; border:0; background:none; }
.topsear .searInput  {margin:10px 0;; }
.topsear .searInput input.sword  {width:100%; height:25px; padding:0 10px; border:0; color:#555; background:none;}
.topsear .sear_btn  {position:absolute; top:0; right:0; width:52px; height:45px; background:#56ba36 url('/images/org/web/gnmatbom/common/ico_search.png') no-repeat center; border-radius:15px 15px 15px 0; border:0; cursor:pointer; -webkit-transition:all .15s; transition:all .15s; }
.topsear .sear_btn:hover  {background-position:center 15px; }

/* 사용자메뉴 */
.util_mn{margin-left: 78px;}
.util_mn > ul{overflow:hidden; font-size:15px; }
.util_mn > ul li{float:left; line-height:24px; position:relative}
.util_mn > ul li:before{content:''; width:4px; height:4px; background-color:#ff9728; border-radius: 50%; position:absolute; top:48%; left:-1px; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.util_mn > ul li:first-child:before{display:none; }
.util_mn > ul li a{display:block; color:#444; padding:7px 8px 9px 10px; }
.util_mn > ul li a:hover{text-decoration:underline; }
.util_mn > ul li.btn_sitemap{height:40px; line-height:40px; margin-left:10px; }
.util_mn > ul li.btn_sitemap:before{display:none; }
.util_mn > ul li.btn_sitemap a{width:40px; height:40px; padding:0; font-size:0; line-height:0; text-indent:-9999em; background:#69a9da url('/images/org/web/gnmatbom/common/btn_sitemap.png') no-repeat 50%; }

/* 메뉴 */
#gnbShadow{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index: 10; background:rgba(0,0,0,0.6);}
#gnb{position:absolute; top:83px; left:0; width:100%; z-index:52; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #c8d1db}
#gnb:before{ content:""; position: absolute; left:0; top:65px; width:100%; border-top:1px solid #ddd; z-index: 0;}
#animate{position:relative; max-width:1600px; padding-right: 50px; height:65px; margin:0 auto; z-index:10; overflow:hidden; }
#tnb{position:relative; padding-right:1px; }
#tm{display:table; width:100%; table-layout:fixed; padding-left:1px; background:url('/images/org/web/gnmatbom/common/menu_line.png') no-repeat left 65px; }
#gnbwrap .btn_sitemap{position:absolute; right:calc(50% - 800px); top:12px; width:40px; height:40px; line-height:40px; text-align:center; background:#e8eff7; color:#5c668b; font-size:20px; border-radius:50%; font-weight:600; z-index:10; transition: all .2s; -webkit-transition: all .2s;}
#gnbwrap .btn_sitemap:hover{ background:#5c668b; color:#fff;}

#tm li.th1{text-align:center; display:table-cell; background:#fff url('/images/org/web/gnmatbom/common/menu_line.png') no-repeat right 65px; }
#tm li.th1.on{background:#fff url('/images/org/web/gnmatbom/common/menu_line.png') no-repeat right 65px;}
#tm li.th1 a.th1_lnk{display:block; background-color:#fff; font-size:19px; color:#333; height:66px; line-height:66px; font-weight:600; border-bottom: 1px solid #ddd;}
#tm li.th1 a.current, #tm li.th1 a:hover{text-decoration:none; color:#ff9626; }
#tm li ul.th2{text-align:left; }
#tm li ul.th2 li{line-height:22px; position:relative; padding-right:1px; word-break:keep-all}
#tm li ul.th2 li a.th2_link{display:block; color:#333; padding:10px 12px 10px; font-size:15px; }
#tm li ul.th2 li a.th2_link.dep{ padding-right:25px;}
#tm li ul.th2 li a:hover{background-color:#fff3e7; text-decoration:none; }
#tm li ul.th2 li a.ov{background-color:#ff9728; color:#fff; text-decoration:none; }

/* 3차메뉴 추가 */
#tm li ul.th3{display:none; padding:6px 0; font-size:14px; border-bottom:1px solid #ddd; background:#f9f9f9; }
#tm li li:last-child ul.th3{border-bottom:0; }
#tm li ul.th3 li{line-height:22px; }
#tm li ul.th3 li ~ li{ margin-top:5px;}
#tm li ul.th3 li a.th3_link{background:url('/images/org/web/gnmatbom/common/snb_btn_dot.gif') no-repeat 15px 13px; display:block; color:#666; padding:3px 12px 3px 24px; }
#tm li ul.th3 li a.ov, #tm li ul.th3 li a:active, #tm li ul.th3 li a:hover{background-color:transparent; color:#2c8aff; text-decoration:underline; font-weight:600}
/* 2차메뉴 아이콘 */
#tm li ul.th2 li.row > a:after {display:block; position:absolute; content:''; }
#tm li ul.th2 li > a.dep:after{ content:"\e941"; right:13px; top:12px; font-family: 'xeicon'; font-size:14px;}
#tm li ul.th2 li.on > a.dep:after{ content:"\e944";}
/* 새창 아이콘 */
#tm li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/org/web/gnmatbom/common/icon_blank.png') no-repeat; width:11px; height:11px; margin:-1px 0 0 8px; }

/* SNS & 사용자메뉴 */
#topmenu .mobile_global{padding:20px 10px 10px; overflow:hidden; background:#fff;}
#topmenu .mobile_global .mt_sns{overflow:hidden; }
#topmenu .mobile_global .mt_sns a{display:block; width:33.3%; height:40px; float:left; color:#fff; text-indent:-10000px;  }
#topmenu .mobile_global .mt_sns a.btn_sns_f{width:33.4%; background:url('/images/org/web/gnmatbom/common/btn_sns_f.png') no-repeat 50% #4965b5; }
#topmenu .mobile_global .mt_sns a.btn_sns_t{background:url('/images/org/web/gnmatbom/common/btn_sns_t.png') no-repeat 50% #00aeef; }
#topmenu .mobile_global .mt_sns a.btn_sns_d{background:url('/images/org/web/gnmatbom/common/btn_sns_d2.png') no-repeat 50% #fff; }
#topmenu .mobile_global .mt_global{padding:10px 0; background:#f6f6f6; font-size:14px; text-align:center; border-radius:20px; }
#topmenu .mobile_global .mt_global a{ position:relative; display:inline-block; padding:3px 20px; text-align:center; }
#topmenu .mobile_global .mt_global a ~ a:before{ content:""; position:absolute; left:-2px; top:calc(50% - 2px); width:4px; height:4px; background:#00baff; border-radius:50%;}

/* 모바일 */
.nav_mobile{display:none; position:absolute; top:13px; left:2.5%; }
.nav_mobile a{display:block; width:50px; height:50px; line-height:50px; border-radius:50%; color:#004368; font-size:25px; text-align:center; background:#e6eff8; }
.nav_mobile_close{display:none; position:absolute; left:2.5%; top:13px; z-index:9999; }
.nav_mobile_close a{display:block; width:50px; height:50px; line-height:50px; border-radius:50%; color:#fff; font-size:25px; text-align:center; background:#004368; }
.nav_search{display:none; position:absolute; right:2.5%; top:13px; z-index:9999; }
.nav_search a{display:block; width:50px; height:50px; line-height:50px; border-radius:50%; color:#fff; font-size:25px; text-align:center; background:#004368; }

#topmenu{display:none; }
#gnb_device{ background:#fff; padding:10px 10px 20px;}
#gnb_device a{ position:relative;}
#gnb_device > li ~ li{ margin-top:3px;}
#gnb_device > li > a{display:block; padding:15px 40px 15px 20px; font-size:17px; color:#333; font-weight:600; border-radius:5px; border:1px solid #ccc; }
#gnb_device > li > a.ov{background:#2c8aff; border-color:#2c8aff; color:#fff;}
#gnb_device > li > a:before{ content:"\e941"; position:absolute; right:15px; top:14px; font-family: 'xeicon'; font-size:16px; color:#888;}
#gnb_device > li > a.ov:before{ content:"\e944"; color:#fff;}

#gnb_device > li > ul{padding:10px 0; margin-top:3px; background:#ecf3fe; border:1px solid #2c8aff; border-radius:5px;}
#gnb_device > li > ul > li{ padding:0 20px;}
#gnb_device > li > ul > li > a{display:block; padding:6px 20px 6px 0; color:#000; font-size:16px; }
#gnb_device > li > ul > li ~ li{ margin-top:5px;}
#gnb_device > li > ul > li > a.ov{color:#2c8aff; font-weight:600; }
#gnb_device > li > ul > li > a.dep:before{ content:"\e913"; position:absolute; right:0; top:7px; font-family: 'xeicon'; font-size:16px; color:#888;}
#gnb_device > li > ul > li > a.dep.ov:before{ content:"\e91a"; color:#2c8aff;}

#gnb_device > li > ul > li > ul{padding:10px; margin-top:5px; background:#fff; border-radius:5px; border:1px solid #ccc; }
#gnb_device > li > ul > li > ul > li ~ li{ margin-top:5px;}
#gnb_device > li > ul > li > ul > li > a{line-height:1.4; font-size:14px; color:#444; padding-left:8px; }
#gnb_device > li > ul > li > ul > li > a:before{ content:""; position:absolute; left:0; top:7px; width:4px; height:4px; border-radius:50%; background:#999;}
#gnb_device > li > ul > li > ul > li > a.ov{color:#2c8aff; }

/* 퀵메뉴 */
.quickMenu{position:absolute; left:-9rem; top:0; width:120px; height:100%; z-index:1001; transition: left .2s; -webkit-transition: left .2s;}
.quickMenu h3{position: relative; display: flex; align-items: center; text-align:center; width:84px; height:84px; line-height:1; text-align: center; background: #fff; border-radius: 50%; word-break: keep-all; color:#000; font-weight: 900; font-size:18px; margin: 0 auto 1rem; overflow: hidden; z-index:100;}
.quickMenu h3::before {position: absolute; top:24px; left: 13px; width: 105px; height: 105px; background:#fce3ba; border-radius: 50%; z-index: -1; content: '';}
.quickMenu .inner{ position: relative; height:100%; padding-top:30px; background:#fabd00; box-shadow: 0 4px 5px rgba(0,0,0,0.23); z-index:1; }
.quickMenu .list{overflow:hidden;}
.quickMenu ul{width:100%; visibility: hidden; margin-top:20px;}
.quickMenu li {padding:0 0 15px; text-align: center; border-top:1px dotted rgba(255,255,255,.3);}
.quickMenu li:first-child {border-top: none;}
.quickMenu li a { position:relative; display:block; color:#fff; word-break: keep-all; letter-spacing: -1px;}
.quickMenu li a span {display: block; text-align: center;}
.quickMenu li a .img {width:93px; height: 104px; line-height: 104px; margin: 0 auto; }
.quickMenu li a .img img {filter: drop-shadow(0 0 0 #ae4e00); transition: all 0.2s;}
.quickMenu li a .txt {margin-top:10px; font-size: 13px; font-weight: 600;}
.quickMenu .toggleBtn{position:absolute; right:-32px; top:100px; width:50px; height:35px;; border-radius:0.5rem; text-align: right; padding-right:.5rem; background:#fabd00; box-shadow: 0 4px 5px rgba(0,0,0,0.23); z-index:0;}
.quickMenu .toggleBtn:before{content:"\e93e"; display:inline-block; color:#fff; line-height:35px; font-size:1rem; font-family: 'xeicon';}
/* active */
.openPop .quickMenu{top:15rem;}
.quickMenu.active{left:0;}
.quickMenu.active ul{visibility :inherit;}
.quickMenu.active .toggleBtn:before{content:"\e93b";}
.quickMenu li a:focus .img img,
.quickMenu li a:hover .img img {filter: drop-shadow(7px -3px 0 #ae4e00);}

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

    .quickMenu{display:none;}
}

/* footer */
#footer .footer_util{ background:#787b80; border-bottom:1px solid #8e9196;}
#footer .footer_util:after{display:block; clear:both; content:""; }
#footer .area_footer{position:relative; background:#787b80; }
#footer .box_footer{position:relative; max-width:1600px; margin:0 auto; padding:3px 0px; }
/* 사이트링크 */
#footer .footBtnWrap{position:relative; width:50%; float: left;}
#footer .footBtnWrap:after{display:block; clear:both; content:""; }
#footer .footBtnWrap .footBtn{position:relative; float:left; width:33.333%; }
#footer .footBtnWrap .footBtn:before{position:absolute; top:50%; left:0; width:1px; height:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#8e9196; content:""; }
#footer .footBtnWrap .footBtn:last-of-type:after{position:absolute; top:50%; right:0; width:1px; height:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#8e9196; content:""; }
#footer .footBtnWrap .footBtn button,
#footer .footBtnWrap .footBtn > a{overflow:hidden; position:relative; display:block; width:100%; height:45px; padding:0 50px 0 20px; color:#ededed; font-size:15px; line-height:45px; text-align:left; -webkit-transition:all .3s ease; transition:all .3s ease; }
#footer .footBtnWrap .footBtn button span,
#footer .footBtnWrap .footBtn > a span{display:block; }
#footer .footBtnWrap .footBtn button:before,
#footer .footBtnWrap .footBtn > a:before{ content:""; position:absolute; top:calc(50% - 15px); right:10px; width:29px; height:29px; background:url('/images/org/web/gnmatbom/common/ico_bn_top.png') no-repeat center/cover; -webkit-transition:all .3s ease; transition:all .3s ease; }
#footer .footBtnWrap .footBtn div{display:none; overflow-y:auto; position:absolute; z-index:999; bottom:45px; left:0; width:calc(100% + 1px); max-height:224px; border:1px solid #728197; border-bottom:0; }
#footer .footBtnWrap .footBtn ul li{border-top:1px solid #5d6a77; font-weight:400; font-size:14px; }
#footer .footBtnWrap .footBtn ul li strong{display:block; padding:7px 10px; background:#343b42; color:#fff799; opacity:1; }
#footer .footBtnWrap .footBtn ul li:first-child{border:0; }
#footer .footBtnWrap .footBtn ul li ul{border-top:1px solid #5d6a77; }
#footer .footBtnWrap .footBtn ul li a{display:block; overflow:hidden; padding:7px 10px; background:#343b42; color:#d4dde7; opacity:0.9; }
/* 사이트링크  :action */
#footer .footBtnWrap .footBtn ul li a:hover{ text-decoration: underline;}
#footer .footBtnWrap .footBtn.on button:before{-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }

.footer_link{position:relative; z-index:10; display: inline-block; vertical-align: top; margin-right: 20px;}
.footer_link ul{overflow:hidden; line-height:25px; }
.footer_link li{float:left; position:relative}
.footer_link li:before{content:''; width:1px; height:8px; background-color:#ccc; position:absolute; top:17px; left:0; transform:rotate(-40deg); -webkit-transform:rotate(-40deg);}
.footer_link li:first-child:before{display:none; }
.footer_link li a{display:block; padding:5px 12px 2px 14px; font-size:14px; color:#fff}
.footer_link li a:hover{text-decoration:underline; }
.footer_link li.point a{color:#bee6ba; padding-left:0; }
.box_footer {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.box_footer .box_info {line-height: 140%; font-size: 12px; color: #ddd; line-height: 1.5; letter-spacing: -0.3px; display: flex; justify-content: flex-end; flex-grow: 1; text-align: right;}
.box_footer .box_info .info {color: #ddd; margin: 3px 0;}
.box_footer .box_info .info span {display: block; font-size:12px;}
.box_info address {display: inline; margin-right: 10px;}
.box_footer .box_info address em{color:#fcc8b2;}
.box_footer .copyright {font-size:13px; color:#a4a9af; display: inline;}

/* 상단이동버튼 */
.btn_top{position:absolute; right:calc(50% - 680px); top:-75px; z-index:100; }
.btn_top a{ width:50px; height:50px; display:flex; align-items:center; justify-content: center; flex-direction: column; border-radius:50%; background:#2c8aff; color:#fff; font-size:13px;}
.btn_top a i{ display:block; font-size:16px; margin-bottom:2px;}

/* 배너존 */
.bannerZone{ position:relative; width:50%; float:right; color:#fff; background:#787b80; padding:0 15px; border-right: 1px solid #8e9196;}
.bannerZone .container{ display:flex; align-items:center; }
.bannerZone h2{ font-size:15px; font-weight:600; color:#fff; margin-bottom: 0;}
.bannerZone .control{ margin:0 10px;}
.bannerZone .control > a{ display:inline-block; width:29px; height:29px; background-repeat: no-repeat; background-position: center; background-size:cover; font-size:0; line-height:0; vertical-align:top;}
.bannerZone .control > a.prev{ background-image: url('/images/org/web/gnmatbom/common/ico_bn_prev.png');}
.bannerZone .control > a.next{ background-image: url('/images/org/web/gnmatbom/common/ico_bn_next.png');}
.bannerZone .control > a.play{ background-image: url('/images/org/web/gnmatbom/common/ico_bn_play.png');}
.bannerZone .control > a.stop{ background-image: url('/images/org/web/gnmatbom/common/ico_bn_stop.png');}
.bannerZone .control > a.list{ background-image: url('/images/org/web/gnmatbom/common/ico_bn_list.png');}
.bannerZone .obj { display:flex; flex:1; overflow:hidden;}
.bannerZone .obj li { display:flex; flex:1; align-items:center; height:50px; padding:0 5px; width: 36%}
.bannerZone .obj li a{ display:block; width:100%; text-align:center; word-break: keep-all; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bannerZone .obj li a:hover{text-decoration: underline;}
.bannerZone .obj li a img{height:45px;}


/********** media query mobile *************/
@media (max-width:1620px){
	#snb,
	.container { padding:0 20px;}

	#gnbwrap .btn_sitemap {right:20px;}
	
	#footer .area_footer {padding:0 20px 16.5px;} /* 20251211 추가 */
	#footer .box_footer {} /* 20251211 수정 */
}

@media (max-width:1540px){
	#snb h1 {margin-right: auto;}
	.util_mn {margin-left: auto;}
	.topsear {flex:none; width:40%;}

	/* footer */
	.footer_util > .container{ width:100%; padding:0;}
	#footer .footBtnWrap{ width:100%; float:none;}
	.btn_top{ top:-25px; right:1rem;}
  
    /* 배너존 */
    .bannerZone{ width:100%; padding-left:0; border: 1px solid #5a5a5a; border-bottom: none;}
    .bannerZone .obj li {width:10%;}
}
@media (max-width:1460px){
	#animate{ padding-right:40px;}
}
@media (max-width:1440px){

	#snb h1{ left:20px; }
	.util_mn{ right:20px;}

}
@media (max-width:1360px){
	.box_footer .box_info {display:block;}
}
@media (max-width:1280px){
	.quickMenu{display: none;}
}
@media (max-width:1240px){
	#wrap{min-width:260px; overflow-y:visible; width:100%; height:100%; }

	#header-top {position: fixed !important; top: 0; left: 0; width: 100%;} /* 20251204 추가 */

	#header{height:80px; background:#fff; position:fixed; top: 40px; background-image:none; border-bottom:2px solid #c8d1db; } /* 20251204 수정 */
	#wrap.no_langs .topsear{ top:120px;} /* 20251204 추가 */
	#topmenu{top:119px;} /* 20251204 수정 */
	#wrap.no_langs #topmenu{ top:119px;} /* 20251204 추가 */
	#shadow_device {top: 144px;} /* 20251204 추가 */
	#wrap.no_langs #shadow_device{ top:119px;} /* 20251204 추가 */
	
	#snb {justify-content: center;}

	/* 사용자메뉴 */
	.util_mn{display:none; }

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

	/*모바일 */
	.nav_mobile,
	.nav_search{display:block; }
	.topsear{position:fixed; width:100%; left:0; top:120px; margin:0; border-radius:0; padding:20px; background:#fff;} /* 20251204 수정 */
	.topsear .searchbg{ background:#f1f1f1; border-radius:15px; overflow:hidden; padding-left:10px;}

	/* 상단이동버튼 */
	.btn_top{bottom:2.5%; right:2.5%; }

  	/* 배너존 */
	.bannerZone .obj li{ width:25%;} 
	.bannerZone .obj li img{width:100%;}
	.bannerZone .obj li:nth-child(n+5){ display:none;}

	/* 서브 */
	#snb h1{position:relative; top:auto; left:2.5%; margin-right: 0;}

}

@media (max-width:1080px){
	.btn_top{ top:30px;}
	
	.box_footer {flex-direction: column; align-items: flex-start;}
    .box_footer .footer_link, .box_info {width: 100%;}    
    .box_footer .box_info {flex-direction: column; text-align: left; display:flex;}
    .box_footer .box_info address, .copyright {text-align: left; margin: 5px 0;}
}

@media (max-width:768px){

	/* 사이트링크 */
	#footer .footBtnWrap .footBtn{width:100%; float:none; border-width:0 1px; border-color:#5a5a5a; border-style:solid; }
	#footer .footBtnWrap .footBtn:before{top:0; left:0; width:100%; height:1px; }

	/* 사이트링크 */
	#footer .footBtnWrap .footBtn{width:100%; float:none; border-width:0 1px; border-color:#5a5a5a; border-style:solid; }
	#footer .footBtnWrap .footBtn:before{top:0; left:0; width:100%; height:1px; }

	/* footer */
	.footer_link{ padding-right:30px;}


	/* 배너존 */
	.bannerZone h2{ display:none;}
	.bannerZone .control{ margin-left:0;}
	.bannerZone .obj li{ width:33.33%;} 
	.bannerZone .obj li:nth-child(n+4){ display:none;}
}

@media (max-width:600px){
	/* header */
	.topsear{ top:145px;} /* 20251204 추가 */
	#wrap.no_langs .topsear{ top:120px;} /* 20251204 추가 */
	#topmenu{top:144px; height:calc(100% - 59px);} /* 20251204 추가 */
	#wrap.no_langs #topmenu{ top:120px;} /* 20251204 추가 */
	.nav_mobile_close {top: 78px !important;}
	#wrap.no_langs .nav_mobile_close {top: 53px !important;} /* 20251204 추가 */
	#shadow_device {top: 119xp;} /* 20251204 추가 */
}

@media (max-width:580px){
	/* header */
	#header{height:60px; }
	.topsear{ top:125px;} /* 20251204 수정 */
	#wrap.no_langs .topsear{ top:100px;} /* 20251204 추가 */
	#topmenu{top:125px; height:calc(100% - 59px);} /* 20251204 수정 */
	#wrap.no_langs #topmenu{ top:99px;} /* 20251204 추가 */
	.nav_mobile_close {top: 74px !important;}
	#wrap.no_langs .nav_mobile_close {top: 48px !important;} /* 20251204 추가 */
	#shadow_device {top: 119xp;} /* 20251204 추가 */

	/* 모바일 */
	.nav_mobile,
	.nav_mobile_close,
	.nav_search{top:9px; }
	.nav_mobile a,
	.nav_mobile_close a,
	.nav_search a{width:40px; height:40px; line-height:40px; font-size:20px;}
	#gnb_device > li > a{ font-size:15px;}
	#gnb_device > li > ul > li > a{ font-size:14px; padding:3px 20px 3px 0;}

	/* 배너존 */
	.bannerZone .obj li{ width:50%;} 
	.bannerZone .obj li:nth-child(n+3){ display:none;}

	/* 서브 */
	#snb {height:60px;}
	#snb h1 img{height:34px; }

	.btn_top{ top:65px;}
}

@media (max-width:460px){ 
 
	/* 배너존 */
	.bannerZone .obj li{ width:100%;} 
	.bannerZone .obj li:nth-child(n+2){ display:none;}
 }

@media (max-width:380px){
	#snb h1 img{height:28px; }
}

@media (max-width:320px){
	#snb h1 img{height:23px; }
}