@charset "utf-8";

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

@media (max-width: 1740px) {

	/* header */
    #gnb {margin-right: 100px;}


    
	
}

@media (max-width: 1640px) {
    /* SUB */
   
}


@media (max-width: 1440px) {
	
	/* header */
    #gnb {margin-right: 130px;}

    .header-customer {right:20px;}
    
	/* footer */
    

	/* sub */
    .construction-head .photo {width:600px; margin-left:60px;}
    
        

	/* board */
	


}


@media (max-width: 1240px) {

	/* header */

    /* main */
    

    

	/* footer */
    #footer {padding:4rem 0;}
    .foot-row {flex-wrap:wrap;}
    .foot-logo {width:100%; margin-bottom:20px;}
    .foot-logo img {height:46px;}
    .foot-info .info {margin-bottom:30px;}
    .foot-info .info p {margin-bottom: 12px;}
    .foot-tels a {padding: 24px 24px;}
    .foot-tels .icon {width:60px; height: 60px; margin-right:20px;}

    .scroll-top .top {width:60px; height: 60px; background-size:12px;}

    

    /* sub */

    .overview-cont .wrap .graph {width:360px; margin-right: 50px;}
    .overview-cont .wrap .arrow {width:90px; margin-right: 50px;}

    .holdings-inner .group {margin-bottom:50px;}
    .holdings-inner .group .photo {width:560px; margin-right:60px;}
    .holdings-inner .group:nth-child(even) .photo {margin-left:60px;}
    .holdings-inner .group .info dl dd br {display:none;}

    .construction-step {padding:100px 0;}
    .construction-step .title {margin-bottom: 50px;}
    .construction-step .title h3 {margin-bottom: 40px;}
    .construction-step ul {margin-left:-30px; margin-bottom:-30px;}
    .construction-step ul li {width:calc(33.333333% - 30px); padding: 40px 30px; margin-left:30px; margin-bottom:30px;}
    .construction-step ul li .num {margin-bottom:16px;}
    .construction-step ul li dl dt {margin-bottom:30px;}
    .construction-step ul li .bg {top:-100px; right:-80px; width:260px; height: 260px;}
    .construction-step ul li .icon {top:40px; right:40px;}
    .construction-step ul li .icon img {height:64px;}
    
    
    
	

}

@media (max-width: 1140px) {

    /* header */
   
   
    /* main */   
    .main-customer .title {width:360px;}

    /* sub */
    .history .group {padding-bottom: 60px;}
    .history .group .info {display:block;}
    .history .group .info .year {width:100%; margin-bottom:20px;}
    .history .group .info .list {width:100%;}

    .construction-head .photo {width:520px; margin-left:50px;}
        
}   

