@charset "utf-8";
@media all and (min-width:1280px) {
	.c-menu {display:none;}
	#warp {height:100%;}
	#header {width:100%; height:140px; position: fixed; box-sizing: border-box; color:#FFF; z-index:1000; transition-property: background-color; transition-duration: 0.3s;}
	#header #header-area {margin:auto; height:100px; position:relative;}
	#container {height:100%;}
	#container #container-area {height:100%;}
	.mobile {display:none;}

	#footer {z-index:0; height:349px; position:relative; bottom:0px; box-sizing: border-box; border-top:1px solid #d1d1d1; box-sizing:border-box; }
	#footer #footer-area {margin:auto; height:349px;}

	.area {width:1280px; margin:0 auto;}

	#header-area .logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100px; }
	#header-area .logo img {max-width:100%; filter: invert(100%);}
	#header-area .topmenu {position:absolute; top:50%; left:10%; transform:translate(0%,-50%);}
	#header-area .topmenu li {float:left; padding:0 5px;}
	#header-area .toplink {position:absolute; top:50%; right:10%; transform:translate(0%,-50%); }
	#header-area .toplink li {float:left;}
	#header-area .toplink li a{border:1px solid #d1d1d1; border-radius:20px; padding:1px 15px; margin:0 5px;}
	#header-area .gnb {position:absolute; bottom:-20px; left:50%; transform:translate(-50%, 0%);}
	#header-area .gnb li {float:left; padding:0 24px; font-size:18px;}

	#footer-area .btntop {position:absolute; top:0%; left:50%; transform:translate(-50%, -50%); background:#FFF; width:40px; height:40px; border-radius:20px; border:1px solid #b0b0b0; line-height:10px; text-align:center; font-size:10px; padding-top:7px; letter-spacing:0px; color:#bdbcbc; cursor:pointer;}
	#footer-area .companyname {text-align:center; font-size:25px; font-weight:100; padding-top:25px;}
	#footer-area .footermenu {position:absolute; top:100px; left:50%; transform:translate(-50%, -50%);}
	#footer-area .footermenu > li {float:left; padding:0 15px;}

	#footer-area .companyinfo {position:absolute; top:130px; left:50%; transform:translate(-50%, -50%); width:100%; display: flex; justify-content: center;}
	#footer-area .companyinfo > li {float:left; letter-spacing: -1.5px;}
	#footer-area .companyinfo > li:after {content:"|"; padding:0 10px;}
	#footer-area .companyinfo > li:last-child:after {content:""; padding:0px;}
	
	#footer-area .companyinfo2 {position:absolute; top:155px; left:50%; transform:translate(-50%, -50%); width:100%; display: flex; justify-content: center;}
	#footer-area .companyinfo2 > li {float:left;}
	#footer-area .companyinfo2 > li:after {content:"|"; padding:0 10px;}
	#footer-area .companyinfo2 > li:last-child:after {content:""; padding:0px;}

	#footer-area .companyinfo3 {position:absolute; top:180px; left:50%; transform:translate(-50%, -50%); width:100%; display: flex; justify-content: center;}
	#footer-area .companyinfo3 > li {float:left;}
	#footer-area .companyinfo3 > li:after {content:"|"; padding:0 10px;}
	#footer-area .companyinfo3 > li:last-child:after {content:""; padding:0px;}

	#footer-area .snstitle {position:absolute; text-align:center; width:100%; top:210px;}
	#footer-area .snsbtn {position:absolute; text-align:center; top:250px; left:50%; transform:translate(-50%,0%);}
	#footer-area .snsbtn li { float:left; padding:0 10px;}
	#footer-area .copyright {position:absolute; text-align:center; top:290px; width:100%;}

	#container-area .visual {width:100%; height:100%; background:#d4cda4; position:relative; }
	#container-area .visual .bx-wrapper {height:100%;}
	#container-area .visual .bx-wrapper .bx-viewport {height:100% !important; z-index:0;}
	#container-area .visual .bx-wrapper .bx-viewport .bxslider {height:100% !important;}
	#container-area .visual .bx-wrapper .bx-controls {position:absolute; z-index:999; top:50%; width:100%; transform: translate(0%,-50%); }
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction {position:relative; color: #FFF;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {position:absolute; left:10%; border:2px solid #fff; width:50px; height:50px; text-align: center;font-size:30px; border-radius:50px; vertical-align: middle;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next {position:absolute; right:10%; border:2px solid #fff; width:50px; height:50px; text-align: center;font-size:30px; border-radius:50px; vertical-align: middle;}

	#container-area .visual .bx-wrapper {height:100%;}
	#container-area .visual .bx-wrapper .bx-viewport {height:100% !important; z-index:0;}
	#container-area .visual .bx-wrapper .bx-viewport .bxslider {height:100% !important;}
	#container-area .visual .bx-wrapper .bx-controls {position:absolute; z-index:999; top:50%; width:100%; transform: translate(0%,-50%); }
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction {position:relative; color: #FFF;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {position:absolute; left:10%; border:2px solid #fff; width:50px; height:50px; text-align: center;font-size:30px; border-radius:50px; vertical-align: middle;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next {position:absolute; right:10%; border:2px solid #fff; width:50px; height:50px; text-align: center;font-size:30px; border-radius:50px; vertical-align: middle;}
	#container-area .visual .bx-wrapper .bx-controls .bx-pager {background:#000; width:100%; margin:0 auto;}
	#container-area .blackmask {position:absolute; z-index:1 !important;  top:0px; left:0px; z-index:0; background:rgba(0,0,0,0.3); width:100%; height:100%;}
	#container-area .visual .slide1 {background:url("/images/main_slide_01.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide2 {background:url("/images/main_slide_02.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide3 {background:url("/images/main_slide_03.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide4 {background:url("/images/main_slide_04.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide5 {background:url("/images/main_slide_05.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}

	#container-area .visual .typing-txt {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; color: #FFF; text-align:center;}
	#container-area .visual .typing-txt h1 {font-size:90px; letter-spacing: -3px; font-family:Satisfy; font-weight:100;}
	#container-area .visual .typing-txt li {font-size: 24px;}
	#container-area .visual .typing-txt a.btndetail {width:150px; margin: 0 auto; font-weight:600; border: 1px solid #fff; padding: 5px 10px; margin-top:20px; border-radius:20px; display:block; }
	#container-area .visual .typing-txt a.btndetail:hover {background:rgba(255, 255, 255, 0.5); color: #000;}

	#container-area .visual .BodyMenu {background:#f1f1f1; width:100%; height:80px; position:absolute; z-index:2; bottom:0px; }
	#container-area .visual .BodyMenu ul {}
	#container-area .visual .BodyMenu ul li {float:left; width:20%; text-align:center;}
	#container-area .visual .BodyMenu ul li a {height:80px; line-height:80px; box-sizing:border-box; display:block; font-family: 'Nanum Myeongjo', serif; font-size:25px; letter-spacing:1px; color:#cacaca;}
	#container-area .visual .BodyMenu ul li a:hover,
	#container-area .visual .BodyMenu ul li a.active div {display:inline-block; margin:0 auto; height:80px; color:#F1491D; border-bottom:5px solid #F1491D;}

	#BodyContent .whatwedo {padding:100px 0;}
	#BodyContent .whatwedo hr {width:500px; margin:0 auto;}
	#BodyContent .whatwedo h1 {font-family: 'Nanum Myeongjo', serif; letter-spacing:0px; background:#FFF; margin:0 auto; width:250px; text-align:center; margin-top:-21px;}

	#BodyContent .whatwedo .wwdbox {width:1280px; margin:0 auto; position:relative;}
	#BodyContent .whatwedo .wwdbox .bx-controls {position:absolute; z-index:999; color: #FFF; width:100%; top:50%; transform:translate(0%,-50%);}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction {position:relative; color: #000;}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction .bx-prev {position:absolute; left:0px; top:50%; transform:translate(0,-50%);}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction .bx-next {position:absolute; right:0px; top:50%; transform:translate(0,-50%);}
	#BodyContent .whatwedo .wwdbox .whatwedoList li .bx-caption {position:absolute; bottom:0px; left:50%; transform:translate(-50%,0); z-index: 9999; width: 250px; padding:5px 0; text-align:center;}

	#BodyContent .whatwedo .whatwedoList {}
	#BodyContent .whatwedo .whatwedoList li {float:left; width:33.33%; text-align:center;}
	#BodyContent .whatwedo .whatwedoList li .thumbnail {width:380px; height:300px; margin:0 auto; z-index:0px; position:relative;}
	#BodyContent .whatwedo .whatwedoList li .thumbnail img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%;}

	#ContentPage {height:100%; box-sizing:border-box;}
	#ContentPage .fullpage {height:100%; position:relative; padding-top:140px;}
	#ContentPage .section {padding-top:150px;}
	#ContentPage .section h1 {font-family: 'Nanum Myeongjo', serif; letter-spacing:0px; font-size:70px; font-weight:100;}
	#ContentPage .section .div_middle {position:absolute; top:50%; left:0%; width:100%; transform:translate(0%,-50%);}
	#ContentPage .section .textarea {margin-top:20px; word-break:keep-all;}
	#ContentPage .section hr {position:absolute; top:50%; left:0px; width:200px;}
	#ContentPage .page_header {margin-top:50px; font-family: 'Nanum Myeongjo', serif; letter-spacing:0px;}
	#ContentPage .page_header h1 {font-size:50px; font-weight:100;}
	#ContentPage .page_header p {font-size:20px;}
	#ContentPage .page_body {margin-top:50px; margin-bottom:100px;}
	#ContentPage .page_body .formbox {margin:0 30px;}
	#ContentPage .page_body .formbox hr {margin:20px 0;}
	#ContentPage .page_body .formbox .inform li {padding:5px 0;}
	#ContentPage .page_body .formfiled {margin-top:20px;}
	#ContentPage .page_body .formfiled li {border-bottom:1px solid #8d8d8d; margin-top:10px;}
	#ContentPage .page_body .formfiled li label {}
	#ContentPage .page_body .formfiled li .wideinput {width:100%; box-sizing:border-box;}
	#ContentPage .page_body #daumRoughmapContainer1620094364828 {width:100% !important;}

	#fp-nav {background:rgba(255,255,255,0.3); border-radius:20px;}
	#fp-nav ul li span {border:1px solid #d1d1d1; width:100% !important; height:100% !important; margin:0 !important; display:block; vertical-align:middle; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:transparent !important; border:2px solid #333 !important;}
	#fp-nav ul li a.active span {background:#333 !important;}

	.about #section1 .visual_bg {background:#eaeaea url("/images/about_slide_01.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF; text-align:center;}

	.about #section2 .visual_bg {background:#eaeaea url("/images/about_slide_02.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.about #section2 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px;}
	.about #section2 .bigtext {font-size:150px; opacity:0.5; left:650px;}

	.about #section3 .visual_bg {background:#eaeaea url("/images/about_slide_03.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.about #section3 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px; color:#000;}
	.about #section3 .bigtext {font-size:150px; opacity:0.5; left:500px;}

	.about #section4 .visual_bg {background:#eaeaea url("/images/about_slide_04.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.about #section4 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px;}
	.about #section4 .bigtext {font-size:150px; opacity:0.5; left:600px;}

	.about #section5 .visual_bg {background:#eaeaea url("/images/about_slide_05.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.about #section5 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px;}
	.about #section5 .bigtext {font-size:150px; opacity:0.5; left:550px;}


	.business #section1 .visual_bg {background:#eaeaea url("/images/business_slide_01.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF; text-align:center;}
	.business #section1 h1 {position:absolute; top:47%; left:0%; width:100%; text-align:center; transform:translate(0%,-50%); font-size:70px;}
	.business #section1 .smalltext {position:absolute; top:55%; width:100%; text-align:center; transform:translate(0%,-50%); font-size:20px;}

	.business #section2 .bsix {}
	.business #section2 .bsix li {width:33.3333%; float:left;}
	.business #section2 .bsix li .inbox {margin:10px; height:330px; position:relative; z-index:100; color: #FFF; background:#000; color: #FFF; cursor: pointer;}
	.business #section2 .bsix li .inbox p {margin-bottom:30px;}
	.business #section2 .bsix li .inbox h3 {position:absolute; bottom:50%; left: 50%; transform:translate(-50%,-50%); z-index:101; font-size:20px;}
	.business #section2 .bsix li .bgbox {z-index:9; position:absolute; top: 50%; left:50%; transform: translate(-50%,-50%); width:100%; height:330px; background-size: cover; padding:10px;}
	.business #section2 .bsix li .bgbox p,
	.business #section2 .bsix li .bgbox h3 {display:none;}
	.business #section2 .bsix li:hover .bgbox {background:rgba(0, 0, 0, 0.5);}
	.business #section2 .bsix li:hover .bgbox p {display:block;}
	.business #section2 .bsix li:hover .inbox h3 {position:absolute; bottom:10px; left:10px; transform: translate(0%,0%); z-index:101;}
	.business #section2 .bsix li.EXHIBITION .inbox { background:#000 url('/images/EXHIBITION.jpg') center center no-repeat; background-size: auto 100%;}
	.business #section2 .bsix li.CONVENTION .inbox { background:#000 url('/images/CONVENTION.jpg') center center no-repeat; background-size: auto 100%;}
	.business #section2 .bsix li.PROMOTION .inbox { background:#000 url('/images/PROMOTION.jpg') center center no-repeat; background-size: auto 100%;}
	.business #section2 .bsix li.MEDIA .inbox { background:#000 url('/images/MEDIA.jpg') center center no-repeat; background-size: auto 100%;}
	.business #section2 .bsix li.PLANNING .inbox { background:#000 url('/images/PLANNING.jpg') center center no-repeat; background-size: auto 100%;}
	.business #section2 .bsix li.DESIGN .inbox { background:#000 url('/images/DESIGN.jpg') center center no-repeat; background-size:100%;}

	.business #section3 .visual_bg {background:#eaeaea url("/images/business_slide_02.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.business #section3 h1 {position:absolute; top:50%; left:15%; transform:translate(0%,-50%); font-size:50px;}

	.business #section4 .visual_bg {background:#eaeaea url("/images/business_slide_03.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.business #section4 h1 {position:absolute; top:50%; left:15%; transform:translate(0%,-50%); font-size:50px; color:#FFF;}

	.business #section5 .visual_bg {background:#eaeaea url("/images/business_slide_04.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:400px; color:#FFF;}
	.business #section5 h1 {position:absolute; top:50%; left:15%; transform:translate(0%,-50%); font-size:50px;}
	.business #section5 h3 {font-family: 'Nanum Myeongjo', serif;}
	.business #section5 .chartbox {margin-top:30px;}
	.business #section5 .chartbox .roundbox {width:150px; height:150px; border-radius:100px; background:#595959; margin:0 auto; color:#FFF; text-align:center; font-size:16px; font-weight:600; position:relative;}
	.business #section5 .chartbox .roundbox span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); letter-spacing:-2px;}


	.contactus .subvisual {background:#eaeaea url("/images/contactus.jpg") top center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:350px; color:#FFF;}
	.notice .subvisual {background:#eaeaea url("/images/notice.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:350px; color:#FFF;}
	.portfolio .subvisual {background:#eaeaea url("/images/portfolio.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:350px; color:#FFF;}

	.portfolio .imageList {display: grid; grid-gap: 10px; justify-content: space-around; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-rows: 0;}
	.portfolio .imageList li {position: relative; overflow: hidden;}
	.portfolio .imageList li > img {width: 100%;}
	.portfolio .imageList li > span {position: absolute; background:rgba(0, 0, 0, 0.5); color:#FFF; padding:5px 10px; border-radius:0 0 5px 5px; top: 0px; left:0px; width:100%;}

}

@media all and (min-width:769px) and (max-width:1279px) {
	#warp {height:100%;}
	#header {width:100%; height:100px; position: fixed; box-sizing: border-box; color:#FFF; z-index:1000;}
	#header #header-area {margin:auto; width:100%; height:70px; position:relative;}
	#container {height:100%;}
	#container #container-area {height:100%;}
	.mobile {display:none;}

	#footer {z-index:0; height:349px; position:relative; bottom:0px; box-sizing: border-box; border-top:1px solid #d1d1d1; box-sizing:border-box; }
	#footer #footer-area {margin:auto; height:349px;}

	.area {max-width:1279px; margin:0 auto;}

	#header-area .logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100px; }
	#header-area .logo img {max-width:100%; filter: invert(100%);}
	#header-area .topmenu {position:absolute; top:50%; left:10%; transform:translate(0%,-50%);}
	#header-area .topmenu li {float:left; padding:0 5px;}
	#header-area .toplink {position:absolute; top:50%; right:5%; transform:translate(0%,-50%); color:#FFF;}
	#header-area .toplink li {float:left;}
	#header-area .toplink a{color:#FFF; border:1px solid #d1d1d1; border-radius:20px; padding:1px 15px; margin:0 5px;}
	#header-area .gnb {position:absolute; bottom:-20px; left:50%; transform:translate(-50%, 0%);}
	#header-area .gnb li {float:left; padding:0 10px;}

	#footer-area .btntop {position:absolute; top:0%; left:50%; transform:translate(-50%, -50%); background:#FFF; width:40px; height:40px; border-radius:20px; border:1px solid #b0b0b0; line-height:10px; text-align:center; font-size:10px; padding-top:7px; letter-spacing:0px; color:#bdbcbc; cursor:pointer;}
	#footer-area .companyname {text-align:center; font-size:25px; font-weight:100; padding-top:25px;}
	#footer-area .footermenu {position:absolute; top:100px; left:50%; transform:translate(-50%, -50%); width: 100%; max-width: 750px; margin: 0 auto;}
	#footer-area .footermenu > li {float:left; width:20%; text-align: center; max-width:150px;}

	#footer-area .companyinfo {position:absolute; top:130px; left:50%; transform:translate(-50%, -50%); width:100%; display: flex; justify-content: center;}
	#footer-area .companyinfo > li {float:left;}
	#footer-area .companyinfo > li:after {content:"|"; padding:0 10px;}
	#footer-area .companyinfo > li:last-child:after {content:""; padding:0px;}

	#footer-area .companyinfo2 {position:absolute; top:155px; left:50%; transform:translate(-50%, -50%); width:100%; display: flex; justify-content: center;}
	#footer-area .companyinfo2 > li {float:left;}
	#footer-area .companyinfo2 > li:after {content:"|"; padding:0 10px;}
	#footer-area .companyinfo2 > li:last-child:after {content:""; padding:0px;}

	#footer-area .companyinfo3 {position:absolute; top:180px; left:50%; transform:translate(-50%, -50%); width:100%; display: flex; justify-content: center;}
	#footer-area .companyinfo3 > li {float:left;}
	#footer-area .companyinfo3 > li:after {content:"|"; padding:0 10px;}
	#footer-area .companyinfo3 > li:last-child:after {content:""; padding:0px;}

	#footer-area .snstitle {position:absolute; text-align:center; width:100%; top:210px;}
	#footer-area .snsbtn {position:absolute; text-align:center; top:250px; left:50%; transform:translate(-50%,0%);}
	#footer-area .snsbtn li { float:left; padding:0 10px;}
	#footer-area .copyright {position:absolute; text-align:center; top:290px; width:100%;}

	#container-area .visual {width:100%; height:100%; background:#d4cda4; position:relative; }
	#container-area .visual .bx-wrapper {height:100%;}
	#container-area .visual .bx-wrapper .bx-viewport {height:100% !important; z-index:0;}
	#container-area .visual .bx-wrapper .bx-viewport .bxslider {height:100% !important;}
	#container-area .visual .bx-wrapper .bx-controls {position:absolute; z-index:999; top:50%; width:100%; transform: translate(0%,-50%); }
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction {position:relative; color: #FFF;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {position:absolute; left:10%; border:2px solid #fff; width:50px; height:50px; text-align: center;font-size:30px; border-radius:50px; vertical-align: middle;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next {position:absolute; right:10%; border:2px solid #fff; width:50px; height:50px; text-align: center;font-size:30px; border-radius:50px; vertical-align: middle;}

	#container-area .visual .bx-wrapper {height:100%;}
	#container-area .visual .bx-wrapper .bx-viewport {height:100% !important; z-index:0;}
	#container-area .visual .bx-wrapper .bx-viewport .bxslider {height:100% !important;}
	#container-area .visual .bx-wrapper .bx-controls {position:absolute; z-index:999; top:50%; width:100%; transform: translate(0%,-50%); }
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction {position:relative; color: #FFF;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {position:absolute; left:10%; border:2px solid #fff; width:50px; height:50px; text-align: center;font-size:30px; border-radius:50px; vertical-align: middle;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next {position:absolute; right:10%; border:2px solid #fff; width:50px; height:50px; text-align: center;font-size:30px; border-radius:50px; vertical-align: middle;}

	#container-area .visual .bx-wrapper {height:100%;}
	#container-area .visual .bx-wrapper .bx-viewport {height:100% !important; z-index:0;}
	#container-area .visual .bx-wrapper .bx-viewport .bxslider {height:100% !important;}

	#container-area .blackmask {position:absolute; z-index:1 !important;  top:0px; left:0px; z-index:0; background:rgba(0,0,0,0.3); width:100%; height:100%;}
	#container-area .visual .slide1 {background:url("/images/main_slide_01.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide2 {background:url("/images/main_slide_02.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide3 {background:url("/images/main_slide_03.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide4 {background:url("/images/main_slide_04.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide5 {background:url("/images/main_slide_05.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}

	#container-area .visual .typing-txt {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; color: #FFF; text-align:center;}
	#container-area .visual .typing-txt h1 {font-size:40px; letter-spacing: -3px; font-family:Satisfy; font-weight:100;}
	#container-area .visual .typing-txt li {font-size: 18px;}
	#container-area .visual .typing-txt a.btndetail {width:150px; margin: 0 auto; font-weight:600; border: 1px solid #fff; padding: 5px 10px; margin-top:20px; border-radius:20px; display:block; }
	#container-area .visual .typing-txt a.btndetail:hover {background:rgba(255, 255, 255, 0.5); color: #000;}

	#container-area .visual .BodyMenu {background:#f1f1f1; width:100%; height:80px; position:absolute; z-index:2; bottom:0px; }
	#container-area .visual .BodyMenu ul {}
	#container-area .visual .BodyMenu ul li {float:left; width:20%; text-align:center;}
	#container-area .visual .BodyMenu ul li a {height:80px; line-height:80px; box-sizing:border-box; display:block; font-family: 'Nanum Myeongjo', serif; font-size:25px; color:#cacaca;}
	#container-area .visual .BodyMenu ul li a:hover,
	#container-area .visual .BodyMenu ul li a.active div {display:inline-block; margin:0 auto; height:80px; color:#F1491D; border-bottom:5px solid #F1491D;}

	#BodyContent .whatwedo {padding:100px 0;}
	#BodyContent .whatwedo hr {width:500px; margin:0 auto;}
	#BodyContent .whatwedo h1 {font-family: 'Nanum Myeongjo', serif; letter-spacing:0px; background:#FFF; margin:0 auto; width:250px; text-align:center; margin-top:-21px;}

	#BodyContent .whatwedo .wwdbox {width:100%; margin:0 auto; position:relative;}
	#BodyContent .whatwedo .wwdbox .bx-controls {position:absolute; z-index:9999; color: #FFF; width:100%; top:50%; transform:translate(0%,-50%);}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction {position:relative; color: #b0b0b0;}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction a {display:block; width:30px; height:30px; line-height:28px; text-align:center; background:rgba(255, 255, 255, 0.5); border:1px solid #b0b0b0; border-radius:30px;}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction a:hover {background:#b0b0b0; color: #FFF;}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction .bx-prev {position:absolute; left:10px; top:50%; transform:translate(0,-50%);}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction .bx-next {position:absolute; right:10px; top:50%; transform:translate(0,-50%);}
	#BodyContent .whatwedo .wwdbox .whatwedoList li .bx-caption {position:absolute; bottom:0px; left:50%; transform:translate(-50%,0); z-index: 9999; width: 250px; padding:5px 0; text-align:center;}

	#BodyContent .whatwedo .whatwedoList {}
	#BodyContent .whatwedo .whatwedoList li {float:left; width:33.33%; text-align:center;}
	#BodyContent .whatwedo .whatwedoList li .thumbnail {width:250px; height:250px; margin:0 auto; z-index:0px; position:relative;}
	#BodyContent .whatwedo .whatwedoList li .thumbnail img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%;}

	#ContentPage {height:100%; box-sizing:border-box;}
	#ContentPage .fullpage {height:100%; position:relative; padding-top:140px;}
	#ContentPage .section {padding-top:150px;}
	#ContentPage .section h1 {font-family: 'Nanum Myeongjo', serif; letter-spacing:0px; font-size:70px; font-weight:100;}
	#ContentPage .section .div_middle {position:absolute; top:50%; left:0%; width:100%; transform:translate(0%,-50%);}
	#ContentPage .section .textarea {margin-top:50px; word-break:keep-all;}
	#ContentPage .section hr {position:absolute; top:50%; left:0px; width:200px;}
	#ContentPage .page_header {margin-top:50px; font-family: 'Nanum Myeongjo', serif; letter-spacing:0px;}
	#ContentPage .page_header h1 {font-size:50px; font-weight:100;}
	#ContentPage .page_header p {font-size:20px;}
	#ContentPage .page_body {margin-top:50px; margin-bottom:100px;}
	#ContentPage .page_body .formbox {margin:0 30px;}
	#ContentPage .page_body .formbox hr {margin:20px 0;}
	#ContentPage .page_body .formbox .inform li {padding:5px 0;}
	#ContentPage .page_body .formfiled {margin-top:20px;}
	#ContentPage .page_body .formfiled li {border-bottom:1px solid #8d8d8d; margin-top:10px;}
	#ContentPage .page_body .formfiled li label {}
	#ContentPage .page_body .formfiled li .wideinput {width:100%; box-sizing:border-box;}
	#ContentPage .page_body #daumRoughmapContainer1620094364828 {width:100% !important;}

	#fp-nav {background:rgba(255,255,255,0.3); border-radius:20px;}
	#fp-nav ul li span {border:1px solid #d1d1d1; width:100% !important; height:100% !important; margin:0 !important; display:block; vertical-align:middle; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:transparent !important; border:2px solid #333 !important;}
	#fp-nav ul li a.active span {background:#333 !important;}

	.about #section1 .visual_bg {background:#eaeaea url("/images/about_slide_01.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:618px; color:#FFF; text-align:center;}
	.about #section2 .visual_bg {background:#eaeaea url("/images/about_slide_02.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:360px; color:#FFF;}
	.about #section2 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px;}
	.about #section2 .bigtext {font-size:150px; opacity:0.5; left:650px;}

	.about #section3 .visual_bg {background:#eaeaea url("/images/about_slide_03.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:370px; color:#FFF;}
	.about #section3 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px; color:#000;}
	.about #section3 .bigtext {font-size:150px; opacity:0.5; left:500px;}

	.about #section4 .visual_bg {background:#eaeaea url("/images/about_slide_04.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:320px; color:#FFF;}
	.about #section4 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px;}
	.about #section4 .bigtext {font-size:150px; opacity:0.5; left:600px;}

	.about #section5 .visual_bg {background:#eaeaea url("/images/about_slide_05.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:320px; color:#FFF;}
	.about #section5 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px;}
	.about #section5 .bigtext {font-size:150px; opacity:0.5; left:550px;}


	.business #section1 .visual_bg {background:#eaeaea url("/images/business_slide_01.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:650px; color:#FFF; text-align:center;}
	.business #section1 h1 {position:absolute; top:47%; left:0%; width:100%; text-align:center; transform:translate(0%,-50%); font-size:50px;}
	.business #section1 .smalltext {position:absolute; top:53%; width:100%; text-align:center; transform:translate(0%,-50%);}

	.business #section2 .bsix {}
	.business #section2 .bsix li {width:33.3333%; float:left;}
	.business #section2 .bsix li .inbox {margin:10px; height:330px; position:relative; z-index:100; color: #FFF; background:#000; color: #FFF; cursor: pointer;}
	.business #section2 .bsix li .inbox p {margin-bottom:30px;}
	.business #section2 .bsix li .inbox h3 {position:absolute; bottom:50%; left: 50%; transform:translate(-50%,-50%); z-index:101; font-size:20px;}
	.business #section2 .bsix li .bgbox {z-index:9; position:absolute; top: 50%; left:50%; transform: translate(-50%,-50%); width:100%; height:330px; background-size: cover; padding:10px;}
	.business #section2 .bsix li .bgbox p,
	.business #section2 .bsix li .bgbox h3 {display:none;}
	.business #section2 .bsix li:hover .bgbox {background:rgba(0, 0, 0, 0.5);}
	.business #section2 .bsix li:hover .bgbox p {display:block;}
	.business #section2 .bsix li:hover .inbox h3 {position:absolute; bottom:10px; left:10px; transform: translate(0%,0%); z-index:101;}
	.business #section2 .bsix li.EXHIBITION .inbox { background:#000 url('/images/EXHIBITION.jpg') center center no-repeat;}
	.business #section2 .bsix li.CONVENTION .inbox { background:#000 url('/images/CONVENTION.jpg') center center no-repeat;}
	.business #section2 .bsix li.PROMOTION .inbox { background:#000 url('/images/PROMOTION.jpg') center center no-repeat;}
	.business #section2 .bsix li.MEDIA .inbox { background:#000 url('/images/MEDIA.jpg') center center no-repeat;}
	.business #section2 .bsix li.PLANNING .inbox { background:#000 url('/images/PLANNING.jpg') center center no-repeat;}
	.business #section2 .bsix li.DESIGN .inbox { background:#000 url('/images/DESIGN.jpg') center center no-repeat;}

	.business #section3 .visual_bg {background:#eaeaea url("/images/business_slide_02.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.business #section3 h1 {position:absolute; top:50%; left:15%; transform:translate(0%,-50%); font-size:50px;}

	.business #section4 .visual_bg {background:#eaeaea url("/images/business_slide_03.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.business #section4 h1 {position:absolute; top:50%; left:15%; transform:translate(0%,-50%); font-size:50px; color:#FFF;}

	.business #section5 .visual_bg {background:#eaeaea url("/images/business_slide_04.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:400px; color:#FFF;}
	.business #section5 h1 {position:absolute; top:50%; left:15%; transform:translate(0%,-50%); font-size:50px;}
	.business #section5 h3 {font-family: 'Nanum Myeongjo', serif;}
	.business #section5 .chartbox {margin-top:30px;}
	.business #section5 .chartbox .roundbox {width:150px; height:150px; border-radius:100px; background:#595959; margin:0 auto; color:#FFF; text-align:center; font-size:16px; font-weight:600; position:relative;}
	.business #section5 .chartbox .roundbox span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); letter-spacing:-2px;}


	.contactus .subvisual {background:#eaeaea url("/images/contactus.jpg") top center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:350px; color:#FFF;}
	.notice .subvisual {background:#eaeaea url("/images/notice.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:350px; color:#FFF;}
	.portfolio .subvisual {background:#eaeaea url("/images/portfolio.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:350px; color:#FFF;}

	.portfolio .imageList {display: grid; grid-gap: 10px; justify-content: space-around; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-rows: 0;}
	.portfolio .imageList li {position: relative; overflow: hidden;}
	.portfolio .imageList li > img {width: 100%;}
	.portfolio .imageList li > span {position: absolute; background:rgba(0, 0, 0, 0.5); color:#FFF; padding:5px 10px; border-radius:0 0 5px 5px; top: 0px; left:0px; width:100%;}

	.amboard_photos ul li {float:left; width:25%;}
	.amboard_photos ul li .amboard_listbox_img {height:;}
}

@media all and (max-width:768px) {
	#warp {height:100%;}
	#header {width:100%; height:70px; position: fixed; box-sizing: border-box; color:#FFF; z-index:10;}
	#header #header-area {margin:auto; height:70px; position:relative;}

	#container {height:100%;}
	#container #container-area {height:100%;}

	#footer {z-index:0; height:450px; position:relative; bottom:0px; box-sizing: border-box; border-top:1px solid #d1d1d1; box-sizing:border-box; }
	#footer #footer-area {margin:auto; height:450px;}

	.area {width:100%; margin:0 auto;}

	#header-area .logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100px; }
	#header-area .logo img {max-width:100%; filter: invert(100%);}
	#header-area .topmenu {display:none;}
	#header-area .toplink {display:none;}
	#header-area .gnb {display:none;}
	#header-area .mobilegnb {position:absolute; top: 50%; transform: translate(0%,-50%); left:20px;}
	#header-area .mobilegnb button {font-size:25px; color: #ddd; width: 25px; height: 25px; line-height: 25px; text-align: center;}

	#footer-area .btntop {position:absolute; top:0%; left:50%; transform:translate(-50%, -50%); background:#FFF; width:40px; height:40px; border-radius:20px; border:1px solid #b0b0b0; line-height:10px; text-align:center; font-size:10px; padding-top:7px; letter-spacing:0px; color:#bdbcbc; cursor:pointer;}
	#footer-area .companyname {text-align:center; font-size:25px; font-weight:100; padding-top:25px; padding-bottom:20px;}
	#footer-area .footermenu {height:67px;}
	#footer-area .footermenu > li {float:left; width:50%; text-align:center; border: 1px solid #d1d1d1; box-sizing:border-box; margin-right:-1px; margin-bottom: -1px;}
	#footer-area .footermenu > li:last-child {width:100%; margin-right:-1px; margin-bottom: -1px;}

	#footer-area .companyinfo {margin-top:30px; width:100%;}
	#footer-area .companyinfo > li {text-align:center;}
	#footer-area .companyinfo2 {margin-top:30px; width:100%;}
	#footer-area .companyinfo2 > li {text-align:center;}
	#footer-area .companyinfo3 {margin-top:30px; width:100%;}
	#footer-area .companyinfo3 > li {text-align:center;}

	#footer-area .snstitle {display:none;}
	#footer-area .snsbtn {position:absolute; text-align:center; bottom:10px; left:50%; transform:translate(-50%,0%);}
	#footer-area .snsbtn li { display:inline-block; padding:0 10px;}
	#footer-area .copyright {text-align:center; width:100%; margin:20px 0;}

	.c-menu__close {font-size:20px; line-height:100%; color:#FFF; position:absolute; top:5%; right:10%;}
	.c-menu__items {list-style:none; width:100%; padding:0; box-sizing:border-box; margin-top:100px;}
	.c-menu__items .sub_tit {color:#FFF; font-size:16px; font-weight:500; margin:0 auto; box-sizing: border-box; text-align: center;}
	.c-menu__items .sub_tit span {font-size:16px;}
	.c-menu__items .sub_tit a {width:100%; display:block; padding:10px 15px; box-sizing:border-box;}
	.c-menu__items .sub_tit:hover {background:#304151;}
	.c-menu__items .sub_tit:hover a {color:#FFF;}
	.c-menu__items .sub_tit .inbox {padding:0; margin:5px;}
	.c-menu__items .sub_open {display:none;}
	.c-menu--slide-left {width:100%; z-index:99999;}
	.c-menu--slide-left .c-menu__item {border-bottom:1px solid #8ca7bc; box-sizing:border-box;}
	.c-menu--slide-left .c-menu__item a {color:#fff; width:100%; display:block; padding:10px 25px; box-sizing:border-box;}
	.c-menu--slide-left .c-menu__link {display:block; padding:5%; font-size:1.091em; font-weight:bold; color:#575757; }
	.c-menu--slide-left {height: 100%; overflow-y:auto; top:0; left:0; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); position:fixed; z-index:11;}
	.c-menu--slide-left.is-active {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); z-index:911;}

	.c-mask {position: fixed; z-index: 910; top: 0; left: 0; overflow: hidden; width: 0; height: 0; background-color: #000; opacity: 0; -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s; transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;}
	.c-mask.is-active {width: 100%; height: 100%; opacity: 0.75; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}


	#container-area .visual {width:100%; height:100%; background:#000; color: #FFF; position:relative; z-index: 1;}
	#container-area .visual .BodyMenu {display:none;}

	#container-area .visual .bx-wrapper {height:100%;}
	#container-area .visual .bx-wrapper .bx-viewport {height:100%;}
	#container-area .visual .bx-wrapper .bx-viewport .bxslider {height:100%;}

	#container-area .visual .bx-wrapper .bx-controls {position:absolute; z-index: 100; top:0%; left: 0%; width:100%; height:100%;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction {position:absolute; top: 50%; transform: translate(0,-50%); width:100%; height: 30px; color: #FFF;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {position:absolute; left:5%; border:2px solid #fff; width:30px; height:30px; text-align: center;font-size:15px; border-radius:50px; vertical-align: middle;}
	#container-area .visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next {position:absolute; right:5%; border:2px solid #fff; width:30px; height:30px; text-align: center;font-size:15px; border-radius:50px; vertical-align: middle;}

	#container-area .visual .blackmask {position:absolute; z-index:1;  top:0px; left:0px; z-index:0; background:rgba(0,0,0,0.3); width:100%; height:100%;}
	#container-area .visual .slide1 {background:url("/images/main_slide_01.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide2 {background:url("/images/main_slide_02.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide3 {background:url("/images/main_slide_03.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide4 {background:url("/images/main_slide_04.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}
	#container-area .visual .slide5 {background:url("/images/main_slide_05.jpg") center center no-repeat; background-size: cover; width:100%; background-attachment: fixed; height:100%;}

	#container-area .visual .typing-txt {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; color: #FFF; text-align:center; width:90%;}
	#container-area .visual .typing-txt h1 {font-size:30px; font-family:Satisfy; font-weight:100;}
	#container-area .visual .typing-txt li {font-size: 14px;}
	#container-area .visual a.btndetail {width:150px; margin: 0 auto; font-weight:600; border: 1px solid #fff; padding: 5px 10px; margin-top:20px; border-radius:20px; display:block; position:absolute; bottom:30%; left: 50%; transform: translate(-50%,-50%); z-index: 1200;}
	#container-area .visual a.btndetail:hover {background:rgba(255, 255, 255, 0.5); color: #000;}


	#BodyContent .whatwedo {padding:100px 0;}
	#BodyContent .whatwedo hr {width:100%; margin:0 auto;}
	#BodyContent .whatwedo h1 {font-family: 'Nanum Myeongjo', serif; letter-spacing:0px; background:#FFF; margin:0 auto; width:250px; text-align:center; margin-top:-21px;}

	#BodyContent .whatwedo .wwdbox {width:100%; margin:0 auto; position:relative;}
	#BodyContent .whatwedo .wwdbox .bx-controls {position:absolute; z-index:9999; color: #FFF; width:100%; top:50%; transform:translate(0%,-50%);}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction {position:relative; color: #b0b0b0;}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction a {display:block; width:30px; height:30px; line-height:28px; text-align:center; background:rgba(255, 255, 255, 0.5); border:1px solid #b0b0b0; border-radius:30px;}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction a:hover {background:#b0b0b0; color: #FFF;}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction .bx-prev {position:absolute; left:10px; top:50%; transform:translate(0,-50%);}
	#BodyContent .whatwedo .wwdbox .bx-controls .bx-controls-direction .bx-next {position:absolute; right:10px; top:50%; transform:translate(0,-50%);}
	#BodyContent .whatwedo .wwdbox .whatwedoList li .bx-caption {position:absolute; bottom:0px; left:50%; transform:translate(-50%,0); z-index: 9999; width: 250px; padding:5px 0; text-align:center;}

	#BodyContent .whatwedo .whatwedoList {}
	#BodyContent .whatwedo .whatwedoList li {float:left; width:33.33%; text-align:center;}
	#BodyContent .whatwedo .whatwedoList li .thumbnail {width:250px; height:250px; margin:0 auto; z-index:0px; position:relative;}
	#BodyContent .whatwedo .whatwedoList li .thumbnail img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%;}

	#ContentPage {height:100%; box-sizing:border-box;}
	#ContentPage .fullpage {height:100%; position:relative; padding-top:70px;}
	#ContentPage .section {padding-top:0px;}
	#ContentPage .section h1 {font-family: 'Nanum Myeongjo', serif; letter-spacing:0px; font-size:30px; font-weight:100;}
	#ContentPage .section .div_middle {position:absolute; top:50%; left:0%; width:100%; transform:translate(0%,-50%);}
	#ContentPage .section .textarea {margin-top:0px; word-break:keep-all;}
	#ContentPage .section hr {position:absolute; top:50%; left:0px; width:70%;}
	#ContentPage .page_header {margin-top:50px; font-family: 'Nanum Myeongjo', serif; letter-spacing:0px;}
	#ContentPage .page_header h1 {font-size:50px; font-weight:100;}
	#ContentPage .page_header p {font-size:20px;}
	#ContentPage .page_body {margin-top:50px; margin-bottom:100px;}
	#ContentPage .page_body .formbox {margin:0 30px;}
	#ContentPage .page_body .formbox hr {margin:20px 0;}
	#ContentPage .page_body .formbox .inform li {padding:5px 0;}
	#ContentPage .page_body .formfiled {margin-top:20px;}
	#ContentPage .page_body .formfiled li {border-bottom:1px solid #8d8d8d; margin-top:10px;}
	#ContentPage .page_body .formfiled li label {}
	#ContentPage .page_body .formfiled li .wideinput {width:100%; box-sizing:border-box;}
	#ContentPage .page_body #daumRoughmapContainer1620094364828 {width:100% !important;}

	#fp-nav {background:rgba(255,255,255,0.3); border-radius:20px;}
	#fp-nav ul li span {border:1px solid #d1d1d1; width:100% !important; height:100% !important; margin:0 !important; display:block; vertical-align:middle; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:transparent !important; border:2px solid #333 !important;}
	#fp-nav ul li a.active span {background:#333 !important;}

	.about ul li {float:none; width:auto; padding:0 10px;}
	.about #section1 .visual_bg {background:#eaeaea url("/images/about_slide_01.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:100%; color:#FFF; text-align:center;}
	.about #section2 .visual_bg {background:#eaeaea url("/images/about_slide_02.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.about #section2 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px;}
	.about #section2 .bigtext {font-size:150px; opacity:0.5; left:650px;}

	.about #section3 .visual_bg {background:#eaeaea url("/images/about_slide_03.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.about #section3 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px; color:#000;}
	.about #section3 .bigtext {font-size:150px; opacity:0.5; left:500px;}

	.about #section4 .visual_bg {background:#eaeaea url("/images/about_slide_04.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.about #section4 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px;}
	.about #section4 .bigtext {font-size:150px; opacity:0.5; left:600px;}

	.about #section5 .visual_bg {background:#eaeaea url("/images/about_slide_05.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:500px; color:#FFF;}
	.about #section5 h1 {position:absolute; top:50%; left:10%; transform:translate(0%,-50%); font-size:50px;}
	.about #section5 .bigtext {font-size:150px; opacity:0.5; left:550px;}


	.business #section1 .visual_bg {background:#eaeaea url("/images/business_slide_01.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:100%; color:#FFF; text-align:center;}
	.business #section1 h1 {position:absolute; top:47%; left:0%; width:100%; text-align:center; transform:translate(0%,-50%); font-size:50px;}
	.business #section1 .smalltext {position:absolute; top:53%; width:100%; text-align:center; transform:translate(0%,-50%);}
	.business #section1 .textarea {position: absolute; bottom: 10%; color: #FFF;}
	.business #section1 ul li {float:none; width:auto; padding:0 10px;}

	.business #section2 .bsix {padding-top: 70px; margin:0 10px;}
	.business #section2 .bsix li {width:50%; float:left; padding:0px; position:relative;}
	.business #section2 .bsix li .inbox {margin:10px; height:160px; position:relative; z-index:100; color: #FFF; background:#000; color: #FFF; cursor: pointer;}
	.business #section2 .bsix li .inbox p {margin-bottom:30px;}
	.business #section2 .bsix li .inbox h3 {position:absolute; top:50%; left: 50%; transform:translate(-50%,-50%); z-index:101; font-size:20px;}
	.business #section2 .bsix li .bgbox {z-index:9; position:absolute; top: 50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%; background-size: cover; padding:10px;}
	.business #section2 .bsix li .bgbox p,
	.business #section2 .bsix li .bgbox h3 {display:none;}
	.business #section2 .bsix li:hover .bgbox {background:rgba(0, 0, 0, 0.5);}
	.business #section2 .bsix li:hover .bgbox p {display:block;}
	.business #section2 .bsix li:hover .inbox h3 {position:absolute; top:auto; bottom:10px; left:10px; transform: translate(0%,0%); z-index:101;}
	.business #section2 .bsix li.EXHIBITION .inbox { background:#000 url('/images/EXHIBITION.jpg') center center no-repeat;}
	.business #section2 .bsix li.CONVENTION .inbox { background:#000 url('/images/CONVENTION.jpg') center center no-repeat;}
	.business #section2 .bsix li.PROMOTION .inbox { background:#000 url('/images/PROMOTION.jpg') center center no-repeat;}
	.business #section2 .bsix li.MEDIA .inbox { background:#000 url('/images/MEDIA.jpg') center center no-repeat;}
	.business #section2 .bsix li.PLANNING .inbox { background:#000 url('/images/PLANNING.jpg') center center no-repeat;}
	.business #section2 .bsix li.DESIGN .inbox { background:#000 url('/images/DESIGN.jpg') center center no-repeat;}

	.business #section3 .visual_bg {background:#eaeaea url("/images/business_slide_02.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:100%; color:#FFF;}
	.business #section3 h1 {position:absolute; top:30%; left:15%; transform:translate(0%,-50%); font-size:50px;}
	.business #section3 hr {position:absolute; top:30%; margin-top:25px;}
	.business #section3 .lguide {position:absolute; bottom: 0px;}
	.business #section3 .lguide li {float: left; width:50%; padding: 10px; border:0px; border-top:1px solid #d1d1d1; color: #FFF;}
	.business #section3 .lguide li:nth-child(2n) {border-left:1px solid #d1d1d1;}
	.business #section3 .lguide li h3 {font-size:18px; margin-bottom:5px;}

	.business #section4 .visual_bg {background:#eaeaea url("/images/business_slide_03.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:100%; color:#FFF;}
	.business #section4 h1 {position:absolute; top:30%; left:15%; transform:translate(0%,-50%); font-size:35px; color:#FFF;}
	.business #section4 hr {position:absolute; top:30%; margin-top:25px;}
	.business #section4 .textarea {position:absolute; bottom: 0px;}
	.business #section4 .lguide {position:absolute; bottom: 0px;}
	.business #section4 .lguide li {float: left; width:50%; padding: 10px; border:0px; border-top:1px solid #d1d1d1; color: #FFF;}
	.business #section4 .lguide li:nth-child(2n) {border-left:1px solid #d1d1d1;}
	.business #section4 .lguide li h3 {font-size:17px; margin-bottom:5px;}

	.business #section5 .visual_bg {background:#eaeaea url("/images/business_slide_04.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:100%; color:#FFF;}
	.business #section5 h1 {position:absolute; top:10%; left:0%; transform:translate(0%,-50%); font-size:30px; text-align:center; width:100%;}
	.business #section5 h3 {font-family: 'Nanum Myeongjo', serif; margin:0px;}
	.business #section5 hr {position:absolute; top:10%; margin-top:25px;}
	.business #section5 .textarea {position:absolute; bottom: 0px;}
	.business #section5 .lguide {margin:10px;}
	.business #section5 .lguide li {float:none; width:100%; text-align:left; letter-spacing: -1px;}
	.business #section5 .lguide li ul {margin-left:20px;}
	.business #section5 .chartbox {margin-bottom:20px;}
	.business #section5 .chartbox ul li {float: left; width:33.3333%; padding:5px 0;}
	.business #section5 .chartbox .roundbox {width:100px; height:70px; border-radius:100px; background:#595959; margin:0 auto; color:#FFF; text-align:center; font-size:12px; font-weight:600; position:relative;}
	.business #section5 .chartbox .roundbox span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); letter-spacing:-2px;}


	.contactus .subvisual {background:#eaeaea url("/images/contactus.jpg") top center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:350px; color:#FFF;}
	.notice .subvisual {background:#eaeaea url("/images/notice.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:350px; color:#FFF;}
	.portfolio .subvisual {background:#eaeaea url("/images/portfolio.jpg") center center no-repeat !important; background-size: cover; width:100%; background-attachment: fixed; position:relative; height:350px; color:#FFF;}

	.portfolio .imageList {display: grid; grid-gap: 10px; justify-content: space-around; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-rows: 0;}
	.portfolio .imageList li {position: relative; overflow: hidden;}
	.portfolio .imageList li > img {width: 100%;}
	.portfolio .imageList li > span {position: absolute; background:rgba(0, 0, 0, 0.5); color:#FFF; padding:5px 10px; border-radius:0 0 5px 5px; top: 0px; left:0px; width:100%;}
}