@charset "euc_kr";

@media all and (max-width:1725px) {
#quickmenu {right: -150px;width:107px;}
#quickm_btn {display: inline-block;width:100px;position: fixed;right: 1%;bottom: 100px;width: auto;}
#quickm_btn button {display:block;}
#quickm_btn button img {display:block;width:87px;}
#quickmenu { width: 114px;}
/*.quick_title h3 {font-size: 16px;}
.quick_title span {font-size: 10px;}
.quickm li:before {left: 31px;}
.quickm li {padding: 20px 0;}
.quickm li a p  {font-size: 13px;}
.quickm li a img {margin: 0 auto 10px auto;}*/
.quickmenu_close {display:block;clear: both;width: 100%;float: left;margin-top: 5px;text-align: center;}
.quickmenu_close button {display: inline-block;}
}
@media all and (max-width:1570px) {
.main_notice, .main_dataorder{width:30%} 
.main_popupzone {width:36%;}
.main_popupzone .slick-slide div, .main_popupzone .slick-slide div img {display:block !important;width:100% !important; height: 333px;}
}

@media all and (max-width:1500px) {
#shop_next {right:0;}
#shop_prev {left:0;}
.wrap {width:100%;padding:0 3%;}
#top_search {right:90px;}
#tnb {right:3%;}
#logo {left:3%;}
#single_dropdown #main_menu > li > a {padding: 0 27px;}
#banner_prev {left:0;}
#banner_next {right:0;}
.sub_title {width: 100%;}
#sub_visual h1, #sub_visual .sub_txt {text-align:center;}
}


@media all and (max-width:1400px) {
#single_dropdown #main_menu {margin-left: 260px;}
#single_dropdown #main_menu > li > a {padding: 0 24px;font-size:18px;}
.l_ev {width: 67%;}
.r_ev {width: 31%;min-height: auto;aspect-ratio: 1 / 0.79;background: url(/images/new/member_img.png) 98% 108px no-repeat;background-size: 45%;}
#main_customer li:nth-child(1) {width: 100%;margin-right: 0;float: left;}
#main_customer li:nth-child(2) {width: 48%;margin-right: 0;float: left;clear:both;margin-top:2%;}
#main_customer li:nth-child(3) {width: 48%;margin-right: 0;float: right;margin-top:2%;}
}


@media all and (max-width:1300px) {
#page {width: calc(100% - 323px);}
.main_notice, .main_dataorder {padding:32px;}
.main_popupzone .slick-slide div, .main_popupzone .slick-slide div img { height: 301px;}

}

