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


#container {position:relative; z-index:0; font-family:'Nanum Square';}




/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:600px; min-width:1200px; overflow:hidden;  font-family: 'Nanum Square';}
.main_visual ul {height:600px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:600px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; top:0px; color:#fff; z-index:2; }
.main_visual .main_visual_text .default_layout {text-align:left; font-weight:bold; position:relative; z-index:3;}

.main_visual .main_visual_text .bg{position:absolute; top:0px;  left:0px; width:100%; height:600px; background:rgba(0,0,0,0.3); z-index:0;}

.main_visual .main_visual_text .t1{font-size:50px; line-height:50px; position:relative; z-index:3; margin-top:130px; color:#fff;}
.main_visual .main_visual_text .t2{font-size:20px; padding-top:30px; position:relative; z-index:3;  color:#fff; opacity:0.9}
.main_visual .main_visual_text .t3{margin-top:20px;  position:relative; z-index:3; }
.main_visual .main_visual_text .t3 a{display:inline-block; background:#3475b9; color:#fff; padding:0 30px; line-height:50px; font-sizE:15px;}

.main_visual .main_pager {position:absolute; width:100%;  bottom:60px; z-index:3; text-align:left;}
.main_visual .main_pager span {display:inline-block; width:15px; height:15px; border-radius:15px; background:#fff; margin:0 4px; cursor:pointer;}
.main_visual .main_pager span.cycle-pager-active {background:#3475b9; width:35px;}

.main_visual .control {position:absolute; top:330px; width:100%; text-align:center; z-index:4; text-indent:-9999px;;}
.main_visual .control a {float:left; width:46px; height:80px; background:url(../images/main/visual_btn.png) left top no-repeat; margin-left:40px}
.main_visual .control a#visual_next {float:right;background-position:right top; margin:0 40px 0 0;}






/*의사소개*/
.about_doctor {padding:50px 0 45px; background:#f8f8f8;  overflow:hidden;position:relative; }
.about_doctor .doctor_text {float:left; margin-top:30px; }
.about_doctor .doctor_text dl dt {font-size:33px; color:#3475b9; line-height:33px; letter-spacing:-1.5px;}
.about_doctor .doctor_text dl dd {font-size:16px; margin-top:30px; line-height:24px; padding-left:5px;}
.about_doctor .doctor_text .more {margin-top:20px; margin-left:7px;}
.about_doctor .doctor_text .more a {display:block; width:150px; height:50px; line-height:50px; background:#444;color:#fff; text-align:center; font-size:15px;}
.about_doctor .doctor_text .more a:hover {background:#006699; font-weight:600;}
.about_doctor .bg {position:absolute; left:530px; top:130px; background:url(../images/main/about_doctor_bg.png) left top no-repeat; width:150px; height:167px; }

.about_doctor .doctor_info {margin-left:650px; background:#fff;}
.about_doctor .doctor_info img  {vertical-align:middle;}
.about_doctor .doctor_info .name  {padding:15px 0px; text-align:Center; color:#333333; font-size:15px;}
.about_doctor .doctor_info .name strong {font-size:18px;}



/*치료소개*/
.quick_cure {position:relative; overflow:hidden; margin-top:60px; }
.quick_cure li.list{float:left; width:350px; height:229px; background-position:left top; background-repeat:no-repeat; position:relative;}
.quick_cure li.list .bg {position:absolute; left:0px; top:0px; z-index:0; background:rgba(48,41,37,0.6); width:350px; height:229px; }
.quick_cure li.list.m1{background-image:url(../images/main/quick_cure_bg01.jpg);}
.quick_cure li.list.m2{background-image:url(../images/main/quick_cure_bg02.jpg); margin:0 25px;}
.quick_cure li.list.m3{background-image:url(../images/main/quick_cure_bg03.jpg);}

.quick_cure li.list dl{text-align:center; margin-top:40px; position:relative; z-index:4;}
.quick_cure li.list dt{font-size:30px; color:#fff; line-height:30px; }
.quick_cure li.list dd{font-size:15px; color:rgba(255,255,255,0.8); margin-top:5px; }

.quick_cure li.list .info{position:absolute; bottom:0px;  width:100%; background-color:rgba(0,0,0,0.5); text-align:center;  z-index:1; text-align:center;}
.quick_cure li.list .info a{display:inline-block;;  width:200px; vertical-align:middle; line-height:44px; font-size:13px; color:#ffffff; border:1px rgba(255,255,255,0.5) solid; overflow:hidden; margin:20px; transition: all .2s;}
.quick_cure li.list .info a:hover{background-color:rgba(0,0,0,0.6)}


/*병원소개*/
.dentistry_info {margin-top:25px;overflow:hidden;}
.dentistry_info li.col {float:left; width:250px; height:200px; position:relative;    }
.dentistry_info li.col .bg {position:absolute; left:0px; top:0px; width:100%; height:200px;background-color:#3475b9; z-index:0; background-repeat:no-repeat; background-position:93% 87%; background-size:60px; transition: all .2s;}
.dentistry_info li.col .icon {position:absolute; left:180px; top:120px; width:69px; height:68px;z-index:1;}
.dentistry_info li.col.m4 {width:350px;}
.dentistry_info li.col.m1 .bg{background-image:url(../images/main/dentistry_info_01.png);}
.dentistry_info li.col.m2 .bg{background-image:url(../images/main/dentistry_info_02.png);}
.dentistry_info li.col.m3 .bg{background-image:url(../images/main/dentistry_info_03.png);}

.dentistry_info li.col:hover .bg{background-position:93% 77%;}

.dentistry_info li.col.m2 .bg {opacity:0.9}
.dentistry_info li.col.m3 .bg {opacity:0.8}
.dentistry_info li.col.m4 .bg {background-color:#008d9b}


.dentistry_info li.col dl {padding:25px;color:#fff; z-index:1; position:relative; }
.dentistry_info li.col dl dt {font-size:20px; font-weight:600; margin-bottom:10px;}
.dentistry_info li.col dl dd {font-size:13px; line-height:18px; padding-right:40px;}
.dentistry_info li.col dl dd .jibun {display:inline-block; font-size:11px; border:1px rgba(255,255,255,0.8) solid; padding:0 6px; color:#fff; margin-right:4px;}
.dentistry_info li.col dl dd .tell {margin-top:5px;}

.dentistry_info li.col.m4 dl {padding:25px;}
.dentistry_info li.col.m4 dt {margin-bottom:5px;}
.dentistry_info li.col.m4 dd {padding-right:0px;}

.dentistry_info li.col dl dd .text_input {overflow:hidden; position:relative; display:table; width:100%; table-layout:fixed; border-spacing:2px;}
.dentistry_info li.col dl dd .text_input li {padding:0px 2px; display:table-cell; font-size:11px;}
.dentistry_info li.col dl dd .text_input li input[type="text"]{height:38px; line-height:38px; background:#fff; border:0px; padding:0 3%; vertical-align:middle; width:95%; }
.dentistry_info li.col dl dd .text_input li select {height:38px; line-height:38px; background:#fff; border:0px;  vertical-align:middle; width:100%;}

.dentistry_info li.col dl dd .text_input li input[type="submit"]{background:#045d66; color:#fff; border:0px; height:40px; line-height:40px;  font-family: 'Nanum Square'; font-weight:bold; font-size:13px;  width:100%; text-align:center; margin-top:5px;}

.dentistry_info li.col dl dd .etc {vertical-align:middle;font-size:11px; color:rgba(255,255,255,0.8); font-family: 'Nanum Square';}
.dentistry_info li.col dl dd .hidden_text_agree {position:absolute; top:0px; left:0%; padding:10px;width:90%; height:150px; overflow:hidden; overflow-y:auto; display:none; color:#fff; border:1px #222 solid; background:#666; z-index:111; font-family: 'Nanum Square'; font-size:11px; }


.dentistry_info li.col dl dd ::-webkit-input-placeholder {font-size:11px; color:#999;}
.dentistry_info li.col dl dd ::-moz-placeholder {font-size:11px; color:#999;}
.dentistry_info li.col dl dd :-ms-input-placeholder {font-size:11px; color:#999;}
.dentistry_info li.col dl dd :-moz-placeholder  {font-size:11px; color:#999;}







/*치과 소개*/
.main_intro {position:relative; overflow:hidden; background:#f6f6f6; padding-bottom:70px; overflow:hidden; margin-top:60px; font-family:'Nanum Square';}
.main_intro .title { font-size:15px;color:#333; letter-spacing:-2px; margin-right:15px; line-height:30px; position:relative; padding:65px 0 25px;}
.main_intro .title strong {font-size:29px; display:inline-block; margin-right:10px;}
.main_intro .title a {position: absolute; right:0; top:70px; color:#777; font-size:13px;}

.main_intro .popup_zone {border:1px #c2c3c7 solid;  width:356px; height:278px; float:left; position:relative;}
.main_intro .popup_zone ul {position:relative; z-index:0; }
.main_intro .popup_zone ul li img{vertical-align:middle;}
.main_intro .popup_zone .popup_zone_pager  {position:absolute; width:100%; left:0px; bottom:0px; z-index:3; text-align:center; }
.main_intro .popup_zone .popup_zone_pager span {display:inline-block;vertical-align:top; width:12px;  height:12px; border-radius:12px; background:#fff; margin:0px 2px; cursor:pointer;}
.main_intro .popup_zone .popup_zone_pager .cycle-pager-active {background:#3475b9;}




/*진료시간/공지*/
.main_intro .main_center {position:relative; float:left; width:356px; height:280px; border:1px solid #dcdcdc; box-sizing:border-box; background:#fff; margin-left:16px;}



/*진료시간*/
.main_intro .tit_box {position:relative; margin:20px 20px 0 30px; font-size:18px; color:#222; font-weight:bold; letter-spacing:-0.5px; }
.main_intro .tit_box .more_btn {position:absolute; right:0; top:0; display:block; color:#999; font-size:10px; font-weight:bold; border:1px solid #e9e9e9; line-height:21px; padding:0 10px; letter-spacing:0; border-radius:21px;}
.main_intro .tit_box .shape {padding-left:3px;}
.main_intro .tit_box .more_btn:hover {border:1px solid #ccc;}

.main_center .time_list {padding:10px 30px 0 32px;}
.main_center .time_list ul {padding-bottom:10px;}
.main_center .time_list li {position:relative; color:#333; line-height:21px; font-size:13px; font-weight:600; padding-left:65px;}
.main_center .time_list li:before {content:""; width:1px; height:10px; background:#cbcbd0; position:absolute; left:55px; top:50%; margin-top:-5px;}
.main_center .time_list .date {position:absolute; left:0; top:0;}
.main_center .time_list .txt2 {letter-spacing:12px;}
.main_center .time_list em {letter-spacing:0.5px; font-style:normal; margin-left:2px;}
.main_center .time_list .txt_point {color:#069edb;}
.main_center .tell {color:#3475b9; font-size:30px; font-weight:bold; font-family:'Nanum Square'; padding-bottom:15px;}

/*공지사항*/



.main_intro .notice_box {border-top:1px solid #dcdcdc;}
.main_intro .notice_box ul {overflow:hidden; height:48px; padding:5px 0 0 34px;}
.main_intro .notice_box li {position:relative; line-height:24px; font-size:14px; padding-left:10px; background:url(../images/common/dot01.png) left 50% no-repeat;}
.main_intro .notice_box li a {font-size:#666; font-weight:600;}
.main_intro .notice_box li a:hover {color:#000; text-decoration:underline;}


/*알림배너*/
.main_intro .map_view {position:relative; float:right; width:356px;}
.main_intro .map_view .adress_info{background:#fff url(../images/main/main_map_cursor.png) 20px 50% no-repeat;; padding:23px;}
.main_intro .map_view .adress_info .text{padding-left:80px; font-size:14px; color:#000;}
.main_intro .map_view .adress_info .text .jibun {display:inline-block; font-size:11px; border:1px #ddd solid; background:#f8f8f8; padding:0 6px; color:#333; margin-right:4px;}