/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/*---------- Wrapper & Basic Layout 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
* { position:relative; margin:0; padding:0; font-family: 'Noto Sans KR', 'Sans-serif'; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box; }
body { background-color: #FFF !important; }
.wrapper { position:relative; top:0; bottom:0; left:0; right:0; overflow:hidden; margin:0; padding:0; display:block; background:#fff; }
#bodyTop, #bodyBottom { position:relative; clear:both; float:left; width:100%; height:0; margin:0; padding:0; display:table; }
.basic-body .basic-body-main.ft-padding { padding-bottom:0 !important; }
.mainContainer { position:relative; clear:both; width:calc( 100% - 40px ); max-width:1600px; height:auto; margin:0 auto; padding:0; display:table; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#mainSlider > .mainContainer { width:100%; border:none; }
#InqueryBtn { position:fixed; bottom:15px; right:10px; width:auto; height:46px; margin:0; padding:0 20px; font-family: 'NanumGothic', 'Sans-serif'; font-size:16px; font-weight:400; color:#FFF; line-height:46px; display:block; z-index:990; background:#c01920; border-radius:23px !important; box-shadow:2px 2px 5px rgba(0,0,0,0.3); }
.page-title-wrap { padding-top:50px !important; border-width:0 0 1px 0; border-style:solid; border-color:#EEE; }
.solidfullBox { position:relative; clear:both; float:left; width:100%; height:100%; margin:0; padding:0; display:block; background:#CFC; }

@media (max-width:991px){
    .wrapper { padding-top:60px; }
	#InqueryBtn { display:block; }
}
@media (max-width:767px){ /* 모바일 스타일*/
	.wrapper { padding-top:100px; }
	.wrapper.indexPage { padding-top:60px; }
	.mainContainer { width:calc( 100% - 0px ); }
	.conInner { padding: 30px 10px !important; }
	#InqueryBtn { left:10px; right:auto; height:36px; padding:0 15px; font-size:13px; line-height:36px; border-radius:18px !important; }
}
/*---------- Wrapper & Basic Layout 끝 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*---------- Header 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header { position:fixed; top:0; left:0; clear:both; width:100%; height:auto; margin:0; padding:0; display:block; background:#FFF !important; border:0; z-index:1010; }
#header .headerTop { position:relative; float:left; clear:both; width:100%; height:25px; margin:0; padding:0; overflow:hidden; text-align:center; display:block; background-color:#a0a0a0; background-image:url("../image/hedertop_bg.gif"); background-size:4px 4px; background-position:center; background-repeat:repeat; }
#header .headerTop:after { content:""; position:absolute; top:0; left:0; width:100%; height:25px; margin:0; padding:0; display:block; background-image:url("../image/hedertop_bgCover.png"); background-size:1px 25px; background-position:center; background-repeat:repeat-x; }
#header .headerTop .hcenter { position:relative; float:none; clear:both; width:30%; max-width:400px; height:25px; margin:0 auto; padding:0 40px; overflow:hidden; text-align:center; line-height:25px; letter-spacing:0.07em; color:#DDD; font-weight:400; font-size:13px; display:block; z-index:+1; background-color:#a0a0a0; background-image:url("../image/hedertop_bg.gif"); background-size:4px 4px; background-position:center; background-repeat:repeat; }
#header .headerTop .hcenter:before { content:""; position:absolute; top:0; left:0; width:35px; height:25px; margin:0; padding:0; display:block; background-image:url("../image/hedertop_centererL.png"); background-size:35px 25px; background-position:top left; background-repeat:no-repeat; }
#header .headerTop .hcenter:after { content:""; position:absolute; top:0; right:0; width:35px; height:25px; margin:0; padding:0; display:block; background-image:url("../image/hedertop_centererR.png"); background-size:35px 25px; background-position:top left; background-repeat:no-repeat; }
#header .headerTop .hcenter a { color:inherit; }

#header .headerBox { position:relative; float:left; clear:both; width:100%; height:60px; margin:0; padding:0; display:block; }
#header .header_logo { position:absolute; top:0; left:0; width:auto; height:60px; margin:0; padding:0 10px 10px; display:block; }
#header .header_logo img { position:relative; width:auto; height:100%; margin:0 auto; display:block; }
#header .header-icon { position:absolute; top:0; right:0; width:auto; height:60px; margin:0; padding:10px 0; display:none; }
#header .header-icon span { padding:0 20px; line-height:30px; color:#000; font-size:20px; display:inline; }
#header .header-icon .telnum { height:40px; padding:0 15px 0 20px; line-height:40px; color:#FFF; font-size:14px; background:#b81c22; border-radius:10px 0 0 10px !important; box-shadow:1px 1px 2px rgba(0,0,0,0.2); display:table; }
#header .styleViewM { position:absolute; top:10px; right:10px; width:80px; height:40px; margin:0; padding:0; display:none; }
#header .styleViewM .styleBtn { position:relative; float:left; width:80px; height:40px; margin:0; padding:0; display:block; background: #e8346f; z-index:+2; border-radius:4px !important; }
#header .styleViewM .styleBtn span { position:relative; top:50%; width:100%; height:auto; margin:0; padding:0; font-family: 'Noto Sans KR', 'Sans-serif'; color:#FFF; text-align:center; font-size:12px; font-weight:400; line-height:1.2em; display:inline-block; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

ul#header_nav { position:relative; float:right; width:auto; height:30px; margin:10px 0; padding:0 10px; opacity:1; display:table; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }
ul#header_nav li { position:relative; float:left; width:auto; height:30px; margin:0; padding:5px 10px; opacity:1; font-family: 'Noto Sans KR', 'Sans-serif'; text-align:center; font-size:16px; line-height:20px; font-weight:400; color:#000; display:inline-block; }
ul#header_nav li:hover { color:#F44; }
ul#header_nav li.inquery { margin:0 10px; padding:5px 15px; color:#FFF !important; font-weight:500; background:#eb0a14; border-radius:5px !important; }
ul#header_nav li.inquery a { color:#FFF !important; }
ul#header_nav li.styleView { width:auto; height:auto; margin:0; margin-left:30px; padding:0; display:block; background:#FFF; border-radius: 10px !important; box-shadow:0 1px 3px rgba(0,0,0,0.2); transform:translateY(-20px); -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); }
ul#header_nav li.styleView::after { content:""; position:absolute; top:0; left:-5%; width:110%; height:80px; display:none; background:#FFF; z-index:+1; }
ul#header_nav li.styleView .styleBtn { position:relative; float:left; width:100px; height:60px; margin:0; padding:0; display:block; background: #e8346f; z-index:+2; border-radius:8px !important; }
ul#header_nav li.styleView .styleBtn span { position:relative; top:50%; width:100%; height:auto; margin:0; padding:0; font-family: 'Noto Sans KR', 'Sans-serif'; color:#FFF; text-align:center; font-size:14px; font-weight:400; line-height:1.5em; display:inline-block; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
@keyframes gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

#mMenuBox { position:fixed; top:85px; left:0; width:100%; height:40px; margin:0; padding:0; display:none; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 30s ease infinite; z-index:1009; box-shadow:0 1px 4px rgba(0,0,0,0.2); }
ul#mobile_nav { position:relative; clear:both; width:auto; height:auto; margin:0 auto; padding:0; display:table; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
ul#mobile_nav li { position:relative; float:left; width:auto; height:40px; margin:0; padding:0 10px; text-align:center; text-indent:0; font-family: 'NanumGothic', 'Sans-serif'; font-size:14px; line-height:40px; letter-spacing:0.05em; font-weight:400; color:#FFF; display:inline-block; }
ul#mobile_nav li a { color:inherit; }

.imqueryBtn { position:absolute; bottom:0; left:0; width:100%; height:60px; margin:0; padding:10px; display:block; background:#CCC; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

@media (max-width:991px){
	#header { z-index:1060; }
	ul#header_nav { float:right; }
}
@media (max-width:767px){
	#header { box-shadow:0 1px 2px rgba(0,0,0,0.15); }
	#header .headerTop .hcenter { float:right; width:50%; padding:0 0 0 40px; letter-spacing:-0.02em; }
	#header .headerTop .hcenter:after { width:0; display:none; }
	#header .headerBox { height:60px; }
	ul#header_nav { display:none; }
	#header .header_logo { top:-3px; height:66px; padding:12px 10px; display:block; }
	#header .header-icon { display:block; }
	#header .header-icon .telnum { display:none; }
	#header .styleViewM { display:block; }
	#mMenuBox { display:block; }
}

/*---------- Header 끝 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*---------- Footer 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { position:relative; clear:both; width:100%; height:200px; margin:0; padding:0; overflow:hidden; display:block; background:#FFF; }
#footer .mainContainer { padding:0 20px !important; text-align:center; }
#footer .footerInner { position:relative; clear:both; width:100%; height:120px; margin:0; padding:20px 0 0; display:block; }
#footer .footerInner .footLogo { position:relative; float:left; width:auto; height:100%; padding:10px 20px; display:block; }
#footer .footerInner .footLogo img { position:relative; width:auto; height:100%; margin:0 auto; display:block; }
#footer .footerInner .footInfo { position:absolute; bottom:0; right:0; width:auto; height:auto; padding:10px 20px; text-align:right; font-family:'NanumSquare', 'Sans-serif'; font-size:14px; line-height:25px; color:#444; display:inline-block; }
#footer .footerInner .footInfo_m { position:relative; width:100%; height:auto; padding:10px 0; text-align:center; font-family:'NanumSquare', 'Sans-serif'; font-size:12px; line-height:20px; color:#444; display:none; }
#footer .footerInner .footInfo span { word-break: keep-all; white-space: nowrap; }
#footer .footerInner .footInfo span.info-divider { padding:0 5px; }
#footer .copyright { position:relative; clear:both; width:100%; height:50px; margin:0; padding:0; text-align:center; font-family:'NanumSquare', 'Sans-serif'; font-size:13px; color:#666; line-height:50px; display:inline-block; border-top:1px solid #AAA; }
#footer .copyright a { color:inherit; }
@media (max-width:991px){
	#footer { height:180px; }
	#footer .footerInner { height:140px; padding:40px 0 0; }
	#footer .footerInner .footLogo { position:relative; float:left; width:auto; height:100%; padding:10px 20px; display:block; }
	#footer .footerInner .footInfo { padding:10px 20px; font-size:13px; line-height:22px; color:#999; }
	#footer .copyright { height:40px; font-size:12px; line-height:40px; }
}
@media (max-width:767px){
	#footer, #footer .footerInner { height:auto; }
	#footer .footerInner .footLogo { width:100%; height:auto; padding:10px 20px; }
	#footer .footerInner .footLogo img { width:220px; height:auto; margin:0 auto; display:block; }
	#footer .footerInner .footInfo { display:none; }
	#footer .footerInner .footInfo_m { display:inline-block; }

}
/*---------- Footer 끝 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*---------- Index 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section.section  { position:relative; clear:both; float:left; width:100%; height:auto; margin:0; padding:0; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -ms-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; }
.mainDevider { position:relative; clear:both; float:left; width:100%; height:1px; margin:0; padding:40px 0; text-align:center; display:block; }
.mainDevider::before { content:""; position:relative; width:60%; max-width:800px; height:1px; display:inline-block; background:#777; }
.mainDevider::after { content:""; position:absolute; top:50%; left:50%; width:20px; height:20px; display:inline-block; background:#FFF; border:1px solid #777; z-index:+1; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); transform-origin: top left; }
.mainTgroup { position:relative; clear:both; float:left; width:100%; height:auto; margin:0; padding:30px 0 0; text-align:center; display:block; }
.mainTgroup h2 { position:relative; clear:both; line-height:60px; margin:20px auto; padding:0; text-align:center; font-family: 'Godo', 'Sans-serif'; font-size:52px; font-weight:600; color:#111; display:inline-block; }
.mainTgroup p { position:relative; clear:both; width:100%; line-height:1.6em; margin:0 auto; padding:0; text-align:center; font-size:18px; font-weight:400; color:#444; display:inline-block; }

#mainMovie { padding:90px 0 10px; background:#FFF; }
#mainMovie .screen { position:relative; clear:both; float:left; top:0; left:0; width:100%; height:auto; margin:0; padding:0; pointer-events: none; padding-top:56.25%; overflow:hidden; display:block; }
#mainMovie .screen iframe { position:absolute; top:50%; left:50%; width:100%; height:100%; display:block; border:none ; outline:none !important; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

#taeshin { padding:70px 0; background:#FFF; }

#cubicleLayout { padding:50px 0; background:#FFF; }
#cubicleLayout .mainContainer { max-width:1440px !important; }

#aiBasic, #aiCeil { padding:50px 0; background:#FFF; }
#aiBasic .mainContainer, #aiCeil .mainContainer { max-width:1440px !important; }

#metalCubicle, #designCubicle, #CS_Center { padding:50px 0; background:#FFF; }

#CS_Center .mainContainer { max-width:1280px !important; padding:100px 20px; }
#CS_Center ul.contactInfo { width:100%; height:auto; padding:40px 20px; display:table; border:1px solid #a4a6a8; border-radius:15px !important; }
#CS_Center ul.contactInfo li { float:left; width:50%; height:auto; padding:10px 0; display:block; }
#CS_Center ul.contactInfo li:first-child::before { content:""; position:absolute; top:10%; right:0; width:1px; height:80%; display:block; background:#a4a6a8; }
#CS_Center ul.contactInfo li .block { width:100%; height:300px; padding:0; display:block; }
#CS_Center ul.contactInfo li .block .inBlock { top:50%; width:100%; height:auto; padding:0; text-align:center; display:block; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }
#CS_Center ul.contactInfo li .block .inBlock a { color:inherit; outline:none; border:none; }
#CS_Center ul.contactInfo li .block .inBlock .centerLogo { width:100%; height:200px; margin:0; padding:20px 0; text-align:center; display:inline-block; }
#CS_Center ul.contactInfo li .block .inBlock .centerLogo img { width:auto; height:100%; margin:0; padding:0; display:inline-block; }
#CS_Center ul.contactInfo li .block .inBlock h2 { width:100%; height:auto; margin:0; padding:20px 0 0; color:#000; font-family:'NanumSquare', 'Sans-serif'; font-size:30px; line-height:1.4em; font-weight:700; display:inline-block; }
#CS_Center ul.contactInfo li .block .inBlock h3 { width:100%; height:auto; margin:0; padding:20px 0; color:#e2454b; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:26px; line-height:1.4em; font-weight:300; display:inline-block; }
#CS_Center ul.contactInfo li .block .inBlock h4 { width:100%; height:auto; margin:0; padding-bottom:20px; color:#000; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:18px; line-height:1.6em; font-weight:300; display:inline-block; }
#CS_Center ul.contactInfo li .block .inBlock h5 { width:100%; height:auto; margin:0; padding-bottom:20px; color:#999; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:14px; line-height:1.6em; font-weight:300; display:inline-block; }
#CS_Center ul.contactInfo li .block .inBlock img { width:50%; height:auto; max-width:340px; margin:0; }



#section2 { background-color:#FFF; }
#section2 .sectionInner { transform:scale(0.85); -webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); }
#section2.active .sectionInner { transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); }
#section3 { background-color:#EEE;}
#section3 .sectionInner { transform:scale(0.85); -webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); }
#section3.active .sectionInner { transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); }
#section4 { background-color:#FFF; }
#section4 .sectionInner { opacity:1; transform:scale(0.85); -webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); }
#section4.active .sectionInner { opacity:1; transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); }
#section5 { background-color:#FFF; }
#section5 .sectionInner { opacity:1; transform:scale(0.85); -webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); }
#section5.active .sectionInner { opacity:1; transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); }
#section6 { background-color:#FFF;}
#section6 .sectionInner { opacity:1; transform:scale(0.85); -webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); }
#section6.active .sectionInner { opacity:1; transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); }
#section7  { background-color:#FFF;}
#section7 .sectionInner { opacity:1; transform:scale(0.85); -webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); }
#section7.active .sectionInner { opacity:1; transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); }
#section8 { background-color:#FFF;}

@media (max-width:1199px){
	#CS_Center ul.contactInfo li .block .inBlock h2 { font-size:28px; }
	#CS_Center ul.contactInfo li .block .inBlock h3 { font-size:24px; }
	#CS_Center ul.contactInfo li .block .inBlock h4 { font-size:16px; }
	#CS_Center ul.contactInfo li .block .inBlock h5 { font-size:13px; }
}
@media (max-width:991px){
	.mainDevider { padding:30px 0; }
	.mainDevider::after { width:15px; height:15px; margin-top:4px; }
	#mainMovie { padding:25px 0 10px; }
	#mainMovie .mainContainer { width:100%; }
	#taeshin { padding:50px 0; background:#FFF; }
	#cubicleLayout { padding:30px 0; }
	#aiBasic, #aiCeil { padding:70px 0 0; }
	#CS_Center .mainContainer { padding:60px 20px; }
	#CS_Center ul.contactInfo { padding:30px 10px; }
	#CS_Center ul.contactInfo li .block .inBlock h2 { font-size:24px; }
	#CS_Center ul.contactInfo li .block .inBlock h3 { font-size:20px; }
	#CS_Center ul.contactInfo li .block .inBlock h4 { font-size:14px; }
	#CS_Center ul.contactInfo li .block .inBlock h5 { font-size:12px; }
	#CS_Center ul.contactInfo li .block .inBlock img { width:60%; }
}
@media (max-width:767px){
	#mainMovie { padding:50px 0; }
	#mainMovie .screen { padding-top:60%; }
	#taeshin { padding:30px 0; background:#FFF; }
	#cubicleLayout { padding:10px 0; }
	#cubicleLayout .mainContainer { padding:10px; }
	#aiBasic, #aiCeil { padding:50px 0 0; }
	#metalCubicle, #designCubicle { padding:20px 0; background:#FFF; }
	#metalCubicle .mainContainer, #designCubicle .mainContainer { padding:10px; }
	#CS_Center .mainContainer { padding:30px; }
	#CS_Center ul.contactInfo li { width:100%; padding:30px 0; }
	#CS_Center ul.contactInfo li:first-child::before { top:auto; bottom:0; right:10%; width:80%; height:1px; }
	#CS_Center ul.contactInfo li .block { height:80px; }
	#CS_Center ul.contactInfo li:first-child .block { height:220px; }
	#CS_Center ul.contactInfo li .block .inBlock .centerLogo { height:160px; padding:10px 0; }

	.mainTgroup h2 { margin:10px auto; font-size:32px; }
	.mainTgroup p { font-size:12px; }


	#section2 .sectionInner { transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); }
	#section3 .sectionInner { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); }
	#section4 .sectionInner { opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); }
	#section5 .sectionInner { opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); }
	#section6 .sectionInner { opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); }
	#section7 .sectionInner { opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); }
}


/*---------- Index 끝 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*---------- 모달 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inqueryForm { position:absolute; top:50%; left:50%; clear:both; width:80%; max-width:900px; height:auto; margin:0; padding:20px; display:block; background:#FFF; z-index:+1; box-shadow:3px 3px 5px rgba(0,0,0,0.3); transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }



.clearSection { position:relative; clear:both; float:left; width:100%; height:30px; margin:0; padding:0; display:block; }

.mainSection .group_title { position:relative; clear:both; float:left; width:100%; height:auto; margin:0; padding:20px 0; text-align:center; display:block; }
.mainSection .group_title h2 { position:relative; clear:both; line-height:60px; margin:0 auto; padding:0 45px; text-align:center; font-family: 'Godo', 'Sans-serif'; font-size:52px; font-weight:600; color:#111; display:inline-block; }
.mainSection .group_title h2:before { content:"◇"; position:absolute; top:10px; left:-15px; line-height:40px; font-size:40px; font-family:'NanumSquare', 'Sans-serif'; font-weight:300; color:#444; }
.mainSection .group_title h2:after { content:"◇"; position:absolute; top:10px; right:-15px; line-height:40px; font-size:40px; font-family:'NanumSquare', 'Sans-serif'; font-weight:300; color:#444; }
.mainSection .group_title p { position:relative; clear:both; width:100%; line-height:1.7em; margin:15px auto 25px; padding:10px; text-align:center; font-family: 'NanumMyeongjo', 'Sans-serif'; font-size:20px; font-weight:400; color:#444; display:inline-block; }
.mainSection .group_title.txt-white h2 { color:#FFF; }
.mainSection .group_title.txt-white h2:before, .mainSection .group_title.txt-white h2:after { border-color:transparent #FFF; }
.mainSection .group_title.txt-white p { color:#cfe1ff; }

@media (max-width:991px){ /* 태블렛 스타일*/
	#inqueryForm { max-height:80%; height:auto; overflow-Y:auto; }
	.mainSection .group_title { padding:15px 0; }
	.mainSection .group_title h2 { line-height:45px; padding:0 35px; font-size:40px; }
	.mainSection .group_title h2:before { top:5px; left:-15px; line-height:40px; font-size:32px; }
	.mainSection .group_title h2:after { top:5px; right:-15px; line-height:40px; font-size:32px; }
	.mainSection .group_title p { margin:10px auto 20px; font-size:17px; }
} 

