@charset "utf-8"; /*========================================================================== Layout Style ==========================================================================*/ #wrap { position:relative; width:100%; min-width:1000px; padding-top:75px; background-color:#fff; } #header { position:absolute; z-index:10; left:0; top:0; width:100%; overflow:hidden; padding:30px 0 6px;background:url(../images/common/htop_bg.gif) repeat-x } #header h1.logo { position:absolute; left:46%; top:35px; z-index:2; margin:0 0 0 -471px; } #header div.quick { position:absolute; top:0px;height:25px;left:50%; margin:0 0 0 310px; width:160px; } #header div.quick .menu{position:absolute;top:0px; right:0px; width:290px;height:25px; color:#fff; background:url(../images/common/top_mbg.png) no-repeat right} #header div.quick .menu li{float:left;display:inline-block; padding-left:15px; font-size:11px; font-family:Dotum; margin:5px 8px 0 8px; background:url("../images/common/bar.png") no-repeat 0px 3px;} #header div.quick .menu li:first-child{background:none;} #header div.quick .menu li:last-child{background:none;} #header div.quick .menu li a{color:#FFF; } #header div.quick .menu:after{content:"";display:block; clear:both;} #header .subLine { position:absolute; left:0; bottom:0; z-index:2; display:block; width:100%; height:6px; background:url("../images/common/header_bg.png") 0 100% repeat-x; } /* 스크립트 추가영역 */ #header .gnbWrap { position:relative; width:100%; overflow:hidden; background:#fff url("../images/common/header_bg02.png") 50% 65px repeat-x; background-size: cover; } #header .gnbWrap .subLine { position:absolute; left:0; top:65px; z-index:2; display:block; width:100%; height:6px; background:url("../images/common/header_bg.png") 0 100% repeat-x; } /* 스크립트 추가영역 */ #header .gnb { width:860px; height:65px; margin:0 auto; overflow:hidden; padding-left:240px; border:0px solid #f00 } #header .gnb strong { display:block; } #header .gnb strong a { display:block; height:65px; overflow:hidden; letter-spacing:-1000px; color:#fff; background:url("../images/common/gnb_menu2.png") 0 0 no-repeat; } #header .gnb .active strong a, #header .gnb strong a:hover, #header .gnb strong a:focus { height:62px; border-bottom:3px solid #019e8d; } #header .gnb li.g1 strong a { width:100px; background-position:0 0; } #header .gnb li.g2 strong a { width:100px; background-position:-100px 0; } #header .gnb li.g3 strong a { width:110px; background-position:-200px 0; } #header .gnb li.g4 strong a { width:100px; background-position:-330px 0; } #header .gnb li.g5 strong a { width:100px; background-position:-430px 0; } #header .gnb li.g6 strong a { width:110px; background-position:-530px 0; } #header .gnb li.g7 strong a { width:110px; background-position:-650px 0; } #header .gnb li.g1.active strong a { background-position:0 -65px; } #header .gnb li.g2.active strong a { background-position:-100px -65px; } #header .gnb li.g3.active strong a { background-position:-200px -65px; } #header .gnb li.g4.active strong a { background-position:-330px -65px; } #header .gnb li.g5.active strong a { background-position:-430px -65px; } #header .gnb li.g6.active strong a { background-position:-530px -65px; } #header .gnb li.g7.active strong a { background-position:-650px -65px; } #header .gnb > li { display:none; float:left; padding:0 10px 0 10px; background:url("") 0 31px no-repeat; } #header .gnb > li:first-child { margin-left:0; padding-left:0; background:none; } #header .gnb li.g1, #header .gnb li.g2, #header .gnb li.g3, #header .gnb li.g4, #header .gnb li.g5, #header .gnb li.g6, #header .gnb li.g7{ display:block; } #header .gnb .dep2 { display:block; margin-right:-25px; padding:21px 0 10px; } #header .gnb .dep2 > li { margin-bottom:12px; margin-left:0px;width:125px; } #header .gnb .dep2 > li.pd{ width:100px !important; } #header .gnb .dep2 > li.pd a{ padding-left:20px !important; color:#ddd; font-size:1.05em; line-height:1.3; letter-spacing:-.08em; } #header .gnb .dep2 > li a { padding-left:0px; color:#ddd; font-size:1.05em; line-height:1.3; letter-spacing:-.08em; } #header .gnb .dep2 a.active { padding-left:0px; color:#FFF !important; } #header .gnb .dep2 a:hover { color:#FFF !important; } #header .gnb .dep3 { display:none; } /* Main Slider */ #container { position:relative; height:680px; overflow:hidden; margin-bottom:0; } #container .contents { position:static; width:100%; height:100%; padding:0; margin:0; } #container .contents { position:relative; margin-top:0; margin-bottom:0; } #container .contents .mainItem { display:none; position:absolute; left:100%; top:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 0; } #container .contents .mainItem .copy { position:absolute; left:50%; top:92px; margin-left:-470px; } #container .contents .mainItem .cont { position:absolute; left:50%; top:140px; width:384px;margin-left:70px; } #container .contents .together { background-image:url("../images/main/main_visual_bg1.jpg"); } #container .contents .business { background-image:url("../images/main/m_visual2_210723.jpg"); } #container .contents .together { display:block; left:0; z-index:4; } #container .btnSet { position:absolute; left:50%; top:520px; z-index:5; width:128px; overflow:hidden; margin-left:-470px; } #container .btnSet a { float:left; width:17px; margin-right:47px; } #container .btnSet a span { display:block; height:28px; overflow:hidden; white-space:nowrap; text-indent:-999px; background-repeat:no-repeat; background-image:url("../images/main/btn_prev_next.png"); } #container .btnSet a span.prev { background-position:0 0; } #container .btnSet a span.next { background-position:-37px 0; } #container .btnSet a:hover span.prev { background-position:0 -29px; } #container .btnSet a:hover span.next { background-position:-37px -29px; } #container .controllBtn { position:absolute; left:50%; top:525px; margin-left:-437px; z-index:6; } #container .controllBtn a { display:block; width:16px; height:16px; overflow:hidden; white-space:nowrap; text-indent:-999px; background-repeat:no-repeat; background-image:url("../images/main/btn_prev_next.png"); background-position:-37px -64px; } #container .controllBtn a:hover { background-position:-37px -93px; } #container .controllBtn a.play { background-position:0 -64px; } #container .controllBtn a.play:hover { background-position:0 -93px; } /* Main Contents */ #main_wrap {position:relative; clear:both; width:100%; height:740px; background:url(../images/main/m_cont_bg.png) repeat-x 0 250px;} #main_wrap .m_container {position:relative; width:1000px; margin:0px auto 0;} #main_wrap .block01 {position:absolute;left:0; top:17px; width:1000px; height:210px;} #main_wrap .block02 {position:absolute;left:0; top:275px; width:1000px; height:210px;} #main_wrap .block03 {position:absolute;left:0; top:520px; width:1000px; height:190px;} h2 {font-weight:bold; font-size:1.35em; line-height:24px; } .btn {position:relative; float:right; margin:5px 5px 0 0} /* 비수술적 척추관절치료센터 */ #ct_box01 {position:relative; float:left; width:300px;} #ct_box01 .clinic {position:relative; float:left; clear:both; width:300px; margin:5px 0 0} /* 의료진소개 */ #ct_box02 {position:relative; float:left; width:330px; height:204px; margin:0 5px 0 35px; background:url(../images/main/pattern_bg01.png) no-repeat 10px 30px;} #ct_box02 .text {color:#888; font-size:.95em; margin:10px 0 0 10px;} #ct_box02 .doctor {position:relative; float:left; width:330px; margin:15px 0 0 0} /* 검사안내 */ #ct_box03 {position:relative; float:left; width:298px; height:205px; border:1px solid #e5e5e5; margin:0 0 0 30px;} #ct_box03 .title {margin:10px 0 0 10px; width:280px; float:left; clear:both;} #ct_box03 .pd {position:relative; float:left;clear:both; margin:24px 0 0 0} /* 공지사항- 퀵아이콘 */ #ct_box04 {position:relative; float:left; width:300px; height:202px; clear:both; margin:0px 0 0 0} #ct_box04 .notice {position:relative; float:left; width:300px; margin:10px 0 0;} #ct_box04 .notice ul {} #ct_box04 .notice ul li {display:block; float:left; width:295px; margin:0px 0 3px} #ct_box04 .date {float:right; font-size:11px; color:#888} #ct_box04 .quick_icon {position:absolute; left:0; bottom:0;width:298px; height:69px; border:1px solid #d9d9d9; background:url(../images/main/quick_icon.png) no-repeat;} #ct_box04 .quick_icon ul {} #ct_box04 .quick_icon ul li {display:inline-block; float:left;width:74px; height:69px;text-indent:-9999px;} #ct_box04 .quick_icon ul li a {width:74px; height:69px; } /* 온라인상담 */ #ct_box05 {position:relative; float:left; width:340px; margin: 0px 0 0px 30px} #tab_container {width: 340px; margin: 0px 0 0 0 ;} #tab_container ul.tabs {margin:0px 0 0 0;padding: 0;float: left;list-style: none;height: 26px; width:340px;border-bottom: 1px solid #cecece;} #tab_container ul.tabs li {float: left;margin: 0;padding: 0;height: 30px; font-weight:bold;line-height: 30px; text-align:center;width:170px;background: #6c6c6c;overflow: hidden;position: relative;} #tab_container ul.tabs li a {text-decoration: none;display: block;font-size: 1.05em; color:#fff;padding: 0 20px;border: 0px solid #fff;outline: none;} #tab_container ul.tabs li a:hover {background: #00bcaa;color: #fff;} #tab_container ul.tabs li.active, ul.tabs li.active a:hover {background: #00bcaa;color: #fff;} #tab_container .tab_container1 { background:url(../images/main/monitor.png) no-repeat left 0px; border: 0px solid #999; border-top: none; clear: both; float: left; width: 340px; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } #tab_container .tab_content {margin: 10px 0 0 0px;font-size: 1.0em; color:#757575;} #tab_container .tab_content .t_img {position:absolute; top:-77px; left:0px; width:340px; height:77px;} #tab_container .tab_content .date{float:right; color:#999 ; margin:0 3px 0 0; font-size:11px;} #tab_container .tab_content ul {} #tab_container .tab_content ul li {display:block; float:left; color:#757575; margin:0 0 4px;width:340px;} #tab_container .tab_content ul li a{ color:#555;} /* 운동요법 */ #ct_box06 {position:relative; float:left; width:300px; height:205px; margin:00px 0 0 30px;} #ct_box06 .btmBox {float:left; position:relative; width:300px; z-index:1;} #ct_box06 .btmBox.middle {width:300px;} /*exerciseCureList*/ #ct_box06 .btmBox.middle.cure {position:relative; padding:0px 0 0; } #ct_box06 .btmBox.middle.cure h4 {position:absolute; top:0px; left:0px;} .CureList {float:left; width:105px; height:155px; overflow:hidden; margin:45px 0 0; border-bottom:1px solid #eee; } .CureList li a {display:block; overflow:hidden; width:105px; height:31px; background:url('../images/main/exercise_list.gif') no-repeat; text-indent:-1000em; overflow:hidden;} .CureList li.exercise01 a {background-position:0 0;} .CureList li.exercise01 a.active {background-position:-105px 0;} .CureList li.exercise02 a {background-position:0 -31px;} .CureList li.exercise02 a.active {background-position:-105px -31px;} .CureList li.exercise03 a {background-position:0 -62px;} .CureList li.exercise03 a.active {background-position:-105px -62px;} .CureList li.exercise04 a {background-position:0 -93px;} .CureList li.exercise04 a.active {background-position:-105px -93px;} .CureList li.exercise05 a {background-position:0 -124px;} .CureList li.exercise05 a.active {background-position:-105px -124px;} .CureImgList {float:left; width:195px; overflow:hidden;} .CureImgList ul {width:10000px;} .CureImgList ul li {float:left; width:195px; height:212px; text-align:center;} /* Customer Center */ #ct_box07 {position:relative; float:left; width:300px; height:190px; background:#f3f3f3 url(../images/main/clock.png) no-repeat 0px 115px;} #ct_box07 .ntop {position:relative; float:left; width:265px; height:50px; margin:12px 0 0 18px; background:url(../images/main/icon_phone.png) no-repeat right 5px;} #ct_box07 .text {position:relative; float:left; font-size:.95em; color:#777;} #ct_box07 .num {position:relative; float:left; clear:both; color:#0db7a5; font-size:2.70em; font-family:DIN-Medium, nanumgothic; margin:3px 0 0 0; letter-spacing:-.05em;} #ct_box07 .tb {position:relative; float:left; width:265px; margin:7px 0 0 18px; background:url(../images/main/dot_line.png) repeat-x top; } #ct_box07 .tit {position:relative; float:left; margin:10px 0 0; width:62px;} #ct_box07 .day {position:absolute; left:63px; top:8px; } #ct_box07 .day ul {} #ct_box07 .day ul li {display:block; float:left;width:200px; color:#888;font-size:.95em; padding:0;height:16px; letter-spacing:-.05em; margin:0 0 0px 0;} #ct_box07 .time {position:absolute; left:112px; top:8px; } #ct_box07 .time ul {} #ct_box07 .time ul li {display:block; float:left;width:150px; color:#333;font-size:.95em; padding:0;height:16px; margin:0 0 0px 0;} /* 사회봉사활동 */ #ct_box08 {position:relative; float:left; width:315px; height:190px; margin:0 0 0 30px;} #ct_box08 ul { margin:15px 0 0} #ct_box08 ul li {display:inline-block; float:left; width:145px; margin:0 22px 0 2px } #ct_box08 ul li.last {margin:0} #ct_box08 p.text {margin:10px 0 0;} /* Footer */ #footer2 {position:relative;float:left; clear:both;width:100%; height:140px; margin:0px auto 0; background:url(../images/common/bottom_bg.gif) repeat-x } #footer2 .wrap {position:relative; margin:0 auto; width:1000px;} #footer2 .link {position:relative; float:left; margin:12px 0 0 0; width:500px} #footer2 .link ul {} #footer2 .link ul li {display:inline-block; float:left; font-family:Dotum; font-size:12px; background:url(../images/common/ds_line2.gif) no-repeat right 3px;padding-right:15px; margin:0 0 0 14px;} #footer2 .link ul li a { color:#555} #footer2 .link ul li:last-child { background: none;} #footer2 .link ul li:first-child {margin:0 !important} #footer2 .copyright {position:relative;width:700px; float:left; clear:both; color:#d9d9d9; font-size:12px; font-family:dotum} #footer2 .copyright ul {float:left; margin:30px 0 0 0px;width:auto;} #footer2 .copyright ul li{ width:auto;line-height:18px; } #footer2 .site {position:absolute; top:5px; right:0px;width:157px; z-index:9999;background: url('../images/common/link_site.gif') no-repeat 0; border:0px solid #f00} #footer2 .relation_site {position:relative; float:right;width:150px; margin:0px 0px 0 0px;} #footer2 .relation_site .btn {display:inline-block; width:140px; height:22px; padding:3px 0px 0 15px; font-size:11px; color:#9e9e9e;} #footer2 .relation_site .list {position:absolute; bottom:28px; right:0px; width:155px;height:18px; padding:3px 0 3px 0px; background:#fff; border:1px solid #e0e0e0; display:none;} #footer2 .relation_site .list a {display:block; color:#999; font-size:11px;} #footer2 .social {position:absolute; top:57px; right:0; width:227px; height:34px; background:url(../images/common/social.png) no-repeat} #footer2 .social ul {} #footer2 .social ul li {display:inline-block; float:left; width:35px; height:34px; margin:0 0 0 3px; text-indent:-9999px } #footer2 .social ul li a {text-indent:-9999px } #footer2 .social ul li:first-child {margin:0} #btn_mobile { position: relative; width: 100%; clear: both; text-align: center; padding:3% 0; background-color:#00bcaa; } #btn_mobile a { font-size: 4.0em; line-height:1.2em; color:#fff; }