<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* 
IMGTech CSS
*/

input, textarea {padding:0; margin:0}
textarea {font-family:'Nanum Barun Gothic','Nanum Gothic','나눔 고딕','Apple Gothic','DroidSansFallback','맑은 고딕','Malgun Gothic','돋움','dotum','굴림','gulim'}

#wrap {width:100%; margin:0 auto; height:100%; position:relative}

/* 단위 */
.mTX1 {margin-top: 5px}
.mT92 {margin-top: 92px}
.mB16 {margin-bottom: 16px}
.mR30 {margin-right: 30px}
.mAllT15 {margin:15px 0 0}

/* 숨김 보임 위치등 */
/*
.dpNo {display:none}
.vertM {vertical-align:middle}
.clrBt {clear:both}
*/
.fL {float:left}
.fR {float:right}
.dpInlineB {display:inline-block}
.txtC {text-align:center}

/* 폰트 */
.ftWtNm {font-weight:normal !important}
.fW700 {font-weight:700}

/* 버튼 스타일 */
.btSt1 {display:table-cell; vertical-align:middle; padding:0 19px; height:53px; text-align:center; color:#fff; background-color:#d6502f; border-radius:3px}
.btSt1:hover {color:#000; background-color:#f3cac0}

/*** header ***/
#header {width:100%; height:100px; position:absolute}
#header .hArea {width:1170px; margin:0 auto}
#header h1 {width:175px; height:100px; display:inline-block}
#header h1 img { margin:24px 0 0 15px}

/* gnb */
.gnb {font-family:'Arial'; text-align:center; height:52px; display:inline-block; float:right} 
.gnb .depth01 {margin:24px 18px 0 0; overflow:auto}
.gnb .depth01 li {float:left}
.gnb .depth01 li a {padding:0 20px; height:52px; text-align:center; font-size:0.938em; color:#fff; line-height:52px; display:block}
.gnb .depth01 li a:hover {color:#d35131}
.depth01 li h2 {cursor:pointer} 

 /*html, body { width:100%; height:100%;  margin:0px; padding:0px; }*/
 .nav { width:100%; position:fixed; left:0px; top:0px; background-color:rgba(0,0,0,0.85); display:none; z-index:10}
 .gnbFix {width:1170px; margin:0 auto}
 /*.gnbFix h1 {height:66px !important}
 .gnbFix h1 img { margin:13px 0 0 15px !important}
 .gnbFix .gnb .depth01 {margin:10px 18px 0 0 !important}*/
/*** //header ***/

/*** main START ***/
.mHeading {background: url(../images/main/m_bg01.jpg) center 0 no-repeat; background-attachment: fixed; color: #000; height:630px; background-color:#000}
.mHeading p {min-width:1170px; text-align:center; font-family:'Nanum Barun Gothic','Nanum Gothic','나눔 고딕','Apple Gothic','DroidSansFallback','맑은 고딕','Malgun Gothic','돋움','dotum','굴림','gulim'; color:#fff; font-weight:300}
.mHeading p strong {font-weight:bold}
.pBasicFt {font-size:2.937em; font-weight:300; line-height:2.307em; display:inline-block; margin-top:234px}
.mftSize1 {font-size:1.624em; font-weight:400}
.mftColr1 {color:#ed8336}

 /*our works*/
 #column_1 {height:555px}
.owArea1 {width:1140px; height:555px; margin:0 auto; overflow:hidden}
.owPic1 {float:left; margin-top:83px; width:514px;}
.owTxt1 {float:right; margin-right:8px; width:calc(100% - 524px);}
.owTxt2 {float:right; margin-right:8px/*78px*/; width:calc(100% - 524px);}
.h2PgTit {margin-top:77px; text-align:left; display:inline-block}
.h2PgSTit1 {font-size:1.063em; font-weight:300; line-height:1.937em}
.h2PgSTit2 {font-size:1.750em; font-weight:200}
.h2PgSTit3 {font-size:1.750em; font-weight:700}
.h2PgSTitHr {width:94px; border: 0; border-top: 2px solid #d6502f; margin: 2px 2px; text-align:left}
.h2PgTxt1 {margin-top:39px; font-weight:200; line-height:1.5em}
.h2PgTxt2 {margin:35px 0 0 28px; line-height:1.250em}
.h2PgSsTxt1 {font-size:0.938em; font-weight:300; display:inline-block; margin-left:8px}
.h2PgSsTxt2 {font-size:0.938em; font-weight:300; display:inline-block}
.h2PgSTxt1 {font-weight:700; display:inline-block; margin-top:10px}

 /* customers */
#column_2 {height:426px; background: url(../images/main/m_bg02.jpg) center center no-repeat; background-attachment: fixed; background-color:#000; color:#fff}
.h2Pg2Tit {margin-top:77px; text-align:left; display:inline-block}
.h2Pg2Exp1 {padding: 0 !important; font-style:normal !important; margin: 66px 0 0 !important; font-size:1.083em !important; font-weight:200; border-top:none !important}

/* products */
.pDArea {width:1140px; height:584px; margin:0 auto; position:relative}
.pdTabMn1, .pdTabMn2, .pdTabMn3, .pdTabMn4, .pdTabMn5 {position:absolute; padding:20px 23px; color:#919097; font-weight:bold; font-size:0.938em; border-bottom:1px solid #ddd; cursor:pointer; z-index:1}
.pdTabMn1on, .pdTabMn2on, .pdTabMn3on, .pdTabMn4on, .pdTabMn5on {position:absolute; padding:20px 23px; font-size:0.938em; cursor:pointer; z-index:1; color:#555; font-weight:bold; border-width:1px 1px 0 1px; border-style:solid; border-color:#ddd}
/*.pdTabMn1, .pdTabMn1on {top:83px; left:507px}
.pdTabMn2, .pdTabMn2on {top:83px; left:641px}
.pdTabMn3, .pdTabMn3on {top:83px; left:767px}
.pdTabMn4, .pdTabMn4on {top:83px; left:906px}
.pdTabMn5, .pdTabMn5on {top:83px; left:1045px}*/
.pdTabMn1, .pdTabMn1on {top:83px; right: 533px;}
.pdTabMn2, .pdTabMn2on {top:83px; right: 397px;}
.pdTabMn3, .pdTabMn3on {top:83px; right: 246px;}
.pdTabMn4, .pdTabMn4on {top:83px; right: 95px;}
.pdTabMn5, .pdTabMn5on {top:83px; right: 0;}
.pdTabMn1, .pdTabMn2on, .pdTabMn3on, .pdTabMn4on, .pdTabMn5on {display:none}
.pdTab1, .pdTab2, .pdTab3, .pdTab4, .pdTab5 {position:absolute; overflow:hidden; width:1140px}
.pdTab2, .pdTab3, .pdTab4, .pdTab5 {display:none}
.pDTxt1 {float:left}
.pDArea .pDTxt1 {width:calc(100% - 556px);}
.pDArea .pdTab1 .pDTxt1 {width:100%;}
.h2Pg3SsTit1 {margin-top: 35px; font-size:1.250em; color:#555; line-height: 1.5em; font-weight:700}
.h2Pg3SsTxt1 {font-size:0.938em; line-height: 1.625em}
.h2Pg3SsTxt2 {margin-top: 26px; font-family:돋움,dotum,굴림,'Arial',gulim,san-serif; font-size: 0.69em; color:#555; font-weight:normal; display: inline-block; line-height: 1.689em}
.h2Pg3Txt2 {margin:9px 0 0 28px; color:#555}
.pdImg1 {float:right; margin:183px 1px 0 0}
.cstmListArea1 {margin-top: 26px; font-size: 0.69em; color: #555; font-weight: normal; display: block; line-height: 1.689em; height: 222px; overflow:auto; overflow-x: hidden; overflow-y: auto}
.listTitSt1 {display:block; margin-left:30px; font-style:normal; font-weight:bold; color:#333; font-size:1.250em; line-height: 1.625em; font-family: 'Nanum Barun Gothic','Nanum Gothic','나눔 고딕','Apple Gothic','DroidSansFallback','맑은 고딕','Malgun Gothic','돋움','dotum','굴림','gulim','Arial','san-serif';}
.cstmListSt1 {margin-left:30px; overflow: auto; font-size:1.167em; line-height: 1.625em; font-family: 'Nanum Barun Gothic','Nanum Gothic','나눔 고딕','Apple Gothic','DroidSansFallback','맑은 고딕','Malgun Gothic','돋움','dotum','굴림','gulim','Arial','san-serif';}
.cstmListSt1 li {float: left; border: 1px solid #ddd; padding: 4px 8px 1px; margin: 4px; background-color: rgba(237,132,54,0.1)}

/* company */
#column_4 {height:682px; background: url(../images/main/m_bg03.jpg) center center no-repeat; background-attachment: fixed; background-color:#000; color:#fff}
.h3Pg4Cont {width:970px; margin:62px auto 0}
.h3Pg4Tit {font-style:normal; margin:0; font-size:1.083em; border:1px solid #fff; text-align:left; padding:28px 24px; transition: all 1s ease;}
.h3Pg4Tit:hover {transform:scale(1.1, 1.1); outline:1px solid #fff}
.h3Pg4Tits {font-weight:bold; font-size:0.938em; text-align:center; margin-bottom:31px}
.h3Pg4Txt {font-family:'돋움','dotum','arial'; font-size:0.656em; line-height:1.636em}

/* contact */
#column_5 {height:590px}
.cTArea {width:1140px; height:590px; margin:0 auto; position:relative}
.inpSt1 {width:96%; height:36px; border:1px solid #ddd; padding:0 2%}
.inpSt2 {width:14%; height:36px; border:1px solid #ddd; text-align:center; padding:0 2%; box-sizing: border-box;}
.inpSt2Mg {margin:15px -2px 0 18px}
.inpSt3 {width:43%; height:36px; border:1px solid #ddd; padding:0 2%}
.inpSt4 {width:96%; height:88px; border:1px solid #ddd; padding:2%}
.cTArea .pDTxt1 {width:calc(100% - 570px); padding-right:16px;}
.cTTxt1 {float:right; width:554px}
.btnPsDt {display:inline-block; width:100%; height:36px; text-align:center; font-weight:bold; line-height:2.45em; color:#333; border:1px solid #ddd}
.btnPsDt:hover {color:#d35131}
.phNPx {display:inline-block; line-height:2.45em; vertical-align: bottom}

/* map */
#column_bot {height:460px}

/*** // main End ***/

/* footer*/
#footer {width:100%; color:#fff; background-color:#2e2e2e}
.info_inner {width:1140px; height:86px; vertical-align:middle; margin:0 auto; }
.addr_txt1 {float:left; font-size: 1em; font-weight:bold;  margin-top:35px}
.addr_logo {float:right; margin-top:22px; width:120px}

.only1169Vw{display:none;}



/************** 반응형 미디어쿼리- 모바일 가로 *****************/

@media only screen and (max-width:1169px) {

.mbSzTrs1 #header .hArea {width:980px;}
.mbSzTrs1 .gnbFix {width:980px;}
.mbSzTrs1 .mHeading p {min-width:980px;}

.mbSzTrs1 .info_inner {width: 980px; padding:0 16px; box-sizing:border-box;}
.mbSzTrs1 .owArea1 {width:980px;}
.mbSzTrs1 .pDArea {width:980px;}
.mbSzTrs1 .pdTab1, .mbSzTrs1 .pdTab2, .mbSzTrs1 .pdTab3, .mbSzTrs1 .pdTab4, .mbSzTrs1 .pdTab5 {width:980px; padding: 0 16px; box-sizing: border-box;}
.mbSzTrs1 .cTArea {width:980px; padding: 0 16px; box-sizing: border-box;}
.mbSzTrs1 .cliImg1 {width:980px;}

.pdTabMn1, .pdTabMn1on {left: inherit; right: 549px;}
.pdTabMn2, .pdTabMn2on {left: inherit; right: 413px;}
.pdTabMn3, .pdTabMn3on {left: inherit; right: 262px;}
.pdTabMn4, .pdTabMn4on {left: inherit; right: 111px;}
.pdTabMn5, .pdTabMn5on {left: inherit; right: 16px;}
.mbSzTrs1 .ch-grid li {width: 980px;}
.mbSzTrs1 #column_bot {height: inherit;}
.mbSzTrs1 .owPic1 {width: 40vw;}
.mbSzTrs1 .owTxt1 {width:calc(100% - 40vw); margin-right:0;}
.mbSzTrs1 .owTxt2 {width:calc(100% - 40vw); margin-right:0;}
.mbSzTrs1 .pBasicFt {margin: 254px 0 20px; line-height: 1.4;}
.onlyPcVw {display:none;}
.only1169Vw{display:inline-block;}

}

@media only screen and (max-width:980px) {

.mbSzTrs1 .owPic1 {width: 50vw;}
.mbSzTrs1 .owTxt1 {width:calc(100% - 50vw - 24px); margin-right:24px;}
.mbSzTrs1 .owTxt2 {width:calc(100% - 50vw - 24px); margin-right:24px;}
.h3Pg4Cont {padding: 0 16px; box-sizing: border-box;}

}

@media only screen and (min-width : 479px) and (max-width:767px) {
	

}

/*************** 아이폰 320 세로 해상도 대응 *****************/
@media only screen and (max-width:320px) {


}
/*************** // 아이폰 320 세로 해상도 대응 *****************/</pre></body></html>