#sub_wraps_sect01{position:relative; height:407px; background:url('../images/sub_bg_01.jpg')no-repeat center top; background-size:cover;}
#sub_wraps_sect01 .sub_gs{position:absolute; bottom:0; left:50%; width:100%; transform:translate(-50%,0%); }
#sub_wraps_sect01 .sub_menu_ms{display:flex; position:relative; width:80%; margin:0 auto; height:73px; background:#5b7f96; z-index:99;}
#sub_wraps_sect01 .sub_menu_ms .home{display:flex; align-items: center; justify-content: center; width:73px; height:73px; background:#496678;}
#sub_wraps_sect01 .sub_menu_ms .home .icons{width:34px;}
#sub_wraps_sect01 .sub_menu_ms .home a{display:block;}
#sub_wraps_sect01 .sub_menu_ms .s_menu{width:100%;}
#sub_wraps_sect01 .sub_menu_ms ul{display:flex;}
#sub_wraps_sect01 .sub_menu_ms li{position:relative; width:calc(100% / 5);  line-height:73px; border-right:1px solid #ddd;}
#sub_wraps_sect01 .sub_menu_ms li a{display:block; position:relative; font-size:20px;  font-family: "Poppins", sans-serif, 'Pretendard'; text-align:center; color:#fff;}
#sub_wraps_sect01 .sub_menu_ms li a:hover{background:#496678; transition: all 0.5s ease;}
#sub_wraps_sect01 .sub_menu_ms li a:hover::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect01 .sub_menu_ms li a.on::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect01 .sub_menu_ms li a.on{background:#496678;}
#sub_wraps_sect01 .sub_menu_ms li:last-child{border-right:0px;}

 .select-menu{display:none;}

#sub_wraps_sect02{position:relative; height:407px; background:url('../images/sub_bg_02.jpg')no-repeat center top; background-size:cover;}
#sub_wraps_sect02 .sub_gs2{position:absolute; bottom:0; left:50%; width:100%; transform:translate(-50%,0%); }
#sub_wraps_sect02 .sub_menu_ms2{display:flex; position:relative; width:80%; margin:0 auto; height:73px; background:#5b7f96; z-index:99;}
#sub_wraps_sect02 .sub_menu_ms2 .home{display:flex; align-items: center; justify-content: center; width:73px; height:73px; background:#496678;}
#sub_wraps_sect02 .sub_menu_ms2 .home .icons{width:34px;}
#sub_wraps_sect02 .sub_menu_ms2 .home a{display:block;}
#sub_wraps_sect02 .sub_menu_ms2 .s_menu{width:100%;}
#sub_wraps_sect02 .sub_menu_ms2 ul{display:flex;}
#sub_wraps_sect02 .sub_menu_ms2 li{position:relative; width:calc(100% / 8); border-right:1px solid #ddd;}
#sub_wraps_sect02 .sub_menu_ms2 li a{display:flex; justify-content: center; align-items:center; height:73px;  position:relative; font-size:20px; font-family: "Poppins", sans-serif, 'Pretendard'; text-align:center; color:#fff;}
#sub_wraps_sect02 .sub_menu_ms2 li a:hover{background:#496678; transition: all 0.5s ease;}
#sub_wraps_sect02 .sub_menu_ms2 li a:hover::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect02 .sub_menu_ms2 li a.on::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect02 .sub_menu_ms2 li a.on{background:#496678;}
#sub_wraps_sect02 .sub_menu_ms2 li:last-child{border-right:0px;}


#sub_wraps_sect03{position:relative; height:407px; background:url('../images/sub_bg_03.jpg')no-repeat center top; background-size:cover;}
#sub_wraps_sect03 .sub_gs3{position:absolute; bottom:0; left:50%; width:100%; transform:translate(-50%,0%); }
#sub_wraps_sect03 .sub_menu_ms3{display:flex; position:relative; width:80%; margin:0 auto; height:73px; background:#5b7f96; z-index:99;}
#sub_wraps_sect03 .sub_menu_ms3 .home{display:flex; align-items: center; justify-content: center; width:73px; height:73px; background:#496678;}
#sub_wraps_sect03 .sub_menu_ms3 .home .icons{width:34px;}
#sub_wraps_sect03 .sub_menu_ms3 .home a{display:block;}
#sub_wraps_sect03 .sub_menu_ms3 .s_menu{width:100%;}
#sub_wraps_sect03 .sub_menu_ms3 ul{display:flex;}
#sub_wraps_sect03 .sub_menu_ms3 li{position:relative; width:calc(100% / 8); border-right:1px solid #ddd;}
#sub_wraps_sect03 .sub_menu_ms3 li a{display:flex; justify-content: center; align-items:center; height:73px;  position:relative; font-size:20px; font-family: "Poppins", sans-serif, 'Pretendard'; text-align:center; color:#fff;}
#sub_wraps_sect03 .sub_menu_ms3 li a:hover{background:#496678; transition: all 0.5s ease;}
#sub_wraps_sect03 .sub_menu_ms3 li a:hover::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect03 .sub_menu_ms3 li a.on::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect03 .sub_menu_ms3 li a.on{background:#496678;}
#sub_wraps_sect03 .sub_menu_ms3 li:last-child{border-right:0px;}


