@charset "utf-8";

/************************************************************
메인요소:
요소 아이디로 CSS 작업시에는 템플릿 생성과정에서
아이디 값이 자동으로 변경이 되기 때문에 style.css에 작업합니다.
************************************************************/



/************************************************************
서브비주얼:
개별 비주얼 적용시에는 경로만 수정해서 사용합니다.
************************************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/naoe/images/sub_visual_1.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_3.jpg) no-repeat center top;}
.eQ03 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_4.jpg) no-repeat center top;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_6.jpg) no-repeat center top;}
.eQ06 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_20.jpg) no-repeat center top;}



/************************************************************
메인
************************************************************/
.base-latest-photo a.subject{margin:0;}

.banner_4 ul{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;}
.banner_4 ul li{width:48%;margin:1%;}
.banner_4 ul li a{position:relative;display:block;color:#FFF;font-size:17px;font-family:'Noto Regular';border-bottom:1px solid #DDD;padding:10px 20px;}
.banner_4 ul li a::before{content:"";display:block;width:8px;height:8px;background:#FFF;border-radius:100%;position:absolute;top:19px;left:0;}
@media all and (min-width:769px) and (max-width:1280px){
	.banner_4 ul li{width:23%;}
}
@media all and (max-width:380px){
	.banner_4 ul li{width:100%;margin:0.5% 0;}
}