@charset "utf-8";

/* 게시판 쓰기 */
#autosave_wrapper {position:relative; font-size:14px;}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:100%;height:auto !important;height:180px;max-height:205px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {margin:0px;padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:156px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:26px;width:20px;}

.cke_sc { display:none; }

/* 기타 */
#bo_v_con div { position: relative; margin-bottom: 1rem; }
#bo_v_con img { margin-bottom: 1rem; }
#bo_v_con iframe { position: absolute; width: 100%; height: 100%; }
#bo_v_con .video { position: relative; width: 100%;	padding-bottom: 56.25%;	border-radius: 2px;	overflow: hidden; }
#bo_v_con .video iframe { position: absolute; width: 100%; height: 100%; }

/* 커스텀 */
.anchor { position: relative } 
.anchor a { position: absolute; top: -60px }
/* .pagination { margin-bottom: 0.75rem; } */

.table { table-layout: fixed; }

.list-icon { width: 20px; height: 20px; vertical-align: text-bottom; }
.view-icon { width: 48px; height: 48px; }
.comm-icon { width: 48px; height: 48px; }
.comm-body { background: #f4f4f4; padding: 20px; border-radius: 5px; }


.block span.topline {font-size:1.5rem;font-weight:bold;margin-bottom:0px}
#brand-top {position:relative;width:100%;margin:200px auto;text-align:center;}

#brand-top .logo {display:block;max-width:800px;position:relative;margin:0 auto 80px auto;padding-top:100px}
#brand-top .lines {
content:"";
position:absolute;
width:100px;
height:3px;
background-color:#000;
top:0%;
left:50%;
transform:translateX(-50%);

}


.brand-top-explan {max-width:1600px;margin:0 auto}

