@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1730px){
.main_contact_w .conL .in{padding-right: 5em;}

}
/*1730 end*/

@media screen and (max-width:1680px){
body{ font-size:15px;}

}
/*1680 end*/

@media screen and (max-width:1600px){

}
/*1600 end*/

@media screen and (max-width:1500px){
.page_Introduce.page_sec4 {margin-top: 3em !important;}
.secCon{padding: 4em 0}

.page_txt .tt{margin-top: 1em;}

.storeSlide_wrap .pagingInfo{left: 25%;}

}
/*1500 end*/

@media screen and (max-width:1460px){
.bisList > li .in .t2{padding-bottom: 0; min-height: 9em;}

}
/*1460 end*/

@media screen and (max-width:1366px){
.main_contact_w .conL .in{padding-left: 5em;}

.customer_w .customer_slide .slides li .notice_tit{margin-left: 130px;}

.main_product .txt_wrap{top: 95%;}
.storeSlide_wrap .pagingInfo .t1{font-size: 4em;}
.storeSlide_wrap .pagingInfo > i{font-size: 3em;}

}
/*1366 end*/

@media screen and (max-width:1280px){
body{ font-size:14px;}
.page_Introduce .con_wrap{padding-left: 3em;}
}
/*1280 end*/

@media screen and (max-width:1250px){
.page_Introduce.flex.vc{align-items: flex-start; align-content: flex-start;}
.page_Introduce .img_wrap{width: 45%;}

}
/*1250 end*/

@media screen and (max-width:1200px){
.bisList{margin: 3em 0 0 -2em;}
.bisList > li .in{margin: 0 0 0 2em}

.page_txt .t5{font-size: 2.250em;}

}
/*1200 end*/

@media screen and (max-width:1150px){
.customer_w .customer_slide .tt span{font-size: 1.125em;}
.customer_w .customer_slide .slides li .notice_date{right: 60px;}
.customer_w .customer_slide .slides li .notice_tit{margin-left: 100px;}
.customer_w .customer_slide .slides li .notice_tit .xi{padding-right: .5em;}

}
/*1150 end*/

@media screen and (max-width:1100px){
.customer_w .customer_slide .slides li .notice_date{font-size: .938em; right: 50px;}
.customer_w .customer_slide .tt span{font-size: 1em;}
}
/*1100 end*/

@media screen and (max-width:1010px){
.main_contact_w .con .in .contactBtn_w .sec_more > .more{min-width: 10em;}
}
/*1010 end*/

@media screen and (max-width:1024px){
html.hidden{ margin-right:0 !important;}
html.hidden #header{ right:0 !important;}

[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}

#header .all_wrap{width: 2.25em;}
#header .logo > a{height: 1.5em;}

#footer .inner .conR{margin-left: 10em;}

.page_txt .t3{font-size: 2em;}
.page_txt .t4{font-size: 1.063em;}
.page_txt .t5{font-size: 2em;}

.page_Introduce.page_sec4{display: block; margin-top: 2em  !important;}
.page_Introduce .img_wrap{width: 100%;}
.page_Introduce .img_wrap .bg.resize.s4{padding-bottom: 45%;}
.page_Introduce .con_wrap{padding-left: 0; padding-top: 1em;}

.bisList > li .in{padding: 2em 1.5em}
.bisList > li .in .t1{padding: .5em 0 1em 0; font-size: 1.5em;}
.bisList > li .in .t2{font-size: .938em;}
.bisBigtit{font-size: 10em;}

.main_product .txt_wrap .tit .tt{font-size: 2em;}
.main_product .txt_wrap .txt .tt{font-size: 1.125em;}

.main_contact_w .conL .in{padding-left: 3em; padding-right: 3em;}

}
/*1024 end*/

