@charset "utf-8";

/****************************************************************
	Patients & Services
*****************************************************************/

/* our_service */
.our_service {overflow:hidden;}
.our_service .tap_style3 {margin-bottom:50px;}
.our_service .sub_content {overflow:hidden; margin:0 auto; width:1200px;}
.our_service .sub_content + .sub_content {margin-top:100px;}
.our_service .sub_content p {color:#666; line-height:1.625em;}

.our_service .main_service .head_copy {overflow:hidden; border-bottom:1px solid #d8d8d8; margin-bottom:25px; padding-bottom:25px;}
.our_service .main_service .head_copy .sub_cont_tit {margin-bottom:0;}
.our_service .main_service .cont_service {overflow:hidden;}
.our_service .main_service .txt {box-sizing:border-box; position:relative; padding-top:22px; padding-bottom:64px; width:100%;}

.our_service .main_service .cont_service p {line-height:1.5em;}
.our_service .main_service .cont_service .btn_wrap {position:absolute; bottom:0; height:40px;}

.our_service .main_service .cont_service .float_wrap + .float_wrap {margin-top:45px;}

.second_opinion .intro {overflow:hidden; position:relative; margin-bottom:24px;}
.second_opinion .intro .btn_wrap {position:absolute; right:60px; top:216px; height:40px; z-index:1;}

.our_service .our_cont {overflow:hidden; margin-top:45px;}
.our_service .our_cont .float_div + .float_div {height:502px;}
.our_service .our_cont .main_process .title {background-image:url(../../images/lang/service/bg_step_img4.png);}
.our_service .our_cont .main_process .title h1 {text-indent:15px;}
.our_service .our_cont .patient_info {margin-top:22px;}

/* layout, common */
.international {overflow:hidden;}
.international .tap_style3 {margin-bottom:50px;}

/* 입원-외래진료안내 */
.patient_info {overflow:hidden; margin:0 auto; width:1200px;}
.patient_info .mov_area {position:relative; margin-bottom:10px; padding-bottom:40px; height:200px;}
.patient_info .mov_area p {position:absolute; left:30px; top:65px;}
.patient_info .mov_area p span,
.patient_info .mov_area p strong {display:block; color:#fff;}
.patient_info .mov_area p span {font-size:30px; line-height:1.1em;}
.patient_info .mov_area p strong {font-size:40px; font-weight:normal; line-height:1.1em;}
.patient_info .mov_area .btn_play {background:url(../../images/lang/common/btn_play1.png) no-repeat 0 0; position:absolute; left:50%; bottom:0; margin-left:-38px; height:77px; width:77px;}
.patient_info .mov_area .wbtn_play {position: absolute; background: #009999; color: #fff; text-align: center; padding: 15px 35px; height: auto; right: 0; bottom: 40px; }
.patient_info .mov_area .wbtn_play span {font-size: 11px; vertical-align: 1px;}

.patient_info .step_patient {overflow:hidden;}
.patient_info .step_patient ol {}
.patient_info .step_patient li {position:relative; padding-left:64px;}
.patient_info .step_patient li + li {border-top:1px solid #edeef1; margin-top:30px; padding-top:30px;}
.patient_info .step_patient li + li:before {background:url(../../images/lang/common/bullet_deco.png) no-repeat 0 0; content:""; position:absolute; left:148px; top:-22px; height:42px; width:21px;}
.patient_info .step_patient .step_wrap {display:table; table-layout:fixed; width:1136px;}
.patient_info .step_patient .title {display:table-cell; background-repeat:no-repeat; background-position:0 0; vertical-align:middle; position:relative; height:190px; width:263px;}
.patient_info .step_patient .title:before,
.patient_info .step_patient .title:after {background-color:#ececec; content:""; border-radius:100%; position:absolute; top:50%; margin-top:-5px; height:10px; width:10px;}
.patient_info .step_patient .title:before {left:164px;}
.patient_info .step_patient .title:after {left:184px;}
.patient_info .step_patient .title h1 {display:table-cell; color:#000; font-size:18px; font-weight:normal; text-align:center; text-indent:25px; vertical-align:middle; position:relative; height:190px; width:164px;}
.patient_info .step_patient .title h1 span {color:#666;}
.patient_info .step_patient .title h1:before,
.patient_info .step_patient .title h1:after {background-color:#ececec; content:""; border-radius:100%; position:absolute; top:90px; height:10px; width:10px;}
.patient_info .step_patient .title h1:before {left:204px;}
.patient_info .step_patient .title h1:after {left:224px;}
.patient_info .step_patient dl {display:table-cell; vertical-align:middle; width:873px;}
.patient_info .step_patient dt,
.patient_info .step_patient dd {margin-top:-5px;}

.patient_info .step_patient dt {display:inline-block; color:#333; font-size:22px; line-height:1.1em; text-align:center; vertical-align:middle; width:258px;}
.patient_info .step_patient dd {display:inline-block; color:#666; font-size:16px; line-height:22px; vertical-align:middle; position:relative; word-break:normal; padding-left:50px; width:560px;}
.patient_info .step_patient dd:before,
.patient_info .step_patient dd:after {background-color:#ececec; content:""; border-radius:100%; position:absolute; top:50%; margin-top:-5px; height:10px; width:10px;}
.patient_info .step_patient dd:before {left:0;}
.patient_info .step_patient dd:after {left:20px;}

.patient_info .in_step li:nth-child(odd) .title {background-image:url(../../images/lang/service/bg_step_img1.png);}
.patient_info .in_step li:nth-child(even) .title {background-image:url(../../images/lang/service/bg_step_img2.png);}

.patient_info .out_step li:nth-child(odd) .title {background-image:url(../../images/lang/service/bg_step_img2.png);}
.patient_info .out_step li:nth-child(even) .title {background-image:url(../../images/lang/service/bg_step_img3.png);}

/* 외래-입원진료안내 동영상 팝업 */
.patient_video {overflow:hidden; padding:20px;}
.patient_video .video_wrap {overflow:hidden; margin:0 auto; height:480px; width:854px;}
.patient_video .video_wrap iframe {height:100%; width:100%;}

/* 청구및보험 */
.billing {overflow:hidden;}

.bill_wrap {overflow:hidden; margin:0 auto; width:1200px;}
.bill_wrap .intro {overflow:hidden;}
.bill_wrap .intro p {color:#333; font-size:22px; line-height:1.364em;}

.bill_wrap .process {overflow:hidden;}
.bill_wrap .process .img_intro {overflow:hidden; margin-bottom:23px; height:200px;}
.bill_wrap .process .img_intro .cont {float:left; width:600px;}
.bill_wrap .process .img_intro .cont:first-child {background-color:#73cbc6;}
.bill_wrap .process .img_intro .cont + .cont {background-color:#f9ac5f;}
.bill_wrap .process .img_intro .cont .img {float:left; overflow:hidden; width:300px;}
.bill_wrap .process .img_intro .cont .txt {float:left; box-sizing:border-box; padding:20px 18px; width:300px;}
.bill_wrap .process .img_intro .cont .txt p {color:#fff;}
.bill_wrap .process .img_intro .cont .txt strong {display:block; font-size:22px; font-weight:normal; margin-bottom:11px;}
.bill_wrap .process .img_intro .cont .txt span {display:block; font-size:14px; line-height:1.571em;}

.bill_wrap .process .img_intro .cont:first-child .txt span {color:#117273;}
.bill_wrap .process .img_intro .cont + .cont .txt span {color:#8e4d0b;}

.bill_wrap .process .star_p {line-height:1.625em; margin-top:16px;}

.bill_wrap .process .list_style3 {margin-top:17px;}
.bill_wrap .process .list_style3 li {font-size:14px;}

.bill_wrap .company {overflow:hidden;}
.bill_wrap .company .comp_list {overflow:hidden;}
.bill_wrap .company .comp_list ul {overflow:hidden; margin-top:-29px; margin-left:-40px;}
.bill_wrap .company .comp_list li {float:left; margin-top:29px; margin-left:40px; height:100px; width:580px;}

.bill_wrap .company .comp_list .list_div {display:table; overflow:hidden; border:1px solid #c9c9c9; text-align:left; height:98px; width:578px;}
.bill_wrap .company .comp_list .list_div .logo {display:table-cell; vertical-align:middle; width:193px; height:87px;}
.bill_wrap .company .comp_list .list_div .logo img {display:block; margin-left:20px;}
.bill_wrap .company .comp_list .list_div p {display:table-cell; color:#000; font-size:16px; line-height:1.25em; text-align:left; vertical-align:middle; padding-left:10px;}
.bill_wrap .company .comp_list .list_div .go_home {display:table-cell; text-align:right; vertical-align:middle; width:77px;}
.bill_wrap .company .comp_list .list_div .go_home a {background:url(../../images/lang/common/icon_home2.png) no-repeat center 50%; display:block; position:relative; height:50px; width:100%;}
.bill_wrap .company .comp_list .list_div .go_home a:before {background-color:#c9c9c9; content:""; position:absolute; left:0; top:0; height:50px; width:1px;}

.bill_wrap .embassies {overflow:hidden;}
.bill_wrap .embassies .embassies_list {overflow:hidden;}
.bill_wrap .embassies .embassies_list ul {overflow:hidden; margin-top:-11px; margin-left:-11px;}
.bill_wrap .embassies .embassies_list li {float:left; margin-top:11px; margin-left:11px; height:62px; width:190px;}
.bill_wrap .embassies .embassies_list li:nth-child(even) {width:191px;}
.bill_wrap .embassies .embassies_list .list_div {display:table; border:1px solid #c9c9c9; height:60px; width:188px;}
.bill_wrap .embassies .embassies_list li:nth-child(even) .list_div {width:191px;}
.bill_wrap .embassies .embassies_list .list_div .img {display:table-cell; vertical-align:middle; height:41px; width:60px;}
.bill_wrap .embassies .embassies_list .list_div .img img {display:block; margin-left:10px;}
.bill_wrap .embassies .embassies_list .list_div p {display:table-cell; color:#000; font-size:18px; vertical-align:middle; padding-left:15px;}

.bill_wrap .gov {overflow:hidden; margin-top:30px;}
.bill_wrap .gov .gov_list {overflow:hidden;}
.bill_wrap .gov .gov_list ul {overflow:hidden;}
.bill_wrap .gov .gov_list li {float:left; height:100px; width:580px;}
.bill_wrap .gov .gov_list li + li {margin-left:40px;}
.bill_wrap .gov .gov_list .list_div {display:table; border:1px solid #c9c9c9; height:98px; width:578px;}
.bill_wrap .gov .gov_list .list_div .img {display:table-cell; vertical-align:middle; width:15%;}
.bill_wrap .gov .gov_list .list_div .img img {display:block; margin:0 auto; height:56px; width:90px;}
.bill_wrap .gov .gov_list .list_div p {display:table-cell; color:#000; font-size:16px; vertical-align:middle; padding-left:82px;}

.bill_wrap .other .other_list {overflow:hidden;}
.bill_wrap .other .other_list ul {overflow:hidden;}
.bill_wrap .other .other_list li {float:left; height:100px; width:580px;}
.bill_wrap .other .other_list li + li {margin-left:40px;}
.bill_wrap .other .other_list .list_div {display:table; overflow:hidden; border:1px solid #c9c9c9; height:98px; width:578px;}
.bill_wrap .other .other_list .list_div p {display:table-cell; text-align:center; vertical-align:middle;}
.bill_wrap .other > .fc_666 {line-height:1.625em; margin-top:27px;}
.bill_wrap .other > .fc_666 span {color:#006869; font-size:14px;}

.bill_wrap .claim .claim_cont {overflow:hidden;}
.bill_wrap .claim .claim_cont + .claim_cont {margin-top:18px;}
.bill_wrap .claim .claim_cont .list_style3 {margin-left:14px;}
.bill_wrap .claim .claim_cont .list_style3 .fc_point {text-decoration:underline;}

/* story */
.story {overflow:hidden;}

/* 언어지원 */
.lang_wrap {overflow:hidden;}
.lang_wrap .lang_content {overflow:hidden;}
.lang_wrap .lang_content .visual_intro {overflow:hidden;}
.lang_wrap .lang_content .visual_intro .txt {float:right; margin-right:35px; padding-top:88px;}
.lang_wrap .lang_content .visual_intro .txt p {color:#fff; font-size:16px; line-height:1.625em; text-align:center;}


/* Mobile Ver. */
@media screen and (max-width:700px) {
	.our_service .sub_content {overflow:hidden; margin:0 auto; width:94%;}
	.our_service .sub_content + .sub_content {margin-top:0;}
	.our_service .sub_content p {color:#666; line-height:1.25em;}
	.our_service .our_cont .float_div + .float_div {height:auto;}
	.our_service .our_cont .main_process .title {background-image:url(../../images/lang/service/bg_step_img4.png); background-size:100%;}
	
	.our_service .tap_style3 {margin-bottom:30px;}
	.our_service .tap_style3 li, .international .tap_style3 li {float: left; width: 23% !important;}
	.our_service .tap_style3 li:first-child, .international .tap_style3 li:first-child {width: 22% !important;}
	
	.our_service .cont_service .float_div + .float_div {margin-top:50px;}
	
	/* 언어지원 */
	.lang_wrap {overflow:hidden; width:94%; margin: 0 auto;}
	.lang_wrap .lang_content .visual_intro .txt {float:none; margin-right:35px; padding-top:88px;}
	.lang_wrap .lang_content .visual_intro .txt p {color:#fff; font-size:0.75em; line-height:1.625em; text-align:center;}
	
	/* 청구및보험 */
	.bill_wrap {overflow:hidden; margin:0 auto; width:94%;}
	.bill_wrap .intro {overflow:hidden;}
	.bill_wrap .intro p {color:#333; font-size:1.1em; line-height:1.1em;}
	
	.bill_wrap .process .img_intro {overflow:hidden; margin-bottom:23px; height:auto;}
	.bill_wrap .process .img_intro .cont {float:none; width:100%;}
	.bill_wrap .process .img_intro .cont:first-child {background-color:#73cbc6;}
	.bill_wrap .process .img_intro .cont + .cont {background-color:#f9ac5f;}
	.bill_wrap .process .img_intro .cont .img {float:none; overflow:hidden; width:100%;}
	.bill_wrap .process .img_intro .cont .txt {float:none; box-sizing:border-box; padding:20px 3%; width:94%;}
	.bill_wrap .process .img_intro .cont .txt strong {display:block; font-size:1.1em; font-weight:normal; margin-bottom:11px;}
	.bill_wrap .process .img_intro .cont .txt span {display:block; font-size:0.75em; line-height:1em;}
	.bill_wrap .process img {width:100%; height:auto;}
	.bill_wrap .process .list_style3 li {font-size:0.75em;}
	.bill_wrap .process .star_p {line-height:1.25em; margin-top:16px;}
	
	.bill_wrap .company {overflow:hidden;}
	.bill_wrap .company .comp_list {overflow:hidden;}
	.bill_wrap .company .comp_list ul {overflow:hidden; margin-top:0; margin-left:0;}
	.bill_wrap .company .comp_list li {float:none; margin-top:10px; margin-left:0; height:60px; width:100%;}
	.bill_wrap .company .comp_list li:first-child {margin-top:0 !important;}
	.bill_wrap .company .comp_list .list_div {display:table; overflow:hidden; border:1px solid #c9c9c9; text-align:left; height:58px; width:99%;}
	.bill_wrap .company .comp_list .list_div .logo {display:table-cell; vertical-align:middle; width:80px; height:36px;}
	.bill_wrap .company .comp_list .list_div .logo img {display:block; margin-left:10px; width:80px; height:36px;}
	.bill_wrap .company .comp_list .list_div p {display:table-cell; color:#000; font-size:0.75em; line-height:1.25em; text-align:left; vertical-align:middle; padding-left:10px;}
	.bill_wrap .company .comp_list .list_div .go_home {display:table-cell; text-align:right; vertical-align:middle; width:50px;}
	.bill_wrap .company .comp_list .list_div .go_home a {background:url(../../images/lang/common/icon_home2.png) no-repeat center 50%; display:block; position:relative; height:40px; width:100%;}
	.bill_wrap .company .comp_list .list_div .go_home a:before {background-color:#c9c9c9; content:""; position:absolute; left:0; top:0; height:40px; width:1px;}
	
	.bill_wrap .embassies {overflow:hidden;}
	.bill_wrap .embassies .embassies_list {overflow:hidden;}
	.bill_wrap .embassies .embassies_list ul {overflow:hidden; margin-top:-11px; margin-left:-11px;}
	.bill_wrap .embassies .embassies_list li {float:none; margin-top:11px; margin-left:11px; height:62px; width:96%;}
	.bill_wrap .embassies .embassies_list li:nth-child(even) {width:96%;}
	.bill_wrap .embassies .embassies_list .list_div {display:table; border:1px solid #c9c9c9; height:60px; width:100%;}
	.bill_wrap .embassies .embassies_list li:nth-child(even) .list_div {width:100%;}
	.bill_wrap .embassies .embassies_list .list_div .img {display:table-cell; vertical-align:middle; height:41px; width:60px;}
	.bill_wrap .embassies .embassies_list .list_div .img img {display:block; margin-left:10px;}
	.bill_wrap .embassies .embassies_list .list_div p {display:table-cell; color:#000; font-size:1.0em; vertical-align:middle; padding-left:15px;}
	
	.bill_wrap .gov {overflow:hidden; margin-top:30px;}
	.bill_wrap .gov .gov_list {overflow:hidden;}
	.bill_wrap .gov .gov_list ul {overflow:hidden;}
	.bill_wrap .gov .gov_list li {float:none; height:100px; width:100%;}
	.bill_wrap .gov .gov_list li + li {margin-left:0;}
	.bill_wrap .gov .gov_list .list_div {display:table; border:1px solid #c9c9c9; height:98px; width:99%;}
	.bill_wrap .gov .gov_list .list_div .img {display:table-cell; vertical-align:middle; width:15%;}
	.bill_wrap .gov .gov_list .list_div .img img {display:block; margin:0 auto; height:56px; width:90px;}
	.bill_wrap .gov .gov_list .list_div p {display:table-cell; color:#000; font-size:0.9em; vertical-align:middle; padding-left:82px;}

	.bill_wrap .other .other_list {overflow:hidden;}
	.bill_wrap .other .other_list ul {overflow:hidden;}
	.bill_wrap .other .other_list li {float:none; height:100px; width:100%;}
	.bill_wrap .other .other_list li + li {margin-left:0; margin-top:10px;}
	.bill_wrap .other .other_list .list_div {display:table; overflow:hidden; border:1px solid #c9c9c9; height:98px; width:99%;}
	.bill_wrap .other .other_list .list_div p {display:table-cell; text-align:center; vertical-align:middle;}
	.bill_wrap .other > .fc_666 {line-height:1.25em; margin-top:15px;}
	.bill_wrap .other > .fc_666 span {color:#006869; font-size:0.75em;}
	
	.bill_wrap .claim .claim_cont {overflow:hidden;}
	.bill_wrap .claim .claim_cont + .claim_cont {margin-top:18px;}
	.bill_wrap .claim .claim_cont .list_style3 {margin-left:0;}
	.bill_wrap .claim .claim_cont .list_style3 li + li {margin-top:10px;}
	.bill_wrap .claim .claim_cont .list_style3 .fc_point {text-decoration:underline;}
	
	/* 입원-외래진료안내 */
	.patient_info {overflow:hidden; margin:0 auto; width:94%;}
	.patient_info .mov_area {position:relative; margin-bottom:10px; padding-bottom:40px; height:200px;}
	.patient_info .mov_area p {position:absolute; left:20px; top:60px;}
	.patient_info .mov_area p span,
	.patient_info .mov_area p strong {display:block; color:#fff;}
	.patient_info .mov_area p span {font-size:1.5em; line-height:1.1em;}
	.patient_info .mov_area p strong {font-size:2em; font-weight:normal; line-height:1.1em;}
	.patient_info .mov_area .btn_play {background:url(../../images/lang/common/btn_play1.png) no-repeat 0 0; position:absolute; left:50%; bottom:0; margin-left:-38px; height:77px; width:77px;}
	
	.patient_info .step_patient {overflow:hidden;}
	.patient_info .step_patient ol {}
	.patient_info .step_patient li {position:relative; padding-left:0;}
	.patient_info .step_patient li + li {border-top:1px solid #edeef1; margin-top:30px; padding-top:30px;}
	.patient_info .step_patient li + li:before {background:url(../../images/lang/common/bullet_deco.png) no-repeat 0 0; content:""; position:relative; left:0; top:0; height:42px; width:21px;}
	.patient_info .step_patient .step_wrap {display:table; table-layout:fixed; width:100%;}
	.patient_info .step_patient .title {display:table-cell; background-repeat:no-repeat; background-position:-10px -15px; vertical-align:middle; position:relative; height:93px; width:120px;}
	.patient_info .step_patient .title:before,
	.patient_info .step_patient .title:after {display: none;}
	.patient_info .step_patient .title:before {left:164px;}
	.patient_info .step_patient .title:after {left:184px;}
	.patient_info .step_patient .title h1 {display:table-cell; color:#000; font-size:1.0em; font-weight:normal; text-align:center; text-indent:25px; vertical-align:middle; position:relative; height:110px; width:100px;}
	.patient_info .step_patient .title h1 span {color:#666;}
	.patient_info .step_patient .title h1:before,
	.patient_info .step_patient .title h1:after {display:none;}
	.patient_info .step_patient .title h1:before {left:204px;}
	.patient_info .step_patient .title h1:after {left:224px;}
	.patient_info .step_patient dl {display:table-cell; vertical-align:middle; width:100%;}
	.patient_info .step_patient dt,
	.patient_info .step_patient dd {margin-top:-5px;}

	.patient_info .step_patient dt {display:block; color:#333; font-size:1.1em; line-height:1.1em; text-align:left; vertical-align:middle; width:100%; margin-bottom:10px;}
	.patient_info .step_patient dd {display:block; color:#666; font-size:0.9em; line-height:1.0em; vertical-align:middle; position:relative; word-break:normal; padding-left:0; width:100%;}
	.patient_info .step_patient dd:before,
	.patient_info .step_patient dd:after {display:none;}
	.patient_info .step_patient dd:before {left:0;}
	.patient_info .step_patient dd:after {left:20px;}

	.patient_info .in_step li:nth-child(odd) .title {background-image:url(../../images/lang/service/bg_step_img1.png); background-size:100%;}
	.patient_info .in_step li:nth-child(even) .title {background-image:url(../../images/lang/service/bg_step_img2.png); background-size:100%;}

	.patient_info .out_step li:nth-child(odd) .title {background-image:url(../../images/lang/service/bg_step_img2.png); background-size:100%;}
	.patient_info .out_step li:nth-child(even) .title {background-image:url(../../images/lang/service/bg_step_img3.png); background-size:100%;}
	
	.remote_wrap {overflow:hidden; margin:0 auto; width:94% !important;}
	.story .gallery_list {margin-top:0 !important;}
	
	.faq_wrap {overflow:hidden; margin:0 auto; width:94% !important;}
	
	.our_service .list_style3 {margin:20px 0;}
}