@charset "utf-8";

/**** Media Query *********************************/	
@media (max-width:1600px){
}

@media (max-width:1320px){
    .lnb_wrap {width:100%;}
    .con_title_inner {padding:0 20px;}

    .s1_1>.left_bx {width: 100%;}
    .rgt_img {width:60%; margin:20px 20%; }
    .rgt_img img {width: 100%;}
}

@media (max-width:1200px){

    .s1_2 .ti_img {height: 374px;}
    .s1_2 .txtq {margin-top: 84.5px;}
    .s1_2 .ti_img .rgt_bx {width:400px;}
    .s1_2 .ti_img .rgt_bx img {width: 100%;}
}

@media (max-width:1024px){
    .lnb {left:0; transform: translateX(0);}
    .refer_sub_ti {font-size: 35px; line-height: 35px;}

    .s1_2 .txtq .eq0 {font-size: 40px;}
    .s1_2 .txtq .eq1 {font-size: 18px; word-break: keep-all;}
    .s1_2 .ti_img {height: 305px;}
    .s1_2 .txtq {margin-top: 50px;}
    .s1_2 .ti_img .rgt_bx {width:300px;}
    .s1_2 .yeak li .rgt_bx {width:calc(100% - 302px); word-break: keep-all;}

    .s2_1 {width: 100%;}
    .s2_1 .refer_tap li {width: 33.33%;}
    .s2_1 .gall_list li .txt p {font-size: 16px;}

    .s2_1_view {width: 100%;}
    .s2_1_view .left_bx p.eq0 {font-size: 30px;}


    .s4_2 .list {width:90%; margin:0 auto;}
}

@media (max-width:968px){
    .s1_2 .ti_img {height: 240px;}
    .s1_2 .txtq {margin-top: 17.5px;}
    .s1_2 .ti_img .rgt_bx {width:200px;}
}