@media screen and (max-width:900px){
#header .gnb_wrap .gnb{display: none}

.fullH{height: 85vh}
.visualSlider .main_slogan{top: 20vh;}
.visualSlider .main_slogan .slogan .t1{font-size: 1.313em;}
.visualSlider .main_slogan .slogan .t2{font-size: 3em;}
.mainControl{top: 45vh}

.main_contact_w{display: block;}
.main_contact_w .page_txt .t5 br{display: none;}
.main_contact_w .con .in .contactInfo_w{padding-top: 2.5em;}
.main_contact_w .con .in .contactInfo_w .list{display: flex; flex-wrap: wrap;}
.main_contact_w .con .in .contactInfo_w .list > li {padding-bottom: 0; margin-right: 1.5em;}
.main_contact_w .con .in .contactBtn_w{margin-top: 2em;}
.main_contact_w .conR{width: 100%; padding: 2em 3em 0 3em;}
.main_contact_w .conR .bg.resize.s1{padding-bottom: 45%;}

.main_notice_wrap .noticeList > li:last-child{border-bottom: none;}
.main_notice_wrap .noticeList > li .inner .date_wrap{width: 3em;}
.main_notice_wrap .noticeList > li .inner .date_wrap .t1{font-size: 2em;}
.main_notice_wrap .noticeList > li .inner .con_wrap{padding: 0 3em;}
.main_notice_wrap .noticeList > li .inner .con_wrap .tit .tt{font-size: 1.063em}

.bisList{margin: 3em 0 0 -1em;}
.bisList > li .in{margin: 0 0 0 1em;}
.bisBigtit{font-size: 8em;}

.main_organization .division .wrap_in.st1{width: 8em; height: 8em;}
.main_organization .division .wrap_in .t1{font-size: 1.188em;}
.main_organization .list > li .t1{font-size: 1em;}


}
/*900 end*/

