@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 {font-weight:600;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-flex;align-items: center;justify-content: center;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;line-height: 1.4;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
		.btn {width: 160px;height: 64px;font-size: var(--title-20);}
		.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 !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
			/* button 색상별 */
		.btn_point, .btn_point:hover {border-color: var(--point-color01) !important;background-color: var(--point-color01) !important;color: var(--white-color01) !important;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
			/* button wrapper */
		.btn_wrap {margin:0 auto;padding:0;padding-top: 60px;font-size:0;vertical-align:top;display:inline-block;}
		.btn_wrap.ta_center {width:100%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:12px;vertical-align:top;}
		.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

	@media only screen and (max-width:1023px) {
			/* button wrapper */
		.btn_wrap {padding-top:60px;}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
        .btn {width: 140px;height: 60px}
	}
    @media screen and (max-width:860px) {
        .btn {width: 130px;height: 55px}
    }
	@media screen and (max-width:640px) {
			/* button wrapper */
        .btn_wrap {padding-top:50px;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:8px;}
        .btn {width: 120px;height: 50px}
	}
	@media screen and (max-width:479px) {
			/* button 크기별 */
		.btn_wd {font-size:16px;}
        .btn {width: 100px;height: 45px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
			/* button wrapper */
        .btn_wrap {padding-top:40px;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:6px;}
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media screen and (max-width:320px) {
		.btn_md {width:44px;font-size:12px;}
	}


/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
    #contents_wrap:has(.full_sec){width: 100%; max-width: 100%;}
    .grayBg{background: var(--gray-bg);}
    .pointBg{background: var(--point-color04);}

    /* 서브 비주얼 */
        .sub_visual{position: relative;background: no-repeat center;background-size: cover;height: 480px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;text-align: center;padding-top: 13px; font-family: var(--font-type02);}
        .sub_visual :is(h2, h5){filter: var(--filter-white);}
        .sub_visual h5{font-size: 120%; font-weight: 500; line-height: 1.4;}
            .sub_visual h5 + h2{margin-top: 28px;}

        @media screen and (max-width:1023px) {
            .sub_visual{height: 47vw; min-height: 300px;}
        }
    
    /* 타이틀 */
        .sub_title{position: relative; font-size: var(--title-20); box-sizing: border-box}
            .sub_title.cen{text-align: center;}
            .sub_title.hd{margin-bottom: 78px;}
        .sub_title h2{font-size: 300%; font-weight: 600; letter-spacing:var(--font-letter04); line-height: 1.2; color: var(--point-color01);}
        .sub_title h3{font-size: 250%; font-weight: 500; color: var(--point-color01); letter-spacing: var(--font-letter03);line-height: 1.25;}
            .sub_title h3 + h6{margin-top: 39px;}
        .sub_title h4{font-size: 190%;font-weight: 500;color: var(--black-color00);letter-spacing: var(--font-letter03);line-height: 1.47;}
        .sub_title h5{font-size: 120%; font-weight: 600; line-height: 1.4; color: var(--point-color02);}
            .sub_title h5 + h2{margin-top: 28px;}
        .sub_title h6{font-size: inherit; font-weight: 400; line-height: 1.7; color: var(--black-color06); letter-spacing:var(--font-letter04);}
            .sub_title h6 + h6{margin-top: 31px;}
        .sub_title h6 strong{font-weight: 500; color: var(--point-color01);}
        .sub_title h6 big{font-size: 110%;color: var(--black-color05);line-height: 1.63;letter-spacing: -0.02em;}

        @media screen and (max-width:860px) {
            .sub_title.hd{margin-bottom: 68px;}
            .sub_title h2{font-size: 280%;}
            .sub_title h3{font-size: 240%;}
                .sub_title h3 + h6{margin-top:34px;}
            .sub_title h4{font-size: 180%;}
            .sub_title h5{font-size: 110%;}
                .sub_title h5 + h2{margin-top: 23px;}
            .sub_title h6{font-size: 95%;}
                .sub_title h6 + h6{margin-top: 26px;}
        }
        @media screen and (max-width:640px) {
            .sub_title.hd{margin-bottom: 58px;}
            .sub_title h2{font-size: 260%;}
            .sub_title h3{font-size: 230%;}
                .sub_title h3 + h6{margin-top:29px;}
            .sub_title h4{font-size: 170%;}
            .sub_title h5{font-size: 100%;}
                .sub_title h5 + h2{margin-top: 18px;}
            .sub_title h6{font-size: 90%;}
                .sub_title h6 + h6{margin-top: 21px;}
        }
        @media screen and (max-width:479px) {
            .sub_title.hd{margin-bottom: 48px;}
            .sub_title h2{font-size: 240%;}
            .sub_title h3{font-size: 220%;}
                .sub_title h3 + h6{margin-top:24px;}
            .sub_title h4{font-size: 160%;}
            .sub_title h5{font-size: 90%;}
            .sub_title h6{font-size: 85%;}
                .sub_title h6 + h6{margin-top: 16px;}
        }
    
    /* 서브 메뉴 */
        #side_box{border-bottom: 1px solid var(--border-color02);}
        #side_box:not(:has(dl dd:nth-child(3))){display: none;}
        #side_box dl{display: flex; justify-content: center; text-align: center; gap:0 60px; flex-wrap: wrap; }
        #side_box dl dt{display: none;}
        #side_box dl dd{font-size: var(--title-20);box-sizing: border-box;display: inline-flex;align-items: center;gap: 0 60px;}
            #side_box dl dd + dd:before{display: inline-flex; content:''; width: 6px; height: 6px; background: var(--border-color01); border-radius: 100%;} 
        #side_box dl dd a{position: relative; display:flex; align-items: center; height: 69px; font-size: 110%; font-weight: 400; color: var(--black-color07); letter-spacing: var(--font-letter03); box-sizing: border-box; transition: all 0.4s;}
            #side_box dl dd a:before{position: absolute; content:''; width:0; height: 3px; background: var(--point-color01); left:50%; bottom:-1px; transform: translate(-50%); transition: all 0.4s;}
            #side_box dl dd.on a{color: var(--point-color01); font-weight: 500;}
            #side_box dl dd.on a:before{width: 100%;}

        /* over */
            @media screen and (min-width:1024px) {
                #side_box dl dd a:hover{color: var(--point-color01);}
                #side_box dl dd a:hover:before{width: 100%;}
            }
            
        @media screen and (max-width:1023px) {
            #side_box :is(dl, dl dd){gap:0 5.5vw}
        }
        @media screen and (max-width:860px) {
            #side_box dl dd a{font-size: 100%;}
        }
        @media screen and (max-width:640px) {
            #side_box dl dd + dd:before{width: 5px; height: 5px;}
            #side_box dl dd a{font-size: 100%; height: 65px;}
        }
        @media screen and (max-width:479px) {
            #side_box dl dd a{font-size: 95%; height: 60px;}
        }
    
    /* 서브 네비 */
        .nav_wrap{padding: 80px 0 67px;}
        .nav_wrap .sub_title{font-family: var(--font-type02);}
        .nav_wrap .sub_title h5 + h2{padding-top: 0.5vw;}

        @media screen and (max-width:860px) {
            .nav_wrap{padding: 70px 0 57px;}
        }
        @media screen and (max-width:640px) {
            .nav_wrap{padding: 60px 0 47px;}
        }
        @media screen and (max-width:479px) {
            .nav_wrap{padding: 50px 0 37px;}
        }

/*───────────────────────────────────────────────────────────
	company
───────────────────────────────────────────────────────────*/
    /* 재단소개 */
        #contents_wrap:has(.sub_about){padding-bottom: 0;}
        .sub_intro{padding: 20px 0 120px;}
            .sub_ceo .sub_intro{padding-bottom: 0;}
        .sub_intro .cont{display: flex;}
        .sub_intro .info{width: 46.5%; padding-right: 30px;}
        .sub_intro .exp{width: 53.5%;}
        .sub_intro .sign{display: flex; flex-wrap: wrap; align-items: center; font-size: var(--title-20); gap:10px 20px; margin-top:58px;}
        .sub_intro .sign dt{font-size: 110%; font-weight: 400; color: var(--black-color00); letter-spacing: -0.03em;}
        .sub_intro .sign dd{font-size: 170%; font-weight: 600; color: var(--point-color01); letter-spacing: -0.03em; font-family: var(--font-type02);}

        .achievements{padding: 118px 0 150px;}
        .achievements .cont{display: flex; gap:30px 90px;}
        .achievements .thumb{font-size: 0; width: 40%;}
        .achievements .past_list{width: calc(60% - 90px);margin-top: -0.1vw;}
        .achievements .past_list .desc{position: relative ; font-size: var(--title-20); padding-left: 60px; box-sizing: border-box; display: flex;}
            .achievements .past_list .desc:not(:last-child){padding-bottom: 26px;}
            .achievements .past_list .desc:not(:last-child):before{position: absolute;content:'';width: 1px;height:100%;top: 18px;left:4px;background: var(--border-color02);}
            .achievements .past_list .desc:after{position: absolute;content:'';width: 10px;height: 10px;background: var(--point-color02);border-radius: 100%;top: 13px;left:0;}
        .achievements .past_list .desc dt{font-size: 120%; font-weight: 500; color: var(--point-color01); line-height: 1.4; width: 144px; font-family: var(--font-type02);}
            .achievements .past_list .desc dt + dd{width: calc(100% - 144px);}
        .achievements .past_list .desc dd{font-size: inherit; font-weight: 400; color: var(--black-color06); line-height: 1.7;}

        @media screen and (max-width:1480px) {
            .achievements .cont{gap:40px 6vw;}
        }
        @media screen and (max-width:1023px) {
            .achievements .past_list .desc{padding-left: 50px;}
            .achievements .past_list .desc dt{width: 120px;}
                .achievements .past_list .desc dt + dd{width: calc(100% - 120px);}
        }
        @media screen and (max-width:860px) {
            .sub_intro .cont{flex-direction: column; gap: 30px;}
            .sub_intro .info{width: 100%; padding-right:0;}
            .sub_intro .exp{width: 100%;}
            .sub_intro .sign{margin-top:53px;}

            .achievements .cont{flex-direction: column;}
            .achievements .thumb{width: 100%;}
            .achievements .past_list{width: 100%;}
            .achievements .past_list .desc{padding-left: 40px;}
                .achievements .past_list .desc:not(:last-child):before{top:16px;}
                .achievements .past_list .desc:after{top:11px;}
        }
        @media screen and (max-width:640px) {
            .sub_intro .cont{gap: 25px;}
            .sub_intro .sign{margin-top:48px;}

            .achievements{padding:100px 0 120px;}
            .achievements .past_list .desc:not(:last-child):before{left: 3px;}
                .achievements .past_list .desc:after{width: 8px; height: 8px; }
            .achievements .past_list .desc dt + dd{padding-top: 4px;}
            .achievements .past_list .desc dd{font-size: 90%;}
        }
        @media screen and (max-width:479px) {
            .sub_intro .cont{gap: 20px;}
            .sub_intro .sign{margin-top:43px;}

            .achievements{padding:70px 0 100px;}
            .achievements .past_list .desc{padding-left: 35px;}
                .achievements .past_list .desc:not(:last-child){padding-bottom: 21px;}
            .achievements .past_list .desc dt{width: 100px;}
                .achievements .past_list .desc dt + dd{width: calc(100% - 100px);}
        }

    /* 연혁 */
        .sub_tab{display: flex;font-size: var(--title-20);margin-bottom: 68px;}
        .sub_tab > li{display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;height: 70px;font-size: 120%;font-weight: 600;font-family: var(--font-type02);color: var(--black-color08);background: var(--gray-bg);padding: 0 10px; border:1px solid var(--border-color01); box-sizing: border-box;cursor: pointer;transition: all 0.4s;}
            .sub_tab > li + li{margin-left:-1px;}
            .sub_tab > li.on{background: var(--point-color01); border-color: var(--point-color01); color: var(--white-color01); z-index: 9;}

            /* over */
            .sub_tab > li:hover{background: var(--point-color01); border-color: var(--point-color01); color: var(--white-color01); z-index: 8;}

        .tab_conts > .item{height: 0; overflow: hidden; opacity: 0; transition: all 0.4s;}
        .tab_conts > .item.on{height: auto; overflow: visible; opacity: 1;}

        #contents_wrap:has(.sub_history):before{position: absolute;content:'Sull Won Ryang Cultural Foundation';font-size: 80px;font-weight: 900;color: var(--black-color05);font-family: var(--font-type02);left:50%;bottom:0;transform: translateX(-50%);width: max-content;opacity: 0.1;line-height: 1.4;}
        .sub_history{position: relative; padding-bottom: 100px;}
        .sub_history .his_list{position: relative;}
            .sub_history .his_list:before{position: absolute; content:''; width: 252px; height: 293px; background: url('../images/sub/sub_history_symbol.png') no-repeat center; background-size: auto 100%; top:10%; left:50%; transform: translateX(-50%);}
        .sub_history .his_list > li{position: relative; width: 50%; margin-left: auto; box-sizing: border-box; font-size: var(--title-20); padding-left: 60px;}
            .sub_history .his_list > li:not(:last-child):before{position: absolute;content:'';width: 1px;   height: 100%;top: 25px;left:0;background: var(--border-color02);}
            .sub_history .his_list > li:after{position: absolute;content:'';width:10px;height: 10px;background: var(--point-color02);border-radius: 100%;box-sizing: border-box;top: 20px;left:-5px;box-shadow: 0 0 0px 5px rgba(170, 155, 144, 0.2);}
            .sub_history .his_list > li:not(:last-child){padding-bottom: 51px;}
        .sub_history .his_list .year{display: block; font-size: 200%; font-weight: 500; font-family: var(--font-type02); color: var(--point-color01); line-height: 1.25; }
            .sub_history .his_list .year + .desc{margin-top: 38px;}
        .sub_history .his_list .desc{font-size: var(--title-20); display: flex;}
            .sub_history .his_list .desc + .desc{margin-top:27px}
        .sub_history .his_list .desc dt{width: 57px;font-size: 120%;font-weight: 500;color: var(--black-color03);font-family: var(--font-type02);line-height: 1.4;padding-right: 10px;box-sizing: border-box;}
            .sub_history .his_list .desc dt + dd{width: calc(100% - 57px); padding-top: 2px;}  
        .sub_history .his_list .desc dd{font-size: inherit;font-weight: 400;color: var(--black-color06);line-height: 1.7;box-sizing: border-box;}
        .sub_history .his_list .desc dd span{display: block;}
            .sub_history .his_list .desc dd span + span{margin-top: 15px;}

            /* 반대방향 */
                .sub_history .his_list > li:nth-child(even){margin-left:0; margin-right:auto; text-align: right; padding-left: 0; padding-right: 60px;}
                .sub_history .his_list > li:nth-child(even):before{left:auto; right:0;}
                .sub_history .his_list > li:nth-child(even):after{left:auto; right:-5px}
                .sub_history .his_list > li:nth-child(even) .desc{flex-direction: row-reverse;}
                .sub_history .his_list > li:nth-child(even) .desc dt{padding-right: 0; padding-left: 10px;}

        @media screen and (max-width:1600px) {
            #contents_wrap:has(.sub_history):before{font-size:5vw}
        }
        @media screen and (max-width:1023px) {
            .sub_history .his_list:before{width: 25vw;height: 28.6vw;min-width: 150px;min-height: 150px;}
        }
        @media screen and (max-width:860px) {
            .sub_tab{margin-bottom: 63px;}
            .sub_tab > li{font-size: 110%;}
            .sub_history .his_list > li{padding-left: 50px;}
                .sub_history .his_list > li:nth-child(even){padding-right: 50px;}
                .sub_history .his_list > li:not(:last-child){padding-bottom: 45px;}
            .sub_history .his_list .year{font-size: 190%;}
                .sub_history .his_list .year + .desc{margin-top:33px;}
            .sub_history .his_list .desc + .desc{margin-top:22px;}
            .sub_history .his_list .desc dt{width: 52px; font-size:110%;}
                .sub_history .his_list .desc dt + dd{width: calc(100% - 52px);}
            .sub_history .his_list .desc dd{font-size: 90%;}
            .sub_history .his_list .desc dd br{display: none;}
            .sub_history .his_list .desc dd span + span{margin-top:10px;}
        }
        @media screen and (max-width:640px) {
            .sub_tab{margin-bottom: 58px;}
            .sub_tab > li{font-size: 100%; height: 65px;}
            .sub_history .his_list > li:not(:last-child){padding-bottom: 40px;}
            .sub_history .his_list > :is(li, li:nth-child(even)){width: 100%; margin:0; text-align: left; padding-left: 40px;}
            .sub_history .his_list > :is(li, li:nth-child(even)):after{left:0; right:auto; width: 8px; height: 8px;}
            .sub_history .his_list > :is(li, li:nth-child(even)):before{left:4px;top: 22px;}
            .sub_history .his_list > :is(li, li:nth-child(even)) .desc{flex-direction: row; }
            .sub_history .his_list > :is(li, li:nth-child(even)) .desc dt{padding-left:0; padding-right:10px;}
            .sub_history .his_list .year{font-size: 180%;}
                .sub_history .his_list .year + .desc{margin-top: 28px;}
            .sub_history .his_list .desc + .desc{margin-top: 17px;}
            .sub_history .his_list .desc dt{width: 47px; font-size: 100%;}
                .sub_history .his_list .desc dt + dd{width: calc(100% - 47px);}
            .sub_history .his_list .desc dd span + span{margin-top:7px}
        }
        @media screen and (max-width:479px) {
            .sub_tab{margin-bottom: 53px;}
            .sub_tab > li{font-size: 90%; height: 60px;}
            .sub_history .his_list > li:not(:last-child){padding-bottom: 35px;}
            .sub_history .his_list > :is(li, li:nth-child(even)){padding-left: 35px;}
            .sub_history .his_list > :is(li, li:nth-child(even)):after{top: 15px;}
            .sub_history .his_list > :is(li, li:nth-child(even)):before{top: 18px;}
            .sub_history .his_list .year{font-size: 170%;}
                .sub_history .his_list .year + .desc{margin-top: 23px;}
            .sub_history .his_list .desc + .desc{margin-top: 12px;}
            .sub_history .his_list .desc dt{width: 42px;}
                .sub_history .his_list .desc dt + dd{width: calc(100% - 42px);}
            .sub_history .his_list .desc dd span + span{margin-top:5px}
        }
        @media screen and (max-width:431px) {
            .sub_tab{margin-bottom: 48px;}
            .sub_tab > li{font-size: 85%;}
            .sub_history .his_list > li:not(:last-child){padding-bottom: 30px;}
            .sub_history .his_list .year{font-size: 170%;}
                .sub_history .his_list .year + .desc{margin-top: 18px;}
            .sub_history .his_list .desc + .desc{margin-top: 10px;}
            .sub_history .his_list .desc dt{width: 40px;}
                .sub_history .his_list .desc dt + dd{width: calc(100% - 40px);}
        }

    /* 오시는 길 */
        .sub_location .map_wrap{font-size: 0; width: 100%; height: 660px;}
        .sub_location .map_wrap iframe{width: 100%;  height: 100%;}
        .sub_location .map_info{margin-top:56px; display: flex; flex-wrap: wrap;}
        .sub_location .map_info > div{width: 50%; padding-right: 30px; box-sizing: border-box;}
            .sub_location .map_info > div + div{border-left: 1px solid var(--border-color02); padding-left:80px;}
        .sub_location .map_info .title{font-size: var(--title-20);margin-bottom: 40px;}
        .sub_location .map_info .title h4{font-size:160%; font-weight: 600; color: var(--black-color00); letter-spacing: -0.03em;}
        .sub_location .map_info .desc{display: flex; font-size: var(--title-20);}
            .sub_location .map_info .desc + .desc{margin-top: 40px;}
            .sub_location .map_info .desc + .title{margin-top:77px;}
        .sub_location .map_info .desc dt{width: 97px;padding-right: 15px;box-sizing: border-box;font-size: 110%;font-weight: 500;color: var(--black-color00);letter-spacing: -0.03em;line-height: 1.3;}
            .sub_location .map_info .desc dt + dd{width: calc(100% - 97px);}
            .sub_location .map_info .address .desc + .desc{margin-top: 20px;}
            .sub_location .map_info .address .desc dt{width: 122px;}
            .sub_location .map_info .address .desc dt + dd{width: calc(100% - 122px);}
        .sub_location .map_info .desc dd{box-sizing: border-box;font-size: inherit;font-weight: 300;color: var(--black-color03);letter-spacing: -0.03em;line-height: 1.55;}
        .sub_location .map_info .desc dd > span{display: block;}
        .sub_location .map_info .desc dd > span + .method_list{margin-top:20px;}
        .sub_location .map_info .method_list{display: flex; flex-wrap: wrap; gap:10px 44px;}
        .sub_location .map_info .method_list .icon{font-size: 90%; font-weight: 500; color: var(--white-color01); display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 32px; border-radius: 30px; background: var(--point-color05); margin-right: 12px;}
        .sub_location .map_info .method_list .icon.green{background: var(--point-color06);}
        .sub_location .map_info .method_list .icon.yellow{background: var(--point-color07);}

        @media screen and (max-width:1023px) {
            .sub_location .map_wrap{height: 64vw; min-height: 300px;}
            .sub_location .map_info{margin-top:51px;}
            .sub_location .map_info > div + div{padding-left: 70px;}
            .sub_location .map_info .title{margin-bottom: 35px;}
            .sub_location .map_info .desc + .desc{margin-top:35px;}
            .sub_location .map_info .desc + .title{margin-top:72px;}
            .sub_location .map_info .desc dd > span + .method_list{margin-top:15px;}
            .sub_location .map_info .desc dt{width: 92px;}
                .sub_location .map_info .desc dt + dd{width: calc(100% - 92px);}
                .sub_location .map_info .address .desc dt{width: 117px;}
                .sub_location .map_info .address .desc dt + dd{width: calc(100% - 117px);}
            .sub_location .map_info .method_list{gap:10px 40px;}
        }
        @media screen and (max-width:860px) {
            .sub_location .map_info{margin-top:45px;}
            .sub_location .map_info > div{width: 100%;}
            .sub_location .map_info > div + div{padding:50px 0 0; margin-top:50px; border-left: 0; border-top: 1px solid var(--border-color02);}
            .sub_location .map_info .title{margin-bottom: 30px;}
            .sub_location .map_info .desc + .desc{margin-top:30px;}
            .sub_location .map_info .desc + .title{margin-top:67px;}
        }
        @media screen and (max-width:640px) {
            .sub_location .map_info{margin-top:40px;}
            .sub_location .map_info > div + div{padding:40px 0 0; margin-top:40px; }
            .sub_location .map_info .title{margin-bottom: 25px;}
            .sub_location .map_info .desc + .desc{margin-top:25px;}
            .sub_location .map_info .desc + .title{margin-top:60px;}
            .sub_location .map_info .desc dt{width: 85px;}
                .sub_location .map_info .desc dt + dd{width: calc(100% - 85px);}
                .sub_location .map_info .address .desc dt{width: 110px;}
                .sub_location .map_info .address .desc dt + dd{width: calc(100% - 110px);}
            .sub_location .map_info .method_list{gap:10px 35px;}
        }
        @media screen and (max-width:479px) {
            .sub_location .map_info{margin-top:35px;}
            .sub_location .map_info > div + div{padding:35px 0 0; margin-top:35px; }
            .sub_location .map_info .title{margin-bottom: 20px;}
            .sub_location .map_info .desc + .desc{margin-top:20px;}
            .sub_location .map_info .desc + .title{margin-top:50px;}
            .sub_location .map_info .desc dt{width: 80px;}
                .sub_location .map_info .desc dt + dd{width: calc(100% - 80px);}
                .sub_location .map_info .address .desc dt{width: 105px;}
                .sub_location .map_info .address .desc dt + dd{width: calc(100% - 105px);}
            .sub_location .map_info .method_list .icon{width: 60px; height: 30px;}
            .sub_location .map_info .method_list{gap:10px 30px;}
        }
        @media screen and (max-width:431px) {
            .sub_location .map_info .desc{flex-direction: column; gap:10px;}
            .sub_location .map_info :is(.address .desc, .desc) dt{width: 100%; padding-right: 0;}
            .sub_location .map_info :is(.address .desc, .desc) dt + dd{width: 100%;}
        }


/*───────────────────────────────────────────────────────────
	business
───────────────────────────────────────────────────────────*/
    .sub_foundation .establish{padding-top: 1vw; padding-bottom: 140px;}
    .sub_foundation .establish .info_list{display: flex;}
    .sub_foundation .establish .info_list > li{width: 100%;text-align: center;padding: 22px 15px 10px;box-sizing: border-box;}
        .sub_foundation .establish .info_list > li + li{border-left: 1px solid var(--border-color01);}
    .sub_foundation .establish .info_list .icon{display: flex; align-items: center; justify-content: center; font-size: 0; color: var(--point-color01); height: 78px;}
        .sub_foundation .establish .info_list .icon + .desc{margin-top: 36px;}
    .sub_foundation .establish .info_list .desc{font-size: var(--title-20);}
    .sub_foundation .establish .info_list .desc dt{font-size: 130%;font-weight: 600;line-height: 1.3;}
        .sub_foundation .establish .info_list .desc dt + dd{margin-top: 17px;}
    .sub_foundation .establish .info_list .desc dd{font-size: 110%;font-weight: 500;line-height: 1.45;letter-spacing: -0.03em;}

    .sub_foundation .purpose{padding:140px 0;}
    .sub_foundation .purpose .step_list{display: flex; justify-content: center; flex-wrap: wrap; gap:20px;counter-reset: count;margin-top: -1vw;}
    .sub_foundation .purpose .step_list > li{position: relative; width: calc(100% / 5 - 16px); padding-bottom: calc(100% / 5 - 16px); box-sizing: border-box; font-size: var(--title-20); text-align: center; background: rgba(195, 183, 174, 0.9); border-radius: 100%;}
        .sub_foundation .purpose .step_list > li:nth-child(even){background: rgba(134, 119, 116, 0.9);}
    .sub_foundation .purpose .step_list > li span{position: absolute;top:22px;left:22px;width: calc(100% - 44px);height: calc(100% - 44px);display: flex;flex-direction: column;gap: 22px;align-items: center;justify-content: center;background: var(--white-color01);font-size: 140%;font-weight: 500;color: var(--point-color01);line-height: 1.18;border-radius: 100%;box-shadow: 0 0 50px rgba(0, 0, 0, 0.25); padding:0 20px; box-sizing: border-box;}
        .sub_foundation .purpose .step_list > li span:before{display: block;content: counter(count, decimal-leading-zero);counter-increment: count;font-size: 76%;font-weight: 500;color: var(--point-color02);border-bottom: 2px solid var(--point-color02);width: fit-content;line-height: 1;}

    .sub_foundation .details{position: relative; padding-top:140px;}
    .sub_foundation .details .exp_list{position: relative;display: flex;flex-wrap: wrap;gap:28px;margin-top: -1.1vw;}
    .sub_foundation .details .exp_list > li{width: calc(100% / 3 - 18.67px);border:1px solid var(--border-color01);padding: 38px 40px;box-sizing: border-box;font-size: var(--title-20);color: var(--point-color01); background: var(--white-color01);}
    .sub_foundation .details .exp_list > li:last-child{border:0; text-align: center;}
    .sub_foundation .details .exp_list .desc dt{font-size: 170%; font-weight: 600; line-height: 1.3; letter-spacing: -0.03em;}
        .sub_foundation .details .exp_list .desc dt + dd{margin-top: 16px;}
    .sub_foundation .details .exp_list .desc dd{font-size: 140%; font-weight: 400; line-height: 1.35; letter-spacing: -0.03em;}
    .sub_foundation .details .exp_list .desc + .past_info{margin-top:27px;padding-top: 30px;border-top: 1px solid var(--border-color01);}
    .sub_foundation .details .exp_list .past_info dt{display: flex;width: fit-content;padding: 5px 16px;border-radius: 30px;font-size: inherit;font-weight: 400;color: var(--white-color01);background: var(--point-color02);letter-spacing: -0.03em;line-height: 1.4;}
		.sub_foundation .details .exp_list .past_info dt + dd{margin-top: 23px;}
    .sub_foundation .details .exp_list .past_info dd{display: flex; flex-wrap: wrap; gap:8px 20px; font-size: 110%; font-weight: 400; color: var(--black-color06); letter-spacing: -0.03em; line-height: 1.3;}

    @media screen and (max-width:1300px) {
        .sub_foundation .purpose .step_list > li span{font-size: 120%; top:20px; left:20px; width: calc(100% - 40px); height: calc(100% - 40px);} 
    }
    @media screen and (max-width:1200px) {
        .sub_foundation .purpose .step_list > li span{font-size: 100%; gap:17px;} 

        .sub_foundation .details .w_custom:before{width: 24vw;height: 28.7vw;min-width: 200px;min-height: 200px;right: 3%;}
        .sub_foundation .details .exp_list{gap:20px;}
        .sub_foundation .details .exp_list > li{width: calc(100% / 3 - 13.34px);}
        .sub_foundation .details .exp_list .desc + .past_info{margin-top:22px; padding-top: 25px;}
        .sub_foundation .details .exp_list .desc dt{font-size: 150%;}
        .sub_foundation .details .exp_list .desc dd{font-size: 120%;}
        .sub_foundation .details .exp_list .past_info dt{font-size: 90%;}
        .sub_foundation .details .exp_list .past_info dd{font-size: 100%;}
    }
    @media screen and (max-width:1023px) {
        .sub_foundation .establish{padding-bottom: 120px;}
        .sub_foundation .establish .info_list .icon{height: 70px;}
        .sub_foundation .establish .info_list .icon + .desc{margin-top: 32px;}

        .sub_foundation .purpose{padding:120px 0;}
        .sub_foundation .purpose .step_list{gap:15px;}
        .sub_foundation .purpose .step_list > li{width: calc(100% / 5 - 12px);}
        .sub_foundation .purpose .step_list > li span{top:15px; left:15px; width: calc(100% - 30px); height: calc(100% - 30px); gap:12px;} 

        .sub_foundation .details{padding-top: 120px;}
        .sub_foundation .details .exp_list{gap:15px;}
        .sub_foundation .details .exp_list > li{width: calc(100% / 3 - 10px); padding:33px 35px;}
        .sub_foundation .details .exp_list .desc + .past_info{margin-top:22px; padding-top: 25px;}
        .sub_foundation .details .exp_list .desc dt{font-size: 130%;}
            .sub_foundation .details .exp_list .desc dt + dd{margin-top: 12px;}
        .sub_foundation .details .exp_list .desc dd{font-size: 100%;}
        .sub_foundation .details .exp_list .past_info dt{font-size: 80%; padding:5px 15px 4px;}
        .sub_foundation .details .exp_list .past_info dt + dd{margin-top: 18px;}
        .sub_foundation .details .exp_list .past_info dd{font-size: 90%;}
    }
    @media screen and (max-width:860px) {
        .sub_foundation .establish .info_list .icon{height: 65px;}
        .sub_foundation .establish .info_list .icon + .desc{margin-top: 27px;}
        .sub_foundation .establish .info_list .desc dt{font-size: 120%;}
            .sub_foundation .establish .info_list .desc dt + dd{margin-top:12px;}
        .sub_foundation .establish .info_list .desc dd{font-size: 100%;}

        .sub_foundation .purpose .step_list > li{width: calc(100% / 3 - 10px); padding-bottom: calc(100% / 3 - 10px);}
        .sub_foundation .purpose .step_list > li span{font-size: 120%;}

        .sub_foundation .details .exp_list > li{width: calc(100% / 2 - 7.5px);}
    }
    @media screen and (max-width:767px) {
        .sub_foundation .establish .info_list{flex-wrap: wrap;}
        .sub_foundation .establish .info_list > li{width: 50%; padding:30px 15px;}
        .sub_foundation .establish .info_list > li:nth-child(2n+1){border-left: 0;}
        .sub_foundation .establish .info_list > li:nth-child(n+3){border-top: 1px solid var(--border-color01);}
    }
    @media screen and (max-width:640px) {
        .sub_foundation .establish{padding-bottom: 100px;}

        .sub_foundation .purpose{padding:100px 0;}
        .sub_foundation .purpose .step_list > li{width: calc(100% / 3 - 10px); padding-bottom: calc(100% / 3 - 10px);}
        .sub_foundation .purpose .step_list > li span{font-size: 95%;}

        .sub_foundation .details{padding-top: 100px;}
        .sub_foundation .details .exp_list > li{padding:28px 30px;}
        .sub_foundation .details .exp_list .desc + .past_info{margin-top:17px; padding-top: 20px;}
        .sub_foundation .details .exp_list .desc dt{font-size: 120%;}
            .sub_foundation .details .exp_list .desc dt + dd{margin-top: 10px;}
        .sub_foundation .details .exp_list .desc dd{font-size: 90%;}
        .sub_foundation .details .exp_list .past_info dt{font-size: 75%;}
        .sub_foundation .details .exp_list .past_info dt + dd{margin-top: 13px;}
        .sub_foundation .details .exp_list .past_info dd{font-size: 85%; gap:8px 15px;}
    }
    @media screen and (max-width:479px) {
        .sub_foundation .establish{padding-bottom: 70px;}
        .sub_foundation .establish .info_list > li{padding:25px 15px;}
        .sub_foundation .establish .info_list .icon{height: 60px;}
        .sub_foundation .establish .info_list .icon + .desc{margin-top: 22px;}
        .sub_foundation .establish .info_list .desc dt{font-size: 110%;}
            .sub_foundation .establish .info_list .desc dt + dd{margin-top:7px;}
        .sub_foundation .establish .info_list .desc dd{font-size: 90%;}

        .sub_foundation .purpose{padding:70px 0;}
        .sub_foundation .purpose .step_list > li{width: calc(100% / 2 - 7.5px); padding-bottom: calc(100% / 2 - 7.5px);}
        .sub_foundation .purpose .step_list > li span{top:10px; left:10px; width: calc(100% - 20px); height: calc(100% - 20px); font-size: 4.8vw;} 

        .sub_foundation .details{padding-top: 70px;}
        .sub_foundation .details .exp_list > li{width: 100%;}
        .sub_foundation .details .exp_list > li:last-child{display: none;}
    }

/*───────────────────────────────────────────────────────────
	board
───────────────────────────────────────────────────────────*/
    /* 리스트 */
        #wrap :where(input[type="text"], input[type="password"], input[type="number"], select){position: relative; border:1px solid var(--border-color01); height: 50px; padding:0 16px; line-height: inherit; font-size: var(--title-20); font-weight: 400; color: var(--black-color05); background: var(--white-color01); letter-spacing: -0.03em;}
        #wrap select{appearance: none; background:var(--white-color01) url('../images/sub/select_arw.svg') no-repeat calc(100% - 16px) 50%; padding-right:45px;}
        .search_wrap{position: relative; padding:80px 0 30px;}
        .search_wrap fieldset{display: flex; justify-content: flex-end; flex-wrap: wrap; gap:10px;}
        .search_wrap .search_sel{display: flex; gap: 10px;}
        .search_wrap .search_sel select{width:140px;}
        .search_wrap .search_inp{display: flex;}
        .search_wrap .input_text{width: 280px;}
        .search_wrap .search_btn{display: inline-flex; align-items: center; justify-content: center; width: 80px; font-size: var(--title-20); font-weight: 400; color: var(--white-color01); background: var(--point-color01); border:0;}

        #wrap .bbs_list{border:0; border-top:1px solid var(--black-color03); font-size: var(--title-20);}
        #wrap .bbs_list thead th{font-size: inherit;font-weight: 500;color: var(--black-color03);padding: 28px 10px;letter-spacing: -0.03em;border-bottom: 1px solid var(--border-color01); background: var(--white-color01);}
        #wrap .bbs_list tbody td{font-size: 95%;font-weight: 400;color: var(--black-color07);padding: 24px 10px;letter-spacing: -0.03em;border-bottom: 1px solid var(--border-color01);height: 31px; background: var(--white-color01);}
        #wrap .bbs_list .board_tit a{color: var(--black-color04); display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
        #wrap .bbs_list .fixed{display:block;width: fit-content;background: var(--point-color02);font-weight: 500;color: var(--white-color01);padding: 6px 9px 5px;box-sizing: border-box;margin:0 auto;}

        @media screen and (max-width:1023px) {
            #wrap .bbs_list.default col:nth-child(1){width: 80px;}
            #wrap .bbs_list.default col:nth-child(3){width: 100px;}
            #wrap .bbs_list.default col:nth-child(4){width: 130px;}
            #wrap .bbs_list.default col:nth-child(5){width: 85px;}
        }
        @media screen and (max-width:860px) {
            #wrap .bbs_list.default :where(col, th, td):nth-child(5){display: none;}
        }
        @media screen and (max-width:640px) {
            #wrap :where(input[type="text"], input[type="password"], input[type="number"], select){height: 45px; font-size: var(--title-18);}
            .search_wrap{padding:70px 0 20px;}
            .search_wrap .search_sel select{width:120px;}
            .search_wrap .input_text{width: 240px;}
            .search_wrap .search_btn{width: 70px; font-size: var(--title-18);}

            #wrap .bbs_list.default col:nth-child(1){width: 70px;}
            #wrap .bbs_list.default col:nth-child(4){width: 120px;}
            #wrap .bbs_list.default :where(col, th, td):nth-child(3){display: none;}
            #wrap .bbs_list thead th{padding:23px 10px;}
            #wrap .bbs_list tbody td{padding:20px 10px;}
        }
        @media screen and (max-width:479px) { 
            .search_wrap{padding:60px 0 15px;}
            .search_wrap .search_sel select{width:110px;}
            .search_wrap .search_inp{width: calc(100% - 120px);}
            .search_wrap .input_text{width: calc(100% - 60px);}
            .search_wrap .search_btn{width: 60px;}

            #wrap .bbs_list.default :where(col, th, td):nth-child(4){display: none;}
            #wrap .bbs_list thead th{padding:18px 10px;}
            #wrap .bbs_list tbody td{padding:15px 10px;}
        }
        @media screen and (max-width:360px) {
            .search_wrap .search_sel{width: 100%;}
            .search_wrap .search_sel select{width:100%;}
            .search_wrap .search_inp{width: 100%;}
            .search_wrap .input_text{width: calc(100% - 60px);}
            .search_wrap .search_btn{width: 60px;}
        }

    /* pagaing wrap */
		#wrap .paging {padding-top:60px;line-height:inherit;font-size:var(--title-20);margin:0;box-sizing:border-box; display: flex; justify-content: center; flex-wrap: wrap;}
		#wrap .paging span {display:inline-block;vertical-align:top;}
		#wrap .paging a {display:inline-flex; align-items: center; justify-content: center; font-size:90%; font-weight: 400; color:var(--black-color08); padding:0 5px;border:0;box-sizing:border-box;width: 40px; height:40px;line-height:1.4;min-width:auto;}
		#wrap .paging :is(.on a, a.on){color:var(--white-color01); font-weight:500; background: var(--point-color01);}
		#wrap .paging .arrow a {border:1px solid var(--border-color01); background:var(--white-color01) url('../images/sub/paging_prev.svg') no-repeat center; font-size: 0;}
		#wrap .paging :is(.arrow.first, .arrow.last) a {background-image:url('../images/sub/paging_first.svg');}
        #wrap .paging :is(.arrow.next, .arrow.last) a{transform: scale(-1,-1);}
        #wrap .paging .arrow.first{margin-right:10px;}
        #wrap .paging .arrow.prev{margin-right:20px;}
        #wrap .paging .arrow.next{margin-left:20px;}
        #wrap .paging .arrow.last{margin-left:10px;}
		#wrap .view_btn {text-align:center;line-height:inherit; position:relative;min-height:auto;}
		#wrap .view_btn .paging {display:inline-block;}

        @media screen and (max-width:640px) {
            #wrap .paging {padding-top:50px;}
            #wrap .paging a{width: 35px; height: 35px;}
        }
        @media screen and (max-width:479px) {
            #wrap .paging {padding-top:40px;}
            #wrap .paging a{width: 32px; height: 32px;}
        }

    /* 뷰 */
        #wrap .bbs_view{padding-top: 80px;}
        #wrap .bbs_view .view_tit{padding: 28px 20px 27px;box-sizing: border-box;border-top:1px solid var(--black-color03);border-bottom: 1px solid var(--border-color01);font-size: var(--title-20);background: var(--white-color01);}
        #wrap .bbs_view .view_tit > h3{font-size: inherit;font-weight: 500;color: var(--black-color03);line-height: 1.45;letter-spacing: -0.03em;width: 100%;display: flex;align-items: flex-start;gap: 15px;}
            #wrap .bbs_view .view_tit > h3 + p{margin-top: 21px;}
        #wrap .bbs_view .view_tit .fixed{display: inline-flex;width: fit-content;background: var(--point-color02);font-weight: 500;color: var(--white-color01);padding: 4px 10px 3px;box-sizing: border-box;font-size: 90%;}
        #wrap .bbs_view .view_tit > p{width: 100%; display: flex; flex-wrap: wrap; gap:5px 16px; font-size: 80%; font-weight: 400; color: var(--black-color08); letter-spacing: -0.02em; line-height: 1.5; padding:0;}
        #wrap .bbs_view .view_tit > p em{font-weight: inherit;}
        #wrap .bbs_view .view_tit > p span{display: inline-flex; align-items: center; gap:4px;}
            #wrap .bbs_view .view_tit > p span + span:before{display: inline-flex; content:''; width:1px; height: 12px; background: var(--border-color03); margin-right: 12px;}
        #wrap .bbs_view .view_cont{padding:28px 20px; font-size: var(--title-17); font-weight: 400; color: var(--black-color06); line-height: 1.88; border-bottom: 1px solid var(--border-color01);}
        #wrap .bbs_view .view_cont *{font-size: inherit; font-weight: inherit; color: inherit;}

        @media screen and (max-width:640px) {
            #wrap .bbs_view .view_tit{padding:23px 20px 22px;}
            #wrap .bbs_view .view_tit > h3 + p{margin-top:16px;}
        }
        @media screen and (max-width:479px) {
            #wrap .bbs_view .view_tit{padding:23px 15px 22px;}
            #wrap .bbs_view .view_tit > h3 + p{margin-top:12px;}
            #wrap .bbs_view .view_tit > p span + span:before{height: 10px;}
        }