/* BASIC css start */
*{line-height:200%;}

:root{--main-color:#333378;}

#container {background: url('/design/eutteum86/images/brand_bg_black.jpg' no-repeat) no-repeat center; background-size:cover;}
#container .con_inner {max-width: 1464px; padding: 50px 24px; width: 100%; margin: 0 auto; box-sizing: border-box;}
#container .con_inner h2 {font-size: 28px; color: #fff; font-weight: 700; margin-bottom: 40px;}
#container .con_inner .brand_sec {text-align:left;}
#container .con_inner .brand_sec h3 {font-size:24px; font-weight:700; margin-bottom:4px; color: var(--main-color);}
#container .con_inner .brand_sec p {font-size:16px;}
#container .con_inner .brand_sec p b {font-size:16px; display:inline-block; margin-bottom:30px; font-weight:400; color:#999;}
#container .con_inner .brand_sec1 .sec1_con li{font-size:16px; color:#fff;}
#container .con_inner .brand_sec1 h3{color:#fff;}
#container .con_inner .brand_sec1 p b{color:#ccc;}
.brand_sec_wrapper{display:flex; justify-content:space-between; gap: 2rem;}
.brand_sec2, .brand_sec3, .brand_sec4 {max-width:440px; background:#fff; margin-top:2rem; padding:40px; box-sizing:bodrer-box;}


@media (max-width: 1024px) {
#container .con_inner {padding: 50px 24px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.brand_sec2, .brand_sec3, .brand_sec4 {max-width:100%;}
.brand_sec_wrapper{display:block;}
}

/* 태블릿 모바일 */
@media (max-width: 768px) {
*{line-height:180%;}
#container{margin:40px 0;}
#container .con_inner{max-width:90%; padding:0;}
#container .con_inner h2{font-size:18px; color:#000;}
#container .con_inner .brand_sec h3 {font-size:18px;}
#container .con_inner .brand_sec1 h3{color: var(--main-color);}
#container .con_inner .brand_sec p {font-size:14px;}
#container .con_inner .brand_sec p b {font-size:14px;}
#container .con_inner .brand_sec1 .sec1_con li{font-size:14px; color:#000;}
.brand_sec2, .brand_sec3, .brand_sec4 {max-width:100%; padding:0; margin-top:2rem;}
.brand_sec_wrapper{display:block;}
}


/* BASIC css end */