@CHARSET "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* ====================================================================== */
/* [Web Font]
/* ======================================================================
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: 100; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; }
@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; }
 */

/* Reset CSS
 * --------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
		padding: 0;
		margin: 0;
		/* font-family: 'Source Sans Pro', sans-serif; */
		font-family: 'Pretendard', sans-serif;
}

a {
		text-decoration: none;
}

table {
		border-spacing: 0;
}

fieldset, img {
		border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
		font-weight: normal;
		font-style: normal;
}

strong {
		font-weight: bold;
}

ol, ul {
		list-style: none;
		margin: 0;
		padding: 0;
}

caption, th {
		text-align: left;
}

h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		font-size: 100%;
		margin: 0;
		padding: 0;
		color: #444;
}

q:before, q:after {
		content: '';
}

abbr, acronym {
		border: 0;
}

/* Custom CSS
 * --------------------------------------- */
body {
		/* font-family: arial, helvetica; */
		font-family: 'Pretendard', sans-serif;
		color: #333;
		color: rgba(0, 0, 0, 0.5);
}

.wrap {
		margin-left: auto;
		margin-right: auto;
		width: 960px;
		position: relative;
}

h1 {
		font-size: 6em;
}

p {
		font-size: 22px;
		line-height: 34px;
}

.intro p {
		width: 95%;
		margin: 0 auto;
		font-size: 1.5em;
}

.section {
		text-align: center;
}

.progress-container {
		left: 0;
		width: 100%;
		height: 0.4em;
		margin-bottom: 0px;
		position: fixed;
		top: 0px;
		overflow: hidden;
		background-color: rgba(255, 255, 255, .8);
		content: "";
		display: table;
		table-layout: fixed;
		z-index: 10;
}

.progress-bar {
		width: 0%;
		float: left;
		height: 100%;
		z-index: 99;
		max-width: 100%;
		background-color: #111;
		-webkit-transition: width .4s ease;
		-o-transition: width .4s ease;
		transition: width .4s ease;
}

.header {
		position: fixed;
		top: 6px;
		left: 0;
		right: 0;
		text-align: center;
		height: 80px;
		z-index: 12;
		/*background: url('../img/bg_gnb_gra.png') repeat-x top;*/
		transition: all ease 1s 0s;
		display: flex;
		align-items: center;
		justify-content: center;
}

.header .title {
		font-size: 24px;
		color: #fff;
		font-weight: 900;
		max-width: 45%;
		margin: 0 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
}

.header .util_area {
		position: absolute;
		color: #000;
		top: 19px;
		right: 20px;
}

.header .util_area .lang_area {
		position: relative;
		z-index: 1;
		float: left;
		margin-top: 7px;
		margin-right: 10px;
}

.header .util_area .lang_area .btn_lang {
		position: relative;
		padding-right: 19px;
		font-family: "neue-haas-unica", sans-serif;
		font-weight: 600;
		color: #333;
		font-size: 14px;
		background: none;
		border: none;
		cursor: pointer;
}

.header .util_area .lang_area .btn_lang:after {
		display: block;
		position: absolute;
		right: 0;
		top: 1px;
		width: 9px;
		height: 6px;
		font-size: 18px;
		font-family: "Font Awesome 5 Pro";
		-webkit-font-smoothing: antialiased;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		content: "\f107";
}

.header .util_area .lang_area .lang_open {
		display: none;
		position: absolute;
		width: 76px;
		left: 50%;
		top: 27px;
		padding: 0;
		background-color: #fff;
		border: 1px solid #1f1f1f;
		max-height: 160px;
		overflow-y: auto;
		transform: translateX(-50%);
}

.header .util_area .lang_area .lang_open a {
		position: relative;
		display: block;
		font-weight: 600;
		font-size: 14px;
		color: #333;
		padding: 7px 12px;
		text-decoration: none !important;
}

.header .util_area .lang_area .lang_open a.on {
		background-color: #ebebeb;
}

.header .util_area .lang_area .lang_open a:hover {
		text-decoration: underline !important;
}

.header .util_area .lang_area .lang_open a + a {
		margin-top: 0;
}

.header .util_area .socialLinks {float: left;white-space: nowrap;}

.header .util_area .socialLinks li {
		display: inline-block;
		margin: 0 10px;
}

.header .util_area .socialLinks li a {
		font-size: 25px;
		color: #565656;
}

