@charset "UTF-8";

/********************************************************

		header

********************************************************/
#header {position:fixed;top:0;left:0;width:100%;height:100px;background-color:transparent;z-index:999999;-webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;box-sizing:border-box;}
/* #header:before {content:'';position:absolute;top:100px;left:0;width:100%;height:1px;background-color:#fff;-webkit-transition-duration:1s;-m-transition-duration: 1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;} */
#header:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-transition-duration:1s;-m-transition-duration: 1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;}
#header header {position:relative;max-width:1920px;margin:0 auto;z-index:2;padding:0 0px;box-sizing:border-box;width:100%;}
#header header .header__wrap {position: relative;}
#header h1 {position:absolute;left:0;}
#header h1 a {display:block;padding:20px 0 20px;line-height:1}
#header.fixed h1 img {height:40px;}
/* #header h1 a:before {display:block;width:133px;height:30px;background-image:url(images/common/logo_hover.png);background-repeat:no-repeat;background-position:center;background-size:100%;} */

@media screen and (max-width: 1200px){
	/*header*/
	#header header {margin:0 15px;}
	/*#header__menu {margin-left:20px;}*/
}
@media screen and (max-width: 1024px){
	#header {height:60px;}
	#header h1 a {padding:15px 0;}
	#header.fixed h1 a {padding:15px 0;}
	#header h1 a:before {width:197.5px;height:25px;}
	#header h1 img {height:33px;}
	#header.fixed h1 img {height:33px;}
	#header:before {top:60px;}
}