#sub_wraps_sect04{position:relative; height:407px; background:url('../images/sub_bg_04.jpg')no-repeat center top; background-size:cover;}
#sub_wraps_sect04 .sub_gs4{position:absolute; bottom:0; left:50%; width:100%; transform:translate(-50%,0%); }
#sub_wraps_sect04 .sub_menu_ms4{display:flex; position:relative; width:80%; margin:0 auto; height:73px; background:#5b7f96; z-index:99;}
#sub_wraps_sect04 .sub_menu_ms4 .home{display:flex; align-items: center; justify-content: center; width:73px; height:73px; background:#496678;}
#sub_wraps_sect04 .sub_menu_ms4 .home .icons{width:34px;}
#sub_wraps_sect04 .sub_menu_ms4 .home a{display:block;}
#sub_wraps_sect04 .sub_menu_ms4 .s_menu{width:100%;}
#sub_wraps_sect04 .sub_menu_ms4 ul{display:flex;}
#sub_wraps_sect04 .sub_menu_ms4 li{position:relative; width:calc(100% / 8); border-right:1px solid #ddd;}
#sub_wraps_sect04 .sub_menu_ms4 li a{display:flex; justify-content: center; align-items:center; height:73px;  position:relative; font-size:20px; font-family: "Poppins", sans-serif, 'Pretendard'; text-align:center; color:#fff;}
#sub_wraps_sect04 .sub_menu_ms4 li a:hover{background:#496678; transition: all 0.5s ease;}
#sub_wraps_sect04 .sub_menu_ms4 li a:hover::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect04 .sub_menu_ms4 li a.on::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect04 .sub_menu_ms4 li a.on{background:#496678;}
#sub_wraps_sect04 .sub_menu_ms4 li:last-child{border-right:0px;}

#sub_wraps_sect05{position:relative; height:407px; background:url('../images/sub_bg_05.jpg')no-repeat center top; background-size:cover;}
#sub_wraps_sect05 .sub_gs5{position:absolute; bottom:0; left:50%; width:100%; transform:translate(-50%,0%); }
#sub_wraps_sect05 .sub_menu_ms5{display:flex; position:relative; width:80%; margin:0 auto; height:73px; background:#5b7f96; z-index:99;}
#sub_wraps_sect05 .sub_menu_ms5 .home{display:flex; align-items: center; justify-content: center; width:73px; height:73px; background:#496678;}
#sub_wraps_sect05 .sub_menu_ms5 .home .icons{width:34px;}
#sub_wraps_sect05 .sub_menu_ms5 .home a{display:block;}
#sub_wraps_sect05 .sub_menu_ms5 .s_menu{width:100%;}
#sub_wraps_sect05 .sub_menu_ms5 ul{display:flex;}
#sub_wraps_sect05 .sub_menu_ms5 li{position:relative; width:calc(100% / 8); border-right:1px solid #ddd;}
#sub_wraps_sect05 .sub_menu_ms5 li a{display:flex; justify-content: center; align-items:center; height:73px;  position:relative; font-size:20px; font-family: "Poppins", sans-serif, 'Pretendard'; text-align:center; color:#fff;}
#sub_wraps_sect05 .sub_menu_ms5 li a:hover{background:#496678; transition: all 0.5s ease;}
#sub_wraps_sect05 .sub_menu_ms5 li a:hover::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect05 .sub_menu_ms5 li a.on::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect05 .sub_menu_ms5 li a.on{background:#496678;}
#sub_wraps_sect05 .sub_menu_ms5 li:last-child{border-right:0px;}

#sub_wraps_sect06{position:relative; height:407px; background:url('../images/sub_bg_06.jpg')no-repeat center top; background-size:cover;}
#sub_wraps_sect06 .sub_gs6{position:absolute; bottom:0; left:50%; width:100%; transform:translate(-50%,0%); }
#sub_wraps_sect06 .sub_menu_ms6{display:flex; position:relative; width:80%; margin:0 auto; height:73px; background:#5b7f96; z-index:99;}
#sub_wraps_sect06 .sub_menu_ms6 .home{display:flex; align-items: center; justify-content: center; width:73px; height:73px; background:#496678;}
#sub_wraps_sect06 .sub_menu_ms6 .home .icons{width:34px;}
#sub_wraps_sect06 .sub_menu_ms6 .home a{display:block;}
#sub_wraps_sect06 .sub_menu_ms6 .s_menu{width:100%;}
#sub_wraps_sect06 .sub_menu_ms6 ul{display:flex;}
#sub_wraps_sect06 .sub_menu_ms6 li{position:relative; width:calc(100% / 8); border-right:1px solid #ddd;}
#sub_wraps_sect06 .sub_menu_ms6 li a{display:flex; justify-content: center; align-items:center; height:73px;  position:relative; font-size:20px; font-family: "Poppins", sans-serif, 'Pretendard'; text-align:center; color:#fff;}
#sub_wraps_sect06 .sub_menu_ms6 li a:hover{background:#496678; transition: all 0.5s ease;}
#sub_wraps_sect06 .sub_menu_ms6 li a:hover::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect06 .sub_menu_ms6 li a.on::before{content:""; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0%); width:30%; height:2px; background:#fff;}
#sub_wraps_sect06 .sub_menu_ms6 li a.on{background:#496678;}
#sub_wraps_sect06 .sub_menu_ms6 li:last-child{border-right:0px;}


