#hd, #wrapper, #ft {min-width: 1500px ;padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;} #wrapper {} #wrapper #secA {} #wrapper #secA .main_visual {height: 810px; padding: 70px 0; background: url(../images/main/header.jpg) center; background-size: cover;} #wrapper #secA .main_visual .container {} #wrapper #secA .main_visual .container {display:block; overflow:hidden; width: 1500px; padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;} #wrapper #secA .main_visual .container .text {float:left; width:458px; padding: 53px 45px; width: 458px; height: 460px; background: linear-gradient(120deg, #ff5400, #ffa32c);margin: 105px 0;cursor:default;} #wrapper #secA .main_visual .container .text h4 {margin-bottom: 10px; font-size: 23px; font-weight: 100; letter-spacing: -2px; color: #ffeea0; -webkit-animation:fadeInLeft 1s both;animation:fadeInLeft 1s both;} #wrapper #secA .main_visual .container .text h3 {margin-bottom: 30px; line-height: 120%; font-weight: 100; font-size: 39px; letter-spacing: -5px; color: #ffecd0;-webkit-animation:fadeInDown 1s both; animation:fadeInDown 1s both; -webkit-animation-delay:0.7s; animation-delay:0.7s;} #wrapper #secA .main_visual .container .text h3 b {font-weight: 600;} #wrapper #secA .main_visual .container .text > p {margin-bottom: 30px; font-weight: 100; color: #fff; font-size: 17px; -webkit-animation:fadeInRight 1s both; animation:fadeInRight 1s both; -webkit-animation-delay:1.2s; animation-delay:1.2s;} #wrapper #secA .main_visual .container .text > div {} #wrapper #secA .main_visual .container .text > div button {width: 49%; height: 40px; background: #fff; border: 1px solid #fff; border-radius: 20px; font-weight: 300; letter-spacing: -1px;} #wrapper #secA .main_visual .container .text > div p {width: 49%; height: 40px; border: 1px solid #fff; border-radius: 20px; font-weight: 300; letter-spacing: -.5px;float: right;text-align: center;line-height: 38px;} #wrapper #secA .main_visual .container .text > div p a {display:block;color: #fff;} #wrapper #secA .main_visual .container .images {/*overflow: hidden; */width: 1042px; height: 670px;float:right; } #wrapper #secA .main_visual .container .images .item {} #wrapper #secA .main_visual .container .images .item img {width: 100%;} #wrapper #secA .main_visual .item .img-fill{width: 100%; display: block; overflow: hidden; position: relative; text-align: center;} #wrapper #secA .main_visual .item .img-fill img { min-height: 100%; min-width: 100%; position: relative; display: inline-block; max-width: none; } #wrapper #secB {margin-top: 60px;position: relative;position: relative;display: flex;} #wrapper #secB .container {max-width: 1500px; padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;} #wrapper #secB .container .secB_tit {margin: 0 auto; margin-bottom: 70px; width: 100%; text-align: center;} #wrapper #secB .container .secB_tit h2 {margin-bottom: 15px; font-size: 33px; font-weight: 300; letter-spacing: -4px; color: #503329;} #wrapper #secB .container .secB_tit h2:after {content: '';position: relative;top: 37px;display: block;width: 155px;height: 17px;margin: 0 auto;text-align: center;/* overflow: hidden; */background: url(../images/main/decoline.png) center;} #wrapper #secB .container .secB_tit h2 b {font-size: 43px; font-weight: 900;} #wrapper #secB .container .secB_tit img {margin: 0 auto;} /* 2021.01.18 서희원 추가 START */ #wrapper #secB .container .sB_inBox ul.youtube_list::after {content:"";display:block;clear:both;} #wrapper #secB .container .sB_inBox ul.youtube_list li {position:relative; float:left; width:calc(100%/4 - 20px); margin:0px 10px;} #wrapper #secB .container .sB_inBox ul.youtube_list li a {display:inline-block; width:100%; height:100%; transition:.3s; transform:translateY(0px);} #wrapper #secB .container .sB_inBox ul.youtube_list li a:hover {transform:translateY(-5px);} #wrapper #secB .container .sB_inBox ul.youtube_list li a .youtubeThumb_wrap {position:relative; width:100%; /*height:245px;*/ background:#ccc; /*display:flex; align-items:center; justify-content:center;*/} #wrapper #secB .container .sB_inBox ul.youtube_list li a .youtubeThumb_wrap::before {content:''; top:0; left:0; z-index:2; position:absolute; display:block; width:100%; height:100%; background:url(../images/main/youtube_info.png) center 0% no-repeat; background-size:contain;} #wrapper #secB .container .sB_inBox ul.youtube_list li a .youtubeThumb_wrap::after {content:''; top:0; left:0; z-index:1; position:absolute; display:block; width:100%; height:100%; background:url(../images/main/ic_start.png) center center no-repeat; background-size:15% 17%;} #wrapper #secB .container .sB_inBox ul.youtube_list li a .youtubeThumb_wrap img {width:100%; height:auto;} #wrapper #secB .container .sB_inBox ul.youtube_list li a p {display:inline-block; width:100%; height:20px; font-size:17px; font-weight:300; line-height:1em; text-align:center; margin-top:12px; transition:.3s;} #wrapper #secB .container .sB_inBox ul.youtube_list li a:hover p {color:#ff822c;} /* 2021.01.18 서희원 추가 END */ #wrapper #secB .container .sB_inBox #wrapper #secB .container .sB_inBox .Advantage_list {display: block;} #wrapper #secB .container .sB_inBox .Advantage_list li {width: 25%; height: 310px; border: 1px solid #f2f2f2;text-align: center;float: left;} #wrapper #secB .container .sB_inBox .Advantage_list li:hover {box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);} #wrapper #secB .container .sB_inBox .Advantage_list li img {margin: 0 auto;margin-top: 14%;margin-bottom: 25px;} #wrapper #secB .container .sB_inBox .Advantage_list li h3 {margin-bottom: 12px; font-size: 23px;} #wrapper #secB .container .sB_inBox .Advantage_list li:nth-child(4) h3 {margin-top: 4px;} #wrapper #secB .container .sB_inBox .Advantage_list li p {font-size: 19px; color: #686868;} #wrapper #secC {margin-top: 50px;position: relative;display: block;overflow: hidden;} #wrapper #secC .container {width: 1500px; padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;} #wrapper #secC .container > div {width: 50%; height: 360px; border: 1px solid #f2f2f2;} #wrapper #secC .container .sC_inBox1 {position:relative; padding: 30px; background: #fffbf9;display: inline-block;float: left; height:360px; background:url(../images/main/210118_changeImg1.png) center center no-repeat #ffd973; background-size:contain;} #wrapper #secC .container .sC_inBox1 .sC_i1_top {align-items: flex-start; margin-bottom: 10px;} #wrapper #secC .container .sC_inBox1 .sC_i1_top {flex-wrap: wrap; align-items: center;} #wrapper #secC .container .sC_inBox1 .sC_i1_top img {margin-right: 20px; display: inline-block;} /*20201221_기존주석처리_ #wrapper #secC .container .sC_inBox1 .sC_i1_top h3 {line-height: 130%; font-size: 33px; font-weight: 300; letter-spacing: -5px; color: #484848;display: inline-block;} #wrapper #secC .container .sC_inBox1 .sC_i1_top h3 b {font-size: 39px; color: #503329; font-weight: 900;}*/ #wrapper #secC .container .sC_inBox1 .sC_i1_top h3 {line-height: 130%; font-size: 33px; font-weight: 300; letter-spacing: -5px; color: #ff822c;display: inline-block; margin-top: 1rem; margin-bottom: 5rem;} #wrapper #secC .container .sC_inBox1 .sC_i1_top h3 b {font-size: 39px; color:#ff822c; font-weight: 900;} #wrapper #secC .container .sC_inBox1 .sC_i1_top .sC_i1_more {margin-top: 10px; background: none; border: none;float: right; display: inline-block;} #wrapper #secC .container .sC_inBox1 .sC_i1_top .sC_i1_more a {font-size: 21px; font-weight: 800; letter-spacing: -2px; color: #484848;} #wrapper #secC .container .sC_inBox1 .sC_i1_top .sC_i1_more a img {margin-left: 10px; margin-right: 0; width: auto;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm {} #wrapper #secC .container .sC_inBox1 .sC_i1_btm ul {display:inline-flex;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm ul li {width:25%;text-align: center;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm ul li h3 {text-align: center;background: #503329;color: #fff;font-size: 1.5rem;font-weight: 300;width: 80%;border-radius: 2rem;padding: .5rem 1rem;letter-spacing: -1px;margin: 0 auto;margin-top: 10px;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm ul li img {width: 92%;height: auto;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .left {display: inline-block;width: 50%;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .left p {line-height: 150%; font-size: 17px; letter-spacing: -1px; color: #686868;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .left p:first-child {margin-bottom: 20px;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .right {display: inline-block; float: right; width: 50%;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .right img {width: 100%;float: right;} #wrapper #secC .container .sC_inBox2 {/*overflow: hidden; flex-wrap: wrap;*/display: inline-block;float: left;} #wrapper #secC .container .sC_inBox2 .list_group {display: flex;position: relative;} #wrapper #secC .container .sC_inBox2 .business_summary {position: relative;padding: 22px;width: 50%;/*float: left;*/ display: inline-block;} #wrapper #secC .container .sC_inBox2 .business_summary h4 {margin-bottom: 15px; font-size: 22px; color: #484848;} #wrapper #secC .container .sC_inBox2 .business_summary p {font-size: 17px; font-weight: 300; letter-spacing: -1px; color: #868686;line-height: 28px;} #wrapper #secC .container .sC_inBox2 .business_summary .business_summary .figure {} #wrapper #secC .container .sC_inBox2 .sC_i2_more {position: absolute; top: 20px; right: 20px; padding: 5px 8.5px; background: #fff; border: 1px solid #f3f3f3; color: #ccc; font-size: 11px;} #wrapper #secC .container .sC_inBox1 .sC_i2_more {position: absolute; top: 20px; right: 20px; padding: 5px 8.5px; background: #fff; border: 1px solid #f3f3f3; color: #ccc; font-size: 11px;} #wrapper #secC .container .sC_inBox2 .branch_status { background: url(../images/main/sC_inBox2_1.jpg) center;background-size: cover;position: relative;width: 50%;height: 180px;/*float: left;*/padding: 22px; display: inline-block;} #wrapper #secC .container .sC_inBox2 .branch_status h4 {color: #fff;margin-bottom: 15px;font-size: 22px;} #wrapper #secC .container .sC_inBox2 .branch_status p {color: #fff;line-height: 28px;font-size: 17px;font-weight: 300;letter-spacing: -1px;} #wrapper #secC .container .sC_inBox2 .con_review {/*background: url(../images/main/sC_inBox2_2.jpg) center; background-size: cover; */display: block; float: left;height: 179px;position: relative; width: 50%; border: 1px solid #f2f2f2;border-left: 0; text-align: center;padding: 22px;background: #fffefc;} #wrapper #secC .container .sC_inBox2 .con_review h4 {color: #000;margin-bottom: 15px;font-size: 22px; text-align: left;} #wrapper #secC .container .sC_inBox2 .con_question {position: relative;padding: 22px;width: 50%; display:flex; align-items:center; justify-content:center; overflow:hidden; height:179px; background:linear-gradient( to right, #fd9f28, #fecc49 ); background-size:contain;} #wrapper #secC .container .sC_inBox2 .con_question > img {min-width:calc(100% + 44px); height:calc(100% + 44px);} #wrapper #secC .container .sC_inBox2 .con_question h4 {margin-bottom: 15px; font-size: 22px; color: #484848;} #wrapper #secC .container .sC_inBox2 .con_question p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 17px;font-weight: 300;letter-spacing: -1px;color: #868686;line-height: 28px;} /*메인화면 최신글리스트css*/ /*.figure div a .tit {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 17px;font-weight: 300;letter-spacing: -1px;color: #868686;line-height: 28px;}*/ .figure div a {display: inline-block; width: 100%;} .figure div a .tit {width: 94%;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 300;font-size: 17px;line-height: 17px; float: left;} .figure .con {display: none;} .figure .date {display: none;} .con_review {} .board_list { display: inline-flex;} .board_list li {} .board_list li img {} .con_review .board_list .img {} .con_review .board_list .img img {/*text-align: center;margin: 0 auto;*/object-fit: contain;/*position: absolute;left: 50%;top: 50%;-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);*/width: 100%;max-width: 100%;height: auto;} .con_review .board_list .info {display: none;} /* 211109 수정사항 - start */ #wrapper #secC .container .sC_inBox2 {/*overflow: hidden; flex-wrap: wrap;*/display: block;float: inherit;margin: 0 auto;width: 100%;height: auto;} #wrapper #secC .container .sC_inBox2 .list_group {} #wrapper #secC .container .sC_inBox2 .sC_i2_more {top:30px; right:30px;} #wrapper #secC .container .sC_inBox2 .con_question > img {max-width: calc(100% + 44px);max-height: calc(100% + 44px);width: 100%; min-width:inherit; height:auto;} #wrapper #secC .container .sC_inBox2 .con_review .board_list .img {width: 100%;height: 200px;overflow: hidden;} #wrapper #secC .container .sC_inBox2 .con_review, #wrapper #secC .container .sC_inBox2 .business_summary, #wrapper #secC .container .sC_inBox2 .con_question, #wrapper #secC .container .sC_inBox2 .branch_status {height:300px; padding:30px;} #wrapper #secC .container .sC_inBox2 > div h4 {margin-bottom: 20px !important;} /* 211109 수정사항 - end */ /* 반응형 ================================================================================================================================================================================================ */ @media (max-width:1499px) { #wrapper {width: 100%; min-width: auto;margin: 0 auto;} #wrapper #secA .main_visual {height: auto;} #wrapper #secA .main_visual .container {width: 100%;} #wrapper #secA .main_visual .container .text {width: 35%; padding: 73px 45px; margin: 65px 0; /*width: 50%;*//* float: none; display: block;margin: 0 auto;*/} #wrapper #secA .main_visual .container .text h4 {} #wrapper #secA .main_visual .container .text h3 {font-size: 33px;} #wrapper #secA .main_visual .container .text > p {} #wrapper #secA .main_visual .container .images {width: 65%; height: auto; /*width: 50%;*//* float: none; display: block;margin: 0 auto;*/} #wrapper #secA .main_visual .container .images .item {} #wrapper #secA .main_visual .container .images .item img {width: 100%;} #wrapper #secC .container {width: 100%; min-width: auto;margin: 0 auto;} } @media (max-width:1399px) { #wrapper #secC .container .sC_inBox1 .sC_i1_top h3 {font-size: 2rem; margin-bottom: 8.5rem;} #wrapper #secC .container .sC_inBox1 .sC_i1_top h3 b {font-size: 2.5rem;} #wrapper #secC .container .sC_inBox1 .sC_i1_top img {width: 10%;} #wrapper #secC .container .sC_inBox1 .sC_i1_top .sC_i1_more a {font-size: 2rem;} #wrapper #secC .container .sC_inBox2 .business_summary p {font-size: 1.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #wrapper #secC .container .sC_inBox2 .branch_status p {font-size: 1.5rem;} #wrapper #secC .container .sC_inBox2 .con_question p {font-size: 1.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} } @media (max-width:1219px) { #wrapper #secC .container .sC_inBox1 .sC_i1_top{} #wrapper #secC .container .sC_inBox1 .sC_i1_top h3 {} #wrapper #secA .main_visual .container .text {padding: 73px 35px; margin: 25px 0; height: auto;/*width: 50%;*//* float: none; display: block;margin: 0 auto;*/} #wrapper #secA .main_visual .container .images {width: 65%; height: auto; /*width: 50%;*//* float: none; display: block;margin: 0 auto;*/} #wrapper #secA .main_visual .container .text h3 {font-size: 3rem;} #wrapper #secA .main_visual .container .text p {font-size:1.3rem;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .left p { font-size: 1.5rem;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .left p:first-child {} } @media (max-width:1159px) { #wrapper #secA .main_visual .container .text {padding: 43px 35px;} } @media (max-width:999px) { #wrapper #secA .main_visual .container .text {padding: 25px 15px;margin: 35px 0; height: auto;} #wrapper #secA .main_visual .container .text h3 {font-size: 2.5rem;} #wrapper #secB .container .secB_tit h2 {font-size: 2.5rem; letter-spacing: -2px;} #wrapper #secB .container .secB_tit h2 b {font-size: 3rem;} #wrapper #secC .container .sC_inBox1 {height: 360px;} #wrapper #secC .container .sC_inBox1 .sC_i1_top h3 { /*margin-bottom: 11.5rem;*/ height: auto;} #wrapper #secA .main_visual .container .text p {font-size:1.3rem;} #wrapper #secB .container .sB_inBox .Advantage_list li {height: auto;} #wrapper #secB .container .sB_inBox .Advantage_list li h3 {font-size: 2rem; letter-spacing: -2px;} #wrapper #secB .container .sB_inBox .Advantage_list li p {font-size: 1.5rem; margin-bottom: 30px;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .left p { font-size: 1.5rem;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .left p:first-child {} /* 211109 수정사항 - start */ #wrapper #secC .container .sC_inBox2 .sC_i2_more {top:20px; right:20px;} #wrapper #secC .container .sC_inBox2 .con_review .board_list .img {width: 100%;height: 100px;overflow: hidden;} #wrapper #secC .container .sC_inBox2 .con_review, #wrapper #secC .container .sC_inBox2 .business_summary, #wrapper #secC .container .sC_inBox2 .con_question, #wrapper #secC .container .sC_inBox2 .branch_status {height:180px; padding:22px;} /* 211109 수정사항 - end */ } @media (max-width:899px) { #wrapper #secA .main_visual .container .text {padding: 25px 15px;margin: 21px 0; height: auto;} #wrapper #secC .container > div {height:auto;} #wrapper #secC .container .sC_inBox1 .sC_i1_top h3 {margin-bottom: 2rem;} #wrapper #secC .container .sC_inBox1 { width: 100%; float: none;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .right img {width: auto;} #wrapper #secC .container .sC_inBox2 { width: 100%; float: none;} } @media (max-width:799px) { #wrapper #secA .main_visual .container .text {padding: 33px 45px; margin: 25px 0; height: auto;width: 90%; float: none; display: block;margin: 0 auto;} #wrapper #secA .main_visual .container .text h3 {font-size: 2.5rem;} #wrapper #secA .main_visual .container .text p {font-size: 1.2rem;} #wrapper #secA .main_visual .container .images { height: auto; width: 90%; float: none; display: block;margin: 0 auto;} #wrapper #secA .main_visual .container .text > div button {font-size: 1.2rem;} #wrapper #secB .container .secB_tit h2 {font-size: 2rem; letter-spacing: -2px;} #wrapper #secB .container .secB_tit h2 b {font-size: 2.7rem;} /* 2021.01.18 서희원 추가 START */ #wrapper #secB .container .sB_inBox ul.youtube_list li {width:calc(100%/2 - 20px); margin-bottom:30px;} #wrapper #secB .container .sB_inBox ul.youtube_list li:nth-child(3), #wrapper #secB .container .sB_inBox ul.youtube_list li:nth-child(4) {margin-bottom:0px;} /* 2021.01.18 서희원 추가 END */ #wrapper #secB .container .sB_inBox .Advantage_list li h3 { font-size: 1.8rem;} #wrapper #secB .container .sB_inBox .Advantage_list li {width: 50%;} #wrapper #secC .container .sC_inBox2 .business_summary p {font-size: 1.5rem;} } @media (max-width:699px) { #wrapper #secC .container .sC_inBox1 .sC_i1_top h3 {margin-bottom: 2rem;} } @media (max-width:599px) { #wrapper #secA .main_visual .container .text {padding: 33px 25px;} #wrapper #secB .container .secB_tit h2 {font-size: 1.7rem; letter-spacing: -2px;} #wrapper #secB .container .secB_tit h2 b {font-size: 2.3rem;} /* 2021.01.18 서희원 추가 START */ /* #wrapper #secB .container .sB_inBox ul.youtube_list li a .youtubeThumb_wrap {height:180px;} */ /* 2021.01.18 서희원 추가 END */ #wrapper #secC .container .sC_inBox1 {height:270px; padding: 20px;} #wrapper #secC .container .sC_inBox1 .sC_i1_top img {margin-right: 5px;display: inline-block; vertical-align: middle;} #wrapper #secC .container .sC_inBox1 .sC_i1_top .sC_i1_more {width: 40%; margin-top: 10px;display: inline-block;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .left {width: 100%;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .left p br {display: none;} #wrapper #secC .container .sC_inBox1 .sC_i1_top {margin-bottom: 10px;} #wrapper #secC .container .sC_inBox1 .sC_i1_top .sC_i1_more a {font-size: 1.5rem; display: inline-block; vertical-align: middle;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .right {width: auto;float: none;text-align: center;margin: 3rem auto;display: table;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm .right img {width: 90%; } #wrapper #secC .container .sC_inBox2 .list_group {display: block;} #wrapper #secC .container .sC_inBox2 .business_summary { width: 90%;float: none;display:block;margin:0 auto;} #wrapper #secC .container .sC_inBox2 .branch_status { width: 100%;float: none;} #wrapper #secC .container .sC_inBox2 .con_review { width: 90%;height:auto;float: none;display:block;margin:0 auto; border:0;} #wrapper #secC .container .sC_inBox2 .con_question {width: 100%;float: none;display: inline-block; height: auto;} #wrapper #secC .container .sC_inBox1 .sC_i1_btm ul li h3 {width: 90%; padding: .5rem .5rem; font-size: 1.3rem;} /* 211109 수정사항 - start */ #wrapper #secC .container > div {border:none;} #wrapper #secC .container .sC_inBox2 .list_group > div {border:1px solid #f2f2f2;} #wrapper #secC .container .sC_inBox2 .list_group > div:not(:first-of-type) {margin-top:-1px;} #wrapper #secC .container .sC_inBox2 .con_question {width:90%;display:block;margin:0 auto;padding: 0;} #wrapper #secC .container .sC_inBox2 .branch_status {width:90%; display:block; margin:0 auto;} #wrapper #secC .container .sC_inBox2 .con_question > img {height: 180px; width: auto; margin: 0 auto; display: block;} /* 211109 수정사항 - end */ } @media (max-width:360px) { #wrapper #secC .container .sC_inBox1 {height:175px;} } /* 2021.09.08 최은빈 추가 START */ @media (max-width:599px) { #wrapper #secB {padding:0 1rem;} #wrapper #secB .container {width:100%;} #wrapper #secA .main_visual .container .text {width:70%;} #wrapper #secA .main_visual .container .images {width:70%;} #wrapper #secA .main_visual .container .text h4 {font-size:1.7rem;} #wrapper #secA .main_visual .container .text h3 {margin-bottom:2rem;font-size:2rem;letter-spacing:0;} #wrapper #secA .main_visual .container .text > div::after {content:"";display:block;clear:both;} #wrapper #secA .main_visual .container .text > div button {width: 100%; margin-bottom:1rem;} #wrapper #secA .main_visual .container .text > div p {width:100%;} #wrapper #secB .container .secB_tit h2 b {display:block;} } /* 2021.09.08 최은빈 추가 END */ /* 2021-10-06 최은빈 팝업창 위치 */ .layer_popup > a {display:block;width:100%;} .layer_popup > a > img {width:100%;} @media (max-width:768px) { .layer_popup {left:auto !important;top:auto !important; right:50%; transform:translateX(50%);bottom:90px;} } /* 2021-10-06 최은빈 팝업창 위치 끝 */ /* 2021-10-08 최은빈 폰트 미생체 적용 */ .MiSaeng {font-family:'MiSaeng';} .MiSaeng * {font-family:'MiSaeng';} /* 메인 헤더 상단 텍스트 */ #viewport #header .s_top ul.left li {font-size:1.8rem;cursor:default;} #viewport #header .s_top ul.left li b {letter-spacing: .15rem;font-size:2rem;font-weight:600;} /* 메인 비주얼 슬라이드 텍스트 */ #wrapper #secA .main_visual .container .text h4 {font-size:3rem;} #wrapper #secA .main_visual .container .text h3 {font-size:5rem;line-height:1;letter-spacing: 0;} #wrapper #secA .main_visual .container .text > p {font-size:3rem;line-height:1;} #wrapper #secA .main_visual .container .text > div button {font-size:2rem;} #wrapper #secA .main_visual .container .text > div p {font-size:2rem;} /* 메인 페이지 콘텐츠 타이틀 */ #wrapper #secB .container .secB_tit h2 {letter-spacing: -.2rem;} /* 서브 페이지 비주얼 타이틀 */ .sub_visual,.sub_title {cursor:default;} .sub_visual p {font-size:2.5rem;margin-bottom:0;} .sub_visual h2 {font-size:3.3rem;letter-spacing: 0;} .sub_visual b {letter-spacing: 2px;} /* .Menu_sub ul li {font-size:2.5rem;} */ .sbcontent .sub_title h3 {font-size:5rem;letter-spacing: .5rem;} /* 2021-10-08 최은빈 폰트 미생체 적용 끝 */ /* 211123 - 메인제품슬라이드 */ #secD {width:100vw; overflow:hidden;} #secD .container {position:relative; display:flex; flex-wrap:wrap; padding:60px 30px; justify-content:space-between; align-items:center;} #secD .container::before {position:absolute; display:block; content:''; width:200%; height:100%; transform:translateX(-50%); background:#f9f9f9; left:50%;} #secD .container .prodSlide {width:48%; max-width:680px; position:relative;} #secD .container .prodSlide .slick-arrow {display:block;position:absolute;font-size: 0;content:'';width:40px;height:60px;top:50%;transform:translateY(-50%);z-index: 1;} #secD .container .prodSlide .slick-arrow.slick-prev {background: url(../images/main/Slide-btn-left.png) center;left:0; background-size:100%;} #secD .container .prodSlide .slick-arrow.slick-next {background: url(../images/main/Slide-btn-right.png) center; right:0; background-size:100%;} #secD .container .prodSlide .proditem img {width:100%;height: auto;} @media (max-width: 1499px) { #secD .container {width:100%; padding:40px 10px;} } @media (max-width: 750px) { #secD .container {justify-content:center;} #secD .container .prodSlide {width:90%;} #secD .container .prodSlide:first-of-type {margin-bottom:20px;} } /* 211221 - 메인페이지 유튜브 */ @media (max-width: 800px) { .main_youtube{width:90%!important; height:400px!important;} .main_youtube iframe{width:100%!important; height:100%!important;} } @media (max-width: 450px) { .main_youtube{width:90%!important; height:250px!important;} .main_youtube iframe{width:100%!important; height:100%!important;} } /* 2022-07-28 최은빈 수정 */ /* 헤더 배너 폰트 패밀리 변경 */ #viewport #header .s_top ul.left li { font-family: 'S-CoreDream-4Regular', 'Noto Sans KR', sans-serif; font-size: 15px; word-break: keep-all; } #viewport #header .s_top ul.left li b { font-size: inherit; } @media ( max-width: 575.98px ) { #viewport #header .s_top ul.left li { display: block; } } .sub_visual { font-family: 'S-CoreDream-4Regular', 'Noto Sans KR', sans-serif; word-break: keep-all; } .sub_visual p { font-size: 20px; } .sub_visual h2 { font-size: 26px; } /* 메인 슬라이드 */ #wrapper #secA .main_visual { height: auto; padding: 0; background: none; } #wrapper #secA .main_visual .container { width: auto; } #wrapper #secA .main_visual .container .text { display: none; } #wrapper #secA .main_visual .container .images { float: none; width: 100%; max-width: 1500px; height: auto; margin: 0 auto; } /* 서브 */ .Menu_sub ul li { font-family: 'S-CoreDream-4Regular', 'Noto Sans KR', sans-serif; font-size: 16px; } .sbcontent .sub_title h3 { font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', sans-serif; font-size: 33px; letter-spacing: 0; } /* 2022-08-04 최은빈 수정 */ /* 메인 슬라이드 */ .images .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; font-size: 0; width: 40px; height: 60px; } .images .slick-arrow.slick-prev { left: 0; background: url(../images/main/Slide-btn-left.png) center/contain no-repeat; } .images .slick-arrow.slick-next { right: 0; background: url(../images/main/Slide-btn-right.png) center/contain no-repeat; } .images .slick-arrow.slick-disabled { opacity: 0.2; } @media ( max-width: 575.98px ) { .images .slick-arrow { display: none !important; } }