@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_content{font-family: var(--font-type01);}
/*───────────────────────────────────────────────────────────
	common
───────────────────────────────────────────────────────────*/
	/*input*/
		#wrap input:where([type="text"], [type="password"], [type="number"], [type="date"]){height: 48px;line-height: normal;border:1px solid var(--gray-bg02);background:var(--gray-bg02);color:var(--black-color03);font-weight:400;font-size:var(--title-18);padding:0 24px;text-indent:0;border-radius:6px;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;outline:0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;}
		#wrap input:where([type="text"], [type="password"], [type="number"], [type="date"])::placeholder{color:var(--black-color10);}
        #wrap input:where([type="text"], [type="password"], [type="number"], [type="date"]):focus{border-color:var(--black-color01);background:var(--point-white);}
		#wrap input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset;-webkit-text-fill-color:var(--black-color03);font-size:inherit;border:1px solid var(--black-color01);}
		#wrap input:-webkit-autofill, #wrap input:-webkit-autofill:hover, #wrap input:-webkit-autofill:focus, #wrap input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

        #wrap label:has([type="checkbox"]){display: flex;align-items: flex-start;gap: 15px;line-height: 24px;cursor: pointer;font-size: var(--title-18);}
        #wrap label [type="checkbox"]{position: relative;display: inline-flex;width: 24px;aspect-ratio: auto 1;background: var(--point-white);border: 1px solid var(--border-color01);border-radius: 3px;box-sizing: border-box;transition: all 0.4s;cursor: pointer;}
            #wrap label [type="checkbox"]:before{position: absolute;content:'';width: 12px;aspect-ratio: auto 1.34;top:50%;left:50%;translate: -50% -50%;background: url('../images/skin/chk_icon.svg') no-repeat center / 100% auto;filter: var(--filter-black) opacity(0.2);transition: inherit;}
            #wrap label [type="checkbox"]:checked{background: var(--point-color03); border-color: var(--point-color03);}
            #wrap label [type="checkbox"]:checked:before{filter: var(--filter-white);}

        #wrap label:has([type="radio"]){display: flex;align-items: flex-start;gap: 15px;line-height: 24px;cursor: pointer;font-size: var(--title-18);}
        #wrap label [type="radio"]{position: relative;display: inline-flex;width: 24px;aspect-ratio: auto 1;background: var(--point-white);border: 1px solid var(--border-color01);border-radius: 100%;box-sizing: border-box;transition: all 0.4s;cursor: pointer;}
            #wrap label [type="radio"]:before{position: absolute;content:'';width: 10px;aspect-ratio: auto 1;top:50%;left:50%;translate: -50% -50%;background: var(--border-color01);border-radius: 100%;transition: inherit;}
            #wrap label [type="radio"]:checked{border-color: var(--point-color03);}
            #wrap label [type="radio"]:checked:before{background: var(--point-color03);}

    /*select*/
		#wrap select{height:50px;line-height: normal;border:1px solid var(--border-color01);color:var(--black-color03);font-weight:500;font-size:var(--title-18);padding: 0 55px 0 24px;text-indent:0;border-radius: var(--radius-06);margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;outline:0;appearance: none;background: var(--point-white) url('../images/sub/icon_sel.svg')no-repeat calc(100% - 24px) center;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
		#wrap select:focus{border-color:var(--black-color01);}

    /*button*/
		#wrap .btn{border-radius:6px;font-size:var(--title-20);color:var(--black-color03);font-weight:500;height:60px;line-height:initial;display: inline-flex;align-items: center;justify-content: center;text-align: center;padding-inline: 15px;box-sizing: border-box;margin: 0;}
		#wrap .btn_point{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);font-weight: 400;}
		#wrap .btn_basic{background:none;border-color:var(--black-color00);}
		#wrap .btn_sm{background:var(--point-white);border-color:var(--black-color10);}
		#wrap .btn_default{background:var(--black-color01);border-color:var(--black-color01);color:var(--point-white);}
		#wrap .btn_wrap{display: flex;align-items: center;justify-content: center;gap:20px;padding-top:50px;}
		#wrap .btn_wrap .btn{border-radius:100px;width: 200px;margin: 0;}
		
		
	@media (max-width:1023px){
        #wrap input:where([type="text"], [type="password"], [type="number"], [type="date"]){height: clamp(40px, 5.3vw, 48px);padding-inline: clamp(15px, 2.9vw, 24px);}
        #wrap select{height: clamp(40px, 5.3vw, 48px);padding-inline: clamp(15px, 2.9vw, 24px) clamp(40px, 6vw, 55px);background-position: calc(100% - clamp(15px, 2.9vw, 24px)) center;}

        #wrap label:has([type="checkbox"]){line-height: clamp(20px, 2.9vw, 24px);gap: clamp(10px, 2vw, 15px);}
        #wrap label [type="checkbox"]{width: clamp(20px, 2.9vw, 24px); height: clamp(20px, 2.9vw, 24px);}
        #wrap label [type="checkbox"]:before{width: clamp(10px, 1.7vw, 12px);}

        #wrap label:has([type="radio"]){line-height: clamp(20px, 2.9vw, 24px);gap: clamp(10px, 2vw, 15px);}
        #wrap label [type="radio"]{width: clamp(20px, 2.9vw, 24px); height: clamp(20px, 2.9vw, 24px);}
        #wrap label [type="radio"]:before{width: clamp(8px, 1.5vw, 10px);}

		#wrap .btn{height: clamp(44px, 6.5vw, 60px);}
		#wrap .btn_wrap{padding-top: clamp(35px, 5vw, 50px);gap: clamp(10px, 2vw, 20px);}
		#wrap .btn_wrap .btn{width:clamp(120px, 20.5vw, 200px);}
    }

