/* BASIC css start */
/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#main_visu { width: 100%; position: relative; } 
#main_visu .swiper { width: 100%; } 
#main_visu .swiper-wrapper { width: 100%; } 
#main_visu .swiper-slide { width: 100%; } 
#main_visu .swiper-slide img { width:100%; } 
#main_visu .swiper-pagination { position: absolute; right:25px !important; width: 55px !important; text-align: center !important; bottom: 25px !important; background-color:rgba(255,255,255,.1); padding:8px 14px; border-radius:20px } 
#main_visu .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { left:unset !important } 
#main_visu .swiper-pagination { color:#000 } 
#main_visu .swiper-pagination-current { font-weight:400; color:#fff } 
#main_visu .swiper-button-next, #main_visu .swiper-button-prev { color: #747474 !important; } 
.arrow_wrap { position: absolute; width: 1550px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; } 

/* section °øÅë */
section { } 
section h2 { font-family: 'Noto Sans KR', sans-serif; font-size: 28px; color: #000; font-weight: 600; margin-bottom:10px } 
section h2 span { font-size:30px; color:#555 } 
section p.p_subTitle { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #888; margin-bottom:25px } 

/* sec1 */
#sec1 .item_list { width: 300px; float:left } 
#sec1 .item_list .tumb { /* width: 100%; *//* height: 400px; */ } 
.sec1_prd { position:relative } 
#sec1 { margin-top:50px; padding-bottom:100px } 
#sec1 .swiper_btn_prev { width:19px; height:36px; position:absolute; left:-65px !important; top:50%; transform:translateY(-50%); background:url(/design/innobrand/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain } 
#sec1 .swiper_btn_next { width:19px; height:36px; position:absolute; right:-65px !important; top:50%; transform:translateY(-50%); background:url(/design/innobrand/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain } 

.swiper-horizontal>.swiper-scrollbar { height:2px !important; bottom:0px !important; width:100% } 

/* sec11 */
#sec11 .item_list { width: 300px; float:left } 
#sec11 .item_list .tumb { /* width: 100%; *//* height: 400px; */ } 
#sec11 { margin-top:50px; padding-bottom:100px } 
#sec11 .item-cont{flex-wrap: wrap !important;}


/* sec2 */
#sec2 { margin-bottom: 130px; } 
#sec2 h2 { margin-bottom:25px } 
#sec2 h2 span { } 
#sec2 h2 a { float: right; } 
#sec2 .sec2_banner { height: 150px; width: 1400px; } 
#sec2 .sec2_banner ul { width: 100%; display: flex; justify-content: space-between; height: 100%; } 
#sec2 .sec2_banner ul li { width: 50%; height: 100%; } 
#sec2 .sec2_banner ul li a { display: block; width: 100%; height: 100%; } 
#sec2 .sec2_banner ul li a img { width: 100%; } 

/* sec3 */

#sec3 { margin-top:30px } 
#sec3 h2 { } 
#sec3 .sec3_cate { margin:30px 0; } 
#sec3 .sec3_cate ul { float:left } 
#sec3 .sec3_cate ul li { display: inline-block; margin-right: 15px; } 
#sec3 .sec3_cate ul li a { font-family: 'Noto Sans KR', sans-serif; color: #888; padding-bottom:4px; font-size:16px } 
#sec3 .sec3_cate ul li.on>a { border-bottom: 2px solid #000; color: #000; } 
#sec3 .sec3_cate>a { float: right; } 
#sec3 .sec3_prd { } 
#sec3 .sec3_prd>div { display: none; position:relative } 
#sec3 .sec3_prd>div.show { display: block; } 


/* sec4 */
#sec4 { margin-top:30px } 
#sec4 h2 { } 
#sec4 .sec4_cate { margin:30px 0; } 
#sec4 .sec4_cate ul { float:left } 
#sec4 .sec4_cate ul li { display: inline-block; margin-right: 15px; } 
#sec4 .sec4_cate ul li a { font-family: 'Noto Sans KR', sans-serif; color: #888; padding-bottom:4px; font-size:16px } 
#sec4 .sec4_cate ul li.on>a { border-bottom: 2px solid #000; color: #000; } 
#sec4 .sec4_cate>a { float: right; } 
#sec4 .sec4_prd { } 
#sec4 .sec4_prd>div { display: none; position:relative } 
#sec4 .sec4_prd>div.show { display: block; } 
#sec4 .item_list { float:left } 
#sec4 .item-cont { justify-content: unset; } 
#sec4 .swiper_btn_prev { width:19px; height:36px; position:absolute; left:-65px !important; top:40%; background:url(/design/innobrand/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain } 
#sec4 .swiper_btn_next { width:19px; height:36px; position:absolute; right:-65px !important; top:40%; background:url(/design/innobrand/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain } 



/* sec5 */
#sec5 { margin-bottom:130px; } 
#sec5 h2 a { float: right; } 
.sec5_banner ul { width: 100%; height:auto; flex-direction:row; display: flex; justify-content: space-between; margin-top: 25px; } 
.sec5_banner a { width: 100%; height: 100%; display: block; } 
.sec5_banner a img { width:100%; } 
.sec5_banner .ban_txt { padding-top: 20px; } 
.sec5_banner .ban_txt p { text-align: center; } 
.sec5_banner .ban_txt p.tit { margin-bottom:7px; color: #222; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-.6px } 
.sec5_banner .ban_txt p.period { color: #888; font-size: 16px; font-family: 'Red Hat Display', sans-serif; } 


/* sec6 */


#sec6 { margin-top:90px } 
#sec6 .sec_inner { border-top:1px solid #eee; padding-top:100px } 
#sec6 .txt_area { float:left; width:22% } 
#sec6 .txt_area h2 { } 
#sec6 .txt_area p.p_subTitle { } 
#sec6 .sec6_prd { position: relative; } 
#sec6 .item_list { width: 300px; float:left } 
#sec6 .item_list .tumb { width: 100%; height: 400px; } 
#sec6 .swiper_btn_prev { width:19px; height:36px; position:absolute; left:0 !important; top:35%; background:url(/design/innobrand/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain } 
#sec6 .swiper_btn_next { width:19px; height:36px; position:absolute; left:60px !important; top:35%; background:url(/design/innobrand/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain } 


/* sec7 */

#sec7 { margin:90px 0 } 
#sec7 .sec_inner { } 
#sec7 .sec7_banner { background: url(/design/innobrand/aconcept/PC_img/main_banner.png) no-repeat center center; background-size: contain; width: 1400px; height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; padding: 50px; } 
#sec7 .sec7_banner h3 { text-align: center; font-family: 'Noto Sans KR', sans-serif; color: #222; font-size: 36px; font-weight: 400; } 
#sec7 .sec7_banner a { transition:background-color .4s; display:inline-block; border: 1px solid; width: 180px; height: 47px; text-align: center; line-height: 47px; color: #666; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; letter-spacing:1.3px } 
#sec7 .sec7_banner a:hover { background-color:rgba(255,255,255,.7); color:#000 } 

/* sec8 */
#sec8 { margin-bottom:200px } 
#sec8 .sec_inner { } 
#sec8 h2 { } 
#sec8 h2 a { float: right; } 
#sec8 .sec8_mag { width: 1400px; margin-top:30px } 
#sec8 .sec8_mag ul { width: 100%; display: flex; justify-content: space-between; } 
#sec8 .sec8_mag ul li { width: 335px; } 
#sec8 .sec8_mag ul li .pic { height: 335px; } 
#sec8 .sec8_mag ul li .pic a { display: block; } 
#sec8 .sec8_mag ul li .pic a img { width: 100%; height: 335px; } 
#sec8 .sec8_mag ul li .article { width: 100%; } 
#sec8 .sec8_mag ul li .article h4 { color: #222; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; padding: 25px 0 14px; font-weight: 400; letter-spacing:-.4px } 
#sec8 .sec8_mag ul li .article p { width: 85%; color: #888; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:-.4px } 

/* sec9 */
#sec9 { position:relative; margin-bottom:200px } 
#sec9 h2 { margin-bottom:10px; } 
#sec9 h2 a { float: right; } 
#sec9 h3 { font-size:16px; font-weight:500; color:#888; margin-bottom:25px; } 
#sec9 #sec9_swiper { padding-bottom: 43px; } 
#sec9 .pic { position:relative; margin-bottom: 14px; } 
#sec9 .pic img { width:100%; } 
#sec9 .article h4 { display:none; margin-bottom: 10px; } 
#sec9 .article p { display:none; font-size:18px; font-weight:400; } 
#sec9 .article p b { font-size:26px; font-weight:700; margin-right:8px; } 
#sec9 .swiper-slide .pic:after { content:''; background: rgb(27 27 27 / 70%); position:absolute; top:0; right:0; bottom:0; left:0; } 
#sec9 .swiper-slide:hover .pic:after { content:unset; } 
#sec9 .swiper-slide-active .pic:after { content:unset; } 
#sec9 .swiper-pagination { bottom: 0 !important; top: auto !important; background: #ececec; height: 2px; } 
#sec9 .swiper-button-prev { left: -52px; color: #ddd; } 
#sec9 .swiper-button-next { right: -52px; color: #ddd; } 
#sec9 .swiper-pagination .swiper-pagination-progressbar-fill { background: #111; } 


/* sec10 */
#sec10 { margin-bottom:200px } 
#sec10 .sec_inner { } 
#sec10 h2 { } 
#sec10 h2 a { float: right; } 
#sec10 .sec10_mag { width: 1400px; margin-top:30px } 
#sec10 .sec10_mag ul { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } 
#sec10 .sec10_mag ul li {width: 12%;height: 168px;overflow: hidden;margin-bottom:8px} 
#sec10 .sec10_mag ul li .pic { } 
#sec10 .sec10_mag ul li .pic a { display: block; } 
#sec10 .sec10_mag ul li .pic a img { width: 100%; height: auto; } 

/* BASIC css end */