
.container .imgs {margin-bottom:0; text-align:center;}
.container .imgs img {max-width:100%;}
/*
.visual-container{height:950px; color:#fff;}
.visual-container i {display:block; margin-bottom:15px; font-size:2rem; color:#fff; letter-spacing:-.5px; text-shadow:3px 3px 3px rgba(0,0,0,.2); font-style:normal;}
.visual-container .vtitle {font-size:7.5rem; line-height:70px; padding-top:5px; letter-spacing:-5px; text-shadow:3px 3px 3px rgba(0,0,0,.2); }
.visual-container .txt {font-size:1.8rem; color:#fff; font-weight:400; word-break:keep-all;}
.visual-container .siteView {display:block; width:250px; height:55px; line-height:55px;  border:1px solid #fff; color:#fff;  text-align:center; box-shadow:2px 1px 1px rgba(0,0,0,.1);}
.visual-container .siteView:hover {background:#fff; color:#1d1e1f; box-shadow:4px 1px 1px rgba(0,0,0,.2);}
.visual-container .dateList {padding-top:95px;}
.visual-container .dateList ul {margin-left:-30px;}
.visual-container .dateList ul li {float:left; margin-left:30px; position:relative; box-sizing:border-box; padding-left:15px; overflow:hidden;}
.visual-container .dateList ul li:before {width:4px; height:4px; position:absolute; top:50%; left:0; margin-top:-2px; clear:both; content:''; display:block; background:#fff;}
.visual-container .dateList ul li b {display:block; float:left; }
.visual-container .dateList ul li span {display:block; float:left; font-weight:lighter; margin-left:10px;}*/

