/* subVisual */ #subVisual {width:100%;height:335px;background:no-repeat center;background-size:cover;position:relative;z-index: 1;} #subVisual .auto {display:table;height:100%;} #subVisual .inner {display:table-cell;vertical-align: middle;text-align: center;color:#fff;} #subVisual .inner span {display:block;font-size:42px;font-weight:700;/* text-transform:uppercase; */position:relative;} #subVisual .inner h2 {font-size:38px; font-weight: 500; margin-bottom: 8px; padding-left: 20px; color: #4e412c; letter-spacing: -1px;} #subVisual .inner p.subTxt {font-size:18px; font-weight: 300; padding-left: 20px; color: #666;} #subVisual .inner span.main {color: #fff;font-weight:700;} #subVisual .lnbWrap {position:absolute;bottom:-26px;left:0;right:0;} #lnb02 {background-color: #fff;border-radius: 30px;box-shadow: 1px 10px 10px rgba(0,0,0,0.03);overflow: hidden;} #lnb02 ul {display: flex;justify-content: space-between;} #lnb02 ul:after{display:none;} #lnb02 ul li {width:100%;} #lnb02 ul li a {display: block;text-align: center;font-size: 15px;color:#666;line-height: 52px;position: relative;font-weight: 500;} #lnb02 ul li a:after {content:"";position: absolute;top: 0;bottom: 0;right: 0;width: 1px;background-color: #eee;} #lnb02 ul li:last-child a:after {display: none;} #lnb02 ul li.on a {background-color: #0079c5;color: #fff;} #contents {padding:125px 0;} .btn-sm {display: block;width:130px;line-height: 32px;border-radius: 30px;text-align: center;font-size: 15px;color:#0079c5;border: 1px solid #0079c5;margin-top: 20px;} .btn-sm.btn02 {background-color: #0079c5;color:#fff;} .btn-sm.mgc {margin:20px auto 0 auto;} .txt {font-size: 16px;color:#666;} .con-tit {font-size: 32px;color:#333;font-weight: 500;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;margin-top: 100px;margin-bottom: 20px;} #company .conBox {padding:80px 0;position: relative;} #company .conBox01 .txtBox {float:left;width:50%;} #company .conBox01 .txtBox dl dt {font-size: 50px;color:#0079c5; word-break: keep-all; line-height: 130%;} #company .conBox01 .txtBox dl dd {padding-top: 40px;position: relative;font-size: 18px;color:#454545;} #company .conBox01 .txtBox dl dd:before {content:"";position:absolute;top:20px;left:0;width:35px;height:2px;background-color: #0079c5;} #company .conBox01 .txtBox dl dd span {color:#0079c5;font-weight: 500;} #company .conBox01 .txtBox .paging-util {margin-top: 30px;font-size: 15px;color:#454545;font-weight: 500;line-height: 22px;} #company .conBox01 .txtBox .paging-util .bar {display: inline-block;width: 160px;height:2px;background-color: #ccc;vertical-align: top;margin:10px;position: relative;} #company .conBox01 .txtBox .paging-util .bar:after {content:"";position:absolute;top:0;left:0;bottom:0;width:0;background-color: #454545;} #company .conBox01 .txtBox .paging-util .bar.on:after {width:100%;transition:4s;} #company .conBox01 .txtBox .paging-util .btn .material-icons {display: none;} #company .conBox01 .txtBox .paging-util .btn .material-icons.pause {display: inline-block;} #company .conBox01 .txtBox .paging-util .btn.stop .material-icons.pause {display: none;} #company .conBox01 .txtBox .paging-util .btn.stop .material-icons.play {display: inline-block;} #company .conBox01 .txtBox .icons {margin-top: 70px; position: relative; left:-20px;} #company .conBox01 .txtBox .icons ul {display: flex;} #company .conBox01 .txtBox .icons ul li {/* flex-grow: 1; */ width:25%; text-align: center;} #company .conBox01 .txtBox .icons ul li .icon {height:52px;display: flex;justify-content:center;align-items: center;} #company .conBox01 .txtBox .icons ul li p {font-size: 16px;color:#666;margin-top: 5px;} #company .conBox01 .mask {float:left;width:50%;padding-left: 60px;} #company .conBox01 .mask ul{border:1px solid #d9d9d9;} #company .conBox01 .tag{ margin:20px 0 5px 0; font-size:16px; color:#333; font-weight:300; letter-spacing: -0.025em;} #company .conBox01 .tag ul{display: flex; justify-content: flex-start; align-items:center; } #company .conBox01 .tag ul li {padding: 5px 15px; border: 1px solid #666; border-radius: 18px;margin: 0 4px;} #company .conBox01 .tag ul li:first-child{margin-left:0;} #company .conBox02 {padding:80px 0;background-color: #f7f7f7;} #company .conBox02 .txtBox {position:absolute;top:0;left:0;right:0;bottom:0;display: flex;align-items: center;} #company .conBox02 .txtBox .auto {height:auto;} #company .conBox02 .txtBox dl{width:35%;} #company .conBox02 .txtBox dl dt {font-size: 36px;color:#333;font-weight: 500;} #company .conBox02 .txtBox dl dd {height:220px; overflow-y:scroll; font-size: 18px;color:#666;padding-top: 20px;margin-top: 10px;position: relative;} #company .conBox02 .txtBox dl dd:before {content:"";position:absolute;top:0;left:0;width:35px;height:2px;background-color: #0079c5;} #company .conBox02 .mask {position: relative;left:45%;width:55%;} #company .conBox02 .mask ul li {margin-right: 20px;border: 1px solid #d9d9d9;} #company .conBox02 .mask ul li img {width:100%;} #company .conBox02 .mask .arrows {position: absolute;bottom:0;left:-70px;} #company .conBox02 .mask .arrows a {display: block;float:left;width:70px;height:70px;line-height:70px;text-align: center;background-color: #f7f6f6;} #company .conBox03 .inner {padding: 0 10%;text-align: center;} #company .conBox03 dl {margin-bottom: 50px;} #company .conBox03 dl dt {font-size: 36px;color:#222;font-weight: 500;} #company .conBox03 dl dd {font-size: 16px;color:#666;} #company .conBox03 .img-list ul {display: flex;justify-content: space-between;} #company .conBox03 .img-list ul:after {display: none;} #company .conBox03 .img-list ul li {width: 25%;margin-right: 20px;} #company .conBox03 .img-list ul li:last-child {margin-right: 0;} #company .conBox03 .img-list ul li a {display: block;position: relative;} #company .conBox03 .img-list ul li a > img {width:100%;} #company .conBox03 .img-list ul li a .hv-cover {position: absolute;top:0;left:0;bottom:0;right:0;display: flex;align-items: center;justify-content: center;background-color: rgba(0,121,197,0.3);opacity: 0;transition:0.3s;} #company .conBox03 .img-list ul li a:hover .hv-cover {opacity: 1;} #company .conBox03 .btn-sm {margin:50px auto 0 auto;} #company .conBox04 {background-position: 50% 0;background-repeat: no-repeat;background-image: url("../images/contents/company-conBox04-img01.jpg");padding-top:130px;padding-bottom: 0;} #company .conBox04 .con-wrap {display: flex;flex-wrap: wrap;} #company .conBox04 .con-wrap > div {width:50%;} #company .conBox04 .con-wrap .con01 {background-size: cover;background-position: 50% 50%;background-image: url("../images/contents/company-conBox04-img02.jpg");position: relative;display: flex;justify-content: center;align-items: center;} #company .conBox04 .con-wrap .con01:before {content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border: 1px solid rgba(255,255,255,0.2);z-index:1;} #company .conBox04 .con-wrap .con01:after {content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color: rgba(0,0,0,0.7);z-index:0;} #company .conBox04 .con-wrap .con01 .inner {text-align: center;position: relative;z-index:2;} #company .conBox04 .con-wrap .con01 a {border-radius:30px;border: 1px solid #fff;padding:0 20px;font-size:16px;color:#fff;line-height: 38px;display:inline-block;margin-top:20px;} #company .conBox04 .con-wrap .con02 ul li {height:50%;} #company .conBox04 .con-wrap .con02 ul li a {display: block;position: relative;height:180px;padding:40px;} #company .conBox04 .con-wrap .con02 ul li:nth-child(1) a {background: linear-gradient(to right, #2c65d6, #0bb0d4);} #company .conBox04 .con-wrap .con02 ul li:nth-child(2) a {background: linear-gradient(to right, #1f437e, #0785f3);} #company .conBox04 .con-wrap .con02 ul li .icon {position: absolute;top:50%;transform:translateY(-50%);right:30px;} #company .conBox04 .con-wrap .con02 ul li .icon:after {content:"";display:inline-block;width:16px;height:30px;background-image: url("../images/contents/company-conBox04-arrow.png");margin-top:27px;margin-left:15px;} #company .conBox04 .con-wrap dl {color:#fff;} #company .conBox04 .con-wrap dl dt .en {display:block;font-size: 16px;} #company .conBox04 .con-wrap dl dt .kr {display:block;font-size: 30px;font-weight: 500;} #company .conBox04 .con-wrap dl dd {font-size: 16px;} .company-list > ul {display: flex;flex-wrap:wrap;margin:-10px;} .company-list > ul > li {width:33.33%;padding:10px;} .company-list > ul > li .inner {overflow: hidden;border-radius: 20px; border: 1px solid #d9d9d9;height: 100%;display: flex;flex-direction: column;justify-content: space-between;} .company-list ul li .thumb { min-height: 267px; display: flex; justify-content:center; align-items:center; cursor:pointer; border-radius:20px;overflow:hidden;min-height:267px;} .company-list ul li .thumb img {width:auto; max-height:250px;} .company-list ul li .txtBox {padding:20px;} .company-list ul li .txtBox p {font-size: 20px;color:#333;font-weight: 500;text-align: center;} .company-list ul li .txtBox .icons {margin:20px 0;} .company-list ul li .txtBox .icons ul {display: flex;justify-content: center;margin:-15px;} .company-list ul li .txtBox .icons ul li {padding:0 10px;display: flex;align-items: center;} .company-list ul li .txtBox .btns ul {display: flex;justify-content: center;margin: -5px;} .company-list ul li .txtBox .btns ul:after {display: none;} .company-list ul li .txtBox .btns ul li {padding:5px;width:33.33%;} .company-list ul li .txtBox .btns ul li a {display: block;font-size: 16px;color:#0079c5;font-weight: 500;border-radius:5px;border: 1px solid #0079c5;line-height: 35px;text-align: center;} .company-list .tag{margin:10px 0 5px 0; font-size:15px; color:#0079c5; font-weight:300; letter-spacing: -0.025em;} .company-list .tag ul{display: flex; justify-content:center; align-items:center; } .company-list .tag ul li{padding: 0 5px;} .about-top .inner {display: flex;align-items: flex-start;} .about-top .imgBox {border: 1px solid #d9d9d9; display: flex; width: 458px; height: 318px; align-items: center; justify-content: center;} .about-top .txtBox {padding-left: 40px;position: relative;flex-grow: 1;} .about-top .txtBox .tit {font-size: 32px;color:#333;font-weight: 500;line-height: 1;} .about-top .txtBox .info {margin-top: 30px;} .about-top .txtBox .info dl {display: flex;align-items: center;font-size:18px;margin-top: 10px;} .about-top .txtBox .info dl dt {color:#333;font-weight: 500;width:130px;} .about-top .txtBox .info dl dd {color:#666;} .about-top .txtBox .btn-sm {position: absolute;top:0;right:0;margin-top: 0;} #about .conBox02 {margin-top: 50px;} #about .conBox02 .txt01 {font-size: 40px;color:#333;font-weight: 500;} #about .conBox02 .txt01 span {color:#2c65d6;font-weight: 700;} #about .conBox02 .txt {margin-top: 15px;} #about .conBox03 ul {margin-top: 40px;} #about .conBox03 ul li {display: flex;align-items: flex-start;align-content:flex-start;flex-wrap: wrap;margin-top: 40px;} #about .conBox03 ul li .imgBox {border: 1px solid #d9d9d9;width:41%;} #about .conBox03 ul li .imgBox img {width:100%;} #about .conBox03 ul li .txtBox {width:59%;padding-left: 40px;} #about .conBox03 ul li .txtBox dl dt {padding-bottom: 15px;margin-bottom: 15px;position: relative;} #about .conBox03 ul li .txtBox dl dt:after {content:"";position: absolute;bottom:0;left:0;width:30px;height:2px;background-color: #0079c5;} #about .conBox03 ul li .txtBox dl dt .tit01 {font-size: 34px;color:#333;font-weight: 500;} #about .conBox03 ul li .txtBox dl dt .tit02 {font-size: 18px;color:#999;} #about .conBox03 ul li .txtBox dl dd {} #about .conBox03 ul li:nth-child(even) {flex-direction: row-reverse;} #about .conBox03 ul li:nth-child(even) .txtBox {padding-right:40px;padding-left:0;} #product .prd-tab {border-bottom: 1px solid #d9d9d9;margin-bottom: 30px;} #product .prd-tab ul li {float:left;margin-right: 30px;padding-bottom:10px;} #product .prd-tab ul li a {font-size: 32px;color:#d8d8d8;font-weight: 500;} #product .prd-tab ul li.on a {color:#333;} #product .prd-list ul {display: flex;justify-content: center;flex-wrap: wrap;margin:-10px;} #product .prd-list ul:after {display: none;} #product .prd-list ul li {width:33.33%;padding:10px;} #product .prd-list ul li a {display: block; height:100%; border: 1px solid #d9d9d9;position: relative;} #product .prd-list ul li a:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border: 2px solid #0079c5;transition:0.3s;opacity: 0;} #product .prd-list ul li a:hover:after {opacity: 1;} #product .prd-list ul li .imgBox img {width:100%;} #product .prd-list ul li .txtBox {text-align: center;padding: 10px;} #product .prd-list ul li .txtBox .txt01 {font-size: 18px;color:#666;} #product .prd-list ul li .txtBox .txt02 {font-size: 26px;color:#333;font-weight: 700;} #product .prd-list ul li .txtBox .txt03 {font-size: 16px;color:#999;} #product .prd-tabContents > ul > li {display: none;} #product .prd-tabContents > ul > li:first-child {display: block;} .prd-view-top {overflow: hidden;border-bottom: 1px solid #d9d9d9;padding-bottom: 20px;margin-bottom: 20px;} .prd-view-top .prd-thumb {float:left;width:340px;} .prd-view-top .prd-thumb img{border: 1px solid #d9d9d9;} .prd-view-top .prd-thumb .view-btn{width:180px; height:40px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:17px; cursor:pointer; margin:20px auto 0; background: #0079c5; border-radius:25px;} .prd-view-top .txtBox {padding-left: 380px;} .prd-view-top .txtBox .prd-name {border-bottom: 1px solid #d9d9d9;padding-bottom: 10px;margin-bottom: 10px;} .prd-view-top .txtBox .prd-name .txt01 {font-size: 18px;color:#666;} .prd-view-top .txtBox .prd-name .txt02 {font-size: 26px;color:#333;font-weight: 700;line-height: 1.2;} .prd-view-top .txtBox .prd-name .txt03 {font-size: 16px;color:#999;margin-top: 5px;} .prd-view-top .txtBox .prd-info {overflow: hidden;} .prd-view-top .txtBox .prd-info dl {display: flex; align-items: flex-start;font-size: 16px; margin-bottom:10px;} .prd-view-top .txtBox .prd-info dl dt {color:#333;font-weight: 500;width:140px;} .prd-view-top .txtBox .prd-info dl dd {color:#666; width:calc(100% - 140px);} .prd-view-wrap .txt-box {padding-top:20px; padding-bottom:20px; margin-bottom: 20px;border-bottom: 1px solid #d9d9d9;} .prd-view-wrap .txt-box p {font-size: 16px;color:#666;} .prd-view-wrap .txt-box p strong {font-size: 20px;color:#333;} .popup {position:fixed;top:0;bottom:0;left:0;right:0;background-color: rgba(0,0,0,0.7);z-index:1000;overflow:hidden;padding:5% 0;display:none;} .popup .inner-wrap {position:relative;top:0;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:100%;max-width:1000px;} .popup .inner-wrap .btn-close {position: absolute;top:0;right:-70px;} .popup .inner-wrap .inner {background-color: #fff;height:100%;margin:auto;padding:40px;overflow-y: scroll;} .popup .arrow {position: absolute;top:50%;transform:translateY(-50%);} .popup .arrow.btn-prev {left:-70px;} .popup .arrow.btn-next {right:-70px;} .popup .tit {font-size: 26px;color:#333;font-weight: 500;line-height: 1;padding-bottom:20px;margin-bottom: 20px;border-bottom: 2px solid #0079c5;} .inquiry-forms {display: flex;justify-content: space-between;} .inquiry-forms > div {width:49%;} .inquiry-forms input[type="text"] {height:50px;border: 1px solid #d9d9d9;padding:0 10px;} .inquiry-forms textarea {border: 1px solid #d9d9d9;padding:10px;width:100%;resize:none;} .inquiry-forms .form01 dl {margin-top: 5px;display: flex;align-items: center;} .inquiry-forms .form01 dl:after {display: none;} .inquiry-forms .form01 dl:first-child {margin-top: 0;} .inquiry-forms .form01 dl dt {word-break:keep-all; font-size: 18px;color:#333;font-weight: 500;width:110px;} .inquiry-forms .form01 dl dd {width:100%;} .inquiry-forms .form02 textarea {height:187px;} .inquiry-forms .form02 label {display:block;font-size: 16px;color:#333;margin-top: 5px;} .photo-list ul {display: flex;flex-wrap: wrap;margin:-10px; justify-content: center;} .photo-list ul:after {display: none;} .photo-list ul li {width:33.33%;padding:10px;} .photo-list ul li a {display: block;} .photo-list ul li .imgBox {border: 1px solid #d9d9d9;} .photo-list ul li .imgBox img {width:100%;} .photo-list ul li .txtBox {padding:10px 0;} .photo-list ul li .txtBox p {font-size: 20px;color:#333;line-height: 1.2;} #inquiry .inquiry-forms {padding:20px;background-color: #f7f7f7;} .location .location-info {display: flex;justify-content: center;padding:20px 0;} .location .location-info dl {display: flex;align-items: center;font-size: 18px;padding-right: 15px;margin-right: 15px;position: relative;} .location .location-info dl:before {content:"";position:absolute;top:8px;bottom:8px;right:0;width:1px;background-color: #d9d9d9;} .location .location-info dl:last-child:before {display: none;} .location .location-info dl dt {color:#0079c5;margin-right: 10px;font-weight: 500;} .location .location-info dl dd {color: #333;} .location .root_daum_roughmap {height:300px !important; width:100% !important;border: 1px solid #d9d9d9;} .location .root_daum_roughmap .map_border {display: none;} .video-main {} .video-main .iframe {padding-top:55.6%;position: relative;} .video-main .iframe iframe {position: absolute;top:0;left:0;width:100%;height:100%;vertical-align: top;} .video-main .txtBox {padding:10px 0;} .video-main .txtBox p {font-size: 23px;color:#333;line-height: 1.2;} #video .photo-list {margin-top: 50px;} .agree-box {height:260px;overflow:auto;padding:30px;background-color: #fafafa;color:#666;font-size: 16px;} .agree-box h1 {margin-top: 30px;} .agree-check {display:block;margin-top: 10px;font-size: 16px;color: #666;} .show-live .tit {font-size: 32px;color:#333;font-weight: 500;line-height: 1;} .show-live .tit .onair {display: inline-block;width:95px;line-height: 33px;text-align: center;border-radius: 5px;border: 1px solid #f00;font-size: 18px;color:#f00;vertical-align: top;} .show-live .flex {margin-top: 20px;display: flex;flex-wrap: wrap;border: 1px solid #d9d9d9;} .show-live .iframe {position: relative;width:50%;padding-top: 26.5%;} .show-live .iframe iframe {position: absolute;top:0;left:0;width:100%;height:100%;vertical-align: top;} .show-live .txtBox {position: relative;width:50%;padding:30px;} .show-live .txtBox .sub-tit {font-size: 23px;color:#333;font-weight: 500;} .show-live .txtBox dl {font-size: 18px;margin-top: 10px;} .show-live .txtBox dl dt {color:#333;width:100px;float:left;font-weight: 500;} .show-live .txtBox dl dd {color:#666;padding-left: 100px;} .program-list .con-tit {border-bottom: 0;} .program-list ul {display: flex;flex-wrap:wrap;margin:-10px;} .program-list ul:after {display: none;} .program-list ul li {width:33.33%;padding:10px;} .program-list ul li .thumb img {width:100%;} .program-list ul li .txtBox {width:100%;padding:10px 0;font-size: 18px;} .program-list ul li .txtBox dt {float:left;color:#333;font-weight: 500;} .program-list ul li .txtBox dd {padding-left: 90px;color:#666;} @media all and (max-width:1199px){ #company .conBox03 .inner {padding:0 10px;} #company .conBox03 .img-list ul li {margin-right:10px;} #company .conBox01 .txtBox .icons{left:0;} #company .conBox01 .tag ul{flex-wrap:wrap;} #company .conBox01 .tag ul li{margin-bottom:5px;} } @media all and (max-width:1024px){ #subVisual {height:300px;} #company .conBox02 .mask .arrows {left:-50px;} #company .conBox02 .mask .arrows a {width:50px;height:50px;line-height: 50px;} #company .conBox04 {background-size: auto 60%;} #company .conBox04 .con-wrap .con02 ul li a {padding:20px;height:140px;} #company .conBox04 .con-wrap dl dt .kr {font-size:24px;} .about-top .inner {display: block;} /* .about-top .imgBox {border:0;} */ /* .about-top .imgBox img {border: 1px solid #d9d9d9;} */ .about-top .txtBox {padding-left: 0;margin-top: 30px;} #product .prd-list ul {margin:-5px;} #product .prd-list ul li {padding:5px;} .popup {padding:70px;} .popup .inner-wrap {left:0;width:100%;transform:translateX(0);} .popup .inner-wrap .btn-close {top:-50px;right:0;width:50px;height:50px;} .popup .arrow {width:50px;} .popup .arrow.btn-prev {left:-60px;} .popup .arrow.btn-next {right:-60px;} .location .location-info {display: block;} .location .location-info dl {margin-top: 10px;} .location .location-info dl:before {display: none;} .location .location-info dl dt {width:90px;} .photo-list ul {margin:-5px;} .photo-list ul li {padding:5px;} .show-live .flex {display: block;} .show-live .iframe {width:100%;padding-top:50%;} .show-live .txtBox {width:100%;} .program-list ul {margin:-5px;} .program-list ul li {padding:5px;} .program-list ul li .txtBox {font-size: 16px;} .company-list > ul {margin:-5px;} .company-list > ul > li {padding:5px;} } @media all and (max-width:860px){ #company .conBox01 .slide-wrap {display: flex;flex-direction: column-reverse;} #company .conBox01 .mask {padding-left: 0;width:100%;} #company .conBox01 .mask img {width:100%;} #company .conBox01 .txtBox {width:100%;margin-top:30px;} #company .conBox02 .txtBox dl dt {font-size: 26px;} #company .conBox02 .txtBox dl dd {font-size: 16px;} #company .conBox03 .img-list ul {flex-wrap: wrap;margin:-5px;} #company .conBox03 .img-list ul li {width:50%;margin-right:0;padding:5px;} #company .conBox04 .con-wrap .con02 ul li .icon img {display: none;} #company .conBox04 .con-wrap .con02 ul li .icon:after {margin-top:0;} #company .conBox04 .con-wrap .con02 ul li a {height:120px;} #company .conBox04 .con-wrap dl dt .en {font-size: 14px;} #company .conBox04 .con-wrap dl dt .kr {font-size: 20px;} #company .conBox04 .con-wrap dl dd {font-size:14px;} #company .conBox04 .con-wrap .con01 a {font-size: 14px;line-height: 28px;} #about .conBox03 ul li {display: block;} #about .conBox03 ul li:nth-child(even) .txtBox {padding-right:0;} #about .conBox03 ul li .imgBox {width:100%;} #about .conBox03 ul li .txtBox {width:100%;padding-left: 0;margin-top: 30px;} #product .prd-list ul li .txtBox .txt01 {font-size:16px;} #product .prd-list ul li .txtBox .txt02 {font-size:20px;} #product .prd-list ul li .txtBox .txt03 {font-size:14px;} #product .prd-tab ul li a {font-size:24px;} .popup .inner-wrap .inner {padding:20px;height:auto;max-height:100%;} .prd-view-top .prd-thumb {float:none;width:100%;} .prd-view-top .prd-thumb img {width:100%;} .prd-view-top .txtBox {padding-left: 0;margin-top: 20px;} .photo-list ul li .txtBox p {font-size: 18px;} .video-main .txtBox p {font-size: 20px;} .show-live .txtBox {padding:20px;} .show-live .txtBox dl {font-size: 16px;} .program-list ul li {width:50%;} .company-list > ul > li {width:50%;} } @media all and (max-width:680px){ #subVisual {height:200px;} #subVisual .inner span {font-size: 24px;} #lnb02 ul li a {font-size: 12px;} .con-tit {font-size: 24px;margin-top:50px;margin-bottom:20px;} .txt {font-size: 14px;} #contents {padding:50px 0;} #company .conBox {padding:50px 0;} #company .conBox01 .txtBox dl dt {font-size: 24px;} #company .conBox01 .txtBox dl dd {margin-top: 20px;font-size: 14px;} #company .conBox01 .txtBox .paging-util .bar {width:200px;} #company .conBox01 .txtBox .icons ul li .icon {padding:10px;} #company .conBox01 .txtBox .icons ul li p {font-size: 12px;} #company .conBox02 {display: flex;flex-direction: column-reverse;padding:50px 10px;} #company .conBox02 .txtBox {position: relative;margin-top: 20px;} #company .conBox02 .txtBox dl{width:100%;} #company .conBox02 .txtBox dl dt {font-size: 20px;} #company .conBox02 .txtBox dl dd {font-size: 14px;} #company .conBox02 .mask {width:100%;left:0;} #company .conBox02 .mask ul li {margin-right: 0;} #company .conBox02 .mask .arrows {left:auto;right:1px;bottom:1px;} #company .conBox02 .mask .arrows a {width:35px;height:35px;line-height: 35px;} #company .conBox03 dl {margin-bottom: 20px;} #company .conBox03 dl dt {font-size:24px;} #company .conBox03 dl dd {font-size:14px;} #company .conBox04 .con-wrap {display: block;} #company .conBox04 .con-wrap > div {width:100%;}.about-top .imgBox #company .conBox04 .con-wrap dl dt .en {font-size: 12px;} #company .conBox04 .con-wrap dl dt .kr {font-size: 16px;} #company .conBox04 .con-wrap dl dd {font-size:12px;} #company .conBox04 .con-wrap .con01 {padding:20px;} #company .conBox04 .con-wrap .con01 a {margin-top:10px;} #company .conBox04 .con-wrap .con02 ul li a {height:auto;} .about-top .txtBox .tit {font-size: 24px;} .about-top .txtBox .info dl {font-size:14px;display: block;margin-top:20px;} .about-top .txtBox .btn-sm {position:static;margin:20px auto 0 auto;} .about-top .imgBox{width:100%; height:auto; padding:20px; } #about .conBox02 .txt01 {font-size: 20px;} #about .conBox03 ul {margin-top:-20px;} #about .conBox03 ul li .txtBox dl dt .tit01 {font-size: 20px;} #about .conBox03 ul li .txtBox dl dt .tit02 {font-size:16px;} #product .prd-list ul {margin:0;} #product .prd-list ul li {width:100%;padding:0;margin-top: 10px;} #product .prd-tab ul li a {font-size:20px;} .popup {padding:50px 10px;} .popup .inner-wrap .btn-close {width:40px;height:40px;top:-40px;} .popup .arrow {display: none;} .popup .tit {font-size: 20px;} .prd-view-top .txtBox .prd-name .txt01 {font-size: 14px;} .prd-view-top .txtBox .prd-name .txt02 {font-size: 20px;} .prd-view-top .txtBox .prd-name .txt03 {font-size: 14px;} .prd-view-top .txtBox .prd-info dl {font-size:14px;} .prd-view-wrap .txt-box p {font-size:14px;} .inquiry-forms {display: block;} .inquiry-forms > div {width:100%;} .inquiry-forms .form02 {margin-top: 20px;} .inquiry-forms .form01 dl dt {font-size:14px;} .inquiry-forms input[type="text"] {height:35px;} .location .location-info dl {display: block;margin-top: 10px;font-size:14px;} .location .location-info dl:first-child {margin-top: 0;} .photo-list ul li {width:50%;} .photo-list ul li .txtBox p {font-size: 14px;} .video-main .txtBox p {font-size:18px;} .agree-box {padding:20px;font-size: 12px;} .show-live .tit {font-size: 22px;} .show-live .tit .onair {width:65px;line-height: 22px;font-size: 14px;} .show-live .txtBox {padding:10px;} .show-live .txtBox .sub-tit {font-size: 18px;} .show-live .txtBox dl {margin-top: 10px;} .show-live .txtBox dl dt {float:none;} .show-live .txtBox dl dd {padding-left: 0;} .program-list ul {margin:0;} .program-list ul li {width:100%;padding:0;margin-top: 20px;} .program-list ul li:first-child {margin-top: 0;} .company-list > ul {margin:0;} .company-list > ul > li {width:100%;padding:0;margin-top: 20px;} .company-list > ul > li:first-child {margin-top: 0;} .company-list ul li .txtBox {padding:10px;} }