.fontES {text-transform:uppercase !important}
.fontES span {font-weight: 300;}
#visual{width:100%; min-width:1100px; height:100vh; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;padding:0}
#visual .scroll{
	position:absolute;
	left: 50%;
	margin-left: -75px;
	width: 150px;
	bottom: 80px;
	text-align: center;
	color: #FFF;
	z-index: 999;
	font-size: 15px;
	font-weight: 600;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}
#visual .scroll p{
	margin-top:10px
}
#idx_wrapper {padding:0 !important}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:100vh; position:relative;}
#visual #slogan{text-align:left;color:#fff;width:1100px;position:absolute;top: 45%;left:50%;z-index:998;transform:translate(-50%, -50%);}
#visual #slogan p{
	    font-size: 50px;
	    margin-top: 50px;
	    font-weight: 700;
}
#visual #slogan p.txt{
	    font-size: 20px;
	    margin-top: 20px;
	    font-weight: 400;
	    color: #dfdfdf;
}
#visual #slogan p.txt span{
    display: block;
    letter-spacing: 4px;
  
    margin-top: 9px;
}
#visual #slogan .logo{margin:40px 0 60px; height:114px;}
#visual #slogan .logo img{width:auto; height:100%;}
#visual #slogan .slogon_list{text-align:center;}
#visual #slogan .slogon_list > li{display:inline-block; margin:0 40px 0 0; width:140px; height:140px; border-radius:50%; border:2px solid #fff;}
#visual #slogan .slogon_list > li:nth-child(1){background:url(../img/main/icon_main01.svg)no-repeat center 30%; background-size:55%;}
#visual #slogan .slogon_list > li:nth-child(2){background:url(../img/main/icon_main02.svg)no-repeat center 30%; background-size:50%;}
#visual #slogan .slogon_list > li:nth-child(3){margin:0; background:url(../img/main/icon_main03.svg)no-repeat center 30%; background-size:55%;}
#visual #slogan .slogon_list > li > p{padding-top:94px; font-size:20px; font-weight:bold; color:#fff;}

#visual .sliderbx > li{ width:100% !important; height:100vh; background-repeat:no-repeat; background-position: center top;}
#visual .sliderbx > li.mv01{background: url(../img/main/visual01.jpg) no-repeat;background-size: cover;}
#visual .sliderbx > li.mv02{background: url(../img/main/visual02.jpg) no-repeat;background-size: cover;)}
#visual .sliderbx > li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx > li a{ display:block; width:100%; height:650px;}

#visual div.bx-pager{ position:absolute; bottom:30px; left:50%; z-index:101; transform:translateX(-50%);}
#visual div.bx-pager div{float:left; margin:0 4px;}
#visual div.bx-pager div a{display:block;width:12px;height:12px;text-indent:-9999px;border-radius:10px;background: #ffffff;box-sizing:border-box;}
#visual div.bx-pager div a.active{background: #ffae00;border: 3px solid #ffae00;}

#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}

#hd_wrapper {
	width: 100%;
	height: 90px;
	line-height: 90px;
	padding: 0 2vw;
	margin-top: 20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
}
#hd.on #hd_wrapper{
	background: #FFFFFF;
	margin-top: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


@media (max-width:1201px) {
	#visual{min-width:100%;}
	#visual #slogan{width:75%;text-align: center;}
	#visual #slogan img{width:80%;margin: 0 auto;}
	#hd_wrapper {/* padding:0 5vw; */margin-top:0;}
	#hd.on #hd_wrapper {
    background: #17242c;
}
	#hd.on {
		background: #17242c!important;
	}
	#hd.on .gnb li a {
		color:#ffffff!important;
	}
	#visual .scroll{
	position:absolute;
	left: 50%;
	margin-left: -75px;
	width: 150px;
	bottom: 80px;
	text-align: center;
	color: #FFF;
	z-index: 999;
	font-size: 15px;
	font-weight: 600;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}