/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
    .sub_visual{position: relative; height: 440px; clip-path: inset(0);}
    .sub_visual .thumb{position: fixed; top:0; left:0; width: 100%; height: inherit; background: url('../images/sub/sv_thumb.jpg') no-repeat center / cover;}
        .sub_visual .thumb:before{position: absolute; content:''; inset: 0; background: rgba(0,0,0,0.4);}
        body:has(.sv_drj) .sub_visual .thumb{background-image: url('../images/sub/sv_drj.jpg');}
        body:has(.sv_menual) .sub_visual .thumb{background-image: url('../images/sub/sv_menual.jpg');}
        body:has(.sv_anesthesia) .sub_visual .thumb{background-image: url('../images/sub/sv_anesthesia.jpg');}

    .sub_visual .txt_wrap{font-size: var(--title-20);color: var(--point-white);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 16px;height: 100%;padding-top: 57px;z-index: 2;}
    .sub_visual .txt_wrap h2{font-size: 300%;font-weight: 500;line-height: 1.33;letter-spacing: -0.03em;}
    .sub_visual .txt_wrap h5{font-size: 130%;font-weight: 300;letter-spacing: -0.03em;}

    .sub_nav{position: relative;box-shadow: inset 0 -1px 0 var(--border-color01);height: 60px;box-sizing: border-box;z-index: 9;}
    .sub_nav .w_custom{width: 100%; height: 100%; display: flex; align-items: center;}
    .sub_nav .home{display: flex;align-items: center;justify-content: center;width: 60px;height: 100%;flex-shrink: 0;padding: 15px;box-sizing: border-box;}
    .sub_nav .home img{max-width: 20px;}
    .sub_nav .desc{position: relative;display: flex;font-size: var(--title-20);width: 100%;height: 100%;}
    .sub_nav .desc :where(dt, dd){position: relative;font-size: max(15px, 90%);font-weight: 500;color: var(--black-color05);width: 100%;max-width: 280px;height: 100%;padding-inline: 24px;cursor: pointer;box-sizing: border-box;display: flex;align-items: center;}
    .sub_nav .desc :where(dt, dd):before{position: absolute; content:''; width: 1px; height: 14px; background: var(--border-color01); top:50%; left:0; translate: 0 -50%; transition: all 0.4s;}
    .sub_nav .desc :where(dt, dd).on :before{scale: -1 -1;}
    .sub_nav .desc :where(dt, dd) span{position: relative;display: block;width: 100%;padding-right: 30px;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
    .sub_nav .desc :where(dt, dd) span:before{position: absolute;content: '';width: 9px;aspect-ratio: auto 1.5;background: var(--black-color10);clip-path: polygon(100% 0, 0 0, 50% 100%);top: 50%;right: 0;translate: 0 -50%;transition: all 0.4s;}
    .sub_nav .desc :where(dt, dd):not(:has(li)){display: none;}
    .sub_nav .desc ul{position: absolute;top: calc(100% - 1px);left:0;width: 100%;padding-block: 15px;box-sizing: border-box;opacity: 0;pointer-events: none;transition: all 0.4s;background: var(--point-white);border: 1px solid var(--border-color01);box-sizing: border-box;}
    .sub_nav .desc .on ul{opacity: 1; pointer-events: all;}
    .sub_nav .desc ul a{display: block;padding: 8px 24px;font-size: max(14px, 90%);color: var(--black-color06);}
    .sub_nav .desc ul .on a{color: var(--point-color01);}

    .hd_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: grid;gap: 22px;text-align: center;padding-block: 99px 80px;text-wrap: balance;}
        .hd_title:has(+ .top_line){padding-bottom: 39px;}
    .hd_title h2{font-size: 290%;font-weight: 600;color: var(--black-color01);line-height: 1.34;letter-spacing: -0.03em;}
    .hd_title h6{font-size: 110%;font-weight: 500;color: var(--black-color01);line-height: 1.4;}
    .hd_title h6 em{font-weight: inherit;color: var(--point-color03);letter-spacing: -0.01em;}

    .sub_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: grid;gap: 14px;text-align: center;text-wrap: balance;}
        .sub_title.top_line:before{display: block;content:'';width: 60px;height: 1px;background: var(--border-color01);margin: 0 auto 27px;}
        .sub_title.mgB{margin-bottom: 80px;}
        .sub_title.left{text-align: left;text-wrap: auto;}
        .sub_title.under_line:after{display: block;content:'';width: 100%;height: 2px;background: var(--point-gradi04);margin-top: 46px;}
    .sub_title h2{font-size: 210%;font-weight: 400;color: var(--black-color01);line-height: 1.48;letter-spacing: -0.03em;text-wrap: balance;}
        .sub_title h2 + .rhombus_list{margin-top: 45px;}
    .sub_title h2 strong{font-weight: 600;}
    .sub_title h2 em{font-weight: 600; color: var(--point-color03);}
    .sub_title h3{font-size: 160%;font-weight: 500;color: var(--point-color02);line-height: 1.43;}
		.sub_title h3 + h4{margin-top: 25px;}
    .sub_title h4{font-size: 130%;font-weight: 500;color: var(--black-color03);line-height: 1.54;letter-spacing: -0.03em;}
		.sub_title h4 + p{margin-top:2px;}
    .sub_title h4 em{font-weight: 600;color: var(--point-color03);}
    .sub_title h3 em{font-weight: 600;color: var(--point-color03);}
    .sub_title h5{font-size: 120%;font-weight: 500;color: var(--black-color03);line-height: 1.5;letter-spacing: -0.03em;}
		.sub_title h5 + h6{margin-top:16px}
    .sub_title h6{font-size: inherit;font-weight: 400;color: var(--black-color05);line-height: 1.7;letter-spacing: -0.03em;}
		.sub_title h6 + h5{margin-top:16px}
		.sub_title h6 + h6{margin-top:6px;}
		.sub_title h6 + h3{margin-top:14px;}
    .sub_title h6 em{font-weight: 600; color: var(--point-color03);}
    .sub_title p{font-size: 95%;font-weight: 400;color: var(--black-color05);line-height: 1.69;letter-spacing: -0.03em;}
    .sub_title p em{font-weight: 600; color: var(--point-color03);}
    .sub_title .rhombus_list + h6{margin-top: 25px;}

    .fx_btwn{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 30px 50px;}

    
    @media (max-width:1023px){
        .sub_visual{height: clamp(280px, 44vw, 440px);}
        .sub_visual .txt_wrap{gap: clamp(8px, 1.6vw, 16px);padding-top: clamp(30px, 5.7vw, 57px);}
        .sub_visual .txt_wrap h2{font-size: clamp(38px, 6.5vw, 60px);}
        .sub_visual .txt_wrap h5{font-size: clamp(16px, 3.1vw, 26px);}

        .sub_nav{height: clamp(55px, 6.5vw, 60px);}
        .sub_nav .home{width: clamp(55px, 6.5vw, 60px);}
        .sub_nav .desc :where(dt, dd){padding-inline: clamp(20px, 2.4vw, 24px); max-width: clamp(220px, 28.5vw, 280px);}
        .sub_nav .desc :where(dt, dd):before{height: clamp(12px, 1.9vw, 14px);}
        .sub_nav .desc ul a{padding: clamp(6px, 1.3vw, 8px) clamp(20px, 2.4vw, 24px);}

        .hd_title{gap: clamp(10px, 2.2vw, 22px);padding-block: clamp(70px, 10vw, 99px) clamp(30px, 8vw, 80px);}
            .hd_title:has(+ .top_line){padding-bottom: clamp(25px, 4vw, 39px);}
        .hd_title h2{font-size: clamp(34px, 6.3vw, 58px);}
        .hd_title h6{font-size: clamp(14px, 2.7vw, 22px);}

        .sub_title{gap: clamp(7px, 1.9vw, 14px);}
            .sub_title.top_line:before{width: clamp(40px, 6.5vw, 60px);margin-bottom: clamp(15px, 2.7vw, 27px);}
            .sub_title.mgB{margin-bottom:clamp(40px, 8vw, 80px);}
            .sub_title.under_line:after{margin-top: clamp(20px, 4.6vw, 46px);}
        .sub_title h2{font-size: 200%;}
        .sub_title h2 + .rhombus_list{margin-top: clamp(20px, 4.5vw, 45px);}
        .sub_title h3 + h4{margin-top: clamp(13px, 2.5vw, 25px);}
        .sub_title h5 + h6{margin-top: clamp(8px, 1.6vw, 16px);}
        .sub_title h6 + h5{margin-top: clamp(8px, 1.6vw, 16px);}
        .sub_title h6 + h6{margin-top: clamp(3px, 0.6vw, 6px);}
        .sub_title h6 + h3{margin-top: clamp(7px, 1.4vw, 14px);}
        .sub_title .rhombus_list + h6{margin-top: clamp(15px, 2.5vw, 25px);}

        .fx_btwn{row-gap: clamp(15px, 3vw, 30px);}
    }

    @media (max-width:640px){
        .sub_nav .desc:has(dd li) dt{display: none;}
        .sub_nav .desc :where(dt, dd){max-width:none;}
        
        .sub_title h2{font-size: 180%;}
        .sub_title h4{font-size: 150%;}

        .fx_btwn{flex-direction: column;align-items: flex-start;justify-content: flex-start;}
    }
    @media (max-width:479px){
        .sub_title h2{font-size: 160%;}
        .sub_title h3{font-size: 150%;}
        .sub_title h4{font-size: 140%;}
        .sub_title h5{font-size: 110%;}
        .sub_title h6{font-size: 95%;}
    }

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

    로그인

───────────────────────────────────────────────────────────*/
	.sub_member .container_title{margin-bottom:50px;}
	#wrap .sub_login .login_box{width:600px;}
	#wrap .sub_login.add .login_box{width:100%;}
	#wrap .sub_login .login_box ul{display:grid;}
	#wrap .sub_login .login_box ul:not(.login_link){gap: 15px;}
	#wrap .sub_login .login_box ul li{position:relative;padding: 0;}
	#wrap .sub_login .login_box ul li input{height:64px;}
	#wrap .sub_login .login_box ul li .btn{width:100%;}
	#wrap .sub_login .login_box ul li button[type="submit"]{font-family:inherit;}
	
	#wrap .sub_login .login_box ul.login_link{border:none;padding:0;height:auto;line-height:initial;margin-top: 30px;display: flex;align-items: center;justify-content:flex-end;}
	#wrap .sub_login .login_box ul.login_link li{padding:0;display: flex;align-items: center;}
	#wrap .sub_login .login_box ul.login_link li + li:before{width:1px;height:10px;background:var(--border-color01);margin:0 12px;}
	#wrap .sub_login .login_box ul.login_link li a{font-size:var(--title-17);color:var(--black-color06);font-weight:400;}
	
	#wrap .sub_login .btn_box{display: flex;flex-wrap:wrap;gap:10px;margin-top:30px;font-size:var(--title-20);}
	#wrap .sub_login .btn_box .btn{width:100%;height:70px;font-size:110%;border-radius: var(--radius-10);}
	#wrap .sub_login .btn_box .sns_login{/*width:calc(50% - 5px);*/width:100%;display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:64px;border-radius: var(--radius-10);gap:12px;font-size:var(--title-20);font-weight:600;}
	#wrap .sub_login .btn_box .sns_login span{font-size:inherit;color:inherit;font-weight:inherit;}
	#wrap .sub_login .btn_box #kakaoLogin{background:#F9E000;color:var(--black-color00);}
	#wrap .sub_login .btn_box #naverLogin{background:#00C300;color:var(--point-white);}
	#wrap .sub_login .join_txt{margin-top:50px;}
	#wrap .sub_login .join_txt p{text-align: center;font-size:var(--title-18);color:var(--black-color03);font-weight:400;}
	#wrap .sub_login .join_txt p a{display: inline-flex;align-items: center;gap:8px;font-size:inherit;color:var(--point-color01);font-weight:600;box-sizing:border-box;border-bottom:1px solid var(--point-color01);}
	#wrap .sub_login .join_txt p a span{font-size:inherit;color:inherit;font-weight:inherit;}
	#wrap .sub_login .join_txt p a:after{display: inline-block;width:12px;height:12px;content: '';background: url('../images/skin/main_more.svg')no-repeat center / 100% auto;filter: invert(49%) sepia(86%) saturate(350%) hue-rotate(158deg) brightness(93%) contrast(90%);}
	
	
	#wrap .sub_ok .ok_box .login_bt a{line-height:initial;display: inline-flex;}
	@media (max-width:1023px){
		#wrap .sub_login .login_box ul li input{height: clamp(44px, 6.9vw, 64px);}
		#wrap .sub_login .btn_box .btn{height: clamp(50px, 7.5vw, 70px);}
		#wrap .sub_login .btn_box .sns_login{height: clamp(46px, 6.9vw, 64px);}
	}
	@media (max-width:640px){
		#wrap .sub_login .login_box{width:100%;}
		
	}
	@media (max-width:479px){
		.sub_member .container_title{margin-bottom:30px;}
		#wrap .sub_login .login_box ul:not(.login_link){gap: 10px;}
		
		#wrap .sub_login .login_box ul.login_link{margin-top: 20px;}
		#wrap .sub_login .login_box ul.login_link li{width:auto;margin-right:0;}
		#wrap .sub_login .login_box ul.login_link li + li:before{display: inline-block;margin:0 10px 0 8px;height:10px;}
		#wrap .sub_login .login_box ul.login_link li a{background:none;border:none;height:auto;line-height:initial;}
		
		#wrap .sub_login .btn_box{margin-top:20px;}
		#wrap .sub_login .btn_box .sns_login{width:100%;gap:8px;}
		#wrap .sub_login .btn_box #kakaoLogin img{height:18px;}
		#wrap .sub_login .btn_box #naverLogin img{height:13px;}
		
		#wrap .sub_login .join_txt{margin-top:25px;}
		#wrap .sub_login .join_txt p a{gap:6px;}
		#wrap .sub_login .join_txt p a:after{width:10px;height:10px;}
	}
	

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

    아이디 찾기

