/* Written By MJS */
html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:12px;color:#282828;font-family:'Nanum Gothic','나눔고딕',ng,sans-serif}
img,fieldset{border:0;margin:0;padding:0;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
/* 나눔고딕 폰트 적용 */
@font-face { /* 나눔고딕 Regular */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 800;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
html, body {
font-family: 'Nanum Gothic', sans-serif;
min-width:1500px;
}
/*=================================== 상단 ===================================*/
.menu_w{position:absolute;left:0;top:0;width:100%;height:170px;z-index:9999999999999;}
/* 로고 */
.logo{position:relative;margin:0 auto;width:360px;height:80px;filter:alpha(opacity=100);opacity:1;}
.logo a:hover{filter:alpha(opacity=30);opacity:0.7;}
/* 메뉴 */
#gnb_contain{position:relative;float:left;width:100%;height:56px;border-bottom:4px solid #00376b;background:#0e6eb8;}/* 메뉴 가로 100% */
#gnb{position:relative;width:1500px;height:60px;margin:0 auto;}
#gnb ul{float:left;width:100%;height:60px;border-left:1px solid #3e8bc6;}
#gnb ul li{float:left;width:249px;height:60px;border-right:1px solid #3e8bc6;}
#gnb ul li a{float:left;width:100%;line-height:60px;font-size:20px;font-weight:600;color:#fff;text-align:center;}
#gnb ul li a:hover{background:#00376b;color:gold;}
/* 넓이 100% 서브메뉴 */
#snb{position:absolute;left:0;top:60px;display:none;width:100%;background:#00376b;}
#submenu{position:relative;width:1501px;margin:0 auto;border-left:1px solid #3e8bc6;}
#submenu ul{float:left;width:249px;height:400px;border-right:1px solid #3e8bc6;}
#submenu ul li{float:left;width:100%;}
#submenu ul li a{float:left;width:100%;line-height:40px;font-size:14px;font-weight:600;color:#fff;text-align:center;}
#submenu ul li a:hover{background:#052c63;color:gold;}/* 서브메뉴 마우스오버 시 액션 */
/*=================================== 메인 ===================================*/
/* 메인 비치는 뒷배경 */
.back_bg{position:fixed;left:50%;top:0;width:2000px;height:1333px;margin-left:-1000px;background:url(../img/back_bg.jpg) repeat-x;z-index:-10000px;}
/* 메인비주얼 */
#imgList {position:absolute;width:20000px;height:800px;left:0;top:0px;}
#imgList div{float:left;}
.arrow_wrap{position:absolute;width:100%;height:140px;left:0;top:330px;}
.arrow_w{position:relative;width:1600px;height:110px;margin:0 auto;}
a.ar_left{position:absolute;top:0;left:0;width:120px;height:140px;z-index:99999;}
a.ar_right{position:absolute;top:0;right:0;width:120px;height:140px;z-index:99999;}
/* 상담문의전화, 진료시간 */
#customer{position:relative;float:left;width:730px;height:180px;padding-right:50px;border-right:1px solid #ccc;}
.cs_call{float:left;width:350px;height:180px;margin-right:40px;}
.cs_call b{float:left;width:100%;line-height:100%;font-size:30px;font-weight:600;letter-spacing:-1px;color:#000;}
.cs_call p{float:left;width:100%;line-height:22px;font-size:16px;color:#888;}
.cs_call img{float:left;margin:30px 0 20px 0;}
.cs_call span{float:left;width:100%;line-height:22px;font-size:16px;color:#666;}
.cs_time{position:relative;float:left;width:340px;height:180px;}
.cs_time div{float:left;width:100%;line-height:100%;font-size:14px;color:#999;margin-top:8px;}
.cs_time ul{float:left;width:100%;}
.cs_time ul li{float:left;width:100%;line-height:20px;margin-bottom:19px;font-weight:400;}
.cs_time ul li b{float:left;width:21%;font-size:18px;color:#333;}
.cs_time ul li p{float:left;width:22%;font-size:18px;text-align:center;color:#555;}
.cs_time ul li span{float:left;width:56%;font-size:18px;text-align:right;color:#555;}
/* 오시는길~치료전후 */
.icon4_bn{position:relative;float:left;width:719px;height:180px;}
.icon4_bn ul{float:left;width:100%;height:180px;}
.icon4_bn ul li{float:left;width:24.85%;height:180px;text-align:center;border-right:1px solid #ccc;}
.icon4_bn ul li a{float:left;width:100%;text-align:center;padding-top:30px;}
.icon4_bn ul li a p{float:left;width:100%;line-height:100%;font-size:20px;font-weight:600;color:#000;text-align:center;margin-top:15px;}
/* 반투명 공간 */
.icon_txt{float:left;width:100%;line-height:86px;font-size:70px;font-weight:400;letter-spacing:-2px;text-align:center;color:#fff;margin-bottom:50px;}
.icon_txt b{float:left;width:100%;font-size:50px;font-weight:bold;font-weight:1000;letter-spacing:-1px;}
.icon_w{position:relative;float:left;width:100%;height:400px;}
.icon{text-align:center;}
.icon ul{display:inline-block;zoom:1;*display:inline;}
.icon ul li{float:left;width:280px;height:380px;margin:0 25px;text-align:center;background:url(../img/icon_bg_off.png) no-repeat;overflow:hidden;}
.icon ul li:hover{background:url(../img/icon_bg_on.png) no-repeat;}
.icon ul li b{float:left;width:100%;line-height:100%;font-size:26px;font-weight:600;color:#fff;}
.icon ul li p{float:left;width:100%;line-height:20px;font-size:14px;color:#aaa;margin-top:15px;}
.box{position:relative;float:left;width:280px;height:280px;text-align:center;overflow:hidden;margin-bottom:20px;}
.box .zoom{position:relative;float:left;width:280px;height:270px;}
.box .zoom a{position:absolute;left:0;top:0;width:100%;height:270px;text-align:center;overflow:hidden;}
.box .zoom a img{position:absolute;left:0;top:0;display:inline-block;}
.box .zoom:hover{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);}
/* 치료전후사진 */
.roll_txt{position:relative;float:left;width:100%;line-height:100%;font-size:46px;font-weight:600;letter-spacing:-2px;text-align:center;color:#fff;margin-bottom:40px;}
#rolling {position:relative;float:left;width:1500px;height:162px;}
#rolling a#left {position:absolute;right:41px;top:-82px;z-index:20;}
#rolling a#right {position:absolute;right:0;top:-82px;z-index:20;}
#rolling .roll_img {position:relative;width:100%;height:100%;overflow:hidden;}
#rolling .roll_img ul {position:absolute;left:0px;top:0px;}
#rolling .roll_img ul:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
#rolling .roll_img ul li {position:relative;float:left;width:386px;height:162px;}
#rolling .roll_img ul li a{float:left;width:366px;height:162px;}
#rolling #control {text-align:center;}
.before_img2{float:left;width:50%;}
.before_img2 img{float:left;width:100%;height:122px;}
.before_img2 p{float:left;width:100%;line-height:40px;font-size:18px;font-weight:600;text-align:center;color:#fff;background:#002949;}
.after_img2{float:left;width:50%;}
.after_img2 img{float:left;width:100%;height:122px;}
.after_img2 p{float:left;width:100%;line-height:40px;font-size:18px;font-weight:600;text-align:center;color:#fff;background:#1b96e4;}
/* 병원둘러보기 */
.view_txt{position:relative;float:left;width:100%;text-align:center;margin-bottom:60px;}
.view_txt img{text-align:center;}
.view_btn{position:relative;float:left;width:100%;text-align:center;}
.view_btn a{text-align:center;}
/* 공지사항~진료일정 */
.board{position:relative;float:left;width:419px;height:198px;padding:40px;background:#fff;border:1px solid #ccc;}
.board .board_tit{float:left;width:100%;line-height:32px;font-size:30px;letter-spacing:-1px;font-weight:600;color:#000;}
.board ul{float:left;width:100%;margin-top:20px;}
.board ul li{float:left;width:100%;line-height:30px;}
.board ul li a{float:left;width:73%;font-size:16px;color:#333;background:url(../img/bullet.gif) no-repeat 0 50%;padding-left:3%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board ul li a:hover{text-decoration:underline;}
.board ul li span.date{float:left;width:24%;font-size:13px;text-align:right;color:#898989;}
a.more{position:absolute;right:40px;top:40px;line-height:32px;font-size:30px;font-weight:600;color:#000;}
.m_banner{position:relative;float:left;width:400px;height:180px;padding:49px;border:1px solid #bbb;border-left:none;background:url(../img/bn_bg.jpg) no-repeat;}
.m_banner a{float:left;width:100%;}
.m_banner b{float:left;width:100%;line-height:100%;font-size:36px;letter-spacing:-2px;font-weight:600;color:#000;}
.m_banner span{float:left;line-height:30px;font-size:14px;padding:0 8px;border-bottom:1px solid #000;margin-top:50px;}
.m_banner2{position:relative;float:left;width:400px;height:268px;padding:5px;border:1px solid #bbb;border-left:none;}
.m_banner2 a.addr{float:left;width:100%;}
.m_banner2 b.addr{float:left;width:100%;line-height:100%;font-size:36px;letter-spacing:-2px;font-weight:600;color:#000;}
/*==================================== 우측퀵바 ====================================*/
#quick{position:absolute;top:200px;right:-60px;z-index:100000000;}
#quick .side{position:fixed;display:block;width:120px;background:none;z-index:10000;}
#quick .side ul{float:left;width:120px;}
#quick .side ul li{float:left;width:120px;height:120px;margin-bottom:1px;}
#quick .side ul li a{float:left;width:100%;display:block;}
#quick .side ul li a img{float:left;width:100%;}
/*=================================== 하단 ===================================*/
/* 상무스타치과병원 그 특별함 */
.special_w{position:relative;float:left;width:100%;margin-bottom:100px;}
.special{position:relative;width:1360px;height:1938px;margin:0 auto;padding:0 95px;background:url(../img/special_bg.jpg) no-repeat;background-size:100%;;}
.special ul{float:left;width:1359px;margin:460px 0 0 -1px;}
.special ul li{float:left;width:452px;height:452px;margin:0 0 1px 1px}
.special ul li img{float:left;width:100%;}
.f_logo{float:left;width:20%;}
.copyright{float:left;width:80%;line-height:17px;font-size:12px;}
.f_top{position:absolute;right:0;top:0;}
/* 하단 진료시간 */
.footer_cs div{float:left;line-height:100%;font-size:12px;color:#ccc;margin:18px 0 0 520px;}
.footer_cs ul{float:left;width:200px;margin:60px 0 0 746px;}
.footer_cs ul li{float:left;width:100%;font-weight:600;padding-top:3px;margin-top:3px;}
.footer_cs ul li:first-child{padding:0;margin:0;}
.footer_cs ul li b{float:left;width:34%;line-height:13px;font-size:12px;color:#fff;}
.footer_cs ul li p{float:left;width:66%;font-size:12px;color:#bbb;}
.footer_cs ul li p span{float:right;text-align:right;}
/*=================================== 서브 ===================================*/
/* 서브비주얼 */
#sub_visual{position:relative;float:left;width:100%;height:400px;margin-top:170px;overflow-x:hidden;z-index:1000000;}
#sub_visual img{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;filter:alpha(opacity=80);opacity:0.2;z-index:-1;}
.sv_bg{position:absolute;top:0;left:50%;width:2000px;height:400px;margin-left:-1000px;background:url(../img/sub_visual.jpg) no-repeat;z-index:-11;}
.sv_txt{float:left;width:100%;line-height:100%;font-size:46px;font-weight:600;letter-spacing:-1px;text-align:center;color:#fff;margin-top:240px;}
/* 서브탭메뉴 */
.sub_tab_w{position:relative;float:left;width:100%;height:79px;background:#fff;border-bottom:1px solid #aaa;z-index:1000000;}
.sub_tab{text-align:center;}
.sub_tab ul{display:inline-block;zoom:1;*display:inline;}
.sub_tab ul li{float:left;width:200px;height:79px;text-align:center;}
.sub_tab ul li a{float:left;width:100%;height:79px;line-height:79px;font-size:22px;letter-spacing:-1px;color:#777;}
.sub_tab ul li a:hover{color:#000;}
.sub_tab ul li a.on{float:left;width:200px;line-height:79px;height:80px;color:#0069d4;background:url(../img/tab_on.png) no-repeat;}
.sub_tab2_w{position:relative;float:left;width:100%;height:159px;background:#fff;border-bottom:1px solid #aaa;z-index:1000000;}
.sub_tab2{text-align:center;}
.sub_tab2 ul{display:inline-block;zoom:1;*display:inline;}
.sub_tab2 ul li{float:left;width:200px;height:79px;text-align:center;}
.sub_tab2 ul li a{float:left;width:100%;height:79px;line-height:79px;font-size:20px;letter-spacing:-1px;color:#777;}
.sub_tab2 ul li a:hover{color:#000;}
.sub_tab2 ul li a.on{float:left;width:200px;line-height:79px;height:80px;color:#0069d4;background:url(../img/tab_on.png) no-repeat;}
/* 서브컨텐츠 */
.page{position:relative;float:left;width:1320px;min-height:1000px;padding:90px;background:#fff;}
/*=================================== 공통 style ===================================*/
.simg{position:relative;float:left;width:100%;margin-top:80px;}
.back_bg2{position:fixed;left:50%;top:0;width:2000px;height:1333px;margin-left:-1000px;background:url(../img/back_bg.jpg) repeat-x;filter:alpha(opacity=90);opacity:0.1;z-index:1;}
/* 소아치료 */
#tab_dental{position:relative;float:left;width:100%;margin-top:80px;}
ul.tabs{position:relative;float:left;width:64%;height:74px;border-bottom:2px solid #ccc;padding:0 18%;margin-bottom:80px;}
ul.tabs li{position:relative;float:left;width:32%;height:76px;line-height:76px;background:#888;overflow:hidden;margin:0 5px -2px 5px;}
ul.tabs li a{float:left;width:100%;height:76px;line-height:76px;text-align:center;font-size:22px;letter-spacing:-1px;font-weight:600;color:#eee;}
ul.tabs li.active a, ul.tabs li.active a:hover{width:98.5%;height:78px;color:#000;background:#fff;border:2px solid #ccc;border-bottom:2px solid red;}
.tab_container{float:left;width:100%;background:#fff;}
.tab_content{float:left;width:100%;}
/* 치료전후 사진 */
.before_after{position:relative;float:left;width:100%;}
.before_after ul{float:left;width:1350px;margin:-15px 0 0 -15px;}
.before_after ul li{float:left;width:420px;height:230px;margin:15px;}
.before_after ul li b{float:left;width:100%;line-height:24px;font-size:18px;margin-top:12px;text-align:center;}
.before_after ul li a{float:left;width:100%;height:173px;}
.before_img{float:left;width:50%;}
.before_img img{float:left;width:100%;height:133px;}
.before_img p{float:left;width:100%;line-height:40px;font-size:16px;font-weight:600;text-align:center;color:#fff;background:#777;}
.after_img{float:left;width:50%;}
.after_img img{float:left;width:100%;height:133px;}
.after_img p{float:left;width:100%;line-height:40px;font-size:16px;font-weight:600;text-align:center;color:#fff;background:#043e8d;}
/* 페이징 */
.paging_w{position:relative;float:left;width:100%;height:26px;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;margin:0 10px}
.paging ul li{float:left;margin:0 4px;}
.paging ul li a{float:left;text-align:center;height:26px;line-height:26px;font-size:16px;background:#fff;border:1px solid #ccc;color:#888;padding:0 8px;}
.paging ul li a.on{background:#555;border:1px solid #555;color:#fff;font-weight:600;}
/* 디테일페이지 */
.detail{position:relative;float:left;width:92%;padding:3.85%;border:2px solid #ccc;background:#fff;}
.dtl_title{position:relative;float:left;width:100%;padding-bottom:15px;border-bottom:2px solid #ccc;}
.dtl_title p{float:left;width:100%;line-height:32px;font-size:30px;color:#000;}
.dtl_title span{position:absolute;right:0;top:0;line-height:32px;font-size:14px;text-align:right;}
.dtl_cont{position:relative;float:left;width:100%;min-height:700px;margin:3.85% 0;}
.dtl_cont img{position:relative;margin-bottom:20px;text-align:center;}
.btn_w{position:relative;float:left;width:100%;text-align:center;}
input.btn{display:inline-block;width:260px;height:60px;line-height:30px;font-size:20px;font-weight:600;background:#aaa;text-align:center;color:#fff;border:2px solid #898989;margin:0 10px;}
input:hover.btn{background:#333;border:2px solid #000;}
input.btn2{display:inline-block;width:260px;height:60px;line-height:30px;font-size:20px;font-weight:600;background:#d24545;text-align:center;color:#fff;border:2px solid #b31515;margin:0 10px;}
input:hover.btn2{background:#fff;color:#d24545;border:2px solid #d24545;}