@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(//cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-full.css);

* {font-family:"NotoSansKR","나눔고딕", "NanumGothic", "Malgun Gothic", "돋움", "Dotum", "AppleGothic", sans-serif;}

body {width:100%; margin:0 auto; padding:0; line-height:normal; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
img {border:none; padding:0; margin:0; outline:none;}
a {border:none; padding:0; margin:0; outline:none; text-decoration:none;}
a:active {color:#626262; text-decoration:none;}
a:link {color:#626262; text-decoration:none; }
a:visited {color:#626262; text-decoration:none;}
a:hover {color:#626262; text-decoration:none;}
ul {list-style:none; padding:0; margin:0; *zoom:1;}
ul:after {content:""; display:block; clear:both;}

img.fx{max-width:100%;}
 
td {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input, select, textarea {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
	outline:none;
	font-size:70%;
	color:#000000;
}

input::-moz-placeholder {color:#000000;}
input::-webkit-input-placeholder {color:#000000;}

textarea::-moz-placeholder {color:#000000;}
textarea::-webkit-input-placeholder {color:#000000;}

input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea {
	-webkit-border-radius:0;
	-webkit-appearance:none;
	width:100%;
}

select {
	-webkit-border-radius:0; /* 둥근모서리 */
	-webkit-appearance:none; /* 그림자 */
	appearance:button;
	-moz-appearance:button; /*Firefox*/
	-webkit-appearance:button; /*Safari and Chrome*/
	background:url("/mobile/img/sub/select_arrow.png") no-repeat 95% 50%; /*셀렉박스 화살표*/
	width:100%;
}

/*IE 10, 11의 네이티브 화살표 숨기기*/ 
select::-ms-expand {display:none;}

/*display:inline-block; *display:inline; zoom:1;*/

#wrap {max-width:960px; min-width:320px; padding:0; margin:0 auto;}

/*헤더*/
#header {width:100%; margin:0 auto; padding:3% 0;}
#header > table {width:90%; margin:0 auto;}
#header > table > tbody > tr > td {}
#header > table > tbody > tr > td img {display:inline-block; *display:inline; zoom:1; width:100%;}
#header > table > tbody > tr > td .main_logo {width:40%;}

/*컨텐츠*/
#container {width:100%; margin:0 auto; position:relative; top:0; left:0;}

/*메인메뉴*/
#main_nav_bg {display:none; width:100%; max-width:960px; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0, 0.7); position:absolute; top:0; left:0; right:0; z-index:999;}
#main_nav {display:none; width:100%; max-width:960px; margin:0 auto; position:absolute; top:0; left:0; right:0; z-index:9999;}
#main_nav:after {content:""; display:block; clear:both;}
#main_nav > .left_con {float:left; width:24%;}
#main_nav > .right_con {float:right; width:76%; background-color:#fafafa;}
#main_nav > .right_con > .list_con {}
#main_nav > .right_con > .list_con > ul {}
#main_nav > .right_con > .list_con > ul > li {display:block; border-bottom:1px solid #bebebe;}
#main_nav > .right_con > .list_con > ul > li > a {display:block; padding:0 8%; font-size:86%; color:#313131; line-height:43px;}
#main_nav > .right_con > .list_con > ul > li .sub_nav {display:none; background-color:#5b98b5; padding:6% 8%;}
#main_nav > .right_con > .list_con > ul > li .sub_nav > ul {}
#main_nav > .right_con > .list_con > ul > li .sub_nav > ul > li {display:block; margin-bottom:6%;}
#main_nav > .right_con > .list_con > ul > li .sub_nav > ul > li > a {}
#main_nav > .right_con > .list_con > ul > li .sub_nav > ul > li > a img {width:4px; margin-right:3px; vertical-align:middle;}
#main_nav > .right_con > .list_con > ul > li .sub_nav > ul > li > a span {font-size:84%; color:#ffffff; vertical-align:middle;}
#main_nav > .right_con > .list_con > ul > li .sub_nav > ul > li:last-child {margin-bottom:0;}

/*메인 컨텐츠*/
#main_con {}
#main_con > .banner_con {background:url("/mobile/img/main/main_banner_con_bg.png") no-repeat; background-size:cover; background-position:center; padding:12% 0 20% 0;}
#main_con > .banner_con > .text_con {width:90%; margin:0 auto;}
#main_con > .banner_con > .text_con > .text01_con {margin-bottom:3%;}
#main_con > .banner_con > .text_con > .text01_con span {display:inline-block; *display:inline; zoom:1; border-bottom:1px solid #dfdfdf; padding-bottom:2%; font-size:78%; color:#ffffff; font-weight:bold; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.08); -moz-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.08);}
#main_con > .banner_con > .text_con > .text02_con {margin-bottom:2%;}
#main_con > .banner_con > .text_con > .text02_con span {font-size:143%; color:#ffffff; font-weight:bold; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.08); -moz-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.08);}
#main_con > .banner_con > .text_con > .text03_con {}
#main_con > .banner_con > .text_con > .text03_con span {font-size:97%; color:#ffffff;}
#main_con > .con_nav {background-color:#e4e4e4; padding:5%;}
#main_con > .con_nav > ul {}
#main_con > .con_nav > ul > li {float:left; display:block; width:49%; margin:0 2% 2% 0;}
#main_con > .con_nav > ul > li > a {display:block; border:1px solid #d7d7d7; background-color:#ffffff; padding:5%;}
#main_con > .con_nav > ul > li > a > table {width:100%; margin:0 auto;}
#main_con > .con_nav > ul > li > a > table > tbody > tr > td {}
#main_con > .con_nav > ul > li > a > table > tbody > tr > td img {width:100%;}
#main_con > .con_nav > ul > li > a > table > tbody > tr > .text_td {padding-left:6%;}
#main_con > .con_nav > ul > li > a > table > tbody > tr > .text_td > .text01_con {}
#main_con > .con_nav > ul > li > a > table > tbody > tr > .text_td > .text01_con span {font-size:80%; color:#646464; font-weight:bold;}
#main_con > .con_nav > ul > li > a > table > tbody > tr > .text_td > .text02_con {margin-top:3%;}
#main_con > .con_nav > ul > li > a > table > tbody > tr > .text_td > .text02_con span {font-size:70%; color:#9b9b9b; font-weight:bold;}
#main_con > .con_nav > ul > li:nth-child(even) {margin-right:0;}
#main_con > .con_nav > ul > li:last-child {margin-bottom:0;}
#main_con > .bottom_con {padding:5% 5% 10% 5%;}
#main_con > .bottom_con > .slide_con {margin-bottom:6%;}
#main_con > .bottom_con > .notice_con {margin-bottom:7%;}
#main_con > .bottom_con > .notice_con > .title_con {margin-bottom:3%;}
#main_con > .bottom_con > .notice_con > .title_con > table {width:100%; margin:0 auto;}
#main_con > .bottom_con > .notice_con > .title_con > table > tbody > tr > td {}
#main_con > .bottom_con > .notice_con > .title_con > table > tbody > tr > td img {display:block; width:100%;}
#main_con > .bottom_con > .notice_con > .title_con > table > tbody > tr > td span {font-size:86%; color:#000000; font-weight:bold;}
#main_con > .bottom_con > .notice_con > .list_con {}
#main_con > .bottom_con > .notice_con > .list_con > ul {}
#main_con > .bottom_con > .notice_con > .list_con > ul > li {display:block; border-top:1px solid #e6e6e6; border-bottom:1px solid #f5f5f5; padding:3%;}
#main_con > .bottom_con > .notice_con > .list_con > ul > li > a {display:block; *zoom:1;}
#main_con > .bottom_con > .notice_con > .list_con > ul > li > a:after {content:""; display:block; clear:both;}
#main_con > .bottom_con > .notice_con > .list_con > ul > li > a span {font-size:78%; color:#0a0a0a;}
#main_con > .bottom_con > .notice_con > .list_con > ul > li > a .title_text {float:left;}
#main_con > .bottom_con > .notice_con > .list_con > ul > li > a .title_text .dot {color:#e4e4e4; font-weight:bold;}
#main_con > .bottom_con > .notice_con > .list_con > ul > li > a .date_text {float:right;} 
#main_con > .bottom_con > .notice_con > .list_con > ul > li:first-child {border-top:0;}
#main_con > .bottom_con > .notice_con > .list_con > ul > li:last-child {border-bottom:0;}
#main_con > .bottom_con > .nav {}
#main_con > .bottom_con > .nav > ul {}
#main_con > .bottom_con > .nav > ul > li {float:left; display:block; width:30%; margin-right:5%;}
#main_con > .bottom_con > .nav > ul > li .list_div {text-align:center;}
#main_con > .bottom_con > .nav > ul > li .list_div > .icon_con {margin-bottom:5%;}
#main_con > .bottom_con > .nav > ul > li .list_div > .icon_con img {width:50%;}
#main_con > .bottom_con > .nav > ul > li .list_div > .text_con {}
#main_con > .bottom_con > .nav > ul > li .list_div > .text_con span {font-size:78%; color:#505050; font-weight:bold;}
#main_con > .bottom_con > .nav > ul > li:last-child {margin-right:0;}

/*푸터*/
#footer {width:100%; margin:0 auto; background-color:#333333; padding:3% 0 18% 0;}
#footer > .nav {width:90%; margin:0 auto; margin-bottom:4.5%;}
#footer > .nav > ul {}
#footer > .nav > ul > li {float:left; display:block; width:32%; margin-right:2%;}
#footer > .nav > ul > li a {display:block; border:1px solid #a0a0a0; text-align:center; font-size:65%; color:#a0a0a0; line-height:29px;}
#footer > .nav > ul > li:last-child {margin-right:0;}
#footer > .copyright {width:90%; margin:0 auto;}
#footer > .copyright > .text01_con {margin-bottom:3%;}
#footer > .copyright > .text01_con span {font-size:78%; color:#a0a0a0; line-height:160%;}
#footer > .copyright > .text01_con span .bar {font-size:70%;}
#footer > .copyright > .text02_con {}
#footer > .copyright > .text02_con span {font-size:78%; color:#a0a0a0; line-height:160%;}

#main_reservation_btn {width:100%; max-width:960px; min-width:320px; margin:0 auto; position:fixed; bottom:0; left:0; right:0; z-index:50;}

/*서브 컨텐츠*/
#sub_con {}
#sub_con > .tn_con {background-repeat:no-repeat; background-size:cover; background-position:center; padding-top:10%;}
#sub_con > .tn_con > .title_con {width:100%; margin:0 auto; margin-bottom:10%; text-align:center;}
#sub_con > .tn_con > .title_con > .text01_con {margin-bottom:3%;}
#sub_con > .tn_con > .title_con > .text01_con span {font-size:72%; color:#ffffff; font-weight:bold; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.08); -moz-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.08);}
#sub_con > .tn_con > .title_con > .text02_con {}
#sub_con > .tn_con > .title_con > .text02_con span {font-size:143%; color:#ffffff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.08); -moz-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.08);}
#sub_con > .tn_con > .route_con {width:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0, 0.4); padding:8px 0;}
#sub_con > .tn_con > .route_con > table {width:100%; margin:0 auto;}
#sub_con > .tn_con > .route_con > table > tbody > tr > td {height:24px; border-left:2px solid #737373; position:relative; top:0; left:0;}
#sub_con > .tn_con > .route_con > table > tbody > tr > td .a_btn {display:block; padding:0 8%;}
#sub_con > .tn_con > .route_con > table > tbody > tr > td .a_btn > table {width:100%; margin:0 auto;}
#sub_con > .tn_con > .route_con > table > tbody > tr > td .a_btn > table > tbody > tr > td {}
#sub_con > .tn_con > .route_con > table > tbody > tr > td .a_btn > table > tbody > tr > td span {font-size:72%; color:#ffffff;}
#sub_con > .tn_con > .route_con > table > tbody > tr > td .a_btn > table > tbody > tr > td img {display:block; width:100%;}
#sub_con > .tn_con > .route_con > table > tbody > tr > td .list_con {display:none; width:100%; background-color:#fafafa; position:absolute; top:32px; left:0; z-index:10;}
#sub_con > .tn_con > .route_con > table > tbody > tr > td .list_con > ul {}
#sub_con > .tn_con > .route_con > table > tbody > tr > td .list_con > ul > li {border-bottom:1px solid #bebebe}
#sub_con > .tn_con > .route_con > table > tbody > tr > td .list_con > ul > li a {display:block; padding:0 8%; font-size:72%; color:#313131; line-height:34px;}
#sub_con > .tn_con > .route_con > table > tbody > tr > td .list_con > ul > li .on {background-color:#5b98b5; color:#ffffff;}
#sub_con > .tn_con > .route_con > table > tbody > tr > .home_td {width:10%;}
#sub_con > .tn_con > .route_con > table > tbody > tr > .home_td img {width:100%;}
#sub_con > .tn_con > .route_con > table > tbody > tr > .big_td {width:40%;}
#sub_con > .tn_con > .route_con > table > tbody > tr > .small_td {width:50%;}
#sub_con > .tn_con > .route_con > table > tbody > tr > td:first-child {border-left:0;}
#sub_con > .contents_con {width:90%; margin:0 auto; padding:9% 0 18% 0;}
#sub_con > .contents_con > .title_con {margin-bottom:6%;}
#sub_con > .contents_con > .title_con > .text_con {margin-bottom:4%; text-align:center;}
#sub_con > .contents_con > .title_con > .text_con span {font-size:143%; color:#434343;}
#sub_con > .contents_con > .title_con > .bar {width:30px; height:2px; margin:0 auto; background-color:#dddddd;}
#sub_con > .contents_con > .contents_con {}

/*병원소개*/
.hospital_tn_con {background-image:url("/img/hospital/hospital_tn_con_bg.png");}

.hospital_sub03_con {}
.hospital_sub03_con #map-canvas {height:148px; border:1px solid #dddddd;}

/*의료진 소개*/
.introduce_tn_con {background-image:url("/mobile/img/introduce/introduce_tn_con_bg.png");}

/*앞니성형*/
.front_teeth_tn_con {background-image:url("/mobile/img/front_teeth/front_teeth_tn_con_bg.png");}

/*임플란트*/
.implant_tn_con {background-image:url("/mobile/img/implant/implant_tn_con_bg.png");}

/*틀니*/
.dentures_tn_con {background-image:url("/mobile/img/dentures/dentures_tn_con_bg.png");}

/*치료/진료*/
.cure_tn_con {background-image:url("/mobile/img/cure/cure_tn_con_bg.png");}

/*교정치료와 교합*/
.braces_tn_con {background-image:url("/mobile/img/braces/braces_tn_con_bg.png");}

/*고객센터*/
.center_tn_con {background-image:url("/mobile/img/center/center_tn_con_bg.png");}

.center_sub02_con {}
.center_sub02_con > .write_con {margin-bottom:5%;}
.center_sub02_con > .write_con > .input_con {margin-bottom:2%;}
.center_sub02_con > .write_con > .input_con > table {width:100%; margin:0 auto; border-top:2px solid #c8427d;}
.center_sub02_con > .write_con > .input_con > table > tbody > tr > td {border-bottom:1px solid #e7e7e7;}
.center_sub02_con > .write_con > .input_con > table > tbody > tr > .title_td {width:30%;}
.center_sub02_con > .write_con > .input_con > table > tbody > tr > .title_td span {font-size:84%; color:#363636;}
.center_sub02_con > .write_con > .input_con > table > tbody > tr > .info_td {padding:3%;}
.center_sub02_con > .write_con > .input_con > table > tbody > tr > .info_td .input {height:37px; border:0; background-color:#efefef; padding:0 3%;}
.center_sub02_con > .write_con > .input_con > table > tbody > tr > .info_td .select {height:37px; border:0; background-color:#efefef; padding:0 3%;}
.center_sub02_con > .write_con > .input_con > table > tbody > tr > .info_td .textarea {height:130px; border:0; background-color:#efefef; padding:3%; line-height:140%; overflow-y:scroll;}
.center_sub02_con > .write_con > .check_con {}
.center_sub02_con > .write_con > .check_con label {}
.center_sub02_con > .write_con > .check_con label > input {margin-right:3px; vertical-align:middle;}
.center_sub02_con > .write_con > .check_con label > span {font-size:72%; color:#777777; vertical-align:middle;}
.center_sub02_con > .btn_con {*zoom:1;}
.center_sub02_con > .btn_con:after {content:""; display:block; clear:both;}
.center_sub02_con > .btn_con .a_btn {float:left; display:block; width:49%; background-color:#777777; text-align:center; font-size:84%; color:#ffffff; line-height:42px;}
.center_sub02_con > .btn_con .input_btn {float:right; width:49%; border:0; background-color:#c8427d; font-size:84%; color:#ffffff; line-height:42px;}

/*게시판*/
.notice_list_con {}
.notice_list_con > .search_con {margin-bottom:4%;}
.notice_list_con > .search_con table {width:100%; margin:0 auto;}
.notice_list_con > .search_con table > tbody > tr > td {}
.notice_list_con > .search_con table > tbody > tr > td .input {height:32px; border:1px solid #dddddd; padding:0 3%;}
.notice_list_con > .search_con table > tbody > tr > td .input_btn {height:32px; border:0; background-color:#777777; color:#ffffff;}
.notice_list_con > .more_btn_con {margin-top:7%;}
.notice_list_con > .more_btn_con .a_btn {display:block; border:2px solid #777777; text-align:center; font-size:84%; color:#777777; line-height:40px;}

/*일반 게시판*/
.normal_notice_con {}
.normal_notice_con > ul {border-top:2px solid #a8a8a8;}
.normal_notice_con > ul > li {display:block; border-bottom:1px solid #e7e7e7;}
.normal_notice_con > ul > li > a {display:block; padding:4% 0;}
.normal_notice_con > ul > li > a > table {width:100%; margin:0 auto;}
.normal_notice_con > ul > li > a > table > tbody > tr > td {}
.normal_notice_con > ul > li > a > table > tbody > tr > .no_td {width:12%;}
.normal_notice_con > ul > li > a > table > tbody > tr > .no_td span {font-size:84%; color:#363636;}
.normal_notice_con > ul > li > a > table > tbody > tr > .no_td .notice_btn {color:#bc86a0; font-weight:bold;} 
.normal_notice_con > ul > li > a > table > tbody > tr > .text_td {padding:0 3%;}
.normal_notice_con > ul > li > a > table > tbody > tr > .text_td > .title_con {margin-bottom:3%;}
.normal_notice_con > ul > li > a > table > tbody > tr > .text_td > .title_con span {font-size:84%; color:#363636;}
.normal_notice_con > ul > li > a > table > tbody > tr > .text_td > .info_con {}
.normal_notice_con > ul > li > a > table > tbody > tr > .text_td > .info_con span {font-size:80%; color:#9e9e9e;}
.normal_notice_con > ul > li > a > table > tbody > tr > .text_td > .info_con span .bar {font-size:70%;}

/*게시판 뷰 페이지*/
.notice_view_con {}
.notice_view_con > .view_con {margin-bottom:18px;}
.notice_view_con > .view_con > table {width:100%; margin:0 auto; border-top:3px solid #a8a8a8;}
.notice_view_con > .view_con > table > thead > tr > td {padding-left:3%; padding-right:3%;}
.notice_view_con > .view_con > table > thead > tr > .title_td {border-bottom:2px solid #d8d8d8; padding-top:3%; padding-bottom:3%;}
.notice_view_con > .view_con > table > thead > tr > .title_td span {font-size:84%; color:#4f4f4f; font-weight:bold; line-height:140%;}
.notice_view_con > .view_con > table > thead > tr > .info_td {padding-top:2%;}
.notice_view_con > .view_con > table > thead > tr > .info_td span {font-size:80%; color:#8a8a8a;}
.notice_view_con > .view_con > table > thead > tr > .info_td span .bar {font-size:70%;}
.notice_view_con > .view_con > table > thead > tr > .file_td {padding-top:2%;}
.notice_view_con > .view_con > table > thead > tr > .file_td span {font-size:80%; color:#8a8a8a;}
.notice_view_con > .view_con > table > thead > tr > .file_td span a {}
.notice_view_con > .view_con > table > tbody > tr > td {}
.notice_view_con > .view_con > table > tbody > tr > .posts_td {border-bottom:1px solid #ececec; padding:6% 3%;}
.notice_view_con > .view_con > table > tbody > tr > .posts_td span {font-size:84%; color:#4f4f4f; line-height:140%;}
.notice_view_con > .view_con > table > tbody > tr > .posts_td img {max-width:100%; height:auto;}
.notice_view_con > .btn_con {}
.notice_view_con > .btn_con .a_btn {display:block; background-color:#777777; text-align:center; font-size:84%; color:#ffffff; font-weight:bold; line-height:32px;}