.container-2 .concept_list > li {padding-top:75px; text-align:center;}
.container-2 .concept_list > li:first-child{padding-top:0;}
.container-2 .concept_list > li strong {font-size:2.4rem; display:block;}
.container-2 .concept_list > li .txt{color:#333; font-size:1.8rem;  padding-top:30px; margin-bottom:-10px}

.container-2 .concept_list .Parlette {width:100%; text-align:center; margin-top:30px;}
.container-2 .concept_list .Parlette li {display:inline-block;width:55px; height:55px; margin-left:5%; background:#fff; border-radius:55px;}
.container-2 .concept_list .Parlette li:first-child {margin-left:0;}

.container-2 .concept_list .icons {margin-top:40px; text-align:center;}
.container-2 .concept_list .icons img {max-width:100%;}

.container-3 .device { text-align:left; }
.container-3 .device p {font-size:2.4rem;margin-bottom:0; line-height:1.4; color:#fff;}
.container-3 .device strong {font-size:2.4rem; line-height:1.4; color:#fff; display:block;}

.container-3 .device p.hangul{letter-spacing:-1px;}

.container-4 .tit{width:100%; overflow:hidden;}
.container-4 .tit strong {font-size:23rem; color:rgb(237, 237, 237); float:left; letter-spacing:-15px;}
.container-4 .tit .txt {float:left; margin-top:195px; margin-bottom:0; color:#333; font-size:2rem; margin-left:10px;}


.container-5{background-color:#ddd;}
.container-5 .view{padding:0 80px;}
.container-5 strong{font-size:5rem; line-height:1.4; display:block; color:#fff;}
.container-5 .small{margin-top:50px;  line-height:1.5; color:#fff;}

.container-6 .concept {overflow:hidden; width:100%; padding-bottom:100px; text-align:center;}
.container-6 .concept p {word-break:keep-all; color:#fff;}
.container-6 .concept .middle {line-height:1.2; margin-bottom:0; padding-bottom:20px;}

.container-6 .phone li {float:left; width:30.3333%; margin-left:3%;}
.container-6 .phone li:first-child {margin-left:0;}

.container-7 {padding-bottom:50%;}
.container-7 .view {width:100%; padding-top:20px;}

.container-7 .imgs{margin-left:-15%; float:left; width:70%;}
.container-7 .pc_tit {float:left; width:45%; padding-left:5%; padding-top:15%;box-sizing:border-box}
.container-7 .pc_tit .big {font-size:5rem; color:#333; padding-bottom:35px;}
.container-7 .pc_tit .small {color:#000;}

.container-6  + .container-7 .wrap {padding-top:0;}

.container-8 .wrap{padding:0;}
.container-8 .view{max-width:100%;}

.container-9 .txt{float:left; width:35%; padding-top:10%; color:#333;}
.container-9 .txt .txt_tit em{display:block;font-size: 5rem; font-weight:300;  letter-spacing:-3px;  line-height:5.5rem;}
.container-9 .txt .txt_tit b{display:block; font-size:5rem; font-weight:800; line-height:5.5rem;}

.container-9  .wrap{padding:6% 0;}
.container-9 .txt .content{margin:45px 0 30px; font-size:1.8rem; font-weight:400; letter-spacing:-1px;}
.container-9 .txt .txt_btn a{display:inline-block;}
.container-9 .imgs{float:right; width:65%; margin-right:-50px;}

.container-10 .wrap{padding:6% 0;}
.container-10 + .container-10 .wrap {padding:0 0 6%;}
.container-10 .tit{color:#333; text-align:center;}
.container-10 .tit em{display:block; font-size:3rem; font-weight:800;  letter-spacing:-2px;}
.container-10 .tit .sub_tit{display:block; padding-top:10px; font-style:normal; font-size:1.8rem; font-weight:400; letter-spacing:-0.5px;}
.container-10 ul{margin:50px 0 0;}
.container-10 ul li{float:left; width:50%;}

.container-11{}
.container-11 .tit{padding-bottom:100px;}
.container-11 .tit em{display:block; font-size:4rem; font-weight:800; color:#333; text-transform:uppercase;  line-height:1; letter-spacing:-2px;}
.container-11 .tit i{display:block; padding-top:15px; font-size:1.8rem; font-weight:300; color:#666; text-transform:uppercase; font-style:normal; letter-spacing:2px;}

.container-12{height:1000px;}
.container-12 .tit em{display:block; font-size:6rem; font-weight:800; color:#fff; text-transform:uppercase; line-height:1; letter-spacing:-1px;}
.container-12 .tit span{display:block; padding-top:10px; font-size:4rem; font-weight:300; color:#fff; text-transform:uppercase; font-style:normal;}


@media (max-width: 1024px){
	.visual-container i{font-size:1.8rem;}
	.visual-container .vtitle{font-size:5.6rem;}
	.visual-container .txt{font-size:1.6rem;}
	.visual-container .dateList{padding-top:60px;}

	.container-4 .tit strong{font-size:18rem;}
	.container-4 .tit .txt{margin-top:150px;}

	.container-5 .view{padding:0;}
	
	.container-7 .pc_tit{padding-left:4%;}
	.container-7 .pc_tit .big{font-size:3.6rem; padding-bottom:20px;}
	
	.container-9 .txt{padding-top:0;}
	.container-9 .txt .txt_tit em,
	.container-9 .txt .txt_tit b{font-size:3.6rem;}
	.container-9 .txt .content{margin-top:20px;}

	.container-12 .tit em{font-size:4rem;}
	.container-12 .tit span{font-size:2rem;}
}
@media (max-width: 768px){
	.visual-container i{font-size:1.6rem;}
	.visual-container .vtitle{font-size:3.6rem; line-height:35px;}
	.visual-container .txt{font-size:1.4rem;}
	/*.visual-container .txt br{display:none;}*/
	.visual-container .siteView{width:180px; height:40px; line-height:40px;}
	.visual-container .dateList{padding-top:40px;}
	/*.visual-container .dateList ul{margin-left:-10px;}
	.visual-container .dateList ul li{margin-left:10px; font-size:1.4rem;}*/

	.container-4 .tit .txt{margin-top:0; margin-bottom:15px;}
	
	.container-5 strong{font-size:3rem;}
	.container-5 .small{padding:0; margin-top:25px;}

	.container-6 .concept{padding:30px 0;}
	.container-6 .concept .middle{font-size:1.8rem;}

	.container-7 .pc_tit .big{font-size:1.8rem;}
	.container-7 .pc_tit .small{padding:0;}

	.container-9 .txt .txt_tit em,
	.container-9 .txt .txt_tit b{font-size:2rem;}
	.container-9 .txt .content{font-size:1.4rem;}

	.container-10 .tit em{font-size:2rem;}
	.container-10 .tit .sub_tit{font-size:1.4rem;}

	.container-11 .tit em{font-size:2.8rem;}
	.container-11 .tit i{padding-top:5px;}

	.container-12{height:auto;}
	.container-12 .tit {padding:150px 0;}
}
@media(max-width:1024px) {
    .view .half {
    width: 100%;
    float: none;
}
.view .titleSection .vsmall {
    font-size: 1.8rem;
}
.view .titleSection .vtitle {
    font-size: 5.5rem;
}
.view .titleSection .vtitle br {
    display: block;
}
.view .titleSection .txt {
    font-size: 1.6rem;
}
.view .titleSection .dateList {
    padding-top: 5%}
.view .page .page_title strong {
    font-size: 16rem;
	display:inline-block;vertical-align:bottom;float:none !important;

	line-height:1
}
.view .page .page_title .txt {
    margin:0; display:inline-block;vertical-align:bottom;float:none !important
}
.view .page .imgs{margin-top:20px}
.view .slogun {
    padding: 0;
}
.view .slogun strong br {
    display: block;
}
.container-7 .pc_tit {
    padding-left: 2%;padding-top:5%}
.container-7 .pc_tit .big {
    font-size: 3.6rem;
    padding-bottom: 20px;
}
.container-7 .pc_tit .small{font-size:1.6rem}
.view .project .txt2 {
    font-size: 6rem;
}
}@media(max-width:880px) {
    .wrap .btn_inquiry {
    right: 20px;

}
.wrap .mainTopTxt .btn_inquiry {
    right: 0;
}
}@media(max-width:768px) {
/*.visual{height:700px}*/
.visual.mov{height:360px }

.visual.mov .background{background-position:60% bottom;padding:20px}
.visual.mov .wrap{vertical-align:top;padding:30px 20px;width:50%; }
	.view .page .page_title strong{font-size:13rem;}
    .view .titleSection .vsmall {
    font-size: 1.6rem;
}
.view .titleSection .vtitle {
    font-size: 3.6rem;
    line-height: 1.2;
}
.view .titleSection .vtitle br {
    display: block;
}
.view .titleSection .txt {
    font-size: 1.4rem;
}
.view .titleSection .siteView {
    max-width: 180px;
    height: 40px;
    line-height: 40px;
}
.view .titleSection .dateList {
    padding-top: 6%}
.view .titleSection .dateList ul li {
    margin-left: 10px;
    font-size: 1.4rem;
}
.view .Nums>li {
    padding-top:40px}
.view .page .page_title .txt {
    margin-top: 0;
    margin-bottom: 10px;
}
.vertical-top {
    vertical-align: middle;
}
.view .slogun strong {
    font-size: 2.5rem;
}
.view .slogun strong br {
    display: block;
}
.view .slogun .txt {
    padding: 0;
}
.view .concept {
    padding-top: 30px;
    padding-bottom: 30px;
}
.view .concept p {
    padding: 0;
}
.view .concept .middle {
    font-size:  1.8rem;
}
.container-7 .pc_tit .big {
    font-size: 1.8rem;
	margin-bottom:0
}
.container-7 .pc_tit{padding-top:0;}
.container-7 .pc_tit .small {
    padding: 0;
}
.container-7 .pc_tit .small br{display:none}
.ViewSlide .viewBg9 {
    padding-bottom: 160%}
.view .project {
    padding-top: 30px;
}
.view .project .txt1 {
    font-size: 2.2rem;
}
.view .project .txt2 {
    font-size: 4rem;
}
.solution em {
    display: block;
}
.pop_up .swiper-button-next {
    width: 40px;
    height: 40px;
    right: 20px;
}
.pop_up .swiper-button-prev {
    width: 40px;
    height: 40px;
    left: 20px;
}
.wrap .btn_inquiry {
    display: none;
}
.wrap .view{padding:0;}
}@media(max-width:480px) {
/*.visual{height:600px}*/
.wrap{padding:40px 20px}
.container-2 .concept_list .Parlette{margin-top:15px}
.container-2 .concept_list > li .txt{padding-top:0;margin-top:15px}
.container-2 .concept_list > li{padding-top:20px; }
.container-2 .concept_list > li br{display:none}
.view .Nums>li .Ntitle .Parlette li{width:40px;height:40px}
   .visual-container .dateList ul li {
    margin-left: 0;
    margin-bottom: 5px;
    float: none;
   }
   .container-7 .imgs{width:60% ;}
   .container-7 .pcver_title{width:55%}
.view .page .page_title strong {
    font-size: 8rem;
    letter-spacing: 0;
}
.view .project .txt1 {
    font-size: 2rem;
}
.view .phone li {
	width:32.333%; 
    margin-left: 1%;
    margin-bottom: 2%}
.view .project .txt2 i {
    display: block;
}
.view .project .btn {
    width: 200px;
    height: 50px;
    line-height: 48px;
    font-size: 1.8rem;
}
.slide[name=sg04] h2 {
    padding-top: 30px;
}
.background_map {
    display: none;
}
.m_maps {
    display: block;
}
.pop_up .pop_info {
    padding: 0 40px;
}
.pop_up .pop_size .pop_wrap .pop_top {
    padding: 0 40px;
}
.pop_up .swiper-button-next {
    display: none;
}
.pop_up .swiper-button-prev {
    display: none;
}
.wrap .searchBox {
    margin: 40px auto;
    background-size: auto 47px;
    padding-left: 45px;
}
.wrap .searchBox input[type=text] {
    padding: 10px 55px 13px 10px;
    font-size: 1.5rem;
}
.wrap .searchBox input[type=text]::placeholder {
    font-size: 1.5rem;
}
.view .concept {
    padding-top: 20px;
    padding-bottom: 20px;
}
.container-7 .pc_tit .big{padding-bottom:0}
}@media(max-width:420px) {
/* .visual.mov .background{padding-top:75px} */
/*.visual{height:520px}*/
    .pop_up .pop_info {
    padding: 0 20px;
}
.pop_up .pop_size .pop_wrap .pop_top {
    padding: 0 20px;
}
.pop_up .swiper-button-next {
    width: 30px;
    height: 30px;
    right: -10px;
    background-size: 8px;
}
.pop_up .swiper-button-prev {
    width: 30px;
    height: 30px;
    left: -10px;
    background-size: 8px;
}
}