@charset "utf-8";

/* content */
.content {min-height : 500px;}
.sv img {width : 100%;}
.m_img img {width : 100%;}
.pr_img {position : relative;}
.pr_img .position_b {position : absolute; left : 6.25%; bottom : 7.41%; width : 71.875%;}
.pr_img .position_b .video_img {position : absolute; bottom : 0; left : 0;}
.pr_img .position_b iframe {width : 100%;}
.mb30 {
  margin-bottom: 30px;
}

/* 하단공통 영역 - 전후사진 */

.bna_wrap {position : relative; padding : 0 3.125%; margin : 10.5% 0; text-align : center;}

.bna_tit {margin-bottom : 5%; font-size : 7.03125vw; color : #221715; font-weight : 400; line-height : 1.3; letter-spacing : -2px;}
.bna_tit strong {display : block;}

.bna_img {padding-bottom : 13.3334%;position : fixed;width : 100%;max-width : 640px; top : 25%; visibility : hidden; z-index : 999;}
.bna_img .bna_bg {position : fixed;width : 100%;height : 100%;top : 0;left : 0;background : rgba(0, 0, 0, .7);}
.bna_close {position : absolute; top : -27px;right : 0;width : 19px;height : 19px;text-align : center;cursor : pointer;background : url("/m/img/common/close_btn.png");background-size : cover;}
.bna_img ul li {min-height : 1px; min-width : 1px;}
.bna_img ul li img {display : none; width : 100%;}
.bna_img ul li img.on {display : inline;}
.bna_img .bna_img_txt {width : 100%; bottom : 0; left : 0; background : rgba(0, 0, 0, 0.8); font-size : 3.125vw; color : #fff; font-weight : 300; line-height : 1.5; padding : 2.5% 0;}
.bna_img .bx-wrapper .bx-controls-direction {width : 100%; position : absolute; top : 30%; left : 0; margin-top : -19px;}
.bna_img .bx-wrapper .bx-controls-direction a {position : absolute; width : 22px; height : 38px; background-size : cover; text-indent : -9999px;}
.bna_img .bx-wrapper .bx-prev {left : 3.125%; background : url("/m/img/board/bna_img_left.png") no-repeat;}
.bna_img .bx-wrapper .bx-next {right : 3.125%; background : url("/m/img/board/bna_img_right.png") no-repeat;}
@media (max-width : 640px) {
	.bna_img {width : 94%;  margin-left: 3%;}
}


/* 카카오톡 상담 */
.kakao_img {text-align : center; margin-top : 8%;}
.kakao_img img {width : 85%; margin-left : 8%;}

/* 하단공통 영역 - 슬라이드 */
.f_slide_wrap {position : relative;}
.f_slide_wrap img {width : 100%;}
.f_slide_wrap .bx-pager {position : absolute; bottom : 6.735%; left : 0; width : 100%; text-align : center;}
.f_slide_wrap .bx-pager > div {display : inline-block; width : 14px; height : 14px; margin : 0 6.5px;}
.f_slide_wrap .bx-pager > div a {display : block; width : 100%; height : 100%; background : url("/m/img/common/f_slide_pager_off.png") no-repeat center; font-size : 0;}
.f_slide_wrap .bx-pager > div a.active {background : url("/m/img/common/f_slide_pager_on.png") no-repeat center;}

/* 하단공통 영역 - 상담문의 */
.f_consult_wrap {	position   : fixed;	max-width  : 640px;	bottom     : 0;	padding    : 10px 1.2%;	background : rgba(0, 0, 0, 0.8);
	box-sizing : border-box;	width      : 100%;	z-index    : 99;}
.f_consult_wrap ul {width : 73.8%; float : left;padding-right : 1.2%;}
.f_consult_wrap ul li {overflow : hidden;float : left; width : 100%; margin-bottom : 2px;}
.f_consult_wrap ul li.half {width : 50%; float : left;}
.f_consult_wrap ul li > span {float : left; display : block; width : 45px; padding-right : 7px; text-align : left; font-size : 12px; color : #fff; line-height : 24px;}

.f_consult_wrap ul li > div {float : left; width : calc(100% - 55px); font-size : 0;}
.f_consult_wrap ul li > div {display : inline-block;font-size : 0;}
.f_consult_wrap ul li > div > select {padding : 1px 5px; height : auto; box-sizing : border-box; border : 1px solid #c2c3c9; font-size : 12px; width : 100%; display : inline-block; vertical-align : middle;}
.f_consult_wrap ul li > div > input {padding : 1px 5px; height : auto; max-width : 100%; box-sizing : border-box; border : 1px solid #c2c3c9; font-size : 14px; display : inline-block; vertical-align : middle;}
.f_consult_wrap ul li > div > input.inp1 {width : 100%;}
.f_consult_wrap ul li > div > input.inp2 {width : 20%;}
.f_consult_wrap ul li > div > input.inp3 {width : 35.34%; margin-left : 1.644%;}
.f_consult_wrap ul li > div > textarea {width : 100%; padding : 5px; height : 30px; box-sizing : border-box; border : 1px solid #c2c3c9; font-size : 14px; resize : none;}
.f_consult_wrap ul li > div label {font-size : 12px; color : #3b4252; font-weight : 300;}
.f_consult_wrap ul li > div label * {display : inline-block; vertical-align : top; margin-right : 5px;}
.f_consult_wrap ul li > div label a { color : #3b4252; font-weight : 300;}
.f_consult_wrap ul li > div label input {margin-top : 0.835%;}
.f_consult_wrap .btn img {width : 100%;}

@media all and (min-width : 641px) {
	.bna_tit {font-size : 45px;}
	.bna_img .bna_img_txt {font-size : 20px;}
	.bna_img_btn span {font-size : 18px;}
}

@media all and (max-width : 520px) {
	.bna_img_btn span {width : 40px; height : 40px; line-height : 40px;}
	.f_consult_wrap ul li > div > textarea {height : 60px;}
}

@media all and (max-width : 440px) {
	.bna_img .bx-wrapper .bx-controls-direction {margin-top : -17px;}
	.bna_img .bx-wrapper .bx-controls-direction a {width : 19px; height : 34px;}
	.bna_img_btn span {width : 30px; height : 30px; line-height : 30px;}
}

/******* bskim ************/

.sub_wrap { }
.sub_wrap .f_slide_wrap { display : none; }

.content img { width : 100%; height : auto;}

.doc_list_box { padding : 0 3.125vw 6.25vw 3.125vw;}
.doc_list_box ul { width : 100%; font-size : 0; }
.doc_list_box li { display : inline-block; width : 33.333%; }

.list_box_color1 { background : #eff2f3; }
.list_box_color2 { background : #e1e9e8; }

/*레이어팝업*/
.pop_container {position:fixed;left:0;top:0;width:100%;height:100%;z-index :101;}
.pop_container img {max-width:100%;}
.pop_container .pop_box {position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);z-index:2;}
.pop_container .pop_box .inbox {position :relative;margin :0 auto;max-width :93.75vw;background :#fff;}
.pop_container .pop_box .inbox a.pop_close {position:absolute;top:3%;right:3%;}
.pop_container .pop_box .inbox a.pop_close img {max-width:100%; width:6.5625vw;height:6.5625vw;}
.pop_container .blind { position:absolute;left:0;top:0;width:101%;height:100%;background:rgba(0, 0, 0, 0.75);z-index:1;}

.video_contain { position : relative; margin : 0 3.125vw; height : 60.3125vw;}
.video_contain img { position : absolute; left : 0; top : 0; width : 93.75vw; height : 60.3125vw; z-index : 10; }
.video_contain iframe { position : absolute; left : 0; top : 0; width : 93.75vw; height : 60.3125vw; z-index : 5;}

.five_section_container .five_box { margin : 0 1.5625vw; }
.five_section_container .five_box ul { width : 100%; font-size : 0; }
.five_section_container .five_box li { display : inline-block; width : 20%; text-align : center; color : #fff;
	font-weight                                  : normal; line-height : 3.90625vw; letter-spacing : -0.234375vw; }

.body_process_container { position : relative; width : 100vw; height : 178.4375vw; background : url("/m/img/body_dabody_img4_bg.jpg") no-repeat left top; background-size : contain; }
.body_process_container .imgbox { position : absolute; width : 45.625vw; height : 32.34375vw; background : rgba(0, 0, 0, 0.5);}
.body_process_container .step1 { left : 3.125vw; top : 46.71875vw;}
.body_process_container .step2 { left : 51.25vw; top : 39.53125vw;}
.body_process_container .step3 { left : 2.96875vw; bottom : 21.40625vw;}
.body_process_container .step4 { left : 51.25vw; bottom : 28.75vw;}

@media all and (min-width : 641px) {

	.body_process_container { position : relative; width : 640px; height : 1142px; background : url("/m/img/body_dabody_img4_bg.jpg") no-repeat left top; background-size : contain; }
	.body_process_container .imgbox { position : absolute; width : 292px; height : 207px; background : rgba(0, 0, 0, 0.5);}
	.body_process_container .step1 { left : 20px; top : 299px;}
	.body_process_container .step2 { left : 328px; top : 253px;}
	.body_process_container .step3 { left : 19px; bottom : 137px;}
	.body_process_container .step4 { left : 328px; bottom : 184px;}
}

.line_h_20 { line-height : 3.125vw; }
.line_h_30 { line-height : 4.6875vw; }

.marT_20 { margin-top : 3.125vw;}
.marT_30 { margin-top : 4.6875vw;}
.marT_40 { margin-top : 6.25vw;}
.marT_50 { margin-top : 7.8125vw;}
.marB_20 { margin-bottom : 3.125vw;}
.marB_30 { margin-bottom : 4.6875vw;}
.marB_40 { margin-bottom : 6.25vw;}
.marB_50 { margin-bottom : 7.8125vw;}

.padT_30 { padding-top : 4.6875vw; }
.padT_50 { padding-top : 7.8125vw; }

.clear_b { clear : both; }

@media all and (min-width : 641px) {

	.doc_list_box { padding : 0 20px 40px 20px; }

	/*레이어팝업*/
	.pop_container .pop_box {width:500px;}
	.pop_container .pop_box .doctor_category {font-size:13px;}
	.pop_container .pop_box .doctor_items {font-size:18px;}
	.pop_container .pop_box .doctor_name {font-size:30px;}
	.pop_container .pop_box .txt_box ul.doctor_history {margin-top:13%;}
	.pop_container .pop_box .txt_box ul li {font-size:14px;line-height:18px;}
	.pop_container .pop_box .inbox a.pop_close { top : 20px; right : 20px; }

	.video_contain { position : relative; margin : 20px; height : 386px;}
	.video_contain img { position : absolute; left : 0; top : 0; width : 600px; height : 386px; z-index : 10; }
	.video_contain iframe { position : absolute; left : 0; top : 0; width : 600px; height : 386px; z-index : 5;}

	.station1_bg { width : 600px; height : 265px; margin : 20px auto 0;}
	.station2_bg { width : 600px; height : 265px; margin : 20px auto 20px;}

	.stai_box ul { padding-top : 185px;}
	.stai_box li {margin-bottom : 8px; }
	.stai_box li img { width : 219px; height : 47px; }

	.transpor_section { margin : 0 20px; }
	.transpor_section .transpor_box .left_choice a {height : 130px; line-height : 130px; font-size : 25px; }
	.transpor_section .transpor_box .right_numberbox .tab { width : 100%; height : 390px; }
	.transpor_section .transpor_box .right_numberbox .tab .number_box { padding : 30px 35px; font-size : 18px; }

	.number_box .staicon { height : 27px; padding-left : 68px; margin-bottom : 30px; line-height : 27px;}

	.icon_car { width : 95px; height : 28px; }

	.top_imagebox a.btn_prev { left : 20px; top : 190px; }
	.top_imagebox a.btn_next { right : 20px; top : 190px; }
	.top_imagebox a img { width : 52px; height : 59px; }

	.btn_section_box { margin : 30px 15px; }
	.btn_section_box li a img { width : 195px; height : 64px; }

	.implant_video_contain {height : 540px; }
	.implant_video_contain .video_box img { width : 462px; height : 279px; }
	.implant_video_contain .video_box {left : 40px; top : 220px; }
	.implant_video_contain .video_box iframe { width : 462px; height : 279px; }

	.implant_video_contain2 {height : 540px; }
	.implant_video_contain2 .video_box img { width : 462px; height : 279px; }
	.implant_video_contain2 .video_box {left : 40px; top : 220px; }
	.implant_video_contain2 .video_box iframe { width : 462px; height : 279px; }

	.implant_video_contain3 {height : 755px; }
	.implant_video_contain3 .video_box img { width : 462px; height : 279px; }
	.implant_video_contain3 .video_box {left : 138px; top : 415px; }

	.implant_video_contain4 {height : 1124px;}
	.implant_video_contain4 .video_box { left : 46px; top : 750px; }
	.implant_video_contain4 .video_box img { width : 536px; height : 325px;}
	.implant_video_contain4 .video_box iframe {width : 536px; height : 325px;}

	.implant_video_contain5 {height : 755px; }
	.implant_video_contain5 .video_box img,
	.implant_video_contain5 .video_box iframe { width : 462px; height : 279px; }
	.implant_video_contain5 .video_box {left : 138px; top : 415px; }

	.implant_video_contain6 {width : 100%; height : 1000px; }
	.implant_video_contain6 .video_box { left : 45px; top : 604px; }
	.implant_video_contain6 .video_box img { width : 536px; height : 325px;}
	.implant_video_contain6 .video_box iframe { width : 536px; height : 325px; }

	.implant_video_contain7 {width : 100%; height : 1000px; }
	.implant_video_contain7 .video_box { left : 45px; top : 604px; }
	.implant_video_contain7 .video_box img { width : 536px; height : 325px;}
	.implant_video_contain7 .video_box iframe { width : 536px; height : 325px; }

	.selfie_img_slider { width : 640px; height : 810px; }
	.selfie_img_slider .bx-viewport { max-width : 468px; }
	.selfie_img_slider .bxStyle01 { left : 68px; top : 345px; }
	.selfie_img_slider .bxStyle01 .bx-has-controls-direction { left : -30px; top : 250px; width : 540px; }
	.selfie_img_slider .bxStyle01 .bx-has-controls-direction .bx-controls-direction a img { width : 76px; height : 40px; }
	.selfie_img_slider .bxStyle01 li a .txt_box { left : 0; bottom : 30px; width : 100%; font-size : 40px; }
	.selfie_img_slider .bxStyle01 li a .txt_box p span { padding : 10px; margin-bottom : 10px; font-size : 21px; }

	.selfie_img_slider2 { width : 640px; height : 877px; }
	.selfie_img_slider2 .bx-viewport { max-width : 468px; }
	.selfie_img_slider2 .bxStyle01 { left : 68px; top : 345px; }
	.selfie_img_slider2 .bxStyle01 .bx-has-controls-direction { left : -30px; top : 250px; width : 540px; }
	.selfie_img_slider2 .bxStyle01 .bx-has-controls-direction .bx-controls-direction a img { width : 76px; height : 40px; }
	.selfie_img_slider2 .bxStyle01 li a .txt_box { left : 0; bottom : 30px; width : 100%; font-size : 40px; }
	.selfie_img_slider2 .bxStyle01 li a .txt_box p span { padding : 10px; margin-bottom : 10px; font-size : 21px; }

	.selfie_img_slider3 { width : 640px; height : 877px; }
	.selfie_img_slider3 .bx-viewport { max-width : 468px; }
	.selfie_img_slider3 .bxStyle01 { left : 68px; top : 345px; }
	.selfie_img_slider3 .bxStyle01 .bx-has-controls-direction { left : -30px; top : 250px; width : 540px; }
	.selfie_img_slider3 .bxStyle01 .bx-has-controls-direction .bx-controls-direction a img { width : 76px; height : 40px; }
	.selfie_img_slider3 .bxStyle01 li a .txt_box { left : 0; bottom : 30px; width : 100%; font-size : 40px; }
	.selfie_img_slider3 .bxStyle01 li a .txt_box p span { padding : 10px; margin-bottom : 10px; font-size : 21px; }

	.location_video_container {width : 100%; height : 417px; margin-top : 20px; padding-top : 300px;}
	.location_video_container .video_box img { left : 50%; top : 0; margin-left : -301px; width : 602px; height : 295px;}
	.location_video_container .video_box iframe { left : 50%; top : 0; margin-left : -301px; width : 602px; height : 295px; }
	.location_video_container a.ri { right : 20px; top : 420px; }
	.location_video_container a.le { left : 20px; top : 420px; }
	.location_video_container a img { width : 119px; height : 58px; }
	.location_video_container .txt_var { margin-left : -186px; bottom : 50px;}
	.location_video_container .txt_var img { width : 372px; height : 41px; }

	.five_section_container .five_box { margin : 0 10px; }
	.five_section_container .five_box ul { width : 100%; font-size : 0; }
	.five_section_container .five_box li { line-height : 25px; letter-spacing : -1.5px; }

	.con_bg1 { width : 640px; height : 180px; padding-top : 449px; }
	.con_bg2, .con_bg2_4, .con_bg2_5, .con_bg2_1, .con_bg2_2, .con_bg3, .con_bg4, .con_bg5, .con_bg6, .con_bg7, .con_bg8, .con_bg9, .con_bg10, .con_bg11, .con_bg12,
	.con_bg13, .con_bg14, .con_bg14_1, .con_bg14_2, .con_bg14_3, .con_bg15, .con_bg16, .con_bg17, .con_bg17_3, .con_bg17_4, .con_bg17_5, .con_bg18, .con_bg19, .con_bg20, .con_bg21, .con_bg21_1, .con_bg21_2,
	.con_bg22, .con_bg23, .con_bg24, .con_bg25, .con_bg26, .con_bg27, .con_bg28, .con_bg29, .con_bg30, .con_bg31, .con_bg32 { width : 640px; height : 210px; padding-top : 419px; }

	.con_bg1 .five_box li { padding-top : 80px; font-size : 20px; height : 57px; }
	.con_bg2 .five_box li, .con_bg2_4 .five_box li, .con_bg2_5 .five_box li, .con_bg2_1 .five_box li, .con_bg2_2 .five_box li, .con_bg3 .five_box li, .con_bg4 .five_box li, .con_bg5 .five_box li, .con_bg6 .five_box li, .con_bg7 .five_box li, .con_bg8 .five_box li,
	.con_bg9 .five_box li, .con_bg10 .five_box li, .con_bg11 .five_box li, .con_bg12 .five_box li, .con_bg13 .five_box li, .con_bg14 .five_box li, .con_bg14_1 .five_box li, .con_bg14_2 .five_box li, .con_bg14_3 .five_box li,
	.con_bg15 .five_box li, .con_bg16 .five_box li, .con_bg17 .five_box li, .con_bg17_3 .five_box li, .con_bg17_4 .five_box li, .con_bg17_5 .five_box li, .con_bg18 .five_box li, .con_bg19 .five_box li, .con_bg20 .five_box li,
	.con_bg21 .five_box li, .con_bg21_1 .five_box li, .con_bg21_2 .five_box li, .con_bg22 .five_box li, .con_bg23 .five_box li, .con_bg24 .five_box li, .con_bg25 .five_box li, .con_bg26 .five_box li, .con_bg27 .five_box li, .con_bg28 .five_box li, .con_bg29 .five_box li, .con_bg30 .five_box li, .con_bg31 .five_box li, .con_bg32 .five_box li { padding-top : 80px; font-size : 20px; height : 85px;}

	.line_h_20 { line-height : 20px; }
	.line_h_30 { line-height : 30px; }

	.marT_20 { margin-top : 20px;}
	.marT_30 { margin-top : 30px;}
	.marT_40 { margin-top : 40px;}
	.marT_50 { margin-top : 50px;}
	.marB_20 { margin-bottom : 20px;}
	.marB_30 { margin-bottom : 30px;}
	.marB_40 { margin-bottom : 40px;}
	.marB_50 { margin-bottom : 50px;}

	.padT_30 { padding-top : 30px; }
	.padT_50 { padding-bottom : 50px; }

}