@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; height:100%;}
/*.mobile_on .mobile_show {display:block;}
.mobile_on .mobile_hide {display:none;}


.mobile_show {display:none;}*/
.mobile_show .inner {padding:0px;}
.web_dis {display:block !important;}
.mb_dis {display:none !important;}
.search_btn {display: none; position: absolute; right:65px; top:26px;}

/* wrap */
#wrap {width:100%; max-width:2200px; overflow:hidden; margin:0 auto; word-break: keep-all}

#inner_wrap {max-width:1160px; margin:20px auto 0px auto; position:relative; }
#inner_wrap:after {clear:both; content:""; display:block;}
.inner {max-width:1160px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}


/* header */
#header {width:100%; position: relative; z-index:9999; box-sizing: border-box; background: #fff;}

#header h1 {position: absolute; left: 50%; top:17px; margin-left:-128px; overflow:hidden;}
#header h1 img {max-width: 100%; height: 100%;}
#header .top_ban {padding:17px 0px 26px 0px; width: 100%; min-height:72px;}
#header .top_ban > ul {overflow: hidden;}
#header .top_ban > ul > li {box-sizing: border-box; width:50%; max-width:490px; }
#header .top_ban > ul > li img {max-width:100%; max-height:72px;}
#header .top_ban > ul > li.fl {padding-right:140px;}
#header .top_ban > ul > li.fr {padding-left:140px; text-align:right;}
#header .top_ban > ul > li > a {border: 1px solid #cccccc; display: inline-block; color: #9a9a9a;}
.m_hg {overflow: hidden; z-index: 999 }

.top_btns {overflow: hidden; position: absolute; right:15px; bottom:20px}
.top_btns > li {float: left; padding: 0px 3px; line-height: 38px;}
.top_btns > li.ico04 {padding-right: 10px; background: url(../img/common/top_line2.gif) no-repeat right center; margin-right:8px;}
.top_btns > li.ico05 {padding-right: 10px;}
.m_gnb_on {position:absolute; right:10px; top:28px; display:none;}
.in_header {max-width:1160px; width:100%; margin:0 auto; position:relative; z-index:99}



