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

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

/*header*/
#header{position: fixed; top: 0; left: 0;width: 100%; line-height: 1; background: #fff;z-index: 7000;padding-top: 35px;}
#header .inner{display: flex;align-items: flex-start; justify-content: space-between;height: 85px;padding: 13px 2.6%;transition:.5s;}
#header .left{display: flex;	}
#header .left h1{position: relative;width: auto;}
#header .left h1 span{position: absolute;top: 0; left: 0;display: block;transition:.5s;}
#header .left h1 span.on{opacity: 0;transform: translateY(100%);}
#header .left h1 span.on img{width: 93px;}
#header .left h1 span.off img{width: 77px;}

#header .gnb{display: none;gap:35px;}
#header .gnb > li{position: relative;}
#header .gnb span a{position: relative;display: block;font-size: 36px; color: #222; font-weight: 700;}
#header .gnb span a::after{content:'';position: absolute; left: 0; bottom: -10px; width: 0%; height: 3px; background: var(--co01);transition:.5s ease;}
#header .gnb > li.on span a::after{width: 100%;}
#header .gnb .lnb_sub{position: absolute; top: calc(100% + 30px); left: 0; z-index: 100; width: 350px; background: #fff;}
#header .gnb .lnb_sub ul{display: none;padding: 30px; box-shadow: 6px 8px 15px rgba(0,0,0,.03);}
#header .gnb .lnb_sub ul li a{position: relative;color: #222;font-size: 22px;font-weight: 700;transition:.5s ease;}
#header .gnb .lnb_sub ul li a::after{content:'';position: absolute; left: 0; bottom: -10px; width: 0%; height: 2px; background: var(--co01);transition:.5s ease;}
#header .gnb .lnb_sub ul li a:hover::after{width: 100%;}
#header .gnb .lnb_sub ul li:not(:last-child){margin-bottom: 30px;}

#header .right{display: flex;align-items: center;gap:15px;}
#header .right p{position: absolute;top: 0;left: 0; width: 100%;display: block;height: 35px;text-align: center; line-height: 35px;border-bottom: 1px solid #ddd;font-size: 16px; color: #222; font-weight: 700;}
#header .right .btn_wrap{display: flex;align-items: center;gap:15px;transform: translateY(5px);}
#header .right .btn_wrap a.lan_btn{font-size: 16px; color: #222; font-weight: 700;}
#header .right .btn_wrap .search_pop_btn img{width: 14px;}

#header.active .inner{height: 50px;}
#header.active .left h1 span.off{opacity: 0;transform: translateY(-100%);}
#header.active .left h1 span.on{opacity: 1;transform: translateY(0);}

#header .search_wrap{display: none;position: fixed;right: 0;width: 50%;height: 100%;padding: 50px 15px;background: #fff;}
#header .search_wrap .search{display: flex;align-items: center;justify-content: space-between;width: 100%;border-bottom: 2px solid #333;margin: 0 auto;padding-bottom: 10px;}
#header .search_wrap input[type="text"]{width: calc(100% - 45px);font-size: 12px; color: #999; font-weight: 700;border:0;}
#header .search_wrap input[type="text"]::placeholder{font-size: 12px; color: #999; font-weight: 700;}
#header .search_wrap input[type="text"]:focus{outline:0;}
#header .search_wrap .search .search_btn_wrap{display: flex;align-items: center;gap:10px;}
#header .search_wrap .search .search_btn_wrap .search_btn img{width: 14px;}
#header .search_wrap .search .search_btn_wrap .pop_x_btn img{width: 14px;}

/*navi*/
#header.nav .inner{height: 50px;}
#header.nav .left h1 span.off{opacity: 0;transform: translateY(-100%);}
#header.nav .left h1 span.on{opacity: 1;transform: translateY(0);}

