/* **************************************** * * 국제회의 복합지구 * **************************************** */ .new_modify .info_dcvd dl.title{ width:100%; overflow:hidden; text-align:center; position:absolute } .new_modify .movie dl.title {position:relative;} .new_modify .info_dcvd .graph{ /* float:right; */ width:100%; overflow:hidden;} .new_modify .map {width:100%; overflow:hidden;} .new_modify .newt_in{float:left ; width:calc(100% - 580px) !important; overflow:hidden; text-align:left !important;} .important2_desc, .new_modify .info_dcvd dl.title dd {width:100%; margin-bottom:30px } .new_modify .info_dcvd dl.title dd p, .important2_desc2{padding-bottom:2%; width:90%} .new_modify .info_dcvd dl.title dd.important p{padding:0px;font-weight: 500 !important; } .new_modify .info_dcvd dl.title dd.important p span { font-size: 26px; font-weight:500; line-height: 40px;} .int01 { font-size:35px; line-height:1.4; padding-bottom:20px;} .info_dcvd dl.title {margin-bottom:70px;} .info_dcvd dl.title dt { font-size:55px; font-weight:600; color:#12a4ad; letter-spacing:2px; line-height:1.3; font-family: 'Anton', sans-serif;} .info_dcvd dl.title dt span { display: block; color: #12a4ad; padding-top:3%; padding-bottom:30px} .info_dcvd dl.title dt span img{ display: block; } .info_dcvd dl.title dd { } .info_dcvd dl.title dd span { } /*0210*/ .info_dcvd dl.title dd span.point { color:#12a4ad;} /*0210*/ .info_dcvd dl.title dd:nth-child(2) {font-weight:600; margin:20px 0 30px; } .info_dcvd .graph {overflow:hidden;} .info_dcvd .graph > div { float:right; width:16.66%; margin-right:16.66%; } .info_dcvd .graph .cont1 {width:33.32%; margin-right:0;} .info_dcvd .graph h4 { position:relative; font-size:25px; text-align:center; padding-bottom:60px;} .info_dcvd .graph h4::before {content:''; position:absolute; left:50%; top:60px; width:10px; height:10px; margin-left:-5px; border-radius:50%; background:#009cb8;} .info_dcvd .graph h4::after {content:''; position:absolute; left:50%; top:45px; width:1px; height:17px; background:#009cb8;} .info_dcvd .graph .cont3 h4::before {top:330px;} .info_dcvd .graph .cont3 h4::after {height:290px;} .info_dcvd .graph .cont3 ul { padding-top:270px !important; } .info_dcvd .graph li { position:relative; padding:10px;} .info_dcvd .graph li::before {content:''; position:absolute; right:-100%; top:50%; width:100%; height:50px; margin-top:-25px; background:url('/images/sub/info_dcvd_arrow.jpg') no-repeat center; background-size:100%; } .info_dcvd .graph .cont1 li::before {display:none;} .info_dcvd .graph li div { display:flex; align-items:center; background:#0db299; border-radius:50%; height:230px; } .info_dcvd .graph li p { font-size:25px; color:#fff; text-align:center; line-height:1.3; width:100%; padding:0 20px; } .info_dcvd .graph li p span.small {display:block; font-size:18px; margin-top:10px;} .info_dcvd .graph .cont1 li {float:left; width:50%; } .info_dcvd .graph .cont1 ul:nth-child(2) li div {background:#828282; } .info_dcvd .graph .cont1 ul:nth-child(3) li div {background:#a2a2a2; } .info_dcvd .graph .cont1 ul:nth-child(4) li div {background:#bcbcbc; } .info_dcvd .graph .cont1 li strong {display:block;} .info_dcvd .graph .cont2 li:nth-child(2) div {background:#049ec0; } .info_dcvd .graph .cont2 li:nth-child(3) div {background:#09b1cd; } .info_dcvd .graph .cont2 li:nth-child(4) div {background:#0ec4da; } .info_dcvd .map {overflow:hidden; margin:100px 0 30px; display:none} .info_dcvd .map .left { float:left; width:50%; font-size:25px; } .info_dcvd .map .left dt {font-weight:600; margin:70px 0 50px; } .info_dcvd .map .left dt p:first-child { color:#12a4ad; } .info_dcvd .map .right { position:relative; float:right; width:50%; font-size:16px; } .info_dcvd .map .right .tab p {position:absolute; left:-7px; top:41%; color:#ff3300; padding:2px 0 2px 40px; z-index:10; } .info_dcvd .map .right .tab p::before {content:''; position:absolute; left:0; top:50%; margin-top:-13.5px; width:27px; height:27px; background:#f39105; border-radius:50%; } .info_dcvd .map .right .tab p.type2 { left:-13px; top:47%; color:#006666;} .info_dcvd .map .right .tab p.type2::before { background:#006666; } .info_dcvd .map .right .tab p.type3 { left:-13px; top:53%; color:#666600; } .info_dcvd .map .right .tab p.type3::before { background:#666600; } .info_dcvd .map .right .tab p.type4 { top:59%; color:#339900; } .info_dcvd .map .right .tab p.type4::before { background:#339900; } .info_dcvd .map .right .pin p { position:absolute; color:#ff3300; width:100px; padding-top:70px; line-height:1.2; text-align:center; z-index:10; } .info_dcvd .map .right .pin p span { background-color: #FFF; color: #000; font-size: 12px; padding: 5px; display: block; width: 70px; margin: 0 auto; font-weight: 300; color: #003366;} .info_dcvd .map .right .pin p::before {content:''; position:absolute; left:50%; top:0; width:66px; height:66px; margin-left:-33px; background:url('/images/sub/info_dcvd_icon.png') no-repeat 0 0; } .info_dcvd .map .right .pin p.type2 { color:#006666; } .info_dcvd .map .right .pin p.type2::before { background-position:-66px 0;} .info_dcvd .map .right .pin p.type3 { color:#666600; } .info_dcvd .map .right .pin p.type3::before { background-position:-132px 0;} .info_dcvd .map .right .pin p.type4 { color:#339900; } .info_dcvd .map .right .pin p.type4::before { background-position:-198px 0;} .info_dcvd .map .right .pin .icon1 { top:10%; left:63%; } .info_dcvd .map .right .pin .icon2 { top:23%; left:54%; } /*0215*/ .info_dcvd .map .right .pin .icon3 { top:42%; left:50%; } .info_dcvd .map .right .pin .icon4 { top:66%; left:54%; } .info_dcvd .map .right .pin .icon5 { top:70%; left:43%; } .info_dcvd .map .right .pin .icon6 { top:5%; left:43%; } .info_dcvd .map .right .pin .icon7 { top:12%; left:31%; } .info_dcvd .map .right .pin .icon8 { top:20%; left:41%; } .info_dcvd .movie .title {text-align:center;} .info_dcvd .movie .title p { font-weight:600; } .info_dcvd .movie .title p span { color:#12a4ad;} .info_dcvd .movie iframe {width:100%; height:700px; } /*0315*//*추가시작*/ .info_dcvd .vr1_d { display:inline-block; float:left; margin-right: 20px} .info_dcvd .vr1 { display:inline-block; } .info_dcvd .downloadPop.on, .info_dcvd .vr.on { z-index:600; } .info_dcvd .vr iframe { width: 100%; height: 500px; } .info_dcvd .vr .youbtn_ul { margin-top: 40px; } .info_dcvd .vr .youbtn_ul li a { display: flex; align-items: center; width: 150px; height: 150px; color: rgb(255, 255, 255); background: rgb(204, 204, 204); margin: 0px auto; font-size: 20px; border-radius: 50%; } .info_dcvd .vr .youbtn_ul li a span { width: 100%; text-align: center; line-height: 1.2; } .info_dcvd .vr .youbtn_ul li.on a { background: rgb(13, 178, 153); } .info_dcvd .vr .youbtn_ul a.slick-arrow { position: absolute; right: -30px; top: 50%; margin-top: -32.5px; display: block; background: url("../img/main/arrow.png") -65px 0px no-repeat rgb(255, 255, 255); width: 65px; height: 65px; text-indent: -9999px; } .info_dcvd .vr .youbtn_ul a.slick-arrow.prev { left: -30px; right: auto; transform: rotate(180deg); } /*20210610*//*추가시작*/ .map_district { width:100%; text-align:center; overflow:hidden; position:relative} .map_district .map_district_icon { max-width:1500px; height:900px; margin: 0 auto; position:relative; background:url('/images/sub/mice_map.gif') no-repeat top center; background-size:100% } .map_district .map_d_01 { top:36%; left:15%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 8s steps(30, end) infinite both;} .map_district .map_d_02 { top:31%; left:10%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 20s steps(30, end) infinite both;} .map_district .map_d_03 { top:46%; left:28%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 8s steps(30, end) infinite both;} .map_district .map_d_04 { top:38%; left:30%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 20s steps(30, end) infinite both;} .map_district .map_d_05 { top:48%; left:20%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 8s steps(30, end) infinite both;} .map_district .map_d_06 { top:58%; left:30%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 20s steps(30, end) infinite both;} .map_district .map_d_07 { top:72%; left:30%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 8s steps(30, end) infinite both;} .map_district .map_d_08 { top:57%; left:45%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 20s steps(30, end) infinite both;} .map_district .map_d_09 { top:31%; left:60%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 8s steps(30, end) infinite both;} .map_district .map_d_10 { top:21%; left:72%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 20s steps(30, end) infinite both;} .map_district .map_d_11 { top:12%; left:75%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 8s steps(30, end) infinite both;} .map_district .map_d_12 { top:14%; left:45%; position:absolute; display:block; -webkit-animation: vibrate-1 2s linear 3s infinite both; animation: vibrate-1 5s linear 2s infinite both;} .map_district .map_d_13 { top:24%; left:85%; position:absolute; display:block;-webkit-animation: vibrate-1 1.5s linear 2s infinite both; animation: vibrate-1 3s linear 2s infinite both;} .map_district .map_d_14 { top:-24%; left:-15%; position:absolute; display:block; -webkit-animation: slide-br 10s cubic-bezier(0.250, 0.460, 0.450, 0.3040) both; animation: slide-br 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} .map_district .map_d_15 { top:0%; left:-5%; position:absolute; display:block; -webkit-animation: slide-br 5s cubic-bezier(0.250, 0.460, 0.450, 0.3040) both; animation: slide-br 15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} .map_district .map_d_16 { top:46%; left:37%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both; animation: shake-vertical 8s steps(30, end) infinite both;} @media (max-width: 1500px) { .info_dcvd .vr iframe { height: 400px; } .info_dcvd .vr .youbtn_ul li a { width: 120px; height: 120px; } .map_district {display:none} .info_dcvd .map {display:none} } @media (max-width: 1250px) { .info_dcvd .vr .youbtn_ul { padding: 0px 40px; } .map_district {display:none} .info_dcvd .map {display:none} } @media (max-width: 1024px) { .new_modify .map, } @media (max-width: 768px) { .info_dcvd .vr iframe { height: 300px; } .info_dcvd .vr .youbtn_ul { margin-top: 20px; } .info_dcvd .vr .youbtn_ul li a { width: 100px; height: 100px; font-size: 16px; } .map_district {display:none} } @media (max-width: 480px) { .info_dcvd .vr iframe { height: 200px; } .info_dcvd .vr .youbtn_ul li a { width: 80px; height: 80px; font-size: 14px; } .map_district {display:none} } /*0315*//*추가끝*/ @media all and (max-width:1200px){ .info_dcvd .graph li div {height:170px;} .info_dcvd .graph li p {font-size:20px;} .info_dcvd .graph li p span.small {font-size:14px; margin-top:5px;} } @media all and (max-width:1023px){ .info_dcvd dl.title dt {font-size:50px;} .info_dcvd dl.title dd:nth-child(2) {margin:30px 0 20px; } .info_dcvd dl.title dd {font-size:25px;} .info_dcvd dl.title dd span {display:inline;} .info_dcvd .graph > div {width:100% !important; margin-right:0; padding-top:120px;} .info_dcvd .graph .cont3 h4::after {height:17px;} .info_dcvd .graph .cont3 h4::before {top:60px;} .info_dcvd .graph li {float:left; width:33.33%;} .info_dcvd .graph li::before { width:100px; top:-100%; right:50%; margin:0 -50px 0 0; transform:rotate(-90deg); background-size:auto; background-position:left center; } .info_dcvd .graph li div {border-radius:30px;} .info_dcvd .graph .cont1 {padding-top:0;} .info_dcvd .graph .cont1 ul {float:left; width:33.33%; } .info_dcvd .graph .cont1 li {width:100%;} .info_dcvd .graph .cont3 ul {padding-top:0 !important; margin:0 auto; width:33.33%; } .info_dcvd .graph .cont3 li {width:100%;} .info_dcvd .map {margin:30px 0; display:contents} .info_dcvd .map .left {font-size:25px;} .info_dcvd .map .left dt {margin:0 0 30px;} .info_dcvd .map .right .tab p { top:39%;} .info_dcvd .map .right .tab p span { background-color: #FFF; color: #000; font-size: 12px; padding: 5px; display: block; width: 70px; margin: 0 auto; font-weight: 300; color: #003366;} .info_dcvd .map .right .tab p.type2 { top:46%; } .info_dcvd .map .right .tab p.type3 { top:54%; } .info_dcvd .map .right .tab p.type4 { top:61%; } .info_dcvd .map .right .pin p {padding-top:40px;} .info_dcvd .map .right .pin p::before {width:35px; height:35px; margin-left:-17.5px; background-size:auto 35px; } .info_dcvd .map .right .pin p.type2::before { background-position:-35px 0;} .info_dcvd .map .right .pin p.type3::before { background-position:-70px 0;} .info_dcvd .map .right .pin p.type4::before { background-position:-105px 0;} } @media all and (max-width:768px){ .info_dcvd dl.title {margin-bottom:40px;} .info_dcvd dl.title dt {font-size:35px; letter-spacing:-1px; } .info_dcvd dl.title dd {font-size:20px;} .info_dcvd .graph > div {padding-top:80px;} .info_dcvd .graph li::before {width:50px; margin:0 -25px 0 0; top:-110%;} .info_dcvd .graph li p {font-size:18px;} .info_dcvd .graph li div {height:130px;} .info_dcvd .map .left { float:none; width:100%; font-size:20px;} .info_dcvd .map .right { float:none; width:500px; margin:40px auto 0;} .info_dcvd .movie iframe {height:500px;} } @media all and (max-width:560px){ .info_dcvd .map .right { font-family:sans-serif; width:100%; font-size:12px;} .info_dcvd .map .right .tab p { left:5px !important;} .info_dcvd .map .right .pin p {width:50px !important; font-size:12px; padding-top:35px;} /*0215*/ .info_dcvd .map .right .pin p::before { transform:scale(0.9);} /*0215*/ /*0215*/ } @media all and (max-width:480px){ .info_dcvd .graph li {padding:5px;} .info_dcvd .graph li p {font-size:15px; letter-spacing:-1px; padding:0;} .info_dcvd .movie iframe {height:300px;} } /*국제회의 복합지구 수정했음 이영역*/ .info_dcvd dl.title {margin-bottom:70px;} .info_dcvd dl.title dt { font-size:67px; font-weight:600; color:#1f677f; letter-spacing:-1px; line-height:1.3; } .info_dcvd dl.title dd {} /*.info_dcvd dl.title dd span { color:#0099cc;}*//*0210*/ .info_dcvd dl.title dd:nth-child(2) {font-weight:600; margin:50px 0 40px; } .info_dcvd .graph {overflow:hidden;} .info_dcvd .graph > div { float:right; width:16.66%; margin-right:16.66%; } .info_dcvd .graph .cont1 {width:33.32%; margin-right:0;} .info_dcvd .graph h4 { position:relative; font-size:20px; text-align:center; padding-bottom:60px;} .info_dcvd .graph h4::before {content:''; position:absolute; left:50%; top:60px; width:10px; height:10px; margin-left:-5px; border-radius:50%; background:#009cb8;} .info_dcvd .graph h4::after {content:''; position:absolute; left:50%; top:45px; width:1px; height:17px; background:#009cb8;} .info_dcvd .graph .cont3 h4::before {top:330px;} .info_dcvd .graph .cont3 h4::after {height:290px;} .info_dcvd .graph .cont3 ul { padding-top:270px !important; } .info_dcvd .graph li { position:relative; padding:10px;} .info_dcvd .graph li::before {content:''; position:absolute; right:-100%; top:50%; width:100%; height:50px; margin-top:-25px; background:url('/images/sub/info_dcvd_arrow.jpg') no-repeat center; background-size:100%; } .info_dcvd .graph .cont1 li::before {display:none;} .info_dcvd .graph li div { display:flex; align-items:center; background:#0db299; border-radius:50%; height:230px; } .info_dcvd .graph li p { font-size:25px; color:#fff; text-align:center; line-height:1.3; width:100%; padding:0 20px; } .info_dcvd .graph li p span.small {display:block; font-size:17px; margin-top:10px;} .info_dcvd .graph .cont1 li {float:left; width:50%; } .info_dcvd .graph .cont1 ul:nth-child(2) li div {background:#828282; } .info_dcvd .graph .cont1 ul:nth-child(3) li div {background:#a2a2a2; } .info_dcvd .graph .cont1 ul:nth-child(4) li div {background:#bcbcbc; } .info_dcvd .graph .cont1 li strong {display:block;} .info_dcvd .graph .cont2 li:nth-child(2) div {background:#049ec0; } .info_dcvd .graph .cont2 li:nth-child(3) div {background:#09b1cd; } .info_dcvd .graph .cont2 li:nth-child(4) div {background:#0ec4da; } .info_dcvd .map {overflow:hidden; margin:100px 0;} .info_dcvd .map .left { position:relative; z-index:20; float:left; width:50%; font-size:30px; }/*0215*/ .info_dcvd .map .left dt {font-weight:600; margin:70px 0 50px; } .info_dcvd .map .left dt p:first-child { color:#0099cc; } .info_dcvd .map .right { position:relative; float:right; width:50%; font-size:16px; } .info_dcvd .map .tab { padding-top:30px;} .info_dcvd .map .tab p {font-size:14px !important; line-height:22px !important; margin-bottom:10px;} .info_dcvd .map .tab p { color:#ff3300; padding:2px 0 2px 40px; z-index:10; } .info_dcvd .map .tab p::before {content:''; position:absolute; left:0; top:50%; margin-top:-13.5px; width:27px; height:27px; background:#f39105; border-radius:50%; } .info_dcvd .map .tab p.type2 { left:-13px; top:47%; color:#006666;} .info_dcvd .map .tab p.type2::before { background:#006666; } .info_dcvd .map .tab p.type3 { left:-13px; top:53%; color:#666600; } .info_dcvd .map .tab p.type3::before { background:#666600; } .info_dcvd .map .tab p.type4 { top:59%; color:#339900; } .info_dcvd .map .tab p.type4::before { background:#339900; } .info_dcvd .map .right { position:relative; text-align:center; z-index:10; }/*0215*/ .info_dcvd .map .right .pin p { position:absolute; color:#ff3300; width:130px !important; font-weight:600; z-index:2; padding-top:70px; font-size:20px; line-height:30px; text-align:center; z-index:10; } .info_dcvd .map .right .pin p::before {content:''; position:absolute; z-index:2; left:50%; top:0; width:66px; height:66px; margin-left:-33px; background:url('/images/sub/info_dcvd_icon.png') no-repeat 0 0; } .info_dcvd .map .right .pin p:after {content:''; border-radius:50%; z-index:1; position:absolute; display:inline-block; width:122px;height:122px; top:-26px; left:6px; opacity:0.2;} .info_dcvd .map .right .pin p.type2 { color:#006666; } .info_dcvd .map .right .pin p.type2::before { background-position:-66px 0;} .info_dcvd .map .right .pin p.type2:after {background:#006666; } ._file_src_video_stay {width:70%; margin: 6% auto}/*0215*/ .info_dcvd .map .right .pin p.type3 { color:#666600; } .info_dcvd .map .right .pin p.type3::before { background-position:-132px 0;} .info_dcvd .map .right .pin p.type3:after {background:#666600; } .info_dcvd .map .right .pin p.type4 { color:#339900; } .info_dcvd .map .right .pin p.type4:after {background:#339900; } .info_dcvd .map .right .pin p.type1:after{ background:#ff3300; } .info_dcvd .map .right .pin p.type4::before { background-position:-198px 0;} .info_dcvd .map .right .pin .icon1 { top:13%; left:61%; } .info_dcvd .map .right .pin .icon2 { top:26%; left:52%; } .info_dcvd .map .right .pin .icon3 { top:46%; left:50%; } .info_dcvd .map .right .pin .icon4 { top:68%; left:44%; } .info_dcvd .map .right .pin .icon5 { top:60%; left:30%; } .info_dcvd .map .right .pin .icon6 { top:13%; left:43%; } .info_dcvd .map .right .pin .icon7 { top:25%; left:28%; } .info_dcvd .map .right .pin .icon8 { top:37%; left:37%; } .info_dcvd .movie .title {text-align:center; margin-bottom:0;} .info_dcvd .movie .title p { font-weight:600; } .info_dcvd .movie .title p span { color:#0099cc;} .info_dcvd .movie video{width:100%; height:700px; } .wd100per { width:100% !important} .wd100per p{ width:100% !important; margin: 2% 0} @media all and (max-width:1200px){ .info_dcvd .graph li div {height:170px;} .info_dcvd .graph li p {font-size:20px;} .info_dcvd .graph li p span.small {font-size:14px; margin-top:5px;} } @media all and (max-width:1023px){ .info_dcvd dl.title dt {font-size:50px;} .info_dcvd dl.title dd:nth-child(2) {margin:30px 0 20px; } .info_dcvd dl.title dd {font-size:20px;} .info_dcvd .graph > div {width:100% !important; margin-right:0; padding-top:120px;} .info_dcvd .graph .cont3 h4::after {height:17px;} .info_dcvd .graph .cont3 h4::before {top:60px;} .info_dcvd .graph li {float:left; width:33.33%;} .info_dcvd .graph li::before { width:100px; top:-100%; right:50%; margin:0 -50px 0 0; transform:rotate(-90deg); background-size:auto; background-position:left center; } .info_dcvd .graph li div {border-radius:30px;} .info_dcvd .graph .cont1 {padding-top:0;} .info_dcvd .graph .cont1 ul {float:left; width:33.33%; } .info_dcvd .graph .cont1 li {width:100%;} .info_dcvd .graph .cont3 ul {padding-top:0 !important; margin:0 auto; width:33.33%; } .info_dcvd .graph .cont3 li {width:100%;} .info_dcvd .map {margin:60px 0;} .info_dcvd .map .left {font-size:25px;} .info_dcvd .map .left dt {margin:0 0 30px;} .info_dcvd .map .right .pin p {padding-top:40px;} .info_dcvd .map .right .pin p::before {width:35px; height:35px; margin-left:-17.5px; background-size:auto 35px; } .info_dcvd .map .right .pin p.type2::before { background-position:-35px 0;} .info_dcvd .map .right .pin p.type3::before { background-position:-70px 0;} .info_dcvd .map .right .pin p.type4::before { background-position:-105px 0;} } @media all and (max-width:768px){ .info_dcvd dl.title {margin-bottom:40px;} .info_dcvd dl.title dt {font-size:35px; letter-spacing:-2px; } .info_dcvd dl.title dd {font-size:20px;} .info_dcvd .graph > div {padding-top:80px;} .info_dcvd .graph li::before {width:50px; margin:0 -25px 0 0; top:-110%;} .info_dcvd .graph li p {font-size:17px;} .info_dcvd .graph li div {height:130px;} .info_dcvd .map .left { float:none; width:100%; font-size:20px;} .info_dcvd .map .right { float:none; width:500px; margin:40px auto 0;} .info_dcvd .movie iframe {height:500px;} } @media all and (max-width:560px){ .new_modify .info_dcvd dl.title dd {font-size:14px !important; } .info_dcvd .map .right { font-family:sans-serif; width:100%; font-size:12px;} } @media all and (max-width:480px){ .info_dcvd .graph li {padding:5px;} .info_dcvd .graph li p {font-size:15px; letter-spacing:-1px; padding:0;} .info_dcvd .movie iframe {height:300px;} } .new_modify .graph-new{ position:relative; float:right; overflow:hidden; margin-top:-60px; width:590px; height:590px; padding-bottom:50px; margin: 5px 0 110px; } .new_modify .graph-new div {position:absolute; z-index:4; } .new_modify .graph-new .vision {background:rgba(45, 111, 196, 0.9); border-radius:50%; height:360px; width:360px; top:160px; left:50%; color:#fff; font-weight:600; transform:translate(-50%,0%); font-size:30px; line-height:40px; z-index:4;} /*0311*/ .new_modify .graph-new .vision:after {content:''; width:450px; position:absolute; height:450px; top:-43px; left:-43px; border-radius:50%; display:block; z-index:1; background:rgba(10,63,130,0.5); opacity:0.2;} .new_modify .graph-new .vision p {position:absolute; top:50%; color:#fff; left:50%; text-align:center; transform:translate(-50%,-50%); width:80%; } /*0311*/ .new_modify .sec01{box-sizing:border-box;} .new_modify .sec01 {background:rgba(119, 86, 210, 0.9)} .new_modify .sec02 {background:rgba(45, 168, 196, 0.9)} .new_modify .sec03 {background:rgba(67, 185, 146, 0.9)} .new_modify .sec01, .new_modify .sec02 , .new_modify .sec03 {border-radius:50%; box-sizing:border-box; height:210px; width:210px;} .new_modify .sec01 div, .new_modify .sec02 div, .new_modify .sec03 div{position:Absolute; top:50%; left:50%; transform:translate(-50%,-50%)} .new_modify .sec01 {top:0; left:50% !IMPORTANT; transform:translateX(-50%) !IMPORTANT;} .new_modify .sec02{left:0%; bottom:0px;} .new_modify .sec03{RIGHT:0%; bottom:0px;} /* .new_modify .sec01:before {right:164px; top:20px;} */ /* .new_modify .sec03:before {left:50%; transform:translateY(-50%); top:0px;} */ /* .new_modify .sec02:before {left:168px; top:20px;} */ .new_modify .sec01 p , .new_modify .sec02 p , .new_modify .sec03 p {color:#fff; font-size:18px; line-height:30px; font-weight:600; text-align:center;} .new_modify .sec01 ul, .new_modify .sec02 ul, .new_modify .sec03 ul {padding-top:10px;} .new_modify .sec01 ul li, .new_modify .sec02 ul li, .new_modify .sec03 ul li{font-size:15px; font-weight:300; line-height:26px; color:#fff; text-align:center; } .new_modify .map {background:#eee; padding:30px 0px;} /*0210*/ @media all and (max-width:1400px){ .new_modify .newt_in {width: calc(100% - 600px) !important;} .new_modify .graph-new{ width:600px;} .new_modify .graph-new .vision {width:400px; height:400px;} .new_modify .graph-new .vision:after {width:500px; height:500px; left:-50px; top:-50px;} .new_modify .sec01, .new_modify .sec02, .new_modify .sec03 {width:190px; height:190px;} .new_modify .sec01 {left:170px;} } @media all and (max-width:1023px){ .new_modify .newt_in {width:100% !important;} .new_modify .info_dcvd dl.title {position:relative;} /*0311*/ .new_modify .info_dcvd dl.title dd p, .important2_desc2 {width:100%;}/*0311*/ .new_modify .graph-new{ float:none; width:600px; margin:0 auto;} .info_dcvd .map .right .pin p {font-size:15px;} .info_dcvd .map .right .pin p:after {display:none;} } @media all and (max-width:768px){ .new_modify .graph-new { width:100%; height:auto; padding-bottom:0; } .new_modify .graph-new .vision { position:relative; top:auto; left:auto; font-size:25px; width:300px; height:300px; line-height: 1.6; margin:25px auto 40px; transform:none; }/*0311*/ .new_modify .graph-new .vision:after {width:350px; height:350px; left:-25px; top:-25px; } .new_modify .sec01, .new_modify .sec02, .new_modify .sec03 { position:relative !important; width:100%; height:auto; margin-top:10px; left:auto; top:auto; right:auto; bottom:auto; border-radius:20px; } .new_modify .sec01 div, .new_modify .sec02 div, .new_modify .sec03 div {position:relative !important; width:100%; left:auto; top:auto; transform:translate(0,0); padding:20px; } .info_dcvd .map .right {margin:-120px auto 0 !important;} .int01 {font-size:25px; line-height:1.3;} } @media all and (max-width:480px){ .new_modify .info_dcvd dl.title {text-align:center !important;} /*0215*/ .new_modify .info_dcvd dl.title dd.important p {font-size:14px; line-height: 1.6; } .new_modify .info_dcvd dl.title dd.important br { display:none} .new_modify .info_dcvd dl.title dd p, .important2_desc2 {font-size:14px; line-height:1.6} .new_modify .graph-new .vision { width:200px; height:200px; font-size:18px; }/*0311*/ .new_modify .graph-new .vision:after { width:250px; height:250px; }/*0311*/ .new_modify .sec01 div, .new_modify .sec02 div, .new_modify .sec03 div {padding:10px;}/*0311*/ .new_modify .sec01 p, .new_modify .sec02 p, .new_modify .sec03 p {font-size:17px;}/*0311*/ .info_dcvd .map .left dl {text-align:center;} /*0215*/ } @-webkit-keyframes shake-vertical { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 10%, 30%, 50%, 70% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 20%, 40%, 60% { -webkit-transform: translateY(8px); transform: translateY(8px); } 80% { -webkit-transform: translateY(7.4px); transform: translateY(7.4px); } 90% { -webkit-transform: translateY(-7.4px); transform: translateY(-7.4px); } } @keyframes shake-vertical { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 10%, 30%, 50%, 70% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 20%, 40%, 60% { -webkit-transform: translateY(8px); transform: translateY(8px); } 80% { -webkit-transform: translateY(7.4px); transform: translateY(7.4px); } 90% { -webkit-transform: translateY(-7.4px); transform: translateY(-7.4px); } } @-webkit-keyframes vibrate-1 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } 100% { -webkit-transform: translate(0); transform: translate(0); } } @keyframes vibrate-1 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-5px, 5px); transform: translate(-5px, 5px); } 40% { -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); } 60% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); } 80% { -webkit-transform: translate(5px, -5px); transform: translate(5px, -5px); } 100% { -webkit-transform: translate(0); transform: translate(0); } } .info_dcvd dl.title dt span img {width:80%; max-width:600px;} /*웹*/ @media (min-width:1024px) { .info_dcvd dl.title dd {font-size:17px; line-height:30px;} .info_dcvd .moive dl.title dd {font-size:30px; line-height:30px;} } /*패드 모바일*/ @media (max-width:1024px) { .new_modify .map {display:none} /* font-size: 27px; line-height: 39px; padding-bottom: 40px */ } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .info_dcvd dl.title dd {font-size:17px; line-height:30px;} } /*모바일*/ @media (max-width:640px) { .new_modify .info_dcvd .wrap {padding-bottom:50px;} .new_modify .info_dcvd dl.title dd.important p, .new_modify .info_dcvd dl.title dd.important p span { font-size:21px; line-height:37px;} .info_dcvd dl.title dt span {text-align:center; display:block;width:100%;} .info_dcvd dl.title dt span img {width:100%;} } /* **************************************** * * legacy_wrap * ****************************/ .legacy_wrap .intro { box-sizing:border-box; position:relative; } .legacy_wrap .intro:before{content:'intro'; color:rgba(0,0,0,0.1); z-index:-1;} .legacy_wrap .event:before{content:'event'; color:rgba(0,0,0,0.1); z-index:2;} .legacy_wrap .intro:before, .legacy_wrap .event:before{ font-weight:800; display:none; position:absolute; text-transform:uppercase;} .legacy_wrap h3.movie {text-transform:uppercase;} .legacy_wrap .event h3, .legacy_wrap h3.movie, .legacy_wrap .intro .txt h3 {font-weight: normal;} /* nt-family:'CJONLYONENEWtitleBold','TmonMonsori', */ .legacy_wrap .intro .txt, .legacy_wrap .intro iframe {position:relative; z-index:2;} .legacy_wrap .intro h3 {text-align:center;} .legacy_wrap .event {background:#3b55a2; width:100%; box-sizing:border-box; position:relative;} .legacy_wrap .event .inwrap {margin-left:auto; margin-right:auto;} .legacy_wrap .event .inwrap .ev01, .legacy_wrap .event .inwrap .ev02, .legacy_wrap .event .inwrap .ev03, .legacy_wrap .event .inwrap .ev04, .legacy_wrap .event .inwrap .ev05, .legacy_wrap .event .inwrap .ev06 {box-sizing:border-box; overflow:hidden;} .legacy_wrap .event .inwrap .ev01 div, .legacy_wrap .event .inwrap .ev02 div, .legacy_wrap .event .inwrap .ev03 div, .legacy_wrap .event .inwrap .ev04 div, .legacy_wrap .event .inwrap .ev05 div, .legacy_wrap .event .inwrap .ev06 div{box-sizing:border-box; overflow:hidden; position:relative; z-index:1;} .legacy_wrap .event .inwrap div div:before {content:''; position:Absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:3;} /*.legacy_wrap .event .inwrap div div:hover:before {background:none;}*/ .legacy_wrap .event h3 {color:#fff;} .legacy_wrap .event p {width:100%; text-align:center} .legacy_wrap .event .inwrap div div p {color:#fff; z-index:4; position:absolute; font-weight:500;} /*.legacy_wrap .event .inwrap div div:hover > p {text-shadow: 2px 2px 11px #000, 6px 6px 11px rgba(0,0,0,0.6);} .legacy_wrap .event .inwrap div div:hover {border: 5px solid #fff;}*/ .legacy_wrap .event .inwrap .ev01 div{ background:url('/images/sub/onnew01.jpg') no-repeat center center; background-size:cover;} .legacy_wrap .event .inwrap .ev02 div{ background:url('/images/sub/onnew02.jpg') no-repeat center center ; background-size:cover;} .legacy_wrap .event .inwrap .ev03 div{ background:url('/images/sub/exView2-3.jpg') no-repeat center center; background-size:cover;} .legacy_wrap .event .inwrap .ev04 div{ background:url('/images/sub/onnew03.jpg') no-repeat center center; background-size:cover;} .legacy_wrap .event .inwrap .ev05 div{ background:url('/images/sub/onnew04.jpg') no-repeat center right; background-size:cover;} .legacy_wrap .event .inwrap .ev06 div{ background:url('/images/sub/onnew05.jpg') no-repeat center center; background-size:cover;} .legacy_wrap {} .legacy_wrap .event h3 {text-align:center; } .legacy_wrap .event h3 br {display:none} .legacy_wrap .intro .txt p.tit {font-weight:500;} .legacy_wrap .intro .txt p.tit strong{color:#12a4ad; font-weight:500;} .legacy_wrap .intro h2 { font-weight: 500; color: #4966bb } .legacy_wrap .intro h2 strong { background: #4966bb; color: #fff; padding:0px 10px;} /*웹*/ @media (min-width:1024px) { .legacy_wrap .intro {padding:0px 0px 300px 0px; position:relative; overflow:hidden; } .legacy_wrap .intro h2 {font-size:30px; line-height:50px;} .legacy_wrap .intro .txt p {font-size:17px; line-height:29px;} .legacy_wrap {background:url('/images/sub/sk.gif') no-repeat right 370px ; background-size:auto 700px;} .legacy_wrap .event .inwrap {margin-left:auto !important; margin-right:auto !important; width:92%; max-width:1600px; height:700px; position:relative; z-index:2; } .legacy_wrap .intro:before{ font-size:150px; line-height:170px; letter-spacing:60px;} .legacy_wrap .event:before{ font-size:70px; line-height:110px; letter-spacing:30px;} .legacy_wrap .intro:before {top:40px; left:0px;} .legacy_wrap .event:before {top:130px; right:0%;} .legacy_wrap .intro .txt { /* width:52% */; overflow:hidden; float:left;} .legacy_wrap .intro .txt h3, .legacy_wrap .event h3 {font-size:57px; line-height:70px;} .legacy_wrap .intro .txt h3 br {display:none;} .legacy_wrap .intro .txt p {font-size:18px; padding-top:30px; text-shadow:1px 0px 1px #fff, 0px 0px 10px #fff} .legacy_wrap .intro .txt p.tit {font-size:23px; line-height: 1.6;} .legacy_wrap .intro .movie {position:absolute; bottom:60px; right: 0; width: 45%; height: 50%;} .legacy_wrap .intro .movie video {width:100%; height:100%; object-fit:contain; object-position:center;} .legacy_wrap .event {padding:90px 0px 70px 0px; position:relative; } .legacy_wrap .event .inwrap .ev01, .legacy_wrap .event .inwrap .ev02, .legacy_wrap .event .inwrap .ev03, .legacy_wrap .event .inwrap .ev04, .legacy_wrap .event .inwrap .ev05, .legacy_wrap .event .inwrap .ev06 {position:absolute; padding:10px; } .legacy_wrap .event .inwrap .ev01 div, .legacy_wrap .event .inwrap .ev02 div, .legacy_wrap .event .inwrap .ev03 div, .legacy_wrap .event .inwrap .ev04 div, .legacy_wrap .event .inwrap .ev05 div, .legacy_wrap .event .inwrap .ev06 div{ width:100%; height:100%; } .legacy_wrap .event .inwrap .ev01 {left:0; top:0; height:330px; width:26%;} .legacy_wrap .event .inwrap .ev02 {left:26%; top:0px; height:330px; width:48%; } .legacy_wrap .event .inwrap .ev03 {right:0px; top:0px; height:330px; width:26%;} .legacy_wrap .event .inwrap .ev04 {left:0; top:330px; height:330px; width:38%;} .legacy_wrap .event .inwrap .ev05 {right:0; top:330px; height:330px; width:26%;} .legacy_wrap .event .inwrap .ev06 {left:38%; top:330px; height:330px; width:36%;} .legacy_wrap .event .inwrap div div p {font-size:23px; line-height:31px; bottom:30px; left:30px;} .legacy_wrap h3.movie{ font-size:70px; line-height:190px; padding-top:50px; text-align:center; } .legacy_wrap .s_bg_1_2{padding-bottom:90px; } .legacy_wrap .event h3, .legacy_wrap h3.movie, .legacy_wrap .intro .txt h3 { font-size: 30px; font-weight:500; letter-spacing: -2px; margin-bottom: 40px; } } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .legacy_wrap .intro {padding:30px 4% 90px 4%; overflow:hidden;} .legacy_wrap {background:url('/images/sub/sk.gif') no-repeat right 900px ; background-size:auto 400px;} .legacy_wrap .intro h2 {font-size:26px; line-height:39px;} .legacy_wrap .intro .txt p {font-size:16px; line-height:25px;} .legacy_wrap .intro:before{ font-size:100px; line-height:110px; letter-spacing:40px;} .legacy_wrap .event:before{ font-size:70px; line-height:110px; letter-spacing:30px;} .legacy_wrap .intro:before {top:20px; left:0px;} .legacy_wrap .event:before {top:130px; right:0%;} .legacy_wrap .intro .txt {padding-top:20px; padding-bottom:30px;} .legacy_wrap .event h3 {font-size:37px; line-height:50px;} .legacy_wrap h3.movie{ font-size:37px; line-height:190px; text-align:center; } .legacy_wrap .intro .movie video {width:100%; } .legacy_wrap .intro .txt p {font-size:18px; padding-top:30px; text-shadow:1px 0px 1px #fff, 0px 0px 10px #fff} .legacy_wrap .intro .txt p.tit {font-size:20px; line-height:30px;} .legacy_wrap .intro iframe {width:100%; height:400px;} .legacy_wrap .event {padding:70px 0px 70px 0px; position:relative; } .legacy_wrap .event .inwrap {margin-left:2%; width:96%; height:900px; position:relative; z-index:2; } .legacy_wrap .event h3 { padding-left:2%; padding-bottom:60px; } .legacy_wrap .event h3 br {display:none;} .legacy_wrap .event .inwrap .ev01, .legacy_wrap .event .inwrap .ev02, .legacy_wrap .event .inwrap .ev03, .legacy_wrap .event .inwrap .ev04, .legacy_wrap .event .inwrap .ev05, .legacy_wrap .event .inwrap .ev06 {position:absolute; padding:10px; } .legacy_wrap .event .inwrap .ev01 div, .legacy_wrap .event .inwrap .ev02 div, .legacy_wrap .event .inwrap .ev03 div, .legacy_wrap .event .inwrap .ev04 div, .legacy_wrap .event .inwrap .ev05 div, .legacy_wrap .event .inwrap .ev06 div{ width:100%; height:100%; } .legacy_wrap .event .inwrap .ev01 {left:0; top:0; height:300px; width:36%;} .legacy_wrap .event .inwrap .ev02 {right:0%; top:0px; height:300px; width:64%; } .legacy_wrap .event .inwrap .ev03 {left:0px; top:300px; height:300px; width:64%;} .legacy_wrap .event .inwrap .ev04 {right:0; top:300px; height:300px; width:36%;} .legacy_wrap .event .inwrap .ev05 {left:0; top:600px; height:330px; width:36%;} .legacy_wrap .event .inwrap .ev06 {right:0%; top:600px; height:330px; width:64%;} .legacy_wrap .event .inwrap div div p {font-size:23px; line-height:31px; bottom:30px; left:30px;} .legacy_wrap .s_bg_1_2 { background-position:right bottom !important ; background-size:auto 300px !important; padding-bottom:170px;} } /*패드 모바일*/ @media (max-width:768px) { .legacy_wrap .event h3, .legacy_wrap h3.movie, .legacy_wrap .intro .txt h3 { font-size: 30px; letter-spacing: -1px; margin-bottom: 20px; } } /*모바일*/ @media (max-width:640px) { .legacy_wrap .intro {padding:0px 4% 90px 4%; overflow:hidden;} .legacy_wrap .intro h2 {font-size:21px; line-height:30px;} .legacy_wrap .intro .txt p {font-size:15px; line-height:24px; padding-top:20px;} .legacy_wrap {background:url('/images/sub/sk.gif') no-repeat right 900px ; background-size:auto 240px;} .legacy_wrap .intro:before{ font-size:57px; line-height:80px; letter-spacing:20px;} .legacy_wrap .event:before{ font-size:30px; line-height:40px; letter-spacing:20px;} .legacy_wrap .intro:before {top:10px; left:0px;} .legacy_wrap .event:before {top:30px; right:0%;} .legacy_wrap .intro .txt {padding-top:40px; padding-bottom:30px;} .legacy_wrap .intro .txt h3, .legacy_wrap .event h3 {font-size:27px; line-height:40px; text-align:center;} .legacy_wrap h3.movie{ font-size:37px; line-height:190px; text-align:center; } .legacy_wrap .intro .txt p br { display:none} .legacy_wrap .intro iframe {width:100%; height:300px;} .legacy_wrap .intro .txt p.tit {font-size:16px; line-height:24px;} .legacy_wrap .intro .txt p.tit br { display:none} .legacy_wrap .event {padding:60px 0px 50px 0px; position:relative; } .legacy_wrap .event .inwrap {margin-left:2%; width:96%; position:relative; z-index:2; } .legacy_wrap .event h3 { padding-left:2%; padding-bottom:30px; } .legacy_wrap .event h3 br {display:none;} .legacy_wrap .event .inwrap .ev01, .legacy_wrap .event .inwrap .ev02, .legacy_wrap .event .inwrap .ev03, .legacy_wrap .event .inwrap .ev04, .legacy_wrap .event .inwrap .ev05, .legacy_wrap .event .inwrap .ev06 {width:100%; height:170px; margin-bottom:10px;} .legacy_wrap .event .inwrap .ev01 div, .legacy_wrap .event .inwrap .ev02 div, .legacy_wrap .event .inwrap .ev03 div, .legacy_wrap .event .inwrap .ev04 div, .legacy_wrap .event .inwrap .ev05 div, .legacy_wrap .event .inwrap .ev06 div{ width:100%; height:100%; } .legacy_wrap .event .inwrap div div p {font-size:17px; line-height:21px; bottom:30px; left:30px;} .legacy_wrap .s_bg_1_2 { background-position:right bottom !important ; background-size:auto 200px !important; padding-bottom:70px;} .legacy_wrap .intro .movie video {width:100%; } } /* **************************************** * * 유치지원 * ****************************/ .s_bg_1_2 #tab_01 {background:none !important; border-bottom:1px solid #ddd;} .form-desc-new h3 {font-weight:600; position:relative; text-align:center; margin: 3% 0} /*.form-desc-new h3:before {content:''; position:absolute; left:0; background: #12a4ad; display:block; left:50%;transform:translateX(-50%); }*/ .form-desc-new .dotlist_new {overflow:hidden;} .form-desc-new .dotlist_new li{overflow:hidden; position:relative;} .form-desc-new .dotlist_new li:before {content:'.'; color:#3e65bb; position:absolute; left:0;} .form-desc-new .dotlist_new {box-sizing:border-box;} .form-desc-new table {width:80%; border-top:1px solid #ccc; border-right:1px solid #ddd; margin:0 auto} .form-desc-new table thead th {text-align:center;} .form-desc-new table thead {background:#eee; color:#000;} .form-desc-new table thead th, .form-desc-new table thead td {text-align:center; font-weight:bold;border-left:1px solid rgba(0,0,0,0.2);} .form-desc-new table .center {text-align:center;} .form-desc-new table tbody td, .form-desc-new table tbody th{ border-left:1px solid #ddd; border-bottom:1px solid #ddd; } .form-desc-new table tbody th { font-weight:600;} .form-desc-new table tbody td, .form-desc-new table tbody td li{font-weight:300;} .form-desc-new .alert_in {color:#f05454; font-weight:600;} .form-desc-new table tbody td li{ position:relative; } .form-desc-new table tbody td li:before {content:'.'; color:#000; position:absolute; left:0;} .form-desc-new table tbody td li ul li {color:#666;} .form-desc-new table tbody td li ul li:before {content:'-'; color:#666; position:absolute; left:0;} .support_inwrap .txt li{ position:relative; } .support_inwrap .txt li:before {content:'.'; color:#2b91c9; position:absolute; left:0;} .support_inwrap .txt li ul li {color:#666;} .support_inwrap .txt li ul li:before {content:'-'; color:#2b91c9; position:absolute; left:0;} .wd10per {width:10%;} .wd15per {width:15%;} .wd20per {width:20%;} .wd25per {width:25%;} .wd30per {width:30%;} .wd50per {width:50%;} .form-desc-new h5 {color:#3e9ebb} .notice_alert { text-align:right; color:#f05454; width:100%; overflow:hidden; margin-top:10px;} .notice_alert:before {content:'!'; color:#fff; background:#f05454; font-weight:600; } .grap_precess {overflow:hidden; text-align:center; padding-bottom:20px;} .grap_precess .step {position:relative; border-radius:50%; border:2px solid #eee; display:inline-block; vertical-align:middle;} .grap_precess .step dl dt, .grap_precess .step dl dd {color:#222; text-align:left; } .grap_precess .step dl dd {font-weight:500;} .grap_precess .step p {color:rgba(0,0,0,0.9); text-align:left;} .callwrap {float:left; box-sizing:border-box; border:4px solid #ddd; } .support_inwrap {border-bottom:1px solid #ddd; overflow:hidden;} .support_inwrap:last-child {border-bottom:none;} .support_inwrap h4 {color:#3fa6ce; font-weight:600; width:100%; overflow:hidden;} .support_inwrap .tit { background:#3fa6ce; } .support_inwrap .tit dt { color:#fff; font-weight:600;} .support_inwrap .tit dd { color:rgba(255,255,255,0.6);} .support_inwrap .tit {background:#42a9ae; text-align:center; width:100%; box-sizing:border-box; } .support_inwrap .tit .wd100 {width:100%;} /*웹*/ @media (min-width: 1024px) { /* .s_bg_1_2 .tab a {padding-top:20px; padding-bottom:20px;} */ .form-desc-new h3 { font-size: 40px; line-height: 50px; padding-bottom: 10px;} .form-desc-new h3:before {height:3px; top:0px; height:4px; width:50px;} .form-desc-new .dotlist_new {padding-left:5px; text-align:center} .form-desc-new .dotlist_new li{overflow:hidden; padding-left:17px; padding-bottom:10px; font-size:19px; line-height:27px;} .form-desc-new .dotlist_new li:before {font-size:30px; line-height:30px; top:-10px; } .form-desc-new table thead th, .form-desc-new table thead td {font-size:20px; line-height:30px; padding:20px 0px; } .form-desc-new table tbody td, .form-desc-new table tbody td li { } .form-desc-new table tbody td, .form-desc-new table tbody th {padding:20px 20px;} .form-desc-new table tbody td li, .support_inwrap .txt li {padding-left:10px;} .form-desc-new table tbody td li:before, .support_inwrap .txt li:before { top:1px; font-size:15px; line-height:15px;} .form-desc-new table tbody td ul li ul , .support_inwrap .txt li ul {padding-bottom:10px;} .form-desc-new table tbody td ul li ul li, .support_inwrap .txt li ul li{font-size:16px; line-height:22px;} .form-desc-new table tbody td ul li ul li:before, .support_inwrap .txt li ul li:before{ top:1px; font-size:15px; line-height:15px;} .form-desc-new h5{font-size:24px; line-height:34px; padding:30px 0px 10px 0px;} .notice_alert {margin-top:10px;} .notice_alert, .notice_alert:before {font-size:15px; line-height:30px; } .notice_alert:before {padding:0px 10px; margin-right:10px;} .grap_precess .step {border-radius:6px; box-sizing:border-box; position:relative; padding:25px 25px 25px 67px; width:23%; margin:10px 6px} .grap_precess .step dl dt {position:absolute; top:30px; left:5px; padding-left:10px; line-height:60px !important;} .grap_precess .step dl dt{font-size:27px; line-height:30px; border-right:1px solid rgba(0,0,0,0.1); padding-bottom:0px; padding-right:20px;} .grap_precess .step dl dd {font-size:20px; line-height:30px;} .grap_precess .step p {padding-top:10px; FONT-SIZE:14px; line-height:22px;} .callwrap {padding:30px 30px; width:44%; margin:0px 2%;} .support_inwrap {padding:50px 0px;} .support_inwrap .tit { border-radius:20px; margin-bottom:30px; padding:25px 0px;} .support_inwrap h4 {font-size:20px; line-height:80px;} .support_inwrap .tit dt, .support_inwrap .tit dd { display:inline-block; padding:0px 20px; line-height:30px; line-height:35px; } .support_inwrap .tit dd br {display:none;} .support_inwrap .tit dt {font-size:24px; font-weight:600;} .support_inwrap .tit dd {font-size:19px; border-left:1px solid rgba(255,255,255,0.2); } .support_inwrap .txt li { width:50%; float:left; } } /*패드 +모바일*/ @media (max-width:1023px) { /* .s_bg_1_2 .tab a {padding-top:10px; padding-bottom:10px;} */ } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .form-desc-new h3 {font-size:25px; line-height:40px; padding:10px 0px 10px 0px; margin-top:70px;} .form-desc-new h3:before {height:3px; top:0px; height:4px; width:50px;} .form-desc-new .dotlist_new {padding-left:5px;} .form-desc-new .dotlist_new li{overflow:hidden; padding-left:17px; padding-bottom:10px; font-size:17px; line-height:24px;} .form-desc-new .dotlist_new li:before {font-size:30px; line-height:30px; top:-10px; } .form-desc-new table thead th, .form-desc-new table thead td {font-size:16px; line-height:23px; padding:10px 0px; } .form-desc-new table tbody td, .form-desc-new table tbody td li { font-size:16px; line-height: 23px;} .form-desc-new table tbody td, .form-desc-new table tbody th {padding:10px 10px;} .form-desc-new table tbody td li {padding-left:10px;} .form-desc-new table tbody td li:before { top:1px; font-size:15px; line-height:15px;} .form-desc-new table tbody td ul li ul {padding-bottom:10px;} .form-desc-new table tbody td ul li ul li {font-size:16px; line-height:22px;} .form-desc-new table tbody td ul li ul li:before { top:1px; font-size:15px; line-height:15px;} .form-desc-new h5{font-size:24px; line-height:34px; padding:30px 0px 10px 0px;} .notice_alert {margin-top:10px;} .notice_alert, .notice_alert:before {font-size:15px; line-height:30px; } .notice_alert:before {padding:0px 10px; margin-right:10px;} .grap_precess .step {border-radius:6px; box-sizing:border-box; position:relative; padding:10px 10px 10px 60px; width:48%; margin:2px 2px} .grap_precess .step dl dt {position:absolute; top:15px; left:10px; padding-left:10px; font-size:23px; line-height:40px;} .grap_precess .step dl dt{font-size:20px; line-height:30px; border-right:1px solid rgba(0,0,0,0.1); padding-bottom:20px; padding-right:14px;} .grap_precess .step dl dd {font-size:19px; line-height:23px;} .grap_precess .step p {padding-top:7px; FONT-SIZE:14px; line-height:21px;} .callwrap {padding:30px 30px; width:44%; margin:0px 2%;} .support_inwrap {padding:50px 0px;} .support_inwrap .tit { border-radius:20px; margin-bottom:30px; padding:25px 0px;} .support_inwrap h4 {font-size:20px; line-height:80px;} .support_inwrap .tit dt, .support_inwrap .tit dd { display:inline-block; padding:0px 20px; line-height:30px; line-height:35px; } .support_inwrap .tit dd br {display:none;} .support_inwrap .tit dt {font-size:24px; font-weight:600;} .support_inwrap .tit dd {font-size:19px; border-left:1px solid rgba(255,255,255,0.2); } } /*모바일*/ @media (max-width:640px) { .form-desc-new h3 {font-size:20px; line-height:30px; padding:10px 0px 10px 0px; margin-top:40px;} .form-desc-new h3:before {height:3px; top:0px; height:4px; width:50px;} .form-desc-new .dotlist_new {padding-left:5px;} .form-desc-new .dotlist_new li{overflow:hidden; padding-left:16px; padding-bottom:10px; font-size:15px; line-height:24px;} .form-desc-new .dotlist_new li:before {font-size:30px; line-height:30px; top:-10px; } .form-desc-new table thead th, .form-desc-new table thead td {font-size:13px; line-height:20px; padding:10px 0px; } .form-desc-new table tbody td, .form-desc-new table tbody th, .form-desc-new table tbody td li { font-size:13px; line-height: 20px;} .form-desc-new table tbody td, .form-desc-new table tbody th {padding:10px 10px;} .form-desc-new table tbody td li {padding-left:10px;} .form-desc-new table tbody td li:before { top:1px; font-size:14px; line-height:15px;} .form-desc-new table tbody td ul li ul {padding-bottom:10px;} .form-desc-new table tbody td ul li ul li {font-size:13px; line-height:20px; padding-top:3px; padding-bottom:3px;} .form-desc-new table tbody td ul li ul li:before { top:1px; font-size:15px; line-height:15px;} .form-desc-new h5{font-size:24px; line-height:34px; padding:30px 0px 10px 0px;} .notice_alert {margin-top:10px;} .notice_alert, .notice_alert:before {font-size:15px; line-height:30px; } .notice_alert:before {padding:0px 10px; margin-right:10px;} .grap_precess .step {border-radius:6px; box-sizing:border-box; position:relative; padding:20px 20px 20px 100px; width:97% !important; margin:10px 0px} .grap_precess .step dl dt {position:absolute; top:25px; left:20px; padding-left:10px; font-size:26px; line-height:80px;} .grap_precess .step dl dt{font-size:20px; line-height:30px; border-right:1px solid rgba(255,255,255,0.3); padding-bottom:20px; padding-right:20px;} .grap_precess .step dl dd {font-size:16px; line-height:23px;} .grap_precess .step p {padding-top:10px; FONT-SIZE:13px; line-height:23px;} .grap_precess .step {border-radius:6px; box-sizing:border-box; position:relative; padding:10px 10px 10px 60px; width:48%; margin:2px 2px} .grap_precess .step dl dt {position:absolute; top:15px; left:10px; padding-left:10px; font-size:23px; line-height:40px;} .grap_precess .step dl dt{font-size:20px; line-height:30px; border-right:1px solid rgba(0,0,0,0.1); padding-bottom:20px; padding-right:14px;} .grap_precess .step dl dd {font-size:19px; line-height:23px;} .grap_precess .step p {padding-top:7px; FONT-SIZE:14px; line-height:21px;} .callwrap {padding:30px 30px; width:44%; margin:0px 2%;} } /*event_top2*/ .event_top2{overflow:hidden; box-sizing:border-box; background:#cff2f9 url('/img/event.gif') no-repeat ;} .event_top2 h4, .event_top2 h3 {text-align:left !important; font-family: 'CJONLYONENEWtitleBold' !important; font-weight:normal;} .event_top2 h4 {color:#000 !important;} .event_top2 h3 {color:#0474aa} .event_top2 dl {overflow:hidden;} .event_top2 dl dt {background:#1f7ea4; font-weight:bold; color:#fff; text-align:center;} /*웹*/ @media (min-width: 1024px) { .event_top2 {margin-top:40px; padding:60px 70px; background-size:auto 300px; background-position:90% center ;} .event_top2 h4 {font-size:30px !important; line-height:40px !important; margin-bottom:0px !important;} .event_top2 h3 {font-size:50px; line-height:70px; margin-bottom:20px;} .event_top2 dl {width:calc(100% - 350px); padding:4px 0px;} .event_top2 dl dt {float:left; width:210px; border-radius:10px;} .event_top2 dl dd{float:right; width:calc(100% - 250px);} } /*작은웹*/ @media (min-width:1024px) and (max-width:1200px) { .event_top2 { background-size:auto 260px; padding:60px 40px; } .event_top2 dl {width:calc(100% - 260px); } } /*패드 +모바일*/ @media (max-width:1023px) { } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .event_top2 {margin-top:40px; padding:40px 40px 140px 40px; background-size:auto 200px; background-position:90% bottom;} .event_top2 h4 {font-size:26px !important; line-height:40px !important; margin-bottom:0px !important;} .event_top2 h3 {font-size:40px; line-height:50px; margin-bottom:20px;} .event_top2 dl { padding:4px 0px;} .event_top2 dl dt {float:left; width:110px; border-radius:10px;} .event_top2 dl dd{float:right; width:calc(100% - 150px);} } /*모바일*/ @media (max-width:640px) { .event_top2 {margin-top:30px; padding:20px 20px 20px 20px; background-size:auto 110px; background-position:96% 20px;} .event_top2 h4 {font-size:16px !important; line-height:26px !important; margin-bottom:0px !important;} .event_top2 h3 {font-size:26px; line-height:30px; margin-bottom:20px;} .event_top2 h4, .event_top2 h3 {padding-right:125px;} .event_top2 dl { padding:6px 0px;} .event_top2 dl dt { width:100%; border-radius:10px;} .event_top2 dl dt br {display:none;} .event_top2 dl dd{} .event_top2 dl dt, .event_top2 dl dd {font-size:15px; line-height:24px;} } /*앰버서더*/ .ambassador .text { margin-bottom:30px; font-size:25px; text-align:center; line-height: 1.6; font-weight:500 } .ambassador .text span { font-weight:bold} .ambassador .text strong {font-family: 'CJONLYONENEWtitleBold'; font-size: 55px; font-weight:normal; color: #12a4ad; letter-spacing: -1.5px; line-height: 1.4; margin-bottom:50px;} /*0215*/ .ambassador .playList { width:80%; margin: 0 auto} .ambassador .play_list li {padding:10px 10px 30px; text-align:center; } .ambassador .play_list iframe {width:100%; height:600px; margin: 0 auto } .ambassador .play_btn {text-align:center;} /*0210*/ .ambassador .play_btn li { padding:7px; } .ambassador .play_btn li p { position:relative; cursor:pointer; background:#000;} .ambassador .play_btn li p::before { content:''; position:absolute; left:50%; top:50%; width:55px; height:55px; margin:-27.5px 0 0 -27.5px; background:url('/images/sub/ambPlay.png') no-repeat center; z-index:20; } .ambassador .play_btn li span { position:absolute; left:0; bottom:10px; width:100%; text-align:center; color:#fff; font-size:15px; z-index:20; } .ambassador .play_btn li img { position:relative; width:100%; opacity:0.7; -webkit-filter: grayscale(100%); filter: gray; z-index:10; transition: all 0.2s ease; }/*0219*/ .ambassador .play_btn li:hover img, .ambassador .play_btn .slick-current img {-webkit-filter: grayscale(0%); filter: none; opacity:0.9; } .ambassador .play_btn .slick-dots {display:inline-block; margin-top:20px;} /*0210*/ .ambassador .play_btn .slick-dots li {float:left;} /*0210*/ .ambassador .play_btn .slick-dots li button {display:block; width:17px; height:17px; border:0; background:#eee; border-radius:50%; color:transparent; cursor:pointer; } /*0210*/ .ambassador .play_btn .slick-dots li.slick-active button {background:#12a4ad;} /*0210*/ .ambassador .play_btn .name {margin-top:10px; } /*0219*/ .ambassador .play_btn .name li {text-align:center; padding:5px 0;} /*0219*/ .ambassador .play_btn .name li:nth-child(1) {font-size:20px; font-weight:600; margin-bottom:5px;} /*0219*/ .ambassador .play_btn .name li:nth-child(2) {font-size:18px;} /*0219*/ .ambassador .play_btn .name li:nth-child(3) {font-size:15px;} /*0219*/ @media all and (max-width:1023px){ .ambassador .text {font-size:20px;} .ambassador .text strong {font-size:50px;} .ambassador .text p {display:inline;} .ambassador .text p:first-child {display:block;} .ambassador .play_list li {padding:0;} .ambassador .play_list iframe {height:500px;} .ambassador .play_btn .name li:nth-child(1) {font-size:18px;} /*0219*/ .ambassador .play_btn .name li:nth-child(2) {font-size:15px;} /*0219*/ .ambassador .play_btn .name li:nth-child(3) {font-size:14px;} /*0219*/ } @media all and (max-width:768px){ .ambassador .text {font-size:16px; line-height:1.4 !important} .ambassador .text strong {font-size:35px; letter-spacing:-1px;} .ambassador .play_list iframe {height:400px;} .ambassador .text span { font-size:14px; font-weight:bold} } @media all and (max-width:480px){ .ambassador .play_list iframe {height:250px;} .ambassador .play_btn .name li:nth-child(1) {font-size:14px;} /*0219*/ .ambassador .play_btn .name li:nth-child(2) {font-size:13px; line-height:1.2} /*0219*/ .ambassador .play_btn .name li:nth-child(3) {font-size:12px; line-height:1.2} /*0219*/ } /* **************************************** * * 대구CVB CI * ****************************/ .cvb_ci h4 {font-family: 'CJONLYONENEWtitleBold'; text-align:center; font-weight:normal; font-size:55px; color:#12a4ad; margin-bottom:60px; letter-spacing:-1.5px } /*0215*/ .cvb_ci .cont1 {overflow:hidden; box-sizing:border-box;} .cvb_ci .cont1 .fl {width:48%; } .cvb_ci .cont1 .fr { width:48%; text-align:center; } .cvb_ci .cont1 #logoGuide {height:400px; box-sizing:border-box;} .cvb_ci .btn {padding-top:30px; } .cvb_ci .btn a { margin:0 20px; } .cvb_ci .cont2 {text-align:center;} .cvb_ci .cont2 h5 {font-size:40px; margin:70px 0 40px;} .cvb_ci .cont2 li {width:25%;} .cvb_ci .cont2 #logoGuide {height:200px;} .cvb_ci .cont3 {text-align:center;} .cvb_ci .cont3 h5 {font-size:40px; text-align:left; margin:70px 0 40px;} .cvb_ci .cont3 li {width:50%;} .s_t_t_01 { } .s_t_t_01 p{ font-size:23px ; font-weight:bold; line-height:1.6 } .cvb_ci .cont3 li img { max-height:150px} .cvb_ci .cont3 #logoGuide {height:200px;} @media all and (max-width:1200px){ .cvb_ci h4 {font-size:50px; margin-bottom:40px; } .cvb_ci .cont1 .fl {font-size:25px; } } @media all and (max-width:1023px){ .cvb_ci .cont1 > div {width:100% !important;} .cvb_ci .cont1 #logoGuide {height:350px; margin-top:30px;} .cvb_ci .cont2 h5 {font-size:30px; margin:40px 0 20px;} } @media all and (max-width:768px){ .cvb_ci h4 {font-size:35px; margin-bottom:20px; } .cvb_ci .cont1 .fl {font-size:13px; line-height:1.6 ; text-align:center} .cvb_ci .cont1 .fl p { padding-bottom:3%} .cvb_ci .cont1 .fl p br { display:none} .cvb_ci .cont2 #logoGuide {height:300px;} .cvb_ci .cont2 li {width:50%; padding:30px 0; } } @media all and (max-width:480px){ .cvb_ci .cont3 h5 {font-size:18px; margin:40px 0;} .cvb_ci .cont2 h5 {font-size:20px;} .cvb_ci .cont1 #logoGuide {height:220px; padding-bottom:30px} } .s_t_t_01 h2{font-weight:500; color: #4966bb;;} .s_t_t_01 h3 {font-weight:300;} .cvb_ci .btn {text-align:right;} .cvb_ci .btn a {display:inline-block; background:#545d82; color:#fff; font-weight:600; position:relative; } /*웹*/ @media (min-width:1024px) { .s_t_t_01 h2{font-size: 34px; line-height: 49px;} .s_t_t_01 h3{font-size: 22px; padding-top:30px; line-height: 39px;} .cvb_ci .cont3 h5 {font-size:26px; line-height:30px;} .cvb_ci .btn a {line-height:40px; width:120px; text-align:left; padding-left:20px; margin:0;} .cvb_ci .btn a svg {position:absolute; top:10px; right:0; margin-right:10px;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .s_t_t_01 h2{font-size: 27px; line-height: 39px;} .s_t_t_01 h3 {padding-top:20px; font-size:18px; ;line-height:28px;} .cvb_ci .cont3 h5 {font-size:22px; line-height:30px;} .cvb_ci .btn a {line-height:40px; width:120px; text-align:left; padding-left:20px; margin:0;} .cvb_ci .btn a svg {position:absolute; top:10px; right:0; margin-right:10px;} } /*모바일*/ @media (max-width:640px) { .s_t_t_01 h2{ font-size: 21px; line-height: 30px;} .s_t_t_01 h3{ font-size: 17px; padding-top:20px; line-height: 30px;} .cvb_ci .cont3 h5 {font-size:19px; line-height:30px;} .cvb_ci .btn a {line-height:40px; width:100px; text-align:left; padding-left:20px; margin:0;} .cvb_ci .btn a svg {position:absolute; top:10px; right:0; margin-right:10px;} } /*대구MICE얼리언스*/ .alliance h4 { font-family: 'CJONLYONENEWtitleBold'; font-size:55px; color:#12a4ad; line-height:1.3; letter-spacing: -1.5px; text-align:center; margin-bottom:50px; font-weight:normal } /*0215*/ .alliance .cont1 h4 {text-align:left; margin-bottom:0;} .alliance .cont1 .fl { width:48%; } .alliance .cont1 p { font-size:18px; line-height:1.7; padding-top:30px; color:#000; font-weight:300 } .alliance .cont1 > p {clear:both;} .alliance .cont1 .graph { position:relative; width:48%; } .alliance .cont1 .graph::after, .alliance .cont1 .graph::before {content:''; position:absolute; background:#336699; z-index:-1; } .alliance .cont1 .graph::after { left:50%; top:0; width:1px; height:100%; } .alliance .cont1 .graph::before { left:20%; bottom:75px; width:60%; height:1px; } .alliance .cont1 .graph div { display:flex; align-items:center; border-radius:50%; margin:0 auto; } .alliance .cont1 .graph span { display:block; width:100%; text-align:center; font-weight:600; padding:0 10px;} .alliance .cont1 .graph > div {background:#336699; color:#fff; font-size:16px; font-weight:600; width:200px; height:200px; } .alliance .cont1 .graph > div span { background:url('/images/sub/allianceLogo_1.png') no-repeat center top; padding-top:70px;} .alliance .cont1 .graph ul {margin-top:80px;} .alliance .cont1 .graph li {float:left; width:33.33%;} .alliance .cont1 .graph li div {width:150px; height:150px; border:1px solid #336699; color:#336699; background:#fff; } .alliance .cont2 {overflow:hidden; margin:100px auto;} .alliance .cont2 > div {width:48%;} .alliance .cont2 .fl > div {position:relative;} .alliance .cont2 .fl > div::before {content:''; position:absolute; left:130px; top:20px; width:1px; height:80%; background:#ccc; } .alliance .cont2 dl {position:relative; padding:5px 0 30px 170px;} .alliance .cont2 dl dt { position:absolute; left:0; top:0; font-size:40px; font-weight:600;} .alliance .cont2 dl dt::before {content:''; position:absolute; right:-50px; top:15px; width:25px; height:25px; border-radius:50%; border:5px solid #60a8c1; background:#fff; box-sizing:border-box; } .alliance .cont2 dl dd { position:relative; padding:3px 0 20px 60px;} .alliance .cont2 dl dd strong {position:absolute; font-size:18px; left:0; top:0; } .alliance .cont2 .fr {text-align:center;} #logoGuide { position:relative; display:flex; align-items:center; background:url('/images/sub/logoBg.gif'); height:350px; } #logoGuide::after, #logoGuide::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing: border-box; } #logoGuide::after {border:15px solid #fff; z-index:10;} #logoGuide::before {border:1px solid #ccc; z-index:20;} #logoGuide div { width:100%; } #logoGuide div img {max-width:80%;} #logoGuide div ul li {float:left;} .alliance .cont2 .fr .btn {padding:30px 0 50px;} .alliance .cont2 .fr .btn a {margin:0 20px;} .alliance .cont3 .list { position:relative; padding-top:100px; z-index:10; } .alliance .cont3 .list::before {content:''; position:absolute; left:0; top:70px; width:100%; height:2px; background:#009795; } .alliance .cont3 .list > a {border-right:2px solid #fff; position:absolute; left:0; top:0; width:20%; font-size:25px; font-weight:600; line-height:70px; background:#dadada; color:#fff; text-align:center; } .alliance .cont3 .list > a:nth-child(3) {left:20%;} .alliance .cont3 .list > a:nth-child(5) {left:40%;} .alliance .cont3 .list > a:nth-child(7) {left:60%; } .alliance .cont3 .list > a:nth-child(9) {left:80%; border-right:0; } .alliance .cont3 .list > a.on {background:#009795;} .alliance .cont3 .list div {display:none; overflow:hidden; } .alliance .cont3 .list div a {display:block; float:left; width:22%; margin-left:4%; text-align:center; } .alliance .cont3 .list div a:nth-child(4n+1) {margin-left:0; clear:both; } .alliance .cont3 .list div a img {width:100%; border:1px solid #ccc;} .alliance .cont3 .list div a p.title {font-size:25px; margin:20px 0 10px; font-weight:600; } .alliance .cont3 .list div a p.cont {font-size:20px;} .alliance .cont3 .list div a p.cont strong {display:block;} .alliance .cont3 .list > a.on+div{display:block;} .alliance .slick-dots li {width:15%;} /*0309*/ @media all and (max-width:1200px){ .alliance h4 { font-size:50px; margin-bottom:30px; } .alliance .cont1 p { font-size:25px; padding-top:20px; } .alliance .cont2 {margin:70px auto;} .alliance .cont2 > div {width:100%;} .alliance .cont2 dl { padding:5px 0 20px 170px;} .alliance .cont2 dl dt {font-size:35px;} .alliance .cont2 dl dt::before {right:-63px;} .alliance .cont2 dl dd {font-size:20px; padding:3px 0 15px 60px} .alliance .cont2 .fr {margin-top:50px;} .alliance .cont2 .fr > div {float:left; width:48%;} .alliance .cont2 .fr > div:last-child {float:right;} .alliance .cont2 .fr .btn {padding:30px 0 0;} #logoGuide {height:300px;} } @media all and (max-width:1023px){ .alliance .cont1 > div {width:100% !important;} .alliance .cont1 .graph {margin-bottom:30px;} .alliance .cont1 .graph ul {margin-top:30px;} } @media all and (max-width:768px){ .alliance h4 { font-size:30px; } .alliance .cont1 p { font-size:13px; line-height:1.6 } .alliance .cont1 p br { display:none} .alliance .cont1 .graph::before {bottom:50px;} .alliance .cont1 .graph > div {width:150px; height:150px;} .alliance .cont1 .graph > div span {background-size:100px auto; padding-top:50px; } .alliance .cont1 .graph li div {width:100px; height:100px;} .alliance .cont2 {margin:50px auto;} .alliance .cont2 .fl > div::before {left:78px;} .alliance .cont2 .fr > div {width:100%;} .alliance .cont2 .fr .btn {padding:20px 0 30px;} .alliance .cont2 dl {padding:5px 0 10px 100px;} .alliance .cont2 dl dt {font-size:25px;} .alliance .cont2 dl dt::before {width:15px; height:15px; top:11px; right:-30px; } .alliance .cont2 dl dd {padding:0 0 10px 40px; font-size:13px; } .alliance .cont2 dl dd strong {font-size:16px;} #logoGuide {height:250px;} } @media all and (max-width:480px){ .alliance .slick-dots li { width:15%} #logoGuide {height:200px;} .alliance .cont1 .graph span { font-size:14px; line-height:1.3} #logoGuide div img {max-width:70% !important; margin-top:30px} } /* ******************************* * 서브 공통 hugetit * ****************************/ .sub_wrap {position:relative; width:100%;} .hugetit {overflow:hidden; position:absolute; top:0px; left:50%; z-index:9; transform:translateX(-50%);} /*웹*/ @media (min-width: 1024px) { .sub_wrap .toppadding{padding-top:150px;} .hugetit { font-size:37px; padding-top:50px; line-height:70px; padding-bottom:60px;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .sub_wrap .toppadding{padding-top:150px;} .hugetit { font-size:30px; padding-top:50px; line-height:70px; padding-bottom:60px;} } /*모바일*/ @media (max-width:640px) { .sub_wrap .toppadding{padding-top:150px;} .hugetit { font-size:30px; padding-top:50px; line-height:70px; padding-bottom:60px;} } /* ******************************* * greeting-meg * ****************************/ .greeting-meg {background:url('/images/sub/greeting_bg.gif') no-repeat bottom right; background-attachment: fixed;} .greeting-meg h3.sign {font-weight:600;} .greeting-meg h2 {font-weight:500; color:#4966bb;} /*웹*/ @media (min-width: 1024px) { .greeting-meg {padding:50px 0px 80px 0px;; background-size:auto 100%;} .greeting-meg h2 {font-size:34px; line-height:49px; padding-bottom:40px;} .greeting-meg p {font-size:17px; line-height:33px; padding:20px 0px;} .greeting-meg h3.sign {padding-top:31px; font-size:17px; line-height:40px;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .greeting-meg {padding:50px 250px 80px 0px;; background-size: 700px auto ;} .greeting-meg h2 {font-size:27px; line-height:39px; padding-bottom:40px;} .greeting-meg p {font-size:16px; line-height:30px; padding:15px 0px; word-break:keep-all;} .greeting-meg h3.sign {padding-top:31px; font-size:17px; line-height:40px;} } /*모바일*/ @media (max-width:640px) { .greeting-meg { background-color:rgba(255,255,255,0.6) ; background-blend-mode: screen; padding:50px 0px 80px 0px;; background-size: 700px auto } .greeting-meg h2 {font-size:21px; line-height:30px; padding-bottom:30px;} .greeting-meg p {font-size:14px; line-height:25px; padding:10px 0px; word-break:keep-all;} .greeting-meg h3.sign {padding-top:31px; font-size:17px; line-height:40px;} } /* ******************************* * slogon * ****************************/ .slogon .moviearea {position:relative; overflow:hidden; width:100%; text-align:center;} .slogon .moviearea video , .slogon .moviearea video source {min-width:100%; min-height:100%; object-fit:cover; position:relative; z-index:1; max-width:160%; max-height:160%; } .slogon .moviearea h2 {position:absolute; text-align:center;top:50%; transform:translateY(-50%); font-weight:300; width:100%; color:#fff; z-index:2;} .slogon dl {overflow::hidden; border-bottom:1px solid #ddd;} .slogon dl dt {font-weight:600; } .slogon dl dt, .slogon dl dd {display:inline-block; vertical-align:middle;} .slogon dl dt {border-right:1px solid #ddd; } .slogon dl.logoarea {overflow:hidden; border:none; position:relative;} .slogon dl.logoarea dt {display:block; border:none} .slogon dl.logoarea dd.img {display:block; border:5px solid #eee; position:Absolute; right:0; margin-top:20px; padding:20px 20px; width:40%; } .slogon dl.logoarea dd.img div { width:100%; text-align:center; background: url('/images/sub/logoBg.gif'); border:1px solid #ddd;} /*웹*/ @media (min-width: 1024px) { .slogon .moviearea {padding:0px 60px 0px 0px; height:700px; } .slogon dl {padding:50px 0px; } .slogon .moviearea h2 { font-size:40px; line-height:50px;} .slogon dl dt, .slogon dl dd {line-height:40px; } .slogon dl dt {width:100px; border-right:1px solid #ddd; font-size:25px; } .slogon dl dd {font-size:21px; } .slogon dl dd {padding-left:30px; } .slogon dl.logoarea dd.img {top:30px; right:0; margin-top:20px; padding:20px 20px; width:40%; } .slogon dl.logoarea dd.img div {padding:50px 0px;} .slogon dl.logoarea dd.img div img {width:60%; max-width:200px;} .slogon dl.logoarea dd.txt {width:50%; padding:0px; min-height:400px; } } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .slogon .moviearea {padding:0px 60px 0px 0px; height:400px; } .slogon .moviearea h2 { font-size:25px; line-height:33px;} .slogon dl {padding:20px 0px; } .slogon dl dt, .slogon dl dd {line-height:35px; } .slogon dl dt {width:90px; border-right:1px solid #ddd; font-size:22px; } .slogon dl dd {font-size:18px; } .slogon dl dd {padding-left:20px; } .slogon dl.logoarea dd.img {top:30px; right:0; margin-top:20px; padding:20px 20px; width:40%; } .slogon dl.logoarea dd.img div {padding:50px 0px;} .slogon dl.logoarea dd.img div img {width:60%; max-width:200px;} .slogon dl.logoarea dd.txt {width:50%; padding:0px; min-height:400px;} } /*모바일*/ @media (max-width:640px) { .slogon .moviearea {padding:0px 60px 0px 0px; height:400px; } .slogon .moviearea h2 { font-size:22px; line-height:30px;} .slogon dl {padding:20px 0px; } .slogon dl dt, .slogon dl dd {line-height:35px; display:block;} .slogon dl dt {width:90px; font-size:20px; border-right:0px;} .slogon dl dd {font-size:18px; padding-left:0px; } .slogon dl dd {padding-left:0px; } .slogon dl.logoarea dd.img {position:relative; margin-top:20px; padding:20px 20px; width:100%; } .slogon dl.logoarea dd.img div {padding:30px 0px;} .slogon dl.logoarea dd.img div img {width:40%; } .slogon dl.logoarea dd.txt {} .slogon dl.logoarea dd.txt br {display:none} } /* ******************************* * chart * ****************************/ .chart {text-align:center;} .chart img {width:96%; max-width:850px;} /*웹*/ @media (min-width: 1024px) { .chart {padding-top:180px; padding-bottom:80px;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .chart {padding-top:180px; padding-bottom:80px;} } /*모바일*/ @media (max-width:640px) { .chart {padding-top:160px; padding-bottom:50px;} } /* ******************************* * history * ****************************/ /* **************************************** * * 연혁 * **************************************** */ .history_list2 { position:relative;z-index:1; } .history_list2:after { content:''; display:block; width:100%; top:0; left:0; background:url('/images/sub/sea.gif') no-repeat bottom right; background-size:cover; background-attachment: fixed; position:absolute; z-index:2; background-color:rgba(255,255,255,0.4) ; background-blend-mode: screen; } .history_list2 h2 {font-weight:500; color:#e66;;} .history_list2 .inner h2 {font-weight:700; color:#000;} .history_list2 h2, .history_list2 .inner_list { position:relative; z-index:4; box-sizing:border-box;} .history_list2 .inner_list {overflow:hidden; background:#fff;} .history_list2 .inner { width:100%; box-sizing:border-box;border-bottom:1px solid #ddd; overflow:hidden;} .history_list2 .inner:last-child {border-bottom:none} .history_list2 .inner dl, .history_list2 .inner dl dt, .history_list2 .inner dl dd {overflow:hidden;} .history_list2 .inner dl dt {font-family: 'MapoDPPA';} .history_list2 .inner dl dd {color:#666;} .history_list2 .txtbg {color:rgba(0,0,0,0.4); z-index:3;} /*웹*/ @media (min-width:1024px) { .history_list2 h2 {font-size: 34px; line-height: 49px;} .history_list2 { padding-top:180px; padding-bottom:60px;} .history_list2 .inner_list {margin-top:90px; padding:50px 50px;} .history_list2:after { height:600px;} .history_list2 .inner { padding:30px 60px;} .history_list2 .inner h2 {width:20%; float:left;} .history_list2 .inner dl {width:80%; float:right;} .history_list2 .inner dt {width:10%; float:left;} .history_list2 .inner dd {width:90%; float:right;} .history_list2 .inner dt, .history_list2 .inner dd {font-size:16px; line-height:26px; padding:10px 0px;} .history_list2 .txtbg {top:240px; right:-20px} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .history_list2 h2 { font-size: 27px; line-height: 39px;} .history_list2 { padding-top:160px; padding-bottom:60px;} .history_list2 .inner_list {margin-top:90px; padding:20px 20px;} .history_list2:after { height:600px;} .history_list2 .inner { padding:20px 20px;} .history_list2 .inner h2 {width:20%; float:left;} .history_list2 .inner dl {width:80%; float:right;} .history_list2 .inner dt {width:10%; float:left;} .history_list2 .inner dd {width:90%; float:right;} .history_list2 .inner dt, .history_list2 .inner dd {font-size:16px; line-height:20px; padding:10px 0px;} .history_list2 .txtbg {top:240px; right:0px} } /*모바일*/ @media (max-width:640px) { .history_list2 h2 { font-size: 21px; line-height: 30px; } .history_list2 { padding-top:140px; padding-bottom:30px;} .history_list2 .inner_list {margin-top:40px; padding:20px 20px;} .history_list2:after { height:300px;} .history_list2 .inner { padding:20px 20px;} .history_list2 .inner h2 {width:100%} .history_list2 .inner dl {width:100%;} .history_list2 .inner dt {width:10%; float:left;} .history_list2 .inner dd {width:90%; float:right;} .history_list2 .inner dt, .history_list2 .inner dd {font-size:15px; line-height:18px; padding:10px 0px;} .history_list2 .txtbg {top:180px; right:0px} } /* **************************************** * * contact_wrap * **************************************** */ .contact_wrap {overflow:hidden; box-sizing:border-box; position:relative;} .contact_wrap .desc_add {background:rgba(35, 83, 227, 1); box-sizing:border-box;} .contact_wrap .desc_add h2 {font-weight:700; color:#fff;} .contact_wrap .desc_add dt, .contact_wrap .desc_add dd {color:rgba(255,255,255,0.7); box-sizing:border-box;} /*웹*/ @media (min-width:1024px) { .contact_wrap {padding:80px 7% 170px 7%} .contact_wrap #map {position:relative; z-index:1; width:75%; height:600px; float:right;} .contact_wrap #map2 {position:relative; z-index:1; width:75%; height:600px; float:right;} .contact_wrap #map3 {position:relative; z-index:1; width:75%; height:600px; float:right;} .contact_wrap .desc_add {position:absolute; padding:80px 80px ;bottom:60px; left:7%; width:600px; z-index:10;} .contact_wrap .desc_add h2 {font-size:50px; line-height:70px; padding-bottom:30px;} .contact_wrap .desc_add dl {overflow:hidden; padding:11px 0px; box-sizing:border-box;} .contact_wrap .desc_add dt, .contact_wrap .desc_add dd {font-size:16px; line-height:17px;} .contact_wrap .desc_add dt {float:left; width:80px; border-right:1px solid rgba(255,255,255,0.3)} .contact_wrap .desc_add dd {float:left; padding-left:30px; } } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .contact_wrap {padding:80px 7% 370px 7%} .contact_wrap #map {position:relative; z-index:1; width:75%; height:600px; float:right;} .contact_wrap .desc_add {position:absolute; padding:60px 60px ;bottom:60px; left:7%; width:560px; z-index:10;} .contact_wrap .desc_add h2 {font-size:50px; line-height:70px; padding-bottom:30px;} .contact_wrap .desc_add dl {overflow:hidden; padding:11px 0px; box-sizing:border-box;} .contact_wrap .desc_add dt, .contact_wrap .desc_add dd {font-size:16px; line-height:16px;} .contact_wrap .desc_add dt {float:left; width:70px; border-right:1px solid rgba(255,255,255,0.3)} .contact_wrap .desc_add dd {float:left; padding-left:30px; } } /*모바일*/ @media (max-width:640px) { .contact_wrap {padding:50px 4% 50px 4%} .contact_wrap #map { width:100%; height:300px; float:right;} .contact_wrap .desc_add {width:100%; padding:40px 30px; overflow:hidden;} .contact_wrap .desc_add h2 {font-size:30px; line-height:70px; padding-bottom:20px;} .contact_wrap .desc_add dl {overflow:hidden; padding:6px 0px; box-sizing:border-box;} .contact_wrap .desc_add dt, .contact_wrap .desc_add dt {font-size:12px; line-height:14px} .contact_wrap .desc_add dd {font-size:15px; line-height:24px} } /* **************************************** * * businessaea * **************************************** */ .businessaea, .businessaea .topperimg {overflow:hidden;} .businessaea .topperimg {position:relative; z-index:1;} .businessaea.busi001 .topperimg{background:#f04747;} .businessaea.busi002 .topperimg{background:#658c2d;} .businessaea.busi003 .topperimg{background:#378c95} .businessaea.busi004 .topperimg{background:#5d62aa} .businessaea .topperimg h2, .businessaea .topperimg h3, .businessaea .topperimg p {color:#fff;} .businessaea .topperimg p {opacity:0.7;} .businessaea .topperimg h3 {font-weight:500;} .businessaea.busi001 .topperimg .img {overflow:hidden;background:url('/images/sub/busibg01.gif') no-repeat center center; background-size:auto 100% ;} .businessaea.busi002 .topperimg .img {overflow:hidden;background:url('/images/sub/inter01.gif') no-repeat center center; background-size: 100% auto ;} .businessaea.busi003 .topperimg .img {overflow:hidden;background:url('/images/sub/qbg.gif') no-repeat center center; background-size: cover;} .businessaea.busi004 .topperimg .img {overflow:hidden;background:url('/images/sub/beauty.gif') no-repeat center center; background-size: cover;} .businessaea .clickarea-button {overflow:hidden; position:relative; z-index:2; text-align:center; } .businessaea .clickarea-button dl {cursor:pointer; display:inline-block; border-radius:50%; vertical-align:middle; background:#fff; position:relative;} .businessaea .clickarea-button dl dd {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff;} .businessaea .clickarea-button dl dt {display:none} .businessaea.busi001 .clickarea-button dl:nth-child(1){background:rgba(115, 25, 25, 0.9)} .businessaea.busi001 .clickarea-button dl:nth-child(2){background:rgba(147, 30, 30, 0.9)} .businessaea.busi001 .clickarea-button dl:nth-child(3){background:rgba(185, 54, 54, 0.9)} .businessaea.busi001 .clickarea-button dl:nth-child(4){background:rgba(210, 76, 76, 0.9)} .businessaea.busi001 .clickarea-button dl:nth-child(5){background:rgba(234, 105, 105, 0.9)} .businessaea.busi002 .clickarea-button dl:nth-child(1){background:rgba(55, 66, 16, 0.9)} .businessaea.busi002 .clickarea-button dl:nth-child(2){background:rgba(89, 102, 41, 0.9)} .businessaea.busi002 .clickarea-button dl:nth-child(3){background:rgba(136, 151, 83, 0.9)} .businessaea.busi003 .clickarea-button dl:nth-child(1){background:rgba(28, 86, 89, 0.9)} .businessaea.busi004 .clickarea-button dl:nth-child(1){background:rgba(43, 39, 87, 0.9) } .businessaea.busi004 .clickarea-button dl:nth-child(2){background:rgba(74, 69, 130, 0.9)} .businessaea.busi004 .clickarea-button dl:nth-child(3){background:rgba(85, 78, 157, 0.9)} .businessaea.busi004 .clickarea-button dl:nth-child(4){background:rgba(126, 108, 189, 0.9)} .businessaea.busi004 .clickarea-button dl:nth-child(5){background:rgba(161, 143, 223, 0.9)} .businessaea .in-busi-sec01 {border-bottom:1px solid #ddd; } .businessaea .in-busi-sec01:last-child {border-bottom:0px;} .businessaea .in-busi-sec01 .imgarea {overflow:hidden;} .businessaea .in-busi-sec01 .imgarea div {display:inline-block; vertical-align:middle; } .in-busi-sec01 .list dl, .in-busi-sec01 .list li {position:relative;} .in-busi-sec01 .list dl:before, .in-busi-sec01 .list li:before {position:absolute; left:0; content:'.';} .in-busi-sec01 .list dl dt {font-weight:600;} .in-busi-sec01 .list {background:#eee; } /* .businessaea.busi001 .clickarea-button dl { border:6px solid #d02727} .businessaea.busi001 .clickarea-button dl dd {color:#d02727} */ /*웹*/ @media (min-width:1024px) { .businessaea .topperimg .txt {float:left; width:55%; padding:80px 5% 250px 5%;} .businessaea .topperimg h2 {font-size:35px; line-height:60px; padding-bottom:20px;} .businessaea .topperimg h3 {font-size:25px; line-height:40px; padding-bottom:60px; } .businessaea .topperimg p {font-size:17px; line-height:33px;} .businessaea .topperimg .img {position:absolute; top:0; right:0; width:40%; height:100%} .businessaea .clickarea-button { padding-bottom:60px; margin-top:-120px; } .businessaea .clickarea-button dl { height:210px; width:210px; margin: 10px;} .businessaea .clickarea-button dl dd {font-size:20px; line-height:30px;} .businessaea .in-busi-sec01 {padding:40px 0px;} .businessaea .in-busi-sec01 h2 { font-size:26px; line-height:50px;} .businessaea .in-busi-sec01 p {font-size:17px; line-height:33px; } .businessaea .in-busi-sec01 .imgarea {padding-top:50px;} .businessaea .in-busi-sec01 .imgarea div { margin:5px; width:calc(20% - 15px)} .businessaea .in-busi-sec01 .imgarea div img {width:100%;} .in-busi-sec01 .list {margin-top:20px; padding:30px;} .in-busi-sec01 .list li:before {top:5px;} .in-busi-sec01 .list dl:before {top:10px;} .in-busi-sec01 .list li, .in-busi-sec01 .list dl {padding:10px 0px 10px 10px;} .in-busi-sec01 .list li {width:50%; float:left;} .in-busi-sec01 .list li , .in-busi-sec01 .list dl dt, .in-busi-sec01 .list dl dd {font-size:16px; line-height:23px;} .in-busi-sec01 .list dl dt, .in-busi-sec01 .list dl dd { display:inline-block; vertical-align:middle;} .in-busi-sec01 .list dl dt {width:60px; border-right:1px solid #ccc; margin-right:20px;} } /*패드*/ @media (min-width:641px) and (max-width:1023px) { .businessaea .topperimg {padding-top:340px;} .businessaea .topperimg .txt { padding:0px 3% 200px 3%;} .businessaea .topperimg h2 {font-size:27px; line-height:40px; padding-bottom:20px;} .businessaea .topperimg h3 {font-size:21px; line-height:35px; padding-bottom:40px; } .businessaea .topperimg p {font-size:16px; line-height:25px;} .businessaea .topperimg .img {position:absolute; top:0; left:0; width:100%; height:300px;background-size:cover !important;} .businessaea .clickarea-button { padding-bottom:60px; margin-top:-120px; } .businessaea .clickarea-button dl { height:160px; width:160px; margin:4px;} .businessaea .clickarea-button dl dd {font-size:18px; line-height:24px;} .businessaea .in-busi-sec01 {padding:30px 0px;} .businessaea .in-busi-sec01 h2 { font-size:21px; line-height:50px;} .businessaea .in-busi-sec01 p {font-size:15px; line-height:26px; } .businessaea .in-busi-sec01 .imgarea {padding-top:50px;} .businessaea .in-busi-sec01 .imgarea div { margin:5px; width:calc(20% - 15px)} .businessaea .in-busi-sec01 .imgarea div img {width:100%;} .in-busi-sec01 .list {margin-top:20px; padding:30px;} .in-busi-sec01 .list li:before {top:-4px;} .in-busi-sec01 .list dl:before {top:5px;} .in-busi-sec01 .list li, .in-busi-sec01 .list dl {padding:0px 0px 0px 10px;} .in-busi-sec01 .list li, .in-busi-sec01 .list dl dt, .in-busi-sec01 .list dl dd {font-size:15px; margin-top:10px; line-height:22px; } .in-busi-sec01 .list dl dt, .in-busi-sec01 .list dl dd {display:inline-block; vertical-align:middle;} .in-busi-sec01 .list dl dt {width:60px; border-right:1px solid #ccc; margin-right:20px;} } /*모바일*/ @media (max-width:640px) { .businessaea .topperimg {padding-top:240px;} .businessaea .topperimg .txt { padding:0px 3% 160px 3%;} .businessaea .topperimg h2 {font-size:21px; line-height:30px; padding-bottom:20px;} .businessaea .topperimg h3 {font-size:18px; line-height:25px; padding-bottom:50px; } .businessaea .topperimg p {font-size:15px; line-height:23px;} .businessaea .topperimg .img {position:absolute; top:0; left:0; width:100%; height:200px;background-size:cover !important;} .businessaea .clickarea-button { padding-bottom:60px; margin-top:-80px; } .businessaea .clickarea-button dl { height:120px; width:120px; margin:4px;} .businessaea .clickarea-button dl dd {font-size:17px; line-height:22px;} .businessaea .in-busi-sec01 {padding:30px 0px;} .businessaea .in-busi-sec01 h2 { font-size:17px; line-height:40px;} .businessaea .in-busi-sec01 p {font-size:14px; line-height:24px; } .businessaea .in-busi-sec01 .imgarea {padding-top:50px;} .businessaea .in-busi-sec01 .imgarea div { margin:2px; width:calc(33% - 6px)} .businessaea .in-busi-sec01 .imgarea div img {width:100%;} .businessaea .in-busi-sec01 .imgarea div:nth-child(4), .businessaea .in-busi-sec01 .imgarea div:nth-child(5) {display:none;} .in-busi-sec01 .list {margin-top:20px; padding:20px;} .in-busi-sec01 .list li:before {top:-5px;} .in-busi-sec01 .list dl:before {top:-5px;} .in-busi-sec01 .list li, .in-busi-sec01 .list dl {padding:0px 0px 0px 10px;} .in-busi-sec01 .list li, .in-busi-sec01 .list dl dt, .in-busi-sec01 .list dl dd {font-size:15px; margin-top:10px; line-height:22px; } } /*웹*/ @media (min-width:1024px) { } /*패드*/ @media (min-width:641px) and (max-width:1023px) { } /*모바일*/ @media (max-width:640px) { }