html{overflow:auto;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
body{background:#fff}

/* html, body { height:100%; } */

*::placeholder { color:#999; }                     
*::-webkit-input-placeholder { color:#999; }
*:-moz-placeholder { color:#999; }             
*::-moz-placeholder { color:#999; }           
*:-ms-input-placeholder { color:#999 !important; }      
*::-ms-input-placeholder { color:#999; } 

#wrap {width:100%; height:100%; }
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {max-width:1200px; margin:0 auto; position:relative;}

/*header*/
#header{width:100%; height:100px; z-index:100;}
.headerWrap { position:relative; }
.headerWrap h1{ position:absolute; left:0; top:0;  display:inline-block; width:157px; padding-top:35px;}
.headerWrap h1 a img { width:103px; }
.headerWrap .utilWrap {width:100%; height:30px; background:#2d2f33; padding:5px 0; z-index:10;}

@media screen and (max-width:1300px){
	.headerWrap h1 { padding-left:50px;  }
}
@media screen and (max-width:1024px){
	#header { height:80px;  }
	.headerWrap h1 { padding-top:20px;  }
}
@media screen and (max-width:640px){
	#header { height:60px;  }
	.headerWrap h1 { padding-left:20px; padding-top:6px;  }
	.headerWrap h1 a img { width:80px;  }
}


.hr {border-bottom:1px solid #c2c2c2;}


/* GNB */
#topmenu { width:100%; z-index:100;}
#topmenu ul { display:block; padding-top:22px; padding-left:140px; padding-right:60px; font-size:0; text-align:left;  }
#topmenu li { display:inline-block; /* width:33.3333333%; */  vertical-align:top; text-align:center;  }
#topmenu li a { display:inline-block; font-family:"Segoe UI"; font-size:17px; height:32x; line-height:32px; color:#2b2b2b; font-weight:700; padding:20px 35px; border-bottom:6px solid #fff; white-space:nowrap;}
#topmenu li a.active { border-bottom-color:#dfdfdf;  }
#topmenu li a.on { border-bottom-color:#141414; }

/* #topmenu li { width:15%; }
#topmenu li:nth-of-type(3) { width:28%; }
#topmenu li:nth-of-type(4) { width:12%; } */


.headerWrap .allmenu { display:none;  position:absolute; left:0; top:100px; width:100%; height:285px; border-top:1px solid #dfdfdf; background-color:rgba(255,255,255,0.85); overflow:hidden; }
.headerWrap .allmenu ul { padding-left:139px; padding-right:186px; font-size:0; padding-top:28px;  }
.headerWrap .allmenu li { display:inline-block; vertical-align:top; /* width:33.3333333%; */  }
.headerWrap .allmenu li a { display:block; text-align:center; font-size:15px; color:#444; font-weight:300; margin-bottom:8px; }
.headerWrap .allmenu li a u { display:inline-block; text-decoration:none; border-bottom:1px solid transparent; padding:0 5px 2px; }
.headerWrap .allmenu li a:hover { font-weight:400; color:#111; }
.headerWrap .allmenu li a:hover u { border-bottom-color:#111; }

.headerWrap .allmenu li { width:15%; }
.headerWrap .allmenu li:nth-of-type(3) { width:17%; }

.lang-selecbox { position:absolute; right:0; top:35px; font-family: "Segoe UI"; z-index:99;}
.lang-selecbox > a {position:relative; display:block; width:80px; height:36px; box-sizing:border-box; border:1px solid #bdbdbd; line-height:34px; padding:0 10px;  font-size:16px; color:#444; }
.lang-selecbox > a i { position:absolute; right:10px; top:14px;  display:inline-block; vertical-align:middle; border-width:7px 5px 0 5px; border-color:#444 transparent transparent transparent; border-style:solid;  }
.lang-selecbox > a i.up { border-width:0px 5px 7px 5px; border-color:transparent transparent #444 transparent; }
.lang-selecbox div { display:none; background:#fff;  }
.lang-selecbox div a { display:block; padding:5px 11px; }
.lang-selecbox div a.on ,
.lang-selecbox div a:hover  { background:#f0f0f0; }

.topri-download { position:absolute; right:90px; top:35px; }
.topri-download a.down-btn { padding: 7px 12px; }

@media screen and (max-width:1300px){
	#topmenu ul { padding-left: 190px; padding-right: 180px; }
	.headerWrap .allmenu ul { padding-left: 190px; padding-right: 340px; }
	.lang-selecbox { padding-right:50px; }
	.topri-download { padding-right:50px; }
    
    .headerWrap .allmenu li { width:19%; }
}
@media screen and (max-width:1170px){
	#topmenu li a { font-size:16px; }
	.headerWrap .allmenu li a { font-size:15px; }
}

@media screen and (max-width:1024px){
	#topmenu { display:none; }
	.lang-selecbox { display:none; }
	.topri-download { display:none; }
}







/*@media screen and (max-width:640px){
	.topri-download { padding-right:20px; }
} */


.mo-menubtn { display:none; position:absolute; right:50px; top:32px; text-align:right; z-index:130; }
.mo-menubtn a {position:relative;  display:inline-block; width:40px; height:30px; }
.mo-menubtn a i {position:absolute; left:0;  display:inline-block; width:100%; height:3px; background-color:#252525; 
transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; }

.mo-menubtn a i:nth-of-type(1) { top:0; }
.mo-menubtn a i:nth-of-type(2) { top:50%; margin-top:-1.5px; }
.mo-menubtn a i:nth-of-type(3) { bottom:0;  }

.mo-menubtn a.on i { background-color:#fff;  }
.mo-menubtn a.on i:nth-of-type(1) { transform:rotate(45deg) translate(9px,10px);}
.mo-menubtn a.on i:nth-of-type(2) { opacity:0; transform:translateX(30px); }
.mo-menubtn a.on i:nth-of-type(3) { transform:rotate(-45deg) translate(9px,-10px);}

@media screen and (max-width:1024px){
	.mo-menubtn { display:block; top:24px; }
}

@media screen and (max-width:640px){
	.mo-menubtn {right: 20px; top: 17px;  }
	.mo-menubtn a {width: 34px; height:22px; }
	
	.mo-menubtn a i { height:2px;  }
	.mo-menubtn a.on i:nth-of-type(1) { transform:rotate(45deg) translate(5px,8px);}
	.mo-menubtn a.on i:nth-of-type(2) { opacity:0; transform:translateX(18px); }
	.mo-menubtn a.on i:nth-of-type(3) { transform:rotate(-45deg) translate(6px,-9px);}

}


.moallmenu { display:none; position:absolute; left:0; top:0; width:100%; height:100%;  z-index:120; }
.moallmenu .inmenu { position:absolute; right:-350px; top:0; width:350px;   height:100%; z-index:2; }
.moallmenu .inmenu .molang-box { height:78px; background:#2b2b2b; font-size:0; padding:0 30px; }
.moallmenu .inmenu .molang-box a { display:inline-block;  font-family: "Segoe UI"; font-size:22px; color:#adadad; box-sizing:border-box; width:85px; height:45px;line-height:43px; margin-top:14px; border:1px solid #2b2b2b; text-align:center; }
.moallmenu .inmenu .molang-box a.on { border:1px solid rgba(255,255,255,0.5); color:#fff;}
.moallmenu .inmenu .mlist-contain { padding:40px 40px 15px; }
.moallmenu .inmenu .mlist-contain ul {  }
.moallmenu .inmenu .mlist-contain li { display:block; margin-bottom:30px; }
.moallmenu .inmenu .mlist-contain li > a { display:block; font-family: "Segoe UI"; font-size:22px; color:#222;  }
.moallmenu .inmenu .mlist-contain li > a.on { color:#888; }
.moallmenu .inmenu .mlist-contain li div { display:none; margin-top:20px; border-left:1px solid #dadada; padding-left:20px;  }
.moallmenu .inmenu .mlist-contain li div > a { display:block; font-size:16px; color:#222;  }
.moallmenu .inmenu .mlist-contain li div > a.on ,
.moallmenu .inmenu .mlist-contain li div > a:hover { color:#009481; font-weight:500;  }
.moallmenu .inmenu .mlist-contain li div > a + a { margin-top:5px;  }

.moallmenu .inmenu .down-list { padding:0 40px; }
.moallmenu .inmenu .down-list a { display:block; position:relative; font-size:13px; letter-spacing:-1px;   }
.moallmenu .inmenu .down-list a + a { margin-top:5px;  }
.moallmenu .inmenu .down-list a i  { position:absolute; right:13px; top:50%; margin-top:-7px;  }

.moallmenu .moblind { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1; }
.moallmenu .moblind i { position:absolute; right:-350px; top:0; width:350px; height:100%; background:#fff; }


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

	.moallmenu {  }
	.moallmenu .inmenu { width:300px; }
	.moallmenu .inmenu .molang-box a { font-size:17px; width:70px; height:35px;line-height:35px; margin-top:12px; }
	.moallmenu .inmenu .molang-box { height:60px;  }

	.moallmenu .inmenu .mlist-contain { padding:30px 30px 15px; }
	.moallmenu .inmenu .mlist-contain li { margin-bottom:20px; }
	.moallmenu .inmenu .mlist-contain li > a { font-size:20px;  }
	.moallmenu .inmenu .mlist-contain li div { padding-left:10px; margin-top: 10px;  }
	.moallmenu .inmenu .mlist-contain li div > a { font-size:15px;  }

	.moallmenu .inmenu .down-list { padding:0 30px; text-align:center;}

	.moallmenu .inmenu .down-list a { height:15px; line-height:15px; width:70px;}

	.moallmenu .inmenu .sns-btns {position:absolute; bottom:0; display:block; vertical-align:top; text-align:left; margin-top:10px; margin-left:20px;}
	.moallmenu .inmenu .sns-btns a {display:inline-block; vertical-align:top; width:50px; height:50px; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease;}
	.moallmenu .inmenu .sns-btns a.insta { background:url("/images/common/icon_foot_insta.png") no-repeat 50% 50%;  margin-right:0; background-size:30px; }
	.moallmenu .inmenu .sns-btns a.blog { background:url("/images/common/icon_foot_blog.png") no-repeat 50% 50%;  margin-right:0; background-size:30px 26px; }
	.moallmenu .inmenu .sns-btns a.youtube { background:url("/images/common/icon_foot_youtube.png") no-repeat 50% 50%;  margin-right:0; background-size:30px 26px; }

	
	.moallmenu .moblind i { width:300px;  }  
}



a.down-btn { display:inline-block; padding:8px 11px; height:20px; line-height:20px; background-color:#2b2b2b; border:1px solid #2b2b2b; color:#fff; font-family: "Segoe UI", 'Noto Sans KR'; font-size:12.5px;  
transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease;}
a.down-btn.adf { font-size:15px; padding:14px 13px; }
a.down-btn i { display:inline-block; vertical-align:middle;  width:15px; height:14px; background:url("/images/common/icon_download.png") no-repeat 50% 50%; background-size:contain; margin-left:5px; margin-bottom:3px; }
a.down-btn em { font-style:normal; font-family: 'Noto Sans KR';  }

a.down-btn:hover { background-color:#ffffff; color:#2b2b2b; border:1px solid #bdbdbd; }
a.down-btn:hover i { background:url("/images/common/icon_download_black.png") no-repeat 50% 50%; background-size:contain; }

.tab-black-boxses { text-align:center; padding-bottom:50px; }
.tab-black-boxses ul { display:inline-block;  border-top:1px solid #dbdbdb; font-size:0; }
.tab-black-boxses li { display:inline-block; vertical-align:top; width:190px;   border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;  }
.tab-black-boxses li:first-of-type { border-left:1px solid #dbdbdb; }
.tab-black-boxses li a { display:block; height:50px;line-height:50px; line-height:50px; font-family: "Segoe UI"; font-size:18px; color:#000;
transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease;}
.tab-black-boxses li a.active ,
.tab-black-boxses li a:hover { border-color:#2b2b2b; background-color:#2b2b2b; color:#fff; }


@media screen and (max-width:860px){
	.tab-black-boxses { padding:0 50px 30px; }
	.tab-black-boxses ul { width:100%;  }
	.tab-black-boxses li { width:50%; box-sizing:border-box;  }
	.tab-black-boxses li:nth-of-type(3) { border-left:1px solid #dbdbdb;  }
}
@media screen and (max-width:640px){
	.tab-black-boxses { padding:0 20px 30px; }
}

@media screen and (max-width:420px){
	.tab-black-boxses li a { font-size:15px; height:42px; line-height:42px;  }
}






/* 메인비주얼 Type01 */
#mainVisual {position:relative; width:100%; overflow:hidden;}

#mainVisual ul.mainSlide { }
#mainVisual ul.mainSlide li img.tbver { display:none; }
#mainVisual ul.mainSlide li img.mover { display:none; }


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

	#mainVisual ul.mainSlide li img.pcver { display:none; }
	#mainVisual ul.mainSlide li img.tbver { display:block; width:100%;}

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

	#mainVisual ul.mainSlide li img.tbver { display:none; width:100%;}
	#mainVisual ul.mainSlide li img.mover { display:block; width:100%; }

}



#mainVisual li {position:relative; height:880px; text-align:center;}
#mainVisual li img { position:absolute; left:50%; top:0; margin-left:-960px; }
#mainVisual li .in-slide { position:absolute; left:50%; top:44%; text-align:left; max-width:1200px; width:100%;   z-index:1;  box-sizing:border-box; font-family: "Segoe UI","Noto Sans KR";
transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); 
transition:all 1s ease; -webkit-transition:all 1s ease; -ms-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;
margin-left: -100px; opacity:0;
}
#mainVisual li .in-slide span { display:block; font-size:38px; color:#fff; }
#mainVisual li .in-slide p { font-size:70px; color:#fff; font-weight:700; line-height:1; padding:0px 0 23px;}
#mainVisual li .in-slide p em { font-style:normal; font-weight:300; }
#mainVisual li .in-slide u { display:block; text-decoration:none; font-size:30px; color:#fff; font-weight:100; line-height:1.2;}
#mainVisual li .in-slide u b { font-weight:400; }
#mainVisual li .in-slide p br.obr { display:none; }
#mainVisual li .in-slide p br.tbr { display:none; }

#mainVisual li .in-slide p.icon-list { margin-top:40px;  }
#mainVisual li .in-slide p.icon-list u { display:inline-block; vertical-align:top;  }
#mainVisual li .in-slide p.icon-list u img { position:relative; left:auto; top:auto; margin-left:0;  }
#mainVisual li .in-slide p.icon-list u i { font-style:normal; display:block; font-size:22px; text-align:Center; margin-top:10px; font-weight:500; }

#mainVisual ul.mainSlide li.active-slide .in-slide { margin-left: 0px; opacity:1; }

#mainVisual li .in-slide.reTop { top:55%; }


.pager-container { position:absolute; left:50%; top:50%; text-align:right; max-width:1200px; width:100%; height:auto;   z-index:99;  
transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);  
transition:all 1s ease; -webkit-transition:all 1s ease; -ms-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;}
#pager-blit-txt { display:inline-block; width:240px;   text-align:right; padding-right:10px; }
#pager-blit-txt > a { display:block; color:#c0c0c0; font-size:18px; font-weight:300; margin-bottom:5px;  }
#pager-blit-txt > a u { text-decoration:none; font-family: "Segoe UI"; }
#pager-blit-txt > a.active { color:#fff; font-size:25px; font-weight:500; }
#pager-blit-txt > a.active u { position:relative; }
#pager-blit-txt > a.active u:after { content:''; position:absolute; left:-26px; top:50%; width:16px; height:2px; background-color:#fff;}
#pager-blit-txt > a.active u:before { content:''; position:absolute; left:calc(100% + 10px ); top:50%; width:360px; height:2px; background-color:#fff;}
#pager-blit-txt .num-box { font-size:14px; color:#aaa; padding-top:30px;  }
#pager-blit-txt .num-box span { font-family: "Segoe UI"; font-size:22px; color:#fff; }
#pager-blit-txt .num-box u { text-decoration:none; }

@media screen and (max-width:1300px){
	#mainVisual li .in-slide { padding-left:50px; }
	#pager-blit-txt { padding-right:50px; }
}

@media screen and (max-width:900px){
	#mainVisual li { height:auto;  }
	#mainVisual li img { position:relative; left:auto; top:auto; margin-left:0; max-width:100%;  }

	#mainVisual li .in-slide { top:42%; text-align:center; padding-left:0; margin-left: 0; margin-top:-100px; }
	#mainVisual ul.mainSlide li.active-slide .in-slide { margin-left: 0px; margin-top:0; opacity:1; }
	.pager-container { top:65%; }
	
	#pager-blit-txt { display:block; width:100%; text-align:center;  padding-right:0; font-size:0;  }
	#pager-blit-txt > a { display:inline-block; vertical-align:top; width:7%; height:7px; background:rgba(255,255,255,0.5); font-size:0;  }
	#pager-blit-txt > a + a { margin-left:0.6%; }
	#pager-blit-txt > a u { font-size:0;  }
	#pager-blit-txt > a.active { width:13%; background:rgba(255,255,255,0.8); font-size:0; }
	#pager-blit-txt > a.active u:after { content:none; }
	#pager-blit-txt > a.active u:before { content:none; }

	#pager-blit-txt .num-box { display:none; }

	#mainVisual li .in-slide p { letter-spacing:4px; padding-bottom:40px; }
	#mainVisual li .in-slide p br.obr { display:block; }


	#mainVisual li .in-slide.reTop {  top:64%;}
	#mainVisual li .in-slide.reTop2 {  top:55%;}
	#mainVisual li .in-slide p.icon-list { margin-top:5px; }

	.pager-container.setTop1 { top:74%; }
	.pager-container.setTop2 { top:75%; }
}

@media screen and (max-width:640px){
	#mainVisual li .in-slide span { font-size: 7.5vw; }
	#mainVisual li .in-slide p { font-size: 12.6vw; padding: 1vw 0 5.4vw;  letter-spacing:0;}
	#mainVisual li .in-slide u { font-size: 3.9vw; }


	#pager-blit-txt > a { font-size:15px; margin-bottom:5px;  height:5px;  }
	#pager-blit-txt > a + a { margin-left:1.2%; }

	.pager-container { top:59%; }
	#pager-blit-txt > a { width:10%; }
	#pager-blit-txt > a.active { width: 15%; }

	#mainVisual li .in-slide p br.tbr { display:block; }

	/* #mainVisual li .in-slide {  top:14%; left:auto;
	transform:translate(0,0); -webkit-transform:translate(0,0); -ms-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0);}
	
	.pager-container { top:auto; bottom:20px; left: auto; 
	transform:translate(0,0); -webkit-transform:translate(0,0); -ms-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0);}
	 */

	#mainVisual li .in-slide p.icon-list u img { width:15vw; }
	#mainVisual li .in-slide p.icon-list u i { font-size:3.5vw;  }

	.pager-container.setTop1 { top:64%; }
	.pager-container.setTop2 { top:69%; }
	
}

@media screen and (max-width:500px){
	#mainVisual li .in-slide { /* top:25%; */ }
	.pager-container { /* top:71%; */  }
}










/*
#mainVisual .bx-controls { position:absolute; left:50%; top:50%; max-width:1200px; width:100%;   z-index:99; text-align:right;
transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
*/


/*main contents */

.contentsArea {  }
.contentsArea.boadrew { max-width:1200px; margin:0 auto;  }

@media screen and (max-width:1300px){
	.contentsArea.boadrew { padding:0 50px;  }
}
@media screen and (max-width:640px){
	.contentsArea.boadrew { padding:0 20px;  }
}



.main-section-title { font-size:40px; color:#191919; font-weight:600;  font-family: 'Poppins'; line-height:1; }
.main-section-title .title-caption { font-size:16px; font-weight:400; color:#777;   font-family:'Nanum Gothic'; margin-top:7px;}

.main #contents {}
.mainConWrap { }

.logos-container { max-width:1200px; margin:0 auto;  padding-bottom:100px;  overflow:hidden; }
.logos-container > div { position:absolute; left:0; top:0; opacity:0; z-index:1;
transition:all .8s ease; -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -ms-transition:all .8s ease; -o-transition:all .8s ease;}
.logos-container > div.on { position:relative; opacity:1; z-index:10;  }

.logos-container ul { display:table; width:100%; text-align:center; }
.logos-container li { display:table-cell;   padding:30px 0; vertical-align:middle; border-bottom:1px solid #ededed;}
.logos-container li a { display:inline-block;  height:70px; padding:0 20px; cursor:default;}
.logos-container li a img { max-width:100%; width:100%; }

.logos-container ul:last-of-type li { border-bottom:0;  }

.logos-container li:first-of-type { text-align:left; }
.logos-container li:last-of-type { text-align:right; }
.logos-container li:first-of-type a { padding-left:0; }
.logos-container li:last-of-type a { padding-right:0; }

.logos-container ul.wline1 li { width:20%; }

.logos-container ul.wline2 { text-align:left;  }
.logos-container ul.wline2 li { width:16%; }
.logos-container ul.wline2 li:first-of-type { text-align:left; }
.logos-container ul.wline2 li:last-of-type { text-align:center; }
.logos-container ul.wline2 li:first-of-type a { padding-left:0; }
.logos-container ul.wline2 li:last-of-type a { padding-right:0; }

.logos-container ul.wline3 li { width:17%; }

.logos-container li.rew1 { width:13%; }
.logos-container li.rew2 { width:19%; }
.logos-container li.rew3 { width:12%; }
.logos-container li.rew4 { width:15%; }


@media screen and (max-width:1300px){
	.logos-container { padding-left:50px; padding-right:50px;   } 
}
@media screen and (max-width:960px){
	.logos-container li a { height:50px }
}
@media screen and (max-width:640px){

	.logos-container { padding-left:20px; padding-right:20px;  padding-bottom:50px;  }
	.logos-container ul { display:block; font-size:0; }	
	.logos-container li { display:inline-block; vertical-align:top; padding:10px; box-sizing:border-box; }
	
	.logos-container li:first-of-type ,
	.logos-container li:last-of-type { text-align:center; }
	.logos-container li:first-of-type a ,
	.logos-container li:last-of-type a { padding:0 0%; }
	
	.logos-container li a { height:50px; width:100%; box-sizing:border-box; }
	.logos-container li a img  { max-height:100%; width:auto; }
	
	.logos-container ul.w6 li { width:33.3333333% }
	.logos-container ul.w7 li { width:25% }
	
	.logos-container ul li.unline { border-bottom:1px solid #ededed; } 

	.logos-container li a { position:relative;  }
	.logos-container li a img { position:absolute; left:50%; top:50%; max-width:100%; transform:translate(-50%,-50%); }

	.logos-container ul.w7 li.per3 { width:33.3333333% }
	.logos-container ul.w6 li.per2 { width:50% }
}

@media screen and (max-width:440px){
	.logos-container li a { height:30px; }
}













.main-about-us.mtitle-area { background:#f0f0f0; text-align:center; padding:90px 0; }
.main-about-us > .btn-area { padding-top:50px;  }
@media screen and (max-width:1400px){
	.main-about-us.mtitle-area { padding:60px 0; }
}
@media screen and (max-width:1200px){
	.main-about-us.mtitle-area {  }
}
@media screen and (max-width:640px){
	.main-about-us.mtitle-area { padding:50px 20px; }

	.main-about-us > .btn-area a.bl-line-btn { height:37px; line-height:37px; padding:0 25px; }
}



.mtitle-area { text-align:center; padding:90px 0 60px;  }
.mtitle-area p { font-size:38px; color:#2b2b2b; font-weight:700; letter-spacing:4px; font-family: "Segoe UI";  padding-bottom:10px; }
.mtitle-area span { font-size:20px; color:#2b2b2b; line-height:1.8;}

@media screen and (max-width:1630px){
	.mtitle-area p { font-size:33px; }
	.mtitle-area span { font-size:18px; }
	.main-about-us > .btn-area { padding-top:30px; }
}
@media screen and (max-width:1260px){
	.mtitle-area p { font-size:28px; }
	.mtitle-area span { font-size:16px; }
	.main-about-us > .btn-area { padding-top:25px;  }
}
@media screen and (max-width:1200px){
	.mtitle-area { padding:90px 50px 60px;  }
}

/* @media screen and (max-width:900px){
	.mtitle-area { padding:90px 50px 60px;  }
} */
@media screen and (max-width:940px){
	.mtitle-area { padding:50px 20px 30px;  }
	.mtitle-area p { font-size:25px; padding-bottom:5px; }
	.mtitle-area span { font-size:15px;  }
}
@media screen and (max-width:444px){
	.mtitle-area span br { display:none; }
}
@media screen and (max-width:420px){
	.mtitle-area p {  }
}


.contain1200 { max-width:1200px; margin:0 auto; }
.contain1920 { max-width:1920px; margin:0 auto; }

@media screen and (max-width:1300px){
	.contain1200 { padding:0 50px; }
}
@media screen and (max-width:640px){
	.contain1200 { padding:0 20px; }
}

.aboutus_pc {display:block;}
.aboutus_tablet {display:none;}
.aboutus_mo {display:none;}
.certificate {display:inline-block; width:100%;}
.certificate ul li {width:24%; margin-left:1%; height:500px; float:left; text-align:center; margin-bottom:50px;}
.certificate ul li img {width:100%;}
.certificate ul li p {font-size:16px; font-weight:500;}
.certificate ul li span {font-size:16px; font-weight:300;}

/* 제품 */
.smartmirror {width:100%;  position:relative; /* display:flex; */ margin-bottom:80px; }
.smartmirror img {width:100%; margin-bottom:40px;}
.smartmirror .conleft { position:relative; display:inline-block; overflow:hidden; width:60%; height:400px;}
.smartmirror .conright {/* width:38%; */ text-align:center; font-size:24px; /* margin-left:2%; */ font-weight:300;}
.smartmirror .conright img {width:70%; margin:30px 0 0;}
.smartmirror .conright p {font-size:48px; font-weight:500; margin:150px 0 15px;}

.smartmirror .video-wrap {position: relative; height: 675px; padding-bottom:56.25%; overflow: hidden; box-sizing: border-box;}
.smartmirror .video-wrap > iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.signage {width:100%; position:relative; display:flex; margin-bottom:120px;}
.signage .conleft1 { position:relative; display:inline-block; width:75%; }
.signage .conleft1 p {display:block; margin-top:10px;}
.signage .conleft2 { position:relative; display:inline-block; width:23%; margin-left:2%;}
.signage .conleft2 p {display:block; margin-top:10px;}
.signage_toptxt {text-align:center; font-size:18px; margin:4% 0 4% 2%; font-weight:300;}
.signage_toptxt p {font-size:38px; font-weight:500; margin:15px 0;}
.signage .conright img {width:100%; margin:30px 15px 0;}


.leddisplay {width:100%; position:relative; display:flex; margin-bottom:80px;}
.toptxt {width:100%; position:relative; margin-bottom:80px; text-align:center; font-size:24px; color:#000;}
.leddisplay .conleft { position:relative; display:inline-block; overflow:hidden; width:50%; }
.leddisplay .conright {width:48%; text-align:center; font-size:18px; margin-left:2%; font-weight:300;}
.leddisplay .conright img {width:100%; margin:30px 15px 0;}
.leddisplay .conright p {font-size:28px; font-weight:500; margin:15px 0;}
.top100 img {width:100%; padding-top:100px;}
.top100-mo img {display:none;}

.pro-container { background-color:#f8f8f8; padding:100px 0;}
.pro-container .in-pro-container { position:relative; max-width:1200px; margin:0 auto; padding:0 50px; font-size:0; }
.pro-box-contain {font-size:0;}
.pro-box-contain.first {margin-bottom: 60px;}
.pro-box-contain > div { display:inline-block; vertical-align:top; width:48.5%; margin-right:1.5%; font-size:18px; font-weight:300;}
.pro-box-contain > div + div { margin-left:1.5%; margin-right:0;}
.pro-box-contain > div p {font-size:36px; color:#3a6bc1; line-height:46px; padding-bottom:30px;}
.pro-box-contain .sub-title {font-size: 22px; font-weight: 600; margin-bottom: 5px; display: block; margin-top: 30px;}
.pro-box-contain > div p span{ font-weight:500;}
.pro-box-contain > div img {width:100%;}
.btn_outline_shop {border:1px solid #222; padding:15px 30px; border-radius:30px; font-size:16px; width:100px; margin:80px auto 0; text-align:center;}
.btn_outline_more {border:1px solid #222; padding:10px 30px; border-radius:30px; font-size:16px; width:100px; margin-top:20px; text-align:center;}
.btn_outline_morefill {background:#000 url("/images/common/icon_download.png") no-repeat center right 20%; background-size:20px; color:#fff; padding:10px 0 10px 30px; border-radius:30px; font-size:16px; width:100px; margin-top:20px; text-align:left;}
.btn_outline_contact {border:1px solid #222; padding:10px 30px; border-radius:30px; font-size:16px; width:100px; margin-top:20px; text-align:center;}
.btn_outline_list {border:1px solid #222; padding:10px 30px; border-radius:30px; font-size:16px; width:100px; margin-top:20px; text-align:center;}
.pro-box-contain > div .contents_img05 {width:58%; padding-right:0.5%;}
.pro-box-contain > div .contents_img06 {width:40%; padding-left:0.5%;}
.pro-box-contain > div .contents_img07 {width:33%; padding-right:0.3%; height:341px;}
.pro-box-contain > div .contents_img08 {width:33%; padding-right:0.3%;}
.pro-box-contain > div .contents_img09 {width:33%;}

.pro-footer {display: inline-block; width: 100%;}
.pro-footer > a {float: left;}
.pro-footer > a:first-child {margin-right: 10px;}
.pro-pagenation {margin-top:38px; text-align:right; float: right;}
.pro-pagenation a.arrow {width: 10px;}
.pro-pagenation a {display:inline-block; width:50px; height:34px; margin:0 2px; font-size:16px; text-align:center; line-height:34px; vertical-align:top; border-radius:2px;}
.pro-pagenation > a.arrow img {padding-top:11px;}



.pro-container_un { background-color:#fff; padding:0 0 100px;}
.pro-container_un .in-pro-container { position:relative; max-width:1200px; margin:0 auto; padding:0 50px; font-size:0; }
.pro-container_un .in-pro-container .pro-box-contain {font-size:0;}
.pro-container_un .in-pro-container .pro-box-contain > div { display:inline-block; vertical-align:middle; width:28.5%; margin-right:1.5%; font-size:18px; font-weight:300;}
.pro-container_un .in-pro-container .pro-box-contain > div + div { margin-left:1.5%; margin-right:0; width:68%;}
.pro-container_un .in-pro-container .pro-box-contain > div .vodh1 {height:373px;}
.pro-container_un .in-pro-container .pro-box-contain > div .leftcon {float:left; width:38%; height:332px;}
.pro-container_un .in-pro-container .pro-box-contain > div .rightcon {float:right; width:61%;}
.pro-container_un .in-pro-container .pro-box-contain > div p {font-size:36px; color:#3a6bc1; line-height:46px; padding-bottom:15px;}
.pro-container_un .in-pro-container .pro-box-contain > div p span{ font-weight:500;}
.pro-container_un .in-pro-container .pro-box-contain > div img {width:100%;}
.pro-container_un .in-pro-container .pro-box-contain > div .txtbox {border-radius:15px; background-color:#f9f9f9; padding:20px; font-size:16px; color:#000; line-height:26px;}
.pro-container_un .in-pro-container .pro-box-contain > div .contents_img01 {width:49.5%; padding-right:0.5%;}
.pro-container_un .in-pro-container .pro-box-contain > div .contents_img02 {width:49.5%; padding-left:0.5%;}
.pro-container_un .in-pro-container .pro-box-contain > div .contents_img03 {width:30.5%; padding-right:0.5%;}
.pro-container_un .in-pro-container .pro-box-contain > div .contents_img04 {width:68.5%; padding-left:0.5%;}

.pro-container .s_img_m {display: none;}

@media screen and (max-width: 1300px) {
    .smartmirror .video-wrap {height: 100%;}
}

@media screen and (max-width:1200px){
.aboutus_pc {display:none;}
.aboutus_tablet {display:block;}
.aboutus_mo {display:none;}
.certificate ul li {width:49%;}

.smartmirror {display:block;}
.smartmirror .conleft {width:100%; height:620px;}
.smartmirror .conright {width:100%; display:block; margin-left:0;}
.smartmirror .conright img {margin:30px 0 0;}
.smartmirror .conright p {margin:50px 0 15px 0; font-size: 36px;}

.signage {display:block;}
.signage .conleft1 {width:100%; height:620px;}
.signage .conleft2 {width:100%; height:620px; margin-left:0; margin-top:20px;}
.signage .conright {width:100%; display:block; margin-left:0;}
.signage .conright img {margin:30px 0 0;}
.signage .conright p {margin:30px 0 15px 0;}

.leddisplay {display:block;}
.leddisplay .conleft {width:100%; height:620px;}
.leddisplay .conright {width:100%; display:block; margin-left:0;}

.pro-box-contain > div {width:100%;}
.pro-box-contain > div + div { margin-left:0; margin-top: 30px;}
.pro-box-contain > div p {font-size:38px;}

.pro-container .s_img_m {display: block; margin-top: 30px;}
.pro-container .s_img_pc {display: none;}

.pro-box-contain.mirror {display: flex; flex-direction: column;}
.pro-box-contain.mirror > div {order: 2;}
.pro-box-contain.mirror > div + div {order: 1; margin-bottom: 30px; margin-top: 0;}

.pro-container_un .in-pro-container .pro-box-contain > div {width:100%;}
.pro-container_un .in-pro-container .pro-box-contain > div + div { margin-left:0; margin-top:30px; width:100%;}
.pro-container_un .in-pro-container .pro-box-contain > div p {font-size:38px;}
}
@media screen and (max-width:640px){
.aboutus_pc {display:none;}
.aboutus_tablet {display:none;}
.aboutus_mo {display:block;}
.certificate ul li {width:49%; margin-left:1%; height:340px;}


.smartmirror .conleft {width:100%; height:300px;}
.smartmirror .conright {font-size:18px;}
.smartmirror .conright p {font-size:30px; margin:50px 0 15px;}
.smartmirror .conright img {width:100%;}


.signage .conleft1 {width:100%; height:300px;}
.signage .conleft2 {width:100%; height:300px;}

.leddisplay .conleft {width:100%; height:300px;}
.toptxt {font-size:20px; margin-bottom:40px;}
.top100 img {display:none;}
.top100 img p {display:none;}
.top100-mo img {width:100%; padding-top:20px;}

.pro-container {padding:50px 0;}
.pro-container .in-pro-container {padding:0 20px;}
.pro-box-contain > div p {font-size:30px; line-height:40px;}
.pro-box-contain > div .contents_img07 {width:33%; padding-right:0.3%; height:218px;}

.pro-container_un {padding:0 20px 50px;}
.pro-container_un .in-pro-container {padding:0;}
.pro-container_un .in-pro-container .pro-box-contain > div {width:100%;}
.pro-container_un .in-pro-container .pro-box-contain > div .vodh1 {width:100%; display:block;}
.pro-container_un .in-pro-container .pro-box-contain > div .leftcon {float:none; width:100%; margin-bottom:10px; height: calc(100vw/1.77);;}
.pro-container_un .in-pro-container .pro-box-contain > div .rightcon {width:100%;}
.pro-container_un .in-pro-container .pro-box-contain > div + div { margin-left:0; margin-top:30px; width:100%;}
.pro-container_un .in-pro-container .pro-box-contain > div p {font-size:24px;}
.pro-container_un .in-pro-container .pro-box-contain > div .txtbox {border-radius:15px; background-color:#f9f9f9; padding:20px; font-size:16px; color:#000; line-height:26px;}

}



.image-halfbox-contain { border-top: 1px solid #f0f0f0; }
.image-halfbox-contain .ones {position:relative; font-size:0; width:100%;   }
.image-halfbox-contain .ones > img { width:50%;  }
.image-halfbox-contain .ones .txt-area { position:absolute; right:0; top:50%; width:100%;  text-align:center;
transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);  }
.image-halfbox-contain .ones .txt-area .toptit { font-size:20px; color:#2b2b2b; padding-bottom:15px;  }
.image-halfbox-contain .ones .txt-area .toptit p { font-size:38px; font-weight:700; letter-spacing:5px; font-family: "Segoe UI"; }
.image-halfbox-contain .ones .txt-area i.line { display:inline-block; width:60px; height:1px; background-color:#000;  }
.image-halfbox-contain .ones .txt-area .under { font-size:18px; color:#2b2b2b; font-weight:300; padding:20px 0 50px;  line-height:1.8; }

.image-halfbox-contain .ones .txt-halfbox { position:absolute; right:0; top:0; width:50%; height:100%; 
transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease;}
.image-halfbox-contain .ones.rim .txt-halfbox { right:auto; left:0;  }

.image-halfbox-contain .ones .txt-halfbox:hover { background:#111; }
.image-halfbox-contain .ones .txt-halfbox:hover .txt-area i.line { background-color:#fff; }
.image-halfbox-contain .ones .txt-halfbox:hover .txt-area .toptit ,
.image-halfbox-contain .ones .txt-halfbox:hover .txt-area .under { color:#fff; }
.image-halfbox-contain .ones .txt-halfbox:hover .txt-area .bl-line-btn { border-color: #fff; color: #fff; 
transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease;}
.image-halfbox-contain .ones .txt-halfbox:hover .txt-area .bl-line-btn:hover { background-color:#fff; color:#2b2b2b;  }


@media screen and (max-width:1630px){
	.image-halfbox-contain .ones .txt-area .toptit { font-size:17px;  }
	.image-halfbox-contain .ones .txt-area .toptit p { font-size: 33px; padding-bottom:8px;}
	.image-halfbox-contain .ones .txt-area .under { font-size: 17px; padding:16px 0 30px; }
}
@media screen and (max-width:1260px){
	.image-halfbox-contain .ones .txt-area .toptit { font-size:15px;  }
	.image-halfbox-contain .ones .txt-area .toptit p { font-size: 28px; }
	.image-halfbox-contain .ones .txt-area .under { font-size: 14px; padding:12px 0 25px; }
}
@media screen and (max-width:1100px){
	.image-halfbox-contain .ones .txt-area .toptit { font-size:14px;  }
	.image-halfbox-contain .ones .txt-area .toptit p { font-size: 28px; }
	.image-halfbox-contain .ones .txt-area .under { font-size: 15px; padding:9px 0 20px; }
}
@media screen and (max-width:1000px){
	.image-halfbox-contain .ones > img { width:100%; }
	.image-halfbox-contain .ones .txt-halfbox { position:relative; width:100%; padding:50px 0; }
	.image-halfbox-contain .ones .txt-area { position:relative; right:auto; top:auto;  
	transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); }

}
@media screen and (max-width:640px){
	.image-halfbox-contain .ones .txt-area a.bl-line-btn { height:37px; line-height:37px; padding:0 25px; }
}
@media screen and (max-width:420px){
	.image-halfbox-contain .ones .txt-halfbox { padding:30px 0; }
	.image-halfbox-contain .ones .txt-area { padding: 0 20px; box-sizing: border-box; }
	.image-halfbox-contain .ones .txt-area .toptit { font-size:14px;  }
	.image-halfbox-contain .ones .txt-area .toptit p { font-size: 25px;   }
	.image-halfbox-contain .ones .txt-area .under { font-size: 15px; padding:10px 0px 15px; }
}

@media screen and (max-width:360px){
	.image-halfbox-contain .ones .txt-area .toptit { font-size:13px;  }
	.image-halfbox-contain .ones .txt-area .toptit p { font-size: 20px;   }
	.image-halfbox-contain .ones .txt-area .under { font-size: 14px;  }
}











.bl-line-btn { display:inline-block; border:2px solid #2b2b2b; height:45px; line-height:45px; padding:0 37px; font-size:15px; color:#2b2b2b; font-family: "Segoe UI"; font-weight:500; letter-spacing:2px; -webkit-appearance: none; -webkit-border-radius: 0;
transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease;}

.bl-line-btn:hover { background-color:#2b2b2b; color:#fff;  }
.bl-line-btn.wht { border-color:#fff; color:#fff;  }

.bl-line-btn.wht:hover { background-color:#fff; color:#2b2b2b;  }

input.bl-line-btn { cursor:pointer; }


.image-halfbox-contain .ones.rim { text-align:right; }
.image-halfbox-contain .ones.rim .txt-area { right:auto; left:0;  }


.eoneshop-main-ontainer { height:458px; background:#2b2b2b url("/images/main/main_bot_img.jpg") no-repeat 50% top; }
.eoneshop-main-ontainer .txtbox { color:#fff;  padding-top: 75px; max-width:1200px; margin:0 auto; }
.eoneshop-main-ontainer .txtbox p { font-family: "Segoe UI"; letter-spacing:4px; font-size:44px; font-weight:300; padding-bottom:7px;  }
.eoneshop-main-ontainer .txtbox p b {  }
.eoneshop-main-ontainer .txtbox u { display:block; text-decoration:none; font-size:20px; padding-bottom:50px; font-weight:300;  line-height:1.8;}

.eoneshop-main-ontainer > div > img { display:none; }

@media screen and (max-width:1300px){
	.eoneshop-main-ontainer .txtbox { padding-left:50px; padding-right:50px; }
	.eoneshop-main-ontainer { background-position:calc(50% - 50px) top; }
}

@media screen and (max-width:1040px){
	.eoneshop-main-ontainer { background-position: calc(50% - 100px) top; }
	.eoneshop-main-ontainer .txtbox p { font-size: 34px; }
	.eoneshop-main-ontainer .txtbox u { font-size: 17px; }
}
@media screen and (max-width:940px){
	.eoneshop-main-ontainer {position:relative;  height:auto; background:#2b2b2b; }
	.eoneshop-main-ontainer > div > img { display:block; max-width:100%; } 
	.eoneshop-main-ontainer .txtbox { position:absolute; left:0; top:0; width:100%; height:100%;  padding-left: 50px; padding-right:0; padding-top:50px; box-sizing:border-box; }
}

@media screen and (max-width:640px){
	.eoneshop-main-ontainer .txtbox { padding-left:20px; padding-top:30px;  }
}
@media screen and (max-width:544px){
	.eoneshop-main-ontainer .txtbox p { font-size: 27px/* 6vw */; }
	.eoneshop-main-ontainer .txtbox u { font-size:3vw; padding-bottom:8vw; }

/* 	.eoneshop-main-ontainer .txtbox a.bl-line-btn.wht { height: 8vw; line-height: 8vw; padding: 0 6vw; font-size: 3vw;} */
	.eoneshop-main-ontainer .txtbox a.bl-line-btn.wht { height: 37px; line-height: 37px; padding: 0 25px; font-size: 15px;}
}





.psl-contain { position:relative;  display:inline-block; vertical-align:top; width:50%;  overflow:hidden; }
.prod-slider img { width:100%;  }

.psl-contain .bx-controls { position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:99; }
.psl-contain .bx-controls .bx-pager { display:inline-block; }
.psl-contain .bx-controls .bx-pager .bx-pager-item { display:inline-block; }
.psl-contain .bx-controls .bx-pager .bx-pager-item a { display:block; width:13px; height:13px; background:rgba(255,255,255,0.5); border-radius:50%; }
.psl-contain .bx-controls .bx-pager .bx-pager-item a.active { background:rgba(255,255,255,1); }
.psl-contain .bx-controls .bx-pager .bx-pager-item + .bx-pager-item { margin-left:7px;  }

@media screen and (max-width:1000px){
	.psl-contain { width:100%;  }
}
@media screen and (max-width:640px){
	.psl-contain .bx-controls { bottom:15px; }
	.psl-contain .bx-controls .bx-pager .bx-pager-item a { width:10px; height:10px;  }
}



























/*sub contents*/
#container {}

.sub #contents{/* width:750px;  float:right;*/  text-align:left; }
.sub #contents .titleArea{margin-top:30px;  margin-bottom:40px; position:relative;}	
.sub #contents .titleArea h3{ padding:0px; color:#000; font-size:40px; font-weight:600; text-align:center;}	
.sub #contents .titleArea .location { margin-top:20px; font-size:13px; text-align:center; }

/* 서브비주얼 */
#subVisual {height:350px; overflow:hidden; text-align:center; }
#subVisual .subv-title { text-align:center; padding-top:87px;}
#subVisual .subv-title.reh { padding-top:50px; }
#subVisual .subv-title.nosnb { padding-top:120px; }
#subVisual .subv-title span { font-family: "Segoe UI"; display:block; font-size:45px; color:#fff; font-weight:500; }
#subVisual .subv-title span em { font-style:normal; font-weight:100;  }
#subVisual .subv-title p { font-size:17px; color:#fff; font-weight:400; margin-top:10px;  }

#subVisual .subv-title p u { display:inline-block; text-decoration:none; vertical-align:top; }
#subVisual .subv-title p u + u { margin-left:18px;  }
#subVisual .subv-title p u i { font-style:normal; display:block; font-size:15px;  }

#subVisual > img { display:none; }

.subVsal01 { background:url("/images/sub/sub_visual01.jpg") no-repeat 50% top; }
.subVsal02 { background:url("/images/sub/sub_visual02.jpg") no-repeat 50% top; }
.subVsal02-1 { background:url("/images/sub/sub_visual02_1.jpg") no-repeat 50% top; }
.subVsal02-2 { background:url("/images/sub/sub_visual02_2.jpg") no-repeat 50% top; }
.subVsal02-3 { background:url("/images/sub/sub_visual02_3.jpg") no-repeat 50% top; }
.subVsal02-4 { background:url("/images/sub/sub_visual02_4.jpg") no-repeat 50% top; }
.subVsal02-5 { background:url("/images/sub/sub_visual02_5.jpg") no-repeat 50% top; }
.subVsal02-6 { background:url("/images/sub/sub_visual02_6.jpg") no-repeat 50% top; }
.subVsal03 { background:url("/images/sub/sub_visual03.jpg") no-repeat 50% top; }

.subVsal04 {position:relative;}
.subVsal04::before {position:absolute; content:""; top:0; bottom:0; left:0; right:0; background: #000000; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 70%);}
#subVisual.subVsal04 .subv-title {position:relative; z-index:10; text-align:left; max-width: 1200px;margin: 0 auto;}

@media screen and (max-width:1300px){
	#subVisual.subVsal04 .subv-title { padding-left: 50px; padding-right: 50px; }
}

.subVsal04-1 { background:url("/images/sub/sub_visual04_1.jpg") no-repeat 50% top; }
.subVsal04-2 { background:url("/images/sub/sub_visual04_2.jpg") no-repeat 50% top; }
.subVsal04-3 { background:url("/images/sub/sub_visual04_3.jpg") no-repeat 50% top; }
.subVsal04-4 { background:url("/images/sub/sub_visual04_4.jpg") no-repeat 50% top; }
.subVsal04-5 { background:url("/images/sub/sub_visual04_5.jpg") no-repeat 50% top; }

.subVsal05-1 { background:url("/images/sub/sub_visual05_1.jpg") no-repeat 50% top; }
.subVsal05-2 { background:url("/images/sub/sub_visual05_2.jpg") no-repeat 50% top; }
.subVsal05-3 { background:url("/images/sub/sub_visual05_3.jpg") no-repeat 50% top; }
.subVsal05-4 { background:url("/images/sub/sub_visual05_4.jpg") no-repeat 50% top; }
.subVsal05-5 { background:url("/images/sub/sub_visual05_5.jpg") no-repeat 50% top; }

.subVsal06 { background:url("/images/sub/sub_visual06.jpg") no-repeat 50% top; }

@media screen and (max-width:640px){
	#subVisual { height:auto;  }

	#subVisual > img { display:block; max-width:100%;  }
	#subVisual .subv-title { position:absolute;left:0;top:0; width:100%; height:100%; padding-top: 18.4vw; box-sizing:border-box; }
	#subVisual .subv-title.nosnb {padding-top: 18vw;}
	#subVisual .subv-title span { font-size:7.5vw; }
	#subVisual .subv-title p { font-size: 3.5vw; margin-top:5px;  }

	#subVisual.subVsal04 .subv-title {position:absolute;}

	#subVisual .subv-title.reh { padding-top:17vw; }
	#subVisual .subv-title.reh span { font-size:7vw;  }
	#subVisual .subv-title p u { width:15vw; }
	#subVisual .subv-title p u + u { margin-left:0;  }
	#subVisual .subv-title p u img { width:11vw;  }

	#subVisual .subv-title p u i { font-size:2.2vw; }
}






.subbod-caption { text-align:center; font-size:17px; color:#222; padding-bottom:75px; word-break:keep-all; line-height:1.9; font-weight:300;}
@media screen and (max-width:1300px){
	.subbod-caption { padding-left:20px; padding-right:20px;  }
}
@media screen and (max-width:640px){
	.subbod-caption { padding-bottom:70px;   }
	.subbod-caption br { display:none; }
}







/*  --------------------------------------------  */

.sub-ultite {position:relative; font-size:28px; color:#2b2b2b; text-align:Center; margin-top:15px; padding-top:17px; padding-bottom:80px; letter-spacing:3px; }
.sub-ultite i { position:absolute; left:50%; top:0; width:32px; height:3px; background-color:#2b2b2b; margin-left:-16px;  }
.sub-ultite.sbbd { padding-bottom:35px; }
.sub-ultite_left {position:relative; border-bottom:1px solid #898888; font-size:28px; color:#2b2b2b; text-align:left; margin-top:15px; padding:17px 0; margin-bottom:60px; letter-spacing:0px; font-weight:500;}
.sub-ultite_left span {color:#a6a6a6; font-size:28px; font-weight:300;}

@media screen and (max-width:1300px){
	.sub-ultite { padding-left:50px;padding-right:50px;  }
}

@media screen and (max-width:640px){
	.sub-ultite { font-size:30px; margin-top:5px; padding-top:10px; padding-bottom:50px; padding-left:20px; padding-right:20px; }
	.sub-ultite.sbbd { padding-bottom:50px;  }
	.sub-ultite_left {font-size:30px; padding:0 0 17px 0;}
	.sub-ultite_left span {font-size:26px;}
}
@media screen and (max-width:360px){
	.sub-ultite.cs { font-size: 23px; }
}





p.txbox { font-size:18px; color:#333; line-height:1.4; font-weight:300;}
p.txbox b { font-weight:500; }

@media screen and (max-width:640px){
	p.txbox { font-size:15px; }
	p.txbox br.mbr { display:none;  }
}


.greeting-top { font-size:45px; color:#2b2b2b; font-weight:300; line-height:1.3; /* padding-bottom:90px;  */ }
.greeting-top > b { font-size:40px; font-weight:500; }
.greeting-top p  { /* padding-top:45px;  */}
.greeting-top p.txbox-b { font-size:28px; color:#333; line-height:1.4; font-weight:300; padding-top:35px;}
.greeting-top p.txbox { font-size:20px; color:#333; line-height:1.8; font-weight:300; padding-bottom:90px; padding-left:60px;}


.greeting-box {/*  background-color:#f8f8f8;  */padding:80px 0; }
.greeting-box p { font-size:48px; font-family: "Segoe UI"; color:#4472c4; font-weight:700; padding-bottom:38px;  }
.greeting-box .roundbox {background-color:#f6f6f6; border-radius:10px; padding:20px; font-size:20px; font-weight:300; margin-bottom:50px;}
.view-box-contain { font-size:0;  }
.view-box-contain > div { display:inline-block; vertical-align:top; width:48.5%; margin-top:50px;}
.view-box-contain > div + div {/*  margin-left:3%; */ }
.view-box-contain > div > img { width:100%; }
.view-box-contain > div p { font-size:16px; color:#444444; font-weight:300; /* padding:35px 0; *//*  min-height:150px;  */ text-align:left; }
.view-box-contain > div p span { display:block; font-size:20px; color:#2b2b2b; font-weight:500; min-height:62px;  padding-bottom:15px;  }


@media screen and (max-width: 1300px) {
	.greeting-top p.txbox {padding-left: 0;}
}


@media screen and (max-width:950px){
	/* .view-box-contain > div p { height:200px;  } */
}
@media screen and (max-width:870px){
	/* .view-box-contain > div p { height:270px;  } */
	.view-box-contain > div p span { height:90px; }
}


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

	.greeting-top { font-size:22px;}
	.greeting-top > b { font-size:28px; }
	.greeting-top br.mo { display:none; }
	.greeting-top p { padding-top:30px;  }
	.greeting-top p.txbox-b {font-size:20px;;}
	.greeting-top p.txbox {font-size:18px;}
	.greeting-box { padding:40px 0 0px; }
	.greeting-box > p { font-size:25px; }
	.greeting-box p { font-size:34px; color:#4472c4; font-weight:700; padding-bottom:38px;  }
	.greeting-box .roundbox {font-size:18px;}
	
	.view-box-contain > div p { font-size:15px; padding:10px 0 0; min-height:auto; height:auto; }
	.view-box-contain > div p span { font-size:17px; min-height:auto; height:auto;  }
	
	.view-box-contain > div { display:block; width:100%;  }
	.view-box-contain > div + div {margin-left:0;  margin-top:50px;  }

	/* 유튜브 */
	iframe {height: calc(100vw/1.77);}
	
}


.contact-box {padding:80px 0; }
.contact-box .contact_toptxt {font-size:24px; color:#000; font-weight:400; padding-bottom:50px;}
.contact-box .contact_tittxt {font-size:26px; color:#3a6bc1; font-weight:500; padding-top:50px;}
.contact-box .contact_tittxt span {padding-left:100px;}
.contact-box .contact_tittxt p{color:#000; font-weight:400; font-size:18px;}
.contact-box .roundbox {background-color:#f6f6f6; border-radius:10px; padding:20px; font-size:20px; font-weight:300; margin:50px 0; text-align:center;}

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

.contact-box {padding:0 0; }
.contact-box .contact_toptxt {font-size:20px;}
.contact-box .contact_tittxt {font-size:20px;}
.contact-box .roundbox {font-size:16px;}
.contact-box .contact_tittxt span {padding-left:0; display:block;}

}

.his-container { background-color:#f8f8f8; padding:100px 0;}
.his-container .in-his-container { position:relative; max-width:1200px; margin:0 auto; font-size:0; }
.his-container .in-his-container > i.ver-line { position:absolute; left:50%; top:18px; width:2px; margin-left:-1px;  height:100%; background-color:#ddd;}
.his-container .position-p { position:relative;  }
.his-container .item { position:relative; right:0; top:0; width:50%; display:inline-block; vertical-align:top;  box-sizing:border-box; padding-left:98px; }
.his-container .item > i { position:absolute; left:-8px; top:8px; width:16px; height:16px; background-color:#fff; border-radius:50%; }
.his-container .item > i:after { content:''; position:absolute; left:3px; top:3px; width:10px; height:10px; border-radius:50%; background-color:#2b2b2b;  }
.his-container .item span { display:block; color:#2b2b2b; font-weight:700; font-size:32px; font-family: "Segoe UI"; height:40px; line-height:40px;  padding-bottom:15px; }
.his-container .item p {  }
.his-container .item p u { text-decoration:none; display:block; font-size:18px; color:#444; font-weight:300;  }
.his-container .item p u + u { margin-top:8px;  }
.his-container .item .img-box { padding-top:40px;  }
.his-container .item .img-box img { max-width:100%;  }

.his-container .item.le { text-align:right; right:auto; left:0; padding-left:0; padding-right:98px;  }
.his-container .item.le > i { left:auto; right:-8px;  }
.his-container .item.po1 { margin-top:109px; }
.his-container .item.po2 { margin-top:-10px;  }
.his-container .item.po3 { margin-top:42px; }
.his-container .item.po4 { margin-top:-300px; }
.his-container .item.po5 { margin-top:95px; }

@media screen and (max-width:1300px){
	.his-container .in-his-container { padding:0 50px;  }

	.his-container .item { padding-left:50px; font-size:0; }
	.his-container .item.le { padding-left:0; padding-right:50px; }
	.view-box-contain > div {display:block; width:100%;}
}
@media screen and (max-width:920px){
	.his-container .item { position:relative; left:auto; top:auto; right:auto; bottom:auto; display:block; width:100%; margin-bottom:30px; }
	.his-container .item.le { text-align:left; padding-right:0; padding-left:50px;  }
	.his-container .item.le > i { left:-8px; right:auto;  }

	/* .his-container .item + .item { padding-top:30px;  }
	.his-container .item + .item i { top: 46px; } */

	.his-container .item.po1 { margin-top:0; }
	.his-container .item.po2 { margin-top:0; }
	.his-container .item.po3 { margin-top:0; }
	.his-container .item.po4 { margin-top:0; }
	.his-container .item.po5 { margin-top:0; }

	.his-container .in-his-container > i.ver-line { left:50px;  }

}


@media screen and (max-width:640px){
	.his-container { padding:20px 0 50px; }
	.his-container .item { /* padding-bottom:30px; */ }
	.his-container .item + .item {  padding-left:20px; /* padding-top:10px; */ }
/* 	.his-container .item + .item i { top: 34px; } */

	.his-container .item span { font-size:20px; padding-bottom:10px; height:22px; line-height:22px;  }
	.his-container .item p u { font-size:15px;  }
	.his-container .item p u + u { margin-top:3px; }

	.his-container .in-his-container { padding:0 20px;  }
	.his-container .in-his-container > i.ver-line { left:20px;  }

	.his-container .item > i { left:-6px; top:6px;   width:12px; height:12px;  }
	.his-container .item.le { padding-left:20px;  }
	.his-container .item.le > i { width: 12px; height: 12px; left:-6px;  }
	.his-container .item > i:after { width: 6px; height: 6px; }


	.his-container .item .img-box { padding-top:15px;  }

}











.location-box {  }
.location-box .top-infor { text-align:center;  font-size:18px; color:#282828;  font-weight:300;  }
.location-box .top-infor b { font-family: 'Open Sans'; font-weight:700; font-size:15px; }
.location-box .top-infor b.gap { display:inline-block; margin-left:28px;  }
.location-box .top-infor em { font-style:normal; font-family: 'Open Sans'; }

.location-box .map-box { height:550px; width:100%; margin-top:45px;  }
.location-box .map-box .root_daum_roughmap { width:100%; }
.location-box .map-box .root_daum_roughmap .wrap_map { height:550px;  }
.location-box .map-box .root_daum_roughmap .wrap_controllers { display:none;  }

.location-box .map-inforbox { position:relative; z-index:1; max-width:1200px; margin:0 auto; min-height:300px; background:rgba(17,17,17,0.9); margin-top:-150px; margin-bottom:100px;  }
.location-box .map-inforbox .in-formation { font-size:0; padding:45px 55px; }
.location-box .map-inforbox .in-formation > div { display:inline-block;  vertical-align:top; box-sizing:border-box; min-height:200px; }
.location-box .map-inforbox .in-formation > div.bus-b { width:55%; border-right:1px solid rgba(255,255,255,0.15); }
.location-box .map-inforbox .in-formation > div.sub-b { width:45%; padding-left:55px;  }
.location-box .map-inforbox .in-formation > div .way { display:inline-block; vertical-align:top; padding-right:20px;   margin-top:17px;  }
.location-box .map-inforbox .in-formation > div .way p { font-size:16px; color:#fff;  margin-bottom:13px;}
.location-box .map-inforbox .in-formation > div .way div { padding-left:13px;  }
.location-box .map-inforbox .in-formation > div .way div span { display:block;  font-size:16px; color:#fff; font-weight:100; }
.location-box .map-inforbox .in-formation > div .way div span + span { margin-top:3px;  }
.location-box .map-inforbox .in-formation > div .way div span u {text-decoration:none;  display:inline-block; padding:1px 9px; border-radius:3px; font-size:15px;  color:#fff; vertical-align:middle; margin-right:7px; font-weight:400;}
.location-box .map-inforbox .in-formation > div .way div span u.li1 { background-color:#6175f5; }
.location-box .map-inforbox .in-formation > div .way div span u.li2 { background-color:#74b000; }
.location-box .map-inforbox .in-formation > div .way div span u.li3 { background-color:#00afbd; }
.location-box .map-inforbox .in-formation > div .way div span u.li4 { background-color:#47af1b; }
.location-box .map-inforbox .in-formation > div .way div span u.li5 { background-color:#253b95; }
.location-box .map-inforbox .in-formation > div .way div span u.li6 { background-color:#697114; }
.location-box .map-inforbox .in-formation > div .way div span u.ol1 { padding:0; width:24px; height:24px; text-align:center; line-height:24px;  background-color:#fff771; border-radius:50%; color:#000; font-weight:500; margin-right:0; }

.location-box .map-inforbox .in-formation > div p.tit { font-size:25px; color:#fff;  }
.location-box .map-inforbox .in-formation > div p.tit img { display:inline-block; margin-right:7px;  vertical-align:bottom; margin-bottom:2px;}

.location-box br.ma { display:none; }
.location-box br.mb { display:none; }

@media screen and (max-width:1268px){
	.location-box .map-inforbox .in-formation > div.bus-b ,
	.location-box .map-inforbox .in-formation > div.sub-b { width:50%;  }
}
@media screen and (max-width:1300px){
	.location-box .top-infor { padding:0 50px; }
	.location-box .map-inforbox { margin-left:50px; margin-right:50px;  }
}
@media screen and (max-width:940px){
	.location-box .map-inforbox .in-formation > div p.tit { font-size:20px;  }
	.location-box .map-inforbox .in-formation > div p.tit img { width:30px;  }
	.location-box .map-inforbox .in-formation > div .way p { font-size:15px;  }

	.location-box .map-inforbox .in-formation > div.bus-b ,
	.location-box .map-inforbox .in-formation > div.sub-b { display:block;  width:100%;  }

	.location-box .map-inforbox .in-formation > div.bus-b { border-right:0;  }
	.location-box .map-inforbox .in-formation > div.sub-b { padding-left:0; padding-top:50px;  }

	.location-box .map-inforbox { margin-top:-50px; }
	.location-box .map-box .root_daum_roughmap .wrap_map { height:400px;  }
}
@media screen and (max-width:700px){
	.location-box br.mb { display:block; }
	.location-box br.mb + b { margin-left:0 !important;  }
}

@media screen and (max-width:640px){
	.location-box .top-infor { padding:0 20px; font-size:15px;}
	.location-box .top-infor b { font-size:13px;  }

	.location-box .map-box { height:230px;  }
	.location-box .map-inforbox { margin-top:20px; }
	.location-box .map-inforbox { margin-left:20px; margin-right:20px; margin-bottom:50px;  }
	.location-box .map-inforbox .in-formation{ padding:30px 20px;  }
	.location-box .map-inforbox .in-formation > div { min-height:auto;  }
}
@media screen and (max-width:360px){
	.location-box .map-inforbox .in-formation > div p.tit { font-size:17px; }
	.location-box .map-inforbox .in-formation > div p.tit img { width:25px; }
	.location-box .map-inforbox .in-formation > div .way p { font-size:13px;  }

	.location-box .map-inforbox .in-formation > div .way div span { font-size:13px;  }
	.location-box .map-inforbox .in-formation > div .way div span u { font-size:12px;  }

	.location-box .map-inforbox .in-formation > div .way div span u.ol1 { width:20px; height:20px; line-height:20px;  }

	.location-box br.ma { display:block; }
	.location-box br.ma + b { margin-left:0  !important;  }
}
















/*  --------------------------------------------------------------------------------  */

/* #SNB => 현재 스탠다드 서브메뉴 디자인이 상단으로 올라가서 top:-30px : 다른 디자인은 수정바람  */
#SNB { position:relative; top:-65px; width:100%; background:rgba(18,18,18,0.85); }
#SNB.nosnb { background:none; top:0; height:65px;  }

@media screen and (max-width:640px){
	#SNB { top:0;  margin-bottom:65px;  }
	#SNB.nosnb { height:0; }
}

.SNBWrap { max-width:1200px; margin:0 auto;   overflow:hidden; }
.SNBWrap ul.menu { display:block; width:100%; font-size:0; }
.SNBWrap ul.menu li { display:inline-block; width:100%; box-sizing:border-box; }
.SNBWrap ul.menu li a { display:block; height:65px; line-height:65px; font-size:17px; color:#fff; text-align:center; }
.SNBWrap ul.menu li.snb_on a { color:#2b2b2b; background-color:#fff; }

.SNBWrap ul.menu.w3 li { width:33.3333333%;  }
.SNBWrap ul.menu.w4 li { width:25%;  }
.SNBWrap ul.menu.w5 li { width:20%;  }
.SNBWrap ul.menu.w6 li { width:16.666666%;  }

.SNBWrap > a { display:none; }

@media screen and (max-width:1080px){
	/* .SNBWrap ul.menu.w6 li { width:33.333333%; } */
}
@media screen and (max-width:950px){
	.SNBWrap ul.menu.w6 li a { font-size:14px; }
}
@media screen and (max-width:770px){
	#SNB.pg2 { top:-50px; }
	.SNBWrap ul.menu.w6 li a { font-size:12px; height:50px; line-height:50px;  }
}
@media screen and (max-width:640px){
	.SNBWrap { display:none; }
	/* .SNBWrap > a { display:block; height:50px; line-height:50px; font-size:15px; color:#2b2b2b; padding:0 20px; text-align:center; color:#fff; background:url("/images/sub/prom_arrow_down.png") no-repeat 95% 50%; background-size:18px 10px;}
	.SNBWrap > a.on { background:url("/images/sub/prom_arrow_up.png") no-repeat 95% 50%; background-size:18px 10px; }
	.SNBWrap ul.menu { display:none; position:absolute; left:0; top:50px; z-index:10; border-bottom:1px solid #2b2b2b;}
	.SNBWrap ul.menu li { display:block; }
	.SNBWrap ul.menu li a { height:42px; line-height:42px; font-size:15px; background:rgba(18,18,18,0.7);}
	
	.SNBWrap ul.menu.w3 li,
	.SNBWrap ul.menu.w6 li { width:100%;  } */
}





/*sms*/
.sms-contain { position:relative; height:133px;  }
.sms-contain .sms{ font-size:0; }
.sms-contain .sms label{ display:inline-block; vertical-align:top; font-size:0; box-sizing:border-box; }
.sms-contain .sms label u { display:inline-block; text-decoration:none; width:30px; font-size:14px; color:#444; font-weight:400;}
.sms-contain .sms .text {width:74px; height:29px; margin-bottom:2px; margin-left:5px; font-size:14px; color:#444;}
.sms-contain .sms .textarea {width:100%; height:46px; overflow:hidden; font-size:14px; color:#444; margin-top:5px; padding:7px 5px; box-sizing:border-box; }
.sms-contain .smsbt{ position:absolute; left:0; bottom:0; width:100%;  display:block; }
.sms-contain .smsbt a { display:block; height:35px; line-height:35px; text-align:Center; font-size:14px; color:#fff; font-weight:500; background:#977b5d;}

.sms-contain .sms { height:84px; }
.sms-contain .sms > div { height:33px;  }
.sms-contain .sms label.name { float:left;}
.sms-contain .sms label.phone { float:right;}
.sms-contain .sms label.phone .text { width:114px; }

/* 회원단 공통 */
#MemBody {width:100%; padding:0px 0; margin-top:0px; position:relative;}
#MemBody caption {display:none;}
#MemBody textarea { width:100%; height:200px;border:1px solid #ddd; color:#666; overflow-x:hidden; padding:5px; box-sizing:border-box;}

/* 로그인 */
.login #MemBody {padding:50px 0;}
.login #MemBody .login_title {margin-bottom:25px; padding-top:145px; background:url('/images/member/icon_login02.png') no-repeat center 0; text-align:center;}
.login #MemBody .login_title h4 {font-size:36px; font-weight:600; color:#222; letter-spacing:-0.25px;}
.login #MemBody .login_title p {padding-top:20px; font-size:18px; font-weight:300; letter-spacing:-0.2px;}
.login #MemBody .login_con {width:440px; margin:0 auto;}
.login #MemBody .login_con table {width:100%;}
.login #MemBody .login_con table input.text {width:285px; height:38px; background:#f9f9f9;}
.login #MemBody .login_con .login_util {border-top:1px solid #bfbfbf; margin-top:20px; padding-top:20px; overflow:hidden;}
.login #MemBody .login_con .login_util ul {float:left;}
.login #MemBody .login_con .login_util ul li {display:inline-block; padding-left:11px; margin-left:10px; background:url('/images/member/login_gap.gif') no-repeat 0 center; font-size:14px; letter-spacing:-0.2px; line-height:30px;}
.login #MemBody .login_con .login_util ul li:first-child {padding-left:0; margin-left:0; background:none;}
.login #MemBody .login_con .login_util ul li:hover a {text-decoration:underline;}
.login #MemBody .login_con .login_util .btn_black {float:right;}
.login .save {margin-top:-3px; margin-right:6px;}

/* 회원가입 - 약관동의 */
#MemBody.join_agree .info_check_box {padding:30px 20px; border:1px solid #cccccc; background:#f3f3f3; text-align:center;}
#MemBody.join_agree .join_agree_box {margin-top:30px;}
#MemBody.join_agree .info_check_box input.mem_name {width:100px;}
#MemBody.join_agree .info_check_box input.mem_email {width:200px;}
#MemBody.join_agree .join_agree_box .title {position:relative; display:block; margin-bottom:10px; padding-left:15px; font-size:17px;}
#MemBody.join_agree .join_agree_box .title:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:18px; margin-top:-9px; background:#977b5d;}
#MemBody.join_agree .join_agree_box .agree_check {padding:10px; background:#f5f5f5;}

/* 아이디/비번 찾기 */
#findIdpw {overflow:hidden;}
#findIdpw h4 {margin-bottom:20px; font-size:18px; font-weight:600; text-align:left; color:#222;}
#findIdpw .over {overflow:hidden;}
#findIdpw .find { display:inline-block; width:440px; height:260px; background:#f5f5f5; padding:40px 50px; border:1px solid #cfcfcf;}
#findIdpw .find p {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #c3c3c3; font-size:15px; color:#393939; line-height:22px; letter-spacing:-0.8px;}
#findIdpw .find p .blue {text-decoration:underline;}
#findIdpw .findTable {width:100%;}
#findIdpw .findTable th, 
#findIdpw .findTable td {padding:2px 2px;}
#findIdpw .findTable td input.text {width:310px; height:40px;}
#findIdpw .btn_idpw01 {width:104px; height:88px; line-height:88px;}
#findIdpw .btn_idpw02 {width:104px; height:134px; line-height:134px;}
#findIdpw.idpw_result .find {display:block; width:auto; height:auto; margin:0 auto; text-align:center;}
#findIdpw.idpw_result .find {padding-bottom:20px;}
#findIdpw.idpw_result .btnArea {width:280px; margin:0 auto;}

/*개인정보 / 이용약관*/
.rule-txt-area { max-width:1100px; width:100%; margin:0 auto 100px; }
.rule-txt-area textarea { width:100%; height:500px;  padding:10px 15px; border:1px solid #ddd; box-sizing:border-box; font-size:16px; color:#222; font-weight:400; line-height:1.5;}	
.rule-txt-area .rul-btn-box { margin-top:50px; text-align:center;  }

/*전자결제(pay)*/
.pay {background:#fff; width:94%; padding:3%; margin-bottom:0px; margin-left:0; margin-right:0; margin-top:0;}
.pay h3 {position:relative; font-size:22px; margin-bottom:20px;  padding-left:15px; font-weight:600; color:#222;}
.pay h3:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:20px; margin-top:-10px; background:#977b5d;}
.pay h4 {font-size:16px; margin-bottom:10px; color:#222;}
.pay .mgB30 {margin-bottom:30px;}
.pay .pro-btn .privacy .textarea {font-size:13px; line-height:20px;}
.pay .btnArea {text-align:center; margin-top:25px}

/*foot*/
#foot{ position:relative;  width:100%; background:#f7f6f8;  }
.downarea {  padding:0 0; /* background:#f0f0f0; */ }
.downarea .in-area {position:relative; max-width:1200px;  margin:0 auto; font-size:0;  }
.downarea .in-area a { margin-right:10px; }
.downarea .in-area .fam-sns { position:absolute; right:0; top:0; font-size:0;  }
.downarea .in-area .fam-sns .fam-select { position:relative; display:inline-block; vertical-align:top; z-index:1; }
.downarea .in-area .fam-sns .fam-select > a { display:inline-block; height:40px; line-height:40px;  padding:0 13px; background-color:#fff; font-size:15px; color:#666;  }
.downarea .in-area .fam-sns .fam-select > a i { position:relative; width:10px; height:5px; display:inline-block; vertical-align:middle; margin:0 5px 0 15px;}
.downarea .in-area .fam-sns .fam-select > a i:after { content:''; position:absolute; left:0; top:0; border-width:5px 5px 0 5px; border-color:#666 transparent transparent transparent; border-style:solid;  }
.downarea .in-area .fam-sns .fam-select ul { display:none;  position:absolute; left:0; top:40px; width:100%;  border:1px solid #eee; box-sizing:border-box;  }
.downarea .in-area .fam-sns .fam-select li { display:block; }
.downarea .in-area .fam-sns .fam-select li a { display:block; font-size:15px; color:#666;padding:10px; background-color:#fff;  text-align:left; }
.downarea .in-area .fam-sns .sns-btns { display:block; vertical-align:top; text-align:right; margin-top:10px;}
.downarea .in-area .fam-sns .sns-btns a { display:inline-block; vertical-align:top; width:50px; height:50px; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease;}

.downarea .in-area .fam-sns .down-btn {display:inline-block;}


.downarea .in-area .fam-sns .sns-btns a.insta { background:url("/images/common/icon_foot_insta.png") no-repeat 50% 50%;  margin-right:0; background-size:30px; }
.downarea .in-area .fam-sns .sns-btns a.blog { background:url("/images/common/icon_foot_blog.png") no-repeat 50% 50%;  margin-right:0; background-size:30px 26px; }
.downarea .in-area .fam-sns .sns-btns a.youtube { background:url("/images/common/icon_foot_youtube.png") no-repeat 50% 50%;  margin-right:0; background-size:30px 26px; }


/* .downarea .in-area .fam-sns .sns-btns a.insta:hover { background:url("/images/common/icon_foot_insta_wht.png") no-repeat 50% 50%;background-size:30px; }
.downarea .in-area .fam-sns .sns-btns a.blog:hover { background: url("/images/common/icon_foot_blog_wht.png") no-repeat 50% 50%;background-size:30px 26px; }
.downarea .in-area .fam-sns .sns-btns a.youtube:hover { background: url("/images/common/icon_foot_youtube_wht.png") no-repeat 50% 50%;background-size:30px 26px; } */


.downarea .in-area .down-group br { display:none; }
.downarea .in-area .topri-down-fo { display:none; }

.footWrap .bottom_logo {float: right;}
.footWrap .bottom_logo img { margin:0 15px;}

@media screen and (max-width:1300px){
	.downarea .in-area { padding:0 50px; }
	.downarea .in-area .fam-sns { right:50px;  }
}

@media screen and (max-width:1150px){
	.downarea .in-area { padding:63px 50px 0 50px; }
}
@media screen and (max-width:1024px){
	.downarea { padding:30px 0; }
	.downarea .in-area .down-group { display:none;  }
	.downarea .in-area .topri-down-fo { display:block; }
	.downarea .in-area { padding:0 50px 0 50px; }
}
@media screen and (max-width:870px){
	.downarea .in-area { padding: 0 50px 0 50px; }
	/* .downarea .in-area .down-group { font-size:0; }
	.downarea .in-area .down-group a { margin-right:0; margin-bottom:3px;  }
	.downarea .in-area .down-group br { display:block; } */
}
@media screen and (max-width:640px){
	.downarea { padding:20px 0; }
	.downarea .in-area { padding:0 20px; }
	.downarea .in-area .fam-sns { right:20px; width:160px; text-align:right; }

	.downarea .in-area .fam-sns .sns-btns { display:none; }
	.downarea .in-area .fam-sns .down-btn {display:none;}

	.downarea .in-area .fam-sns .fam-select { display:none; }
	/* .downarea .in-area .fam-sns .fam-select ,
	.downarea .in-area .fam-sns .fam-select a { margin-right:0; } */
}
@media screen and (max-width:500px){
	.downarea .in-area .down-group a { font-size:12px; padding:7px 9px; }


}
@media screen and (max-width:360px){
	.downarea .in-area .topri-down-fo a { height:13px; line-height:13px; font-size:12px;  }
	.downarea .in-area .fam-sns .sns-btns a { width:40px; height:40px;  }

	.downarea .in-area .fam-sns .sns-btns a.insta { background-size:25px; }
	.downarea .in-area .fam-sns .sns-btns a.blog { background-size:25px 21px; }

	.downarea .in-area .fam-sns .sns-btns a.insta:hover { background-size:25px; }
	.downarea .in-area .fam-sns .sns-btns a.blog:hover { background-size:25px 21px; }
}




/*모바일 버전 하단 familly 셀렉트*/
.fam-sns-vaone {display:none; margin-top:20px; }
.fam-sns-vaone .fam-select { position:relative; display:inline-block; vertical-align:top; margin-right:10px; z-index:1;  }
.fam-sns-vaone .fam-select > a { display:inline-block; height:40px; line-height:40px;  padding:0 13px; background-color:#fff; font-size:15px; color:#666; border:1px solid #d9d9d9;  }
.fam-sns-vaone .fam-select > a i { position:relative; width:10px; height:5px; display:inline-block; vertical-align:middle; margin:0 5px 0 15px;}
.fam-sns-vaone .fam-select > a i:after { content:''; position:absolute; left:0; top:0; border-width:5px 5px 0 5px; border-color:#666 transparent transparent transparent; border-style:solid;  }
.fam-sns-vaone .fam-select ul { display:none;  position:absolute; left:0; bottom:43px; width:100%;  border:1px solid #eee; box-sizing:border-box;  }
.fam-sns-vaone .fam-select li { display:block; }
.fam-sns-vaone .fam-select li a { display:block; font-size:15px; color:#666;padding:10px; background-color:#fff;  text-align:left; }
.fam-sns-vaone .sns-btns { position:absolute; right:0; top:0px; margin-right:0;  }


@media screen and (max-width:640px){
	.fam-sns-vaone { display:block;  }
}







.footWrap { padding:50px 0 45px; max-width:1200px;  margin:0 auto; position:relative; font-size:0; }
.footWrap h3 {position:absolute; left:0; top:0; padding-top:50px; }
.footWrap h3 img { width:110px; }
.footWrap .footCnt { padding-left:150px;  color:#242424;}
.footWrap .footCnt address {padding-bottom:3px; line-height:1.7; word-break: keep-all;}
.footWrap .footCnt address span {padding-right:10px; margin-right:10px;  background:url("/images/common/util_gap2.png") right 5px no-repeat; color:#242424;  font-size:15px; font-weight:300;}
.footWrap .footCnt address span.nolin { background:none; }
.footWrap .footCnt p {font-size:14px; font-weight:300; color:#676767; padding-top:10px;  }
.footWrap .footCnt p a {color:#999;}
.footWrap .footCnt p a:hover {text-decoration:underline;}

.footWrap .footCnt span.secret { display:inline-block;  vertical-align:middle;}
.footWrap .footCnt span.secret img { width:7px;  }



@media screen and (max-width:1300px){
	.footWrap { padding-right:50px; padding-left:50px;  }
	.footWrap h3 {  left:50px; }
}
@media screen and (max-width:1024px){
	.footWrap { padding-top:30px; padding-bottom:25px; }
	.footWrap h3 { display:none;}
	.footWrap .footCnt { padding:0; }
}

@media screen and (max-width:640px){
	.footWrap { padding:30px 20px; }
	.footWrap .footCnt address span { font-size:12px;  }
	.footWrap .footCnt p {  font-size:11px; padding-top: 5px;}
}







/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px; -webkit-appearance: none; -webkit-border-radius: 0; color:#333; font-weight:300;}
div#box { width:calc(100% - 40px); max-width:400px;  text-align:center; background-color:#fff; position:fixed; left:50%; top:50%; z-index:9999; padding:40px 30px 40px 30px; border:1px solid #666; box-sizing:border-box; 
transform:translate(-50%, -50%);}

div#box .login_center{overflow:hidden; padding:20px 0;  border-top:1px solid #bdbdbd;  border-bottom:1px solid #bdbdbd;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:65px; height:35px; line-height:35px; padding-right:10px; text-align:right; font-size:16px;  font-weight:300; color:#222; }
div.login_foot {clear:both; text-align:center; margin-top:20px;}

@media screen and (max-width:350px){
	div#box { padding:30px 20px; width:calc(100% - 20px); }
	.divbox .text { width:100px;  }
	div#box .login_foot input.btn_red2 { width:100px;  }
	div#box .login_center { padding:10px 0; }
}

/* 20250324 업데이트 */



/* 온라인문의, as신청 */
.new-contact-box {margin-bottom: 40px; color:#2b2b2b;}
.new-contact-box strong{font-size: 28px; margin-bottom: 20px; display:block;}
.new-contact-box p{font-size: 18px}

@media screen and (max-width: 640px) {
    /* .new-contact-box {margin-bottom: 40px;} */
    .new-contact-box strong {font-size: 30px;}
}

@media screen and (max-width: 767px) {
    .SNBWrap {display: none;}
}

/* 오시는길 */

.location-box .map-inforbox {margin-top: 0;}

.location-img {max-width: 1200px; margin: 0 auto; display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; justify-content: center; margin-top: 60px;}

.location-img img { max-width: 100%; height: auto;}
@media screen and (max-width: 1300px) {
    .location-img {margin-left: 50px; margin-right: 50px;}
}

@media screen and (max-width: 640px) {
    .location-img {margin-left: 20px; margin-right: 20px; margin-top: 30px;}
}


/* 브랜드 */

.brands-box {margin-top: 80px}
.brands-box>div:not(:first-child) {padding-top: 48px;}
.brands-box>div:last-child {padding-bottom: 48px;}
.brand-logo-area {display: flex; flex-wrap: wrap;gap: 12px; margin-top: 38px;}

.brand-logo-area li{width: calc(16.6666% - 10px); background-color: #ffffff; border: 1px solid #e7e7e7; min-height: 60px; padding: 6px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.brand-logo-area li img {max-width: 100%;}

@media screen and (max-width:1199px){
	.brand-logo-area li {width: 170px;}
}
@media screen and (max-width:767px) {
	.brand-logo-area li{width: calc(33.3333% - 10px);}
}
@media screen and (max-width:640px) {
	.brand-logo-area li{width: calc(50% - 10px);}
}

/* 새로 제품 20250326*/

.board-category {text-align: center; margin-bottom: 40px; float: left; width: 100%; border-bottom: 1px solid #d0cfcf; display:flex; justify-content: center;}
.board-category a {font-weight: 400; font-size: 16px;  padding:  16px 20px; height: 60px; border: 0px solid #222; box-sizing: border-box; margin-right: 0;  margin-bottom: -3px; display: flex; align-items: center; justify-content: center;}

.board-category a.active {border-bottom: 5px solid #009481 !important;font-weight: 600;}

@media screen and (max-width:1440px) {
    .board-category a {padding: 16px;}
}
@media screen and (max-width:1199px) {
    .board-category {justify-content: flex-start; overflow-y: hidden; overflow-x: auto;}
    .board-category a {white-space: nowrap;}
}


.product-view {}

.new-container {max-width: 1200px;margin: 0 auto;}


@media screen and (max-width: 1300px) {
    .new-container {padding: 0 50px;}
}

@media screen and (max-width: 640px) {
    .new-container {padding: 0 20px;}
}


.product-top {display: flex; gap: 60px; color: #2b2b2b;}
.product-top .img-area img {max-width: 550px; width: 100%; height: auto;}

.product-top .content {width: 50%;}
.product-top .content h2{font-size: 30px; font-weight: 700; color: #2b2b2b; padding-bottom: 25px; margin-bottom: 35px; border-bottom: 1px solid #dddddd; width: 100%; display: flex; justify-content: space-between; gap: 20px;}
.product-top .content ul li {display: flex; font-size: 16px;}
.product-top .content ul li:not(:last-child) {margin-bottom: 25px;}
.product-top .content ul li>div:first-child {font-weight: 600; min-width: 150px;}


.product-top .btn-area {display: flex; justify-content: flex-start; gap: 16px; margin-top: 50px;}
.product-top .btn-area .btn {padding: 15px 35px; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; gap: 10px;box-sizing: border-box;}
.product-top .btn-area .btn-dark {width: calc(50% - 8px); background-color: #2b2b2b; color: #ffffff;}
.product-top .btn-area .btn-white {width: calc(50% - 8px); background-color: #ffffff; border: 3px solid #2b2b2b;}

@media screen and (max-width: 1300px) {
    .product-top  {flex-direction: column; gap: 30px;}
    .product-top .content {width: 100%;}
    .product-top .img-area img {max-width: 100%;}
}

@media screen and (max-width: 640px) {
    .product-top .content h2 {font-size: 20px;}
    .product-top .content ul li {flex-direction: column;}
    .product-top .content ul li>div:first-child {margin-bottom: 10px;}
    .product-top .btn-area {gap: 10px;}
    .product-top .btn-area .btn {font-size: 16px; padding: 15px;}
    .sub-ultite_left02 {font-size: 20px; margin-bottom: 30px;}


}
@media screen and (max-width: 460px){
/*     .product-top .btn-area {flex-direction: column;}
    .product-top .btn-area .btn {width: 100%; min-height: 62px;} */
} 

.mt-50{margin-top: 50px;}

.contents-area img {max-width: 100%;}

/* 폼 */
.b_ex .text{width: 80%;}


/* 구축사례 슬라이드(works) */
.productSubject {font-size: 18px; padding-bottom: 10px; /* padding-right: 20px; */ overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; display: block; margin-top: 10px; font-weight: 600;}
.productText {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1;  line-clamp: 1; -webkit-box-orient: vertical; word-break: break-word;}


.ProductSlide .img img{max-width: 100%; height: 190px;}

.ProductSlideArea {position: relative;}

.top-tag-02 {margin-top: 20px;}

.ProductSlideArea .produc-button-next:after,
.ProductSlideArea .produc-button-prev:after {color: #000000;font-size: 1.25rem;font-weight: 800 !important;}

.ProductSlideArea .produc-button-next { right: -25px; top: calc(50% - 60px); width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #dddddd;}
.ProductSlideArea .produc-button-prev { left: -25px; top: calc(50% - 60px); width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #dddddd;}

@media screen and (max-width: 767px) {
    .ProductSlide .img img {width: 100%; height: auto;}
} 



/* 공유하기 */
.popup-share{position: fixed; top: 0; left: 0; display: none; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; color: #2b2b2b; z-index: 9999;}
.popup-share.active {display: flex;}

.popup-share .popup-container{ height: auto; max-width: 500px; box-sizing: border-box;}
.popup-share .popup-container .pop {width: 100%; background-color: #ffffff; padding: 40px; min-width: 500px; box-sizing: border-box;}
.popup-share .top {display: flex;  justify-content: space-between; margin-bottom: 30px;}
.popup-share strong {display: inline-block;  font-size: 24px; font-weight: 700;}
.popup-share .sns-area {display: flex; justify-content: center; gap: 10px; margin-bottom: 20px;}
.popup-share .copy-area {display: flex; width: 100%; }
.popup-share .copy-area input{ background-color: #e1e4e9; border: 0; font-size: 16px; padding: 20px 15px; width: 100%;}
.popup-share  .copy-area .copy-link {border: 1px solid #dddddd; padding: 18px; background-color: #ffffff;}
@media screen and (max-width: 640px) {
    .popup-share .popup-container {width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; min-width: auto;}
    .popup-share .popup-container .pop {min-width: auto;}
    .popup-share .sns-area {flex-wrap: wrap;}
}



/* WORKS 게시판 */

/* 리스트 */
#Board.work-list .basic dl {padding: 0;}
.tag-area {display: flex; gap: 5px; overflow-x: auto; padding-bottom: 10px; margin-bottom: 40px;}
.tag-area li a {padding: 5px 15px; color: #2b2b2b; background-color: #efefef; border-radius: 30px; font-size: 18px; display: block; white-space: nowrap;}
.tag-area li a.active {color: #ffffff; background-color: #2b2b2b;}

.top-tag {font-size: 14px; color: #2b2b2b; font-weight: 600;}


#Board.work-list .basic dd {padding-bottom: 10px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #000000;}
.date-text {display: block; font-size: 14px; margin-top: 10px; color: #999999; font-weight: 400;}

#Board.work-list .basic ul {display: flex; flex-wrap: wrap; gap: 30px;}
#Board.work-list .basic ul li {width: calc(33.3333% - 20px); float: none; margin: 0;}

#Board.work-list .basic .subject a {/* font-size: 20px; */ font-weight: 600;}
.work-img-area span {display: block;}
.work-img-area a {display: block;}
.work-img-area img {width: 100%; height: auto;}
.check-area {margin-top: 50px;}

/* 검색 새로 만들기 */
#search.new-search {text-align: right; border: none; background-color: transparent; padding-top: 0; padding-bottom: 50px;}
#search.new-search select {border: 0; border-bottom: 1px solid #000000; font-size: 16px; color: #000000; padding-right: 10px;}

#search.new-search input.text {border: 0;  font-size: 16px; color: #000000; }
#search.new-search .btn_search {background-color: transparent; border: 0; width: auto; height: auto;}
.new-search-box {display: flex; gap: 5px; justify-content: flex-end;}
.search-box {border-bottom: 1px solid #000000;}


@media screen and (max-width: 1200px) {
    #Board.work-list .basic ul {flex-wrap: wrap;}
    #Board.work-list .basic ul li {width: calc(50% - 20px);}
}

@media screen and (max-width: 575px) {
    #Board.work-list .basic ul li {width: 100%; height: auto !important;}
    #Board.work-list .basic .thumb {width: 100% !important; box-sizing: border-box;}
    #Board.work-list .basic .thumb img {width: 100%; height: auto;}
}




/* 뷰 */

.vid-box02 .cont-txt{margin-top: 30px;}

/* 메인 새로 하기 */

/* 메인 비주얼 */
#mainVisual.newMainVisual .in-slide {font-family: "Noto Sans KR";}
#mainVisual.newMainVisual .segoeUI{font-family: "Segoe UI", "Noto Sans KR";}

#mainVisual.newMainVisual .in-slide  p em {font-family: 300;}
@media screen and (min-width:1920px) {
    #mainVisual.newMainVisual li img{left: 50%; transform: translateX(-50%); width: 100%; margin-left: 0;}

}

@media screen and (max-width:900px){
    #mainVisual.newMainVisual .in-slide  p em {display: block;}
}


/* 메인 브랜드 */
.mtitle-area02 {padding: 100px 20px 20px 30px;}
.logos-container-02 {padding-bottom: 100px;}

@media screen and (max-width:640px) {
    .logos-container-02 {padding-bottom: 80px;}
}

.logos-container-02  > div {display: none;}
.logos-container-02  > div.on {display: block;}


.tab-black-boxses-02 {padding-bottom: 60px; }
.tab-black-boxses-02 ul {border: none; border-top: 1px solid #dbdbdb; padding-top: 50px; border-bottom: none;}
.tab-black-boxses-02 li {border: none !important;}
.tab-black-boxses-02 li a {position: relative; height: auto; line-height: 1.2; padding: 15px; font-size: 18px; border: none;font-family: 'Noto Sans KR'; font-weight: 400;}

.tab-black-boxses-02 li a::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 30px; height: 2px; background-color: #009481; opacity: 0.3; transform: translateX(-50%);}

.tab-black-boxses-02 li a.active ,
.tab-black-boxses-02 li a:hover {background-color: transparent; color: #000000; border: none; opacity: 1;}

.tab-black-boxses-02 li a.active::after ,
.tab-black-boxses-02 li a:hover::after {opacity: 1;}

.logos-container-02 .main-brand-area {display: flex; flex-wrap: wrap;  gap: 12px;  }
.logos-container-02 .main-brand-area li {width: calc(16.6666% - 10px); background-color: #ffffff; border: 1px solid #e7e7e7; min-height: 60px; padding: 6px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.logos-container-02 .main-brand-area li img {max-width: 100%;}
.logos-container.logos-container-02 ul:last-of-type li {border-bottom: 1px solid #e7e7e7;}

.logos-container-02 .btn-area {padding-top: 80px; text-align: center;}

@media screen and (max-width: 1630px) {
    .logos-container-02 .btn-area {padding-top: 30px;}
    .logos-container-02 .main-brand-area li{width: calc(25% - 10px);}
	
    
}

@media screen and (max-width: 1260px){
    .logos-container-02 .btn-area {padding-top: 20px;}
    
}

@media screen and (max-width: 860px) {
	.logos-container-02 .main-brand-area li{width: calc(33.3333% - 10px);}
    .tab-black-boxses-02 li{width: auto;}
    .tab-black-boxses-02 li a {padding-left: 20px; padding-right: 10px;}
}

@media screen and (max-width: 640px) {
    .logos-container-02 .btn-area .bl-line-btn{height: 37px; line-height: 37px; padding: 0 25px}
    .logos-container-02 .main-brand-area li{width: calc(50% - 10px);}
	.tab-black-boxses-02 {padding-bottom: 40px;}
    .tab-black-boxses-02 ul {display: flex; overflow-x: auto; overflow-y: hidden; padding-top: 30px;font-size: 18px;}
    .tab-black-boxses-02 li a {white-space: nowrap;}
}

/* 메인 About */
.mainAbout {background-image: url("/images/main/mainAbout-bag.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; padding: 100px 50px; box-sizing: border-box;}
.mainAbout .mtitle-area02 {padding: 0;}
.mainAbout .mtitle-area02 b {font-size: 38px; font-weight: 800; color: #009481; display: block; position: relative; padding-bottom: 22px; margin-bottom: 20px;font-family: "Segoe UI", "Noto Sans KR";}
.mainAbout .mtitle-area02 b::after {content: ""; width: 60px; height: 2px; background-color: rgba(255,255,255,0.2); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.mainAbout .mtitle-area02 p {font-family: "Noto Sans KR"; letter-spacing: 0; color: #ffffff; margin-bottom: 20px;}
.mainAbout .mtitle-area02 span {color: #d9d9d9;}

@media screen and (max-width: 1260px){
    .mainAbout .mtitle-area02 b {font-size: 28px;}
}
@media screen and (max-width: 940px) {
    .mainAbout .mtitle-area02 b {font-size: 25px;}
}

@media screen and (max-width: 640px) {
    .mainAbout {padding-left: 20px; padding-right: 20px;}
}

.main-about-box {display: flex; align-items: center; justify-content: center; margin-top: 100px;}
.main-about-box .icon { display: flex; align-items: center; justify-content: center; padding: 0 20px;}
.main-about-box .icon>div p {font-size: 16px; font-weight: 700; color: #ffffff;}
.main-about-box .icon img {margin-right: 25px; width: fit-content; height: fit-content;}
.main-about-box .icon>div strong {font-weight: 700; font-family: "Segoe UI", "Noto Sans KR"; display: block; color: #ffffff; font-size: 38px; }

.main-about-box .text {font-size: 18px; color: #d9d9d9; margin-top: 5px;}

.main-about-box>div {width: 50%;}
.main-about-box>div:first-child { border-right: 1px solid rgba(255,255,255,0.2);}



@media screen and (max-width: 1400px){
    .mainAbout {padding: 60px 20px;}
    .main-about-box {margin-top: 60px;}
}



@media screen and (max-width: 767px) {
    .mainAbout {padding: 50px 20px;}
    .main-about-box {flex-direction: column; align-items: flex-start;margin-top: 50px;}
    .main-about-box>div {width: 100%;}
    .main-about-box>div:first-child {margin-right: 0;padding-right: 0; margin-bottom: 30px; padding-bottom: 30px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.2);}
    .main-about-box .icon {justify-content: flex-start; padding-left: 0; padding-right: 0;}
    .main-about-box .text {text-align: left; margin-top: 15px;}
}

/* 제품들 */

.up {text-transform: uppercase;}

.image-halfbox-contain.halfbox-02 .ones .txt-area .under {line-height: 1.4;}
/* .image-halfbox-contain.new-image-halfbox-contain {border-top: 1px solid #dddddd;} */


/* 메인 뉴스 */

/* .main-news {background-color: #f0f0f0;} */
.main-news-container {max-width: 1200px; margin: 0 auto; padding-bottom: 100px; overflow: hidden;}
.main-prnews {margin-top: 40px;}
.main-prnews .webzine{display: block;}

/* .main-prnews .webzine img {padding: 10px 30px 10px 10px;} */
/* .main-prnews .webzine .img {width: 250px; } */
.main-prnews .webzine .img img{width: 200px;}
.main-prnews .webzine .tt{font-size: 20px; font-weight: 600;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; color: #000000;}
.main-prnews .webzine .con {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; font-size: 18px !important; color: #000000;}
.main-prnews .webzine .date {font-size: 16px !important; color: #999999; margin-top: 15px; display: block;}
.main-prnews .webzine>li {display: flex; gap: 35px;}
.main-prnews .webzine>li:not(:last-child) {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #dddddd;}
.main-prnews .webzine>li>.text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}

.main-news .btn-area {padding-top: 80px; text-align: center;}

@media screen and (max-width: 1630px) {
    .main-news .btn-area {padding-top: 30px; }
}

@media screen and (max-width:1300px){
    .main-news-container {padding-left: 50px; padding-right: 50px;}
}

@media screen and (max-width: 1260px) {
    .main-news .btn-area {padding-top: 20px; }
}

@media screen and (max-width: 640px) {
    .mtitle-area02 {padding-top: 80px;}
    .main-news-container {padding-left: 20px;padding-right: 20px; padding-bottom: 80px;}
    .main-news .btn-area .bl-line-btn { height: 37px;line-height: 37px;padding: 0 25px;}
    .main-prnews .webzine>li {flex-direction: column; gap: 20px;}
    .main-prnews {margin-top: 0px;}
	.main-news .img img {width: 100% !important; height: auto;}
}

.d-none {display: none;}


/* 메인 하단 샵 */
.eoneshop-main-ontainer-02 {    background: url("/images/main/main_bot_img_02.jpg"); background-repeat: repeat; background-position: bottom center; background-size: cover;}
.eoneshop-main-ontainer-02 .txtbox {padding-top: 100px;}
.eoneshop-main-ontainer-02 .txtbox u {line-height: 1.3; padding-bottom: 80px; }

@media screen and (max-width:640px){
	.eoneshop-main-ontainer-02 .txtbox {padding-top: 50px;}
	.eoneshop-main-ontainer-02 .txtbox u {padding-bottom: 30px;}
}

@media screen and (min-width:1920px){
	.eoneshop-main-ontainer-02 {min-height: 500px;}
}


/* 프로덕트게시판 */
#Board.product-list .basic dl {padding: 0;}
#Board.product-list .basic dd {padding-bottom: 10px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}

#Board.product-list .basic ul li {width: calc(33.3333% - 10px);}

#Board.product-list .basic dt a{font-weight: 600;}
.product-img-area img{width: 100%; height: auto;}

#Board.product-list .basic ul {display: flex;flex-wrap: wrap;gap: 30px;}
#Board.product-list .basic ul li {width: calc(33.3333% - 20px); float: none; margin: 0;}


@media screen and (max-width: 1200px) {
    #Board.product-list .basic ul li {width: calc(50% - 20px);;}
}

@media screen and (max-width: 575px) {
    #Board.product-list .basic ul li {width: 100%; height: auto !important;}
    #Board.product-list .basic .thumb {width: 100% !important; box-sizing: border-box;}
    #Board.product-list .basic .thumb img {width: 100%; height: auto;}
}

#Board .basic .nodata {width: 100% !important;}


/* snb변경 */

.SNBWrap ul.menu li a {line-height: 1.2; display: flex; align-items: center; justify-content: center; }

.SNBWrap ul.menu.new-menu {display: flex; align-items: center;}

@media screen and (min-width:767px){
    .board-category {display: none;}
}


/* 메인 제품 변경 */
/* .mainWorks {} */
.mainWorks .main-inner {margin-bottom: 90px; border-bottom: 1px solid #dbdbdb;}

@media screen and (max-width:640px){
    .mainWorks .main-inner{margin-bottom: 70px;}
}

.txt-halfbox-02 {background-color: #f0f0f0;}

.new-main-product .psl-contain .bx-controls {display: none;}

/* 메인 설치 사례 슬라이드 */

/* .mainWorksSlide {margin-top: 40px; margin-bottom: 80px; } */
.mainWorksSlide {position: relative;}
.mainWorksSlideBox {overflow: hidden;}

.mainWorksSlide .latest.works li {width: auto; margin: 0;}
.latest.works .subject a {font-size: 20px; color: #000000; font-weight: 600; }
.latest.works li .con-text-02{line-clamp: 1; -webkit-line-clamp: 1 !important; font-size: 18px; color: #000000;font-weight: 400;}
.latest.works .date-text {font-size: 16px; color: #999999;}
.mainWorks-pagination {display: none;}

.mainWorksSlide .latest.works li:hover .overImage{display: block;}

.mainWorks-button {}
.mainWorks-next {right: -60px !important; top: 50% !important; transform: translateY(-130%);}
.mainWorks-prev {left: -60px !important; top: 50% !important; transform: translateY(-130%);}


.mainWorks-next, .mainWorks-prev { border-radius: 50%; width: 50px !important; height: 50px !important; display: flex; align-items: center; justify-content: center; background-color: #ffffff;}

/* .mainWorks-next:hover , .mainWorks-prev:hover {border: 1px solid #000000; } */

.mainWorks-next:after, .mainWorks-prev:after {font-size: 25px !important; color: #000000;}

.mainWorks-next.swiper-button-disabled, .mainWorks-prev.swiper-button-disabled {opacity: 1 !important;}

.mainWorks-pagination .swiper-pagination-bullet-active {background: #000000;}

.mainWorks-pagination {display: none;}




@media screen and (max-width:991px){
    .mainWorksSlideBox .swiper-wrapper {flex-wrap: nowrap !important;}
}

/* @media screen and (max-width:767px) {
    .mainWorks-next {right: 10px !important;}
    .mainWorks-prev {left: 10px !important;}
} */


/* 수정와서 레이아웃 고침 */
.mainWorks .main-layout {position: relative;}
.mainWorks .left-header .top h2 {margin-bottom: 20px;}
.mainWorks .left-header {padding-bottom: 80px;}
/* .mainWorks .left-header .top h2 {font-size: 38px;} */

@media screen and (max-width:991px) {
	.mainWorks .main-layout {gap: 20px;}
	/* .mainWorks-button {bottom: auto; top: 200px;} */
	.mainWorks .left-header .bottom br {display: none;}
	.mainWorks .left-header {padding-bottom: 30px;}
}
@media screen and (max-width: 640px){
.mainWorks-button {width: 50px;}
.mainWorks .right-content {width: calc(100% - 35px); margin: 0 auto;}
.mainWorks-next , .mainWorks-prev {width: 20px !important; height: 40px !important;}
.mainWorks-next {right: -30px !important; top: 50% !important; transform: translateY(-150%);}
.mainWorks-prev {left: -30px !important; top: 50% !important; transform: translateY(-150%);}

}



/* 메인 폰트사이즈 등 일관되게 조정 */
.mtitle-area02 p{letter-spacing: 0; font-family: "Segoe UI", "Noto Sans KR";}
.eoneshop-main-ontainer-02 .txtbox p {letter-spacing: 0; font-size: 38px;}
@media screen and (max-width: 1260px){
    .eoneshop-main-ontainer-02 .txtbox p {font-size: 28px;}
}
@media screen and (max-width: 940px) {
    .eoneshop-main-ontainer-02 .txtbox p {font-size: 25px;}
}

.new-image-halfbox-contain .ones .txt-area .toptit p {letter-spacing: 0;color: #000000;}
.new-image-halfbox-contain .ones .txt-area .under {font-size: 20px; color: #000000; font-weight: 400; padding-top: 0; padding-bottom: 70px;}

@media screen and (max-width: 1630px){
	.new-image-halfbox-contain .ones .txt-area .under {font-size: 18px; padding-bottom: 50px;}
	
}

.container {max-width: 1200px; margin: 0 auto;}
@media screen and (max-width: 1300px) {
    .container {padding-left: 50px; padding-right: 50px;}
}

@media screen and (max-width: 1260px) {
	.new-image-halfbox-contain .ones .txt-area .under {font-size: 16px; padding-bottom: 40px;}
}

@media screen and (max-width: 940px) {
	.new-image-halfbox-contain .ones .txt-area .under {font-size: 15px; padding-bottom: 30px;}
}


@media screen and (max-width: 640px) {
    .container {padding-left: 20px; padding-right: 20px;}    
}

.image-halfbox-contain .ones .txt-halfbox-02:hover p{color: #ffffff;}



/* 제품소개 뷰페이지 팝업 만들기 */
.tel-inquiry-btn span {margin-right: 8px;}
.tel-inquiry-btn img { width: 16px; height: 16px;}

/* 팝업 스타일 */
.popup-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; z-index: 1000;}
.popup-content { background-color: #ffffff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); max-width: 350px; width: 100%; position: relative; text-align: center; }
.popup-content .top {display: flex; justify-content: space-between; padding: 15px 20px; background-color: #efefef;}
.popup-title { font-size: 18px; color: #000000; font-weight: 500;}
.popup-phone {font-size: 24px; font-weight: 700; padding: 20px;}
.popup-phone a {color: #000000;}
.popup-phone a:hover {color: #009481;}
.close-btn {border: none; cursor: pointer; font-size: 16px; color: #000000; background-color: transparent;  }


.pt-0 {padding-top: 0;}
.height-65 {height: 65px;}

/* 메인 비즈니스 추가 */

/* 폰트 지마켓 */
/* 300,500,700 */

.mainBusiness {background-color: #ececec;/* font-family: "GmarketSans"; */ color: #2b2b2b;}
.main-inner {max-width: 1200px; margin: 0 auto; padding-top: 100px; padding-bottom: 100px; }

@media screen and (max-width: 1300px) {
    .main-inner {padding: 100px;}
}
@media screen and (max-width: 640px) {
    .main-inner {padding: 80px 20px;}
}

.main-layout {display: flex; justify-content: space-between; align-items: center;}

.left-header {width: 30%;}
.left-header .top p {font-size: 14px; font-weight: 500; margin-bottom: 50px;}
.left-header .top h2 {font-weight: 300; font-size: 38px; margin-bottom: 90px; line-height: 1.2;}
.left-header .top h2 b {display: block;}
.left-header .bottom {font-size: 20px; padding-bottom: 40px;}

.right-content {width: 70%;}
.mainBusiness-con {display: flex; justify-content: space-between; gap: 30px; margin-bottom: 40px;}
.mainBusiness-con h3 {font-size: 20px; font-weight: 300; margin-bottom: 50px;}
.mainBusiness-con h3 b {display: block; font-weight: 700; }
.mainBusiness-con p {font-size: 16px; font-weight: 500;}

.mainBusiness-img-area img {width: 100%; height: auto;}

@media screen and (max-width: 1630px) {
	.left-header .bottom {font-size: 18px;}
}

@media screen and (max-width: 1300px) {
	.mainBusiness-con p br {display: none;}
}
@media screen and (max-width: 1260px) {
	.left-header .bottom {font-size: 16px;}
}

@media screen and (max-width: 991px) {
	.main-layout {flex-direction: column; gap: 50px; align-items: flex-start;}
	.left-header .top p {margin-bottom: 10px;}
	.left-header .top h2 {font-size: 30px; margin-bottom: 20px;}
	.left-header .top h2 br {display: none;}
	.left-header .top h2 b {display: inline;}
	.left-header {width: 100%;}
	.right-content {width: 100%;}
	.mainBusiness-con h3 {margin-bottom: 20px;}
}
@media screen and (max-width: 940px) {
	.left-header .bottom {font-size: 15px; padding-bottom: 0;}
}

@media screen and (max-width: 640px) {
	.left-header .top h2 {font-size: 25px;}
	.mainBusiness-con {flex-direction: column;}
	.mainBusiness-con h3 {margin-bottom: 10px;}
	/* .mainBusiness-con h3 b {display: inline;} */
}

/* EONE CMS */
.cms-area {color: #000000; padding-bottom: 40px;}
.cms-top-text h2 {font-size: 30px; margin-bottom: 22px;}
.cms-top-text p {font-size: 20px; margin-bottom: 22px;}
.cms-top-text>div p:last-child {margin-bottom: 0;}
.cms-top-text>div {margin-bottom: 60px;}

.cms-area .sub-ultite_left {color: #000000; padding-top: 0; margin-top: 0;font-size: 30px; margin-bottom: 0;}

.cms-servuce {margin-bottom: 75px;}
.cms-servuce ul {display: flex; justify-content: center; gap: 120px; padding-top: 70px;}
.cms-servuce ul li {text-align: center;}
.cms-servuce ul li .img-area {height: 100px; margin-bottom: 20px;}
.cms-servuce ul li strong {display: block; font-size: 20px;}
.cms-servuce ul li p {font-size: 17px; word-break:keep-all;}

@media screen and (max-width:991px){
	.cms-servuce ul {gap: 30px;}
}

@media screen and (max-width:640px){
	.cms-servuce ul {padding-top:40px;}
	.cms-servuce ul li strong {font-size:18px;}
	.cms-servuce ul li p {font-size:16px;}
	.cms-area .sub-ultite_left {font-size:26px;}
	.cms-area .sub-ultite_left span {font-size:18px;}
	.cms-top-text h2 {font-size:26px;}
	.cms-top-text p {font-size:17px; }
	.cms-top-text p br {display:none;}
	.cms-servuce ul {flex-wrap: wrap; gap: 50px;}
	.cms-servuce ul li {width: calc(50% - 25px);}
}

.cms-cases .sub-ultite_left {margin-bottom: 0;}
.cms-cases ul {margin-top: 65px; display: flex; gap: 36px; text-align: center;}
.cms-cases ul li strong {display: block; font-size: 20px; margin-top: 25px;}
.cms-cases ul li img {max-width: 100%;}
.cms-cases .btn-area {margin-top: 45px;}
.cms-cases .btn-area .bl-line-btn {margin: 0 auto; display: block; width: fit-content;}

@media screen and (max-width:640px){
	.cms-cases ul li strong {font-size:18px;}
	.cms-cases ul {flex-direction: column; gap: 50px;}
	.cms-area {padding-bottom: 0;}
}

.productList img {max-width:100%;}
.productList li {box-sizing:border-box; border: 3px solid #ddd; padding:30px; border-radius:10px;}
.productList li .title {font-size:17px; font-weight:600; margin-top:10px; text-align:center;}
.productList li .model {font-size:14px; margin-top:2px; text-align:center; color:#666; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.productList li .more {margin-top:30px; display:block; color:#5e6bff; border:1px solid #7580ff;border-radius:20px;text-align:center; padding:10px 10px; transition:.3s ease-in-out }
.productList li .more:hover {background-color:#7580ff; color:#fff;}

@media screen and (max-width:640px){
	.productList li {padding:20px;}
	.productList li .model {font-size:13px;}
}

.cont-title {padding-top:100px; text-align:center; word-break:keep-all;}
.cont-title h2 {color:#1E1E1E; font-size:calc(1.375rem + 1.5vw); margin-bottom:30px;}
.cont-title p {color:#595959; font-size:20px; font-weight:600;}

.cont-box {margin-top:160px; gap:40px;}
.cont-box {display:flex; word-break:keep-all;}
.cont-box .txt {width:45%;}
.cont-box .video {width:55%;}
.cont-box .txt .title {font-size:calc(1.375rem + 1.2vw); color:#1E1E1E;}
.cont-box .txt .sub-title {font-size:calc(1.275rem + .25vw); color:#595959; font-weight:bold; margin-top:6px;}
.cont-box .txt .desc {padding-top:50px;}
.cont-box .txt .desc p {font-size:20px;}
.cont-box .txt .desc p + p {margin-top:30px;}
.cont-box .txt .desc p b {font-weight:400; color:#4756FF;}
.cont-box .txt a {margin-top:30px; display:inline-block; background-color:#4756FF; color:#ffffff; font-weight:600; padding:10px 30px; border-radius:30px;}

.cont-banner {text-align:center; margin-top:160px; background-image:url("/images/product/contents_banner.jpg"); background-size:cover; background-position:center; padding:100px 0 80px;}
.cont-banner h2 {word-break:keep-all; color:#ffffff; font-size:calc(1.375rem + 1.2vw);}
.cont-banner a {margin-top:30px; display:inline-block; color:#14544B; background-color:#ffffff;font-size:20px; font-weight:600; padding:10px 40px; border-radius:30px;}

@media screen and (max-width:640px){
	.cont-title {padding-top:30px;}
	.cont-title p, .cont-box .txt .desc p, .cont-banner a {font-size:17px;}
	.cont-banner h2 br {display:none; }
	.cont-box {margin-top:100px;}
	.cont-banner {margin-top:100px;}
}

@media screen and (max-width:1200px){
	.cont-box {flex-wrap:wrap; word-break:keep-all;}
	.cont-box .txt {width:100%;}
	.cont-box .video {width:100%;}
	.cont-box .video iframe {height:400px;}
}


@media screen and (min-width:1200px){
	.cont-title h2 {font-size:42px;}
	.cont-box .txt .title, .cont-banner h2 {font-size:36px;}
	.cont-box .txt .sub-title {font-size:22px;}
}