
<meta charset="utf-8">

p {font-size:18px !important}

@media screen and (max-width:768px) {
    p {font-size:16px !important}
}


/*공통*/
.section-content {}
.overview {max-width:890px}
.sub-title {padding:150px 0 100px;text-align:center}
.sub-title h2 {font-size:54px;font-weight:700;color:#000;line-height:1.2;max-width:700px}
.sub-title p {font-size:18px;color:#555;padding:0px 0 50px 0;line-height:1.65}
.sub-title.left {text-align:left}
.sub-title.left strong {color:#0460d9;font-size:18px;padding-bottom:20px;display:block}

.sub-content-title {padding:100px 0 50px}
.sub-content-title h3 {font-size:38px;color:#222;font-weight:700}
.sub-content-title h3::after {content:"";width:7px;height:7px;background:#0460d9;border-radius:50%;display:inline-block;margin-left:10px}

.dot-title {display:block;position:relative;margin-top:30px;padding-left:20px;font-size:16px;font-weight:500;line-height:22px;color:#000}
.dot-title::before {content:"";display:inline-block;position:absolute;top:5px;left:0;width:10px;height:10px;background-image:url("../img/sub/icon_hexa_blue.svg");background-size:auto;background-position:center;background-repeat:no-repeat}
.dot-title--nomb {margin-top:0}
.dot-title--bottom {display:none;margin-top:0;margin-bottom:30px}
.sub_title {text-align:left;max-width:1570px;word-break:keep-all;margin:50px auto 0 auto;padding:0 15px}
.sub_title h2 {position:relative;padding-left:20px;font-size:40px;color:#000;max-width:600px;font-family:'LeferiPoint-SpecialItalicA'}
.sub_title h2:before {content:'';position:absolute;top:13px;left:0;width:10px;height:10px;background-color:#000}


@media screen and (max-width:768px) {
   .sub_title h2:before {top:8px}
}

@media screen and (max-width:576px) {
     .sub_title{margin:50px 0 50px}
	 .sub_title h2 {font-size:25px;line-height:1.3}
}


/*탭*/
.tl_tab {padding-bottom:30px}
.tl_tab ul {display:flex;flex-wrap:wrap;justify-content:center;padding:0;margin:0 auto;max-width:450px;/* 최대 너비 증가 */ list-style-type:none;gap:20px;/* 버튼 사이의 간격 */}
.tl_tab.ts2 ul li {width:calc(50% - 10px);/* 50%에서 간격의 절반만큼 뺌 */}
.tl_tab.ts2 ul li a {display:flex;justify-content:center;align-items:center;height:55px;font-size:15px;color:#222;text-decoration:none;border:1px solid #ddd;border-radius:27.5px;/* 타원형을 위해 height의 절반으로 설정 */ transition:all 0.3s ease;padding:0 20px;/* 좌우 패딩 추가 */ white-space:nowrap;/* 텍스트가 한 줄로 유지되도록 */ overflow:hidden;/* 넘치는 텍스트 숨김 */ text-overflow:ellipsis;/* 넘치는 텍스트를 ...으로 표시 */}
.tl_tab.ts2 ul li a.on {background-color:#3181cb;color:#fff}
@media screen and (max-width:576px) {
    .tl_tab ul {max-width:100%;gap:10px;/* 모바일에서는 간격을 좁힘 */}
    .tl_tab.ts2 ul li {width:calc(40% - 5px);/* 모바일에서 간격 조정 */}
    .tl_tab.ts2 ul li a {padding:0 10px;/* 모바일에서는 패딩을 줄임 */}
}
/*탭*/


/*인사말*/
.ceo_message {position:relative}
.ceo_message .sticky-container {position:sticky;top:0;overflow:hidden}
.ceo_message .image {width:100%;height:350px;overflow:hidden;position:relative;transition:height 0.8s cubic-bezier(0.25, 0.1, 0.25, 1)}
.ceo_message .image img {width:1400px;height:350px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);object-fit:cover}
.ceo_message .text-content {background-color:white;padding:100px 0 0 0;position:relative;z-index:1;transition:transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);transform:translateY(100%)}
.ceo_message .row {display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto}
.ceo_message .box-tit {flex:1 1 100%;margin-bottom:30px}
.ceo_message .box-con {flex:1 1 100%}
.ceo_message .tit-h4 {font-size:48px;font-weight:bold;line-height:1.2}
.ceo_message .top-copy {font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px;max-width:500px;word-break:keep-all}
.ceo_message .top-desc {font-size:24px;font-weight:700;line-height:1.4;margin-bottom:30px;max-width:700px;word-break:keep-all}
.ceo_message .ceo-msg p {font-size:18px;line-height:1.6;margin-bottom:20px}
.ceo_message .ceo-msg p strong {display:block;font-size:24px;font-weight:700;color:#111;margin-bottom:24px}
.ceo_message .ceo-name {font-weight:700;font-size:18px;margin-top:30px}

@media (min-width:768px) {
    .ceo_message .box-tit {flex:0 0 30%}
    .ceo_message .box-con {flex:0 0 70%}
}
@media (max-width:576px) {
    .ceo_message .tit-h4 {font-size:36px}
    .ceo_message .top-copy {font-size:28px}
    .ceo_message .top-desc {font-size:20px}
    .ceo_message .image img {width:100%;height:100%}
}

/*인사말*/


.company_info {width:100%;padding-top:100px}
.company_info .img_page {width:100%;height:550px;background-image:url(../img/company_info_bg_company.jpg);background-position:center;background-repeat:no-repeat}
.company_info .txt_page {max-width:1200px;margin:0 auto;padding:20px}
.company_info .txt_page h2 {font-size:42px;line-height:1;font-weight:600;margin-bottom:44px;padding-top:100px;display:block}
.company_info .txt_page p {font-size:18px;word-break:keep-all;line-height:1.8;color:#555;padding-bottom:15px}
.Ideology {width:100%;padding:50px 0}
.Ideology .inner {max-width:1240px;margin:auto;clear:both}
.Ideology .inner h2 {font-size:36px;font-weight:bold;color:#000;letter-spacing:5px;text-align:center;padding:95px 0 50px 0}
.Ideology .inner .point {color:#06F}
.Ideology .inner h2:after {content:" ";display:block;margin:20px auto;width:40px;height:2px;background-color:#000;clear:both}
.Ideology dl {float:left;width:33.3333%;padding:20px;border-right:1px solid #ddd}
.Ideology dl:last-child {border:0}
.Ideology dl .web_icon {padding:0 0 20px 0;text-align:center;color:#ff4200}
.Ideology dl dt {font-size:20px;height:60px;font-weight:bold;letter-spacing:5px;text-align:center}
.Ideology dd {line-height:2.2;text-align:center;font-size:18px;color:#555}
.tl_title_box_wrap {width:100%;height:auto;padding:150px 20px;clear:both;background-image:url(../img/work_page_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}
.tl_title_box_wrap ul {padding:0;margin:0 auto;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between}
.tl_title_box_wrap li {position:relative;width:23.5%;min-height:400px;background-color:#fff;margin-bottom:2%;cursor:pointer;-webkit-transition:all 0.4s;transition:all 0.4s;background-position:center;background-size:cover;background-repeat:no-repeat}
.tl_title_box_wrap li .bg {background-color:#2c3856;color:#fff;opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
.tl_title_box_wrap li:hover .bg {opacity:1;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0, 0, 0, .15);-ms-box-shadow:4px 4px 9px 0 rgba(0, 0, 0, .15);box-shadow:4px 4px 9px 0 rgba(0, 0, 0, .15);-webkit-transform:translateY(-25px);transform:translateY(-25px)}
.tl_title_box_wrap li .txt_wrap {width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;overflow:hidden;padding:40px;color:#fff;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;opacity:1;display:table;z-index:2}
.tl_title_box_wrap li:hover .txt_wrap {opacity:1;color:#fff}
.tl_title_box_wrap li:hover .txt_wrap .cell I {color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell h2 {color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell p {color:#fff}
.tl_title_box_wrap li .txt_wrap .cell {text-align:center;width:100%;display:table-cell;vertical-align:middle}
.tl_title_box_wrap li .txt_wrap .cell i {font-size:35px;padding-bottom:20px;color:#1a1a1a}
.tl_title_box_wrap li .txt_wrap .cell h2 {font-size:24px;color:#1a1a1a;margin:0;font-weight:bold}
.tl_title_box_wrap li .txt_wrap .cell .lead {font-size:18px;color:#555;padding-top:50px;word-break:keep-all;line-height:1.6}

@media screen and  (max-width:992px) {
    .company_info .work_page ul li {width:47%;margin-bottom:20px;margin-right:0;margin-left:2%}
    .company_info .work_page ul li:last-child {margin-right:0}
    .company_info .work_page ul li:nth-child(2n+2) {margin-right:0}
    .Ideology dl {width:100%;padding:30px 0;clear:both}
    .tl_title_box_wrap li {width:48%;margin-left:2%;margin-bottom:3%}
    .tl_title_box_wrap li:nth-child(2n+1) {margin-left:0}
}

@media screen and (max-width:768px) {
    .company_info {padding-top:0px}
    .company_info .img_page {background-size:cover;height:300px}
    .Ideology dl {width:100%;border-right:0;border-bottom:1px solid #ddd}
    .Ideology dd {font-size:16px}
    .tl_title_box_wrap li {width:100%;margin-left:0;margin-bottom:3%}
}

@media screen and (max-width:576px) {
   .Ideology .inner h2 {padding:0px 0 50px 0}
}


/*회사소개*/
.container {width:100%;max-width:1400px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.about .image {width:100%;height:400px;background-image:url('../img/sub/about_bg.jpg');background-size:cover;background-position:center;background-attachment:fixed}
.about-container {display:flex;margin:100px 0;max-width:1600px;margin:100px auto}
.about-container .left {width:385px;padding-right:40px;display:flex;flex-direction:column;justify-content:space-between}
.about-container .right {width:calc(100% - 385px)}
.about-container .left h4 {font-size:36px;margin:0}
.about-container .left .subtitle {font-size:18px;margin:0}
.about-wrap h5 {font-size:26px;margin-bottom:20px}
.about-wrap p {font-size:18px;margin-bottom:30px;color:#555;line-height:1.65;font-weight:400;word-break:keep-all;max-width:1000px}
.info-list {margin:0;padding:0}
.info-items {list-style:none;padding:0;display:flex;flex-wrap:wrap;margin:0 -20px}
.info-items > li {width:calc(50% - 40px);margin:0 20px}
.info-item {display:flex;align-items:flex-start;padding:40px 0;border-bottom:1px solid #ddd}
.info-index {width:85px;font-size:18px;font-weight:500;color:#0066e0;margin-top:5px}
.info-details {flex:1;line-height:1.65}
.info-title {font-size:18px;font-weight:500;margin-bottom:5px}
.info-text {font-size:16px;font-weight:300}
.download-btn {display:inline-block;padding:12px 24px;background-color:#0066e0;color:#fff;text-decoration:none;border-radius:4px;margin-top:20px;font-size:18px}

/* 태블릿 스타일 */
@media screen and (max-width:1023px) {
    .about .image {height:350px;background-attachment:scroll}
    .about-container {margin:80px 0}
    .about-container .left {width:30%}
    .about-container .right {width:70%}
    .about-container .left h4 {font-size:28px}
    .about-container .left .subtitle {font-size:16px}
    .about-wrap {margin-top:40px}
    .about-wrap h5 {font-size:22px}
    .about-wrap p {font-size:16px;margin-bottom:20px}
    .info-item {padding:20px 0}
    .info-index {width:60px;font-size:16px}
    .download-btn {font-size:16px;padding:10px 20px}
}

/* 모바일 스타일 */
@media screen and (max-width:767px) {
    .about .image {height:300px}
    .about-container {flex-direction:column;margin:50px 0;padding:0 20px}
    .about-container .left, .about-container .right {width:100%}
    .about-container .left {margin-bottom:30px}
    .about-container .left h4 {font-size:24px;margin-bottom:10px}
    .about-wrap {margin-top:30px}
    .about-wrap h5 {font-size:20px;margin-bottom:15px}
    .info-items {margin:0}
    .info-items > li {width:100%;margin:0}
}
/*회사소개*/


/*연혁1*/
.history_area {position:relative;width:100%;padding-top:100px}
.history_area .history_point {position:absolute;left:50%;top:0;margin-left:-5px;bottom:20px;width:8px;background-color:#f6f6f6;overflow:hidden}
.history_area dl {width:50%;padding-right:94px;padding-left:20px;box-sizing:border-box}
.history_area div:nth-child(odd) dl {padding-right:20px;padding-left:94px}
.history_area dt {margin-bottom:20px;font-size:46px;line-height:1.3;color:#555;font-weight:bold}
.history_area dd strong {display:block;padding-bottom:12px;font-size:20px;line-height:1.6;color:#1a1a1a;font-weight:500}
.history_area dd p {display:block;font-size:18px;color:#555;line-height:1.75}
.history_area dd .img_box {display:block;margin-top:39px}
.history_area .right {text-align:right}
.history_area .left {text-align:left}
.history_area .fr {float:right}
.history_area .img_box img {max-width:100%}

@media screen and (max-width:992px) {
	.history_area .history_point {left:10px;margin-left:0}
	.history_area dl {float:none !important;width:100%;padding-right:20px;padding-left:50px;text-align:left}
	.history_area div:nth-child(odd) dl {/* padding-right:0;*/padding-left:50px}
	.history_area div + div {margin-top:40px}
	.history_area div:nth-child(2) {margin-top:0}
	.history_area dt {margin-bottom:20px;font-size:30px}
	.history_area dd p br {display:none}
	.history_area dd .img_box {margin-top:20px}
}
/*연혁1*/


/*연혁2*/
.timeline {position:relative}
.timeline-nav {display:flex;justify-content:space-between;margin-bottom:40px;position:relative;flex-wrap:wrap}
.timeline-nav::before {content:'';position:absolute;top:15px;left:0;width:100%;height:1px;background:#0096e0}
.timeline-nav button {background:none;border:none;cursor:pointer;font-size:20px;position:relative;padding-top:40px;margin-bottom:10px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.timeline-nav button::before {content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#0096e0;border-radius:50%}
.timeline-nav button.active::after {display:block;content:"";width:29px;height:29px;background:#fff;border:11px solid #0096e0;position:absolute;top:0;left:50%;border-radius:50%;transform:translateX(-50%) scale(1);transition:0.5s;box-sizing:border-box}
.timeline-content {display:flex;flex-direction:row}
.timeline-left {width:60%;padding-right:40px;margin-top:50px}
.timeline-right {width:40%;position:relative}
.timeline-year {font-size:5em;color:#0096e0;font-weight:bold;margin-bottom:20px;letter-spacing:-2px}
.timeline-image {width:100%;height:300px;background-size:cover;background-position:center}
.timeline-item-wrapper {display:flex;padding-top:140px;font-size:18px;position:relative}
.timeline-year-column {flex-shrink:0;width:80px;color:#0096e0}
.timeline-year-line {width:1px;background:#0096e0;position:absolute;top:140px;bottom:0;left:90px}
.timeline-year-line::before {content:'';position:absolute;top:5px;left:-4px;width:10px;height:10px;background:#0096e0;border-radius:50%}
.timeline-items {margin-left:40px;flex-grow:1;line-height:1.6}
.timeline-item {display:flex;align-items:flex-start;margin-bottom:26px}
.timeline-year-column > div, .timeline-item .description {min-height:30px;display:flex;align-items:flex-start;color:#555}
.timeline-year-column > div {justify-content:flex-end;color:#0096e0;padding-right:20px;padding-top:5px;padding-bottom:35px;font-weight:bold}
.timeline-item .description {padding-top:5px}
.timeline-content-wrapper {display:none}
.timeline-content-wrapper.active {display:block}

@media (max-width:1024px) {
    .timeline-nav button {font-size:18px}
    .timeline-year {font-size:4em}
    .timeline-image {height:250px}
    .timeline-item-wrapper {padding-top:40px;font-size:17px}
    .timeline-year-line {top:40px}
}

@media (max-width:768px) {
    .timeline-content {flex-direction:column}
    .timeline-left {width:100%;padding-right:0;margin-bottom:20px}
    .timeline-right {width:100%}
    .timeline-year {font-size:3em}
    .timeline-image {height:200px}
    .timeline-item-wrapper {padding-top:20px;font-size:16px}
    .timeline-year-column {width:60px}
    .timeline-year-line {left:70px;top:20px}
    .timeline-items {margin-left:30px;line-height:1.0}
    .timeline-item .description {line-height:1.2}
    .timeline-year-column > div {padding-bottom:38px}
}

@media (max-width:450px) {
    .timeline-item-wrapper {align-items:flex-start}
    .timeline-year-column > div {padding-bottom:0;height:auto}
    .timeline-item {flex-direction:column;margin-bottom:20px}
    .timeline-item .description {margin-top:5px}
}

/*연혁2*/


/*조직도*/
.sub_organization {width:100%;padding-top:100px}
.sub_organization h4{position:relative;margin:0 auto;width:280px;height:280px;border:25px solid #0074ff;background:#fff;font-size:28px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:700;border-radius:400px;color:#222;line-height:1.3}
.sub_organization h4:before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-76px;width:1px;height:55px;background:#ddd;z-index:-1}
.sub_organization h4 span {font-size:18px;color:#555;font-weight:400}
.sub_organization .dep {position:relative;padding:100px 0;display:flex;justify-content:space-between;align-items:center}
.sub_organization .dep:before {content:'';position:absolute;top:50px;left:50%;transform:translate(-50%, -50%);width:80%;height:1px;background:#ddd;z-index:-1}
.sub_organization .dep dl dt {background:#222;color:#fff;font-weight:600}
.sub_organization .dep dl > * {padding:22px;text-align:center;font-size:20px}
.sub_organization .dep dl dd {border:1px solid #222;color:#222}
.sub_organization .dep dl > * {padding:22px;text-align:center;font-size:20px}
.sub_organization .dep dl {position:relative;width:20%}
.sub_organization .dep dl:before{content:'';position:absolute;top:-50px;left:50%;width:1px;height:100%;background:#eee;z-index:-1}
.sub_organization .dep2{display:flex;justify-content:space-between;align-items:stretch}
.sub_organization .dep2>dl{position:relative;width:20%}
.sub_organization .dep2>dl:before{content:'';position:absolute;left:50%;top:-100px;transform:translateX(-50%);width:1px;height:200px;background:#eee;z-index:-1}
.sub_organization .dep2 dl dt{background:#ddd;color:#555;font-weight:600}
.sub_organization .dep2 dl>*{padding:22px;font-size:18px;text-align:center}
.sub_organization .dep2 dl dd{border:1px solid #ddd;background:#fff}
.sub_organization .dep2 dl dd ul {font-size:inherit}
.sub_organization .dep2 dl dd ul li {line-height:2.2;font-size:inherit}

@media screen and (max-width:992px) {
    .sub_organization .dep {font-size:1.4rem}
    .sub_organization .dep dl dt {font-size:18px}
    .sub_organization .dep dl dd {font-size:16px}
    .sub_organization .dep2 dl dd ul li {font-size:16px}
    .sub_organization .dep2 dl > * {font-size:16px;line-height:1.3}
    .sub_organization h4 {width:200px;height:200px;font-size:2rem;border:10px solid #0074ff}
    .sub_organization h4 span {font-size:1.0rem}
}


@media screen and (max-width:768px) {
    .sub_organization .dep {padding:40px 0}
    .sub_organization .dep, .sub_organization .dep2 {flex-wrap:wrap}
    .sub_organization .dep2 dl dd ul li {line-height:2.4}
    .sub_organization h4 {width:160px;height:160px;font-size:1.8rem}
    .sub_organization h4:before, .sub_organization .dep:before, .sub_organization .dep dl:before, .sub_organization .dep2 > dl:before {display:none}
    .sub_organization .dep dl, .sub_organization .dep2 dl {margin:5px 0;width:49%}
    .sub_organization .dep2 dl > * {padding:12px}
    .sub_organization .dep dl > * {padding:15px 0}
    .sub_organization .dep dl > * {font-size:1.4rem}
}

/*조직도*/


/* 폼메일 */
.formmail {width:100%;padding-top:100px}
.formmail .title_wrap {margin-bottom:30px;text-align:center}
.formmail .title_wrap h3 {color:#000;font-weight:200;font-size:75px}
.formmail .title_wrap h3 b {font-weight:bold}
.formmail .title_wrap p {margin-top:15px;color:#959595;font-size:25px}
.formmail input[type="text"] {height:45px;padding:0 10px;background:#fff;border:1px solid #ccc;font-size:14px;box-sizing:border-box;transition:all 1s}
.formmail input[type="file"] {padding:10px;border:1px solid #DDD}
.formmail h2 {width:200px;float:left;font-size:18px;font-weight:500;color:#555;padding:5px 10px 5px 0}
.formmail .clearfix {padding:30px 0}
.formmail .left {width:17%;float:left}
.formmail .left h2 {font-size:20px;font-weight:bold;color:#000;float:none}
.formmail .left p {font-size:18px;color:#555}
.formmail .right {width:73%;margin-bottom:50px;float:left;text-align:left}
.formmail p {font-size:16px;color:#555}
.formmail textarea {width:100%;height:130px;line-height:1.5;padding:5px;border:1px solid #bbb;box-sizing:border-box;resize:none}
.formmail label {font-size:18px}
.formmail .radio {width:20px;height:20px;border:1px solid #ddd;background-color:#fff;margin:0 3px;color:#555}
.formmail .btn_submit{width:180px;height:55px;border-radius:50px;border:0;color:#fff;font-size:18px !important;text-align:center;background:#000}
.formmail .form-radio {margin-right:10px;line-height:28px}
.formmail #email_list {width:200px;height:50px;line-height:40px}
.formmail .checkbox {padding:10px;line-height:0;margin-top:9px;width:20px;height:20px}
.formmail #confirm {margin:3px;width:20px;height:20px}
.formmail .send_submit {width:180px;height:55px;line-height:55px;border:1px solid #ddd;color:#000;font-size:18px;font-weight:600;text-align:center;margin-top:20px;position:relative;overflow:hidden;background-color:#fff;transition:color 0.4s ease;cursor:pointer}

.formmail .send_submit::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#000;transition:left 0.4s ease;z-index:0}
.formmail .send_submit:hover::before {left:0}
.formmail .send_submit:hover {color:#fff}
.formmail .send_submit span {position:relative;z-index:1}
.formmail #file1 {width:400px}
.form_sns_wrap {margin-top:50px}
.form_sns_wrap ul {text-align:center}
.form_sns_wrap ul li {display:inline-block;vertical-align:middle;margin:0 10px}
.form_sns_wrap ul li button {border:none;background:none}
.form_sns_wrap ul li a {}
.form_sns_wrap ul li img {max-width:100%}

@media screen and (max-width:1279px)  {	 
	.formmail .co_hp2 {width:29%}
	.formmail .co_hp3 {width:29%}
}

@media screen and (max-width:991px)  {
	.formmail input {margin:3px 0}
	.formmail .email {width:45%}
    .formmail .frm_input {width:100%}
    .formmail .title_wrap h3 {font-size:50px}
	.formmail .title_wrap p  {font-size:20px}
	.form_sns_wrap ul li img {width:50px}
}

@media screen and (max-width:768px)  {
	.formmail label {font-size:13px !important}
    .formmail .title_wrap h3 {font-size:30px}
	.formmail .title_wrap p  {font-size:16px}
}

@media screen and (max-width:576px)  {
    .formmail {padding-top:0}
    .formmail h2 {width:100%}
    .formmail .left {width:100%;padding-bottom:20px}
    .formmail .right {width:100%}
    .formmail label {font-size:16px}
    .formmail .company .text,
    .formmail #file1 {width:100%}
    .formmail #email1,
    .formmail #email2 {width:45%}
    .formmail .textarea {width:100%}
}


/*오시는 길*/
.location {width:100%}
.location .map_area .txt{position:absolute;bottom:-90px;left:50%;transform:translateX(-50%);width:1400px;z-index:100}
.location .map_area .txt .txt_wrap {background-color:#006fce;box-shadow:3px 3px 3px rgba(0,0,0,0.2);padding:45px 0}
.location .map_area .txt .logo{position:absolute;top:34px;left:0;border-right:1px solid #1a7dd3;text-align:center;width:315px;line-height:90px;height:90px}
.location .map_area .txt .contact{display:block;color:#fff;font-weight:500;font-size:20px;letter-spacing:-1px;line-height:1.6;padding:0 0 0 405px}
.location .map_area .txt .contact .tel{font-weight:300}
.location .map_area .txt .bt{position:absolute;top:50%;right:40px;margin-top:-35px;display:block;border-radius:65px;border:3px solid #fff;color:#fff;font-size:20px;text-align:center;min-width:220px;line-height:60px;height:65px}

.location .contact_address {width:100%;height:auto;line-height:1.7;padding-top:50px}
.location .contact_address ul {max-width:1600px;clear:both;padding:20px 0;border-bottom:1px solid #ddd}
.location .contact_address ul li {color:#555;margin-top:5px;margin-bottom:10px;font-size:18px}
.location .contact_address ul li strong {font-size:20px;color:#1a1a1a}
.location .contact_traffic {max-width:1240px;clear:both}
.location .contact_traffic:after {content:" ";visibility:hidden;display:block;height:0;padding-bottom:50px;clear:both}
.location .contact_traffic ul {border-bottom:1px solid #ddd;padding-bottom:25px}
.location .contact_traffic .bus {width:100%;padding:50px 0}
.location .contact_traffic .subway {width:100%;padding:50px 0}
.location .contact_traffic ul li {color:#555;line-height:33px;font-size:16px}
.location .contact_traffic h3 {font-size:20px;font-weight:400;letter-spacing:-1px;color:#1a1a1a;padding-bottom:10px;text-align:left}

@media (max-width:768px) {
	.location .map_area .txt {margin-top:-30px;width:1024px}
	.location .map_area .txt .txt_wrap{border-radius:0px 0px 20px 0px;margin:0 15px;padding:0 0 30px}
	.location .map_area .txt .logo{display:block;position:relative;top:auto;left:auto;border-right:0;margin-left:0;width:100%}
	.location .map_area .txt .logo:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-88px;background-color:#1a7dd3;width:177px;height:1px}
	.location .map_area .txt .contact {line-height:180%;padding:20px 0 0;text-align:center}
	.location .map_area .txt .contact .tel{font-weight:300}
	.location .map_area .txt .bt{position:static;border-radius:65px;margin:35px auto 0;width:150px}
}

@media (max-width:576px)  {
	.location .map_area .txt {position:relative;bottom:auto;left:auto;transform:translateX(0);margin-top:-30px;width:auto}
	.location .map_area .txt .logo img {height:20px}
	.location .map_area .txt .contact {font-size:13px;letter-spacing:0;line-height:180%;padding:20px 0 0;text-align:center;clear:both}
	.location .map_area .txt .txt_wrap{border-radius:0px 0px 20px 0px;margin:0 15px;padding:0 0 30px}
	.location .map_area .txt .bt {position:static;border-radius:65px;border-width:2px;font-size:15px;margin:25px auto 0;width:150px;line-height:40px;height:40px}
	.location .map_area .txt .logo {position:relative;display:block;top:auto;left:auto;border-right:0;width:100%;line-height:70px;height:70px}
}

/*오시는 길*/


/* content01 */
.content01  {width:100%;padding-top:100px}
.content01 .box {position:relative;padding-bottom:80px;display:block;width:inherit;border:0;text-align:left}
.content01 .box .img_right {float:right}
.content01 .box .txt_wrap {position:absolute;right:0;top:45px;background:#fff;padding:50px;width:60%}
.content01 .box .txt_wrap .half-round-tit {display:inline-block;margin-bottom:20px}
.content01 .box .txt_wrap .half-round-tit strong {color:#1a1a1a;font-size:22px;font-weight:500;vertical-align:middle;line-height:1.6;letter-spacing:0}
.content01 .box .txt_wrap .half-round-tit span {display:inline-block;width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;vertical-align:middle;color:#fff;font-size:16px;background:#8abd00;margin-right:10px;float:left}
.content01 .box .txt_wrap .lead {text-align:justify;font-size:18px;color:#555;line-height:1.65}
.content01 .box .txt_wrap02 {position:absolute;left:0;top:45px;background:#fff;width:60%}

@media screen and (max-width:768px) {
  .content01 .box .img {text-align:center;display:block;float:none;clear:both}
  .content01 .box .img img {width:100%}
  .content01 .box .txt_wrap {width:100%;padding:20px;display:block;position:relative;clear:both}
}

@media screen and (max-width:576px) {
  .content01 {width:100%;padding-top:0px}
}


.content01 .horizontal_section {display:flex;margin-bottom:40px;align-items:center}
.content01 .horizontal_section:nth-child(even) {flex-direction:row-reverse}
.content01 .horizontal_section .content {flex:1;padding:20px 0 0 40px}
.content01 .horizontal_section .image {flex:1;padding:20px 0}
.content01 .horizontal_section img {max-width:100%;height:auto}
.content01 .horizontal_section h2 {color:#0056b3;margin-bottom:10px;font-size:30px}
.content01 .horizontal_section .korean-title {font-size:0.9em;color:#666}
.content01 .horizontal_section .sub_txt {font-size:22px;font-weight:600;padding-top:20px;padding-bottom:20px;word-break:keep-all;line-height:1.5}
.content01 .horizontal_section ul {padding:0;margin:0}
.content01 .horizontal_section ul li {font-size:18px;color:#555;list-style:none;line-height:1.65;font-weight:400}
.content01 .horizontal_section ul li::before {content:"- ";color:#0056b3}
@media (max-width:768px) {
    .content01 .horizontal_section, .horizontal_section:nth-child(even) {
        flex-direction:column;
}

    .content01 .horizontal_section .content{
        padding:20px 0 0 0px;
        flex:auto;
}
    .content01 .horizontal_section ul li {
       font-size:16px
}
}
/* content01 */


/* content02 */
.content02 {width:100%;padding-top:100px}
.content02 .type_b li {width:50%;float:left}
.content02 .type_b li .profile {float:left;padding-bottom:50px;width:48%}
.content02 .type_b li .profile img {width:100%}
.content02 .type_b li dl {float:left;padding:0 40px;width:52%}
.content02 .type_b li dl dt {font-size:22px;font-weight:bold;text-align:left;padding-bottom:20px;color:#1a1a1a;letter-spacing:0}
.content02 .type_b li dl dd {font-size:18px;color:#555;line-height:1.75;text-align:left;display:block;clear:both}

@media screen and (max-width:1210px) {
    .content02 .type_b li {width:49%;margin-left:2%;margin-bottom:6%}
	.content02 .type_b li:nth-child(2n+1) {margin-left:0}
	.content02 .type_b li .profile {width:100%}
	.content02 .type_b li dl {width:100%;padding:0 20px}
}


@media screen and (max-width:576px)  {
    .content02 {width:100%;padding-top:0px}
	.content02 .type_b li {width:100%;margin-left:0}
    .content02 .type_b li dl dd {font-size:16px}

}
/* content02 */


/* content03 */
.content03 .type_c {display:flex;justify-content:space-between;flex-wrap:wrap;margin:0}
.content03 .type_c >li{width:calc(50% - 15px);border:solid 1px #ddd;border-top:solid 3px #304153;display:flex;flex-direction:column;justify-content:space-between}
.content03 .type_c >li:nth-child(n+3){margin-top:30px}
.content03 .type_c li .top{padding:50px 42px}
.content03 .type_c li .top p {font-size:18px;font-weight:400;line-height:1.65;display:contents}
.content03 .type_c li h3{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;border-bottom:solid 1px #ddd;font-size:27px;font-weight:700}
.content03 .type_c li .bot{background-color:#f7f7f7;padding:50px 42px;display:flex}
.content03 .type_c li .bot i{display:block;margin-right:15px}
.content03 .type_c li .bot p {font-size:18px;margin-top:10px;font-weight:400}
.content03 .type_c .text_warp p {font-size:18px}

.content03 .type_c .dot_list{margin-top:40px;color:#555}
.content03 .type_c .dot_list p {font-size:18px}
.content03 .type_c .dot_list li{display:flex;padding-left:12px;position:relative;margin-bottom:10px}
.content03 .type_c .dot_list li:last-child{margin:0}
.content03 .type_c .dot_list li::before{content:'';display:block;width:5px;height:5px;background-color:#000;border-radius:50%;position:absolute;top:12px;left:0}
.content03 .type_c .dot_list li .fs_20{min-width:140px}
.content03 .type_c .dot{margin-top:40px;position:relative;padding-left:12px}
.content03 .type_c .dot::before{content:'';display:block;width:5px;height:5px;background-color:#000;border-radius:50%;position:absolute;top:12px;left:0}


@media screen and (max-width:1400px){
    .content03 .type_c li .top{padding:25px}
    .content03 .type_c li .top br{display:none}
    .content03 .type_c li .bot{padding:25px}
    .content03 .type_c li h5{padding-bottom:25px}
    .content03 .type_c .dot_list{margin-top:25px}
    .content03 .type_c .dot{margin-top:25px}
}

@media screen and (max-width:1200px){
    .content03 .type_c .dot_list li{flex-direction:column}
    .content03 .type_c .dot_list li .arrow{min-width:initial}
    .content03 .type_c .dot_list li .arrow + span{margin-left:30px}
    .content03 .type_c .dot_list li .arrow::after{right:-20px}
}

@media screen and (max-width:992px) {
    .content03 .type_c >li{width:calc(50% - 10px)}
    .content03 .type_c >li:nth-child(n+3){margin-top:20px}
    .content03 .type_c li .top{padding:20px}
    .content03 .type_c li .bot{padding:20px}
    .content03 .type_c li h5{padding-bottom:20px}
    .content03 .type_c >li .top i{width:35px}
    .content03 .type_c .dot_list{margin-top:20px}
    .content03 .type_c .dot_list li{flex-direction:column}
    .content03 .type_c .dot_list li::before{top:11px}
    .content03 .type_c .dot::before{top:9px}
    .content03 .type_c .dot{margin-top:20px}
    .content03 .type_c .type_a li .bot{align-items:baseline}
    .content03 .type_c .type_a li .bot i{width:20px;position:relative;top:-1px}
}

@media screen and (max-width:768px){
    .content03 .type_c >li{width:100%}
    .content03 .type_c >li:nth-child(n+2){margin-top:20px}
    .content03 .type_c >li:nth-child(odd){border-top:solid 3px #3dc4b6 !important}
    .content03 .type_c >li:nth-child(even){border-top:solid 3px #000 !important}
}
/* content03 */


/* content04 */
.content04 {width:100%;padding-top:100px}
.content04 .point {padding:0 20px 0 0}
.content04 .point .title {font-size:22px;font-weight:bold;padding-left:30px;color:#1a1a1a;background-image:url(../img/sub/title_icon.png);background-repeat:no-repeat;background-position:left center}
.content04 .point h2 {font-size:28px;font-weight:100;color:#f66120;text-align:left;padding:10px 0 0}
.content04 .colum {max-width:1600px;margin:0 auto;padding:30px 0}
.content04 .colum .left {width:50%;float:left;border-right:1px solid #ddd;padding-right:50px;font-size:18px;line-height:1.65;color:#555}
.content04 .colum .left h2 {font-size:20px;color:#000;letter-spacing:0;padding-bottom:20px;font-weight:bold}
.content04 .colum .right {width:50%;float:left;padding-left:50px;text-align:left;font-size:18px;line-height:1.65;color:#555}
.content04 .colum .right h2 {font-size:20px;color:#000;letter-spacing:0;padding-bottom:20px;font-weight:bold}
.content04 .img img {width:100%}
.content04 .content_sub_title {margin:0 auto;padding:50px 0 0}
.content04 .content_sub_title:after {content:" ";visibility:hidden;display:block;height:0;padding-bottom:50px;clear:both}
.content04 .content_sub_title .sub_title{float:left;display:block;line-height:1.8;width:25%;color:#1a1a1a;font-size:22px;letter-spacing:0;text-align:left;font-weight:bold;margin:0;padding:0 0 0 30px;box-sizing:border-box}
.content04 .content_sub_title .sub_txt {float:right;width:75%;font-size:18px;color:#555;line-height:1.65}
.content04 .content_sub_title .sub_txt .h2 {font-size:20px}
.content04 .content_sub_title .img {float:left;text-align:right;width:450px}

@media screen and (max-width:960px) {
	.content04 .colum .left {width:100%;border:0;float:none;padding:0;clear:both}
	.content04 .colum .right {width:100%;padding:20px 0 0}
	.content04 .content_sub_title .sub_title {width:100%;margin-bottom:20px;margin-left:0;padding:0;clear:both;font-size:20px}
	.content04 .content_sub_title .sub_txt {float:left;width:100%;padding:0}
}

@media screen and (max-width:768px) {
    .content04 .content_sub_title {padding:20px 0 0}
}

@media screen and  (max-width:576px)  {
    .content04 {width:100%;padding-top:0px}
}
/* content04 */


/* content05 */
.content05 {width:100%;padding-top:100px}
.content05 .photo_box {margin-bottom:50px;background-color:#f9f9f9;clear:both}
.content05 .photo_box .img {max-width:50%;float:left;display:block}
.content05 .photo_box .img img {width:100%}
.content05 .photo_box .txt {max-width:50%;float:left;padding:50px;background-color:#f9f9f9;display:block}
.content05 .photo_box .txt h2 {font-size:30px;padding-top:50px;letter-spacing:0;font-weight:bold;text-align:left}
.content05 .photo_box .txt p {padding-top:30px;word-break:keep-all;font-size:18px;color:#555;line-height:1.65}

@media screen and (max-width:960px) {
	.content05 .photo_box .img {max-width:100%;display:block}
	.content05 .photo_box .txt {max-width:100%}
	.content05 .photo_box .txt h2 {font-size:24px;font-weight:bold}
}

@media screen and  (max-width:576px)  {
    .content05 {width:100%;padding-top:0px}
}
/* content05 */


/* content06 */
.content06  {width:100%;padding-top:100px}
.content06 .thumb_box  {width:31.3333%;margin-right:3%;display:block;float:left}

@media screen and (min-width:961px) {
    .content06 .thumb_box:nth-child(3n+3) {margin-right:0}
}

.content06 .thumb_box .img {width:100%;min-height:300px;background-repeat:no-repeat;background-size:cover;clear:both;overflow:hidden;position:relative}
.content06 .thumb_box .img01 {background-image:url(../img/sub/rnd03_thumb01.jpg)}
.content06 .thumb_box .img02 {background-image:url(../img/sub/rnd03_thumb02.jpg)}
.content06 .thumb_box .img03 {background-image:url(../img/sub/rnd03_thumb03.jpg)}
.content06 .thumb_box .img04 {background-image:url(../img/sub/rnd03_thumb01.jpg)}
.content06 .thumb_box .img05 {background-image:url(../img/sub/rnd03_thumb02.jpg)}
.content06 .thumb_box .img06 {background-image:url(../img/sub/rnd03_thumb03.jpg)}
.content06 .thumb_box .txt {width:100%;padding:20px;text-align:left;clear:both}
.content06 .thumb_box .txt h2 {font-size:30px;text-align:center;letter-spacing:0;font-weight:bold}
.content06 .thumb_box .txt p {padding:20px 0px;text-align:center;font-size:18px;color:#555;line-height:1.65}

@media screen and (max-width:768px) {
    .content06 .thumb_box {width:49%;margin-right:2%}
	.content06 .thumb_box:nth-child(2n+2) {margin-right:0}
}

@media screen and  (max-width:576px)  {
    .content06  {width:100%;padding-top:0px}
    .content06 .thumb_box {width:100%;margin:0;clear:both;float:none}
    .content06 .thumb_box .txt h2  {font-size:24px}
}


.content06 .c06_box {display:none;cursor:pointer}
.content06 .c06_box.active {display:block}
.content06 .c06_box .c06_flex {display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;width:100%;margin:0 auto}
.content06 .c06_box .c06_flex .c06_img {position:relative;border-radius:10px;width:32%}
.content06 .c06_box .c06_flex .c06_img:nth-child(n+4) {margin-top:30px}
.content06 .c06_box .c06_flex .c06_img img {border-radius:10px;width:100%}
.content06 .c06_box .c06_flex .c06_img p {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;font-size:18px;line-height:1.65;word-break:keep-all;padding:0 30px;border-radius:20px;visibility:hidden;opacity:0}

.content06 .c06_box .c06_flex .c06_img:focus p, .content06 .c06_box .c06_flex .c06_img:hover p {opacity:1;visibility:visible;transition:opacity 200ms ease-out, visibility 200ms ease-out}

@media (max-width:768px) {
    .content06 .c06_box .c06_flex .c06_img {width:49%}
    .content06 .c06_box .c06_flex .c06_img:nth-child(n+3) {margin-top:2vw}
}
@media (max-width:576px) {
    .content06 .c06_tab li .tab_btn {font-size:17px}
    .content06 .c06_box .c06_flex .c06_img {width:100%}
    .content06 .c06_box .c06_flex .c06_img:nth-child(n+2) {margin-top:20px}
}

/* content06 */


/* content07 */
.content07  {width:100%;position:relative}
.content07 .buttons_container {z-index:3;position:absolute;left:47%;top:0;transform:translateX(-688px);width:1px;height:calc(100% - 656px)}
.content07 .buttons_container .scroll_btn {position:sticky;left:0;top:0;width:334px;padding-top:100px}
.content07 .buttons_container .scroll_btn button {display:block;left:0;top:0;color:#999;border:0 none;background-color:transparent;cursor:pointer}
.content07 .buttons_container .scroll_btn button b {display:inline-block;width:48px;font-size:16px;font-weight:500;line-height:1.65;vertical-align:middle;color:inherit}
.content07 .buttons_container .scroll_btn button strong {display:inline-block;font-size:20px;font-weight:700;line-height:1.65;vertical-align:middle;color:inherit}
.content07 .buttons_container .scroll_btn button+button {margin-top:24px}
.content07 .buttons_container .scroll_btn button.active {color:#111}
.content07 .buttons_container .scroll_btn button.active b {margin-top:9.8px;font-size:20px;font-weight:700;vertical-align:top}
.content07 .buttons_container .scroll_btn button.active strong {font-size:50px;line-height:1.4;vertical-align:top}
.content07 .content_info_section .info_item {position:relative;padding-bottom:100px;overflow:hidden}
.content07 .content_info_section .info_item .heading {position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(-1px, -1px, -1px, -1px)}
.content07 .content_info_section .info_item .info_inner {position:relative;max-width:1600px;width:100%;margin:0 auto;padding-left:608px;padding-top:100px}
.content07 .content_info_section .info_item .text_box {margin-top:0}
.content07 .content_info_section .info_item .text_box h3 {font-size:38px;font-weight:700;line-height:1.4;letter-spacing:-1px;word-break:keep-all}
.content07 .content_info_section .info_item .text_box h3 .point_color {color:#107AF2}
.content07 .content_info_section .info_item .text_box p.subtext {margin-top:40px;font-size:18px;line-height:1.65;color:#555;word-break:keep-all}
.content07 .content_info_section .info_item .card_slider {margin-top:120px;position:relative}
.content07 .content_info_section .info_item:nth-child(1) .card_slider::before {content:"";display:block;position:absolute;left:-1000px;bottom:-100px;width:1000px;height:920px;background:#fff;z-index:2}
.content07 .content_info_section .info_item:nth-child(2) .card_slider::before {content:"";display:block;position:absolute;left:-1000px;bottom:-100px;width:1000px;height:920px;background:linear-gradient(to top, #eef6f4 0, #fff 500px, #fff);z-index:2}
.content07 .content_info_section .info_item:nth-child(3) .card_slider::before {content:"";display:block;position:absolute;left:-1000px;bottom:-100px;width:1000px;height:920px;background:#fff;z-index:2}
.content07 .content_info_section .info_item .card_slider ul {display:flex;cursor:grab}
.content07 .content_info_section .info_item .card_slider ul li {flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;width:460px;height:460px;margin-right:20px;padding:40px;border-radius:20px;color:#fff}
.content07 .content_info_section .info_item .card_slider ul li h4 {display:block;font-size:24px;font-weight:700;line-height:1.65;word-break:keep-all;margin-bottom:20px}
.content07 .content_info_section .info_item .card_slider ul li p {display:block;margin-top:auto;font-size:24px;font-weight:700;line-height:1.65;word-break:keep-all}
.content07 .content_info_section .info_item .card_slider ul li:last-child {margin-right:0}
.content07 .content_info_section .info_item:nth-child(1) {padding-top:0}
.content07 .content_info_section .info_item:nth-child(2) {position:relative;z-index:1}
.content07 .content_info_section .info_item:nth-child(2)::before {content:'';position:absolute;top:0;width:100vw;height:100%;background:linear-gradient(to top, #eef6f4 0, #fff 500px, #fff);z-index:-1}
.content07 .content_info_section .info_item:nth-child(1) .card_slider ul li:nth-child(1) {background:url(https://sample117.tlogsir.com/theme/sample117/img/sub/content03_slide01_img01.jpg) no-repeat center center/cover}
.content07 .content_info_section .info_item:nth-child(1) .card_slider ul li:nth-child(2) {background:url(https://sample117.tlogsir.com/theme/sample117/img/sub/content03_slide01_img02.jpg) no-repeat center center/cover}
.content07 .content_info_section .info_item:nth-child(1) .card_slider ul li:nth-child(3) {background:url(https://sample117.tlogsir.com/theme/sample117/img/sub/content03_slide01_img03.jpg) no-repeat center center/cover}
.content07 .content_info_section .info_item:nth-child(2) .card_slider ul li:nth-child(1) {background:url(https://sample117.tlogsir.com/theme/sample117/img/sub/content03_slide02_img01.jpg) no-repeat center center/cover}
.content07 .content_info_section .info_item:nth-child(2) .card_slider ul li:nth-child(2) {background:url(https://sample117.tlogsir.com/theme/sample117/img/sub/content03_slide02_img02.jpg) no-repeat center center/cover}
.content07 .content_info_section .info_item:nth-child(2) .card_slider ul li:nth-child(3) {background:url(https://sample117.tlogsir.com/theme/sample117/img/sub/content03_slide02_img03.jpg) no-repeat center center/cover}
.content07 .content_info_section .info_item:nth-child(3) .card_slider ul li:nth-child(1) {background:url(https://sample117.tlogsir.com/theme/sample117/img/sub/content03_slide03_img01.jpg) no-repeat center center/cover}
.content07 .content_info_section .info_item:nth-child(3) .card_slider ul li:nth-child(2) {background:url(https://sample117.tlogsir.com/theme/sample117/img/sub/content03_slide03_img02.jpg) no-repeat center center/cover}
.content07 .content_info_section .info_item:nth-child(3) .card_slider ul li:nth-child(3) {background:url(https://sample117.tlogsir.com/theme/sample117/img/sub/content03_slide03_img03.jpg) no-repeat center center/cover}

@media screen and (max-width:1420px) {
    .content07 .buttons_container {
      left:12px;
      transform:none
}

   .content07 .content_info_section .info_item .card_slider ul li {
      min-height:312.64px
}
}

@media (max-width:1200px) {
    .content07 {
      max-width:none;
}

    .content_scroll_wrap {
      padding-left:0;
      padding-right:0
}

    .content07 .buttons_container {
      display:none
}

    .content07 .content_info_section .info_item {
      padding-bottom:80px
}

    .content07 .content_info_section .info_item .info_inner {
      padding:0;
      margin:0 auto
}

    .content07 .content_info_section .info_item .heading {
      position:static;
      overflow:visible;
      width:100%;
      height:auto;
      clip:auto
}

    .content07 .content_info_section .info_item .heading b {
      display:block;
      font-size:14px;
      font-weight:500;
      line-height:1.57;
      letter-spacing:-.01px
}

    .content07 .content_info_section .info_item .heading strong {
      display:block;
      margin-top:.25rem;
      font-size:20px;
      font-weight:700;
      line-height:1.5;
      letter-spacing:-.02px
}

    .content07 .content_info_section .info_item .text_box {
      margin-top:56px
}

    .content07 .content_info_section .info_item .card_slider {
      margin-top:80px;
      max-width:100%;
      padding:0
}

    .content07 .content_info_section .info_item:nth-child(1) .card_slider::before,
    .content07 .content_info_section .info_item:nth-child(2) .card_slider::before,
    .content07 .content_info_section .info_item:nth-child(3) .card_slider::before {
      display:none;
}

    .content07 .content_info_section .info_item .card_slider ul li h4 {
      word-break:break-all;
      font-size:18px
}

    .content07 .content_info_section .info_item .card_slider ul li p {
      margin-top:auto;
      font-size:18px;
      font-weight:700
}

    .content07 .content_info_section .info_item .card_slider ul li:last-child {
      margin-right:0
}
}

@media screen and (max-width:992px) {
    .content07 .content_info_section .info_item .card_slider ul li {
      flex-shrink:0;
      flex-basis:296px;
      min-height:296px;
      height:344px;
      margin-right:16px;
      padding:24px;
      color:#fff
}
}

@media screen and (max-width:576px) {
    .content07 .content_info_section .info_item .text_box h3 {
      font-size:28px;
}

    .content07 .content_info_section .info_item .text_box {
      margin-top:0;
}
}

/* content07 */

/* AREAMED 페이지 백그라운드 블랙일 때 */
.areamed_bg {background-color:#000}
.areamed_bg .header-area .mailgo a {color:#FFF}
.areamed_bg header .nav .nav-icon:after, 
.areamed_bg header .nav .nav-icon:before, 
.areamed_bg header .nav .nav-icon div {background-color:#FFF}
.areamed_bg .map_btn span {background-color:#FFF}
.areamed_bg .map_btn span:before,
.areamed_bg .map_btn span:after {background-color:#FFF}
.areamed_bg .sub_title h2 {color:#FFF}
.areamed_bg .sub_title h2:before {background-color:#FFF}
.areamed_bg #footer .footer_menu ul li a,
.areamed_bg #footer .footer_menu ul li span {color:#FFF}
.areamed_bg #footer .top .txt h3 {border-color:#FFF;color:#FFF}
.areamed_bg #footer .top .txt ul li {color:#FFF}
.areamed_bg #footer .top .txt ul li a {color:#FFF}
.areamed_bg .pg_page:hover {color:#FFF}
.areamed_bg .pg_current {color:#FFF}

/*
.areamed_bg .sub_wrap .header-area.on .navbar > li.active a {color:#000} 
.areamed_bg .header-area.on .mailgo a {color:#000}
.areamed_bg .header-area.on .map_btn span {background-color:#000}
.areamed_bg .header-area.on .map_btn span:before,
.areamed_bg .header-area.on .map_btn span:after {background-color:#000}
*/

.lg-outer .lg-thumb-item {width:calc(10% - 5px) !important}

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.lg-outer .lg-thumb-item {width:calc(100% / 5 - 5px) !important}
}

/* MEDIA (큰화면 데스크탑 이상) 1200px 이상 */
@media all and (min-width:1200px) {
	.areamed_bg .header-area .navbar > li > a {color:#FFF}
}