@charset "utf-8";

/* ******************************************************************************** */
/*
		이 홈페이지는 에이에스티(AST) Jmin의 저작물로써 무단 도용으로 인한 권리침해자는 민형사상 법적인 제재를 받습니다.
		idhc.co.kr / ast-global.co.kr / jmin0131@gmail.com
*/
/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */


/*======= REFERANCE COLOR 참고색상 =======*/
/*
		회색 : #e9f3fc  R233 G243 B252
		하늘 : #2f77e5  R47  G119 B229
		파랑 : #134fc7  R19  G79  B199
		보라 : #4e5da7  R78  G93  B167
		진청 : #001a47  R0   G26  B71
		      #002565
*/
/*=====================================*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; min-width:320px !important; }
body,code { font-family: 'Spoqa Han Sans Neo', "Noto Sans KR", sans-serif; font-optical-sizing:auto; font-weight:400; font-style:normal; color:#001a47; background:#fff; font-size:16px; word-break:keep-all; }
html:lang(en) body,code { font-size:15px; letter-spacing:-1px; }

/*
100 - Thin
200 - Light
300 - Regular
400 - Medium
500 - Bold
700

body { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
*/

li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%; font-style:normal; color:#353535; vertical-align:middle; }
.inputTypeText { height:19px; padding:3px 0 0 9px; border:1px solid #d5d5d5; }
select { height:24px; border:1px solid #d5d5d5; }
textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
#content_CONTAINER td { width:auto !important; }
table.nneditor-table { width:auto !important; }
strong { font-weight:500; }

@media screen and (max-width: 640px) {
body,code { font-size:14px; } 
}


/*======================================================================== ====== =============================================================================*/
/*======================================================================== LAYOUT =============================================================================*/
/*======================================================================== ====== =============================================================================*/


/* 바디영역 */
#wrap { position:relative; width:100%; background:#fff; z-index:1; }

#container { width:100%; margin:0 auto; padding:0; *zoom:1; float:none; }
  #container .inner { width:1320px; margin:0 auto; *zoom:1; background:#fff; }
  #container .inner:after { content:""; display:block; clear:both; }
  #container .inner #contents { width:1320px; margin:0 auto 150px; min-height:550px; }

@media screen and (max-width: 1320px) { 
	#container { width:100%; padding:0; }
		#container .path  { width:100%; }
		#container .inner { width:100%; border:0 }
		#container .inner #contents { width:98%; margin:0 auto 80px; }
}

/* 하단영역 */
#footer { width:100%; border-top:1px #000 solid; background:#001a47; }
#footer .inner { position:relative; width:1320px; margin:0 auto; padding:50px 0;}
#footer .inner .logo_footer { position:absolute; right:10px; top:150px; }
#footer .inner .logo_footer img { width:250px; }
#footer .inner p { font-size:14px; color:#fff; line-height:30px; font-weight:300; }
#footer .inner p.copyright { color:#ddd; font-size:12px; padding-top:8px; }
#footer .inner p strong { font-weight:400; }
#footer .inner p a { color:#fff; }
#footer .inner p a.persPol { padding-left:30px; }

#footer ul.Menu_footer { position:absolute; right:10px; top:50px; }
#footer ul.Menu_footer > li { display:inline-block; padding:0 20px; border-right:2px solid #ccc; }
#footer ul.Menu_footer > li:last-child { padding-right:0; border:0; }
#footer ul.Menu_footer > li > a { display:block; color:#fff; font-size:0.8em; height:20px; }

@media screen and (max-width: 1320px) { 
	#footer .inner { width:98%; }
}
@media screen and (max-width: 640px) { 
	#footer .inner .logo_footer { display:none; }
	#footer .inner p { font-size:13px; line-height:25px; }
	#footer .inner p a { display:block; padding-left:15px; }
	#footer .inner p a.persPol { padding-left:15px; }
	#footer ul.Menu_footer { position:absolute; left:0; top:10px; width:98%; text-align:center; }
	#footer ul.Menu_footer > li { padding:0 20px; border-right:1px solid #ccc; }
	#footer ul.Menu_footer > li > a { font-size:0.9em; height:18px; }
}

/* 하단 사이트맵 */
.modal-window { position:fixed; background-color: rgba(0, 0, 0, 0.7); top:0; right:0; bottom:0; left:0; z-index:999; visibility:hidden; opacity:0; pointer-events:none; transition: all 0.3s;
  &:target { visibility:visible; opacity:1; pointer-events:auto; }
  & > div { width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:2em; background:#fff;  border-radius: 1rem; }
}
.modal-close { color:#555; line-height:30px; font-size:90%; position:absolute; top:0; right:5px; width:50px; text-align:center; text-decoration:none; }
.modal-close:hover { color:black; }
.modal-window div:not(:last-of-type) { margin-bottom:15px;}

.sitemaphead { text-align:center; font-size:20px; font-weight:500;  }
ul.SitemapMenu { position:relative; display:block; text-align:center; }
ul.SitemapMenu > li { display:inline-block; padding:40px 20px 50px; background:#fff; vertical-align:top; }
ul.SitemapMenu > li > a { display:block; color:#001a47; font-size:1.4em; font-weight:500; padding-bottom:10px;  }
ul.SitemapMenu > li > a:hover { color:#134fc7; }

ul.SitemapMenu div.gnbSub { position:relative; }
ul.SitemapMenu div.gnbSub ul { display:block; padding:10px; background:#fff; border-top:3px #134fc7 solid; }
ul.SitemapMenu div.gnbSub ul li { display:block; }
ul.SitemapMenu div.gnbSub ul li a { display:block; color:#001a47; font-size:1.1em; padding:0 10px; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
ul.SitemapMenu div.gnbSub ul li a:hover { color:#134fc7; }
.sitemapfoot { text-align:center; padding:20px 0; }
@media screen and (max-width: 640px) {
	ul.SitemapMenu > li {padding:20px 10px 0; }
	ul.SitemapMenu > li > a { font-size:1.2em; }
	ul.SitemapMenu div.gnbSub ul { padding:5px; border-top:2px #134fc7 solid; }
	ul.SitemapMenu div.gnbSub ul li a { font-size:1em; padding:0 10px; height:25px; line-height:25px; }
}


/* 상단 메뉴 */
#header1 { width:100%; border-bottom:1px #ddd solid;  background-color:#fff; /* background:url('/img/headerBg.jpg') no-repeat 50% 50%; */ background-size:cover; z-index:98; }
#header1 .inner { position:relative; width:95%; height:85px; margin:0 auto; *zoom:1; display:flex;align-items:center;flex-direction:column;}
#header1 .inner:after { content:""; display:block; clear:both; }

#header1 div#t_logo { position:absolute; left:0; top:8px; }
#header1 div#t_logo img { width:250px; }

#header1 ul#gnbMenu { position:absolute; left:50%; top:30px; margin-left:-415px; }
html:lang(en) #header1 ul#gnbMenu { margin-left:-450px; }
#header1 ul#gnbMenu > li { display:inline-block; padding-left:70px; }
#header1 ul#gnbMenu > li > a { display:block; color:#001a47; font-size:1.3em; height:36px; font-weight:500; }
html:lang(en) #header1 ul#gnbMenu > li > a { font-size:1.5em; }
#header1 ul#gnbMenu > li > a:hover { color:#134fc7; }
#header1 ul#gnbMenu > li.on > a    { background:url('/img/gnbSubArrow.png') no-repeat 50% 100%; color:#134fc7; }

	#header1 ul#gnbMenu div.gnbSub { display:none; position:absolute; top:35px; z-index:999; }
	#header1 ul#gnbMenu div.gnbSub ul { display:block; padding:10px; background:#fff; border:1px #eee solid; }
	#header1 ul#gnbMenu div.gnbSub ul li { display:block; }
	#header1 ul#gnbMenu div.gnbSub ul li a { display:block; color:#001a47; font-size:1.1em; font-weight:500; padding:0 20px; height:40px; line-height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	#header1 ul#gnbMenu div.gnbSub ul li a:hover { color:#134fc7; }
	#header1 ul#gnbMenu div.gnbSub ul li::after { content:""; display:block; position:absolute; left:50%; Width:0; Height:2px; border-bottom:#134fc7 2px solid; transition:all 0.5s; }
	#header1 ul#gnbMenu div.gnbSub ul li:hover::after { left:0%; width: 100%; transition:all 0.5s; }

#header1 ul#language { position:absolute; right:0; top:29px; border:1px #5c6266 solid; font-size:0;  }
#header1 ul#language li { display:inline-block; width:50px; text-align:center; }
#header1 ul#language li a { display:block; height:28px; line-height:28px; color:#6a7075; border-right:1px #5c6266 solid; font-size:13px; }
#header1 ul#language li:last-child a { border:0; }
#header1 ul#language li a.active { color:#6a7075; background:#e9f3fc; }
#header1 ul#language li a:hover { color:#fff; background:#2f77e5; }

/* 메뉴 상단고정 */
#header1.fixed {position:fixed;top:0;left:0;right:0;z-index:998;margin:0 auto; -webkist-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px); }
#header2 { display:none; }


@media screen and (max-width: 1320px) { 
	#header1 .inner { width:100%; }
	#header1 { display:none; }

	/* 상단 모바일 테블릿 영역 */
	#header2 { display:block; position:fixed;top:0;left:0;z-index:998; width:100%; height:75px; border-bottom:1px #ddd solid; background-size:cover; background:rgba(255,255,255,0.95);  }
	body#main #header2 { background:none; border-bottom:0; }

	#header2 div#t_logo { position:absolute; left:0; top:8px; }
	#header2 div#t_logo img { width:220px; }

	#header2 div#gnbBtn { position:absolute; right:10px; top:20px; }

	#header2 ul#gnb2 { position:absolute; width:100%; left:0; top:75px; display:none; background:rgba(47,119,229,0.95); padding:10px 0 15px; }
	#header2 ul#gnb2 > li { display:block; padding:10px 0 10px 20px; border-bottom:1px #79a8f1 solid; }
	#header2 ul#gnb2 > li:first-child { padding:0; border-bottom:0; }
	#header2 ul#gnb2 > li:last-child { padding:10px 0 0 20px; border-bottom:0; }
	#header2 ul#gnb2 > li > a { display:block; color:#fff; font-size:18px; font-weight:600; }
	#header2 ul#gnb2 > li > a span { font-size:13px; font-weight:300; }

		#header2 ul#gnb2 div.gnbSub { position:relative; }
		#header2 ul#gnb2 div.gnbSub ul { padding:10px 0 0; }
		#header2 ul#gnb2 div.gnbSub ul li { display:inline-block; width:48%; padding-bottom:6px; }
		#header2 ul#gnb2 div.gnbSub ul li a { display:block; color:#fff; font-size:16px; padding:0 20px 5px; }

		#header2 ul#gnb2 div.gnbSub_lang ul { width:90%; border:1px #fff solid; font-size:0; padding:0; margin:0 auto; border-radius:5px; }
		#header2 ul#gnb2 div.gnbSub_lang ul li { display:inline-block; text-align:center; width:33.3333%; padding:0; margin:0; font-size:0; }
		#header2 ul#gnb2 div.gnbSub_lang ul li a { display:block; height:25px; line-height:25px; color:#fff; font-size:13px; padding:0; }
		#header2 ul#gnb2 div.gnbSub_lang ul li a.active { color:#134fc7; background:#e9f3fc; }
		#header2 ul#gnb2 div.gnbSub_lang ul li a:hover { color:#134fc7; background:#e9f3fc; }

}
@media screen and (max-width: 640px) { 
    #header2 ul#gnb2 div.gnbSub ul li   { padding-bottom:0; }
    #header2 ul#gnb2 div.gnbSub ul li a { font-size:13px; }
}

/* 위로가기 버튼 */
#quickTop { position:fixed; bottom:30px; right:30px; z-index:1; border:1px solid #ccc; }


/* 컨텐츠 상단영역 */
.topArea { display:block; width:100%; height:280px; background-size:100%;  }
	.Tcompany    { background:url('/img/topArea_01.jpg') 50%; }
	.Tproduct    { background:url('/img/topArea_02.jpg') 50%; }
	.Tfacilities { background:url('/img/topArea_03.jpg') 50%; }
	.Trnd        { background:url('/img/topArea_06.jpg') 50%; }
	.Tcustomer   { background:url('/img/topArea_05.jpg') 50%; }
	.Tpolicy     { background:url('/img/topArea_04.jpg') 50%; }

.topTitle { text-align:center; vertical-align:middle; font-size:3em; color:#fff; padding-top:100px; text-shadow: #000 1px 1px 2px; }

@media screen and (max-width: 1320px) { 
.topArea { height:350px; }
.topTitle { font-size:2.5rem; padding-top:170px; }
}

/* 탐색경로바 */
div.path { width:100%; *zoom:1; background:#2f77e5; text-align:center; font-size:0; }
div.path a { display:inline-block; padding:0 60px; line-height:45px; color:#fff; font-size:16px; border-left:1px #ddd solid; }
div.path a:first-child { border:0; }
div.path a:hover { text-shadow:#000 0px 0px 1px; background: #134fc7; }
div.path a.active { background: #134fc7; }

@media screen and (max-width: 640px) { 
div.path a { width:50%; padding:0; line-height:40px; font-size:15px; border-left:0; border-bottom:1px #6198ed solid; }
div.path a:first-child { border-bottom:1px #6198ed solid; }
}



/* 타이틀 */
.titleArea { margin:60px 0; border-bottom:2px solid #134fc7; }
.titleArea h3 { display:inline-block; font-size:40px; font-weight:500; padding:0 0 10px; color:#001a47; }
.titleArea h5 { display:inline-block; font-size:18px; padding:0 0 10px 20px; color:#555; letter-spacing:0px; }
.subTitle { margin:50px 0 10px; padding:14px 0 0; background:url('/img/subTitle.gif') no-repeat 0 0; box-sizing:border-box; font-size:20px; font-weight:500; }

@media screen and (max-width: 640px) { 
.titleArea { margin:30px 0; }
.titleArea h3 { font-size:20px; font-weight:500;  }
.titleArea h5 { font-size:16px; }
.subTitle { box-sizing:border-box; font-size:16px; }
}



/*======= REFERANCE COLOR 참고색상 =======*/
/*
		회색 : #e9f3fc  R233 G243 B252
		하늘 : #2f77e5  R47  G119 B229
		파랑 : #134fc7  R19  G79  B199
		보라 : #4e5da7  R78  G93  B167
		진청 : #001a47  R0   G26  B71
		      #002565
*/
/*=====================================*/
/*=================================================================== ==== =========================================================================*/
/*=================================================================== MAIN =========================================================================*/
/*=================================================================== ==== =========================================================================*/

/* 메인 슬라이드 */
.mySwiper { display:block; position:relative; width:100%; margin-bottom:80px; }
.mainSliderTitle { position:absolute; top:35%; left:0; width:100%; text-align:center; font-size:3.0rem; color:#fff; Font-weight:500; text-shadow: #333 2px 2px 4px; }
.mainSliderSubTitle { position:absolute; top:48%; left:0; width:100%; text-align:center; font-size:2.5rem; color:#fff; Font-weight:400; text-shadow: #666 2px 2px 4px; }
html:lang(en) .mainSliderSubTitle { top:42%; font-size:3.5rem; Font-weight:300; letter-spacing:-2px; }
.mainSlideImg { width:100%; height:520px; }

@media screen and (max-width: 1320px) { 
.mySwiper { margin-bottom:60px; }
.mainSliderTitle { top:45%; font-size:2.5em; }
.mainSliderSubTitle { top:56%; font-size:2.0em;}
.mainSlideImg { height:520px; object-fit:cover; }
}
@media screen and (max-width: 640px) { 
.mySwiper { margin-bottom:40px; }
.mainSliderTitle { top:45%; left:0; font-size:2.2em; }
.mainSliderSubTitle { top:62%; left:0;font-size:1.6em; }
html:lang(en) .mainSliderSubTitle { top:45%; left:0;font-size:2.0em; }
.mainSlideImg { height:460px; }
}

/* 메인 링크 */
.mainLink { display:block; margin-bottom:150px; }
.mainLink div.item { background:#134fc7; width:24%; margin:0 6px; transition:margin-bottom 0.5s ease-in-out; border-radius:15px;  }
.mainLink div.item a { padding-bottom:2px; margin-bottom:15px; margin-right:50px; font-size:20px; font-weight:500; color:#fff; }
.mainLink div.item:hover { background:#001a47; }
.mainLink div.item a div.img    { border-bottom:3px #fff solid; padding:15px 25px; }
.mainLink div.item a div.icon1  { background:url('/img/icon-globe.png') no-repeat 93% 50%; background-size: 35px; }
.mainLink div.item a div.icon2  { background:url('/img/icon-task.png') no-repeat 93% 50%; background-size: 40px; }
.mainLink div.item a div.icon3  { background:url('/img/icon-process.png') no-repeat 93% 50%; background-size: 35px; }
.mainLink div.item a div.icon4  { background:url('/img/icon-pencil.png') no-repeat 93% 50%; background-size: 40px; }
.mainLink div.item a div.txt  { display:block; font-size:18px; font-weight:300; padding:30px 0 40px; text-align:center; background:#2f77e5; border-radius:0 0 15px 15px; }
.mainLink div.item a div.txt img { width:40px; margin-top:50px; }
.mainLink div.item:hover a div.txt { background:#002565; }
.mainLink div.item:hover a div.txt img  { animation: rotate_image 0.3s linear 1; transform-origin:50% 50%; }
@keyframes rotate_image{ 100% {	transform: rotate(360deg); } }


@media screen and (max-width: 1320px) { 
.mainLink div.item {width:23.5%; margin:0 6px; }
}
@media screen and (max-width: 980px) { 
.mainLink div.item {width:47%; margin-bottom:14px; }
}
@media screen and (max-width: 640px) { 
.mainLink { margin-bottom:100px; }
.mainLink div.item {width:96%; margin-bottom:20px; }
.mainLink div.item a div.txt  { padding:10px 0; }
.mainLink div.item a div.txt img { width:26px; margin-top:20px; }
}


/* 메인 슬로건 */
div.mainSlogan { display:block; font-size:40px; text-align:center; margin:150px 0 180px; font-weight:600; color:#333; }
div.mainSlogan strong { font-size:60px; font-weight:800; color:#002565; }
div.mainSlogan_M { display:none; }

@media screen and (max-width: 640px) { 
div.mainSlogan { display:none; }
div.mainSlogan_M { display:block; font-size:26px; text-align:center; margin:30px 0 120px; font-weight:600; }
div.mainSlogan_M strong { font-size:38px; font-weight:800; }
}

/* 메인 슬로건 */
div.mainBanner { display:block; Position:relative; width:100%; height:340px; margin-bottom:150px; font-size:0; }
div.mainBanner div { Position:absolute; font-size:16px; vertical-align:middle; text-align:center; font-weight:400; transition: 0.3s;
	box-shadow: 0 5px 10px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	}
div.mainBanner div:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); transform:scale(1.1); z-index:2; }
div.mainBanner1 { left:0; top:20px; width:31%; height:220px; padding:80px 20px 0; border:1px solid #ddd; box-shadow: 0px 0px 8px #ddd; border-radius:80px 0px 0px 20px; background:#fff; }
div.mainBanner1:hover { border-radius:20px 80px;}
div.mainBanner2 { left:50%; top:0px; width:470px; height:240px; padding:100px 20px 0; margin-left:-250px; z-index:1; 
	background:
    radial-gradient(
      circle at 50% 0,
      rgb(47 119 229 / 40%),
      rgb(47 119 229 / 0%) 50%
    ),
    radial-gradient(
      circle at 6.7% 75%,
      rgb(19 79 199 / 80%),
      rgb(19 79 199 / 0%) 80%
    ),
    radial-gradient(
        circle at 93.3% 75%,
        rgb(78 93 167 / 70%),
        rgb(78 93 167 / 0%) 80%
      )
      beige;
}
div.mainBanner2:hover { border-radius:50px; }
div.mainBanner2 a { color:#fff; }
div.mainBanner3 { right:0; top:20px; width:31%; height:220px; padding:80px 20px 0; border:1px solid #ddd; box-shadow: 0px 0px 8px #ddd; border-radius:0px 20px 80px 0; background:#fff; }
div.mainBanner3:hover { border-radius:20px 80px; }

@media screen and (max-width: 640px) { 
div.mainBanner { height:auto; margin-bottom:100px; }
div.mainBanner div { Position:static; display:block; font-size:14px; margin:10px auto; border-radius:20px; padding:40px 2%;	}
div.mainBanner1, div.mainBanner2, div.mainBanner3 { width:94%; height:auto; }
div.mainBanner1:hover, div.mainBanner2:hover, div.mainBanner3:hover { border-radius:20px; z-index:2; }
}


/* 메인 제품슬라이드 */
.mySwiper1 { display:block; background:#fff; width:100%; padding:50px 0; margin:0 0 100px; }
.mySwiper1 .swiperProduct_title { Font-size:20px; text-align:center; padding-bottom:100px; color:#333; letter-spacing:-1px; }
.mySwiper1 .swiperProduct_title strong { display:block; Font-size:60px; color:#000;}
.mySwiper1 .swiperProduct_title span { Font-size:16px; color:#666; line-height:50px; }
.mySwiper1 .swiper-slide { width:560px; height:auto; }
.mySwiper1 .swiper-slide span { display:block; width:100%; height:30px; text-align:center; font-weight:600; Font-size:20px; color:#555; }
.mySwiper1 .swiper-slide img { display:block; width:100%; }

@media screen and (max-width: 1320px) { 
.mySwiper1 .swiperProduct_title { padding-bottom:50px; }
.mySwiper1 .swiper-slide { width:480px; }
}
@media screen and (max-width: 640px) { 
.mySwiper1 { padding:50px 0; margin:0 0 100px; }
.mySwiper1 .swiperProduct_title { Font-size:16px; padding-bottom:50px; }
.mySwiper1 .swiperProduct_title strong { Font-size:38px; }
.mySwiper1 .swiperProduct_title span { Font-size:14px; line-height:50px; }
.mySwiper1 .swiper-slide { width:320px; }
.mySwiper1 .swiper-slide span {font-weight:500; Font-size:18px; }
.mySwiper1 .swiper-slide img { width:100%; }
}

/* 메인 온라인문의 */
div.online { display:block; width:100%; height:400px; margin-top:0; text-align:center; background:url('/img/topArea_05.jpg') 50%; color:#fff; }
div.online H1 { display:block; font-size:40px; font-weight:500px; line-height:100%; padding:100px 0 0; }
div.online H2 { display:block; font-size:40px; font-weight:500px; line-height:100%; padding:20px 0 0; }
div.online H3 { display:block; font-size:20px; font-weight:normal; line-height:100%; padding:50px 0 0; }
div.online span { display:block; padding:50px 0; }
div.online span a { background:#fff; border-radius:25px; padding:10px 30px; margin-top:50px; font-size:20px; font-weight:600px; }
div.online span a:hover { background:#134fc7; color:#fff; }

@media screen and (max-width: 1320px) { 
div.online { height:360px; padding-top:60px; background:url('/img/topArea_05.jpg') 90%; }
div.online H1 { font-size:32px; padding:50px 0 0;}
div.online H2 { font-size:32px; }
div.online H3 { font-size:18px; }
div.online span { display:block; padding:50px 0; }
div.online span a { margin-top:50px; font-weight:600px; }
}
@media screen and (max-width: 640px) { 
div.online { height:300px; margin-top:100px; padding-top:30px; background:url('/img/topArea_05.jpg') 60%; }
div.online H1 { font-size:20px; padding:40px 0 0;}
div.online H2 { font-size:20px; padding:10px 0 0; }
div.online H3 { font-size:16px; padding:30px 0 0; }
div.online span { display:block; padding:40px 0; }
div.online span a { background:#fff; border-radius:25px; padding:8px 26px; margin-top:50px; font-size:18px; font-weight:600px; }
}


/*===================================================================== ======== =========================================================================*/
/*===================================================================== SUB PAGE =========================================================================*/
/*===================================================================== ======== =========================================================================*/


/*=============== 다음페이지 보러가기 =============*/
div.NextPageBtn { padding:100px 0 50px; height:30px; text-align:right; }
div.NextPageBtn a { position:absolute; padding:15px 30px 15px 60px; font-size:20px; background:#f1f1f1; letter-spacing:-1px; border-radius:40px 0 0 40px; color:#555;
	animation-name:right-40;
    animation-duration: 1.5s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
} @keyframes right-40 { 0% {right: 0px;} 100% {right:40px;} }
div.NextPageBtn a strong { padding-left:10px; font-size:26px; }
div.NextPageBtn a span { padding-left:25px; font-size:30px; }
div.NextPageBtn a:hover { background:#134fc7; color:#fff; }
@media screen and (max-width: 640px) { 
	div.NextPageBtn a { padding:10px 20px 12px 40px; font-size:16px; }
	div.NextPageBtn a strong { padding-left:10px; font-size:22px; }
	div.NextPageBtn a span { padding-left:25px; font-size:28px; }
}

/*=================== 회사소개 =================*/
/* CEO Message Title */
.contentsTitle1 { font-size:2.0em; color:#134fc7; font-weight:500; }
.contentsTitle1 strong { font-size:1.6em; font-weight:600; }
.contentsTitle2 { font-size:1.3em; color:#2f77e5; font-weight:500; display:block; padding-top:5px; }

.ceoPhoto { /* background:url('/img/ceo.jpg') no-repeat right top;  */ }
.ceoPhoto p { font-size:15px !important; }

@media screen and (max-width: 640px) { 
.contentsTitle1 {line-height:30px; }
}


/* 연혁 테이블 */
table.History_tlble { clear:both; margin:5px 0 20px; width:100%; border-top:2px solid #7a7a7a; border-bottom:1px solid #999; }
table.History_tlble th { width:8%; min-width:70px; padding:10px 5px; font-size:16px; font-weight:900; background:#f6f6f6; color:#134fc7; }
table.History_tlble th.History_year { Padding:0; border-top:1px solid #eaeaea;   }
table.History_tlble td { padding:10px 5px; font-size:15px; }
table.History_tlble td.History_date { width:7%; min-width:40px; text-align:center; vertical-align:middle; background:#fafafa; font-weight:500; color:#2f77e5; }
table.History_tlble td.History_disc { width:100%; padding-left:15px; }


/* grid */
.gridBox { display:block; font-size:0; }
.gridBox:after  { content:''; clear:both; display:block; }
.gridBox .col   { display:inline-block; float:left; }
.gridBox .col p { display:block; padding:5px 0; font-size:15px; line-height:160%; }
.gridBox .col p strong { }

    .gridBox .col1  { width:8.33333333%; }
    .gridBox .col2  { width:16.66666667%; }
    .gridBox .col3  { width:25%; }
    .gridBox .col4  { width:33.33333333%; }
    .gridBox .col5  { width:41.66666667%; }
    .gridBox .col6  { width:50%; }
    .gridBox .col7  { width:58.33333333%; }
    .gridBox .col8  { width:66.66666667%; }
    .gridBox .col9  { width:75%; }
    .gridBox .col10 { width:83.33333333%; }
    .gridBox .col11 { width:91.66666667%; }
    .gridBox .col12 { width:98%; }


/* 사업장 페이지 */
.col span { display:inline-block; vertical-align:top; }
.col span.block-th { width:10%; border-right:3px #2f77e5 solid; background:#f1f1f1; padding:5px 0 5px 10px; font-weight:500; }
.col span.block-td { width:85%;  padding:5px 0 5px 10px; }
.col span.block-td.customer-logo { font-size:0; }
.col span.block-td.customer-logo img { width:130px; display:inline-block; margin:0 10px 5px 0; }
@media screen and (max-width: 640px) { 
.col span.block-th { width:98%; border-right:0; border-left:3px #2f77e5 solid; padding:3px 0 3px 10px; }
.col span.block-td { width:98%; padding:10px 0 10px 10px; }
.col span.block-td.customer-logo img { width:100px; }
}

div.videoArea { width:100%; height:620px; margin: 0 auto 20px; position:relative; overflow:hidden; }
div.videoArea iframe { position:absolute; top:-80px; left:-10px; width:100%; height:780px; z-index:1; } /* 아이프레임 120-220 크게 */
div.videoArea div.videoArea_back { position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.1; z-index:2; }
div.companyImgArea img { width:100%; height:470px; margin-bottom:30px; }

@media screen and (max-width: 640px) { 
div.videoArea { width:100%; height:240px; }
div.videoArea iframe { top:-70px; left:-5px; height:380px; z-index:1; }
div.companyImgArea img { width:100%; height:auto; }
}

/*=================== 제품안내 =================*/

img.mcTubeImg { margin-top:50px; }
img.heatExImg { }

@media screen and (max-width: 640px) { 
	img.mcTubeImg { width:100%; }
	img.heatExImg { width:100%; }
}

/* 제품 리스트 */
ul.prdBoxList { display:block; font-size:0; }
ul.prdBoxList li { display:inline-block; width:33.33%; }
    div.prdBox { content:""; position:relative; width:90%; border:1px #ddd solid; margin-bottom:30px; height:250px; background-size:100%; overflow:hidden; text-align:center; }
    div.prdBox div.prdInfo {position:absolute; left:0; bottom:-50px;  width:100%; height:30px; padding:10px 0; text-align:center; background:rgba(19,79,199,0.7); transition:1.0s; opacity:0; }
    div.prdBox div.prdInfo p { letter-spacing:0; line-height:160%; margin:0; font-size:14px; font-weight:500; color:#fff; }
	div.prdBox img.prdImg { transition:1.0s; width:100%; }
    div.prdBox:hover div.prdInfo { width:100%; display:block; transform:translateY(-50px); opacity:1; }
    div.prdBox:hover img.prdImg { transform:scale(1.2); }
    div.prdBox:hover { background-size: 100%;  }

@media screen and (max-width: 640px) { 
	ul.prdBoxList li { display:block; width:100%; }
	ul.prdBoxList li div.prdBox { width:98%; margin:0 auto 30px; height:230px; }
}

/*=================== 제조설비 =================*/

/* 제조설비 */
ul.facBoxList { display:block; font-size:0; margin-top:30px; }
ul.facBoxList li { display:inline-block; width:25%; vertical-align:top; }
    div.facBox { width:90%; margin-bottom:30px; transition: 0.3s;  border:1px #ddd solid;}
    div.facBox:hover { transform: translateY(-10px); box-shadow:0 0 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); border:1px #aaa solid; }
    div.facBox:hover div.facInfo p { color:#134fc7; font-size:18px; }
    div.facBox div.facInfo { padding:10px 0; text-align:center; }
    div.facBox div.facInfo p { letter-spacing:0; line-height:30px; padding:0 10px; margin:0; font-size:17px; font-weight:500; }
	div.facBox div.facInfo2 { padding:10px 0; text-align:center;  border-top:1px #ddd solid; background:#f6f6f6;}
    div.facBox div.facInfo2 p { letter-spacing:0; line-height:160%; padding:0 10px; margin:0; font-size:15px; font-weight:500;}
    div.facBox img.facImg { width:100%; height:250px; }
@media screen and (max-width: 640px) { 
	ul.facBoxList li { display:block; width:100%; }
	div.facBox { width:98%; margin:0 auto 30px; }
}


/* 제조공정 */
ul.procBoxList { display:block; font-size:0; margin-top:30px; }
ul.procBoxList li { display:inline-block; width:16%; vertical-align:top; }
    div.procBox { width:90%; margin-bottom:30px; transition: 0.5s;  }
    div.procBox:hover {  }
    div.procBox div.procInfo { background:#2f77e5; margin-bottom:3px; }
    div.procBox div.procInfo p { letter-spacing:-1px; line-height:30px; padding:6px 20px; margin:0; font-size:16px; font-weight:500; color:#fff; background:url('/img/icon-angel-right-gray.png') no-repeat 99% 50%; background-size:25px;}
	div.procBox div.procInfo p.HFW { font-size:15px; padding-left:7px; }
    div.procBox:hover div.procInfo { background:#134fc7; }
    div.procBox img.procImg { width:100%; height:160px; }

@media screen and (max-width: 640px) { 
	ul.procBoxList li { width:50%; }
	div.procBox { width:98%; margin:0 auto 30px; }
    div.procBox div.procInfo p { letter-spacing:-1px; line-height:30px; padding:6px 20px; margin:0; font-size:14px; }
}


/* 검사장비         메뉴삭제
ul.equBoxList { display:block; font-size:0; margin-top:30px; }
ul.equBoxList li { display:inline-block; width:16%; vertical-align:top; }
    div.equBox { width:90%; margin-bottom:30px; transition: 0.5s;  }
    div.equBox:hover {  }
    div.equBox div.equInfo { border-radius:15px; background:#2f77e5; margin-bottom:5px; transition: 0.3s; }
    div.equBox:hover div.equInfo { transform: translateY(-40px); }
    div.equBox div.equInfo p { letter-spacing:0; line-height:30px; padding:6px 20px; margin:0; font-size:17px; font-weight:500; color:#fff; text-align:center; }
    div.equBox:hover div.equInfo { background:#001a47; }
    div.equBox img.equImg { width:100%; height:160px; border-radius:15px; transition: 0.3s; border:1px #fff solid; }
    div.equBox:hover img.equImg { transform: scale(1.5); box-shadow:0 0 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
*/


/*=================== 연구개발 =================*/
/* 부설연구소         메뉴삭제
div.rndContents { display:block; width:100%; height:400px; background:url('/img/rnd_background.jpg') no-repeat 0 0; padding:100px 120px; color:#000 !important; }
div.rndContents .rndContentsTit1 { font-size:2.0em; color:#000; font-weight:500; }
div.rndContents .rndContentsTit1 strong { font-size:1.6em; font-weight:600; }
div.rndContents .rndContentsTit2 { font-size:2.0em; color:#134fc7; font-weight:500; display:block; padding-top:5px; }
*/


/*======= REFERANCE COLOR 참고색상 =======*/
/*
		회색 : #e9f3fc  R233 G243 B252
		하늘 : #2f77e5  R47  G119 B229
		파랑 : #134fc7  R19  G79  B199
		보라 : #4e5da7  R78  G93  B167
		진청 : #001a47  R0   G26  B71
		      #002565
*/
/*=====================================*/


/* TabsMenu */
.tabs { display:flex; flex-wrap:wrap; width:100%; margin-top:50px; background:#e9f3fc; box-shadow:0 48px 80px -32px rgba(0,0,0,0.3); }
.tabs .input { position: absolute; opacity:0; }
.tabs .label { width:100%; padding:15px 30px; background: #e9f3fc; cursor: pointer; font-weight:bold; font-size:18px; color:#555; border-right:1px #fff solid; transition:background 0.3s, color 0.3s; }
.tabs .label:hover { background: #2f77e5; color:#fff; }
.tabs .label:active { background: #ccc; }
.tabs .input:focus + .label { z-index: 1; }
.tabs .input:checked + .label { background:#fff; color: #000; border-top:3px solid #2f77e5; }
.tabs .panel { display:none; width:92%; padding:30px 4%; background:#fff; }
.tabs .input:checked + .label + .panel { display: block; }
@media (min-width: 1280px) { 
	.tabs .label { width:auto; }
	.tabs .panel { order:99; }
}
@media (min-width: 640px) { 
	.tabs .label { width:auto; }
	.tabs .panel { order:99; }
}
@media screen and (max-width: 640px) { 
	.tabs .label { text-align:center; }
	.tabs .panel { width:100%; padding:30px 0; background: #fff;}
}


/* 부설연구소 히트펌프 연구개발 */
div.rnd1Contents { display:block; width:100%; margin-top:30px; }
div.rnd1Contents.rnd1Con1 {background:url('/img/rndCont1.jpg') no-repeat right top; background-size:400px;}
div.rnd1Contents.rnd1Con2 {background:url('/img/rndCont2.jpg') no-repeat right 50px; background-size:500px;}
div.rnd1Contents.rnd1Con3 {background:url('/img/rndCont3.jpg') no-repeat right top; background-size:650px;}
div.rnd1Contents.rnd1Con4 {background:url('/img/rndCont4.jpg') no-repeat left bottom; background-size:100%; padding-bottom:350px }
@media screen and (max-width: 640px) { 
	div.rnd1Contents.rnd1Con1 {background:url('/img/rndCont1.jpg') no-repeat left bottom; background-size:100%; padding-bottom:350px; }
	div.rnd1Contents.rnd1Con2 {background:url('/img/rndCont2.jpg') no-repeat left bottom; background-size:100%; padding-bottom:280px; }
	div.rnd1Contents.rnd1Con3 {background:url('/img/rndCont3.jpg') no-repeat left bottom; background-size:100%; padding-bottom:380px; }
	div.rnd1Contents.rnd1Con4 {background:url('/img/rndCont4.jpg') no-repeat left bottom; background-size:100%; padding-bottom:150px; }
}

table.rndTable { margin:50px 0; width:auto; min-width:360px; max-width:1320px; border-left:1px solid #ddd; }
table.rndTable th { width:50px; text-align:center; vertical-align:middle; background:#f9f9f9; font-weight:500; padding:10px 5px; font-size:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
table.rndTable td { width:500px; text-align:center; vertical-align:middle; background:#fff; font-weight:500; padding:10px 5px; font-size:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
table.rndTable4 .mmSize td { font-size:12px; }
table.rndTable4 { overflow-x:scroll; }
table.rndTable thead { border-top:2px solid #7a7a7a; }
table.rndTable thead td { background:#f2f2f2; }
table.rndTable tfoot td { background:#e9f3fc; width:100% }
table.rndTable td:last-child {  }
div.rnd1Table_M { display:none; }
@media screen and (max-width: 640px) { 
	table.rndTable { display:none; }
	div.rnd1Table_M { display:block; text-align:center; padding:15px 0; }
}


table.rnd3Table { border-top:2px solid #7a7a7a; }
table.rnd3Table th { background:#f2f2f2; }
table.rnd3Table td:first_child { width:50px; }
table.rnd3Table tr:hover td { background:#2f77e5; color:#FFFFFF; }
table.rnd3Table tr:nth-child(2n-1) td { background:#f9f9f9; }
table.rnd3Table tr:nth-child(2n-1):hover td { background:#2f77e5; }


/* 부설연구소 설치사례 */
ul.rndBoxList { display:block; font-size:0; }
ul.rndBoxList li { display:inline-block; width:20%; vertical-align:top; }
    div.rndBox { width:90%; border:1px #ddd solid; margin-bottom:30px; transition: 0.2s; }
    div.rndBox:hover { box-shadow: 0 0 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); border:1px #aaa solid; }
    div.rndBox img.rndImg{ width:100%; }
    div.rndBox div.rndInfo { padding:10px 0; border-top:1px #ddd solid; text-align:center; background:#f6f6f6; }
    div.rndBox div.rndInfo p { letter-spacing:0; line-height:160%; padding:0 10px; margin:0; font-size:14px; font-weight:500; }
@media screen and (max-width: 640px) { 
	ul.rndBoxList li { width:50%; }
	div.rndBox { width:98%; margin:0 auto 30px; }
    div.rndBox div.rndInfo p { font-size:13px; }
}

/* 품질관리시스템 */
.qualityGoal { text-align:center; }
.qualityGoal .qualitySlogan { Position:relative; width:100%; height:200px; margin-top:80px; font-size:0; }
.qualityGoal .qualitySlogan1,
.qualityGoal .qualitySlogan2,
.qualityGoal .qualitySlogan3 { Position:absolute; vertical-align:middle; text-align:center; height:60px; color:#fff; line-height:60px; font-size:40px; font-weight:500; padding:50px 0; border-radius:150px; box-shadow: 0 5px 10px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }

html:lang(en) .qualityGoal .qualitySlogan1,
html:lang(en) .qualityGoal .qualitySlogan2,
html:lang(en) .qualityGoal .qualitySlogan3 { Position:absolute; vertical-align:middle; text-align:center; height:60px; color:#fff; line-height:60px; font-size:30px; font-weight:500; padding:50px 0; border-radius:150px; box-shadow: 0 5px 10px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }

.qualityGoal .qualitySlogan1 { left:40px; top:0; width:31%;  background:rgba(47,119,229,0.9); }
.qualityGoal .qualitySlogan2 { left:50%; top:0; width:500px; margin-left:-250px; z-index:1; background:rgba(78,93,167,0.9);}
.qualityGoal .qualitySlogan3 { right:40px; top:0; width:31%; background:rgba(19,79,199,0.9); }
.qualityGoal .qualitySlogan2 img { width:40px; Position:absolute; top:38%; }
.qualityGoal .qualitySlogan2 img.plus1 { left:10px;  }
.qualityGoal .qualitySlogan2 img.plus2 { right:10px; }
.qualityGoal h4 { font-size:30px; color:#555; margin-bottom:70px; font-weight:500; }
html:lang(en) .qualityGoal h4 { font-size:23px; color:#555; margin-bottom:70px; font-weight:500; }

.qualityGoal .gridBox { position:relative; width:100%; font-size:16px; margin-bottom:50px; display:flex; justify-content:space-between; align-items:center; }  /* 정렬참고  https://m.blog.naver.com/psj9102/221204146576  */
.qualityGoal .gridBox img { width:538px; margin:0 auto; border:1px solid #ddd; border-radius:15px 15px 0 0; }
.qualityGoal .gridBox h3 { font-size:25px; border-bottom:3px solid #e9f3fc; padding:10px 0; margin-bottom:10px; background:#e9f3fc; }
.qualityGoal .gridBox .gridBoxL,
.qualityGoal .gridBox .gridBoxR { width:540px; border:5px solid #e9f3fc; padding:0; border-radius:15px; background:#fff; font-size:18px; line-height:40px; margin:0 auto; }
@media screen and (max-width: 640px) { 
	.qualityGoal .qualitySlogan { height:550px; margin:0 auto 50px; }
	.qualityGoal .qualitySlogan1,
	.qualityGoal .qualitySlogan2,
	.qualityGoal .qualitySlogan3 { height:200px; line-height:200px; font-size:30px; padding:0; border-radius:150px; }

	html:lang(en) .qualityGoal .qualitySlogan1,
	html:lang(en) .qualityGoal .qualitySlogan2,
	html:lang(en) .qualityGoal .qualitySlogan3 { height:200px; line-height:200px; font-size:23px; padding:0; border-radius:150px; }
	html:lang(en) .qualityGoal .qualitySlogan2 { height:250px; line-height:250px; }

	.qualityGoal .qualitySlogan1 { left:50%; top:0; width:200px; margin-left:-100px; }
	.qualityGoal .qualitySlogan2 { left:50%; top:150px; width:250px; margin-left:-125px; height:250px; line-height:250px; font-size:35px; }
	.qualityGoal .qualitySlogan3 { left:50%; top:350px; width:200px; margin-left:-100px; }
	.qualityGoal .qualitySlogan2 img { width:30px; }
	.qualityGoal .qualitySlogan2 img.plus1 { top:10px; left:110px; }
	.qualityGoal .qualitySlogan2 img.plus2 { top:210px; left:110px; }
	.qualityGoal h4 { font-size:23px;  }
	.qualityGoal .gridBox { position:relative; width:98%; font-size:16px; margin:0 auto 50px; display:block; }
	.qualityGoal .gridBox .gridBoxL,
	.qualityGoal .gridBox .gridBoxR { display:block; width:100%; border:0; box-shadow:0 0 0 5px #e9f3fc inset;  font-size:14px; line-height:30px; margin:0 auto 30px; padding-bottom:20px; }
	.qualityGoal .gridBox img { width:97%; padding:5px 5px 0; border:0; }
	.qualityGoal .gridBox h3 { font-size:18px;  }
}

.qualityMES { background:url('/img/quality.jpg') no-repeat right 30px; background-size:800px; }
html:lang(en) .qualityMES,
html:lang(cn) .qualityMES{ background:url('/img/quality_en.jpg') no-repeat right 40px; background-size:780px; }
.qualityMES .qualityBox { width:300px; margin-bottom:30px; border:5px solid #e9f3fc; padding:15px; border-radius:10px 50px 10px 10px; background:#fff; }
html:lang(en) .qualityMES .qualityBox { width:380px; margin-bottom:30px; border:5px solid #e9f3fc; padding:15px; border-radius:10px 50px 10px 10px; background:#fff; }
.qualityMES .qualityBox h3 { border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px; font-weight:400px; color:#134fc7; }
.qualityMES .qualityBox P {  font-size:18px; padding:5px 0; }
.qualityTitle { color:#001a47; border-left:5px #134fc7 solid; font-size:30px; height:35px; line-height:35px; padding-left:20px; margin:30px 0 50px; font-weight:500;}
@media screen and (max-width: 640px) { 
	.qualityMES,
	html:lang(en) .qualityMES,
	html:lang(cn) .qualityMES { background:url('/img/quality.jpg') no-repeat left bottom; background-size:100%; padding-bottom:350px; }
	.qualityTitle { padding-left:15px; margin:10px 0 50px; }
	html:lang(en) .qualityTitle { font-size:24px; }
}



/* 특허 인증서 */
ul.cerBoxList { display:block; font-size:0; }
ul.cerBoxList li { display:inline-block; width:25%; }
    div.cerBox { content:""; position:relative; width:90%; border:1px #ddd solid; margin-bottom:30px; background-size:100%; overflow:hidden; text-align:center; }
    div.cerBox div.cerInfo { position:absolute; left:0; bottom:0;  width:100%; height:100%; text-align:center; background:rgba(0,26,71,0.7); transition:1.0s; opacity:0; vertical-align:middle; }
    div.cerBox div.cerInfo p { display:block; width:80%; height:50%; padding:50% 10% 0; letter-spacing:0; line-height:200%; font-size:16px; font-weight:500; color:#fff; }
	div.cerBox img.cerImg { transition:1.0s; width:100%; }
    div.cerBox:hover div.cerInfo { width:100%; display:block; opacity:1; }
    div.cerBox:hover img.cerImg { transform:scale(1.1); }
    div.cerBox:hover { background-size: 100%;  }
@media screen and (max-width: 640px) { 
	ul.cerBoxList li { display:block; width:100%; }
	div.cerBox { width:98%; margin:0 auto 30px; }
}


/*=================== 고객지원 =================*/

/* 고객센터 */
div.locaTabMenu { text-align:left; font-size:0;  margin:100px 0 40px;}
div.locaTabMenu a { display:inline-block; width:19.9%; padding:0; height:45px; line-height:45px; text-align:center; color:#134fc7; font-size:16px; font-weight:500; border:1px #ddd solid; border-left:0; }
div.locaTabMenu a:first-child { border-left:1px #ddd solid; }
div.locaTabMenu a:hover { text-shadow:#000 0px 0px 1px; background: #134fc7; color:#fff; }
div.locaTabMenu a.active { text-shadow:#000 0px 0px 1px; background: #134fc7; color:#fff; }
html:lang(en) div.locaTabMenu_M { display:none; }
@media screen and (max-width: 640px) { 
	div.locaTabMenu { margin:60px 0 40px; }
	div.locaTabMenu a { display:inline-block; width:19.6%; font-size:12px; font-weight:500; letter-spacing:-1px; }
	div.locaTabMenu a:first-child { border-left:1px #ddd solid; }

	html:lang(en) div.locaTabMenu { display:none; }
	html:lang(en) div.locaTabMenu_M { display:block; }
}

/* 문의하기 */
.urgency .info { margin:20px 10px; color:#8f8f8f; }

.urgency .boardWrite table { table-layout:fixed; border-top:1px solid #d7d5d5; border-bottom:1px solid #d7d5d5; line-height:180%; border-right:0; }
.urgency .boardWrite th { width:150px; padding:10px 0 8px 20px; border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background-color:#fbfafa; text-align:left; font-weight:normal; vertical-align:middle; }
.urgency .boardWrite td { width:auto; padding:10px 0 8px 10px; border-top:1px solid #e8e8e8; }
.urgency .boardWrite tr.first th,
.urgency .boardWrite tr.first td { border-top:none; }
.urgency .boardWrite img { vertical-align:middle; }
.urgency .boardWrite a { text-decoration:none; }
.urgency .boardWrite label { padding:0 20px 0 0; }
.urgency .boardWrite select { width:120px; height:24px; margin:0 4px 0 0; }
.urgency .boardWrite input,
.urgency .boardWrite textarea { width:98%; padding:3px; border:1px solid #d9d9d9; }
.urgency .boardWrite textarea { height:180px; }

.urgency .boardWrite input[type=radio],
.urgency .boardWrite input[type=checkbox] { width:14px; height:20px; margin:0 20px 0 0; padding:0; border:0; }
.urgency .boardWrite p.grid { margin:7px 0 0; }

.urgency .btnArea { text-align:center; margin-top: 40px; }
.urgency .btnArea input { padding:10px 20px; text-align:center; }
@media screen and (max-width: 640px) { 
	.urgency .boardWrite th { width:70px; padding:8px 0; text-align:center; }
	.urgency .boardWrite label { padding:8px 0; }
}


/*======= REFERANCE COLOR 참고색상 =======*/
/*
		회색 : #e9f3fc  R233 G243 B252
		하늘 : #2f77e5  R47  G119 B229
		파랑 : #134fc7  R19  G79  B199
		보라 : #4e5da7  R78  G93  B167
		진청 : #001a47  R0   G26  B71
		      #002565
*/
/*=====================================*/