.subpage_title {color: #fff;font-size: 24px;line-height: 1.2em;letter-spacing: -.03em;font-family:'Rajdhani';position: fixed;right: 160px;top:35px;font-weight: 800}
.sub_wrap {padding: 200px 0;color: #fff;}

.project_request_wrap {height: 650px;display: table;width: 100%;background: url(../../images/common/request.jpg) no-repeat;background-size: cover;background-position: center center;position: relative}
.project_request_wrap .inner {color: #fff;display: table-cell;vertical-align: middle}
.project_request_wrap .inner .wrap .text {font-size: 60px;line-height: 1.2em;font-weight: 200;margin-bottom: 40px}

/* ABOUT S */
.about_top {margin: 0;position: relative}	

.about_top .about_top_text {font-size: 100px;line-height: 1.5em;letter-spacing: -.05em;font-family:'NOTO SANS KR';font-weight: 800;color: #fff;position: absolute;left: 120px;width: 100%}
.about_top .about_top_text span {display: block;font-size: 140px;line-height: 1.3em}
.about_top .about_top_img {margin-top: 200px}
.about_top .about_top_img img {width: 100%}	


.atolabs_is {font-size: 75px;font-weight: 700;line-height: 1.2em;color: #7295a1}
.atolabs_is span {display: inline-block}
.atolabs_is_text {color: #fff;font-size: 20px;font-weight: 500;line-height: 1.6em;margin-top: 60px}


.midbox {overflow: hidden;margin-top: 180px}
.our {font-size: 80px;color: #fff;line-height: 1em;font-weight: 800;letter-spacing: -.03em;float: left;padding-right: 80px}
.our span {display: block;color: #7295a1;}

.atolabs_is_ul {float: right}
.atolabs_is_ul ul {display: table;}
.atolabs_is_ul ul li {float: left;padding-left: 90px;}
.atolabs_is_ul ul li .head_text {font-size: 35px;padding-bottom: 60px;font-weight: 400;font-family:'NOTO SANS KR';color: #fff;font-weight: 700}
.atolabs_is_ul ul li .body_text {color: #aaa;font-size: 14px;line-height: 2em}
/* ABOUT S */

/* WORKS S */
.works_title {font-family: 'NOTO SANS KR';font-size: 60px;line-height: 1.3em;letter-spacing: -.03em;font-weight: 700;color: #fff;padding: 280px 80px 100px}
.works_title .backtext {font-family: 'Secular One';color: rgb(255,255,255,0.1);position: absolute;font-size: 200px;line-height: .8em;top:100px;right: 80px;letter-spacing: -.05em;text-align: right}
	
.works_wrap {width: 1800px;margin: 0 auto 100px;overflow: hidden}
.works_wrap .works_box {width: 100%;overflow: hidden;margin-bottom: 150px}
.works_wrap .works_box:last-child {margin-bottom: 50px}
.works_wrap .thum_right, .works_wrap .thum_left {width: 100%;overflow: hidden}

.works_wrap .thum_right .thum {float: right;width: 1000px;height: 550px;overflow: hidden;display: table}
.works_wrap .thum_right .info_box {float: left;width: 800px;padding-right: 80px}
.works_wrap .thum_left .thum {float: left;width: 1000px;height: 550px;overflow: hidden;display: table}
.works_wrap .thum_left .info_box {float: right;width: 800px;;padding-left: 80px}

.works_wrap .works_box .thum .img {
	filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    transform-origin: center center 0px; 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;height: 550px;overflow: hidden;display: table;
}

.works_wrap .works_box .thum:hover .img{
	filter: grayscale(0%); /* Current draft standard */
    -webkit-filter: grayscale(0%); /* New WebKit */
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(0); /* Old WebKit */
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);height: 550px;overflow: hidden;display: table;
}
.works_wrap .works_box .thum .img .inner {display: table-cell;vertical-align: middle;text-align: center;color: #fff;font-size:60px;font-weight: 700}

.works_wrap .works_box .info_box {padding-top: 80px }
.works_wrap .works_box .info_box .simple_text {margin-top: 5px}
.works_wrap .works_box .info_box .overview {color: #fff;font-size: 30px;margin-top: 30px;font-family:'NOTO SANS KR';font-weight: 600;line-height: 1.5em}
.works_wrap .works_box .info_box .go_view {margin-top: 80px}
.go_view a {color: #fff;font-weight: 700;font-size: 17px;line-height: 1.4em;letter-spacing: -.01em;position: relative}
.go_view a:before {content: '';position: absolute;bottom: -5px;height: 2px;background: #fff;width: 100%;z-index: -1;transition: width .2s ease-in-out;}
.go_view a:after {content: '';position: absolute;bottom: -2px;height: 10px;background: transparent;width: 0;z-index: -1;transition: width .2s ease-in-out;left: 0}
.go_view:hover a:before {width:0%;}
.go_view:hover a:after {
	-webkit-transition: width .2s ease-in-out;
	-moz-transition: width .2s ease-in-out;
	-o-transition: width .2s ease-in-out;
	transition: width .2s ease-in-out;
	width:100%;
	background: #f7d300;
}
.portfolio_top {background: #fff;color: #000;width: 100%;z-index: 0;padding: 200px 0 50px;}
.portfolio_top .title {font-size: 70px;line-height: 1.2em;font-weight: bold;font-family:'Noto Sans','NOTO SANS KR' !important}
.portfolio_top .subinfo {margin-top:90px;overflow: hidden}
.portfolio_top .subinfo div {float: left;margin-right: 150px;color: #666;font-size: 20px}
.portfolio_top .subinfo div span {font-weight: 800;display: inline-block;margin-right: 15px;color: #000}
.portfolio_header {width: 100%;z-index: 0;position: relative;overflow: hidden}
.portfolio_header .mask {position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.5);color: #fff;}
.portfolio_header .mask .inner {position: absolute;bottom: 0;width: 100%;text-align: center;}
.portfolio_header .mask .inner .tag {margin-top: 10px;font-size: 15px;font-family:'Noto Sans';font-weight: 700}
.portfolio_header .mask .inner .bar {background: #fff;height: 100px;width: 1px;margin: 20px auto 0}
.portfolio_header video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.portfolio_over {background: #fff;overflow: hidden;padding: 120px 0;font-family: 'NOTO SANS KR';position: relative}
.portfolio_over .work {margin-bottom: 80px}
.portfolio_over .work .title {font-weight: 700;font-size: 18px;margin-bottom: 20px;color: #999;}
.portfolio_over .overview .title {font-weight: 700;font-size: 18px;margin-bottom: 20px;margin-top: 5px}
.portfolio_over .overview .bodytext {font-weight: 700;line-height: 1.4em;font-size: 40px}
.ds_comment {background: #fff;overflow: hidden;color: #000;padding: 120px 0;font-family: 'NOTO SANS KR';position: relative}
.ds_comment .title {font-weight: bold;font-size: 18px;margin-bottom: 40px}
.ds_comment .text {font-size: 34px;font-weight: 500;line-height: 1.4em}

.img_wrap {background: #000;overflow: hidden;color: #fff;padding: 120px 0;text-align: center}
.img_wrap .left {float: left;width: 50%;text-align: right}
.img_wrap .right {float: right;width: 50%;text-align: left}
.pr_text {margin:0 auto}
.pr_text .simbol_line {margin: 0 auto 20px;background: #f7d300;width: 3px;height: 16px !important;position: relative;display: table;line-height: 16px}
.pr_text .simbol_line:before {content: '';background: #f7d300;width: 3px;height: 16px !important;position: absolute;left: 6px;top:0;display: table}
.pr_text .simbol_line:after {content: '';background: #f7d300;width: 3px;height: 16px !important;position: absolute;left: 12px;top:0;display: table}
.pr_text .text {font-size: 40px;font-weight: 800;color: #000;letter-spacing: -.04em;line-height: 1.2em}

.bgimg {height: 900px}

/* WORKS E */

/* CONTACT S */
.contact_top {margin: 0 auto;position: relative;background: url('/images/contact/contact_visual.png') no-repeat;background-position: right;background-size: contain;padding: 250px 0 150px}	
.contact_top .contact_top_text {font-size: 80px;line-height: 1.1em;letter-spacing: -.03em;font-weight: 600;color: #fff;}
.contact_top .contact_top_text .text1 {font-weight: 800;line-height: 1.2em}
.contact_top .contact_top_text .text2 {-webkit-text-stroke:1px #fff; -webkit-text-fill-color:transparent;font-weight: 800;line-height: 1.2em}
.contact_top .contact_top_text .text3 {color:#f7d300;font-weight: 800;font-family: 'Secular One';line-height: 1.2em}
.contact_top .contact_top_text .text3 span {color: #fff}
	
.info {margin-top: 80px;font-family: 'Roboto Condensed';font-size: 16px;line-height: 1.4em;font-weight: 400;letter-spacing: -.01em;overflow: hidden}
.info .c_us {float: left}
.info .v_us {float: left;margin-left: 150px}
.info .us .title {font-size: 20px;font-weight: 600;margin: 20px 0;}
.info .us ul {margin-top: 20px}
.info .us ul li {font-size: 14px;margin-bottom: 10px}
.info .us ul li.eng {color: #8f8f8f}

.info .instagram {float: left;margin-left: 150px;padding-top:60px}
.instagram a {color: #fff;font-family: 'Secular One';font-weight: 700;font-size: 20px;line-height: 1.4em;letter-spacing: -.01em;position: relative}
.instagram a:before {content: '';position: absolute;bottom: -5px;height: 4px;background: #fff;width: 100%;z-index: -1;transition: width .2s ease-in-out;}
.instagram a:after {content: '';position: absolute;bottom: -2px;height: 10px;background: transparent;width: 0;z-index: -1;transition: width .2s ease-in-out;left: 0}
.instagram:hover a:before {width:0%;}
.instagram:hover a:after {
	-webkit-transition: width .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
    width:100%;
    background: #f7d300;
}


.contact_map {background: url(../../images/contact/contact_map.png) no-repeat;height: 510px;background-position: center center;background-size:auto150%;position: relative;margin: 80px auto}
.contact_map .go_map {position: absolute;bottom: 0;left: 80px}
.go_map a {color: #fff;font-weight: 700;font-size: 20px;line-height: 1.4em;letter-spacing: -.01em;position: relative}
.go_map a:before {content: '';position: absolute;bottom: -5px;height: 4px;background: #fff;width: 100%;z-index: -1;transition: width .2s ease-in-out;}
.go_map a:after {content: '';position: absolute;bottom: -2px;height: 10px;background: transparent;width: 0;z-index: -1;transition: width .2s ease-in-out;left: 0}
.go_map:hover a:before {width:0%;}
.go_map:hover a:after {
	-webkit-transition: width .2s ease-in-out;
	-moz-transition: width .2s ease-in-out;
	-o-transition: width .2s ease-in-out;
	transition: width .2s ease-in-out;
	width:100%;
	background: #f7d300;
}

/* CONTACT E */
@media screen and (max-width:1799px) {
	/* WORKS S */
	.works_title {font-family: 'NOTO SANS KR';font-size: 60px;line-height: 1.3em;letter-spacing: -.03em;font-weight: 700;color: #fff;padding: 280px 80px 100px}
	.works_title .backtext {font-family: 'Secular One';color: rgb(255,255,255,0.1);position: absolute;font-size: 200px;line-height: .8em;top:100px;right: 80px;letter-spacing: -.05em;text-align: right}
		
	.works_wrap {width: 98%;margin: 0 auto 100px;overflow: hidden}
	.works_wrap .works_box {width: 100%;overflow: hidden;margin-bottom: 150px}
	.works_wrap .works_box:last-child {margin-bottom: 50px}
	.works_wrap .thum_right, .works_wrap .thum_left {width: 100%;overflow: hidden}
	
	.works_wrap .thum_right .thum {float: right;width: 60%;height: 550px;overflow: hidden;display: table}
	.works_wrap .thum_right .info_box {float: left;width: 40%;padding-left: 80px;;padding-right: 20px}
	.works_wrap .thum_left .thum {float: left;width: 60%;height: 550px;overflow: hidden;display: table}
	.works_wrap .thum_left .info_box {float: right;width: 40%;padding-left: 80px}
	
	.works_wrap .works_box .thum .img {
		filter: grayscale(100%); /* Current draft standard */
		-webkit-filter: grayscale(100%); /* New WebKit */
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%); 
		-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
		filter: url(resources.svg#desaturate); /* Gecko */
		filter: gray; /* IE */
		-webkit-filter: grayscale(1); /* Old WebKit */
		transform-origin: center center 0px; 
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;height: 550px;overflow: hidden;display: table;
	}
	
	.works_wrap .works_box .thum:hover .img{
		filter: grayscale(0%); /* Current draft standard */
		-webkit-filter: grayscale(0%); /* New WebKit */
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%); 
		-o-filter: grayscale(0%); /* Not yet supported in Gecko, Opera or IE */ 
		filter: url(resources.svg#desaturate); /* Gecko */
		filter: gray; /* IE */
		-webkit-filter: grayscale(0); /* Old WebKit */
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);height: 550px;overflow: hidden;display: table;
	}
	.works_wrap .works_box .thum .img .inner {display: table-cell;vertical-align: middle;text-align: center;color: #fff;font-size:40px;font-weight: 700}
	
	.works_wrap .works_box .info_box {padding-top: 80px }
	.works_wrap .works_box .info_box .simple_text {margin-top: 5px}
	.works_wrap .works_box .info_box .overview {color: #fff;font-size: 25px;margin-top: 30px;font-family:'NOTO SANS KR';font-weight: 600;line-height: 1.5em}
	.works_wrap .works_box .info_box .go_view {margin-top: 80px}
	.go_view a {color: #fff;font-weight: 700;font-size: 17px;line-height: 1.4em;letter-spacing: -.01em;position: relative}
	.go_view a:before {content: '';position: absolute;bottom: -5px;height: 2px;background: #fff;width: 100%;z-index: -1;transition: width .2s ease-in-out;}
	.go_view a:after {content: '';position: absolute;bottom: -2px;height: 10px;background: transparent;width: 0;z-index: -1;transition: width .2s ease-in-out;left: 0}
	.go_view:hover a:before {width:0%;}
	.go_view:hover a:after {
		-webkit-transition: width .2s ease-in-out;
		-moz-transition: width .2s ease-in-out;
		-o-transition: width .2s ease-in-out;
		transition: width .2s ease-in-out;
		width:100%;
		background: #f7d300;
	}
	.portfolio_top {background: #fff;color: #000;width: 100%;z-index: 0;padding: 200px 0 50px;}
	.portfolio_top .title {font-size: 70px;line-height: 1.2em;font-weight: bold;font-family:'Noto Sans','NOTO SANS KR' !important}
	.portfolio_top .subinfo {margin-top:90px;overflow: hidden}
	.portfolio_top .subinfo div {float: left;margin-right: 150px;color: #666;font-size: 20px}
	.portfolio_top .subinfo div span {font-weight: 800;display: inline-block;margin-right: 15px;color: #000}
	.portfolio_header {width: 100%;z-index: 0;position: relative}
	.portfolio_header .mask {position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.5);color: #fff;}
	.portfolio_header .mask .inner {position: absolute;bottom: 0;width: 100%;text-align: center;}
	.portfolio_header .mask .inner .tag {margin-top: 10px;font-size: 15px;font-family:'Noto Sans';font-weight: 700}
	.portfolio_header .mask .inner .bar {background: #fff;height: 100px;width: 1px;margin: 20px auto 0}
	.portfolio_header video {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: 0;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	
	.portfolio_over {background: #fff;overflow: hidden;padding: 120px 0;font-family: 'NOTO SANS KR';position: relative}
	.portfolio_over .work {margin-bottom: 80px}
	.portfolio_over .work .title {font-weight: 700;font-size: 18px;margin-bottom: 20px;color: #999;}
	.portfolio_over .overview .title {font-weight: 700;font-size: 18px;margin-bottom: 20px;margin-top: 5px}
	.portfolio_over .overview .bodytext {font-weight: 700;line-height: 1.4em;font-size: 40px}
	.ds_comment {background: #fff;overflow: hidden;color: #000;padding: 120px 0;font-family: 'NOTO SANS KR';position: relative}
	.ds_comment .title {font-weight: bold;font-size: 18px;margin-bottom: 40px}
	.ds_comment .text {font-size: 34px;font-weight: 500;line-height: 1.4em}
	
	.img_wrap {background: #000;overflow: hidden;color: #fff;padding: 120px 50px;text-align: center}
	.img_wrap img {max-width: 100%}
	.img_wrap .left {float: left;width: 50%;text-align: right}
	.img_wrap .right {float: right;width: 50%;text-align: left}
	.pr_text {margin:0 auto}
	.pr_text .simbol_line {margin: 0 auto 20px;background: #f7d300;width: 3px;height: 16px !important;position: relative;display: table;line-height: 16px}
	.pr_text .simbol_line:before {content: '';background: #f7d300;width: 3px;height: 16px !important;position: absolute;left: 6px;top:0;display: table}
	.pr_text .simbol_line:after {content: '';background: #f7d300;width: 3px;height: 16px !important;position: absolute;left: 12px;top:0;display: table}
	.pr_text .text {font-size: 40px;font-weight: 800;color: #000;letter-spacing: -.04em;line-height: 1.2em}
	
	.bgimg {height: 900px}
	
	/* WORKS E */
	
	/* WORKS E */
}

@media screen and (max-width:1200px) {
	/* WORKS S */
	.works_title {font-family: 'NOTO SANS KR';font-size: 50px;line-height: 1.3em;letter-spacing: -.03em;font-weight: 700;color: #fff;padding: 280px 2% 100px}
	.works_title .backtext {font-family: 'Secular One';color: rgb(255,255,255,0.1);position: absolute;font-size: 100px;line-height: .8em;top:100px;right: 40px;letter-spacing: -.05em;text-align: right}
		
	.works_wrap {width: 96%;margin: 0 auto 100px;overflow: hidden}
	.works_wrap .works_box {width: 100%;overflow: hidden;margin-bottom: 150px}
	.works_wrap .works_box:last-child {margin-bottom: 50px}
	.works_wrap .thum_right, .works_wrap .thum_left {width: 100%;overflow: hidden}
	
	.works_wrap .thum_right .thum {float: right;width: 60%;height: 400px;overflow: hidden;display: table}
	.works_wrap .thum_right .info_box {float: left;width: 40%;padding-left: 30px;;padding-right: 20px}
	.works_wrap .thum_left .thum {float: left;width: 60%;height: 400px;overflow: hidden;display: table}
	.works_wrap .thum_left .info_box {float: right;width: 40%;padding-left: 60px}
	
	.works_wrap .works_box .thum .img .inner {display: table-cell;vertical-align: middle;text-align: center;color: #fff;font-size:40px;font-weight: 700}
	.works_wrap .works_box .info_box .overview {color: #fff;font-size: 20px;margin-top: 30px;font-family:'NOTO SANS KR';font-weight: 600;line-height: 1.5em}
	
	
	.portfolio_top {background: #fff;color: #000;width: 100%;z-index: 0;padding: 150px 0 50px;}
	.portfolio_top .title {font-size: 50px;line-height: 1.2em;font-weight: bold;font-family:'Noto Sans','NOTO SANS KR' !important}
	.portfolio_top .subinfo {margin-top:50px;overflow: hidden}
	.portfolio_top .subinfo div {float: left;margin-right: 100px;color: #666;font-size: 16px}
	.portfolio_top .subinfo div span {font-weight: 800;display: inline-block;margin-right: 15px;color: #000}
	.portfolio_header {width: 100%;z-index: 0;position: relative;overflow: hidden}
	.portfolio_header .mask {position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.5);color: #fff;}
	.portfolio_header .mask .inner {position: absolute;bottom: 0;width: 100%;text-align: center;}
	.portfolio_header .mask .inner .tag {margin-top: 10px;font-size: 15px;font-family:'Noto Sans';font-weight: 700}
	.portfolio_header .mask .inner .bar {background: #fff;height: 100px;width: 1px;margin: 20px auto 0}
	.portfolio_header video {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: 0;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	
	.portfolio_over {background: #fff;overflow: hidden;padding: 120px 0;font-family: 'NOTO SANS KR';position: relative}
	.portfolio_over .work {margin-bottom: 80px}
	.portfolio_over .work .title {font-weight: 700;font-size: 18px;margin-bottom: 20px;color: #999;}
	.portfolio_over .overview .title {font-weight: 700;font-size: 18px;margin-bottom: 20px;margin-top: 5px}
	.portfolio_over .overview .bodytext {font-weight: 700;line-height: 1.4em;font-size: 40px}
	
	
	.img_wrap {padding: 80px 50px}
	.img_wrap img {max-width: 100%}
	.pr_text .text {font-size: 30px;font-weight: 800;color: #000;letter-spacing: -.04em;line-height: 1.2em}
	/* WORKS E */
	
	/* CONTACT S */

	/* CONTACT E */
}

@media screen and (max-width:900px) {

}

@media screen and (max-width: 767px){
	.subpage_title {color: #fff;font-size: 15px;line-height: 1.2em;letter-spacing: -.03em;font-family:'Rajdhani';position: fixed;right: 70px;top:32px;font-weight: 800}
	.sub_wrap {padding: 100px 0;color: #fff;}
	
	.project_request_wrap {height: 450px;display: table;width: 100%;background: url(../../images/common/request.jpg) no-repeat;background-size: cover;background-position: center center;position: relative}
	.project_request_wrap .inner {color: #fff;display: table-cell;vertical-align: middle}
	.project_request_wrap .inner .wrap .text {font-size: 30px;line-height: 1.2em;font-weight: 200;margin-bottom: 40px}
	
	/* ABOUT S */
	.about_top {margin: 0;position: relative}	
	
	.about_top .about_top_text {font-size: 25px;line-height: 1.5em;letter-spacing: -.01em;font-family:'NOTO SANS KR';font-weight: 800;color: #fff;position: absolute;left: 5%;width: 100%}
	.about_top .about_top_text span {display: block;font-size: 50px;line-height: 1.3em}
	.about_top .about_top_img {margin-top: 100px;}
	.about_top .about_top_img img {width: 150%;margin-top: 100px;margin-left: -50%}	
	
	
	.atolabs_is {font-size: 30px;font-weight: 700;line-height: 1.2em;color: #7295a1}
	.atolabs_is span {display: inline-block}
	.atolabs_is_text {color: #fff;font-size: 16px;font-weight: 500;line-height: 1.6em;margin-top: 60px}
	
	
	.midbox {overflow: hidden;margin-top: 180px}
	.our {font-size: 60px;color: #fff;line-height: 1em;font-weight: 800;letter-spacing: -.03em;float: inherit;padding-right: 0}
	.our span {display: block;color: #7295a1;}
	
	.atolabs_is_ul {float: inherit}
	.atolabs_is_ul ul {display: table;margin-top:40px;width: 100%}
	.atolabs_is_ul ul li {float: left;padding-left: inherit;width: 33.3%}
	.atolabs_is_ul ul li .head_text {font-size: 18px;padding-bottom: 30px;font-weight: 400;font-family:'NOTO SANS KR';color: #fff;font-weight: 700}
	.atolabs_is_ul ul li .body_text {color: #aaa;font-size: 12px;line-height: 2em}
	/* ABOUT S */
	
	
	/* WORKS S */
	.works_title {font-family: 'NOTO SANS KR';font-size: 26px;line-height: 1.3em;letter-spacing: -.03em;font-weight: 700;color: #fff;padding: 200px 5% 50px}
	.works_title .backtext {font-family: 'Secular One';color: rgb(255,255,255,0.1);position: absolute;font-size: 50px;line-height: .8em;top:100px;right: 10px;letter-spacing: -.05em;text-align: right}
		
	.works_wrap {width: 90%;margin: 0 auto 100px;overflow: hidden}
	.works_wrap .works_box {width: 100%;overflow: hidden;margin-bottom: 50px}
	.works_wrap .works_box:last-child {margin-bottom: 0px}
	.works_wrap .thum_right, .works_wrap .thum_left {width: 100%;overflow: hidden}
	
	.works_wrap .thum_right .thum {float: inherit;width: 100%;height: 280px;overflow: hidden;display: table}
	.works_wrap .thum_right .info_box {float: inherit;width: 100%;padding-left: 0;;padding-right: 0}
	.works_wrap .thum_left .thum {float: inherit;width: 100%;height: 280px;overflow: hidden;display: table}
	.works_wrap .thum_left .info_box {float: inherit;width: 100%;padding-left: 0}
	
	.works_wrap .works_box .thum .img .inner {display: table-cell;vertical-align: middle;text-align: center;color: #fff;font-size:20px;font-weight: 700}
	.works_wrap .works_box .info_box {padding-top: 30px }
	.works_wrap .works_box .info_box .overview {color: #fff;font-size: 15px;margin-top: 30px;font-family:'NOTO SANS KR';font-weight: 500;line-height: 1.5em}
	
	.works_wrap .works_box .thum:hover .img{
		filter: grayscale(0%); /* Current draft standard */
		-webkit-filter: grayscale(0%); /* New WebKit */
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%); 
		-o-filter: grayscale(0%); /* Not yet supported in Gecko, Opera or IE */ 
		filter: url(resources.svg#desaturate); /* Gecko */
		filter: gray; /* IE */
		-webkit-filter: grayscale(0); /* Old WebKit */
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);height: 280px;overflow: hidden;display: table;
	}

	.works_wrap .works_box .info_box .go_view {margin-top: 40px}
	.go_view a {color: #fff;font-weight: 700;font-size: 13px;line-height: 1.4em;letter-spacing: -.01em;position: relative}
	.go_view a:before {content: '';position: absolute;bottom: -5px;height: 2px;background: #fff;width: 100%;z-index: -1;transition: width .2s ease-in-out;}
	.go_view a:after {content: '';position: absolute;bottom: -2px;height: 8px;background: transparent;width: 0;z-index: -1;transition: width .2s ease-in-out;left: 0}
	.go_view:hover a:before {width:0%;}
	.go_view:hover a:after {
		-webkit-transition: width .2s ease-in-out;
		-moz-transition: width .2s ease-in-out;
		-o-transition: width .2s ease-in-out;
		transition: width .2s ease-in-out;
		width:100%;
		background: #f7d300;
	}
	.portfolio_top {background: #fff;color: #000;width: 100%;z-index: 0;padding: 120px 0 50px;overflow: hidden}
	.portfolio_top .title {font-size: 25px;line-height: 1.2em;font-weight: bold;font-family:'Noto Sans','NOTO SANS KR' !important}
	.portfolio_top .subinfo {margin-top:50px;overflow: hidden}
	.portfolio_top .subinfo div {float: left;margin-right: 30px;color: #666;font-size: 13px}
	.portfolio_top .subinfo div span {font-weight: 800;display: inline-block;margin-right: 15px;color: #000}
	
	.portfolio_header {width: 100%;z-index: 0;position: relative;overflow: hidden}
	.portfolio_header .mask {position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.5);color: #fff;}
	.portfolio_header .mask .inner {position: absolute;bottom: 0;width: 100%;text-align: center;}
	.portfolio_header .mask .inner .tag {margin-top: 10px;font-size: 15px;font-family:'Noto Sans';font-weight: 700}
	.portfolio_header .mask .inner .bar {background: #fff;height: 100px;width: 1px;margin: 20px auto 0}
	.portfolio_header video {
		height: 250px
	}
	
	.portfolio_over {background: #fff;overflow: hidden;padding: 120px 0;font-family: 'NOTO SANS KR';position: relative}
	.portfolio_over .work {margin-bottom: 80px;font-size: 13px}
	.portfolio_over .work .title {font-weight: 700;font-size: 18px;margin-bottom: 20px;color: #999;}
	.portfolio_over .overview .title {font-weight: 700;font-size: 18px;margin-bottom: 20px;margin-top: 5px}
	.portfolio_over .overview .bodytext {font-weight: 500;line-height: 1.4em;font-size: 15px}
	.ds_comment {background: #fff;overflow: hidden;color: #000;padding: 120px 0;font-family: 'NOTO SANS KR';position: relative}
	.ds_comment .title {font-weight: bold;font-size: 18px;margin-bottom: 40px}
	.ds_comment .text {font-size: 24px;font-weight: 500;line-height: 1.4em}
	
	.img_wrap {background: #000;overflow: hidden;color: #fff;padding: 60px 50px;text-align: center}
	.img_wrap .left {float: inherit;width: 100%;text-align: right}
	.img_wrap .right {float: inherit;width: 100%;text-align: left}
	.img_wrap img {max-width: 100%}
	.pr_text {margin:0 auto}
	.pr_text .simbol_line {margin: 0 auto 20px;background: #f7d300;width: 3px;height: 16px !important;position: relative;display: table;line-height: 16px}
	.pr_text .simbol_line:before {content: '';background: #f7d300;width: 3px;height: 16px !important;position: absolute;left: 6px;top:0;display: table}
	.pr_text .simbol_line:after {content: '';background: #f7d300;width: 3px;height: 16px !important;position: absolute;left: 12px;top:0;display: table}
	.pr_text .text {font-size: 20px;font-weight: 800;color: #000;letter-spacing: -.04em;line-height: 1.2em}
	
	.bgimg {height: 900px}
	
	/* WORKS E */
	
	/* CONTACT S */
	.contact_top {margin: 0 auto;position: relative;background: url('/images/contact/contact_visual.png') no-repeat;background-position: right;background-size: 800px;padding: 150px 0 50px}	
	.contact_top .contact_top_text {font-size: 42px;line-height: 1.1em;letter-spacing: -.03em;font-weight: 600;color: #fff;}
	.contact_top .contact_top_text .text1 {font-weight: 800;line-height: 1.2em}
	.contact_top .contact_top_text .text2 {-webkit-text-stroke:1px #fff; -webkit-text-fill-color:transparent;font-weight: 800;line-height: 1.2em}
	.contact_top .contact_top_text .text3 {color:#f7d300;font-weight: 800;font-family: 'Secular One';line-height: 1.2em}
	.contact_top .contact_top_text .text3 span {color: #fff}
		
	.info {margin-top: 80px;font-size: 16px;line-height: 1.4em;font-weight: 400;letter-spacing: -.01em;overflow: hidden}
	.info .c_us {float: inherit}
	.info .v_us {float: inherit;margin-left: 0;margin-top: 30px}
	.info .us .title {font-size: 20px;font-weight: 600;margin: 20px 0;}
	.info .us ul {margin-top: 20px}
	.info .us ul li {font-size: 14px;margin-bottom: 10px}
	.info .us ul li.eng {color: #8f8f8f}
	
	.info .instagram {float: inherit;margin-left: 0;padding-top:20px}
	.instagram a {color: #fff;font-family: 'Secular One';font-weight: 700;font-size: 20px;line-height: 1.4em;letter-spacing: -.01em;position: relative}
	.instagram a:before {content: '';position: absolute;bottom: -5px;height: 4px;background: #fff;width: 100%;z-index: -1;transition: width .2s ease-in-out;}
	.instagram a:after {content: '';position: absolute;bottom: -2px;height: 10px;background: transparent;width: 0;z-index: -1;transition: width .2s ease-in-out;left: 0}
	.instagram:hover a:before {width:0%;}
	.instagram:hover a:after {
		-webkit-transition: width .2s ease-in-out;
		-moz-transition: width .2s ease-in-out;
		-o-transition: width .2s ease-in-out;
		transition: width .2s ease-in-out;
		width:100%;
		background: #f7d300;
	}
	
	
	.contact_map {background: url(../../images/contact/contact_map.png) no-repeat;height: 310px;background-position: center center;background-size:1000px;position: relative;margin: 0 auto 50px}
	.contact_map .go_map {position: absolute;bottom: 0;left: 5%}
	.go_map a {color: #fff;font-weight: 700;font-size: 15px;line-height: 1.4em;letter-spacing: -.01em;position: relative}
	.go_map a:before {content: '';position: absolute;bottom: -5px;height: 4px;background: #fff;width: 100%;z-index: -1;transition: width .2s ease-in-out;}
	.go_map a:after {content: '';position: absolute;bottom: -2px;height: 10px;background: transparent;width: 0;z-index: -1;transition: width .2s ease-in-out;left: 0}
	.go_map:hover a:before {width:0%;}
	.go_map:hover a:after {
		-webkit-transition: width .2s ease-in-out;
		-moz-transition: width .2s ease-in-out;
		-o-transition: width .2s ease-in-out;
		transition: width .2s ease-in-out;
		width:100%;
		background: #f7d300;
	}
	/* CONTACT E */
}