───────────────────────────────────────────────────────────*/
    #wrap .sub_ok{border:0; outline: none; width: 100%; max-width: 600px; margin-inline: auto;}
    #wrap .sub_ok .ok_box{padding:0;}
/*───────────────────────────────────────────────────────────

    회원가입

───────────────────────────────────────────────────────────*/
	/*동의*/
	#wrap .sub_agree .agree_box{font-size:var(--title-20);}
	#wrap .bbs_write_title{font-size:140%;color:var(--black-color00);font-weight:600;}
	#wrap .textarea_box{height:180px;box-sizing:border-box;overflow:hidden;background:var(--gray-bg03);border:1px solid var(--border-color01);padding:10px 10px;}
	#wrap .textarea_box textarea{height:100%;overflow-y:auto;background:var(--gray-bg03);border:none;padding:12px 12px;width:100%;resize:none;border:none;padding:0 10px 0 0;font-size:var(--title-16);color:var(--black-color08);font-weight:400;height:100%;}
	#wrap .textarea_box textarea::-webkit-scrollbar{width:4px;background:var(--border-color01);box-sizing:border-box;border-radius:4px;}
	#wrap .textarea_box textarea::-webkit-scrollbar-thumb{width:4px;background:var(--black-color03);box-sizing:border-box;border-radius:4px;}
	
	@media (max-width:1200px){
		#wrap .sub_agree .line{border-bottom:2px solid var(--border-color03);margin-bottom:3.2%;}
		#wrap .sub_agree .agree_box p{border:none;background:none;padding:1.6% 0 0 0;}
	}
	@media (max-width:767px){
		#wrap .sub_agree .line{margin-bottom:6.4%;}
		#wrap .sub_agree .agree_box p{padding-top:15px;}
	}
	@media (max-width:479px){
		#wrap .textarea_box{height:150px;}
		#wrap .textarea_box textarea::-webkit-scrollbar, #wrap .textarea_box textarea::-webkit-scrollbar-thumb{width:2px;}
		
		#wrap .sub_agree .line{margin-bottom:8%;}
		#wrap .textarea_box textarea{padding:0 5px 0 0;}
	}
	
	/*정보입력*/
		#wrap .bbs_write{box-sizing:border-box;border-top:1px solid var(--black-color03);}
		#wrap .bbs_write th, #wrap .bbs_write td{vertical-align: middle;line-height:initial;padding:15px 20px;border-bottom:1px solid var(--border-color01);}
		#wrap .bbs_write th{background: none;padding-left:30px;font-size:var(--title-20);color:var(--black-color03);font-weight:400;}
		#wrap table.bbs_write td{font-size:var(--title-18);color:var(--black-color06);font-weight:400;}
		#wrap table.bbs_write th .require_dot{font-size:var(--title-18);color:var(--point-color01);font-weight:400;}
		#wrap table.bbs_write th .require_dot:before{color:var(--point-color01);}
		#wrap table.bbs_write td input:where([type="text"], [type="password"], [type="number"], [type="date"]){width: 100%;max-width: 460px;min-width: auto;font-size: max(14px, 90%);}
		#wrap table.bbs_write .flex_box{display: flex;flex-wrap:wrap;gap:10px;align-items: center;}
		#wrap table.bbs_write .flex_box > p{font-size:var(--title-18);color:var(--black-color06);font-weight:400;}
		#wrap table.bbs_write .radio_box{display: flex;gap:30px;padding:12px 0;flex-wrap:wrap;}
		#wrap .bbs_write .btn{height:48px;}
		#wrap .bbs_write .btn_sm{width:auto;padding:0 27px;font-size:var(--title-18);}
		#wrap table.bbs_write td input[name="email_id"]{max-width:200px;}
		#wrap table.bbs_write td input[name="email_domain"]{max-width:220px;}
		#wrap table.bbs_write td input[name="zip"]{max-width:300px;}
		#wrap table.bbs_write .address_box{margin-top:10px;}
		#wrap table.bbs_write .address_box input[name="address"]{width:39.7%;}
		#wrap table.bbs_write .address_box input[name="address2"]{width:calc(60.3% - 10px);}
		#wrap table.bbs_write .captcha_td .img_box{display: flex;align-items: center;gap:10px;}
		#wrap table.bbs_write .captcha_td #captcha_box{margin:0;width:160px;height: 40px;box-sizing:border-box;overflow:hidden;border-radius: var(--radius-06);border:1px solid var(--border-color01);position: relative;}
		#wrap table.bbs_write .captcha_td #captcha_box img{width: calc(100% + 2px) !important;height: calc(100% + 2px) !important;max-width: none;max-height: none;margin: -1px 0 0 -1px;}
		#wrap table.bbs_write .captcha_td .img_box .btn_reset{display: inline-flex;background:var(--point-white) url('../images/skin/refreshCode.svg') no-repeat center;font-size: 0;cursor: pointer;min-width: auto;width: 40px;height: 40px;box-sizing: border-box;border:1px solid var(--border-color01);border-radius:6px;padding:0;}
		#wrap table.bbs_write .captcha_td input[name="captcha"]{max-width: 235px;height: 40px;}
		#wrap table.bbs_write td .at{margin:0;}
		
		@media (max-width:1023px){
			#wrap .bbs_write th{padding-left:20px;}
            #wrap .bbs_write .btn{height:clamp(40px, 5.3vw, 48px);}
			table.bbs_write th .require_dot{padding-left:0;}
		}
		@media (max-width:860px){
			#wrap .bbs_write .btn_sm{padding:0 12px;min-width:100px;}
			#wrap table.bbs_write .flex_box input[type="text"]{width:calc(100% - 110px);}
			#wrap table.bbs_write .radio_box{gap:20px;padding:6px 0;}
			#wrap table.bbs_write .flex_box input[name="email_id"]{width:40%;}
			#wrap table.bbs_write .flex_box input[name="email_domain"]{width:calc(60% - 33px);}
			#wrap table.bbs_write .flex_box input[name="zip"]{width:calc(100% - 121px);}
			#wrap table.bbs_write .address_box input[type="text"]{width:calc(50% - 5px);}
			#wrap table.bbs_write .flex_box input[name="captcha"]{width:100%;}
		}
		@media (max-width:479px){
			#wrap .bbs_write th, #wrap .bbs_write td{padding:12px 15px;}
			#wrap .bbs_write th{padding-left:10px;}
			#wrap .bbs_write col:nth-child(1){width:35%;}
			#wrap .bbs_write col:nth-child(2){width:65%;}
			#wrap table.bbs_write .flex_box input[type="text"]{width:100%;max-width: none;}
			#wrap .bbs_write .btn_sm{width:100%;height:40px;}
			#wrap table.bbs_write .radio_box{gap:5px 15px;padding:3px 0;}
			#wrap table.bbs_write .flex_box input[name="email_id"]{width: calc(100% / 2 - 19px);}
			#wrap table.bbs_write td .at{width:18px;}
			#wrap table.bbs_write .flex_box input[name="email_domain"]{width: calc(100% / 2 - 19px);}
			#wrap table.bbs_write select{width:100%;}
			#wrap table.bbs_write .captcha_td .img_box{width:100%;}
			#wrap table.bbs_write .captcha_td .img_box .btn_reset{min-width:40px;width:40px;height:40px;border-radius:3px;background-size:auto 15px;}
			#wrap table.bbs_write .captcha_td input[name="captcha"]{width:100%;}

            #wrap .bbs_write{position: relative; display: block;width: 100%; box-sizing: border-box;}
            #wrap .bbs_write :is(tbody, tr, th, td){position: relative; display: block;width: 100%; box-sizing: border-box; border:0; padding:0;}
            #wrap .bbs_write tr{display: flex;flex-direction: column;gap: 10px;border-bottom: 1px solid var(--border-color01);padding-block: 20px;}
		}
		
	/*마이페이지*/
		#wrap table.bbs_write td textarea{resize:none;}


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

    Dr.j

