@charset "utf-8";
/* 초기화 */
html {overflow-y:scroll; height:100%; min-width:320px;}
body {margin:0; padding:0; font-size:16px; height:100%; font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight:400;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, p {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6, p, a, span {line-height:0.9; color:#252525; font-weight:400;}
ul,li,ol{list-style:none;padding:0;margin:0}
label, input, button, select, img {vertical-align:middle}
a:link, a:visited {color:#252525;text-decoration:none}
a:hover, a:focus, a:active {color:#252525;text-decoration:none}
input:focus{outline:none ! important;}
textarea:focus{outline:none ! important;}
select:focus{outline:none ! important;}
input, textarea, select{-webkit-appearance: none; -moz-appearance: none; appearance: none;border-radius: 0px;}

#container {position:relative;}

.br_none {border-right:none !important;}
.w1200 {width:calc(100% - 20px); max-width:1200px; margin:0 auto; position:relative;}
.w1200_con {width:calc(100% - 20px); max-width:1200px; margin:100px auto 100px; position:relative;}

/* 공통 */
.pc_con {display: block;}
.mo_con {display: none;}

/* 헤더 */
#header {z-index:10; position: absolute; top:34px; padding:0 50px; box-sizing:border-box; width:100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#header.fixed {position:fixed; width:100%; top:0; background:#fff;}
.head {z-index:10; width:100%; max-width:1820px; min-height:94px; margin:0 auto; background:#fff; position: relative; padding:0 35px 0 40px;}
.head .logo {display:inline-block; vertical-align:middle; padding:24px 0 20px 0;}
.head .logo .logo_w {display:none;}
.head .logo img {width:100%;}
.head .gnb {display:inline-block; vertical-align:middle; width:70%; text-align:center;}
.head .gnb > ul {font-size:0;}
.head .gnb > ul > li {display:inline-block; vertical-align:top; line-height:1; margin-right:6%;}
.head .gnb > ul > li:last-of-type {margin-right:0;}
.head .gnb > ul > li > a {display: block; position: relative; line-height:1; font-size:18px; color:#1e1e1e; padding:39px 0;}
.head .gnb > ul > li > a:after {content:''; border-bottom:3px solid #009de0; position:absolute; width:0%; bottom:0; left:0; display:block; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;} 
.head .gnb > ul > li > a.active:after {content:''; border-bottom:3px solid #009de0; position:absolute; width:100%; bottom:0; left:0; display:block;}
.head .gnb ul li .depth {display:none; position:absolute; width:100%; left:0; background:#f7fbfc; padding:30px 0; margin-top:0;}
.head .gnb ul li .depth li {display: inline-block; vertical-align: top; margin-right:2.5%; padding-right:2.5%; border-right:1px solid #e2e2e2;}
.head .gnb ul li .depth li:last-of-type {margin-right:0; border-right:none;}
.head .gnb ul li .depth li a {font-size:17px; color:#696969;}
.head .allmenu {position: absolute; right:30px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#header .allmenu_wrap {opacity:0; visibility:hidden; position: fixed; right:-100%; top:0; width:516px; height:100%; background:#fff; padding:6.4% 3.125%; box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#header .allmenu_wrap > ul > li {margin-bottom:40px;}
#header .allmenu_wrap > ul > li > a {font-size:30px; color:#1e1e1e; margin-bottom:30px; display: block;}
#header .allmenu_wrap > ul > li > a:hover {color: #009de0; }
#header .allmenu_wrap > ul > li > a .arrow {width:20px; height:20px; background:#000; display:inline-block;}
#header .allmenu_wrap > ul > li .depth {display: none;}
#header .allmenu_wrap > ul > li .depth > li {margin-bottom:10px;}
#header .allmenu_wrap > ul > li .depth > li > a {font-size:17px; color:#808080; line-height:1;}

#header .mask {z-index:11; position: fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; right:-100%; opacity:0; visibility:hidden; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
#header .mask.on {right:0; opacity:1; visibility:visible;}
#header .allmenu_wrap.on {z-index:12; opacity:1; visibility:visible; right:0;}
#header .allmenu_wrap .close {position: absolute; top:59px; right:79px;}
#header .allmenu_wrap > ul > li.on > a {font-size:30px; color:#009de0;}
#header .allmenu_wrap > ul > li.on .depth {display: block;}

.top_btn {opacity:0; visibility:hidden; position:fixed; bottom:30px; right:75px; z-index:10; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.top_btn.on {opacity:1; visibility:visible; bottom:50px;}

/* 푸터 */
#footer {margin-top:7.8%;}
#footer .foot_top {border-top:1px solid #e6e6e6; display: none;}
#footer .foot_top ul {font-size:0; text-align:center; max-width:1200px; margin:0 auto;} 
#footer .foot_top ul li {position: relative; display: inline-block; vertical-align: top; width:16.6%;}
#footer .foot_top ul li img {width:100%;}
#footer .foot_top ul li:nth-child(1):before {content:''; display: block; background:#f2f2f2; width:1px; height:30px; position: absolute; left:0; top:50%; margin-top:-15px;}
#footer .foot_top ul li:after {content:''; display: block; background:#f2f2f2; width:1px; height:30px; position: absolute; right:0; top:50%; margin-top:-15px;}
#footer .foot_btm_wrap {background:#333; padding:25px 0 80px 0;} 
#footer .foot_btm_wrap .foot_btm .foot_menu {border-bottom:1px solid #424242; padding:25px 0;}
#footer .foot_btm_wrap .foot_btm .foot_menu ul {font-size:0;}
#footer .foot_btm_wrap .foot_btm .foot_menu ul li {display: inline-block; vertical-align: top; margin-right:30px;}
#footer .foot_btm_wrap .foot_btm .foot_menu ul li a {font-size:15px; color:#aaa;}
#footer .foot_btm_wrap .foot_info {margin-top:50px; position: relative;}
#footer .foot_btm_wrap .foot_info p {font-size:0;}
#footer .foot_btm_wrap .foot_info p span {font-size:15px; color:#cdcdcd; display: inline-block; margin-bottom:15px; border-right:1px solid #5c5c5c; margin-right:15px; padding-right:15px;}
#footer .foot_btm_wrap .foot_info p span.addr {line-height:1.5;}
#footer .foot_btm_wrap .foot_info p span.copy {line-height:1.5;}
#footer .foot_btm_wrap .foot_info p span:last-of-type {border-right:none;}
#footer .foot_btm_wrap .foot_info .btm_logo {width:163px; position: absolute; right:0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
#footer .foot_btm_wrap .foot_info .btm_logo img {width:100%;}

/* 서브페이지 상단 */
#container_title {line-height:480px;}


@media(max-width:1500px){

	.head .logo {width:20%;}

	.head .gnb > ul > li {margin-right:4%;}
	.head .gnb > ul > li > a {font-size:16px;}
	.head .gnb ul li .depth li a {font-size:16px;}

}

@media(max-width:1280px){

	/* 헤더 */
	#header {padding:0 25px;}
	.head {max-width:100%; min-height:auto;}
	.head .gnb > ul > li {margin-right:2.5%;}
	.head .gnb > ul > li > a {font-size:14px;}
	.head .gnb ul li .depth li a {font-size:14px;}

	/* 푸터 */
	#footer .foot_btm_wrap .foot_info p span {font-size:13px;}

}

@media(max-width:1000px){

	.head .gnb {display:none;}
	.head .logo {width:30%;}
	

}


@media(max-width:769px){
	.w1200 {max-width:100%; width:100%; padding:0 20px;}
	.w1200_con {max-width:100%; width:100%; padding:0 20px; margin:35px auto 35px;}

	/* 헤더 */
	#header {padding:0 20px 10px; top:0;}
	.head {background:none; min-height:auto; padding:0;}
	.head .logo {width:220px; padding:15px 0;}
	.head .allmenu {right:0; width:42px;}

	.head .logo .logo_b {display:none;} 	
	.head .logo .logo_w {display:block;} 	
	#header.fixed .head .logo .logo_b {display:block;} 	
	#header.fixed .head .logo .logo_w {display:none;} 

	#header .allmenu_wrap {width:70%; padding: 100px 0 0 45px;}
    #header .allmenu_wrap .close {right: 20px; top: 15px;}
	#header .allmenu_wrap > ul > li {margin-bottom:40px;}
	#header .allmenu_wrap > ul > li > a {font-size:17px; color:#1e1e1e; margin-bottom:30px; display: block;}
	#header .allmenu_wrap > ul > li .depth {display: none;}
	#header .allmenu_wrap > ul > li .depth > li {margin-bottom:10px;}
	#header .allmenu_wrap > ul > li .depth > li > a {font-size:16px; color:#808080; line-height:1;}

	.top_btn {width:51px; right:20px;}


	/* 푸터 */
	#footer .foot_top ul li {width:33.3%; border:1px solid #e6e6e6; box-sizing:border-box; border-right:none; border-top:none;}
	#footer .foot_top ul li:nth-child(1):before {display: none;}
	#footer .foot_top ul li:after {display: none;}
	#footer .foot_btm_wrap {padding:30px 0 40px 0;} 
	#footer .foot_btm_wrap .foot_btm .foot_menu {padding:0 0 25px 0;}
	#footer .foot_btm_wrap .foot_btm .foot_menu ul li {margin-right:15px;}
	#footer .foot_btm_wrap .foot_btm .foot_menu ul li a {font-size:12px; font-weight: 500;}
	#footer .foot_btm_wrap .foot_btm .btm_logo {width:128px; margin-bottom:30px;}
	#footer .foot_btm_wrap .foot_btm .btm_logo img {width:100%;}
	#footer .foot_btm_wrap .foot_info {margin-top:25px;}
	#footer .foot_btm_wrap .foot_info p span {font-size:12px; margin-right:12px; padding-right:12px; color: #b1b1b1;}
	#footer .foot_btm_wrap .foot_info p span:last-of-type {margin-top:25px; margin-bottom:0; padding-right:0; margin-right:0;}

	/* 공통 */
	.pc_con {display: none;}
	.mo_con {display: block;}

}

@media(max-width:321px){

}

/* 미리보기 메뉴 삭제 */
#preview_item{display: none !important;}




/* 공지 체크 */
.write_div input {appearance: auto; -webkit-appearance: auto;}


/* 페이징 */
.pg_page {width:42px; height:42px; line-height:42px; background:#fff; border:1px solid #e2e2e2; box-sizing:border-box; font-size:17px; color:#777;}
.pg a:focus, .pg a:hover {background:#fff;}
.pg_current {width:42px; height:42px; line-height:42px; background:#009de0; border:1px solid #009de0; color:#fff; font-size:17px;}
.pg_page.pg_end,
.pg_page.pg_end:hover {border:none; background:url("/web/20220204120537im_/http://lidwater.com/theme/test02/img/pg_end.png") no-repeat;}
.pg_page.pg_start,
.pg_page.pg_start:hover {border:none; background:url("/web/20220204120537im_/http://lidwater.com/theme/test02/img/pg_first.png") no-repeat;}


@media(max-width:769px){
	.pg_page {width:30px; height:30px; line-height:30px; font-size:13px; padding:0;}
	.pg_current {width:30px; height:30px; line-height:30px; font-size:13px; padding:0;}
	.pg_page.pg_end,
	.pg_page.pg_end:hover,
	.pg_page.pg_next,
	.pg_page.pg_next:hover {border:none; background:url("/web/20220204120537im_/http://lidwater.com/theme/test02/img/pg_end.png") no-repeat center center;}
	.pg_page.pg_start,
	.pg_page.pg_start:hover,
	.pg_page.pg_prev,
	.pg_page.pg_prev:hover  {border:none; background:url("/web/20220204120537im_/http://lidwater.com/theme/test02/img/pg_first.png") no-repeat center center;}
}
/*
     FILE ARCHIVED ON 12:05:37 Feb 04, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:44:01 May 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 1.329
  load_resource: 69.125
  PetaboxLoader3.resolve: 37.551
  PetaboxLoader3.datanode: 30.788
*/