/*==============================
	archi102 Css
===============================*/
html, body {background:#fff;}
.swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-slide {
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
    
/* sub_top */
#sub_top {width:100%; position:relative;}
#sub_top .sub_visual {padding-top:81px; box-sizing:border-box; background-repeat:no-repeat; background-position:center center; background-size:cover; height:330px; }
/*#sub_top .sub_visual .tb .tbc{padding-top: 50px;}*/
#sub_top .sub_visual .title {font-size:42px; color:#fff;  font-weight:800; letter-spacing:-1px;text-align:center; }

#sub_tab {width:100%; position:relative; top:-30px;}
#sub_tab ul {width:100%;}
#sub_tab ul li a {display:block; height:55px; line-height:54px; text-align:center; font-size:16px; color:#fff; background:#242424;transition:all .2s; -webkit-transition:all .2s; font-weight:600;}
#sub_tab ul li a.on , #sub_tab ul li a:hover{ background:#e30613; color:#fff; }
.request #sub_tab{display:none;}
/* company */
.sub .con {width:100%; padding-top:30px; padding-bottom: 50px;}
.sub .con > .title {padding-top: 10px; padding-bottom:30px; }
.sub .con > .title strong {color:#292b2f; display:block; text-align:center; font-size:36px; position:relative; padding-bottom:15px;letter-spacing:-1px; margin-bottom:15px; }
.sub .con > .title strong:after {width:50px; height:3px; background:#e30613; position:absolute; bottom:0; left:50%; margin-left:-25px; clear:both; content:''; display:block; }
.sub .con > .title .s_title{font-size:20px; text-align:center; padding-bottom:30px; font-weight:300; letter-spacing:-1px;}
.sub .con .desc .imgs {width: 50%;display:block;float:left;text-align:center;}
.sub .con .desc .imgs img{max-width:100%;}
.sub .con .desc .txt_box1 {width:50%; float: right;}
.sub .con .desc .txt_box1 .txt {color:#666666; padding-top: 10px; padding-bottom:10px; }
.sub .con .desc .txt_box1 .txt p {margin:30px 0; letter-spacing:-1px; font-weight: 400; font-size:1.8rem;}
.sub .con .desc .txt_box1 .txt p  span{font-weight:600; display:block; font-size:20px;}

.sub .con .desc .txt_box1 .big_txt {font-size:3rem; font-weight:400; color:#242424; letter-spacing:-2px; line-height:120%;}


.sub .con .desc .txt_box2 {width:100%;text-align:center;}
.sub .con .desc .txt_box2 .s_title{width:100%; text-align:center; padding-bottom:30px; }

.sub .con .desc .his_table {width:100%;}
.sub .con .desc .his_table colgroup {display:none;}
.sub .con .desc .his_table col width {display:none;}
.sub .con .desc .his_table th {width:20%; vertical-align:top;text-align:left; padding:5px 20px; border-top:2px solid #00e0f9; color:#00cee5; font-size:36px; font-style:italic; box-sizing:border-box;}
.sub .con .desc .his_table td {width:80%; padding:12px 50px 15px; border-top:1px solid #a4a6a9; position:relative; box-sizing:border-box;}
.sub .con .desc .his_table td:after{width:30px; height:1px; background:#fff; position:absolute; top:-1px; left:0;  clear:both; content:''; display:block; }
.sub .con .desc .his_table td ul li{font-size:16px; padding:4px 0;}
.sub .con .desc .his_table td ul li span{padding:0 20px 0 10px; font-size:20px; color:#003355;  font-style:italic; font-weight:600;}

.sub .con .desc .his_table td dl{font-size:16px; padding:4px 0;}
.sub .con .desc .his_table td dl dt{clear:both; float:left; width:10%; padding:0 0 0 20px; font-size:20px; color:#003355;  font-style:italic; font-weight:600; box-sizing:border-box;}
.sub .con .desc .his_table td dl dd{float:left; width:90%; box-sizing:border-box; padding-top:3px;}
.sub .con .desc .his_table li{padding:10px; text-align:center; font-size:1.8rem; font-weight: 400;  margin-bottom:10px;  /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); border-radius: 5px;*/ position:relative;}
.sub .con .desc .his_table li+li:before{content: ''; display:block; width:5px; height:5px; border-radius: 3px; left:50%; margin-left:-2.5px; top:-5px; background:#e30613; position:absolute;}


.sub .con .map {width: 100%;}
.sub .con .map .imgs img{width: 100%;}
.sub .con .map .info1 {width:100%; padding-top: 20px; padding-bottom:50px; font-size:16px;}
.sub .con .map .info1 .info {width:50%; float:left;}
.sub .con .map .info1 .info span {padding-right: 10px; font-weight:600;}
.sub .con .map .info2 {width: 100%; background: #f5f5f5; padding: 20px 30px; box-sizing:border-box}
.sub .con .map .info2 .after {display:block;position:relative; padding-bottom:10px;letter-spacing:-1px;}
.sub .con .map .info2 .after:after {width:32px; height:3px; background:#00e0f9; position:absolute; bottom:0; left:0; clear:both; content:''; display:block; }
.sub .con .map .info2  > div{font-size:16px; margin-top:10px;}
.sub .con .map .info2  > div > div strong{font-weight:500; margin-bottom:10px; display:block;}
.sub .con .map .info2  > div > div ul li{margin:4px 0;}
.sub .con .map .info2 .color {display:inline-block; width:60px; height:20px;line-height:20px; border-radius:5px; padding:5px; background:#000; color:#fff;text-align:center;margin-right:10px;}
.sub .con .map .info2 .bus {width:50%; float:left;}
.sub .con .map .info2 .metro {width:50%; float:right;}
.sub .con .map .info2 .green {background:#4ea031}
.sub .con .map .info2 .blue {background:#70b0e0}
.sub .con .map .info2 .orange {background:#f27939}

/* main */

.section{position:relative;background-repeat: no-repeat; background-position: top center; background-size: cover; }
.section .wrap {width:100%;}
.section .wrap .con {}
.change {background-image: url('/img/main_bg1.jpg')}
.business{}
.construction {}
.construction .wrap .con {margin-top: 200px;margin-bottom: 170px;box-sizing: border-box;}

.btn_down {z-index:1;bottom: 50px; left:50%; margin-left:-30px; }
.btn_down a {width: 60px;height: 60px;border-radius: 60px;box-sizing: border-box;border: 1px solid rgba(256,256,256,0.6);background:rgba(256,256,256,0.1);text-align: center;display: block;line-height: 60px;}

.change .txt_box {margin-left: 15%;}
.change .txt_box .txt1 {padding-bottom:60px;}
.change .txt_box .txt1 > p {display:block;width:100%;font-size: 6.0rem; letter-spacing:-1px; font-weight: 800;}
.change .txt_box .txt1 > strong {display:block;width:100%;font-size: 12.0rem; line-height:140px; letter-spacing:-2px; font-weight: 800;}
.change .txt_box .txt2 > p {font-size:4.0rem;line-height:40px; letter-spacing: -1px;}

.section .big_txt {text-align: center;padding-bottom: 80px;}
.section .big_txt strong {font-size: 60px; letter-spacing:-1}
.section .big_txt p {font-size:20px; letter-spacing:-1;word-break:keep-all; padding-top:20px;}

.business {background: #242424}
.business .wrap .con {margin-top: 150px; margin-bottom:150px;box-sizing:border-box;}
.business .itemList2 {text-align: center;padding-bottom: 20px;height: 400px;} 
.business .itemList2 .box .tb {width: 220px;margin:0 auto;margin-bottom: 20px;}
.business .itemList2 .box .tb .tbc {width: 220px; height: 220px; border: 1px solid rgba(256,256,256,0.2); border-radius:220px;}
.business .itemList2 .box .tb .tbc:hover {background:rgba(277,51,38,0.2);transition:all 2s; -webkit-transition:all 2s;}
.business .itemList2 .box1 .tb .tbc .imgs img {width:110px;}
.business .itemList2 .box2 .tb .tbc .imgs img {width:100px;}

.construction .itemList3 {padding-bottom: 95px; margin-left:-2%x; width:102%;}
.construction .itemList3  li{width:31.333%; margin-right:2%;}
.construction .itemList3 .box {position: relative; }
.construction .itemList3 .box .imgs {text-align: center; width:100%; height:0; padding-bottom:90%; position:relative; overflow:hidden;}
.construction .itemList3 .box .imgs img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; object-position: center;}
.construction .itemList3 .box .txt_bg {position: absolute; width: 100%;height:100px; bottom: 0; left:0;  background:rgba(41,43,47,0.5);}
.construction .itemList3 .box .txt {position: absolute; width: 100%;bottom: 0; left:0;  ;padding: 25px 20px;  box-sizing:border-box;}
.construction .itemList3 .box .txt_bg:hover {background:rgba(41,43,47,0.9);transition:all 1s; -webkit-transition:all 1s;}
.construction .itemList3 .box .btn_r {position: absolute; bottom:25px;right: 20px;width: 25px; height: 25px;}
.construction .itemList3 .box .btn_r a {width: 25px;height: 25px;border-radius: 25px;box-sizing: border-box;background:#2deaff;text-align: center;display: block; margin: 0 auto;line-height: 20px;}
.construction .itemList3 .box .btn_r a img{line-height:20px; vertical-align: middle;}

.construction .btn_more a {position:relative;width:195px;height: 50px; color: #fff; box-sizing: border-box; background:#003355;text-align: center;display: block; margin: 0 auto;line-height: 50px; vertical-align: middle;}

.construction .btn_more a:after {display:block; position:absolute; top:50%; margin-top:-10px ;right:35px; width:20px; height:20px;background:url('/img/cross.png') no-repeat 0 0; background-size: 20px 20px; clear:both; content:'';}
.construction .btn_more a:hover:after {-webkit-animation-name: ani;-webkit-animation-duration: 1s;animation-name: ani;animation-duration: 1s;}



/* about */

.about .imgbox { width:100%; position:relative; }
.about .imgbox .imgs {width:100%; }
.about .imgbox .imgs img {width:100%; max-width:100%; height:auto; }
.about .imgbox .tb {width:100%; position:relative; table-layout:fixed; }
.about .imgbox .tb .slogun { width:35%; padding:25px; box-sizing:border-box;background:#242424;}
.about .imgbox .tb .txt { width:65%; padding:25px; box-sizing:border-box;background:#eee;}
.about .imgbox .tb .slogun strong {color:#e23326; font-size:38px; }
.about .imgbox .tb .slogun p {font-size:16px; color:#fff; /*text-transform:uppercase;*/}
.about .imgbox .tb .txt p {color:#e23326; font-size:22px; letter-spacing:-2px; word-break:keep-all; line-height: 1.4; }
.about .imgbox .tb .txt p + p {color:#666; font-size:16px; letter-spacing:-1px; word-break:keep-all; padding-top:5px; line-height:22px; }
.about .cont {padding-top:80px;}
.about .cont .con_tit {position:relative; color:#003355; font-size:22px; font-weight:700; box-sizing:border-box; padding-left:15px; line-height:40px; }
.about .cont .con_tit:after {position:absolute; top:0; left:0; width:12px; height:5px; background:#00e0f9; clear:both; content:''; display:block;}
.about .cont .con_tit:before {position:absolute; left:0; top:0; width:5px; height:12px; background:#00e0f9; clear:both; content:''; display:block; }
.about .cont .txt_list {width:100%; margin-top:10px;}
.about .cont .txt_list ul {padding:0 15px; box-sizing:border-box;}
.about .cont .txt_list li {position:relative; box-sizing:border-box ; padding-left:15px; line-height:30px; font-size:17px; color:#666; word-break: keep-all;}
.about .cont .txt_list li:before {position:absolute; width:5px; height:1px;  left:0; top:15.5px; background:#666; clear:both; content:''; display:block; }
.about .cont .round_wrap {width:100%; position:relative; margin-top:30px; padding:0 20px; box-sizing:border-box; }
.about .cont .round_wrap ul {width:103%; margin-left:-3%; }
.about .cont .round_wrap li {width:17%; float:left; box-sizing:border-box;  margin-left:3%;}
.about .cont .round_wrap li .round {width:100%; height:203px; border-radius:203px;background:#035; position:relative; text-align:center; }
.about .cont .round_wrap li .round .tbc {padding-top:10px;}
.about .cont .round_wrap li .round .ico {height:55px; line-height:55px; font-size:0;  padding-bottom:15px;}
.about .cont .round_wrap li .round .ico img {vertical-align:middle; }
.about .cont .round_wrap li .round b {color:#fff; font-size:20px; display:block; line-height:25px; height:50px; }
.about .cont .round_wrap li .round:before {position:absolute; left:-12%;top:50%; width:14px; height:24px; margin-top:-12px; background:url('/img/about_arrow.png') no-repeat center center; clear:both; content:''; display:block;}
.about .cont .round_wrap li:first-child .round:before {display:none; }
.about .cont .round_wrap li .desc {text-align:center; padding-top:15px; color:#666; font-size:15px; word-break:keep-all; line-height:1.35;}
.about .cont .con_table {width:100%; table-layout:fixed; margin-top:30px;}
.about .cont .con_table thead th {border-top:2px solid #035; text-align:center; color:#035; height:50px;  border-left:1px solid #dadada;background:#f5f5f5; font-size:18px;}
.about .cont .con_table thead th:first-child {border-left:0; }
.about .cont .con_table tbody td {border-bottom:1px solid #dadada; border-left:1px solid #dadada; height:50px; color:#666; font-size:16px;  text-align:center; }
.about .cont .con_table tbody td b {font-size:18px; color:#003355;}
.about .cont .con_table tbody tr td:first-child {border-left:0;}
.about .cont .round_wrap li .desc .tbc{display: unset;}


.project h5{font-size:2.6rem; color:#242424; font-weight: 800; margin-bottom:5px; letter-spacing: -1px;}
.project h5 i{width:30px; height:30px; background:#e33326; border-radius: 15px; display:flex; justify-content: center; align-content: center;}
.project .section1 h5 i img{width:15px;}
.project h5 i img{width:18px;}
.box-gray{--tw-bg-opacity:1; background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1)); border-radius:1.5rem; padding:20px; margin-top:20px; box-sizing: border-box;}
.project section{margin-bottom:50px;}
.bg-org-500{--tw-bg-opacity:1; background-color:rgb(255 155 23 / var(--tw-bg-opacity, 1));}
.bg-red-500{--tw-bg-opacity:1; background-color:rgb(227 51 38 / var(--tw-bg-opacity, 1));}
.rounded-t-lg{border-top-left-radius:2rem; border-top-right-radius:2rem; }
.w-16{width:8rem;}
.h-60{height:20rem;}
.h-36{height:12rem;}
.w-5{width:2rem;}
.h-5{height:2rem;}
.w-4{width:1.5rem;}
.h-4{height:1.5rem;}
.rounded-full{border-radius:9999px;}
.txt-red{color:#e33326 !important;}
.txt-org{color:#f49924 !important;}
.project h6{background:#707070; color:#fff; font-weight:600; font-size:1.6rem; height:24px; border-radius: 20px; display:inline-block; padding:5px 20px; line-height: 1.4;}
.box-gray ul{padding:10px 10px 0;}
.box-gray ul li{position:relative; padding-left:10px;}
.box-gray ul li:before{position:absolute; content: ''; width:4px; height:4px; border-radius: 2px; background:#e30613; left:0; top:13px; margin-top:-2px;}
.accordion-title h5{font-size:2.0rem; margin-bottom:0;}
.list-li ul li{position:relative; padding-left:10px;}
.list-li ul li:before{position:absolute; content: ''; width:4px; height:4px; border-radius: 2px; background:#e30613; left:0; top:14px; margin-top:-2px;}
.item-li ul li{width:91px; background:--tw-bg-opacity:1; background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1)); text-align: center; border-radius: 5px; line-height: 1.2; padding:10px; font-weight: 600; font-size:1.3rem;
display:flex; flex-direction: column; justify-content: center; align-items: center; gap:5px;}
.item-li ul li.on{background:rgb(227 51 38 / var(--tw-bg-opacity, 0.1)); color:#e33326;}
.item-li ul li img{width:20px;}
.item-li ul li span{display:flex; justify-content: center; align-items: center; height:30px;}

.btn.down{display:inline-block; color:#fff; background:#e33326; font-size:1.6rem; font-weight: 500; margin-top:10px; padding:8px 15px;}
.btn.down a{display:flex; gap:5px;}
.accordion-box {
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 10px;
	background: #fff;
	overflow: hidden;
}

.accordion-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	cursor: pointer;
	background: #f8f9fa;
	transition: background-color 0.3s ease;
	user-select: none;
}

.accordion-header:hover {
	background: #e9ecef;
}

.accordion-title {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	flex: 1;
}

.accordion-icon {
	font-size: 14px;
	color: #666;
	transition: transform 0.3s ease;
	display: inline-block;
}

.accordion-box.active .accordion-icon {
	transform: rotate(180deg);
}

.accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
	padding: 0 20px;
}

.accordion-box.active .accordion-content {
	max-height: 2000px;
	padding: 20px;
}

.m_table{display: none;}
.m_table th{border-top: 2px solid #035; font-size: 16px; text-align: center; color: #035; height: 50px;  background: #f5f5f5;}
.m_table tr td{border-bottom: 1px solid #dadada; height: 50px; color: #666; font-size: 14px;  text-align: center; word-break: keep-all;}
.m_table tr td:first-child{border-right: 1px solid #dadada; color: #003355; font-size: 16px;}
.m_table_three tr td:first-child{border-right: 0; color: #666; font-size: 14px;}
.m_table_three tr td{position: relative; padding: 10px 0 10px 25px; text-align: left; box-sizing: border-box;}
.m_table_three tr td:before{content: "";  position: absolute; left: 10px; top: 50%; margin-top: -2.5px; width: 5px;  height: 5px;  background: #dadada;}

/* 팝업 */
.popup{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1031; display: none; background-color: rgba(0, 0, 0, 0.9);}
/* .popup .pop-close{text-align: right;} */
.popup .pop-container{width: 100%; height: 100%;}
.popup .pop-close .btn-close{padding: 0; width: 22px; height: 48px; font-size: 0; text-indent: -9999px; background-image:url('/img/ico_close.svg'); background-position: 50% 50%; background-size: 22px 22px; background-repeat: no-repeat; border: 0; background-color: transparent; opacity: 1; outline: none;}
.popup .pop-close .btn-close:focus{box-shadow: none;}
.popup .pop-size{width: 100%; max-width: 1024px; padding: 0 12px; box-sizing: border-box; position: relative;}
.popup .pop-inner{padding: 3.45rem 2.8rem 3.45rem 3.8rem; box-sizing: border-box; background-color: #fff;}
.popup .pop-title p{margin-top: 10px;}
.popup .pop-title h3{font-size:2.4rem; font-weight: 800; color:#000;}
.popup .pop-cont{margin-top: 2.5rem;}
.popup .pop-cont .txt-box p{word-break: keep-all;}
.popup .pop-cont .txt-call{margin-top: 110px;}
.popup .pop-cont .txt-call strong{margin-top: 10px;}
.align-items-center{align-items:center !important;}
.justify-content-center{justify-content:center !important;}
.d-flex{display:flex!important;}
.text-end{text-align:right!important;}

#policyPop .pop-cont{max-height: 260px; overflow-y: auto;}
#policyPop h4{font-size: 1.0715em !important; color: #4d5154 !important;}
#policyPop p, #policyPop ol li, #policyPop ul li, #policyPop dl dt, #policyPop dl dd{color: #4d5154 !important; font-weight: 400; }


/*개인정보취급방침*/
.agree_txt{padding-right: 25px; box-sizing: border-box;}
.agree_txt ul, .agree_txt ol, .agree_txt ul li, .agree_txt ol li{list-style: none; padding-left: 0;}
.agree_txt .num_list {counter-reset: item;}
.agree_txt .num_list > li, .agree_txt .num_list > dt, .agree_txt .num_list > dd{position:relative; padding-left: 15px;}
.agree_txt .num_list > li:before, .agree_txt .num_list > dt:before{content: counter(item)'.'; counter-increment:item; position:absolute; top:0; left:0;}
.agree_txt .subnum_list{counter-reset: item;}
.agree_txt .subnum_list > li, .agree_txt .subnum_list > dt, .agree_txt .subnum_list > dd{padding-left: 20px; position:relative;}
.agree_txt .subnum_list > li:before, .agree_txt .subnum_list > dt:before  {content: counter(item); counter-increment:item; position:absolute; top:5px; left:0; width:15px; height:15px; line-height: 14px; font-size:10px; vertical-align: middle; border:1px solid #707070; border-radius: 50%; text-align: center; display: inline-block; text-indent: -1px;}
.agree_txt .dotline_list > li{position:relative; padding-left:10px;}
.agree_txt .dotline_list > li:before{content:''; width:4px; height:2px; background:#707070; left:0; top:11px; position:absolute;}


/*스크롤처리*/
.scroll::-webkit-scrollbar {width: 6px; height: 6px;}
.scroll::-webkit-scrollbar-track {background: transparent; border-radius: 3px;}
.scroll::-webkit-scrollbar-thumb {background: #4d5154; border-radius: 3px;}
.scroll {scrollbar-face-color: #4d5154; scrollbar-track-color: transparent; scrollbar-arrow-color: none; scrollbar-highlight-color: #4d5154; scrollbar-3dlight-color: none; scrollbar-shadow-color: #4d5154; scrollbar-darkshadow-color: none;}

.scroll2::-webkit-scrollbar {width: 4px; height: 4px;}
.scroll2::-webkit-scrollbar-track {background: transparent; border-radius: 2px;}
.scroll2::-webkit-scrollbar-thumb {background: #fff; border-radius: 2px;}
.scroll2 {scrollbar-face-color: #fff; scrollbar-track-color: transparent; scrollbar-arrow-color: none; scrollbar-highlight-color: #fff; scrollbar-3dlight-color: none; scrollbar-shadow-color: #fff; scrollbar-darkshadow-color: none;}




@media(max-width:1200px){
	/*.construction .itemList3 .box {width:50%; margin-bottom: 3%;}*/
	/*.sub .con {padding:30px 20px 50px; box-sizing:border-box; }*/

     .change .txt_box {margin-left: 5%;}
.change .txt_box .txt1 > p {font-size: 5.0rem; letter-spacing:-1px}
.change .txt_box .txt1 > strong {font-size: 13.0rem; line-height: 100%;}
.change .txt_box .txt2 > p {font-size:3.2rem;}
}

@media(max-width:1120px){
	

}
@media(max-width:960px){

	.business .itemList2 {height:auto;}
	.business .itemList2 .box{width:50%; margin-bottom:3%}
	.about .cont .round_wrap li .round .ico{padding-bottom:5px; height:50px; line-height:50px;}
	.about .cont .round_wrap li .round .ico img{max-height:40px;}
	.about .cont .round_wrap li .round b{font-size:16px; height:40px; line-height:20px;}
	.about .cont .round_wrap li .desc{font-size:16px;}
	.about .cont .round_wrap li .round:before{left:-13%;}
	.sub .con .desc .imgs {width: 100%;float:none;}
	.sub .con .desc .txt_box1 {width:100%; float: none; margin-top:20px;}
	
	.sub .con .desc .his_table th{font-size: 30px; padding: 12px 20px;}
	.sub .con .desc .his_table td dl dt{float: none; position: absolute;}
	.sub .con .desc .his_table td dl dd{float: none; padding: 0 0 0 65px; width: 100%; word-break: keep-all;}
	.sub .con .desc .his_table td{padding: 12px 0 15px 50px;}
	
	.sub .con .map .info1 .info{width: unset; margin-left: 30px;}
	.sub .con .map .info1 .info:first-child{margin-left: 0;}
	.sub .con .desc .txt_box1 .txt p{word-break: keep-all;}
	.sub .con .desc .txt_box1 .txt p br{display: none;}
	.sub .con .desc .txt_box1 .txt p span{word-break: keep-all;}

}
@media(max-width:840px){


	.change .txt_box {text-align: center;  margin-left: 0;}
	.change .txt_box .txt1 {padding-bottom:45px;}
	.change .txt_box .txt1 > p {font-size:5.0rem;line-height:50px;}
	.change .txt_box .txt1 > strong	{font-size:10.0rem;line-height:100px}
	.change .txt_box .txt2 > p {font-size:2.8rem; letter-spacing:-2px;}
     
     .change .txt_box{margin-top:-30%;}

}

@media(max-width:768px){	
     .construction .itemList3{margin-left:0; width:100%;}
	.construction .itemList3 .box {width:100%; float:none; margin-right:0; margin-bottom:2%;}
	.about .cont .round_wrap li{width:100%; margin-bottom:30px;}
	.about .cont .round_wrap li .round:before{display:none;}
	.about .cont .round_wrap li .round{float: left; width: 38%;}
	.about .cont .round_wrap li .desc{float: right; width: 60%; margin-left: 2%;/* border: 1px solid;*/ box-sizing: border-box; padding-top: 0;}
	.about .cont .round_wrap li .round:after{position: absolute; width: 25px; height: 20px; left: 50%; margin-left: -12.5px; bottom: 0; margin-bottom: -25px; background: url('/img/down_arrow.png') no-repeat center center; clear: both;
    content: ''; display: block;}
	.about .cont .round_wrap li .last:after{display: none;}

	.about .cont .round_wrap li .round{max-width:250px; margin:0 auto;}
	.about .cont .round_wrap li .round b{font-size:18px; height: auto; }
	.about .cont .round_wrap li .round .ico img{max-height:50px;}
	.about .cont .round_wrap li .round .ico{height:55px; line-height:55px; padding-bottom:15px; }
	.about .imgbox .tb{display:block;}
	.about .imgbox .tb .slogun{width:100%; display:block;}
	.about .imgbox .tb .txt{width:100%; display:block;}
	.about .imgbox .tb .txt p{font-size:18px;}
	.about .imgbox .tb .txt p + p{font-size:14px;}
	.about .imgbox .tb .slogun strong{font-size:32px;}
	.about .cont .txt_list li{font-size:15px;}
	.about .cont .con_table thead th{font-size:16px}
	.about .cont .con_table tbody td b{font-size:16px;}
	.about .cont .con_table tbody td{font-size:14px; word-break:keep-all;}
	
	.about .cont .round_wrap li .desc .tbc{display: table-cell;}
	.item-li ul li{width:20%;}
	.sub .con{padding-bottom:0;}


}
@media(max-width:640px){
	.section .big_txt {padding-bottom: 60px;}
	.section .big_txt strong {font-size: 40px; line-height:40px}
	.section .big_txt p {font-size:16px;line-height:20px;padding-top:20px;}
	.section .wrap .con {padding-bottom: 30px;}
	.change {background-image: url('/img/m_main.jpg');background-position:center bottom;}
	.sub .con .desc .txt_box1 .big_txt{font-size:30px;}
	.sub .con .desc .txt_box1 .txt p br{display:none;}
	
	.sub .con .map .info1 .info{width: 100%; float: none; margin-left: 0; margin-top: 10px;}
	.sub .con .map .info1 .info:first-child{margin-top: 0;}
	.sub .con .map .info2 .bus{float: none; width: 100%;}
	.sub .con .map .info2 .metro{float: none; width: 100%; margin-top: 20px;}
	.construction .wrap .con{margin-top:120px; margin-bottom:60px}
	.item-li ul li{width:23%;}
	
}

@media(max-width:520px){
.sub{padding-bottom:30px}
.sub .con .title .s_title{    padding-bottom: 20px;font-size:16px}
	#sub_top .sub_visual .title{font-size: 32px;}
	#sub_top .sub_visual{height: 270px;}
	.section .big_txt strong{font-size: 29px; line-height: 29px;}
	.sub .con .desc .txt_box1 .big_txt{font-size: 26px;}
	.sub .con .desc .txt_box1 .txt p span{font-size: 18px;}
	.about .cont .round_wrap li .round b{font-size: 14px; padding-bottom: 10px;}
	.about .cont .round_wrap li .round .ico img{max-height: 40px;}
	.about .cont .round_wrap li .round .ico{padding-bottom: 0; height: 40px; line-height: 40px;}
	.about .cont .round_wrap li .desc .tbc p br{display: none;}
	.about .cont .round_wrap li .desc{font-size:14px;}
	.sub .con .title strong{font-size: 30px;}
	.sub .con .desc .his_table th{font-size: 22px; padding: 12px 0; text-align: center; width: 18%;}
	.sub .con .desc .his_table td{padding: 12px 0 15px 10px; width: unset;}
	.about .imgbox .tb .slogun strong{font-size: 26px;}
	.about .cont{padding-top: 50px;}
	.about .imgbox .tb .slogun{padding:15px 25px}
	.about .cont .round_wrap li .round .ico img{max-height: 30px;}

	.about .cont .con_table{display: none;}
	.about .cont .txt_list li{line-height:24px;}
	.m_table{display: table; margin-top: 30px;}
	.m_table.one{margin-top: 0;}
	
	.project h5{font-size:2.0rem;}
	.project h6{font-size:1.4rem;}
	.flex-box.flex-mo-col{flex-direction: column;}
	.flex-box.flex-mo-col.gap-50{gap:10px;}
	.flex-box.flex-mo-col.gap-30{gap:10px;}
	.flex-box.flex-mo-col .box-gray.wid50{width:100%;}
	.ft3{font-size:2rem !important;}
	.accordion-title{font-size:14px;}

}

@media(max-width:480px){
#m_header .m_menu .m_gnb .mdepth1 > li > a{font-size:16px; height:48px; line-height:48px;    background-size: 20px;}
	#m_header{padding:15px 20px;}
	#m_header .m_menu .m_top{padding:15px 20px;height:70px}
	#sub_top .sub_visual{padding-top:71px}
	.sub_tab_m{top:71px}
	#sub_top .sub_visual .tb .tbc{padding-top:42px;}
	.sub_tab_m .mtab_wrap .dropbox > a{height:42px; line-height:42px;font-size:14px;}
	.sub_tab_m .mtab_wrap .dropbox li a{height:42px; line-height:42px;font-size:14px;}
	.section .big_txt{padding-bottom:30px;}
	.sub .con .desc .his_table td dl{font-size:14px;}
	.sub .con .desc .his_table td dl dt{font-size:14px;line-height:20px;}
	.sub .con .desc .his_table td dl dd{padding:0 0 0 55px;line-height:20px;}
	.business .itemList2 .box {width:100%; float:none;}
	.btn_down {display:none;}
	.change .txt_box {margin-top:-50%;}
	.change .txt_box .txt1 {padding-bottom:30px;}
	.change .txt_box .txt1 > p {font-size:3.0rem;line-height:30px}
	.change .txt_box .txt1 > strong	{font-size:7.0rem;line-height:70px}
	.change .txt_box .txt2 > p{font-size:1.8rem;; line-height:25px;}
	.business .wrap .con {clear:both}

	.about .cont .round_wrap ul{width:100%; margin-left:0; }

	.about .cont .round_wrap li{width:100%; margin-left:0; }
	.about .cont .con_table tbody td b{font-size:14px;}
	.about .cont .con_table tbody td{font-size:13px;}
	.sub .con .map .info2{padding: 10px 15px; }
	.construction .itemList3{padding-bottom:30px}
	.construction .itemList3 .box .txt .ft20{font-size:17px !important}
	.item-li ul li{font-size:1.0rem; }
	.item-li ul li img{width:15px;}

}

@media(max-width:400px){
	/*.section .big_txt strong {font-size: 36px; line-height:36px;}*/
	.construction .itemList3 .box {overflow:hidden;}
/*	.construction .itemList3 .box .txt {width:280px;margin-left:-140px;padding:30px; }*/
/*	.change .txt_box .txt1 {padding-bottom:20px;}
	.change .txt_box .txt1 > p {font-size:20px;line-height:20px}
	.change .txt_box .txt1 > strong	{font-size:50px;line-height:50px}
	.change .txt_box .txt2 > p{font-size:15px; line-height:20px;}*/
}

@media(max-width:360px){
	.section .big_txt strong{font-size: 26px; line-height: 26px;}
	.about .cont .round_wrap li .round b{font-size: 13px;}
	.sub .con .desc .his_table td dl{font-size: 14px;}
	.sub .con .desc .his_table td dl dd{padding: 0 0 0 55px;}

	.m_table tr td:first-child{font-size: 15px;}
}


/* 이것 밑으로 css를 작성하면 css가 작동하지 않음 */
@-webkit-keyframes ani {
    from {-ms-transform: rotate(0);-webkit-transform: rotate(0); transform: rotate(0);}
    to {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg); transform: rotate(180deg);}
}

@keyframes ani {
    from {-ms-transform: rotate(0);-webkit-transform: rotate(0); transform: rotate(0);}
    to {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg); transform: rotate(180deg);}

@-webkit-keyframes ani2 {
    from {-ms-transform: rotateX(0);-webkit-transform: rotateX(0); transform: rotateX(0);}
    to {-ms-transform: rotateX(180deg);-webkit-transform: rotateX(180deg); transform: rotateX(180deg);}
}

@keyframes ani2 {
    from {-ms-transform: rotateX(0);-webkit-transform: rotateX(0); transform: rotateX(0);}
    to {-ms-transform: rotateX(180deg);-webkit-transform: rotateX(180deg); transform: rotateX(180deg);}
}