@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,600,700,800,900,500);
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

html,body{width:100%; height:100%;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{margin:0; padding:0; border:0;  font-family: 'Noto Sans KR', sans-serif; list-style:none;}
input,img{vertical-align:middle;}
input{border:0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } 
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0;}

i{font-style:normal;}
a, a:link, a:visited, a:hover, a:active {text-decoration: none;}
form { margin:0px; }
.clear{clear:both; *zoom:1;}
/*긁기 배경 폰트*/

::-moz-selection {/*color: red; background: yellow; */}
::selection {/*color: red; background: yellow;*/}



#wrap{min-width:1280px; height:100%;}

h2#board_tit{font-family: 'Raleway'; font-size: 30px; font-weight: normal; display: block; margin-bottom: 55px;}

/*** set the width and height to match your images **/
#Rolling {
position:relative;
height:100%;
background:#000;
}
#Rolling DIV {
position:absolute;
top:0;
left:0;
z-index:1;
opacity:0.0;
height: 100%;
background-color: #FFF;
}
#Rolling DIV.active {
z-index:10;
opacity:1.0;
}
#Rolling DIV.last-active {
z-index:9;
}

#Slogan{background:#000;}

.main_visual01{width:100%; height:100%; background:url('/theme/basic/img/main7.jpg') no-repeat;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.main_visual02{width:100%; height:100%; background:url('/theme/basic/img/main8.jpg') no-repeat;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}


header{position:absolute; left:80px; top:80px; z-index:10; min-width:90%; max-width:90%;}
header h1{display:inline-block; margin-bottom:77px; width:272px; float:left; }

.lnb_box{float:right;}
.lnb_box ul{display:block; margin-left:26px;}
.lnb_box ul li {float:left; margin-left:20px;}
.lnb_box ul li a{display:block; padding:8px 0px 8px 14px; position:relative; font-size:21px; color:#fff; font-weight:400; font-family:Raleway;}
.lnb_box ul li a i{display:none; width:3px; height:18px; background:#fff; position:absolute; left:0px; top:12px;}
.lnb_box ul li a:hover i{display:inline-block;}

.main_text{position:absolute; right:60px; bottom:30px; color:#fff; z-index:10;}
.main_text h2{font-size:30px; font-weight:normal; text-align:right;}
.main_text hr{display:inline-block; width:60px; height:3px; background:#fff; float:right; border:none; margin-top:9px; margin-bottom:9px;}
.main_text p{font-size:16px; text-align:right; line-height:1.6em;}

.main_content_box{width:100%; margin:auto; overflow:hidden; background:#f7f7f7;}
h3.main_tit{color:#000; font-size:27px; font-weight:normal; display:block; margin-bottom:30px; margin-top:50px;}
.content_cetner{width:1200px; margin:auto;}
.banner_view{float:left; width:582px; height:470px; border:solid 1px #d7d7d7; margin-right:20px;}
.banner_bt_box{float:left; width:595px; height:470px;}
.tabs li{float:left;border:solid 1px #d7d7d7; margin-right:15px; margin-bottom:21px;}
.tabs li.margin_none{margin-right:0px;}
.tabs li a{overflow:hidden; position:relative; display:block; width:288px; height:223px;}
.tabs li a strong{position:absolute; width:100%; bottom:0px;}
.tabs li a:hover .banner_over_box{opacity: 1; transition: 0.3s all ease 0s;}
.banner_over_box{width:284px; height:219px; border:solid 2px #333; position:absolute; bottom:0px; opacity: 0;  transition: 0.3s all ease 0s;}
.banner_over_box strong{display:block; width:100%; height:40px; line-height:40px; color:#fff; background:rgba(000,000,000, 0.7); font-size:15px; text-align:center;}

.docter_right_bottom{margin-bottom:20px;}

.latest_box_bg{ background:#e7e7e7; padding-bottom:20px; overflow:hidden; margin-top:30px;}
.latest_box_center{width:1200px; margin:auto;}
.latest_review{float:left; margin-right:30px;}
.latest_midea{float:left; margin-right:30px;}
.latest_nocite{float:left;}

footer{background:#f1f2f3; overflow:hidden;}
.footer_line{border:none; display:block; width:100%; height:1px; background:#000;}

.list_center {text-align: center; overflow:hidden;}
.list_center ul {display: inline-block; margin: 0; padding: 0; zoom:1; *display: inline;}
.list_center li {float: left;}
.footer_sns_list li{margin:30px; margin-top:50px;}
.footer_lnb_list li{margin:20px;}
.footer_lnb_list li a{font-size:15px; color:#333;}

footer address{font-style:normal; font-size:14px; text-align:center; display:block; margin-bottom:40px; line-height:23px;}

.footer_logo{display:block; width:100%;}
.footer_logo a{display:block; margin:auto; width:272px; margin-top:30px; margin-bottom:30px;}
.online_box{position:fixed; left:-611px; bottom:0px; z-index:99; width:682px; height:412px;}
.online_wrap{position:relative; width:682px; height:412px;}
.online_bt{position:absolute; right:-30px; bottom:0px; width:100px; height:100px; background:url(/theme/basic/img/online_bt_off.png) no-repeat; background-position:center center;}
.online_from_box{width:610px; height:452px; background:#fff;}


.case_more{float:right; margin-top:42px; margin-right:51px; margin-bottom:38px;}
.case_img{border:solid 2px #bfbfbf; display:block; margin:auto;}

.tab_content{position:relative;}
.tab_content strong{display:block; position:absolute; left:51px; bottom:2px; width:480px; height:60px; line-height:60px; background-color:rgba(000,000,000,0.7); color:#fff; font-size:20px; text-align:center; font-weight:normal;}

.tabs li img{display:block; width:100%;}
.banner_over_box strong{font-weight:normal;}
.tabs .active .banner_over_box{display:block; opacity: 1; transition: 0.3s all ease 0s;}
.career_box{width:1200px; margin:auto;}
.career_box ul li{float:left; width:285px; margin-right:20px;}
.career_box ul li:last-child{margin-right:0px;}
.docter_left_box{float:left; width:580px; height:472px; overflow:hidden; border:solid 2px #bfbfbf; position:relative;  background:#f7f7f7;}
.docter_right_box{float:right; float:left;}
.swiper-container{position:relative;}
.sub_visual_size{width:582px; height:470px; float:left;}
.swiper-pagination{bottom:20px !important;}
.swiper-pagination span{width:15px; height:15px;}
.swiper-pagination-bullet-active{background:#eee;}
.doctor_box{float:left; margin-top:49px; margin-left:49px; width:234px; height:371px;}
.doctor_link{display:block; margin-top:56px; width:125px;}
.docter_right_bottom{position:relative;}
.docter_right_bottom a.contact_bt{position:absolute; right:20px; top:10px; width:140px; height:30px; z-index:2}


/*specialty 텝버튼*/
.specialty_box{width:100%; margin-top:40px; margin-bottom:40px;}
.specialty_pg_bt{float:right;}
.specialty_pg_bt li{float:left;}
.specialty_pg_bt li a{display:block; width:21px; height:21px; line-height:21px; font-size:13px; text-align:center; border:none !important; margin-left:7px; background:url('/theme/basic/img/pg_tab_bt_on.png') no-repeat; color:#fff;}

/*서브페이지 공통 css*/
.sub_section{width:100%; height:100%; position:relative;}
.sub_content_right {position:relative; width:880px; height:auto;}
.sub_content_right img{display:block; text-align:right; float:right;}
.sub_section h2.sub_tit{font-family: 'Raleway'; font-size:30px; font-weight:normal; display:block; margin-top:100px; margin-bottom:55px;}
.sub_content_box{width:880px; float:right; /*overflow:hidden; */margin-right:100px; opacity:0; -moz-opacity:0; margin-bottom:200px; position:relative;}
strong.sub_s_tit{font-size:24px; font-weight:normal; margin-bottom:8px; display:block;}
p.sub_s_text{font-size:15px; line-height:25px;}

/*서브페이지 특정 css*/
.sub01_bg{background:url(/theme/basic/img/main1.jpg) no-repeat;   -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/*sub2*/
h2.history_tit{font-size:30px; font-weight:normal; display:block; margin-bottom:20px; text-align:left; margin-top:40px;}
h2.history_tit span{font-size:20px !important; text-align:left; display:inline-block; margin-left:10px;}
.history_list li{font-size:15px; line-height:28px; text-align:left;}
.history_list li.bm20{margin-bottom:25px;}
.history_left{float:left;}
.history_right{float:right; margin-top:50px;}

/*sub3*/
.sub03_tit{font-size:30px; display:block; margin-top:20px; margin-bottom:40px; font-weight:normal;}

/*변수 css */
.text_align_right{text-align:right;}
.text_color_w{color:#fff !important;}
.font_en{font-family: 'Raleway' !important;}



.case_more{float:right; margin-top:42px; margin-right:51px; margin-bottom:38px;}
.case_img{border:solid 2px #bfbfbf; display:block; margin:auto;}

.tab_content{position:relative;}
.tab_content strong{display:block; position:absolute; left:51px; bottom:2px; width:480px; height:60px; line-height:60px; background-color:rgba(000,000,000,0.7); color:#fff; font-size:20px; text-align:center; font-weight:normal;}

.tabs li img{display:block; width:100%;}
.banner_over_box strong{font-weight:normal;}
.tabs .active .banner_over_box{display:block; opacity: 1; transition: 0.3s all ease 0s;}
.career_box{width:1200px; margin:auto;}
.career_box ul li{float:left; width:285px; margin-right:20px;}
.career_box ul li:last-child{margin-right:0px;}
.docter_left_box{float:left; width:580px; height:472px; overflow:hidden; border:solid 2px #bfbfbf; position:relative;  background:#f7f7f7;}
.docter_right_box{float:right; float:left;}
.swiper-container{position:relative;}
.sub_visual_size{width:582px; height:470px; float:left;}
.swiper-pagination{bottom:20px !important;}
.swiper-pagination span{width:15px; height:15px;}
.swiper-pagination-bullet-active{background:#eee;}
.doctor_box{float:left; margin-top:49px; margin-left:49px; width:234px; height:371px;}
.doctor_text{margin-top:44px; margin-left:32px; float:left;}
.doctor_link{display:block; margin-top:10px; width:125px;}
.docter_right_bottom{position:relative;}
.docter_right_bottom a.contact_bt{position:absolute; right:20px; top:10px; width:140px; height:30px; z-index:2}
.sub_banner_box{width:1200px; margin:auto; margin-top:20px;}
.sub_banner_left{width:50%; float:left;}
.sub_banner_right{width:50%; float:left;}