@charset "utf-8";
/* ==========================================================================
   Base styles & Helper
   ========================================================================== */
/*
- viewport >= 1360 : 1280 (.inner-wrap);
- 1024 <= viewport < 1360 : 1024 (.inner-wrap); width/margin => % (percent)
- viewport < 1024 : 1000 (.inner-wrap);
*/


/* =====================================
 main-popup
===================================== */
/* layer-popup-main */
.main-popup-wrapper { position: absolute; top: 0; left: 0; width: 100%; padding-top: 111px; }
.main-popup-wrapper-inner { position: relative; min-width:1000px; max-width:1280px; margin: 0 auto; padding-top: 10px; box-sizing:border-box; }
.main-popup { z-index: 106; clear: both; float: right; overflow: hidden; position: relative;  margin: 0 12px 4px 0; border: 1px solid #fff; border-color: rgba(255,255,255,.4); text-align: left; }
.main-popup.popup-size02 { z-index: 106; clear: both; float: right; overflow: hidden; position: relative; ; margin: 0 12px 4px 0; border: 1px solid #fff; border-color: rgba(255,255,255,.4); text-align: left; }
.main-popup-hide { display: none; }
.main-popup-close { z-index: 3; position: absolute; bottom: 0; right: 2px; padding: 6px; }
.main-popup-content { z-index: 1; position: relative; color: #fff; }
.main-popup-content img { max-width: 100%; }
.main-popup-footer { z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; height: 22px; padding-top: 3px; }
.main-popup-todaycheck { margin-left: 23px; }
.main-popup-todaycheck .input-checkbox { color: #fff; font-size: 11px; }
.main-popup-todaycheck .input-checkbox i {  }
.main-popup-todaycheck .input-checkbox .label-text {  }
.main-popup-idea { position:absolute; bottom:33px; left:97px; z-index:106; }

@media all and (max-width: 1359px) {
	.main-popup-wrapper {padding-top:93px;}
	.main-popup-wrapper-inner { width:1024px; height:320px; padding-top: 5px; }
	.main-popup { width: 330px;margin: 0 5px 2px 0; }
	.main-popup.popup-size02 { width: 341px;}*/
	.main-popup.popup-size02 .main-popup-footer { height: 19px; }
	.main-popup-todaycheck { margin-left: 27px; }
  .main-popup-idea { bottom:19px; left:75px; }
  .main-popup-footer {height:19px;}
}

@media all and (max-width: 1040px) {

	.main-popup-wrapper-inner { width:1000px; padding-top: 1px; }
	.main-popup { margin: 0 1px 2px 0; }
}



/* ==========================================================================
   SMC MAIN
   ========================================================================== */

.smc-main {}
.smc-main .header {height:84px;}
.smc-main .gnb-location { display: none;}
.smc-main .container {padding-top: 84px; margin-bottom: 0;}
.smc-main .container .inner-wrap {padding-top: 0; background-color: transparent;}
.smc-main .container-clean { clear: both; background:#FFF;}
.smc-main .container-mix { clear: both; padding: 40px 0; background:#f7f7f9;}


#promotion {position: relative; overflow: hidden; height: 400px;}
#promotion .promotion-carousel {}
  #promotion .swiper-container { height:400px; }
  #promotion .swiper-slide {position: relative; z-index: -1;}
   #promotion .swiper-slide.swiper-slide-active {z-index: 1;}
  #promotion .swiper-pagination { position:absolute; z-index:5; bottom:15px; left:0; right:0; text-align: center; }
  #promotion .swiper-pagination-bullet { margin:0 3px; vertical-align: middle; width: 12px; height:12px; background-color:#ffffff; box-shadow:1px 1px 2px rgba(0,0,0,.1); opacity: 1;}
  #promotion .swiper-pagination-bullet-active {background-color:transparent; border:2px solid #fff;}
  #promotion .swiper-button-next {overflow: hidden; z-index: 105; right: 0; left: auto; top: 0; bottom: 0; margin: 0; width: 40px; height: auto;background:url(../img/main/btn-promotion-next.png) 10px 50% no-repeat; border: none; text-indent: -999px; outline: none;}
  #promotion .swiper-button-prev {overflow: hidden; z-index: 105; left: 0; right: auto; top: 0; bottom: 0; margin: 0; width: 40px; height: auto; background:url(../img/main/btn-promotion-prev.png) 10px 50% no-repeat; border: none; text-indent: -999px; outline: none;}
  #promotion .swiper-button-next:hover,
  #promotion .swiper-button-prev:hover {background-position: -170px 50%;}
  #promotion .swiper-button-next:active,
  #promotion .swiper-button-prev:active {background-position: -170px 50.3%;}
  #promotion .swiper-button-disabled {cursor: default; pointer-events: auto;}
  #promotion .promo-img-text {position: absolute; left: 96px; top: 100px;}
  #promotion .promo-img-bg {width: 100%; height: auto;}
  #promotion img {width: 100%; height: auto;}


.banner-items {letter-spacing: -1px;}
.banner-items:after { content: ''; display: block; clear: both; height: 0; visibility: hidden;}
  .banner-items .banner-item { float: left; display:block; height:120px; box-sizing:border-box;}
  .banner-items .banner-item a {display:block; padding:25px 0 23px; width:426px; height: 120px; line-height:1; box-sizing:border-box;}


#bannersA {}
  #bannersA .banner-item .sound-only {display: block; margin: 0 auto; height: 68px; text-indent:-9999px; background:url(../img/main/main_sprite.png) no-repeat; }

  #bannersA .banner-item.banner-quick-reservation {background-color: #3378c1; position:relative; }
  #bannersA .banner-item.banner-quick-reservation p { display: inline-block; padding: 25px 0 23px; width: 427px; height: 120px; line-height: 1; box-sizing: border-box;}
  
  #bannersA .banner-item.banner-quick-reservation .sound-only {width:268px; height:82px; padding-left:43px; background:url(../img/main/banner_item1.png) no-repeat;}
  #bannersA .banner-item.banner-reservation a {width:427px; background-color: #125aac;}
  #bannersA .banner-item.banner-reservation .sound-only {width:311px; background-position: -288px 0;}
  #bannersA .banner-item.banner-counseling a {background-color: #41c1c2;}
  #bannersA .banner-item.banner-counseling .sound-only {width:296px; background:url(../img/main/banner_item3.png) no-repeat;}
  /* 진료예약 안내 */
  #bannersA .banner-item.banner-reservation-txt {background-color: #125aac;}
  #bannersA .banner-item.banner-reservation-txt .sound-only {width:427px; height:120px; background-position: -538px -1507px;}

.banner-quick-input { position:absolute; top:55px; left:149px; }
.banner-quick-input .input-text{ background:#fff; width:142px; height:30px; margin-right:1px;}
.banner-quick-input .button-reserve { background:#1d61b4; color:#f1ee52; height:30px; line-height:30px;}

#bannersB {margin-top:10px;}
  #bannersB .banner-item { padding: 23px 0 0 150px; }
  #bannersB h3 { margin-bottom:13px; font-weight:normal; font-size: 18px; line-height: 19px; color: #1b1d21;}
 #bannersB .input-text {margin-right: -2px;}
  #bannersB .banner-search-doctor {width:415px; background:url(../img/main/main_sprite.png) 60px -105px no-repeat;}
  #bannersB .banner-search-doctor .button { background-color: #ebebeb;}
  #bannersB .icon-search {width: 21px;height: 21px;background: url(../img/gnb/link.png) 0 0 no-repeat;}
 #bannersB .banner-talk {width:415px; background:url(../img/main/main_sprite.png) 60px -1510px no-repeat;}

  #bannersB .banner-selfcheck { padding-left: 160px; width:450px; background:url(../img/main/banner_ico_selfcheck.png) 73px 22px no-repeat;}
  #bannersB .banner-selfcheck .button {height: 34px; line-height: 34px;}
  #bannersB .banner-coaching {width:415px; background:url(../img/main/main_sprite.png) 60px -323px no-repeat;}

  #bannersB .banner-talk h3,
  #bannersB .banner-coaching h3, 
  #bannersB .banner-selfcheck h3 {margin-bottom: 22px;}
  #bannersB .banner-talk a,
  #bannersB .banner-coaching a, 
  #bannersB .banner-selfcheck a {width:auto; height: auto; padding: 0; color: #6e7179;}
  #bannersB .banner-search-doctor span,
  #bannersB .banner-talk span,
  #bannersB .banner-coaching a span, 
  #bannersB .banner-selfcheck a span { display: block; font-size: 14px; color: #6e7179;}


  #bannersB .input-text {width: 190px;}


.banner-sdoctor { display: table; table-layout: fixed; width: 100%; position: relative; margin-top: 8px; padding: 8px 35px; border: 6px solid #f7f7f9; box-sizing: border-box; }
	.banner-sdoctor .banner-sdoctor-title { display: table-cell; vertical-align: middle; }
	.banner-sdoctor .banner-sdoctor-title img { max-width: 100%; }
	.banner-sdoctor .banner-sdoctor-info { display: table-cell; width: 400px; text-align: right; vertical-align: middle; }
	.banner-sdoctor .banner-sdoctor-info .button { min-width: 0; width: 75px; padding-left: 0; padding-right: 0; }
	.banner-sdoctor .banner-sdoctor-user { display: inline-block; margin-right: 30px; color: #44484f; font-size: 20px; line-height: 29px; letter-spacing: -1px; text-align: left; vertical-align: middle; }
	.banner-sdoctor .banner-sdoctor-user .user-name { color: #3378c1; font-weight: normal; }


/*20150811 메인 화면 변경  #todayIssue { }
  #todayIssue h2 { margin-bottom: 20px; font-size: 18px; line-height: 18.1px; text-align:center; }
  #todayIssue h2 .sound-only {display: inline-block; overflow: hidden; vertical-align: middle; width: 106px; text-indent:-999px; background:url(../img/main/main_sprite.png) 0 -500px no-repeat; }
  #todayIssue h2 em {font-style: normal;}
  #todayIssue .issue-carousel {}
  #todayIssue .issue-carousel .swiper-container { height:224px;  }
  #todayIssue .issue-carousel .swiper-wrapper { }
  #todayIssue .issue-carousel .swiper-slide { width: 100%; height:224px; text-align: center;}

  #todayIssue .issue-carousel .swiper-slide a { /*float:left; display: inline-block; vertical-align: top; width: 252px; text-align: center;  color: #686b71;}
  #todayIssue .issue-media {position: relative; margin: 0 auto; width: 160px;}
    #todayIssue .issue-img {position: relative; z-index: 0; overflow: hidden; width: 160px; height: 160px; border-radius: 100%; }
    #todayIssue .issue-img img {width: 160px; height: auto; min-height: 160px; border-radius: 100%;}
    #todayIssue .issue-img-cover { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;  background-color: rgba(0,0,0,.3); border-radius: 100%;}
    #todayIssue .video-time {display: none; position: absolute; bottom: 17px; left:0; right:0; text-align: center; font: bold 14px/1.1 tahoma; color: #FFF; }
  #todayIssue .issue-media.issue-video {}
  #todayIssue .issue-media.issue-video .issue-img-cover {background-image: url(../img/main/main_sprite.png); background-repeat: no-repeat; background-position:72px -554px; }
  #todayIssue .issue-media.issue-video .video-time {display: block; }

  #todayIssue .issue-img-text { overflow:hidden; margin: 20px auto 0; max-height: 44px;  width: 170px;font-size: 16px; line-height:1.4; letter-spacing: -1px;}
	@media all and (max-width: 1359px) {
	  #todayIssue .issue-carousel .swiper-slide a { width: 200px;}
	}
*/

/* 2016.05.12 양성자센터 오픈 띠배너 추가 */
.smc-main .wrapper {position:relative; padding-bottom:230px}
.smc-main:after {height:0}
.wrap-sky-banner {position:relative; width:100%; background:#3478c1; text-align:center}
.wrap-sky-banner.bg-gray {position:relative; background:#e5ebf1}
.bg-banner-left {position:absolute; left:0; top:0; width:50%; height:100%; background:#e5ebf1;}

.cont-sky-banner {position:relative; min-width:1000px; max-width:1280px; margin:0 auto; text-align:center; z-index:1}
.cont-sky-banner:after {display:block; content:""; clear:both}
.cont-sky-banner .left {position:relative; float:left; width:65.7%; background:#e5ebf1}
.cont-sky-banner .left img {display:block; width:100%}
.cont-sky-banner .left a {position:absolute; right:0; bottom:23%; display:block; min-width:141px}
.cont-sky-banner .right {position:relative; float:left; width:34.3%; }
.cont-sky-banner .right img {display:block; width:100%;}
.cont-sky-banner .banner-todaycheck {position:absolute; right:41px; bottom:8px; }
.cont-sky-banner .banner-todaycheck label {font-size:13px; color:#ebecec}
.cont-sky-banner .main-popup-close .icon-layer-close {width:21px; height:21px; background:url(/_newhome/ui/home/static/img/main/btn_banner_close.png)}
.cont-sky-banner .input-checkbox-type04 i {background-image:url(/_newhome/ui/_component/static/img/ico/ico_checkbox05.png)}

.bg-gray .cont-sky-banner a img {display:block; width:100%}
.bg-gray .cont-sky-banner .banner-todaycheck label {color:#3478bf}
.bg-gray .cont-sky-banner .main-popup-close .icon-layer-close {background:url(/_newhome/ui/home/static/img/main/btn_banner_close2.png)}
.bg-gray .cont-sky-banner .input-checkbox-type04 i {background:url('/_newhome/ui/_component/static/img/ico/ico_checkbox05.png') no-repeat 0 0}
.bg-gray .cont-sky-banner .input-checkbox-type04.checked i {background-position:0 -12px}

 @media all and (max-width: 1359px) {
 	.cont-sky-banner {max-width:1024px}
 	.cont-sky-banner .left a {width:144px}
 }

#todayIssue { overflow:hidden; background-color:#fff; padding:45px 0px 40px 40px; margin-bottom:30px;}
#todayIssue .issue-cont {width:25%; height:190px; float:left; padding-left:65px; box-sizing:border-box;}
#todayIssue .issue-cont.first { margin-left:-40px;}
#todayIssue .issue-cont .issuue-tit { position:relative; }
#todayIssue .issue-cont .issuue-tit .more {background: url(../img/main/issue_more.png) no-repeat 0 0; }
#todayIssue .issue-cont .issuue-tit .sound-only { position:absolute; top:8px; right:0px; text-indent:-9999px; width:14px; background: url(../img/main/issue_more.png) no-repeat 0 0;}
#todayIssue .issue-cont h3 { font-size:22px; color:#202c39; font-weight:bold; }
#todayIssue .issue-cont .issue-notice { background: url(../img/main/issue_notice.png) no-repeat right bottom; height:140px; margin-right:23px;}
#todayIssue .issue-cont .issue-news { background: url(../img/main/issue_news.png) no-repeat right bottom; height:140px; margin-right:5px; }
#todayIssue .issue-cont .issue-event { background: url(../img/main/issue_event.png) no-repeat right bottom; height:140px; margin-right:5px; }
#todayIssue .issue-cont .issue-career { background: url(../img/main/issue_career.png) no-repeat right bottom; height:140px; margin-right:5px;}
#todayIssue .issue-cont .issue-list { margin-top:25px; }
#todayIssue .issue-cont .issue-list li {background: url(../img/main/issuelist_dot.png) no-repeat 0 5px; padding-left:13px; padding-bottom:14px; line-height:1; width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
#todayIssue .issue-cont .issue-list li a { font-size:16px; color:#44484f;  }
#todayIssue .issue-cont .issue-list li a:hover, #todayIssue .issue-cont .issue-list li a:active { color:#3378c1;  }


	@media all and (max-width: 1359px) {
	  #todayIssue .issue-cont {padding-left:40px;}
	 }
}
#contentArticles {margin-top: 50px;}
  .article-filter { background:#FFF;
    border-width: 0 1px 1px 1px; border-style: solid; border-color: transparent #efeff1 #dedee0 #efeff1;
    }
    .article-filter .article-filter-inside { position: relative; padding: 26px 52px 10px;}
    .article-filter h2 { margin-bottom: 15px; padding-left: 33px; height: 24px; font-weight: normal; font-size: 18px; line-height: 24px; background:url(../img/main/ico_filter.png) 0 0 no-repeat;}
    .article-filter h2 strong { color: #3378c1; font-weight: normal;}
    .article-filter h2 .visible-1024 {display: none;}
      .manage-persona { display: inline-block; vertical-align: top; margin-top: -1px; margin-left: 9px; padding: 0 8px 0 6px; font-size: 13px; line-height: 21px; border:1px solid #85aeda; border-radius: 20px;}
      .manage-persona .ico-gear {display: inline-block; vertical-align: middle; width: 14px; height: 18px; background:url(../img/main/ico_gear.png) 0 2px no-repeat;}
      .manage-persona-text { margin: 0 0 0 4px;color: #4987c7; }

      .filter-information { position: absolute; right: 52px; top: 26px; }
      .filter-information .filter-info { display:inline-block; vertical-align:middle; padding: 0 19px; height: 20px; font-size:13px; line-height:22px; color: #FFF; box-sizing: border-box;}
      .filter-information .your-disease {background: #125aac;}
      .filter-information .care-disease {background: #428edf;}
      .filter-information .care-info {background: #41c1c2;}
      .filter-information .etc-info {background: #efb11b;}


      .filter-set { padding: 14px 4px 0; border-top: 1px solid #eeeeef;}
      .filter-set .btn-filter { margin: 0 10px 10px 0; padding-left: 20px; font-size:15px; color: #6e7179; background: url(../img/main/ico_filter.png) no-repeat; border: none; white-space: nowrap; outline:none;}
      .filter-set .btn-filter:hover { color: #3378c1;}
      .filter-set .btn-filter:active { text-shadow: -1px -1px 2px rgba(0,0,0,.15);}
      .filter-set .btn-filter.btn-filter-yd {background-position: 0 -36px;}
      .filter-set .btn-filter.btn-filter-cd {background-position: 0 -68px;}
      .filter-set .btn-filter.btn-filter-ci {background-position: 0 -98px;}
      .filter-set .btn-filter.btn-filter-ei {background-position: 0 -127px;}
      .filter-set .btn-filter.btn-filter-deactivate { color: #b6b8bc; cursor: default; background-position: 0 -155px;}
      .filter-set .btn-filter.btn-filter-deactivate:active { text-shadow:none;}

      .filter-handler { position: absolute; right: 52px; top: 14px; max-width: 300px; font-size:0; } /* remove whitespace between inline-block */
      .filter-handler .button-large {padding: 0 50px;}


    @media all and (max-width: 1359px) {
      .article-filter h2 .visible-1024 {display: inline;}
      .article-filter h2 .hidden-1024 {display: none;}
    }


  .category { color: #3378c1; font-style: normal; }
  .category:before { content:"["; }
  .category:after { content:"]"; }

  /* Latest articles */
  .article-list {margin-top: 30px;}
  .article-list h2 { margin-bottom: 12px; font-size: 16px; font-weight: normal; letter-spacing: -1px; color: #1b1d21; text-align: center;}
  .latest-articles { float:left; display: block; overflow: hidden; width: 350px; }
  .hr-articles { float:left; display: block; overflow: hidden; margin-left: 35px; width: 350px; }
  .hr-articles.recommendation { width: 510px;}

    .latest-articles ul {list-style: none; margin: 0; padding: 0; background-color: #FFF; border-width: 0 1px 1px 1px; border-style: solid; border-color: transparent #efeff1 #dedee0 #efeff1; }
    .latest-articles li { margin: 30px 0; }
    .latest-articles li:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
    .latest-articles li:first-child {margin-top:0;}
    .latest-articles li a { display: block; position: relative; margin:0 20px;}
    .latest-articles .latest-article-thumbnail {float:left; position:relative; display: block; overflow: hidden; width:130px; height:80px; line-height: 80px; background: #E5E5E5 url(../img/bbs/default_130x80.jpg) no-repeat; }
    .latest-articles .latest-article-thumbnail img {margin: -100% -5%;width: 110%; min-height: 100%; max-width: 110%; height: auto; }
    .latest-articles .latest-article-meta {margin-left: 148px; font-size:15px; line-height:1.2;}
    .latest-articles .latest-article-meta .category {display: block; margin-bottom: 6px;}
    .latest-articles .latest-article-meta .title-article {display: block; overflow: hidden;height: 37px; font-size:15px; font-weight: normal; color: #1b1d21;}
    .latest-articles .latest-article-meta time {display: block; margin-top:6px; font:normal 12px tahoma; color: #72767e; }
    .latest-articles .latest-article-meta .counter {display: block; margin-top:6px; font:normal 12px tahoma; color: #72767e; }
    .latest-articles .latest-article-meta .counter:before {display: inline-block; content:"\002665"; margin-right:5px; font:normal 12px tahoma; color: #72767e; }


    .latest-articles .img-cover { position: absolute; z-index:2; top:0; right: 0; bottom: 0; left: 0; }
    .latest-articles .img-cover.img-cover-play {background:url(../img/main/main_sprite.png) 60px -594px no-repeat;}

    .latest-articles li.latest-video {margin-bottom: 30px;}
    .latest-articles li.latest-video a {margin: 0;}
    .latest-articles li.latest-video .latest-video-thumbnail { overflow: hidden; position: relative; width:350px; height:215px; line-height: 215px; }
    .latest-articles li.latest-video .latest-video-thumbnail:after { }
    .latest-articles li.latest-video .latest-video-thumbnail img { margin: -100% -5%; width:110%; max-width: 110%; height:auto; }
    .latest-articles li.latest-video .img-cover {background-color:rgba(0,0,0,.15); }
    .latest-articles li.latest-video .img-cover.img-cover-play {background-position: 160px -930px; }
    .latest-articles li.latest-video .title-article {position: absolute; z-index:3; bottom: 17px; padding: 0 18px; font-size: 19px; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,1);}

    .hr-articles ul {list-style: none; margin: 0; padding: 0;}
    .hr-articles li { position: relative; margin-bottom: 29px; border-width: 0 1px 1px 1px; border-style: solid; border-color: transparent #efeff1 #dedee0 #efeff1; background-color: #FFF; }
    .hr-articles .thumbnail {position: relative; overflow: hidden; width:100%; height:215px; line-height:215px; background: #E5E5E5 url(../img/bbs/default_350x215.jpg) no-repeat; background-size:100% 100%;}
    .hr-articles .thumbnail img { margin: -100% -5%; width: 110%; min-height: 100%; max-width: 110%; height: auto;} .hr-articles .metainfo {padding: 27px 28px 11px; height:176px; box-sizing:border-box;}
    .hr-articles .title-article {overflow:hidden; margin-bottom: 10px; max-height: 53px; font-size: 19px; font-weight: normal; line-height:1.4; color:#1b1d21;}
    .hr-articles .description { overflow:hidden; margin-bottom: 15px; height:45px; font-size:15px; color:#7b7f87;}
    .hr-articles .misc { padding-left: 27px; font:normal 14px/15px tahoma; color: #6e7179; background:url(../img/main/main_sprite.png) -439px -210px no-repeat; /*background:url(../img/main/main_sprite.png) -443px -179px no-repeat;*/ }
    .hr-articles .thumbnail.video {}
    .hr-articles .thumbnail.video .cover {position: absolute; z-index:2; top:0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.15) url(../img/main/main_sprite.png) 160px -930px no-repeat;}

    .recommendation ul { }
    .recommendation li { }
    .recommendation .thumbnail {overflow:hidden; width:100%; height:313px; line-height:313px; background: #E5E5E5  url(../img/bbs/default_510x313.jpg) no-repeat; background-size: 100% 100%;}
    .recommendation .thumbnail .cover {position: absolute; z-index:2; top:0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.4);}
    .recommendation .metainfo {position: absolute; z-index:3; bottom: 5px; height:auto; padding:0 28px;}
    .recommendation .title-article { font-size: 21px; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,.5);}
    .recommendation .title-article .category {display: none;}
    .recommendation .description { max-height: 45px; height: auto; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,.5);}
    .recommendation .misc {display: none;}
    .recommendation .thumbnail.video {}
    .recommendation .thumbnail.video .cover {background: rgba(0,0,0,.4) url(../img/main/btn_play.png) 50% 40% no-repeat;}

    .helper-area { padding: 49px 40px; height: 313px; box-sizing: border-box; letter-spacing: -1px;}
    .helper-area i.ico-book { float:left; display: block; margin: 0 30px 0 7px; width:120px; height:120px; background:url(../img/main/main_sprite.png) right -360px no-repeat;}
    .helper-area h3 { margin-top:5px; margin-bottom:14px; font-size: 21px; font-weight:normal; color: #115bab; }
    .helper-area p {font-size:15px; line-height: 1.5; color: #44484f;}
    .helper-area .button {clear:both; margin-top:45px; margin-bottom:17px; height:48px; line-height: 52px; font-size: 17px;}
    .helper-group {text-align:center;}
    .helper {margin:0 14px; font-size:14px; color:#72767e;}
    .helper a { margin-left: 10px; color:#115bab;}
    .helper:before {margin-right: 7px; content: '\b7'; font-weight: bold; color: #464c58;}


    /* 더 보기 */
    .see-more { clear:both; height: 60px;}
    .see-more .see-more-div { height: 30px; border-bottom: 1px solid #dedee0;}
    .see-more .btn-see-more { position: relative; z-index:1; display: block; overflow: hidden; margin: 0 auto; width:60px; height: 60px; text-indent: -9999px; background: #f7f7f9; border: none;}
    .see-more .btn-see-more .icon-see-more { display:block; margin:0 auto; width: 33px; height: 33px; border-radius:100%; background:#beccdc url(../img/main/main_sprite.png) 7px -1176px no-repeat; }
    .see-more .btn-see-more:hover .icon-see-more {background-color: #849fbe; }


/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (min-width: 35em) {}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dppx) {}


@media all and (max-width: 1359px) {
  #promotion {height: 320px;}
  #promotion .swiper-container { height: 320px;}
  #promotion .promo-img-text {position: absolute; left: 75px; top: 88px;}
  #promotion .promo-img-text img {width: 80%;}

  .banner-items .banner-item a {width:340px;}
  .banner-quick-input { left:99px; }
 .banner-quick-input .input-text{width:127px;}
  #bannersA .banner-item.banner-reservation a {width: 344px;}
  #bannersA .banner-item.banner-quick-reservation p {width: 340px;}
  #bannersA .banner-item.banner-reservation-txt .sound-only {width:343px; background-position:-572px -1507px}

  #bannersB .banner-search-doctor { padding-left:107px; width:340px; background-position:20px -105px; }
  #bannersB .banner-talk { padding-left:107px; width:340px; background-position:24px -1510px; }
  #bannersB .banner-selfcheck {padding-left: 100px; width: 344px; background-position:16px 22px; }
  #bannersB .banner-coaching { padding-left:110px; width: 340px; background-position: 24px -323px;}
  #bannersB .input-text {width: 176px; }

  .btn-filter { margin: 0 10px;}

  .latest-articles {width: 320px;}
  .hr-articles {margin-left:31px; width: 320px;}
  .hr-articles.recommendation { width: 320px;}

  .hr-articles .thumbnail {height:197px; line-height: 197px;}
  .recommendation .thumbnail {height:197px; line-height: 197px;background: #E5E5E5 url(../img/bbs/default_350x215.jpg) no-repeat; background-size:100% 100%;}
  .recommendation .thumbnail .cover {display: none;}
  .recommendation .metainfo {position: static; height:176px; padding: 27px 28px 11px;}
  .recommendation .title-article { font-size: 19px; color: #FFF; text-shadow: none; color:#1b1d21;}
  .recommendation .title-article .category {display: inline;}
  .recommendation .description { max-height: 45px; height:45px; color:#7b7f87;text-shadow: none;}
  .recommendation .misc {display: block;}
  .recommendation .thumbnail.video {}
  .recommendation .thumbnail.video .cover {position: absolute; display:block; z-index:2; top:0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.15) url(../img/main/btn_play.png) 50% 40% no-repeat;}

  /* Hide overflow item of List */
  .recommendation ul li:nth-last-child(1) {display: none;}
  .recommendation ul._2 li:nth-last-child(2) {display: none;}
  .recommendation ul._3 li:nth-last-child(3) {display: none;}
  .recommendation ul._4 li:nth-last-child(4) {display: none;}

  .helper-area { padding: 30px 26px; height: 373px; text-align: center; }
  .helper-area i.ico-book { float:none; display: block; margin: 0 auto 9px; }
  .helper-area h3 { margin-bottom:7px; font-size: 21px; font-weight:normal; color: #115bab; }
  .helper-area p {font-size:15px; line-height: 1.5; color: #44484f;}
  .helper-area .button {clear:both; margin-top:28px; }
  .helper-group {display: none; }
}

@media all and (max-width: 1040px) { /* +16 */
  #promotion {height: 312px;}
  #promotion .swiper-container { height: 312px;}
  #promotion .promo-img-text img {width: 80%;}

   .banner-items .banner-item a {width:328px;}

  #bannersA .banner-item.banner-quick-reservation p {width: 328px;}

  #bannersB .banner-talk { padding-left:110px; width:328px; background-position:24px -1510px; }
   #bannersB .banner-search-doctor { padding-left:110px; width:328px; background-position:26px -105px;  }
  #bannersB .banner-selfcheck {padding-left: 100px; width: 344px; background-position: 24px 22px; }
  #bannersB .banner-coaching { padding-left:110px; width: 328px; background-position: 24px -323px;}
  #bannersB .input-text {width: 170px; }

  .latest-articles {}
  .hr-articles {margin-left:20px;}
  .hr-articles.recommendation { margin-left: 20px;}
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {

}

/* popup */
.popupApology.popup-wrap2 {position:relative;}
.popupApology .oneTimePop2 { position:absolute; top:50%; left:50%; z-index:9999; margin-top:190px; margin-left:-317px;}
.popupApology .oneTimePop2 .checkbox { position:absolute; bottom:25px; left:20px; color:#000;}
.popupApology .oneTimePop2 .checkbox * { vertical-align: middle;}
.popupApology .oneTimePop2 .checkbox2 { position:absolute; bottom:27px; left:20px; color:#000;}
.popupApology .oneTimePop2 .checkbox2 * { vertical-align: middle;}
.popupApology .oneTimePop2 .oneTimePopClose { overflow:hidden; display:block; position:absolute; top:28px; right:35px; width:19px; height:19px; text-indent:-9999px; background:url('/dept/images/popup/popup_close_02.png') no-repeat;}
.popupApology .oneTimePop2 .oneTimePopClose2 { overflow:hidden; display:block; position:absolute; top:16px; right:28px; width:15px; height:16px; text-indent:-9999px; background:url('/dept/images/popup/popup_close_03.png') no-repeat; text-indent:-9999px; background:url('../images/popup/popup_close_03.png') no-repeat;}


/* 1. /_newhome/ui/home/static/home.css에 추가하기 2.이미지 경로 바꾸기 html도 3. js 해당js에 넣기 */

/* 메인 리뉴얼 2016-11 미디어쿼리 순서바꾸면 안됨 */
/* 상단 슬라이더 영역까지 */

/* gnb 포함 헤더영역 서브페이지까지 같이씀 *//* 헤더부분은 style.css에 */

.smc-main.smc-main-renew .container .inner-wrap-renew {width:1200px;}
@media (max-width: 1359px){
	.smc-main.smc-main-renew .container .inner-wrap-renew {width:962px;}
}
.inner-wrap.inner-wrap-mainslider {max-width:100%;}
.renew_main_promo {max-width:2000px;min-width:1380px;margin:0 auto}
.renew_main_promo #promotion,.renew_main_promo #promotion .swiper-container-renew,
.renew_main_promo #promotion li.swiper-slide,
.renew_main_promo .bx-wrapper,
.renew_main_promo .bx-viewport {height:535px}
.renew_main_promo #promotion .swiper-pagination {bottom:154px}
.renew_main_promo #promotion .swiper-button-next,
.renew_main_promo #promotion .swiper-button-prev {display:block;}
.renew_main_promo .bx-next,
.renew_main_promo .bx-prev {display:block; width:100%; height:100%; text-indent:-1000px}
.renew_main_promo #promotion .swiper-button-prev {background-image:url(/_newhome/ui/home/static/img/renew_main/btn-promotion-prev.png);background-position:0 50%}
.renew_main_promo #promotion .swiper-button-next {background-image:url(/_newhome/ui/home/static/img/renew_main/btn-promotion-next.png);background-position:0 50%}
#promotion .swiper-button-next:hover, #promotion .swiper-button-prev:hover {background-position:-165px 50%}
@media (min-width:1950px){
	.renew_main_promo #promotion .swiper-button-next {right:292px;}
	.renew_main_promo #promotion .swiper-button-prev {left: 292px;}
}
@media (min-width:1851px) and (max-width: 1949px){
	.renew_main_promo #promotion .swiper-button-next {right:9%}
	.renew_main_promo #promotion .swiper-button-prev {left:9%}
}
@media (min-width: 1650px) and (max-width: 1850px){
	.renew_main_promo #promotion .swiper-button-next {right:8%}
	.renew_main_promo #promotion .swiper-button-prev {left:8%}
}
@media (min-width: 1452px) and (max-width: 1649px){
	.renew_main_promo #promotion .swiper-button-next {right:8%}
	.renew_main_promo #promotion .swiper-button-prev {left:6%}
}
@media (min-width: 1381px) and (max-width: 1451px){
	.renew_main_promo #promotion .swiper-button-next {right:9%}
	.renew_main_promo #promotion .swiper-button-prev {left:4%}
}
@media (min-width: 1360px) and (max-width: 1380px){
	.renew_main_promo #promotion .swiper-button-next {right:11%}
	.renew_main_promo #promotion .swiper-button-prev {left:4%}
}
@media (min-width: 990px) and (max-width: 1359px){
	.renew_main_promo #promotion .swiper-button-next {right:11%}
	.renew_main_promo #promotion .swiper-button-prev {left:4%}
}

.renew_main_promo #promotion .swiper-slide .promo-img-bg {width:100%; height:100%; background-repeat:no-repeat;background-position:center 0; background-size:cover}
.renew_main_promo #promotion .swiper-container-renew .swiper-wrapper li > a {display:block; width:100%; height:100%;}

@media (max-width:1359px){
	.inner-wrap.inner-wrap-mainslider {width:1359px;}
	.renew_main_promo  {min-width:100%;}
	.renew_main_promo #promotion .swiper-pagination {bottom:124px}
	.renew_main_promo #promotion img {width:118%; margin-left:-168px;}
	.renew_main_promo #promotion,
	.renew_main_promo #promotion .swiper-container-renew, 
	.renew_main_promo #promotion .swiper-slide, 
	.renew_main_promo #promotion .swiper-slide .promo-img-bg,
	.renew_main_promo #promotion li.swiper-slide,
	.renew_main_promo .bx-wrapper,
	.renew_main_promo .bx-viewport {height:426px;}
	.renew_main_promo #promotion .swiper-slide .promo-img-bg {background-size:cover; background-position:40% 0}
	.inner-wrap.inner-wrap-renew {width:1024px;}

	.renew_main_promo #promotion .swiper-button-prev,
	.renew_main_promo #promotion .swiper-button-next {background-size:172px 67px; background-position:0 50%}
	#promotion .swiper-button-next:hover, #promotion .swiper-button-prev:hover {background-position:-142px 50%}
}
@media (max-width:1100px) {
	 .renew_main_promo #promotion .swiper-slide .promo-img-bg{}
}
.renew_main_promo #promotion .swiper-pagination .bx-pager-item {display:inline-block;}
.renew_main_promo  #promotion .swiper-pagination-bullet {margin:0 3px; vertical-align: middle; width: 12px; height:12px; background-color:#2361aa; box-shadow:1px 1px 0px rgba(0,0,0,.2); opacity: 1; border-color:#2361aa;}
.renew_main_promo  #promotion .swiper-pagination-bullet.active {background-color:transparent; border:2px solid #2361aa;}
/* end 상단 슬라이더 영역까지 */



/* 중간영역 */
.smc-main.smc-main-renew .container-clean {padding-bottom:38px;}
/* 공통 */
.container .inner-wrap.crucial_inter_qlist {position:relative; width:1200px; margin-top:-124px; z-index:10;}

.crucial_inter_qlist .customer_interaction_list > li {float:left; width:300px; height:270px; color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.crucial_inter_qlist .customer_interaction_list > li a {display:block; color:#fff;}
.crucial_inter_qlist .customer_interaction_list > li h4 {margin:0 auto;}
.crucial_inter_qlist .customer_interaction_list > li h4, 
.crucial_inter_qlist .customer_interaction_list > li .qlink_title,
.crucial_inter_qlist .customer_interaction_list > li .outer_exam_history {background:url(/_newhome/ui/home/static/img/renew_main/img_set_renewmain.png) no-repeat 0 0;}
.crucial_inter_qlist .customer_interaction_list > li p.desc {font-size:14px;}
.crucial_inter_qlist .customer_interaction_list > li .btn_itr_srch {display:block; background:none; width:118px; margin:59px auto 0 auto; border:1px solid #fff; text-align:center; color:#fff; font-size:16px; line-height:40px; height:40px;}
.crucial_inter_qlist .customer_interaction_list > li .btn_itr_srch.type02 {width:150px; margin-top:12px;}

/* outer_exam_history 과거내역조회 2017-11-27 변경됨 아래처럼 건강검진빠른예약과 진료조회로 통합 */
.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history {position:relative; width:263px; background-color:#15a293;}
.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history h4 {width:143px; height:143px; margin-top:35px; margin-bottom:15px; }
.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history a {display:block;}
.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history a:hover p {text-decoration:underline}

.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history.exam_history_type01 h4:after {content:"";display:block; position:absolute;bottom:0;left:8px; height:1px; width:249px; background-color:#17877b;}
.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history.exam_history_type02 h4:after {content:"";display:block; position:absolute;top:0;left:8px; height:1px; width:249px; background-color:#2dab9e;}

/* 2017-11-27 변경 */ 
.crucial_inter_qlist .customer_interaction_list > li.outer_healthex_reser {position:relative; background:#15a293 url(/_newhome/ui/home/static/img/renew_main/img_set_renewmain04.png) no-repeat 0 147px;}

.crucial_inter_qlist .customer_interaction_list > li.exam_history_type02 {background-color:#8fb14b;}
.crucial_inter_qlist .customer_interaction_list > li.exam_history_type02 h4 {width:127px; height:155px; margin-top:33px; margin-bottom:10px; }

@media (max-width:1359px){
	.smc-main.smc-main-renew .container-clean {padding-bottom:30px;}
	/* 공통 */
	.container .inner-wrap.crucial_inter_qlist {position:relative; width:962px;}
	.container .inner-wrap.crucial_inter_qlist {margin-top:-99px;}
	.crucial_inter_qlist .customer_interaction_list > li {width:250px; height:217px;}
	.crucial_inter_qlist .customer_interaction_list > li p.desc {font-size:12px;}
	.crucial_inter_qlist .customer_interaction_list > li .btn_itr_srch {width:97px; height:32px; margin-top:49px; font-size:13px; line-height:32px;}

	.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history {width:211px;}
	.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history h4 {width:117px; height:114px; margin-top:29px; margin-bottom:12px;}
	.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history.exam_history_type01 h4:after, 
	.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history.exam_history_type02 h4:after {left:6px; height:1px; width:200px;}
}
/* medical_info_area */
.medical_info_area .customer_interaction_list > li {position:relative; background-color:#2261ab;}
.medical_info_area .customer_interaction_list .inner_clickparent {padding-top:45px; height:100%; box-sizing:border-box}
.medical_info_area .customer_interaction_list > li.on,
.medical_info_area .customer_interaction_list > li.onfirst {border:5px solid #f9e03d;}
.crucial_inter_qlist .medical_info_area .customer_interaction_list h4 {margin:0 auto 19px auto; height:26px;}

.crucial_inter_qlist .medical_info_area .customer_interaction_list > li.on h4,
.crucial_inter_qlist .medical_info_area .customer_interaction_list > li.onfirst h4 {height:27px;}
.crucial_inter_qlist .customer_interaction_list > li.on .btn_itr_srch,
.crucial_inter_qlist .customer_interaction_list > li.onfirst .btn_itr_srch {border-color:#f9e03d; color:#f9e03d;}

.medical_info_area .customer_interaction_list .doctor_dept_srch h4 {width:193px;}
.medical_info_area .customer_interaction_list .doctor_dept_srch.on h4 {width:207px; margin-bottom:30px; background-position:0 -31px;}
.medical_info_area .customer_interaction_list .doctor_dept_srch.onfirst h4 {width:207px; margin-bottom:18px; background-position:0 -31px;}

.medical_info_area .customer_interaction_list .doctor_dept_srch.on .inner_clickparent {padding-top:76px;}
.medical_info_area .customer_interaction_list .doctor_dept_srch.onfirst .inner_clickparent {padding-top:40px;}

.medical_info_area .customer_interaction_list .online_reser_frm h4 {width:162px; background-position:0 -115px;}
.medical_info_area .customer_interaction_list .online_reser_frm.on h4 {width:174px; margin-bottom:18px; background-position:0 -143px;}
.medical_info_area .customer_interaction_list .online_reser_frm.on .inner_clickparent {padding-top:40px;}

.medical_info_area .customer_interaction_list .quick_online_reser h4 {width:185px; background-position:0 -224px}
.medical_info_area .customer_interaction_list .quick_online_reser.on h4 {width:199px; background-position:0 -252px;}
.medical_info_area .customer_interaction_list .quick_online_reser.on .inner_clickparent {padding-top:39px;}


.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history h4 {background-position:0 -333px;}
.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history.exam_history_type02 h4 {background-position:0 -603px;}

.medical_info_area .customer_interaction_list .outer_healthex_reser h4 {width:184px; margin-bottom:7px; background-position:0 -1068px}
.medical_info_area .customer_interaction_list .outer_healthex_reser.on h4 {width:200px; margin-bottom:6px; background-position:0 -1095px;}
.medical_info_area .customer_interaction_list .outer_healthex_reser.on .inner_clickparent {padding-top:40px;}
.medical_info_area .customer_interaction_list .linkTo_hs_program {display:block; width:150px; margin:6px auto 0 auto; background-color:#f9e03d; font-size:14px; color:#0f7a6f; height:24px; line-height:24px; text-align:center; letter-spacing:-1px; border-radius:13px;}
.medical_info_area .customer_interaction_list .linkTo_hs_program .lk {vertical-align:middle;}

.crucial_inter_qlist .customer_interaction_list > li.exam_history_type02 h4 {background-position:-2px -1196px;}

.medical_info_area .customer_interaction_list > li p.desc,
.customer_interaction_list > li.outer_exam_history p.desc,
.customer_interaction_list > li.exam_history_type02 p.desc {width:100%; display:inline-block; text-align:center}
.customer_interaction_list > li.exam_history_type02 p.desc {font-size:16px;}
.customer_interaction_list > li.exam_history_type02 a:hover p {text-decoration:underline}

 

.medical_info_area .none_block_box.second {position:relative;width:257px; height:45px; margin:0 auto; border:1px solid #f9e03d; border-bottom-width:2px; background-color:#fff; z-index:401;}
.medical_info_area .none_block_box.second input[type="text"] {float:left; width:211px; padding-left:13px; background-color:#fff; margin-top:1px; margin-bottom:1px; height:42px; line-height:42px; font-size:18px; color:#697282; border:0 none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.medical_info_area .none_block_box.second .btn_srch_doc {float:right; margin:1px 1px 1px 0; width:44px; height:42px; background:url(/_newhome/ui/home/static/img/renew_main/btn_srch_doc.gif) no-repeat 11px 13px}



.crucial_inter_qlist .medical_info_area li.doctor_dept_srch,
.crucial_inter_qlist .medical_info_area li.online_reser_frm,
.crucial_inter_qlist .medical_info_area li.quick_online_reser {background:url(/_newhome/ui/home/static/img/renew_main/img_set_renewmain03.png) no-repeat 0 146px;}
.crucial_inter_qlist .medical_info_area li.doctor_dept_srch {background-color:#697282;}
.crucial_inter_qlist .medical_info_area li.online_reser_frm  {background-color:#0085d2; background-position:-319px 146px;}
.crucial_inter_qlist .medical_info_area li.quick_online_reser {background-position:-666px 152px; background-color:#2261ab;}

.crucial_inter_qlist .medical_info_area li.doctor_dept_srch.on,
.crucial_inter_qlist .medical_info_area li.doctor_dept_srch.onfirst {background-position:-5px 141px;}
.crucial_inter_qlist .medical_info_area li.online_reser_frm.on {background-position:-324px 141px;}
.crucial_inter_qlist .medical_info_area li.quick_online_reser.on {background-position:-671px 147px;}
.crucial_inter_qlist .medical_info_area li.outer_healthex_reser.on {background-position:-5px 142px;}
.quick_online_reser .userinput_tel {margin:25px auto 0 auto;}
.quick_online_reser .userinput_tel,
.outer_healthex_reser .userinput_tel02 {background:none; display:block; height:40px; width:150px; border:1px solid #092b53; color:#092b53; font-size:16px; background-color:#e3e3e4; box-sizing:border-box; text-align:center;}
.outer_healthex_reser .userinput_tel02 {margin:7px auto 0 auto;}

@media (max-width:1359px){ 
	.medical_info_area .customer_interaction_list > li.on,
	.medical_info_area .customer_interaction_list > li.onfirst {border-width:4px}
	.crucial_inter_qlist .medical_info_area .customer_interaction_list > li.on h4,
	.crucial_inter_qlist .medical_info_area .customer_interaction_list > li.onfirst h4 {height:22px;}
	
	.crucial_inter_qlist .medical_info_area .outer_healthex_reser > li.on h4,
	.crucial_inter_qlist .medical_info_area .outer_healthex_reser > li.onfirst h4 {height:23px;}

	.medical_info_area .customer_interaction_list .doctor_dept_srch h4 {width:156px; background-position:0 -65px}
	.medical_info_area .customer_interaction_list .doctor_dept_srch.on h4 {width:164px; margin-bottom:23px; background-position:0 -91px;}
	.medical_info_area .customer_interaction_list .doctor_dept_srch.onfirst h4 {width:164px; margin-bottom:12px; background-position:0 -91px;}
	.medical_info_area .customer_interaction_list .doctor_dept_srch.on .inner_clickparent {padding-top:60px;}
	.medical_info_area .customer_interaction_list .doctor_dept_srch.onfirst .inner_clickparent {padding-top:32px;}

	.medical_info_area .customer_interaction_list .online_reser_frm h4 {width:131px; background-position:0 -174px;}
	.medical_info_area .customer_interaction_list .online_reser_frm.on h4 {width:138px; margin-bottom:12px; background-position:0 -197px;}
	.medical_info_area .customer_interaction_list .online_reser_frm.on .inner_clickparent {padding-top:32px;}

	.medical_info_area .customer_interaction_list .quick_online_reser h4 {width:149px; background-position:0 -283px}
	.medical_info_area .customer_interaction_list .quick_online_reser.on h4 {width:159px; margin-bottom:12px;  background-position:0 -308px;}
	.medical_info_area .customer_interaction_list .quick_online_reser.on .inner_clickparent {padding-top:32px;}

	.medical_info_area .customer_interaction_list .outer_healthex_reser h4 {width:160px; background-position:0 -1127px}
	.medical_info_area .customer_interaction_list .outer_healthex_reser.on h4 {width:167px; margin-bottom:13px;  background-position:0 -1153px;}
	.medical_info_area .customer_interaction_list .outer_healthex_reser.on .inner_clickparent {padding-top:32px;}
	
	.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history h4 {background-position:0 -483px;}
	.crucial_inter_qlist .customer_interaction_list > li.outer_exam_history.exam_history_type02 h4 {background-position:-2px -753px;}

	.crucial_inter_qlist .customer_interaction_list > li.exam_history_type02 h4 {width:108px; height:132px; margin-top:23px; background-position:0 -1372px;}
	.crucial_inter_qlist .customer_interaction_list > li.exam_history_type02 p.desc {font-size:14px;}

	.medical_info_area .none_block_box.second {width:206px; height:36px;border-bottom-width:2px;}
	.medical_info_area .none_block_box.second input[type="text"] {width:169px; padding-left:9px; height:34px; line-height:34px; font-size:14px; border:0 none; }
	.medical_info_area .none_block_box.second .btn_srch_doc {width:35px; height:33px; background-size:16px 16px; background-position:9px 9px}

	.quick_online_reser .userinput_tel,
	.outer_healthex_reser .userinput_tel02 {margin-top:19px; height:32px; width:119px; font-size:13px;}
	.medical_info_area .customer_interaction_list .linkTo_hs_program {margin-top:1px;}
	.outer_healthex_reser .userinput_tel02 {margin-top:5px;}

	.crucial_inter_qlist .customer_interaction_list > li .btn_itr_srch.type02 {width:119px;margin-top:10px;}

	.crucial_inter_qlist .medical_info_area li.doctor_dept_srch,
	.crucial_inter_qlist .medical_info_area li.online_reser_frm,
	.crucial_inter_qlist .medical_info_area li.quick_online_reser {background-image:url(/_newhome/ui/home/static/img/renew_main/img_set_renewmain03_02.png);background-position:0 119px;}

	.crucial_inter_qlist .medical_info_area li.online_reser_frm  {background-position:-301px 117px;}
	.crucial_inter_qlist .medical_info_area li.quick_online_reser {background-position:-602px 121px;}
	.crucial_inter_qlist .medical_info_area li.outer_healthex_reser {background-size:45px 85px; background-position:0 126px;}

	.crucial_inter_qlist .medical_info_area li.doctor_dept_srch.on,
	.crucial_inter_qlist .medical_info_area li.doctor_dept_srch.onfirst {background-position:-4px 115px;}
	.crucial_inter_qlist .medical_info_area li.online_reser_frm.on {background-position:-305px 113px;}
	.crucial_inter_qlist .medical_info_area li.quick_online_reser.on {background-position:-606px 117px;}
	.crucial_inter_qlist .medical_info_area li.outer_healthex_reser.on {background-position:-4px 122px;}
}

/* crucial_pages_links */
.crucial_pages_links .customer_interaction_list >li {background-size:cover; background-repeat:no-repeat; background-position:0 0}
.crucial_pages_links .customer_interaction_list >li .qlink_title {display:block; width:98px; height:26px; margin-top:0 !important; margin-left:10px; margin-bottom:114px;  background-position:0 -870px}
.crucial_pages_links .customer_interaction_list >li:nth-child(2) .qlink_title {background-position:0 -898px}
.crucial_pages_links .customer_interaction_list >li:nth-child(3) .qlink_title {width:66px; background-position:0 -926px}
.none_block_box.off {display:none;}
.crucial_pages_links .qlink_box strong {margin-left:18px; margin-bottom:27px; font-size:26px; font-weight:normal;}
.crucial_pages_links .qlink_box p {margin-left:21px; font-size:15px;}

.wrapper_using_bodywidth {padding-top:21px; padding-bottom:46px; background-color:#f7f7f7;}
.outer_notice_etc .wrap_news_notice {float:left; width:440px; margin-right:40px; position:relative;}
.outer_notice_etc .wrap_cv_guide {float:left; width:719px;}
.outer_notice_etc h4 {margin-bottom:11px; font-weight:bold; font-size:26px; color:#555;}
.outer_notice_etc .news_notice_list, 
.outer_notice_etc .cv_guide_list {border:1px solid #bfbfbf;}

.outer_notice_etc .news_notice_list {box-sizing:border-box; padding:11px 22px 0 15px; height:200px; background-color:#fff; }
.outer_notice_etc .news_notice_list li {overflow:hidden; margin-top:8px;}
.outer_notice_etc .news_notice_list li span {float:left; width:40px; margin-right:7px; color:#fff; background-color:#46d4c8; text-align:center; border-radius:4px; font-size:14px;}
.outer_notice_etc .news_notice_list li span.item02,
.outer_notice_etc .news_notice_list li span.item99 {background-color:#f7776a;}
.outer_notice_etc .news_notice_list li span.item03 {background-color:#91a8d1;}
.outer_notice_etc .news_notice_list li a,
.outer_notice_etc .news_notice_list li .nntxt {font-size:18px; color:#666;}
.outer_notice_etc .news_notice_list li .nntxt {float:left;width:286px; margin-top:-1px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; letter-spacing:-1px;}
.outer_notice_etc .news_notice_list li .date {float:right; width:68px; color:#888; font-size:14px; letter-spacing:-1px;} 
.outer_notice_etc .btn_goto_more {position:absolute; top:0px; right:0px; padding:10px; color:#44484f; background:#e4e7ea; font-size:12px;}

.wrap_cv_guide .cv_guide_list {box-sizing:border-box; padding-top:38px; height:200px; background-color:#fff;}
.wrap_cv_guide .cv_guide_list:after {display:block; content:""; clear:both;}
.wrap_cv_guide .cv_guide_list li,.wrap_cv_guide .cv_guide_list a {float:left; width:99px;}
.wrap_cv_guide .cv_guide_list li {margin-left:18px;}
.wrap_cv_guide .cv_guide_list li > a:before {content:""; width:68px; height:68px; display:block; margin:0 auto; background:url(/_newhome/ui/home/static/img/renew_main/img_set_renewmain02_1.png) no-repeat 0 0;}
/*.wrap_cv_guide .cv_guide_list li:nth-child(2) > a:before{background-position:0 -71px;}*/
.wrap_cv_guide .cv_guide_list li:nth-child(2) > a:before{background-position:0 -215px;}
.wrap_cv_guide .cv_guide_list li:nth-child(3) > a:before{background-position:0 -143px;}
.wrap_cv_guide .cv_guide_list li:nth-child(5) > a:before{background-position:0 -286px;}
.wrap_cv_guide .cv_guide_list li:nth-child(6) > a:before{background-position:0 -357px;}
.wrap_cv_guide .cv_guide_list li .page_tit {display:block; margin:27px auto 0 auto; font-size:18px; color:#444; text-align:center; letter-spacing:-1px;}
.wrap_cv_guide .cv_guide_list li .page_tit.line_2 {margin-top:19px; line-height:20px;}
.wrap_cv_guide .cv_guide_list li.hospitalizationInfo > a:before {background:url(../img/renew_main/ico_hospitalizationInfo.png) no-repeat 0 0; background-position:0 0;}


/* 2018-08-30 */
.customer_interaction_list > li.link_issueMedicalRecord {background:#44a246 url(../img/renew_main/bg_issue_mcopy.gif) no-repeat 0 139px; background-size:86px 112px;}
.customer_interaction_list > li.link_issueMedicalRecord .inner_clickparent {display:block; padding-top:45px; height:100%; box-sizing:border-box;}
.customer_interaction_list > li.link_issueMedicalRecord h4 {background:url(../img/renew_main/tit_issue_medicalcopy.png) no-repeat 0 0; width:183px; height:25px; margin:0 auto 19px auto;}
.customer_interaction_list > li.link_issueMedicalRecord .desc {text-align:center;}
.customer_interaction_list > li.link_issueMedicalRecord a:hover .desc {text-decoration:underline;}
.customer_interaction_list > li.link_issueMedicalRecord .btn_itr_srch {margin-top:62px;}

@media (max-width:1359px){
	.customer_interaction_list > li.link_issueMedicalRecord {background-size:57px 77px;}
	.customer_interaction_list > li.link_issueMedicalRecord .inner_clickparent {padding-top:36px;}
	.customer_interaction_list > li.link_issueMedicalRecord h4 {margin:0 auto 13px auto; height:21px; width:149px; background-size:149px 21px;}
	.customer_interaction_list > li.link_issueMedicalRecord .btn_itr_srch {width:97px; height:32px; margin-top:49px; font-size:13px; line-height:32px;}
	.crucial_inter_qlist .medical_info_area .customer_interaction_list h4 {margin:0 auto 13px auto; height:21px;}
	.crucial_inter_qlist .medical_info_area .customer_interaction_list .outer_healthex_reser h4 {height:22px;margin-bottom:3px;}
	.medical_info_area .customer_interaction_list .inner_clickparent {padding-top:36px;}
	.crucial_pages_links .customer_interaction_list >li .qlink_title {display:block; width:84px; height:25px; margin-top:7px; margin-left:7px; margin-bottom:89px; background-position:0 -960px}
	.crucial_pages_links .customer_interaction_list >li:nth-child(2) .qlink_title {background-position:0 -990px}
	.crucial_pages_links .customer_interaction_list >li:nth-child(3) .qlink_title {width:66px; background-position:0 -1022px}

	.crucial_pages_links .qlink_box strong {margin-left:15px; margin-bottom:18px; font-size:21px;}
	.crucial_pages_links .qlink_box p {margin-left:17px; font-size:12px;}

	.wrapper_using_bodywidth {padding-top:18px; padding-bottom:37px;}
	.outer_notice_etc .wrap_news_notice {width:353px; margin-right:32px;}
	.outer_notice_etc .wrap_cv_guide {width:576px;}
	.outer_notice_etc .news_notice_list,
	.wrap_cv_guide .cv_guide_list {height:160px;}
	.outer_notice_etc h4 {font-size:21px;}
	
	.outer_notice_etc .news_notice_list {padding:16px 15px 0 12px;}
	.outer_notice_etc .news_notice_list li {margin-top:5px;}
	.outer_notice_etc .news_notice_list li span {width:33px; margin-right:5px; border-radius:3px; font-size:11px;}
	.outer_notice_etc .news_notice_list li a,
	.outer_notice_etc .news_notice_list li .nntxt {font-size:14px;}
	.outer_notice_etc .news_notice_list li .nntxt {width:221px;}
	.outer_notice_etc .news_notice_list li .date {width:55px; font-size:11px;} 


	.wrap_cv_guide .cv_guide_list {padding-top:31px;}
	.wrap_cv_guide .cv_guide_list li,.wrap_cv_guide .cv_guide_list a {width:82px;}
	.wrap_cv_guide .cv_guide_list li {margin-left:11px;}
	.wrap_cv_guide .cv_guide_list li > a:before {width:56px; height:56px; background-position:0 0; background-size:82px 577px}
	/*.wrap_cv_guide .cv_guide_list li:nth-child(2) > a:before{background-position:0 -58px;}*/
	.wrap_cv_guide .cv_guide_list li.hospitalizationInfo > a:before {background-size:100% 100%}
	.wrap_cv_guide .cv_guide_list li:nth-child(2) > a:before{background-position:0 -178px;}
	.wrap_cv_guide .cv_guide_list li:nth-child(3) > a:before{background-position:0 -118px;}
	.wrap_cv_guide .cv_guide_list li:nth-child(5) > a:before{background-position:0 -236px;}
	.wrap_cv_guide .cv_guide_list li:nth-child(6) > a:before{background-position:0 -295px;}
	.wrap_cv_guide .cv_guide_list li .page_tit {margin:20px auto 0 auto; font-size:15px;}
	.wrap_cv_guide .cv_guide_list li .page_tit.line_2 {margin-top:15px; line-height:17px;}
}

/* 퀵메뉴 */
.smc-main.smc-main-renew .back-to-top {display:none}

.quick_fixed_menu.abright {position:fixed; top:137px; right:10px;}
.quick_fixed_menu {box-sizing:border-box; width:100px; z-index:200;}
.quick_fixed_menu .quick_pagelink {box-sizing:border-box; display:block; padding-top:19px; height:95px; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; background-color:#f6f7f7; color:#0f3e74; font-size:16px; line-height:18px; text-align:center; background-color:#fff;}
.quick_fixed_menu .quick_pagelink:first-child {border-top-left-radius:4px;border-top-right-radius:4px;}
.quick_fixed_menu .quick_pagelink.quick_pagelink02 {padding-top:14px;}
.quick_fixed_menu .quick_pagelink:before {content:""; display:block; width:33px; height:28px; margin:0 auto 14px auto; background:url(/_newhome/ui/home/static/img/renew_main/img_set_renewmain02_1.png) no-repeat 0 -430px;}
.quick_fixed_menu .quick_pagelink.quick_pagelink02:before {height:36px;background-position:-41px -430px}
.quick_fixed_menu .quick_pagelink.quick_pagelink03:before {background-position:0 -479px}

/* 퀵메뉴 수정 quick_pagelink 클래스를 quick_pagelink_new로 변경 2017-07-05 */
.quick_fixed_menu .quick_pagelink_new {box-sizing:border-box; display:block; padding-top:15px; padding-bottom:15px; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; background-color:#f6f7f7; color:#0f3e74; font-size:16px; line-height:18px; text-align:center; background-color:#fff;}
.quick_fixed_menu .quick_pagelink_new:first-child {border-top-left-radius:4px;border-top-right-radius:4px;}

.quick_fixed_menu .tel24for7 {box-sizing:border-box;width:100%; height:155px; background:url(/_newhome/ui/home/static/img/renew_main/img_set_renewmain02_1.png) no-repeat 0 -543px;}
.quick_fixed_menu .tel24for7 p {padding-top:11px; padding-left:6px; font-size:15px; color:#000000; line-height:17px; letter-spacing:-1px;}
.quick_fixed_menu .tel24for7 .numb {padding-top:5px;font-size:13px; color:#042d58;}

.quick_fixed_menu .go_to_top {box-sizing:border-box; display:block; height:29px; border-right:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; border-bottom-left-radius:4px;border-bottom-right-radius:4px; padding-top:8px; background-color:#e0e0e2; text-align:center;}
.quick_fixed_menu .go_to_top:before {content:""; display:block; width:39px; height:13px;  margin:0 auto; background:#e0e0e2 url(/_newhome/ui/home/static/img/renew_main/img_set_renewmain02_1.png) no-repeat -12px -520px; }


@media (max-width:1110px){
	.quick_fixed_menu .quick_pagelink,
	.quick_fixed_menu .quick_pagelink_new,
	.quick_fixed_menu .go_to_top,
	.quick_fixed_menu .tel24for7 {opacity:0.5}
	.quick_fixed_menu a:hover,
	.quick_fixed_menu .tel24for7:hover {opacity:1}

}
@media (max-width:990px){
	.quick_fixed_menu {display:none}
}
@media (min-width:2016px){
	.quick_fixed_menu.abright {right:2%}
}

.dimmed_wp {height:100%; background-color:rgba(74,74,74,0.5);}
.dimmed_wp:before {display:block; content:""; height:15px; width:100%;}
@media (max-width: 1359px){
	.dimmed_wp:before {height:7px;}
	.smc-main .wrapper {padding-bottom:267px;}
}



/* 2016-12-19 셔틀버스안내  띠배너 추가 */
.wrap-sky-banner.bg-gray02 {background-color:#3478c1;}
.wrap-sky-banner.bg-gray02 .type-suttle .fulltype-banner {position:relative; padding-left:134px;text-align:left;}
.wrap-sky-banner.bg-gray02 .type-suttle .input-checkbox-type04 {color:#fff; font-size:13px;}
.cont-sky-banner.type-suttle .banner-todaycheck {bottom:7px}
.cont-sky-banner.type-suttle .main-popup-close {bottom:1px}
.cont-sky-banner.type-suttle .main-popup-close .icon-layer-close {background:url(/_newhome/ui/home/static/img/main/btn_bggray02_close.gif) no-repeat 0 0;}
@media (max-width:1359px){
	.wrap-sky-banner.bg-gray02 .type-suttle .fulltype-banner {padding-left:24px;}
	.wrap-sky-banner.bg-gray02 .type-suttle .fulltype-banner >a >img {width:65%;}
}


.crucial_pages_links .customer_interaction_list.customer_interaction_list02 >li .qlink_title {background-image:none; position:relative; display:inline-block; width:auto; padding:4px 26px 0px 10px; height:26px; text-align:center; border:1px solid #fff; box-sizing:border-box; padding-right:36px; font-size:13px;}
.crucial_pages_links .customer_interaction_list.customer_interaction_list02 >li .qlink_title:after {content:""; display:block; position:absolute;top:0;right:0; width:26px; height:25px; background:url(/_newhome/ui/home/static/img/renew_main/img_set_renewmain.png) no-repeat -72px -871px; border-left:1px solid #fff; box-sizing:border-box;}

/* sns 이미지로 할때 */
.crucial_pages_links .customer_interaction_list >li.sns .qlink_title {width:66px; background:url(/_newhome/ui/home/static/img/renew_main/img_set_renewmain.png) no-repeat 0  -926px;}
/* #wrap-sky-banner */