.mohide {display:none; }
.pchide {display:block; }
 
body, td, form, select, input, button, textarea, div, option, pre, p, span, blockquote, li, dt, dd, legend, label, h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system, Spoqa Han Sans Neo , "Malgun Gothic","맑은 고딕" , "Apple SD Gothic Neo",sans-serif ;
    font-size: 14px;
    color: #666666;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}

html * {
	box-sizing:border-box;
}


.sp_font {font-family:roboto !important; }

html {
    font-family: -apple-system, Spoqa Han Sans Neo , "Malgun Gothic","맑은 고딕" , "Apple SD Gothic Neo",sans-serif;
}
ul {
    font-family: empty;
    font-size: 0;
}
dl, ul, ol, menu, li {
    list-style: none;
}
h1, h2, h3, h4, h5, h6, p, span, li, a, body, html, ul {
	line-height:1.4;
	margin:0;
	padding:0;
	font-family: -apple-system, Spoqa Han Sans Neo , "Malgun Gothic","맑은 고딕" , "Apple SD Gothic Neo",sans-serif;
}

input::placeholder {
font-family: -apple-system, Spoqa Han Sans Neo , "Malgun Gothic","맑은 고딕" , "Apple SD Gothic Neo",sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 150%;
/* identical to box height, or 27px */


color: #C4C4C4;
}
textarea::placeholder {
font-family: -apple-system, Spoqa Han Sans Neo , "Malgun Gothic","맑은 고딕" , "Apple SD Gothic Neo",sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 150%;
/* identical to box height, or 27px */


color: #C4C4C4;
}
.gnb-wrap{}
#gnb {text-align:center;}
#gnb li ul{
    padding: 0;
    position: absolute;
    z-index: 100;
	background: #fff;
    width: 100%;
	text-align: center;
	display: none;
	padding-bottom:10px;
    box-shadow: 1px 1px 1px #eee;
}

#gnb > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 9%;
}
#gnb > li > a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 75px;
    font-size: 18px;
    color: #222;
    text-decoration: none;
    font-weight: 400;
}
#gnb > li > a:hover { cursor: pointer;
	
}
#gnb > li > a .fa-solid, .fas {display: none;}

#gnb > li > ul li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #888;
    text-decoration: none;
	font-weight: 400;
    padding-bottom: 25px;
}
#gnb > li > ul > li > a#lh { line-height: 20px; }

#gnb > li > ul li a:hover{
	 color: #000;

}



.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 30%;
    position: relative;
    transition-property: transform;
}
#logo { position:absolute;}
#logo2 {display: none;}

#logo img{
    margin-top: 11px;
	width: 170px;
	height: 53px;
	/* top: 15px; */
    margin-left: 25px;
	top: 0;

}
#gnb li ul:before{
	border-color:#ebebeb transparent transparent transparent;
	display:inline-block; width:0; height:0; border-style:solid; border-width:15px;
	content:"";

}
.slide-text{
    
	display: inline-block;
    position: absolute;
    bottom: 15%;
    right: 15%;
}
.swiper-slide {height: 600px;position: relative;}
.swiper-slide:nth-child(1){background: url(../img/web_main/main_img1.jpg);background-size: cover;}
.swiper-slide:nth-child(2){background: url(../img/web_main/main_img1.jpg);background-size: cover;}
.swiper-slide:nth-child(3){background: url(../img/web_main/main_img1.jpg);background-size: cover;}
.swiper {height:600px;}
.slide-text h1,.slide-text p{color: #fff; }
.slide-text h1{ font-style: normal; font-weight: 700; font-size: 72px; line-height: 84px; margin-bottom: 10px;}
.slide-text p{font-family: 'Spoqa Han Sans Neo'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 120%;}

#main_section{width:1500px;margin:auto;}
#main_section .title{margin:85px 0px 105px; font-weight: 400; font-size: 56px; line-height: 130%; text-align: center; color: #1C41A0; }
#main_section .title h1{color:#1C41A0; font-weight: 400; font-size: 56px; line-height: 130%;}
#main_section .title p{font-weight: 500; font-size: 24px; line-height: 150%; color: 8c 8c 8c; }
#main_section .content {
 margin-top:50px;
 display: -ms-grid;
 display: grid;
 -ms-grid-columns: 1fr 1fr;
 grid-template-columns: 1fr 1fr;
 -ms-grid-rows: 1fr;
 grid-template-rows: 1fr;
 justify-items: center;
}
#main_section .content > *:nth-child(1) {
 -ms-grid-row:1;
 -ms-grid-column:1;
}
#main_section .content > *:nth-child(2) {
 -ms-grid-row:1;
 -ms-grid-column:2;
}
#main_section .content > *:nth-child(3) {
 -ms-grid-row:2;
 -ms-grid-column:1;
}
#main_section .content > *:nth-child(4) {
 -ms-grid-row:2;
 -ms-grid-column:2;
}
#main_section .content > *:nth-child(5) {
 -ms-grid-row:3;
 -ms-grid-column:1;
}
#main_section .content > *:nth-child(6) {
 -ms-grid-row:3;
 -ms-grid-column:2;
}
#main_section .content > *:nth-child(7) {
 -ms-grid-row:4;
 -ms-grid-column:1;
}
#main_section .content > *:nth-child(8) {
 -ms-grid-row:4;
 -ms-grid-column:2;
}
#main_section .content .item{width: calc(100% - 50px);position: relative;    margin-bottom: 50px;}
#main_section .flex_div{display:flex;height: 100%;background: #F2F4F6;border-radius: 15px;overflow: hidden; height: 420px;}

