@charset "UTF-8";

*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-family:'NotoSans-Light-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#7a7a7a; letter-spacing:-0.6px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle} 
input, select{vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; letter-spacing:-0.6px; border-radius:0; font-size:16px}
input{padding:3px 20px;}
option{padding:10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #e1e1e1; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select{padding:5px; height:40px; border:1px solid #e1e1e1; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#7a7a7a; font-size:16px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#7a7a7a;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong{font-weight:normal; font-family:'NotoSans-Bold'}
th{font-weight:normal}
em{font-style:normal}
::-webkit-input-placeholder {color:#b1b1b1;}
:-moz-placeholder {color:#b1b1b1; opacity:1;}
::-moz-placeholder {color:#b1b1b1; opacity:1;}
:-ms-input-placeholder {color:#b1b1b1;}
:placeholder-shown {color:#b1b1b1;}


/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}

.taL{text-align:left !important}
.taC{text-align:center !important}
.taR{text-align:right !important}

.blue { color: #193b94 !important; }
a.tcfff {color:#fff}
a.tc555 {color:#555}

/*본문 바로가기*/
.goCon{position:fixed; top:-50px; left:0; z-index:1; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}
.goCon:focus{top:0;}

/*header*/
#wrap {position:relative; width:100%; height:100%}
#header {width:100%; position:fixed; top:0; z-index:999; background:#fff;}
#header .util {width:100%; max-width:1200px; height:32px; margin:0 auto; text-align:right; }
#header .util a {display:inline-block; font-size:13px;font-family:"NotoSans-Regular";color:#909090; line-height:42px; padding-left:7px; margin-left:7px;}
#header .util a:first-child {background: none;}
#header h1 {width:300px; margin:0 auto}
#header .gnbBtn {display:none}
#header .gnb {margin-top:40px; background-color:#0068b7; }
#header h1 img {width:100%}
#header .gnb .gnbArea {width:1200px; margin:0 auto}
#header .gnb .gnbMenu {width:100%; height:47px; z-index:150;}
#header .gnb .gnbMenu .oneD {position:relative; display:relative; float:left; width:11.11%; height:47px; text-align:center}
#header .gnb .gnbMenu .oneD > a {display:inline-block; width:120px; height:47px; line-height:45px; font-size:18px;font-family:"NotoSans-Medium";color:#fff}

#header .gnb .gnbMenu .oneD.on .two-depth{display:block}
#header .gnb .gnbMenu .oneD.off .two-depth{display:none}

#header .gnb .gnbMenu .two-depth{display:none; position:absolute; z-index:5; left:50%; margin-top:0px; margin-left:-90px;  width:180px; padding:0px 0px; border:1px solid #ebebeb; background:#fff; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .gnb .gnbMenu .two-depth > li{display:inline-block; width:100%;text-align:center; padding:10px 5px;border-top:1px solid; border-color: rgba(0,0,0,.1);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .gnb .gnbMenu .two-depth > li a{line-height:1; font-size:14px; color:#666; font-family: 'NotoSans-Light';font-style: normal;font-weight:200;letter-spacing:-0.04em; }
#header .gnb .gnbMenu .two-depth > li.on a{color: rgb(0, 132, 186);background:#ebebeb;}
#header .gnb .gnbMenu .two-depth > li a:hover{color: rgb(0, 132, 186);background:#ebebeb;}
#header .gnb .gnbMenu .two-depth > li:first-child{border-top:0px dotted #ebebeb; }
#header .gnb .gnbMenu .two-depth > li:hover{color: rgb(0, 132, 186);background:#ebebeb;font-weight:400;}
#header .gnb .gnbMenu .two-depth > li:hover a{color: rgb(0, 132, 186);background:#ebebeb;font-weight:400;}


/* 모바일 GNB */
#header .mgnb {display:none; width:100%; min-width:300px; height:45px;margin:20px auto 0;text-align:center; background:#2e3e68; z-index:2;}
.location{width:100%; text-align:left;position: relative;z-index:2;}
.lct_home {width: 50px; height: 45px; text-align: center; border-right:1px solid #546183; border-left:1px solid #546183; float: left;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.lct_home > a {width: 100%; height: 45px; display: block;}
.lct_home img {margin-top: 13px;}
.lct_depth_01 {position:relative; width: 200px; height: auto; float: left;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.lct_depth_02 {position:relative; width: 220px; height: auto; float: left;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.lct_depth_01 h3 a {width: 180px; height: 45px; color:#fff; line-height: 45px; padding-left: 20px; font-size: 14px; font-weight: 400; display: block;}
.lct_depth_02 h3 a {width: 200px; height: 45px; color:#fff; line-height: 45px; padding-left: 20px; font-size: 14px; font-weight: 400; display: block;background: rgb(28, 36, 56);}
.lct_depth_01 h3 a.off {background: none}
.lct_depth_02 h3 a.off {background: url("/images/sub/select_arrow_bl_off.png") no-repeat 190px 15px rgb(28, 36, 56);}
.lct_depth_01 h3 span {display:inline-block; width:86%; background: url("/images/sub/select_arrow_bl.png") no-repeat right 20px rgb(46, 62, 104);}
.lct_depth_02 h3 span {display:inline-block; width:86%; background: url("/images/sub/select_arrow_bl.png") no-repeat right 20px rgb(28, 36, 56);}
.lct_depth_02 h3 span.off {display:inline-block; width:86%; background: url("/images/sub/select_arrow_bl_off.png") no-repeat right 17px rgb(28, 36, 56);}

.lct_depth_01 ul {border-right-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-left-color: rgb(210, 210, 210); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;}
.lct_depth_02 ul {border-right-color: rgb(210, 210, 210); border-bottom-color: rgb(210, 210, 210); border-left-color: rgb(210, 210, 210); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;}
.lct_depth_01 li {background:#fafafa; width: 198px; height: 35px;}
.lct_depth_02 li {background:#fafafa; width: 218px; height: 35px;}
.lct_depth_01 li:hover {background: #ebebeb; color: rgb(0, 132, 186);}
.lct_depth_01 li:active {background: #ebebeb; color: rgb(0, 132, 186);}
.lct_depth_02 li:hover {background: #ebebeb; color: rgb(0, 132, 186);}
.lct_depth_02 li:active {background: #ebebeb; color: rgb(0, 132, 186);}
.lct_depth_01 li a {width: 180px; color: rgb(122, 122, 122); line-height: 33px; padding-left: 20px; font-size: 13px; font-weight: 400; display: block;}
.lct_depth_02 li a {width: 200px; color: rgb(122, 122, 122); line-height: 33px; padding-left: 20px; font-size: 13px; font-weight: 400; display: block;}
.lct_depth_01 li a:hover {color: rgb(0, 132, 186); }
.lct_depth_01 li a:active {color: rgb(0, 132, 186);}
.lct_depth_02 li a:hover {color: rgb(0, 132, 186);}
.lct_depth_01 li a:active {color: rgb(0, 132, 186);}
.location .hide {display: none;}

#depth01Area, .lct_depth_02 ul {position:absolute; left:0; top:45px}


/*모바일 메뉴*/
.mGnbBg {display:none; width:100%; height:100%; background:url("../images/common/black_bg2.png") repeat 0 0; position:absolute; top:0; left:0; z-index:99998}
.mGnbArea {display:none; overflow:auto; width:272px; height:100%; background:#3746a3; position:absolute; top:0; right:-300px; z-index:99999}
.mGnbArea .gnbHead {background:#111a63; padding:11px 15px 22px}
.mGnbArea .gnbHead a.logo {font-family: 'NotoSans-Medium', sans-serif; font-size:18px}
.mGnbArea .gnbHead a.logo img {width:120px}
.mGnbArea .gnbHead a {font-size:13px; color:#fff}
.mGnbArea .gnbHead a + a {padding-left: 10px}
.mGnbArea .gnbHead .close {float:right; width:16px; height:16px; margin-top:24px}
.mGnbArea .gnbHead .close img {width:16px; height:16px}
.mGnbArea .gnbBody .oneD2,
.mGnbArea .gnbBody .oneD {display:block; font-size:16px; color:#fff; padding:11px 15px; border-bottom:1px solid #4d5ad7; background:#3746a3 url("../images/common/mgnb_oneD.png") no-repeat 94% 50%; background-size:15px 15px}
.mGnbArea .gnbBody .oneD.on {background:url("../images/common/mgnb_oneD_on.png") no-repeat 94% 50%; background-size:15px 15px}
.mGnbArea .gnbBody .oneD.off {background:none}
.mGnbArea .gnbBody .twoD {display:block; font-size:14px; color:#555; padding:8px 5px 9px; border-bottom:1px solid #d9d9d9}
.mGnbArea .gnbBody .twoD.on {font-weight:bold}
.mGnbArea .gnbBody .twoDArea {padding:21px 15px 22px; background:#fff; display:none}
.mGnbArea .gnbBody .oneD2 img {width:100%}
.mGnbArea .mUtil {clear:both; margin-top:15px; text-align:left}
.mGnbArea .mUtil a {display:inline-block; text-align:center; font-size:14px; padding:5px 0 !important; margin-right:22px}
.mGnbArea .mUtil a.last {margin-right:0}

.scroll_hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

/*메인비주얼*/
.mainroll {position: relative;}
.mainroll .visualTxt {position: absolute;top: 162px;left: 0;width: 100%;z-index: 100;text-align: center;}
.mainroll .visualTxt .tit {font-size: 50px;font-family: "NotoSans-Regular";color: #fff;text-shadow: 0 1px 5px #000}
.mainroll .visualTxt .tit span {color: #ed1b24;text-shadow: 0 1px 5px #fff}
.mainroll .visualTxt .txt {font-family:"NotoSans-Medium";font-size: 25px;color: #fff;line-height: 35px;margin-top: 60px;text-shadow: 0 1px 5px #000}
.mainroll .visualTxt .txt span {color: #ed1b24;text-shadow: 0 1px 5px #fff}

/*메인컨텐츠*/
.mainConArea {clear:both; width:100%; max-width:1268px; margin:0 auto; padding:50px 0 76px 0}
.titleWrap{text-align:center;margin-bottom:50px;}
/* .title{font-size:32px;color: #3a3a3a;font-family:"NotoSans-Bold";} */
.titleWrap .title {color:#2e3e68; font-size:40px;font-family: 'NotoSans-Medium';font-style: normal; letter-spacing:-0.05em; background:url('/images/title_bg.png') center bottom no-repeat;padding-bottom:18px;margin-bottom:40px; }
.subTitle{margin-top:10px;font-size:12px;font-family:"NotoSans-Light";color: #777;letter-spacing: 0}
.subTitle2 {font-family: 'NotoSans-Bold', sans-serif;font-size: 22px;color: #000;margin: 80px 0 30px;}
.subTitle2.first {margin:0 0 30px}
.mainService {overflow: hidden;/**/}
.mainService .mainPerformance {width: 100%; overflow: hidden; margin-top:50px}
.mainService .mainPerformance:first-child {margin-top:0}
.mainService .mainPerformance li {float:left; width: 302px; margin-left:20px}
.mainService .mainPerformance li:first-child {margin-left:0;}
.mainService .mainPerformance li a {display:block;}
.mainService .mainPerformance li a .title {padding:24px 30px 0;font-family:"NotoSans-Medium";font-size:17px;color:#555;line-height:25px;text-align: center;word-break: keep-all;}
.mainService .mainPerformance li a:hover .title {text-decoration:underline;color: #bf2932}
.mainService .mainPerformance li a img {width:300px; border:1px solid #e5e5e5; }

.section03_wrap{width:100%; background: url("/images/main/section03_bg.jpg") no-repeat center / cover rgb(255, 255, 255);padding: 60px 30px 60px; margin:0px auto; text-align:center; overflow: hidden;position: relative;-webkit-background-size: cover;-moz-background-size: cover;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section03_wrap h2{text-align:center; color:#fff;font-size:30px;line-height:1.2;letter-spacing: -0.05em;font-family: 'NotoSans-Regular';font-style: normal;font-weight:400;margin-bottom:20px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* 가로, 세로, 그림자 */}
.section03_wrap p{text-align:center; color:#fff;font-size:18px;line-height:1.2;letter-spacing: -0.05em;font-family: 'NotoSans-Regular';font-style: normal;font-weight:200;margin-bottom:30px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* 가로, 세로, 그림자 */}
.section03_wrap h4{text-align:center; color:#fff;font-size:35px;line-height:1;letter-spacing: -0.05em;font-family: 'NotoSans-Regular';font-style: normal;font-weight:500;text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* 가로, 세로, 그림자 */}




/*서브컨텐츠*/
#cBody {width:100%; margin-top:270px}
#subCon {width:1200px; margin:50px auto 0;padding: 0px 0 100px;overflow: hidden;}

		 

#subCon .ctn_wrap {float:right; width:900px}
/* title,textType */
h2 {font-family:'NotoSans-Black'; font-size:40px; color:#000; /*text-align:center;*/margin-bottom: 10px;/*margin-top:80px*/}
.tit-sub1 {outline:2px solid red; margin: 0;font-size: 28px;line-height: 1;color: #000;margin: 60px auto 60px;font-family:"NotoSans-bold";}
.tit-sub1 span {display: inline-block;padding-bottom: 12px;border-bottom: 2px solid #bf2932;}
/*locationBar*/
.locationBar { position:relative; top:0; z-index:9;min-height:50px; background-color:#fff;border-bottom: 1px solid #d9d9d9}
.intro-locTab {width:1200px; margin:0 auto;position: relative;}
.intro-locTab ul {display: table;height: 50px;}
.intro-locTab li {display: table-cell;position: relative;vertical-align: middle;border-right: 1px solid #d9d9d9;}
.intro-locTab li:first-child {border-left: 1px solid #d9d9d9;}
.intro-locTab li a {display:block; line-height:50px; text-align:center; font-size:14px;padding:0 40px}
.intro-locTab li.active a, .intro-locTab li a:hover{ background-color:#bf2932; color:#fff;}
.intro-locTab .share {position: absolute;right: 0;top:0;}
.intro-locTab .share a {display:block; width:50px; height:50px; background:#f2f2f2 url("../images/content/share.png") no-repeat 50% 50%;text-indent:-55555px; transition: all 0.2s ease-in;}
.intro-locTab .share>ul{display:none;height:235px;}
.intro-locTab .share>ul>li:first-child>a{background: url("../images/content/share_daumCafe.png") no-repeat 50% 50%; top:50px;}
.intro-locTab .share>ul>li:nth-child(2)>a{background: url("../images/content/share_webhard.png") no-repeat 50% 50%;top:99px;margin-top:-1px}
.intro-locTab .share>ul>li:nth-child(3)>a{background: url("../images/content/share_mail.png") no-repeat 50% 50%;top:150px;margin-top:-1px}
.intro-locTab .share>ul>li>a {padding:0;border:0}
.intro-locTab .share>ul>li {border: 0;display: block}
.m_share{display:none;}

/*테이블형태*/
.tableType1 {border-top:2px solid #000; letter-spacing:-1px}
.tableType1 table th{padding:18px 20px; border-bottom:1px solid #d9d9d9;line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Bold'; text-align:center; word-break:keep-all}
.tableType1 table td {padding:18px 13px; border-bottom:1px solid #d9d9d9;line-height:28px;color:#000;  vertical-align:middle; word-break:keep-all;  font-family:'NotoSans-Medium';}
.tableType1 table td.txt_type1 a,
.tableType1 table td.txt_type1{font-size:20px; color:#000; font-family:'NotoSans-Bold';letter-spacing: .5px}


/* 회사소개 */
.sub0101_wrap{display: inline-block;width: 100%;margin-bottom:30px;}
.sub0101_wrap .btit{display: inline-block;width: 100%;text-align:center;margin-bottom:40px;font-size:26px;color:#222;font-family: 'NotoSans-Regular';font-style: normal;font-weight:400;}
.sub0101_wrap .company{float:left;width: 50%;text-align:left;}
.sub0101_wrap .company img {width:100%}
.sub0101_wrap .ceo{float:left;width:50%;padding-left:50px; padding-top:18px; text-align: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sub0101_wrap .ceo p{margin-bottom:18px;font-size:18px;color:#333;font-family: 'NotoSans-Light';font-style: normal;font-weight:200;line-height:1.5; }

.info{display: inline-block;width: 100%; text-align:left; border:10px solid #f9f9f9; font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
.info .info_left{float:left; display: inline-block;width: calc(45% - 50px); text-align:left; padding:30px 0 0 50px;}
.info .info_right{float:right; display: inline-block;width:calc(55% - 20px); text-align:left; padding:30px 20px 30px 0;box-sizing:}
.info_txt{display: inline-block;width: 100%;}
.info_txt ul{display: inline-block;width: 100%;margin-top:10px;}
.info_txt .itit{float:left; width: 100px;color:#052e6e; font-size:16px;font-family: 'NotoSans-Light';font-style: normal;font-weight:400;line-height:1;}
.info_txt .itxt{float:left; color:#555; font-size:16px;font-family: 'NotoSans-Light';font-style: normal;font-weight:200;line-height:1;}
.info_txt ul:first-child{margin-top:0px;}

/* 오시는 길 */
.map_wrap2 {width:100%;margin:0px; padding-top:20px;text-align: left; }
.map_wrap2 ul {border-bottom:2px dotted #dedede;padding:10px 0px}
.map_wrap2 .ltitle {display:inline-block;width:150px;font-size:15px;color:#222;font-family:'NotoSans-Medium'; font-style: normal; line-height:24px; padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.map_wrap2 .rcontent {display:inline-block;width:auto;color:#555;font-size:14px;font-family:'NotoSans-Regular'; font-style: normal; line-height:24px;}
.map_wrap2 .map_icon {font-size:18px;color:#0063b6; margin-right:10px}




/* 190529 - 서브 타이틀 (레이아웃) */
#subCon .ctn_wrap h2 {position:relative; font-size:17px; font-family:"NotoSans-Medium"; margin-top:3px}
#subCon .ctn_wrap h2 > em{display:inline-block; font-size:24px; margin-bottom:10px;}



/*푸터*/
#footer {clear:both; min-width:300px; width:100%; background:#081233; padding: 0 0 56px;position: relative;}
#footer:after {display:block;visibility:hidden;clear:both;content:""}
#footer .footDiv {width:100%; max-width:1200px; margin:0 auto;padding-top: 36px;}
#footer .footDiv h1 {display: inline-block; margin: 0 40px 0 20px; vertical-align:middle;}
#footer .footDiv h1 img {height:80px}
#footer .footDiv div {display: inline-block; padding-top:40px; vertical-align:middle;}
#footer .footDiv div p {color: #a1a7b9;font-size: 13px;font-family:"NotoSans-Light";letter-spacing: 0;line-height: 22px; }
#footer .footDiv div span {display: inline-block; margin-left:10px; padding-top:3px; vertical-align:middle}

/* 위로 버튼 */
.btn_up_layer {position:fixed;right:5px;bottom:50px;display:none;padding:0px;z-index:900;}


/* 제품소개 */
.ctn_wrap .header_txt h3 {font-size:15px; color:#454545; line-height:22px; padding:0 0 15px}
.ctn_wrap .header_txt p  {font-size:13px; color:#676767; line-height:20px; padding:0 0 0 25px; position:relative;}
.ctn_wrap .header_txt p:after {position:absolute; left:15px; top:50%; width:5px; height:1px; background:#777; display:block; content:""; z-index:1; clear:both}

.ctn_wrap .body_img01 {text-align:center; margin-top:5%}
.ctn_wrap .body_img01 .tb01 img  {width:100%; height:40vw; max-height:500px}
.ctn_wrap .body_img01 .tb02 td {width:12.5%}
.ctn_wrap .body_img01 .tb02 img {width:100%; height:7vw; max-height:63px; outline:4px solid #fff}

.ctn_wrap .body_img02 {text-align:center; border:1px solid #d9d9d9; padding:5%; margin-top:5%}
.ctn_wrap .body_img02 img {max-width:100%}






/* 미디어쿼리 시작 */


@media all and (max-width:1300px) {
	.mainConArea, #footer .footDiv {width:94%; /**/}
	#subCon .left_wrap {display: none;}
	#subCon .ctn_wrap {width: 100%;float:none;}
	h2 {    text-align: center;}

	/* 190529 - 서브 타이틀 (레이아웃) */
	#subCon .ctn_wrap h2 > span{display:none}		

	.mainService .mainPerformance li {float:left; width: 22.75%; margin-left:3%; }
	.mainService .mainPerformance li a img {width:100%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
}


@media all and (min-width:1200px) {
	.scroll_hidden {overflow:auto !important; touch-action:none;}
}
@media all and (max-width:1200px) {
	/*header*/
	#header {width:100%; height:115px; position:relative; z-index:1}
	#header .gnb {width: 100%}
	#header .gnbBtn {display:block; position:absolute; top:50px; right:4%}
	#header .gnb, #header .util {display: none;}
	#header h1 {width:200px; padding-top:15px}	
	#header .gnbBtn img {width:100%}

	#cBody {margin-top:0}
	
	/*메인비주얼*/	
	.mainroll {margin-top:13px}
	.mainroll .visualTxt {top: 94px;}
	.mainroll .visualTxt .tit {font-size: 62px;}
	.mainroll .visualTxt .txt {font-size: 24px;line-height: 30px;margin-top: 30px;}

	/*locationBar*/
	.locationBar {display: none}
	.intro-locTab .share {display: none}
	.m_share{position:fixed;right:2.3%;bottom:10%;width:50px;height:188px;display:block;z-index:77787;overflow:hidden;}
	.m_share a {display:block; width:50px; height:50px; background:#f2f2f2 url("../images/content/share.png") no-repeat 50% 50%;text-indent:-55555px; transition: all 0.2s ease-in;}
	.m_share>a{position:relative;z-index:50;top:141px;} 
	.m_share>ul{opacity:0;height:188px;position:absolute;left:0;top:0;z-index:10;transition:0.5s;transform:translate(0, 180px);}
	.m_share>ul>li>a{z-index:10;}
	.m_share>ul>li:first-child>a{background: url("../images/content/share_daumCafe.png") no-repeat 50% 50%; top:47px;}
	.m_share>ul>li:nth-child(2)>a{background :url("../images/content/share_webhard.png") no-repeat 50% 50%;top:99px;margin-top:-1px}
	.m_share>ul>li:nth-child(3)>a{background: url("../images/content/share_mail.png") no-repeat 50% 50%;top:150px;margin-top:-1px}


	.m_share.open>ul{opacity:1;transition:0.5s;transform:translate(0, 0);}
	#subCon {width:94%; padding:0 0 70px}	

	#header .mgnb {display:block;}


	/* 회사소개 */
	.sub0101_wrap .ceo {padding-left:30px; padding-top:10px;}
	.sub0101_wrap .ceo p {margin-bottom:16px;font-size:16px; line-height:1.4;}
	.info .info_left{width:calc(43% - 50px); text-align:left;}
	.info .info_right{width:calc(57% - 20px); text-align:left;}
	.info_txt .itit{font-size:14px;}
	.info_txt .itxt{font-size:14px;}
}


@media all and (max-width:1010px) {
	/*메인컨텐츠*/
	.mainService .mainPerformance {margin-top:0}
	.mainService .mainPerformance li {width:48%; margin-left:4%}
	.mainService .mainPerformance li:nth-child(odd) {margin-left:0}
	.mainService .mainPerformance li a .title {font-size:15px; padding:5% 12px 10%; line-height: 20px}	
}


@media all and (max-width:981px) {

	#subCon {margin-top: 30px}

	/*header*/	
	#header .gnbBtn {display:block; position:absolute;}
	#header .gnbBtn img {width:100%}

	/*메인비주얼*/
	h2 {font-size:25px; margin-top:50px;}
	h2 .sp02{font-size:17px !important;}
	.titleWrap {margin-bottom: 5%}
	.titleWrap .title {font-size:28px}
	.subTitle {margin-top: 5px}
	.subTitle2 {margin-bottom:15px; font-size:19px}
	.mainroll .visualTxt {top: 74px;}
	.mainroll .visualTxt .tit {font-size: 52px;}
	.mainroll .visualTxt .txt {font-size: 22px;}

	.section03_wrap h2 {margin-top:0; font-size:25px;line-height:1.2;}
	.section03_wrap p {font-size:15px;line-height:1.2;}
	.section03_wrap h4 {font-size:30px;line-height:1;}

	/*푸터*/
	#footer {text-align:center}
	#footer .footDiv h1{width:100%;margin: 0 0px 10px 0}	
	#footer .footDiv div{display:inline-block;vertical-align:top; padding-top:10px}
	#footer .footDiv div p{font-size:13px;}


	.project_img img {width:100%;}


	/* 회사소개 */
	.sub0101_wrap .btit{margin-bottom:30px;font-size:20px}
	.sub0101_wrap .company{float:left;width: 100%;text-align:left;}
	.sub0101_wrap .ceo {width:100%; padding-left:0; padding-top:30px;}
	.info .info_left{float:none; width:calc(100% - 30px); padding:15px 0 0 15px}
	.info .info_right{float:none; width:calc(100% - 30px); padding:10px 0 15px 15px}
	.info_txt .itit{float:left; width:90px}
	.info_txt .itxt{float:left; width:calc(100% - 90px); line-height:1.2}	
}

@media all and (max-width:758px){
	/* header */
	#header {height:59px}
	#header h1 {width:120px; padding-top:5px}
	#header h1 a {width:100%}
	#header h1 a img {width:100%;}
	#header .gnbBtn {top:26px; width:25px}

	#header .mgnb {margin-top:9px}

	#footer {padding: 0 0 30px}
	#footer .footDiv {padding-top:30px}
	#footer .footDiv h1 img {height:51px}

	/* 위로 버튼 */
	.btn_up_layer {position:fixed;right:5px;bottom:125px;display:none;padding:0px;z-index:900;}
	.btn_up_layer img {width:40px}


	/*메인비주얼*/
	.mainroll {margin-top:11px}
	.titleWrap .title {font-size:24px}
	.mainConArea {padding:7% 3% 7% 3%}
	.mainroll .visualTxt {top: 74px;}
	.mainroll .visualTxt .tit {font-size: 36px;}
	.mainroll .visualTxt .txt {font-size: 18px;line-height: 24px}	

	.section03_wrap {padding: 40px 20px 40px}
	.section03_wrap h2 {margin-top:0; font-size:20px;line-height:1.2;}
	.section03_wrap p {font-size:14px;line-height:1.3;}
	.section03_wrap h4 {font-size:22px;line-height:1;}

	/* 회사소개 */
	.sub0101_wrap{margin-bottom:15px;}
	.sub0101_wrap .btit{font-size:17px; line-height:1.4}
	.sub0101_wrap .ceo p {margin-bottom:14px;font-size:14px}
	.info .info_left{float:none; width:calc(100% - 30px); padding:15px 0 0 15px}
	.info .info_right{float:none; width:calc(100% - 30px); padding:10px 0 15px 15px}
	.info_txt .itit{float:left; width:90px}
	.info_txt .itxt{float:left; width:calc(100% - 90px); line-height:1.2}

	/* 오시는 길 */
	.map_wrap1 iframe {height:300px}
	.map_wrap2 ul {border-bottom:1px dotted #dedede;padding:5px 0px}	
}


@media all and (max-width:490px){	
	.lct_depth_01 {width:calc(45% - 25px);}
	.lct_depth_02 {width:calc(55% - 25px);}
	.lct_depth_01 h3 a, .lct_depth_02 h3 a {width:100%; padding-left:0}
	.lct_depth_01 h3 span, .lct_depth_02 h3 span {padding-left:7%}
	.lct_depth_01 h3 a.off {padding-left:7%}
	.lct_depth_01 ul, .lct_depth_02 ul {width:100%;}
	.lct_depth_01 li, .lct_depth_02 li {width:100%; padding-left:0}
	.lct_depth_01 li a, .lct_depth_02 li a {width:93%; padding-left:7%}
}


@media all and (max-width:450px){
	/*메인비주얼*/
	.titleWrap .title {font-size:20px; padding-bottom:9px;margin-bottom:20px;}
	.mainroll .visualTxt {top: 40px;}
	.mainroll .visualTxt .tit {font-size: 28px;}
	.mainroll .visualTxt .txt {font-size: 16px;line-height: 20px;margin-top: 15px}

	/*메인컨텐츠*/	
	.mainService .mainPerformance li a .title {font-size:13px;}

	/* 회사소개 */
	.sub0101_wrap .btit{font-size:14px; line-height:1.2; letter-spacing:-1px;}

	/* 오시는 길 */
	.map_wrap1 iframe {height:195px}
	.map_wrap2 .ltitle {font-size:14px; width:35%; float:left}
	.map_wrap2 .rcontent {font-size:13px; width:calc(65% - 10px); padding-left:10px}
	.map_wrap2 .map_icon {font-size:17px}	
}


@media all and (max-width:390px){
	/* 메인 하단 배너 */	
	.main_banner li {clear:both; width:100%; margin-left:0}	
	.main_banner img {display:block; width:90%; margin:10px auto}
}


@media all and (max-width:350px){
	#cBody {min-width:300px} 
	.list-table.project td {vertical-align:top; line-height:150%}

	.section03_wrap {padding: 30px 15px 30px}
	.section03_wrap h2 {margin-top:0; font-size:17px;line-height:1.2;}
	.section03_wrap p {font-size:13px;line-height:1.3;}
	.section03_wrap h4 {font-size:20px;line-height:1;}

	/* 회사소개 */
	.sub0101_wrap .btit{font-size:12px;}

	/* 오시는 길 */
	.map_wrap2 .ltitle {font-size:13px; width:35%; float:left}
	.map_wrap2 .rcontent {font-size:12px; width:65%; padding-left:0}
	.map_wrap2 .map_icon {font-size:15px}

	
}