@media screen and (max-width:1520px){
	.header .gnb > ul > li > a {padding:0 50px;}
}

@media screen and (max-width:1350px){
/* header */
	.header {height:80px;}
	.header .logo {left:20px; line-height:80px;}
	.header .logo img {height:60px;}
	.header .gnb {padding:0 290px 0 153px;}
	.header .gnb > ul > li > a {font-size:18px; line-height:80px; padding:0 30px;}
	.header .snb > li > a {line-height:40px;}
	.header .depth > a {font-size:14px;}
	.header .copy {width:calc((100% - 630px)/2);}
	.header .copy .tt {font-size:30px; line-height:1; padding-bottom:20px; margin-bottom:20px;}
	.header .copy .tt:after {width:40px;}
	.header .copy p {font-size:16px;}
	.header .sns {right:180px;}
	.header .sns a {width:50px; height:80px;}
	.header .links a {gap:10px; font-size:15px; width:80px; height:80px;}
	.header .links a:before {height:20px; background-size:contain;}
/* footer */
	.footer {padding:70px 20px;}
	.footer .txt {padding-left:200px; font-size:15px;}
	.footer .txt:before {width:130px;}
	.footer .txt .flex {gap:22px;}
	.footer .txt dl {gap:5px; line-height:28px;}
	.footer .copy {margin-top:18px;}
	.footer .gotop {bottom:80px; right:20px; width:60px; height:60px;}
/* main */
	.mv_txt p {font-size:18px; line-height:24px;}
	.mv_txt p.montser {font-size:22px;}
	.mv_txt .tt {font-size:60px; margin:20px 0 25px;}
	.mvisual_wrap .mv_navi {bottom:40px;}
	.mvisual_wrap .mv_navi .arrow {width:40px; height:40px;}
	.mvisual_wrap .mv_navi .slick-dots {width:80px;}
	.mvisual_wrap .mv_navi .slick-dots li {font-size:18px; line-height:40px; height:40px;}
	.mvisual_wrap .mv_navi .slick-dots li span {padding:0 8px;}
	.mcon .tit p {font-size:18px;}
	.mcon .tit p.montser {font-size:24px;}
	.mcon .tit .tt {font-size:60px; margin:30px 0 15px;}
	.mc01 {padding:100px 20px 90px;}
	.mc01 .tit {margin-bottom:70px;}
	.mc01 ul {gap:12px;}
	.mc01 li {width:calc((100% - 36px)/4);}
	.mc01 a {height:400px;}
	.mc01 .txt {padding:20px;}
	.mc01 b {font-size:24px;}
	.mc01 p {font-size:18px; margin-top:12px;}
	.mc02 .tit {padding:0 20px;}
	.mc02 .btns {gap:8px; margin-top:30px;}
	.mc02 .btns a {font-size:15px; line-height:58px; height:60px; width:220px;}
	.mc02 .img {height:calc(100vh - 80px);}
/* sub */
	.svisual .inner {height:440px; padding-top:80px;}
	.svisual p {font-size:18px; margin-bottom:15px;}
	.svisual strong {font-size:60px;}
	.svisual .location {bottom:100px; font-size:15px;}
	.aside dd {gap:70px;}
	.aside a {font-size:18px; line-height:70px;}
	.title {font-size:35px; margin:60px 0 70px;}
	.container {padding-bottom:80px;}
	.ctit {font-size:30px; margin-bottom:40px;}
	.btit {font-size:34px; line-height:45px;}
	.stit {font-size:22px; margin:90px 0 25px;}
/* 회사소개 */
	.about01 ul {gap:6px;}
	.about01 li {width:calc((100% - 12px)/3);}
	.about01 .txtarea {padding:35px 0 100px;}
	.about01 .txtarea .tit .tt {font-size:30px;}
	.about01 .txtarea .tit p {font-size:20px; line-height:30px; margin-top:10px;}
	.about01 .txtarea .con p {font-size:16px; line-height:24px;}
	.about01 .txtarea .con .name {font-size:18px; margin-top:15px;}
	.about02 .img {height:300px; gap:12px;}
	.about02 .img p {font-size:18px;}
	.about02 .img span {font-size:24px;}
	.history {padding:60px 0;}
	.history dl {margin-bottom:70px;}
	.history dt {font-size:24px;}
	.history dd p {font-size:16px; line-height:22px;}
	.factory_photo {padding:55px 0 80px;}
	.factory_photo .imgs {gap:6px;}
	.factory_photo .imgs img {width:calc((100% - 12px)/3);}
/* 오시는길 */
	.tabs {gap:10px; margin-bottom:30px;}
	.tabs li > * {height:60px; line-height:58px;}
	.map_txt {margin:40px 0 80px;}
	.map_txt i {width:54px; height:54px;}
/* 제품 */
	.product_head .txt {padding-top:50px;}
	.product_head .txt p br.pc_vw {display:none;}
	.product_head .head_slide {width:calc(100% + 20px);}
	.product_head .head_slide .slick-slide > div {height:500px;}
	.product_head .head_slide .slick-arrow {bottom:20px; width:60px; height:60px;}
	.product_head .head_slide .slick-prev {left:20px;}
	.product_head .head_slide .slick-next {left:90px;}
	.gbox {padding:100px 0; margin:100px 0;}
	.items_state ul {gap:0 80px;}
	.items_state li {width:calc(50% - 40px);}
	.items_state li .tt {font-size:38px;}
	.items_state li:nth-child(2n) {margin-top:100px;}
	.product_info {font-size:16px;}
	.product_info.mt {margin-top:120px;}
	.product_info .btit {margin-bottom:60px;}
	.product_info .btit ~ .btit {margin-top:160px;}
	.product_info .type li {padding:0 15px;}
	.tbl th,
	.tbl td {padding:15px;}
	.tbl col.th {width:180px;}

/* 갤러리 목록 */
	.gall_list {gap:20px;}
	.gall_list a {width:calc((100% - 40px)/3); height:24vw;}
	.gall_list p {font-size:22px; line-height:32px;}

/* 게시판 상세 */
	.board_view .tit {font-size:22px; line-height:28px; padding:20px 0;}
	.board_view .con {padding:25px 0;}

/* 게시판 목록 */
	.board_list th,
	.board_list td {height:60px;}
	.board_list .w1 {width:80px;}
	.board_list .w2 {width:110px;}
	.board_list .w3 {width:120px;}

	.board_write dt {width:150px;}
	.board_write dd {width:calc(100% - 150px);;}

	.board_write th {width:150px;}
	.board_write td {width:calc(100% - 150px);;}
}

