.hidden{display: none;}

.wid46{width: 46px;}

.mt2{margin-top: 2px;}
.mt5{margin-top: 5px;}
.mt6{margin-top: 6px;}
.mt7{margin-top: 7px;}
.mt8{margin-top: 8px;}
.mt9{margin-top: 9px;}
.mt11{margin-top: 11px;}
.mt12{margin-top: 12px;}
.mt13{margin-top: 13px;}
.mt20{margin-top: 20px;}

.ml4{margin-left: 4px;}

.mr2{margin-right: 2px;}
.mr3{margin-right: 3px;}
.mr4{margin-right: 4px;}
.mr5{margin-right: 5px;}
.mr7{margin-right: 7px;}
.mr8{margin-right: 8px;}
.mr10{margin-right: 10px;}
.mr12{margin-right: 12px;}

.tp-contents.main{min-height: calc(100vh - 103px); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding-top: 0; margin-top: -54px;}

.tp-contents.main .main_img_box{text-align: center; padding-left: 20px; padding-right: 20px;}
.tp-contents.main .main_img_box > img{max-width: 320px; width: 100%;}

.btm_list{margin-top: -5px; margin-bottom: 19px; max-width: 1920px; margin-left: auto; margin-right: auto; width: 100%; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; padding-left: 20px; padding-right: 20px;}
.btm_list > img{position: relative; box-sizing: border-box; float: left;}

.main_footer{text-align: center; padding-left: 20px; padding-right: 20px; padding-bottom: 18px; max-width: 1920px; margin-left: auto; margin-right: auto; width: 100%; position: relative; box-sizing: border-box;}

.main_gallery_wrap{width: 100%; max-width: 1920px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}

.main_gallery_title{margin-bottom: 20px; font-size: 22px; line-height: 33px; font-weight: 400; letter-spacing: -0.02em; color: #000; width: 100%; text-align: center;}

.main_gallery_list_con{width: calc(100% + 22px); margin-left: -22px; margin-bottom: -20px;}
.main_gallery_list{width: 100%; padding-left: 22px; box-sizing: border-box; margin-bottom: 20px;}
.main_gallery_list_inner{display: block; border: 1px solid #000; padding: 10px; box-sizing: border-box;}
.main_gallery_list_inner .main_gallery_list_img_box > img{width: 100%;}
.main_gallery_list_inner .main_gallery_list_text_box{margin-top: 20px;}
.main_gallery_list_inner .main_gallery_list_text_sub_title{font-size: 12px; line-height: 18px; font-weight: 400; letter-spacing: -0.02em; color: #000;}
.main_gallery_list_inner .main_gallery_list_text_title{font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.02em; color: #000;}

@media all and (min-width: 768px){
    .tp-contents.main .main_img_box > img{max-width: 685px;}

    .main_gallery_list{width: 50%;}
}

/* lg class */
@media all and (min-width: 1280px){
    .hidden-lg{display: none;}
    .show-lg{display: inline-block;}
    .wid-lg-100{width: 100px;}

    .mt-lg-8{margin-top: 8px;}
    .mt-lg-12{margin-top: 12px;}
    .mt-lg-13{margin-top: 13px;}
    .mt-lg-15{margin-top: 15px;}
    .mt-lg-16{margin-top: 16px;}
    .mt-lg-17{margin-top: 17px;}
    .mt-lg-18{margin-top: 18px;}
    .mt-lg-24{margin-top: 24px;}
    .mt-lg-27{margin-top: 27px;}
    .mt-lg-28{margin-top: 28px;}
    .mt-lg-33{margin-top: 33px;}
    .mt-lg-37{margin-top: 37px;}

    .ml-lg-40{margin-left: 40px;}

    .mr-lg-5{margin-right: 5px;}
    .mr-lg-8{margin-right: 8px;}
    .mr-lg-11{margin-right: 11px;}
    .mr-lg-13{margin-right: 13px;}
    .mr-lg-14{margin-right: 14px;}
    .mr-lg-17{margin-right: 17px;}
    .mr-lg-18{margin-right: 18px;}
    .mr-lg-19{margin-right: 19px;}
    .mr-lg-22{margin-right: 22px;}
    .mr-lg-28{margin-right: 28px;}
    .mr-lg-29{margin-right: 29px;}
    .mr-lg-37{margin-right: 37px;}


    .btm_list{margin-top: -30px; margin-bottom: 15px; padding-left: 40px; padding-right: 40px; justify-content: center;}

    .main_footer{padding-bottom: 27px; padding-left: 40px; padding-right: 40px;}

    .main_gallery_title{font-size: 36px; line-height: 54px; margin-bottom: 40px;}

    .main_gallery_wrap{padding-left: 40px; padding-right: 40px;}
    .main_gallery_list_con{margin-bottom: -40px;}
    .main_gallery_list{width: 25%; margin-bottom: 40px;}
    .main_gallery_list_inner{padding: 20px;}
    .main_gallery_list_inner .main_gallery_list_text_sub_title{font-size: 14px; line-height: 21px;}
    .main_gallery_list_inner .main_gallery_list_text_title{font-size: 20px; line-height: 30px;}
}

/* xl class */
@media all and (min-width: 1600px){
    .hidden-xl{display: none;}
    .show-xl{display: inline-block;}

    .wid-xl-102{width: 102px;}

    .mt-xl-0{margin-top: 0;}
    .mt-xl-3{margin-top: 3px;}
    .mt-xl-5{margin-top: 5px;}
    .mt-xl-6{margin-top: 6px;}
    .mt-xl-7{margin-top: 7px;}
    .mt-xl-9{margin-top: 9px;}
    .mt-xl-10{margin-top: 10px;}
    .mt-xl-11{margin-top: 11px;}
    .mt-xl-14{margin-top: 14px;}
    .mt-xl-15{margin-top: 15px;}
    .mt-xl-17{margin-top: 17px;}
    .mt-xl-28{margin-top: 28px;}

    .ml-xl-5{margin-left: 5px;}

    .mr-xl-8{margin-right: 8px;}
    .mr-xl-9{margin-right: 9px;}
    .mr-xl-10{margin-right: 10px;}
    .mr-xl-11{margin-right: 11px;}
    .mr-xl-12{margin-right: 12px;}
    .mr-xl-13{margin-right: 13px;}
    .mr-xl-14{margin-right: 14px;}
    .mr-xl-15{margin-right: 15px;}
    .mr-xl-16{margin-right: 16px;}
    .mr-xl-18{margin-right: 18px;}
    .mr-xl-20{margin-right: 20px;}
    .mr-xl-21{margin-right: 21px;}
    .mr-xl-23{margin-right: 23px;}
    .mr-xl-24{margin-right: 24px;}
    .mr-xl-31{margin-right: 31px;}

    .btm_list{justify-content: flex-start; margin-top: -18px; margin-bottom: 11px;}

    .main_footer{padding-bottom: 32px;}

    .tp-contents.main .main_img_box > img{max-width: 787px;}

}

@media only screen and (max-width: 1280px){
    .tp-contents.main{margin-top: -49px;}
}

@media only screen and (max-width: 768px){
    .tp-contents.main{margin-top: 2px; min-height: calc(100vh - 120px);}
}