/* Landscape tablet */
@media (max-width: 1024px) {

	/* header */
    #header .inner {height:80px;}
	#gnb {display:none;}


    .sitelogo {margin-top:-20px;}
    .sitelogo a {height:40px;} 

	.btn-m-menu {display:block;}

	.mobile-navigation {display:block;}

    .header-customer {top:100px;}
    .header-customer .icon img {height:120px;}

    .header-fixed .header-customer  {transform: translateY(-200%);}

    

	
	/* main */
    .main-visual {height: 100vh;}

    .main-title h2 {margin-bottom:10px;}

    .main-business {padding:80px 0 60px;}
    .main-business ul {margin:0 -10px;}
    .main-business ul li {padding:0 10px;}
    .main-business ul li a {height: 400px;}
    .main-business ul li .box {height: 320px; padding:30px 15px;}
    .main-business ul li .box .icon {height: 100px; width:100px; background-size:60px;}
    .main-business ul li .box .more {height: 44px; width:170px;}
    .main-business ul li a:hover .box .icon {height: 60px; margin: 0 auto 24px;}
    .main-business ul li a:hover .box h3 {margin-bottom:20px;}
    .main-business ul li a:hover .box .cnt {margin-bottom:20px;}

    .main-company {padding:100px 0 90px;}
    .main-company .info h2 {margin-bottom:30px;}
    .main-company .info .cnt {margin-bottom:40px;}
    .main-company .info .more {height: 44px;}
    .main-company .photo ul {margin:0 -6px -40px;}
    .main-company .photo ul li {padding:0 6px; margin-bottom:40px;}
    .main-company .photo ul li:nth-child(1) {margin-top: 120px;}
    .main-company .photo ul li:nth-child(4) {margin-top: -120px;}

    .main-call {margin-bottom: 80px;}
    .main-call .box {padding:0 60px; height:200px; justify-content: center;}
    .main-call .box .title {margin-right: 60px;}

    .main-customer {height: auto; padding:7rem 0;}
    .main-customer .inner {display:block;}
    .main-customer .title {width:100%; margin-bottom:30px;}
    .main-customer .title br {display:none;}
    .main-customer .info  {width:100%;}
    .main-customer .info ul {margin-left:-20px;}
    .main-customer .info ul li {width:calc(50% - 20px); margin-left:20px;}
    .main-customer .info ul li a {padding:30px;}
    .main-customer .info ul li .cnt {margin-bottom:40px;}
    .main-customer .info ul li .icon img {height: 70px;}
    
   
    /* FOOTER */  
    
   
    
	/* sub */
    .sub-vis {height: 560px;}


    #lnb {margin-bottom:70px;}
    .lnb ul li:first-child:before,
    .lnb ul li:after {height:20px; margin-top:-10px;}
    .lnb ul li a {height:70px;}

    .sub-head {margin-bottom:50px;}

    .overview-vis {margin-bottom: 100px;}
    .overview-vis .inner {height:500px; }
    .overview-vis .content {bottom:70px;}

    .overview-cont .title {margin-bottom: 60px;}
    .overview-cont .title h3 {margin-bottom:22px;}
    .overview-cont .wrap .graph {width:360px; margin-right: 40px;}
    .overview-cont .wrap .arrow {width:70px; margin-right: 40px;}
    .overview-cont .wrap .info .box {margin-bottom: 22px; padding: 20px 36px;}
    .overview-cont .wrap .info .box dl dt { margin-bottom:12px;}
    .overview-cont .wrap .info .box dl dd:before {top:6px; width:6px; height: 6px;}

    .history-vis { margin-bottom: 100px;}
    .history-vis .inner {height:400px;}
    .history-vis .content {bottom:20px;}

    .holdings-inner .title {margin-bottom: 70px;}
    .holdings-inner .title h2 {margin-bottom: 30px;}
    .holdings-inner .title .cnt p {margin-bottom:10px;}
    .holdings-inner .group {margin-bottom:40px;}
    .holdings-inner .group .photo {width:460px; margin-right:40px;}
    .holdings-inner .group .info dl dt {margin-bottom:24px;}
    .holdings-inner .group:nth-child(even) .photo {margin-left:40px;}

    .client-list {margin-bottom:80px;}
    .client-list ul {margin:0 -10px -30px;}
    .client-list ul li {width:25%; padding:0 10px; margin-bottom: 30px;}
    
    .client-vis .inner {height:460px; }

    .cert-list ul {margin:0 -16px;}
    .cert-list ul li {padding:0 16px;  margin-bottom:40px;}

    .page-url-licenses--fc .cert-list ul {margin:0 -10px;}
    .page-url-licenses--fc .cert-list ul li {width:33.333333%; padding:0 10px;}

    .location-info {margin-bottom: 36px;}
    .location-info .list {padding-top:30px;}
    .location-info .list ul {margin-left:-30px;}
    .location-info .list ul li {width:50%; padding-left: 30px;}
    .location-info .list ul li .icon {width:60px; height: 60px; background-size:20px;}

    .location-map iframe{height:500px !important;}

    .sub-title {margin-bottom: 60px;}


    .construction-head {padding:70px 0;}
    .construction-head .info .date {margin-bottom: 30px;}
    .construction-head .info .date ul li {padding-left:15px;}
    .construction-head .info .date ul li:before {top:7px; width:6px; height: 6px;}
    .construction-head .info .cnt {margin-bottom: 60px;}
    .construction-head .info .btns a {padding:0 60px; border-radius: 60px; height: 60px;}
    .construction-head .photo {width:480px; margin-left:40px;}
    .construction-head .photo .slick-dots {margin-top:20px;}
    .construction-head .photo .slick-dots li button {width:16px; height: 16px; }

    .construction-city {height:auto; padding:5rem 0; display:block;}
    .construction-city h3 {margin-bottom: 50px;}
    .construction-city ul {margin:0 -20px;}
    .construction-city ul li {padding:0 20px;}

    .construction-step {padding:80px 0;}
    .construction-step .title {margin-bottom: 40px;}
    .construction-step .title h3 {margin-bottom: 30px;}
    .construction-step ul {margin-left:-20px; margin-bottom:-20px;}
    .construction-step ul li {width:calc(33.333333% - 20px); padding: 30px 26px; margin-left:20px; margin-bottom:20px;}
    .construction-step ul li .num {margin-bottom:16px;}
    .construction-step ul li dl dt {margin-bottom:30px;}
    .construction-step ul li .bg {top:-100px; right:-80px; width:260px; height: 260px;}
    .construction-step ul li .icon {top:40px; right:40px;}
    .construction-step ul li .icon img {height:64px;}

    .waste-inner {padding: 90px 0 100px;}
    .waste-inner h3 {margin-bottom:50px;}
    .waste-inner ul {margin:0 -10px;}
    .waste-inner ul li {padding:0 10px;}
    .waste-inner ul li .pic {margin-bottom: 30px;}
    .waste-inner ul li .tit { margin-bottom:26px;}
    .waste-inner ul li  br {display:none;}

   
    .board-wrap--fc .board-view--fc header {padding:2rem 0;} 
    .board-wrap--fc .board-view--fc header h1 {font-size:1.7rem;}
    .board-wrap--fc .board-view--fc .board-conts--fc {padding-bottom:4rem; font-size:1.2rem;} 
    .board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:1.2rem;}

    .board-wrap--fc .board-view--fc .board-view-file--fc {margin:2rem 0; padding:2rem 0;}

    .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc {padding:0 2rem; height:44px; font-size:1.2rem; line-height:44px; border-radius: 44px;}
    .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-del--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-modify--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-reply--fc {padding:0 20px;height:44px; font-size:1.2rem; line-height:42px; border-radius: 44px;}

   
    .board-wrap--fc .board-view--fc .post-navi--fc li span {float:none;}
    .board-wrap--fc .board-view--fc .post-navi--fc li strong {width:100px; font-size:1.2rem ;}
    .board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a,
    .board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a {font-size:1.2rem;}
    .board-wrap--fc .board-view--fc .post-navi--fc li a, .board-wrap--fc .board-view--fc .post-navi--fc li span, .board-wrap--fc .board-view--fc .post-navi--fc li strong {font-size:1.2rem}

    .mailform .wrap {margin-bottom:50px;}
    


	/* board */
	.mailform + .buttons {margin-top:50px;}
    .btn-pack.form-submit {height:60px;  font-size:20px; line-height:60px;}
    .btn-pack.medium {font-size:1.2rem;}
    .btn-pack.medium:after {font-size:1.2rem;}

    .mailform-head {margin-bottom:40px;}
    .mailform-head .title {width:30%; }
    .mailform-head .info {width:70%;}

    .mailform-tit {font-size:1.6rem;}
    .mailform .input {height:46px;}
    .mailform .form-group {flex-wrap:wrap; margin:0 0 15px; }
    .mailform .form-group .form-col {width:100%; margin-bottom:15px; padding:0;}
    .mailform .form-group .form-col:last-child {margin-bottom:0;}
    .mailform .form-group.code .form-col {width:100%;}
    .mailform input[type="checkbox"] + label {padding-left:30px;}
    .mailform input[type="checkbox"] + label:before {width:20px; height:20px; top:3px;}
    .mailform .captcha_box--fc input {height:46px;}

    

	
} 