@media screen and (max-width:768px){
body{ font-size:13px;}
.secCon{padding:2em 0;}

.main_tit .mt_tt{font-size: 2em}
.main_tit .mt_tx{font-size: 1.063em; padding-top: 10px; line-height: 1.4;}

.page_txt .t3{font-size: 1.750em;}
.page_txt .t5{font-size: 1.750em;}

.fullH{height: 65vh}
.visualSlider .main_slogan{top: 15vh;}
.visualSlider .main_slogan .slogan{text-align: center;}
.visualSlider .main_slogan .slogan .t1{font-size: 1.188em;}
.visualSlider .main_slogan .slogan .t2{font-size: 2em; }
.mainControl{top: 30vh;}
.mainControl .box1{justify-content: center;}
.mainControl .mainProgress{display: none;}

#footer{padding: 3em 0; margin-top: 5em;}
#footer .inner .conL{flex: 55%;}
#footer .inner .conR{flex:25%; margin-left: 0;}
#footer .inner .conR .contactw .t3{font-size: .750em}
#footer .inner .conL .copyrightT{padding-top: 2em;}

.board_btn_wrap.full{ display:flex;}
.board_btn_wrap.full > .input_st{ flex:1; margin-left:.25em;}
.board_btn_wrap.full > .input_st:first-child{ margin-left:0;}

.storeSlide_wrap{padding: 0 10%;}
.storeSlide_wrap .prod_box{justify-content: space-between;}
.storeSlide_wrap .pagingInfo{ left:15%; top:5%}
.storeSlide_wrap .pagingInfo .t1{font-size: 3em;}
.storeSlide_wrap .pagingInfo > i{font-size: 2em;}

.main_product .txt_wrap{left: 50%; transform: translateX(-50%); text-align: center}
.main_product .txt_wrap .tit .tt{font-size: 1.875em}

.main_visual_wrap .visual_con .notice.box1{max-width: 98%;}

.customer_w .customer_slide .tt{display: none}
.customer_w .customer_slide .slides li .notice_tit{margin-left: 0; font-size: 1em;}

.main_organization .list > li > .wrap_in{margin: 0 .5em;}

.bisBigtit{font-size: 6em;}

.main_notice_wrap .noticeList > li .inner .date_wrap .t1{font-size: 1.5em;}
.main_notice_wrap .noticeList > li .inner .date_wrap .t2{font-size: .813em;}
.main_notice_wrap .noticeList > li .inner .con_wrap{padding: 0 1.5em;}
.main_notice_wrap .noticeList > li .inner .con_wrap .tit .tt{font-size: 1em;}
.main_notice_wrap .noticeList > li .inner .con_wrap .txt .tt{font-size: .813em;}

.mainScroll{display: none}

.inquiry_fin_w .inner .inquiry_fin{width: 100%; max-width: 95%;}
.inquiry_fin_w .inner .inquiry_fin .tt{font-size: 1em}
.inquiry_fin_w .inner .inquiry_fin .st{font-size: 1em;}

.pop .popWrap .popIn .popCon{padding: 3em 1em;}

.page_more_btn{right: 1em}
#footer .goTop{right: 1em;}

.customer_w{height: 60px;}
.customer_w .customer_slide .slides li{line-height: 60px; height: 60px;}

.csd_w .n_comment_w{padding: 70px 20px 50px 20px}
.csd_w .n_comment_w .user_top{margin-bottom: 1.5em;}
.csd_w .n_comment_w .user_top .inner{padding: 1.5em;}

#bo_vc article{overflow: inherit !important}
#bo_vc header{width: 100%; text-align: left !important; border-bottom: 1px solid #eee; margin-bottom: 5px; position: static !important;}
/* #bo_vc .right header{width: 100%; text-align: right !important; border-bottom: 1px solid #eee; margin-bottom: 5px; position: static !important;} */
.csd_w article.right .cmt_contents{overflow: inherit !important; max-width: 100%; margin-left: 0 !important; padding: 0 !important;}
.csd_w article.right .cmt_contents .csd_txt{width: 100%; display: block; max-width: 100%; padding: 0;}
.csd_w article.right .cmt_contents .csd_txt .date{position: inherit; left: inherit; bottom: inherit; transform: inherit; padding-right: 0;}
.csd_w article.left header{text-align: left !important; position: static;}
.csd_w article.left .cmt_contents{overflow: inherit !important; max-width: 100%; margin-left: 0 !important; padding: 0 !important;}
.csd_w article.left .cmt_contents .csd_txt{width: 100%; display: block; max-width: 100%; padding: 0;}
.csd_w article.left .cmt_contents .csd_txt .date{position: inherit; left: inherit; bottom: inherit; transform: inherit; padding-right: 0;}
.csd_w article.left .bo_vc_act{text-align: right;}

#bo_vc .member_img {display: inline-block; margin: 0;}
#bo_vc .member_img img{width: 40px;}
#bo_vc .member{display: inline-block;}
.csd_v_top .info li{word-break: break-all;}

.bo_vc_w{width:100%; padding:0 10px;}
.bo_vc_w_info{width:100%; padding:0;}
.bo_vc_w_info .guest_comment,.bo_vc_w_info .frm_input {display:inline-block; vertical-align:middle;}
.bo_vc_w_info .guest_comment {width:32px; font-size:2rem; margin-right:5px;}
/* .bo_vc_w textarea{width:100%;} */
.bo_vc_w_info .frm_input {width:100px;}
.bo_vc_w_wr .file_comment,.bo_vc_w_wr .file_wr{width:100%; float:none; }

.bo_vc_w_info .member_img,.bo_vc_w_info .member {display:inline-block; vertical-align:middle;}
.bo_vc_w_info .member_img img{width:50px;}
.bo_vc_w_info .member{margin:0 0 0 5px;}
.bo_vc_w{padding: 0;}
.bo_vc_w_info{text-align: center; overflow: inherit; float: inherit;}
.bo_vc_w_info .member_img{text-align: left;}
.bo_vc_w_info .member{text-align: left;}
.bo_vc_w textarea{box-sizing: border-box;}
.bo_vc_w .btn_confirm{margin: 10px 0 30px !important}

.csd_state{padding: 10px 12px; min-width: 11em;}
.csd_view{min-width: 11em; background: #fff}
.bo_vc_w textarea{width: 100%;}

}
/*768 end*/

@media screen and (max-width:730x){
.bisList > li .in .num{font-size: 1.5em;}
}
/*730 end*/

@media screen and (max-width:700px){
.bisList{margin: 2em 0 -1em 0;}
.bisList > li {flex:100%}
.bisList > li .in{position: relative; margin: 0 0 1em 0;}
.bisList > li .in .t1{padding: .5em 0;}
.bisList > li .in .t2{min-height: inherit;}
.bisList > li .in .icon{position: absolute; right: 3em; top: 3em;}

.main_contact_w .conR{padding: 2em 2em 0 2em}
.main_contact_w .conL .in{padding-left: 2em; padding-right: 2em;}
}
/*700 end*/


@media screen and (max-width:660px){
#footer .inner{display: block;}
#footer .inner .conL{flex:100%}
#footer .inner .conR{padding-top: 1.313em; flex:100%;}
#footer .inner .conR .contactw .t1{padding-bottom: .5em;}

}
/*660 end*/

@media screen and (max-width:630px){
.page_txt .t1{font-size: 1em;}
.page_txt .t3{font-size: 1.750em;}
.page_txt .t4{font-size: .938em;}
.page_txt .t5{font-size: 1.5em;}

.main_notice_wrap .noticeList > li .inner .img_wrap{width: 100%; margin-top: 1em;}
.main_notice_wrap .noticeList > li .inner .img_wrap .resize.s2{padding-bottom: 45%;}
.main_notice_wrap .noticeList > li .inner .con_wrap{padding: 0 0 0 1em;}
.main_notice_wrap .noticeList > li .inner .con_wrap .txt{margin-top: .5em;}

.main_product .txt_wrap .tit .tt{font-size: 1.5em;}
.main_product .txt_wrap .txt .tt{font-size: .938em;}

}
/*630 end*/

@media screen and (max-width:500px){
.page_txt .t3{font-size: 1.750em;}
.main_organization .list > li .t1{font-size: .938em;}
.main_organization .list > li > .wrap_in{margin: 0 .25em;}

.page_txt .t3 br {display: none}

.customer_w .customer_slide .slides li .notice_tit{font-size: .938em; padding-right: 80px;}
.customer_w .customer_slide .slides li .notice_tit .xi{font-size: 1em; padding-right: .25em;}
.customer_w .customer_slide .slides li .notice_date{right: 0;}
.customer_w .customer_slide .flex-direction-nav{display: none}

}
/*500 end*/

@media screen and (max-width:430px){
.main_organization .list{flex-wrap: wrap; justify-content: center; margin-top: 3em;}
.main_organization .list > li{flex:1 0 33.33%; margin-bottom: 3em;}
.main_organization .list:before{height: 10em; bottom: 46%;}
.main_organization .list > li:nth-child(4):after{display: none !important;}
.main_organization .list > li:nth-child(4),
.main_organization .list > li:nth-child(5){max-width: 10em; margin-bottom: 0;}

.bisBigtit{font-size: 4em;}

}
/*430 end*/

@media screen and (max-width:400px){
.page_txt .t3{text-align: center; font-size: 1.3em;}
}
/*400 end*/

@media screen and (max-width:380px){
body{ font-size:12px;}

.page_txt .t1{font-size: 1em;}
.page_txt .t3{font-size: 1.5em;}
.page_txt .t4{font-size: .938em;}
.page_txt .t5{font-size: 1.250em;}

.main_product .txt_wrap .tit .tt{font-size: 1.750em;}
.main_product .txt_wrap .txt .tt{font-size: 1em;}

.main_contact_w .conR{padding: 1em 1em 0 1em}
.main_contact_w .conL .in{padding-left: 1em; padding-right: 1em;}

.main_notice_wrap .noticeList > li .inner{display: block;}
.main_notice_wrap .noticeList > li .inner .con_wrap{padding: 0;}
.main_notice_wrap .noticeList > li .inner .date_wrap{display: flex; flex-wrap: wrap; align-items: center; align-content: center; width: inherit; padding-bottom: .5em;}
.main_notice_wrap .noticeList > li .inner .date_wrap .t1{padding-right: .75em;}
.main_notice_wrap .noticeList > li .inner .con_wrap .txt .tt{overflow: inherit; max-height: inherit;}

#footer .inner .conR .contactw .t2{font-size: 1.5em}
#footer .inner .conL .con_in .infow .info > li .in .tt{font-size: .750em;}

.fullH{height: 55vh}

}

@media screen and (max-width:340px){
.page_txt .t3 br{display: none }
}
/*340 end*/

@media screen and (max-width:300px){
.main_contact_w .con .in .contactBtn_w{display: block;}
.main_contact_w .con .in .contactBtn_w .sec_more{margin-right: 0; margin-bottom: .5em;}
.main_contact_w .con .in .contactBtn_w .sec_more:last-child{margin-bottom: 0;}
.main_contact_w .con .in .contactBtn_w .sec_more > .more{min-width: 100%;}
.main_notice_wrap .noticeList > li .inner{padding: .75em;}


}
/*300 end*/

@media screen and (max-width:280px){
body{ font-size:10px;}

}

@media all and (max-width:1024px) and (orientation:landscape){

}

@media screen and (max-device-width:1024px){

}