@charset "utf-8";

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



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

.visual_link{margin-top:50px;text-align: center;}
.visual_link a{box-sizing:border-box;position:relative;display:inline-block;width:210px;padding:13px 0 13px 20px;border-radius:30px;color:#FFF;margin-right:10px;border:3px solid #FFF;background:url(/sites/style_guide/images/common/arrow_3_w.png) no-repeat 90% center;}
.visual_link .a_1{border-color:#004eff;background-color:#004eff;text-align: left;}
.visual_link .a_2{text-align: left;}
.visual_link a:hover{border-color:#222;background-color:#444;}