@import "global.css";

@media screen and (max-width: 750px){
	.hideMobile{
		display: none;
	}
	.mylogo {
		width: 100%;
		height: auto;
		max-width: 55px !important;
	}
		.footlogo {
		width: 100%;
		margin-bottom: 10px;
		height: auto;
		max-width: 175px !important;
	}

}
.mylogo {
	width: 100%;
	height: auto;
	max-width: 40px;
}
.footlogo {
	width: 100%;
	height: auto;
	max-width: 190px;
}
/* common style */
html.fixed {width: 100%; height: 100%; position: fixed; left: 0;}
html.gnbOpen {width: 100%; height: 100%; position: fixed; left: 0;}

label.rdo {display: inline-block; position: relative; padding-left: 24px;}
label.rdo input {width: 1px; height: 1px; position: absolute; top: 5px; left: 0; opacity: 0; cursor: pointer;}
label.rdo span {display: block;}
label.rdo span:before {display: block; content: ''; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; margin: -8px 0 0; background: url(../images/rdo.png) 0 0 no-repeat;}
label.rdo input:checked + span:before {background-position: 0 -16px;}

label.chk {display: inline-block; position: relative; padding-left: 24px;}
label.chk input {width: 1px; height: 1px; position: absolute; top: 5px; left: 0; opacity: 0; cursor: pointer;}
label.chk span {display: block;}
label.chk span:before {display: block; content: ''; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; margin: -8px 0 0; background: url(../images/chk.png) 0 0 no-repeat;}
label.chk input:checked + span:before {background-position: 0 -16px;}

.btn_wrap {width: 100%; overflow: hidden; text-align: center;}
.btn_wrap a {float: left; margin-left: 10px;}
.btn_wrap a:first-child {margin-left: 0px;}
.btn_wrap input {float: left; margin-left: 10px;}
.btn_wrap input:first-child {margin-left: 0px;}
.btn_wrap button {float: left; margin-left: 10px;}
.btn_wrap button:first-child {margin-left: 0px;}

