@charset "utf-8";

/* =========================== MAIN */
#mainVisual{position:relative;overflow:hidden}
#mainVisual .main_inner{position:relative;width:100%;height:101vh}
#mainVisual .round_wrap{width:100%;height:100%;clip-path:circle(18% at 50% 50%)}
#mainVisual .main_slide_wrap{width:100%;height:100%;filter:blur(11px)}
#mainVisual .bot{position:absolute;top:50%;left:155px;transform:translateY(-50%);z-index:1}
#mainVisual .main_slide .list{background-repeat:no-repeat;background-position:center;background-size:cover}
#mainVisual .main_slide .list01{background-image:url("../img/main/main_banner01.jpg")}
#mainVisual .main_slide .list02{background-image:url("../img/main/main_banner02.jpg")}
#mainVisual .main_txt_wrap{font-weight:700}
#mainVisual .main_txt_wrap .main_tit{line-height:1.2;margin-bottom:35px;font-size:60px}
#mainVisual .main_txt_wrap .txt{margin-bottom:65px;font-size:25px}
#mainVisual .pg_wrap{width:100%}
.main_slider_pagination{display:flex;align-items:center;gap:35px;color:var(--dark);font-weight:500;font-size:18px}
.main_slider_pagination .progress_wrap{overflow:hidden;position:relative;width:350px;height:5px;border-radius:50pt;background:rgba(204,204,204,0.5)}
.main_slider_pagination .progress{display:block;width:0%;height:100%;background:#ccc;transform-origin:left center}

/* =========================== inc01 */
#inc01{overflow:hidden}
#inc01 .color{color:var(--primary)}
#inc01 .top{height:100vh;overflow:hidden;position:relative;display:flex;flex-direction:column;gap:70px;justify-content:center;align-items:center;justify-content:center;text-align:center}
.middle_holder{position:relative;width:100%;overflow:visible;height:0}
#inc01 .middle{width:100%;z-index:3}
#inc01 .middle .inner_wrap{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%}
#inc01 .all_txt_wrap01{display:flex;align-items:center;justify-content:center;flex-direction:column}
#inc01 .all_tit01{font-size:80px}
#inc01 .all_s_tit01{opacity:1;overflow:visible;height:0;margin-top:0} 
#inc01 .all_s_tit01.on{margin:25px 0 20px}
#inc01 .m_round_wrap{position:relative;width:100%;height:422px;margin-bottom:65px}
#inc01 .m_round_wrap:after,#inc01 .m_round_wrap::before,#inc01 .m_round_wrap .m_round_inner:after,#inc01 .m_round_wrap .m_round_inner::before{position:absolute;content:"";display:block;width:66px;height:66px;background:url("../img/main/inc01/inc01_line_bg.png") no-repeat center}
#inc01 .m_round_wrap::after{top:0;left:0}
#inc01 .m_round_wrap::before{right:0;top:0;transform:rotate(90deg)}
#inc01 .m_round_wrap .m_round_inner:after{left:0;bottom:0;transform:rotate(-90deg)}
#inc01 .m_round_wrap .m_round_inner:before{right:0;bottom:0;transform:rotate(180deg)}
#inc01 .m_round_wrap .m_round_inner{height:100%;border-radius:211px;background:url("../img/main/inc01/inc01_img01.jpg") no-repeat center/cover}

#inc01 .bot{margin-top:100px;padding:175px 0 155px;background:var(--sky)}
#inc01 .bot .all_txt_wrap02{margin-bottom:75px}
#inc01 .bot .b_count_wrap{display:flex;justify-content:center;margin-bottom:55px}
#inc01 .bot .b_count_list{display:flex;gap:140px}
#inc01 .bot .b_count_list > li{width:214px;text-align:center}
#inc01 .bot .b_count_list > li .num_box{margin-bottom:30px;font-weight:700;font-size:20px}
#inc01 .bot .b_count_list > li .num_box .num{font-weight:700;font-size:50px;font-family:var(--e-font)}
#inc01 .bot .b_count_list > li .txt{line-height:1.4;color:#777;font-weight:500;font-size:20px}
#inc01 .bot .b_s_txt{display:block;margin-bottom:105px;text-align:center;color:#aaa;font-weight:400;font-size:14px}
#inc01 .bot .b_slider_wrap .list{width:285px;height:400px;background:#fff;border-radius:50%;border-radius:999px}
#inc01 .bot .b_slider_wrap .list.bg{background-repeat:no-repeat;background-position:center;background-size:cover}
#inc01 .bot .b_slider_wrap .list.bg01{background:url("../img/main/inc01/inc01_slider_img01.png")}
#inc01 .bot .b_slider_wrap .list.bg02{background:url("../img/main/inc01/inc01_slider_img02.png")}
#inc01 .bot .b_slider_wrap .list .list_inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding-bottom:45px}
#inc01 .bot .b_slider_wrap .s_tit{display:block;margin-bottom:20px;color:var(--primary);font-weight:700;font-size:15px}
#inc01 .bot .b_slider_wrap .txt{line-height:1.4;margin-bottom:30px;font-size:20px;font-weight:700}
#inc01 .bot .b_slider_wrap .name{display:block;margin-bottom:50px;color:#aaa;font-size:15px}
#inc01 .bot .b_slider_wrap .img_box{width:70px;height:70px;border-radius:50%}
#inc01 .en_slide{position:relative;margin:0 auto}
#inc01 .en_slide .scroll{display:flex;width:max-content;gap:70px}
#inc01 .en_slide ul{display:flex;gap:70px}
#inc01 .en_slide li{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:100px;flex-shrink:0;flex-shrink:0;text-transform:uppercase;font-weight:700;text-shadow:none;color:transparent;-webkit-text-stroke:0.5px var(--primary)}
#inc01 .en_slide .to_left .scroll{animation:marqueeLeft 130s linear infinite}
@keyframes marqueeLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* =========================== inc02 */
#inc02 .top{height:100vh;position:relative}
#inc02 .top .inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
#inc02 .top .top_txt{position:relative;display:flex;align-items:center;justify-content:center; height:100%;font-size:80px;font-weight:700;}
#inc02 .top .top_txt > .txt{position:absolute;transform:translateY(-50%);top:50%;flex-shrink:0;white-space:nowrap;pointer-events:none}
#inc02 .top .top_txt .txt1{right:calc(100% + 25px)}
#inc02 .top .top_txt .txt2{left:calc(100% + 0px)}
#inc02 .top .top_txt > .txt .color{color:var(--primary)}
#inc02 .top .top_txt .img_box{overflow:hidden;position:relative;width:0px;height:100px;border-radius:10px;flex-shrink:0;z-index:2}
#inc02 .top .top_txt .img_box.on{margin-right:25px}
#inc02 .bot{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);overflow:hidden;height:100%}
#inc02 .bot .inner{width:var(--mainsize)}
#inc02 .bot .bot_list{position:relative;height:100%} 
#inc02 .bot .bot_list > li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center;transition:opacity .5s}
#inc02 .bot .bot_list > li.active{z-index:2}
#inc02 .bot .bot_list > li:nth-child(1){background-image:url("../img/main/inc02/inc02_img01.jpg")}
#inc02 .bot .bot_list > li:nth-child(2){background-image:url("../img/main/inc02/inc02_img02.jpg")}
#inc02 .bot .bot_list > li:nth-child(3){background-image:url("../img/main/inc02/inc02_img03.jpg")}
#inc02 .bot .bot_list > li:nth-child(4){background-image:url("../img/main/inc02/inc02_img04.jpg")}
#inc02 .bot .bot_list > li .inner{position:relative;height:100%}
#inc02 .bot .bot_list > li .b_txt_box{position:absolute;top:50%;left:90px;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 0 70px;width:450px;border-radius:50px;background:rgba(255,255,255,0.8);text-align:center;opacity:0}
#inc02 .bot .bot_list > li .b_list_txt .txt{line-height:1.4;margin-bottom:30px;font-weight:500;font-size:25px}
#inc02 .bot .bot_list > li .b_list_txt .tit{display:block;margin-bottom:30px;font-weight:700;font-size:50px}
#inc02 .bot .bot_list > li .b_list_txt .s_txt{display:block;margin-bottom:50px;color:rgba(17,17,17,0.5);font-size:20px;font-weight:500}
#inc02 .bot .bot_list > li .btn_list > li > a{display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 22px;width:172px;height:47px;border-radius:50pt;color:#fff;font-size:16px;background:var(--primary)}
#inc02 .bot .bot_list > li .btn_list > li+li{margin-top:10px}
#inc02 .bot .bot_list > li .btn_list > li:nth-child(1) a{background:var(--dark)}
#inc02 .bot .bot_list > li .btn_list > li a .icon{transition:all .5s}
#inc02 .bot .bot_list > li .btn_list > li:hover a .icon{animation:arrowMove 0.8s ease-in-out forwards}
@keyframes arrowMove{0%{transform:translateX(0)}100%{transform:translateX(6px)}}

/* =========================== inc03 */
#inc03{overflow:hidden;padding:210px 0;border-bottom:1px solid #e1e1e1}
#inc03 .all_txt_wrap03{margin-bottom:75px;text-align:left}
#inc03 .l_top_txt{position:relative;margin-bottom:75px;padding-left:58px;line-height:1.4;font-weight:700;font-size:22px}
#inc03 .l_top_txt:after{position:absolute;top:0;left:0;content:"";display:block;width:34px;height:26px;background:url("../img/main/inc03/inc03_small_bg01.png") no-repeat center}
#inc03 .doctor-wrap{display:grid;grid-template-columns:repeat(2,1fr)}
#inc03 .doctor-wrap .group-title{align-items:flex-start;padding-bottom:120px;text-align:left}
#inc03 .doctor-wrap .fl-l{display:flex;flex-direction:column;justify-content:center;margin-left:calc(100% - var(--mainsize)/2)}
#inc03 .doctor-wrap .fl-l .doctor-info{display:grid}
#inc03 .doctor-wrap .fl-l .slider_text{grid-area:1/1;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity 0.3s ease}
#inc03 .doctor-wrap .fl-l .slider_text.active{opacity:1;pointer-events:auto}
#inc03 .doctor-wrap .fl-l .slider_text .s_top_txt{display:flex;align-items:center;gap:15px;margin-bottom:30px}
#inc03 .doctor-wrap .fl-l .slider_text span.major{font-size:16px;font-weight:700;color:var(--primary)}
#inc03 .doctor-wrap .fl-l .slider_text .name{font-size:30px;font-weight:700}
#inc03 .doctor-wrap .fl-l .slider_text .career{padding-bottom:45px}
#inc03 .doctor-wrap .fl-l .slider_text .career li{position:relative;padding-left:7px;font-size:16px;line-height:2;color:#777}
#inc03 .doctor-wrap .fl-l .slider_text .career li::before{position:absolute;content:"";left:0;top:50%;transform:translateY(-50%);width:2px;height:2px;background-color:#777}
#inc03 .doctor-wrap .fl-l .color_txt{margin-bottom:40px;color:var(--primary);font-size:15px;font-weight:500}
#inc03 .doctor-wrap .fl-r{display:flex;align-items:center;position:relative;min-width:0;margin-left:70px}
#inc03 .doctor-wrap .fl-r:after{position:absolute;bottom:20px;left:-253px;content:"";display:block;width:253px;height:340px;background:url("../img/main/inc03/inc03_big_bg01.png") no-repeat center}
#inc03 .doctor-wrap .fl-r .swiper-container{width:100%}
#inc03 .doctor-wrap .fl-r .swiper-wrapper{align-items:center}
#inc03 .doctor-wrap .fl-r .swiper-slide{width:543px;height:660px;border-radius:20px;overflow:hidden;transform:scale(0.7);transition:transform 0.5s}
#inc03 .doctor-wrap .fl-r .swiper-slide.on{transform:none}
#inc03 .doctor-wrap .fl-r .swiper-slide a{display:flex;width:100%;height:100%;position:relative}
#inc03 .doctor-wrap .fl-r .swiper-slide a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover} 
#inc03 .doctor-wrap .arrow_wrap{display:flex;align-items:center;gap:5px}
#inc03 .doctor-wrap .arrow_btn{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#f5f5f5;cursor:pointer;transition:all .5s}
#inc03 .doctor-wrap .arrow_btn:hover{background:#eaeaea}
#inc03 .doctor-wrap .arrow_btn .icon{color:#c4c4c4}
#inc03 .doctor-wrap .arrow_btn:hover .icon{color:#333}

/* =========================== inc04 */
#inc04{padding:170px 0 225px}
#inc04 .inner{overflow:hidden}
#inc04 .arrow_wrap{display:flex;align-items:center;justify-content:center;gap:5px;margin:55px 0}
#inc04 .arrow_wrap .arrow_btn{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#f5f5f5;cursor:pointer;transition:all .5s}
#inc04 .arrow_wrap .arrow_btn .icon{color:#c4c4c4;transition:all .5s}
#inc04 .arrow_wrap .arrow_btn:hover{background:#eaeaea}
#inc04 .arrow_wrap .arrow_btn:hover .icon{color:#333}
#inc04 .list .top_img{overflow:hidden;position:relative;margin-bottom:20px;height:335px;border-radius:25px}
#inc04 .list .top_img > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .5s}
#inc04 .list .top_img:hover > img{transform:scale(1.05)}
#inc04 .list .txt{font-size:18px;font-weight:700}

/* =========================== inc05 */
#inc05{overflow:hidden}
#inc05 .all_txt_wrap05{margin-bottom:80px}
#inc05 .top_question{padding-bottom:115px}
#inc05 .top_question .group-cont .faq-list{max-width:1080px;margin:0 auto 55px}
#inc05 .top_question .group-cont .faq-list ul{display:flex;flex-direction:column;gap:25px}
#inc05 .top_question .group-cont .faq-list li{padding:28px 40px;background-color:#f5f5f5;border-radius:15px;cursor:pointer}
#inc05 .top_question .group-cont .faq-list li .question{display:flex;align-items:center;justify-content:space-between}
#inc05 .top_question .group-cont .faq-list li .question strong{display:flex;align-items:center;gap:20px;color:rgba(17,17,17,0.5);font-size:18px;font-weight:700}
#inc05 .top_question .group-cont .faq-list li .question strong::before{content:'Q.';font-style:normal;font-size:20px;font-weight:700;color:var(--primary)}
#inc05 .top_question .group-cont .faq-list li .question svg{stroke:#b2b2b2;transform:rotate(180deg);transition:transform 0.2s}
#inc05 .top_question .group-cont .faq-list li .answer{display:none;overflow:hidden;padding-top:20px;padding-left:42px;font-size:18px;line-height:1.5;font-weight:400;color:#777}
#inc05 .top_question .group-cont .faq-list li .answer > p{word-break:keep-all}

#inc05 .top_question .group-cont .faq-list li.open{padding:45px 40px;border-radius:20px;background-color:#f5f5f5}
#inc05 .top_question .group-cont .faq-list li.open .question svg{stroke:var(--dark);transform:rotate(0deg)}
#inc05 .top_question .group-cont .faq-list li.open strong{color:var(--dark);}
#inc05 .top_question .more_btn{display:flex;align-items:center;justify-content:center;gap:30px;margin:0 auto;width:172px;height:47px;line-height:47px;border-radius:50pt;background:var(--dark);color:#fff;font-size:16px;font-weight:700;transition:all .5s}
#inc05 .top_question .more_btn:hover{background:var(--primary)}
#inc05 .top_question .more_btn .icon{height:20px;animation:arrowMove 1.2s ease-in-out infinite}
@keyframes arrowMove{0%{transform:translateX(0)}50%{transform:translateX(6px)}100%{transform:translateX(0)}}
#inc05 .bot_counsel{padding:125px 0;background:var(--primary)}
#inc05 .bot_counsel .inner{display:flex;align-items:center} 
#inc05 .bot_counsel .inner > div{width:50%}
#inc05 .bot_counsel .left{padding-right:105px}
#inc05 .all_txt_wrap06{text-align:left;color:#fff}
#inc05 .all_txt_wrap06 .all_s_tit06{margin-top:40px;font-size:20px}
#inc05 .bot_counsel .right{padding:0 70px}
#inc05 .bot_counsel .right .r_link_list{display:flex;flex-wrap:wrap;align-items:center;gap:15px}
#inc05 .bot_counsel .right .r_link_list > li{overflow:hidden;width:calc((100% - 15px) / 2);border-radius:25px}
#inc05 .bot_counsel .right .r_link_list > li .icon_box{transition:transform .3s ease}
#inc05 .bot_counsel .right .r_link_list > li:hover .icon_box{transform:translateY(-8px)}
#inc05 .bot_counsel .right .r_link_list > li > a{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:25px;padding:70px 0;background:rgba(255,255,255,0.2);transition:all .5s}
#inc05 .bot_counsel .right .r_link_list > li:hover > a{background:rgba(255,255,255,0.3)}
#inc05 .bot_counsel .right .r_link_list > li > a .txt{color:#fff;font-weight:600;font-size:20px}

#quick_form{margin-top:60px}
#quick_form .inner{display:flex;align-items:flex-end}
#quick_form .inner > div{width:50%}
#quick_form .reserve_box{color:#fff}
#quick_form .reserve_box .bot{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px}
#quick_form .reserve_box .bot .t_r_check{display:flex;align-items:center;gap:10px;margin-top:15px;padding:8px 15px;border-radius:50pt;border:1px solid rgba(255,255,255,0.8);transition:all .4s}
#quick_form .reserve_box .bot .t_r_check:hover{border:1px solid rgba(255,255,255,1)}
#quick_form .reserve_box .bot .t_r_check > a{color:rgba(255,255,255,.8);cursor:pointer;transition:all .4s}
#quick_form .reserve_box .bot .t_r_check:hover > a{color:rgba(255,255,255,1)}
#quick_form .t_r_check input[type="checkbox"]{appearance:none;position:relative;display:flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:3px;background:rgba(17, 17, 17, 0.1);cursor:pointer}
#quick_form .t_r_check input[type="checkbox"]::before{content:'';width:100%;height:100%;text-align:center;white-space:pre}
#quick_form .t_r_check input[type="checkbox"]:checked::before{content:"\2714";color:#fff;font-size:9px}
#quick_form .t_r_check input[type="checkbox"]:checked{background:transparent}
#quick_form .reserve_box .top{display:flex;flex-wrap:wrap;gap:10px}
#quick_form .reserve_box .top .b_box{overflow:hidden;width:calc((100% - 10px) / 2);height:60px}
#quick_form .reserve_box .top .b_box label{display:none}
#quick_form .reserve_box .top .b_box input[type="text"]{width:100%;height:100%;padding:0 20px;background:rgba(17,17,17,0.1);outline:0;border:0;border-radius:5px;font-size:14px;color:#fff;box-sizing:border-box}
#quick_form .reserve_box .top .b_box input::placeholder{font-size:14px;color:rgba(255,255,255,.8)}
#quick_form .reserve_box .top .b_box textarea{width:100%;height:60px;resize:none;outline:0;padding:23px 20px 15px;background:rgba(17,17,17,0.1);border:0;border-radius:5px;font-size:14px;color:#fff;box-sizing:border-box}
#quick_form .reserve_box .top .b_box textarea::placeholder{color:rgba(255,255,255,.8);line-height:1}
#quick_form .reserve_box .top .btn_box .btn{width:100%;height:100%;border-radius:5px;border:none;background:var(--dark);font-size:15px;color:#fff;transition:all .5s}
#quick_form .reserve_box .top .btn_box .btn:hover{background:#333}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, select:active{box-shadow:none;border:none!important}
input[type=submit]:focus{outline:none}