@charset "utf-8";

/*메인*/
/*네비게이션*/
html, body {width: 100%; height: 100%;}
.mobile_side, #mobile_nav, #mask_mNav {display: none;}

@media all and (min-width:1024px) {
	#header {width: 100%;  min-width:1200px; min-height: 180px !important;}
	.main_cont01 {width: 100%;  min-width:1200px;}
	#main_banner {width: 100%; min-width:1200px; }
	.footerWrap {width:100%; min-width:1200px;}
}

#header {width: 100%; height: 130px; position: absolute; overflow: hidden;} /*overflow: hidden;*/
#header .logo {width: 1200px; margin: 0 auto; position: relative;}
#header .logo h1 {position: absolute; top:50px; left:0px; z-index: 100; background:url('/S1001/ko/img/main/logo.png') no-repeat left center;}
#header .logo h1 a { display:block; font-size:26px; font-family:sans-serif; color:#444; padding:10px 0 10px 80px; letter-spacing:-1px; line-height:1.3; }
#header .logo h1 a span { display:block; font-size:15px; font-weight:500; }
#header .top_menu_wrap {width: 100%; height: 35px; background-color: #d4d4d4;}
.top_menu_wrap .top_menu {width: 1200px; height: 35px; margin: 0 auto; position: relative; z-index: 50;}
.top_menu .sort li {float: left; width: 113px; height: 35px; margin-right: 4px;}
.top_menu .sort li a {display: block; color:#fff; width: 100%; height: 100%; text-align: center; line-height: 35px; font-weight: 400; font-size: 15px;}
.sort .sort1 a {background: #0d489d;}
.sort .sort2 a {background: #008639;}
.sort .sort3 a {background: #197bbd;}
.gnb {float: right;}
.gnb > li {float: left;}
.gnb > li a {font-weight: 600; line-height: 35px; padding: 10px 25px; border: 1px solid #fff; margin-left: -1px;}
.lnb {width: 100%;margin-top: 40px; position: relative;}
.lnbInner {width: 100%; height: 0px; background: #0d489d; position: absolute; top:55px;  z-index: 30;}
.lnbWrap {width: 1200px; height: 31px; margin: 0 auto; position: relative; z-index: 30;}
.m_nav {width: 100%;margin-left: 420px;}
.m_nav > li {float: left; height: 32px;}
.m_nav > li > a {font-size: 20px; font-weight: 600; display: block; height: 100%; padding: 0 52px 55px;}
.m_nav > li:hover > a {background: url('/S1001/ko/img/main/nav_ico01.png') no-repeat center bottom;}
.m_nav .lnb_box {display:none; position: absolute; top:46px; left:270px; width: 100%; height: 53px;}
.lnb_box ul li {float: left;}
.box_nav {width: 100%;margin-top: 23px; float: left;}
.box_nav li.long {width: 35%;}
.box_nav li a {font-size: 15px; display: block; color:#fff; padding-right:20px; margin-right:45px;}
.box_nav li.on a[target="_blank"],
.box_nav li a[target="_blank"] {background: url('/S1001/ko/img/sub/ico_blank_w.png') no-repeat right center; }
.side_lnb {float: right; margin-top:-5px;}
.side_lnb ul {margin-left: 20px;}
.side_lnb ul li {float: left;}
.side_lnb > ul > li > a {display: block; text-indent: -9999%;}
.side_lnb .search > a { width: 36px; height: 36px; background: url('/S1001/ko/img/main/find.png') no-repeat center center;}
.side_lnb .side_lnb_box {position: absolute; top:46px; left:0; width: 1200px;}
.sideLnbInner {display:none; width: 100%; height: 150px; background: #0d489d; position: absolute; top:49px; border-top: 1px solid #c7c7c7; z-index: 30;}
.side_lnb_box .searchFrm { display:flex; width: 522px; margin: 46px auto 0;}
.side_lnb_box .searchFrm input {width:calc(100% - 60px); height: 54px; border: 2px solid #0066b3; font-size: 16px; padding: 0 20px;}
.side_lnb_box .searchFrm .search_btn {width: 56px; height: 54px; background: #0066b3 url('/S1001/ko/img/main/find_01.png') no-repeat center center; border: 0; vertical-align: middle; margin-left: -4px; text-indent: -99999%; cursor:pointer; }
.side_lnb_box .words {width: 482px; margin: 20px auto 0;}
.side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; }
.side_lnb_box .words ul li {float: left; margin-left: 15px;}
.side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #c7c7c7;}
.side_lnb_box .words ul li:last-child a {border: 0;}
.side_lnb_box .close {display: block; width: 50px; height: 50px; background: #9f9f9f url('/S1001/ko/img/main/close.png') no-repeat center center; text-indent: 110%; white-space: nowrap; overflow: hidden; position: absolute; top:50px; right:0; cursor: pointer;}


/*테블릿_모바일_네비게이션*/
@media all and (max-width:1023px) {
  #header {height: 80px; z-index: 100; /*border-bottom: 1px solid #c7c7c7;*/}
  #header .top_menu, #header .lnb,#header .top_menu_wrap {display: none;}
  #header .logo h1 {top:6px; left:20px;}
  #header .mobile_side {display: block; float: right; margin: 30px 30px 0 0;}
  #mask_mNav {width: 100%;height: 100%;position: absolute; top:0; left:0; background: rgba(0, 0, 0, 0.6); z-index: 110; position: fixed;}
  .stop_scrolling {height: 100%; overflow: hidden !important; position: fixed;}
  .mobile_side ul li {float: left;}
  .mobile_side .side_lnb_box {width: 100%; background: #fff; position: absolute; top:80px; left:0; z-index: 50; padding: 0 0 30px; border-top: 1px solid #c7c7c7;}
  .mobile_side .sideLnbInner {width: 100%; height: 150px; background: #fff; position: absolute; top:33px; border-top: 1px solid #c7c7c7; z-index: 30;}
  .mobile_side .side_lnb_box .searchFrm {width: 70%; max-width: 559px; margin: 30px auto 0;}
  .mobile_side .side_lnb_box .searchFrm input {width: 89%; max-width: 504px; height: 54px; border: 2px solid #0066b3; font-size: 16px; padding: 0 20px;}
  .mobile_side .side_lnb_box .searchFrm .search_btn {width: 11%; max-width: 56px; height: 54px; background: #0066b3 url(/S1001/ko/img/main/find_01.png) no-repeat center center; border: 0; vertical-align: middle; margin-left: -4px; text-indent: -99999%;}
  .mobile_side .side_lnb_box .words {width: 482px; margin: 20px auto 0;}
  .mobile_side .side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; }
  .mobile_side .side_lnb_box .words ul li {float: left; margin-left: 15px;}
  .mobile_side .side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #c7c7c7;}
  .mobile_side .side_lnb_box .words ul li:last-child a {border: 0;}
  .mobile_side .side_lnb_box .close {display: block; width: 50px; height: 50px; background: #9f9f9f url(/S1001/ko/img/main/close.png) no-repeat center center; position: absolute; top:0px; right:0; cursor: pointer; white-space: nowrap; overflow: hidden; text-indent: -999999%;}
  .mobile_side .search > a {display: block; width: 24px; height: 24px; background: url(/S1001/ko/img/main/m_find.png) no-repeat center center; text-indent: -9999px; margin-right: 25px;}
  .mobile_side .open {width: 25px; height: 19px; background: url(/S1001/ko/img/main/sitemap.png) no-repeat center center; text-indent: -9999px; cursor: pointer; margin-top:2px}
  #mobile_nav, #mask_mNav {display: block;}
  #mobile_nav {position: fixed; top:0; right:-300px; z-index: 5000; width: 300px; height: 200%; background: #fff; overflow-y: auto; box-sizing:border-box;background: #2e92dd;}
  #mobile_nav > div {min-height: 200%}
  #mobile_nav .top_wrap {padding: 10px; height: 110px; background: #fff;}
  #mobile_nav .top_wrap ul {overflow: hidden;}
  #mobile_nav .top_wrap ul li {float: left;}
  #mobile_nav .top_wrap ul li a {display: block; border: 1px solid #cbcbcb; margin-right: 10px; height: 38px; line-height: 38px;}
  /*#mobile_nav .top_wrap ul li.last a {margin-right: 0;}*/
  #mobile_nav .top_wrap .top01 {margin-bottom: 10px;}
  #mobile_nav .top_wrap .top01 ul li a { width: 101px;}
  #mobile_nav .top_wrap .top01 .sj a {background: url(/S1001/ko/img/main/top_ico02.png) no-repeat 11px center; padding-left: 37px;}
  #mobile_nav .top_wrap .top01 .tour a {background: url(/S1001/ko/img/main/top_ico03.png) no-repeat 11px center; padding-left: 37px;}
  #mobile_nav .top_wrap .top01 ul li img {margin: 6px 0 0 11px; cursor: pointer;}
  #mobile_nav .top_wrap .top02 li {width: 100%;}
  #mobile_nav .top_wrap .top02 a {text-align: center; background: url(/S1001/ko/img/main/top_ico04.png) no-repeat 84px center; padding-left: 28px;}
  #mobile_nav .mnav_wrap {background: #2e92dd; height: 100%;}
  #mobile_nav .mnav_wrap nav > ul > li > a {display: block; height: 50px; width: 120px; text-align: center; line-height: 50px; color:#fff; font-size: 16px; border-bottom: 1px solid #4da7ea;}
  #mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_wrap nav > ul > li > a:hover {background: #005ba0;}
  #mobile_nav .mnav_wrap .m_depth02 {width: 180px; height: 200%; background: #fff; position: absolute; top:110px; right:0;}
  #mobile_nav .mnav_wrap .m_depth02 > li {overflow: hidden;}
  #mobile_nav .mnav_wrap .m_depth02 > li > a {display: block; height: 50px; line-height: 50px; padding-left: 10px; font-size: 15px; border-bottom: 1px solid #e1e1e1;}
  #mobile_nav .mnav_wrap .m_depth02 > li > a.on, #mobile_nav .mnav_wrap .m_depth02 > li > a:hover {background: #333333; color: #fff;}
  /*#mobile_nav .mnav_wrap .m_depth03 {display: none;}*/
  #mobile_nav .mnav_wrap .m_depth03 {background: #e9e9e9;}
  #mobile_nav .mnav_wrap .m_depth03 a {display: block; height: 40px; line-height: 40px; padding: 0 20px; border-bottom: 1px dashed #cbcbcb; margin: 0 10px;}
}
/*모바일*/
@media all and (max-width:490px) {
  .mobile_side .side_lnb_box .searchFrm {width: 70%;}
  .mobile_side .side_lnb_box .searchFrm input {width: 81%;}
  .mobile_side .side_lnb_box .searchFrm .search_btn {width: 19%;}
  .mobile_side .side_lnb_box .words {width: 344px;}
  .mobile_side .side_lnb_box .words p {font-size: 14px;}
  .mobile_side .side_lnb_box .words ul li {margin-left: 3px;}
  .mobile_side .side_lnb_box .words ul li a {font-size: 12px; padding-right: 5px;}
}
@media all and (max-width:320px) {
  .mobile_side .side_lnb_box .searchFrm input {width: 78%; padding: 0 10px;}
  .mobile_side .side_lnb_box .words {width: 283px;}
  .mobile_side .side_lnb_box .words p {display: none;}
}

/* 레이어팝업 */
.layerPopup { position:absolute; box-shadow:2px 2px 15px rgba(0,0,0,0.5); }
.layerPopup form {position:absolute; left:0; top:-38px; width:100%; background:#fff; border:1px solid rgba(0,0,0,0.1); padding:10px; font-family:sans-serif; color:#555; font-size:14px; overflow:hidden; }
.layerPopup form input {margin:0 5px 0 0; }
.layerPopup a.close { position:absolute; right:10px; top:10px; font-weight:600; }
.layerPopup img {width:100%; vertical-align:top;}
#popup01 {top:18%; left:3%; z-index:999;}
@media all and (max-width:599px){
  .layerPopup {width:80%; left:50% !important; transform:translateX(-50%);}
}




/*메인컨텐츠*/
/*메인상단*/
#content {padding-top: 130px;}
.main_cont01 {width: 100%; background: url(/S1001/ko/img/main/main_cont01_bg.jpg) no-repeat center center;}
.main_cont01 .inner {width: 1200px; height: 334px; margin: 0 auto; position: relative;}
.main_cont01 .inner .img01 {position: absolute; left:0; bottom:0;}
.main_cont01 .inner .part01 {position: absolute; top:100px; width:568px; text-align:center;  right:0;}
.main_cont01 .inner .part01 p {font-size: 27px; color:#000;}
.main_cont01 .inner .part01 p img {margin: 0 12px; vertical-align: bottom;}
.main_cont01 .inner .part01 p strong { font-size:50px; font-family:'GmarketSans'; color:#0d489d; }
.main_cont01 .inner .part02 {width: 562px; height: 95px; background: #fff; float: right; margin-top: 173px;}
.main_cont01 .inner .part02 ul {overflow: hidden; height: 100%;}
.main_cont01 .inner .part02 ul li {float: left; width: 33%; height: 100%; border-right: 1px dashed #cccccc; text-align: center; background-repeat: no-repeat; background-position: center 10px;}
.main_cont01 .inner .part02 .list01 { background-image: url(/S1001/ko/img/main/main_cont01_img04.png);}
.main_cont01 .inner .part02 .list02 { background-image: url(/S1001/ko/img/main/main_cont01_img03.png);}
.main_cont01 .inner .part02 .list03 {border-right: 0; background-image: url(/S1001/ko/img/main/main_cont01_img05.png);}
.main_cont01 .inner .part02 ul li p {margin-top: 60px; font-size: 13px;}
.main_cont01 .inner .part02 ul li p span {padding: 3px 10px; background: #0d489d; text-align: center; color:#fff; font-size: 15px; font-weight: 400; margin-right: 5px;}

.main_cont02 .inner {width: 1200px; margin: 25px auto; overflow: hidden;}
.main_cont02 .part01, .main_cont02 .part02 {position:relative; float: left; width: 585px;}
.main_cont02 h3 {font-size: 16px; font-weight: 400; float: left; padding: 7px 0 7px 40px;}
.main_cont02 .more {position:absolute; right:0; top:0; display: inline-block; width: 28px; height: 28px; background: url(/S1001/ko/img/main/more.jpg); text-indent:-9999px;}

@media all and (max-width:1023px) {
	.main_cont02 .more {right:20px; top:20px;}
}

.main_cont02 .part01 {margin-right: 30px;}
.main_cont02 .part01 h3 {background: url(/S1001/ko/img/main/main_cont02_img01.png) no-repeat left center;}
.main_cont02 .part02 h3 {background: url(/S1001/ko/img/main/main_cont02_img02.png) no-repeat left center; padding-left: 60px}
.main_cont02 .list {clear: both; height:125px; border: 1px solid #cccccc; margin-top: 40px; padding: 20px 20px 13px 20px;}
.main_cont02 .list ul li {margin-bottom:7px;}
.main_cont02 .list ul li a {width: 400px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; line-height: 20px; padding-left: 10px; background: url(/S1001/ko/img/main/bullet_01.jpg) no-repeat left center;}
.main_cont02 .list ul li span {float: right;}


/*메인 배너모음*/
#main_banner {width: 100%; height: 74px; border-top: 1px dashed #c7c7c7; border-bottom: 1px solid #c7c7c7; }
#main_banner .ad_warp {width: 1200px; height: 74px; margin: 0 auto; overflow: hidden;}
#main_banner h3 {font-size: 17px; font-weight: 600; float: left; line-height: 66px; margin-right: 20px;}
#main_banner .popBtn {margin-top:21px; border-left:1px solid #ddd; box-sizing:border-box; float: left; }
#main_banner .popBtn li { position:relative; cursor: pointer; float:left; height:24px; margin-left:-1px; line-height:0; display:block !important;}
#main_banner .popBtn li.pop_prev {left:0;}
#main_banner .popBtn li.pop_next {left:0;}
#main_banner .popBtn li a {display: block;}
#main_banner .slider {height: 47px; width: 989px; overflow: hidden; position: relative; float: left; margin-top: 14px; margin-left: 25px}
#main_banner .slider ul {width: 3000px; position: relative;}
#main_banner .slider ul li {float: left; padding: 0 7px;}
#main_banner .slider ul li a {display: block; }
#main_banner .slider ul li a img {width:152px; height:44px; border:1px solid #ccc;}
.caroufredsel_wrapper {width: 1030px !important;}
.caroufredsel_wrapper ul {width: 1030px !important;}



/*푸터*/
.footerWrap {width:100%; background: #fff; clear: both; padding: 35px 0; border-top: 2px solid #cccccc;}
#footer {width: 1200px; margin: 0 auto; position: relative; z-index: 50;}
.footer_logo {position: absolute; top:0; left:0;}
.listItem {position: absolute; top:0;right:0;}
.listItem > ul > li {width: 203px; height: 42px; float: left; position: relative; cursor: pointer; border: 1px solid #dddddd;}
.listItem > ul > li > a {display: block; color:#2d2d2d; font-size: 14px; font-weight: 600; height: 100%; line-height: 40px; background: url(/S1001/ko/img/main/footer_ico01.jpg) no-repeat 158px center; padding-left: 30px;}
.listItem .box {position: absolute; bottom: 0;background: #fff; width: 100%; height: 244px; border: 1px solid #c7c7c7; display: none;}
.listItem .box h4 {height: 40px; color:#fff; background:#0066b3; line-height: 40px; font-weight: 600; padding-left:15px;}
.listItem .box a.close {display: block; position: absolute; top:10px; right:15px; cursor: pointer; background:url('/S1001/ko/img/main/list_close.png') no-repeat center; font-size:0; width:18px; height:18px;}
.listItem .box ul {height: 202px; overflow-y: scroll; padding: 10px 15px;}
.listItem .box ul > li > ul {height:auto; overflow:hidden;}
.listItem .box ul li a {line-height: 27px; font-size: 13px;}
#footer .footMenu {float: left; clear: both; margin-bottom: 25px; margin-left: 133px;}
.footMenu ul li {float: left; font-size: 13px;}
.footMenu ul li.bo_no {border: 0;}
.footMenu ul li a {display: block; padding: 0 20px; color:#6f6f6f; line-height: 10px; font-weight: 600; border-left: 1px solid #6f6f6f;}
.footMenu ul li.first a {border: 0; padding-left: 0;}
#footer .footInfo {clear: both; overflow: hidden; margin-left: 133px; font-size: 14px; line-height:1.2;}
.footInfo ul li {float: left; color:#000000; font-weight: bold; margin-right: 20px;}
.footInfo ul li span {color:#303030; margin-right: 7px; font-weight: 800;}
.footInfo .tel {color:#0d489d;}
#footer .footCopy {font-size: 13px; color:#989898; font-weight: 600; margin-left: 133px;}

@media all and (max-width:1023px) {
  #content {padding-top: 80px;}

  .main_cont01 .inner {width: 100%; height: 258px; padding: 30px 20px;}
  .main_cont01 .inner .img01 {left:20px; width: 46%;}
  .main_cont01 .inner .part01 {width: 340px; text-align: center; top:57px;}
  .main_cont01 .inner .part01 p {font-size: 30px; line-height: 1.4;}
  .main_cont01 .inner .part01 p strong {display:block; }
  .main_cont01 .inner .part02 {margin-top: 258px; width: 100%; height: 95px; border: 1px solid #cccccc;}
  .main_cont02 {clear: both; /*(margin-top: 155px;*/}
  .main_cont02 .inner {width: 100%;}
  .main_cont02 .part01, .main_cont02 .part02 {width: 100%; padding: 30px 20px; position:relative;}
  .main_cont02 .part01 {margin-right: 0; background: #eeeeee;}
  .main_cont02 .list {background: #fff;}

  #main_banner {padding: 0 20px;}
  #main_banner .ad_warp {width: 100%;}
  #main_banner .slider_banner {width: 77%; overflow:hidden; height: 61px; float: left;}
  #main_banner .slider {width: 100%; top:14px; margin: 0;}

  #footer {width: 100%; padding: 0 40px;}
  #footer .footMenu {margin-left: 0;}
  .footer_logo {display: none;}
  .listItem {top:0; right:40px;}
  .listItem > ul > li > a {width: 100%; background-position: 91% center;}
  #footer .footInfo,#footer .footCopy {margin-left: 0;}
}
@media all and (max-width:900px) {
#main_banner {height: 130px;}
  #main_banner .ad_warp {height: 117px;}
  #main_banner .slider_banner {width: 100%;}
  #main_banner .slider {top: 5px;}
  .listItem > ul > li > a {padding-left: 15px;}

  .footMenu ul li {margin: 5px 0;}
  .footMenu ul li a {padding: 0 10px;}
  .footMenu ul li.bo_no {border-left: 1px solid #6f6f6f;}
  .footMenu ul li.bo_no a {padding-left: 10px;}
  .footInfo ul li {margin: 5px 10px 5px 0;}
}
@media all and (max-width:560px) {
  #header .logo h1 {left:10px;}
  #header .logo h1 a img {width: 82%}
  #header .mobile_side {margin: 30px 10px 0 0;}

  .main_cont01 .inner {padding: 10px;}
  /*.main_cont01 .inner .img01 {left:15%; width: 69%;}*/
  .main_cont01 .inner .img01 {left:15%; width: 69%;}
  .main_cont01 .inner .part01 {position: relative; width: auto; top:auto; z-index:10; }
  .main_cont01 .inner .part01 p {font-size: 21px;}
  .main_cont01 .inner .part01 p img {width: 184px; display: block; margin: 0 auto;}
  .main_cont01 .inner .part01 p strong { font-size:35px; } 
  .main_cont01 .inner .part02 {margin-top: 150px; margin-bottom: 10px; height: auto;}
  .main_cont01 .inner .part02 ul li { border: 0; text-align: left; padding: 9px 16px;}
  .main_cont01 .inner .part02 .list01 {width: 100%; background-image: none; border-bottom: 1px solid #cccccc;}
  .main_cont01 .inner .part02 .list02 {background-image: none; width: 45%; padding-right:0;}
  .main_cont01 .inner .part02 .list03 {background-image: none; width: 55%;}
  .main_cont01 .inner .part02 ul li p {margin-top: 0;}
  .main_cont02 {margin-top: 0;}
  .main_cont02 .list ul li a {width: 100%;}
  .main_cont02 .list ul li span {display: none;}

  #footer {padding: 0 10px;}
  #footer .footMenu {margin-top: 70px;}
  #footer .footInfo {margin-bottom: 0;}
  #footer .listItem {left:10px;}
}

/*안전건설과*/
.main_cont03 {width: 100%;}
.main_cont03 .inner {width: 1200px; margin: 25px auto; overflow: hidden;}
.main_cont03 .inner .business_part {overflow:hidden; border:2px solid #ccc; box-sizing:border-box; padding:7px;}
.main_cont03 .inner .business_part p {float:left; width:20%; height:131px; padding-top:90px; text-align:center; background:#d4d4d4 url('/S1012/ko/img/main/bg_business_part_p.gif') no-repeat center 20px; font-size:18px; font-weight:bold;}
.main_cont03 .inner .business_part ul {float:left; width:80%; margin:0 auto; box-sizing:border-box; padding-left:60px;}
.main_cont03 .inner .business_part ul li {float:left; margin-right:10px;}
.main_cont03 .inner .business_part ul li a {display:block; overflow:hidden; text-align:center;}
@media all and (max-width:1023px) {
	.main_cont03 .inner {width: 100%; padding:20px 20px 0 20px;}
	.main_cont03 .inner .business_part p {display:none;}
	.main_cont03 .inner .business_part ul {float:none; width:100%; padding:0 1%;}
	.main_cont03 .inner .business_part ul li {width:19.5%; margin-right:0.5%;}
	.main_cont03 .inner .business_part ul li img {max-width:100%; text-align:center;}
}
@media all and (max-width:767px) {
	.main_cont03 .inner .business_part ul li {width:32%; margin-right:1%; margin-bottom:10px;}
}
@media all and (max-width:560px) {
	.main_cont03 .inner {padding:15px 10px 0 10px;}
}

/* 댓글기능숨김 */
.reply_wrap {display:none;}