#visual .scroll p{
	margin-top:10px
}
	
}
@media all and (max-width:769px){
	#hd_wrapper {height:auto;line-height: 1.2;background: none;margin-top: 0;}
	#visual #slogan .logo{margin:10px 0 30px; height:80px;}
	#visual #slogan h2{font-size:40px;}
	#visual #slogan h3{font-size:20px;}
	#visual #slogan h4{font-size:38px;}
	#visual #slogan h4 .yellow{font-size:45px;}
	#visual #slogan h4 .bold{font-size:50px;}
	#visual #slogan .slogon_list > li{width:110px; height:110px; margin:0 20px 0 0;}
	#visual #slogan .slogon_list > li > p{font-size:17px; padding-top:72px;}
	#visual .sliderbx > li.mv01 {
		background:url(../img/main/visual01_m.jpg) no-repeat
	}#visual .sliderbx > li.mv02 {
		background:url(../img/main/visual02_m.jpg) no-repeat
	}

}
@media all and (max-width:550px){
	#visual #slogan .logo{ height:70px;}
	#visual #slogan h3{width:70%; margin:0 auto; font-size:18px;}
	#visual #slogan h2{font-size:30px;}
	#visual #slogan h4{font-size:28px;}
	#visual #slogan h4 .yellow{font-size:35px;}
	#visual #slogan h4 .bold{font-size:40px;}
	#visual #slogan .slogon_list > li{width:100px; height:100px; margin:0 10px 0 0;}
	#visual #slogan .slogon_list > li > p{font-size:15px; padding-top:65px;}
}
@media all and (max-width:450px){
	#visual #slogan h2{font-size:25px;}
	#visual #slogan h4{font-size:23px;}
	#visual #slogan h4 .yellow{font-size:30px;}
	#visual #slogan h4 .bold{font-size:35px;}
}
@media all and (max-width:400px){
	#visual #slogan h2{font-size:23px;}
	#visual #slogan h4{font-size:20px;}
	#visual #slogan h4 .yellow{font-size:25px;}
	#visual #slogan h4 .bold{font-size:30px;}
}
@media all and (max-width:355px){
	#visual #slogan .slogon_list > li:nth-child(2){margin:0;}
}

/*버튼*/
a.btn_noti{  
	font-weight: 500; 
	letter-spacing: 0;
    border: 0 !important;
    font-size: 1.em !important;
    height: auto !important;
    border-radius: 90rem !important;
    background: #e54724;
    transition: all 0.5s;
    display: inline-block;
    padding: 5px 17px;
    color: #fff !important;
    margin: 30px 0 0;
}

