@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/


/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {position: relative; font-weight: 400;border: 2px solid;vertical-align:top;text-align:center;display: inline-flex;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0;align-items: center;justify-content: center;line-height: 1.2;border-radius: 10px; overflow: hidden; transition: all 0.6s;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
		.btn { width: 200px;height: 70px;font-size:var(--title-20);}
        .btn span{position: relative; font-size: 110%; transition: all 0.6s;}
		.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
		.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
		.btn_sm {height:30px;line-height:28px;width:auto;padding:0 8px;font-size:inherit;border-color:#aaa;background-color:#aaa;color:#fff;}
			/* button 색상별 */
		#wrap .btn_point{background: var(--point-white);border-color: var(--black-color10);color: var(--black-color08);}
            #wrap .btn_point:before{position: absolute; content:''; width: 0; height: 0; top:50%; left:50%; transform: translate(-50%, -50%); border-radius: inherit; background: var(--point-color02); opacity: 0; transition: all 0.6s;}
		#wrap .btn_basic{border-color:#777;background-color:#777;color:#fff;}
		#wrap .btn_default{border-color:#aaa;background-color:#aaa;color:#fff;}
		#wrap .btn_info {border-color:#d3d3d3;background-color:#fff;color:#555;}
		#wrap .btn_reset{border-color:#d3d3d3;background:#fff url('../images/common/icon_btn_reset.gif') no-repeat 9px 50%;padding:0 10px 0 30px;color:#555;}

		.btn_wrap {margin: 0;padding: 80px 0 0;font-size: var(--title-20);display: inline-flex;gap: 15px;justify-content: center;}
		.btn_wrap.ta_center {width:100%;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0;top:0;}

        /* over */
            @media screen and (min-width:1024px){
                #wrap .btn_point:hover{border-color: var(--trans-color);}
                #wrap .btn_point:hover:before{width: 120%; height: 120%; opacity: 1;}
                #wrap .btn_point:hover span{filter: var(--filter-white);}
            }

	@media screen and (max-width:1023px) {
		.btn_wrap {padding-top:70px;}
        .btn {width: 180px;height: 65px;}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0;top:0;}
	}
	@media screen and (max-width:860px) {
        .btn_wrap {padding-top:60px;}
        .btn {width: 160px;height: 60px;}
	}
	@media screen and (max-width:640px) {
        .btn_wrap {padding-top:50px;}
        .btn {width: 140px;height: 55px; }
        .btn span{font-size: 100%;}
	}
	@media screen and (max-width:479px) {
		.btn_wrap {padding-top:40px;}
        .btn{width: 120px;height: 50px;}
		.btn_wd {font-size:16px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
	}

/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
    .nav_wrap{position: relative;padding: 122px 0 75px;}
    .nav_wrap .w_custom{display: flex; gap:30px; align-items: center; justify-content: space-between;}
    .nav_wrap .title{position: relative;font-size: var(--title-20);font-family: var(--font-type02);}
    .nav_wrap .title h2{font-size: 350%;font-weight: 600;color: var(--black-color02);line-height: 1.2;letter-spacing: -0.04em;}
        .nav_wrap .title h2 + h5{margin-top: 55px;}
    .nav_wrap .title h5{font-size: 140%;font-weight: 400;color: var(--black-color02);line-height: 1.64;letter-spacing: -0.04em;}
    .nav_wrap .desc{display: flex;align-items: center;flex-shrink: 0;font-size: var(--title-20);letter-spacing: 0;}
    .nav_wrap .desc dt a{display: block;font-size: 0;}
    .nav_wrap .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color02);}
        .nav_wrap .desc dd:before{display: inline-flex;content:'';width: 8px;height: 8px;border:1px solid var(--trans-color);border-top-color: var(--black-color02);border-right-color: var(--black-color02);transform: translateY(-2px) rotate(45deg);box-sizing: border-box;opacity: 0.6;margin: 0 15px 0 12px;}
    .nav_wrap .desc dd em{font-weight: 500;}

    #wrap .sel_wrap{position: relative;display: inline-block;width: 200px;box-sizing: border-box;z-index: 9;}
    #wrap .sel_wrap .desc{position: relative;width: 100%;font-size: var(--title-20);line-height: 1.3;letter-spacing: var(--letter-03);}
    #wrap .sel_wrap .desc dt span{position: relative;display: flex;align-items: center;width: 100%;height: 70px;padding: 0 55px 0 30px;box-sizing: border-box;background: var(--point-white);border: 1px solid var(--border-color04);font-size: 110%;font-weight: 400;color: var(--black-color02);cursor: pointer;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
        #wrap .sel_wrap .desc dt span:before{position: absolute;content:'';width: 11px;height: 11px;border: 2px solid var(--trans-color);border-right-color: var(--black-color02);border-bottom-color: var(--black-color02);top: 45%;right: 30px;transform: translateY(-50%) rotate(45deg);transition: all 0.4s;border-radius: 2px;box-sizing: border-box;}
        #wrap .sel_wrap .desc dt.on span:before{transform: translateY(-50%) rotate(45deg) scale(-1,-1);top: 55%;}
    #wrap .sel_wrap .desc dd{position: absolute;top: calc(100% - 1px);left:0;width: 100%;opacity: 0;pointer-events: none;transition: all 0.4s;background: var(--point-white);padding: 10px 0;border: 1px solid var(--border-color01);box-sizing: border-box;box-shadow: 3px 3px 5px rgba(0,0,0,0.05);background: var(--point-white);}
        #wrap .sel_wrap .desc dt.on + dd{opacity: 1; pointer-events: all;}
    #wrap .sel_wrap .desc dd a{display: block;padding:8px 30px;font-size: 80%;font-weight: 400;color: var(--black-color08); transition: all 0.4s;}
    #wrap .sel_wrap select{display: none;}

        @media screen and (min-width:1024px){
            #wrap .sel_wrap .desc dd a:hover{color: var(--point-color01);}
        }

    @media screen and (max-width:1023px){
        .nav_wrap{padding: 110px 0 65px;}
        .nav_wrap .title h2 + h5{margin-top: 50px;}

        #wrap .sel_wrap{width: 180px;}
        #wrap .sel_wrap .desc dt span{height: 65px; padding: 0 50px 0 25px;}
        #wrap .sel_wrap .desc dt span:before{right:25px;}
        #wrap .sel_wrap .desc dd a{padding:7px 25px;}
    }
    @media screen and (max-width:860px){
        .nav_wrap{padding: 100px 0 55px;}
        .nav_wrap .title h2 + h5{margin-top: 45px;}

        #wrap .sel_wrap{width: 160px;}
        #wrap .sel_wrap .desc dt span{height: 60px; padding: 0 45px 0 20px;}
            #wrap .sel_wrap .desc dt span:before{right:20px;}
        #wrap .sel_wrap .desc dd a{padding:6px 20px;}
    }
    @media screen and (max-width:767px){
        .nav_wrap .w_custom{flex-direction: column; align-items:flex-start;}
        .nav_wrap .desc{flex-shrink: 1;}
    }
    @media screen and (max-width:640px){
        .nav_wrap{padding: 90px 0 45px;}
        .nav_wrap .title h2{font-size: 320%;}
            .nav_wrap .title h2 + h5{margin-top: 40px;}
        .nav_wrap .title h5{font-size: 130%;}
        .nav_wrap .desc dd{font-size: 85%;}

        #wrap .sel_wrap{width: 140px;}
        #wrap .sel_wrap .desc dt span{height: 55px; padding: 0 45px 0 20px; font-size: 100%;}
            #wrap .sel_wrap .desc dt span:before{width: 9px; height: 9px;}
    }
    @media screen and (max-width:479px){
        .nav_wrap{padding: 70px 0 35px;}
        .nav_wrap .w_custom{gap: 20px;}
        .nav_wrap .title h2{font-size: 300%;}
            .nav_wrap .title h2 + h5{margin-top: 30px;}
        .nav_wrap .title h5{font-size: 120%;}
		.nav_wrap .desc{display: none;}

        #wrap .sel_wrap{width: 120px;}
        #wrap .sel_wrap .desc dt span{height: 50px; padding: 0 40px 0 15px;}
            #wrap .sel_wrap .desc dt span:before{right: 15px;}
        #wrap .sel_wrap .desc dd a{padding:6px 15px;}
    }
    @media screen and (max-width:360px){
        #wrap .sel_wrap{width: 100%; height: 40px;}
        #wrap .sel_wrap .desc dt span{height: 45px;}
    }


