body .sound_only{display:none !important;}
.container{position:relative;width:100%;max-width:1230px;padding:0px 15px;margin:0px auto;}
.minContainer{width:100%;min-width:980px;}
.topMenu .container{max-width:1230px;padding:0px 15px;}


select option.red{color:red;}

#header{position:fixed;top:0px;left:0px;width:100%;;background-color:white;z-index:1000;}

#header .hideHeader{position:relative;width:100%;height:80px;transition:height 0.25s;overflow:hidden;}
#header.scrolled .hideHeader{height:0px;}

.pgCont{width:100%;padding:0px 15px;margin:0px auto;min-height:500px;}
.pgCont .container{margin:0px auto;width:100%;max-width:1200px;min-width:1080px;}
/* #######################
상단로고  
######################## */

.topHead{display:grid;grid-template-columns: 1fr 1fr 1fr;position:relative;width:100%;height:80px;margin:0px;transition:all 0.2s;}

.topHead .sMenu {display:flex;align-items:center;justify-content:flex-end;height:80px;}
.topHead .sMenu a{position:relative;display:block;padding:0px 10px;text-align:center;}
.topHead .sMenu a i{font-size:25px;}
.topHead .sMenu a > div{padding-top:0px;font-size:13px;}
.topHead .sMenu a > .count{display:flex;align-items:center;justify-content:center;position:absolute;top:0px;right:0px;width:25px;height:25px;border-radius:50%;background-color:#333;color:white;font-size:11px;}

#header .topSearch{width:100%;}
#header .topSearch .search{width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;}
#header .topSearch .search input{width:calc(100% - 65px);height:40px;padding:0px 10px;}
#header .topSearch .search button{width:60px;height:40px;border:1px solid #aaa;background-color:white;font-size:22px;}

/* #######################
END 상단로고  
######################## */
#header .topLogo{display:flex;align-items:center;position:relative;margin-right:30px;}
#header .topLogo img{height:60px;}

#header .logo{position:relative;margin-right:30px;}
#header .logo img{height:60px;}
#header .logo .mlogo{display:none;}


/* #######################
상단모바일로고  
######################## */
.mtopHead{position:relative;width:100%;margin:0px;transition:all 0.2s;}
.topHead .logo{position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);z-index:10;}
.mtopHead .logo img{max-height:60px;}
.mtopHead .container {display:flex;align-items:center;height:130px;}
.mtopHead .container .menu {margin-left:auto;}
.mtopHead .container .menu a{padding:0px 10px;}
.mtopHead .container .menu a:last-child{padding-right:0px;}


.sideMenu .sm_login{margin-bottom:15px;display:flex;align-items:center;justify-content:center;}
.sideMenu .sm_login .go_admin{display:none;}