───────────────────────────────────────────────────────────*/
    .com_intro{position: relative; background: var(--point-gradi03); padding-bottom: 140px;}
    .com_intro .cont{display: flex;align-items: center;gap: clamp(50px, 5.3vw, 100px);}
    .com_intro .cont .thumb{width: 46.5%;height: 660px;font-size: 0;border-radius: var(--radius-20);overflow: hidden;flex-shrink: 0;}
	.com_intro .cont .thumb img{width: 100%;height: 100%;object-fit: cover;}
    .com_intro .cont .sub_title{width: 100%;} 

    @media (max-width:1023px){
        .com_intro{padding-bottom: clamp(80px, 14vw, 140px);}
        .com_intro .cont{flex-wrap: wrap;gap: clamp(30px, 5.5vw, 50px);}
        .com_intro .cont .thumb{width: 100%;max-width: 660px;height: auto;aspect-ratio: auto 1;flex-shrink: unset;}
    }

    .bullet_list{position: relative; display: grid; gap: 24px; font-size: var(--title-20);}
    .bullet_list > li{position: relative;font-size: 95%;font-weight: 400;color: var(--black-color05);line-height: 1.68;letter-spacing: -0.03em;box-sizing: border-box;display: flex;align-items: baseline;gap: 13px;transition: all 0.4s;}
    .bullet_list > li:before{display: inline-flex;content:'';width: 7px;aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color08);flex-shrink: 0;transition: inherit;translate: 0 -3px;}

    .bullet_list.sm{gap: 10px;}
    .bullet_list.sm > li{gap: 8px; line-height: 1.47;}
    .bullet_list.sm > li:before{width: 4px; translate: 0 -4px;}
    .bullet_list .exp_desc{display: flex; align-items: baseline; gap:4px;}
    .bullet_list .exp_desc dt{font-weight: 500;color: var(--black-color03);flex-shrink: 0;max-width: 300px;}
    .bullet_list .exp_desc dd{width: 100%;}

    .step_list{position: relative; display: grid; gap: 14px; font-size: var(--title-20); counter-reset: stepList;}
    .step_list > li{font-weight: 400;color: var(--black-color05);line-height: 1.68;letter-spacing: -0.03em;display: grid;gap: 14px;}
    .step_list > li > strong{font-size: 95%;font-weight: inherit;display: flex;align-items: baseline;gap: 14px;}
        .step_list > li > strong:before{content: counter(stepList, decimal-leading-zero);counter-increment: stepList;min-width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;text-align: center;padding-inline: 5px;box-sizing: border-box;border: 2px solid var(--point-color03);background: var(--point-white);border-radius: var(--radius-05);font-size: max(12px, var(--title-15));font-weight: 600;color: var(--point-color03);font-family: var(--font-type05);letter-spacing: -0.02em;translate: 0 -1px;flex-shrink: 0;}

		.step_list.lg{gap:30px;}
        .step_list.lg > li > strong{font-size: 110%; font-weight: 500; color: var(--black-color03);}
        .step_list.lg > li > span{font-size: 95%;}

    .chk_list{position: relative; display: grid; gap: 14px; font-size: var(--title-20);}
    .chk_list > li{font-size: 95%;font-weight: 400;color: var(--black-color05);line-height: 1.48;letter-spacing: -0.03em;display: flex;align-items: baseline;gap: 12px;}
    .chk_list > li:before{display: inline-flex;content:'';width: 14px;aspect-ratio: auto 1.273;background: url('../images/sub/chk_icon02.svg') no-repeat center / 100% auto;translate: 0 -1px;flex-shrink: 0;}
    .chk_list .desc{display: flex;align-items: baseline;gap: 4px;}
    .chk_list .desc dt{flex-shrink: 0;font-weight: 500;color: var(--black-color03);display: flex;align-items: baseline;max-width: 300px;}
    .chk_list .desc dd{width: 100%;}

    .sticky_wrap{position: relative; padding-top:140px;} 
    .sticky_wrap .w_custom{display: flex; align-items: flex-start;}
    .sticky_wrap .titie_box{position: sticky;top:140px;font-size: var(--title-20);width: 31%;min-width: 300px;flex-shrink: 0;display: grid;gap: clamp(20px, 4.5vh, 40px);padding-right: 50px;box-sizing: border-box;}
    .sticky_wrap .titie_box h3{font-size: 210%;font-weight: 600;color: var(--point-color02);line-height: 1.29;letter-spacing: -0.03em;}
	.sticky_wrap .titie_box .bullet_list{gap:0; }
    .sticky_wrap .titie_box .bullet_list > li{color: var(--black-color10); cursor: pointer;}
        .sticky_wrap .titie_box .bullet_list > li:before{background: var(--black-color10);}
        .sticky_wrap .titie_box .bullet_list > li.on{color: var(--point-color02);-webkit-text-stroke: var(--point-color02);-webkit-text-stroke-width: 0.3px;}
        .sticky_wrap .titie_box .bullet_list > li.on:before{background: var(--point-color02);}
        .sticky_wrap .titie_box .bullet_list > li:not(:last-child){padding-bottom: clamp(10px, 2.7vh, 24px);}
        .sticky_wrap .titie_box .bullet_list > li:not(:last-child):after{position: absolute; content:''; top:15px; left:3px; width: 1px; height: 100%; background: var(--border-color01);z-index: -2;}
    .sticky_wrap .titie_box .bullet_list .line{position: absolute;top: 15px;left: 3px;width: 1px;height: 0;background: var(--point-color02);z-index: -1;}
    .sticky_wrap .titie_box .bullet_list > li:last-child .line{display: none;}
    .sticky_wrap .cont{width: 100%;padding-top: 3px;box-sizing: border-box;}
    .sticky_wrap .cont section:not(:first-child){padding-top: 100px; margin-top: 100px; border-top: 1px solid var(--border-color01);}
    .sticky_wrap .cont .sub_title h3{font-weight: 600;color: var(--black-color03);letter-spacing: -0.03em;}
    .sticky_wrap .cont .thumb_box{font-size: 0; border-radius: 10px; overflow: hidden;}

    .gap_wrap{display: grid; gap: 60px;}
        .gap_wrap.g40{gap: 40px;}
        .gap_wrap.g30{gap: 30px;}

    .thuExp_list{display: grid; gap: 40px;}
    .thuExp_list > li{display: flex; align-items: center; gap: clamp(30px, 3.2vw, 60px);}
    .thuExp_list .thumb{font-size: 0;width: 47%;height: 280px;border-radius: var(--radius-10);overflow: hidden;flex-shrink: 0;}
	.thuExp_list .thumb img{width:100%; height:100%; object-fit:cover;}
    .thuExp_list .info{display: grid;gap: 33px;}
    .thuExp_list .desc{font-size: var(--title-20);display: grid;gap: 14px;}
    .thuExp_list .desc dt{font-size: 140%;font-weight: 600;color: var(--black-color03);line-height: 1.43;letter-spacing: -0.03em;}
    .thuExp_list .desc dd{font-size: 95%;font-weight: 400;color: var(--black-color05);line-height: 1.64;letter-spacing: -0.03em;}
    .thuExp_list .desc dd em{font-weight: 600; color: var(--point-color03);}
    
    .more_arw{display: block;width: fit-content;box-sizing: border-box;font-size: var(--title-20);font-weight: 600;color: var(--point-color03);letter-spacing: -0.05em;}
    .more_arw span{font-size: 90%;display: inline;padding-bottom: 5px;background: linear-gradient(rgba(31, 132, 192, 1) 0%, rgba(31, 132, 192, 1) 100%) no-repeat left bottom / 0 1px;transition: all 0.4s;}
    .more_arw span:after{display: inline-flex;content:'';width: 13px;aspect-ratio: auto 1;background: url('../images/sub/more_arw.svg') no-repeat center / 100% auto;margin-left: 22px;}

        /* over */
            @media (hover:hover) and (pointer:fine){
                .more_arw:hover span{background-size: 100% 1px;}
            }

    @media (max-width:1023px){
        .sticky_wrap{padding-top: clamp(80px, 14vw, 140px);}
        .sticky_wrap .titie_box{display: none;}
        .sticky_wrap .cont section:not(:first-child){padding-top: clamp(50px, 10vw, 100px); margin-top: clamp(50px, 10vw, 100px);}

        .gap_wrap{gap: clamp(30px, 6vw, 60px);}
            .gap_wrap.g40{gap: clamp(20px, 4vw, 40px);}
            .gap_wrap.g30{gap: clamp(15px, 3vw, 30px);}

        .bullet_list{gap: clamp(12px, 2.4vw, 24px);}
        .chk_list{gap: clamp(10px, 1.9vw, 14px);}
        .chk_list > li{gap: clamp(10px, 1.7vw, 12px);}
        .chk_list > li:before{width: clamp(10px, 1.9vw, 14px);}
		.step_list{gap:clamp(10px, 1.9vw, 14px);}
		.step_list > li{gap:clamp(10px, 1.9vw, 14px);}
        .step_list > li > strong:before{min-width: clamp(29px, 4.1vw, 36px);height: clamp(29px, 4.1vw, 36px);}
		.step_list > li > strong{gap:clamp(12px, 1.9vw, 14px);}

        .thuExp_list > li{flex-wrap: wrap;gap: clamp(20px, 3vw, 30px);}
        .thuExp_list .thumb{width: 100%;max-width: 690px;height: auto;aspect-ratio: 1.64;}
        .thuExp_list .info{gap: clamp(17px, 3.3vw, 33px);}
        .thuExp_list .desc{gap:clamp(10px, 1.9vw, 14px);}

        .more_arw span:after{margin-left: clamp(12px, 2.2vw, 22px);}
    }
    @media (max-width:640px){
        .more_arw span:after{width: 12px;}

        .bullet_list.sm > li{gap: 6px;}
        .bullet_list.sm > li:before{width: 3px;}
    }
    @media (max-width:479px){
        .thuExp_list .desc dt{font-size: 130%;}
    }
    @media (max-width:431px){
        .chk_list .desc{display: block;}
        .chk_list .desc :is(dt, dd){display: inline; width: auto;}
        .chk_list .desc dt{flex-shrink: unset; max-width:none;}
        .bullet_list .exp_desc{display: block;}
        .bullet_list .exp_desc :is(dt, dd){display: inline; width: auto;}
        .bullet_list .exp_desc dt{flex-shrink: unset; max-width:none;}
    }

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

    Company

