/* Header
-----------------------------------------------------------------------------*/
/* @font-face {
    font-family: 'notokr-regular';
    src: url('notokr-regular.eot');
    src: url('notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('notokr-regular.woff2') format('woff2'),
         url('notokr-regular.woff') format('woff'),
         url('notokr-regular.ttf') format('truetype'),
         url('notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

} */


#header { position:relative; height: 100px; position: fixed; left: 0; right:0; top:0; background: #fff; z-index:1000; padding:0 10rem; display: flex; justify-content: center; align-items: center; }
#header::after { content:''; position:absolute; left:0; bottom:0; height: var(--hd_height); width: 100%; box-shadow: 1px 0 15px 0 rgba(0,0,0,0.05); transition: opacity 0.3s; pointer-events: none; }
#header h1 { position:absolute; left: min(4vw, 10rem); top:50%; transform:translate(0, -50%); }
#header h1 a { display: block; background: url(../img/t_logo.png) no-repeat 0 50%; width: 190px; text-indent: -9999px; background-size: contain; height: 55px; }
#header nav { height: 100%; display: flex; justify-content: center; position:relative; }
#header nav > ul { display:flex; align-items: center; overflow:hidden; }
#header nav > ul > li { height: 100%; position:relative; }
#header nav > ul > li > a {display: flex; height: 100%; align-items: center; padding:0 5rem; font-size: 1.8rem; font-weight: 500; justify-content:center; position: relative; }
#header nav > ul > li > a > span { line-height: 1.2; }
#header nav > ul > li > a.active > span { color:var(--green); }
#header nav > ul > li > a::before { content: ''; position: absolute; left: 50%; bottom:0px; z-index: 1; width:0; height: 2px; background:var(--green); transition: all 0.5s ease; transform: translateX(-50%); }
#header nav > ul > li > a.active::before { width:100%; }

#header .etc { display: flex; align-items: center;  position:absolute; right:100px; top:50%; transform:translate(0, -50%);     z-index: 1; }
#header .etc .openpopup { cursor: pointer;}

#header-mobile { display: none;}

#popup { position: relative; z-index: 3000; cursor: pointer; display: none;}
#popup .popup_box { position: fixed; top: 50px; bottom: 50px; left: 0; right: 0; z-index: 102; padding: 0 80px; margin: auto; box-sizing: border-box; text-align: center; overflow: auto;}
#popup .popup_box .item img { width: 100%; max-width: 1200px;}
#popup .bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0,0,0,.6);}


#container { width: 100%; height: auto;}

