/* head */
.hd{background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 80px; border-bottom: 1px solid #ccc; z-index: 1000;}
.hd .logo{position: absolute; top: 55%; left: 20px; transform: translate(0, -50%);}

/* 햄버거바(모바일용) */
.ham_icon {width: 35px;height: 25px; display: block;cursor: pointer;z-index: 100; position: absolute; top: 50%; right: 20px; transform: translate(0, -50%);}
.ham_bar {width: 30px;height: 3px;background: #000; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ham_bar::before,
.ham_bar::after {content: "";position: absolute; width: 30px;height: 3px;background: #000;}
.ham_bar::before {top: -8px;}
.ham_bar::after {top: 8px;}
.ham_icon.active .ham_bar {background: rgba(0, 0, 0, 0);}
.ham_icon.active .ham_bar::before {background: #000;top: 0;transform: rotate(45deg);transition: 0.3s;}
.ham_icon.active .ham_bar::after {top: 0;transform: rotate(135deg);transition: 0.3s;}

/* 모바일 메뉴 */
.m_menu{display: block;}
.m_bg{position: fixed;top: 0;left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.6);z-index: 90; width: 100%; height: 100vh;opacity: 0;display: none;}
.m_menu_box{position: fixed; top: 80px; right: -100%; background: #fff; z-index: 100; width: 90%; height: calc(100vh - 80px);  overflow-y: auto; transition: all 0.3s; overflow-x: hidden;}

.top_menu{display: flex; align-items: center; justify-content: center; padding: 10px 0;}
.top_menu a{width: 33.33%; text-align: center; padding: 5px; font-size: 16px; color: #666; font-weight: 500;}
.top_menu a::after{content: ''; display: block; position: absolute; top: 50%; right: 0; background: #ccc; width: 1px; height: 14px; transform: translate(0, -50%);}
.top_menu a:last-child::after{display: none;}

.m_menu .login_btn{width: 100%; display: flex; align-items: center; justify-content: center;}
.m_menu .login_btn a{padding: 15px; width: 50%; text-align: center; font-size: 20px; font-weight: 500; background: #333; color: #fff;}
.m_menu .login_btn a:first-child{background: #00c3d4;}

.m_menu_list{padding: 20px;}
.m_menu_list>li{font-size: 18px; font-weight: 500;  color: #666;}
.m_menu_list>li>a{display: block; padding: 15px 20px; border-bottom:1px solid #ddd; text-transform: uppercase;}
.menu_more::after{content: '+'; display: block; position: absolute; top: 12px; right: 20px; color: #666; font-weight: 600; font-size: 20px;}

.msub_menu{padding: 10px 0; display: none; border-bottom: 1px solid #ddd;}
.msub_menu>li{}
.msub_menu>li>a{display: block; padding: 10px 30px; font-size: 16px; font-weight: 300; text-transform: uppercase;}

/* 모바일 메뉴 슉슉샥샥 */
.menu_move .m_bg{opacity: 1; display: block;}
.menu_move .m_menu_box{right: 0;}

/*
 top btn 
.top_btn{position: fixed; right: 20px; bottom: 20px; width: 60px; height: 60px; z-index: 5; background: #666; color: #fff; font-size: 16px; font-weight: 600; text-align: center; line-height: 60px; cursor: pointer; display: none;}
*/

/* foot */
.foot{padding: 20px 0 10px; background: #464646;}
/*.foot a{position: absolute; top: 0; right: 0; display: inline-block; border-radius: 5px; background: #666; color: rgba(255,255,255,0.8); font-size: 14px; padding: 15px 20px; cursor: pointer; z-index: 10;}*/
.foot .foot_info{padding-bottom: 0px; width: calc(100% - 30px); margin: auto;}
.foot .foot_info li{display: inline-block; color: #fff; font-weight: 300; margin-bottom: 5px;}
.foot .foot_info li::after{content: ''; display: inline-block; width: 1px; height: 16px; position: relative; margin: 0 15px; background: rgba(255,255,255,0.5); top: 2px;}
.foot .foot_info li:nth-child(3){}
.foot .foot_info li:last-child::after{content: ''; display: none;}
.foot p{color: #fff; text-align: center;}

.top_btn{width: 50px; height: 50px; background: #2e3192; text-align: center; line-height: 50px; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; position: fixed; bottom: 10px; right: 10px; display: none; z-index: 1000;}


/* main */
.m_main .text{position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; width: calc(100% - 30px);}
.m_main .text h1{color: #fff; text-transform: uppercase; font-size: 10vw; line-height: 10vw; font-weight: 800; letter-spacing: -2px}
.m_main .text p{color: #fff; font-weight: 400; font-size: 3vw; margin-top: 25px;}

.m_main{height: 100vh;}
.main_img{height: 100%}
.bx-viewport, .bx-wrapper{height: 100%!important;}
.bx-wrapper{box-shadow: 0!important; border: none!important;}
.main_img li{width: 100%; height: 100%;}
.main_img .main01{background: url(/img/m_img/m_main01.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_img .main02{background: url(/img/m_img/m_main02.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_img .main03{background: url(/img/m_img/m_main03.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_img .main04{background: url(/img/m_img/m_main04.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_img .main05{background: url(/img/m_img/m_main05.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

.bx-wrapper .bx-pager{display: none;}

.btn_list{position: absolute; bottom: 65px; right: 15px;}
.btn_list a{display: block; width: 140px; padding: 5px; border-radius: 50px; margin-bottom: 5px; color: rgba(255,255,255,0.8); text-transform: uppercase; font-weight: 400; font-size: 12px; background: rgba(0,0,0,0.7);}
/*
.btn_list a:last-child{background: rgba(0,9,32,0.65);}
.btn_list a:nth-child(3){background: rgba(0,24,84,0.65);}
.btn_list a:nth-child(2){background: rgba(0,38,136,0.65);}
.btn_list a:first-child{background: rgba(0,61,217,0.65);}
*/
.btn_list .span{display: inline-block; border-radius: 50%; background: rgba(0,0,0,0.8); color: rgba(255,255,255,0.8); font-weight: 600; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 12px; margin-right: 5px;}

.btn_list .on{background: #00c3d4; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); font-weight: 600; color: #fff;}
.btn_list .on .span{text-shadow: none; background: #fff; color: #00c3d4;font-weight: 900;}

.mpro_list{width: calc(100% - 100px); margin: 100px auto;}
.mpro_list li{margin-bottom: 50px; float: left; width: calc(50% - 10px); margin-right: 20px;}
.mpro_list li:nth-child(2n){margin-right: 0;}
.mpro_list::after{content: ''; display: block; clear: both;}
.mpro_list .title{display: block; font-size: 40px; font-weight: 900; text-transform: uppercase; padding-left: 20px; margin-bottom: 20px;}
.mpro_list .title::before{content: ''; display: inline-block; width: 8px; height: 45px; background: #00c3d4; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.mpro_list .mpro_box{border: 1px solid #e1e1e1;}
.mpro_list .mpro_box .img{padding: 30px;}
.mpro_list .mpro_box .img img{display: block; margin: auto; max-width: 60%;}
.mpro_list .mpro_box p{background: #e1e1e1; padding: 30px; font-size: 18px; min-height: 145px;}


/* 공통 */
.sub_setion{margin: 70px auto 100px; padding: 0 30px;}

/* sub main */
.sub_main{width: 100%; height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub_main h1{text-align: center; color: #fff; font-size: 35px; margin-top: 80px; transform: translateY(30px); opacity: 0; visibility: hidden; transition: all 0.5s 0.2s;}
/*.sub_main p{text-align: center; color: #fff; font-size: 15px; margin-top: 10px; font-weight: 300; transform: translateY(30px); opacity: 0; visibility: hidden; transition: all 0.5s 0.7s;}*/

.sub_main_on h1{transform: translateY(0); opacity: 1; visibility: visible;}
.sub_main_on p{transform: translateY(0); opacity: 1; visibility: visible;}

.sm01{background: url(/img/sub/sub_main01.jpg); background-position: top center; background-repeat: no-repeat; background-size: 150%;}
.sm0201{background: url(/img/main/main01.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.sm0202{background: url(/img/main/main02.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.sm0203{background: url(/img/main/main03.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.sm0204{background: url(/img/main/main04.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.sm0205{background: url(/img/main/main05.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.sm03{background: url(/img/sub/sub_main03.jpg); background-position: center center; background-repeat: no-repeat; background-size: 150%;}
.sm04{background: url(/img/sub/sub_main04.jpg); background-position: center center; background-repeat: no-repeat; background-size: 150%;}

.sub_nav{display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid #ccc;}
.sub_nav a{padding: 5px; top: -2px;}
.sub_nav img{width: 25px; opacity: 0.5;}
.sub_nav h2{text-align: center; font-size: 18px; font-weight: 600; color: #2e3192; top: -4px; text-transform: uppercase;}


/* ceo 인사말 */
.company{}
.company .text{text-align: center;}
.company .text img{width: 100%; margin-top: -250px; z-index: -1;}
.company .text h1{color: #2e3192; font-size: 35px; font-weight: 300; margin-bottom: 30px;}
.company .text h1 .span{font-weight: 600; color: #2e3192;}
.company .text p{font-weight: 300; line-height: 32px; padding: 60px; color: #282828; font-size: 18px;}
.company .text p .span{font-weight: 600; color: #282828;}
.company .text .ceo{display: block; font-size: 20px; margin-top: 50px; color: #282828;}
.company .text .ceo .span{font-weight: 600; margin-left: 25px;}

/* 회사개요 */
.sub_setion table{width: 100%; border-top: 2px solid #333;}
.sub_setion table td{padding: 20px;border-bottom: 1px solid #ccc;}
.sub_setion table .th{width: 200px; background: #f5f5f5; font-weight: 500; text-align: center;}

/* 연혁 */
.his_title{margin-bottom: 50px;}
.his_box{display: flex;}
.his_box h1{color: #00c3d4; font-size: 30px; font-weight: 900; top: -17px; width: 200px;}
.his_box h1::after{content: ''; display: inline-block; width: 70px; height: 1px; background: #00c3d4; position: absolute; top: 23px; right: 0;}
.his_box h1::before{content: ''; display: block; position: absolute; top: 20px; right: -4px; width: 7px; height: 7px; border-radius: 50%; background: #00c3d4; z-index: 1;}

.his_box .month{padding: 20px 0 100px 50px; border-left: 1px dotted #ddd; top: 10px;}
.his_box .text{display: flex; margin-bottom: 20px;}
.his_box .text:last-child{margin-bottom: 0;}
.his_box .text h2{width: 80px; color: #333; font-size: 18px;}
.his_box .hb_list{}
.his_box .hb_list li{margin-bottom: 15px; line-height: 23px; font-size: 18px; font-weight: 300;}
.his_box .hb_list li::before{content: ''; display: inline-block; width: 5px; height: 5px; background: #666; border-radius: 50%; margin-right: 15px; position: relative; top: -4px;}

/* 오시는길 */
.sub_setion .map{width: 100%; height: 400px; margin-bottom: 30px;}

/* 제품상세 + 리스트 */
.product{}
.product .pro_box{margin-bottom: 100px;}
.product .pro_box:last-child{margin-bottom: 0;}

.product .pro_box .top .img{width: 100%; padding-top: 100%; border: 1px solid #ccc;}
.product .pro_box .top .img img{width: 90%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.product .pro_box .top .text{width: 100%; margin-top: 20px;}
.product .pro_box .top .text h2{font-size: 16px; font-weight: 500; color: #666; text-transform: uppercase; display: none;}
.product .pro_box .top .pro_h1{font-size: 25px; font-weight: 900; text-transform: uppercase; margin-bottom: 10px; text-align: center;}
.product .pro_box .top .h3_price{font-size: 16px; text-align: center; margin-bottom: 10px; margin-top: -5px; color: #00c3d4;}

.product .pro_box .top::after{content: ''; display: block; clear: both;}

.product .pro_box .top .text .num{background: #f1f1f1; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between;}
.product .pro_box .top .text .num_span{display: flex; align-items: center; justify-content: center;}
.product .pro_box .top .text .num_btn{display: block; width: 34px; height: 34px; background: #fff;}
.product .pro_box .top .text .num_btn input{background: none; border: none; display: block; width: 100%; height: 100%; cursor: pointer;}
.product .pro_box .top .text .num_btn::before{content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 1px; background: #666;}
.product .pro_box .top .text .plus::after{content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 10px; background: #666;}
.product .pro_box .top .text .input{width: 100px; border: none; text-align: center; padding: 5px;}

.product .option_select{border: 1px solid #ccc; margin-bottom: 10px;}
.product .option_select select{border: none; padding: 15px; width: 100%; font-size: 15px;}
.select-down{display: inline-block; position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #666; z-index: 1;}

.product .pro_box .download_list{}
.product .pro_box .download_list li{display: flex; align-items: center; justify-content: space-between; padding: 10px; border-bottom: 1px solid #ccc;}
.product .pro_box .download_list p{font-size: 16px;}
.product .pro_box .download_list a{display: inline-block; color: #fff; font-size: 11px; font-weight: 600; background: #666; border-radius: 50px; padding: 8px 15px;}
.product .pro_box .download_list a img{top: 2px; margin-right: 5px;}
.product .pro_box .download_list li:last-child{border-bottom: none;}

.product .pro_box .oder_btn{display: flex; align-items: center; justify-content: center;}
.product .pro_box .oder_btn li{width: 50%;}
.product .pro_box .oder_btn button{display: block; width: 100%; border: none; background: #333; color: #fff; font-size: 16px; font-weight: 500; padding: 15px 0;}
.product .pro_box .oder_btn input{display: block; width: 100%; border: none; background: #333; color: #fff; font-size: 16px; font-weight: 600; padding: 15px 0; cursor: pointer;}
.product .pro_box .oder_btn .ob01{background: #00c3d4;}

/*
.product .spec{margin-top: 30px;}
.product .spec img{max-width: 100%;}

.product .caution{margin-top: 10px; background: #f5f5f5; padding: 30px;}
.product .caution h1{font-size: 20px; color:#ed1c24; margin-bottom: 10px;}
*/

.editor_box{margin: auto;}
.editor_box img{max-width: 100%;}
.editor_box *{font-size: 14px!important;}

/* 고객지원 */
.support{}
.support .top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;}
.support .search{width: 275px; border-bottom: 1px solid #aaa;}
.support .search input{border: none; width: 100%; padding: 15px 50px 15px 15px;}
.support .search button{position: absolute; top: 50%; right: 0; transform: translate(0, -50%); background: #fff; border: none;}
.support .search img{opacity: 0.6;}

.support .select{border: 1px solid #ccc; width: 275px;}
.support .select select{border: none; padding: 15px; width: 100%; cursor: pointer;}

.support .support_list{}
.support .support_list li{display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 50px; width: calc(33.3% - 15.5px);}
.support .support_list li:nth-child(4n){margin-right: 20px;}
.support .support_list li:nth-child(3n){margin-right: 0;}
.support .support_list .top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 3px; flex-direction: row;}
.support .support_list .top .edit{display: inline-block; padding: 5px 10px; font-size: 13px; color: #fff; background: #666; border-radius: 5px;}
.support .support_list .top .edit:hover{background: #333;}
.support .support_list img{max-width: 100%;}
.support .support_list h1{text-align: center; margin-top: 10px; font-size: 18px; font-weight: bold;}

.adm_btn{display: flex; align-items: center; justify-content: flex-end; margin: 30px 0;}
.adm_btn>*{display: block; border: none; padding: 13px 20px; border-radius: 5px; background: #333; color: #fff!important; font-size: 14px; margin-right: 5px;}
.adm_btn>*:last-child{margin-right: 0;}
.adm_btn .del{background: #999;}


/* 페이징 */
.paging{text-align: center; margin-top: 50px;}
.paging a{display: inline-block; width: 25px; height: 25px; border-radius: 3px; text-align: center; line-height: 25px; color: #999; font-size: 14px; margin-right: 3px; cursor: pointer;}
.paging a:last-child{margin-right: 0;}
.paging .on{background: #333; color: #fff;}
.paging .arrow{background: #eee;}
.paging img{opacity: 0.5; top: -1px;}
.paging a:hover{color: #666;}


/* 글쓰기 */
.support .write{width: 100%; border-top: 2px solid #333;}
.support .write td{padding: 10px; border-bottom: 1px solid #ccc;}
.support .write .th{width: 200px; background: #f5f5f5; font-weight: 500;}
.support .write .select{width: 400px;}
.support .write .select select{padding: 10px;}
.support .write .input{border: 1px solid #ccc; padding: 10px; width: 100%;}
.support .write .del_file{display: block; margin-top: 10px; font-size: 14px;}
.support .write .del_file input{margin-right: 5px;}
.support .write .del_file label{cursor: pointer;}

/* 로그인 */
/*.reg_box{min-height: 53vh;}*/
.reg_box .login_box{max-width: 350px; margin: auto;}

/* 회원가입 */
.chk_all label{display: block; width: 100%;}
.reg_list{border-top: 2px solid #333; padding: 20px 0;}
.reg_list li{margin-bottom: 20px;}
.reg_list li p{font-size: 14px; font-weight: 500; margin-bottom: 5px;}
.reg_list li p .color{color: red;}
.reg_list li .input{padding: 10px; font-size: 14px; border: 1px solid #ccc; width: 100%;}
.reg_list li .address{}
.reg_list li .address .row{display: flex; align-items: center;}
.reg_list li .address a{display: block; background: #666; font-size: 12px; font-weight: 500; color: #fff; margin-left: 5px; padding: 12px; cursor: pointer;}
.reg_box .btn_confirm2{display: flex; align-items: center;}
.reg_box .btn_confirm2 *{display: block;padding: 15px 0; border: 0;  font-weight: bold; background: #333; color: #fff; border-radius: 3px; border: 1px solid #333;}

/* 주문서 내역 */
.lps2{border-top: none!important; padding: 0 10px!important;}
.lps2 .prqty_qty{width: 100%!important; font-size: 14px; padding: 5px 8px; background: #f2f7ff; font-weight: 900;}
.lps2 .prqty_qty span{font-weight: 400;}

/* 장바구니 */
.lpss2{float: inherit!important; width: 100%!important; padding: 5px 8px!important; font-size: 14px; font-weight: 900; background: #f7f7f7;}
.lpss2 span{font-weight: 400;}
/* 장바구리 선택사항 셀렉트 박스 */
.it_o_select .get_item_options>span::after{content: ""; display: inline-block; position: absolute; top: 65%; right: 10px; transform: translate(0, -50%); width: 0; height: 0; margin-top: -1px;border-left: 5px solid transparent;border-right: 5px solid transparent; border-top: 5px solid #666;z-index: 1;}
.option_btn_close02{width: 35px; height: 35px; position: absolute; top: 5px; right: 20px; border: none; text-align: right;}

.order_p{color: red; font-size: 14px; font-weight: 500; padding: 30px 0 10px; text-align: right;}

.m_menu_box .eng_link{background: #eee; color: #666; text-align: center; padding: 15px 0; display: block; width: 100%;}

@media all and (max-width: 600px){
    /* head */
    .hd{height: 60px;}
    .hd .logo img{width: 100px;}
    .m_menu_box{top: 60px; height: calc(100vh - 60px);}
    
    .top_menu a{font-size: 14px;}
    .m_menu .login_btn a{font-size: 16px;}
    .m_menu_list{padding: 10px;}
    .m_menu_list>li{font-size: 16px;}
    .msub_menu>li>a{font-size: 14px;}
    
    /* foot */
    .foot .foot_info{text-align: center;}
    .foot .foot_info li{font-size: 14px;}
    .foot .foot_info li::after{display: none; height: 12px;}
    .foot .foot_info li:nth-child(1)::after, .foot .foot_info li:nth-child(6)::after{display: inline-block;}
    .foot p{font-size: 11px;}
    #device_change{font-size: 12px;}
	
	/* main */
/*	.m_main{height: 450px;}*/
	.m_main .text h1{font-size: 8.5vw;}
	.m_main .text p{font-size: 4vw; margin-top: 10px;}
	.mpro_list{width: calc(100% - 30px); margin: 50px auto;}
	.mpro_list li{float: inherit; margin-right: 0; width: 100%;}
	.mpro_list .title{font-size: 25px; margin-bottom: 10px;}
	.mpro_list .title::before{width: 5px; height: 20px;}
	.mpro_list .mpro_box p{font-size: 14px; line-height: 22px; padding: 20px; min-height: inherit;}
    
    /* 공통 */
    .sub_setion{margin: 50px auto 80px; padding: 0 15px;}
    .sub_main{height: 200px;}
    .sub_main h1{font-size: 28px; margin-top: 65px;}
    .sub_nav{padding: 10px;}
    .sub_nav img{width: 16px;}
    .sub_nav h2{font-size: 16px; top: 0;}
    
    /* ceo 인사말 */
    .company .text h1{font-size: 20px; line-height: 30px; margin-bottom: 15px;}
    .company .text h1 .br{display: block;}
    .company .text p{padding: 30px; font-size: 14px; line-height: 22px;}
    .company .text p br{content: ''; display: none;}
    .company .text p .br{display: block; padding: 10px;}
    .company .text .ceo{margin-top: 30px; font-size: 16px;}
    .company .text .ceo .span{margin-left: 15px;}
    
    /* 회사개요 */
    .sub_setion table td{padding: 10px; font-size: 14px;}
    .sub_setion table .th{width: 100px; text-align: left; padding: 10px 20px;}
    .sub_setion table .th .br{display: block;}
    
    /* 연혁 */
	.his_box{display: block; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;}
	.his_box h1{font-size: 16px; font-weight: 700; top: 0; margin-bottom: 10px;}
	.his_box h1::after, .his_box h1::before{display: none;}
	.his_box .month{padding: 0; top: 0; border-left: none;}
	.his_box .text h2{width: 30px; margin-right: 10px;}
	.his_box .text h2, .his_box .hb_list li{font-size: 14px;}
	.his_box .hb_list{width: calc(100% - 60px);}
    .his_box .hb_list li{margin-bottom: 5px;}
	.his_box .hb_list li::before{margin-right: 8px; top: -3px;}
    
    /* 오시는길 */
    .sub_setion .map{height: 300px; margin-bottom: 15px;}
    
    /* 제품상세 + 리스트 */
    .product .pro_box .top .img{float: inherit; width: 100%; padding-top: 100%;}
    .product .pro_box .top .text{float: inherit; width: 100%; margin-top: 20px;}
    .product .pro_box .top .text h2{font-size: 14px; text-align: center;}
    .product .pro_box .top .text h1{font-size: 25px; text-align: center; margin-bottom: 10px; margin-top: -5px; font-weight: 900;}
    .product .option_select select{padding: 10px; font-size: 14px;}
    .product .pro_box .top .text .num{padding: 10px;}
    .product .pro_box .top .text .num p{font-size: 14px;}
    .product .pro_box .top .text .input{width: 70px; font-size: 12px;}
    .product .pro_box .top .text .num_btn{width: 28px; height: 28px;}
    .product .pro_box .download_list p{font-size: 14px; font-weight: 500;}
    .product .pro_box{margin-bottom: 30px;}
	.editor_box table{width: 100%;}
	.editor_box table td{padding: 5px 2px!important;}
	.editor_box table *{font-size: 12px!important;}
	.product .pro_box .download_list a img{top: -1px;}
	
    /* 고객지원 */
    .support .top{flex-direction: column; margin-bottom: 30px;}
    .support .top>form{width: 100%;}
    .support .search{width: 100%; margin-bottom: 10px;}
    .support .search img{width: 15px;}
    .support .search input{padding: 0 20px 10px 10px; font-size: 14px;}
    .support .search button{top: -5px; transform: none;}
    .support .select{width: 100%;}
    .support .select select{padding: 10px; font-size: 14px; border-radius: 5px;}
    .adm_btn>*{font-size: 12px; font-weight: 500; padding: 8px 15px;}
    .adm_btn{margin: 30px auto 10px;}
    .support .support_list li{margin-right: 15px; width: calc(50% - 9.5px); margin-bottom: 40px;}
    .support .support_list li:nth-child(3n){margin-right: 15px;}
    .support .support_list li:nth-child(2n){margin-right: 0;}
    .support .support_list h1{font-size: 16px;}
    .support .write .input{font-size: 14px;}
    
    /* 글쓰기 */
    .support .write .th{width: 100px;}
    .support .write .select{width: 100%;}
}