───────────────────────────────────────────────────────────*/
    /* 병원소개 */
        .about .sub_title h3{letter-spacing: -0.03em;}
        .wide_bnr{font-size: 0; border-radius: var(--radius-20); overflow: hidden;}
        .wide_bnr img{min-height: 180px;object-fit: cover;}
        .sign_desc{display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;text-align: right;gap: 10px 24px;font-size: var(--title-20);}
        .sign_desc dt{font-size: 110%; font-weight: 500; color: var(--point-color03);}
        .sign_desc dd{font-size: 160%; font-weight: 600; color: var(--point-color02);}

        @media (max-width:1023px){
            .sign_desc{column-gap: clamp(15px, 2.4vw, 24px);}
        }
        @media (max-width:479px){
            .sign_desc dt{font-size: 100%;}
            .sign_desc dd{font-size: 150%;}
        }

    /* 병원 둘러보기 */
        .thumb_grid{display: grid;gap: clamp(15px, 1.7vw, 32px);}
        .thumb_grid .line02{display: grid; grid-template: auto / repeat(2, 1fr); gap: inherit;}
        .thumb_grid .line02 > li{border-radius: var(--radius-15); overflow: hidden;}
        .thumb_grid .line03{display: grid; grid-template: auto / repeat(3, 1fr); gap: inherit;}
        .thumb_grid .line03 > li{border-radius: var(--radius-10); overflow: hidden;}

        @media (max-width:479px){
            .thumb_grid :is(.line02, .line03){grid-template: auto / repeat(1, 1fr);}
        }

    /* 의료진 소개 */
        .rhombus_list{display: grid;gap: 15px;font-size: var(--title-20);}
        .rhombus_list > li{font-size: 110%;font-weight: 500;color: var(--point-color02);line-height: 1.27;display: flex;align-items: baseline;gap: 12px;letter-spacing: -0.03em;}
        .rhombus_list > li:before{display: inline-flex;content:'';width: 9px;aspect-ratio: auto 1;background: var(--point-color02);clip-path: var(--poly-path01);flex-shrink: 0;translate: 0 -4px;}

        .ceo_intro{display: flex;align-items: center;margin-top: -20px;gap: clamp(50px, 4.2vw, 80px);padding-bottom: 140px;}
        .ceo_intro .sub_title{width: 100%;}
        .ceo_intro .thumb{position: relative;width: 50%;padding-inline: 40px;text-align: center;flex-shrink: 0;box-sizing: border-box;}
            .ceo_intro .thumb:before{position: absolute;content:'';width: 100%;height: 74%;background: var(--point-color05);border-radius: var(--radius-20);left: 0;bottom: 0;z-index: -1;}
        .ceo_intro .thumb img{filter: drop-shadow(var(--shadow-04));}

        @media (max-width:1100px){
            .ceo_intro{flex-direction: column-reverse;align-items: flex-start;}
            .ceo_intro .thumb{width: auto;}
        }
        @media (max-width:1023px){
            .ceo_intro{margin-top: clamp(-20px, -2vw, 0px); padding-bottom: clamp(80px, 14vw, 140px);}
			.rhombus_list{gap: clamp(11px, 1.5vw, 15px);}
            .rhombus_list > li{gap: clamp(10px, 1.7vw, 12px);}
            .rhombus_list > li:before{width: clamp(7px, 1.4vw, 9px);translate: 0 clamp(-4px, -0.6vw, 0px);}
            .ceo_intro{gap: clamp(30px, 5vw, 50px);}
			.ceo_intro .thumb{padding-inline:clamp(20px, 4vw, 40px);}
        }
        @media (max-width:479px){
			.rhombus_list > li{font-size: 100%;}
        }

    /* 풀페이지 */
        .full_wrap{background: var(--point-color02);}
        .full_wrap .w_custom{max-width: 1620px;}
        .full_wrap .line_box{position: sticky;bottom: 0;z-index: 5;height: 100vh;margin-top: -100vh;display: flex;align-items: center; pointer-events: none;}
        .full_wrap .line{position: relative;width: 2px;height: clamp(300px, 59.5vh, 540px);background: rgba(255,255,255,0.2);}
        .full_wrap .line em{position: absolute; top:0; left:0; width: 100%; background: var(--point-white); transition: all 1.2s;}
        .full_wrap section{position: sticky; top: 0; display: flex;background: var(--point-color02); height: 150vh;background: var(--point-color02);}
            .full_wrap section.on, .full_wrap:not(:has(section.on)) section:first-child{clip-path: inset(0 -100%);opacity: 1;}
        .full_wrap .info_box{position: sticky;top: 0;width: 50%;height: 100vh;box-sizing: border-box;padding: 201px clamp(50px, 5.25vw, 100px) 0;}
        .full_wrap .thumb{position: absolute;width: calc(100% + 150px);height: 100%;top: 0;right: 0; overflow: hidden;}
        .full_wrap .thumb img{width: 100%; height: 100%; object-fit: cover; }
        .full_wrap .step_desc{position: relative;font-size: var(--title-20);color: var(--point-white);display: grid;gap: 28px; }
            
        .full_wrap .step_desc dt{font-size: 85%;font-weight: 400;opacity: 0.6;font-family: var(--font-type05);letter-spacing: 0;}
        .full_wrap .step_desc dt em{font-weight: inherit;display: inline-flex;align-items: center;gap: 6px;}
            .full_wrap .step_desc dt em:after{display: inline-flex;content:'';width: 3px;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-white);margin-right: 6px;}
        .full_wrap .step_desc dd{font-size: 290%;font-weight: 500;line-height: 1.35;letter-spacing: -0.03em;text-wrap: balance;}
        .full_wrap .exp_box{position: sticky; top:0;width: 50%;height: 100vh;box-sizing: border-box;padding-left: clamp(50px, 6.25vw, 120px);padding-top: 25px;display: flex;flex-direction: column;justify-content: center;}
        .full_wrap .sub_title :where(h3, h5, h6){color: var(--point-white); font-weight: 400;}
		.full_wrap .sub_title h6{font-size: clamp(14px, 2.2vh, 20px);}

        @media (min-width:1024px){
            .full_wrap section{transition: all 1.5s;clip-path: inset(100% -100% 0);opacity: 0;}
            .full_wrap section:first-child{height: 100vh;}
            .full_wrap section:last-child{height: 200vh;}
            .full_wrap .thumb img{scale: 1.1;transition: all 1.5s;}
                .full_wrap section.on .thumb img, .full_wrap:not(:has(section.on)) section:first-child .thumb img{scale: 1;}
            .full_wrap .step_desc{translate: 70px;opacity: 0; transform: none !important; transition: all 1.5s !important;}
                .full_wrap section.on .step_desc, .full_wrap:not(:has(section.on)) section:first-child .step_desc{translate: 0; opacity: 1; transform: none;}
            .full_wrap .sub_title{translate: 0 70px;opacity: 0; transform: none !important; transition: all 1.5s !important;}
                .full_wrap section.on .sub_title, .full_wrap:not(:has(section.on)) section:first-child .sub_title{translate: 0; opacity: 1;}

            .full_wrap .step_desc dd{font-size: clamp(40px, 6.5vh, 58px);}
            .full_wrap .sub_title h3{font-size: clamp(26px, 3.7vh, 32px);}
            .full_wrap .sub_title h5{font-size: clamp(20px, 2.8vh, 24px);}
            .full_wrap .sub_title h6{font-size: clamp(14px, 2.2vh, 20px);}
        }

        @media (max-width:1023px){
            .full_wrap .line_box{display: none;}
            .full_wrap section{position: relative; inset: auto; flex-wrap: wrap;height: auto;margin-top: 0;opacity: 1;clip-path: none;}
            .full_wrap .info_box{position: relative;inset: auto;width: 100%;height: auto;padding: clamp(80px, 12vw, 120px) 0;}
            .full_wrap .thumb{width: calc(100% + 60px); right: -30px;}
            .full_wrap .thumb img{scale: 1;}
            .full_wrap .step_desc{translate: 0;opacity: 1;gap: clamp(15px, 2.8vw, 28px);}
            .full_wrap .step_desc dd{font-size: 270%;}
            .full_wrap .exp_box{position: relative;inset: auto;width: 100%;height: auto;padding: clamp(70px, 10vw, 100px) 0;}
            .full_wrap .sub_title{translate: 0; opacity: 1;}
        }
        @media (max-width:640px){
            .full_wrap .step_desc dd{font-size: 250%;}
        }
        @media (max-width:479px){
            .full_wrap .step_desc dd{font-size: 220%;}
        }

    /* 진료안내 및 오시는 길*/
        .location_map{position: relative; width: 100%; height: 560px; border: 1px solid var(--border-color01); border-radius: var(--radius-20); overflow: hidden;}
        .location_map .root_daum_roughmap_landing{width: 100% !important; height: 100%;}
        .location_map .root_daum_roughmap .wrap_map{height: 100% !important;}
        .location_map .root_daum_roughmap .cont{display: none;}
        .location_map .root_daum_roughmap .map_border{display: none;}

        .location_info .cont{border-top: 1px solid var(--border-color01);margin-top: 40px;padding-top: 50px;display: grid;gap: 43px;}
        .location_info .cont .desc{display: flex;align-items: flex-start;font-size: var(--title-20);}
        .location_info .cont .desc dt{display: flex;align-items: baseline;gap: 12px;font-size: inherit;font-weight: 600;color: var(--point-color02);width: 170px;padding-right: 20px;box-sizing: border-box;flex-shrink: 0;}
		.location_info .cont .desc dt img{translate: 0 1px;}
        .location_info .cont .desc dd{width: 100%;font-size: 90%;font-weight: 400;color: var(--black-color03);box-sizing: border-box;}
        .location_info .cont .desc .tel{font-size: 178%;font-weight: 600;color: var(--point-color03);line-height: 1;font-family: var(--font-type05);letter-spacing: 0.01em;}
        .location_info .cont .time_list{display: flex;flex-wrap: wrap;gap: 8px 0;}
        .location_info .cont .time_list > li{display: flex;align-items: baseline;flex-wrap: wrap;gap: 6px 12px;}
        .location_info .cont .time_list > li:not(:last-child):after{display: inline-flex; content:''; width: 1px; height: 12px; background: var(--border-color01); margin-inline:18px 30px;}
        .location_info .cont .time_list em{font-weight: 500; color: var(--black-color06);}
        .location_info .cont .time_list strong{font-weight: 400; font-family: var(--font-type05);}
        .location_info .cont .time_list small{font-size: 94.4%; font-weight: 400; color: var(--black-color08);}
        .location_info .cont .time_list b{font-weight: 600;}
        .location_info .exp_list{display: grid;grid-template: auto / repeat(2, 1fr);gap: clamp(15px, 2.1vw, 40px);margin-top: 80px;}
        .location_info .exp_list > li{position: relative;background: var(--point-color05);border-radius: var(--radius-10);display: flex;align-items: center;gap: 20px;padding: 30px;box-sizing: border-box;}
        .location_info .exp_list .icon{display: flex;align-items: center;justify-content: center;width: 90px;height: 90px;border-radius: 100%;background: var(--point-white);padding: 18px;box-sizing: border-box;flex-shrink: 0;box-sizing: border-box;}
        .location_info .exp_list .item{width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;gap: 12px 30px;}
        .location_info .exp_list .public_desc{display: flex;align-items: baseline;font-size: var(--title-20);gap: 12px;}
        .location_info .exp_list .public_desc dt{font-size: 80%;font-weight: 400;color: var(--point-white);border-radius: 60px;background: var(--point-color07);min-width: 78px;max-width: 120px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 7px 5px 6px;box-sizing: border-box;line-height: 1.2;flex-shrink: 0;}
            .location_info .exp_list .public_desc dt.bl{background: var(--point-color03);}
            .location_info .exp_list .public_desc dt.org{background: var(--point-color08);}
        .location_info .exp_list .public_desc dd{font-size: 90%;font-weight: 400;color: var(--black-color05);}
        .location_info .exp_list .public_desc dd.num{font-family: var(--font-type05);letter-spacing: -0.015em;}

        @media (max-width:1100px){
            .location_info .exp_list{grid-template: auto / repeat(1, 1fr);}
        }
        @media (max-width:1023px){
            .location_map{height: clamp(300px, 56vw, 560px);}

            .location_info .cont{margin-top: clamp(30px, 4vw, 40px);padding-top: clamp(30px, 5vw, 50px);gap: clamp(30px, 4.3vw, 43px);}
            .location_info .cont .desc dt{width: clamp(115px, 17vw, 170px);padding-right: clamp(15px, 2vw, 20px);gap: clamp(10px, 1.7vw, 12px);}
            .location_info .cont .desc dt img{height: clamp(14px, 2.1vw, 16px);}
            .location_info .cont .time_list > li:not(:last-child):after{margin-inline: clamp(8px, 1.7vw, 18px) clamp(20px, 3vw, 30px);height: clamp(10px, 1.5vw, 12px);}
            .location_info .exp_list{margin-top: clamp(40px, 8vw, 80px);}
            .location_info .exp_list > li{padding: clamp(25px, 3vw, 30px);}
            .location_info .exp_list .item{gap: clamp(10px, 1.7vw, 12px) clamp(25px, 3vw, 30px);}
            .location_info .exp_list .icon{width: clamp(65px, 9vw, 90px);height: clamp(65px, 9vw, 90px);}
            .location_info .exp_list .public_desc dt{min-width: clamp(70px, 8.3vw, 78px);}
        }
        @media (max-width:640px){
            .location_info .cont .time_list > li{width: 100%;}
            .location_info .cont .time_list > li:not(:last-child):after{display: none;}
        }
        @media (max-width:479px){
            .location_info .exp_list > li{flex-wrap: wrap;}
            .location_info .exp_list .icon{margin-inline: auto; flex-shrink: unset;}
        }
        @media (max-width:360px){
            .location_info .cont .desc{flex-wrap: wrap;gap: 12px 0;}
            .location_info .cont .desc dt{width: 100%; padding-right: 0;}
        }

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

    Nonsalary