#main_section .flex_div div:nth-child(2) {width:50%; padding:30px 50px;}
#main_section .flex_div h1{font-weight: 700; font-size: 30px; line-height: 140%; color: #1C41A0;}
#main_section .flex_div h1 ~ span{font-weight: 400; font-size: 18px; line-height: 140%;color: #8c8c8c;  display:block; margin-bottom:20px; }
#main_section .flex_div p{font-weight: 400; font-size: 20px; line-height: 130%; color: #1C41A0;}
#main_section .flex_div .item_wbt {text-align:center; font-size: 16px; color: #1C41A0; font-weight: 600; position: absolute; bottom: 30px; display:block; width:200px; border-radius: 45px; line-height: 44px; border: 1px solid #1C41A0;background: #fff; box-sizing: border-box;}
#main_section .flex_div .item_mobt {display: none;}
#main_section .flex_div .item_wbt span{ position: absolute; right: 30px; top: 14px; }
#main_section .flex_div > div{ height:100%;width:50%; }
#main_section .item .flex_div > div:first-child { background-size: cover; background-repeat: no-repeat;}
#main_section .item:nth-child(1) .flex_div > div:first-child { background: url(../img/web_main/main_simg1.jpg); background-size: cover; background-repeat: no-repeat;}
#main_section .item:nth-child(2) .flex_div > div:first-child { background: url(../img/web_main/main_simg2.jpg); background-size: cover; background-repeat: no-repeat;}
#main_section .item:nth-child(3) .flex_div > div:first-child { background: url(../img/web_main/main_simg3.jpg); background-size: cover; background-repeat: no-repeat;}
#main_section .item:nth-child(4) .flex_div > div:first-child { background: url(../img/web_main/main_simg4.jpg); background-size: cover; background-repeat: no-repeat;}
#main_section .item:nth-child(5) .flex_div > div:first-child { background: url(../img/web_main/main_simg5.jpg); background-size: cover; background-repeat: no-repeat;}
#main_section .item:nth-child(6) .flex_div > div:first-child { background: url(../img/web_main/main_simg6.jpg); background-size: cover; background-repeat: no-repeat;}
#main_section .item:nth-child(7) .flex_div > div:first-child { background: url(../img/web_main/main_simg7.jpg); background-size: cover; background-repeat: no-repeat;}
#main_section .item:nth-child(8) .flex_div > div:first-child { background: url(../img/web_main/main_simg8.jpg); background-size: cover; background-repeat: no-repeat;}


#footer {background:#515355;}
#footer > div {width:1500px; margin: auto; padding:30px 0; height:300px; }
#footer > div h1 {font-weight: 500; font-size: 16px; line-height: 150%; color: #eee; }
#footer > div p {font-weight: 400; font-size: 14px; line-height: 150%; color: #a2a2a2; }
#footer_left { float: left; }
#footer #Copyright { float: right; font-size: 12px; }
   
