@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/**********************************************************
    SM Sub
**********************************************************/

body.sub .header {}
.sub .in { width:100%; max-width:184rem;}
.sub .in { max-width: var(--subIn);}




/* Visual */
.sub_visual { position: relative; width: 100%; margin-bottom: var(--secPd2); margin-top: var(--hdH); border-bottom:1px solid var(--lineColor);}
.sub_visual.no_line{margin-bottom: 0; border-bottom: none;}
.sub_visual .lnb { position: relative; display: flex; align-items: center; justify-content: flex-start; width: var(--subIn); max-width: 100%; padding: 6vh var(--inPd) 7.5rem; margin: 0 auto; font-size: var(--txt18); z-index: 99; }
.sub_visual .lnb .home { position: relative; top: 1px; display: flex; align-items: center; justify-content: center; fill: var(--gold); width: 0.9em; height: 0.9em;}
.sub_visual .lnb .home svg { width: 100%; display:block;}
/*.sub_visual .lnb .sel_wrap { margin-left: 1em; padding-left: 1em; border-left: 1px solid var(--lineColor);}*/
.sub_visual .lnb .sel_wrap { margin-left: 2em;}
.sub_visual .lnb .sel_wrap span { line-height: 1;}
.sub_visual .lnb .sel_wrap { position: relative; top: 0.1em; display: flex; align-items: center; justify-content: center; }
.sub_visual .lnb .sel_wrap .nice-select { border: 0; padding-left: 0; padding-right: 3rem; height: auto; line-height: 1; font-size: var(--txt18)}
.sub_visual .lnb .sel_wrap .nice-select:after { right: 0; width: 1em;; height: 1em; margin-top: -0.5em; font-size: 1em; border: 0; transform: rotate(0deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') center/contain no-repeat; transition: transform 0.3s; }
.sub_visual .lnb .sel_wrap .nice-select.open:after { transform: rotate(180deg); }
.sub_visual .lnb .sel_wrap.current .current { color:var(--black); } /* 현재 페이지*/
.sub_visual .lnb .sel_wrap .nice-select .option{padding: 0 1.2em;}
.sub_visual .lnb .sel_wrap .nice-select .list{margin-top: 1em; font-size: var(--txt16);}
.sub_visual .lnb .sel_wrap .nice-select .list::-webkit-scrollbar{display: inherit; width: 8px;}
.sub_visual .lnb .sel_wrap .nice-select .list::-webkit-scrollbar-thumb{background: #BFBFBF; border-right: 4px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.sub_visual .lnb .sel_wrap .nice-select .list::-webkit-scrollbar-track{background: #fff;}
.sub_visual .lnb .sel_wrap .nice-select .list::-webkit-scrollbar-button:vertical:decrement{height: 5px;}
.sub_visual .lnb .sel_wrap .nice-select .list::-webkit-scrollbar-button:vertical:increment{height: 5px;}

.sub_visual .tit_wrap{ width: 100%; padding-bottom: 9rem;}
.sub_visual .tit_wrap .tit { font-size: var(--tit60); font-weight: 700;}
.sub_visual .tit_wrap .txt { margin-top: 1rem; font-size: var(--txt20); font-weight:500;}
.sub_visual:not(.full_visual) { border-bottom:0;}
.sub_visual:not(.full_visual) .tit_wrap { padding-bottom:1px; }

/* Txt */
.sub_tit_box  { margin-bottom: 8rem;}
.sub_tit_box > *{opacity: 0; transform: translateY(100px); transition: opacity 1s ease, transform 1s ease;}
.sub_tit_box > *:nth-child(2) { transition-delay: 0.2s;}
.sub_tit_box > *:nth-child(3) { transition-delay: 0.4s;}
.sub_tit_box > *:nth-child(4) { transition-delay: 0.6s;}
.sub_tit_box > *:nth-child(5) { transition-delay: 0.7s;}
.sub_tit_box.active > * {opacity: 1; transform: unset}
.sub_tit_box .tit{font-size:var(--tit50); font-weight: 700; line-height: 1.5; margin-bottom: 2.5rem;}
.sub_tit_box .stit{font-size:var(--tit30); font-weight: 600; line-height: 1.5; margin-bottom: 2.5rem;}
.sub_tit_box .txt{font-size:var(--txt20); font-weight: 500; margin-top:1em; }
.sub_tit_box .txt2{font-size:var(--txt18); color:var(--black44); }
.sub_tit_box .txt3{font-size:var(--txt16); color:var(--black44); }
.sub_tit_box .dot { padding-left: 0.5em; text-indent: -0.5em;}
.sub_tit_box .sub_tit { font-size:var(--tit50); text-align: left;}

.sub_tit { margin-bottom: 8rem; text-align: center; font-size:var(--tit70); line-height: 1.4; font-weight:700; transform: translateY(var(--aniY)); opacity:0; transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.sub_tit.fill_txt span {display: inline; color: rgba(0,0,0,.2); background: linear-gradient(90deg, black 0%, black 100%); background-clip: text; -webkit-background-clip: text; background-size: 0% 100%; background-repeat: no-repeat;transition: background-size 0.1s linear; } 
.sub_tit.active { transform: unset; opacity:1; ;}

.sub_pd { padding-bottom: var(--secPd2);}

.nice-select .list { min-width: calc(100% + 2px);  }

.tabs1 { margin-bottom: 4rem;  transform: translateY(100px); opacity:0; transition: all 1s ease; }
.tabs1 ul {  overflow-x:auto;}
.tabs1 ul::-webkit-scrollbar { display: none;}
.tabs1.active { transform: unset; opacity:1;}
.tabs1 ul { display: flex;}
.tabs1 ul li { margin-right:3rem; }
.tabs1 ul li a { display: block; padding-bottom: 0.4em; position: relative; font-size:var(--tit30); font-weight:700; transition: all 0.3s var(--ease);;}
.tabs1 ul li a:before { content: ''; position: absolute; left: 0; bottom:0; width:0; height: 3px; background-color: var(--gold); transition: all 0.4s var(--ease); opacity:0; background:var(--gold); ;}

.tabs1 ul li a.active { color:var(--gold);}
.tabs1 ul li a.active:before { width:100%; opacity:1; background: var(--gold);  }

.tabs2 { margin-bottom: 4rem;  transform: translateY(100px); opacity:0; transition: all 1s ease;}
.tabs2.active { transform: unset; opacity:1;}
.tabs2 ul { display: flex; padding:4rem; padding-bottom:3rem; flex-wrap: wrap; justify-content: center; background: var(--bg2); border-radius:1.5rem; ;}
.tabs2 ul li { margin-right:1rem; margin-bottom: 1rem; }
.tabs2 ul li a { display: block; height: 2.2em; line-height: 2.2em; border-radius:4rem; background-color: #fff; padding:0 1.1em; color:rgba(0,0,0,0.3); font-weight:700; border:1px solid var(--lineColor); transition: all 0.3s var(--ease);;}
.tabs2 ul li a.active { background-color: var(--black); border-color:var(--black); color:#fff;}



.line_tabs { display: flex; margin-bottom: 4rem;}
.line_tabs button { display: flex; align-items: center; justify-content: center; flex:1; border-bottom:3px solid var(--lineColor); height: var(--inpH); color:var(--black3); font-size:var(--txt20); position: relative;;transition: all 0.3s var(--ease); font-weight:700;}
.line_tabs button span { margin:-1em 0 0 0.7em; padding: 0 0.7em; line-height: 1.5em; border-radius:1.5em; background-color: var(--black3); font-size:var(--txt16); font-weight:700; color:#fff;transition: all 0.3s var(--ease);}
.line_tabs button.active { color:#000; border-color:#000; }
.line_tabs button.active span {background-color: var(--gold); }


.sub_round_tab_wrap{overflow-x: auto; margin-bottom: var(--secPd2); text-align: center; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.sub_round_tab_wrap.active { transform: unset; opacity:1;}
.sub_round_tab_wrap::-webkit-scrollbar{display: none;}
.sub_round_tab{display: inline-flex; overflow: hidden; padding: 9px; margin: auto 20px; background: #FDF5E7; border-radius: 3em}
.sub_round_tab .tab{display: inline-block; min-width: 5em; padding:0 2em; line-height: 2.7em; color: var(--gold); font-size: var(--tit30); font-weight: 700; white-space: nowrap; text-align: center; border-radius: 2em;  transition: background 0.3s ease-in-out , color 0.3s ease-in-out}
.sub_round_tab .tab + .tab { margin-left: 0.5em; }
.sub_round_tab .tab.active{background: var(--gold); color: #fff;}


/* 버튼, 폼 */
.btn_type2 { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; height: var(--inpH); line-height: var(--inpH); border-radius:1rem; font-size:var(--txt16); font-weight:600; background-color: var(--bg); border:1px solid var(--bg); padding:0 1.5em; min-width:16rem; color:#fff; transition: all 0.3s ease;}
.btn_type1 { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; height: var(--inpH); line-height: var(--inpH); border-radius:1rem; font-size:var(--txt16); font-weight:600; background-color: #fff; border:1px solid var(--black); color: #000; padding:0 1.5em; min-width:16rem; transition: background 0.3s ease, color 0.3s ease;;}
.btn_type1 svg { width:1.2em; height: auto; margin-right:1rem; transition: 0.3s ease-in-out}
.btn_type1 svg path { transition: 0.3s ease-in-out}

.btn_common_area { display: flex; justify-content: center; }
.btn_common_area .right { margin-left: auto;}
.btn_common_area .right .btn_type1{white-space: nowrap}
.btn_common_area button + button { margin-left: 1.2rem;}
.btn_common_area a + a { margin-left: 1.2rem;}
.radio { position:absolute; display: none;}
.radio + div { display: flex; font-size:var(--txt16); font-weight:500; align-items: center; cursor: pointer;}
.radio + div em { width:1.6em; height:1.6em; border-radius:100%; border:1px solid var(--lineColor); position: relative;; flex-shrink: 0;}
.radio + div em:before { content: ''; position: absolute; left: 4px; top:4px; right:4px; bottom:4px; border-radius:100%; background-color: var(--gold); opacity:0; transform: scale(0.5);  transition: all 0.5s var(--ease); }

.radio + div p { margin-left: 1rem; }
.radio:checked + div em:before { opacity:1; transform: unset;}
.radios { display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:1.6rem 1rem;}
.radios.col2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.medi_radio .radio + div { flex-wrap:wrap; }
.medi_radio .radio + div .img { flex:none; width:100%; margin-bottom:1rem; padding-bottom:130%; position: relative; }
.medi_radio .radio + div .img img { border-radius:1rem; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;}
.medi_radio .radio + div .img .none { position: absolute; left:0; right:0; top:0; bottom:0; border-radius:1rem; background:#f6f6f6; display:flex; align-items:center; justify-content: center }
.medi_radio .radio + div .img .none svg { width:80%; height:auto; }

.test_checkbox { position:absolute; display: none;}
.test_checkbox + div { display: flex; align-items: center; font-size:var(--txt16); font-weight:600; cursor: pointer;}
.test_checkbox + div em { width:1.6em; height: 1.6em; border-radius:100%;  border:1px solid var(--lineColor); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; background: #fff url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%226%22%20viewBox%3D%220%200%207%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.75%202.35L2.75%204.35L5.95%200.75%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") no-repeat 50% 50%; background-size: 0.7em auto; margin-right: 0.5em; flex-shrink: 0}
.test_checkbox + div em svg { width:0.6em; height: auto;}
.test_checkbox + div p { margin-left: 1rem; }
.test_checkbox:checked + div em { background-color: var(--gold); border-color:var(--gold);}
.test_checkbox:checked + div em svg path { stroke: #fff; opacity:1; }

.board_list_top {display: flex; align-items: flex-end; justify-content: space-between; margin: 8rem 0 4rem; }
.board_list_top .sch_box{width: 40rem; max-width: 100%;}
.board_list_top .sch_box .sch_inp{display: flex; justify-content: space-between; height: var(--inpH); background-color: var(--bg2); border-radius: 1rem; padding: 0 1em;}
.board_list_top .sch_box .sch_inp input{width:85%; height: 100%; background-color: var(--bg2); }
.board_list_top .sch_box .sch_inp input::placeholder { color:var(--black5);}
.board_list_top .sch_box .sch_inp input + button svg{transition: fill 0.3s ease;}
.board_list_top .sch_box .sch_inp .btn_del { margin:0 1rem; opacity:0; visibility: hidden; transition: all 0.3s var(--ease);; display: none; }
.board_list_top .sch_box .sch_inp .btn_del.active { opacity:1; visibility: visible;}
.board_list_top .total_num{font-size:var(--txt16); }
.board_list_top .total_num strong {font-weight: 700; color:var(--gold);}

.board_list ul  { border-top:1px solid var(--lineColor);margin-bottom: 4rem; }
.board_list ul li { border-bottom: 1px solid var(--lineColor); ;}
.board_list ul li a { display: flex; font-size:var(--txt18); font-weight:700;  text-align: center; height: 12rem; align-items: center;  transition: all 0.3s var(--ease);}
 .mypage_page .board_list ul  {border-top: none}
.board_list ul li a .num { width:7em; text-align: center; color:#AEAEAE }
.board_list ul li a .labels { display: flex; text-align: center; margin-right:1.6rem; }
.board_list ul li a .labels div { margin-right:1rem; padding: 0.3em 0.7em; border-radius:0.5rem; background-color: #E6E6E6; font-size:var(--txt16); color:#666; ; }
.board_list ul li a .labels .type { color:#C88200; background:#FEEDCC;}
.board_list ul li a .notice { margin-right:2rem; padding:0.6em 0.9em; line-height: 1; border-radius:3em; background-color: var(--gold); font-size:var(--txt16); color:#fff;;}
.board_list ul li a .subj { font-size:var(--txt22); text-align: left; flex:1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_list ul li a .subj .sm_txt {color:#666; font-size: var(--txt18); margin-right: 0.2em}
.board_list ul li a .name { color:#666; width:6em; }
.board_list ul li a .tel { color:#666; width:8em }
.board_list ul li a .date{ color:#aeaeae; font-weight:600; width:9em;   }
.board_list ul li a .hit{ color:#666;  width:6em; margin-right:1em;   }
.board_list ul li a .state { color:#666; margin-right:3em; }
.board_list ul li a .state span { display: inline-flex; vertical-align: middle; padding:0.8em 1em; line-height: 1; border-radius:3em; background-color: #B5BACB; font-size:var(--txt16); color:#fff;;}
.board_list ul li a .state.end span { background-color: var(--gold);}
.board_list ul li a .num + .state { margin-right:1em;}
.board_list ul li a .state + .state { margin-right:1em; margin-left: -0.3em;}
/* 태그 */
.board_list ul li a .state.notice_badge span {position: relative; display: flex; align-items: center; background: #000; }
.board_list ul li a .state.notice_badge span:before{content:''; display: block; width: 1em; height: 1em; margin-right: 0.3em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none"><path d="M6.42578 0C6.93279 0 7.34375 0.410957 7.34375 0.917969V1.44727C9.7665 1.84057 11.6161 3.94176 11.6162 6.47559V9.74121L13.042 13.5771H9.1582C8.99427 14.9416 7.83446 15.999 6.42578 15.999C5.01729 15.9988 3.85827 14.9415 3.69434 13.5771H0L1.42578 9.74121V6.47559C1.4259 4.00864 3.17933 1.95132 5.50781 1.48145V0.917969C5.50781 0.41109 5.91895 0.00021442 6.42578 0Z" fill="white"/></svg>') no-repeat center / contain;}
.board_list ul li a .state.institute_badge span {background: #DD6000;}
.board_list ul li a .state.tech_badge span {background: #7D8AB8;}
.board_list ul li a .state.press_badge span {background: #75B410;}
.board_list ul li a .state.news_badge span {background: #FCA400;}


.none_result { text-align: center; padding: 12rem var(--inPd); font-size:var(--txt18); border-top:1px solid var(--black); border-bottom: 1px solid var(--lineColor); grid-column: 1 / -1;}
.none_result svg { width:5em; height: auto;}
.none_result strong { font-weight:700; display: block; margin:4rem 0 2rem; font-size:var(--tit25); }
.none_result p { color:var(--black44); }


.mypage_page .none_result {border-top: none}
.mypage_page .line_tabs {margin-bottom: 0}


.sub_csbanner { margin:20rem var(--fullInPd) var(--fullInPd); border-radius:4rem; background:url(../img/sub/bg_csbanner.jpg) no-repeat 50% 50%; background-size: cover ; }
.sub_csbanner { padding:12rem 0; color:#fff;  }
.sub_csbanner .tit { font-size:var(--tit25); font-weight:600; margin-bottom: 3.5rem; display: flex; align-items: flex-start}
.sub_csbanner .tit svg { width:1em; height: auto; margin-right:1.2rem; vertical-align: middle; transform: translateY(0.3em);; flex-shrink: 0}
.sub_csbanner .time { font-size:var(--txt18); }
.sub_csbanner .time dl { display: flex; }
.sub_csbanner .time dl + dl { margin-top:1.5rem;}
.sub_csbanner .time dl dt { font-weight:700; width:2.5em; }
.sub_csbanner .txt { font-size:var(--txt18); margin-top:-1rem; padding-left: var(--tit25)}
.sub_csbanner .txt .dot { padding-left: 0.5em; text-indent: -0.5em;}



/* 온라인 상담 글쓰기 */
.write_form{ }
.write_form .in {  }
.write_form .form_list { padding:4rem; border-top:1px solid var(--black); border-bottom: 1px solid var(--lineColor); font-size:var(--txt18);}
.write_form .form_list > li { display: flex; justify-content: space-between;}
.write_form .form_list > li + li { margin-top: 3.5rem; }
.write_form .form_list > li .left_txt { display: flex; font-weight: 700; flex-shrink: 0; width: 10em; align-items: center; }
.write_form .form_list > li .left_txt .ess::after { content: "*"; color: var(--gold); margin-left: 3px;}
.write_form .form_list > li .cont_box { flex: 1;}

.write_form .form_list li .nice-select { font-size:var(--txt16); height: var(--inpH); line-height: var(--inpH); padding: 0 1.3em; border: 0; border-radius:1rem;  font-weight: 500; background-color: var(--bg2);; }
.write_form .form_list li .nice-select:after { right: 2rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%231C1C1C" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; opacity:0.3;}
.write_form .form_list li .nice-select.open:after { transform: rotate(180deg); }
.write_form .form_list li .inp { width: 100%; }
.write_form .form_list li .inp input { width: 100%; height: var(--inpH); padding: 0 1.3em; border-radius:1rem; background-color: var(--bg2); font-size:var(--txt16); }
.write_form .form_list li .inp input:focus { outline: 1px solid #000; }
.write_form .form_list li .inp input::placeholder { color: var(--gray); color:#BCBFC7; font-weight: 500;}
.write_form .form_list li .inp input[type="text"] + input[type="text"] { margin-top:1.2rem;}
.write_form .form_list li .inp_txt { margin-top: 10px; font-size: calc(var(--txt) * 0.85); color: var(--gray); }
.write_form .form_list li .textarea textarea { position: relative; width: 100%; height: 10em; padding: 1.5em 1.3em; border:0; border-radius: var(--inpRadius); background-color: var(--bg2); font-size:var(--txt16);; resize: none; line-height: 1.5em; transition: border-color 0.25s, box-shadow 0.25s; }
.write_form .form_list li .textarea textarea:focus { outline: 1px solid #000; }
.write_form .form_list li .textarea textarea::placeholder { color: #BCBFC7; font-weight: 500;}


.write_form .form_list li .textarea textarea::-webkit-scrollbar {-webkit-appearance: none;}
.write_form .form_list li .textarea textarea::-webkit-scrollbar:vertical {width: 8px; background-color: var(--bg2)}
.write_form .form_list li .textarea textarea::-webkit-scrollbar:horizontal {height: 5px;}
.write_form .form_list li .textarea textarea::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.3); border-radius: 5px; border-right: 5px solid var(--bg2);  border-top-right-radius: 15px 5px; border-bottom-right-radius: 15px 5px;}
.write_form .form_list li .textarea textarea::-webkit-scrollbar-track {border-radius: 10px;}
.write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:decrement { height: 10px; }
.write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:increment { height: 10px; }


.write_form .form_list li .file_inp{display: flex;}
.write_form .form_list li .file_inp .inp{width: auto; flex: 1;}
.write_form .form_list li .file_inp .file_btn {display: flex; align-items: center; padding:0 1.8em; border-radius: 0.8rem; border:1px solid #000; font-weight: 500; margin-left:10px; transition: 0.3s;}

.write_form .form_list li .file_inp #fileNameBox{position:relative;}
.write_form .form_list li .file_inp .commonFileDeleteBtn{position:absolute; top:50%; right: 1.8rem; transform: translateY(-50%)}
.write_form .form_list li .file_inp .commonFileDeleteBtn svg{display: block;}
.write_form .form_list li .captcha_wrap { display: flex; align-items: center; justify-content: flex-start; }
.write_form .form_list li .captcha_wrap .captcha { display: flex; align-items: center; height: var(--inpH); padding: 0 1.5rem; margin-right: 1.5rem; background-color: #F3F4F8; border-radius: 0.8rem;  font-size:var(--txt16);}
.write_form .form_list li .captcha_wrap .captcha img { height: 100%; }
.write_form .form_list li .captcha_wrap .captcha .btn { display: flex; align-items: center; justify-content: center; width: 1.2em; height: 1.2em;}
.write_form .form_list li .captcha_wrap .inp { flex: 1; }
.write_form .form_list li.priv_chk { display: block; }
.write_form .form_list li.priv_chk .left_txt { width: auto; height: auto; }
.write_form .form_list li.priv_chk .cont_box { margin-top: 2rem; }
.write_form .form_list li.priv_chk .cont_box .terms_box { padding: 4rem; background-color: var(--bg); background-color: #F3F4F8; color: var(--gray); font-size: var(--tinyTxt); border-radius: var(--inpRadius); margin-bottom: 1.6rem;}
.write_form .form_list + .h3 { margin-top:6.5rem;}
.write_form .form_btn_box { margin-top: 6.5rem; display: flex; justify-content: center; }
.write_form .date_box { display: flex; }
.write_form .date_box input + input { margin-left: 1.5rem;}
.write_form .date_box .datepicker2 {flex: 1}
.write_form .date_box .datepicker2 ~ .nice-select { margin-left: 1.5rem; flex-shrink: 0; flex: 1}
.write_form .tel_box { display: flex; }
.write_form .tel_box .select { width:10em; margin-right:1.5rem;}
.write_form .tel_agree { margin-top:1rem; }
.write_form .tel_agree .checkbox + div { font-size:var(--txt16);}
.write_form .tel_agree .checkbox + div em { width:1.3em; height: 1.3em;}
.write_form .mail_box { display: flex; align-items: center; }
.write_form .mail_box .select {  margin-right:1.5rem;}
.write_form .mail_box #email2 + .select { margin:0 0 0 1.5rem;}
.write_form .mail_box > div { width:100%;}
.write_form .mail_box >span {color:var(--black5); font-size:var(--txt16); margin:0 1rem; }
.write_form .text_box { line-height: var(--inpH); flex:1;}
.write_form .text_box.flex {display: flex; align-items: center}
.write_form .text_box .btn_find { font-size:var(--txt16); padding:0.6em 1.2em; border-radius:3em; color:var(--gold); background: #FDF5E7; font-weight:600; transition: all 0.3s var(--ease);}
.write_form .text_box .icon{display:flex; width:2.5em; height:2.5em; align-items: center; justify-content: center; border-radius:50%; overflow:hidden; margin-right: 0.6em}
.write_form .text_box .icon-sns{display:flex; width:100%; height:100%; }
.write_form .text_box .sns-naver{background-color: #00c73c;}
.write_form .text_box .sns-naver .icon-naver{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABIElEQVRYCWNgGAWjITAaAoM1BP7jBr+BUmbY3A0Uv4RLGzb1IDEmXBJ4xFmAcouBFnHhUUO0FDkOABmuBsS9RNuCRyG5DgAZmQEMBS88ZhMlRYkDQBbMBTpChCibcCii1AESQHNn4TCbKGFKHQCyJBAYCglE2YZFETUcADJ2EtARCljMJyhELQfwAm1aDMTMBG1EU8CIxodzgT76D+egMq4BuW+B2BZVGD+PEQiwqSAnBP4CDYoD4s/YDCRVjBwHMAA98wBoUR6plmFTT5YDQAYBHbEASK0DsSkBZDsAamk6kH4xYA4AhsIboOVJA+YAkMVAR2wHUtPJdQSlUQCztwTIuAXjkEJTxQHAUPgGtDQGiP+QYvmo2tEQGA2BQRECAL7YYewVRr/jAAAAAElFTkSuQmCC) center no-repeat; background-size: 1.6em 1.6em;}
.write_form .text_box .sns-kakao{background-color: #ffeb3b;}
.write_form .text_box .sns-kakao .icon-kakao{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACTklEQVRYCe1WTUsbURR9d2bQKC6SUihESEjc9C+kVRsoBfciIrgSP3Br+zdcFIQuWlxU6EZpt1ahjIkfuFAQSZBAHBMxWhpECqVQTF7PC1rwvTeZMR0olDyYDPfOOeeeufM+wlh7tDvwjztAfuun02nr+vh4iBGlQXrCGetlnD9s8ImqyJ0ht42cbSWTq7ZtX/vR9jQwkkp1fa1UXtY5n4Vg1I8oMBWD6M2jaHR+eWfnZzNOUwODicRgvVZbhEBfM5Emz4qGaU5kHCfjhnE1MBCPD6OlH9DSDjeyrzzRL4OxsUyp9FGH1xoYiMWeArwBA6aOdN8citTAeZYtl7dkLszdHeKbY6ItBVVcqAstXO8b2nfLMcXAxfn5KOc8IeGCCJNCWxZSDOCbj8ugwGKNtmIAb/84sIKSkE5bMYAJE5Z4QYYPZDHFACZgQQYFFRPRqaylGuD8QAYFGO/KWooBLJcFGRRUbBjGW1lLMbBZLu+hVSsy8K9jok8bjpOVdRQDAtDd0zODyXgog1uN8UKO1dk5reNrDXzO5S47TPMFCDkd6T45FM+HQqF+u1Co6niue71zdfUjGYksYu2a6EYKZK1ZnehNrg7e665weGw9n790wwHjPXAyzsPInDcSCKLv+F2yiBbsk5MjL47lBbh5Lk7HPwNt/YLgANu22Fg4ilZxneHaNuPxfb//hoSgZwf6Y7EIQN8apyPejjh/hWNVWU5CrJXh2QEUfy6K475GljWZKRaV3ayVwrccTwMARtDyqWyp9O6W1L63O/BfdeA3G6OjNkWwE8gAAAAASUVORK5CYII=) center no-repeat; background-size: 1.6em 1.6em;}

.write_form .flex_wrap { display: flex;}
.write_form .flex_wrap input { width:100%; }
.write_form .flex_wrap button { flex-shrink: 0; height: var(--inpH); padding: 0 1.5em; font-size: var(--txt16); border:0; background-color: var(--bg2); color:var(--gold); margin-left: 1.2rem; transition:all 0.3s ease;  border-radius:1rem;}
.write_form .btn_lost { font-size:var(--txt18); text-decoration: underline; text-underline-offset: 4px; color:var(--black5); font-weight:600;}

.write_page .h3 { font-size:var(--tit25); font-weight:600; margin-bottom: 2.5rem;}
.write_page .in { max-width:110rem; }
.write_page .pw_box { position: relative;}
.write_page .pw_box .icos { position: absolute; right:1.6rem; top:0; height: 100%; display: flex; align-items: center;}
.write_page .pw_box .icos svg { vertical-align: middle; width:1.3em; height: auto;}
.write_page .pw_box .icos i { transition: all 0.3s var(--ease); opacity: 0; visibility: hidden;  }
.write_page .pw_box .icos i.active { opacity:1;  visibility: visible;}
.write_page .pw_box .icos .btn_del { margin-left: 1.5rem; transition: all 0.3s var(--ease); opacity: 0; visibility: hidden; display: none}
.write_page .pw_box .icos .btn_del.active { opacity:1;  visibility: visible;}
.write_page .agree_box  { margin-bottom: 6rem;}
.write_page .agree_box .tit { font-size:var(--txt18); font-weight:600; margin:3rem 0 1rem; }
.write_page .agree_box .agree label { display: inline-block; vertical-align: middle; margin-right:1rem;}
.write_page .agree_box .agree a { font-size:var(--txt18); display: inline-block; vertical-align: middle;}



.board_view_page {margin-top: calc(-1 * var(--secPd2) + 2rem);}
.modal_cont.youtube_video .board_view_page {margin-top: 0}
.board_view_page .view_cont {  min-height: 20rem; padding-top: 4rem;} /*border-bottom: 1px solid var(--lineColor);*/
.sub_reserve .board_view_page .view_cont{padding-top: 0;}
.board_view_page.basic .view_cont .txt_box { min-height: 40rem; padding: 3rem 3rem 10rem !important; word-break: break-all; }
.board_view_page.basic .view_cont .txt_box .content_area {padding: 0 !important;}
.board_view_page.basic .view_cont img{max-width: 60%;}

.board_view_page.basic .view_cont .basic_cont {padding: 8rem;}
.board_view_page.basic .view_cont .board_file {display: flex; padding: 3rem 1.5rem; border-top: 1px solid var(--lineColor); color: var(--gray); font-size: var(--txt16);}
.board_view_page.basic .view_cont .board_file .ico{width: 2rem !important; height: 2rem; margin-right: 1rem;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.7 67.3c-29.1-29.1-76.3-29.1-105.4 0l-192 192c-46.8 46.8-46.8 122.6 0 169.4s122.6 46.8 169.4 0l152-152c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-152 152c-59.3 59.3-155.4 59.3-214.6 0S1.4 296 60.7 236.7l192-192c41.6-41.6 109-41.6 150.6 0s41.6 109 0 150.6L219.5 379.1c-28.2 28.2-74.6 25.6-99.6-5.5c-21.3-26.6-19.2-65 4.9-89.1L276.7 132.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L147.5 307.1c-12.6 12.6-13.7 32.6-2.6 46.5c13 16.2 37.2 17.6 51.9 2.9L380.7 172.7c29.1-29.1 29.1-76.3 0-105.4z"/></svg>') no-repeat center / contain;}
.board_view_page.basic .view_cont .board_file .file {display: flex;}
.board_view_page.basic .view_cont .board_file .file_txt {max-width: 15rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.board_view_page .view_cont .q_cont{padding-bottom: 4rem; font-size:var(--txt18); min-height:30rem;}
.board_view_page .view_cont .q_cont .youtube_area { padding-top: 56.25%; position: relative; margin:3rem 0; }
.board_view_page .view_cont .q_cont .youtube_area iframe { position: absolute; left:0; top:0; width:100%; height: 100%;;}
.board_view_page .view_cont .q_cont .tag_box { display: flex; flex-wrap: wrap; margin-bottom: 1rem;}
.board_view_page .view_cont .q_cont .tag_box .tag { padding:0.1em 0.5em; background-color: var(--bg2); border-radius:0.5rem; font-size:var(--txt16); font-weight:500; margin:0 1rem 1rem 0;}
.board_view_page .view_cont .q_cont iframe { width:100%; height:auto; aspect-ratio:16/9;}
.board_view_page .view_cont .q_cont img { height:auto !important;}

.board_view_page .view_cont .a_cont {background-color: var(--bg2); padding: 3rem 4rem; }
.board_view_page .view_cont .a_cont .wait {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 25rem;}
.board_view_page .view_cont .a_cont .wait svg {width: 3.5rem; height: auto; }
.board_view_page .view_cont .a_cont .wait p {font-size: var(--txt20); font-weight: 600; color: var(--black3); margin-top: 2rem; ;}

.board_view_page .view_cont .a_cont .top {display: flex; align-items: center;}
.board_view_page .view_cont .a_cont .top .name {font-size: var(--txt20); font-weight: 700;}
.board_view_page .view_cont .a_cont .top .badge {width: 5.5em !important; height: 2.5em; line-height: 2.5em; font-size: var(--txt16); color: #fff; font-weight: 500; background-color: var(--gold); border-radius: 50px; text-align: center; margin-right: 1.5rem}
.board_view_page .view_cont .a_cont .top .date {margin-left: 2rem; color: var(--gray); font-size: var(--txt16); }
.board_view_page .view_cont .a_cont .txt {margin-top: 3rem; word-break: break-all; font-size:var(--txt18);}
.board_view_page .view_cont .a_cont .board_file { display: flex; align-items: center; padding:1em; font-size:var(--txt16); background-color: #fff; margin-top:3.2rem; }
.board_view_page .view_cont .a_cont .board_file .ico{width: 1.5em; height:1.5em; margin-right: 1rem;background: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M12.0631%2014.4286C12.3884%2014.1031%2012.3885%2013.5755%2012.0631%2013.2501C11.7377%2012.925%2011.2099%2012.9249%2010.8846%2013.2501L9.02302%2015.1116C8.48906%2015.6455%207.78177%2015.9381%206.98364%2015.9322C6.20646%2015.9265%205.47005%2015.6226%204.9247%2015.0599C4.91867%2015.0536%204.9125%2015.0475%204.90629%2015.0414C4.34344%2014.496%204.03905%2013.7593%204.03334%2012.9819C4.02778%2012.2167%204.33568%2011.4838%204.87694%2010.9425L6.73793%209.08155C7.06336%208.75612%207.06336%208.22848%206.73793%207.90304C6.41249%207.57761%205.88485%207.57761%205.55942%207.90304L3.69843%209.76403C2.84951%2010.6129%202.35786%2011.7719%202.36685%2012.9946C2.37579%2014.2052%202.85347%2015.3721%203.74676%2016.2378C4.61063%2017.1191%205.76964%2017.5905%206.97156%2017.5993C8.20627%2017.6084%209.34524%2017.1463%2010.2015%2016.2902L12.0631%2014.4286ZM16.3018%2010.2359C17.1507%209.38699%2017.6424%208.22804%2017.6334%207.00535C17.6245%205.799%2017.15%204.63611%2016.2627%203.77135L16.0975%203.61425C15.2545%202.851%2014.1623%202.43199%2013.0287%202.42366C11.8192%202.41479%2010.6563%202.87409%209.79814%203.73222L7.93715%205.59321C7.61178%205.91858%207.61192%206.44627%207.93715%206.77172C8.26259%207.09716%208.79023%207.09716%209.11567%206.77172L10.9767%204.91073C11.5086%204.37878%2012.2378%204.08455%2013.016%204.09015C13.7948%204.09587%2014.5362%204.40191%2015.0842%204.94986C15.0872%204.95289%2015.0903%204.95608%2015.0934%204.95907C15.6562%205.50454%2015.9612%206.24063%2015.9669%207.01801C15.9725%207.78326%2015.6646%208.51611%2015.1233%209.05739L13.2623%2010.9184C12.9369%2011.2438%2012.9369%2011.7714%2013.2623%2012.0969C13.5878%2012.4223%2014.1154%2012.4223%2014.4408%2012.0969L16.3018%2010.2359ZM13.3504%207.77817C13.6758%207.45273%2013.6758%206.9251%2013.3504%206.59966C13.0249%206.27437%2012.4972%206.27427%2012.1719%206.59966L6.58831%2012.1832C6.26292%2012.5086%206.26302%2013.0363%206.58831%2013.3617C6.91375%2013.6872%207.44139%2013.6872%207.76682%2013.3617L13.3504%207.77817Z%22%20fill%3D%22black%22/%3E%0A%3C/svg%3E') no-repeat center / contain;}
.board_view_page .view_cont .a_cont .board_file .file {display: flex; font-weight:500;}
.board_view_page .view_cont .a_cont .board_file .file_txt {max-width: 15rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_view_page .view_cont .a_cont .board_file .img_answer { max-width: 40%; cursor: pointer; }
.board_view_page .view_cont .a_cont .date {margin-top: 4rem; font-size: var(--txt16); color:var(--black5);}

.board_view_page .view_cont .edit_btn_wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 0; }
.board_view_page .view_cont .rese_info_box + .edit_btn_wrap{margin-top: 2rem;}
.board_view_page .view_cont .edit_btn_wrap .edit_btn { display: flex; align-items: center; justify-content: center; gap: 0.5em; padding: 0.5em 1em; border-radius: 2em; border: 1px solid var(--lineColor); font-size: calc(var(--txt16) - 1px); color: var(--black5);  transition: all 0.3s; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn + .edit_btn { margin-left: 0.6em; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn .ico { display: flex; align-items: center; justify-content: center; }

/* 목록 버튼 */
.board_view_page .answer_wrap + .board_li_wrap { border-top: 0; }
.board_view_page .board_li_wrap{margin-top: 4rem; }
.board_view_page .board_li_wrap.type2 { padding-top:4rem; border-top:1px solid var(--lineColor)}
.board_view_page .board_li_wrap .box_wrap{display: flex; align-items: center; justify-content: center;}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a svg{margin-left: 2em; display: none;}

/* 이전 글 & 다음 글 */
.board_view_page .board_li_wrap .box{display: flex; align-items: center; justify-content: flex-start;}
.board_view_page .board_li_wrap .box + .box{margin-left: 20px;}
.board_view_page .board_li_wrap .box .ico{ transition: all 0.25s;}
.board_view_page .board_li_wrap .box .ico svg{ width:0.8em; height: auto; vertical-align: middle; margin-top:-0.2em}
.board_view_page .board_li_wrap .box.next{margin-right: auto;}
.board_view_page .board_li_wrap .box.prev{flex-direction: row-reverse; margin-left: auto;}
.board_view_page .board_li_wrap .box.next .ico{margin-right: 1.8rem;}
.board_view_page .board_li_wrap .box.prev .ico{margin-left: 1.8rem;}
.board_view_page .board_li_wrap .box .tit{font-size:var(--txt16); font-weight: 700; transition: color 0.25s;}
.board_view_page .board_li_wrap .box.none{opacity: 0.5; cursor: default;}
.board_file { padding: 1.5rem; background-color: var(--bg2); display: flex; align-items: center; font-size:var(--txt16); font-weight:500;  }
.board_file button { font-size:var(--txt16); color:var(--black69); }
.board_file .ico {  width:1.2em; height: 1.2em; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.0636%2014.4286C12.3889%2014.1031%2012.389%2013.5755%2012.0636%2013.2501C11.7382%2012.925%2011.2104%2012.9249%2010.8851%2013.2501L9.02351%2015.1116C8.48955%2015.6455%207.78226%2015.9381%206.98413%2015.9322C6.20694%2015.9265%205.47054%2015.6226%204.92519%2015.0599C4.91916%2015.0536%204.91299%2015.0475%204.90677%2015.0414C4.34393%2014.496%204.03954%2013.7593%204.03382%2012.9819C4.02826%2012.2167%204.33617%2011.4838%204.87743%2010.9425L6.73842%209.08155C7.06385%208.75612%207.06385%208.22848%206.73842%207.90304C6.41298%207.57761%205.88534%207.57761%205.5599%207.90304L3.69892%209.76403C2.85%2010.6129%202.35835%2011.7719%202.36734%2012.9946C2.37628%2014.2052%202.85396%2015.3721%203.74725%2016.2378C4.61111%2017.1191%205.77013%2017.5905%206.97205%2017.5993C8.20676%2017.6084%209.34573%2017.1463%2010.202%2016.2902L12.0636%2014.4286ZM16.3023%2010.2359C17.1512%209.38699%2017.6429%208.22804%2017.6339%207.00535C17.6249%205.799%2017.1505%204.63611%2016.2632%203.77135L16.098%203.61425C15.255%202.851%2014.1628%202.43199%2013.0292%202.42366C11.8196%202.41479%2010.6568%202.87409%209.79863%203.73222L7.93764%205.59321C7.61227%205.91858%207.61241%206.44627%207.93764%206.77172C8.26308%207.09716%208.79072%207.09716%209.11615%206.77172L10.9771%204.91073C11.5091%204.37878%2012.2383%204.08455%2013.0165%204.09015C13.7953%204.09587%2014.5367%204.40191%2015.0847%204.94986C15.0877%204.95289%2015.0908%204.95608%2015.0939%204.95907C15.6567%205.50454%2015.9617%206.24063%2015.9674%207.01801C15.973%207.78326%2015.6651%208.51611%2015.1238%209.05739L13.2628%2010.9184C12.9374%2011.2438%2012.9374%2011.7714%2013.2628%2012.0969C13.5882%2012.4223%2014.1159%2012.4223%2014.4413%2012.0969L16.3023%2010.2359ZM13.3509%207.77817C13.6763%207.45273%2013.6763%206.9251%2013.3509%206.59966C13.0254%206.27437%2012.4977%206.27427%2012.1723%206.59966L6.5888%2012.1832C6.26341%2012.5086%206.26351%2013.0363%206.5888%2013.3617C6.91424%2013.6872%207.44187%2013.6872%207.76731%2013.3617L13.3509%207.77817Z%22%20fill%3D%22%23696969%22/%3E%3C/svg%3E");  background-repeat: no-repeat;  background-position: center;  background-size: contain; margin-right:1rem;}
.board_link { padding: 1.5rem; background-color: var(--bg2); display: flex; align-items: center; font-size:var(--txt16); font-weight:500;  }
.board_link a { font-size:var(--txt16); color:var(--black69); }
.board_link .ico {  width:1.3em; height: 1.3em; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.9974%209.01675C14.7764%209.01675%2014.5644%209.10455%2014.4081%209.26083C14.2519%209.41711%2014.1641%209.62907%2014.1641%209.85008V15.8334C14.1641%2016.0544%2014.0763%2016.2664%2013.92%2016.4227C13.7637%2016.579%2013.5517%2016.6667%2013.3307%2016.6667H4.16406C3.94305%2016.6667%203.73109%2016.579%203.57481%2016.4227C3.41853%2016.2664%203.33073%2016.0544%203.33073%2015.8334V6.66675C3.33073%206.44573%203.41853%206.23377%203.57481%206.07749C3.73109%205.92121%203.94305%205.83341%204.16406%205.83341H10.1474C10.3684%205.83341%2010.5804%205.74562%2010.7367%205.58934C10.8929%205.43306%2010.9807%205.2211%2010.9807%205.00008C10.9807%204.77907%2010.8929%204.56711%2010.7367%204.41083C10.5804%204.25455%2010.3684%204.16675%2010.1474%204.16675H4.16406C3.50102%204.16675%202.86514%204.43014%202.3963%204.89898C1.92745%205.36782%201.66406%206.00371%201.66406%206.66675V15.8334C1.66406%2016.4965%201.92745%2017.1323%202.3963%2017.6012C2.86514%2018.07%203.50102%2018.3334%204.16406%2018.3334H13.3307C13.9938%2018.3334%2014.6297%2018.07%2015.0985%2017.6012C15.5673%2017.1323%2015.8307%2016.4965%2015.8307%2015.8334V9.85008C15.8307%209.62907%2015.7429%209.41711%2015.5867%209.26083C15.4304%209.10455%2015.2184%209.01675%2014.9974%209.01675ZM18.2641%202.18341C18.1795%201.97979%2018.0177%201.81798%2017.8141%201.73341C17.7139%201.69071%2017.6063%201.66806%2017.4974%201.66675H12.4974C12.2764%201.66675%2012.0644%201.75455%2011.9081%201.91083C11.7519%202.06711%2011.6641%202.27907%2011.6641%202.50008C11.6641%202.7211%2011.7519%202.93306%2011.9081%203.08934C12.0644%203.24562%2012.2764%203.33341%2012.4974%203.33341H15.4891L6.90573%2011.9084C6.82762%2011.9859%206.76563%2012.0781%206.72332%2012.1796C6.68101%2012.2812%206.65923%2012.3901%206.65923%2012.5001C6.65923%2012.6101%206.68101%2012.719%206.72332%2012.8206C6.76563%2012.9221%206.82762%2013.0143%206.90573%2013.0917C6.9832%2013.1699%207.07537%2013.2319%207.17692%2013.2742C7.27846%2013.3165%207.38739%2013.3382%207.4974%2013.3382C7.60741%2013.3382%207.71633%2013.3165%207.81788%2013.2742C7.91943%2013.2319%208.01159%2013.1699%208.08906%2013.0917L16.6641%204.50841V7.50008C16.6641%207.72109%2016.7519%207.93306%2016.9081%208.08934C17.0644%208.24562%2017.2764%208.33341%2017.4974%208.33341C17.7184%208.33341%2017.9304%208.24562%2018.0867%208.08934C18.2429%207.93306%2018.3307%207.72109%2018.3307%207.50008V2.50008C18.3294%202.39118%2018.3068%202.2836%2018.2641%202.18341V2.18341Z%22%20fill%3D%22%23696969%22/%3E%3C/svg%3E");  background-repeat: no-repeat;  background-position: center;  background-size: contain; margin-right:1rem;}

input.datepicker {background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2607_2994)%22%3E%3Cpath%20d%3D%22M14.6673%202.00008H12.6673V0.666748H11.334V2.00008H4.66732V0.666748H3.33398V2.00008H1.33398V15.3334H14.6673V2.00008ZM13.334%2014.0001H2.66732V5.33341H13.334V14.0001Z%22%20fill%3D%22black%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2607_2994%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");  background-repeat: no-repeat;  background-position: right 1.5rem center;  background-size: 1.2em auto;}

.tip_description { padding: 3rem; border-radius:var(--radius2); background-color: var(--bg2); border-radius:var(--radius2); margin-bottom: 6.5rem; transform:translateY(var(--aniY)); opacity:0; transition: all 0.5s ease;}
.tip_description.active { transform: unset; opacity: 1;}
.tip_description .dot { font-size:var(--txt20); font-weight:600; display: flex; align-items: flex-start; }
.tip_description .dot svg { width:1.2em; height: auto; vertical-align: middle; margin:0.2em 1rem 0 0;;}

.certificate_page .info_table .head div:nth-child(1) { width:20%; }
.certificate_page .info_table .head div:nth-child(2){ width:40%; margin:0 1rem; }
.certificate_page .info_table .head div:nth-child(3) { width:40%; }
.info_table { margin-bottom: 6.5rem;}
.info_table .head { display: flex; margin-bottom: 1.5rem;}
.info_table .head div { width:30%; background-color: var(--bg); text-align: center; display: flex; align-items: center; justify-content: center; height: 3em; border-radius:1rem; font-size:var(--txt20); color:#fff; font-weight:700; }
.info_table .body { border:1px solid var(--lineColor);border-radius:1rem;  background-color: #fff;}
.info_table .body table { width:100%; border-collapse: collapse; font-size:var(--txt20); table-layout: fixed;}
.info_table .body table tbody th { padding:0.6em; border-bottom: 1px dashed var(--lineColor); ; }
.info_table .body table tbody td { padding:0.6em 1.5em; font-size:var(--txt18); text-align: center; border-bottom: 1px dashed var(--lineColor); border-left: 1px solid var(--lineColor); }
.info_table .body table tbody tr:last-child th,
.info_table .body table tbody tr:last-child td { border-bottom: 0;;}
.info_table .body table tbody .left { text-align: left;}
.info_table .body table tbody .on{  display: inline-block; vertical-align: middle; font-size:var(--txt16); font-weight:700; color:var(--gold); padding:0.2em 1em;  border-radius:0.3em; background-color: #fdf5e7;;}
.info_table .body table tbody .off{  display: inline-block; vertical-align: middle; font-size:var(--txt16); font-weight:700; color:#aeaeae; padding:0.2em 1em; border-radius:0.3em; background-color: #F0F0F0;;}
.info_table .body table tbody .edu { display: inline-block; vertical-align: middle; padding:0.2em 1em;  border-radius:0.3em; font-size:var(--txt16); font-weight:700; background-color: #DBE7FB; color: #114393 }
.info_table .body table tbody .time { display: inline-block; vertical-align: middle; padding:0.2em 1em; border-radius:0.3em; font-size:var(--txt16); font-weight:700; background-color: #E8F7DF; color: #18990E }
.info_table .body table tbody .meet { display: inline-block; vertical-align: middle; padding:0.2em 1em;  border-radius:0.3em; font-size:var(--txt16); font-weight:700; background-color: #FFE0E0; color: #B13131 }
.info_table .body table tbody .desc { display: flex; justify-content: center; align-items: center; font-size:var(--txt16); font-weight:500; color:var(--black44); margin-top:0.5rem;}
.info_table .body table tbody .desc svg { width:1em; height: auto; margin-right:0.6rem; margin-top:-0.1em; }
.clinic .info_table { transform: translateY(100px); opacity:0; transition: all 1s ease}
.clinic .info_table.active { transform: unset; opacity:1; }
.certificate_page .info_table { transform: translateY(100px); opacity:0; transition: all 1s ease}
.certificate_page .info_table.active { transform: unset; opacity:1; }

.com_recomm_sect {  margin-bottom: var(--secPd2);}
.com_recomm_sect .list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:2rem;  }
.com_recomm_sect .list li { margin-bottom: 1.6rem; border:1px solid var(--lineColor); border-radius:var(--radius2); padding: 3.2rem; display: flex; align-items: center;transform:translateY(var(--aniY)); opacity:0; transition: all 0.5s ease;}
.com_recomm_sect .list li.active { transform: unset; opacity: 1;}
.com_recomm_sect .list li .text .tit { display: flex; align-items: baseline; font-size:var(--txt20); font-weight:700; margin-bottom: 2.5rem;}
.com_recomm_sect .list li .text .tit .num { width:2.5em; height: 2.5em; margin-right:1.5rem; border-radius:100%; display: flex; align-items: center; justify-content: center; background-color: #000; font-size:var(--txt18);  flex-shrink: 0; color:#fff;  font-weight:700;}
.com_recomm_sect .list li .text .txt { font-size:var(--txt18); color:var(--black44); }

.doc_downloads ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:1.5rem; }
.doc_downloads ul li { transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease;}
.doc_downloads ul li.active { transform: unset; opacity: 1;}
.doc_downloads ul li a { display: flex; justify-content: space-between; flex-direction: column; padding:5rem; height:100%; background-color: var(--bg2); border-radius:var(--radius2); transition: all 0.3s ease;}
.doc_downloads ul li a strong { display: block; font-size:var(--tit30); font-weight:700; margin-bottom: 8rem;}
.doc_downloads ul li a span { font-size:var(--txt22); font-weight:600; display: flex; align-items: center; }
.doc_downloads ul li a span svg { width:1em; height: auto; margin-left: 0.5rem;}
.doc_downloads ul li a span svg path { transition: all 0.3s ease;}

.table1 table { width:100%; border-collapse: collapse; border-top:1px solid #000; }
.table1 table thead th { border-bottom:1px solid var(--lineColor);  font-size:var(--txt16); padding:1em; font-weight:600; background:var(--bg2);  }
.table1 table tbody td { border-bottom:1px solid var(--lineColor);  font-size:var(--txt16); padding:1em; }
.table1 table tbody td.right { text-align: right;}
.pricing_page .table1 { overflow-x: auto; width: calc(100% + calc(var(--inPd) * 2)); margin-left: calc(-1 * var(--inPd)); padding:0 var(--inPd); }
.pricing_page .table1 table { min-width:900px; }
.pricing_page .table1::-webkit-scrollbar { display: none;}
.table_scroll { position:relative;}
.table_scroll:after { content:''; display:  position:absolute; left:50%; top:10%; margin:-2.5em 0 0 -2.5em; width:5em; height:5em; animation: scrollright 1s alternate infinite; background: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='150' height='150' rx='75' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M70.792 37.5C68.4274 37.5 66.5162 39.4226 66.5162 41.7903V77.0027C66.5162 78.5248 64.9072 79.5217 63.5471 78.8274C63.5471 78.8274 61.0047 73.7717 60.0891 72.125C58.2668 68.8494 55.8666 67.5142 53.6709 67.0425C50.2752 66.3037 43.4658 66.8645 51.5286 78.2133C51.5286 78.2133 61.947 100.217 63.1737 102.255C63.9738 103.59 67.1473 111.957 72.9254 112.5H87.9041C96.7936 112.482 100.74 103.332 100.74 92.0722V74.19C100.74 70.7097 97.9225 67.8792 94.4379 67.8792H94.349C93.14 67.8792 92.18 68.8405 92.18 70.0243V78.2133V66.9446C92.18 63.3931 89.3087 60.518 85.7618 60.518C84.5795 60.518 83.6194 61.4793 83.6194 62.6632V73.9319V59.3075C83.6194 55.756 80.7481 52.881 77.2013 52.881C76.019 52.881 75.0589 53.8423 75.0589 55.0261V69.6416V41.7903C75.0589 39.4226 73.1388 37.5 70.7831 37.5H70.792Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.8216 45.356H58.5337' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45.9639 40.6421L41.2502 45.3557L45.9639 50.0693' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M100.956 45.356H85.2441' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M97.8135 40.6421L102.527 45.3557L97.8135 50.0693' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;  z-index:2;  transition: all 1s ease;}
.table_scroll.off:after { opacity:0; visibility: hidden; pointer-events: none;}

.pricing_page .info_cont{display:flex; margin-bottom: 12rem}
.pricing_page .info_cont .ico{margin-right: 1.2rem; padding-top: 0.1em;}
.pricing_page .info_cont .ico svg{height: 1.2em; display: block;}
.pricing_page .info_cont .txt_box .tit{font-size: var(--txt25); font-weight: 600; }
.pricing_page .info_cont .txt_box .txt{font-size: var(--txt18); color: var(--black44); margin-top: 0.5rem}
.pricing_page .info_cont .txt_box .date{font-size: var(--txt18); background: #FEEDCC; color: #C88200; border-radius: 5px; display: inline-block; margin-top: 2.4rem; padding: 0.2em 0.8em;}
.pricing_page .table_scroll:after{display: none;}
.pricing_page .table_scroll .info_txt{font-size: var(--txt18); color: #696969; text-align: right; margin-bottom: 1.2rem;}

.time_sect { display: flex;  margin-bottom: 3rem;}
.time_sect .item { flex:1;  border-radius:var(--radius2); height:25rem; background-color: var(--bg2); display: flex; align-items: center; justify-content: center; text-align: center;transform:translateY(var(--aniY)); opacity:0; transition: all 0.5s ease;}
.time_sect .item.active {transform: unset; opacity: 1;}
.time_sect .item + .item { margin-left: 1.6rem;}
.time_sect .item dl dt { font-size:var(--txt18); font-weight:600;}
.time_sect .item dl dd strong { font-size:var(--tit35); font-weight:600;}
.time_sect .item dl dd small { display: block; font-size:var(--txt16); color:var(--black44); }
.contact_sect { padding-bottom: var(--secPd3); }
.contact_sect .contact_sect { padding-bottom: 0;}
.contact_sect .map_cont { margin-bottom: 2.5rem; border-radius:var(--radius2); overflow: hidden;transform:translateY(var(--aniY)); opacity:0; transition: all 0.5s ease;}
.contact_sect .map_cont.active { transform: unset; opacity: 1;}
.contact_sect .sub_tit_box { margin-bottom: 4rem;}
.contact_sect .sub_tit_box .tit { font-size:var(--tit35);}
.contact_sect .addr { transform:translateY(var(--aniY)); opacity:0; transition: all 0.5s ease;}
.contact_sect .addr.active { transform: unset; opacity: 1;}
.contact_sect .addr div { font-size:var(--txt18); font-weight:500; display: flex; align-items:flex-start; margin-bottom: 1.8rem;}
.contact_sect .addr div svg { width:1em; height: auto; margin-right:1rem;;margin-top:0.2em}
.contact_sect .way_cont { display: flex; justify-content: space-between; padding-top:4rem; margin-top:4rem; border-top:1px solid var(--lineColor);}
.contact_sect .way_cont .box { flex:1; transform:translateY(var(--aniY)); opacity:0; transition: all 0.5s ease; padding-right:5rem; }
.contact_sect .way_cont .box:nth-child(2) { flex:1.2;}
.contact_sect .way_cont .box.active { transform: unset; opacity: 1;}
.contact_sect .way_cont .box .tit { display: flex; align-items: center; font-size:var(--txt20); font-weight:700; margin-bottom: 3.2rem;}
.contact_sect .way_cont .box .tit svg { width:2.5em; height: auto; margin-right:1.3rem; }
.contact_sect .way_cont .box .car_txt { font-size:var(--txt18); }
.contact_sect .way_cont .box .car_txt + .car_txt { margin-top:2.5rem;}
.contact_sect .way_cont .box .car_txt .txt1 { margin-bottom:1.2rem; font-weight:700;}
.contact_sect .way_cont .box ul li { display: flex; align-items: flex-start; font-size:var(--txt18); margin-bottom: 1.5rem;}
.contact_sect .way_cont .box ul li span { padding:0 1em; line-height: 2.2em; border-radius:1rem; font-size:var(--txt16); font-weight:700; color:#fff; margin-right:1.5rem; margin-top:-0.2em;}

.map_links { display: flex; flex-wrap: wrap ; font-size: var(--txt3); font-weight: 500; margin-bottom: 6.5rem;transform:translateY(var(--aniY)); opacity:0; transition: all 0.5s ease;}
.map_links.active { transform: unset; opacity: 1;}
.map_links .btn {display: flex; align-items: center; justify-content: center; padding: 0.25em 1em ;background-color: #F6F6F6; border-radius: 2em; margin-right:1.2rem; margin-bottom: 1.2rem; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out}
.map_links .btn svg {width: 0.6em; margin-left: 0.5em; transition: all 0.3s ease;}

.map_links2 { display:flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 6.5rem; transform: translateY(var(--aniY)); opacity: 0; transition: all 0.5s ease;}
.map_links2 > div { display:flex; }
.map_links2 .btn { display:flex; align-items:center; padding:0.7em  1.5em; border-radius:4em; font-size:var(--txt18); font-weight:600;  background:none;  margin:0;   background-color: #F6F6F6;}


/*.load_sect .cont_box .info_box .cont .map_link .btn {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    padding: 0.25em 1em;*/
/*    background-color: #F6F6F6;*/
/*    border-radius: 2em;*/
/*    margin-right: 1.2rem;*/
/*    margin-bottom: 1.2rem;*/
/*    transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;*/
/*}*/


.map_links2 .btn svg { width:1.2em; height:auto; margin:0; margin-right:1rem;}
.map_links2 .btn svg,
.map_links2 .btn path { transition: all 0.5s ease;}
.map_links2 .left .btn { margin-right:1.5rem; }
.map_links2 .right .btn { margin-left:1.5rem; }
.map_links2.active { transform: unset; opacity: 1;}

.photos_sect { padding:var(--secPd3) 0; background:var(--bg2);}
.photos_sect .sub_tit_box { text-align: center; margin-bottom: 6.5rem;}
.photos_sect .tabs2 { margin-bottom: 4rem;}
.photos_sect .tabs2 ul { padding:0; background:none; }
.photos_sect .slider_cont {  margin:0 auto; }

.loc_doc_sect { padding:var(--secPd3) 0 0; }
.loc_doc_sect .doc_list { margin-bottom: var(--secPd);;}
.loc_doc_sect .doc_list ul { display:grid;grid-template-columns: repeat(4, minmax(0, 1fr)); gap:3rem; }
.loc_doc_sect .doc_list ul li .img {padding-top:129.73%; position: relative;}
.loc_doc_sect .doc_list ul li img { border-radius:var(--radius2); position:absolute; left: 0; top:0; width:100%; height:100%; object-fit: cover; }
.loc_doc_sect .doc_list ul li .name { margin-top:2.5rem; display:flex; justify-content: space-between; align-items: center; }
.loc_doc_sect .doc_list ul li .name strong { font-size:var(--tit30); font-weight:700; }
.loc_doc_sect .doc_list ul li .name a { padding:0.4em 1em; border-radius:3em; border:1px solid rgba(0,0,0,0.2); font-size:var(--txt16); font-weight:500; transition: all 0.5s ease;}

.photos_sect .slider_cont .swiper-container { }
.photos_sect .slider_cont .swiper-slide { position: relative;}
.photos_sect .slider_cont .swiper-slide p { display:none; position: absolute; left: 2.5rem; top:2.5rem; padding:0 1em; line-height: 2.5em; border-radius:1rem; background-color: rgba(0,0,0,0.5); font-size:var(--txt20); color:#fff; font-weight:700;;}
.photos_sect .slider_cont .swiper-slide .img { padding-top:56%; position:relative; border-radius:var(--radius2); overflow: hidden;}
.photos_sect .slider_cont .swiper-slide img { width:100%; position:absolute; left:0; top:0; height:100%; object-fit: cover; }
.photos_sect .slider_cont .swiper-slide .text { margin-top:4rem; }
.photos_sect .slider_cont .swiper-slide .text .tit { font-size:var(--tit30); font-weight:700; margin-bottom:1.5rem; }
.photos_sect .slider_cont .swiper-slide .text .txt { font-size:var(--txt18); font-weight:500; }
.photos_sect .controls { display: flex; align-items: center; margin-top:2rem;  width: calc((100% - 60px) * 0.4); margin:4rem auto 0;}
.photos_sect .controls .swiper-pagination { position: static; flex:1; height: 0.4rem; background-color: var(--lineColor);  overflow: hidden;}
.photos_sect .controls .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #000; border-radius:4px; }
.photos_sect .controls .swiper-button-prev,
.photos_sect .controls .swiper-button-next { position: static; margin:0;  width:5.5rem; height: 5.5rem; border-radius:1rem; border:1px solid var(--lineColor);   display: flex; align-items: center; justify-content: center;  transition: all 0.3s ease;}
.photos_sect .controls .swiper-button-prev:after,
.photos_sect .controls .swiper-button-next:after { display: none;}
.photos_sect .controls .swiper-button-prev svg,
.photos_sect .controls .swiper-button-next svg { width:1.6rem; height: auto; vertical-align: middle; }
.photos_sect .controls .swiper-button-next svg { transform: scaleX(-1);}
.photos_sect .controls .swiper-button-next svg path,
.photos_sect .controls .swiper-button-prev svg path { transition: all 0.3s ease;}
.photos_sect .controls .swiper-button-prev { margin:0 1.6rem 0 0;}

.photos_sect .controls .num { display: flex; font-size:var(--txt16); font-weight:600;  margin: 0 2.6rem; align-items: center; }
.photos_sect .controls .num em { width:1px; height: 1em; background-color: var(--lineColor); margin:0 1.3rem;}
.photos_sect .controls .num .total { flex:0 0 1.6rem; }
.photos_sect .controls .num .current { color:#1C1C1C; }

.time_cont { margin-bottom: var(--secPd2);}
.time_cont .sub_tit_box { margin-bottom: 4rem;}
.time_cont ul { display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap:1.6rem;}
.time_cont ul li { padding:8rem 3rem; display: flex; align-items: center; flex-direction: column;  background-color: var(--bg2); border-radius:var(--radius2); ;}
.time_cont ul li .day { font-size:var(--txt18); font-weight:600; margin-bottom: 1rem;}
.time_cont ul li .time { font-size:var(--tit35); display: flex; align-items: center; font-weight:700; }
.time_cont ul li .time span { font-size:var(--txt16); padding:0 0.8em; line-height: 2em; border-radius:2em; background-color: var(--gold); color:#fff; font-weight:700;; margin-left: 1.5rem;}
.time_cont ul li .desc { font-size:var(--txt16); color:var(--black44); }

.loc_doc_sect .info_table { margin-bottom: var(--secPd3);}
.loc_doc_sect .info_table .head div:nth-child(1) { width:20%; }
.loc_doc_sect .info_table .head div:nth-child(2) { width:80%; margin-left: 1rem; display: flex; }
.loc_doc_sect .info_table .head div:nth-child(2) p { flex:1; }
.loc_doc_sect .info_table .body table tbody td { height: 4.5em; border-left: 0; }
.loc_doc_sect .info_table .body table tbody td span { margin-left: 0.5em;}
.loc_doc_sect .info_table .body table tbody th { border-right:1px solid var(--lineColor)}

.hours_page .info_table .head div:nth-child(1) { width:20%; }
.hours_page .info_table .head div:nth-child(2) { width:80%; margin-left: 1rem; display: flex; }
.hours_page .info_table .head div:nth-child(2) p { flex:1; }
.hours_page .info_table .body table tbody td { height: 4.5em; border-left: 0; }
.hours_page .info_table .body table tbody td span { margin-left: 0.5em;}
.hours_page .info_table .body table tbody th { border-right:1px solid var(--lineColor)}

.schedule_cont .info_table { margin-bottom: 2.5rem;}
.schedule_cont .times { display: flex; align-items: center; font-size:var(--txt20); font-weight:700; margin-bottom: 4rem;}
.schedule_cont .times span { width:2px; height: 0.8em; background-color: #d9d9d9; margin:0 1.5rem;}
.schedule_cont .times svg { width:1.2em; height: auto; margin-right:1.5rem;}

.selfcheck_page .in { max-width:110rem;}
.selfcheck_page .start_banner {  margin: 0 var(--fullInPd) var(--secPd2) var(--fullInPd); padding: 12rem 3rem; border-radius:var(--radius4); overflow: hidden; position: relative; color:#fff; text-align: center;  }
.selfcheck_page .start_banner:before {content: ''; position:absolute; left: 50%; width:0;   top:0;  bottom:0; background: url(/inc/img/sub/selfcheck_bg.jpg) no-repeat 50% 50%; background-size: cover; z-index:-1;transition: all 1s ease-in-out;}
.selfcheck_page .start_banner strong { display: block; font-size:var(--tit70); font-weight:700; margin-bottom: 2rem; transform: translateY(var(--aniY)); opacity:0; transition: all 0.5s ease 0.8s;}
.selfcheck_page .start_banner div{  display: flex; justify-content: center; align-items: center; font-size:var(--txt18); font-weight:600; transform: translateY(var(--aniY)); opacity:0; transition: all 0.5s ease 1s; }
.selfcheck_page .start_banner div span { padding:0 0.7em; line-height: 2em; border-radius:2em; background-color: var(--gold); font-size:var(--txt22); margin:0 1rem;}
.selfcheck_page .start_banner.active:before { width:100%; left:0;}
.selfcheck_page .start_banner.active strong { transform: unset; opacity:1;}
.selfcheck_page .start_banner.active div { transform: unset; opacity:1;}


.selfcheck_page .list { margin-bottom: 3.5rem;}
.selfcheck_page .list ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:3.2rem}
.selfcheck_page .list li a { display: block; border-radius:var(--radius2); overflow: hidden;  position: relative; color:#fff; }
.selfcheck_page .list li a img { width:100%;  transition: all 1s ease;}
.selfcheck_page .list li a div strong {font-weight:700;}
.selfcheck_page .list li a div { display: flex; align-items: flex-end; justify-content: space-between; padding: 0 3rem 3rem;  position: absolute; left: 0; top:30%; right:0; bottom:0;; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.67%, rgba(0, 0, 0, 0.196114) 68.42%, rgba(0, 0, 0, 0.578149) 82.75%, #000000 109.83%);  font-size:var(--tit30); font-weight:700; }
.selfcheck_page .list li a div i { width:1.7em; height: 1.7em; border-radius:100%; display: flex; align-items: center; justify-content: center; background-color: #fff;  transition: all 0.7s ease;}
.selfcheck_page .list li a div i svg { width:0.5em; height: auto;}
.selfcheck_page .tip_description .dot { font-size:var(--txt18);}

.selfcheck_test .sub_tit_box { position: relative; margin-bottom: 4rem; }
.selfcheck_test .sub_tit_box .req { position: absolute; right:0; bottom:0; font-size:var(--txt16); }
.selfcheck_test .sub_tit_box .req span { color:var(--gold); }
.selfcheck_test .test_cont { padding: 8rem; border-radius:var(--radius2); background-color: var(--bg2); margin-bottom: 4rem;}
.selfcheck_test .test_cont .cont { padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 1px dashed #ccc; ;}
.selfcheck_test .test_cont .cont:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.selfcheck_test .test_cont .cont .tit{ display: flex; align-items: flex-start; font-size:var(--txt20); font-weight:700; margin-bottom: 2.5rem;; }
.selfcheck_test .test_cont .cont .tit .num { display: flex; align-items: center; justify-content: center; width:2.5em; height: 2.5em; border-radius:100%; font-size:var(--txt18); font-weight:700; background-color: #000; color:#fff; margin-right:0.8em; flex-shrink: 0;}
.selfcheck_test .test_cont .cont .tit .txt { padding-top:0.3em; }
.selfcheck_test .test_cont .cont .tit .txt .req { color:var(--gold); }
.selfcheck_test .test_cont .cont .tit .txt small { font-size:var(--txt16); font-weight:500;}
.selfcheck_test .test_cont .cont .tit .txt small.desc{display: block;  color:var(--black44);}
.selfcheck_test .test_cont .cont ul { font-size:var(--txt18); padding-left: 3.3em;}
.selfcheck_test .test_cont .cont ul li { margin-bottom: 1.6rem; ;}
.selfcheck_test .test_cont .cont ul li:last-child { margin-bottom: 0;}
.selfcheck_test .test_cont .cont .values_box { font-size:var(--txt18); margin-left: 3.3em; margin-bottom: 2.5rem; display: flex; justify-content: space-between; align-items: center;  padding:2.5rem; border-radius:var(--radius2); background: linear-gradient(90deg, #146EFF 0%, #C41111 100%); }
.selfcheck_test .test_cont .cont .values_box strong { font-size:var(--txt16); font-weight:700; color:#fff; }
.selfcheck_test .test_cont .cont .values_box div svg { width:100%; height: auto; vertical-align: middle;}
.selfcheck_test .test_cont .cont .values_box div { flex:1; margin: 0 4rem;}

.selfcheck_test .test_cont .cont img{margin-bottom: 2rem; padding: 0 3.3em;}

.test_result { text-align: center; max-width:75rem; margin:0 auto;}
.test_result .tit { margin-bottom: 4rem;}
.test_result .tit small { display: block; font-size:var(--txt18); font-weight:700; color:var(--gold); margin-bottom: 1rem;;}
.test_result .tit strong { font-size:var(--tit50); font-weight:700; }
.test_result .img img {vertical-align: middle; width:15em;}
.test_result .text { text-align: left; padding: 8rem; background-color: #fff; border-radius:var(--radius4); box-shadow:0  2.5rem 8rem rgba(0,0,0,0.1);; }
.test_result .text .lb { display: inline-flex; padding:0 0.4em; line-height: 2em; border-radius:5px; background-color: #ECFEC9; font-size:var(--txt20); color:#7DBB00; font-weight:700; }
.test_result .text .lb.lb2 { background-color: #FFF0BF; color:var(--gold) }
.test_result .text .lb.lb3 { background-color: #FFDFDB; color:#FE4230 }
.test_result .text .txt1 { margin: 1.5rem 0 3rem; font-size:var(--tit50); font-weight:700; line-height: 1.4;}
.test_result .text .txt2 { margin-bottom: 1.5rem; font-size:var(--txt20); font-weight:700; ;}
.test_result .text .txt3 { font-size:var(--txt18); }
.test_result .btn_common_area {margin-top:5rem;}
.test_result .btn_common_area .btn_type1 { display: inline-flex; justify-content: center; align-items: center; width:100%;}
.test_result .btn_common_area .btn_type1 svg { width:1.2em; height: auto; margin-top:-0.1em}

.mypage_banner {  margin: 0 var(--fullInPd) var(--secPd2) var(--fullInPd); padding: 12rem 3rem; border-radius:var(--radius4); overflow: hidden; position: relative; color:#fff;   }
.mypage_banner:before {content: ''; position:absolute; left: 0; top:0; right:0; bottom:0; background: url(/inc/img/sub/selfcheck_bg.jpg) no-repeat 50% 50%; background-size: cover; z-index:-1;}
.mypage_banner .in { display: flex; justify-content: space-between; align-items: flex-end;}
.mypage_banner p { font-size:var(--tit50); font-weight:700; color:#fff;  }
.mypage_banner p strong { font-weight:700; color:var(--gold); }
.mypage_banner a { display: inline-flex; align-items: center; line-height: var(--inpH); font-size:var(--txt16); border-radius:1rem; background-color: #fff; ;color:#000; padding:0 1.3em; font-weight:600;transition: all 0.3s ease;}
.mypage_banner a svg { width:0.8em; height: auto; margin-left: 1em; transition: all 0.3s ease;}
.mypage_banner a svg path { transition: all 0.3s ease;}


 
.history_sect { margin-top:8rem; }
.history_sect .h3 { font-size:avr(--tit25); font-weight:600; margin-bottom: 4rem;}
.history_sect .status { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding:1.8em 2em; border-radius:1rem; background-color: var(--bg2); font-size:var(--txt20); font-weight:600; margin-bottom: 4rem;}
.history_sect .status div + div:before { content: '|'; display: inline; margin:0 1rem; color:var(--black3); font-size:var(--txt16)}
.history_sect .status span { color:var(--gold);}
.history_sect .status .mobile { display:none;}
.history_sect .board_list ul li a .labels { margin-left: 2em;}
.history_sect .board_list ul li a .state { margin-right: 2em;}
.history_sect .description { display: flex; justify-content: space-between; align-items: center; margin-top:8rem}
.history_sect .description .dot { font-size:var(--txt20); font-weight:600; display: flex; align-items: flex-start; }
.history_sect .description .dot svg { width:1.2em; height: auto; vertical-align: middle; margin:0.2em 1rem 0 0;;}
.history_sect .description a { font-size:var(--txt16); padding:0.6em 1.2em; border-radius:3em; color:var(--gold); background: #FDF5E7; font-weight:600; transition: all 0.3s var(--ease); flex-shrink: 0}

.mypage_page .history_sect .board_list ul li a .state {margin-right: 0}



.com_img_top { height: 60rem; position: relative; max-width:184rem; width:100%; margin:0 auto; transition: all 1s var(--ease);; margin-bottom: var(--secPd);; }
.com_img_top .img { position: absolute; left: 0; top:0; right:0; bottom:0;; }
.com_img_top .img img { width:100%; height: 100%; object-fit: cover;}
.com_img_top.active {max-width:100%; }
.com_img_top::before {content: ""; position: absolute; left: -2px; top: -2px; width: calc(50% + 4px); height: calc(100% + 4px); background-color: #fff; z-index: 2; transition: width 1s ease-in-out;}
.com_img_top::after {content: ""; position: absolute; right: -2px; top: -2px; width: calc(50% + 4px); height: calc(100% + 4px); background-color: #fff; z-index: 2; transition: width 1s ease-in-out;}
.com_img_top.active::after,
.com_img_top.active::before {width: 0;}


.product_list ul { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:8rem 4rem;}
.product_list ul li .img { overflow: hidden; border-radius:var(--radius2); }
.product_list ul li .img img { vertical-align: top; transition: all 1s ease; }
.product_list ul li .type { margin: 2.5rem 0 0.5rem; font-size:var(--txt16); color:var(--gold); font-weight:700; }
.product_list ul li .name{ display: flex; align-items: center; font-size:var(--tit30); font-weight:700; word-break: break-all;}
.product_list ul li .name:after {content: ''; width:0.7em; height: 0.7em;    background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10%200L8.2375%201.7625L15.2125%208.75H0V11.25H15.2125L8.2375%2018.2375L10%2020L20%2010L10%200Z%22%20fill%3D%22black%22/%3E%3C/svg%3E") no-repeat 50% 50%; background-size:contain; ;  opacity:0; transition: all 0.5s ease;}
.product_list ul li .txt { display:none; }


.modal .modal_cont.equip { width:70rem; background: none; }
.modal .equip_modal{ background: #fff; border-radius: var(--smRadius); overflow:hidden; opacity: 0; transition: opacity 0.3s ease 0.1s; }
.modal.open .equip_modal{opacity: 1}
.modal .equip_modal .img { text-align: center; background-color: var(--bg2);}
.modal .equip_modal .img img { max-height:100%;  width:100%; object-fit: cover;}
.modal .equip_modal .text { padding: 4rem 4rem 0; }
.modal .equip_modal .text .type { font-size:var(--txt16); font-weight:700; color:var(--gold); }
.modal .equip_modal .text .name { font-size:var(--tit30); font-weight:700; margin:0.5rem 0 1.2rem; }
.modal .equip_modal .text .txt { font-size:var(--txt20);}
.modal .equip_modal .text .txt small { color:var(--black5)}
.modal .equip_modal .btns { text-align: center; padding:4rem 0 5rem;}
.modal .equip_modal .btns button { padding:1em 2em; border-radius:4em; background-color: #000; font-size:1.4rem; font-size:var(--txt16); color:#fff; font-weight:600;; transition: all 0.5s ease;}


.story_page .before_login {margin-bottom: 4rem}

.before_login { display:flex ;justify-content:center; align-items: center; margin-bottom: 1.5rem;;}
.before_login .txt {font-size:var(--txt18); font-weight:500; padding-left: 0.5em; text-indent: -0.5em; color:var(--black69); margin-right:20px;}
.before_login .btn_type1 { border-radius:3.3em; min-width:13rem;}
.before_login + .board_list_top  { margin-top:0;}



.gallery_list ul { display: grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4rem 2rem; }
.gallery_item { display: block; padding: 4rem 3rem; border-radius:var(--radius2); background-color: var(--bg2); ;}


.gallery_item .top_box {display: flex; flex-wrap: wrap ;align-items: flex-start}
.gallery_item .top_box .badge_box {width: 100%; display: flex; justify-content: flex-start}
.gallery_item .top_box .badge {display: block; padding: 0.2em 1em ;font-size: var(--txt3); color: #fff; font-weight: 700; background-color: #000; border-radius: 5em; margin-bottom: 0.6em; margin-right:1rem;}
.gallery_item .top_box .tit {font-size: var(--txt22); font-weight: 700; display: block}
.gallery_item .top_box .subway {}
.gallery_item .top_box .doctor {}
.gallery_item .top_box .dot {margin: 0 0.2em}


.gallery_item .img { margin:0 0 1.8rem; overflow: hidden; position: relative; padding-top: 55%}
.gallery_item .top_box + .img {margin-top: 1.8rem}
.gallery_item .img img { transition: all 1s ease; position: absolute; left: 0; top: 0; width: 100%; height: 100% ;object-fit: cover; object-position: center}
.gallery_item .img1 { margin:1.8rem 0; overflow: hidden; position: relative; padding-top: 60%}
.gallery_item .img1:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(252,164,0,0.3);opacity: 0;transition: 0.3s ease-in-out}
.gallery_item .img1 img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top}
.gallery_item .text{ display: flex; flex-direction: column; justify-content: space-between;}
.gallery_item .text .subj { font-size:var(--txt22); font-weight:700; height: 3.5em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; margin-bottom: 1.5rem;}
.gallery_item .text .subj.line1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block; -webkit-line-clamp: unset; height: 1.7em}
.gallery_item .text .date { font-size:var(--txt16); font-weight:600; color:#aeaeae; }

.gallery_list.case_type .gallery_item .img{padding-top: 60%}
.gallery_list.case_type .gallery_item .img img{object-position: top}

.talk_item { display: block; overflow: hidden; border-radius:var(--radius2); background-color: var(--bg2); ;}
.talk_item .img {  overflow: hidden; position: relative;padding-top: 56.25%}
.talk_item .img img { transition: all 1s ease; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.talk_item .text{ padding:  3rem; }
.talk_item .text .subj { font-size:var(--txt22); font-weight:700; height: 3.5em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; margin-bottom: 1.5rem;}
.talk_item .text .date { font-size:var(--txt16); font-weight:600; color:#aeaeae; }
.talk_item .text .tag_box { display: flex; flex-wrap: wrap; margin-bottom: 1rem; flex-wrap:nowrap; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display:block; }
.talk_item .text .tag_box .tag { padding:0.1em 0.5em; background-color: #fff; border-radius:0.5rem; font-size:var(--txt16); font-weight:500; margin:0 1rem 1rem 0; display:inline-block; vertical-align: middle }


.before_img { position: absolute; left: 0; top:0; width:100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; font-size:var(--txt20); font-weight:700; color:#fff; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(2px);}
.before_img svg { width:1.2em; }
.before_img p { margin-top:1.5rem; }

.pinter_list { position: relative;}
.pinter_list .talk_item { width:calc(25% - 60px/4); margin-bottom: 2.5rem; }
.pinter_list .gutter-sizer { width:20px; }

.media_list {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px}


.sub_pd .com_location { margin-bottom: 8rem;}
.com_location { display:flex; justify-content: space-between; align-items: center; margin:var(--secPd) 0; }
.com_location .text { flex:1; transform:translateY(100px); opacity:0; transition: all 0.5s ease; }
.com_location .text .tit { font-size:var(--tit50); font-weight:700; margin-bottom: 4rem; line-height: 1.5}
.com_location .map_area { width:50%; border-radius:var(--radius2); overflow: hidden; position: relative; transform:translateY(100px); opacity:0; transition: all 0.5s ease 0.3s}
.com_location .map_area .map_agree { position: absolute; left: 0; top:0; width:100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; font-size:var(--txt22); font-weight:600; background-color: rgba(0,0,0,0.5); backdrop-filter:blur(1.5rem);; color:#fff;}
.com_location .map_area .map_agree svg { width:1em; height: auto;} 
.com_location .map_area .map_agree p { margin:1.3rem 0 2.6rem}
.com_location .map_area .map_agree button { padding:1em 1.2em; border-radius:6em; font-size:var(--txt16); font-weight:500; color:#fff; background:rgba(255,255,255,0.5); backdrop-filter: blur(1.5rem);;  transition: all 0.3s ease;}

.com_location.active .text { transform: unset; opacity:1; ;}
.com_location.active .map_area { transform: unset; opacity:1; ;}
.com_location.active .map_links { transform: unset; opacity:1; ;}


.full_visual .sub_visual { margin-top:0;padding-top:var(--hdH); background-color: var(--bg);color:#fff;; border-bottom: 0;}
.full_visual .sub_visual .sub_visual_img { position: absolute; left: 0; top:0; right:0; bottom:0; z-index: -1; }
.full_visual .sub_visual .sub_visual_img img { width:100%; height:100%; object-fit: cover; }
.full_visual .sub_visual .lnb .sel_wrap .nice-select { background: none;;}
.full_visual .sub_visual .lnb .sel_wrap.current .current { color:#fff; }
.full_visual .sub_visual .lnb .sel_wrap .nice-select:after { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>');}
.full_visual .sub_visual .lnb .sel_wrap .nice-select .option { color:#000; }



.wrap_history .full_visual .sub_visual { height: 100vh; position: relative;  margin-bottom: 0; margin-top:0; padding-top:var(--hdH); background: none; }
.wrap_history .full_visual .sub_visual:before{content: '';
 position: absolute; width: 100%; height: 100%; inset:0; background:rgba(0,0,0,0.5);}
.wrap_history .full_visual .sub_visual .tit_wrap .tit { font-size:16rem; line-height: 1; margin-left: -0.05em; }
.wrap_history .full_visual .sub_visual .tit_wrap .txt { font-size:var(--tit35); }
.wrap_history .full_visual .sub_visual .lnb { width:auto;  padding-left: var(--fullInPd); padding-right: var(--fullInPd);}
.wrap_history .full_visual .sub_visual .in { max-width:100%; padding-left: var(--fullInPd); padding-right: var(--fullInPd); }

.wrap_team .full_visual .sub_visual { height: 100vh; position: relative;  margin-bottom: 0; margin-top:0; padding-top:var(--hdH); background: none; }
.wrap_team .full_visual .sub_visual .tit_wrap .tit { font-size:16rem; line-height: 1; margin-left: -0.05em; }
.wrap_team .full_visual .sub_visual .tit_wrap .txt { font-size:var(--tit35); }
.wrap_team .full_visual .sub_visual .lnb { width:auto;  padding-left: var(--fullInPd); padding-right: var(--fullInPd);}
.wrap_team .full_visual .sub_visual .in { max-width:100%; padding-left: var(--fullInPd); padding-right: var(--fullInPd); }

.wrap_specialty .full_visual .sub_visual { height: 100vh; position: relative;  margin-bottom: 0; margin-top:0; padding-top:var(--hdH); background: none; }
.wrap_specialty .full_visual .sub_visual .tit_wrap .tit { font-size:8vw; line-height: 1; margin-left: -0.05em; }
.wrap_specialty .full_visual .sub_visual .tit_wrap .txt { font-size:var(--tit35); }
.wrap_specialty .full_visual .sub_visual .lnb { width:auto;  padding-left: var(--fullInPd); padding-right: var(--fullInPd);}
.wrap_specialty .full_visual .sub_visual .in { max-width:100%; padding-left: var(--fullInPd); padding-right: var(--fullInPd); }



/*
.full_visual .sub_visual { height: 100vh; position: relative; color:#fff; margin-bottom: 0; margin-top:0; padding-top:var(--hdH); }
.full_visual .sub_visual .tit_wrap .tit { font-size:16rem; line-height: 1; margin-left: -0.05em; }
.full_visual .sub_visual .tit_wrap .txt { font-size:var(--tit35); }
.full_visual .sub_visual .lnb { width:auto;  padding-left: var(--fullInPd); padding-right: var(--fullInPd);}
.full_visual .sub_visual .in { max-width:100%; padding-left: var(--fullInPd); padding-right: var(--fullInPd); }
*/
.urology_sect {position: relative; width: 100%; height: calc(var(--vh) * 100); overflow: hidden;  background-color: var(--bg); background-color: #0a0a0a;}
.urology_sect .col_box {position: absolute;  width: 15%; }
.urology_sect .col_box.left {left: 0;top: 100%;transform: translateY(0%);}
.urology_sect .col_box.right {right: 0; bottom: 100%}
.urology_sect .col_box .img {width: 100%; padding-top: 100%; position: relative}
.urology_sect .col_box .img + .img {margin-top: 2.5rem}
.urology_sect .col_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.urology_sect .center_box {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%;  z-index:2;}
.urology_sect .center_box .sub_tit { margin-bottom: 0;}
.urology_sect .center_box .center_txt_box {display: flex; align-items: center; }
.urology_sect .center_box .logo {width: 15%; margin-top: 20rem; transform: scale(2)}
.urology_sect .center_box .logo svg {width: 100%; height: auto}
.urology_sect .sub_tit.fill_txt span { background:linear-gradient(90deg, #fff 0%, #fff 100%);background-clip: text;-webkit-background-clip: text;background-size: 0% 100%;background-repeat: no-repeat; color:rgba(255,255,255,0.2)}

.doctor_sect {padding: var(--secPd) 0; background:var(--bg); color:#fff; background-color: #0a0a0a; }
.doctor2_sect {padding-top: var(--secPd)}
.doctor_list ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:  10rem;}
.doctor_list ul li .item { }
.doctor_list ul li .item .photo { padding-bottom:129.73% ; position: relative; border-radius:var(--radius2); overflow: hidden;}
.doctor_list ul li .item .photo img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.doctor_list ul li .item .text { margin-top:2rem; display:flex ; align-items:center; }
.doctor_list ul li .item .text .loc { font-size:var(--tit25); border-radius:5px; background:#fff; font-weight:700; padding:0.2em 0.8em; margin-right:1.5rem; color:#000;}
.doctor_list ul li .item .text .name { display:flex; align-items:center;  font-size:var(--tit50); font-weight:700; }
.doctor_list ul li .item .text .name svg { width:0.7em; height:auto; margin-left:1.5rem; transition: all 0.5s ease; opacity:0; transform: translateX(-1.5rem);}


.doct_tit { text-align:center; margin-bottom:8rem;  }
.doct_tit .tit { display:flex; align-items:center; justify-content: center; font-size:var(--tit70); font-weight:700;  margin-bottom: 2rem;}
.doct_tit .tit img { height:1.5em; margin-right:2rem; }
.doct_tit .btn_type2 { border:1px solid #fff; }
.doct_tit .btn_type2 svg { width:1.3em; height:auto; margin-right:1rem; }
.doct_cont { padding: var(--secPd2) 0; position:relative; }
.doct_cont:before { content:''; position:absolute; bottom:0; left:-50vw; right:-50vw; height:1px; background:rgba(255,255,255,0.5);}
.doct_cont:last-child { padding-bottom: 0;;}
.doct_cont:last-child:before { display:none;}

.doctor_nav { position: sticky; top:var(--hdH); z-index: 10;  transition: all 0.3s var(--ease) ;}
.doctor_nav ul { padding: 1em 0; display: flex; justify-content: center; align-items: center; background-color: #272727 } 
.doctor_nav ul li a { display: block; padding:0.2em 1em; border-radius:4em; color:#fff; font-weight:700; font-size:var(--tit25); transition: all 0.5s ease;}
.doctor_nav ul li.active a { background-color: var(--gold); }
.header.scroll_down ~ .container .doctor_nav { top:0;}


.talk_sect { }
.talk_sect .sub_tit_box { position: relative; }
.talk_sect .sub_tit_box .btn_type1  {position: absolute; right:0; bottom:0;  transform: translateY(var(--aniY)); transition: transform 1s ease 0.7s, background 0.3s ease, color 0.3s ease, opacity 1s ease 0.7s; }
.talk_sect .sub_tit_box.active .btn_type1 { transform: unset;}
.talk_sect .sub_tit_box .btn_type1 svg {width: 1.4em; height: auto;}

.talk_sect .slider { transform: translateY(100px); opacity:0; transition: all 1s ease;}
.talk_sect .slider.active { transform: unset; opacity: 1;}
.paging.swiper-pagination { position: static; width:16rem; height: 3px; background-color: rgba(0,0,0,0.1); margin:3rem auto; }
.paging .swiper-pagination-progressbar-fill { background-color: #101010;}

.doctorview_sect {margin-top: calc(-1 * var(--secPd2) + 2rem);}
.doctorview_sect .in{ display: flex; min-width: 0; align-items: flex-start;}
.doctorview_sect .photo { width:calc(45% - 6rem); margin-right:6rem;  flex-shrink: 0; position:sticky; top:var(--hdH); }
.doctorview_sect .photo .swiper-container { border-radius:var(--radius3);  overflow:hidden;}
.doctorview_sect .photo p { padding-bottom:129.73%; position:relative; }
.doctorview_sect .photo p img { width:100%; height:100%; position:absolute; left:0; top:0;  object-fit: cover; }
.doctorview_sect .info_box { width:55%  }
.doctorview_sect .info_box .sec { margin-bottom: 8rem;}
.doctorview_sect .info_box .sec.his { border-bottom:1px solid var(--lineColor); padding-bottom:8rem;}
.doctorview_sect .info_box .loc { display: inline-block; padding:0.5em 1em; background-color: var(--gold); color:#fff; font-size:var(--txt16); font-weight:700; border-radius:0.8rem; margin-bottom: 0.3rem; }
.doctorview_sect .info_box .name { font-size:var(--tit25); font-weight:700; margin-bottom: 1rem;; }
.doctorview_sect .info_box .name strong { font-size:var(--tit50); }
.doctorview_sect .info_box .txt1 { font-size:var(--tit25); font-weight:700; margin-bottom: 1.6rem; ;}
.doctorview_sect .info_box .txt2 { font-size:var(--txt18); }
/*.doctorview_sect .info_box .btns { padding-bottom: 6rem;  border-bottom: 1px solid var(--lineColor);}*/
.doctorview_sect .info_box .sec_first { padding-bottom: 6rem;  border-bottom: 1px solid var(--lineColor);}
.doctorview_sect .info_box .desc p { font-size:var(--txt16); padding-left: 0.5em; text-indent: -0.5em; color:var(--black4);;}
.doctorview_sect .info_box .desc { padding-bottom: 6rem; margin-bottom: 4rem; border-bottom: 1px solid var(--lineColor);}
.doctorview_sect .info_box .history ul { max-height: 39rem;min-height:16rem; overflow: hidden; position: relative;}
.doctorview_sect .info_box .history.active ul { height: auto; max-height:inherit;}
.doctorview_sect .info_box .history.active ul:after { display: none;}
.doctorview_sect .info_box .history ul:after {content: ''; position: absolute; left: 0; right:0; bottom:0; height: 13rem;background: linear-gradient(180deg, rgba(255, 255, 255, 0) -44.21%, #FFFFFF 85.58%);;}
.doctorview_sect .info_box .history li { font-size:var(--txt18); position: relative; padding-left: 1em; margin-bottom: 0.7rem;}
.doctorview_sect .info_box .history li:before {content: 'ㆍ'; position: absolute; left: 0; top:0; ;}
.doctorview_sect .info_box .history .more { text-align: center; margin-top:1rem; ;}
.doctorview_sect .info_box .history .more button { padding:0.7em 1.6em; border-radius:4em; background: var(--bg2); font-size:var(--txt16); font-weight:600;; color:#000;}
.doctorview_sect .info_box .history .more button svg { vertical-align: middle; margin:0 0 0 0.5rem; width:0.8em; height: auto;}
.doctorview_sect .info_box .history + .sub_tit_box { margin-top:8rem;}
.doctorview_sect .info_box .sub_tit_box { margin-bottom: 2.5rem; ;}
.doctorview_sect .info_box .sub_tit_box .stit{  font-weight:700; }
.doctorview_sect .info_box .interview .mv { padding-top:56.25%; position:relative; border-radius:var(--radius2); overflow:hidden;}
.doctorview_sect .info_box .interview .mv iframe{  position:absolute; left:0; top:0; width:100%; height:100%; }


.list_tbl .tbl_box { width: 100%; border-radius: 0 2rem 2rem 0; margin-bottom: 1.8rem; }
.list_tbl .tbl_box .box { display: flex; }
.list_tbl .tbl_box .box .th_box + .td_box { margin-top: 13px; }
.list_tbl .tbl_box .box > div { flex: 1; line-height: 1; min-width: 0; font-size:var(--txt18); }
.list_tbl .tbl_box .th_box { background-color: #000; color: #fff; font-size: var(--txt18); padding: 1em 0; font-weight: 700; border-radius: 10px 10px 0 0; }
.list_tbl .tbl_box .th_box .th { display: flex; align-items: flex-end; justify-content: center; }
.list_tbl .tbl_box .th_box .th .week { order: 2; font-size: 0.75em; margin-left: 0.2em; transform: translateY(-2px); }
.list_tbl .tbl_box .td_box .td { display: flex; align-items: center; justify-content: center; height: 3.5em; position: relative;}
.list_tbl .tbl_box .td_box .td:first-child { border-left: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box .td:last-child { border-right: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box:last-child .td { border-bottom: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box:last-child .td:first-child { border-bottom-left-radius: 10px; border-bottom: 1px solid var(--lineColor);}
.list_tbl .tbl_box .td_box:last-child .td:last-child { border-bottom-right-radius: 10px; }
.list_tbl .tbl_box .td_box .td.time { background-color: #fff; font-weight: 700; border-bottom: none; }
.list_tbl .tbl_box .td_box .td span { font-size: var(--smTxt1); }
.list_tbl .tbl_box .td_box .td .badge { display: inline-block; padding: 0.5em 0.9em 0.45em; border-radius: 3em; font-weight: 600; line-height: 1; }
.list_tbl .tbl_box .td_box .td .badge.ing { background-color: #FDF5E7; color: var(--gold) }
.list_tbl .tbl_box .td_box .td .badge.close { background-color: #E7E7E7; color: #AEAEAE }
.list_tbl .tbl_box .td_box .td .badge.edu { background-color: #DBE7FB; color: #114393 }
.list_tbl .tbl_box .td_box .td .badge.time { background-color: #E8F7DF; color: #18990E }
.list_tbl .tbl_box .td_box .td .badge.meet { background-color: #FFE0E0; color: #B13131 }
.list_tbl .tbl_box .td_box .td .date { font-weight: 700; }
.list_tbl .tbl_box .td_box .td strong { position: absolute; left: 0; right:0; text-align: center; bottom:0; transform: translateY(50%); line-height: 1.5; font-size:var(--txt3);}
.list_tbl .tbl_box .td_box .td span { font-size:var(--txt16);}
.list_tbl .tbl_box .td_box .td .badge { text-align: center;}

.news_sect { margin-bottom: var(--secPd);;}
.news_sect .sub_tit_box { position: relative; padding-right:21rem;}
.news_sect .sub_tit_box .btn_type1  {position: absolute; right:0; bottom:0;  transform: translateY(var(--aniY)); transition: transform 1s ease 0.7s, background 0.3s ease, color 0.3s ease, opacity 1s ease 0.7s; }
.news_sect .sub_tit_box.active .btn_type1 { transform: unset;}
.news_list ul li { margin-bottom: 2rem; transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease; }
.news_list ul li.active { transform: unset; opacity: 1;}
.news_list ul li a { display:flex; align-items: center; padding: 3.5rem 4rem; border-radius:var(--radius2); background-color: var(--bg2); border:2px solid var(--bg2); transition: all 0.5s ease; font-size:var(--txt22); font-weight:700; padding-right:17rem; position: relative;}
.news_list ul li a .type { flex-shrink: 0; font-size:var(--txt16); padding:0.3em 1em; border-radius:4em; background-color: #DD6000; color:#fff; margin-right:2rem;; }
.news_list ul li a .type.bg2 { background-color: #7D8AB8;}
.news_list ul li a .type.bg3 { background-color: #75B410;}
.news_list ul li a .type.bg4 { background-color: #FCA400;}
.news_list ul li a .date { font-size:var(--txt18); font-weight:600; color:#aeaeae; position: absolute; right:4rem; top:50%; transform: translateY(-50%);}


.history_page .goldhistory_sect .sub_tit { margin:var(--secPd2) 0;}
.history_page .history_nav { position: sticky; top:var(--hdH); z-index: 10;  transition: all 0.3s var(--ease) ;}
.history_page .history_nav ul { padding: 1em 0; display: flex; justify-content: center; align-items: center; background-color: var(--bg2);}  
.history_page .history_nav ul li a { display: block; padding:0.2em 1em; border-radius:4em; color:var(--bg); font-weight:700; font-size:var(--tit25); transition: all 0.5s ease;}
.history_page .history_nav ul li.active a { background-color: var(--gold); color:#fff;;}

.history_page .history { position: relative;}
.history_page .history .bar { position: absolute; left: 50%; top:0; height: 100%; width:2px; background-color: var(--lineColor); }
.history_page .history .bar div { position: absolute; left: 0; top:0; right:0; background-color: var(--gold); max-height: 100% !important; }

.history_page .history .bar p {position: absolute; width:3rem; height: 3rem; margin-left: -1.5rem;; bottom:-2px;}
.history_page .history .bar p svg { width:100%; height: auto; ;}
.history_page .history .bar p:before { content: ''; position: absolute; left: 50%; top:50%; width:9rem; height: 9rem; border-radius:100%; border-top:1px solid var(--gold); transition: all 0.4s; transition-property: border-top;  animation:historyScroll 1.5s linear infinite;}
.history_page .history .cont { position: relative; display: flex;  align-items: flex-start; margin-bottom: var(--secPd2);}
.history_page .history .cont .tit { position: sticky; top:28rem; font-size:var(--tit70); font-weight:700; width:50%; line-height: 1; transition: all 0.3s ease;}
.header.scroll_down ~ .container .history_page .history .cont .tit { top:14rem; }
.history_page .history .cont .list { width:50%; padding-left: 12rem; ;}
.history_page .history .cont .list dl { display: flex; margin-bottom: 8rem; transition: all 0.3s ease; transform: translateY(100px); opacity:0;}
.history_page .history .cont .list dl.active { transform: unset; opacity:1;}

.history_page .history .cont .list dl dt { width:9rem; font-size:var(--txt20); font-weight:700; flex-shrink: 0}
.history_page .history .cont .list dl dd ul li { font-size:var(--txt20); font-weight:500; margin-bottom: 1.5rem;;}
.header.scroll_down ~ .container .history_nav { top:0; }
@keyframes historyScroll {
	0% {
		transform: translate(-50%, -50%) rotate(0);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}


/* sub2.css */
.mb20 { margin-bottom: 1.5rem !important;}
.mb30 { margin-bottom: 2.5rem !important;}
.mb50 { margin-bottom: 4rem !important;}
.mb100 { margin-bottom: 8rem !important;}
.mb150 { margin-bottom: 15rem !important;}
.mb200 { margin-bottom: var(--secPd2) !important;}
.mb260 { margin-bottom: var(--secPd3) !important;}
.mb300 { margin-bottom: var(--secPd) !important;}
.sub_bph .sub_visual { border-bottom: 0; margin-bottom: 0;}


/* clinic */
.clinic_top { padding:6rem 0 20rem; background-color: var(--bg);; }
.clinic_top .sub_tit { margin-bottom: 4rem; font-size:var(--tit50); }
.clinic_top .sub_tit.fill_txt span { color:rgba(255,255,255,0.2); background: linear-gradient(90deg, #fff 0%, #fff 100%);    background-clip: text;    -webkit-background-clip: text;    background-size: 0% 100%;    background-repeat: no-repeat;}
.clinic_top .youtube_area {  margin:4rem auto; width:100rem;  }
.clinic_top .youtube_area > div {  padding-top: 56.25%; position: relative;}
.clinic_top .youtube_area video,
.clinic_top .youtube_area img,
.clinic_top .youtube_area iframe { position: absolute; left:0; top:0; width:100%; height: 100%;;}
.clinic_top .sub_desc { font-size:var(--txt22); font-weight:600; text-align: center; color:#fff; ; }
.clinic_ani { padding:2rem ; margin-bottom: var(--secPd); }
.clinic_ani svg { width:100%; height: auto; }

.about_sect { margin-bottom: var(--secPd); }
/*
.list_type1 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; }
.list_type1.col3 ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.list_type1 ul li .img { border-radius:var(--radius2); overflow: hidden; margin-bottom: 3.6rem; }
.list_type1 ul li .tit { text-align: center; font-size:var(--tit30); font-weight:700; margin-bottom: 1.5rem; }
.list_type1 ul li .txt { text-align: center; font-size:var(--txt18); font-weight:500; }
*/
.graph_sect {  margin-bottom: var(--secPd); }
.graph_sect .graph_area { text-align: center; }
.sub_bph .graph_sect .graph_area svg { max-width:90rem; height: auto;}
.sub_bph .reason_sect{margin-bottom: -2px}
.sub_bph .black_in{background: #000;}
.sub_bph .black_in .rader_sect{margin-bottom: 0}
.sub_bph .faq_sect{padding-top: var(--secPd);}

.why_sect { margin-bottom: var(--secPd); }
.why_sect .list_type1 { margin-bottom: 8rem;}
.black_in { background-color: var(--bg); padding:var(--secPd) 0; color:#fff; }
/* 
.symptom_sect { margin-bottom: var(--secPd); }
.point_list ul { counter-reset: pointNum; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.8rem; }
.point_list ul li { background-color: rgba(255,255,255,0.1); padding: 4rem 3.5rem; border-radius:var(--radius2); }
.point_list ul li .num { display: inline-block; vertical-align: middle; font-size:var(--txt16); font-weight:600; padding:0.1em 0.7em; border-radius:3em; background-color: #fff; color:var(--black);;}
.point_list ul li .num span::before { counter-increment: pointNum; content: counter(pointNum, decimal-leading-zero);}
.point_list ul li .text { margin-top:6rem; }
.point_list ul li .text .tit { font-size:var(--tit25); font-weight:600; }
.point_list ul li .text .txt { font-size:var(--txt16);} */
.com_banner_cell { margin:50rem var(--fullInPd) var(--secPd); border-radius:var(--radius3); padding:14rem 0; background:url(../img/sub/bg_banner_cell.jpg) no-repeat 50% 50%; background-size: cover; }
.com_banner_cell .in { position: relative; color:var(--black); }
.com_banner_cell .sub_tit_box { margin-bottom: 0;;}
.com_banner_cell .btn_type1 {border:0; margin-top:4rem; }
.com_banner_cell .btn_type1 svg { width:0.9em; margin:0 0 0 1rem; }
.com_banner_cell .img { position: absolute; right:-13rem; top:-22rem; width:50rem;}
.sub_prostate-cancer .com_banner_cell { background-image: url(../img/sub/prostate/prostate_bg_banner2.jpg);}
.sub_prostate-cancer .com_banner_cell .sub_tit_box .tit,
.sub_prostate-cancer .com_banner_cell .sub_tit_box .txt { color:#fff; }
.sub_prostate-cancer .com_banner_cell .in { position: relative; }
.sub_prostate-cancer .com_banner_cell .in .img2 { position: absolute; right:0; bottom:-14rem; max-width:60rem; }
.sub_prostate-cancer .com_banner_cell .in .img2 .mobile { display:none;}


/*
.diagnosis_slider_sect { margin-bottom: var(--secPd); }
.clinic_slider { padding-left: max(calc((100% - var(--in)) / 2 + var(--inPd)), var(--inPd)); overflow: hidden;  position: relative; transition: all 1s ease; }
.clinic_slider .swiper-container { }
.clinic_slider .item {  display: flex; align-items: center;  transition: all 1s ease; opacity:0.3;}
.clinic_slider .item .img { width:50%; padding-right:7rem; flex-shrink: 0; }
.clinic_slider .item .img img { border-radius:var(--radius2); transition: all 1s ease;  width: 100%; }
.clinic_slider .item .info { flex:1; padding-left: 7rem;; padding-top:8rem; }
.clinic_slider .item .info .tit { font-size:var(--tit30); font-weight:700; margin-bottom: 2.5rem;}
.clinic_slider .item .info .txt { font-size:var(--txt18);}
.clinic_slider .controls { display: flex; align-items: center; position: absolute; left: max(calc((100% - var(--in)) / 2 + var(--inPd)), var(--inPd)); top:10rem; z-index:2; }
.clinic_slider .controls .swiper-button-next,
.clinic_slider .controls .swiper-button-prev { position: static; width:20px; height: 20px;  background: none; margin:0;}
.clinic_slider .controls .swiper-button-next:after,
.clinic_slider .controls .swiper-button-prev:after { display: none;}
.clinic_slider .controls .swiper-button-next svg,
.clinic_slider .controls .swiper-button-prev svg { width:0.8em; height: auto; fill:#000;;}
.clinic_slider .controls .paging { display: flex; align-items: center; }
.clinic_slider .controls .pg .bar { width:1px; height:1.4rem; margin:0 0.5rem; background-color: #fff; opacity:0.5; position: relative; }
.clinic_slider .controls .pg { display: flex; align-items: center; width:auto; margin:0 1rem; }
.clinic_slider .controls .pg .swiper-pagination-total {   }
.clinic_slider .controls .pg .swiper-pagination-current { font-weight:700; color:#fff; }
.clinic_slider .controls .pg .swiper-pagination-current,
.clinic_slider .controls .pg .swiper-pagination-total { font-size:var(--txt16); width:4.8rem; color:rgba(255,255,255,0.5);  text-align: center;}
.clinic_slider .controls .pg .swiper-pagination-current { color:#fff; }
.clinic_slider .swiper-pagination { display: none;}
.clinic_slider .swiper-slide-active .item { opacity:1;  }
.clinic_slider .swiper-slide-active .item .img img { border-radius:var(--radius4); }
*/

/* 
.treatment_slider .swiper-container { border-radius:var(--radius2); overflow: hidden;}
.treatment_slider .swiper-slide { position: relative;}
.treatment_slider .item .tit { font-size:var(--tit30); font-weight:600; display: flex; align-items: center; margin-bottom: 2rem;;}
.treatment_slider .item .img { border-radius:var(--radius2); overflow: hidden; position: relative;}
.treatment_slider .item .img:before { content: ''; position: absolute; left: 0; right:0; top:0; bottom:0;;    background: linear-gradient(180deg, rgba(22, 23, 35, 0) 50.1%, rgba(22, 23, 35, 1) 100%); opacity:0.5;    mix-blend-mode: normal;  transition: all 0.4s ease;}
.treatment_slider .item .img .text { position: absolute; left: 0; bottom:0; right:0; padding:0 4rem 4rem; font-size:var(--txt18); font-weight:500;   transform: translateY(2.8em); transition: all 0.4s ease;}
.treatment_slider .item .img .text .link { display: inline-flex; align-items: center; margin-top:1.5rem; font-size:var(--txt16); font-weight:700; position: relative; opacity:0;  transition: all 0.4s ease;}
.treatment_slider .item .img .text .link:before { content: ''; position: absolute; left: 0; right:0; bottom:0; height: 1px; background-color: #fff;}
.treatment_slider .item .img .text .link:after { content: ''; margin-left: 0.5em; width:0.7em; height: 0.7em;   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M6 0L4.9425 1.0575L9.1275 5.25L0 5.25L0 6.75L9.1275 6.75L4.9425 10.9425L6 12L12 6L6 0Z' fill='white'/></svg>") no-repeat center / contain;    ;}
.treatment_slider a.item .tit:after { content: ''; width:0.8em; height: 0.8em; margin-left: 0.7em;  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'><path d='M12.5 0L10.2969 2.20312L19.0156 10.9375L0 10.9375L0 14.0625L19.0156 14.0625L10.2969 22.7969L12.5 25L25 12.5L12.5 0Z' fill='white'/></svg>") no-repeat center / contain;   transform: translateX(-1em); opacity:0; transition: all 0.4s ease;}
.treatment_slider a.item:hover .img .text { transform: unset }
.treatment_slider a.item:hover .img .text .link { opacity:1; }
.treatment_slider a.item:hover .tit:after { transform: unset; opacity:1; }
.treatment_slider a.item:hover .img:before { opacity: 1;}
.treatment_slider .controls { display: flex; align-items: center; margin-top:2rem; }
.treatment_slider .controls .swiper-pagination { position: static; flex:1; height: 0.4rem; background-color: rgba(255,255,255,0.3);  overflow: hidden;}
.treatment_slider .controls .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #fff; border-radius:4px; }
.treatment_slider .controls .swiper-button-prev,
.treatment_slider .controls .swiper-button-next { position: static; margin:0;  width:5.5rem; height: 5.5rem; border-radius:1rem; border:1px solid rgba(255,255,255,0.4);   display: flex; align-items: center; justify-content: center;  transition: all 0.3s ease;}
.treatment_slider .controls .swiper-button-prev:after,
.treatment_slider .controls .swiper-button-next:after { display: none;}
.treatment_slider .controls .swiper-button-prev svg,
.treatment_slider .controls .swiper-button-next svg { width:1.6rem; height: auto; vertical-align: middle; }
.treatment_slider .controls .swiper-button-next svg { transform: scaleX(-1);}
.treatment_slider .controls .swiper-button-next svg path,
.treatment_slider .controls .swiper-button-prev svg path { transition: all 0.3s ease; fill:#fff;}
.treatment_slider .controls .swiper-button-prev { margin:0 1.6rem 0 0;}
.treatment_slider .controls .swiper-button-next:hover,
.treatment_slider .controls .swiper-button-prev:hover { background-color: #fff; border-color:#fff; ;}
.treatment_slider .controls .swiper-button-prev:hover svg path,
.treatment_slider .controls .swiper-button-next:hover svg path { fill:#000;}
.treatment_slider .controls .num { display: flex; font-size:var(--txt16); font-weight:600;  margin: 0 2.6rem; align-items: center; }
.treatment_slider .controls .num em { width:1px; height: 1em; background-color: var(--lineColor); margin:0 1.3rem;}
.treatment_slider .controls .num .total { flex:0 0 1.6rem; }
.treatment_slider .controls .num .current { color:#1C1C1C; }
.treatment_slider .controls .num .num2 { color:rgba(255,255,255,0.5);} */

.reason_logo .logo_bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%;}
.reason_logo .logo_bg img {width: 100%; }
.reason_logo { position: absolute; left: 0; top:0; width:100%; height: 100vh;}
.reason_sect {color: #fff; position: relative; margin-bottom: var(--secPd); }

.reason_sect .bg_cont {position: relative; left: 0; top: 0; width: 100%;  height: calc(var(--vh) * 100);}
.reason_sect .bg_cont .bg {position: relative; width: 100%; height: 100% ;transform-origin: bottom center; transform: scale(0.4)}
.reason_sect .bg img {position: absolute;left:0; bottom: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.reason_sect .in { z-index: 1}
.reason_sect .cont_box {display: flex; flex-direction: column; padding-top: 16rem; padding-bottom: var(--mainSect)}
.reason_sect .sub_tit_box .tit {opacity: 0; transform: translateY(150px); transition: none}
.reason_sect .sub_tit_box .txt { opacity: 0; transform: translateY(150px); transition: none}
.reason_sect .data_cont { margin-left: auto; margin-top: 100vh; counter-reset: pointNum2;}
.reason_sect .data_cont .cont {display: flex; align-items: center; padding:6rem 0 4rem; border-bottom: 1px solid rgba(255,255,255,0.5); transform: translateY(50px); opacity: 0}
.reason_sect .data_cont .cont .num  { width:2.5em; font-size:10rem; line-height: 1; flex-shrink: 0;}
.reason_sect .data_cont .cont .num strong { font-weight:600; }
.reason_sect .data_cont .cont .num strong::before { counter-increment: pointNum2; content: counter(pointNum2, decimal-leading-zero);}
.reason_sect .data_cont .cont .text .tit { font-size:var(--tit30); font-weight:700; margin-bottom: 2.5rem;}
.reason_sect .data_cont .cont .text .txt { font-size:var(--txt18); font-weight:500; }
.reason_sect .data_cont .cont .text .desc { font-size:var(--txt16);  color:rgba(255,255,255,0.6); margin-top:1.2rem; }

/*
.faq_sect { margin-bottom: var(--secPd); }
.faq_list ul { border-top:1px solid var(--lineColor); }
.faq_list ul li { border-bottom: 1px solid var(--lineColor); }
.faq_list ul li .q { width:100%; position: relative; font-size:var(--tit25); font-weight:600; padding: 4rem 0;  text-align: left; padding-right:3em;}
.faq_list ul li .q em { position: absolute; right:0; top:4rem; width:1.2em; height: 1.2em; ;}
.faq_list ul li .q em:before {content: ''; position: absolute; left: 0; right:0; top:50%; height: 2px; background-color: #000;;}
.faq_list ul li .q em:after {content: ''; position: absolute; left: 0; right:0; top:50%; height: 2px; background-color: #000; transform: rotate(90deg); transition: all 0.3s ease;}
.faq_list ul li .q.active em:after { transform: unset; opacity:0; }
.faq_list ul li .a { display: none; font-size:var(--txt18); color:var(--black44); padding-bottom: 4rem;}
*/
.talk_sect  { margin-bottom: var(--secPd); }



/* sub2.css */
.mb0 { margin-bottom: 0 !important;}
.mb30 { margin-bottom: 2.5rem !important;}
.mb50 { margin-bottom: 4rem !important;}
.mb80 { margin-bottom: 6.5rem !important;}
.mb100 { margin-bottom: 8rem !important;}
.mb200 { margin-bottom: var(--secPd2) !important;}
.mb260 { margin-bottom: var(--secPd3) !important;}
.mb300 { margin-bottom: var(--secPd) !important;}
.text_left { text-align:left !important;}
.text_center { text-align: center !important;}
.info_table.type2 .body {border-radius:var(--radius2); overflow: hidden;}
.info_table.type2 .body table { font-size:var(--txt16); }
.info_table.type2 .body table thead th{ background:var(--bg); font-size:var(--tit25); font-weight:700; color:#fff; padding:0.5em;}
.info_table.type2 .body table tbody th { font-size:var(--txt18);}




.sub_bph .sub_visual,
.sub_bph-surgery .sub_visual,
.sub_holep .sub_visual,
.sub_itind .sub_visual,
.sub_aquablation .sub_visual,
.sub_urolift .sub_visual,
.sub_prostatitis .sub_visual,
.sub_prostate .sub_visual,
.sub_mri-biopsy .sub_visual,
.sub_revision-clinic .sub_visual,
.sub_prostate-cancer .sub_visual,
.sub_urinary-stone .sub_visual,
.sub_eswl .sub_visual,
.sub_urs .sub_visual,
.sub_pcnl .sub_visual,
.sub_zamenix .sub_visual,
.sub_urodot .sub_visual,
.sub_condyloma .sub_visual,
.sub_herpes .sub_visual,
.sub_urethritis .sub_visual,
.sub_orther .sub_visual,
.sub_gardasil .sub_visual,
.sub_symptoms .sub_visual,
.sub_retention .sub_visual,
.sub_bladder-disease .sub_visual,
.sub_stricture .sub_visual,
.sub_kidney-disease .sub_visual,
.sub_bladder-cancer .sub_visual,
.sub_hematuria .sub_visual,
.sub_ed .sub_visual,
.sub_other-std .sub_visual,
.sub_vasectomy .sub_visual,
.sub_male .sub_visual,
.sub_male-surgery .sub_visual,
.sub_circumcision .sub_visual,
.sub_male-urology .sub_visual,
.sub_reconstruction .sub_visual,
.sub_infertility .sub_visual,
.sub_wedding-checkup .sub_visual,
.sub_cystitis .sub_visual,
.sub_ic .sub_visual,
.sub_oab .sub_visual,
.sub_incontinence .sub_visual,
.sub_rezum .sub_visual { border-bottom: 0; margin-bottom: -1px;}
.gold { color:var(--gold); }
.sub_tit_box .desc { font-size:var(--txt16); color:#fff; margin-top:1.5rem;}
.black_in .sub_tit_box .desc { color:rgba(255,255,255,0.5);}

/* clinic */
.clinic { }
.clinic_top { padding:16rem 0 20rem; background-color: var(--bg);; position: relative; overflow: hidden;}
.clinic_top:before { content: ''; position: absolute; right:0; bottom:0; transform: translate(40%,40%); width:130rem; height: 130rem; background: radial-gradient(50% 50% at 50% 50%, rgba(252, 164, 0, 0.3) 0%, rgba(252, 164, 0, 0.15) 50%, rgba(252, 164, 0, 0.01875) 93.75%, rgba(252, 164, 0, 0.009375) 96.88%, rgba(252, 164, 0, 0.0046875) 98.44%, rgba(252, 164, 0, 0) 100%); }


.clinic_top .logo_tit { text-align: center; margin-bottom: 4rem; opacity:0; transition: all 1s ease; transform: translateY(100px);}
.clinic_top .logo_tit img { max-height:4.5rem;}
.clinic_top .sub_tit { margin-bottom: 4rem; font-size:var(--tit50); }
.clinic_top .sub_tit.fill_txt span { color:rgba(255,255,255,0.2); background: linear-gradient(90deg, #fff 0%, #fff 100%);    background-clip: text;    -webkit-background-clip: text;    background-size: 0% 100%;    background-repeat: no-repeat;}
.clinic_top .youtube_area {  margin:4rem auto; width:100rem; opacity:0; transition: all 1s ease; transform: translateY(100px); }
.clinic_top .youtube_area > div {  padding-top: 56.25%; position: relative; }
.clinic_top .youtube_area iframe { position: absolute; left:0; top:0; width:100%; height: 100%;; opacity:0; transition: all 0.5s ease; }
.clinic_top .youtube_area iframe.on {opacity:1;}

.clinic_top .pointer { position: fixed; top: 0; left: 0; z-index: 100; pointer-events: none; }
.clinic_top .pointer .pointer_box { display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; transform: translate(-50%,-50%); opacity: 0; backdrop-filter: blur(16px) brightness(1.2); width: 14rem; height: 14rem; background-color: rgba(252, 164, 0, 0.55); color: #fff; font-size: var(--txt20); font-weight: 700; line-height: 1em; border-radius: 50%; transition: all 0.25s ease-out; }
.clinic_top .pointer .pointer_box svg { width:1em; height: auto; ;}
.clinic_top .pointer .pointer_box span { display: block; white-space: nowrap; text-align: center; margin-top:1rem;}
.clinic_top .pointer.on .pointer_box { opacity: 1; }


.clinic_top .logo_tit.active { transform: unset; opacity:1; }
.clinic_top .youtube_area a { position: absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; cursor: default }
.clinic_top .youtube_area iframe +  a {cursor: pointer}
.clinic_top .youtube_area a img { width:100%; height: 100%; ;}
.clinic_top .youtube_area.active { transform: unset; opacity:1; }
.clinic_top .sub_desc { font-size:var(--txt22); font-weight:600; text-align: center; color:rgba(255,255,255,0.6); ; opacity:0; transition: all 1s ease; transform: translateY(100px);}
.clinic_top .sub_desc p + p { margin-top:3rem;}
.clinic_top .sub_desc.active { transform: unset; opacity:1;}
.clinic_top .img_area { margin:4rem 0; text-align: center; opacity:0; transition: all 1s ease; transform: translateY(100px); }
.clinic_top .img_area img { max-width:100rem; width:100%;}
.clinic_top .img_area.active { transform: unset; opacity:1; }
.clinic_top .tags { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.clinic_top .tags p { padding:0.5em 1em; border-radius:3em; background-color: rgba(255,255,255,0.1); font-size:var(--txt22); color:#fff; margin:1rem 0.5rem; font-weight:600;}
.clinic_top .img_area.active + .tags,
.clinic_top .tags.active { transform: unset; opacity:1; }
.clinic_ani { padding:2rem ; margin-bottom: var(--secPd); overflow: hidden; position: relative; text-align: center;   font-size: 7vw; font-weight:800; background-color:var(--bg); color:#fff;; background: none; white-space:nowrap; }
@keyframes gradientMove {
    0% {  background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

.clinic_ani strong { position: relative; z-index:1; background:linear-gradient(90deg,#000 0%, var(--gold) 50%, #000 100%);     animation: gradientMove 4s linear infinite;background-size: 200% 100%;    color: transparent;    -webkit-background-clip: text;}
.clinic_ani svg { width:100%; height: auto; transition: all 1s ease; transform: translateY(100px); opacity:0;}
.clinic_ani.active svg { transform: unset; opacity:1; }

.about_sect { margin-bottom: var(--secPd); }
.list_type1 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:7rem 4rem; }
.list_type1 ul + ul { margin-top:8rem;}
.list_type1.col3 ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.list_type1 ul.col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.list_type1 ul li { opacity:0; transition: all 1s ease; transform: translateY(100px);}
.list_type1 ul li.active { transform: unset; opacity:1; }
.list_type1 ul li .img { border-radius:var(--radius2); overflow: hidden; margin-bottom: 3rem; }
.list_type1 ul li .img img { width:100%;}
.list_type1 ul li .img .mobile { display:none;}
.list_type1 ul li .tit { text-align: center; font-size:var(--tit30); font-weight:700; margin-bottom: 1rem; }
.list_type1 ul li .txt { text-align: center; font-size:var(--txt18); font-weight:400; }
.list_type1 ul li .txt1 { text-align: center; font-size:var(--txt20); font-weight:600; }
.list_type1 ul li .tit + .img { margin-top:3rem;}

.list_type3 .sub_tit_box { margin-bottom:3rem; text-align: center;}
.list_type3 .sub_tit_box .stit { font-weight:700; font-size:var(--tit35);}
.list_type3 ul { display: flex; justify-content: center; }
.list_type3 ul li { width:calc(25% - 1.5rem); opacity:0; transition: all 1s ease; transform: translateY(100px); flex-shrink: 0;}
.list_type3 ul li + li { margin-left: 2rem;}
.list_type3 ul li.active { transform: unset; opacity:1; }
.list_type3 ul li .img { border-radius:var(--radius2); overflow: hidden; margin-bottom: 3rem; }
.list_type3 ul li .tit { text-align: center; font-size:var(--tit25); font-weight:700;}


.graph_sect {  margin-bottom: var(--secPd); }
.graph_sect .graph_area { text-align: center;opacity:0; transition: all 1s ease; transform: translateY(100px);;}
.graph_sect .graph_area svg { width:100%; height: auto; }
.graph_sect .graph_area.active { transform: unset; opacity:1;}
.graph_sect .graph_area + .sub_tit_box,
.graph_sect .step_list + .sub_tit_box { margin-top:var(--secPd2)}
.graph_sect .graph_area + .step_list { margin-top:13rem;}
.sub_bph .graph_sect .graph_area svg { width:100%; max-width:90rem; height: auto;}
.graph_sect .sub_tit_box { position: relative; margin-bottom: 4rem}
.graph_sect .sub_tit_box .graph_status { position: absolute; right:0; bottom:0; display: flex; align-items: center;}
.graph_sect .sub_tit_box .graph_status div{  display: flex; align-items: center; font-size:var(--txt16); color:var(--black44); }
.graph_sect .sub_tit_box .graph_status div + div { margin-left: 2rem;}
.graph_sect .sub_tit_box .graph_status div em { width:1em; height: 1em; border-radius:100%; margin-right:1rem;;}

.sub_prostate-cancer .graph_sect .graph_area svg { max-width:80%; }
.sub_holep .graph_sect .graph_area svg { max-width:90%; }
.sub_prostatitis .graph_sect .graph_area svg { max-width:65%;}
.sub_prostate .graph_sect .graph_area svg { max-width:65%;}
.sub_urinary .graph_sect .graph_area svg { max-width:95%;}
.sub_urodot .graph_sect .graph_area img { max-width:75%;}
.sub_bladder-cancer .graph_sect .graph_area svg { max-width:65%;}
.sub_ed .graph_sect .graph_area svg { max-width:63%;}
.sub_urinary-stone .graph_sect .graph_area svg { max-width:95%;}
.sub_urodot .graph_sect .sub_tit_box .graph_status div { color:#fff;}
.graph_sect .graph_txt { text-align: center; margin-top:4rem; font-size:var(--txt22); ;}
.graph_sect .graph_area2 {display: flex; justify-content: space-between; align-items: flex-end; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.graph_sect .graph_area2 .left { padding-left: 8rem;}
.graph_sect .graph_area2 .left svg,
.graph_sect .graph_area2 .left img { max-width:40rem; height: auto; width:100%; }
.graph_sect .graph_area2 .right svg { max-width:80rem; height: auto; width:100%; }
.graph_sect .graph_area3 {display: flex; justify-content: space-between; align-items: center;transform: translateY(100px); opacity:0; transition: all 1s ease; }
.graph_sect .graph_area3 .left { padding-right:8rem;}
.graph_sect .graph_area3 .left svg,
.graph_sect .graph_area3 .left img { max-width:100%; height: auto; }
.graph_sect .graph_area3 .right svg { max-width:100%; height: auto; }
.graph_sect .graph_area2.active,
.graph_sect .graph_area3.active { transform: unset; opacity:1;}


.why_sect { margin-bottom: var(--secPd); }
.why_sect .list_type1 { margin-bottom: 8rem;}
.black_in { background-color: var(--bg); padding:var(--secPd) 0; color:#fff; }

svg {  transform: translate3d(0, 0, 0);}
.symptom_sect { margin-bottom: var(--secPd); }
.point_list ul { counter-reset: pointNum; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.8rem; }
.point_list ul li { background-color: rgba(255,255,255,0.1); padding: 4rem; border-radius:var(--radius2);opacity:0; transition: all 1s ease; transform: translateY(100px); }
.point_list ul li.active { transform: unset; opacity:1;}
.point_list ul li .num { display: inline-block; vertical-align: middle; font-size:var(--txt16); font-weight:600; padding:0.1em 0.7em; border-radius:3em; background-color: #fff; color:var(--black);;}
.point_list ul li .num span::before { counter-increment: pointNum; content: counter(pointNum, decimal-leading-zero);}
.point_list ul li .text { margin-top:5rem; }
.point_list ul li .text .tit { font-size:var(--tit25); font-weight:600; }
.point_list ul li .text .tit svg { width:1.5em; height: auto; margin-right:1rem; margin-top:0.1em;}
.point_list ul li .text .tit2 { font-size:var(--tit25); font-weight:700; margin-bottom:0.5rem; }
.point_list ul li .text .txt { font-size:var(--txt16);}
.point_list ul li .text .txt1 { font-size:var(--txt16); color:rgba(255,255,255,0.5)}
.point_list ul li .text .txt2 { font-size:var(--txt18); }
.point_list ul li .ico { display: block; text-align: right;}
.point_list ul li .ico img {width:3.8em;}
.point_list ul li .ico svg { width:3.8em; height:auto;  }
.point_list.col2 ul { grid-template-columns: repeat(2, minmax(0, 1fr));}
.point_list.col4 ul { grid-template-columns: repeat(4, minmax(0, 1fr));}
.point_list.type2 ul li .text { margin-top:0; }
.point_list.type2 ul li .text .tit { display: flex; align-items: flex-start; margin-bottom: 1.6rem;}
.point_list.type3 ul { display: block;}
.point_list ul li .text .tit .lb {padding:0.4em 0.6em; line-height: 1; border-radius:0.5rem; background-color: #F6CDDD; color:#C53F72; font-size:var(--txt16); font-weight:700; margin-right:1rem;}
.point_list ul li .text .tit .lb.lb2 { background-color: #DBFBD7; color:#50A345;}
.allcontent_wrap .point_list ul li .text .tit { font-size:var(--txt22);}

.com_img_area { border-radius:var(--radius2); overflow: hidden; margin-bottom: 6.5rem;transform: translateY(100px); opacity:0; transition: all 1s ease;}
.com_img_area img{width: 100%;}
.com_img_area .mobile { display: none;}
.com_img_area.active { transform: unset; opacity: 1;}

.com_banner_cell { margin:var(--secPd) var(--fullInPd); border-radius:var(--radius3); padding:14rem 0; background:url(../img/sub/bg_banner_cell.jpg) no-repeat 50% 50%; background-size: cover; }
.com_banner_cell .in { position: relative; color:var(--black); }
.com_banner_cell .sub_tit_box { margin-bottom: 0; position:relative; z-index:2;}
.com_banner_cell .btn_type1 {border:0; margin-top:4rem; }
.com_banner_cell .btn_type1 svg { width:0.9em; margin:0 0 0 1rem; }
.com_banner_cell .img { position: absolute; right:-13rem; top:-22rem; width:50rem; opacity:0; transition: all 1s ease; transform: translateY(100px);}
.com_banner_cell .sub_tit_box.active + .img { transform: unset; opacity: 1;}
.com_banner_cell.bg1 { background-image: url(../img/sub/prostate/bph_banner_bg.jpg);}
.com_banner_cell.bg2 { background-image: url(../img/sub/std/gardasil_banner_bg.jpg);}
.com_banner_cell.bg2 .in,
.com_banner_cell.bg2 .in .txt2  { color:#fff; }
.com_banner_cell.bg2 .in .txt2 sup { font-size:10px; }
.com_banner_cell.bg3 { background-image: url(../img/sub/voiding/hematuria_banner_bg.jpg);}
.com_banner_cell.bg4 { background-image: url(../img/sub/male/ed_banner_bg.jpg);}
.sub_hematuria .com_banner_cell .sub_tit_box { color:#fff;}


.com_banner_scroll { margin:var(--secPd) var(--fullInPd) ; border-radius:var(--radius3); padding:14rem 0; background:url(../img/sub/prostate/prostate_bg_banner.jpg) no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
.com_banner_scroll .in { position: relative;  }
.com_banner_scroll .sub_tit_box { margin-bottom: 0; color:#fff;}
.com_banner_scroll .btn_type1 {border:0; margin-top:4rem; color:var(--black); }
.com_banner_scroll .btn_type1 svg { width:0.9em; margin:0 0 0 1rem; }

.com_banner_scroll .img { position: absolute; right:-13rem; top:-22rem; width:50rem;}
.com_banner_scroll.type2 { background-image: url(../img/sub/male/infertility_banner_bg.jpg); padding-top:6.5rem; padding-bottom: 6.5rem; background-attachment: inherit}
.com_banner_scroll.type2 .in { display: flex; justify-content: space-between; align-items: center;}
.com_banner_scroll.type2 .img2 { max-width:60rem; margin-right:-5vw;}
.com_banner_scroll .tags {margin-top:4rem;}
.com_banner_scroll .tags p { margin-bottom: 1rem; ;}
.com_banner_scroll .tags p span { display: inline-flex; align-items: center; padding:0.2em 1em; border-radius:3em; background-color: rgba(255,255,255,0.2); font-size:var(--txt18); font-weight:700; ;}
.com_banner_scroll .tags p span svg { width:0.8em; height: auto; margin-right:0.3em;}


.diagnosis_slider_sect { margin-bottom: var(--secPd);  }
.diagnosis_slider_sect .diagnosis_slider_sect { margin-bottom:0;}
.clinic_slider { padding-left: max(calc((100% - var(--in)) / 2 + var(--inPd)), var(--inPd)); overflow: hidden;  position: relative; transition: all 1s ease;  transform: translateY(100px); opacity:0; }
.clinic_slider.active {transform: unset; opacity: 1;}
.clinic_slider .swiper-container { }
.clinic_slider .item {  display: flex; align-items: center;  transition: all 1s ease; opacity:0.3;}
.clinic_slider .item .img { width:50%; padding-right:7rem; flex-shrink: 0; }
.clinic_slider .item .img img { border-radius:var(--radius2); transition: all 1s ease;  width: 100%; }
.clinic_slider .item .img .mobile { display:none;}
.clinic_slider .item .info {width:50%; padding-left: 7rem;; padding-top:8rem; }
.clinic_slider .item .info .tit { font-size:var(--tit35); font-weight:700; margin-bottom: 2.5rem;}
.clinic_slider .item .info .txt { font-size:var(--txt18); max-width:80%;}
.clinic_slider .item .info .btns { margin-top:4rem; }
.clinic_slider .item .info .btns .btn_type2 { background-color: rgba(255,255,255,0.1); border:0;}
.clinic_slider .item .info .btns .btn_type2 svg { width:0.8em; margin-left: 1rem; }

.clinic_slider .controls { display: flex; align-items: center; position: absolute; left: max(calc((100% - var(--in)) / 2 + var(--inPd)), var(--inPd)); top:10rem; z-index:2; }
.clinic_slider .controls .swiper-button-next,
.clinic_slider .controls .swiper-button-prev { position: static; width:20px; height: 20px;  background: none; margin:0;}
.clinic_slider .controls .swiper-button-next:after,
.clinic_slider .controls .swiper-button-prev:after { display: none;}
.clinic_slider .controls .swiper-button-next svg,
.clinic_slider .controls .swiper-button-prev svg { width:0.8em; height: auto; fill:#000;;}
.clinic_slider .controls .paging { display: flex; align-items: center; }
.clinic_slider .controls .pg .bar { width:1px; height:1.4rem; margin:0 0.5rem; background-color: #fff; opacity:0.5; position: relative; }
.clinic_slider .controls .pg { display: flex; align-items: center; width:auto; margin:0 1rem; }
.clinic_slider .controls .pg .swiper-pagination-total {   }
.clinic_slider .controls .pg .swiper-pagination-current { font-weight:700; color:#fff; }
.clinic_slider .controls .pg .swiper-pagination-current,
.clinic_slider .controls .pg .swiper-pagination-total { font-size:var(--txt16); width:4.8rem; color:rgba(255,255,255,0.5);  text-align: center;}
.clinic_slider .controls .pg .swiper-pagination-current { color:#fff; }
.clinic_slider .swiper-pagination { display: none;}
.clinic_slider .swiper-pagination { position: static; width:16rem; height: 3px; background-color: rgba(255,255,255,0.3); margin:6rem auto 0; }
.clinic_slider .swiper-pagination-progressbar-fill { background-color: #fff;}
.clinic_slider .swiper-slide-active .item { opacity:1;  }
.clinic_slider .swiper-slide-active .item .img img { border-radius:var(--radius4); }
.sub_bph-surgery .clinic_slider .controls {top:5rem; }
.sub_revision-clinic .clinic_slider .controls {top:5rem; }


.treatment_slider { transition: all 1s ease;  transform: translateY(100px); opacity:0; } 
.treatment_slider.active { transform: unset; opacity:1;}
.treatment_slider .swiper-container { border-radius:var(--radius2); overflow: hidden;}
.treatment_slider .swiper-slide { position: relative;}
.treatment_slider .item .tit { font-size:var(--tit30); font-weight:600; display: flex; align-items: center; margin-bottom: 2rem;;}
.treatment_slider .item .img { border-radius:var(--radius2); overflow: hidden; position: relative;}
.treatment_slider .item .img:before { content: ''; position: absolute; left: 0; right:0; top:0; bottom:0;;    background: linear-gradient(180deg, rgba(22, 23, 35, 0) 50.1%, rgba(22, 23, 35, 1) 100%); opacity:0.5;    mix-blend-mode: normal;  transition: all 0.4s ease;}
.treatment_slider .item .img .text { position: absolute; left: 0; bottom:0; right:0; padding:0 4rem 4rem; font-size:var(--txt18); font-weight:500;transition: all 0.4s ease;}
.treatment_slider .item .img .text .link { display: inline-flex; align-items: center; margin-top:1.5rem; font-size:var(--txt16); font-weight:700; position: relative; opacity:0;  transition: all 0.4s ease;}
.treatment_slider .item .img .text .link:before { content: ''; position: absolute; left: 0; right:0; bottom:0; height: 1px; background-color: #fff;}
.treatment_slider .item .img .text .link:after { content: ''; margin-left: 0.5em; width:0.7em; height: 0.7em;   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M6 0L4.9425 1.0575L9.1275 5.25L0 5.25L0 6.75L9.1275 6.75L4.9425 10.9425L6 12L12 6L6 0Z' fill='white'/></svg>") no-repeat center / contain;    ;}
.treatment_slider .item .img img.mobile { display:none;}
.treatment_slider a.item .tit:after { content: ''; width:0.8em; height: 0.8em; margin-left: 0.7em;  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'><path d='M12.5 0L10.2969 2.20312L19.0156 10.9375L0 10.9375L0 14.0625L19.0156 14.0625L10.2969 22.7969L12.5 25L25 12.5L12.5 0Z' fill='white'/></svg>") no-repeat center / contain;   transform: translateX(-1em); opacity:0; transition: all 0.4s ease;}
.treatment_slider a.item .img .text { transform: translateY(2.8em);}


.treatment_slider .controls { display: flex; align-items: center; margin-top:2rem; }
.treatment_slider .controls .swiper-pagination { position: static; flex:1; height: 0.4rem; background-color: rgba(255,255,255,0.2);  overflow: hidden;}
.treatment_slider .controls .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #fff; border-radius:4px; }
.treatment_slider .controls .swiper-button-prev,
.treatment_slider .controls .swiper-button-next { position: static; margin:0;  width:5.5rem; height: 5.5rem; border-radius:1rem; border:1px solid rgba(255,255,255,0.4);   display: flex; align-items: center; justify-content: center;  transition: all 0.3s ease;}
.treatment_slider .controls .swiper-button-prev:after,
.treatment_slider .controls .swiper-button-next:after { display: none;}
.treatment_slider .controls .swiper-button-prev svg,
.treatment_slider .controls .swiper-button-next svg { width:1.6rem; height: auto; vertical-align: middle; }
.treatment_slider .controls .swiper-button-next svg { transform: scaleX(-1);}
.treatment_slider .controls .swiper-button-next svg path,
.treatment_slider .controls .swiper-button-prev svg path { transition: all 0.3s ease; fill:#fff;}
.treatment_slider .controls .swiper-button-prev { margin:0 1.6rem 0 0;}

.treatment_slider .controls .num { display: flex; font-size:var(--txt16); font-weight:600;  margin: 0 2.6rem; align-items: center; }
.treatment_slider .controls .num em { width:1px; height: 1em; background-color: var(--lineColor); margin:0 1.3rem;}
.treatment_slider .controls .num .total { flex:0 0 1.6rem; }
.treatment_slider .controls .num .current { color:#1C1C1C; }
.treatment_slider .controls .num .num2 { color:rgba(255,255,255,0.5);}

.reason_logo .logo_bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%;}
.reason_logo .logo_bg img {width: 100%; }
.reason_logo { position: absolute; left: 0; top:0; width:100%; height: 100lvh;}


body.kakao .reason_logo {height: var(--kakaoVh);max-height: var(--kakaoVh);}


.reason_sect {color: #fff; position: relative; margin-bottom: var(--secPd); }
.reason_sect .bg_cont {position: relative; left: 0; top: 0; width: 100%;  height: 100lvh;}


body.kakao .reason_sect .bg_cont {height: 100lvh; max-height: 100lvh;}



.reason_sect .bg_cont .bg {position: relative; width: 100%; height: 100% ;transform-origin: bottom center; transform: scale(0.4)}
.reason_sect .bg img {position: absolute;left:0; bottom: 0; width: 100%; height: 100%; object-position: left bottom; object-fit: cover;}
.reason_sect .in { z-index: 1}
.reason_sect .cont_box {display: flex; flex-direction: column; padding-top: 16rem; padding-bottom: var(--mainSect)}
.reason_sect .sub_tit_box > .tit {opacity: 0; transform: translateY(150px); transition: none}
.reason_sect .sub_tit_box > .txt { opacity: 0; transform: translateY(150px); transition: none}
.reason_sect .sub_tit_box .data_thum { opacity: 0; transform: unset; transition: none; margin-top:7rem;}
.reason_sect .sub_tit_box .data_thum { opacity: 0; transform: translateY(150px); transition: none; margin-top:7rem;}

.reason_sect .sub_tit_box .tit{font-size:var(--tit70);}
.reason_sect .data_cont { margin-left: auto; margin-top: 70lvh; counter-reset: pointNum2;}
.sub_eswl .reason_sect .data_cont {margin-top: 200lvh;}
.reason_sect .data_cont .cont {display: flex; align-items: center; padding:6rem 0 4rem; border-bottom: 1px solid rgba(255,255,255,0.5); transform: translateY(50px); opacity: 0}
.reason_sect .data_cont .cont .num  { width:2em; font-size:10rem; line-height: 1; flex-shrink: 0;}
.reason_sect .data_cont .cont .num strong { font-weight:600; }
.reason_sect .data_cont .cont .num strong::before { counter-increment: pointNum2; content: counter(pointNum2, decimal-leading-zero);}
.reason_sect .data_cont .cont .text { padding-right:5rem;}
.reason_sect .data_cont .cont .text .tit { font-size:var(--tit30); font-weight:700; margin-bottom: 2.5rem;}
.reason_sect .data_cont .cont .text .txt { font-size:var(--txt18); font-weight:500; }
.reason_sect .data_cont .cont .text .txt .dot { padding-left: 0.5em; text-indent: -0.5em;;}
.reason_sect .data_cont .cont .text .desc { font-size:var(--txt16);  color:rgba(255,255,255,0.6); margin-top:1.2rem; }
.reason_sect .data_thum { margin:8rem 0 12rem; }
.reason_sect .data_thum ul { padding: 6rem 8rem; border-radius:var(--radius2); background-color: rgba(0,0,0,0.5); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem;  text-align: center;}
.reason_sect .data_thum ul .img { border-radius:var(--radius2); overflow: hidden;   }
.reason_sect .data_thum ul .tit { font-size:var(--txt20); font-weight:700; margin:2.5rem 0 0.5rem;}
.reason_sect .data_thum ul .txt div { display: inline-block; text-align: left; font-size:var(--txt18); ;}
.reason_sect .data_thum ul .txt div p + p { margin-top:0.5rem;}

.faq_sect { margin-bottom: var(--secPd); }
.faq_sect.pdt { padding-top:var(--secPd)}
.faq_list { opacity:0; transition: all 1s ease; transform: translateY(100px);}
.sub_tit_box.active + .faq_list { transform: unset; opacity: 1;}
.faq_list ul { border-top:1px solid var(--lineColor); }
.faq_list ul li { border-bottom: 1px solid var(--lineColor); /*padding: 0 4rem;*/}
.faq_list ul li .q { width:100%; position: relative; font-size:var(--tit25); font-weight:600; padding: 4rem;  text-align: left; padding-right:3em;transition: all 0.3s ease; line-height: 1.5; color:#000;}
.faq_list ul li .q em { position: absolute; right:4rem; top:50%; transform: translateY(-50%); width:1.2em; height: 1.2em; ;}
.faq_list ul li .q em:before {content: ''; position: absolute; left: 0; right:0; top:50%; height: 2px; background-color: #000;;transition: all 0.3s ease;}
.faq_list ul li .q em:after {content: ''; position: absolute; left: 0; right:0; top:50%; height: 2px; background-color: #000; transform: rotate(90deg); transition: all 0.3s ease;}
.faq_list ul li .q.active {background:var(--bg); color:#fff;}
.faq_list ul li .q.active em:after { transform: unset; opacity:0; }
.faq_list ul li .q.active em:before { background-color:#fff; }
.faq_list ul li .a { display: none; font-size:var(--txt18); color:var(--black44); padding: 4rem; background-color: var(--bg2);}
.talk_sect  { margin-bottom: var(--secPd);  /*overflow: hidden;*/}
.talk_sect .in { padding:0; }

.special_sect .sub_tit_box { text-align: center; ;}
.special_sect.first { padding:var(--secPd) 0}
.special_sect .sub_tit_box { text-align: center; margin-bottom: 12rem}
.special_sect .list { position: relative;}
.special_sect .list .title  { position: sticky; top:50vh; transform: translateY(-50%) ;text-align: center; font-size:14rem; font-weight:500; display: flex; justify-content: center; align-items: center;}
.special_sect .list .title .goldman {letter-spacing: -0.05em}
.special_sect .list .title b {display: none}
.special_sect .list .scroll-indicator {display: none}
.special_sect .list ul { width:84rem; margin:0 auto; }
.special_sect .list ul li { padding-bottom: 2rem;}
.special_sect .list ul li .item{ position: relative; border-radius:var(--radius3); overflow: hidden; transform: scale(0.762); transition: all 0.5s ease; }
.special_sect .list ul li .item img { width:100%;  }
.special_sect .list ul li .item .text {  position: absolute; left: 0; top:0; width:100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.5); color:#fff; opacity:0; transition: all 0.5s ease; transition-delay: 0.3s; }
.special_sect .list ul li .item .text div { font-size:var(--tit30); font-weight:600; margin-bottom: 0rem;}
.special_sect .list ul li .item .text p {font-size: 7rem;font-weight: 700;line-height: 1.5;}
.special_sect .list ul li .item .num {display: none}
.special_sect .list ul li.active .item { transform: unset }
.special_sect .list ul li.active .item .text { opacity:1; }
.sub_condyloma .special_sect,
.sub_herpes .special_sect,
.sub_urethritis .special_sect,
.sub_other-std .special_sect{padding:var(--secPd) 0;}


.step_sect { margin-bottom: var(--secPd); }
.step_sect .img { margin-bottom: 4rem; border-radius:var(--radius2); overflow: hidden; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.step_sect .img img { width:100%; }
.step_sect .img.active { opacity:1; transform: unset;}
.step_list ul { counter-reset: pointNum; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem;  }
.step_list ul li { padding:4rem; border-radius:var(--radius2); background-color: var(--bg2); transform: translateY(100px); opacity:0; transition: all 1s ease; }
.step_list ul li.active { transform: unset; opacity:1; }
.step_list ul li .item { display: flex; align-items: center;  }
.step_list ul li .num { display:flex; align-items: center; justify-content: center; width:2.5em; height: 2.5em; text-align: center; font-size:var(--txt18); font-weight:700; color:#fff; background-color: var(--bg); border-radius:100%; flex-shrink: 0; margin-right:2.5rem;}
.step_list ul li .num::before { counter-increment: pointNum; content: counter(pointNum, decimal-leading-zero);}
.step_list ul li .txt { font-size:var(--txt22);  font-size:var(--txt20); font-weight:600; }
.step_list.type2 ul { display: block;}
.step_list.type2 ul li + li { margin-top:1.6rem;}

.step_sect2 { margin-bottom: var(--secPd); }
.step_list2 ul { counter-reset: pointNum3;}
.step_list2 ul li { padding:4rem; border-radius:var(--radius2); background-color: var(--bg2);  transform: translateY(100px); opacity:0; transition: all 1s ease;}
.step_list2 ul li.active { transform: unset; opacity:1;}
.step_list2 ul li + li { margin-top:1.6rem;}
.step_list2 ul li .item { display: flex; align-items: flex-start;  }
.step_list2 ul li .num { display:flex; align-items: center; justify-content: center; width:2.5em; height: 2.5em; text-align: center; font-size:var(--txt18); font-weight:700; color:#fff; background-color: var(--bg); border-radius:100%; flex-shrink: 0; margin-right:2.5rem;}
.step_list2 ul li .num::before { counter-increment: pointNum3; content: counter(pointNum3, decimal-leading-zero);}
.step_list2 ul li .text { flex:1; }
.step_list2 ul li .txt { font-size:var(--tit30); font-weight:700; }
.step_list2 ul li .txt2 { font-size:var(--txt18); }
.step_list2 ul li .txt3 { font-size:var(--txt22); font-weight:600; }
.step_list2 ul li .type { display:flex; align-items: center; justify-content: center; width:4.5em;  height: 2.5em;  text-align: center; font-size:var(--txt18); font-weight:700; color:#fff; background-color: var(--bg); border-radius:4em; flex-shrink: 0; margin-right:2.5rem;}
.step_sect2 .point_desc { color:var(--black44);}
.black_in .step_list2 ul li { background-color: rgba(255,255,255,0.1); color:#fff;}
.black_in .step_list2 ul li .num { background:#fff; color:#000;}

.step_list3 ul { counter-reset: pointNum;}
.step_list3 ul li { background-color: rgba(255,255,255,0.1); padding: 4rem; border-radius:var(--radius2); display: flex; align-items: center; font-weight:700; transition: all 0.5s ease;}
.step_list3 ul li + li { margin-top: 2.5rem; }
.step_list3 ul li .num { margin-right:1.2rem; position: relative; }
.step_list3 ul li .num:before { content:''; position: absolute;left: 50%; top:1.2em; height:360%; width:1px;  background: url("data:image/svg+xml,%3Csvg width='1' height='345' viewBox='0 0 1 345' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='2.18557e-08' x2='0.499985' y2='345' stroke='white' stroke-opacity='0.5' stroke-dasharray='6 6'/%3E%3C/svg%3E") repeat-y 0 0;}
.step_list3 ul li .num:after { content:''; position: absolute;left: 50%; top:1.2em; height:0%; width:1px; transition:all 0.5s ease; background:var(--gold); transition:all 0.5s ease  }
.step_list3 ul li .num p { font-size:var(--txt20);  padding:0.2em 1em; border-radius:3em; background-color: #fff; color:var(--bg);  position:relative;z-index:2; transition: all 0.5s ease;}
.step_list3 ul li .num p span::before { counter-increment: pointNum; content: counter(pointNum, decimal-leading-zero);}
.step_list3 ul li .text { flex:1; }
.step_list3 ul li .text .txt { font-size:var(--tit25); }
.step_list3 ul li:last-child .num:after,
.step_list3 ul li:last-child .num:before { display: none;}
.step_list3 ul li:nth-child(2),
.step_list3 ul li:nth-child(2) .num p,
.step_list3 ul li:nth-child(2) .num:after  { transition-delay: 0.5s;}
.step_list3 ul li:nth-child(3),
.step_list3 ul li:nth-child(3) .num p,
.step_list3 ul li:nth-child(3) .num:after { transition-delay: 1s;}
.step_list3 ul li:nth-child(4),
.step_list3 ul li:nth-child(4) .num p,
.step_list3 ul li:nth-child(4) .num:after { transition-delay: 1.5s;}
.step_list3.active ul li { background-color: #fff; color:#000; ;}
.step_list3.active ul li .num p { background-color: var(--gold); color:#fff; }
.step_list3.active ul li .num:after { height:360%; }
.step_list3.type2 ul li .num:before { background-image: url("data:image/svg+xml,%3Csvg width='1' height='345' viewBox='0 0 1 345' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='2.18557e-08' x2='0.499985' y2='345' stroke='black' stroke-opacity='0.3' stroke-dasharray='6 6'/%3E%3C/svg%3E");}

.step_list3.type2 ul li { background-color: var(--bg2);}
.step_list3.type2 ul li .num p { background-color: var(--bg); color:#fff;}
.step_list3.type2.active ul li .num p { background-color: var(--gold);  }

.step_sect3 { display:flex; justify-content: space-between;}
.step_sect3 .step_list3 { width:50%; padding-left:20px; }
.step_sect3 + .hr { margin:10rem 0 5rem; background: #fff;}


.rader_sect { margin-bottom: var(--secPd); }
.rader_sect .img { margin-bottom: 4rem; border-radius:var(--radius2); overflow: hidden;transform: translateY(100px); opacity:0; transition: all 1s ease;}
.rader_sect .img.active { opacity:1; transform: unset;}
.rader_sect .img { position: relative;}
.rader_sect .img.type2 img { position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;}
.rader_sect .img.type2 p {padding:5rem 2rem; text-align: center;}
.rader_sect .img.type2 p svg,
.rader_sect .img.type2 p img{ width:65rem; height: auto; max-width:100%; }
.rader_sect .img.type2 p .mobile {display:none;}

.rader_box { display: flex; align-items: flex-start; justify-content: space-between; position: relative;}
.rader_box .bar { position: absolute; left: 48%; top:5rem; height: calc(100% - 9rem); width:2px; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, var(--bg) 100%); }
.rader_box .bar div { position: absolute; left: 0; top:0; right:0; background-color: var(--gold); max-height: 100% !important; }
.rader_box .bar p {position: absolute; width:1.4rem; height:1.4rem; margin-left: -0.7rem;; bottom:-2px; border-radius:100%;background-color: var(--gold);;}
.rader_box .bar p:before { content: ''; position: absolute; left: 50%; top:50%; width:5rem; height: 5rem; border-radius:100%; border-top:1px solid var(--gold); transition: all 0.4s; transition-property: border-top;  animation:historyScroll 1.5s linear infinite;}

.rader_box .sub_tit_box { flex:1;}
.rader_box .rader_list { flex:1; padding-left:9rem; }
.rader_box .img_box { width:43.5%; padding-bottom: 28%; border-radius:var(--radius2); overflow: hidden; flex-shrink: 0; position: sticky; top:calc(var(--hdH) + 4rem); transition:all 0.3s ease}
.header.scroll_down ~ .container .rader_box .img_box  { top:5rem;}
.rader_box .img_box p { position: absolute; left: 0; bottom:0; width:100%; height: 0; ; transform-origin:center bottom; transition: all 1s ease;}
.rader_box .img_box p.active { height: 100%; ;}
.rader_box .img_box p img { width:100%; height: 100%; object-fit: cover; object-position: center;}
.sub_cystitis .rader_list ul li { margin-bottom:18rem; max-width:65%;}


.rader_list ul { padding-left:4rem; }
.rader_list ul li {   opacity:0.1; transition: all 1s ease; margin-bottom: 10rem;}
.rader_list ul li:last-child { margin-bottom: 0;;}
.rader_list ul li.active { opacity:1;  }
.rader_list ul li .item { display: flex; align-items: center;  }
.rader_list ul li .tit { font-size:11rem; font-weight:700;margin-right:3.5rem; line-height: 0; width:1em; text-align: center; flex-shrink: 0; color:var(--bg); text-shadow:-1px -1px 0 #fff,  1px -1px 0 #fff,-1px  1px 0 #fff,1px  1px 0 #fff; transition:all 0.5s ease}
.rader_list ul li.active .tit { color:#fff; text-shawdow:none;  }
.rader_list ul li .text { flex:1; }
.rader_list ul li .text p { display:none;}
.rader_list ul li .text .subj { font-size:var(--tit30); font-weight:700; margin-bottom: 0.5rem;}
.rader_list ul li .text .txt { font-size:var(--txt18);  }
.rader_sect .sub_tit.fill_txt span { color:rgba(255,255,255,0.1); background:linear-gradient(90deg, #fff 0%, #fff 100%);    background-clip: text;    -webkit-background-clip: text;    background-size: 0% 100%;    background-repeat: no-repeat; }




.sub_prostatitis .rader_sect .sub_tit_box { padding-bottom:15rem; }
.sub_prostatitis .rader_box .img_box { margin-top:-15rem; }
.sub_cystitis .rader_box .img_box { margin-top:-15rem;}
.sub_cystitis .rader_sect .sub_tit_box + .sub_tit_box { margin-bottom:19rem; }


.point_sect { margin-bottom: var(--secPd); }
.point_sect .checkpoint { padding: 6.5rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); text-align: center; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.point_sect .checkpoint.active { transform: unset; opacity:1;}
.point_sect .checkpoint .sub_tit_box { margin-bottom: 4rem;}
.point_sect .checkpoint .circles { display: flex; padding:0 12rem 4rem; }
.point_sect .checkpoint .circles .item  {  flex:1; opacity:0.3; transition: all 0.5s ease; position: relative;  text-align: center;}
.point_sect .checkpoint .circles .item div  { padding-top:100%; }
.point_sect .checkpoint .circles .item div p{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight:700; border:1px solid #fff; border-radius:100%; }
.point_sect .checkpoint .circles .item div span { font-size:var(--txt18); margin-bottom: 1.6rem; }
.point_sect .checkpoint .circles .item div span + span { font-size:var(--tit30); }
.point_sect .checkpoint .circles .item.active { opacity:1; }
.point_sect .checkpoint .circles .item.active div span:nth-child(1) { color:var(--gold);}
.point_sect .checkpoint .text_area { padding: 3.2rem; background-color: rgba(255,255,255,0.1); border-radius:var(--radius2); }
.point_sect .checkpoint .text_area .tit { display: flex; align-items: center; justify-content: center ; font-size:var(--txt20); font-weight:700; margin-bottom: 1rem;}
.point_sect .checkpoint .text_area .tit span { padding:0.2em 1em; border-radius:4em; background-color: var(--gold);  font-size:var(--txt16); font-weight:600; margin-right:1.3rem;}
.point_sect .checkpoint .text_area .txt { font-size:var(--txt18); }
.point_sect .checkpoint .text_area .text { display: none;}
.point_sect .checkpoint .text_area .text.active { display: block;}




.copyscroll_sect  {height: 100lvh; display: flex; align-items: center; padding: 0 var(--inPd)}
body.kakao .copyscroll_sect {height: var(--kakaoVh);max-height: var(--kakaoVh);}
.copyscroll_sect .swiper-container { text-align: center; font-size:var(--tit50); font-weight:700; position: relative; height: 60rem;}
.copyscroll_sect .swiper-container:before { content: ''; position: absolute; left: 0; top:0; width: 100%; height: 30%; background: linear-gradient(180deg,rgba(16, 16, 16, 1) 5%, rgba(16, 16, 16, 0) 90%); z-index:10; pointer-events: none}
.copyscroll_sect .swiper-container:after {content: '';position: absolute;left: 0;bottom: 0rem;width: 100%;height: 30%;background: linear-gradient(0deg,rgba(16, 16, 16, 1) 5%, rgba(16, 16, 16, 0) 90%);z-index: 10;pointer-events: none;}

.copyscroll_sect .swiper-container .swiper-slide {height: calc(var(--tit50) * 3); display: flex; align-items: center; justify-content: center; transition: font-size 1s ease-in-out , opacity 0.5s ease-in-out; opacity: 0.15}
.copyscroll_sect .swiper-container .swiper-slide p:after {content: "";transition: 0.3s ease-in-out}

.copyscroll_sect .swiper-container .swiper-slide-duplicate-next,
.copyscroll_sect .swiper-container .swiper-slide-next { opacity: 1}
.copyscroll_sect .swiper-container .swiper-slide-next:after {content: ""; opacity: 0}
.copyscroll_sect .swiper-container .swiper-slide p {position: relative}

/*.copyscroll_sect .swiper-container .swiper-slide-active p:after {content: ''; position: absolute;left: 0;top:10%;width: 100%;height: 100%;background: linear-gradient(180deg,rgba(16, 16, 16, 1) 5%, rgba(16, 16, 16, 0) 90%);z-index: 10;pointer-events: none; transition: 0.3s ease-in-out}*/
/*.copyscroll_sect .swiper-container .swiper-slide-next + .swiper-slide p:after {content: '';position: absolute;left: 0;bottom: 10%;width: 100%;height: 100%;background: linear-gradient(0deg,rgba(16, 16, 16, 1) 5%, rgba(16, 16, 16, 0) 90%);z-index: 10;pointer-events: none; transition: 0.3s ease-in-out}*/






.media_sect { margin-bottom: var(--secPd); margin-bottom: 0; }
.media_area { padding: 6rem 20rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1);transform: translateY(100px); opacity:0; transition: all 1s ease;}
.media_area.active { transform: unset; opacity:1;}
.media_area .ytb ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 8rem; margin-bottom: 6rem; padding-bottom: 6rem; border-bottom: 1px dashed rgba(255,255,255,0.5);; ;}
.media_area .ytb ul .mv { padding-top: 56.25%; position: relative;  }
.media_area .ytb ul .mv iframe { position: absolute; left:0; top:0; width:100%; height: 100%;;border-radius:var(--radius2); overflow: hidden;}
.media_area .ytb ul .txt { padding-top:2.5rem; font-size:var(--txt22); font-weight:600;  text-align: center;}
.media_area .news { display: flex; justify-content: space-between;}
.media_area .news .text { margin-right:14rem; }
.media_area .news .text div p  { font-size:var(--txt22); font-weight:600; }
.media_area .news .text div + div{ margin-top:4rem}
.media_area .news .text div span{ font-size:var(--txt16); font-weight:500; opacity:0.5; margin-top:1rem; }

.surgery_sect { margin-bottom: var(--secPd); }
.surgery_area { padding: 6.5rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); transform: translateY(100px); opacity:0; transition: all 1s ease;}
.surgery_area.active { transform: unset; opacity:1;}
.surgery_area .title { text-align: center; font-size:var(--tit30); margin-bottom: 2.5rem; font-weight:700; ;}
.surgery_area .img1 { margin-bottom: 4rem; border-radius:var(--radius2); overflow: hidden; padding:5rem; background-color: #fff; text-align: center;}
.surgery_area .img1 img { max-width:80rem; width:100%; }
.surgery_area .img1 .txt1 { margin-top:4rem;}
.surgery_area .img1 .txt1 p { display: inline-block; padding:0.2em 0.7em; border-radius:1rem; background: var(--bg); color:#fff; font-size:var(--txt20); font-weight:600; }
.surgery_area .img1 .txt2 { font-size:var(--txt18); margin-top:1.6rem; color:var(--black); }
.surgery_area .step {   }
.surgery_area .step ul { display: flex; justify-content: center; }
.surgery_area .step ul + ul { margin-top:6.5rem; }
.surgery_area .step ul li { width:33.333%; max-width:39rem; }
.surgery_area .step ul li + li { margin-left: 12rem; position: relative;}
.surgery_area .step ul li + li:before { content: ''; position: absolute; left: -12rem; top:50%; width:12rem; height: 7rem;; margin-top:-7rem; background: url(../img/sub/prostate/ico_process_arr.svg) no-repeat 50% 50%; background-size: 2.5em auto;;}
.surgery_area .step ul li .item {   text-align: center;}
.surgery_area .step ul li .item .tit { text-align: center; padding:0.5em 1em; font-size:var(--txt20); font-weight:700; background-color: rgba(255,255,255,0.1);;}
.surgery_area .step ul li .item .tit small { display: block; font-size:var(--txt16); color:rgba(255,255,255,0.5); font-weight:400;}
.surgery_area .step ul li .item .img_box { margin-bottom: 1.5rem; overflow: hidden;border-radius:var(--radius2); overflow: hidden; }
.surgery_area .step ul li .item .text .num { font-size:var(--txt16); font-weight:700; }
.surgery_area .step ul li .item .text .txt { font-size:var(--txt18); margin-top: 5px}
.surgery_area.type2 { padding:0; background: none;;}
.surgery_area.type2 ul { justify-content: space-between;}
.surgery_area.type2 ul li .item { border-bottom: 0;}
.sub_urs .surgery_area .img1 img { max-width:60rem;}
.surgery_before { margin-bottom: 4rem; ;}
.surgery_before ul { display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap:4rem;  }
.surgery_before ul li { border-radius:var(--radius2); overflow: hidden; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.surgery_before ul li.active { transform: unset; opacity:1;}
.surgery_before ul li .tit{ text-align: center; padding:0.5em 1em; font-size:var(--tit30); font-weight:700; background-color: rgba(255,255,255,0.1);}

.marqee_sect { margin-bottom: var(--secPd); }
.marqee_sect .item { display: flex; white-space: nowrap; overflow: hidden; transition: all 0.3s; margin-bottom: 2.5rem;}
.marqee_sect .item div { display: flex;}
.marqee_sect .item div p { padding: 1.5rem 3rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); margin-right: 2.5rem; font-size:var(--tit50); font-weight:600;  }
.marqee_sect .item div {animation: textLoop 40s linear infinite;}
.marqee_sect .item.item2 div { animation: textLoop reverse 60s linear infinite;}

.insure_sect  { background:url(../img/sub/prostate/holep_down_bg.jpg) no-repeat 50% 50%; background-size:cover; padding:var(--secPd2) 0 35rem; }
.insure_sect .sub_tit_box { text-align: center;;}
.insure_sect .tit_img { margin-bottom: 2rem;}
.insure_sect .tit_img svg { width:22em; height:auto; }
.insure_list ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.insure_list ul li { transform: translateY(100px); opacity:0; transition: all 1s ease; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); padding: 4.5rem 3.5rem; backdrop-filter: blur(10px); }
.insure_list ul li.active { transform: unset; opacity:1;}
.insure_list ul li i { display: block; text-align: right; margin-bottom: 2.5rem;}
.insure_list ul li i svg { width:4em; height: auto;}
.insure_list ul li .tit { font-size:var(--tit30); font-weight:700; margin-bottom: 2.5rem; ;}
.insure_list ul li .txt div { font-size:var(--txt20); padding-left: 0.6em; position: relative;;}
.insure_list ul li .txt div:before { content:''; position: absolute; left:0; top:12px; width:4px; height:4px; border-radius:100%; background-color: #fff;}
.insure_list ul li .txt div p { padding-left: 1rem; text-indent: -1rem;}
figure { margin:0; }
.sub_holep .black_in{  padding-bottom:0;}
.sub_holep .info_table { margin-bottom: 2rem;}
.sub_holep .info_table .head div:nth-child(1) { width:20%; }
.sub_holep .info_table .head div:nth-child(2){ width:40%; margin:0 1rem; }
.sub_holep .info_table .head div:nth-child(3) { width:40%; }
.sub_holep .info_table .body table tbody td { position: relative;}
.sub_holep .info_table .body table tbody td .cmp { position: absolute; left:0; transform: translate(-50% ,-50%); top:50%; padding:0.3em 1em; border-radius:4em; background-color: var(--gold); font-size:var(--txt18); font-weight:700;; color:#fff; display: flex; align-items: center; }
.sub_holep .info_table .body table tbody td .cmp svg { width:0.9em; height: auto; margin-left: 0.7rem; margin-top:0.1em }

.compare_sect { margin-bottom: var(--secPd); }
.compare_table { width: 100%; border-radius:var(--radius2); overflow: hidden;  background-color: rgba(255,255,255,0.1); transform: translateY(100px); opacity:0; transition: all 1s ease;}
.compare_table.active { transform: unset; opacity:1;}
.compare_table table { width: 100%; border-collapse: collapse; }
.compare_table table thead th { padding:1em; font-size:var(--txt18); font-weight:400; border-right:1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); }
.compare_table table tbody td { padding:1em 1.5em; font-size:var(--txt18);  text-align: center;border-right:1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); }
.compare_table table thead th:last-child { border-right: 0; background-color: #fff; color:#000; border-bottom: 1px solid rgba(0,0,0,0.25);font-weight:700 }
.compare_table table tbody td:last-child { background-color: #fff; color:#000; border-bottom: 1px solid rgba(0,0,0,0.25);}
.compare_table table tbody td:last-child { border-right: 0; font-weight:700; }
.compare_table table tbody tr:last-child td { border-bottom: 0; }
.compare_table.type2 {  background-color: var(--bg2); }
.compare_table.type2 table thead th:first-child {border-color:var(--lineColor)}
.compare_table.type2 table tbody td:first-child {border-color:var(--lineColor)}
.compare_table.type2 table thead th:last-child,
.compare_table.type2 table tbody td:last-child { background-color: var(--bg); border-color:rgba(255,255,255,0.5); color:#fff;}
.compare_table .dot_txt { display: inline-block; text-align: left;}
.compare_table .dot_txt p { padding-left: 0.5em; text-indent: -0.5em;}
.compare_wrap { padding-right:50%; position: relative;}
.compare_wrap > .compare_table {  border-top-right-radius:0; border-bottom-right-radius:0;}
.compare_wrap > .compare_table:not(.type2) table thead th:last-child { background: none; color:#fff; border-color:rgba(255,255,255,0.3)}
.compare_wrap > .compare_table:not(.type2) table tbody td:last-child { background: none; color:#fff;border-color:rgba(255,255,255,0.3); font-weight:400;}
.compare_wrap > .compare_table.type2 table thead th:last-child { background: none; color:var(--black); border-color:var(--lineColor)}
.compare_wrap > .compare_table.type2 table tbody td:last-child { background: none; color:var(--black); border-color:var(--lineColor); font-weight:400;}
.compare_wrap .compare_table.type2 table thead th,
.compare_wrap .compare_table.type2 table tbody td { font-size:var(--txt20);}
.compare_wrap .good { width:50%; position: absolute; right:0; top:-3rem; bottom:-3rem;  }
.compare_wrap .good .compare_table { background: linear-gradient(148.37deg, #FFEA82 -14.86%, #FFA600 88.46%);}
.compare_wrap .good .compare_table.type2 { background: var(--bg);}
.compare_wrap .good .compare_table,
.compare_wrap .good .compare_table table  { height:100%;}
.compare_wrap .good .compare_table table thead th { font-size:var(--tit30); }
.compare_wrap .good .compare_table table thead th:last-child {border-bottom: 1px solid var(--bg); background: none; }
.compare_wrap .good .compare_table table tbody td:last-child { font-size:var(--txt20); border-bottom: 1px solid var(--bg); background: none; padding:0.5em; }
.compare_wrap .good .compare_table.type2 table thead th:last-child { border-bottom:1px solid rgba(255,255,255,0.5);}
.compare_wrap .good .compare_table.type2 table tbody td:last-child { border-bottom:1px solid rgba(255,255,255,0.5); font-size:var(--txt20);}
.compare_wrap .good .compare_table.type2 table tbody tr:last-child td:last-child { border-bottom: 0;}


.sub_circumcision .compare_wrap .compare_table.type2 table tbody td { font-size:var(--txt18);}
.sub_circumcision .compare_wrap .compare_table.type2 table thead th { font-size:var(--txt22);}

.compare_wrap .compare_table.type3 table thead th,
.compare_wrap .compare_table.type3 table tbody td { font-size:var(--txt20);}
.compare_wrap .good .compare_table.type3  { background:#fff; }
.compare_wrap .good .compare_table.type3 table thead th { font-size:var(--tit30);}
.compare_wrap .good .compare_table.type3 table thead th:last-child { border-bottom:1px solid var(--lineColor);}
.compare_wrap .good .compare_table.type3 table tbody td:last-child { border-bottom:1px solid var(--lineColor); }

.sub_tit_box .stit.ico {  display: flex; align-items: center;}
.sub_tit_box .stit.ico svg { width:1.1em; height: auto; margin-right:0.5em; }
.point_desc {  margin-top:4rem;font-size:var(--txt16); color:rgba(255,255,255,0.5);  }
.point_desc p { padding-left: 6.7em; text-indent: -6.7em;}


.circle_sect { margin-bottom: var(--secPd); }
.com_circles { display: flex; justify-content: center; }
.com_circles .item  { width:36rem;  transition: all 0.5s ease; position: relative;  text-align: center;}
.com_circles .item div  { padding-top:100%; }
.com_circles .item div p{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight:700; border:1px solid #fff; border-radius:100%; }
.com_circles .item div span { font-size:var(--txt18); margin-bottom: 1.6rem;  }
.com_circles .item div span:first-child { color:var(--gold);}
.com_circles .item div span + span { font-size:var(--tit30); }
.com_circles .item div small { display: block; font-size:var(--txt16); max-width:80%; margin:0 auto; font-weight:400;;}
.com_circles .item:nth-child(1) { transform:translateY(100px); opacity:0; transition: all 1s ease;}
.com_circles .item:nth-child(2) { transform:translateY(-100px); opacity:0; transition: all 1s ease 0.2s;}
.com_circles .item:nth-child(3) { transform:translateY(100px); opacity:0; transition: all 1s ease 0.4s;}
.com_circles .item:nth-child(4) { transform:translateY(-100px); opacity:0; transition: all 1s ease 0.6s;}
.com_circles .item.active { transform: unset !important; opacity:1 !important; }
.com_circles.type2 .item div p { border:0; background:rgba(255,255,255,0.1);}
.com_circles.type3 .item { width:28rem;}
.com_circles.type4 .item { width:38rem;}
.com_circles.type4 .item p em { font-size:var(--txt18); display: block; margin-bottom: 1rem; }
.com_circles.type4 .item p em:first-child { font-size:var(--txt22); font-weight:700; }
.com_circles.full .item { flex:1; }

.clinic_checkpoint { margin-top:8rem; }
.clinic_checkpoint .sub_tit_box { margin-bottom: 2.5rem;}
.clinic_checkpoint ul li { margin-bottom: 1.6rem; border-radius:var(--radius2); overflow: hidden; background:rgba(255,255,255,0.1); padding:4rem; display: flex; align-items: flex-start; font-size:var(--txt18); font-weight:600; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.clinic_checkpoint ul li.active { transform: unset; opacity:1}
.clinic_checkpoint ul li i { width:1.5em; margin-right:1.2rem; flex-shrink: 0;}
.clinic_checkpoint ul li i svg { width:100%; height: auto;}
.clinic_checkpoint ul li .tit { font-size:var(--txt20); font-weight:700; margin-top:-0.2em; }
.clinic_checkpoint ul li .txt { font-size:var(--txt18);; font-weight:400; }
.clinic_checkpoint.col2 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.8rem; }
.clinic_checkpoint.col2 ul li { margin-bottom: 0;}

.what_sect { margin-bottom: var(--secPd); }
/*
.black_in .rader_list ul li { background-color: rgba(255,255,255,0.1); color:#fff;}
.black_in .rader_list ul li .text .txt { color:#fff;}
*/

.about_photos .sub_tit_box { text-align: center; margin-bottom: 4rem;}
.about_photos ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; }
.about_photos ul li { border-radius:var(--radius2); overflow: hidden; ;transform: translateY(100px); opacity:0; transition: all 1s ease;}
.about_photos ul li.active { transform: unset; opacity:1;}
.about_photos ul li .txt { font-size:var(--txt22); font-weight:700; text-align: center; padding:0.7em 1em; background-color: var(--bg); color:#fff; }

.key_sect { margin-bottom: var(--secPd); }
.tit_key { font-size:var(--tit30); font-weight:700; display: flex; align-items: center; margin-bottom: 2.5rem; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.tit_key svg { width:1em; height: auto; margin-right:1.5rem; }
.tit_key.active { transform: unset; opacity:1;}

.about_box { padding: 7rem 12rem; border-radius:var(--radius2); background-color: var(--bg2); display: flex;  align-items: center; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.about_box.active { transform: unset; opacity: 1;}
.about_box { display: flex; justify-content:center;}
.about_box div { width:29rem;}
.about_box div + div { margin-left:5rem;}
.about_box img { width:100%; border-radius:var(--radius2); overflow: hidden;}
.about_box p { font-size:var(--txt18); font-weight:600; text-align: center; margin-top:1.6rem;}
.about_box2 { padding: 5rem; text-align: center ;border-radius:var(--radius2); background-color: var(--bg2); margin-bottom: 5rem;}
.about_box2 img { max-width:61rem; width:100%; }

.guideline_sect { margin-bottom: var(--secPd); }
.guide_list dl { display: flex; align-items: center; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.guide_list dl.active { transform: unset; opacity: 1;}
.guide_list dl + dl { margin-top:6.5rem;}
.guide_list dl dt { width:50%; border-radius:var(--radius2); overflow: hidden;}
.guide_list dl dt img { width:100%; vertical-align: top;}
.guide_list dl dd { width:50%; padding-left: 6rem; ;}
.guide_list dl dd .txt1 { font-size:var(--tit35); font-weight:700; margin-bottom: 1rem;}
.guide_list dl dd .txt2 { font-size:var(--txt16);  margin-bottom: 2.5rem; color:var(--black44);}
.guide_list dl dd .txt3 { font-size:var(--txt18); margin-bottom: 2.5rem;}
.guide_list dl dd .tags { font-size:var(--txt16); color:var(--black44);}
.guide_list dl dd .keys { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top:6rem;}
.guide_list dl dd .keys p { font-size:var(--txt16); font-weight:500; padding:0.3em 1em; border-radius:1rem; background-color: var(--bg2); ; }

.ai_sect { margin-bottom: var(--secPd); display: flex; align-items: flex-start; justify-content: space-between; }
.ai_sect .sub_tit_box { position:sticky; top:var(--hdH);  width:60%; margin-right:20px; }
.ai_sect .sub_tit_box .btns { margin-top:4rem; }
.ai_sect .sub_tit_box .btns .btn_type1 { color:var(--black);}
.ai_sect .sub_tit_box .btns .btn_type1 svg { width:0.8em; height:auto; margin-left:1em; }
.ai_sect .thums { width:54rem; }
.ai_sect .thums ul { }
.ai_sect .thums ul li { transform:translateY(100px); opacity:0; transition: all 1s ease;}
.ai_sect .thums ul li + li { margin-top:6.5rem}
.ai_sect .thums ul li img { border-radius:var(--radius2); width:100%; }
.ai_sect .thums ul li p { margin-top:2.5rem; font-size:var(--tit30); font-weight:700; }
.ai_sect .thums ul li.active { transform: unset !important; opacity:1 !important; }

.com_about_icos ul { display: flex; }
.com_about_icos ul li { flex:1; text-align: center; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.com_about_icos ul li.active {transform: unset; opacity: 1;}
.com_about_icos ul li + li { border-left: 1px solid rgba(255,255,255,0.3);}
.com_about_icos ul li i {  }
.com_about_icos ul li i svg { width:3.5em; height: auto; max-width: 100%}
.com_about_icos ul li i img { width:3.5em; height: auto; }
.com_about_icos ul li .tit { font-size:var(--tit25); font-weight:700; margin:2.5rem 0 1.6rem; }
.com_about_icos ul li .txt { font-size:var(--txt18); color:var(--black44);}
.black_in .com_about_icos ul li .txt{ color:#fff;}
.com_btns { margin-top:5rem; text-align: center; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.com_btns.active { transform: unset; opacity: 1;}
.com_btns .btn_type1 { color:#000; }
.com_btns .btn_type1 svg { width:0.8em; margin-left:1rem; margin-top:-0.1em;}

.urodotai_sect { margin-bottom: var(--secPd);}
.urodotai_sect .urodot_circle { text-align: center; position: relative; margin-bottom: 12rem; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.urodotai_sect .urodot_circle.active { transform: unset; opacity: 1;}
.urodotai_sect .urodot_circle img { max-width:90rem;  width:100%; }
.urodotai_sect .urodot_circle:before { content: ''; position: absolute; left: 0; right:0; top:50%; height: 1px; background-color: var(--lineColor);;}
.urodotai_sect .urodot_step1 { margin-bottom: 8rem; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.urodotai_sect .urodot_step1 .pc { display: block;}
.urodotai_sect .urodot_step1 .mobile { display: none;}
.urodotai_sect .urodot_step1.active { transform: unset; opacity: 1;}
.urodotai_sect .urodot_step2 { margin-bottom: 8rem; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.urodotai_sect .urodot_step2 .mobile { display: none;}
.urodotai_sect .urodot_step2.active { transform: unset; opacity: 1;}
.sub_urodot .black_in .list_type1 li .tit,
.sub_urodot .black_in .list_type1 li .txt{ text-align: left; color:#fff;;}

.com_imgs_box { display: flex; justify-content: space-between;transform: translateY(100px); opacity:0; transition: all 1s ease;}
.com_imgs_box.active { transform: unset; opacity: 1;}
.com_imgs_box + .com_imgs_box  { margin-top:4rem;}
.com_imgs_box .title { margin-right:5rem; }
.com_imgs_box .title .tit { font-size:var(--tit35); font-weight:700; margin-bottom: 2.5rem;}
.com_imgs_box .title .txt { font-size:var(--txt18); }
.com_imgs_box .imgs { width:55%;  padding: 10rem 5.5rem; border-radius:var(--radius2); background-color: var(--bg2);  flex-shrink: 0;}
.com_imgs_box .imgs ul {  display: flex; text-align: center; }
.com_imgs_box .imgs ul li + li { margin-left: 4rem;}
.com_imgs_box .imgs ul li .txt{ margin-top:1.5rem; font-size:var(--txt18); font-weight:700; line-height:1.4; word-break:keep-all;}
.com_imgs_box .imgs ul li .txt .only-m { display:none; }

.sub_condyloma .com_banner_scroll { background-image: url(../img/sub/std/bg_condyloma_reason_bg.jpg); ;}
.sub_condyloma .black_in { padding-bottom: var(--fullInPd);}

.accom_sect { margin-bottom: var(--secPd);}
.accom_sect .com_about_icos ul li { padding:5rem 2rem; }
.accom_sect .com_about_icos ul li + li { border-color:rgba(255,255,255,0.3);}
.accom_sect .com_about_icos ul + ul { border-top:1px solid rgba(255,255,255,0.3); }
.sub_symptoms .accom_sect .tab_cont .cont .sub_tit_box { margin-bottom: 0;}

.clear_sect { margin:0 var(--fullInPd);  }
.clear_sect .sub_tit_box { text-align: center; }
.clear_sect .slider { display: flex; align-items: center; position: relative; z-index:2;}
.clear_sect .slider .img_box { width:50%;  border-radius:var(--radius4); overflow: hidden; position: relative; z-index:2; background:var(--bg);}
.clear_sect .slider .img_box div { padding-top:100%; max-height: 90vh; }
.clear_sect .slider .img_box img { width:100%; height: 100%; object-fit: cover; }
.clear_sect .slider .img_box .mobile { display:none;}
.clear_sect .slider .img_box p{  position: absolute; left: 0; bottom:0; width:100%; height: 0; opacity:0; transition: all 1s ease; }
.clear_sect .slider .img_box p.active {  height: 100%; opacity: 1;}

.clear_sect .slider .swiper_box { width:50%; padding:0 6% 0 11%; z-index:2;position: relative;}
.clear_sect .slider .swiper_box .item .tit1 { font-size:var(--tit50); font-weight:700; margin-bottom: 1rem; line-height: 1;}
.clear_sect .slider .swiper_box .item .tit1 strong { font-size:15rem;}
.clear_sect .slider .swiper_box .item .tit2 { font-size:var(--tit30); font-weight:600; margin:7rem 0 2.5rem; }
.clear_sect .slider .swiper_box .item .txt{  font-size:var(--txt20); }
.clear_sect .controls { display: flex; align-items: center;  }
.clear_sect .swiper-pagination { position: static; flex:1; height: 0.4rem; background-color: rgba(255,255,255,0.3);  overflow: hidden; margin:4rem 0 6rem; }
.clear_sect .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #fff; border-radius:4px; }
.clear_sect .swiper-button-prev,
.clear_sect .swiper-button-next { position: static; margin:0;  width:5.5rem; height: 5.5rem; border-radius:1rem; border:1px solid rgba(255,255,255,0.4);   display: flex; align-items: center; justify-content: center;  transition: all 0.3s ease;}
.clear_sect .swiper-button-prev:after,
.clear_sect .swiper-button-next:after { display: none;}
.clear_sect .swiper-button-prev svg,
.clear_sect .swiper-button-next svg { width:1.6rem; height: auto; vertical-align: middle; }
.clear_sect .swiper-button-next svg { transform: scaleX(-1);}
.clear_sect .swiper-button-next svg path,
.clear_sect .swiper-button-prev svg path { transition: all 0.3s ease; fill:#fff;}
.clear_sect .swiper-button-prev { margin:0 1.6rem 0 0;}


.marqee_sect2 { position: absolute; left:calc(var(--fullInPd) * -1); right:calc(var(--fullInPd) * -1); bottom:0; font-size:12rem; color:rgba(255,255,255,0.08); font-weight:700; line-height: 1;}
.marqee_sect2 { margin-bottom: 2.5rem; overflow: hidden; }
.marqee_sect2 div {animation: textLoop 50s linear infinite;  white-space: nowrap; transition: all 0.3s; }
.marqee_sect2 div p { display: inline;;}
.marqee_sect2 div p span { display: inline-block; vertical-align: middle;  width:0.3em; height: 0.3em; border-radius:100%; background-color: rgba(255,255,255,0.08); margin:0 0.2em; margin-top:-0.2em;}

.tab_wrap .tabs { display: flex; justify-content: center; margin-bottom: 8rem; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.tab_wrap .tabs.active { transform: unset; opacity:1;}
.tab_wrap .tabs a { font-size:var(--tit30); font-weight:700; position: relative; transition: all 0.3s ease;}
.tab_wrap .tabs a:before { content: ''; position: absolute; left: 0; bottom:-4px; width:0; height: 3px; background-color: var(--gold); transition: all 0.4s var(--ease); opacity:0; background:var(--gold); ;}
.tab_wrap .tabs a + a { margin-left: 3rem; }
.tab_wrap .tabs a.active { color:var(--gold); }
.tab_wrap .tabs a.active:before { width:100%; opacity:1; background: var(--gold);  }

.table2 { width: 100%; border-radius:var(--radius2); overflow: hidden;  background-color: rgba(255,255,255,0.1);transform: translateY(100px); opacity:0; transition: all 1s ease;}
.table2.active{  transform: unset; opacity: 1;}
.table2 table { width: 100%; border-collapse: collapse; }
.table2 table thead th { padding:0.5em 1em; font-size:var(--tit25); font-weight:700; border-right:1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); }
.table2 table thead th:last-child { border-right: 0; }
.table2 table tbody td { padding:1.5em; font-size:var(--txt20);  border-right:1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); }
.table2 table tbody td.tit { font-weight:600; text-align: center;}
.table2 table tbody td:last-child { border-right: 0;  }
.table2 table tbody tr:last-child td { border-bottom: 0; }
.table2 table tbody td .dot_txt p { padding-left: 0.5em; text-indent: -0.5em;  }
.table2 table tbody td .img1 { border-radius:var(--radius2); overflow: hidden; margin-bottom: 1.2rem; position: relative;}
.table2 table tbody td .img1 .btn_play { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content: center; align-items: center; background:rgba(0,0,0,0.2);  transition: all 0.5s ease; z-index:2;} 
.table2 table tbody td .img1 .btn_play svg { width:3.5em; height:auto; }
.table2 table tbody td .img1 .btn_play.show { opacity:0; visibility: hidden; pointer-events: none;}
.table2 table tbody td .img1 .btn_play.show + .video { opacity:1;}
.table2 table tbody td .img1 .video { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;    transition: all 0.5s ease}
.table2 table tbody td .img1 .video video { width:100%; height:100%; object-fit: cover;}
.table2 table tbody td .img1 .bg_btn {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5}
.table_desc { margin:1.6rem 0 6.5rem; font-size:var(--txt16); padding-left: 0.5em; text-indent: -0.5em;}

.how_sect { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--secPd);}
.how_sect .img { width:40%; margin-left:20px; border-radius: var(--radius2); overflow: hidden; transform: translateY(100px); opacity:0; transition: all 1s ease;}
.how_sect .img.active { transform: unset; opacity: 1;}


.allcontent_wrap { margin-bottom: var(--secPd); }
.allcontent_wrap  { border-top:1px solid rgba(255,255,255,0.3); }
.allcontent_wrap .item { border-bottom: 1px solid rgba(255,255,255,0.3); }
.allcontent_wrap .item .q { width:100%; position: relative; font-size:var(--tit25); color:#fff; font-weight:600; padding: 4rem;  text-align: left; padding-right:3em; transition: all 0.5s ease;}
.allcontent_wrap .item .q em { position: absolute; right:4rem; top:4rem; width:1.2em; height: 1.2em; ;}
.allcontent_wrap .item .q em:before {content: ''; position: absolute; left: 0; right:0; top:50%; height: 2px; background-color: #fff;;}
.allcontent_wrap .item .q em:after {content: ''; position: absolute; left: 0; right:0; top:50%; height: 2px; background-color: #fff; transform: rotate(90deg); transition: all 0.3s ease;}
.allcontent_wrap .item .q.active { background-color: #fff; color:#000; ;}
.allcontent_wrap .item .q.active em:before { background-color: #000; ;}
.allcontent_wrap .item .q.active em:after { transform: unset; opacity:0; }
.allcontent_wrap .item .a { display: none;   padding:5rem; }
.allcontent_wrap .point_list { margin-bottom: 6.5rem;}
.allcontent_wrap .point_list .text { margin-top:3.5rem}
.allcontent_wrap .point_list .tit { font-size:var(--txt22); margin-bottom: 1rem;}
.allcontent_wrap .point_list .item { border-bottom: 0; ;}
.allcontent_wrap .table2 table thead th { font-size:var(--txt22);}
.allcontent_wrap .com_circles .item { border-bottom: 0;}
.allcontent_wrap.white { border-color:#000; } 
.allcontent_wrap.white .item { border-color:#000; }
.allcontent_wrap.white .item .q { color:#000;}
.allcontent_wrap.white .item .q em:before,
.allcontent_wrap.white .item .q em:after { background-color: #000; ;}
.allcontent_wrap.white .item .a { border-top:1px solid #000; background:var(--bg2);}
.allcontent_wrap.white .item .q.active { background:#000; color:#fff; }
.allcontent_wrap.white .item .q.active em:before { background-color: #fff; ;}
.allcontent_wrap.white .point_list ul li { background-color: #fff ;}
.allcontent_wrap.white .point_list ul li .num { background-color: #000; color:#fff;;}
.allcontent_wrap.white .hr { background-color:var(--lineColor)}
.allcontent_wrap.white .check_list ul li { background-color: var(--bg2); ;}
.allcontent_wrap.white .check_list ul li .num {  color:#fff;;}
.allcontent_wrap.white .table2 { border:1px solid var(--lineColor); background:#fff;}
.allcontent_wrap.white .table2 table thead th,
.allcontent_wrap.white .table2 table tbody td { border-color:var(--lineColor)}
.allcontent_wrap .step_list4 ul li + li {margin-left:2rem;}
.allcontent_wrap .step_list4 ul li .num p { font-size:var(--txt16); }
.allcontent_wrap.white .step_list ul li { background:#fff; }
.allcontent_wrap.white .step_list .item { border-bottom:0;}
.allcontent_wrap.white .step_list ul li .num { font-size:var(--txt16); }
.allcontent_wrap.white .step_list ul li .txt { font-size:var(--txt18); }
.allcontent_wrap.white .list_type2 ul li .btn_box .btn_type2 { color:var(--black); }

.allcontent_wrap.white .check_list2 ul li { background:#fff; }
.allcontent_wrap.white .check_list2 ul li .ico { background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3876 9.01233C23.2714 8.89517 23.1331 8.80217 22.9808 8.73871C22.8285 8.67525 22.6651 8.64258 22.5001 8.64258C22.335 8.64258 22.1717 8.67525 22.0193 8.73871C21.867 8.80217 21.7288 8.89517 21.6126 9.01233L12.3001 18.3373L8.38756 14.4123C8.26691 14.2958 8.12448 14.2041 7.96841 14.1426C7.81234 14.0811 7.64569 14.051 7.47796 14.0539C7.31024 14.0568 7.14472 14.0927 6.99088 14.1595C6.83703 14.2264 6.69786 14.3229 6.58131 14.4436C6.46476 14.5642 6.37312 14.7067 6.31161 14.8627C6.25011 15.0188 6.21995 15.1854 6.22285 15.3532C6.22575 15.5209 6.26166 15.6864 6.32853 15.8403C6.39539 15.9941 6.49191 16.1333 6.61256 16.2498L11.4126 21.0498C11.5288 21.167 11.667 21.26 11.8193 21.3234C11.9717 21.3869 12.135 21.4196 12.3001 21.4196C12.4651 21.4196 12.6285 21.3869 12.7808 21.3234C12.9331 21.26 13.0714 21.167 13.1876 21.0498L23.3876 10.8498C23.5144 10.7328 23.6157 10.5907 23.685 10.4326C23.7542 10.2745 23.79 10.1037 23.79 9.93108C23.79 9.75845 23.7542 9.58769 23.685 9.42957C23.6157 9.27144 23.5144 9.12938 23.3876 9.01233Z' fill='black'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;}
.allcontent_wrap.white .img_box1 .text .btns .btn_type2 { border:1px solid var(--black); color:var(--black);}
.allcontent_wrap.white .img_box1 .text .btns .btn_type2 path { fill:var(--black)}


.img_box1 { display: flex; align-items: center; margin-bottom: 6.5rem;}
.img_box1 .img { width:50%; border-radius:var(--radius2); overflow: hidden;}
.img_box1 .img .ytb {position: relative; border-radius:var(--radius2); overflow: hidden; padding-top: 56.25%;}
.img_box1 .img .ytb iframe { position: absolute; left:0; top:0; width:100%; height: 100%;;}

.img_box1 .text { flex:1; padding:0 12rem 0 6rem;}
.img_box1 .text .tit { font-size:var(--tit25); font-weight:700; margin-bottom: 1.5rem;}
.img_box1 .text .txt { font-size:var(--txt18); }
.img_box1 .text .txt p + p { margin-top:1.5rem;}
.img_box1 .text .txt p + .dot { margin-top:1.5rem;}
.img_box1 .text .txt .dot p { padding-left: 0.5em; text-indent: -0.5em; font-size:var(--txt16); }
.img_box1 .text .txt .dot p + p { margin-top:0;}
.img_box1 .text .txt .dot2 { padding-left: 0.5em !important; text-indent: 0 !important;}
.img_box1 .text .txt .dot2 span { display: block;;}
.img_box1 .text .btns { margin-top:3.5rem; }
.img_box1 .text .btns .btn_type2 {  background: none; border:1px solid #fff; ;}
.img_box1 .text .btns .btn_type2 svg { width:0.9em; height:auto; margin-left:1rem; }

.img_box1 + .item_box1 {margin-top:2rem;}
.img_box1.type2 .text .tit {font-size:var(--txt22);}
.img_box1.type2 .text .txt {font-size:var(--txt16);}
.img_box2 { padding:6.5rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); display: flex; margin-bottom: 6.5rem; }
.img_box2 div { text-align: center; ;}
.img_box2 div + div { margin-left: 4rem;}
.img_box2 div p { margin-bottom: 1.6rem; font-size:var(--txt20); font-weight:700; }
.img_box2 div img { border-radius:var(--radius2); }
.img_box2 div img.mobile { display:none;}
.img_box3 { padding: 6.5rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1);  margin-bottom: 6.5rem; }
.img_box3 .tit_check { text-align: center;}
.img_box3 .tit_check .tit { justify-content: center;}
.img_box3 ul { display: flex; justify-content:center; padding:0 5rem; }
.img_box3 ul li { max-width:20%; max-width:20rem;  text-align: center; font-size:var(--txt16); font-weight:600; margin:0 2rem;}
.img_box3 ul li .txt { margin-top:1.5rem;}
.img_box4 { padding: 6.5rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1);  margin-bottom: 6.5rem; }
.img_box4 ul { display: flex; justify-content:center; padding:0 5rem; }
.img_box4 ul li { max-width:18%;  text-align: center; font-size:var(--txt16); font-weight:600; margin:0 4rem;}
.img_box4 ul li .tit { margin-bottom: 2rem;}
.img_box4 ul li .tit small { display: inline-block; vertical-align: middle; font-size:var(--txt16); background-color: var(--bg);;  padding:0.1em 0.7em;}
.img_box4 ul li .tit p { font-size:var(--tit25); font-weight:700;  }
.img_box4 ul li:first-child .tit small {opacity:0;;}

.img_box5 { padding: 6.5rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1);  margin-bottom: 6.5rem; }
.img_box5 .txt {text-align: center; font-size:var(--txt16); }
.img_box5 .com_circles { margin:3.6rem 0;}
.img_box5 .com_circles .item { border-bottom: 0;}
.img_box5 .list_type2 {margin-bottom: 0;}
.img_box5 .tit { text-align: center; font-size:var(--tit25); font-weight:700; margin-bottom: 3.5rem; }
.img_box6 { padding: 5.5rem 3rem; border-radius:var(--radius2); background-color: #fff;  margin-bottom: 6.5rem;  text-align: center;}
.img_box6 img { max-width:100rem; width:100%; }

.img_box7 { display: flex; justify-content: center; align-items: flex-end; margin-bottom: 6.5rem;}
.img_box7 .img svg { max-width:100%; height: auto;}
.img_box7 .img:nth-child(1) { width:40rem; }
.img_box7 .img:nth-child(2) { width:70rem; margin-left: 6.5rem; }

.img_box8 ul { display: flex; justify-content:center; padding:0 5rem; }
.img_box8 ul li { max-width:20%; max-width:20rem;  text-align: center;  margin:0 2rem;}
.img_box8 ul li .txt { margin-bottom:1.5rem; font-size:var(--txt20); font-weight:700;}

.img_box9 {   margin-bottom: 6.5rem; }
.img_box9 .list_type2 {margin-bottom: 0; text-align: center;}
.img_box9 .list_type2 ul li .tit { font-size:var(--txt20);  }

.img_box10 { padding:6.5rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); display: flex; justify-content: center; margin-bottom: 6.5rem; }
.img_box10 div { text-align: center; max-width:40rem}
.img_box10 div + div { margin-left: 4rem;}
.img_box10 div p { margin-bottom: 1.6rem; font-size:var(--txt20); font-weight:700; }
.img_box10 div img { border-radius:var(--radius2); }

.img_box11 { padding:6.5rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); text-align: center;;}
.img_box11 .tit1 { font-size:var(--txt16); font-weight:700; margin-bottom: 1.2rem; color:var(--gold);}
.img_box11 .tit2 { font-size:var(--tit25); font-weight:700; margin-bottom: 3.5rem;}
.img_box11 ul { display: flex; justify-content: center; margin:0 auto; width:80rem; max-width:100%; border-radius:var(--radius2); overflow: hidden;}
.img_box11 ul li { flex:1; }
.img_box11 ul li + li { border-left: 1px solid #fff;}
.img_box11 ul li .title { padding: 1em; background-color: var(--bg); font-size:var(--txt16); ;}
.img_box11 ul li .title strong { font-size:var(--txt20); font-weight:700; display: block; }
.img_box11 .txt { font-size:var(--txt18); margin:3.5rem 0;}
.img_box11 .btn_type1 { color:var(--black); }
.img_box11 .btn_type1 svg { width:0.8em; height: auto; margin-left: 1.5rem;}


.tit_check {  margin-bottom: 3.5rem;}
.tit_check .tit { font-size:var(--tit25); font-weight:700; display: flex; align-items: center; margin-bottom: 1.5rem; }
.tit_check .tit svg { width:1.3em; height: auto; margin-right:1.5rem; }
.tit_check .txt { font-size:var(--txt18); }
.tit_check .txt2 { font-size:var(--txt16);}

.list_type2 { margin-bottom: 6.5rem;}
.list_type2 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:7rem 4rem; }
.list_type2 ul li { transform: translateY(100px); opacity:0; transition: all 1s ease;}
.list_type2 ul li.active { transform: unset; opacity: 1;}
.list_type2 ul li .img { border-radius:var(--radius2); overflow: hidden; margin-bottom: 3rem; }
.list_type2 ul li .tit { font-size:var(--txt22); font-weight:700; margin-bottom: 1rem; }
.list_type2 ul li .txt { font-size:var(--txt18); font-weight:400; }
.list_type2 ul li .txt2 { font-size:var(--txt20); font-weight:600; }
.list_type2 ul li .txt3 { font-size:var(--txt18); font-weight:700; text-align: center; }
.list_type2 ul li .btn_box { display: flex;}
.list_type2 ul li .btn_box .btn_type2 { width:100%; background-color: rgba(255,255,255,0.1); }
.list_type2 ul li .btn_box .btn_type2 + .btn_type2 { margin-left:1.2rem;}
.list_type2 ul li .btn_box .btn_type2 svg { width:0.8em; height: auto; margin-left: 1rem;;}
.list_type2.large ul li .tit { font-size:var(--tit30);}
.allcontent_wrap .list_type2 ul li .txt { font-size:var(--txt16); }
.list_type2.col3 ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
.list_type2.col4 ul { grid-template-columns: repeat(4, minmax(0, 1fr)); gap:7rem 2rem;}
.list_type2 .hr { margin:3rem 0;}
.list_type2 .steps .sec + .sec { margin-top: 2.5rem;}
.list_type2 .steps .sec .stit { display: flex; align-items: center; margin-bottom: 1.2rem; font-size:var(--txt18); font-weight:700; }
.list_type2 .steps .sec .stit span { flex-shrink: 0; width:1.8em; height: 1.8em; border-radius:100%; background-color: var(--gold); margin-right:1.2rem; display: flex; align-items: center; justify-content: center; font-size:1.4rem; font-weight:700; background:#fff;; color:#000; margin-top:-0.1em;}
.list_type2.type2 ul li .tit{display: flex; align-items: center;}
.list_type2.type2 ul li .tit .lb {padding:0.4em 0.6em; line-height: 1; border-radius:0.5rem; background-color: #F6CDDD; color:#C53F72; font-size:var(--txt16); font-weight:700; margin-right:1rem;}
.list_type2.type2 ul li .tit .lb.lb2 { background-color: #DBFBD7; color:#50A345;}
.list_type2.type3 ul li { padding-bottom: calc(var(--inpH) + 3rem); position: relative;;}
.list_type2.type3 ul li .btn_box { position: absolute; left: 0; right:0; bottom:0;;}

.hr { display: block; width:100%; margin:6.5rem 0; border:0; height: 1px; background-color: rgba(255,255,255,0.3); ;}

.check_list ul { counter-reset: pointNum;}
.check_list ul li { background-color: rgba(255,255,255,0.1); padding: 4rem; border-radius:var(--radius2); display: flex; align-items: center; }
.check_list ul li + li { margin-top: 1.6rem; }
.check_list ul li .num { font-size:var(--txt16); font-weight:600; padding:0.1em 0.7em; border-radius:3em; background-color: var(--gold); margin-right:1.2rem; }
.check_list ul li .num span::before { counter-increment: pointNum; content: counter(pointNum, decimal-leading-zero);}
.check_list ul li .text { flex:1; }
.check_list ul li .text .txt { font-size:var(--txt18); font-weight:600; }
.check_list.type2 ul li .text .txt strong { font-weight:700;}
.check_list.type2 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2rem;}
.check_list.type2 ul li + li { margin-top: 0;}

.check_list2 ul { counter-reset: pointNum;}
.check_list2 ul li { background-color: rgba(255,255,255,0.1); padding: 3rem; border-radius:var(--radius2); display: flex; align-items: center; }
.check_list2 ul li + li { margin-top: 1.6rem; }
.check_list2 ul li .ico { width:1.5em; height:1.5em; margin-right:0.5em; background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3837 9.01233C23.2674 8.89517 23.1292 8.80217 22.9769 8.73871C22.8245 8.67525 22.6612 8.64258 22.4962 8.64258C22.3311 8.64258 22.1678 8.67525 22.0154 8.73871C21.8631 8.80217 21.7249 8.89517 21.6087 9.01233L12.2962 18.3373L8.38365 14.4123C8.263 14.2958 8.12057 14.2041 7.96451 14.1426C7.80844 14.0811 7.64178 14.051 7.47406 14.0539C7.30633 14.0568 7.14082 14.0927 6.98697 14.1595C6.83312 14.2264 6.69395 14.3229 6.5774 14.4436C6.46085 14.5642 6.36921 14.7067 6.30771 14.8627C6.2462 15.0188 6.21604 15.1854 6.21894 15.3532C6.22184 15.5209 6.25775 15.6864 6.32462 15.8403C6.39149 15.9941 6.488 16.1333 6.60865 16.2498L11.4087 21.0498C11.5249 21.167 11.6631 21.26 11.8154 21.3234C11.9678 21.3869 12.1311 21.4196 12.2962 21.4196C12.4612 21.4196 12.6246 21.3869 12.7769 21.3234C12.9292 21.26 13.0674 21.167 13.1837 21.0498L23.3837 10.8498C23.5105 10.7328 23.6118 10.5907 23.6811 10.4326C23.7503 10.2745 23.7861 10.1037 23.7861 9.93108C23.7861 9.75845 23.7503 9.58769 23.6811 9.42957C23.6118 9.27144 23.5105 9.12938 23.3837 9.01233Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50% / contain; flex-shrink: 0;}
.check_list2 ul li .text { flex:1; }
.check_list2 ul li .text .txt { font-size:var(--txt18); font-weight:600; }
.check_list2 ul li .text .txt strong { font-weight:700;}
.check_list2.type2 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2rem;}
.check_list2.type2 ul li + li { margin-top:0;}


.symptom_box { margin-bottom: 6.5rem;}
.symptom_box ul {}
.symptom_box ul li { display: flex; padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 1px solid rgba(255,255,255,0.3); }
.symptom_box ul li .tit p { display: inline-block; vertical-align: middle; font-size:var(--txt22); color:#fff; border-radius:0.8rem; background-color: var(--gold);; font-weight:700; padding:0.2em 0.9em; margin-right:2.5rem;}
.symptom_box ul li .txt { font-size:var(--txt16); }
.symptom_box ul li .txt p { padding-left: 0.5em; text-indent: -0.5em;;}
.symptom_box ul li:nth-child(2) .tit p { background-color: #F88900;}
.symptom_box ul li:nth-child(3) .tit p { background-color: #E65100;}
.symptom_box ul li:nth-child(4) .tit p { background-color: #BD3900;}

/* .symptom_box { margin-bottom: 6.5rem;}
.symptom_box ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2rem;}
.symptom_box ul li { background-color: rgba(255,255,255,0.1); padding:4.5rem 4rem; border-radius:var(--radius2); display: flex; flex-direction: column; justify-content: space-between; min-height: 28rem;; }
.symptom_box ul li .tit p { display: inline-block; vertical-align: middle; font-size:var(--txt16); color:#C53F72; border-radius:0.5rem; background-color: #F6CDDD;; font-weight:700; padding:0.1em 0.7em;}
.symptom_box ul li .txt { font-size:var(--txt16); margin-top:1.6rem;}
.symptom_box ul li .txt p { padding-left: 0.5em; text-indent: -0.5em;;}
.symptom_box.col3 ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
.symptom_box.col3 ul { min-height: inherit;}
.symptom_box.col3 ul li { justify-content: flex-start;} */


.text_list1 { margin-bottom: 6.5rem;}
.text_list1 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2rem;}
.text_list1 ul li { /*padding: 1em;*/ min-height:4em; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1);  font-size:var(--txt22); font-weight:600; text-align: center; line-height: 1.4; padding:0 var(--inPd);}
.text_list1 ul li small { display: block; font-size:var(--txt16); font-weight:400;}
.text_list1.col3 ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
.text_list1.col4 ul { grid-template-columns: repeat(4, minmax(0, 1fr));}
.text_list1.col5 ul { grid-template-columns: repeat(5, minmax(0, 1fr));}
.hpv_box1 { text-align: center;;transform: translateY(100px); opacity:0; transition: all 1s ease;}
.hpv_box1 svg { max-width:80%; }
.hpv_box1.active { transform: unset; opacity: 1;;}

.good_box { }
.good_box ul { display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap:3.5rem;  }
.good_box ul li { transform: translateY(100px); opacity:0; transition: all 1s ease;}
.good_box ul li.active { transform: unset; opacity: 1;}
.good_box ul li .img_box img { border-radius:var(--radius2); overflow: hidden; ;}
.good_box ul li .tit{ text-align: center;  font-size:var(--tit30); font-weight:700; margin-bottom: 3.5rem;}
.good_box ul li .txt1 { font-size:var(--tit30);  font-weight:700; margin:3.5rem 0 1.5rem;}
.good_box ul li .txt1 p { display:flex ;align-items:flex-start; }
.good_box ul li .txt1 p + p { margin-top:1rem;}
.good_box ul li .txt1 p i { flex-shrink: 0; width:2em; height:2em; border-radius:100%; display:flex; align-items: center; justify-content: center; font-size:var(--txt18); font-style:normal; color:#000; background:#fff; margin-right:1rem; margin-top:0.5em;}
.good_box ul li .txt2 { font-size:var(--txt18);  }
.good_box ul li .txt2 .dot { }
.good_box ul li .txt2 .dot p { padding-left: 0.5em; text-indent: -0.5em;;}
.hpv_schedule ul { border-radius:var(--radius2); overflow: hidden; background: rgba(255,255,255,0.1); padding: 4rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:4rem; padding: 6.5rem 8rem;  text-align: center; }
.hpv_schedule li {  transform: translateY(100px); opacity:0; transition: all 1s ease;}
.hpv_schedule li.active { transform: unset; opacity: 1;}
.hpv_schedule li .tit { font-size:var(--tit35); font-weight:700; }
.hpv_schedule li .img { border-radius:var(--radius2); overflow: hidden; margin:3rem 0; }
.hpv_schedule li .txt1 { font-size:var(--txt22); font-weight:700; margin-bottom: 1.5rem;}
.hpv_schedule li .txt1 span { font-weight:400; }
.hpv_schedule li .txt2 { font-size:var(--txt20);  }
.hpv_schedule li .txt2 div { text-align: left; padding:0 7rem;}
.hpv_schedule li .txt2 dl { display:flex; align-items:center; margin-bottom:1.2rem; }
.hpv_schedule li .txt2 dl dt { width:5.5em; text-align:center; padding:0.2em 1em; border-radius:3em; background:#fff; font-size:var(--txt18); font-weight:700; color:var(--black); margin-right:1.2rem; }

.goldgraph_sect { margin-bottom: var(--secPd);;}
.goldgraph_sect .graph1 { display: flex; justify-content: center; align-items: center; margin-bottom: 4rem; }
.goldgraph_sect .graph1 .img { width:55rem; }
.goldgraph_sect .graph1 .img svg { width:55rem; height:auto; }
.goldgraph_sect .graph1 .tit svg { width:1em; height:auto;}
.goldgraph_sect .graph2 .mobile { display:none;}
.circle-1 {    stroke-dasharray: 1791;    stroke-dashoffset: 1790;}
.circle-2 {stroke-dasharray: 850;stroke-dashoffset: 850;}
.circle-3 {stroke-dasharray: 1100;stroke-dashoffset: 1100;}
svg.active .circle-1 {animation: drawLine 1.5s ease-in-out forwards;}
svg.active .circle-2 {animation: drawLine 1.5s ease-in-out 0.3s forwards;}
svg.active .circle-3 {animation: drawLine 1.5s ease-in-out 0.6s forwards;}
.circle-1, .circle-2, .circle-3 { transition: stroke-dashoffset 1.5s ease-in-out;}
.circle-2 { transition-delay: 0.3s; }
.circle-3 { transition-delay: 0.6s; }
@keyframes drawLine {
    to {
    stroke-dashoffset: 0;
    }
}

    
.goldgraph_sect .graph1 .text { margin-left: 8rem; ;}
.goldgraph_sect .graph1 .text .box + .box{ margin-top:6.5rem; }
.goldgraph_sect .graph1 .text .box .tit {display: inline-flex; padding: 0.3em 1em; border-radius:4em; background-color: #4A5163; font-size:var(--tit25); color:#fff; font-weight:700; }
.goldgraph_sect .graph1 .text .box .tit svg { margin-right:1rem;}
.goldgraph_sect .graph1 .text .box .txt { font-size:var(--tit30); font-weight:700; margin:2rem 0; }
.goldgraph_sect .graph1 .text .box .stat { font-size:var(--txt20); margin-top:2rem;}
.goldgraph_sect .graph1 .text .box + .box .tit { background-color: var(--gold);}
.goldgraph_sect .graph2 svg,
.goldgraph_sect .graph2 img { width:100%; height: auto;}

.circle_sect2 .sub_tit_box { text-align: center;}
.circle_sect2 .sub_tit_box .txt { font-size:var(--txt18);}
.circle_sect2 .sub_tit_box .sub_tit { font-size:var(--tit50); margin:-2rem 0 -1rem;}
.circle_sect2 .sub_tit.fill_txt span { color:rgba(255,255,255,0.1); background:linear-gradient(90deg, var(--gold) 0%, var(--gold) 100%);    background-clip: text;    -webkit-background-clip: text;    background-size: 0% 100%;    background-repeat: no-repeat; }
.sub_retention .step_sect3 .sub_tit_box .stit { font-size:var(--txt2); color:var(--gold); }
.sub_retention .step_sect3 .sub_tit { margin-bottom: 4rem; text-transform: uppercase; font-size:var(--tit70);}
.sub_retention .step_sect3 .sub_tit.fill_txt span { color:rgba(255,255,255,0.1); background:linear-gradient(90deg, var(--gold) 0%, var(--gold) 100%);    background-clip: text;    -webkit-background-clip: text;    background-size: 0% 100%;    background-repeat: no-repeat; }

.sub_hematuria .step_sect3 .sub_tit_box .stit { font-size:var(--txt2); color:var(--gold); }
.sub_hematuria .step_sect3 .sub_tit { margin-bottom: 4rem; text-transform: uppercase; font-size:var(--tit70);}
.sub_hematuria .step_sect3 .sub_tit.fill_txt span { color:rgba(255,255,255,0.1); background:linear-gradient(90deg, var(--gold) 0%, var(--gold) 100%);    background-clip: text;    -webkit-background-clip: text;    background-size: 0% 100%;    background-repeat: no-repeat; }
.blade_img { text-align: center; margin-bottom: 4rem;}
.blade_img img { max-width:60rem; }

.stant_sect { margin-bottom: var(--secPd);;}
.stant_sect.pdt { padding-top:var(--secPd); }
.circle_sect3 { margin-bottom: var(--secPd);;}
.circle_sect3 .sub_tit_box { text-align: center;}
.circle_sect3 .com_circles .item div p { border-color:var(--lineColor);}

.right_graph { display: flex; justify-content: space-between;}
.right_graph .sub_tit_box { margin-bottom: 3rem;}
.right_graph .graph { width:60%;transform: translateY(100px); opacity:0; transition: all 1s ease; }
.right_graph .graph svg{width:100%; height: auto;}
.right_graph .graph.active { transform: unset; opacity: 1;}

.tip_desc { font-size:var(--txt16); display: flex; align-items: flex-start; margin-top:3rem; }
.tip_desc svg { width:1em; height: auto; margin-right:0.8rem; margin-top:0.2em; vertical-align: middle;}
.tip_desc2 { font-size:var(--txt18); display: flex; align-items: center;  transform:translateY(var(--aniY)); opacity:0; transition: all 0.5s ease;}
.tip_desc2.active { transform: unset; opacity: 1;}
.tip_desc2 svg { width:1em; height: auto; margin-right:0.8rem;  vertical-align: middle;}

.tipdesc_box .tit { font-size:var(--tit25); display: flex; align-items: flex-start;  margin-bottom: 1.5rem; line-height:1.4;}
.tipdesc_box .tit svg { width:1em; height: auto; margin-right:0.8rem; margin-top:0.2em; vertical-align: middle;}
.tipdesc_box .txt { font-size:var(--txt18); }
.tipdesc_box .txt .dot { padding-left:0.5em; text-indent: -0.5em;}

.him_cont { padding: 6rem 4.5rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); margin-bottom: 6.5rem;}
.him_cont .tit_check .txt { font-size:var(--txt16);}
.him_cont .circles { display: flex; justify-content: center; align-items: center; margin-bottom:4rem;;}
.him_cont .circles .box { position: relative; width:30rem; height: auto; margin:0 1rem;}
.him_cont .circles .box div { padding-top:100%;  cursor: pointer;}
.him_cont .circles .box dl { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border:1px solid #fff; border-radius:100%; opacity:0.3; transition:all 0.5s ease}
.him_cont .circles .box dl dt { font-size:var(--tit25); font-weight:600; }
.him_cont .circles .box dl dt strong { font-size:var(--tit70); font-weight:700; }
.him_cont .circles .box p { padding-top:100%;  }
.him_cont .circles .box p strong { font-size:4rem; font-weight:700; color:var(--gold); position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border:1px solid #fff;  border-radius:100%;}
.him_cont .circles .box.active dl { opacity:1; background:var(--gold); border-color:var(--gold); }
.him_cont .info { display: flex;}
.him_cont .info dl  { margin-right:8rem; width:40%;}
.him_cont .info dl dt {  display: inline-block; vertical-align: middle; font-size:var(--txt18);  border-radius:0.5rem; background-color: #fff; color:var(--black); font-weight:700; padding:0.1em 0.7em;}
.him_cont .info dl dd {font-size:var(--txt16); margin-top:1rem; }
.him_cont .info dl dd .dot { padding-left: 0.5em; text-indent: -0.5em;;}

.blood_cont { margin-bottom: 6.5rem;}
.blood_cont .txt { display: flex; justify-content: space-between; margin-top:2rem; font-size:var(--txt16); font-weight:700; }
.blood_cont .txt svg { width:auto; height: 0.6em;;}
.blood_cont .txt p { width:33%;}
.blood_cont .txt p:nth-child(1) svg { margin-right:0.5em;}
.blood_cont .txt p:nth-child(2) { flex:1; text-align: center;}
.blood_cont .txt p:nth-child(3) { text-align: right;}
.blood_cont .txt p:nth-child(3) svg { margin-left:0.5em;}

.com_step { margin-bottom: 6.5rem;}
.com_step ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:1.3rem;}
.com_step ul li { position: relative; text-align: center;}
.com_step ul li + li .img:before { content: ''; position: absolute; left: -3rem; top:50%; width:5rem; height: 5rem;; margin-top:-2.5rem; background: url(../img/sub/prostate/ico_process_arr.svg) no-repeat 50% 50%; background-size: 2.5em auto;;}
.com_step ul li .img { position: relative;}
.com_step ul li .tit { font-size:var(--txt22); border-radius:1rem; background-color: var(--bg); font-weight:700; margin-bottom: 1.5rem; padding:0.5em 1em; color:#fff; margin-top:1rem;}
.com_step ul li .txt { font-size:var(--txt18); font-weight:500; }
.com_step ul li .txt p { padding-left: 0.5em; text-indent: -0.5em;;}

.com_step2 { margin-bottom: 6.5rem;transform: translateY(100px); opacity:0; transition: all 1s ease;}
.com_step2.active { transform: unset; opacity: 1;}
.com_step2 ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:1.3rem;}
.com_step2 ul li { position: relative; text-align: center; order:1;}
.com_step2 ul li + li .img:before { content: ''; position: absolute; left: -3rem; top:50%; width:5rem; height: 5rem;; margin-top:-2.5rem; background: url(../img/sub/prostate/ico_process_arr.svg) no-repeat 50% 50%; background-size: 2.5em auto;;}
.com_step2 ul li .img { position: relative;}
.com_step2 ul li .tit { font-size:var(--txt20); border-radius:1rem; background-color: rgba(255,255,255,0.1); font-weight:500; margin-top: 1.5rem; padding:0.5em 1em; color:#fff; }
.com_step2 ul li:nth-child(6) { order:1;}
.com_step2 ul li:nth-child(4) { order:4 }
.com_step2 ul li:nth-child(5) { order:3}
.com_step2 ul li:nth-child(3) { margin-bottom: 11rem;;}
.com_step2 ul li:nth-child(4) .img:before { transform: scaleX(-1);}
.com_step2 ul li:nth-child(5) .img:before { transform: scaleX(-1);}
.com_step2 ul li:nth-child(6) .img:before {  display: none;}
.com_step2 ul li:nth-child(3):after { content: ''; position: absolute; left:50%; bottom:-11rem; margin-left: -2.5rem; transform: rotate(90deg); width:5rem; height: 5rem;;  background: url(../img/sub/prostate/ico_process_arr.svg) no-repeat 50% 50%; background-size: 2.5em auto;;}

.sub_circumcision .info_table .head div:nth-child(1) {  width: 20%;}
.sub_circumcision .info_table .head div:nth-child(2) {  width: 40%;  margin: 0 1rem;}
.sub_circumcision .info_table .head div:nth-child(3) {  width: 40%;}
.img_area { transform: translateY(100px); opacity:0; transition: all 1s ease;}
.img_area.active { transform: unset; opacity: 1;}
.img_area1 { border-radius:var(--radius2); overflow: hidden; margin-bottom: 6.5rem;transform: translateY(100px); opacity:0; transition: all 1s ease;}
.img_area1.active { transform: unset; opacity: 1;}

.surgery_area2 { padding: 6.5rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); }
.surgery_area2 .title { text-align: center; font-size:var(--tit30); margin-bottom: 2.5rem; font-weight:700; ;}
.surgery_area2 .img1 { margin-bottom: 4rem; border-radius:var(--radius2); overflow: hidden; padding:5rem; background-color: #fff; text-align: center;}
.surgery_area2 .img1 img { max-width:46rem; }
.surgery_area2 .step {   }
.surgery_area2 .step ul { display: flex; justify-content: center; }
.surgery_area2 .step ul + ul { margin-top:6.5rem; }
.surgery_area2 .step ul li { flex:1; }
.surgery_area2 .step ul li + li { margin-left: 4rem; position: relative;}
.surgery_area2 .step ul li .box .img_box { margin-bottom: 1.5rem; overflow: hidden;border-radius:var(--radius2); overflow: hidden; }
.surgery_area2 .step ul li .box {   text-align: center;}
.surgery_area2 .step ul li .box .tit { text-align: center; margin-top:1.6rem; font-size:var(--txt20); font-weight:700; }
.surgery_area2 .step ul li .box .txt { text-align: center; margin-top:1rem; font-size:var(--txt18);}

.sub_infertility .com_circles .item div span { font-size:var(--txt16); }
.sub_infertility .com_circles .item div span + span { font-size:var(--txt22)}

.circle_box { display: flex; justify-content: center ; margin-bottom: var(--secPd);;}
.circle_box div { width:36rem; }
.circle_box div:nth-child(1) { transform:translateY(100px); opacity:0; transition: all 1s ease;}
.circle_box div:nth-child(2) { transform:translateY(-100px); opacity:0; transition: all 1s ease 0.2s;}
.circle_box div:nth-child(3) { transform:translateY(100px); opacity:0; transition: all 1s ease 0.4s;}
.circle_box div.active { transform: unset !important; opacity: 1 !important;}

.circle_box div p {  padding-top:100%; position: relative; } 
.circle_box div p span { position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight:700; border:1px solid #000; border-radius:100%;  font-size:var(--tit30);}
.circle_box div p small { display: block; margin-top:1rem; font-size:var(--txt18); font-weight:400;}

.scrollinfo_sect { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--secPd);}
.scrollinfo_sect .sub_tit_box { position: sticky; top:var(--hdH);  margin-right:5rem;}
.scrollinfo_sect .sub_tit_box .txt2 { color:#000; }
.scrollinfo_sect .list_type1 { width:52rem; }
.scrollinfo_sect .list_type1 ul { display: block; }
.scrollinfo_sect .list_type1 ul li + li { margin-top:6.5rem; }
.scrollinfo_sect .list_type1 ul .tit,
.scrollinfo_sect .list_type1 ul .txt { text-align: left ;}

.about_sect .img3 { text-align: center; margin-bottom: 4rem;transform: translateY(100px); opacity:0; transition: all 1s ease;}
.about_sect .img3.active {transform: unset; opacity: 1;}
.about_sect .img3 img { max-width:90rem; width:100%; }
.about_sect .img4 { display: flex; justify-content: center; align-items: center; padding:10rem 3rem 8rem; border-radius: var(--radius2); background-color: var(--bg2); transform: translateY(100px); opacity:0; transition: all 1s ease;}
.about_sect .img4.active { transform: unset; opacity: 1;}
.about_sect .img4 dl { width:33rem; text-align: center; }
.about_sect .img4 dl .tit { font-size:var(--tit30); font-weight:700; margin-bottom: 2rem; min-height: 3em; display: flex; align-items: center; justify-content: center;  flex-direction: column;}
.about_sect .img4 dl .tit p { font-size:var(--txt16); padding:0.1em 0.7em; background-color: var(--bg); color:#fff; font-weight:400; display: inline-block; vertical-align: middle;}
.about_sect .img4 dl dt .tit strong { line-height: 1.2; display: block; font-weight:700; margin-top:1rem;}
.about_sect .img4 dl dd .tit{display:none;}
.about_sect .img4 dl dt img { max-width:18rem; width:100%; height: auto; }
.about_sect .img4 dl dd { font-size:var(--txt18); font-weight:500; margin-top: 2.5rem; }
.about_sect .img5 {transform: translateY(100px); opacity:0; transition: all 1s ease; }
.about_sect .img5 img.mobile { display:none;}
.about_sect .img5.active { transform: unset; opacity: 1;}
.about_sect .img6 { padding:0 var(--inPd); text-align: center; border-radius: var(--radius2); background-color: var(--bg2); transform: translateY(100px); opacity:0; transition: all 1s ease;}
.about_sect .img6 img { width:100%; max-width:50rem;}
.about_sect .img6.active { transform: unset; opacity: 1;}

.whygood_sect .desc1 { font-size:var(--txt18); margin-bottom: 4rem;}
.whygood_sect .img4 { display: flex; margin-bottom: 4rem;}
.whygood_sect .img4 div {  flex:1; border-radius:var(--radius2); overflow: hidden;  transform: translateY(100px); opacity:0; transition: all 1s ease;}
.whygood_sect .img4 div:nth-child(1) img { height: 100%; object-fit: cover;}
.whygood_sect .img4 div + div { margin-left: 2rem;}
.whygood_sect .img4 div.active { transform: unset; opacity: 1;}
.whygood_sect .img4 .right { display:flex; align-items:center; padding: 4rem 6rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); }
.whygood_sect .img4 .right dl { width:50%; text-align:center; padding: 0 3rem; }
.whygood_sect .img4 .right dl dt strong { display:block; margin-bottom:4rem; font-size:var(--tit25); font-weight:700; }
.whygood_sect .img4 .right dl dd { margin-top:1.5rem; font-size:var(--txt18); font-weight:500;}

.sub_incontinence .tab_cont .cont:nth-child(2) .sub_tit_box .tit { font-size:4rem; margin-bottom: 0;}
.sub_incontinence .tab_cont .cont:nth-child(2) .sub_tit_box .txt2 { color:rgba(255,255,255,0.6); }
.sub_incontinence .tab_cont .cont:nth-child(2) .sub_tit_box .txt { font-size:var(--txt18);}
.vs_cont { display: flex; justify-content: center; align-items: center; margin-bottom: 4rem;transform: translateY(100px); opacity:0; transition: all 1s ease;}
.vs_cont.active { transform: unset; opacity: 1;}
.vs_cont > span { font-size:7rem; font-weight:700; color:rgba(255,255,255,0.3); margin:0 1rem;}
.vs_cont dl { max-width:40rem; padding: 4rem 3rem; border-radius:var(--radius2); background-color: rgba(255,255,255,0.1); }
.vs_cont dl:last-child { padding:6.5rem 4rem; max-width:52rem; }
.vs_cont dl dt img { border-radius:var(--radius2); overflow: hidden; }
.vs_cont dl dd { padding-top:2rem; text-align: center; }
.vs_cont dl dd .txt1 { font-size:var(--tit25); font-weight:700;  }
.vs_cont dl dd .txt2 { font-size:var(--txt18);}

.hpv_box2 { transform: translateY(100px); opacity:0; transition: all 1s ease;}
.hpv_box2 svg { width:100%; height: auto;}
.hpv_box2.active { transform: unset; opacity: 1;}

@keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}




/* sub2.css */

/*골드만의 특별함*/




.wrap_specialty .full_visual {}
.wrap_specialty .full_visual .sub_visual.specialty { height: 150vh; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 0; }


.full_visual .sub_visual.specialty .sub_visual_img {position: sticky; top: 0 ;width: 100%; height: 101dvh; transform-origin: center bottom; transition: .65s cubic-bezier(0.71, 0.07, 0.32, 0.96); overflow: hidden}
.full_visual .sub_visual.specialty .sub_visual_img .img {position: absolute; width: 100%; padding-top: 101dvh; max-width: 100%; left: 50%; bottom: 0; transform: translateX(-50%); transition: .85s cubic-bezier(0.71, 0.07, 0.32, 0.96)}
.full_visual .sub_visual.specialty .sub_visual_img .img:before {content: ""; background-color: rgba(0,0,0,0.5); position: absolute; inset: 0;transition: .85s cubic-bezier(0.71, 0.07, 0.32, 0.96); z-index: 1}
.full_visual .sub_visual.specialty .sub_visual_img .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; transform: scale(1.15); transition: 1.5s ease-in-out .1s}
.full_visual .sub_visual.specialty .tit_wrap {position: absolute; left: 0; top: 0; padding-top: var(--hdH)}

.full_visual.active .sub_visual.specialty .sub_visual_img .img:before {opacity: 0}
.full_visual.active .sub_visual.specialty .sub_visual_img .img {width: var(--subIn);padding-top: calc(var(--subIn) * 0.4);}



.wrap_specialty .full_visual .sub_visual.specialty .lnb {padding-left: 0; padding-right: 0; opacity: 0; transform: translateY(50px); transition: opacity .6s cubic-bezier(0.33, 1, 0.68, 1), transform .6s cubic-bezier(0.33, 1, 0.68, 1);}
.wrap_specialty .full_visual .sub_visual.specialty .tit_wrap .txt {opacity: 0; transform: translateY(50px); transition: opacity .6s cubic-bezier(0.33, 1, 0.68, 1) 0.8s, transform .6s cubic-bezier(0.33, 1, 0.68, 1) 0.8s;}
.sub_visual.specialty .tit {overflow: hidden}
.sub_visual.specialty .tit span {display: inline-block; transform: translateY(100%);transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-duration: 0.6s; transition-property: transform}
.sub_visual.specialty .tit span:nth-child(1) {transition-delay: 0.3s}
.sub_visual.specialty .tit span:nth-child(2) {transition-delay: 0.35s}
.sub_visual.specialty .tit span:nth-child(3) {transition-delay: 0.4s}
.sub_visual.specialty .tit span:nth-child(4) {transition-delay: 0.45s}
.sub_visual.specialty .tit span:nth-child(5) {transition-delay: 0.5s}
.sub_visual.specialty .tit span:nth-child(6) {transition-delay: 0.55s}
.sub_visual.specialty .tit span:nth-child(7) {transition-delay: 0.6s}
.sub_visual.specialty .tit span:nth-child(8) {transition-delay: 0.65s}
.sub_visual.specialty .tit span:nth-child(9) {transition-delay: 0.7s}
.sub_visual.specialty .tit span:nth-child(10) {transition-delay: 0.75s}

.wrap_specialty .full_visual .sub_visual.specialty.active .tit_wrap .txt,
.wrap_specialty .full_visual .sub_visual.specialty.active .lnb {opacity: 1; transform: unset}
.sub_visual.specialty.active .tit span {transform: unset}

.full_visual .sub_visual.specialty.active .sub_visual_img img {transform: scale(1)}


.special_page .sub_visual_img { width: 100%; height: 100dvh;}
.special_page .sub_visual_img:before { content: ''; position: absolute; left: 0; top:0; bottom:0; right:0; background: rgba(0,0,0,0.6); opacity: 0; display: none}
.special_page .sub_visual_img img { width:100%; height: 100%; object-fit: cover;}
.special_page .sub_visual_img2 { margin-bottom: 12rem; position: relative;}
.special_page .sub_visual_img2 img { height: 65rem; object-fit: cover; width:100%; object-position:50% 90%;}

.special_page .intro_sect .year {}





/*.special_page .sub_visual_img2::before {content: ""; position: absolute; left: -2px; top: -2px; width: calc(50% + 4px); height: calc(100% + 4px); background-color: #fff; z-index: 2; transition: width 1s ease-in-out;}*/
/*.special_page .sub_visual_img2::after {content: ""; position: absolute; right: -2px; top: -2px; width: calc(50% + 4px); height: calc(100% + 4px); background-color: #fff; z-index: 2; transition: width 1s ease-in-out;}*/
/*.special_page .sub_visual_img2.active::after,*/
/*.special_page .sub_visual_img2.active::before {width: 0;}*/

/*
.special_page .sub_visual_img { height: 60rem; position: relative; transition: all 1s ease; }
.special_page .sub_visual_img p { position: absolute; left: 50%; transform: translateX(-50%); top:-100vh; width:100vw; height: 100vh; z-index:-1; transition: all 1s ease; }
.special_page .sub_visual_img p:before { content: ''; position: absolute; left: 0; top:0; bottom:0; right:0; background: rgba(0,0,0,0.6);}
.special_page .sub_visual_img img { width:100%; height: 100%; object-fit: cover;}
.special_page .sub_visual_img2 { margin-bottom: 12rem;}
.special_page .sub_visual_img2 img { height: 60rem; object-fit: cover; width:100%; object-position:50% 90%;}
.intro_sect.active .sub_visual_img { margin-top:12rem; }
.intro_sect.active .sub_visual_img p { left: 0; top:0; transform: unset; width:100%; height: 60rem; }
*/

.msg_sect { height: 100vh; position: relative; display:none;}
.msg_sect .bg_img { position: absolute; left: 0; top:0; width:100%; height: 100%; transform:scale(0.5);   }
.msg_sect .bg_img img { position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;}
.msg_sect .txt_box { display: flex; align-items: center; height: 100%;; color:#fff; }
.msg_sect .txt_box .txt1 { font-size:var(--tit50); font-weight:700; line-height: 1.4; margin-bottom: 6rem; opacity:0; transform: translateY(50px); }
.msg_sect .txt_box .txt2 {font-size:var(--tit30); font-weight:600; margin-bottom: 3rem; opacity:0; transform: translateY(50px); }
.msg_sect .txt_box .txt3 { font-size:var(--txt20); font-weight:500; opacity:0; transform: translateY(50px); }
.msg_sect .txt_box .txt3 p {  margin-bottom: 3rem;}
.msg_sect .txt_box .txt4 { font-size:var(--tit30); font-weight:700; opacity:0; transform: translateY(50px); }

.sign_sect { position: relative; opacity: 0; transform: translateY(200px) scale(0.8); transition: 1.5s cubic-bezier(0.33, 1, 0.68, 1); will-change: transform}
.sign_sect.active {opacity: 1; transform: unset;}
.sign_sect .bg_img { position: sticky; left: 0; top:0; right:0; height: 100lvh; background-color: #000}
body.kakao .sign_sect .bg_img {height: var(--kakaoVh);max-height: var(--kakaoVh);}
.sign_sect .bg_img:before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 70%; background: linear-gradient(180deg, rgba(16, 16, 16, 0.00) 58.5%, rgba(16, 16, 16, 0.73) 78.59%, rgb(0 0 0) 98%, #000 30%);; z-index: 2}
.sign_sect .bg_img img { width:100%; height: 100%; object-fit: cover; transition: 0.6s ease-in-out}
.sign_sect .txt_box { padding-bottom: 30vh}
.sign_sect .txt_box .txt { font-size:var(--tit35); color:#fff; opacity:0.1; font-weight: 700}
.sign_sect .txt_box .txt + .txt { margin-top:10rem; }
.sign_sect .txt_box .txt strong { font-weight:700;}



.sign_sect .bg_img img.active {opacity: 0.25}

/*.sub_specialty .sticky_wrap .sign_sect {position: sticky; top: 0}*/

.sub_specialty .bk_bg {background-color: #000; position: relative; z-index: 1; margin-top: -1px}

.text_ani { padding:var(--secPd2) 0;  line-height: 1; display: flex; flex-wrap: nowrap; overflow: hidden; font-size:17rem; color:rgba(255,255,255,0.25); }
.text_ani p { display: flex; align-items: flex-end; white-space: nowrap;   animation: textLoop2 30s linear infinite; font-family: "Manrope", sans-serif; font-weight:800;}
.text_ani p em { width:0.3em; height: 0.3em; flex-shrink: 0; border-radius:100%; background-color: rgba(255,255,255,0.25); margin:0 0.3em ;  transform: translateY(-0.1em);}
.special_tit_box { margin-bottom: 12rem;  line-height: 1.3;}
.special_tit_box .tit { font-size:10rem; font-weight:700; margin-bottom: 4rem; }
.special_tit_box .txt{ font-size:var(--txt22); font-weight:600;; }
.special_tit_box  { margin-bottom: 8rem;}
.special_tit_box > *{opacity: 0; transform: translateY(100px); transition: opacity 1s ease, transform 1s ease;}
.special_tit_box > *:nth-child(2) { transition-delay: 0.2s;}
.special_tit_box > *:nth-child(3) { transition-delay: 0.4s;}
.special_tit_box > *:nth-child(4) { transition-delay: 0.6s;}
.special_tit_box.active > * {opacity: 1; transform: unset}

.core_sect {  position:relative; height: 100lvh;}
body.kakao .core_sect {height: var(--kakaoVh);max-height: var(--kakaoVh);}
.core_sect .box { position: relative; text-align: center; height:100%; display:flex ;align-items: center; justify-content: center; overflow: hidden;}
.core_sect .box .circle { width:50vw; margin:0 auto; border-radius:50%; will-change: clip-path, transform; clip-path:circle(0% at 100% 0%);}
.core_sect .box svg { width:100%; height:auto; }
.core_sect .box .txt { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align: center; color:#fff;}
.core_sect .box .txt strong { font-size:9rem; line-height:1.3;  font-weight:700;} 
.core_sect .box .txt p { font-size:var(--txt22); font-weight:600; margin-top:4rem;}


.value_sect {  padding: 0 0 32rem; color:#fff;margin-top: -100vh}
.value_sect .in{ max-width:180rem;}
.value_sect ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:4rem;}

.value_sect ul li {padding-top:100%; position: relative;; transition-property: opacity ,  transform; transition-duration: 0.8s; transition-timing-function: ease-in-out; z-index: 3}
.value_sect ul li.copy {z-index: 2; }
.value_sect ul li:nth-child(2) { transition-delay: 0.55s; z-index: 6; opacity: 0}

/*.value_sect ul li:nth-child(3) {transform: translateX(calc(-200% - 8rem));transition-delay: 1.2s; z-index: 1}*/


.value_sect ul li .item { position: absolute; left: 0; top:0; width:100%; height: 100%; border-radius:50%; background-color: rgba(255,255,255,0.3); display: flex; align-items: center; justify-content: center; text-align:center; overflow: hidden; z-index: 3}
.value_sect.active ul li .item {transition: transform 0.8s ease-in-out}
.value_sect.active ul li .item.copy.num1 {transform: unset !important; }
.value_sect.active ul li .item.active.num1 {z-index: 6; transition: transform 0.8s ease-in-out , opacity 0.8s ease-in-out 0.2s}
.value_sect.active ul li .item.active.num2 {z-index: 5; transition: transform 0.8s ease-in-out }
.value_sect.active ul li .item.active.num3 {z-index: 4; transition: transform 0.8s ease-in-out }

.value_sect.active ul li .item.active.num1 {transform: translateX(calc(100% + 4rem)); opacity: 0}
.value_sect.active ul li .item.active.num2 {transform: translateX(calc(100% + 4rem));}
.value_sect.active ul li .item.active.num3 {transform: translateX(calc(100% + 4rem));}
.value_sect.active ul li .item.copy.num2,
.value_sect.active ul li .item.copy.num1 {transform: translateX(calc(100% + 4rem))}



.value_sect.active.on ul li .item.active.num2 {transform: translateX(calc(200% + 8rem)); opacity: 0; transition: transform 0.8s ease-in-out , opacity 0.8s ease-in-out 0.2s}
.value_sect.active.on ul li .item.active.num3 {transform: translateX(calc(200% + 8rem)); transition: transform 0.8s ease-in-out }

.value_sect.active.on.all ul li .item:before {  opacity: 1; }
.value_sect.active.on.all ul li .item svg .fill1 { fill: #fff;}
.value_sect.active.on.all ul li .item svg .fill2 { fill: #fff;}
.value_sect.active.on.all ul li .item svg .stroke { stroke: #fff;}

/*.value_sect.active.on*/






/*.value_sect ul li:nth-child(1) .item.active {transition: transform 0.8s ease-in-out , opacity 0.2s ease-in-out 1.6s}*/
/*.value_sect ul li:nth-child(2) .item.active {transition: transform 0.8s ease-in-out 1.6s, opacity 0.2s ease-in-out 2.6s}*/
/*.value_sect ul li:nth-child(3) .item.active {opacity: 0; transition: opacity 0.2s ease-in-out 2.4s}*/

/*.value_sect.active ul li:nth-child(1) .item.active {transform: translateX(calc(100% + 4rem)); opacity: 0}*/
/*.value_sect.active ul li:nth-child(2) {opacity: 1}*/
/*.value_sect.active ul li:nth-child(n+2) .item.active {transform: unset}*/
/*.value_sect.active ul li:nth-child(2) .item.active {transform: translateX(calc(100% + 4rem)); opacity: 0}*/
/*.value_sect.active ul li:nth-child(3) .item.active {opacity: 1}*/


.value_sect ul li .item:before { content: ''; position: absolute;; left: 0; top:0; width:100%; height: 100%; background: linear-gradient(180deg, #FCA400 0%, #F27900 100%); opacity:0; transition: all 0.8s ease-in-out;}
.value_sect ul li .item .cont { position: relative;}
.value_sect ul li .item svg { width:4em; height: auto; margin:0 auto; transition: all 0.6s ease; display: block;    transform: translateZ(0); }
.value_sect ul li .item svg path { transition: all 0.6s ease; }
.value_sect ul li .item dl dt { font-size:var(--tit70); font-weight:700; margin-bottom: 3rem;line-height: 1; margin-top:2rem;}
.value_sect ul li .item dl dd { font-size:var(--txt22); font-weight:600;; }



.value_sect ul li .item.active:before {  opacity: 1; }
.value_sect ul li .item.active svg .fill1 { fill: #fff;}
.value_sect ul li .item.active svg .fill2 { fill: #fff;}
.value_sect ul li .item.active svg .stroke { stroke: #fff;}

@keyframes fadeInOut {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}



.point_wrap {}
.point_sect2 { margin:0 var(--fullInPd); display: grid; align-items: flex-start; grid-template-columns: minmax(0,40%) minmax(0,60%);}
.point_sect2 .left { padding:var(--hdH) 0 0; position: sticky; top: 0; height: 100dvh; display: flex; align-items: center}
.point_sect2 .left .img_box { width: 100%; padding-top: 100%; overflow: hidden; border-radius:var(--radius2); position: relative;}
.point_sect2 .left .img_box .img { position: absolute; left: 0; bottom:0; width:100%; height: 100%; }
.point_sect2 .left .img_box .img:nth-child(1) {clip-path: unset !important}
.point_sect2 .left .img_box .img:nth-child(n+2) {clip-path: inset( 100% 0 0 0); }
.point_sect2 .left .img_box .img img { position: absolute; left: 0; top: 0; object-position: center; object-fit: cover}

.point_sect2 .right {padding-top: 12rem}
.point_sect2 .right .img { display: none;}
.point_sect2 .right .txt_box { padding:25rem 0 25rem 15rem; color:#fff;  position: relative;}
.point_sect2 .right .txt_box .num { position:absolute; right:13rem; top:3rem; font-size:12rem; font-weight:700;}
.point_sect2 .right .txt_box .txt1 { font-size:var(--tit25); font-weight:700; color:var(--gold); margin-bottom: 2rem;}
.point_sect2 .right .txt_box .txt2 { font-size:var(--tit70); font-weight:700; line-height: 1.3; margin-bottom: 6rem;}
.point_sect2 .right .txt_box .txt3 { font-size:var(--tit30); font-weight:600; margin-bottom: 3rem;}
.point_sect2 .right .txt_box .txt4 p { font-size:var(--txt20);  margin-bottom: 3rem;}
.point_sect2 .right .txt_box .txt5 { margin-bottom: 3rem;}
.point_sect2 .right .txt_box .txt5 strong { font-size:4rem; font-weight:700; }
.point_sect2 .right .txt_box .txt5 p { font-size:var(--txt22); font-weight:600; }
.point_sect2 .right .txt_box .crc{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.point_sect2 .right .txt_box .crc div { padding-top:100%; position: relative;}
.point_sect2 .right .txt_box .crc div dl { position: absolute; left: 0; top:0; width:100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(255,255,255,0.1); text-align: center; ; border-radius:100%;}
.point_sect2 .right .txt_box .crc div dl dt { font-size:var(--txt16); font-weight:700; color:var(--gold);; margin-bottom: 1em}
.point_sect2 .right .txt_box .crc div dl dt img {width: 4em}
.point_sect2 .right .txt_box .crc div dl dd { font-size:var(--txt20); font-weight:700; }

/* .data_sect { padding:32rem 0; background-color: #000; color:#fff; padding-right:12rem;}
.data_sect .in { max-width:200rem; }
.data_sect .data_info { margin-bottom: 24rem; display: flex; justify-content: space-between; align-items: flex-start;}
.data_sect .data_info .special_tit_box { position: sticky; top:var(--hdH); }
.data_sect .data_info ul { width:50%; padding-top:15rem; }
.data_sect .data_info ul li { padding:6rem 0 3rem; display: flex ; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.5); transform: translateY(100px); opacity:0; transition: all 0.5s ease;}
.data_sect .data_info ul li.active { opacity:1; transform: unset;}
.data_sect .data_info ul li .val { width:12em; font-size:var(--txt22); font-weight:500; line-height: 1; }
.data_sect .data_info ul li .val strong { font-size:9rem; font-weight:700; line-height: 1;}
.data_sect .data_info ul li .text { flex:1; }
.data_sect .data_info ul li .text .tit { font-size:var(--tit30); font-weight:700; margin-bottom: 2.5rem;}
.data_sect .data_info ul li .text .txt { font-size:var(--txt18); font-weight:500;} */

.special_page .data_sect {padding-bottom: 0}
.data_sect { background:#000; padding:var(--mainSect) var(--inPd); color:#fff;  }
.data_sect .special_tit_box { text-align:center; }
.data_box { display:flex; justify-content: center; align-items: center;}

.data_box .txt { transform: translateY(100%); line-height:1; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content: center; transition: transform .85s cubic-bezier(.33,1,.68,1) .1s}
.data_box .txt.active {transform: unset}
.data_box .txt.active.out {transform: translateY(-100%)}


.data_box .left_box { flex:1; text-align: center; position: relative; padding-bottom:22%; overflow: hidden}
.data_box .left_box .txt1 strong { font-size:20rem; font-weight:700;}
.data_box .left_box .txt1 {font-size: var(--tit70); font-weight:500;}

.data_box .center_box { flex:1; position:relative; padding-bottom:22%; perspective: 1000px; transform-style: preserve-3d; --border-radius: 5rem; }
.data_box .center_box .img { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:5rem; overflow: hidden; clip-path: inset(100% 0% 0% 0%); transition: clip-path .85s cubic-bezier(.33,1,.68,1) 0s}
.data_box .center_box .img:nth-child(1) {clip-path: inset(0% 0% 0% 0%);}
.data_box .center_box .img.active {clip-path: inset(0% 0% 0% 0%)}
.data_box .center_box .img.active.out {clip-path: inset(0% 0% 100% 0%)}
.data_box .center_box .img img { position:absolute; left:0; top: 0; width:100%; height:100%; object-fit: cover;}

.data_box .right_box { flex:1; position: relative;padding-bottom:22%; overflow: hidden}
.data_box .right_box .txt2{ font-size:var(--tit35); font-weight:700;}
.data_box .right_box .txt2 p { font-size:var(--txt22); font-weight:500; margin-top:3rem; line-height: 1.6}
.data_box .right_box .txt2 div {  }

/* 3D Transform for each image - initially clipped */
/*.data_box .center_box .img:nth-child(1) { transform: rotateX(5deg) rotateY(-10deg) translateZ(40px); }*/
/*.data_box .center_box .img:nth-child(2) { transform: rotateX(-3deg) rotateY(8deg) translateZ(20px); }*/
/*.data_box .center_box .img:nth-child(3) { transform: rotateX(2deg) rotateY(-5deg) translateZ(0px); }*/
/*.data_box .center_box .img:nth-child(4) { transform: rotateX(-5deg) rotateY(12deg) translateZ(-20px); }*/
/*.data_box .center_box .img:nth-child(5) { transform: rotateX(8deg) rotateY(-15deg) translateZ(-40px); }*/

/* Active states with 3D transforms */
/*.data_box .center_box .img:nth-child(1).active { transform: rotateX(8deg) rotateY(-15deg) translateZ(60px) scale(1.02); clip-path: inset(0% round var(--border-radius)); }*/
/*.data_box .center_box .img:nth-child(2).active { transform: rotateX(-5deg) rotateY(12deg) translateZ(40px) scale(1.01); clip-path: inset(0% round var(--border-radius)); }*/
/*.data_box .center_box .img:nth-child(3).active { transform: rotateX(3deg) rotateY(-8deg) translateZ(20px) scale(1.0); clip-path: inset(0% round var(--border-radius)); }*/
/*.data_box .center_box .img:nth-child(4).active { transform: rotateX(-8deg) rotateY(18deg) translateZ(-10px) scale(0.99); clip-path: inset(0% round var(--border-radius)); }*/
/*.data_box .center_box .img:nth-child(5).active { transform: rotateX(12deg) rotateY(-22deg) translateZ(-30px) scale(0.98); clip-path: inset(0% round var(--border-radius)); }*/



.data_rolling .item { }
.data_rolling .item .box { border-radius:3rem; overflow: hidden; position: relative; }
.data_rolling .item .img img {width:100%; }
.data_rolling .item dl { position: absolute; left: 0; top:50%; transform: translateY(-50%); width:100%; padding:0 16rem; color:#fff; }
.data_rolling .item dl dt { font-size:var(--tit70); font-weight:700; margin-bottom: 2.5rem;}
.data_rolling .item dl dd { font-size:var(--txt22); font-weight:600;}
.data_rolling_wrap { position: relative; }
.data_rolling_wrap .data_control { position: fixed; right:8rem; top:46%; transform: translateY(-50%); text-align: center; display: flex; flex-direction: column; align-items: center;  transition: all 0.5s ease; opacity:0; visibility: hidden;}
.data_rolling_wrap .data_control span { font-size:var(--txt20); font-weight:500; color:#fff; }
.data_rolling_wrap .data_control p { width:2px; height: 25rem; background-color: rgba(255,255,255,0.2); position: relative;}
.data_rolling_wrap .data_control p em { position: absolute; left: 0; top:0; width:100%; height: 10%; background-color: #fff; }
.data_rolling_wrap .data_control.active { opacity:1; visibility: visible;}

.slide_sect { background:#000;  padding:var(--secPd) 0; overflow: hidden;}
.slide_sect .slide .swiper-container {overflow: visible;}
.slide_sect .slide .item {overflow: hidden; padding: 1px;}
.slide_sect .slide .item .img {position:  relative;  padding-top: 43%; transition: transform 1s cubic-bezier(0.45, 0, 0, 1) 0s;}
.slide_sect .slide .item .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; overflow: hidden; border-radius: 4rem; opacity: 0.7}
.slide_sect .slide .swiper-slide-active .img::before {content: ""; position: absolute; width: calc(50% + 4px); height: calc(100% + 4px); left: -2px; top: -2px; background-color: #000; z-index: 2; transition: width 1s cubic-bezier(0.45, 0, 0, 1);}
.slide_sect .slide .swiper-slide-active .img::after  {content: ""; position: absolute; width: calc(50% + 4px); height: calc(100% + 4px); right: -2px; top: -2px; background-color: #000; z-index: 2; transition: width 1s cubic-bezier(0.45, 0, 0, 1);}
.slide_sect .slide .swiper-slide-prev .img,
.slide_sect .slide .swiper-slide-duplicate-prev .img,
.slide_sect .slide .swiper-slide-duplicate-next .img,
.slide_sect .slide .swiper-slide-next .img{transform: translateY(100%);}
.slide_sect .slide .item .over_link{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.slide_sect .slide .item .cont_box {position: absolute; left: 10rem; top: 26%; color: #fff; opacity: 0; transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.slide_sect .slide .item .num_box {display: flex; color: #fff; margin-bottom: 6rem;position: relative; z-index: 20; pointer-events:auto;}
.slide_sect .slide .item .num_box .num {display: flex; align-items: center; justify-content: center; width: 3.5em; height: 3.5em; background-color: transparent; border: 1px solid #fff; border-radius: 50%; font-size: var(--txt16); font-weight: 700; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out; color:#fff; }
.slide_sect .slide .item .num_box .num.active {background-color: #fff; color: #000;}
.slide_sect .slide .item .num_box .num + .num {margin-left: 10px;}
.slide_sect .slide .item .cont_box .txt_box .tit {font-size: var(--tit70); font-weight: 700; line-height: 1.5;}
.slide_sect .slide .item .cont_box .txt_box .txt { font-size:var(--txt22); margin-top: 1.5rem; }
.slide_sect.active .slide .swiper-slide-duplicate-prev .img,
.slide_sect.active .slide .swiper-slide-prev .img,
.slide_sect.active .slide .swiper-slide-duplicate-next .img,
.slide_sect.active .slide .swiper-slide-next .img {transform: translateY(0%); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) 0.2s;}
.slide_sect.active .slide .swiper-slide-active .img::before ,
.slide_sect.active .slide .swiper-slide-active .img::after {width: 0; transition: width 1.7s cubic-bezier(0.45, 0, 0, 1);}
.slide_sect.active .controls,
.slide_sect.active .slide .item .cont_box {opacity: 1;}

.slide_sect .controls {display: none}

.clinic_sect {padding: var(--mainSect) 0;   margin-top: -2px}
.clinic_sect .in { max-width:200rem;}
.clinic_sect .sect_tit_box {display: flex; align-items: flex-end; justify-content: space-between}
.clinic_sect .cont{margin-top: 6rem; padding: 0 var(--fullInPd)}
.clinic_sect .clinic_list{display: flex; width: 100%; height: 62rem;}
.clinic_sect .clinic_list .item a {position: relative; display: block; width: 100%; height: 100%; transform: translateX(50px); opacity:0; transition: all 0.5s ease;}
.clinic_sect .clinic_list .item.active a { transform: unset; opacity:1; }
.clinic_sect .clinic_list .item:nth-child(1) a { transition-delay: 0.1s;}
.clinic_sect .clinic_list .item:nth-child(2) a { transition-delay: 0.3s;}
.clinic_sect .clinic_list .item:nth-child(3) a { transition-delay: 0.5s;}
.clinic_sect .clinic_list .item:nth-child(4) a { transition-delay: 0.7s;}
.clinic_sect .clinic_list .item:nth-child(5) a { transition-delay: 0.9s;}
.clinic_sect .clinic_list .item:nth-child(6) a { transition-delay: 1.1s;}



.clinic_sect .clinic_list .item{position: relative; height:100%; border-radius: 1.6rem; overflow:hidden; flex: 1; transition: flex 0.5s var(--ease) 0s; transform-origin: center;}
.clinic_sect .clinic_list .item + .item{margin-left:2rem;}
.clinic_sect .clinic_list .item a{position: relative; display: block; width: 100%; height: 100%; }
.clinic_sect .clinic_list .item .img_box{position: relative; height: 100%;}
.clinic_sect .clinic_list .item .img_box:before{content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1; opacity: 0; transition: 0.3s ease-in-out 0s}
.clinic_sect .clinic_list .item .img_box img{position: absolute; inset:0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.clinic_sect .clinic_list .item .txt_box { position: absolute; left: 0; bottom: 0; transform: translateY(calc(100% + -18rem)); width: 100%; padding: 0 0 1rem 3.2rem; color: #fff; z-index: 3; transition: transform 0.3s var(--ease);}
.clinic_sect .clinic_list .item .txt_box .sub_tit{display: block;font-size:10px; min-height: calc(var(--txt1) * 1.7) ;font-weight: 600; opacity: 0; transition: opacity 0.3s var(--ease), font-size 0.3s ease ;text-align: left; margin-bottom: 0}
.clinic_sect .clinic_list .item .txt_box .tit{font-size: 4rem; font-weight: 600; margin-top:4rem; opacity: 1 ;transition:font-size 0.3s var(--ease);}
.clinic_sect .clinic_list .item .txt_box .txt{font-size: 10px; margin-top:1.5rem; opacity: 0;min-height: calc(var(--txt2) * 1.7 * 3); transition: opacity 0.3s var(--ease), font-size 0.3s ease ;}
.clinic_sect .clinic_list .item .txt_box .btn{display: flex; align-items: center; justify-content: center; position: absolute; bottom: calc(1rem + var(--txt2) * 1.7); right:3rem; width:6.4rem; height:6.4rem; background: #fff; border-radius: 50%; opacity:0;  transition: opacity 0.3s var(--ease);}
.clinic_sect .clinic_list .item .txt_box .btn .ico{width:1em; height:1em; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L8.2375 1.7625L15.2125 8.75H0L0 11.25H15.2125L8.2375 18.2375L10 20L20 10L10 0Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center / contain;}
.clinic_sect .clinic_list .item .basic_tit { position: absolute; left: 2.5rem; bottom: 4.5rem;  width: 100%; font-size: 3.2rem; font-weight: 600; transition: 0.3s ease-in-out; opacity: 0}





.special_page .com_location {margin-top: 0}

.tabs2_mobile { display: none;}
.tabs2_mobile .nice-select { font-size:var(--txt2); height: var(--inpH); line-height: var(--inpH); padding: 0 1.3em; border: 0; border-radius:1rem;  font-weight: 500; background-color: var(--bg2);; }
.tabs2_mobile .nice-select:after { right: 2rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%231C1C1C" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; opacity:0.3;}
.tabs2_mobile .nice-select.open:after { transform: rotate(180deg); }

.hood_sect { margin-bottom: var(--secPd);}
.hood_sect .hood { padding: 6.5rem; border-radius:var(--radius2); background:rgba(255,255,255,0.1); display: flex; ;justify-content: center; text-align: center; margin-bottom: 4rem;}
.hood_sect .hood dl { width:30%; }
.hood_sect .hood dl + dl { margin-left: 4rem;}
.hood_sect .hood dl dt { font-size:var(--tit30); font-weight:700; margin-bottom: 2rem; }
.hood_sect .com_about_icos ul li { padding-top:4rem; padding-bottom: 4rem;;}


.progress_cont { margin-bottom: var(--secPd);;}
.progress_cont .in { padding:0 12rem;}
.progress_cont .ico_cont { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5rem; }
.progress_cont .ico_cont .ico { position: relative; display: flex; align-items: center; justify-content: center; width: 30rem; height: 30rem; margin: 0 auto; border-radius: 100%; background-color: rgba(255,255,255,0.1);; }
.progress_cont .ico_cont .ico img { width: 50%; object-fit: contain; }
.progress_cont .dot_cont { position: relative; }
.progress_cont .dot_cont .line { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height:1px; background: url("data:image/svg+xml;utf8,<svg width='3178' height='1' viewBox='0 0 3178 1' xmlns='http://www.w3.org/2000/svg'><rect opacity='0.5' x='0.25' y='-0.25' width='3199.5' height='0.5' transform='matrix(1 0 0 -1 -22 0.5)' stroke='white' stroke-width='0.5' stroke-dasharray='4 4'/></svg>") repeat-x 0 0; z-index: 10; }
.progress_cont .dot_cont .line:before { content: ''; position: absolute; left: 0; top:0; width: 0%; height: 1px; background-color: var(--gold); z-index: 10; transition: width 1.5s linear; }
.progress_cont .dot_cont .dot_wrap { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5rem; margin: 3.5rem 0; z-index: 10;}
.progress_cont .dot_cont .dot_wrap .box { display: flex; align-items: center; justify-content: center; }
.progress_cont .dot_cont .dot_wrap .box .dot { width: 1.5rem; height: 1.5rem; border-radius: 100%; background-color: var(--gold); }
.progress_cont .txt_cont { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5rem; }
.progress_cont .txt_cont .box { text-align: center; }
.progress_cont .txt_cont .box .tit { font-size: var(--tit30); font-weight: 700; }
.progress_cont .ico_cont .ico,
.progress_cont .txt_cont .box { opacity: 0.2; transition: opacity 0.4s linear; }
.progress_cont .ico_cont .ico svg { width:3.7em; height:auto; }
.progress_cont .ico_cont .ico:nth-of-type(1),
.progress_cont .dot_cont .dot_wrap .box:nth-of-type(1) .dot,
.progress_cont .txt_cont .box:nth-of-type(1) { transition-delay: 0.4s; }
.progress_cont .ico_cont .ico:nth-of-type(2),
.progress_cont .dot_cont .dot_wrap .box:nth-of-type(2) .dot,
.progress_cont .txt_cont .box:nth-of-type(2) { transition-delay: 0.8s; }
.progress_cont .ico_cont .ico:nth-of-type(3),
.progress_cont .dot_cont .dot_wrap .box:nth-of-type(3) .dot,
.progress_cont .txt_cont .box:nth-of-type(3) { transition-delay: 1.1s; }
.progress_cont .ico_cont .ico:nth-of-type(4),
.progress_cont .dot_cont .dot_wrap .box:nth-of-type(4) .dot,
.progress_cont .txt_cont .box:nth-of-type(4) { transition-delay: 1.3s; }
.progress_cont.active .ico_cont .ico,
.progress_cont.active .txt_cont .box { opacity: 1; }
.progress_cont.active .dot_cont .line:before { width: 100%; }

.circle_ani_sect { display: flex; justify-content: center;}
.circle_ani_sect div { width:calc(100% / 3 + 4rem); position: relative; padding-top:calc(100% / 3 + 4rem); border-radius: 100%;border:1px solid #fff; transition:all 1s ease; opacity:0;  }
.circle_ani_sect div:nth-child(2) { margin:0 -6rem;}
.circle_ani_sect div:nth-child(1) { transform: translateX(100%); margin-right:6rem;}
.circle_ani_sect div:nth-child(3) { transform: translateX(-100%); margin-left:6rem;}
.circle_ani_sect div dl { position: absolute; left:0; top:0; width:100%; height:100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center}
.circle_ani_sect div dl dt { font-size:var(--tit30); font-weight:700; margin-bottom: 2rem; color:#fff; }
.circle_ani_sect div dl dt i { display: block; margin-bottom:1rem;}
.circle_ani_sect div dl dt i svg { width:3em; height:auto;}
.circle_ani_sect div dl dt strong { font-weight:700;}
.circle_ani_sect div dl dd { font-size:var(--txt18); }
.circle_ani_sect.active div { transform:unset; opacity:1;}
.circle_ani_sect.active div:nth-child(1),
.circle_ani_sect.active div:nth-child(3) { margin-right:0; margin-left:0;}

.testresult_cont { margin-bottom: 8rem;}
.testresult_cont .sub_tit_box { margin-bottom:4rem; text-align:center;}
.testresult_cont .box { display:flex; justify-content: space-between; transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease; }
.testresult_cont .box.active { transform: unset; opacity: 1;}
.testresult_cont .box .left { width:50%; display:flex; }
.testresult_cont .box .left .svg_box { position:relative}
.testresult_cont .box .left .svg_box + .svg_box { margin-left: 3rem;}
.testresult_cont .box .left .svg_box svg { width:100%; height:auto; }
.testresult_cont .box .left .svg_box dl { position: absolute; left: 0; top:0; width:100%; height:100%; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.testresult_cont .box .left .svg_box dl dt { font-size:var(--txt20); font-weight:700; line-height:1; }
.testresult_cont .box .left .svg_box dl dt strong { font-weight:700; font-size:6rem; }
.testresult_cont .box .left .svg_box dl dd { margin-top:0.5rem; font-size:var(--txt18); font-weight:700; }
.testresult_cont .box .right { width:45%; border-radius:var(--radius2); background:var(--bg2); }
.testresult_cont .box .right table { width:100%; height:100%; font-size:var(--txt20);  text-align: center; border-collapse: collapse;}
.testresult_cont .box .right table tbody th { font-weight:700;border-bottom:1px solid var(--lineColor); border-right:1px solid var(--lineColor); width:50%;}
.testresult_cont .box .right table tbody td { border-bottom:1px solid var(--lineColor);}
.testresult_cont .box .right table tbody tr:last-child th,
.testresult_cont .box .right table tbody tr:last-child td { border-bottom:0;}

.step_cont { padding: 6.5rem; border-radius:var(--radius2); background:rgba(255,255,255,0.1); }
.step_cont .sub_tit_box { margin-bottom:4rem; text-align: center;}
.step_list4 ul { display:flex; justify-content: center; counter-reset: pointNum;}
.step_list4 ul li { width:52rem; transform:translateY(20px); opacity:0; transition:all 0.5s ease; }
.step_list4 ul li .img { border-radius:var(--radius2); overflow:hidden; }
.step_list4 ul li + li { margin-left: 4rem; }
.step_list4 ul li .num {  display:flex; justify-content: center; margin:4rem 0 3rem; position: relative;}
.step_list4 ul li .num:before { content:''; position: absolute;left: 50%; top:50%; height:1px; width:100%;  background: url("data:image/svg+xml,%3Csvg width='551' height='2' viewBox='0 0 551 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.3' x='0.5' y='0.5' width='550' height='1' stroke='white' stroke-dasharray='4 4'/%3E%3C/svg%3E") repeat-x 0 0;}
.step_list4 ul li .num:after { content:''; position: absolute;left: 50%; top:50%; height:2px; width:0; transition:all 0.5s ease; background:var(--gold); transition:all 0.5s ease 1s; }
.step_list4 ul li .num p { font-size:var(--txt20);  padding:0.2em 1em; border-radius:3em; background-color: #fff; color:var(--bg); font-weight:700;  position:relative;z-index:2; transition:all 0.5s ease 1s}
.step_list4 ul li .num p span::before { counter-increment: pointNum; content: counter(pointNum, decimal-leading-zero);}
.step_list4 ul li .txt { font-size:var(--txt18);  text-align: center; letter-spacing: -0.5px;}
.step_list4 ul li .tit { font-size:var(--txt22);  text-align: center; font-weight:700; margin-bottom: 1.5rem;}
.step_list4 ul li:last-child .num:after,
.step_list4 ul li:last-child .num:before { display: none;}
.step_list4 ul li:nth-child(2),
.step_list4 ul li:nth-child(2) .num p,
.step_list4 ul li:nth-child(2) .num:after  { transition-delay: 1.5s;}
.step_list4 ul li:nth-child(3),
.step_list4 ul li:nth-child(3) .num p,
.step_list4 ul li:nth-child(3) .num:after { transition-delay: 2s;}
.step_list4 ul li:nth-child(4),
.step_list4 ul li:nth-child(4) .num p,
.step_list4 ul li:nth-child(4) .num:after { transition-delay: 2s;}
.step_list4 ul li:nth-child(1) { transition-delay: 0.2s;;}
.step_list4 ul li:nth-child(2) { transition-delay: 0.4s;;}
.step_list4 ul li:nth-child(3) { transition-delay: 0.6s;;}
.step_list4 ul li:nth-child(4) { transition-delay: 0.8s;;}
.step_list4.active ul li { transform: unset; opacity:1;}
.step_list4.active ul li .num p { background-color: var(--gold); color:#fff; }
.step_list4.active ul li .num:after { width:100%; }

.modal .modal_wrap .modal_cont.male { overflow:hidden; border-radius:var(--smRadius); width:60rem;  }
.modal .modal_wrap .modal_cont.male .head{display: flex; align-items: flex-start; justify-content: space-between; padding: 2.4rem; background:var(--gold); color:#fff;}
.modal .modal_wrap .modal_cont.male .head p{margin-right: 1.5em; font-size:var(--tit25); font-weight: 700;}
.modal .modal_wrap .modal_cont.male .head .term_modal_close {width: 3rem; height: 3rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em; }
.modal .modal_wrap .modal_cont.male.loc { width:70rem; }
.modal .modal_wrap .modal_cont.male.loc .head { background:none; padding:0; }
.modal .modal_wrap .modal_cont.male.loc .head .tit { display:none;}
.modal .modal_wrap .modal_cont.loc .head .modal_close { background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') }
.modal .modal_wrap .modal_cont.loc .print_btns { text-align: center; padding:1rem 0 5rem;}
.modal .modal_wrap .modal_cont.loc .print_btns button { padding:1em 2em; border-radius:4em; background-color: #000; font-size:1.4rem; font-size:var(--txt16); color:#fff; font-weight:600;; transition: all 0.5s ease;}

.male_modal_cont { padding:4rem;  }
.male_modal_cont .tit { font-size:var(--txt18); font-weight:700; margin-bottom: 0.7rem; ;}
.male_modal_cont .txt .dot { padding-left:0.5em; text-indent: -0.5em; font-size:var(--txt16); ;}
.male_modal_cont .txt .dot2 { padding-left: 0.5em;;}


.sub_wedding-checkup .black_in{padding-bottom: 0;}
.sub_urinary-stone .hood_sect .tab_cont .cont .stit{text-align: center;}

/* common */


@keyframes textLoop2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}


@media (min-width: 1241px) {
    .btn_type1:hover { background-color: var(--black); color:#fff; }
    .btn_type1:hover svg path { fill:#fff;}
    .btn_type2:hover { background-color: var(--gold); border-color:var(--gold);}
    .tabs1 ul li a:hover { color:var(--gold);}
    .tabs1 ul li a:hover:before { width:100%; opacity:1;  }
    .tabs2 ul li a:hover { background-color: var(--black); border-color:var(--black); color:#fff;}
    .line_tabs button:hover { color:#000; border-color:#000; }
    .line_tabs button:hover span {background-color: var(--gold);;}
    .board_list ul li a:hover { background-color: var(--bg2);;}
    .write_form .text_box .btn_find:hover { background-color: var(--gold); color:#fff; }
    .write_form .form_list li .file_inp .file_btn:hover{background-color: #000; color:#fff;}
    .write_form .flex_wrap button:hover { background-color: var(--gold); color:#fff; ;}
    .doc_downloads ul li a:hover { background-color: var(--gold); color:#fff; ;}
    .doc_downloads ul li a:hover span svg path { fill:#fff; }
    .map_links .btn:hover {background-color: #000; color: #fff}
    .map_links .btn:hover svg { fill:#fff;}
    .photos_sect .controls .swiper-button-next:hover,
    .photos_sect .controls .swiper-button-prev:hover { background-color: #000; border-color:#000; ;}
    .photos_sect .controls .swiper-button-prev:hover svg path,
    .photos_sect .controls .swiper-button-next:hover svg path { fill:#fff;}
    .selfcheck_page .list li a:hover div i { transform: translateX(10px); background-color: #000;}
    .selfcheck_page .list li a:hover div i svg path { fill:#fff;}
    .selfcheck_page .list li a:hover img { transform: scale(1.1);}
    .mypage_banner a:hover { background-color: var(--gold); color:#fff; }
    .mypage_banner a:hover svg {transform: translateX(5px);}
    .mypage_banner a:hover svg path { fill:#fff;}
    .history_sect .description a:hover { background-color: var(--gold); color:#fff; }
    .product_list ul li a:hover .img img { transform: scale(1.15);;}
    .product_list ul li a:hover .name:after { transform: translateX(10px); opacity:1; ;}
    .modal .equip_modal .btns button:hover   { background-color: var(--gold);  }
    .gallery_item:hover .img img { transform: scale(1.1);}
    .gallery_item:hover .img1:before { opacity:1;}
    .talk_item:hover .img img { transform: scale(1.1);}
    .talk_item:hover .img1:before { opacity:1;}
    .com_location .map_area .map_agree button:hover { background-color: var(--gold);;}
    .doctor_list ul li .item:hover .text .name svg { transform: unset; opacity: 1;;}
    .doct_tit .btn_type2:hover { border-color:var(--gold);}
    .com_banner_scroll .btn_type1:hover { color:#fff}
    .clinic_slider .item .info .btns .btn_type2:hover {background-color: var(--gold); }
    .treatment_slider a.item:hover .img .text { transform: unset }
    .treatment_slider a.item:hover .img .text .link { opacity:1; }
    .treatment_slider a.item:hover .tit:after { transform: unset; opacity:1; }
    .treatment_slider a.item:hover .img:before { opacity: 1;}
    .treatment_slider .controls .swiper-button-next:hover,
    .treatment_slider .controls .swiper-button-prev:hover { background-color: #fff; border-color:#fff; ;}
    .treatment_slider .controls .swiper-button-prev:hover svg path,
    .treatment_slider .controls .swiper-button-next:hover svg path { fill:#000;}
    .ai_sect .sub_tit_box .btns .btn_type1:hover { color:#fff;}
    .clear_sect .swiper-button-next:hover,
    .clear_sect .swiper-button-prev:hover { background-color: #fff; border-color:#fff; ;}
    .clear_sect .swiper-button-prev:hover svg path,
    .clear_sect .swiper-button-next:hover svg path { fill:#000;}
    .tab_wrap .tabs a:hover { color:var(--gold); }
    .tab_wrap .tabs a:hover:before { width:100%; opacity:1; background: var(--gold);  }
    .allcontent_wrap.white .list_type2 ul li .btn_box .btn_type2:hover { color:#fff; }
    .allcontent_wrap.white .list_type2 ul li .btn_box .btn_type2:hover svg path { fill:#fff; }
    .allcontent_wrap.white .img_box1 .text .btns .btn_type2:hover { border-color:var(--gold); color:#fff; }
    .allcontent_wrap.white .img_box1 .text .btns .btn_type2:hover path { fill:#fff; }
    .img_box1 .text .btns .btn_type2:hover { background:var(--gold); border-color:var(--gold); }
    .img_box11 .btn_type1:hover { color:#fff;}
    .list_type2 ul li .btn_box .btn_type2:hover { background-color: var(--gold); }

    .loc_doc_sect .doc_list ul li .name a:hover { background:#000; color:#fff; }
    .header .utils .store:hover { background:#000; color:#fff;}
    .modal .modal_wrap .modal_cont.loc .print_btns button:hover { background:var(--gold); }
    .news_list ul li a:hover { background-color: #fff;}
    .map_links2 .btn:hover svg { fill:unset}
    .map_links2 .btn.kakao:hover path { fill:#fff;}
    .map_links2 .left .btn.sms:hover path { stroke:#fff;}
    .map_links2 .left .btn.loc:hover path { fill:#fff;}


 .clinic_sect .clinic_list .item:hover { flex: 2; transition: flex 0.5s var(--ease) 0s;}
 .clinic_sect .clinic_list .item:hover .basic_tit {opacity: 0}
 .clinic_sect .clinic_list .item:hover .img_box:before {opacity: 1}
 .clinic_sect .clinic_list .item:hover .txt_box {transform: translateY(0); }
 .clinic_sect .clinic_list .item:hover .txt_box .sub_tit{ font-size: var(--txt1);opacity:1; transition: opacity 0.3s var(--ease) 0.3s }
 .clinic_sect .clinic_list .item:hover .txt_box .tit{ font-size: 4rem; opacity: 1; transition: font-size 0.3s var(--ease) 0s;}
 .clinic_sect .clinic_list .item:hover .txt_box .txt{ font-size: var(--txt2); opacity:1; transition: opacity 0.3s var(--ease) 0.3s , font-size 0.3s var(--ease) 0.15s;}
 .clinic_sect .clinic_list .item:hover .txt_box .btn{ opacity: 1; transition: opacity 0.3s var(--ease) 0.3s;}
}