/*───────────────────────────────────────────────────────────
	Board
───────────────────────────────────────────────────────────*/
    /* 리스트 */
        #wrap .search_wrap{position: relative; z-index: 9; margin-bottom: 50px;}
        #wrap .search_wrap fieldset{display: flex; font-size: var(--title-20); flex-wrap: wrap; gap: 10px 0;}
        #wrap .search_wrap .sel_wrap dt span{border-radius: 10px 0 0 10px;}
        #wrap .search_wrap .inp_wrap{position: relative;}
        #wrap .search_wrap .input_text{width: 440px;height: 70px;border: 1px solid var(--border-color04);border-left: 0;padding: 0 70px 0 30px;font-size: 110%;font-weight: 400;color: var(--black-color02);border-radius: 0 10px 10px 0;letter-spacing: -0.03em;line-height: normal;}
        #wrap .search_wrap .input_text::placeholder{color: var(--black-color08); font-weight: 300;}
        #wrap .search_wrap .search_btn{position: absolute; top:50%; right:30px; transform: translateY(-50%); background: url('../images/sub/search_btn.svg') no-repeat center / 100% auto; width: 22px; height: 22px; border:0; cursor: pointer; font-size: 0;}

        #wrap .sub_board .main_news{padding:0;}
        #wrap .sub_board .main_news .noti_list{margin:0;}
        @media screen and (min-width:768px){
            #wrap .sub_board .main_news .noti_list .date{width: 20%;}
            #wrap .sub_board .main_news .noti_list .desc{width: 80%;}
            #wrap .sub_board .main_news .noti_list .desc dt + dd{padding-top: 4px;}
            #wrap .sub_board .main_news .noti_list .arw{right:50px;}
        }

        #wrap .paging {text-align:center;margin: 80px 0 0;display: flex;align-items: center;justify-content: center;gap: 10px;font-size: var(--title-20);}
        #wrap .paging a {font-size: 90%;font-weight: 400;color: var(--black-color02);display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 100%;line-height: 1;min-width: auto;padding: 0;border: 1px solid var(--trans-color);background: none;}
        #wrap .paging :is(.on a, a.on){font-weight: 600;border-color: var(--black-color11);}
        #wrap .paging .arrow.prev {margin-left:-2px;}
        #wrap .paging .arrow.last {margin-left:-1px;}
        #wrap .paging .arrow a {width:30px;height:30px;font-size:0;display:block; background: no-repeat center; margin:0;}
        #wrap .paging :is(.first, .last) a{background-image: url('../images/sub/paging_first.svg');}
        #wrap .paging :is(.prev, .next) a{background-image: url('../images/sub/paging_prev.svg');}
        #wrap .paging :is(.next, .last) a{transform: scale(-1, -1);}
        #wrap .paging .prev a{margin-right: 10px;}
        #wrap .paging .next a{margin-left: 10px;}
        
        @media screen and (max-width:1023px){
            #wrap .search_wrap{margin-bottom: 40px;}
            #wrap .search_wrap .input_text{width: 400px;height: 65px;padding: 0 60px 0 25px;}
            #wrap .search_wrap .search_btn{right:25px;}

            #wrap .paging{margin-top:70px;}
        }
        @media screen and (max-width:860px){
            #wrap .search_wrap{margin-bottom: 30px;}
            #wrap .search_wrap .input_text{width: 360px;height: 60px;padding: 0 55px 0 20px;}
            #wrap .search_wrap .search_btn{right:20px;}

            #wrap .paging{margin-top: 60px;}
            #wrap .paging a{width: 36px; height: 36px;}
        }
        @media screen and (max-width:640px){
            #wrap .search_wrap{margin-bottom: 20px;}
            #wrap .search_wrap .sel_wrap dt span{border-radius: 5px 0 0 5px;}
            #wrap .search_wrap .input_text{width: 300px;height: 55px; font-size: 100%; border-radius: 0 5px 5px 0;}
            #wrap .search_wrap .search_btn{width: 20px; height: 20px;}

            #wrap .paging{margin-top: 50px;}
            #wrap .paging a{width: 34px; height: 34px;}
            #wrap .paging .prev a{margin-right: 5px;}
            #wrap .paging .next a{margin-left: 5px;}
        }
        @media screen and (max-width:479px){
            #wrap .search_wrap{margin-bottom: 15px;}
            #wrap .search_wrap .inp_wrap{width: calc(100% - 120px);}
            #wrap .search_wrap .input_text{width: 100%; height: 50px;padding: 0 50px 0 15px;}
            #wrap .search_wrap .search_btn{right:15px; width: 18px; height: 18px;}
            
            #wrap .paging{margin-top: 40px;}
            #wrap .paging a{width: 32px; height: 32px;}
        }
        @media screen and (max-width:360px){
            #wrap .search_wrap .sel_wrap dt span{border-radius: 5px;}
            #wrap .search_wrap .inp_wrap{width: 100%;}
            #wrap .search_wrap .input_text{height: 45px; border: 1px solid var(--border-color04); border-radius: 5px;}
            #wrap .paging{margin-top: 30px;}
            #wrap .paging a{width: 30px; height: 30px;}
        }

    /* 뷰 */
        #wrap .bbs_view{font-size: var(--title-20);}
        #wrap .bbs_view .view_tit{position: relative;padding: 54px 60px 58px;border-top: 1px solid var(--black-color02);border-bottom: 1px solid var(--border-color01);width: 100%;margin:0;text-align: left;box-sizing: border-box;font-size: var(--title-20);background: none;}
        #wrap .bbs_view .view_tit .desc{display: flex;flex-direction: column;gap: 30px;}
        #wrap .bbs_view .view_tit .desc dt{font-size: 140%; font-weight: 400; color: var(--black-color00); line-height: 1.3; letter-spacing: -0.04em; font-family: var(--font-type02);}
        #wrap .bbs_view .view_tit .desc dd{font-size: 110%; font-weight: 400; color: var(--point-color01); line-height: 1.3; letter-spacing: -0.02em;}
        #wrap .bbs_view .view_cont{padding: 50px 60px;width: 100%;margin:0;box-sizing: border-box;font-size: 110%;font-weight: 300;color: var(--black-color07);line-height: 1.6;letter-spacing: -0.02em;font-family: var(--font-type02);border-bottom: 1px solid var(--border-color01);}

        @media screen and (max-width:1023px){
            #wrap .bbs_view .view_tit{padding: 50px 55px 53px;}
            #wrap .bbs_view .view_tit .desc{gap: 25px;}
            #wrap .bbs_view .view_cont{padding: 45px 55px;}
        }
        @media screen and (max-width:860px){
            #wrap .bbs_view .view_tit{padding: 45px 50px 48px;}
            #wrap .bbs_view .view_tit .desc{gap: 20px;}
            #wrap .bbs_view .view_cont{padding: 40px 50px;}
        }
        @media screen and (max-width:640px){
            #wrap .bbs_view .view_tit{padding: 35px 40px 38px;}
            #wrap .bbs_view .view_tit .desc{gap: 15px;}
            #wrap .bbs_view .view_tit .desc dt{font-size: 130%;}
            #wrap .bbs_view .view_tit .desc dd{font-size: 100%;}
            #wrap .bbs_view .view_cont{padding: 30px 40px;font-size: 100%;}
        }
        @media screen and (max-width:479px){
            #wrap .bbs_view .view_tit{padding: 25px 30px 28px;}
            #wrap .bbs_view .view_tit .desc{gap: 12px;}
            #wrap .bbs_view .view_cont{padding: 25px 30px;}
        }
        @media screen and (max-width:360px){
            #wrap .bbs_view .view_tit{padding: 20px 25px 23px;}
            #wrap .bbs_view .view_tit .desc{gap: 10px;}
            #wrap .bbs_view .view_cont{padding: 20px 25px;}
        }

    /* 갤러리 */
        #wrap .preface_list{display: flex; flex-wrap: wrap; padding: 10px; background: var(--gray-bg02); box-sizing: border-box; border-radius: 60px; margin-bottom: 80px;}
        #wrap .preface_list li{font-size: var(--title-20); width: calc(100% / 4);}
        #wrap .preface_list li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; font-size: 110%; font-weight: 400; color: var(--black-color02); border-radius: 60px; padding: 0 15px; box-sizing: border-box; transition: all 0.4s;}
            #wrap .preface_list li[selected="selected"] a, #wrap .preface_list:not(:has(li[selected="selected"])) li:first-child a{background: var(--point-color02); color: var(--point-white); font-weight: 500;}

        #wrap .list_gallery{position: relative; display: flex; flex-wrap: wrap; box-sizing: border-box; gap: 40px;}
        #wrap .list_gallery > li{position: relative; width: calc(100% / 3 - 26.67px); border-radius: 20px; overflow: hidden; background: var(--gray-bg02); background: var(--gray-bg02); transition: all 0.4s;}
        #wrap .list_gallery .link{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 5;}
        #wrap .list_gallery .thumb{position: relative;display: block;width: 100%;padding-bottom: 68%;overflow: hidden;}
        #wrap .list_gallery .thumb img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
        #wrap .list_gallery .desc{font-size: var(--title-20);padding: 30px 30px 138px;box-sizing: border-box;}
        #wrap .list_gallery .desc dt{font-size: 110%; font-weight: 500; color: var(--black-color02); line-height: 1.63; letter-spacing: -0.03em; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
        #wrap .list_gallery .desc dd{position: absolute;left: 0;bottom:0;width: 100%;padding:30px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 15px;font-size: 100%;font-weight: 400;color: var(--black-color08);}

            /* over */
                @media screen and (min-width:1024px){
                    #wrap .preface_list li a:hover{background: var(--point-color02); color: var(--point-white);}
                    #wrap .list_gallery > li:hover{box-shadow: 0 0 30px rgba(0, 0, 0, 0.20);}
                }

        @media screen and (max-width:1300px){
            #wrap .list_gallery{gap: 30px;}
            #wrap .list_gallery > li{width: calc(100% / 3 - 20px);}
        }
        @media screen and (max-width:1200px){
            #wrap .list_gallery{gap: 20px;}
            #wrap .list_gallery > li{width: calc(100% / 3 - 13.34px);}
        }
        @media screen and (max-width:1023px){
            #wrap .preface_list{margin-bottom: 70px;}

            #wrap .list_gallery{gap: 15px;}
            #wrap .list_gallery > li{width: calc(100% / 3 - 10px);}
        }
        @media screen and (max-width:860px){
            #wrap .preface_list{margin-bottom: 60px;}
            #wrap .preface_list li a{height: 55px;}

            #wrap .list_gallery > li{width: calc(100% / 2 - 7.5px);}
        }
        @media screen and (max-width:640px){
            #wrap .preface_list{margin-bottom: 50px; padding: 5px;}
            #wrap .preface_list li a{height: 50px; font-size: 100%;}

            #wrap .list_gallery > li{border-radius: 10px;}
            #wrap .list_gallery .desc{padding:25px 25px 120px;}
            #wrap .list_gallery .desc dt{font-size: 100%;}
            #wrap .list_gallery .desc dd{padding:25px; font-size: 90%;}
            #wrap .list_gallery .desc dd em{width: 40px;}
        }
        @media screen and (max-width:479px){
            #wrap .preface_list{margin-bottom: 40px; border-radius: 30px;}
            #wrap .preface_list li{width: 50%;}
            #wrap .preface_list li a{border-radius: 30px; height: 45px;}

            #wrap .list_gallery > li{width: 100%;}
            #wrap .list_gallery .desc{padding:25px 25px 100px;}
            #wrap .list_gallery .desc dd em{width:35px;}
        }
        
    /* faq */
        #wrap .list_faq{display: flex;flex-direction: column;gap: 30px;margin: 8px 0 30px;}
        #wrap .list_faq > li{position: relative; border:1px solid var(--border-color01); border-radius: 10px; box-sizing: border-box; box-shadow: 0 0 25.4px rgba(0, 0, 0, 0.10); transition: all 0.4s;}
            #wrap .list_faq > li.on{border-color: var(--point-color02); }
        #wrap .list_faq .desc{font-size: var(--title-20);}
        #wrap .list_faq .desc :where(dt, dd){position: relative;display: flex;color: var(--black-color02);padding: 25px 30px;font-family: var(--font-type02);line-height: 1.7;}
            #wrap .list_faq .desc :where(dt, dd):before{display: inline-flex;align-items: center;justify-content: center;text-align: center;content:'Q';width: 40px;height: 40px;border-radius: 100%;background: var(--point-color02);margin-right: 20px;flex-shrink: 0;font-weight: 400;font-family: var(--font-type01);color: var(--point-white);}
            #wrap .list_faq .desc dd:before{content:'A'; background: var(--point-color01);}
        #wrap .list_faq .desc dt{font-size: 110%;font-weight: 500;color: var(--black-color02);cursor: pointer;padding-right: 100px;}
            #wrap .list_faq .desc dt:after{position: absolute;content:'';width: 9px;height: 9px;border:2px solid var(--trans-color);border-top-color: var(--black-color02);border-right-color: var(--black-color02);top: 55%;right: 35px;transform: translateY(-50%) rotate(-45deg);transition: all 0.4s;border-radius: 2px;}
            #wrap .list_faq > li.on .desc dt:after{transform: translateY(-50%) rotate(-45deg) scale(-1, -1);top: 45%;border-top-color: var(--point-color02);border-right-color: var(--point-color02);}
            #wrap .list_faq .desc dt + dd{box-shadow: inset 0 1px 0 0px var(--border-color01);}
        #wrap .list_faq .desc dd{padding-top: 32px; padding-bottom: 32px; display: none;}

        @media screen and (max-width:860px){
            #wrap .list_faq .desc :where(dt, dd){padding:25px 20px;}
            #wrap .list_faq .desc :where(dt, dd):before{width: 38px; height: 38px; margin-right: 15px;}
            #wrap .list_faq .desc dt{padding-right: 80px;}
            #wrap .list_faq .desc dt:after{right:30px;}
        }
        @media screen and (max-width:640px){
            #wrap .list_faq{margin:0;}
            #wrap .list_faq > li{border-radius: 5px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.10);}
            #wrap .list_faq .desc :where(dt, dd){padding:20px;}
            #wrap .list_faq .desc :where(dt, dd):before{width: 36px; height: 36px;}
            #wrap .list_faq .desc dt{font-size: 100%; padding-right: 70px;}
            #wrap .list_faq .desc dd{font-size: 90%;}
            #wrap .list_faq .desc dt:after{width: 7px; height: 7px; right:25px;}
        }
        @media screen and (max-width:479px){
            #wrap .list_faq .desc :where(dt, dd):before{width: 32px; height: 32px;}
            #wrap .list_faq .desc dt:after{width: 6px; height: 6px; right:20px;}
            #wrap .list_faq .desc dt{padding-right: 55px;}
        }

    /* 작성하기 */
        #wrap #frm .cont{display: flex; flex-direction: column; gap: 160px;}
        #wrap table.bbs_write{position: relative; display: block; width: 100%; box-sizing: border-box; border:0; padding: 0;}
        #wrap table.bbs_write :where(tbody, tr, th, td){display: block; width: 100%; box-sizing: border-box; border:0; padding: 0;}
        #wrap table.bbs_write tbody{display: flex; flex-wrap: wrap; gap: 80px;}
        #wrap table.bbs_write tbody tr{width: calc(100% / 2 - 40px); font-size: var(--title-20); display: flex; flex-direction: column; gap: 28px; font-family: var(--font-type02);}
        #wrap table.bbs_write tbody th{font-size: 110%;font-weight: 500;color: var(--black-color03);letter-spacing: -0.03em;line-height: 1.4;background: none;}
            #wrap table.bbs_write tbody th:after{display: inline-flex;content:'*';color: var(--point-color01);margin-left: 4px;}
        #wrap table.bbs_write tbody td{font-size: 100%; font-weight: 400; color: var(--black-color03); letter-spacing: -0.03em; line-height: 1.4;}
        #wrap table.bbs_write tbody td :where(input[type="text"], input[type="password"], input[type="number"]){border: 1px solid var(--border-color01); background: var(--point-white); width: 100%; min-width: auto; height: 80px; border-radius: 4px; padding:0 20px; font-size: inherit; font-weight: inherit; line-height: normal; color: inherit;}
        #wrap .bbs_title{position: relative; font-size: var(--title-20); padding-bottom: 40px;}
        #wrap .bbs_title h5{font-size: 150%;font-weight: 700;color: var(--black-color03);letter-spacing: -0.03em;line-height: 1.3;}
        #wrap .bbs_title h5:after{display: inline-flex;content:'*';color: var(--point-color01);flex-shrink: 0;margin-left: 4px;}
        #wrap .bbs_write{font-size: var(--title-20);}
        #wrap .bbs_write .radio_list{display: flex; flex-wrap: wrap; gap: 20px; font-size: var(--title-20);}
        #wrap .bbs_write .radio_list input[type="radio"]{display: none;}
        #wrap .bbs_write .radio_list input[type="radio"] + label{display: flex;align-items: center;justify-content: center;text-align: center;height: 60px;padding: 0 23px;border-radius: 30px;font-weight: 400;color: var(--black-color03);letter-spacing: -0.03em;line-height: 1.2;background: var(--gray-bg01);font-family: var(--font-type02); transition: all 0.4s;}
            #wrap .bbs_write .radio_list input[type="radio"]:checked + label{background: var(--point-color02); color: var(--point-white);}
            #wrap .bbs_write .radio_list input[type="radio"] + label:before{display: none;}
        #wrap .bbs_write .chk_list{display: flex; flex-direction: column; gap: 30px;}
        #wrap .bbs_write textarea{width: 100%; height: 300px; border: 1px solid var(--border-color01); border-radius: 20px; background: var(--point-white); padding:20px 25px; box-sizing: border-box; font-size: 100%; font-weight: 400; color: var(--black-color03); letter-spacing: -0.03em; line-height: 1.4;}

        #wrap input[type="checkbox"]{display: none;}
        #wrap input[type="checkbox"] + label{display: inline-flex;font-size: var(--title-20);font-weight: 400;color: var(--black-color03);letter-spacing: -0.03em;line-height: 24px;padding:0;margin:0;cursor: pointer;}
            #wrap input[type="checkbox"] + label:before{display: inline-flex;content:'';width: 24px;height: 24px;background: url('../images/sub/chk_box.svg') no-repeat center / 100% auto;margin: 0 16px 0 0;flex-shrink: 0;}
            #wrap input[type="checkbox"]:checked + label:before{background-image: url('../images/sub/chk_box_on.svg');}
        #wrap input[type="checkbox"] + label em{color: var(--point-color02);text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 2px;font-weight: inherit;}

        #wrap .policy_cont{ text-align: center; margin-top: 60px; font-size: var(--title-20);}
        #wrap .policy_cont input[type="checkbox"] + label{font-size: 110%; font-weight: 500;}
        #wrap .policy_cont input[type="checkbox"]:not(:checked) + label:before{background-image: url('../images/sub/chk_box_point.svg');}

        @media screen and (max-width:1400px){
            #wrap #frm .cont{gap: 11.3vw;}
            #wrap table.bbs_write tbody{gap: 5.6vw;}
            #wrap table.bbs_write tbody tr{width: calc(100% / 2 - 2.8vw); gap: 2vw;}
        }
        @media screen and (max-width:1023px){
            #wrap table.bbs_write tbody td :where(input[type="text"], input[type="password"], input[type="number"]){height: 75px;}
            #wrap .bbs_title{padding-bottom: 35px;}
            #wrap .bbs_write .radio_list{gap: 15px;}
            #wrap .bbs_write .radio_list input[type="radio"] + label{height: 55px;}
            #wrap .bbs_write textarea{height: 280px;}
            #wrap .bbs_write .chk_list{gap: 25px;}
            #wrap .policy_cont{margin-top: 55px;}
        }
        @media screen and (max-width:860px){
            #wrap table.bbs_write tbody td :where(input[type="text"], input[type="password"], input[type="number"]){height: 70px; padding:0 15px;}
            #wrap .bbs_title{padding-bottom: 30px;}
            #wrap .bbs_write textarea{height: 260px;}
            #wrap .bbs_write .chk_list{gap: 20px;}
            #wrap .policy_cont{margin-top: 50px;}
        }
        @media screen and (max-width:640px){
            #wrap #frm .cont{gap: 70px;}
            #wrap table.bbs_write tbody{gap: 35px;}
            #wrap table.bbs_write tbody tr{gap: 12px;}
            #wrap table.bbs_write tbody tr{width: 100%;}
            #wrap table.bbs_write tbody td :where(input[type="text"], input[type="password"], input[type="number"]){height: 65px;}
            #wrap .bbs_title{padding-bottom: 25px;}
            #wrap .bbs_write .radio_list input[type="radio"] + label{height: 50px;}
            #wrap .bbs_write textarea{height: 240px; border-radius: 10px;}
            #wrap .bbs_write .chk_list{gap: 15px;}
            #wrap .policy_cont{margin-top: 45px;}
            
            #wrap input[type="checkbox"] + label:before{width: 20px; height: 20px; margin-right: 10px;}
            #wrap input[type="checkbox"] + label{line-height: 20px;}
        }
        @media screen and (max-width:479px){
            #wrap table.bbs_write tbody{gap: 30px;}
            #wrap table.bbs_write tbody td :where(input[type="text"], input[type="password"], input[type="number"]){height: 60px;}
            #wrap .bbs_title{padding-bottom: 20px;}
            #wrap .bbs_write .radio_list{gap: 10px;}
            #wrap .bbs_write .radio_list input[type="radio"] + label{height: 45px;}
            #wrap .bbs_write textarea{height: 200px;}
            #wrap .policy_cont{margin-top: 40px;}
        }
        @media screen and (max-width:431px){
            #wrap table.bbs_write tbody td :where(input[type="text"], input[type="password"], input[type="number"]){height: 55px;}
        }