@media (max-width:767px){ /* 모바일 스타일*/
	.mainSection .group_title { padding:10px 0; }
	.mainSection .group_title h2 { line-height:30px; padding:0 25px; font-size:26px; }
	.mainSection .group_title h2:before { top:4px; left:-10px; line-height:25px; font-size:25px; }
	.mainSection .group_title h2:after { top:4px; right:-10px; line-height:25px; font-size:25px; }
	.mainSection .group_title p { margin:5px auto 15px; font-size:14px; }
}
/*---------- 모달 끝 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.btnBox { position:relative; clear:both; width:auto; height:auto; margin:20px auto; padding:10px 30px; cursor:pointer; font-family:'NanumSquare', 'Sans-serif'; font-size:14px; font-weight:500; color:#444; word-break:keep-all; display:inline-block; background:transparent; border:1px solid #444; border-radius:3px !important; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.btnBox:hover { color:#FFF; background:#c01920; border-color:#c01920; }

@media (max-width:991px){ /* 타블렛 스타일*/
	.btnBox { margin:25px auto; padding:9px 25px; font-size:13px; border-radius:3px !important; }
}
@media (max-width:767px){ /* 모바일 스타일*/
	.btnBox { margin:10px auto; padding:4px 15px; font-size:12px; border-radius:2px !important; }
}

