@charset "utf-8";

section{min-width:1400px;}
.nbum{height:100%;}
.charImg{position:absolute; right:0px; top:50%; transform:translateY(-50%); max-width:35vw;}
.charImg img{width:100%;}

/*ci 정보 */
.ciInfo{height:677px; background:url('../../images/ci_bg.png') center; color:#000;}
.ciInfo article{padding: 140px 0;}
.ciInfo ul{width:75%;}
.ciInfo li:not(:first-child){margin-top:10%;}
.ciInfo p{font-size:1.5rem; color:#59c7f7; font-weight:600;}
.ciInfo strong{display:block; margin:10px 0 15px 0; font-size:2.5rem; line-height:1.4; color:#fff;}
.ciInfo span{display:block; font-size:1.5rem; line-height:1.4; font-weight:200; color:#fff;}

/*캐릭터 정보*/
.charExp{padding-bottom:200px;}
.charExp article{padding-top:140px;}
.charExp article h2{font-size:7.5rem; font-family:"Montserrat"; font-weight:800; color:#181818;}
.charExp article h2 + p{font-size:25px; font-size:2.2rem; color:#181818;}
.charExp article ul{margin-top:200px}
.charExp article ul p{display:flex; font-family: "Montserrat"; font-weight:600; color:#181818; font-size:2.5rem; align-items: center; margin-bottom:15px;}
.charExp article ul p::before{content:""; display:block; width:19px; height:20px; margin-right:5px; background:url('../../images/char_item.png')no-repeat; background-size:100%;}
.charExp article ul span{display:block; font-size:15px; color:#181818; line-height:21px; margin-bottom:30px;}
.charExp article ul span i{background:#dbf1ff; font-weight:500; font-family:"Montserrat","NotoSans";}
.charExp img{position:absolute; right:0px; top:34%;}
.charExp.moniuni img{top:54%;}

/*캐릭터 디자인*/
.charInfo article{padding:130px 0px 160px;}
.charInfo{background:#f4faff;}
.charInfo h3{display:flex; font-weight:600; font-family:"Montserrat"; font-size:2.5rem; margin-bottom:60px; align-items: center;}
.charInfo h3::before,.charInfo ul > li::before{content:""; display:block; width:19px; height:20px; margin-right:5px; background:url('../../images/char_item.png')no-repeat; background-size:100%;}
.charInfo img{width:100%;}
.charInfo ul,.charInfo ol{display:flex; }
.charInfo ul{align-items: start; width:100%; margin-top:100px;}
.charInfo ul > li{display:flex; align-items:center; font-weight:600; font-family:"Montserrat"; font-size:2.5rem;}
.charInfo ul ol{flex:1; justify-content: space-around;}
.charInfo ul ol li div{border-radius:10px; width:70px; height:74px; margin-right:10px;}
.charInfo ul ol li{display:flex; align-items: center; font-family:"Montserrat"; font-size:1.5rem; color:#181818; line-height:24px;}

/*캐릭터 바리에이션*/
.charVar{background:#a0d2ff; padding:120px 0px;}
.charVar article h2{display:flex; font-family: "Montserrat"; font-weight:600; color:#181818; font-size:2.5rem; align-items: center; margin-bottom:50px;}
.charVar article h2::before{content:""; display:block; width:19px; height:20px; margin-right:5px; background:url('../../images/char_item.png')no-repeat; background-size:100%;}
.charVar article img{width:100%;}
footer{margin-top:0px;}