/********************************* 공통 ***************************************/ figure{margin: 0;} .container{ padding-top: 83px; } .sub_visual {} .sub_visual .inner {height: 268px; line-height: normal; color: #fff; background-position: center center!important;} .sub_visual.sub_bg01 .inner {background: url("/img/sub/bg_sub01.jpg")no-repeat} .sub_visual.sub_bg02 .inner {background: url("/img/sub/bg_sub01.jpg")no-repeat} .sub_visual.sub_bg03 .inner {background: url("/img/sub/bg_sub01.jpg")no-repeat} .sub_visual.sub_bg04 .inner {background: url("/img/sub/bg_sub01.jpg")no-repeat} .sub_visual.sub_bg05 .inner {background: url("/img/sub/bg_sub01.jpg")no-repeat} .sub_visual.sub_bg06 .inner {background: url("/img/sub/bg_sub01.jpg")no-repeat} .sub_visual.sub_bg07 .inner {background: url("/img/sub/bg_sub07.png")no-repeat} .sub_visual .inner.custom2 {position: relative; height: 100%; background: none;} .sub_visual .title {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-transform: uppercase; box-sizing: border-box;} .sub_visual .title h2 {padding-bottom: 15px; line-height: 50px; font-size: 50px; font-weight: 600;} .sub_visual .title p {opacity: .7; font-size: 16px; font-weight: 500; letter-spacing: -1px;} .lnb {height: 65px;} .lnb .inner {padding: 0; border-bottom: 1px solid #e5e5e5;} .lnb .home {float: left; height: 100%;} .lnb .home a {position: relative; display: block; width: 100px; height: 100%; background: #212121; text-align: center;} .lnb .home a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .lnb .menu {float: left; position: relative; height: 100%; } .lnb .menu p {display: none; position: relative; height: 100%; padding: 0 10px; line-height: 65px; background: #de1a22; font-size: 16px; color: #fff; cursor: pointer;} .lnb .menu p span {float: right;} .lnb ul {float: left; height: 100%; font-size: 0; } .lnb ul li {display: table; float: left; width: 235px; height: 100%; text-align: center; border-right: 1px solid #e5e5e5; box-sizing: border-box;} .lnb ul li a {display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-family: "Noto Sans KR"; font-size: 18px; color: #555; box-sizing: border-box; transition: all .2s;} .lnb ul li.on a {background-color: #de1a22; border-color: #de1a22; color: #fff;} .lnb ul li a:hover {background-color: #e54a50; border-color: #e54a50; color: #fff;} .sub_content {overflow: hidden; padding-bottom: 60px;} .sub_content h3 {padding: 45px 0; margin-bottom: 55px; border-bottom: 1px solid #e1e1e1; text-align: center; font-size: 36px; font-weight: 500;} .sub_content h3 span {position: relative;} .sub_content h3 span::after {content: ""; position: absolute; bottom: -46px; left: 0; width: 100%; height: 1px; background: #de1a22; } /******************************* greeting *************************************/ .greeting ul li {margin-bottom: 40px;} .greeting ul li::after {content: ""; display: block; clear: both;} .greeting ul li > div {float: left; width: 50%;} .greeting ul li:nth-child(even) > div {float: right;} .greeting ul li .img img {width: 100%;} .greeting ul li .content div {width: 82%; padding: 10% 0 0 10%; box-sizing: border-box;} .greeting ul li .content div h4 {padding-bottom: 15px; text-transform: uppercase; font-size: 36px; font-weight: 600; color: #de1a22;} .greeting ul li .content div dl dt {padding-bottom: 30px; font-size: 24px; font-weight: 500;} .greeting ul li .content div dl dd {font-size: 18px; font-weight: 300;} .greeting .knowhow {height: 457px; background: #ebebeb;} .greeting .knowhow > div {float: left; box-sizing: border-box;} .greeting .knowhow .left {width: 40%; padding: 105px 0 0 200px;} .greeting .knowhow .left h4 {padding-bottom: 20px; line-height: 60px; text-transform: uppercase; font-size: 60px; font-weight: 600;} .greeting .knowhow .left dl dt {padding-bottom: 15px; font-family: "Noto Sans KR"; font-size: 24px; font-weight: 700;} .greeting .knowhow .left dl dt span {color: #de1a22;} .greeting .knowhow .right {width: 50%;} .greeting .knowhow .right ul li {float: left; width: 33.33333%; padding: 0 5%; text-align: center; box-sizing: border-box;} .greeting .knowhow .right ul li .title {margin: 100px 0 15px; font-size: 18px; font-weight: 500;} .greeting .knowhow .right ul li .circle {position: relative; width: 100%; height: 0; padding-bottom: 100%; background: #e1e1e1; border-radius: 50%; text-align: center;} .greeting .knowhow .right ul li .circle::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; height: 95%; background: #fff; border:#d7d7d7; border-radius: 50%;} .greeting .knowhow .right ul li .circle span {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; font-family: "Roboto Condensed"; font-size: 58px; font-weight: 700; color: #de1a22;} /******************************* portfolio *************************************/ .portfolio .list {margin-bottom: 70px;} .portfolio .list ul li {float: left; width: 24.25%; margin-right: 1%; margin-bottom: 25px; } .portfolio .list ul li:nth-child(4n) {margin-right: 0;} .portfolio .list ul li .img {position: relative; width: 100%; height: 0; padding-bottom: 57%; margin-bottom: 5px;} .portfolio .list ul li .img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; min-height: 100%; margin: auto;height:100%;width:100%;} .portfolio .list ul li .text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 18px; font-weight: 500; color: #222;} .portfolio .form {height: 55px; margin-bottom: 20px;} .portfolio .form form {height: 100%;} /*.portfolio .form .left {float: left; height: 100%;}*/ .portfolio .form .left { display:flex; justify-content:space-between;} .portfolio .form .left a { background:#de1f27; color:#fff; padding:12px; display:flex; align-items:center;} .portfolio .form .left .view_type {width: 66px; height: 100%; line-height: 55px; background: #333; text-align: center; font-size: 20px; font-weight: 500; color: #fff;} .portfolio .form .right {float: right; height: 100%;} .portfolio .form .right div input, .portfolio .form .right select {height: 100%; box-sizing: border-box;} .portfolio .form .right .select {display: inline-block;} .portfolio .form .right select {width: 170px; text-indent: 15px; border: 1px solid #e1e1e1; font-size: 16px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url("/img/sub/icon_down_arrow.png")no-repeat 90% center;} .portfolio .form .right select::-ms-expand {display:none} .portfolio .form .right div {position: relative; display: inline-block; height: 100%;} .portfolio .form .right div input {width: 500px; padding: 0 55px 0 10px; border: 1px solid #e1e1e1; font-size: 16px;} .portfolio .form .right div button {position: absolute; top: 0; right: 0; width: 56px; height: 100%;} .portfolio .form .right button[type="submit"] {background: #ccc; width: 55px; height: 100%; vertical-align: top;} .paging {margin-bottom: 50px; text-align: center;} .paging a {display: inline-block; position: relative; padding:8px; color: #333; margin-right: 20px;} .paging a.on {color: #c41d30;} .paging a.on::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background-color: #c41d30;} .paging > a:first-child, .paging > a:last-child {padding: 8px 12px; color: #fff;} .paging > a:first-child {background-color: #c41d30;} .paging > a:last-child {border: 1px solid #c41d30; color: #c41d30;} .portfolio_popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000px; z-index: 101;} .portfolio_popup .head {position: relative; min-height: 52px; padding: 12px 50px 12px 35px; margin-bottom: 8px; background: #fff; font-size: 20px; font-weight: 500; color: #222; box-sizing: border-box;} .portfolio_popup .head button {position: absolute; top: 50%; right: 5px; transform: translateY(-50%); width: 50px; height: -webkit-calc(100% - 10px); background: #222;} .portfolio_popup .body {position: relative; width: 100%; height: 0; padding-bottom: 56.2%;} .portfolio_popup .body .video {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;} .blackout {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 100;} .placeholder_box {position: relative;} .placeholder_box label {position: absolute; top: 17px; left: 15px; font-size: 15px; font-weight: 400; color: #b9b7b7; cursor: text;} .placeholder_box label span {color: #555;} /* 프렌차이즈 광고*/ .franchiseInfo { } .franchiseInfo * { box-sizing:border-box; font-family: 'Apple SD Gothic Neo'; font-weight:500;} .franchiseInfo .download { margin-bottom:44px;} .franchiseInfo .download ul { display:flex; flex-direction:column; align-items: flex-end; gap:11px;} .franchiseInfo .download ul li { text-align:center;} .franchiseInfo .download ul li a { display:block; height:70px; border-radius:35px; border:1px solid #000; font-size:18px; font-weight:900; width:320px; line-height:70px; color:#000; letter-spacing:-0.065em;} .franchiseInfo .bnList {} .franchiseInfo .bnList ul { text-align:center; display:flex; background: url("/img/sub/franchiseInfo_bnList_bg.jpg") no-repeat center; background-size:cover; } .franchiseInfo .bnList ul li { width:33.3333333%; padding:80px 0;} .franchiseInfo .bnList ul li:hover { background:rgba(0,0,0,0.48);} .franchiseInfo .bnList ul li .txt { color:#fff; font-size:27px; line-height:1.74074em; margin-top:36px;} .franchiseInfo .contWrap { margin-top:90px; } .franchiseInfo .contWrap > section:not(:last-child) { margin-bottom:120px;} .franchiseInfo .contWrap .s_txt { position:relative; padding-top:54px; margin-top:30px;} .franchiseInfo .contWrap .s_txt em { font-family: 'D2Coding'; font-size:143px; position:absolute; left:-10px; top:0; color:#6c6d70; opacity:0.4; } .franchiseInfo .contWrap .s_txt p { font-size:23px; color:#221815; margin-top:15px; font-weight:500; line-height:1.44;} .franchiseInfo .contWrap .s_txt span { color:#ff0000;} .franchiseInfo .bar { background:#7f7f7f; color:#fff; font-size:18px; padding:0 16px; max-width:536px; position:relative; height:38px; display:flex; align-items:center; margin-top:30px; margin-bottom:20px; width:80%;} .franchiseInfo .bar:before, .franchiseInfo .bar:after { content:""; display:block; position:absolute; top:0; } .franchiseInfo .bar:before { right:-30px; width: 0px; height: 0px; border-top: 38px solid #7f7f7f; border-left: 0 solid transparent; border-right: 30px solid transparent; } .franchiseInfo .bar:after { width:38px; height:32px; background: #de1a22; z-index:-1; right:-38px; clip-path: polygon(65% 0, 100% 0, 35% 100%, 0 100%); } .tit_s1 { font-size:28px; color:#000; font-weight:500;} .tit_s1 span { color:#ff0000;} .graph { padding-top:50px; margin-top:-100px;} .graph .table {} .graph .table th { background: #ff0000; color:#fff;} .graph .table th, .graph .table td { border:1px solid #bababb; vertical-align:middle; padding:6px 15px; } .graph .table td { font-size:13px; color:#000; } .graph .line {} .graph .line ul { display:grid; grid-template-columns:repeat(6,1fr);} .graph .line li:not(:first-child) { border-bottom:7px solid #ff0000; padding-bottom:18px;} .graph .line li { text-align:center; position:relative; } .graph .line li p { position:absolute; width:100%; bottom:16px;} .graph .line li:not(:first-child):before , .graph .line li:not(:first-child):after { content:""; display:block; width:1px; position:absolute; right:0; } .graph .line li:not(:first-child):before { background:#ff0000; bottom:-7px; height:50px; opacity:0.4;} .graph .line li:not(:first-child):after { content:""; background: #bababb; display:block; top:calc(100% + 17px);} .graph .line li:nth-child(2) { border-color:rgba(255,0,0,0.4); margin-bottom:77px;} .graph .line li:nth-child(2):after { height:50px ;opacity:0.6; } .graph .line li:nth-child(2):after { height:67px; right:-1px;} .graph .line li:nth-child(3) { border-color:rgba(255,0,0,0.6); margin-bottom:120px;} .graph .line li:nth-child(3):before { height:52px; opacity:0.7} .graph .line li:nth-child(3):after { height:110px;} .graph .line li:nth-child(4) { border-color:rgba(255,0,0,0.7); margin-bottom:166px;} .graph .line li:nth-child(4):before { height:45px; opacity:0.8} .graph .line li:nth-child(4):after { height:156px;} .graph .line li:nth-child(5) { border-color:rgba(255,0,0,0.8); margin-bottom:204px;} .graph .line li:nth-child(5):before { opacity:1; height:43px;} .graph .line li:nth-child(5):after { height:194px;} .graph .line li:nth-child(6) { border-color:rgba(255,0,0,1); margin-bottom:240px;} .graph .line li:nth-child(6):before, .graph .line li:nth-child(6):after { display:none;} .graph .line p { font-size:17px; color:#ff0000; font-weight:700;} .adService {} .adService .list ul { background: #f6f6f6; border:1px solid #a0a0a0; border-radius:10px; padding:8px; display:grid; grid-template-columns:repeat(2,1fr); gap:0 10px; } .adService .list li {border:1px solid #a0a0a0; border-radius:10px; background: #ffffff; text-align:center; padding:12px 32px;} .adService .list li .tit { font-size:16px; font-weight:700; color:#221815; padding:8px 0 20px;} .adService .list li .txtBox { background:#f2f2f2; padding:14px; font-size:12px; text-align:left; margin-top:24px;} .adService .list li .txtBox p { position:relative; padding-left:8px;} .adService .list li .txtBox p:before { content:""; width:3px;height:3px; border-radius:50%; display:block; background:#221815; border-radius:50%; display:block; position:absolute; left:0; top:8px;} .adService .list li .txtBox span { display:block;} .support {} .support .img { padding-top:20px; text-align:center;} .support .table {border:1px solid #888888; border-left:none; border-right:none; margin-top:52px;} .support .table th, .support .table td { padding:4px; 10px;} .support .table th { background: #f2f2f2; color:#000; font-size:14px;} .support .table td {font-size:13px; text-align:center; vertical-align:middle; color:#000000;} .support .table .w1 { width:270px;} .support .table .w3 { width:240px;} .dots { text-align:left; padding:4px 22px;} .dots p { position:relative; padding-left:6px;} .dots p:before { content:""; width:3px; height:3px; background: #000; display:block; position:absolute; left:0; top:9px; border-radius:50%; } .support .table th, .support .table td { border:1px solid #a7a7a7; } .support .table th:first-child, .support .table td:first-child { border-left:none; } .support .table th:last-child, .support .table td:last-child { border-right:none; } .support {} .platform ul { display:grid; grid-template-columns:repeat(4,1fr); text-align:center; gap:22px;} .platform ul li { padding:0 20px 20px 20px; border-radius:6px; background: #d9d9d9; color:#000;} .platform ul li img { max-width:100%;} .platform ul li dt { font-size:15px; font-weight:600;} .platform ul li dd { font-size:12px; font-size:300;} .platform ul li dd p {} .platform ul li dd p:before { content:""; width:3px; height:3px; border-radius:50%; display:inline-block; background: #000; margin-right:3px; vertical-align:middle; line-height:1;} .platform ul li .img { min-height:130px; display:flex;align-items:center; justify-content:center; } /*font-family: 'Noto Sans KR', sans-serif;*/ /* font-family: 'Titillium Web', sans-serif; */ /* font-family: 'Kanit', sans-serif; */ /* 공통 */ .w1200{width:1200px;margin:0 auto;} .w1300{width:1300px;margin:0 auto;} @media all and (max-width:1200px){ .w1200{width:93.5%;} } @media all and (max-width:1400px){ .w1300{width:93.5%;} } /* 오시는길 */ .location .w1300 ul{display:flex; justify-content:space-between; font-size:0;text-align:left;} .location .w1300 ul::after {display:none;} .location .w1300 ul li:last-of-type{margin-right:0;} .location .w1300 ul li{display:inline-block;vertical-align:top;width:260px;margin-right:86px;font-family: 'Noto Sans KR', sans-serif;} .location .w1300 ul li .icon{width:170px;height:170px;box-sizing:border-box;border-radius:50%;background-color:#f5f5f5;margin:0 auto;} .location .w1300 ul li .icon img{display:block;margin:0 auto;padding-top:50px;} .location .w1300 ul li p{font-size:22px;line-height:1.2;letter-spacing:-0.025em;font-weight:500;color:#ca1f27;text-align:center;padding-top:45px;} .location .w1300 ul li span{display:block;font-size:16px;font-weight:300;color:#333;text-align:center;letter-spacing:-0.025em;padding-top:30px;} .location .w1300 ul li span a.address{display:block;font-size:16px;font-weight:300;color:#333;text-align:center;letter-spacing:-0.025em;font-family: 'Noto Sans KR', sans-serif;} .location .w1300 ul li span b{font-family: 'Titillium Web', sans-serif;font-size:30px;font-weight:bold;letter-spacing:-0.025em;color:#333;} .location .w1300 ul li span b a{display:block;color:#333;line-height:1;position:relative;top:-5px;} .location .w1300 ul li span.tel{font-family: 'Titillium Web', sans-serif;display:block;font-size:20px;letter-spacing:-0.025em;font-weight:400;color:#333;} .location .w1300 ul li span > a{font-family: 'Titillium Web', sans-serif;display:block;font-size:20px;letter-spacing:-0.025em;font-weight:400;color:#333;} .location .map-area{width:100%;height:610px;margin:100px auto 0;} .location .map-area > div{width:100% !important; height:100% !important;} .location .map-area > div > div{height:100% !important;} @media all and (max-width:1400px){ .location .w1300 ul li{width:25%;margin-right:0;} } @media all and (max-width:960px){ .location .w1300 ul li .icon{width:140px;height:140px;} .location .w1300 ul li .icon img{padding-top:35px;} .location .w1300 ul li p{padding-top:25px;} .location .map-area{height:350px;margin-top:50px;} } @media all and (max-width:700px){ .location .w1300 ul li .icon{width:170px;height:170px;} .location .w1300 ul li .icon img{padding-top:50px;} .location .w1300 ul li{width:50%;margin-bottom:35px;} } /* 조직도 및 전국네트워크 */ .organi01{background:url("/img/sub/organi01-bg.jpg")no-repeat center bottom;padding-bottom:185px;} .organi01 .w1200{} .organi01 .w1200 img:first-of-type{display:block;margin:0 auto;} .organi01 .w1200 p{font-size:24px;font-weight:500;letter-spacing:-0.025em;line-height:36px;color:#222;text-align:center;} .organi01 .w1200 p span{color:#de1a22;} .organi01 .w1200 img:nth-of-type(2){display:block;margin:80px auto 0;} .organi02{background:url("/img/sub/organi02-bg.jpg")no-repeat center top;padding:100px 0;position:relative;background-size:cover;} .organi02 > img{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:-118px;} .organi02 .w1300:after{display:block;content:"";clear:both;} .organi02 .w1300 .left{float:left;width:697px;height:482px;box-sizing:border-box;margin-top:85px;position:relative;background:url("/img/sub/organi02-img01.png")no-repeat center top;} .organi02 .w1300 .left span{display:inline-block;position:absolute;font-size:19px;font-weight:500;color:#fff;text-align:center;letter-spacing:-0.05em;background-color:#de1a22;line-height:1;padding:5px 20px;border-radius:3px;} .organi02 .w1300 .left span:first-of-type{left:89px;top:24px;} .organi02 .w1300 .left span:nth-of-type(2){left:34px;top:92px;} .organi02 .w1300 .left span:nth-of-type(3){left:16px;top:141px;} .organi02 .w1300 .left span:nth-of-type(4){left:35px;top:193px;} .organi02 .w1300 .left span:nth-of-type(5){left:0;top:350px;} .organi02 .w1300 .left span:nth-of-type(6){right:185px;top:18px;} .organi02 .w1300 .left span:nth-of-type(7){right:28px;top:50px;} .organi02 .w1300 .left span:nth-of-type(8){right:50px;top:110px;} .organi02 .w1300 .left span:nth-of-type(9){right:0;top:195px;} .organi02 .w1300 .left span:nth-of-type(10){right:30px;top:240px;} .organi02 .w1300 .right{float:right;} .organi02 .w1300 .right > p{font-family:'Kanit', sans-serif;font-size:50px;font-weight:bold;letter-spacing:-0.025em;line-height:48px;color:#222;} .organi02 .w1300 .right > p span{color:#de1a22;} .organi02 .w1300 .right > span{display:block;padding-top:20px;font-size:16px;line-height:1.2;letter-spacing:-0.018em;font-weight:400;color:#555;} .organi02 .w1300 .right .nw{padding-top:70px;} .organi02 .w1300 .right .nw > p{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-0.018em;color:#de1a22;} .organi02 .w1300 .right .nw dl:first-of-type{margin-top:20px;} .organi02 .w1300 .right .nw dl{display:block;font-size:0;text-align:left;margin-top:8px;} .organi02 .w1300 .right .nw dl dt{display:inline-block;vertical-align:top;font-size:18px;font-weight:bold;letter-spacing:-0.018em;color:#222;margin-right:25px;position:relative;} .organi02 .w1300 .right .nw dl dt:after{display:block;content:":";position:absolute;right:-15px;top:0;} .organi02 .w1300 .right .nw dl dt.length2{} .organi02 .w1300 .right .nw dl dd{display:inline-block;vertical-align:top;font-size:18px;letter-spacing:-0.018em;font-weight:300;color:#666;} @media all and (max-width:1400px){ .organi02 .w1300 .left{float:none;margin:0 auto;} .organi02 .w1300 .right{width:700px;margin:0 auto;float:none;} } @media all and (max-width:1300px){ } @media all and (max-width:1200px){ .organi01 .w1200 img:nth-of-type(2){width:100%;} } @media all and (max-width:800px){ .organi02 .w1300 .left{width:450px;height:311px;background-size:cover;} .organi02 .w1300 .left span:first-of-type{left:33px;top:12px;} .organi02 .w1300 .left span:nth-of-type(2){left:-8px;top:56px;} .organi02 .w1300 .left span:nth-of-type(3){left:-14px;top:90px;} .organi02 .w1300 .left span:nth-of-type(4){left:-11px;top:124px;} .organi02 .w1300 .left span:nth-of-type(5){left:-34px;top:221px;} .organi02 .w1300 .left span:nth-of-type(6){right:45px;top:3px;} .organi02 .w1300 .left span:nth-of-type(7){right:-15px;top:34px;} .organi02 .w1300 .left span:nth-of-type(8){right:21px;top:68px;} .organi02 .w1300 .left span:nth-of-type(9){right:-47px;top:121px;} .organi02 .w1300 .left span:nth-of-type(10){right:-25px;top:153px;} .organi02 .w1300 .right{width:100%;} .organi02 .w1300 .right .nw dl dt{display:block;} .organi02 .w1300 .right .nw dl dt:after{display:none;} } @media all and (max-width:700px){ .organi01{padding-bottom:100px;} .organi01 .w1200 img:first-of-type{width:180px;} .organi01 .w1200 p{word-break:keep-all;font-size:18px;line-height:24px;} .organi01 .w1200 p br{display:none;} .organi01 .w1200 img:nth-of-type(2){margin-top:40px;} .organi02 .w1300 .left{width:450px;height:311px;background-size:cover;} .organi02 .w1300 .left span:first-of-type{left:33px;top:12px;} .organi02 .w1300 .left span:nth-of-type(2){left:-8px;top:52px;} .organi02 .w1300 .left span:nth-of-type(3){left:-14px;top:80px;} .organi02 .w1300 .left span:nth-of-type(4){left:-11px;top:110px;} .organi02 .w1300 .left span:nth-of-type(5){left:-25px;top:200px;} .organi02 .w1300 .left span:nth-of-type(6){right:45px;top:7px;} .organi02 .w1300 .left span:nth-of-type(7){right:-15px;top:32px;} .organi02 .w1300 .left span:nth-of-type(8){right:21px;top:62px;} .organi02 .w1300 .left span:nth-of-type(9){right:-25px;top:109px;} .organi02 .w1300 .left span:nth-of-type(10){right:-25px;top:137px;} } @media all and (max-width:640px){ .organi02 .w1300 .left{width:400px;height:276px;} .organi02 .w1300 .left span{padding:5px 15px 3px;font-size:14px;} } .w1400{width:1400px;margin:0 auto;} @media all and (max-width:1400px){ .w1400{width:93.5%;} } .txt-visual{font-family: 'Noto Sans KR', sans-serif;} .txt-visual.margin-top{ margin-top: 55px; } .txt-visual .w1400:after{display:block;content:"";clear:both;} .txt-visual .w1400 .left{float:left;margin-right:55px;} .txt-visual .w1400 .left img{} .txt-visual .w1400 .right{float:left;padding-top:90px;width:700px;} .txt-visual .w1400 .right p{font-size:30px;line-height:1.2;letter-spacing:-0.025em;font-weight:500;color:#de1a22;} .txt-visual .w1400 .right p span{font-size:24px;letter-spacing:-0.025em;font-weight:300;color:#222;} .txt-visual .w1400 .right ul{margin-top:30px;} .txt-visual .w1400 .right ul li:first-of-type{margin-top:0;} .txt-visual .w1400 .right ul li{position:relative;font-size:18px;line-height:36px;letter-spacing:-0.025em;font-weight:300;color:#222;padding-left:20px;font-family: 'Noto Sans KR', sans-serif;} .txt-visual .w1400 .right ul li b{color:#de1a22;} .txt-visual .w1400 .right ul li:before{display:block;content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#de1a22;left:0;top:15px;} .txt-visual .w1400 .right ul li span{font-size:14px;font-weight:300;color:#777;} @media all and (max-width:1400px){ .txt-visual .w1400 .right{width:calc(100% - 699px);padding-top:0;} .txt-visual .w1400 .right ul li:first-of-type{margin-top:0;} .txt-visual .w1400 .right ul li{line-height:24px;margin-top:10px;} .txt-visual .w1400 .right ul li:before{top:9px;} .txt-visual .w1400 .right ul li br{display:none;} } @media all and (max-width:1200px){ .txt-visual .w1400 .left{width:550px;} .txt-visual .w1400 .right{width:calc(100% - 605px);} } @media all and (max-width:960px){ .txt-visual .w1400 .left{float:none;width:100%;} .txt-visual .w1400 .right{float:none;width:100%;margin-top:30px;} } @media all and (max-width:640px){ /* .txt-visual .w1400 .right p span{display:block;} */ } .description-box{padding-top:80px;font-family:"Noto Sans KR", sans-serif;} .description-box .w1400 > p{font-size:30px;letter-spacing:-0.025em;font-weight:500;line-height:1.2;color:#222;} .description-box .w1400 > ul{margin-top:35px;font-size:0;text-align:center;} .description-box .w1400 > ul > li:last-of-type{margin-right:0;} .description-box .w1400 > ul > li{display:inline-block;vertical-align:top;width:24%;margin-right:1.3%;} .description-box .w1400 > ul > li .top{width:100%;height:100px;background-color:#de1a22;position:relative;font-size:24px;line-height:100px;text-align:center;font-size:24px;font-weight:500;letter-spacing:-0.025em;color:#fff;text-align:center;} .description-box .w1400 > ul > li .top:before{display:block;content:"";position:absolute;background:url("/img/sub/des-top-after.png")no-repeat center top;background-size:cover;width:30px;height:15px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:-15px;} .description-box .w1400 > ul > li .bottom{width:100%;height:193px;background-color:#f3f3f3;margin-top:5px;padding-top:45px;box-sizing:border-box;font-size:17px;font-weight:300;letter-spacing:-0.025em;color:#222;} .description-box .w1400 > ul > li .bottom img{display:inline-block;vertical-align:bottom;margin:0 15px;} .description-box .w1400 > ul > li .bottom.type02{padding-top:30px;} .description-box .w1400 > ul > li .bottom.type02 img{margin:5px} .description-box .w1400 > ul > li .bottom.type02.type03 img{margin:} .description-box .w1400 > ul > li .bottom.type02 > ul{padding-left:10px;padding-right:10px;} .description-box .w1400 > ul > li .bottom > ul{width:100%;padding-left:30px;padding-right:30px;box-sizing:border-box;} .description-box .w1400 > ul > li .bottom > ul > li:first-of-type{margin-top:0;} .description-box .w1400 > ul > li .bottom > ul > li{font-size:17px;line-height:21px;letter-spacing:-0.025em;font-weight:300;color:#333;position:relative;text-align:left;padding-left:20px;box-sizing:border-box;margin-top:12px;} .description-box .w1400 > ul > li .bottom > ul > li:before{display:block;content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#999;left:0;top:7px;} @media all and (max-width:1400px){ .description-box .w1400 > ul{width:730px;margin:35px auto 0;} .description-box .w1400 > ul > li{width:350px;margin-right:30px;margin-bottom:30px;} .description-box .w1400 > ul > li:nth-of-type(2n){margin-right:0;} } @media all and (max-width:800px){ .description-box .w1400 > ul{width:100%;} .description-box .w1400 > ul > li{width:100%;margin-right:0;} .description-box .w1400 > ul > li .top{height:60px;line-height:60px;font-size:22px;} .description-box .w1400 > ul > li .bottom{height:auto;padding:50px 0;} } .bgCon.type01{background:url("/img/sub/bgcon-bg01.jpg")no-repeat center top;background-size:cover;padding:115px 35px 95px 35px;margin-top:85px; width: 100%; max-width: 1800px; margin: 0 auto; box-sizing:border-box; margin-bottom:100px;} .bgCon.type02{background:url("/img/sub/bgcon-bg02.jpg")no-repeat center top;background-size:cover;padding:100px 35px 100px 35px;margin-top:85px;} .bgCon .w1400{padding-left:40px;} .bgCon .w1400 > p{font-size:56px;font-weight:bold;letter-spacing:-0.025em;color:#fff;line-height:1.1;} .bgCon .w1400 > p span{font-family:'Kanit', sans-serif;color:#de1a22;font-size:70px;} .bgCon .w1400 > p b{color:#de1a22;} .bgCon .w1400 > p em{font-size:30px;font-weight:300;color:#fff;font-family:"Noto Sans KR", sans-serif;} .bgCon .w1400 dl{padding-left:100px;} .bgCon .w1400 dl{margin-top:40px;} .bgCon .w1400 dl:first-of-type{margin-top:55px;} .bgCon .w1400 dl dt:before{display:block;content:"";position:absolute;width:44px;height:44px;left:-60px;top:0;} .bgCon .w1400 dl:first-of-type dt:before{background:url("/img/sub/bgcon-icon01.png")no-repeat center top;} .bgCon .w1400 dl:nth-of-type(2) dt:before{background:url("/img/sub/bgcon-icon02.png")no-repeat center top;} .bgCon .w1400 dl:nth-of-type(3) dt:before{background:url("/img/sub/bgcon-icon03.png")no-repeat center top;} .bgCon .w1400 dl:first-of-type dt:before{background:url("/img/sub/lc-icon09.png")no-repeat center top;} .bgCon .w1400 dl:nth-of-type(2) dt:before{background:url("/img/sub/lc-icon10.png")no-repeat center top;} .bgCon .w1400 dl dt{font-size:24px;font-weight:bold;letter-spacing:-0.025em;color:#fff;position:relative;font-family:"Noto Sans KR", sans-serif;} .bgCon .w1400 dl dt span{font-weight:300;} .bgCon .w1400 dl dd{padding-top:17px;} .bgCon .w1400 dl dd ul li{padding-left:22px;position:relative;font-size:14px;font-weight:300;color:#c5c5c5;} .bgCon .w1400 dl dd ul li:before{display:block;content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:#c5c5c5;left:7px;top:9px;} .bgCon .w1400 dl dd ul li b{font-weight:500;display:inline-block;vertical-align:bottom;position:relative;margin-right:20px;font-size:16px;top:-1px;} .bgCon .w1400 dl dd ul li b:after{display:block;content:":";position:absolute;right:-10px;top:0;} .bgCon .w1400 dl dd p{font-size:16px;font-weight:300;color:#c5c5c5;font-family:"Noto Sans KR", sans-serif;} .bgCon .w1400 dl dd .line{margin-top:100px;font-size:0;text-align:left;} .bgCon .w1400 dl dd .line > span{display:inline-block;vertical-align:top;height:8px;position:relative;} .bgCon .w1400 dl dd .line > span:first-of-type, .bgCon .w1400 dl dd .line > span:nth-of-type(3), .bgCon .w1400 dl dd .line > span:nth-of-type(5){width:65px;background-color:#fff;} .bgCon .w1400 dl dd .line > span:nth-of-type(2), .bgCon .w1400 dl dd .line > span:nth-of-type(4), .bgCon .w1400 dl dd .line > span:nth-of-type(7){width:220px;background-color:#4d4d4d;} .bgCon .w1400 dl dd .line > span:nth-of-type(6){width:65px;background-color:#de1a22;} .bgCon .w1400 dl dd .line > span > em{display:block;position:absolute;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);-ms-transform:translate(-50%);-moz-transform:translate(-50%);-o-transform:translate(-50%);top:25px;font-size:14px;font-weight:500;color:#fff;} .bgCon .w1400 dl dd .line > span > span{display:block;position:absolute;width:168px;height:88px;box-sizing:border-box;border-radius:5px;background-color:#de1a22;color:#fff;font-size:14px;line-height:1.3;letter-spacing:-0.025em;font-weight:300;color:#fff;text-align:center;padding-top:20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:30px;} .bgCon .w1400 dl dd .line > span > span:after{display:block;content:"";position:absolute;background:url("/img/sub/bgcon-box-after.png")no-repeat center top;width:16px;height:8px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:-8px;} .bgCon .w1400 dl dd .line > span > span b{font-size:21px;font-weight:500;letter-spacing:-0.025em;} @media all and (max-width:1200px){ .bgCon .w1400 dl dd .line > span:first-of-type, .bgCon .w1400 dl dd .line > span:nth-of-type(3), .bgCon .w1400 dl dd .line > span:nth-of-type(5){width:30px;} .bgCon .w1400 dl dd .line > span:nth-of-type(2), .bgCon .w1400 dl dd .line > span:nth-of-type(4), .bgCon .w1400 dl dd .line > span:nth-of-type(7){width:100px;} .bgCon .w1400 dl dd .line > span:nth-of-type(6){width:30px;} .bgCon .w1400 dl dd .line > span > em{text-align:center;line-height:1.2;} .bgCon .w1400 dl dd .line{margin-top:130px;} } @media all and (max-width:640px){ .txt-visual.margin-top{ margin-top: 0px; } .bgCon.type02{margin-top:40px;} .bgCon .w1400 dl dd .line > span:nth-of-type(2), .bgCon .w1400 dl dd .line > span:nth-of-type(4), .bgCon .w1400 dl dd .line > span:nth-of-type(7){width:72px;} } @media all and (max-width:1024px){ .bgCon.type01{padding:50px 35px;} .bgCon .w1400{padding-left:0;} .bgCon .w1400 dl{padding-left:20px;} .bgCon .w1400 dl dd ul li{padding-left:18px;} .bgCon .w1400 > p{font-size:44px;} .bgCon .w1400 > p span{font-size:55px;} } .adCon{padding-top:85px;} .adCon .w1400{} .adCon .w1400 p{font-size:30px;line-height:1.2;letter-spacing:-0.025em;font-weight:500;color:#222;} .adCon .w1400 > ul{font-size:0;text-align:center;margin-top:35px;} .adCon .w1400 > ul > li:last-of-type{margin-right:0;} .adCon .w1400 > ul > li{display:inline-block;vertical-align:top;margin-right:30px;width:445px;background-color:#f5f5f5;height:425px;box-sizing:border-box;font-size:30px;letter-spacing:-0.025em;font-weight:bold;color:#222;font-family:'Noto Sans KR', sans-serif;padding-top:75px;} .adCon .w1400 > ul > li > img{display:inline-block;vertical-align:bottom;position:relative;top:-3px;} .adCon .w1400 > ul > li > ul{padding-top:50px;text-align:left;padding-left:100px;box-sizing:border-box;} .adCon .w1400 > ul > li > ul > li{position:relative;box-sizing:border-box;padding-left:28px;font-size:17px;font-weight:300;letter-spacing:-0.025em;line-height:36px;color:#222;} .adCon .w1400 > ul > li > ul > li:before{display:block;content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#999;left:8px;top:15px;} .adCon .w1400 > ul > li > ul > li b{font-weight:500;} .adCon .w1400 > ul > li > ul > li p:first-of-type{margin-top:0;} .adCon .w1400 > ul > li > ul > li p{position:relative;font-size:17px;font-weight:300;letter-spacing:-0.025em;margin-top:2px;} @media all and (max-width:1400px){ .adCon .w1400 > ul{text-align:left;} .adCon .w1400 > ul > li:last-of-type{margin-right:auto;} .adCon .w1400 > ul > li{width:48.5%;margin-right:3%;text-align:center;margin-bottom:3%;} .adCon .w1400 > ul > li:nth-of-type(2n){margin-right:0;} } @media all and (max-width:1024px){ .adCon .w1400 > ul > li{text-align:left;padding-left:50px;font-size:24px;height:380px;} .adCon .w1400 > ul > li > ul{padding-left:0;} .adCon .w1400 > ul > li > img{height:50px;} } @media all and (max-width:700px){ .adCon .w1400 > ul > li{width:100%;margin-right:0;height:auto;padding:30px 50px;} } .tableCon{padding-top:90px;} .tableCon .w1400:after{display:block;content:"";clear:both;} .tableCon .w1400 .left{float:left;padding-top:50px;} .tableCon .w1400 .left img{} .tableCon .w1400 .right{float:right;width:920px;} table.type01{width:100%;font-family:"Noto Sans KR", sans-serif;} table.type01 tr td > img:first-of-type{margin-top:0;} table.type01 tr td > img:last-of-type{margin-bottom:0;} table.type01 tr td > img{display:block;margin:50px auto;} table.type01.p5 tr th{padding:5px 0;} table.type01.p5 tr td{padding:5px 0;font-size:16px;font-weight:300;color:#222;} table.type01.p5 tr td.gray{font-size:16px;font-weight:300;color:#222;} table.type01 tr th{background-color:#de1a22;padding:15px 0;font-size:18px;font-weight:500;color:#fff;text-align:center;border:1px solid #c2c2c2;vertical-align:middle;} table.type01 tr th:first-of-type{border-left:0;} table.type01 tr th:last-of-type{border-right:0;} table.type01 tr td{font-size:17px;font-weight:300;letter-spacing:-0.025em;line-height:30px;color:#333;text-align:center;border:1px solid #c2c2c2;padding:15px 0;vertical-align:middle;} table.type01 tr td:first-of-type{border-left:0;} table.type01 tr td:last-of-type{border-right:0;} table.type01 tr td span{color:#de1a22;} table.type01 tr td.gray{background-color:#f5f5f5;font-size:18px;font-weight:500;color:#222;} table.type01 tr td.gray2{background-color:#f5f5f5;color:#222;} table.type01 tr td span{} @media all and (max-width:1400px){ .tableCon .w1400 .left{float:none;width:100%;padding-top:0;} .tableCon .w1400 .right{float:none;width:100%;margin-top:30px;} .tableCon .w1400 .left img{display:block;margin:0 auto;} } @media all and (max-width:960px){ .table-wrap{width:100%;overflow-x:auto;} .table-wrap > table{width:960px;} .tableCon .w1400 .left img{width:70%;} } .chanal{padding-top:80px;font-family:"Noto Sans KR", sans-serif;} .chanal .w1400{} .chanal .w1400 > p{font-size:30px;font-weight:500;color:#222;} .chanal .w1400 ul{margin-top:25px;font-size:0;text-align:center;} .chanal .w1400 ul li{display:inline-block;vertical-align:top;width:100%;margin-right:4%;} .chanal .w1400 ul li:last-of-type{margin-right:0;} .chanal .w1400 ul li p{font-size:24px;font-weight:500;letter-spacing:-0.025em;color:#fff;text-align:center;background-color:#de1a22;width:100%;height:62px;line-height:62px;margin-bottom:10px;} .chanal .w1400 ul li img{} @media all and (max-width:1024px){ .chanal .w1400 ul li p{font-size:20px;} } @media all and (max-width:640px){ .chanal .w1400 ul li{display:block;width:100%;margin-right:0;margin-top:30px;} .chanal .w1400 ul li:first-of-type{margin-top:0;} .chanal .w1400 ul li p{font-size:16px;height:45px;line-height:45px;} .description-box{padding-top:50px;} .bgCon.type01{margin-top:50px;} .adCon{padding-top:50px;} .tableCon{padding-top:50px;} .chanal{padding-top:50px;} } .tableCon02{padding:85px 0 100px;} .tableCon02 .w1400 > p{font-size:30px;line-height:1.2;letter-spacing:-0.025em;font-weight:500;color:#222;font-family:"Noto Sans KR", sans-serif;} .tableCon02 .w1400 ul{padding-top:35px;} .tableCon02 .w1400 ul li:first-of-type{margin-top:0;} .tableCon02 .w1400 ul li{box-sizing:border-box;position:relative;font-size:18px;font-weight:300;letter-spacing:-0.025em;color:#222;padding-left:30px;margin-top:10px;font-family:"Noto Sans KR", sans-serif;} .tableCon02 .w1400 ul li:before{display:block;content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#999;left:10px;top:10px;} .tableCon02 table{margin-top:40px;} .tableCon02 .table-sub-txt{display:block;font-size:15px;font-weight:400;color:#ff9c00;padding-top:25px;} @media all and (max-width:1200px){ .table-wrap1200{width:100%;overflow-x:auto;} .table-wrap1200 > table{width:1200px;} } @media all and (max-width:640px){ .tableCon02{padding:50px 0 50px;} } .w965{width:965px;} .bgCon .w1400 table{margin-top:45px;} .bgCon .w1400 table tr th{border-color:rgba(255,255,255,0.4);} .bgCon .w1400 table tr td{color:#c5c5c5;border-color:rgba(255,255,255,0.4);} .bgCon .w1400 .w965 > em{display:block;font-size:15px;font-weight:300;color:#c5c5c5;padding-top:20px;padding-left:5px;box-sizing:border-box;} @media all and (max-width:1200px){ .w965{width:100%;overflow-x:auto;} .bgCon .w1400 .w965 > table{width:965px;} } /* tv광고 */ .adex{padding-top:80px;} .adex .w1400{border-bottom:1px solid #d7d7d7;padding-bottom:50px;} .adex .w1400 > p{font-size:30px;font-weight:500;letter-spacing:-0.025em;color:#222;} .adex .w1400 > p span{color:#de1a22;} .adex .w1400 ul{font-size:0;text-align:center;padding-top:35px;} .adex .w1400 ul li:last-of-type{margin-right:0;} .adex .w1400 ul li{display:inline-block;vertical-align:top;width:460px;margin-right:10px;position:relative;} .adex .w1400 ul li:first-of-type:after, .adex .w1400 ul li:last-of-type:after{width:110%;} .adex .w1400 ul li:nth-of-type(2):after{z-index:22;} .adex .w1400 ul li:last-of-type:after{left:auto;right:0;} .adex .w1400 ul li.black:after{background-color:#222;} .adex .w1400 ul li.red:after{background-color:#de1a22;} .adex .w1400 ul li:after{display:block;content:"";position:absolute;width:100%;height:3px;left:0;bottom:-11px;} .adex .w1400 ul li.black > div{background-color:rgba(34,34,34,0.3)} .adex .w1400 ul li.black > div p{background-color:#222;} .adex .w1400 ul li.red > div{background-color:rgba(222,26,34,0.3)} .adex .w1400 ul li.red > div p{background-color:#de1a22;} .adex .w1400 ul li div{width:175px;height:175px;box-sizing:border-box;border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:-98px;display:table;z-index:222;} .adex .w1400 ul li:nth-of-type(2n-1) div p{padding-top:35px;} .adex .w1400 ul li:nth-of-type(2n-1) div p.ad { padding-top:55px; } .adex .w1400 ul li:nth-of-type(2n) div p{padding-top:55px;} .adex .w1400 ul li div p{width:150px;height:150px;box-sizing:border-box;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);font-size:24px;font-weight:bold;letter-spacing:-0.025em;color:#fff;text-align:center;} .adex .w1400 > span{display:block;font-size:16px;font-weight:300;color:#222;text-align:center;padding-top:150px;} @media all and (max-width:1400px){ .adex .w1400 ul li{width:32%;margin-right:2%;} } @media all and (max-width:1024px){ .adex .w1400 ul li div{width:150px;height:150px;} .adex .w1400 ul li div p{width:125px;height:125px;} .adex .w1400 ul li div{bottom:-80px;} .adex .w1400 ul li div p{font-size:18px;} .adex .w1400 ul li:nth-of-type(2n) div p{padding-top:51px;} } @media all and (max-width:800px){ .adex .w1400 ul li{display:block;width:460px;margin:0 auto 100px;} .adex .w1400 ul li:last-of-type{margin-right:auto;margin-bottom:0;} .adex .w1400 ul li:first-of-type:after, .adex .w1400 ul li:last-of-type:after{width:100%;} .adex .w1400 > span{padding-top:120px;} } @media all and (max-width:640px){ .adex .w1400 ul li{width:100%;} .adex .w1400 ul li img{width:100%;} .adex{padding-top:50px;} } .adex2{padding-top:80px;} .adex2 .w1400{border-bottom:1px solid #d7d7d7;padding-bottom:50px;} .adex2 .w1400 ul{font-size:0;text-align:center;} .adex2 .w1400 ul li:last-of-type{margin-right:0;} .adex2 .w1400 ul li{display:inline-block;vertical-align:top;width:460px;margin-right:10px;text-align:left;} .adex2 .w1400 ul li p{font-size:30px;line-height:1.2;letter-spacing:-0.025em;font-weight:500;color:#222;} .adex2 .w1400 ul li p span{color:#de1a22;} .adex2 .w1400 ul li img{margin-top:30px;} .adex2 .w1400 > span{display:block;font-size:16px;font-weight:300;color:#222;text-align:center;padding-top:55px;} @media all and (max-width:1400px){ .adex2 .w1400 ul li{width:32%;margin-right:2%;} } @media all and (max-width:1024px){ .adex2 .w1400 ul li p{font-size:20px;} } @media all and (max-width:800px){ .adex2 .w1400 ul li{width:460px;margin:0 auto 50px;} .adex2 .w1400 ul li:last-of-type{margin-right:auto;margin-bottom:0;} .adex2 .w1400 ul li img{margin-top:15px;} } @media all and (max-width:640px){ .adex2 .w1400 ul li{width:100%;} .adex2 .w1400 ul li img{width:100%;} .adex2{padding-top:50px;} } .tableCon02 .table-inner{margin-top:55px;} .tableCon02 .table-inner:after{display:block;content:"";clear:both;} .tableCon02 .table-inner > div{width:685px;} .tableCon02 .table-inner > div > p{font-family:"Noto Sans KR", sans-serif;font-size:24px;font-weight:500;color:#222;padding-left:5px;line-height:1.2;} .tableCon02 .table-inner > div table{margin-top:20px;} .tableCon02 .table-inner > div em{display:block;text-align:center;font-family:"Noto Sans KR", sans-serif;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#222;padding-top:25px;} .tableCon02 .table-inner .left{float:left;margin-right:30px;} .tableCon02 .table-inner .right{float:right;} .tableCon02 table.type01 tr td{font-size:16px;color:#222;} @media all and (max-width:1400px){ .tableCon02 .table-inner > div{width:48%;} .tableCon02 .table-inner .left{margin-right:4%;} } @media all and (max-width:1200px){ .tableCon02 .table-inner > div{float:none;width:100%;} .tableCon02 .table-inner .left{margin-right:0;margin-bottom:50px;} } @media all and (max-width:800px){ .tableCon02 .table-inner .table-wrap800{width:100%;overflow-x:auto;} .tableCon02 .table-inner .table-wrap800 table{width:800px;} } /* 모티광고 */ .description-box.box2 .w1400 > ul > li:last-of-type{margin-right:0;} .description-box.box2 .w1400 > ul > li{width:665px;margin-right:70px;} .description-box.box2 .w1400 > ul > li .top{height:90px;line-height:90px;} .description-box.box2 .w1400 > ul > li .bottom{height:375px;font-size:18px;letter-spacing:-0.025em;line-height:1.2;} .description-box.box2 .w1400 > ul > li .bottom img{display:block;margin:15px auto;} .description-box.box2 .w1400 > ul > li .bottom img:last-of-type{margin-bottom:35px;} @media all and (max-width:1400px){ .description-box.box2 .w1400 > ul{width:100%;} .description-box.box2 .w1400 > ul > li{width:48%;margin-right:4%;} } @media all and (max-width:800px){ .description-box.box2 .w1400 > ul > li{width:100%;margin-right:0;} .description-box.box2 .w1400 > ul > li .bottom{height:auto;padding:30px 0;} } .adform{padding-top:80px;} .adform img{max-width:none;} .adform .w1400{padding-bottom:220px;border-bottom:1px solid #d7d7d7;} .adform .w1400 > p{font-size:30px;letter-spacing:-0.025em;font-weight:500;color:#222;} .adform .w1400 > p span{color:#de1a22;} .adform .w1400 > ul{margin-top:560px;font-size:0;text-align:center;} .adform .w1400 > ul > li{display:inline-block;vertical-align:top;width:230px;position:relative;} .adform .w1400 > ul > li:before{display:block;content:"";position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);left:0;width:100%;height:3px;background-color:#222;} .adform .w1400 > ul > li.red:before{background-color:#de1a22;} .adform .w1400 > ul > li:after{display:block;content:"";position:absolute;width:32px;height:32px;background:#fff url("/img/sub/moti-right-icon.png")no-repeat center top;right:-16px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:333;} .adform .w1400 > ul > li:last-of-type:after{display:none;} .adform .w1400 > ul > li .circle{position:relative;width:140px;height:140px;border-radius:50%;background-color:rgba(0,0,0,0.3);left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:0;} .adform .w1400 > ul > li .circle .c-inner{width:120px;height:120px;box-sizing:border-box;border-radius:50%;background-color:#222;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);font-size:20px;font-weight:bold;color:#fff;text-align:center;font-family:"Noto Sans KR", sans-serif;padding-top:45px;} .adform .w1400 > ul > li .circle .img-box:before{display:block;content:"";position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:-10px;width:14px;height:7px;background:url("/img/sub/moti-top-icon.png")no-repeat center top;} .adform .w1400 > ul > li .circle .img-box{position:absolute;bottom:-130px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);} .adform .w1400 > ul > li .circle .img-box img{} .adform .w1400 > ul > li.red{top:-18px;width:250px;} .adform .w1400 > ul > li.red .circle{width:175px;height:175px;background-color:rgba(222,26,34,0.3);} .adform .w1400 > ul > li.red .circle .c-inner{background-color:#de1a22;width:150px;height:150px;} .adform .w1400 > ul > li.red .circle .c-inner b{font-size:24px;} .adform .w1400 > ul > li.red .red-box{position:absolute;top:-500px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);} .adform .w1400 > ul > li.red .red-box ul{font-size:0;text-align:center;} .adform .w1400 > ul > li.red .red-box ul li:last-of-type{margin-right:0;} .adform .w1400 > ul > li.red .red-box ul li{display:inline-block;vertical-align:top;position:relative;margin-right:65px;} .adform .w1400 > ul > li.red .red-box ul li:after{display:block;content:"";position:absolute;width:1px;height:18px;background-color:#d7d7d7;right:-34px;top:15px;} .adform .w1400 > ul > li.red .red-box ul li:last-of-type:after{display:none;} .adform .w1400 > ul > li.red .red-box ul li img{} .adform .w1400 > ul > li.red .red-box > img{} @media all and (max-width:1400px){ .adform .w1400{padding-bottom:100px;} .adform .w1400 > ul{width:460px;margin:50px auto 0;} .adform .w1400 > ul > li{margin-bottom:150px;} .adform .w1400 > ul > li:nth-of-type(3), .adform .w1400 > ul > li:nth-of-type(4){margin-top:300px;} .adform .w1400 > ul > li .circle .c-inner{font-size:18px;} .adform .w1400 > ul > li.red .circle{width:140px;height:40px;} .adform .w1400 > ul > li.red .circle .c-inner{width:120px;height:120px;padding-top:30px;} .adform .w1400 > ul > li.red .red-box{top:-285px;} .adform .w1400 > ul > li.red .red-box > img{width:500px;} .adform .w1400 > ul > li.red .circle{width:140px;height:140px;} .adform .w1400 > ul > li.red .circle .c-inner{width:120px;height:120px;} .adform .w1400 > ul > li.red{top:auto;width:230px;} .adform .w1400 > ul > li.red .red-box ul li img{height:30px;} .adform .w1400 > ul > li.red .red-box ul li:after{top:6px;} .adform .w1400 > ul > li:nth-of-type(2n):after{display:none;} } @media all and (max-width:800px){ .adform .w1400 > ul > li.red .red-box{left:30%;} .adform .w1400 > ul > li.red .red-box > img{width:400px;} .adform .w1400 > ul > li.red .red-box ul li{margin-right:20px;} .adform .w1400 > ul > li.red .red-box ul li:after{right:-12px;} } @media all and (max-width:640px){ .adform .w1400 > ul{width:420px;} .adform .w1400 > ul > li{width:210px;} .adform .w1400 > ul > li.red{top:auto;width:210px;} .adform .w1400 > ul > li.red .red-box{left:12%;} .adform .w1400 > ul > li:nth-of-type(3), .adform .w1400 > ul > li:nth-of-type(4){margin-top:240px;} .adform .w1400 > ul > li.red .red-box{top:-205px;} } .adprice{padding-top:80px;} .adprice .w1400{} .adprice .w1400 > p{font-size:30px;line-height:1.2;letter-spacing:-0.025em;font-weight:500;color:#222;} .adprice .w1400 > span{display:block;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#222;padding-left:35px;padding-top:30px;} .adprice .w1400 dl:first-of-type{margin-top:45px;} .adprice .w1400 dl{margin-top:55px;} .adprice .w1400 dl dt{font-family:"Noto Sans KR", sans-serif;padding-left:10px;font-size:24px;line-height:1.2;letter-spacing:-0.025em;font-weight:500;color:#222;} .adprice .w1400 dl dd{padding-top:25px;} .adprice .w1400 dl dd table{width:100%;} table.type01.pd10 tr th{padding:10px 0;} table.type01.pd10 tr td{padding:10px 0;} @media all and (max-width:640px){ .adprice{padding-top:40px;} .adprice .w1400 dl dd{width:100%;overflow-x:auto;} .adprice .w1400 dl dd table{width:640px;} } /* 기타광고 */ .conNum{width:146px;height:146px;box-sizing:border-box;border-radius:50%;background-color:#000;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);font-family: 'Kanit', sans-serif;font-size:30px;font-weight:600;color:#fff;text-align:center;top:-73px;padding-top:85px;} .etc01{overflow:hidden;position:relative;padding:110px 0 105px;} .etc01.bg{background-color:#f5f5f5;} .etc01 .w1400{} .etc01.etc_new1 .w1400{ margin-top:20px; } .etc01 .w1400 .clear:after{display:block;content:"";clear:both;} /* .etc01 .w1400 .clear > div{width:600px;} */ .etc01 .w1400 .clear .left{float:left;} .etc01 .w1400 .clear .left > p{font-size:40px;font-weight:bold;letter-spacing:-0.025em;color:#222;} .etc01 .w1400 .clear .left > p b{font-family: 'Kanit', sans-serif;font-size:72px;line-height:36px;font-weight:bold;color:#de1a22;} .etc01 .w1400 .clear .left > p b.k{font-family:"Noto Sans KR", sans-serif;font-size:55px;position:relative;top:-3px;} .etc01 .w1400 .clear .left ul.text{margin-top:35px;} .etc01 .w1400 .clear .left ul.text li:first-of-type{margin-top:0;} .etc01 .w1400 .clear .left ul.text li{font-size:18px;letter-spacing:-0.025em;font-weight:300;color:#222;padding-left:20px;position:relative;margin-top:5px;} .etc01 .w1400 .clear .left ul.text li:before{display:block;content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#de1a22;left:0;top:11px;} .etc01 .w1400 .clear .left ul.text li b{color:#de1a22;} .etc01 .w1400 .clear .left .box-title{margin-top:50px;display:block;font-size:24px;font-weight:bold;letter-spacing:-0.025em;line-height:1.2;} .etc01 .w1400 .clear .left ul.box{margin-top:10px;font-size:0;text-align:left;width:518px;} .etc01 .w1400 .clear .left ul.box li:last-of-type{margin-right:0;} .etc01 .w1400 .clear .left ul.box li{display:inline-block;vertical-align:top;height:78px;width:32%;margin-right:2%;box-sizing:border-box;background-color:#fff;text-align:center;border:1px solid #e1e1e1;border-radius:5px;font-size:14px;line-height:1.2;letter-spacing:-0.025em;color:#de1a22;padding-top:17px;} .etc01 .w1400 .clear .left ul.box li b{font-family: 'Kanit', sans-serif;font-size:24px;letter-spacing:-0.025em;font-weight:bold;color:#de1a22;display:block;} .etc01 .w1400 .clear .left ul.listbox { display:flex; justify-content:space-between; width:100%; text-align:center; } .etc01 .w1400 .clear .left ul.listbox .info { font-family:"Noto Sans KR", sans-serif; font-weight:700; font-size:24px; color:#fff; max-width:150px; height:50px; margin:50px auto 0; background:#de1a22; border-radius:50px; display:flex; align-items:center; justify-content:center;} .etc01 .w1400 .clear .left ul.listbox .imgbox { margin-top:28px; } .etc01 .w1400 .clear .left ul.listbox .imgbox img { max-width:100%; } .etc01 .w1400 .clear .left ul.listbox:after { display:none } .etc01.etc_new1 .clear .left.w100 { float:none; width:100%; } .etc01 .w1400 .clear .right{float:right;} .etc01 .w1400 .clear .right img{max-width:none;margin-top:18px;} .etc01.etc_new1 .clear .right img { margin-top:-20px; } .etc01 .w1400 .clear .left table{margin-top:20px;width:518px;border-top:2px solid #cfcfcf;} .etc01 .w1400 .clear .left table tr{} .etc01 .w1400 .clear .left table tr td{padding:5px 0;text-align:center;vertical-align:middle;font-family: 'Kanit', sans-serif;font-size:18px;font-weight:500;color:#de1a22;border:1px solid #dcdcdc;} .etc01 .w1400 .clear .left table tr td:first-of-type{border-left:0;} .etc01 .w1400 .clear .left table tr td:last-of-type{border-right:0;} .etc01 .w1400 .clear .left table tr td img{display:inline-block;} .etc01 .w1400 .clear .right ul.img3box{font-size:0;text-align:right;width:797px;margin-top:40px;} .etc01 .w1400 .clear .right ul.img3box li:last-of-type{margin-right:0;} .etc01 .w1400 .clear .right ul.img3box li{display:inline-block;vertical-align:top;width:32%;margin-right:2%;} .etc01 .w1400 .clear .right ul.img3box li img{} .etc01 .w1400 .clear .left .inline3imgbox{font-size:0;text-align:left;margin-top:45px;} .etc01 .w1400 .clear .left .inline3imgbox li:last-of-type{margin-right:0;} .etc01 .w1400 .clear .left .inline3imgbox li{display:inline-block;vertical-align:middle;margin-right:35px;} .etc01 .w1400 .w100p{width:100%;margin-top:55px;} .etc01 .w1400 .w100p > p{font-size:24px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;color:#222;text-align:left;} .etc01 .w1400 .w100p > img{width:100%;margin-top:15px;} .etc01 .w1400 .clear .right .img2box{font-size:0;text-align:right;width:800px;} .etc01 .w1400 .clear .right .img2box li:last-of-type{margin-right:0;} .etc01 .w1400 .clear .right .img2box li{display:inline-block;vertical-align:top;width:49%;margin-right:1%;} .etc01 .w1400 .clear .right .img2box li img{width:100%;} .etc01 .w1400 .clear .left .bus{font-size:0;text-align:left;padding-left:24px;margin-top:25px;} .etc01 .w1400 .clear .left .bus li:last-of-type{margin-right:0;} .etc01 .w1400 .clear .left .bus li{display:inline-block;vertical-align:top;width:100px;height:100px;box-sizing:border-box;border-radius:50%;font-size:20px;font-weight:bold;letter-spacing:-0.05em;color:#fff;text-align:center;line-height:100px;margin-right:28px;} .etc01 .w1400 .clear .left .bus li:first-of-type{background-color:#00a651;} .etc01 .w1400 .clear .left .bus li:nth-of-type(2){background-color:#004e9e;} .etc01 .w1400 .clear .left .bus li:nth-of-type(3){background-color:#de1a22;} .etc01 .w1400 .clear .left .bus li:nth-of-type(4){background-color:#ff9c00;} .etc01 .w1400 .w100p .img4box{font-size:0;text-align:left;margin-top:25px;} .etc01 .w1400 .w100p .img4box li:last-of-type{margin-right:0;} .etc01 .w1400 .w100p .img4box li{display:inline-block;vertical-align:top;width:23.75%;margin-right:1.6%;} .etc01 .w1400 .w100p .img4box li p{font-size:18px;font-weight:bold;letter-spacing:-0.025em;line-height:1.2;color:#222;padding-top:15px;text-align:center;font-family:"Noto Sans KR", sans-serif;} @media all and (max-width:1400px){ .etc01 .w1400 .clear{text-align:center;} .etc01 .w1400 .clear .right{float:none;margin:0 auto;text-align:center;} .etc01 .w1400 .clear .left{float:none;margin:30px auto 0;display:inline-block;vertical-align:top;} .etc01 .w1400 .clear .right img{display:inline-block;margin-top:0;} .etc01 .w1400 .clear .left ul.text li{text-align:left;} .etc01 .w1400 .clear .left .box-title{text-align:left;} .etc01 .w1400 .clear .right ul.img3box{margin:40px auto 0;} .etc01 .w1400 .clear .right .img2box{margin:0 auto;} .etc01.etc_new1 .clear .right img { margin-top:0; } .etc01.etc_new1 .clear .left { margin-top:50px; } .etc01.etc_new1 .clear .left.w100 { margin-top:0; width:auto; } .etc01 .w1400 .clear .left ul.listbox { gap:0 13%; margin:0 auto; } .etc01 .w1400 .clear .left ul.listbox li:nth-child(1) { width:32%; } .etc01 .w1400 .clear .left ul.listbox li:nth-child(2), .etc01 .w1400 .clear .left ul.listbox li:nth-child(3) { width:21%; } .etc01 .w1400 .clear .left ul.listbox .info { font-size:20px; max-width:140px; height:45px; margin:40px auto 0; } .etc01 .w1400 .clear .left ul.listbox .imgbox { margin-top:25px; } } @media all and (max-width:960px){ .etc01 .w1400 .clear .right img{width:100%;} .etc01 .w1400 .clear .right ul.img3box{width:100%;} .etc01 .w1400 .clear .right .img2box{width:100%;} } @media all and (max-width:700px){ .etc01 .w1400 .clear .left .inline3imgbox li{margin-right:auto;display:block;margin-bottom:10px;} .etc01 .w1400 .clear .left .inline3imgbox li:last-of-type{margin-bottom:0;} .etc01 .w1400 .clear .left ul.listbox { gap:0 3%; } .etc01 .w1400 .clear .left ul.listbox li:nth-child(1) { width:40%; } .etc01 .w1400 .clear .left ul.listbox li:nth-child(2), .etc01 .w1400 .clear .left ul.listbox li:nth-child(3) { width:27%; } } @media all and (max-width:640px){ .etc01 .w1400 .clear .left > p{font-size:32px;} .etc01 .w1400 .clear .left > p b{font-size:48px;} .etc01 .w1400 .clear .left > p b.k{font-size:34px;} .etc01 .w1400 .clear .left ul.box{width:100%;} .etc01 .w1400 .clear .left table{width:100%;} .etc01 .w1400 .clear .left .bus{width:220px;margin:25px auto 0;padding-left:0;} .etc01 .w1400 .clear .left .bus li{margin-right:20px;margin-bottom:20px;} .etc01 .w1400 .clear .left .bus li:nth-of-type(2n){margin-right:0;} .etc01 .w1400 .w100p .img4box li{width:49%;margin-right:2%;margin-bottom:4%;} .etc01 .w1400 .w100p .img4box li:nth-of-type(2n){margin-right:0;} .etc01 .w1400 .w100p .img4box li p{padding-top:10px;} .etc01 .w1400 .clear .left ul.listbox .info { font-size:16px; max-width:100px; height:35px; margin:30px auto 0; } .etc01 .w1400 .clear .left ul.listbox .imgbox { margin-top:20px; } .etc01 .w1400 .clear .left ul.listbox { gap:0 0; flex-wrap:wrap; } .etc01 .w1400 .clear .left ul.listbox li:nth-child(1), .etc01 .w1400 .clear .left ul.listbox li:nth-child(2), .etc01 .w1400 .clear .left ul.listbox li:nth-child(3) { width:100%; } } /* 영상제작 */ .prod-common{width:85px;height:85px;box-sizing:border-box;border-radius:50%;background-color:#de1a22;text-align:center;line-height:85px;font-family: 'Kanit', sans-serif;font-size:50px;color:#fff;text-align:center;margin:0 auto;} .prod01{position:relative;padding-bottom:120px;} .prod01 .w1400{} .prod01 .w1400 > p{font-size:30px;letter-spacing:-0.025em;font-weight:500;color:#222;text-align:center;padding-top:35px;} .prod01 .w1400 > span{display:block;font-size:18px;font-weight:300;letter-spacing:-0.025em;line-height:30px;color:#222;padding-top:25px;text-align:center;font-family:"Noto Sans KR", sans-serif;} .prod01 .w1400 .half-circle{width:548px;position:relative;margin:235px auto 0;} .prod01 .w1400 .half-circle .cont{position:absolute;} .prod01 .w1400 .half-circle .cont:first-of-type{left:-275px;bottom:17px;} .prod01 .w1400 .half-circle .cont:nth-of-type(2){left:-325px;bottom:215px;} .prod01 .w1400 .half-circle .cont:nth-of-type(3){width:100%;bottom:300px;} .prod01 .w1400 .half-circle .cont:nth-of-type(4){right:-195px;bottom: 215px;} .prod01 .w1400 .half-circle .cont:nth-of-type(5){right:-400px;bottom:17px;} .prod01 .w1400 .half-circle > img{} .prod01 .w1400 .half-circle .cont:after{display:block;content:"";clear:both;} .prod01 .w1400 .half-circle .cont .left{float:left;margin-right:20px;} .prod01 .w1400 .half-circle .cont .right{float:right;} .prod01 .w1400 .half-circle .cont .top{width:100%;} .prod01 .w1400 .half-circle .cont .bottom{width:100%;text-align:center;} .prod01 .w1400 .half-circle .cont .bottom img{position:relative;bottom:-15px;} .prod01 .w1400 .half-circle .cont > div p{font-size:24px;font-weight:bold;letter-spacing:-0.025em;color:#de1a22;font-family:"Noto Sans KR", sans-serif;} .prod01 .w1400 .half-circle .cont > div span{display:block;font-size:17px;font-weight:500;letter-spacing:-0.025em;color:#222;font-family:"Noto Sans KR", sans-serif;} .prod01 .w1400 .half-circle .cont > div img{display:inline-block;} .prod01 .w1400 .half-circle .cont .left p{text-align:right;} .prod01 .w1400 .half-circle .cont .left span{text-align:right;} .prod01 .w1400 .half-circle .cont .right p{text-align:left;} .prod01 .w1400 .half-circle .cont .right span{text-align:left;} .prod01 .w1400 .half-circle .cont .top p{text-align:center;} .prod01 .w1400 .half-circle .cont .top span{text-align:center;} .prod01 .w1400 > b{display:block;font-size:60px;font-weight:bold;color:#222;text-align:center;margin-top:55px;line-height:1;} .prod01 .w1400 > b span{font-family:"Noto Sans KR", sans-serif;font-size:47px;font-weight:500;letter-spacing:-0.025em;color:#222;display:inline-block;margin:0 8px;} .prod01 .w1400 > em{display:block;font-family: 'Kanit', sans-serif;font-size:30px;font-weight:500;letter-spacing:-0.025em;color:#555;text-align:center;padding-top:12px;line-height:1;} @media all and (max-width:1400px){ .prod01 .w1400 .half-circle{width:350px;} .prod01 .w1400 .half-circle .cont:first-of-type{left:-280px;bottom:4px;} .prod01 .w1400 .half-circle .cont:nth-of-type(2){left:-362px;bottom:137px;} .prod01 .w1400 .half-circle .cont:nth-of-type(3){bottom:200px;} .prod01 .w1400 .half-circle .cont:nth-of-type(4){right:-235px;bottom:137px;} .prod01 .w1400 .half-circle .cont:nth-of-type(5){right:-397px;bottom:4px;} } @media all and (max-width:1200px){ .prod01 .w1400 .half-circle > img{display:none;} .prod01 .w1400 .half-circle{width:100%;font-size:0;text-align:center;margin-top:100px;} .prod01 .w1400 .half-circle .cont{position:relative;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:48%;display:inline-block;vertical-align:top;margin-bottom:65px;margin-right:4%;} .prod01 .w1400 .half-circle .cont:nth-of-type(2n){margin-right:0;} .prod01 .w1400 .half-circle .cont:first-of-type{width:100%;} .prod01 .w1400 .half-circle .cont:nth-of-type(3){width:48% !important;} .prod01 .w1400 .half-circle .cont .left{float:none;margin-right:0;margin-left:0;} .prod01 .w1400 .half-circle .cont .right{float:none;} .prod01 .w1400 .half-circle .cont p{text-align:center !important;} .prod01 .w1400 .half-circle .cont span{text-align:center !important;height:60px;} .prod01 .w1400 .half-circle .cont .bottom img{bottom:auto;} } @media all and (max-width:640px){ .prod-common{width:70px;height:70px;line-height:70px;font-size:42px;} .prod01{padding-bottom:50px;} .prod01 .w1400 .half-circle{margin-top:50px;} .prod01 .w1400 .half-circle .cont{width:100%;margin-right:0;display:block;margin-bottom:35px;} .prod01 .w1400 .half-circle .cont:nth-of-type(3){width:100% !important;margin-right:auto;} .prod01 .w1400 .half-circle .cont span{height:35px;} .prod01 .w1400 > b{font-size:32px;} .prod01 .w1400 > b span{font-size:28px;} .prod01 .w1400 > em{font-size:22px;padding-top:5px;} } .prod02{position:relative;padding:100px 0 215px;background:url("/img/sub/prod02-bg.jpg")no-repeat center top;background-size:cover;} .prod02 .w1400{} .prod02 .w1400 > p{text-align:center;font-size:30px;font-weight:500;letter-spacing:-0.025em;color:#fff;padding-top:35px;line-height:1.2;font-family:"Noto Sans KR", sans-serif;text-transform:uppercase;} .prod02 .w1400 > p span{font-family: 'Kanit', sans-serif;font-size:18px;font-weight:400;display:block;padding-top:5px;} .prod02 .w1400 ul{font-size:0;text-align:center;position:relative;margin-top:280px;} .prod02 .w1400 ul:before{display:block;content:"";position:absolute;width:1px;height:43px;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);background-color:#fff;z-index:33;} .prod02 .w1400 ul:after{display:block;content:"";position:absolute;width:1px;height:43px;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);background-color:#fff;z-index:33;} .prod02 .w1400 ul li{display:inline-block;vertical-align:top;width:16.66666%;height:8px;position:relative;} .prod02 .w1400 ul li:nth-of-type(odd){background-color:#545454;} .prod02 .w1400 ul li:nth-of-type(even){background-color:#fff;} .prod02 .w1400 ul li .icon{width:112px;height:112px;box-sizing:border-box;border-radius:50%;border:5px solid #878787;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);padding-top:20px;} .prod02 .w1400 ul li .icon:after{display:block;content:"";position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);width:1px;background-color:#858585;top:107px;} .prod02 .w1400 ul li:first-of-type .icon:after{height:88px;} .prod02 .w1400 ul li:nth-of-type(2) .icon:after{height:188px;} .prod02 .w1400 ul li:nth-of-type(3) .icon:after{height:78px;} .prod02 .w1400 ul li:nth-of-type(4) .icon:after{height:63px;} .prod02 .w1400 ul li:nth-of-type(5) .icon:after{height:143px;} .prod02 .w1400 ul li:nth-of-type(6) .icon:after{height:78px;} .prod02 .w1400 ul li:first-of-type .icon{top:-200px;} .prod02 .w1400 ul li:nth-of-type(2) .icon{top:-300px;} .prod02 .w1400 ul li:nth-of-type(3) .icon{top:-190px;} .prod02 .w1400 ul li:nth-of-type(4) .icon{top:-175px;} .prod02 .w1400 ul li:nth-of-type(5) .icon{top:-255px;} .prod02 .w1400 ul li:nth-of-type(6) .icon{top:-190px;} .prod02 .w1400 ul li .icon img{display:block;margin:0 auto;} .prod02 .w1400 ul li p{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);font-size:24px;font-weight:bold;letter-spacing:-0.025em;text-align:center;color:#fff;font-family:"Noto Sans KR", sans-serif;top:50px;} .prod02 .w1400 ul li p span{font-size:16px;font-weight:300;color:#de1a22;display:block;} @media all and (max-width:1024px){ .prod02 .w1400 ul li .icon{width:80px;height:80px;padding-top:10px;} .prod02 .w1400 ul li .icon img{width:50px;} .prod02 .w1400 ul li p{font-size:18px;} .prod02 .w1400 ul li p span{font-size:14px;} .prod02 .w1400 ul li .icon:after{top:75px;} .prod02 .w1400 ul li:first-of-type .icon{top:-168px;} .prod02 .w1400 ul li:nth-of-type(2) .icon{top:-268px;} .prod02 .w1400 ul li:nth-of-type(3) .icon{top:-158px;} .prod02 .w1400 ul li:nth-of-type(4) .icon{top:-143px;} .prod02 .w1400 ul li:nth-of-type(5) .icon{top:-223px;} .prod02 .w1400 ul li:nth-of-type(6) .icon{top:-158px;} } @media all and (max-width:640px){ .prod02{padding:50px 0 180px;} .prod02 .w1400 ul:before{display:none;} .prod02 .w1400 ul:after{display:none;} .prod02 .w1400 ul{margin-top:300px;} .prod02 .w1400 ul li{width:33.333%;} .prod02 .w1400 ul li:nth-of-type(4), .prod02 .w1400 ul li:nth-of-type(5), .prod02 .w1400 ul li:nth-of-type(6){margin-top:360px;} } .tableCon02 .w1400 > a{display:block;width:450px;height:65px;box-sizing:border-box;border-radius:5px;background-color:#de1a22;font-size:24px;font-weight:500;letter-spacing:-0.025em;color:#fff;text-align:center;line-height:65px;margin:100px auto 0;} .tableCon02 .w1400 > a img{display:inline-block;vertical-align:middle;margin-left:15px;margin-top:-3px;} @media all and (max-width:960px){ .tableCon02 .table-wrap960{width:100%;overflow-x:auto;} .tableCon02 .table-wrap960 table{width:960px;} } @media all and (max-width:640px){ .tableCon02 .w1400 > a{width:300px;height:50px;line-height:50px;font-size:18px;margin-top:50px;} } /*프랜차이즈 광고*/ .fc_box{} .fc_box .w1400 > ul > li .top{line-height:1.2 !important; padding:17px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .fc_box .w1400 > ul > li .bottom{padding:45px 10px;} .fc_box .w1400 > ul > li .bottom .img{margin-bottom:30px; } .fc_box .w1400 > ul > li .bottom .img:after{content:""; display:block; clear:both;} .fc_box .w1400 > ul > li .bottom .img > div{float:left; width:50%; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .fc_box .w1400 > ul > li .bottom .img > div:first-child:after{content:""; display:block; width:40px; height:40px; background:url("/img/sub/franchise_icon01.png") no-repeat; position:absolute; right:-20px; top:42px;} .fc_box .w1400 > ul > li .bottom .img > div img{margin:0 auto 12px !important;} .fc_box .w1400 > ul > li .bottom .img > div p{font-size:18px; font-weight:300; color:#222; letter-spacing: -0.025em;} .fcform{width:100%; height:680px; margin-top:85px; padding:100px 0; background:url("/img/sub/franchise_bg.jpg") no-repeat center; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .fcform .w1400{height:100%; position:relative;} .fcform dl{margin-bottom:60px; } .fcform dl dt{margin-bottom:40px; font-size:56px; font-weight:700; color:#fff; letter-spacing: -0.025em;} .fcform dl dt span{color:#de1a22;} .fcform dl dd{font-size:24px; font-weight:700; color:#fff; letter-spacing: -0.02em; line-height:1.6;} .fcform .circle_box{font-size:0; position:relative; z-index:1;} .fcform .circle_box > div{display:inline-block; vertical-align:middle; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .fcform .circle_box > div p{line-height:1.2; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .fcform .circle_box .cir01{width:110px; height:110px; margin-right:30px; background-color:#de1a22; border-radius:50%; position:relative;} .fcform .circle_box .cir01:after{content:""; display:block; width:1px; height:100%; background:url("/img/sub/franchise_icon06.png") repeat; position:absolute; right:-30px; top:0;} .fcform .circle_box .cir01 p{font-size:18px; color:#fff; letter-spacing: -0.025em; padding-top:10px;} .fcform .circle_box .cir02{} .fcform .circle_box .cir02 ul{padding:0 10px;} .fcform .circle_box .cir02 ul li{float:left; width:95px; height:95px; margin:0 20px; background-color:#fff; border-radius:50%; text-align:center; position:relative;} .fcform .circle_box .cir02 ul li:after{content:""; display:block; width:14px; height:14px; background:url("/img/sub/franchise_icon03.png") no-repeat; position:absolute; right:-30px; bottom:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .fcform .circle_box .cir02 ul li:last-child:after{display:none;} .fcform .circle_box .cir02 ul li p{padding-top:10px; font-size:15px; color:#4d4d4d; letter-spacing: -0.0525em; } .fcform .circle_box .cir03{width:150px; height:150px; margin-left:20px; background:url("/img/sub/franchise_icon05.png") no-repeat; position:relative;} .fcform .circle_box .cir03:before{content:""; display:block; width:15px; height:7px; background:url("/img/sub/franchise_icon04.png") no-repeat; position:absolute; left:-30px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .fcform .circle_box .cir03 p{font-size:20px; color:#de1a22;} .fcform .img{position:absolute; left:0; bottom:-10px;} .fcprice{padding-top:80px;} .fcprice .w1400 > div{margin-bottom:100px;} .fcprice .top{} .fcprice .pTit{margin-bottom:40px; font-size:30px; font-weight:500; color:#222; letter-spacing: -0.025em;} .fcprice .pTit > span{color:#de1a22;} .tableSt01{} .tableSt01 table{border-top:1px solid #c2c2c2;} .tableSt01 table .col01{width:10%;} .tableSt01 table .col02{width:19%;} .tableSt01 table .col03{width:21%;} .tableSt01 table .col04{width:29%;} .tableSt01 table .col05{width:21%;} .tableSt01 table .col1{width:42%;} .tableSt01 table .col2{width:16%;} .tableSt01 table .col3{width:42%;} .tableSt01 table tr td{height:50px; padding:15px 5px; text-align:center; vertical-align:middle; border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; letter-spacing: -0.025em; font-family:'Noto Sans KR', sans-serif; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .tableSt01 table thead{} .tableSt01 table thead td{background-color:#de1a22; color:#fff; font-weight:500; color:#fff;} .tableSt01 table tbody td{font-size:17px; color:#333; line-height:1.6;} .tableSt01 table tbody td > span{color:#de1a22;} .top .tableSt01 table tbody td:first-child{background-color:#f5f5f5;} .fcprice .bottom .info:after{content:""; display:block; clear:both;} .fcprice .bottom .info > div{float:left;} .fcprice .bottom .info .tableSt01{} .fcprice .bottom .info .tableSt01 table{max-width:1400px;} .fcprice .bottom .info .tableSt01 table tr td{padding:0 5px;} .fcprice .bottom .info .tableSt01 table tbody tr td:nth-child(2){background-color:#f5f5f5;} .fcprice .bottom .info .img{width:calc(100% - 950px); text-align:right;} @media screen and (max-width:1400px) { .fc_box .w1400 > ul > li .bottom .img > div img{width:100%; max-width:150px;} .fc_box .w1400 > ul > li .bottom .img > div:first-child:after{width:30px; height:30px; background-size:contain; right:-15px; top:26px;} .fcprice .bottom .info > div{float:none;} .fcprice .bottom .info .img{width:100%; text-align:left; margin-top:20px;} } @media screen and (max-width:900px) { .tableSt01{width:100%; overflow-x:auto;} .tableSt01 table{width:900px; max-width:auto;} } @media screen and (max-width:840px) { .fcform{height:auto; background-size:cover;} .fcform .circle_box .cir02 ul{padding:0 20px;} .fcform .circle_box .cir02 ul li{float:none; margin: 0 0 30px 0;} .fcform .circle_box .cir02 ul li:after{right:43%; bottom:-29px;} .fcform .img{bottom:-50px;} } @media screen and (max-width:640px) { .fc_box .w1400 > ul > li .bottom .img > div p{font-size:16px;} .fcform dl dt{font-size:40px;} .fcform dl dd{font-size:20px;} .fcform dl dd br{display:none;} .fcform .circle_box{padding:0 12px;} .fcform .circle_box .cir01{width:100px; height:100px; margin-right:20px;} .fcform .circle_box .cir01 p{} .fcform .circle_box .cir01:after{right:-20px;} .fcform .circle_box .cir02 ul li p{padding-top:10px;} .fcform .circle_box .cir03{width:130px; height:130px; background-size:cover;} } /* 220510추가 페이지 */ .inner.none{width: 100%;} .s_biz{font-family: 'Noto Sans KR', sans-serif;} .s_biz *{letter-spacing:-0.025em;} .s_biz .scon{padding: 120px 0; box-sizing:border-box;} .s_biz .scon01{padding-bottom:120px; padding-top: 0;} .s_biz .scon01 .item{display:flex; flex-wrap:wrap; align-items:center;} .s_biz .scon01 .item figure{width: 50%;} .s_biz .scon01 .item .txt{width: 50%; box-sizing:border-box; padding-left: 100px;} .s_biz .scon01 .item .txt h4{font-weight:400; font-size:40px; color: #222;} .s_biz .scon01 .item .txt h4 span{font-weight:500; font-family: 'Kanit', sans-serif; font-size:50px;} .s_biz .scon01 .item .txt h5{font-weight:bold; font-size:20px; color: #222; margin: 25px 0 13px;} .s_biz .scon01 .item .txt h5 span{color: #de1a22;} .s_biz .scon01 .item .txt p{font-weight:300; font-size:16px; color: #222;} .s_biz .scon01 .item .txt .btn{width: 220px; height: 55px; background: #de1a22; border-radius:10px; overflow: hidden; margin-top: 46px;} .s_biz .scon01 .item .txt .btn a{font-family: 'Kanit', sans-serif; display:inline-block; width: 100%; height: 100%; line-height: 55px; color: #fff; font-size:20px; text-align: center;} .s_biz .scon01 .item .txt .btn a i{font-size:16px; margin-right: 5px;} .s_biz .scon01 .item:last-of-type .txt{padding-left: 90px; padding-right: 100px;} .s_biz .scon01 .item:last-of-type figure{order:2} .s_biz .scon02{background: #f7f7f7;} .s_biz .scon02 .tit{text-align: center; margin-bottom:50px;} .s_biz .scon02 .tit h4{font-weight:500; font-size:30px; color: #222; margin-bottom:18px;} .s_biz .scon02 .tit p{font-weight:300; font-size:16px; color: #666;} .s_biz .scon02 .slide_wrap{position:relative; } .s_biz .scon02 .slide_wrap .slide_ctn{} .s_biz .scon02 .slide_wrap .slide_ctn .item{background: #fff; text-align: center; padding: 40px 60px; box-sizing:border-box; margin: 0 90px; border-radius:20px; opacity: 0.5; transition:0.3s} .s_biz .scon02 .slide_wrap .slide_ctn .item figure img{margin: 0 auto;} .s_biz .scon02 .slide_wrap .slide_ctn .item .txt{margin-top: 24px;} .s_biz .scon02 .slide_wrap .slide_ctn .item .txt h5{font-weight:500; font-size:20px; color: #222;} .s_biz .scon02 .slide_wrap .slide_ctn .item .txt p{font-weight:300; font-size:17px; color: #666; margin-top: 6px;} .s_biz .scon02 .slide_wrap .slide_btn{} .s_biz .scon02 .slide_wrap .slide_btn > div{position:absolute; top: 50%; left: 26%; transform:translate(-50%,-50%); width: 50px; height: 50px; border:1px solid #e0e0e0; background-color:#fff; box-sizing:border-box; z-index: 10; text-align: center; cursor: pointer; transition:0.3s} .s_biz .scon02 .slide_wrap .slide_btn > div i{font-size:20px; color: #e0e0e0; line-height: 50px; transition:0.3s} .s_biz .scon02 .slide_wrap .slide_btn > .next{left: 74%;} .s_biz .scon02 .slide_wrap .slide_btn > div:hover{border:1px solid #de1a22; background: #de1a22;} .s_biz .scon02 .slide_wrap .slide_btn > div:hover i{color: #fff;} .s_biz .scon02 .slide_wrap .slide_ctn .item.slick_now{opacity: 1; box-shadow:2px 2px 27px 0px rgba(0, 0, 0, 0.02);} .s_biz .scon03{} .s_biz .scon03 > div > .tit{text-align: center;} .s_biz .scon03 > div > .tit h4{font-weight:500; font-size:30px; color: #222;} .s_biz .scon03 .acc{border-top: 1px solid #de1a22; margin-top: 60px;} .s_biz .scon03 .acc .item{} .s_biz .scon03 .acc .item .tit{padding: 30px 0; box-sizing:border-box; border-bottom: 1px solid #e0e0e0; cursor: pointer;} .s_biz .scon03 .acc .item .tit h5{position:relative; font-size:18px; color: #333; padding-left: 55px; box-sizing:border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .s_biz .scon03 .acc .item .tit h5 i{position:absolute; right: 20px; font-size:20px; line-height: 20px; height: 20px; color: #999999;} .s_biz .scon03 .acc .item .tit h5 span{position:absolute; top:-4px; left: 19px; font-family: 'Kanit', sans-serif; font-weight:500; font-size:20px; color: #de1a22; } .s_biz .scon03 .acc .item .txt{display:none; background: #fafafa; padding: 30px 0 70px; box-sizing:border-box; border-bottom: 1px solid #e0e0e0;} .s_biz .scon03 .acc .item .txt p{position:relative; font-weight:300; font-size:16px; color: #666; padding-left: 55px; box-sizing:border-box; word-break:keep-all} .s_biz .scon03 .acc .item .txt p span{position:absolute; left: 19px; font-family: 'Kanit', sans-serif; font-weight:500; font-size:20px; color: #333333;} .s_biz .scon03 .acc .item.on .tit h5 i{color: #de1a22;} .s_biz .scon04{max-width: 1800px; margin: 0 auto; background:url(/img/sub/s_biz_bg.jpg) 50% 50% no-repeat; background-size:cover; } .s_biz .scon04 .tit{} .s_biz .scon04 .tit h4{font-weight:bold; font-size:56px; color: #fff;} .s_biz .scon04 .tit h4 span{font-family: 'Kanit', sans-serif; font-weight:600; font-size:70px; color: #de1a22;} .s_biz .scon04 .tit p{font-size:25px; color: #fff;} .s_biz .scon04 .list{display:flex; flex-wrap:wrap; margin: 70px 0;} .s_biz .scon04 .list .item{position:relative; width: calc(20% - 20px); padding-bottom:calc(20% - 35px); overflow: hidden; margin-right: 20px; background: #ffffff0d; border:5px solid #ffffff57; border-radius:50%; box-sizing:border-box;} .s_biz .scon04 .list .item:last-of-type{margin-right: 0} .s_biz .scon04 .list .item .p50{position:absolute; top: 50%; left: 50%; width: 100%; transform:translate(-50%,-50%); text-align: center;} .s_biz .scon04 .list .item .p50 p{font-family: 'Kanit', sans-serif; font-weight:600; font-size:20px; color: #de1a22;} .s_biz .scon04 .list .item .p50 p:last-of-type{font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:16px; color: #fff; margin-top: 20px;} .s_biz .scon04 ul{} .s_biz .scon04 ul li{font-size:14px; font-weight:300; color: #fff; opacity: 0.3; margin-bottom:4px;} .s_biz .scon04 ul li:last-of-type{margin-bottom:0;} .s_biz .scon05{padding-bottom:0 !important;} .s_biz .scon05 .flex-box{display:flex; flex-wrap:wrap; align-items:center;} .s_biz .scon05 .flex-box .box{width: calc(50% - 180px);} .s_biz .scon05 .flex-box .box .txt{margin-bottom:40px;} .s_biz .scon05 .flex-box .box .txt h4{font-weight:500; font-size:50px; color: #333;} .s_biz .scon05 .flex-box .box .txt h4 span{font-family: 'Kanit', sans-serif; font-size:60px; color: #de1a22;} .s_biz .scon05 .flex-box .box .txt p{font-size:20px; color: #666;} .s_biz .scon05 .flex-box .box .btn_ctn{} .s_biz .scon05 .flex-box .box .btn_ctn .btn{margin-bottom:10px;} .s_biz .scon05 .flex-box .box .btn_ctn .btn:last-of-type{margin-bottom:0;} .s_biz .scon05 .flex-box .box .btn_ctn .btn a{display:inline-block; width: 100%; max-width: 300px; line-height: 65px; vertical-align: top; background-color:#e8e8e8; border-radius:10px; text-align: center; font-size:16px; color: #666666;} .s_biz .scon05 .flex-box .box .btn_ctn .btn:first-of-type a{background-color:#de1a22; color: #fff;} .s_biz .scon05 .flex-box .box .btn_ctn .btn a span{font-family: 'Kanit', sans-serif; font-size:19px;} .s_biz .scon05 .flex-box figure{width: calc(50% + 180px);} /* 220718 온라인 광고 */ .search_ad{width:100%; margin-bottom:160px;} .online_title{font-size:30px; line-height:1.1; color:#de1a22; text-align:center; letter-spacing:-2px; margin-bottom:27px; font-weight:600;} .search_ad > .online_title{margin-top:110px;} .title_list{ font-size:18px; color:#000; text-align:center; line-height:1.6; font-weight:400; margin-bottom:56px; } /* .title_list li{position:relative;padding-left: 15px;} */ .title_list li:before{ content:"";position:relative;top: 13px; display:inline-block; vertical-align: top; width: 2px; height: 2px; background: #000; /* position:absolute; top: 0; left: 0; */} .search_ad_list{display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin-bottom:96px;} .search_ad_list img{width:140px; margin-bottom:10px;} .search_ad_list li{width:calc((88% - 10px)/4); /*margin-right:134px;*/ } .search_ad_list li:last-child{margin-right:0;} .search_ad_list p{font-size:17px; line-height:1.3; font-weight:300;} .search_ad_contents{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} .search_ad_contents img{width:44%;} .red_circle{width:180px; height:180px; border-radius:90px; background:#de1a22; color:#fff; text-align:center; font-size:21px; line-height:1.3; display:flex; justify-content:center; align-items:center; margin-right:8%;} .display_ad{width:100%; margin-bottom:160px;} /* .display_ad > .online_title{font-size:68px;}*/ .display_ad > .title_list{margin-bottom:0;} /*.display_ad > .title_list li{font-size:35px; line-height:42px;} */ .display_ad_box{width:56%; height:60px; line-height:60px; font-size:23px; color:#fff; text-align:center; background:red; margin:57px auto 29px auto;} .display_ad_exp{font-size:18px; font-weight: 400; text-align:center; letter-spacing:-2px; margin-bottom:33px;} .display_ad_img{ text-align:center;} .display_ad_img img:first-child{width:54%; margin-bottom:42px; } .display_ad_img img:last-child{width:54%; } .blog_top_exposure{width:100%; margin-bottom:160px; } /* .blog_top_exposure > .online_title{font-size:60px; margin-bottom:55px;} .blog_top_exposure > .title_list{margin-bottom:69px;} .blog_top_exposure > .title_list li{font-size:31px; line-height:42px;} */ .blog_img{text-align:center; } .blog_img img:first-child{width:50%; margin-bottom:39px;} .blog_img img:last-child{width:78%;} .cafe_marketing{width:100%; margin-bottom:160px;} /* .cafe_marketing > .online_title{font-size:60px; margin-bottom:55px;} .cafe_marketing > .title_list{margin-bottom:69px;} .cafe_marketing > .title_list li{font-size:31px; line-height:42px;} */ .cafe_img{text-align:center; } .cafe_img img:first-child{width:50%; margin-bottom:39px;} .cafe_img img:last-child{width:78%; } .sns_marketing{width:100%; margin-bottom:160px;} /* .sns_marketing > .online_title{font-size:78px; margin-bottom:54px;} .sns_marketing > .title_list{margin-bottom:73px;} .sns_marketing > .title_list li{font-size:40px;} */ .sns_img{text-align:center; overflow:hidden;} .sns_img img:first-child {width:49%; margin-bottom:18px;} .sns_img img:last-child {width:57%; } /* .sns_img p{float:right; font-size:40px; font-weight: 600; margin-right:102px;} */ .youtube_marketing{width:100%; margin-bottom:160px;} /* .youtube_marketing > .online_title{font-size:64px; margin-bottom:37px;} */ /* .youtube_marketing > .title_list{margin-bottom:54px;} */ /* .youtube_marketing > .title_list li{font-size:28px;} */ .youtube_img{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center;} .youtube_img img:first-child{width:25%; margin-right:3%;} .youtube_img img:last-child{width:43%;} .press_news{width:100%; margin-bottom:160px;} /* .press_news > .online_title{font-size:62px; margin-bottom:26px;}*/ /* .press_news > .title_list{margin-bottom:53px;} */ /*.press_news > .title_list li{font-size:29px; line-height:40px;} */ .news_exp{display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:24px;} .news_exp li{ width:21%; height:55px; line-height:55px; text-align:center; font-size:17px; font-weight: 400; margin-right:2%; background:#f8f8f8;} .news_exp li:last-child{margin-right:0;} .press_news_img{text-align:center;} .press_news_img img{width:77%;} .live_commerce{width:100%; margin-bottom:160px;} /* .live_commerce > .online_title{font-size:56px; margin-bottom:24px;} .live_commerce > .title_list{margin-bottom:51px;} .live_commerce > .title_list li{font-size:26px; line-height:35px;} */ .live_commerce_img{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} .live_commerce_img img:first-child{width:33%; margin-right:3%;} .live_commerce_img img:last-child{width:38%;} .kakao_moment{width:100%; margin-bottom:160px;} /* .kakao_moment > .online_title{font-size:64px; margin-bottom:34px;} .kakao_moment > .title_list{margin-bottom:66px;} .kakao_moment > .title_list li{font-size:30px; line-height:40px;} */ .kakao_moment_img{text-align:center;} .kakao_moment_img img{width:72%;} .tiktok_ad{width:100%; margin-bottom:160px;} /* .tiktok_ad > .online_title{font-size:58px; margin-bottom:38px;} .tiktok_ad > .title_list{margin-bottom:55px;} .tiktok_ad > .title_list li{font-size:26px; line-height:36px; } */ .tiktok_ad_img{text-align:center; } .tiktok_ad_img img{width:72%;} .reactive{width:100%; margin-bottom:110px; } /* .reactive > .online_title{font-size:60px; margin-bottom:34px;} .reactive > .title_list{margin-bottom:49px;} .reactive > .title_list li{font-size:32px; } */ .reactive_img{text-align:center;} .reactive_img_1_2{display:flex; flex-wrap:wrap; justify-content:center; width:77%; margin:0 auto 19px auto;} .reactive_img_1_2 img:first-child{width:40%; margin-right:10%;} .reactive_img_1_2 img:last-child{width:40%;} .reactive_img_3_4{display:flex; flex-wrap:wrap; justify-content:center; width:77%; margin:0 auto;} .reactive_img_3_4 img:first-child{width:40%; margin-right:10%;} .reactive_img_3_4 img:last-child{width:40%;} /@media screen and (max-width:1400px){ /* .red_circle{ width:224px; height:224px; border-radius:112px; font-size:38px;} */ .search_ad_contents img{width:48%;} /* .youtube_img{justify-content:center; } */ /* .youtube_img img:first-child{margin-bottom:20px;} */ /* .news_exp li{font-size:20px; width:24%; margin-right:1.3%;} */ /* .live_commerce_img{justify-content:center;} .live_commerce_img img:first-child{margin-bottom:40px;} */ /* .reactive_img_1_2 img{width:47%;} .reactive_img_3_4 img{width:47%;} */ } @media screen and (max-width:1280px){ /* .red_circle{ width:215px; height:215px; border-radius:107.5px; font-size:33px;} */ .search_ad_contents img{width:58%;} .search_ad_box{margin:39px auto 29px auto;} .display_ad_img img:first-child{width:63%;} .display_ad_img img:last-child{width:63%;} /* .blog_img img:first-child{width:66%;} */ .blog_img img:last-child{width:86%;} /* .cafe_img img:first-child{width:66%;} */ .cafe_img img:last-child{width:86%;} .sns_img img:first-child{width:55%;} .sns_img img:last-child{width:63%;} .youtube_img img:first-child{width:32%;} .youtube_img img:last-child{width:50%;} .press_news_img img{width:87%;} .live_commerce_img img:first-child{width:38%;} .live_commerce_img img:last-child{width:45%;} .kakao_moment_img img{width:88%;} .tiktok_ad_img img{width:88%;} .news_exp li{width:24%; margin-right:1%; } .reactive_img_1_2{width:89%; } .reactive_img_3_4{width:89%; } } @media screen and (max-width:1024px){ .search_ad > .online_title{margin-top:62px;} .online_title{margin-bottom:41px;} .search_ad, .display_ad, .blog_top_exposure, .cafe_marketing, .sns_marketing, .youtube_marketing, .press_news, .live_commerce, .kakao_moment, .tiktok_ad{margin-bottom:110px;} .search_ad_list{margin-bottom:58px;} .search_ad_list img{width:117px; } .red_circle{ width:146px; height:146px; border-radius:73px; } .search_ad_contents img{width:63%;} .display_ad_box{margin-top:40px;} .news_exp li{width:40%; margin-right:2.5%;} .news_exp li:nth-child(1), .news_exp li:nth-child(2){margin-bottom:17px;} .news_exp li:nth-child(2){margin-right: 0; } .display_ad_img img:first-child{width:78%;} .display_ad_img img:last-child{width:78%;} /* .blog_img img:first-child{width:72%;} */ .blog_img img:last-child{width:97%;} /* .cafe_img img:first-child{width:72%;} */ .cafe_img img:last-child{width:97%;} .sns_img img:first-child{width:69%;} .sns_img img:last-child{width:78%;} .youtube_img img:first-child{width:39%;} .youtube_img img:last-child{width:57%;} .press_news_img img{width:96%;} .live_commerce_img img:first-child{width:45%; margin:0 0 20px 0;} .live_commerce_img img:last-child{width:64%;} .kakao_moment_img img{width:93%;} .tiktok_ad_img img{width:93%;} .reactive{margin-bottom:50px;} .reactive_img_1_2{width:94%;} .reactive_img_1_2 img:first-child{margin-right:7%;} .reactive_img_3_4{width:94%; } .reactive_img_3_4 img:first-child{margin-right:7%;} } @media screen and (max-width:800px){ .search_ad, .display_ad, .blog_top_exposure, .cafe_marketing, .sns_marketing, .youtube_marketing, .press_news, .live_commerce, .kakao_moment, .tiktok_ad, .reactive {margin-bottom:90px;} .title_list{margin-bottom:41px;} .search_ad_list li{width:calc((100%)/4);} .search_ad_list p {font-size:16px;} .search_ad_list img{width:113px;} .red_circle{width:108px; height:108px; border-radius:54px; margin-right:3%; font-size: 16px;} .display_ad_box{width:77%; font-size: 20px;} .display_ad_exp{font-size: 17px;} .news_exp li{font-size:16px; height:55px; line-height:55px; } .news_exp li:nth-child(1), .news_exp li:nth-child(2){margin-bottom:11px;} .search_ad_contents img{width:71%;} .display_ad_img img:first-child{width:95%; margin-bottom:26px;} .display_ad_img img:last-child{width:95%;} /* .blog_img img:first-child{width:92%; margin-bottom:28px;} */ .blog_img img:last-child{width:100%;} /* .cafe_img img:first-child{width:92%; margin-bottom: 28px;} */ .cafe_img img:last-child{width:100%;} .sns_img img:first-child{width:90%;} .sns_img img:last-child{width:100%;} .youtube_img img:first-child{width:53%;} .youtube_img img:last-child{width:91%;} .press_news_img img{width:100%;} .live_commerce_img img:first-child{width:68%; } .live_commerce_img img:last-child{width:94%;} .kakao_moment_img img{width:100%;} .tiktok_ad_img img{width:100%;} .reactive{margin-bottom:0;} .reactive_img_1_2{width:100%;} .reactive_img_1_2 img:first-child{margin-right:7%;} .reactive_img_3_4{width:100%; } .reactive_img_3_4 img:first-child{margin-right:7%;} } @media screen and (max-width:600px){ .reactive {margin-bottom:0px;} .online_title{font-size: 28px; margin-bottom:20px;} .title_list li{font-size:15px;} .search_ad_list{margin-bottom:40px;} .search_ad_list img{width:89px;} .search_ad_list p{font-size: 15px;} .red_circle{width:96px; height:96px; border-radius:48px; margin-right: 1%;} .display_ad_box{font-size: 18px; height:50px; line-height: 50px; margin: 28px auto 20px auto;} .display_ad_exp{font-size:15px;} .search_ad_contents img{width:75%;} .news_exp li{font-size:15px; width:48%; margin-right:2%; height: 49px; line-height: 49px;} .display_ad_img img:first-child{width:100%; margin-bottom:20px;} .display_ad_img img:last-child{width:100%;} /* .blog_img img:first-child{width:100%; margin-bottom:21px;} .cafe_img img:first-child{width:100%; margin-bottom: 21px;} */ .sns_img img:first-child{width:92%;} .youtube_img img:first-child{width:59%;} .youtube_img img:last-child{width:100%;} .live_commerce_img img:first-child{width:73%; } .live_commerce_img img:last-child{width:100%;} .reactive{margin-bottom:0;} } @media screen and (max-width:480px){ .search_ad, .display_ad, .blog_top_exposure, .cafe_marketing, .sns_marketing, .youtube_marketing, .press_news, .live_commerce, .kakao_moment, .tiktok_ad{margin-bottom:80px;} .online_title{margin-bottom: 19px;} .red_circle{width:78px; height:78px; border-radius:39px; font-size:13px;} .display_ad_box{font-size:17px; height:45px; line-height: 45px;} .display_ad_exp{margin-bottom: 26px;} .news_exp{margin-bottom:8px;} .news_exp li{font-size:13px; width:49.5%; margin-right:1%;} .news_exp li:nth-child(1), .news_exp li:nth-child(2){margin-bottom:5px;} .live_commerce_img img:first-child{margin-bottom: 17px;} } @media screen and (max-width: 1400px){ .s_biz .scon01 .item .txt{padding-left: 40px;} .s_biz .scon01 .item:last-of-type .txt{padding-right: 40px; padding-left: 30px;} .s_biz .scon01 .item .txt h4{font-size:30px;} .s_biz .scon01 .item .txt h4 span{font-size:40px;} .s_biz .scon02 .slide_wrap .slide_ctn .item{margin: 0 50px;} .s_biz .scon04 .tit h4{font-size:40px;} .s_biz .scon04 .tit h4 span{font-size:50px;} .s_biz .scon04 .tit p{font-size:20px;} .s_biz .scon05 .flex-box .box .txt h4{font-size:40px;} .s_biz .scon05 .flex-box .box .txt h4 span{font-size:50px;} } @media screen and (max-width: 1200px){ .s_biz .scon{padding: 100px 0;} .s_biz .scon01{padding-bottom:100px; padding-top: 0;} .s_biz .scon01 .item .txt p br{display:none; } .s_biz .scon02 .slide_wrap .slide_ctn .item{margin: 0 20px;} .s_biz .scon02 .slide_wrap .slide_btn > div{left:9%;} .s_biz .scon02 .slide_wrap .slide_btn > .next{left: 91%;} .s_biz .scon04 .list{margin: 40px 0;} .s_biz .scon04 .list .item{width: calc(33.33% - 16.66px); padding-bottom:calc(33.33% - 16.66px); margin-bottom:20px;} .s_biz .scon04 .list .item:nth-of-type(3n){margin-right: 0;} .s_biz .scon05 .flex-box .box{width: calc(50% - 50px);} .s_biz .scon05 .flex-box figure{width: calc(50% + 50px);} } @media screen and (max-width: 1000px){ .s_biz .scon{padding: 80px 0;} .s_biz .scon01{padding-bottom:80px;} .s_biz .scon01 .item{margin-bottom:40px;} .s_biz .scon01 .item:last-of-type{margin-bottom:0;} .s_biz .scon01 .item .txt{width: 100%; padding: 0 !important; margin-bottom:30px;} .s_biz .scon01 .item figure{width: 100%; order:2} .s_biz .scon01 .item .txt h5{margin: 18px 0 10px;} .s_biz .scon02 .slide_wrap .slide_btn div{display:none;} .s_biz .scon05 .flex-box .box{width: 100%} .s_biz .scon05 .flex-box figure{width: 100%} .s_biz .scon05 .flex-box figure img{width: 100%;} .s_biz .scon05 .flex-box .box .btn_ctn{display:flex; flex-wrap:wrap;} .s_biz .scon05 .flex-box .box .btn_ctn .btn{width: calc(33.33% - 10px); margin-right: 15px;} .s_biz .scon05 .flex-box .box .btn_ctn .btn:last-of-type{margin-right: 0;} .s_biz .scon05 .flex-box .box .btn_ctn .btn a{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height: 65px; line-height: 1.4;} .s_biz .scon05 .flex-box .box .btn_ctn .btn a span{display:block; width: 100%;} } @media screen and (max-width: 800px){ .s_biz .scon{padding: 60px 0;} .s_biz .scon01{padding-bottom: 60px; margin-top: 0;} .s_biz .scon02 .slide_wrap .slide_ctn .item{margin: 0 10px;} .s_biz .scon03 .acc .item .tit{padding: 20px 0;} .s_biz .scon03 .acc .item .tit h5{font-size:16px;} .s_biz .scon04 .list{margin: 40px 0;} .s_biz .scon04 .list .item{width:100%; padding-bottom:150px; margin-bottom:20px; margin-right: 0; border-radius:0} .s_biz .scon04 .list .item:nth-of-type(3n){margin-right: 0;} .s_biz .scon04 .list .item:last-of-type{margin-bottom:0;} .s_biz .scon04 .list .item .p50 p:last-of-type{margin-top: 12px;} .s_biz .scon05 .flex-box .box .btn_ctn .btn a{font-size:14px;} .s_biz .scon05 .flex-box .box .txt{margin-bottom:30px;} .s_biz .scon05 .flex-box figure{margin-top: 30px;} } /* 24.06.24*/ .tableDateBox { margin:80px 0; border:1px solid #ddd; border-width:1px 0 0 1px; } .tableDateBox tbody th.tit { vertical-align:middle; border:1px solid #ddd; border-width:0 1px 1px 0; background:#df0631; color:#fff; font-size:18px; font-weight:400; text-align:center; padding:0 5px; } .tableDateBox tbody td.stit { vertical-align:middle; border:1px solid #ddd; border-width:0 1px 1px 0; background:#f5f5f5; color:#111; font-size:18px; font-weight:400; text-align:center; padding:0 5px; } .tableDateBox tbody td { border:1px solid #ddd; border-width:0 1px 1px 0; background:#fff; color:#111; font-size:17px; font-weight:400; text-align:left; padding:14px 30px; line-height:1.3 } @media screen and (max-width: 960px){ .tableDateBox { margin:50px 0; } .tableDateBox tbody th.tit, .tableDateBox tbody td.stit { font-size:15px; } .tableDateBox tbody td { font-size:14px; padding:10px 20px; } } @media screen and (max-width: 560px){ .tableDateBox .scroll-box { overflow-x:scroll; overflow-y:hidden; } .tableDateBox .scroll-box table { width:600px; } .tableDateBox .scroll-box .w1 { width:110px !important} .tableDateBox .scroll-box .w2 { width:110px !important} .tableDateBox .scroll-box span.br { display:block } .tableDateBox ::-webkit-scrollbar { width: 4px; height:4px; border-radius:4px;} .tableDateBox ::-webkit-scrollbar-thumb { background: #a9a9a9; } } .h_btn{ display: block; width: 450px; height: 65px; box-sizing: border-box; border-radius: 5px; background-color: #de1a22; font-size: 24px; font-weight: 500; letter-spacing: -0.025em; color: #fff !important; text-align: center; line-height: 65px; margin: 100px auto 0; } .h_btn img{ display: inline-block; vertical-align: middle; margin-left: 15px; margin-top: -3px; } @media (max-width: 640px) { .h_btn{ width: 300px; height: 50px; line-height: 50px; font-size: 18px; margin-top: 50px; } }