@charset "utf-8";

/*인사말*/
.about_01_wrap {position:relative; padding-bottom:120px;}
.about_01_wrap .about_01_ceo {position:absolute; left:0px; top:-50px;}
.about_01_wrap .about_01_ceo img {vertical-align:middle;max-width:100%; }
.about_01_01 {padding-left:700px;}
.about_01_01 .t1 {font-size:40px; line-height:45px; color:#000;  font-family: 'Pretendard'; font-weight:900;}
.about_01_01 .t1 span { color:#da2027; }
.about_01_01 .t1_etc {color:#000; font-size:25px; margin-top:20px;   font-family: 'ChosunNm';}
.about_01_01 .t2 {margin-top:60px; line-height:24px;  font-size:18px; color:#000;} 
.about_01_01 .t2 div {margin-bottom:20px;} 
.about_01_01 .name {margin-top:60px; line-height:20px;  font-size:20px; color:#000;} 
.about_01_01 .name span {margin-left:10px; display:inline-block;} 


/*브랜드소개*/
.about_02_01 { margin-top:60px;}
.about_02_01 .col_box {display:table; width:100%; table-layout:fixed;}
.about_02_01 .col_box .col {display:table-cell; vertical-align:top;}
.about_02_01 .col_box .col.icon  {vertical-align:middle; max-width:100%;}
.about_02_01 .col_box .col.icon img {vertical-align:middle; max-width:100%;}
.about_02_01 .col_box .col.info {width:70%;}
.about_02_01 .t1 {font-size:35px; font-family: 'Pretendard'; font-weight:bold; color:#da2027; }
.about_02_01 .t2 {font-size:50px; font-family: 'Pretendard'; font-weight:900; color:#000; margin-top:10px; line-height:60px;}
.about_02_01 .t3 {font-size:16px;  margin-top:40px; color:#444;}


.about_02_01_world_map {text-align:center; padding-top:80px; display:none;}  
.about_02_01_world_map img {vertical-align:middle; max-width:100%;} 

.about_02_02 {background:#000; color:#fff; padding:180px 0px; margin-top:180px; background:url(../images/contents/about/about_02_02_bg_new.jpg) center top no-repeat;     background-size: cover;  background-attachment: fixed; text-align:center;}
.about_02_02 .icon{margin-bottom:70px; display:none;}
.about_02_02 .icon img { vertical-align:middle; max-width:100%;}
.about_02_02 .text_box .t1{font-size:30px; font-family: 'Pretendard'; color:#da2027; font-weight:900;}
.about_02_02 .text_box .t2{font-size:60px; padding:10px 0px 20px; font-weight:900; font-family: 'Pretendard'; line-height:70px;}
.about_02_02 .text_box .t3{font-size:16px; color:#;}

.about_02_03 {margin-top:100px; text-align:center;}
.about_02_03 .line {text-align:center;}
.about_02_03 .line span {display:inline-block; width:1px; height:120px; background:rgba(255,255,255,0.2);}
.about_02_03 .title {font-size:50px; font-family: 'Pretendard'; font-weight:900; color:#fff; line-height:60px; margin:80px 0px 120px;}
.about_02_03 .info_box {text-align:left; padding:0px 30px}
.about_02_03 .info_box .t1 {position:relative; font-size:30px; color:#da2027; font-weight:900; font-family: 'Montserrat'; text-align:left; padding-bottom:30px;}
.about_02_03 .info_box .dot {position:absolute; left:0px; top:30px;}
.about_02_03 .info_box .dot .line {display:inline-block; width:1px; height:120px; background:rgba(255,255,255,0.3);  margin-left:40px;}
.about_02_03 .info_box .dot .cycle { width:10px; height:10px; border-radius:10px; border:3px #fff solid; background:#da2027;position:absolute; left:32px; top:10px; }
.about_02_03 .info_box ul { padding-left:30px; text-align:left;}
.about_02_03 .info_box ul li{font-size:14px;}

.about_02_03_list_wrap .swiper-pagination {position:relative; margin-top:30px; z-index:0; height:2px;}
.about_02_03_list_wrap .swiper-pagination-progressbar {background:#666}
:root {--swiper-theme-color: #983434 !important;}




.about_02_04 {margin-top:100px; text-align:center;}
.about_02_04 .line {text-align:center;}
.about_02_04 .line span {display:inline-block; width:1px; height:120px; background:rgba(255,255,255,0.2);}
.about_02_04 .title {font-size:50px; font-family: 'Pretendard'; font-weight:900; color:#fff; line-height:60px; margin:80px 0px 40px;}
.about_02_04 .title span {color:#c0ab89;}
.about_02_04 .slide_box {margin:0 auto; text-align:center;}
.about_02_04 .slide_box ul {margin:0 auto; text-align:center;}
.about_02_04 .slide_box ul li {display:inline-block; margin:0 20px; width:231px; border:3px #d4a86f solid; border-radius:20px; overflow:hidden;}
.about_02_04 .slide_box ul li img {vertical-align:middle; max-width:100%;}



/*오시는길*/
.about_05_wrap {position:relative; border-bottom:1px #ededed solid; margin:30px 0px 80px; padding-bottom:80px; }
.about_05_wrap .name_text{font-size:30px; color:#000; font-weight:bold; width:500px; position:absolute; left:0px; top:20px;}
.about_05_wrap .name_text ul{margin-top:30px;}
.about_05_wrap .name_text ul li{position:relative;padding-left:120px; font-weight:normal; font-size:16px; min-height:30px; margin:7px 0px;}
.about_05_wrap .name_text ul li .s_title{position:absolute; left:0px; top:0px; color:#777; background:#da2027; width:90px; line-height:30px; color:#fff; text-align:Center; border-radius:30px; font-size:13px;}
.about_05_wrap .name_text ul li .s_text{color:#000;}
.about_05_wrap .info {margin-left:550px; background:#f2f2f2; }
.about_05_wrap .info .common_map {width:100%; height:450px;}


/*와이*/
.startup_01_01  {position:relative;}
.startup_01_01 .photo img{max-width:100%; vertical-align:middle;}
.startup_01_01 .text_box {position:absolute; right:-100px; bottom:-100px;   padding:80px; background:#000; color:#fff;}

.startup_01_01 .text_box .t1{font-family: 'Pretendard'; font-weight:900; margin-bottom:20px; font-size:30px; overflow:hidden;}
.startup_01_01 .text_box .t1 .t1_1{float:left; font-size:120px; color:#da2027; line-height:130px;}
.startup_01_01 .text_box .t1 .t1_2{float:left; margin-left:30px; font-size:17px; color:#fff; font-weight:normal; line-height:22px; }
.startup_01_01 .text_box .t1 .t1_2 .t1_2_1{font-size:30px; font-weight:900; line-height:40px; margin-top:20px; margin-bottom:5px;}
.startup_01_01 .text_box .t2{font-size:16px; line-height:25px;}


/*차별화*/
.startup_01_02 {margin-top:300px; }
.startup_01_02 .title {margin-bottom:120px; text-align:center;}
.startup_01_02 .title .t1 {font-family: 'Pretendard'; font-weight:900; margin-bottom:20px; font-size:60px; line-height:65px; color:#000; letter-spacing:-2px;}
.startup_01_02 .title .t1 span {color:#da2027;}
.startup_01_02 .title .t2{ font-size:20px; color:#000; line-height:25px;}


.startup_01_02 .process {position:relative; margin-bottom:60px;  border-bottom:1px #ededed solid; padding-bottom:60px; min-height:200px;}
.startup_01_02 .process:last-child { border-bottom:0px #ededed solid;}
.startup_01_02 .icon {position:absolute; top:0px; width:580px; /*height:210px; line-height:210px; border:1px #ededed solid; border-radius:15px;*/ overflow:hidden; text-align:center;}
.startup_01_02 .process.left .icon {left:0px; }
.startup_01_02 .process.right .icon {right:0px;}
.startup_01_02 .process .icon img  {vertical-align:middle; max-width:100%; border-radius:10px;}

.startup_01_02 .process.left .text_box {margin-left:45%;;}
.startup_01_02 .process.right .text_box {margin-right:45%;;}


.startup_01_02 .process .text_box { padding-top:30px;}
.startup_01_02 .process .text_box .t1 {font-size:28px; margin-top:0px; color:#000; letter-spacing:-2px; font-weight:900; line-height:35px;}
.startup_01_02 .process .text_box .t1 span {font-size:40px; color:#da2027; display:inline-block; margin-right:15px;  font-family: 'Pretendard';}
.startup_01_02 .process .text_box .t2 {margin-top:10px; color:#000; font-size:16px; line-height:25px;}


/*중간비디오*/
.startup_01_video { width:100%; padding:120px 0px; overflow:hidden; margin-top:90px;  position:relative;}
.startup_01_video .videos{ position:absolute; left:0px; width:100%; height:100%;  z-index:0;  }
.startup_01_video .bg{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1;}
.startup_01_video .text{ text-align:center; z-index:2; position:relative; z-index:2; }
.startup_01_video .text .t1{ font-sizE:60px; line-height:70px;      font-family: 'ChosunNm';color:#fff;}
.startup_01_video .text .t2{ font-sizE:16px; color:#fff; margin-top:10px; }
.startup_01_video .text .t3{margin-top:40px; text-align:center;}
.startup_01_video .text .t3 a{display:inline-block; background:#da2027; color:#fff; font-size:16px; padding:0 70px; line-height:60px; border-radius:60px;}




/*차별화*/
.startup_01_03 {margin-top:150px;}
.startup_01_03 .title {margin-bottom:120px; text-align:center;}
.startup_01_03 .title .t1 {font-family: 'Pretendard'; font-weight:900; margin-bottom:20px; font-size:60px; line-height:65px; color:#000; letter-spacing:-2px;}
.startup_01_03 .title .t1 span {color:#da2027;}
.startup_01_03 .title .t2{ font-size:20px; color:#000; line-height:25px;}

.startup_01_03 .process .col_box{display:table; width:100%; table-layout:fixed; }
.startup_01_03 .process .col_box .col{display:table-cell; vertical-align:top; background:#fff; border:3px #da2027 solid;  position:relative; border-radius:20px;}
.startup_01_03 .process .col_box .col:last-child{background:#da2027; vertical-align:middle;}
.startup_01_03 .process .col_box .col .num{position:absolute; left:0px; top:-20px; width:100%; text-align:center; }
.startup_01_03 .process .col_box .col .num span {display:inline-block; width:40px; height:40px; line-height:40px; border-radius:40px; text-align:center; background:#000; color:#fff; font-family: 'Montserrat';  font-size:16px; font-weight:900;}
.startup_01_03 .process .col_box .col.jump{width:40px; padding:0px; background:none; border:0px;}
.startup_01_03 .process .col_box .col .icon{padding:60px 0px; text-align:center;}
.startup_01_03 .process .col_box .col .icon img {vertical-align:middle;}
.startup_01_03 .process .col_box .col .subject{padding:20px; color:#fff; background:#da2027; text-align:center; font-weight:bold; font-size:17px;}
.startup_01_03 .process .col_box .col .info{padding:20px; text-align:center; font-size:16px; color:#000; }

.startup_01_03 .process .col_box .col .icon_etc {text-align:center;}
.startup_01_03 .process .col_box .col .icon_etc img {max-width:100%;vertical-align:middle;}
.startup_01_03 .process .col_box .col .subject_etc { margin-top:20px; color:#fff; text-align:center; font-family: 'Pretendard'; font-weight:900;  color:#fff; font-size:30px;}

.Startup_help {padding:50px;  position:relative;   border:1px #ddd solid; margin-top:20px; ;}
.Startup_help .icon {position:absolute; left:40px; top:60px;}
.Startup_help ul li{font-size:15px;   color:#666; line-height:25px;}



/*인테리어*/
.startup_01_04 {margin-top:150px;}
.startup_01_04 .title {margin-bottom:120px; text-align:center;}
.startup_01_04 .title .t1 {font-family: 'Pretendard'; font-weight:900; margin-bottom:20px; font-size:60px; line-height:65px; color:#000; letter-spacing:-2px;}
.startup_01_04 .title .t1 span {color:#da2027;}
.startup_01_04 .title .t2{ font-size:20px; color:#000; line-height:25px;}

.startup_01_04 .interior_list {margin-top:20px;}
.startup_01_04 .interior_list ul {overflow:hidden;}
.startup_01_04 .interior_list ul li{float:left; width:335px; margin-right:20px; margin-bottom:20px; cursor:pointer;}
.startup_01_04 .interior_list ul li img {vertical-align:middle; max-width:100%; border-radius:20px;}
.startup_01_04 .interior_list ul li:nth-child(4n+4) {margin-right:0px;}


.table_wrap_box {border:10px #da2027 solid; }





.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 




@media all and (max-width:1024px) {


.about_01_wrap {background:none; padding:0px ;;}
.about_01_wrap .about_01_ceo {position:relative; max-width:90%;}
.about_01_wrap .about_01_01 {padding-left:0; margin-top:60px; padding:0 20px; }
.about_01_wrap .common_title {   font-family: 'Pretendard'; font-size:25px;  line-height:25px; padding-bottom:20px; margin-bottom:20px;}
.about_01_wrap .common_title span {display:block;}
.about_01_01 .t1 {font-size:28px;  line-height:30px;}
.about_01_01 .t1 span{display:block;}
.about_01_01 .t2 {margin-top:40px; line-height:20px;  font-size:16px; } 
.about_01_01 .name {margin-top:20px; line-height:20px;  font-size:16px;} 



/*브랜드소개*/
.about_02_01 { margin-top:60px;}
.about_02_01 .col_box {display:block;}
.about_02_01 .col_box .col {display:block;margin:0 20px; }
.about_02_01 .col_box .col.icon  {vertical-align:middle; max-width:100%; text-align:center;}
.about_02_01 .col_box .col.info {width:auto; margin-top:30px; }
.about_02_01 .t1 {font-size:25px; line-height:30px;}
.about_02_01 .t2 {font-size:40px; margin-top:10px; line-height:40px;}
.about_02_01 .t3 {font-size:16px;}

.about_02_02 {padding:80px 0px; margin-top:50px;}
.about_02_02 .text_box .t1{font-size:25px; }
.about_02_02 .text_box .t2{font-size:40px; padding:10px 0px 20px; line-height:40px;}
.about_02_02 .text_box .t3{font-size:15px; line-height:18px; padding:0 20px;}

.about_02_03 {margin-top:100px; }
.about_02_03 .title {font-size:40px; line-height:40px;}
.about_02_03 .info_box { padding:30px}


.about_02_03 .info_box ul {  }
.about_02_03 .info_box ul li{font-size:12px; line-height:18px;}

.about_02_03 .info_box .dot {top:60px;}


/*오시는길*/
.about_05_wrap { margin:30px 0px 80px; padding-bottom:80px; }
.about_05_wrap .name_text{ width:auto; position:relative; left:0px; top:0px; font-size: 22px;}
.about_05_wrap .name_text ul{margin-top:30px;}
.about_05_wrap .name_text ul li{;padding-left:100px; font-size:15px}


.about_05_wrap .info {margin-left:0px; margin-top:30px; border:1px #ddd solid;; border-radius:10px;}
.about_05_wrap .info .common_map {height:250px;}






/*와이*/
.startup_01_01  {position:relative;}
.startup_01_01 .photo img{max-width:100%; vertical-align:middle;}
.startup_01_01 .text_box {position:relative; right:0px; bottom:0px;   padding:30px;}

.startup_01_01 .text_box .t1{font-size:30px; overflow:hidden;}
.startup_01_01 .text_box .t1 .t1_1{float:none; font-size:100px;line-height:110px;}
.startup_01_01 .text_box .t1 .t1_2{float:none; margin-left:0px; }



/*차별화*/
.startup_01_02 {margin-top:150px; padding:0 20px; }
.startup_01_02 .title {margin-bottom:60px; text-align:center;}
.startup_01_02 .title .t1 { font-size:40px; line-height:45px;}
.startup_01_02 .title .t2{ font-size:18px; }


.startup_01_02 .process {margin-bottom:30px; padding-bottom:30px; min-height:auto;}

.startup_01_02 .icon {position:relative; top:0px; width:auto;}

.startup_01_02 .process.left .text_box {margin-left:0%;;}
.startup_01_02 .process.right .text_box {margin-right:0%;;}




/*중간비디오*/
.startup_01_video .text {padding:0 20px;}
.startup_01_video .text .t1{ font-sizE:30px; line-height:50px;}
.startup_01_video .text .t2{ font-sizE:15px; margin-top:5px; line-height:18px; }
.startup_01_video .text .t3{margin-top:40px;}
.startup_01_video .text .t3 a{ padding:0 30px; line-height:50px; border-radius:50px;}




/*차별화*/
.startup_01_03 {margin-top:100px; padding:0 20px;}
.startup_01_03 .title {margin-bottom:60px; }
.startup_01_03 .title .t1 { margin-bottom:20px; font-size:40px; line-height:45px; }
.startup_01_03 .title .t2{ font-size:18px;}

.startup_01_03 .process .col_box{display:block;}
.startup_01_03 .process .col_box .col{display:block;margin-bottom:10px; margin-bottom:40px;}
.startup_01_03 .process .col_box .col .icon{padding:40px 0px;}
.startup_01_03 .process .col_box .col:last-child {padding:80px 0px;}

.Startup_help {padding:30px;}



/*인테리어*/
.startup_01_04 {margin-top:150px; padding:0 20px;}
.startup_01_04 .title {margin-bottom:60px;}
.startup_01_04 .title .t1 {font-size:40px; line-height:45px;}
.startup_01_04 .title .t2{ font-size:18px;}

.startup_01_04 .interior_list {margin-top:20px;}
.startup_01_04 .interior_list ul {overflow:hidden;}
.startup_01_04 .interior_list ul li{float:none; width:auto; margin-right:0px; margin-bottom:20px; cursor:pointer;}
.startup_01_04 .interior_list ul li img {vertical-align:middle; width:100%; border-radius:10px;}
.startup_01_04 .interior_list ul li:nth-child(4n+4) {margin-right:0px;}







}


@media all and (min-width:1025px) and (max-width:1440px) {

.about_01_wrap {background:none; padding:0px 2%;;}
.about_01_wrap .about_01_ceo {width:450px;}
.about_01_01 .t1 {font-size:30px; line-height:35px;}
.about_01_wrap .about_01_01 {padding-left:500px;; }
.about_01_01 .t2 {padding-right:0px; word-break: keep-all; margin-top:20px;}


.about_02_01 {padding:0 2%;}
.about_02_01 .col_box .col.info {width:60%;}
.about_02_01 .t2 {font-size:40px;}

.startup_01_02 {padding:0 2%;}
.startup_01_01 .text_box {position:relative; bottom:0px; right:0px}
.startup_01_02 .icon {width:48%;}
.startup_01_02 .icon img {width:100%;}

.startup_01_02 .process.left .text_box {margin-left:50%;}
.startup_01_02 .process.right .text_box {margin-right:50%;}


.startup_01_03 {padding:0 2%;}
.startup_01_03 .process .col_box .col.jump {width:20px;}

.startup_01_04 .interior_list ul {padding:0 2%;}
.startup_01_04 .interior_list ul li {width:32%; margin-bottom:4% !important; margin-right:0px !important;}
.startup_01_04 .interior_list ul li:nth-child(3n+2) {margin:0 2% 4% !important;}



}