@import url('sub.css'); 
/* 탭 */
	.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 {display:flex; gap:95px; align-items:center;}
	.section + .section {margin-top:60px}
	.section > img {width:50%; height:auto; flex-shrink:0; max-width:810px}
	.section .tbox {flex:1}
	.section h4 {margin-bottom:20px}
	.section p.subtit {margin-bottom:10px; color:var(--black);}
	.section ul li {display:flex; gap:9px; align-items:flex-start}
	.section ul li::before {content:""; background:var(--main); width:3px; aspect-ratio: 1 / 1; margin-top:13px; flex-shrink:0}
	.section .sub_tbox p.sub_tbox_tit {margin-bottom:10px; font-weight:700}
	.section .sub_tbox p.fs20 {color:var(--black);}
	.section .sub_tbox ul {margin-top:10px}

	.section:nth-child(2n) {flex-direction:row-reverse}
	.section ul li + li {margin-top:7px}
	.section .sub_tbox + .sub_tbox {margin-top:20px}


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

}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

/* 탭 */
	.tab li a{padding:20px 0}

/* 섹션공통 */
	.section {gap:50px;}
	.section + .section {margin-top:40px}
	.section h4 {margin-bottom:15px; font-size:1.7rem}
	/* .section .fs20 {font-size:1rem} */
	.section .sub_tbox p.sub_tbox_tit {margin-bottom:5px;}
	.section .sub_tbox ul {margin-top:5px}
	.section ul li {gap:7px}
	.section ul li::before {margin-top:11px}

	.section ul li + li {margin-top:4px}
	.section .sub_tbox + .sub_tbox {margin-top:15px}


}

/*******************************************************************************
    @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 {display:block}
	.section > img {width:100%; max-width:100%}
	.section .tbox {margin-top:20px}
	.section + .section {margin-top:30px}
	.section h4 {margin-bottom:5px;}
	.section ul li {gap:7px}
	.section ul li::before {margin-top:10px}

	.section ul li + li {margin-top:2px}
	.section .sub_tbox {margin-top:10px}

	.section .sub_tbox_wrap {display:flex; margin-top:10px; gap:50px;}
	.section .sub_tbox_wrap .sub_tbox {margin-top:0}



}
/*******************************************************************************
    @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;}
/* 	.tab {display:none} */

/* 섹션공통 */
	.section .tbox {margin-top:15px}
	.section + .section {margin-top:25px}
	.section h4 {margin-bottom:3px;}
	.section ul li {gap:4px}
	.section ul li::before {margin-top:10px}

	.section ul li + li {margin-top:2px}
	.section ul li::before {margin-top:9px}
	.section .sub_tbox {margin-top:6px}
	.section .sub_tbox p.sub_tbox_tit {line-height:1.2}


}
/*******************************************************************************
    @media ~480px             
*******************************************************************************/
@media all and (max-width:480px){
}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){
}