#container_index .title{text-align:center;padding-top: 0vh;text-transform:uppercase !important;padding-top:50px}
#container_index #about .title{text-align:left;}
#container_index #about .title span.st2 {  margin: 30px 0;}
.title h2{font-size:40px; font-weight:normal; color:#333;}
.title.whiteVer h2{ color:#FFF;}
.title.whiteVer span{ color:#FFF;}

.area_jinsong{padding: 200px 0;}
.area_jinsong .area_box{margin:60px 0 0;}
.area_box{}
.area_box img{max-width:100%;}
.area_box img.w{display:block;}
.area_box img.m{display:none;}

.area_organization{padding:120px 0; background:url(../img/main/organization_bg.jpg) repeat center;}
.area_organization ul.list{margin:50px 0 0; width:100%;}
.area_organization ul.list:after{display:block; clear:both;content:"";}
.area_organization ul.list > li{float:left; margin:0 30px 0 0; padding:20px; width:calc((100%/4) - 23px); width:-webkit-calc((100%/4) - 23px); background:#fff; border-radius:6px; box-sizing:border-box; border:1px solid #34250e; box-shadow: 4.83px 1.294px 9px 1px rgba(0, 0, 0, 0.09);}
.area_organization ul.list > li:last-child{margin:0;}
.area_organization ul.list > li .area_icon{margin:0 auto; width:120px; height:120px; box-sizing:border-box; border-radius:50%;}
.area_organization ul.list > li .area_txt{margin:20px 0 0; min-height:180px; text-align:center;}
.area_organization ul.list > li .area_txt h3{display:block; margin:0 0 5px; font-size:22px; font-weight:bold; color:#333;}
.area_organization ul.list > li .area_txt p{font-size:16px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.area_organization ul.list > li:nth-child(1) .area_icon{background:#ece5d8 url(../img/main/icon_organization01.svg)no-repeat center; background-size:42%;}
.area_organization ul.list > li:nth-child(2) .area_icon{background:#ece5d8 url(../img/main/icon_organization02.svg)no-repeat center; background-size:55%;}
.area_organization ul.list > li:nth-child(3) .area_icon{background:#ece5d8 url(../img/main/icon_organization03.svg)no-repeat center; background-size:31%;}
body.ie .area_organization ul.list > li:nth-child(3) .area_icon{background-size:48%;}
.area_organization ul.list > li:nth-child(4) .area_icon{background:#ece5d8 url(../img/main/icon_organization04.svg)no-repeat center; background-size:45%;}

@media all and (max-width:900px){
	.area_organization ul.list > li{width:calc((100%/2) - 15px); width:-webkit-calc((100%/2) - 15px);}
	.area_organization ul.list > li:nth-child(2){margin:0 0 30px;}
	.area_organization ul.list > li .area_txt{min-height:130px;}
}
@media (max-width: 769px){
	.area_jinsong{padding:125px 0;}
	.area_organization{padding:70px 0;}
	.area_jinsong .area_box{margin:30px 0 0;}
	.title h2{font-size:35px;}
	.title span{font-size: 14px;margin: 25px auto 40px;padding: 0 5vw;}
	.area_organization ul.list{margin:30px 0 0;}
	.area_organization ul.list > li{margin:0 12px 0 0; padding:20px 10px; width:calc((100%/2) - 6px); width:-webkit-calc((100%/2) - 6px);}
	.area_organization ul.list > li:nth-child(2){margin:0 0 12px;}
	.area_organization ul.list > li .area_txt{min-height:160px;}
	.area_box img.w{display:none;}
	.area_box img.m{display:block;}
	#visual #slogan p{font-size: 3em;margin: -40px auto 0;}
	#visual #slogan p.txt {font-size:1.5em}
	#visual #slogan p.txt span {}
}
#visual #slogan p.txt span{
	letter-spacing: 0;
	font-size: 20px;
	color: #dfdfdf;
}
@media all and (max-width:550px){
	.area_organization{padding:50px 0;}
	.title h2{font-size:30px;}
	.title span{}
	.area_organization ul.list > li .area_icon{width:100px; height:100px;}
	.area_organization ul.list > li .area_txt{margin:12px 0 0;}
	.area_organization ul.list > li .area_txt h3{font-size:19px;}
	.area_organization ul.list > li .area_txt p{font-size:15px;}
}
@media all and (max-width:500px){
	.title h2{font-size:27px;}
	.area_organization ul.list > li .area_txt h3{font-size:17px;}
	.area_organization ul.list > li .area_txt{min-height:200px;}
}
@media all and (max-width:430px){
	.area_organization ul.list > li .area_txt{min-height:200px;}
}
@media all and (max-width:400px){
	.area_organization ul.list > li{margin:0 0 12px; width:100%;}
	.area_organization ul.list > li .area_txt{min-height:auto;}
}

#interior{padding:140px 0; background:url(../img/main/interior_bg.jpg) no-repeat center; background-size:cover;}
.area_interior{position:relative;width:100%; margin:60px 0 0;}
.area_interior:after{display:block; clear:both;content:"";}
.area_interior .left{float:left;}
.area_interior .left img{width:auto;}
.area_interior .right{position:absolute; top:0; right:0; bottom:0; width:calc(100% - 493px);}
.r_top{margin:30px auto 50px; width:70%; padding:15px 30px; box-sizing:border-box; border-radius:10px; background:#4c382c; text-align:center;}
.r_top h3{display:block; margin:0 0 5px; font-size:27px; font-weight:bold; color:#fff; line-height:1.5em; word-break:keep-all;}
.r_top p{display:block; font-size:19px; font-weight:300; color:#fff; line-height:1.5em; word-break:keep-all;}
.area_interior .right .r_bottom{}
.area_interior .right .r_bottom img{width:auto; margin:0 30px 0 0;}
.area_interior .right .r_bottom img:last-child{margin:0;}

@media all and (max-width:1023px){
	.r_top{margin:20px auto 30px;}
}
@media all and (max-width:900px){
	#interior{background-size:cover;}
	.area_interior{margin:30px 0 0; text-align:center;}
}
@media all and (max-width:767px){
	#interior{padding:125px 0;}
	.r_top{margin:20px auto 30px; width:90%;}
}
@media all and (max-width:650px){
	.area_interior .left img{width:70%;}
	.r_top h3{font-size:24px;}
	.r_top p{font-size:17px;}
}
@media all and (max-width:550px){
	.r_top{margin:10px auto 20px; width:100%; padding:15px;}
	.r_top h3{font-size:20px;}
	.r_top p{font-size:16px;}
}
#menu{padding:160px 0; background:url(../img/main/menu_bg.jpg) repeat-y center;}
.tabs{margin:40px 0 0; text-align:center;}
.tabs li{display:inline-block; margin:0 10px 0 0; padding:11px; min-width:130px; background:#fff; border:2px solid #5c4535; box-sizing:border-box; border-radius:5px; transition:all 0.3s ease 0s; cursor:pointer; text-align:center;}
.tabs li span{font-size:22px; font-weight:600; line-height:1.3em;}
.tabs li.active,
.tabs li:hover{background:#5c4535; color:#fff; box-shadow: 0px 5px 9px 1px rgba(92, 69, 53, 0.27);}
.tab_container{margin:50px 0 0;}
.tab_container .list{width:100%:}
.tab_container .list:after{display:block; clear:both;content:"";}
.tab_container .list > li{float:left; margin:0 40px 40px 0; width:-webkit-calc((100%/3) - 27px); width:calc((100%/3) - 27px); background:#fff; border:3px solid #dad4cf; box-sizing:border-box; box-shadow: 0px 5px 16px 4px rgba(193, 183, 175, 0.1);}
.tab_container .list > li:nth-child(3n){margin:0;}
.tab_container .list > li .area_img{margin:25px 25px 0; box-sizing:Border-box; }
.tab_container .list > li .area_img img{width:100%; height:100%;}
.tab_container .list > li .area_txt{padding:15px; box-sizing:Border-box; font-size:22px; font-weight:bold; text-align:center;}

@media all and (max-width:1024px){
	.tab_container .list > li{margin:0 30px 30px 0; width:-webkit-calc((100%/3) - 20px); width:calc((100%/3) - 20px);}
	.tab_container .list > li .area_img{margin:15px 15px 0;}
	.tab_container .list > li .area_txt{font-size:20px; padding:10px;}
}
@media all and (max-width:768px){
	#menu{padding:125px 0;}
	.tabs{margin:30px 0 0;}
	.tabs li{min-width:90px; padding:7px; margin:0 7px 0 0;}
	.tabs li span{font-size:18px;}
	.tab_container{margin:30px 0 0;}
	.tab_container .list > li{margin:0 20px 20px 0; width:-webkit-calc((100%/2) - 10px); width:calc((100%/2) - 10px);}
	.tab_container .list > li:nth-child(3n){margin:0 20px 20px 0;}
	.tab_container .list > li:nth-child(2n){margin:0;}
	.tab_container .list > li .area_img{margin:15px 15px 0;}
	.tab_container .list > li .area_txt{font-size:20px; padding:10px;}
}
@media all and (max-width:550px){
	.tabs{margin:20px 0 0;}
	.tabs li{min-width:75px;}
	.tabs li span{font-size:16px;}
	.tab_container{margin:20px 0 0;}
	.tab_container .list > li{margin:0 12px 12px 0; width:-webkit-calc((100%/2) - 6px); width:calc((100%/2) - 6px);}
	.tab_container .list > li:nth-child(3n){margin:0 12px 12px 0;}
	.tab_container .list > li:nth-child(2n){margin:0;}
	.tab_container .list > li .area_img{margin:10px 10px 0;}
	.tab_container .list > li .area_txt{font-size:16px; padding:8px;}
}
@media all and (max-width:400px){
	.tabs li{padding:5px; min-width:60px;}
	.tabs li span{font-size:14px;}
}



@media all and (max-width:1200px){
	.process_list > li{margin:0 35px 40px 0;}
}
@media all and (max-width:1024px){
	.process_list > li{margin:0 20px 40px 0;}
	.process_list > li h3{font-size:22px;}
	.process_list > li .area_icon{width:180px; height:180px;}
}
@media all and (max-width:900px){
 	.table_cost > div{margin:0 30px 0 0; width: calc((100%/2) - 15px); width: -webkit-calc((100%/2) - 15px);}
	.area_info{margin:30px 0 0;}
	.cost_title{font-size:22px;}
	.area_table .table thead tr td{font-size:20px;}
	.area_table .table tbody tr td{font-size:18px;}
	.table_cost .left .area_table .table tbody tr td{padding:27px 10px 28px;}
	.area_info .cost_box .left p{font-size:18px;}
	.area_info .cost_box .right ul > li{font-size:16px;}
}
@media all and (max-width:870px){
	.process_list > li{width:30%;}
	.process_list > li:nth-child(4){margin:0 20px 40px 0;}
	.process_list > li:nth-child(3n){margin:0;}
	.process_list > li .area_icon{margin:0 auto;}
}
@media all and (max-width:767px){
	#store .area_store,
	#store .area_process,
	#store .area_cost{padding:125px 0;}
	#store .area_store .area_txt span{font-size:20px;}
	#store .area_store .area_txt h3{font-size:32px;}
	.process_list > li{width:40%;}
	.process_list > li:nth-child(4){margin:0 20px 40px 0;}
	.process_list > li:nth-child(3n){margin:0 20px 40px 0;}
	.process_list > li:nth-child(2n){margin:0;}
	.process_list > li:last-child{margin:0;}
	.process_list > li h3{font-size:20px;}
	.table_cost{margin:30px 0 0;}
	.table_cost > div{width:100%;}
	.table_cost .left{margin:0 0 20px;}
	.area_info{margin:20px 0 0;}
	.area_info .cost_box {padding:30px;}
	.area_info .cost_box .left{padding:0 0 15px; width:100%; box-sizing:border-box;}
	.area_info .cost_box .right{padding:15px 0 0; width:100%;}
	.area_info .cost_box .right:before{right:0; width:100%; height:1px;}
	.table_cost .left .area_table .table tbody tr td{padding:10px;}
}
@media all and (max-width:550px){
	#store .area_store .area_txt{margin:20px 0 0;}
	#store .area_store .area_txt h3{width:70%; margin:0 auto; font-size:30px; line-height:0.7em;}
	#store .area_store .area_txt span{margin:0; font-size:18px;}
	.area_info .cost_box{padding:15px;}
	.table_cost{margin:15px 0 0;}
	.cost_title{font-size:20px;}
	.area_table .table thead tr td{font-size:18px;}
	.area_table .table tbody tr td{font-size:16px;}
	.area_table .table tbody tr td span{margin:0; font-size:14px;}
	.area_info .cost_box .left p{font-size:16px;}
	.area_info .cost_box .right ul > li{font-size:15px;}

}
@media all and (max-width:500px){
	.process_list > li i > span{font-size:14px;}
	.process_list > li .area_icon{width:150px; height:150px;}
	.process_list > li h3{font-size:18px;}
}
@media all and (max-width:400px){
	.process_list > li i > span{font-size:12px;}
	.process_list > li .area_icon{width:130px; height:130px;}
	.process_list > li h3{font-size:17px;}
	#store .area_store .area_txt h3{width:85%;}
}
#sns{padding:150px 0; background:#302d2d;}
#sns .title h2{color:#fff;}
.area_sns{margin:50px 0 0;}
.area_sns:after{display:block; clear:both;content:"";}
.area_sns > li{float:left; margin: 0 60px 0 0; padding:45px 20px; box-sizing:border-box; border-radius:20px; width:calc((100%/2) - 30px); width:-webkit-calc((100%/2) - 30px); text-align:center;}
.area_sns > li:first-child{background:#2db400;}
.area_sns > li:last-child{margin:0; background-image: -moz-linear-gradient( 62deg, rgb(239,194,92) 0%, rgb(240,61,82) 37%, rgb(172,57,174) 70%, rgb(65,68,235) 100%);
  background-image: -webkit-linear-gradient( 62deg, rgb(239,194,92) 0%, rgb(240,61,82) 37%, rgb(172,57,174) 70%, rgb(65,68,235) 100%);
  background-image: -ms-linear-gradient( 62deg, rgb(239,194,92) 0%, rgb(240,61,82) 37%, rgb(172,57,174) 70%, rgb(65,68,235) 100%);
  }
.area_sns > li > a{display:block;}
.area_sns > li > a .area_icon{display:inline-block; width:95px; height:80px; background-size:contain; background:url(../img/main/icon_blog.svg)no-repeat center; vertical-align:middle;}
.area_sns > li:nth-child(2) > a .area_icon{width:80px; height:80px; background-size:contain; background:url(../img/main/icon_insta.svg)no-repeat center; vertical-align:middle;}
.area_sns > li > a h3{display:inline-block; margin:0 0 0 10px; font-size:25px; font-weight:600; color:#fff; line-height:1.3em; vertical-align:middle;}

@media all and (max-width:1300px){
	.area_sns > li{margin:0 30px 0 0; width: calc((100%/2) - 15px); width: -webkit-calc((100%/2) - 15px);}
}
@media all and (max-width:850px){
	.area_sns > li{padding:40px 10px; margin:0 20px 0 0; width: calc((100%/2) - 10px); width: -webkit-calc((100%/2) - 10px);}
	.area_sns > li > a .area_icon{width:75px; height:60px;}
	.area_sns > li:nth-child(2) > a .area_icon{width:60px; height:60px;}
	.area_sns > li > a h3{font-size:20px;}
}
@media all and (max-width:768px){
	#sns{padding:125px 0;}
	.area_sns > li{margin:0 12px 0 0; width: calc((100%/2) - 6px); width: -webkit-calc((100%/2) - 6px);}
}
@media all and (max-width:550px){
	.area_sns > li > a .area_icon{display:block; margin:0 auto;}
	.area_sns > li > a h3{margin:10px 0 0;}
}
@media all and (max-width:450px){
	.area_sns > li{padding:30px 10px;}
	.area_sns > li > a h3{font-size:18px;}
}

#media{padding:170px 0; background:url(../img/main/media_bg.jpg) no-repeat center; background-size:cover; text-align:center;}
.btn.board{margin:40px 0 0; width:350px; background: #7c181d; border-color: #7c181d; padding: 15px; font-size: 20px; color:#fff;}

@media all and (max-width:1500px){
	#media{padding:167px 0;}
}
@media all and (max-width:1300px){
	#media{padding:164px 0;}
}
@media all and (max-width:1200px){
	#media{background-size:cover;}
}
@media all and (max-width:1024px){
	#media{padding:100px 0;}
	.btn.board{margin:30px 0 0; font-size:18px; width:250px;}
}
@media all and (max-width:767px){
	#media{padding:125px 0;}
}
@media all and (max-width:550px){
	.btn.board{margin:20px 0 0; font-size:18px; width:100%;}
}

.cs_inquiry{display:inline-block; margin:30px 0;}
.cs_inquiry h3{display:inline-block; font-size:20px; font-weight:bold; color:#333;}
.cs_inquiry h4{display:inline-block; font-size:30px; font-weight:bold; color:#333;}
.cs_inquiry p{display:block; margin:10px 0 0; font-size:16px; font-weight:500; color:#333; line-height:1.5em; word-break:keep-all;}

#inquiry{padding:150px 0; background:url(../img/main/inquiry_bg.jpg) no-repeat center; background-size:cover; text-align:center;}
#inquiry .cs{margin:0 0 10px; display:block; background:#fe1456; padding:6px 40px; box-sizing:border-box; border-radius:50px;}
#inquiry .cs.center{background:#562332;}
#inquiry .cs span{font-size:30px; font-weight:bolder; color:#fff; line-height:1.5em;}


.area_inquiry{margin:0; margin-top: 30px; }
.area_form{position:relative; padding:0px; width:100%; background:#fff; margin:0 auto; box-sizing:border-box;border-radius: 10px; 
    box-shadow: 0px 0px 10px 10px #e3e3e3;
}
 
.area_form i{display:inline-block; position:absolute; width:31px; height:31px;}
.area_form i:nth-child(1){top:0; left:0; background:url(../img/main/inquiry_obj01.png)no-repeat center; }
.area_form i:nth-child(2){top:0; right:0; background:url(../img/main/inquiry_obj02.png)no-repeat center; }
.area_form i:nth-child(3){bottom:0; left:0; background:url(../img/main/inquiry_obj03.png)no-repeat center; }
.area_form i:nth-child(4){bottom:0; right:0; background:url(../img/main/inquiry_obj04.png)no-repeat center; }
.area_form fieldset{box-sizing:border-box; background:#ffffff;}
.area_form .list_input{padding:10px 0; margin:0 20px;}
.area_form .list_input > li{padding:20px 0; border-bottom:1px dashed #ececec;}
.area_form .list_input > li:last-child{border-bottom:none;}
.area_form .list_input > li > label{float:left; width:25%; font-size:18px; font-weight:bold; padding:12px 0 0;}
.area_form .list_input > li:last-child > label{padding:25px 0 0;}
.area_form .list_input > li > input{margin:0; padding:10px; width:70%; height:50px; background:#fff; border:1px solid #eee; border-radius:2px; font-size:16px; font-weight:500; color:#333;}
.area_form .list_input > li > textarea{/*font-family:'source-han-serif-korean', serif !important;*/ padding:10px; box-sizing:border-box; resize:none; width:70%; height:80px; background:#fff; border:1px solid #eee; border-radius:2px; font-size:16px; font-weight:500; color:#333;}
#inquiry input[type="text"]:focus,
.area_form .list_input > li > textarea:focus{outline:none; color:#333;}
.area_bottom{width:100%; margin:30px auto 0;}
.area_bottom > div{margin:12px 0 0; text-align:center;}
.area_bottom > div em{position:relative; top:-2px; font-style:normal; font-size:15px; font-weight:400; color:#333;}
.area_bottom > div input[type="checkbox"]{display:none; width:15px; height:15px;}
.area_bottom > div input[type="checkbox"] + label span{display:inline-block; margin-right:5px; width:15px; height:15px; background:url(../img/main/img_check.png) left top no-repeat; cursor: pointer;}
.area_bottom > div input[type="checkbox"]:checked + label span{background:url(../img/main/img_check.png) -17px top no-repeat;}
.area_bottom input{margin:20px 0 0; width:100%; height:55px; background:#ea4422; border:none; border-radius:3px; font-size:20px; font-weight:bold; color:#fff; line-height:50px}

.area_bottom .btn-primary  {
    border: none;
    font-weight: bold;
    background: none;
    color: #ea4422;
    padding: 0px 5px;
    /* border-color: #285a4c; */
    font-size: 9pt;
    margin:-5px 0 0 0 !important;
}

#container_index #about{
	background: #ffffff;
	position: relative;
    min-height: 99vh;
}
#container_index section{
    padding: 90px 0;
    min-height: 50vh;
    overflow: hidden;
}


footer.inr.st3 {
	background: #333;
	color:#FFF;
	text-align: left;
	padding: 25px 0 60px;
}
footer.inr.st3 .copyright{
	color:#9e9e9e;
	letter-spacing: 0;
}
footer.inr.st3 h1{font-size: 19px;}
footer.inr.st3 p{}
footer.inr.st3 p span{display:inline-block;font-size: 15px;margin: 0 16px;}
.snsBox {
    float: right;
    position: absolute;
    right: 0;
}
.snsBox ul{}
.snsBox ul li{
    display: inline-block;
}
.snsBox ul li a{
    display: inline-block;
}


@media all and (max-width:900px){
	.area_form,
	.area_bottom{width:600px;}
	.cs_inquiry{margin:20px 0;}
	#inquiry .cs{padding:5px 40px;}
	#inquiry .cs span{font-size:28px;}
}

@media all and (max-width:1201px){
	#container_index #about.company{padding:150px 0}
	#about.company ul li:nth-of-type(1),
	#about.company ul li:nth-of-type(2){}
	#business ul li {width:30%}
	#contact {
		padding: 0;
	}
	#contact .contactBox {width:100%;padding-top: 150px;}
	#contact .contactBox .infoBox {width:80%;padding: 30px 10px;}
	#contact .contactBox .infoBox li { margin: 0 15px}
	#customer .mainLatest ul li {
		width:100%;
		padding: 30px;
	}
	.snsBox {
		position: fixed;
		bottom: 20px;
		right: 20px;
		float: inherit;
	}
	.snsBox ul li {
		line-height:50px;
		display: block;
		margin-bottom: 5px;
	}
	.snsBox ul li a{
		line-height: 50px;
		width: 50px;
	}
	.snsBox ul li a img{
		width:100%
	}
}



@media all and (max-width:769px){
	#inquiry{padding:125px 0;}
	.area_form,
	.area_bottom{width:90%; margin:0 auto;}
	#about.company ul li p.tit {font-size: 16px;margin-top: 20px;padding-bottom: 0;}
	#container_index #about.company {
    padding: 80px 0;
}
	#about.company ul li {}
	#about.company ul li p{font-size: 12px;padding: 0 3px 15px;}
	#about.company ul li:nth-of-type(1){
	}
	#about.company ul li:nth-of-type(2) {
	}

	footer.inr.st3 p {
		margin: 25px  20px;
    }
    footer.inr.st3 p span{
    	font-size: 13px;
    	margin: 0 10px;
    	line-height: 23px;
    }
}



@media all and (max-width:600px){
	#inquiry .cs span{font-size:25px;}
	.area_form .list_input{margin:0 10px;}
	.area_form .list_input > li{padding:10px 0;}
	.area_form .list_input > li > input,
	.area_form .list_input > li > textarea{width:75%;}
}
@media all and (max-width:550px){
	.area_form{padding:10px;}
	.area_form .list_input > li > label{font-size:16px;}
	.area_form .list_input > li > input{font-size:15px;}
	.area_bottom input{margin:10px 0 0; font-size:18px;}
	
	.cs_inquiry p{font-size:15px;}
}

/*스타트업 SORTING*/
#startTab{ margin: 40px 0 0;}
.gallery-title {
	font-size: 36px;
	color: #FFA500;
	text-align: center;
	font-weight: 500;
	margin-bottom: 70px
}

.gallery-title:after {
	content: "";
	position: absolute;
	width: 22.5%;
	left: 38.5%;
	height: 45px;
	border-bottom: 1px solid #5e5e5e
}

.filter-button {
	font-size: 1.15em;
	border: 0px solid #cfe4ea;
	border-radius: 5px;
	text-align: center;
	color: #478595;
	margin: 5px 3px;
	background-color: #fff;
	padding: 10px 17px;
	transition: all 0.5s;
}

.filter-button:hover {
	font-size: 1.15em;
	border: 0px solid #478595;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	margin: 5px 3px;
	background-color: #478595;
	padding: 10px 17px;
	transition: all 0.5s;
}

.current{	
	font-size: 1.15em;
	border: 0px solid #478595;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	margin: 5px 3px;
	background-color: #478595;
	padding: 10px 17px;
	transition: all 0.5s;
}

.btn-default:active .filter-button:active {
	background-color: #478595;
	color: white
}

.port-image {
	width: 100%
}

.startup_group{ margin: 45px 0 0;}
.gallery_product {
	margin-bottom: 20px; text-align: center; width: 20%;  float: left; transition: all 0.5s
}

.gallery_product img {
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px; background: #fff; padding: 20px 40px;
	transition: all 0.5s;
}

@media all and (max-width:1200px){
	.gallery_product img { padding: 20px; transition: all 0.5s;	}
}
@media all and (max-width:999px){
.gallery_product {
	margin-bottom: 20px; text-align: center; width: 25%;  float: left; transition: all 0.5s
}
}
@media all and (max-width:799px){
	.gallery_product {
		margin-bottom: 20px; text-align: center; width: 33%;  float: left; transition: all 0.5s
	}
	.filter-button {
		font-size: 1.15em;
		border: 0px solid #cfe4ea;
		border-radius: 5px;
		text-align: center;
		color: #478595;
		margin: 5px 1.5%;
		background-color: #fff;
		padding: 10px 17px;
		transition: all 0.5s;
		width: 30%;
	}
	
	.filter-button:hover {
		font-size: 1.15em;
		border: 0px solid #478595;
		border-radius: 5px;
		text-align: center;
		color: #fff;
		margin: 5px 1.5%;
		background-color: #478595;
		padding: 10px 17px;
		transition: all 0.5s;
		width: 30%;
	}
	
	.current{	
		font-size: 1.15em;
		border: 0px solid #478595;
		border-radius: 5px;
		text-align: center;
		color: #fff;
		margin: 5px 1.5%;
		background-color: #478595;
		padding: 10px 17px;
		transition: all 0.5s;
		width: 30%;
	}
}
@media all and (max-width:600px){
	.gallery_product {
		margin-bottom: 20px; text-align: center; width: 50%;  float: left; transition: all 0.5s
	}
	.filter-button {
		font-size: 1.05em;
		border: 0px solid #cfe4ea;
		border-radius: 5px;
		text-align: center;
		color: #478595;
		margin: 5px 1.5%;
		background-color: #fff;
		padding: 10px 17px;
		transition: all 0.5s;
		width: 45%;
	}
	
	.filter-button:hover {
		font-size: 1.05em;
		border: 0px solid #478595;
		border-radius: 5px;
		text-align: center;
		color: #fff;
		margin: 5px 1.5%;
		background-color: #478595;
		padding: 10px 17px;
		transition: all 0.5s;
		width: 45%;
	}
	
	.current{	
		font-size: 1.05em;
		border: 0px solid #478595;
		border-radius: 5px;
		text-align: center;
		color: #fff;
		margin: 5px 1.5%;
		background-color: #478595;
		padding: 10px 17px;
		transition: all 0.5s;
		width: 45%;
	}

}

#about .area_box1 {
    width: 50%;
	float: left;
}
#about .area_box2 {
    width: 50%;
	float: right;
	padding: 50px;
}

#about::before {
    content: "";
    display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/main/bg01.jpg) no-repeat bottom, #f4f3ed;
    background-size: cover;
   /* mix-blend-mode: overlay;*/
}


#about .bg2 {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/main/bg04.png) no-repeat;
    background-size: 100% auto;
    background-position: top;
    /* opacity: 0.4; */
}

#about .bg2::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 1200px) {
	
	#container_index #about .title {
    text-align: center;
}
	#container_index #about {
		background: #323232;	
		min-height: 50vh;
	}
	#about .title h2 {
    color: #ffffff;
	}
	
	#container_index #about .title span.st2 {
		  color: #ffffff;
		font-size: 13px;
		    font-weight: 100;
    line-height: 20pt;
	}
	
	#about::before {
		width: 100%;
		background-size: cover;
		mix-blend-mode: overlay;
	}

	#about .area_box1 {
		width: 100%;
	}
	#about .area_box2 {
		width: 100%;
	}

}

#product, #customer {
	background: #ececec;
}


#custormer, #contact {
	padding-top: 0!important;
}

#contact .mapCon .mapView {
    position: relative;
    float: right;
    width: 50%;
    height: 90vh;
    background: #fff;
}

#contact .mapCon .mapView .map {
    height: 100vh;
}


#contact .mapCon .con .inforTxt .txt2 {
    font-size: 13px;
    opacity: 0.5;
}

#contact .mapCon .con .inforTxt .infor {
    margin: 70px 0;
}

#contact .title h2 {
    color: #fff;
}

#contact .title h2:last-child {
    margin: 20px 0 0;
	TEXT-ALIGN: LEFT;
}

