@media screen and (max-width:1280px){
	br.pc_vw {display:none;}
/* header */
	.header .gnb {padding-left:0;}
	.header .gnb li > a {padding:0 30px;}
/* footer */
	.quick {width:140px;}
	.quick a {font-size:13px; line-height:46px;}
/* main */
	.mvisual .mv {height:500px;}
	.mvisual .txt {padding:0 20px;}
	.mvisual .txt .tt {font-size:40px;}
	.mvisual .txt p {font-size:18px; line-height:26px;}
	.mvisual .txt p strong {font-size:20px; line-height:32px;}
	.mvisual .slick-prev {left:5px;}
	.mvisual .slick-next {right:5px;}
	.mcon01 {padding:80px 0 120px;}
	.pro_list {gap:20px;}
	.pro_list li {width:calc((100% - 40px)/3);}
	.pro_list .img {height:20.22vw;}
	.mcon02 {padding-bottom:120px;}
	.mcon02 .inner {gap:30px;}
	.mcon02 .notice {width:calc((100% - 410px)/2);}
	.mcon02 .contact .tel {font-size:34px;}
/* sub */
	.aside .inner {padding:0;}
	.aside a {font-size:15px; line-height:30px; padding:0 10px;}
/* 약도 */
	.map_wrap .txt {top:30px; left:20px; width:400px; padding:40px 30px;}
/* 동영상 */
	.gall_list li .img {height:20.71vw;}
}

