@charset "utf-8";

/* 시원한 통증 의학과 PC Css */

/* Layout */
/*html {padding:80px 0 0; overflow:hidden; }*/

/*#mainWrap {width:100%; height:100%; background:#ebebeb;}*/
#mainheader {width:100%; min-width:980px; height:80px; border-bottom:2px solid #00529f; position:absolute; top:0px; left:0; z-index:3; background:#ececec; }
#mainContent {width:100%; position:absolute; top:80px; left:0; bottom:0; overflow:auto; background:url('/images/main/img-symbol.png') 87% 98% no-repeat;}
#mainFoot { padding:30px 0 10px 30px; margin-bottom: 20px; color:#333; clear:both;}

/* Header */
#mainheader .inCont { width:1100px; margin:0 auto;}
#mainheader .inCont:after { clear: both; }
#mainheader h1 {float:left; padding:19px 0 0 10px; margin-left:65px;}
#mainheader h1 a {width:278px; height:45px; display:block; text-indent:-9999em; background:url('/images/main/logo-pc.jpg') left top no-repeat;}
#mainheader nav {float:left; margin-top:40px; margin-left:100px; z-index:3;}
#mainheader nav > ul { margin-right: -20px; }
#mainheader nav > ul > li {float:left;}
#mainheader nav > ul > li > a {height:43px; color:#303030; font-size:1.143em; font-weight:700; display:block; text-decoration: none; padding-left: 35px; padding-right: 35px;}
#mainheader nav > ul > li > a.on,
#mainheader nav > ul > li > a:hover {color:#0073c4;}
#mainheader nav > ul > li > div {width:100%; height:49px; line-height:49px; text-align:right; position:absolute; left:0; top:80px; z-index:3; background:url('/images/main/bg-tablet-nav.png') repeat;}
#mainheader nav > ul > li > div ul {width:950px; height:49px; margin:0 auto; padding-right:30px;}
#mainheader nav > ul > li > div ul li {margin-left:20px; display:inline-block; *display:inline; *zoom:1;}
#mainheader nav > ul > li > div ul li:first-child {margin-left:0;}
#mainheader nav > ul > li > div ul li a {line-height:49px; color:#fff; display:block; padding-left:15px; text-decoration:none;}
#mainheader nav > ul > li > div ul li a.on,
#mainheader nav > ul > li > div ul li a:hover {background:url('/images/main/bg-nav-pc.png') left 50% no-repeat;}
#mainheader nav > ul > li > div.subNav1 ul {width:870px; padding-right:110px;}

/* Nav Sub */
#mainheader .posNavSub { display: none; width: 100%; height: 48px; position: absolute; top: 82px; z-index:101; background:rgb(11,65,146); background: transparent\9; background:rgba(11,65,146,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#500b4192,endColorstr=#500b4192); zoom: 1; }
#mainheader .posNavSub .boxNavSub { width:1100px; margin:0 auto;}
#mainheader .posNavSub .boxNavSub:after { clear: both; }
#mainheader .posNavSub .boxNavSub > ul { display: none; clear: both; height: 100%;  }
#mainheader .posNavSub .boxNavSub > ul > li { height: 100%; display: inline-block; *display: inline; *zoom: 1; margin-left: -2px; }
#mainheader .posNavSub .boxNavSub > ul > li > a { padding-left: 15px; padding-right: 15px; display: block; line-height: 48px; vertical-align: middle;color:#fff;text-decoration:none;}
#mainheader .posNavSub .boxNavSub > ul > li > a:hover { background: transparent url(/images/common/icon-nav-sub-menu.png) left center no-repeat; }
#mainheader .posNavSub .boxNavSub > ul.subNav1 { text-align: center; }
#mainheader .posNavSub .boxNavSub > ul.subNav3, 
#mainheader .posNavSub .boxNavSub > ul.subNav4 { text-align: right; }
#mainheader .posNavSub .boxNavSub > ul.subNav3 > li > a { padding-left: 8px; padding-right:8px;}

/* Content */
#mainContent .inCont {width:1100px; margin:0 auto; position:relative; padding-top:260px;}

#mainContent .loginWrap {text-align:right; margin-bottom:10px;}
#mainContent .loginWrap a {color:#595959; border-left:1px solid #595959; padding-left:7px; margin-left:5px; line-height:18px; }
#mainContent .loginWrap a:first-child {border-left:0;}