.nav_btn{position: relative;display: block;width: 19px; height: 12px;}
.nav_btn::before{content:'';position: absolute;top: 0; left: 0; width: 100%; height: 2px; background: #333; border-radius:3px;transition:.5s;}
.nav_btn::after{content:'';position: absolute;bottom: 0; left: 0; width: 100%; height: 2px; background: #333; border-radius:3px;transition:.5s;}
.nav_btn span{display: block;position: absolute;top: 5px; left: 0; width: 100%; height: 2px; background: #333; border-radius:3px;}

#header.nav .nav_btn::before{transform:rotate(45deg);top: 5px;}
#header.nav .nav_btn::after{transform:rotate(135deg);bottom: 5px;}
#header.nav .nav_btn span{opacity: 0;}

.navigation{position:fixed;top: 85px;z-index:5000;width:100%;background-color:#fff;height:100%;display:none;right: 0px;z-index: 4000;transition:.5s;line-height: 1;}
.navigation .lnb{padding: 55px 10px;}
.navigation h3{width:100%;margin-bottom: 20px;}
.navigation h3 a{position: relative;width:100%;background-color:#fff;display: flex;align-items: center;color:#333;font-size:20px;font-weight: 700;}
.navigation h3 a em{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 0px;width: 12px;height: 12px;}
.navigation h3 a em::before{content:'';position: absolute;top: 0;left: 50%;transform:translateX(-50%);width: 2px;height: 100%;background: #333;transition:.3s;}
.navigation h3 a em::after{content:'';position: absolute;top: 50%;left: 0;transform:translateY(-50%);width: 100%;height: 2px;background: #333;transition:.3s;}
.navigation h3.on a em::before,
.navigation h3.active a em::before{transform:translateX(-50%) rotate(90deg);}
.navigation ul{display: block; padding-bottom: 25px;background:#fff;}
.navigation ul li{margin-bottom: 15px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{position: relative;display:flex;width: fit-content;height:auto;color:#333;font-size:14px;border:none;font-weight: 700;margin-left: 10px; word-break:keep-all;}
.navigation ul li.on a::after,
.navigation ul li.active a::after{content:'';position: absolute;left: 0; bottom: -4px;width: 100%; height: 1px; background: var(--co01);}

/* section */
.section_wrap{padding: 100px 0 50px;}

.section{padding-top: 50px;line-height: 1;}
.section .sec_tit{display: flex;align-items: center; justify-content: space-between;margin-bottom: 20px;}
.section .sec_tit p{font-size: 16px; color: #222; font-weight: 700;}
.section .sec_tit a.more_btn img{width: 12px;transition:.3s ease;}
.section .sec_tit a.more_btn:hover img{transform:rotate(90deg);}

.artwork_top{display: flex;gap:15px;margin-bottom: 40px;flex-wrap:wrap;}
.artwork_top .img_wrap{width: 100%;}
.artwork_top .img_wrap img{width: 100%;}
.artwork_top .txt_wrap{width: 100%;}
.artwork_top .txt_wrap p{font-size: 13px;color: #222;line-height: 1.6;}


.list_st01 ul{display: flex;flex-wrap:wrap;align-items: flex-start;gap:20px;}
.list_st01 ul li{width: 100%;}
.list_st01 ul li .img_wrap{position: relative;box-shadow:6px 6px 20px rgba(0,0,0,.15);overflow: hidden;}
.list_st01 ul li .img_wrap > img{width: 100%;transition:.5s;}
.list_st01 ul li:hover .img_wrap > img{transform:scale(1.1);}
.list_st01 ul li .img_wrap .hover_wrap{opacity: 0;position: absolute; left: 0; top: 0; width: 100%; height: 100%;display: flex;align-items: center; justify-content: center;background: rgba(0,0,0,.5);transition:.3s;}
.list_st01 ul li .img_wrap .hover_wrap img{width: 20px; display:none;}
.list_st01 ul li:hover .img_wrap .hover_wrap{opacity: 1;}
.list_st01 ul li .txt_wrap{margin-top: 10px;}
.list_st01 ul li .txt_wrap p{font-size: 14px; color: #222; font-weight: 700;}
.list_st01 ul li .txt_wrap span{display: block;font-size: 11px;color: #222; font-weight: 700;margin-top: 5px;}

/* section04 */
#section04 .pc_slide{display: none;}
#section04 .mob_slide{display: block;}
#section04 .sec04_slide li{margin-right: 5px;}
#section04 .slick-list{overflow: hidden; width: calc(100% + 5px);}
#section04 .img_box_wrap{display: flex;gap:0px;width: 100%;}
#section04 .img_box_wrap .img_box{width: 100%;}

#section04 .img_box_wrap .img_box .img{width: 100%;}
#section04 .img_box_wrap .img_box .img:not(:last-child){margin-bottom: 5px;}
#section04 .img_box_wrap .img_box .img .img_wrap{position:relative; width:100%;}
#section04 .img_box_wrap .img_box .img .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

#section04 .img_box_wrap .img_box .img01 .img_wrap{padding-bottom: 109.125%;}
#section04 .img_box_wrap .img_box .img02 .img_wrap{padding-bottom: 59.803%;}
#section04 .img_box_wrap .img_box .img03 .img_wrap{padding-bottom: 170.777%;}
#section04 .img_box_wrap .img_box .img04 .img_wrap{padding-bottom: 69.051%;}
#section04 .img_box_wrap .img_box .img05 .img_wrap{padding-bottom: 100%;}
#section04 .img_box_wrap .img_box .img06 .img_wrap{padding-bottom: 80.333%;}
#section04 .img_box_wrap .img_box .img07 .img_wrap{padding-bottom: 88.594%;}
#section04 .img_box_wrap .img_box .img08 .img_wrap{padding-bottom: 59.803%;}
#section04 .img_box_wrap .img_box .img09 .img_wrap{padding-bottom: 109.125%;}
#section04 .img_box_wrap .img_box .img10 .img_wrap{padding-bottom: 124.538%;}
#section04 .img_box_wrap .img_box .img11 .img_wrap{padding-bottom: 43.773%;}
#section04 .img_box_wrap .img_box .img12 .img_wrap{padding-bottom: 59.803%;}
#section04 .img_box_wrap .img_box .img13 .img_wrap{padding-bottom: 109.125%;}
#section04 .img_box_wrap .img_box .img14 .img_wrap{padding-bottom: 100%;}
#section04 .img_box_wrap .img_box .img15 .img_wrap{padding-bottom: 69.051%;}
#section04 .img_box_wrap .img_box .img16 .img_wrap{padding-bottom: 170.777%;}

#section04 .slick-prev{position: absolute; left: -10px; top: 50%; transform:translateY(-50%);background: url(/assets/images/main/prev01_mob.png)center no-repeat; width: 36px; height: 36px; background-size: cover;z-index: 100; text-indent: -9999px;}
#section04 .slick-next{position: absolute; right: -10px; top: 50%; transform:translateY(-50%);background: url(/assets/images/main/next01_mob.png)center no-repeat; width: 36px; height: 36px; background-size: cover;z-index: 100; text-indent: -9999px;}

/*footer*/
#footer{padding: 30px 0;}
#footer .inner{display: flex;flex-wrap:wrap;gap:30px 0; }
#footer .f_box{flex:initial;}
#footer .f_box.box01{width: 100%;}
#footer .f_box.box02{width: 100%;}
#footer .f_box.box03{width: 100%;padding-left: 0px;}

#footer .f_box a.f_logo img{width: 106px;}

#footer .f_box p{font-size: 12px; color: #222; font-weight: 700; line-height: 18px;}
#footer .f_box p a{display: block;color: #222;}
#footer .f_box p.copy{font-size: 11px;margin-top: 15px;}

/* ===sub====================================================== */
#sub_contents{padding: 120px 0px 80px;}
#sub_contents .contop{padding: 30px 0px 20px;line-height: 1;}
#sub_contents .contop h3{font-size: 22px; color: #222; font-weight: 700;margin-bottom: 20px;}

ul.depth02{display: flex;gap:5px;}
ul.depth02 li a{display: flex;align-items: center;padding: 0px 6px; height: 25px;font-size: 12px;border:1px solid #333;color: #333;}
ul.depth02 li.on a{color: #fff; background: #333;}
ul.depth02 .input select{width: 70px; padding: 0px 12px; height: 25px; border:0;padding: 0px 6px;font-size: 12px; color: #333;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; border:1px solid #333; background: url(/assets/images/main/select_icon01.png)center right 6px no-repeat #fff; background-size: 8px;}
ul.depth02 .input select:focus{outline:0;}

ul.depth03{margin-top: 10px;}
.sub_tit01{padding-left: 0px;margin-bottom: 20px;}
.sub_tit01 p{font-size: 26px; color: #222;font-weight: 700;margin-top: 20px;}
.sub_tit01 p b{color: var(--co01);font-weight: 700;}

h4.h4_tit01{font-size: 16px; color: #222; font-weight: 700;margin-bottom: 10px;}

.btn_wrap_st01{display: flex;gap:5px; margin-top: 30px;}
.btn_wrap_st01 a{display: flex;gap:5px;align-items: center; justify-content: center;width: 120px; height: 35px; font-size: 12px; color: #fff; background: #333;}
.btn_wrap_st01 a img{width: 12px;}

/* view */
.view_st01{line-height: 1;padding-top: 20px;}
.view_st01 .top_con{}
.view_st01 .top_con .tit{display: flex;align-items: center; justify-content: space-between;margin-bottom: 15px;}
.view_st01 .top_con .tit p{font-size: 20px; color: #222; font-weight: 700;}
.view_st01 .top_con .tit .search{display: flex;align-items: center;height: 30px;width: 200px;border-bottom: 1px solid #000;}
.view_st01 .top_con .tit .search input[type="text"]{border:0;width: calc(100% - 20px);font-size: 13px; color: #999;}
.view_st01 .top_con .tit .search input[type="text"]::placeholder{font-size: 13px; color: #999;}
.view_st01 .top_con .tit .search input[type="text"]:focus{outline:0;}
.view_st01 .top_con .tit .search a{display: block;width: 20px;}
.view_st01 .top_con .tit .search a img{display: block;margin-left: auto;width: 12px;}

.view_st01 .top_con .box_wrap{display: flex;gap:30px;flex-wrap:wrap;justify-content: center;}
/* .view_st01 .top_con .box_wrap .img_wrap{position:relative; width:100%; }
.view_st01 .top_con .box_wrap .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} */
.view_st01 .top_con .box_wrap .txt_box{display: flex;/* align-items: center; */width: 100%;padding: 0px;border-left: 0;}
.view_st01 .top_con .box_wrap .txt_box ul li:not(:last-child){margin-bottom: 5px;}
.view_st01 .top_con .box_wrap .txt_box p{font-size: 15px !important;color: #222;line-height: 1.6;font-weight: 700;}
.view_st01 .top_con .box_wrap .txt_box span{font-size: 13px !important;color: #222;line-height: 1.6;}

.view_st01 .txt_con{color: #222;padding-top: 30px; margin-top: 30px; border-top: 1px solid #000;}
.view_st01 .txt_con .tit{font-size: 15px; margin-bottom: 12px;font-weight: 700;}
.view_st01 .txt_con .writer{font-size: 15px; margin-bottom: 5px;line-height: 1.6;}
.view_st01 .txt_con .detail{font-size: 13px; line-height: 1.6;white-space: pre-wrap;}

.view_st01 .list_con{margin-top: 40px;}

.view_st01 .tag_con{padding-top: 20px;margin-top: 20px;border-top: 1px solid #000;}
.view_st01 .tag_con .box:not(:last-child){margin-bottom: 60px;}
.view_st01 .tag_con .box strong{display: block;font-size: 16px; color: #222; font-weight: 700;margin-bottom: 10px;}
.view_st01 .tag_con .box .tag_wrap{display: flex;flex-wrap:wrap;gap:5px;}
.view_st01 .tag_con .box .tag_wrap em{display: flex;align-items: center;height: 26px; font-size: 14px; color: #333; border:1px solid #333;padding: 0px 5px;}

/* sub0201_view */
.sub0201_view_wrap .view_st01 .top_con .box_wrap .img_box{width: 100%;}
/* .sub0201_view_wrap .view_st01 .top_con .box_wrap .img_wrap{padding-bottom:33.413%;} */

/* sub0301_view */
.sub0301_view_wrap .view_st01 .top_con .box_wrap .img_con{display: flex;align-items: center;justify-content: center;width: 100%;}
.sub0301_view_wrap .view_st01 .top_con .box_wrap .img_box{width: 100%;}
/* .sub0301_view_wrap .view_st01 .top_con .box_wrap .img_wrap{padding-bottom:124.433%;} */
.sub0301_view_wrap .view_st01 .top_con .box_wrap .txt_box{width: 100%;}

/* sub0401_view */
.sub0401_view_wrap .view_st01 .top_con .box_wrap .img_con{align-items: flex-start;}
.sub0401_view_wrap .view_st01 .top_con .box_wrap .txt_box{align-items: flex-start;padding-top: 0;padding-bottom: 0;}
.sub0401_view_wrap .view_st01 .slide_con{width: 100%;border-top: 1px solid #000;}
.sub0401_view_wrap .view_st01 .slide_con .slide .top{display: flex;align-items: center;justify-content: space-between; height: 40px;border-bottom: 1px solid #000;}
.sub0401_view_wrap .view_st01 .slide_con .slide .top .arr{position: relative;width: 16px; height: 16px; border:1px solid #000; border-radius:50%;}
.sub0401_view_wrap .view_st01 .slide_con .slide .top .arr span{position: absolute; top: 50%;left: 50%;transform:translate(-50%,-50%);display: block;width: 8px; height: 1px; background: #000;}
.sub0401_view_wrap .view_st01 .slide_con .slide .top .arr span:nth-child(2){transform:translate(-50%,-50%) rotate(90deg);transition:.3s;}
.sub0401_view_wrap .view_st01 .slide_con .slide .top.on{border-bottom: 1px solid transparent;}
.sub0401_view_wrap .view_st01 .slide_con .slide .top.on .arr span:nth-child(2){transform:translate(-50%,-50%) rotate(180deg);}
.sub0401_view_wrap .view_st01 .slide_con .slide .bot{display: none;padding: 15px 0;border-bottom: 1px solid #000;}
.sub0401_view_wrap .view_st01 .txt_con{padding: 0;margin: 0;border:0;}
.sub0401_view_wrap .view_st01 .video_wrap{position:relative; width:100%; padding-bottom:56.071%;}
.sub0401_view_wrap .view_st01 .video_wrap iframe,
.sub0401_view_wrap .view_st01 .video_wrap video,
.sub0401_view_wrap .view_st01 .video_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0401_view_wrap .view_st01 .tag_con{margin: 0; padding: 0; border:0;}

/* sub0501_view */
.sub0501_view_wrap .view_st01 .list_con{margin-top: 60px;}
.sub0501_view_wrap .view_st01 .top_con .box_wrap .img_con{display: block;}
.sub0501_view_wrap .view_st01 .slick-dots{position: absolute;left: 50%;bottom: 15px; transform:translateX(-50%);display: flex;justify-content: center;gap:6px;}
.sub0501_view_wrap .view_st01 .slick-dots li{width: 6px; height: 6px; background: #fff; border-radius:50%;text-indent: -9999px;transition:.3s;}
.sub0501_view_wrap .view_st01 .slick-dots li.slick-active{background: var(--co01);}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con .sub_tit01{margin-bottom: 0;}
.sub0101_wrap .con .sub_tit01 p img{width: 140px;}
.sub0101_wrap .con .txt_wrap{display: flex;flex-wrap:wrap; gap:15px; margin-bottom: 40px;}
.sub0101_wrap .con .txt_wrap .tit{width: 100%;}
.sub0101_wrap .con .txt_wrap .tit strong{display: block;font-size: 16px; color: #222; font-weight: 700;}
.sub0101_wrap .con .txt_wrap .txt{width: 100%;}
.sub0101_wrap .con .txt_wrap .txt p{font-size: 13px; color: #222; line-height: 1.6;}
.sub0101_wrap .con .txt_wrap .txt p br{display: none;}
.sub0101_wrap .con .txt_wrap .txt p b{display: block;}

.sub0101_wrap .con01{margin-bottom: 40px;}
.sub0101_wrap .con01 .img_wrap{position:relative; width:100%; padding-bottom:56.25%;}
.sub0101_wrap .con01 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.sub0101_wrap .con02 .txt_wrap{margin-bottom: 40px;gap:10px;}
.sub0101_wrap .con02 .txt_wrap:last-child{margin-bottom: 0;}

/* sub0101_2 */
.sub0101_2_wrap{line-height: 1;}
.sub0101_2_wrap .con:not(:last-child){padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #000;}
.sub0101_2_wrap .con .box_wrap{display: flex;gap:20px;flex-wrap:wrap;}
.sub0101_2_wrap .con .box_wrap .box{width: 100%;}
.sub0101_2_wrap .con .box_wrap .box02{width: 100%;}
.sub0101_2_wrap .con .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:72.254%;border:1px solid #000;}
.sub0101_2_wrap .con .box_wrap .box02 .img_wrap{padding-bottom:132.979%;}
.sub0101_2_wrap .con .box_wrap .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.sub0101_2_wrap .con .box_wrap .box p{font-size: 13px; color: #222; text-align: center;margin-top: 12px;}

/* sub0101_3 */
.sub0101_3_wrap{line-height: 1;}
.sub0101_3_wrap .flex_con{display: flex;gap:0px;flex-wrap:wrap;}
.sub0101_3_wrap .flex_con .con_wrap{display: flex;width: 100%;flex-wrap:wrap;}
.sub0101_3_wrap .flex_con .con_wrap .con{width: 100%;border-top: 1px solid #000;}
.sub0101_3_wrap .flex_con .con{padding: 20px 0px; }
.sub0101_3_wrap .flex_con .con .txt_wrap .txt:not(:last-child){margin-bottom: 12px;}
.sub0101_3_wrap .flex_con .con .txt_wrap .txt strong{display: block;font-size: 15px; color: #222;font-weight: 700; margin-bottom: 10px;}
.sub0101_3_wrap .flex_con .con .txt_wrap .txt p{font-size: 13px; color: #222; line-height: 1.6;}
.sub0101_3_wrap .flex_con .con .txt_wrap .txt p em{position: relative;display: inline-block;color: #fff;font-size: 12px;margin-right: 8px;}
.sub0101_3_wrap .flex_con .con .txt_wrap .txt p em::after{content:'';display: block;position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%);width: 18px; height: 18px; border-radius:50%;z-index: -1;}
.sub0101_3_wrap .flex_con .con .txt_wrap .txt p em.s01::after{background: #263c96;}
.sub0101_3_wrap .flex_con .con .txt_wrap .txt p em.s03::after{background: #ff7300;}
.sub0101_3_wrap .flex_con .con .txt_wrap .txt ul li{position: relative;padding-left: 14px;}
.sub0101_3_wrap .flex_con .con .txt_wrap .txt ul li:not(:last-child){margin-bottom: 5px;}
.sub0101_3_wrap .flex_con .con .txt_wrap .txt ul li::after{content:'';position: absolute; left: 0; top: 8px;width: 3px;height: 3px; background: #222; border-radius:50%;}

.sub0101_3_wrap .flex_con .con02{padding-top: 20px;border-top: 0;border-left: 0;}
.sub0101_3_wrap .flex_con .con03{width: 100%; border-left: 0;border-bottom: 1px solid #000;}

/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap ul.list{border-top: 1px solid #000;}
.sub0102_wrap ul.list li{border-bottom: 1px solid #000;}
.sub0102_wrap ul.list li a{display: flex;justify-content: space-between;align-items: center; height: 40px;}
.sub0102_wrap ul.list li p{font-size: 13px; color: #222; font-weight: 700;}

.sub0102_wrap ul.list li p.txt{width: calc(100% - 80px);}
.sub0102_wrap ul.list li p.date{width: 80px;text-align: right;}

/* sub0203 */
.sub0203_wrap{position: relative;line-height: 1;}
.sub0203_wrap .search_wrap{position: relative;top: 0px;right: 0;display: flex;align-items: center; justify-content: space-between;width: 100%; border-bottom: 1px solid #333;padding-bottom: 4px;margin-bottom: 20px;}
.sub0203_wrap .search_wrap input[type="text"]{width: calc(100% - 30px);border:0;font-size: 12px; color: #999;}
.sub0203_wrap .search_wrap input[type="text"]::placeholder{font-size: 12px; color: #999;}
.sub0203_wrap .search_wrap input[type="text"]:focus{outline:0;}
.sub0203_wrap .search_wrap a.search_btn img{width: 14px;}

/* sub0401 */
.sub0401_wrap{line-height: 1;}
.sub0401_wrap ul.list{display: flex;flex-wrap:wrap;gap:20px;}
.sub0401_wrap ul.list li{position: relative;width: 100%;}
.sub0401_wrap ul.list li .img_wrap{position:relative; width:100%; padding-bottom:133.537%;box-shadow: 6px 6px 20px rgba(0,0,0,.15);overflow: hidden;}
.sub0401_wrap ul.list li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;transition:.5s;}
.sub0401_wrap ul.list li .txt_wrap{opacity: 0;display: flex;flex-direction: column; justify-content: flex-end;position: absolute; left: 0; top: 0; padding: 25px; width: 100%;height: 100%;background: rgba(0,0,0,0.5);transition:.5s;}
.sub0401_wrap ul.list li .txt_wrap span{display: block;font-size: 13px; color: rgba(255,255,255,.5);font-weight: 700;}
.sub0401_wrap ul.list li .txt_wrap p{font-size: 18px; color: #fff; font-weight: 700;margin-top: 10px;}

.sub0401_wrap ul.list li:hover .img_wrap img{transform:scale(1.1);}
.sub0401_wrap ul.list li:hover .txt_wrap{opacity: 1;}

/* sub0501 */
.sub0501_wrap{position: relative;line-height: 1;}
.sub0501_wrap .list_search_wrap{position: relative;top: 0px;right: 0;display: flex;align-items: center; justify-content: space-between;width: 100%; border-bottom: 1px solid #333;padding-bottom: 4px;margin-bottom: 20px;}
.sub0501_wrap .list_search_wrap input[type="text"]{width: calc(100% - 30px);border:0;font-size: 12px; color: #999;}
.sub0501_wrap .list_search_wrap input[type="text"]::placeholder{font-size: 12px; color: #999;}
.sub0501_wrap .list_search_wrap input[type="text"]:focus{outline:0;}
.sub0501_wrap .list_search_wrap a.search_btn img{width: 14px;}

}