.header .util_area .socialLinks li a span {
		display: none;
}

.header.fixed {
		background: none;
		background-color: #fff;
}
.header.fixed .lang_area button.btn_lang{
		color: #444 !important;
}

.header.fixed .socialLinks li a {
		color: #444 !important;
}

.header.fixed .title {
		display: block;
		color: #000 !important;
}

.header.fixed .lang .img {
		background: url('../img/langEnFixed.png') no-repeat center center;
}

.header.sub {
		height: 100px;
		background: #000
}

.header.on {
		height: 100px;
		background: #000
}

.ban_logo {
		position: fixed;
		right: 20px;
		bottom: 20px;
		display: block;
		width: 53px;
		height: 70px;
		background: url('../images/h1_ban_wh.png') no-repeat center center;
		z-index: 10
}

.ban_logo.bk {
		background: url('../images/h1_ban_bk.png') no-repeat center center;
		z-index: 10
}

.emp_msg {
		font-size: 10px;
		color: #fff;
		position: absolute;
		left: 20px;
		bottom: 10px;
		z-index: 1;
		opacity: .7
}

.emp_msg.bk {
		color: #999
}

.emp_msg.fix {
		position: fixed;
		left: 30px;
		bottom: 20px;
}

a.tell_area {
		position: absolute;
		display: inline-block;
		height: 32px;
		line-height: 32px;
		padding-left: 35px;
		right: 30px;
		top: 35px;
		font-size: 28px;
		letter-spacing: 3px;
		color: #fff;
		background: url('../images/bbs_tell_wh.png') no-repeat left center;
}

.header .gnb {
		margin: 20px 0 0
}

.header .gnb li {
		display: inline-block;
		margin: 0 20px
}

.header .gnb li.bar i {
		display: block;
		width: 1px;
		height: 10px;
		background: #fff
}

.header .gnb li a {
		position: relative;
		display: inline-block;
		font-weight: 400;
		color: #fff;
		font-size: 18px;
		padding: 20px 0;
		text-transform: uppercase;
}

.header .gnb li a:after {
		content: "";
		position: absolute;
		bottom: 16px;
		left: 0;
		width: 0;
		height: 1px;
		background-color: currentColor;
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
		transition: transform 1s cubic-bezier(.19, 1, .22, 1);
		transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
}

.header .gnb li.active a:after, .header .gnb li a.active:after, .header .gnb li a:hover:after {
		width: 100%;
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
}

.logo_area {
		position: fixed;
		top: 21px;
		left: 30px;
		display: block;
		width: 225px;
		height: 55px;
		background: url('../../img/logo_w.png') no-repeat 0 0;
		z-index: 10;
}

.header.fixed .logo_area {
	background: url('../../img/dj_logo_part_black.png') no-repeat 0 0;
}

.header.bk {
		background: none
}

.header.bk .gnb li a {
		color: #000
}

.header.bk .gnb li.bar i {
		background: #555
}

.header.bk .logo_area {

}

.header.bk a.tell_area {
		color: #000;
}

.header .sub_menu {
		position: absolute;
		background: #0082a1;
		margin-left: -10px;
		padding: 0;
		z-index: 10
}

.header .sub_menu li {
		display: block;
		clear: both;
		padding: 0;
		margin: 0
}

.header .sub_menu li a {
		display: block;
		width: 100px;
		padding: 12px 0;
		color: #fff;
		line-height: normal;
		font-size: 14px
}

.header .sub_menu li a:hover {
		background: #0c99bb;
		color: #fff
}

.header .sub_menu li a:after {
		display: none
}

.header .sub_menu:before {
		content: "";
		display: block;
		width: 20px;
		height: 12px;
		background: url('../images/bbs_tip.png') no-repeat 0 0;
		position: absolute;
		left: 50%;
		top: -9px;
		margin-left: -10px
}

.header .m_menu {
		position: absolute;
		left: 8px;
		top: 19px;
		display: block;
		width: 40px;
		height: 40px;
		background: url('../images/m_menu.png') no-repeat center center;
		background-size: 24px
}


.button {
		margin: 20px 0 0 0;
		vertical-align: middle;
		display: inline-block
}

.button a {
		color: #fff;
		background: rgba(0, 0, 0, 0.4);
		padding: 15px 30px;
		border-radius: 5px;
		display: inline-block;
}

.button a:hover {
		color: #316f68;
		background-color: #fff
}