/*-----------sub2---------------*/
.headImg {background-size: cover; height:239px;position: relative;}
.headImg.inquiry {background: url(../img/sub/sub1_titleimg.jpg); }
.headImg.sub2 {background: url(../img/sub2/sub2_titleimg.jpg); }
.headImg.sub3 {background: url(../img/sub/sub3_titleimg.jpg); }
.headImg.sub4 {background: url(../img/sub/sub4_titleimg.jpg); }
.headImg.sub5 {background: url(../img/sub/sub5_titleimg.jpg); }
.headImg.address {background: url(../img/sub/sub7_titleimg.jpg); }
.headImg.portfolio {background: url(../img/sub/sub_portfolio.jpg); }
.headImg > div {margin:0 auto; max-width:1200px;}
.headImg > div > div.table {display:table; table-layout:fixed; width:100%; text-align:right; }
.headImg > div > div.table .cell {display:table-cell; vertical-align:middle; height:239px; }
.headImg > div h1{color:#fff;font-size: 64px; line-height: 77px; font-weight: 700;}
.headImg > div p{color:#fff;font-size: 30px; line-height: 120%; margin-top:10px; font-weight: 500;}

.sub-menu {background:#F2F4F6; text-align: center;}
.sub-menu .hide li{position: relative;display: inline-block;vertical-align: top;}
.sub-menu .hide {
	max-width: 1265px;
    margin:auto;
	display: block;
    padding: 30px 0px;
}
.sub-menu .hide li { position: relative; display: inline-block; vertical-align: top; margin-left: 45px; }
.sub-menu .hide li:first-child {margin-left:0; }
.sub-menu .hide li + li:before { 
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #c4c4c4;
    vertical-align: -1px;
    margin: 0 8px;
    position: absolute;
    left:0;
    top:2px;
}
.sub-menu .hide li a {width: 100%;text-align: center;font-size: 15px;color: #A6A6A6;text-decoration: none;font-weight: 400; float: left; padding-left: 50px; }
.sub-menu .hide li:first-child a {padding-left: 0px}
.sub-menu .hide li a:hover {color: #000;text-decoration: underline;text-underline-offset: 100px;text-underline-offset: 29px;text-decoration-color: #1C41A0;text-decoration-thickness: 3px;}
.sub-menu .hide .on{color: #000;text-decoration: underline;text-underline-offset: 100px;text-underline-offset: 29px;text-decoration-color: #1C41A0;text-decoration-thickness: 3px;}
.sub_mo_temp_title { display: none; }

#lgx-heading-area{ padding-top: 30px; }
#lgx-heading-area li{position: relative;display: inline-block;vertical-align: top; line-height: 15px;font-size: 18px;font-weight: 400; color: #8c8c8c;}
.wi12{width:1200px;margin:auto;}
#lgx-heading-area li:before{ width: 10px; height: 10px; padding: 0 10px; margin-left: 10px; background: url(../img/lgx-heading-area-icon.png) no-repeat; content: ""; display:inline-block;}
#lgx-heading-area li:last-child {color:#000; }
#lgx-heading-area li:first-child:before {display:none; }

.sub2 .title{text-align:center; padding: 20px 0; margin-top: 0; }
.sub2 .title h1{color:#1C41A0; font-size:48px; font-weight: 400;}
.sub2 .title p{color:#8c8c8c; font-size:18px; font-weight: 500; }

/*sub2-menu*/
.sub2 .sub2-menu.portfolio { margin:70px 0px; }
.sub2 .sub2-menu{ 
    border-bottom: 1px solid #8DA0CF; 
    display: -webkit-flex; 
    display: -moz-flex;
    display:-ms-flex;
    display: -o-flex;
    display: flex; 
    margin-left: auto; margin-right: auto; justify-content: center; align-items:center; }
.sub2 .sub2-menu > div{
    display: -webkit-flex; 
    display: -moz-flex;
    display:-ms-flex;
    display: -o-flex;
    display: flex; 
    align-items:center; flex-wrap:wrap; justify-content: center; border: 1px solid #8DA0CF; text-align:center; width: 360px; height: 100px; border-bottom:0; vertical-align: middle; cursor: pointer; }
.sub2 .sub2-menu > div + div {border-left:0px; }
.sub2 .sub2-menu h1, .sub2 .sub2-menu p {width:100%; text-align:center;}
.sub2 .sub2-menu h1{color:#8c8c8c; font-size:26px; font-weight: 500; line-height: 130%; }
.sub2 .sub2-menu p{color:#c4c4c4; font-size:13px; font-weight: 400; line-height: 13px; }
.sub2 .sub2-menu .on { background:#1C41A0;}
.sub2 .sub2-menu .on h1 { color: #fff; }

.selected-option {display: none;}

.sub2_contents { margin-top: 30px; }
.sub2_contents .contents_text span { color: #000; font-size: 18px; line-height: 150%;font-weight: 500; }
.contents_text { font-size: 18px; color: #8c8c8c; margin-bottom: 40px; }
.section_box { width: 100%; padding-bottom: 50px; font-size: 0; }
.section_box #sub3_ul li { list-style: inside; font-size: 16px; color: #8c8c8c; font-weight: 400; line-height: 150%; }
.section_box > div.section_contents { font-size: 0; }
.section_box .contents_text { font-size: 18px; color: #8c8c8c; display: inline-block; line-height: 150%; }
.section_box .contents_text span { color: #000; font-size: 18px; line-height: 150%;font-weight: 500; }
.section_box .sub2Img { display: inline-block; vertical-align: top; margin-right: 12px; }
.section_box .sub2Img.mr10 { margin-right: 10px;}
.section_box .sub2Img.bottomM { margin-bottom:12px; }
.section_box .sub2Img-third.bottomM { margin-bottom: 12px; }
.section_box .sub2Img.map { margin-top: 30px; }
.section_box .sub2Img.map.pc {display: block; }
.section_box .sub2Img.map.mo {display: none; }
.section_box .sub2Img-third { display: inline-block; vertical-align: top; margin-right:12px; }
.section_box .sub2Img-third:nth-child(3n) { margin-right: 0; }
.section_box .sub2Img:nth-child(even) { margin-right:0; }
.section_box:last-child { margin-bottom: 180px; }
.section_box>#map_text { width: 1200px; padding-right: 76px; }
.section_box>#map_text p { text-align: center; font-size:24px; padding-top: 15px; }
.section_box>#map_text p span { color: #000; text-align: center; font-size:24px; margin-left: 76px; margin-right: 10px; }


/*about*/
.section { width: 1200px; margin: auto; margin-top: 50px; }
.section.sub2 { width: 1200px; margin: auto; margin-top: 50px; }
.section_text {text-align:center; color: #1C41A0; display: block; padding: 7px 0px; border-radius: 45px; line-height: 44px; border: 1px solid #1C41A0; background: #fff; box-sizing: border-box; font-weight: 500; font-size: 20px; line-height: 100%; width: 180px; height: 40px; margin-bottom: 20px; }
.section_text.large { width: 240px; }
#section p span { font-weight: 500; font-size: 18px; color: #000; }
.sub2_contents.on {display:block;}
.sub2_contents {display:none; }
.subImg_text { margin: 8px 0px 30px; font-size: 16px; color:#8c8c8c; }

/*contact*/
#contact-box { width: 1200px; height: 600px; margin: auto; background-color: #f8f8f8; position: relative; }
#contact-title { width: 160px; height: 160px; background-color: #1c41a0; color: #fff; position: absolute; top: -30px; left: 0; }
#contact-box #contact-title > p { font-size: 18px; font-weight:500; color:#fff; text-align:center; line-height: 160px; }
#contact-form { padding-top: 90px; padding-left:180px; padding-right: 100px; }
.form-ul { display:inline-block; width: 49%; margin-bottom: 40px; line-height: 48px; }
.form-ul:nth-child(5) {margin-bottom: 20px; width: auto;}
.form-ul li { display: inline-block; font-size: 20px; vertical-align: top; color: #000; }
.form-ul li:nth-child(1) { width: 150px; }
.form-ul li:nth-child(2) { width: 250px; border-bottom: 1px solid #000; }
.form-ul:nth-child(5) li:nth-child(2) { border-bottom: none; width: auto; }
.form-ul li > input { background-color: transparent; width: 240px; padding: 10px 8px; font-size: 18px; }
.form-ul li > textarea { width: 700px; background-color: #fff; padding: 10px 8px; }

#popup_button { display: inline-block; width: 96px; height: 28px; border: 1px solid #c4c4c4; font-weight: 500; color: #c4c4c4; border-radius: 14px; font-size: 14px; vertical-align: top; margin-top: -3px; margin-left: 30px; background-color: #fff;}
#popup_bg { z-index: 99999; display: none; background-color: rgb(0,0,0,0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
#popup_bg.on { display: block;}
#agree_popup { background-color: #fff; width: 1024px;  position: fixed; position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); z-index: 999; }
#agree_popup_header {width: 100%; height: 70px; background-color: #1C41A0; position: relative;} 
#agree_popup_header > p {color: #fff; font-size: 24px; font-weight: 500; text-align: center; line-height: 70px; }
#agree_popup_close { position: absolute; top: 0; bottom: 0; right: 28px; }
#agree_popup_close > div { width: 24px; height: 24px; text-align: center; display: inline-block; }
#agree_popup_close > div:after {content: "\00d7"; font-size: 24px; color: #fff; font-weight: 100; }
#agree_popup_contents {padding: 70px; }
#agree_popup_contents > h4 {font-size: 16px; color: #8c8c8c; padding-bottom: 20px; }
#agree_popup_contents > h4 >span {font-size: 16px; color: #000;}
#agree_popup_contents > h5 {color: #000; }
#agree_popup_contents > p {font-size: 14px; color: #8c8c8c; padding-left: 15px; padding-bottom: 20px; }

#agree_text { display: inline-block; line-height: 24px; margin-left: 150px; }
#agree_text label { font-size: 18px; }
#agree_text input[type="checkbox"] {display:none; }
#agree_text input[type="checkbox"] + label[for="agree_box"] { position:relative; padding-left:37px; vertical-align: top;}
#agree_text input[type="checkbox"] + label[for="agree_box"]:before {width:24px; height:24px; content:''; position:absolute; left:0; top:0px; background:#fff; border: 1px solid #000;}
#agree_text input[type="checkbox"]:checked + label[for="agree_box"]:before { background: center url(../img/Line1.png);background-repeat: no-repeat; }


#submit_box {width: 240px; height: 48px; background-color: #1c41a0; border-radius: 24px; color: #fff; font-weight: 500; font-size: 24px; position: absolute; bottom: -80px; left: 0; right: 0; margin: auto; }
.form-ul li .email {width: 100%; display:inline-block;}
.form-ul li > span { font-size: 18px; }

.font_wrap {text-align:center; padding-top:15px; }
.font_wrap .line {display:inline-block; font-size:24px; color: #8c8c8c; margin-left: 50px; }
.font_wrap .line span {color:#000;  font-size:24px; display:inline-block; margin-right:10px;}
.font_wrap .line:first-child {margin-left:0px; }

.portfolio_gallery { max-width:1200px; border-collapse: separate; }
.portfolio_gallery ul { font-size:0; text-align:left; display:flex; flex-wrap: wrap; }
.portfolio_gallery ul.d3 li { margin:0 15px 60px 0; width:calc((100% / 3) - 10px); }
.portfolio_gallery ul.d3 li:nth-child(3n) { margin:0 0 60px 0; }
.portfolio_gallery ul li { display:inline-block; }
.portfolio_gallery ul li a { display:block; }
.portfolio_gallery ul li .gallery_img { margin-bottom:20px; width:100%; }
.case_title { width:100%; overflow: hidden; display: flex; }
.case_title div:first-child { display: flex; font-size:24px; color:#8c8c8c; }
.case_title div span { font-size:24px; color:#000; width:32.5px; line-height: 36px; }
.case_title div span:last-child { font-size:24px; color:#000; width:32.5px; text-align: right; line-height:36px; }
.case_title div:last-child {display: inline-block; font-size:24px; color:#8c8c8c; width: calc( 100% - 80px ); line-height:36px; }
.case_client { display: flex; }
.case_client div:first-child  { display: flex; font-size:24px;  width:65px; line-height:36px; }
.case_client div:first-child span { font-size:24px; display: inline-block; color:#000; }
.case_client div:last-child { display: inline-block; font-size:24px; color:#8c8c8c; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; width:80%; line-height:22px; }
.case_title div:last-child span, .case_client div:last-child span { margin:0px 5px; font-size:24px; }

.detail_bg { max-width:1200px; height:auto; padding:100px; background-color: #f9f9f9; margin-top:50px; overflow:hidden; }
.detail_bg .detailImg { max-width:1000px; height:auto; margin:auto; }

.portfolio_nav * { display:inline-block; font-size:22px; }
.portfolio_nav { width:300px; margin:auto; display: flex; justify-content: center; align-items: center; }
.portfolio_nav div { padding:0px 20px; }
.portfolio_nav ul li { padding:0px 10px; color:#c4c4c4; }
.portfolio_nav .nav_num li:first-child { color:#000; }




@media screen and (max-width: 1000px) {
    
    .gnb-wrap{width: 100%; height: 59px; }
    
    #logo {position: relative; text-align: center;}
    #logo img { max-height: 36px; width:auto; height: auto; margin-left: 0; }
	.hambuger{ background: url(../img/mo_main/hambuger.png);background-size: cover; width: 22px; height: 18px; display: inline-block; position: absolute;top: 21px;left: 18px; z-index: 999; }
    #logo2 { display: flex; width: 100vw; height: 59px; border-bottom: 1px solid #DADADA; position: relative; margin-top: 0; text-align: center; align-items: center; justify-content: center;}
    .ham-logo { position: relative; overflow: hidden; }
    .ham-logo img { max-height: 28px; width:auto; height: auto; }
    .ham-close { position: absolute; right: 20px; top: 18px; }
    .ham-close img { width:auto; height: auto;  }

	#side-menu{display:none;width: 100vw;height: 100vh;position: fixed; top:0;z-index: 9999;background:#fff; overflow: auto;}
	#gnb{padding: 0;width: 90%;margin:auto;}
	#gnb > li {position: relative; display:block; vertical-align: top;width: 100%;border-bottom: 1px solid #DADADA; }
	#gnb > li > a {display: block;width: 100%;text-align: left;line-height: 400%;font-size: 18px;color: #000;text-decoration: none; font-weight: 500;  position: relative;  }
    
	
	#gnb li ul {position: inherit;text-align: left;background: #F6F6F6;border-top: 1px solid #1C41A0; padding:20px; }
    #gnb li ul:before{ display: none; }
	#gnb > li > ul li {padding-bottom: 20px;}
    #gnb > li > ul li:last-child { padding-bottom:0;}
	#gnb > li > ul li a{text-align: left;font-size: 16px; padding:0px;}

    #gnb > li > a .fa-solid, .fas {display: block;}
	.fa-angle-down{position: absolute;right: 3px; top: 37%;color: #C4C4C4;}
	.fa-angle-up{position: absolute;right: 3px; top: 37%;color: #1C41A0;}
	.swiper-slide {position: relative;}
	.swiper-slide:nth-child(1){background: url(../img/mo_main/m_main_image.jpg);background-size: cover;}
	.swiper-slide:nth-child(2){background: url(../img/mo_main/m_main_image.jpg);background-size: cover;}
	.swiper-slide:nth-child(3){background: url(../img/mo_main/m_main_image.jpg);background-size: cover;} 
	.slide-text {text-align:center; }
    .slide-text h1 { font-size: 36px; font-weight: 700; line-height: 42px; }
    .slide-text p {font-size: 20px; line-height: 120%; text-shadow: 0 0 10 rgba(0,0,0,0.15);}
    .swiper-button-next, .swiper-button-prev { display: none; }
	#main_section {width: 100%;margin: auto; margin-top: 50px;}
    #main_section .title {width: 90%;margin: auto;}
    #main_section .title h1 {font-weight: 400; font-size: 30px; line-height: 140%; margin-bottom: 10px;}
    #main_section .title p {font-weight: 400; font-size: 16px; line-height: 140%; color: #8C8C8C;}
	#main_section .content {margin-top: 50px;display: grid;grid-template-columns: 1fr;justify-items: center;}
	#footer > div:nth-child(1) {width: 85%;margin: auto;padding: 50px 0;height: 300px;}
    #footer #Copyright { float: left; }
	#main_section > div.content > div > div > div:nth-child(2) > button > span {position: absolute;top: 17px;right: 17px;}
    #main_section .flex_div {height: 240px;}
    #main_section .flex_div > div {height:100%;width:50%; }
    #main_section .flex_div > div:nth-child(2) { padding: 13px 20px; }
    #main_section .flex_div > div h1 {font-size: 18px; font-weight: 700; line-height: 140%; }
    #main_section .flex_div h1 ~ span { margin-bottom: 10px; }
    #main_section .flex_div > div span {font-size: 12px; font-weight: 400; line-height: 140%;}
    #main_section .flex_div > div p {font-size: 13px; font-weight: 400; line-height: 140%;}
    #main_section .flex_div .item_wbt {display: none;}
    #main_section .flex_div .item_mobt {display: block; max-width: 24px; height: auto; position: absolute; bottom: 13px; }
    #main_section .item:nth-child(2) .flex_div > div:first-child { background: url(../img/mo_main/m_main_simage2.jpg); background-size: cover; background-repeat: no-repeat;}
    #main_section .item:nth-child(3) .flex_div > div:first-child { background: url(../img/mo_main/m_main_simage3.jpg); background-size: cover; background-repeat: no-repeat;}
    #main_section .item:nth-child(4) .flex_div > div:first-child { background: url(../img/mo_main/m_main_simage4.jpg); background-size: cover; background-repeat: no-repeat;}
    #main_section .item:nth-child(5) .flex_div > div:first-child { background: url(../img/mo_main/m_main_simage5.jpg); background-size: cover; background-repeat: no-repeat;}
    #main_section .item:nth-child(6) .flex_div > div:first-child { background: url(../img/mo_main/m_main_simage6.jpg); background-size: cover; background-repeat: no-repeat;}
    #main_section .item:nth-child(7) .flex_div > div:first-child { background: url(../img/mo_main/m_main_simage7.jpg); background-size: cover; background-repeat: no-repeat;}
    #main_section .item:nth-child(8) .flex_div > div:first-child { background: url(../img/mo_main/m_main_simage8.jpg); background-size: cover; background-repeat: no-repeat;}


    
    .sub2 .sub2-menu { 
        border-bottom: none;     
        margin-bottom: 20px;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .sub2 .sub2-menu > div {width: calc(50% - 12px); height: 105px; margin: 5px; padding: 0px 20px; border:1px solid #1C41A0; }
    .sub2 .sub2-menu > div + div { border:1px solid #1C41A0; }
    .sub2 .sub2-menu h1 {font-size:14px; }
    .sub2 .sub2-menu p {font-size:9px;}

/*---------------------sub2-------------*/
    .sub2.wi12 {height: auto;}
    .sub2.wi12 .title.sub2 { display: none;}
    .sub2 .title { width: 90%; text-align: left; margin: auto; }
    .sub2 .title h1 { font-size: 36px; font-weight: 500; line-height: 150%; }
    .sub2 .title p {font-size: 14px; font-weight: 400; line-height: 130%;}
    .sub2_contents { margin-top: 0; }
    .sub-menu .selected-option {display:block; padding:15px 29px; color:#000; font-size:15px; text-align:left; background-image:url('../img/mo_sub_arrow_down.png'); background-position: calc(100% - 22px) center; background-repeat: no-repeat; background-size: 12px auto; height: 52px; }
    .sub-menu .hide {padding:0; position:absolute; top:0; width:100%; display:none; }
    .close_select_btn {z-index:2; position:absolute; top:0px; right:0px; width:62px; height:52px; background-image: url(../img/mo_sub_arrow_up.png); background-size: 12px auto; background-position: calc(100% - 22px) center; background-repeat: no-repeat; position: absolute; }
    .sub-menu .hide {background-color: #fff;}
    .sub-menu .hide .on,.sub-menu .hide li a:hover { text-decoration: none; }
    
    .sub-menu {position:relative; width: 100%; z-index: 999; }
    .sub_navfixed {position: fixed;  top:0px; }
    .sub-menu .hide li + li:before {display:none; }
    .sub-menu .hide li {display:block; margin:0; width:100%;  background:#fff; border-bottom:1px solid #ddd;  }
    .sub-menu .hide li a.on {display:block; background:#1C41A0; color:#fff; }  
    .sub-menu .hide li a {padding:15px 29px; float:none; text-align:left; }
    .sub-menu .hide li:first-child a {padding:15px 29px; z-index: 999;}
    .section_box .sub2Img {margin-right: 0; margin-bottom: 12px; }
    .contents_text, .section_box .contents_text {font-size:16px; line-height:24px; }
    .section_text {font-size:16px; height:auto; padding:10px 0px; width: 140px; }
    .section_text.large { width: 200px; }
    
    .sub_mo_temp_title { display: block; margin-bottom: 30px; }
    .sub_mo_temp_title h1 {font-size: 24px; font-weight: 500; line-height: 150%; color: #1C41A0;}
    .sub_mo_temp_title p {font-size: 14px; font-weight: 400; line-height: 130%; color: #8c8c8c;}
    
    #contact-box { width: auto; height: auto; }
    #contact-box #contact-title {width: 170px; height: 80px; top: -40px;}
    #contact-box #contact-title > p {line-height: 80px;}
    #contact-form { padding: 65px 30px; }
    .form-ul { width: 100%; }
    .form-ul li{ width: auto; display:block; font-size: 16px; line-height: 150%; font-weight: 400; }
    .form-ul li > textarea { width: 100%; }
    .form-ul li:nth-child(2) {width: auto; margin-right:0; }
    .form-ul li > textarea { margin-top: 20px; }
    #agree_text { margin-left: 0; }
    #agree_text input[type="checkbox"] + label[for="agree_box"] { padding-left: 25px; }
    #agree_text input[type="checkbox"] + label[for="agree_box"]:before { width: 18px; height: 18px; }
    #agree_text label { font-size: 12px; }
    #popup_button { width: 76px; height: 22px; font-size: 12px; margin-top: -5px; margin-left: 10px; }
    #submit_box { width: 180px; height: 48px; }
    
    .section_box .sub2Img.map.pc {display: none; }
    .section_box .sub2Img.map.mo {display: block;}
    .section_box>#map_text { width: 100%; padding-right: 0; }
    .font_wrap {text-align: left; padding-top: 0;}
    .font_wrap .line { text-align: left; font-size:16px; padding-top: 0; margin-left: 0; }
    .font_wrap .line span { color: #000; text-align: left; font-size:16px; margin-left: 0; margin-right: 10px; }


    #popup_button { display: inline-block; width: 96px; height: 28px; border: 1px solid #c4c4c4; font-weight: 500; color: #c4c4c4; border-radius: 14px; font-size: 14px; vertical-align: top; margin-top: -3px; margin-left: 30px; background-color: #fff;}
    #popup_bg { z-index: 99999; display: none; background-color: rgb(0,0,0,0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
    #popup_bg.on { display: block;}
    #agree_popup { background-color: #fff; width: 80%;  position: fixed; height:auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); z-index: 999; }
    #agree_popup_header {width: 100%; height: 70px; background-color: #1C41A0; position: relative;}
    #agree_popup_header > p {color: #fff; font-size: 24px; font-weight: 500; text-align: center; line-height: 70px; }
    #agree_popup_close { position: absolute; top: 0; bottom: 0; right: 28px; }
    #agree_popup_close > div { width: 24px; height: 24px; text-align: center; display: inline-block; }
    #agree_popup_close > div:after {content: "\00d7"; font-size: 24px; color: #fff; font-weight: 100; }
    #agree_popup_contents {padding: 10px; height:500px; overflow: scroll;scrollbar-gutter: auto; }
    #agree_popup_contents > h4 {font-size: 16px; color: #8c8c8c; padding-bottom: 20px; }
    #agree_popup_contents > h4 >span {font-size: 16px; color: #000;}
    #agree_popup_contents > h5 {color: #000; }
    #agree_popup_contents > p {font-size: 14px; color: #8c8c8c; padding-left: 15px; padding-bottom: 20px; }

    .sub2 .sub2-menu.portfolio { margin: 0px; }
    .portfolio_gallery .case_title *, .portfolio_gallery .case_client * { font-size:16px !important; line-height:24px !important; }
    .portfolio_gallery { max-width:100%; border-collapse: separate; }
    .portfolio_gallery .case_title div span { width:21.5px; }
    .case_client div:first-child { width:43px; }
    .section_box.portfolio:last-child { margin-bottom:0; }
    .portfolio_gallery ul.d3 li { width:100%; margin:0px 0px 30px 0; }
    .portfolio_gallery ul.d3 li:nth-child(3n) { margin:0 0 30px 0; }
    .portfolio_gallery ul li { display: none; }
    .portfolio_gallery ul li:first-child { display: inline-block; }

    .detail_bg { width:100%; height:auto; margin:auto; padding:10%; background-color: #f9f9f9; margin-top:20px; overflow:hidden; }
    .detail_bg .detailImg { max-width:100%; height:auto; margin:auto; }




        /* 옵션 영역 스타일 */
	#lgx-heading-area{display:none;}

	.wi12{width: auto;}
    .headImg > div > div.table .cell {height:30vh;}
    .headImg > div h1 { text-align: center; font-size:36px; }
	.headImg > div p {display:none;}

	.headImg {height: 30vh;}
    .headImg.sub2 {background: url(../img/mo_sub2/sub1_titleimg.jpg); }
    .headImg.sub3 {background: url(../img/mobile_sub2/sub3_titleimg.jpg); }
    .headImg.sub4 {background: url(../img/mobile_sub2/sub4_titleimg.jpg); }
    .headImg.sub5 {background: url(../img/mobile_sub2/sub5_titleimg.jpg); }
    .headImg.inquiry {background: url(../img/mobile_sub2/sub6_titleimg.jpg); }
    .headImg.address {background: url(../img/mobile_sub2/sub7_titleimg.jpg); }
    .headImg.portfolio {background: url(../img/mobile_sub2/sub_portfolio.jpg); }
    .section { width: 90%; margin-top: 60px;  }
    .section.contact {margin-top: 60px; }
}