@media (max-width: 960px) {

    /* sub */
    
   
}

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}
    
    /* main */
   

	/* sub */
    .overview-cont .title {margin-bottom: 40px;}
    .overview-cont .title h3 {margin-bottom:20px;}
    .overview-cont .wrap {display:block;}
    .overview-cont .wrap .graph {width:100%; margin:0 auto 20px; text-align:center; padding:0 2rem;}
    .overview-cont .wrap .arrow {width:100%; margin:0 auto 20px; text-align:center;}
    .overview-cont .wrap .arrow img { transform: rotate(90deg); height: 60px;}
    .overview-cont .wrap .info {width:100%;}
    .overview-cont .wrap .info .box {margin-bottom: 15px; padding: 20px 30px;}
    .overview-cont .wrap .info .box dl dt { margin-bottom:10px;}
    .overview-cont .wrap .info .box dl dd {padding-left:10px;}
    .overview-cont .wrap .info .box dl dd:before {top:5px; width:5px; height: 5px;}

    .holdings-inner .group {margin-bottom:40px; display:block;}
    .holdings-inner .group .photo {width:100%; margin-right:0; margin-bottom:20px;}
    .holdings-inner .group .info {width:100%;}
    .holdings-inner .group .info dl dt {margin-bottom:16px;}
    .holdings-inner .group:nth-child(even) .photo {margin-left:0;}
    .holdings-inner .group:nth-child(even) .info {text-align:left;}

    .client-list {margin-bottom:60px;}
    .client-list ul li {width:33.333333%;}
    
    .client-vis .inner {height:420px; }

    .construction-head .inner {display:block;}
    .construction-head .info {width:100%; margin-bottom:50px;}
    .construction-head .info .btns {text-align:center;}
    .construction-head .photo {width:100%; margin-left:0;}

    .construction-step {padding:60px 0;}
    .construction-step ul {margin-left:-20px;}
    .construction-step ul li {width:calc(50% - 20px);}

    .waste-inner {padding: 70px 0 80px;}
    

    
   
    /* footer */
   
    
	
} 

