/* hover */
@media screen and (min-width:1024px){
	.board_bottom .btns .btn:hover {background:#1a4a9e; color:#fff;}
	.board_bottom .paging a:hover {border-color:#1a4a9e;}
}

/* tablet */
@media screen and (max-width:1023px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header .black {position:fixed; top:0; left:-100%; width:100%; height:100%; background:#00000080; opacity:0; z-index:1; transition:.2s linear;}
	.header.on .black {left:0; opacity:1;}
	.header .search_area {margin:0 68px 0 auto;}
	.header .right_menu.pc_vw {display:none !important;}
	.header .btn_menu {position:absolute; top:0; right:20px; width:28px; height:100%; z-index:2;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:28px; height:2px; background:#333; margin-left:-14px; 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 .sitemap {position:fixed; top:0; right:-70%; width:70%; height:100%; padding:74px 20px 20px; background:#fff; opacity:0; z-index:1; display:block; transition:.2s linear;}
	.header.on .sitemap {right:0; opacity:1;}
	.header .sitemap:before {content:""; position:absolute; top:0; left:20px; width:124px; height:74px; background:url('/images/logo.png') no-repeat 0 50% / contain;}
	.header .sitemap .search_area {width:100%;}
	.header .sitemap .right_menu.mo_vw {display:flex !important; gap:10px; position:relative; padding:10px 0;}
	.header .sitemap .right_menu a {font-size:14px; line-height:38px; height:40px; flex:1 1 calc((100% - 30px)/4); text-align:center; border:#ddd 1px solid; border-radius:20px;}
	.header .sitemap .right_menu a + a:before {display:none;}
	.header .sitemap dl {border-bottom:#ddd 1px solid;}
	.header .sitemap dl.open,
	.header .sitemap dl.on {border-bottom:0;}
	.header .sitemap dl.open.on {border-bottom:#ddd 1px solid;}
	.header .sitemap dt button {position:relative; display:block; font-size:18px; color:#222; font-weight:500; line-height:50px; text-align:left; width:100%;}
	.header .sitemap dt button:after {content:""; position:absolute; top:0; right:0; width:16px; height:100%; background:url('/images/arrow_gnb.png') no-repeat 50% 50% / contain; transition:.2s linear;}
	.header .sitemap .open dt button:after,
	.header .sitemap .on dt button:after {transform:rotate(180deg);}
	.header .sitemap .on.open dt button:after {transform:rotate(0deg);}
	.header .sitemap dd {display:none; background:#f5f9ff; padding:20px;}
	.header .sitemap .on dd {display:block;}
	.header .sitemap dd a {display:block; font-size:15px; color:#777; font-weight:500; line-height:30px;}
	.header .sitemap dd .flex {flex-wrap:wrap;}
	.header .sitemap dd .flex a {width:25%;}
	
	


	
/* footer */
	.footer .bank {position:relative; margin-bottom:30px;}
/*	.footer .cscenter {position:relative; margin-bottom:30px;}*/

/* layout */
	.container {gap:60px; flex-direction:column-reverse; /* padding-top:134px; */ padding-bottom:50px;}
	.aside {width:100%;}
	.aside dl {display:none;}
	.aside .btm {margin-top:0; display:flex; gap:10px;}
	.aside .btm dl {display:block; width:calc(50% - 5px);}
	.aside .btm dl + dl {margin-top:0;}
	.container .contents {width:100%;}

	.login-box  {display:none;}

/* 메시에 마라톤 완전정복_770 앱 - 자료로 소개 */
	.inside_padding {padding:0 0 0 10px;}

/* 파인더등 안시장비 구매 - 상세 */
	.product_slide_nav {margin:0 -3px;}
	.product_slide_nav .slick-slide {padding:0 3px;}
	
	
/* 갤러리 목록 */
	.gall_list {gap:40px 20px;}
	.gall_list a {width:calc((100% - 40px)/3);}
	.gall_list .tit {height:24px; line-height:24px; margin:15px 0 6px; font-size:15px;}
	.gall_list p {font-size:13px;}
	
}

/* mobile */
@media screen and (max-width:767px){
	.inner {padding:0 10px;}
/* header */
	.header .top {height:50px; padding:10px 0;}
	.header .logo {line-height:50px; width:80px;}
	.header .search_area {width:160px; height:30px; padding-right:40px; margin-right:40px;}
	.header .search_area input {line-height:28px; padding-left:15px; font-size:12px;}
	.header .search_area .btn {width:40px; background-size:auto 50%;}
	.header .gnb li {width:calc(100%/3);}
	.header .gnb li.home {display:none;}
	.header .gnb li + li:before {height:12px;}
	.header .gnb li > a {font-size:12px; line-height:30px;}
	.header .btn_menu {right:0; width:24px;}
	.header .btn_menu p {width:24px; margin-left:-12px;}
	.header .btn_menu .t {margin-top:-8px;}
	.header .btn_menu .b {margin-top:6px;}
	.header .sitemap {right:-80%; width:80%; padding:50px 20px 20px;}
	.header .sitemap:before {width:80px; height:50px;}
	.header .sitemap .right_menu.mo_vw {gap:5px;}
	.header .sitemap .right_menu a {font-size:12px; line-height:28px; height:30px; flex:1 1 calc((100% - 15px)/4);}
	.header .sitemap dt button {font-size:14px; line-height:40px;}
	.header .sitemap dt button:after {width:12px;}
	.header .sitemap dd {padding:15px;}
	.header .sitemap dd a {font-size:13px; line-height:30px;}
	.header .sitemap dd .flex a {width:calc(100%/3);}
/* footer */
	.footer .links ul {gap:10px;}
	.footer .links a {font-size:12px; line-height:30px;}
	.footer .info {padding:20px 0; font-size:11px;}
	.footer .bank {margin-bottom:20px;}
	.footer .bank span {font-size:11px;}
	.footer .bank strong {font-size:14px; line-height:22px; margin:5px 0;}
	.footer .bank p {font-size:11px;}
	
	.footer .cscenter {margin-bottom:20px;}
	.footer .cscenter span {font-size:11px;}
	.footer .cscenter strong {font-size:14px; line-height:22px; margin:5px 0;}
	.footer .cscenter p {font-size:11px;}
	
	.footer .info ul {gap:0 10px; line-height:20px;}
	.footer .info .copy {margin-top:10px;}

/* layout */
	.container {gap:40px; padding-top:90px; padding-bottom:30px;}
	.aside .btm dt {font-size:12px; gap:4px; line-height:30px;}
	.aside .btm dt:before {width:12px; height:12px; background-size:contain;}
	.aside .btm dd {padding:15px 10px;}
	.aside .btm dd strong {font-size:12px; line-height:20px;}
	.aside .btm dd p {font-size:11px; margin-top:5px;}

/* main */
	.mvisual {margin-bottom:10px;}
	.mvisual .slick-dots {bottom:10px; gap:2px;}
	.mvisual .slick-dots button {width:8px; height:8px;}
	.mlink {gap:5px;}
	.mlink a {width:calc((100% - 10px)/3); height:77mpx; font-size:12px;}
	.mtit {font-size:14px; margin:30px 0 15px;}
	.product_list {gap:20px 10px;}
	.product_list a {width:calc((100% - 20px)/2);}
	/*.product_list a:nth-child(n+7) {display:none;}*/
	.product_list .txt {padding-top:5px; font-size:11px;}
	.product_list .txt .pay {margin-top:5px;}

  .guide-box{padding:14px 12px; height:180px;}
  .guide-box li{font-size:20px;padding:8px 0;}
  .guide-box .num{width:28px;height:30px; width:30px;font-size:13px;}
  .app-btn{font-size:15px;padding:10px 14px;}
  .app-btn img{width:38px;height:38px;}


/* sub */
	.ctit {font-size:20px; padding:20px 0; margin-bottom:20px;}
	.btit {font-size:24px; }
	.stit {font-size:20px; line-height:22px; margin:30px 0 15px; padding-left:20px;}
	.stit:before {width:14px; height:14px; border-width:3px;}

/* 메시에 마라톤 완전정복_770 앱 - 자료로 소개 */
	.inside_padding {padding:0; font-size:20px; line-height:30px;}
	.inside_padding p + p {margin-top:20px;}
	.inside_padding .pl {padding-left:25%;}
	.img_tac {margin:30px 0; padding:0 10%;}
/* 메시에 마라톤 완전정복_770 앱 - 녹화 동영상으로 소개 */
	.video_area {font-size:14px;}
	.video_area.mt {margin-top:40px;}

/* 내 장비 소개·구성·호핑 방법 - 파인더 구성 */
	.finder_configuration {gap:10px;}
	.finder_configuration.mt {margin-top:20px;}
	.finder_configuration li {width:calc(50% - 5px);}
	.finder_configuration .txt {font-size:13px; height:40px;}
/* 파인더등 안시장비 구매 - 상세 */
	.product_view .head {flex-direction:column; gap:20px;}
	.product_view .img_area {width:100%;}
	.product_slide {margin-bottom:10px;}
	.product_slide .slick-arrow {width:40px; height:40px; margin-top:-20px;}
	.product_slide_nav {margin:0 -2px;}
	.product_slide_nav .slick-slide {padding:0 2px;}
	.product_view .txt {width:100%;}
	.product_view .tit {font-size:16px; line-height:30px;}
	.product_view .txt dl {font-size:13px; padding:8px 0;}
	.product_view .txt dt {width:100px;}
	.product_view .txt dd {width:calc(100% - 100px);}
	.product_view .info,
	.product_view .option {padding:10px 0;}
	.product_view .option select {max-width:100%; padding:0 10px;}
	.product_view .total {font-size:13px; padding:15px 0;}
	.product_view .total strong {font-size:18px;}
	.product_view .btns {gap:6px;}
	.product_view .btns .like {width:40px;}
	.product_view .btns .like span {width:40px; height:40px;}
	.product_view .btns .btn {width:calc((100% - 46px)/2); height:40px; line-height:38px; font-size:14px;}

	.product_detail {margin-top:40px;}
	.product_detail .jq_tab {margin-bottom:20px;}
	.product_detail .jq_tab button {font-size:13px; line-height:48px;}

/* 게시판 목록 */
	.board_list th,
	.board_list td {height:50px; padding:10px 0;}
	.board_list th {line-height:30px;}
	.board_list .w100 {width:60px;}
	.board_list .w160 {width:80px;}
	.mo_break_tbl colgroup,
	.mo_break_tbl thead {display:none;}
	.mo_break_tbl table,
	.mo_break_tbl tbody,
	.mo_break_tbl td {display:block;}
	.mo_break_tbl tr {display:flex; flex-wrap:wrap; padding:10px 0; border-bottom:#ddd 1px solid;}
	.mo_break_tbl td {border:0; padding:0; height:auto; text-align:left;}
	
/* 갤러리 목록 */
	.gall_list {gap:20px;}
	.gall_list a {width:calc(50% - 10px);}
	.gall_list .tit {height:20px; line-height:20px; margin:10px 0 2px; font-size:14px;}
	.gall_list p {font-size:12px;}		
	
/* 장바구니 */
	.cart_wrap tr {position:relative; padding-left:30px;}
	.mo_break_tbl .cart1 {position:absolute; top:10px; left:0;}
	.mo_break_tbl .cart2,
	.mo_break_tbl .cart3,
	.mo_break_tbl .cart4,
	.mo_break_tbl .cart5,
	.mo_break_tbl .cart6 {width:100%; color:#222; font-weight:500;}
	.mo_break_tbl .cart2 {margin-bottom:10px;}
	.mo_break_tbl td:before {font-size:12px; color:#777; font-weight:400; width:50px; display:inline-block; vertical-align:top;}
	.mo_break_tbl .cart3:before {content:"총수량";}
	.mo_break_tbl .cart4:before {content:"판매가";}
	.mo_break_tbl .cart5:before {content:"소계";}
	.mo_break_tbl .cart6:before {content:"배송비";}
	.cart_wrap .board_list .tal a {padding-left:70px; height:60px; line-height:60px; width:100%;}
	.cart_wrap .board_list .tal a .imgfit {width:60px; height:60px;}
	.cart_wrap .btns {gap:8px; padding:15px 0 30px;}
	.cart_wrap .btns .btn {font-size:13px; line-height:28px; height:30px; width:100px;}
	.cart_wrap .total {padding:15px;}
	.cart_wrap .total li {max-width:200px;}
	.cart_wrap .total li:after {font-size:14px;}
	.cart_wrap .total span {font-size:12px;}
	.cart_wrap .total strong {font-size:18px; margin-top:5px;}
	.cart_wrap .btns_center {gap:4px; margin-top:30px;}
	.cart_wrap .btns_center .btn {width:180px; height:50px; line-height:48px; font-size:13px;}
/* 게시판 하단 */
	.board_bottom .btns {gap:4px; margin-top:15px;}
	.board_bottom .btns .left,
	.board_bottom .btns .right {gap:6px;}
	.board_bottom .btns .btn {width:120px; height:40px; line-height:38px; font-size:14px;}
	.board_bottom .paging {gap:4px; margin-top:40px;}
	.board_bottom .paging a {width:28px; height:28px; line-height:27px; font-size:14px; margin:0 2px;}
	.board_bottom .paging .prev {margin-right:4px;}
	.board_bottom .paging .next {margin-left:4px;}
/* 게시판 상세 */
	.board_view .tit {padding:20px 0;}
	.board_view .tit strong {font-size:15px; line-height:24px;}
	.board_view .tit .info {gap:10px;}
	.board_view .tit .info dl {gap:2px; font-size:12px; line-height:20px;}
	.board_view .con {padding:30px 0;}
	.board_view .file {line-height:22px; padding:15px 0;}
	.board_view .file dt {width:70px; font-size:14px;}
	.board_view .file dd {width:calc(100% - 70px);}
	.board_view .file dd a {font-size:13px;}

/* 게시판 쓰기 */
	input.text,
	select.text {height:40px;}
	textarea.text {height:160px;}
	.board_write th,
	.board_write td {font-size:13px;}
	.board_write th {width:60px;}
	.board_write td {padding:10px 0;}

/* 마이페이지 */
	.tabs {gap:5px; margin-bottom:40px;}
	.tabs a {font-size:13px; line-height:38px; height:40px; width:calc((100% - 10px)/3);}
	.mypage_wrap .tit {font-size:15px; line-height:20px; padding-bottom:5px;}
	.order_search {padding:15px 0; padding-right:0; margin-bottom:20px; flex-wrap:wrap; gap:10px;}
	.order_search dl {width:100%;}
	.order_search dt {font-size:14px; width:80px;}
	.order_search dd {width:calc(100% - 80px);}
	.order_search dd label {width:calc(100%/6); max-width:calc(100%/6);}
	.order_search dd label span {font-size:13px; line-height:30px;}
	.order_search .btn_search {font-size:13px; line-height:30px; height:30px; width:100%;}
	.mypage_wrap .board_list th {font-size:13px; line-height:20px;}
	.mypage_wrap .board_list td {padding:0;}
	.mypage_wrap .cart_wrap tr {padding-left:0;}
	.mo_break_tbl .mypage1 br {display:none;}
	.mo_break_tbl .mypage2 {width:100%; margin:10px 0;}
	.mo_break_tbl .mypage3 {width:50%; display:flex; align-items:center;}
	.mo_break_tbl .mypage4 {width:50%; display:flex; justify-content:flex-end; align-items:center; gap:10PX;}
	.mo_break_tbl .mypage3:before {content:"결제금액";}
	.mypage_wrap .mo_break_tbl .mypage4 .btn {margin:0;}
	.mypage_wrap .board_list td .btn {font-size:13px; line-height:24px; height:26px; width:84px; margin:0;}
}

@media screen and (max-width:400px){
	.hd_pops {top:60px !important; left:1% !important; max-width:98%;}
	.hd_pops_con {max-width:100% !important; height:auto !important;    max-height:300px; overflow:scroll;}
	.tbl th, .tbl td, .board_list th, .board_list td {height:30px; padding:5px 5px;}
}