@media screen and (max-width: 1200px) {
    ul.content_list {width: 90%;}
    ul.content_list .content_pic span {font-size:40px; letter-spacing: .2em;}	
	.vnt_wrap_visual {width: 50%;}
	.vnt_wrap_text {width:50%; padding:0 50px;}
	.bot_cont {padding-top:60px;padding-bottom:60px;}
	.program_list, .field_list {margin: 0 8px;}
	.history_01a_inner {width:86%;height:80%; left:7%; top:10%; }
	.history_line {height: 2px;margin-top: -2%;}
	.history .history_wrap {width:80%; margin: 22px 7% 0 7%; }

}

@media (max-width : 1024px) {
	.multi_group > div{float:left;width:100%;margin-top:50px}
	.multi_group > div:first-child{margin-top:0}
	.multi_group > div:first-child 
	.cell_data{margin-right:0}
	.multi_group .cell_data{margin-left:0}
    .jumbo_content_wrap {width:70%;}
	.field_list > li {width:33.333%; padding:8px; height:220px;}

	.p_b{display:none;}
	.p_bl{display:none;}
	.p_l{display:none;}
	.p_tc{display:none;}
	.p_tl{display:none;}
	.t_b{display:block;}
	.t_bl{display:inline-block;}
	.t_l{display:inline;}
	.t_tc{display:table-cell;}
	.t_tl{display:table-column;}
	.m_b{display:none;}
	.m_bl{display:none;}
	.m_l{display:none;}
	.m_tc{display:none;}
	.m_tl{display:none;}

	.t_layout_b{display:none;}
	.t_layout_bl{display:none;}
	.t_layout_l{display:none;}
	.t_layout_tc{display:none;}
	.t_layout_tl{display:none;}

	.t_con_b{display:block}
	.t_con_tc{display:table-cell;}
	.t_con_bl{display:inline-block}
	.t_con_l{display:inline}

	.t_only_b{display:block;}

	.m_con_tc{display:none;}

	.m_bold{font-weight:400 !important;color:#333 !important;}
    .m_bold02{font-weight:400 !important;}

}

@media (max-width:960px){
	ul.tabSt li { margin:0 0 5px 1.5%; width:31.5%;}
	ul.tabSt li a { padding-left:5%; width:100%; }

    .body_cont {margin-top:0;}
    .hightemp {margin-top:-30px;}
	.prg_top {margin:0 auto 30px;}
	.middle_grid_content {padding-left:40px;}
	.middle_grid_content > h2 {font-size: 24px}
	.middle_grid_content > p {padding-top: 30px;font-size:15px;}
	.typo_banner {padding:70px 0;}
	.typo_banner strong {font-size:25px;letter-spacing:normal;}
	.typo_banner p {padding-top:25px;font-size:15px;line-height:1.6;}
	.program_list_inner span {font-size:24px;}
	.program_list_inner figcaption > b {font-size:16px; margin-left:0; font-weight:normal;line-height:1;}
	.field_body .wrap.feature {margin:50px auto;}
	.operate_program_list {padding-top:0;}
	.operate_program_list li {float:none; width:100%;margin-right:0; padding:28px 40px; font-size:16px; line-height:1.6;}
	.operate_program_list li:nth-child(2) {margin-top:1%;}	

	.sub_part_history_01a {float:left; position:relative; width:100%; height:400px; }
    .history_01a_inner { height:70%; top: 15%; }
    .history_01a_inner p {font-size: 14px; padding-left:5%; }
    .sub_part_content.sub_part_history_01b {width: 100%; position: relative; }	
 }

@media (max-width:767px){

	dl.dlSt dt { padding:0 0 0 15px; background-position: 2px 8px; }
	dl.dlSt dd { padding:0 0 0 26px; background-position: 15px 10px; }
	dl.dlSt2 dd { padding:0 0 0 10px;  }

	.tabTy2 ul {width:100%; background:none; }
	.tabTy2 ul li { margin:0 0 1px 1px; float:left; height:36px; border-left:none; background:#616161; padding:0; width:100%; }
	.tabTy2 ul li a { float:left; display:block; width:100%; height:36px; line-height:36px; color:#ccc; text-align:center;   }
	.tabTy2 ul li a:hover { color:#fff; }
	.tabTy2 ul li.on { background:#de7a32;  }
	.tabTy2 ul li.on a { background:none; color:#fff; font-weight:500; padding-bottom:0; }

	table.tbSt tbody th,
	table.tbSt tbody td {padding:12px 10px 10px; }
	table.tbSt tbody td.pdL {padding-left:10px;}
	table.tbSt3  tr { border-bottom: 1px solid #e4e4e4; }
	table.tbSt3 tbody td.check,
	table.tbSt3 tbody td.m_button {padding-left:10px;}
	table.tbSt3 tbody td:last-child {border-bottom: solid 1px #333;}
	table.tbSt3 select {width:100%;}

	.tbl {display:block; overflow:hidden;}
	.tbl th,
    .tbl td {display:block; float:left; padding:10px 2.6%; }

    .tbl tbody {display:table;}
    .tbl tbody tr {display:block; width: 100%; float:left; background:#fcfcfc; border-bottom:none;}
    .tbl tbody tr th {width: 120px;}
    .tbl tbody tr td {background: #fff; width: calc(100% - 120px);}
		
	ul.tabSt li { margin:0 0 5px 1.5%; width:48%;}
	ul.tabSt li a { font-size:12px;}

	.tb_reponsive {overflow-x:scroll; }
	.tb_reponsive table,
	.tb_reponsive .bbsList {width:760px!important;}
    
	.bbsSch .bbs_twrap .post_serch .inp {width:50%;}
	 
	.program_list>li, .field_list>li  {width: 50%; height:220px;}
	.field_list_inner {padding:40px 20px;}		
	   
    /* jumbo */
    .jumbo {height:100%; background-position:center center; background-size:cover;}
	.jumbo_content_wrap {position: relative; width:100%; }
    .jumbo_content_inner {padding:30px;}
    .jumbo_content strong {margin-bottom:10px; font-size:24px;}
    .jumbo_content p {font-size:14px; }
	.visual_wrap.toilet02 {margin-bottom: 30px;}

	.history_01a_inner p.slogan {font-size:20px; line-height:1.3em;  }
	.history_01a_inner p {font-size: 12px;}
	.sub_part_history_01a:before {display: none;}
    .history_01a_inner { width: 84%; height: 80%; top: 10%; left: 8%; }

    .hightemp ul.content_list li:first-child .content_pic,
    .hightemp ul.content_list li:first-child + li .content_pic,
    .hightemp ul.content_list li:first-child + li + li .content_pic,
	.hightemp ul.content_list li:first-child + li + li + li .content_pic {background-size:120px auto; background-position:right bottom;}
	
	ul.content_list > li {position: relative;}
    ul.content_list .content_pic {width: 100%;padding-top: 30px;}
    ul.content_list .content_pic span {display: none}
    ul.content_list .content_pic span br.mobile_br {display: none;}
    ul.content_list .content_text {width:80%; height:auto; padding-top:0; position:absolute; top:30px; left:0;}
    ul.content_list .content_text p {font-size: 13px;}
    ul.content_list .content_text ul > li > p:before {top: 1px;}
    ul.content_list .content_text p span {white-space: pre;}
	
	.vnt_wrap > div {display: block; width: 100%;}
	.vnt_wrap_visual {display:block; width:100%;}
	.vnt_wrap_text {display:block; width:100%; padding:30px;}
	.sub_tit {margin-bottom:20px; font-size:24px;}
	.prg_top_inner {width:75%;}
	.prg_top p {line-height:1.5;}
	
	.middle_grid {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .middle_grid_img {display: block;width: 100%;height: 0;padding-top:50%;position: relative;overflow: hidden;-ms-flex-order: 1;-webkit-order: 1;-webkit-box-ordinal-group: 2;order: 1;}
    .middle_grid_img img {width: 100%;position: absolute;top: -50%;}
    .middle_grid_content {display:block; padding-left:0; width:100%; -ms-flex-order:2; -webkit-order:2; -webkit-box-ordinal-group: 3;order: 2;padding-top:30px;}
    .middle_grid_content > h2 {font-size: 24px;line-height: 1.35;}
    .middle_grid_content > p {padding-top: 10px;font-size: 14px;line-height: 1.6;}
    .middle_grid_content > span {padding-bottom: 7px;font-size: 15px;}
	.typo_banner {padding:30px 0 50px; text-align: left;}
	.typo_banner strong {font-size:24px;line-height: 1.35;letter-spacing:0;}
	.typo_banner p {padding-top:10px;font-size:14px;line-height: 1.6;}
	
	.mgl15	{margin-left:0 !important;}
	.mgb20 {margin-bottom:10px!important;}
	.mgb30 {margin-bottom:15px!important;}
	.wBlock {display:inline-block;}

	.p_b{display:none;}
	.p_bl{display:none;}
	.p_l{display:none;}
	.p_tc{display:none;}
	.p_tl{display:none;}
	.t_b{display:none;}
	.t_bl{display:none;}
	.t_l{display:none;}
	.t_tc{display:none;}
	.t_tl{display:none;}
	.m_b{display:block;}
	.m_b{display:block;}
	.m_bl{display:inline-block;}
	.m_l{display:inline;}
	.m_tc{display:table-cell;}
	.m_tl{display:table-column;}
	
	.t_layout_b{display:none;}
	.t_layout_bl{display:none;}
	.t_layout_l{display:none;}
	.t_layout_tc{display:none;}
	.t_layout_tl{display:none;}
	.t_con_b{display:block;}
	.t_con_tc{display:table-cell;}
	.t_con_bl{display:inline-block}
	.t_con_l{display:inline}
	.t_only_b{display:block;}
	.t_only_n {display:none;}
	.m_con_tc{display:none;}
	
	.m_layout_b{display:none;}
	.m_layout_bl{display:none;}
	.m_layout_l{display:none;}
	.m_layout_tc{display:none;}
	.m_layout_tl{display:none;}
	.m_con_b{display:block}
	.m_con_bl{display:inline-block}
	.m_con_l{display:inline}
	.m_con_tc{display:table-cell}
	.t_only_b{display:none;}
	.m_only_b{display:none !important}

	table.type01 td{padding:15px 10px;}
	table.type01 th.tit, table.type01 td.tl {border-left:none;}
	
	table.type02.multicol td {clear:both; display:block; width:100%; line-height:25px; }
	table.type02.multicol .t_m_title {float:left; width:100px; }
	table.type02.multicol tr:first-child td {border-color:#e4e4e4;}
	table.type02.multicol {border-top:1px solid #333;}
	table.type02 td,table.type02 th{padding:9px 10px;}
	table.type02 td{color:#666;height:29px;font-size:14px;padding:15px 10px;}
	table.type02 th{color:#444;font-weight:300;line-height:29px;font-size:14px;}
	table.type02 .t_m_title{color:#444;font-size:14px;margin-bottom:10px;}
	table.type02 .info_label{margin-left:0;}	

    table.type03 td.m_detail{padding:0 !important;}
	table.type03 th{height:44px;}
	table.type03 td{padding:15px 10px;}

	h4.titSt {padding-bottom:10px;font-size: 22px;background: none;}
	h5.titSt { font-size: 16px; line-height: 24px; margin: 20px 0 0 0; padding:0 0 0 14px; background: url('/images/common/m_h5_dot.png') 4px 8px no-repeat; background-size: 5px; }
	h6.titSt { background:url('/images/common/m_box_h6_dot.png') left 5px no-repeat; background-size: 15px; }

    .services-section_plumber {
        padding: 50px 0px 50px;
    }
    .services-style-one .inner h3 {
        font-size: 16px;
        letter-spacing:-1px;
    }

	.i_wrap{display:block;width:auto !important}
	.t_wrap{display:block;width:auto !important}
	.s_wrap{display:block;width:auto !important}


    .input_btn{position:relative;padding-right:100px;display:block;}
	.input_btn a{position:absolute;top:0;right:0;width:90px;padding:0;margin:0;}

    .btn_bottom{margin-top:25px;}

	.btn_list {margin-left:5px; margin-right:5px;}
	a.btn02 {display:block; margin:5px 0 0 0; line-height:45px; height:45px;}
    a.btn02:first-child {margin-top:0}
	a.btn03 {margin-left:0;margin-right:10px;}
    a.btn02 {-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;}
    a.btn04 {-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;}

    #modalPopCon .data_wrap h3 span{display:block; margin-left:0; margin-top:10px;}

    .check_info {margin-left:0; margin-top:10px;}
    .email_wrap .check_info {margin-top:0;}
    .pw_wrap .i_wrap:first-child {margin-right:0; margin-bottom:5px;}

    .join_complete{height:200px;margin:20px auto 0;order-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;}
    .join_complete > p{padding-top:40px;font-size:20px;color:#fff;line-height:26px;}
    .join_complete > p > span{color:#fcff00}
    .join_complete .btn_bottom{margin-top:25px;}    
    .join_complete .btn_bottom a.btn02{display:inline-block;}

    .info_contain .login_btn a.btn02{display:inline-block;zoom:1;*display:inline;}   
    
    .number_wrap:after{content:"";display:block;clear:both;}
    .number_wrap > .s_wrap,
    .number_wrap > .i_wrap{position:relative;float:left;width:30% !important;margin-left:5%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .number_wrap .i_wrap:before{content:"-";display:block;position:absolute;left:0;top:0;margin-left:-10%;line-height:32px;}
    .number_wrap .s_wrap:first-child,
    .number_wrap .i_wrap:first-child{margin-left:0;}
    .number_wrap .i_wrap:first-child:before{display:none;}
    .number_wrap .char{display:none}

    .email_wrap{position:relative;}
    .email_wrap:after{content:"@";display:block;line-height:32px;position:absolute;left:50%;margin-left:-6px;top:0;}
    .email_wrap .char{display:none;}
    .email_wrap .i_wrap{float:right;width:47% !important;margin-bottom:10px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .email_wrap .i_wrap:first-child{float:left;}        
    .email_wrap .s_wrap{clear:both;width:47% !important;display:inline-block;margin:0 7px 0 0;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .confirm_num_cont{clear:both;padding-top:10px;margin-bottom:10px;}

    .pw_change_pop{left:0;margin-left:0;width:auto}   
    .p_num_reg{position:fixed;top:50%;margin-top:-232px;} 
	  
	.agree_wrap iframe {height:400px; }

	.membership_info{margin:25px auto 0 auto;min-height:0;padding-bottom:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
    .membership_info .txt01{font-size:24px;padding-top:20px}
    .membership_info .txt02{font-size:14px;line-height:20px;padding-top:10px;padding:0 20px}
    .membership_info .txt02 br{display:none}

	.specWrap {margin-top:30px;}
}

@media (max-width:640px) {	
	.bbsSch .bbs_twrap .post_serch .inp {width:35%;}
	.bbsSch .bbs_twrap .button.excelldown {padding:7px 10px 5px; }
	
}

@media (max-width:540px) {
	.article_body_inner, .typo_banner {margin-left:20px; margin-right:20px;}
	.middle_grid_content {padding-left:20px; padding-right:20px;}
	.article_body_inner h2 {font-size:20px;}
    .history_01a_inner p {font-size: 12px; padding-left:7%; }
	.history_01a_inner p.slogan {font-size:18px; line-height:1.2em;  }
	.history .history_wrap {width:90%; margin:20px 5% 0; } 
	.history .history_year {width: 22%;}
    .history .history_list {width: 78%;}
	.history .history_list li {font-size: 12px;line-height: 1.35em;}   
	.sub_part_content.sub_part_history_01b {max-height: none;}
}

@media (max-width:480px) {
	h4.titSt {font-size:20px;}
	ul.content_list {float: left;margin: 0 5%;}
    ul.pic_service_sub_list {float: left;margin: 0 5%;padding-top: 4%;}
    ul.content_list > li {clear: both;height: auto;border-bottom: none;}
    ul.content_list .content_pic {display: none;}
    ul.content_list .content_text {width: 100%;padding-top: 5%;padding-bottom: 5%;position: static;border-bottom: 1px dotted #e3e3e3;}
    ul.content_list .content_text p span {font-size: 15px;}
    ul.content_list .content_text p {font-size: 12px;}
    ul.pic_service_sub_list li span {font-size: 12px;}

    .login_wrap{height:700px;padding:30px 10px 0}            
    .login_wrap ul {width:320px; top:30px; left:50%; margin-left:-160px;}
	.login_wrap ul li {margin-left:0;} 
	.login_wrap .info_contain{width:320px; height:330px;}             
    .info_contain .page_title{padding-top:50px;}
    .info_contain .page_title img{width:95px;}    
    .info_contain .info_txt{padding:0 50px;}    
    .info_contain .info_txt > p{margin-top:7px;}                
    .info_contain .login_btn{margin-top:20px;}

    .detail_top .visual_wrap .txt_wrap .txt01{font-size:16px;line-height:18px;}
    .detail_top .visual_wrap .txt_wrap .txt02{font-size:38px;line-height:40px}
    .option_bg{height:200px}
    .detail_top .visual_wrap .madeInfo{top:200px}
    .detail_top .visual_wrap .item_visual{margin-top:-150px;}
	.detail_top .visual_wrap.type02{padding-top:30px}
	.detail_top .visual_wrap.type02 .item_visual{margin-right:-70px}
	.detail_top .visual_wrap .bpaInfo{top:150px;left:40px}

    .info_contain .etc a{font-size:13px;padding-left:8px;margin-left:5px}
    .info_contain .etc label{font-size:13px}
    .info_contain .info_txt{margin-top:0}
    
}