@media (max-width: 767px) {	
    .only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

    /* header */
    .header-customer {display:none;}

    /* main */
    .main-company .inner {display:block;}
    .main-company .info {width:100%; margin-bottom:30px;}
    .main-company .info h2 {margin-bottom:20px;}
    .main-company .info .cnt {margin-bottom:20px;}
    .main-company .info .more {height: 40px;}
    .main-company .info br {display:none;}
    .main-company .photo {width:100%;}
    .main-company .photo ul {margin:0 -4px -20px;}
    .main-company .photo ul li {padding:0 4px; margin-bottom:20px;}
    .main-company .photo ul li:nth-child(1) {margin-top: 60px;}
    .main-company .photo ul li:nth-child(4) {margin-top: -60px;}

    /* footer */
    #footer {padding:3rem 0; text-align:center;}
    #footer .bar {font-size:0; line-height:0; padding:0; display:block;}
    .foot-row {display:block;}
    .foot-logo {margin-bottom:20px;}
    .foot-logo img {height:36px;}
    .foot-info {width:100%;}
    .foot-info .info {margin-bottom:20px;}
    .foot-info .info p {margin-bottom: 10px;}
    .foot-info .copy {display:block; margin-bottom:20px;}
    .foot-info .copy p {margin-bottom:10px;}
    .foot-info .copy a {line-height:28px;}
    .foot-tels {text-align:left;}
    .foot-tels a {padding: 20px; justify-content: center;}
    .foot-tels .icon {width:50px; height: 50px; margin-right:10px;}

    .scroll-top .top {width:40px; height: 40px; background-size:10px;}

    /* sub */
    
    #lnb {margin-bottom:50px;}
    .lnb ul li {flex:none;}
    .lnb ul li:first-child:before,
    .lnb ul li:after {height:18px; margin-top:-9px;}
    .lnb ul li a {height:60px; padding:0 40px;}

    .sub-head br {display:none;}


    .history .group {padding-bottom: 40px; display:block;}
    .history .group:after {top:8px; left:20px; margin-left:0;}
    .history .group:before {top:8px;left:14px; margin-left:0; width:12px; height: 12px; }
    .history .group .info {padding-left:60px; width:100%;}
    .history .group .info dl {padding-bottom:10px;}
    .history .group .info dl dd {padding-left:30px;}
    .history .group .info dl dd br {display:none;}
    .history .group:nth-child(even) .info {padding-left:60px; padding-right: 0; text-align:left; }
    .history .group:nth-child(even) .info .year {order:1;}
    .history .group:nth-child(even) .info .list {order:2;}
    .history .group:nth-child(even) .info dl dd {text-align:left; padding-left:40px; padding-right:0;}
    .history .group:nth-child(even) .info dl dd span {left:0; right:auto;}
    .history .progress-wrap { height:100%;}
    .history .progress-wrap .progress-line {top:10px; left:40px;}
    .history .progress-wrap .progress-arrow {left:24px; transform: translateX(0);}
    .history .progress-wrap .progress-arrow:after {top:50%; left:50%; transform: translate(-50%, -50%); width:40px; height: 40px;}

    .holdings-inner .title {margin-bottom: 50px;}
    .holdings-inner .title h2 {margin-bottom: 20px;}
    .holdings-inner .title .cnt p span:after {height: 8px;}

    .construction-head {padding:50px 0;}
    .construction-head .info .date {margin-bottom:20px;}
    .construction-head .info .date ul li {margin-bottom:5px;}
    .construction-head .info .date ul li:before {top:5px;}
    .construction-head .info .cnt {margin-bottom:30px;}
    .construction-head .info .btns a {height:56px; border-radius: 56px; padding:0 40px;}

    .construction-step .title {margin-bottom: 30px;}
    .construction-step .title h3 {margin-bottom: 26px;}
    .construction-step ul {margin-left:0;}
    .construction-step ul li {width:100%; margin-left:0;}
    .construction-step ul li .num {margin-bottom:12px;}
    .construction-step ul li dl dt {margin-bottom:20px;}
    .construction-step ul li .bg {top:-100px; right:-80px; width:240px; height: 240px;}
    .construction-step ul li .icon {top:30px; right:30px;}
    .construction-step ul li .icon img {height:54px;}

    .waste-inner {padding: 60px 0;}
    .waste-inner h3 {margin-bottom:30px;}
    .waste-inner ul {display:block; margin:0 0 -30px; }
    .waste-inner ul li {padding:0; width:100%; margin-bottom:30px;}
    .waste-inner ul li .pic {margin-bottom: 20px;}
    .waste-inner ul li .tit { margin-bottom:16px;}
        
    

    /* board */
    .board-wrap--fc .board-view--fc header {display:block;}
    .board-wrap--fc .board-view--fc header h1 {width:100%; text-align:center; font-size:1.6rem; margin-bottom:1rem;}

    .board-wrap--fc .board-view--fc .post-navi--fc li strong {display:block; width:60px;}
    .board-wrap--fc .board-view--fc .post-navi--fc li span {bottom:0; width:auto;}

    .basic-board-list--fc tbody td.board-date--fc {width:100%; text-align:left;}
    .basic-board-list--fc tbody td {margin:0; padding:10px 0;}
    .basic-board-list--fc tbody td.board-subject--fc a, .webzine-board-list--fc tbody td.board-subject--fc a {display:inline-block; white-space:nowrap}
    .basic-board-list--fc .notice {padding:0 18px; height:32px;}
    
    .mailform-head {display:block; margin-bottom:30px;}
    .mailform-head .title {width:100%; margin-bottom:10px;}
    .mailform-head .info {width:100%; }

    .mailform .input {height:44px; font-size:1.2rem;}
    .mailform textarea.input {height:140px;}
    .mailform .form-group {flex-wrap:wrap; margin:0 0 10px; }
    .mailform .form-group .form-col {width:100%; display:block; margin-bottom:10px;}
    .mailform .form-group .tit {width:100%; margin-bottom:10px;}
    .mailform .form-group .info {width:100%;}
    .mailform .privacy_box--fc {height: 100px; padding:20px;}
    .mailform .form-group.code .form-col {width:100%;}
    .mailform input[type="checkbox"] + label:before {top:1px; width:18px; height:18px;}
    .mailform .captcha_box--fc {flex-wrap:wrap;}
    .mailform .captcha_box--fc input {height:44px;}
   

    .filebox label {width:110px; margin-right:10px;  line-height:44px;}
    .filebox .upload-name {height: 44px; font-size:15px; padding-left:10px;}

    input[type="radio"] + label {font-size:1.2rem}
    .radiobox input[type="radio"] + label:before {width:16px; height: 16px; top:.2rem}
    .radiobox input[type="radio"]:checked + label:before {width: 16px;  height: 16px; background-size:8px;}



}