.visual_sect { position: relative; overflow: hidden; height: calc(100vh - 0px); margin-top: 100px; color: #fff; text-align: center;}
.visual_sect video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.Msection0 { display: block;}
.Msection1 { display: none;}

.Msection0 { position: relative; padding: 100px 0 110px; z-index: 200;}
.Msection0 .container { margin: 0 auto; width: 100%; min-width: 1280px; max-width: 1280px; position: relative; overflow: hidden;}
.Msection0 .container .visible { overflow: visible;}
.Msection0 p + p { margin-top: 40px;}


.mySwiper { width: 100vw; height: 100vh; }
.mySwiper img { width: 100vw; height: 100vh; object-fit: cover; }


.treatment_tit { margin: 0 auto; text-align: center; font-size: var(--font-size-50); font-weight: 500; letter-spacing:-0.01em; line-height:1.4em;}

/* .treatment_list { width: 100%; margin-top: 100px;}
.treatment_area { margin-left: 300px; display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 56px 15px;}
.treatment_area .area_list { display: block; width: 100%; background-color: #f3f3f3; border-radius: 30px; overflow: hidden; cursor: pointer;}
.treatment_area .area_list_tit { height: 180px; padding: 28px 28px 20px; font-size: var(--font-size-24); font-weight: 500; color: #000; line-height: 32px; letter-spacing: -.72px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.treatment_area .area_list_tit_on { height: 180px; padding: 28px 28px 20px; background-color: #237435; font-size:var(--font-size-24); font-weight: 500; color: #fff; line-height: 32px; letter-spacing: -.72px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.treatment_area .area_list_img { width: 100%; height: 220px; display: flex; align-items: center; justify-content: center;}
.treatment_area .area_list_img img { width: 100%; height: 100%; object-fit: cover;} */

.treatment_list { width: 100%; height: auto; margin-top: 100px; text-align: center;}
.treatment_area { width: 85%; margin: auto; }
.treatment_area .area_list { display: block; width: 100%; min-width: 230px; background-color: #f3f3f3; border-radius: 30px; overflow: hidden; cursor: pointer;}
/* .treatment_area .area_list_tit { width: 100%; min-width: 230px; height: 180px; padding: 28px 28px 20px; font-size: var(--font-size-24); font-weight: 500; color: #000; line-height: 32px; letter-spacing: -.72px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;} */
.treatment_area .area_list_tit_on { width: 100%; min-width: 230px; height: 180px; padding: 28px 28px 20px; background-color: #237435; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.area_list_stit { font-size:var(--font-size-18); font-weight: 500; color: #fff; line-height: 32px; letter-spacing: -.04em; text-align: left;}
.area_list_tit { font-size:var(--font-size-24); font-weight: 500; color: #fff; line-height: 32px; letter-spacing: -.04em; text-align: left;}
.treatment_area .area_list_img { width: 100%; min-width: 230px; height: 220px; }
.treatment_area .area_list_img img { width: 100%; min-width: 230px; height: 100%;  object-fit: cover;}
.treatment_etc { width: 85%; margin: 0 auto; background-color: #f7f7f8; margin-top: 4rem; border-radius: 3.2rem;}
.treatment_etc .etc_area { padding: 4rem 1.6rem 4.8rem; color: ##1f2732;}
.treatment_etc .etc_area h3 { text-align: center; font-size:var(--font-size-30); font-weight: 500;}
.treatment_etc .etc_area .etc_box { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); margin: 0 auto; text-align:center; margin-top: 3rem;}
.treatment_etc .etc_area .etc_box .item { min-width: 230px; min-height: 50px; background-color: #e9e9e9; border-radius: 3.2rem; margin: 1rem 2rem; padding: 1.6rem 2.6rem;}


.main-ache { margin-top:100px; padding:70px 0; background-color: #f0f0f0;}
.main-ache .contain { width:100%; max-width: 1460px; display:flex; align-items:center; padding-left:30px; padding-right:30px; margin:0 auto;}
.main-ache .contain .human { flex:1 1 auto; min-width:0; width:1%;}
.main-ache .contain .box { padding:70px 50px;border-radius:30px;margin-left:80px;background:#fff; width:47%;}
.main-ache .contain .box .m-txt { color:#a8a8a8;}
.main-ache .contain .m-txt { margin-bottom:15px;font-weight:700;letter-spacing: -.04em;line-height:1.4em;color:var(--color-primary);}
.main-ache .contain .m-tit { margin-bottom:50px;font-size: var(--font-size-38); font-weight:700; letter-spacing:-.04em; line-height:1.37em; color:#2c2c2c;}
.main-ache .contain .m-tit .c2 { color: #f56400 !important;}

.output-cnt { display:none;min-height:370px;border:1px solid #ccc; border-radius:28px; height:100%;}
.output-cnt.default { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.output-cnt.default .ico { margin-bottom:23px;}
.output-cnt.default p { font-size: var(--font-size-22); font-weight:600; letter-spacing:-.04em; line-height:1.55em; color:#2c2c2c;}
.output-cnt.desc { position:relative;}
.output-cnt.desc .title { padding:0 40px;display:flex; align-items:center;height:60px;background: #f56400; color:#fff; font-size:var(--font-size-22); border-radius:28px; font-weight:600;}
.output-cnt.desc .title span { opacity:.5; min-width:40px;}
.output-cnt.desc .cnt { padding:25px 40px;}
.output-cnt.desc .cnt .txt { margin-bottom:35px;font-size: var(--font-size-22); font-weight:500; letter-spacing:-.04em; line-height:1.55em; color:#2c2c2c;}
.output-cnt.desc .cnt dl dt { margin-bottom:10px;font-size: var(--font-size-15); font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#878787;}
.output-cnt.desc .cnt dl dd { font-size: var(--font-size-17); font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.output-cnt.desc a { border-radius:28px;display:flex; align-items:center; justify-content:center; text-align:center; color:var(--color-secondary); font-size:var(--font-size-17); font-weight:700; letter-spacing:-.04em; line-height:1.4em; border:1px solid var(--color-secondary); position:absolute;left:0; bottom:0; width:100%; height:55px;}


.program { width: 100%; background-color: #237435; padding: 120px 0 180px; } 
.program .program_area { max-width: 1340px; padding: 0 20px; margin: auto; box-sizing: border-box;}
.program .tit { color: #fff;}
.program .tit .s_title { text-align: center; font-size: var(--font-size-30); letter-spacing:-0.01em; line-height:1.4em;}
.program .tit .title { text-align: center; font-size:var(--font-size-50); font-weight: 600; letter-spacing:-0.01em; line-height:1.4em;}

.program_container { display: flex; flex-wrap: wrap; margin: -3px; margin-top: 50px;}
.program_container .item { width: 50%; padding: 3px; box-sizing: border-box;}
.program_container .inner { height: 100%; background-color: #fff;}
.program_container .thumb { padding-bottom: 50%; background: center/cover;}
.program_container .thumb01 { background-image: url(../img/program01.png);}
.program_container .thumb02 { background-image: url(../img/program02.png);}
.program_container .thumb03 { background-image: url(../img/program03.png);}
.program_container .thumb04 { background-image: url(../img/program04.png);}
.program_container .thumb05 { background-image: url(../img/program05.png);}
.program_container .thumb06 { background-image: url(../img/program06.png);}
.program_container .thumb07 { background-image: url(../img/program07.png);}
.program_container .thumb08 { background-image: url(../img/program08.png);}
.program_container .info-inner { padding: 70px 40px;}
.program_container .info-inner .tit { margin: 0 0 30px; font-size:  var(--font-size-26); font-weight: 500; color: #000;}
.program_container .info-inner .desc { margin: 0 0 45px; font-size:  var(--font-size-20); letter-spacing:-.04em; line-height:1.4em;}


.story { width: 100vw; padding: 120px 0 180px; background-image: url(../img/story_bg.png); background-repeat: no-repeat;}
.story .story_area { max-width: 1340px; padding: 0 20px; margin: auto;}
.story .story_area .tit { text-align: center;}
.story .story_area .s_title { font-size: var(--font-size-20); letter-spacing:-.04em; line-height:1.4em; font-weight: 600;}
.story .story_area .title { font-size:var(--font-size-50); font-weight: 500; letter-spacing:-.04em; line-height:1.4em;}

.story .story_area .record { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 100px;}
.story .story_area .record .img { width: 30%; margin-top: 200px;}
.story .story_area .record .img .img_tit { text-align: right; padding-top: 10px; font-size: var(--font-size-17); font-weight: 600; font-family: 'Noto Serif KR', serif;}
.story .story_area .record .cont_txt { width: 70%; padding-left: 220px;}
.story .story_area .record .cont_txt .tit { font-size: var(--font-size-90);font-weight: 700; letter-spacing:0.02em; font-family: 'Cormorant Garamond Bold Italic'; font-style: oblique; text-align: left;}
.story .story_area .record .cont_txt .s_tit { font-size: var(--font-size-38); padding: 15px 0;}
.story .story_area .record .cont_txt .desc { height: 100%;}
.story .story_area .record .cont_txt .btn_box { width: 150px; height: 3.5rem; margin-top: 10px; padding:6px; font-size: 1.6rem; font-weight: 600; color: #fff; border-radius: 2em; background: #03c75a; text-align: center;}
.story .story_area .record .cont_txt .txt { display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; font-size: var(--font-size-17); margin-top: 40px;}
.story .story_area .record .cont_txt .txt .left { width: 60%; padding-right: 50px;}
.story .story_area .record .cont_txt .txt .right { width: 40%;}


.media { width: 100%; padding: 120px 0 180px; background-color: #f4f5f7;}
.media .media_area { max-width: 1340px; padding: 0 20px; margin: auto;}
.media .media_area .title { font-size:var(--font-size-50); font-weight: 500; letter-spacing:-.04em; line-height:1.4em;}
.media .media_area .s_title { font-size: var(--font-size-20); letter-spacing:-.04em; line-height:1.4em; font-weight: 600; color: #878787;}

.media .content { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 6rem;}
.media .content .left { width: 65%; margin-right: 6rem;}
.media .content .left .youtube_box { position: absolute; width: 806px; height: 383px; background: #000; opacity: 0;}
.media .content .right { width: 35%;}
.media .content .right .top_tit { width: 100%;}
.media .content .right .top_tit .tit { font-size: 5.6rem; font-weight: 700; line-height: 1.1;}
.media .content .right .top_tit .txt { margin-top: 1.5rem; font-size: 1.8rem; font-weight: 500; word-break: keep-all;}
.media .content .right .cont .notice { margin-top: 2rem; border-top: 1px solid #000;}
.media .content .right .cont .notice li { display: flex; align-items: center; justify-content: flex-start; padding: 2.75rem 1rem 2.75rem 3rem; border-bottom: 1px solid #d3d8e1;}
.media .content .right .cont .notice .date_area { flex-shrink: 0; text-align: center;}
.media .content .right .cont .notice .date_area .date { font-size: 3rem; line-height: 1; font-weight: 500;}
.media .content .right .cont .notice .date_area .month { margin-top: 0.2rem; font-size: 1.4rem; color: #8899a6; font-weight: 700;}
.media .content .right .cont .notice li .tit { width: 100%; margin-left: 4rem; margin-right: 2rem; font-size: 2rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.media .content .right .cont .notice li .tit span { position: relative;}

.media .content .right .detail { position: relative; z-index: 3000; cursor: pointer; display: none;}
.media .content .right .detail_box { position: fixed; top: 50px; bottom: 50px; left: 0; right: 0; width: 40%; height: 70%; z-index: 102; padding: 0 30px; margin: auto; box-sizing: border-box; overflow: auto; background-color: #fff; border-radius: 3rem;}
.media .content .right .detail_box .tit_box { text-align: center; padding: 3rem 0;}
.media .content .right .detail_box .tit_box .top { color: #237435; font-size: var(--font-size-24); font-weight: 700;}
.media .content .right .detail_box .tit_box .tit { font-size: var(--font-size-30); margin-top: 2rem;}
.media .content .right .detail_box .tit_box .date { font-size: var(--font-size-15);}
.media .content .right .detail_box .view_box { width: 100%; border-top: 1px solid #e0e0e0; text-align: left; padding: 2rem;}
.media .content .right .detail .bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0,0,0,.6);}



.footer { color: #3c3c3c; border-top: 1px solid rgba(112,112,112,0.2);}
.footer .info { display: grid; grid-template-columns: 50%;}
.footer .info .info_area { display: grid; grid-row: 1; grid-template-columns: 70% 30%; gap: 5rem 0; padding: 5rem 6rem 10rem 4rem;}
.footer .info .info_area .tit { grid-row: 1; grid-column: 1 / 3; font-size: 4.8rem; font-family: 'cormorant garamond'; line-height: 1;}
.footer .info .info_area .num { grid-row: 1; grid-column: 1 / 3;  font-size: 3.8rem; font-weight: 300; margin-top: 6rem; margin-left: 3.9rem;}
.footer .info .info_area .num img { margin-top: 1.3rem; margin-right: 0.5rem;}
.footer .info .info_area .num2 { grid-row: 1; grid-column: 1 / 3;  font-size: 3.8rem; font-weight: 300; margin-top: 11rem;}
.footer .info .info_area .num3 { grid-row: 1; grid-column: 1 / 3;  font-size: 3.8rem; font-weight: 300; margin-top: 11rem; margin-left: 3.9rem;}
.footer .info .info_area .num3 img { margin-top: 1.3rem; margin-right: 0.5rem;}
.footer .info .info_area .num_area { grid-row: 2;}
.footer .info .info_area .num_area .tit { font-size: 3rem; margin-bottom: 2.5rem;}
.footer .info .info_area .num_area .guide { margin-top: 2.5rem; font-size: 1.3rem; color: #f56400;}
.footer .info .info_area .num_area .btn_box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; max-width: 32rem; margin-top: 4rem;}
.footer .info .info_area .num_area .btn_box .btn { display: block; padding:10px; height: 4.5rem; font-size: 1.6rem; font-weight: 600; color: #757575; border: 1px solid rgba(60,60,60,0.4); border-radius: 2em; text-align: center; transition: background-color 0.3s, color 0.3s;}
.footer .info .info_area .num_area .btn_box .btn_naver { display: block; padding:10px; height: 4.5rem; font-size: 1.6rem; font-weight: 600; color: #757575; border-radius: 2em; text-align: center; background-color: #03c75a; color: #fff;}
.footer .info .info_area .time_area { grid-column: 2;}
.footer .info .info_area .time_area .tit { font-size: 3rem; margin-bottom: 2.5rem;}
.footer .info .info_area .time_area .time_box { font-size: 1.7rem; font-weight: 500;}
.footer .info .info_area .time_area .time_box p { min-width: 6rem;}
.footer .info .info_area .time_area .desc { margin-top: 2rem; font-size: 1.5rem; font-weight: 500; color: rgba(60,60,60,0.6);}
.footer .info .info_area .time_area .desc2 { font-size: 1.5rem; color: #ff0606;}

.footer .info .ft_cont { grid-row: 2; padding: 4rem 0 6rem; margin: 0 4rem; border-top: 1px solid rgba(118,118,118,0.2); color: #757575;}
.footer .info .ft_cont .menu_box { display: flex; align-items: center; justify-content: flex-start;}
.footer .info .ft_cont .menu_box .menu { position: relative; font-size: 1.5rem;}
.footer .info .ft_cont .menu_box .menu + .menu { margin-left: 4rem;}
.footer .info .ft_cont .logo { width: 24rem; margin-top: 0; color: #000; font-size: 2.3rem;}
.footer .info .ft_cont .infomation { margin-top: 2rem; font-size: 1.5rem; font-weight: 500;}
.footer .info .ft_cont .infomation span { display: inline-block; margin-right: 1.2rem;}

.footer .info .map { grid-column: 2; grid-row: 1 / 3;}
.footer .info .map .img { position: relative; width: 100%; height: 100%;}