/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/*메인 타이틀*/
.main_title {font-size:44px; text-align: center; font-weight:bold; color:#fff; padding:70px 0 50px; line-height:100%;}
.main_title.black {color:#000;}
.main_title.white {color:#fff;}

@media (max-width:991px) {
	.main_title {font-size: 26px; padding:30px 0;}
}

h2.subTitle{position:relative; text-align:center; font-size:38px; font-weight:700; color:#222; padding:40px 0;letter-spacing:-0.5px; }
@media (max-width:991px) {
	h2.subTitle {font-size:26px; padding:25px 0 0;}
}

/*cont01,cont02 background*/
.bg_wrap{position:relative; max-width:2000px; margin:0 auto;}
.bg_wrap .bg_auto{width:100%; height:100%; position:absolute; background:url('/images/bg_cont01.jpg') no-repeat center top; opacity:0; background-size:cover; transition: all 0.5s ease-out; left:0; right:0;}
.bg_wrap .bg_auto.bg-active{opacity:1;}
.bg_wrap .bg_auto2{width:100%; height:100%; position:absolute; background:#ededed; opacity:0; left:0; right:0; transition:all 1s ease-out;}
.bg_wrap.changeBg .bg_auto2{display:block;opacity:1;}

@media (max-width:991px) {
	.bg_wrap {max-width:100%;}
}

.btn{width:200px; margin-top:95px; font-size: 16px; border-radius:25px; text-align:center;}
.btn.bgc_point {
	color:#fff;
	background:/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c81af+0,73d6a4+100 */
	background: #0c81af; /* Old browsers */
	background: -moz-linear-gradient(left,  #0c81af 0%, #73d6a4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0c81af 0%,#73d6a4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0c81af 0%,#73d6a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c81af', endColorstr='#73d6a4',GradientType=1 ); /* IE6-9 */
	height:50px; 
	line-height:50px;
}



/* ------------------------------
    공통
------------------------------ */
.main_cont .title_g{text-align:center;margin-bottom:40px;}
.main_cont .title_g h2.title{ padding:0; color:#111; font-weight:600;font-size:36px;text-transform:uppercase; margin-top:0;}
.main_cont .title_g p.stit {font-size:17px; letter-spacing:-0.3px; color:#777; line-height:100%; font-weight:300; margin-top:0px;}
.main_cont .title_g h2.title:before{/*content:'';display:inline-block;width:110px;height:1px;background-color:#d2113e;position:relative;top:-10px;margin-right:10px;*/}
.main_cont .title_g span.line{display:block; background-color:#1cd8d2; width:30px; height:2px; margin:25px auto;}

.btn_more{width:180px;height:50px;font-size:16px;font-weight:400;line-height:48px;color:#fff;display:block;transition:0.6s;text-align:center; border-radius:10px;
	margin:0 auto; border:1px solid #fff;}
.btn_more:hover{color:#fff;background-color:rgba(255,255,255,0.2);}



@media(max-width:991px){
	.main_cont .title_g{margin-bottom:20px;}
	.main_cont .title_g h2.title{ padding:0;font-size:26px;margin-bottom:5px;}
	.main_cont .title_g p.stit {font-size:14px; margin:0px 30px 0;line-height:1.6;}
	.main_cont .title_g span.line{margin:15px auto;}

	.btn_more{width:180px;height:40px;font-size:14px;line-height:38px;margin-top:10px;}

	div img.cont-img{ display: block; margin: 0 auto; padding:5px}
}

/* ------------------------------
    회사소개
------------------------------ */
.cont1 { padding: 60px 0;}
.cont1 ul:after {content:''; display:block; clear:both;}
.cont1 ul li {float:left; width:33.3333%;}
.cont1 ul li a { display: block; max-width: 100%; text-decoration: none; vertical-align: top;  overflow: hidden; position: relative;}
.cont1 ul li a:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background:#4ea4a1; opacity: 0; transition: all 0.5s ease-out;}
.cont1 ul li a .figure { display: block;}
.cont1 ul li a .figure img {width: 100%; width: 100%; max-width: 100%; vertical-align: top;}
.cont1 ul li a .caption_wrap { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;}
.cont1 ul li a.caption_wrap {display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:10;}
.cont1 ul li a .caption {display:table; width:100%; height:100%; table-layout:fixed;}
.cont1 ul li a .caption .caption_inner {display:table-cell; position:relative; top: 0; width:100%; height:100%; padding:10%; text-align:center; vertical-align:middle; transition:all 0.5s ease-out;}
.cont1 ul li a .caption .caption_inner > span {display:block;}
.cont1 ul li a .caption .caption_inner > span > img{ display: block; width: 50%; margin: 0 auto;}
.cont1 ul li a .caption .caption_inner .icon {position:relative; margin-bottom:5px; padding-bottom:10px;}
.cont1 ul li a .caption .caption_inner .icon:before {content:''; display:block; position:absolute; bottom:0; right:0; left:0; width:20px; height:2px; margin:0 auto; background:#fff;}
.cont1 ul li a .caption .caption_inner .title {font-size:16px; font-weight:bold; color:#fff; line-height:1.3em;}
.cont1 ul li a .caption .caption_inner .cont {overflow:hidden; position:relative; max-height:0; margin-top:10px; padding:15px 10px 0; border-top:1px solid #fff; font-size:13px; color:#fff;
	line-height:1.3em; opacity:0; transition:all 0.5s ease-out;}
.cont1 ul li a:hover:before {opacity:.75;}

@media screen and (min-width: 768px) {
	
	.cont1 ul li a .caption .caption_inner .icon {margin-bottom:10px; padding-bottom:13px;}
	.cont1 ul li a .caption .caption_inner .title {font-size:20px;}
	.cont1 ul li a .caption .caption_inner .cont {margin-top:13px; padding-top:18px; font-size:14px; line-height:1.4em;}
	.cont1 ul li a:hover .caption .caption_inner {top:0;}
	.cont1 ul li a:hover .caption .caption_inner .cont {overflow:visible; max-height:none; opacity:1;}
}
@media screen and (min-width: 1200px) {
	.cont1 ul li {width:33.3333%;}
	.cont1 ul li a {display:inline-block;}
	.cont1 ul li a .figure  img { display: block; width: 100%;}
	.cont1 ul li a .caption .caption_inner {top:23px;}
	.cont1 ul li a .caption .caption_inner .icon {margin-bottom:20px; padding-bottom:15px;}
	.cont1 ul li a .caption .caption_inner .icon:before {width:30px;}
	.cont1 ul li a .caption .caption_inner .cont {margin-top:15px; padding-top:20px;}
}
@media screen and (max-width:767px) {
	.cont1 ul li {width:33.3333%;}
	.cont1 ul li a:hover .caption .caption_inner {top:0;}
	.cont1 ul li a:hover .caption .caption_inner .cont {overflow:visible; max-height:none; opacity:1;}
	.cont1 ul li a .caption .caption_inner .icon img{width:40%;}

	.cont1 ul li a .caption .caption_inner {padding:15px;}
	.cont1 ul li a .caption .caption_inner .cont{padding:5px 0 0; font-size:12px;}
	
}


/* ------------------------------
    사업소개
------------------------------ */
.cont2{padding:60px 0; background-color:#3c3c3c;}
.cont2 .title_g h2, .cont2 .title_g p{color:#fff !important;}
.cont2 .tab{overflow:hidden;}
.cont2 .tab li{float:left; width:16.6666%; padding:0 5px;}
.cont2 .tab li.current{}
.cont2 .tab li.current a{color:#3c3c3c; background:#1cd8d2;}
.cont2 .tab li a{text-align:center; display:block;font-size: 18px;font-weight: 400; line-height:1.3;  color:#fff;cursor:pointer;padding:13px 17px;
	background-color:#828282; border-radius:10px;
}

.cont2 ul {width:100%;  margin:0 auto; overflow:hidden;}
.cont2 ul li { text-align:center;position:relative;overflow:hidden;box-sizing:border-box;margin-bottom:35px;}
.cont2 ul li > a {position:relative;transition: 0.5s;}
.cont2 ul li a:link, .cont2 ul li a:visited {display:block;}
.cont2 ul li a div.img_box {display:block;width:100%;height:260px;overflow:hidden;border-radius:10px;}
.cont2 ul li a div.img_box img {height:auto;width:100%;max-width: none;position: relative;/*left: -50%;margin-left: 30%;*/transition:0.6s;}

.cont2 ul li  h3 {font-size:21px; letter-spacing:-0.5pt; font-weight:600; color:#333; text-align:center;text-transform:uppercase;margin-top:15px;}
.cont2 ul li  h3 br {display:none;}

.cont2 .bus_txt dl dt {width: 20%;float: left;font-weight: 600;font-size:14px;text-align:left;color:#f4f4f4;}
.cont2 .bus_txt dl dd {width: 80%;float: left;text-align: left;font-weight: 400;font-size:14px;color:#c0c0c0;}

.cont2 ul li a:hover {}
.cont2 ul li a:hover div.img_box {margin-bottom:0px; }
.cont2 ul li a:hover div.img_box img {transform:scale(1.1);transition:0.4s;}

.current{display:block;}

@media(max-width:991px){
	.cont1{padding:40px 0;}
	.cont2{padding:40px 0;}
	.cont2 ul{padding:0 15px;}
	.cont2 ul li{padding:5px;margin-bottom:0px;}
	.cont2 .tab li{width:50%;padding:3px;}
	.cont2 .tab li a{font-size:14px;padding:15px;}
	.cont2 ul li a div.img_box {height:auto;}
	.cont2 ul li a div.img_box img {height:100%;width: 100%;max-width: none;position: relative;left: 0;margin-left: 0;}

	.cont2 ul li  h3 {font-size:14px;letter-spacing:-1px}

}



/* ------------------------------
    시공사례
------------------------------ */
.cont3{padding:60px 0; background:url('/images/review_bg.jpg') no-repeat center center; background-size:cover; }
.cont3 .title_g h2, .cont3 .title_g p{color:#fff !important;}

.cont3 ul {width:100%;  margin:0 auto; overflow:hidden;}
.cont3 ul li { text-align:center;position:relative;overflow:hidden;box-sizing:border-box;margin-bottom:35px;}
.cont3 ul li > a {position:relative;transition: 0.5s; overflow:hidden;border-radius:10px;}
.cont3 ul li a:link, .cont3 ul li a:visited {display:block;}
.cont3 ul li a .img_box{display:block;width:100%;overflow:hidden;}
.cont3 ul li a .img_box img { display: block; height: 275px;width: 100%; max-width: none; position: relative;/*left: -50%;margin-left: 30%;*/}
.cont3 ul li a:hover .img_box img{ transform: scale(1.1);transition: all 0.6s;}
.cont3 ul li a .txt_box {background-color:#fff; margin:0;}
.cont3 ul li a .txt_box h3{font-size:18px;letter-spacing:-1px;padding:20px; font-weight:400;text-align:center; margin:0;}
/*.cont3 ul li a .txt_box h3:hover{color:#1cd8d2;}*/

.cont3 ul li a:hover {}
.cont3 ul li a:hover div.img_box {margin-bottom:0px; }

@media(max-width:991px){
	.cont3{padding:40px 0;}
	.cont3 ul{padding:0 15px;}
	.cont3 ul li{padding:5px;margin-bottom:0px;}
	.cont3 ul li a .img_box {height:auto;}
	.cont3 ul li a .img_box img {display: block; width: 100%; height:174px; position: relative;left: 0;margin-left: 0;}
	.cont3 ul li a .txt_box{ }
	.cont3 ul li a .txt_box h3 {font-size:16px;letter-spacing:-1px;padding:15px;}
}
@media(max-width:600px){
	.cont3 ul li a .txt_box h3 {font-size:14px;padding:15px;}
}




/* ------------------------------
    동영상
------------------------------ */
.cont4{padding:60px 0; background:#fff; }
.cont4 .title_g h2{color:#111;}

.cont4 ul {width:100%;  margin:0 auto; overflow:hidden;}
.cont4 ul li { text-align:center;position:relative;overflow:hidden;box-sizing:border-box; padding:15px;}
.cont4 ul li > a {position:relative; display:block; overflow:hidden;border-radius:15px;}
.cont4 ul li a .img_box {display:block;width:100%;overflow:hidden; position:relative;}
.cont4 ul li a .img_box img.youtubeimg {width:100%;}
.cont4 ul li a .img_box img.youtubeicon {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.cont4 .btn_more{color:#222;margin:10px auto 0; border:1px solid #222;}
.cont4 .btn_more:hover{color:#222;background-color:rgba(0,0,0,0.2);}

@media(max-width:991px){
	.cont4{padding:40px 0;}
	.cont4 ul{padding:0 15px;}
	.cont4 ul li{padding:5px;margin-bottom:0px;}
	.cont4 ul li a .img_box {}
	.cont4 ul li a .img_box img.youtubeicon{width:55px;}
}


/* ------------------------------
    서비스
------------------------------ */
.cont5{padding:60px 0;  background:url('/images/service_bg.jpg') no-repeat center center; background-size:cover; }
.cont5 .title_g h2, .cont2 .title_g p{color:#fff !important;}
.cont5 h1.cont5_tit{ padding:0; color:#fff; font-weight:400;font-size:28px; line-height:1.4; text-align:center; letter-spacing:-0.8px;}

.cont5 ul {width:100%;  margin:0 auto; overflow:hidden;}
.cont5 ul li { text-align:center;position:relative;overflow:hidden;box-sizing:border-box;margin:30px auto;}
.cont5 ul li > a {padding: 50px 20px;position:relative;border-radius: 12px;display:block; cursor:auto;}
.cont5 ul li:nth-child(1) > a{ background-color:rgb(0 105 173 / 75%);}
.cont5 ul li:nth-child(2) > a{ background-color:rgb(38 53 82 / 75%);}
.cont5 ul li:nth-child(3) > a{ background-color:rgb(69 104 42 / 75%);}
.cont5 ul li:nth-child(4) > a{ background-color:rgb(51 51 51 / 75%);}

.cont5 ul li a .txt_box h2{font-size:21px; letter-spacing:-0.2px; font-weight:600; color:#fff; text-align:center;margin:0;}
.cont5 ul li a .txt_box p{font-size:16px; letter-spacing:-0.8px; font-weight:300; color:#fff; text-align:center;margin-top:15px;}

@media(max-width:991px){
	.cont5{padding:40px 0;}
	.cont5 h1.cont5_tit{ padding:0;font-size:20px;margin:0 15px 5px;}

	.cont5 ul{padding:0 15px;}
	.cont5 ul li{padding:5px;margin-bottom:0px; margin-top:0px;}
}
@media(max-width:767px){
	.cont5{padding:40px 0;}
	.cont5 h1.cont5_tit{ padding:0;font-size:18px;margin:0 15px 25px;}

	.cont5 ul{padding:0 15px;}
	
	.cont5 ul li > a {padding: 35px 20px;}
	.cont5 ul li a .txt_box h2{font-size:18px; height:40px;}
	.cont5 ul li a .txt_box p{font-size:13px;}
}
@media(max-width:600px){
	.cont5 ul li > a{padding:20px;}
	.cont5 ul li a .txt_box p{font-size:13px;height:63px; }
}
@media(max-width:470px){
	.cont5 h1.cont5_tit{font-size:14px; letter-spacing:-1px;}
}
@media(max-width:420px){
	.cont5 ul li > a{padding:20px 10px;}
	.cont5 ul li a .txt_box h2{font-size:16px; height:35px;}
	.cont5 ul li a .txt_box p{font-size:12px;}
}



/* ------------------------------
    고객센터
------------------------------ */
.cont6{height:454px;}
.cont6 .title_g h2{text-transform:inherit;}

.cont6 h1.cont5_tit{ padding:0; color:#fff; font-weight:400;font-size:28px; line-height:1.4; text-align:center; letter-spacing:-0.8px;}

.cont6 .left_cont{padding:90px 0 0; text-align:center;}
.cont6 .left_cont .txt_box h2{ font-size: 66px;font-weight: 600;color: #1cd8d2;letter-spacing: -1.5px;}
.cont6 .left_cont .txt_box h5{font-size: 36px; font-weight: 600;color: #4b4b4b; letter-spacing: -0.8px;}
.cont6 .left_cont .txt_box p{font-size: 20px; font-weight: 400;color: #333; letter-spacing: -0.8px;margin-top:40px;}

.cont6 .left_cont .btn_box{margin-top:90px;}
.cont6 .left_cont .btn_box > div{display:inline-block; }
.cont6 .left_cont .btn_box > div:first-child{background-color:#1dd8d2;}
.cont6 .left_cont .btn_box > div:last-child{background-color:#17bbb6;}
.cont6 .left_cont .btn_box > div a{display:inline-block;width:100%; color:#fff;padding: 27px 15px;font-size: 25px;font-weight: 600;letter-spacing: -0.7px;}
.cont6 .left_cont .btn_box > div a i{margin-left:3px;}

.cont6 .right_cont{padding:0;}

@media(max-width:991px){
	.cont6{height:auto;}
	.root_daum_roughmap .wrap_map{height:400px !important;}
}
@media(max-width:767px){
	.cont6 .left_cont{padding:50px 0 0;}
	.cont6 .left_cont .txt_box h2{ font-size:40px;}
	.cont6 .left_cont .txt_box h5{font-size: 22px;}
	.cont6 .left_cont .txt_box p{font-size: 14px;margin-top:20px;}

	.cont6 .left_cont .btn_box{margin-top:45px;}
	.cont6 .left_cont .btn_box > div a{padding:15px;font-size:18px;}
}
@media(max-width:500px){
	.root_daum_roughmap .wrap_map{height:300px !important;}
}



/* ------------------------------
    상담문의 - 서브페이지
------------------------------ */
.section_inquiry{padding:0px 15px 60px; width:100%;
	background: url('/images/main_inquiry_bg.jpg') 50% 50% no-repeat;background-size:cover;
}
.section_inquiry h2.subTitle{color:#fff !important;}
.inquiry-style08{}
.inquiry-style08 .inquiry-style08-tit{color:#fff; margin-bottom:30px; font-size:32px; font-weight:500; letter-spacing:-1px;}
/* 온라인문의 08 :: 내용 */
.inquiry-style08 .inquiry-form{width:48.33%; }
.inquiry-style08 .inquiry-form ul li{position:relative; height:50px;background-color:rgb(222 231 239 / 65%); border-radius:50px; margin-top:20px; padding:0 20px 0 130px; transition: all 0.4s;}
.inquiry-style08 .inquiry-form ul li:first-child{margin-top:0;}
.inquiry-style08 .inquiry-form .inquiry-data-tit{position:absolute; top:1px; left:30px; width:100px; font-size:15px; font-weight:400; line-height:50px; letter-spacing:-0.016em; color:#000;}
.inquiry-style08 .inquiry-form .inquiry-textarea-con {margin-top:0px;}
.inquiry-style08 .inquiry-form .inquiry-textarea-con .inquiry-data-tit{display:block; position:static; width:auto; line-height:normal; margin-bottom:15px}
.inquiry-style08 .inquiry-form ul li input[type="text"]{height:50px; width:100%;  background:none; border:0; /*color:#385eb3;*/color:#4b4b4b; font-size:15px; letter-spacing:-0.016em; font-weight:400;}
.inquiry-style08 .inquiry-form textarea::placeholder,
.inquiry-style08 .inquiry-form ul li input[type="text"]::placeholder{color:#000}
.inquiry-style08 .inquiry-form textarea{width:100%; height:190px ; border:0; color:#4b4b4b; font-size:15px;background-color:rgb(222 231 239 / 65%); resize:none; box-sizing:border-box; padding:18px 20px; border-radius:20px; letter-spacing:-0.016em; transition: all 0.4s;}
.inquiry-style08 .inquiry-form .select-item {padding:0 20px;}
.inquiry-style08 .inquiry-form .select-item select {width:100%; height:100%;background:none; border:0; color:#000; font-size:15px;}
.cm-fl { float:left; }
.cm-fr { float:right; }

/* on */
.inquiry-style08 .inquiry-form ul li.on,
.inquiry-style08 .inquiry-form .inquiry-textarea-con.on textarea{background-color:#fff}
.inquiry-style08 .inquiry-form ul li.on .inquiry-data-tit,
.inquiry-style08 .inquiry-form ul li.on input[type="text"],
.inquiry-style08 .inquiry-form .inquiry-textarea-con.on textarea {color:#000}
.inquiry-style08 .inquiry-form .inquiry-textarea-con.on textarea::placeholder,
.inquiry-style08 .inquiry-form ul li.on input[type="text"]::placeholder{color:#000}
.inquiry-style08 .inquiry-form ul li.on select {color: #000;}


.inquiry-style08 .inquiry-form li > *:focus ,
.inquiry-style08 .inquiry-form textarea:focus {outline:none;}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #cdd7e100 inset;
    box-shadow: 0 0 0px 1000px #cdd7e100 inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #cdd7e100 inset;
    box-shadow: 0 0 0px 1000px #cdd7e100 inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* 온라인문의 08 :: 하단 */
.inquiry-style08 .inquiry-form-bottom-box{clear:both; padding-top:48px; text-align:center;}
.inquiry-style08 .agree-check-box{margin-bottom:35px;}
.inquiry-style08 .agree-check-box label{display:inline-block; vertical-align:middle; color:#000;}
.inquiry-style08 .agree-check-box label b{font-weight:400; display:inline-block; vertical-align:middle; font-size:15px; letter-spacing:-0.016em; line-height:1.4}
.inquiry-style08 .agree-check-box label a{display:inline-block;/* vertical-align:middle; width:30px; height:30px; text-align:center; background-color:#fff; border-radius:50%; margin-left:10px; position:relative; top:-1px*/}
.inquiry-style08 .agree-check-box label a i{line-height:30px; font-size:14px; color:#000}
.inquiry-style08 .agree-check-box label .check-icon{display:inline-block; vertical-align:middle; font-size:24px; position:relative; margin-right:5px;}
.inquiry-style08 .agree-check-box input{/*display:none*/}
.inquiry-style08 .agree-check-box input:checked + label .check-icon:before {content:"\e92d";}
.inquiry-style08 .inquiry-form ul li .inquiry-agree-btn{position:absolute; top:0px; right:0px; width:160px; height:44px; line-height:44px; padding:0 12px 0 20px; background-color:#f0612a; color:#fff;}
.inquiry-style08 .inquiry-form ul li .inquiry-agree-btn em{float:left; font-size:13px; font-weight:500;}
.inquiry-style08 .inquiry-form ul li .inquiry-agree-btn i{float:right; line-height:44px; opacity:0.75;filter:Alpha(opacity=75);}
.inquiry-style08 .inquiry-submit-btn{display:inline-block; background-color:#000; width:300px; height:60px; color:#fff; letter-spacing:-0.0175em; line-height:60px; font-weight:600; font-size:18px; transition:background-color 0.5s, color 0.5s; border-radius:50px}
.inquiry-style08 .inquiry-submit-btn:hover{background-color:#fff; color:#000;}

a.cm-modal-open-btn{cursor:pointer;}

@media all and ( max-width: 800px ){
	/*#mainNewsCon > .fp-tableCell > .fp-tableCell{display:block;}*/
	.inquiry-style08 .inquiry-style08-tit{font-size:20px; margin-bottom:20px;}
	.inquiry-style08 .inquiry-form,
	.inquiry-style08 .inquiry-form.cm-fr{float:none; width:auto;}
	.inquiry-style08 .inquiry-form.cm-fr{margin-top:10px;}
	/* 온라인문의 08 :: 내용 */
	.inquiry-style08 .inquiry-form ul li{height:50px; padding-left:80px; margin-top:10px}
	.inquiry-style08 .inquiry-form .inquiry-data-tit{width:80px;  font-size:14px;  line-height:50px; left:20px; top:-1px;}
	.inquiry-style08 .inquiry-form ul li input[type="text"]{height:48px; font-size:13px;}
	.inquiry-style08 .inquiry-form textarea{height:120px; font-size:13px; }
	.inquiry-style08 .inquiry-form .select-item select{font-size:13px; }
	/* 온라인문의 08 :: 하단 */
	.inquiry-style08 .inquiry-form-bottom-box {padding-top:15px;}
	.inquiry-style08 .agree-check-box {margin:30px 0;}
	.inquiry-style08 .agree-check-box label{font-size:12px;}
	.inquiry-style08 .inquiry-submit-btn{width:100%; max-width:480px; font-size:15px; width:200px; height:50px; line-height:48px;}

	.section_inquiry{padding:0px 15px 40px;}
}
@media all and ( max-width: 480px ){	
	.inquiry-style08 .agree-check-box label{width:90%; text-align:center;}
	.inquiry-style08 .agree-check-box label b{max-width:100%;font-size:12px;}
	.inquiry-style08 .agree-check-box label a{display:block;}
}


/* quick */
.quick_menu{display:none;position:fixed; top:50%; margin-top:-195px; right:10px; z-index:98;}
.quick_menu ul li + li{margin-top:10px;}
.quick_menu ul li a{display:block;}
.quick_menu ul li:nth-child(1):hover{}
.quick_menu ul li:nth-child(2):hover{}
.quick_menu ul li:nth-child(3):hover{}
.quick_menu ul li:nth-child(4):hover{}

@font-face {
    font-family: 'KCC-Kimhwanki';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/KCC-Kimhwanki.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*서브페이지*/
.content {padding:30px 15px 0px;}
.content h5{font-size:24px; color:#0051cb; line-height:30px; margin-bottom:40px; font-weight:600;}
.content h5 strong.txt {color:#06449b;}
.content p{font-size:16px; line-height:26px; color:#666; margin-bottom:20px;}

 p.name { float:right; display:table-cell; font-size:16px;text-align:left; padding:0px 0 40px 0; }
p.name span {font-weight:600; color:#212121;font-family: 'KCC-Kimhwanki'; font-size:38px;padding-left:10px;}

@media (max-width:991px) {
	.content h5{font-size:18px; margin-bottom:20px;}
	.content p{font-size:14px;}
	
	.content {padding:10px 0 0px;}
	 p.name {  padding:15px 0 30px 0; }
	 p.name span { font-size:29px;padding-left:5px;}
}