───────────────────────────────────────────────────────────*/
    /* 비급여수가 */
        .exp_table{position: relative; width: 100%; box-sizing: border-box;}
        .exp_table table{position: relative;width: 100%;font-size: var(--title-20);border-radius: var(--radius-10);box-sizing: border-box;overflow: hidden;}
        .exp_table table:before{position: absolute;content:'';inset: 0;border: 1px solid var(--border-color01);border-radius: inherit;clip-path: inset(50% 0 0);pointer-events: none;}
        .exp_table :where(th, td){text-align: center;vertical-align: middle;padding: 30px 21px;box-sizing: border-box;}
        .exp_table .left{text-align: left;}
        .exp_table thead th{font-size: inherit;font-weight: 500;color: var(--point-white);background: var(--point-color02);box-shadow: 0px -1px 0 1px rgba(255, 255, 255, 0.4);}
        .exp_table tbody :where(th, td){border-right: 1px solid var(--border-color01);border-bottom: 1px solid var(--border-color01);}
        .exp_table tbody th{font-size: inherit;font-weight: 600;color: var(--point-color02);background: var(--point-color05);border-left: 1px solid var(--border-color01);}
        .exp_table tbody td{font-size: 90%;font-weight: 400;color: var(--black-color07);padding-block: 21px;}
        .exp_table tbody td strong{font-weight: inherit; color: var(--black-color03);}

        @media (max-width:1023px){
            .exp_table :where(th, td){padding: clamp(15px, 3vw, 30px) clamp(18px, 2.1vw, 21px);}
        }
        @media (max-width:860px){
            .scr_wrap{overflow: hidden; overflow-x: auto; width: calc(100% + 30px); margin-left: -15px;}
            .exp_table{width: 860px; padding-inline: 15px;}
        }

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

    팝업