#fp-nav.right { right:10px !important; }
#fp-nav ul li { margin:15px !important; }
#fp-nav ul li a span { border-radius:50% !important; background:rgba(0,0,0,0.5) !important; }
#fp-nav ul li a.active span { background:#eb0a14 !important; }
#fp-nav ul li a.active + .fp-tooltip { color: #666 !important; display:none !important; }
#fp-nav ul li .fp-tooltip { margin-top:-3px; padding-right:5px; color: rgba(0,0,0,0.5) !important; }

@media (max-width:991px){ /* 타블렛 스타일*/
	#fp-nav { display:none; }
}

/*---------- 한솔스타일 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.hsStyle { width:100%; height:800px; display:block; }
.hsStyle .hsStyleInfo { position:relative; clear:both; width:100%; height:auto; margin:0; padding:0; display:block; }
.hsStyle .hsStyleInfo .infoBox { position:relative; clear:both; width:100%; max-width:1400px; height:70px; margin:0 auto; padding:0 20px; display:block; border-bottom:1px solid #777; }
.hsStyle .hsStyleInfo .infoBox h2 { position:absolute; bottom:100%; left:0; width:auto; height:auto; margin:0; padding:0; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:88px; line-height:100px; color:#FFF; font-weight:700; display:inline-block; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
.hsStyle .hsStyleInfo .infoBox h4 { float:left; width:auto; height:auto; margin:10px 0; padding:0; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:18px; line-height:50px; color:#000; font-weight:500; display:inline-block; }
.hsStyle .hsStyleInfo .infoBox .btnLink { float:right; width:auto; height:30px; margin:20px 0; padding:0 15px; cursor:pointer; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:14px; line-height:30px; word-break: keep-all; white-space: nowrap; color:#000; font-weight:300; display:inline-block; background:rgba(255,255,255,0); -webkit-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
.hsStyle .hsStyleInfo .infoBox .btnLink:hover { background:rgba(255,255,255,0.1); }
.hsStyle ul.sliderItem { position:relative; clear:both; width:100%; height:calc(100% - 170px); margin:0; padding:0; display:block; }
.hsStyle ul.sliderItem li.item { width:100%; height:100%; padding: 100px 20px 50px; overflow:hidden; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.hsStyle ul.sliderItem li.item .itemFrame  { position:relative; clear:both; width:100%; max-width:1600px; height:calc(100% - 150px); margin:0 auto; padding:0; overflow:hidden; display:block; border-radius:30px !important; }
.hsStyle ul.sliderItem li.item .imgBox { width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; }
.hsStyle ul.sliderItem li.item .imgBox::after { content:"";position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.3; display:block; background-image:url("../image/hansol/bg_dot.png"); background-position:center; background-repeat:repeat; background-size:4px 4px; }

.hsStyle ul.slick-dots { position:absolute; bottom:-155px; left:50%; width:auto; height:70px; text-align:center; z-index:99; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }
.hsStyle ul.slick-dots li { float:left; width:100px !important; height:70px; margin:0 1px; padding:0; display:block; background:#999; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important; border:1px solid #666; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.hsStyle ul.slick-dots li button { display:none !important; }
.hsStyle ul.slick-dots li:hover { border:1px solid #000; }
.hsStyle ul.slick-dots li.slick-active { border:2px solid #e2454b; }

@media (max-width:1152px){
	.hsStyle .hsStyleInfo { padding:0 20px; }
	.hsStyle .hsStyleInfo .infoBox h2 { margin-left:30px; font-size:82px; line-height:95px; }
	.hsStyle .hsStyleInfo .infoBox h4 { font-size:16px; line-height:50px; font-weight:400; }
	.hsStyle ul.sliderItem li.item .itemFrame { border-radius:25px !important; }
}
@media (max-width:991px){ /* 타블렛 스타일*/
	.hsStyle { height:auto; padding-top:150px; }
	.hsStyle .hsStyleInfo .infoBox { width:100%; height:270px; margin:0; padding:20px 30px; }
	.hsStyle .hsStyleInfo .infoBox h2 { margin-left:30px; font-size:82px; line-height:95px; }
	.hsStyle .hsStyleInfo .infoBox h4 { margin:10px 0; padding:0 10px; text-align:left; font-size:18px; line-height:25px; font-weight:400; }
	.hsStyle .hsStyleInfo .infoBox .btnLink { float:left; clear:both; width:auto; height:auto; margin:10px auto; padding:5px 15px; font-size:14px; line-height:30px; border:1px solid #444; }
	.hsStyle ul.sliderItem li.item { padding:0 10px; }
	.hsStyle ul.sliderItem li.item .itemFrame { height:100%; border-radius:24px !important; }
	.hsStyle ul.sliderItem li.item .imgBox::after { background-size:2px 2px; }
	.hsStyle ul.slick-dots { bottom:-235px; height:90px; }
	.hsStyle ul.slick-dots li { width:146px !important; height:100px; margin:0 2px; padding:0; display:block;
}
@media (max-width:767px){ /* 모바일 스타일*/
	.hsStyle { height:auto; padding-top:80px; }
	.hsStyle .hsStyleInfo .infoBox { width:100%; height:220px; margin:0; padding:0; text-align:center; }
	.hsStyle .hsStyleInfo .infoBox h2 { margin-left:15px; text-align:left; font-size:32px; line-height:50px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
	.hsStyle .hsStyleInfo .infoBox h4 { margin:5px 0; padding:5px 10px 15px; text-align:left; font-size:14px; line-height:20px; font-weight:400; border-bottom:1px dotted #CCC; }
	.hsStyle .hsStyleInfo .infoBox .btnLink { float:none; clear:both; width:auto; height:auto; margin:20px auto 0; cursor:pointer; font-size:13px; line-height:25px; color:#000; display:inline-block; background:rgba(255,255,255,0); border:1px solid #444; }
	.hsStyle ul.sliderItem { height:auto; }
	.hsStyle ul.sliderItem li.item { padding:0 10px; }
	.hsStyle ul.sliderItem li.item .itemFrame { border-radius:15px !important; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }
	.hsStyle ul.sliderItem li.item .imgBox::after { background-size:2px 2px; }
	.hsStyle ul.slick-dots { bottom:-170px; left:auto; right:0; height:20px; }
	.hsStyle ul.slick-dots li { width:68px !important; height:55px; margin:0 1px; padding:0; display:block; }
}
/*---------- 한솔스타일 끝 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------- 태신스타일 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------- 태신스타일 끝 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/