.brand-left {width:35%;font-size:3rem;font-weight:400;text-align:left;line-height:1.2;letter-spacing:-2px}
.brand-right {width:60%;text-align:left;font-size:1.2rem;color:#555}

.brand-left-img {width:50%;font-size:2.5rem;font-weight:700;text-align:left;line-height:1.2;letter-spacing:-1px}
.brand-right-img {width:40%;text-align:left;font-size:1.2rem;color:#555;flex-direction: column;justify-content: space-evenly}

.brand-left-img img {width:100%}
.brand-right-img img {width:100%}
.brand-right-bottom {font-size:4rem;font-weight:700;color:#111;line-height:1}

.board-top {display:none !important}


.brand-center {position:relative;width:100%;background-color:#242223;padding:200px 0}
.brand-center h2 {display:block;color:#fff;text-align:center;font-size:3rem;font-weight:700}
.brand-center .desc {display:block;color:#ccc;text-align:center;font-size:1.1rem;}
.brand-center02 {position:relative;width:100%;background-color:#f3f3f3;padding:200px 0}
.brand-center02 h2 {display:block;color:#242223;text-align:center;font-size:3rem;font-weight:700}
.brand-center02 .desc {display:block;color:#777;text-align:center;font-size:1.1rem;}
.brand-center-wrap {max-width:1600px;margin:200px auto}
.brand-center-wrap .center-wrap {width:33%;text-align:center;}
.brand-center-wrap .center-wrap h2 {display:block;font-size:1.7rem;margin-top:35px}
.brand-center-wrap .center-wrap p {display:block;color:#eee;font-size:1.1rem}

.brand-center-wrap02 {max-width:80%;margin:100px auto 200px auto}
.brand-center-wrap02 .center-wrap02 {width:31%;text-align:center;}
.brand-center-wrap02 .center-wrap02 img {width:100%}
.brand-center-wrap02 .center-wrap02 h2 {display:block;font-size:3rem;color:#242223;text-transform: uppercase;line-height:1}
.brand-center-wrap02 .center-wrap02 p.ptitle {font-size:1.7rem;color:#555;font-weight:bold}
.brand-center-wrap02 .center-wrap02 p {display:block;color:#777;font-size:1.2rem}
.brand-center-wrap02 .center-wrap02 a {display:block;max-width:70%;margin:20px auto 0 auto;border:1px solid #242223;color:#242223;padding:15px;font-size:1.2rem;}
.brand-center-wrap02 .center-wrap02 .large {font-size:4rem;display:block}
.brand-center-wrap02 .center-wrap02 .wimg {position:relative}

.brand-center-wrap02 .center-wrap02 .wimg02 {position:relative}
.brand-center-wrap02 .center-wrap02 .wtext01 {position:absolute;bottom:-20%;left:50%;transform:translateX(-50%)}
.brand-center-wrap02 .center-wrap02 .wtext02 {position:absolute;bottom:-15%;left:50%;transform:translateX(-50%)}
.brand-center-wrap02 .center-wrap02 .wtext03 {position:absolute;bottom:-10%;left:50%;transform:translateX(-50%)}



.brand-center03 {position:relative;width:100%;background-color:#fff;padding:200px 0}
.brand-center03 h2 {display:block;color:#242223;text-align:center;font-size:3rem;font-weight:700}
.brand-center03 .desc {display:block;color:#777;text-align:center;font-size:1.1rem;}

.brand-center-wrap03 {max-width:1600px;margin:100px auto 200px auto}

.wgood {width:50%}
.wgood img {width:100%}
.wgood-text {width:45%;text-align:left}



.brand-center-wrap03 .center-wrap03 {width:100%;}
.brand-center-wrap03 .center-wrap03 h3 {position:relative;display:block;font-size:2.2rem;color:#242223;text-transform: uppercase;line-height:1;padding-top:35px;margin-bottom:35px}

.brand-center-wrap03 .center-wrap03 h3::before {
content:"";
position:absolute;
top:0px;
left:0px;
width:80px;
height:2px;
background-color:#000;
}


.brand-center-wrap03 .center-wrap03 p {display:block;color:#777;font-size:1.2rem}

html, body{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;

}
.block{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  font-size: 16px;
}
.block .blocktext {
    position: absolute;
    display: block;
    text-align: center;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	width:100%;
	z-index:999;
}

.block .blocktext img {width:150px}

.block span.topline {font-size:1.5rem;font-weight:bold;margin-bottom:0px}

.block h2 {font-size:8rem;display:block;font-weight:700;color:#fff;line-height:0.8}
.block span {font-size:1.2rem;line-height:1.5;display:block;font-weight:400;color:#fff;margin-bottom:35px;text-transform: uppercase;}
.block span.big {font-size:1.5rem;letter-spacing:-1px}
.block span.big .eng {font-size:3rem;font-weight:700;letter-spacing:1px;display:block;margin-top:35px}
.block a {display:inline-block;background-color:#000;color:#fff;padding:20px 30px;font-size:1.2rem;cursor:pointer;min-width:350px}


 .parallax-image {
	 padding-top: 50%;
	 position: relative;
}
 .parallax-image .img-parallax {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: auto;
}
 .bottom {
	 height: 500px;
	 background: #fff;
	 position: relative;
	 z-index: 1;
}
 

.bg-opacity01::after{ 
 content: ' ';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    
	    background: rgba(255,255,255,.9);
    height: 100%;
}

.bg-opacity02::after{ 
 content: ' ';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
background: rgba(0,0,0,.9);
    height: 100%;
}

.bg-opacity03::after{ 
 content: ' ';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: rgba(132,132,132,.9);
    height: 100%;
}

.bg-opacity04::after{ 
 content: ' ';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: rgba(30,30,30,.9);
    height: 100%;
}

.blackcolor {color:#000 !important}

@media (max-width: 1280px) { 

	.block h2 {font-size:5rem;display:block;font-weight:700;color:#fff;line-height:0.8}
	.block .blocktext img {width:120px}

 }


 @media (max-width: 1024px) { 

	.block h2 {font-size:4rem;display:block;font-weight:700;color:#fff;line-height:0.8}
	#process h2 img,
	.block .blocktext img {width:100px}
	.block span.topline {font-size:1.2rem;font-weight:bold;margin-bottom:0px;line-height:1}
	.block span.big .eng {margin-top:10px}
	.block span {font-size:1rem;line-height:1.3;display:block;font-weight:400;color:#fff;margin-bottom:15px;text-transform: uppercase;}
	.block span.big {font-size:1.2rem}
	.block {height:100vh}
	.parallax-image .img-parallax {height:100%}

 }


  @media (max-width: 820px) { 
	#process h2 img,
	.block .blocktext img {width:100px}

	
 }


@media (max-width: 600px) { 
	#process h2 img {width:80px !important}
	.block .blocktext img {width:90px !important}
	.block {height:70vh}

	.block h2 {font-size:3rem;display:block;font-weight:700;color:#fff;line-height:0.8}
	.block .blocktext {width:80%}
	.block .blocktext img {width:100px}
	.block span.topline {font-size:1.2rem;font-weight:bold;margin-bottom:0px;line-height:1}
	.block span {font-size:0.9rem;line-height:1.3;display:block;font-weight:400;color:#fff;margin-bottom:15px;text-transform: uppercase;}
	.block span br {display:none}
	.block span.big {font-size:1rem}
	.block a {display:block;min-width:auto;padding:15px;font-size:1rem}
	.block span.big .eng {display:block;font-size:1.5rem}

	
 }