@charset "utf-8";
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; font-family:"NanumGothic"; color:#333;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, button {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;  letter-spacing: -0.5px !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul, li {list-style:none; padding:0; margin:0; letter-spacing: -0.5px !important;}
ul:after { display:block; content:""; clear:both; }
dl dd {padding:0; margin:0;  letter-spacing: -0.5px !important;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {font-family:"NanumGothic"; margin:0;padding:0;  letter-spacing: -0.5px !important;}
button {cursor:pointer}

textarea, select {font-family:"NanumGothic"; font-size:1em;  letter-spacing: 0px !important;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;  }
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited, a:hover, a:focus, a:active/*, td a:link, td a:visited, td a:hover, td a:focus, td a:active, th a:link, th a:visited, th a:hover, th a:focus, th a:active*/ {text-decoration:none; color:#333;}

.martop10 { margin-top:10px; }
.martop10 { margin-top:10px; }
.marbot30 { margin-bottom:30px; }
.marbot50 { margin-bottom:50px; }
.padbot50 { padding-bottom:50px; }
.texlef { text-align:left; }
.texcen { text-align:center; }
.texrig { text-align:right; }

.txt_red {color:#ae0d0d}
.txt_blue {color:#0d6cae;}
.txt_green {color:#0d9381}
.txt_org {color:#f4781f}

.underline {text-decoration: underline;}

.flolef {float:left;}
.florig {float:right;}

/* 상단 레이아웃 */
#hd {z-index:5;position:relative;  top:0;  width:100%; background-color: #ffffff; margin: auto; border-bottom:3px solid #0171a3;}
.hd_zindex {z-index:10 !important}
#hd_wrapper {position:relative;margin:0 auto;padding:0px 0 0;max-width: 1200px;zoom:1; height:90px; border:0px solid red; }
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* 상단 로고 */
#logo {float:left; text-align:center; border:0px solid red;}
#logo img {margin-top: 20px;}

/* 상단 소메뉴 */


/* 메인 대메뉴/소메뉴 */
#gnb {float:right; /*position:absolute; top:0px; left:0; */width:auto; max-width: 1005px; margin:0 auto; /*background-color:rgba(127,190,37, 0.9); */z-index:10000; border:0px solid red;}
#gnb .gnb_wrap{margin:0 auto;position:relative; width:100%; max-width:1200px; height:90px; margin:0 Auto; border:0px solid white;}
#gnb #gnb_1dul {font-size:18px;padding: 0;zoom:1; text-align:center; float:right;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:90px; text-align:center; padding:0 40px;  box-sizing:border-box;position:relative;}
#gnb #m2 .gnb_2dul {padding:0;}
#gnb .gnb_1dli:hover{/*background-color:#ffffff;*/}
#gnb .gnb_1dli:hover .gnb_1da {color:#222222;}
#gnb * {z-index:10000;}
.bx-wrapper * {z-index:1 !important;}
.gnb_1da {display:block;font-weight:bold;color:#222222;text-decoration:none; width:100%; font-size:18px; font-family:"NanumSquare"; }
.gnb_2dul {display:none;position:absolute;top:87px;min-width:100%; padding:0px 0 !important;	background-color:#ffffff;  }
.gnb_2dli{text-align:center; line-height:30px; border-top:1px solid #ebebeb; }
.gnb_2dli:nth-child(2) {border:0}
a.gnb_2da {display:inline-block;padding:0;line-height:50px;color:#222222;text-align:left;text-decoration:none; font-size:15px; font-weight:500;}
a.gnb_2da:hover{color:#222222; font-weight:500;/* text-decoration: underline;*/}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
#gnb .gnb_1dli.on {}
#gnb .gnb_1dli.on .gnb_1da {color:#222222}
#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on {color:#222222; font-weight:500; text-decoration: underline;}
#gnb .gnb_2dul .top_line { border-bottom:3px solid #0171a3; }
#gnb .gnb_2dul .top_line div {width:80px; height:3px; background-color:#0171a3; margin:0 auto; }

#btnNav {display:none; position:absolute; top:25px; right:50px; width:40px; height:40px; border:none; background-color:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:5px; width:30px; height:5px; background:#345EA1; transition:all .4s ease; border:0px solid white; box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff; }
#btnNav span.bar1 {top:7px}
#btnNav span.bar2 {top:17px}
#btnNav span.bar3 {top:27px}
#btnNav.active span.bar1 {top:18px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:18px; transform:rotate(-45deg)}
#btnUser {display:none; position:absolute; top:25px; right:100px; width:25px; height:25px; background:url(../img/ic_user.png) no-repeat center center; background-size:100%;}

/* 메인 비쥬얼 및 컨텐츠 구조설정 */
.main_v {height:auto; max-width: 100%;margin: auto; position:relative; border-bottom:30px solid #0177b7;}
.main_img {position:relative;max-width: 100%;margin:auto;overflow:hidden; height:100%; }
#wrapper_main {width:100%;}
#ft { width:100%; height:auto; /*background-color:#fff; border-top:1px solid #ccc;*/ }
#ft_copy {position:relative; height:auto; padding:30px 0; text-align:center; background-color:#111111; border-bottom:1px solid #555555; /*background:url(../img/footer_bg.jpg) no-repeat left top;*/ }

/* 메인 비쥬얼 설정 */
.main_img_inner { height:558px; }
.main_visual01 {background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(../img/main_visual01.jpg?t=2) no-repeat center center; background-size:cover; }
.main_visual02 {background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(../img/main_visual02.jpg?t=2) no-repeat center center; background-size:cover; }
.main_visual03 {background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(../img/main_visual03.jpg?t=2) no-repeat center center; background-size:cover; }
.main_visual_txt {position: absolute; top:25%; left:50%; width:auto; margin-left:-550px; height:auto; /*background-color:rgba(0,0,0,0.3); */padding:20px 20px; }
.main_visual_txt p.visual_text01 { width:100%; max-width:450px; font-size:38px; line-height:1.3; text-align:center; color:#fff; font-family: "NanumSquare"; font-weight:600; letter-spacing:-1px; padding:0px 0px; margin:0 auto; text-shadow: 1px 1px 3px #666666, -1px -1px 3px #666666; }

.main_visual_txt strong { font-size:40px; }

.box_visual_text { position:absolute; bottom:2%; left:50%; margin-left:200px; width:360px; }
.box_visual_text ul li { float:left; font-size:17px; line-height:130%; color:#ffffff ;letter-spacing: -1px; font-weight:500; height:230px; overflow:hidden; font-family:"NanumSquare"; }
.box_visual_text ul li:first-child { width:57%; padding-right:3%; background-color:rgba(0,0,0,0.6); text-align:right; }
.box_visual_text ul li:last-child { width:40%; background-color:#0171a3; text-align:center; }
.box_visual_text ul li:last-child img { margin:60px auto 20px auto; width:100%; max-width:150px; }
.box_visual_text ul li div.pa1 { margin-top:55px; margin-bottom:20px; line-height:150%; font-size:16px; }
.box_visual_text ul li div.pa2 { font-size:13px; line-height:140%; }


/* 메인 컨텐츠 구조 설정 */
.sec_01 {padding:60px 0 60px 0;}
.sec_02 {padding:25px 0 60px 0; background-color:#f5f4f2; }
.main_section { width:100%; max-width: 1200px; padding:0px 0;margin:auto;overflow:hidden; }
.main_subsec_half { width:48%; height:auto; min-height:320px; }
.ms_left { float:left; }
.ms_right { float:right; }


/* 메인 컨텐츠부분 중 좌우구조 설정 */
.main_subsec_half .main_title02 { width:100%; font-family: "NanumGothic"; text-indent:20px; height:42px; line-height:42px; font-size:25px; font-weight:700; margin:20px 0;  }
.main_subsec_half .main_title03 { width:100%; font-family: "NanumGothic"; text-indent:20px; height:42px; line-height:42px; font-size:25px; font-weight:700; margin:20px 0;  }
.main_subsec_half ul { height:auto; }
.main_subsec_half .main_title02 small, .main_subsec_half .main_title03 small { font-size:15px; vertical-align:top; }

/* 메인 홍보배너 목록 */
.main_section .main_title01 { font-family: "NanumGothic"; font-size:25px; font-weight:700; text-align:center; margin:0 auto; }
.list_banner { margin-bottom:25px;}
.list_banner:after { clear:both; display:block; content:""; }
.list_banner li {position:relative; background-color:#fff; padding:0px; border-bottom:1px solid #ebebeb; box-sizing:border-box; float:left; width:32%; margin-right:2%;}
.list_banner li:nth-child(3n) { margin-right:0; }
.list_banner li .mb_img img{width:100%; height:auto; max-width:380px; }

.list_banner li .banner_subject { width:100%; height:90px; overflow:hidden; text-align:left; font-size:15px; color:#898989; font-weight:500; margin-top:15px; line-height:150%; padding:0 20px; box-sizing:border-box;}
.list_banner li .banner_subject strong { font-size:18px; font-weight:700; color:#333333; font-family:"NanumSquare"; }
.list_banner li .mb_img { position:relative; }
.list_banner li .btn_more { float:right; width:auto; background-color:#d19020; color:#ffffff; text-align:center; display:block; z-index:2; padding:10px 15px; line-height:15px; }
.list_banner li .mb_on_layer img { width:auto; height:auto; max-width:80%; text-align:center; margin:15% auto 0 auto; z-index:30; }


/* 메인 게시물 목록 */
.list_bbs { width:90%; margin:0 auto 30px auto;}
.list_bbs li { width:100%; height:40px; line-height:40px; border-bottom:0px solid #256c68; text-indent:10px; overflow:hidden; }
.list_bbs li .bbs_subject { float:left; width:70%;/* word-break:break-all;*/ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.list_bbs li .bbs_date { float:right; width:30%; text-align:right; overflow:hidden; word-break:break-all; }

/* 메인 갤러리/배너 목록 */
.list_bbs_photo { width:90%; margin:0 auto 0px auto;}
.list_bbs_photo li { float:left; width:32%; height:auto; margin-right:2%; background-color:#ffffff; text-align:center; border:1px solid #b1b0b0; box-sizing:border-box;}
.list_bbs_photo li:nth-child(3n) { margin-right:0; }
.list_bbs_photo li .list_photo_img { position:relative; width:100%; height:120px; line-height:120px; padding-top:10px; }
.list_bbs_photo li .list_photo_img img { width:auto; max-width:100%; height:auto; max-height:100%;}
.list_bbs_photo li .list_photo_subject { font-size:25px; height:25px; line-height:25px; padding-bottom:25px; width:100%; color:#666666; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* 하단메뉴 */
.footer_customer { width:100%; height:auto; background-color:#d8d8d8; }
.footer_customer .footer_menu_list { width:100%; margin:0px auto; padding:40px 0px; border:0px solid red; background:rgba(0,0,0,0.15); }
.footer_customer .footer_menu_list ul { width:100%; max-width:500px; margin:0 auto; font-size:0; letter-spacing:-5px; padding-left:50px; }
.footer_customer .footer_menu_list ul li { display:inline-block; font-size:14px; letter-spacing:0px; line-height:100%; padding:0px 0px; width:33.3333%; height:auto; border: 0px solid red; box-sizing: border-box; vertical-align:top; }
.footer_customer .footer_menu_list ul li a {  font-size:15px; }
.footer_customer .footer_menu_list ul li h3 { font-size:18px; line-height:150%;font-weight:800px; margin-bottom:20px; text-align:left; color:#000000; font-family:"NanumSquare","Nanum Gothic",Gulim; }
.footer_customer .footer_menu_list li p.time_txt { margin-top:0px; line-height:130%; color:#000000; }

/* 하단 레이아웃 */
#ft_copy > ul { width:100%; max-width:1200px; margin:0 auto; }
#ft_copy > ul > li { float:left; border:0px solid red; box-sizing:border-box; }
#ft_copy > ul > li.footer_logo { width:25%; }
#ft_copy > ul > li.footer_info { width:75%; }
#ft_copy > ul > li > ul { width:100%; margin:0 auto; border:0px solid red; }
#ft_copy > ul > li > ul > li { float:left; margin-right:30px; color: #666; font-size:13px; color:#ffffff !important; line-height:200%; }
#ft  div.copy_text { width:100%; padding:15px 0; background-color:#010101; font-size:13px; color:#ffffff; text-align:center; }


/* sub */

/* 서브비쥬얼 */
.sub_visual {border-bottom:6px solid #0177b7;}
.sub_visual .main_img_inner { height:386px; }
.sub_visual .main_img_inner .main_visual_txt {top:20%; height:auto; background-color:rgba(0,0,0,0); }
.sub_visual .main_img_inner .main_visual_txt p.visual_text01 { max-width:350px; font-size:25px; }
.sub_visual .main_img_inner .main_visual_txt p.visual_text02 {font-size:20px; }
.sub_visual .main_img_inner .main_visual_txt p.visual_text03 {font-size:13px; text-align:center;  }
.sub_visual .bx-wrapper .bx-pager { display:none !important; }
.sub_visual01 {background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(../img/main_visual01.jpg) no-repeat center center; }
.sub_visual02 {background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(../img/main_visual02.jpg) no-repeat center center; }
.sub_visual03 {background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(../img/main_visual03.jpg) no-repeat center center; }

.sub_visual .box_visual_text { position:absolute; bottom:2%; left:50%; margin-left:10%; width:360px; }
.sub_visual .box_visual_text ul li { float:none; width:100%; font-size:17px; line-height:130%; color:#ffffff; height:auto; text-shadow: 1px 1px 3px #666666, -1px -1px 3px #666666; }
.sub_visual .box_visual_text ul li:first-child { width:auto; padding-right:0; background-color:transparent; text-align:right; }
.sub_visual .box_visual_text ul li:last-child { width:auto; background-color:transparent; text-align:right; }
.sub_visual .box_visual_text ul li:last-child img { display:inline; width:auto; height:27px; margin:0px auto 0px auto; text-shadow: 1px 1px 3px #666666, -1px -1px 3px #666666; }
.sub_visual .box_visual_text ul li div.pa1 { margin-top:0px; margin-bottom:10px; line-height:150%; font-size:16px; }
.sub_visual .box_visual_text ul li div.pa2 { display:inline; font-size:14px; line-height:27px; letter-spacing:-1px; }

/* 서브 소메뉴(상단 혹은 좌측) */
#aside_map { position:relative; background-color: #ffffff; width:100%; border-bottom:1px solid #bbbbbb; box-sizing:border-box; z-index:4;}
.lnb_map { width:100%; overflow:hidden; margin:0px 0 20px; max-width:1200px; margin:auto; }
.lnb_map:after { clear:both; content:""; display:block; }
.lnb_map li { float:left; height:63px; line-height:63px; border-left:1px solid #bbbbbb; text-align:center; font-size:18px; font-weight:500; }
.lnb_map li a { font-size:18px; font-weight:500; text-align:center; /*transition:all 0.2s; cursor:pointer; text-shadow: 0 0 5px #000;*/ }
.lnb_map li.map_step1 { width:12%; min-width:140px; background:url(../img/icon_home.png) no-repeat 15px center; text-indent:20px; }
.lnb_map li.map_step2 { width:16%; min-width:190px; background:url(../img/icon_check.png) no-repeat right 10px center; text-align:left; text-indent:30px; /*direction:rtl; text-indent:20px;*/ }
.lnb_map li.map_step3 { width:16%; min-width:190px; border-bottom:2px solid #f4d009; box-sizing: border-box; border-right:1px solid #bbbbbb; background:url(../img/icon_check.png) no-repeat right 10px center; text-align:left; text-indent:30px; /*direction:rtl; text-indent:20px;*/ }
.lnb_map dl { display:none; width:100%; margin:0;  /*border-right:1px solid #545454; border-bottom:1px solid #545454; box-sizing:border-box;*/}
.lnb_map dl dd { float:left; width:100%; line-height:63px;}
.lnb_map dl dd a {}
.lnb_map dl dd.on {display:block; }

/* 서브 컨텐츠부분 레이아웃 */
#wrapper {z-index:4;margin:0 auto;max-width:1200px;zoom:1; }
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {z-index: 4; position: relative; padding: 0; height: auto !important; min-height: 500px; background: #fff; font-size: 1em; zoom: 1; padding: 25px 20px 50px 20px; box-sizing: border-box;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

/* 서브 제목 */
.cont_tit { width:100%; max-width:1200px; overflow:hidden; color: #292929; text-align:left; position: relative; margin-bottom:30px;}
.cont_tit ul li { float:left; height:50px; line-height:50px; margin-bottom:20px; }
.cont_tit ul li.page_title01 { width:30%; text-align:left; border-bottom:1px solid #343434; }
.cont_tit ul li.page_title01 strong { border-bottom:0px solid #7fbe25; font-size:28px; font-weight:600;  }
.cont_tit ul li.page_title02 { width:70%; text-align:left; border-bottom:1px solid #e0e0e0; }


/* 서브 내용 디자인 */
.content { padding-bottom:100px; }

/* 내용 기본 디자인 */
.txt_box {margin-bottom:30px}
.txt_box p {font-size:15px; line-height:30px; margin-bottom:15px}

.img_box {margin:0px; text-align:center;}
.img_box img { width:auto; max-width:100%; }
.img_box .img_list {overflow:hidden;}
.img_box .img_list li {display:inline-block; width:49.5%; margin-bottom:5px; height:380px; overflow:hidden;}

.sub_text01 { font-size: 15px; line-height:150%; }

/* 인사말 */
.greetings {text-align:left;}
.greetings strong{font-size:18px;}
.greetings ul li.img { float:left; width:30%; margin-right:30px;}
.greetings ul li.img .img_box { width:auto; border:0px solid #999999; box-sizing:border-box; padding:5px; }
.greetings ul li.img .img_box img { width:100%; max-width:438px; vertical-align:top; margin-bottom:10px; }
.greetings ul li.text { float:left; width:calc(70% - 30px); padding-top:10px; }
.greetings ul li.text .sub_text01 { line-height:1.8; }

.map {margin-bottom:30px;}
.map div {margin:auto;}
.map .root_daum_roughmap {width:100% !important;}


.map-tbl {border-top:2px solid #000; width:100%;}
.map-tbl tbody th {    border-bottom: 1px solid #000;    color: #1e1e1e;    font-size: 16px;   font-weight:700;  text-align: left;   padding: 16px;}
.map-tbl tbody td {border-bottom: 1px solid #d8d8d8;    color: #5b5b5b;    font-size: 15px;    font-weight: 300; padding: 16px;}  

.map_box { width:100%; margin-bottom:30px}
.map_box div { width:auto;}
.mapinfo h2 { font-size:1.5em; }
.mapinfo dl{overflow:hidden;border-top:2px solid #0a2f73;border-bottom:1px solid #0a2f73;}
.mapinfo dt{width:25%;float:left;clear:both;padding:10px 5px;text-align:center;font-weight:bold;border-top:1px solid #eaeaea;color:#368dc6;line-height:150%;}
.mapinfo dd{width:70%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;}
.mapinfo dd .busBlue{color:#FFF;background:#395cb3;padding:3px 4px; margin-right:5px;font-size:0.85em;}
.mapinfo dd .busGreen{color:#FFF;background:#50a232;padding:3px 4px; margin-right:5px;font-size:0.85em;}

/* 시공사례 */
.partners_wrap { width: 100%; margin: 0 auto; padding: 0px 0 0 0;  box-sizing: border-box; overflow: visible;  height: auto; }
.partners_wrap .partners_list_wrap {   display: flex;   flex-wrap: wrap;   gap: 40px;   width: 100%;   box-sizing: border-box;   }
.partners_wrap .partners_item { flex: 0 0 calc((100% - 80px) / 3); position: relative; display: block;  }
.partners_wrap .banner-inner { position: relative; display: block; aspect-ratio: 380 / 130;  }
.partners_wrap .banner-inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; object-fit: contain; object-position: center center; display: block; border: none; transition: filter 0.3s ease; }
.partners_wrap .partners_item .banner-inner:hover img { filter: brightness(0.85); }
@media ( max-width: 1024px ) {
}
@media (max-width: 767px) { 
  .partners_wrap .partners_list_wrap { gap: 10px; }
  .partners_wrap .partners_item { flex: 0 0 calc((100% - 10px) / 2); } 
}
@media (max-width: 350px) { 
  .partners_wrap .partners_list_wrap { gap: 10px 0; }
  .partners_wrap .partners_item { flex: 0 0 100%; } 
}



@media ( max-width: 1199px ) {
	#gnb_1dul > li.gnb_1dli {padding:0 25px}
}
@media ( max-width: 1023px ) {
	/* 메인 */
	#hd ul#tnb  {display:none;}
	#logo {left: 0; margin-left:50px; text-align:left;}
	#logo img{height:50px; padding-top:0;}

	#gnb .gnb_wrap{width:auto; height:100%; }
	#gnb_wrap {position:fixed !important; top:0; right:-350px; width:350px; max-width:100%; height:100%;  margin:Auto;background:#345EA1; box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:990;}
	#gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
	#gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url(../img/nav_home.png) 0 0 no-repeat; vertical-align:-2px;}
	#gnb_wrap button {display:block; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:#333; cursor:pointer}
	#gnb_wrap button span {position:absolute; display:block; left:10px; width:20px; height:2px; background:#fff; transition:all .4s ease}
	#gnb_wrap button span.bar1 {top:12px}
	#gnb_wrap button span.bar2 {top:18px}
	#gnb_wrap button span.bar3 {top:24px}
	#gnb_wrap button.active span.bar1 {top:18px; transform:rotate(45deg)}
	#gnb_wrap button.active span.bar2 {display:none}
	#gnb_wrap button.active span.bar3 {top:18px; transform:rotate(-45deg)}
	#gnb_1dul {float:none; width:250px;}
	#gnb_1dul > li.gnb_1dli {float:none; height:auto; text-align:left; padding:0; float:none; line-height:18px}
	#gnb_1dul > li.gnb_1dli:hover {background-color:#345EA1; color:#ffffff;}
	#gnb .gnb_1dli:hover .gnb_1da {color:#ffffff;}
	#gnb .gnb_1dli.on .gnb_1da {color:#ffffff}
	#gnb .gnb_2dul .top_line { display:none; }
	#gnb_1dul > li > a {position: relative; height:auto; padding:15px 25px; padding-left:60px; font-size:17px; border-bottom:1px solid #cccccc; color:#ffffff; }
	#gnb_1dul > li > a > span {padding:0}
	#gnb_1dul > li > a > span:before {display:none}
	#gnb_1dul > li > ul.gnb_2dul li:before {display:none}
	#gnb_1dul > li.dropdown > a:before {position:absolute; display:block; width:2px; height:14px; left:31px; top:50%; margin-top:-7px; content:''; background:#fff; transition:all .3s ease}
	#gnb_1dul > li.dropdown > a:after {position:absolute; display:block; width:14px; height:2px; left:25px; top:50%; margin-top:-1px; content:''; background:#fff}
	#gnb_1dul > li.open > a:before {transform:rotate(90deg)}
	#gnb_1dul > li > ul.gnb_2dul {display:none; position:static; width:100%; padding:0; background:#f1f1f1; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none}
	#gnb_1dul > li > ul.gnb_2dul li {padding:0; border-color:#dedede; text-align:left; }
	#gnb_1dul > li > ul.gnb_2dul li a.gnb_2da {font-size:17px; padding:10px 25px; line-height:18px;color:#222222; }
	#gnb_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:200}

	#btnNav {display:block;}
	#btnUser {display:none;}

	.main_section { width:95%; margin:0 auto; }

	.main_subsec_half .main_title02 { text-indent:0px; height:25px; line-height:25px; font-size:25px; font-weight:700; margin:20px 0;  }
	.list_bbs { width:100%; text-indent:0px; }
	.list_bbs li { text-indent:0px; }

	.main_visual_txt {position: absolute; top:25%; left:50%; width:auto; margin-left:-450px; height:auto; /*background-color:rgba(0,0,0,0.3); */padding:20px 20px; }
	.main_visual_txt p.visual_text01 { width:100%; max-width:450px; font-size:38px; line-height:1.3; text-align:center; color:#fff; font-family: "NanumSquare"; font-weight:600; letter-spacing:-1px; padding:0px 0px; margin:0 auto;text-shadow: 1px 1px 3px #666666, -1px -1px 3px #666666;}

	.main_visual_txt strong { font-size:40px; }

	.box_visual_text { position:absolute; bottom:2%; left:50%; margin-left:100px; width:360px; }
	.box_visual_text ul li { float:left; font-size:17px; line-height:130%; color:#ffffff ;letter-spacing: -1px; font-weight:500; height:230px; overflow:hidden; font-family:"NanumSquare"; }
	.box_visual_text ul li:first-child { width:57%; padding-right:3%; background-color:rgba(0,0,0,0.6); text-align:right; }
	.box_visual_text ul li:last-child { width:40%; background-color:#0171a3; text-align:center; }
	.box_visual_text ul li:last-child img { margin:60px auto 20px auto; }
	.box_visual_text ul li div.pa1 { margin-top:45px; margin-bottom:20px; line-height:150%; font-size:20px; }
	.box_visual_text ul li div.pa2 { font-size:18px; line-height:140%; }

	.sub_visual .main_img_inner .main_visual_txt {top:25%; }
	
	.sec_02 {padding:30px 10px;}

	/* 서브 */
	/* 인사말 */
	.greetings ul li.img { width:35%; margin-right:2%;}
	.greetings ul li.text { width:63%; }
}
@media ( max-width: 767px ) {
	.sec_01 {padding:40px 0 40px 0;}
	.sec_02 {padding:15px 0 40px 0; background-color:#f5f4f2; }

	#btnNav { right:10px}
	#btnUser {right:60px}
	#logo {margin-left:10px;}
	#logo a {margin-top:10px}
	.main_img_inner { height:380px; }
	.main_visual_txt {width:80%;top: 25%;left:50%;margin-left: -65%;}
	.main_visual_txt p.visual_text01 {font-size:22px; max-width:250px; }
	.main_visual_txt p.visual_text02 {font-size:20px; word-break:keep-all;}
	.main_visual_txt p.visual_text03 {font-size:13px;}
	.main_visual_txt strong { font-size:32px; }
	.box_visual_text { display:none; }
	.sub_visual .main_img_inner .main_visual_txt {top:15%; }
	.sub_visual .main_img_inner .main_visual_txt p.visual_text01 { font-size:20px; }
	.sub_visual .main_img_inner { height:280px; }

	.main_subsec_half { width:100%; padding-top:10px; min-height:100px; }
	.ms_left { float:none; }
	.ms_right { float:none; }

	.main_section .main_title01 { width:220px; font-size:20px; }

	.main_section .main_title02 { font-size:20px; }

	#ft p {padding:0 10px; }
	.footer_customer .footer_menu_list { display: none; }
	#ft_copy > ul > li { float:none; width:100%; }
	#ft_copy > ul > li.footer_logo { width:100%; margin-bottom:10px; }
	#ft_copy > ul > li.footer_info { width:100%; }

	.list_banner li .banner_subject { height:80px; font-size:13px; letter-spacing:-1px; padding:0 5px;}
	.list_banner li .banner_subject span { font-size:13px; }
	.list_banner li .btn_more { padding:8px 10px;}

	#aside_map {display:none;}

	/* 서브 제목 */
	.cont_tit ul li.page_title01 { width:60%; }
	.cont_tit ul li.page_title01 strong { font-size:20px; }
	.cont_tit ul li.page_title02 { width:40%; }

	.greetings ul li.img { float:none; width:100%; margin-right:0; }
	.greetings ul li.img .img_box { margin:0 auto; }
	.greetings ul li.img .img_box img { width:100%; }
	.greetings ul li.text { float:none; width:100%; margin-top:40px; padding-top:0; }
	.greetings ul li.text .sub_text01 { line-height:1.5; font-size:14px; }

	.mapinfo dt{width:100%;padding:10px 10px;text-align:left;}
	.mapinfo dd{width:100%; padding-left:20px;}

}

@media ( max-width: 479px ) {
	.main_v { border-bottom:10px solid #0177b7;}
	.main_v .main_img_inner {background-size: auto 100%;}
	.main_visual_txt { margin-left: -60%; margin-top:0;height:auto;}
	.main_section h2 {font-size:24px}



	.main_bbs li a {font-size:14px}
	.main_bbs li span.date {font-size:14px}

	/*.list_bbs_photo li { width:50%; margin-bottom:10px; }*/
	.list_bbs_photo li .list_photo_img { height:100px; line-height:100px; }
	.list_bbs_photo li .list_photo_img img { width:75%; height:auto; max-height:100%;}
	.list_bbs_photo li .list_photo_subject { font-size:20px; height:25px; line-height:25px; letter-spacing:-1px; }

	/* 서브 */
	/* 인사말 */

	.cont_tit ul li.page_title01 strong { font-size:18px; }


}