/* Landscape phone */
@media (max-width: 640px) {
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	
	/* header */
	#header .inner {height:65px;}

    .sitelogo { margin-top:-15px;}
    .sitelogo a {height:30px;} 


	.mobile-navigation {width:100%;}

    

	
	/* main */
    .main-business {padding:60px 0 40px;}
    .main-business ul {margin:0 -6px;}
    .main-business ul li {padding:0 6px;}
    .main-business ul li a {height: 340px;}
    .main-business ul li .box {height: 280px; padding:25px 15px;}
    .main-business ul li .box .icon {height: 80px; width:80px; background-size:50px;}
    .main-business ul li .box .more {height: 40px; width:160px;}
    .main-business ul li a:hover .box .icon {height: 60px; margin: 0 auto 16px;}
    .main-business ul li a:hover .box h3 {margin-bottom:20px;}
    .main-business ul li a:hover .box .cnt {margin-bottom:20px;}

    .main-company {padding:60px 0 50px;}
    

    .main-call {margin-bottom: 80px;}
    .main-call .box {padding:0 60px; height:200px; justify-content: center;}
    .main-call .box .title {margin-right: 60px;}

    .main-customer {height: auto; padding:7rem 0;}
    .main-customer .inner {display:block;}
    .main-customer .title {width:100%; margin-bottom:30px;}
    .main-customer .title br {display:none;}
    .main-customer .info  {width:100%;}
    .main-customer .info ul {margin-left:-20px;}
    .main-customer .info ul li {width:calc(50% - 20px); margin-left:20px;}
    .main-customer .info ul li a {padding:30px;}
    .main-customer .info ul li .cnt {margin-bottom:40px;}
    .main-customer .info ul li .icon img {height: 70px;}

    .main-call {margin-bottom: 60px;}
    .main-call .box {padding:4rem 40px; height:auto;  display:block; text-align:center;}
    .main-call .box .title {margin-right: 0; margin-bottom:20px;}

    .main-customer {padding:5rem 0;}
    .main-customer .title {margin-bottom:24px;}
    .main-customer .info ul {display:block; margin-left:0;}
    .main-customer .info ul li {width:100%; margin-left:0; margin-bottom:20px;}
    .main-customer .info ul li:last-child {margin-bottom:0;}
    .main-customer .info ul li a {padding:30px 40px;}
    .main-customer .info ul li .cnt {margin-bottom:30px;}
    .main-customer .info ul li .icon img {height: 60px;}
   
    
	/* footer */
   
	
	/* sub */
	.real-cont {padding-bottom:60px;}

    .sub-vis {height: 460px;}

    

    .sub-head {margin-bottom:30px;}

    .overview-vis {margin-bottom: 60px;}
    .overview-vis .inner {height:400px; }
    .overview-vis .content {bottom:40px; padding:0 30px;}
    .overview-vis .content br {display:none;}
    
    .history-vis { margin-bottom: 60px;}
    .history-vis .inner {height:360px;}

    .holdings-inner .title .cnt p span:after {display:none;}

    .client-list {margin-bottom:50px;}
    .client-list ul {margin:0 -5px -20px;}
    .client-list ul li {width:50%; padding:0 5px; margin-bottom: 20px;}
    
    .client-vis .inner {height:320px; }
    .client-vis br {display:none;}

    .cert-list ul {margin:0 -5px;}
    .cert-list ul li {width:50%; padding:0 5px;  margin-bottom:30px;}
    .page-url-licenses--fc .cert-list ul {margin:0 -5px;}
    .page-url-licenses--fc .cert-list ul li {width:50%; padding:0 5px; }

    .location-info .list ul {margin-left:0; display:block; margin-bottom:0;}
    .location-info .list ul li {width:100%; padding-left: 0;}
    .location-info .list ul li .icon {width:60px; height: 60px; background-size:20px;}

    .location-map iframe{height:400px !important;}

    .sub-title {margin-bottom: 40px;}

    .construction-city h3 {margin-bottom: 30px;}
    .construction-city ul {display:block; margin:0;}
    .construction-city ul li {padding:0; width:100%; text-align:center; margin-bottom:20px;}
    .construction-city ul li:last-child {margin-bottom:0;}
   
    

	/* board */
    /* 검색 */
    .board-search-wrap--fc {margin-bottom:30px; flex-wrap:wrap;}
    .board-search-wrap--fc > .board_list_total--fc {order:2; width:100%;}
    .board-search-wrap--fc form {order:1; width:100%}
    .board-search-wrap--fc p:nth-of-type(2) {width:100%;}
    .board-search-wrap--fc input[type="text"] {height:44px; padding:0 60px 0 20px; width:100%}
    .search-input-wrap--fc a {width:22px;}
        
	.mailform + .buttons {margin-top:30px;}
	
	.buttons {margin:20px 0;}

	.btn-pack.form-submit {width:150px; height:44px;  font-size:1.3rem;}

    .board-paging li > a {width:36px; height: 36px;}

	

} 

/* Landscape phones and down */
@media (max-width: 320px) {

}