.btn40 {display: inline-block; height: 40px; border: none; font-weight: 700; font-size: 14px; line-height: 38px; text-align: center; vertical-align: top; cursor: pointer; outline: none; box-sizing: border-box; border-radius: 0; -webkit-appearance: none; appearance: none;}
.btn40.black {border: 1px solid #000000; background: #ffffff; color: #000000;}
.btn40.white {border: 1px solid #000000; background: #ffffff; color: #000000;}

/* loader */
#loader-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #ffffff; transition: opacity 2s, top 0.01s 2s;}
.loaded #loader-wrapper {opacity: 0; top: -9999em;}

/* layer popup */
.layer_outer {display: table; table-layout: fixed; position: fixed; top: -100%; right: -100%; bottom: -100%; left: -100%; width: 300%; height: 300%; background: rgba(0, 0, 0, 0.6); z-index: 100; opacity: 0;}
.layer_inner {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.layer_boxed {display: inline-block; position: relative; text-align: left; background: #ffffff;}

/* load motion */
.n-motion {opacity: 0; transition-property: all; transition-duration: 0.6s;}

.n-delay1 {transition-delay: 0.1s;}
.n-delay2 {transition-delay: 0.2s;}
.n-delay3 {transition-delay: 0.3s;}
.n-delay4 {transition-delay: 0.4s;}
.n-delay5 {transition-delay: 0.5s;}
.n-delay6 {transition-delay: 0.6s;}
.n-delay7 {transition-delay: 0.7s;}
.n-delay8 {transition-delay: 0.8s;}
.n-delay9 {transition-delay: 0.9s;}

.n-motion.n-left {transform: translateX(-50px);}
.n-motion.n-right {transform: translateX(50px);}
.n-motion.n-top {transform: translateY(-50px);}
.n-motion.n-bottom {transform: translateY(50px);}
.n-motion.n-spin {transform: rotate(180deg);}

.n-motion.n-active {opacity: 1;}

.n-motion.n-left.n-active {transform: translateX(0);}
.n-motion.n-right.n-active {transform: translateX(0);}
.n-motion.n-top.n-active {transform: translateY(0);}
.n-motion.n-bottom.n-active {transform: translateY(0);}
.n-motion.n-spin.n-active {transform: rotate(0deg);}

/* lazy load */
.lazy-hidden {opacity: 0;}
.lazy-loaded {transition: all 0.3s; opacity: 1;}

/* style start */
body {background: #ffffff;}

#wrap {width: 100%; min-width: 1140px; position: relative; overflow: hidden;}

#header {width: 100%; position: relative; z-index: 100;}
#header .header_inner {width: 1140px; height: 116px; margin: 0 auto; position: relative;}
#header .header_inner .logo {position: absolute; top: 40px; left: 0;}
#header .header_inner .logo a {display: block; width: 402px; height: 36px; }
#header .header_inner .gnb_open {display: none;}
#header .header_inner .gnb {position: absolute; top: 38px; right: 0;}
#header .header_inner .gnb .gnb_close {display: none;}
#header .header_inner .gnb ul {display: inline-block;}
#header .header_inner .gnb ul li {float: left; margin: 0 0 0 40px;}
#header .header_inner .gnb ul li:first-child {margin: 0;}
#header .header_inner .gnb ul li a {display: block; font-family:'Muli' !important; font-weight:500; font-size: 18px; line-height: 40px; color: #000000; position: relative;}
#header .header_inner .gnb ul li a:before {display: block; content: ''; width: 4px; height: 4px; position: absolute; top: 39px; left: 0; margin: 0 0 0 -2px; background: #ffffff; border-radius: 100%; opacity: 0; transition: all .3s;}
#header .header_inner .gnb ul li a:after {display: block; content: ''; width: 4px; height: 4px; position: absolute; top: 39px; right: 0; margin: 0 -2px 0 0; background: #ffffff; border-radius: 100%; opacity: 0; transition: all .3s;}
#header .header_inner .gnb ul li a:hover:before {left: 50%; opacity: 1;}
#header .header_inner .gnb ul li a:hover:after {right: 50%; opacity: 1;}
#header .header_inner .gnb ul li.util {display: none;}

#main {width: 1140px; padding: 0 0 120px; margin: -116px auto 0;}

#main .main_visual {height: 720px; margin: 0 -710px; overflow: hidden; position: relative;}
#main .main_visual .swiper-wrapper {transition-timing-function: ease-in-out; cursor: -webkit-grab;}
#main .main_visual .swiper-wrapper .swiper-slide {text-align: center;}
#main .main_visual .swiper-wrapper .swiper-slide a {display: block;}
#main .main_visual .swiper-wrapper .swiper-slide iframe {width: 2560px; height: 720px;}
#main .main_visual .swiper-wrapper .swiper-slide .m {display: none;}
#main .main_visual .swiper-pagination {width: auto; left: auto; right: 50%; bottom: 20px; margin: 0 -570px 0 0; z-index: 12;}
#main .main_visual .swiper-pagination .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 0 0 10px; background: #ffffff; position: relative;}
#main .main_visual .swiper-pagination .swiper-pagination-bullet:first-child {margin: 0;}
#main .main_visual .swiper-pagination .swiper-pagination-bullet:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff; opacity: 0; border-radius: 100%;}
#main .main_visual .swiper-pagination .swiper-pagination-bullet-active:before {top: 0; right: 0; bottom: 0; left: 0; opacity: 1; transition: all .4s;}
#main .main_visual:after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 360px; background: url(../images/mainvisual_shadow.png) 0 0 repeat-x; z-index: 99;}

#main .main_greeting {padding: 42px 0 0; position: relative; z-index: 10;}
#main .main_greeting .tit {display: block; margin: 0 0 36px;}
#main .main_greeting .tit p {font-family: 'Muli'; font-weight: 700; font-size: 48px; line-height: 52px; color: #000000;}
/*#main .main_greeting .tit p:first-child {margin: 0;}
#main .main_greeting .tit p span {display: block; position: relative; z-index: 1;}
#main .main_greeting .tit p:last-child span {padding: 0 40px 0 0; background: url(../images/circle_arr_right.png) right 36px no-repeat; background-size: 20px 20px;}*/
#main .main_greeting .txt {font-family: 'Muli'; font-weight: 400; font-size: 20px; line-height: 26px; color: #aaaaaa;}

.sechead {display: inline-block; width: 100%; margin: 0 0 30px; position: relative;}
.sechead .tit {float: left; font-family: 'Muli';  font-size: 32px; color: #000000;}
.sechead > .txt {width: 100%; float: left; margin: 12px 0 5px; font-weight: 400; font-size: 16px; color: #000000;}
.sechead .more {display: block; width: 20px; height: 20px; background: url(../images/circle_arr_right.png) 0 0 no-repeat; background-size: 20px 20px; position: absolute; top: 50%; right: 0; margin: -10px 0 0; text-indent: -9999px;}
.sechead .view_share {position: absolute; top: 15px; right: 0;}

#main .sechead {margin: 0 0 18px;}

#main .main_work {margin: 104px 0 0;}

.worklist {}
.worklist ul {overflow: hidden;}
.worklist ul li {width: 380px; float: left;}
.worklist ul li a.link {display: block; width: 380px; height: 380px; position: relative; overflow: hidden;}
.worklist ul li a.link:before {display: block; content: ''; width: 380px; height: 190px; background: url(../images/worklist_shadow.png) 0 0 ; position: absolute; top: 0; left: 0; opacity: 0; transition: all .2s; z-index: 1;}
.worklist ul li a.link .imgs {}
.worklist ul li a.link .imgs .img {
    width: 1141px;
	height: 390px;
    /*margin: 0 0 0 -171px;*/
    transition: all 0.2s;
    max-width: 100%;
}
.worklist ul li a.link .info {width: 100%; height: 100%; padding: 25px 30px; box-sizing: border-box; position: absolute; top: 0; left: 0; transition: all .2s; z-index: 2; opacity: 0;}
.worklist ul li a.link .info .tit {font-family: 'Muli', 'NanumSquare'; font-weight: normal; font-size: 20px; color: #ffffff; position: relative;}
.worklist ul li a.link .info .txt {font-family: 'Muli', 'NanumSquare'; font-weight: 700; font-size: 16px; color: #dddddd; position: relative;}

.worklist ul li a.more {display: block; width: 380px; height: 380px; position: relative; overflow: hidden; background: #ffffff;}
.worklist ul li a.more:befor.worklist ul li a.link .imgs .imge {display: block; content: ''; width: 1px; height: 60px; background: #ffffff; position: absolute; top: 160px; left: 190px; transition: all .45s;}
.worklist ul li a.more:after {display: block; content: ''; width: 60px; height: 1px; background: #ffffff; position: absolute; top: 190px; left: 160px; transition: all .45s;}

.worklist ul li a.link:hover:before {opacity: 1;}
.worklist ul li a.link:hover .imgs .img {transform: scale(1.1);}
.worklist ul li a.link:hover .info {opacity: 1;}

.worklist ul li a.more:hover:before {transform: rotate(180deg);}
.worklist ul li a.more:hover:after {transform: rotate(360deg);}

#main .main_insight {margin: 108px 0 0;}

.insight_swiper .swiper-slide {overflow: hidden;}
.insight_swiper .swiper-slide a {display: block;}
.insight_swiper .swiper-slide a .img {width: 1083px; height: 570px; margin: 0 0 0 -256px; transition: all .35s;}
.insight_swiper .swiper-slide a .info {display: table; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.insight_swiper .swiper-slide a .info .cell {display: table-cell; width: 570px; height: 570px; text-align: center; vertical-align: middle;}
.insight_swiper .swiper-slide a .info .cell .tit {font-family: 'Muli';  font-size: 20px; line-height: 26px; color: #fff;}
.insight_swiper .swiper-slide a .info .cell .txt {font-family: 'Muli'; font-weight: 400; font-size: 24px; color: #000000;}
.insight_swiper .swiper-pagination {bottom: 30px; left: 50%; transform: translateX(-50%);}
.insight_swiper .swiper-pagination .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 0 0 10px; background: #ffffff; opacity: 0.3; transition: all .3s;}
.insight_swiper .swiper-pagination .swiper-pagination-bullet:first-child {margin: 0;}
.insight_swiper .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}

.insight_swiper .swiper-slide a:hover .img {transform: scale(1.1);}

#main .main_news {margin: 108px 0 0;}
#main .main_news .main_newslist {overflow: hidden;}
#main .main_news .main_newslist li {width: 550px; margin: 0 0 0 40px; float: left;}
#main .main_news .main_newslist li:first-child {margin: 0;}
#main .main_news .main_newslist li a {display: block; height: 200px; padding: 0 0 0 230px; position: relative;}
#main .main_news .main_newslist li a .imgs {width: 200px; height: 200px; position: absolute; top: 0; left: 0; overflow: hidden;}
#main .main_news .main_newslist li a .imgs .img {height: 200px; margin: 0 0 0 0px; transition: all .2s;}
#main .main_news .main_newslist li a .imgs:after {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(255 255 255 / 50%);}
#main .main_news .main_newslist li a .info {padding: 32px 0 0; border-top: 1px solid #54555a;}
#main .main_news .main_newslist li a .info .tit {font-family: 'Muli'; font-weight: 700; font-size: 20px; color: #000000;}
#main .main_news .main_newslist li a .info .txt {font-weight: 400; font-size: 20px; color: #000000;}
#main .main_news .main_newslist li a .info .date {margin: 46px 0 0; font-family: 'Muli'; font-weight: 400; font-size: 16px; color: #54555a;}

#main .main_news .main_newslist li a:hover .imgs .img {transform: scale(1.1);}

#footer {}
#footer .footer_inner {width: 1140px; padding: 60px 0 58px; margin: 0 auto; overflow: hidden; border-top: 1px solid #54555a;}
#footer .footer_inner .left {width: 570px; float: left;}
#footer .footer_inner .left .top {}
#footer .footer_inner .left .top .ft_logo {display: block; width: 318px; height: 36px; background: url(../images/ft_logo2.png) 0 0 no-repeat;}
#footer .footer_inner .left .top .ft_sns {margin: 40px 0 0; overflow: hidden;}
#footer .footer_inner .left .top .ft_sns li {float: left; margin: 0 0 0 10px;}
#footer .footer_inner .left .top .ft_sns li:first-child {margin: 0;}
#footer .footer_inner .left .top .ft_sns li a {display: block; border-radius: 100%; position: relative; overflow: hidden;}
#footer .footer_inner .left .top .ft_sns li a img {width: 30px; height: 30px; position: relative; z-index: 1;}
#footer .footer_inner .left .top .ft_sns li a:before {display: block; content: ''; position: absolute; top: 28px; right: 2px; bottom: 2px; left: 2px; transition: all .3s;}
#footer .footer_inner .left .top .ft_sns li a:hover:before {top: 2px;}
#footer .footer_inner .left .top .ft_sns li.f a:before {background: #3b5998;}
#footer .footer_inner .left .top .ft_sns li.i a:before {background: #d6267c;}
#footer .footer_inner .left .top .ft_sns li.b a:before {background: #00c73c;}
#footer .footer_inner .left .copyright {margin: 68px 0 0; font-family: 'Muli'; font-weight: 400; font-size: 14px; color: #7b7c81;}

#footer .footer_inner .right {width: 570px; float: right;}
#footer .footer_inner .right .kor {width: 243px; padding: 6px 0 0; float: left;}
#footer .footer_inner .right .chi {width: 243px; padding: 6px 0 0; float: right;}
#footer .footer_inner .right .tit {margin: 0 0 32px; font-family: 'Muli'; font-weight: 700; font-size: 22px; color: #000000;}
#footer .footer_inner .right .addr1 {margin: 0 0 40px; font-family: 'Muli'; font-weight: 400; font-size: 14px; color: #7b7c81; white-space: nowrap;}
#footer .footer_inner .right .addr2 {font-family: 'Muli'; font-weight: 400; font-size: 14px; color: #7b7c81;}

#contents {width: 1140px; padding: 90px 0 120px; margin: 0 auto;}

.sechead .work_cate_wrap {}
.sechead .work_cate_wrap .depth1 {padding: 0 48px 0 0; position: absolute; top: 0; right: 0;}
.sechead .work_cate_wrap .depth1 .list {overflow: hidden;}
.sechead .work_cate_wrap .depth1 .list li {float: left; margin: 0 0 0 30px;}
.sechead .work_cate_wrap .depth1 .list li:first-child {margin: 0;}
.sechead .work_cate_wrap .depth1 .list li a {font-family: 'Muli'; font-weight: 400; font-size: 16px; line-height: 48px; color: #000000;}
.sechead .work_cate_wrap .depth1 .list li.on a {font-weight: 700;}
.sechead .work_cate_wrap .depth1 .depth_open {display: block; width: 20px; height: 20px; background: url(../images/circle_arr_down.png) 0 0 no-repeat; background-size: 20px 20px; position: absolute; top: 15px; right: 0; text-indent: -9999px;}

.sechead .work_cate_wrap .depth2 {width: 100%; height: 0; overflow: hidden; transition: height .4s, padding .4s, margin .4s;}
.sechead .work_cate_wrap .depth2 .list {width: 630px; margin: 0 -30px 0 0; float: right;}
.sechead .work_cate_wrap .depth2 .list li {float: left; margin: 0 30px 0 0; position: relative; opacity: 0; transform: translateX(25px); transition-property: all; transition-duration: .3s;}
.sechead .work_cate_wrap .depth2 .list li:after {display: block; content: ''; width: 1px; height: 15px; background: #333333; transform: rotate(15deg); position: absolute; top: 8px; right: -15px;}
.sechead .work_cate_wrap .depth2 .list li a {font-family: 'Muli'; font-weight: 400; font-size: 16px; line-height: 28px; color: #777777;}
.sechead .work_cate_wrap .depth2 .list li.on a {color: #000000;}
.sechead .work_cate_wrap .depth2 .list li:last-child:after {display: none;}

.sechead .work_cate_wrap.open .depth1 .depth_open {transform: rotate(180deg);}

.sechead .work_cate_wrap.open .depth2 {height: 84px; padding: 0 0 25px; margin: 88px 0 0;}
.sechead .work_cate_wrap.open .depth2 .list li {opacity: 1; transform: translateX(0);}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(1) {transition-delay: 0s;}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(2) {transition-delay: 0.02s;}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(3) {transition-delay: 0.04s;}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(4) {transition-delay: 0.06s;}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(5) {transition-delay: 0.08s;}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(6) {transition-delay: 0.10s;}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(7) {transition-delay: 0.12s;}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(8) {transition-delay: 0.14s;}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(9) {transition-delay: 0.16s;}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(10) {transition-delay: 0.18s;}
.sechead .work_cate_wrap.open .depth2 .list li:nth-child(11) {transition-delay: 0.20s;}

.list_more_wrap {margin: 100px 0 0; text-align: center;}
.list_more_wrap .list_more {display: inline-block; width: 60px; height: 60px; position: relative; text-indent: -9999px;}
.list_more_wrap .list_more:before {display: block; content: ''; width: 1px; height: 100%; position: absolute; left: 30px; top: 0; background: #ffffff; transition: all .45s;}
.list_more_wrap .list_more:after {display: block; content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 30px; background: #ffffff; transition: all .45s;}

.list_more_wrap .list_more:hover:before {transform: rotate(180deg);}
.list_more_wrap .list_more:hover:after {transform: rotate(360deg);}

.workview {}
.workview .titarea {display: inline-block; width: 100%; height: 48px; padding: 13px 0; margin: 0 0 13px; position: relative; z-index: 50; background: rgba(0,0,0,0.8);}
.workview .titarea .inner {position: relative; width: 1140px; margin: 0 auto;}
.workview .titarea .tit {float: left; font-family: 'Muli'; font-weight: 700; font-size: 32px; color: #000000;}
.workview .titarea .brand {float: left; font-family: 'Muli', 'NanumSquare'; font-weight: 700; font-size: 32px; color: #000000;}
.workview .titarea .company {float: left; margin: 0 0 0 20px;}
.workview .titarea .company span {display: inline-block; margin: 16px 0 0; font-family: 'Muli'; font-size: 16px; color: #777777;}
.workview .titarea .company strong {display: inline-block; margin: 18px 0 0; font-family: 'NanumSquare'; font-size: 16px; color: #777777;}
.workview .titarea .view_share {position: absolute; top: 15px; right: 0;}

.workview.fixed {padding: 87px 0 0;}
.workview.fixed .titarea {position: fixed; top: 0; left: 0; margin: 0;}
.workview.fixed .titarea .inner {}

.view_share {}
.view_share .share {float: left; position: relative;}
.view_share .share .sns_open {display: block; width: 20px; height: 20px; background: url(../images/btn_share.png) 0 0 no-repeat; text-indent: -9999px; background-size: 20px 20px;}
.view_share .share .sns {width: 50px; position: absolute; top: 0; right: -9999px;}
.view_share .share .sns li {margin: 0 0 0 10px; float: left;}
.view_share .share .sns li:first-child {margin: 0;}
.view_share .share .sns li a {display: block; width: 20px; height: 20px; overflow: hidden; position: relative;}
.view_share .share .sns li a img {width: 20px; height: 20px; position: relative; z-index: 1;}
.view_share .share .sns li.f a {background: url(../images/sns_facebook3.png) 0 0 no-repeat;}
.view_share .share .sns li.b a {background: url(../images/sns_blog3.png) 0 0 no-repeat;}
.view_share .btn_list {display: block; width: 20px; height: 20px; float: left; margin: 0 0 0 10px; text-indent: -9999px; background: url(../images/btn_list2.png) 0 0 no-repeat;}

.view_share .share.open .sns {right: 0;}
.view_share .share.open .sns li a {transition: all .3s;}


.workview .toparea {}
.workview .toparea .visual {position: relative;}
.workview .toparea .visual:after {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.2);}
.workview .toparea .visual img {width: 100%;}
.workview .toparea .visual .intro {width: 100%; font-family: 'Muli'; font-weight: 400; font-size: 40px; color: #000000; position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center; z-index: 1;}

.workview .toparea .content {width: 100%; margin: 72px 0 0; overflow: hidden;}
.workview .toparea .content .scope {width: 420px; float: left;}
.workview .toparea .content .scope dl {}
.workview .toparea .content .scope dl dt {margin: 0 0 10px; font-family: 'Muli'; font-weight: 700; font-size: 16px; color: #000000;}
.workview .toparea .content .scope dl dd {font-family: 'Muli'; font-size: 16px; line-height: 22px; color: #777777;}
.workview .toparea .content .info {width: 720px; float: right;}
.workview .toparea .content .info .tit {margin: 0 0 28px; font-weight: 400; font-size: 32px; line-height: 44px; color: #000000;}
.workview .toparea .content .info .txt {font-weight: 400; font-size: 16px; color: #aaaaaa;}

.workview .conarea {margin: 146px 0 0;}
.workview .conarea .imgbox {margin: 10px 0 0;}
.workview .conarea .imgbox img {width: 100%;}
.workview .conarea .txtbox {padding: 0 0 0 0px; margin: 54px 0 0;}
.workview .conarea .txtbox + .imgbox {margin: 142px 0 0;}
.workview .conarea .txtbox .txt {}
.workview .conarea .txtbox .txt .kor {font-weight: 400; font-size: 16px; line-height: 30px; color: #aaaaaa;}
.workview .conarea .txtbox .txt .chn {font-size: 16px; line-height: 30px; color: #aaaaaa;}
.workview .conarea .txtbox .txt .eng {margin: 20px 0 0; font-family: 'Muli'; font-weight: 400; font-size: 16px; line-height: 30px; color: #aaaaaa;}

.workview .proarea {padding: 62px 0 0; margin: 142px 0 0; border-top: 1px solid #54555a;}
.workview .proarea .head {margin: 0 0 20px;}
.workview .proarea .head .tit {font-family: 'Muli'; font-weight: 700; font-size: 24px; color: #000000;}

.newslist {}
.newslist ul {}
.newslist ul li {margin: 20px 0 0;}
.newslist ul li:first-child {margin: 0;}
.newslist ul li a {display: block; height: 285px; padding: 0 0 0 325px; position: relative;}
.newslist ul li a .imgs {width: 285px; height: 285px; position: absolute; top: 0; left: 0; overflow: hidden;}
.newslist ul li a .imgs .img {
    /*width: 542px; height: 285px; margin: 0 0 0 -128px;*/
    transition: all 1s;}
.newslist ul li a .info {padding: 65px 0 0; border-top: 1px solid #54555a;}
.newslist ul li a .info .brand {margin: 0 0 5px; font-family: 'Muli'; font-weight: 700; font-size: 24px; color: #000000;}
.newslist ul li a .info .txt {height: 72px; margin: 0 0 12px; font-weight: 400; font-size: 24px; color: #000000; overflow: hidden;}
.newslist ul li a .info .date {font-family: 'Muli'; font-size: 16px; color: #777777;}

.newslist ul li a:hover .imgs .img {transform: scale(1.1);}

.newsview {}
.newsview .titarea {display: inline-block; width: 100%; height: 48px; padding: 13px 0; margin: 0 0 13px; position: relative; z-index: 50; background: rgba(0,0,0,0.8);}
.newsview .titarea .inner {position: relative; width: 1140px; margin: 0 auto;}
.newsview .titarea .tit {float: left; font-family: 'Muli'; font-weight: 700; font-size: 32px; color: #000000;}
.newsview .titarea .brand {float: left; font-family: 'Muli'; font-weight: 700; font-size: 32px; color: #000000;}
.newsview .titarea .company {float: left; margin: 0 0 0 20px;}
.newsview .titarea .company span {display: inline-block; margin: 16px 0 0; font-family: 'Muli'; font-size: 16px; color: #777777;}
.newsview .titarea .company strong {display: inline-block; margin: 18px 0 0; font-family: 'NanumSquare'; font-size: 16px; color: #777777;}
.newsview .titarea .view_share {position: absolute; top: 15px; right: 0;}

.newsview.fixed {padding: 87px 0 0;}
.newsview.fixed .titarea {position: fixed; top: 0; left: 0;}
.newsview.fixed .titarea .inner {}

.newsview .imgbox {margin: 0 0 72px;}
.newsview .imgbox img {width: 100%;}

.newsview .txtbox {padding: 0 0 0 0px; position: relative;margin-top: 10px;}
.newsview .txtbox .brand {font-family: 'Muli'; font-weight: 700; font-size: 24px; color: #000000;}
.newsview .txtbox .tit {margin: 1px 0 0; font-weight: 400; font-size: 32px; color: #000000;}
.newsview .txtbox .date { font-family: 'Muli'; font-size: 16px; color: #777777;}
.newsview .txtbox .txt {margin: 65px 0 0; font-weight: 400; font-size: 16px; line-height: 30px; color: #aaaaaa;}

.about_head {}
.about_head .imgbox {display: table; width: 100%; background: url(../images/about_head.jpg) center center no-repeat; background-size: 130%; transition: all 3s;}
.about_head .imgbox .cell {display: table-cell; width: 100%; height: 600px; text-align: center; vertical-align: middle;}
.about_head .imgbox .cell .inner {padding: 0 0 32px; position: relative;}
/*.about_head .imgbox .cell .inner:after {display: block; content: ''; width: 30px; height: 1px; background: #ffffff; position: absolute; left: 50%; bottom: 5px; margin: 0 0 0 -15px; opacity: 0; transform: translateY(20px);}*/
.about_head .imgbox .cell .inner .year {font-family: 'Muli'; font-weight: 400; font-size: 84px; line-height: 110px; color: #000000; opacity: 0; transition: all 3s;}
.about_head .imgbox .cell .inner .txt {position: absolute; left: 0; bottom: 0; width: 100%; font-family: 'Muli'; font-size: 20px; color: #000000; opacity: 0; transform: translateY(20px);}
.about_head .imgbox .cell .inner .txt2 {position: absolute; left: 0; bottom: 0; width: 100%; font-family: 'Muli'; font-size: 20px; color: #000000; opacity: 0; transform: translateY(20px);}
.about_head .imgbox .cell .inner .txt3 {position: absolute; left: 0; bottom: 0; width: 100%; font-family: 'Muli'; font-size: 20px; color: #000000; opacity: 0; transform: translateY(20px);}

.about_head .imgbox.active {background-size: 100%;}
.about_head .imgbox.active .cell .inner .year {opacity: 1;}
.about_head .imgbox.active .cell .inner .txt {opacity: 1; transform: translateY(0); transition: all 3s;}

.about_head .imgbox.active.active2 .cell .inner .txt {opacity: 0; transform: translateY(20px); transition: all 1s;}
.about_head .imgbox.active.active2 .cell .inner .txt2 {opacity: 1; transform: translateY(0); transition: all 1s;}

.about_head .imgbox.active.active2.active3 .cell .inner .txt2 {opacity: 0; transform: translateY(20px); transition: all 1s;}
.about_head .imgbox.active.active2.active3 .cell .inner .txt3 {opacity: 1; transform: translateY(0); transition: all 1s;}
/*.about_head .imgbox.active.active2.active3 .cell .inner:after {opacity: 1; transform: translateY(0); transition: all 1s;}*/

.about_head .txtbox {padding: 0 0 0 570px; margin: 68px 0 0; position: relative;}
.about_head .txtbox .tit {font-family: 'Muli'; font-weight: 700; font-size: 48px; line-height: 58px; color: #000000; position: absolute; top: 0; left: 0;}
.about_head .txtbox .txt {padding: 5px 0 0;}
.about_head .txtbox .txt .kor {font-weight: 400; font-size: 18px; line-height: 32px; color: #aaaaaa;}
.about_head .txtbox .txt .kor p {margin: 16px 0 0;}
.about_head .txtbox .txt .kor p:first-child {margin: 0;}
.about_head .txtbox .txt .eng {margin: 27px 0 0; font-family: 'Muli'; font-size: 18px; line-height: 26px; color: #aaaaaa;}
.about_head .txtbox .txt .eng p {margin: 15px 0 0;}
.about_head .txtbox .txt .eng p:first-child {margin: 0;}

.about_how {margin: 132px 0 0;}
.about_how .hgroup {margin: 0 0 38px;}
.about_how .hgroup .tit {font-family: 'Muli'; font-weight: 700; font-size: 40px; color: #000000;}
.about_how .how_we_work {margin: 0 0 98px;}
.about_how .how_we_work .swiper-wrapper {margin: 0 -30px 0 0;}
.about_how .how_we_work .swiper-wrapper .swiper-slide {width: 204px; margin: 0 30px 0 0; float: left;}
.about_how .how_we_work .swiper-wrapper .swiper-slide .num {padding: 0 0 12px; font-family: 'Muli'; font-weight: 700; font-size: 16px; color: #000000; border-bottom: 1px solid #ffffff;}
.about_how .how_we_work .swiper-wrapper .swiper-slide .tit {margin: 24px 0 0; font-family: 'Muli'; font-weight: 700; font-size: 24px; line-height: 32px; color: #000000;}
.about_how .how_we_work .swiper-wrapper .swiper-slide .txt {margin: 17px 0 0; font-weight: 400; font-size: 16px; line-height: 26px; color: #000000;}
.about_how .how_we_work .swiper-wrapper .swiper-slide .eng {padding: 17px 0 0; margin: 47px 0 0; position: relative; font-size: 14px; line-height: 20px; color: #aaaaaa;}
.about_how .how_we_work .swiper-wrapper .swiper-slide .eng:before {display: block; content: ''; width: 40px; height: 1px; background: #aaaaaa; position: absolute; top: 0; left: 0;}
.about_how .how_we_work .swiper-pagination {display: none;}

.about_what {margin: 136px 0 0;}
.about_what .hgroup {margin: 0 0 44px;}
.about_what .hgroup .tit {font-family: 'Muli'; font-weight: 700; font-size: 40px; color: #000000;}
.about_what .what_list {margin: 0 -40px 0 0; overflow: hidden;}
.about_what .what_list .half {float: left; width: 550px; margin: 0 40px 0 0; border-top: 1px solid #54555a;}
.about_what .what_list .half li {padding: 31px 30px 31px 0; border-bottom: 1px solid #54555a; transition: all .1s; position: relative; cursor: pointer;}
.about_what .what_list .half li:after {display: block; content: ''; width: 20px; height: 20px; background: url(../images/circle_arr_down.png) 0 0 no-repeat; background-size: 20px; position: absolute; top: 50%; right: 0; margin: -10px 0 0;}
.about_what .what_list .half li .tit {font-family: 'Muli'; font-weight: 700; font-size: 24px; color: #000000;}
.about_what .what_list .half li .txt {height: 0; font-family: 'Muli'; font-size: 16px; line-height: 22px; color: #aaaaaa; overflow: hidden;}

.about_what .what_list .half li.open {padding: 31px 30px 37px 0;}
.about_what .what_list .half li.open:after {transform: rotate(180deg);}
.about_what .what_list .half li.open .txt {margin: 26px 0 0; height: auto;}

.about_global {margin: 138px 0 0;}
.about_global .hgroup {margin: 0 0 44px;}
.about_global .hgroup .tit {font-family: 'Muli'; font-weight: 700; font-size: 40px; color: #000000;}
.about_global .people_list {margin: 0 0 77px; overflow: hidden;}
.about_global .people_list li {width: 380px; float: left;}
.about_global .people_list li .imgs {}
.about_global .people_list li .imgs img {width: 380px; height: 380px;}
.about_global .people_list li .info {padding: 31px 0 0;}
.about_global .people_list li .info .name {margin: 0 0 6px; font-family: 'Muli'; font-weight: 700; font-size: 24px; color: #000000;}
.about_global .people_list li .info .sub {margin: 0 0 44px; font-family: 'Muli'; font-size: 14px; color: #000000;}
.about_global .people_list li .info .txt {font-family: 'Muli'; font-size: 14px; color: #aaaaaa;}

.about_global .magnet {padding: 80px 0 0 380px; border-top: 1px solid #54555a; position: relative;}
.about_global .magnet .imgs {position: absolute; top: 80px; left: 0;}
.about_global .magnet .imgs img {}
.about_global .magnet .info {}
.about_global .magnet .info .tit {margin: 0 0 8px; font-family: 'Muli'; font-weight: 700; font-size: 24px; color: #000000;}
.about_global .magnet .info .sub {margin: 0 0 50px; font-family: 'Muli'; font-size: 14px; color: #000000;}
.about_global .magnet .info .kor {margin: 0 0 20px; font-weight: 400; font-size: 18px; color: #aaaaaa;}
.about_global .magnet .info .eng {font-size: 14px; line-height: 22px; color: #aaaaaa;}

.booklist {}
.booklist ul {}
.booklist ul li {margin: 20px 0 0; position: relative; height: 375px; padding: 0 0 0 415px;}
.booklist ul li:first-child {margin: 0;}
.booklist ul li .imgs {width: 375px; height: 375px; background: #2c2f34; position: absolute; top: 0; left: 0;}
.booklist ul li .imgs .img {width: 205px; height: 295px; position: absolute; top: 40px; left: 85px;}
.booklist ul li .info {padding: 52px 0 0; border-top: 1px solid #54555a;}
.booklist ul li .info .tit {margin: 0 0 20px; font-weight: 400; font-size: 24px; color: #000000;}
.booklist ul li .info .wrt {overflow: hidden; margin: 0 0 40px;}
.booklist ul li .info .wrt span {display: block; float: left; position: relative; margin: 0 21px 0 0; font-weight: 400; font-size: 14px; color: #dddddd;}
.booklist ul li .info .wrt span:after {display: block; content: ''; width: 1px; height: 13px; background: #777777; position: absolute; top: 4px; right: -10px;}
.booklist ul li .info .wrt span:last-child {margin: 0;}
.booklist ul li .info .wrt span:last-child:after {display: none;}
.booklist ul li .info .txt {overflow: hidden; height: 150px; font-weight: 400; font-size: 16px; line-height: 30px; color: #777777;}

.contact {}
.contact section {position: relative; height: 430px; padding: 0 0px 0 0; margin: 60px 0 0;}
.contact section:first-child {margin: 0;}
.contact section .infobox {padding: 32px 0 0;}
.contact section .infobox .tit {margin: 0 0 67px; font-family: 'Muli'; font-weight: 700; font-size: 20px; color: #000000;}
.contact section .infobox .maparea {position: absolute; top: 0; right: 0; background: #333333;}
.contact section .infobox .maparea a {display: block;}
.contact section .infobox .address {margin: 0 0 23px; font-family: 'Muli'; font-size: 14px; line-height: 22px; color: #000000;}
.contact section .infobox .tel {margin: 0 0 42px; font-family: 'Muli'; font-size: 14px; color: #000000; text-decoration: underline;}
.contact section .infobox .mail {margin: 0 0 20px;}
.contact section .infobox .mail:last-child {margin: 0;}
.contact section .infobox .mail dt {margin: 0 0 6px; font-family: 'Muli'; font-weight: 700; font-size: 14px; color: #777777;}
.contact section .infobox .mail dd {font-family: 'Muli'; font-size: 14px; color: #777777;}

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

	#loader img {transform: scale(3);}

	#wrap {width: 750px; min-width: 750px;}

	#header .header_inner {width: 100%; height: 120px;}
	#header .header_inner .logo {top: 40px; left: 30px;}
	#header .header_inner .logo a {
		/*width: 402px; height: 46px; */
		/*background: url(../images/logo.png) 0 0 no-repeat;*/
	}

	#header .header_inner .gnb_open {display: block; width: 60px; height: 60px; position: absolute; top: 33px; right: 4px;}
	#header .header_inner .gnb_open:before {display: block; content: ''; width: 8px; height: 8px; border-radius: 100%; background: #000000; position: absolute; top: 7px; left: 26px;}
	#header .header_inner .gnb_open span {display: block; width: 8px; height: 8px; border-radius: 100%; background: #000000; position: absolute; top: 26px; left: 26px; text-indent: -9999px;}
	#header .header_inner .gnb_open:after {display: block; content: ''; width: 8px; height: 8px; border-radius: 100%; background: #000000; position: absolute; top: 45px; left: 26px;}
	#header .header_inner .gnb {display: table; position: fixed; top: -9999px; right: -9999px; width: 100%; height: 100%; background: rgba(255,255,255,.95);}
	#header .header_inner .gnb ul {display: table-cell; vertical-align: middle; text-align: center;}
	#header .header_inner .gnb ul li {float: none; margin: 0;}
	#header .header_inner .gnb ul li a {font-size: 56px; line-height: 130px; color: #000000; text-align: center;}
	#header .header_inner .gnb ul li.util {display: inline-block; margin: 100px 0 0;}
	#header .header_inner .gnb ul li.util a {display: block; float: left; margin: 0 0 0 120px; font-family: 'Muli'; font-size: 32px; line-height: 60px; color: #000000; position: relative;}
	#header .header_inner .gnb ul li.util a:first-child {margin: 0;}
	#header .header_inner .gnb ul li.util a:before {display: block; content: ''; border-radius: 0; width: 2px; height: 27px; position: absolute; top: 50%; left: -59px; margin: -13px 0 0; background: #ffffff; opacity: 1;}
	#header .header_inner .gnb ul li.util a:first-child:before {display: none;}
	#header .header_inner .gnb .gnb_close {display: block; width: 46px; height: 46px; background: url(../images/gnb_close.png) 0 0 no-repeat; position: absolute; top: 40px; right: 30px; text-indent: -9999px;}

	.gnbOpen #header .header_inner .gnb {top: 0; right: 0;}

	#main {width: 100%; padding: 0 30px 145px; box-sizing: border-box; margin: -120px auto 0;}

	#main .main_visual {width: 750px; height: 425px; margin: 0 -30px;}
	#main .main_visual .swiper-wrapper .swiper-slide {overflow: hidden;}
	/*#main .main_visual .swiper-wrapper .swiper-slide .p {display: none;}*/
	#main .main_visual .swiper-wrapper .swiper-slide .m {display: block;}
	#main .main_visual .swiper-wrapper .swiper-slide iframe {width: 1760px; height: 750px; position: absolute; top: 0; left: -505px;}
	#main .main_visual .swiper-pagination {margin: 0; right: 30px;}
	#main .main_visual .swiper-pagination .swiper-pagination-bullet {width: 13px; height: 13px; margin: 0 0 0 13px;}

	#main .main_greeting {padding: 38px 0 0;}
	#main .main_greeting .tit {margin: 0 0 34px;}
	#main .main_greeting .tit p {font-size: 52px; line-height: 60px; letter-spacing: -0.005em; white-space: initial;}
	#main .main_greeting .txt {font-size: 28px; line-height: 34px;}

	.sechead {margin: 0 0 25px;}
	.sechead .tit {font-size: 40px;}
	.sechead > .txt {font-weight: 400; font-size: 26px; line-height: 40px;}
	.sechead .more {width: 30px; height: 30px; background-size: 30px; margin: -15px 0 0;}
	.sechead .view_share {top: 5px;}

	#main .sechead {margin: 0 0 25px;}

	#main .main_work {margin: 132px 0 0;}

	#main .worklist ul {height: 990px;}
	#main .main_visual .swiper-wrapper .swiper-slide a>img {
		width: 100%;
	}
	.worklist ul li {width: 345px;}
	.worklist ul li a.link {width: 345px; height: 345px;}
	.worklist ul li a.link:before {display: none;}
	.worklist ul li a.link .imgs .img {width: 655px; height: 300px;}
	.worklist ul li a.link .info {display: none;}

	.worklist ul li a.more {width: 345px; height: 345px;}
	.worklist ul li a.more:before {height: 80px; top: 133px; left: 172px;}
	.worklist ul li a.more:after {width: 80px; top: 172px; left: 133px;}

	#main .main_insight {margin: 132px 0 0;}

	.insight_swiper {}
	.insight_swiper .swiper-slide a .img {width: 1311px; height: 510px; margin: 0 0 0 -310px;}
	.insight_swiper .swiper-slide a .info .cell {width: 690px; height: 690px;}
	.insight_swiper .swiper-slide a .info .cell .tit {font-size: 30px; line-height: 40px;}
	.insight_swiper .swiper-slide a .info .cell .txt {font-size: 36px; line-height: 50px;}
	.insight_swiper .swiper-pagination {}
	.insight_swiper .swiper-pagination .swiper-pagination-bullet {width: 13px; height: 13px; margin: 0 0 0 13px;}

	#main .main_news {margin: 132px 0 0;}
	#main .main_news .main_newslist li {width: 100%; float: none; margin: 55px 0 0;}
	#main .main_news .main_newslist li:first-child {margin: 0;}
	#main .main_news .main_newslist li a {height: auto; padding: 0;}
	#main .main_news .main_newslist li a .imgs {display: none;}
	#main .main_news .main_newslist li a .info {padding: 48px 0 0;}
	#main .main_news .main_newslist li a .info .tit {font-size: 30px;}
	#main .main_news .main_newslist li a .info .txt {font-size: 30px;}
	#main .main_news .main_newslist li a .info .date {margin: 24px 0 0; font-size: 26px;}

	#footer {width: auto; padding: 0 30px;}
	#footer .footer_inner {width: 100%;}
	#footer .footer_inner .left {width: 100%; float: none; overflow: hidden;}
	#footer .footer_inner .left .top {float: left;}
	#footer .footer_inner .left .top .ft_logo {display: none;}
	#footer .footer_inner .left .top .ft_sns {float: right; margin: 0;}
	#footer .footer_inner .left .top .ft_sns li a {margin: 0 0 0 20px;}
	#footer .footer_inner .left .top .ft_sns li a img {width: 50px; height: 50px;}
	#footer .footer_inner .left .top .ft_sns li a:before {top: 48px;}
	#footer .footer_inner .left .copyright {float: left; margin: 0; font-size: 26px; line-height: 50px;}
	#footer .footer_inner .right {display: none;}

	#contents {width: auto; padding: 74px 30px 120px;}

	.sechead .work_cate_wrap {width: 100%; float: left;}
	.sechead .work_cate_wrap .depth1 {padding: 0; margin: 10px 0 0; position: relative;}
	.sechead .work_cate_wrap .depth1 .list {}
	.sechead .work_cate_wrap .depth1 .list li {margin: 0 0 0 30px;}
	.sechead .work_cate_wrap .depth1 .list li:first-child {margin: 0;}
	.sechead .work_cate_wrap .depth1 .list li a {font-size: 20px; line-height: 40px;}
	.sechead .work_cate_wrap .depth1 .depth_open {width: 30px; height: 30px; background-size: 30px; top: 5px;}

	.sechead .work_cate_wrap .depth2 .list {width: auto; margin: 0 -50px 0 0;}
	.sechead .work_cate_wrap .depth2 .list li {margin: 0 50px 0 0;}
	.sechead .work_cate_wrap .depth2 .list li:after {height: 25px; top: 12px; right: -25px;}
	.sechead .work_cate_wrap .depth2 .list li a {font-size: 26px; line-height: 50px; letter-spacing: -0.025em;}

	.sechead .work_cate_wrap.open .depth1 .list {padding: 0 0 18px; border-bottom: 1px solid #333333;}

	.sechead .work_cate_wrap.open .depth2 {padding: 0 0 20px; height: 200px; margin: 25px 0 0;}

	.list_more_wrap .list_more {width: 80px; height: 80px;}
	.list_more_wrap .list_more:before {left: 40px;}
	.list_more_wrap .list_more:after {top: 40px;}

	.workview .titarea {height: 104px; padding: 20px 0; margin: 0 0 72px;}
	.workview .titarea .inner {box-sizing: border-box; width: 100%;}
	.workview .titarea .tit {font-size: 40px;}
	.workview .titarea .brand {font-size: 40px; line-height: 52px; float: none;}
	.workview .titarea .company {float: none; margin: 12px 0 0;}
	.workview .titarea .company span {font-size: 26px; line-height: 38px; margin: 0;}
	.workview .titarea .company strong {font-size: 26px; line-height: 38px; margin: 2px 0 0;}
	.workview .titarea .view_share {top: 6px;}

	.workview.fixed {padding: 216px 0 0;}
	.workview.fixed .titarea {height: 64px; margin: 0;}
	.workview.fixed .titarea .inner {padding: 0 30px 10px;}
	.workview.fixed .titarea .company {display: none;}
	.workview.fixed .titarea .view_share {top: 15px; right: 30px;}

	.view_share .share {position: relative;}
	.view_share .share .sns_open {width: 41px; height: 40px; background-size: 41px 40px;}
	.view_share .share .sns {width: 40px;}
	.view_share .share .sns li {float: none; margin: 20px 0 0;}
	.view_share .share .sns li a {width: 40px; height: 40px;}
	.view_share .share .sns li a img {width: 40px; height: 40px;}
	.view_share .share .sns li.f a {background: url(../images/sns_facebook2.png) 0 0 no-repeat; background-size: 40px;}
	.view_share .share .sns li.b a {background: url(../images/sns_blog2.png) 0 0 no-repeat; background-size: 40px;}

	.view_share .btn_list {width: 41px; height: 40px; background: url(../images/btn_list.png) 0 0 no-repeat; margin: 0 0 0 20px;}

	.workview .toparea .visual .intro {font-size: 36px;}

	.workview .toparea .content {margin: 54px 0 0;}
	.workview .toparea .content .scope {width: 100%; float: none;}
	.workview .toparea .content .scope dl {margin: 78px 0 0; overflow: hidden;}
	.workview .toparea .content .scope dl dt {width: 100%; margin: 0 0 2px; font-size: 28px; float: left;}
	.workview .toparea .content .scope dl dd {float: left; font-size: 28px; line-height: 42px; position: relative;}
	.workview .toparea .content .scope dl dd:after {display: inline-block; content: ' / '; margin: 0 5px;}
	.workview .toparea .content .scope dl dd:last-child:after {display: none;}
	.workview .toparea .content .info {width: 100%; float: none;}
	.workview .toparea .content .info .tit {margin: 0 0 32px; font-size: 38px; line-height: 48px;}
	.workview .toparea .content .info .tit br {display: none;}
	.workview .toparea .content .info .txt {font-size: 28px;}

	.workview .conarea {margin: 96px 0 0;}
	.workview .conarea .txtbox {padding: 0; margin: 30px 0 0;}
	.workview .conarea .txtbox .txt {}
	.workview .conarea .txtbox .txt br {display: none;}
	.workview .conarea .txtbox .txt .kor {font-size: 28px; line-height: 42px;}
	.workview .conarea .txtbox .txt .chn {font-size: 28px; line-height: 42px;}
	.workview .conarea .txtbox .txt .eng {font-size: 28px; line-height: 42px;}
	.workview .conarea .txtbox + .imgbox {margin: 90px 0 0;}

	.workview .proarea {padding: 40px 0 0; margin: 90px 0 0;}
	.workview .proarea .head {margin: 0 0 25px;}
	.workview .proarea .head .tit {font-size: 28px;}
	.workview .proarea .worklist ul li:last-child {display: none;}

	.newslist ul li a {height: 330px; padding: 0 0 0 360px;}
	.newslist ul li a .imgs {width: 330px; height: 330px;}
	.newslist ul li a .imgs .img {width: 627px; height: 330px; margin: 0 0 0 -148px;}
	.newslist ul li a .info {padding: 54px 0 0;}
	.newslist ul li a .info .brand {margin: 0 0 18px; font-size: 30px;}
	.newslist ul li a .info .txt {height: 90px; margin: 0 0 22px; font-size: 30px;}
	.newslist ul li a .info .date {font-size: 26px;}

	.newsview .titarea {height: 104px; padding: 20px 0; margin: 0;}
	.newsview .titarea .inner {box-sizing: border-box; width: 100%;}
	.newsview .titarea .tit {font-size: 40px;}
	.newsview .titarea .brand {font-size: 40px; line-height: 52px; float: none;}
	.newsview .titarea .company {float: none; margin: 12px 0 0;}
	.newsview .titarea .company span {font-size: 26px; line-height: 38px; margin: 0;}
	.newsview .titarea .company strong {font-size: 26px; line-height: 38px; margin: 2px 0 0;}
	.newsview .titarea .view_share {top: 6px;}

	.newsview.fixed {padding: 114px 0 0;}
	.newsview.fixed .titarea {height: 74px; margin: 0;}
	.newsview.fixed .titarea .inner {padding: 0 30px 10px;}
	.newsview.fixed .titarea .view_share {top: 15px; right: 30px;}
	
	.newsview .imgbox {margin: 0 0 50px;}

	.newsview .txtbox {padding: 0;}
	.newsview .txtbox .brand {font-size: 30px;}
	.newsview .txtbox .tit {margin: 16px 0 0; font-size: 38px;}
	.newsview .txtbox .date {margin: 22px 0 0; position: static; top: auto; left: auto; font-size: 26px;}
	.newsview .txtbox .txt {font-size: 28px; line-height: 42px;}

	.about_head .imgbox .cell {height: 363px;}
	.about_head .imgbox .cell .inner:after {height: 2px;}
	.about_head .imgbox .cell .inner .txt {font-size: 28px;}
	.about_head .imgbox .cell .inner .txt2 {font-size: 28px;}

	.about_head .txtbox {padding: 0; margin: 74px 0 0;}
	.about_head .txtbox .tit {position: static; font-size: 58px; line-height: 74px;}
	.about_head .txtbox .txt {padding: 0; margin: 37px 0 0;}
	.about_head .txtbox .txt br {display: none;}
	.about_head .txtbox .txt .kor {font-size: 28px; line-height: 42px;}
	.about_head .txtbox .txt .kor p {margin: 24px 0 0;}
	.about_head .txtbox .txt .eng {margin: 46px 0 0; font-size: 28px; line-height: 42px;}
	.about_head .txtbox .txt .eng p {margin: 26px 0 0;}

	.about_how {margin: 128px 0 0;}
	.about_how .hgroup {margin: 0 0 26px;}
	.about_how .hgroup .tit {font-size: 52px;}

	.about_how .how_we_work {margin: 0 0 150px;}
	.about_how .how_we_work .swiper-wrapper {margin: 0;}
	.about_how .how_we_work .swiper-wrapper .swiper-slide {width: 325px; margin: 0;}
	.about_how .how_we_work .swiper-wrapper .swiper-slide .num {padding: 0 0 20px; font-size: 26px;}
	.about_how .how_we_work .swiper-wrapper .swiper-slide .tit {margin: 30px 0 0; font-size: 40px; line-height: 50px;}
	.about_how .how_we_work .swiper-wrapper .swiper-slide .txt {margin: 20px 0 0; font-size: 28px; line-height: 40px;}
	.about_how .how_we_work .swiper-wrapper .swiper-slide .txt br {display: none;}
	.about_how .how_we_work .swiper-wrapper .swiper-slide .eng {padding: 21px 0 0; margin: 42px 0 0; font-size: 26px; line-height: 40px;}
	/*.about_how .how_we_work .swiper-pagination {display: block; position: absolute; width: 100%; left: 0; bottom: 0;}
	.about_how .how_we_work .swiper-pagination .swiper-pagination-bullet {width: 13px; height: 13px; margin: 0 0 0 13px; background: #666666;}
	.about_how .how_we_work .swiper-pagination .swiper-pagination-bullet-active {background: #ffffff;}*/

	.about_what {}
	.about_what .hgroup {margin: 0 0 38px;}
	.about_what .hgroup .tit {font-size: 52px;}
	.about_what .what_list {margin: 0;}
	.about_what .what_list .half {width: 100%; float: none; border: none;}
	.about_what .what_list .half:first-child {border-top: 1px solid #54555a;}

	.about_what .what_list .half li {padding: 47px 40px 47px 0;}
	.about_what .what_list .half li:after {width: 30px; height: 30px; margin: -15px 0 0; background-size: 30px;}
	.about_what .what_list .half li .tit {font-size: 36px;}
	.about_what .what_list .half li .txt {font-size: 28px; line-height: 42px;}
	.about_what .what_list .half li .txt br {display: none;}

	.about_what .what_list .half li.open {padding: 47px 40px 54px 0;}

	.about_global {margin: 135px 0 0;}
	.about_global .hgroup {margin: 0 0 35px;}
	.about_global .hgroup .tit {font-size: 52px;}

	.about_global .people_list {margin: 0 0 100px;}
	.about_global .people_list li {width: auto; height: 330px; float: left; padding: 0 0 0 360px; position: relative;}
	.about_global .people_list li .imgs {position: absolute; top: 0; left: 0;}
	.about_global .people_list li .imgs img {width: 330px; height: 330px;}
	.about_global .people_list li .info {padding: 47px 0 0; border-top: 1px solid #54555a;}
	.about_global .people_list li .info .name {margin: 0 0 19px; font-size: 36px;}
	.about_global .people_list li .info .sub {margin: 0 0 36px; font-size: 28px; line-height: 40px;}
	.about_global .people_list li .info .txt {font-size: 26px;}

	.about_global .magnet {padding: 100px 0 0;}
	.about_global .magnet .imgs {margin: 0 0 87px; position: relative; top: 0; left: 0; text-align: center;}
	.about_global .magnet .info {}
	.about_global .magnet .info .tit {margin: 0 0 8px; font-size: 36px;}
	.about_global .magnet .info .sub {margin: 0 0 64px; font-size: 28px;}
	.about_global .magnet .info .kor {margin: 0 0 26px; font-size: 28px; line-height: 42px;}
	.about_global .magnet .info .eng {font-size: 28px; line-height: 42px;}
	.about_global .magnet .info .eng br {display: none;}

	.booklist ul li {margin: 60px 0 0; height: auto; padding: 70px 0 0 190px; border-top: 1px solid #54555a;}
	.booklist ul li .imgs {width: 150px; height: 150px; top: 70px;}
	.booklist ul li .imgs .img {width: 83px; height: 119px; top: 16px; left: 34px;}
	.booklist ul li .info {padding: 0; border-top: none;}
	.booklist ul li .info .tit {margin: 0 0 32px; font-weight: 700; font-size: 30px;}
	.booklist ul li .info .wrt span {font-size: 26px; line-height: 40px; margin: 0 41px 0 0;}
	.booklist ul li .info .wrt span:after {height: 23px; top: 8px; right: -20px;}
	.booklist ul li .info .txt {height: auto; margin: 0 0 0 -190px; font-weight: 400; font-size: 26px; line-height: 40px; color: #54555a;}
	
	.contact section {height: auto; padding: 0; margin: 74px 0 0;}
	.contact section .infobox {}
	.contact section .infobox .tit {margin: 0 0 30px; font-size: 30px;}
	.contact section .infobox .maparea {margin: 0 0 40px; position: relative;}
	.contact section .infobox .maparea a img {width: 100%;}
	.contact section .infobox .address {margin: 0 0 36px; font-weight: 400; font-size: 26px; line-height: 40px;}
	.contact section .infobox .tel {margin: 0 0 62px; font-weight: 400; font-size: 26px;}
	.contact section .infobox .mail {margin: 0 0 36px;}
	.contact section .infobox .mail dt {margin: 0 0 9px; font-size: 26px;}
	.contact section .infobox .mail dd {font-size: 26px;}
}