/*───────────────────────────────────────────────────────────
	Goods
───────────────────────────────────────────────────────────*/
    /* 리스트 */
        #wrap .goods_list{display: flex; flex-wrap: wrap;}
        #wrap .goods_list > li{position: relative; width: calc(100% / 3);}
        #wrap .goods_list .link{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 5;}
        #wrap .goods_list .thumb{position: relative; width: 100%; padding-bottom: 466.6px; box-sizing: border-box; overflow: hidden;}
        #wrap .goods_list .thumb img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
        #wrap .goods_list .cont{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(12, 35, 135, 0.95);padding: 50px;font-size: var(--title-20);font-family: var(--font-type02);color: var(--point-white);box-sizing: border-box;display: flex;flex-direction: column;gap: 28px; opacity: 0; transition: all 0.4s;}
        #wrap .goods_list .type{font-size: 100%;font-weight: 300;letter-spacing: 0;line-height: 1.4;font-family: var(--font-type01);}
        #wrap .goods_list .desc{display: flex;flex-direction:column;gap: 8px;}
        #wrap .goods_list .desc dt{font-size: 180%; font-weight: 600; letter-spacing: -0.03em; line-height: 1.3; }
        #wrap .goods_list .desc dd{font-size: 90%; font-weight: 300; letter-spacing: -0.03em; line-height: 1.66; }
        #wrap .goods_list .tag{position: absolute;left: 0;bottom:0;padding: 0 50px 46px;width: 100%;box-sizing: border-box;font-size: 90%;font-weight: 300;line-height: 1.66;}

            /* over */
                @media screen and (min-width:1024px){
                    #wrap .goods_list > li:hover .cont{opacity: 1;}
                }

        @media screen and (max-width:1023px){
            #wrap .goods_list .thumb{padding-bottom: 100%;}
        }
        @media screen and (max-width:640px){
            #wrap .goods_list > li{width: calc(100% / 2);}
        }
        @media screen and (max-width:360px){
            #wrap .goods_list > li{width:100%;}
        }

    /* 뷰 */
        #wrap:has(.goods_view) .nav_wrap{display: none;}
        #wrap:has(.goods_view) #contents_wrap{width: 100%; max-width: 100%;}

        #wrap .gd_visual{position: relative; height: 940px; overflow: hidden; display: flex; align-items: flex-end;}
        #wrap .gd_visual .thumb{position: absolute; top:0; left:0; width: 100%; height: 100%;}
            #wrap .gd_visual .thumb:before{position: absolute;content:'';width: 100%;height: 100%;top:0;left:0;opacity: 0.8;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, #000 98%);}
        #wrap .gd_visual .thumb img{width: 100%; height: 100%; object-fit: cover;}
        #wrap .gd_visual .cont{position: relative; font-size: var(--title-20); color: var(--point-white); z-index: 3; padding: 0 0 140px; display: flex; flex-direction: column; gap: 40px;}
        #wrap .gd_visual .title_desc{display: flex; align-items: center; font-family: var(--font-type02);}
        #wrap .gd_visual .title_desc dt{font-size: 250%; font-weight: 500; line-height: 1.4; letter-spacing: -0.03em; width: 49.5%; padding-right: 30px; box-sizing: border-box;} 
        #wrap .gd_visual .title_desc dd{font-size: 90%; font-weight: 400; line-height: 1.78; width: 50.5%;}
        #wrap .gd_visual .exp{display: flex;flex-direction: column;gap: 18px;}
        #wrap .gd_visual .exp_desc{display: flex;}
        #wrap .gd_visual .exp_desc :where(dt, dd){font-size: 90%;}
        #wrap .gd_visual .exp_desc dt{width: 90px; flex-shrink: 0; font-weight: 500;}
        #wrap .gd_visual .exp_desc dd{font-size: 400; opacity: 0.8;}
        #wrap .gd_detail{padding:160px 0 200px;}
        #wrap .gd_detail .w_custom{padding:0 100px;display: flex;flex-direction: column;gap: 61px;}
        #wrap .gd_detail .cont_desc{font-size: var(--title-20);font-family: var(--font-type02);display: flex;flex-direction: column;gap: 40px;}
        #wrap .gd_detail .cont_desc dt{font-size: 150%; font-weight: 500; color: var(--black-color02); line-height: 1.53; letter-spacing: -0.03em;}
        #wrap .gd_detail .cont_desc dd{font-size: 90%; font-weight: 400; color: var(--black-color02); line-height: 1.66; letter-spacing: -0.03em;}
        #wrap .gd_detail .add_list{display: flex; flex-wrap: wrap; gap: 60px;}
        #wrap .gd_detail .add_list > li{width: calc(100% / 3 - 40px); box-sizing: border-box;}
        #wrap .gd_detail .add_list .desc{font-size: var(--title-20);display: flex;flex-direction: column;gap: 26px;}
        #wrap .gd_detail .add_list .desc dt{display: flex;align-items: center;height: 80px;border-bottom: 2px solid var(--black-color02);box-sizing: border-box;font-size: 140%;font-weight: 600;color: var(--black-color02);}
		#wrap .gd_detail .add_list .desc dt span{display:flex;gap: 10px;letter-spacing: 0;}
            #wrap .gd_detail .add_list .desc dt span:after{display: inline-flex; content:''; width: 8px; height: 8px; background: var(--point-color01); flex-shrink: 0; border-radius: 100%;}
        #wrap .gd_detail .add_list .desc dd{font-size: 100%;font-weight: 500;color: var(--black-color02);line-height: 1.5;opacity: 0.8;font-family: var(--font-type02);}
        #wrap .gd_thumb .sec01{position: relative; padding: 200px 0;}
            #wrap .gd_thumb .sec01:before{position: absolute; content:''; width: 40%; height: 100%; background: var(--gray-bg03); top:0; left:0;}
        #wrap .gd_thumb .sec01 .w_custom{display: flex;}
        #wrap .gd_thumb .sec01 .thumb_big{position: relative;width: 55.7%;font-size: 0;border-radius: 20px;padding-bottom: 67.14%;box-shadow: 30px 30px 50px rgba(0, 0, 0, 0.25);overflow: hidden;}
        #wrap .gd_thumb .sec01 .thumb_big img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
        #wrap .gd_thumb .sec01 .exp{display: flex;flex-direction: column;justify-content: space-between;gap: 30px;width: 44.3%;padding-left: 100px;box-sizing: border-box;}
        #wrap .gd_thumb .sec01 .desc{font-size: var(--title-20);display: flex;flex-direction: column;gap: 33px;}
        #wrap .gd_thumb .sec01 .desc dt{font-size: 90%; font-weight: 400; color: var(--black-color06); line-height: 1.6; letter-spacing: -0.03em;}
        #wrap .gd_thumb .sec01 .desc dd{font-size: 150%; font-weight: 500; color: var(--black-color02); line-height: 1.53; letter-spacing: -0.03em;}
        #wrap .gd_thumb .sec01 .thumb_sm{position: relative;width: 100%;font-size: 0;border-radius: 20px;padding-bottom: 115.3%;box-shadow: -30px 30px 50px rgba(0, 0, 0, 0.25);overflow: hidden;}
        #wrap .gd_thumb .sec01 .thumb_sm img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
        
        #wrap .gd_thumb .sec02{position: relative; padding: 200px 0;}
            #wrap .gd_thumb .sec02:before{position: absolute; content:''; width: 100%; height: 400px; background: var(--point-color03); left:0; bottom:0;}
        #wrap .gd_thumb .sec02 .w_custom{display: flex; flex-direction: column; gap: 140px;}
        #wrap .gd_thumb .sec02 .top_sec{display: flex; align-items: flex-end;}
        #wrap .gd_thumb .sec02 .desc{width: 47.1%;display: flex;flex-direction: column;gap: 30px;font-size: var(--title-20);padding: 0 120px 42px 0;box-sizing: border-box;} 
        #wrap .gd_thumb .sec02 .desc dt{font-size: 200%; font-weight: 500; color: var(--black-color02); line-height: 1.35; letter-spacing: -0.03em;} 
        #wrap .gd_thumb .sec02 .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color06); line-height: 1.66; letter-spacing: -0.03em;} 
        #wrap .gd_thumb .sec02 .thumb{width: 52.9%;}
        #wrap .gd_thumb .sec02 .thumb span{position: relative;display: block;width: calc(100% + 260px);padding-bottom: 97.2%;overflow: hidden;border-radius: 20px 0 0 20px;box-shadow: -30px 30px 50px rgba(0, 0, 0, 0.25);}
        #wrap .gd_thumb .sec02 .thumb span img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
        #wrap .gd_thumb .sec02 .img_list{display: flex; flex-wrap: wrap; gap: 40px;}
        #wrap .gd_thumb .sec02 .img_list > li{position: relative;width: calc(100% / 3 - 26.67px);padding-bottom: 37.14%;border-radius: 20px;box-shadow: -30px 30px 50px 0px rgba(0, 0, 0, 0.25);overflow: hidden;}
        #wrap .gd_thumb .sec02 .img_list > li img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit:cover;}
        #wrap .gd_thumb .sec03{padding: 160px 0 0;}
        #wrap .gd_thumb .sec03 .copy{position: relative;font-size: var(--title-20);text-align: center;margin-bottom: 260px;}
        #wrap .gd_thumb .sec03 .copy h2{font-size: 600%;font-weight: 500;color: var(--border-color01);line-height: 1;font-family: var(--font-type02);letter-spacing: 0.15em;}
        #wrap .gd_thumb .sec03 .thumb_wrap{position: relative; padding:0 100px; box-sizing: border-box;}
            #wrap .gd_thumb .sec03 .thumb_wrap:before{position: absolute;content:'';width: 100%;height: 100%;background:var(--point-color02);top:-100px;left:0;border-radius: 20px;}
        #wrap .gd_thumb .sec03 .thumb{position: relative;padding-bottom: 58.3%;border-radius: 20px;box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);overflow: hidden;}
        #wrap .gd_thumb .sec03 .thumb img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
        #wrap .gd_thumb .sec03 .img_list{display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; padding:0 100px;}
        #wrap .gd_thumb .sec03 .img_list > li{position: relative;width: calc(100% / 3 - 20px);padding-bottom: 21.65%;border-radius: 20px;overflow: hidden;box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);}
        #wrap .gd_thumb .sec03 .img_list > li img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit:cover;}

        @media screen and (max-width:1480px){
            #wrap .gd_thumb .sec03 .copy{margin-bottom: 18.5vw;}
            #wrap .gd_thumb .sec03 .copy h2{font-size: 8vw; }
        }
        @media screen and (max-width:1400px){
            #wrap .gd_detail .w_custom, #wrap .gd_thumb .sec03 :is(.thumb_wrap, .img_list){padding: 0 7vw;}

            #wrap .gd_thumb .sec01 .exp{padding-left: 7vw;}

            #wrap .gd_thumb .sec02 .desc{padding: 0 6vw 3vw 0;}
            #wrap .gd_thumb .sec02 .w_custom{gap: 10vw;}
        }
        @media screen and (max-width:1023px){
            #wrap .gd_visual{height: 91.7vw; min-height: 700px;}
            #wrap .gd_visual .cont{padding-bottom: 13.5vw;}

            #wrap .gd_detail{padding:140px 0 180px;}
            #wrap .gd_detail .w_custom{gap: 50px;}
            #wrap .gd_detail .cont_desc{gap: 35px;}
            #wrap .gd_detail .add_list{gap: 50px;}
            #wrap .gd_detail .add_list > li{width: calc(100% / 3 - 33.34px);}

            #wrap .gd_thumb .sec01{padding:170px 0;}
            #wrap .gd_thumb .sec01 .desc{gap: 28px;}

            #wrap .gd_thumb .sec02{padding: 170px 0;}
                #wrap .gd_thumb .sec02:before{height: 39vw; min-height: 100px;}
            #wrap .gd_thumb .sec02 .desc{gap: 25px;}
            #wrap .gd_thumb .sec02 .img_list{gap: 30px;}
            #wrap .gd_thumb .sec02 .img_list > li{width: calc(100% / 3 - 20px);}

            #wrap .gd_thumb .sec03{padding-top: 140px;}
            #wrap .gd_thumb .sec03 .thumb_wrap:before{top: -9vw;}
            #wrap .gd_thumb .sec03 .img_list{margin-top: 30px; gap: 20px;}
            #wrap .gd_thumb .sec03 .img_list > li{width: calc(100% / 3 - 13.34px);}
        }
        @media screen and (max-width:860px){
            #wrap .gd_visual .cont{gap: 30px;}
            #wrap .gd_visual .title_desc{flex-direction: column; gap: 30px;}
            #wrap .gd_visual .title_desc :is(dt, dd){width: 100%;}
            #wrap .gd_visual .title_desc dt{padding-right: 0;}

            #wrap .gd_detail{padding:120px 0 160px;}
            #wrap .gd_detail .w_custom{gap: 40px;}
            #wrap .gd_detail .cont_desc{gap: 30px;}
            #wrap .gd_detail .add_list{gap: 40px;}
            #wrap .gd_detail .add_list > li{width: calc(100% / 3 - 26.67px);}
            #wrap .gd_detail .add_list .desc{gap: 20px;}
            #wrap .gd_detail .add_list .desc dt{height: 70px;}

            #wrap .gd_thumb .sec01{padding:140px 0;}
            #wrap .gd_thumb .sec01 .desc{gap: 23px;}

            #wrap .gd_thumb .sec02{padding: 140px 0;}
            #wrap .gd_thumb .sec02 .top_sec{flex-direction: column; gap: 40px;}
            #wrap .gd_thumb .sec02 :is(.desc, .thumb){width: 100%;}
            #wrap .gd_thumb .sec02 .desc{padding: 0; gap: 20px;}
            #wrap .gd_thumb .sec02 .thumb span{width: 100%; border-radius: 20px;}
            #wrap .gd_thumb .sec02 .img_list{gap: 20px;}
            #wrap .gd_thumb .sec02 .img_list > li{width: calc(100% / 3 - 13.34px);}

            #wrap .gd_thumb .sec03{padding-top: 120px;}
            #wrap .gd_thumb .sec03 .img_list{margin-top: 20px; gap: 15px;}
            #wrap .gd_thumb .sec03 .img_list > li{width: calc(100% / 3 - 10px);}
        }
        @media screen and (max-width:640px){
            #wrap .gd_visual .cont{gap: 20px;}
            #wrap .gd_visual .title_desc{gap: 20px;}
            #wrap .gd_visual .exp{gap: 13px;}
            #wrap .gd_visual .exp_desc dt{width: 80px;}

            #wrap .gd_detail{padding:100px 0 140px;}
            #wrap .gd_detail .w_custom{gap: 30px;}
            #wrap .gd_detail .cont_desc{gap: 25px;}
            #wrap .gd_detail .add_list{gap: 30px;}
            #wrap .gd_detail .add_list > li{width: calc(100% / 3 - 20px);}
            #wrap .gd_detail .add_list .desc{gap: 15px;}
            #wrap .gd_detail .add_list .desc dt{height: 60px; font-size: 130%;}
            #wrap .gd_detail .add_list .desc dt span{gap: 5px;}
                #wrap .gd_detail .add_list .desc dt span:after{width: 6px; height: 6px;}
            #wrap .gd_detail .add_list .desc dd{font-size: 95%;}

            #wrap .gd_thumb .sec01{padding:100px 0;}
            #wrap .gd_thumb .sec01 .thumb_big{border-radius: 10px; box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.25);}
            #wrap .gd_thumb .sec01 .thumb_sm{border-radius: 10px; box-shadow: -15px 15px 25px rgba(0, 0, 0, 0.25);}
            #wrap .gd_thumb .sec01 .w_custom{flex-direction: column; gap: 50px;}
            #wrap .gd_thumb .sec01 :is(.thumb_big, .exp){width: 100%;}
            #wrap .gd_thumb .sec01 .exp{padding-left: 0; gap: 20px;}
            #wrap .gd_thumb .sec01 .desc{gap: 18px;}

            #wrap .gd_thumb .sec02{padding: 100px 0;}
            #wrap .gd_thumb .sec02 .top_sec{gap: 30px;}
            #wrap .gd_thumb .sec02 .desc{gap: 15px;}
            #wrap .gd_thumb .sec02 .desc dt{font-size: 180%;}
            #wrap .gd_thumb .sec02 .thumb span{border-radius: 10px; box-shadow: -15px 15px 25px rgba(0, 0, 0, 0.25);}
            #wrap .gd_thumb .sec02 .img_list{gap: 15px;}
            #wrap .gd_thumb .sec02 .img_list > li{width: calc(100% / 2 - 7.5px); border-radius: 10px;}

            #wrap .gd_thumb .sec03{padding-top: 100px;}
            #wrap .gd_thumb .sec03 .thumb_wrap:before{border-radius: 10px;}
            #wrap .gd_thumb .sec03 .thumb{border-radius: 10px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);}
            #wrap .gd_thumb .sec03 .img_list{margin-top: 15px;}
            #wrap .gd_thumb .sec03 .img_list > li{width: calc(100% / 2 - 7.5px); border-radius: 10px; padding-bottom: 30%;}
        }
        @media screen and (max-width:479px){
            #wrap .gd_visual .title_desc{gap: 15px;}
            #wrap .gd_visual .title_desc dt{font-size: 220%;}
            #wrap .gd_visual .title_desc dd{font-size: 85%;}

            #wrap .gd_detail{padding:70px 0 100px;}
            #wrap .gd_detail .w_custom{gap: 20px;}
            #wrap .gd_detail .cont_desc{gap: 20px;}
            #wrap .gd_detail .add_list{gap: 20px;}
            #wrap .gd_detail .add_list > li{width: 100%;}
            #wrap .gd_detail .add_list .desc dt{height: auto; padding:15px 0;}

            #wrap .gd_thumb .sec01{padding:70px 0;}
            #wrap .gd_thumb .sec01 .w_custom{gap: 40px;}
            #wrap .gd_thumb .sec01 .exp{gap: 15px;}
            #wrap .gd_thumb .sec01 .desc{gap: 13px;}

            #wrap .gd_thumb .sec02{padding: 70px 0;}
            #wrap .gd_thumb .sec02 .top_sec{gap: 20px;}
            #wrap .gd_thumb .sec02 .desc{gap: 10px;}

            #wrap .gd_thumb .sec03{padding-top: 70px;}
            #wrap .gd_thumb .sec03 .img_list > li{width: 100%; padding-bottom: 40%;}
        }
        @media screen and (max-width:360px){
            #wrap .gd_thumb .sec02 .img_list > li{width: 100%;}
        }