/* hover */
@media screen and (min-width:1024px){
	.header.hover {background:#fff;}
	.header.hover .logo {background:url('/images/logo_c.png') no-repeat 50% 50% / contain;}
	.header.hover .logo img {opacity:0;}
	.header.hover .gnb > ul > li > a {color:#333;}
	.header.hover .gnb .dm,
	.header.hover .snb,
	.header.hover .copy {opacity:1; pointer-events:auto; user-select:auto;}
	.header .gnb > ul > li:hover > a {color:#0084cc;}
	.header .snb > li:hover > a {color:#0084cc;}
	.header .depth > a:hover {color:#0084cc;}

	.aside a:hover:after {left:0; width:100%;}
	.tabs li:hover > * {color:#fff; background:#0084cc; border-color:#0084cc;}
	.gall_list a:hover p {opacity:1;}
	.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
	.board_bottom .btns .btn_l:hover {background:#f5f5f5; color:#04427b;}
	.board_bottom .paging a:hover {color:#222; border-color:#222;}
}

/* tablet */
@media screen and (max-width:1023px){
	br.pc_vw {display:none;}
/* header */
	.header {height:70px;}
	.header .logo {line-height:70px;}
	.header .gnb,
	.header .gnb .dm {position:fixed; top:0; width:100%; height:100%; opacity:0; transition:.2s linear;}
	.header .gnb {right:-100%; padding:0; z-index:10; padding-left:30%;}
	.header.on .gnb {right:0; opacity:1;}
	.header .gnb .dm {left:-100%; background:rgba(34,34,34,.7);}
	.header.on .gnb .dm {left:0; opacity:1;}
	.header .gnb > ul {position:relative; width:100%; height:100%; overflow:auto; background:#0084cc; padding-top:70px; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
	.header .gnb > ul > li {width:100%;}
	.header .gnb > ul > li > a {font-size:20px; line-height:70px; padding:0 30px;}
	.header .gnb > ul > li > a.pc_vw {display:none !important;}
	.header .gnb > ul > li > a.mo_vw {display:block !important;}
	.header .gnb > ul > li > a i {position:absolute; top:0; right:20px; width:20px; height:100%;}
	.header .gnb > ul > li > a i:before,
	.header .gnb > ul > li > a i:after {content:""; position:absolute; top:50%; left:50%; background:#fff; transform:translate(-50%,-50%); transition:.2s linear;}
	.header .gnb > ul > li > a i:before {width:20px; height:2px;}
	.header .gnb > ul > li > a i:after {width:2px; height:20px;}
	.header .gnb > ul > li.on > a i:after,
	.header .gnb > ul > li.open > a i:after {width:20px; height:2px;}
	.header .gnb > ul > li.on.open > a i:after {width:2px; height:20px;}
	.header .gnb .dm,
	.header .snb {opacity:1; pointer-events:auto; user-select:auto;}
	.header .on .snb {display:block;}
	.header .snb {position:relative; top:0; text-align:left; display:none; transition:none;}
	.header .snb > li > a {font-size:16px; color:#fffa; line-height:38px; padding:0 40px;}
	.header .depth {padding-bottom:15px;}
	.header .depth > a {font-size:15px; color:#fffa; line-height:28px; padding:0 50px;}
	.header .copy {display:none;}
	.header .sns {right:100px; gap:10px; z-index:19;}
	.header .sns a {width:50px; height:70px;}
	.header .sns .sns1 {background-image:url('/images/icon_sns01_m.png');}
	.header .sns .sns2 {background-image:url('/images/icon_sns02_m.png');}
	.header .links {display:none;}
	.header .btn_menu {position:absolute; top:0; right:0; width:64px; height:100%; z-index:20;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#fff; border-radius:50%; margin-left:-12px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-10px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .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 .gnb > ul > li.on > a,
	.header .snb > li.on > a,
	.header .depth > a.on {color:#fff;}

	.header.fixed .sns .sns1 {background-image:url('/images/icon_sns01.png');}
	.header.fixed .sns .sns2 {background-image:url('/images/icon_sns02.png');}
	.header.fixed .btn_menu p {background:#222;}
	.header.fixed .gnb > ul > li > a {color:#fff;}
	.header.fixed.on .sns .sns1 {background-image:url('/images/icon_sns01_m.png');}
	.header.fixed.on .sns .sns2 {background-image:url('/images/icon_sns02_m.png');}
	.header.fixed.on .btn_menu p {background:#fff;}
/* footer */
	.footer {padding:50px 20px;}
	.footer .txt {padding-left:160px; font-size:14px;}
	.footer .txt:before {width:120px;}
	.footer .txt .flex {gap:0 14px; flex-wrap:wrap;}
	.footer .txt dl {gap:4px; line-height:24px;}
	.footer .copy {margin-top:15px;}
	.footer .gotop {bottom:20px; right:20px; width:60px; height:60px;}
/* main */
	.mv_txt p {font-size:16px; line-height:22px;}
	.mv_txt p.montser {font-size:20px;}
	.mv_txt .tt {font-size:50px; margin:15px 0 20px;}
	.mvisual_wrap .mv_navi {bottom:30px;}
	.mvisual_wrap .mv_navi .arrow {width:36px; height:36px;}
	.mvisual_wrap .mv_navi .slick-dots li {font-size:16px; line-height:36px; height:36px;}
	.mvisual_wrap .mv_navi .slick-dots li span {padding:0 6px;}
	.mvisual_wrap .links {position:absolute; bottom:0; right:0; display:flex !important; flex-direction:column;}
	.mvisual_wrap .links a {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:16px; font-size:17px; color:#fff; font-weight:500; width:100px; height:100px;}
	.mvisual_wrap .links a:before {content:""; display:block; width:100%; height:25px; background:no-repeat 50% 50%;}
	.mvisual_wrap .links a.i1 {background:#0b588f;}
	.mvisual_wrap .links a.i1:before {background-image:url('/images/icon_head01.png');}
	.mvisual_wrap .links a.i2 {background:#0084cc;}
	.mvisual_wrap .links a.i2:before {background-image:url('/images/icon_head02.png');}
	.mcon .tit p {font-size:16px;}
	.mcon .tit p.montser {font-size:22px;}
	.mcon .tit .tt {font-size:50px; margin:25px 0 10px;}
	.mc01 {padding:90px 20px 80px;}
	.mc01 .tit {margin-bottom:50px;}
	.mc01 ul {gap:10px;}
	.mc01 li {width:calc((100% - 30px)/4);}
	.mc01 a {height:300px;}
	.mc01 .txt {padding:20px;}
	.mc01 b {font-size:20px;}
	.mc01 p {font-size:15px; margin-top:10px;}
	.mc02 .tit {width:45%; padding:0 20px;}
	.mc02 .btns {gap:6px; margin-top:40px;}
	.mc02 .btns a {font-size:16px; line-height:58px; height:60px; max-width:calc(50% - 3px); padding:0 15px; background-position:right 15px center; background-size:20px;}
	.mc02 .img {width:55%; height:calc(100vh - 70px);}
/* sub */
	.svisual .inner {height:400px; padding-top:70px;}
	.svisual p {font-size:16px;}
	.svisual strong {font-size:50px;}
	.svisual .location {bottom:80px; font-size:15px;}
	.aside dd {gap:50px;}
	.aside a {font-size:16px; line-height:60px;}
	.title {font-size:30px; margin:50px 0 60px;}
	.container {padding-bottom:80px;}
	.ctit {font-size:28px; margin-bottom:30px;}
	.btit {font-size:32px; line-height:40px;}
	.stit {font-size:20px; margin:70px 0 20px;}
/* 회사소개 */
	.about01 ul {gap:4px;}
	.about01 li {width:calc((100% - 8px)/3);}
	.about01 .txtarea {padding:30px 0 80px;}
	.about01 .txtarea .tit .tt {font-size:25px;}
	.about01 .txtarea .tit p {font-size:18px; line-height:28px;}
	.about01 .txtarea .con p {font-size:14px; line-height:22px;}
	.about01 .txtarea .con .name {font-size:16px;}
	.about02 .img {height:260px; gap:10px;}
	.about02 .img p {font-size:16px;}
	.about02 .img span {font-size:22px;}
	.history {padding:50px 0;}
	.history dl {margin-bottom:60px;}
	.history dt {font-size:22px;}
	.history dd p {font-size:15px;}
	.factory_photo {padding:50px 0 70px;}
	.factory_photo .imgs {gap:5px;}
	.factory_photo .imgs img {width:calc((100% - 10px)/3);}
/* 오시는길 */
	.tabs li {max-width:200px;}
	.tabs li > * {height:50px; line-height:48px;}
	.map_wrap .wrap_map {height:380px !important;}
	.map_txt {margin:30px 0 60px;}
	.map_txt i {width:50px; height:50px;}
	.map_txt p br.mo_vw {display:block !important;}
/* 제품 */
	.product_head .txt {padding-top:40px;}
	.product_head .txt p {font-size:16px; line-height:24px;}
	.product_head .txt .montser {font-size:14px;}
	.product_head .txt .tit {font-size:36px; margin:10px 0 40px;}
	.product_head .head_slide .slick-slide > div {height:400px;}
	.gbox {padding:80px 0; margin:80px 0;}
	.items_state ul {gap:0 40px;}
	.items_state li {width:calc(50% - 20px);}
	.items_state li .tt {font-size:30px;}
	.items_state li:nth-child(2n) {margin-top:80px;}
	.product_info {font-size:15px; line-height:24px;}
	.product_info.mt {margin-top:100px;}
	.product_info .btit {margin-bottom:40px;}
	.product_info .btit ~ .btit {margin-top:120px;}
	.product_info .type li {padding:0 10px;}
	.product_info .type .tt {font-size:20px; margin-top:40px;}
	.product_info .type p {font-size:16px; margin-top:10px;}
	.tbl th,
	.tbl td {padding:10px;}
	.tbl th {font-size:16px;}
	.tbl td {font-size:14px;}
	.tbl col.th {width:140px;}

/* 갤러리 목록 */
	.gall_list {gap:16px;}
	.gall_list a {width:calc((100% - 32px)/3); height:25vw;}
	.gall_list a:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:50%; background:linear-gradient(#0000,#000f);}
	.gall_list p {font-size:14px; line-height:22px; opacity:1; height:50px; background:none; z-index:;}

/* 게시판 상세 */
	.board_view .tit {font-size:20px; line-height:26px;}

/* 게시판 목록 */
	.board_list th,
	.board_list td {height:55px;}
	.board_list th {font-size:16px;}
	.board_list td {font-size:14px;}
	.board_list .w1 {width:70px;}
	.board_list .w2 {width:100px;}
	.board_list .w3 {width:110px;}

	.board_bottom .btns {margin-top:50px;}
	.board_bottom .btns .btn {width:110px; height:40px; line-height:40px; font-size:14px;}
	.board_bottom .btns .btn_l {line-height:38px;}
	.board_bottom .btns_view {margin-top:20px;}
	.board_bottom .btns_view .btn_submit {font-size:15px; line-height:48px; height:60px; width:180px; padding:0 20px;}

	.board_write dl {margin-top:10px;}
	.board_write dt {width:140px; font-size:16px; line-height:50px; padding-left:20px;}
	.board_write dd {width:calc(100% - 140px); font-size:16px;}
	.board_write input.text {height:50px;}
	.board_write textarea.text {height:130px;}
	.board_write dd.file {padding:6px 0;}


	.board_write th {width:140px; font-size:16px; line-height:50px; padding-left:20px;}
	.board_write td {width:calc(100% - 140px); font-size:16px;}
	.board_write input.text {height:50px;}
	.board_write textarea.text {height:130px;}
	.board_write td.file {padding:6px 0;}

	.filebutton {width:90px; height:40px;}
	.filebutton span {height:40px; line-height:40px; font-size:15px;}
	.filebox {width:calc(100% - 90px); height:40px; line-height:40px; font-size:15px;}
	.yak_wrap {padding:20px;}
}

/* mobile */
@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
	..inner {padding:0px 10px;}
/* header */
	.header {height:50px;}
	.header .logo {line-height:50px;}
	.header .logo img {height:34px;}
	.header .gnb > ul > li > a {font-size:14px; line-height:40px; padding:0 20px;}
	.header .gnb > ul > li > a i:before {width:16px;}
	.header .gnb > ul > li > a i:after {height:16px;}
	.header .gnb > ul > li.on > a i:after,
	.header .gnb > ul > li.open > a i:after {width:16px;}
	.header .gnb > ul > li.on.open > a i:after {height:16px;}
	.header .snb > li > a {font-size:13px; line-height:35px; padding:0 30px;}
	.header .depth {padding-bottom:10px;}
	.header .depth > a {font-size:12px; line-height:30px; padding:0 40px;}
	.header .sns {right:60px;}
	.header .sns a {width:40px; height:50px; background-size:20px;}
/* footer */
	.footer {padding:30px 20px;}
	.footer .txt {padding:60px 0 0; font-size:12px;}
	.footer .txt:before {top:0; left:0; width:70px; height:34px;}
	.footer .txt .flex {gap:0 15px;}
	.footer .txt dl {gap:3px; line-height:16px;}
	.footer .copy {margin-top:10px;}
	.footer .gotop {bottom:25px; right:20px; width:40px; height:40px; background-size:auto 40%;}
/* main */
	.mv_txt p {font-size:12px; line-height:20px;}
	.mv_txt p.montser {font-size:13px;}
	.mv_txt .tt {font-size:34px; line-height:42px; margin:15px 0;}
	.mvisual_wrap .links a {width:50px; height:50px; gap:8px; font-size:12px;}
	.mvisual_wrap .links a:before {height:11px; background-size:contain;}
	.mvisual_wrap .mv_navi {bottom:20px;}
	.mvisual_wrap .mv_navi .arrow {width:24px; height:24px; background-size:auto 50%;}
	.mvisual_wrap .mv_navi .slick-dots {width:46px;}
	.mvisual_wrap .mv_navi .slick-dots li {font-size:12px; line-height:24px; height:24px;}
	.mvisual_wrap .mv_navi .slick-dots li span {padding:0 5px;}
	.mcon .tit p {font-size:12px;}
	.mcon .tit p.montser {font-size:13px;}
	.mcon .tit .tt {font-size:30px; margin:20px 0 10px;}
	.mc01 {padding:35px 20px 60px;}
	.mc01 .tit {margin-bottom:35px;}
	.mc01 ul {flex-wrap:wrap;}
	.mc01 li {width:calc(50% - 8px);}
	.mc01 a {height:56vw;}
	.mc01 .txt {padding:15px 20px;}
	.mc01 b {font-size:17px;}
	.mc01 p {font-size:12px; margin-top:5px;}
	.mc02 {flex-direction:column; gap:30px; padding:0 20px;}
	.mc02 .tit {width:100%; padding:0;}
	.mc02 .btns {gap:6px; margin-top:15px;}
	.mc02 .btns a {font-size:12px; line-height:34px; height:36px; width:120px; max-width:calc(50% - 3px); padding:0 10px;}
	.mc02 .img {width:calc(100% + 20px); height:100vw;}

/* sub */
	.svisual .inner {height:240px; padding-top:50px;}
	.svisual p {font-size:12px; margin-bottom:10px;}
	.svisual strong {font-size:38px;}
	.svisual .location {display:none;}
	.aside {background:#0084cc;}
	.aside .inner {display:flex; padding:0;}
	.aside .g,
	.aside .s dt {display:block;}
	.aside dl {position:relative; width:50%;}
	.aside .s {border-left:#fff3 1px solid;}
	.aside dt {position:relative; font-size:13px; color:#fff; line-height:40px; padding:0 20px;}
	.aside dt:after {content:""; position:absolute; top:0; right:20px; width:8px; height:100%; background:#fff; mask:url('/images/arrow_mo_menu.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_mo_menu.png') no-repeat 50% 50% / contain;}
	.aside .on dt {color:#222; background:#fff;}
	.aside .on dt:after {background:#222;}
	.aside dd {position:absolute; top:100%; left:0; width:100%; background:#fff; padding:10px 20px; display:none; box-shadow:rgba(0,0,0,.1) 0 5px 10px;}
	.aside a {display:block; font-size:12px; line-height:30px;}
	.aside a:after {height:1px;}
	.title {font-size:20px; margin:35px 0 30px;}
	.container {padding-bottom:50px;}
	.ctit {font-size:18px; margin-bottom:25px;}
	.btit {font-size:18px; line-height:24px;}
	.stit {font-size:18px; margin:60px 0 10px;}

/* 회사소개 */
	.about01 ul {flex-direction:column;}
	.about01 li {width:100%;}
	.about01 .txtarea {flex-direction:column; padding:25px 0 60px;}
	.about01 .txtarea > * {width:100%;}
	.about01 .txtarea .tit .tt {font-size:20px;}
	.about01 .txtarea .tit p {font-size:13px; line-height:22px; margin-top:15px;}
	.about01 .txtarea .con p {font-size:13px; line-height:22px; margin-top:20px;}
	.about01 .txtarea .con .name {font-size:14px; margin-top:15px;}
	.about02 .img {height:220px; gap:10px; text-align:center;}
	.about02 .img p {font-size:14px;}
	.about02 .img span {font-size:20px;}
	.history {padding:40px 0;}
	.history:before {left:10px;}
	.history dl {gap:10px; padding-left:10px; margin-bottom:40px;}
	.history dl > * {padding-left:20px;}
	.history dt {font-size:20px; line-height:24px;}
	.history dt i {left:-12px; width:24px; height:24px;}
	.history dt i:before {width:10px; height:10px;}
	.history dd p {font-size:13px; line-height:20px; margin-bottom:5px;}
	.history dl:nth-child(2n) {padding:0 0 0 10px; text-align:left;}
	.history dl:nth-child(2n) > * {padding:0 0 0 20px;}
	.history dl:nth-child(2n) dt i {right:auto; left:-12px;}
	.factory_photo {padding:30px 0 50px;}
	.factory_photo .imgs {gap:2px;}
	.factory_photo .imgs img {width:calc((100% - 4px)/3);}

/* 오시는길 */
	.tabs {gap:4px; margin-bottom:10px;}
	.tabs li {flex:1 1 calc((100% - 12px)/4);}
	.tabs li > * {height:40px; line-height:38px; font-size:12px;}
	.map_wrap .wrap_map {height:260px !important;}
	.map_txt {margin:0 0 40px; flex-direction:column;}
	.map_txt li {position:relative; width:100%; padding-left:50px; text-align:left; margin-top:20px; padding-top:20px; border-top:#ebebeb 1px solid; border-left:0;}
	.map_txt i {position:absolute; top:20px; left:0; width:40px; height:40px;}
	.map_txt strong {font-size:16px; margin-bottom:5px;}
	.map_txt p {font-size:12px;}
	.map_txt li:first-child {margin-top:0; border-top:0;}
	.map_btns {gap:10px;}
	.map_btns a {font-size:13px; line-height:40px; width:150px; max-width:calc(50% - 5px); padding:0 15px;}
	.map_btns a:after {right:20px; width:15px;}

/* 제품 */
	.product_head {flex-direction:column; gap:20px;}
	.product_head > * {width:100%;}
	.product_head .txt {padding-top:0;}
	.product_head .txt .montser {font-size:13px;}
	.product_head .txt .tit {font-size:22px; margin:10px 0 30px;}
	.product_head .txt p {font-size:14px; line-height:22px;}
	.product_head .head_slide {width:calc(100% + 20px); border-radius:10px 0 0 10px;}
	.product_head .head_slide .slick-slide > div {height:100vw;}
	.product_head .head_slide .slick-arrow {bottom:20px; width:40px; height:40px;}
	.product_head .head_slide .slick-prev {left:20px;}
	.product_head .head_slide .slick-next {left:70px;}
	.gbox {padding:60px 0; margin:60px 0;}
	.items_state ul {gap:20px;}
	.items_state li {width:100%;}
	.items_state li .tt {font-size:20px; margin:20px 0 12px;}
	.items_state li p {font-size:13px; line-height:20px;}
	.items_state li:nth-child(2n) {margin-top:0;}
	.product_info {font-size:13px; line-height:22px;}
	.product_info.mt {margin-top:40px;}
	.product_info .btit {margin-bottom:20px;}
	.product_info .btit ~ .btit {margin-top:50px;}
	.product_info .type {flex-direction:column; gap:30px;}
	.product_info .type li {flex-basis:100%; padding:0; display:flex; align-items:center;}
	.product_info .type img {width:100px;}
	.product_info .type .txt {width:calc(100% - 100px); padding-left:20px; text-align:left;}
	.product_info .type .tt {font-size:15px; margin-top:0;}
	.product_info .type p {font-size:13px; margin-top:5px;}
	.tbl th,
	.tbl td {padding:5px;}
	.tbl th {font-size:13px;}
	.tbl td {font-size:12px;}
	.tbl col.th {width:18%;}
	.product_info .tt {margin-top:20px;}
	.img_bs {margin-bottom:20px;}

/* 갤러리 목록 */
	.gall_list {gap:10px;}
	.gall_list a {width:calc(50% - 5px); height:34vw;}
	.gall_list p {font-size:12px; line-height:20px;}

/* 게시판 상세 */
	.board_view .tit {font-size:13px; line-height:20px; padding:15px 0;}
	.board_view .con {padding:20px 0;}

/* 게시판 목록 */
	.board_list th,
	.board_list td {height:40px;}
	.board_list th {font-size:13px;}
	.board_list td {font-size:12px;}
	.board_list .w3 {width:80px;}

	.board_bottom .btns {margin-top:40px;}
	.board_bottom .btns .fl,
	.board_bottom .btns .fr {width:49%;}
	.board_bottom .btns .fr {text-align:right;}
	.board_bottom .btns .btn {width:49%; height:40px; line-height:40px; font-size:13px; margin-bottom:5px;}
	.board_bottom .btns .btn_l {line-height:38px;}
	.board_bottom .paging {gap:2px; margin-top:40px;}
	.board_bottom .paging a {width:30px; height:30px; line-height:28px; font-size:12px;}
	.board_bottom .paging .prev {margin-right:2px;}
	.board_bottom .paging .next {margin-left:2px;}
	.board_bottom .btns_view {margin-top:20px;}
	.board_bottom .btns_view .btn_submit {font-size:13px; line-height:38px; height:40px; width:120px; padding:0 10px; background-size:18px; background-position:right 10px center;}

	.board_write dl {margin-top:10px; align-items:center;}
	.board_write dt {width:80px; font-size:13px; line-height:40px; padding-left:10px;}
	.board_write dd {width:calc(100% - 80px); font-size:13px;}
	.board_write input.text {height:40px;}
	.board_write dd.file {padding:5px 0;}


	.board_write th, .board_write td {padding:5px 0;}
	.board_write th {width:80px; font-size:13px; line-height:20px; padding-left:0px;}
	.board_write td {width:calc(100% - 80px); font-size:13px;}
	.board_write input.text {height:30px;}
	.board_write #wr_content {height:120px !important;}
	.board_write td.file {padding:5px 0;}

	.filebutton {width:60px; height:40px;}
	.filebutton span {height:40px; line-height:40px; font-size:13px;}
	.filebox {width:calc(100% - 60px); height:40px; line-height:40px; padding:0 5px; font-size:13px;}
	.radios {gap:10px 20px; flex-wrap:wrap; padding:10px 0;}
	label.radio,
	label.check {font-size:12px; line-height:24px; padding-left:26px;}
	label.radio i {top:2px;}
	label.check i {top:1px;}
	.yak_wrap {padding:15px;}
	.yak_wrap .tit {font-size:16px; margin-bottom:10px;}
	.yak_wrap .scroll {height:300px; max-height:calc(100vh - 96px); padding:10px; font-size:13px;}
	.fancybox-close {top:0; right:0; width:50px; height:40px; background-size:20px;}
}


@media screen and (max-width:400px){
	.hd_pops {top:100px !important; left:1% !important; max-width:98%;}
	.hd_pops_con {width:100% !important; height:auto !important;}
}
