@charset "utf-8";
@import url(/css/nanumgothic.css);

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body, input, button, textarea { font-size:13px; font-family:나눔고딕,'Nanum Gothic'}

.wf-active body {font-family:'Nanum Gothic';}

td { font-size:13px;font-family:나눔고딕,'Nanum Gothic',dotum,sans-serif;color:#454545;line-height:18px;}//letter-spacing:-1px;
p { font-size:13px;font-family: 나눔고딕,'Nanum Gothic',dotum,sans-serif;color:#454545;line-height:18px;}//letter-spacing:-1px;

/* 히스토리 */
.history{FONT-FAMILY:'Nanum Gothic';FONT-SIZE: 11px;color:#686868;TEXT-DECORATION: none;}
a.history:link{font-family:'Nanum Gothic';font-size: 11px;color: #686868;text-decoration: none;}
a.history:hover{font-family:'Nanum Gothic';font-size: 11px;color: #003063;text-decoration: underline;}

/* Textarea 스타일 */
.box1{width:65px; height:23px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #fff;border: 1px solid #D3D3D3;}
.box2{width:130px; height:30px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #fff;border: 1px solid #D3D3D3;}
.box3{width:500px; height:23px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #fff;border: 1px solid #D3D3D3;}
.box4{width:600px; height:120px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #EFEFEF;border: 1px solid #D3D3D3;}
.box5{width:620px; height:36px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #EFEFEF;border: 1px solid #D3D3D3;}
.box6{width:80px; height:18px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #EFEFEF;border: 1px solid #D3D3D3;}
.box7{width:500px; height:250px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #EFEFEF;border: 1px solid #D3D3D3;}
.box8{width:39px; height:19px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #EFEFEF;border: 1px solid #D3D3D3;}
.box9{width:400px; height:19px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #EFEFEF;border: 1px solid #D3D3D3;}
.box10{width:136px; height:19px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #EFEFEF;border: 1px solid #D3D3D3;}
.box11{width:530px; height:120px; font-family: 'Nanum Gothic';font-size:13px;color: #666666;background-color: #fff;border: 1px solid #D3D3D3;}
.box12{width:152px; height:23px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #fff;border: 1px solid #D3D3D3;}
.box13{width:500px; height:23px; font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #fff;border: 1px solid #D3D3D3;}

.inputbox1{width:65px; height:33px;font-size:12px;font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #fff;border: 1px solid #D3D3D3;}
.inputbox2{width:152px; height:33px;font-size:12px;font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #fff;border: 1px solid #D3D3D3;}
.inputbox3{width:500px; height:33px;font-size:12px;font-family: 'Nanum Gothic';font-size:12px;color: #666666;background-color: #fff;border: 1px solid #D3D3D3;}


.total_cidxlist A:link { color:#454545; TEXT-DECORATION: none}
A:link { color:#454545; TEXT-DECORATION: none}

/* 링크 스타일 */
/*A:link {font-size: 13px;  font-family: 'Nanum Gothic',dotum,verdana; color:#454545; TEXT-DECORATION: none}
A:visited {font-size: 13px;  font-family: 'Nanum Gothic',dotum,verdana; color:#454545; TEXT-DECORATION: none}
A:active {font-size: 13px;  font-family: 'Nanum Gothic',dotum,verdana; color:#454545; TEXT-DECORATION: none}*/
/*A:hover {font-size: 13px;  font-family: 'Nanum Gothic'; color:#000000; TEXT-DECORATION: none}*/
/*A:hover {font-size:13px;font-family:'Nanum Gothic';color:#000000;}*/

/* 링크 스타일 */
A.m:link { font-size: 12px;  font-family: 'Nanum Gothic',dotum,verdana; color:#454545; TEXT-DECORATION: none}
A.m:visited { font-size: 12px;  font-family: 'Nanum Gothic',dotum,verdana; color:#454545; TEXT-DECORATION: none}
A.m:active { font-size: 12px;  font-family: 'Nanum Gothic',dotum,verdana; color:#454545; TEXT-DECORATION: none}
A.m:hover { font-size: 12px;  font-family: 'Nanum Gothic',dotum,verdana; color:#000000; TEXT-DECORATION: none}

A.b:link { font-size: 12px;  font-family: 'Nanum Gothic',dotum,verdana; color:#454545; TEXT-DECORATION: none;letter-spacing:-1px;}
A.b:visited { font-size: 12px;  font-family: 'Nanum Gothic',dotum,verdana; color:#454545; TEXT-DECORATION: none;letter-spacing:-1px;}
A.b:active { font-size: 12px;  font-family: 'Nanum Gothic',dotum,verdana; color:#454545; TEXT-DECORATION: none;letter-spacing:-1px;}
A.b:hover { font-size: 12px;  font-family: 'Nanum Gothic',dotum,verdana; color:#000000; TEXT-DECORATION: none;letter-spacing:-1px;}

/*padding*/
.padding20 {padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 20px;}
.padding10 {padding-top:10px;	padding-right: 5px;	padding-bottom: 10px;	padding-left: 5px;}
.padding7 {padding-top: 0px;	padding-right: 7px;	padding-bottom: 0px;	padding-left: 4px;}
.padding4 {padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 4px;}
.padding1 {padding-top: 1px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}


/*font*/
.pm{font-size:13px;font-family: 'Nanum Gothic',dotum,sans-serif;color:#454545;line-height:18px;letter-spacing:-1px;}
.pm A:link {font-size:13px;font-family: 'Nanum Gothic',dotum,sans-serif;color:#454545;line-height:18px;letter-spacing:-1px;}
.btext{font-size:13px;font-family: 'Nanum Gothic',dotum,sans-serif;color:#FF3300;line-height:18px;font-weight: 600;}
.p12 {font-size:12px;font-family: 'Nanum Gothic',dotum,verdana; color:#6D6D6D; line-height:18px;letter-spacing:-1px;}
.Noticep11 {font-size:11px;font-family: 'Nanum Gothic',dotum,verdana; color:#363636; line-height:17px;}

.Roticep11 {font-size:11px;font-family: 'Nanum Gothic',dotum,verdana;color:#FFFFFF;line-height:17px;}
.body_board{font-size:12px;font-family: 'Nanum Gothic',dotum,sans-serif;color:#454545;line-height:18px;}

.color {
	background-color: #3399CC;
}


.text{font-size:0px;line-height:0px;text-indent:-9999px;position:absolute; width:0; height:0;font-size:0;overflow:hidden; visibility:hidden;}


/* PNG 파일 */
.png24 {tmp:expression(setPng24(this));}

/* 전체 메뉴 정의 */
.aligntxt_c {text-align:center !important;}

.allmenu {background: #7000d8; padding: 15px 0; font-size: 17px; color: #ffffff !important; font-weight: 600; letter-spacing: -1px;}
.allmenu a {font-size: 17px; color: #ffffff !important; font-weight: 600; letter-spacing: -1px; text-align: left}

.submenu a {font-size: 13px; color: #363636; font-weight: 600; letter-spacing: -1px}
.submenu a:hover {color: #7000d8; font-weight: 600}

/* 좌측 메뉴 정의 */
.left_menu { width: 199px; padding: 0; float: left; clear: both; margin: 20px 0 30px 0; box-sizing: border-box;}
.left_menu dt { padding: 15px 0; font-size: 28px; color: #333333; font-weight: 600; border-bottom: 1px solid #4f3190; text-align: right}
.left_menu dd { padding: 15px 0; border-top: 3px solid #825eb8}
.left_menu dd ul { width: 100%; padding: 0; float: left; clear: both }
.left_menu dd li { padding: 8px 5px; font-size: 16px; color: #333333; font-weight: 600; text-align: right}
.left_menu dd li:hover { background: #e4007f; font-size: 16px; color: #ffffff; font-weight: 600; cursor: pointer}
.left_menu dd .on { background: #e4007f; font-size: 16px; color: #ffffff; font-weight: 600;}
.left_menu dd .dotline { border-bottom: 1px dashed #d3d3d3; margin: 7px 0}

/* 좌측 메뉴 정의_UTV메뉴*/
.left_menu .utvleft {padding:8px 5px; width:100%; float: left; clear: both; background: #f8f7f7;  margin-bottom: 10px; box-sizing: border-box;}
.left_menu .utvleft li {width:100%; clear: both; text-align:right; padding:5px ; color:#333333; box-sizing: border-box; font-weight:600;  font-size: 14px;}
.left_menu .utvleft li:hover{ color:#e4007f; font-weight:600; background: #f8f7f7; font-size: 14px;}
.left_menu .utvleft li .on{color:#e4007f; font-weight:600;  background: #f8f7f7; font-size: 14px; }

/* 메인추가 정의 */
img, a{ border:0 none;}
.certiW{ width:100%; background-color:#f6f6f9; border:0; height:112px; position:relative; margin-top:20px;}
.certiW img{border:0;}
.certiIMG { height:93px; margin:0 auto; width:920px; overflow:hidden;}
.certiIMG ul li{ float:left; display:inline-block; padding:0 20px 0 20px; list-style:none;}
.rollPrev{ position:absolute; left:0; top: 33px;}
.rollNext{ position:absolute; right:0; top: 33px;}
.rollMore{ position:absolute; right:0; top: 0;}
.sideMenuW{ margin:0; padding:0; padding-top:-3px; padding-left:3px; clear: both}
.sideMenuW li{ list-style:none;}
.sideMenuW li a{width:157px; height:63px; display:inline-block; float:left; font-size: 0;}
.sideMenuW li a:link,.sideMenuW li a:hover,.sideMenuW li a:selected,.sideMenuW li a:visited{font-size: 0; white-space:nowrap; text-overflow:ellipsis;-o-text-overow: ellipsis;-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined; color:transparent; overflow:hidden;}
.sideMenuW li.menu04 a{width:157px; height:65px;}
.sideMenuW li.menu01 a{background:url('../images/sp_btn01.png') 0 0 no-repeat;}
.sideMenuW li.menu02 a{background:url('../images/sp_btn02.png') 0 0 no-repeat;}
.sideMenuW li.menu03 a{background:url('../images/sp_btn03.png') 0 0 no-repeat;}
.sideMenuW li.menu04 a{background:url('../images/sp_btn04.png') 0 0 no-repeat;}
.sideMenuW li.menu05 a{background:url('../images/sp_btn05.png') 0 0 no-repeat;}
.sideMenuW li.menu06 a{background:url('../images/sp_btn06.png') 0 0 no-repeat;}
.sideMenuW li.menu07 a{background:url('../images/sp_btn07.png') 0 0 no-repeat;}
.sideMenuW li.menu08 a{background:url('../images/sp_btn08.png') 0 0 no-repeat; }
.sideMenuW li.menu09 a{background:url('../images/sp_btn03_02.png') 0 0 no-repeat; }
.sideMenuW li a:hover,.sideMenuW li.on a{ background-position: 0 -80px;font-size: 0;}
.bannerBox{ padding-left:3px;}

.popW{ width:302px; position:absolute; right: 175px; top:394px; visibility:visible; z-index:9999; text-align:center; padding: 25px 0; box-sizing: border-box }
.popW h3, .popW h4, .popW ul{ margin:0 auto; width:252px; overflow:hidden; text-align:center; margin:0px\9; #margin:0px; }
.popW h3{ margin-top:16px; margin-bottom:20px;}
.popW ul li{ list-style:none; margin:0; padding:0;line-height: 0;}
.popW ul li a{ cursor:pointer;}

.kakaoP{background:#fbe300;}
.kakaoP h3{ margin-bottom:20px;}
.kakaoP ul{padding: 0 ;}
.kakaoP ul li{float:left; display:inline-block; padding:0 0 4px 4px;}

.chainP{ background-color:#919bff;}
.chainP p{ margin:0 auto; padding:0 0 5px 0; width:228px;}
.chainP ul{ width:260px; padding:5px 0 0 3px;}
.chainP ul li{float:left; display:inline-block; padding:0 3px 0 0;}
.contactP{ background:#5cb3ff;}
.contactP ul{ width:252px; padding:0 0 0 3px;}
.contactP ul li,.chainP ul li{ font-size:0;}
#right_quick{ z-index:999 !important;}

/* 메인 컨텐츠 추가 정의*/
.bannerScoll{ width:1000px; height:197px; padding:0; margin:0; width:1004px \0/IE8+9; position:relative;}
.bannerScoll ul{ width:1000px; height:149px; padding: 0; margin: 20px 0 10px 0; float: left; overflow:hidden;}
.bannerScoll ul li{ float:left; display:inline-block; padding-left:2px;}
.bannerScoll ul li:first-child{ padding-left:0;}
.bannerScoll p.step{ display:inline-block; margin:0 auto;}
.bannerScoll p.step a{ margin:0 2px;}
.bannerscollL{ position:absolute; left:-333px; top:7px;}
.bannerscollR{ position:absolute; right:-333px; top:7px;}

.contentW{ width:1000px; margin:0 auto; padding:0; margin-bottom:62px; margin-top:12px; display: block; height:676px;}
.contentW img, .contentW a{ vertical-align:middle; margin-right:4px; padding:0; border:0; margin:0;}

.contentW ul,.contentW ul li,p.noticeTab{ padding:0; margin:0; list-style:none;}
.contentW ul{ float:left; margin:15px 0 0 0;}
.contentL{ float:left; display:inline-block; width:312px; height:676px;}
.contentW div.contentC{ float:left; display:inline-block; width:312px; margin:0 32px; height:676px; background-color:#5858a4; vertical-align:top; text-align:center;}
.contentW div.contentR{ float:left; display:inline-block; width:312px; height:676px;}

.notice{ position:relative; margin-bottom:24px; float: left;}
.noticeList{position: relative;float: left;}
.noticeList li{ float:left; width:100%;}
.noticeList a{font-size:13px; line-height:170%; color:#363636; letter-spacing: -0.005em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; display: inline-block; text-align:left; }
.noticeList span{ font-size:11px; vertical-align:middle; text-align:right; float:right; width:70px;} 
.cost a, .online a{ width:170px; height:20px; padding-left:7px;}
.gongy a{ width:240px; height:20px; padding-left:0; float:left;}
p.noticeTab{ width:312px; float:left; background-color:#f5f5f5; border-bottom:1px solid #dedede; height:34px; text-align:left;}
p.moreBtn{ position:absolute; right:-3px; top:-29px;  width:35px; height:35px; display:inline-block;}
p.moreBtn a{width:40px; height:35px; display:inline-block;padding:3px; vertical-align:bottom;}
.bannerLeft{ padding-bottom:34px;}
.networkImg{margin-top: 27px;float: left;}
.gongyA, .onlineA, .costA{ min-height:120px;} 
.gongyB, .gongyC{width:100%; }
.gongyB p.moreBtn, .gongyC p.moreBtn{ position:absolute; right:-3px; top:-29px;  width:35px; height:35px; display:inline-block; visibility:visible; z-index:900;}
.gongyB ul,.gongyC ul{ height:62px; overflow:hidden;}
.gongyB span,.gongyC span{ width:45px; }

.maineventgo{ position:relative; margin-bottom:20px; float: left;}
.maineventgo{position: relative;float: left;}
.maineventgo li{ float:left; width:100%; padding: 6px 0 !important ; border-bottom: 1px dashed #dedede}
.maineventgo li:hover { cursor: pointer}
.maineventgo li dt{ font-size:11px; line-height:160%; color:#ffffff; vertical-align:middle; text-align:center; float:left; width:60px; height: 17px; background: url("/images/main/mainevent_titlebg.jpg") no-repeat left 50%; margin-top: 3px; margin-right: 10px} 
.maineventgo li dd{font-size:13px; line-height:170%; color:#363636; letter-spacing: -0.005em;white-space: nowrap; text-align:left; overflow: hidden }
.maineventgo li dd span {float: right; text-align: right}

.contentW div.contentC p{ padding:0; margin:0;}
.movie{ float:left;width:252px; padding-left:27px; margin-top:12px;}
.movie ul{ margin-bottom:8px; margin-top:20px;}
.movie ul li{ float:left; display:block; text-align:left; height:32px;}

.contentW div.contentR p{ padding:0; margin:0;}
.contentW div.contentR p.surgeryBanner{ margin-top:12px;}
.contentW div.contentR p.requestBanner{ margin-top:37px;}

/* 비쥬얼 정의 */
.visualBox{ position:relative; width:1150px; height:467px; overflow:hidden;}
.btnPrev{ position:absolute; left:0; top:45%;}
.btnNext{ position:absolute; right:0; top:45%;}
.mvtab{ position:absolute; bottom:0; left:75px; width:1000px; height:36px; padding:0; margin:0;}
.mvtab a{ float:left; display:inline-block;}

/* 비쥬얼 정의 */
.visualBox_a{ position:relative; width:1920px; height:754px; overflow:hidden;}
.btnPrev{ position:absolute; left:0; top:45%;}
.btnNext{ position:absolute; right:0; top:45%;}
.mvtab_a{ position:absolute; bottom:42px;  left: 360px; width:1210px; height:48px; padding:0; margin:0 auto;}
.mvtab2_a a{ float:left; display:inline-block;}

.visualBox_b{ position:relative; width:1920px; height:916px; overflow:hidden;}
.btnPrev{ position:absolute; left:0; top:45%;}
.btnNext{ position:absolute; right:0; top:45%;}
.mvtab_b{ position:absolute; bottom:0;  left: 358px; width:1210px; height:70px; padding:0; margin:0 auto;}
.mvtab2_a b{ float:left; display:inline-block;}

.visualBox_c{ position:relative; width:1920px; height:916px; overflow:hidden;}
.btnPrev{ position:absolute; left:0; top:45%;}
.btnNext{ position:absolute; right:0; top:45%;}
.mvtab_c{ position:absolute; bottom:38px;  left: 355px; width:1210px; height:48px; padding:0; margin:0 auto;}
.mvtab2_c b{ float:left; display:inline-block;}


/*gnb navigation*/
#divHeader{ background:url(/images/gnb_bg.png) 50% 0 repeat-x; width:100%; height:36px; position:fixed; z-index: 900;}
#divGlobalMenu{width:1025px; margin:0 auto; display:block; position:relative; }
#divGlobalMenu ul li{ float:left; display:inline-block;}
.divGlobalL{ float:left; position:relative; height:36px; margin:0; padding:0;}
.divGlobalL li{border:0 none; vertical-align:middle; padding:0;}
.divGlobalR{ float:right; position:relative; border:0 none; height:36px; margin:0; padding:0;}
.divGlobalR li{border:0 none; vertical-align:middle; padding:0;}

/*메인비디오*/
#inner_bg              { left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: url('/images/main/popupbg.png') repeat; z-index: 1001 }
#inner_bg_layer        { position: absolute; left: 0; top: 0; width: 100% }
#inner_bg_frame_area   { position: relative; width: 1000px; margin: 0 auto; margin-top: -9999px }

/** modal window styles **/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


#loginmodal {
  width: 854px;height:480px;  /*팝업창의 크기조절*/
  margin-top:100px;           /*팝업창 위아래 간격조절*/
  padding: 18px;
  background: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

/* 메인치료사례 */


#grid{
	clear: both;
 	background-color:#fff;
	float: left;
}

#grid li {display: inline; float: left}

.project {
  width:  250px;
  height: 250px;
  float: left;
  background: #fff;
  overflow:hidden;
}

.project img{
   width:100%;
   height:auto;

}

.project.w2 { width:   585px;  }
.project.h2 { height:  665px;  }

.project {display:inline-block;opacity:0;  font-family:나눔고딕,'Nanum Gothic'}
.project > p {position: absolute;top:-15px;left:0;color:#000;width:100%;height:101%; opacity: 0;transition: opacity 0.15s ease;background:#fff ;  font-family:나눔고딕,'Nanum Gothic'}
.project:hover p {opacity:1; transition: opacity 0.55s ease;}
.project > p > strong.main_ht {position: absolute;top:40%;left:50%;width:340px;margin-left:-170px;text-align: center;font-size:24px;}
.project:hover > p > strong.main_ht{animation-name: fadeInDown; font-family:나눔고딕,'Nanum Gothic'}
.project:hover > p > span{animation-name: fadeInUp; font-family:나눔고딕,'Nanum Gothic'}
.main_view {position: absolute;top: 60%;left:30%;color: #fff;-moz-border-radius: 44px;-webkit-border-radius: 44px;border-radius: 44px;padding: 7px 20px;border: 1px solid #000;background: #000;  font-family:나눔고딕,'Nanum Gothic'}
.project1 {display:inline-block;opacity:0;}

@media screen and (max-width: 1200px) {
#quick11{ visibility:hidden; display:none;}

}