/****************************************************************************************************************************************** * Caution : CORE 스크립트에는 URL 추적 코드가 압축되어 있으며, 파일 호출 시 해당 URL이 Google Analytics에 Referral 됩니다. Referral에 기록된 IP와 URL은 철저하게 감시하여 저작권 침해시,"대한변리사회" (응용미술저작물) 침해로 처벌 될 수 있으니 유의하시기 바랍니다. * IE Hack : @media screen\0 {} *******************************************************************************************************************************************/ @charset "utf-8"; /* 카카오지도 약도 강제 CSS */ #map {display:block; height:100%;} .root_daum_roughmap {font-family:NotoSansKr} .os_mac.root_daum_roughmap, .os_mac.root_daum_roughmap button, .os_mac.root_daum_roughmap input, .os_mac.root_daum_roughmap select, .os_mac.root_daum_roughmap td, .os_mac.root_daum_roughmap textarea, .os_mac.root_daum_roughmap th {font-family:NotoSansKr !important} /* 연혁 */ .history .route {position:relative; width:100%; padding-top:30px;} .history .route::before {content: ""; display:block; position:absolute; top:0px; left:50%; width:1px; height:100%; background:#DDD;} .history .route h4 {position:absolute; width:50%; font-family:Roboto; font-weight:500; font-size:34px; color:#132b88;} .history .route h4:after {content: ""; position:absolute; width:24px; height:24px; background-color:#FFF; border:4px solid #132b88; border-radius:12px; right:-12px;} .history .route h4:before {content: ""; position:absolute; width:70px; height:1px; background-color:#132b88; right:10px; top:11px;} .history .route h4 span.his_year {position:absolute; right:100px; top:-10px;} .history .route ul {position:relative; width:50%; top:70px; left:50%; padding:40px 0} .history .route ul:after {content: ""; position:absolute; width:12px; height:12px; background-color:#FFF; border:2px solid #CCC; border-radius:6px; top:0px; left:-6px;} .history .route ul:before {content: ""; position:absolute; width:50px; height:1px; background-color:#CCC; left:0px; top:6px;} .history .route ul li {position:relative; padding:20px; word-break:keep-all; top:-70px; left:50px} .history .route ul span {font-family:Roboto; font-size:18px; color:#132b88;} .history .route ul p {line-height:1.7; font-size:18px; color:#222;} @media all and (max-width:980px) { .history .route::before {left:15px;} .history .route h4 {text-align:left; width:100%;} .history .route h4:after {left:4px;} .history .route h4:before {left:10px; top:11px;} .history .route h4 span.his_year {left:80px; top:-10px;} .history .route ul {width:calc(100% - 60px); left:16px;} } /* [03. 메디웰광주 관광] - 관광정보 */ .tourinfoWRAP {width:100%;} .tourinfoWRAP:after {content:""; display: block; clear: both;} .tourinfo {width:calc(33.3333% - 18px); height:300px; float:left; margin-right:27px; margin-top:27px; color:#fff; text-align:center; overflow:hidden; background-position:center center;} .tourinfo:nth-child(3n) {margin-right:0px;} .tourinfo:nth-of-type(1), .tourinfo:nth-of-type(2), .tourinfo:nth-of-type(3) {margin-top:0px;} .thum_over {position: relative; height:100%; background-color:rgba(0,0,0,0.6);} .tourinfo:hover .thum_over, .tourinfo:focus .thum_over {background-color:var(--IDTcolor); opacity:0.9} .tour_title {position: absolute; width:100%; font-family:GongGothic; font-size:32px; font-weight:400; color:#fff; line-height:40px; padding:0px 30px;top:108px; left:0px;} .tour_title.small {font-size:22px; line-height:28px} .tourinfo_more {position:absolute; display:block; width:120px; height:38px; font-weight:700;line-height:36px; border:1px solid #fff; border-radius:12px 0px 12px 0px; color:#fff; text-align: center;font-size:15px; top:220px; left:calc(50% - 59px);} .tourinfo:hover .tourinfo_more, .tourinfo:focus .tourinfo_more {color:var(--IDTcolor); background: #fff;} .en .tourinfo_more {width:200px; left:calc(50% - 100px);} .en .tour_title {font-family:celmonKr; font-size:26px; font-weight:700;} .ru .tour_title {font-family:celmonKr; font-size:26px; font-weight:700;} .mg .tour_title {font-family:celmonKr; font-size:26px; font-weight:700;} @media screen and (max-width:997px) { .tourinfo {width:calc(50% - 14px); margin:27px 27px 0 0;} .tourinfo:nth-of-type(2) {margin:0px;} .tourinfo:nth-of-type(3) {margin:27px 27px 0 0;} .tourinfo:nth-of-type(4) {margin:27px 0px 0 0;} } @media screen and (max-width:567px) { .tourinfo {width:100%; margin-top:27;} .tourinfo:nth-of-type(1) {margin:0;} .tourinfo:nth-of-type(2) {margin:27px 0 0 0;} } /* [03. 메디웰광주 관광] - 비자및 입국정보(출국안내) */ .dbox {position:relative; display:inline-block; width:100%; background:#F5F5F5; border:1px solid #EEE; padding:30px; border-radius:5px; -webkit-box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%);} .dbox:after {clear:both; content:'';} .departure {position:relative; display:block; width:100%; text-align:center;} .departure li {position:relative; float:left;} .departure.box5 li {position:relative; width:20%; float:left;} .departure.box4 li {position:relative; width:25%; float:left;} .departure li:before {position:absolute; top:calc(50% - 12px); right:5px; width:20px; height:20px; border:5px solid var(--IDTcolor);; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';} .departure li:last-child:before {border:none;} .departure li .box {height:auto; border:2px solid var(--IDTcolor); border-radius:5px; background:#fff; margin:5px 30px 10px 10px; padding:10% 0;} .departure li .box .iconArea {display:inline-block; margin:0 auto 10px auto; width:100%;} .departure li .box .iconArea img{text-align:center; width:40%; height:auto;} .departure li .box .txtArea {display:block; margin-top:10px; height:50px; font-family:GongGothic; color:var(--IDTcolor); font-size:18px; line-height:22px; font-weight:900; letter-spacing:-1px;} .en .departure li .box .txtArea {font-family:celmonKr; font-size:16px; line-height:20px; font-weight:900; letter-spacing:-1px;} .cn .departure li .box .txtArea {font-family:celmonKr; font-size:16px; line-height:20px; font-weight:900; letter-spacing:-1px;} .ru .departure li .box .txtArea {font-family:celmonKr; font-size:16px; line-height:20px; font-weight:900; letter-spacing:-1px;} .mg .departure li .box .txtArea {font-family:celmonKr; font-size:16px; line-height:20px; font-weight:900; letter-spacing:-1px;} @media screen and (max-width:997px) { .departure li:before {position:absolute; top:inherit !important; bottom:5px; left:calc(50% - 6px); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';} .departure li .box {min-height:auto; font-size:16px; margin:5px 0px 30px 0px; padding:4% 0;} .departure li .box .iconArea img{text-align:center; width:20%; height:auto;} } .visaAccentBox {text-align:center; padding:20px 30px; border-radius:20px; background: #fff; margin-bottom:30px; border:2px dashed var(--IDTcolor);} /* [05. 광주의료관광지원센터] - 광주의료관광소개(건강도시 광주) */ .mbox {float:left; position:relative; display:block; background:#FFF; border:1px solid #EEE; padding:30px; border-radius:5px; -webkit-box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%);} .mbox:after {clear:both; content:'';} .mbox.div3 {display:block; width:calc(33.333% - 20px); margin:0 30px 30px 0;} .mbox.div3:nth-of-type(3), .mbox.div3:nth-of-type(6) {margin-right:0px;} @media screen and (max-width:997px) { .mbox.div3 {width:calc(50% - 15px); margin:0 30px 30px 0;} .mbox.div3:nth-of-type(2) {margin-right:0px !important;} .mbox.div3:nth-of-type(3) {margin-right:30px !important;} .mbox.div3:nth-of-type(4) {margin-right:0px !important;} .mbox.div3:nth-of-type(6) {margin-right:0px !important;} } @media screen and (max-width:517px) { .mbox.div3 {width:100%; margin:0 0px 30px 0 !important;} } .rankingBox {position:absolute; top:0; left:0; font-weight:700; display:inline-block; background-color:var(--IDTcolor); color:#FFF; padding:8px 20px; border-radius:8px 0 8px 0;} .imginBox {display:block; margin-bottom:20px; padding:10px; width:100%; border:1px solid #EEE; background:radial-gradient(#FFF 20% , #F5F5F5 , #DDD)} /* [05. 광주의료관광지원센터] - 광주의료관광소개(특장점) */ .featuresBox {position:relative; width:100%;} .featuresBox .fbox {float:left; overflow:hidden; width:calc(50% - 10px); padding:20px; border:1px solid #EEE; border-radius:5px; -webkit-box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%);} .featuresBox .fbox.left {margin:0 20px 20px 0;} .featuresBox .fbox.right {margin:0 0 20px 0;} .featuresBox img {float:left; width:110px; height:110px; margin-right:5%; background-color:var(--IDTcolor); border-radius:10px;} .featuresBox dl {line-height:27px; margin-top:3%;} .featuresBox dl dt {font-size:20px; color:#222; font-family:GongGothic;} .featuresBox dl dd {font-size:16px; color:#666; font-weight:500;} @media screen and (max-width:997px) { .featuresBox .fbox {text-align:center;} .featuresBox img {float:none; width:50%; height:50%; margin-right:0; overflow:hidden} .featuresBox dl {margin-top:3%;} .featuresBox dl dt {font-size:15px;} .featuresBox dl dd {font-size:14px; line-height:20px;} } .en .featuresBox dl dt {font-size:18px; font-family:celmonKr; font-weight:700} .cn .featuresBox dl dt {font-size:18px; font-family:celmonKr; font-weight:700} .ru .featuresBox dl dt {font-size:18px; font-family:celmonKr; font-weight:700} .mg .featuresBox dl dt {font-size:18px; font-family:celmonKr; font-weight:700} /* [01. 회사소개] - 인사말 */ .ceo_img {position:relative; overflow:hidden; padding:6.2% 8%; background:url(/img/sub/0101_01.png) top center no-repeat; background-size:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .ceo_img .tit {color:#FFF;} .ceo_img .tit h4 {font-size:42px; font-weight:100; letter-spacing:5px; font-family:celmonHG; color:rgba(255,255,255,0.4);} .ceo_img .tit h3 {font-size:28px; line-height:1.3; font-family:GongGothic; padding:0 0 3% 0;} .ceo_img .tit p {font-size:20px;} .text_box {display:flex; overflow:hidden; padding:3% 0; line-height:160%; font-size:17px; font-weight:500; color:#757575; letter-spacing:-1px;} .text_box > li {width:48%; line-height:1.8;} .text_box100 {display:flex; overflow:hidden; padding:3% 0; line-height:160%; font-size:17px; font-weight:500; color:#757575; letter-spacing:-1px;} .text_box100 > li {width:100%; line-height:1.8;} .ceo_sign {display:inline-block; width:100%; text-align:center; color:#333; font-size:23px; float:right; margin-top:3%; font-weight:600;} .ceo_sign span {overflow:hidden; } .ceo_sign span img {margin-top: -15px;} @media screen and (max-width:997px) { .ceo_img {background-size:cover;} .ceo_img .tit h4 {font-size:32px;} .ceo_img .tit h3 {font-size:18px; line-height: 1.3;} .ceo_img .tit p {font-size:15px;} .text_box {line-height:160%; font-size:14px;} .text_box > li {width:100%; margin-bottom:20px;} .ceo_sign {padding:3% 2%; font-size:18px;} .ceo_sign span img {margin-top:10px;} } /* [05. 광주의료관광지원센터] - 광주의료관광지원센터 소개(ONE-STOP SERVICE) */ .obox {float:left; position:relative; display:block; background:#FFF; border:1px solid #EEE; padding:0px; border-radius:5px; -webkit-box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%);} .obox:after {clear:both; content:'';} .obox.div3 {display:block; width:calc(33.333% - 70px); margin:0 60px 60px 0;} .obox.div3:nth-of-type(4), .obox.div3:nth-of-type(5), .obox.div3:nth-of-type(6) {margin-bottom:0px !important;} .ossWrap {display:inline-block; width:100%; background-color:#EEE; padding:60px;} .ossWrap li dl {text-align:center; line-height:48px;} .ossWrap li dl dt {font-family:GongGothic; font-weight:400; font-size:22px; background-color:var(--IDTcolor); border-radius:5px 5px 0 0; padding:6% 0 4% 0; color:#fff; line-height:48px;} .ossWrap li dl dt img {text-align:center; width:30%; height:auto;} .ossWrap li dl dd {font-weight:500; font-size:18px; letter-spacing:-1px; line-height:32px; padding:7%;} .ossWrap > li:before {position:absolute; top:calc(50% - 12px); right:-45px; width:20px; height:20px; border:5px solid var(--IDTcolor); border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';} .ossWrap > li:last-child:before {border:none !important;} @media screen and (max-width:997px) { .obox.div3 {width:100%; margin:0 0px 30px 0 !important;} .obox.div3:nth-of-type(4) {margin-bottom:30px !important;} .obox.div3:nth-of-type(5) {margin-bottom:30px !important;} .obox.div3:nth-of-type(6) {margin-bottom:0px !important;} .ossWrap {width:100%; background-color:#EEE; padding:20px;} .ossWrap li dl dt {font-size:18px; padding:6% 0 4% 0; color:#fff; line-height:48px;} .ossWrap li dl dd {font-size:16px; line-height:32px; padding:7%;} .ossWrap > li:before {top:inherit !important; bottom:-22px; left:calc(50% - 6px); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';} } .en .ossWrap li dl dt {font-family:celmonKr; font-weight:600; font-size:18px; line-height:24px;} .cn .ossWrap li dl dt {font-family:celmonKr; font-weight:600; font-size:18px; line-height:24px;} .ru .ossWrap li dl dt {font-family:celmonKr; font-weight:600; font-size:18px; line-height:24px;} .mg .ossWrap li dl dt {font-family:celmonKr; font-weight:600; font-size:18px; line-height:24px;} .en .ossWrap li dl dd {font-weight:500; font-size:16px; line-height:22px;} .cn .ossWrap li dl dd {font-weight:500; font-size:16px; line-height:22px;} .ru .ossWrap li dl dd {font-weight:500; font-size:16px; line-height:22px;} .mg .ossWrap li dl dd {font-weight:500; font-size:16px; line-height:22px;} /* [05. 광주의료관광지원센터] - 광주의료관광지원센터 소개(의료관광 안심케어 보험) */ .obox2 {float:left; position:relative; display:block; background:#FFF; border:1px solid #EEE; padding:0px; border-radius:5px; -webkit-box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%);} .obox2:after {clear:both; content:'';} .obox2.div3 {display:block; width:calc(33.333% - 50px); margin:0 60px 0px 0;} .obox2.div3:nth-of-type(3) {margin-right:0px !important;} @media screen and (max-width:997px) { .obox2.div3 {width:100%; margin:0 0px 30px 0 !important;} .obox2.div3:nth-of-type(3) {margin-bottom:0px !important;} } .cafeBox {border:1px solid #d8d8d8; margin-top:3%; padding: 2% 2%; background-color:#FFF;} .cafeBox ul li {font-size:14px;} .cafeBox p {font-size:14px; padding-left:22px;} .cafeBox > .ul_style > li.pointList:before {font-size:16px !important; background-color:transparent !important;} /* [05. 광주의료관광지원센터] - 광주의료관광지원센터 소개(제공서비스) */ .serviceWrap {width:100%; background:#EEE; padding:60px;} .serviceOrgaBox {overflow:hidden; border:1px #DDD; padding:50px; border-radius:20px; background: #fff; margin-bottom:30px;} .serviceOrgaBox:last-child {margin-bottom:0px;} .serviceOrgaBox .logo {float:left; width:30%; margin:0 auto; padding:30px 0px 0 0px; text-align:center;} .serviceOrgaBox .logo img {text-align:center} .serviceOrgaBox .txt_cont {float:left; width:70%;} .serviceOrgaBox .txt_cont .orga_name {font-size:23px; color:#222; line-height:28px; font-weight:700; letter-spacing:-1px; padding:0 0 10px 0px; margin-bottom:10px;} .serviceOrgaBox .txt_cont .orga_name .ogtel {color:#3597dc; padding-left:20px; font-size:23px} @media screen and (max-width:997px) { .serviceWrap {padding:10px 10px;} .serviceOrgaBox {padding:10px 10px 30px 10px;} .serviceOrgaBox .logo {width:100%; text-align:center; padding:30px 0;} .serviceOrgaBox .txt_cont {width:100%} .serviceOrgaBox .txt_cont .orga_name {text-align:center; font-size:20px;} .serviceOrgaBox .txt_cont .orga_name .ogtel {display:block; padding-left:0px;} } .serviceCareBox {padding:20px 30px; border-radius:20px; background: #fff; margin-bottom:30px;} .ossWrap.type2 {background-color:transparent; padding:30px;} /* [05. 광주의료관광지원센터] - 광주의료관광지원센터소개 - 광주의료관광 BI 소개 */ .bi_wrap {background:url('/img/sub/050205_01bg.png') center center repeat; text-align:center; border:1px solid #d2d2d2;} .bi_wrap.type2 {width:45%; float:left; box-sizing:border-box;} .bi_wrap img {margin:0 auto; text-align:center; padding:80px 0;} .define_wrap {position:relative; width:100%; min-height:600px; margin:50px 0; padding:40px 0; text-align:center; } .define_wrap i {left:6px; top:-30px} .define_wrap img {text-align:center; margin:0 auto;} .define_wrap span {display:inline-block; border-radius:50%; width:310px; height:310px; color:#fff; font-weight:500; padding:120px 0 0 0; box-sizing:border-box; text-align:center; font-size:45px; line-height:26px} .define_wrap span.cir1 {position:absolute; left:370px; background:#777; line-height:40px;} .define_wrap span.cir1 em, .define_wrap span.cir2 em {font-size:17px !important; line-height:10px !important;} .define_wrap span.cir2 {position:absolute; left:765px; background:var(--IDTcolor); line-height:40px;} .btn_logo_download {overflow:hidden; width:100%;} .btn_logo_download:hover {background-color:#2e4f8e} .btn_logo_download a {display:block; width:100%; text-align:center; padding:22px 0px 22px 0px; color:#FFF; font-size:18px;} .btn_logo_download li {float:left; width:50%;} .btn_logo_download li:hover a {color:#FFF; text-decoration:none} .btn_logo_download li a i {vertical-align: -3px; margin-left:10px;} .btn_logo_download li:first-child a {background:#737678;} .btn_logo_download li:last-child a {background:var(--IDTcolor);} .concept_wrap {position:relative; width:100%; overflow:hidden; border-top:2px dashed #bebebe; padding:70px 0;} .concept_wrap img {margin:0 auto;} .concept_wrap .concept_txt {float:right; width:52%; margin-top:30px;} .concept_wrap .concept_txt h4{margin-bottom:30px;} .concept_box {overflow:hidden;width:100%} .concept_box img {padding:0; width:100%; border-right:1px solid #DDD; border-top:1px solid #DDD; border-left:1px solid #DDD;} .concept_box dl {float:left;display:inline-block;width:23.5%; margin-right:1.5%;} .concept_box dl dt {overflow:hidden;height:250px;} .concept_box dl dd {text-align:center; font-weight:600; color:#444 !Important; background:#F5F5F5; height:50px; line-height:50px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; border-left:1px solid #DDD;} @media screen and (max-width:997px) { .bi_wrap.type2 {width:100%; box-sizing:border-box; margin-bottom: 40px;} .define_wrap {margin:20px 0 0 0; min-height:400px;} .define_wrap span {border-radius:0; width:50%; height:100px; padding:25px 0 0; font-size:24px} .define_wrap span.cir1 {position:relative; left:0; float:left; line-height:25px; margin-top:20px} .define_wrap span.cir2 {position:relative; left:0; float:left; line-height:25px; margin-top:20px} .define_wrap span.cir1 em, .define_wrap span.cir2 em {font-size:14px;} .concept_wrap .concept_txt {float:none; width:100%;} .concept_box dl {width:48%; height:auto; margin-bottom:15px;} } /* [05. 광주의료관광지원센터] - 광주의료관광지원센터소개 - 디지털 메디메카 광주 BI 소개 */ .slogan_wrap {position:relative; width:100%; min-height:200px; margin:50px 0; padding:40px 0; text-align:center; } .slogan_wrap {margin:20px 0 0 0; min-height:200px;} .concept_wrap .concept_txt.slogan {margin-top:10px;} /* [05. 광주의료관광지원센터] - 광주의료관광지원센터소개 - 성과 */ .sbox {float:left; position:relative; display:block; background:#FFF; border:1px solid #EEE; padding:30px; border-radius:5px; -webkit-box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(29 29 29 / 4%), 0 0 1px 0 rgb(0 0 0 / 15%);} .sbox:after {clear:both; content:'';} .sbox.div4 {display:block; width:calc(25% - 25px); margin:0 30px 30px 0;} .sbox.div4:nth-of-type(4), .sbox.div4:nth-of-type(8) {margin-right:0px;} @media screen and (max-width:997px) { .sbox.div4 {width:calc(50% - 15px); margin:0 30px 30px 0;} .sbox.div4:nth-of-type(2) {margin-right:0px !important;} .sbox.div4:nth-of-type(6) {margin-right:0px !important;} } @media screen and (max-width:517px) { .sbox.div4 {width:100%; margin:0 0px 30px 0 !important;} } .imginfullBox {display:block; margin-bottom:20px; padding:0px; width:100%; border:0px; background:radial-gradient(#FFF 20% , #F5F5F5 , #DDD)} /* [05. 광주의료관광지원센터] - 찾아오시는 길 */ .locationPage > H2 {display:block; margin-bottom:30px; font-family:celmonHG; font-size:44px; line-height:110%; font-weight:900; letter-spacing:-0.5px; color:#222; text-transform:uppercase;} .locationPage .info {max-width:440px; font-size:15px; font-weight:500; color:#666; margin-top:20px;} .locationPage .info span {width:90px;} .locationPage .info li {display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom: 9px;} .locationPage .tit {margin-bottom:22px; color:#222; font-weight:700; letter-spacing:-1px;} @media screen and (max-width:997px) { .locationPage {margin-bottom:30px;} .locationPage > H2 {margin-bottom:20px; font-size:32px;} } /* [05. 광주의료관광지원센터] - 국내외 홍보사무소 연락처 */ .PRofficeWRAP {position:relative; width:100%; padding:50px 0 30px 0; background: rgb(12,97,213); background: radial-gradient(circle, rgba(12,97,213,1) 0%, rgba(22,40,84,1) 100%);} .PRoffice_title {position:absolute; text-align:center; font-size:16px; font-weight:700; color:#fff; background-color:var(--IDTcolor); border-radius:20px; padding:8px 20px; top:40px; left:50%; -ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%);} /******************************************************************************************************************************************* * 사전신청 *******************************************************************************************************************************************/ .tcate {float:left; padding-bottom:15px; width:100%;} .tcate .tcate-list {width:100%; margin:0; padding:0; list-style:none; border:0; background-color:transparent; overflow:hidden; border-bottom:1px solid #EEE;} .tcate .tcate-list li {display:inline-block; *display:inline;zoom:1; margin:0; padding:0; border:0; list-style:none;} .tcate .tcate-list li::before, .tcate .tcate-list li::after {display:none;} .tcate .tcate-list li a {display:block; padding:10px 15px; margin-right:25px; font-size:16px; font-weight:900; border:0; border-bottom:2px solid transparent; text-decoration:none; color:#515151;} .tcate .tcate-list li.selected a {border-bottom:2px solid var(--IDTcolor); color:var(--IDTcolor);} .tcate-list-itembox {float:left; display:inline-block; width:calc(50% - 15px); padding:30px; margin:0 30px 30px 0; border:1px solid #EEE; background-color:#FFF;} .tcate-list-itembox:nth-child(2n) {margin:0 0px 30px 0;} .tcate-list-itembox .tcate-list-title {width:100%; margin-bottom:20px; font-family:GongGothic; font-weight:900; font-size:20px; color:#111;} .tcate-list-itembox .tcate-list-thumbnail {float:left; width:35%;} .tcate-list-itembox .tcate-list-content {float:left; width:calc(65% - 30px); padding-left:30px; font-size:16px; font-weight:500;} .tcate-list-itembox .tcate-list-content ul {list-style-position:inside; margin:0; word-break: break-all;} .tcate-list-itembox .tcate-list-content li {list-style-type:square; margin:0 0 10px 20px; line-height:24px;} .tcate-list-itembox .tcate-list-content li.none{list-style:none;} .tcate-list-thumbnail img {width:100%; height:auto; max-width:500px} a.view-detail {display:inline-block; margin-top:15px; padding:8px 20px; background-color:var(--IDTcolor); color:#FFF; font-weight:700; border-radius:0 0 15px 0} a.view-detail:hover {color:#FFF; text-decoration:none; background-color:var(--IDTcolor-darker);} a.view-detail.gend {background-color:#999;} a.app_confirm {display:inline-block; margin-top:15px; margin-left:5px; padding:8px 20px; background-color:var(--deepsky_color); color:#FFF; font-weight:700; border-radius:0 0 15px 0} a.app_confirm:hover {color:#FFF; text-decoration:none; background-color:var(--deepsky2_color);} .tcate-list-itembox .tcate-list-content li.none a.view-detail {margin-left:-20px;} @media screen and (max-width:997px) { .tcate .tcate-list {margin:20px 0 0 0;} .tcate-list-itembox {position:relative; width:100%; padding:15px;} .tcate-list-title {font-size:18px; font-weight:600; color:#333;} .tcate-list-itembox .tcate-list-content {font-size: 14px;line-height: 24px;} .tcate-list-itembox .tcate-list-thumbnail{width:30%;} .tcate-list-itembox .tcate-list-content {width:calc(70% - 10px); padding-left:10px;} .tcate-list-itembox .tcate-list-content li{line-height:20px;} } /******************************************************************************************************************************************* * 사전등록 이용약관 *******************************************************************************************************************************************/ #expo_show {width:100%; margin:0px 0 0 0px;} #expo_show h3 {margin:20px auto;} #expo_show .ep_show_title { margin:0 0 px 0; padding:0 0 0 0px; font-size:20px; font-weight:bold;} #expo_show .ep_show_box { margin:0 0 30px 0; width:100%;} #expo_show .ep_show_box .dc_scroll { line-height:17px; overflow:auto; border:1px solid #d6dbde; color:#513d27; height:230px; padding:15px 20px; } #expo_show .ep_show_box ul{margin:15px 0 5px 0;} #expo_show .ep_show_box ul p{font-size: 16px;font-weight:bold; display: block;border-bottom: 1px solid #ddd; padding-bottom: 8px; margin-bottom: 5px;} #expo_show .ep_show_box ul li{font-size: 14px; line-height:25px;} #expo_show .ep_show_agree { height:52px; line-height:52px; padding:0 20px;text-align: right;color: #555; background: #f5f5f5d9; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} #expo_show .btn_ok{position: relative;bottom: inherit;left: inherit;width: 120px;height: 41px;margin: 0 auto;padding: 0;border-top: solid 1px #6f6f6f;border-right: solid 1px #6f6f6f;border-bottom: solid 1px #6f6f6f;border-left: solid 1px #6f6f6f;background:url(../img/sub/bg_button_ok.gif) repeat-x;text-align: center;font-size: 13px;font-weight:bold;;color: #fff;line-height: 41px;cursor: pointer;} #expo_show .etc{margin:20px 0 20px 0;} #expo_show .etc dl dt{float:left; width:80px;height:63px; font-weight:bold;font-size:14px;text-align:center; padding:0 10px; color:red;} #expo_show .etc dl dd{width:600px; height:20px; font-size:14px;padding:0 10px; } #expo_show .etc dd label{margin:0 10px 10px 5px;} /****************************************************************************************************************************************** * 메디웰 부스관, 의료헬스케어관 /******************************************************************************************************************************************/ .boothWRAP {display:block; width:100%; padding:30px 0px 30px 0px;} /* booth Youtube */ .boothArea {position:relative; margin-bottom:4.5rem;} .boothArea .oehVideo {position:absolute; top:30%; left:28%; width:47%;} .boothArea .oehVideo iframe {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; border:0 none transparent;} .boothArea .oehLogo {position:absolute; display:flex; align-items:center; justify-content:center; top:27%; right:5.6%; width:17%; max-width:180px; height:auto;} .boothArea img {position:relative; max-width:100%; height:auto; text-align:center; z-index:1;} .boothArea img.noimg {position:absolute; z-index:2; top:50%;left: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .mediaBox {overflow:hidden; position:relative; height:0; padding-top:56.25%;} .mediaBox iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0 none transparent; z-index:1;} [data-object-fit='cover'] {object-fit:cover; width:100%; height:100%;} [data-object-fit='contain'] {object-fit:contain; width:100%; height:100%;} @media screen and (max-width:1332px) { .boothArea .oehLogo {width:13%; right:6%;} } @media screen and (max-width:997px) { .boothArea .oehLogo {width:10%; right:7%;} } /* 02.Summary */ .boothWRAP .summaryWRAP {display:inline-block; width:100%;} .boothWRAP .summaryWRAP_thum {float:left; position:relative; width:calc(50% - 40px); height:350px; border:1px solid #EEE; overflow:hidden; } .boothWRAP .summaryWRAP_list {float:left; width:calc(50% - 110px); margin:0; padding:0px 40px;} .boothWRAP .summaryWRAP_qr {float:right; width:150px} .boothWRAP .summaryWRAP_thum img {position:absolute; top:50%; left:50%; width:auto; width:100%; max-width:690px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .boothWRAP .summaryWRAP_qr .qrBox {float:right; display:inline-block; width:150px; height:150px; border:2px solid #000;} .boothWRAP .summaryWRAP_qr .qrBox img{width:146px; height:146px;} @media screen and (max-width:980px) { .boothWRAP .summaryWRAP_thum {float:none; width:100%; min-height:500px; margin:0 auto} .boothWRAP .summaryWRAP_list {float:none; width:100%; margin:0px 0px;} .boothWRAP .summaryWRAP_qr {float:none; width:100%; margin:0 auto; text-align:center;} .boothWRAP .summaryWRAP_qr .qrBox {float:none; margin:20px auto;} } @media screen and (max-width:500px) { .boothWRAP .summaryWRAP_thum {float:none; width:100%; min-height:300px; margin:0 auto} } /* 03.Introduce */ .boothWRAP .introWRAP {display:inline-block; width:100%; margin:40px auto 0 auto;} .boothWRAP .thum_box {float:left;position:relative;width:530px;height:290px;overflow:hidden} .boothWRAP .thum_box ul li img {width:100%} .detail_view_wrap {clear:both;padding:35px 0 20px 0} .detail_view_wrap .h3_detail{font-size:18px;color:#222;line-height:25px;padding-bottom:20px;border-bottom:1px solid #ddd} .detail_view {padding-top:30px}