#contact .mapCon .con .inforTxt {
    float: right;
    width: 600px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#contact .mapCon .con {
    height: 90vh;
    background: linear-gradient(75deg, #c54025,#e9422b);
    color: #fff;
    position: relative;
}

#contact {
    padding: 0;
    color: #fff;
	padding-bottom: 0px!important;
}

#contact .mapCon .con {
    float: left;
    width: 50%;
}

#contact .mapCon .con .inforTxt .infor li span {
	    margin-right: 20px;
	font-weight: 600;
	
}
#contact .mapCon .con .inforTxt .infor li {
        font-size: 11pt;
    line-height: 22pt;
    color: #fff;
    font-weight: 100;
}

@media (max-width: 1200px){
	#contact .mapCon .con .inforTxt {
		width: 80%!important;
	}
	
	#contact .mapCon .con .inforTxt .infor {
    margin: 50px 0;
}
}
@media (max-width: 1400px){
	#contact .mapCon .con {
		width: 100%;
		height: auto;
		padding: 100px 0;
	}
	
	#contact .mapCon .con .inforTxt {
    width: 1000px;
    float: unset;
    margin: 0 auto;
    top: 0;
    transform: unset;
	}	
	#contact .mapCon .mapView {
    width: 100%;
    height: 50vh;
	}
	#contact .mapCon .mapView .map {
    height: 50vh;
	}
}


.modal-backdrop {
	background: none!important;
}
.modal-content {
	border: none!important;
	box-shadow: 0 0px 15px rgb(0 0 0 / 30%);
}