@charset "utf-8"; /* ========================================================================== Base styles & Helper ========================================================================== */ /* common */ html {height: 100%;} body {position: relative; min-height: 100%;} body:after {content:''; display: block; height: 230px;} a { text-decoration:none; } ul, h1, h2, h3, h4, h5, h6, address, p { margin:0; padding:0; } .skipNavigation {overflow:hidden; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999;} .skipNavigation a{display: block; overflow: hidden; width: 1px; height: 1px; margin: -1px 0 0 -1px; text-align: center; font-size: 0;} .skipNavigation a:active, .skipNavigation a:hover, .skipNavigation a:focus {width: 100%; height: 15px; padding: 10px 0; color: #0072bc; font-size: 1em; background:#d8f0ff; z-index: 9999;} .btns-wrap { margin:15px 0 0 0; } .btns-wrap button, .btns-wrap a { margin-left:5px; } .btns-wrap button:first-child, .btns-wrap a:first-child { margin-left:0; } .btns-wrap.btn-right { text-align:right; } .btns-wrap.btn-left { text-align:left; } .btns-wrap.btn-center { text-align:center; } .modal-iframe-wrap { width:100%; height:600px; } .modal-iframe-wrap iframe { width:100%; height:100%; border:0; } .popup-iframe-con { padding:0 30px 10px 10px; } .popup-iframe-con .btns-wrap { margin:0 0 10px 0; } .relatives {position: relative;} /*2016.02.29*/ .fL{float:left;} .fR{float:right;} .fC:after{content:"";display:block;clear:both;} /* common form element */ /* ========================================================================== Layout ========================================================================== */ /** layout **/ /* - viewport >= 1360 : 1280 (.inner-wrap); - 1024 <= viewport < 1360 : 1024 (.inner-wrap); width/margin => % (percent) - viewport < 1024 : 1000 (.inner-wrap); */ .wrapper, .header { width:100%; } .wrapper { /*position: relative;*/ min-height: 100%; height: 100%;} /* top, footer modal layer 시 움직임 방지를 위한 작업, 후순위로 */ .container { overflow: hidden; min-width:1000px; min-height:100%; margin:0 0 -200px 0; padding-top:104px; background:#f7f7f9; box-sizing: border-box;} #contents { position: relative; width:100%; padding:0 0 240px 0; } #contents > section:first-child .inner-section { padding:50px 0 0 0; } #contents > div:first-child .inner-section { padding:50px 0 0 0; } .layout-column2 #contents { float:right; width:76.5625%;} .layout-column2 .post-option { background: none; } .header .inner-wrap, #footer .inner-wrap, .container .inner-wrap, .inner-section { clear:both; min-width:1000px; max-width:1280px; margin:0 auto; } .header .inner-wrap { /*background:#fff;*/ } .container .inner-wrap { background:#f7f7f9; } .container > .inner-wrap { padding:50px 0 60px; /*padding:50px 0 145px 0;*/ } #footer .inner-wrap { padding:0 0 60px 0; background:#595f6a; } /** header **/ .header { height:104px; background:#fff; z-index:100; } /** footer **/ #footer { position:absolute; bottom: 0; left: 0; right: 0; z-index:100; clear:both; padding-top: 83px; min-width:1000px; background:#595f6a; letter-spacing: -1px;} #footer .inner-wrap { position: relative; } #footer .foot-link { margin:0 0 6px 0; padding:0 0 13px 0; } #footer .foot-link a { display:inline-block; padding:0 15px 0 0; font-size:13px; color:#d6d8dc; } #footer .foot-link a.link-protect, #footer .foot-link a:hover { color: #7498dc;} #footer .foot-link a:before { content:""; display:inline-block; vertical-align: middle; width:1px; height:11px; margin:0 15px 0 0; background:#7c7e82; } #footer .foot-link a:first-child { padding-left:0; } #footer .foot-link a:first-child:before { display:none; } #footer .foot-link a.expand {background:url(../img/main/main_sprite.png) 100% -1288px no-repeat; padding-right:12px;} #footer .foot-link.sub-foot a.link-protect, #footer .foot-link.sub-foot a:hover { color: #7498dc;} #footer .foot-link.sub-foot { margin:0 0 6px 0; padding:0 0 10px 0; } #footer .foot-link.sub-foot a { display:inline-block; padding:0 10px 0 0; font-size:13px; color:#d6d8dc; } #footer .foot-link.sub-foot a:first-child:before { display:none; } #footer .foot-link.sub-foot a:before { content:""; display:inline-block; vertical-align: middle; width:1px; height:11px; margin:0 10px 0 0; background:#7c7e82; } #footer .foot-link.sub-foot a.expand {background:url(../img/main/main_sprite.png) 100% -1288px no-repeat; padding-right:12px;} #footer address, #footer .copy { margin:0 0 5px 0; font-size:13px; font-style:normal; color:#b0b4bb; } #footer .copy { text-transform:uppercase; text-align: left; } #footer .expand-link { position: absolute; z-index:1; top: -65px; right: 0; } #footer .expand-link .btn-expand-outer { margin-left:17px; padding-left: 13px; font-size:15px; color: #FFF; background:url(../img/main/main_sprite.png) 0 -1286px no-repeat; border: none; outline-color:transparent;} #footer .expand-link .btn-expand-outer:hover { color: #7498dc;} #footer .our-sns {position: absolute; top: 0; right: 0;} #footer .our-sns a { display: inline-block; overflow: hidden; margin-left: 5px; width: 23px; height: 23px; text-indent: -999px; } #footer .our-sns .footer-sns-twitter { background:url(../img/footer/outer_link.png) 0 0 no-repeat;} #footer .our-sns .footer-sns-facebook {background:url(../img/footer/outer_link.png) -29px 0 no-repeat;} #footer .our-sns .footer-sns-blog {background:url(../img/footer/outer_link.png) -59px 0 no-repeat;} #footer .our-sns .footer-sns-youtube {background:url(../img/footer/outer_link.png) -89px 0 no-repeat;} #footer .our-sns .footer-sns-voice { display:block; margin-top: 15px; width: 112px; height: 33px; background:url(../img/footer/outer_link.png) 0 -45px no-repeat;} #footer .our-sns .footer-sns-idea { display:block; margin-top: 15px; width: 112px; height: 33px; background:url(../img/footer/outer_link.png) 0 -100px no-repeat;} #footer .button-footer-close { display: none; position: absolute; right: 0; top: -10px; width: 34px; height: 33px;} #footer .button-footer-close .icon-close02 {width:34px; height:33px; background-position: -5px -125px;} #footer .canexpanded { position: absolute; left:0; right:0; bottom: 171px; min-width:1000px; background:#595f6a; } #footer .canexpanded .inner-wrap { position: static; margin:0 auto; padding: 22px 0 0;} #footer .canexpanded .foot-link { position: relative; margin-bottom: 0; border-bottom:1px solid #515762; } #footer .canexpanded .foot-link a {font-size:15px; color: #FFF;} #footer .canexpanded .foot-link a:hover { text-decoration: underline; color: #7498dc;} /* Expanded outer link section */ #footer .outer-link { display: none; position:relative; overflow: hidden; z-index:2; padding-top: 25px; padding-bottom: 36px; background: #595f6a;} #footer .outer-link:after {content: ''; display: block; clear: both; height: 0; visibility: hidden;} #footer.expanded .outer-link {display: block;} #footer.expanded .button-footer-close {display: block;} #footer .outer-link h3 { margin-left: 9px; margin-bottom: 15px; font-size: 15px; line-height:16px; color: #7498dc;} #footer .outer-link li { margin-right: 20px; margin-bottom: 2px; white-space: nowrap; padding:0px 0px 0px 10px; background:url(../img/main/main_sprite.png) 0 -1337px no-repeat; } #footer .outer-link a { padding:2px 2px 2px 0px; font:normal 12px/13px dotum, '돋움'; color: #d6d8dc; letter-spacing:-1.2px;} #footer .outer-link a:hover { text-decoration: underline; color: #7498dc;} #footer .dept-link {float:left; display: block; width:850px; border-right:1px dotted #747a85; box-sizing:border-box;} #footer .family-link {float:left; display: block; padding-left: 40px; width:210px; box-sizing:border-box;} #footer .language-link {float:left; display: block; padding-left: 40px; width:210px; height: 370px; border-left:1px dotted #747a85; box-sizing:border-box;} #footer .dept-link ul {float: left; overflow: hidden; margin-left: 10px;} #footer .dept-link ul:first-child {margin-left: 0; } #footer .dept-link li {} #footer .dept-link a {} #footer.expanded {z-index:110;} @media all and (max-width: 1359px) { #footer .canexpanded .foot-link a {font-size:14px;} #footer .dept-link {width:810px;} #footer .family-link {margin-bottom: 41px; width:211px;} #footer .language-link {margin-left: -1px; height: auto;} } @media all and (max-width: 1040px) { /* +16 */ #footer .family-link {margin-bottom: 51px; width:190px;} #footer .language-link {margin-left: -1px; width:190px; height: auto;} } /** * GNB site navigation **/ .header[role="banner"] { position:absolute; z-index:106; top: 0; background: #FFF; /*outline:gold 2px solid;*/} .header[role="banner"].affix { opacity: 0; /* -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out;*/ } .header[role="banner"].fixed {position:fixed; opacity: 1; box-shadow:0px 5px 5px 0px rgba(0,0,0,.1); } #brand {position: absolute;} #brand .brand-logo {display:block; margin-top:20px; width:190px; height:28px; background:url(../img/gnb/brand.png) no-repeat;} #brand .brand-text {display:block; text-indent:-9999px;} .header-utility-area {z-index:103;position: absolute; right:0; top:-35px;} .header-utility-area .header-signin {float:right; } /*.header-utility-area .header-signin:before { content:""; width:1px; height:16px; background: #ced0d2; }*/ .header-utility-area * {vertical-align: middle;} /* .header-utility-area .ico-signin {display: inline-block; vertical-align:middle; width:21px; height:18px; background:url('../img/gnb/link.png') 0 -42px no-repeat;} .header-utility-area .ico-signin.ico-signin-facebook { margin-top: -2px; height: 20px; background:url('../img/gnb/link.png') 0 -417px no-repeat;} .header-utility-area .ico-signin.ico-signin-twitter { margin-top: -2px; height: 20px; background:url('../img/gnb/link.png') 0 -450px no-repeat;} .header-utility-area .ico-signin.ico-signin-google { margin-top: -2px; height: 20px; background:url('../img/gnb/link.png') 0 -480px no-repeat;} .header-utility-area .ico-signin.ico-signin-facebook + .signin-text, .header-utility-area .ico-signin.ico-signin-twitter + .signin-text, .header-utility-area .ico-signin.ico-signin-google + .signin-text {margin-top: 2px;} */ .header-utility-area .signin-context { padding:0 13px; font-size: 13px; color: #3378c1; letter-spacing: -1px;} .header-utility-area .signin-context .personalization-open { display:none; } .header-utility-area .signin-context .personalization-close { display:none; padding:0 16px 0 20px; } .header-utility-area .signin-context .personalization-open.show, .header-utility-area .signin-context .personalization-close.show { display:inline-block; } .header-utility-area .signin-context .ico-person-close { display:inline-block; width: 26px; height: 26px; background: url('../img/gnb/link.png') no-repeat 0 -324px;} .header-utility-area .signin-context .signin-text {display: inline-block; overflow: hidden; padding:0 1px; max-width: 62px; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} /* 개인화 영역 */ .personalization-area { display:none; position:absolute; top:10px; left:0; width:100%; /* height:500px; */ background:#464c58; z-index:999; } .personalization-area.show { display:block; } .personalization-area:before { content:""; position:absolute; top:-13px; right:31px; width:0; height:0; border-bottom:13px solid #464c58; border-left:12px solid transparent; border-right:12px solid transparent; } .personalization-area > .area-inner-wrap { margin:0 5px; } .personalization-area .content-box { float:left; width:32.1875%; background:#464c58; } .personalization-area .content-box.center-box { width:35.625%; height:523px; background:#3c414d; } .personalization-area .content-box > .box-inner-wrap { margin:25px 52px; /*margin:25px 12.62135922330097%;*/ } .personalization-area .content-box.right-box > .box-inner-wrap { margin-top:20px; } /* icon */ .personalization-area .icon-personal { display:inline-block; background:url('../img/header/ico-header-personal.png') no-repeat; } .personalization-area .icon-go-arrow { width:30px; height:30px; background-position: 0 0; } .personalization-area .icon-here { width:10px; height:14px; background-position: -40px 0; } .personalization-area .icon-tip-info { width:10px; height:10px; background-position: -60px 0; } .personalization-area .icon-more-link { width:8px; height:8px; background-position: -60px -60px; } .personalization-area .icon-reserve-close { width:9px; height:9px; background-position: -40px -80px; } .personalization-area .icon-weight { width:80px; height:80px; background-position: -80px 0; } .personalization-area .icon-blood { width:80px; height:80px; background-position: -170px 0; } .personalization-area .icon-sugar { width:80px; height:80px; background-position: -260px 0; } .personalization-area .icon-taking-medicine { width:100px; height:100px; background-position: -80px -180px; } .personalization-area .icon-note-tip { width:20px; height:20px; background-position: -40px -30px; } .personalization-area .icon-headache { width:98px; height:95px; background-position: -350px 0; } .personalization-area .icon-anticancer { width:98px; height:95px; background-position: -350px -110px; } .personalization-area .icon-diabetes { width:98px; height:95px; background-position: -350px -220px } /* tooltip */ .personalization-area .personal-tool-tip { } .personalization-area .personal-tool-tip .btn-tooltip-hover { position:relative; } .personalization-area .personal-tool-tip .btn-tooltip-hover:after { display:none; content:""; position:absolute; top:25px; left:0; width:9px; height:6px; background:url('../img/header/ico-header-personal.png') no-repeat -41px -60px; z-index:10; } .personalization-area .personal-tool-tip .tooltip-box { display:none; position:absolute; top:30px; left:0; width:256px; padding:22px; font-size:15px; color:#6e7179; border:1px solid #565960; background: #fff; z-index:9; } .personalization-area .personal-tool-tip:hover .btn-tooltip-hover:after, .personalization-area .personal-tool-tip:hover .tooltip-box { display:block; } /* common */ .personalization-area .contents-item { position:relative; } .personalization-area .left-box .contents-item , .personalization-area .right-box .contents-item { border-top:1px solid #3c414d; } .personalization-area .contents-item .item-title { font-size:15px; font-weight:normal; color:#fff; } .personalization-area .contents-item .item-title .title-text { margin:0 0 5px 0; font-weight:normal; } .personalization-area .contents-item .item-title .title-description { font-size:14px; color:#b9bdc4; } .personalization-area .contents-item .button-more-link { position:absolute; right:0; } .personalization-area .contents-item .button-more-link a { display:block; padding:10px 0 10px 10px; } .personalization-area .contents-item .button-more-link-text a { font-size:13px; color:#4ad1d4; } .personalization-area .contents-item .button-more-link-text a .icon-gt { font-family:Tohoma; font-size:10px; } /* 프로필 */ .personalization-area .user-profile { position:relative; padding:0 0 28px 112px; border-top:0 !important; } .personalization-area .user-profile .profile-img { position:absolute; top:0; left:0; width:101px; height:101px; border-radius: 100%;} .personalization-area .user-profile .profile-img img { width:101px; height:101px; border-radius: 100%;} .personalization-area .user-profile .profile-img .masking { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/header/profile-mask.png") 0 0 no-repeat; z-index: 10; } .personalization-area .user-profile .item-title { } .personalization-area .user-profile .item-title .title-text { display:inline-block; margin:0; font-size:18px; vertical-align:middle; color:#fff; } .personalization-area .user-profile .item-title .button-logout { float:right; min-width:inherit; height:21px; padding:0 10px; font-size:14px; line-height:23px; color:#fff; background:#71757d; } .personalization-area .user-profile .my-state { margin-top:10px; } .personalization-area .user-profile .my-state a { display:inline-block; width:60px; height:60px; margin-left:3px; padding-top:13px; font-size:12px; text-align:center; line-height:17px; border:2px solid #6f7a87; border-radius:40px; box-sizing:border-box; color:#fff; } .personalization-area .user-profile .my-state a:first-child { margin-left:0; } .personalization-area .user-profile .my-state a .state-num { display:block; font-size:16px; letter-spacing:-1px; } /* S닥터 */ .personalization-area .s-doctor { padding:14px 0 10px 0; } .personalization-area .s-doctor a { } .personalization-area .s-doctor a .icon-go-arrow { float:right; } .personalization-area .s-doctor a:hover .icon-go-arrow { background-position: 0 -40px; } .personalization-area .s-doctor a .title-description { display:inline-block; } /* 맞춤 컨텐츠 */ .personalization-area .custom-contents { padding:20px 0 13px 0; } .personalization-area .custom-contents .item-detail { } .personalization-area .custom-contents .item-detail .input-selectbox { width:260px !important; } .personalization-area .custom-contents .item-detail .input-selectbox .ui-selectmenu-button { width:260px !important; } .personalization-area .custom-contents .item-detail .button-choice { min-width:inherit; height:34px; margin-left:-3px; padding:0 10px; } .personalization-area .custom-contents .item-detail .custom-category { margin-top:10px; } .personalization-area .custom-contents .item-detail .custom-category li { position: relative; float:left; padding:0 14px; } .personalization-area .custom-contents .item-detail .custom-category li:first-child { padding-left:0; } .personalization-area .custom-contents .item-detail .custom-category li.last-child { padding-right:0; } .personalization-area .custom-contents .item-detail .custom-category li:before { content:""; position:absolute; top:5px; left:0; width:1px; height:13px; background: #595e69; } .personalization-area .custom-contents .item-detail .custom-category li:first-child:before { display:none; } .personalization-area .custom-contents .item-detail .custom-category li a { display:block; font-size:13px; text-align:center; color:#b9bdc4; } .personalization-area .custom-contents .item-detail .custom-category li.active a { color:#4ad1d4; } /* 나만을 위한 건강정보 */ .personalization-area .foryou-health-info { padding:25px 0 0 0; } .personalization-area .foryou-health-info .item-title .title-text { display:inline-block; } .personalization-area .foryou-health-info .item-title .patient-note-tip { display:inline-block; margin-left:5px; vertical-align:middle; } .personalization-area .foryou-health-info .item-title .patient-note-tip .btn-tooltip-hover:after { top:25px; left:5px; } .personalization-area .foryou-health-info .item-title .patient-note-tip .tooltip-box { top:55px; } .personalization-area .foryou-health-info .health-info-gauge ul { float:left; margin-top:13px; } .personalization-area .foryou-health-info .health-info-gauge li { position:relative; float:left; width:56px; padding:17px 0 0 0; } .personalization-area .foryou-health-info .health-info-gauge li .gauge-cell { width:56px; height:6px; background: #fff; } .personalization-area .foryou-health-info .health-info-gauge li .gauge-cell .gauge-icon { position:absolute; top:0; left:23px; width:10px; height:10px; } .personalization-area .foryou-health-info .health-info-gauge li .gauge-cell .gauge-icon .icon-gauge-state { display:none; width:10px; height:10px; background-position: -60px 0; } .personalization-area .foryou-health-info .health-info-gauge li:hover .btn-tooltip-hover:after, .personalization-area .foryou-health-info .health-info-gauge li:hover .tooltip-box { display:block; } .personalization-area .foryou-health-info .health-info-gauge li:hover .gauge-cell-50 .tooltip-box { left:-56px; } .personalization-area .foryou-health-info .health-info-gauge li:hover .gauge-cell-75 .tooltip-box { left:-112px; } .personalization-area .foryou-health-info .health-info-gauge li:hover .gauge-cell-100 .tooltip-box { left:-168px; } .personalization-area .foryou-health-info .health-info-gauge li.fill .gauge-cell { background: #4ad1d4; } .personalization-area .foryou-health-info .health-info-gauge li.fill .gauge-cell .gauge-icon { top:0; width:10px; height:14px; } .personalization-area .foryou-health-info .health-info-gauge li.fill .gauge-cell .gauge-icon .icon-gauge-state { display:block; width:10px; height:14px; background-position: -40px 0; } .personalization-area .foryou-health-info .health-info-gauge li.fill:hover .btn-tooltip-hover:after, .personalization-area .foryou-health-info .health-info-gauge li.fill:hover .tooltip-box { display:none; } .personalization-area .foryou-health-info .health-info-gauge .gauge-num { float:right; margin:8px 0 0 0; font-size:28px; font-weight:bold; color:#4ad1d4; } .personalization-area .foryou-health-info .button-more-link { top:15px; } /* 진료예약 */ .personalization-area .reservation { margin:0 0 20px 0; padding:30px 28px 30px 40px; border:4px solid #4ad1d4; box-sizing:border-box; } .personalization-area .reservation .reservation-input { } .personalization-area .reservation .reservation-input .item-title { margin-bottom:15px; } .personalization-area .reservation .reservation-input .item-title .title-text { font-size:20px; font-weight:normal; } .personalization-area .reservation .reservation-input .fast-reserve { margin-bottom:25px; } .personalization-area .reservation .reservation-input .fast-reserve .input-tel { width:172px; } .personalization-area .reservation .reservation-input .fast-reserve .button-fast { min-width:inherit; height:35px; margin-left:-3px; padding:0 10px; } .personalization-area .reservation .reservation-input .fast-reserve .button-fast .button-text { font-size:13px; } .personalization-area .reservation .reservation-input .button-online, .personalization-area .reservation .reservation-input .button-checkup { display:block; min-width:inherit; width:100%; } .personalization-area .reservation .reservation-input .button-online { margin:0 0 5px 0; } .personalization-area .reservation .reservation-state { display:none; position:absolute; top:0; left:0; width:263px; /*height:192px;*/ padding:30px 28px 23px 40px; background: #3c414d; } .personalization-area .reservation .reservation-state.show { display:table; } .personalization-area .reservation .reservation-state .state-text { display:table-cell; vertical-align:middle; font-size:20px; color:#fff; } .personalization-area .reservation .reservation-state .state-text * { display:block; } .personalization-area .reservation .reservation-state .state-text .doctor-text { margin-bottom:10px; } .personalization-area .reservation .reservation-state .state-text .schedule-text { margin:0 0 10px 0; font-size:30px; font-weight:bold; line-height:37px; color:#4ad1d4; } .personalization-area .reservation .reservation-state .state-text .schedule-text .checkup-name { font-size:26px; margin:10px 0 0 0; line-height:30px; } .personalization-area .reservation .reservation-state .button-reserve-close { position:absolute; top:10px; right:8px; } .personalization-area .reservation .reservation-state .button-more-link-text { position:absolute; bottom:20px; right:30px; } /* 오늘의 건강체크 */ .personalization-area .today-health { } .personalization-area .today-health .item-detail { margin:15px 0 0 0; } .personalization-area .today-health .item-detail .health-box { display:none; } .personalization-area .today-health .item-detail .health-box.show { display:inline-block; } .personalization-area .today-health .item-detail .health-box .link-text { display:block; margin:20px 0 0 0; font-size:16px; color:#fff; } .personalization-area .today-health .item-detail .health-box .link-text .icon-gt { font-family:Tohoma; font-size:12px; } .personalization-area .today-health .item-detail .link-box { margin:0 15px; text-align:center; } .personalization-area .today-health .item-detail .link-box:hover .icon-weight { background-position: -80px -90px; } .personalization-area .today-health .item-detail .link-box:hover .icon-blood { background-position: -170px -90px; } .personalization-area .today-health .item-detail .link-box:hover .icon-sugar { background-position: -260px -90px; } .personalization-area .today-health .item-detail .manage-box { width:103px; height:125px; padding:15px 0 0 11px; vertical-align:top; background: #353943; } .personalization-area .today-health .item-detail .manage-box.manage-box-center { width:114px; padding-left:0; text-align:center; } .personalization-area .today-health .item-detail .manage-box > span { display:block; } .personalization-area .today-health .item-detail .manage-box .manage-data { font-size:15px; color:#b9bdc4; } .personalization-area .today-health .item-detail .manage-box .manage-data em { display:inline-block; font-style:normal; text-align:center; color:#41c1c2; } .personalization-area .today-health .item-detail .manage-box .manage-box-center .manage-data em { width:auto; } .personalization-area .today-health .item-detail .manage-box .manage-result { margin:13px 0; font-size:14px; text-align:center; color:#ff9933; } .personalization-area .today-health .item-detail .manage-box .link-text { margin-top:0; text-align:center; } /* 복약관리 */ .personalization-area .taking-medicine { /*display:none;*/ position:relative; min-height:100px; margin:37px 0 0 0; padding: 0 0 23px 110px; border:0 !important; } .personalization-area .taking-medicine .icon-taking-medicine { position:absolute; top:0; left:0; } .personalization-area .taking-medicine .item-title { padding:15px 0 0 0; } .personalization-area .taking-medicine-state { /*display:none;*/padding: 0 0 13px 0; border:0 !important; } .personalization-area .taking-medicine-state .item-title { margin-bottom:20px; } .personalization-area .taking-medicine-state .medicine-state-num { float:left; width:80px; text-align:center; } .personalization-area .taking-medicine-state .medicine-state-num .today-drug { display:block; margin:0 0 6px 0; font-size:13px; color:#b9bdc4; } .personalization-area .taking-medicine-state .medicine-state-num .drug-num { display:block; width:56px; height:56px; margin:0 auto; border-radius:30px; font-size:36px; font-weight:bold; line-height:60px; color:#41c1c2; background: #3c414d; } .personalization-area .taking-medicine-state .pharmacy-info { float:right; } .personalization-area .taking-medicine-state .pharmacy-info ul li { font-size:15px; line-height:22px; color:#b9bdc4; background: url('../img/header/bul-list.gif') no-repeat 0 8px; } .personalization-area .taking-medicine-state .button-more-link { top:0; } .personalization-area .taking-medicine-state .button-more-link a { padding-top:0px; padding-bottom:0; } .personalization-area .taking-medicine, .personalization-area .taking-medicine-state { display:none; } .personalization-area .taking-medicine.show, .personalization-area .taking-medicine-state.show { display:block; } /* 2016.05.13 : 모바일앱 기록 보기 */ .personalization-area .contents-item.moblieapp-record{padding-bottom:20px; border-top:none;} .personalization-area .moblieapp-record .item-title{margin-bottom:10px;} .personalization-area .moblieapp-record .item-title .title-text {display:inline-block;;vertical-align: middle;} .personalization-area .moblieapp-record .item-title .moblieapp-record-tip {display: inline-block;margin-left: 5px;vertical-align: middle;} .personalization-area .moblieapp-record .item-title .moblieapp-record-tip .btn-tooltip-hover:after{left:5px} .personalization-area .moblieapp-record .moblieapp-record-link a{position:relative; display:inline-block; width:49%;height:55px; margin-bottom:10px;box-sizing:border-box;} .personalization-area .moblieapp-record .moblieapp-record-link a:nth-child(2n){padding-left:5px;} .personalization-area .moblieapp-record .moblieapp-record-link a:nth-child(2n-1){padding-right:5px;} .personalization-area .icon-headache-app{width:100%; height:55px; background-position:0px -320px;} .personalization-area .icon-diabetes-app{width:100%; height:55px; background-position:-160px -320px;} .personalization-area .icon-taking-medicine-app{width:100%; height:55px; background-position:-317px -320px;} .personalization-area .icon-anticancer-app{width:100%; height:55px; background-position:-475px -320px;} .personalization-area .moblieapp-record .moblieapp-record-link a:hover .icon-headache-app { background-position: 0px -400px; } .personalization-area .moblieapp-record .moblieapp-record-link a:hover .icon-diabetes-app { background-position: -160px -400px; } .personalization-area .moblieapp-record .moblieapp-record-link a:hover .icon-taking-medicine-app { background-position: -317px -400px; } .personalization-area .moblieapp-record .moblieapp-record-link a:hover .icon-anticancer-app { background-position: -475px -400px; } /* .personalization-area .moblieapp-record .moblieapp-record-link a .link-text{position:absolute; top:20px; font-size:14px; color:#fff; } */ .personalization-area .moblieapp-record .moblieapp-record-link a .link-text {display:block; margin-top:-55px; padding-left:25px; text-align:center; line-height:49px; font-size:14px; color:#fff;} .personalization-area .moblieapp-record .moblieapp-record-link a:nth-child(2n) .link-text{left:75px;} .personalization-area .moblieapp-record .moblieapp-record-link a:nth-child(2n-1) .link-text{left:65px;} .personalization-area .moblieapp-record-tip .btn-tooltip-hover:after{top:23px;} .personalization-area .wrap_btn_historyList {padding-top:10px;} .personalization-area .wrap_btn_historyList .btn_historyList {position:relative; display:block; padding:31px 26px 28px 105px; margin-right:4px; font-size:16px; color:#fff; background:#353943 url(../img/ico/ico_history_payment.png) no-repeat 37px 19px; letter-spacing:-1px; line-height:20px; font-weight:normal;} .personalization-area .wrap_btn_historyList .btn_historyList02 {padding-top:21px; padding-bottom:21px; margin-top:10px; background:#353943 url(/_newhome/ui/home/static/img/ico/ico_history_payment02.png) no-repeat 37px 19px;} .personalization-area .wrap_btn_historyList .btn_historyList:hover, .personalization-area .wrap_btn_historyList .btn_historyList:focus {background-color:#41c1c2;} .personalization-area .wrap_btn_historyList .btn_historyList .deco {position:absolute;top:32px;right:39px;} /* 2016.05.24 : 개인정보 수정 및 차량등록 바로가기 버튼 추가 */ .personalization-area .box-inner-wrap .user-profile-btn{margin-bottom:17px; } .personalization-area .box-inner-wrap .user-profile-btn a{width:125px;margin-left:15px;} /* 환자수첩 */ .personalization-area .patient-note { padding:12px 0 10px 0; } .personalization-area .patient-note .item-title .title-text { display:inline-block; vertical-align:middle; } .personalization-area .patient-note .item-title .patient-note-tip { display:inline-block; margin-left:5px; vertical-align:middle; } .personalization-area .patient-note .item-title .patient-note-tip .btn-tooltip-hover:after { top:25px; left:5px; } .personalization-area .patient-note .item-title .patient-note-tip .tooltip-box { top:44px; } .personalization-area .patient-note .patient-note-link { /*display:none;*/ } .personalization-area .patient-note .patient-note-link a { position:relative; display:inline-block; width:98px; } .personalization-area .patient-note .patient-note-link a .link-text { position:absolute; bottom:10px; left:0; width:98px; font-size:14px; text-align:center; color:#fff; } .personalization-area .patient-note .patient-note-link a:hover .icon-headache { background-position: -460px -2px; } .personalization-area .patient-note .patient-note-link a:hover .icon-anticancer { background-position: -460px -110px; } .personalization-area .patient-note .patient-note-link a:hover .icon-diabetes { background-position: -460px -220px; } .personalization-area .patient-note .patient-note-state { /*display:none;*/ } .personalization-area .patient-note .patient-note-state ul li { overflow:hidden; line-height:26px; font-size:15px; color:#b9bdc4; } .personalization-area .patient-note .patient-note-state ul li .note-sbj { float:left; } .personalization-area .patient-note .patient-note-state ul li .num { float:right; color:#41c1c2; } .personalization-area .patient-note .button-more-link { top:7px; } .personalization-area .patient-note .item-detail { display:none; } .personalization-area .patient-note .item-detail.show { display:block; } /* 나의카페 */ .personalization-area .my-cafe { padding:23px 0 0 0; } .personalization-area .my-cafe .my-cafe-none { /*display:none;*/ } .personalization-area .my-cafe .my-cafe-none .cafe-none-text { padding:5px 0 15px 0; font-size:15px; color:#b9bdc4; } .personalization-area .my-cafe .my-cafe-none .cafe-none-text p { display:inline-block; } .personalization-area .my-cafe .my-cafe-none .link-go-cafe { float:right; font-size:13px; color:#4ad1d4; } .personalization-area .my-cafe .my-cafe-none .link-go-cafe .icon-gt { font-family:Tohoma; font-size:10px; } .personalization-area .my-cafe .cafe-list ul li { margin-top:10px; } .personalization-area .my-cafe .cafe-list ul li:first-child { margin-top:0; } .personalization-area .my-cafe .cafe-list ul li a { display:table; width:100%; height:41px; } .personalization-area .my-cafe .cafe-list ul li a .thumb-img { display:table-cell; position:relative; width:56px; height:41px; vertical-align:middle; } .personalization-area .my-cafe .cafe-list ul li a .thumb-img img { width:56px; height:41px; } .personalization-area .my-cafe .cafe-list ul li a .thumb-img .recommend { position:absolute; top:0; left:0; width:35px; height:20px; padding:4px 0 0 0; font-family:'Dotum','돋움'; font-size:12px; text-align:center; letter-spacing:-1px; color:#fff; background: #41c1c2; } .personalization-area .my-cafe .cafe-list ul li a strong { display:table-cell; padding:0 0 0 20px; font-size:15px; font-weight:normal; vertical-align:middle; color:#b9bdc4; background: #3c414d; } .personalization-area .my-cafe .cafe-list ul li a .new-content { display:table-cell; width:50px; font-size:12px; color:#4ad1d4; vertical-align:middle; background: #3c414d; } .personalization-area .my-cafe .button-more-link { top:11px; } .personalization-area .my-cafe .item-detail { display:none; } .personalization-area .my-cafe .item-detail.show { display:block; } /* 나의 스토리 */ .personalization-area .my-story { margin-top:10px; padding:25px 0; border:3px solid #3d414d !important; } .personalization-area .my-story .banner-img { text-align:center; } /* 소셜 로그인 상태 */ .personalization-with-social {left: auto; right: 0; padding: 30px 18px; width: 340px; box-sizing: border-box;} .personalization-with-social .area-inner-wrap {margin: 0;} .with-social-profile {} .with-social-profile .img-cover { display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 10px; width: 40px; height: 40px; line-height: 40px; border-radius: 100%;} .with-social-profile .img-cover img { margin: -100% -5%; width:110%; height:auto; min-height: 40px;} .with-social-profile-nickname { display: inline-block; overflow: hidden; vertical-align: middle; max-width: 170px; font-size: 13px; color: #FFF; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .with-social-profile .button-logout { float:right; min-width:inherit; height:21px; margin-top: 9px; padding:0 10px; font-size:14px; line-height:23px; color:#fff; background:#71757d; } .with-social-profile-info { margin: 20px 0; font-size:13px; color: #b9bdc4;} .with-social-profile-info em { font-style: normal; color: #41c1c2;} .with-social-profile-anchors .button {width: 147px; } .with-social-profile-anchors .button-right {float: right;} /*스마트알림*/ .smart-alert-txt { position:absolute; bottom:14px; left:50%; margin-left:-103px; color:#fff; font-size: 16px;} /* popup - 맞춤 컨텐츠 */ .popup-custom-contents { width:800px; padding:20px; } .popup-custom-contents .window-content-head { } .popup-custom-contents .window-content-head .window-title { float:left; width:196px; padding-top:5px; font-size:24px; } .popup-custom-contents .window-content-head .doctor-select { float:left; } .popup-custom-contents .window-content-head .custom-category { float:right; } .popup-custom-contents .window-content-head .custom-category li { float:left; } .popup-custom-contents .window-content-head .custom-category li a { display:block; width:36px; height:28px; margin-left:8px; padding:8px 0 0 0; font-size:13px; text-align:center; border-radius:30px; color:#fff; background: #737a81; cursor: default; } .popup-custom-contents .window-content-head .custom-category li:first-child a { margin-left:0; } .popup-custom-contents .window-content-head .custom-category li.active a { background: #41c1c2; cursor:pointer; } .popup-custom-contents .contents-list { float:left; width:170px; } .popup-custom-contents .contents-list .list-title { /*height:34px;*/ margin:0 0 15px 0; padding:8px 10px; font-size:16px; font-weight:normal; color:#fff; background: #115bab; } .popup-custom-contents .contents-list .list-default ul { margin-bottom:20px; border-bottom:1px solid #dadada; } .popup-custom-contents .contents-list .list-default li { margin-bottom:7px; } .popup-custom-contents .contents-detail { float:right; width:600px; padding:0 0 30px; font-size:15px; color:#6e7179; } .popup-custom-contents .scrollable { overflow-y:auto; height:440px; } .popup-custom-contents .contents-detail h3 { margin:0 0 10px 0; font-size:20px; font-weight:normal; color:#1b1d21; } .popup-custom-contents .contents-detail p, .popup-custom-contents .contents-detail div { margin:10px 0; } .popup-custom-contents .satisfaction { clear:both; width:100%; padding:25px 20px 25px 30px; background: #efeff3; } .popup-custom-contents .satisfaction .satisfaction-title { float:left; font-size:16px; font-weight:normal; color:#1f2023; } .popup-custom-contents .satisfaction .input-radio-group { margin-right:15px; } .popup-custom-contents .satisfaction .input-radio-group label { margin-left:30px; } .popup-custom-contents .satisfaction .icon-star { height:16px; margin-left:5px; background: url('../img/header/ico-header-personal.png') no-repeat -190px -190px; } .popup-custom-contents .satisfaction .icon-star.icon-star-5 { width:97px; } .popup-custom-contents .satisfaction .icon-star.icon-star-4 { width:77px; } .popup-custom-contents .satisfaction .icon-star.icon-star-3 { width:57px; } .popup-custom-contents .satisfaction .icon-star.icon-star-2 { width:37px; } .popup-custom-contents .satisfaction .icon-star.icon-star-1 { width:17px; } .header-search {float:right; position: relative; margin-top:-5px; } .header-expanded-search {position: absolute; overflow:hidden; right:36px; width:0; background: #ebebeb; -webkit-transition: width .1s ease-out; -moz-transition: width .1s ease-out; transition: width .1s ease-out; } .header-expanded-search .input-text { width:100%; height:30px; line-height: 30px; border-right:none; box-sizing:border-box; box-shadow: none;} .header-expanded-search .input-text:focus {} .header-search .button-header-search { margin-top:1px; padding:3px 4px 5px 6px; min-width:30px; height:30px; line-height:100%; background:url(../img/gnb/link.png) 100% -129px no-repeat; border-width:1px 1px 1px 0; border-style: solid; border-color: transparent;} .header-search .button-header-search .icon-search { width:21px; height:21px; background:url(../img/gnb/link.png) 0 0 no-repeat;} .header-search.expanded { z-index: 1; } .header-search.expanded .header-expanded-search {width:180px;} .header-search.expanded .button-header-search {background-color:#ebebeb; background-image: none; border-color: #3378c1; border-left:none;} /* 자동완성, 내가 찾은 검색어 - layer */ .header-search .search-layer { display:none; position:absolute; top:31px; left:-180px; width: 214px; /*height:270px;*/padding:0 0 35px 0; border:1px solid #3378c1; border-top:0; background: #fff; z-index:10; } .header-search .search-layer.show {display: block;} .header-search .search-layer .tab-word { } .header-search .search-layer .tab-word ul { width:100%; height:34px; border-bottom:1px solid #e5e5e5; background: #f7f7f9; } .header-search .search-layer .tab-word ul li { float:left; margin:0 0 0 -1px; border:1px solid #e5e5e5; border-top:0; border-bottom:0; } .header-search .search-layer .tab-word ul li:first-child { margin:0; border:0; } .header-search .search-layer .tab-word ul li a { display:block; height:24px; padding:10px 25px 0 25px; font-size:14px; text-align:center; color:#72767e; background: #f7f7f9; } .header-search .search-layer .tab-word ul li.active a { height:25px; font-weight:bold; color:#115bab; background: #fff; } .header-search .search-layer .word-list { clear:both; padding:18px 20px; } .header-search .search-layer .word-list ul { } .header-search .search-layer .word-list ul li { position:relative; width:100%; margin-top:3px; } .header-search .search-layer .word-list ul li:first-child { margin-top:0; } .header-search .search-layer .word-list ul li a { font-size:14px; color:#72767e; } .header-search .search-layer .word-list ul li .search-num { display: none; position:absolute; top:0; right:0; } .header-search .search-layer .word-list ul li .btn-word-del { display: none; position:absolute; top:0; right:0; min-width:inherit; width:20px; height:19px; margin:0; padding:0; background: #dbdbdb; } .header-search .search-layer .word-list ul li .btn-word-del .icon-close04 { margin:5px 0 0 0; vertical-align:top; } .header-search .important-blue {font-weight: normal; color: #115bab;} .header-search .search-layer .word-list .active { display:block; } .header-search .search-layer .search-layer-setting { position:absolute; bottom:0; left:0; width:100%; height:40px; text-align:right; background: #f6f6f6; } .header-search .search-layer .search-layer-setting .button { font-size:13px; color:#72767e; } .header-search .search-layer .search-layer-setting .btn-setting-right { position:absolute; top:0; right:0; } .header-search .search-layer .search-layer-setting .btn-setting-left { position:absolute; top:0; left:0; } .header-search .search-layer .setting-none-txt { padding:25px 0 25px 20px; font-size:14px; color:#72767e; } .header-outlink {float:right; margin-right:12px;} .header-outlink > a { display: inline-block; margin-right:10px; padding-left:16px; font-size:14px; color: #72767e; letter-spacing:-1px; background:url(../img/gnb/bul_dot_gray_60.png) 0 50% no-repeat; line-height: 20px; } .header-hospital-intro { position: relative; display: inline-block; height: 20px; } .header-hospital-intro-title { display: inline-block; position: relative; margin-right:10px; padding-left:16px; font-size:14px; color: #72767e; letter-spacing:-1px; background:url(../img/gnb/bul_dot_gray_60.png) 0 50% no-repeat; line-height: 20px; } .header-hospital-intro-menu { display: none; position: absolute; top: -13px; left: -7px; width: 210px; padding: 0 22px; border: 1px solid #fff; background-color: #fafafa; box-sizing: border-box; } .header-hospital-intro-menu-title { height: 42px; border-bottom: 1px solid #cfcfcf; font-size:14px; letter-spacing:-1px; line-height: 42px; } .header-hospital-intro-menu-title a { color: #72767e; } .header-hospital-intro-menu-list { font-family: NanumBarunGothic; } .header-hospital-intro-menu-list .menu-title { min-height: 16px; margin: 0; padding: 12px 25px; border: 0; border-top: 1px solid #ebebeb; border-radius: 0; background: url('../img/gnb/ico_header_hospital_intro_menu_down.png') no-repeat 100% 50%; color: #72767e; font-size: 14px; line-height: normal; } .header-hospital-intro-menu-list .menu-title:first-child { border: 0; } .header-hospital-intro-menu-list .menu-title .ui-icon { top: 0; left: 0; width: 16px; height: 16px; margin: 11px 0 0 0; background: url('../img/gnb/ico_header_hospital_intro_menu.png') no-repeat 0 0; vertical-align: middle; } .header-hospital-intro-menu-list .menu-list { overflow: hidden; margin: 0; padding: 0 25px; border: 0; border-radius: 0; background: none; } .header-hospital-intro-menu-list .menu-list ul { margin-top: -12px; padding-bottom: 10px; } .header-hospital-intro-menu-list .menu-list ul li { margin: 12px 0; color: #999; font-size: 14px; line-height: 18px; } .header-hospital-intro-menu-list .menu-list ul li a { display: inline-block; color: #999; border-bottom: 1px solid transparent; } .header-hospital-intro-menu-list .menu-list ul li a:hover { color: #3378c1; border-bottom: 1px solid #add0f6; } .header-hospital-intro-menu-list .menu-title-A .ui-icon { background-position: 0 0; } .header-hospital-intro-menu-list .menu-title-B .ui-icon { background-position: 0 -20px; } .header-hospital-intro-menu-list .menu-title-C .ui-icon { background-position: 0 -40px; } .header-hospital-intro-menu-list .menu-title.ui-state-hover, .header-hospital-intro-menu-list .menu-title.ui-accordion-header-active { color: #3378c1; } .header-hospital-intro-menu-list .menu-title.ui-accordion-header-active { background-image: url('../img/gnb/ico_header_hospital_intro_menu_up.png') } .header-hospital-intro-menu-list .menu-title-A.ui-state-hover .ui-icon, .header-hospital-intro-menu-list .menu-title-A.ui-accordion-header-active .ui-icon { background-position: -20px 0; } .header-hospital-intro-menu-list .menu-title-B.ui-state-hover .ui-icon, .header-hospital-intro-menu-list .menu-title-B.ui-accordion-header-active .ui-icon { background-position: -20px -20px; } .header-hospital-intro-menu-list .menu-title-C.ui-state-hover .ui-icon, .header-hospital-intro-menu-list .menu-title-C.ui-accordion-header-active .ui-icon { background-position: -20px -40px; } #gnb {margin-left:262px;} #gnb li.menu-parent {float:left; display:block; vertical-align:top; padding:0; margin-left:2px;} #gnb li.menu-parent > a { position:relative; z-index:2; display:block; margin-bottom:-3px; border-bottom:3px solid transparent; padding:0 20px; text-align: center; font:bold 18px/20px dotum; letter-spacing: -2px; cursor:pointer; } #gnb li.menu-parent:last-child > a {cursor: pointer;} #gnb li.menu-parent > a[aria-current="true"] {} /* Current */ #gnb li.menu-parent > a[aria-current="true"] .sound-only { background-position:0 -44px; } /* Current */ #gnb li.menu-parent > a:focus, #gnb li.menu-parent > a:hover, #gnb li.menu-parent > a[aria-selected="true"] { border-color:#3378c1; } /* Focus, MouseOver */ #gnb li.menu-parent > a:focus .sound-only , #gnb li.menu-parent > a:hover .sound-only , #gnb li.menu-parent > a[aria-selected="true"] .sound-only { background-position:0 -44px; } /* Focus, MouseOver */ #gnb li.menu-parent > a .sound-only {display: block; overflow:hidden; padding:26px 2px 16px; height:59px; background-position:0 26px; background-repeat: no-repeat; box-sizing:border-box;} #gnb li.menu-parent > a .sound-only em {display: block; margin-top:-100px;} #gnb li.menu-parent.gnb-A > a .sound-only {background-image: url(../img/gnb/1depth_A.png);} #gnb li.menu-parent.gnb-B > a .sound-only {background-image: url(../img/gnb/1depth_B.png);} #gnb li.menu-parent.gnb-C > a .sound-only {background-image: url(../img/gnb/1depth_C.png);} #gnb li.menu-parent.gnb-D > a .sound-only {background-image: url(../img/gnb/1depth_D.png);} #gnb li.menu-parent.gnb-E > a .sound-only {background-image: url(../img/gnb/1depth_E.png);} #gnb li.menu-parent.gnb-F > a .sound-only {background-image: url(../img/gnb/1depth_F.png);} #gnb ul.menu {position: relative; margin-left:282px;} /* 2depth */ #gnb ul.menu > li {/*display:inline-block;*/ vertical-align: top; width: 300px;} #gnb ul.menu > li > [role="menuitem"] { display: block; width:145px; height:36px; line-height:36px; font-size:16px; font-weight:bold; color:#3378c1; box-sizing:border-box; border-right:1px solid #f2f2f3;} #gnb ul.menu > li.has-submenu > [role="menuitem"] {background:url(../img/gnb/ico_expand.png) 92% 50% no-repeat; } #gnb ul.menu > li > [role="menuitem"][aria-selected="true"]:before {content:""; position: absolute; margin-left:-13px; margin-top:12px; width: 10px; height:10px; background:url(../img/gnb/link.png) 0 -242px no-repeat;} #gnb ul.inner-menu {position: absolute; top:0; left: 144px; width:160px; border-left:1px solid #f2f2f3;} #gnb ul.inner-menu a {display: block; padding:0 9px 0 12px; height:36px; line-height: 36px; font-size:15px; font-weight:normal; color:#6e7179; letter-spacing: -1px;} #gnb ul.inner-menu a:hover {color: #3378c1; background-color: #f2f2f3;} #gnb div[role="menu"] {position:absolute; z-index:103; top: 72px; left:0; right:0; padding-top:20px; padding-bottom: 40px;} /* initial open opacity*/ #gnb div[role="menu"] .inner-wrap { position: relative; background: transparent; opacity: 0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } /* already opended */ #gnb.opened div[role="menu"] .inner-wrap {opacity: 0.9;} /* collapsed sub menu */ /*#gnb [aria-hidden="true"],*/ #gnb [role="menu"][aria-expanded="false"] { visibility: hidden; } #gnb .inner-menu[aria-expanded="false"] {} /* expanded Sub menu */ #gnb a[role="menuitem"][aria-haspopup="true"][aria-selected="true"] + [role="menu"], #gnb [role="menu"][aria-expanded="true"] { /*visibility: visible; */ } #gnb a[role="menuitem"][aria-haspopup="true"][aria-selected="true"] + [role="menu"] .inner-wrap.active, #gnb [role="menu"][aria-expanded="true"] .inner-wrap, #gnb.opened [role="menu"][aria-expanded="true"] .inner-wrap { opacity: 1; } /* depth 3 initial */ #gnb a[data-default="true"] + ul[role="menu"] {visibility: inherit;} #gnb a[data-default="true"][aria-selected="false"] + ul[role="menu"] {visibility: hidden;} .gnb-background {position: absolute; z-index:102; top: 62px; left:0; right:0; background: #FFF; min-width:1000px; height: 0; -webkit-transition: height 400ms cubic-bezier(0.000, 1, 0.370, 0.970); /* older webkit */ -webkit-transition: height 400ms cubic-bezier(0.000, 1.075, 0.370, 0.970); -moz-transition: height 400ms cubic-bezier(0.000, 1.075, 0.370, 0.970); -o-transition: height 400ms cubic-bezier(0.000, 1.075, 0.370, 0.970); transition: height 400ms cubic-bezier(0.000, 1.075, 0.370, 0.970); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.000, 1, 0.370, 0.970); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.000, 1.075, 0.370, 0.970); -moz-transition-timing-function: cubic-bezier(0.000, 1.075, 0.370, 0.970); -o-transition-timing-function: cubic-bezier(0.000, 1.075, 0.370, 0.970); transition-timing-function: cubic-bezier(0.000, 1.075, 0.370, 0.970); /* custom */ } .gnb-background.expanded { box-shadow:0px 5px 5px 0px rgba(0,0,0,.1); } .inner-wrap[role="navigation"] .inner-wrap { position:relative; } .inner-wrap[role="navigation"] .inner-wrap .horizontal { position:absolute; z-index:1; top: 0; left:0; right:0; padding-top:1px; height:1px; /*border-bottom:1px solid #eaebef;*/} #gnb li.menu-parent.gnb-C .inner-menu {width:200px} /* GNB complementary */ #gnb div[role="menu"] div[role="complementary"] {position:static;} .gnb-service-header {position:absolute; top: 22px; margin-left:88px;} .gnb-service-header .gnb-service-header-text {display:block; margin-bottom:10px; font-size:29px; font-weight:normal; color:#3378c1; } .gnb-service-header .goto-service {display:block; width:100px; height:30px; text-indent: -9999px; border:none; background:url(../img/gnb/btn_service.png) no-repeat;} .gnb-panel {position:absolute; top:30px; margin-left:612px; } /* gnb-panel-health*/ .gnb-panel-health {} .gnb-panel-health .section-A {} .gnb-panel-health .section-B {position:absolute; top: 10px; margin-left:330px; padding-left: 40px; width:320px; box-sizing: border-box;} .gnb-panel-health .section-A .vic-item {position: relative; clear:left; margin-bottom:27px; width:320px; } .gnb-panel-health .section-A .vic-item a {display:block; overflow: hidden; max-height: 127px;} .gnb-panel-health .section-A .vic-item:after {content: ''; display: block; clear: both; height: 0; visibility: hidden;} .gnb-panel-health .section-A .vic-item .vic-item-img { float:left; display: block; overflow: hidden; vertical-align: top; margin-right:17px; width: 180px; height: 127px; line-height: 127px; background:#fafafa;} .gnb-panel-health .section-A .vic-item .vic-item-img img { margin:-100% -10%; width: 110%; min-height:96%; height: auto; } .gnb-panel-health .section-A .vic-item .gnb-category { font-size:15px; color:#3378c1;} .gnb-panel-health .section-A .vic-item h3 { margin: 0; font-size:15px; line-height:1.5;color:#1b1d21; letter-spacing: -1px;} .gnb-panel-health .section-A .vic-item time {position:absolute; bottom:0; font-family:tahoma; font-size:12px; color:#72767e;} .gnb-panel-health .section-B .links { padding-bottom: 35px; border-bottom: 1px solid #e5ecf6;} .gnb-panel-health .section-B .links:after {content: ''; display: block; clear: both; height: 0; visibility: hidden;} .gnb-panel-health .section-B .links a {float:left; display:block; margin:0; width:90px; color:#3378c1; font-size:15px; text-align: center; line-height: 18px;} .gnb-panel-health .section-B .links-block {} .gnb-panel-health .section-B .links-block a {float:none; width:auto; padding-top:46px; text-align: left;} .gnb-panel-health .section-B .links-block .ico-gnb {float:left; margin: 0 14px; } .gnb-panel-health .section-B .ico-gnb.ico-gnb-health {background-position: 0 0;} .gnb-panel-health .section-B .ico-gnb.ico-gnb-pressure {background-position: -74px 0;} .gnb-panel-health .section-B .ico-gnb.ico-gnb-sugar {background-position:-151px 0;} .gnb-panel-health .section-B .ico-gnb.ico-gnb-selfcheck {width:68px; height:68px; background-position:-432px -69px;} .gnb-panel-health .section-B a:hover .ico-gnb.ico-gnb-health {background-position: 0 -55px;} .gnb-panel-health .section-B a:hover .ico-gnb.ico-gnb-pressure {background-position: -74px -55px;} .gnb-panel-health .section-B a:hover .ico-gnb.ico-gnb-sugar {background-position:-151px -55px;} .gnb-panel-health .section-B .links-block a:hover .ico-gnb-selfcheck {background-position: -432px 0;} /* gnb-panel-reservation */ .gnb-panel-reservation {} .gnb-panel-reservation .section-A {width:380px;} .gnb-panel-reservation .section-B {position: absolute; top: 10px; right: -230px; width:150px;} .gnb-panel-reservation .section-A { } .gnb-panel-reservation .section-A h3 {margin-top:0; margin-bottom:8px; color: #125aac; font-size:16px;} .gnb-panel-reservation .section-A .vic-item { margin: 25px 0; padding:30px 0; border-bottom:1px solid #e5ecf6;} .gnb-panel-reservation .section-A .vic-item:first-child { margin-top:0;} .gnb-panel-reservation .section-A .ico-gnb {float:left; margin:0 20px 0 0; width:68px; height:68px; } .gnb-panel-reservation .section-A .ico-gnb-search { background-position: 0 -138px; } .gnb-panel-reservation .section-A .ico-gnb-quickRes { background-position: -74px -138px; } .gnb-panel-reservation .section-A .vic-item:hover .ico-gnb-search {background-position: 0 -207px;} .gnb-panel-reservation .section-A .vic-item:hover .ico-gnb-quickRes {background-position: -74px -207px;} .gnb-panel-reservation .section-A .input-inside-table {clear: left; margin-top: 23px; padding-top:10px;} .gnb-panel-reservation .section-A .input-inside-table .input-selectbox select { width:80px; } .gnb-panel-reservation .section-A .input-inside-table .input-text {width:92px;} .gnb-panel-reservation .section-A .input-inside-table .button {margin-left: 10px;} /* 2016.05.11 추가 */ .gnb-panel-reservation .section-A .input-inside-table .button.button-block {margin:31px 0 0} .gnb-panel-reservation .section-B .links {} .gnb-panel-reservation .section-B .links a {display: block; margin-top:-1px; padding: 20px 0; text-align: center; font-size: 14px; color: #125aac; border: 1px solid #e5ecf6;} .gnb-panel-reservation .section-B .phone-call { position:absolute; left:0; right:0; margin-top: -44px; /*display: block; margin-top: -44px;*/ font-family: Arial; font-weight: bold; font-size:17px; color: #41c1c2; text-align: center;} .gnb-panel-reservation .section-B .ico-gnb {width:42px; height:42px;} .gnb-panel-reservation .section-B .ico-gnb-call {background-position: -256px -207px;} .gnb-panel-reservation .section-B .ico-gnb-online {background-position: -323px -207px;} .gnb-panel-reservation .section-B .ico-gnb-healthcheck {background-position: -390px -207px;} .gnb-panel-reservation .section-B a:hover .ico-gnb-online {background-position: -323px -254px;} .gnb-panel-reservation .section-B a:hover .ico-gnb-healthcheck {background-position: -390px -254px;} .gnb-panel-healthChart {width:582px;} .gnb-panel-healthChart .section-A {padding-bottom: 45px; border-bottom:1px solid #e5ecf6;} .gnb-panel-healthChart .section-B {padding-top: 45px;} .gnb-panel-healthChart .section-A:after {content: ''; display: block; clear: both; height: 0; visibility: hidden;} .gnb-panel-healthChart .section-A .vic-item {} .gnb-panel-healthChart .section-A .links {} .gnb-panel-healthChart .section-A .links a {float:left; display: block; width:88px; text-align: center; color: #125aac; font-size:14px;} .gnb-panel-healthChart .section-B:after {content: ''; display: block; clear: both; height: 0; visibility: hidden;} .gnb-panel-healthChart .section-B .vic-item {} .gnb-panel-healthChart .section-B .links {} .gnb-panel-healthChart .section-B .links a {float:left; display: block; width:184px; text-align: left; color: #125aac; font-size:14px; line-height: 54px; } .gnb-panel-healthChart .section-B .links a:first-child {margin-left:18px;} .gnb-panel-healthChart .section-A .links a .ico-gnb-chartA {background-position: 0 -454px;} .gnb-panel-healthChart .section-A .links a .ico-gnb-chartB {background-position: -74px -454px;} .gnb-panel-healthChart .section-A .links a .ico-gnb-chartC {background-position: -151px -454px;} .gnb-panel-healthChart .section-A .links a .ico-gnb-chartD {background-position: -226px -454px;} .gnb-panel-healthChart .section-A .links a .ico-gnb-chartE {background-position: -308px -454px;} .gnb-panel-healthChart .section-A .links a .ico-gnb-chartF {background-position: -386px -454px;} .gnb-panel-healthChart .section-A .links a:hover .ico-gnb-chartA {background-position: 0 -509px;} .gnb-panel-healthChart .section-A .links a:hover .ico-gnb-chartB {background-position: -74px -509px;} .gnb-panel-healthChart .section-A .links a:hover .ico-gnb-chartC {background-position: -151px -509px;} .gnb-panel-healthChart .section-A .links a:hover .ico-gnb-chartD {background-position: -226px -509px;} .gnb-panel-healthChart .section-A .links a:hover .ico-gnb-chartE {background-position: -308px -509px;} .gnb-panel-healthChart .section-A .links a:hover .ico-gnb-chartF {background-position: -386px -509px;} .gnb-panel-healthChart .section-B .links a .ico-gnb {float:left; display: block; margin: 0 11px 0 0; width:54px; height:54px; background-position: 0 -333px;} .gnb-panel-healthChart .section-B .links a .ico-gnb-checkReserve {} .gnb-panel-healthChart .section-B .links a .ico-gnb-history {background-position: -74px -333px;} .gnb-panel-healthChart .section-B .links a .ico-gnb-result {background-position: -151px -333px;} .gnb-panel-healthChart .section-B .links a:hover .ico-gnb-checkReserve {background-position: 0 -388px;} .gnb-panel-healthChart .section-B .links a:hover .ico-gnb-history {background-position: -74px -388px;} .gnb-panel-healthChart .section-B .links a:hover .ico-gnb-result {background-position: -151px -388px;} .gnb-panel-community {width:582px;} .gnb-panel-community .section-A { width:224px; } .gnb-panel-community .section-B { position: absolute; position: absolute; top: 0; right:0; width:282px; height:302px;} .gnb-panel-community .section-A .links { padding:25px 0;} .gnb-panel-community .section-A .links:after {content: ''; display: block; clear: both; height: 0; visibility: hidden;} .gnb-panel-community .section-A .links:first-child { padding-top:10px; border-bottom:1px solid #e5ecf6;} .gnb-panel-community .section-A h3 { margin-bottom:25px; font-size:16px; color: #125aac; text-align: center;} .gnb-panel-community .section-A .links a {float:left; display: block; width:106px; font-size:14px; text-align: center; color: #125aac; } .gnb-panel-community .section-A .links .ico-gnb {width:54px; height:54px; background-position: 0 -586px;} .gnb-panel-community .section-A .links .ico-gnb-commA {background-position: 0 -585px;} .gnb-panel-community .section-A .links .ico-gnb-commB {background-position: -74px -585px;} .gnb-panel-community .section-A .links .ico-gnb-commC {background-position: -151px -585px;} .gnb-panel-community .section-A .links .ico-gnb-commD {background-position: -226px -585px;} .gnb-panel-community .section-A .links a:hover .ico-gnb-commA {background-position: 0 -640px;} .gnb-panel-community .section-A .links a:hover .ico-gnb-commB {background-position: -74px -640px;} .gnb-panel-community .section-A .links a:hover .ico-gnb-commC {background-position: -151px -640px;} .gnb-panel-community .section-A .links a:hover .ico-gnb-commD {background-position: -226px -640px;} .gnb-panel-community .section-B .gnb-carousel {} .gnb-panel-community .section-B .swiper-container { height:306px; border:1px solid #e5ecf6;} .gnb-panel-community .section-B .swiper-pagination {position:absolute; z-index:5; bottom:15px; left:0; right:0; text-align: center;} .gnb-panel-community .section-B .swiper-pagination-bullet { margin:0 3px; opacity: 1; vertical-align: middle; width: 12px; height:12px; background-color:#96b9db; } .gnb-panel-community .section-B .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:transparent; border:2px solid #96b9db;} .gnb-panel-information {width:582px;} .gnb-panel-information .section-A { width:224px; } .gnb-panel-information .section-B { position: absolute; top: 5px; left:185px; } .gnb-panel-information .section-C { position: absolute; top:0; right:0; } .gnb-panel-information .section-A .vic-item {width:184px; height:180px; } .gnb-panel-information .section-A .vic-item .ico-gnb {float:left; display: block; margin-right:22px; width:48px; height:48px; background-position: -452px -585px;} .gnb-panel-information .section-A .prime-call h3 { font-size:22px; color: #115bab; letter-spacing: -1.5px;} .gnb-panel-information .section-A .prime-call p { font-size:13px; color: #4b83c0; letter-spacing: -.5px;} .gnb-panel-information .section-A .prime-call a { clear: left; display: block; font:bold 24pt Arial; color: #115bab; letter-spacing: -1.5px;} .gnb-panel-information .section-B .vic-item { padding-left:20px;font-size:13px; color: #8a98a7; border-left: 1px solid #e5ecf6;} .gnb-panel-information .section-B .vic-item .just-list {} .gnb-panel-information .section-B .vic-item .just-list li {margin-top:19px; } .gnb-panel-information .section-B .vic-item .just-list li:first-child {margin-top:0;} .gnb-panel-information .section-B .vic-item .just-list strong {display: inline-block; width:113px; font-weight:normal;} .gnb-panel-information .section-B .vic-item .just-list a { font:normal 14px Arial; color: #91a4b8; letter-spacing: -1px;} .gnb-panel-information .section-C .links {} .gnb-panel-information .section-C .links a {display: block; margin-top:-1px; padding: 20px 0; width:114px; text-align: center; font-size: 15px; font-weight:bold; color: #125aac; border: 1px solid #e5ecf6; letter-spacing: -1px; } .gnb-panel-information .section-C .phone-call { position:absolute; left:0; right:0; margin-top: -44px; /*display: block; margin-top: -44px;*/ font-family: Arial; font-weight: bold; font-size:17px; color: #41c1c2; text-align: center;} .gnb-panel-information .section-C .ico-gnb {width:42px; height:42px; } .gnb-panel-information .section-C .ico-gnb-wayto {background-position: 0 -713px;} .gnb-panel-information .section-C .ico-gnb-lookaround {background-position: -74px -713px;} .gnb-panel-information .section-C a:hover .ico-gnb-wayto {background-position: 0 -756px;} .gnb-panel-information .section-C a:hover .ico-gnb-lookaround {background-position: -74px -756px;} .join-newsletter {display:none; position: absolute; z-index:104; top:320px; margin-left:88px; width:100px; background:transparent; } .join-newsletter.active { display:none; width:auto; background-color: #f4f7fb; } .join-newsletter .newsletter-here.inner-wrap { width: auto; min-width:102px; background: transparent; border: 1px solid transparent; } .join-newsletter .newsletter-here:after {content: ''; display: block; clear: both; height: 0; visibility: hidden;} .join-newsletter.active .newsletter-here { border-color:#b0cdee; } .join-newsletter .btn-join-newsletter { float:left; display: block; width: 100px; height: 100px; /* margin-top:247px; 2016.07.06 뉴스레터버튼이 서비스메인 버튼 가림*/ color: #3378c1; text-align:center; border-width:1px; border-style:solid; border-color:#f4f7fb; background: #f4f7fb;} .join-newsletter .btn-join-newsletter:hover {border-color: #b0cdee;} .join-newsletter .newsletter-here .ico-gnb-newsletter {display: inline-block; width: 32px; height:24px; background:url(../img/gnb/ico_gnb.png) -468px -640px no-repeat;} .join-newsletter .newsletter-here .newsletter-text {display: block;} .join-newsletter .join-now { display:none; margin:9px 0 9px 100px; padding:12px 12px 8px; } .join-newsletter.active .join-now { display:none; border-left:1px solid #d2e2f4;} .join-newsletter .join-now h3 {margin:0 0 3px 0; font-size:15px; color: #3378c1;} .join-newsletter .join-now label {margin-right:10px; font-size:14px; color: #3378c1;} .join-newsletter .join-now label.label-newsletter-email {margin-left:20px;} .join-newsletter .label-text {color: #5d6167;} .join-newsletter .input-text-blue {width:130px; border-color: #d2e2f4; background-color: #FFF;} .join-newsletter .input-selectbox {} .join-newsletter #newsletter_name {width:100px; background-color: #FFF;} .join-newsletter .ui-selectmenu-button { min-width: 138px; height:32px; color: #3378c1; background-color: #FFF; border: 1px solid #d2e2f4;} .join-newsletter .ui-selectmenu-button.ui-state-focus { color: #3378c1; background-color: #FFF; } /* 2016.04.28 개인정보 수집 동의 추가 */ .join-newsletter .info-txt {font-size:14px} .join-newsletter .input-checkbox-group {margin:-3px 0 -3px 0px} .join-newsletter .agree-cont {padding:10px 20px; margin:10px 0; background:#fff} .join-newsletter .join-now .agree-cont .agree-tit {display:inline-block} .join-newsletter .join-now .agree-cont .star {color:#ff0000} .join-newsletter .table-default tr th, .join-newsletter .table-default tr td {font-size:13px} /* join-newsletter Debug */ /* .join-newsletter {width: 1000px; display: block !important} .join-newsletter .join-now {display: block !important;} .join-newsletter .input-selectbox {display: inline-block !important;} */ /* 전화번호 이벤트 제거 */ .telephone-call {cursor: default;} div[role="complementary"] .ico-gnb { display:block; margin:0 auto 12px; width:54px; height:54px; background:url(../img/gnb/ico_gnb.png) 0 0 no-repeat;} @media all and (max-width: 1359px) { .personalization-area .wrap_btn_historyList .btn_historyList {margin-right:1px;} #brand .brand-logo {background-position: 0 -77px;} .header {height: 94px;} .container { padding-top:94px; } #gnb {margin-left:230px;} #gnb li.menu-parent > a {padding:0 5px;} #gnb li.menu-parent > a .sound-only {/*height:52px;*/ background-position:7px -114px;} #gnb li.menu-parent > a[aria-current="true"] .sound-only { background-position:7px -167px; } /* Current */ #gnb li.menu-parent > a:focus .sound-only , #gnb li.menu-parent > a:hover .sound-only , #gnb li.menu-parent > a[aria-selected="true"] .sound-only { background-position:7px -167px; } /* Focus, MouseOver */ #gnb li.menu-parent > a .sound-only {padding:26px 2px 0; height:49px;} #gnb ul.menu {margin-left: 242px; } .join-newsletter {margin-left: 36px;} .gnb-background {top: 52px;} .header-utility-area {top:-25px;} .gnb-service-header {margin-left:40px;} .gnb-panel {margin-left: 552px;} .gnb-panel .section-B {display: none;} .gnb-panel-health .section-A .vic-item {width: 400px; } .gnb-panel-healthChart { margin-left: 610px; width: 264px; } .gnb-panel-healthChart .section-A {border-bottom:none;} .gnb-panel-healthChart .vic-item {height:130px; border-bottom: 1px solid #e5ecf6;} .gnb-panel-healthChart .section-A .links a {margin-bottom: 40px; } .gnb-panel-community {margin-left: 538px; width:478px;} .gnb-panel-community .section-A {width: 170px;} .gnb-panel-community .section-A .links a {width:75px;margin-left:5px;} .gnb-panel-community .section-A .links a:last-child {margin-left:0px;} .gnb-panel-community .section-A h3 {margin-bottom:15px;} .gnb-panel-community .section-B {display: inherit;} .gnb-panel-information { margin-left: 550px; width:450px;} .gnb-panel-information .section-B {display: inherit;} .gnb-panel-information .section-C {display: none;} .header.member-header #brand .brand-login-center { background-position: 0 -77px; } } @media all and (max-width: 1359px) and (-webkit-min-device-pixel-ratio: 2) { #gnb li.menu-parent > a .sound-only {background-position:3px -114px;} #gnb li.menu-parent > a[aria-current="true"] .sound-only { background-position:3px -167px; } /* Current */ #gnb li.menu-parent > a:focus .sound-only , #gnb li.menu-parent > a:hover .sound-only , #gnb li.menu-parent > a[aria-selected="true"] .sound-only { background-position:3px -167px; } /* Focus, MouseOver */ } @media all and (max-width: 1040px) { /* +16 */ .gnb-panel-community {margin-left: 530px; width: 465px; } } /* 테스트 용 임시 */ /*#gnb [aria-current="true"] + [role="menu"] {visibility: visible; height: auto;} #gnb [aria-current="true"] + div[role="menu"] .inner-wrap {opacity: 1} .gnb-background {height:700px;}*/ /* gnb-location */ .inner-wrap.bg-transparent {position: relative; z-index:101; background: transparent;} .gnb-location {position: absolute; z-index:101; top:3px; left:0; right:0;} .breadcrumbs {font-size:14px; /*letter-spacing: -1px;*/} .breadcrumbs > li {float:left; display: block; margin: 0 3px; padding:7px 11px; border:1px solid transparent; background: #FFF url(../img/gnb/link.png) 100% -178px no-repeat;} .breadcrumbs > li:first-child {padding-left: 0;} .breadcrumbs > li:last-child {background-image:none;} .breadcrumbs li a {display: block; padding:2px 13px 3px 2px; color: #1b1d21;} .breadcrumbs li a.location-home {padding-right:2px; width:30px;} .breadcrumbs li a.location-label {} .breadcrumbs li a.current { color: #115bab;} .breadcrumbs li a.location-home .sound-only {position: absolute; left:-9999px;} .breadcrumbs li a.location-home i.ico-location {display: inline-block; margin:0 5px; width: 12px; height: 12px; background:url( ../img/gnb/link.png) 0 -162px no-repeat; } .breadcrumbs li a.location-label i.ico-location-expand {display:inline-block; vertical-align: top; margin:7px 5px 0; width:8px; height:5px; background:url(../img/gnb/ico_expand_location.png) 100% 0 no-repeat;} .breadcrumbs ul.location-child {display: none;} .breadcrumbs > li.expanded { border-color:#eaebef; background-image:none; /*box-shadow: 0 10px 25px 10px rgba(255,255,255,.5);*/} .breadcrumbs > li.expanded a.location-label {color: #115bab; } .breadcrumbs > li.expanded a.location-label i.ico-location-expand {background-position:0 -15px; } .breadcrumbs > li.expanded ul.location-child {display: inherit;} .breadcrumbs > li.expanded ul.location-child a {} .breadcrumbs > li.expanded ul.location-child a.current {color: #115bab;background:url(../img/gnb/link.png) 100% -297px no-repeat;} .breadcrumbs > li.expanded ul.location-child a:hover {color: #115bab;} .gnb-location .header-outlink {float:right; margin: 12px 0 0;} .gnb-location .header-outlink a {padding-right:0; padding-left:15px; color: #1b1d21; background: url(../img/gnb/bul_dot_gray_60.png) 0 50% no-repeat;} .gnb-location .header-outlink a:first-child {background:none;} .gnb-location-util {float:right; margin: 11px 0 0 0; } .gnb-location-util .button-icon {padding: 3px 8px;} .gnb-location-util .button-icon.button-gnb-print-guide { padding: 0; margin: 0 8px; } .ico-gnb-sns.ico-gnb-sns-print {width: 16px; height: 15px; background-position: -160px 0;} .ico-gnb-sns.ico-gnb-sns-print-tip { width: 64px; height: 21px; background-position: 0 -60px; } .gnb-location-share { float:right; margin: 11px 0 0 0; padding-left:10px; background: url(../img/gnb/bul_dot_gray_60.png) 0 50% no-repeat;} .gnb-location-share .button-icon {padding: 3px 8px;} .ico-gnb-sns { display: inline-block; width: 12px; height: 16px; background: url(../img/gnb/sns.png) no-repeat; } .ico-gnb-sns.ico-gnb-sns-facebook {background-position: 0 0;} .ico-gnb-sns.ico-gnb-sns-twitter {width:15px; background-position: -29px 0;} .ico-gnb-sns.ico-gnb-sns-gplus {width:16px; background-position: -63px 0;} .ico-gnb-sns.ico-gnb-sns-plus {background-position: -96px 0;} .ico-gnb-sns.ico-gnb-sns-cafe {width:16px; background-position: -126px 0;} /* header-fixed */ .header-fixed { position: absolute; z-index:105; left:0; right:0; padding:5px 0; height: 40px; background-color: #989da2; box-sizing:border-box; opacity: 0; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .header-fixed.affix-top {} .header-fixed.affix {position: fixed; top:0; opacity: .95; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .header-fixed .inner-wrap {position: relative; clear: both; min-width: 1000px; max-width: 1280px; margin: 0 auto;} .header-fixed .header-menu-burger { vertical-align: middle; margin-right: 20px; padding:8px 0; width: 32px; height: 32px; background: none; border: none; box-sizing: border-box;} .header-fixed .sound-only {position: absolute; left: -9999px;} .header-fixed .ico-menu-burger {display: inline-block; width:20px; height: 15px; background: url(../img/gnb/ico_gnb.png) 0 -836px no-repeat;} .header-fixed em {vertical-align: middle; padding-right: 15px; font-style: normal; font-size:14px; color:#FFF; background:url(../img/gnb/ico_gnb.png) 100% -874px no-repeat;} .header-fixed .gnb-location-share {top: 0; /*top:5px;*/} .header-fixed .gnb-location-share .ico-gnb-sns.ico-gnb-sns-facebook {background-position: 0 -31px;} .header-fixed .gnb-location-share .ico-gnb-sns.ico-gnb-sns-twitter {width:15px; background-position: -29px -31px;} .header-fixed .gnb-location-share .ico-gnb-sns.ico-gnb-sns-gplus {width:16px; background-position: -63px -31px;} .header-fixed .gnb-location-share .ico-gnb-sns.ico-gnb-sns-plus {background-position: -96px -31px;} .header-fixed .gnb-location-share .ico-gnb-sns.ico-gnb-sns-cafe {width:16px; background-position: -126px -31px;} .header-fixed .gnb-location-share { margin-top: 5px; background:none; } .header-fixed .gnb-location-util {margin-top:5px;} .header-fixed .gnb-location-util .button-icon {padding: 3px 8px;} .header-fixed .gnb-location-util .button-icon.button-gnb-print-guide { padding: 0; margin: 0 8px; } .header-fixed .ico-gnb-sns.ico-gnb-sns-print {width: 16px; height: 15px; background-position: -160px -31px;} .header-fixed .ico-gnb-sns.ico-gnb-sns-print-tip { width: 64px; height: 21px; background-position: -80px -60px; } /* 통합로그인센터 GNB */ .header.member-header { height: 74px; } .header.member-header #brand .brand-login-center { width:282px; background:url(../img/gnb/brand-login-center.png) no-repeat; } .member-header #gnb { margin-left:332px; } .member-header #gnb li.menu-parent.gnb-A > a .sound-only {background-image: url(../img/gnb/1depth_member_A.png);} .member-header #gnb li.menu-parent.gnb-B > a .sound-only {background-image: url(../img/gnb/1depth_member_B.png);} .member-header #gnb li.menu-parent.gnb-C > a .sound-only {background-image: url(../img/gnb/1depth_member_C02.png);} .member-header #gnb li.menu-parent.gnb-C02 > a .sound-only {background-image: url(../img/gnb/1depth_member_C02.png); background-position: -92px 26px;} #gnb li.menu-parent.menu-parent.gnb-C02 > a[aria-current="true"] .sound-only { background-position:-92px -44px; } /* Current */ #gnb li.menu-parent.menu-parent.gnb-C02 > a:focus .sound-only , #gnb li.menu-parent.menu-parent.gnb-C02 > a:hover .sound-only , #gnb li.menu-parent.menu-parent.gnb-C02 > a[aria-selected="true"] .sound-only { background-position:-92px -44px; } /* Focus, MouseOver */ .member-header #gnb li.menu-parent.gnb-D > a .sound-only {background-image: url(../img/gnb/1depth_member_D.png);} .member-header #gnb li.menu-parent.gnb-E > a .sound-only {background-image: url(../img/gnb/1depth_member_E.png); padding-right: 2px;} .member-header #gnb li.menu-parent.gnb-F > a .sound-only {background-image: url(../img/gnb/1depth_member_F.png);} /** quick-navigation **/ .quick-navigation { z-index:115; position: fixed; left:0; right:0; bottom: 0; height: 53px; border-top: 1px solid #3b414d; background-color: #464c58; box-sizing:border-box; } .quick-navigation .inner-wrap { clear:both; position: relative; min-width:1000px; max-width:1280px; margin:0 auto; } .iconset-quick { display: inline-block; overflow: hidden; position: relative; background: url('../img/quick/ico-quick.png') no-repeat 0 0; font-size: 0; line-height: 0; vertical-align: middle; } .icon-quick-toggle { width: 14px; height: 14px; background-position: 0 0} .icon-quick-menu01 { width: 20px; height: 20px; background-position: 0 -50px} .icon-quick-menu02 { width: 20px; height: 20px; background-position: -40px -50px} .icon-quick-menu03 { width: 20px; height: 18px; background-position: -80px -50px} .icon-quick-menu04 { width: 20px; height: 20px; background-position: -120px -50px} .icon-quick-menu05 { width: 16px; height: 20px; background-position: -160px -50px} .icon-quick-menu06 { width: 20px; height: 22px; background-position: 0px -78px} .icon-quick-menu07 { width: 20px; height: 22px; background-position: -40px -78px} .icon-quick-menu08 { width: 27px; height: 22px; background-position: -76px -78px} .quick-menu { margin-top: -1px; } .quick-menu-title { z-index: 2; float: left; width: 140px; } .quick-menu-title .button { display: block; width: 100%; height: 53px; margin: 0; padding: 0; background: #323641; color: #fff; font-size: 15px; line-height: 58px; } .quick-menu-title .button .iconset-quick { top: -1px; margin-right: 0; margin-left: 5px; } /* .quick-menu-title:hover .button { background: #3378c1; } .quick-menu-title:hover .icon-quick-toggle { background-position: 0 -20px; } */ .quick-menu-list { z-index: 1; padding-left: 141px; } .quick-menu-list ul { display: table; table-layout: fixed; width: 100%; box-sizing: border-box; } .quick-menu-list ul li { z-index: 1; display: table-cell; position: relative; box-sizing: border-box; } .quick-menu-list ul li .button { display: block; height: 53px; margin: 0 0 0 -1px; padding: 0; border-top: 1px solid #3b414d; border-left: 1px solid #3b414d; color: #fff; font-size: 15px; line-height: 53px; } .quick-menu-list ul li:first-child .button { border-left: 0; } .quick-menu-list ul li .button .iconset-quick { margin-right: 8px; } .quick-menu-list ul li.hover, .quick-menu-list ul li:hover { z-index: 2; } .quick-menu-list ul li.hover .button, .quick-menu-list ul li:hover .button { border-color: #3378c1; background: #3378c1; } .quick-navigation.quick-closed { height: 0; border: 0; background: none; } .quick-navigation.quick-closed .quick-menu-title { position: absolute; top: -32px; left: 0; } .quick-navigation.quick-closed .quick-menu-title .button { height: 33px; line-height: 38px; } .quick-navigation.quick-closed .quick-menu-title .icon-quick-toggle { background-position: -40px 0; } /*.quick-navigation.quick-closed .quick-menu-title:hover .icon-quick-toggle { background-position: -40px -20px; }*/ .quick-navigation.quick-closed .quick-menu-list { display: none; } /* Back to Top */ .back-to-top.affix { bottom: 70px; } /* ========================================================================== component override ========================================================================== */ .lnb-a { float:left;/* margin-right:10.15625%;*/ padding-bottom: 250px; } /* ========================================================================== common ========================================================================== */ /* 당뇨소식지신청 팝업 */ .popup-diabetes-news-apply { width: auto; } .popup-diabetes-news-apply .modal-container { width: auto; } .popup-diabetes-news-apply .diabetes-news-apply-header { color: #1b1d21; font-size: 18px; line-height: 24px; } .popup-diabetes-news-apply .diabetes-news-apply-header strong { color: #0b50a1; font-weight: normal; } .popup-diabetes-news-apply .diabetes-news-apply-agree { margin-top: 30px; } .popup-diabetes-news-apply .diabetes-news-apply-agree-textarea { padding: 25px 30px; background-color: #efeff3; color: #5d6167; font-size: 15px; line-height: 25px; } .popup-diabetes-news-apply .diabetes-news-apply-agree-form { margin-top: 13px; } .popup-diabetes-news-apply .diabetes-news-apply-agree-form-title { color: #1f2023; font-size: 15px;line-height: normal; vertical-align: middle; } /* 소셜로그인 회원전환안내 ------------------------------------- */ .social-login-change { } .social-login-change-header { overflow:hidden; margin:0 0 50px 0; padding:0; text-align:center; } .social-login-change-header .inner { overflow: hidden; margin:0 auto; } .social-login-change-header i { display: inline-block; margin:0 50px 0 0; vertical-align: middle; } .social-login-change-description { display: inline-block; width: 740px; margin: 0; color: #1b1d21; font-size: 17px; line-height: 25px; text-align: left; vertical-align: middle; } .social-login-change-description-title-second { color: #115bab; } .social-login-change-description-title { margin-top: 3px; color: #115bab; font-size: 32px; line-height: 38px; } .social-login-change-description-text { margin-top: 10px; } .icon-social-login-change { display: block; overflow: hidden; position: relative; width: 83px; height: 70px; margin:20px auto 25px auto; background: url('../img/ico/ico_social_login_change.png') no-repeat 0 0; font-size: 0; line-height: 0; vertical-align: middle; } .icon-social-login-change01 { background-position: 0 0; } .icon-social-login-change02 { background-position: -100px 0; } .icon-social-login-change03 { background-position: -200px 0; } .social-login-change-menu { clear:both; position:relative; width:100%; } .social-login-change-menu > li { float:left; width:32.03%; height:100%; margin-left:1.95%; text-align:center; } .social-login-change-menu > li:first-child { margin-left:0; } .social-login-change-menu > li > a { display:block; height:245px; padding:30px 20px 35px 20px; font-size:15px; color:#44484f; border:3px solid #cfd3d6; box-sizing:border-box; } .social-login-change-menu > li > a:hover { border:3px solid #3378c1; } .social-login-change-menu > li > a strong { font-size:24px; color:#232323; font-weight: normal; } /* ========================================================================== health : 01. 건강정보 ========================================================================== */ .modal-itemContMovie .itemContMovie-box { width: 500px; height: 300px; } /* 질환 ------------------------------------- */ .disease-search-header { margin-bottom: 50px; } .disease-search-header .disease-search-tab { margin-bottom: 40px; } .disease-search-header .disease-search-tab-panel { } .disease-search-header .search-box { margin: 0; } .search-list-result-header { display: table; overflow: hidden; position: relative; width: 100%; margin-bottom: 30px; } .search-list-result-header .search-list-result-header-title { display: table-cell; color: #1b1d21; font-size: 24px; line-height: 30px; letter-spacing: -1px; } .search-list-result-header .search-list-result-header-title strong { color: #115bab; font-weight: normal; } .search-list-result-header .search-list-result-header-text { display: table-cell; color: #6e7179; font-size: 17px; line-height: 22px; text-align: right; letter-spacing: -1px; } .search-list-result-header .search-list-result-header-text strong { color: #115bab; font-weight: normal; } /** 건강자료실 **/ .media-search-result { } .media-search-result .search-box { padding: 40px 5px 20px 5px; } .media-view { background-color: #fff; } .media-detail-wrapper {overflow:hidden; position:relative; display:table; table-layout:fixed; width:100%; padding:10px 0 40px 0;} .media-detail {display:table-cell; width:auto; margin:0; padding:0; vertical-align:top;} .media-detail .media-figure { margin: 0; padding: 0; } .media-detail .media-iframe {position:relative; font-size:0; line-height:0;} .media-detail .media-iframe #player_wrapper, .media-detail .media-iframe iframe { max-width: 100%; width: 100%; min-height: 510px;} .media-detail .media-iframe iframe + img, .media-detail .media-iframe img + img {display: none;} .media-infographic-image .media-image { z-index:0; width:100%; text-align: center; } .media-infographic-image .media-image img{ width:100%; } .media-detail .media-iframe .media-image {/*position:absolute; left:0; top:0;*/ z-index:0; width:100%; text-align: center;height:auto; } .media-detail .media-iframe .media-image > img { max-width: 100%; height:auto; } .media-detail .media-iframe > img { /*position: absolute; top: 0; left: 0;*/ width: 100%; z-index: 0; } .media-detail .media-info { position: relative; /* padding-top:30px;*/ } .media-detail .media-info .item-title { position: relative; margin: 0; padding: 0; color: #1b1d21; font-size: 28px; font-weight: normal; letter-spacing: -1px; } .media-detail .media-info .item-title .field { color:#115bab; } .media-detail .media-info .item-title-type02 { padding-right: 170px; } .media-detail .media-info .item-title-type02 .item-download { position: absolute; top: 0; right: 0; } .media-detail .media-info .item-title-second { margin: 0; padding: 0; color: #44484f; font-size: 24px; font-weight: normal; letter-spacing: -1px; } .media-detail .media-info .item-text { padding:0 0 20px 0; font-size:16px; color:#666; } .media-detail .media-info .item-author { margin-top: 10px; color:#555; font-size: 16px; } .media-detail .media-info .item-author .part { margin-right: 5px; } .media-detail .media-info .item-author .part a { color:#606060; } .media-detail .media-info .item-author .part:after { content: ''; display: inline-block; position: relative; width: 1px; height: 8px; margin-left: 7px; background-color:#b7bcc1; font-size:0; line-height:0; } .media-detail .media-info .item-author .name { color: #115bab; } .media-detail .media-info .item-author .name a { color: #115bab; } .media-detail .media-info .item-meta { margin-top: 10px; } .media-detail .media-info .item-meta .meta-item { display: inline-block; margin-right: 15px; color: #5d6167; font-size: 16px; line-height: normal; } .media-detail .media-info .item-meta .meta-item:before { content: ''; display: inline-block; position: relative; top: -2px; width: 1px; height: 8px; margin-right: 15px; background-color:#b7bcc1; font-size:0; line-height:0; vertical-align: middle; } .media-detail .media-info .item-meta .meta-item:first-child:before { display: none; } .media-detail .media-info .item-meta .meta-item .count { margin: 0 3px; color: #115bab; } .media-detail .media-info .item-meta .meta-recommend { } .media-detail .media-info .item-meta .meta-play { } .media-detail .media-info .item-meta .meta-date { } .media-detail .media-info .item-description { position: relative; margin-top: 15px; color: #5d6167; font-size: 16px; line-height: 26px; word-wrap: break-word; } .media-detail .media-info .media-text-data { position:absolute; bottom:0; right:0; } .media-detail .media-info .media-text-data .button { margin-left:3px; } .media-detail .media-info .media-caption { margin-top:20px; font-size:16px; } .media-detail .media-info .media-caption-title { margin-bottom:15px; font-weight:bold; color:#44484f; } .media-detail .media-info .media-caption-title .iconset { margin-right:8px; } .media-detail .media-info .media-caption-text { overflow:hidden; height:445px; line-height:1.7; color:#5d6167; } .media-detail .media-info .media-caption-text .mCustomScrollBox { padding-right:20px; } .media-infographic-title { margin-bottom: 20px; } .media-infographic-title .item-title { position: relative; margin: 0; padding: 0; color: #1b1d21; font-size: 28px; font-weight: normal; letter-spacing: -1px; } .media-infographic-title .item-title .field { color:#115bab; } .media-infographic-title .item-title-type02 { padding-right: 170px; } .media-infographic-title .item-title-type02 .item-download { position: absolute; top: 0; right: 0; } .media-infographic-title .item-title-second { margin: 0; padding: 0; color: #44484f; font-size: 24px; font-weight: normal; letter-spacing: -1px; } .media-detail-aside { display: table-cell; width: 352px; padding: 0 1px 5px 64px; vertical-align: top; box-sizing: content-box; } .media-detail-aside-inner { /*padding: 20px;*/ background-color: #f7f7f9; /*background-color: #fff; box-shadow: 0 1px 1px 0 #c1c1c2;*/ box-sizing: content-box; height: 620px;} .media-detail-aside-title { padding-left: 25px; height: 58px; border-bottom: 1px solid #e2e2e3; /*border-bottom: 1px solid #e2e2e3; background-color: #fff;*/ color: #1b1d21; font-size: 16px; font-weight: normal; line-height: 58px; } .media-detail-aside-content { position: relative; max-height: 539px; overflow-x: hidden; overflow-y: auto; } .media-detail-aside-content .card-media { padding: 30px 15px 30px 25px; border-top: 1px solid #e2e2e3; /*border-top: 1px solid #e2e2e3; background-color: #fff;*/ } .media-detail-aside-content .card-media:first-child { border-top: 0; } .media-detail-aside-content .card-media:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .media-detail-aside-content .card-media .card-content { min-height: 74px; background: none; } .media-detail-aside-content .card-media .figure { overflow:hidden; float: left; position: relative; width: 120px; height: 74px; margin: 0; } .media-detail-aside-content .card-media .figure .card-media-time { /*display: none;*/ z-index: 1; position: absolute; bottom: 5px; right: 8px; color: #fff; font-size: 13px; font-weight: bold; line-height: normal; } .media-detail-aside-content .card-media .figure .view-type-img { width: 120px; height: 74px; } .media-detail-aside-content .card-media .figure .view-type-img .dimed { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter:alpha(opacity=30); } .media-detail-aside-content .card-media .figure .view-type-img > img {position:absolute; left:0; top:0; width:100%;} .media-detail-aside-content .card-media .figure .view-type-img .view-type .bg { left: 60px; top:0; width: 60px; height: 74px; } .media-detail-aside-content .card-media .figure .view-type-img .view-type .bg:first-child { left: 0; } .media-detail-aside-content .card-media .figure .view-type-img .view-type .iconset { display: none; } .media-detail-aside-content .card-media .figure .view-type-img .view-type > button { left: 60px; } .media-detail-aside-content .card-media .figure .view-type-img .view-type > button.item1 { left: 0; } .media-detail-aside-content .card-media .card-content { overflow: visible; padding: 0; } .media-detail-aside-content .card-media .card-item-inner { margin: 0; } .media-detail-aside-content .card-media .card-content-textarea { position: relative; margin: 0 0 0 135px; line-height: normal; } .media-detail-aside-content .card-media .card-content-textarea .card-content-title { display: block; overflow: hidden; max-height: 44px; height: auto; margin: 0; font-size: 16px; line-height: 22px; font-weight: normal; } .media-detail-aside-content .card-media .card-footer-meta { position: relative; margin: 10px 0 0 135px; padding: 0; background: none; line-height: normal; } .media-detail-aside-content .card-media .card-footer-meta .meta-item { margin-left: 5px; padding: 0; background: none; color: #72767e; font-size: 12px; letter-spacing: -1px; } .media-detail-aside-content .card-media .card-footer-meta .meta-item:before { content: ''; display: inline-block; position: relative; width: 1px; height: 8px; margin-right: 8px; background-color: #b2b8bd; font-size: 0; line-height: 0; } .media-detail-aside-content .card-media .card-footer-meta .meta-item:first-child { margin-left: 0; } .media-detail-aside-content .card-media .card-footer-meta .meta-item:first-child:before { display: none; } .media-detail-aside-content .card-media .card-footer-meta .meta-item .count { margin: 0 3px; } .media-detail-aside-content .card-media:hover .card-footer-meta { display: block; } .media-detail-aside-content .card-media-audio { } .media-detail-aside-content .card-media-audio .figure { width: 56px; } .media-detail-aside-content .card-media-audio .figure .view-type-img { width: auto; height: auto; } .media-detail-aside-content .card-media-audio .figure .view-type-img .icon-audio-play { } .media-detail-aside-content .card-media-audio:hover .figure .view-type-img .icon-audio-play { background-position: -60px -1040px; } .media-detail-aside-content .card-media-audio .card-content-textarea { margin-left: 76px; } .media-detail-aside-content .card-media-audio .card-footer-meta { margin-left: 76px; } .media-detail-aside .result-none { color: #6e7179; font-size: 13px; background: none; } /*s-media 시리즈영상/관련영상 tab*/ .s-media .media-detail-aside-tab { } .s-media .media-detail-aside-tab ul { width:100%; } .s-media .media-detail-aside-title { float:left; width:50%; padding:0; } .s-media .media-detail-aside-title a { display:block; margin:0 25px; font-size:18px; text-align:center; color:#1b1d21; } .s-media .media-detail-aside-title.active a { height:55px; border-bottom:3px solid #115bab; color:#115bab; } .s-media .media-detail-aside-content { clear:both; } .s-media .media-detail-aside .result-none { font-size:16px; } /** 자가진단체크 **/ .selfcheck-step { position: static; margin: 0 auto; padding: 40px 0 50px 0; background: #fff; } .selfcheck-step-title { position: relative; padding-bottom: 30px; font-weight: normal; text-align: center; letter-spacing: -1px; } .selfcheck-step-title .step-number { display: block; width: 50px; height: 50px; margin: 0 auto 15px auto; background-color: #e7e8ec; color: #115bab; font-size: 16px; line-height: 52px; text-align: center; border-radius: 50%; } .selfcheck-step-title .step-title { display: block; color: #1b1d21; font-size: 23px; line-height: 30px; } .selfcheck-step-title .step-title-second { display: block; padding-top: 15px; color: #3378c1; font-size: 18px; line-height: 25px; } .selfcheck-step-title .step-title-description { display: block; padding-top: 5px; color: #656972; font-size: 16px; line-height: 25px; font-weight: normal; } .selfcheck-step-content { position: relative; padding: 0 0 60px 0; text-align: center; } .selfcheck-step-description { display: block; padding-top: 25px; color: #656972; font-size: 16px; line-height: 25px; font-weight: normal; } .selfcheck-step .button-step-confirm { display: none; position: absolute; bottom: 0; left: 50%; width: 50px; margin-left: -30px; } .selfcheck-step.width-type01 { width: 400px; } .selfcheck-step.width-type02 { width: 550px; } .selfcheck-step.width-type03 { width: 750px; } .selfcheck-step.width-type04 { width: 800px; } .selfcheck-step.width-type05 { width: 850px; } .selfcheck-step.width-type06 { width: 900px; } .selfcheck-step.height-type01 { min-height: 345px; } .selfcheck-checkbox-list { } .selfcheck-checkbox-list ul { overflow: hidden; } .selfcheck-checkbox-list li { padding: 8px 0; text-align: left; } .selfcheck-checkbox-list.width-1-1 { } .selfcheck-checkbox-list.width-1-1 li { display: inline-block; width: 50%; margin: 0 -4px; vertical-align: top; } .selfcheck-checkbox-list.width-1-1 .input-checkbox .label-text { padding-right: 20px; } .selfcheck-checkbox-list .input-checkbox { letter-spacing: -1px; } .selfcheck-checkbox-list .input-checkbox i { float: left; position: relative; } .selfcheck-checkbox-list .input-checkbox .label-text { display: block; position: relative; top: -1px; margin-left: 30px; line-height: 25px; color: #656972; } .selfcheck-checkbox-list .input-checkbox.checked .label-text { color: #1b1d21; font-weight: bold; } .selfcheck-input { display: inline-block; margin: 2px 0; } .selfcheck-input .input-text[readonly] { padding: 0 10px; background-color: #eeeded; box-shadow: 1px 1px 1px #c0c0c0 inset; } .selfcheck-input .input-text[readonly].input-text-white { padding: 0 10px; background-color: #fff; box-shadow: 1px 1px 1px #c0c0c0 inset; } .selfcheck-input .iconset-selfcheck { margin-right: 5px; } .selfcheck-input .input-label { display: inline-block; padding: 0 4px; color: #2a2c30; vertical-align: middle; } .selfcheck-input .input-label-type02 { padding: 0 12px; font-size: 24px; } .selfcheck-input-group { } .selfcheck-input-group .selfcheck-input { margin-left: 20px; } .selfcheck-input-group .selfcheck-input:first-child { margin-left: 0; } .selfcheck-input-box { position: relative; margin: 30px 35px 0 35px; padding: 10px; background: #f7f7f9; font-size: 15px; line-height: 25px; } .selfcheck-input-box .btn-selfcheck-layer { overflow: hidden; position: absolute; top: 50%; right: 30px; width: 30px; height: 30px; margin-top: -15px; border: 0; background: url('../img/ico/ico_selfcheck_layer.png') no-repeat 50% 50%; text-indent: -9999px; } .selfcheck-radio-group { display: table; table-layout: fixed; margin: 0 auto 30px auto; } .selfcheck-radio-group:last-child { margin-bottom: 0; } .selfcheck-radio-group.mb0 { margin-bottom: 0; } .selfcheck-radio-group .input-radio-item { display: inline-block; margin: 0 5px; } .selfcheck-radio-group .input-radio { display: table-cell; min-width: 70px; height: 60px; padding: 10px 15px; background-color: #f7f7f9; color: #1b1d21; font-size: 15px; text-align: center; vertical-align: middle; } .selfcheck-radio-group .input-radio.checked { background-color: #3378c1; color: #fff; } .selfcheck-radio-group .input-radio .label-text { margin: 0; line-height: 20px; } .selfcheck-radio-group .input-radio.focus { outline: 1px dotted; } .selfcheck-radio-group .input-radio.focus i { border: 1px solid transparent } .selfcheck-radio-group .input-radio-icon { } .selfcheck-radio-group .input-radio-icon .iconset-selfcheck { display: block; margin: 0 auto 5px auto; /*position: absolute; ㄴtop: 30px; left: 50%; */ background: url('../img/ico/ico_selfcheck.png') no-repeat 0 0; text-align: center; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-man { width: 54px; height: 51px; background-position: 0 -180px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-woman { width: 46px; height: 52px; background-position: -80px -180px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-face01 { width: 42px; height: 41px; background-position: 0 0; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-face02 { width: 42px; height: 41px; background-position: -60px 0; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-face03 { width: 42px; height: 41px; background-position: -120px 0; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-face04 { width: 42px; height: 41px; background-position: -180px 0; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-face05 { width: 42px; height: 41px; background-position: -240px 0; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-face06 { width: 42px; height: 41px; background-position: -300px 0; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-face07 { width: 42px; height: 41px; background-position: -360px 0; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-face01 { background-position: 0 -60px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-face02 { background-position: -60px -60px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-face03 { background-position: -120px -60px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-face04 { background-position: -180px -60px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-face05 { background-position: -240px -60px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-face06 { background-position: -300px -60px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-face07 { background-position: -360px -60px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-field01 { width: 76px; height: 76px; background-position: 0 -240px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-field02 { width: 76px; height: 76px; background-position: -80px -240px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-field03 { width: 76px; height: 76px; background-position: -160px -240px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-field04 { width: 76px; height: 76px; background-position: -240px -240px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-field05 { width: 76px; height: 76px; background-position: -320px -240px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-field06 { width: 76px; height: 76px; background-position: -400px -240px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-field07 { width: 76px; height: 76px; background-position: -480px -240px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-field08 { width: 76px; height: 76px; background-position: -560px -240px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-field01 { background-position: 0 -330px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-field02 { background-position: -80px -330px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-field03 { background-position: -160px -330px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-field04 { background-position: -240px -330px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-field05 { background-position: -320px -330px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-field06 { background-position: -400px -330px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-field07 { background-position: -480px -330px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-field08 { background-position: -560px -330px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-sun { width: 37px; height: 37px; background-position: -160px -120px; } .selfcheck-radio-group .input-radio-icon .icon-selfcheck-moon { width: 31px; height: 37px; background-position: -200px -120px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-sun { background-position: -160px -160px; } .selfcheck-radio-group .input-radio-icon.checked .icon-selfcheck-moon { background-position: -200px -160px; } .selfcheck-radio-group-face .input-radio-icon { padding-top: 60px; } .selfcheck-radio-group-face .input-radio-icon .iconset-selfcheck { position: absolute; top: 20px; left: 50%; margin-left: -21px; } .selfcheck-radio-group-field .input-radio-icon { height: auto; padding-top: 100px; } .selfcheck-radio-group-field .input-radio-icon .iconset-selfcheck { position: absolute; top: 20px; left: 50%; margin-left: -38px; } .selfcheck-radio-group .type-circle { min-width: 0; width: 100px; height: 100px; margin: 0; padding: 0; border-radius: 50%; } .selfcheck-radio-group .type-circle02 { min-width: 0; width: 130px; height: 130px; margin: 0; padding: 0; border-radius: 50%; } .iconset-selfcheck { display: inline-block; overflow: hidden; position: relative; background: url('../img/ico/ico_selfcheck.png') no-repeat 0 0; font-size: 0; line-height: 0; vertical-align: middle; } .icon-selfcheck-ruler { width: 17px; height: 34px; background-position: 0 -120px; } .icon-selfcheck-scale { width: 36px; height: 37px; background-position: -40px -120px; } .icon-selfcheck-girth { width: 26px; height: 38px; background-position: -100px -120px; } .icon-selfcheck-diabetes { width: 142px; height: 141px; background-position: 0 -420px; } .icon-selfcheck-stroke { width: 142px; height: 141px; background-position: -160px -420px; } .icon-selfcheck-ischemic { width: 142px; height: 141px; background-position: -320px -420px; } .icon-selfcheck-stethoscope { width: 142px; height: 141px; background-position: -480px -420px; } .icon-selfcheck-cake { width: 24px; height: 29px; background-position: -140px -200px; } .selfcheck-step-box { background-color: #fff; box-shadow: 0 1px 1px 0 #dedee0; } .selfcheck-main { } .selfcheck-main-step { clear: both; position: relative; margin-bottom: 20px; box-sizing: border-box; } .selfcheck-main-step:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .selfcheck-main-step.step-sex { clear: none; float: left; width: 50%; padding-right: 7px; } .selfcheck-main-step.step-sex .selfcheck-step-box { display: table; width: 100%; height: 150px; } .selfcheck-main-step.step-sex .selfcheck-step-title { display: table-cell; margin: 0; padding: 0 5px; vertical-align: middle; } .selfcheck-main-step.step-sex .selfcheck-step-content { display: table-cell; width: 280px; margin: 0; padding: 0; vertical-align: middle; } .selfcheck-main-step.step-sex .selfcheck-step-content .selfcheck-radio-group { height: 150px; margin: 0; } .selfcheck-main-step.step-sex .selfcheck-step-content .selfcheck-radio-group .input-radio { width: 140px; height: 100%; } .selfcheck-main-step.step-birthdate { clear: none; float: right; width: 50%; padding-left: 7px; } .selfcheck-main-step.step-birthdate .selfcheck-step-box { display: table; width: 100%; height: 150px; } .selfcheck-main-step.step-birthdate .selfcheck-step-title { display: table-cell; margin: 0; padding: 0 5px; vertical-align: middle; } .selfcheck-main-step.step-birthdate .selfcheck-step-title .div-point { display:inline-block; text-align: left; } .selfcheck-main-step.step-birthdate .selfcheck-step-title .icon-selfcheck-cake { top: -3px; margin: 0 3px; } .selfcheck-main-step.step-birthdate .selfcheck-step-content { display: table-cell; width: 260px; margin: 0; padding: 0; vertical-align: middle; text-align: left; } .selfcheck-main-step.step-birthdate .selfcheck-step-content .selfcheck-radio-group { height: 100%; margin: 0; } .selfcheck-main-step.step-birthdate .selfcheck-step-content .selfcheck-radio-group .input-radio { width: 140px; height: 100%; } .selfcheck-main-step.step-birthdate .selfcheck-step-content .selfcheck-step-description { padding-top: 10px; font-size: 14px; } .selfcheck-main-step.step-field { } .selfcheck-main-step.step-field .selfcheck-step-box { padding: 40px; } .selfcheck-main-step.step-field .selfcheck-step-box .selfcheck-radio-group { width: 100%; margin: 0; } .selfcheck-main-step:hover .selfcheck-step-box { outline:1px solid #317abf; } @media all and (max-width: 1359px) { .selfcheck-main-step.step-birthdate .selfcheck-step-title .div-point { display: block; width: 160px; margin: 0 auto; } .member-header #gnb li.menu-parent.gnb-C > a .sound-only {background-position:15px -114px;} .member-header #gnb li.menu-parent.gnb-C02 > a .sound-only {background-position:-77px -114px;} #gnb li.menu-parent.menu-parent.gnb-C > a[aria-current="true"] .sound-only { background-position:15px -167px; } /* Current */ .member-header #gnb li.menu-parent.menu-parent.gnb-C > a:focus .sound-only , .member-header #gnb li.menu-parent.menu-parent.gnb-C > a:hover .sound-only , .member-header #gnb li.menu-parent.menu-parent.gnb-C > a[aria-selected="true"] .sound-only { background-position:15px -167px; } /* Focus, MouseOver */ #gnb li.menu-parent.menu-parent.gnb-C02 > a[aria-current="true"] .sound-only { background-position:-77px -167px; } /* Current */ #gnb li.menu-parent.menu-parent.gnb-C02 > a:focus .sound-only , #gnb li.menu-parent.menu-parent.gnb-C02 > a:hover .sound-only , #gnb li.menu-parent.menu-parent.gnb-C02 > a[aria-selected="true"] .sound-only { background-position:-77px -167px; } /* Focus, MouseOver */ } .selfcheck-process { margin-bottom: 30px; } .selfcheck-step-process { position: relative; min-height: 30px; margin-bottom: 20px; } .selfcheck-step-process:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .selfcheck-step-process .step-process { float: left; } .selfcheck-step-process .step-process li { display: inline-block; margin-right: 25px; color: #5e636e; font-size: 18px; line-height: normal; } .selfcheck-step-process .step-process li .number { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-color: #fff; color: #115bab; font-size: 16px; line-height: 28px; text-align: center; vertical-align: middle; border-radius: 50%; box-shadow: 0px 1px 2px #ceced0; } .selfcheck-step-process .step-process li.active { color: #115bab; } .selfcheck-step-process .step-process li.active .number { background-color: #115bab; color: #f3ef50; } .selfcheck-step-process .step-description { float: right; padding-top: 3px; color: #d42907; font-size: 15px; line-height: normal; vertical-align: middle; } .selfcheck-step-process .step-button { float: right; margin: -2px 0 0 10px; vertical-align: middle; } .selfcheck-info { position: relative; padding: 30px; box-shadow: 0 1px 1px #c1c1c2; background-color: #fff; box-sizing: border-box; } .no-boxshadow .selfcheck-info { border-left: 1px solid #e9e9eb; border-right: 1px solid #e9e9eb; border-bottom: 1px solid #ceced0; } .selfcheck-info .selfcheck-info-intro { position: relative; min-height: 140px; margin: 15px 0; padding-left: 165px; color: #656972; font-size: 16px; line-height: 25px; } .selfcheck-info .selfcheck-info-intro p { padding-bottom: 15px; } .selfcheck-info .selfcheck-info-intro .selfcheck-info-intro-title { display: block; padding: 15px 0; color: #1b1d21; font-size: 24px; } .selfcheck-info .selfcheck-info-intro .selfcheck-info-intro-caption { display: block; padding-bottom: 5px; color: #115bab; font-size: 17px; } .selfcheck-info .selfcheck-info-intro .iconset-selfcheck { position: absolute; top: 0; left: 0; } .selfcheck-info .selfcheck-info-intro .selfcheck-info-intro-link { } .selfcheck-info .selfcheck-info-intro .selfcheck-info-intro-link .title { color: #1b1d21; padding-right: 5px; vertical-align: middle; } .selfcheck-info .selfcheck-info-intro .selfcheck-info-intro-link .button { margin-left: 4px; } .selfcheck-info .selfcheck-agree { position: relative; padding: 30px; margin-top: 15px; background-color: #efeff3; color: #1f2023; font-size: 18px; line-height: 28px; } .selfcheck-info .selfcheck-agree .selfcheck-agree-text { padding-right: 140px; } .selfcheck-info .selfcheck-agree .input-radio-switch { position: absolute; top: 50%; right: 20px; margin-top: -17px; } .selfcheck-result-box { margin: 20px 0 0 0; } .selfcheck-graph { position: relative; margin: 20px 0 0 0; padding: 30px; box-shadow: 0 1px 1px #c1c1c2; background-color: #fff; box-sizing: border-box; } .no-boxshadow .selfcheck-graph { border-left: 1px solid #e9e9eb; border-right: 1px solid #e9e9eb; border-bottom: 1px solid #ceced0; } .selfcheck-graph .selfcheck-graph-heading { color: #222222; font-size: 24px; line-height: normal; } .selfcheck-graph .selfcheck-graph-heading p { padding-bottom: 10px; } .selfcheck-graph .selfcheck-graph-heading strong { display: inline-block; position: relative; color: #115bab; font-size: 38px; letter-spacing: -1px; } .selfcheck-graph .selfcheck-graph-heading .number { margin-top: -10px; font-family: Tahoma; } .selfcheck-graph .selfcheck-graph-heading .text { } .selfcheck-graph .selfcheck-graph-content { position: relative; margin-top: 10px; } .selfcheck-step-layer { display: none; position: absolute; top: 0; left: 0; padding: 30px; width: 100%; height: 100%; background-color: #f7f7f9; text-align: center; box-sizing: border-box; } .selfcheck-step-layer-container { display: table; width: 100%; height: 100%; vertical-align: middle; } .selfcheck-step-layer-content { display: table-cell; vertical-align: middle; } .selfcheck-step-layer-close { overflow: hidden; position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; border: 0; background: url('../img/ico/ico_layer_close.png') no-repeat 50% 50%; text-indent: -9999px; } .selfcheck-step-layer-content .table-default tr th, .selfcheck-step-layer-content .table-default tr td { padding-top: 5px; padding-bottom: 5px; } .selfcheck-step-layer-content .selfcheck-step-description { padding-top: 10px; } .selfcheck-step-pager { padding: 30px 0; text-align: center; } .selfcheck-step-pager .button { margin: 0 5px; } .selfcheck-step-pager.align-right { text-align: right; } .selfcheck-step-pager.align-right .button { margin: 0 0 0 2px; } .selfcheck-step-pager.centered-pager { display: none; } .selfcheck-step-pager.centered-pager .button-selfcheck-submit.disabled { opacity: 0.3; filter:alpha(opacity=30); cursor: not-allowed; } /** 의약품백과 **/ .search-box-medicine { margin: 30px 0; padding: 20px 30px 15px; } .search-box-medicine .search-box-description { margin-bottom: 0; } .search-box-medicine-type02 { margin: 30px 0; padding: 15px 30px; text-align: left; } .search-box-medicine-type02 .step-section { position: relative; margin: 7px 0; } .search-box-medicine-type02 .input-text-medicine { width: 400px; } .search-box-medicine-type02 .title-width-type01 { width: 69px; } .search-box-medicine-type02 .selectbox-medicine select { width: 150px; } .search-box-medicine-type02 .search-box-submit { position: absolute; bottom: 0; right: 0; } .search-box-medicine-type02 .search-box-submit .button { width: 85px; } .search-box-medicine-type02 .guide-txt { display:inline-block; margin:0 0 0 10px; padding: 0; border:0; vertical-align: middle; } .search-box-medicine-type02 .step-section .div-point { display: inline-block; } .search-box-medicine-type02 .step-section .div-point-last { } .medicine-card .medicine-info.medicine-list-column2 ul li { float:right; width:46%; margin-right:15px; } .medicine-card .medicine-info.medicine-list-column2 ul li:nth-child(2n+1) { clear:both; float:left; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item { padding-right: 50px } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.iconset-medicine { top: -2px; bottom: 0; left: auto; right: 20px; width: 35px; height: 16px; background: url('../img/ico/ico_medicine.png') no-repeat 0 0; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-form01 { width: 33px; height: 14px; background-position: 0 0; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-form02 { width: 33px; height: 14px; background-position: 0 -20px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-form03 { right: 23px; width: 27px; height: 17px; margin-left: -18px; background-position: 0 -40px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-form04 { width: 33px; height: 14px; background-position: 0 -60px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-form05 { right: 19px; width: 35px; height: 14px; background-position: 0 -80px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-form06 { right: 23px; width: 26px; height: 26px; background-position: 0 -100px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-form07 { right: 23px; width: 25px; height: 25px; background-position: 0 -130px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape01 { right: 23px; width: 25px; height: 25px; background-position: -73px 0; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape02 { right: 21px; width: 29px; height: 16px; background-position: -71px -30px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape03 { right: 22px; width: 25px; height: 15px; background-position: -73px -50px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape04 { right: 22px; width: 25px; height: 22px; background-position: -73px -70px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape05 { right: 22px; width: 22px; height: 22px; background-position: -75px -98px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape06 { right: 21px; width: 25px; height: 23px; background-position: -73px -129px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape07 { right: 19px; width: 28px; height: 13px; background-position: -72px -160px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape08 { right: 21px; width: 24px; height: 23px; background-position: -74px -180px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape09 { right: 21px; width: 24px; height: 22px; background-position: -74px -209px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape10 { right: 21px; width: 24px; height: 25px; background-position: -74px -239px; } .ui-menu-icons.ui-menu.selectbox-medicine-type01 .ui-menu-item .ui-icon.icon-medicine-shape11 { right: 19px; width: 28px; height: 14px; background-position: -72px -270px; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item { padding-right: 35px } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.iconset-medicine { top: -2px; bottom: 0; left: auto; right: 20px; width: 28px; height: 16px; border: 1px solid #9da0a9; background: none; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color01 { background-color: #fff; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color02 { background-color: #f3ef50; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color03 { background-color: #f78a09; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color04 { background-color: #fb6a9b; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color05 { background-color: #f11414; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color06 { background-color: #894513; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color07 { background-color: #94ce56; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color08 { background-color: #159618; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color09 { background-color: #23b1b1; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color10 { background-color: #125aac; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color11 { background-color: #002060; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color12 { background-color: #b72693; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color13 { background-color: #790f79; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color14 { background-color: #7e8085; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color15 { background-color: #000; } .ui-menu-icons.ui-menu.selectbox-medicine-type02 .ui-menu-item .ui-icon.icon-medicine-color16 { background: url('../img/ico/ico_medicine.png') no-repeat -40px -80px;; } .ui-menu-icons.ui-menu.selectbox-medicine-type03 .ui-menu-item { padding-right: 35px } .ui-menu-icons.ui-menu.selectbox-medicine-type03 .ui-menu-item .ui-icon.iconset-medicine { top: -2px; bottom: 0; left: auto; right: 30px; background: url('../img/ico/ico_medicine.png') no-repeat 0 0; } .ui-menu-icons.ui-menu.selectbox-medicine-type03 .ui-menu-item .ui-icon.icon-medicine-line01 { width: 19px; height: 19px; background-position: -40px 0; } .ui-menu-icons.ui-menu.selectbox-medicine-type03 .ui-menu-item .ui-icon.icon-medicine-line02 { width: 19px; height: 19px; background-position: -40px -20px; } .ui-menu-icons.ui-menu.selectbox-medicine-type03 .ui-menu-item .ui-icon.icon-medicine-line03 { width: 19px; height: 19px; background-position: -40px -40px; } .ui-menu-icons.ui-menu.selectbox-medicine-type03 .ui-menu-item .ui-icon.icon-medicine-line04 { width: 19px; height: 19px; background-position: -40px -60px; } .search-result-wrapper { } .search-result-header { overflow: hidden; margin-top: 50px; margin-bottom: 25px; } .search-result-header .result-description { float: left; color: #5d6167; font-size: 17px; line-height: normal; } .search-result-header .result-description strong { color: #115bab; font-weight: normal; } .search-result-header .result-text { float: right; color: #1b1d21; font-size: 21px; line-height:normal; } .search-result-header .result-text strong { color: #115bab; font-weight: normal; } .medicine-detail { } .medicine-detail .medicine-detail-header { position: relative; min-height: 160px; padding: 2px 0 40px 225px; border-bottom: 1px solid #e4e4e7; } .medicine-detail .medicine-detail-header:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .medicine-detail .medicine-detail-header .medicine-detail-header-title { padding: 0 0 18px 0; color: #115bab; font-size: 22px; font-weight: normal; line-height: normal; letter-spacing: -1px; } .medicine-detail .medicine-detail-header .medicine-detail-header-title:before { content: ''; display: block; overflow: hidden; width: 35px; height: 1px; margin: 8px 0 15px 0; background-color: #3378c1; font-size: 0; line-height: 0; } .medicine-detail .medicine-detail-header .medicine-detail-header-info { position: relative; overflow: hidden; padding: 13px 30px; background-color: #e6e9eb; } .medicine-detail .medicine-detail-header .medicine-detail-header-info .list-default { } .medicine-detail .medicine-detail-header .medicine-detail-header-info .list-default ul { margin-right: -10px; } .medicine-detail .medicine-detail-header .medicine-detail-header-info .list-default ul li { float: left; margin: 2px 10px 2px 0; } .medicine-detail .medicine-detail-header .medicine-detail-header-info .list-default ul li .list-define { width: 70px; font-size: 15px; color: #1f2023; } .medicine-detail .medicine-detail-header .medicine-detail-header-info .list-default ul li .list-describe { width: 150px; font-size: 14px; color: #6e7179; } .medicine-detail .medicine-detail-header .medicine-detail-header-image { position: absolute; top: 0; left: 0; overflow: hidden; width: 160px; height: 160px; border-radius: 50%; } .medicine-detail .medicine-detail-header .medicine-detail-header-image img { } .medicine-detail .medicine-detail-body { padding: 40px 0 50px 0; } .medicine-detail .medicine-detail-body .medicine-detail-title { margin: 30px 0 8px 0; color: #44484f; font-size: 18px; line-height: normal; word-wrap: break-word; } .medicine-detail .medicine-detail-body .medicine-detail-description { color: #5d6167; font-size: 16px; line-height: 26px; word-wrap: break-word; } /* ========================================================================== reservation : 02. 진료예약 ========================================================================== */ /* part-doctor : 진료과,의료진 ------------------------------------- */ /** 의료진 검색 **/ .doctor-search-form { margin: 0 0 15px 0; padding: 0; border: 0; box-shadow: none; background: none; } .no-boxshadow .doctor-search-form { border: 0; } .doctor-search-form .input-text { color: #72767e; } .doctor-search-form .input-text::-webkit-input-placeholder { color: #72767e; } .doctor-search-form .input-text::-moz-placeholder { color: #72767e; opacity: 1; } .doctor-search-form .input-text:-moz-placeholder { color: #72767e; opacity: 1; } .doctor-search-form .input-text:-ms-input-placeholder { color: #72767e; } .doctor-search-form .search-box-title { margin-top: 9px; color: #115bab; font-size: 26px; font-weight: normal; vertical-align: top; } .doctor-search-form .search-box-descript { display: block; margin-top: 8px; color: #72767e; font-size: 14px; line-height: 22px; text-align: left; } .doctor-search-form .doctor-search-field01 select { min-width: 120px; } .doctor-search-form .doctor-search-field02 select { min-width: 200px; } .doctor-search-best { } .doctor-search-best .card-doctor-best { } .doctor-search-best .card-doctor-best .doctor-best01 { background-color: #40c1c2; } .doctor-search-best .card-doctor-best .doctor-best02 { background-color: #3378c1; } .doctor-search-best .card-doctor-best .doctor-best-image { overflow: hidden; padding: 0 20px; } .doctor-search-best .card-doctor-best .doctor-best-image img { max-width: 100%; } .doctor-search-best .card-doctor-best .card-content { padding-top: 25px; } .doctor-search-best .card-doctor-best .card-content .card-content-img { margin-top: -76px; } .doctor-search-best .card-doctor-best .card-content .card-content-textarea { min-height:170px; padding-top: 10px; } .doctor-search-best .card-doctor-best .card-content .card-content-textarea .card-content-title { margin-top: 10px; } .doctor-search-result { position: relative; } .doctor-search-result-title { display: block; padding: 25px 0 25px 0; color: #1b1d21; font-size: 22px; line-height: normal; } .doctor-search-result-title .count { color: #115bab; font-size: 18px; } /** 진료과검색 **/ .part-search { } .part-search .part-search-tab { margin-bottom: 30px; } .part-search .initial-search { margin-bottom: 50px; } .part-detail { } .part-detail .part-detail-tab { margin-bottom: 50px; } .part-detail .part-detail-tab + .search-box { margin-top: -20px; padding-top: 0; } .part-detail .part-detail-info-menu { position: absolute; top: 10px; right: 0; } .part-detail .part-detail-info-menu .button { float: left; margin-left: 10px; } .part-detail-info-content { color: #6e7179; font-size: 16px; line-height: 26px; word-wrap: break-word; } .part-detail-info-content .con.mediOff { } .part-detail-info-content .con.mediOff img { margin: 5px 0; } .part-detail-info-content h3 { display: block; margin: 30px 0 10px 0; padding: 0; color: #333b43; font-size: 24px; font-weight: normal; line-height: normal; letter-spacing: -1px; } .part-detail-info-content img { max-width: 100%; } .part-detail-schedule { } .part-detail-schedule-header { margin-bottom: 25px; } .part-detail-schedule-header:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .part-detail-schedule-header-title { float: left; } .part-detail-schedule-header-title .ctrl { overflow: hidden; width: 20px; margin: 0; padding: 0; border: 0; background: none; vertical-align: middle; text-indent: -9999px; } .part-detail-schedule-header-title .ctrl-prev { background: url('../img/ico/ico_schedule_prev.png') no-repeat 50% 50%; } .part-detail-schedule-header-title .ctrl-next { background: url('../img/ico/ico_schedule_next.png') no-repeat 50% 50%; } .part-detail-schedule-header-title .week-date { display: inline-block; padding: 0 4px 0 4px; color: #3378c1; font-size: 40px; font-weight: bold; line-height: normal; letter-spacing: -3px; vertical-align: middle; } .part-detail-schedule-header-option { float: right; margin-top: 5px; } .part-detail-schedule-header-option .option-field { display: inline-block; font-size: 14px; } .part-detail-schedule-header-option .option-field span { margin-right:20px; } .part-detail-schedule-header-option .option-field img { vertical-align: middle; } .part-detail-schedule-header-option .option-search { display: inline-block; } .part-detail-schedule-header-option .option-search .input-text { width: 160px; } .part-detail-schedule-calendar { } .part-detail-schedule-calendar table, .part-detail-schedule-calendar caption, .part-detail-schedule-calendar tbody, .part-detail-schedule-calendar tfoot, .part-detail-schedule-calendar thead, .part-detail-schedule-calendar tr, .part-detail-schedule-calendar th, .part-detail-schedule-calendar td { margin: 0; padding: 0; border: 0; } .part-detail-schedule-calendar table { position: relative; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; } .part-detail-schedule-calendar th { padding: 15px 5px; border: 1px solid #c3c3c3; color: #1b1d21; font-size: 16px; font-weight: normal; text-align: center; vertical-align: middle; } .part-detail-schedule-calendar td { padding: 10px 5px; border: 1px solid #c3c3c3; color: #1b1d21; font-size: 16px; font-weight: normal; text-align: center; vertical-align: middle; } .part-detail-schedule-calendar thead th { padding: 5px; } .part-detail-schedule-calendar thead tr.week th { background-color: #efeff3; font-size: 18px; } .part-detail-schedule-calendar thead tr.time th { } .part-detail-schedule-calendar td .doctor-info { margin: -3px 0; } .part-detail-schedule-calendar td .doctor-info .doctor-name { display: block; margin: 3px 0; } .part-detail-schedule-calendar td .doctor-info .button { margin: 3px 0; } /** 센터검색 **/ .center-search { } .center-search .part-search-tab { margin-bottom: 30px; } .center-search .initial-search { margin-bottom: 50px; } /** 클리닉검색 **/ .clinic-search { } .clinic-search .part-search-tab { margin-bottom: 30px; } .clinic-search .initial-search { margin-bottom: 50px; } .initial-search .another-reserve {width:100%; height:50px; line-height:53px; border-top:1px solid #d3d3d6; text-align:right; font-size:17px; color:#1b1d21; } .initial-search .another-reserve strong {color:#115bab; padding-right:16px; } .initial-search .another-reserve .tel-reserve { display:inline-block; margin:0 25px 0 0; vertical-align:middle; } .initial-search .another-reserve .tel-reserve .iconset.icon-phone{ width:26px;height:20px; background:url('../../static/img/reservation/ico_clinic_tel.png') no-repeat; margin:-2px 0 0 0;} .initial-search .another-reserve .tel-reserve strong { color:#202c39; } .initial-search .another-reserve .fast-reserve { display:inline-block; vertical-align:middle; } .initial-search .another-reserve .fast-reserve .iconset.ico-reserve-calendar {width:26px;height:20px; background:url('../../static/img/reservation/ico_clinic_calendar.png') no-repeat; margin:-5px 0 0 0; } .initial-search .another-reserve .fast-reserve span.txt { font-size:15px; color:#5a5a60; } .initial-search .another-reserve .fast-reserve .input-text { width:135px; margin:0 0 0 15px; background:#e5e5e6; } .initial-search .another-reserve .fast-reserve .button-blue { } /* doctor-schedule-search : 진료일정검색 ------------------------------------- */ .doctor-schedule-search { } .doctor-schedule-search .search-box-doctor-schedule-search { margin-top: 0; padding-top: 20px; } .doctor-schedule-search .search-box-doctor-schedule-search .search-box-block { margin-top: 18px; } .doctor-schedule-search .search-box-doctor-schedule-search .search-box-title { } .doctor-schedule-search .search-box-doctor-schedule-search .search-box-step { width: 500px; } .doctor-schedule-search .search-box-doctor-schedule-search .doctor-schedule-search-input { width: 440px; } .doctor-schedule-search .search-box-doctor-schedule-search .doctor-schedule-search-field01 select { width: 170px; } .no-csscolumns .doctor-schedule-search .search-box-doctor-schedule-search .doctor-schedule-search-field02 {margin-left: -1px;} /* legacy IE */ .doctor-schedule-search .search-box-doctor-schedule-search .doctor-schedule-search-field02 select { width: 265px; } .doctor-schedule-search .doctor-schedule-search-result { margin-top: 50px; } .doctor-schedule-search .doctor-schedule-search-result-header { overflow: hidden; margin-bottom: 10px; } .doctor-schedule-search .doctor-schedule-search-result-header .result-header-description { float: left; margin-bottom: 10px; color: #6e7179; font-size: 17px; line-height: normal; } .doctor-schedule-search .doctor-schedule-search-result-header .result-header-infoitem { float: right; margin-bottom: 10px; } .doctor-schedule-search .doctor-schedule-search-result-header .result-header-infoitem .info-item { margin-left: 8px; } .doctor-schedule-search .doctor-schedule-search-result-header .result-header-infoitem .info-item:first-child { margin-left: 0; } .doctor-schedule-search .info-item .iconset-text { color: #6e7179; } .doctor-schedule-search .doctor-schedule-search-result-list { } .doctor-schedule-search .doctor-schedule-search-result-list .empty-data { display: block; padding: 60px 0; background-color: #f0eff4; color: #6e7179; font-size: 17px; line-height: 25px; text-align: center; } .doctor-schedule-search .doctor-schedule-search-result-list { } .doctor-profile-schedule { display: table; table-layout: fixed; position: relative; width: 100%; border-top: 1px solid #e0e1e3; background-color: #efeff3; } .doctor-profile-schedule-header { display: table-cell; width: 140px; text-align: center; vertical-align: middle; } .doctor-profile-schedule-header .doctor-profile-schedule-title { display: inline-block; padding-left: 10px; color: #1b1d21; font-size: 16px; line-height: normal; text-align: center; vertical-align: middle; } .doctor-profile-schedule-header .doctor-profile-schedule-title strong { font-size: 24px; line-height: normal; } .doctor-profile-schedule-header .doctor-profile-schedule-today { display: inline-block; margin-left: 5px; vertical-align: middle; } .doctor-profile-schedule-header .doctor-profile-schedule-today .button { min-width: 0; width: 60px; padding: 0; } .doctor-profile-schedule-header .doctor-profile-schedule-today.today-show { display: inline-block; } .doctor-profile-schedule-header .doctor-profile-schedule-today.today-hide { display: none; } .doctor-profile-schedule-calrendar-wrapper { display: table-cell; position: relative; padding: 0 40px; vertical-align: top; box-sizing: border-box; } .doctor-profile-schedule-control { } .doctor-profile-schedule-control .control { overflow: hidden; position: absolute; top: 0; width: 40px; height: 100%; margin: 0; padding: 0; border: 0; background: none; text-indent: -9999px; } .doctor-profile-schedule-control .control-prev { left: 0; background: url('../img/btn/btn_slide_type02_prev.png') no-repeat 50% 50%; } .doctor-profile-schedule-control .control-next { right: 0; background: url('../img/btn/btn_slide_type02_next.png') no-repeat 50% 50%; } .doctor-profile-schedule-control .control.disabled { opacity: 0.4; filter: alpha(opacity=40); cursor: not-allowed; } .doctor-profile-schedule-swiper { position: relative; box-sizing: border-box; } .doctor-profile-schedule-swiper .swiper-wrapper { position: relative; } .doctor-profile-schedule-swiper .swiper-wrapper .swiper-slide { position: relative; } .doctor-profile-schedule-calrendar { position: relative; margin: 0 1px; margin-top: -1px; border-top: 1px solid #e0e1e3; border-left: 1px solid #e0e1e3; border-right: 1px solid #e0e1e3; box-sizing: border-box; } .doctor-profile-schedule-calrendar table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; } .doctor-profile-schedule-calrendar th, .doctor-profile-schedule-calrendar td { position: relative; padding: 0; border-top: 1px solid #f7f7f9; border-left: 1px solid #f7f7f9; border-right: 1px solid #e0e1e3; border-bottom: 1px solid #e0e1e3; color: #6e7179; font-size: 12px; font-weight: normal; line-height: normal; text-align: center; vertical-align: middle; } .doctor-profile-schedule-calrendar th.title { height: 25px; color: #6e7179; } .doctor-profile-schedule-calrendar th.today, .doctor-profile-schedule-calrendar td.today { background-color: #e5e5e6; } .doctor-profile-schedule-calrendar tr:last-child th, .doctor-profile-schedule-calrendar tr:last-child td { border-bottom: 0; } .doctor-profile-schedule-calrendar tr th:last-child, .doctor-profile-schedule-calrendar tr td:last-child { border-right: 0; } /* fee-info : 비급여진료비안내 ------------------------------------- */ .fee-info { } .fee-info .fee-info-header { position: relative; min-height: 190px; margin-bottom: 30px; padding: 25px 0; background-color: #efeff3; text-align: center; } .fee-info .fee-info-header .icon-circle-fee { display: inline-block; margin-right: 45px; vertical-align: middle; } .fee-info .fee-info-header .fee-info-header-inner { display: inline-block; width: 600px; text-align: left; vertical-align: middle; } .fee-info .fee-info-header .fee-info-header-title { color: #115bab; font-size: 32px; font-weight: normal; line-height: normal; letter-spacing: -1px; } .fee-info .fee-info-header .fee-info-header-description { padding-top: 5px; color: #1b1d21; font-size: 17px; line-height: 25px; } .fee-info .fee-info-tab { margin-bottom: 30px; } .fee-info .fee-info-search { margin-bottom: 20px; padding: 10px; background-color: #efeff3; text-align: center; } .fee-info .fee-info-search .input-text { width: 350px; } .fee-info .table-default th.sub-title { padding-left: 10px; color: #72767e; font-weight: normal; text-align: left; } /* ========================================================================== share-communicate : 03. 나눔소통 ========================================================================== */ /* customer : 고객의 소리 ------------------------------------- */ /** 이달의 고객감동 **/ .customer-month-view { overflow: hidden; position: relative; width: 100%; margin: 0 0 30px; } .customer-month-view-title { display: block; padding-bottom: 20px; border-bottom: 2px solid #3d4145; color: #1b1d21; font-size: 34px; font-weight: normal; line-height: normal; letter-spacing: -1px; } .customer-month-view-content { position: relative; padding: 30px 10px 10px 10px; color: #5d6167; font-size: 17px; line-height: 26px; word-wrap: break-word; word-break: break-all; } .customer-month-view-content img { max-width: 100%; } .customer-month-view-content .customer-month-view-content-title { display: block; padding: 0 0 15px 0; color: #1b1d21; font-size: 26px; font-weight: normal; letter-spacing: -1px; } .customer-month-view-content .customer-month-view-content-title strong { color: #115bab; font-weight: normal; } .customer-month-view-content .customer-month-view-content-text { position: relative; color: #5d6167; font-size: 17px; line-height: 26px; } .customer-month-view-content .customer-month-view-content-text img { max-width: 100%; } /* .customer-month-view .customer-month-view-title { display: table-cell; position: relative; width: 320px; height: 280px; background: #41c1c2 url('../img/bg/bg_customer_month_view_title.png') no-repeat 100% 100%; text-align: center; vertical-align: bottom; } .customer-month-view .customer-month-view-title .text { display: inline-block; margin-bottom: 162px; color: #fff; font-size: 15px; line-height: 20px; } .customer-month-view .customer-month-view-content { display: table-cell; position: relative; background: #5d6b76; } .customer-month-view .customer-month-view-content .content-image { display: table-cell; width: 320px; height: 280px; vertical-align: bottom; } .customer-month-view .customer-month-view-content .content-image img { display: block; } .customer-month-view .customer-month-view-content .content-text { display: table-cell; padding: 20px 20px 20px 0; color: #fff; line-height: 20px; vertical-align: middle; word-wrap: break-word; word-break: break-all; } .customer-month-view .customer-month-view-content .content-text .info { display: block; padding-bottom: 4px; color: #f3ef50; font-size: 15px; } .customer-month-view .customer-month-view-content .content-text .title { display: block; padding-bottom: 5px; font-size: 32px; line-height: 40px; } .customer-month-view .customer-month-view-content .content-text .title:after { content: ''; display: block; overflow: hidden; width: 30px; height: 3px; margin-top: 8px; background: #fff; font-size: 0; line-height: 0; } .customer-month-view .customer-month-view-content .content-text .description { display: block; padding-top: 10px; font-size: 17px; line-height: 25px; } */ .customer-month-list { position: relative; margin-bottom: 70px; padding: 0 37px; } .customer-month-list .slide-option { } .customer-month-list .slide-ctrl { overflow: hidden; position: absolute; top: 0; left: auto; width: 37px; height: 100%; border: 0; background: none; text-indent: -9999px; } .customer-month-list .slide-ctrl.slide-prev { left: 0; background: url('../img/btn/btn_slide_prev.png') no-repeat 50% 50%; } .customer-month-list .slide-ctrl.slide-next { right: 0; background: url('../img/btn/btn_slide_next.png') no-repeat 50% 50%; } .customer-month-list .swiper-container { position: relative; overflow: hidden; } .customer-month-list ul { width: 99999px; } .customer-month-list ul:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .customer-month-list ul li { float: left; text-align: center; } .customer-month-list ul li .item-box { display: inline-block; position: relative; width: 160px; margin: 0 auto; padding-bottom: 10px; text-align: center; } .customer-month-list ul li .item-box .thumb { position: relative; margin: 0 0 18px 0; } .customer-month-list ul li .item-box .thumb-image { display: block; overflow: hidden; position: relative; width: 160px; height: 160px; line-height: 160px; border-radius: 50%; box-sizing: border-box; } .customer-month-list ul li .item-box .thumb-image:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; } .customer-month-list ul li .item-box .thumb-image img { position: relative; width: auto; height: 160px; margin: auto -15px; } .customer-month-list ul li .item-box .field { display: block; color: #1b1d21; font-size: 16px; line-height: normal; } .customer-month-list ul li .item-box .name { display: block; padding-top: 3px; color: #115bab; font-size: 16px; line-height: normal; } .customer-month-list ul li.active .item-box .thumb:before { z-index: 99; content: ''; display: block; position: absolute; bottom: -19px; left: 50%; width: 0; height: 0; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid #41c1c2; } .customer-month-list ul li:hover .item-box .thumb:before { z-index: 99; content: ''; display: block; position: absolute; bottom: -19px; left: 50%; width: 0; height: 0; margin-left: -10px; } .customer-month-list ul li.active .item-box .thumb-image { border: 5px solid #41c1c2; } .customer-month-list ul li:hover .item-box .thumb-image { border: 5px solid transparent; } .customer-month-list ul li.active:hover .item-box .thumb-image { border: 5px solid #41c1c2; } .customer-month-list ul li.active .item-box .thumb-image:after { display: none; } .customer-month-list ul li:hover .item-box .thumb-image:after { opacity: 0.3 } .customer-month-list ul li.active .item-box .thumb-image img, .customer-month-list ul li:hover .item-box .thumb-image img { top: -5px; left: -5px; } /** 칭찬합시다 **/ .customer-praise { } .customer-praise-header { margin-bottom: 50px; padding: 0 10px;} .customer-praise-header .header-title { display: table-cell; vertical-align: middle; } .customer-praise-header .header-title .section-heading-description { margin-top: 13px; } .customer-praise-header .header-aside { display: table-cell; width: 1%; vertical-align: middle; white-space: nowrap; } .customer-praise-header .header-aside .button { width: 135px; margin-left: 1px; } /** 관련직원검색(popup) **/ #popup-staff-search { } #popup-staff-search .modal-container { width: 860px; } #popup-staff-search .modal-container .modal-content .modal-title { padding: 0; border: 0; } #popup-staff-search .search-box-type04 { padding: 10px 0 20px 0; } #popup-staff-search .popup-staff-search-list { position: relative; overflow: hidden; padding-top: 20px; border-top: 2px solid #3d4145; } #popup-staff-search .popup-staff-search-list ul { margin: 0 -30px; padding: 15px 30px; background-color: #ededef; } #popup-staff-search .popup-staff-search-list ul:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } #popup-staff-search .popup-staff-search-list ul li { float: left; margin: 0; padding: 15px 45px 5px 45px; box-shadow: none; } #popup-staff-search .popup-staff-search-list ul li .item-box { position: relative; width: 160px; text-align: center; } #popup-staff-search .popup-staff-search-list ul li .item-box .thumb { display: block; overflow: hidden; position: relative; width: 160px; height: 160px; margin: 0 auto 17px auto; border-radius: 50%; box-sizing: border-box; } #popup-staff-search .popup-staff-search-list ul li .item-box .thumb img { position: relative; width: 160px; height: 160px; } #popup-staff-search .popup-staff-search-list ul li .item-box .thumb img { position: relative; width: 160px; height: 160px; } #popup-staff-search .popup-staff-search-list ul li .item-box .label-text { color: #44484f; font-size: 17px; } #popup-staff-search .popup-staff-search-list ul li .item-box .field { display: block; overflow: hidden; height: 40px; margin: 0 -20px; padding-top: 6px; color: #115bab; font-size: 16px; line-height: 20px; } #popup-staff-search .popup-staff-search-list ul li.empty-data { clear: both; float: none; padding-top: 80px; padding-bottom: 80px; color: #44484f; font-size: 17px; text-align: center; } /* cheer : 응원한마디 ------------------------------------- */ .cheer-list-search { position: relative; margin-bottom: 30px; } .cheer-list-search-form { position: relative; width: 470px; margin: 0 auto; padding: 60px 0 60px 230px; } .cheer-list-search-form .icon-circle-cheer { position: absolute; top: 50%; left: 0; margin-top: -93px; } .cheer-list-search-title { margin-bottom: 25px; color: #1b1d21; font-size: 17px; line-height: 25px; } .cheer-list-search-title strong { display: block; padding-bottom: 5px; color: #115bab; font-size: 32px; font-weight: normal; line-height: normal; } /* share-part-index : 나눔참여 Index ------------------------------------- */ .share-part-index { } .share-part-index-title { margin: 30px 0 60px 0; color: #1b1d21; font-size: 24px; line-height: 40px; letter-spacing: -1px; text-align: center; } .share-part-index-title .highlight { font-size: 33px; } .share-part-index-menu { } .share-part-index-menu ul { display: table; table-layout: fixed; width: 100%; } .share-part-index-menu ul li { display: table-cell; padding: 0 17px; box-sizing: border-box; } .share-part-index-menu ul li .item-box { display: table; float: left; width: 470px; height: 364px; border: 1px solid transparent; background: #fff; vertical-align: middle; box-sizing: border-box; } .share-part-index-menu ul li:first-child .item-box { float: right; } .share-part-index-menu ul li .item-box:hover { border: 1px solid #3378c1; } .share-part-index-menu ul li .item-box-inner { display: table-cell; text-align: center; vertical-align: middle; } .share-part-index-menu ul li .item-box .iconset { } .share-part-index-menu ul li .item-box .item-title { margin-top: 25px; color: #115bab; font-size: 21px; line-height: normal; } .share-part-index-menu ul li .item-box .item-description { margin-top: 8px; color: #5d6167; font-size: 16px; line-height: 25px; letter-spacing: -1px; } /* donation-info : 기부안내 ------------------------------------- */ /** 나눔캠페인 **/ .share-campaign { } .campaign-view { } .campaign-view .campaign-view-header { position: relative; padding: 80px 0 40px 0; border-bottom: 1px solid #dadada; } .campaign-view .campaign-view-header:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .campaign-view .campaign-view-header .campaign-view-image { float: left; overflow: hidden; position: relative; width: 200px; height: 200px; margin-left: 5px; border-radius: 50%; } .campaign-view .campaign-view-header .campaign-view-image img { width: 200px; height: 200px; } .campaign-view .campaign-view-header .campaign-view-title { position: relative; padding-left: 260px; color: #1b1d21; } .campaign-view .campaign-view-header .campaign-view-title .item-text { margin-bottom: 15px; font-size: 28px; line-height: 40px; font-weight: normal; } .campaign-view .campaign-view-header .campaign-view-title .item-text:after { content: ''; display: block; overflow: hidden; width: 44px; height: 4px; margin-top: 10px; background: #1b1d21; font-size: 0; line-height: 0; } .campaign-view .campaign-view-header .campaign-view-title .item-text strong { display: block; /*font-size: 44px;*/font-size: 38px; line-height: 50px; letter-spacing: -1px; } .campaign-view .campaign-view-header .campaign-view-title .item-date { margin-bottom: 15px; color: #115bab; font-size: 17px; } .campaign-view .campaign-view-header .campaign-view-title .item-date strong { padding-right: 7px; color: #1b1d21; font-weight: normal; } .campaign-view .campaign-view-header .campaign-view-title .item-button { } .campaign-view .campaign-view-content { position: relative; padding: 40px 10px 80px; color: #5d6167; font-size: 17px; line-height: 28px; } .campaign-list { } /** 후원하기 **/ .donation-apply { position: relative; } .popup-donation-apply .modal-container { width: 860px; } .popup-donation-apply .modal-container .modal-content .modal-title { padding-bottom: 0; border-bottom: 0; } .popup-donation-apply.window-popup-wrap { width: auto; } .donation-apply-type { } .donation-apply-type .donation-apply-type-item-wrapper { display: table; width: 100%; } .donation-apply-type .donation-apply-type-item-wrapper:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .donation-apply-type .donation-apply-type-item { float: left; display: table; width: 50%; height: 380px; padding-left: 15px; box-sizing: border-box; vertical-align: top; } .donation-apply-type .donation-apply-type-item:first-child { padding-left: 0; padding-right: 15px; } .donation-apply-type .donation-apply-type-box { display: table-cell; position: relative; width: 100%; height: 100%; border: 3px solid transparent; box-shadow: 0 1px 1px #c1c1c2; background-color: #fff; box-sizing: border-box; color: #44484f; text-align: center; vertical-align: middle; } .donation-apply-type .donation-apply-type-title { color: #44484f; font-size: 22px; letter-spacing: -1px; } .donation-apply-type .donation-apply-type-title strong { font-weight: normal; font-size: 26px; } .donation-apply-type .donation-apply-type-content { padding-top: 25px; color: #6e7179; font-size: 16px; } .donation-apply-type .donation-apply-type-content .list-default ul { display: inline-block; } .donation-apply-type .donation-apply-type-content .donation-apply-type-button { margin-top: 10px; } .donation-apply-type .donation-apply-type-content .donation-apply-type-button .button { width: 180px; margin-top: 10px; } .donation-apply-type .donation-apply-type-box.active, .donation-apply-type .donation-apply-type-box:hover { border-color: #3378c1; } .donation-apply-type .donation-apply-type-agree { margin-top: 25px; } .donation-apply-type .donation-apply-type-agree .agree-description { } .donation-apply-type .donation-apply-type-agree .agree-check { margin-top: 30px; } .donation-apply-agree { } .donation-apply-agree .donation-apply-agree-content { position: relative; overflow-x: hidden; overflow-y: auto; height: 450px; background-color: #efeff3; } .donation-apply-agree .donation-apply-agree-content-inner { padding: 24px 30px 22px 30px; color: #6e7179; font-size: 16px; line-height: 26px; word-wrap: break-word; word-break: break-all; } .donation-apply-agree .donation-apply-agree-content .list-default li { margin-bottom: 15px; } .donation-apply-agree .donation-apply-agree-check { margin-top: 35px; } .donation-apply-write { } .donation-apply-write .donation-apply-write-option { position: relative; padding: 14px 30px; background-color: #efeff3; } .donation-apply-write .donation-apply-write-option .input-checkbox { margin: 6px 0; } .donation-apply-write .donation-apply-write-option .input-checkbox .label-text { margin-right: 50px; } .donation-apply-write .donation-apply-write-option .option-description { color: #d42907; font-size: 15px; vertical-align: middle; letter-spacing: -1px; } .donation-apply-write .donation-apply-write-input { } .donation-apply-write .donation-apply-write-input .donation-apply-write-input-amount { padding: 30px 0; text-align: right; } .donation-apply-write .donation-apply-write-input .donation-apply-write-input-amount .amount-label { font-size: 16px; } .donation-apply-write .donation-apply-write-input .donation-apply-write-input-amount .amount-number { padding: 0 5px 0 15px; font-size: 24px; } .donation-apply-result { } .donation-apply-result .donation-apply-result-message { margin-bottom: 30px; padding: 30px; background-color: #efeff3; text-align: center; } .donation-apply-result .donation-apply-result-message .result-message-title { color: #115bab; font-size: 36px; line-height: 44px; letter-spacing: -1px; } .donation-apply-result .donation-apply-result-message .result-message-description { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dadada; color: #1f2023; font-size: 18px; line-height: 26px; } .donation-apply-result .donation-apply-result-content { } /** 병원발전후원회 **/ .supporters-info { } .supporters-info-intro { position: relative; height: 420px; margin-bottom: 15px; background: #5d6b76 url('../img/share-communicate/bg_supporters_info_intro.png') no-repeat 50% 0; box-sizing: border-box; } .supporters-info-intro .supporters-info-intro-box { position: absolute; top: 0; left: 50%; width: 600px; height: 420px; margin: 60px 0 0 -180px; word-wrap: } .supporters-info-intro .supporters-info-intro-title { color: #fff; font-size: 24px; font-weight: normal; line-height: normal; letter-spacing: -1px; } .supporters-info-intro .supporters-info-intro-title:after { content: ''; display: block; width: 30px; height: 3px; margin-bottom: 15px; background: #fff; font-size: 0; line-height: 0; } .supporters-info-intro .supporters-info-intro-title strong { display: block; padding: 8px 0 15px 0; color: #82f0f1; font-size: 40px; font-weight: normal; letter-spacing: -2px; } .supporters-info-intro .supporters-info-intro-caption { padding: 8px 0; color: #fff; font-size: 17px; line-height: 25px; } .supporters-info-intro .supporters-info-intro-description { padding: 8px 0; color: #cdd3d8; font-size: 15px; line-height: 23px; } /* health-advice : 건강상담 ------------------------------------- */ /** 기부자갤러리 **/ .donor-gallery { } .donor-gallery .donor-gallery-tab { margin-bottom: 30px; } #popup-donor-month-detail { } #popup-donor-month-detail .modal-container { width: 860px; } #popup-donor-month-detail .modal-container .donor-month-detail-wrapper { overflow-x: hidden; overflow-y: auto; max-height: 550px; min-height: 200px; } #popup-donor-month-detail .modal-container .donor-month-detail { padding: 0 10px; color: #6e7179; font-size: 16px; line-height: 25px; word-wrap: break-word; word-break: break-all; } #popup-donor-month-detail .modal-container .donor-month-detail p { margin: 0; padding: 0; } #popup-donor-month-detail .modal-container .donor-month-detail img { max-width: 100%; margin: 20px auto 25px auto; box-shadow: 3px 3px 10px #ccc; text-align: center; } /** 상담하기 **/ .health-advice .health-advice-header { margin-bottom: 50px; } .health-advice .health-advice-header .section-heading { margin-top: 0; padding-top: 0; } .health-advice .health-advice-header .health-advice-header-content { } .health-advice .health-advice-header .health-advice-header-content .list-default { display: table-cell; } .health-advice .health-advice-header .health-advice-header-content .header-aside { display: table-cell; width: 1%; vertical-align: top; text-align: right; } .health-advice .health-advice-tab { margin-bottom: 30px; } .health-advice .health-advice-content { } .health-advice .health-advice-content .search-box { padding-top: 0; } /* volunteer : 자원봉사신청안내 ------------------------------------- */ .volunteer-heading { padding: 50px; background-color: #efeff3; text-align: center; } .volunteer-heading .volunteer-heading-icon { display: inline-block; margin-right: 40px; vertical-align: middle; } .volunteer-heading .volunteer-heading-content { display: inline-block; vertical-align: middle; text-align: left; } .volunteer-heading .volunteer-heading-content .volunteer-heading-title { margin-bottom: 5px; color: #115bab; font-size: 32px; font-weight: normal; line-height: normal; } .volunteer-heading .volunteer-heading-content .volunteer-heading-description { } .volunteer-heading .volunteer-heading-content .volunteer-heading-button { margin-top: 20px; } .volunteer-heading .volunteer-heading-content .volunteer-heading-button .button { margin-right: 2px; } .volunteer-student .section-heading-description , .volunteer-adult .section-heading-description {padding:0 0 25px 25px;font-size:20px; color:#656972;} .volunteer-student .section-heading-description span, .volunteer-adult .section-heading-description span{color:#ff053d;} /* popup-volunteer-apply : 자원봉사신청(팝업) ------------------------------------- */ .popup-volunteer-apply { width: auto; } .volunteer-apply-header { } .volunteer-apply-header-description { margin-bottom: 10px; color: #44484f; font-size: 17px; } .volunteer-apply-container { } .volunteer-apply-content { margin-top: 40px; } .volunteer-apply-tab { } /* volunteer-apply-cert */ .volunteer-apply-cert { } /* volunteer-apply-form */ .volunteer-apply-form { } .volunteer-apply-form-default { } .volunteer-apply-form-part { } .volunteer-apply-form .form-default { position: relative; border-bottom:1px solid #3d4145} .volunteer-apply-form .form-default.form-default-step01 { } .volunteer-apply-form .form-default.form-default-step02 { } .volunteer-apply-form .form-default.form-default-step02 .table-default { border-top: 0; border-bottom: 0} .volunteer-apply-form .form-default.form-default-step03 { } .volunteer-apply-form .form-default .form-default-photo { display: table-cell; width: 125px; padding: 10px 10px 10px 0; border-top: 2px solid #3d4145; text-align: center; vertical-align: top; } .volunteer-apply-form .form-default .form-default-photo .user-photo { position: relative; width: 124px; height: 140px; background: #fff; } .volunteer-apply-form .form-default .form-default-photo .user-photo img { width: 100%; height: 100%; } .volunteer-apply-form .form-default .form-default-photo .input-file { margin-top: 10px; } .volunteer-apply-form .form-default .form-default-photo .description { margin-top: 10px; color: #6e7179; font-size: 12px; line-height: 18px; text-align: left; } .volunteer-apply-form .form-default .form-default-photo .description strong { color: #115bab; font-weight: normal; } .volunteer-apply-form .form-default .form-default-input { display: table-cell; width: 100%; vertical-align: top; } .volunteer-apply-form .form-part { } .volunteer-apply-form .form-part .input-checkbox { margin: 8px 0; text-align: center; } .volunteer-apply-form .form-part .input-checkbox .label-text { display: inline-block; margin: 2px 0; font-size: 14px; } .volunteer-apply-form .form-part .input-checkbox i { margin: 2px 0; } /* 2016.06.15 추가 : 자원봉사 신청 팝업 */ .volunteer-apply-form .form-default.form-default-step01 .board-form {border-bottom:0} /* .volunteer-apply-inquiry */ .volunteer-apply-inquiry { } /* ========================================================================== hospital : 04. 병원안내 ========================================================================== */ /* 편의가이드 > 주변약국 */ .pharmacy-area { overflow:hidden; position:relative; border:1px solid #e6e6e9; } .pharmacy-area .pharmacy-map { min-height:700px; background:#e2e2e2; } .pharmacy-area .pharmacy-list { position:absolute; top:0; left:0; width:345px; } .pharmacy-area .pharmacy-list .inner-pharmacy-list { position:relative; width:270px; min-height:665px; padding:20px 30px; border-right:1px solid #cacaca; box-shadow:5px 0px 20px 0px rgba(150, 150, 150, 0.2); background:#fff; } .pharmacy-area .pharmacy-list ul { margin:0 0 60px 0; } .pharmacy-area .pharmacy-list ul li { min-height:75px; margin:10px 0 0 0; padding:0 0 10px 0; font-size:16px; border-bottom:1px solid #e2e2e3; color:#1b1d21; } .pharmacy-area .pharmacy-list ul li:first-child { margin-top:0; padding-top:0; } .pharmacy-area .pharmacy-list ul li .pharmacy-name { display:block; margin:0 0 5px 0; font-size:16px; font-weight:bold; text-decoration:underline; color:#3378c1; } .pharmacy-area .pharmacy-list ul li .tel { color:#72767e; } .pharmacy-area .pharmacy-list .pagination { position:absolute; bottom:0; padding-top:0; } .pharmacy-area .pharmacy-list .pharmacy-btn { overflow:hidden; position:absolute; top:50%; right:0; width:15px; height:73px; margin:-8px 0 0 0; text-indent:-9999px; background:url('../img/hospital/btn-pharmacy.png') no-repeat; } .pharmacy-area .pharmacy-list .pharmacy-btn.on { background-position:0 -73px; } .pharmacy-area .pharmacy-view { position:absolute; width:236px; padding:0 0 47px 0; box-shadow:4px 3px 5px 0px rgba(90, 90, 90, 0.2); background:#fff; } .pharmacy-area .pharmacy-view:after { content:""; position:absolute; bottom:-8px; left:50%; border-top:8px solid #3378c1; border-left:6px solid transparent; border-right:6px solid transparent; } .pharmacy-area .pharmacy-view h2 { position:absolute; bottom:0; left:0; width:100%; height:37px; padding:10px 0 0 0; font-size:18px; font-weight:bold; text-align:center; color:#fff; background:#3378c1; } .pharmacy-area .pharmacy-view p { padding:15px 20px 15px 20px; font-size:15px; color:#373839; } .pharmacy-area .pharmacy-view .tel { border-top:1px solid #e2e2e3; } .pharmacy-area .pharmacy-view p span { display:inline-block; margin:0 10px 0 0; font-size:16px; font-weight:bold; color:#3378c1; } .pharmacy-area .map-marker { width:30px; height:31px; } /* hello-smc : Hello! SMC ------------------------------------- */ .hello-smc { } /* hello-smc-header */ .hello-smc-header { overflow: hidden; position: relative; margin-bottom: 70px; padding: 30px 40px 30px 40px; background-color: #efeff3; text-align: center; } .hello-smc-header .hello-smc-header-box { display: inline-block; overflow: hidden; position: relative; min-width: 800px; text-align: left; vertical-align: top; } .hello-smc-header .hello-smc-header-visual { float: left; margin-right: 45px; } .hello-smc-header .hello-smc-header-content { overflow: hidden; } .hello-smc-header .hello-smc-header-title { margin: 7px 0 10px; color: #115bab; font-size: 24px; line-height: 32px; } .hello-smc-header .hello-smc-header-description { margin: 7px 0; color: #1b1d21; font-size: 17px; line-height: 25px; } .hello-smc-header .hello-smc-header-button { margin-top: 20px; } .hello-smc-header-complete { margin-bottom: 0; } .hello-smc-header-complete .hello-smc-header-title { margin-top: 50px; font-size: 32px; line-height: 42px; letter-spacing: -1px; } .hello-smc-header-complete .hello-smc-header-msg { clear: both; margin: 25px -20px 0 -20px; padding: 30px 0 0 0; border-top: 1px solid #dadada; color: #44484f; font-size: 16px; line-height: 25px; text-align: center; letter-spacing: -1px; } /* hello-smc-tab */ .hello-smc-tab { } .hello-smc-tab-container { } .hello-smc-panel { } .hello-smc-newest { } .hello-smc-past { } /* magazine */ .magazine-list { margin-top: 30px; } .magazine-section { position: relative; margin-top: 20px; } .magazine-section-header { background-color: #efeff3; } .magazine-section-title { display: block; position: relative; padding: 10px 25px; color: #3378c1; font-size: 24px; font-family: Tahoma; font-weight: bold; letter-spacing: -1px; line-height: normal; } .magazine-section-title:after { content: ''; display: block; position: absolute; top: 50%; right: 25px; margin-top: -8px; width: 31px; height: 16px; background: url('../img/ico/ico_magazine_down.png') no-repeat 0 0; } .magazine-item-wrapper { border-bottom: 1px solid #dadada; } .magazine-item-wrapper ul { padding: 10px 0 0 15px } .magazine-item-wrapper ul li { display: inline-block; margin: 0 0 30px 7.03125%; } .magazine-image { display: block; position: relative; width: 142px; height: 180px; box-shadow: 0 0 2px #c1c1c1; border-radius: 3px; } .magazine-image:after { content: ''; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(11, 80, 161, 0.9) url('../img/ico/ico_magazine_ebook.png') no-repeat 50% 50%; border-radius: 3px; } .magazine-image .date { z-index: 2; display: inline-block; position: absolute; bottom: -10px; right: -15px; min-width: 38px; height: 28px; padding: 0 9px; line-height: 30px; background-color: #41c1c2; color: #fff; font-size: 15px; text-align: center; } .magazine-image img { width: 142px; height: 180px; } .magazine-image:hover:after { display: block; } .magazine-section.active { } .magazine-section.active .magazine-section-header { background: none; } .magazine-section.active .magazine-section-title:after { background-image: url('../img/ico/ico_magazine_up.png'); } .magazine-newest { position: relative; overflow: hidden; padding: 50px 45px 10px 45px; } .magazine-newest-image { float: left; width: 175px; height: 230px; margin-right: 60px; } .magazine-newest-image img { width: 175px; height: 230px; } .magazine-newest-image:hover:after { display: none; } .magazine-newest-content { overflow: hidden; } .magazine-newest-content .magazine-newest-header { } .magazine-newest-content .magazine-newest-header .magazine-newest-date { color: #1b1d21; font-size: 20px; line-height: normal; } .magazine-newest-content .magazine-newest-header .magazine-newest-title { margin-top: 5px; color: #1b1d21; font-size: 24px; line-height: 30px; } .magazine-newest-content .magazine-newest-header .magazine-newest-title:after { content: ''; display: block; overflow: hidden; width: 22px; height: 2px; margin-top: 15px; background-color: #000; font-size: 0; line-height: 0; } .magazine-newest-content .magazine-newest-textarea { margin-top: 25px; color: #6e7179; font-size: 17px; line-height: 25px; } .magazine-newest-content .magazine-newest-button { margin-top: 25px; } .magazine-newest-footer { display: table; width: 100%; margin-top: 90px; background: #fff; } .magazine-newest-qrcode { display: table-cell; width: 285px; padding: 40px 28px 28px 28px; border-right: 1px solid #ececf0; box-sizing: border-box; } .magazine-newest-qrcode-title { color: #1b1d21; font-size: 18px; font-weight: normal; line-height: 28px; letter-spacing: -1px; text-align: center; } .magazine-newest-qrcode-title strong { display: block; color: #115bab; font-size: 18px; font-weight: normal; } .magazine-newest-qrcode-content { margin-top: 15px; } .magazine-newest-info { display: table-cell; height: 350px; padding: 40px 38px 28px 58px; box-sizing: border-box; background: url('../img/hellosmc/magazine-info.gif') no-repeat 100% 100%; } .magazine-newest-info-title { color: #1b1d21; font-size: 24px; font-weight: normal; line-height: 30px; letter-spacing: -1px; } .magazine-newest-info-title strong { display: block; color: #115bab; font-size: 18px; font-weight: normal; } .magazine-newest-info-content { margin-top: 15px; } .magazine-newest-info-content .list-default ul li { margin: 0; } .magazine-newest-info-button { margin: 25px 0 0 10px; } @media all and (max-width: 1359px) { .magazine-newest-info { padding-left: 28px; background-position: 115% 115%; } .magazine-newest-info-title { font-size: 21px; } .magazine-newest-info-content .list-default ul li { font-size: 14px; } } /* hello-smc-apply-form */ .hello-smc-apply-form-input { padding: 30px 45px; background-color: #efeff3; } .hello-smc-apply-form-input .board-form { border: 0; } .hello-smc-apply-form-input .board-form th, .hello-smc-apply-form-input .board-form td { padding: 8px 0; border: 0; } .hello-smc-apply-form-agree { } .hello-smc-apply-form-agree .hello-smc-apply-form-agree-box { position: relative; overflow-x: hidden; overflow-y: auto; height: 190px; border: 1px solid #dadada; background-color: #efeff3; box-sizing: border-box; } .hello-smc-apply-form-agree .hello-smc-apply-form-agree-text { padding: 25px 30px; } .hello-smc-apply-form-agree .hello-smc-apply-form-agree-check { margin: 20px 0 30px 0; text-align: right; } .box-hello-info { display:table; width:100%; } .box-hello-info .icon-hello-info { display:table-cell; width:160px; height:124px; background: url('../img/hellosmc/icon-hello-info.gif') no-repeat 0 0; } .box-hello-info .box-hello-info-text { display:table-cell; padding:0 35px; vertical-align:middle; font-size:17px; color:#1b1d21; } /* ========================================================================== hospital : 05. 건강차트 ========================================================================== */ /* calendar ------------------------------------- */ .calendar-header { display: table; table-layout: fixed; position: relative; width: 100%; margin: 0 0 15px 0; box-sizing: border-box; } .calendar-header-step { display: table-cell; vertical-align: bottom; } .calendar-header-step-left { text-align: left; } .calendar-header-step-right { text-align: right; width: 420px; } .calendar-header-title { display: inline-block; } .calendar-header-title .calendar-date { display: inline-block; position: relative; top: -1px; padding: 0 2px; color: #3378c1; font-family: Tahoma; font-weight: bold; font-size: 40px; line-height: normal; letter-spacing: -2px; vertical-align: middle; } .calendar-header-title .calendar-ctrl { display: inline-block; position: relative; overflow: hidden; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; vertical-align: middle; text-indent: -9999px; } .calendar-header-title .calendar-ctrl.ctrl-prev { background: url('../img/btn/btn_calendar_prev.png') no-repeat 50% 50%; } .calendar-header-title .calendar-ctrl.ctrl-next { background: url('../img/btn/btn_calendar_next.png') no-repeat 50% 50%; } .calendar-header-option { display: inline-block; margin: 0 0 0 5px; } .calendar-header-option ul { } .calendar-header-option ul li { display: inline-block; position: relative; margin: 0 1px; } .calendar-header-option ul li .button-calendar-picker.active .icon-schedule-picker { background-position: -350px -1040px; } .calendar-header-option ul li .layer-calendar-option { z-index: 9; display: none; position: absolute; top: 100%; left: 50%; width: 240px; margin: 12px 0 0 -120px; background-color: #666d74; box-sizing: border-box; } .calendar-header-option ul li .layer-calendar-option:before { content: ''; display: block; position: absolute; top: -8px; left: 50%; margin-left: -8px; width: 0; height: 0; background: none; border: 8px solid transparent; border-bottom: 8px solid #666d74; border-top: 0; } .calendar-header-option ul li .layer-calendar-option-close { position: absolute; top: 15px; right: 17px; width: 14px; height: 14px; padding: 10px; border: 0; background: url('../img/ico/ico_layer_close02.png') no-repeat 50% 50%; text-indent: -9999px; } .calendar-header-option ul li .layer-calendar-option-container { padding: 15px; text-align: center; } .calendar-header-option ul li .layer-calendar-option-title { margin-bottom: 15px; color: #fff; font-size: 18px; line-height: normal; } .calendar-header-option ul li .layer-calendar-option-content { margin: 0 -20px; } .calendar-header-option ul li .layer-calendar-option-content .input-selectbox { display: inline-block; margin: 0 2px; } .calendar-header-option ul li .layer-calendar-option-content .input-selectbox select { width: 90px; } .calendar-header-option ul li .layer-calendar-option-footer { margin-top: 15px; } .calendar-header-option ul li.active { } .calendar-header-option ul li.active .button-calendar-picker .icon-schedule-picker { background-position: -350px -1040px; } .calendar-header-option ul li.active .layer-calendar-option { display: block; } .calendar-header-info { margin-bottom: 7px; } .calendar-header-info ul { } .calendar-header-info ul li { display: inline-block; margin-left: 15px; } .calendar-header-info ul li:first-child { margin-left: 0; } .calendar-default { } .calendar-default table { table-layout: fixed; width: 100%; } .calendar-default th, .calendar-default td { margin: 0; padding: 0; border: 1px solid #cecece; line-height: normal; } .calendar-default th { padding: 10px; background-color: #efeff3; color: #1b1d21; font-size: 15px; } .calendar-default th.week-end { } .calendar-default th.week-end.sat { } .calendar-default th.week-end.sun { } .calendar-default td { color: #44484f; font-size: 14px; line-height: normal; vertical-align: top; } .calendar-default td .day { display: block; position: relative; min-height: 100px; height: 100%; margin: -1px; padding: 10px; color: inherit; box-sizing: border-box; } .calendar-default td .day .num { display: inline-block; height: 16px; } .calendar-default td.week-end { } .calendar-default td.week-end.sat { } .calendar-default td.week-end.sun { color: #c52626; } .calendar-default td.other-month { opacity: 0.3; filter: alpha(opacity=30); } .calendar-default td.has-schedule { } .calendar-default td.active { } .calendar-default td.active .day { padding: 7px; border: 3px solid #3378c1; background-color: #f3ef50; } .calendar-default td.today { } .calendar-default td.today .day { padding: 9px; border: 1px solid #3d4145; background-color: #fff; } .calendar-default td .day .schedule-field { display: table-cell; height: 63px; vertical-align: bottom; } .calendar-default td .day .schedule-field .iconset-wrap { display: block; margin-top: 4px; } /* treatment-schedule : 진료스케쥴 ------------------------------------- */ .treatment-schedule { } .treatment-schedule-header { position: relative; display: table; width: 100%; margin-bottom: 25px; padding-bottom: 30px; border-bottom: 2px solid #3d4145; box-sizing: border-box; } .treatment-schedule-header-left { display: table-cell; text-align: left; vertical-align: bottom; } .treatment-schedule-header-right { display: table-cell; text-align: right; vertical-align: bottom; } .treatment-schedule-header-title { color: #1b1d21; font-size: 24px; line-height: normal; } .treatment-schedule-header-title strong { color: #115bab; font-weight: normal; } .treatment-schedule-header-description { margin-top: 10px; color: #72767e; font-size: 18px; line-height: normal; } .treatment-schedule-header .search-box-type04 { margin: 0; padding: 0; } .treatment-schedule-header-type02 { padding: 0; border: 0; } /* taking-care : 복약관리 ------------------------------------- */ .taking-care-intro { } .taking-care-intro .taking-care-intro-appcheck { padding: 30px; background-color: #efeff3; text-align: center; } .taking-care-intro .taking-care-intro-appcheck .appcheck-massage { color: #1b1d21; font-size: 24px; line-height: 32px; } .taking-care-intro .taking-care-intro-appcheck .appcheck-description { margin-top: 25px; padding-top: 25px; border-top: 1px solid #dadada; color: #6e7179; font-size: 16px; line-height: 23px; } .taking-care-intro .appcheck-massage { color: #1b1d21; font-size: 24px; line-height: 32px; } .taking-care-intro .appcheck-description { margin-top: 13px; color: #6e7179; font-size: 16px; line-height: 23px; } .taking-care-intro .taking-care-intro-appinfo { margin-top: 30px; } .taking-care-intro .taking-care-intro-appinfo .appinfo-box { position: relative; min-height: 140px; padding: 30px 30px 30px 240px; background-color: #fff; } .taking-care-intro .taking-care-intro-appinfo .appinfo-box .appinfo-icon { position: absolute; top: 22px; left: 58px; text-align: center; } .taking-care-intro .taking-care-intro-appinfo .appinfo-box .appinfo-icon .appinfo-icon-image { position: relative; overflow: hidden; width: 128px; height: 128px; } .taking-care-intro .taking-care-intro-appinfo .appinfo-box .appinfo-icon .appinfo-icon-image img { max-width: 100%; } .taking-care-intro .taking-care-intro-appinfo .appinfo-box .appinfo-icon .appinfo-icon-text { display: block; margin-top: 12px; color: #6f737b; font-size: 15px; line-height: normal; } .taking-care-intro .taking-care-intro-appinfo .appinfo-box .appinfo-title { display: block; margin-bottom: 10px; color: #1b1d21; font-size: 24px; line-height: normal; letter-spacing: -1px; } .taking-care-intro .taking-care-intro-appinfo .appinfo-box .appinfo-text { color: #656972; font-size: 16px; line-height: 25px; } .taking-care-intro .taking-care-intro-appinfo .appinfo-description { display: block; margin-top: 25px; color: #6e7179; font-size: 16px; line-height: 25px; } .taking-care-intro .taking-care-intro-apphelp { } .searh-box-taking-care { padding-top: 0; } .taking-care-calendar { display: table; table-layout: fixed; position: relative; width: 100%; } .taking-care-calendar .taking-care-calendar-body { padding-top: 20px; border-top: 2px solid #3d4145; } .calendar-takingcare-wrapper { display: table-cell; position: relative; width: 50%; padding-right: 40px; vertical-align: top; } .calendar-takingcare-wrapper:after { content: ''; display: block; position: absolute; top: 50%; right: -17px; width: 36px; height: 21px; background: url('../img/ico/ico_take_arrow.png') no-repeat 0 0; } .calendar-takingcare-header { display: table; width: 100%; height: 52px; margin-bottom: 15px; } .calendar-takingcare-header:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .calendar-takingcare-header .calendar-takingcare-title { display: table-cell; text-align: left; vertical-align: bottom; } .calendar-takingcare-header .calendar-takingcare-title .calendar-date { display: inline-block; position: relative; top: -1px; padding: 0 2px; color: #3378c1; font-family: Tahoma; font-weight: bold; font-size: 40px; line-height: normal; letter-spacing: -2px; vertical-align: middle; } .calendar-takingcare-header .calendar-takingcare-title .calendar-ctrl { display: inline-block; position: relative; overflow: hidden; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; vertical-align: middle; text-indent: -9999px; } .calendar-takingcare-header .calendar-takingcare-title .ctrl-prev { background: url('../img/btn/btn_calendar_prev.png') no-repeat 50% 50%; } .calendar-takingcare-header .calendar-takingcare-title .ctrl-next { background: url('../img/btn/btn_calendar_next.png') no-repeat 50% 50%; } .calendar-takingcare-header .calendar-takingcare-info { display: table-cell; padding-bottom: 5px; text-align: right; vertical-align: bottom; } .calendar-takingcare-header .calendar-takingcare-info .take-stat { margin-left: 15px; color: #44484f; font-size: 14px; line-height: normal; } .calendar-takingcare-header .calendar-takingcare-info .take-stat .take-stat-icon { display: inline-block; position: relative; top: -1px; width: 9px; height: 9px; margin-right: 5px; font-size: 0; line-height: 0; vertical-align: middle; border-radius: 50%; } .calendar-takingcare-header .calendar-takingcare-info .take-stat .take-stat-icon01 { background-color: #d42907; } .calendar-takingcare-header .calendar-takingcare-info .take-stat .take-stat-icon02 { background-color: #3378c1; } .calendar-takingcare-header .calendar-takingcare-info .take-stat .take-stat-icon03 { background-color: #efb11b; } .calendar-takingcare-header .calendar-takingcare-info .take-stat .take-stat-icon04 { background-color: #d4d5d8; } .calendar-takingcare-header .calendar-takingcare-info .take-stat .take-stat-text { } .calendar-takingcare { } .calendar-takingcare-table { table-layout: fixed; width: 100%; } .calendar-takingcare-table th, .calendar-takingcare-table td { margin: 0; padding: 0; border: 1px solid #cecece; line-height: normal; } .calendar-takingcare-table th { padding: 10px; background-color: #efeff3; color: #1b1d21; font-size: 15px; } .calendar-takingcare-table th.week-end { } .calendar-takingcare-table th.week-end.sat { } .calendar-takingcare-table th.week-end.sun { } .calendar-takingcare-table td { color: #44484f; font-size: 14px; line-height: normal; vertical-align: top; } .calendar-takingcare-table td .day { position: relative; margin: -1px; } .calendar-takingcare-table td .day > span, .calendar-takingcare-table td .day > a { display: block; height: 60px; padding: 10px; color: inherit; box-sizing: border-box; } .calendar-takingcare-table td .day .take-stat { display: block; position: absolute; bottom: 12px; right: 12px; width: 20px; height: 20px; background-color: #d4d5d8; color: #fff; font-style: normal; font-size: 12px; line-height: 20px; text-align: center; border-radius: 50%; } .calendar-takingcare-table td .day .take-stat-type01 { background-color: #d42907; } .calendar-takingcare-table td .day .take-stat-type02 { background-color: #3378c1; } .calendar-takingcare-table td .day .take-stat-type03 { background-color: #efb11b; } .calendar-takingcare-table td .day .take-stat-type04 { background-color: #d4d5d8; } .calendar-takingcare-table td .day .take-period { display: block; position: absolute; top: 5px; right: 2px; width: 12px; height: 12px; background : url('../img/btn/ico_period.png') no-repeat 50% 50%;}} .calendar-takingcare-table td.week-end { } .calendar-takingcare-table td.week-end.sat { } .calendar-takingcare-table td.week-end.sun { color: #c52626; } .calendar-takingcare-table td.other-month { opacity: 0.3; filter: alpha(opacity=30); } .calendar-takingcare-table td.today a { position: relative; /* border:1px solid #3d4145 !important; background:#fff; */ } .calendar-takingcare-table td.has-schedule { } .calendar-takingcare-table td.active { } .calendar-takingcare-table td.active .day > span, .calendar-takingcare-table td.active .day > a { padding: 7px; border: 3px solid #3378c1; background-color: #f3ef50; } .calendar-takingcare-table td.select .day > a { padding: 7px; border: 3px solid #3378c1; } .calendar-takingcare-table td .day .ico-drug { background:url('../img/mypage/ico_drug02.png') 0 0 no-repeat; background-size:100% auto;} .calendar-takingcare-table td .day .ico-drugX { background:url('../img/mypage/ico_X.png') 0 0 no-repeat; background-size:100% auto;} /* 2016.03.22 마이페이지 | 나의서비스 | 두통 */ .calendar-takingcare-table.headache_table td.today .day {border:2px solid #b1b6c3;} .result-takingcare { display: table-cell; position: relative; width: 50%; padding-left: 40px; vertical-align: top; } .result-takingcare .result-takingcare-box { margin-top: 67px; padding: 30px 30px 40px 30px; background-color: #fff; } .result-takingcare .result-takingcare-date { margin-bottom: 25px; color: #1b1d21; font-size: 18px; line-height: normal; } .result-takingcare .table-default tr td:first-child { border-left: 1px solid #dadada; } .result-takingcare .table-default tbody th { color: #6e7179; font-size: 15px; font-weight: normal; background: none; text-align: center; } .result-takingcare .table-default tr th, .result-takingcare .table-default tr td { padding-left: 10px; padding-right: 10px; } .result-takingcare .take-stat { } .result-takingcare .take-stat .take-stat-icon { display: inline-block; overflow: hidden; position: relative; width: 22px; height: 22px; margin: 0; padding: 0; border: 0; background: url('../img/ico/ico_take_stat.png') no-repeat 0 0; font-size: 0; line-height: 0; vertical-align: middle; } .result-takingcare .take-stat .take-stat-icon01 { background-position: 0 0; } .result-takingcare .take-stat .take-stat-icon02 { background-position: 0 -30px; } .result-takingcare .take-stat .take-stat-icon03 { background-position: 0 -60px; } .result-takingcare .take-stat .take-stat-text { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; visibility: hidden; text-indent: -9999px; } .taking-care-info { } .taking-care-info .taking-care-info-header { position: relative; padding: 15px 30px; background-color: #e6e9eb; } .taking-care-info .taking-care-info-header .list-info-header { overflow: hidden; position: relative; } .taking-care-info .taking-care-info-header .list-info-header ul { overflow: hidden; position: relative; /*margin-bottom: -1px; border-bottom: 1px solid #cdcdcd;*/ } .taking-care-info .taking-care-info-header .list-info-header ul li { float: left; width: 50%; /*margin-bottom: -1px;*/ padding: 10px 0; /*border-bottom: 1px solid #cdcdcd;*/ background: none; line-height: 23px; } .taking-care-info .taking-care-info-header .list-info-header ul li .list-define { float: left; width: 75px; background-color: #3378c1; color: #fff; font-size: 13px; font-weight: normal; text-align: center; } .taking-care-info .taking-care-info-header .list-info-header ul li .list-describe { display: block; position: relative; bottom: -1px; padding: 0 30px 0 95px; color: #1b1d21; font-size: 17px; word-wrap: break-word; } .taking-care-info .taking-care-info-list { padding-top: 15px; } .taking-care-info .taking-care-info-list .taking-care-info-list-section { } .taking-care-info .taking-care-info-list .taking-care-info-list-section .info-list-section-title { display: block; margin: 35px 0 20px 0; color: #1b1d21; font-size: 24px; line-height: normal; } .taking-care-info .taking-care-info-list .taking-care-info-list-section .info-list-section-title .iconset { margin-right: 5px; } #popup-takingcare-detail { } #popup-takingcare-detail .modal-content-head .modal-title { } #popup-takingcare-detail .modal-container { width: 860px; } #popup-takingcare-detail .takingcare-detail-medicine-info { overflow-x: hidden; overflow-y: auto; position: relative; max-height: 550px; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header { overflow: hidden; position: relative; padding-bottom: 30px; border-bottom: 1px solid #dadada; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-thumb { float: left; position: relative; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-thumb .medicine-info-image { width: 320px; height: 230px; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-thumb .medicine-info-image img {width:320px; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-thumb .medicine-info-mark { padding: 10px; background-color: #eceef0; text-align: center; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-thumb .medicine-info-mark dl { display: inline-block; margin: 0; padding: 0; line-height: normal; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-thumb .medicine-info-mark dl dt { display: inline-block; margin: 0 3px 0 20px; padding: 0; color: #1f2023; font-size: 15px; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-thumb .medicine-info-mark dl dt:first-child { margin-left: 0; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-thumb .medicine-info-mark dl dd { display: inline-block; margin: 0; padding: 0; color: #6e7179; font-size: 14px; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-description { position: relative; margin-left: 350px; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-description .medicine-info-title { margin-bottom: 18px; color: #115bab; font-size: 22px; line-height: normal; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-description .medicine-info-list { } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-description .medicine-info-list .list-default { } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-description .medicine-info-list .list-default ul { } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-description .medicine-info-list .list-default ul li { padding: 0; margin-top: 2px; background: none; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-description .medicine-info-list .list-default ul li .list-define { width: 85px; color: #1f2023; font-size: 15px; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-header .medicine-info-description .medicine-info-list .list-default ul li .list-describe { color: #6e7179; font-size: 14px; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-detail { padding-right: 20px; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-detail .medicine-info-detail-title { margin: 25px 0 5px 0; color: #115bab; font-size: 17px; line-height: normal; } #popup-takingcare-detail .takingcare-detail-medicine-info .medicine-info-detail .medicine-info-detail-description { color: #6e7179; font-size: 15px; line-height: 24px; } /* health-diary : 건강수첩 ------------------------------------- */ .health-diary { } .health-diary .tab-default { margin-bottom:25px;} .health-diary p.tip { position:relative; paddin-top:25px; padding-left:23px; font-size:16px; color:#6e7179;} .health-diary p.tip:before { position:absolute; top:0; left:0; content:'※' } .iconset.icon-diabetes { position:absolute; top: 15px; left: 7px; width:30px; height:30px; margin-right:5px; background:url('../img/mypage/ico_diabetes_table.png') no-repeat 0 0; } .iconset.ico_diabetes_viewGraph { width:38px; height:38px; background:url('../img/mypage/ico_diabetes_viewGraph.png') no-repeat 0 0; } .health-diary .mgt25 { margin-top:25px; } /* 당뇨수첩 */ /*기록보기*/ .diabetes-button-wrapper { margin-bottom:10px;} .diabetes-calendar-wrapper { position:relative; margin-bottom:20px; } .diabetes-calendar-wrapper { position:relative; } .diabetes-calendar-wrapper .diabeates-type { position:absolute; top:-25px; right:0; } .diabetes-calendar-wrapper .diabeates-type span { margin-left:10px; font-size:14px;} .diabetes-calendar-wrapper .diabeates-low, .diabetes-calendar-wrapper td.diabeates-low a, .diabetes-calendar-wrapper td.diabeates-low a:active { color:#eb940b;} /* .diabetes-calendar-wrapper .diabeates-normal, .diabetes-calendar-wrapper td.diabeates-normal a, .diabetes-calendar-wrapper td.diabeates-normal a:active { color:#21cb8d;} */ .diabetes-calendar-wrapper .diabeates-high_before, .diabetes-calendar-wrapper td.diabeates-high_before a, .diabetes-calendar-wrapper td.diabeates-high_before a:active { color:#ea8181;} .diabetes-calendar-wrapper .diabeates-high_after, .diabetes-calendar-wrapper td.diabeates-high_after a, .diabetes-calendar-wrapper td.diabeates-high_after a:active { color:#e94e4c;} .diabetes-calendar-wrapper td a { color:#777;} .diabetes-calendar-wrapper td a:active { color:#777;} .diabetes-calendar-wrapper .diabetes-calendar .calendar-table { border:1px solid #d2d3d4;} .diabetes-calendar-wrapper .diabetes-calendar .calendar-table thead tr th { border:1px solid #d2d3d4; color:#1b1d21; background-color:#efeff3;} .diabetes-calendar-wrapper .diabetes-calendar .calendar-table tbody tr td { padding-top:10px; padding-bottom:10px; border:1px solid #d2d3d4; font-size:14px;} .diabetes-calendar-wrapper .diabetes-calendar .calendar-table tbody tr td a { display:inline-block; margin-left:5px; } .diabetes-calendar-wrapper .diabetes-calendar .calendar-table tbody tr td a i { position:absolute; top:22px; right:15px; } .diabetes-calendar-wrapper .diabetes-calendar .calendar-table tbody tr td.day {} .diabetes-calendar-wrapper .diabetes-calendar .calendar-table tbody tr td.sunday { color:#c52626;} .diabetes-calendar-wrapper .diabetes-calendar .calendar-table tbody tr td.satday { color:#3378c1;} #popup-message .modal-container { max-width: 450px;} #popup-message .modal-container h2 {margin-bottom:10px;} #popup-message .modal-container p { margin-bottom:15px; font-size:15px;} .view-graph { position:relative; top:30px; margin-bottom: 25px;} .view-graph .diabeates-type { position:absolute; top:-25px; right:0; } .view-graph .diabeates-type span { margin-left:25px; font-size:14px;} .view-graph .diabeates-type span.mgDl { position:absolute; top:0; left: -380px;} .view-graph .diabeates-type span:first-child { } .view-graph .diabeates-type span:first-child:before { display:none; } .view-graph .diabeates-type span:before { content:''; display:inline-block; width:9px; height:9px; margin-right:5px; background-color:#f7eac4; border-radius:50%;} .view-graph .diabeates-type span.diabeates-high-02:before { background-color:#f4cec6;} .view-graph .diabeates-type span.diabeates-high-03:before { background-color:#f2b5a9;} .view-graph .diabeates-type span.diabeates-high-04:before { background-color:#FF69B4;} .view-graph .view-graph-area { } /*기록보기 상세팝업*/ .popup-diabetes-detail { width:auto;} .popup-diabetes-detail .window-content-body .box-default h2 { font-size:24px; color:#1b1d21; text-align: center;} .popup-diabetes-detail .table-default { border-bottom: 1px solid #3d4145;} .popup-diabetes-detail .diabeates-low { color:#eb940b;} .popup-diabetes-detail .diabeates-high { color:#e52424;} .popup-diabetes-detail .diabeates-default { color:#3378c1;} .popup-diabetes-detail p.notice { position:relative; padding-left:10px; color:#d42907; font-size:14px;} .popup-diabetes-detail p.notice:before { content:'*'; position:absolute; top:0; left:0;} /*내 검사내역*/ .health-diary .lately { margin-bottom:15px; font-size:16px;} .health-diary .lately span { font-weight:bold; color:#3378c1; } .health-diary .diabetes-my-graph { margin-top:10px;} .health-diary .diabetes-my-graph .table-default tr th { font-weight:bold;} .health-diary .diabetes-my-graph .table-default tr th span { line-height:1; font-size:13px; font-weight:normal;} .health-diary .diabetes-my-graph .table-default tr td { text-align: center;} .health-diary .diabetes-my-graph .table-default tr td.line-none { border-left: none;} .health-diary .diabetes-my-graph .table-default tr td.unusual { color:#d42907;} .health-diary .diabetes-no-data { } .health-diary .diabetes-no-data .box-default { padding-top:55px;} .health-diary .diabetes-no-data .box-step { text-align: center;} .health-diary .diabetes-no-data .box-step .box-title { font-size:24px; color:#1b1d21;} .health-diary .diabetes-no-data .box-step .box-title span { display:block; margin-top:10px; font-size:16px; color:#6e7179;} .health-diary .diabetes-no-data .box-step .button { margin-top:10px;} /*내 검사내역 팝업*/ .popup-diabetes-myGraph { width:auto;} .popup-diabetes-myGraph .window-content-body { position:relative;} .popup-diabetes-myGraph .graph-icon { position:absolute; top:0; right:0;} .popup-diabetes-myGraph .graph-icon span { display:inline-block; margin-left:15px; font-size:14px;} .popup-diabetes-myGraph .window-content-head .window-title { padding-bottom: 20px; border-bottom: 2px solid #1b1d21;} .popup-diabetes-myGraph .button-wrapper .button { margin-right:7px; } .popup-diabetes-myGraph .con-graph-wrapper .con-graph p { margin:10px 0 10px; font-size:14px;} .popup-diabetes-myGraph .graph-icon-type02 .icon-line { text-align: right; } .popup-diabetes-myGraph .graph-icon-type02 .icon-line span { display:inline-block; position:relative; padding-right:50px;} .popup-diabetes-myGraph .graph-icon-type02 .icon-line span:after { content:''; position:absolute; top:9px; left:44px; width:44px; height:3px;background-color:#b05dad; } .popup-diabetes-myGraph .graph-icon-type02 .icon-line span:last-child:after { background-color:#68a008; } .iconset.icon-diabetes-popup-type01 { display:inline-block; width:28px; height:28px; margin-botton:10px;} .iconset.icon-diabetes-smile01 { background:url("../img/ico/icon-diabetes-smile01.png") no-repeat 0 0;} .iconset.icon-diabetes-smile02 { background:url("../img/ico/icon-diabetes-smile02.png") no-repeat 0 0;} .iconset.icon-diabetes-smile03 { width:29px; background:url("../img/ico/icon-diabetes-smile03.png") no-repeat 0 0;} .iconset.icon-diabetes-smile04 { background:url("../img/ico/icon-diabetes-smile04.png") no-repeat 0 0;} .iconset.icon-diabetes-popup-type02 { display:inline-block; width:24px; height:43px;} .iconset.icon-diabetes-blood01 { background:url("../img/ico/icon-diabetes-blood01.png") no-repeat 0 0;} .iconset.icon-diabetes-blood01-yellow { background:url("../img/ico/icon-diabetes-blood01-yellow.png") no-repeat 0 0;} .iconset.icon-diabetes-blood02 { background:url("../img/ico/icon-diabetes-blood02.png") no-repeat 0 0;} .iconset.icon-diabetes-blood03 { background:url("../img/ico/icon-diabetes-blood03.png") no-repeat 0 0;} .iconset.icon-diabetes-popup-type03 { display:inline-block; width:54px; height:33px;} .iconset.icon-diabetes-smile01-big { background:url("../img/ico/icon-diabetes-smile01-big.png") no-repeat 0 0;} .iconset.icon-diabetes-smile02-big { background:url("../img/ico/icon-diabetes-smile02-big.png") no-repeat 0 0;} /* 항암수첩 */ /*기록보기*/ .health-diary .cancer-view { } .health-diary .cancer-view .calendar-takingcare-wrapper:after { display:none; } .health-diary .cancer-view .calendar-takingcare-wrapper { padding-right:15px; } .health-diary .cancer-view .result-takingcare { padding-left:0; } .health-diary .cancer-view .result-takingcare .table-default tr th, .result-takingcare .table-default tr td { padding-left:8px; padding-right:8px; } .health-diary .cancer-view .result-takingcare .table-default tbody th { text-align:left; } /*최근 1개월 통계보기 9.22수정 ahram */ .health-diary .cancer-state { overflow:hidden;} .health-diary .cancer-state > .box-default { float:left; width:405px; box-sizing:content-box;} .health-diary .cancer-state .space { float:left; padding-left:30px;} .health-diary .cancer-state .space .box-default.box-white { /* display:block;*/ width:350px; vertical-align:top; box-sizing:border-box;} .health-diary .cancer-state .space .box-default.box-white .ui-selectmenu-button { margin-bottom:10px;} .health-diary .cancer-state .space .box-default.box-white .input-selectbox { height:50px !important;} /*두통수첩*/ /*통계보기*/ .health-diary .table-wrapper tr th .inline-tooltip .inline-tooltip-box { } .health-diary .table-wrapper tr th .inline-tooltip .inline-tooltip-box dt { float:left; margin-right:5px; margin-bottom:0;} /* 진료전 문의 팝업*/ .popup-question { width:auto;} .popup-question .table-wrapper .line { border-left:1px solid #dadada;} .popup-question .box-default h2 { font-size:15px; color:#115bab;} .popup-question .table-wrapper .table-default thead .write { text-align: left; color:#6e7179;} .popup-question .table-wrapper .table-default tbody tr td { position:relative; padding-right:0; padding-left:0;} .popup-question .table-wrapper .table-default tbody tr td .input-conut-limit { position:absolute; bottom:12px; right:22px; } /* ========================================================================== hospital : 06. 마이페이지 ========================================================================== */ /** 마이스토리 **/ .my-cafe { } .my-cafe-tab { margin-bottom: 35px; } /** 마이스토리 **/ .my-story { } .my-story-header { margin-bottom: 30px; text-align: center; } .my-story-header .date { display: inline-block; position: relative; top: -1px; padding: 0 2px; color: #3378c1; font-family: Tahoma; font-weight: bold; font-size: 40px; line-height: normal; letter-spacing: -2px; vertical-align: middle; } .my-story-header .ctrl { display: inline-block; position: relative; overflow: hidden; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; vertical-align: middle; text-indent: -9999px; } .my-story-header .ctrl-prev { background: url('../img/btn/btn_calendar_prev.png') no-repeat 50% 50%; } .my-story-header .ctrl-next { background: url('../img/btn/btn_calendar_next.png') no-repeat 50% 50%; } .my-story-list { } .my-story-list ul { } .my-story-list ul li { } .mystory-item { display: table; table-layout: fixed; width: 100%; margin-bottom: 20px; padding: 25px 30px 30px 30px; border: 1px solid transparent; background-color: #fff; box-shadow: 0 1px 1px 0 #c1c1c2; box-sizing: border-box; } .no-boxshadow .mystory-item { box-shadow: none; border-top: 0; border-left: 1px solid #e9e9eb; border-bottom: 1px solid #e9e9eb; border-right: 1px solid #e9e9eb; } .mystory-item .mystory-date { position: relative; margin:0 0 10px 0; color: #1b1d21; font-size: 17px; font-weight:bold; line-height: normal; letter-spacing: -1px; vertical-align: middle; } .mystory-item .mystory-container { display: table-cell; position: relative; width: 100%; } .mystory-item .mystory-container:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .mystory-item .mystory-container .mystory-image { float: left; position: relative; width: 130px; height: 80px; margin: 5px 20px 0 0; } .mystory-item .mystory-container .mystory-image .mystory-image-thumb { display: block; position: relative; width: 130px; height: 80px; } .mystory-item .mystory-container .mystory-image .mystory-image-thumb:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .mystory-item .mystory-container .mystory-image .mystory-image-thumb:after { content: ''; display: block; position: absolute; bottom: 10px; right: 10px; width: 25px; height: 24px; background: url('../img/ico/ico_plus.png') no-repeat 0 0; } .mystory-item .mystory-container .mystory-image .mystory-image-thumb img { width: 130px; height: 80px; } .mystory-item .mystory-container .mystory-content { position: relative; overflow: hidden; padding-top: 5px; } .mystory-item .mystory-container .mystory-content .mystory-comment { } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-view { display: table; width: 100%; box-sizing: border-box; } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-view .mystory-comment-view-text { display: table-cell; width: 100%; padding-right: 30px; color: #5e636e; font-size: 16px; line-height: 26px; vertical-align: top; box-sizing: border-box; } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-view .mystory-comment-view-button { display: table-cell; } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-view .mystory-comment-view-func { position: absolute; top: 0; right: 0; } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-view .mystory-comment-view-func .hidden-text { display: none; } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-view .button-mystory-comment-write { position: relative; top: -2px; } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-write { display: none; position: relative; } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-write:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-write .input-textarea-wrapper { } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-write .input-textarea-wrapper .input-conut-limit { text-align: right; } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-write .input-textarea-wrapper .input-textarea { margin-bottom: 10px; } .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-write .mystory-comment-write-submit { float: right; } .mystory-item .mystory-container .mystory-content .mystory-input { position: relative; margin: 13px 0 0 -31px; padding-top: 20px; border-top: 1px solid #e2e2e3; } .mystory-item .mystory-container .mystory-content .mystory-input .mystory-input-step { display: inline-block; margin-left: 15px; } .mystory-item .mystory-container .mystory-content .mystory-input .mystory-input-step:before { content: ''; display: inline-block; width: 1px; height: 12px; margin-right: 15px; background: #bcbcbe; font-size: 0; line-height: 0; vertical-align: middle; } .mystory-item .mystory-container .mystory-content .mystory-input .mystory-input-step:first-child { } .mystory-item .mystory-container .mystory-content .mystory-input .mystory-input-step:last-child { } .mystory-item .mystory-container .mystory-content .mystory-input .mystory-input-step .mystory-input-title { margin-right: 12px; color: #1b1d21; font-size: 16px; line-height: normal; vertical-align: middle; } .mystory-item .mystory-container .mystory-content .mystory-input .mystory-input-step .mystory-input-label { margin-right: 5px; margin-left: 8px; color: #2c79bd; font-size: 14px; line-height: normal; vertical-align: middle; } .mystory-item .mystory-container .mystory-content .mystory-input .mystory-input-step .mystory-input-title + .mystory-input-label { margin-left: 0; } .mystory-item .mystory-container .mystory-content .mystory-input .mystory-input-step .mystory-input-value { color: #44484f; font-size: 14px; vertical-align: middle; } .mystory-item .mystory-container .mystory-content .mystory-input .mystory-input-step .mystory-input-value.empty { color: #72767e; } .mystory-item .mystory-container .mystory-content .mystory-input .mystory-input-step .input-text { width: 100px; font-size: 14px; letter-spacing: -1px; text-align: left; } .mystory-write .mystory-item { border: 1px solid #3378c1; } .mystory-write .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-write { display: block; } .mystory-modify .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-view .mystory-comment-view-text { display: none; } .mystory-modify .mystory-item .mystory-container .mystory-content .mystory-comment .mystory-comment-view .mystory-comment-view-func .button-mystory-comment-modify .hidden-text { display: inline; } .popup-mystory-image { } .popup-mystory-image .modal-container { width: auto; padding: 0; } .popup-mystory-image .popup-mystory-image-thumb { } .popup-mystory-image .popup-mystory-image-thumb img { max-width: 600px; } /** 오픈스크랩 **/ .search-box-openscrap { margin: 0 0 35px 0; } .search-box-openscrap .button-myscrap .icon-arrow-yellow { margin: 0 0 0 20px; } .search-box-openscrap .search-box-step-wrap, .search-box-openscrap .search-box-step-side { vertical-align: middle; } .openscrap-header { position: relative; padding: 0 10px; margin-bottom: 30px; } .openscrap-header:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .openscrap-header .scrap-user-profile { float: left; } .openscrap-header .scrap-user-menu { float: right; margin-top: 10px; } .scrap-user-profile { position: relative; min-height: 64px; } .scrap-user-profile .user-avatar { overflow: hidden; position: absolute; top: 0; left: 0; width: 64px; height: 64px; border-radius: 50%; } .scrap-user-profile .scrap-info { padding: 7px 0 0 80px; } .scrap-user-profile .scrap-info .scrap-title { display: block; margin-bottom: 5px; color: #44484f; font-size: 18px; line-height: 25px; letter-spacing: -1px; } .scrap-user-profile .scrap-info .scrap-date { display: inline-block; color: #72767e; font-size: 12px; vertical-align: middle; } .scrap-user-profile .scrap-info .scrap-count { display: inline-block; margin-left: 5px; padding: 1px 4px; background-color: #ebebeb; color: #72767e; font-size: 12px; vertical-align: middle; } .scrap-user-menu { } .scrap-user-menu .button { float: left; margin-left: 5px; } /** 마이스크랩 **/ .my-scrap { } .scrap-list-wrapper { display: table; table-layout: fixed; width: 100%; } .scrap-my-list { display: table-cell; vertical-align: top; } .scrap-my-list .card-list { min-width: 0; } .scrap-my-list .card-list ul { padding: 0 1px; } .scrap-my-list .card-list ul .card-item { margin-bottom: 25px; } .scrap-my-list .gutter {width: 25px;} @media all and (max-width: 1359px) { .scrap-my-list .gutter {width: 50px;} } .scrap-my-list-nav { position: relative; margin-bottom: 35px; padding-right: 120px; box-shadow: 0 1px 1px #c1c1c2; background-color: #fff; } .scrap-my-list-nav .myscrap-list-wrapper { position: relative; } .scrap-my-list-nav .myscrap-list { overflow: hidden; position: relative; bottom: -6px; } .scrap-my-list-nav .myscrap-list ul { overflow: hidden; position: relative; width: 999999%; height: 69px !important; margin: -6px 0 0 0; padding: 0 0 6px 0; box-sizing: border-box; } .scrap-my-list-nav .myscrap-list ul li { z-index: 1; float: left; position: relative; width: 115px; color: #5d6167; font-size: 18px; letter-spacing: -1px; text-align: center; vertical-align: bottom; } .scrap-my-list-nav .myscrap-list ul li a { display: block; overflow: hidden; margin: 0; padding: 18px 5px; border: 0; background-color: #fff; color: inherit; font: inherit; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .scrap-my-list-nav .myscrap-list ul li:first-child a { margin-left: 0; } .scrap-my-list-nav .myscrap-list ul li.active { z-index: 2; } .scrap-my-list-nav .myscrap-list ul li.active a { padding-bottom: 15px; border-bottom: 3px solid #3378c1; background: none; color: #115bab; } .scrap-my-list-nav .myscrap-list ul li.active a:after { content: ''; position: absolute; bottom: -12px; left: 50%; width: 0; height: 0; margin-left: -6px; border: 6px solid transparent; border-top: 6px solid #3378c1; } .scrap-my-list-nav .myscrap-option { position: absolute; top: 17px; right: 20px; } .scrap-my-list-nav .myscrap-option .ctrl-config { margin-left: 7px; } .scrap-my-list-nav .myscrap-option .ctrl-prev { } .scrap-my-list-nav .myscrap-option .ctrl-next { } .scrap-my-list-nav .myscrap-option .ctrl-prev.active:hover .icon-scrap-nav-prev { background-position: -310px -690px; } .scrap-my-list-nav .myscrap-option .ctrl-next.active:hover .icon-scrap-nav-next { background-position: -370px -690px; } .scrap-my-list-nav .myscrap-option .ctrl-prev.disabled { opacity: 0.4; cursor: not-allowed; } .scrap-my-list-nav .myscrap-option .ctrl-next.disabled { opacity: 0.4; cursor: not-allowed; } .scrap-open-list { display: table-cell; width: 300px; margin-bottom: 25px; padding-left: 25px; vertical-align: top; } .scrap-open-list .scrap-open-list-header { position: relative; height: 75px; background-color: #3378c1; } .scrap-open-list .scrap-open-list-header-title { display: block; padding: 25px 0 0 30px; color: #fff; font-size: 16px; } .scrap-open-list .scrap-open-list-header .button-scrap-link { position: absolute; top: 50%; right: 20px; margin-top: -15px; } .scrap-open-list .scrap-open-list-card { margin-bottom: 25px; } .scrap-open-list .scrap-open-list-card .card-openscrap { margin-bottom: 0; border-top: 1px solid #e2e2e3; } .scrap-open-list .scrap-open-list-card .card-openscrap:first-child { border-top: 0; } .scrap-open-list .scrap-open-list-card .card-openscrap .card-content { width: 280px; padding: 0 10px; } .scrap-open-list .scrap-open-list-card .card-openscrap .card-content .scrap-list { padding-top: 0; border-top: 0; } .scrap-open-list .scrap-open-list-card .card-openscrap .card-content .card-content-textarea { margin-bottom: 14px; } .scrap-open-list .scrap-open-list-card .card-openscrap .card-content .card-content-textarea .card-content-title { font-size: 14px; line-height: 22px; letter-spacing: 0; } .scrap-open-list .scrap-open-list-card .card-openscrap .card-content .scrap-list ul li { font-size: 14px; } .scrap-open-list .scrap-open-list-card li.open-list-none, .scrap-open-list .scrap-open-list-card li.disease-setting { font-size:15px; text-align:center; color:#72767e; background: #fff; } .scrap-open-list .scrap-open-list-card li.open-list-none { padding:35px; } .scrap-open-list .scrap-open-list-card li.disease-setting { padding:20px; } .scrap-open-list .scrap-open-list-card li.disease-setting p { margin-bottom:10px; } /* 카테고리 선택(팝업) */ #popup-category-select { } #popup-category-select .modal-content-head .modal-title { border-bottom: 0; padding-bottom: 0; } #popup-category-select .modal-content-head .modal-title-description { color: #5d6167; font-size: 16px; line-height: 22px; } #popup-category-select .modal-container { width: 460px; } .popup-category-select.window-popup-wrap { width: auto; } .popup-category-select .category-select-view .table-default td { padding-right: 0; } /* 카테고리 편집(팝업) */ #popup-category-config { } #popup-category-config .modal-content-head .modal-title { border-bottom: 0; } #popup-category-config .modal-content-head .modal-title-description { color: #5d6167; font-size: 16px; line-height: 22px; } #popup-category-config .modal-container { width: 860px; } .popup-category-config.window-popup-wrap { width: auto; } .popup-category-config .category-modify .table-default { border-bottom: 1px solid #3d4145; } .popup-category-config .category-modify .table-default tbody tr:last-child th, .popup-category-config .category-modify .table-default tbody tr:last-child td { border-bottom: 0; } .popup-category-config .category-modify .ctrl-up { min-width: 0; width: 40px; width: 40px; padding: 0; background: #e4e7ea url('../img/btn/btn_category_up.png') no-repeat 50% 50%; } .popup-category-config .category-modify .ctrl-down { min-width: 0; width: 40px; width: 40px; padding: 0; background: #e4e7ea url('../img/btn/btn_category_down.png') no-repeat 50% 50%;; } .popup-category-config .category-create { margin-top: 5px; padding: 15px 20px; box-shadow: 0 1px 1px #c1c1c2; background-color: #fff; box-sizing: border-box; } .no-boxshadow .popup-category-config .category-create { border-left: 1px solid #e9e9eb; border-right: 1px solid #e9e9eb; border-bottom: 1px solid #ceced0; } .popup-category-config .category-create .input-text { margin-right: 15px; } .popup-category-config .category-create .input-radio-group { margin-right: 15px; } .popup-category-config .category-modify .item-category.active { background-color: #fff; } .popup-category-config .category-modify .item-category.active .ctrl-up { background-color: #3378c1; background-image: url('../img/btn/btn_category_up_active.png'); } .popup-category-config .category-modify .item-category.active .ctrl-down { background-color: #3378c1; background-image: url('../img/btn/btn_category_down_active.png'); } /* 마이스크랩 담기(팝업) */ #popup-myscrap-insert { } #popup-myscrap-insert .modal-content-head .modal-title { border-bottom: 0; padding-bottom: 0; } #popup-myscrap-insert .modal-container { width: 860px; } .popup-myscrap-insert.window-popup-wrap { width: auto; } .popup-myscrap-insert .myscrap-insert-header { margin-bottom: 25px; } .popup-myscrap-insert .myscrap-insert-header .myscrap-insert-header-title { display: inline-block; margin-right: 15px; color: #115bab; font-size: 17px; vertical-align: middle; } .popup-myscrap-insert .myscrap-insert-header .input-selectbox { margin-right: 5px; } .popup-myscrap-insert .myscrap-insert-list .table-default { border-bottom: 1px solid #3d4145; } .popup-myscrap-insert .myscrap-insert-list .table-default tbody tr:last-child th, .popup-myscrap-insert .myscrap-insert-list .table-default tbody tr:last-child td { border-bottom: 0; } /* 관심의료진 */ .interest-doctor { } .interest-doctor .doctor-info { } .interest-doctor .doctor-img { position:relative; display:inline-block; vertical-align: middle; width:120px; margin-right:25px; } .interest-doctor .doctor-img img { width:120px; height:121px; border-radius: 100%; } .interest-doctor .doctor-img .masking { background: url('../../../_component/static/img/bbs/img_mask_gray.png') no-repeat; } .interest-doctor .doctor-content { display: inline-block; vertical-align: middle; width:280px; text-align:left; } .interest-doctor .doctor-content dd { margin:0; } .interest-doctor .doctor-content .doctor-name { font-size:17px; font-weight:bold; color:#1b1d21; } .interest-doctor .doctor-content .doctor-name strong { color:#115bab; } .interest-doctor .doctor-content .detail-txt { margin:5px 0; color: #72767e; } .interest-doctor .doctor-content .recom-count { color: #72767e; } .interest-doctor .doctor-content .recom-count .iconset { margin-right:5px; } /** S 닥터 **/ .s-doctor { } .s-doctor .important-blue { color:#115bab; } .s-doctor .important-red { color:#d42907; } .s-doctor .box-person-info { } .s-doctor .box-person-info table { width:100%; } .s-doctor .box-person-info table th, .s-doctor .box-person-info table td { padding:0 10px; } .s-doctor .box-person-info table th { font-size:19px; text-align:left; color:#1b1d21; } .s-doctor .box-person-info table td { font-size:18px; color:#115bab; } .s-doctor .box-person-info table td .button { display:block; width:152px; } .s-doctor .box-person-info table td .button:first-child { margin-bottom:5px; } .s-doctor .box-person-info table td.result-link { position:relative; } .s-doctor .box-person-info table td.result-link:after { content:""; position:absolute; top:20px; right:20px; width:1px; height:60px; background: #e0e0e0; } .popup-doctor-opinion .modal-container { width:860px; } .popup-doctor-opinion .modal-content-body { font-size:1.3em; color:#72767E; } /* Popup S-doctor 맞춤 건강정보 상세 */ .popup-s-custom-contents { } .popup-s-custom-contents .modal-container { width:860px; } .custom-contents-view { float:left; width:540px; } .custom-contents-view .scrollable { overflow-y:auto; height:630px; padding:0 15px 0 0; } .custom-contents-view .con-title h2 { font-size:30px; letter-spacing:-1px; color:#1b1d21; } .custom-contents-view .con-util { margin:20px 0 30px 0; } .custom-contents-view .con-util .button-text-smaller, .custom-contents-view .con-util .button-text-bigger { min-width:inherit; width:39px; height:27px; padding:0; vertical-align:middle; border:1px solid #c7c9cd; color:#6e7179; } .custom-contents-view .con-util .button-text-smaller { font-size:12px; line-height:1; } .custom-contents-view .con-util .button-text-bigger { margin-left:-3px; margin-right:10px; font-size:15px; line-height:1.8; } .custom-contents-view .con-util .button-size-disable { color:#a0a1ab; } .button-content-scrap { margin:0 15px 0 0; } .custom-contents-view .con-detail { padding:0 10px 0 0; } .custom-contents-view .con-detail.text-size-18 * { font-size:18px; } .custom-contents-view .con-detail.text-size-20 * { font-size:20px; line-height:1.5; } .custom-contents-view .con-detail .vod-type { /*display:none;*/ } .custom-contents-view .con-detail .vod-type .vod-txt { margin:25px 0 0 0; } .custom-contents-list { overflow:hidden; position:relative; float:right; width:190px; height:630px; } .custom-contents-list .swiper-slide a { display:block; width:190px; height:118px; /*margin:18px 0;*/ } .custom-contents-list figure { position:relative; margin:0; } .custom-contents-list figure .img { position:relative; } .custom-contents-list figure .img img { width:190px; height:118px; } .custom-contents-list figure .img:before { content:""; position:absolute; top:0; left:0; width:190px; height:118px; background:rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); } .custom-contents-list figure .img-sbj { position:absolute; bottom:0; left:0; padding:13px; font-size:18px; letter-spacing:-1px; text-shadow:2px 1px 2px rgba(0,0,0,0.2); color:#fff; } .custom-contents-list .swiper-container { height:528px; margin:51px 0; /*padding:35px 0 55px 0;*/ } .custom-contents-list .swiper-slide { height:118px; } .custom-contents-list .prev-item, .custom-contents-list .next-item { position:absolute; left:0; width:190px; height:33px; background:rgba(0,0,0,0.2); z-index:100; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); } .custom-contents-list .prev-item { top:0; } .custom-contents-list .next-item { bottom:0; } .custom-contents-list .prev-item .icon-sdoctor-prev { width:21px; height:12px; background-position: -230px -1600px; } .custom-contents-list .next-item .icon-sdoctor-next { width:21px; height:12px; background-position: -230px -1620px; } .custom-contents-list .swiper-slide a.current { width:184px; height:114px; border:3px solid #3378c1; } .custom-contents-list .swiper-slide a.current figure .img img , .custom-contents-list .swiper-slide a.current figure .img:before { width:184px; height:114px; } /** 개인정보 **/ .default-info-heading { margin-bottom: 20px; } .dise-interest { position: relative; } .dise-interest ul { overflow: hidden; } .dise-interest ul li { float: left; width: 25%; } .table-member-modify td .tool-tip { top:25px; } .table-member-modify td.phone .option-check .tool-tip:before { left:51.5% !important; } .table-member-modify td.email .option-check .tool-tip:before { left:42.5% !important; } /* 가족찾기(팝업) */ .popup-family-search.window-popup-wrap { width: auto; } .popup-family-search .family-search .family-search-result { margin-top: 25px; } .popup-family-search .family-search .family-search-apply { margin-top: 25px; } .popup-family-search .family-search .family-search-apply .apply-textarea { } .popup-family-search .family-search .family-search-apply .apply-agree { margin-top: 20px; color: #1b1d21; font-size: 17px; line-height: normal; text-align: right; } /* 관심질환 등록 */ .interest-contents { margin:0 0 50px 0; padding-bottom:50px; border:0; } .interest-contents .initial-search-list .button-initial { width:60px; min-width:auto; border-radius:20px; } .interest-contents .box-trouble-list { border-top:1px solid #e4e7ea; background: #f7f7f9; } .interest-contents .box-trouble-list .input-checkbox { width:150px; margin:0 0 10px 0; } .interest-contents .initial-search-head { white-space: normal; } .interest-contents .initial-search-head .initial-search-description { display:inline-block; margin-top:5px; font-size:14px; letter-spacing:0; } .select-trouble table th, .select-trouble table td { border-left:0; } .select-trouble li { float:left; margin-right:20px; font-size:16px; font-weight:bold; color:#115bab; } .button-trouble-del { width: 20px; height: 20px; margin-left: 5px; } /* 회원탈퇴 */ .member-drop { } .member-drop .box-title { margin:0 0 20px 0; } .member-drop .goodbye-txt { text-align:center; } .member-drop .goodbye-txt .iconset { margin:0 10px 0 0; vertical-align:middle; } .member-drop .goodbye-txt p { display:inline-block; font-size:32px; text-align:left; line-height:1.5; vertical-align:middle; color:#115bab; } .member-drop .goodbye-txt p em { display:block; font-style:normal; font-weight:bold; } .member-drop .box-drop-reason .input-checkbox { width:200px; margin:0 0 20px 0; } .member-drop .box-drop-reason .input-textarea { border:1px solid #dadada; background: #e9e9ed; } .member-drop .box-pw { } .member-drop .box-pw .search-box-title { float:left; margin-right:10px; } .member-drop .box-pw .input-text { float:left; background: #e9e9ed; } /* ========================================================================== footer : 10. footer ========================================================================== */ /* 개인정보처리방침 , 회원약관 ------------------------------------- */ .private-terms { } .private-terms .private-list { } .private-terms .private-list dl { margin: 12px 0 0 0; padding: 0 30px; background-color: #efeff3; } .private-terms .private-list dl:first-child { margin-top: 0; } .private-terms .private-list dl dt { margin: 0; padding: 18px 0 16px 0; color: #6e7179; font-size: 17px; font-weight: normal; line-height: 22px; cursor: pointer; } .private-terms .private-list dl dd { /**/display: none;/**/ margin: 0; padding: 0 0 18px 0; color: #72767e; font-size: 16px; line-height: 27px; } .private-terms .private-list dl.active { background-color: #fff; } .private-terms .private-list dl.active dt { color: #115bab; font-weight: bold; } .private-terms .private-list dl.active dd { display: block; } .private-terms .private-list .list-decimal > ul { list-style: decimal; } .private-terms .private-list .list-decimal > ul > li { list-style: decimal; margin-left: 18px; } .private-terms .private-list .list-decimal > ul > li .list-inside-list ul { padding-left: 0; } .private-terms .terms-list { } .private-terms .terms-list dl { margin: 0; } .private-terms .terms-list dl:first-child { margin-top: 0; } .private-terms .terms-list dl dt { margin: 0; padding: 18px 0 10px 0; color: #115bab; font-size: 17px; font-weight: bold; line-height: 22px; } .private-terms .terms-list dl dd { display: block; margin: 0; padding: 0 0 18px 0; color: #72767e; font-size: 16px; line-height: 27px; } .private-terms .terms-list .list-decimal > ul { list-style: decimal; } .private-terms .terms-list .list-decimal > ul > li { list-style: decimal; margin-left: 18px; } .private-terms .terms-list .list-decimal > ul > li .list-default { margin-top: 10px; margin-bottom: 10px; } .private-terms .terms-list .box-default .box-title { padding-top: 15px; } /* 회원가입시 나오는 회원약관 */ .agree-txt.private-terms .section-heading-title {font-size:20px !important; color:#72767e; font-weight:bold !important;} .agree-txt.private-terms .terms-list dl dt {font-size:18px; color:#72767e; font-weight:normal} .agree-txt.private-terms .terms-list dl {padding-left:5px;} .agree-txt.private-terms .terms-list dl dd, .agree-txt.private-terms .terms-list .list-default ul li{font-size:15px; padding-bottom:0;} /* sitemap ------------------------------------- */ .sitemap { } .sitemap-item { position: relative; margin-top: 70px; } .sitemap-item:first-child { margin-top: 0; } .sitemap-item-title { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #115bab; color: #1b1d21; font-size: 24px; font-weight: normal; line-height: normal } .sitemap-item-aside { display: inline-block; overflow: visible; position: absolute; top: -3px; right: 0; height: 30px; margin: 0; padding: 0 10px; border: 1px solid #bcd1e8; background: #fff; color: #3378c1; font-size: 12px; line-height: 30px; text-align: center; vertical-align: middle; text-decoration: none; white-space: nowrap; box-sizing: border-box; } .sitemap-item-aside:hover { border-color: #115bab; background: #115bab; color: #fff; } .sitemap-item-list { overflow: hidden; position: relative; } .sitemap-item-list ul li { word-wrap: break-word; } .sitemap-item-list ul li a { display: inline-block; } .sitemap-item-list > ul { overflow: hidden; position: relative; margin-top: -40px; margin-left: -1px; } .sitemap-item-list > ul > li { display: inline-block; position: relative; width: 206px; margin-right: -4px; padding-left: 34px; vertical-align: top; box-sizing: border-box; } .sitemap-item-list > ul > li:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 1px; height: 999999%; background: #e7e8eb; vertical-align: top; } .sitemap-item-list > ul > li > .sitemap-item-list-title { display: inline-block; margin: 40px 0 0 0; color: #115bab; font-size: 17px; font-weight: bold; line-height: normal; letter-spacing: -1px; } .sitemap-item-list > ul > li > ul { margin: 15px 0 -7px; padding-right: 10px; } .sitemap-item-list > ul > li > ul > li { margin: 7px 0; } .sitemap-item-list > ul > li > ul > li > a { color: #44484f; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: -1px; } .sitemap-item-list > ul > li > ul > li > ul { margin-bottom: 8px; } .sitemap-item-list > ul > li > ul > li > ul > li { position: relative; margin: 3px 0; padding-left: 12px; } .sitemap-item-list > ul > li > ul > li > ul > li:before { content: ''; display: block; overflow: hidden; position: absolute; top: 7px; left: 3px; width: 4px; height: 4px; background: #909297; font-size: 0; line-height: 0; } .sitemap-item-list > ul > li > ul > li > ul > li > a { color: #72767e; font-size: 13px; font-weight: normal; line-height: normal; } @media all and (max-width: 1040px) { /* +16 */ .sitemap-item-list > ul > li { width: 202px; padding-left: 30px; } } /* popup-security : 보안신고(팝업) ------------------------------------- */ .popup-security { width: auto; } .security-agree { padding: 0 0 10px 0; border-bottom: 1px solid #3d4145; } .security-agree-title { margin-bottom: 20px; padding-left: 25px; color: #1f2023; font-size: 16px; font-weight: normal; } .security-agree-box { overflow-x: hidden; overflow-y: auto; position: relative; height: 160px; background-color: #ededef; box-sizing: border-box; } .security-agree-box .security-agree-box-inner { padding: 25px; } .security-agree-box .box-default .box-title {} .security-agree-box .PI_emphasize {font-size:18px; line-height:25px; color:#3378c1}/* 보유및이용기간만 확대 색 */ .security-agree-check { margin-bottom: 10px; padding: 10px 0 10px 0; border-bottom: 1px solid #dadada; } .security-realperson { } .security-realperson-title { padding: 10px 0 10px 25px; border-bottom: 1px solid #3d4145; color: #1f2023; font-size: 16px; font-weight: normal; } .security-realperson-box { position: relative; margin-top: 10px; padding: 20px 0 10px 0; background-color: #fff; text-align: center; } .security-realperson-box .input-defaultReal { display: block; width: 140px; height: 27px; margin: 0 auto; line-height: 27px; border: 1px solid #dddddd; background: none; } .security-realperson-box .security-realperson-description { display: block; margin-top: 5px; color: #6e7179; font-size: 14px; line-height: normal; } .realperson-challenge { display: inline-block; color: #000; } .realperson-text { font-family: "Courier New",monospace; font-size: 6px; font-weight: bold; letter-spacing: -1px; line-height: 3px; } .realperson-regen { cursor: pointer; font-size: 12px; padding-top: 4px; text-align: center;} .realperson-disabled { opacity: 0.5; } .realperson-disabled .realperson-regen { cursor: default; } /* popup-rights : 환자의 권리와 의무(팝업) ------------------------------------- */ .popup-rights { width: auto; } /* 비회원 진료예약 - Layer popup ------------------------------------- */ .popup-not-member { } .popup-not-member .modal-container { width:860px; } .popup-not-member .content-box { float:left; width:380px; box-sizing:border-box; } .popup-not-member .content-box .content-box-title { margin:0 0 25px 0; font-size:22px; font-weight:bold; text-align:center; color:#1b1d21; } .popup-not-member .login-reserve .content-box-title strong { color:#115bab; } .popup-not-member .fast-reserve .content-box-title strong { color:#109e9f; } .popup-not-member .login-reserve { padding:0 50px 0 0; } .popup-not-member .login-reserve .input-text {margin-bottom:10px; padding:0 20px; height:50px; line-height:56px; } .popup-not-member .login-reserve .input-checkbox-group {margin-top:10px; margin-left:0;} .popup-not-member .login-reserve .input-checkbox-group .input-checkbox { margin-top:1px; } .popup-not-member .login-reserve .btns-wrap {/*padding-top:15px;*/padding-top:0;} .popup-not-member .login-reserve .login-helper {margin-top:13px;} .popup-not-member .login-reserve .login-helper .input-checkbox-group { float:left; margin:0; } .popup-not-member .login-reserve .login-helper .helper-link { float:right; } .popup-not-member .login-reserve .login-helper a { position:relative; display:inline-block; margin:0; padding:0 0 0 24px; font-size:15px; letter-spacing:-1px; color:#454850; } .popup-not-member .login-reserve .login-helper a:before { position:absolute; top:0; left:10px; margin:0; content: '\b7'; font-weight:bold; color:#6e7179; } .popup-not-member .login-reserve .login-helper a.link-join { padding-left:0; } .popup-not-member .login-reserve .login-helper a.link-join:before { display:none; margin:0; } .popup-not-member .fast-reserve { padding:0 0 0 50px; border-left:1px dotted #dbdbdd; } .popup-not-member .fast-reserve .info-text { margin:0 0 15px 0; font-size:16px; text-align:center; color:#44484f; } .popup-not-member .fast-reserve .search-box-step { margin-bottom:20px; } .popup-not-member .fast-reserve .search-box-step .input-text { height:49px; } .popup-not-member .login-info-txt { margin:0; padding:15px 0 0 0; border-top:1px solid #e1e1e3; } .popup-not-member .login-info-txt .tel-info { float:left; width:; margin:0; } .popup-not-member .login-info-txt .tel-info span, .popup-not-member .login-info-txt .tel-info strong { display:block; } .popup-not-member .login-info-txt .tel-info span { font-size:14px; color:#1b1d21; } .popup-not-member .login-info-txt .tel-info strong { font-size:21px; letter-spacing:-1px; color:#115bab; } .popup-not-member .login-info-txt .list-default { float:right; margin:0; } .popup-not-member .login-info-txt .list-default ul li { line-height:1.5; font-size:13px; } /* 2016.06.30 차세대 미현으로 인한 스타일 수정 */ .popup-not-member.mci-col01 .modal-container {width:auto} .popup-not-member.mci-col01 .fast-reserve {padding:0; border-left:0} .popup-not-member.mci-col01 .content-box {width:326px} /* ========================================================================== 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) { .inner-wrap, .inner-section { width:1024px; } .media-view-footer .media-list .media-box .media-cont { padding: 15px 20px; } .media-view-footer .media-list .media-box .media-cont .item-title { font-size: 18px; line-height: 24px; } .media-view-footer .media-list .media-box .media-cont .item-info { font-size: 13px; } .media-view-footer .media-recommend-minor .media-list .media-box .media-cont .item-field { font-size: 16px; } .media-view-footer .media-recommend-minor .media-list .media-box .media-cont .item-title { font-size: 12px; line-height: 18px; } .mystory-item .mystory-date { width: 110px; } .responsive-column.list-column2 > ul { margin-left: 0; } .responsive-column.list-column2 .card-item { width: 100%; margin-left: 0; } .personalization-area:before { top:-8px;} .personalization-area > .area-inner-wrap { margin:0; } .personalization-area .content-box > .box-inner-wrap { margin-left:17px; margin-right:17px; } .personalization-area .user-profile { padding-left:106px; } .personalization-area .user-profile .my-state a { margin-left:2px; } .personalization-area .custom-contents .item-detail .input-selectbox { width:250px !important; } .personalization-area .custom-contents .item-detail .input-selectbox .ui-selectmenu-button { width:249px !important; } .personalization-area .custom-contents .item-detail .custom-category li { padding:0 13px; } .personalization-area .reservation .reservation-state { width:255px; /*height:207px;*/ height:199px; } .personalization-area .reservation .reservation-input .fast-reserve .input-tel { width:165px; } .personalization-area .today-health .item-detail .manage-box { width:94px; margin-right:5px; } .personalization-area .today-health .item-detail .manage-box.manage-box-center { width: 105px; margin-right:0; } .personalization-area .today-health .item-detail .manage-box .manage-data { font-size:14px; } .personalization-area .today-health .item-detail .link-box { margin:0 12px; } .personalization-area .taking-medicine .item-title .title-description { letter-spacing:-1px; } .personalization-area .patient-note .patient-note-link a, .personalization-area .icon-headache, .personalization-area .icon-anticancer, .personalization-area .icon-diabetes { width:96px; } .personalization-area .foryou-health-info .health-info-gauge .gauge-num { font-size:24px; } .media-detail-aside-inner { max-height: 463px; } .media-detail-aside-content { max-height: 404px; } .search-box-medicine-type02 .step-section .div-point-last { display: block; margin: 7px 0; } .search-box-medicine-type02 .step-section .div-point-last .search-box-title { text-align: left !important; } .interest-doctor .doctor-content { width: 185px; } .s-doctor .box-person-info { padding-left:15px; padding-right:15px; } .s-doctor .box-person-info table th, .s-doctor .box-person-info table td { padding-left:5px; padding-right:5px; font-size:15px; } } @media all and (max-width: 1040px) { /* +16 */ .inner-wrap, .inner-section {width:1000px;} .mystory-item .mystory-date { width: 90px; } /* 개인화영역 */ .personalization-area .content-box > .box-inner-wrap { margin-left:13px; margin-right:13px; } .personalization-area .user-profile .my-state a { width:55px; height:55px; font-size:11px; } .personalization-area .user-profile .my-state a .state-num { font-size:14px; } .personalization-area .custom-contents .item-detail .input-selectbox { width:240px !important; } .personalization-area .custom-contents .item-detail .input-selectbox .ui-selectmenu-button { width:240px !important; } .personalization-area .custom-contents .item-detail .custom-category li { padding:0px 12px; } .personalization-area .reservation .reservation-state { width:246px; height:207px; } .personalization-area .reservation .reservation-input .fast-reserve .input-tel { width:156px; } .personalization-area .today-health .item-detail .link-box { margin:0 11px; } .personalization-area .today-health .item-detail .manage-box { width:100px; padding-left:8px; } .personalization-area .today-health .item-detail .manage-box.manage-box-center { width:106px; } .personalization-area .patient-note .patient-note-link a, .personalization-area .icon-headache, .personalization-area .icon-anticancer, .personalization-area .icon-diabetes { width:94px; } .personalization-area .foryou-health-info .health-info-gauge .gauge-num { font-size:24px; } .interest-doctor .doctor-content { width: 165px; } } /*공지사항 150505 */ .post-option .inner-section .post-option-box {margin:0 30px 100px; padding:16px 15px 15px; border:3px solid #ebecec;} .post-option .inner-section .post-option-box .post-oprion-txt {font-size:14px; color:#484747; background:url('../img/bg/postoption_bar.gif') no-repeat right 1px; padding-right:16px; } .post-option .inner-section .post-option-box .post-option-file {color:#3378c1;} .post-option .inner-section .post-option-box .post-option-file .ico-file {padding:0 15px 0 13px; background:url('../img/ico/ico_file_postoption.gif') no-repeat right 1px; } /*2016.02.29*/ .post-option .inner-section .post-option-box .num{padding:0 15px 0 13px; color:#3378c1;} .add-divide {margin-top:10px !important;} .add-divide p.text-center {margin-bottom:10px;} /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { .popup-iframe-con .btn-print { display:none; } .s-doctor.modal-open .wrapper, .s-doctor.modal-open .modal-dimed, .s-doctor.modal-open .popup-s-custom-contents .custom-contents-view .con-util, .s-doctor.modal-open .popup-s-custom-contents .custom-contents-list { display:none !important; } .s-doctor.modal-open .popup-s-custom-contents { position:static; overflow:hidden; width:100%; height:auto; } .s-doctor.modal-open .custom-contents-view .scrollable { overflow:hidden; height:auto; } .header-fixed {display: none !important;} .media-detail-aside {display: none !important;} .media-view {margin-top:-150px;} .media-view .media-infographic-title .button {display: none !important;} } .schResultLink a{font-size:13px; color:#115bab; margin-left:10px;} .sch-result-color {background-color:#ff7c00;} /* 2016.02.26 */ /* #USER_ID_INPUT1 {text-transform:lowercase} */ /* 2016.03.07 : 당뇨소식지 신청 */ .dangWebzinApply .post-detail.no-column {max-width:1280px} .wrap_webzin_apply {height:548px; margin-top:37px; padding:22px 30px 0 422px; background:#e4f0f9 url(../img/bg/bg_dangWebzinApply.png) 0 0 no-repeat} .wrap_webzin_apply_news {background:#e4f0f9 url(../img/bg/bg_dangWebzinApplyNews.gif) 69px 50px no-repeat} .wrap_webzin_apply_cancer {background:#e4f0f9 url(../img/bg/bg_dangWebzinApplyCancer.gif) 69px 50px no-repeat} .wrap_webzin_apply .tit {margin:0 0 12px} .wrap_webzin_apply .wrap_input {float:left; margin-bottom:26px; font-size:14px} .wrap_webzin_apply .wrap_input .input_txt {display:block; float:left; height:45px; padding:0 18px; vertical-align:middle; font-size:19px; color:#3478c1; line-height:48px; border:1px solid #3478c1; background:#fff} .wrap_webzin_apply .wrap_input .input_txt::-webkit-input-placeholder {color:#3478c1;} .wrap_webzin_apply .wrap_input .input_txt::-moz-placeholder {color:#3478c1;} .wrap_webzin_apply .wrap_input .input_txt:-moz-placeholder {color:#3478c1;} .wrap_webzin_apply .wrap_input .input_txt:-ms-input-placeholder {color:#3478c1;} .wrap_webzin_apply .wrap_input .space_block {display:block; float:left; padding:0 3px; line-height:45px} .wrap_webzin_apply .wrap_input.input-selectbox .ui-selectmenu-button {vertical-align:middle; height:45px; margin-left:7px; font-size:19px; border:1px solid #3478c1; background:#fff} .wrap_webzin_apply .wrap_input.input-selectbox .ui-selectmenu-text {font-size:19px; line-height:48px;} .wrap_webzin_apply .wrap_input02 {clear:both; margin-top:10px; padding-left:181px} .wrap_webzin_apply .wrap_input02:after {display:block; content:""; clear:both} .wrap_webzin_apply .button {float:right; margin-top:-26px; margin-bottom:26px} .wrap_webzin_apply .box_agree {clear:both; padding:10px 20px 12px; background:#fff} .wrap_webzin_apply .info-txt {margin:0; font-size:14px; color:#7c7f85; line-height:1.7} .wrap_webzin_apply .input-checkbox-group {margin:-3px 0 -3px 0} .wrap_webzin_apply .label-text {font-size:14px;color:#7c7f85;} .wrap_webzin_apply .agree-cont {padding-top:20px;} .wrap_webzin_apply .agree-tit {display:inline-block; padding-bottom:9px; font-size:17px} .wrap_webzin_apply .star {font-size:15px; color:#ff0000} @media all and (max-width: 1359px) { .wrap_webzin_apply .wrap_input .input_txt#email2 {width:309px !important; margin-top:10px;} .wrap_webzin_apply .wrap_input .ui-selectmenu-button {margin-top:12px;} .wrap_webzin_apply {height:auto !important; padding-bottom:40px;} .wrap_webzin_apply .agree-cont .table-default tr td {padding-left:2px; padding-right:2px;} } /* 2016.03.24 찾아오시는 길 - 셔틀버스 */ .location-SMC.shuttle {} .location-SMC.shuttle ul:after {left:44px; width:90%} .location-SMC.shuttle .img-shuttle li {width:20%} .location-SMC.shuttle .img-shuttle li.first {text-align:left} .location-SMC.shuttle .img-shuttle li.first > i {margin:0 0 10px 44px} .location-SMC.shuttle .img-shuttle li.first div {display:inline-block; text-align:center; margin-left:15px} .location-SMC.shuttle .img-shuttle li.last {text-align:right} .location-SMC.shuttle .img-shuttle li.last > i {margin:0 44px 10px auto} .location-SMC.shuttle .img-shuttle li.last div {display:inline-block; text-align:center; margin-right:45px} .location-SMC.shuttle .txt-shuttle {margin-top:30px} .location-SMC.shuttle .txt-shuttle:after {display:none} .location-SMC.shuttle .txt-shuttle li {width:100%} /* 2016.04.27 마이페이지, 나의서비스 */ .taking-care-intro .taking-care-intro-appinfo .appinfo-box.mypage{min-height: 458px;padding:30px 30px 0px 300px;} .taking-care-intro-appinfo .appinfo-box.mypage .appinfo-icon{top:25px ;left:40px;} .taking-care-intro .taking-care-intro-appinfo .appinfo-box.mypage .appinfo-icon .appinfo-icon-image{width:230px; height:auto;} .taking-care-intro .taking-care-intro-appinfo .appinfo-box .appinfo-text.bul-list{padding: 0 0 0 12px; background: url('../../../_component/static/img/ico/bul_list.gif') no-repeat 0 10px;} .taking-care-intro .taking-care-intro-appinfo .appinfo-box .appinfo-text.bul-list strong{color: #1b1d21;} .appinfo-box.mypage .input-text{width:150px; height:40px;margin-right:8px;background:#fff;border:1px solid #8093a4;} .appinfo-box.mypage .button-message{height:40px; line-height:40px; background-color: #3378c1; color: #fff;} .appinfo-box.mypage .appinfo-title2{display:block; font-size:18px; margin-top:35px; margin-bottom:15px;} .appinfo-box.mypage .install-box{display:block; margin-top:8px; margin-bottom:35px;} .appinfo-box.mypage .install-box .color-blue{display:inline-block; position:absolute;left:30px; margin-right:15px; font-size:16px; line-height:40px;} .appinfo-box.mypage .install-box .button{width:120px;} .appinfo-box.mypage .app-btn-wrap{display:inline-block; margin-top:8px; height:40px;} .appinfo-box.mypage .app-btn-wrap .button{width:135px; padding:0; margin-right:8px;text-indent:-9999px;} .appinfo-box.mypage .app-btn-wrap .button-navy{background-color:#384464; color:#fff;} .appinfo-box.mypage .app-btn-wrap .icoGooglePlay {padding-left: 29px;background: url(../../static/img/ico/ico_android.png) 0 9px no-repeat;} .appinfo-box.mypage .app-btn-wrap .icoAppStore {padding-left: 32px;background: url(../../static/img/ico/ico_ios.png) 0 9px no-repeat;} .appinfo-box.mypage .app-btn-wrap .btn_googleplay{background: url(../../static/img/btn/btn_googleplay.png)} .appinfo-box.mypage .app-btn-wrap .btn_appstore{background: url(../../static/img/btn/btn_appstore.png)} .appinfo-box.mypage .ico_caution_gray{padding-left:20px; background: url(../../static/img/ico/ico_caution_gray.png) 5px 0px no-repeat;} .appinfo-box.mypage .tip{font-size:14px;margin-top:20px; padding-bottom:20px;} .appinfo-box.mypage .box-white {display:inline-block;padding: 0px 8px 0px 38px;margin-top:8px; color:#656972; background-color: #fff;border:1px solid #c3c3c3;text-indent:-35px;} .appinfo-box.mypage .box-white .box-txt {display: inline; padding:3px 3px 3px 32px;font-size:14px; line-height:38px; } @media (max-width:1359px){/* 1359에서 사이즈 줄어드는 사이트만 css 찾아서 (여긴 본원). 개별수정필요 양성자와 해피카페와 본원 1359에서 푸터 가로 줄어들음 */ #footer .copy.copy_with_authmark {margin-bottom:42px;} #footer .canexpanded.with_authmark {bottom:208px} .outer_secure_authmark {height:76px;} .outer_secure_authmark .small_width_show {display:block; height:11px;} .outer_secure_authmark .isms_pop, .outer_secure_authmark .iso_pop {background:url(/_newhome/ui/_component/static/img/ico/img_isms_auth_small.png) no-repeat 0 0; height:36px;} .outer_secure_authmark .isms_pop {width:312px} .outer_secure_authmark .iso_pop {width:200px; margin-left:0; background-position:0 -41px;} } /* 건강정보 해피노베이션 추가 2016-12-07 */ .section-A .sticked_cont_happynovation {display:none} #gnb .sticked_cont_happynovation h3 {margin:0 0 4px 0; color:#3378c1; font-size:20px;} .sticked_cont_happynovation p {line-height:20px; color:#3378c1;} .sticked_cont_happynovation .ico-gnb.img_pic_happynovation {width:68px; height:67px; background:url(/_newhome/ui/home/static/img/ico/img_pic_happynovation.jpg) no-repeat 0 0;} @media (max-width:1359px){ .section-A .sticked_cont_happynovation {display:block; margin-top:-10px; font-size:14px} .sticked_cont_happynovation h3 {font-size:14px;} .sticked_cont_happynovation p {font-size:13px;} .section-A .sticked_cont_happynovation .ico-gnb.img_pic_happynovation {float:left; margin-right:10px;} } .section-C .links .hospitalizationpre_info .ico-gnb-hintopre {background:url(../img/ico/ico_gnb_hintoinfo_off.png) no-repeat 0 0;} .section-C .links .hospitalizationpre_info:hover .ico-gnb-hintopre {background:url(../img/ico/ico_gnb_hintoinfo_on.png) no-repeat 0 0;} /* 개인정보처리방침 2022-04-11 */ .outer_summary_list {margin-top:62px;} .outer_summary_list2 {margin-top:72px;} .outer_summary_list .section-heading, .outer_summary_list2 .section-heading {padding-bottom:40px;} .outer_summary_list .section-heading-title, .outer_summary_list2 .section-heading-title {text-align:center;} .private-terms #item2 dd .list-default ul li {color:#666 ;} .private-terms dd > p:first-child {font-weight:bold; margin-bottom:20px;} .private-terms .tit_deeper_sect {display:block; color:#999; font-weight:bold; margin-top:20px;} .private-terms li div:first-child .tit_deeper_sect {margin-top:0;} .outer_summary_list .private_summary_list{overflow:hidden; } .outer_summary_list .private_summary_list > li { min-height:285px} .outer_summary_list .private_summary_list > li {float:left; width:246px; padding:27px 9px 0 9px; margin-left:12px; border-radius:10px; background-color:#fff; border:2px solid #e9e9e9; box-sizing:border-box;} .outer_summary_list .private_summary_list > li:first-child {margin-left:0;} .outer_summary_list .private_summary_list li ul.col2 {overflow:hidden;} .outer_summary_list .private_summary_list li ul.col2 li {float:left; box-sizing:border-box; width:50%;} .outer_summary_list .private_summary_list li .txt_list {padding-top:9px; padding-left:16px; box-sizing:border-box; border-top:1px dashed #ebebeb;} .outer_summary_list .private_summary_list li .txt_list li {position:relative; padding-left:12px; margin-top:7px; font-size:16px; line-height:21px; color:#666;} .outer_summary_list .private_summary_list li .txt_list li:before{display:block; position:absolute;top:7px; left:0; content:""; width:6px; height:6px; border-radius:30px; background-color:#6e7179; line-height:21px;} .outer_summary_list .private_summary_list li .txt_list li.only_eng {font-size:13px;} .outer_summary_list .private_summary_list li >p strong {font-weight:normal;} .outer_summary_list .private_summary_list li >p {font-size:20px; color:#333; padding-bottom:94px; padding-top:0px; margin-bottom:22px; background:url(/_newmweb/static/mweb/img/bg_private_summary01.png) no-repeat 50% 100%; background-size:69px 68px; text-align:center; font-weight:bold; box-sizing:border-box;} .outer_summary_list .private_summary_list li.n2 >p {background:url(/_newmweb/static/mweb/img/bg_private_summary02.png) no-repeat 50% 100%; background-size:62px 71px;} .outer_summary_list .private_summary_list li.n3 >p {background:url(/_newmweb/static/mweb/img/bg_private_summary03.png) no-repeat 50% 100%; background-size:62px 71px;} .outer_summary_list .private_summary_list li.n4 >p {background:url(/_newmweb/static/mweb/img/bg_private_summary04.png) no-repeat 50% 92%; background-size:63px 62px;} .outer_summary_list .private_summary_list li.n5 >p {background:url(/_newmweb/static/mweb/img/bg_private_summary05.png) no-repeat 50% 100%; background-size:62px 71px;} .outer_summary_list .txt_additional {margin-top:10px; font-size:15px; color:#666; text-align:right;} .outer_summary_list2 .summary_detail_list {overflow:hidden;border:2px solid #e9e9e9; padding:4px; background-color:#fff;} .outer_summary_list2 .summary_detail_list > ul {overflow:hidden; padding:24px 0 11px 36px; border:1px solid #f2f2f2; background-color:#fff;} .outer_summary_list2 .summary_detail_list li {margin-bottom:14px; float:left; width:38%; font-size:16px;} .outer_summary_list2 .summary_detail_list li:nth-of-type(3n-2) {width:33%;} .outer_summary_list2 .summary_detail_list li:nth-of-type(3n) {width:29%;} .outer_summary_list2 .summary_detail_list li a {display:block; width:100%; color:#666;} .outer_summary_list2 .summary_detail_list li a:hover {font-weight:bold; color:#333; text-decoration:underline} @media all and (max-width:1359px){ .outer_summary_list .private_summary_list > li {width:195px;} .outer_summary_list .private_summary_list li >p {font-size:16px;} .outer_summary_list .private_summary_list li .txt_list {padding-left:4px;} .outer_summary_list .private_summary_list li .txt_list li {font-size:13px;} .outer_summary_list2 .summary_detail_list > ul {padding-left:10px;} .outer_summary_list2 .summary_detail_list li {font-size:14px;} } /* 2024-06-21 개인정보 반영분 */ /* .outer_summary_list2 .summary_detail_list24_6 li:nth-of-type(3n-2) {width:37%;} .outer_summary_list2 .summary_detail_list24_6 li:nth-of-type(3n) {width:30%;} */ .outer_summary_list24_6 .private_summary_list, .outer_summary_list24_6 .txt_additional {overflow:hidden; width:762px; margin:0 auto;} .outer_summary_list24_6 .private_summary_list {margin-top:-10px;} .outer_summary_list24_6 .private_summary_list > li {margin-top:10px; min-height:306px} .outer_summary_list24_6 .private_summary_list li.n4 {margin-left:0;} .outer_summary_list24_6 .private_summary_list li.n4 >p {background:url(/_newmweb/static/mweb/img/p_item_003.png) no-repeat 50% 100%; background-size:70px 70px;} .outer_summary_list24_6 .private_summary_list li.n5 >p {background:url(/_newmweb/static/mweb/img/bg_private_summary06.png) no-repeat 50% 100%; background-size:62px 71px;} .outer_summary_list24_6 .private_summary_list li.n6 >p {background:url(/_newmweb/static/mweb/img/bg_private_summary04.png) no-repeat 50% 100%; background-size:63px 62px;} .outer_summary_list2 .summary_detail_list.summary_detail_list24_6 > ul {padding-bottom:4px;} .outer_summary_list2 .summary_detail_list.summary_detail_list24_6 li {width:50%; margin-bottom:23px;} .private-terms .summary_detail_list24_6 li a img, .private-terms .private_list_24_6 > dl dt img {width:30px; height:30px; margin-left:3px; vertical-align:middle;} .private-terms .private-list.private_list_24_6 dl dt {padding-top:14px; padding-bottom:12px;} .outer_easyv_maintop {border:5px solid #eee; border-radius:5px; box-sizing:border-box; background:#fff url(/_newhome/ui/home/static/img/protect/bg_protect_easyv.png) no-repeat 172px 40px;} #wrap_private_vernormal .outer_easyv_maintop {margin-top:34px; } .outer_easyv_maintop .inner_easyv_maintop {padding:70px 0 71px 553px; font-size:24px; line-height:26px; box-sizing:border-box;} .outer_easyv_maintop .txt_title {color:#333b43; padding-bottom:0px;} .outer_easyv_maintop .txt_emph {color:#4685eb; } .outer_easyv_maintop .txt_desc {color:#6e7179; font-size:16px; line-height:22px; margin-top:18px; margin-bottom:5px;} #wrap_private_vereasy .btn_easyv_common, #wrap_private_vernormal .btn_easyv_common {background-color:#4685eb; font-size:14px; line-height:24px; color:#fff; padding:6px 11px 5px 11px;} #wrap_private_vereasy .tit_area_easyv h2 {font-weight:bold; font-size:28px; color:#333; text-align:center;} #wrap_private_vereasy .tit_area_easyv {position:relative; padding-top:48px;padding-bottom:58px;} #wrap_private_vereasy .outer_easyv_maintop .txt_title {padding-bottom:4px;} .outer_easyv_cont {margin-top:31px; margin-bottom:120px;} .outer_easyv_cont .easyv_cont > li {padding:38px 0 38px 169px ; line-height:20px; border-top:1px solid #e9e9e9; color:#6e7179; background:url(/_newhome/ui/home/static/img/protect/easy_icon01.png) no-repeat 41px 50%;} .outer_easyv_cont .easyv_cont > li>p, .outer_easyv_cont .easyv_cont > li .txt_desc{line-height:25px;} .outer_easyv_cont .easyv_cont > li:first-child { border-top:0 none} .outer_easyv_cont .easyv_cont > li .easyv_tit {display:block; font-weight:normal; color:#4685eb; font-size:20px; margin-bottom:15px;} .outer_easyv_cont .easyv_cont > li span {text-decoration:underline} .outer_easyv_cont .easyv_cont > li, .outer_easyv_cont .easyv_cont .list-default li {font-size:14px;} .outer_easyv_cont .easyv_cont > li.elem2 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon02.png);} .outer_easyv_cont .easyv_cont > li.elem3 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon03.png);} .outer_easyv_cont .easyv_cont > li.elem4 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon04.png);} .outer_easyv_cont .easyv_cont > li.elem5 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon05.png);} .outer_easyv_cont .easyv_cont > li.elem6 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon06.png);} .outer_easyv_cont .easyv_cont > li.elem7 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon07.png);} .outer_easyv_cont .easyv_cont > li.elem8 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon08.png);} .outer_easyv_cont .easyv_cont > li.elem9 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon09.png);} .outer_easyv_cont .easyv_cont > li.elem10 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon10.png);} .outer_easyv_cont .easyv_cont > li.elem11 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon11.png);} .outer_easyv_cont .easyv_cont > li.elem12 {background-image:url(/_newhome/ui/home/static/img/protect/easy_icon12.png);} .outer_easyv_cont .btn_area_easv {margin-top:36px;text-align:center;} .outer_easyv_cont li .list-default >p + ul {margin-top:5px;} div.p_div_tabs:after {display:block; content:""; clear:both;} div.p_div_tabs {padding-top:14px;} div.p_div_tabs .role_tablist li {float:left; width:15%; box-sizing:border-box; background-image:none; margin-top:10px; margin-bottom:0; margin-right:0.7%; padding-left:0; height:43px; letter-spacing:-1px;} div.p_div_tabs .role_tablist li > a {display:block; width:100%; height:100%; background-color:#a7a7a7; text-align:center; color:#fff; border:2px solid #a7a7a7; box-sizing:border-box; padding:12px 0; font-size:16px; line-height:17px;} div.p_div_tabs .role_tablist li > a.active, div.p_div_tabs .role_tablist li > a:hover, div.p_div_tabs .role_tablist li > a:focus {color:#72767e; background-color:#fff;} .pdiv_tabs_cont .table-wrapper {margin-top:30px;} .pdiv_tabs_cont {display:none} @media all and (max-width:1359px){ .outer_summary_list.outer_summary_list24_6 .private_summary_list > li {width:246px;} .outer_summary_list.outer_summary_list24_6 .private_summary_list li .txt_list {padding-left:16px;} .outer_summary_list .private_summary_list li .txt_list li {font-size:13px;} .outer_summary_list2 .summary_detail_list > ul {padding-left:10px;} .outer_summary_list2 .summary_detail_list li {font-size:14px;} .outer_easyv_maintop {background-position:50px 40px;} .outer_easyv_maintop .inner_easyv_maintop {padding-left:410px;} } /* 2024-07-22 개인정보 */ .outer_summary_list24_7 .private_summary_list, .outer_summary_list24_7 .txt_additional {width:1020px;} .outer_summary_list24_7 .private_summary_list li.n3 {margin-left:0;} .outer_summary_list24_7 .private_summary_list li.n4 {margin-left:10px;} .outer_summary_list24_7 .private_summary_list li.n2_add >p {background:url(/_newmweb/static/mweb/img/bg_private_summary02_add.png) no-repeat 50% 100%; background-size:62px 71px;} .outer_summary_list24_7 .private_summary_list li.n3_add >p {background:url(/_newmweb/static/mweb/img/bg_private_summary03_add.png) no-repeat 50% 100%; background-size:62px 71px;} .private-terms .use_direct_target24 > li {margin-top:20px;} .private-terms .use_direct_target24 > li >img {width:30px; height:30px; margin-right:3px;} .private-terms .use_direct_target24 > li >span{padding-right:5px;} .outer_summary_list2_24_7 {margin-bottom:40px;} .summary_detail_list24_6 .sd_sub_title24 {margin:10px 10px 10px 20px;} .private-terms .tablist_big_category {margin-top:30px;} .private-terms .tablist_big_category > ul {margin-right:-0.2%;} .private-terms .tablist_big_category li {width:33.1%; margin-left:0.2%;} .private-terms .tablist_big_category li a {padding-top:20px; padding-bottom:20px; font-size:18px;} .outer_big_category .private_list_24_6 dl.big_category_theothers {background-color:#fff;} .outer_big_category .private_list_24_6 dl.big_category_theothers dt { color: #115bab; font-weight: bold; } .outer_big_category .private_list_24_6 dl.big_category_theothers dd {display:block !important;} .btn_bigcategory24_tab {background-color:#4685eb; font-size:14px; line-height:24px; color:#fff; padding:6px 11px 5px 11px;} .private_terms24_7 section#contents {margin-top:-52px} .private_terms24_7 #wrap_private_vernormal .outer_easyv_maintop {margin-top:24px;} #big_category1 .outer_summary_list24_7, #big_category2 .outer_summary_list2_24_7, #big_category3 .outer_summary_list2_24_7 {margin-top:30px;} #big_category1 .outer_summary_list24_7 .section-heading, #big_category2 .outer_summary_list2_24_7 .section-heading, #big_category3 .outer_summary_list2_24_7 .section-heading {padding-bottom:25px;} .private_terms24_7 .big_category_theothers {padding-top:10px !important;} .big_category_theothers >dt.none {position:absolute;top:-999px;left:-999px; font-size:1px; height:1px; line-height:1px;} /*.private-terms .summary_detail_list24_6 li a, .private-terms .private_list_24_6 > dl dt {background:url(/_newmweb/static/mweb/img/p_item_001.png) no-repeat 0 50%; background-size:30px 30px; line-height:30px;} .private-terms .summary_detail_list24_6 li.item_002 a, .private-terms .private_list_24_6 > dl#item2 dt {background-image:url(/_newmweb/static/mweb/img/p_item_002.png);} .private-terms .summary_detail_list24_6 li.item_003 a, .private-terms .private_list_24_6 > dl#item3 dt {background-image:url(/_newmweb/static/mweb/img/p_item_003.png);} .private-terms .summary_detail_list24_6 li.item_004 a, .private-terms .private_list_24_6 > dl#item4 dt {background-image:url(/_newmweb/static/mweb/img/p_item_004.png);} .private-terms .summary_detail_list24_6 li.item_005 a, .private-terms .private_list_24_6 > dl#item5 dt {background-image:url(/_newmweb/static/mweb/img/p_item_005.png);} .private-terms .summary_detail_list24_6 li.item_006 a, .private-terms .private_list_24_6 > dl#item6 dt {background-image:url(/_newmweb/static/mweb/img/p_item_006.png);} .private-terms .summary_detail_list24_6 li.item_006 a, .private-terms .private_list_24_6 > dl#item6 dt {background-image:url(/_newmweb/static/mweb/img/p_item_007.png);} .private-terms .summary_detail_list24_6 li.item_008 a, .private-terms .private_list_24_6 > dl#item8 dt {background-image:url(/_newmweb/static/mweb/img/p_item_008.png);} .private-terms .summary_detail_list24_6 li.item_009 a, .private-terms .private_list_24_6 > dl#item9 dt {background-image:url(/_newmweb/static/mweb/img/p_item_009.png);} .private-terms .summary_detail_list24_6 li.item_010 a, .private-terms .private_list_24_6 > dl#item10 dt {background-image:url(/_newmweb/static/mweb/img/p_item_010.png);} .private-terms .summary_detail_list24_6 li.item_011 a, .private-terms .private_list_24_6 > dl#item11 dt {background-image:url(/_newmweb/static/mweb/img/p_item_011.png);} .private-terms .summary_detail_list24_6 li.item_012 a, .private-terms .private_list_24_6 > dl#item12 dt {background-image:url(/_newmweb/static/mweb/img/p_item_012.png);} .private-terms .summary_detail_list24_6 li.item_013 a, .private-terms .private_list_24_6 > dl#item13 dt {background-image:url(/_newmweb/static/mweb/img/p_item_013.png);} .private-terms .summary_detail_list24_6 li.item_014 a, .private-terms .private_list_24_6 > dl#item14 dt {background-image:url(/_newmweb/static/mweb/img/p_item_014.png);} .private-terms .summary_detail_list24_6 li.item_016 a, .private-terms .private_list_24_6 > dl#item16 dt {background-image:url(/_newmweb/static/mweb/img/p_item_015.png);} .private-terms .summary_detail_list24_6 li.item_017 a, .private-terms .private_list_24_6 > dl#item17 dt {background-image:url(/_newmweb/static/mweb/img/p_item_016.png);} .private-terms .summary_detail_list24_6 li.item_018 a, .private-terms .private_list_24_6 > dl#item18 dt {background-image:url(/_newmweb/static/mweb/img/p_item_017.png);}*/ /* 진료과 소개 - 이비인후과 특화 2022-04 */ .ent_type_title {font-size:46px;color:#4b4b4b; line-height:50px; text-align:center; margin:100px 0 47px 0;} .outer_enttype_doctorlist {text-align:center; border-bottom:2px solid #cfcfd1; border-right:2px solid #cfcfd1; border-left:2px solid #cfcfd1; color:#6f6f6f;} .outer_enttype_doctorlist a {color:#6f6f6f;} .outer_enttype_doctorlist a:hover {border-bottom:2px solid #818181; color:#454547;} .outer_enttype_doctorlist th, .outer_enttype_doctorlist td {vertical-align:middle; padding:40px 0; border-top:2px solid #cfcfd1;} .outer_enttype_doctorlist th {background-color:#dbdbdb; font-size:22px; line-height:25px; color:#8f8f8f; font-weight:normal; } .outer_enttype_doctorlist td {text-align:left; padding-left:30px; border-left:1px solid #cfcfd1; color:#6f6f6f; font-size:31px; line-height:40px; letter-spacing:-1px;} .outer_enttype_doctorlist .ent_location_tit {font-size:34px; line-height:40px; color:#686868; margin-bottom:12px; margin-top:11px;} .outer_enttype_doctorlist .ent_desc {text-align:left; padding-left:30px;} .ent_type_edit {color:#5772a9; text-align:right; font-size:20px; line-height:25px; margin-top:16px;} /* 병원생활안내 탭이 너무 많아 추가 2024-06-11 */ .tab-type06 .many_tab_items li a {padding-right:21px; padding-left:21px;}