@charset "utf-8";

/************************************************************
메인요소:
요소 아이디로 CSS 작업시에는 템플릿 생성과정에서
아이디 값이 자동으로 변경이 되기 때문에 style.css에 작업합니다.
************************************************************/

/*News*/
#menu14513_obj72{background:rgba(255,255,255,0.8);position:absolute;width:1000px !important;height:400px !important;left:50%;top:140px;margin-left:-1130px !important;padding-left:350px;}
@media all and (max-width:1600px){
  #menu14513_obj72{width:50% !important;left:0;margin-left:0 !important;padding-left:0;}
}
@media all and (max-width:1024px){
  #menu14513_obj72{height:250px !important;top:110px;}
}
@media all and (max-width:768px){
  #menu14513_obj72{width:90% !important;left:5%;}
}

/*바로가기1*/
#menu14513_obj73{max-width:1200px;margin:-65px auto 0 auto !important;}
@media all and (max-width:1280px){
  #menu14513_obj73{max-width:90%;}
}



/************************************************************
서브비주얼:
개별 비주얼 적용시에는 경로만 수정해서 사용합니다.
************************************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/mnupharmacy/images/sub_visual_1.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_4.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/mnupharmacy/images/sub_visual_3.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/mnupharmacy/images/sub_visual_4.jpg) no-repeat center top;}
.eQ06 .wrap_sub_visual:before{background:url(/sites/mnupharmacy/images/sub_visual_4.jpg) no-repeat center top;}
.eQ07 .wrap_sub_visual:before{background:url(/sites/mnupharmacy/images/sub_visual_5.jpg) no-repeat center top;}

@media only screen and (min-width:1025px){
  .rowBox_2.ea2 {width: 50%; margin: 0 auto 10px auto;}
}

@media only screen and (max-width:767px){
  .eQ01 .wrap_sub_visual:before{background-size: 350% !important; top: 97px;}
}

.mobile-con_pharmacy03{display:none;}
.mobile-con_pharmacy03 > ul > li{margin-bottom:45px;}
.mobile-con_pharmacy03 > ul > li > span{background:#f4f4f4;display:block;color:#333;font-size: 24px;border-radius:10px;padding: 15px 10px;margin-bottom: 15px;font-weight: bold;}
.mobile-con_pharmacy03 > ul > li.box01 > p{background:#5a30b8;color: #fff;padding: 15px;border-radius: 10px;margin-top: 10px;}
.mobile-con_pharmacy03 > ul > li.box02 > ul > li{background:#e0f0ff;padding: 10px;border-radius: 10px;margin-bottom: 15px;}
.mobile-con_pharmacy03 > ul > li.box02 > ul > li:nth-child(2){background:#e0e6ff;}
.mobile-con_pharmacy03 > ul > li.box02 > ul > li:nth-child(3){background:#e1e0ff;}
.mobile-con_pharmacy03 > ul > li.box03 ul{padding:10px 20px;border-radius:10px;border: 1px solid #ccc;margin-bottom: 25px;text-align: left;}
.mobile-con_pharmacy03 > ul > li.box03 ul > li{position:relative;padding-left: 90px;word-break: keep-all;}
.mobile-con_pharmacy03 > ul > li.box03 ul:nth-child(1){border-color:#e6f3fe;}
.mobile-con_pharmacy03 > ul > li.box03 ul:nth-child(2){border-color:#edf0fc;}
.mobile-con_pharmacy03 > ul > li.box03 ul:nth-child(3){border-color:#e0dff9;}
.mobile-con_pharmacy03 > ul > li.box03 strong{color:#1f87e0;position: absolute;left: 0;}
.mobile-con_pharmacy03 > ul > li.box03 ul:nth-child(2) strong{color:#5769bc;}
.mobile-con_pharmacy03 > ul > li.box03 ul:nth-child(3) strong{color:#4946bd;}

@media only screen and (max-width:767px){
  .mobile-con_pharmacy03{display:block;}
  #menu8026_obj340 img{display:none;}
}
