@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.notos {font-family:"Noto Serif KR", serif;}

@media screen and (max-width:1100px){
	#header,
	#container,
	.footer {padding:0 20px;}

	.slideshow,
	.contents {width:77%;}
	.right_con {width:20%;}
	.right_con img {max-width:100%;}

}

/* hover */
@media screen and (min-width:1024px){
	a:hover {text-decoration:underline;}
	#gnb li ul li a:hover img {margin-top:-20px;}
	#slider_links a:hover{color:#A20000; background:#A20000; text-decoration:none;}
	.btn_submit:hover {background:#2375eb}
}

/* tablet */
@media screen and (max-width:1023px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.logo {margin-top:0; line-height:60px; height:60px; line-height:60px;}
	.logo img {height:50px;}
	.headMenu {display:none;}
	.btn_menu {position:absolute; top:0; right:0; width:60px; height:60px; z-index:2;}
	.btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#333; margin-left:-12px; transition:.2s linear;}
	.btn_menu .t {margin-top:-10px;}
	.btn_menu .m {margin-top:-1px;}
	.btn_menu .b {margin-top:8px;}
	#header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
	#header.on .btn_menu .m {width:0;}
	#header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
	#header .sitemap,
	#header .sitemap .dm {position:fixed; top:0; width:100%; height:100%; opacity:0; transition:.2s linear;}
	#header .sitemap {right:-100%; padding-left:30%; z-index:1; font-family:"Noto Serif KR", serif; display:block !important;}
	#header .sitemap .dm {left:-100%; background:rgba(0,0,0,.7);}
	#header .sitemap ul {position:relative; width:100%; height:100%; background:#fff; padding-top:60px; overflow:auto;}
	#header .sitemap > ul > li {border-bottom:#ddd 1px solid;}
	#header .sitemap > ul > li:first-child {border-top:#ddd 1px solid;}
	#header .sitemap > ul > li > a {position:relative; display:block; font-size:20px; color:#666; font-weight:500; line-height:60px; padding:0 20px;}
	#header .sitemap > ul > li > a i {position:absolute; top:0; right:20px; width:16px; height:100%;}
	#header .sitemap > ul > li > a i:before,
	#header .sitemap > ul > li > a i:after {content:""; position:absolute; top:50%; left:50%; background:#ddd; transform:translate(-50%,-50%); transition:.2s linear;}
	#header .sitemap > ul > li > a i:before {width:16px; height:2px;}
	#header .sitemap > ul > li > a i:after {width:2px; height:16px;}
	#header .sitemap > ul > li.open > a i:before,
	#header .sitemap > ul > li.open > a i:after,
	#header .sitemap > ul > li.on > a i:before,
	#header .sitemap > ul > li.on > a i:after {background:#666;}
	#header .sitemap > ul > li.open > a i:after,
	#header .sitemap > ul > li.on > a i:after{width:16px; height:2px;}
	#header .sitemap > ul > li.open.on > a i:before,
	#header .sitemap > ul > li.open.on > a i:after {background:#ddd;}
	#header .sitemap > ul > li.open.on > a i:after {width:2px; height:16px;}
	#header .sitemap > ul ul {display:none; padding-top:0; background:#f7f7f7;}
	#header .sitemap > ul .on ul {display:block;}
	#header .sitemap > ul ul li {border-top:#ddd 1px solid;}
	#header .sitemap > ul ul li a {display:block; font-size:16px; color:#777; font-weight:500; line-height:50px; padding:0 20px;}
	#header .sitemap > ul ul li a.on2 {color:#333;}
	#header.on .sitemap {right:0; opacity:1;}
	#header.on .sitemap .dm {left:0; opacity:1;}
/* main */
	#container {display:flex; flex-direction:column-reverse; justify-content:flex-end;}
	#container.main_wrap {flex-direction:column; justify-content:flex-start;}
	.slideshow,
	.contents,
	.right_con {width:100%; height:auto;}
	.mvisual {padding:0 10px;}
	.mvisual .slick-slide {height:auto;}
	.mvisual .slick-arrow {width:40px; height:40px; margin-top:-20px;}
	.right_con {background:none; padding-left:0; height:auto;}
	.right_con ul {padding-left:0;}
/* sub */
	.smenu {background:none; margin:0; width:100%; height:auto; font-family:"Noto Serif KR", serif;}
	.stitle {font-size:28px; color:#666; line-height:30px; margin:25px 0 30px; text-align:center;}
	.smenu ul {display:flex; gap:20px;}
	.smenu li {flex:1 1 calc((100% - 40px)/3)}
	.smenu li a {display:block; font-size:20px; color:#666; font-weight:300; line-height:50px; border:#ddd 1px solid; text-align:center;}
	.smenu li a * {color:inherit;}
	.smenu li a .onset,
	.smenu li a.on2 .offset {display:none;}
	.smenu li a.on2 {color:#eb600c; border-color:#eb600c; font-weight:400;}
	.smenu li a.on2 .onset {display:block;}

	.contents img {max-width:100%;}

	.contents_product {margin:0;}

	.stit {display:none;}
}

/* mobile */
@media screen and (max-width:767px){
/* header */
	#header {margin-bottom:0;}
	.logo {line-height:50px; height:50px; line-height:50px;}
	.logo img {height:35px;}
	.btn_menu {width:50px; height:50px;}
	.btn_menu p {width:20px; margin-left:-10px;}
	.btn_menu .t {margin-top:-8px;}
	.btn_menu .b {margin-top:6px;}
	#header .sitemap ul {padding-top:50px;}
	#header .sitemap > ul > li > a {font-size:12px; line-height:40px;}
	#header .sitemap > ul > li > a i {width:12px;}
	#header .sitemap > ul > li > a i:before {width:12px;}
	#header .sitemap > ul > li > a i:after {height:12px;}
	#header .sitemap > ul > li.open > a i:after,
	#header .sitemap > ul > li.on > a i:after{width:12px;}
	#header .sitemap > ul > li.open.on > a i:after {height:12px;}
	#header .sitemap > ul ul li a {font-size:13px; line-height:40px;}
/* footer */
	.footer {margin:20px 0;}
	.footer .address {font-size:11px; gap:0 15px; padding-top:40px;}
	.footer .address ul {margin:5px 0 10px;}

	#container {min-height:calc(100vh - 244px);}
/* main */
	.mvisual {padding:0;}
	.mvisual .slick-arrow {width:20px; background-image:url('/images/arrow_01_m.png'); background-size:contain;}
	.mcon1 .txt {padding:10px 10px 0;}
	.mcon1 .txt .tt {font-size:13px; margin-bottom:0;}
	.mcon1 .txt p {font-size:10px;}
	.customer_02 {padding:40px 0 0;}

/* sub */
	.stitle {font-size:18px; line-height:20px; margin:20px 0;}
	.smenu ul {gap:14px;}
	.smenu li {flex-basis:calc((100% - 28px)/3)}
	.smenu li a {font-size:12px; line-height:32px;}
	
	.gall_slide_area .gall_slide .imgfit {width:100%; height:auto;}
	.gall_slide .slick-arrow {width:20px; background-image:url('/images/arrow_01_m.png'); background-size:contain;}
	.gall_slide_area .gall_slide .txt .tt {font-size:15px; margin-bottom:5px;}
	.gall_slide_area .gall_slide .txt p {font-size:12px;}
	.pg_page,
	.pg_current {height:22px; min-width:22px;}
	.pg_page {line-height:20px; padding:0 1px;}
	.pg_current {line-height:22px; padding:0 4px;}

	.board_write .w1 {width:80px;}
	.apply_wrap .flex span {width:20px;}
	.apply_wrap .text.w3 {width:calc((100% - 40px)/3);}
	.board_list th,
	.board_list td {font-size:12px; padding:5px;}
	.board_top {flex-direction:column; margin-bottom:20px;}
	.board_top .total {font-size:13px; line-height:20px; width:100%; text-align:left;}
	.search_wrap {padding:0;}
	.search_wrap input.text {width:calc(100% - 80px); height:30px; margin:0 10px 0 0;}
	#bo_v_info {padding:0 10px 10px;}
	#bo_v_share {padding:10px 0;}
	#bo_v_con {min-height:150px;}
}
@media screen and (max-width:450px){
	.hd_pops {top:100px !important; left:1% !important; max-width:98%;}
	.hd_pops_con {width:100% !important; height:auto !important;}
}