@media (max-width:863px) {
    .br1 {display:none}
    input[type=file]{border:1px solid #000!important; line-height:1!important;width:auto!important; height: auto!important; display:table-cell; vertical-align: top;}
}

@media (max-width:800px){
    .s4_2 .list li {width:100%;}
    .s1_2 .ti_img {height: 450px;}
    .s1_2 .txtq {margin-top: 17.5px; width:100%; text-align: center;}
    .s1_2 .ti_img .rgt_bx {width:60%; margin: 170px auto; float: none;}
    .s1_2 .yeak li .left_bx {width:150px}
    .s1_2 .yeak li .rgt_bx {width:calc(100% - 150px);}
    .s1_2 .yeak li {width:100%;}

    .s2_1_view .btn_wrap a{line-height:45px; font-size:17px; height:45px;}

    .s1_3 .bt_bx .txt_bx p {margin-top:10px; word-break: keep-all;}
    

    .s2_1 .gall_list li {width: 29.33%;}
    .s2_1 .gall_list li:nth-child(4n){margin-right:4%;}
    .s2_1 .gall_list li:nth-child(3n){margin-right:0%;}

}

@media (max-width:640px){
    .s2_1 .gall_list li .cover {display:none}
    .s2_1 .gall_list li:hover .img_wrap img{ transform:translate(0%,0%) scale(1) rotate(0);}
    .s1_1>.left_bx {padding-right: 0;}
    .s2_1 .gall_list li {width: 48%;}
    .s2_1 .gall_list li:nth-child(3n){margin-right:4%;}
    .s2_1 .gall_list li:nth-child(2n){margin-right:0%;}
    .s2_1 .gall_list li .img_wrap {
        height: auto;
        text-align: center;
        box-shadow: none;
        background: transparent;}


    .s2_1_view .left_bx {
		width: 100%;
    height: auto;
    min-height: 50px;
    margin-bottom: 0px;
	}
    .s2_1_view .rgt_bx {width: 80%; margin-right: 10%;}
    .s2_1_view .procontext .img_wrap .view_image {overflow-y: auto;}
    .s4_2_view #bo_v_info .rgt_bxs {margin-left:0;}
    .s4_2_view #bo_v_info .rgt_bxs {height: auto; line-height: 2;}
	.s2_1_view .left_bx p.eq0{
	    clear: both;
		transform: translateY(0);
		padding-bottom: 0;
		top: 0;
		left: 0;
		position: relative;
		width: 100%;
		margin-bottom: 30px;
		box-sizing: border-box;
	}
	.s2_1_view .rgt_bx {
		height:auto;
	}
	.s2_1_view .rgt_bx img{
		    transform: none;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    max-width: 100%;
    height: auto;
	}
	.sub_ar{padding-top:50px;}
    .s2_1_view .rgt_bx {width: 60%; margin-right: 20%; height: auto;}
    .s2_1_view .left_bx p.eq0{transform:translateY(0);padding-bottom:0; top:0; left:0; position:relative; width:100%; margin-bottom:30px; box-sizing:border-box; text-align: center; width: auto; padding-left: 0;}
}

@media (max-width:540px){
    .sub_visual {height: 250px;}
    .sub_visual .t_wrap {top:70px}
    .sub_visual .t_wrap h4 {font-size: 30px;}
    .refer_sub_ti {font-size: 24px; word-break: keep-all; margin-bottom:25px;}
    .lnb_wrap>ul>li {line-height: 50px; font-size: 18px;}
    .lnb_wrap>ul>li a:before {height: 50px;}
    .s1_2 .yeak li .rgt_bx {width:100%;padding-left:30px; padding-top: 10px; box-sizing:border-box; padding-bottom: 20px;}
    .s1_3 .map_area {height: 250px;}

    .s2_1 .refer_tap li {width:48%}

    .respon_w .email_td input[type=text] {min-width: 0px; width:60px}
    .s4_2 .img_wrap {overflow: hidden;}
    .s5_2request table .email_td input[type=text] {width:80px;}
    .s5_2request table .email_td select {width:60px}
    .s4_2_view #bo_v_info .rgt_bxs {clear: both; float: left;}
    .s4_2_view #bo_v_info .rgt_bxs .eq0 {width: 100%;}
    .s4_2_view #bo_v_info .rgt_bxs .eq0:first-child {display: block;}
    .lnb_wrap>ul>li a {font-size: 14px;}
    
    
}

@media (max-width:460px){
    .s1_1>.left_bx p.eq0 {font-size: 26px;}
    .s1_1>.left_bx p.eq1 {word-break: keep-all; font-size: 16px;}
    .s1_1>.left_bx div.list .leq0 {font-size: 16px; width: 35px;}
    .s1_1>.left_bx div.list .leq1 {font-size: 14px;     width: calc( 100% - 35px);}
    .s1_1>.left_bx div.list .leq1 br {display: none;}
    .s1_1>.left_bx div.list .leq1 br.m_br {display: block;}
    .s1_2 .ti_img {padding:20px 60px;}
    .rgt_img {width:100%; margin:20px 0%;}
    .s1_2 .ti_img .rgt_bx {width:100%; float: left; margin: 0; margin-top: 20px;}
    .s2_1 .refer_tap li {width:25%}
    .s2_1 .refer_tap li a {font-size: 11px;  min-height: 45px; display: flex; align-items: center; justify-content: center; line-height: 1.3;}
    .s2_1_view .procontext p>.txt {font-size: 14px;}
    .s1_2 .txtq .eq0 {font-size: 35px; line-height: 1.5;}
    .s1_2 .yeak li .left_bx {margin-top: 15px; font-size: 18px; text-align: left; line-height: 1.3;}
    .s1_2 .yeak li .rgt_bx {padding:10px 0;}
    .s1_2 .yeak li .rgt_bx>div>p:nth-child(1) {font-size: 16px;}
    .s1_2 .yeak li .rgt_bx>div>p:nth-child(2) {font-size: 16px;}
    .s1_2 .yeak li .rgt_bx>div {margin-bottom: 10px;}
    .s2_1 .gall_list li .txt p {font-size: 14px; text-align: center; width: 100%;}
    .s2_1_view .left_bx p.eq0 {font-size: 22px; background: none; padding-left: 0; position: relative; display: inline; text-align: center;}
    .s2_1_view .left_bx p.eq0::before {content: ""; background: url(../../images/sub/ic_logogo50.png) no-repeat left top; display: block; width: 40px; height: 40px; background-size: contain; position: absolute; top:-5px; left:-50px;}
    .td_br {display: block;}
    .s2_1_view .fixjong {display: block;}
    .m_br {display: block;}

    .s4_2 .list li>a {height: auto;}
    .s4_2 .list li .img_wrap img {height: auto; position: relative;}
    .s4_2 .list li .rgt_bx {padding:17px 15px;}
    .s4_2 .list li .rgt_bx p.eq0 {font-size: 14px;}
    .s4_2 .list li .rgt_bx p.eq1 {font-size: 12px;}
    .s4_2 .list li .rgt_bx i {display: none;}
    .s5_2request table th {font-size: 12px;}
    .s2_1 .product_t {font-size: 18px;}

    .s1_3 .bt_bx h4 {font-size: 18px;}
    .s1_3 .bt_bx .txt_bx p {font-size: 14px;}
}

    


@media (max-width:440px){
    
    .s1_2 .ti_img {padding:20px 40px; height: 350px;}
    .s1_2 .yeak li .rgt_bx>div>p:nth-child(1) {width:50px}
    .s1_2 .yeak li .rgt_bx>div>p:nth-child(2) {width: calc(100% - 50px);}
    .s1_2 .txtq .eq1 {font-size: 14px;}
    
    .s2_1 .gall_list li .txt span {display: none;}
    .s2_1 .gall_list li .img_wrap {height: auto;}
    .s2_1 .gall_list li .img_wrap img {height: auto; width: 100%; top:0; left:0; transform: translate(0);}
    .s2_1 .gall_list li .cover {height: 150px;}

    .s2_1_view .left_bx {display: table-cell; text-align: center;}
    
    .s2_1_view .rgt_bx {width: 100%; margin-right: 0;}
    .s2_1_view .rgt_bx img {margin: 0 auto; display: block;}
    .s2_1_view .procont_ti {font-size: 18px; line-height: 1.3;}
    .s2_1_view .procont_ti:before {height: 20px;}
    .s2_1_view .procontext p {padding-left: 0;}
    
    .s5_2request table .email_td input[type=text] {width:65px;}
    #bo_w #wr_name, #bo_w #wr_password {width: 100%;}
}