.sideMenu .sm_login a{display:inline-flex;align-items:center;padding:0px 15px;margin:0px 5px;height:35px;border:1px solid #aaa;background-color:white;}

.sideMenu .sm_list{width:100%;flex:1;overflow-y:hidden;}
.sideMenu .sm_list > ul{width:100%;border-top:2px solid #aaa;}
.sideMenu .sm_list > ul > li{width:100%;}
.sideMenu .sm_list > ul > li > a{display:block;width:100%;padding:10px 15px;border-bottom:1px solid #ccc;font-size:15px;font-weight:500;}
.sideMenu .sm_list > ul > li > ul{padding:10px 0px;width:100%;background-color:#f3f3f3;}
.sideMenu .sm_list > ul > li > ul li{}
.sideMenu .sm_list > ul > li > ul li a{padding-left:35px;display:block;line-height:30px;font-size:14px;}


.sideMenu .sm_list > ul > li {width:100%;}
.sideMenu {  scrollbar-width: thin;}

/* #######################
상단모바일로고
######################## */

/*전체메뉴*/
#allMenu{margin-left:auto;position:static;}
#allMenu>.wsmegamenu{width:calc(100% - 30px);margin:0px 15px;}
#allMenu .allMenuicon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:30px;border:1px solid #aaa;border-radius:50%;}
#allMenu .allMenuicon i{margin:0px;}
#allMenu:hover .allMenuicon{background-color:#333;color:white;}
#allMenu:hover .allMenuicon i{color:white;}
#allMenu >a.listMenu:after{display:none;}

#allMenu .wsmegamenu{width:100%;padding:30px 20px 30px 40px;border:1px solid #ddd;}
#allMenu #allList{width:100%;display:grid;grid-template-columns: repeat(6, 1fr) ;}
#allMenu #allList > li{font-size:14px;padding-left:10px;}
#allMenu #allList > li > a{margin-bottom:10px;font-size:16px;font-weight:600;color:black;}
#allMenu #allList > li > ul {}
#allMenu #allList > li > ul > li{margin-bottom:8px;}
#allMenu #allList > li > ul a{font-size:16px;line-height:22px;color:black;}



/* #######################
상단메뉴
######################## */
.topMenu{width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.topMenu .container{height:70px;display:flex;align-items:center;}

.topMenu .wsmenu{margin:0px;flex:1;}
.shop_container{width:100%;max-width:1300px;padding:0px;margin:0px auto;}

/* 상단 메뉴 */
.wsmenu-list > li > a{display:inline-flex;align-items:center;height:70px;}
.wsmenu>.wsmenu-list>li>.wsmegamenu{top:65px;}
.wsmenu>.wsmenu-list>li:hover>a{background-color:white;}
.wsmenu>.wsmenu-list>li.category{width:70px;text-align:left;}

.wsmenu>.wsmenu-list>li>a{padding:0px 20px;border-right:0px;font-size:18px;color:#222;}
.wsmenu>.wsmenu-list>li>a.listMenu{position:relative;}
.wsmenu>.wsmenu-list>li>a.listMenu.current,
.wsmenu>.wsmenu-list>li>a.listMenu:hover{color:black;}    
.wsmenu>.wsmenu-list>li>a.listMenu:after{display: block;height: 2px; width: 0;transition: width .25s ease;   margin: 0 auto 0; position: absolute; bottom: 5px; left: 0;  right: 0; content: "";background-color:#004a99}
.wsmenu>.wsmenu-list>li>a.listMenu.current:after, 
.wsmenu>.wsmenu-list>li>a.listMenu:hover:after{width:100%;z-index:1;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>a{background-color:white;}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li.menu2 {padding-left:20px;}
.bs-allmenu { display: inline-block; vertical-align: middle; }
.bs-allmenu .sect-bt { cursor: pointer; font-size: 0; line-height: 0; position: relative; z-index: 10; transition: margin .25s ease; width: 45px; height: 45px; }
.bs-allmenu:hover .sect-bt { background: #004998; width: 45px; height: 45px; border-radius: 50%; }

.bs-allmenu .sect-bt span, 
.bs-allmenu .sect-bt span:before, 
.bs-allmenu .sect-bt span:after { display: block; width: 21px; height: 2px; background: #111; position: absolute; left: 0;margin:0 auto;right: 0;}

.bs-allmenu:hover .sect-bt span, 
.bs-allmenu:hover .sect-bt span:before, 
.bs-allmenu:hover .sect-bt span:after { background: #fff; margin: 0 auto; right: 0;}

.bs-allmenu .sect-bt span { margin-top: 14px;}
.bs-allmenu:hover .sect-bt span { margin-top: 14px;}
.bs-allmenu .sect-bt span:before, 
.bs-allmenu .sect-bt span:after { content: "";}
.bs-allmenu .sect-bt span:before { top: 7px;}
.bs-allmenu .sect-bt span:after { top: 14px;}

.cateMenu{padding:20px 30px 20px 50px;display:flex;}
.cateMenu .category{width:180px;}
.cateMenu .category h4{margin-bottom:10px;display:inline-flex;align-items:center;height:30px;font-size:18px;color:black;}
.cateMenu .category ul{width:100%;}
.cateMenu .category ul li{width:100%;}
.cateMenu .category ul li a{line-height:28px;display:inline-block;font-size:14px;color:#777;}
.cateMenu .category ul li a:hover{color:black;}

.cateMenu .brand{width:calc(100% - 180px);padding:0px;}
.cateMenu .brand .head{margin-bottom:10px;width:100%;height:30px;display:flex;align-items:center;justify-content:flex-end;font-size:14px;color:#777;}

.cateMenu .brand ul{border:1px solid #eee;padding:20px 20px;border-radius:10px;}
/* END 상단 메뉴 1 */



/*모바일 검색*/



/* 하단메뉴 */
#footer{width:100%;display:block;background-color:#f8f8f8;}
#footer .bt_menu{padding:0px;width:100%;border-bottom:1px solid #dddddd;}
#footer .bt_menu a{margin-right:20px;font-size: 15px; display: inline-block;line-height: 60px;height: 60px;color:#444;}



#footer .bt_info{padding:30px 0px;border-bottom:1px solid #dddddd;}
#footer .bt_info .container{display:flex;}
#footer .bt_info .logo{width:200px;margin-right:30px;}
#footer .bt_info .logo img{width:100%;max-width:180px;}

#footer .bt_info .logo .bottom_logo{margin-bottom:15px;}
#footer .bt_info .logo .parker_logo{}


#footer .bt_info .info{flex:1;}
#footer .bt_info .info .com_name{margin-bottom:10px;font-size:17px;color:#444;font-weight:500;}
#footer .bt_info .info .com_info{font-size:14px;color:#777;line-height:1.8em;font-weight:400;}
#footer .bt_info .info .com_info p br{display:none;}
#footer .bt_info .info .com_info strong{margin-right:5px;font-weight:400;color:#333;}
#footer .bt_info .info .com_info span{margin-right:15px;}

#footer .bt_info .cs{width:200px;}
#footer .bt_info .cs h4{margin-bottom:10px;font-size:17px;color:#444;font-weight:500;}
#footer .bt_info .cs .cs_tel{margin-bottom:5px;font-size:24px;font-weight:bold;color:#222;}
#footer .bt_info .cs .cs_info{font-size:15px;line-height:25px;color:#555;}
#footer .copyright{padding:20px 0px;text-align:center;color:#777;font-size:13px;}


.menuBrand{width:100%;padding:5px 10px;display:flex;}
.menuBrand > div{width:calc(50% - 20px);margin:0px 10px;}
.menuBrand > div > .head{padding-left:4px;margin-bottom:10px;font-size:15px;font-weight:bold;color:#222;}
.menuBrand > div > .img{margin-bottom:15px; width:100%;height:200px;border-radius:10px;background:no-repeat center center ;background-size:cover;}
.menuBrand > div > .text{font-size:13px;line-height:22px;color:#555;text-align:justify}


/**/
#headPadding{width:100%;height:80px;}
#headPadding2{width:100%;height:70px;}
/**/
.pCont{width:100%;}
.bgTitle{position:relative;width:100%;height:180px;display:flex;align-items:center;justify-content:center;background:steelblue center center/auto no-repeat;color:white;}
.bgTitle span{font-size:30px;font-weight:bold;}

.pCont.board .container{width:100%;max-width:1080px;}

/*mobile menu bar*/

/*mobile footer*/
.mFooter, .mFooterPadding{display:none;}


@media (max-width: 1180px) {
	.list_banner.empty .bTitle{font-size:var(--40px);}
	
}
/**/
@media (max-width: 750px) {
	.cateNav ul li a{padding:var(--14px) var(--26px);line-height:var(--40px);height:var(--80px);font-size:var(--24px);}
	body #sit_title{font-size:var(--35px);}
}
@media (max-width: 600px) {
	.cateNav ul{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 480px) {
	.cateNav ul{grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 1080px) {
	.topHead{display:none;}
	.topMenu .wsmenu{margin:0px;flex:initial;}

	#header .logo .mlogo{display:block;}
	#header .logo img.pclogo{display:none;}
}
@media (max-width: 980px) {
	#sit_pvi{width:calc(100% - 420px);margin-right:20px;}
	#sit_pvi_thumb li{width:120px;margin-right:10px;}
	#sit_ov{width:400px;}
	
	#indexBan{flex-wrap:wrap;}

	#indexBan .mainSwiper{margin:0px;}

	.mobile #sit_pvi{width:100%; margin-bottom:20px; margin-right:0px;}
	.mobile #sit_ov{width:100%;padding:0px;}
	.mobile .sit_ov_tbl .grid_2{width:80px;font-weight:500;}
	.mobile .sit_ov_tbl th{color:#333;}
	.mobile #sit_tab .tab_con{padding-left:0px;padding-right:0px;}
	.mobile #sit_dvex h3{background-color:transparent;text-align:left;font-size:16px;font-weight:600;}
	.mobile #sit_dvr{font-size:14px;font-weight:400;}
	.mobile #sit_rel h2{font-size:18px;margin:10px 0px;}
	.mobile #sod_chk{margin:10px 0px;}

}
@media (max-width: 1080px) {
	.topMenu .wsmenu{margin-left:auto;}
	.topMenu{padding:5px 0px;}
	
	#pdfList .listBody .cont{width:100%;}
	.sideMenu{padding-top:0px;}
	.sideMenu .sm_head{padding:0px 5px 5px 10px ;margin-bottom:5px;}
	
	.sideMenu .sm_head img{height:50px;}
	
	.sideMenu .mplogo{margin-bottom:0px;}
	.sideMenu .mplogo img{height:50px;}
	.sideNav .closebtn{padding-bottom:10px;font-size:40px;}
	#header .hideHeader{height:0px;}
	#headPadding{height:72px;}
	#headPadding2{height:60px;}
	.topMenu .container{height:60px;justify-content:space-between;}
	.wsmenu{position:static;display:flex;align-items:center;width:auto;padding:0px;}
	.wsmenu:after{display:none;}
	.wsmenu>.wsmenu-list{display:none !important;}
	.wsdownmenu-text{width:auto;position:absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);line-height:initial;text-indent:0px;}
	.wsdownmenu-text img{height:50px;}
	.wsdownmenu-animated-arrow{right:auto;position:relative;width:45px;height:50px;}
	.mb_box{margin-top:0px}
	/*search*/
	#footer .bt_menu{padding:0px;}
	

	#footer .bt_info .info .com_name{display:none;}
	#footer .bt_info .cs{display:none;}
	#footer .bt_info{padding:15px 0px;}
	#footer .bt_info .info{margin-bottom:0px;}

	
	.mFooter, .mFooterPadding{display:block;}
	.mFooter{position:fixed;bottom:0px;left:0px;width:100%;height:60px;background-color:white;border-top:1px solid #ccc;box-shadow: 0 0 5px 2px rgba(0,0,0,.15);z-index:10000;}
	.mFooterPadding{width:100%;height:60px;background-color:white;}
	
	.mFooter ul{display:flex;align-items:center;}
	.mFooter ul li{position:relative;width:20%;}
	.mFooter ul li:after{position:absolute;top:50%;right:0px;display:block;content:"";width:1px;height:30px; background-color:#ddd;transform:translateY(-50%);}
	.mFooter ul li:last-child:after{display:none;}
	.mFooter ul li a{display:flex;align-items:center;justify-content:center;width:100%;height:60px;}
	.mFooter ul li a > div{width:100%;line-height:25px;text-align:center;color:#222;}
	.mFooter ul li a div.icon{font-size:20px;}
	.mFooter ul li a div.icon i{margin-right:0px;}
	.mFooter ul li a div.text{font-size:12px;}

	#headPadding2{display:none;}
}


@media (max-width: 780px) {
	.container{display:block;}
	.main_media .main_youtube{margin-bottom:30px;width:100%;}
	.main_media .main_insta{width:100%;}
	
	.main_cs .main_qna{width:100%;margin-bottom:30px;}
	.main_cs .main_as{width:100%;}

	#footer .bt_info .container{display:block;}

	#footer .bt_info .logo{margin-bottom:20px;width:100%;text-align:center;}
	#footer .bt_info .logo img{width:150px;}
	#footer .bt_info .info{margin-bottom:20px;text-align:center;}
	#footer .bt_info .cs{width:100%;text-align:center;}
	.main_as .text br{display:none;}
	
	.pg_shop_list .container{padding:0px;}

	#footer .bt_menu .container{padding-left:15px;padding-right:15px;}
	#sod_frm_orderer table td, #sod_frm_taker table td{padding-left:5px;padding-right:5px;}
	#sod_frm_orderer table td.head, #sod_frm_taker table td.head{font-size:13px;width:90px;}
	#sod_frm_orderer table td.text, #sod_frm_taker table td.text{width:calc(100% - 90px);}
}
@media (max-width: 650px) {
	#topBanner .swiper-slide > a{font-size:16px;letter-spacing:-0.05em;}
	body .mbskin{display:block;}
	body .mbskin .mbskin_box{margin:0px auto;}
	body .mbskin .banner{width:auto;}
}

@media (max-width: 400px) {
	#topBanner .swiper-slide > a{font-size:15px;}
	#insta_gallery li{width:50%;}
}
/*****************************************/