@charset "UTF-8";

/* CONTENTS */
.pageT {padding: 20px 0 18px;background:#fff;border-bottom: 1px solid #959595;margin: auto;max-width: 1400px;}
.pageT .inner{margin-left: 19px;}
.pageT .inner .location{overflow:hidden;}
.pageT .inner .location p{float:left;font-size:20px;color:#363636;}
.pageT .inner .location p img{vertical-align:middle;}
.pageT .inner .location p span{margin-left: 29px;padding-left: 42px;background: url('../img/common/icon_location.gif') no-repeat 0 50%;}
.pageT .inner .location p em{margin-left: 29px;padding-left: 26px;background: url('../img/common/icon_location.gif') no-repeat 0 50%;font-style: normal;}
.contwrap {margin: 0 auto; padding: 0 0 50px 0; width: 100%;}
.column.one-fourth {width: 23.75%;}
.column.thr-fourth {width: 73.75%;}
.column.one-four {width: 10%;}
.column.thr-four {width: 85%;}
.column.one-five {width: 17.4%;}
.wp-contents .row {margin: 0 0 50px 0;}
.wp-contents .row.mb20 {margin: 0 0 20px 0;}
.dotwrap {padding: 0 0 30px 0;}
.dotwrap:before, .dotwrap:after {content:'';display: block;width: 1px;height: 37px;background-color: #6289c6;margin: auto;}
.dotwrap:before {margin-bottom: 50px;}
.imgcontainer {max-width: 740px;margin: auto;}
.contwrap:before, .contwrap:after, .row:before, .row:after {display: table;content: " ";}
.contwrap:after, .row:after {clear: both;}
.contwrap, .row {*zoom: 1;}
.fwn {font-weight: 400;}
.fwm {font-weight: 600;}
.fwb {font-weight: 700;}
.tdu {text-decoration: underline;}
.contit {text-align: center;}
#contents.wp-contents {position: relative;padding: 0 5.25%;margin-bottom: 50px;}
.wp-contents h2 {letter-spacing: -1px;color: #000;margin: 110px 10px 70px;line-height: 1.2;}
.wp-contents h2.title {font-weight: 900;font-size: 60px;}
.wp-contents h2.title .writer {font-size: 26px;font-weight: 700;margin-top: 50px;text-align: center;}
.wp-contents h2.title .live-tit {color: #6289c6;font-size: 32px;font-weight: 700;margin-top: 47px;}
.wp-contents h2.title .eco-tit {color: #5db150;font-size: 32px;font-weight: 700;margin-top: 47px;}
.wp-contents h2.title .life-tit {color: #a691c4;font-size: 32px;font-weight: 700;margin-top: 47px;}
.wp-contents p {font-size: 21px;line-height: 36px;text-align: justify;-ms-word-break: break-all;word-break: break-all;color: #363636;letter-spacing: -1px;}
.wp-contents h3 {font-size: 32px;margin-bottom: 40px;letter-spacing: -1px;text-align: left;line-height: 42px;}
.wp-contents h3.live-tit {color: #6289c6;}
.wp-contents .line-txt:before {content:'';clear: both;display: block;width: 196px;height: 2px;background: #6289c6;margin: -10px auto 20px;}
.wp-contents .line-txt {font-size: 22px;text-align: center;font-weight: 700;}
.wp-contents h3.live-tit span.tits {color: #000;font-size: 25px;}
.wp-contents h3.eco-tit {color: #5db150;}
.wp-contents h3.eco-tit span.tits {color: #000;font-size: 25px;}
.wp-contents h3.life-tit {color: #a691c4;}
.wp-contents h3.life-tit span.line {color: #898989;font-size: 16px;border-top: 1px solid #ac98c8;border-bottom: 1px solid #ac98c8;font-weight: 400;vertical-align: top;padding: 2px 0 3px;margin-left: 15px;}
.wp-contents h3.life-tit span.tits {color: #000;font-size: 25px;}
.wp-contents .msg-radius {background: #f5f5f5;border-radius:20px;font-size: 23px;padding: 2% 3%;}
.wp-contents .tube-grid {overflow: hidden;}
.wp-contents .tube-grid div {float: left;margin-top: 6px;color: #000;letter-spacing: -1px;}
.wp-contents .tube-grid p {float: right;width: 87%;line-height: 1.5;}
.wp-contents .writer {text-align: right;font-size: 21px;margin-top: 20px;}
.wp-contents .writer.small {font-size: 16px;}
.wp-contents .eventbg {border: 3px solid #32459a;padding: 3%;width: 90%;}
.wp-contents .eventbg p {font-size: 25px;color: #000;line-height: 1.5;}
.wp-contents .column.one-fourth p {font-size: 24px;line-height: 1.3;margin-top: 10px;}
.wp-contents .column.one-fourth p.round {font-size: 24px;font-weight: 600;color: #fff;background-color: #32459a;border-radius: 20px;display: inline-block;padding: 1% 9%;}
.maintit {margin-top: 45px;}
.subtit-s {font-size: 32px;font-weight: 700;color: #000;}
.subtit-b {font-size: 32px;font-weight: 400;line-height: 2;margin-top: 36px;}
.subtit-b span{border-bottom: 1px solid #000;display: inline-block;}
.wp-contents .imgcontainer .caption:before {display: table;content: "";clear: both;padding-top: 10px;}
.wp-contents .imgcontainer .half .caption:before {padding-top: 0;}
.wp-contents .caption {font-size: 14px;text-align: center;line-height: 20px;margin-top: 10px;color: #4c4c4c;}
.wp-contents .half + .caption {padding-top: 10px;clear: both;}
.wp-contents .small-notice {color: #fff;background: #6289c6;display: inline-block;padding: 2px 10px;font-weight: 300;}
.wp-contents .circle {color: #fff;font-size: 23px;background: #a691c4;padding: 0 12px 2px;border-radius: 20px;}
.wp-contents .ico {margin-left: 10px;vertical-align: top;}
.bg_life02 {background: #f6efff;padding: 30px 25px 0 25px !important;}
.wp-contents .bdb {border-bottom: 1px solid #e7e7e7;padding-bottom: 50px;}
.wp-contents h4 {font-size: 22px;margin-bottom: 15px;letter-spacing: -1px;display: inline-block;font-weight: 400;}
.wp-contents h4 span{font-weight: 700;font-size: 25px;}
.wp-contents .fz17 {font-size: 17px;line-height: 27px;}
.wp-contents .fz18 {font-size: 18px;line-height: 35px;}
.wp-contents .tit-b {font-style: italic;font-size: 44px;margin-right: 12px;vertical-align: middle;}
.contwrap.top-box {background: #f5f5f5;border-radius: 20px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom: 3px solid #a691c4;margin-bottom: 67px;position: relative;padding: 6% 7% 1%;border-top: 3px solid #a691c4;margin-top: 30px;}
.topwrap {width: 100%;text-align: center;position: absolute;top: -20px;left: 0;}
.top-box .top-tit {background: #a691c4;z-index: 10;color: #fff;margin: auto;display: inline-block;padding: 5px 20px 7px;border-radius: 30px;}
.number {width: 45px;height: 45px;color: #fff;background: #a691c4;display: block;border-radius:100%;text-align: center;line-height: 45px;font-size: 24px;font-weight: 700;}
.title-img {text-align: center;}
.title-img h2 {color: #fff;line-height: 1.3;padding: 50px 5px 0;}
.title-img .title-tit {font-size: 24px;letter-spacing: -1px;}
.title-img .title-txt {font-size: 16px;font-weight: normal;letter-spacing: -1px;}
#contents {margin: 0 auto;max-width: 1400px;}
.wp-contents .eco-block {font-size: 24px;font-family: 'Nanum Myeongjo';font-weight: 400;color: #363636;line-height: 35px;vertical-align: middle;position: relative;display: inline-block;}
.wp-contents .eco-block span {font-size: 20px;}
.wp-contents .eco-block:before {content:'';background: url(../img/common/left_block_eco.jpg) 0 0 no-repeat;width: 33px;position: absolute;height: 27px;display: inline-block;top: 25%;left: -70px;}
.wp-contents .eco-block:after {content:'';display: inline-block;background: url(../img/common/right_block_eco.jpg) 0 0 no-repeat;width: 33px;position: absolute;height: 27px;display: inline-block;top: 25%;right: -70px;}
.wp-contents .life-block {font-size: 24px;font-family: 'Nanum Myeongjo';font-weight: 400;color: #363636;line-height: 35px;vertical-align: middle;position: relative;display: inline-block;}
.wp-contents .life-block:before {content:'';background: url(../img/common/left_block_life.jpg) 0 0 no-repeat;width: 33px;position: absolute;height: 27px;display: inline-block;top: 25%;left: -70px;}
.wp-contents .life-block:after {content:'';display: inline-block;background: url(../img/common/right_block_life.jpg) 0 0 no-repeat;width: 33px;position: absolute;height: 27px;display: inline-block;top: 25%;right: -70px;}

.wp-contents .live-block {font-size: 24px;font-family: 'Nanum Myeongjo';font-weight: 400;color: #363636;line-height: 35px;vertical-align: middle;position: relative;display: inline-block;}
.wp-contents .live-block.bgn:before, .wp-contents .live-block.bgn:after {display: none;}
.wp-contents .live-block span {font-size: 20px;}
.wp-contents .live-block:before {content:'';background: url(../img/common/left_block_live.jpg) 0 0 no-repeat;width: 33px;position: absolute;height: 27px;display: inline-block;top: 25%;left: -70px;}
.wp-contents .live-block:after {content:'';display: inline-block;background: url(../img/common/right_block_live.jpg) 0 0 no-repeat;width: 33px;position: absolute;height: 27px;display: inline-block;top: 25%;right: -70px;}
.wp-contents .blockwrap {position: relative;text-align: center;padding: 50px 0;}
.title-img .one {padding-top: 65px;}
.line-box {border: 1px solid #e0e0e0;width: 100%;margin: auto;}
.contwrap .line-box img, .line-box p {margin-bottom: 14px;}
.line-box p {padding: 0 20px;}
.contwrap .line-box .row {border-bottom: 1px dotted #e0e0e0;}
.contwrap .line-box .row:last-child {border-bottom: none;margin: 0;}
.contwrap .line-box .line-box-tit {font-size: 18px;font-weight: bold;margin: 10px 0;display: inline-block;}
.radius-text {display: inline-block;padding: 3px 7px 6px;border-radius: 10px;}
.row.movie {position: relative;width: 100%;padding: 56.6% 0 6px;}
.row.movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.line-live-inter {border-bottom: 4px solid #6289c6;}
.line-live-inter strong {color: #6289c6;font-size: 21px;font-weight: 700;display: block;text-align: right;border-bottom: 4px solid #6289c6;padding-bottom: 12px;margin-bottom: 43px;}
.line-live-inter h4 {text-align: left;display: block;font-size: 21px;color: #363636;font-weight: 700;margin: 0 0 25px;}
.line-live-inter h4 span {font-size: 32px;color: #6289c6;font-weight: 700;margin-right: 12px;}
.line-live-inter .inter-box {background: #f5f5f5;width: 100%;overflow: hidden;clear: both;box-sizing: border-box;border-radius: 20px;padding: 4% 1%;}
.line-live-inter .inter-box .row.mb0 {width: 90%;margin-left:auto;margin-right: auto;}
.line-live-inter .inter-box .left {font-size: 32px;color: #6289c6;font-weight: 700;margin-right: 12px;display: block;float: left;width: 4%;}
.line-live-inter .inter-box .right {float: left;width: 94%;}
.line-live-inter .inter-box .right:after {content:'';clear: both;display: block;}

/* SCROLLTOP */
#scrolltop {position: fixed; right:10px; bottom:-52px; display: none; width: 41px; height: 44px; background: url('../img/common/top.png') 0 0 no-repeat; cursor: pointer;}
#scrolltop a {display: inline-block; width: 100%; height: 100%; text-indent:-9999px;}

/* Grid
-------------------------------------------------------------- */
.contwrap {margin: 0 auto;padding: 30px 0 15px 0;width: 100%;}
.row {margin: 10px auto;}
.column {float: left;margin-left: 1.666666666666667%;text-align: center;}
.column:first-child {margin-left: 0;}
.column.full {width: 100%;}
.column.two-thirds {width: 66.11111111111111%;}
.column.half {width: 49.16666666666667%;}
.column.one-third {width: 32.22222222222222%;}
.column.one-four {width: 24.75%;}
.column.thr-four {width: 74.25%;}
.column.one-five {width: 15.91666666666667%;}
.column.four-five {width: 82.41666666666666%;}

/*  #Clearfix
-------------------------------------------------------------- */
.contwrap:before, .contwrap:after, .row:before, .row:after {display: table; content: " ";}
.contwrap:after, .row:after {clear: both;}

/* SNS */
.sns_wrap {width: 95%;margin: auto;overflow: hidden;}
.social {float: right;position: relative;margin-top: 29px;}
.social li {display: inline-block;float: left;margin: 0 0 0 17px;}
.gnb .social {float: left;position: relative;margin-top: 0;}
.bg-box {background: #f3f8ff;border-radius: 20px;}
.bg-box .bg-box-tit {color: #6289c6;}
.pc {display: inline-block;}
.mobile {display: none;}

@media only screen and (max-width : 1023px) {
	.social {display: none;}
}


@media only screen and (max-width : 768px) {
	.gnb .social {display: block;text-align: center;float: none;margin-top: 10px;}
	.gnb .social li {float: none;}
    .column.full, .column.two-thirds, .column.half, .column.one-third, .column.one-four, .column.thr-four, .column.one-five, .column.four-five, .column.one-fourth {margin: 10px 0 0 0; width: 100%;}
    .column:first-child {margin-top: 0;}
    .contwrap {padding: 25px 0 10px 0;}
	#contents.wp-contents {position: relative;padding: 0 6%;}
	.wp-contents h2.title {font-size: 45px;}
	.wp-contents h2 {margin: 80px 10px 40px;}
	.wp-contents h3 {font-size: 28px;margin-bottom: 30px;line-height: 1.2;}
	.subtit-s {font-size: 27px;}
	.wp-contents .row {margin: 0 0 30px 0;}
	.maintit {margin-top: 30px;}
	#contents.wp-contents {margin-bottom: 30px;}
	.mb30 {margin-bottom: 20px !important;}
	.subtit-b {font-size: 27px;margin-top: 25px;}
	.wp-contents h3.live-tit span.tits {font-size: 23px;}
	.wp-contents h3.eco-tit span.tits {font-size: 23px;}
	.wp-contents h3.life-tit span.tits {font-size: 23px;}
	.wp-contents h2.title .writer {font-size: 23px;margin-top: 30px;}
	.wp-contents .msg-radius {font-size: 21px;padding: 3% 4%;}
	.wp-contents h2.title .eco-tit {font-size: 28px;margin-top: 30px;}
	.wp-contents h2.title .life-tit {font-size: 28px;margin-top: 30px;}
	.wp-contents h2.title .live-tit {font-size: 28px;margin-top: 30px;}
	.wp-contents .blockwrap {padding: 30px 0;}
	.wp-contents .eco-block, .wp-contents .life-block, .wp-contents .live-block {letter-spacing: -1px;font-size: 22px;}
	.wp-contents .eco-block:before, .wp-contents .life-block:before, .wp-contents .live-block:before {left: -50px;background-size: 80%;}
	.wp-contents .eco-block:after, .wp-contents .life-block:after, .wp-contents .live-block:after {right: -50px;background-size: 80%;}
	.wp-contents .caption {margin-top: 5px;}
	.wp-contents .half + .caption {padding-top: 5px;}
	.wp-contents .circle {font-size: 20px;}
	.bg_life02 {background-size: 60%;}
	.wp-contents .ico {vertical-align: middle;}
	.wp-contents .tube-grid div {float: none;}
	.wp-contents .tube-grid p {float: none;width: 100%;}
	.contwrap.top-box {padding: 12% 7% 1%;}
	.number {width: 35px;height: 35px;line-height: 35px;font-size: 20px;}
	.wp-contents .eventbg p {font-size: 28px;}
	.wp-contents .column.one-fourth p.round {font-size: 28px;}
	.wp-contents .column.one-fourth p {font-size: 30px;}
	.wp-contents .eventbg {padding: 19% 5% 3%;}

	.wp-contents h3.life-tit span.line {margin-left: 0;margin-top: 10px;display: inline-block;}
}

@media (max-width:480px) { 
	.pc {display: none;}
	.mobile {display: block;}
}

@media (max-width:414px) { 
	.pageT {padding: 10px;}
	.pageT .inner {margin-left: 1%;}
	.pageT .inner .location p {font-size: 15px;}
	.pageT .inner .location p img {width: 20px;}
	.pageT .inner .location p span {margin-left: 13px;padding-left: 20px;}
	.pageT .inner .location p em {margin-left: 10px;padding-left: 20px;}
	#contents.wp-contents {padding: 0 5%;}
	.wp-contents h2.title {font-size: 26px;}
	.wp-contents h2 {margin: 40px 10px 20px;}
	.wp-contents h3 {font-size: 21px;margin-bottom: 25px;line-height: 1.2;}
	.subtit-s {font-size: 20px;word-break: keep-all;}
	.wp-contents .row {margin: 0 0 30px 0;}
	.maintit {margin-top: 20px;word-break: keep-all;}
	#contents.wp-contents {margin-bottom: 20px;}
	.mb30 {margin-bottom: 20px !important;}
	.subtit-b {font-size: 20px;margin-top: 15px;}
	.wp-contents h3.live-tit span.tits {font-size: 18px;}
	.wp-contents h3.eco-tit span.tits {font-size: 18px;}
	.wp-contents h3.life-tit span.tits {font-size: 18px;}
	.wp-contents h2.title .writer {font-size: 18px;margin-top: 20px;}
	.wp-contents .msg-radius {font-size: 18px;padding: 3% 4%;}
	.wp-contents h2.title .eco-tit {font-size: 20px;margin-top: 20px;}
	.wp-contents h2.title .life-tit {font-size: 20px;margin-top: 20px;}
	.wp-contents h2.title .live-tit {font-size: 20px;margin-top: 20px;}
	.wp-contents .blockwrap {padding: 20px 0;}
	.wp-contents .eco-block, .wp-contents .life-block, .wp-contents .live-block {font-size: 16px;line-height: 1.4;}
	.wp-contents .eco-block span {font-size: 13px;}
	.wp-contents .eco-block:before, .wp-contents .life-block:before, .wp-contents .live-block:before {left: 0;background-size: 50%;display: block;clear: both;position: relative;text-align: center;margin: auto;background-position: 50% 0;}
	.wp-contents .eco-block:after, .wp-contents .life-block:after, .wp-contents .live-block:after {right: 0;background-size: 50%;display: block;clear: both;position: relative;text-align: center;margin: auto;background-position: 50% 100%;}
	.wp-contents .caption {margin-top: 5px;}
	.wp-contents .half + .caption {padding-top: 5px;}
	.wp-contents .circle {font-size: 16px;padding-top: 2px;}
	.bg_life02 {background-size: 60%;}
	.wp-contents p {font-size: 18px;line-height: 1.5;}
	.wp-contents .row {margin: 0 0 20px 0;}
	.contwrap {padding: 20px 0 10px 0;}
	.wp-contents .writer {font-size: 16px;margin-top: 10px;}
	.wp-contents .writer.small {font-size: 12px;}
	.wp-contents .line-txt {font-size: 16px;}
	.wp-contents .line-txt:before {margin: -10px auto 10px;width: 150px;}
	.wp-contents .eventbg p {font-size: 22px;}
	.wp-contents .column.one-fourth p.round {font-size: 20px;}
	.wp-contents .column.one-fourth p {font-size: 20px;}
	.wp-contents .eventbg {padding: 35% 5% 3%;}
	.line-live-inter h4 {line-height: 1.3;}
	.line-live-inter h4 span {display: block;margin-right: 0;margin-bottom: 10px;}
	.line-live-inter strong {margin-bottom: 20px;}
	.line-live-inter .inter-box {padding: 5%;}
	.line-live-inter .inter-box .left {float: none;width: 100%;text-align: left;}
	.line-live-inter .inter-box .right {float: none;width: 100%;}
}

@media only screen and (max-width : 320px) {
    .title-img .title-tit  {font-size: 20px;}
}