@charset "utf-8";

/* 내용관리 */
#ctt {background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 0;line-height:1.6em;margin-top:0;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
#cont {width:100%; max-width: 850px; margin:100px auto 0; position:relative;}



/* ================= 치아보험 공통 ================= */
.ins01, .ins02, .ins03, .ins04, .ins05, .ins06, .ins07, .ins08, .ins09 {overflow: hidden;}
.ins02 .wrap, .ins03 .wrap, .ins04 .wrap, .ins05 .wrap, .ins06 .wrap, .ins07 .wrap, .ins08 .wrap, .ins09 .wrap {max-width: 850px; margin: 0 auto; padding: clamp(50px, 8vw, 90px) clamp(25px, 5vw, 40px);}

/* 공통 타이틀 */
.ins03 .title, .ins04 .title, .ins05 .title, .ins07 .title {text-align: center; margin-bottom: clamp(30px, 5vw, 50px); position: relative;}
.ins03 .title p, .ins04 .title p, .ins05 .title p, .ins07 .title p {font-size: clamp(24px, 4.5vw, 42px); line-height: 1.3; font-weight: 300; color: #111; position: relative; z-index: 1;}
.ins03 .title p b, .ins04 .title p b, .ins05 .title p b, .ins07 .title p b {font-weight: 800;}

/* 필기체 라벨 */
.eng_script {display: inline-block; font-family: 'James Stroker', cursive; font-size: clamp(28px, 5vw, 52px); color: #ccdcec; line-height: 1; margin-bottom: -0.3em; position: relative; z-index: 0;}
.eng_script.hl {color: #7FA9DC;}
.eng_script.hl::before {content: ""; position: absolute; left: -15%; top: 35%; width: 130%; height: 50%; background: #E7F1FD; transform: rotate(-5deg); z-index: -1;}

.full_img {width: 100%; display: block;}


/* ================= ins01 : 히어로 ================= */
.ins01 {position: relative;}
.ins01 .hero_bg img {width: 100%; display: block;}
.ins01 .hero_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 850px; padding: 0 clamp(25px, 5vw, 40px); box-sizing: border-box; color: #fff; text-align: left;}
.ins01 .hero_txt .eng_label {display: block; font-size: clamp(10px, 1.6vw, 14px); letter-spacing: 3px; color: rgba(255,255,255,0.7); margin-bottom: clamp(10px, 2vw, 18px);}
.ins01 .hero_txt h2 {font-size: clamp(22px, 4.5vw, 42px); font-weight: 300; line-height: 1.4; margin-bottom: clamp(12px, 2vw, 20px);}
.ins01 .hero_txt h2 b {font-weight: 800;}
.ins01 .hero_txt p {font-size: clamp(13px, 2.2vw, 18px); line-height: 1.6; font-weight: 300; color: rgba(255,255,255,0.85);}


/* ================= ins_tab : 탭 ================= */
.ins_tab {display: flex; border-bottom: 1px solid #e2e2e2;}
.ins_tab .tab_btn {flex: 1; background: #fff; border: none; border-bottom: 3px solid transparent; cursor: pointer; font-family: inherit; font-size: clamp(15px, 2.6vw, 21px); font-weight: 500; color: #888; padding: clamp(16px, 3vw, 26px) 5px; transition: color .2s, background .2s;}
.ins_tab .tab_btn.on {background: #f4f4f4; color: #1D2C57; font-weight: 800; border-bottom-color: #1D2C57;}

/* 탭 패널 */
.tab_pane {display: none;}
.tab_pane.on {display: block;}


/* ================= ins02, ins06 : 인트로 ================= */
.ins02 .wrap, .ins06 .wrap {text-align: center;}
.intro_tit p {font-size: clamp(20px, 3.8vw, 34px); line-height: 1.5; font-weight: 300; color: #1D2C57;}
.intro_tit p b {font-weight: 800;}
.intro_tit .rd_box {display: inline-block; background: #70ACF3; color: #fff; font-weight: 400; padding: clamp(4px, 1vw, 8px) clamp(10px, 2.2vw, 18px); margin-top: clamp(6px, 1.2vw, 10px);}
.intro_tit .rd_box b {color: #fff;}
.intro_txt {font-size: clamp(14px, 2.4vw, 20px); line-height: 1.7; color: #444; font-weight: 300; margin-top: clamp(25px, 4.5vw, 45px);}
.intro_txt b {font-weight: 800; color: #1D2C57;}


/* ================= ins03 : 상담 과정 ================= */
.ins03 .step_img {display: block; width: 100%; max-width: 625px; margin: 0 auto;}


/* ================= ins04 : 적용 가능 진료 ================= */
.ins04 {background: linear-gradient(180deg, #E3F0FD 0%, #A9CDF3 60%, #7FB1E8 100%);}
.ins04 .title p {color: #1D2C57;}
.ins04 .cover_list {display: flex; flex-direction: column; gap: clamp(15px, 3vw, 28px); max-width: 720px; margin: 0 auto;}
.ins04 .cover_box {background: #fff; box-shadow: 0 clamp(6px, 1.4vw, 12px) clamp(14px, 3vw, 26px) rgba(30, 70, 130, 0.18); text-align: center; padding: clamp(22px, 4vw, 36px) 15px;}
.ins04 .cover_box h4 {font-size: clamp(17px, 3vw, 26px); font-weight: 800; color: #1D2C57; margin-bottom: clamp(8px, 1.5vw, 14px);}
.ins04 .cover_box p {font-size: clamp(13px, 2.2vw, 18px); line-height: 1.6; color: #444; font-weight: 400;}
.ins04 .cover_notice {text-align: center; font-size: clamp(14px, 2.5vw, 21px); line-height: 1.6; color: #1D2C57; font-weight: 400; margin-top: clamp(30px, 5.5vw, 55px);}
.ins04 .cover_notice b {font-weight: 800;}
.br_m {display: none;}


/* ================= ins05 : 치아보험 Q&A ================= */
.ins05 {background: #f9f9f9;}
.ins05 .qna_list {display: flex; flex-direction: column; gap: clamp(30px, 5.5vw, 55px); max-width: 750px; margin: 0 auto;}
.ins05 .q_bubble {position: relative; background: #4E82D8; border-radius: clamp(10px, 2vw, 18px); color: #fff; text-align: center; padding: clamp(16px, 3vw, 26px) clamp(15px, 3vw, 30px); margin-bottom: clamp(20px, 3.5vw, 32px);}
.ins05 .q_bubble::after {content: ""; position: absolute; left: clamp(30px, 6vw, 60px); top: 100%; border-top: clamp(12px, 2.2vw, 18px) solid #4E82D8; border-right: clamp(12px, 2.2vw, 18px) solid transparent;}
.ins05 .q_bubble p {font-size: clamp(15px, 2.6vw, 22px); line-height: 1.5; font-weight: 500;}
.ins05 .q_bubble p b {font-weight: 800;}
.ins05 .a_bubble {position: relative; background: #fff; border: 1px solid #d5d5d5; border-radius: clamp(10px, 2vw, 18px); text-align: center; padding: clamp(20px, 3.5vw, 32px) clamp(15px, 3.5vw, 34px);}
.ins05 .a_bubble::before {content: ""; position: absolute; right: clamp(30px, 6vw, 60px); bottom: 100%; border-bottom: clamp(12px, 2.2vw, 18px) solid #d5d5d5; border-left: clamp(12px, 2.2vw, 18px) solid transparent;}
.ins05 .a_bubble::after {content: ""; position: absolute; right: calc(clamp(30px, 6vw, 60px) + 1px); bottom: calc(100% - 1.5px); border-bottom: clamp(11px, 2vw, 16px) solid #fff; border-left: clamp(11px, 2vw, 16px) solid transparent;}
.ins05 .a_bubble p {font-size: clamp(13px, 2.3vw, 18px); line-height: 1.75; color: #444; font-weight: 300;}
.ins05 .a_bubble p b {font-weight: 800; color: #1D2C57;}
.ins05 .a_bubble .a_mark {display: block; font-size: clamp(17px, 3vw, 26px); color: #1D2C57; margin-bottom: clamp(6px, 1.2vw, 10px);}


/* ================= ins07 : 구비서류 안내 ================= */
.ins07 .title .check_ico {display: block; width: clamp(30px, 5.5vw, 48px); margin: 0 auto clamp(12px, 2.2vw, 20px);}
.ins07 .docs_list {display: flex; flex-direction: column; gap: clamp(25px, 4.5vw, 45px); max-width: 750px; margin: 0 auto;}
.ins07 .docs_item {border-bottom: clamp(2px, 0.5vw, 3px) solid #1D2C57;}
.ins07 .docs_item h4 {background: #1D2C57; color: #fff; text-align: center; font-size: clamp(15px, 2.6vw, 22px); font-weight: 700; padding: clamp(12px, 2.2vw, 18px) 10px;}
.ins07 .docs_item p {text-align: center; font-size: clamp(14px, 2.5vw, 21px); color: #111; font-weight: 700; padding: clamp(22px, 4vw, 38px) 15px;}
.ins07 .docs_item p span {font-weight: 300; color: #555;}
.ins07 .docs_notice {max-width: 750px; margin: clamp(35px, 6.5vw, 65px) auto 0; border: 1px solid #d5d5d5; border-radius: clamp(12px, 2.5vw, 22px); text-align: center; padding: clamp(25px, 4.5vw, 42px) 15px;}
.ins07 .docs_notice p {font-size: clamp(14px, 2.5vw, 21px); line-height: 1.7; color: #444; font-weight: 300;}
.ins07 .docs_notice p b {font-weight: 800; color: #1D2C57;}


/* ================= ins08 : 보험사 로고 ================= */
.ins08 {background: #EDF3FB;}
.ins08 .full_img {max-width: 746px; margin: 0 auto;}


/* ================= ins09 : 허위진단서 경고 ================= */
.ins09 {background: #1D2C57;}
.ins09 .wrap {text-align: center;}
.ins09 .print_ico {display: block; width: clamp(90px, 16vw, 150px); margin: 0 auto clamp(20px, 4vw, 38px);}
.ins09 .warn_tit {font-size: clamp(20px, 3.8vw, 34px); line-height: 1.5; color: #fff; font-weight: 300;}
.ins09 .warn_tit b {font-weight: 800; color: #FF4B3A;}
.ins09 .warn_bar {background: linear-gradient(180deg, #f5f6f8 0%, #c9cdd6 50%, #9aa1b0 100%); margin: clamp(30px, 5.5vw, 55px) calc(0px - clamp(25px, 5vw, 40px)) 0; padding: clamp(22px, 4vw, 38px) 15px;}
.ins09 .warn_bar p {font-size: clamp(17px, 3.2vw, 28px); line-height: 1.5; color: #1D2C57; font-weight: 800;}
.ins09 .warn_bar p span {font-weight: 500;}
.ins09 .warn_txt {font-size: clamp(12px, 2.1vw, 17px); line-height: 1.7; color: rgba(255,255,255,0.6); font-weight: 300; margin-top: clamp(25px, 4.5vw, 42px);}






/* ================= 미디어쿼리 850px ================= */
@media(max-width:850px) {

}

/* ================= 미디어쿼리 640px ================= */
@media(max-width:640px) {


}


@media (max-width: 500px) {
	.br_m {display: block;}
}


/* ================= 미디어쿼리 430px ================= */
@media(max-width:430px) {

}