@charset "utf-8";


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

}


@media all and (max-width: 1800px) {
	/*메인*/
	#main .section.sec2 .main_slide{text-align:center;font-size:0;}
	#main .section.sec2 .main_slide .l_box{float:none;display:inline-block;vertical-align:top;width:auto}
	#main .section.sec2 .main_slide .r_box{float:none;display:inline-block;vertical-align:top;width:1000px}
}
@media all and (max-width: 1700px) {
	/*메인*/
	#main .section.sec2 .main_slide .r_box{width:750px}
}
@media all and (max-width: 1440px) {
	/*메인*/
	#fullpage{height:auto !important}
	/*#main{height:100%}*/
	#main .section{height:auto !important;display:block !important}
	.down_bt{display:none}
	#main .section.sec1{}
	#main .section.sec2{padding:60px 0;text-align:left;}
	#main .section.sec2 .main_slide{padding:0 20px;box-sizing:border-box;}
	#main .section.sec2 .main_slide .l_box{display:block;width:100%;text-align:left;}
	#main .section.sec2 .main_slide .l_box .txt{width:100%;}
	#main .section.sec2 .main_slide .l_box .txt .m_bt{right:0;    top: auto !important;    bottom: -47px;}
	#main .section.sec2 .main_slide .l_box .txt p{margin-top:20px}
	#main .section.sec2 .main_slide .r_box{display:block;width:100%;text-align:left;margin-top:20px}
	#main .section.sec2 .main_slide .r_box .swiper-slide p.pic{background-position:left center;}
	#main .section.sec2 .main_slide{display:block;height:auto !important;}
	#main .section.sec3 .visual{height:600px !important;}
	#main .section.sec4 .visual{display:block;height:auto !important;padding:60px 0 0;}
	#main .section.sec4 .visual .tbc{display:block}

	/*헤더,푸터*/
	#footer.on{position:static !important}
	#fp-nav.right{display:none;}

	/*서브*/
	#sub.company_idx .intro_wrap .txt_wrap{padding:30px 40px}
	#main .section.sec4 .cscenter .info{}


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

	#sub.history .f_box .his_box{width:50%;position:relative;float:right}
	#sub.history .f_box:before{    display:none}
	#sub.history .f_box .his_box:before{position:absolute;width:1px; top:80px;height:90%; left:54px;background-size:auto; background-repeat:repeat-y; background-position:top center; background-image:url('/img/history_line.jpg');content:'';}
#sub.history .s_box .his_box:before{position:absolute;width:1px;top:80px;; height:100%; right:54px;background-size:auto; background-repeat:repeat-y; background-position:top center; background-image:url('/img/history_line.jpg');content:'';}
	#sub.history .s_box .his_box{width:54%;position:relative;}
	#sub.history .s_box:before{    display:none}

	#sub.core .top_wrap .p_wrap {background-image:url('/img/core_bg_mo.png');min-height:610px;}
	#sub.core .bottom_wrap ul li b{font-size:27px;word-break:keep-all}
	#sub.cp_status .bottom_wrap ul li .wrap .txt b{font-size:24px;word-break:keep-all}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc .img{right:20px; top:20px}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td ul li{width: calc(13.285% - 9px);}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td ul li span{font-size:15px;padding:0 5px}
}
@media all and (max-width: 1300px) {
	/*헤더,푸터*/
	#header .bottom .all_menu.pc{display:none}
	#header .bottom .all_menu.mo{display:inline-block;}
	#header .bottom .util{right:0;}
	#header .bottom .util .u_mo{display:none}
	#header .bottom .size .gnb{display:none}
	#header{position:static !important; border-bottom:0;}
	#header .bottom .scr_logo img{display:none}
	#header .bottom .scr_logo img.on_img{display:block}
	/*메인*/
	#main .section.sec4 .notice{width:560px;}
	#main .section.sec4 .cscenter{width:calc(100% - 590px);margin-left:30px}
	/*서브*/
	#sub.history .f_box .img{float:none;width: 100%;    text-align: center;}
	#sub.history .f_box .his_box{    width: 100%;padding-left:40px;box-sizing:border-box;float:none;margin-top:20px}
	#sub.history .f_box .his_box:before{left:94px}
	#sub.history .s_box .img{float:none;    width: 100%;    text-align: center;}
		#sub.history .s_box .his_box{  width: 100%;padding-right:40px;box-sizing:border-box;float:none;margin-top:20px}
		#sub.history .s_box .his_box:before{right:94px}

	#sub.ceo .wrap .txt_wrap{width:100%; min-height:auto;padding-bottom:20px}
	#sub.ceo .wrap .txt_wrap .sign{left:auto; right:0;}
	#sub.ceo .wrap .txt_wrap em.mbr{display:none}
	#sub.ceo .wrap .txt_wrap >p{}
	#sub.ceo .wrap .txt_wrap >b{}
	#sub.ceo .wrap .pic_wrap{margin-top:30px;margin-left:0;width:100%}
	#sub.ceo .wrap .pic_wrap .img{text-align:center;}

	#sub.core .bottom_wrap ul{text-align:center}
	#sub.core .bottom_wrap ul li{text-align:left;margin-top:15px;width:calc(33.333% - 15px)}
	#sub.cp_status .bottom_wrap ul li .wrap .txt{display:block; width:100%;padding:0; margin-top:10px}
	#sub.shop_list.group_intro .list_wrap .pro_list ul{    width: calc(100% + 20px);    margin-left: -20px;}
	#sub.shop_list.group_intro .list_wrap .pro_list ul li{    width: calc(33.333% - 20px);    margin-left: 20px;}
	#sub.shop_view .b_wrap{text-align:center}
	#sub.shop_view .pic_wrap{float:none;display:inline-block;width:100%; max-width:660px}
	#sub.shop_view .info{margin-top:45px;margin-left:0;width:100%;float:none;text-align:left;}
	#sub.rd_intro .list_wrap ul.pl_list{    width: calc(100% + 30px);    margin-left: -30px;}
	#sub.rd_intro .list_wrap ul.pl_list li{ width: calc(33.333% - 30px);    margin-left: 30px;}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc{padding:0 40px}
	#sub.stp .con_wr2 .tb_wrap thead tr th{font-size:14px}
	#sub.stp .tb_wrap tbody tr th p{font-size:15px}
	#sub.stp .tb_wrap tbody tr td p{font-size:15px}

	
}
@media all and (max-width: 1240px) {
#sub.stp .t_tit{display:block; width:100%;}
#sub.stp .r_box{display:block; width:100%;margin-top:20px}
#sub.stp .con_wr2 .tb_wrap {overflow-y:auto}
#sub.stp .con_wr2 .tb_wrap .y_wrap{width:1240px}
}
@media all and (max-width: 1200px) {
	#sub.part_ceramic .con_wrap .process_wrap .t_tit{display:block; width:100%;}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap{display:block; width:100%;margin-top:20px}
		#sub.part_ceramic .con_wrap .ul_wrap .ul_box{display:block; width:100%;margin-top:20px}
		#sub.part_ceramic .con_wrap .ul_wrap .t_tit{display:block; width:100%;}

		#sub.part_ceramic .con_wrap .ul_wrap .ul_box ul li span{font-size:17px}
	
}
@media all and (max-width: 1100px) {
	/*헤더,푸터*/
	#footer .l_box{float:none;text-align:center}
	#footer .l_box .f_logo{display:block}
	#footer .l_box .txt{margin-left:0;margin-top:20px;}
	#footer .l_box .txt ul{text-align:left}
	#footer .r_box{float:none;text-align:center;margin-top:20px}
	#footer .r_box ul{;text-align:center}

	/*서브*/
	#sub.company_idx .b_wrap .wrap .ul_wrap ul {    width: calc(100% + 20px);    margin-left: -20px;}
	#sub.company_idx .b_wrap .wrap .ul_wrap ul li{    width: calc(33.333% - 20px);    margin-left: 20px;}
	#sub.location .wrap .t_tit{display:block;width:100%;}
	#sub.location .wrap .map_wrap{display:block;width:100%;margin-top:20px}
	#sub.part_display .con_wrap .ul_wrap .ul_box ul {    margin-left: -35px;   width: calc(100% + 35px);}
	#sub.part_display .con_wrap .ul_wrap .ul_box ul li{width:calc(25% - 35px); margin-left:35px}
	#sub.part_car .con_wrap .ul_wrap .t_tit{width:100%; display:block}
	#sub.part_car .con_wrap .ul_wrap .ul_box{width:100%; display:block; margin-top:20px}
	
	#sub.part_car .con_wrap .ul_wrap2 .t_tit{width:100%; display:block}
	#sub.part_car .con_wrap .ul_wrap2 .ul_box{width:100%; display:block; margin-top:20px}

	#sub.part_car .con_wrap .tb_wrap{display:none}
	#sub.part_car .con_wrap .tb_wrap.mo{display:block}

	#sub.shop_list .list_wrap .pro_list ul li{width: calc(33.333% - 15px);}
	#sub.cert_idx .list_wrap .pro_list ul li{margin-left:15px;margin-top:20px}
	#sub.cert_idx .list_wrap .pro_list ul{margin-left:-15px}
	#sub.hr_info .bg_wrap ul {width:calc(100% + 30px);margin-left:-30px;max-width:840px}
	#sub.hr_info .bg_wrap ul li{width:calc(25% - 30px); margin-left:30px}
	#sub.hr_info .bg_wrap ul li .cir{width:180px; height:180px}
	#sub.hr_info .bg_wrap ul li .cir span{font-size:45px}
	#sub.hr_info .bg_wrap ul li:before{    left: -13%;    top: 78px;}

	#sub.part_ceramic .con_wrap .tb_wrap.wid100{display:none}
	#sub.part_ceramic .con_wrap .tb_wrap.wid100.mo{display:block}
}
@media all and (max-width: 1024px) {
	#main .section.sec2 .main_slide .l_box .txt b{font-size:60px}
	#main .section.sec4 .notice{padding:30px;width:480px;padding-bottom:45px}
	#main .section.sec4 .cscenter{width:calc(100% - 510px)}
	#main .section.sec4 .bld_t b{font-size:45px}
	.t_tit > p{font-size:24px;    padding-top: 20px;background-size:20px;line-height:30px}
	.t_tit p em{font-size:17px;}
	.bld_t b{font-size:60px}


	/*서브*/
	#sub.company_idx .intro_wrap .txt_wrap{position:static; max-width:100%;text-align:left;margin-top:30px}
	#sub.company_idx .intro_wrap .size{text-align:center}
	#sub.company_idx .intro_wrap .size .img{display:inline-block}
	#sub.cp_status .bottom_wrap ul{width:100%; margin-left:0;}
	#sub.cp_status .bottom_wrap ul li{width:33.333%; margin-left:0;}
	#sub.cp_status .bottom_wrap ul li .wrap .img{width:auto}
	#sub.part_display .con_wrap .ul_wrap .t_tit{width:100%; display:block}
	#sub.part_display .con_wrap .ul_wrap .ul_box{width:100%; display:block;margin-top:20px}
	#sub.pd .con_wrap .img_wrap .t_tit{width:100%; display:block}
	#sub.pd .con_wrap .img_wrap .img{width:100%; display:block; margin-top:20px}
	#sub.rd_intro .list_wrap ul.pl_list li .tb{height:280px}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc .p_wrap p{font-size:16px}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc > b{font-size:26px}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc .p_wrap{margin-top:15px}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc .img img{max-width:60px}

	#sub.hr_info .wrap .t_tit{width:100%; display:block}
	#sub.hr_info .wrap .in_wrap{width:100%; display:block; margin-top:20px}
	#sub.hr_system .wrap .img_wrap{width:100%; display:block; margin-top:20px}
	#sub.hr_system .wrap .p_wrap{width:100%; display:block; margin-top:20px}
	#sub.stp .ul_wrap .r_box ul li{width:Calc(100% - 14px);min-height:auto}
}