#sub_wraps_mems{position:relative; height:200px; background:#383838; background-size:cover;}

#sub_content_wraps{position:relative;}
#sub_content_wraps .sub_contents{width:80%; margin:0 auto; padding:50px 0 50px;}
#sub_content_wraps .sub_contents h2.tis{font-size:45px; padding:0px 0 60px;  font-family: "Poppins", sans-serif, 'Pretendard'; font-weight:700; text-align:center;}


/* 회원가입 */

.member_con { position: absolute; top: 12%; width: 100%;}
.header_mem{position: relative;  overflow: hidden; display:flex; justify-content: space-between; align-items: center; width: 850px;  margin: 0 auto;  padding-bottom: 34px; border-bottom:1px solid #ddd;}
.header_mem .h1.logos{}
.header_mem .lnbs{padding:0 0 0;}
.header_mem .lnbs li{font-size:13px;}

.resier_ms_sects{padding:60px 0 60px; width:850px; margin:0 auto;}
.resier_ms_sects .fbt_txts{padding:0px 0 40px; font-size:43px; text-align:center; font-weight:500; line-height:1.3;}
.resier_ms_sects .mo_wrap{margin:0px 0 30px; display:flex; justify-content: space-between;}
.resier_ms_sects .mo_wrap .normals{width:410px; background:#fbfbfb;}
.resier_ms_sects .mo_wrap .normals a{display:block; padding:30px 0 30px; border:1px solid #ddd;}
.resier_ms_sects .mo_wrap .normals a:hover{border:1px solid #7c9db2;}
.resier_ms_sects .mo_wrap .normals .texts_m{font-size:25px; color:#6289a3; font-weight:600; text-align:center;}

.resier_ms_sects .mo_wrap .doctors{width:410px; background:#fbfbfb;}
.resier_ms_sects .mo_wrap .doctors a{display:block; padding:30px 0 30px; border:1px solid #ddd;}
.resier_ms_sects .mo_wrap .doctors a:hover{border:1px solid #7c9db2;}
.resier_ms_sects .mo_wrap .doctors .texts_m{font-size:25px; color:#6289a3; font-weight:600; text-align:center;}

.resier_ms_sects  .tx_slls{text-align:center; font-size:16px; padding:0 0 50px; border-bottom:1px solid #ddd;}
.resier_ms_sects h3.tits{font-size:38px; font-weight:700; padding:0 0 50px; color:#6289a3; text-align:center;}

.form_ms{border:1px solid #ddd;  padding:20px;}
.form_ms table{border: 0px solid #ddd;}
.form_ms table td.wid2{width:27%;}
.form_ms table td.wid{width:35%;}
.form_ms table td{font-size:18px; border:0px solid #ddd;}
.form_ms table td span.tm{color:#e10000; font-size:15px; font-weight:500;}
.form_ms table td.bgs1{/*background:#eaeaea;*/ font-weight:600;}
.form_ms table td input.name{width:80%; height:35px; border:1px solid #ddd;}
.form_ms table td input.user{width:40%; height:35px; border:1px solid #ddd;}
.form_ms table td button.users{padding:10px; background:#6289a3; text-align:center; font-size:15px; color:#fff;}
.form_ms table td input.em1{width:20%; height:35px; border:1px solid #ddd;}
.form_ms table td select.em2{width:20%; height:35px; border:1px solid #ddd;}
.form_ms table td button.emils{padding:10px; background:#6289a3; text-align:center; font-size:15px; color:#fff;}

.checks_cons{padding:30px 0 30px; background:#efefef;}
.checks_cons h3.ments{position: relative; width: 402px; margin: 0 auto; font-weight: normal; font-size: 16px;}
.checks_cons h3.ments input[type="checkbox"] {display: none;}
.checks_cons h3.ments input[type="checkbox"] {width: 16px; height: 16px; vertical-align: middle; border: none; margin: 0 0 1px 0;}
.checks_cons h3.ments input[type="checkbox"] + label{position: absolute; right: 0; top: 1px; width: 21px; height: 21px;}
.checks_cons h3.ments input[type="checkbox"] + label span {display: inline-block; width: 21px; height: 21px; background: #fff url('/images/checkbox_bg.gif') center no-repeat;  border: 1px solid #ddd;}
.checks_cons h3.ments input[type="checkbox"]:checked + label span {background:#fff url('/images/checkbox_bg_up.gif') center no-repeat;  border:1px solid #3d5aef;}

.checks_cons dl{position:relative; overflow:hidden; width:402px; margin:0 auto;}
.checks_cons dt{float:left; font-size:15px; line-height:30px;}
.checks_cons dt span{line-height:30px; color:#e4265c;}
.checks_cons dd{float:right; line-height:30px; padding:0 4px 0 0}
.checks_cons dd a{color:#969797; margin:0 20px 0 0; cursor:pointer}
.checks_cons dd input[type="checkbox"]{display:none}
.checks_cons dd input[type="checkbox"] + label span {display:inline-block; width:16px; height:16px; background:#fff url('/images/checkbox_bg.gif') center no-repeat; border:1px solid #ddd;}
.checks_cons dd input[type="checkbox"]:checked + label span {background:#fff url('/images/checkbox_bg_up.gif') center no-repeat;  border:1px solid #3d5aef;}

.Agree1{width:402px; margin:0 auto;}
.Agree1 textarea{width:100%; height:100px; box-sizing:border-box}
.Agree2{width:402px; margin:0 auto;}
.Agree2 textarea{width:100%; height:100px; box-sizing:border-box}

.checks_cons .btns_k{display:flex; justify-content: center; padding:30px 0 30px;}
.checks_cons .btns_k a.btnsm{padding:10px 30px 10px; color:#fff; font-size:20px; background:#7c9db2;}


.selected {
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
	position: relative;
    width: 250px;
    cursor: pointer;
}


.selected .options {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 100;
}

.selected.open .options {
    display: block;
}

.selected .options li {
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}


/* 개인정보보호정책 */

.privacy_ms{position:relative;}
.privacy_ms h3.tism{font-size:34px; color:#000; font-weight:600; padding:0 0 20px;}
.privacy_ms .privacy_texts{font-size:18px; line-height:1.4; color:#616161; padding:0 0 30px;}
.privacy_ms .privacy_texts h4.ttld{font-size:22px; color:#333; font-weight:600;}


/* 이용약관 */
.useagree_ms{position:relative;}
.useagree_ms h3.tism{font-size:34px; color:#000; font-weight:600; padding:0 0 20px;}
.useagree_ms .useagree_texts{font-size:18px; line-height:1.4; color:#616161; padding:0 0 30px;}
.useagree_ms .useagree_texts h4.ttld{font-size:22px; color:#333; font-weight:600;}



/* 로그인 */

.login_mems_box{border:1px solid #ddd; padding:30px;}
.login_mems_box .wram{display:flex; justify-content: space-between;}
.login_mems_box .wram .img_banns{width:50%; border:1px solid #ddd;}
.login_mems_box .wram .img_banns img{width:100%;}
.login_mems_box .wram .logim{width:47%;}
.login_mems_box .wram .logim h3.tion{font-size:24px; font-weight:600; color:#000; padding:10px 0 10px;}
.login_mems_box .wram .logim .wrpas_los{display:flex;}
.login_mems_box .wram .logim .wrpas_los .id_pws{}
.login_mems_box .wram .logim .wrpas_los .id_pws input{width: 228px; height: 49px; border-top: 0;  border-right: 0; border:1px solid #ddd;  box-sizing: border-box;}
.login_mems_box .wram .logim .wrpas_los .btn {}
.login_mems_box .wram .logim .wrpas_los .btn .login_but{background: #2058cf; width: 104px;  height: 99px;  color: #fff;  font-weight: bold;  font-size: 16px;  letter-spacing: -1pt; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.login_mems_box .wram .logim .motis{}
.login_mems_box .wram .logim .motis dl{position: relative; display:flex; width:100%; overflow: hidden;  padding: 14px 0 30px 0;}
.login_mems_box .wram .logim .motis dd {font-size: 15px; color: #777; padding: 0 0 0 16px;}
.login_mems_box .wram .logim .motis dd.id_save {float: left;  padding: 0 0 0 0;}
.login_mems_box .wram .logim .motis dd.id_save input[type="checkbox"] {margin: 0 5px 0 0;}
.login_mems_box .wram .logim .motis dd.join{}

.resier_ms_sects .foots_s{width:850px; margin:0 auto; padding:40px 0 40px; text-align:center; font-size:15px; color:#000;}

/* // */



/* 인사말 */
.greeting_cons{position:relative; display:flex; justify-content: space-between; padding:0px 0 60px;}
.greeting_cons .left_tetxs{width:65%;}
.greeting_cons .left_tetxs .bigtis{font-size:48px; font-family: "Poppins", sans-serif, 'Pretendard'; line-height:1.0;  font-weight:700; color:#7c9db2;}
.greeting_cons .left_tetxs .sm_txts{font-size:29px; padding:20px 0 0; font-family: "Poppins", sans-serif, 'Pretendard'; line-height:1.3; font-weight:500;}

.greeting_cons .left_tetxs .txt_cons{padding:40px 0 0;}
.greeting_cons .left_tetxs .txt_cons li{font-size:21px; font-family: "Poppins", sans-serif, 'Pretendard'; line-height:1.6;}

.greeting_cons .right_ms_img{width:33%;}
.greeting_cons .right_ms_img .imgs{width:100%;}
.greeting_cons .right_ms_img .imgs img{width:100%;}
.greeting_cons .right_ms_img .texts{padding:10px 0 10px; font-size:24px; text-align:center; color:#000; font-weight:700;} 

.h30s{height:30px;}


/* 연혁 */
.history_ms{position:relative; border-top:4px solid #7c9db2;} 
.history_ms .his_wrap{padding:30px 0 0px;}
.history_ms .his_wrap .wraps{display:flex; align-items: center; padding:0 0 30px;}
.history_ms .his_wrap .wraps .img_photo{width:35%;  border-radius:24px; border:1px solid #ddd; overflow:hidden; margin-right:40px;}
.history_ms .his_wrap .wraps .img_photo img{width:100%;}


.history_ms .his_wrap h2.timtx{font-size:40px; padding:0px 0 0; font-family: "Poppins", sans-serif, 'Pretendard'; font-weight:700; color:#6289a3;}
.history_ms .his_wrap .wraps h2.timtx{font-size:40px; padding:0px 0 0; font-family: "Poppins", sans-serif, 'Pretendard'; font-weight:700; color:#6289a3;}
.history_ms .his_wrap h3.tixs{font-size:24px; padding:30px 0 10px; font-family: "Poppins", sans-serif, 'Pretendard'; font-weight:600; color:#505050;}

.history_ms .linsm{margin:20px 0 20px; border-bottom:1px dotted #ddd;}

.history_ms .his_wrap .content_hisy{margin:0px 0 30px; padding:20px; border:1px solid #ddd; border-radius:24px; background:#fbfbfb;}
.history_ms .his_wrap .content_hisy li{font-size:18px; font-family: "Poppins", sans-serif, 'Pretendard'; line-height:1.5;}
.history_ms .his_wrap .content_hisy li span.to{font-weight:600; color:#000;}
.history_ms .his_wrap .content_hisy li.ned{position:relative; padding-left:25px;}
.history_ms .his_wrap .content_hisy li.ned::before{position:absolute; content:""; top:13px; left:15px; width:5px; height:5px; background:#383838; border-radius:50%;}


/*  What is F.B.T */
.what_msd{position:relative; padding:30px 0 0; border-top:4px solid #7c9db2;}
.what_msd h2.tid{font-size:30px; padding:0px 0 0; font-family: "Poppins", sans-serif, 'Pretendard'; font-weight:700; color:#6289a3;}
.what_msd h3.tif{font-size:22px; padding:10px 0 10px; font-family: "Poppins", sans-serif, 'Pretendard'; font-weight:600; color:#505050;}
.what_msd .contents_whats{padding:0 0 0;}
.what_msd .contents_whats li{font-size:18px; font-family: "Poppins", sans-serif, 'Pretendard'; }
.what_msd .contents_whats li.nd{position:relative; padding-left:25px; color:#7a7a7a;}
.what_msd .contents_whats li.nd::before{position:absolute; content:""; top:13px; left:15px; width:5px; height:5px; background:#383838; border-radius:50%;}
.bold-s{font-weight:600;}


/*  Diagnosis */
.diagn_msd{position:relative; padding:30px 0 0; border-top:4px solid #7c9db2;}
.diagn_msd h2.tid{font-size:30px; padding:0px 0 0; font-family: "Poppins", sans-serif, 'Pretendard'; font-weight:700; color:#6289a3;}
.diagn_msd h3.tif{font-size:22px; padding:10px 0 10px; font-family: "Poppins", sans-serif, 'Pretendard'; font-weight:600; color:#505050;}
.diagn_msd .contents_diagn{padding:0 0 0;}
.diagn_msd .contents_diagn li.bis{border:1px solid #ddd; padding:20px; border-radius:24px; background:#fbfbfb; font-size:22px; font-family: "Poppins", sans-serif, 'Pretendard'; color:#7a7a7a; font-weight:500;}
.diagn_msd .contents_diagn li{font-size:18px; font-family: "Poppins", sans-serif, 'Pretendard'; }
.diagn_msd .contents_diagn li.nd{position:relative; padding-left:25px; color:#7a7a7a;}
.diagn_msd .contents_diagn li.nd::before{position:absolute; content:""; top:13px; left:15px; width:5px; height:5px; background:#383838; border-radius:50%;}


/*  Diagnosis */
.trea_msd{position:relative; padding:30px 0 0; border-top:4px solid #7c9db2;}
.trea_msd h2.tid{font-size:30px; padding:0px 0 0; font-family: "Poppins", sans-serif, 'Pretendard'; font-weight:700; color:#6289a3;}
.trea_msd h3.tif{font-size:22px; padding:10px 0 10px; font-family: "Poppins", sans-serif, 'Pretendard'; font-weight:600; color:#505050;}
.trea_msd .contents_trea{padding:0 0 0;}
.trea_msd .contents_trea li.bis{border:1px solid #ddd; padding:20px; border-radius:24px; background:#fbfbfb; font-size:22px; font-family: "Poppins", sans-serif, 'Pretendard'; color:#7a7a7a; font-weight:500;}
.trea_msd .contents_trea li{font-size:18px; font-family: "Poppins", sans-serif, 'Pretendard'; }
.trea_msd .contents_trea li.nd{position:relative; padding-left:25px; color:#7a7a7a;}
.trea_msd .contents_trea li.nd::before{position:absolute; content:""; top:13px; left:15px; width:5px; height:5px; background:#383838; border-radius:50%;}

/* Clinic */
:root{
      --bg:#ffffff;
      --card:#efefef;
      --video:#2f2f2f;
      --text:#3a3a3a;
      --muted:#7a7a7a;
      --line:#bdbdbd;
      --radius:26px;
      --gap:28px;
      --pad:34px;
      --max:1400px;
    }


    .wrap_movie{max-width: 100%;  margin: 0 auto;}
    .two-col{ display:grid; grid-template-columns: 1fr 1fr;  gap: 28px;  align-items: stretch; }

    /* 왼쪽 영상 카드 */
    .video-card{background: #2f2f2f; border-radius: 26px; overflow:hidden;  position:relative; min-height: 260px; }

    /* 비율 유지(반응형) */
    .video-ratio{width:100%;  height:100%;  aspect-ratio: 14 / 9;  /* 원하는 비율로 변경 가능 (예: 4/3, 1/1 등) */  display:block;}

    .video-ratio video,
    .video-ratio iframe{ width:100%; height:100%; display:block;  border:0;  /* object-fit: cover;*/  /* 꽉 채우되 비율 유지 (필요시 contain으로 변경) */  background:#000;}

    /* 오른쪽 글 카드 */
    .text-card{background: #efefef; border-radius: 26px;  padding: 30px;}

    .title_mos{ margin:0 0 12px; font-size: 30px; line-height: 1.05; font-weight: 750;  letter-spacing: -0.02em; color:#2e2e2e;}

    .divider{ height:1px; background: #bdbdbd;  opacity:.9;  margin: 10px 0 18px; }

    .text-card p{ margin:0 0 18px; font-size: 18px;  line-height: 1.85; color:#5a5a5a;}

    .text-card p:last-child{ margin-bottom:0; }

	.text-scroll{max-height: 340px; /* 스크롤 영역 높이(원하는 값으로 조절) */ overflow-y: auto; padding-right: 10px;    /* 스크롤바 때문에 글이 붙지 않게 */}
	.text-scroll h3.big_txts{font-size:25px; font-weight:600; color:#000; padding:0 0 20px;}
	.text-scroll .con_m{padding:0 0 40px;}
	.text-scroll .con_m li{font-size:18px; color:#353535; line-height:1.4;}
	.text-scroll .con_m li.nost{position:relative; padding-left:20px;}
	.text-scroll .con_m li.nost::before{position:absolute; content:""; top:10px; left:10px; width:4px; height:4px; border-radius:50%; background:#000;}

/* 스크롤바(선택) - 크롬/엣지 */
.text-scroll::-webkit-scrollbar{ width: 10px; }
.text-scroll::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.25); border-radius: 999px;}
.text-scroll::-webkit-scrollbar-track{ background: rgba(0,0,0,.08); border-radius: 999px;}

/* 환자 인터뷰 */
.interview_ms{position:relative; border-top:1px solid #ddd;}
.interview_ms h2.titles{font-size:35px; color:#000; font-family: "Poppins", sans-serif, 'Pretendard'; line-height:1.2; font-weight:700; padding:30px 0 30px;}
.interview_ms .movi_wrap{padding:20px 0 20px; background:#f0f0f0; border-radius:24px;}
.interview_ms .movi_wrap .movis_ms{width:80%; margin:0 auto;}
.interview_ms .story_ms{padding:20px 30px 20px; margin-top:20px; background:#fbfbfb; border:1px solid #ddd; border-radius:34px;}
.interview_ms .story_ms li{font-size:22px; color:#333; font-weight:400; line-height:1.4;}


/* e-book */
.e_book_ms{position:relative;}
.e_book_ms ul{display:flex; justify-content: space-between;}
.e_book_ms li{width:calc(98% / 3);}
.e_book_ms li .boxs{width:100%;}
.e_book_ms li .boxs img{width:100%;}

/* //// 반응형 //// */

@media (max-width: 1600px){
	#sub_wraps_sect01 .sub_menu_ms li a {
		font-size: 17px;
	}

	#sub_wraps_sect02 .sub_menu_ms2 li a {
		font-size: 17px;
	}
}

@media (max-width: 1400px){
	#sub_wraps_sect01 .sub_menu_ms {
		width: 95%;
	}

	#sub_wraps_sect02 .sub_menu_ms2 {
		width: 95%;
	}

	#sub_content_wraps .sub_contents {
		width: 98%;
	}

	#sub_content_wraps .sub_contents h2.tis {
		font-size: 38px;
	}

	.greeting_cons .left_tetxs .bigtis {
		font-size: 35px;
	}

	.greeting_cons .left_tetxs .sm_txts {
		font-size: 23px;
	}

	.greeting_cons .left_tetxs .txt_cons li {
		font-size: 18px;
	}

	.history_ms .his_wrap .wraps h2.timtx {
		font-size: 32px;
	}

	.history_ms .his_wrap h2.timtx {
		font-size: 32px;
	}

	.what_msd h2.tid {
		font-size: 26px;
	}

	.diagn_msd .contents_diagn li.bis {
		font-size: 20px;
	}

	.trea_msd .contents_trea li.bis {
		font-size: 20px;
	}

	.title_mos {
		font-size: 25px;
	}

	.text-scroll h3.big_txts {
		font-size: 20px;
	}

	.interview_ms h2.titles {
		font-size: 28px;
	}

}

@media (max-width: 1190px){
	#sub_wraps_sect02 .sub_menu_ms2 li a {
        font-size: 15px;
    }

	.greeting_cons .left_tetxs .bigtis {
        font-size: 28px;
    }

	.greeting_cons .left_tetxs .sm_txts {
        font-size: 20px;
    }

	.greeting_cons .left_tetxs .txt_cons li {
        font-size: 16px;
    }

	.history_ms .his_wrap .wraps h2.timtx {
        font-size: 25px;
    }

	.history_ms .his_wrap h2.timtx {
        font-size: 25px;
    }

	.diagn_msd .contents_diagn li.bis {
        font-size: 18px;
    }

	.trea_msd .contents_trea li.bis {
        font-size: 18px;
    }


}

@media (max-width: 1024px){
	#sub_wraps_sect01 .sub_menu_ms {
        display:none;
    }

    #sub_wraps_sect02 .sub_menu_ms2 {
        display:none;
    }

	#sub_wraps_sect03 .sub_menu_ms3 {
		 display:none;
	}

	/* wrapper */

:root{
  --bd:#d6dbe6;
  --bg:#fff;
  --txt:#1f2a37;
  --muted:#6b7280;
  --hover:#f3f4f6;
  --active-bg: rgba(59,130,246,.12);
  --active-bd: rgba(59,130,246,.55);
  --radius:12px;
  --shadow:0 12px 25px rgba(0,0,0,.12);
}


/* wrapper */
.select-menu{
  width:80%;
  margin:0 auto;
  position:relative;
  display:block;
}

/* 버튼 */
.select-btn{
  width:100%;
  padding:14px 16px;
  border:2px solid #6289a3;
  background:#7c9db2;
  border-radius:var(--radius);
  display:flex;
  color:#fff;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  font-weight:700;
  transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}

.select-btn:hover{
  border-color:#b9c2d6;
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

.select-btn:active{
  transform: translateY(0);
}

.chev{
  width:16px;
  height:16px;
  transition: transform .22s ease;
}

/* 리스트 */
.select-list{
  position:absolute;
  left:0;
  right:0;
  top:calc(100%);
  background:#fff;
  border:2px solid #7c9db2;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  list-style:none;
  padding:8px;
  margin:0;

  /* open/close animation */
  opacity:0;
  transform: translateY(-10px) scale(.98);
  pointer-events:none;
  transition: opacity .18s ease, transform .18s ease;
  z-index:100;
}

.select-list li{
  margin: 2px 0;
}

/* 링크 + hover 애니메이션 강화 */
.select-list li a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:11px 12px;
  text-decoration:none;
  color:var(--txt);
  border-radius:10px;
  font-size:17px;
  border: 1px solid transparent;

  /* hover motion */
  transition:
    background-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.select-list li a:hover{
  background: var(--hover);
  transform: translateX(4px);
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
  border-color: rgba(0,0,0,.06);
}

/* active 표시 */
.select-list li a.is-active{
  background: var(--active-bg);
  border-color: var(--active-bd);
  box-shadow: 0 6px 14px rgba(59,130,246,.12);
}

/* active 오른쪽 표시 점(옵션) */
.select-list li a.is-active::after{
  content:"●";
  font-size:10px;
  color:#3b82f6;
  opacity:.9;
}

/* 열림 상태 */
.select-menu.open .select-list{
  opacity:1;
  transform: translateY(0) scale(1);
  pointer-events:auto;
}

.select-menu.open .chev{
  transform:rotate(180deg);
}

/* 열렸을 때 버튼도 살짝 강조 */
.select-menu.open .select-btn{
  border-color:#b9c2d6;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}

#sub_wraps_sect01 {
		height: 335px;
}

#sub_wraps_sect02 {
		height: 335px;
	}

#sub_content_wraps .sub_contents {
	padding: 10px 0 30px;
}

.text-card {
	padding: 15px;
}

.title_mos {
    font-size: 22px;
}

.text-scroll h3.big_txts {
   font-size: 18px;
}

.text-scroll .con_m li {
	font-size: 15px;
}

#sub_wraps_sect04 .sub_menu_ms4 {
	display:none;
}

#sub_wraps_sect06 .sub_menu_ms6 {
	display:none;
}

.privacy_ms .privacy_texts {
	font-size: 15px;
}

.privacy_ms .privacy_texts h4.ttld {
	font-size: 19px;
}

.useagree_ms h3.tism {
	font-size: 28px;
}

.useagree_ms .useagree_texts h4.ttld {
	font-size: 19px;
}

.useagree_ms .useagree_texts {
	font-size: 15px;
}

}


@media (max-width: 960px){
  .two-col{
	grid-template-columns: 1fr;
  }
  .title{ font-size: 22px; }
  .text-card{ padding: 15px; }
  .text-scroll{ max-height: 220px; }

  #sub_content_wraps .sub_contents h2.tis {
        font-size: 30px;
  }

}

@media (max-width: 850px){
	
	.header_mem {
		width:97%;
	}
	
	.resier_ms_sects {
		width:97%;
	}

	.resier_ms_sects .foots_s {
		width:97%;
	}

	.resier_ms_sects .fbt_txts {
		font-size: 30px;
	}

	.resier_ms_sects .mo_wrap .normals .texts_m {
		font-size: 20px;
	}

	.resier_ms_sects .mo_wrap .doctors .texts_m {
		font-size: 20px;
	}

	.resier_ms_sects .mo_wrap .normals {
		width:48%;
	}

	.resier_ms_sects .mo_wrap .doctors {
		width:48%;
	}

	.resier_ms_sects h3.tits {
		font-size: 30px;
	}

	.useagree_ms h3.tism {
		font-size: 22px;
	}

}

@media (max-width: 768px){
	.greeting_cons {
		flex-direction: column-reverse;
	}

	.greeting_cons .right_ms_img {
		width: 70%;
		margin:0 auto;
		padding:0 0 20px;
	}

	.greeting_cons .left_tetxs {
		width: 100%;
	}

	.greeting_cons .left_tetxs .bigtis {
        font-size: 23px;
    }

	.history_ms .his_wrap .content_hisy li {
		font-size: 15px;
	}

	.history_ms .his_wrap h3.tixs {
		font-size: 19px;
	}

	.what_msd h2.tid {
        font-size: 22px;
    }

	.what_msd h3.tif {
		font-size: 18px;
	}

	.what_msd .contents_whats li {
		font-size: 15px;
	}

	.diagn_msd h3.tif {
		font-size: 18px;
	}

	.diagn_msd .contents_diagn li {
		font-size: 15px;
	}

	.trea_msd h3.tif {
		font-size: 18px;
	}

	.trea_msd .contents_trea li {
		font-size: 15px;
	}

	.interview_ms h2.titles {
        font-size: 20px;
    }

	.interview_ms .story_ms li {
		font-size: 15px;
	}

	.login_mems_box .wram {
		flex-direction: column;
	}

	.login_mems_box .wram .img_banns {
		width:80%;
		margin:0 auto;
	}

	.login_mems_box .wram .logim {
		width: 80%;
		margin:0 auto;
	}

	.login_mems_box .wram .logim .wrpas_los {
		width:100%;
	}

}

@media (max-width: 680px){
	.resier_ms_sects .mo_wrap .normals .texts_m {
        font-size: 17px;
    }

	.resier_ms_sects .mo_wrap .doctors .texts_m {
        font-size: 17px;
    }
}

@media (max-width: 640px){
	.history_ms .his_wrap .wraps h2.timtx {
        font-size: 20px;
    }

	#sub_wraps_sect01 {
        height: 246px;
		margin:80px 0 0;
    }

	#sub_wraps_sect02 {
        height: 246px;
		margin:80px 0 0;
    }

	#sub_wraps_sect03 {
		height: 246px;
		margin:80px 0 0;
    }

	#sub_wraps_sect04 {
		height: 246px;
		margin:80px 0 0;
	}

	#sub_wraps_sect06 {
		height: 246px;
		margin:80px 0 0;
	}

}


@media (max-width: 584px){
	.history_ms .his_wrap .wraps {
		display:block;
		padding: 0 0 10px;
	}

	.history_ms .his_wrap .wraps .img_photo {
		width:80%;
		margin:0 auto;
	}

	.history_ms .his_wrap .wraps h2.timtx {
        font-size: 18px;
		padding:10px 0 0;
    }

	.history_ms .his_wrap h2.timtx {
        font-size: 18px;
    }

}

@media (max-width: 540px){
	.resier_ms_sects .mo_wrap {
		display:block;
	}

	.resier_ms_sects .mo_wrap .normals {
        width: 100%;
		margin:0 0 20px;
    }

	.resier_ms_sects .mo_wrap .doctors {
        width: 100%;
    }
}

@media (max-width: 520px){
	.video-card{
		min-height: auto;
	}

	.interview_ms .movi_wrap .movis_ms {
		width:98%;
	}
}

@media (max-width: 480px){
  :root{ --radius:20px; }
  .wrap_movie{ padding: 18px 0px; }
  .title_mos{ font-size: 22px; }
  .text-card p{ font-size:16px; }
  .text-scroll{ max-height: 200px; }
  .login_mems_box {
	    padding: 10px;
  }

  .member_con {
	top: 1%;
  }

  .login_mems_box .wram .logim .motis dd {
	font-size: 13px;
  }

 .login_mems_box .wram .img_banns {
        width: 100%;
        margin: 0 auto;
    }

  .login_mems_box .wram .logim {
        width: 100%;
        margin: 0 auto;
  }

  .login_mems_box .wram .logim .wrpas_los .id_pws input {
		/*width: 100%; */
  }

  .login_mems_box .wram .logim .motis dl {
		align-items: center;
  }

  .e_book_ms ul {
	display:block;
  }

  .e_book_ms li {
    width: calc(100% / 1);
	padding:0 0 10px;
   }

}


@media (max-width: 403px){
	.checks_cons h3.ments {
		width:100%;
		font-size: 14px;
	}

	.checks_cons dl {
		width:100%;
	}

	.checks_cons dt {
		font-size: 13px;
	}

	.checks_cons dd {
		font-size: 13px;
	}

}