@media all and (max-width:1280px) {
#main_03 .portf_link {font-size:18px !important;}
#main_03 .df li {padding: 22px;}
#single_dropdown {display:none;}
#sub_contents {padding: 0 0 80px 0;}
#sub_contents .wrap {padding: 0;}
#sidebar .side_menu {padding:0;border:none;border-radius:0; overflow: inherit;}
#sidebar .side_menu > h2 {display:none;}
#sidebar .side_menu > ul, .sub_customer, .sub_cash {display:none;}
#sidebar {overflow: unset;width: 100%;float: left;box-sizing: border-box;border: none;border-radius: 0;padding-bottom: 0;background:#f7f7f7;border-bottom: #ddd 1px solid;}
#page {width: 100%;clear: both;float: left;padding: 0 3%;box-sizing: border-box;margin-top: 50px;}
.lnb-topbar {display:block;position: relative;height: 70px;border-radius: 0;z-index: 2; }
.lnb-1depth a {    color: #232323;display: block; padding-left: 30px; font-size: 18px; font-weight: 400; line-height: 70px; text-decoration: none;}
.lnb-1depth > li {display: inline-block; position: relative; width: 50%;float: left;}
.lnb-1depth > li:first-child {border-right:#ddd 1px solid;}
.lnb-1depth > li > a.on {color: #232323;}

.lnb-1depth > li > a:after {content: ""; position: absolute; right: 30px; top: 50%; width: 14px; height: 8px; background: url(../images/sub_new/lnb_arrow_down.png) no-repeat center; transform: translateY(-50%); transition: 0.4s;}
.lnb-1depth > li > a.on:after { transform: translateY(-50%) rotate(180deg);}

.lnb-1depth > li:first-child a:before {display:none;}

.lnb-2depth {display: none; position: absolute; top: 70px; left: 0; width: 100%; background: #fff;}
.lnb-2depth.on {display: block;}
.lnb-2depth > li > a {margin-top: 1px; background: #f7f7f7; color: #454545;font-size:17px; line-height: 45px; font-weight: 400;}
.lnb-2depth > li:hover > a {background: #fff; color: #204ba1;}

.lnb-3depth-group {padding-top: 100px; border-bottom: 1px solid #e5e5e5;}
.lnb-3depth {text-align: center;}
.lnb-3depth li {display: inline-block;}
.lnb-3depth li a {position: relative; display: block; padding: 20px 25px; font-size: 1.8rem; font-weight: 500; color: #888; transition: 0.4s;}
.lnb-3depth li.on a, .lnb-3depth li a.on, .lnb-3depth li:hover a, .lnb-3depth li:active a, .lnb-3depth li:focus a {text-decoration: none; color: #000;}
.lnb-3depth li a:after {content: ""; position: absolute; top:50%; right: 0; height: 15px; width: 1px; background: #d7d7d7; transform: translateY(-50%);}
.lnb-3depth li:last-child a:after {content: none;}
.lnb-3depth li a span {position: relative; display: inline-block; height: 100%;}
.lnb-3depth li a span:after {content: ""; position: absolute; bottom: calc(-100% + 2px); left: 0; width: 100%; height: 4px; background: #f8b922; opacity: 0; transition: 0.4s;}
.lnb-3depth li.on a span:after, .lnb-3depth li a.on span:after, .lnb-3depth li:hover a span:after, .lnb-3depth li.focus a span:after, .lnb-3depth li:active a span:after {opacity: 1;}

.lnb-4depth-group {padding: 10px 0 100px;}
.lnb-4depth:after {content: ""; display: block; clear: both;}
.lnb-4depth li {display: block; float: left; height: 60px; margin-bottom: 3px;}
.lnb-4depth.list2 li {width: 50%;}
.lnb-4depth.list3 li {width: 33.333%;}
.lnb-4depth.list4 li {width: 25%;}
.lnb-4depth.list5 li {width: 20%;}
.lnb-4depth.list6 li {width: 16.666%;}
.lnb-4depth.list7 li {width: 14.285%;}
.lnb-4depth li a {display: block; width: calc(100% - 0.3rem); margin: 0 0.15rem; padding: 0 10px; background: #f5f5f5; text-align: center; line-height: 60px; transition: 0.4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lnb-4depth li.on a, .lnb-4depth li a.on , .lnb-4depth li:hover a, .lnb-4depth li:active a, .lnb-4depth li:focus a {border: 1px solid #118ad9; background: #fff; box-shadow: 2px 2px 8px 1px rgba(142, 181, 207, 0.13); color: #118ad9; font-weight: 600; text-decoration: none;}
.sub_tab {display: block;width: 100%;float: left;margin-bottom: 36px;}
.sub_tab ul {overflow: hidden;border: #ddd 1px solid;}
.sub_tab li {width:25%;float:left;}
.sub_tab li a {display: block;border-left: #ddd 1px solid;text-align: center;padding: 12px 0;}
.sub_tab li.active a {background: #09408b;color:#fff;}
.sub_tab li:first-child a {border-left:none;}
}
@media all and (max-width:1200px) {
.main_notice {width:48%;margin-right:0;}
.main_dataorder {width:48%;float:right;margin-right:0;}
.main_popupzone {width:100%;margin-top:3%;clear:both;}
.main_popupzone .slick-slide div, .main_popupzone .slick-slide div img {height:auto;}
.main_popupzone .slick-slide div img {aspect-ratio: 16 / 11;}
#main_solution li a span {font-size:18px}
#sub_visual {height: 193px;}
.sub_title {bottom: 33px;}
#sub_visual h1 {font-size: 39px; margin-bottom: 5px;}
#sub_visual .sub_txt {font-size: 19px;}
.bo_cus, .bo_menu {display:none;}
.bo_info {width: 100%;float: left;margin-right: 0;}
}
@media all and (max-width:1160px) {
.r_ev a h2 {margin:0 0 15px 0;}

}
@media all and (max-width:1135px) {
.movie_view_img {width: 33%;}
.movie_view_txt {width: 63%;}
.l_ev {width: 100%;}
.r_ev {clear:both;width: 100%;margin-top:2%;        aspect-ratio: auto;background: url(/images/new/member_img.png) 98% 32px no-repeat;background-size: 19%;}

}

@media all and (max-width:1000px) {
#main_solution li {width: 48%;float: left;margin-right: 0;}
#main_solution li:nth-child(2n) {float: right;}
#main_solution li:nth-child(2n+1) {clear:both;}
#main_solution li:nth-child(3), #main_solution li:nth-child(4) {margin-top:2%;}
.td_name {display:none;}
.board_g li {width:calc(100% / 3);}
.board_g li:nth-child(4n+1) {
    clear: none;
}
.board_g li:nth-child(3n+1) {
    clear: both;
}
.posture02_img03 {width: 50%;float: left;}
.posture02_05_li {width: calc(100% - 55%); padding-top: 0;}
}



@media all and (max-width:980px) {
.mapp_04 > div {width:100%;overflow-x:scroll;overflow-y:hidden;}
.mapp_04_message {display:block;padding:10px 0;}
}



@media all and (max-width:900px) {
.cart_mo_message {display:block;padding:10px 0;}
.cart_tb_con {width:100%;overflow-x:scroll;overflow-y:hidden;}

}

@media all and (max-width:880px) {

.posture_head h3 {font-size: 20px;}
.posture02_li li h4 {font-size: 17px;padding: 25px;}
.posture02_li li p {padding: 25px;}
.posture02_02_left img, .posture02_02_right img {width:90%;}
.posture02_02_left h3, .posture02_02_right h3{font-size: 18px;}
.posture02_03 li {width:100%;}
.posture02_06_con h4{font-size: 18px;}
}

@media all and (max-width:850px) {

.login_container, .login_container2, .login_info {width:100%;}
.login_container h2 {display:none;}
.login_form_table {float: none;margin: 0 auto;}
.login_form_table input[type=submit] {display: block;border: none;position: relative;right: auto; background: #004ab9;color: #fff;line-height: 1;padding: 14px;border-radius: 5px;width: 100%;}
.login_container input[type=text], .login_container input[type=password] {display:block; width: 100% !important;}
li.posture_li_img {width: 56%;}
}

@media all and (max-width:820px) {
#main_customer li:nth-child(2) {width: 100%;}
#main_customer li:nth-child(3) {width: 100%;}
#portf_list.board_g li {width: 48%;float: left;margin-right: 0;}
#portf_list.board_g li:nth-child(3n) { margin-right: 0;}
#portf_list.board_g li:nth-child(3n+1) {clear:none;}
#portf_list.board_g li:nth-child(2n) {float:right;}
#portf_list.board_g li:nth-child(2n+1) {clear:both;}
}

@media all and (max-width:800px) {
.main_movie {width:100%;}
.main_photo {clear:both;width:100%;margin-top:10%;}
#main_03 .df li {flex: 0 0 calc((100% - 17px) / 2);}
.shop_list li {width:49%;float:left;margin-right:0;}
.shop_list li:nth-child(2n) {float:right;}
.shop_list li:nth-child(2n+1) {clear:both;}
.movie_view_img {width: 48%;}
.movie_view_txt {width: 49%;}
.td_hit, .td_file{display:none;}
.td_date {width: 15% !important;}
.td_num {width: 10% !important;}
.photo_category li a {padding: 10px 17px;}
.login_info dt {display:none;}
.login_info {overflow:hidden;text-align:center;}
.login_info dd {float:none;}
}

@media all and (max-width:750px) {

#menu_container {height:80px;}
#logo {left: 2%;top: 16px;}
#logo a img {height: 48px;}
#tnb {right: 2%;top: 17px;}
#top_search {right: 61px;top: 26px;}

.main_notice h2, .main_dataorder h2 {font-size: 20px;}
.main_notice h2 a, .main_dataorder h2 a {margin-top:03px;}
#main_03 h2, #main_02 h2, .main_movie h2, .main_photo h2, .r_ev a h2, #main_solution h2, #main_best h2 {font-size:25px;}
#main_best h2 span {display:block;margin-left:0;margin-top:10px;word-break:keep-all;}
#main_customer li a h3  {font-size:23px;}
#main_best .slick-slide > div a {padding:20px 0;}
}


@media all and (max-width:740px) {
.r_ev {aspect-ratio: auto;background: url(/images/new/member_img.png) 98% 60px no-repeat;background-size: 160px;}
.slide-inner, .main_popupzone, .main_notice, .main_dataorder, #main_best .slick-slide > div a, #main_solution li a, .l_ev, .r_ev, #main_customer li a {border-radius:10px;}


#bottom_banner .slick-list, #bottom_banner .slick-slide {margin:0;}
#bottom_banner .slick-slide a {display:block;text-align:center;}
#bottom_banner .slick-slide a img {display:inline-block;}
#sub_visual {height: 147px;}
#sub_visual h1 {font-size: 29px;}
.lnb-topbar {height: 55px;}
.lnb-1depth a {padding-left: 19px;font-size: 17px;line-height: 55px;}
.lnb-1depth > li > a:after {right: 12px;}
.lnb-2depth {top: 55px;}
.lnb-2depth > li > a {font-size: 16px;}
#sub_visual .sub_txt {font-size: 15px;}
#page h1 {font-size: 29px;}
.category_main h2 {font-size: 23px;padding-bottom: 10px;margin-bottom: 10px;}
.cdata_list li {padding: 5px 0 5px 15px;}
.cmain_02_left .cdata_list li {padding: 8px 0;}
.cdata_list li a span {font-size: 14px;}
.cdata_list li:before {width: 5px;height: 5px;top: 12px;}
.cdata_list li a p, .cmain_02_left .cdata_list li a p {font-size: 16px;}
.stxt_categorymian {padding: 23px;background: #f5f5f5;border-radius: 0 12px 12px 12px;overflow: hidden;margin-bottom: 40px;}
.category_main h2 a img {width:30px;}
.datalist-mobile-txt {display:block;padding:10px 0;}
.databoard-list, .purchase-con {overflow-y: hidden;overflow-x: scroll;width: 100%;}
.movie_category {padding: 17px;border-radius: 0 15px 0 15px;}
.movie_category li a {font-size: 17px;}
.movie_category li a span {font-size: 12px;}
.dojang_home_btn a {font-size: 18px;}
.subpage h2 {font-size: 23px;}
.subpage h2:after {width: 12px;height: 12px;margin-left: 7px;}
.solution_03 li {width:100%;    margin-right: 0;}
.solution_03 li p {min-height: auto;}
.solution_03 li {margin-bottom:30px;}
.solution_03 li:nth-child(3) {margin-bottom:0;}
.solution_03 li span {font-size: 18px;padding: 10px 25px;}
.camera_01 {padding-right:0;}
.camera_img {position: relative;right: auto;top: auto;left: auto;max-width: 100%;margin: 0 auto 30px auto;text-align: center;display: block;}
.camera_02 li {width: 48%;float: left;margin-right: 0;}
.camera_02 li:nth-child(2n) {float:right;}
.camera_02 li:nth-child(3), .camera_02 li:nth-child(4) {margin-top:10px;}
.app_portfolio li {width: 50%;}
table.buy_order td textarea.forms {width:98% !important;}
.photo_category li {width: calc(100% / 2);}
.posture_01 p {font-size: 20px;word-break:keep-all;}
.posture_01 p span {font-size: 22px;}
.posture02_li li {width: 100%;margin-right: 0;margin-top: 3%;min-height: auto;}
.posture02_li li:first-child {margin-top: 0;}
.posture02_li li p {min-height: auto;}
.posture02_02_left {width:100%;border-right:none;}
.posture02_02_right {width:100%;clear:both;margin-top:30px;}
.posture02_img03 {width: 100%;float: left;}
.posture02_05_li {width: 100%;margin-top:30px;}
.posture02_06_con {width: 100%;float: left;}
.posture02_06_con.right {width: 100%;float: left;margin-top:30px;}
.posture02_06_con h4 {min-width: auto;padding: 10px 30px;margin-bottom: -24px;}
}


@media all and (max-width:700px) {
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, figure, article, nav, header, footer, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, td, th {font-size:15px;}
#main_qlinks li {width: calc(100% / 3);border-left:none;}
#main_qlinks li:nth-child(4), #main_qlinks li:nth-child(5), #main_qlinks li:nth-child(6) {margin-top:3%}
#main_qlinks li a img {margin: 0 auto 10px auto;}
.board-list li a p {font-size:15px;}
.board-list li a span {font-size:14px;}
.main_notice {width: 100%;}
.main_dataorder {width: 100%;float: left;clear:both;margin-top:3%;}

.movie_category li {width:50%;}
table.movie_data td.movie_data_img {display:none;}
.camera_01, .camera_02, .camera_03 {margin-top: 30px;}
.movie_view_img {width: 80%;float:none;margin:0 auto;}
.movie_view_txt {clear:both;width: 100%;margin-top:20px}
.login_form_table { width: calc(100% - 155px);}
.TopPopup2_91 {width:90% !important;height:auto !important;left:0 !important;top:0 !important;}
.TopPopup2_91 img {width:100%;}
}

@media all and (max-width:650px) {
.ex_left {width:100%;}
.ex_right {display:none;}
#main_solution li a {padding:30px 0;}
#main_solution li a img {width:90%}
table.movie_data, table.movie_data tbody, table.movie_data tr, table.movie_data td, table.movie_data td.movie_data_btn, table.movie_data td.movie_data_title {display:block;width:100%;}
table.movie_data td.movie_data_title {border-bottom:none;}
table.movie_data td.movie_data_btn {text-align:left;}
table.buy_order th, table.buy_order td {padding:8px;}
table.buy_order th {width:150px !important;}
table.buy_order td .forms.w33, table.regist td .forms.w33  {width:30%;}
table.buy_order td .forms.w50, table.regist td .forms.w50 {width:50%;}
table.buy_order td .forms.w100, table.regist td .forms.w100 {width:98%;}
table.board th {font-size:15px;padding:8px;}
table.board td {font-size:15px;padding:8px;}
table.board td.td_subject a {font-size:15px;}
.board-search {padding: 19px 0;}
.board-search form {font-size:14px;}
.board-search input.forms {width:100px;}
table.board_read th {font-size: 16px;padding: 10px;}
table.board_read td.right {font-size: 13px;}
table.board_read td {padding:8px;}
.posture_03 li {width:100%; margin-right: 0;}
.posture_03 li img {width:100%;}
.posture_03 li:nth-child(2), .posture_03 li:nth-child(3) {   margin-top:3%;}
#quickmenu {width: 90px;top:80px;}
#quickm_btn {bottom: 136px;}
#quickm_btn button img {width: 73px;}
}

@media all and (max-width:600px) {
#main_02 .slick-list a {padding:20px;}
#main_03 .tab_wrap {display: block;gap: unset;position: relative;width: 100%;margin-bottom:20px;overflow:hidden;}
#main_03 .tab_wrap a {display: block;width: 100%;float:left;position: relative;right:auto;}
#main_03 .df {clear:both;}
#menu_top {display:none;}
#menu_container {height: 70px;}
#logo {top: 11px;}
#tnb {top: 13px;}
#top_search {top: 22px;}
#sub_visual {height: 126px;}
#page h1 {font-size: 25px;}
.mapp_list02, .mapp_list {width:100%;}
.mapp_list02 {margin-top:20px;}
.mapp_07 li {width:100%;}
.mapp_08 li {width:50%;margin-right:0;float:left;}
.mapp_08 li:nth-child(2n){margin-right:0;float:left;}
.mapp_08 li:nth-child(2n+1) {clear: both;}
.mapp_03 li {width: 49%;margin-right: 0;float: left;}
.mapp_03 li li:nth-child(2n) {float:right;}
.mapp_01, .mapp_02, .mapp_03, .mapp_04, .mapp_05, .mapp_06, .mapp_07, .mapp_08 {margin:30px 0;}
.mapp_growth {width:100%;}
.mapp_growth02 {width:100%;margin-top:20px;}
#page {margin-top: 30px;}
.movie_view_txt li.title_movie span, .movie_view_txt li span {font-size: 16px;width: 73px;}
.movie_view_txt li.title_movie {font-size: 15px;}
.movie_check_btn a {font-size: 16px;}
table.cart_table th, table.cart_table td {padding:8px;font-size:15px;}
.cart_btn {text-align: center;}

table.board_w td input[type="text"], table.board_w td input[type="password"] {display: inline-block;width:99%;}
.join_tx {padding:15px;}
.join_box_con {padding:15px;}
.board_g li {width:calc(100% / 2);}
.board_g li:nth-child(3n+1) {clear: none;}
.board_g li:nth-child(2n+1) {clear: both;}
.board_g li a {margin: 5px 5px 10px 5px;}
#banner_prev > img, #banner_next > img {width:35px;}
#bottom_banner .wrap {padding-right: 80px;}
table.board_w th {background: #f1f1f1; color: #444444; font-weight: bold; text-align:right; font-size:15px; vertical-align: middle; padding:7px;border-bottom: 1px solid #e3e3e3;line-height: 30px;}
table.board_w td {color: #444444; font-weight: normal; vertical-align: middle; padding:7px; font-size:15px;  text-align: left;  border-bottom: 1px solid #e3e3e3;}
.search_form div {box-sizing: border-box;width: 100%;}
.TopPopup2_91 {width:100% !important;}
}


@media all and (max-width:550px) {
.cmain_01 {margin-bottom: 30px;}
.cmain_01_left {width: 100%;}
.cmain_01_right, .cmain_02_right {width: 100%;float: left;margin-top: 30px;}
.cmain_02_left {width: 100%;float: left;padding: 25px;border-radius: 0 12px 0 12px;}
.movie_category li {width:100%;}
.shop_list li a {padding: 20px;}
.cart_btn a, .cart_btn input[type="button"] {padding: 13px 11px;margin:0 3px;}

.order_ing {font-size: 13px;padding: 12px 14px;}
.order_end {font-size: 13px;padding: 12px 14px;}
}

@media all and (max-width:500px) {
#main_03 .portf_btn {display: block;position: relative;right: auto;bottom: auto;border-radius: 0;overflow: hidden;box-shadow: none;margin-top: 10px;}
#main_03 .portf_btn > img {width:40px;}
#main_03 .df li {padding: 16px;}
#main_03 .portf_img {width:100%;}
.main_notice, .main_dataorder {padding: 23px;}
.sub_tab li {width:50%;}
.sub_tab li:nth-child(3) a{border-left:none;}
.sub_tab li:nth-child(1) a, .sub_tab li:nth-child(2) a {border-bottom:#ddd 1px solid;}
.mukopaps_downbtn a {font-size: 15px;}
.solution_01 li {width:100%;}
.solution_01 li img {margin: 0 auto 4px auto;}
.solution_01 li:nth-child(2) {margin-top:20px;}
.rfcard li {width:100%;}
.rfcard li:nth-child(2) {margin-top:20px;}
.rfcard li h3 {font-size: 17px;margin-bottom: 10px;}
table.regist td span {display:block;}
.login_form_table { width: 100%;}
.order_result_inner {padding: 23px;}
li.posture_li_img {width:100%;}
li.posture_li_movie {clear:both;margin-top:30px;width:100%;text-align:center;}
.posture_head h3 {font-size: 18px;}
.posture02_li li h4 {font-size: 15px;padding: 20px;}
.posture02_li li p {padding: 20px;}
.posture02_02_left ul, .posture02_02_right ul {padding: 20px 0 0 0;}
.posture02_08 li {width:100%}
.posture02_08 li:last-child {margin-top:3%;}
#portf_list.board_g li {width: 100%;clear:both;}
}

@media all and (max-width:450px) {
.camera_02 li {width:100%;}
.camera_02 li:nth-child(2) {margin-top:10px;}
.app_portfolio li {width: 100%;}
table.buy_order td .forms.w50, table.regist td .forms.w50 {width: 70%;}
table.buy_order th {width: 140px !important;}
table.buy_order td .forms.w33, table.regist td .forms.w33 {width: 28%;}
table.buy_order td font {display: block;margin-top: 5px;}
table.buy_order td, table.buy_order th {font-size:14px;}
.td_date {display:none;}
.td_num {width:14% !important;}
.photo_category li {width: calc(100% / 1);}
.mobile_app_dwon a.ai_demo {background: #1674d9;margin-right: 0;}
.btn_nameevent {margin-top:10px;min-width: 234px;}
}

@media all and (max-width:400px) {
#main_qlinks li {width: calc(100% / 2);border-left:none;}
#main_qlinks li:nth-child(3), #main_qlinks li:nth-child(4), #main_qlinks li:nth-child(5), #main_qlinks li:nth-child(6) {margin-top:3%}
#main_solution li a {padding: 20px;}
#main_solution li a span {font-size: 16px;word-break: keep-all;height: 39px;font-weight: 500;}
#main_customer li:nth-child(1) a {background: #f4f4f4 url(/images/new/com_01.png) center 23px no-repeat;background-size: 70px;}
#main_customer li a p, #main_customer li a h3 {text-align:center;}
#main_customer li:nth-child(2) a {background:url(/images/new/com_02.png) center 23px no-repeat;background-size: 70px;}
#main_customer li:nth-child(3) a {background:  url(/images/new/com_03.png) center 23px no-repeat;background-size: 70px;}
#main_customer li a {padding: 108px 25px 25px 25px;}
#main_03 .df li {flex: 100%;}
.lnb-1depth > li > a:after {right: 7px;}
.lnb-1depth a {padding-left: 11px;font-size: 15px;}
.lnb-2depth > li > a {font-size: 14px;line-height: 40px;}
#sub_visual h1 {font-size: 24px;}
#sub_visual .sub_txt {font-size: 14px;word-break: keep-all;padding: 0 5px;}
.shop_list li {width:100%;float:left;}
table.buy_order, table.buy_order td, table.buy_order td, table.buy_order td, table.buy_order td {}
#top_search {right: 51px;}
}

@media all and (max-width:380px) {

.cart_btn a, .cart_btn input[type="button"] {padding: 13px 11px;margin:0;}
.cbtn_01, .cbtn_02, .cbtn_03, .cbtn_04 {margin:0;width:49%;}
.cbtn_03 {clear:both;}
.cbtn_03, .cbtn_04 {margin-top:5px !important;}
}

@media all and (max-width:330px) {
.join_agree_btn button {display: block;margin: 5px 0;width:100%;}
}