@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_view {width: 100%;}
    .s2_1_view .left_bx p.eq0{font-size:30px;}
    .s2_1 .gall_list li .txt p {font-size: 16px;}


    .s4_2 .list {width:90%; margin:0 auto;}
	.sub_ar{padding-top:50px;}
}

@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%;}

    .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(3n){margin-right:0%;}
    .s2_1 .gall_list li:nth-child(4n){margin-right:4%;}
	.s2_1_view .btn_wrap a{line-height:45px; font-size:17px; height:45px;}
	.s2_1_view .left_bx .bt_a{left:50%; transform:translateX(-50%); line-height:40px; height:40px; font-size:17px; bottom:35px;}
	.cont03 .bx ul li .cover{display:none;}
}

@media (max-width:640px){
	.cont03 .bx ul li .img_wrap img{position:relative; left:0 !important; top:0 !important; transform:none !important;}
	.cont03 .bx ul li .img_wrap::after{padding-bottom: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_view .left_bx {width: 100%; height: auto; min-height: 50px; margin-bottom: 0px;}
    .s2_1_view .rgt_bx {width: 60%; margin-right:20%; height:auto;}
    .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 .txt_ararea{top:40px !important; padding:0;}
	.s2_1_view .rgt_bx  .img_wrap{width:100%; }
	.s2_1_view .rgt_bx img{transform:none; position:relative; left:0; right:0; top:0;max-width:100%; height:auto;}
	.s2_1_view .txt_ararea{margin-top:50px; width:100%; top:0 !important;}
	.s2_1_view .procontext .img_wrap{width:100%;}
	.s2_1_view .btn_wrap a{margin-top:50px !important;}
	.s2_1_view{margin-bottom:100px !important;}
	.s2_1 .gall_list li .img_wrap{height:auto; text-align:center; box-shadow:none; background:transparent;}
	.s2_1 .gall_list li .img_wrap img{left:0 !important; top:0 !important; transform:none !important; height:auto; width:100%;}
	.s2_1 .gall_list li .cover{display:none !important;}
    .s2_1 .gall_list li .txt p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .s2_1_view .left_bx{}
    .s2_1_view .rgt_bx{clear:both;}
    .s2_1_view .left_bx .bt_a{position:relative; left:0; bottom:0;  margin-bottom:30px; transform:none; margin-top:0px;}
    .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; word-break: keep-all;}
    .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 .root_daum_roughmap {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;}
    .con_title h2 {padding-top: 25px; font-size: 20px;}
    
    
}

@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: 37px;}
    .s1_1>.left_bx div.list .leq1 {font-size: 14px;     width: calc( 100% - 37px);}
    .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%; margin: 0; margin-top: 20px; float:left;}
    .s2_1 .refer_tap li {width:25%}
    .s2_1_view .procontext p>.txt {font-size: 14px;}
    .s1_2 .txtq {margin-top: 0;}
    .s1_2 .yeak li .left_bx {margin-top: 15px; font-size: 20px; 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;}
    .td_br {display: block;}
    .s2_1_view .fixjong {display: block;}
    .m_br {display: block;}
    .s2_1 .refer_tap li a {font-size: 12px; line-height: 1.3; min-height: 45px; display: flex; align-items: center; justify-content: center;}

    .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;}
    .s2_1 .product_t {font-size: 20px;}

    .s1_2 .txtq .eq0 {font-size: 35px; line-height: 1.5;}

    .s1_3 .bt_bx h4 {font-size: 20px;}
    .s1_3 .bt_bx .txt_bx p {font-size: 16px;}
    
    .s2_1_view .left_bx {text-align: center;}
    .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;}
    .s2_1_view .procont_ti {font-size: 18px;}
    

    
}

@media (max-width:380px){
    
    
    .s1_2 .ti_img {padding:20px 40px; height: 350px;}
    .s1_2 .yeak li .rgt_bx>div>p:nth-child(1) {width:83px;  font-size: 15px;}
    .s1_2 .yeak li .rgt_bx>div>p:nth-child(2) {width: calc(100% - 83px); font-size: 15px;}
    .s1_2 .txtq .eq1 {font-size: 14px;}
    .s2_1 .gall_list li .txt p {font-size: 14px; text-align: center; width: 100%;}
    .s2_1 .gall_list li .txt span {display: none;}
    .s2_1 .gall_list li .img_wrap {height: 150px; position: relative;}
    .s2_1 .gall_list li .img_wrap img {height: 100%; width: auto;}
    .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 {line-height: 22px;}
    .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%;}
    
    

}