@charset "utf-8";

#main {background:#f8f8f8;}

#sub_container {}
#board_container {padding-bottom:50px;}

.intro01 {padding:20px 10px 55px; text-align:center;}

.doctor_menu {display:inline-block; border:2px solid #1674b2;}
.doctor_menu img {max-width:100%;}
.doctor_menu li {position:relative; float:left; width:33.3333%;}
.doctor_menu li+li:before {position:absolute; left:-2px; top:0; bottom:0; z-index:2; width:4px; background:#1674b2; content:'';}
.doctor_menu li a {position:relative; display:block; }
.doctor_menu li .img_on {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity .4s;}
.doctor_menu li.on .img_on {opacity:1;}

.doctro_list {display:inline-block; margin-top:25px;}
.doctor {text-align:left;}
.doctor img {max-width:100%;}
.doctor .name {border-bottom:1px solid #000000;}
.doctor .t01 {font-size:16px; color:#0089cc;}
.doctor .history {margin-top:20px; }
.doctor .list {margin-top:7px; }
.doctor .list li {font-size:14px; color:#000000; line-height:1.7;}
.doctor .btn_more {display:block; margin-top:29px;}

.doctor {display:none;}
.doctor.on {display:block;}


#intro_pop {display:none; position:absolute; top:50%; left:10px; right:10px; z-index:10; transform:translateY(-50%);}
#intro_pop.open {display:block;}
#intro_pop .btn_pop_close {position:absolute; top:4.7%; right:5.8%;}
#intro_pop .btn_pop_close img {width:17px; height:17px;}
#intro_pop .pop {display:none;}
#intro_pop .pop.on {display:block;}

.intro02 img {width:100%;}

.intro03 {text-align:center;}
.intro03 img {width:100%;}
.intro03_cont {padding:0 10px 55px;}
.intro03_cont .map_box {overflow:hidden; position:relative; width:100%; margin:auto; height:400px;}
.intro03_cont .root_daum_roughmap {position:absolute; top:0; left:0; width:100%; height:400px;}


.implant01 img {width:100%;}
.tab_cont {padding-bottom:50px}
.tab_cont .menu {overflow:hidden; margin:-2px; padding:25px 20px;}
.tab_cont .menu li {float:left; width:50%; padding:2px;}
.tab_cont .menu li a {position:relative; display:block;}
.tab_cont .menu li .img_on {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:all .4s;}
.tab_cont .menu li.on .img_on {opacity:1;}
.cont_list .cont {display:none;}
.cont_list .cont.on {display:block;}


.orthodontics04 {padding-bottom:50px;}
.orthodontics04 .tab_cont{margin-top:25px; padding:0 10px;}
.orthodontics04 img {width:100%;}
.tab_cont .tab_menu_text {overflow:hidden; margin:0; padding:0;}
.tab_cont .tab_menu_text li {float:left; width:50%; padding:0;}
.tab_cont .tab_menu_text a {display:block; font-size:13px; color:#313131; line-height:30px; font-weight:bold; text-align:center; background:#e4e4e4;}
.tab_cont .tab_menu_text li.on a {color:#fff; background:#0089cc}


/*
#sub_content {margin:0 -50px; padding-top:30px;}

#main_content {position:relative; }

.sub_common {position:relative; padding-left:50%;}
.sub_common:after {position:absolute; bottom:0; left:50%; width:10000px; height:415px; margin-left:-5000px; background:url('/asset/images/sub/sub_common_bg') #ebebeb; content:''} 
.sub_common img {display:block; position:relative; z-index:2; margin-left:-600px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}

.sub_top {position:relative; overflow:hidden; height:28px;}
.sub_top h2 {float:left; position:relative; padding-left:26px; font-size:23px; color:#181818;}
.sub_top h2:before {position:absolute; top:50%; left:0; width:9px; height:28px; margin-top:-14px; background:#000000; content:'';}
.sub_top .location {float:right;}
.sub_top .location span {position:relative; display:inline-block; font-size:15px; color:#181818; line-height:14px; padding-left:26px;}
.sub_top .location span.ing {color:#0089cc}
.sub_top .location span+span:before {position:absolute; top:50%; left:0; width:25px; height:14px; margin-top:-7px; background:url('/asset/images/common/loactioin_arr.jpg') no-repeat center; content:'';}

.doctor {overflow:hidden;}
.doctor .lcont {float:left; width:550px;}
.doctor .rcont {float:left; width:546px; }
.doctor .txt_box {padding:75px 0 0  59px}
.doctor .name {border-bottom:1px solid #000000;}
.doctor .t01 {font-size:25px; color:#0089cc;}
.doctor .history {margin-top:38px; padding-left:3px;}
.doctor .list {overflow-y:scroll; height:240px; margin-top:7px; padding-left:3px;}
.doctor .list li {font-size:20px; color:#000000; line-height:1.6;}
.doctor .btn_more {display:block; margin-top:29px;}

.intro01_c02 {}

.top_link {position:relative;}
.top_link .btn_wrap {position:absolute; top:0; left:0; width:100%; margin-top:260px; text-align:center;}
.top_link .btn_wrap a {display:inline-block; width:137px; font-size:20px; color:#e5e5e5; line-height:40px; text-align:center; border:1px solid #d3d1d1;}
.top_link .btn_wrap a+a {margin-left:9px;}
.top_link .btn_wrap a.size02 {width:214px;}

.intro03_c02 .map_box {overflow:hidden; height:525px; border:1px solid #f8f8f8;}
.intro03_c02 .map_box .root_daum_roughmap {width:100%; border:0 !important;}

.implant04 {margin:0 -50px;}
.implant04 img {}

.implant01 {margin-top:30px;}
.tab_cont .menu {overflow:hidden;}
.tab_cont .menu li {float:left; width:545px;}
.tab_cont .menu li+li {margin-left:3px;}
.tab_cont .menu a {display:block; position:relative;}
.tab_cont .menu li .img_on {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:all .4s; -webkit-transition:all .4s}
.tab_cont .menu li.on .img_on,
.tab_cont .menu li:hover .img_on {opacity:1;}
.tab_cont .cont_list .cont {display:none;}
.tab_cont .cont_list .cont.on {display:block;}


.cont_wrap01 {margin:0 -50px;} 
.cont_wrap01 img {}


*/
/* °Ô½ÃÆÇ ¿µ¿ª */
/*
.border-top {display:inline-block;width:100%; margin-top:30px;}
.border-top > li {width:30%;height:30px;line-height:30px;vertical-align:middle;}
.border-top > li.border-search {width:70%;}
.border-search #searchKind {width:31%;}
.border-search #searchKeyword {width:55%;}
.border-search input[type=image] {width:11%;height:27px;margin-left:-1.8%;}
*/



/*
.pagination-wrap {text-align:center;margin:5% 0;}
.pagination {display:inline-block;}
.pagination li {float:left;margin:0 7px;height:18px;line-height:18px;vertical-align:middle;}
.pagination li.active {font-weight:bold;}
.pagination li img {width:19px;}
*/



#doctor {}
#doctor .doctor_tab {display:flex;}
#doctor .doctor_tab li {position:relative; width:25%; box-sizing:border-box; border:1px solid #d3d3d3}
#doctor .doctor_tab a {display:block; position:relative;}
#doctor .doctor_tab a::before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:5; border:3px solid #0089cc; content:''; opacity:0; transition:all 0.4;}
#doctor .doctor_tab img {width:100%;}
#doctor .doctor_tab img+img {display:none; position:absolute; top:0; left:0;}
#doctor .doctor_tab li.on a::before {opacity:1;}
#doctor .doctor_tab li.on img+img {display:block;}
#doctor .doctor_cont {display:none; text-align:left;}
#doctor .doctor_cont.on {display:block;}
#doctor .t01 {font-size:16px; color:#0089cc; font-weight:bold;}
#doctor .history {margin-top:20px; padding-left:20px;}
#doctor .list {margin-top:7px; }
#doctor .list li {font-size:14px; color:#000000; line-height:1.7;}