@-ms-viewport{width:device-width}

@media screen and (max-width: 1030px){
.support_wrap .support_list > li{flex:1 0 50%; max-width: 50% !important; margin: 0!important; }
.support_wrap .support_list > li .inn{display: flex; flex-wrap: wrap; align-items: center; align-content: center; min-height: inherit; padding: 1em .5em; margin: 0 0 -1px -1px; justify-content: center;}
.support_wrap .support_list > li .inn .img{min-height: inherit;}
.support_wrap .support_list > li .inn .img img {width: 2em;}
.support_wrap .support_list > li .inn .titt {width: 11em;}
.support_wrap .support_list > li .inn .btn{position: inherit; left: inherit; bottom: inherit; transform: inherit;}


}

@media screen and (max-width: 1024px){
.PHONE { display: block; }
.PC { display: none; }

#header .s_header { text-align: center; }
#header .s_header .left { float: none; }
#header .s_header .right { float: none; }
#header .m_header { text-align: center; }
#header .m_header .logo { display: inline-block; float: none; box-sizing: border-box; }
#header .m_header .tel { float: none; text-align: center; margin-top: 7px; }
#header .m_header .tel .num { font-size: 1.375rem; }
#header .m_header .tel .xi { width: 25px; height: 25px; line-height: 25px; font-size: 1rem; }
#header .m_header .tel .st { font-size: .813rem; }
.goog-te-gadget-simple { display: inline-block; }

#header .gnb_layout_wrap{justify-content: center;}



#contents .mainV { height: auto; }
#contents .mainV .admin_btn { top: auto; bottom: -36px; right: 0; }
#contents .tit { font-size: 1.25rem!important; }
#contents .greet_w .con { font-size: .875rem; padding: 12px 10px; }
#contents .info_w .con { padding-top: 5px; }
#contents .info_w .con ul li a { position: relative; }
/* #contents .info_w .con ul li a .text { display: block; width: 96%; padding-left: 0; margin: 10px auto 0 auto; word-break: break-all; }
#contents .info_w .con ul li a .date { position: absolute; top: 10px; right: 15px; border-right: 0; padding: 0; font-size: .813rem; } */

#footer { padding: 20px 0; }
#footer ul li:not(:last-child) { margin-right: 0; margin-bottom: 10px; }
#footer ul li:not(:last-child) a { display: inline-block; width: 200px; height: 25px; line-height: 25px; border: 1px solid #f57d20; color: #f57d20; font-size: .750rem; transition: .3s; }
#footer ul li:not(:last-child) a:hover { background: #f57d20; color: #FFF; }
#footer ul li { float: none; text-align: center; }
#footer .copyright { font-size: .625rem; }


#contents .sub table { width: 100%; font-size: .875rem; margin-top: 10px; }
#contents .tt { font-size: .938rem!important; }
#contents .map_w .map .img { float: none; width: 440px; height: auto; max-width: 100%; margin: 0 auto 10px auto; }
#contents .map_w .map .google { float: none; width: 440px; margin: 0 auto; }

#contents .product ul li { width: 100%; max-width: 100%; display: block; margin: 0 auto; }
#contents .product ul li:not(:last-child) { margin-right: auto; margin-bottom: 10px; }
#contents .product ul.prod_list li:not(:last-child){margin-bottom: 0;}
#contents .product ul li .inner { width: 240px; margin: 0 auto; }
#contents .product ul li .inner a { font-size: .875rem; }

#contents .product .v_inner .con .text_w .btn a { font-size: .875rem; }
#contents .news .news_in .text_w .con .inner .btn a { font-size: .875rem; }

#contents .support .st { font-size: .875rem; }


#contents .news ul li { width: 100%; max-width: 100%; display: block; margin: 0 auto; }
#contents .news ul li:not(:last-child) { margin-right: auto; /*margin-bottom: 10px; */}
#contents .news ul li .inner { width: 240px; margin: 0 auto; }
#contents .news ul li .inner a { font-size: .875rem; }

/* #contents .news .news_in .img_w { width: 30%; }
#contents .news .news_in .text_w { width: 70%; } */

#contents .sitemap .con .tt { font-size: inherit!important; }
#contents .private .st { width: 96%; margin: 10px auto 20px auto; font-size: .813rem; }

/*l-nav*/
.l-nav .nav_logo { padding: 0; height: 86px; }
.l-nav .nav_close { width: auto; height: auto; top: 25px; right: 25px; }
.l-nav .gnb { padding-top: 0; }
.l-nav .gnb .dp1 { line-height: 1; height: 54px; position: relative; }
.l-nav .gnb .dp1.nolink:after { position: absolute; top: 17px; right: 20px; }
html.l-nav-closing body { background: url(/theme/am_pass/images/am_bg.png) no-repeat 73% 0%; }

#header .box1 { position: relative; }
.all_gnb_btn { position: absolute; top: 50%; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; border: 1px solid #f57d20; background: #f57d20; display: inline-block; font-size: 1.125rem; color: #FFF!important; transition: .3s; transform: translateY(-50%)}
.pg_wrap { margin-top: 15px; }

table.response{ font-size:1em;}
table.response,
table.response caption,
table.response thead,
table.response tbody,
table.response tfoot,
table.response tr,
table.response th,
table.response td{ display:block; box-sizing:border-box; height:auto !important; width:auto !important;}
table.response thead{ display:none;}
table.response tr{ position:relative;}
table.response *[data-th]{ display:flex !important; flex-wrap:wrap; align-content:center; align-items:center; text-align:left !important}
table.response *[data-th]:before{ content:attr(data-th); box-sizing:border-box; display:flex; align-content:center; align-items:center; flex:1 0 7.5em; max-width:7.5em; padding-right:.75em; color:#000; font-weight:700; font-size: .750em;}
table.response *[data-th] > *{ flex:1;}
table.response.mNo{display:none;}
.mNotd{display: none !important}

#contents .sub table.partsSt td{border-bottom: none;}
.part_w .part_btm .part_img{flex:inherit;}
.part_w .part_btm table tr > td:nth-child(2){padding-left: 1em;}
.part_w .part_btm table tr > td:nth-child(2) .plus,
.part_w .part_btm table tr > td:nth-child(2) .minus{top: 1em; left: 4em; margin-top: 0;}

#contents .mainV.st2 .inner .banner_w .inn{display: block !important}
#contents .mainV.st2 .inner .banner_w .inn .img_w{width: 100%;}
#contents .mainV.st2 .inner .banner_w .inn .img_w img{width: 100%}
#contents .mainV.st2 .inner .banner_w .inn .video_w{width: 100%; margin-top: .25em;}

}
/*1024 END*/

@media screen and (max-width: 900px){
.dp0_1 .table_w{padding: .5em;}
#contents .product .v_inner .con{padding: 20px 10px;}


.sub4_wrap .list{margin: 1em 0 0 -3em;}
.sub4_wrap .list > li .in{margin: 0 0 0 3em;}
.sub4_wrap .list > li .in .sub4_icon .xi{font-size: 4em;}
.sub4_wrap .list > li .in .line{padding: 2.5em 1em 8em 1em}
.sub4_wrap .list > li .in .sub4_tit{font-size: 1.313em;}



}

@media screen and (max-width: 850px){
.sub4_wrap .list{margin: 1em 0 -.75em 0; display: block;}
.sub4_wrap .list > li{flex:100%; max-width: 100% !important}
.sub4_wrap .list > li .in{margin: 0 0 .75em 0;}
.sub4_wrap .list > li .in .line{padding: 2em 1em 4em 1em;}
.sub4_wrap .list > li .in .sub4_txt{font-size: .813em;}

}


@media screen and (max-width: 768px){
#contents .greet_w .con {	word-break: break-all; }
#contents .greet_w .con br { display: none; }
.part_w .part_btm table tr > td:nth-child(2){padding-left: 1em;}
.part_w .part_btm .part_img{float: inherit; margin-right: 1em; flex:inherit; overflow: hidden;}

.part_w .part_detail{overflow: inherit;}
.part_w .total{float: inherit;}
.part_w .search{float: inherit; margin-top: .5em;}
.part_w .search .input_st {width: 100%;}

#contents .prod_wrap .in .prod_list{margin: 0 0 0 0; display: block; flex-wrap:inherit;}
#contents .prod_wrap .in .prod_list > li{display: block; flex:inherit; transform: inherit;}
#contents .prod_wrap .in .prod_list > li .inn{margin: 1em 0 .5em 0; text-align: center;}
#contents .prod_wrap .in .prod_list > li:hover{transform: inherit; transition: inherit;}
#contents .prod_wrap .in .prod_list > li .inn .img_w{margin: 1em 0}
#contents .prod_wrap .in .prod_list > li .inn .img_w img{margin: 0 auto}

}

@media screen and (max-width: 700px){
#contents .mainV.st2 .inner{margin-top: .5em;}
.sub4_wrap .list > li .in .line{padding: 2em 1em 6em 1em;}
.sub4_wrap .list > li .in .sub4_icon .xi{font-size: 2em;}
}

@media screen and (max-width: 650px){
.sub4_wrap .list > li .in .sub4_tit{font-size: 1em;}

}


@media screen and (max-width: 610px){
.support_wrap .support_list > li .inn .titt{width: 10em;}
.support_wrap .support_list > li .inn .titt1{font-size: .750em;}
.support_wrap .support_list > li .inn .btn > a{width: 30px; line-height: 30px}
.support_wrap .support_list > li .inn .btn > a .xi {font-size: 1.063em;}

}

@media screen and (max-width: 600px){
.slick-prev { left: 5px; }
.slick-next { right: 5px; }
.slick-prev:before, .slick-next:before { font-size: 1.5rem; }
.slick-dots li { width: 10px; height: 10px; }

#contents .product .v_inner .con .img_w { width: 40%; }
#contents .product .v_inner .con .text_w { width: 60%; }

#contents .product .v_con { padding: 10px; /*rein add 250627*/ overflow-wrap: break-word; }

#contents .news .news_in { overflow: unset; }
#contents .news .news_in .img_w { float: none; width: 100%; position: relative; padding-top: 10px; padding-right: 0; text-align: center; }
#contents .news .news_in .img_w .news_img { display: inline-block; width: 160px; }
#contents .news .news_in .img_w .news_img:not(:last-child) { margin-bottom: 0; }
#contents .news .news_in .img_w .admin_btn { position: absolute; top: -22px; left: 0; }

#contents .news .news_in .text_w { float: none; width: 100%; margin-top: 20px; }
#contents .news .news_in .text_w .con .inner { text-align: center; }
#contents .news .tt { text-align: left; }
#contents .news .news_in .text_w .con .inner .btn { margin-top: 7px; text-align: center; }
#contents .news .news_in .text_w .con .inner .btn a { color: #f57d20; text-decoration: underline; }
#contents .sitemap .con { padding-left: 18px; padding-right: 18px; }

#header .s_header .left{font-size: .625rem;}
.language_select{font-size: .688rem;}
#header .s_header .right .login{font-size: .688rem; margin-right: .5rem;}


}

@media screen and (max-width: 530px){
.support_wrap .support_list > li{flex:100%; max-width: 100% !important; margin: 0!important; }
.support_wrap .support_list > li .inn .titt{width: 13em;}

#contents .info_w .con ul li a{padding: 5px;}
#contents .info_w .con ul li a .text{font-size: .813rem;}
#contents .info_w .con ul li a .date{font-size: .625rem;}
#contents .info_w .con ul li a .btn{font-size: .625rem;}


#header .s_header{}

}


@media screen and (max-width: 480px){
#contents .sub table col:first-child { width: 30%!important; }
#contents .sub table col:last-child { width: 70%!important; }

#contents .product .v_inner .con .img_w { width: 100%; float: none; padding-right: 0; margin-bottom: 5px; }
#contents .product .v_inner .con .text_w { width: 100%; float: none; }
#contents .product .v_inner .con .text_w .btn { margin-top: 20px; text-align: center; text-decoration: underline; }
#contents .product .v_inner .con .text_w .btn a { color: #f57d20; }

#contents .news .news_in .text_w .con { padding: 0 10px; }

html.l-nav-open .l-nav { width: 82%; }
.l-nav .nav_close:before { font-size: 24px; }
.l-nav .nav_close { top: 30px; right: 10px; }

#header .m_header .tel { display: none; }

.block_480 { display: inline-block; position: absolute; top: 69px; left: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; border: 1px solid #f57d20; display: inline-block; font-size: 1.125rem; color: #f57d20!important; transition: .3s; }

.block_480.m_tel{top: 50% !important; transform: translateY(-50%)}

}
/*480 end*/

@media screen and (max-width: 400px){
#header .m_header .logo{width: 10em;}
.sub4_wrap .list > li .in .sub4_txt{word-break: break-all;}
}


@media screen and (max-width: 360px){
#contents .map_w .map .google iframe { height: 330px; }


}

@media screen and (max-width: 330px){
.support_wrap .support_list > li .inn{display: block; margin: 0 0 -1px 0; padding: .5em;}
.support_wrap .support_list > li .inn .titt{width: inherit; padding: 0 0 .5em 0}
.support_wrap .support_list > li .inn .titt2{display: inline-block;}

.icon{padding: 5px; font-size: .5em; margin-right: 5px;}

#contents .tt{font-size: .875rem !important}
#contents .tit{font-size: 1rem !important}

}

@media screen and (max-width:350px){
.part_w .part_btm .part_img{overflow: hidden;}
.part_w .part_btm .part_name{margin-top: 10px; width: 100%}
.part_w .part_btm table td{padding-left: .5em 1em;}
.part_w .part_btm table tr > td:nth-child(2){display: block !important}
.part_w .part_btm table tr > td:nth-child(2) .minus,
.part_w .part_btm table tr > td:nth-child(2) .plus{left: 0; top: 2em}
table.response *[data-th]{display: block !important; flex-wrap: inherit; align-items: inherit; align-content: inherit; }
table.response *[data-th] > *{flex: inherit;}
table.response *[data-th]:before{display: block !important; flex:inherit !important; max-width: 100% !important; padding-bottom: .75em; padding-right: 0; align-content: inherit; align-items: inherit;}

#contents .prod_wrap .in .prod_list > li .inn .ti_w .ti{font-size: 1em;}

}

@media screen and (max-width:260px){
.part_w .part_btn_wh .add_btn{max-width: inherit; flex:100%;}
.part_w .part_btn_wh .add_btn button{width: 100%;}
.part_w .part_btn_wh .add_btn a,
.part_w .part_btn_wh .add_btn button{margin-left: 0;}
.part_w .part_btn_wh .shop_btn{max-width: inherit; width: 100%; text-align: center; margin-bottom: .75em;}

}