@media all and (max-width: 960px) {
	/*메인*/
	#main .section.sec4 .notice{width:100%;max-width:960px;float:none;min-height:auto;}
	#main .section.sec4 .cscenter{margin-left:0; width:100%;max-width:960px;float:none; margin-top:20px}

	/*서브*/
	#sub.company_idx .bg_wrap{padding:60px 0; min-height:auto}
	#sub.company_idx .bg_wrap .img img.mo{display:block}
	#sub.company_idx .bg_wrap .img img.pc{display:none}
	#sub.company_idx .b_wrap .wrap .t_tit{    width: 100%;    display: block;}
	#sub.company_idx .b_wrap .wrap .ul_wrap{    width: 100%;    display: block;margin-top:20px}

	#sub.core .bottom_wrap ul li{padding:30px 20px 15px}
	#sub.cp_status .bottom_wrap ul li .wrap .txt p.pl{font-size:14px}
	#sub.cp_status .bottom_wrap ul li .wrap .txt b{font-size:20px}
	#sub.cp_status .bottom_wrap ul li .wrap .txt p{font-size:16px}
	#sub.cp_status .bottom_wrap ul li .wrap .txt span{font-size:14px}
	#sub.cp_status .bottom_wrap ul li .wrap .img{width:120px}
	#sub.part_car .con_wrap .ul_wrap2 .ul_box ul li{    width: calc(25% - 25px);}
	#sub.rd_intro .txt_wrap b{font-size:26px}
	
	#sub.rd_intro .txt_wrap p{font-size:22px;    line-height: 32px;}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc{padding:0 20px}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc > b{font-size:20px}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc .p_wrap p{font-size:15px}
	#sub.place .list_wrap ul.pl_list li{    width: calc(33.333% - 20px);}
	#sub.hr_info .bg_wrap{padding:40px 0;height:460px}

	#sub.disclosure  .tb_wrap table{table-layout:fixed;}
	#sub.disclosure .tb_wrap colgroup{display:none;}
	#sub.disclosure .tb_wrap thead{display:none;}
	#sub.disclosure .tb_wrap tbody tr td:first-child{display:none}
	#sub.disclosure .tb_wrap tbody tr {display:block; }
	#sub.disclosure .tb_wrap tbody tr td{display:inline-block; width:100%; text-align:left; padding:4px}
	#sub.disclosure .tb_wrap tbody tr td span.nm{display:inline-block;}

	#sub.pd .con_wrap .t_wrap .t_tit{display:block;width:100%;}
	#sub.pd .con_wrap .t_wrap .p_wrap{display:block; width:100%; margin-top:20px;}

	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap{}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap colgroup{display:none}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody tr{display:block; width:100%;}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody th{width:100%; display:block;padding:10px}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td{width:100%; display:block;padding:10px; padding-top:0;}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td ul li{    width: calc(14.285% - 10px);}
	#sub.part_ceramic .con_wrap .wrap  .t_tit{display:block;width:100%;}
	#sub.part_ceramic .con_wrap .wrap .tb_wrap{display:block; width:100%; margin-top:20px;}
	
	#sub.stp .tb_half .r_box .tb_box > div{width:calc(100% - 24px);}
	#sub.stp .tb_half .r_box .tb_box .tb_wrap{margin-top:20px}
	#sub.stp .img_wrap{padding:40px}
	#sub.stp .rnd_wrap .ul_box ul li{width:calc(25% - 35px)}

}
@media all and (max-width: 840px) {
	/*서브*/
	#sub.qa .wrap .t_tit{width: 100%;    display: block;}
	#sub.qa .wrap .txt_wrap{width: 100%;    display: block;margin-top:20px}
	#sub.shop_list.group_intro .list_wrap .pro_list ul li{    width: calc(50% - 20px);    }
	#sub.location .wrap .map_wrap .info_wrap ul{display:block;width:100%;padding:0; border-left:0;min-width:unset;}

	#sub.location .wrap .map_wrap .info_wrap ul:first-child{padding-bottom:16px;min-width:unset;}
	#sub.part_display .con_wrap .ul_wrap .ul_box ul li{width:calc(33.333% - 35px)}
	#sub.part_display .con_wrap .ul_wrap .ul_box ul li.last:before{display:block;}
	#sub.part_display .con_wrap .ul_wrap .ul_box ul li.last2:before{display:none;}
	#sub.part_display .con_wrap .ul_wrap .ul_box ul li.last3:before{right:auto; left:-40px;}
	#sub.part_display .con_wrap .ul_wrap .ul_box ul li.last3{}

	#sub.part_car .con_wrap .ul_wrap .ul_box ul li{width:calc(33.333% - 35px)}
	#sub.part_car .con_wrap .ul_wrap .ul_box ul li.last:before{display:block;}
	#sub.part_car .con_wrap .ul_wrap .ul_box ul li.last2:before{display:none}
	#sub.part_car .con_wrap .ul_wrap .ul_box ul li.last3:before{right: auto;    left: -35px;}
	#sub.rd_intro .list_wrap ul.pl_list li{width:calc(100% - 30px)}
	#sub.rd_intro .list_wrap ul.pl_list li .tb{height:auto; padding:20px 0;}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc .img{top:50%; margin-top:-30px}
	#sub.iv_table .tb_wrap thead th em{display:block}
	#sub.iv_table .tb_wrap tbody tr td p{font-size:15px;word-break:keep-all}
	#sub.iv_table .tb_wrap tbody tr.t_bold td p{font-size:15px}
	#sub.iv_table .tb_wrap tbody tr td{padding:13px}
	#sub.iv_table .tb_wrap tbody tr.total td p{font-size:16px}
	#sub.hr_system .txt_wrap .size >p{font-size:21px;line-height:26px}
	#sub.hr_system .txt_wrap .size >span em{font-size:15px}
	#sub.place .txt_wrap p{font-size:34px}
	#sub.hr_info .bg_wrap ul{max-width:600px;}
	#sub.hr_info .bg_wrap ul li .cir{width:120px; height:120px;background-size:40px}
	#sub.hr_info .bg_wrap ul li .txt b{font-size:20px}
	#sub.hr_info .bg_wrap ul li .cir span{font-size:30px;bottom:-4px}
	#sub.hr_info .bg_wrap ul li:before{left:-19%; top:50px; background-size:15px}
	#sub.hr_info .bg_wrap{height:auto}
	#sub.join_idx .join_list li{height:250px}
	#sub.join_idx .join_list li .tbc{padding:0 30px}
	#sub.part_ceramic .con_wrap .ul_wrap .ul_box ul li{width:calc(33.333% - 35px)}
	#sub.part_ceramic .con_wrap .ul_wrap .ul_box ul li.last:before{display:block}

		#sub.part_ceramic .con_wrap .ul_wrap .ul_box ul li:before{right:auto;left:-35px;}
		#sub.part_ceramic .con_wrap .ul_wrap .ul_box ul li:first-child:before{display:none}


}
@media all and (max-width: 768px) {
	/*헤더,푸터*/
	.sub_visual .slogun{height:220px;padding-top:0;}
	.depth3{bottom:-60px;}
	.depth3 .size{padding:0;}
	.depth3 .home{display:none}
	.depth3 .wrap{width:100%}
	.depth3 .menuList{max-width:100%; width:50%}
	#top_bt{right:15px;}
	#top_bt a{width:60px;height:60px}
	#top_bt a p span{font-size:16px;margin-top:5px}

	/*메인*/
	#main .section.sec3 .visual{height:520px !important}

	/*서브*/
	#sub.company_idx .intro_wrap .txt_wrap{padding:20px;}
	#sub.company_idx .intro_wrap .txt_wrap ul{margin-top:15px}
	#sub.company_idx .intro_wrap .txt_wrap ul li{padding:12px 0}
	#sub.core .bottom_wrap ul li b{font-size:22px}
	#sub.core .bottom_wrap ul li span{font-size:60px}
	#sub.core .bottom_wrap ul li p{font-size:15px}
	#sub.qa .wrap .txt_wrap .top_box{height:160px;    background-size: 200px;}
	#sub.qa .wrap .txt_wrap .top_box .tbc{padding:0 40px;}
	#sub.part_display .con_wrap .ul_wrap .ul_box ul li span{font-size:17px;line-height:20px}
	#sub.part_display .con_wrap .tb_wrap{}
	#sub.part_display .con_wrap .tb_wrap colgroup{display:none}
	#sub.part_display .con_wrap .tb_wrap tbody tr th:first-child{width:80px;}
	#sub.part_display .con_wrap .tb_wrap tbody tr th{width:80px;}
	#sub.part_display .con_wrap .tb_wrap tbody tr td.last{width:calc(100% - 160px)}
	#sub.part_car .con_wrap .ul_wrap2 .ul_box ul li{    width: calc(33.333% - 25px);}
	#sub.part_car .con_wrap .tb_wrap .r_td{padding: 15px}
	#sub.shop_list .list_wrap .pro_list ul li{width: calc(50% - 15px);}
	#sub.rd_intro .txt_wrap{margin-top:40px}
	#sub.rd_intro .txt_wrap p{    font-size: 18px;    line-height: 26px;word-break:keep-all}
	#sub.rd_intro .txt_wrap p em.mbr{display:none;}
	#sub.rd_intro .txt_wrap b{font-size:22px}
	#sub.hr_info .wrap .in_wrap ul li{width:calc(100% - 20px);margin-top:20px;height:100px}
	#sub.hr_info .wrap .in_wrap ul {margin-top:-20px}
	#sub.hr_info .wrap .in_wrap ul li .tbc{padding:0 20px}
	#sub.hr_system .wrap .p_wrap span{font-size:22px}
	#sub.hr_system .wrap .p_wrap b em{font-size:22px}

	#sub.hr_system .wrap .img_wrap .img{padding:20px}
	#sub.hr_system .wrap .img_wrap .img img.pc{display:none}
	#sub.hr_system .wrap .img_wrap .img img.mo{display:block}
	#sub.hr_system .wrap .in_wrap ul{max-width:unset}
	#sub.hr_system .wrap .in_wrap ul li{height:auto}
	#sub.hr_system .wrap .in_wrap ul li .tbc{padding: 20px}
	#sub.place .txt_wrap p{font-size:28px;line-height:32px}
	#sub.place .txt_wrap span{font-size:16px}
	#sub.notice_view .v_title{padding:20px 15px;}
	#sub.faq .tb_wrap tbody tr.faqQ td{padding: 10px}
	#sub.faq .tb_wrap tbody tr.faqQ td em{max-width:27px; height:28px; line-height:28px}
	#sub.faq .tb_wrap tbody tr.faqA td.hit em{max-width:27px; height:28px; line-height:28px}
	#sub.faq .tb_wrap tbody tr.faqA td{padding: 10px}

	#sub.notice_list  .tb_wrap table{table-layout:fixed;}
	#sub.notice_list .tb_wrap colgroup{display:none;}
	#sub.notice_list .tb_wrap thead{display:none;}
	#sub.notice_list .tb_wrap tbody tr td:first-child{display:none}
	#sub.notice_list .tb_wrap tbody tr {display:block; }
	#sub.notice_list .tb_wrap tbody tr td{display:inline-block; width:100%; text-align:left; padding:4px}
	#sub.notice_list .tb_wrap tbody tr td span.nm{display:inline-block;}
	.iv_search .bbsSearch .wrap2{max-width:400px}
	.iv_search .bbsSearch .wr input[type='text']{max-width:150px}
	#sub.join_idx .join_list{margin-top:-20px}
	#sub.join_idx .join_list li{width:calc(100% - 25px);margin-top:20px}

	#sub.join_idx .tab_list ul li a{padding-left:35px;    line-height: 54px;font-size:16px}
	#sub.join_idx .tab_list ul li span{font-size:26px;line-height:1}
	#sub.join_idx .tab_list ul li:first-child{width:25%}
	#sub.join_idx .tab_list ul li:last-child{width:25%}
	#sub.join_idx .tab_list ul li{width:50%}

	#sub.mypage  .tb_wrap table{table-layout:fixed;}
	#sub.mypage .tb_wrap colgroup{display:none;}
	#sub.mypage .tb_wrap thead{display:none;}
	#sub.mypage .tb_wrap tbody tr {display:block; }
	#sub.mypage .tb_wrap tbody tr th{padding: 8px;padding-bottom:0;}
	#sub.mypage .tb_wrap tbody tr td{display:inline-block; width:100%; text-align:left; padding:8px}
	#sub.mypage .tb_wrap tbody tr td p.wr.ipt input[type="text"]{width:calc(100% - 120px)}
	#sub.mypage .tb_wrap tbody tr td p.wr input[type="email"]{max-width:320px}
	#sub.mypage .tb_wrap tbody tr td p.wr input[type="password"]{max-width:320px}
	#sub.mypage .tb_wrap tbody tr td p.wr input[type="text"]{max-width:320px}
	#sub.mypage .tb_wrap tbody tr td.call p.wr input[type="text"]{max-width:80px}
	#sub.mypage .tb_wrap tbody tr td span{margin-top:10px;word-break:keep-all}
	#sub.mypage .tb_wrap tbody tr td p.wr input[type="text"].ipt2{width:calc(100% - 10px);max-width:100%; margin-top:10px}
	#sub.mypage .tb_wrap tbody tr td span.nm{display:inline-block;margin:0;margin-right:10px}
	#sub.iq_list .wrap .tb_wrap.ct tbody tr td{}
	#sub.iq_list.mypage .wrap .tb_wrap.ct tbody tr td{padding-top:0;}
	#sub.iq_list.mypage .wrap .tb_wrap.ct tbody tr td.l_td{padding-top:10px}
	#sub.mypage .wrap .tb_wrap.ct tbody tr td{text-align:left; padding:10px}
	#sub.mypage .wrap .tb_wrap.ct tbody tr td.r_td{text-align:left;}
	#sub.cart .con_wrap .tb_wrap tr td{text-align:left;}
	#sub.cart_inquiry .wrap .tb_wrap.ct tbody tr td:first-child{display:none}
	#sub.cart_buy .wrap .tb_wrap.ct tbody tr td:first-child{display:none}
	#sub.cart_inquiry .wrap .tb_wrap tbody tr td.txt_l p.pic{margin-right:10px}
	#sub.cart .tb_wrap .check .agreeCheck{display:inline-block;}
	#sub.cart .btn_wrap a{font-size:15px;max-width:170px}
	#sub.cart .con_wrap .btn_wrap.long .fl_r{max-width:376px}
	#sub.iq_list .tb_wrap tbody tr td:first-child{display:none}
	#sub.iq_list .tb_wrap tbody tr td.state p{margin:0;margin-top:5px}
	#sub.mypage .con_wrap .total_wrap div.tt{display:block;background-position:calc(100% - 190px) center; margin-top:10px;}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td ul{margin-top:-8px}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td ul li{margin-top:8px}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td ul li.bl{display:block;width:45%}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td ul li.bl:before{display:none}
	#sub.part_ceramic .con_wrap .wrap .tb_wrap tbody th{padding:10px}
	#sub.part_ceramic .con_wrap .wrap .tb_wrap tbody th p{font-size:14px}
	#sub.part_ceramic .con_wrap .wrap .tb_wrap tbody td{padding:10px}
	#sub.part_ceramic .con_wrap .wrap .tb_wrap tbody td p{font-size:15px}
	#sub.stp .rnd_wrap .ul_box ul li span{font-size:16px; line-height:20px}



}
@media all and (max-width: 680px) {
		.ir_info .body-wrap{overflow-x:auto;width:640px}

}
@media all and (max-width: 640px) {	
	/*헤더,푸터*/
	#header .bottom .util .all_menu a{width:60px; height:60px}
	.mo_menu .mo_header .mo_close{width:60px; height:60px}
	.mo_menu .mo_inner .util ul li a span{line-height: 45px;font-size:16px}
	.mo_menu .mo_header .logo{margin-top:-9.5px}
	.mo_menu .mo_header .logo img{max-width:160px}
	#header .bottom .scr_logo{margin-top:-9.5px}
	#header .bottom .scr_logo img.on_img{max-width:160px}
	.mo_menu .mo_header{height:60px}
	#header .bottom .size{height:60px}
	.mo_menu .m_depth1 > li > a{font-size:16px;height:45px;line-height: 45px;}
	.mo_menu .m_depth2 > li > a{font-size:14px;height:40px;line-height: 40px;}
	.mo_menu .mo_inner .util ul li a img{max-width:17px}
	.depth3 .menuList .mo_btn a{height:45px; line-height:45px;}
	.depth3 .menuList > ul li a{padding:0 20px;height:45px; line-height:45px;}
	.depth3{bottom:-45px}
	.sub_visual .slogun .title p{font-size:40px;}
	.sub_visual .slogun{height:200px}
	#footer .l_box .txt ul li em.mbr2{display:block}
	#footer .l_box .txt ul li span.fir{margin-left:0;}
	#footer .l_box .f_logo img{max-width:100px}
	.c_tit b{font-size:35px}
	

	/*메인*/
	#main .section.sec2{padding:45px 0;}
	#main .section.sec2 .main_slide .l_box .txt b{font-size:45px}
	#main .section.sec2 .main_slide .l_box .txt p{font-size:14px;}
	#main .section.sec2 .main_slide .r_box .swiper-slide .txt{margin-top:15px}
	#main .section.sec2 .main_slide .r_box .swiper-slide .txt b{font-size:14px;}
	#main .section.sec2 .main_slide .r_box .swiper-slide .txt p{font-size:18px;}
	#main .section.sec2 .main_slide .r_box .swiper-slide .txt a{margin-top:20px}
	#main .section.sec2 .main_slide .l_box .txt .m_bt{bottom:-40px}
	#main .m_bt .more{    width: 42px;    height: 42px;}
	#main .m_bt .swiper-button-next{width: 42px;    height: 42px;}
	#main .m_bt .swiper-button-prev{width: 42px;    height: 42px;}
	#main .section.sec3 .visual{padding:0 20px;box-sizing:border-box;}
	#main .section.sec3 .visual .tbc ul{    width: calc(100% + 20px);    margin-left: -20px;max-width:510px;margin-top:35px}
	#main .section.sec3 .visual .tbc ul li{margin-left:20px;width:calc(33.333% - 20px);/*width:150px !important;height:150px !important;*/}
	#main .section.sec3 .visual .tbc ul li a span{font-size:15px;margin-top:15px;}
	#main .section.sec3 .visual .tbc p em.mbr2{display:block}
	#main .section.sec4 .bld_t b{font-size:40px}
	#main .section.sec4 .cscenter >div{height:180px}
	#main .section.sec4 .cscenter >div a p{font-size:20px}
	#main .section.sec4 .cscenter >div a span{margin-top:20px}
	
	/*서브*/
	#sub.company_idx .intro_wrap .txt_wrap ul li{border-top:0;padding:0}
	#sub.company_idx .intro_wrap .txt_wrap ul li:first-child p:first-child {border-top:0;}
	#sub.company_idx .intro_wrap .txt_wrap ul li p {border-top:1px solid #e6e6e6;width:100%;padding:10px 0}
	#sub.company_idx .intro_wrap .txt_wrap ul li p em{padding-left:10px}
	#sub.company_idx .intro_wrap .txt_wrap ul li p span{font-size:15px}
	#sub.company_idx .intro_wrap .txt_wrap ul li p span br{display:none}
	#sub.company_idx .txt_wrap .t_tit{width:100%; display:block}
	#sub.company_idx .txt_wrap .p_wrap{width:100%; display:block;margin-top:10px}
	#sub.company_idx .b_wrap .wrap .ul_wrap ul li span{font-size:15px}
	#sub.ceo .wrap .txt_wrap:after{    clear: both;    content: '';   display: block;}
	#sub.ceo .wrap .txt_wrap .sign{position:static;float:right}
	#sub.ceo .wrap .txt_wrap >p{font-size:24px;line-height:30px}
	#sub.ceo .wrap .txt_wrap >b{font-size:24px;line-height:30px}
	#sub.core .bottom_wrap ul li{width:calc(50% - 15px)}
	#sub.core .top_wrap{margin-top:60px}
	#sub.core .top_wrap .p_wrap{    min-height: auto;    background-size: contain;    padding-bottom: 75%;}
	#sub.qa .wrap .txt_wrap .top_box p b{font-size:38px}
	#sub.qa .wrap .txt_wrap .top_box p{font-size:32px;}
	#sub.qa .wrap .txt_wrap .list ul li{height:54px;}
	#sub.cp_status .bottom_wrap ul li .wrap .img{width:90px}
	#sub.cp_status .bottom_wrap ul li .wrap .txt b{font-size:16px}
	#sub.cp_status .bottom_wrap ul li .wrap .txt p{font-size:14px}
	#sub.cp_status .bottom_wrap ul li .wrap .txt span{font-size:13px}
	#sub.cp_status .bottom_wrap ul li .wrap .txt p.pl{font-size:13px}
	#sub.location .wrap .map_wrap .map_box > #map_canvas1{height:320px !important}
	#sub.location .wrap .map_wrap .map_box > #map_canvas2{height:320px !important}
	#sub.location .wrap .map_wrap .map_box > #map_canvas3{height:320px !important}
	#sub.location .wrap .map_wrap .map_box .tit{position:static}
	#sub.location .wrap .map_wrap .map_box .tit p{font-size:20px}
	#sub.pd .con_wrap .img_wrap .img{padding:30px;}
	#sub.part_car .con_wrap .tb_wrap tbody tr td p{font-size:14px;word-break:keep-all;}
	.tb_wrap thead tr th{font-size:14px}

	#sub.shop_view .info .tb_wrap colgroup{display:none}
	#sub.shop_view .info .tb_wrap tbody tr th{width:120px}
	#sub.shop_view .info .tb_wrap tbody tr td{width:calc(100% - 120px)}
	#sub.shop_view .pic_wrap .m_bt{bottom: -21px;}
	.m_bt .swiper-button-next{width: 42px;    height: 42px;}
	.m_bt .swiper-button-prev{width: 42px;    height: 42px;}
	#sub.inquiry_idx .con_wrap .tb_wrap tbody tr td p.wr{margin-top:-10px}
	#sub.inquiry_idx .con_wrap .tb_wrap tbody tr td select{width:calc(100% - 10px); max-width:100%;margin-top:10px }
	#sub.mypage.inquiry_idx .tb_wrap tbody tr td p.wr input[type="text"]{width:calc(100% - 10px); max-width:100%;margin-top:10px }
	#sub.mypage.inquiry_idx .tb_wrap tbody tr th p.sp{font-size:14px}
	#sub.inquiry_idx .con_wrap .tb_wrap colgroup{display:none}
	#sub.inquiry_idx .con_wrap .tb_wrap tbody tr th{width:120px;}
	#sub.inquiry_idx .con_wrap .tb_wrap tbody tr td{width:calc(100% - 120px)}
	#sub.hr_system .txt_wrap .size >p{font-size:17px;line-height:21px;background-size:200px}
	#sub.hr_system .txt_wrap .size >span em{font-size:13px}
	#sub.hr_system .bg_wrap2{margin-top:30px}
	#sub.hr_info .bg_wrap ul li {width:calc(50% - 30px);margin-top:20px}
	#sub.hr_info .bg_wrap ul li .cir{width:140px ;height:140px;margin:0 auto}
	#sub.hr_info .bg_wrap ul li:before {    left: -5%;    top:60px;    background-size: auto;}
	.iv_search .bbsSearch .wr{width:calc(50% - 34px)}
	#sub.join_idx .join_list li .l_box{width:80px;height:80px}
	#sub.join_idx .join_list li .r_box b{font-size:24px}
	#sub.join_idx .join_list li .r_box p{font-size:18px}
	#sub.join_idx .join_list li .r_box .btn_wrap{margin-top:20px; padding-top:20px}
		#sub.agree_idx .agr_wrap .bg_box{padding:20px}
		#sub.mypage .con_wrap .chk_wrap .agreeCheck label{font-size:15px}
		#sub.history .f_box .his_box{padding-left:20px;}
		#sub.history .his_box b{font-size:32px;margin-top:15px}
		#sub.history .his_box b:before{left:-20px}
		#sub.history .his_box ul{padding-left:50px;margin-top:15px}
		#sub.history .f_box .his_box:before{left:20px}
		#sub.history .his_box ul:before{left:-4px}
		#sub.history .his_box ul:after{left:0;width:45px;}
		#sub.history .his_box ul li .le p{font-size:16px;margin-left:0;background-position:left 4px;}
		#sub.history .his_box ul li .le{display:block;width:100%}
		#sub.history .s_box .his_box:before{right:40px}
		#sub.history .s_box .his_box ul:before{right:-4px}
		#sub.history .s_box .his_box ul:after{right:0;width:45px;}
		#sub.history .s_box .his_box ul li {position:relative;}
		#sub.history .s_box .his_box ul li .le p{font-size:16px;margin-right:0;background-position:right 4px;}
		#sub.history  .s_box .his_box ul li .le{display:block;width:100%;padding-top:25px;}
		#sub.history .s_box .his_box ul{padding-right:50px}
		#sub.history .s_box .his_box b:before{right:-20px}
		#sub.history  .s_box .his_box ul li:after{display:block; content:''; clear:both}
		#sub.history  .s_box .his_box ul li span{position:absolute;right:0;top:0;}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td ul li{width:calc(100% - 8px);height:45px}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td ul li.bl{display:none}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody td ul li:before{    transform: rotate(90deg);    left: 50%;    top: -15px;    margin-top: 0;margin-left:-10px}
	#sub.stp .con_wr{margin-top:40px}
	#sub.stp .rnd_wrap .ul_box ul li{width:calc(50% - 35px)}
	#sub.stp .img_wrap{padding:20px}
	#sub.shop_view .info .tb_wrap tbody tr td.pr span{    position: static;    display: block;    margin-top: 5px;font-size:14px}
}
@media all and (max-width: 600px) {
.iv_search .search_wrap{    padding: 15px 10px 60px;}
.iv_search .bbsSearch input[type='button']{margin-top:10px}
	.iv_search .bbsSearch .agreeCheck{margin-top:10px}
	.iv_search .bbsSearch .searchWord{text-align:right;}
	.iv_search .bbsSearch .wrap2{max-width:100%}
	.iv_search .bbsSearch .wr input[type='text']{max-width:100%}
	#sub.agree_idx .agr_wrap .agreeCheck label{font-size:16px;word-break:keep-all;}
	#sub.agree_idx .agr_wrap .all_box{padding:15px;}
}
@media all and (max-width: 560px) {
#sub.shop_list.group_intro .list_wrap .pro_list ul li{    width: calc(100% - 20px);margin-top:20px    }
#sub.shop_list .list_wrap .pro_list ul li a div .pic img{height:200px}
#sub.location .wrap .map_wrap .info_wrap ul li em{vertical-align:top}
#sub.location .wrap .map_wrap .info_wrap ul li b{font-size:16px;vertical-align:top;line-height:1.2}
#sub.location .wrap .map_wrap .info_wrap ul li b.nor{font-size:16px}
#sub.location .wrap .map_wrap .info_wrap ul li p{font-size:15px}
#sub.pd .con_wrap .img_wrap .img img.pc{display:none}
#sub.pd .con_wrap .img_wrap .img img.mo{display:block;}

#sub.part_display .con_wrap .ul_wrap .ul_box ul li{    width: calc(50% - 35px);}
#sub.part_display .con_wrap .ul_wrap .ul_box ul li:before{display:block !important}
#sub.part_display .con_wrap .ul_wrap .ul_box ul li:nth-child(even):before{display:none !important }
#sub.part_display .con_wrap .ul_wrap .ul_box ul li span{font-size:15px}
	#sub.part_car .con_wrap .ul_wrap .ul_box ul li span{font-size:16px}
	#sub.part_car .con_wrap .ul_wrap2 .ul_box ul li span{font-size:14px;padding-left:15px;background-position:left center;}
	#sub.shop_view .info .btn_wrap{width:100%}
	#sub.shop_view .info .btn_wrap a{    width: calc(33.333% - 12px);font-size:15px}
	#sub.shop_view .info .tb_wrap tbody tr td{padding:10px}
	#sub.shop_view .info .tb_wrap tbody tr td p{font-size:14px}
	#sub.shop_view .info .tb_wrap tbody tr th{padding:10px}
	#sub.shop_view .info .tb_wrap tbody tr.total td b{font-size:22px}
	#sub.shop_view .info .btn_wrap a{padding:0 10px}
	#sub.shop_view .info .btn_wrap a.inquiry{background-size:18px}
	#sub.shop_view .info .btn_wrap a.cart{background-size:16px}
	#sub.shop_view .info .btn_wrap a.buy{background-size:16px}
	#sub.hr_info .wrap .in_wrap .tb_wrap colgroup{display:none}
	#sub.hr_info .wrap .in_wrap .tb_wrap tbody tr th{width:100px}
	#sub.hr_info .wrap .in_wrap .tb_wrap tbody tr th p{font-size:14px}
	#sub.hr_info .wrap .in_wrap .tb_wrap tbody tr td{width:calc(100% - 100px)}
	#sub.hr_info .wrap .in_wrap .tb_wrap tbody tr td p{font-size:14px}
	#sub.hr_system .wrap .p_wrap span{font-size:18px}
	#sub.hr_system .wrap .p_wrap b em{font-size:18px}
	#sub.hr_system .txt_wrap .size >p em.mbr2{display:block}
	#sub.hr_system .wrap .p_wrap span em.mbr2{display:block}
	#sub.hr_system .wrap .in_wrap .tb_wrap tbody tr td p{word-break:keep-all}
	#sub.place .list_wrap ul.pl_list li{    width: calc(50% - 20px);}
	#sub.place .txt_wrap p em.mbr2{display:block;}
	#sub.place .txt_wrap span em.mbr2{display:block;}
		.list_btn .fl_r{max-width:200px}
#sub.faq .tb_wrap colgroup{display:none}
#sub.faq .tb_wrap tbody tr td:first-child{width:60px}
#sub.faq .tb_wrap tbody tr td{width:calc(100% - 60px)}
#sub.iv_table .tb_wrap thead th{padding:10px;font-size:14px}
#sub.iv_table .tb_wrap thead th em{word-break:break-all}
#sub.join_idx .tab_list ul li:first-child{width:26%}
	#sub.join_idx .tab_list ul li:last-child{width:26%}
	#sub.join_idx .tab_list ul li{width:48%}
	#sub.cart .con_wrap .btn_wrap.long .fl_l{float:none !important}
	#sub.cart .con_wrap .btn_wrap.long .fl_r{margin-top:10px}
	#sub.site_list .list_wrap .pro_list ul li{    width: calc(100% - 15px);}
	#sub.stp .ul_wrap .r_box ul li{padding:30px; padding-top:40px}

		#sub.stp .pd_wrap .wr .tb_wrap table{display:none}
		#sub.stp .pd_wrap .wr .tb_wrap table.mo{display:table;}
		#sub.stp .pd_wrap .wr .tb_wrap tbody tr td{text-align:left}
		#sub.stp .pd_wrap .wr .tb_wrap tbody tr td span.nm{display:inline-block; }


}
@media all and (max-width: 485px) {
	/*헤더,푸터*/
	#footer .l_box .txt ul li span.ad{/*display:block;margin-left:0;*/}
	#footer .l_box .txt ul li em.mbr2{display:none}
	#footer .l_box .txt ul li.st span.fir{display:block;}
	
	/*메인*/
	#main .section.sec3 .bld_t b{font-size:45px}
	#main .section.sec3 .visual .tbc ul li a .img img{max-width:30px}
	#main .section.sec3 .visual{height: 440px !important}
	#main .section.sec3 .visual .tbc p{font-size:14px;line-height:20px; margin-top:20px;word-break:keep-all;}
	#main .section.sec3 .visual .tbc ul{    width: calc(100% + 15px);    margin-left: -15px;max-width:400px;margin-top:15px;}
	#main .section.sec3 .visual .tbc ul li{margin-left:15px;width:calc(33.333% - 15px);/*width:150px !important;height:150px !important;*/}
	#main .section.sec4 .cscenter >div{height:150px}
	#main .section.sec4 .cscenter >div a span em.mbr2{display:block}

	/*서브*/
	#sub.company_idx .txt_wrap{margin-top:50px}
	#sub.company_idx .txt_wrap .p_wrap span em{font-size:17px}
	#sub.company_idx .txt_wrap .p_wrap p{font-size:15px}
	
	#sub.company_idx .bg_wrap{margin-top:50px}
	#sub.company_idx .b_wrap .wrap .ul_wrap ul {margin-top:-20px}
	#sub.company_idx .b_wrap .wrap .ul_wrap ul li{margin-top:20px;width:calc(50% - 20px)}
	#sub.company_idx .intro_wrap .txt_wrap ul li p span br{display:block}
	#sub.ceo .wrap .pic_wrap .p_wrap p{font-size:14px; margin-top:10px;line-height:18px}
	#sub.core .bottom_wrap ul li{width:calc(100% - 15px);min-height:auto;    padding: 30px 20px 30px;}
	#sub.core .bottom_wrap ul li p{padding-top: 15px;    margin-top: 15px;}
	#sub.core .top_wrap .p_wrap p{font-size:32px; line-height:40px; margin-top:15px}
	#sub.qa .wrap .txt_wrap .list ul li p{font-size:16px; word-break:keep-all;padding-left:22px;line-height:18px}
	#sub.qa .wrap .txt_wrap .list ul li p b{display:block}
	#sub.location .wrap .map_wrap .map_box .tit{padding:15px}
	#sub.location .wrap .map_wrap .map_box .tit p{font-size:18px}
	#sub.pd .con_wrap .img_wrap .img {padding:20px}
		#sub.part_car .con_wrap .ul_wrap2 .ul_box ul{width:calc(100% + 20px);margin-left:-20px}
	#sub.part_car .con_wrap .ul_wrap2 .ul_box ul li{    width: calc(50% - 20px);margin-left:20px}
	#sub.part_car .con_wrap .tb_wrap.mo .mo_tb > p{font-size:17px}
	#sub.shop_view .info .btn_wrap a{margin-top:10px;width:100% ;}
	.popup .pop_size .pop_wrap .pop.buying{padding:40px 20px}
	.popup .pop_size .pop_wrap .pop.buying b{font-size:20px}
	.popup .pop_size .pop_wrap .pop.buying p{font-size:16px; margin-top:10px}
	#sub.rd_intro .txt_wrap p{font-size:16px; line-height:20px}
	#sub.iv_table .tb_wrap thead th{padding:10px; font-size:14px}
	#sub.iv_table .tb_wrap thead th em{font-size:12px;}
	#sub.iv_table .tb_wrap tbody tr td {padding:8px}
	#sub.iv_table .tb_wrap tbody tr td p{font-size:13px;}
	#sub.iv_table .tb_wrap tbody tr.t_bold td p{font-size:13px}
	#sub.iv_table .tb_wrap tbody tr.total td p{font-size:14px}
	#sub.iv_table .tb_wrap tbody tr.bg_b td p{font-size:14px}

	#sub.info_idx .b_wrap .wrap .p_wrap p{font-size:14px}
	#sub.hr_info .wrap .in_wrap .tb_wrap tbody tr td p span:first-child{margin-top:0}
	#sub.hr_info .wrap .in_wrap .tb_wrap tbody tr td p span{display:block;margin-top:10px;margin-left:0;width:100%;}
	#sub.hr_system .wrap .in_wrap .tb_wrap tbody tr td{vertical-align:top}
	#sub.hr_system .wrap .in_wrap .tb_wrap tbody tr th{vertical-align:top}
	#sub.hr_system .wrap .in_wrap > p{font-size:14px; background-position:left top;word-break:keep-all}
	#sub.notice_view .v_title b{font-size:20px;}
	#sub.notice_view .v_title div p em{font-size:13px}
	#sub.notice_view .v_title div p span{font-size:13px}
	#sub.notice_view .cont_wrap .cont{padding:25px 10px}
	.list_btn .fl_r{max-width:110px}
	.list_btn .fl_l a{max-width:75px}
	.list_btn .fl_l a em{font-size:13px}
	.list_btn .fl_l a.prev em{margin-left:12px}
	.list_btn .fl_l a.next em{margin-right:12px}
	.list_btn .fl_r a.list_bt{font-size:13px;padding:0 12px;max-width:80px}
	#sub.notice_view .cont_wrap .file .l_box{height:45px;width:100px}
	#sub.notice_view .cont_wrap .file .r_box{height:45px;width:calc(100% - 100px)}
	#sub.notice_view .cont_wrap .file .l_box span{font-size:14px}
	#sub.mypage .btn_wrap a{font-size:16px}
	#sub.hr_info .bg_wrap ul li:before{left:-12%}
	#sub.hr_info .bg_wrap ul li:nth-child(even):before{left:-14%}
	#sub.hr_info .bg_wrap ul li .txt{margin-top:10px}
	.tb_wrap tbody tr td p{font-size:15px}
	.tb_wrap tbody tr td span.nm{font-size:14px}
	#sub.member_idx .mem_box .title p{font-size:24px}
	#sub.member_idx .mem_box .title span{font-size:14px;word-break:keep-all}
	#sub.member_idx.login .login_form .login_box p input::placeholder{font-size:16px}
	#sub.mypage .tb_wrap tbody tr td p.wr input[type="email"]{max-width:100%}
	#sub.mypage .tb_wrap tbody tr td p.wr input[type="password"]{max-width:100%}
	#sub.mypage .tb_wrap tbody tr td p.wr input[type="text"]{max-width:100%}
	#sub.mypage .tb_wrap tbody tr td.call p.wr input[type="text"]{   max-width:100%; width: calc(33.333% - 14px);}
	#sub.join_idx .tab_list ul li a{padding-left:30px;}
	#sub.mypage .con_wrap .total_wrap div p{font-size:15px}
	#sub.mypage .con_wrap .total_wrap div span b{font-size:24px}
	#sub.mypage .con_wrap .total_wrap div.sp{margin-top:10px}
	#sub.part_ceramic .con_wrap .process_wrap .tb_wrap tbody th p{font-size:18px}
		#sub.part_ceramic .con_wrap .ul_wrap .ul_box ul li{width:calc(50% - 35px)}
		#sub.history .his_box ul{padding-left:25px}
		#sub.history .his_box ul:after{width:20px}
		#sub.history .s_box .his_box ul{padding-right:25px}
		#sub.history .s_box .his_box ul:after{width:20px}
	

}
@media all and (max-width: 435px) {
	.c_tit b{font-size:32px}
	/*메인*/
	#main .section.sec3 .visual .tbc ul{max-width:340px}
	#main .section.sec3 .visual .tbc ul li a span{font-size:13px;margin-top:10px}
	/*서브*/
	#sub.ceo .wrap .txt_wrap >p{font-size:20px;line-height:24px}
	#sub.ceo .wrap .txt_wrap >b{font-size:20px;line-height:24px}
	#sub .b_wrap{margin-top:40px}
	#sub.location .wrap .map_wrap .map_box > #map_canvas1{height:260px !important}
	#sub.location .wrap .map_wrap .map_box > #map_canvas2{height:260px !important}
	#sub.location .wrap .map_wrap .map_box > #map_canvas3{height:260px !important}
	#sub.part_display .con_wrap .tb_wrap tbody tr th:first-child{width:60px;}
	#sub.part_display .con_wrap .tb_wrap tbody tr th{width:40px;}
	#sub.part_display .con_wrap .tb_wrap tbody tr td{text-align:center;}
	#sub.part_car .con_wrap .tb_wrap tbody tr td p{font-size:13px}
	#sub.part_car .con_wrap .tb_wrap tbody tr td {padding:10px}
	#sub.part_car .con_wrap .tb_wrap .r_td{padding:10px}
	#sub.shop_list .list_wrap .pro_list ul li{width: calc(100% - 15px);}
	#sub.shop_view .info .tb_wrap tbody tr th p{font-size:16px}
	#sub.rd_intro .list_wrap ul.pl_list li .tb{position:relative}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc{position:static}
	#sub.rd_intro .list_wrap ul.pl_list li .tbc .img{top:20px; margin-top:0}
	#sub.place .list_wrap ul.pl_list{width:calc(100% + 10px);margin-left:-10px}
	#sub.place .list_wrap ul.pl_list li{width:calc(50% - 10px);margin-left:10px}
	
	#sub.iv_table .tb_wrap tbody tr td{padding:5px}
	#sub.iv_table .tb_wrap tbody tr.t_bold td p{font-size:12px}
	#sub.iv_table .tb_wrap tbody tr.bg_b td p{font-size:13px}
	#sub.iv_table .tb_wrap tbody tr.total td p{font-size:13px}
	.iv_search .bbsSearch .wr img{left:10px}
	.iv_search .bbsSearch .wr input[type='text']{padding-left:30px;font-size:12.5px;padding-right:20px}
	#sub.join_idx .tab_list ul li a{font-size:14px}
	#sub.join_idx .tab_list ul li span{font-size:22px}
	#sub.agree_idx .agr_wrap .bg_box .wrap .agr span{font-size:18px}
	#sub.cart .con_wrap .btn_wrap.long .fl_r{max-width:334px}
	#sub.cart .con_wrap .btn_wrap.long .fl_r a{font-size:14px;max-width:155px; background-size:15px}
	#sub.part_ceramic .con_wrap .tb_wrap.mo .mo_tb > p{font-size:16px}
	#sub.part_car .con_wrap .tb_wrap.mo .mo_tb > p{font-size:16px}
	.t_tit > p{font-size:20px}
	#footer .l_box .txt ul li span{font-size:12px;}
	#footer .l_box .txt ul li em{font-size:12px;}
	#sub.stp .ul_wrap .r_box ul li{padding:20px; padding-top:40px}
	#sub.stp .ul_wrap .r_box ul li span{    width: 28px;    line-height: 37px;    height: 28px;}
	#sub.stp .ul_wrap .r_box ul li b{font-size:17px}
	#sub.stp .ul_wrap .r_box ul li p{font-size:15px}
	#sub.stp .tp_tb .tb_wrap tbody tr td p{padding-left:20px;background-size:8px;}
	#sub.stp .tp_tb .tb_wrap tbody tr td{padding-left:10px}
	#sub.stp .r_box b.sp{font-size:16px;padding-left:20px;background-size:8px}
	#sub.stp .pd_wrap .wr{padding-left:20px;}
	#sub.shop_view .info .tb_wrap tbody tr td .q_pop{position:static;text-align:right}
	#sub.shop_view .info .tb_wrap tbody tr td .q_pop:before{width:13px; height:15px; content:''; position:absolute;right: 10px;    top: 32px;z-index:1;background-image:url('/img/q_bf2.png');background-repeat:no-repeat; background-size:auto; background-position:center center;transform: rotate(90deg);opacity:0;}
	#sub.shop_view .info .tb_wrap tbody tr td .q_pop.on:before{opacity:1}
	#sub.shop_view .info .tb_wrap tbody tr td.deli{position:relative}
	#sub.shop_view .info .tb_wrap tbody tr td .q_pop > div{text-align:left;top:44px;}
	#sub.shop_view .info .tb_wrap tbody tr td .q_pop > div b:after{display:none}
}


@media all and (max-width: 380px) {
	#sub.shop_view .info .tb_wrap tbody tr th{width:100px}
	#sub.shop_view .info .tb_wrap tbody tr td{width:calc(100% - 100px)}
}