@charset "utf-8";
@import url(base.css);
@import url(board.css);
@import url(member.css);


/* Noto Sans KR */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('font/notokr-Light.eot');
    src: local('※'),
    url('font/notokr-Light.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
	src: url('font/notokr-Regular.eot');
	src: local('※'),
         url('font/notokr-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
	src: url('font/notokr-Medium.eot');
	src: local('※'),
         url('font/notokr-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
	src: url('font/notokr-Bold.eot');
	src: local('※'),
         url('font/notokr-Bold.woff') format('woff');
}

/* Verdana
@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: 400;
    src: url('font/Verdana-Regular.eot');
    src: local('※'),
    url('font/Verdana-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: 500;
    src: url('font/Verdana-Medium.eot');
    src: local('※'),
    url('font/Verdana-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: 700;
    src: url('font/Verdana-Bold.eot');
    src: local('※'),
    url('font/Verdana-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: 900;
    src: url('font/Verdana-ExtraBold.eot');
    src: local('※'),
    url('font/Verdana-ExtraBold.woff') format('woff');
}

 */




/* default */
body {font-size:16px; line-height:28px;   font-family: 'Noto Sans KR', 'Verdana', sans-serif; color:#555; letter-spacing:-0.02em;}


a:link {text-decoration:none; color:#555; }
a:visited {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#ff842f;}




.cboth {clear:both;}
.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}


.cen {position:relative; margin:0 auto; width:1260px;}


/* Layout */
#wrapper {position: relative; width:100%; min-width:1260px;}

#header{position: fixed; width:100%; height:60px; z-index:10000; background:#fff; border-bottom:1px solid #dfdfdf;}
#header .top {position:relative; width:1260px;  margin:0 auto; }

#header .top h1 {position:absolute; top:17px;	left:0;  z-index:999; }
#header .top h1 img {width:120px;}

#gnb {position:absolute; right:0; top:15px;  z-index:999999; }
#gnb ul li {float:left; }
#gnb ul li a {color:#767676; font-size:12px; line-height:30px; font-family:'Noto Sans KR'; font-weight:400; padding:0 12px;}
#gnb .gnb_txt {position:relative; float:left;}
#gnb .gnb_mem {position:relative; float:left; border:1px solid #d5d7d9; border-radius:3px; margin-left:15px;}
#gnb .gnb_mem img {margin:8px 0 0 0;}
#gnb .gnb_mem .line {background:url(../images/common/gnb_line.jpg) no-repeat left;}
.search {position:absolute; right:0; top:40px;  width:190px; height:32px; border:1px solid #0766b6; border-radius:3px; margin-left:15px;}
.search input {width:140px; height:30px; margin:0; border:0; padding:0 0 0 15px; color:#767676; font-size:12px; line-height:30px; font-family:'Noto Sans KR'; font-weight:400;}


#lnb {position:relative; overflow:hidden; top:0px; cursor:pointer;    width:850px; margin:0 auto; padding:0 215px 0 195px;}
#lnb ul li {float:left; width:170px; font-size:18px;  font-weight:700;  line-height:60px; text-align:center; letter-spacing:-0.05em; }
#lnb ul li a {color:#444;}

.hidden{visibility:hidden;width:0;height:0;overflow:hidden;position:absolute;top:-10000px;line-height:0;}

.menuWrap {position:relative;height:0;}


#allMenuView {position:absolute; z-index:10000; width:100%;  top:60px; overflow:hidden; display: none; background:#fff;  border-bottom:1px solid #d45500;  z-index:10000;}
/*background-color:#13470f; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;*/

#allMenuView .m_left {position:relative; float:left; width:195px; padding-top:30px; font-size:15px;}
#allMenuView .m_left .call {color:#f68c3a; font-family:"Verdana"; font-size:17px; font-weight:bold; letter-spacing:-0.03em;}
#allMenuView .m_left .txt {font-weight:lighter;font-size:13px; line-height:16px;}
#allMenuView .m_left .txt span {color:#555;  font-weight:500; padding-top:15px;}
#allMenuView .m_left .txt br {line-height:10px;}

#allMenuView .m_right {position:relative; float:left; width:155px; text-align:center; color:#646464; font-size:13px; font-weight:500; padding-top:30px;}
#allMenuView .m_right ul li {margin-bottom:20px;}

#allMenuView .menu_cen {position:relative; float:left; width:850px;  background:url(../images/common/lnb_line2.jpg) repeat-y left;}

#allMenuView .menu {float:left;  width:170px; height:480px; padding:30px 0;background:url(../images/common/lnb_line2.jpg) repeat-y right;}
#allMenuView .menu ul li{height:35px; }
#allMenuView .menu ul li a {color:#777; font-size:16px; letter-spacing:-0.03em;}
#allMenuView .menu ul li a:hover {color:#d45500;}

.a1 a{margin-left:35px;}
.a2 a{margin-left:35px;}
.a3 a{margin-left:40px;}
.a4 a{margin-left:45px;}
.a5 a{margin-left:50px;}




/* footer */ 
#footer_wrap {clear:both; position: relative; }

#footer_wrap .call {position:relative; float:left;}
#footer_wrap .call ul li {float:left; margin-right:70px; line-height:35px; color:#525252; font-size:15px; font-weight:500;}
#footer_wrap .call ul li span {color:#ff842f;}

#footer_wrap .sns {position:relative; float:left;}
#footer_wrap .sns ul li {float:left; margin-right:5px;}

#footer_wrap .f_m {position:relative; float:right;}
#footer_wrap .f_m ul li {float:left; margin-left:30px; line-height:35px;}
#footer_wrap .f_m ul li a {font-size:14px; color:#565656; font-weight:500; letter-spacing:-0.05em;}
#footer_wrap .f_m ul li a:hover {color:#ff842f;}



#footer_wrap .footer {position: relative; width:1260px; margin:0 auto; color:#707070; font-size:13px; line-height:22px; padding:35px 0; }
#footer_wrap .footer span {margin-left:25px;}
#footer_wrap .footer .f_logo{float:left; width:140px;}
#footer_wrap .footer .address {float:left;}

.info_wrap {clear:both; position: relative; width:1260px; margin:0 auto; padding:25px 0; border-bottom:1px solid #e5e5e5;}



#corp {clear:both; position: relative; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:25px 0;}
#corp .tit {float:left; width:70px; line-height:50px; color:#8f8f8f; font-size:16px; font-weight:500;}
#corp .list {float:right;}
#corp .list  ul li {float:left; margin-left:50px;}






#container {position:relative; clear:both; width:100%; }
#s_container {position:relative; clear:both; width:100%; background:url(../images/sub/con_bg.jpg) repeat-x top; padding-top:90px;}
#contents_wrap {position:relative; clear:both; width:1260px; margin:0 auto;}





/* quick */
#banner {border:1px solid #efefef;}
#banner .rightBanner{position:fixed;top:340px;right:15px;width:74px;box-shadow: 0 0 2px #ddd;z-index:999;border-radius: 37px;background:#fff; text-align:center;  font-size:13px;}
#banner .rightBanner ul.sns li {padding:10px;border-bottom:1px solid #efefef; text-align:center;}
#banner .rightBanner ul li:last-child{border:none;}

#banner .rightBanner ul.quick-nav li{}
#banner .rightBanner ul.quick-nav li:last-child{border:none;}
#banner .rightBanner ul.quick-nav li a{display:block;font-size: 14px;text-align:center;height:60px;padding: 20px 0 15px 0;background: #ff842f;border:1px solid 1px solid rgba(255,255,255,0.2);color:#fff;}
#banner .rightBanner ul.quick-nav li a:hover{background: #f7f7f7;color:#333;}
#banner .rightBanner ul.quick-nav li a:before{content:'';display:block;width:32px;height:32px;margin: 0 auto;background:url(../images/common/quick_nav.png) left top no-repeat;}
#banner .rightBanner ul.quick-nav li:nth-child(1) a{border-radius: 37px 37px 0 0;padding: 30px 0 15px 0;}
#banner .rightBanner ul.quick-nav li:nth-child(3) a{border-radius: 0 0 37px 37px;padding: 20px 0 30px 0;}
#banner .rightBanner ul.quick-nav li:nth-child(1) a:before {background-position:-32px -32px}
#banner .rightBanner ul.quick-nav li:nth-child(2) a:before {background-position:-32px 0}
#banner .rightBanner ul.quick-nav li:nth-child(3) a:before {background-position:-32px -64px}
#banner .rightBanner ul.quick-nav li:nth-child(1) a:hover:before {background-position:0 -32px}
#banner .rightBanner ul.quick-nav li:nth-child(2) a:hover:before {background-position:0 0}
#banner .rightBanner ul.quick-nav li:nth-child(3) a:hover:before {background-position:0 -64px}








/* ====================== main ======================== */



/******* visual *********************************/ 
#mvisual {position:relative; clear:both;}

#mvisual .slogan2 { position: absolute; top:140px; left:50%; margin-left:-350px;width:700px; font-size:20px; line-height:50px; text-align:center; color:#222; z-index:999;}
#mvisual .slogan2 p { font-size:48px; color:#111; font-weight:500; }
#mvisual .slogan2 p span {color:#f36f21; }

.slider02 {width:100%; height:700px; overflow:hidden; margin: 0; padding: 0;position: relative; zoom: 1;}
.slider02 .flex-viewport {max-height: 2000px;}
.slider02 .slides {zoom: 1;margin: 0; padding: 0;}
.slider02 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider02 .slides img {margin-left:-960px; padding-left:50%; display: block;}
/* Direction Nav */
.slider02 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; }
.slider02 .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; bottom:70px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider02 .flex-direction-nav .flex-next {background:url(../images/main/btn_next.png); right: 50%; margin-right:-400px; width:144px; height:34px; }
.slider02 .flex-direction-nav .flex-prev {background:url(../images/main/btn_prev.png); left: 50%; margin-left:-400px; width:144px; height:34px;}

/* Control Nav */
.slider02 .flex-control-nav {width: 100%; position: absolute; bottom: 70px; text-align: center; margin: 0; padding: 0; list-style: none; font-size:0;.left:0; }
.slider02 .flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.slider02 .flex-control-paging li a {width: 10px; height: 10px; display: block; border:1px solid #fff;  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; /*box-shadow: inset 0 0 3px rgba(0,0,0,0.3);*/}
.slider02 .flex-control-paging li a:hover { background: #fff; }
.slider02 .flex-control-paging li a.flex-active { background: #fff;  cursor: default; }
/******* //visual *********************************/ 




#m_container {position:relative; clear:both; }
#m_container h2 {line-height:50px; font-size:45px; color:#000;  letter-spacing:7px;}
#m_container h2 p {line-height:24px; font-size:17px; color:#555; font-weight:lighter; letter-spacing:0px; margin-top:40px;}

#link_wrap {position:relative; clear:both; border-bottom:1px solid #ebebeb; }
#link_wrap .iconlink {position:relative; clear:both;width:1150px; margin:0 auto;}
#link_wrap .iconlink ul li {float:left; width:calc(100% / 7); text-align:center; padding:30px 0;}
#link_wrap .iconlink ul li a {color:#333; font-size:15px; font-weight:500;}
#link_wrap .iconlink ul li a:hover{color:#ff842f;}
#link_wrap .reservinfo {position:relative; clear:both; letter-spacing:-0.05em; width:1150px; margin:0 auto;}
#link_wrap .reservinfo ul li {float:left;height:130px;}
#link_wrap .reservinfo ul li.orange_bg {position:relative;  width:165px; height:100px; background:#ff842f; color:#fff; font-size:15px; font-weight:500; padding:35px 0 0 35px;}
#link_wrap .reservinfo ul li.orange_bg p {font-family:'Verdana'; font-size:23px; font-weight:700;}
#link_wrap .reservinfo ul li.info {position:relative;   height:105px;  color:#666; font-size:16px; font-weight:500; line-height:17px; letter-spacing:0; padding:15px 0 0 50px;}
#link_wrap .reservinfo ul li.info .tt {color:#000; font-size:16px; font-weight:600; margin-bottom:5px;}
#link_wrap .reservinfo ul li.info .tx {color:#ff842f; font-size:13px; font-weight:500; letter-spacing:-0.05em; margin-top:5px;}
#link_wrap .reservinfo ul li.info p {padding:3px 0;}
#link_wrap .reservinfo ul li.info p span {letter-spacing:0.08em;}


#link_wrap .reservinfo ul li.bg {background:url(../images/main/arrow_orange.jpg) no-repeat 0 50px;}
#link_wrap .reservinfo ul li.line {border-left:1px solid #ebebeb; height:125px; margin-left:50px;}
#link_wrap .onlinebtn {position: absolute; right:0; top:30px;}
#link_wrap .onlinebtn ul li { clear:both; height:60px;}
#link_wrap .onlinebtn ul li a {background:#ff842f; color:#fff; font-weight:600; padding:15px 25px;}

#shortcut {position:relative; clear:both; width:1260px; margin:0 auto;}
#shortcut .medicalcenter {float:left; width:550px; padding:30px 40px;}
#shortcut .medicalcenter ul li {float:left;}
#shortcut .medicalcenter ul li.tit {width:145px; font-size:15px; color:#666; font-size:15px; line-height:55px; background:url(../images/main/icon_round.jpg) no-repeat 0 25px; padding-left:15px;}
#shortcut .medicalcenter ul li.select {width:390px;position:relative;}


.mc_wrap {position: relative; width:390px;}

.mcbox{width:390px; height:55px;  color:#000; font-size:16px;  background:#efefef;  font-weight:500; line-height:55px;}
.mcbox ul li.tt {position: relative; padding-left:30px;}
.mcbox ul li.arrow {position: absolute; right:-5px; width:55px; top:-8px;}

#mcmap .mc .mc-list {position:absolute; top:55px; left:0; width:370px;  background:#fff; overflow:hidden; z-index:99; border:10px solid #efefef;}
#mcmap .mc .mc-list ul li {float:left; width:150px; padding-left:35px; text-align:left; font-size:15px; font-weight:500; line-height:50px; letter-spacing:-0.05em; border-bottom:1px solid #efefef; background:url(../images/main/icon_orange2.jpg) no-repeat 25px 23px;}
#mcmap .mc .mc-list ul li a {color:#666; line-height:50px;}
#mcmap .mc .mc-list ul li a:hover {color:#ff842f;}
#mcmap .mc .mc-list img {display:block;}



#centerinfo_wrap {position:relative;  clear:both; background:#ececec; padding:80px 0;}
#centerinfo_wrap .centerlist {position:relative;  clear:both; width:1260px; margin:0 auto;  font-size:16px; line-height:22px;}


/******* menulist *********************************/ 
.slider01 {width:1150px; height:530px;margin: 0 auto; padding: 0;position: relative; zoom: 1; }
.slider01 .flex-viewport {max-height: 2000px;}
.slider01 .slides {zoom: 1;margin: 0; padding: 0;}
.slider01 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider01 .slides li ul li {float:left;  background:#fff; width:350px; margin-left:50px;}
.slider01 .slides li ul .first {margin-left:0;}
.slider01 .slides li ul li div {position:relative;  clear:both; height:200px; padding:40px 30px;}
.slider01 .slides li ul li div p.tt1 {font-size:25px; color:#222; font-weight:500;}
.slider01 .slides li ul li div p.tt2 {color:#ff842f; font-size:18px; font-weight:lighter; margin-top:10px;}
.slider01 .slides li ul li div p.btn {clear:both; }
.slider01 .slides li ul li div p.btn img {width:99px; height:19px;  }


.slider01 .slides img {width: 350px; height:250px; display: block;}
/* Direction Nav */
.slider01 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: }
.slider01 .flex-direction-nav a {width: 23px; height: 44px;  display: block; position: absolute; top: 47%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider01 .flex-direction-nav .flex-next {background:url(../images/main/btn_next.jpg) no-repeat; right:-50px; }
.slider01 .flex-direction-nav .flex-prev {background:url(../images/main/btn_prev.jpg) no-repeat; left:-50px;}

/* Control Nav */
.slider01 .flex-control-nav {width: 100%; position: absolute;top:480px; text-align: center; margin: 0; padding: 0; list-style: none; font-size:0;.left:0; none; display:none;}
.slider01 .flex-control-nav li {margin: 0 7px; display: inline-block; zoom: 1; *display: inline;}
.slider01 .flex-control-paging li a {width: 15px; height: 15px; display: block; background: #b0b0b0; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider01 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slider01 .flex-control-paging li a.flex-active { background: #ff5a00;  cursor: default; }
/******* //menulist *********************************/ 


/******* menulist *********************************/ 
.slider012 {width:1150px; height:530px;margin: 0 auto; padding: 0;position: relative; zoom: 1; }
.slider012 .flex-viewport {max-height: 2000px;}
.slider012 .slides {zoom: 1;margin: 0; padding: 0;}
.slider012 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider012 .slides li ul li {float:left;  background:#fff; width:350px; margin-left:50px;}
.slider012 .slides li ul .first {margin-left:0;}
.slider012 .slides li ul li div {position:relative;  clear:both; height:200px; padding:40px 30px;}
.slider012 .slides li ul li div p.tt1 {font-size:25px; color:#222; font-weight:500;}
.slider012 .slides li ul li div p.tt2 {color:#ff842f; font-size:18px; font-weight:lighter; margin-top:10px;}
.slider012 .slides li ul li div p.btn {clear:both; }
.slider012 .slides li ul li div p.btn img {width:99px; height:19px;  }


.slider012 .slides img {width: 350px; height:250px; display: block;}
/* Direction Nav */
.slider012 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: }
.slider012 .flex-direction-nav a {width: 23px; height: 44px;  display: block; position: absolute; top: 47%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider012 .flex-direction-nav .flex-next {background:url(../images/main/btn_next.jpg) no-repeat; right:-50px; }
.slider012 .flex-direction-nav .flex-prev {background:url(../images/main/btn_prev.jpg) no-repeat; left:-50px;}

/* Control Nav */
.slider012 .flex-control-nav {width: 100%; position: absolute;top:480px; text-align: center; margin: 0; padding: 0; list-style: none; font-size:0;.left:0; none; display:none;}
.slider012 .flex-control-nav li {margin: 0 7px; display: inline-block; zoom: 1; *display: inline;}
.slider012 .flex-control-paging li a {width: 15px; height: 15px; display: block; background: #b0b0b0; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider012 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slider012 .flex-control-paging li a.flex-active { background: #ff5a00;  cursor: default; }
/******* //menulist *********************************/ 




#mboard_wrap {position:relative; clear:both;  width:1260px; margin:0 auto; padding:80px 0; }
#mboard_wrap .mboard {position:relative; float:left; width:580px;}
#mboard_wrap .mboard .notice {position:relative;  clear:both;}
#mboard_wrap .mboard .notice h2 {position:relative;  float:left;  width:120px;  font-size:22px; color:#333; letter-spacing:-0.05em;; line-height:30px; font-weight:500; }
#mboard_wrap .mboard .notice ul {float:right; width:450px;}
#mboard_wrap .mboard .notice ul li{ position:relative;  padding-right:60px; background:url(../images/main/jumline.jpg) repeat-x bottom; }
#mboard_wrap .mboard .notice ul li a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  font-size:16px; line-height:31px;}
#mboard_wrap .mboard .notice ul li em{ position:absolute; right:0; top:0; font-size:15px; color:#999;  font-family:'Verdana';  font-weight:300;}

#mboard_wrap .activities .ban {position:relative;  clear:both; margin-top:35px;}
#mboard_wrap .activities .ban ul li {float:left;}
#mboard_wrap .activities .ban ul li.f_r {float:right;}

#mboard_wrap .activities {position:relative; float:right; width:580px;}
#mboard_wrap .activities  h2 {position:relative;  float:left;  width:120px;  font-size:22px; color:#333; letter-spacing:-0.05em; line-height:30px; font-weight:500; }
#mboard_wrap .activities .list {position:relative; float:right; width:430px; }
#mboard_wrap .activities .list ul {clear:both;}
#mboard_wrap .activities .list ul li {float:left;}
#mboard_wrap .activities .list ul li.img {width:185px;}
#mboard_wrap .activities .list ul li.txt {float:right; width:230px;}
#mboard_wrap .activities .list ul li.txt a{font-size:16px; line-height:25px;}
#mboard_wrap .activities .list ul li.txt p {font-size:15px; margin-top:20px;}
#mboard_wrap .activities .movie {position:absolute; right:0; bottom:0;}


#ban1_link {position:relative; clear:both; height:450px; background:url(../images/main/info_bg.jpg) no-repeat center;}
#ban1_link .info {position:relative; clear:both; width:560px; padding-left:700px; margin:0 auto; padding-top:60px; }
#ban1_link .info h2 {background:url(../images/main/icon_orange.png) no-repeat 140px 0; line-height:50px; font-size:30px; color:#333;  letter-spacing:-0.05em;}
#ban1_link .info p {font-size:20px; color:#888; margin-top:20px; line-height:30px; letter-spacing:-0.05em;}
#ban1_link .info ul {margin-top:20px;}
#ban1_link .info ul li {float:left; width:118px; height:38px; line-height:38px; border:1px solid #e8e8e8; margin-right:15px; background:#fff; text-align:center; margin-top:15px;}
#ban1_link .info ul li a {display:block; font-size:16px; color:#555; font-weight:500; letter-spacing:-0.05em;}
#ban1_link .info ul li a:hover {background:#ff842f; color:#fff;}


#ban2_link {position:relative; clear:both; height:450px; background:url(../images/main/service_bg.jpg) no-repeat center;}
#ban2_link .info {position:relative; clear:both; width:1260px;  margin:0 auto; padding-top:60px; }
#ban2_link .info h2 {background:url(../images/main/icon_orange.png) no-repeat 135px 0; line-height:50px; font-size:30px; color:#fff;  letter-spacing:-0.05em;}
#ban2_link .info p {font-size:20px; color:#b6b6b6; margin-top:20px; line-height:30px; letter-spacing:-0.05em;}
#ban2_link .info ul {margin-top:60px;}
#ban2_link .info ul li {float:left; width:120px; height:40px; line-height:40px;  margin-right:15px; background:#fff; text-align:center; margin-top:15px;}
#ban2_link .info ul li a {display:block; font-size:16px; color:#555; font-weight:500; letter-spacing:-0.05em;}
#ban2_link .info ul li a:hover {background:#ff842f; color:#fff;}




#ban1_link2 {position:relative; clear:both; height:450px; background:#fcfcfc;}
#ban1_link2 .link_bg {position:relative; float:left; width:50%; height:450px;}
#ban1_link2 .info {position:relative; float:left; width:560px; margin-left:70px; padding-top:50px; }
#ban1_link2 .info h2 {background:url(../images/main/icon_orange.png) no-repeat 140px 0; line-height:50px; font-size:30px; color:#333;  letter-spacing:-0.05em;}
#ban1_link2 .info p {font-size:20px; color:#888; margin-top:20px; line-height:30px; letter-spacing:-0.05em;}
#ban1_link2 .info ul {margin-top:20px;}
#ban1_link2 .info ul li {float:left; width:118px; height:38px; line-height:38px; border:1px solid #e8e8e8; margin-right:15px; background:#fff; text-align:center; margin-top:10px;}
#ban1_link2 .info ul li a {display:block; font-size:16px; color:#555; font-weight:500; letter-spacing:-0.05em;}
#ban1_link2 .info ul li a:hover {background:#ff842f; color:#fff;}


#ban2_link2 {position:relative; clear:both; height:450px; }
#ban2_link2 .info {position:relative; float:left; width:50%;  height:450px;  background:url(../images/main/service_bg2.jpg) ; }
#ban2_link2 .info h2 {background:url(../images/main/icon_orange.png) no-repeat 135px 0; line-height:50px; font-size:30px; color:#fff;  letter-spacing:-0.05em;}
#ban2_link2 .info p {font-size:20px; color:#b6b6b6; margin-top:20px; line-height:30px; letter-spacing:-0.05em;}
#ban2_link2 .info ul {margin-top:60px;}
#ban2_link2 .info ul li {float:left; width:120px; height:40px; line-height:40px;  margin-right:15px; background:#fff; text-align:center; margin-top:15px;}
#ban2_link2 .info ul li a {display:block; font-size:16px; color:#555; font-weight:500; letter-spacing:-0.05em;}
#ban2_link2 .info ul li a:hover {background:#ff842f; color:#fff;}
#ban2_link2 .info .service {position:absolute; top:70px; right:70px;}
#ban2_link2 .service_bg{position:relative; float:right; width:50%; height:450px;}


.wrap-img {position:relative; width:100%; height:450px; overflow:hidden;}
.vimg01 {position:relative; height:450px; background:url(../images/main/bg1.jpg) no-repeat center;}
.vimg02 {position:relative; height:450px; background:url(../images/main/bg2.jpg) no-repeat center;}


/* 마우스 오버시 효과 */
.vimg01:hover , .vimg02:hover  { transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -o-transform:scale(1.1);
 -webkit-transition:.8s;
 -moz-transition:.8s;
 -ms-transition:.8s
}

/*  마우스 아웃시 효과 */
.vimg01 , .vimg02 { transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transition:.8s;
 -moz-transition:.8s;
 -ms-transition:.8s
}









#youtube {position:relative; clear:both; background:#a8a8a8; text-align:center;}



/* ====================== sub ======================== */
#s_visual {position:relative; width:100%; height:250px;}
#s_visual .slogan {position:relative;  clear:both; width:1260px; margin:0 auto; color:#fff; font-size:17px; line-height:26px; padding-top:50px; text-shadow: 3px 0px 3px gray; }
#s_visual .slogan p {font-size:30px; font-weight:700; line-height:70px; }

.bg01 {background:url(../images/sub/visual01.jpg) no-repeat center;}
.bg02 {background:url(../images/sub/visual02.jpg) no-repeat center;}
.bg03 {background:url(../images/sub/visual03.jpg) no-repeat center;}
.bg04 {background:url(../images/sub/visual04.jpg) no-repeat center;}
.bg05 {background:url(../images/sub/visual05.jpg) no-repeat center;}
.bg06 {background:url(../images/sub/visual06.jpg) no-repeat center;}
.bg07 {background:url(../images/sub/visual07.jpg) no-repeat center;}
.bg08 {background:url(../images/sub/visual08.jpg) no-repeat center;}


#s_visual_search {height:100px; color:#fff;  text-shadow: 3px 0px 3px gray; text-align:center;font-size:30px; font-weight:700; line-height:100px; background:url(../images/sub/search_img.jpg) no-repeat center;}

.product_search {position:relative; clear:both;  padding:50px 0; width:600px; margin:0 auto;}
.product_search table {position:relative; clear:both; border-top:1px solid #694925;}
.product_search table th { padding:10px;  text-align:left;  font-weight:500; border-bottom:1px solid #eee;}
.product_search table td {border-bottom:1px solid #eee; padding:10px;}
.search_btn {text-align:center; width:600px;   border-top:1px solid #694925; border-bottom:1px solid #eee;  padding:30px 0;}
.product_search .search_tit {color:#222; font-size:19px; line-height:40px;}
.product_search .search_tit span { font-weight:700;}





#s_contents {position:relative;  clear:both; width:1260px; margin:0 auto; padding:20px 0 100px 0;}





/* left style */
#snb_wrap {position:relative; float:left; width:220px;}
#snb_wrap .snb {position:relative; clear:both; border-bottom:3px solid #f36f21; }
#snb_wrap .snb h2 {position:relative; clear:both;  color:#555; font-size:25px; font-weight:600; padding:20px 25px; border-bottom:3px solid #f36f21;}


#snb_wrap .snb ul li {position:relative; height: 67px;  line-height:67px; border-bottom:1px solid #e0e0e0; }
#snb_wrap .snb ul li a {display:block; color:#666; font-size:18px; font-weight:Medium; line-height:69px; padding:0 20px;  letter-spacing:-0.05em; padding-left:25px;}
#snb_wrap .snb ul li a:hover{color:#000; }
#snb_wrap .snb ul li a.snb_on{color:#f36f21;font-weight:700; }

.leftban {position:relative; clear:both; margin-top:40px;}
.leftban .call {position:relative; clear:both; background:#f3f3f3; border:1px solid #d4d4d4; padding:15px 25px 25px 25px;}
.leftban .call p.num {font-size:28px; color:#f36f21;  font-family:'Verdana';  font-weight:bold; letter-spacing:-0.05em; margin-top:15px; text-align:center;}
.leftban .info {position:relative; clear:both; background:#fff; border:1px solid #d4d4d4; padding:15px 25px; margin-top:5px; }

.leftban .info div ul li {float:left;margin-top:20px;line-height:20px; font-weight:500; font-size:14px;}
.leftban .info div ul li.tt {width:55px; color:#8b8b8b; font-size:14px; font-weight:500; line-height:18px;}
.leftban .info div ul li.txt {font-size:15px; color:#555; font-family:'Verdana'; line-height:18px; }
.leftban .info div ul li.txt  p{color:#828282; font-size:13px; font-family:'Noto Sans KR';}
.leftban .info div ul li.tt2 {width:100%; color:#8b8b8b; font-size:14px; font-weight:500;}
.leftban p.tit {color:#555; font-size:20px; font-weight:500; line-height:40px;}




.pb100 {padding-bottom:100px;}


#stitle {position:relative; clear:both; border-bottom:1px solid #dadada; padding:20px 0;}
#stitle .title {position:relative; float:left; color:#616161;  font-size:30px;line-height:30px; font-weight:700; }
#stitle .loca {position:relative; float:right; font-size:16px; color:#616161;}
#stitle .loca ul li {float:left; background:url(../images/sub/arrow_loca.jpg) no-repeat left; padding-left:30px; margin-left:25px;}
#stitle .loca ul li.home {background:none;}

#depth3 {position:relative; clear:both; border-bottom:1px solid #e7e7e7; line-height:60px; padding:20px 0; letter-spacing:-0.05em;}
#depth3 .title2 {position:relative; float:left; font-size:23px; color:#111; font-weight:600;}
#depth3 .title2 span {position:absolute; font-size:13.5px; font-weight:300; left:0; top:22px; width:230px;}
#depth3 .tab {position:relative; float:right; }
#depth3 .tab ul li {float:left;  margin-left:5px;   min-width:200px; }
#depth3 .tab ul li a {display:block; font-size:17px; color:#858585; font-weight:Medium; background:url(../images/sub/tab_bg.jpg) no-repeat right;padding-left:30px;padding-right:50px; }
#depth3 .tab ul li a:hover {color:#111;}
#depth3 .tab ul li a.snbs_on {color:#fff; font-weight:Medium; background:url(../images/sub/tab_bgon.jpg) no-repeat right;}

#depth3 .tab ul li.w300 {width:300px !important;}
#depth3 .tab ul li.w200 {width:200px !important;}
#depth3 .tab ul li.w230 {width:230px !important;}

.title3 {position:relative; float:left; font-size:23px; color:#111; font-weight:600; margin-bottom:40px;}


.doctors_select {position:relative; clear:both; border-bottom:1px solid #e7e7e7;  padding:20px 0; margin-top:20px;}
.doctors_select  .mc_wrap {float:right}
.doctorlist {width:550px; padding:30px 40px;}
.doctorlist ul li.select {width:390px;position:relative;}


.doctors_medical { position:relative; clear:both;background:#fdfdfd; border-bottom:1px solid #e7e7e7;}
.doctors_medical ul li {float:left; padding:0 15px;  height:20px; line-height:20px; font-size:13.5px; border-right:1px solid #dfdfdf; text-align:center; cursor:pointer; margin:10px 0;}
.doctors_medical ul li a.doc_on, .doctors_medical ul li a.doc_on:hover {background:none; color:#f36f21 !important; font-weight:500  !important; text-decoration:underline;}
.doctors_medical ul li.last {border-right:none;}




#contents{position:relative; float:right; width:980px;}
#contents h3 {position:relative;  clear:both;color:#f36f21;  font-weight:500;  font-size:22px; letter-spacing:-0.05em; line-height:30px; margin-top:70px; margin-bottom:10px;}
#contents h3 div { font-size:16px; font-weight:400;}
#contents h4 {position:relative; clear:both;  color:#333;   font-size:19px; font-weight:700; line-height:30px;  margin:60px 0 10px 0; background:url(../images/sub/icon_bar.jpg) no-repeat 0 0 ; padding-top:8px;}
#contents h5 {position:relative; clear:both;  color:#666;   font-size:16px; font-weight:700; line-height:30px;  margin:50px 0 10px 0; }
#contents .con {position:relative; clear:both;padding-top:70px;  }



#location {position:relative; clear:both; margin-bottom:30px;}
#location ul li.tt {color:#d45500;   font-size:19px;}
#location ul li span {margin-left:30px;}

table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}

.con_table {position:relative; clear:both; border-top:2px solid #666; border-right:1px solid #efefef; text-align:left;  font-size:16px; color:#555;}
.con_table th {padding:20px 0; color:#333;  font-weight:500;   background:#fcfcfc; line-height:20px;}
.con_table td.a_l {text-align:left;}
.con_table td.a_r {text-align:right;}
.con_table td { padding:20px;}
.con_table th, .con_table td { border-bottom:1px solid #efefef; border-left:1px solid #efefef; text-align:center; line-height:30px;}



.non-payment {position:relative; clear:both; border-top:2px solid #666; border-right:1px solid #efefef; text-align:left;  font-size:14px; color:#555;}
.non-payment th {padding:15px 10px; color:#333;  font-weight:500;   background:#fcfcfc; }
.non-payment td.a_l {text-align:left;}
.non-payment td.a_r {text-align:right;}
.non-payment td { padding:15px 10px;}
.non-payment th, .non-payment td { border-bottom:1px solid #efefef; border-left:1px solid #efefef; text-align:center; line-height:20px;}




.center_table {position:relative; clear:both; border-top:2px solid #f36f21; border-bottom:2px solid #dfdfdf; margin-top:20px; border-right:1px solid #efefef; text-align:left;  color:#555;}
.center_table th {background:#fdfdfd; color:#f36f21; border-radius:20px; border:0;  font-weight:500; line-height:24px; padding:10px 0; text-align:center !important;}
.center_table td {text-align:left; border-radius:20px;  font-size:16px; padding:25px 30px; line-height:24px;}
.center_table th, .center_table td { border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; line-height:25px;}
.center_table td.a_l {text-align:left;}
.center_table td.a_r {text-align:right;}


.a_c {text-align:center !important;}

.privacy_txt {clear:both;position:relative; padding:2%; width:95%; height:330px; overflow-y:scroll; overflow-x:hidden; text-align:left; 
border:1px solid #dfdfdf; ;background:#fcfcfc;
scrollbar-face-color:#FFFFFF;		
scrollbar-highlight-color:#CFCFCF;		
scrollbar-3dlight-color:#FFFFFF;		
scrollbar-shadow-color:#CFCFCF;		
scrollbar-darkshadow-color:#FFFFFF;		
scrollbar-track-color:#FFFFFF;		
scrollbar-arrow-color:#D0D0D0;	}
.privacy_txt h4 {font-size:15px; background:none; margin:30px 0 10px 0; }
.privacy_txt h5 {font-size:16px; color:#333; margin-top:20px;}
.privacy_txt p {padding-left:20px; margin-bottom:10px;}
.privacy_txt p.agree {padding-left:0;}


.ml20 {margin-left:20px;}



#other {position:relative; clear:both; width:600px; padding:20px; margin:0 auto; border:10px solid #f36f21;}
#other h2 {font-size:30px; color:#222;  text-align:center; padding:20px 0;}
#other textarea{padding:10px; width:580px; height:500px; border:1px solid #dfdfdf;  font-size:14px; line-height:23px; letter-spacing:-0.03em;}




 .faq{  border-bottom:1px solid #f2eee2; border-top:1px solid #2d271d;}

.faq .hgroup{ position:relative; *zoom:1; }
 .faq .hgroup .trigger{ position:absolute; bottom:0; right:0;  border:0;  padding:0;  overflow:visible; background:none;  cursor:pointer; }
 .faq ul{ list-style:none; margin:0; padding:0; }
 .faq ul li img {margin:3px 5px;}
 .faq .q{ margin:0; border-top:1px solid #ddd; }
 .faq .q a.trigger{ display:block; padding:20px 15px; text-align:left;  color:#333; background:#fff; text-decoration:none !important; font-weight:600; font-size:17px;}


.faq .hide .q a.trigger{  font-weight:normal; background:none; }
 .faq .q a.trigger:hover,
 .faq .q a.trigger:active,
 .faq .q a.trigger:focus{ color:#333;  background:#f8f8f8; }
 .faq .a{font-size:14px;  margin:0; padding:20px 15px 50px 15px; line-height:1.5; display:none; color:#333; }




#greeting {clear:both;position:relative; width:980px;}
#greeting p {display:block;}
#greeting  strong {color:#222; font-weight:600;}
#greeting .imgbox1 {position:relative; clear:both; background:url(../images/hospital/0301.jpg) no-repeat; height:410px; padding:60px 70px; font-size:17px; line-height:30px;}
#greeting .orangebox {position:absolute; top:550px;left:30px; background:#f36f21; color:#fff; padding:30px 40px; }
#greeting .imgbox2 {position:relative; clear:both; }
#greeting .imgbox2 .img {float:left; width:250px;}
#greeting .imgbox2 .text {float:left; width:660px;  padding:70px 0 0 70px; margin-top:100px;}
#greeting .imgbox2 .text .tt { font-size:18px; color:111; font-weight:600;}

#greeting .imgbox3 {position:relative; clear:both; background:#fcfcfc;}
#greeting .imgbox3 .img {float:left; width:490px;}
#greeting .imgbox3 .text {float:left; background:#fcfcfc;  width:390px; padding:60px 50px;  }


#greeting .box {clear:both;position:relative; width:980px;}
#greeting .box .tit {float:left; width:325px; font-style:italic; font-size:20px; color:#777; padding-top:25px;}
#greeting .box .promise {position:relative; float:right; width:655px; background:url(../images/hospital/0304.jpg) repeat-y left;}
#greeting .box .promise ul {clear:both;}
#greeting .box .promise ul li {float:left; width:570px; margin:25px 0;}
#greeting .box .promise ul li.tt {width:65px; line-height:65px; text-align:center; background:#ff842f; color:#fff; font-size:19px; font-weight:500; border-radius:65px; margin-right:20px;}
#greeting .box .promise ul li span {color:#555; font-size:18px;  font-weight:600;  }





#history {position:relative; clear:both; width:980px; border-top:1px solid #2d271d; padding-top:30px;}
#history .list  {position:relative; clear:both; border-bottom:1px solid #eaeaea; padding-bottom:30px;}
#history .list .year {float:left; width:150px; color:#222; font-size:22px; font-weight:700;  line-height:40px; }
#history .list .info {float:right; width:830px;}
#history .list .info ul {clear:both;}
#history .list .info ul li {float:left; width:760px; margin:5px 0; border:0;}
#history .list .info ul li.month {width:70px; color:#f25928; font-size:16px; font-weight:500;}



#map_wrap {position:relative; clear:both;}
#map_wrap span {color:#f36f21; font-weight:500; }
#map {position:relative; clear:both;   overflow:hidden;}
#map .frame {width:1920px; height:500px; margin-left:-960px;padding-left:50%;}
#map_wrap h3 {text-align:center; color:#8d8bb0;}

#map_wrap table {width:800px; }
#map_wrap table th {padding-right:20px;}
#map_wrap table td {text-align:left;}





#sitemap_wrap {position:relative; clear:both;   text-align:center;}
#sitemap_wrap .sitemap {float:left; width:125px; margin:0 10px; }
#sitemap_wrap .sitemap .tt {height:35px; line-height:35px;color:#333;  font-size:19px; background:#fff; border:2px solid #e8b32a; border-radius:30px; margin-bottom:10px;}
#sitemap_wrap .sitemap ul li {border-bottom:1px solid #eee; padding:15px 0;}






.f_l {float:left;}
.f_r {float:right;}


.bt1 {border-top:1px solid #f2f2f2;position:relative; clear:both; }

.bt2 {height:1px; position:relative; clear:both;  background:url(../images/main/line.jpg) repeat-x;}

.bt3 {height:1px; position:relative; clear:both;  background:url(../images/main/line.jpg) repeat-x; margin:70px 0;}


#schedule  { position:relative; clear:both; }
#schedule .text { position:relative; clear:both; border:0;}
#schedule .text ul li { background:url(../images/main/icon_orange2.jpg) no-repeat 0 12px; padding-left:10px; margin-right:50px;}

#schedule table {position:relative; clear:both; border-top:2px solid #666; border-right:1px solid #dfdfdf; text-align:left;  font-size:15px; color:#555;}
#schedule table th {padding:10px 0; color:#333;  font-weight:500;   background:#fcfcfc;}
#schedule table td.a_l {text-align:left;}
#schedule table td { padding:10px;}
#schedule table th, #schedule table td { border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; text-align:center; line-height:25px;}
#schedule table tr.bg {background:#fefefe;}
#schedule table th.holiday {color:red;}
#schedule .select {position:relative; clear:both; border:1px solid #efefef; padding:20px 30px; text-align:center; background:#fefefe;}
#schedule .select select {width:100px;}


#mo  { position:relative; clear:both;}
#mo .imgbox {position:relative; clear:both; background:#fcfcfc;}
#mo .imgbox .img {float:left; width:330px;}
#mo .imgbox .text {float:right; background:#fcfcfc;  width:570px; padding:0 40px; font-size:18px; color:222; font-weight:100; letter-spacing:-0.07em; line-height:30px;}


.mo_table {position:relative; clear:both; border-top:2px solid #f36f21; border-bottom:2px solid #999; margin-top:20px; border-right:1px solid #efefef; text-align:left;  color:#555;}
.mo_table th {background:#fdfdfd; color:#f36f21; border-radius:20px; border:0;  font-weight:500; line-height:24px;}
.mo_table td {text-align:left; border-radius:20px;  font-size:16px;  line-height:24px;}
.mo_table th, .mo_table td { border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; line-height:25px;padding:25px 30px;}









#doctor { position:relative; clear:both;}
#doctor .photo {position:relative; float:left;}
#doctor .info {position:relative; float:right; width:670px;}
#doctor .info .name {position:relative; clear:both; font-size:20px; line-height:35px; color:#2e2e2e; font-weight:500; background:url(../images/sub/icon_bar.jpg) no-repeat top left; padding-top:15px;}
#doctor .info .name span {font-size:25px; font-weight:600; margin-right:5px;}
#doctor .info .tt{position:relative; clear:both; font-size:17px; color:#f36f21; font-weight:500; letter-spacing:-0.05em; margin-top:30px; line-height:40px;}
#doctor .info .tt span {font-size:14px; color:#888; margin-left:20px;}

#doctor .icon ul li {position:relative; clear:both; padding-left:1%; background:url(../images/sub/icon_gray.jpg) no-repeat 0 11px; margin-bottom:5px;}

#doctor table {position:relative; clear:both; border-top:2px solid #f36f21; border-right:1px solid #e8e8e8; text-align:left;  font-size:14px; color:#666;}
#doctor table th {padding:7px 0; color:#555;  font-weight:700;   background:#fcfcfc;}
#doctor table td.a_l {text-align:left;}
#doctor table td { padding:7px;}
#doctor table th, #doctor table td { border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; text-align:center; line-height:25px;}
#doctor table tr.bg {background:#fefefe;}


#information01 {position:relative; clear:both;}
#information01 .step {position:relative; clear:both; padding:0 10px; margin-top:30px;}
#information01 .step ul li {float:left; width:160px; text-align:center; color:#444;  font-weight:500; line-height:23px; }
#information01 .step ul li p {color:#f37022; font-weight:600; font-size:18px;  font-family:'Verdana'; line-height:40px;}
#information01 .text {position:relative; clear:both; padding:30px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin-top:50px;}
#information01 .btn {position:relative; clear:both; height:51px; line-height:51px;}
#information01 .btn a {background:url(../images/sub/btn_off.jpg) no-repeat right; color:#fff; line-height:51px; font-size:15px; padding:15px 50px 15px 20px; font-weight:500;}
#information01 .btn a:hover { background:url(../images/sub/btn_on.jpg) no-repeat right; }



.li_icon  {position:relative; clear:both;}
.li_icon  ul li {background:url(../images/main/icon_orange2.jpg) no-repeat 0 12px; padding-left:10px; margin-bottom:10px;}

.li_icon2  {position:relative; clear:both;}
.li_icon2  ul li {float:left; margin-right:80px;background:url(../images/main/icon_orange2.jpg) no-repeat 0 12px; padding-left:10px; margin-bottom:7px;}

.orange {position:relative;color:#f37022; font-weight:500; }
span.red {position:relative;color:#c5161d; font-weight:500; }
.block19 { position:relative; font-size:19px; color:222; font-weight:100; letter-spacing:-0.07em; line-height:30px;}
.black17b { position:relative; font-size:17px; color:000; font-weight:600; letter-spacing:-0.07em; line-height:30px;}
.font14 {font-size:14px; color:#888; line-height:20px;}
.font15 {font-size:15px; color:#777; line-height:20px;}

.pt0{padding-top:0px;}
.pt5 {padding-top:5px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.w740 {width:740px;}


#information01 .step2 {position:relative; clear:both; margin-top:30px;}
#information01 .step2 ul li {float:left; width:25%; text-align:center; color:#444;  font-weight:500; line-height:23px; }
#information01 .step2 ul li p {color:#f37022; font-weight:600; font-size:18px;  font-family:'Verdana'; line-height:40px;}
#information01 .step2 ul li span {color:#999; font-size:14px; line-height:18px;}

#information01 .box {position:relative; clear:both;  border:1px solid #ebebeb; background:url(../images/information/0302_boxbg.jpg) repeat-y;}
#information01 .box .time {float:left; width:429px; padding:30px 0 30px 50px;}
#information01 .box .img {float:left; width:100px;}
#information01 .box .info {float:left; }
#information01 .box .method {float:left; width:429px; padding:30px 0 30px 50px; }


#information01 .imgbox {position:relative; clear:both; background:#fcfcfc; }
#information01 .imgbox .img {float:left; width:330px;}
#information01 .imgbox .info {float:right; background:#fcfcfc;  width:570px; padding:40px;}


#information04 {position:relative; clear:both;}
#information04 .box {position:relative; clear:both;border:1px solid #e96d28; background:#fef4eb; text-align:center; color:#000; font-size:19px; padding:30px; }
#information04 .box a {color:#fff; font-size:16px; font-weight:500; background:#f37022;padding:13px 40px 13px 40px; }
#information04 .box a img {margin:6px 0 0 15px;}
#information04 .orange{color:#e76e28;}
#information04 .box2 {position:relative; clear:both;border:1px solid #dfdfdf; background:#f7f7f7; color:#000; padding:15px; font-weight:700; font-size:17px;}








.info07gallery{position:relative; clear:both;}
.info07gallery ul li {float:left; width:33.3333%; text-align:center; margin-bottom:40px;}


.round3 {position:relative; clear:both; padding:10px; }
.round3 ul li {float:left; text-align:center; width:250px; height:200px; padding-top:50px;background:#f4f4f4; border-radius:125px; margin:35px;}
.round3 ul li p.tit {color:#f37022; font-size:25px; font-weight:700;}
.round3 ul li p.txt1 span{color:#000; font-size:18px; font-weight:600; font-family:'Verdana'; }
.round3 ul li p.txt2 {font-size:14px; line-height:20px;}



#service  { position:relative; clear:both;}
#service .imgbox {position:relative; clear:both; height:350px; background:#fcfcfc;}
#service .imgbox .img {float:left; width:490px;}
#service .imgbox .text {float:right; background:#fcfcfc;  width:390px; padding:40px 50px;  }
#service .imgbox .text .tt { font-size:18px; color:111; font-weight:600;}
#service .imgbox .text .call {color:#f36f21; font-size:35px; font-weight:600; font-family:'Verdana';}


#service .kakaofriends {position:relative; clear:both; }
#service .kakaofriends .img {float:left; width:320px;}
#service .kakaofriends .text {float:right; width:660px;  }

#vision .visiontxt {position:relative; clear:both; margin-left:30px;}
#vision .visiontxt ul li {line-height:50px;}
#vision .visiontxt ul li span {color:#fff; font-size:20px; font-weight:600; font-style:italic; background:#444;}
#vision .slogan {position:relative; clear:both;  padding:20px 0 50px 0;  border-bottom:1px solid #eaeaea; text-align:center;font-size:22px; color:222; font-weight:100; letter-spacing:-0.07em; line-height:35px;}

.logobtn {position:absolute; right:0; top:0;height:35px; line-height:35px;}
.logobtn a {background:url(../images/sub/btn_off.jpg) no-repeat right; color:#fff; line-height:35px; font-size:15px; padding:10px 50px 10px 20px; font-weight:500; border-radius:35px;}
.logobtn a:hover { background:url(../images/sub/btn_on.jpg) no-repeat right; }


#convenience {position:relative; clear:both; }
#convenience .box1 {float:left; position:relative; width:300px; height:430px; background:#fcfcfc;}
#convenience .box1 .img {position:relative;}
#convenience .box1 .text {position:relative; clear:both; padding:30px;}
#convenience .box1 .text ul li {margin-bottom:5px; font-size:15px; letter-spacing:-0.04em;}
#convenience .box1 .text ul li.tt {font-size:19px; font-weight:700; color:#222;}
#convenience .box1 .text ul li ul li {background:url(../images/main/icon_orange2.jpg) no-repeat 0 12px; padding-left:10px; font-size:14px;  line-height:22px; margin-bottom:0;}
#convenience .box1 .text span { font-family:'Verdana'; margin-left:10px;}

#convenience .box2 {clear:both;  position:relative;  height:230px; background:#fcfcfc;}
#convenience .box2 .img {position:relative; float:left; width:300px;}
#convenience .box2 .text {position:relative; float:left; padding:30px;}
#convenience .box2 .text ul li {margin-bottom:5px; font-size:15px; letter-spacing:-0.04em;}
#convenience .box2 .text ul li.tt {font-size:19px; font-weight:700; color:#222;}
#convenience .box2 .text ul li ul li {background:url(../images/main/icon_orange2.jpg) no-repeat 0 12px; padding-left:10px; font-size:14px;  line-height:22px; margin-bottom:0;}
#convenience .box2 .text span { font-family:'Verdana'; margin-left:10px;}
#convenience .box2 .line {border-left:1px solid #eaeaea; height:170px;}


#medical_device {position:relative; clear:both; }

#medical_device .box {float:left; position:relative; width:460px; height:410px; background:#fcfcfc;}
#medical_device .box .img {position:relative;}
#medical_device .box .text {position:relative; clear:both; padding:30px;}
#medical_device .box .text ul li {margin-bottom:5px; font-size:15px; letter-spacing:-0.04em; line-height:22px;}
#medical_device .box .text ul li.tt {font-size:19px; font-weight:700; color:#222; margin-bottom:10px;}

.ml60 {margin-left:60px;}




#center_img {position:relative; clear:both; height:250px;}
#center_img .slogan {position:absolute; top:40%; left:50px; color:#fff; line-height:28px; text-shadow: 1px 1px 6px #000; font-weight:100; font-size:17px;}
.centerimg01 {position:relative; background:url(../images/center/01.jpg) no-repeat;}
.centerimg02 {position:relative; background:url(../images/center/02.jpg) no-repeat;}
.centerimg03 {position:relative; background:url(../images/center/03.jpg) no-repeat;}
.centerimg04 {position:relative; background:url(../images/center/04.jpg) no-repeat;}
.centerimg05 {position:relative; background:url(../images/center/05.jpg) no-repeat;}
.centerimg06 {position:relative; background:url(../images/center/06.jpg) no-repeat;}
.centerimg07 {position:relative; background:url(../images/center/07.jpg) no-repeat;}
.centerimg08 {position:relative; background:url(../images/center/08.jpg) no-repeat;}
.centerimg09 {position:relative; background:url(../images/center/09.jpg) no-repeat;}
.centerimg10 {position:relative; background:url(../images/center/10.jpg) no-repeat;}
.centerimg11 {position:relative; background:url(../images/center/11.jpg) no-repeat;}


#center {position:relative; clear:both; }
#center .center01 {position:relative; clear:both; }
#center .center01 .box {border:1px solid #dfdfdf;padding:50px;}
#center .center01 .box ul li {float:left; width:50%; text-align:center; }
#center .center01 .box ul li p {margin-top:20px;}
#center .center01 .box ul li p span {color:#f36f21; font-size:20px; font-weight:500;}
#center .center01 .video {position:relative; clear:both; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:60px 0;text-align:center; }
#center .center01 .video ul li {float:left;}
#center .center01 .video ul li.video_arrow {position:relative; width:120px; margin-top:160px; }
#center .center01 .video ul li.img {float:right;}

#center .center01 .imgbox {clear:both; position:relative;  height:230px; background:#fcfcfc;}
#center .center01 .imgbox .img {position:relative; float:left; width:230px;}
#center .center01 .imgbox .text {float:left; padding:60px 50px; letter-spacing:-0.05em;}

#center .center01 .imgbox2 {clear:both; position:relative;   }
#center .center01 .imgbox2 .img {position:relative; float:left; }
#center .center01 .imgbox2 .img img {width:500px;}
#center .center01 .imgbox2 .text {float:left; padding:0 50px; letter-spacing:-0.05em;}


#center .center02 .imgbox {clear:both; position:relative;  background:#fcfcfc;}
#center .center02 .imgbox .img {position:relative; float:left; width:450px; }
#center .center02 .imgbox .text {float:left; width:450px; padding:40px; letter-spacing:-0.05em;}

#center .center02 .imgbox2 {clear:both; position:relative;  }
#center .center02 .imgbox2 .img {position:relative; float:left; width:490px; }
#center .center02 .imgbox2 .text {float:left; width:490px; letter-spacing:-0.05em;}

#center .center02 .imgbox3 {clear:both; position:relative;  }
#center .center02 .imgbox3 .img {position:relative; float:left; width:450px; }
#center .center02 .imgbox3 .text {float:left; width:530px; letter-spacing:-0.05em;}

#center .center02 .imgbox4 {clear:both; position:relative;  }
#center .center02 .imgbox4 .img {position:relative; float:left; width:450px; }
#center .center02 .imgbox4 .text {float:left; width:490px; margin-left:40px; letter-spacing:-0.05em;}


#center .center05 .imgbox {clear:both; position:relative;  background:#fcfcfc;}
#center .center05 .imgbox .img {position:relative; float:left; width:450px; }
#center .center05 .imgbox .text {float:left; width:450px; padding:40px; letter-spacing:-0.05em;}


#center .center08  { position:relative; clear:both;}
#center .center08 .imgbox {position:relative; clear:both; background:#fcfcfc;}
#center .center08 .imgbox .img {float:left; width:370px;}
#center .center08 .imgbox .text {float:right; background:#fcfcfc;  width:530px; padding:40px; font-size:18px; color:222; font-weight:100; letter-spacing:-0.07em; line-height:30px;}


#center .center09  { position:relative; clear:both;}
#center .center09 .textbox {position:relative; clear:both; }
#center .center09 .textbox .tit {float:left; width:100px;}
#center .center09 .textbox .info {float:left;    font-size:20px; color:222; font-weight:500;   margin-left:30px; line-height:100px;}
#center .center09 .textbox .info ul li {float:left;  text-align:center; width:230px; height:100px;  border-radius:100px; margin:0 20px; background:#efefef;}
#center .center09 .textbox .info span {font-size:25px; color:#f37022; font-weight:700; margin-left:10px;  }


#center .center10 .imgbox {clear:both; position:relative;  background:#fcfcfc;}
#center .center10 .imgbox .img {position:relative; float:left; width:450px; }
#center .center10 .imgbox .text {float:left; width:450px; padding:40px; letter-spacing:-0.05em;}

#center .center11 .imgbox {clear:both; position:relative;  background:#fcfcfc;}
#center .center11 .imgbox .img {position:relative; float:left; width:450px; }
#center .center11 .imgbox .text {float:left; width:450px; padding:40px; letter-spacing:-0.05em;}
.symptom {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:40px 0; margin-top:40px;}
.symptom ul {float:left; width:50%;}
.symptom ul li {float:left;width:340px; font-size:13px; line-height:22px; letter-spacing:-0.05em;}
.symptom ul li.img {width:130px; margin-right:20px;}
.symptom ul li p.tit {color:#222; font-size:19px; font-weight:500; line-height:25px;}

/*
.center_tab{position:relative; clear:both; }
.center_tab .tit { position:relative; clear:both;}
.center_tab .tit ul li {float:left; width:19%; height:40px; line-height:40px; font-size:15px; background:#f3f3f3; border-radius:50px; text-align:center; cursor:pointer; margin:0.5%;}
.center_tab .tit ul .on, .center_tab .tit ul .on:hover {background:#12989d; color:#fff; font-weight:bold; }
.center_tab .tit ul li:hover {background:#dfdfdf;}
.center_tab .info {clear:both; margin-top:40px;}

.center_tab2{position:relative; clear:both; }
.center_tab2 .tit { position:relative; clear:both;}
.center_tab2 .tit ul li {float:left; width:24%; height:40px; line-height:40px; font-size:15px; background:#f3f3f3; border-radius:50px; text-align:center; cursor:pointer; margin:0.5%;}
.center_tab2 .tit ul .on, .center_tab .tit ul .on:hover {background:#12989d; color:#fff; font-weight:bold; }
.center_tab2 .tit ul li:hover {background:#dfdfdf;}
.center_tab2 .info {clear:both; margin-top:40px;}
*/

.center_tab{position:relative; clear:both; }
.center_tab .tit { position:relative; clear:both;background:#fdfdfd;}
.center_tab .tit ul li {float:left; padding:0 20px;  height:20px; line-height:20px; font-size:15px; border-right:1px solid #dfdfdf; text-align:center; cursor:pointer; margin:10px 0;}
.center_tab .tit ul .on, .center_tab .tit ul .on:hover {background:none; color:#000 !important; font-weight:500  !important; text-decoration:underline;}
.center_tab .tit ul .on:hover {background:#fff !important; color:#12989d !important;  font-weight:500 !important; }
.center_tab .tit ul li:hover {text-decoration:underline;}
.center_tab .info {clear:both; margin-top:40px;}
.center_tab .tit ul li.last {border-right:none;}

.center_tab2{position:relative; clear:both; }
.center_tab2 .tit { position:relative; clear:both;}
.center_tab2 .tit ul li {float:left; width:24%; height:40px; line-height:40px; font-size:15px; background:#f3f3f3; border-radius:50px; text-align:center; cursor:pointer; margin:0.5%;}
.center_tab2 .tit ul .on, .center_tab .tit ul .on:hover {background:#12989d; color:#fff; font-weight:bold; }
.center_tab2 .tit ul li:hover {background:#dfdfdf;}
.center_tab2 .info {clear:both; margin-top:40px;}

.txtround {background:#999; width:90px; font-size:15px; color:#fff; font-weight:500; text-align:center; border-radius:20px; margin-bottom:10px;}

.arrow {margin:8px 5px 0 5px;}


#floor {position:relative; clear:both;}
#floor .floor_info {position:relative; clear:both; }
#floor .floor_info .tit {float:left; width:100px; color:#f36f21;  font-weight:500;  font-size:24px; letter-spacing:-0.05em; text-decoration:underline;}
#floor .floor_info .info {float:right; width:880px;}
#floor .floor_info .info ul {clear:both; }
#floor .floor_info .info ul li {margin-bottom:30px;}
#floor .floor_info .info ul li.floor_no {float:left; width:80px; border-radius:50px; line-height:30px; background:#777; color:#fff; font-weight:500; text-align:center;}
#floor .floor_info .info ul li.txt {float:right; width:760px; margin-left:40px;}
#floor .floor_info .info ul li.txt span {color:#f36f21;}

#floor .floor_left {position:relative; float:left; width:90px; }
#floor .floor_left ul li {clear:both; height:60px; line-height:60px; text-align:center; margin-bottom:5px;}
#floor .floor_left ul li a {display:block; background:#3d3d3d; color:#fff; font-size:16px; font-weight:500;}
#floor .floor_left ul li a:hover {background:#000;}
#floor .floor_left ul li a.on {background:#f37022;}
#floor .floor_left ul li a.on:hover {background:#f37022;}

#floor .floor_right {position:relative; float:right; width:870px; height:535px; border:1px solid #ededed; background:#fdfdfd;}
#floor .floor_right .info_text {position:absolute; width:535px; height:115px;  padding:20px 30px 0 30px; color:#fff; font-size:15px; line-height:25px; background:#636363; bottom:0; left:0; z-index:2;}
#floor .floor_right .info_text p {font-weight:600; font-size:22px; line-height:30px;}
#floor .floor_right .title {position:absolute; right:0; top:55px;; width:275px; text-align:center; font-weight:600; font-size:30px; line-height:30px; color:#000;}

 .floor_gallery {} 
 .floor_gallery ul{ position:absolute; top:140px; right:37px; width:200px; z-index:1;} 
 .floor_gallery ul li { list-style:none; float:left; margin:2px;} 
 .floor_gallery ul li:last-child { margin-right:0;} 
 .floor_gallery ul li a img { border:3px solid #ddd; display:block;} 
 .floor_gallery ul li a img.select{ border:3px solid #f37022;} 


#floor .floor_right .view_btn {position:absolute; bottom:50px; right:39px;}
#floor .floor_right .view_btn ul li {width:196px; height:38px; margin-bottom:5px;}
#floor .floor_right .view_btn ul li a {display:block; background:#939393 url(../images/information/btn_arrow2.png) no-repeat right; color:#fff; font-size:15px; font-weight:500; padding:0 20px; line-height:38px;}
#floor .floor_right .view_btn ul li a:hover {background:#f37022 url(../images/information/btn_arrow2.png) no-repeat right; }

#floor .building {position:relative; clear:both; border-top:1px solid #dfdfdf; padding-top:50px;}
#floor .building ul {width:170px; margin:0 auto;}
#floor .building ul li {float:left; width:150px; margin:10px;}
#floor .building ul li a {font-weight:400; font-size:20px; color:#777;}
#floor .building ul li a.on {color:#000; font-weight:700; text-decoration:underline;}


#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .70;
	z-index: 999999999;
}
.popup_block{ 
	display: none;text-align:center;
	background: #fff;	
	border: 5px solid #f37022; width:1200px !important; height:800px !important;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 54%; left: 51%;
	z-index: 9999999999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;

}
.popup_block div img {width:1200px; height:800px !important; }
img.btn_close {
	float: right; 
	margin: -5px -70px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}


#mo > .img > img {
    max-width: 980px;
}





.questionnaire {position:relative; clear:both; margin-bottom:30px;}
.questionnaire a {color:#fff; font-size:18px; font-weight:500; background:#f37022; padding:15px 30px;}