@media screen and (min-width:1024px){
	.ie_wrap .link a:hover {opacity:.7;}
	.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
	.board_bottom .btns .btn_l:hover {background:#f5f5f5; color:#04427b;}
	.board_bottom .paging a:hover {background:#3c3c3c; color:#fff; border-color:#0e5ba2;}
	.header .top .langs dd a:hover {color:#fff;}
	.header .menu_s:hover > a,
	.header .menu_d:hover > a,
	.header .menu_d2 a:hover {color:#fff; background:#077e35;}
	.header .top .langs:hover dd,
	.header .gnb li:hover .snb,
	.header .indep:hover > a:after,
	.header .snb .menu_s:hover .depth,
	.header .depth .menu_d:hover .menu_d2 {display:block;}
	.mvisual .slick-arrow:hover {opacity:1;}
	.aside a:hover:after {left:0; width:100%;}

	.lr_area .gnb li:hover .snb,
	.lr_area .indep:hover > a:after,
	.lr_area .snb .menu_s:hover .depth,
	.lr_area .depth .menu_d:hover .menu_d2 {display:block;}
}

@media screen and (max-width:1023px){
	.header > .inner {height:80px;}
	.header .top .inner {height:80px;}
	.header .logo {line-height:80px;}
	.header .logo img {height:60px;}
	.header .gnb li > a {font-size:16px; line-height:60px; padding:0 30px;}
	.header .snb {top:60px;}
    .quick {display:none;}
/* main */
	.mvisual {margin-top:80px;}
	.mvisual .mv {height:400px;}
	.mvisual .txt .tt {font-size:30px; margin-bottom:26px; margin-bottom:25px;}
	.mvisual .txt p {font-size:16px; line-height:24px;}
	.mvisual .txt p strong {font-size:18px;}
	.pro_list p {font-size:14px; line-height:40px;}
	.mcon02 .inner {gap:20px; flex-wrap:wrap;}
	.mcon02 .notice,
	.mcon02 .contact {width:calc(50% - 10px);}
	.mcon02 .notice {order:1;}
	.mcon02 .contact {order:2;}
	.mcon02 .banner {order:3; }
/* sub */
	.svisual {margin-top:80px;}
	.aside a {line-height:24px;}
	.container {font-size:14px;}

	.map_wrap .txt {top:15px; left:10px; width:45%; padding:20px;}
	.map_wrap .txt .name {font-size:17px; margin-bottom:10px;}
	.map_wrap .txt dt,
	.map_wrap .txt dd {font-size:13px; line-height:22px;}

	.board_in thead th {font-size:20px; line-height:1; padding:15px 10px 0;}
	.board_in thead td span {font-size:13px; line-height:22px; padding:0 10px;}
	.board_in tbody td {padding:15px 0;}
	.board_bottom .btns .btn {width:110px;}

	.contact_area .gbox {padding:20px;}
	.contact_area .tit {font-size:20px; margin-bottom:30px;}
	.contact_area .wbox {padding:20px 15px; margin:10px 0 20px;}
	.contact_area .wbox li {font-size:14px;}
	.contact_area .w_area tr > *:first-child {width:120px;}
	.contact_area .w_area th,
	.contact_area .w_area td {font-size:13px; line-height:20px; padding:10px;}
	.tabs {gap:5px 10px;  margin-bottom:40px;}
	.tabs li {width:calc((100% - 50px)/5);  }
	.tabs li a {font-size:12px; line-height:30px;  height:32px;}

	.lr_area {gap:40px;}
	.lr_area .left_menu {width:200px;}
	.lr_area .h2_title {font-size:20px; line-height:100px;}
	.lr_area .tabs li a {padding:0 15px;}
	.lr_area .tabs > li > a {font-size:14px; line-height:50px; height:50px;}
	.lr_area .tabs2 > li > a {font-size:13px; line-height:40px; height:40px;}
	.lr_area .contents {width:calc(100% - 240px);}
	.stit {font-size:24px; margin-bottom:15px;}
	.dtit {font-size:16px; margin-bottom:25px;}
}

@media screen and (min-width:768px){
	.lr_area .tabs {display:flex !important;}
}

@media screen and (max-width:767px){
	.inner{padding:0 10px;}
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header {position:fixed;}
	.header .top .inner {height:50px;}
	.header .logo {line-height:50px;}
	.header .logo img {height:40px;}
/*	.header .top .right {display:none;}*/

	.header .top .right {display:flex; gap:20px;        margin-right:50px;}
	.header .top .right a {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px;}
	.header .top .right a:before {content:""; display:block; width:100%; height:16px; background:no-repeat 50% 50%;}
	.header .top .right .mem1:before {display:none;}
	.header .top .right .mem2:before {display:none;}
	.header .top .right .mem3:before {display:none;}
	.header .top .right .langs_new:before {display:none;}

	.header .btn_menu {position:absolute; top:0; right:0; width:50px; height:50px; z-index:1; display:block;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:20px; height:2px; background:#333; margin-left:-10px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-9px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:7px;}
	.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,
	.header .gnb .black {position:fixed; top:0; right:0; width:100%; height:100%; opacity:0; transition:.2s linear;}
	.header .gnb {padding:0 0 0 30%; right:-100%; }
	.header.on .gnb {right:0; opacity:1;}
	.header .gnb .black {background:rgba(0,0,0,.6); left:-100%;}
	.header.on .black {left:0; opacity:1;}
	.header .gnb ul {position:relative; width:100%; height:100%; background:#fff; padding-top:50px; flex-direction:column;}
	.header .gnb li > a {position:relative; display:block; font-size:13px; color:#333; font-weight:700; line-height:40px; padding:0 25px;}
	.header .snb {position:relative; top:0; left:0; border-top:0; width:100%; padding:0;}
	.header .snb a {font-size:12px; font-weight:400; text-align:left; padding:5px 25px; height:auto;}
	.header .all_category .snb {display:none;}
	.header .gnb li.mo_vw {padding:0 25px;}
	
	.header .gnb .langs {z-index:1; margin:15px 0 30px;}
	.header .gnb .langs dt {color:#0d0d0d;}
	.header .gnb li > a.btn_log {color:#fff; background:#077e35; line-height:40px; height:40px; text-align:center;}
	.header .depth {position:relative; top:0; left:0; width:100%; padding:0;}
	.header .menu_s.on .depth {display:block;}
	.header .depth .tt {font-size:14px; line-height:30px; padding-left:25px; display:none;}
	.header .depth .tt:before {width:10px; height:10px; left:5px;}
	.header .depth a {line-height:25px;}
	.tabs li {width:auto; padding:0px 10px;  }
/* footer */
	.footer {padding:35px 0;}
	.footer .inner {padding:60px 20px 0; background-position:20px 0; background-size:37px;}
	.footer .address span {font-size:10px; line-height:16px; margin-right:5px;}
	.gotop {width:40px; height:40px;}
/* main */
	.mvisual {margin-top:50px;}
	.mvisual .mv {height:300px;}
	.mvisual .slick-arrow {width:20px; background-size:12px;}
	.mvisual .txt .tt {font-size:17px; padding-bottom:17px; margin-bottom:20px;}
	.mvisual .txt .tt:after {width:26px; margin-left:-13px;}
	.mvisual .txt p {font-size:10px; line-height:16px; width:220px; margin:0 auto;}
	.mvisual .txt p strong {font-size:12px; line-height:20px; margin-top:5px;}
	.mcon01 {padding:65px 0 75px;}
	.mcon01 .title {font-size:15px; line-height:1.2; margin-bottom:30px;}
	.pro_list {gap:10px;}
	.pro_list li {width:calc((100% - 10px)/2);}
	.pro_list .img {height:28vw;}
	.pro_list p {font-size:10px; line-height:30px;}
	.mcon02 {padding-bottom:60px;}
	.mcon02 .inner {flex-direction:column;}
	.mcon02 .notice,
	.mcon02 .banner,
	.mcon02 .contact {width:100%;}
	.mcon02 .notice {order:1;}
	.mcon02 .banner {order:2;}
	.mcon02 .contact {order:3;}
	.mcon02 .tit {font-size:15px; margin-bottom:10px;}
	.mcon02 .notice li a {font-size:12px; line-height:30px;}
	.mcon02 .contact {display:flex; flex-wrap:wrap;}
	.mcon02 .tit {width:100%;}
	.mcon02 .contact .tel {font-size:20px; line-height:20px; width:100%; background-size:20px; padding-left:25px; margin-bottom:10px;}
	.mcon02 .contact dl {width:50%;}
	.mcon02 .contact dt,
	.mcon02 .contact dd {font-size:12px;}
	.mcon02 .contact dt {width:45px;}
	.mcon02 .contact dd {width:calc(100% - 45px);}
	.mcon02 .contact .bar {margin:5px 0;}
/* sub */
	.svisual {margin-top:50px; line-height:120px; height:120px; font-size:23px;}
	.aside {position:relative; padding-left:40px; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; margin-bottom:45px;}
	.aside .inner {display:flex;}
	.aside .home,
	.aside .g,
	.aside .s dt {display:block;}
	.aside .home {position:absolute; top:0; left:0; width:40px; height:40px; background:url('/images/icon_home.png') no-repeat 50% 50% / 12px;}
	.aside dl {position:relative; width:50%; border-left:#ddd 1px solid;}
	.aside dt {position:relative; font-size:12px; color:#333; line-height:40px; padding:0 10px;}
	.aside dt i {position:absolute; top:0; right:10px; width:10px; height:100%;}
	.aside dt i:before,
	.aside dt i:after {content:""; position:absolute; top:50%; left:50%; width:6px; height:1px; background:#000; transition:.2s linear;}
	.aside dt i:before {margin-left:-5px; transform:rotate(45deg);}
	.aside dt i:after {margin-left:-1px; transform:rotate(-45deg);}
	.aside .on dt i:before {transform:rotate(-45deg);}
	.aside .on dt i:after {transform:rotate(45deg);}
	.aside dd {position:absolute; top:40px; left:-1px; width:calc(100% + 2px); flex-direction:column; gap:0; background:#fff; border:#ddd 1px solid; display:none;}
	.aside a {font-size:12px; line-height:20px; height:40px; justify-content:flex-start; text-align:left;}
	.aside a:after {width:2px; height:0;}
	.aside a.on:after {width:2px; height:100%;}

	.container {font-size:11px; line-height:1.4; padding-bottom:50px;}
	.container .title {font-size:16px; line-height:1.4; margin-bottom:30px;}

	.greeting {flex-direction:column;}
	.greeting .txt,
	.greeting .img {width:100%; max-width:100%;}
	.greeting .txt .tt {font-size:13px;}
	.greeting .txt p {margin:20px 0;}
	.greeting .txt .name:after {width:40px; height:40px;}
	.greeting .img {height:62vw; margin-top:60px;}

	.map_wrap {display:flex; flex-direction:column;}
	.map_wrap .txt {position:relative; order:2; top:0; left:0; width:100%; padding:15px;}
	.map_wrap .txt .name {font-size:15px; margin-bottom:5px;}
	.map_wrap .txt dt,
	.map_wrap .txt dd {font-size:12px; line-height:24px;}
	.map_wrap .root_daum_roughmap {order:1;}
	.map_wrap .wrap_map {height:300px !important;}

	.search_wrap {padding:15px; margin-bottom:30px;}
	.search_wrap b {font-size:13px; margin-bottom:10px;}
	.search_area .text,
	.search_area .btn {font-size:13px;}
	.search_area .text {width:calc(100% - 90px);}

	.pro_info {flex-direction:column;}
	.pro_info dt,
	.pro_info dd {width:100%;}
	.pro_info dt .img {height:auto;}
	.pro_info dt .btn_zoom {font-size:12px; line-height:38px; height:40px; width:160px;}
	.pro_info dt .btn_zoom:before {height:38px;}
	.pro_info dd {padding:30px 0 0;}
	.pro_info dd .tit {font-size:17px; padding-bottom:20px; margin-bottom:15px;}
	.pro_info dd .con {font-size:13px;}
	.pro_view {margin-top:35px; padding-top:30px;}

	.gall_list {gap:30px 10px;}
	.gall_list li {width:calc((100% - 10px)/2);}
	.gall_list li .img {height:24vw;}
	.gall_list li p {font-size:12px; margin-top:10px;}
	.board_bottom .paging a {font-size:12px;}

	.board_list .w2 {width:70px;}
	.board_list .w3 {width:60px;}
	.board_write .w1 {width:80px;}
	.board_list th,
	.board_list td {height:40px;}
	.board_list .btn_down {font-size:12px; width:70px;}
	.board_list .btn_down:before {width:10px; margin-right:3px;}
	.board_in thead th {font-size:15px; padding:10px 10px 0;}
	.board_in thead td span {font-size:11px; line-height:20px; padding:0 5px;}
	.board_in tfoot td {font-size:12px; padding-left:60px;}
	.board_bottom .btns > * {width:49%;}
	.board_bottom .btns .btn {width:49%; line-height:28px; height:30px; font-size:12px; margin-bottom:5px;}

	.contact_area .gbox {padding:15px;}
	.contact_area .tit {font-size:15px; margin-bottom:20px;}
	.contact_area p {line-height:20px;}
	.contact_area .wbox {padding:10px; margin:5px 0 10px;}
	.contact_area .wbox li {font-size:12px; line-height:20px; padding-left:10px; text-indent:-10px;}
	.contact_area .i {font-size:12px; line-height:28px; padding-left:25px; background-size:auto 16px;}
	.contact_area .w_area {margin-top:20px; gap:20px; flex-direction:column;}
	.contact_area .w_area .wbox {width:100%;}
	.contact_area .w_area .tt {font-size:14px; margin-bottom:10px;}
	.contact_area .w_area th,
	.contact_area .w_area td {font-size:12px; padding:5px;}

	.lr_area {flex-direction:column; gap:30px;}
	.lr_area .left_menu {width:100%;}
	.lr_area .h2_title {position:relative; font-size:15px; line-height:40px; text-align:left; padding:0 20px;}
	.lr_area .h2_title:after {content:""; position:absolute; top:0; right:14px; width:12px; height:100%; background:#fff; mask:url('/images/arrow_tabs.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_tabs.png') no-repeat 50% 50% / contain; transition:.2s linear;}
	.lr_area .tabs {position:absolute; top:100%; left:0; width:100%; max-height:400px; overflow:auto; display:none;}
	.lr_area .tabs li {padding:0;}
	.lr_area .tabs li a {padding:0 20px;}
	.lr_area .tabs > li > a {font-size:13px; line-height:40px; height:40px;}
	.lr_area .tabs2 > li > a {font-size:12px; line-height:30px; height:30px;}
	.lr_area .contents {width:100%;}
	.stit {font-size:18px; margin-bottom:10px;}
	.dtit {font-size:14px; margin-bottom:20px;}

	.lr_area .all_category .snb {position:absolute; top:100%; left:0; width:100%; display:none; max-height:50vh; overflow:auto;;}
	.lr_area .snb a {font-size:13px; line-height:20px; height:auto; padding:10px;}
	.lr_area .menu_d > a,
	.lr_area .menu_d2 > a {padding:5px;}
	.lr_area .menu_s.open > a {color:#fff; background:#077e35;}
	.lr_area .menu_s.open.on > a {color:#252525; background:#fff;}
	.lr_area .depth {position:relative; left:0; width:100%; padding:5px 10px;}
	.lr_area .depth .tt {display:none;}
	.lr_area .menu_s.on .depth {display:block;}

}

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