.fp-controlArrow {
		margin-top: -36px;
		border: none !important;
}

.fp-controlArrow.fp-prev {
		left: 30px;
		width: 72px;
		height: 72px;
		background: url(../../img/main-arrow-prev.png) no-repeat 0 0;
}

.fp-controlArrow.fp-next {
		right: 30px;
		width: 72px;
		height: 72px;
		background: url(../../img/main-arrow-next.png) no-repeat 0 0;
}

.fp-controlArrow.fp-prev {

}

/* Extensions preview menu
 * --------------------------------------- */
.preview-extensions-menu {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 99;
		border-top: 0;
		box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.8);
}

.preview-extensions-menu li {
		display: inline-block;
		margin: 0;
}

.preview-extensions-menu li a {
		padding: 15px 25px;
		display: block;
}

.preview-buy-extension {
		background: #3cc63c;
}

.preview-more-extensions {
		background: #fff;
}

.preview-buy-extension a {
		color: #fff;
}

.preview-buy-extension:hover {
		background-color: #1a961a;
}

.preview-more-extensions a {
		color: #333;
}

.code {
		background: rgba(255, 255, 255, 0.7);
		padding: 0px 5px;
		line-height: 25px;
}

h1 {
		font-weight: 900;
		font-size: 8em;
		-webkit-text-shadow: 0 .3rem .9rem rgba(0, 0, 0, .4);
		text-shadow: 0 0.3rem 0.9rem rgba(0, 0, 0, .4);
		letter-spacing: -3px;
}

h1 {
		font-weight: 900;
		font-size: 2.5em;
		-webkit-text-shadow: 0 .3rem .9rem rgba(0, 0, 0, .4);
		text-shadow: 0 0.3rem 0.9rem rgba(0, 0, 0, .4);
		letter-spacing: normal;
}

h1, .intro p {
		color: #fff;
		/* font-family: 'Source Sans Pro', sans-serif; */
		font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}

.intro p {
		margin-top: 20px;
		text-shadow: -1px 1px 8px rgba(0, 0, 0, .8);
		font-size: 1.5em;
}

.nations {
		margin-top: 50px;
		font-size: 0;
}

.nations li {
		display: inline-block;
		margin: 0 5px;
		vertical-align: top;
}

.nations li .icon {
		display: block;
		width: 45px;
		height: 45px;
}

.nations li .icon.icon1 {
		background-size: 45px 45px;
		background-image: url(../img/n1.png);
}

.nations li .icon.icon2 {
		background-size: 45px 45px;
		background-image: url(../img/n2.png);
}

.nations li .icon.icon3 {
		background-size: 45px 45px;
		background-image: url(../img/n3.png);
}

.nations li .icon.icon4 {
		background-size: 45px 45px;
		background-image: url(../img/n4.png);
}

.nations li .icon.icon5 {
		background-size: 45px 45px;
		background-image: url(../img/n5.png);
}

.nations li .icon.icon6 {
		background-size: 45px 45px;
		background-image: url(../img/n6.png);
}

.flex-slide {
		display: flex;
		height: 100%;
		flex-wrap: wrap;
}

.flex-slide.row-reverse {
		flex-direction: row-reverse;
}

.flex-slide .flex-slide-text {
		display: flex;
		width: 50%;
		background-color: #fff;
		box-sizing: border-box;
		padding: 80px 80px;
		flex-direction: column;
		align-content: center;
		justify-content: center;
}

.flex-slide .flex-slide-text h1 {
		margin-bottom: 48px;
		font-size: 44px;
		color: #000;
		text-shadow: none;
}

.flex-slide .flex-slide-text .desc {
		font-size: 18px;
		color: #3d3d3d;
		line-height: 30px;
		font-weight: 300;
		text-shadow: none;
}

.flex-slide .flex-slide-bg {
		display: flex;
		width: 50%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-position: 50% 0;
		background-color: #000;
}

.slide-text-bg {

}

.mouseMove {
		position: absolute;
		left: 50%;
		bottom: 123px;
		width: 22px;
		margin-left: -11px;
		border: 2px solid #fff;
		height: 34px;
		border-radius: 12px;
		z-index: 9;
		transition: all .3s;
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
}

.mouseMove.intro {
		bottom: 11%;
}

