@charset 'utf-8';
.p_b20{padding-bottom: 20px;}

#nav{width:100%; height:40px; background:#3e3e3e;}
.p_loca{height:40px;}
.p_loca>li{float:left;width:50%; text-align:left;position:relative}
.p_loca>li>a{display:block;height:40px;line-height: 40px;color: #464646;font-size:15px;padding-left: 7px;background:url(/m/images/m_sub_icon.png) no-repeat right 10px center;background-size: auto 6px;font-weight: 400;}
.p_loca>li>a.over{line-height: 16px;}
.p_loca>li>a.nobg{background:0 !important}
.p_loca>li.mid{background: #e7e7e7;}
.p_loca>li.dep3{background: #f9f9f9;}
.p_loca > li > a.re_line_height {line-height: 18px;}
.p_loca>li.first{width:28px}
.p_loca>li.first a{padding:10px 0 10px 14px;background:url(/m/images/m_sub_icon.png) no-repeat left 11px; background-size: auto 31%}
.p_loca>li.last{padding-right:0;background:0}
.loca1_menu{display:none;position:absolute;left:0;top:40px;width:100%;z-index:10;}
.loca1_menu.menu_01,
.loca1_menu.menu_02{background: rgba(255,255,255,0.95); box-sizing: border-box;
 border-left: 1px solid #ededed;
 border-right: 1px solid #ededed;
 border-bottom: 1px solid #ededed;
 }
.loca1_menu li{text-align:left;}
.loca1_menu li.last{border:0}
.loca1_menu li a{display: block; color:#3e3e3e; font-size:14px; padding:8px 0 8px 15px;font-weight: 400;}

iframe{width:100% !important;}

/* 공통 */
.img_center {text-align: center;}
.title{text-align: center; letter-spacing: -0.07em;}
.title01 span{display: block;letter-spacing: -0.07em;/*padding-top: 72px;*/padding-bottom: 20px;}

	.title01 span{padding-bottom: 35px;font-size:23px;}
	.title01 span.eng{font-size: 13px;padding-bottom: 30px;color: #c7a36f;font-family: 'Gotham',sans-serif;text-transform: uppercase;font-size: 13px;text-align: center;font-weight: 500;letter-spacing: 4px;}
	.title01 span.eng02{font-size:45px;}
	.title01 span.kor{font-size: 31px;padding-bottom:25px;}
	.title01 span.tit01{font-size: 26px;padding-bottom: 15px;}
	.title01 span.kor02{font-size: 18px;padding-bottom: 35px;letter-spacing: 0;}
	.title01 span.kor02 strong{font-weight:500;}
	.title01 span.kor03{font-size:16px;padding-bottom: 60px;}
	.title01 span.kor03 strong{font-weight:500;}
	.title01 span.kor04{font-size:25px;padding-bottom: 30px;}
	.title01 span.kor04 strong{font-weight:500;color:#fff;font-family: 'Nanum Myeongjo', serif;}
	.title01 span.title_line{height: 1px;background: #fff;padding: 0;width: 10%;margin: 0 auto 5%;}
	.title05 span{font-size:16px;}
	.text01{font-size: 16px;line-height:1.5;padding-bottom: 35px;}
	.text01 strong{font-weight: 400;}
	.text01 strong.point{font-size: 16px;}
	.text01 strong.point2 {font-size: 16px;}
	.text01 strong.point3 {font-size: 16px;}
	.text01 b{font-size:16px;}
	.title02{font-size: 23px; line-height: 45px;}
	.title02 span.title02_sub{font-size: 14px; margin: 7px 0 30px;}
	.title03{font-size: 20px;/*padding-top: 50px;*/padding-bottom: 25px;}
	.title04{font-size: 18px;}
	.title05{font-size: 15px;}
	.title06{font-size: 20px;padding-bottom:30px;}
	.title06 span{font-size:20px;}
	.title07 {font-size: 20px;}
	.title08 span{font-size: 14px;}
	.hexagon_wrap05 {padding:30px 20px;margin-bottom:30px;}
	.operation_time li{margin:10px 25px;}
	.mt30{margin-top:30px;}
	.pd_0{padding:0 !important;}	
	.video {height: 250px;width: 90%;margin: 0 auto 30px;}
	
.white {color: #fff !important;}

	.need_wrap>div{padding-top:0;}
	.need_wrap>div> ul { padding: 0 10%; margin-top: 25px;}
	.need_wrap ul li {font-size: 14px; line-height: 19px; padding-left: 20px; background-size: 15px 12px; margin-bottom: 15px; background-position: 0px 4px;}
	.need_wrap ul li:last-child{margin-bottom:0;}

#section .con{padding:45px 5% 45px 5%;}

.sub .title{text-align: center; font-size: 25px; color: #20222f; letter-spacing: -0.1em; padding-top: 25px;}
.sub .title span{display: block; height: 9px; margin-bottom: 25px;}
.sub .title span img{height: 5px;}
/* sub0103 */

/* 인사말 */
.sub0101 .section_02{background: #f5ede2;}
.sub0101 .inner{width: 90%;height: auto;}
.sub0101 .inner > div{}
.sub0101 .inner .text_wrap span{display:block;line-height: 1.5;}
.sub0101 .inner .text_wrap span.bg_wrap_text01 {font-size: 16px;}
.sub0101 .inner .text_wrap span.bg_wrap_text02{font-size: 20px;font-weight: 400;margin: 30px 0;}
.sub0101 .inner .text_wrap span.bg_wrap_text03 {font-size: 16px;text-align: right;font-family: 'Noto Serif CJK KR',sans-serif;margin: 10% 0 0;font-family: 'Nanum Myeongjo', serif;}
.sub0101 .inner .text_wrap span.bg_wrap_text03 strong{font-weight: 700;font-size: 23px;margin: 0 10px 0 0;}

.sub0101 .section_03{background: url(/m/images/sub0101_img02.png) no-repeat center top / cover;height: auto;}
.sub0101 div.text01{text-align:center;padding: 0;}

.sub0101 .section_04 div.text01{margin: 15% 0 0;}
.sub0101 .section_04 div.text01 strong{font-weight: 600;}

/* 의료진소개 */
.sub0102 .sub_con01 div.inner {width: 100%;}
.sub0102 .section_01 div.inner span{display: block;}
.sub0102 .section_01 div.inner span.img01 {width: 100%;}
.sub0102 .section_01 div.inner span.img01 {width: 100%;float: none;}
.sub0102 .section_01 div.inner div.text_wrap{padding: 30px 0 0 0;float: none;width: 100%;}
.sub0102 .section_01 div.inner span.bg_wrap_text01{font-size:20px;font-family: 'Nanum Myeongjo', sans-serif;color: #bfa573;font-weight: 400;line-height: 1.5;}
.sub0102 .section_01 div.inner span.bg_wrap_text02{font-size: 16px;font-weight: 500;margin: 8% 0 2%;}
.sub0102 .section_01 div.inner span.bg_wrap_text03 {font-size: 28px;font-weight: 600;margin: 0 0 6%;}
.sub0102 .section_01 div.inner span.bg_wrap_text03 b {font-size: 16px;}
.sub0102 .section_01 div.inner span.bg_wrap_text04{font-size:20px;color:#dec8c8;}
.sub0102 .section_01 div.inner div.doctor_text{/* float:none; */padding-bottom: 0;}
.sub0102 .section_01 div.inner div.doctor_text ul li{font-size:13px;font-weight: 400;line-height: 1.8;word-break: break-all;}
.sub0102 .section_01 div.inner div.doctor_text ul li b {color: #bfa573;font-size: 12px;vertical-align: middle;}

.sub0102 .section_02 div.inner span{display: block;}
.sub0102 .section_02 div.inner span.img01 {width: 100%;}
.sub0102 .section_02 div.inner span.img01 {width: 100%;float: none;}
.sub0102 .section_02 div.inner div.text_wrap{padding: 30px 0 0 0;float: none;width: 100%;}
.sub0102 .section_02 div.inner span.bg_wrap_text01{font-size:20px;font-family: 'Nanum Myeongjo', sans-serif;color: #bfa573;font-weight: 400;line-height: 1.5;}
.sub0102 .section_02 div.inner span.bg_wrap_text02{font-size: 16px;font-weight: 500;margin: 8% 0 2%;}
.sub0102 .section_02 div.inner span.bg_wrap_text03 {font-size: 28px;font-weight: 600;margin: 0 0 6%;}
.sub0102 .section_02 div.inner span.bg_wrap_text03 b {font-size: 16px;}
.sub0102 .section_02 div.inner span.bg_wrap_text04{font-size:20px;color:#dec8c8;}
.sub0102 .section_02 div.inner div.doctor_text{/* float:none; */padding-bottom: 0;}
.sub0102 .section_02 div.inner div.doctor_text ul li{font-size:13px;font-weight: 400;line-height: 1.8;word-break: break-all;}
.sub0102 .section_02 div.inner div.doctor_text ul li b {color: #bfa573;font-size: 12px;vertical-align: middle;}

/* 장비소개 */
.sub0103 .section_02 div{}
.sub0103 .section_02 div ul{
    width: 100%;
    /* border: 1px solid #ebebeb; */
    overflow: hidden;
}
.sub0103 .section_02 div ul li{
    width: 25%;
    float: left;
    /* border: 1px solid #ebebeb; */
    /* height: 80px; */
    text-align: center;
    /* border-bottom: 1px solid #ebebeb; */
    line-height: 1.3;
    padding-top: 0;
}


.sub0103 .section_02 div ul li:nth-child(9),
.sub0103 .section_02 div ul li:nth-child(10),
.sub0103 .section_02 div ul li:nth-child(11),
.sub0103 .section_02 div ul li:nth-child(12){border-bottom:0;}
.sub0103 .section_02 div ul li a{
    font-size: 13px;
    text-align: center;
	word-break: break-all;
}

/* 둘러보기 */
#section .view{width: 100%; margin: 0 auto;}
#section .view .slider-nav{margin-top: 50px;}
#section .view .slider-nav > div img{width: 80px;}
#section .view .slider-nav {padding-bottom: 50px; margin-top: 20px;}
#section .view .slick-prev{left: 0px; background: url('../images/view_left.png') no-repeat; z-index: 9999; width: 30px; height: 30px; background-size: 30px;}
#section .view .slick-next{right: 0px; background: url('../images/view_right.png') no-repeat; z-index: 9999; width: 30px; height: 30px; background-size: 30px;}
#section .view .slick-next::before,.view .slick-prev::before {content: "";}

.board{padding: 0 15px 30px 15px;}
.board.real th,
.board.real td{word-break: normal!important;}
.board.real .view td:nth-child(1){width: 5%;}
.board.real .view td:nth-child(2){width: 5%;}
.board.real .view td:nth-child(3){width: 25%;}
.board.real .view td:nth-child(4){width: 25%;}
.board.real .view td:nth-child(5){}
.board.real .view td:nth-child(6){}
.board.real .view td:nth-child(7){}
.board.real .thum_title a{font-size: 13px;}

/* 진료시간오시는길 */
.tab_menu{text-align: center;font-size: 0;width: 100%;margin: 0 auto 13px;}
.tab_menu li{display: inline-table;width: 20%;box-sizing: border-box;border-right: 1px solid #ffffff;}
.tab_menu li:nth-child(1),
.tab_menu li:nth-child(2),
.tab_menu li:nth-child(3){width:33.3%;border-bottom: 1px solid #ffffff;}
.tab_menu li:nth-child(4),
.tab_menu li:nth-child(5){width:50%;}
.tab_menu.sub_menu_tab li{width: 25%;}
.tab_menu li:last-child{border-right: 0;}
.tab_menu li:last-child a{margin-right: 0;}
.tab_menu li a{display: block;height: 50px;background: #f5ede2;font-size: 16px;color: #111;letter-spacing: -1px;font-weight: 400;margin-right: 1px;display: table-cell;vertical-align: middle;word-break: break-all;word-wrap: break-word;}
.tab_menu li a:hover,.tab_menu li a.on{background: #5e523b;color: #fff;transition: all 0.5s;}
.tab-link {display:inline-block;cursor:pointer}
.tab-content {display:none;width: 100%;margin: 0 auto 60px;}
.tab-content.on {display:block}

/* 청춘임플란트 - 미유원데이전체임플란트 */

/* 게시판 */
section.section_02 .con{padding:45px 5% 45px 5% !important;}

.sub0601_btn_wrap{overflow: hidden;}
.sub0601_btn_wrap li{float:left;width:50%;}
.tableF select{border: 1px solid #ddd;padding: 0 0 4px 0;background: #f7f7f7;width: 60px;}

/* Mobile BBS List  --------------------------------------------------*/
.M_bbs_List { border-top:1px solid #333; }
.M_bbs_List_th { background:#fff; padding:12px 15px; text-align:left; color:#333;}
.M_bbs_List_th a { font-size:14px; color:#444; font-weight:normal; display:inline-block;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }
#M_SubBody .M_bbs_List_th img { max-height:11px; width:11px; }
.M_bbs_List_td { padding:12px 10px 12px 0; font-size:12px; color:#999;width:70px;}


/* Mobile BBS View  --------------------------------------------------*/
.M_bbs_View { border-top:1px solid #333; }
.M_bbs_View_th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; }
.M_bbs_View_td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
.M_bbs_View_td .date { font-size:12px; color:#999; font-weight:normal; }

.mNextPrev th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; font-size:12px; width:20%; }
.mNextPrev td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
#M_SubBody .mNextPrev td img { max-height:11px; width:11px; vertical-align:middle; }

#M_bbs_View_cont {padding:25px 15px; border-bottom:1px solid #ddd}
#M_bbs_View_cont #wiz_get_table_width { width:100%!important }

.mark span{display: block; font-size: 12px;}
.mark img{vertical-align: middle;}

.M_bbs_List_th > img {
    height: 10px;
    vertical-align: super;
}

.member_btn{width: 80%; margin: 0 auto;}
.member_btn dl{overflow: hidden; margin-top: 20px;}
.member_btn dt{float: left; width: 70%; font-size: 14px;}
.member_btn dd{float: left; width: 30%;}
.member_btn dd a{display: block; background: #efefef; height: 35px; line-height: 35px; text-align:  center; font-size: 14px; box-sizing: border-box; border: 1px solid #cccccc; color: #666666;}
.agree01 h2{font-size: 20px; margin-bottom: 5px; color: #555555;}
.agree01 .text{width: 98%; height: 200px; padding: 5px; border: 1px solid #dddddd; font-size: 13px; background: #f4f4f4; line-height: 23px;}
.agree01 .checkbox{text-align: right; margin-top: 5px; font-size: 13px; }
.agree01 .line{display: block; width: 100%; height: 1px; border: 1px dotted #dddddd; margin: 10px 0; }
.agree01 .agree_btn{margin-top: 15px;}
.agree01 .agree_btn ul{overflow: hidden;}
.agree01 .agree_btn ul li{float: left;width: 48%; margin: 1%;}
.agree01 .agree_btn ul li a{background: #dddddd; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.agree01 .agree_btn ul li:nth-child(2) a{background: #a38345; color: #ffffff;}
.agree02 h2{font-size: 20px; margin-bottom: 5px; color: #555555;}
.agree02 input{border: 1px solid #dddddd; width: 40%; height: 25px; line-height: 25px; padding-left: 5px;}
.agree02 form>div{padding: 10px 0 10px 5px;}
.agree02 span{display: inline-block; width: 30%; font-size: 14px;}
.agree02 span.point{color: #ff0000; display: inline;}
.agree02 .line{display: block; width: 100%; height: 1px; border: 1px dotted #dddddd; margin: 10px 0 0 0; }
.agree02 .id a{display: inlin-block; font-size: 12px; padding: 6px 10px; background: #aaaaaa; margin-left: 10px; color: #ffffff;}
.agree02 .phone01 input{width: 15%;}
.agree02 .phone02 input{width: 15%; height: 13px; margin: 0 5px 0 10px;}
.agree02 .email02 input{width: 15%; height: 13px; margin: 0 5px 0 10px;}
.agree02 .agree_btn{margin-top: 15px;}
.agree02 .agree_btn ul{overflow: hidden;}
.agree02 .agree_btn ul li{float: left;width: 48%; margin: 1%;}
.agree02 .agree_btn ul li a{background: #dddddd; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.agree02 .bg{background: #f8f8f8;}

.join_ok{background: #f4f4f4; padding: 50px;}
.join_ok>div{width: 200px; margin: 0 auto;}
.join_ok>div>img{width: 100%;}
.join_ok h3{font-size: 17px; text-align: center; margin-top: 10px;}
.join_ok .main_go a{display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; background: #333333; color: #ffffff; margin-top: 10px;}

.agree03{max-width: 280px;padding: 15px; margin: 0 auto; border: 1px solid #dddddd; text-align: center; font-size: 0;}
.agree03 h2{display: block; text-align: center; font-size: 20px; line-height: 27px; color: #333333;}
.agree03 h2 img{height: 30px; margin-bottom: 10px;}
.agree03 a{display: inline-block; padding: 10px 20px; background: #a38345; font-size: 18px; color: #ffffff; margin-top: 15px;}	
	
.m_login{border: 1px solid #ebebeb; border-radius: 30px; margin: 30px; padding: 20px 0;}
.m_login .loginbox{padding: 0 15px;}
.m_login .loginbox span{display: inline-block; width: 30%; font-size: 12px; text-align: left;}
.m_login .login_input{width: 60%; height: 30px; line-height: 30px; border: 1px solid #dddddd; margin-bottom: 5px;}
.m_login .btnB{ background: #a38345 none repeat scroll 0 0;color: #ffffff;display: block;font-size: 18px;font-weight: 600;height: 71px;width: 81px;}
.m_login .login_txt{font-size: 14px;}
::-webkit-input-placeholder {color: #e0e0e0; font-size: 15px;}
:-moz-placeholder {color: #e0e0e0; font-size: 15px; opacity: 1;}
::-moz-placeholder {color: #e0e0e0; font-size: 15px; opacity: 1;}
:-ms-input-placeholder {color: #e0e0e0; font-size: 15px;}

.textarea_01 textarea {font-size: 13px; height: 300px; width: 96%;}

.m_sub_title h2{text-align: center; font-size: 25px; color: #35363d; font-weight: 600; letter-spacing: -3px;margin-top: 20px;}

.join_agree_namecheck{margin:20px 0 0; border-top:1px solid #333;}
.join_agree_namecheck div.inner{border-width:0 1px 1px; border-style:solid; border-color:#ddd; padding:10px 20px 15px;}
.join_agree_namecheck .tit{font-size:15px; font-weight:600; color:#999; letter-spacing:-0.05em; line-height:1.6; padding:0 0 0 18px; background:url(image/title_bullet.png) left 50% no-repeat; margin:0 0 10px;}
.join_agree_namecheck .tit span{display:inline-block; color:#444;}

.join_agree_namecheck div.cont{background:#f7f7f7; padding:15px 0;}
.join_agree_namecheck div.cont table{}
.join_agree_namecheck div.cont table th{text-align:left; font-weight:normal; letter-spacing:-0.05em; padding-right:15px; padding-left:20px;}
.join_agree_namecheck div.cont table th.first{padding-left:0;}
.join_agree_namecheck div.cont table td{font-size:0; padding:3px 0;}
.join_agree_namecheck div.cont table td input{width:180px; height:20px; line-height:20px; background:#f7f7f7; border:1px solid #ccc; padding:0 0 0 5px; color:#333; background:#fff;}
.join_agree_namecheck div.cont table td.perno input{width:80px;}
.join_agree_namecheck div.cont table td.perno font{position:relative; top:3px; display:inline-block; width:13px; text-align:center; font-size:12px;}


@media screen and (max-width: 360px) {

.p_loca>li>a {font-size:13px;}

}



@media screen and (max-width: 320px) {

.title01 span.kor02{font-size: 14px;}
.title01 span.kor03{font-size: 15px;}

}