@import url('sub.css'); 
/* 공통 */
	.fertility_cont {padding-top:100px}
	.section .section_tit {color: var(--black); text-align: center; font-size: 3.4rem; font-weight: 200; line-height: 114.706%; letter-spacing: -4.08px; margin-bottom:50px}

	.fertility_cont .cont img {width:100%; max-width:100%; height:auto}
	.fertility_cont .cont .tbox {text-align:center; margin-top:40px; text-wrap-style:balance}
	.fertility_cont .cont .tbox p.fs40 {font-weight:300; margin-bottom:20px}
	.fertility_cont .cont .tbox p.fs22 {margin-bottom:10px; font-weight:400;}
	.fertility_cont .cont .tbox p.fs22:last-child {margin-bottom:0}

/* 탭 */
	.tab{display:flex; justify-content: center; background:var(--white); overflow:hidden; position: sticky; z-index: 9; top:0; border-bottom:1px solid var(--border); transition:all .3s linear}
	.tab ul {display:flex; justify-content: center;}
	.tab li{width: auto; padding:0 20px;}
	.tab li a{display:inline-block; box-sizing:border-box; position:relative; transition:all .3s linear; padding:28px 0}
	.tab li.on a{color:var(--main); font-weight:600;}
	.tab li a:hover{color:var(--main);}
	.tab li a:after{content:''; display:block; width:0; height:3px; background:var(--main); position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:all .3s linear;}
	.tab li a:hover::after{width: 100%;}
	.tab li.on a::after{width: 100%;}

	.header.fixed + .mo_menu + #sitemap + .container .tab {top:104px}

/* Section 1 : 임신 준비 */
	.ready_list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:30px;}
	.ready_list dl {position:relative; background:var(--grayBg); padding:60px; padding-right:50px; box-sizing:border-box; display:flex; flex-wrap:wrap; gap:0 54px;}
	.ready_list dl::after {content:'\e941'; font-size:32px; font-family:var(--icon); color:var(--LightFont); line-height:1; position:absolute; top:50%; right:0; transform:translate(50%,-50%); display:none !important}
	.ready_list dl:nth-of-type(2n)::after {display:none;}
	.ready_list dl:last-child::after {display:none;}
	.ready_list dl dt {flex-shrink: 0; }
	.ready_list dl dd {flex:1;}
	.ready_list dl dd .fs28 {display:flex; flex-wrap:wrap; align-items:center; gap: 11px; margin:0 0 12px;}
	.ready_list dl dd .fs28.eng_tit {gap:3px 0px}
	.ready_list dl dd .fs28.eng_tit .num {margin-right:10px;}
	.ready_list dl dd .fs28 span.eng {font-weight:400; font-size:1rem; line-height:150%;}
	.ready_list dl dd .fs28 span.kor_tit {margin-right:5px; font-size:inherit; letter-spacing:inherit; line-height:inherit;}


/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){
p br {display:none}
}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
/* 탭 */
	.tab li a{padding:20px 0}

/* Section 1 : 임신 준비 */
	.ready_list dl {padding:40px; gap:0 30px;}
	.ready_list dl dt img {max-width:60px;}
	.ready_list dl dd .fs28 span.eng {font-size:0.9rem}


}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* 탭 */
	.header.fixed + .mo_menu + #sitemap + .container .tab {top:81.8px}
	.tab li {padding:0 15px;}
	.tab li a{padding:15px 0; font-size:16px}

/* Section 1 : 임신 준비 */
	.ready_list dl {display:block; padding:30px;}
	.ready_list dl br {display:none;}
	.ready_list dl dt {width:100%; line-height:1; margin:0 0 30px; text-align:right;}
	.ready_list dl dd {width:100%; flex:none;}

/* 공통 */
	.fertility_cont {padding-top:50px}

	.fertility_cont .cont .tbox {margin-top:30px}
	.fertility_cont .cont .tbox p.fs40 {margin-bottom:10px; font-size:1.6rem}
	.fertility_cont .cont .tbox p.fs22 {margin-bottom:5px}
}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
/* 탭 */
.header.fixed + .mo_menu + #sitemap + .container .tab {top:63px;}
.tab {justify-content:flex-start;}
.tab ul {justify-content:flex-start;}

/* 공통 */
	.fertility_cont {padding-top:50px}
	.section .section_tit {font-size: 2.2rem; margin-bottom:30px}

	.fertility_cont .cont .tbox {margin-top:20px}
	.fertility_cont .cont .tbox p.fs40 {font-size:1.6rem;}
	.fertility_cont .cont .tbox p.fs22 {margin-bottom:2px}

/* Section 1 : 임신 준비 */
	.ready_list {display: grid; grid-template-columns: repeat(1, 1fr); /*grid-gap:26px;*/ grid-gap:5px;}
	.ready_list dl {padding:20px;}
	.ready_list dl dt {position:absolute; top:10px; right:20px;}
	.ready_list dl dt img {max-width:32px;}
	.ready_list dl dd .fs28 {gap:0 6px; padding-right:40px}
	.ready_list dl::after {/*display:block !important;*/ font-size:26px; right:50%; top:auto; bottom:0; transform:rotate(90deg) translate(50%,0); transform-origin: bottom center;}
	.ready_list dl:last-of-type::after {display:none !important;}
}
/*******************************************************************************
    @media ~480px             
*******************************************************************************/
@media all and (max-width:480px){
}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){
}