.mouseMove span {
		position: absolute;
		left: 50%;
		top: 9px;
		margin-left: -2px;
		width: 4px;
		height: 4px;
		background: #fff;
		border-radius: 2px;
		transition: all .3s;
		animation: mousePop 2.5s linear infinite;
		-webkit-animation: mousePop 2.5s linear infinite;
}

.mouseMove div {
		font-size: 13px;
		/*color: rgba(4, 11, 44, 0.7);*/
		color: #fff;
		position: absolute;
		top: 50px;
		font-weight: 500;
		left: 50%;
		margin-left: -40px;
		width: 80px;
		display: block;
		height: 20px;
		text-align: center;
		text-transform: uppercase;
}

@-webkit-keyframes mousePop {

		68% {
				height: 4px;
				top: 9px;
		}

		76% {
				height: 8px;
				top: 9px;
		}

		84%,
		92% {
				height: 4px;
				top: 20px;
		}
}

@keyframes mousePop {

		68% {
				height: 4px;
				top: 9px;
		}

		76% {
				height: 8px;
				top: 9px;
		}

		84%,
		92% {
				height: 4px;
				top: 20px;
		}
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
		background-color: #fff;
}

.fp-bg {
		background-size: cover;
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
		backface-visibility: hidden;
		background-position: 50% 0;
}

.button a.button-purchase:hover {
		background-color: #3cc63c !important;
		color: #fff !important;
}

.documentation a {
		font-size: 13px;
		margin: 20px 0;
		padding: 0;
		color: #222;
}

/*
* Configurations
*/
#actions {
		position: fixed;
		top: 73px;
		left: 30px;
		z-index: 99999;
}

#actions li {
		background: rgba(0, 0, 0, 0.8);
		padding: 7px;
		margin: 2px;
		color: #ccc;
		display: inline-block;
		cursor: pointer;
}

#actions li:hover {
		color: #fff;
		background: #81A140;
}

#actions .active {
		color: #fff;
		background: #81A140;
}

/* footer */
.footer_wrap {
		background: #222;
}

.footer_wrap .footer {
		padding: 64px 0;
		font-size: 0;
}

.footer dt {
		display: inline-block;
		vertical-align: top;
}

.footer dt p {
		margin-top: 0;
		margin-bottom: 25px;
		font-size: 14px;
		color: #999;
		font-weight: 300;
		line-height: 1.8;
}

.footer dt p strong {
		padding-right: 7px;
		color: #ddd;
		font-weight: 300;
}

.footer dt p span {
		padding-right: 17px;
}

.footer dt p span:last-child {
		padding-right: 0;
}

.footer dt p a {
		color: #ddd;
		border-bottom: 1px solid #fff;
}

.footer dt > span {
		font-size: 14px;
		color: #656565;
		letter-spacing: normal;
}

.footer dd {
		z-index: 1;
		display: inline-block;
		width: 180px;
		height: 35px;
		margin-left: 20px;
		vertical-align: top;
		position: relative;
}

.footer dd > ul {
		padding-top: 56px;
		font-size: 0;
}

.footer dd > ul li {
		display: inline-block;
		width: 44px;
		margin-right: 24px;
}

.footer dd > ul li:last-of-type {
		margin-right: 0;
}

.footer dd > ul li img {
		width: 100%;
}

/* 이전 section2 */

#section6 .fp-bg:before {
		content: '';
		position: absolute;
		display: block;
		background: rgba(173, 173, 173, 0.2);
		top: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
}

#section6 h1 {
		color: #fff;
}


/*image2*/
.section .slide-wrap {
		display: flex;
		height: 100%;
}

.section .slide-wrap .slide-col {
		display: flex;
		position: relative;
		align-items: center;
		flex: 1;
		flex-direction: column;
		justify-content: center;
		background-position: center 0;
		background-size: cover;
		background-repeat: no-repeat;
}

.section .slide-wrap .slide-col:before {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: .4;
		transition: all .4s;
		z-index: 1;
		content: '';
}

.section .slide-wrap .slide-col .slide-row {
		display: flex;
		position: relative;
		width: 100%;
		flex: 1;
		padding: 40px 40px;
		flex-direction: column-reverse;
		justify-content: left;
		box-sizing: border-box;
}

.section .slide-wrap .slide-col .bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		transition: transform 0.3s;
}

.section .slide-wrap a.slide-col:hover .bg {
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
}

.section .slide-wrap .slide-col .intro {
		position: relative;
		z-index: 1;
}

/*image2 end*/
.section .main {
		padding: 0 40px;
}

