@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 에 있습니다.

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


/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
    /* 서브 비주얼 */
        .sub_visual{position: relative; width: 100%; height: 140px; background: url('../images/sub/sub_visual.jpg') no-repeat center; background-size: cover; display: flex; align-items: center; z-index: 9;}
        .sub_visual .cont{display: flex; align-items: center; justify-content: space-between; gap:10px 30px;}
        .sub_visual .title{font-size: var(--title-20); font-family: var(--font-type01);}
        .sub_visual .title h3{font-size: 190%; font-weight: 600; color: var(--black-color02); letter-spacing: -0.02em;}
        .sub_visual .location{display: inline-flex;gap:30px;align-items: center;}
        .sub_visual .location .home{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: var(--point-color01); box-sizing: border-box; font-size: 0;}
        .sub_visual .location dl{display: flex;gap:30px;}
        .sub_visual .location dl :where(dt, dd){position: relative; width: 200px; font-size: var(--title-20);}
        .sub_visual .location dl :where(dt span, dd span){position: relative;display: flex;align-items: center;width: 100%;font-size:100%;font-weight: 400;color: var(--black-color03);font-family: var(--font-type02);letter-spacing: -0.03em;padding: 18px 0;box-sizing: border-box;cursor: pointer;}
            .sub_visual .location dl :where(dt.on span, dd.on span){color: var(--point-color01);}
            .sub_visual .location dl :where(dt span, dd span):after{position: absolute;content:'';width: 6px;height: 6px;border:2px solid var(--transparent);border-right-color: var(--black-color03);border-bottom-color:var(--black-color03);top: calc(50% - 3px);right:0;transform: translateY(-50%) rotate(45deg);border-radius: 2px;transition: all 0.4s;}
            .sub_visual .location dl :where(dt.on span, dd.on span):after{border-right-color: var(--point-color01);border-bottom-color:var(--point-color01);top: calc(50% + 3px);transform: translateY(-50%) rotate(45deg) scale(-1,-1);}
        .sub_visual .location dl :where(dt, dd) ul{position: absolute;top: 100%;left:0;width:100%;border:1px solid var(--border-color01);border-radius: 10px;box-sizing: border-box;padding: 16px 0;background: var(--point-white);opacity: 0;pointer-events: none;transition: all 0.4s;}
            .sub_visual .location dl :where(dt.on, dd.on) ul{opacity: 1; pointer-events: all;}
        .sub_visual .location dl :where(dt, dd) ul li{font-size: var(--title-20); padding:6px 24px;}
        .sub_visual .location dl :where(dt, dd) ul li a{position: relative; display: block;font-size: 80%;font-weight: 400;color: var(--black-color03);width: fit-content;box-sizing: border-box;}
            .sub_visual .location dl :where(dt, dd) ul li.on a{color: var(--point-color01);}
            .sub_visual .location dl :where(dt, dd) ul li.on a:before{position: absolute; content:''; width: 100%; height: 1px; background: var(--point-color01); left:0; bottom:1px;}

        @media screen and (max-width:1023px){
            .sub_visual :is(.location, .location dl){gap:25px;}
            .sub_visual .location dl :where(dt, dd){width: 160px;}
            .sub_visual .location dl :where(dt span, dd span){padding:13px 0;}
            .sub_visual .location dl :where(dt, dd) ul li{padding:6px 20px;}
        }
        @media screen and (max-width:860px){
            .sub_visual :is(.location, .location dl){gap:20px;}
            .sub_visual .location dl :where(dt, dd){width: 140px;}
            .sub_visual .location dl :where(dt, dd) ul li{padding:5px 15px;}
        }
        @media screen and (max-width:767px){
            .sub_visual .cont{flex-direction: column; align-items: flex-start;}
            .sub_visual .location .home{width: 36px; height: 36px;}
            .sub_visual :is(.location, .location dl){gap:15px;}
            .sub_visual .location dl :where(dt, dd){width: 130px;}
            .sub_visual .location dl :where(dt, dd) ul{border-radius: 5px; padding:12px 0;}
        }
        @media screen and (max-width:479px){
            .sub_visual .title h3{font-size: 180%;}
            .sub_visual .location{width: 100%;}
            .sub_visual .location .home{width: 35px; height: 35px;}
            .sub_visual :is(.location, .location dl){gap:15px;}
            .sub_visual .location dl{width: calc(100% - 50px);}
            .sub_visual .location dl dt:has(+ dd){display:none;}
            .sub_visual .location dl :where(dt, dd){width: 100%;}
            .sub_visual .location dl :where(dt span, dd span){padding:10px 0;}
        }

    /* 탭 */
        .sub_tab{position: sticky;top:0;border-bottom: 1px solid var(--border-color01);box-sizing: border-box;z-index: 6;margin-bottom: 75px; background: var(--point-white);}
        .sub_tab > ul{display: flex; justify-content: center; gap:60px;}
        .sub_tab > ul > li{font-size: var(--title-20); font-family: var(--font-type02);}
        .sub_tab > ul > li > a{position: relative;display: flex;align-items: center;height: 70px;font-size: inherit;font-weight: 500;color: var(--black-color07);letter-spacing: -0.04em; transition: all 0.4s;}
            .sub_tab > ul > li.on > a{color: var(--point-color01);}
            .sub_tab > ul > li > a:before{position: absolute;content:'';width: 100%;height: 3px;background: var(--point-color01);left:0;bottom: -1px; opacity: 0; transition: all 0.4s;}
            .sub_tab > ul > li.on > a:before{width: 100%; opacity: 1;}

            /* over */
            @media screen and (min-width:1024px){
                .sub_tab > ul > li > a:hover{color: var(--point-color01);}
            }

        @media screen and (max-width:1023px){
            .sub_tab{margin-bottom: 70px;}
            .sub_tab > ul{gap:50px;}
        }
        @media screen and (max-width:860px){
            .sub_tab{margin-bottom: 65px;}
            .sub_tab > ul{gap:40px;}
            .sub_tab > ul > li > a{height: 65px;}
        }
        @media screen and (max-width:640px){
            .sub_tab{margin-bottom: 60px;}
            .sub_tab > ul{gap:30px;}
            .sub_tab > ul > li > a{height: 60px;}
        }
        @media screen and (max-width:479px){
            .sub_tab > ul{gap:20px;}
        }

    /* 서브 타이틀 */
        .sub_title{position: relative;font-size: var(--title-20);font-family: var(--font-type02);} 
            .sub_title.cen{text-align: center;}
            .sub_title.hd{margin-bottom: 39px;}
            .sub_title.shd{margin-bottom: 30px;}
        .sub_title .light{display:inline-block;box-shadow: inset 0 -12px 0 rgba(74, 190, 255, 0.5);line-height: 1.1;}
        .sub_title h3{font-size: 200%; font-weight: 600; color: var(--black-color02); letter-spacing: -0.04em; line-height: 1.25;}
        .sub_title h4{font-size: 180%; font-weight: 600; color: var(--black-color02); letter-spacing: -0.04em; line-height: 1.3;}
        .sub_title h5{position: relative; font-size: 120%; font-weight: 500; color: var(--black-color02); letter-spacing: -0.04em; line-height: 1.4; box-sizing: border-box ;}
            .sub_title h5.bullet:before{display:inline-block;content:'';width: 6px;height: 6px;background: var(--point-color02);border-radius: 100%;vertical-align: super;transform: translateY(3px);}
            .sub_title h5.bullet span{display: inline-block;width: calc(100% - 10px);padding-left: 15px;box-sizing: border-box;vertical-align: top;}
            .sub_title h5 + p{margin-top:15px;}
        .sub_title p{font-size: 90%;font-weight: 400;color: var(--black-color06);line-height: 1.66;letter-spacing: -0.04em;font-family: var(--font-type01);}
            .sub_title p + .more_btn{margin-top: 30px;}
        .more_btn{position: relative; font-size: var(--title-20); font-family: var(--font-type01); display: inline-flex; overflow: hidden; background: var(--point-white); border-radius: 8px; transition: all 0.4s;} 
            .more_btn:before, .more_btn:after{position: absolute; content:''; width:100%; height: 100%; border-radius: 8px; top:0; left:0; border:1px solid var(--point-color01); transition: all 0.4s; box-sizing: border-box;}
            .more_btn:after{top:100%; left:0; border:0; background: var(--point-color01); opacity: 0; }
        .more_btn span{position: relative; display:inline-flex; align-items: center; justify-content: center; text-align: center; font-size: 90%; font-weight: 500; color: var(--point-color01); letter-spacing: -0.03em; height: 60px; padding:0 27px; box-sizing: border-box; z-index: 5; transition: all 0.4s; width: 100%;}
            .more_btn.wide span{height: 56px; padding:0 24px;}
            .more_btn.md span{height: 50px; padding:0 20px; font-size: 85%;}
            .more_btn.big span{font-size: 110%; height: 70px;}

            .more_btn.gray span{color: var(--black-color05); font-weight: 400;}
            .more_btn.gray:before{border-color: var(--border-color02);}
            .more_btn.gray:after{background: var(--black-color03);}
                .more_btn.gray.over:after{display:none;}

            .more_btn.bg{background: var(--point-color01);}
            .more_btn.bg span{color: var(--point-white);}
                .more_btn.bg.over:after{display:none;}

            .more_btn.dwn span{gap:14px;}
            .more_btn.dwn span:after{display:inline-flex; content:''; width:22px; height:22px; background: url('../images/sub/dwn_icon.svg') no-repeat center; background-size: 100% auto;}
                .more_btn.dwn.md span:after{width: 18px; height: 18px;}
            .more_btn.prev span{gap:15px;}
            .more_btn.prev span:before{display:inline-flex; content:''; width:23px; height:21px; background: url('../images/sub/prev_icon.svg') no-repeat center; background-size: 100% auto;}
            .more_btn.bookmark span{gap:15px;}
            .more_btn.bookmark span:before{display:inline-flex; content:''; width:16px; height:22px; background: url('../images/sub/bookmark_ico.png') no-repeat center; background-size: 100% auto;}
            .more_btn.ques span{gap:12px;}
            .more_btn.ques span:before{display:inline-flex; content:''; width:22px; height:22px; background: url('../images/sub/ques_icon.svg') no-repeat center; background-size: 100% auto;}
            .more_btn.view span{gap:14px;}
            .more_btn.view span:after{display:inline-flex;content:'';width: 7px;height: 7px;border:1px solid var(--transparent);border-top-color: var(--black-color06);border-right-color: var(--black-color06);transform: rotate(45deg) translateY(1px);}


            /* over */
                @media screen and (min-width:1024px){
                    .more_btn:hover:after{top:0; opacity: 1;}
                    .more_btn:not(.over):hover span{filter: var(--filter-white);}
                    .more_btn.dwn span:after, .more_btn.prev span:after{transition: all 0.4s;}

                    .more_btn.bg.over:hover{background: var(--point-white);}
                    .more_btn.bg.over:hover span{color: var(--point-color01);}

                    .more_btn.gray.over:hover:before{border-color: var(--black-color03);}
                }

        @media screen and (max-width:1023px){
            .sub_title.hd{margin-bottom: 35px;}
            .sub_title.shd{margin-bottom: 26px;}
        }
        @media screen and (max-width:860px){
            .sub_title.hd{margin-bottom: 30px;}
            .sub_title.shd{margin-bottom: 22px;}
            .more_btn span, .more_btn.wide span{height: 55px; padding:0 22px;}
            .more_btn.big span{height: 65px;}
            .more_btn.dwn span:after{width: 20px; height: 20px;}
        }
        @media screen and (max-width:640px){
            .sub_title.hd{margin-bottom: 25px;}
            .sub_title.shd{margin-bottom: 17px;}
            .sub_title h5.bullet span{padding-left: 10px;}
            .sub_title h5 + p{margin-top:10px;}
            .sub_title p + .more_btn{margin-top:25px;}
            .more_btn, .more_btn:before, .more_btn:after{border-radius: 4px;}
            .more_btn span, .more_btn.wide span{height: 50px; padding:0 17px;}
            .more_btn.big span{height: 60px; padding:0 20px;}
            .more_btn.dwn span{gap:12px;}
                .more_btn.dwn span:after{width: 16px; height: 16px;}
            .more_btn.md span{height: 45px;padding: 0 15px;}
            .more_btn.view span:after{width: 6px; height: 6px;}
        }
        @media screen and (max-width:479px){
            .sub_title.hd{margin-bottom: 20px;}
            .sub_title.shd{margin-bottom: 12px;}
            .sub_title h5 + p{margin-top:7px;}
            .sub_title p + .more_btn{margin-top:20px;}
            .more_btn.big span{height: 55px; font-size: 100%;}
        }
    /* input */
		input[type="checkbox"] + label {padding-left:40px;position:relative;display:inline-block;vertical-align:top;letter-spacing:-0.04em;font-size:var(--title-18);}
		input[type="checkbox"] + label.alltxt {font-size:var(--title-20);color:var(--black-color03);font-weight:400;}
		input[type="checkbox"] + label:before,
		input[type="checkbox"] + label::before {width:26px;height:26px;background:url('../images/sub/ico_check.png') no-repeat center;background-size:cover;position:absolute;top:0;left:0;margin:0;}
		input[type="checkbox"]:checked + label:before,
		input[type="checkbox"]:checked + label::before,
		input[type="checkbox"]:checked + label:hover:before,
		input[type="checkbox"]:checked + label:hover::before {background:url('../images/sub/ico_check_on.png') no-repeat center;background-size:cover;}

		input[type="radio"] { display:none; }
		input[type="radio"] + label {cursor:pointer;font-size:var(--title-18);font-weight:400;color:var(--black-color06);position: relative;padding-left: 27px;margin-right: 27px;}
		input[type="radio"] + label:last-of-type {margin:0;}
		input[type="radio"] + label:before, input[type="radio"] + label::before {display:inline-block;content:"";width:20px;height:20px;margin:-2px 11px 0 30px;vertical-align:middle;background:url('../images/sub/ico_radio.svg') no-repeat center;background-size:100% auto;cursor:pointer;position: absolute;top:5px;left: 0;margin: 0;}
		input[type="radio"]:checked + label {color:var(--black-color03);}
		input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before { background:url('../images/sub/ico_radio_on.svg') no-repeat center;background-size:100% auto;}
		input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;}

			/* over */
				@media screen and (min-width:1024px){
					input[type="checkbox"] + label:hover:before,
					input[type="checkbox"] + label:hover::before {background:url('../images/sub/ico_check_ov.png') no-repeat center;background-size:cover;}
				}
        @media screen and (max-width:860px){
			input[type="radio"] + label:before, input[type="radio"] + label::before {top:3px;}
		}
        @media screen and (max-width:640px){
			input[type="checkbox"] + label {padding-left:33px;}
			input[type="checkbox"] + label:before,
			input[type="checkbox"] + label::before {width:22px;height:22px;/*top:3px;*/}
		}

