@charset "utf-8";
@font-face
{
	font-family: NotoSans;
	font-weight:normal;
	src: url(NotoSansKR-Regular.otf) format('truetype');
}
/* 전체 속성 지정 */
* {font-style:normal/* em, dfn, var, cite, address */; font-family:'Helvetica', NotoSans, 'Helvetica Neue', Arial, '돋움', dotum, AppleGothic, sans-serif; }
*::selection {background:#333; color:#fff;}
*::-moz-selection {background:#333; color:#fff;} /* 텍스트 드래그시 배경색상 및, 폰트 컬러 변경 */
* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* div, p 등의 개체의 선이나 패딩 영역 무시 */

input, button, textarea, select, form, fieldset {border-radius:0; border:none; -webkit-appearance:none; -webkit-box-sizing:border-box; vertical-align:middle;}
input[type='radio'] {-webkit-appearance:radio;}
input[type='checkbox'] {-webkit-appearance:checkbox;}
input, button, textarea {font-size:16px; line-height:1.2; font-family:'Helvetica', NotoSans, 'Helvetica Neue',  'Montserrat', Arial, '돋움', dotum, AppleGothic, sans-serif;}
select {background-image:url(../../img/program/search_btn.png); background-position:right 7px center; background-repeat:no-repeat; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
select::-ms-expand{display:none;}

html, body, div, p {margin:0; padding:0;}
body {-webkit-text-size-adjust: 100%; margin:0; padding:0; font-size:14px; line-height:1.5; color:#555; font-family:'Helvetica', NotoSans, 'Helvetica Neue', Arial, '돋움', dotum, AppleGothic, sans-serif;; word-break:keep-all;}
h1, h2 {line-height:1.2; font-weight:bold; margin:0; padding:0; color:#222; letter-spacing:-2px;}
h3, h4, h5, h6 {line-height:1.4; font-weight:bold; margin:0; padding:0; color:#222; letter-spacing:-1px;}
hr {display: none;}
table, pre {font-size:14px;} /* DOCTYPE 없으면 속성 상속 안됨 */
table {border-collapse:0; border-spacing:0;} /* DOCTYPE 없으면 속성 상속 안됨 */
td {color:#555;}
a, a:link {text-decoration:none;color:#555;} /* cursor: pointer; 안씀.. a태그에 href 없어도 손모양 커서 나오므로  */
a:visited {text-decoration:none;color:#555; }
/* a:hover, a:active, a:focus {color: #66cccc; -webkit-transition: background-color 0.5s ease, color 0.5s ease; -moz-transition: background-color 0.5s ease, color 0.5s ease; -o-transition: background-color 0.5s ease, color 0.5s ease; -ms-transition: background-color 0.5s ease, color 0.5s ease;} *//* a:focus추가 */
img {margin:0; border:0;}

ul {list-style:none;}
ul li{list-style:none; margin:0; padding:0;}

strong {font-weight: bold;}
em {color:#333;} em em {color:#333;}
sup, sub {font-size:12px;}
pre /* 형식 유지 컨텐츠 자동개행 */
{
white-space: pre-line; /* css3 */
white-space: -moz-pre-wrap; /* Mozilla, since1999 */
white-space: -pre-wrap; /* Op4-6 */
white-space: -o-pre-wrap; /* Op7 */
word-break: break-word;
word-wrap: break-word; /* IE 5.5+ */
}

.png24 { tmp:expression(setPng24(this)); } /* [IE6] PNG-24 투명 이미지  */


#container { margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%; position: relative;}



/***********************************************
배경 모음
***********************************************/
.bg_white {background-color:#fff;}
.bg_ddd {background-color:#ddd;}
.bg_f5 {background-color:#f5f5f5;}
.bg_e9 {background-color: #e9eced;}
.bg_mint {background-color: #0facb6}
.bg_green {background-color: #3eb54b;}
.bg_blue {background-color: #0b5e88;}
.bg_lightblue {background-color: #cddbeb;}
.bg_lightyellow {background-color: #f6f5f1;}

.bg_01 {background-color: #bbcfd0;}
.bg_02 {background-color: #92c9cc;}
.bg_03 {background-color: #50a9b1;}
.bg_04 {background-color: #2d878f;}
.bg_05 {background-color: #0e6d75;}
.bg_06 {background-color: #085265;}

.opa5 {opacity:0.5;}
.black_opa4 {background:rgba(0,0,0,0.4);}
.black_opa6 {background:rgba(0,0,0,0.6);}

.bg_main01 { background:url("../../img/00_main/main_visual_01.jpg") no-repeat;background-size: cover; background-position: center center;}
.bg_main02 { background:url("../../img/00_main/main_visual_02.jpg") no-repeat;background-size: cover; background-position: center center;}
.bg_main03 { background:url("../../img/00_main/main_visual_03.jpg") no-repeat;background-size: cover; background-position: center center;}
.bg_main_last { background:url("../../img/00_main/contact_bg.jpg") no-repeat;background-size: cover;}
.bg_main_last_sub01 { background-image:url("../../img/00_main/contact_icon01.png"); background-repeat: no-repeat; background-position: center right;}
.bg_main_last_sub02 { background-image:url("../../img/00_main/contact_icon02.png"); background-repeat: no-repeat; background-position: center right;}

.bg_sub_0102_01 { background:url("../../img/01_sub1/sub1_02_05.jpg") no-repeat;background-size: cover;}
.bg_sub_0103_01 { background:url("../../img/01_sub1/sub1_03_01.jpg") no-repeat;background-size: cover;}
.bg_sub_0104_01 { background:url("../../img/01_sub1/sub1_04_01.jpg") no-repeat;background-size: cover;}
.bg_sub_0202_01 { background:url("../../img/02_sub2/sub2_02_02.jpg") no-repeat;background-size: cover;}
.bg_sub_0203_01 { background:url("../../img/02_sub2/sub2_03_08.jpg") no-repeat;background-size: cover;}
.bg_sub_0204_01 { background:url("../../img/02_sub2/sub2_04_06.jpg") no-repeat;background-size: cover;}
.bg_sub_0301_01 { background:url("../../img/03_sub3/sub3_01_02.jpg") no-repeat;background-size: cover;}
.bg_sub_0302_01 { background:url("../../img/03_sub3/sub3_02_01.jpg") no-repeat;background-size: cover;}
.bg_sub_0302_01_01 { background:url("../../img/03_sub3/sub3_02_01_250721.jpg") no-repeat;background-size: cover;}
.bg_sub_0304_01 { background:url("../../img/03_sub3/sub3_04_01.jpg") no-repeat;background-size: cover;}
.bg_sub_0305_01 { background:url("../../img/03_sub3/sub3_05_01.jpg") no-repeat;background-size: cover;}
.bg_sub_0401_01 { background:url("../../img/04_sub4/sub4_01_01.jpg") no-repeat;background-size: cover; background-position: center;}
.bg_sub_0402_01 { background:url("../../img/04_sub4/sub4_02_01.jpg") no-repeat;background-size: cover;}
.bg_sub_0501_01 { background:url("../../img/05_sub5/sub5_01_01.jpg") no-repeat;background-size: cover;}
.bg_sub_0502_01 { background:url("../../img/05_sub5/sub5_02_01.jpg") no-repeat;background-size: cover;}
.bg_sub_0503_01 { background:url("../../img/05_sub5/sub5_03_01.jpg") no-repeat;background-size: cover;}


/***********************************************
폰트
***********************************************/

/* 폰트설정 ( 사이즈) */

h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:20px;}

.fs12 {font-size:12px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs24 {font-size:24px;}
.fs30 {font-size:30px;}
.fsBig {font-size:50px; line-height: 0.8;}
.fs60 {font-size:60px;}
.fwb {font-weight:bold;}
.fwn {font-weight:normal;}

/* 폰트설정 ( 색상) */
.fc_mint {color:#0facb6;}
.fc_black {color:#222 !important;}
.fc_white {color:#fff;}
.fc_333 {color:#333 !important;}
.fc_555 {color:#555555;}
.fc_666 {color:#666666;}
.fc_999 {color:#999999 !important;}
.fc_0b5e88 {color:#0b5e88;}
.fc_158e53 {color:#158e53;}

/* 폰트설정 ( 스타일) */
.underline {text-decoration:underline;}

/*자간*/
.ls_0 {letter-spacing: -0.5px;}
.ls_1 {letter-spacing: -1px;}

/*행간*/
.lh_1 {line-height: 1.5;}

.text_break {word-break: break-all;}

/*selection*/
div::selection {background-color: #0facb6;}
p::selection {background-color: #0facb6;}
li::selection {background-color: #0facb6;}
h2::selection {background-color: #0facb6;}
h3::selection {background-color: #0facb6;}

/***********************************************
텝메뉴
***********************************************/

/* tab1 */
.tab {margin:0;padding:0;width:100%;text-align:center;border-bottom:1px solid #ddd;height:50px;font-size:16px;color:#222;}
.tab ul {margin:0;padding:0;text-align:center; display: inline-block;}
.tab ul li {float: left; margin:0; border-right:1px solid #ddd;height:50px;}
.tab ul li a {display:inline-block; padding:0 40px; line-height: 50px;}
.tab ul li a {color:#222;}
.tab .first {border-left:1px solid #ddd;}
.tab ul li.on a, .tab ul li:hover a{background:#0facb6; border-bottom: 0; color:#fff; font-weight:bold;}

/* tab2 */
.tabR {text-align:center;}
.tabR a {padding:10px 35px; font-size: 16px; display: inline-block; background:#fff; color:#222; text-align:center;border:1px solid #ddd; border-radius:25px;margin-right:15px;  margin-top: 60px; margin-bottom: 60px;}
.tabR a.on, .tabR a:hover, .tabR a:focus {background:#0facb6;color:#fff;font-weight:bold; border: 1px solid #0facb6;}
.tabR a > span {font-weight:bold; margin:0 0 0 5px;}

.btn_wh {background-color:#fff;color:#555;border:1px solid #ddd;padding:10px 20px;cursor:pointer;}
.btn_wh:hover{background-color:#0facb6;color:#fff}
.btn_blue {background-color:#0b5e88;color:#fff;border:1px solid #0b5e88;padding:10px 20px;cursor:pointer;}
.btn_mint {background-color:#0facb6;color:#fff;border:1px solid #0facb6;padding:10px 20px;cursor:pointer;}
.btn_round {padding:5px; text-align:center;border:1px solid #ddd; border-radius:5px;}


/***********************************************
컨텐츠박스
***********************************************/

/* 레이아웃(컨텐츠박스) */
.cont_boxA {max-width:1200px;margin:0 auto;}
.cont_boxB {max-width:100%;}

.cont_boxHA {float:left;width:50%;}
.cont_boxTH {width:33.3333%;}
.cont_boxFO {width:25%;}
.cont_boxFI {width:20%;}
.cont_boxSI {width:16.6666%;}

/* 폭 */
.w_5p {width:5%;}
.w_10p {width:10%;}
.w_15p {width:15%;}
.w_17p {width:17%;}
.w_20p {width:20%;}
.w_25p {width:25%;}
.w_30p {width:30%;}
.w_32p {width:32%;}
.w_35p {width:35%;}
.w_40p {width:40%;}
.w_50p {width:50%;}
.w_60p {width:60%;}
.w_65p {width:65%;}
.w_70p {width:70%;}
.w_80p {width:80%;}
.w_85p {width:85%;}
.w_90p {width:90%;}
.w_100p {width:100%;}

.w_20 {width:20px;}
.w_180 {width:180px;}
.w_190 {width: 190px;}
.w_330 {width: 330px;}
.w_750 {width: 750px;} /*공기압축기 절감시뮬레이션 계산하기버튼*/

/* 높이 */
.h_20 {height:20px;}
.h_50 {height:50px;}
.h_70 {height:70px;}
.h_145 {height:145px;}
.h_170 {height:175px;}
.h_180 {height:180px;} /*공기압축기 제품소개 높이값*/
.h_190 {height:190px;} /*절감사례 썸네일 높이값*/
.h_230 {height:230px;}
.h_260 {height:260px;}
.h_330 {height:330px;} /*공기압축기 제품소개 리드부분 */
.h_340 {height:340px;}
.h_380 {height:380px;}
.h_420 {height:420px;}
.h_400 {height:400px;} /*ceo인사말*/
.h_460 iframe{height:460px;} /*오시는길*/
.h_500 {height:500px;}

.h_100p {height:100%;}

.h_inherit {height: inherit;}

/* 디스플레이 정의 */
.dpb {display: block;}
.dpi {display: inline;}
.dpib {display: inline-block;}
.dpn {display: none;}

.mdpBlock {display: none !important;} /*모바일에서만 보이게*/
.mdpIBlock {display:none !important;}

/***********************************************
정렬
***********************************************/

/* 정렬 */
.table {display:table}
.cell {display:table-cell}

.div_center {margin:0 auto;}

.taC {text-align:center;}
.taL {text-align:left;}
.taR {text-align:right;}
.taVT {vertical-align:top;}
.taVM {vertical-align:middle !important;}
.taVB {vertical-align:bottom;}

.flR {float:right;}
.flL {float:left;}

/*위치*/
.re {position: relative;}
.ab {position: absolute;}

/* 마진 */
.mg_m20 {margin: -20px;}
.mg_auto {margin: 0 auto;}

.mgt_5 {margin-top:5px;}
.mgt_10 {margin-top:10px;}
.mgt_15 {margin-top:15px;}
.mgt_30 {margin-top:30px;}
.mgt_40 {margin-top:40px;}
.mgt_60 {margin-top:60px;}
.mgt_80 {margin-top:80px;}

.mgb_5 {margin-bottom: 5px;}
.mgb_10 {margin-bottom: 10px;}
.mgb_20 {margin-bottom: 20px;}
.mgb_30 {margin-bottom: 30px;}
.mgb_40 {margin-bottom: 40px;}

.mgr_10 {margin-right: 10px;}
.mgr_20 {margin-right: 20px;}

.mgl_10 {margin-left: 10px;}
.mgl_20 {margin-left: 20px;}

.mglr_20 {margin-left: -20px; margin-right: -20px;} /*6개 박스 간격*/

.space {margin:0 5px;}
.space02 {margin:0 1px;}

/*패딩*/
.pd_5 {padding:5px;}
.pd_20 {padding:20px;}
.pd_30 {padding:30px;}
.pd_40 {padding:40px;}
.pd_60 {padding:60px;}

.pdt_10 {padding-top:10px;}
.pdt_20 {padding-top:20px;}
.pdt_30 {padding-top:30px;}
.pdt_50 {padding-top:50px;}
.pdt_60 {padding-top:60px;}
.pdt_90 {padding-top:90px;}
.pdt_100 {padding-top:100px;}
.pdt_150 {padding-top:150px;}

.pdb_20 {padding-bottom:20px;}
.pdb_40 {padding-bottom:40px;}
.pdb_60 {padding-bottom:60px;}
.pdb_90 {padding-bottom:90px;}

.pdr_10 {padding-right:10px;}
.pdr_13 {padding-right:13.3px;}
.pdr_20 {padding-right:20px;}
.pdr_26 {padding-right:26.6px;}
.pdr_30 {padding-right:30px;}
.pdr_40 {padding-right:40px;}
.pdr_60 {padding-right:60px;}
.pdr_70 {padding-right:70px;}
.pdr_90 {padding-right:90px;} /*절감시뮬레이션*/
.pdr_95 {padding-right:95px;}

.pdl_0 {padding-left:0 !important;}
.pdl_10 {padding-left:10px;}
.pdl_13 {padding-left:13.3px;}
.pdl_15 {padding-left:15px;}
.pdl_20 {padding-left:20px;}
.pdl_26 {padding-left:26.6px;}
.pdl_30 {padding-left:30px;}
.pdl_40 {padding-left:40px;}
.pdl_80 {padding-left:80px;}
.pdl_150 {padding-left:150px;}

.pdlr_2 {padding-left: 2px; padding-right: 2px;}
.pdlr_5 {padding-left: 5px; padding-right: 5px;}
.pdlr_10 {padding-left: 10px; padding-right: 10px;}
.pdlr_20 {padding-left: 20px; padding-right: 20px;} /*6개 박스 간격*/
.pdlr_25 {padding-left: 25px; padding-right: 25px;}
.pdlr_30 {padding-left: 30px; padding-right: 30px;}
.pdlr_40 {padding-left: 40px; padding-right: 40px;}
.pdlr_50 {padding-left: 50px; padding-right: 50px;}
.pdlr_150 {padding-left: 150px; padding-right: 150px;}
.pdlr_200 {padding-left: 200px; padding-right: 200px;}
.pdlr_220 {padding-left: 220px; padding-right: 220px;} /*공기압축기 절감시뮬레이션 버튼부분*/

.pdtb_5 {padding-top:5px;padding-bottom:5px;}
.pdtb_10 {padding-top:10px;padding-bottom:10px;}
.pdtb_30 {padding-top:30px;padding-bottom:30px;}
.pdtb_30 {padding-top:30px;padding-bottom:30px;}
.pdtb_40 {padding-top:40px;padding-bottom:40px;}
.pdtb_50 {padding-top:50px;padding-bottom:50px;}
.pdtb_51 {padding-top:50px;padding-bottom:51px;} /*메인에 견적문의*/
.pdtb_60 {padding-top:60px;padding-bottom:60px;}
.pdtb_80 {padding-top:80px;padding-bottom:80px;}
.pdtb_100 {padding-top:100px;padding-bottom:100px;}
.pdtb_100_1 {padding-top:100px;padding-bottom:100px;}

/***********************************************
기타
***********************************************/

/*border*/
.border {border: 1px solid #ddd; box-sizing: border-box;}
.border_b {border-bottom: 1px solid #ddd;}
.border_r {border-right: 1px solid #ddd;}
.border_l {border-left: 1px solid #ddd;} /*오시는길*/
.border_t {border-top: 1px solid #ddd;}

/*blut 블릿*/
.blut_mint {position: relative;}
.blut_mint::before {content: ""; width: 3px; height: 3px; position: absolute; left: 0; top: 10px; background-color: #0facb6;}
.blut_mint01 {position: relative;}
.blut_mint01::before {content: ""; width: 3px; height: 3px; position: absolute; left: 0; top: 7px; background-color: #0facb6;}
.blut_mint02 {position: relative;}
.blut_mint02::before {content: ""; width: 5px; height: 5px; position: absolute; left: 0; top: 10px; background-color: #0facb6;}
.blut_gray {position: relative;padding-left:15px;}
.blut_gray::before {content: ""; width: 3px; height: 3px; position: absolute; left: 0; top: 10px; background-color: #999;}

.blut_mgray {}
.blut_mgray::before {}

.num_fixed {position: absolute; left: 0;}
.text_fixed {position: absolute; left: 12px;}



/*기타 */
.clear {clear:both;}
.cf::after {clear: both; display: block; content: "";}
.hand {cursor:pointer}
.mar_dpb {display: block; margin: 0 auto;}

/***********************************************
레이아웃(헤더)
***********************************************/

/* 레이아웃(헤더) */
	#head {width:100%;}
	header {height:70px;}
	header #topmenu {width:100%;max-width:1200px;margin:0 auto;}

	header #topmenu #header_logo {float:left; height:30px; padding:5px 0 0;}
	header #topmenu #gnbwrap {float:right;}
	header #topmenu #gnbwrap {top:0; display:inline-block; height:; margin:0 auto; border:solid 0px #000; overflow:hidden; z-index:11;}

	#gnb > ul > li {display:inline-block;height:70px; }
	#gnb > ul > li > a{ font-weight:bold; text-decoration: none;  display: block; position: relative; color: #fff; letter-spacing: ;font-size:16px; z-index: 1; padding:23px 20px; height:100%;}

	header #gnb_sub {position:absolute;top:70px;left:0px;background-color:#fff;border-bottom:1px solid #efefef;width:100%; z-index:11;text-align:center;}
	header #gnb_sub ul {max-width:1200px;margin:0 auto;margin-top:-10px;padding-top:10px;}
	header #gnb_sub ul li {display:inline-block;padding:10px 22px 10px 23px;}
	header #gnb_sub ul li a {font-size:16px;color:#222;}
	header #gnb_sub ul li a:hover {color:#0facb6;font-weight:bold;}
	header #gnb_sub ul li a.active {color:#0facb6;font-weight:bold;}
	header #topmenu #m_gnb {display:none;float:right;padding-top:17.5px;}
	header #topmenu #m_gnbwrap {display:none;position:fixed;right:0px;width:100%;max-width:700px;height:100%;z-index:9}
	header #topmenu #m_gnbwrap ul {position:relative;}
	header #topmenu #m_gnbwrap ul li {display:block;border-bottom:1px solid #ddd;padding-top:10px;padding-bottom:10px;}
	header #topmenu #m_gnbwrap ul li a {font-size:16px;font-weight:bold;color:#222;margin-left:10px;padding-bottom:10px;}
	header #topmenu #m_gnbwrap ul li img {float:right;margin-top:10px;margin-right:10px;cursor:pointer}

	header #topmenu #m_gnbwrap ul li ul{background-color:#f5f5f5;margin-top:10px;border-top:1px solid #ddd;margin-bottom:-10px}
	header #topmenu #m_gnbwrap ul li ul li{display:inline-block;padding:10px 0px;width:49%;border-bottom:none}
	header #topmenu #m_gnbwrap ul li ul li a {font-size:14px;font-weight:normal;color:#555;margin-left:20px;}
	header #topmenu #m_gnbwrap ul li ul li:nth-child(2n) a {margin-left:0px;}
	header #topmenu #m_gnbwrap #m_gnb_btn ul li {display:inline-block;width:40%;}
	header #topmenu #m_bottom_btn {display:none;}

/* 레이아웃(서브메뉴) */
	header #gnb_sub #gnb2m1 {position:relative;left:-95px;}
	header #gnb_sub #gnb2m2 {position:relative;left:-30px;}
	header #gnb_sub #gnb2m3 {}
	header #gnb_sub #gnb2m4 {text-align:right; position:relative;left: -190px;}
	header #gnb_sub #gnb2m5 {text-align:right; position:relative;left:-90px;}
	header #gnb_sub #gnb2m6 {text-align:right;}
	header #gnb_sub #gnb2m7 {text-align:right;}
	header #gnb_sub #gnb2m8 {text-align:right;}
	header #gnb_sub #gnb2m9 {text-align:right;}
	header #gnb_sub #gnb2m10 {text-align:right;}

/* 로케이션/타이틀 */
	#location {width:100%;border-bottom:1px solid #ddd;position:relative;top:70px;height:280px;padding:100px 0;margin-bottom:70px;}
	#location .contaner {width:1200px;margin:0 auto;}
	#location #loc_prev {float:left;max-width:50px;width:5%;}
	#location #loc_next {float:right;max-width:50px;width:5%;}

	#location #loc_title {float:left;width:90%;max-width:1100px;text-align:center;}

/*	header ul li { display:inline-block; clear:both; position: relative; margin: 0; padding:0px 0 10px 0;font-size:16px;color:#222;padding:10px 25px 10px 20px;} */

/***********************************************
레이아웃(푸터)
***********************************************/

/* 레이아웃(푸터) */
	footer {font-size:14px; color:#ccc; margin:0;padding:50px 0; background-color:#222;text-align:center;}
	footer #footerlogo {margin:0; padding:0;}
	footer #footerlink {margin-top:30px; font-size:14px; color:#ccc;font-weight:normal;}
	footer #footerlink a {color:#ccc; font-weight:normal;}
	footer #footerlink a:hover {color:#eee; font-weight:normal;}
	footer #footertext {margin-top:10px; font-size:14px; color:#ccc;}
	footer #footertext .title {font-size:14px; color:#fff; font-weight:bold;}
	footer #footercopy {margin-top:20px; font-size:14px; color:#666;}

/***********************************************
레이아웃(풀페이지
***********************************************/

/* 기타(메인 풀페이지) */
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

.dpb_web{display:block;}
.dpb_mo{display:none;}

@media(max-width:1279px)
{
	header #topmenu {width:1024px;}
	header #topmenu #header_logo {padding:20px 0 0 15px;;}
	#gnb > ul > li {padding-top:7px; }
	#gnb > ul > li > a{ font-size:14px; padding:15px;}

	header #gnb_sub ul {max-width:100%;}
	header #gnb_sub ul li a {font-size:14px;color:#222;}
	#location .contaner {width:1000px;}

	/* 레이아웃(서브메뉴) */
	header #gnb_sub #gnb2m1 {position:relative;left:-58px;}
	header #gnb_sub #gnb2m2 {position:relative;left:-15px;}
	header #gnb_sub #gnb2m3 {position:relative;left:5px;}
	header #gnb_sub #gnb2m4 {position:relative;left: -150px;}
	header #gnb_sub #gnb2m5 {position:relative;left:-90px;}
	header #gnb_sub #gnb2m6 {position:relative;left:-45px;}

	.bg_main01 {background-position: center right 30%;}
	.bg_sub_0302_01 {background-position: center right 55%;}
	.bg_sub_0302_01_01 {background-position: center right 55%;}


	/* 레이아웃(컨텐츠박스) */
	.cont_boxA {max-width:1200px; padding: 0 30px;}
	.cont_boxFI {width:50%; margin-top:30px;}
	.cont_boxSI {width:33.3333%; margin-top:30px;}

	.w_t100p {width:100% !important;}
	.h_145 {height:100px;}
	.h_340 {height: 275px;}
	.h_330 {height: 275px;}

	.pdlr_20 {padding-left: 15px; padding-right: 15px;} /*6개 박스 간격*/
	.pdlr_25 {padding-left: 20px; padding-right: 20px;}
	.pdlr_30 {padding-left: 30px; padding-right: 30px;}
	.pdlr_50 {padding-left: 30px; padding-right: 30px;}
	.pdlr_150 {padding-left: 80px; padding-right: 80px;}

	.w_17p {width: 100% !important;}

	/*태블릿 간격 마진*/
	.tmgt_0 {margin-top: 0 !important;}

	.pdtb_51 {padding-top:60px; padding-bottom:60px;}

	.mdpn_1200 {display: none;}

	.dpb_web{display:block;}
	.dpb_mo{display:none;}

}

@media(max-width:1024px)
{

	header #topmenu {width:100%; padding-right:15px;}
	header #topmenu #header_logo {padding:7.5px 0 0 15px;}
	#gnb > ul > li {padding-top:15px; }
	#gnb > ul > li > a{ font-size:15px;padding:8px;}

	header #gnb_sub ul {max-width:100%;}
	header #gnb_sub ul li a {font-size:12px;color:#222;}

	/* 레이아웃(서브메뉴) */
	header #gnb_sub #gnb2m1 {position:relative;left:0px;}
	header #gnb_sub #gnb2m2 {}
	header #gnb_sub #gnb2m3 {}
	header #gnb_sub #gnb2m4 {}
	header #gnb_sub #gnb2m5 {}
	header #gnb_sub #gnb2m6 {position:relative;left:-15px;}

	#location .contaner {width:840px;}

	h1 {font-size:26px;text-align:center}
	h2 {font-size:24px;text-align:center}
	h3 {font-size:16px;}

	.bg_main01 {background-position: center right 30%;}
	.bg_main02 {background-position: center center;}
	.bg_sub_0301_01 {background-position: center left 50%;}

	/* 레이아웃(컨텐츠박스) */
	.cont_boxA {max-width:940px;}
	.w_st100p {width:100% !important;}

	.w_70p {width: 100%;}
	.w_30p {width: 100%;}
	.h_340 {height: 240px;}
	.h_330 {height: 240px;}

	/*간격 마진*/
	.mg_m20 {margin: -15px;}

	/*작은태블릿 간격 패딩*/
	.stpt_30 {padding-top: 30px;}

	/*간격 패딩*/
	.pd_20 {padding: 15px;}
	.pdt_50 {padding-top:25px;}
	.pdt_100 {padding-top: 40px;}
	.pdt_100_1 {padding-top:40px;}

	.pdr_13 {padding-right: 10px;}
	.pdr_20 {padding-right: 15px;}
	.pdr_26 {padding-right: 20px;}

	.pdl_13 {padding-left: 10px;}
	.pdl_20 {padding-left: 15px;}
	.pdl_26 {padding-left: 20px;}
	.pdl_40 {padding-left: 0px;}

	.pdlr_20 {padding-left: 15px; padding-right: 15px;} /*6개 박스 간격*/
	.pdlr_25 {padding-left: 20px; padding-right: 20px;}
	.pdlr_40 {padding-left: 20px; padding-right: 20px;}
	.pdlr_150 {padding-left: 30px; padding-right: 30px;}

	.pdtb_51 {padding-top:70px; padding-bottom:70px;}

	.w_17p {width: 100% !important;}

	/*display*/
	.dpb {display: inline;}
	.tdpn {display: none;}

	.dpb_web{display:block;}
	.dpb_mo{display:none;}

}

@media(max-width:900px)
{
	header {height:55px;}
	header #topmenu #header_logo {float:left; height:30px; padding:7.5px 0 0 15px;}
	header #topmenu #gnbwrap {display:none;}
	header #topmenu #m_gnb {display:block;}
	header #topmenu #m_bottom_btn {display:block;position:fixed;bottom:0;width:100%;}
	header #gnb_sub {display:none}
	#location {top:50px;padding:30px 0;margin-bottom:50px;height:auto;}
	#location .contaner {width:100%;margin:0 auto;}
	#location #loc_title {float:none;width:100%;}

	.bg_main01 {background-position: center right 30%;}
	.bg_sub_0302_01 {background-position: center right 55%;}
	.bg_sub_0302_01_01 {background:url("../../img/03_sub3/sub3_02_01_m_250721.jpg") no-repeat; background-size:cover;background-position: center right 40%;}

	.sub_title {text-align: center;}
	.mfs12 {font-size:12px;}
	.fs12 {font-size:12px;}
	.fs16 {font-size:14px;}
	.fs18 {font-size:14px;}
	.fs20 {font-size:16px;}
	.fs24 {font-size:20px;}
	.fsBig {font-size:40px; line-height: 0.8;}
	.fs60 {font-size:28px;}

	/* 탭*/
	.tab {height:auto; overflow: hidden; width:100%;font-size:13px;color:#222;border-bottom:none;}
	.tab ul {width:100%; display: block;}
	.tab ul li {height:40px; width:50%; border-bottom:1px solid #ddd;}
	.tab ul li:nth-child(2n+1) {border-left: 1px solid #ddd;}
	.tab ul li a {line-height:40px;padding: 0; width: 100%;}

	.tabR {padding: 20px 15px 0 15px;;}
	.tabR a {display:block;width:98%;padding:10px 0; font-size: 13px;margin-top: 10px; margin-bottom: 10px;}
	.tabR a.last {margin-bottom: 30px;}


	/* 레이아웃(컨텐츠박스) */
	.cont_boxA {max-width:720px;margin:0 auto; padding:0 15px;}
	.cont_boxB {max-width:100%;}
	.cont_boxHA {float:none;width:100%;;margin:20px auto;}
	.cont_boxTH {float:none;width:100%;margin-top:20px;}
	.cont_boxFO {width:50%;}
	.cont_boxFI {width: 100%; margin-top:20px;}
	.cont_boxSI {width:50%; margin-top:20px;}

	.w_m100p {width:100% !important;margin-top:10px;}
	.w_m70p {width:70% !important;}
	.w_m50p {width:50% !important;}

	.w_20p {width: 100%;}
	.w_30p {width: 100%;}
	.w_40p {width: 100%;}
	.w_60p {width: 100%;}
	.w_70p {width: 100%;}
	.w_750 {width: 100%;} /*공기압축기 절감시뮬레이션 계산하기버튼*/

	.h_145 {height:70px;}
	.h_230 {height:auto;}
	.h_260 {height:auto;}
	.h_340 {height:auto;}
	.h_330 {height:470px;}
	.h_420 {height:auto;padding:50px 100px;}
	.h_450 {height:200px;} /*ceo인사말*/
	.h_460 {height:300px;} /*오시는길*/
	.h_460 iframe {height:300px;} /*오시는길*/
	.h_500 {height:300px;}

	/*간격 패딩*/
	.pd_20 {padding:10px;}
	.pd_30 {padding:15px;}
	.pd_40 {padding:20px;}
	.pd_60 {padding:30px;}

	.pdt_20 {padding-top:10px;}
	.pdt_30 {padding-top:15px;}
	.pdt_60 {padding-top:30px;}
	.pdt_90 {padding-top:0; padding-bottom: 10px;}
	.pdt_100 {padding-top: 20px;}

	.pdb_20 {padding-bottom:10px;}
	.pdb_40 {padding-bottom:20px;}
	.pdb_60 {padding-bottom:30px;}
	.pdb_90 {padding-bottom:45px;}

	.pdr_13 {padding-right:0;}
	.pdr_20 {padding-right:0;}
	.pdr_26 {padding-right:0;}
	.pdr_30 {padding-right:0;}
	.pdr_40 {padding-right:0;}
	.pdr_60 {padding-right:0;}
	.pdr_70 {padding-right:0 !important;}
	.pdr_95 {padding-right:0;}

	.pdl_13 {padding-left:0;}
	.pdl_20 {padding-left:0;}
	.pdl_26 {padding-left:0;}
	.pdl_30 {padding-left:0;}
	.pdl_40 {padding-left:0;}
	.pdl_80 {padding-left:0;}

	.pdtb_10 {padding-top:5px;padding-bottom:5px;}
	.pdtb_30 {padding-top:15px;padding-bottom:15px;}
	.pdtb_50 {padding-top:25px;padding-bottom:25px;}
	.pdtb_60 {padding-top:30px;padding-bottom:30px;}
	.pdtb_80 {padding-top:40px;padding-bottom:40px;}
	.pdtb_100 {padding-top:100px;padding-bottom:100px;}
	.pdtb_100_1 {padding-top:40px;padding-top:40px;}

	.pdlr_20 {padding-left: 10px; padding-right: 10px;} /*6개 박스 간격*/
	.pdlr_25 {padding-left: 15px; padding-right: 15px;}
	.pdlr_30 {padding-left: 20px; padding-right: 20px;}
	.pdlr_40 {padding-left: 25px; padding-right: 25px;}
	.pdlr_50 {padding-left: 15px; padding-right: 15px;} /*오시는길 버스*/
	.pdlr_150 {padding-left: 0; padding-right: 0;}
	.pdlr_200 {padding-left: 50px; padding-right: 50px;}
	.pdlr_220 {padding-left: 0; padding-right: 0;}

	.mpdl_80 {padding-left: 80px;}
	.mpdt_15 {padding-top: 15px !important;}
	.mpdt_40 {padding-top: 40px;}
	.mpdb_30 {padding-bottom:30px;}
	.mpdb_0 {padding-bottom: 0 !important;}
	.mpdlr_20 {padding-left: 20px; padding-right: 20px;} /*6개 박스 간격*/

	/*모바일 간격 마진*/
	.mmgt_0 {margin-top: 0 !important;}
	.mmgb_0 {margin-bottom: 0 !important;}
	.mmgt_10 {margin-top: 10px !important;}
	.mmgt_20 {margin-top: 20px !important;}
	.mmgt_30 {margin-top: 30px !important;}
	.mmgt_40 {margin-top: 40px !important;}
	.mmgt_60 {margin-top: 60px !important;}
	.tmgt_0 {margin-top: 20px !important;}

	.mmgb_60 {margin-bottom: 60px !important;}


	/* 마진 */
	.mgr_20 {margin-right: 10px;}
	.mgl_10 {margin-left: 0;}
	.mgt_m50 {margin-top:-50px;}
	.mgt_5 {margin-top:5px;}
	.mgt_10 {margin-top:10px;}
	.mgt_15 {margin-top:10px;}
	.mgt_30 {margin-top:15px;}
	.mgt_40 {margin-top:20px;}
	.mgt_60 {margin-top:30px;}
	.mgt_80 {margin-top:40px;}

	.mgb_30 {margin-bottom: 15px;}

	.mmg_0 {margin: 0 !important;}
	.mmgt_0 {margin-top: 0 !important;}
	.mg_m20 {margin: -10px;}
	.mglr_20 {margin-left: -10px; margin-right: -10px;}


	.space {margin:0 2px;}

	/*모바일 중앙정렬*/
	.mob_center {text-align:center;}
	.mob_left {text-align:left;}

	.mflN {float: none;}
	.mflL {float: left !important; display: block;}

	/*디스플레이 정의*/
	.mdpn {display: none;} /*모바일에서만 안보이게*/
	.mdpBlock {display: block !important;}
	.mdpIBlock {display: inline-block !important;}
	.dpb {display: inline;}
	.dpb_web{display:block;}
	.dpb_mo{display:none;}

	/*기타*/
	.border_l {border-top: 1px solid #ddd; padding-top: 30px; margin-top: 30px; border-left: none;} /*오시는길*/

	/* 레이아웃(푸터) */
	footer #footertext .title {display:block;}
	footer #footercopy {margin-top:40px;font-size:12px; color:#666;}
	footer {font-size:14px; color:#ccc; margin:0;padding:50px 0; background-color:#222;text-align:center;}
	footer #footerlogo {margin:0;padding:0;}
	footer #footerlogo .pdr_20 {padding-right: 10px;}
	footer #footerlogo .pdl_20 {padding-left: 10px;}
	footer #footerlink {margin-top:30px;font-size:14px; color:#ccc;font-weight:normal;}
	footer #footertext {font-size:12px;}
	footer #footertext .title {font-size:12px;}

	/*모바일 전용 블릿*/
	.blut_mgray {position: relative;left:10px;padding-left:15px;}
	.blut_mgray::before {content: ""; width: 3px; height: 3px; position: absolute; left: 0; top: 10px; background-color: #999;}

	/*모바일전용 table*/
	pre {font-size:12px;}
	.table_mob {width: 100%;}
	.table_mob tr th {display: block; float: left; width: 100%;height:auto; }
	.table_mob tr td {display: block; float: left; width: 100%;height:auto; }

	.table_mob .mob_50p {width: 50%; float: left;}



}

@media(max-width:600px)
{
	.cont_boxFO {float:none;width:100%;}

	.h_145 {height:110px;}
	.h_420 {height:auto;padding:50px 30px;}
	.h_330 {height:auto;}

	.dpb_web{display:none;}
	.dpb_mo{display:block;}
	.pdtb_100_1 {padding-top:30px;padding-bottom:30px;}
}