.section .main h1 {
		font-size: 4em;
}

/*align*/
.intro.LEFT_TOP {
		position: absolute;
		left: 30px;
		right: 30px;
		top: 110px;
		text-align: left;
}

.intro.LEFT_TOP p {
		text-align: left;
		margin: 0 0 0 0;
}

.intro.RIGHT_TOP {
		position: absolute;
		right: 30px;
		top: 110px;
		width: 100%;
		text-align: right;
}

.intro.RIGHT_TOP p {
		text-align: right;
		margin: 0 0 0 0;
		width: 100%;
}

.intro.LEFT_BOTTOM {
		position: absolute;
		left: 30px;
		bottom: 50px;
		right: 30px;
		text-align: left;
}

.intro.LEFT_BOTTOM p {
		text-align: left;
		margin: 0 0 0 0;
}

.intro.RIGHT_BOTTOM {
		position: absolute;
		right: 30px;
		bottom: 50px;
		left: 30px;
		text-align: right;
}

.intro.RIGHT_BOTTOM p {
		text-align: right;
		margin: 0;
		width: 100%;
}


.small-demo {
		display: flex;
		max-height: 560px;
		margin: auto;
		background: transparent;
		flex-wrap: wrap;
}

.small-demo a {
		width: 33.3333%;
}

/* .movie {margin-top: -100px;} */

@media screen and (max-width: 1366px) {
		.header {
				display: flex;
				height: 55px;
				align-items: center;
				justify-content: center;
		}

		.header .title {
				font-size: 17px;
		}

		.header .util_area .lang_area {
				margin-top: 2px;
		}

		.header .util_area .socialLinks li a {
				font-size: 19px;
		}

		.logo_area {
				background-size: 120px auto;
				width: 120px;
				height: 35px;
				top: 19px;
				left: 10px;
		}

		.header.fixed .logo_area{background-size: 120px auto;}

		.header .util_area {right: 11px;top: 11px;}

		.section .main {
				padding: 0 20px;
		}

		.section .main h1 {
				font-size: 37px;
		}

		p {
				margin-top: 30px;
				font-size: 15px;
				line-height: 24px;
		}

		.nations {
				margin-top: 20px;
		}

		.nations li .icon {
				width: 35px;
				height: 35px;
				background-size: 35px 35px !important;
		}

		.fp-controlArrow {

		}

		.fp-controlArrow.fp-next,
		.fp-controlArrow.fp-prev {
				width: 50px;
				height: 50px;
				background-size: 50px;
		}

		.fp-controlArrow.fp-next {
				right: 20px;
		}

		.fp-controlArrow.fp-prev {
				left: 20px;
		}

		.intro h1 {
				font-size: 28px;
				line-height: 30px;
		}

		.intro p {
				width: 100% !important;
				margin-top: 20px;
				font-size: 15px;
				line-height: 20px;
				max-height: 140px;
				overflow-y: auto;
				-webkit-overflow-scrolling: auto;
		}

		.intro.LEFT_TOP,
		.intro.RIGHT_TOP {
				top: 70px;
		}

		.intro.LEFT_TOP {
				left: 20px;
		}
		.intro.RIGHT_TOP {
				right:20px;
				width:auto;
		}

		.intro.RIGHT_BOTTOM,
		.intro.LEFT_BOTTOM {
				bottom: 20px;
				left: 20px;
				right: 20px;
		}

		.intro.RIGHT_BOTTOM,
		.intro.LEFT_BOTTOM p {
				margin-top: 10px;
		}

		.mouseMove {
				transform: scale(.8);
		}

		.footer_wrap .footer {
				padding: 30px 20px;
		}

		.footer dt p {
				margin-bottom: 15px;
		}

		.movie {
				position: relative;
				margin: 0 20px;
				height: 0;
				padding-bottom: 56.25%;
		}

		.movie iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100% !important;
				height: 100% !important;
		}

		.disc{font-size:14px !important;}
		.disc2{padding-left:55px !important;}
}

@media screen and (max-width: 768px) {
		.header .title {
				display: none !important;
		}

		.section .main h1 {
				font-size: 35px !important;
				line-height: 35px;
		}

		p {
				margin-top: 10px;
				font-size: 14px;
				line-height: 22px;
		}

		.disc{font-size:13px !important;}
		.disc2{font-size:12px !important; padding-left:0 !important;}
}