/*───────────────────────────────────────────────────────────
	edu | 교육과정
───────────────────────────────────────────────────────────*/
    #wrap:has(.sub_edu) #header{position: relative; transform: none; box-shadow: none;}
    .sub_edu .conts + .conts{margin-top:113px;}
    .sub_edu .anchor{position: relative; top:-120px; font-size: 0;}
    .sub_edu .border_box{border:1px solid var(--border-color01);border-radius: 20px;padding: 41px 40px 40px;box-sizing: border-box;}
    .sub_edu .border_box + .border_box{margin-top: 30px;}

    @media screen and (max-width:1023px){
        .sub_edu .border_box{padding:35px;}
        .sub_edu .border_box + .border_box{margin-top:25px;}
    }
    @media screen and (max-width:640px){
        .sub_edu .border_box{padding:30px; border-radius: 10px;}
        .sub_edu .border_box + .border_box{margin-top:20px;}
    }
    @media screen and (max-width:479px){
        .sub_edu .border_box{padding:25px;}
        .sub_edu .border_box + .border_box{margin-top:15px;}
    }

/*───────────────────────────────────────────────────────────
	goods
───────────────────────────────────────────────────────────*/
    /* 리스트 */
        .category_list{display: flex; justify-content: center; flex-wrap: wrap; gap:20px; margin:80px 0 0;}
        .category_list > li{font-size: var(--title-20); font-family: var(--font-type01);}
        .category_list > li > a{display: flex; align-items: center; justify-content: center; width: 140px; height: 60px; border-radius: 60px; border:1px solid var(--border-color01); box-sizing: border-box; font-size: inherit; font-weight: 400; color: var(--black-color05); letter-spacing: -0.03em; transition: all 0.4s;} 
            .category_list > li.on > a, .category_list:not(:has(> li.on)) > li:first-child > a{border-color:var(--point-color01); background: var(--point-color01); color: var(--point-white);}
        .no_data{text-align: center; font-size: var(--title-20); padding:60px 0; letter-spacing: -0.03em;}

            @media screen and (min-width:1024px){
                .category_list > li > a:hover{border-color:var(--point-color01); background: var(--point-color01); color: var(--point-white);}
            }

        @media screen and (max-width:1023px){
            .category_list{gap:15px; margin-top:75px;} 
        }
        @media screen and (max-width:860px){
            .category_list{margin-top:70px;} 
            .category_list > li > a{width: 120px; height: 55px;}
        }
        @media screen and (max-width:640px){
            .category_list{gap:10px; margin-top: 65px;} 
            .category_list > li > a{width: 110px; height: 50px;}
        }
        @media screen and (max-width:479px){
            .category_list{margin-top: 60px;} 
            .category_list > li > a{width: 100px; height:45px; font-size: 90%;}
        }
    
    /* 뷰 */
        .goods_view .prod_info{display: flex; padding-bottom:60px;}
        .goods_view .prod_info .thumb_wrap{width: 550px;}
        .goods_view .prod_info .thumb_wrap .btn_list{margin-top: 30px;display: flex;flex-wrap:wrap;align-items: center;justify-content: center;gap:10px;}
		.goods_view .prod_info .thumb_wrap .btn_list li{width:calc(50% - 5px);height:56px;}
		.goods_view .prod_info .thumb_wrap .btn_list a{width:100%;height:100%;box-sizing:border-box;border-radius:8px;border:1px solid var(--point-color01);display: inline-flex;align-items: center;justify-content: center;font-size:var(--title-20);color:var(--point-color01);font-weight:400;font-family:var(--font-type01);gap:14px;}
		.goods_view .prod_info .thumb_wrap .btn_list a span{font-size:89%;color:inherit;font-weight:inherit;}
		.goods_view .prod_info .thumb_wrap .btn_list a:before{content:"";}
		.goods_view .prod_info .thumb_wrap .btn_list .btn_preview:before{width:23px;height:21px;background:url('../images/sub/book_preview.svg')no-repeat center;background-size:auto 100%;}
		.goods_view .prod_info .thumb_wrap .btn_list .btn_qr:before{width:24px;height:24px;background:url('../images/sub/book_qr.svg')no-repeat center;background-size:auto 100%;}
		
        .goods_view .prod_info .thumb{font-size: 0;position: relative;width: 100%;padding-bottom: 100%;background: var(--gray-bg01);border-radius: 40px;display: flex;align-items: center;justify-content: center;}
        .goods_view .prod_info .thumb img{box-shadow: 14px 15px 19.4px 0px rgba(0, 0, 0, 0.12);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); max-height: 80%;}
        .goods_view .prod_info .btn_list{display: flex; justify-content: center; gap: 20px;}
        .goods_view .prod_info .exp_wrap{width: calc(100% - 550px);padding: 10px 0 0 100px;box-sizing: border-box;}
        .goods_view .prod_info .exp_wrap .btn_list{margin-top: 46px;}
        .goods_view .prod_info .exp_wrap .btn_list > li{width: 100%;}
        .goods_view .prod_info .exp_wrap .btn_list .more_btn{width: 100%;}
        .goods_view .prod_info .exp_wrap .btn_list > li:has(.gray){max-width: 180px;}
		.goods_view .prod_info .exp_wrap .btn_book_box{margin-top:6px;flex-wrap:wrap;}
		.goods_view .prod_info .exp_wrap .btn_book_box li{width:calc(50% - 10px);height:70px;}
		.goods_view .prod_info .exp_wrap .btn_book_box li a{width:100%;height:100%;box-sizing:border-box;border-radius:8px;border:1px solid var(--border-color02);display: inline-flex;align-items: center;justify-content: center;font-size:var(--title-20);color:var(--black-color05);font-weight:400;gap:12px;transition:all 0.3s;}
		.goods_view .prod_info .exp_wrap .btn_book_box li a:before{content:"";width:22px;height:22px;}
		.goods_view .prod_info .exp_wrap .btn_book_box li .book_sel:before{background:url('../images/sub/book_reason.svg')no-repeat center;background-size:auto 100%;}
		.goods_view .prod_info .exp_wrap .btn_book_box li .book_brochure:before{background:url('../images/sub/book_brochure.svg')no-repeat center;background-size:auto 100%;}
		
        .goods_view .prod_info .title{font-size: var(--title-20);}
        .goods_view .prod_info .title dt{display: inline-flex; margin-right:10px; font-size: inherit; font-weight: 500; color: var(--point-color02);}
            .goods_view .prod_info .title .revised{align-items: center;justify-content: center;text-align: center;width: fit-content;padding: 0 15px;height: 34px;border:1px solid var(--point-color05);border-radius: 50px;box-sizing: border-box;font-size: 85%;font-weight: 500;color: var(--point-color05);font-family: var(--font-type02);letter-spacing: -0.05em;line-height: 1.3;}
            .goods_view .prod_info .title dt + dd{margin-top: 25px;}
        .goods_view .prod_info .title dd{font-size: 200%; font-weight: 600; color: var(--black-color03); letter-spacing: -0.04em; line-height: 1.3;}
            .goods_view .prod_info .title dd + dd{margin-top:23px}
        .goods_view .prod_info .title .short_txt{font-size: inherit; font-weight: 400; color: var(--black-color04);}
        .goods_view .prod_info .detail{border-top: 1px solid var(--border-color03);padding-top: 30px;margin-top: 31px;display: flex;flex-direction: column;gap: 14px;}
        .goods_view .prod_info .desc{display: flex;font-size: var(--title-20);font-family: var(--font-type01);}
        .goods_view .prod_info .desc :where(dt, dd){font-size: 90%;letter-spacing: -0.05em;box-sizing: border-box;}
        .goods_view .prod_info .desc dt{color: var(--point-color01);width: 110px;padding-right: 15px;font-weight: 500;}
        .goods_view .prod_info .desc dd{color: var(--black-color06);width: calc(100% - 110px);font-weight: 400;}
        .goods_view .prod_tab{display: flex;font-size: var(--title-20);margin-bottom:60px;}
        .goods_view .prod_tab > li{font-size: inherit; font-weight: 400; color: var(--black-color03); display: flex; align-items: center; justify-content: center; text-align: center; letter-spacing: -0.03em; width: 100%; height: 70px; border:1px solid var(--border-color01); border-bottom: 2px solid var(--point-color02); border-radius: 8px 8px 0 0; box-sizing: border-box; cursor: pointer; transition: all 0.4s; font-family: var(--font-type01); padding:0 15px;}
            .goods_view .prod_tab > li + li{margin-left:-1px;}
            .goods_view .prod_tab > li.on{background: var(--point-color02); font-weight: 500; color: var(--point-white); border-color: var(--point-color02); z-index: 9;} 

		
		.btn_icon_wrap {font-size:0;}
		.btn_icon_wrap .btn_icon {width:46px;height:46px;border:1px solid var(--border-color02);border-radius:8px;box-sizing:border-box;display:inline-block;font-size:0;background-color:#fff;background-repeat:no-repeat;background-position:center;}
		.btn_icon_wrap .btn_icon + .btn_icon {margin-left:10px;}
		.btn_icon_wrap .btn_icon.book {background-image:url('../images/sub/bookmark_ico.png');background-size:16px auto;}
		.btn_icon_wrap .btn_icon.down {background-image:url('../images/sub/download_ico.svg');background-size:18px auto;}
		.btn_icon_wrap .btn_icon.del {background-image:url('../images/sub/delete_ico.svg');background-size:15px auto;}
		.btn_icon_wrap .btn_icon.preview {background-image:url('../images/sub/icon_prev_pdf.svg');background-size:20px auto;}
		
		.goods_bnr{width:100%;position: relative;box-sizing:border-box;border-radius:10px;display: flex;align-items: center;justify-content: space-between;padding:40px 60px;background:url('../images/sub/goods_teacher_bnr.png')no-repeat center;background-size:cover;margin-bottom: 80px;}
		.goods_bnr a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.goods_bnr .txt{display: flex;align-items: center;font-size:var(--title-20);color:var(--black-color06);font-weight:400;gap:24px;}
		.goods_bnr .txt strong{font-size:var(--title-30);color:var(--black-color03);font-weight:600;}
		.goods_bnr .txt p{font-size:89%;color:inherit;font-weight:inherit;}
		.goods_bnr .txt p .m_br{display: none;}
		.goods_bnr span{display: inline-flex;box-sizing:border-box;width:40px;height:40px;border-radius:100%;background:var(--point-white);position: relative;align-items: center;justify-content: center;transition:all 0.3s;}
		.goods_bnr span:before{width:8px;height:8px;content:"";border:2px solid var(--black-color02);border-width:2px 2px 0 0;transform:rotate(45deg);margin-left:-2px;}
		
		.goods_teacher {}
		.goods_teacher .prod_info {}
		.goods_teacher .prod_info .down_list {margin-top:30px;}
		.goods_teacher .prod_info .down_list dt {padding:15px 20px;background:#F1F5FA;border-radius:10px;display:flex;align-items:center;justify-content:space-between;}
		.goods_teacher .prod_info .down_list dt .inp_custom {}
		.goods_teacher .prod_info .down_list dt .inp_custom label {font-size:var(--title-22);font-weight:500;color:var(--point-color06);}
		.goods_teacher .prod_info .down_list dt .inp_custom label:before {top:5px;}
		.goods_teacher .prod_info .down_list dd {padding:20px;border-bottom:1px solid var(--border-color01);}
		.goods_teacher .prod_info .down_list dd ul {}
		.goods_teacher .prod_info .down_list dd ul li {}
		.goods_teacher .prod_info .down_list dd ul li + li {margin-top:15px;}
		.goods_teacher .prod_info .down_list dd ul li {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
		.goods_teacher .prod_info .down_list dd ul li .inp_custom {font-size:var(--title-20);width:calc(100% - 50px);}
		.goods_teacher .prod_info .down_list dd ul li .inp_custom label {font-size:95%;font-weight:400;font-family:var(--font-type02);}
		.goods_teacher .prod_info .down_list .btn_icon_wrap{display: flex;flex-wrap:wrap;}
		.goods_teacher .prod_info .down_list .btn_icon_wrap .more_btn{margin-right:10px;}
		.goods_teacher .prod_info .down_list .btn_icon_wrap .more_btn span{height:46px;}
		.goods_teacher .prod_top {position:relative;z-index:1;border-bottom:2px solid var(--point-color02);display:flex;align-items:flex-start;justify-content: space-between;margin-bottom:43px;}
		.goods_teacher .prod_top .sub_title {/* position:absolute; */top:50%;left:0;/* transform:translateY(-50%); */width: 50%;}
		.goods_teacher .prod_top .prod_tab {border-bottom:0;margin:0;}
		.goods_teacher .prod_top .prod_tab li {width:auto;border-bottom:0;min-width: 60px;height:60px;box-sizing: border-box;font-family:var(--font-type02);}
		.goods_teacher .prod_top .prod_tab li.special {padding:0 30px;}
		.goods_teacher .prod_cont {}
		.goods_teacher .prod_cont .lesson_hd {display:flex;align-items:center;justify-content: space-between;margin-bottom:33px;}
		.goods_teacher .prod_cont .lesson_hd h6 {font-size:var(--title-22);font-weight:400;font-family:var(--font-type02);color:var(--black-color03);}
		.goods_teacher .prod_cont .lesson_hd h6 strong {font-size:var(--title-30);font-weight:600;font-family:var(--font-type02);color:var(--point-color01);}
		.goods_teacher .prod_cont .lesson_hd .btn_down_wrap {font-size:0;}
		.goods_teacher .prod_cont .lesson_hd .btn_down_wrap li {display:inline-block;}
		.goods_teacher .prod_cont .lesson_hd .btn_down_wrap li + li {margin-left:10px;}
		.goods_teacher .prod_cont .data_cont {}
		.goods_teacher .prod_cont .data_cont .data_box {background:#F1F5FA;border-radius:10px;padding:30px;box-sizing:border-box;}
		.goods_teacher .prod_cont .data_cont .data_box + .data_box {margin-top:30px;}
		.goods_teacher .prod_cont .data_cont .data_box dt {padding-bottom:26px;}
		.goods_teacher .prod_cont .data_cont .data_box dt label {font-size:var(--title-22);font-weight:500;color:var(--point-color06);}
		.goods_teacher .prod_cont .data_cont .data_box dt label:before {top:3px;}
		.goods_teacher .prod_cont .data_cont .data_box dd {}
		.goods_teacher .prod_cont .data_cont .data_box dd ul {display:flex;flex-wrap: wrap;}
		.goods_teacher .prod_cont .data_cont .data_box dd ul li {width:calc(50% - 10px);height:auto;padding:15px 20px;background:#fff;border:1px solid var(--border-color01);border-radius:10px;display:inline-flex;align-items:center;justify-content: space-between;box-sizing:border-box;}
		.goods_teacher .prod_cont .data_cont .data_box dd ul li:nth-of-type(2n) {margin-left:20px;}
		.goods_teacher .prod_cont .data_cont .data_box dd ul li:nth-of-type(n+3) {margin-top:20px;}
		.goods_teacher .prod_cont .data_cont .data_box dd ul li .inp_custom {width:calc(100% - 102px);font-size:var(--title-20);}
		.goods_teacher .prod_cont .data_cont .data_box dd ul li .inp_custom label {font-size:95%;}

            /* over */
                @media screen and (min-width:1024px){
					.goods_view .prod_info .exp_wrap .btn_book_box li:hover a{border-color:var(--point-color01);}
                    .goods_view .prod_tab > li:hover{ border-color: var(--point-color02); z-index: 5;} 
					.btn_icon_wrap .btn_icon {transition:all 0.5s;}
					.btn_icon_wrap .btn_icon:hover {background-color:var(--point-color01);border-color:var(--point-color01);}
					.btn_icon_wrap .btn_icon.book:hover {background-image:url('../images/sub/bookmark_ico_w.png');background-size:16px auto;}
					.btn_icon_wrap .btn_icon.down:hover {background-image:url('../images/sub/download_ico_w.svg');background-size:18px auto;}
					.btn_icon_wrap .btn_icon.del:hover {background-image:url('../images/sub/delete_ico_w.svg');background-size:15px auto;}
					.btn_icon_wrap .btn_icon.preview:hover {background-image:url('../images/sub/icon_prev_pdf_w.svg');background-size:20px auto;}
					.goods_bnr:hover span{background:var(--point-color01);}
					.goods_bnr:hover span:before{border-color:var(--point-white);}
                }

        .goods_view .prod_cont{position: relative; padding-bottom: 120px;}
        .goods_view .prod_cont .item{opacity: 0; height: 0; overflow: hidden; transition: all 0.4s;}
            .goods_view .prod_cont .item.on{height: auto; opacity: 1; overflow: visible;}
			.goods_view .prod_cont .item .sub_title{margin-bottom:30px;}
			.goods_view .prod_cont .item .sub_title.down_title{display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
			.goods_view .prod_cont .item .sub_title.down_title a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:183px;height:46px;background:var(--point-color01);border-radius:8px;gap:6px;font-size:var(--title-20);color:var(--point-white);font-weight:500;}
			.goods_view .prod_cont .item .sub_title.down_title a span{font-size:85%;color:inherit;font-weight:inherit;}
			.goods_view .prod_cont .item .sub_title.down_title a:after{width:10px;height:10px;content:"";box-sizing:border-box;border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(45deg);margin-top:2px;}
        .goods_view .prod_cont .sub_title h5{font-size: 130%;}
        .goods_view .prod_cont .sub_title p{font-size: inherit;}
        .goods_view .prod_cont .item .cont + .cont{margin-top:80px;}
		.goods_view .prod_cont .item .cont .img img + img{margin-top:60px;}
        .goods_view .prod_cont .file_wrap{border:1px solid var(--border-color01); padding:15px 20px 15px 30px; box-sizing:border-box; border-radius: 10px; font-size: var(--title-20); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap:15px 30px;}
            .goods_view .prod_cont .file_wrap + .file_wrap{margin-top: 10px;}
        .goods_view .prod_cont .file_name{cursor:text;}
        .goods_view .prod_cont .file_name a{font-size: 95%; font-weight: 400; color: var(--black-color03) !important; letter-spacing: -0.04em; pointer-events: none;}
        .goods_view .prod_cont .more_btn a{position: absolute; top:0; left:0; width: 100%; height: 100%; font-size: 0; opacity: 0; z-index: 5;}
        .goods_view .prod_cont .more_btn .link{position: absolute; top:0; left:0; width: 100%; height: 100%;}
        
		.goods_view .prod_cont .notice {margin-top: 60px; background: var(--gray-bg03) url('../images/sub/icon_notice.svg'); background-repeat: no-repeat; background-position: 60px center; border:1px solid var(--border-color01); padding: 30px; padding-left: 180px; box-sizing:border-box; border-radius: 10px; font-size: var(--title-20);}
		.goods_view .prod_cont .notice dt {margin-bottom: 10px; font-weight: 600; color: var(--black-color01); letter-spacing: -0.04em;}
		.goods_view .prod_cont .notice dd {font-size: 85%; font-weight: 400; color: var(--black-color06); line-height: 1.66; letter-spacing: -0.04em;}
		.goods_view .prod_cont .notice dd * {display: block; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; letter-spacing: inherit;}
		.goods_view .prod_cont .notice dd p + strong {font-size: 80%; margin-top: 8px; font-weight: 500; color:#ed1818;}

		#wrap .down_notice{box-sizing:border-box;border-radius:20px;border:1px solid #ddd;display: flex;flex-wrap:wrap;font-size:var(--title-20);color:var(--black-color02);font-weight:500;margin-bottom:65px;align-items: flex-start;padding:40px 40px;}
		#wrap .down_notice dt{box-sizing:border-box;position: relative;padding-left:20px;font-size:140%;color:inherit;font-weight:inherit;width:250px;}
		#wrap .down_notice dt:before{width:6px;height:6px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02);position: absolute;left:0;top:50%;transform:translateY(-50%);}
		#wrap .down_notice dd{box-sizing:border-box;font-size:var(--title-20);color:var(--black-color06);font-weight:400;width:calc(100% - 250px);padding-left:74px;}
		#wrap .down_notice dd > p{font-size:100%;color:inherit;font-weight:inherit;font-family:var(--font-type01);line-height:1.7;margin-top:5px;}
		#wrap .down_notice dd > p strong{font-size:inherit;color:#ED1818;font-weight:500;}
		#wrap .down_notice dd .date{display: flex;font-size:var(--title-20);color:var(--black-color02);font-weight:400;margin-top:17px;}
		#wrap .down_notice dd .date p{font-size:100%;color:inherit;font-weight:inherit;font-family:var(--font-type01);}
		#wrap .down_notice dd .date p strong{font-size:inherit;color:var(--point-color01);font-weight:500;font-family:inherit;}



		.goods_view .related_wrap{position: relative; margin:0; box-sizing: border-box;}
        .goods_view .related_wrap .swiper_arw{position: absolute; top:42%; left:auto; right:calc(100% + 40px); width: 50px; height: 50px; border-radius: 100%; background: var(--point-white); box-shadow: 0 0 16.3px rgba(0,0,0,0.1); transition: all 0.4s;}
            .goods_view .related_wrap .swiper_arw.swiper-button-next{right:auto; left:calc(100% + 40px);}
            .goods_view .related_wrap .swiper_arw:before{position: absolute;content:'';width: 7px;height: 7px;border:2px solid var(--transparent);border-top-color: var(--black-color02);border-left-color: var(--black-color02);top: 50%;left: calc(50% + 2px);transform: translate(-50%, -50%) rotate(-45deg);border-radius: 2px;}
            .goods_view .related_wrap .swiper_arw.swiper-button-next:before{transform: translate(-50%, -50%) rotate(-45deg) scale(-1,-1);left: calc(50% - 2px);}
            .goods_view .related_wrap .swiper_arw:after{display: none;}
        .goods_view .relatedSwiper{overflow: hidden; box-sizing: border-box;}
        .goods_view .relatedSwiper .swiper-wrapper{flex-wrap: nowrap; width: 100%; margin:0;}
        .goods_view .relatedSwiper .swiper-slide{margin:0;}
        .goods_view .relatedSwiper .txt_box{margin-top:0; padding-top:17px; font-size: var(--title-20);}
        .goods_view .relatedSwiper .txt_box p{font-size: 110%;}
        .goods_view .relatedSwiper .list li .thumb:before, .goods_view .relatedSwiper .list li .thumb:after{display: none;}
        .goods_view .relatedSwiper .list :is(li, li:hover) .thumb .img_box{border-radius: 20px;}
        .goods_view .relatedSwiper .list :is(li, li:hover) .thumb .img_box img{transform: translate(-50%, -50%);}
        .goods_view .relatedSwiper .list li .thumb .img_box{border:1px solid var(--gray-bg01);}
            /* over */
                @media screen and (min-width:1024px){
                    .goods_view .related_wrap .swiper_arw:hover{background: var(--point-color01);}
                    .goods_view .related_wrap .swiper_arw:hover:before{filter: var(--filter-white);}
                    .goods_view .relatedSwiper .list li:hover .thumb .img_box{border-color: var(--black-color00);}
                }
		
        #layer_dim{position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 50; pointer-events: none; opacity: 0; transition: all 0.4s;}
        .layer_popup{position: fixed; top:0; left:0; z-index:52; pointer-events: none; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
            .layer_popup.on .layer_wrap{pointer-events: all; opacity: 1;}
            body:has(.layer_popup.on){overflow: hidden; touch-action: none;}
            body:has(.layer_popup.on) #layer_dim{pointer-events: all; opacity: 1;}
        .layer_popup .layer_wrap{ width: calc(100% - 30px); max-width: 420px; border-radius: 20px; overflow: hidden; pointer-events: none; opacity: 0; transition: all 0.4s;}
        .layer_popup .layer_title{position: relative;font-size: var(--title-20);background: var(--black-color03);padding: 17px 60px 18px 20px;}
        .layer_popup .layer_title h5{font-size: 120%; font-weight: 500; color: var(--point-white); letter-spacing: -0.04em;}
        .layer_popup .close_btn{position: absolute;top:50%;right:20px;width: 25px;height: 25px;transform: translateY(-50%);}
        .layer_popup .close_btn span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: var(--point-white);border-radius: 5px;}
        .layer_popup .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
        .layer_popup .cont{padding:30px; background: var(--point-white); box-sizing: border-box;}
        .layer_popup .link_desc{display: flex; align-items: center; justify-content: space-between; gap:15px 30px; box-sizing: border-box; font-size: var(--title-20); font-family: var(--font-type01);}
            .layer_popup .link_desc + .link_desc{margin-top:15px; padding-top:15px; border-top:1px solid var(--border-color01);}
        .layer_popup .link_desc dt{font-size: inherit; font-weight: 400; color: var(--black-color05); letter-spacing: -0.04em;}
        .layer_popup .link_desc .more_btn, .layer_popup .link_desc .more_btn:before, .layer_popup .link_desc .more_btn:after{border-radius: 4px;}
        
        @media screen and (max-width:1480px){
            .goods_view .related_wrap{padding:0 80px;}
            .goods_view .related_wrap .swiper_arw{right:auto; left:0;}
            .goods_view .related_wrap .swiper_arw.swiper-button-next{left:auto; right:0;}
        }
        @media screen and (max-width:1360px){
            .goods_view .prod_info .thumb_wrap{width: 40.4vw;}
            .goods_view .prod_info .exp_wrap{width: calc(100% - 40.4vw); padding-left: 7vw;}
        }
		@media screen and (max-width:1200px){
			.goods_view .prod_info .thumb_wrap .btn_list li{width:calc(50% - 5px);}
		}
        @media screen and (max-width:1024px){
            .goods_view .prod_info .btn_list{gap:15px;}
            .goods_view .prod_info .thumb_wrap{width:400px;}
            .goods_view .prod_info .thumb_wrap .btn_list{margin-top: 25px;}
            .goods_view .prod_info .exp_wrap{width: calc(100% - 400px); padding-left: 40px;}
            .goods_view .prod_info .exp_wrap .btn_list{margin-top: 38px;}
			.goods_view .prod_info .exp_wrap .btn_book_box{margin-top:6px;}
			.goods_view .prod_info .exp_wrap .btn_book_box li{width:calc(50% - 7.5px);}
			.goods_view .prod_info .exp_wrap .btn_book_box li a{gap:6px;}
			.goods_view .prod_info .exp_wrap .btn_book_box li a span{font-size:89%;}
            .goods_view .prod_info .exp_wrap .btn_list > li:has(.gray){max-width: 170px;}
            .goods_view .prod_info .desc dt{width: 100px;}
            .goods_view .prod_info .desc dd{width: calc(100% - 100px);}

			.goods_view .prod_cont .notice {background-position: 50px center; background-size: 54px; padding-left: 150px;}

			.goods_teacher .prod_info .down_list .btn_icon_wrap .more_btn span{height:40px;padding:0 15px;}

			.btn_icon_wrap .btn_icon {width:40px;height:40px;}
			.btn_icon_wrap .btn_icon.book {background-size:13px auto;}
			.btn_icon_wrap .btn_icon.down {background-size:15px auto;}
			.btn_icon_wrap .btn_icon.del {background-size:13px auto;}
			.btn_icon_wrap .btn_icon + .btn_icon {margin-left:5px;}

			#wrap .down_notice{padding:30px 30px;}
			#wrap .down_notice dt{width:220px;}
			#wrap .down_notice dd{width:calc(100% - 220px);padding-left:40px;}
			#wrap .down_notice dd > p br{display: none;}
			
        }
        @media screen and (max-width:860px){
            .goods_view .prod_info{flex-direction: column; gap:40px;}
            .goods_view .prod_info .thumb_wrap{width:100%; max-width: 550px; margin:0 auto;}
            .goods_view .prod_info .thumb_wrap .btn_list{margin-top: 20px;}
            .goods_view .prod_info .exp_wrap{width: 100%; padding:0;}            
            .goods_view .prod_info .exp_wrap .btn_list{margin-top: 33px;}
			.goods_view .prod_info .exp_wrap .btn_book_box{margin-top:0 !important;}
			.goods_view .prod_info .exp_wrap .btn_book_box li a span{font-size:100%;}
            .goods_view .prod_info .title dt + dd{margin-top:20px;}
            .goods_view .prod_info .detail{padding-top:25px; margin-top:25px;}
            .goods_view .prod_info .desc dt{width: 90px;}
            .goods_view .prod_info .desc dd{width: calc(100% - 90px);}

            .goods_view .prod_tab{margin-bottom: 45px;}
            .goods_view .prod_tab > li{height: 65px;}

			.goods_view .prod_cont .notice {margin-top: 40px; padding: 20px; background-image: none;}
			
            .goods_view .prod_cont .file_wrap{padding:15px 20px 15px 25px;}

			.goods_teacher .prod_cont .lesson_hd {display:block;}
			.goods_teacher .prod_cont .lesson_hd .btn_down_wrap {padding-top:20px;}
			.goods_teacher .prod_cont .data_cont .data_box {padding:20px;}
			.goods_teacher .prod_cont .data_cont .data_box dt {padding-bottom:16px;}
			.goods_teacher .prod_cont .data_cont .data_box + .data_box {margin-top:20px;}
			.goods_teacher .prod_info .down_list dt .inp_custom label:before {top:2px;}
			
			.goods_bnr{padding:40px 25px;background-position:right 27% center;margin-bottom:40px;}
			
        }
        @media screen and (max-width:640px){
            .goods_view .prod_info{gap:30px; padding-bottom: 40px;}
            .goods_view .prod_info .thumb_wrap .btn_list{margin-top: 15px;}     
            .goods_view .prod_info .thumb{border-radius: 20px;}  
            .goods_view .prod_info .exp_wrap .btn_list{margin-top: 28px;}
			.goods_view .prod_info .exp_wrap .btn_book_box li{height:60px;}
            .goods_view .prod_info .exp_wrap .btn_list > li:has(.gray){max-width: 160px;}
            .goods_view .prod_info .title dt + dd{margin-top:15px;}
            .goods_view .prod_info .detail{padding-top:20px; margin-top:20px;}
            .goods_view .prod_info .desc dt{width: 80px;}
            .goods_view .prod_info .desc dd{width: calc(100% - 80px);}

			.goods_teacher .prod_info .down_list .btn_icon_wrap .more_btn span{height:35px}
            
            .goods_view .prod_tab{margin-bottom: 40px;}
            .goods_view .prod_tab > li{height: 60px; border-radius: 4px 4px 0 0;}

            .goods_view .prod_cont{padding-bottom: 100px;}
            .goods_view .prod_cont .item .cont + .cont{margin-top:60px;}

            .goods_view .prod_cont .file_wrap{padding:15px 20px 15px 20px; border-radius: 5px;}

			.goods_view .prod_btm {}
			
            .goods_view .related_wrap{padding:0;}
            .goods_view .related_wrap .swiper_arw{display: none;}
            .goods_view .relatedSwiper{width: calc(100% + 30px); margin-left: -15px; padding:0 22vw 0 15px}
            .goods_view .relatedSwiper .list :is(li, li:hover) .thumb .img_box{border-radius: 10px;}
            
            .layer_popup .layer_wrap{border-radius: 10px;}

			.btn_icon_wrap .btn_icon {width:35px;height:35px;border-radius:5px;}
			.btn_icon_wrap .btn_icon.book {background-size:11px auto;}
			.btn_icon_wrap .btn_icon.down {background-size:13px auto;}
			.btn_icon_wrap .btn_icon.del {background-size:11px auto;}
			
			.goods_teacher .prod_top {display:block;}
			.goods_teacher .prod_top .prod_tab {margin-top:15px;}
			.goods_teacher .prod_top .prod_tab li {width:16%;}
			.goods_teacher .prod_info .down_list dt {padding:10px 15px;}
			.goods_teacher .prod_info .down_list dd {padding:15px;}
			.goods_teacher .prod_info .down_list dd ul li + li {margin-top:10px;}
			.goods_teacher .prod_cont .data_cont .data_box dd ul {display:block;}
			.goods_teacher .prod_cont .data_cont .data_box dd ul li {width:100%;}
			.goods_teacher .prod_cont .data_cont .data_box dd ul li + li {margin-left:0 !important;margin-top:10px !important;}
			.goods_teacher .prod_cont .data_cont .data_box dt label:before {top:3px;}
		
			#wrap .down_notice dt{width:100%;font-size:125%;}
			#wrap .down_notice dd{width:100%;padding:0;}
			#wrap .down_notice dd > p,
			#wrap .down_notice dd .date p{font-size:89%;}
			
			.goods_view .prod_cont .item .sub_title{margin-bottom:10px;}
			.goods_view .prod_cont .item .sub_title.down_title a{width:150px;height:38px;}
			.goods_view .prod_cont .item .sub_title.down_title a:after{width:8px;height:8px;}
			.goods_view .prod_cont .item .cont .img img + img{margin-top:40px;}
			
			.goods_bnr{padding: 30px 20px;background-position: right 34% center;}
			.goods_bnr .txt{flex-direction: column;gap:2px;align-items: flex-start;}
			.goods_bnr .txt p .m_br{display:inline;}
			
        }
        @media screen and (max-width:479px){
            .goods_view .prod_info{gap:25px;}    
			.goods_view .prod_info .thumb_wrap .btn_list li{height:46px;}
			.goods_view .prod_info .thumb_wrap .btn_list a{gap:8px;}
			.goods_view .prod_info .thumb_wrap .btn_list .btn_preview:before{width:18px;height:16px;}
			.goods_view .prod_info .thumb_wrap .btn_list .btn_qr:before{width:18px;height:18px;}
            .goods_view .prod_info .btn_list{gap:10px;}
            .goods_view .prod_info .exp_wrap .btn_list{margin-top: 23px;}
			.goods_view .prod_info .exp_wrap .btn_book_box li{width:100%;height:55px;}
			.goods_view .prod_info .exp_wrap .btn_book_box li a{border-radius:4px;gap:10px;}
			.goods_view .prod_info .exp_wrap .btn_book_box li a:before{width:20px;height:20px;;}
            .goods_view .prod_info .exp_wrap .btn_list > li:has(.gray){max-width: 140px;}
            .goods_view .prod_info .title .revised{height: 31px;}
            .goods_view .prod_info .title dt + dd{margin-top:15px;}
            .goods_view .prod_info .desc dt{width: 70px;}
            .goods_view .prod_info .desc dd{width: calc(100% - 70px);}

            .goods_view .prod_tab{margin-bottom: 35px;white-space: nowrap;overflow-x: auto;width: calc(100% + 30px);margin-left: -15px;padding: 0 15px;box-sizing: border-box;}
			.goods_view .prod_tab::-webkit-scrollbar{display: none;}
            .goods_view .prod_tab > li{height: 55px; font-size: 90%;}

            .goods_view .prod_cont{padding-bottom: 70px;}
            .goods_view .prod_cont .item .cont + .cont{margin-top:40px;}

            .goods_view .prod_cont .file_wrap{padding:15px;}

			#wrap .down_notice{padding:20px 20px;border-radius:10px;}
			#wrap .down_notice dt{padding-left:12px;}
			#wrap .down_notice dt:before{width:4px;height:4px;}
			
			.goods_bnr{border-radius:5px;padding:20px 20px;;}
			.goods_bnr span{width:30px;height:30px;}
			.goods_bnr span:before{width:5px;height:5px;}
        }
        @media screen and (max-width:431px){
            .goods_view .prod_tab > li{height: 50px;}
        }
        @media screen and (max-width:360px){
            .goods_view .prod_cont :is(.file_name, .more_btn){width: 100%;}
        }
        @media screen and (max-width:320px){
            .goods_view .relatedSwiper{width: calc(100% + 20px); margin-left: -10px; padding:0 22vw 0 10px}
        }
        


/*───────────────────────────────────────────────────────────
	게시판 리스트
───────────────────────────────────────────────────────────*/
	.board_select {}
	.board_select #subject_type,
	.board_select #textbook_type {width:300px;}
	.board_select .btn_select {font-size:18px;border-radius:6px;background:var(--black-color05) !important;font-weight:500 !important;width:100px;}
	.learining_box {}
	.learining_box .learigin_top {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
	.learining_box .learigin_top .inp_custom {}
	.learining_box .learigin_top .btn_down {}
	.learining_box .learigin_top .btn_down span {}
	.learining_box .learigin_top .btn_down span:after {}
	.learining_box .learining_list {border-top:1px solid var(--black-color03);}
	.learining_box .learining_list .learin_q {padding:25px 0;border-bottom:1px solid var(--border-color01);position:relative;z-index:1;}
	.learining_box .learining_list .learin_q.on {border-bottom:0px solid var(--border-color01);}
	.learining_box .learining_list .learin_q .inp_custom {display:inline-block;vertical-align:top;}
	.learining_box .learining_list .learin_q .inp_custom input[type="checkbox"] + label:before {margin-top:2px;}
	.learining_box .learining_list .learin_q .title_box {display:inline-block;font-size:var(--title-20);width:80%;}
	.learining_box .learining_list .learin_q .title_box p {font-size:95%;color:var(--black-color03);}
	.learining_box .learining_list .learin_q .icons {width:10px;height:10px;content:"";border:2px solid var(--black-color03);border-width:2px 2px 0 0;transform:rotate(135deg);transition:all 0.5s;display:inline-block;margin-right:33px;font-size:0;position:absolute;right:0;top:40%;cursor:pointer;}
	.learining_box .learining_list .learin_q .icons.on {transform: rotate(-45deg);border-color:var(--point-color01);top:45%;}
	.learining_box .learining_list .learin_a {display:none;border-radius:20px;padding:30px;background:#F3F9FD;}
	.learining_box .learining_list .learin_a .yui3-cssreset {}
	.learining_box .learining_list .btn_down{width: 46px;height: 46px;box-sizing: border-box;display: inline-block;font-size: 0;background:url('../images/sub/download_ico.svg')no-repeat center;background-size: 18px auto;position: absolute;top:50%;right:0;transform:translateY(-50%);}
	
	table.bbs_list .inp_custom input[type="checkbox"] + label {padding:0;}
	table.bbs_list .inp_custom input[type="checkbox"] + label:before {top:auto;position:relative;left:auto;margin:0;}

    @media screen and (max-width:1030px){
		.board_select select {width:150px;}
		.board_select #textbook_type {width:150px;}
	}
    @media screen and (max-width:1200px){
		.sub_sharing table.bbs_list col:nth-child(6),
		.sub_sharing table.bbs_list thead tr th:nth-child(6),
		.sub_sharing table.bbs_list tbody tr td:nth-child(6){display:none;}
	}
    @media screen and (max-width:899px){
		.board_select .board_search_sel {display:flex;width:100%;}
		.board_select select {width:calc(50% - 5px) !important;}
		.board_select .inp_custom {margin-top:10px;width:100%;}
		.board_select .inp_custom .input_text {width:calc(100% - 56px);}
	}
    @media screen and (max-width:860px){
		.board_select #subject_type {width:200px;}
		/* .sub_sharing table.bbs_list col:nth-child(4),
		.sub_sharing table.bbs_list thead tr th:nth-child(4),
		.sub_sharing table.bbs_list tbody tr td:nth-child(4) {display:none;} */
		.sub_sharing table.bbs_list col:nth-child(5) {width:20%;}
	}
    @media screen and (max-width:640px){
		.board_select #subject_type,
		.board_select #textbook_type {width:calc(100% - 95px);}
		.board_select .btn_select {font-size:16px;width:80px;margin-left:10px;}
		.board_select .inp_custom .input_text {width:calc(100% - 44px);}
		.board_select .board_search_sel:last-of-type {}
		.board_select .board_search_sel:not(:has(+ .inp_custom)) {margin-bottom:0;}
		.board_select .inp_custom {margin-top:0;}
		.learining_box .learigin_top {margin-bottom:15px;}
        .learining_box .learining_list .learin_q .icons {width:8px;height:8px;margin:0;right:20px;}
		.learining_box .learining_list .learin_a {border-radius:20px;}
		.learining_box .learining_list .learin_q {padding:20px 0;}

		.learining_box .learining_list .btn_down{background-size:14px auto;}
    }

/*───────────────────────────────────────────────────────────
	마이페이지
───────────────────────────────────────────────────────────*/
	/*** 즐겨찾기 | member/favorites ***/
		.sub_favorites {}
		.sub_favorites .archive_cont {padding-top:77px;}
		.sub_favorites .archive_cont .bbs_sort {display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;}
		.sub_favorites .archive_cont .bbs_sort .btn_icon_wrap {display:flex;align-items:center;}
		.sub_favorites .archive_cont .bbs_sort .btn_icon_wrap .inp_custom {}
		.sub_favorites .archive_cont .bbs_sort .btn_icon_wrap .inp_custom label {font-size:var(--title-16);font-weight:400;color:var(--black-color06);}
		.sub_favorites .archive_cont .bbs_sort .btn_icon_wrap ul {display:flex;}
		.sub_favorites .archive_cont .bbs_sort .btn_icon_wrap ul li + li {margin-left:30px;}
		.sub_favorites .archive_cont .bbs_sort .btn_icon_wrap ul li a {vertical-align:middle;}
		.sub_favorites .archive_cont .bbs_sort .btn_icon_wrap ul li p {font-size:var(--title-16);font-weight:400;color:var(--black-color06);display:inline-block;vertical-align:middle;padding-left:10px;}
		.sub_favorites .archive_cont .bbs_sort .sort {font-size:0;}
		.sub_favorites .archive_cont .bbs_sort .sort select {width:240px;font-size:var(--title-18);font-weight:var(--black-color04);}
		.sub_favorites .archive_cont .bbs_sort .sort select + select {margin-left:10px;}
		.sub_favorites .archive_cont .bbs_sort .sort select.short_select {width:180px;}
		.sub_favorites .archive_cont .bbs_sort .sort .btn_default {width:auto;height:56px;padding:0 22px;line-height:54px;font-size:var(--title-18);font-weight:600;letter-spacing:-0.03em;background:var(--black-color05) !important;border-color:var(--black-color05) !important;margin-left:10px;}
		.sub_favorites .archive_cont table.bbs_list tbody tr td {font-size:var(--title-17);color:var(--black-color06);}
		.sub_favorites .archive_cont table.bbs_list tbody tr td .inp_custom label {font-size:0;}
		.sub_favorites .archive_cont table.bbs_list tbody tr td .subject_wrap {padding-left:10px;padding-right:10px;}
		.sub_favorites .archive_cont table.bbs_list tbody tr td .subject_wrap .subject {box-sizing:border-box;}
		.sub_favorites .archive_cont table.bbs_list tbody tr td .subject_wrap .btn_icon_wrap {width:102px;}
		@media only screen and (max-width:1024px) {
			.sub_favorites .archive_cont {padding-top:67px;}
		}
		@media only screen and (max-width:960px) {
			.sub_favorites .archive_cont .bbs_sort .btn_icon_wrap ul li + li {margin-left:20px;}
			.sub_favorites .archive_cont .bbs_sort .sort select {width:200px;font-size:var(--title-17);}
			.sub_favorites .archive_cont .bbs_sort .sort select.short_select {width:140px;}
			.sub_favorites .archive_cont .bbs_sort .sort .btn_default {font-size:var(--title-17);}
		}
		@media only screen and (max-width:860px) {
			.sub_favorites .archive_cont {padding-top:57px;}
			.sub_favorites .archive_cont .bbs_sort {display:block;}
			.sub_favorites .archive_cont .bbs_sort .btn_icon_wrap {margin-bottom:20px;}
			.sub_favorites .archive_cont .bbs_sort .sort select + select {width:calc(100% - 235px);}
			.sub_favorites .archive_cont .bbs_sort .sort .btn_default {width:75px;}
		}
		@media only screen and (max-width:640px) {
			.sub_favorites .archive_cont {padding-top:47px;}
			.sub_favorites .archive_cont .bbs_sort .btn_icon_wrap {margin-bottom:15px;}
			.sub_favorites .archive_cont .bbs_sort {padding-bottom:20px;}
			.sub_favorites .archive_cont .bbs_sort .sort select {height:44px;}
			.sub_favorites .archive_cont .bbs_sort .sort .btn_default {height:44px;line-height:43px;padding:0 15px;}

			.member_favorites table.bbs_list col:nth-child(1),
			.member_favorites table.bbs_list thead tr th:nth-child(1),
			.member_favorites table.bbs_list tbody tr td:nth-child(1) {display:block;}
			.member_favorites table.bbs_list col:nth-child(2) {width:11%;}
			.member_favorites table.bbs_list col:nth-child(6) {width:125px;}
			.sub_favorites .archive_cont table.bbs_list tbody tr td .subject_wrap{display: none;}

			.sub_favorites .archive_cont table.bbs_list {}
			.sub_favorites .archive_cont table.bbs_list thead {display:none;}
			.sub_favorites .archive_cont table.bbs_list colgroup,
			.sub_favorites .archive_cont table.bbs_list tbody,
			.sub_favorites .archive_cont table.bbs_list tr {display:block;width:100%;text-align:left;font-size:0;}
			.sub_favorites .archive_cont table.bbs_list tr {border-bottom:1px solid var(--border-color01);padding:20px 0;box-sizing:border-box;position: relative;}
			.sub_favorites .archive_cont table.bbs_list td {border:0;padding:0;display:inline-block;}
			.sub_favorites .archive_cont table.bbs_list tbody tr td .inp_custom label {font-size:var(--title-16);color:var(--black-color06);}
			.sub_favorites .archive_cont table.bbs_list tbody tr td .inp_custom label:before {margin-right:10px;}
			.sub_favorites .archive_cont table.bbs_list tbody tr td.chk {margin-bottom:20px;}
			.sub_favorites .archive_cont table.bbs_list tbody tr td.ex_info {font-size:var(--title-16);padding:0 10px;border:1px solid var(--point-color01);color:var(--point-color01);height:24px;line-height:21px;border-radius:16px;}
			.sub_favorites .archive_cont table.bbs_list tbody tr td.ex_info + .ex_info {margin-left:5px;}
			.sub_favorites .archive_cont table.bbs_list tbody tr td.ex_info span.hide {display:inline-block !important;font-size:inherit;color:inherit;}
			.sub_favorites .archive_cont table.bbs_list tbody tr td.left {display:block;padding:0;}
			.sub_favorites .archive_cont table.bbs_list tbody tr td.left .subject_wrap {padding:0;padding-top:10px;}
			.sub_favorites .archive_cont table.bbs_list tbody tr td.left .subject_wrap .subject {font-size:var(--title-20);color:var(--black-color03);width:calc(100% - 75px);padding-right:15px;box-sizing:border-box;}
			.sub_favorites .archive_cont table.bbs_list tbody tr td.left .subject_wrap .btn_icon_wrap {width:75px;position:absolute;right:0;top: 14px;}
		}
		@media only screen and (max-width:425px) {
			.sub_favorites .archive_cont .bbs_sort .sort select.short_select {width:90px;}
			.sub_favorites .archive_cont .bbs_sort .sort select + select {width:calc(100% - 160px);margin-left:5px;}
			.sub_favorites .archive_cont .bbs_sort .sort .btn_default {width:60px;margin-left:5px;}
		}
		@media only screen and (max-width:320px) {
		}

	/*** 교사인증 | member/certification ***/
		.sub_certification {}
		.sub_certification .sub_title {margin-bottom:40px;}
		.sub_certification .certifi_bnr {background:#F3F9FD;border-radius:20px;padding:80px;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;}
		.sub_certification .certifi_bnr:before {content:'';display:block;position:absolute;width:45px;height:52px;background:url('../images/sub/certifi_bnr_obj01.svg') no-repeat center;background-size:100% auto;right:8.36%;top:-26px;}
		.sub_certification .certifi_bnr .txt_wrap {}
		.sub_certification .certifi_bnr .txt_wrap h6 {font-size:var(--title-30);font-weight:500;color:var(--black-color02);letter-spacing:-0.03em;}
		.sub_certification .certifi_bnr .txt_wrap h6 strong {font-size:inherit;font-weight:700;color:var(--point-color01);}
		.sub_certification .certifi_bnr .txt_wrap p {font-size:var(--title-18);font-weight:400;color:var(--black-color06);letter-spacing:-0.03em;font-family:var(--font-type02);padding-top:15px;}
		.sub_certification .certifi_bnr .txt_wrap p strong {font-size:inherit;font-weight:500;color:var(--black-color03);}
		.sub_certification .certifi_bnr .step_wrap {display:flex;align-items:center;}
		.sub_certification .certifi_bnr .step_wrap li {position:relative;}
		.sub_certification .certifi_bnr .step_wrap li + li {margin-left:15px;padding-left:20px;}
		.sub_certification .certifi_bnr .step_wrap li + li:before {content:'';display:block;position:absolute;width:8px;height:16px;background:url('../images/sub/certifi_bnr_arw.svg') no-repeat center;background-size:100% auto;top:50%;left:0;transform:translateY(-50%);}
		.sub_certification .certifi_bnr .step_wrap li span {width:100px;height:100px;font-size:var(--title-17);font-weight:400;color:var(--black-color07);letter-spacing:-0.05em;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;}
		.sub_certification .certifi_bnr .step_wrap li span:before {content:'';display:block;position:absolute;width:100%;height:100%;border-radius:100%;border:1px solid var(--border-color01);background:#fff;box-sizing:border-box;z-index:-1;top:0;left:0;}
		.sub_certification .certifi_bnr .step_wrap li.on span {color:#fff;font-weight:600;}
		.sub_certification .certifi_bnr .step_wrap li.on span:before {border-color:var(--point-color01);background:var(--point-color01);}
		.sub_certification .certifi_bnr .bnr_bg {position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:-1;}
		.sub_certification .certifi_bnr .bnr_bg span {position:absolute;}
		.sub_certification .certifi_bnr .bnr_bg .obj01 {width:128px;height:128px;border-radius:100%;border:35px solid #AEE4FC;opacity:0.4;left:34.1%;top:-72px;box-sizing:border-box;}
		.sub_certification .certifi_bnr .bnr_bg .obj02 {width:73px;height:46px;background:url('../images/sub/certifi_bnr_obj02.svg') no-repeat center top;background-size:100% auto;bottom:0;left:44.92%;}
		.sub_certification .certifi_bnr .bnr_bg .obj03 {width:12px;height:43px;background:url('../images/sub/certifi_bnr_obj03.svg') no-repeat center;background-size:100% auto;right:31px;bottom:37px;}
		.sub_certification .certifi_list {font-size:0;padding-top:40px;display:flex;}
		.sub_certification .certifi_list li {border:1px solid var(--border-color01);background:#fff;border-radius:10px;padding:50px 40px 40px;width:calc(50% - 20px);box-sizing:border-box;display:inline-flex;flex-direction:column;justify-content:space-between;text-align:center;}
		.sub_certification .certifi_list li + li {margin-left:40px;}
		.sub_certification .certifi_list li .txt_wrap {}
		.sub_certification .certifi_list li .txt_wrap strong {font-size:var(--title-30);font-weight:600;color:var(--black-color03);letter-spacing:-0.03em;font-family:var(--font-type02);}
		.sub_certification .certifi_list li .txt_wrap p {font-size:var(--title-18);font-weight:400;color:var(--black-color06);letter-spacing:-0.03em;font-family:var(--font-type02);padding-top:30px;line-height:1.6;}
		.sub_certification .certifi_list li .btn_certifi {margin-top:40px;width:100%;height:70px;border-radius:8px;font-size:var(--title-20);font-weight:600;letter-spacing:-0.03em;display:flex;align-items:center;justify-content:center;}
		@media only screen and (max-width:1200px) {
			.sub_certification .certifi_bnr {padding:70px;}
			.sub_certification .certifi_bnr .step_wrap li span {width:90px;height:90px;}
		}
		@media only screen and (max-width:1100px) {
			.sub_certification .certifi_bnr {padding:60px;}
			.sub_certification .certifi_bnr .step_wrap li span {width:80px;height:80px;font-size:var(--title-16);}
		}
		@media only screen and (max-width:1024px) {
			.sub_certification .certifi_bnr {padding:60px 40px;}
			.sub_certification .certifi_list {padding-top:30px;}
			.sub_certification .certifi_list li {width:calc(50% - 10px);}
			.sub_certification .certifi_list li + li {margin-left:20px;}
		}
		@media only screen and (max-width:860px) {
			.sub_certification .certifi_list li {padding:40px 30px 30px;}
			.sub_certification .certifi_list li .btn_certifi {height:60px;margin-top:30px;}
			.sub_certification .certifi_list li .txt_wrap p {padding-top:25px;}
		}
		@media only screen and (max-width:768px) {
			.sub_certification .certifi_bnr {display:block;text-align:center;}
			.sub_certification .certifi_bnr .step_wrap {justify-content: center;margin-top:20px;}
			.sub_certification .certifi_bnr .bnr_bg .obj01 {left:3%;}
			.sub_certification .certifi_bnr .bnr_bg .obj02 {left:6%;}
			.sub_certification .certifi_bnr .bnr_bg .obj03 {right:20px;bottom:20px;}
		}
		@media only screen and (max-width:640px) {
			.sub_certification .certifi_bnr {padding:50px 10px;}
			.sub_certification .certifi_bnr:before {width:35px;height:42px;right:5.36%;top:-18px;}
			.sub_certification .certifi_bnr .txt_wrap {padding:0 10px;}
			.sub_certification .certifi_bnr .bnr_bg .obj01 {width:108px;height:108px;border-width:30px;top:-62px;}
			.sub_certification .certifi_bnr .bnr_bg .obj02 {width:63px;height:39px;}
			.sub_certification .certifi_bnr .bnr_bg .obj03 {width:9px;height:32px;}
			.sub_certification .certifi_list {display:block;}
			.sub_certification .certifi_list li {padding:30px 20px 20px;}
			.sub_certification .certifi_list li .btn_certifi {height:50px;margin-top:25px;}
			.sub_certification .certifi_list li {width:100%;}
			.sub_certification .certifi_list li + li {margin-left:0;margin-top:15px;}
			.sub_certification .certifi_list li .txt_wrap p {padding-top:20px;}
			.sub_certification .certifi_bnr .step_wrap li {width: 25%;margin:0 12.5px !important;padding:0;height: 0;padding-bottom: calc(25% - 27px) !important;}
			.sub_certification .certifi_bnr .step_wrap li + li {padding:0;}
			.sub_certification .certifi_bnr .step_wrap li + li:before {width:6px;height:13px;left: -16px;}
			.sub_certification .certifi_bnr .step_wrap li span {width:100%;height:100%;position: absolute;top: 0;left: 0;}
			.sub_certification .certifi_bnr .step_wrap li span:before {}
		}
		@media only screen and (max-width:425px) {
			.sub_certification .certifi_bnr:before {width: 25px;height: 32px;top: -15px;}
			.sub_certification .certifi_bnr .bnr_bg .obj01 {width: 88px;height: 88px;border-width: 20px;top: -52px;}
			.sub_certification .certifi_bnr .bnr_bg .obj02 {width: 43px;height: 27px;}
			.sub_certification .certifi_bnr .bnr_bg .obj03 {width: 7px;height: 25px;bottom: 18px;right: 15px;}
		}
		@media only screen and (max-width:320px) {
			.sub_certification .certifi_bnr {padding-left:0;padding-right:0;}
			.sub_certification .certifi_bnr .txt_wrap {padding:0 20px;}
		}

	/*** 나의 문의내역 | member/myinquiry ***/
		.sub_myinquiry {}
		.sub_myinquiry .faq_box {border-top:1px solid var(--black-color03);margin-top:80px;}
		.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .answer {padding-left:20px;box-sizing:border-box;}
		.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .page {padding-right:20px;box-sizing:border-box;}
		.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .ex_info {color:var(--black-color06);letter-spacing:-0.03em;}
		.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .answer {}
		.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .answer .end {color:var(--point-color01);}
		.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .answer .process {color:#C72A46;}
		@media only screen and (max-width:860px) {
			.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .answer,
			.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .page {padding:0 15px;}
			.faq_box .book_faq .faq_list .faq_q > div:nth-child(1),
			.faq_box .book_faq .faq_list .faq_q > div:nth-child(2) {width:14.7%;}
			.faq_box .book_faq .faq_list .faq_q > div:nth-child(3) {width:calc(70.6% - 45px);}
		}
		@media only screen and (max-width:640px) {
			.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .answer,
			.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .page {padding:0 5px;}
			.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .ex_info {font-size:14px;}
			.faq_box .book_faq .faq_list .faq_q > div:nth-child(1),
			.faq_box .book_faq .faq_list .faq_q > div:nth-child(2) {width:15.7%;}
			.faq_box .book_faq .faq_list .faq_q > div:nth-child(3) {width:calc(68.6% - 30px);}
		}
		@media only screen and (max-width:425px) {
			.sub_myinquiry .faq_box .book_faq .faq_list .faq_q .ex_info {font-size:13px;}
		}
	
	/*** 회원정보수정 & 회원가입 공통 ***/
		.sub_join .important {font-size:var(--title-17);font-weight:400;color:var(--black-color06);text-align:right;letter-spacing:-0.03em;padding-bottom:16px;font-family:var(--font-type01);}
		.sub_join .important span {font-size:inherit;font-weight:inherit;color:#C72A46;}
		#wrap .sub_join .view_btn .btn_wrap button,
		#wrap .sub_join .view_btn .btn_wrap a {width:200px;}
		table.bbs_write {border-top:2px solid var(--black-color00);border-bottom:1px solid var(--border-color01);}
		table.bbs_write th {font-family:var(--font-type01);text-align:left;font-size:var(--title-18);font-weight:500;color:var(--black-color03);}
		table.bbs_write th .require_dot {font-size:inherit;font-weight:inherit;color:#C72A46;}
		table.bbs_write td {font-family:var(--font-type02);font-size:var(--title-17);}
		table.bbs_write th,
		table.bbs_write td {padding:10px 0;letter-spacing:-0.03em;}
		table.bbs_write tr:first-of-type th,
		table.bbs_write tr:first-of-type td {padding-top:30px;}
		table.bbs_write tr:last-of-type th,
		table.bbs_write tr:last-of-type td{padding-bottom:25px;}
		table.bbs_write tr td input[type="text"]:not(input[name*="email"]),
		table.bbs_write tr td input[type="password"],
		table.bbs_write tr td select{width:430px;}
		table.bbs_write tr td input[type="text"]:read-only {background:var(--gray-bg02);cursor:auto;}
		table.bbs_write tr td .inp_custom + .inp_custom {margin-left:50px;}
		table.bbs_write tr td .inp_custom.chk label {margin-right:30px;font-weight:400;}
		table.bbs_write tr td .inp_custom.chk label:last-of-type {margin-right:0;}
		table.bbs_write tr td .btn_default {width:120px;height:56px;border-radius:8px;display:inline-flex;align-items:center;justify-content: center;font-size:var(--title-18);font-weight:600;letter-spacing:-0.03em;}
		table.bbs_write tr.mail td {display:inline-flex;align-items:center;}
		table.bbs_write tr.mail td input[name*="email"],
		table.bbs_write tr.mail td select[name*="email"] {width:202px;}
		table.bbs_write tr.mail td input[name*="email"] + .at {margin:0 5px;font-size:var(--title-18);color:var(--black-color03);font-weight:400;}
		table.bbs_write tr.mail td .at + input[name*="email"] {margin-right:10px;}
		table.bbs_write input[type="text"]:focus, table.bbs_write input[type="password"]:focus, table.bbs_write input[type="number"]:focus, table.bbs_write input[type="date"]:focus {border-color:var(--black-color01);}
		table.bbs_write select:focus {border-color:var(--black-color01);}
		table.bbs_write tr.mail td .btn_default {margin-left:10px;}
		table.bbs_write td .phone_box{height:56px;display:inline-flex;align-items:center;}
		table.bbs_write td .phone_box .btn_default {margin-left:-120px;}
		table.bbs_write td .phone_box + .verify_box{margin-top:10px;display: none;}
		table.bbs_write td .phone_box + .verify_box.on{display: block;}
		table.bbs_write td .radio_list{display: flex;flex-wrap:wrap;gap:20px 10px;}
		table.bbs_write td .radio_list li{}
		table.bbs_write td .radio_list li input[type="radio"] + label:before{top:0;}
		table.bbs_write tr td .inp_custom {height:56px;display:inline-flex;align-items:center;}
		table.bbs_write tr.id td {font-size:0;}
		table.bbs_write tr.id .btn_default {margin-left:-120px;}
		table.bbs_write tr.affiliated {}
		table.bbs_write tr.affiliated dl {display:flex;align-items:flex-start;}
		table.bbs_write tr.affiliated dl + dl {margin-top:10px;}
		table.bbs_write tr.affiliated dl dt {width:100px;line-height:56px;font-size:var(--title-18);font-weight:400;color:var(--title-18);color:var(--black-color03);}
		table.bbs_write tr.affiliated dl dd {display:inline-flex;align-items:center;}
		table.bbs_write tr.affiliated dl dd input[name="school"] {padding-right:140px;}
		table.bbs_write tr.affiliated dl dd .btn_default {margin-left:-120px;}
		table.bbs_write tr td p {font-size:var(--title-17);font-weight:400;color:var(--black-color07);padding-left:20px;display:inline;}
		table.bbs_write tr.member_type td p{display: block;padding:10px 0 0 0;}
		table.bbs_write tr td textarea {width:100%;height:180px;resize:none;border:1px solid var(--border-color01);border-radius:6px;}

		table.bbs_write .mem_type td input[type="radio"] + label:before{top:0;}
		table.bbs_write .affiliated{display: none;}
		table.bbs_write .affiliated.on{display:table-row;}

		table.bbs_write tr td .marketing_agree{display: none;}
		table.bbs_write tr td .marketing_agree.on{display: inline-flex;}

		/*학교검색*/
		.school_layer .layer_wrap{max-width:600px;}
		.school_layer .layer_wrap .cont{max-height:400px;overflow-y:auto;padding:0;}
		.school_layer .layer_wrap .cont::-webkit-scrollbar{width:4px;background: #ddd;}
		.school_layer .layer_wrap .cont::-webkit-scrollbar-thumb{width:4px;background:var(--black-color00);}
		.school_layer .layer_wrap .search_box{display: flex;flex-wrap:wrap;box-sizing:border-box;padding:30px 30px;background: #f5f5f5;}
		.school_layer .layer_wrap .search_box .search_input{width:calc(100% - 56px);border-radius:6px 0 0 6px;}
		.school_layer .layer_wrap .search_box .btn_default{width: 56px;height: 56px;box-sizing: border-box;font-size: 0;border-color: var(--black-color05) !important;background: var(--black-color05) url('../images/sub/icon_search.svg') no-repeat center !important;border-radius: 0 6px 6px 0;}
		.school_layer .layer_wrap .search_list{box-sizing:border-box;margin-top:30px;padding:0 30px 30px;}
		.school_layer .layer_wrap .search_list ul{}
		.school_layer .layer_wrap .search_list ul li{font-size:var(--title-18);font-weight:400;color:var(--black-color03);box-sizing:border-box;border-bottom:1px solid #ddd;padding:15px 0;cursor:pointer;}


		@media only screen and (max-width:1250px) {
			table.bbs_write {padding:30px 0 25px;}
			table.bbs_write,
			table.bbs_write tbody,
			table.bbs_write tr,
			table.bbs_write tr th,
			table.bbs_write tr td {display:block;}
			table.bbs_write colgroup {display:none;}
			table.bbs_write tr {display:flex;align-items:baseline;flex-wrap:wrap;}
			table.bbs_write tr th {width:150px;padding:0;}
			table.bbs_write tr td {width:calc(100% - 150px);padding:0;}
			table.bbs_write tr th,
			table.bbs_write tr td {padding:10px 0;}
			table.bbs_write tr:first-of-type th,
			table.bbs_write tr:first-of-type td {padding-top:0;}

			table.bbs_write tr.affiliated dl dd {flex-wrap:wrap;}
			table.bbs_write tr.affiliated dl dd p {padding:0;padding-top:5px;display:block;width:100%;}

			table.bbs_write .affiliated.on{display:flex;}
		}
		@media only screen and (max-width:1024px) {
			
		}
		@media only screen and (max-width:1005px) {
			
		}
		@media only screen and (max-width:860px) {
			#wrap .sub_join .view_btn .btn_wrap button,
			#wrap .sub_join .view_btn .btn_wrap a {width:180px;}
			table.bbs_write tr th {width:120px;}
			table.bbs_write tr td {width:calc(100% - 120px);}
			table.bbs_write tr td input[type="text"]:not(input[name*="email"]),
			table.bbs_write tr td input[type="password"],
			table.bbs_write tr td select{width:100%;}
			table.bbs_write tr td .btn_default {width:100px;}
			#wrap table.bbs_write tr.id input[type="text"]{width:calc(100% - 110px);}
			table.bbs_write tr.id .btn_default {margin-left:10px;}
			table.bbs_write tr.affiliated dl dt {width:90px;}
			table.bbs_write tr.affiliated dl dd {width:calc(100% - 90px);}
			table.bbs_write tr.affiliated dl dd .btn_default {margin-left:-100px;}
			table.bbs_write tr.mail td {flex-wrap: wrap;}
			table.bbs_write tr.mail td .at + input[name*="email"] {margin:0;}
			table.bbs_write tr.mail td input[name*="email"], table.bbs_write tr.mail td select[name*="email"] {width:calc(50% - 13px);}
			table.bbs_write tr.mail td select[name*="email"] {width:calc(100% - 110px);margin-top:10px;}
			table.bbs_write tr.mail td .btn_default {margin-top:10px;}	
			table.bbs_write td .phone_box{width:100%;}
			table.bbs_write td .phone_box .btn_default{margin-left:-100px;}
			table.bbs_write tr td .inp_custom + .inp_custom {margin-left:30px;}
			table.bbs_write tr td .inp_custom.chk label {margin-right:20px;}

			table.bbs_write tr.member_type td p{padding:5px 0 0 0;}
		}
		@media only screen and (max-width:720px) {
			table.bbs_write tr td .inp_custom {display:block;height:auto;}
			table.bbs_write tr td .inp_custom.chk {margin-left:0;margin-top:15px;}

			table.bbs_write tr td .marketing_agree{display: none;}
			table.bbs_write tr td .marketing_agree.on{display:block;}
		}
		@media only screen and (max-width:640px) {
			#wrap .sub_join .view_btn .btn_wrap button,
			#wrap .sub_join .view_btn .btn_wrap a {width:120px;}
			.sub_join .important {padding-bottom:10px;}
			table.bbs_write {padding:20px 0 15px;}
			table.bbs_write tr th,
			table.bbs_write tr td {padding:5px 0;}
			table.bbs_write tr td .btn_default {height:44px;}
			table.bbs_write tr.affiliated dl {flex-direction:column;}
			table.bbs_write tr.affiliated dl + dl {margin-top:15px;}
			table.bbs_write tr.affiliated dl dt,
			table.bbs_write tr.affiliated dl dd {width:100%;}
			table.bbs_write tr.affiliated dl dt {line-height:normal;padding-bottom:10px;}
			table.bbs_write tr td .inp_custom.chk label {margin-right:15px;}
			table.bbs_write tr td .inp_custom label {display:block;margin-top:8px;margin-bottom:8px;}
			table.bbs_write td .radio_list{gap:5px 10px;}

			.school_layer .layer_wrap{max-width:calc(100% - 30px)}
			.school_layer .layer_wrap .search_box{padding:25px 20px;}
			.school_layer .layer_wrap .search_box .search_input{width:calc(100% - 44px);}
			.school_layer .layer_wrap .search_box .btn_default{width:44px;height:44px;}
			.school_layer .layer_wrap .search_list{margin-top:20px;padding:0 20px 30px;}
			.school_layer .layer_wrap .search_list ul li{padding:10px 0;}
		}
		@media only screen and (max-width:479px) {
			table.bbs_write tr th {width:90px;font-size:14px;}
			table.bbs_write tr td {width:calc(100% - 90px);}
			table.bbs_write tr td .inp_custom.chk label {margin-bottom:8px;}
		}

	/*** 회원탈퇴 | member/withdrawal ***/
		.sub_withdrawal .withdrawal_info {border:1px solid var(--border-color01);border-radius:20px;padding:40px;box-sizing:border-box;background:#fff;margin-top:40px;}
		.sub_withdrawal .withdrawal_info h4 {display:block;font-size:var(--title-20);font-weight:500;color:var(--black-color03);letter-spacing:-0.03em;padding-bottom:14px;}
		.sub_withdrawal .withdrawal_info ul {}
		.sub_withdrawal .withdrawal_info ul li {font-size:var(--title-17);font-weight:400;color:var(--black-color07);letter-spacing:-0.03em;padding-left:13px;position:relative;}
		.sub_withdrawal .withdrawal_info ul li + li {margin-top:9px;}
		.sub_withdrawal .withdrawal_info ul li:before {content:'·';display:block;position:absolute;left:0;font-family:var(--font-type01);}
		.sub_withdrawal .withdrawal_info ul li strong {font-size:inherit;font-weight:500;color:#C72A46;}
		.sub_withdrawal .view_btn {text-align:center;}
		.sub_withdrawal .view_btn .inp_custom {padding-bottom:40px;}
		.sub_withdrawal .view_btn .inp_custom label {font-weight:400;text-align:left;}
		@media only screen and (max-width:860px) {
			.sub_withdrawal .withdrawal_info {padding:30px;margin-top:30px;border}
		}
		@media only screen and (max-width:640px) {
			.sub_withdrawal .withdrawal_info {border-radius:10px;padding:20px;}
			.sub_withdrawal .view_btn .inp_custom {padding-bottom:30px;}
		}


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

	회사소개 | CEO 인사말

───────────────────────────────────────────────────────────*/
	.sub_content .about_title{position: relative;}
	.sub_content .about_title:before{width:150px;height:150px;content:"";box-sizing:border-box;border-radius:100%;background:linear-gradient(180deg, #102079 0%, #FFF 100%);opacity:0.15;position: absolute;top:-41px;left:-99px;transform: rotate(-90deg);}
	.sub_content .about_title h4{font-size:var(--title-50);color:var(--black-color02);font-weight:600;position: relative;letter-spacing:-0.03em;}
	.sub_content .about_title h4 strong{font-size:inherit;color:var(--point-color01);font-weight:inherit;}
	.sub_content .about_title p{font-size:inherit;color:inherit;font-weight:inherit;padding-left:41px;}

	.sub_about{margin-top:120px;}
	.sub_about > div{box-sizing:border-box;position: relative;}
	.sub_about .txt_box{font-size:var(--title-20);color:var(--black-color03);font-weight:400;width:62.5%;padding-right:30px;}		
	.sub_about .txt_box h5{font-size:118%;color:inherit;font-weight:inherit;font-family:var(--font-type01);margin-top: 50px;line-height: 1.6;letter-spacing: -0.03em;}
	.sub_about .txt_box .txt{font-size:var(--title-20);color:var(--black-color06);font-weight:400;padding-top:43px;margin-top:49px;}
	.sub_about .txt_box .txt:before{width:60px;height:2px;content:"";background: #ddd;position: absolute;top:0;left:0;}
	.sub_about .txt_box .txt p{font-size:89%;color:inherit;font-weight:inherit;line-height:1.7;letter-spacing:-0.02em;}
	.sub_about .txt_box .txt p + p{margin-top:18px;}
	.sub_about .txt_box .sign{font-size:var(--title-20);color:var(--black-color02);font-weight:500;margin-top:50px;}
	.sub_about .txt_box .sign em{font-size:inherit;color:var(--point-color01);font-weight:inherit;}
	.sub_about .txt_box .sign p{font-size:118%;color:inherit;font-weight:inherit;margin-top:8px;letter-spacing:0.5em;}

	.sub_about .img_box{width:37.5%;position: sticky;top:150px;right:0;float: right;}
	.sub_about .img_box:before{width:220px;height:220px;content:"";box-sizing:border-box;border-radius:100%;border:45px solid #AEE4FC;opacity:0.3;position: absolute;bottom:-90px;right:-90px;}		
	.sub_about .img_box img{border-radius:20px;position: relative;}

	@media only screen and (max-width:1550px) {
		.sub_content .about_title:before{left:-40px;}
	}
	@media only screen and (max-width:1400px) {
		.sub_content .about_title{padding-left:40px;box-sizing:border-box;}
		.sub_content .about_title:before{left:0;}
	}
	@media only screen and (max-width:1200px) {
		.sub_about .txt_box .txt p br{display: none;}
	}
	@media only screen and (max-width:1024px) {
		.sub_about .txt_box{padding-right:15px;}
		.sub_content .about_title:before{width:90px;height:90px;top:-15px;}
		.sub_about .img_box:before{width:150px;height:150px;bottom:-60px;right:-60px;border-width:30px;}
	}
	@media only screen and (max-width:860px) {
		.sub_about{margin-top:80px;}
		.sub_about .img_box{float: none;position: static;width: 61%;}

		.sub_about .txt_box{width:100%;margin-top:50px;}
	}
	@media only screen and (max-width:640px) {
		.sub_about .img_box{width:82%;}
		.sub_about .img_box:before{display: none;}
		
		.sub_content .about_title{padding-left:30px;}
		.sub_content .about_title:before{width: 66px;height: 66px;top: -8px;}
		.sub_content .about_title p{padding-left:20px;}
		.sub_about .txt_box h5{margin-top:30px;}
		.sub_about .txt_box h5 br{display: none;}
		.sub_about .txt_box .txt{margin-top:30px;padding-top:30px;}
		.sub_about .txt_box .txt:before{width:40px;}
		.sub_about .txt_box .txt p + p{margin-top:10px;}
		.sub_about .txt_box .sign{margin-top:30px;}
	}
	@media only screen and (max-width:500px) {
		.sub_about{margin-top:60px;}
		.sub_about .img_box{width:100%;}
		.sub_about .img_box img{border-radius:10px;}

		.sub_about .txt_box{margin-top:30px;padding:0;}
		.sub_about .txt_box h5{margin-top:20px;}
	}	

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

	회사소개 | 연혁

───────────────────────────────────────────────────────────*/
	.sub_history{margin-top:120px;}
	.sub_history .history_wrap{margin-top:179px;width:800px;box-sizing:border-box;padding-left:120px;}
	.sub_history .history_wrap .history_box + .history_box{padding-top:150px;}
	.sub_history .sub_history_cont{display: flex;flex-wrap:wrap;align-items: flex-start;}
	.sub_history .sub_history_cont .title_box{width:42.05%;position:sticky;top:180px;left:0;}
	.sub_content .sub_history_cont .title_box .about_title{margin-left:40%;}
	.sub_history .sub_history_cont .img_box{width:100%;height:0;padding-bottom:52.5%;;box-sizing:border-box;border-radius:0 20px 20px 0;margin-top:49px;overflow:hidden;transition:all 0.8s;}
	.sub_history .sub_history_cont .img_box.history01{background:url('../images/sub/history_img01.png')no-repeat center;background-size:cover;}
	.sub_history .sub_history_cont .img_box.history02{background:url('../images/sub/history_img02.png')no-repeat center;background-size:cover;}
	.sub_history .sub_history_cont .img_box.history03{background:url('../images/sub/history_img03.png')no-repeat center;background-size:cover;}

	.sub_history .history_box .m_history_img{display: none;}
	.sub_history .history_box .history_cont{}
	.sub_history .history_box .history_cont > div{position: relative;}
	.sub_history .history_box .history_cont > div:before{width:100%;height:2px;content:"";background:rgba(221, 221, 221, 0.87);position: absolute;left:0;top:50%;transform:translateY(-50%);}
	.sub_history .history_box .history_cont h5{font-size:var(--title-40);color:var(--point-color01);font-weight:700;background:var(--point-white);display: inline-block;padding-right:34px;position: relative;letter-spacing:-0.04em;}
	
	.sub_history .history_box .history_cont ol {margin-top:43px;}
	.sub_history .history_box .history_cont ol > li{font-size:var(--title-40);color:var(--black-color02);font-weight:600;background:var(--point-white);position: relative;padding-bottom:55px;}
	.sub_history .history_box .history_cont ol > li:last-child{padding-bottom:10px;}
	.sub_history .history_box .history_cont ol > li:before{width:1px;height:100%;content:"";border-left:1px dashed #ddd;position: absolute;top:0;left:8px;}
	.sub_history .history_box .history_cont ol > li .tit{font-size:90%;color:inherit;font-weight:inherit;padding-left:46px;position: relative;letter-spacing:-0.03em;margin-bottom:25px;background:var(--point-white);}
	.sub_history .history_box .history_cont ol > li .tit:before{width:16px;height:16px;content:"";box-sizing:border-box;border-radius:100%;background:rgba(74, 190, 255, 0.20);position: absolute;left:0;top:14px;}
	.sub_history .history_box .history_cont ol > li .tit:after{width:6px;height:6px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02);position: absolute;left:5px;top:19px;}

	.sub_history .history_box .cont_box{box-sizing:border-box;border-radius:10px;border:4px solid #fff;padding:24px 30px 28px;width:calc(100% - 46px);margin-left:46px;}
	.sub_history .history_box .cont_box + .cont_box{margin-top:15px;}
	.sub_history .history_box .cont_box dt{font-size:var(--title-20);font-weight:500;letter-spacing:-0.03em;}
	.sub_history .history_box .cont_box dd{}
	.sub_history .history_box .cont_box ul{font-size:var(--title-20);color:var(--black-color07);font-weight:400;font-family:var(--font-type01);margin-top:13px;}
	.sub_history .history_box .cont_box ul li{position: relative;box-sizing:border-box;padding-left:10px;font-size:84%;color:inherit;font-weight:inherit;letter-spacing:-0.03em;}
	.sub_history .history_box .cont_box ul li strong{color:var(--black-color05);font-weight:500;}
	.sub_history .history_box .cont_box ul li:before{content:"·";font-size:inherit;color:inherit;font-weight:inherit;position: absolute;top:0;left:0;}
	.sub_history .history_box .cont_box ul li + li{margin-top:11px;}
	
	.sub_history .history_box .edu_cont{border-color:#DBE9FF;}
	.sub_history .history_box .edu_cont dt{color:var(--point-color01);}	
	.sub_history .history_box .kyobo_cont{border-color:#E1F3FF;}
	.sub_history .history_box .kyobo_cont dt{color:var(--point-color02);}

	@media only screen and (max-width:1400px) {
		.sub_history .sub_history_cont .title_box{width:42%;}
		.sub_content .sub_history_cont .title_box .about_title{margin-left:24%;;}
		.sub_history .history_wrap{padding-left:90px;padding-right:30px;width:58%;}
	}	
	@media only screen and (max-width:1024px) {
		.sub_history .sub_history_cont{width:calc(100% - 60px);margin:0 auto;display: block;}
		.sub_history .sub_history_cont .title_box{width:100%;position: static;}
		.sub_content .sub_history_cont .title_box .about_title{margin-left:0;}
		.sub_history .sub_history_cont .img_box{display: none;}

		.sub_history .history_wrap{width:100%;padding:0;margin-top:50px;}
		.sub_history .history_box .m_history_img{display: block;}
		.sub_history .history_box .m_history_img img{border-radius:20px;}
		.sub_history .history_box .history_cont{margin-top:30px;}
		.sub_history .history_wrap .history_box + .history_box{padding-top:100px;}
	}
	@media only screen and (max-width:640px) {
		.sub_history{margin-top:80px;}
		.sub_history .sub_history_cont{width:calc(100% - 30px);}
		.sub_history .history_wrap{margin-top:30px;}
		.sub_history .history_wrap .history_box + .history_box{padding-top:60px;}
		.sub_history .history_box .history_cont{margin-top:20px;}
		.sub_history .history_box .history_cont ol{margin-top:15px;}	
		.sub_history .history_box .history_cont ol > li{padding-bottom:30px;}
		.sub_history .history_box .history_cont ol > li:before{left:7px;}
		
		.sub_history .history_box .history_cont ol > li .tit{padding-left:30px;margin-bottom:15px;}
		.sub_history .history_box .history_cont ol > li .tit:before{width:15px;height:15px;top:11px;}
		.sub_history .history_box .history_cont ol > li .tit:after{width:5px;height:5px;top:16px;left:5px;}

		.sub_history .history_box .cont_box{margin-left:30px;width:calc(100% - 30px);padding:20px 20px 20px;}
		.sub_history .history_box .cont_box ul{margin-top:10px;}
		.sub_history .history_box .cont_box ul li + li{margin-top:7px;}
	}
	@media only screen and (max-width:500px) {
		.sub_history{margin-top:60px;}
		.sub_history .history_box .m_history_img img{border-radius:10px;}
		.sub_history .history_box .cont_box{border-radius:10px;border-width:2px;}
	}

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

	회사소개 | 오시는길

───────────────────────────────────────────────────────────*/
	.sub_location{}
	.sub_location .location_box{display: flex;flex-wrap:wrap;box-sizing:border-box;align-items: center;}
	.sub_location .location_box + .location_box{margin-top:60px;padding-top:60px;border-top:1px solid #ddd;}
	.sub_location .location_box .map_box{width:50%;height:0;padding-bottom:26.55%;box-sizing:border-box;overflow:hidden;position: relative;border-radius:20px;}
	.sub_location .location_box .map_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

	.sub_location .location_box .info_box{box-sizing:border-box;padding-left:80px;width:50%;font-size:var(--title-40);color:var(--black-color02);font-weight:600;}
	.sub_location .location_box .info_box strong{font-size:89%;color:inherit;font-weight:inherit;}
	.sub_location .location_box .info_box .info{margin-top:34px;}
	.sub_location .location_box .info_box .info dl{font-size:var(--title-20);color:var(--black-color06);font-weight:400;display: flex;flex-wrap:wrap;}
	.sub_location .location_box .info_box .info dl + dl{margin-top:15px;}
	.sub_location .location_box .info_box .info dl dt, dd{box-sizing:border-box;font-size:89%;font-weight:inherit;letter-spacing:-0.03em;}
	.sub_location .location_box .info_box .info dl dt{color:var(--point-color01);width:40px;}
	.sub_location .location_box .info_box .info dl dd{color:inherit;width:calc(100% - 40px);padding-left:30px;}

	@media only screen and (max-width:1024px) {
		.sub_location .location_box .map_box{padding-bottom:40%;}
		.sub_location .location_box .info_box{padding-left:35px;}
	}
	@media only screen and (max-width:640px) {
		.sub_location .location_box{flex-direction: column;align-items: flex-start;}
		.sub_location .location_box + .location_box{margin-top:35px;padding-top:40px;}
		.sub_location .location_box .map_box{width:100%;padding-bottom:70%;}
		.sub_location .location_box .info_box{width:100%;padding:30px 0 0 0;}
		.sub_location .location_box .info_box .info{margin-top:15px;}
	}
	@media only screen and (max-width:500px) {
		.sub_location .location_box .map_box{padding-bottom:100%;border-radius:10px;}
		.sub_location .location_box .info_box{padding-top:20px;}
		.sub_location .location_box .info_box .info{margin-top:10px;}
		.sub_location .location_box .info_box .info dl + dl{margin-top:10px;}
		.sub_location .location_box .info_box .info dl dt{width:30px;}
		.sub_location .location_box .info_box .info dl dd{padding-left:20px;width:calc(100% - 30px);}
	}
	
	
/*───────────────────────────────────────────────────────────

	지원센터 | 지사안내

───────────────────────────────────────────────────────────*/
	.sub_branch {}
	.sub_branch .branch_tab {display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; width: 100%; margin-bottom: 40px; margin-left: 0;}
	.sub_branch .branch_tab li {width: 100%; margin: 0;}
	.sub_branch .branch_tab li a {width: 100%; text-align: center;}
	.sub_branch .branch_tab li a.on {background: var(--point-color01); color: var(--point-white); font-weight: 500;}
	.sub_branch .branch_cont {width: 100%;}
	.sub_branch .branch_cont table.bbs_list {font-size: var(--title-20);}
	.sub_branch .branch_cont table.bbs_list th {padding-left: 10px; padding-right: 10px; font-size: 18px; color: var(--black-color03); font-weight: 500;}
	.sub_branch .branch_cont table.bbs_list th + th,
	.sub_branch .branch_cont table.bbs_list td + td {border-left: 1px solid #ddd;}
	.sub_branch .branch_cont table.bbs_list td {color: var(--black-color06);}
	.sub_branch .branch_cont table.bbs_list td a {justify-content: center; color: var(--black-color08);}
	.sub_branch .branch_cont table.bbs_list thead tr th {background: var(--gray-bg02);}
	.sub_branch .branch_cont table.bbs_list tbody tr th {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	.sub_branch .branch_cont table.bbs_list tbody tr td {padding: 21px 10px;}
		.sub_branch .branch_cont table.bbs_list tbody tr:hover td {background: #fff;}
	
	@media only screen and (max-width:1217px) {
		.sub_branch .branch_tab {gap: 15px;}
	}
	@media only screen and (max-width:1024px) {
		.sub_branch .branch_tab {grid-template-columns: repeat(4, 1fr);}
		.sub_branch .branch_cont table.bbs_list th {font-size: 16px;}
	}
	@media only screen and (max-width:860px) {
		.sub_branch .branch_tab {grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 60px;}
	}
	@media only screen and (max-width:767px) {
		.sub_branch .branch_tab {margin-bottom: 0 !important;}
		.sub_branch .branch_cont table.bbs_list {border-top: 0;}
		.sub_branch .branch_cont table.bbs_list,
		.sub_branch .branch_cont table.bbs_list tbody,
		.sub_branch .branch_cont table.bbs_list tr,
		.sub_branch .branch_cont table.bbs_list th,
		.sub_branch .branch_cont table.bbs_list td {display: block; width: 100%;}
		.sub_branch .branch_cont table.bbs_list thead {display: none;}
		.sub_branch .branch_cont table.bbs_list tr {border-bottom: 1px solid #ddd;}
		.sub_branch .branch_cont table.bbs_list th,
		.sub_branch .branch_cont table.bbs_list td {border: 0 !important; text-align: left;}
		.sub_branch .branch_cont table.bbs_list th {font-size: 120%; font-weight: 600; border-bottom: 1px solid var(--black-color03) !important; padding: 0; padding-top: 30px; padding-bottom: 10px;}
		.sub_branch .branch_cont table.bbs_list td a {justify-content: flex-start;}
		.sub_branch .branch_cont table.bbs_list tbody tr td {padding: 2px 16px;}
		.sub_branch .branch_cont table.bbs_list tbody tr th + td,
		.sub_branch .branch_cont table.bbs_list tbody tr td:first-child {color: var(--black-color03); font-weight: 500; padding-top: 16px;}
		.sub_branch .branch_cont table.bbs_list tbody tr td:last-child {padding-bottom: 16px;}
		
	}
	@media only screen and (max-width:479px) {
		.sub_branch .branch_tab {gap: 8px 6px; margin-top: 50px;}
		.sub_branch .branch_cont table.bbs_list td {font-size: 14px;}
	}