@charset "euc-kr"; @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); body {margin:0; font-family:'Nanum Gothic',sans-serif; font-size:12px; color:#666; letter-spacing:0; line-height:20px;} img {border:0; vertical-align:top;} ul,ol,dl {list-style:none; padding:0 0 0 0;} /* font */ a:link {font-size:12px; color:#666; text-decoration:none;} a:visited {font-size:12px; color:#666; text-decoration:none;} a:hover {font-size:12px; color:#103480; text-decoration:none;} .gnb a:link {font-size:1.125em; font-weight:bold; color:#fff; text-decoration:none;} .gnb a:visited {font-size:1.125em; font-weight:bold; color:#fff; text-decoration:none;} .gnb a:hover {font-size:1.125em; font-weight:bold; color:#42B325; text-decoration:none;} #wrap {width:100%;} #header {width:100%;} #header .line {height:4px; background-color:#0B88D0;} #header .logo {margin:10px auto; margin-left:10%; margin-right:10%;} #header .customer {padding:10px 0; width:100%; background-color:#f0f0f1; border-top:1px solid #ddd; text-align:center;} #header .gnb div {padding:15px 0 0 0; width:25%; height:40px; background-color:#233e99; float:left; text-align:center;} #header .gnb_sub {padding:10px; width:94%; border-bottom:1px solid #ddd; float:left;} #header .gnb_sub .division {padding:12px 10px; color:#eee;} #footer {width:100%; text-align:center; background-color:#f5f5f5; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #copyright {width:100%; text-align:center; padding:20px 0; color:#999;} #contents {width:100%; margin:0 auto;} #con_sub {padding:30px 10px; width:94%; float:left;} #nav {width:100%; padding:0; float:left; border-bottom:1px solid #e6e6e6;} #nav .history {padding:10px;} #nav .history .division {padding:0 10px; color:#dddddd;} #nav .history .page {padding:0; color:#103480; font-weight:bold;} /* footer */ #footer .sub_ban div {padding:20px 0; width:50%; float:left; color:#ffffff;} #footer .sub_ban .ban_1 {background-color:#42B3E5;} #footer .sub_ban .ban_2 {background-color:#0384CE;} #footer .sub_ban .ban_3 {background-color:#3156A3;} #footer .sub_ban .ban_4 {background-color:#103480;} #footer .btm_link1 {padding:5px 0; width:100%; color:#999; float:left; text-align:center; letter-spacing:0; background-color:#ffffff; border-bottom:1px solid #dddddd;} #footer .btm_link2 {padding:5px 0; width:100%; color:#999; float:left; text-align:center; letter-spacing:0; background-color:#f5f5f5; border-bottom:1px solid #dddddd;} #footer .copyright {padding:10px 0 20px 0; width:100%; color:#999; float:left; text-align:center; letter-spacing:0; line-height:15px;} .font_02 {font-size:1.125em; color:#3bb3e5; font-weight:bold;} .support {width:100%: padding:0; margin:0;} .support th {color:#fff; height:30px;} .support td {height:30px; border-bottom:1px solid #ddd;} /* header * #header .line {height:4px; background-color:#0B88D0;} #header .logo {margin:10px auto; margin-left:10%; margin-right:10%;} #header .customer {padding:0; width:100%; background-color:#f0f0f1; border-top:1px solid #ddd;} #header .customer .tel {padding:0 0 0 10px; width:70%; float:left;} #header .customer .btn {padding:0 10px 0 0; width:13%; float:right;} #header .gnb div {padding:15px 0 0 0; width:25%; height:40px; background-color:#233e99; float:left; text-align:center;} #header .gnb_sub {padding:10px; width:94%; border-bottom:1px solid #ddd; float:left;} #header .gnb_sub .division {padding:12px 10px; color:#eee;} /* contents * #contents .main_visual div {width:100%; float:left;} #contents .main_btn1 div {padding:0 0 0 0; width:25%; float:left;} #contents .main_btn2 div {padding:0 0 0 0; width:25%; float:left;} #contents .main_btn3 div {padding:0 0 0 0; width:100%; float:left;} /* con_sub * #con_sub {padding:0 10px; width:94%; float:left;} #con_sub .txt_tit {font-size:16px; font-weight:bold; color:#222;} #con_sub .txt_tit2 {font-size:24px; font-weight:bold; color:#009ada;} #con_sub .txt_point {color:#ff5500;} #nav .history .page {font-weight:bold; color:#0055a5;} #con_sub .dot_line {width:100%; height:1px; border-bottom:1px dashed #507681;} #con_sub .tit {padding:8px 0 0 0; width:20%; float:left;} #con_sub .txt {width:100%;} #con_sub .txt input {padding:10px 0; border-left:#ccc 1px solid; border-top:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; width:50%;} #con_sub textarea {border-left:#ccc 1px solid; border-top:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; width:70%; height:83pt;} #con_sub .btn {padding:20px 0 20px 50%; margin-left:-50px;} #con_sub .review {padding:0; margin:0;} #con_sub .review .pic {padding:10px 0; width:100%; float:left;} #con_sub .review .txt {width:50%; padding:0 0 0 10px;} #con_sub .review .line {width:94%; border-bottom:1px solid #ddd;} #con_sub .review1 {font-size:16px; color:#233f99; font-weight:bold;} #con_sub .review2 {} #con_sub .tit {width:100%; padding:0;} #con_sub .tit_tit {width:25%; padding:5px 0; border-top:2px solid #233e99; text-align:center; float:left; background-color:#f0f0f1; color:#233f99; font-weight:bold;} #con_sub .tit_con {width:100%; padding:5px 0; border-top:2px solid #233e99; background-color:#f0f0f1;} /* #con_sub .tit {width:100%; padding:0;} #con_sub .tit_tit {width:20%; padding:5px 0; text-align:center; float:left; background-color:#009ada; color:#ffffff;} #con_sub .tit_con {width:100%; padding:5px 0; text-align:center; background-color:#f0f0f1; color:#009ada;} */ /* 메인 비주얼* #jqb_object img{border: none;} #jqb_object {position:relative; width:auto; height:280px; overflow:hidden;} #jqb_object .jqb_slide{position:absolute; width:auto; height:280px; text-align: left;} /* 0104 병원둘럽기 터치갤러리 * #sliderWrap li {display:none; width:100%; margin:5px 0 auto;} #sliderWrap li:first-child {display:block;} #sliderWrap li img {width:100%;} .arrowBox a {display:block; width:46px; height:46px; background:url(img/arrow-btn.png) no-repeat; text-indent:-999px;} .arrowBox a:last-child {background-position:0 0;} .arrowBox a:first-child {background-position:-46px 0; float:right;} /* html {overflow-y:scroll;} html,body {height:100%; -webkit-text-size-adjust:none;} body {font-family: 'Nanum Gothic',sans-serif; font-size:12px; color:#666; letter-spacing:0; line-height:25px;} img {border:0; vertical-align:middle;} html,body,div,form,input,select,button,textarea,legend,fieldset,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,blockquote,address,p,th,td,caption {margin:0px; padding:0px;} ul,ol,dl {list-style:none;} ul li img {display:inline; vertical-align:top;} li,ul {padding:0; margin:0;} /*float:left; * #wrap {width:100%; text-align:center;} #header {width:100%; margin:0 auto;} #visual {width:100%; margin:0 auto;} #nav {width:100%; margin:0 auto;} #contents {width:100%; margin:0 auto;} #footer {width:100%; margin:0 auto;} /* nav * #nav .history {background-color:#ff0000;} /* .clsBannerScreen {overflow:hidden; position:relative; width:360px; height:290px; cursor:pointer; clear:both;} .clsBannerScreen .images {position:absolute; display:none;} /* font * a:link {font-size:12px;color:#666;text-decoration:none;} a:visited {font-size:12px;color:#666;text-decoration:none;} a:hover {font-size:12px;color:#1c449b;text-decoration:none;} .toptop a:link {font-size:12px;color:#fff;text-decoration:none;} .toptop a:visited {font-size:12px;color:#fff;text-decoration:none;} .toptop a:hover {font-size:12px;color:#009ada;text-decoration:none;} .menu a:link {font-size:14px;color:#666;text-decoration:none;} .menu a:visited {font-size:14px;color:#666;text-decoration:none;} .menu a:hover {font-size:14px;color:#1c449b;text-decoration:none;} .history {color:#999; text-decoration:none;} .history .page {color:#1c449b; text-decoration:none;} .txt .no-point {color:#999; text-decoration:none;} .point {font-size:24px;color:#009ada;} #wrap_main {background-image:url(img/visual_main.jpg); background-repeat:repeat-x; background-position:50% 0%;} #wrap {background-image:url(img/bg_top.png); background-repeat:repeat-x; background-position:50% 0%;} #top {width:950px; margin:0 auto; background-color:#009ada;} #visual {width:950px; margin:0 auto;} #contents {width:950px; margin:0 auto;} #footer {width:100%; text-align:center; background-color:#f5f5f5; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #copyright {width:100%; text-align:center; padding:20px 0; color:#999;} #top .toptop {height:30px;} #top .toptop .box1 {width:50%; padding:3px 0; float:left;} #top .toptop .box2 {width:50%; padding:3px 0; text-align:right; color:#fff;} #top .toptop .box2 ul {float:right;} #top .toptop .box2 .division {padding:0 10px; color:#5970a1;} #top .gnb .logo {width:200px; padding:10px 20px 10px 10px; float:left;} #top .gnb .nav {width:720px; padding:30px 0; text-align:right; color:#fff;} #top .gnb .nav ul {float:right;} #visual .visual_main {padding:29px 26px 30px 613px;} #contents .box11 {padding:30px 20px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;} #contents .box12 {padding:30px 20px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;} #contents .box13 {padding:30px 20px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;} #contents .box14 {padding:30px 20px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;} #contents .box21 {padding:30px 20px; border-left:1px solid #e6e6e6;} #contents .box22 {padding:30px 20px; border-left:1px solid #e6e6e6;} #contents .box23 {padding:30px 20px; border-left:1px solid #e6e6e6;} #contents .box24 {padding:30px 20px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;} #footer .btn {width:950px; height:40px; padding:14px 0;} #footer .btn .division {padding:0 10px; color:#ccc;} #contents_sub {width:950px; margin:0 auto;} #sub_left {width:180px; height:100%; float:left;} #sub_con {width:730px; padding:0 0 50px 40px;} #sub_left .tit {} #sub_left .menu {height:100%; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;} #sub_left .menu li {width:138px; padding:17px 20px; border-bottom:1px solid #e6e6e6;} #sub_con .history {float:right; padding:30px 0;} #sub_con .tit {padding:70px 0 45px 0;} /* #top .gnb {hegith:90px; float:left;} #gnb li,ul {float:left;} .break {clear:both;} #conMain {width:1060px; margin:0 auto;} #con {width:900px; margin:0 auto;} #contents {vertical-align:top;} #tab {padding:30px 0 0 0; height:35px; width:1060px; margin:0 auto; background-image:url("img/tab_bg.gif"); background-repeat:repeat-x;} #tab_con {padding:20px 0 0 0;} .headerimg {background-position: center top; background-repeat: no-repeat; width:100%; height:725px; position:absolute;} #contents .title {padding:30px 0 0 0; font-size:30px; font-weight:bold; color:#007dc6;} #contents .title_italic {padding:30px 0 0 0; font-size:30px; font-style:italic; font-weight:bold; color:#007dc6;} #contents .title2 {padding:20px 0 0 0; font-size:18px; font-weight:bold; color:#222;} #contents .title3 {font-size:16px; font-weight:bold; color:#666;} #contents table,tr,td {margin:0; padding:0; vertical-align:top;} #formmail {} #formmail .tit {width:220px;} #formmail .txt {width:330px; padding:3px 0; float:left;} #formmail .txt input {border-left:#ccc 1px solid; border-top:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; width:250px; height:30px;} #formmail textarea {border-left:#ccc 1px solid; border-top:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; width:250px;} #topMain {width:900px; padding:0 0 0 0;} #topSub {width:900px; margin:0 auto;} #topSub {width:900px; padding:0 0 0 0;} #top_logo {vertical-align:top; text-align:left; padding:0 0 0 0;} #top_gnb {vertical-align:top; text-align:right; padding:0 0 0 0; width:625px;} #gnb .depth1 {text-align:left; text-align:right; width:625px; height:70px;} #gnb .depth2 {text-align:left; text-align:left; width:625px; height:35px;} #gnb .depth2 .depth2_1 {padding-left:20px;} #gnb .depth2 .depth2_2 {padding-left:65px;} #gnb .depth2 .depth2_3 {padding-left:250px;} #gnb .depth2 .depth2_4 {padding-left:260px;} #touchSlider {width:1060px; height:540px; margin:0 auto; background:#ccc; position:relative; overflow:hidden;} #touchSlider ul {position:absolute; top:0; left:0; overflow:hidden;} #touchSlider ul li {float:left; width:1060px; height:540px; background:#9C9; font-size:14px; color:#fff;} #arrow_control {width:90px; height:55px; position:absolute; left:970px; top:-310px; z-index:1; filter:alpha(opacity=50); -moz-opacity;0.5; -khtml-opacity:0.5; opacity:0.7;} #arrow_control #count {height:25px; font-size:14px; line-height:15px; text-align:center; color:#fff; font-weight:bold; z-index:9; background-color:#000;} .btn_area {width:90px; margin:0 auto; background:#f5f5f5; overflow:hidden;} .btn_area button {display:block; width:45px; height:55px; background:#000; font-size:14px; color:#fff; font-weight:bold;} .btn_area button.btn_prev {float:left;} .btn_area button.btn_next {float:right;} .btn_area .btn_page {display:inline-block; width:10px; height:10px; margin:3px; font-size:0px; line-height:0; text-indent:-9999px; background:#3399CC;} .btn_area .btn_page.on {background:#ff0000;} html,body,div,form,input,select,button,textarea,legend,fieldset,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,blockquote,address,p,th,td,caption {margin:0; padding:0;} ol,ul,li {list-style:none;} img,fieldset {border:0 none;} input,select,textarea {vertical-align:middle; resize:none; position:relative;} input,textarea {-webkit-appearance:none; -webkit-border-radius:0;} input[type="checkbox"] {-webkit-appearance:checkbox;} input[type="radio"] {-webkit-appearance:radio; -webkit-border-radius:10px;} button {border:0 none; background:transparent; cursor:pointer;} hr {display:none;} legend,.hide {width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden;} table caption {width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0;} table {border-collapse:collapse; border-spacing:0;} header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption {display:block;} a:link,a:visited {text-decoration:none; color:#666;} a:active,a:hover,a:focus {text-decoration:underline;} input.basic {height:19px; line-height:19px; padding:0 5px; border:1px solid #cacaca; *margin-top:-1px; _margin-top:-2px;} textarea.basic {border:1px solid #cacaca; padding:5px; overflow:scroll; overflow-x:hidden; *margin-top:-1px; _margin-top:-2px;} select.basic {height:21px;}