───────────────────────────────────────────────────────────*/
    #popup_contents:has(.layer-popup){position: fixed;inset: 0;z-index: 200;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.5);}
    #popup_contents:has(.layer-popup[style*="display: none;"]){display: none;}
    body:has(.layer-popup:not([style*="display: none;"])){overflow: clip; touch-action: none;}
    #wrap .layer-popup{background: none;border: 0;position: relative;inset: auto !important;width: calc(100% - 30px) !important;max-width: 500px;display: grid;gap: 20px;transform: none;z-index: 200 !important;color: var(--point-white);}
    #wrap .layer-popup div:has(> h4){display: none;}
    #wrap .pop_content{position: relative;border-radius: var(--radius-20);overflow: hidden;}
    #wrap .layer-popup .pop_closed{position: relative;padding: 0;font-size: var(--title-20);line-height: 1.4;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px 30px;box-sizing: border-box;text-align: inherit;}
    #wrap .layer-popup label:has([type="checkbox"]){font-size: 85%;font-weight: 300;color: var(--point-white);line-height: 22px;}
    #wrap .layer-popup label [type="checkbox"]{width: 22px;border: 1px solid var(--point-white);background: none;border-radius: 100%;}
    #wrap .layer-popup label [type="checkbox"]:before{filter: var(--filter-white);width: 9px;}
    #wrap .layer-popup label [type="checkbox"]:checked{background: var(--point-white);border-color: var(--point-white);}
    #wrap .layer-popup label [type="checkbox"]:checked:before{filter: var(--filter-point);}
    #wrap .layer-popup .pop_closed a{position: relative;font-size: 85%;font-weight: 300;width: auto;height: auto;line-height: inherit;margin: 0;padding-right: 22px;box-sizing: border-box;}
    #wrap .layer-popup .pop_closed a{&:before, &:after{position: absolute;transform: none;inset: auto;top: 50%;right: 0;width: 15px;height: 2px;rotate: 45deg;translate: 0 -50%;background: var(--point-white);}}
    #wrap .layer-popup .pop_closed a:after{rotate: -45deg;}

    @media (max-width:1023px){
        #wrap .layer-popup{gap: clamp(15px, 2vw, 20px);}
    }

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

    게시판

