﻿@charset "utf-8";
/* CSS Document */
.con_wrap {width:100%; min-width:1000px; background-color:#ffffff; padding:20px 0 50px 0;}
.con_wrap .con_view {width:1100px; margin:0 auto; overflow:hidden;}
.line {float:right; width:160px; line-height:50px; text-align:right; font-size:12px; color:#999999;}
.line a:last-child{color:#666666;}

.con_visual { overflow:hidden; margin-bottom:50px;}
.ul_con > li { margin-bottom:50px;}
.minH {min-height:800px;}


/*찾아오시는길*/
.with_map { overflow:hidden; margin-bottom:24px}

/*둘러보기*/
.img_slide {width:100%;}
.img_slide > .big_img {width:100%; height:631px; position:relative;}
.img_slide > .big_img > img {width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.img_slide > .big_img > .prev {z-index:100;}
.img_slide > .big_img > .current {z-index:101;}
.img_slide .big_img .div_txt {width:100%; height:40px; position:absolute; bottom:0; left:0; z-index:105;}
.img_slide .big_img .div_txt span {display:block; font-size:16px; font-style:italic;color:#fff; line-height:40px; text-align:center; z-index:107; position:relative;}
.img_slide .big_img .div_txt .bg {width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.5; z-index:106;}
.img_slide .big_img .bn {position:absolute; top:50%; width:74px; height:101; margin-top:-37px; z-index:110;}
.img_slide .big_img .bn a {display:block; text-align:center; width:100%; height:100%;}
.img_slide .big_img .bn a img {display:inline-block;}
.img_slide .big_img .big_left {left:0;}
.img_slide .big_img .big_right {right:0;}
.img_slide > .bns_area {width:100%; height:157px; background:#fff; position:relative; border-bottom:3px solid #3e66b1;}
.img_slide > .bns_area > .list_wrap {width:780px; height:76px; overflow:hidden; position:relative; margin:0 auto; top:40px;}
.img_slide > .bns_area > .list_wrap > .imgs {position:absolute; height:100%; top:0; left:0;}
.img_slide > .bns_area > .list_wrap > .imgs > li {width:117px; height:76px; float:left; margin-right:15px;}
.img_slide > .bns_area > .list_wrap > .imgs > li > span { display:none;}
.img_slide > .bns_area > .list_wrap > .imgs > li.selected {width:117px; height:76px;}
.img_slide > .bns_area > .list_wrap > .imgs > li.selected span { position:absolute; top:0; opacity:0.55; display:block;}
.img_slide > .bns_area > .list_wrap > .imgs > li > a {width:100%; height:100%; display:block;}
.img_slide > .bns_area > .list_wrap > .imgs > li > a > img {max-width:100%;}
.img_slide > .bns_area > .bn {position:absolute; top:35px;}
.img_slide > .bns_area > .bn_left {left:26px; top:60px;}
.img_slide > .bns_area > .bn_right {right:26px; top:60px;}

/*치아교정*/
.online_btn {}
.online_btn > ul { position:relative; margin:0 auto; width:444px;}
.online_btn > ul > li { float:left;}
.online_btn > ul > li.first { margin-right:20px;}

/**** tab *****/
.con_tab{margin:10px 0; overflow:hidden;}
.con_tab.intro ul li{float:left; width: 161px; height:55px; margin-right: 5.5px;}
.con_tab.intro ul li:first-child + li + li + li + li + li {margin-right:0;}
.con_tab.intro ul li a {text-indent:-9999px; display:block; width: 161px; height:55px;box-sizing: border-box;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.con_tab.intro ul li:first-child a{background: url('../img/sub_tab_tit_07.jpg') center 0 no-repeat;}
.con_tab.intro ul li:first-child + li a{background:url('../img/sub_tab_tit_08.jpg') center 0 no-repeat;}
.con_tab.intro ul li:first-child + li + li a{background:url('../img/sub_tab_tit_09.jpg') center 0 no-repeat;}
.con_tab.intro ul li:first-child + li + li + li  a{background:url('../img/sub_tab_tit_10.jpg') center 0 no-repeat;}
.con_tab.intro ul li:first-child + li + li + li + li a{background:url('../img/sub_tab_tit_11.jpg') center 0 no-repeat;}
.con_tab.intro ul li:first-child + li + li + li + li + li a{background:url('../img/sub_tab_tit_19.png') center 0 no-repeat;}
.con_tab.intro ul li a:hover{background-position:center -54px;}

.con_tab.fix ul li{float:left; width:161px; height:55px; margin-right:5.5px;}
.con_tab.fix ul li:nth-child + li + li + li + li + li {margin-right:0;}
.con_tab.fix ul li a {text-indent:-9999px; display:block; width:161px; height:55px;}
.con_tab.fix ul li:first-child a{background:url('../img/sub_tab_tit_01.jpg') 0 0 no-repeat;}
.con_tab.fix ul li:first-child + li a{background:url('../img/sub_tab_tit_02.jpg') 0 0 no-repeat;}
.con_tab.fix ul li:first-child + li + li a{background:url('../img/sub_tab_tit_03.jpg') 0 0 no-repeat;}
.con_tab.fix ul li:first-child + li + li + li a{background:url('../img/sub_tab_tit_04.jpg') 0 0 no-repeat;}
.con_tab.fix ul li:first-child + li + li + li + li a{background:url('../img/sub_tab_tit_05.jpg') 0 0 no-repeat;}
.con_tab.fix ul li:first-child + li + li + li + li + li a{background:url('../img/sub_tab_tit_06.jpg') 0 0 no-repeat;}
.con_tab.fix ul li a:hover{background-position:0 -54px;}


.con_tab.reservation ul li{float:left; width:327px; height:55px; margin-right:6.3px;}
.con_tab.reservation ul li:first-child + li + li + li + li + li {margin-right:0;}
.con_tab.reservation ul li a {text-indent:-9999px; display:block; width:327px; height:55px;}
.con_tab.reservation ul li:first-child a{background:url('../img/sub_tab_tit_12.jpg') 0 0 no-repeat;}
.con_tab.reservation ul li:first-child + li a{background:url('../img/sub_tab_tit_13.jpg') 0 0 no-repeat;}
.con_tab.reservation ul li:first-child + li + li a{background:url('../img/sub_tab_tit_14.jpg') 0 0 no-repeat;}
.con_tab.reservation ul li a:hover{background-position:0 -54px;}

.con_tab.example ul li{float:left; width: 195px; height:55px; margin-right:5px;}
.con_tab.example ul li:nth-child + li + li + li + li + li {margin-right:0;}
.con_tab.example ul li a { display:block; width: 195px; height:55px;}
.con_tab.example ul li:nth-child a{background:url('../img/sub_tab_tit_15.jpg') 0 0 no-repeat;}
.con_tab.example ul li:nth-child + li a{background:url('../img/sub_tab_tit_16.jpg') 0 0 no-repeat;}
.con_tab.example ul li a:hover{background-position:0 -54px;}

.con_tab.community ul li{float:left; width:495px; height:55px; margin-right:5px;}
.con_tab.community ul li:first-child + li + li + li + li + li {margin-right:0;}
.con_tab.community ul li a {text-indent:-9999px; display:block; width:495px; height:55px;}
.con_tab.community ul li:first-child a{background:url('../img/sub_tab_tit_17.jpg') 0 0 no-repeat;}
.con_tab.community ul li:first-child + li a{background:url('../img/sub_tab_tit_18.jpg') 0 0 no-repeat;}
.con_tab.community ul li a:hover{background-position:0 -54px;}

/***** content *****/
.con_tit {display:inline-block; margin-bottom:25px;}


/**** quick_right *****/
.quick_right{width:131px; position:fixed; top: 370px; right:50%; margin-right: 500px;}
.quick_left {width:77px;position:fixed; top: 370px; /*left:50%; margin-left:560px;*/ z-index:15;}
.quick_left#main {width:77px;position:fixed; top: 916px; /*left:50%;*/ right: 10px; margin-left:560px; z-index:15;}

/*비용안내*/
.ul_con table.payment {overflow:hidden; text-align:center; background: #fff;box-sizing:border-box; border:1px solid #dcdcdc;}
.ul_con table.payment caption{display:block; background:#3e66b1; font-size:28px; color:#fff;width: 1100px;overflow: hidden;height: 57px;line-height:57px;position: absolute;visibility: visible;}
.ul_con table.payment tbody {margin-top:57px;}
.ul_con table.payment tr {height:57px; line-height:57px;}
.ul_con table.payment th {font-weight:bold; font-size:20px;; color:#3e66b1; box-sizing:border-box; border:1px solid #dcdcdc;}
.ul_con table.payment td {color:#6b6f77; font-size:16px; box-sizing:border-box; border:1px solid #dcdcdc;}

.ul_con table.payment td {}