#mainContent .visualRolling {position:relative; z-index:1;}
#mainContent .visualRolling h2 {width:779px; height:115px; position:absolute; left:50%; top:-195px; margin-left:-389px; text-indent:-9999em; background:url('/images/main/txt-tit-pc.png') center top no-repeat;}

/* demo slider*/
.touchslider-demo {width:540px; height:410px; position:absolute; left:280px; top:0; overflow:hidden; background:#fff;border-radius:8px;box-shadow:0 0 5px #bbb;}
.touchslider-demo .touchslider-viewport {width:540px; height:410px; position:relative; overflow:hidden;}
.touchslider-demo .touchslider-item {width:540px; height:410px;  overflow:hidden;}
.touchslider-item img {width:540px; height:410px; }
.touchslider-demo .touchslider-nav {position:absolute; left:33px; bottom:20px;}
.touchslider-demo .touchslider-nav a {cursor:pointer; color:#000;}
.touchslider-demo .touchslider-nav a:active {background:#6d6d6d;}
.touchslider-demo .touchslider-nav-item {width:12px; height:12px; margin-right:6px; display:inline-block; -webkit-border-radius:12px; border-radius:12px; background:#6d6d6d;}
.touchslider-demo .touchslider-nav-item-current {background:#2d86eb;}

#mainContent .mainMenu {width:280px;padding:140px 0 0;float:left;}
#mainContent .mainMenu ul li {width:130px;height:130px;float:left;margin:0 10px 10px 0;border-radius:8px;box-shadow:0 0 5px #bbb;background-color:#ffffff;text-align:center;}
#mainContent .mainMenu ul li a {position:relative;color:#5d5d5d; font-size:1.143em; font-weight:700; text-align:center; display:block; text-decoration:none;line-height:26px;}
#mainContent .mainMenu ul li a:after {position:absolute;content:"";display:block;width:50px;height:50px;}
#mainContent .mainMenu ul li a span {color:#0072dc;display:block;}
#mainContent .mainMenu ul li.m1,
#mainContent .mainMenu ul li.m3,
#mainContent .mainMenu ul li.m7,
#mainContent .mainMenu ul li.m2,
#mainContent .mainMenu ul li.m9,
#mainContent .mainMenu ul li.m10,
#mainContent .mainMenu ul li.m11 {position:absolute;margin:0;}
#mainContent .mainMenu ul li.m8 {width:270px;}
#mainContent .mainMenu ul li.m9 {top:288px;right:0;margin:0;}
#mainContent .mainMenu ul li.m10 {top:288px;right:140px;}
#mainContent .mainMenu ul li.m1 {top:428px;right:140px;}
#mainContent .mainMenu ul li.m3 {top:428px;right:0;}
#mainContent .mainMenu ul li.m7 {top:568px;right:140px;}
#mainContent .mainMenu ul li.m11 {top:568px;right:0;}

#mainContent .mainMenu ul li.m8 a {height:80px;padding:50px 0 0 110px;text-align:left;font-size:20px;}
#mainContent .mainMenu ul li.m8 a:after {left:43px;top:43px;background:url('/images/main/bg-p8.png') no-repeat -50px -30px;}
#mainContent .mainMenu ul li.m3 a,
#mainContent .mainMenu ul li.m4 a,
#mainContent .mainMenu ul li.m6 a,
#mainContent .mainMenu ul li.m5 a,
#mainContent .mainMenu ul li.m7 a,
#mainContent .mainMenu ul li.m11 a {padding-top:80px;height:50px;}

#mainContent .mainMenu ul li.m5 a:after {left:42px;top:27px;width:52px;background:url('/images/main/bg-p5.png') no-repeat -48px -30px;}
#mainContent .mainMenu ul li.m6 a:after {left:40px;top:27px;width:54px;background:url('/images/main/bg-p6.png') no-repeat -48px -30px;}
#mainContent .mainMenu ul li.m3 a:after {left:40px;top:23px;height:60px;background:url('/images/main/bg-p3.png') no-repeat -46px -26px;}
#mainContent .mainMenu ul li.m7 a:after {left:40px;top:23px;height:60px;background:url('/images/main/bg-p7.png') no-repeat -46px -26px;}
#mainContent .mainMenu ul li.m11 a:after {left:45px;top:23px;background:url('/images/main/bg-p11.png') no-repeat 0 0;}

#mainContent .mainMenu ul li.m1 div a,
#mainContent .mainMenu ul li.m2 div a {padding-top:45px; height:85px;line-height:26px;font-size:1.286em;}
#mainContent .mainMenu ul li.m9 a,
#mainContent .mainMenu ul li.m10 a {width:100%; height:100%;line-height:26px;font-size:1.286em;display:block;height:85px;padding-top:45px;}

#mainContent .mainInfor {width:270px;height:130px;float:left;margin-left:-280px;border-radius:8px;box-shadow:0 0 5px #bbb;background:#ffffff;}

#mainContent .mainInfor .notice {position:relative;width:240px; height:130px; padding:0 17px;margin-bottom:10px;overflow:hidden;}
#mainContent .mainInfor .notice h3 {margin-top:15px;color:#5d5d5d;}
#mainContent .mainInfor .notice ul {margin-top:10px;}
#mainContent .mainInfor .notice li {position:relative;padding:10px 0; border-top:1px dashed #bfbfbf; color:#696969;}
#mainContent .mainInfor .notice li:first-child {border-top:0;}
#mainContent .mainInfor .notice li a {cursor:pointer; width:160px;line-height:20px; color:#696969; font-weight:600; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#mainContent .mainInfor .notice li a strong {color:#db3e00;display:inline;}
#mainContent .mainInfor .notice li .date {position:absolute; right:0; top:15px;color:#a0a0a0; font-size:0.857em;}

#mainContent .mainInfor .notice li.last {display:none;}
#mainContent .mainInfor .notice .btnMore {color:#0a0a0a; display:block; font-size:12px;position:absolute;right:15px;top:15px;}

#mainContent .joinHospital {width:820px; height:65px; position:relative; background:#fff;border-radius:8px;box-shadow:3px 3px 3px #dcdcdc; float:left; clear:both;}
#mainContent .joinHospital .joinRolling {width:720px; margin:0 auto; overflow:hidden; position:relative; height:65px;}
#mainContent .joinHospital .joinRolling ul {width:2000px; height:65px; overflow:hidden; position:absolute; left:0; top:0;}
#mainContent .joinHospital .joinRolling ul li {height:65px; line-height:65px; float:left; padding:0 10px;}
#mainContent .joinHospital .joinRolling ul li:first-child {background:none; padding-left:0; }
#mainContent .joinHospital .btnControl button {width:12px; height:21px; text-indent:-9999em; position:absolute; top:23px; display:block; }
#mainContent .joinHospital .btnControl button.btnPrev {left:16px;background:url('/images/main/btn-control.png') left top no-repeat;}
#mainContent .joinHospital .btnControl button.btnNext {right:16px; background-position:-13px 0;background:url('/images/main/btn-control-r.png') left top no-repeat;}

#mainContent .inforTel {overflow:hidden;width:270px; height:65px; text-align:left; float:right; background:#fff;border-radius:8px;box-shadow:0 0 5px #bbb;}
#mainContent .inforTel li {Height:60px;padding:10px 0 0 70px;color:#5cad00;font-size:14px; font-weight:800; background:url('/images/main/icon-tel2.gif') no-repeat 17px 50%;}
#mainContent .inforTel li:first-child {color:#0067c7; background:url('/images/main/icon-tel.gif') no-repeat 17px 50%;}
#mainContent .inforTel span {display:block; margin:5px 0 0; font-size:2.000em; color:#4b4b4b; letter-spacing:-1px; }

/* Footer */

#mainFoot ul {overflow:hidden;}
#mainFoot .txtMainaddress li {float:left; padding:0 15px; font-size:12px; font-weight:700;line-height:14px; color:#4d4d4d; border-left:1px solid #4e4e4e;}
#mainFoot .txtMainaddress li:first-child {padding-left:0; border-left:none;}
#mainFoot .txtMainaddress2 li {color:#636363; font-size:12px;margin-bottom:10px;}
#mainFoot .txtMainaddress2 li strong {color:#0073dd;font-size:12px;display:inline-block;margin-right:15px;}

#mainFoot ul li.add {display:block; float:left;}
#mainFoot p.copy {font-size:0.857em; margin-top:5px; color:#363636;letter-spacing:-1px;}

.txtMainaddress {color:#636363;font-weight:700;font-size:12px;}
.txtMainaddress li {margin-bottom:10px;}


/* display None Content */
#mainheader .memBtn,
#mainheader #menu .mNav,
#mainContent .visualRolling #slide_1,
#mainContent .visualRolling #slide_2,
#mainContent .visualRolling .bt1,
#mainContent .visualRolling .bt2,
#mainContent .clinicInquiry,
#mainContent .locationWrap,
#mainContent .mainInfor .notice .tit,
#mainFoot .mFoot,
#mainFoot .copy strong,
.wrapSubMember
{display:none; }