.lnb-menu {overflow:hidden;width:100%;text-align:center;}
.lnb-menu > li {list-style:none;padding:0 30px;display: inline-block;}
.lnb-menu > li > a {display:block;padding:37px 0;color:#333;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);font-size:18px;}
.lnb-menu > li > a:after {content:'';position:absolute;left:50%;right:50%;bottom:0;height:4px;background-color:#fff;z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.lnb-menu > li.on > a:after,
.lnb-menu > li > a:hover:after {left:0;right:0;}
.header__r {position:absolute;right:0;top:0;height:100px;}
.header_link {display: inline-block;height:100px;line-height:100px;background-color:#1a1b7e;text-align:center;}
.header_link a {display:block;width:100%;height:100%;color:#fff;font-size:18px;font-weight:normal;text-align:center;padding:0 45px;box-sizing:border-box;}
.header_link2 {background-color:#00aeef;margin-right:-3px;}
.header_link2 a {padding:0 58px;}
/* header fixed & hover */
#header.fixed {background-color:#fff;border-bottom:1px solid #eee;}
#header.fixed h1 a:before,
#header.hover h1 a:before {content:'';}
/* #header.fixed h1 a img, */
/* #header.hover h1 a img {display:none;} */
#header h1 span {background:url(images/common/logo_hover.png) no-repeat 0;}
#header #header__lnb .lnb-menu > li > a {color:#333;font-family:"Noto Sans KR","맑은 고딕","malgun gothic","나눔 고딕","Nanum Gothic","nanumgothic","AppleSDGothcNeo","AppleGothic", sans-serif;}
#header #header__language select {background:url(images/board/select_bg.png) no-repeat 50% center !important;border-color:#fff;color:#333;font-size:15px;}
#header #header__menu button span.line {background-color:#fff;}
#header.fixed h1 span {background:url(images/common/logo.png) no-repeat 0;}
#header.fixed #header__lnb .lnb-menu > li > a {color:#333;}
#header.fixed #header__language select {background:url(images/board/select_bg.png) no-repeat 50% center !important;color:#333;}
#header.fixed #header__menu button span.line {background-color:#333;}

#header.hover:after {opacity:1;}
#header.hover h1 span {background:url(images/common/logo.png) no-repeat 0;}
#header.hover #header__lnb .lnb-menu > li > a {color:#333;}
#header.hover #header__language select {background:url(images/board/select_bg.png) no-repeat 50% center !important;color:#333;}
#header.hover #header__menu button span.line {background-color:#333;}
#header.fixed .lnb-menu > li > a:after,
#header.hover .lnb-menu > li > a:after {background-color:#3b3ca8;}
#header.fixed:before,
#header.hover:before {content:none;}


/* header sub */
.lnb_sub_menu {display:none;position:absolute;top:100px;}
.lnb_sub_menu ol {position:relative;text-align:center;box-sizing:border-box;z-index:2;}
.lnb_sub_menu.sM2 ul {padding-left:531px;}
.lnb_sub_menu.sM3 ul {padding-left:684px;}
.lnb_sub_menu.sM4 ul {padding-left:799px;}
.lnb_sub_menu.sM5 ul {padding-left:674px;text-align:right}
.lnb_sub_menu.sM5 li:last-child {margin-right:0;}
.lnb_sub_menu li {display:inline-block;margin-right:38px;}
.lnb_sub_menu li a {display:block;padding:18px 0;font-size:16px;color:#555;letter-spacing:-0.5px;text-transform:uppercase;font-family:"Noto Sans KR","맑은 고딕","malgun gothic","나눔 고딕","Nanum Gothic","nanumgothic","AppleSDGothcNeo","AppleGothic", sans-serif;}
.lnb_sub_menu li a:hover {color:#999;}
.lnb_sub_menu li:hover a {color:#999;}
.header__menu-list li:hover a {color:#333;}
.header__menu-list li.on a {color:#333;}

@media screen and (min-width: 1025px){
.lnb_sub_menu:before {content:'';position:fixed;top:100px;left:0;width:100%;height:0;background-color:#f5f5f5;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;}
.lnb_sub_menu.open:before {height:60px;}
}

@media screen and (max-width: 1024px){
	.header-inner {display:none;overflow-y:auto;position:fixed;top:0;left:-1px;width:101%;height:1024px;height:100%;margin:0 !important;background-color:transparent;z-index:9999;text-align:center;}
	#header .header-inner:before {content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.9;}
	#header #header__lnb {display:table;float:none !important;width:100%;height:100%;}
	#header #header__lnb .nav {display:table-cell;position:relative;top:0 !important;height:auto;background-color:transparent;vertical-align:middle;}
	#header #header__lnb .nav:before {display:none}
	#header #header__lnb .lnb-menu {margin-top:0;}
	#header #header__lnb .lnb-menu > li {overflow:hidden;float:none;margin-bottom:12px;}
	#header #header__lnb .lnb-menu > li:last-child {margin-bottom:0;}
	#header.fixed #header__lnb .lnb-menu > li > a,
	#header #header__lnb .lnb-menu > li > a {color:#efefef;}
	#header #header__lnb .lnb-menu > li > a span {padding:0;}
	#header #header__lnb .lnb-menu > li h2 {font-size:16px;}
	#header #header__lnb .lnb-menu > li > a {padding:10px !important;font-size:22px;}
	#header #header__lnb .lnb-menu > li {float:none;width:80% !important;height:auto;padding:0;border:none;}
	/*#header #header__lnb .lnb-menu > li.on > a {color:#fff;}
	#header #header__lnb .lnb-menu > li.on > a:after {height:45px;background-color:transparent;border:2px solid #fff;}
	#header #header__lnb .lnb-menu > li.on {background-color:#333;border:1px solid #999;border-width:1px 0;}*/
	#header.fixed #header__lnb .lnb-menu > li {height:auto;}
	#header #header__lnb > .nav > .lnb-menu > li.on > a {color:#00aeef;}
	#header #header__lnb .lnb-menu > li.ov > a {font-weight:600;}
	#header #header__lnb > .nav > .lnb-menu > li > a:after {display:none;margin-bottom:0;background-color:#fff;}
	#header .lnb_sub_menu {position:static;padding-bottom:20px;background-color:transparent;text-align:center;}
	#header .lnb_sub_menu li {display:block;margin:0 15px;}
	#header .lnb_sub_menu li a {padding:10px 0;font-size:16px;color:#ccc;}
	.lnb_sub_menu.open:before {height:auto;}
}

/*검색 바*/
#header__search {position:relative;margin:36px 0 0}
#header__search input {width:100%;height:35px;padding-right:15px;background-color:transparent;border:none;border-bottom:1px solid #fff;border-radius:0;box-shadow:none;font-size:14px;color:#fff;box-sizing:border-box;-webkit-box-shadow: none;-webkit-appearance: none;}
#header__search input::-webkit-input-placeholder {color:#fff !important;}
#header__search button {position:absolute;top:14px;right:0;width:11px;height:14px;background:url(images/common/btn_search_on.png) no-repeat 0;border:none;text-indent:-9999px;cursor:pointer;}
#header.fixed #header__search input {color:#666;border-bottom:1px solid #999;}
#header.fixed #header__search button {background:url(images/common/btn_search.png) no-repeat 0;}
#header.fixed #header__search input::-webkit-input-placeholder {color:#666 !important;}
#header.hover #header__search input {color:#666;border-bottom:1px solid #999;}
#header.hover #header__search button {background:url(images/common/btn_search.png) no-repeat 0;}
#header.hover #header__search input::-webkit-input-placeholder {color:#666 !important;}
@media screen and (max-width: 1024px){
	#header__search {width:255px;margin:0 auto;margin-top:30px;color:#fff !important;}
	#header.hover #header__search button {background:url(images/common/btn_search_on.png) no-repeat 0;}
	#header.fixed #header__search button {background:url(images/common/btn_search_on.png) no-repeat 0;}
	#header.hover #header__search input::-webkit-input-placeholder,
	#header.fixed #header__search input::-webkit-input-placeholder {color:#fff !important;}
}



/*언어*/
#header__language {display:inline-block;margin-left:62px;padding:36.5px 0;vertical-align:top;}
#header__language select {padding:5px;background:url(images/board/select_bg.png) no-repeat 90% center !important;background-color:transparent;border:1px solid #666;font-size:12px;color:#333;box-sizing:border-box;}
#header__language option {color:#333;}


/*모바일 버튼*/
#header__mobile {display:none;position:absolute;top:19px;right:0;background-color:transparent;box-sizing:border-box;z-index:999999}
#header__mobile span {display:block;width:30px;height:2px;margin:0 auto;background-color:#000;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#header.fixed #header__mobile span {background-color:#333;}
#header__mobile.active span {background-color:#fff;}
#header__mobile .mid2 {margin:8px 0;}

#header__mobile.active{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#header__mobile.active span {background-color:#fff !important;}
#header__mobile.active span.mid2{width: 0px;}
#header__mobile.active span.mid1,
#header__mobile.active span.mid3 {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
#header__mobile.active span.mid1{-webkit-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}
#header__mobile.active span.mid3 {-webkit-transform: translateY(-10px) rotate(90deg);-ms-transform: translateY(-10px) rotate(90deg);-o-transform: translateY(-10px) rotate(90deg);transform: translateY(-10px) rotate(90deg);}
@media screen and (max-width: 1024px){
	#header #header__mobile {display:block;right: 30px;}
}


/* layout btn */
.header__layoutBtn {position:absolute;top:7px;right:0;z-index:999999}
.header__layoutBtn select {display:block;width:85px;line-height:20px;background:url(images/board/select_bg_off.png) no-repeat 90% center transparent !important;border:none;border-bottom:1px solid #fff;font-size:12px;color:#fff;outline:none;}
.header__layoutBtn select option {padding:5px 0;color:#fff;background-color:transparent;border:none;outline:none;}
#header.fixed .header__layoutBtn select {background:url(images/board/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.fixed .header__layoutBtn select option {color:#333;background-color:#fff;}
#header.hover .header__layoutBtn select {background:url(images/board/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.hover .header__layoutBtn select option {color:#333;background-color:#fff;}
.header__layoutBtn a {display:inline-block;font-size:12px;color:#ccc;vertical-align:middle;}
.header__layoutBtn a:before {content:'';display:inline-block;width:1px;height:8px;margin:0 10px;background-color:#999;vertical-align:middle;}
.header__layoutBtn a:first-child:before {content:none;}
.header__layoutBtn a.on {font-weight:600;color:#fff;}
#header.fixed .header__layoutBtn a {color:#666;}
#header.fixed .header__layoutBtn a:before {background-color:#666;}
#header.hover .header__layoutBtn a {color:#666;}
#header.fixed .header__layoutBtn a.on {color:#333;}

/* 메인 바로가기 btn */
.header__mainBtn {position:absolute;top:7px;right:0;z-index:999999}
.header__mainBtn select {display:block;width:85px;line-height:20px;background:url(images/board/select_bg_off.png) no-repeat 90% center transparent !important;border:none;border-bottom:1px solid #fff;font-size:12px;color:#fff;outline:none;}
.header__mainBtn select option {padding:5px 0;color:#fff;background-color:transparent;border:none;outline:none;}
#header.fixed .header__mainBtn select {background:url(images/board/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.fixed .header__mainBtn select option {color:#333;background-color:#fff;}
#header.hover .header__mainBtn select {background:url(images/board/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.hover .header__mainBtn select option {color:#333;background-color:#fff;}
.header__mainBtn a {display:inline-block;font-size:12px;color:#ccc;vertical-align:middle;}
.header__mainBtn a:before {content:'';display:inline-block;width:1px;height:8px;margin:0 10px;background-color:#999;vertical-align:middle;}
.header__mainBtn a:first-child:before {content:none;}
.header__mainBtn a.on {font-weight:600;color:#fff;}
#header.fixed .header__mainBtn a {color:#666;}
#header.fixed .header__mainBtn a:before {background-color:#666;}
#header.hover .header__mainBtn a {color:#666;}
#header.fixed .header__mainBtn a.on {color:#333;}
@media screen and (max-width: 1024px){
	.header__layoutBtn,
	.header__mainBtn {display:inline-block;position:static;margin:0 10px;}
	.header__layoutBtn select,
	.header__mainBtn select {margin:0 auto;}
	.header__layoutBtn select,
	#header.fixed .header__layoutBtn select,
	.header__mainBtn select,
	#header.fixed .header__mainBtn select {background:url(images/board/select_bg_off.png) no-repeat 90% center transparent !important;border-color:#fff;color:#fff;}
	.header__layoutBtn select option,
	#header.fixed .header__layoutBtn select option,
	.header__mainBtn select option,
	#header.fixed .header__mainBtn select option {color:#333;}
}




/********************************************************

		footer

********************************************************/
#footer {background-color:#f3f3f3;}
#footer * {font-size:14px;color:#7a7a7a;line-height:1.5;}
#topBtn {display:none;position:fixed;left:50%;bottom:15px;margin-left:600px;z-index:9}
#topBtn.btnTop-bot {bottom:136px;}
.footer__top {padding:60px 0 45px;background-color:#e5e5e5;}
.footer__top .maxWidth {position:relative;}
.footer__menu a {display:inline-block;vertical-align:middle;}
.footer__menu a:before {content:'';display:inline-block;width:1px;height:14px;margin:0 10px;margin-top:-2px;background-color:#fff;opacity:0.3;vertical-align:middle;}
.footer__menu a:first-child:before {content:none !important;}
.footer__sns {position:absolute;top:-4px;right:0;}
.footer__sns a {display:inline-block;margin-left:7px;}
.footer__sns i {display:block;width:30px;height:30px;background-repeat:no-repeat;background-position:center;}
.footer__sns .f_sns1 i {background-image:url(images/common/f_sns1.png);}
.footer__sns .f_sns2 i {background-image:url(images/common/f_sns2.png);}
.footer__sns .f_sns3 i {background-image:url(images/common/f_sns3.png);}
.footer_add {padding:25px 0;}
.footer_add .maxWidth {position:relative;}
#footer .copyright {display:block;margin-top:9px;}
.footer_add h2 {position:absolute;top:19px;right:0;}
#footer .maxWidth.row {overflow: hidden;}
.footer__address {float: left;}
.footer__address p {margin-bottom:11px;}
.footer__address p > span:before {content:'';display:inline-block;width:1px;height:12px;margin: 0 7px;background-color:#000;opacity:0.2;}
.footer__address p > span:first-child:before {content:none;}
.footer_logo {float: right;}
@media screen and (max-width: 1340px){
	#topBtn.btnTop-bot {left:auto;right:15px;margin-left:0;}
}
@media screen and (max-width: 1024px){
	#topBtn.btnTop-bot img {height:45px;}
	.footer_add h2 {display:none;}
}
@media screen and (max-width: 768px){
	.footer__top {padding:30px 0;}
	.footer_add h2 {display:none;}
	.footer__address {text-align:center;}
	.footer__menu {text-align:center;}
	.footer__sns {position:static;text-align:center;margin-top:10px;}
	#footer * {font-size:13px;}
	#topBtn.btnTop-bot {bottom:160px;}
}
@media screen and (max-width: 640px){
	#footer * {font-size:12px;}
	.footer__top {display: none;}
}
@media screen and (max-width: 465px){
	#topBtn.btnTop-bot {bottom:205px;}
}



body {background-color:#fff;}




/********************************************************

		sub

********************************************************/
#sub {padding-bottom:60px;}

/*#sub {padding-top:85px;}*/
/*#sub {padding-top:135px;padding-bottom:70px;}*/
.sub__menu {position:fixed;top:80px;left:0;width:100%;background-color:#b80b35;z-index:99;}
.sub__menu .menu-inner {max-width:1170px;margin:0 auto;}
.sub__menu h2 {float:left;width:170px;height:55px;background-color:#333;font-weight:800;font-size:15px;color:#fff;text-align:center;line-height:55px;letter-spacing:-0.5px;box-sizing:border-box;}
.sub__menu ul {float:right;}
.about-menu {margin-left:118px;}
.artist-menu {margin-left:412px;}
.irpr-menu {margin-left:526px;}
.partner-menu {float:right !important;}
.sub__menu li {display:inline-block;margin-left:35px;}
.sub__menu a {display:block;padding:19px 0;font-weight:800;font-size:14px;color:#fff;letter-spacing:-0.5px;text-transform:uppercase;}
.sub__menu li.on a {color:#333;}
@media screen and (max-width: 1200px){
	.sub__menu ul {float:right;margin-left:0;margin-right:15px;}
}
@media screen and (max-width: 768px){
	#sub {padding-bottom:50px;}
}





/***********************************************************************
	서브 메뉴 2차 카테고리
************************************************************************/





/***********************************************************************
	서브 탭 
************************************************************************/
/*.sub__tab li a {background-color:#f1f1f1;}*/
.sub__tab li:hover,
.sub__tab li.on {border-bottom-color:#fff;}
.sub__tab li:hover a,
.sub__tab li.on a {background-color:#fff;}
@media screen and (max-width: 640px){
}





/********************************************************

		sub__spot

********************************************************/
.sub__spot {position:relative;width:100%;height:210px;text-align:center;}
.sub__spot:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;font-family:'Open Sans';font-weight:bold;font-size:200px;color:#f4f4f4;line-height:200px;}
.sub__spot .l-table {position:relative;}
.sub__spot .h-spot {font-family:'Open Sans';font-weight:800;font-size:16px;color:#111;line-height:24px;letter-spacing:3px;text-transform:uppercase;}
@media screen and (max-width: 1200px){
	.sub__spot:before {font-size:130px;}
}





/* =================================================================

 	main 공통
 	
 ================================================================= */
 /*#container {padding-bottom:90px;}*/
.main_var1 {padding-bottom:100px;}

/*#main section .maxWidth {max-width:1170px;margin:0 auto;}*/
@media screen and (max-width: 1200px){
	#main section .maxWidth {margin:0 15px !important;}
	#container .l-content .maxWidth {margin:0 15px;padding:0;}
}
@media screen and (max-width: 1024px){
	.main_var1 {padding-bottom:50px;}
}





/* =================================================================
 	메인 슬라이드 	
 ================================================================= */
#main > section#main__slider {position:relative;padding:0 !important;}
#main__slider .slider-inner {height:900px;height:100vmin;padding-top:0;}
#main__slider .slider-scroll a {display:block !important;position:absolute;left:0;right:0;width:60px;height:60px;margin:0 auto;background: url(/images/main/visual_scroll.png) no-repeat center bottom;font-size:14px;letter-spacing:2px;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;}
@keyframes scrollImage {0%{bottom:15px;}50%{bottom:30px;}100%{bottom:15px;}}
/*#main__slider .bx-default-pager {display:none;}*/

@media screen and (max-width: 768px){
	#main__slider .slider-scroll a {height:50px;background-size:25px !important;font-size:12px;}
}

/***********************************************************************
	컬러변경 
************************************************************************/
.bx-wrapper .bx-pager.bx-default-pazger a {width:15px;height:15px;border:5px solid transparent;border-radius:50%;background-color:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active {background-color:transparent;border:2px solid #eee;}
.pointColor {color:#999 !important;}
#header.fixed .lnb-menu > li > a {padding: 24.5px 0;}
#header.fixed #header__language {padding: 20.5px 0;}
#header.fixed .header_link {height: 75px;line-height: 75px;}
@media screen and (min-width: 1025px){
	#header.fixed {height: 75px;}
	#header.fixed h1 a {padding: 20px 0 20px;}
	#header.fixed .lnb_sub_menu {top: 75px;}
	#header.fixed .lnb_sub_menu:before {top: 75px;}
}

/***********************************************************************
	메인 비지니스 관련 4개 다이어그램
************************************************************************/
.main_var2 #main__business .maxWidth {height:70%;}



/***********************************************************************
	포트폴리오
************************************************************************/
#main #main__portfolio .maxWidth,
#main #main__text .maxWidth {max-width:100%;margin:0 !important;}
#main #main__portfolio .maxWidth {margin:0;}

/*포트폴리오 리스트 간격 조정*/
#main #portfolioList--1,
#main #portfolioList--3,
#main #portfolioList--4,
#main #portfolioList--5,
#main #portfolioList--6 {padding:0 30px;}

/*포트폴리오 리스트 가로 컬럼 갯수 조절*/
#main #portfolioList--1 .pf-list li,
#main #portfolioList--3 .pf-list li,
#main #portfolioList--4 .pf-list li,
#main #portfolioList--5 .pf-list li,
#main #portfolioList--6 .pf-list li {width:18.5%;}

#main #portfolioList--2 .pf-list li {width:25%}
@media screen and (max-width: 1920px){
	#main #portfolioList--1 .pf-list li,
	#main #portfolioList--3 .pf-list li,
	#main #portfolioList--4 .pf-list li,
	#main #portfolioList--5 .pf-list li,
	#main #portfolioList--6 .pf-list li {width:18.51%;}
	#main #portfolioList--2 .pf-list li {width:25%}
}
@media screen and (max-width: 1430px){
	#main #portfolioList--1 .pf-list li,
	#main #portfolioList--3 .pf-list li,
	#main #portfolioList--4 .pf-list li,
	#main #portfolioList--5 .pf-list li,
	#main #portfolioList--6 .pf-list li {width:23.5%;}

	#main #portfolioList--2 .pf-list li {width:33.333%}
}
@media screen and (max-width: 1024px){
	#main #portfolioList--1,
	#main #portfolioList--3,
	#main #portfolioList--4,
	#main #portfolioList--5,
	#main #portfolioList--6 {padding:0 7px;}

	#main #portfolioList--1 .pf-list li,
	#main #portfolioList--3 .pf-list li,
	#main #portfolioList--4 .pf-list li,
	#main #portfolioList--5 .pf-list li,
	#main #portfolioList--6 .pf-list li {width:31.86%}
}
@media screen and (max-width: 768px){
	#main__portfolio .l-portfolioList .title {margin-bottom:5px;font-size:18px;}
	#main__portfolio .l-portfolioList .tab {margin-bottom:15px;}
}
@media screen and (max-width: 640px){
	#sub .portfolio .title {margin-bottom:10px;}
}

#main #slider.spot .slider-inner {height:76vmin;}

/* custom main */
#main__about .commp,#main__about2 .commp {font-size:16px;color:#333;line-height:32px;}
#main__about .commp .under,#main__about2 .commp .under {font-weight:550;}
.under {text-decoration: underline;}
#main__about .mtit,#main__about2 .mtit {font-size:19px;color: #333;font-weight:550;margin-bottom:10px;}
#main__about .scommp,#main__about2 .scommp {margin-bottom:30px;font-size: 16px;color:#333;}
#main__about .aerosol_list {margin-top: 65px;position:relative;z-index: 9;}
#main__about .aerosol_list .more_btn {position: absolute;top:50%;margin-top: -10px;right:-85px;}
.aerosol_list ul {font-size:0;}
.aerosol_list ul li {display:inline-block;position: relative;}
.aerosol_list ul li .pd_ovimg {position:relative;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;text-align:center;}
.aerosol_list ul li .pd_ovimg > div {width:100%;height:100%;}
.set__table {display: table-cell;vertical-align: middle;}
.set_table {display: table; width:100%;height:100%;vertical-align: middle;table-layout:fixed;}
.aerosol_list ul li a {display: block;}
.aerosol_list .bx-wrapper .bx-controls-direction a {width:40px;height:40px;margin-top:-55px;background-repeat:no-repeat;background-position:center;}
.aerosol_list .bx-wrapper .bx-controls-direction a.bx-prev {left:-60px;background-image:url(images/main/more_blit_prev.gif);}
.aerosol_list .bx-wrapper .bx-controls-direction a.bx-next {right:-60px;background-image:url(images/main/more_blit.gif);}

@media screen and (max-width: 1315px){
	.aerosol_list .bx-wrapper .bx-controls-direction a {background-color:#fff;}
	.aerosol_list .bx-wrapper .bx-controls-direction a.bx-prev {left:0;}
	.aerosol_list .bx-wrapper .bx-controls-direction a.bx-next {right:0;}
}
@media screen and (max-width: 540px){
	.aerosol_list .bx-wrapper .bx-controls-direction a {margin-top:0;top:auto;bottom:0;width:30px;height:30px;background-size:15px !important;}
	.aerosol_list ul li p {font-size:16px;}
}

#main__banner {clear: both;position: relative;padding:0;}
.mbanner__box {max-width: 1920px;margin:0 auto;clear: both;}
.mbanner__box .con_l {float: left;width:50%;}
.mbanner__box .con_r {float: right;width:50%;}
.mbanner__box.mbanner__box1 .con_l {width: 60%;}
.mbanner__box.mbanner__box1 .con_r {width: 40%;}
.mbanner__box .bg_banner {max-width: 1180px;}
.mbanner__box .color_banner {max-width: 960px;background-color: #1444bc;}
.mbanner__box.mbanner__box1 .bg_banner {background: url(images/main/banner_bg1.jpg) no-repeat;background-size:cover;height: 865px;padding: 0 185px;box-sizing: border-box;text-align: left;}
.mbanner__box.mbanner__box1 .color_banner {height: 1150px;padding: 0 185px;box-sizing: border-box;position: absolute;top: -480px;right: 0px;width: 50%;}
.mbanner__box.mbanner__box1 .color_banner .set__table {vertical-align: bottom;padding-bottom: 180px;box-sizing: border-box;}
.mbanner__box.mbanner__box1 .color_banner .blitimg {margin-left: -60px;margin-bottom: 15px;}
.mbanner__box .tit span {color: #fff;font-size: 16px;font-weight: 300;display: block;margin-bottom:30px;}
.mbanner__box .tit {font-weight: bold;color: #fff;font-size: 30px;padding-bottom: 30px;box-sizing: border-box;position: relative;line-height: 1.3;}
.mbanner__box .tit strong {font-size:35px;}
.mbanner__box .tit:after {content: '';position: absolute;bottom: 0;background-color: #fff;width:70px;height: 2px;left: 0;}
.mbanner__box .mtit {margin: 60px 0 30px;font-size: 20px;color: #fff;}
.mbanner__box .mtit .date_t {display:block;margin-top:11px;}
.mbanner__box .commp {color: #fff;font-size: 16px;line-height: 2;white-space:pre-line;white-space:normal;overflow:hidden;display:block;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.mbanner__box .more_read {margin-top: 35px;height: 45px;width: 170px;border: 1px solid #fff;box-sizing:border-box;}
.mbanner__box .more_read a {display: block;width:100%;height: 100%;color:#fff;text-align: center;font-size:13px;font-weight: normal;line-height: 45px;color: #fff;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;letter-spacing:0;}
.mbanner__box .more_read a:hover {background-color:#fff;color:#1a1b7e;}

.footer_menu {overflow:hidden;}
#footer .footer_menu .footer__mlist {float: left;width: 24%;}
#footer .footer_menu .footer__mlist:last-child {width: 27%;}
#footer .footer_menu .footer__mlist > .tit {font-size:15px;font-weight: bold;color:#333;margin-bottom: 20px;padding-bottom: 20px;position: relative;}
#footer .footer_menu .footer__mlist > .tit:after {content: '';bottom: 0;position: absolute;left: 0;background-color: #d3d3d3;width: 53px;height: 2px;}
#footer .footer_menu .footer__mlist li {}
#footer .footer_menu .footer__mlist li a {font-size:14px;color:#333;display:block;font-weight: 300;line-height: 30px;}
#footer .footer_menu .footer__mlist li span.tit {color: #7a7a7a;font-size: 14px;display: inline-block;font-weight: normal;margin-right: 5px;}
#footer .footer_menu .footer__mlist li p {color: #7a7a7a;font-weight: 550;line-height: 30px;}
.footer_info_t {display: inline-block;vertical-align: middle;}
.footer_info_t span {display: inline-block;color: #7a7a7a;font-size: 14px;font-weight: 400;padding-right: 10px;margin-right: 10px;position: relative;}
.footer_info_t span:after,#footer .footer__address address span:after {content: '';position: absolute;right: 0;width: 1px;height: 10px;background-color: #d6d6d6;top: 6px;}
.footer__address address {display: inline-block;vertical-align: middle;font-style: normal;}
#footer .footer__address .copyright {display: inline-block;vertical-align: middle;margin-top: 0;letter-spacing: 0;}
#footer .footer__address address span {display: inline-block;position: relative;margin-right: 20px;padding-right: 20px;}
#footer .footer__address address span:last-child:after {display: none;}

#business--headOffice .maxWidth {margin:0 auto !important;}
#business--headOffice .sub__top {margin-bottom:40px;}
#business--headOffice .sub__top .sub__t {text-align:center;}
#business--headOffice .sub__top p {text-align:center;}
#business--headOffice .map-info {padding:3.5% 5%;border-top:1px solid #ddd;}
/*#business--headOffice h5.sub__t {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;font-size:22px;text-align:left;}*/
#business--headOffice .map-info b {display:block;margin-bottom:6px;font-weight:600;font-size:20px;color:#333;}
#business--headOffice .map-info {overflow:hidden;border-bottom: 2px solid #333;box-sizing: border-box;}
#business--headOffice .map-info h3 {float:left;padding-right:40px;font-weight:600;font-size:24px;color:#333;}
#business--headOffice .map-info .row {margin-right:0;}
#business--headOffice .row li {position:relative;width:100%;padding-left:117px;box-sizing:border-box;font-weight:400;font-size:16px;line-height:34px;}
#business--headOffice .row li strong {position:absolute;left:0;font-weight:600;font-size:16px;color:#333;vertical-align:middle;letter-spacing:0}
#business--headOffice .row li a {color:#666;}
#business--headOffice p {margin-top:10px;font-size:14px;color:#333;text-align:right;}
#business--headOffice .ly__map {position:relative;}
#business--headOffice .ly__map > div {position:relative;}
#business--headOffice .ly__map .mapbox {position:relative;height:420px;}
#business--headOffice .ly__map .map p {text-align:center;font-size:14px !important;color:#fff;}
#business--headOffice .mapBtn {position:absolute;right:20px;bottom:20px;display:block;width:140px;height:45px;background-color:#fff;border:1px solid #ddd;font-size:14px;color:#666;line-height:45px;text-align:center;box-sizing:border-box;font-weight:300;z-index:9999;}
#business--headOffice .mapBtn:before {content:'';display:inline-block;width:14px;height:14px;margin-right:10px;background-image:url(images/common/blit_map.gif);background-position:0;background-repeat:no-repeat;background-size:100%;vertical-align:middle;}
.map__set {margin-bottom: 50px;}

.carpaint-list {overflow: hidden;border-top: 2px solid #000;box-sizing: border-box;}
.carpaint-list > li {overflow: hidden;border-bottom: 1px solid #eaeaea;box-sizing: border-box;float: left;width: 50%;padding: 25px 0;}
.carpaint-list li a > span {display: inline-block;vertical-align: middle;}
.carpaint-list li a > span.carpaint-image {display: block;width: 100%;text-align: left;height:50px;}
.carpaint-tit {display: inline-block;font-size: 15px;color: #333;text-align: center;margin-top: 10px;margin-left: 10px;}
.carpaint-desc {overflow: hidden;}
.carpaint-desc ul {float: left;margin-left: 40px;margin-top: 15px;}
.carpaint-desc ul li {position: relative;padding-left: 90px;box-sizing: border-box;font-size: 15px;color: #666;font-weight: 300;line-height: 24px;}
.carpaint-desc ul li .tit {position: absolute;left: 0;font-size: 15px;color: #333;font-weight: normal;}
.paint_t {font-size: 22px;color: #333;margin-bottom: 20px;}
.conbox .search_box .s_box .row.search_btn {background: #bebeed;}
.conbox .search_box .s_box .row.search_btn input {background-color: #bebeed !important;border: none;color: #1a1a7e;min-width: 100% !important;}

.viewPaging.viewP_bot {display: none;}
.viewShare {display: none;}
#portfolioView--3 .pfviewContent .pf-image {border: none;}
#portfolioView--3 .pfviewContent .pf-editor {border: none;padding: 30px 0;}
#portfolioView--3 .viewTab {margin-top: 30px;}
#portfolioView--3 .viewTab ul {overflow: hidden;border-top: 1px solid #444;box-sizing: border-box;}
#portfolioView--3 .viewTab ul li {float: left;width: 20%;text-align: center;background-color: #f4f4f4;border-left: 1px solid #c8c8c8;box-sizing: border-box;border-bottom: 1px solid #c8c8c8;}
#portfolioView--3 .viewTab ul li:first-child {border-left: none;}
#portfolioView--3 .viewTab ul li.on {background-color: #fff !important;border-bottom: none;}
#portfolioView--3 .viewTab ul li a {display: block;font-size: 15px;color: #333;line-height: 50px;}
.viewTab_content {padding: 40px 0;}
#main__banner2 .mbanner__box.mbanner__box1 .color_banner form {display: table;width: 100%;height: 100%;}

@media screen and (max-width: 1200px){
	#business--headOffice .maxWidth {margin:0 15px !important;}
}
@media screen and (max-width: 768px){
	#business--headOffice h5.sub__t {margin-bottom:15px;padding-bottom:15px;font-size:17px !important;}
	#business--headOffice .row li,
	#business--headOffice .row li strong {font-size:14px;}
	#business--headOffice .row li strong {top:-4px;}
	#business--headOffice .row li {width:60%;}
	#business--headOffice .row li:last-child {width:40%;}
	.mapbox {height:270px;}
	#business--headOffice .map-info {padding:20px 15px;}
	#business--headOffice .map-info h3 {padding-right:25px;font-size:20px;}
	.mbanner__box .tit {font-size:26px !important;}
	.mbanner__box .tit strong {font-size:35px !important;}
}
@media screen and (max-width: 767px){
	#business--headOffice .row li,
	#business--headOffice .row li:last-child {width:100%;text-align:left}
	#business--headOffice .map-info h3 {font-size:17px;}
	.paint_t {font-size: 18px;}
	.aerosol_list ul li p {font-size:17px;}
}
@media screen and (max-width: 630px){
	#business--headOffice .ly__map .map {height:300px;}
	#business--headOffice .row li strong {top:0;}
	#business--headOffice .row li strong:before {display:none;}
	#business--headOffice .row li {margin-bottom:5px;padding-left:65px;line-height:20px;}
	#business--headOffice .row li:last-child {margin-bottom:0;}
	#business--headOffice p {font-size:12px;}
	#business--headOffice .map-info h3 {float:none;margin-bottom:10px;}
	#business--headOffice .map-info h3 br {display:none;}
	#business--headOffice .mapBtn {height:40px;line-height:35px;}
	.mbanner__box .tit {font-size:22px !important;}
	.mbanner__box .tit strong {font-size:22px !important;}
}
@media screen and (max-width: 480px){
	#business--headOffice .ly__map .mapbox {height:240px;}
}
@media screen and (max-width: 375px){
	#business--headOffice .ly__map .map {height:250px;}
}







@media screen and (max-width: 1920px){
.header__wrap {padding: 0 10px;box-sizing: border-box;}
#header h1 {left: 20px;}
/*.header__r {right: 20px;}*/
}
@media screen and (max-width: 1700px){
	.mbanner__box.mbanner__box1 .bg_banner {padding:0 160px 0 60px;}
	.mbanner__box.mbanner__box1 .commp br {display: none;}
	.mbanner__box .commp {word-break: keep-all;}
}
@media screen and (max-width: 1360px){
	#main__about .aerosol_list .more_btn {display: none;}

}
@media screen and (max-width: 1280px){
	.lnb-menu > li {margin: 0 20px;}
	/*#header h1 img {width: 80%;vertical-align: middle;}*/
	.header_link a {padding: 0 20px;font-size: 14px;}
	.mbanner__box.mbanner__box1 .con_l {width: 100%;float: none;}
	.mbanner__box.mbanner__box1 .color_banner {position: static;top: 0;width: 100%;max-width: 100%;height: auto;padding: 40px;}
	.mbanner__box .con_r {float: none;width: 100%;}
	.mbanner__box.mbanner__box1 .bg_banner,#main__banner2 .mbanner__box.mbanner__box1 .bg_banner.con_r {height: auto;max-width: 100%;width: 100%;padding: 40px;}
	.mbanner__box.mbanner__box1 .color_banner .blitimg {margin-left: 0;}
	#main__banner2 .mbanner__box.mbanner__box1 .color_banner {padding: 40px;}
	#main__banner2 {padding: 0;}
	.mbanner__box.mbanner__box1 .color_banner .set__table {vertical-align: middle;padding-bottom: 0;}
	.mbanner__box .mtit {margin: 30px 0 10px;}
	#main__banner2 .mbanner__box.mbanner__box1 .color_banner {height: auto !important;}
	.aerosol_list ul li {width: 31.333%;}
}
@media screen and (max-width: 1170px){
	#main__about {padding: 55px 0;}
	.footer__top .maxWidth {padding: 0 10px;box-sizing: border-box;}
	.footer_add {padding: 18px 10px;box-sizing: border-box;}
	#main__about.main-section {padding: 50px 0;}
	.carpaint-list li a > span.carpaint-image {display: block;width: 100%;text-align: center;}
	.carpaint-tit {margin-bottom: 10px;}
	.carpaint-desc ul li {padding-left: 100px;}
	.carpaint-desc ul {margin-left: 20px;}
	.conbox .search_box {padding:20px 30px;margin-bottom: 30px;}
	.conbox .search_box .row > span {display: block;float: left;width: 24.3%;}
	.conbox .search_box .row .total_s {width: 100%;}
}
@media screen and (max-width: 1024px){
	#header__language {padding:16.5px 80px 16.5px 0;}
	.header_link {display: none;}
	#main__slider .slider {margin-top: 60px;}
	#slider.spot .slider-table {padding-top: 60px;}
	#main__slider .slider-tit img {max-height: 40vmin;}
}
@media screen and (max-width: 990px){
	.footer__address {float: none;width: 100%;text-align: center;margin-bottom: 20px;}
	.footer_logo {float: none;width: 100%;text-align: center;}
}
@media screen and (max-width: 930px){
	.carpaint-desc ul {float: none;box-sizing: border-box;}
	.conbox .search_box .row > span {width: 48%;margin: 0 1% 1% !important;box-sizing: border-box;}
	.conbox .search_box .row .total_s {margin: 1% 1.5% 0 !important;width: 98% !important;margin-left: 1% !important;}
	.conbox .search_box .row > span:first-child {margin: 1%;}
	.conbox .search_box .s_box {display: block;padding-right: 15%;}
	.conbox .search_box .s_box .row {display: block;}
}
@media screen and (max-width: 768px){
	#main__about .scommp, #main__about2 .scommp {text-align: center;}
	#main__about .main__title strong:after,#main__about2 .main__title strong:after {left: 0;right: 0;margin: 0 auto;}
	#main__about .main__title br,#main__about2 .main__title strong br {display: none;}
	.mbanner__box .tit {font-size: 35px;}
	.mbanner__box .tit span {margin-bottom:10px;line-height: 1.2;}
	#main__about.main-section {padding: 50px 0;}
	#main__about .aerosol_list {overflow: hidden;margin-top: 50px;}
	.down__list ul li p span {font-size: 14px;}
	.down__list ul li p {font-size: 16px;}
	.mbanner__box .tit {line-height: 48px;}
	.mbanner__box .more_read {margin-top: 45px;}
	.down__list ul li {padding: 20px;width: 31.3333%;margin: 0 1%;}
	.main-section .down__list ul {margin: 60px -1% 0;}
	.down__list li .down_btn a {font-size: 12px;}
	#header h1 {left: 0;}
	.conbox .search_box {padding: 20px 10px;}
	.conbox .search_box input {height: 100% !important;}
	.conbox .search_box .s_box {padding-right: 16%;}
}
@media screen and (max-width: 630px){
	.mbanner__box .tit {font-size: 28px;}
	.mbanner__box .tit span,.mbanner__box .tit {line-height: normal;}
	#main__about.main-section .row .inner--right,#main__about2.main-section .row .inner--right {margin-top: 0;}
	#main__about .commp br, #main__about2 .commp br {display: none;}
	#main__about .commp, #main__about2 .commp {word-break: keep-all;}
	#main__about .mtit, #main__about2 .mtit,.mbanner__box .mtit {font-size: 16px;}
	#main__about .commp, #main__about2 .commp,.mbanner__box .commp {font-size: 13px;line-height: 25px;}
	.mbanner__box .tit {font-size: 22px;}
	.footer_logo img {max-width: 150px;}
	#footer .footer__address address span {font-size: 11px;font-weight: normal;color: #333;margin-right: 10px;padding-right: 10px;}
	.footer_info_t span:after, #footer .footer__address address span:after {top: 5px;}
	#footer * {color: #333;}
}
@media screen and (max-width: 560px){
	/*.mbanner__box .tit {font-size: 26px;}*/
	.mbanner__box.mbanner__box1 .bg_banner, #main__banner2 .mbanner__box.mbanner__box1 .bg_banner.con_r,#main__banner2 .mbanner__box.mbanner__box1 .color_banner,.mbanner__box.mbanner__box1 .color_banner {padding:40px 20px;}
	.down__list ul li {width: 100%;float: none;margin: 2% 1%;min-height:100%;}
	.down__list {overflow: hidden;}
	.main-section .down__list .all_btn {margin: 40px auto 0;height: 50px;}
	.main-section .down__list ul {margin: 30px 0% 0;} 
	#header h1 img {height: auto;width: 60%;}
	.carpaint-list > li {float: none;width: 100%;}
	.conbox .search_box .row .total_s,
	.conbox .search_box .row > span {width: 100% !important;float:none;margin-left:0 !important;margin-right:0 !important;}

	.conbox .search_box .s_box {padding-right:0;}
	.conbox .search_box .s_box .row.search_btn {position:static;width:100%;margin-top:10px;max-width:100%;}
	#header__language {padding:16.5px 50px 16.5px 0;}
}