───────────────────────────────────────────────────────────*/
	.sub_board .container_title{margin-bottom:50px;}
	
	/*검색*/
	#wrap .board_search{background:none;padding:0;line-height:initial;margin-bottom:80px;}
	#wrap .board_search fieldset{display: flex;flex-wrap:wrap;align-items: center;justify-content: center;width:600px;height:60px;box-sizing:border-box;border-radius:64px;background:var(--point-white);border:2px solid var(--black-color01);margin:0 auto;overflow:hidden;padding:8px 10px;}
	#wrap .board_search .board_search_sel{width:150px;height:100%;}
	#wrap .board_search .board_search_sel select{width:100%;height:100%;line-height:initial;;border:none;}
	#wrap .board_search .input_box{width:calc(100% - 150px);height:100%;box-sizing:border-box;display: flex;align-items: center;justify-content: center;flex-wrap:wrap;background: var(--point-white);position: relative;}
	#wrap .board_search .input_box:before{width:1px;height:20px;content:"";background:var(--border-color01);position: absolute;left:0;top:50%;transform:translateY(-50%);}
	#wrap .board_search .input_box .input_text{width:calc(100% - 40px);box-sizing:border-box;border:none;background:none;height:100%;line-height:initial;padding:0 24px;}
	#wrap .board_search .input_box .btn_search{width:40px;height:40px;box-sizing:border-box;border-radius:100%;font-size:0;background:var(--black-color01) url('../images/sub/icon_search.svg')no-repeat center;}
	
	/*default*/
	.bbs_table{position: relative;width: 100%;table-layout: fixed;box-sizing: border-box;border-top: 1px solid var(--black-color01);}
	.bbs_table tr{font-size: var(--title-20);  transition: all 0.4s; box-sizing: border-box;}
	.bbs_table :is(th, td){text-align: center;vertical-align: middle;border-bottom: 1px solid var(--border-color01);box-sizing:border-box;}
	.bbs_table thead tr th{font-weight: 500;font-size:100%;color:var(--black-color01);font-weight:500;padding:26.5px 0;}
	.bbs_table td{font-weight:300;font-size: 95%;padding:19px 10px;color: var(--black-color06);}
	.bbs_table td.left{text-align: left; padding-inline: 0;font-family:var(--font-type02);font-weight:400;color:var(--black-color03);padding-left:20px;}
	.bbs_table tr.board_notice td.left{font-weight:500;font-size:var(--title-20)}
	.bbs_table td.name{font-family:var(--font-type02);font-weight:400;}
	.bbs_table td .notice{display: inline-flex;box-sizing:border-box;border-radius:32px;align-items: center;justify-content: center;text-align: center;border:1px solid var(--point-color01);font-size:var(--title-17);color:var(--point-color01);font-weight:600;width:70px;height:34px;}
	.bbs_table td a{white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-width: calc(100% - 30px);word-break: break-all;vertical-align: middle;margin-right: 5px;box-sizing: border-box;}
	.bbs_table td img{vertical-align: middle;}
	.bbs_table td.date{color:var(--black-color08);}
	.table_no_data{font-size:var(--title-20);color:var(--black-color01);font-weight:500;padding:19px 0;text-align: center;box-sizing:border-box;border-bottom:1px solid var(--border-color01);}
	.table_no_data p{font-weight:300;font-size: 95%;color: var(--black-color06);}
	
	/*view*/
    #wrap .bbs_view{font-size: var(--title-20);}
	#wrap .bbs_view div.view_tit{border:none;background:none;font-size:var(--title-20);border-bottom:1px solid var(--black-color03);text-align: center;padding:0 0 36px;}
	#wrap .bbs_view div.view_tit .notice{display: inline-flex;box-sizing:border-box;border-radius:32px;align-items: center;justify-content: center;text-align: center;border:1px solid var(--point-color01);font-size:var(--title-17);color:var(--point-color01);font-weight:500;width:70px;height:34px;margin-bottom:10px;}
	#wrap .bbs_view div.view_tit h3{font-size:180%;color:var(--black-color03);font-weight:700;line-height:initial;width:100%;text-align: center;letter-spacing:-0.02em;}
	#wrap .bbs_view div.view_tit p{display: flex;align-items: center;justify-content: center;font-size:var(--title-20);width:100%;margin-top:15px;padding:0;line-height:initial;}
	#wrap .bbs_view div.view_tit p span{display: inline-flex;align-items: center;font-size:80%;color:var(--black-color05);font-weight:400;}
	#wrap .bbs_view div.view_tit p span + span:before{width:1px;height:12px;content:"";background:var(--border-color01);display: inline-block;margin:0 12px 0 10px;}
	#wrap .bbs_view div.view_cont{border-bottom:1px solid var(--border-color01);font-size: 90%;font-weight: 400;color: var(--black-color03);line-height: 1.6;padding: 30px;box-sizing: border-box;margin: 0;width: 100%;word-break: keep-all;}
	#wrap .sub_board .bbs_view .extra_editor_wrap{border:1px solid var(--border-color01);display: flex;flex-wrap:wrap;align-items: center;}
	#wrap .sub_board .bbs_view .extra_editor_wrap > h4, #wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{padding:25px 0;}
	#wrap .sub_board .bbs_view .extra_editor_wrap > h4{width:160px;text-align: center;background:none;font-size:var(--title-17);color:var(--black-color06);font-weight:500;}
	#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{box-sizing:border-box;position: relative;padding-left:50px;width:calc(100% - 160px);}
	#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont:before{width:1px;height:14px;content:"";background:var(--border-color01);position: absolute;left:0;top:50%;transform:translateY(-50%);}
	#wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:var(--title-17);color:var(--black-color08);font-weight:400;}
	#wrap .sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a{font-size:inherit !important;color:inherit !important;font-weight:inherit !important;}
	#wrap .view_btn .btn_wrap{position: static;}
	#wrap .view_btn .btn_wrap .btn{width:200px;}
	
	/*write*/
	#wrap .bbs_write + .bbs_write{border-top:none;}
	#wrap .edit-box{background:var(--point-white);}
	#wrap .flex_box .btn_basic{background:var(--point-white);}
	#wrap .flex_box .file_btn{position: relative;}
	#wrap .flex_box .file_btn #file{opacity:0;width:100%;height:100%;position: absolute;top:0;left:0;cursor:pointer;visibility:hidden;}
	#wrap .policy_cont{margin-top:40px;}
	#wrap .policy_cont .policy_txt{padding-bottom:24px;line-height:initial;}
	
	/* over */
	@media (pointer: fine) and (hover: hover) {
		.bbs_table tbody tr:hover{background: var(--point-color05);}
	}
	
	@media (max-width:1023px){
		/*검색*/
		#wrap .board_search{margin-bottom:clamp(40px, 8vw, 80px);}
		
		/*default*/
		.bbs_table col:nth-child(1){width: 90px;}
		.bbs_table col:nth-child(3){width: 130px;}
		.bbs_table col:nth-child(4){width: 130px;}
		.bbs_table thead tr th{padding: 20px 0;}
		.bbs_table :is(td){padding-block: clamp(15px, 2.2vw, 22px);}
		.bbs_table td img{height: clamp(16px, 2.5vw, 20px);}
		.table_no_data{padding-block: clamp(15px, 2.2vw, 22px);}
		
		/*view*/
		#wrap .bbs_view div.view_tit{padding-bottom:clamp(20px, 4vw, 36px);}
		#wrap .bbs_view div.view_tit h3{font-size:170%}
        #wrap .bbs_view div.view_cont{padding: clamp(20px, 3vw, 30px);}
	}
	@media (max-width:860px){
		/*write*/
		#wrap .flex_box .btn_basic{width:100px;}
	}
	@media (max-width:640px){
		/*검색*/
		#wrap .board_search fieldset{width:100%;}
		#wrap .board_search .board_search_sel{width:120px;}
		#wrap .board_search .input_box{width:calc(100% - 120px);}
	
		/*default*/
		.bbs_table col:nth-child(1){width: 70px;}
        .bbs_table col:nth-child(3){width: 110px;}
		.bbs_table col:nth-child(4){width: 110px;}
		.bbs_table td .notice{width:54px;height:30px;}
		
		/*view*/
		#wrap .bbs_view div.view_tit h3{font-size:160%}
		#wrap .sub_board .bbs_view .extra_editor_wrap > h4, #wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{padding:20px 0;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > h4{width:100px;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 100px);padding-left:25px;}
		#wrap .view_btn .btn_wrap .btn{width:150px;}
	}
	@media (max-width:479px){
		.sub_board .container_title{margin-bottom:30px;}
		
		/*검색*/
		#wrap .board_search fieldset{height:46px;padding:5px 8px;}
		#wrap .board_search .board_search_sel{margin-bottom:0;width:100px;}
		#wrap .board_search .input_box{width:calc(100% - 100px);}
		#wrap .board_search .input_box:before{height:10px;}
		#wrap .board_search .input_box .input_text{padding:0 15px;width:calc(100% - 32px);}
		#wrap .board_search .input_box .btn_search{width:32px;height:32px;background-size:auto 13px;}
		
		/*default*/
		.bbs_table{margin-top:30px;}
		.bbs_table :is(col, th, td):nth-child(1), .bbs_table :is(col, th, td):nth-child(4){display: none;}
        .bbs_table col:nth-child(3){width: 100px;}
		.bbs_table thead tr th{padding:12px 0;}
	
		/*view*/
		#wrap .bbs_view div.view_tit h3{font-size:150%}
		#wrap .bbs_view div.view_tit .notice{width:60px;height:30px;}
		#wrap .bbs_view div.view_tit p span + span:before{height:10px;margin:0 10px 0 8px;}
		#wrap .view_btn .btn_wrap .btn{width:120px;}	
		
		/*write*/
		#wrap .flex_box .file_btn{width:100%;}
		#wrap .flex_box .btn_basic{width:100%;height:44px;}
		#wrap .policy_cont{margin-top:30px;}
		#wrap .policy_cont .policy_txt{padding-bottom:12px;}
	}
	

    /* 갤러리 */
        .gall_list{display: flex; flex-wrap: wrap; gap: 50px 40px;}
        .gall_list > li{position: relative;width: calc(100% / 3 - 26.67px);box-sizing: border-box;font-size: var(--title-20);display: flex;flex-direction: column;gap: 24px;}
        .gall_list .link{position: absolute; inset: 0; z-index: 5;}
        .gall_list .preface{position: absolute;top:10px;left:10px;z-index: 5;font-size: 85%;font-weight: 500;color: var(--point-white);padding: 7px 16px;border-radius: var(--radius-05);background: var(--black-color06);display: none;}
        .gall_list .thumb{position: relative;aspect-ratio: auto 1.57;overflow: hidden;border-radius: var(--radius-10);box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
            .gall_list .thumb:before{position: absolute;content:'';inset: 0;border: 2px solid var(--point-color03);opacity: 0;transition: all 0.4s;box-sizing: border-box;z-index: 5;border-radius: inherit;pointer-events: none;}
        .gall_list .thumb img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
        .gall_list .desc :is(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; letter-spacing: -0.04em;}
        .gall_list .desc dt{font-size: 110%; font-weight: 500; color: var(--black-color00); line-height: 1.36; }
            .gall_list .desc dt + dd{margin-top: 18px;}
        .gall_list .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color06); line-height: 1.66;-webkit-line-clamp: 2;}

        .gall_list.patent{gap: 60px 32px;}
        .gall_list.patent > li{width: calc(100% / 4 - 24px);}
        .gall_list.patent .thumb{aspect-ratio: auto 1;background: var(--gray-bg05);}
        .gall_list.patent .thumb img{width: auto;height: calc(100% - 50px);box-shadow: var(--shadow-04);transform: none  !important;}
        .gall_list.patent .desc{text-align: center;}
        .gall_list.patent .desc dt{font-size: 100%;-webkit-line-clamp: 2;line-height: 1.6;letter-spacing: 0;color: var(--black-color03);}

            @media (hover:hover) and (pointer:fine){
                .gall_list > li:hover .thumb img{transform: scale(1.1);}
                .gall_list > li:hover .thumb:before{opacity: 1;}
            }

        @media (max-width:1300px){
            .gall_list{gap: 40px 30px;}
            .gall_list > li{width: calc(100% / 3 - 20px);}
        }
        @media (max-width:1200px){
            .gall_list{column-gap:20px;}
            .gall_list > li{width: calc(100% / 3 - 13.34px)}

            .gall_list.patent{gap: 40px 20px; }
            .gall_list.patent > li{width: calc(100% / 4 - 15px);}
        }
        @media (max-width:1023px){
            .gall_list{column-gap:15px;}
            .gall_list > li{width: calc(100% / 3 - 10px); gap: clamp(15px, 2.4vw, 24px);}
            .gall_list .preface{padding: clamp(5px, 1vw, 7px) clamp(10px, 2vw, 16px);}
            .gall_list .desc dt + dd{margin-top: clamp(7px, 1.8vw, 18px);}

            .gall_list.patent{column-gap:15px; }
            .gall_list.patent > li{width: calc(100% / 4 - 11.25px);}
        }
        @media (max-width:860px){
            .gall_list > li{width: calc(100% / 2 - 7.5px); }
            .gall_list.patent > li{width: calc(100% / 2 - 7.5px);}
        }
        @media (max-width:640px){
            .gall_list .desc dt{font-size: 100%;}
            .gall_list .desc dd{font-size: max(14px, 85%);line-height: 1.5;}
        }
        @media (max-width:479px){
            .gall_list > li{width: 100%;}
        }
        @media (max-width:360px){
            .gall_list.patent > li{width: 100%;}
        }

     /* 페이징 */
        #wrap .view_btn {text-align:center;line-height: inherit;position:relative;min-height: auto;}
        #wrap .paging {text-align:center;padding: 0;line-height:inherit;margin: 60px 0 0;box-sizing:border-box;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;font-size: var(--title-20);gap: 10px;min-height: auto;width: 100%;}
        #wrap .paging span {display:inline-block;}
        #wrap .paging a {display: inline-flex;align-items: center;justify-content: center;font-size: 90%;font-weight: 400;color: var(--black-color06);font-family: inherit;padding: 0 5px;border: 0;box-sizing:border-box;height: 40px;line-height: 1.2;width: auto;min-width: 40px;text-align: inherit;border-radius: 100%;margin: 0;}
        #wrap .paging :is(.on a, a.on){color: var(--point-white);font-weight: 500;background: var(--black-color00);}
        #wrap .paging .arrow a {font-size:0;min-width: auto; width: 20px;background:url('../images/sub/paging_first.svg') no-repeat center;}
        #wrap .paging .arrow a img{display: none;}
        #wrap .paging .arrow:where(.prev, .next) a{background-image: url('../images/sub/paging_prev.svg');}
        #wrap .paging .arrow:where(.next, .last) a{transform: scale(-1,-1);}
        #wrap .paging .arrow.prev{margin-right: 10px;}
        #wrap .paging .arrow.next{margin-left: 10px;}

        #wrap .view_btn .paging + .btn_wrap{margin-top: -55px; pointer-events: none;}
        #wrap .view_btn .paging + .btn_wrap :is(a, button){pointer-events: all;}

        @media (max-width:1023px){
            #wrap .paging{margin-top: clamp(30px, 6vw, 60px); gap: clamp(5px, 1.5vw, 10px);}
            #wrap .paging a{min-width: clamp(30px, 4vw, 30px);height: clamp(30px, 4vw, 30px);}
            #wrap .paging .arrow.prev{margin-right: clamp(5px, 1vw, 10px);}
            #wrap .paging .arrow.next{margin-left: clamp(5px, 1vw, 10px);;}
            #wrap .view_btn .paging + .btn_wrap{margin-top: clamp(-50px, -5vw, -36px);}
        }
        @media (max-width:640px){
            #wrap .paging a{font-size: 90%;}

            #wrap .view_btn .paging + .btn_wrap{margin-top: 30px;}
        }