/* GNB */
.w_gnb {padding: 0px 150px 0px 140px; border: 1px solid #dfe1e9;}
.w_gnb .gnb {max-width:720px; margin: 0 auto; position:relative;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; text-align: center;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; width:25%; *display:inline; position:relative;}
.w_gnb .gnb > ul > li > a {display:block; color:#333333; background: url(../img/common/gnb_bul.gif) no-repeat left center;}
.w_gnb .gnb > ul > li > a > span {display: block; font-size:18px; line-height:23px; min-height:23px; padding:25px 0px; z-index: 999; position: relative; font-weight: 500;}
.w_gnb .gnb > ul > li:first-child > a {background: none;}
.w_gnb .gnb > ul > li:hover > a > span {color:#00a7af; background: url(../img/common/sub_menu_arrow.gif) no-repeat center bottom;}
.w_gnb .gnb > ul > li.on > a > span {color:#00a7af;}

.w_gnb .gnb > ul > li.gnb05 {display: none;}
.w_gnb .gnb > ul > li.gnb06 {display: none;}

.w_gnb .sub_menu  {position:absolute; left:5px; width:100%; box-sizing:border-box; overflow:hidden; top:72px; display:none; padding:0px 0px; border:1px solid #2e3133; background: #fff; padding: 10px 0px;}
.w_gnb .sub_menu > li {padding:3px 10px 3px 10px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; text-align:center; font-weight:400; color:#333333; padding:3px 0px; line-height:20px;}
.w_gnb .sub_menu > li > a:hover {color:#00a7af;}


.go_sitemap {position:absolute; left:0px; bottom:1px;}
.go_sitemap a {display:block; width:77px; height:73px; line-height: 39px; background: url(../img/common/sitemap.gif) no-repeat center center; font-size:0px; text-decoration: -9999px; color:#3c3c3c;}


.top_searchW {background:#fff; border-top:1px solid #cfcfcf; border-top:1px solid #cfcfcf;  width:100%; box-sizing:border-box; position:absolute; left:0; bottom:1px; z-index:99;display:none; margin-bottom:-90px;}
.top_searchW .search_txt {display:none;}
.top_searchW .inner_search {width:100%; box-sizing: border-box; max-width:1160px; margin:0 auto; position:relative; padding:16px 65px 16px 10px;}
.top_searchW .inner_search .in_box {max-width:580px; margin:0 auto; box-sizing:border-box;}
.top_searchW .top_btn_close {position:absolute; right:0px; bottom:5px; display:block;}
.top_searchW .top_btn_close img {max-width:100%;}
.search_warp { position:relative; box-sizing:border-box; border: 1px solid #00a7af; padding-right:60px;}
.search_warp .inp_search {border:none; background:#fff; width:100%; font-size:14px; color:#333; line-height:55px; min-height:55px;}
.search_warp .btn_search {position:absolute; right:0px; top:0px; box-sizing:border-box; text-align:center; padding:7px;}
.search_warp .btn_search button {font-size:15px; line-height:65px; color:#fff; display:inline-block; outline: none; border: none;}
.top_searchW .inner_search .in_box .no_txt {text-align:center; font-size:14px; line-height:22px; padding:0 0 30px 0; color:#000;}




.slide_menu_wrap {width:85%; height: 100%; z-index: 99999; position: fixed; left:-90%; top: 0px; bottom:0px; display:none; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #f0f0f0;}
.slide_menu_top {background:#fff; position: relative; text-align: center}
.slide_menu_top .logo {display: inline-block; width:184px; overflow: hidden; padding-bottom: 10px;}
.slide_menu_top .logo img {width: 100%;}
.my_profile {padding:10px; min-height:20px; background: #00a7af;}
.my_profile .no_member {overflow: hidden}
.my_profile .no_member > li {width: 50%; float: left; border-left:1px solid #fff; box-sizing: border-box; text-align: center}
.my_profile .no_member > li:first-child {border: none;}
.my_profile .no_member > li a {display:block; color: #fff; font-weight: 500; line-height:26px; min-height:26px; font-size:13px;}

.slide_menu_wrap .all_close {position: fixed; left:89%; top:10px;}
.slide_menu_wrap .all_close button {background: none; border: none; outline: none; width: 24px; height: 24px;}

.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #cccccc; }
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:17px; color: #000000; background: #f2f2f2; padding: 10px 10px 10px 19px; background: url(../img/common/gnb_arrow.gif) no-repeat 96% center #fff; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/gnb_arrow2.gif) no-repeat 96% center #fff; color: #00a7af} 
.slide_menu_wrap .gnb .sub_menu {background: #f0f0f0; border-top:1px solid #cccccc; display: none; padding: 10px 0px; }

.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 19px; font-size:14px; color: #666666; } 
.slide_menu_wrap .gnb .sub_menu > li:first-child > a {border-top:none} 




/* 전체메뉴*/
.sitemap_wrap {display:none; width:100%; overflow-y:scroll; position:fixed; left:0%; top:0%; bottom:0%; right:0%; margin:0px; z-index:999999; padding:25px 0px; -webkit-overflow-scrolling: touch; background: url(../img/common/png_80.png) repeat left top;}
.sitemap_wrap .sitemap {/*padding: 7% 0 10%;*/ padding: 13% 0 10%;}
.sitemap_wrap #gnbW {/*width: 98%; max-width:1011px;*/ width:100%; max-width:1200px; margin: 3.214285% auto 2.571428%; cursor: auto; position: relative;}
.sitemap_wrap .sitemap .gnb > ul { text-align:center; overflow:hidden;}
.sitemap_wrap .sitemap .gnb > ul > li {display:inline-block; vertical-align:top; text-align:left; width:169px; min-height:190px; padding:20px 13px;}
.sitemap_wrap .sitemap .gnb > ul > li > a {display:block; line-height:20px; height:35px; font-size:20px; color:#fff; padding-bottom:10px; border-bottom:4px solid #fff; text-align:left;}
.sitemap_wrap .sitemap .gnb > ul > li .sub_menu {padding:10px 0px 0px 0px; width:100%; height:auto !important; display:block !important; position:relative; left:0px; top:0px;}
.sitemap_wrap .sitemap .gnb > ul > li .sub_menu li {padding:7px 0px; float:none; font-size:15px;}
.sitemap_wrap .sitemap .gnb > ul > li .sub_menu li a {color:#fff;}
.sitemap_wrap .sitemap .gnb > ul > li .sub_menu li .br { display:block;}
.sitemap_wrap .close_bt { position:absolute; right:25px; top:25px;}
.sitemap_wrap .sitemap .gnb05 {display: none !important;}


.m_right {float: right; box-sizing: border-box;}
.m_left {float: left; box-sizing: border-box;}
.m_center {float: left; box-sizing: border-box;}

.first_row .m_left {width:65%; }
.first_row .m_right {width:35%; padding-left: 5px;}

.main_wrap #container {padding-bottom: 0px;}
#container {position: relative; background: #edeff4; padding-bottom:40px;}

/* visual */
.main_visualW {width: 100%; max-width:750px; box-sizing: border-box; border: 1px solid #cccccc; background: #fff;}
.main_visualW .visual_top {position: relative; padding-left:18%;}
.main_visualW .visual_top .m_tit {position: absolute; left:10px; top: 0px;}
.main_visualW .visual_top .roll_tab {overflow: hidden; font-size: 0px; padding:21px 0px;}
.main_visualW .visual_top .roll_tab > li {display: inline-block; padding: 0px 5px; vertical-align:top;}
.main_visualW .visual_top .roll_tab > li a {display: block; color: #999999; font-size: 15px; line-height:25px; padding: 0px 5px; border-radius:4px; }
.main_visualW .visual_top .roll_tab > li.on a {background: #00a7af; color: #fff;}

.main_visual {position:relative; }

.main_visual .bxslider li { height:auto;}
.main_visual .bxslider li > a {display: block; background-size:cover !important;}
.main_visual .bxslider li .txt {display: block; position: absolute; left: 0px; bottom:15px; width: 100%; color: #fff; text-align: center;}
.main_visual .bxslider li .txt .tit {display: block; font-size:18px; line-height: 140%; padding-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.main_visual .bxslider li .txt .name {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:9px; height:9px; margin:0 3px; background:none; border:2px solid #fff; -moz-border-radius:14px;  -webkit-border-radius:14px; border-radius:14px;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#ffffff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff; width:38px;}

.main_visual .bx-wrapper .bx-controls-direction a {width:71px; height:71px; top:50%; position: absolute; margin-top: -35px; text-indent:-9999px;}
.main_visual .bx-wrapper .bx-prev {left:0px; background:url(../img/common/controls2.png) no-repeat 0 0px;}
.main_visual .bx-wrapper .bx-next {right:0px; background: url(../img/common/controls2.png) no-repeat right 0px;}
.main_visual .bx-wrapper .bx-pager { position:absolute; width: 100%; left: 0px; bottom:5%; padding:0px; z-index: 99;}



.m_box {border: 1px solid #cecece; background: #fff; position: relative;}
.m_box .more {position: absolute; right: 20px; top: 20px;}
.m_box h3 {border-bottom: 1px solid #cecece;}
.m_box_in {padding:15px;}

/* section */
.main_content {padding:0px 0px 30px 0px; overflow: hidden; background: #edeff4}
.m_tit {padding:20px 0px 19px 20px; color:#333333; font-size:18px; line-height:150%; font-weight: 500;}
.m_tit_txt {margin:-20px 0px 30px 0px; color:#555555; font-size:18px; text-align:center; line-height:150%; display:block;}
.pic_list {min-height: 270px;}
.pic_list > li {margin-top:15px;}
.pic_list > li:first-child {margin-top: 0px !important;}
.pic_list > li > a {display: block; position: relative; padding-left:176px; min-height:80px; color: #666666}
.pic_list > li .pic {display: block; position: absolute; left: 0px; top: 0px; background-size: cover !important}
.pic_list > li .pic img {width: 100%;}
.pic_list > li .txt {display: block; height:40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap:break-word; margin-bottom:10px;}
.pic_list > li .date {display: block;text-align: right; font-weight: 100; }

.first_row .pic_list {min-height: 238px;}
.first_row .pic_list > li {margin-top:11px;}
.first_row .pic_list > li .pic {max-width: 145px; max-height:72px;}
.first_row .pic_list > li > a {min-height: 72px;}
.first_row .img_ban {margin-top: 10px; max-width:400px; overflow:hidden;}
.first_row .img_ban a {background-size:cover !important; display:block; max-height:170px; box-sizing:border-box; }
.first_row .img_ban img {max-width:100%; max-height:170px;   height:100%;  background-color:#fff; }


.two_row {padding: 10px 0px;}
.two_row .m_left {width:32.5%; padding-right: 5px; max-width: 375px; }
.two_row .m_center {width:32.5%; padding-left: 5px; max-width: 375px; }
.two_row .m_right {width:35%; padding-left:5px;}



/* 달력 */
.sch_topW {box-sizing:border-box; text-align:center;}
.sch_topW .in_box {box-sizing:border-box; position:relative; padding:0 30px;}
.sch_topW .in_box .prev {position:absolute; left:0; top:50%; margin-top: -2px;}
.sch_topW .in_box .prev img {max-width:100%;}
.sch_topW .in_box .next {position:absolute; right:0; top:5px;}
.sch_topW .in_box .next img {max-width:100%;}
.sch_topW .in_box .date {box-sizing:border-box; font-size:22px; line-height:30px; font-weight:400;}

.main_wrap .ev_tb tbody tr td.event {background: none;}
.main_wrap .event_tbW {box-sizing:border-box; padding:14px 0px 15px 0px;}
.main_wrap .ev_tb {width:100%; box-sizing:border-box; table-layout: fixed}
.main_wrap .ev_tb thead tr th {padding:0px; line-height:18px; text-align:center; font-size:11px; color:#999999; background: #f3f3f3; border: none;}
.main_wrap .ev_tb thead tr th.sun {background:#fbeaea; color:#d43134;}
.main_wrap .ev_tb thead tr th.sat {background:#ecf3fa; color:#458acf;}
.main_wrap .ev_tb tbody tr td {padding:3px 1px 0px 1px; text-align: center; height:23px; font-size:11px; line-height:23px; color:#999999; border: none;}
.main_wrap .ev_tb tbody tr td.sun {color:#d43134;}
.main_wrap .ev_tb tbody tr td.sat {color:#458acf;}
.main_wrap .ev_tb tbody tr td .date a {}
.main_wrap .ev_tb tbody tr td.event > a { display: inline-block; width:23px; height: 23px; line-height: 23px; color: #fff; background: #00a7af; border-radius:100%; }
.main_wrap .ev_tb tbody tr td .eve_txt a {display:block; line-height:18px; font-size:13px; color:#fff; padding:7px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}

.main_wrap .eve_txt a {display:block; box-sizing:border-box; color:#000; overflow:hidden; }

.main_wrap .event_footer {padding: 10px 10px 10px 104px; min-height:40px; position: relative; background: #f4f6f7; overflow: hidden;}
.main_wrap .event_footer .date {font-size:26px; line-height: 40px; font-weight: 500; position: absolute; left: 0px; top:10px; width:90px; text-align: center; border-right:1px solid #cccccc}
.main_wrap .event_footer .txt {height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}


.main_customerW .main_customer {max-width:1200px; padding:30px 120px; margin:0 auto; box-sizing:border-box; border-bottom:1px solid #6a6f79;}
.main_customer .bx-wrapper .bx-pager {display:none;}

.main_customer .bx-controls-direction {display:block !important;}
.main_customer .bx-wrapper .bx-controls-direction a {margin-top:-6px; width:25px; height:13px; text-indent:-9999px; z-index:999;}
.main_customer .bx-wrapper .bx-prev {left:-115px; background:url(../img/common/left.png) no-repeat left center;}
.main_customer .bx-wrapper .bx-next {right:-115px; background:url(../img/common/right.png) no-repeat right center;}

.slide_banner {border: 1px solid #cecece; background: #fff; padding: 25px 50px; margin: 10px 0px;}
.slide_banner .bx-wrapper .bx-controls-direction a { margin-top: -10px; width:20px; height: 20px;}
.slide_banner .bx-wrapper .bx-prev {left:-35px; background: url(../img/main/slide_l.gif) no-repeat 0 0px;}
.slide_banner .bx-wrapper .bx-next {right:-35px; background: url(../img/main/slide_r.gif) no-repeat 0 0px;}
.slide_ban01 > div {max-width:200px; box-sizing: border-box;}
.slide_ban01 > div img {max-height:68px; border: 1px solid #cccccc; box-sizing: border-box;}
.slide_ban01, .slide_ban02, .slide_ban03 {height: 100%;}
.slide_banner .table {display: table !important; height: 100%;}
.slide_banner .table .table_cell {display: table-cell !important; vertical-align: middle; height: 100%;}
.slide_banner .table .table_cell img {display:inline-block; width: 100%;}

.txt_list {margin: -15px; min-height: 299px;}
.txt_list > li {padding: 15px 0px 14px 0px; border-top:1px solid #e5e5e5 }
.txt_list > li:first-child {border-top:none; margin-top: 1px;}
.txt_list > li > a {display: block; position: relative; padding-left:100px; padding-right: 10px; min-height:70px; color: #666666}
.txt_list > li .date {display: block; text-align: center; position: absolute; left: 0px; top: 0px; width:100px; color: #999999; font-size: 16px; font-weight: 500; }
.txt_list > li .date strong {display: block; color: #333333; font-weight: 700; font-size:36px; line-height:120%; }
.txt_list > li .txt {display: block; height:40px;}
.txt_list > li .txt img {vertical-align: middle;}
.txt_list > li .txt .txt_b {font-size: 15px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; padding-top: 15px; color: #666666;}
.txt_list > li .txt .txt_s {font-size: 14px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.txt_list > li .txt .status {display: inline-block; border-radius:3px; min-width: 50px; padding: 0px 5px; background: #00a7af; font-size: 12px; color: #fff; line-height: 21px; text-align: center; margin:8px 0px 5px 0px;}

.quick_wrap {position: absolute; max-width:1160px; margin-left: -580px; width: 100%; left: 50%; top:10px;}
.quick_wrap > ul {width:200px; position: absolute; top:0px;}
.quick_wrap > ul > li {max-width:100%; max-height:150px; padding-top: 10px;}
.quick_wrap > ul > li img {width:100%; height: auto; }
.quick_wrap > .q_left {left:0px; margin-left: -210px;}
.quick_wrap > .q_right {right:0px; margin-right: -210px;}

.quick_wrap.fix {position: fixed; top: 0px !important;}


/* 카피라이트 */
#footerW {clear:both; width:100%; background:#3e4148; font-size:14px; box-sizing: border-box;}
.footer_menu {border-bottom:1px solid #303338}
.footer_menu > ul {overflow: hidden; max-width: 1160px; margin: 0 auto; padding:22px 0px;}
.footer_menu > ul > li {float: left; padding: 0px 15px; background: url(../img/common/f_line.gif) no-repeat left center; line-height: 20px; height: 20px;}
.footer_menu > ul > li > a {color: #d3d3d3;}
.footer_menu > ul > li:first-child {background: none; padding-left:0px;}

#footer_add {max-width:910px; padding:20px 250px 30px 0px; background:url(../img/common/f_logo.gif) no-repeat right 20px; margin:0 auto; position:relative; color:#d3d3d3;}
#footer_add:after {clear:both; display:block; content:""}
#footer_add .copyright {padding-top:10px; font-weight: 100;}
#footer_add .copyright span {padding:0px 15px;}
#footer_add .bt_top {position: absolute; right: 0px; top:-65px;}

.web_info span {display:inline-block; zoom:1; background: url(../img/common/f_line.gif) no-repeat right center; display:inline-block; padding-right: 10px; margin-right: 10px; line-height: 130%;}
.web_info span a { color:#d3d3d3;}
.web_info:after { clear:both; content:""; display:block;}

.sub_wrap #footerW {margin-top:0px;}
.sub_wrap .quick_wrap {top:51px;}


#content {width:100%; max-width:1160px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}


.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_2 .sub_visual {background:url(../img/bank/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_3 .sub_visual {background:url(../img/loan/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_6 .sub_visual {background:url(../img/culture/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_7 .sub_visual {background:url(../img/divide/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_8 .sub_visual {background:url(../img/community/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_0 #lnb_wrap {display: none !important;}
.sub_wrap_0 #sub_tit {display: none !important;}
.sub_wrap_0 #inner_wrap {margin-top: 0px;}
.sub_wrap_0 #container {padding-top: 20px;}
.sub_visual {height:293px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt p {display: table-cell; vertical-align: middle; height: 100%; text-align: center;}
.sub_visual {height:293px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt p {display: table-cell; vertical-align: middle; height: 100%; text-align: center;}

#sub_tit {font-size:27px; padding: 10px; color: #000; font-family: Noto Sans; text-align: center; font-weight: 500; line-height:140%; display: none;}


#m_lnb {display:none;}


#lnb_wrap {width:100%; max-width:1160px; background: #fff; margin: 0 auto; z-index:9; position: relative;}
#lnb_wrap.fix {position: fixed; left: 0px; top:193px; box-shadow: 0px 1px 1px #ccc;}
#lnb_wrap .lnb {max-width:1160px; margin:0 auto; position:relative;}
#lnb_wrap .lnb:after {clear:both; content:""; display:block;}
#m_lnb {display:none;}

.lnb ul:after { clear:both; content:""; display:block;}
.lnb ul li {color:#fff; float:left; width:25%; display: table; background: url(../img/common/gnb_line.gif) no-repeat left center;}
.lnb ul li:first-child {background: none;}
.lnb ul li a {color:#999999; font-size:13px; display:table-cell; width: 100%; height: 100%; line-height:20px; vertical-align: middle; height:40px; padding:0px 2px; text-align:center;}
.lnb ul li.on a {color:#00a7af; border-bottom: 1px solid #00a7af; height: 39px;}
.lnb .lnbs .copy_menu {position:absolute; left:0px; top:40px; width:100%; display:none;}
.lnb ul li > ul {display: none;}

.sub_wrap_1 .lnb ul li {width:16.66%;}
.sub_wrap_2 .lnb ul li {width:33.333%;}
.sub_wrap_3 .lnb ul li {width:50%;}
.sub_wrap_4 .lnb ul li {width:33.333%;}
.sub_wrap_5 .lnb ul li {width:33.333%;}


#lnb_tit {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}

.rightW {float: right; width: 900px; box-sizing: border-box;}


.title_bar {border-bottom: 1px solid #000000; padding: 0px 0px 17px 0px; margin-bottom:40px;}
.title_bar h2 {font-size:32px; padding:5px 0px 5px 0px; color:#000000;  line-height:150%; letter-spacing:-1px;  transition: all 0.2s 0s ease-in-out; font-family: Noto Sans;}
.title_bar .s_txt {font-size:13px; color:#555555}

.location {line-height:37px; padding-top: 10px; text-align:right;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:17px; margin-left:10px; background:url(../img/common/location.gif) no-repeat left center; color:#686868;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {color:#222222; font-family:Noto Sans;}
.location img {vertical-align:middle}


.sub_con {min-height:300px; padding:30px; font-size: 14px; line-height: 160%; border: 1px solid #cccccc; background: #fff;}
.parking { text-align:center; font-size:32px; padding:70px 0px 360px 20px; background: url(../img/common/parking.gif) no-repeat center bottom; background-size:contain; max-width:579px; margin:0 auto;}

.s_tit {font-size:20px; color:#333333; line-height:140%; margin:45px 0px 15px 0px; padding:15px 0px 0px 0px; background: url(../img/common/tit_line2.gif) no-repeat left top; font-family: Noto Sans;}
.ss_tit {font-size:18px; color:#000000; font-family: Noto Sans; padding:2px 0px 2px 20px; margin-top:30px; line-height:140%; background:url(../img/common/ss_bul.gif) no-repeat 0px 8px; min-height:20px; text-align:left; margin-bottom:8px;}
.sss_tit {font-size:13px; color:#333333; padding:0px 0px 10px 0px; margin-top:20px; line-height:140%; font-size: 15px;}
.imgW img {max-width:100%;}

.project_tabW {border-bottom:1px solid #e9e9e9; padding-bottom:20px; margin-bottom:20px;}
.project_tab {border: 1px solid #e9e9e9; padding:10px 10px 10px 110px; position: relative; margin-top: 10px; overflow:hidden;}
.project_tab .one_m {text-align: center; color: #fff; font-size:15px; width: 110px; height: 100%; background: #6e9ad9; position: absolute; left: 0px; top: 0px;}

.project_tab .sub_m {overflow: hidden; padding: 0px 0px 0px 30px;}
.project_tab .sub_m > li {float: left; padding:1px 7px; word-break:break-all; background: url(../img/common/top_line2.gif) no-repeat right center;}
.project_tab .sub_m > li > a {color: #666666; font-size: 13px;}
.project_tab .more {text-align: center; margin: 15px 0px -10px 0px;}
.project_tab .more > a {display:inline-block; background: #000; line-height: 23px; color: #fff; min-width: 100px; text-align: center;}

.table {display: table !important;  width: 100%; height: 100%;}
.table .table_cell {display: table-cell !important; vertical-align: middle; width: 100%; height: 100%;}

.photo_viewW .big_pic {width: 100%;}
.photo_viewW .big_pic img {width: 100%;}
.photo_viewW .s_pic {max-width:625px; box-sizing: border-box; padding: 20px 35px;}
.photo_viewW .bx-wrapper .bx-prev {left:-42px;}
.photo_viewW .bx-wrapper .bx-next {right:-42px;}

.view_info {overflow: hidden; padding: 30px 0px;}
.view_info .txt1 {float: left; width: 55%; box-sizing: border-box; padding-right: 10px; font-size: 13px;}
.view_info .txt2 {float: right; width:45%; box-sizing: border-box; padding-left: 10px;}
.view_info .txt1 h3 {font-size:23px; line-height: 140%; padding-bottom:15px; }
.view_info .txt1 .name {font-size:15px; line-height: 140%; color: #333333;  padding-bottom:15px; background: url(../img/common/tit_line.gif) no-repeat left bottom; margin-bottom: 15px; }


/* 달력 */
.sch_topW {box-sizing:border-box; text-align:center;}
.sch_topW .in_box {display:inline-block; box-sizing:border-box; position:relative; min-width:246px; padding:0 30px;}
.sch_topW .in_box .prev {position:absolute; left:0; top:5px;}
.sch_topW .in_box .prev img {max-width:100%;}
.sch_topW .in_box .next {position:absolute; right:0; top:5px;}
.sch_topW .in_box .next img {max-width:100%;}
.sch_topW .in_box .date {box-sizing:border-box; font-size:15px; line-height:22px; color:#333; font-weight: 400;}
.sch_topW .in_box .date span {font-size:28px; line-height:32px; }

.event_tbW {box-sizing:border-box; padding:20px 0px 20px 0px;}
.ev_tb {width:100%; box-sizing:border-box; table-layout: fixed}
.ev_tb thead tr th {padding:10px 5px; text-align:center; font-size:16px; color:#333; font-weight: 400; border:1px solid #ccc;}
.ev_tb thead tr th.sun {background:#fe5900; color:#fff;}
.ev_tb thead tr th.sat {background:#1e71c6; color:#fff;}
.ev_tb tbody tr td {padding:5px 6px; vertical-align:top; height:120px; border:1px solid #ccc; font-size:14px; line-height:22px; color:#000;}
.ev_tb tbody tr td.sun {color:#fe5900;}
.ev_tb tbody tr td.sat {color:#1e71c6;}
.ev_tb tbody tr td.today .date{background:url(../img/common/d_arrow.png) no-repeat right top;}
.ev_tb tbody tr td.event {background:#ccebf8; /*max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.ev_tb tbody tr td .eve_txt a {display:block; line-height:18px; font-size:13px; color:#fff; padding:7px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.kwum .ev_tb tbody tr td .eve_txt a {white-space: inherit; text-overflow: inherit; word-break:break-all }
.ev_tb tbody tr td .eve_txt a.on {text-overflow:inherit; white-space:inherit; text-align: left;}
.ev_tb tbody tr td .eve_txt.color0 a {color:#000; padding:0px; padding-top:5px;  font-weight:normal;}
.ev_tb tbody tr td .eve_txt.color0 a {color:#000;}
.ev_tb tbody tr td .eve_txt.color1 a {background:#a22d44}
.ev_tb tbody tr td .eve_txt.color2 a {background:#8b73b9}
.ev_tb tbody tr td .eve_txt.color3 a {background:#40ae5f}
.ev_tb tbody tr td .eve_txt.color4 a {background:#9b733e}
.eve_txt a {display:block; box-sizing:border-box; color:#000; overflow:hidden; }

.search_wrap {border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px;}

.search_wrap .s_tit {margin-top: 0px;}

.list_more {text-align: center; padding: 20px 0px;}
.list_more button {display:inline-block; min-width:68px; background: #fff; border: 1px solid #d2d2d2; padding:5px 5px 5px 5px; text-align: center; color: #d2d2d2; font-size:14px; font-family: dotum; font-size:30px;}
.list_more button span {display: block; padding:5px 0px; color: #000; font-family: nGothic; font-weight: normal; font-size: 14px;}


.company {padding: 0px 510px 0px 0px; overflow: hidden; min-height:260px; position: relative;}
.company .pic {position: absolute; right: 0px; top: 0px; }
.company .font-b {font-size: 23px; color: #333333; line-height: 140%; display: block; padding-bottom: 10px;}
.company .font-b strong {font-size:1.3em; color: #00a7af; font-weight: 400;}

.company_ico {padding:20px 0px;}
.company_ico li {position:relative; padding:20px 0px 20px 150px; margin: 10px 0px; min-height:70px; font-size:14px; color:#666666; line-height: 140%;}
.company_ico li strong {display: block; color: #00a7af; font-size:1.2em; font-weight: 400; padding-bottom:10px;}
.company_ico li.ico01 {background: url(../img/company/01_ico01.gif) no-repeat left top;}
.company_ico li.ico02 {background: url(../img/company/01_ico02.gif) no-repeat left top;}
.company_ico li.ico03 {background: url(../img/company/01_ico03.gif) no-repeat left top;}
.company_ico li.ico04 {background: url(../img/company/01_ico04.gif) no-repeat left top;}

.company_ico2 li strong {position: absolute; left: 0px; top: 0px;}
.company_ico2 li > p {padding-left:20px; position: relative;}
.company_ico2 li > p a {color:#00a7af; text-decoration: underline;}
.company_ico2 li.ico01 {background: url(../img/company/03_ico01.gif) no-repeat left top;}
.company_ico2 li.ico02 {background: url(../img/company/03_ico02.gif) no-repeat left top;}
.company_ico2 li.ico03 {background: url(../img/company/03_ico03.gif) no-repeat left top;}
.company_ico2 li.ico04 {background: url(../img/company/03_ico04.gif) no-repeat left top;}
.company_ico2 li.ico05 {background: url(../img/company/03_ico05.gif) no-repeat left top;}

.company.pr_company {padding-right: 0px;}
.company.pr_company .fr {float: right; padding-left:50px;}




.login_wrap {max-width:460px; margin:0 auto;}
.login_wrap .login_bt .btn {background-color:#00a7af; color: #fff; padding: 12px; line-height:40px; display: block; font-size: 16px; text-align: center; font-weight:500; width: 100%; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;}
.login_wrap .id_save {font-size::15px; color:#000; margin:-10px 0px 20px 0px;}
.signup {padding:30px 0px 20px 0px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight:500; color:#82888a;}
.signup li { margin-bottom:5px;}
.signup li input {width:100%; height:60px; padding:8px 10px; display:block; border:1px solid #cccccc; border-radius:0px; background-color:#fff; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}
.find_idpw {padding:10px 0px 15px 0px;}
.find_idpw a {font-size:15px; color:#333333; text-decoration:underline;}

.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(../img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;}

.join_go {padding:15px 0px; text-align:center; margin:15px 0px; background:#f3f4f8}
.join_go > p {padding:10px 0px; font-size:15px;}
.join_go > a {display:block; max-width:290px; margin:10px auto; background:#333333; color:#fff; font-size:15px; line-height:50px;}

.member_wrap {margin:0 auto;}
.check_boxW {background:#efeef3; border:1px solid #dadadc; border-top:none; padding:10px 5px;}
.add_bt {position: absolute; right: 0px; top: 0px;}

.dl_table > dl {padding:20px 0px 0px 0px;}
.dl_table > dl > dt {font-size:18px; color:#000000; line-height:150%; padding-bottom:5px;}
.dl_table > dl > dd .input {line-height:50px; height:50px; border:1px solid #cccccc}
.dl_table > dl > dd .select_ds select {line-height:50px; height:50px; border:1px solid #cccccc}
.dl_table > dl .pa_minus {line-height:50px;}
.dl_table > dl .btnNormalS span {height:50px; line-height: 50px;}

.member_ok {background:#f3f4f8; padding:80px 0px; text-align:center;}
.member_ok > p {font-size:18px; color:#333333; line-height:140%;}
.member_ok > p > strong {font-size:46px; color:#00a7af;  line-height:140%;}


.findW {padding:30px 0px 0px 0px;}
.findW .fl50, .findW .fr50 { border:1px solid #cccccc;}
.findW .fl50 h4, .findW .fr50 h4 { text-align:center; padding:25px 0px; background:#fbfbfb; border-bottom:1px solid #ededed;}
.find_box { padding:20px;}
.find_box .btn { border-top:1px solid #cccccc; margin-top:20px;}
.find_box .btn a {display:block; background:#00a7af; font-size:1.25em; padding:15px 0px; color:#fff; text-align:center; font-weight:500;}
.find_box .clean_tableW { min-height:155px;}
.bb_tit {font-size: 1.5em; line-height: 150%; color: #000000; font-weight:500; padding: 40px 0px 15px 0px;}

.radio_group {font-size: 0px; margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; font-size: 14px; padding: 5px 0px 0px 15px;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:30px;}


/* line */
.line {border-top:1px solid #ccc; /*padding-top:20px;*/}



/*atab*/
.atab { margin-bottom:40px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table}
.atab li a {display:table-cell; width: 100%; height:55px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 3px; text-align:center; color:#396da2; box-sizing:border-box; border-bottom:1px solid #618ab5; font-size: 16px;}
.atab li.on a {font-family: Noto Sans; border: 1px solid #507ead; border-top:3px solid #507ead; border-bottom: 1px solid #fff;}
.atab.two li {width:50%;}
.atab.four li {width:25%;}



.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

/* 레이어팝 */
#black {background-color:#000; display:none; height:100%; left:0;  opacity:0.8; filter:alpha(opacity=80); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: scroll; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}
.layerPop_inner {padding:40px 10px;}
.pop_wrap {width:100%; max-width:800px; margin:0 auto; background-color: #fff; cursor: auto; position: relative;}
.pop_wrap .pop_body {padding:15px;}
.pop_wrap .x_btn_w {position: absolute; top:6px; right:10px;}
.pop_wrap .x_btn {width:35px; height: 35px; line-height: 25px; cursor: pointer; background: url(../img/common/close_bt.gif) no-repeat right center; color: #fff; font-size:0px;}
.pop_wrap .pop_head {background: #219847}
.pop_wrap .pop_head .title {font-size:16px; line-height:20px;  color: #fff; padding:12px 0px 15px 17px;text-align: left; }
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .pop_footer {background:#219847; padding:20px; position: relative; min-height:30px; }

.pop_wrap.classroom_memo .pop_head {background:#fff;}
.pop_wrap.classroom_memo .pop_head .title {color: #000; border-bottom:1px solid #ccc; font-family:Noto Sans; }

/* 팝업 */

.popup_scroll {max-height:700px; overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; text-indent:10px; line-height:150%; background:url(../img/common/pop_logo.png) no-repeat 95% center #00a7af; font-size:1.8em; color:#fff; font-family:Noto Sans; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}




/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}

.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}




/* 1220px 이하 */
@media screen and (max-width:1219px) {
   
    .rightW {float:none; width:100%; margin: 0 auto; box-sizing: border-box; padding:0px 10px;}
    #inner_wrap {padding:0px 10px;}
}
/* 1160px 이하 */
@media screen and (max-width:1159px) {
    .quick_wrap > ul {display: none;}
}
/* 980px 이하 */
@media screen and (max-width:979px) {
   .m_hg {overflow: hidden; position: relative;}
    #header h1 {top:0px; height: 75px; box-sizing: border-box; padding:8px 0px 12px 0px; }
    #header h1 {top:0px }
    #header .top_ban {padding:0px;  min-height:auto;}
    #header .m_hg {border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;}
    #header .top_ban > ul > li {padding: 0px !important; max-width:338px;}

    .top_btns {position: relative; right: auto; top: auto; bottom:auto; float: right; padding: 15px 10px 0px 0px;}
    .top_btns > li {display: none;}
    .top_btns > li.ico03 {display: block;}
    
    .go_sitemap {position: relative; left: auto; top: auto; bottom:auto; float: left;}
	.w_gnb {display: none}
    .web_dis {display:none !important;}
    .mb_dis {display:block !important;}

  
	.sub_con {padding:20px 20px;}
	.inner {padding:0px 10px; word-break: keep-all;}


    .main_customerW .main_customer {padding:20px 60px; border-bottom:none;}
	.main_customer .bx-wrapper .bx-prev {left:-50px;}
	.main_customer .bx-wrapper .bx-next {right:-50px;}
    .main_content .inner {max-width: 750px;}
    .main_visualW .visual_top {padding-left:110px;}
    .first_row .m_left {width: 100%; float: none;}
    .first_row .m_right {width: 100%; float: none; padding: 0px; margin-top: 10px;}
    .two_row .m_left { width: 100%; float: none; padding: 0px; margin-top: 10px; max-width: 750px;}
    .two_row .m_center { width: 100%; float: none; padding: 0px; margin-top: 10px; max-width: 750px;}
    .two_row .m_right { width: 100%; float: none; padding: 0px; margin-top: 10px; max-width: 750px;}
    .first_row .img_ban {max-width: 100%; max-height: 100%;}
    .first_row .img_ban img {width: 100%;}
    .ev_tb thead tr th {font-size:13px !important; padding: 5px 0px;}
    .ev_tb tbody tr td {font-size:12px !important; line-height:17px !important; height: 50px;}
    .ev_tb tbody tr td .eve_txt a {font-size:13px;}

	#footer_add {max-width: 100%; text-align: center; font-size: 12px; padding:10px 0px 10px 0px; background:none;}
    .footer_menu > ul {text-align: center; font-size: 0px;}
    .footer_menu > ul > li {float: none; line-height:20px; height:20px; display: inline-block; vertical-align: top;}
	.footer_menu > ul > li > a {font-size: 12px;}
    .company {padding: 0px; }
    .company .pic {float: none; position: relative; right: auto; top: auto; padding-top: 10px;}
    .company .pic img {width: 100%;}
    
    .company.pr_company .fr img {width:300px;}
    
	
}
/* 768 이하 */
@media screen and (max-width:767px) {
    .w_gnb {display:none;}

    #header .search_box {top:81px; left: 0px; border-radius:0px; width: 100%; display: none;}
    
    .main_banner {width:100%; float:none; padding-right:0px;}
    .interest_rateW {width: 100%; float: none; padding-left:0px; padding-top: 10px;}
	.main_banner > div > ul > li > a {padding:15px 0px 10px 0px;}
	
	.sub_visual .sub_txt {width:80%; float: none; margin: 0 auto;}
	.sub_con {min-height:300px; font-size: 13px;}
    .title_bar {margin-bottom: 20px;}
	.title_bar h2 {font-size: 2.2em;}
	
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
	.advantage > li {padding: 10px;}
    .advantage > li br {display: none; }
    
    /*atab*/
    .atab li a {font-size:13px;}
    .view_info {padding:20px 0px;}
    .view_info .txt1 {float: none; width:100%; padding-right: 0px; }
    .view_info .txt2 {float: none; width:100%; padding-left:0px; padding-top: 20px;}
    #footerW {padding-bottom:10px;}
    #footer_add {padding-bottom:50px;}
    #footer_add {background: url(../img/common/f_logo.gif) no-repeat center bottom; background-size:160px auto;}
    #footer_add .bt_top {top: auto; bottom:0px; width: 40px; height: 40px;}
    #footer_add .bt_top img {width: 100%;}
    .company.pr_company .fr {display: none;}
    .company .font-b {font-size:18px;}

}
/* 600 이하 */
@media screen and (max-width:599px) {
    #header h1 {height: 65px; margin-left: -85px;}
    .go_sitemap a {width:65px; height:65px;}
    .top_btns {padding:12px 10px 0px 0px;}
    .sub_con {padding:10px;}
    
    .main_visualW .visual_top .roll_tab {padding:9px 0px;}
    .main_visualW .visual_top .roll_tab > li {padding: 0px 2px;}
    .main_visualW .visual_top .roll_tab > li a {font-size: 13px; line-height: 22px;}
	.main_visualW .visual_top .m_tit {left: 10px; top: 0px; padding:10px 0px 9px 10px;}
	.m_tit {padding:10px 0px 9px 10px; font-size: 15px;}
    .m_box .more {right:10px; top:7px;}
    #sub_tit {display: block;}
    #lnb_wrap {background:#00a7af;}
	#w_lnb {display:none;}
	#m_lnb {display:block;}
	#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#fff; line-height:45px; height:45px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}
	.lnb:after {clear:both; content:""; display:block;}
	.lnb .lnbs {width:100%; position:relative;}
	.lnb .lnbs .copy_menu {position:absolute; left:0px; top:45px; width:100%; display:none;}
	.lnb ul li {color:#333333; float:none; width:100% !important;}
	.lnb ul li.on {display:none !important;}
	.lnb ul li a {color:#333333; font-size:14px; display:block; line-height:25px; height: auto; min-height:25px; padding:8px 0px; border-bottom:1px solid #ababab; background:#fff;}
	.lnb ul li a:hover {color:#fff; background:#333;}
	#sub_visual {background-size:cover !important;}
	.sub_visual {height:220px;}
       
  
    .project_tab {border: 1px solid #e9e9e9; padding:0px; position: relative; margin-top: 10px;}
    .project_tab .one_m {text-align: left; position: relative; left: auto; top: auto; display: block !important; box-sizing: border-box; padding: 5px; width: 100%;}
    .project_tab .one_m .table {display: block !important;}
    
    .project_tab .sub_m {padding:10px 5px;}
    .project_tab .sub_m > li > a {color: #666666; font-size: 12px;}
    .project_tab .more {margin:5px 0px 0px 0px;}
    
    .list_btnW {margin: 0px;}

    .info_toggle .s_tit {padding-left:10px; }
    .company_ico li {padding:5px 0px 10px 70px; background-size:50px auto !important;}

    
}



/* 480px 이하 */
@media screen and (max-width:479px) {
    #header h1 {height:55px; margin-left: -65px;}
    .go_sitemap a {width: 55px; height: 55px;}
    .top_btns {padding:7px 5px 0px 0px;}
    .slide_menu_wrap .gnb > ul > li > a {background-size:14px auto !important;}
    #sub_tit {font-size:22px;}
    .main_customerW .main_customer {padding:10px 60px;}
   
    .m_quick > ul > li > a {font-size:13px;}
    .main_banner > div > ul > li > a {font-size: 13px;}
    .board {min-height:auto;}
    .board > ul > li {margin-top:2px; }
    .board > ul > li > a {font-size:13px;}
    .m_tit_txt {font-size:14px;}
	.main_visual .bx-controls-direction { display: none;}
	.search_btn {right: auto; left: 10px;}
	.m_gnb_on {top:30px;}
	.m_gnb_on img {width:23px;}
    .ev_tb tbody tr td {height:30px;}
    .pic_list {min-height: 10px;}
    .pic_list > li > a {padding-left:150px; min-height:68px;}
    .pic_list > li .pic {width: 135px;}	
    .txt_list > li .txt .txt_b {font-size:14px;}
    .txt_list > li .txt .txt_s {font-size:13px;}
    .txt_list > li .date {font-size: 15px;}
    .txt_list > li .date strong {font-size:32px;}
    .txt_list > li {padding:12px 0px 11px 0px;}
    .txt_list {min-height:10px;}

    .location {display: none;}
    
	#footer_add {font-size: 11px;}
	.footer_menu > ul > li > a {font-family: nGothic;}
	
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}

	
	.s_tit {margin:30px 0px 10px 0px; font-size: 18px;}
	.ss_tit {margin-top:20px;}
	#inner_wrap {font-size:0.95em;}
    .title_bar {padding:10px 0px;}
	.title_bar h2 {font-size:1.8em; }
	
	.sub_visual .sub_txt {width:100%;}
	#lnb_wrap.fix {top:156px;}
	.m_th {width:90px !important;}
    
    .menu_btn {height:20px; width:30px;}
    .menu_btn .line-middle {top:8px;}
    .w_date {width:80px;}
    
    .advantage > li {float: none; width: 100%; min-height: auto; border: none; border-top:1px solid #d9d9d9;}
    
    .m_dis {display:block !important;}
    .w_dis {display:none !important;}
    
    
}

.loading_area {position:fixed; width:100%; height:100%; z-index:9999;}
.loading_area #bg {background-color:#000; display:block; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
.loading_area .loading_img { position:fixed; left:50%; top:50%;}