@charset "utf-8"; .section {position:relative;} .dim { position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.7); display:none;z-index: 1;} .contents_wrap {position: relative; width: 100%; min-width: 1200px;overflow: hidden;} .contents_wrap .dim:first-child {display: none;} .num_list {list-style:none;padding:0;margin:0;counter-reset:num;} .num_list > li {position:relative;padding-left:3rem;margin-bottom:1rem;counter-increment:num;} .num_list > li::before {content:counter(num);position:absolute;left:0;top:4px;width:1.8rem;height:1.8rem;border-radius:50%;color:#fff;background:#955BE6;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight: 800;} /* header(gnb) */ #ui_head {position: fixed; top:0; width: 100%; z-index: 9;background-color: #fff;min-width: 1200px;} .header_wrap {position: relative;top: 0;left: 0;right: 0;z-index: 8;background-color: #fff;transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);border-bottom: 1px solid #955BE6;} .header_wrap .container {width: 100%;max-width: 1200px;_min-width: 1200px;margin: 0 auto;position: relative;} .header_wrap .btn_allMenu {position: absolute;bottom: 27%;right: 0;} .header_wrap .cont_wrap {display: flex;align-items: center;justify-content: space-around;position: relative;box-sizing: border-box;height: 120px;} .header_wrap .cont_wrap h1 {min-width: 300px;} .header_wrap .cont_wrap h1 img {width:auto; height: auto; display: block;} .header_wrap .cont_wrap h1 a{display:block;width:100%;height:100%;font-size:0;line-height:0;} .header_wrap .gnb_area{width: 100%;transition: height 300ms cubic-bezier(0.165, 0.84, 0.44, 1);will-change: height;position: relative;margin-right:5%;display: flex;align-items: baseline;padding-top: 3rem;box-sizing: border-box;} .header_wrap .gnb_area .gnb_list{display: flex;font-size: 1.5rem;height: 100%;box-sizing: border-box;justify-content: space-evenly;align-items: center;width: 100%;} .header_wrap .gnb_area .gnb_list li{vertical-align:middle; height:100%;} .header_wrap .gnb_area .gnb_list li:first-child{margin-left:0;} .header_wrap .gnb_area .gnb_list li a{position: relative;line-height: 1;font-weight: 800;height: 100%;box-sizing: border-box;padding: 0 3.5rem 0.9rem 0; display:flex;white-space: nowrap;align-items: center;justify-content: center;} .header_wrap .gnb_area .gnb_list li a span {display:block;} .header_wrap .gnb_area .gnb_list li:hover a:after {width: 100%;left:0;} .header_wrap .gnb_area .gnb_list li.active a{color:#955BE6;} .header_wrap .gnb_area .gnb_list li.on a, .header_wrap .gnb_area .gnb_list li a:hover{color:#955BE6;} /* 5개 이상 : gnb 로고 아래로 배치 */ .header_wrap .gnb_area:has(.gnb_list > :nth-child(5)) {flex-direction: column;padding-top: 1rem;} .header_wrap .gnb_area .gnb_list:has(> :nth-child(5)) {justify-content: space-between;padding-top: 2.5rem;} .header_wrap .gnb_area:has(.gnb_list > :nth-child(5)) .lang_list_con {top: 15%;} .header_wrap .gnb_area:has(.gnb_list > :nth-child(5)) + .btn_allMenu {bottom: 20%;} .header_wrap .lang_list_con {position: absolute;top: 0;right: -5%;z-index: 2;} .header_wrap .lang_list_con h3 {font-size: 13px;font-weight: 600;color: #955BE6;background: url('../img/language_arrow.png') right center no-repeat;background-size: 10px auto;cursor: pointer;padding-right: 17px;} .header_wrap .select_language {position: absolute;padding: 5px 0;width: 76px;left: 0;top: 20px;background-color: #fff;overflow: visible;border: 1px solid #955BE6;display: none;} .header_wrap .select_language li {display: block;width: 100%;} .header_wrap .select_language li a {display: block;padding: 3px 15px;width: 100%;font-size: 12px;color: #111;box-sizing: border-box;} .header_wrap .select_language li a img {width: 16px;height: 16px;vertical-align: middle;} .header_wrap .select_language li a span {font-weight: 600;padding-left: 2px;} .header_wrap .mbtn_menu{display:none;} .clicked_header_wrap{display:none;} .allMenu_btn {display:block;width:34px;height:24px;font-size:0;line-height:0;background:url("../img/icon_allMenu_b.png") no-repeat center;background-size:100% auto;} /* pc 드랍메뉴 */ .lnb_drop_wrap {z-index:100; height:125px; display:none; position:absolute; top:121px; left:0px; right:0px; border-bottom:1px solid #e5e5e5; background:#fff; overflow:hidden;} .lnb_drop_wrap ul {padding:1rem 0; height:100%;} .lnb_drop_wrap ul li {padding: 1.5rem 1rem 1.5rem 0; width: 25%; float: left; font-size:1.5rem; font-weight:bold;box-sizing: border-box;} .lnb_drop_wrap .drop_area {height:100%;width: 100%; max-width: 1200px; margin: 0 auto; position:relative;} .lnb_drop_wrap .drop_area .menu_area {position:relative; height:100%;} /* 별도 중앙정렬 */ /* .lnb_drop_wrap .drop_area .menu_area.mn03 {left: 300px;} */ .lnb_drop_wrap .drop_area .menu_area.mn04 li {width: 20%;} /* .lnb_drop_wrap .drop_area .menu_area.mn05 {left: 700px;} */ /* .lnb_drop_wrap .drop_area .menu_area.mn06 {left: 680px;} */ .lnb_drop_wrap .drop_area .menu_area .menu {position:absolute; left:0; top:0; height:100%;width: 100%;box-sizing: border-box;padding-right: 18rem;} .lnb_drop_wrap .drop_area .menu_area ul li {text-align:left;} .lnb_drop_wrap .drop_area .menu_area ul li a {transition:all .2s ease-in-out;line-height: 2.3rem;} .lnb_drop_wrap .drop_area .menu_area ul li:hover a, .lnb_drop_wrap .drop_area .menu_area ul li.on a {color:#955BE6;} .lnb_drop_wrap .drop_area .menu_area .inner_gnb {padding: 0 1.5rem 1rem 1.5rem;} .lnb_drop_wrap .drop_area .menu_area .inner_gnb a {transition:all .15s ease-in-out;line-height: 1rem;color:#898989;font-size:1.4rem;font-weight:500;} .lnb_drop_wrap .drop_area .menu_area .inner_gnb:hover a {font-weight: 600;color:#898989;} .lnb_drop_wrap .drop_area .menu_area .inner_gnb:hover ~ a {color:#955BE6;} .lnb_drop_wrap .drop_area .drop_bnr {position:absolute; top: 50%; transform: translateY(-50%); left:6.3rem; z-index:1; } .lnb_drop_wrap .drop_area .drop_bnr_m {position:relative; z-index:1; } .clicked_header_body .drop_bnr_m {color: #fff;background: linear-gradient(90deg, #955BE6 0%, #F87458 100%);height: 4.5rem;line-height: 4.5rem;text-align: center;font-size: 1.6rem;font-weight: 800;border-radius: 2.25rem;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;margin: 0 5%;width: 90%;} .clicked_header_body .drop_bnr_m em {margin-left:1.5rem; display:inline-block; width:18px; height:18px; background:url(../img/master_c_icon10.png) no-repeat; background-size:cover;} /* All Menu SiteMap */ .headAllMenu{display:none;position:absolute;top:0;left:0;right:0;z-index:3000;} .headAllMenu .bg_dim{display:block;content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);width:100%;height:0;} .headAllMenu .allMenuArea{opacity:0;position:relative;z-index:10;background:#fff;width:1060px;height:0;margin:160px auto 0 auto;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .headAllMenu .allMenuArea:after{display:block;clear:both;content:'';} .btnLyClose{display:block;text-indent:-9999px;position:absolute;top:-50px;right:0px;width:50px;height:50px;} .btnLyClose img{display:block;width:100%;height:100%;} .allMenu_top{width:100%;height:100%;overflow:hidden;} .allMenu_top dl{width:25%;border-right:1px solid #e5e5e5;float:left;padding:30px 0 0 20px;height:100%;box-sizing:border-box;} /* .allMenu_top dl:nth-child(5) {height: auto;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;} .allMenu_top dl:last-child{width:17%;border-right:none;} */ .allMenu_top dt{position:relative;margin-bottom:15px;padding-bottom:30px;font-size:18px;color:#111;font-weight:800;line-height: 22px;} .allMenu_top dt:after{content:'';position:absolute;left:0;bottom:0px;width:16px;height:2px;background-color:#955BE6;} .allMenu_top dt + dd{margin-top:0;} .allMenu_top dd{margin-top:5px;} .allMenu_top dd > a{display:block;padding-top:20px;color:#111;font-size:15px;line-height:22px;font-weight:700;} .allMenu_top dd > p{margin-top:4px;} .allMenu_top dd > p + p{margin-top:0px;} .allMenu_top dd > p > a{position:relative;display:block;padding: 10px 0 0 6px;color:#666;font-size:14px;line-height:22px;} .allMenu_top dd > p > a:hover{color:#955be6;font-weight:700;} /* path_wrap */ .path_posi {position:relative;max-width:1060px;position:relative;margin:0 auto;} .contents_wrap .path_wrap {background: #fff;border-bottom: 1px solid #E0E0E0;height: 60px;box-sizing: border-box;bottom: 0px;left: 0;z-index: 8;position: absolute;width:100%;} .contents_wrap .path_wrap.fixed + .contents_menu_wrap {margin-top: 52px;} .contents_wrap .path_wrap.fixed {position: fixed;top: 0;left: 0;border-top: none;} .contents_wrap .path_wrap .path_area {width: 100%;height: 100%;margin: 0 auto;} .contents_wrap .path_wrap .path_area .path_left {float: left;width: auto;height: 100%;} .contents_wrap .path_wrap .path_area .path_right {float: right;width: auto;height: 100%;} .contents_wrap .path_wrap .path_area .home {width: 60px;height: 60px;float: left;display: block;background: url("../img/icon_bg_home.png"), #955BE6;background-repeat: no-repeat;background-position: center;overflow:hidden;} .contents_wrap .path_wrap .path_area .path {width: auto;height: 100%;position: relative;float: left;margin-left: -1px;} .contents_wrap .path_wrap .path_area .path > a {width: 100%;height: 100%;color: #333;font-size: 1.4rem;font-weight: 700;background: url("../img/icon_path_bar.png");background-position: 100% 50%;background-repeat: no-repeat;box-sizing: border-box;line-height: 1;display: flex;align-items: center;padding:0 2.5rem ;} .contents_wrap .path_wrap .path_area .path > a span {box-sizing: border-box;display: block;width: 182px;padding-right: 2.4rem; line-height: 1.8rem;background: url("../img/icon_select_arrow.png");background-position: 100% center;background-repeat: no-repeat;} .contents_wrap .path_wrap .path_area .path.last > a span {width: 220px;} .contents_wrap .path_wrap .path_area .path > a.on span {background-position: 100% center;} .contents_wrap .path_wrap .path_area .path:first-child {margin: 0;} .contents_wrap .path_wrap .path_area .path ul {display: none;position: absolute;top: 59px;width: 100%;z-index: 100;background: #fff;border: 1px solid #E5E5E5;box-sizing: border-box; border-radius:0 0 1.5rem 1.5rem; overflow:hidden; } .contents_wrap .path_wrap .path_area .path ul li a {display: block;width: 100%;color: #111;font-size: 1.4rem; line-height: 2rem;font-weight: 700;padding: 2rem;box-sizing: border-box;} .contents_wrap .path_wrap .path_area .path ul li.current a {background: #fbf3fd;} .contents_wrap .path_wrap .path_area .path ul li:hover a {background: #fbf3fd;} .contents_wrap .path_wrap .path_area .path.last > a {background: none;} .contents_wrap .contents_area {z-index: 2;position: relative;max-width: 1080px;width:100%;margin: 0 auto;padding: 60px 10px 120px 10px; box-sizing: border-box;} .contents_wrap .contents_area.w100 {width: 100% !important;} .contents_wrap .point_bg { z-index: 1;position: absolute;left: 0px;bottom: 0px;right: 0px;} /* contents menu */ .contents_menu_wrap {position: relative;margin-top:120px;overflow: hidden;z-index: 8;height: 296px;background-size: cover;} .contents_menu_wrap.sub_menu01 {background: url('../img/sub_kv01.png') no-repeat center;} .contents_menu_wrap.sub_menu02 {background: url('../img/sub_kv02.png') no-repeat center;} .contents_menu_wrap.sub_menu03 {background: url('../img/sub_kv03.png') no-repeat center;} .contents_menu_wrap.sub_menu04 {background: url('../img/sub_kv04.png') no-repeat center;} .contents_menu_wrap.sub_menu05 {background: url('../img/sub_kv05.png') no-repeat center;} .contents_menu_wrap.sub_menu06 {background: url('../img/sub_kv06.png') no-repeat center;} .contents_menu_wrap .contents_menu_area {position: relative;max-width: 1060px;width:100%;height: 100%;margin: 0 auto;z-index: 200;padding-top:100px;display:flex;box-sizing: border-box;} .contents_menu_wrap h1.current_menu {opacity: 0;position: absolute;left: 50%;transform: translateX(-50%);width: 100%;text-align: center;margin-top: -20px;} .contents_menu_wrap h1.current_menu.line2 {margin-top: -40px;} .contents_menu_wrap h1.current_menu .txt {position: relative;display: inline-block;font-size:3.0rem;line-height:3.5rem;color:#fff;font-weight:700} .contents_menu_wrap h1.current_menu .txt:before {position: absolute;right: 0;top: 0;width: 20px;height: 10px;_background: url('../img/current_menu_bg.png') no-repeat center;content: "";clear: both;display: block;} .contents_menu_wrap .contents_menu_area a.prev_menu, .contents_menu_wrap .contents_menu_area a.next_menu {display: none; z-index: 2;height: auto;line-height: 38px;margin-top: -20px;font-size: 1.5rem;color: #111;overflow: hidden;font-weight: 700;} .contents_menu_wrap .contents_menu_area a.prev_menu span, .contents_menu_wrap .contents_menu_area a.next_menu span {display: none;height: 40px;width: 40px;background: url(../img/sub_next_menu.png) no-repeat 0 0;} .contents_menu_wrap .contents_menu_area a.prev_menu {position: absolute;left: 0px;} .contents_menu_wrap .contents_menu_area a.prev_menu span {float: left;background: url(../img/sub_prev_menu.png) no-repeat 0 0;margin-right: 12px;} .contents_menu_wrap .contents_menu_area a.next_menu {position: absolute;right: 0px;text-align: right;} .contents_menu_wrap .contents_menu_area a.next_menu span {float: right; margin-left: 12px;} /* top tab_wrap */ .top_tab_wrap{position:relative;margin: 60px 0 0;} .top_tab_wrap:after{z-index:0;content:'';display:block;height:22px;position:absolute;left:0px;right:0px;top:-1px;} .top_tab_wrap.section01:after{} .top_tab_wrap.section02:after{background:#ebf6ff;} .top_tab_wrap.section03:after{background:#ebf6ff;} .top_tab_wrap.section04:after{background:#ebf6ff;} .top_tab_wrap.section05:after{background:#ebf6ff;} .top_tab_wrap.section06:after{background:#ebf6ff;} .top_tab_wrap .top_tab_area{width:1060px;margin:0 auto;position:relative;} .top_tab_wrap .top_tab_area .top_tab_list{margin-left:1px;} .top_tab_wrap .top_tab_area .top_tab_list:after{clear:both;display:block;content:'';} .top_tab_wrap .top_tab_area .top_tab_list li{z-index:1;position:relative;float:left;border:1px solid #ccc;margin:-1px 0 0 -1px;} .top_tab_wrap .top_tab_area .top_tab_list li a{display:block;width:238px;height:44px;line-height:44px;background:#fff;font-size:1.4rem;font-weight:500;text-align:center;} .top_tab_wrap .top_tab_area .top_tab_list li.on, .top_tab_wrap .top_tab_area .top_tab_list li:hover{z-index:2;border:1px solid #13426b;} .top_tab_wrap .top_tab_area .top_tab_list li.on a, .top_tab_wrap .top_tab_area .top_tab_list li:hover a{background:#13426b;color:#fff;font-weight:500;} .top_tab_wrap .top_tab_area .top_tab_list.list02 li a{width:528px;} .top_tab_wrap .top_tab_area .top_tab_list.list03 li a{width:352px;} .top_tab_wrap .top_tab_area .top_tab_list.list03 li.num04 a{width:318px;} .top_tab_wrap .top_tab_area .top_tab_list.list03 li.num07 a{width:318px;} .top_tab_wrap .top_tab_area .top_tab_list.list04 li a{width:264px;} .top_tab_wrap .top_tab_area .top_tab_list.list04 li.num01 a{width:263px;} .top_tab_wrap .top_tab_area .top_tab_list.list05 li a{width:211px;} .top_tab_wrap .top_tab_area .top_tab_list.list05 li:first-child a{width:210px;} .top_tab_wrap .top_tab_area .top_tab_list.list06 li a{width:159px;} .top_tab_wrap .top_tab_area .top_tab_list.list06 li:first-child a{width:158px;} .top_tab_wrap .top_tab_area .top_tab_list.list06 li.num06 a{width:158px;} .top_tab_wrap .top_tab_area .search_wrap{position:absolute;/*top:-86px;*/top:-66px;width:100%;} .top_tab_wrap .top_tab_area .search_wrap input{border:none;width:350px;height:44px;line-height:44px;font-size:17px;} /* line_list_dl_area */ .line_list_dl_area{} .line_list_dl_area:after{clear:both;content:'';display:block;} .line_list_dl_area + .line_list_dl_area{margin-top:45px;} .line_list_dl_area .line_list_dl > dt{position:relative;font-size:20px;color:#111;line-height:26px;font-weight:600;padding-top:9px;} .line_list_dl_area .line_list_dl > dt:before{content:'';display:block;width:20px;height:2px;background:#955BE6;position:absolute;left:0px;top:0px;} .line_list_dl_area .line_list_dl > dd{line-height:26px;font-weight:400;margin-top:10px;font-size: 16px;} .line_list_dl_area dd:after{clear:both;content:'';display:block;} .line_list_dl_area dd p{line-height:26px;} .line_list_dl_area dd .sub_title{color:#13426b;font-weight:500;padding:4px 0 6px 0;} .line_list_dl_area dd + dd{margin-top:10px;} .line_list_dl_area dt .dt_right{float:right;font-size:16px;color:#555;font-weight:400;position:relative;} .line_list_dl_area dd p.indent {padding-left: 20px;text-indent: -20px;} .line_list_dl_area dd p + .pink_area{margin-top:23px;} .line_list_dl_area dd .num_list.blue_bul > li{line-height:26px;position:relative;padding-left:26px;} .line_list_dl_area dd .num_list.blue_bul > li img{margin-right:8px;position:absolute;top:5px;left:0;} .line_list_dl_area dd .num_list img{margin-right:8px;position:absolute;top:3px;left:0;} .line_list_dl_area dd > .pink_area:first-child{margin-top:14px;} .pink_area{position:relative;border:1px solid #955BE6;padding:20px;color:#111;font-weight:400;line-height:26px;} .pink_area span{display:block;} .pink_area span + span{margin-top:9px;} .pink_area .btn_area{margin-top:10px;} .pink_area .btn_area.po_ab{position:absolute;right:20px;bottom:20px;} .table_wrap .table_area .table_ul{width:100%;display:table;border-top:3px solid #988f87;} .table_wrap .table_area .table_ul li{display:table-row;} .table_wrap .table_area .table_ul li div{display:table-cell;height:40px;padding:5px 10px;border-bottom:1px solid #e6e6e6;text-align:center;color:#555;font-weight:400;vertical-align:middle;font-size:16px;box-sizing:border-box;} .table_wrap .table_area .table_ul li div a{display:block;width:100%;cursor:pointer;box-sizing:border-box;} .table_wrap .table_area .table_ul li div a.lock{background: url("../img/ico_lock.png") no-repeat 0 center;padding-left:23px;background-size:17px;} .table_wrap .table_area .table_ul li:nth-child(1) div{height:44px;font-weight:400;border-bottom:1px solid #988f87;color:#222;vertical-align:middle;text-align:center;} .table_wrap .table_area .table_ul li div.txt_l{text-align:left;} .table_wrap .table_area .table_ul li div:nth-child(1){width:90px;} .table_wrap .table_area .table_ul li div:nth-child(3){width:130px;} .table_wrap .table_area .table_ul li div:nth-child(4){width:130px;} .table_wrap .table_area .table_ul li div:nth-child(5){width:130px;} .table_wrap .table_area table.table_type01{border-top:3px solid #988f87;width:100%;} .table_type01 thead tr {border-bottom: 1px solid #988f87;} .table_wrap .table_area table.table_type01 thead tr th{font-weight:600;color:#111;height:40px;box-sizing:border-box;font-size:16px;text-align:center;padding:0;vertical-align: middle;} .table_wrap .table_area table.table_type01 thead tr + tr th{height:auto;padding:4px 0;line-height:26px;vertical-align: middle;} .table_wrap .table_area table.table_type01 tbody tr th{font-weight:500;color:#111;height:40px;box-sizing:border-box;font-size:16px;text-align:center;padding:0;border-bottom:1px solid #ccc;vertical-align: middle;line-height: 24px;} .table_wrap .table_area table.table_type01 tbody tr th .essential{color:#955BE6;} .table_wrap .table_area table.table_type01 tbody tr td{font-weight:500;color:#4d4d4d;height:40px;box-sizing:border-box;font-size:16px;text-align:center;padding:0;line-height:normal;border-bottom:1px solid #ccc;vertical-align: middle;line-height: 24px;} .table_wrap .table_area table.table_type01 tbody tr td img{vertical-align:0;max-width: 354px;} .table_wrap .table_area table.table_type01 tbody tr td.tal a{margin:0px;} .table_wrap .table_area table.table_type01 tbody tr td a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4d4d4d;font-weight:400;width:auto;height:30px;margin:0 auto;font-size:15px;line-height:29px;padding:0;} .table_wrap .table_area .table_desc{position:relative;padding:0 0;font-weight:400;line-height:22px;height:36px;} .table_wrap .table_area .table_desc p{padding-top:21px;font-size:16px;font-weight:400;color:#4d4d4d;} .table_wrap .table_area .table_desc span{color:#955BE6;} .table_wrap .table_area .table_desc .desc_right{position:absolute;right:0px;bottom:0px;} .table_wrap .table_area table.table_type02{border-top:3px solid #988f87;border-bottom:1px solid #ccc;} .table_wrap .table_area table.table_type02 tbody{} .table_wrap .table_area table.table_type02 tbody tr{} .table_wrap .table_area table.table_type02 tbody tr th{padding:14px 23px;text-align:left;color:#555;vertical-align:top;} .table_wrap .table_area table.table_type02 tbody tr th .essential{color:#955BE6;} .table_wrap .table_area table.table_type02 tbody tr{} .table_wrap .table_area table.table_type02 tbody tr td{padding:5px 0 5px 10px;text-align:tleft;color:#555;font-weight:400;} .table_wrap .table_area table.table_type_schedule{} .table_wrap .table_area table.table_type_schedule thead{} .table_wrap .table_area table.table_type_schedule thead tr{} .table_wrap .table_area table.table_type_schedule thead tr th{width: 116px;height:40px;border:1px solifd #fff;text-align:center;background:#f5f5f5;font-weight:500;color:#111;box-sizing:border-box;vertical-align:middle;font-size:15px;} .table_wrap .table_area table.table_type_schedule thead tr th:nth-child(1) {width: 200px;} .table_wrap .table_area table.table_type_schedule tbody{} .table_wrap .table_area table.table_type_schedule tbody tr{} .table_wrap .table_area table.table_type_schedule tbody tr th{height:40px;border:1px solid #fff;text-align:center;background:#f5f5f5;font-weight:500;color:#111;box-sizing:border-box;vertical-align:middle;font-size: 14px;} .table_wrap .table_area table.table_type_schedule tbody tr td{height:50px;border:1px solid #fff;text-align:center;background:#F7F3FF ;font-weight:400;color:#4d4d4d;line-height:17px;box-sizing:border-box;font-size: 15px;font-weight: 700;vertical-align: middle;} .table_wrap .table_area table.table_type_schedule tbody tr td img{vertical-align:middle;_margin-top:-5px;} .table_wrap .table_area .prev_next_view{border-top:1px solid #ccc;} .table_wrap .table_area .prev_next_view table{width:100%;} .table_wrap .table_area .prev_next_view table tbody{} .table_wrap .table_area .prev_next_view table tbody tr{} .table_wrap .table_area .prev_next_view table tbody tr td{height:46px;vertical-align:middle;font-size:16px;color:#4d4d4d;text-align:left;border-bottom:1px solid #ccc;} .table_wrap .table_area .prev_next_view table tbody tr td:first-child, .table_wrap .table_area .prev_next_view table tbody tr td:first-child a{text-align:center;} .table_wrap .table_area .prev_next_view table tbody tr td a{display:block;text-align:left;color:#4d4d4d;padding:0;} .table_wrap .table_area .prev_next_view table tbody tr td a:hover{color:#955BE6;} .table_wrap .table_area .prev_next_view table tbody tr td strong{color:#111;font-weight:500;} .table_wrap .table_area .search_none{border-top:3px solid #988f87;border-bottom:1px solid #ccc;height:276px;} .table_wrap .table_area .search_none .title{margin-top:80px;padding-top:99px;color:#111;font-size:19px;text-align:center;background:url("../img/ico_search_none.png") no-repeat center 0;font-weight:500;} .table_wrap .table_area .search_none .desc{margin-top:3px;color:#4d4d4d;font-weight:400;line-height:26px;text-align:center;} /* table btn */ .table_wrap .table_area .table_bottom_btn{position:absolute;right:0px;bottom:-61px;} .table_wrap .table_area .table_bottom_btn a{display:inline-block;width:123px;background:#955BE6;border:1px solid #955BE6;padding:8px 0 9px 0;color:#fff;font-weight:400;text-align:center;} .table_wrap .table_area .table_bottom_btn a.gray{background:#aaa;border:1px solid #aaa;width:97px;} .table_wrap .table_area .table_bottom_btn a + a{margin-left:3px;} .table_wrap .table_area .table_bottom_btn.left_btn{position:absolute;left:0px;bottom:-62px;} .table_wrap .table_area .table_bottom_btn.left_btn a{display:inline-block;width:121px;background:#955BE6;border:1px solid #955BE6;padding:8px 0 9px 0;color:#fff;font-weight:400;text-align:center;} .table_wrap .table_area .table_bottom_btn.center_btn{position:relative;left:0px;right:0px;bottom:0px;margin-top:30px;text-align:center;} .table_wrap .table_area .table_bottom_btn.center_btn a.btn_cancel{background:#fff;color:#222;border:1px solid #ccc;} /* btn_area */ .btn_area{text-align:center;margin-top:25px;font-size:0;} .btn_area:after{clear:both;content:'';display:block;} .btn_area a{display:inline-block;cursor:pointer;box-sizing:border-box;min-width:123px;background:#fff;color:#222;border:1px solid #ccc;padding:8px 15px 9px 15px;font-weight:400;text-align:center;line-height:1;font-size:16px;} .btn_area .btn_ok{cursor:pointer;min-width:121px;padding:8px 15px 9px 15px;font-weight:400;text-align:center;box-sizing:border-box;background:#955BE6;border:1px solid #955BE6;color:#fff !important;line-height:1;} .btn_area a.btn_ok{background:#955BE6;border:1px solid #955BE6;color:#fff !important;font-size:16px;} .btn_area a.btn_list{position:absolute;width:172px;text-indent:23px;top:50px;right:0px;background:url("../img/btn_list_icon.png") 15px 50% no-repeat;} .btn_area a + a{margin-left:5px;} .btn_area .btn_txt{font-size:20px;text-align:center;color:#111;margin-bottom:13px;font-weight:400;} .btn_area span.info{font-size:14px;line-height:26px;font-weight:400;display:block;margin-top:4px;} .btn_area a.naver_ok{border:0;background:none;padding:0;margin-left:0;margin-top:10px;} .btn_area .gray{cursor:pointer;min-width:123px;padding:8px 15px 9px 15px;font-weight:400;text-align:center;box-sizing:border-box;background:#aaa;border:1px solid #aaa;color:#fff !important;line-height:1;} .btn_area .btn_type01{font-size:16px;color:#955BE6;border:1px solid #955BE6;font-weight:400;} /*.btn_area.tar{margin-top:0px;} .btn_area.thanks{display:none;}*/ .btn_link{text-align:center;margin-top:25px;font-size:0;} .btn_link a{display:inline-block;cursor:pointer;box-sizing:border-box;color:#00315b;border-bottom:2px solid #00315b;padding-bottom:6px;font-weight:500;text-align:center;line-height:1;font-size:16px;margin-left:30px;} .btn_link a:first-child{margin-left:0;} /*--------------------- sumbnail_wrap ---------------------*/ .thumbnail_div h2 {font-size: 28px;font-weight: 600;text-align: center;padding-bottom: 31px;} .thumbnail_div .search_wrap{padding-top:0;} .thumbnail_div .search_area .select_area{width:100px;} .thumbnail_div .thumbnail_wrap{width:100%;margin-top:10px;} .thumbnail_div .search_wrap + .thumbnail_wrap{margin-top:10px;} .thumbnail_div .thumbnail_wrap .thumbnail_area{width:100%;} .thumbnail_div .thumbnail_wrap .thumbnail_area .thumbnail_list{width:100%;border-top:3px solid #988f87;height:auto;border-bottom:1px solid #ccc;} .thumbnail_div .thumbnail_wrap .thumbnail_list + .thumbnail_list{border-top:0;} .thumbnail_div .thumbnail_wrap .thumbnail_list:after{clear:both;content:'';display:block;} .thumbnail_div .thumbnail_wrap .thumbnail_list li{float:left;text-align:left;width:245px;padding:20px 0;padding-right:27px;} .thumbnail_div .thumbnail_wrap .thumbnail_list li:nth-child(4n){padding-right:0;} .thumbnail_div .thumbnail_wrap .thumbnail_list li:nth-child(4n-3){padding-right:26px;} .thumbnail_div .thumbnail_wrap .thumbnail_list li.first{padding-right:26px;} .thumbnail_div .thumbnail_wrap .thumbnail_list li.last{padding-right:0;} .thumbnail_div .thumbnail_wrap .thumbnail_list li a{cursor:pointer;position:relative;width:100%;height:220px;display:block;} /* .thumbnail_div .thumbnail_wrap.th_ho01 .thumbnail_list li a{height:246px;} */ .thumbnail_div .thumbnail_wrap.th_ho03 .thumbnail_list li a{height:246px;} .thumbnail_div .thumbnail_wrap .thumbnail_list li a .tit{display:block;width:100%;font-size:16px;color:#111;font-weight:600;margin-top:7px;height:39px;line-height:22px;position:absolute;top:174px;left:0;} .thumbnail_div .thumbnail_wrap .thumbnail_list .inner span.thumb{width:245px;height:174px;display:block;overflow:hidden;position:absolute;z-index:1;top:0;lefT:0;} .thumbnail_div .thumbnail_wrap .thumbnail_list li a .pro_name{display:block;width:100%;font-size:16px;color:#4d4d4d;font-weight:400;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;bottom:0;left:0;} .thumbnail_div .thumbnail_wrap .thumbnail_list .inner span.overimg{position:absolute;width:245px;height:174px;display:block;padding:36px 20px;font-size:16px;line-height:22px;color:#fff;box-sizing:border-box;z-index:2;opacity:0;background:transparent;display: flex;align-items: center;} .thumbnail_div .thumbnail_wrap .thumbnail_list .inner span.overimg span{display:none;} .thumbnail_div .thumbnail_wrap.th_ho02 .thumbnail_list .inner:hover span.overimg span{display:block;} .thumbnail_div .thumbnail_wrap.th_ho01 .thumbnail_list .inner span.overimg.on{background:url('../img/media_hover.png') no-repeat;} .thumbnail_div .thumbnail_wrap.th_ho02 .thumbnail_list .inner span.overimg.on{background:url('../img/media_hover2.png') no-repeat;} .thumbnail_div .thumbnail_wrap.th_ho03 .thumbnail_list .inner span.overimg{display:none;} @media (hover: none) { .thumbnail_div .thumbnail_wrap.th_ho02 .thumbnail_list .inner:hover span.overimg span{display:block;} } .thumbnail_div .thumbnail_wrap + .paging_wrap{margin-top:30px;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .title{line-height:24px;} .thumbnail_div .thumbnail_wrap.table_wrap .title span{color:#777;font-size:16px;font-weight:400;} .thumbnail_div .thumbnail_wrap.table_wrap .view_con .iframe_wrap{padding:0 20px;} .thumbnail_div .thumbnail_wrap.table_wrap .view_con iframe{width:700px;height:394px;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .iframe_wrap p{padding:14px 0;line-height:28px;} .thumbnail_div .thumbnail_wrap.table_wrap .doctor_list{width:100%;border:1px solid #ccc;padding:30px;margin-bottom:16px;box-sizing:border-box;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list p.section_title{font-size:20px;color:#955be6;font-weight:500;margin:0 0 20px;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo{width:100%;height:auto;position:relative;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo + .doctorInfo{margin-top:20px;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo:after{clear:both;content:'';display:block;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo .doctorImg{float:left;margin-right:30px;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo .detailSchedule{float:left;width:521px;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo .detailSchedule .name{color:#111;font-size:18px;font-weight:600;padding:20px 0 18px;display:block;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo .detailSchedule p{margin:0;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo .detailSchedule .doctor_detail{position:relative;padding-right:10px;margin-right:10px;display:inline-block;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo .detailSchedule .doctor_detail:after{content:'';display:block;position:absolute;right:0;width:1px;height:14px;background:#ccc;top:8px;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo .btnArea{position:absolute;top:13px;right:0;font-size:0;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo .btnArea a{cursor:pointer;width:100px;height:36px;line-height:34px;box-sizing:border-box;border:1px solid #955be6;color:#955be6;font-size:15px;text-align:center;margin-right:6px;float:left;font-weight:400;background:#fff;} .thumbnail_div .thumbnail_wrap.table_wrap .table_area .table_view .table_view_con .view_con .doctor_list .doctorInfo .btnArea a.reser{background:#955be6;color:#fff;} /* paging_wrap */ .table_wrap + .paging_wrap{margin-top:30px;} .paging_wrap{clear:both;width:100%;height:32px;} .bottom_cont .paging_wrap{margin-top:30px;} .paging_wrap .paging_area{float:left;left:50%;position:relative;} .paging_wrap .paging_area .paging{position:relative;float:left;left:-50%;width:auto;display:block;clear:both;text-align:center;margin:0 auto;text-align:center;} .paging_wrap .paging_area .paging a{float:left;display:block;width:32px;height:32px;margin:0 3px;border:1px solid #e5e5e5;background:#fff;line-height:29px;color:#555;font-weight:400;box-sizing:border-box;vertical-align:middle;transition:all 0.2s;} .bottom_cont .btn_style01.pa{right:0;top:-4px;} .table_wrap + .paging{margin-top:38px;} .faq_wrap + .paging_wrap{margin-top:30px;} .paging_wrap .paging_area .paging a.first{background:url("../img/ico_paging_first.gif") no-repeat center;background-size:28px;} .paging_wrap .paging_area .paging a:nth-child(1){margin:0 3px 0 0 ;} .paging_wrap .paging_area .paging a:last-child{margin:0 0 0 3px;} .paging_wrap .paging_area .paging a.first span{text-indent:-9999px;} .paging_wrap .paging_area .paging a.prev{background:url("../img/ico_paging_prev.gif") no-repeat center;background-size:28px;} .paging_wrap .paging_area .paging a.next{background:url("../img/ico_paging_next.gif") no-repeat center;background-size:28px;} .paging_wrap .paging_area .paging a.last{background:url("../img/ico_paging_last.gif") no-repeat center;background-size:28px;} .paging_wrap .paging_area .paging a.on{background:#955BE6;border:1px solid #955BE6;color:#fff;} .contents_area .sub_desc_area{padding:0 107px;font-weight:400;line-height:24px;} .contents_area .sub_desc_area.gray_box{background:#f5f5f5;padding:27px 120px;font-weight:400;line-height:24px;} .contents_area .sub_desc_area b{color:#111;font-weight:500;} /* search_wrap */ .search_wrap{text-align:center;font-size:0;padding:30px 0;} .search_wrap .search_area{display:inline-block;} .search_wrap.h2_none .search_area{padding-top:0px;} .search_wrap .search_area:after{clear:both;display:block;content:'';} .search_wrap .search_area .select_area{float:left;} .search_wrap .search_area .input_area{float:left;margin-left:5px;} .search_wrap .search_area .input_area.search_input .faq_input{width:342px;} .contents_area .select_area{width:100px;} /* ul dot_list */ ul.dot_list02{} ul.dot_list02:after{clear:both;content:'';display:block;} ul.dot_list02 > li{padding-left:10px;line-height:26px;background:url("../img/ico_matter_list_dep_dot.png") no-repeat 0 12px;font-weight:400;color:#4d4d4d;font-size: 16px;} ul.dot_list02 > li > ul{padding-left:5px;} ul.dot_list02 + strong.blue{margin-top:20px;} /* footer */ #s5.full_section {overflow: initial;} .footer{width:100%; background:#fff; position:relative; z-index:9; padding:3rem 0; margin:0 auto; position:relative; border-top:1px solid #E5E5E5;} .footer_link ul{display:inline-flex;} .footer_link ul li{position:relative;padding-right:1.2rem;margin-right:1.2rem;} .footer_link ul li:after{position:absolute;right:0;top:50%; margin-top:-4px;width:1px;height:8px;background-color:#9D9D9D;content:"";clear:both;display:block;} .footer_link ul li:last-child:after{display:none;} .footer_link ul li a{font-size:1.3rem; color:#111; font-weight:700;} .footer_link ul li.point a{color:#111; font-weight:700;} .footer_txt{margin-top:13px;} .footer_txt span{display:block;font-size:14px;color:#333;} .footer_txt span.addr{margin-bottom:6px;} .footer_area {position:relative; padding:0 30px;max-width:1600px; margin:0 auto;} .footer_area .desc {font-size:1.3rem; color:#555; line-height:1.4rem; padding-top:1rem; width:100%;} .footer_area .desc p + p {margin-top:1.2rem;} .footer_area .desc .top {font-weight: 600; margin-bottom: 36px;} .footer_area .desc p {line-height: 1.75rem;margin-bottom: 1rem;font-size:1.3rem;} .footer_area .desc span {margin-right: 10px;position: relative;} .footer_area .desc span::after {position:absolute;right:-7px;top:50%; margin-top:-4px;width:1px;height:8px;background-color:#9D9D9D;content:"";clear:both;display:block;} .footer_area .desc span:last-child::after {display: none;} .footer_area .desc em {font-weight: 600;} .footer_area .group_site_toggle { position:absolute; right:30px; top:35.6%; width:18%; line-height:48px; height:50px; display:block; border:1px solid #E5E5E5; border-radius:8px; background-color:#FAFAFA; box-sizing:border-box; text-align:left; color:#955BE6; font-weight:700; font-size:1.4rem;} .footer_area .group_site_toggle span { font-size:13px; line-height:1; display:inline-block; margin-left:6%; width:94%; position:relative;} .footer_area .group_site_toggle span::after, .footer_area .group_site_toggle span::before {display:block; content:''; position:absolute; right:6%; top:50%; margin-top:-1px; width:12px; height:2px; border-radius:4px; background:#000;} .footer_area .group_site_toggle span::before {transform:rotate(90deg);} .footer_area .group_site_toggle.on span::before {display:none;} /* group site : 차병원 네트워크 */ .group_site_wrap { position:absolute; right:0px; bottom:128px; left:0px; z-index:10; background:#fff; border-top:1px solid #E5E5E5; display:none; } .group_site_wrap .group_site_area {width:1060px; position:relative; margin:0 auto; border-right:1px solid #e8e8e8; overflow:hidden;} .group_site_wrap .group_site_area .group_site_list {float:left; border-left:1px solid #e8e8e8; height:680px; padding:2.8rem 1.2rem 5rem 1.2rem; width:176px;box-sizing: border-box;} .group_site_wrap .group_site_area .group_site_list:first-child {border-left:0;} .group_site_wrap .group_site_area .group_site_list .group_title {font-size:1.4rem; font-weight:800;line-height: 1.8rem;} .group_site_wrap .group_site_area .group_site_list .site_list li {margin-top:1.4rem; line-height:1.3;} .group_site_wrap .group_site_area .group_site_list .site_list li a {font-size:1.3rem; font-weight:400;} .group_site_wrap .group_site_area .group_site_list .site_list li a:hover {color:#955BE6;} /* 퀵버튼 */ .quick_btn_wrap { position: fixed; right:30px; bottom:30px; z-index:10; } /*********************************************** 공통 끝 *****************************************************/ /* 인사말 추가 */ .greetings_wrap{} .greetings_wrap .gta_top{width:100%;height:auto;position:relative;overflow:hidden;margin-bottom:50px;} .greetings_wrap .gta_top .txt{position:absolute;top:110px;left:145px;z-index:2;} .greetings_wrap .gta_top .txt p{margin-bottom:45px;font-size:28px;line-height:44px;color:#111;font-weight:700;} .greetings_wrap .gta_top .txt p strong{color:#955be6;} .greetings_wrap .gta_top .txt span{position:relative;padding-top:20px;display:block;font-size:16px;line-height:24px;color:#4d4d4d;} .greetings_wrap .gta_top .txt span:before{content:'';display:block;width:20px;height:2px;background-color:#955be6;position:absolute;left:0px;top:0px;} .greetings_wrap .gta_top .txt span strong{color:#111;font-weight:700;} .greetings_wrap .gta_top img{position:relative;z-index:1;} .greetings_wrap .gta_bottom{margin:0 auto;width:800px;} .greetings_wrap .short{margin-bottom:40px;padding:40px;text-align:center;box-sizing:border-box;background-color:#f7f7f7;} .greetings_wrap .short p{color:#111;font-size:16px;line-height:30px;} .greetings_wrap .short p strong{color:#955be6;} .greetings_wrap .desc{width:100%;} .greetings_wrap .desc p{font-size:16px;line-height:32px;color:#4d4d4d;} .greetings_wrap .desc p + p{margin-top:15px;} .greetings_wrap .gta_bottom .msg{display:block;margin:35px 0;font-size:28px;line-height:40px;color:#955be6;text-align:center;font-weight:700;} .msg{display:block;margin:35px 0;font-size:28px;line-height:40px;color:#955be6;text-align:left;font-weight:700;} .greetings_wrap .desc .msg{display:block;margin:35px 0;font-size:28px;line-height:40px;color:#955be6;text-align:center;font-weight:700;} .greetings_wrap .desc .sign{position:relative;margin-top:55px;padding-top:15px;color:#4d4d4d;line-height:26px;} .greetings_wrap .desc .sign:before{position:absolute;left:0;top:0;width:24px;height:2px;content:"";clear:both;display:block;background-color:#955be6;} .greetings_wrap .desc .sign img{display:block;} .greetings_wrap .desc .sign strong{color:#111;font-weight:700;} /*--------------------- 이용안내 - 처음오시는분/외래입원/수술간호실안내/병원둘러보기/주요전화번호.증명서발급안내/찾아오시는길/난임주사안내/고객의소리 Hospital Information Guide ---------------------*/ /* For First-Time Visitors */ .contents_area .guide_div{width:820px;margin:0 auto;} .contents_area .guide_div .line_list_dl_area:nth-child(1){margin-top:12px;} .contents_area .sub_desc_area + .guide_div{margin-top:52px;} .contents_area .guide_div .line_list_dl_area dd{margin-top:7px;} .contents_area .guide_div .line_list_dl_area dd span {display: block;margin-top: 10px;font-size: 14px;} .contents_area .guide_div .line_list_dl_area dd > .btn_area.tal{margin-top:13px;} .contents_area .blue_list{margin-top:11px;} .contents_area .blue_list li{color:#4d4d4d;font-size:16px;line-height:26px;} .contents_area .blue_list li:after{clear:both;content:'';display:block;} .contents_area .blue_list > li + li{margin-top:18px;} .contents_area .blue_list + .pink_top_box{margin-top:27px;padding:25px 30px 24px;} .contents_area .blue_list + .pink_top_box .num_list.blue_bul > dt{font-weight:500;color:#00315c;line-height:26px;position:relative;} .contents_area .blue_list + .pink_top_box .num_list.blue_bul > dt{padding-left:24px;} .contents_area .blue_list + .pink_top_box .num_list.blue_bul > dt img{width:18px;margin:0;position:absolute;left:0;top:5px;} .contents_area .blue_list + .pink_top_box .num_list.blue_bul > dd{padding-left:24px;line-height: 26px;margin-top:0;} .contents_area .blue_list + .pink_top_box .num_list.blue_bul + .num_list.blue_bul{margin-top:20px;} .contents_area .blue_list + .pink_top_box .num_list.blue_bul .btn_area{margin-top:15px;text-align:left;} .contents_area .blue_list + .pink_top_box .num_list.blue_bul .btn_area + .point{font-size:14px;font-weight:400;} .contents_area .blue + .pink_box{margin-top:9px;} .contents_area .guide_div .table_wrap{margin-top:12px;} .contents_area .guide_div.ambulatory_area .table_wrap .table_area + p{margin-top:16px;} .contents_area .guide_div.ambulatory_area dd > img{margin-top:5px;} .contents_area .guide_div.ambulatory_area .table_wrap .table_type01_v2 td{line-height:26px;padding:10px 0;} .contents_area .guide_div.operating_room_area .line_list_dl_area:nth-child(1){margin-top:12px;} /* Location */ .map_guide_top{padding:40px 100px;font-size: 16px;line-height:24px;background-color: #f5f5f5;} .map_guide_top ul{} .map_guide_top ul li{position:relative;padding-left:10px;display:inline-block;vertical-align: middle;width: 100%;} .map_guide_top ul li:before{position:absolute;left:0;top:10px;width:3px;height:3px;background-color:#111;border-radius:50%;content:"";clear:both;display:block;} .map_guide_top ul li b{margin-right:10px;color:#111;font-weight:600;display: block;} .guide_wrap .road_map{position:relative;width:100%;height:auto;margin-top:30px;border:0;} .guide_wrap .road_map .btn_map_area{position:absolute;z-index:9;right:20px;bottom:20px;} .guide_wrap .road_map .btn_map_area a{cursor:pointer;display:block;width:143px;height:42px;color:#fff;background:#955BE6;padding:0;float:left;text-align:center;line-height:40px;border:1px solid #955BE6;box-sizing:border-box;font-size: 1.4rem;} .guide_wrap .road_map_area{margin-top:40px;} .guide_wrap .road_map_area .subway_area span{position:relative;display:inline-block;;color:#fff;background-color:red;text-align: center;line-height:18px;;font-size:12px !important;vertical-align:middle;margin: auto;width: 50px;padding: 3px 0;border-radius: 30px;} .guide_wrap .road_map_area span.road_line09{background-color:#cea43a;} .guide_wrap .road_map_area span.road_line_train{background-color:#0CBDEB;font-size:9px;} .map_bus > p{margin-right:10px;line-height:30px !important;} .map_bus .btn_area{margin-top:0;text-align:left;} .map_bus .btn_area a{min-width:auto;} .guide_wrap .pink_top_box{border:1px solid #ccc;border-top:2px solid #955be6;padding:30px 0;box-sizing:border-box;} .guide_wrap .issue_area .line_list_dl_area{margin-top:12px;} .guide_wrap .issue_area .line_list_dl_area + .line_list_dl_area{margin-top:45px;} .guide_wrap .issue_area .blue_list{margin-top:4px;} .guide_wrap .issue_area .blue_list > li + li{margin-top:25px;} .guide_wrap .issue_area .table_wrap .table_type01 td{padding:10px 16px;text-align:left;line-height:22px;} .guide_wrap .issue_area .table_wrap .table_type01 td span{display:block;margin:0 auto;width:12px;height:12px;border-radius:50%;background-color:#955be6;box-sizing:border-box;font-size:0;} .guide_wrap .issue_area .dowload_box{padding:40px;text-align:center;border:1px solid #955be6;background-color:#f8f5ff;} .guide_wrap .issue_area .dowload_box strong{display:block;margin-bottom:20px;font-size:20px;color:#111;} .guide_wrap .issue_area .dowload_box .btn{text-align:center;font-size:0;} .guide_wrap .issue_area .dowload_box .btn a{display:inline-block;margin:0 10px;min-width:240px;font-size:16px;color:#fff;vertical-align:top;padding:10px 50px 10px 20px;border-radius:30px;background:#955be6 url('../img/ico_certi_down.png') no-repeat center right 20px;box-sizing:border-box;} .subway_area .df {display: flex;flex-direction: row;gap: 1rem;padding: 1rem 0;} /* 고객의소리 */ .contents_area .hospital_wrap{width:820px;margin:50px auto;} .contents_area .hospital_wrap .boardW_wrap{margin-top:40px;} .contents_area .hospital_wrap .boardW_wrap .btn_area{text-align: center;} .contents_area .hospital_wrap .table_wrap .table_right_desc{float:right;padding-bottom:9px;color:#955BE6;} .contents_area .hospital_wrap .table_wrap th{text-align:left;padding:14px 0 14px 30px;} .contents_area .hospital_wrap .table_wrap .table_area table.table_type01 tbody tr td{padding:5px 0;} .contents_area .hospital_wrap .table_wrap td .input_radio{float:left;margin-left:30px;} .contents_area .hospital_wrap .table_wrap td .input_radio:first-child{margin-left:10px;} .contents_area .hospital_wrap .table_wrap td .email_wrap .input_area{width:113px;} .contents_area .hospital_wrap .table_wrap td .email_wrap .input_area:nth-child(3){width:139px;} .contents_area .hospital_wrap .table_wrap td .email_wrap .dash{padding:0;line-height:36px;color:#4d4d4d;} .contents_area .hospital_wrap .table_wrap td .email_wrap .select_email{float:left;margin-left:5px;} .contents_area .hospital_wrap .table_wrap td .email_wrap .select_email .search_area{width:139px;} .contents_area .hospital_wrap .table_wrap td .select_wrap .search_area{width:113px;float:left;} .contents_area .hospital_wrap .table_wrap td .select_wrap .dash{padding:0 2px;line-height:36px;color:#4d4d4d;} .contents_area .hospital_wrap .table_wrap td .select_wrap .input_area{width:131px;} .contents_area .hospital_wrap .table_wrap td .voice_filebox .upload_name{width:553px;} .contents_area .hospital_wrap .table_wrap td .voice_filebox .upload_name::-webkit-input-placeholder{font-size:15px;font-weight:350;color:#955BE6;} .contents_area .hospital_wrap .table_wrap td .voice_filebox .upload_name:-moz-placeholder{font-size:15px;font-weight:350;color:#955BE6;} .contents_area .hospital_wrap .table_wrap td .voice_filebox .upload_name::-moz-placeholder{font-size:15px;font-weight:350;color:#955BE6;} .contents_area .hospital_wrap .table_wrap td .voice_filebox .upload_name:-ms-input-placeholder{font-size:15px;font-weight:350;color:#955BE6;} .contents_area .hospital_wrap .txt_box .fl{margin-right:14px;} .contents_area .hospital_wrap .txt_box .blue_bul li{line-height:26px;} .contents_area .hospital_wrap .txt_box .blue_bul li strong{margin-right:5px;} .contents_area .hospital_wrap .txt_box .num_list.blue_bul li strong + .btn_area{display:inline-block;vertical-align:top;margin-top:6px;} /*------------------------------------------- 의료진/진료예약 -------------------------------------------*/ /* 의료진/진료일정 medical_schedule_wrap | Medical Staff/Consultation Schedule */ .medical_schedule_wrap{width:100%;} .medical_schedule_wrap .medical_schedule_area{width:100%;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list{padding:20px 0 20px 20px;border-bottom:1px solid #ccc;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list.first{border-top:2px solid #955BE6;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list:after{clear:both;display:block;content:'';} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .pic_area{float:left;width:140px;overflow:hidden;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .pic_area img{width:100%;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area{float:left;width:calc(97% - 140px);padding:8px 0 0 0;margin-left:30px;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .doctor_name{font-size:18px;color:#111;font-weight:600;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .doctor_name:after{clear:both;display:block;content:'';} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .doctor_name strong{float:left;display:block;font-weight:600;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .doctor_name b {font-weight: 800;font-size: 24px;margin-left: 10px;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .professional{margin: 24px 0 12px;font-weight:500;line-height:24px;height:auto;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .professional:after{clear:both;display:block;content:'';} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .professional dt{display: inline-block;font-size:17px;width:auto;word-break:break-all;word-wrap:break-word;line-height:1.1;margin: 0;font-weight:600;color: #955BE6;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .professional dd{width:788px;box-sizing:border-box;height:100%;display:table;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .professional dd span{display:table-cell;height:100%;vertical-align:middle;line-height:24px;font-size: 15px;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab:after{clear:both;display:block;content:'';} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_btn{float:left;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_btn:after{clear:both;display:block;content:'';} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_btn a{float:left;display:block;box-sizing:border-box;padding: 14px 32px;width:auto;border:1px solid #ccc;margin-left:5px;text-align:center;font-size: 15px;font-weight:400;color:#4d4d4d;cursor:pointer;border-radius: 35px;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_btn a:first-child{margin-left:0px;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_btn a.reserve{border:1px solid #955BE6;background:#955BE6;color:#fff;font-weight: 600;font-size: 15px;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_tab{position:relative;float:right;padding-right:24px;margin-top:12px;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_tab:after{clear:both;display:block;content:'';} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_tab.on{} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_tab a{float:left;display:block;position:relative;font-weight:600;font-size: 15px;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_tab a.on, .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_tab a:hover{color:#955BE6;font-weight:600;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_tab a.btn_arr{float:none;padding-left:0;margin-left:0;position:absolute;right:0px;top:5px;width:14px;height:8px;background:url("../img/ico_schedule_tab_off.png") no-repeat right center;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_tab a.btn_arr:after{display:none;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_btn_tab .schedule_tab.on a.btn_arr{background:url("../img/ico_schedule_tab_on.png") no-repeat right center;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_tab_con_area{margin-top:20px;display:none;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_tab_con_area .schedule_tab_con{display:none;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_tab_con_area .schedule_tab_con.on{display:block;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_tab_con_area .schedule_tab_con .table_wrap{margin-top:0px;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_tab_con_area .schedule_tab_con .profile_list{background:#f6f6f6;padding:14px 23px;} .medical_schedule_wrap .medical_schedule_area .medical_schedule_list .medical_schedule_con_area .schedule_tab_con_area .schedule_tab_con .profile_list li{position:relative;padding-left:8px;background:url("../img/profile_list_dot.png") no-repeat 0 13px;line-height:24px;font-weight:400;} /* Medical Appointment(서울역 영문 페이지와 같은 레이아웃) */ .locationDesc{width:820px;font-size:16px;line-height:28px;padding-bottom:35px;margin:0 auto;} .locationDesc.wide {width:100%; background:#f4f4f4;} .locationDesc.wide p {width:940px; margin:0 auto; } .locationDesc .line strong{margin-right:10px;} .locationDesc .line strong.line1{color:#003499;} .locationDesc .line strong.line4{color:#3271d0;} .locationDesc .line strong.apex{color:#0cbdeb;} .locationDesc .lineBus{padding-top:8px;} .locationDesc .lineBus li{position:relative;padding:8px 0;} .locationDesc .lineBus em{position:absolute;top:8px;left:0;width:160px;font-size:26px;font-weight:400;} .locationDesc .lineBus p{padding-left:160px;margin-bottom:15px;} .locationDesc .lineBus p:last-child{margin-bottom:0;} .locationDesc .lineBus p:after{display:block;content:'';clear:both;} .locationDesc .lineBus p span{display:block;float:left;} .locationDesc .lineBus .cateBus{width:160px;font-weight:700;} .locationDesc .lineBus .cateBus.cateG{color:#539f07;} .locationDesc .lineBus .cateBus.cateG b{background:#539f07;} .locationDesc .lineBus .cateBus.cateB{color:#0061c4;} .locationDesc .lineBus .cateBus.cateB b{background:#0061c4;} .locationDesc .lineBus .cateBus.cateR{color:#f54629;} .locationDesc .lineBus .cateBus.cateR b{background:#f54629;} .locationDesc .lineBus .cateBus b{display:inline-block;width:25px;height:25px;font-size:14px;color:#fff;text-align:center;line-height:25px;margin-right:5px;border-radius:100%;vertical-align:1px;} .locationDesc .lineBus .busNumber{width:620px;} .locationDesc.img{padding:0;} .locationDesc.img p{width:940px;margin:0 auto;} .locationDesc.img.other p{width:100%;margin:0 auto;} .locationDesc.img p img{display:block;} .locationDesc > ol{margin-top:20px;} .locationDesc > ol.other2 li{height:280px;} .locationDesc > ol:after{display:block;content:'';clear:both;} .locationDesc > ol > li{box-sizing:border-box;float:left;width:33.3%;padding:0 10px;} .locationDesc > ol > li > strong{display:block;font-size:26px;line-height:1.2;padding-top:30px;background-position:0 0;background-repeat:no-repeat;} .locationDesc > ol > li:nth-child(1) > strong{color:#fdafa8;background-image:url('../img/bg_sub0201_01.png');} .locationDesc > ol > li:nth-child(2) > strong{color:#fdaaa5;background-image:url('../img/bg_sub0201_02.png');} .locationDesc > ol > li:nth-child(3) > strong{color:#fd9993;background-image:url('../img/bg_sub0201_03.png');} .locationDesc > ol > li:nth-child(4) > strong{color:#fd8880;background-image:url('../img/bg_sub0201_04.png');} .locationDesc > ol > li:nth-child(5) > strong{color:#fc746a;background-image:url('../img/bg_sub0201_05.png');} .locationDesc > ol > li:nth-child(6) > strong{color:#fc5f52;background-image:url('../img/bg_sub0201_06.png');} .locationDesc > ul.airport_tab {overflow:hidden;margin-bottom:50px;} .locationDesc > ul.airport_tab li {width:48%;height:43px;line-height:43px;float:left;display:inline-block;border:1px solid #c7c7c7;text-align:center;cursor:pointer;} .locationDesc > ul.airport_tab li.on {width:48%;height:39px;line-height:39px;font-size:16px;font-weight:bold;color:#ff635f;border:3px solid #ff635f;} .locationDesc > .contentsWrap {display:none;} .locationDesc > .contentsWrap.on {display:block;} .locationDesc ol.airport_contents {overflow:hidden;margin-top:40px;} .locationDesc ol.airport_contents li {width:50%;display:inline-block;float:left;vertical-align:top;padding:0;padding-bottom:50px;} .locationDesc ol.airport_contents li:nth-child(odd) {clear:left;} .locationDesc ol.airport_contents li img {float:left;margin-right:20px;} .locationDesc ol.airport_contents li span {vertical-align:top;float:left;line-height:30px;min-width:280px;} .locationDesc ol.airport_contents li span strong {vertical-align:top;display:block;font-size:26px;color:#ff635f;font-weight:bold;} .locationDesc ol.airport_contents li span em {font-style:normal;color:#666666;} .locationDesc .descWrap{padding-top:10px;padding-bottom:40px;} .locationDesc .descWrap ul > li{padding-left:10px;background:url('../images/bul_map03_list.png') no-repeat 0 13px;} .locationDesc .boxCont{padding-top:10px;} .locationDesc .boxCont:after{display:block;content:'';clear:both;} .locationDesc .boxCont li{box-sizing:border-box;float:left;width:220px;height:250px;padding:20px 5px 0 20px;margin-right:20px;margin-bottom:20px;} .locationDesc .boxCont li.large{width:460px;} .locationDesc .boxCont li:nth-child(1), .locationDesc .boxCont li:nth-child(3){background:#ffbebd;} .locationDesc .boxCont li:nth-child(2){background:#faa6c4;} .locationDesc .boxCont li:nth-child(4), .locationDesc .boxCont li:nth-child(6){background:#ffb1af;} .locationDesc .boxCont li:nth-child(5), .locationDesc .boxCont li:nth-child(7){background:#ffcac9;} .inputArea ul{margin-top:10px;} .inputArea ul:after{display:block;content:'';clear:both;} .inputArea ul li{float:left;box-sizing:border-box;padding-right:20px;} .inputArea ul li label{display:block;height:50px;font-size:16px;font-weight:700;line-height:50px;} .inputArea ul li input{display:block;box-sizing:border-box;width:100%;font-size:16px;} .inputArea ul li input[type="text"]{height:50px;line-height:50px;padding:0 10px;} .inputArea ul li input[type="text"], .inputArea ul li textarea{border:1px solid #c7c7c7;} .inputArea ul li textarea{display:block;box-sizing:border-box;width:100%;height:330px;font-size:16px;line-height:30px;padding:10px 10px 0;} .inputArea ul li.size1{width:33.3%;} .inputArea ul li.size2{width:66.6%;} .inputArea ul li.size3{width:99.9%;} .inputArea ul li span.download_btn.mobile {display:none;} .inputArea ul li span.download_btn.web {display:inline-block;} .inputArea ul li span.download_btn {margin-bottom:30px;padding:0 15px 0 5px;min-width:226px;height:38px;line-height:38px;font-weight:normal;display:inline-block;color:#fff;background:#955BE6 url('../img/btn_arrow.png') no-repeat 97% 50%;font-size:16px;} .inputArea ul li span.last {margin-left:30px;} .inputArea .submitBtn{text-align:center;margin-top:20px;} .inputArea .submitBtn a{display:inline-block;width:150px;line-height:50px;height:50px;font-size:16px;font-weight:normal;color:#fff;background:#955BE6;border:0 none;cursor:pointer;border-radius: 35px;} .sns_btn_wrap {display: flex;align-items: center;gap: 20px;margin: 30px 0 50px;} .sns_btn_wrap a {flex: 1;color: #fff;padding: 0 16px;height: 42px;font-size: 15px;font-weight: 800;display: flex;align-items: center;box-sizing: border-box; cursor: pointer;} .sns_btn_wrap a:nth-child(1) {background-color: #10C955;} .sns_btn_wrap a:nth-child(2) {background-color: #138F4C;} .sns_btn_wrap a:nth-child(3) {background-color: #D300C5;} .sns_btn_wrap a svg {width: 30px;} .sns_btn_wrap a span {margin-left: 10px;position: relative;padding-right: 40px;width: calc(100% - 24px);} .sns_btn_wrap a span::after {content: '';display: block;background: url('../img/icon_snsbtn.png') no-repeat;background-size: contain;width: 23px;height: 10px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} /*--------------------- 난임클리닉 ---------------------*/ /* In Vitro Fertilization (IVF) Procedure */ .clinic_wrap{width:1060px;margin:0 auto;} .clinic_wrap .cms > h3:before{display:none;} .clinic_wrap .cms{margin:0 auto 0;padding-bottom:40px;} .clinic_wrap .cms .txt_title:first-child{margin-top:40px;} .clinic_wrap .cms .table_wrap .table_area .table_type01 td{padding:16px 20px;text-align:left;padding-left:24px;} .clinic_wrap .cms h3:first-child{margin-top:0;padding:0;margin-bottom:40px;} .cms .img_area + .faq_wrap{margin-top:40px;font-size: 16px;} .cms .txt_title + .faq_wrap{margin-top:12px;} .cms .txt_area + .faq_wrap{margin-top:23px;} .cms .faq_wrap + .txt_title{margin-top:40px;} .cms .faq_wrap .txt{line-height:24px;} .cms .faq_wrap ol{margin-top:10px;} .cms .faq_wrap .faq_area > .faq_list > li > a > span{color:#00315b !important;} .cms .pink_area{margin-top:25px;} .cms .pink_area + .txt_title{margin-top:40px;} /*--------------------- 간편예약 건강검진예약 ---------------------*/ .faq_wrap .faq_area > .faq_list_v2{} .faq_wrap .faq_area > .faq_list_v2 > li{margin-top:1px;} .faq_wrap .faq_area > .faq_list_v2 > li:first-child{margin-top:0px;} .faq_wrap .faq_area > .faq_list_v2 > li > a{position:relative;display:block;line-height:56px;padding:0 40px 0 40px;color:#222;border-bottom:1px solid #ccc;font-size:18px;font-weight:400;} .faq_wrap .faq_area > .faq_list_v2 > li:first-child > a{border-top:1px solid #ccc;} .faq_wrap .faq_area > .faq_list_v2 > li:first-child td a{border:none;} .faq_wrap .faq_area > .faq_list_v2 > li th{text-align:center;padding-left:10px;color:#555;} .faq_wrap .faq_area > .faq_list_v2 > li > a:after{content:'';display:block;width:20px;height:2px;background:#955BE6;position:absolute;left:6px;top:27px;} .faq_wrap .faq_area > .faq_list_v2 > li > a > span{display:block;background:url("../img/ico_faq_dep01_off.png") no-repeat right center;line-height:1.5;padding:13px 30px 13px 0;background-size:19px 10px;} .faq_wrap .faq_area > .faq_list_v2 > li.on > a{} .faq_wrap .faq_area > .faq_list_v2 > li.on > a > span{background:url("../img/ico_faq_dep01_on.png") no-repeat right center;background-size:19px 10px;} .faq_wrap .faq_area > .faq_list_v2 > li > .faq_con_v2{display:none;padding:35px 38px;background:#fcfcfc;font-weight:400;color:#555;border-bottom:1px solid #ccc;font-size:16px;} .faq_wrap .faq_area > .faq_list_v2 > li > .faq_con_v2 > .txt_box{line-height:26px;margin-top:15px;font-weight:400;} .faq_wrap .faq_area > .faq_list_v2 > li > .faq_con_v2 > .txt_box.ques{padding-left:20px;} .faq_wrap .faq_area > .faq_list_v2 > li > .faq_con_v2 > .txt_box .num_list{} .faq_wrap .faq_area > .faq_list_v2 > li > .faq_con_v2 > .txt_box .num_list img{margin-right:10px;} .faq_wrap .faq_area > .faq_list_v2 > li > .faq_con_v2 > .txt_box:first-child{margin-top:0px;} .faq_wrap .faq_area > .faq_list_v2 > li > .faq_con_v2 > .txt_box strong{font-weight:500;display:block;} .faq_wrap .faq_area > .faq_list_v2 > li > .faq_con_v2 > .txt_box ul.dot_list04 > li + li{ margin-top:0;} .faq_wrap .faq_area > .faq_list_v2 > li > .faq_con_v2 > .txt_box a:hover{color: #955BE6;} /*--------------------- faq_div ---------------------*/ /* INTRAUTERINE INSEMINATION */ .faq_div .search_wrap{padding-top:0;} .faq_div .search_wrap_v2 .search_area .input_area.search_input .faq_input{width:326px;} .faq_div .search_wrap_v2 .search_area .select_area:nth-child(1){width:175px;} .faq_div .search_area .select_area{width:100px;} .faq_div .faq_wrap{width:820px;margin:6px auto 0;} .faq_div .faq_wrap .faq_area > .faq_list{} .faq_div .faq_wrap .faq_area > .faq_list > li{margin-top:1px;} .faq_div .faq_wrap .faq_area > .faq_list > li:first-child{margin-top:0px;} .faq_div .faq_wrap .faq_area > .faq_list > li > a{position:relative;display:block;line-height:56px;padding:0 20px 0 40px;color:#222;border-bottom:1px solid #ccc;font-size:18px;font-weight:400;cursor:pointer;} .faq_div .faq_wrap .faq_area > .faq_list > li:first-child > a{border-top:1px solid #ccc;} .faq_div .faq_wrap .faq_area > .faq_list > li:first-child td a{border:none;} .faq_div .faq_wrap .faq_area > .faq_list > li th{text-align:center;padding-left:10px;color:#555;} .faq_div .faq_wrap .faq_area > .faq_list > li > a:after{content:'';display:block;width:10px;height:2px;background:#955BE6;position:absolute;left:20px;top:27px;} .faq_div .faq_wrap .faq_area > .faq_list > li > a > span{display:block;background:url("../img/ico_faq_dep01_off.png") no-repeat right center;line-height:1;padding:20px 30px 20px 0;background-size:19px 10px;color:#111;font-weight:600;font-size:18px;} .faq_div .faq_wrap .faq_area > .faq_list > li.on > a{} .faq_div .faq_wrap .faq_area > .faq_list > li.on > a > span{background:url("../img/ico_faq_dep01_on.png") no-repeat right center;background-size:19px 10px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con{display:none;padding:27px 40px;background:#f6f6f6;font-weight:400;color:#4d4d4d;border-bottom:1px solid #ccc;font-size:16px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con > .txt_box{line-height:24px;margin-top:10px;font-weight:400;color:#4d4d4d;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con > .txt_box:first-child{margin-top:0px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con > .txt_box .txt strong{font-weight:600;color:#111;display:block;line-height:24px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con > .txt_box.ques{padding-left:20px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con > .txt_box dt{font-weight:600;color:#111;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list dt{font-weight:600;color:#111;position:relative;line-height:24px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list dd{line-height:24px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list dd .img_box img{position:static;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list dd ol{margin-top:6px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list dd .img_right_box:first-child{margin-top:0;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list.blue_bul > dt{padding-left:24px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list.blue_bul > dt img{width:18px;margin:0;position:absolute;left:0;top:3px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list.blue_bul > dd{ padding-left:24px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con > .txt_box ul.dot_list04 > li + li{ margin-top:0;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con > .txt_box a:hover{color: #955BE6;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con > .txt_box .txt{font-size:16px;line-height:24px;color:#4d4d4d;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .txt + .txt{margin-top:8px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .txt + dl.num_list{margin-top:10px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .txt + .num_list_txt{margin-top:8px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .num_list_txt{font-size:16px;line-height:24px;color:#4d4d4d;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .num_list_txt strong{font-weight:500;color:#111;display:block;line-height:24px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list.blue_bul.num_list_txt dt{color:#00315b;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .num_list_txt + dl.num_list{margin-top:4px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list + .num_list_txt{margin-top:10px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con dl.num_list + .txt{margin-top:10px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con ol.num_list + .txt{margin-top:10px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con ol.num_list + dl.num_list{margin-top:10px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_list_box{width:100%;height:auto;margin-top:14px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_list_box + .txt{margin-top:16px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_list_box + .num_list{margin-top:16px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_list_box img{width:100%;height:auto;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_right_box:after{clear:both;content:'';display:block;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_right_box .txt_box{float:left;width:342px;margin-top:0;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_right_box .img_box{float:left;width:368px;margin-left:30px;padding-left:0;border-left:0;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_right_box .img_box + .txt{clear:both;padding-top:8px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_right_box + .txt{margin-top:16px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_right_box.w178 .txt_box{width:532px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_right_box.w178 .img_box{width:178px;margin-left:30px;} .faq_div .faq_wrap .faq_area > .faq_list > li > .faq_con .img_right_box.w178 .img_box img{width:100%;} .faq_div.cms .faq_wrap.faq_wrap2 .faq_area > .faq_list > li > a > span{color:#111;} /*--------------------- sum_board / cms / view_assist_list_area---------------------*/ .contents_wrap .contents_area.sum_board_wrap{width:100%;padding-bottom:0;} .contents_wrap .contents_area.sum_board_wrap > h2{display:block;} .contents_wrap .contents_area.sum_board_wrap > h2.sum_title2{padding-bottom:31px;} .cms > h3{color:#00315b;font-size:28px;font-weight:600;width:100%;text-align:center;line-height:32px;position:relative;padding:20px 0 16px;margin:40px 0 0;} .cms .title_img + .txt_title{margin:30px 0 0;} .cms .title_img + .txt_area{margin:23px 0 0;} .cms .title_img + .img_right_box{margin:30px 0 0;} .cms .title_img + .img_area{margin:30px 0 0;} .cms .title_img + .txt_box{margin:30px 0 0;} .cms > h3:first-child{margin-top:0;} .cms > h3:before{position:absolute;content:'';display:block;width:20px;height:2px;left:50%;top:0;margin-left:-10px;border:0;background:#955BE6;} .cms{width:820px;margin:0 auto;} /*.cms > div + div{margin-top:40px;}*/ .cms strong.blue{width:100%;margin:0 auto;font-size: 16px;} .cms .txt_area{width:100%;margin:0 auto;padding:0;font-size: 16px;line-height: 26px;} .cms .txt_area .desc{display:block;font-size:14px;color: #333;} .cms .txt_box{width:100%;margin:0 auto;line-height:26px;} .cms .txt_box b {font-size: 16px;font-weight: 600;color: #333;display: block;} .cms .txt_title{font-size:20px;font-weight:600;color:#111;line-height:28px;position:relative;padding-top:10px;} .cms .txt_title:before{content:'';display:block;width:20px;height:2px;background:#955BE6;position:absolute;left:0px;top:0px;} .cms .img_area{padding:0;} .cms .img_area img{width:100%;} .cms ol{width:100%;margin:0 auto;} .cms .num_list.blue_bul > li{line-height:26px;position:relative;padding-left:26px;font-size: 16px;} .cms .num_list.blue_bul > li img{margin-right:8px;position:absolute;top:5px;left:0;} .cms .txt_box .num_list img{margin-right:8px;position:absolute;top:5px;left:0;} .cms h3 + .img_right_box{margin-top:0;} .cms .txt_title + .txt_area{margin-top:5px;} .cms .txt_title + .img_area{margin-top:10px;} .cms .txt_title + .txt_box{line-height:26px;margin-top:6px;} .cms .txt_title + .img_right_box{margin-top:15px;} .cms .txt_area + .txt_title{margin-top:30px;} .cms .txt_area + .img_area{margin:15px 0 0;} .cms .txt_area + .txt_area{margin:11px 0 0;} .cms .txt_area + .txt_box{margin:8px 0 0;} .cms .txt_box + .txt_title{margin:37px 0 0;} .cms .txt_box + .img_area{margin:15px 0 0;} .cms .txt_box + .txt_area{margin:18px 0 0;} .cms > .img_area + .txt_title{margin:40px 0 0;} .cms > .img_area + .txt_area{margin:15px 0 0;} .cms .img_area + .blue_list{margin:16px 0 0;} .cms .img_area + ol.num_list.blue_bul{margin:16px 0 0;} .cms .btn_area{text-align:left;margin-top:13px;} .cms .btn_area a{color:#955BE6;font-weight:400;border:1px solid #955BE6;padding:11px 15px 11px 15px;} .cms .img_right_box{width:100%;margin-top:13px;} .cms .img_right_box:after{clear:both;display:block;content:'';} .cms .img_right_box .txt_box{float:left;width:519px;line-height:26px;margin-top:13px;} .cms > .img_right_box .txt_box .txt_area + .txt_area{margin:14px 0 0;} .cms .img_right_box .img_box{float:left;width:240px;padding-left:30px;margin-left:30px;border-left:1px solid #ccc;margin-top: 50px;} .cms > .img_right_box.w380 .txt_box{width:379px;} .cms > .img_right_box.w380 .img_box{width:380px;} .cms > .img_right_box.w210 .txt_box{width:549px;} .cms > .img_right_box.w210 .img_box{width:210px;} .cms > .img_right_box.w178 .txt_box{width:581px;} .cms > .img_right_box.w178 .img_box{width:178px;margin-top:13px;} .cms > .img_right_box .img_box img{width:100%;} .cms > .img_right_box + .txt_area{margin:15px 0 0;} .cms > .img_right_box + .txt_title{margin-top:40px;} .cms > .img_right_box.w380 + .txt_area{margin:25px 0 0;line-height: 26px;} .cms > .img_right_box + .img_center_box{margin-top:20px;} .cms > .img_right_box + .img_right_box{margin-top:20px;} .cms .line_list_dl_area .img_right_box.w380 .txt_box{width:379px;} .cms .line_list_dl_area .img_right_box.w380 .img_box{width:380px;} .cms .line_list_dl_area .img_right_box.w210 .txt_box{width:549px;} .cms .line_list_dl_area .img_right_box.w210 .img_box{width:210px;} .cms .line_list_dl_area .img_right_box.w178 .txt_box{width:581px;} .cms .line_list_dl_area .img_right_box.w178 .img_box{width:178px;margin-top:13px;} .cms .line_list_dl_area .img_right_box .img_box img{width:100%;} .cms .line_list_dl_area .img_right_box + .txt_area{margin:15px 0 0;} .cms .line_list_dl_area .img_right_box + .txt_title{margin-top:40px;} .cms .line_list_dl_area .img_right_box.w380 + .txt_area{margin:25px 0 0;} .cms .line_list_dl_area .img_right_box + .img_center_box{margin-top:20px;} .cms .line_list_dl_area .img_right_box + .img_right_box{margin-top:20px;} .cms .procedure_list .img_right_box:after{clear:both;display:block;content:'';} .cms .procedure_list .img_right_box .txt_box{float:left;width:519px;line-height:26px;margin-top:13px;} .cms .procedure_list .img_right_box .txt_box .txt_area + .txt_area{margin:14px 0 0;} .cms .procedure_list .img_right_box .img_box{float:left;width:240px;padding-left:30px;margin-left:30px;border-left:1px solid #ccc;} .cms .procedure_list .img_right_box.w380 .txt_box{width:379px;} .cms .procedure_list .img_right_box.w380 .img_box{width:380px;} .cms .procedure_list .img_right_box.w210 .txt_box{width:549px;} .cms .procedure_list .img_right_box.w210 .img_box{width:210px;} .cms .procedure_list .img_right_box.w178 .txt_box{width:581px;} .cms .procedure_list .img_right_box.w178 .img_box{width:178px;margin-top:13px;} .cms .procedure_list .img_right_box .img_box img{width:100%;} .cms .procedure_list .img_right_box + .txt_area{margin:15px 0 0;} .cms .procedure_list .img_right_box + .txt_title{margin-top:40px;} .cms .procedure_list .img_right_box.w380 + .txt_area{margin:25px 0 0;} .cms .procedure_list .img_right_box + .img_center_box{margin-top:20px;} .cms .procedure_list .img_right_box + .img_right_box{margin-top:20px;} .cms .img_right_box + .txt_box{margin-top:25px;} .cms .img_center_box{text-align:center;} .cms .img_center_box img{width:auto;} .cms .img_center_box p.desc{font-size:15px;font-weight:400;text-align:center;margin-top:9px;} .cms .txt_box dl.num_list + dl.num_list{margin-top:6px;} .cms .txt_box .num_list > dt{font-weight:500;color:#00315c;line-height:26px;position:relative;} .cms .txt_box .num_list dd{line-height:26px;font-size: 16px;} .cms .txt_box .num_list dd + dd{margin-top:7px;} .cms .txt_box .num_list.blue_bul > dt{padding-left:24px;} .cms .txt_box .num_list.blue_bul > dt img{width:18px;margin:0;position:absolute;left:0;top:5px;} .cms .txt_box .num_list.blue_bul > dd{padding-left:24px;} .cms .txt_box .txt_area > ol{margin-top:6px;} /*.cms .txt_box > .txt_area{word-break:break-all;}*/ .contents_area .cms .table_wrap{width:100%;margin:0 auto;margin-top:14px !important;} .cms .table_wrap .table_area table.table_type01 tbody tr th{font-weight:400;color:#111;border-bottom:1px solid #ccc;height:40px;padding-left:30px;} .cms .table_wrap + .txt_title{margin-top:40px;} .cms .dot_list01 li + li{margin-top:8px;} .cms .pink_area .btn_area{margin-top:18px;text-align:center;} .cms .pink_area .btn_area a{font-weight:400;width:163px;padding:7px 15px 9px 15px;} .view_assist_list_area{width:100%;background:#f6f6f6;padding:40px 0;margin-top:40px;} .view_assist_list_area h2{padding-bottom:15px;font-size:22px;} .view_assist_list_area .view_assist_list{width:820px;margin:0 auto;overflow:hidden;padding:1px 0 0 1px;box-sizing:border-box;} .view_assist_list_area .view_assist_list li{float:left;margin:-1px 0 0 -1px;box-sizing:border-box;width:274px;text-align:center;} .view_assist_list_area .view_assist_list li a{display:block;height:42px;color:#222;font-weight:400;line-height:42px;border:1px solid #ccc;background:#fff;cursor:pointer;} .view_assist_list_area .view_assist_list li.on a, .view_assist_list_area .view_assist_list li a:hover{background:#955BE6;color:#fff;font-weight:400;} .view_assist_list_area .btn_area{margin-top:30px;} .view_assist_list_area .btn_area .btn_ok{padding:8px 15px 10px 15px;background:#aaa;border:1px solid #aaa;width:123px;} /* 가임력 검진 Fertility Check-up */ .contents_area .checkup_wrap .checkup_area .gray_top_box .cnt_area table{margin-top:20px;width:100%;} .contents_area .checkup_wrap .checkup_area .gray_top_box .cnt_area table + table{margin-top:7px;} .contents_area .checkup_wrap .checkup_area .gray_top_box .cnt_area table th{text-align:center;vertical-align:top;border-radius: 3rem;background: #955BE6;color: #fff;display: block;margin-right: 10px;padding: 2.5px 0;} .contents_area .checkup_wrap .checkup_area .gray_top_box .cnt_area table tr + tr td {padding-top: 10px;} /* The Uniqueness of Magok CHA Fertility Center 하단 별도 */ .cms .img_right_box.download .txt_box {width: calc(100% - 400px);margin-top: 0;} .cms .img_right_box.download .img_box {width: 339px;margin-top: 0;} .cms .img_right_box.download .txt_box .txt_area > div + div {margin-top: 2.5rem;} .newBtn {display: inline-flex;align-items: center;background: #955BE6;width: auto;height: 4.2rem;padding: 0 1.5rem;color: #fff;margin-top: 1.5rem;font-size: 1.5rem;font-weight: 700;box-sizing: border-box;} .newBtn > img {margin-right: 1rem;} /* wechat 레이어팝업 */ .popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; } .popup-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; border-radius: 20px; text-align: center; width: 500px; height: 472px; display: flex;align-items: center; justify-content: center;} .popup-content .close_btn {position: absolute; top: 30px; right: 30px; cursor: pointer;} @media ( max-width:1600px) { .cha_intro_wrap .cha_intro_inner > .img_wrap_area img {width:120%; margin-left:-10%;} .overview01.bottom01 {background-size:100%;} .overview01.bottom01 .overview_inner {margin-top:4rem;} } /* @media ( max-width:1120px) { .path_posi {margin:0 30px;} .course_wrap {padding:0 30px;} .event_list01 {padding:0 30px;} .line_list_dl_area .line_list_dl > dd .img_wrap_area img {max-width:100%;} .contents_menu_wrap .contents_menu_area a.prev_menu {left:30px !important;} .contents_menu_wrap .contents_menu_area a.next_menu {right:30px !important;} .cha_intro_wrap .cha_intro_inner ul {padding:0 30px; margin-top:-10%} .table_div .table_wrap .table_area .table_view .table_view_con .view_con img {max-width:100%;} .overview01.bottom01 {background-size:100%;} .overview01.bottom01 .overview_inner {margin-top:4rem;} .overview01.bottom01 .overview_left .img_wrap_area {margin-left:0; width:100%;} .overview01.bottom01 .overview_left .img_wrap_area img {width:100%;} .overview01.bottom01 .overview_right p.txt_desc {margin-top:11rem;} .overview01.bottom02 .sub_back_motion .bg_motion01 {width:25rem; top:-12.5rem} .overview01.bottom02 .line_list_dl_area .line_list_dl {flex-direction: column;} .overview01.bottom02 .line_list_dl_area .line_list_dl > dt {width:100%; display:block;} .overview01.bottom02 .line_list_dl_area .line_list_dl > dd {width:100%; margin-top:3rem;} .overview01.bottom02 .sub_back_motion {display:none;} .overview01.bottom02_01 .line_list_dl_area .line_list_dl {flex-direction: column;} .overview01.bottom02_01 .line_list_dl_area .line_list_dl > dt {width:100%; display:block;} .overview01.bottom02_01 .line_list_dl_area .line_list_dl > dd {width:100%; margin-top:3rem;} .overview01.bottom02_01 .line_list_dl_area dt span {display:inline;} .overview01.bottom07 .line_list_dl_area .line_list_dl {flex-direction: column;} .overview01.bottom07 .line_list_dl_area .line_list_dl > dt {width:100%; display:block;} .overview01.bottom07 .line_list_dl_area .line_list_dl > dd {width:100%; margin-top:3rem;} .overview_list01 ul li {width:50%;} .overview01.bottom04 .sub_back_motion {display:none;} .overview01.bottom06 .line_list_dl_area .line_list_dl {flex-direction: column;} .overview01.bottom06 .line_list_dl_area .line_list_dl > dt {width:100%; display:block;} .overview01.bottom06 .line_list_dl_area dt span {display:inline;} .overview01.bottom06 .line_list_dl_area .line_list_dl > dd {width:100%;} .bottom10 .line_list_dl_area .line_list_dl {flex-direction: column;} .bottom10 .line_list_dl_area .line_list_dl > dt {width:100%; display:block;} .bottom10 .line_list_dl_area .line_list_dl > dd {width:100%; margin-top:3rem;} .bottom11 .line_list_dl_area .line_list_dl {flex-direction: column;} .bottom11 .line_list_dl_area .line_list_dl > dt {width:100%; display:block;} .bottom11 .line_list_dl_area .line_list_dl > dd {width:100%; margin-top:3rem;} .bottom12 .line_list_dl_area .line_list_dl {flex-direction: column;} .bottom12 .line_list_dl_area .line_list_dl > dt {width:100%; display:block;} .bottom12 .line_list_dl_area .line_list_dl > dd {width:100%; margin-top:3rem;} .bottom13 .line_list_dl_area .line_list_dl {flex-direction: column;} .bottom13 .line_list_dl_area .line_list_dl > dt {width:100%; display:block;} .bottom13 .line_list_dl_area .line_list_dl > dd {width:100%; margin-top:3rem;} .bottom14 .line_list_dl_area .line_list_dl {flex-direction: column;} .bottom14 .line_list_dl_area .line_list_dl > dt {width:100%; display:block;} .bottom14 .line_list_dl_area .line_list_dl > dd {width:100%; margin-top:3rem;} .event_list01 .line_list_dl_area .line_list_dl {flex-direction: column;} .event_list01 .line_list_dl_area .line_list_dl > dt {width:100%; display:block; padding-bottom:2.75rem;} .event_list01 .line_list_dl_area dt span {display:inline;} .event_list01 .line_list_dl_area .line_list_dl > dd {width:100%;} .map_subway .map_info {width:100%;} .map_subway .map_info ul li span {padding-left:0;} } */ @media ( max-width:1060px) { .input_array.email_wrap .input_area.last {width:160px;} .cha_intro_wrap .cha_intro_inner {padding-bottom:0;;} .cha_intro_wrap .cha_intro_inner ul {flex-wrap:wrap; position:relative; margin-top:-20%;} .cha_intro_wrap .cha_intro_inner ul li {max-width:350px; width:calc(33.33% - 1.5rem); margin-bottom:1.5rem;} .cha_intro_wrap .cha_intro_inner ul li + li {margin-left:1.5rem;} .cha_intro_wrap .cha_intro_inner ul li:nth-child(4) {margin-left:0;} .cha_intro_wrap .cha_intro_inner ul li {margin-bottom:1.5rem !important;} .cha_intro_wrap .cha_intro_inner ul .scroll-motion {top:0 !important} .cha_intro_wrap .cha_intro_inner > .img_wrap_area img {width:130%; margin-left:-15%;} .overview01.bottom01 .overview_right p.txt_desc {margin-top:6rem;} .overview01.bottom02 .sub_back_motion .bg_motion01 {width:20rem; top:-10rem} .mt_img {margin-top:0 !important;} .hospital_wrap2 {margin-top:5rem;} .hospital_wrap2 .outcome_list li.nth2 {padding:0; width:100%;} .hospital_wrap2 .outcome_list li.nth3 {padding:0;} .hospital_wrap2 .outcome_list > li {width:100%; border:none;} .hospital_wrap2 .outcome_list li ul li br {display:none;} .hospital_wrap2 .outcome_list > li h4.point {text-indent:0; margin-top:2rem;} .hospital_wrap2 .outcome_list li ul li > img {display:block; left:-50px;} .hospital_wrap2 .outcome_div + .outcome_div {margin-top:4rem;} .hospital_wrap2 .blue_bg {margin-bottom:1rem;;} .hospital_wrap2 .outcome_list > li ul + h4.point {margin-top:2rem;} .bottom16 .contents_area {padding-bottom:5rem;} .bottom17 .contents_area {padding-bottom:5rem;} .hospital_wrap2 .history_area {background:none;} .hospital_wrap2 .history_area .history_list {padding-top:0;} .hospital_wrap2 .history_area .history_list:first-child {padding-top:0;} .hospital_wrap2 .history_area .history_list h3 {text-align:left; text-indent:0px; margin-top:4rem;} .hospital_wrap2 .history_area .history_list .left {width:100%; float:none; position:relative; } .hospital_wrap2 .history_area .history_list img {max-width:100%;} .hospital_wrap2 .history_area .history_list .right {width:100%; float:none; margin-top:-20px !important; height:auto;} .hospital_wrap2 .history_area .history_list .txt_box .txt_area {display:block; } .hospital_wrap2 .history_area .history_list .txt_box p {display:block;} .hospital_wrap2 .history_area .history_list .left.txt_box {text-align:left; margin-top:-20px !important; height:auto;} .hospital_wrap2 .history_area .history_list .img_box {position:relative; margin-top:0 !important; } .hospital_wrap2 .history_area .history_list .right.img_box {right:auto; } .hospital_wrap2 .history_area + .list_p { font-size: 1.8rem; line-height: 2.6rem; padding-top: calc(45px + 0.5rem); margin-top: 5rem; margin-bottom: 3rem; } .hospital_wrap2 .history_area + .list_p::after {width:10rem; height:0.5rem; left:50%; top:0; margin-left:-5rem;} .hospital_wrap2 .outcome_list > li h4.mt_img_m {margin-top:-2rem !important;} } @media (max-width:1040px) { } @media ( max-width:500px) { .sub .profile_view .profile_area .desc_inner .desc { word-break:break-all; } .overview_list02 ul li .icon_area {width:25%;} .overview_list02 ul li .icon_area img {width:55%;} } @media ( max-width:350px) { .footer { padding:1.5rem 0; height:11.2rem !important; } .group_site_wrap { bottom:11.2rem; } }